{"version":3,"file":"index.7f7ddc8f.js","sources":["../../../../ui/packages/app/src/components/Row/Row.svelte","../../../../ui/packages/app/src/components/Row/index.ts"],"sourcesContent":["<script lang=\"ts\">\n\timport type { Styles } from \"@gradio/utils\";\n\n\texport let style: Styles = {};\n\texport let elem_id: string;\n\texport let visible: boolean = true;\n\texport let variant: \"default\" | \"panel\" | \"compact\" = \"default\";\n</script>\n\n<div\n\tclass=\"flex\"\n\tclass:compact={variant === \"compact\"}\n\tclass:panel={variant === \"panel\"}\n\tclass:unequal-height={style.equal_height === false}\n\tclass:stretch={style.equal_height}\n\tclass:hide={!visible}\n\tid={elem_id}\n>\n\t<slot />\n</div>\n\n<style>\n\tdiv {\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\tgap: var(--size-4);\n\t\twidth: var(--size-full);\n\t}\n\n\t.hide {\n\t\tdisplay: none;\n\t}\n\t.compact > :global(*),\n\t.compact :global(.box) {\n\t\tborder-radius: 0;\n\t}\n\t.compact,\n\t.panel {\n\t\tborder-radius: var(--radius-lg);\n\t\tbackground: var(--color-background-secondary);\n\t\tpadding: var(--size-2);\n\t}\n\t.unequal-height {\n\t\talign-items: flex-start;\n\t}\n\n\t.stretch {\n\t\talign-items: stretch;\n\t}\n\n\tdiv > :global(*),\n\tdiv > :global(.form > *) {\n\t\tflex: 1 1 0%;\n\t\tflex-wrap: wrap;\n\t\tmin-width: min(160px, 100%);\n\t}\n</style>\n","export { default as Component } from \"./Row.svelte\";\nexport const modes = [\"static\"];\n"],"names":[],"mappings":"2QAgBK,oBALW,OAAY,SAAS,cACvB,OAAY,OAAO,uBACV,KAAM,eAAiB,EAAK,gBACnC,KAAM,YAAY,cACpB,cANd,6HAOK,yBALW,OAAY,SAAS,mBACvB,OAAY,OAAO,4BACV,KAAM,eAAiB,EAAK,qBACnC,KAAM,YAAY,mBACpB,0HAZF,eACA,cACA,UAAmB,OACnB,UAA2C,0TCL1C,GAAQ,CAAC,QAAQ"}