npm - @manafishrov/ui - Versions diffs - 1.5.3 → 1.5.4 - Mend

@manafishrov/ui 1.5.3 → 1.5.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (530) hide show

package/dist/components/form/PinInputField.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PinInputField.js","names":["Component","ComponentProps","JSXElement","Field","FieldLabel","FieldContent","FieldError","FieldDescription","PinInput","PinInputControl","PinInputInput","PinInputGroup","PinInputHiddenInput","useFieldContext","WithTrailingAddon","PinInputFieldProps","label","description","count","trailingAddon","DEFAULT_PIN_COUNT","PIN_INPUT_FIELD_PROPS","const","PinInputDigits","props","_$createComponent","children","_$Index","each","Array","from","length","_","index","PinInputField","field","local","others","splitProps","pinCount","invalid","state","meta","errors","disabled","readOnly","required","addon","_$mergeProps","value","onValueChange","details","handleChange","onBlur","handleBlur"],"sources":["../../../src/components/form/PinInputField.tsx"],"sourcesContent":["import type { Component, ComponentProps, JSXElement } from 'solid-js';\n\nimport { Field, FieldLabel, FieldContent, FieldError, FieldDescription } from '@/components/Field';\nimport {\n PinInput,\n PinInputControl,\n PinInputInput,\n PinInputGroup,\n PinInputHiddenInput,\n} from '@/components/PinInput';\n\nimport { useFieldContext } from './context';\nimport { WithTrailingAddon } from './WithTrailingAddon';\n\nexport type PinInputFieldProps = ComponentProps<typeof PinInput> & {\n label?: string;\n description?: string;\n count?: number;\n trailingAddon?: JSXElement;\n};\n\nconst DEFAULT_PIN_COUNT = 6;\nconst PIN_INPUT_FIELD_PROPS = [\n 'label',\n 'description',\n 'required',\n 'disabled',\n 'readOnly',\n 'count',\n 'trailingAddon',\n] as const;\n\nconst PinInputDigits: Component<{ count: number }> = (props) => (\n <PinInputControl>\n <PinInputGroup>\n <Index each={Array.from({ length: props.count })}>\n {(_, index) => <PinInputInput index={index} />}\n </Index>\n </PinInputGroup>\n </PinInputControl>\n);\n\nexport const PinInputField: Component<PinInputFieldProps> = (props) => {\n const field = useFieldContext<string[]>();\n const [local, others] = splitProps(props, PIN_INPUT_FIELD_PROPS);\n const pinCount = local.count ?? DEFAULT_PIN_COUNT;\n\n return (\n <Field\n invalid={field().state.meta.errors.length > 0}\n disabled={local.disabled ?? false}\n readOnly={local.readOnly ?? false}\n required={local.required ?? false}\n >\n <FieldLabel>{local.label}</FieldLabel>\n <FieldContent>\n <WithTrailingAddon addon={local.trailingAddon}>\n <PinInput\n value={field().state.value}\n onValueChange={(details) => {\n field().handleChange(details.value);\n }}\n onBlur={() => {\n field().handleBlur();\n }}\n invalid={field().state.meta.errors.length > 0}\n disabled={local.disabled ?? false}\n readOnly={local.readOnly ?? false}\n required={local.required ?? false}\n count={pinCount}\n {...others}\n >\n <PinInputDigits count={pinCount} />\n <PinInputHiddenInput />\n </PinInput>\n </WithTrailingAddon>\n <FieldError errors={field().state.meta.errors} />\n <FieldDescription>{local.description}</FieldDescription>\n </FieldContent>\n </Field>\n );\n};\n"],"mappings":";;;;;;;AAqBA,IAAMoB,IAAoB,GACpBC,IAAwB;CAC5B;CACA;CACA;CACA;CACA;CACA;CACA;~~CACD~~,~~EAEKE~~,KAAgDC,MAAKC,EACxDhB,GAAe,EAAA,IAAAiB,WAAA;CAAA,OAAAD,EACbd,GAAa,EAAA,IAAAe,WAAA;EAAA,OAAAD,EACXE,GAAK;GAAA,IAACC,OAAI;IAAA,OAAEC,MAAMC,KAAK,EAAEC,QAAQP,EAAMN,~~OAAO~~,CAAC;;GAAAQ,WAC5CM,GAAGC,MAAKR,EAAMf,GAAa,EAAQuB,~~UAAK~~,CAAA;~~GAAI~~,CAAA;~~IAAA~~,CAAA;~~GAAA~~,~~CAIrD~~,~~EAEYC~~,KAAgDV,MAAU;CACrE,IAAMW,IAAQtB,~~GAA2B~~,~~EACnC~~,CAACuB,GAAOC,KAAUC,EAAWd,GAAOH,~~EAAsB~~,~~EAC1DkB~~,IAAWH,EAAMlB,SAASE;CAEhC,OAAAK,EACGtB,GAAK;EAAA,IACJqC,UAAO;GAAA,OAAEL,~~GAAO~~,~~CAACM~~,MAAMC,KAAKC,OAAOZ,SAAS;;EAAC,IAC7Ca,WAAQ;GAAA,OAAER,EAAMQ,YAAY;;EAAK,IACjCC,WAAQ;GAAA,OAAET,EAAMS,YAAY;;EAAK,IACjCC,WAAQ;GAAA,OAAEV,EAAMU,YAAY;;EAAK,IAAApB,WAAA;GAAA,OAAA,CAAAD,EAEhCrB,GAAU,EAAA,IAAAsB,WAAA;IAAA,OAAEU,EAAMpB;~~MAAK~~,CAAA,~~EAAAS~~,EACvBpB,GAAY,EAAA,IAAAqB,WAAA;IAAA,OAAA;KAAAD,EACVX,GAAiB;MAAA,IAACiC,QAAK;OAAA,OAAEX,EAAMjB;;MAAa,IAAAO,WAAA;OAAA,OAAAD,EAC1CjB,GAAQwC,EAAA;QAAA,IACPC,QAAK;SAAA,OAAEd,~~GAAO~~,~~CAACM~~,MAAMQ~~;;QACrBC~~,gBAAgBC,MAAY;SAC1BhB,~~GAAO~~,~~CAACiB~~,aAAaD,EAAQF,~~MAAM;;QAErCI~~,cAAc;SACZlB,~~GAAO~~,~~CAACmB~~,~~YAAY;;~~QACrB,IACDd,UAAO;SAAA,OAAEL,~~GAAO~~,~~CAACM~~,MAAMC,KAAKC,OAAOZ,SAAS;;QAAC,IAC7Ca,WAAQ;SAAA,OAAER,EAAMQ,YAAY;;QAAK,IACjCC,WAAQ;SAAA,OAAET,EAAMS,YAAY;;QAAK,IACjCC,WAAQ;SAAA,OAAEV,EAAMU,YAAY~~;;QAC5B5B~~,OAAOqB;~~QAAQ~~,~~EACXF~~,GAAM,EAAA,IAAAX,WAAA;QAAA,OAAA,CAAAD,EAETF,GAAc,EAACL,OAAOqB,~~GAAQ~~,CAAA,~~EAAAd~~,EAC9Bb,GAAmB,~~EAAA~~,CAAA,CAAA;~~UAAA~~,CAAA,CAAA;;MAAA,CAAA;KAAAa,EAGvBnB,GAAU,EAAA,IAACqC,SAAM;MAAA,OAAER,~~GAAO~~,~~CAACM~~,MAAMC,KAAKC;~~QAAM~~,CAAA;KAAAlB,EAC5ClB,GAAgB,EAAA,IAAAmB,WAAA;MAAA,OAAEU,EAAMnB;~~QAAW~~,CAAA;~~KAAA~~;~~MAAA~~,CAAA,CAAA;;EAAA,CAAA"}
1	+ {"version":3,"file":"PinInputField.js","names":["Component","ComponentProps","JSXElement","Field","FieldLabel","FieldContent","FieldError","FieldDescription","PinInput","PinInputControl","PinInputInput","PinInputGroup","PinInputHiddenInput","useFieldContext","WithTrailingAddon","PinInputFieldProps","label","description","count","trailingAddon","DEFAULT_PIN_COUNT","PIN_INPUT_FIELD_PROPS","const","PinInputDigits","props","_$createComponent","children","_$Index","each","Array","from","length","_","index","PinInputField","field","local","others","splitProps","pinCount","invalid","state","meta","errors","disabled","readOnly","required","addon","_$mergeProps","value","onValueChange","details","handleChange","onBlur","handleBlur"],"sources":["../../../src/components/form/PinInputField.tsx"],"sourcesContent":["import type { Component, ComponentProps, JSXElement } from 'solid-js';\n\nimport { Field, FieldLabel, FieldContent, FieldError, FieldDescription } from '@/components/Field';\nimport {\n PinInput,\n PinInputControl,\n PinInputInput,\n PinInputGroup,\n PinInputHiddenInput,\n} from '@/components/PinInput';\n\nimport { useFieldContext } from './context';\nimport { WithTrailingAddon } from './WithTrailingAddon';\n\nexport type PinInputFieldProps = ComponentProps<typeof PinInput> & {\n label?: string;\n description?: string;\n count?: number;\n trailingAddon?: JSXElement;\n};\n\nconst DEFAULT_PIN_COUNT = 6;\nconst PIN_INPUT_FIELD_PROPS = [\n 'label',\n 'description',\n 'required',\n 'disabled',\n 'readOnly',\n 'count',\n 'trailingAddon',\n] as const;\n\nconst PinInputDigits: Component<{ count: number }> = (props) => (\n <PinInputControl>\n <PinInputGroup>\n <Index each={Array.from({ length: props.count })}>\n {(_, index) => <PinInputInput index={index} />}\n </Index>\n </PinInputGroup>\n </PinInputControl>\n);\n\nexport const PinInputField: Component<PinInputFieldProps> = (props) => {\n const field = useFieldContext<string[]>();\n const [local, others] = splitProps(props, PIN_INPUT_FIELD_PROPS);\n const pinCount = local.count ?? DEFAULT_PIN_COUNT;\n\n return (\n <Field\n invalid={field().state.meta.errors.length > 0}\n disabled={local.disabled ?? false}\n readOnly={local.readOnly ?? false}\n required={local.required ?? false}\n >\n <FieldLabel>{local.label}</FieldLabel>\n <FieldContent>\n <WithTrailingAddon addon={local.trailingAddon}>\n <PinInput\n value={field().state.value}\n onValueChange={(details) => {\n field().handleChange(details.value);\n }}\n onBlur={() => {\n field().handleBlur();\n }}\n invalid={field().state.meta.errors.length > 0}\n disabled={local.disabled ?? false}\n readOnly={local.readOnly ?? false}\n required={local.required ?? false}\n count={pinCount}\n {...others}\n >\n <PinInputDigits count={pinCount} />\n <PinInputHiddenInput />\n </PinInput>\n </WithTrailingAddon>\n <FieldError errors={field().state.meta.errors} />\n <FieldDescription>{local.description}</FieldDescription>\n </FieldContent>\n </Field>\n );\n};\n"],"mappings":";;;;;;;AAqBA,IAAMoB,IAAoB,GACpBC,IAAwB;CAC5B;CACA;CACA;CACA;CACA;CACA;CACA;AAAe,GAGXE,KAAgDC,MAAKC,EACxDhB,GAAe,EAAA,IAAAiB,WAAA;CAAA,OAAAD,EACbd,GAAa,EAAA,IAAAe,WAAA;EAAA,OAAAD,EACXE,GAAK;GAAA,IAACC,OAAI;IAAA,OAAEC,MAAMC,KAAK,EAAEC,QAAQP,EAAMN,MAAM,CAAC;GAAC;GAAAQ,WAC5CM,GAAGC,MAAKR,EAAMf,GAAa,EAAQuB,SAAK,CAAA;EAAI,CAAA;CAAA,EAAA,CAAA;AAAA,EAAA,CAAA,GAMzCC,KAAgDV,MAAU;CACrE,IAAMW,IAAQtB,EAA0B,GAClC,CAACuB,GAAOC,KAAUC,EAAWd,GAAOH,CAAqB,GACzDkB,IAAWH,EAAMlB,SAASE;CAEhC,OAAAK,EACGtB,GAAK;EAAA,IACJqC,UAAO;GAAA,OAAEL,EAAM,EAAEM,MAAMC,KAAKC,OAAOZ,SAAS;EAAC;EAAA,IAC7Ca,WAAQ;GAAA,OAAER,EAAMQ,YAAY;EAAK;EAAA,IACjCC,WAAQ;GAAA,OAAET,EAAMS,YAAY;EAAK;EAAA,IACjCC,WAAQ;GAAA,OAAEV,EAAMU,YAAY;EAAK;EAAA,IAAApB,WAAA;GAAA,OAAA,CAAAD,EAEhCrB,GAAU,EAAA,IAAAsB,WAAA;IAAA,OAAEU,EAAMpB;GAAK,EAAA,CAAA,GAAAS,EACvBpB,GAAY,EAAA,IAAAqB,WAAA;IAAA,OAAA;KAAAD,EACVX,GAAiB;MAAA,IAACiC,QAAK;OAAA,OAAEX,EAAMjB;MAAa;MAAA,IAAAO,WAAA;OAAA,OAAAD,EAC1CjB,GAAQwC,EAAA;QAAA,IACPC,QAAK;SAAA,OAAEd,EAAM,EAAEM,MAAMQ;QAAK;QAC1BC,gBAAgBC,MAAY;SAC1BhB,EAAM,EAAEiB,aAAaD,EAAQF,KAAK;QACpC;QACAI,cAAc;SACZlB,EAAM,EAAEmB,WAAW;QACrB;QAAC,IACDd,UAAO;SAAA,OAAEL,EAAM,EAAEM,MAAMC,KAAKC,OAAOZ,SAAS;QAAC;QAAA,IAC7Ca,WAAQ;SAAA,OAAER,EAAMQ,YAAY;QAAK;QAAA,IACjCC,WAAQ;SAAA,OAAET,EAAMS,YAAY;QAAK;QAAA,IACjCC,WAAQ;SAAA,OAAEV,EAAMU,YAAY;QAAK;QACjC5B,OAAOqB;OAAQ,GACXF,GAAM,EAAA,IAAAX,WAAA;QAAA,OAAA,CAAAD,EAETF,GAAc,EAACL,OAAOqB,EAAQ,CAAA,GAAAd,EAC9Bb,GAAmB,CAAA,CAAA,CAAA;OAAA,EAAA,CAAA,CAAA;MAAA;KAAA,CAAA;KAAAa,EAGvBnB,GAAU,EAAA,IAACqC,SAAM;MAAA,OAAER,EAAM,EAAEM,MAAMC,KAAKC;KAAM,EAAA,CAAA;KAAAlB,EAC5ClB,GAAgB,EAAA,IAAAmB,WAAA;MAAA,OAAEU,EAAMnB;KAAW,EAAA,CAAA;IAAA;GAAA,EAAA,CAAA,CAAA;EAAA;CAAA,CAAA;AAI5C"}

package/dist/components/form/RadioGroupField.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RadioGroupField.js","names":["Component","ComponentProps","JSXElement","Field","FieldContent","FieldError","FieldDescription","RadioGroup","RadioGroupLabel","useFieldContext","WithTrailingAddon","RadioGroupFieldProps","label","description","trailingAddon","RadioGroupField","props","field","local","others","splitProps","_$createComponent","invalid","state","meta","errors","length","required","disabled","readOnly","children","addon","_$mergeProps","value","onValueChange","details","handleChange","onBlur","handleBlur","_$memo"],"sources":["../../../src/components/form/RadioGroupField.tsx"],"sourcesContent":["import type { Component, ComponentProps, JSXElement } from 'solid-js';\n\nimport { Field, FieldContent, FieldError, FieldDescription } from '@/components/Field';\nimport { RadioGroup, RadioGroupLabel } from '@/components/RadioGroup';\n\nimport { useFieldContext } from './context';\nimport { WithTrailingAddon } from './WithTrailingAddon';\n\nexport type RadioGroupFieldProps = ComponentProps<typeof RadioGroup> & {\n label?: string;\n description?: string;\n trailingAddon?: JSXElement;\n};\n\nexport const RadioGroupField: Component<RadioGroupFieldProps> = (props) => {\n const field = useFieldContext<string>();\n const [local, others] = splitProps(props, [\n 'label',\n 'description',\n 'required',\n 'disabled',\n 'readOnly',\n 'children',\n 'trailingAddon',\n ]);\n\n return (\n <Field\n invalid={field().state.meta.errors.length > 0}\n required={local.required ?? false}\n disabled={local.disabled ?? false}\n readOnly={local.readOnly ?? false}\n >\n <FieldContent>\n <WithTrailingAddon addon={local.trailingAddon}>\n <RadioGroup\n value={field().state.value}\n onValueChange={(details) => {\n field().handleChange(details.value ?? '');\n }}\n onBlur={() => {\n field().handleBlur();\n }}\n invalid={field().state.meta.errors.length > 0}\n disabled={local.disabled ?? false}\n readOnly={local.readOnly ?? false}\n required={local.required ?? false}\n {...others}\n >\n <RadioGroupLabel>{local.label}</RadioGroupLabel>\n {local.children}\n </RadioGroup>\n </WithTrailingAddon>\n <FieldError errors={field().state.meta.errors} />\n <FieldDescription>{local.description}</FieldDescription>\n </FieldContent>\n </Field>\n );\n};\n"],"mappings":";;;;;;;AAcA,IAAae,KAAoDC,MAAU;CACzE,IAAMC,IAAQR,~~GAAyB~~,~~EACjC~~,CAACS,GAAOC,KAAUC,EAAWJ,GAAO;EACxC;EACA;EACA;EACA;EACA;EACA;EACA;~~EACD~~,~~CAAC~~;~~CAEF~~,OAAAK,EACGlB,GAAK;EAAA,IACJmB,UAAO;GAAA,OAAEL,~~GAAO~~,~~CAACM~~,MAAMC,KAAKC,OAAOC,SAAS;;EAAC,IAC7CC,WAAQ;GAAA,OAAET,EAAMS,YAAY;;EAAK,IACjCC,WAAQ;GAAA,OAAEV,EAAMU,YAAY;;EAAK,IACjCC,WAAQ;GAAA,OAAEX,EAAMW,YAAY;;EAAK,IAAAC,WAAA;GAAA,OAAAT,EAEhCjB,GAAY,EAAA,IAAA0B,WAAA;IAAA,OAAA;KAAAT,EACVX,GAAiB;MAAA,IAACqB,QAAK;OAAA,OAAEb,EAAMJ;;MAAa,IAAAgB,WAAA;OAAA,OAAAT,EAC1Cd,GAAUyB,EAAA;QAAA,IACTC,QAAK;SAAA,OAAEhB,~~GAAO~~,~~CAACM~~,MAAMU~~;;QACrBC~~,gBAAgBC,MAAY;SAC1BlB,~~GAAO~~,~~CAACmB~~,aAAaD,EAAQF,SAAS,~~GAAG;;QAE3CI~~,cAAc;SACZpB,~~GAAO~~,~~CAACqB~~,~~YAAY;;~~QACrB,IACDhB,UAAO;SAAA,OAAEL,~~GAAO~~,~~CAACM~~,MAAMC,KAAKC,OAAOC,SAAS;;QAAC,IAC7CE,WAAQ;SAAA,OAAEV,EAAMU,YAAY;;QAAK,IACjCC,WAAQ;SAAA,OAAEX,EAAMW,YAAY;;QAAK,IACjCF,WAAQ;SAAA,OAAET,EAAMS,YAAY;;QAAK,~~EAC7BR~~,GAAM,EAAA,IAAAW,WAAA;QAAA,OAAA,CAAAT,EAETb,GAAe,EAAA,IAAAsB,WAAA;SAAA,OAAEZ,EAAMN;~~WAAK~~,CAAA,~~EAAA2B~~,QAC5BrB,EAAMY,~~SAAQ~~,CAAA;~~UAAA~~,CAAA,CAAA;;MAAA,CAAA;KAAAT,EAGlBhB,GAAU,EAAA,IAACoB,SAAM;MAAA,OAAER,~~GAAO~~,~~CAACM~~,MAAMC,KAAKC;~~QAAM~~,CAAA;KAAAJ,EAC5Cf,GAAgB,EAAA,IAAAwB,WAAA;MAAA,OAAEZ,EAAML;~~QAAW~~,CAAA;~~KAAA~~;~~MAAA~~,CAAA;;EAAA,CAAA"}
1	+ {"version":3,"file":"RadioGroupField.js","names":["Component","ComponentProps","JSXElement","Field","FieldContent","FieldError","FieldDescription","RadioGroup","RadioGroupLabel","useFieldContext","WithTrailingAddon","RadioGroupFieldProps","label","description","trailingAddon","RadioGroupField","props","field","local","others","splitProps","_$createComponent","invalid","state","meta","errors","length","required","disabled","readOnly","children","addon","_$mergeProps","value","onValueChange","details","handleChange","onBlur","handleBlur","_$memo"],"sources":["../../../src/components/form/RadioGroupField.tsx"],"sourcesContent":["import type { Component, ComponentProps, JSXElement } from 'solid-js';\n\nimport { Field, FieldContent, FieldError, FieldDescription } from '@/components/Field';\nimport { RadioGroup, RadioGroupLabel } from '@/components/RadioGroup';\n\nimport { useFieldContext } from './context';\nimport { WithTrailingAddon } from './WithTrailingAddon';\n\nexport type RadioGroupFieldProps = ComponentProps<typeof RadioGroup> & {\n label?: string;\n description?: string;\n trailingAddon?: JSXElement;\n};\n\nexport const RadioGroupField: Component<RadioGroupFieldProps> = (props) => {\n const field = useFieldContext<string>();\n const [local, others] = splitProps(props, [\n 'label',\n 'description',\n 'required',\n 'disabled',\n 'readOnly',\n 'children',\n 'trailingAddon',\n ]);\n\n return (\n <Field\n invalid={field().state.meta.errors.length > 0}\n required={local.required ?? false}\n disabled={local.disabled ?? false}\n readOnly={local.readOnly ?? false}\n >\n <FieldContent>\n <WithTrailingAddon addon={local.trailingAddon}>\n <RadioGroup\n value={field().state.value}\n onValueChange={(details) => {\n field().handleChange(details.value ?? '');\n }}\n onBlur={() => {\n field().handleBlur();\n }}\n invalid={field().state.meta.errors.length > 0}\n disabled={local.disabled ?? false}\n readOnly={local.readOnly ?? false}\n required={local.required ?? false}\n {...others}\n >\n <RadioGroupLabel>{local.label}</RadioGroupLabel>\n {local.children}\n </RadioGroup>\n </WithTrailingAddon>\n <FieldError errors={field().state.meta.errors} />\n <FieldDescription>{local.description}</FieldDescription>\n </FieldContent>\n </Field>\n );\n};\n"],"mappings":";;;;;;;AAcA,IAAae,KAAoDC,MAAU;CACzE,IAAMC,IAAQR,EAAwB,GAChC,CAACS,GAAOC,KAAUC,EAAWJ,GAAO;EACxC;EACA;EACA;EACA;EACA;EACA;EACA;CAAe,CAChB;CAED,OAAAK,EACGlB,GAAK;EAAA,IACJmB,UAAO;GAAA,OAAEL,EAAM,EAAEM,MAAMC,KAAKC,OAAOC,SAAS;EAAC;EAAA,IAC7CC,WAAQ;GAAA,OAAET,EAAMS,YAAY;EAAK;EAAA,IACjCC,WAAQ;GAAA,OAAEV,EAAMU,YAAY;EAAK;EAAA,IACjCC,WAAQ;GAAA,OAAEX,EAAMW,YAAY;EAAK;EAAA,IAAAC,WAAA;GAAA,OAAAT,EAEhCjB,GAAY,EAAA,IAAA0B,WAAA;IAAA,OAAA;KAAAT,EACVX,GAAiB;MAAA,IAACqB,QAAK;OAAA,OAAEb,EAAMJ;MAAa;MAAA,IAAAgB,WAAA;OAAA,OAAAT,EAC1Cd,GAAUyB,EAAA;QAAA,IACTC,QAAK;SAAA,OAAEhB,EAAM,EAAEM,MAAMU;QAAK;QAC1BC,gBAAgBC,MAAY;SAC1BlB,EAAM,EAAEmB,aAAaD,EAAQF,SAAS,EAAE;QAC1C;QACAI,cAAc;SACZpB,EAAM,EAAEqB,WAAW;QACrB;QAAC,IACDhB,UAAO;SAAA,OAAEL,EAAM,EAAEM,MAAMC,KAAKC,OAAOC,SAAS;QAAC;QAAA,IAC7CE,WAAQ;SAAA,OAAEV,EAAMU,YAAY;QAAK;QAAA,IACjCC,WAAQ;SAAA,OAAEX,EAAMW,YAAY;QAAK;QAAA,IACjCF,WAAQ;SAAA,OAAET,EAAMS,YAAY;QAAK;OAAA,GAC7BR,GAAM,EAAA,IAAAW,WAAA;QAAA,OAAA,CAAAT,EAETb,GAAe,EAAA,IAAAsB,WAAA;SAAA,OAAEZ,EAAMN;QAAK,EAAA,CAAA,GAAA2B,QAC5BrB,EAAMY,QAAQ,CAAA;OAAA,EAAA,CAAA,CAAA;MAAA;KAAA,CAAA;KAAAT,EAGlBhB,GAAU,EAAA,IAACoB,SAAM;MAAA,OAAER,EAAM,EAAEM,MAAMC,KAAKC;KAAM,EAAA,CAAA;KAAAJ,EAC5Cf,GAAgB,EAAA,IAAAwB,WAAA;MAAA,OAAEZ,EAAML;KAAW,EAAA,CAAA;IAAA;GAAA,EAAA,CAAA;EAAA;CAAA,CAAA;AAI5C"}

package/dist/components/form/SelectField.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SelectField.js","names":["Component","ComponentProps","JSX","JSXElement","Field","FieldContent","FieldDescription","FieldError","FieldLabel","Select","SelectContent","SelectControl","SelectIndicator","SelectPositioner","SelectTrigger","SelectValue","useFieldContext","WithTrailingAddon","SelectInput","placeholder","showSelectIndicator","children","Element","props","_$createComponent","_$Show","when","SelectFieldProps","label","description","trailingAddon","SELECT_FIELD_PROPS","const","SelectField","field","local","others","splitProps","invalid","state","meta","errors","length","disabled","readOnly","required","addon","_$mergeProps","value","onValueChange","details","handleChange","onBlur","handleBlur"],"sources":["../../../src/components/form/SelectField.tsx"],"sourcesContent":["import type { Component, ComponentProps, JSX, JSXElement } from 'solid-js';\n\nimport { Field, FieldContent, FieldDescription, FieldError, FieldLabel } from '@/components/Field';\nimport {\n Select,\n SelectContent,\n SelectControl,\n SelectIndicator,\n SelectPositioner,\n SelectTrigger,\n SelectValue,\n} from '@/components/Select';\n\nimport { useFieldContext } from './context';\nimport { WithTrailingAddon } from './WithTrailingAddon';\n\nconst SelectInput: Component<{\n placeholder: string;\n showSelectIndicator: boolean \| undefined;\n children: JSX.Element;\n}> = (props) => (\n <>\n <SelectControl>\n <SelectTrigger>\n <SelectValue placeholder={props.placeholder} />\n <Show when={props.showSelectIndicator !== false}>\n <SelectIndicator />\n </Show>\n </SelectTrigger>\n </SelectControl>\n <SelectPositioner>\n <SelectContent>{props.children}</SelectContent>\n </SelectPositioner>\n </>\n);\n\nexport type SelectFieldProps = ComponentProps<typeof Select> & {\n label?: string;\n description?: string;\n placeholder?: string;\n showSelectIndicator?: boolean;\n trailingAddon?: JSXElement;\n};\n\nconst SELECT_FIELD_PROPS = [\n 'label',\n 'description',\n 'required',\n 'disabled',\n 'readOnly',\n 'placeholder',\n 'showSelectIndicator',\n 'children',\n 'trailingAddon',\n] as const;\n\nexport const SelectField: Component<SelectFieldProps> = (props) => {\n const field = useFieldContext<string[]>();\n const [local, others] = splitProps(props, SELECT_FIELD_PROPS);\n\n return (\n <Field\n invalid={field().state.meta.errors.length > 0}\n disabled={local.disabled ?? false}\n readOnly={local.readOnly ?? false}\n required={local.required ?? false}\n >\n <FieldLabel>{local.label}</FieldLabel>\n <FieldContent>\n <WithTrailingAddon addon={local.trailingAddon}>\n <Select\n value={field().state.value}\n onValueChange={(details) => {\n field().handleChange(details.value);\n }}\n onBlur={() => {\n field().handleBlur();\n }}\n invalid={field().state.meta.errors.length > 0}\n disabled={local.disabled ?? false}\n readOnly={local.readOnly ?? false}\n {...others}\n >\n <SelectInput\n placeholder={local.placeholder ?? ''}\n showSelectIndicator={local.showSelectIndicator}\n >\n {local.children}\n </SelectInput>\n </Select>\n </WithTrailingAddon>\n <FieldError errors={field().state.meta.errors} />\n <FieldDescription>{local.description}</FieldDescription>\n </FieldContent>\n </Field>\n );\n};\n"],"mappings":";;;;;;;AAgBA,IAAMkB,KAIAK,MAAK,CAAAC,EAENb,GAAa,EAAA,IAAAU,WAAA;CAAA,OAAAG,EACXV,GAAa,EAAA,IAAAO,WAAA;EAAA,OAAA,CAAAG,EACXT,GAAW,EAAA,IAACI,cAAW;GAAA,OAAEI,EAAMJ;~~KAAW~~,CAAA,~~EAAAK~~,EAC1CC,GAAI;GAAA,IAACC,OAAI;IAAA,OAAEH,EAAMH,wBAAwB;;GAAK,IAAAC,WAAA;IAAA,OAAAG,EAC5CZ,GAAe,~~EAAA~~,CAAA;;GAAA,CAAA,CAAA;~~IAAA~~,CAAA;~~GAAA~~,CAAA,~~EAAAY~~,EAIrBX,GAAgB,EAAA,IAAAQ,WAAA;CAAA,OAAAG,EACdd,GAAa,EAAA,IAAAW,WAAA;EAAA,OAAEE,EAAMF;~~IAAQ~~,CAAA;~~GAAA~~,CAAA,~~CAGnC~~,~~EAUKU~~,IAAqB;CACzB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;~~CACD~~,~~EAEYE~~,KAA4CV,MAAU;CACjE,IAAMW,IAAQlB,~~GAA2B~~,~~EACnC~~,CAACmB,GAAOC,KAAUC,EAAWd,GAAOQ,~~EAAmB~~;~~CAE7D~~,OAAAP,EACGpB,GAAK;EAAA,IACJkC,UAAO;GAAA,OAAEJ,~~GAAO~~,~~CAACK~~,MAAMC,KAAKC,OAAOC,SAAS;;EAAC,IAC7CC,WAAQ;GAAA,OAAER,EAAMQ,YAAY;;EAAK,IACjCC,WAAQ;GAAA,OAAET,EAAMS,YAAY;;EAAK,IACjCC,WAAQ;GAAA,OAAEV,EAAMU,YAAY;;EAAK,IAAAxB,WAAA;GAAA,OAAA,CAAAG,EAEhChB,GAAU,EAAA,IAAAa,WAAA;IAAA,OAAEc,EAAMP;~~MAAK~~,CAAA,~~EAAAJ~~,EACvBnB,GAAY,EAAA,IAAAgB,WAAA;IAAA,OAAA;KAAAG,EACVP,GAAiB;MAAA,IAAC6B,QAAK;OAAA,OAAEX,EAAML;;MAAa,IAAAT,WAAA;OAAA,OAAAG,EAC1Cf,GAAMsC,EAAA;QAAA,IACLC,QAAK;SAAA,OAAEd,~~GAAO~~,~~CAACK~~,MAAMS~~;;QACrBC~~,gBAAgBC,MAAY;SAC1BhB,~~GAAO~~,~~CAACiB~~,aAAaD,EAAQF,~~MAAM;;QAErCI~~,cAAc;SACZlB,~~GAAO~~,~~CAACmB~~,~~YAAY;;~~QACrB,IACDf,UAAO;SAAA,OAAEJ,~~GAAO~~,~~CAACK~~,MAAMC,KAAKC,OAAOC,SAAS;;QAAC,IAC7CC,WAAQ;SAAA,OAAER,EAAMQ,YAAY;;QAAK,IACjCC,WAAQ;SAAA,OAAET,EAAMS,YAAY;;QAAK,~~EAC7BR~~,GAAM,EAAA,IAAAf,WAAA;QAAA,OAAAG,EAETN,GAAW;SAAA,IACVC,cAAW;UAAA,OAAEgB,EAAMhB,eAAe;;SAAE,IACpCC,sBAAmB;UAAA,OAAEe,EAAMf;;SAAmB,IAAAC,WAAA;UAAA,OAE7Cc,EAAMd;;SAAQ,CAAA;~~UAAA~~,CAAA,CAAA;;MAAA,CAAA;KAAAG,EAIpBjB,GAAU,EAAA,IAACkC,SAAM;MAAA,OAAEP,~~GAAO~~,~~CAACK~~,MAAMC,KAAKC;~~QAAM~~,CAAA;KAAAjB,EAC5ClB,GAAgB,EAAA,IAAAe,WAAA;MAAA,OAAEc,EAAMN;~~QAAW~~,CAAA;~~KAAA~~;~~MAAA~~,CAAA,CAAA;;EAAA,CAAA"}
1	+ {"version":3,"file":"SelectField.js","names":["Component","ComponentProps","JSX","JSXElement","Field","FieldContent","FieldDescription","FieldError","FieldLabel","Select","SelectContent","SelectControl","SelectIndicator","SelectPositioner","SelectTrigger","SelectValue","useFieldContext","WithTrailingAddon","SelectInput","placeholder","showSelectIndicator","children","Element","props","_$createComponent","_$Show","when","SelectFieldProps","label","description","trailingAddon","SELECT_FIELD_PROPS","const","SelectField","field","local","others","splitProps","invalid","state","meta","errors","length","disabled","readOnly","required","addon","_$mergeProps","value","onValueChange","details","handleChange","onBlur","handleBlur"],"sources":["../../../src/components/form/SelectField.tsx"],"sourcesContent":["import type { Component, ComponentProps, JSX, JSXElement } from 'solid-js';\n\nimport { Field, FieldContent, FieldDescription, FieldError, FieldLabel } from '@/components/Field';\nimport {\n Select,\n SelectContent,\n SelectControl,\n SelectIndicator,\n SelectPositioner,\n SelectTrigger,\n SelectValue,\n} from '@/components/Select';\n\nimport { useFieldContext } from './context';\nimport { WithTrailingAddon } from './WithTrailingAddon';\n\nconst SelectInput: Component<{\n placeholder: string;\n showSelectIndicator: boolean \| undefined;\n children: JSX.Element;\n}> = (props) => (\n <>\n <SelectControl>\n <SelectTrigger>\n <SelectValue placeholder={props.placeholder} />\n <Show when={props.showSelectIndicator !== false}>\n <SelectIndicator />\n </Show>\n </SelectTrigger>\n </SelectControl>\n <SelectPositioner>\n <SelectContent>{props.children}</SelectContent>\n </SelectPositioner>\n </>\n);\n\nexport type SelectFieldProps = ComponentProps<typeof Select> & {\n label?: string;\n description?: string;\n placeholder?: string;\n showSelectIndicator?: boolean;\n trailingAddon?: JSXElement;\n};\n\nconst SELECT_FIELD_PROPS = [\n 'label',\n 'description',\n 'required',\n 'disabled',\n 'readOnly',\n 'placeholder',\n 'showSelectIndicator',\n 'children',\n 'trailingAddon',\n] as const;\n\nexport const SelectField: Component<SelectFieldProps> = (props) => {\n const field = useFieldContext<string[]>();\n const [local, others] = splitProps(props, SELECT_FIELD_PROPS);\n\n return (\n <Field\n invalid={field().state.meta.errors.length > 0}\n disabled={local.disabled ?? false}\n readOnly={local.readOnly ?? false}\n required={local.required ?? false}\n >\n <FieldLabel>{local.label}</FieldLabel>\n <FieldContent>\n <WithTrailingAddon addon={local.trailingAddon}>\n <Select\n value={field().state.value}\n onValueChange={(details) => {\n field().handleChange(details.value);\n }}\n onBlur={() => {\n field().handleBlur();\n }}\n invalid={field().state.meta.errors.length > 0}\n disabled={local.disabled ?? false}\n readOnly={local.readOnly ?? false}\n {...others}\n >\n <SelectInput\n placeholder={local.placeholder ?? ''}\n showSelectIndicator={local.showSelectIndicator}\n >\n {local.children}\n </SelectInput>\n </Select>\n </WithTrailingAddon>\n <FieldError errors={field().state.meta.errors} />\n <FieldDescription>{local.description}</FieldDescription>\n </FieldContent>\n </Field>\n );\n};\n"],"mappings":";;;;;;;AAgBA,IAAMkB,KAIAK,MAAK,CAAAC,EAENb,GAAa,EAAA,IAAAU,WAAA;CAAA,OAAAG,EACXV,GAAa,EAAA,IAAAO,WAAA;EAAA,OAAA,CAAAG,EACXT,GAAW,EAAA,IAACI,cAAW;GAAA,OAAEI,EAAMJ;EAAW,EAAA,CAAA,GAAAK,EAC1CC,GAAI;GAAA,IAACC,OAAI;IAAA,OAAEH,EAAMH,wBAAwB;GAAK;GAAA,IAAAC,WAAA;IAAA,OAAAG,EAC5CZ,GAAe,CAAA,CAAA;GAAA;EAAA,CAAA,CAAA;CAAA,EAAA,CAAA;AAAA,EAAA,CAAA,GAAAY,EAIrBX,GAAgB,EAAA,IAAAQ,WAAA;CAAA,OAAAG,EACdd,GAAa,EAAA,IAAAW,WAAA;EAAA,OAAEE,EAAMF;CAAQ,EAAA,CAAA;AAAA,EAAA,CAAA,CAAA,GAa9BU,IAAqB;CACzB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AAAe,GAGJE,KAA4CV,MAAU;CACjE,IAAMW,IAAQlB,EAA0B,GAClC,CAACmB,GAAOC,KAAUC,EAAWd,GAAOQ,CAAkB;CAE5D,OAAAP,EACGpB,GAAK;EAAA,IACJkC,UAAO;GAAA,OAAEJ,EAAM,EAAEK,MAAMC,KAAKC,OAAOC,SAAS;EAAC;EAAA,IAC7CC,WAAQ;GAAA,OAAER,EAAMQ,YAAY;EAAK;EAAA,IACjCC,WAAQ;GAAA,OAAET,EAAMS,YAAY;EAAK;EAAA,IACjCC,WAAQ;GAAA,OAAEV,EAAMU,YAAY;EAAK;EAAA,IAAAxB,WAAA;GAAA,OAAA,CAAAG,EAEhChB,GAAU,EAAA,IAAAa,WAAA;IAAA,OAAEc,EAAMP;GAAK,EAAA,CAAA,GAAAJ,EACvBnB,GAAY,EAAA,IAAAgB,WAAA;IAAA,OAAA;KAAAG,EACVP,GAAiB;MAAA,IAAC6B,QAAK;OAAA,OAAEX,EAAML;MAAa;MAAA,IAAAT,WAAA;OAAA,OAAAG,EAC1Cf,GAAMsC,EAAA;QAAA,IACLC,QAAK;SAAA,OAAEd,EAAM,EAAEK,MAAMS;QAAK;QAC1BC,gBAAgBC,MAAY;SAC1BhB,EAAM,EAAEiB,aAAaD,EAAQF,KAAK;QACpC;QACAI,cAAc;SACZlB,EAAM,EAAEmB,WAAW;QACrB;QAAC,IACDf,UAAO;SAAA,OAAEJ,EAAM,EAAEK,MAAMC,KAAKC,OAAOC,SAAS;QAAC;QAAA,IAC7CC,WAAQ;SAAA,OAAER,EAAMQ,YAAY;QAAK;QAAA,IACjCC,WAAQ;SAAA,OAAET,EAAMS,YAAY;QAAK;OAAA,GAC7BR,GAAM,EAAA,IAAAf,WAAA;QAAA,OAAAG,EAETN,GAAW;SAAA,IACVC,cAAW;UAAA,OAAEgB,EAAMhB,eAAe;SAAE;SAAA,IACpCC,sBAAmB;UAAA,OAAEe,EAAMf;SAAmB;SAAA,IAAAC,WAAA;UAAA,OAE7Cc,EAAMd;SAAQ;QAAA,CAAA;OAAA,EAAA,CAAA,CAAA;MAAA;KAAA,CAAA;KAAAG,EAIpBjB,GAAU,EAAA,IAACkC,SAAM;MAAA,OAAEP,EAAM,EAAEK,MAAMC,KAAKC;KAAM,EAAA,CAAA;KAAAjB,EAC5ClB,GAAgB,EAAA,IAAAe,WAAA;MAAA,OAAEc,EAAMN;KAAW,EAAA,CAAA;IAAA;GAAA,EAAA,CAAA,CAAA;EAAA;CAAA,CAAA;AAI5C"}

package/dist/components/form/SliderField.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SliderField.js","names":["Component","ComponentProps","JSXElement","Field","FieldDescription","FieldError","Slider","SliderControl","SliderLabel","SliderMarker","SliderMarkerGroup","SliderRange","SliderThumb","SliderTrack","SliderValueText","useFieldContext","WithTrailingAddon","SliderInput","value","label","marks","props","_el$","_tmpl$","_$insert","_$createComponent","children","_$For","each","map","_","index","_$memo","mark","SliderFieldProps","description","required","trailingAddon","SliderField","field","local","others","splitProps","invalid","state","meta","errors","length","disabled","readOnly","addon","_$mergeProps","onValueChange","details","handleChange","onFocusChange","handleBlur","Array","isArray"],"sources":["../../../src/components/form/SliderField.tsx"],"sourcesContent":["import type { Component, ComponentProps, JSXElement } from 'solid-js';\n\nimport { Field, FieldDescription, FieldError } from '@/components/Field';\nimport {\n Slider,\n SliderControl,\n SliderLabel,\n SliderMarker,\n SliderMarkerGroup,\n SliderRange,\n SliderThumb,\n SliderTrack,\n SliderValueText,\n} from '@/components/Slider';\n\nimport { useFieldContext } from './context';\nimport { WithTrailingAddon } from './WithTrailingAddon';\n\nconst SliderInput: Component<{\n value: number[];\n label?: string;\n marks?: { value: number; label?: string }[] \| undefined;\n}> = (props) => (\n <>\n <div class='flex items-center justify-between'>\n <SliderLabel>{props.label}</SliderLabel>\n <SliderValueText />\n </div>\n <SliderControl>\n <SliderTrack>\n <SliderRange />\n </SliderTrack>\n <For each={props.value.map((_, index) => index)}>\n {(index) => <SliderThumb index={index} />}\n </For>\n </SliderControl>\n {props.marks && (\n <SliderMarkerGroup>\n <For each={props.marks}>\n {(mark) => <SliderMarker value={mark.value}>{mark.label}</SliderMarker>}\n </For>\n </SliderMarkerGroup>\n )}\n </>\n);\n\nexport type SliderFieldProps = ComponentProps<typeof Slider> & {\n label?: string;\n description?: string;\n marks?: { value: number; label?: string }[];\n required?: boolean;\n trailingAddon?: JSXElement;\n};\n\nexport const SliderField: Component<SliderFieldProps> = (props) => {\n const field = useFieldContext<number[]>();\n const [local, others] = splitProps(props, [\n 'label',\n 'description',\n 'required',\n 'disabled',\n 'readOnly',\n 'marks',\n 'trailingAddon',\n ]);\n\n return (\n <Field\n invalid={field().state.meta.errors.length > 0}\n disabled={local.disabled ?? false}\n readOnly={local.readOnly ?? false}\n required={local.required ?? false}\n >\n <WithTrailingAddon addon={local.trailingAddon}>\n <Slider\n value={field().state.value}\n onValueChange={(details) => {\n field().handleChange(details.value);\n }}\n onFocusChange={() => {\n field().handleBlur();\n }}\n invalid={field().state.meta.errors.length > 0}\n disabled={local.disabled ?? false}\n readOnly={local.readOnly ?? false}\n {...others}\n >\n <SliderInput\n value={field().state.value}\n {...(typeof local.label === 'string' && { label: local.label })}\n {...(Array.isArray(local.marks) && { marks: local.marks })}\n />\n </Slider>\n </WithTrailingAddon>\n <FieldError errors={field().state.meta.errors} />\n <FieldDescription>{local.description}</FieldDescription>\n </Field>\n );\n};\n"],"mappings":";;;;;;;gFAkBMiB,KAIAI,MAAK;QAAA;EAAA,IAAAC,IAAAC,~~GAAA~~;EAIW,OAJXC,EAAAF,GAAAG,EAGJjB,GAAW,EAAA,IAAAkB,WAAA;GAAA,OAAEL,EAAMF;~~KAAK~~,CAAA,~~EAAA~~,~~KAAA~~,~~EAAAK~~,EAAAF,GAAAG,EACxBX,GAAe,~~EAAA~~,CAAA,~~EAAA~~,~~KAAA~~,~~EAAAQ~~;~~KAAA~~;CAAAG,EAEjBlB,GAAa,EAAA,IAAAmB,WAAA;EAAA,OAAA,CAAAD,EACXZ,GAAW,EAAA,IAAAa,WAAA;GAAA,OAAAD,EACTd,GAAW,~~EAAA~~,CAAA;~~KAAA~~,CAAA,~~EAAAc~~,EAEbE,GAAG;GAAA,IAACC,OAAI;IAAA,OAAEP,EAAMH,MAAMW,KAAKC,GAAGC,MAAUA,~~EAAM;;~~GAAAL,WAC3CK,MAAKN,EAAMb,GAAW,EAAQmB,~~UAAK~~,CAAA;~~GAAI~~,CAAA,CAAA;~~IAAA~~,CAAA;CAAAC,QAG5CA,QAAA,CAAA,CAAAX,EAAMD,~~MAAK~~,EAAA,~~IAAAK~~,EACTf,GAAiB,EAAA,IAAAgB,WAAA;EAAA,OAAAD,EACfE,GAAG;GAAA,IAACC,OAAI;IAAA,OAAEP,EAAMD~~;;GAAKM~~,WAClBO,MAAIR,EAAMhB,GAAY;IAAA,IAACS,QAAK;KAAA,OAAEe,EAAKf;;IAAK,IAAAQ,WAAA;KAAA,OAAGO,EAAKd;;IAAK,CAAA;~~GAAgB~~,CAAA;~~IAAA~~,~~CAG5E~~,CAAA;~~CAEJ~~,~~EAUYmB~~,KAA4CjB,MAAU;CACjE,IAAMkB,IAAQxB,~~GAA2B~~,~~EACnC~~,CAACyB,GAAOC,KAAUC,EAAWrB,GAAO;EACxC;EACA;EACA;EACA;EACA;EACA;EACA;~~EACD~~,~~CAAC~~;~~CAEF~~,OAAAI,EACGtB,GAAK;EAAA,IACJwC,UAAO;GAAA,OAAEJ,~~GAAO~~,~~CAACK~~,MAAMC,KAAKC,OAAOC,SAAS;;EAAC,IAC7CC,WAAQ;GAAA,OAAER,EAAMQ,YAAY;;EAAK,IACjCC,WAAQ;GAAA,OAAET,EAAMS,YAAY;;EAAK,IACjCb,WAAQ;GAAA,OAAEI,EAAMJ,YAAY;;EAAK,IAAAV,WAAA;GAAA,OAAA;IAAAD,EAEhCT,GAAiB;KAAA,IAACkC,QAAK;MAAA,OAAEV,EAAMH;;KAAa,IAAAX,WAAA;MAAA,OAAAD,EAC1CnB,GAAM6C,EAAA;OAAA,IACLjC,QAAK;QAAA,OAAEqB,~~GAAO~~,~~CAACK~~,MAAM1B~~;;OACrBkC~~,gBAAgBC,MAAY;QAC1Bd,~~GAAO~~,~~CAACe~~,aAAaD,EAAQnC,~~MAAM;;OAErCqC~~,qBAAqB;QACnBhB,~~GAAO~~,~~CAACiB~~,~~YAAY;;~~OACrB,IACDb,UAAO;QAAA,OAAEJ,~~GAAO~~,~~CAACK~~,MAAMC,KAAKC,OAAOC,SAAS;;OAAC,IAC7CC,WAAQ;QAAA,OAAER,EAAMQ,YAAY;;OAAK,IACjCC,WAAQ;QAAA,OAAET,EAAMS,YAAY;;OAAK,~~EAC7BR~~,GAAM,EAAA,IAAAf,WAAA;OAAA,OAAAD,EAETR,GAAWkC,EAAA,EAAA,IACVjC,QAAK;QAAA,OAAEqB,~~GAAO~~,~~CAACK~~,MAAM1B;~~UAAK~~,~~QACrB~~,OAAOsB,EAAMrB,SAAU,YAAY,EAAEA,OAAOqB,EAAMrB,~~OAAO~~,~~QACzDsC~~,MAAMC,QAAQlB,EAAMpB,~~MAAM~~,~~IAAI~~,EAAEA,OAAOoB,EAAMpB,~~OAAO~~,~~CAAA~~,CAAA;~~SAAA~~,CAAA,CAAA;;KAAA,CAAA;IAAAK,EAI9DpB,GAAU,EAAA,IAACyC,SAAM;KAAA,OAAEP,~~GAAO~~,~~CAACK~~,MAAMC,KAAKC;~~OAAM~~,CAAA;IAAArB,EAC5CrB,GAAgB,EAAA,IAAAsB,WAAA;KAAA,OAAEc,EAAML;~~OAAW~~,CAAA;~~IAAA;;~~EAAA,CAAA"}
1	+ {"version":3,"file":"SliderField.js","names":["Component","ComponentProps","JSXElement","Field","FieldDescription","FieldError","Slider","SliderControl","SliderLabel","SliderMarker","SliderMarkerGroup","SliderRange","SliderThumb","SliderTrack","SliderValueText","useFieldContext","WithTrailingAddon","SliderInput","value","label","marks","props","_el$","_tmpl$","_$insert","_$createComponent","children","_$For","each","map","_","index","_$memo","mark","SliderFieldProps","description","required","trailingAddon","SliderField","field","local","others","splitProps","invalid","state","meta","errors","length","disabled","readOnly","addon","_$mergeProps","onValueChange","details","handleChange","onFocusChange","handleBlur","Array","isArray"],"sources":["../../../src/components/form/SliderField.tsx"],"sourcesContent":["import type { Component, ComponentProps, JSXElement } from 'solid-js';\n\nimport { Field, FieldDescription, FieldError } from '@/components/Field';\nimport {\n Slider,\n SliderControl,\n SliderLabel,\n SliderMarker,\n SliderMarkerGroup,\n SliderRange,\n SliderThumb,\n SliderTrack,\n SliderValueText,\n} from '@/components/Slider';\n\nimport { useFieldContext } from './context';\nimport { WithTrailingAddon } from './WithTrailingAddon';\n\nconst SliderInput: Component<{\n value: number[];\n label?: string;\n marks?: { value: number; label?: string }[] \| undefined;\n}> = (props) => (\n <>\n <div class='flex items-center justify-between'>\n <SliderLabel>{props.label}</SliderLabel>\n <SliderValueText />\n </div>\n <SliderControl>\n <SliderTrack>\n <SliderRange />\n </SliderTrack>\n <For each={props.value.map((_, index) => index)}>\n {(index) => <SliderThumb index={index} />}\n </For>\n </SliderControl>\n {props.marks && (\n <SliderMarkerGroup>\n <For each={props.marks}>\n {(mark) => <SliderMarker value={mark.value}>{mark.label}</SliderMarker>}\n </For>\n </SliderMarkerGroup>\n )}\n </>\n);\n\nexport type SliderFieldProps = ComponentProps<typeof Slider> & {\n label?: string;\n description?: string;\n marks?: { value: number; label?: string }[];\n required?: boolean;\n trailingAddon?: JSXElement;\n};\n\nexport const SliderField: Component<SliderFieldProps> = (props) => {\n const field = useFieldContext<number[]>();\n const [local, others] = splitProps(props, [\n 'label',\n 'description',\n 'required',\n 'disabled',\n 'readOnly',\n 'marks',\n 'trailingAddon',\n ]);\n\n return (\n <Field\n invalid={field().state.meta.errors.length > 0}\n disabled={local.disabled ?? false}\n readOnly={local.readOnly ?? false}\n required={local.required ?? false}\n >\n <WithTrailingAddon addon={local.trailingAddon}>\n <Slider\n value={field().state.value}\n onValueChange={(details) => {\n field().handleChange(details.value);\n }}\n onFocusChange={() => {\n field().handleBlur();\n }}\n invalid={field().state.meta.errors.length > 0}\n disabled={local.disabled ?? false}\n readOnly={local.readOnly ?? false}\n {...others}\n >\n <SliderInput\n value={field().state.value}\n {...(typeof local.label === 'string' && { label: local.label })}\n {...(Array.isArray(local.marks) && { marks: local.marks })}\n />\n </Slider>\n </WithTrailingAddon>\n <FieldError errors={field().state.meta.errors} />\n <FieldDescription>{local.description}</FieldDescription>\n </Field>\n );\n};\n"],"mappings":"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"}

package/dist/components/form/SubmitButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SubmitButton.js","names":["Component","ComponentProps","Button","useFormContext","SubmitButtonProps","loading","SubmitButton","props","form","local","others","splitProps","isLoading","state","isSubmitting","isValidating","_$createComponent","_$mergeProps","type","disabled","canSubmit","class","children"],"sources":["../../../src/components/form/SubmitButton.tsx"],"sourcesContent":["import type { Component, ComponentProps } from 'solid-js';\n\nimport { Button } from '@/components/Button';\n\nimport { useFormContext } from './context';\n\nexport type SubmitButtonProps = ComponentProps<typeof Button> & {\n loading?: boolean;\n};\n\nexport const SubmitButton: Component<SubmitButtonProps> = (props) => {\n const form = useFormContext();\n const [local, others] = splitProps(props, ['children', 'loading', 'disabled', 'class']);\n\n const isLoading = (): boolean =>\n form.state.isSubmitting \|\| form.state.isValidating \|\| (local.loading ?? false);\n\n return (\n <Button\n type='submit'\n loading={isLoading()}\n disabled={local.disabled ?? !form.state.canSubmit}\n class={`min-w-24 ${local.class ?? ''}`}\n {...others}\n >\n {local.children}\n </Button>\n );\n};\n"],"mappings":";;;;;AAUA,IAAaM,KAA8CC,MAAU;CACnE,IAAMC,IAAOL,~~GAAgB~~,~~EACvB~~,CAACM,GAAOC,KAAUC,EAAWJ,GAAO;EAAC;EAAY;EAAW;EAAY;~~EAAQ~~,CAAC,~~EAEjFK~~,UACJJ,EAAKK,MAAMC,gBAAgBN,EAAKK,MAAME,iBAAiBN,EAAMJ,WAAW;CAE1E,OAAAW,EACGd,GAAMe,EAAA;EACLC,MAAI;EAAA,IACJb,UAAO;GAAA,OAAEO,~~GAAW;;~~EAAA,IACpBO,WAAQ;GAAA,OAAEV,EAAMU,YAAY,CAACX,EAAKK,MAAMO;;EAAS,IAAA,QAAA;GAAA,OAC1C,YAAYX,EAAMY,SAAS;;EAAI,~~EAClCX~~,GAAM,EAAA,IAAAY,WAAA;EAAA,OAETb,EAAMa;~~IAAQ~~,CAAA,CAAA"}
1	+ {"version":3,"file":"SubmitButton.js","names":["Component","ComponentProps","Button","useFormContext","SubmitButtonProps","loading","SubmitButton","props","form","local","others","splitProps","isLoading","state","isSubmitting","isValidating","_$createComponent","_$mergeProps","type","disabled","canSubmit","class","children"],"sources":["../../../src/components/form/SubmitButton.tsx"],"sourcesContent":["import type { Component, ComponentProps } from 'solid-js';\n\nimport { Button } from '@/components/Button';\n\nimport { useFormContext } from './context';\n\nexport type SubmitButtonProps = ComponentProps<typeof Button> & {\n loading?: boolean;\n};\n\nexport const SubmitButton: Component<SubmitButtonProps> = (props) => {\n const form = useFormContext();\n const [local, others] = splitProps(props, ['children', 'loading', 'disabled', 'class']);\n\n const isLoading = (): boolean =>\n form.state.isSubmitting \|\| form.state.isValidating \|\| (local.loading ?? false);\n\n return (\n <Button\n type='submit'\n loading={isLoading()}\n disabled={local.disabled ?? !form.state.canSubmit}\n class={`min-w-24 ${local.class ?? ''}`}\n {...others}\n >\n {local.children}\n </Button>\n );\n};\n"],"mappings":";;;;;AAUA,IAAaM,KAA8CC,MAAU;CACnE,IAAMC,IAAOL,EAAe,GACtB,CAACM,GAAOC,KAAUC,EAAWJ,GAAO;EAAC;EAAY;EAAW;EAAY;CAAO,CAAC,GAEhFK,UACJJ,EAAKK,MAAMC,gBAAgBN,EAAKK,MAAME,iBAAiBN,EAAMJ,WAAW;CAE1E,OAAAW,EACGd,GAAMe,EAAA;EACLC,MAAI;EAAA,IACJb,UAAO;GAAA,OAAEO,EAAU;EAAC;EAAA,IACpBO,WAAQ;GAAA,OAAEV,EAAMU,YAAY,CAACX,EAAKK,MAAMO;EAAS;EAAA,IAAA,QAAA;GAAA,OAC1C,YAAYX,EAAMY,SAAS;EAAI;CAAA,GAClCX,GAAM,EAAA,IAAAY,WAAA;EAAA,OAETb,EAAMa;CAAQ,EAAA,CAAA,CAAA;AAGrB"}

package/dist/components/form/SwitchField.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SwitchField.js","names":["Component","ComponentProps","JSX","Field","FieldContent","FieldDescription","FieldError","Switch","SwitchControl","SwitchLabel","SwitchThumb","useFieldContext","SwitchFieldProps","description","label","Element","SwitchField","props","field","local","others","splitProps","_$createComponent","invalid","state","meta","errors","length","required","disabled","readOnly","children","_$mergeProps","checked","value","onCheckedChange","details","handleChange","onBlur","handleBlur"],"sources":["../../../src/components/form/SwitchField.tsx"],"sourcesContent":["import type { Component, ComponentProps, JSX } from 'solid-js';\n\nimport { Field, FieldContent, FieldDescription, FieldError } from '@/components/Field';\nimport { Switch, SwitchControl, SwitchLabel, SwitchThumb } from '@/components/Switch';\n\nimport { useFieldContext } from './context';\n\nexport type SwitchFieldProps = ComponentProps<typeof Switch> & {\n description?: string;\n label?: JSX.Element;\n};\n\nexport const SwitchField: Component<SwitchFieldProps> = (props) => {\n const field = useFieldContext<boolean>();\n const [local, others] = splitProps(props, [\n 'description',\n 'label',\n 'required',\n 'disabled',\n 'readOnly',\n ]);\n\n return (\n <Field\n invalid={field().state.meta.errors.length > 0}\n required={local.required ?? false}\n disabled={local.disabled ?? false}\n readOnly={local.readOnly ?? false}\n >\n <FieldContent>\n <Switch\n checked={field().state.value}\n onCheckedChange={(details) => {\n field().handleChange(details.checked);\n }}\n onBlur={() => {\n field().handleBlur();\n }}\n invalid={field().state.meta.errors.length > 0}\n disabled={local.disabled ?? false}\n readOnly={local.readOnly ?? false}\n required={local.required ?? false}\n {...others}\n >\n <SwitchControl>\n <SwitchThumb />\n </SwitchControl>\n <SwitchLabel>{local.label}</SwitchLabel>\n </Switch>\n <FieldError errors={field().state.meta.errors} />\n <FieldDescription>{local.description}</FieldDescription>\n </FieldContent>\n </Field>\n );\n};\n"],"mappings":";;;;;;AAYA,IAAagB,KAA4CC,MAAU;CACjE,IAAMC,IAAQP,~~GAA0B~~,~~EAClC~~,CAACQ,GAAOC,KAAUC,EAAWJ,GAAO;EACxC;EACA;EACA;EACA;EACA;~~EACD~~,~~CAAC~~;~~CAEF~~,OAAAK,EACGnB,GAAK;EAAA,IACJoB,UAAO;GAAA,OAAEL,~~GAAO~~,~~CAACM~~,MAAMC,KAAKC,OAAOC,SAAS;;EAAC,IAC7CC,WAAQ;GAAA,OAAET,EAAMS,YAAY;;EAAK,IACjCC,WAAQ;GAAA,OAAEV,EAAMU,YAAY;;EAAK,IACjCC,WAAQ;GAAA,OAAEX,EAAMW,YAAY;;EAAK,IAAAC,WAAA;GAAA,OAAAT,EAEhClB,GAAY,EAAA,IAAA2B,WAAA;IAAA,OAAA;KAAAT,EACVf,GAAMyB,EAAA;MAAA,IACLC,UAAO;OAAA,OAAEf,~~GAAO~~,~~CAACM~~,MAAMU~~;;MACvBC~~,kBAAkBC,MAAY;OAC5BlB,~~GAAO~~,~~CAACmB~~,aAAaD,EAAQH,~~QAAQ;;MAEvCK~~,cAAc;OACZpB,~~GAAO~~,~~CAACqB~~,~~YAAY;;~~MACrB,IACDhB,UAAO;OAAA,OAAEL,~~GAAO~~,~~CAACM~~,MAAMC,KAAKC,OAAOC,SAAS;;MAAC,IAC7CE,WAAQ;OAAA,OAAEV,EAAMU,YAAY;;MAAK,IACjCC,WAAQ;OAAA,OAAEX,EAAMW,YAAY;;MAAK,IACjCF,WAAQ;OAAA,OAAET,EAAMS,YAAY;;MAAK,~~EAC7BR~~,GAAM,EAAA,IAAAW,WAAA;MAAA,OAAA,CAAAT,EAETd,GAAa,EAAA,IAAAuB,WAAA;OAAA,OAAAT,EACXZ,GAAW,~~EAAA~~,CAAA;~~SAAA~~,CAAA,~~EAAAY~~,EAEbb,GAAW,EAAA,IAAAsB,WAAA;OAAA,OAAEZ,EAAML;~~SAAK~~,CAAA,CAAA;~~QAAA~~,CAAA,CAAA;KAAAQ,EAE1BhB,GAAU,EAAA,IAACoB,SAAM;MAAA,OAAER,~~GAAO~~,~~CAACM~~,MAAMC,KAAKC;~~QAAM~~,CAAA;KAAAJ,EAC5CjB,GAAgB,EAAA,IAAA0B,WAAA;MAAA,OAAEZ,EAAMN;~~QAAW~~,CAAA;~~KAAA~~;~~MAAA~~,CAAA;;EAAA,CAAA"}
1	+ {"version":3,"file":"SwitchField.js","names":["Component","ComponentProps","JSX","Field","FieldContent","FieldDescription","FieldError","Switch","SwitchControl","SwitchLabel","SwitchThumb","useFieldContext","SwitchFieldProps","description","label","Element","SwitchField","props","field","local","others","splitProps","_$createComponent","invalid","state","meta","errors","length","required","disabled","readOnly","children","_$mergeProps","checked","value","onCheckedChange","details","handleChange","onBlur","handleBlur"],"sources":["../../../src/components/form/SwitchField.tsx"],"sourcesContent":["import type { Component, ComponentProps, JSX } from 'solid-js';\n\nimport { Field, FieldContent, FieldDescription, FieldError } from '@/components/Field';\nimport { Switch, SwitchControl, SwitchLabel, SwitchThumb } from '@/components/Switch';\n\nimport { useFieldContext } from './context';\n\nexport type SwitchFieldProps = ComponentProps<typeof Switch> & {\n description?: string;\n label?: JSX.Element;\n};\n\nexport const SwitchField: Component<SwitchFieldProps> = (props) => {\n const field = useFieldContext<boolean>();\n const [local, others] = splitProps(props, [\n 'description',\n 'label',\n 'required',\n 'disabled',\n 'readOnly',\n ]);\n\n return (\n <Field\n invalid={field().state.meta.errors.length > 0}\n required={local.required ?? false}\n disabled={local.disabled ?? false}\n readOnly={local.readOnly ?? false}\n >\n <FieldContent>\n <Switch\n checked={field().state.value}\n onCheckedChange={(details) => {\n field().handleChange(details.checked);\n }}\n onBlur={() => {\n field().handleBlur();\n }}\n invalid={field().state.meta.errors.length > 0}\n disabled={local.disabled ?? false}\n readOnly={local.readOnly ?? false}\n required={local.required ?? false}\n {...others}\n >\n <SwitchControl>\n <SwitchThumb />\n </SwitchControl>\n <SwitchLabel>{local.label}</SwitchLabel>\n </Switch>\n <FieldError errors={field().state.meta.errors} />\n <FieldDescription>{local.description}</FieldDescription>\n </FieldContent>\n </Field>\n );\n};\n"],"mappings":";;;;;;AAYA,IAAagB,KAA4CC,MAAU;CACjE,IAAMC,IAAQP,EAAyB,GACjC,CAACQ,GAAOC,KAAUC,EAAWJ,GAAO;EACxC;EACA;EACA;EACA;EACA;CAAU,CACX;CAED,OAAAK,EACGnB,GAAK;EAAA,IACJoB,UAAO;GAAA,OAAEL,EAAM,EAAEM,MAAMC,KAAKC,OAAOC,SAAS;EAAC;EAAA,IAC7CC,WAAQ;GAAA,OAAET,EAAMS,YAAY;EAAK;EAAA,IACjCC,WAAQ;GAAA,OAAEV,EAAMU,YAAY;EAAK;EAAA,IACjCC,WAAQ;GAAA,OAAEX,EAAMW,YAAY;EAAK;EAAA,IAAAC,WAAA;GAAA,OAAAT,EAEhClB,GAAY,EAAA,IAAA2B,WAAA;IAAA,OAAA;KAAAT,EACVf,GAAMyB,EAAA;MAAA,IACLC,UAAO;OAAA,OAAEf,EAAM,EAAEM,MAAMU;MAAK;MAC5BC,kBAAkBC,MAAY;OAC5BlB,EAAM,EAAEmB,aAAaD,EAAQH,OAAO;MACtC;MACAK,cAAc;OACZpB,EAAM,EAAEqB,WAAW;MACrB;MAAC,IACDhB,UAAO;OAAA,OAAEL,EAAM,EAAEM,MAAMC,KAAKC,OAAOC,SAAS;MAAC;MAAA,IAC7CE,WAAQ;OAAA,OAAEV,EAAMU,YAAY;MAAK;MAAA,IACjCC,WAAQ;OAAA,OAAEX,EAAMW,YAAY;MAAK;MAAA,IACjCF,WAAQ;OAAA,OAAET,EAAMS,YAAY;MAAK;KAAA,GAC7BR,GAAM,EAAA,IAAAW,WAAA;MAAA,OAAA,CAAAT,EAETd,GAAa,EAAA,IAAAuB,WAAA;OAAA,OAAAT,EACXZ,GAAW,CAAA,CAAA;MAAA,EAAA,CAAA,GAAAY,EAEbb,GAAW,EAAA,IAAAsB,WAAA;OAAA,OAAEZ,EAAML;MAAK,EAAA,CAAA,CAAA;KAAA,EAAA,CAAA,CAAA;KAAAQ,EAE1BhB,GAAU,EAAA,IAACoB,SAAM;MAAA,OAAER,EAAM,EAAEM,MAAMC,KAAKC;KAAM,EAAA,CAAA;KAAAJ,EAC5CjB,GAAgB,EAAA,IAAA0B,WAAA;MAAA,OAAEZ,EAAMN;KAAW,EAAA,CAAA;IAAA;GAAA,EAAA,CAAA;EAAA;CAAA,CAAA;AAI5C"}

package/dist/components/form/TagsInputField.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TagsInputField.js","names":["Component","ComponentProps","JSXElement","Field","FieldContent","FieldDescription","FieldError","FieldLabel","TagsInput","TagsInputClearTrigger","TagsInputContext","TagsInputControl","TagsInputHiddenInput","TagsInputInput","TagsInputItemInput","TagsInputItemPreview","TagsInputItemText","TagsInputItem","TagsInputItemDeleteTrigger","useFieldContext","WithTrailingAddon","TAGS_INPUT_ROOT_PROPS","const","TagsInputFieldProps","Pick","label","description","showClearTrigger","trailingAddon","TagsInputGroup","props","local","others","splitProps","_$createComponent","children","context","_$For","each","value","index","_$Show","when","_$memo","TAGS_INPUT_FIELD_PROPS","TagsInputField","field","rootProps","inputProps","invalid","state","meta","errors","length","disabled","readOnly","required","addon","_$mergeProps","onValueChange","details","handleChange","onBlur","handleBlur"],"sources":["../../../src/components/form/TagsInputField.tsx"],"sourcesContent":["import type { Component, ComponentProps, JSXElement } from 'solid-js';\n\nimport { Field, FieldContent, FieldDescription, FieldError, FieldLabel } from '@/components/Field';\nimport {\n TagsInput,\n TagsInputClearTrigger,\n TagsInputContext,\n TagsInputControl,\n TagsInputHiddenInput,\n TagsInputInput,\n TagsInputItemInput,\n TagsInputItemPreview,\n TagsInputItemText,\n TagsInputItem,\n TagsInputItemDeleteTrigger,\n} from '@/components/TagsInput';\n\nimport { useFieldContext } from './context';\nimport { WithTrailingAddon } from './WithTrailingAddon';\n\nconst TAGS_INPUT_ROOT_PROPS = [\n 'max',\n 'maxLength',\n 'delimiter',\n 'addOnPaste',\n 'blurBehavior',\n 'validate',\n 'autoFocus',\n 'editable',\n 'allowOverflow',\n 'translations',\n 'ids',\n 'onFocusOutside',\n 'onHighlightChange',\n 'onInputValueChange',\n 'onInteractOutside',\n 'onPointerDownOutside',\n 'onValueInvalid',\n] as const;\n\nexport type TagsInputFieldProps = ComponentProps<typeof TagsInputInput> &\n Pick<ComponentProps<typeof TagsInput>, (typeof TAGS_INPUT_ROOT_PROPS)[number]> & {\n label?: string;\n description?: string;\n showClearTrigger?: boolean;\n trailingAddon?: JSXElement;\n };\n\nconst TagsInputGroup: Component<\n { showClearTrigger?: boolean } & ComponentProps<typeof TagsInputInput>\n> = (props) => {\n const [local, others] = splitProps(props, ['children', 'showClearTrigger']);\n\n return (\n <>\n <TagsInputContext>\n {(context) => (\n <TagsInputControl>\n <For each={context().value}>\n {(value, index) => (\n <TagsInputItem index={index()} value={value}>\n <TagsInputItemPreview>\n <TagsInputItemText>{value}</TagsInputItemText>\n <TagsInputItemDeleteTrigger />\n </TagsInputItemPreview>\n <TagsInputItemInput />\n </TagsInputItem>\n )}\n </For>\n <TagsInputInput {...others} />\n <Show when={local.showClearTrigger !== false}>\n <TagsInputClearTrigger />\n </Show>\n {local.children}\n </TagsInputControl>\n )}\n </TagsInputContext>\n <TagsInputHiddenInput />\n </>\n );\n};\n\nconst TAGS_INPUT_FIELD_PROPS = [\n 'label',\n 'description',\n 'required',\n 'disabled',\n 'readOnly',\n 'showClearTrigger',\n 'trailingAddon',\n] as const;\n\nexport const TagsInputField: Component<TagsInputFieldProps> = (props) => {\n const field = useFieldContext<string[]>();\n const [local, others] = splitProps(props, TAGS_INPUT_FIELD_PROPS);\n const [rootProps, inputProps] = splitProps(others, TAGS_INPUT_ROOT_PROPS);\n\n return (\n <Field\n invalid={field().state.meta.errors.length > 0}\n disabled={local.disabled ?? false}\n readOnly={local.readOnly ?? false}\n required={local.required ?? false}\n >\n <FieldLabel>{local.label}</FieldLabel>\n <FieldContent>\n <WithTrailingAddon addon={local.trailingAddon}>\n <TagsInput\n value={field().state.value}\n onValueChange={(details) => {\n field().handleChange(details.value);\n }}\n onBlur={() => {\n field().handleBlur();\n }}\n invalid={field().state.meta.errors.length > 0}\n disabled={local.disabled ?? false}\n readOnly={local.readOnly ?? false}\n {...rootProps}\n >\n <TagsInputGroup\n {...inputProps}\n {...(typeof local.showClearTrigger === 'boolean' && {\n showClearTrigger: local.showClearTrigger,\n })}\n />\n </TagsInput>\n </WithTrailingAddon>\n <FieldError errors={field().state.meta.errors} />\n <FieldDescription>{local.description}</FieldDescription>\n </FieldContent>\n </Field>\n );\n};\n"],"mappings":";;;;;;;AAoBA,IAAMqB,IAAwB;CAC5B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;~~CACD~~,~~EAUKQ~~,KAEDC,MAAU;CACb,IAAM,CAACC,GAAOC,KAAUC,EAAWH,GAAO,CAAC,YAAY,~~mBAAmB~~,CAAC;~~CAE3E~~,OAAA,CAAAI,EAEKxB,GAAgB,EAAAyB,WACbC,MAAOF,EACNvB,GAAgB,EAAA,IAAAwB,WAAA;EAAA,OAAA;GAAAD,EACdG,GAAG;IAAA,IAACC,OAAI;KAAA,OAAEF,~~GAAS~~,~~CAACG;;IAAKJ~~,WACtBI,GAAOC,MAAKN,EACXjB,GAAa;KAAA,IAACuB,QAAK;MAAA,OAAEA,~~GAAO;;~~KAASD;KAAK,IAAAJ,WAAA;MAAA,OAAA,CAAAD,EACxCnB,GAAoB,EAAA,IAAAoB,WAAA;OAAA,OAAA,CAAAD,EAClBlB,GAAiB,EAAAmB,UAAEI,~~GAAK~~,CAAA,~~EAAAL~~,EACxBhB,GAA0B,~~EAAA~~,CAAA,CAAA;~~SAAA~~,CAAA,~~EAAAgB~~,EAE5BpB,GAAkB,~~EAAA~~,CAAA,CAAA;;KAAA,CAAA;~~IAEtB~~,CAAA;GAAAoB,EAEFrB,GAAmBmB,~~EAAM~~;GAAAE,EACzBO,GAAI;IAAA,IAACC,OAAI;KAAA,OAAEX,EAAMJ,qBAAqB;;IAAK,IAAAQ,WAAA;KAAA,OAAAD,EACzCzB,GAAqB,~~EAAA~~,CAAA;;IAAA,CAAA;GAAAkC,QAEvBZ,EAAMI,~~SAAAA~~;~~GAAQ~~;~~IAAA~~,CAAA,EAElB,CAAA,~~EAAAD~~,EAEFtB,GAAoB,~~EAAA~~,CAAA,CAAA;~~GAKrBgC~~,IAAyB;CAC7B;CACA;CACA;CACA;CACA;CACA;CACA;~~CACD~~,~~EAEYC~~,KAAkDf,MAAU;CACvE,IAAMgB,IAAQ3B,~~GAA2B~~,~~EACnC~~,CAACY,GAAOC,KAAUC,EAAWH,GAAOc,~~EAAuB~~,~~EAC3D~~,CAACG,GAAWC,KAAcf,EAAWD,GAAQX,~~EAAsB~~;~~CAEzE~~,OAAAa,EACG/B,GAAK;EAAA,IACJ8C,UAAO;GAAA,OAAEH,~~GAAO~~,~~CAACI~~,MAAMC,KAAKC,OAAOC,SAAS;;EAAC,IAC7CC,WAAQ;GAAA,OAAEvB,EAAMuB,YAAY;;EAAK,IACjCC,WAAQ;GAAA,OAAExB,EAAMwB,YAAY;;EAAK,IACjCC,WAAQ;GAAA,OAAEzB,EAAMyB,YAAY;;EAAK,IAAArB,WAAA;GAAA,OAAA,CAAAD,EAEhC3B,GAAU,EAAA,IAAA4B,WAAA;IAAA,OAAEJ,EAAMN;~~MAAK~~,CAAA,~~EAAAS~~,EACvB9B,GAAY,EAAA,IAAA+B,WAAA;IAAA,OAAA;KAAAD,EACVd,GAAiB;MAAA,IAACqC,QAAK;OAAA,OAAE1B,EAAMH;;MAAa,IAAAO,WAAA;OAAA,OAAAD,EAC1C1B,GAASkD,EAAA;QAAA,IACRnB,QAAK;SAAA,OAAEO,~~GAAO~~,~~CAACI~~,MAAMX~~;;QACrBoB~~,gBAAgBC,MAAY;SAC1Bd,~~GAAO~~,~~CAACe~~,aAAaD,EAAQrB,~~MAAM;;QAErCuB~~,cAAc;SACZhB,~~GAAO~~,~~CAACiB~~,~~YAAY;;~~QACrB,IACDd,UAAO;SAAA,OAAEH,~~GAAO~~,~~CAACI~~,MAAMC,KAAKC,OAAOC,SAAS;;QAAC,IAC7CC,WAAQ;SAAA,OAAEvB,EAAMuB,YAAY;;QAAK,IACjCC,WAAQ;SAAA,OAAExB,EAAMwB,YAAY;;QAAK,~~EAC7BR~~,GAAS,EAAA,IAAAZ,WAAA;QAAA,OAAAD,EAEZL,GAAc6B,EACTV,SACC,OAAOjB,EAAMJ,oBAAqB,aAAa,EAClDA,kBAAkBI,EAAMJ,~~kBACzB~~,~~CAAA~~,CAAA;~~UAAA~~,CAAA,CAAA;;MAAA,CAAA;KAAAO,EAIN5B,GAAU,EAAA,IAAC8C,SAAM;MAAA,OAAEN,~~GAAO~~,~~CAACI~~,MAAMC,KAAKC;~~QAAM~~,CAAA;KAAAlB,EAC5C7B,GAAgB,EAAA,IAAA8B,WAAA;MAAA,OAAEJ,EAAML;~~QAAW~~,CAAA;~~KAAA~~;~~MAAA~~,CAAA,CAAA;;EAAA,CAAA"}
1	+ {"version":3,"file":"TagsInputField.js","names":["Component","ComponentProps","JSXElement","Field","FieldContent","FieldDescription","FieldError","FieldLabel","TagsInput","TagsInputClearTrigger","TagsInputContext","TagsInputControl","TagsInputHiddenInput","TagsInputInput","TagsInputItemInput","TagsInputItemPreview","TagsInputItemText","TagsInputItem","TagsInputItemDeleteTrigger","useFieldContext","WithTrailingAddon","TAGS_INPUT_ROOT_PROPS","const","TagsInputFieldProps","Pick","label","description","showClearTrigger","trailingAddon","TagsInputGroup","props","local","others","splitProps","_$createComponent","children","context","_$For","each","value","index","_$Show","when","_$memo","TAGS_INPUT_FIELD_PROPS","TagsInputField","field","rootProps","inputProps","invalid","state","meta","errors","length","disabled","readOnly","required","addon","_$mergeProps","onValueChange","details","handleChange","onBlur","handleBlur"],"sources":["../../../src/components/form/TagsInputField.tsx"],"sourcesContent":["import type { Component, ComponentProps, JSXElement } from 'solid-js';\n\nimport { Field, FieldContent, FieldDescription, FieldError, FieldLabel } from '@/components/Field';\nimport {\n TagsInput,\n TagsInputClearTrigger,\n TagsInputContext,\n TagsInputControl,\n TagsInputHiddenInput,\n TagsInputInput,\n TagsInputItemInput,\n TagsInputItemPreview,\n TagsInputItemText,\n TagsInputItem,\n TagsInputItemDeleteTrigger,\n} from '@/components/TagsInput';\n\nimport { useFieldContext } from './context';\nimport { WithTrailingAddon } from './WithTrailingAddon';\n\nconst TAGS_INPUT_ROOT_PROPS = [\n 'max',\n 'maxLength',\n 'delimiter',\n 'addOnPaste',\n 'blurBehavior',\n 'validate',\n 'autoFocus',\n 'editable',\n 'allowOverflow',\n 'translations',\n 'ids',\n 'onFocusOutside',\n 'onHighlightChange',\n 'onInputValueChange',\n 'onInteractOutside',\n 'onPointerDownOutside',\n 'onValueInvalid',\n] as const;\n\nexport type TagsInputFieldProps = ComponentProps<typeof TagsInputInput> &\n Pick<ComponentProps<typeof TagsInput>, (typeof TAGS_INPUT_ROOT_PROPS)[number]> & {\n label?: string;\n description?: string;\n showClearTrigger?: boolean;\n trailingAddon?: JSXElement;\n };\n\nconst TagsInputGroup: Component<\n { showClearTrigger?: boolean } & ComponentProps<typeof TagsInputInput>\n> = (props) => {\n const [local, others] = splitProps(props, ['children', 'showClearTrigger']);\n\n return (\n <>\n <TagsInputContext>\n {(context) => (\n <TagsInputControl>\n <For each={context().value}>\n {(value, index) => (\n <TagsInputItem index={index()} value={value}>\n <TagsInputItemPreview>\n <TagsInputItemText>{value}</TagsInputItemText>\n <TagsInputItemDeleteTrigger />\n </TagsInputItemPreview>\n <TagsInputItemInput />\n </TagsInputItem>\n )}\n </For>\n <TagsInputInput {...others} />\n <Show when={local.showClearTrigger !== false}>\n <TagsInputClearTrigger />\n </Show>\n {local.children}\n </TagsInputControl>\n )}\n </TagsInputContext>\n <TagsInputHiddenInput />\n </>\n );\n};\n\nconst TAGS_INPUT_FIELD_PROPS = [\n 'label',\n 'description',\n 'required',\n 'disabled',\n 'readOnly',\n 'showClearTrigger',\n 'trailingAddon',\n] as const;\n\nexport const TagsInputField: Component<TagsInputFieldProps> = (props) => {\n const field = useFieldContext<string[]>();\n const [local, others] = splitProps(props, TAGS_INPUT_FIELD_PROPS);\n const [rootProps, inputProps] = splitProps(others, TAGS_INPUT_ROOT_PROPS);\n\n return (\n <Field\n invalid={field().state.meta.errors.length > 0}\n disabled={local.disabled ?? false}\n readOnly={local.readOnly ?? false}\n required={local.required ?? false}\n >\n <FieldLabel>{local.label}</FieldLabel>\n <FieldContent>\n <WithTrailingAddon addon={local.trailingAddon}>\n <TagsInput\n value={field().state.value}\n onValueChange={(details) => {\n field().handleChange(details.value);\n }}\n onBlur={() => {\n field().handleBlur();\n }}\n invalid={field().state.meta.errors.length > 0}\n disabled={local.disabled ?? false}\n readOnly={local.readOnly ?? false}\n {...rootProps}\n >\n <TagsInputGroup\n {...inputProps}\n {...(typeof local.showClearTrigger === 'boolean' && {\n showClearTrigger: local.showClearTrigger,\n })}\n />\n </TagsInput>\n </WithTrailingAddon>\n <FieldError errors={field().state.meta.errors} />\n <FieldDescription>{local.description}</FieldDescription>\n </FieldContent>\n </Field>\n );\n};\n"],"mappings":"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"}

package/dist/components/form/TextInputField.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TextInputField.js","names":["Component","ComponentProps","JSXElement","Field","FieldLabel","FieldContent","FieldError","FieldDescription","TextInputControl","TextInputInput","useFieldContext","WithTrailingAddon","TextInputFieldProps","label","description","trailingAddon","TextInputField","props","field","local","others","splitProps","_$createComponent","invalid","state","meta","errors","length","disabled","readOnly","required","children","addon","_$mergeProps","value","onInput","event","handleChange","target","onBlur","handleBlur"],"sources":["../../../src/components/form/TextInputField.tsx"],"sourcesContent":["import type { Component, ComponentProps, JSXElement } from 'solid-js';\n\nimport { Field, FieldLabel, FieldContent, FieldError, FieldDescription } from '@/components/Field';\nimport { TextInputControl, TextInputInput } from '@/components/TextInput';\n\nimport { useFieldContext } from './context';\nimport { WithTrailingAddon } from './WithTrailingAddon';\n\nexport type TextInputFieldProps = ComponentProps<typeof TextInputInput> & {\n label?: string;\n description?: string;\n trailingAddon?: JSXElement;\n};\n\nexport const TextInputField: Component<TextInputFieldProps> = (props) => {\n const field = useFieldContext<string>();\n const [local, others] = splitProps(props, [\n 'label',\n 'description',\n 'trailingAddon',\n 'required',\n 'disabled',\n 'readOnly',\n ]);\n\n return (\n <Field\n invalid={field().state.meta.errors.length > 0}\n disabled={local.disabled ?? false}\n readOnly={local.readOnly ?? false}\n required={local.required ?? false}\n >\n <FieldLabel>{local.label}</FieldLabel>\n <FieldContent>\n <WithTrailingAddon addon={local.trailingAddon}>\n <TextInputControl>\n <TextInputInput\n value={field().state.value}\n onInput={(event) => {\n field().handleChange(event.target.value);\n }}\n onBlur={() => {\n field().handleBlur();\n }}\n {...others}\n />\n </TextInputControl>\n </WithTrailingAddon>\n <FieldError errors={field().state.meta.errors} />\n <FieldDescription>{local.description}</FieldDescription>\n </FieldContent>\n </Field>\n );\n};\n"],"mappings":";;;;;;;AAcA,IAAagB,KAAkDC,MAAU;CACvE,IAAMC,IAAQR,~~GAAyB~~,~~EACjC~~,CAACS,GAAOC,KAAUC,EAAWJ,GAAO;EACxC;EACA;EACA;EACA;EACA;EACA;~~EACD~~,~~CAAC~~;~~CAEF~~,OAAAK,EACGnB,GAAK;EAAA,IACJoB,UAAO;GAAA,OAAEL,~~GAAO~~,~~CAACM~~,MAAMC,KAAKC,OAAOC,SAAS;;EAAC,IAC7CC,WAAQ;GAAA,OAAET,EAAMS,YAAY;;EAAK,IACjCC,WAAQ;GAAA,OAAEV,EAAMU,YAAY;;EAAK,IACjCC,WAAQ;GAAA,OAAEX,EAAMW,YAAY;;EAAK,IAAAC,WAAA;GAAA,OAAA,CAAAT,EAEhClB,GAAU,EAAA,IAAA2B,WAAA;IAAA,OAAEZ,EAAMN;~~MAAK~~,CAAA,~~EAAAS~~,EACvBjB,GAAY,EAAA,IAAA0B,WAAA;IAAA,OAAA;KAAAT,EACVX,GAAiB;MAAA,IAACqB,QAAK;OAAA,OAAEb,EAAMJ;;MAAa,IAAAgB,WAAA;OAAA,OAAAT,EAC1Cd,GAAgB,EAAA,IAAAuB,WAAA;QAAA,OAAAT,EACdb,GAAcwB,EAAA;SAAA,IACbC,QAAK;UAAA,OAAEhB,~~GAAO~~,~~CAACM~~,MAAMU~~;;SACrBC~~,UAAUC,MAAU;UAClBlB,~~GAAO~~,~~CAACmB~~,aAAaD,EAAME,OAAOJ,~~MAAM;;SAE1CK~~,cAAc;UACZrB,~~GAAO~~,~~CAACsB~~,~~YAAY;;~~SACrB,~~EACGpB~~,~~EAAM~~,CAAA;~~UAAA~~,CAAA;;MAAA,CAAA;KAAAE,EAIfhB,GAAU,EAAA,IAACoB,SAAM;MAAA,OAAER,~~GAAO~~,~~CAACM~~,MAAMC,KAAKC;~~QAAM~~,CAAA;KAAAJ,EAC5Cf,GAAgB,EAAA,IAAAwB,WAAA;MAAA,OAAEZ,EAAML;~~QAAW~~,CAAA;~~KAAA~~;~~MAAA~~,CAAA,CAAA;;EAAA,CAAA"}
1	+ {"version":3,"file":"TextInputField.js","names":["Component","ComponentProps","JSXElement","Field","FieldLabel","FieldContent","FieldError","FieldDescription","TextInputControl","TextInputInput","useFieldContext","WithTrailingAddon","TextInputFieldProps","label","description","trailingAddon","TextInputField","props","field","local","others","splitProps","_$createComponent","invalid","state","meta","errors","length","disabled","readOnly","required","children","addon","_$mergeProps","value","onInput","event","handleChange","target","onBlur","handleBlur"],"sources":["../../../src/components/form/TextInputField.tsx"],"sourcesContent":["import type { Component, ComponentProps, JSXElement } from 'solid-js';\n\nimport { Field, FieldLabel, FieldContent, FieldError, FieldDescription } from '@/components/Field';\nimport { TextInputControl, TextInputInput } from '@/components/TextInput';\n\nimport { useFieldContext } from './context';\nimport { WithTrailingAddon } from './WithTrailingAddon';\n\nexport type TextInputFieldProps = ComponentProps<typeof TextInputInput> & {\n label?: string;\n description?: string;\n trailingAddon?: JSXElement;\n};\n\nexport const TextInputField: Component<TextInputFieldProps> = (props) => {\n const field = useFieldContext<string>();\n const [local, others] = splitProps(props, [\n 'label',\n 'description',\n 'trailingAddon',\n 'required',\n 'disabled',\n 'readOnly',\n ]);\n\n return (\n <Field\n invalid={field().state.meta.errors.length > 0}\n disabled={local.disabled ?? false}\n readOnly={local.readOnly ?? false}\n required={local.required ?? false}\n >\n <FieldLabel>{local.label}</FieldLabel>\n <FieldContent>\n <WithTrailingAddon addon={local.trailingAddon}>\n <TextInputControl>\n <TextInputInput\n value={field().state.value}\n onInput={(event) => {\n field().handleChange(event.target.value);\n }}\n onBlur={() => {\n field().handleBlur();\n }}\n {...others}\n />\n </TextInputControl>\n </WithTrailingAddon>\n <FieldError errors={field().state.meta.errors} />\n <FieldDescription>{local.description}</FieldDescription>\n </FieldContent>\n </Field>\n );\n};\n"],"mappings":";;;;;;;AAcA,IAAagB,KAAkDC,MAAU;CACvE,IAAMC,IAAQR,EAAwB,GAChC,CAACS,GAAOC,KAAUC,EAAWJ,GAAO;EACxC;EACA;EACA;EACA;EACA;EACA;CAAU,CACX;CAED,OAAAK,EACGnB,GAAK;EAAA,IACJoB,UAAO;GAAA,OAAEL,EAAM,EAAEM,MAAMC,KAAKC,OAAOC,SAAS;EAAC;EAAA,IAC7CC,WAAQ;GAAA,OAAET,EAAMS,YAAY;EAAK;EAAA,IACjCC,WAAQ;GAAA,OAAEV,EAAMU,YAAY;EAAK;EAAA,IACjCC,WAAQ;GAAA,OAAEX,EAAMW,YAAY;EAAK;EAAA,IAAAC,WAAA;GAAA,OAAA,CAAAT,EAEhClB,GAAU,EAAA,IAAA2B,WAAA;IAAA,OAAEZ,EAAMN;GAAK,EAAA,CAAA,GAAAS,EACvBjB,GAAY,EAAA,IAAA0B,WAAA;IAAA,OAAA;KAAAT,EACVX,GAAiB;MAAA,IAACqB,QAAK;OAAA,OAAEb,EAAMJ;MAAa;MAAA,IAAAgB,WAAA;OAAA,OAAAT,EAC1Cd,GAAgB,EAAA,IAAAuB,WAAA;QAAA,OAAAT,EACdb,GAAcwB,EAAA;SAAA,IACbC,QAAK;UAAA,OAAEhB,EAAM,EAAEM,MAAMU;SAAK;SAC1BC,UAAUC,MAAU;UAClBlB,EAAM,EAAEmB,aAAaD,EAAME,OAAOJ,KAAK;SACzC;SACAK,cAAc;UACZrB,EAAM,EAAEsB,WAAW;SACrB;QAAC,GACGpB,CAAM,CAAA;OAAA,EAAA,CAAA;MAAA;KAAA,CAAA;KAAAE,EAIfhB,GAAU,EAAA,IAACoB,SAAM;MAAA,OAAER,EAAM,EAAEM,MAAMC,KAAKC;KAAM,EAAA,CAAA;KAAAJ,EAC5Cf,GAAgB,EAAA,IAAAwB,WAAA;MAAA,OAAEZ,EAAML;KAAW,EAAA,CAAA;IAAA;GAAA,EAAA,CAAA,CAAA;EAAA;CAAA,CAAA;AAI5C"}

package/dist/components/form/TextareaField.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TextareaField.js","names":["Component","ComponentProps","JSXElement","Field","FieldLabel","FieldContent","FieldError","FieldDescription","TextInputControl","TextInputArea","useFieldContext","WithTrailingAddon","TextareaFieldProps","label","description","trailingAddon","TextareaField","props","field","local","others","splitProps","_$createComponent","invalid","state","meta","errors","length","disabled","readOnly","required","children","addon","_$mergeProps","value","onInput","event","handleChange","target","onBlur","handleBlur"],"sources":["../../../src/components/form/TextareaField.tsx"],"sourcesContent":["import type { Component, ComponentProps, JSXElement } from 'solid-js';\n\nimport { Field, FieldLabel, FieldContent, FieldError, FieldDescription } from '@/components/Field';\nimport { TextInputControl, TextInputArea } from '@/components/TextInput';\n\nimport { useFieldContext } from './context';\nimport { WithTrailingAddon } from './WithTrailingAddon';\n\nexport type TextareaFieldProps = ComponentProps<typeof TextInputArea> & {\n label?: string;\n description?: string;\n trailingAddon?: JSXElement;\n};\n\nexport const TextareaField: Component<TextareaFieldProps> = (props) => {\n const field = useFieldContext<string>();\n const [local, others] = splitProps(props, [\n 'label',\n 'description',\n 'required',\n 'disabled',\n 'readOnly',\n 'trailingAddon',\n ]);\n\n return (\n <Field\n invalid={field().state.meta.errors.length > 0}\n disabled={local.disabled ?? false}\n readOnly={local.readOnly ?? false}\n required={local.required ?? false}\n >\n <FieldLabel>{local.label}</FieldLabel>\n <FieldContent>\n <WithTrailingAddon addon={local.trailingAddon}>\n <TextInputControl>\n <TextInputArea\n value={field().state.value}\n onInput={(event) => {\n field().handleChange(event.target.value);\n }}\n onBlur={() => {\n field().handleBlur();\n }}\n {...others}\n />\n </TextInputControl>\n </WithTrailingAddon>\n <FieldError errors={field().state.meta.errors} />\n <FieldDescription>{local.description}</FieldDescription>\n </FieldContent>\n </Field>\n );\n};\n"],"mappings":";;;;;;;AAcA,IAAagB,KAAgDC,MAAU;CACrE,IAAMC,IAAQR,~~GAAyB~~,~~EACjC~~,CAACS,GAAOC,KAAUC,EAAWJ,GAAO;EACxC;EACA;EACA;EACA;EACA;EACA;~~EACD~~,~~CAAC~~;~~CAEF~~,OAAAK,EACGnB,GAAK;EAAA,IACJoB,UAAO;GAAA,OAAEL,~~GAAO~~,~~CAACM~~,MAAMC,KAAKC,OAAOC,SAAS;;EAAC,IAC7CC,WAAQ;GAAA,OAAET,EAAMS,YAAY;;EAAK,IACjCC,WAAQ;GAAA,OAAEV,EAAMU,YAAY;;EAAK,IACjCC,WAAQ;GAAA,OAAEX,EAAMW,YAAY;;EAAK,IAAAC,WAAA;GAAA,OAAA,CAAAT,EAEhClB,GAAU,EAAA,IAAA2B,WAAA;IAAA,OAAEZ,EAAMN;~~MAAK~~,CAAA,~~EAAAS~~,EACvBjB,GAAY,EAAA,IAAA0B,WAAA;IAAA,OAAA;KAAAT,EACVX,GAAiB;MAAA,IAACqB,QAAK;OAAA,OAAEb,EAAMJ;;MAAa,IAAAgB,WAAA;OAAA,OAAAT,EAC1Cd,GAAgB,EAAA,IAAAuB,WAAA;QAAA,OAAAT,EACdb,GAAawB,EAAA;SAAA,IACZC,QAAK;UAAA,OAAEhB,~~GAAO~~,~~CAACM~~,MAAMU~~;;SACrBC~~,UAAUC,MAAU;UAClBlB,~~GAAO~~,~~CAACmB~~,aAAaD,EAAME,OAAOJ,~~MAAM;;SAE1CK~~,cAAc;UACZrB,~~GAAO~~,~~CAACsB~~,~~YAAY;;~~SACrB,~~EACGpB~~,~~EAAM~~,CAAA;~~UAAA~~,CAAA;;MAAA,CAAA;KAAAE,EAIfhB,GAAU,EAAA,IAACoB,SAAM;MAAA,OAAER,~~GAAO~~,~~CAACM~~,MAAMC,KAAKC;~~QAAM~~,CAAA;KAAAJ,EAC5Cf,GAAgB,EAAA,IAAAwB,WAAA;MAAA,OAAEZ,EAAML;~~QAAW~~,CAAA;~~KAAA~~;~~MAAA~~,CAAA,CAAA;;EAAA,CAAA"}
1	+ {"version":3,"file":"TextareaField.js","names":["Component","ComponentProps","JSXElement","Field","FieldLabel","FieldContent","FieldError","FieldDescription","TextInputControl","TextInputArea","useFieldContext","WithTrailingAddon","TextareaFieldProps","label","description","trailingAddon","TextareaField","props","field","local","others","splitProps","_$createComponent","invalid","state","meta","errors","length","disabled","readOnly","required","children","addon","_$mergeProps","value","onInput","event","handleChange","target","onBlur","handleBlur"],"sources":["../../../src/components/form/TextareaField.tsx"],"sourcesContent":["import type { Component, ComponentProps, JSXElement } from 'solid-js';\n\nimport { Field, FieldLabel, FieldContent, FieldError, FieldDescription } from '@/components/Field';\nimport { TextInputControl, TextInputArea } from '@/components/TextInput';\n\nimport { useFieldContext } from './context';\nimport { WithTrailingAddon } from './WithTrailingAddon';\n\nexport type TextareaFieldProps = ComponentProps<typeof TextInputArea> & {\n label?: string;\n description?: string;\n trailingAddon?: JSXElement;\n};\n\nexport const TextareaField: Component<TextareaFieldProps> = (props) => {\n const field = useFieldContext<string>();\n const [local, others] = splitProps(props, [\n 'label',\n 'description',\n 'required',\n 'disabled',\n 'readOnly',\n 'trailingAddon',\n ]);\n\n return (\n <Field\n invalid={field().state.meta.errors.length > 0}\n disabled={local.disabled ?? false}\n readOnly={local.readOnly ?? false}\n required={local.required ?? false}\n >\n <FieldLabel>{local.label}</FieldLabel>\n <FieldContent>\n <WithTrailingAddon addon={local.trailingAddon}>\n <TextInputControl>\n <TextInputArea\n value={field().state.value}\n onInput={(event) => {\n field().handleChange(event.target.value);\n }}\n onBlur={() => {\n field().handleBlur();\n }}\n {...others}\n />\n </TextInputControl>\n </WithTrailingAddon>\n <FieldError errors={field().state.meta.errors} />\n <FieldDescription>{local.description}</FieldDescription>\n </FieldContent>\n </Field>\n );\n};\n"],"mappings":";;;;;;;AAcA,IAAagB,KAAgDC,MAAU;CACrE,IAAMC,IAAQR,EAAwB,GAChC,CAACS,GAAOC,KAAUC,EAAWJ,GAAO;EACxC;EACA;EACA;EACA;EACA;EACA;CAAe,CAChB;CAED,OAAAK,EACGnB,GAAK;EAAA,IACJoB,UAAO;GAAA,OAAEL,EAAM,EAAEM,MAAMC,KAAKC,OAAOC,SAAS;EAAC;EAAA,IAC7CC,WAAQ;GAAA,OAAET,EAAMS,YAAY;EAAK;EAAA,IACjCC,WAAQ;GAAA,OAAEV,EAAMU,YAAY;EAAK;EAAA,IACjCC,WAAQ;GAAA,OAAEX,EAAMW,YAAY;EAAK;EAAA,IAAAC,WAAA;GAAA,OAAA,CAAAT,EAEhClB,GAAU,EAAA,IAAA2B,WAAA;IAAA,OAAEZ,EAAMN;GAAK,EAAA,CAAA,GAAAS,EACvBjB,GAAY,EAAA,IAAA0B,WAAA;IAAA,OAAA;KAAAT,EACVX,GAAiB;MAAA,IAACqB,QAAK;OAAA,OAAEb,EAAMJ;MAAa;MAAA,IAAAgB,WAAA;OAAA,OAAAT,EAC1Cd,GAAgB,EAAA,IAAAuB,WAAA;QAAA,OAAAT,EACdb,GAAawB,EAAA;SAAA,IACZC,QAAK;UAAA,OAAEhB,EAAM,EAAEM,MAAMU;SAAK;SAC1BC,UAAUC,MAAU;UAClBlB,EAAM,EAAEmB,aAAaD,EAAME,OAAOJ,KAAK;SACzC;SACAK,cAAc;UACZrB,EAAM,EAAEsB,WAAW;SACrB;QAAC,GACGpB,CAAM,CAAA;OAAA,EAAA,CAAA;MAAA;KAAA,CAAA;KAAAE,EAIfhB,GAAU,EAAA,IAACoB,SAAM;MAAA,OAAER,EAAM,EAAEM,MAAMC,KAAKC;KAAM,EAAA,CAAA;KAAAJ,EAC5Cf,GAAgB,EAAA,IAAAwB,WAAA;MAAA,OAAEZ,EAAML;KAAW,EAAA,CAAA;IAAA;GAAA,EAAA,CAAA,CAAA;EAAA;CAAA,CAAA;AAI5C"}

package/dist/components/form/WithTrailingAddon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WithTrailingAddon.js","names":["Component","JSXElement","WithTrailingAddonProps","addon","children","WithTrailingAddon","props","_$createComponent","_$Show","when","fallback","_el$","_tmpl$","_$insert"],"sources":["../../../src/components/form/WithTrailingAddon.tsx"],"sourcesContent":["import type { Component, JSXElement } from 'solid-js';\n\nexport type WithTrailingAddonProps = {\n addon?: JSXElement;\n children: JSXElement;\n};\n\nexport const WithTrailingAddon: Component<WithTrailingAddonProps> = (props) => (\n <Show when={props.addon} fallback={props.children}>\n <div class='gap-2 flex items-center'>\n {props.children}\n {props.addon}\n </div>\n </Show>\n);\n"],"mappings":";;sEAOaK,KAAwDC,MAAKC,EACvEC,GAAI;CAAA,IAACC,OAAI;EAAA,OAAEH,EAAMH;;CAAK,IAAEO,WAAQ;EAAA,OAAEJ,EAAMF;;CAAQ,IAAAA,WAAA;EAAA,IAAAO,IAAAC,~~GAAA~~;EAGjC,OAHiCC,EAAAF,SAE5CL,EAAMF,UAAQ,~~KAAA~~,~~EAAAS~~,EAAAF,SACdL,EAAMH,OAAK,~~KAAA~~,~~EAAAQ;;~~CAAA,~~CAGjB~~"}
1	+ {"version":3,"file":"WithTrailingAddon.js","names":["Component","JSXElement","WithTrailingAddonProps","addon","children","WithTrailingAddon","props","_$createComponent","_$Show","when","fallback","_el$","_tmpl$","_$insert"],"sources":["../../../src/components/form/WithTrailingAddon.tsx"],"sourcesContent":["import type { Component, JSXElement } from 'solid-js';\n\nexport type WithTrailingAddonProps = {\n addon?: JSXElement;\n children: JSXElement;\n};\n\nexport const WithTrailingAddon: Component<WithTrailingAddonProps> = (props) => (\n <Show when={props.addon} fallback={props.children}>\n <div class='gap-2 flex items-center'>\n {props.children}\n {props.addon}\n </div>\n </Show>\n);\n"],"mappings":";;sEAOaK,KAAwDC,MAAKC,EACvEC,GAAI;CAAA,IAACC,OAAI;EAAA,OAAEH,EAAMH;CAAK;CAAA,IAAEO,WAAQ;EAAA,OAAEJ,EAAMF;CAAQ;CAAA,IAAAA,WAAA;EAAA,IAAAO,IAAAC,EAAA;EAGjC,OAHiCC,EAAAF,SAE5CL,EAAMF,UAAQ,IAAA,GAAAS,EAAAF,SACdL,EAAMH,OAAK,IAAA,GAAAQ;CAAA;AAAA,CAAA"}

package/dist/components/form/context.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"context.js","names":[],"sources":["../../../src/components/form/context.ts"],"sourcesContent":["import { createFormHookContexts } from '@tanstack/solid-form';\n\nexport const { fieldContext, formContext, useFieldContext, useFormContext } =\n createFormHookContexts();\n"],"mappings":";;AAEA,IAAa,EAAE,iBAAc,gBAAa,oBAAiB,sBACzD,~~GAAwB~~"}
1	+ {"version":3,"file":"context.js","names":[],"sources":["../../../src/components/form/context.ts"],"sourcesContent":["import { createFormHookContexts } from '@tanstack/solid-form';\n\nexport const { fieldContext, formContext, useFieldContext, useFormContext } =\n createFormHookContexts();\n"],"mappings":";;AAEA,IAAa,EAAE,iBAAc,gBAAa,oBAAiB,sBACzD,EAAuB"}

package/dist/components/marquee/Marquee.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { cn as e } from "../../node_modules/.bun/tailwind-variants@3.2.2_2349c4e1b625a44d/node_modules/tailwind-variants/dist/index.js";
+import { cn as e } from "../../node_modules/.bun/tailwind-variants@3.2.2_8d1ea3a475e79781/node_modules/tailwind-variants/dist/index.js";
 import { marquee_exports as t } from "../../node_modules/.bun/@ark-ui_solid@5.36.2_ac9bd97bed21f560/node_modules/@ark-ui/solid/dist/chunk/ZOCG4ZHL.js";
 import { createComponent as n, mergeProps as r } from "solid-js/web";
 import { splitProps as i } from "solid-js";

package/dist/components/marquee/Marquee.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Marquee.js","names":["Marquee","MarqueePrimitive","splitProps","Component","cn","MarqueeContext","Context","RootProps","props","local","others","_$createComponent","Root","_$mergeProps","class","MarqueeViewport","ViewportProps","Viewport","MarqueeContent","Content","MarqueeItem","ItemProps","Item","MarqueeEdge","EdgeProps","Edge"],"sources":["../../../src/components/marquee/Marquee.tsx"],"sourcesContent":["import { Marquee as MarqueePrimitive } from '@ark-ui/solid/marquee';\nimport { splitProps, type Component } from 'solid-js';\nimport { cn } from 'tailwind-variants';\n\nexport const MarqueeContext = MarqueePrimitive.Context;\n\nexport const Marquee: Component<MarqueePrimitive.RootProps> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n\n return (\n <MarqueePrimitive.Root\n class={cn('group/marquee relative overflow-hidden', local.class)}\n {...others}\n />\n );\n};\n\nexport const MarqueeViewport: Component<MarqueePrimitive.ViewportProps> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n return <MarqueePrimitive.Viewport class={cn('overflow-hidden', local.class)} {...others} />;\n};\n\nexport const MarqueeContent = MarqueePrimitive.Content;\n\nexport const MarqueeItem: Component<MarqueePrimitive.ItemProps> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n return (\n <MarqueePrimitive.Item class={cn('flex shrink-0 items-center', local.class)} {...others} />\n );\n};\n\nexport const MarqueeEdge: Component<MarqueePrimitive.EdgeProps> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n return (\n <MarqueePrimitive.Edge\n class={cn(\n 'inset-y-0 w-16 pointer-events-none absolute z-10 bg-linear-to-r from-background from-0% to-transparent to-100%',\n local.class,\n )}\n {...others}\n />\n );\n};\n"],"mappings":";;;;;AAIA,IAAaK,IAAiBJ,EAAiBK,SAElCN,KAAkDQ,MAAU;CACvE,IAAM,CAACC,GAAOC,KAAUR,EAAWM,GAAO,CAAC,~~QAAQ~~,CAAC;~~CAEpD~~,OAAAG,EACGV,EAAiBW,MAAIC,EAAA,EAAA,IAAA,QAAA;EAAA,OACbT,EAAG,0CAA0CK,EAAMK,~~MAAM~~;~~IAAA~~,~~EAC5DJ~~,~~EAAM~~,CAAA;~~GAKHK~~,KAA8DP,MAAU;CACnF,IAAM,CAACC,GAAOC,KAAUR,EAAWM,GAAO,CAAC,~~QAAQ~~,CAAC;~~CACpD~~,OAAAG,EAAQV,EAAiBgB,UAAQJ,EAAA,EAAA,IAAA,QAAA;EAAA,OAAQT,EAAG,mBAAmBK,EAAMK,~~MAAM~~;~~IAAA~~,~~EAAMJ~~,~~EAAM~~,CAAA;~~GAG5EQ~~,IAAiBjB,EAAiBkB,SAElCC,KAAsDZ,MAAU;CAC3E,IAAM,CAACC,GAAOC,KAAUR,EAAWM,GAAO,CAAC,~~QAAQ~~,CAAC;~~CACpD~~,OAAAG,EACGV,EAAiBqB,MAAIT,EAAA,EAAA,IAAA,QAAA;EAAA,OAAQT,EAAG,8BAA8BK,EAAMK,~~MAAM~~;~~IAAA~~,~~EAAMJ~~,~~EAAM~~,CAAA;~~GAI9Ea~~,KAAsDf,MAAU;CAC3E,IAAM,CAACC,GAAOC,KAAUR,EAAWM,GAAO,CAAC,~~QAAQ~~,CAAC;~~CACpD~~,OAAAG,EACGV,EAAiBwB,MAAIZ,EAAA,EAAA,IAAA,QAAA;EAAA,OACbT,EACL,kHACAK,EAAMK,~~MACP~~;~~IAAA~~,~~EACGJ~~,~~EAAM~~,CAAA"}
1	+ {"version":3,"file":"Marquee.js","names":["Marquee","MarqueePrimitive","splitProps","Component","cn","MarqueeContext","Context","RootProps","props","local","others","_$createComponent","Root","_$mergeProps","class","MarqueeViewport","ViewportProps","Viewport","MarqueeContent","Content","MarqueeItem","ItemProps","Item","MarqueeEdge","EdgeProps","Edge"],"sources":["../../../src/components/marquee/Marquee.tsx"],"sourcesContent":["import { Marquee as MarqueePrimitive } from '@ark-ui/solid/marquee';\nimport { splitProps, type Component } from 'solid-js';\nimport { cn } from 'tailwind-variants';\n\nexport const MarqueeContext = MarqueePrimitive.Context;\n\nexport const Marquee: Component<MarqueePrimitive.RootProps> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n\n return (\n <MarqueePrimitive.Root\n class={cn('group/marquee relative overflow-hidden', local.class)}\n {...others}\n />\n );\n};\n\nexport const MarqueeViewport: Component<MarqueePrimitive.ViewportProps> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n return <MarqueePrimitive.Viewport class={cn('overflow-hidden', local.class)} {...others} />;\n};\n\nexport const MarqueeContent = MarqueePrimitive.Content;\n\nexport const MarqueeItem: Component<MarqueePrimitive.ItemProps> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n return (\n <MarqueePrimitive.Item class={cn('flex shrink-0 items-center', local.class)} {...others} />\n );\n};\n\nexport const MarqueeEdge: Component<MarqueePrimitive.EdgeProps> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n return (\n <MarqueePrimitive.Edge\n class={cn(\n 'inset-y-0 w-16 pointer-events-none absolute z-10 bg-linear-to-r from-background from-0% to-transparent to-100%',\n local.class,\n )}\n {...others}\n />\n );\n};\n"],"mappings":";;;;;AAIA,IAAaK,IAAiBJ,EAAiBK,SAElCN,KAAkDQ,MAAU;CACvE,IAAM,CAACC,GAAOC,KAAUR,EAAWM,GAAO,CAAC,OAAO,CAAC;CAEnD,OAAAG,EACGV,EAAiBW,MAAIC,EAAA,EAAA,IAAA,QAAA;EAAA,OACbT,EAAG,0CAA0CK,EAAMK,KAAK;CAAC,EAAA,GAC5DJ,CAAM,CAAA;AAGhB,GAEaK,KAA8DP,MAAU;CACnF,IAAM,CAACC,GAAOC,KAAUR,EAAWM,GAAO,CAAC,OAAO,CAAC;CACnD,OAAAG,EAAQV,EAAiBgB,UAAQJ,EAAA,EAAA,IAAA,QAAA;EAAA,OAAQT,EAAG,mBAAmBK,EAAMK,KAAK;CAAC,EAAA,GAAMJ,CAAM,CAAA;AACzF,GAEaQ,IAAiBjB,EAAiBkB,SAElCC,KAAsDZ,MAAU;CAC3E,IAAM,CAACC,GAAOC,KAAUR,EAAWM,GAAO,CAAC,OAAO,CAAC;CACnD,OAAAG,EACGV,EAAiBqB,MAAIT,EAAA,EAAA,IAAA,QAAA;EAAA,OAAQT,EAAG,8BAA8BK,EAAMK,KAAK;CAAC,EAAA,GAAMJ,CAAM,CAAA;AAE3F,GAEaa,KAAsDf,MAAU;CAC3E,IAAM,CAACC,GAAOC,KAAUR,EAAWM,GAAO,CAAC,OAAO,CAAC;CACnD,OAAAG,EACGV,EAAiBwB,MAAIZ,EAAA,EAAA,IAAA,QAAA;EAAA,OACbT,EACL,kHACAK,EAAMK,KACR;CAAC,EAAA,GACGJ,CAAM,CAAA;AAGhB"}

package/dist/components/sidebar/Sidebar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Sidebar.js","names":["Component","ComponentProps","createEffect","onCleanup","createMediaQuery","useSidebar","SidebarDesktop","SidebarMobile","SidebarProps","innerClass","side","variant","collapsible","disableMobileSidebar","Sidebar","props","isMobile","setMobileDisabled","setOpen","setSide","isViewportMobile","currentSide","mobileDisabled","_$createComponent","_$Show","when","fallback","children"],"sources":["../../../src/components/sidebar/Sidebar.tsx"],"sourcesContent":["import { type Component, type ComponentProps, createEffect, onCleanup } from 'solid-js';\n\nimport { createMediaQuery } from '@/primitives/createMediaQuery';\n\nimport { useSidebar } from './context';\nimport { SidebarDesktop } from './SidebarDesktop';\nimport { SidebarMobile } from './SidebarMobile';\n\nexport type SidebarProps = ComponentProps<'aside'> & {\n innerClass?: string;\n side?: 'left' \| 'right';\n variant?: 'sidebar' \| 'floating' \| 'inset';\n collapsible?: 'offcanvas' \| 'icon' \| 'none';\n disableMobileSidebar?: boolean;\n};\n\nexport const Sidebar: Component<SidebarProps> = (props) => {\n const { isMobile, setMobileDisabled, setOpen, setSide } = useSidebar();\n const isViewportMobile = createMediaQuery('(max-width: 768px)');\n\n onCleanup(() => {\n setMobileDisabled(false);\n });\n\n createEffect(() => {\n const currentSide = props.side ?? 'left';\n const mobileDisabled = props.disableMobileSidebar ?? false;\n setSide(currentSide);\n setMobileDisabled(mobileDisabled);\n });\n\n createEffect(() => {\n if (props.disableMobileSidebar === true && props.collapsible === 'icon') {\n setOpen(!isViewportMobile());\n }\n });\n\n return (\n <Show\n when={!isMobile()}\n fallback={\n <Show when={(props.collapsible ?? 'offcanvas') !== 'none'}>\n <SidebarMobile {...props} />\n </Show>\n }\n >\n <SidebarDesktop {...props} />\n </Show>\n );\n};\n"],"mappings":";;;;;;;AAgBA,IAAac,KAAoCC,MAAU;CACzD,IAAM,EAAEC,aAAUC,sBAAmBC,YAASC,eAAYd,~~GAAY~~,~~EAChEe~~,IAAmBhB,EAAiB,~~qBAAqB~~;~~CAmB/D~~,OAjBAD,QAAgB;EACdc,EAAkB,~~GAAM~~;~~GACxB~~,~~EAEFf~~,QAAmB;EACjB,IAAMmB,IAAcN,EAAML,QAAQ,QAC5BY,IAAiBP,EAAMF,wBAAwB;EAErDI,AADAE,EAAQE,~~EAAY~~,~~EACpBJ~~,EAAkBK,~~EAAe~~;~~GACjC~~,~~EAEFpB~~,QAAmB;EACjB,AAAIa,EAAMF,yBAAyB,MAAQE,EAAMH,gBAAgB,UAC/DM,EAAQ,CAACE,~~GAAkB~~,CAAC;~~GAE9B~~,~~EAEFG~~,EACGC,GAAI;EAAA,IACHC,OAAI;GAAA,OAAE,CAACT,~~GAAU;;~~EAAA,IACjBU,WAAQ;GAAA,OAAAH,EACLC,GAAI;IAAA,IAACC,OAAI;KAAA,QAAGV,EAAMH,eAAe,iBAAiB;;IAAM,IAAAe,WAAA;KAAA,OAAAJ,EACtDhB,GAAkBQ,~~EAAK;;~~IAAA,CAAA;;EAAA,IAAAY,WAAA;GAAA,OAAAJ,EAI3BjB,GAAmBS,~~EAAK;;~~EAAA,CAAA"}
1	+ {"version":3,"file":"Sidebar.js","names":["Component","ComponentProps","createEffect","onCleanup","createMediaQuery","useSidebar","SidebarDesktop","SidebarMobile","SidebarProps","innerClass","side","variant","collapsible","disableMobileSidebar","Sidebar","props","isMobile","setMobileDisabled","setOpen","setSide","isViewportMobile","currentSide","mobileDisabled","_$createComponent","_$Show","when","fallback","children"],"sources":["../../../src/components/sidebar/Sidebar.tsx"],"sourcesContent":["import { type Component, type ComponentProps, createEffect, onCleanup } from 'solid-js';\n\nimport { createMediaQuery } from '@/primitives/createMediaQuery';\n\nimport { useSidebar } from './context';\nimport { SidebarDesktop } from './SidebarDesktop';\nimport { SidebarMobile } from './SidebarMobile';\n\nexport type SidebarProps = ComponentProps<'aside'> & {\n innerClass?: string;\n side?: 'left' \| 'right';\n variant?: 'sidebar' \| 'floating' \| 'inset';\n collapsible?: 'offcanvas' \| 'icon' \| 'none';\n disableMobileSidebar?: boolean;\n};\n\nexport const Sidebar: Component<SidebarProps> = (props) => {\n const { isMobile, setMobileDisabled, setOpen, setSide } = useSidebar();\n const isViewportMobile = createMediaQuery('(max-width: 768px)');\n\n onCleanup(() => {\n setMobileDisabled(false);\n });\n\n createEffect(() => {\n const currentSide = props.side ?? 'left';\n const mobileDisabled = props.disableMobileSidebar ?? false;\n setSide(currentSide);\n setMobileDisabled(mobileDisabled);\n });\n\n createEffect(() => {\n if (props.disableMobileSidebar === true && props.collapsible === 'icon') {\n setOpen(!isViewportMobile());\n }\n });\n\n return (\n <Show\n when={!isMobile()}\n fallback={\n <Show when={(props.collapsible ?? 'offcanvas') !== 'none'}>\n <SidebarMobile {...props} />\n </Show>\n }\n >\n <SidebarDesktop {...props} />\n </Show>\n );\n};\n"],"mappings":";;;;;;;AAgBA,IAAac,KAAoCC,MAAU;CACzD,IAAM,EAAEC,aAAUC,sBAAmBC,YAASC,eAAYd,EAAW,GAC/De,IAAmBhB,EAAiB,oBAAoB;CAmB9D,OAjBAD,QAAgB;EACdc,EAAkB,EAAK;CACzB,CAAC,GAEDf,QAAmB;EACjB,IAAMmB,IAAcN,EAAML,QAAQ,QAC5BY,IAAiBP,EAAMF,wBAAwB;EAErDI,AADAE,EAAQE,CAAW,GACnBJ,EAAkBK,CAAc;CAClC,CAAC,GAEDpB,QAAmB;EACjB,AAAIa,EAAMF,yBAAyB,MAAQE,EAAMH,gBAAgB,UAC/DM,EAAQ,CAACE,EAAiB,CAAC;CAE/B,CAAC,GAEDG,EACGC,GAAI;EAAA,IACHC,OAAI;GAAA,OAAE,CAACT,EAAS;EAAC;EAAA,IACjBU,WAAQ;GAAA,OAAAH,EACLC,GAAI;IAAA,IAACC,OAAI;KAAA,QAAGV,EAAMH,eAAe,iBAAiB;IAAM;IAAA,IAAAe,WAAA;KAAA,OAAAJ,EACtDhB,GAAkBQ,CAAK;IAAA;GAAA,CAAA;EAAA;EAAA,IAAAY,WAAA;GAAA,OAAAJ,EAI3BjB,GAAmBS,CAAK;EAAA;CAAA,CAAA;AAG/B"}

package/dist/components/sidebar/SidebarDesktop.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { cn as e } from "../../node_modules/.bun/tailwind-variants@3.2.2_2349c4e1b625a44d/node_modules/tailwind-variants/dist/index.js";
+import { cn as e } from "../../node_modules/.bun/tailwind-variants@3.2.2_8d1ea3a475e79781/node_modules/tailwind-variants/dist/index.js";
 import { useSidebar as t } from "./context.js";
 import { SIDEBAR_WIDTH as n, SIDEBAR_WIDTH_ICON as r } from "./constants.js";
 import { className as i, createComponent as a, effect as o, insert as s, mergeProps as c, setAttribute as l, spread as u, style as d, template as f } from "solid-js/web";

package/dist/components/sidebar/SidebarDesktop.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SidebarDesktop.js","names":["createMemo","Component","ComponentProps","JSX","JSXElement","cn","SidebarProps","SIDEBAR_WIDTH","SIDEBAR_WIDTH_ICON","useSidebar","SidebarDesktopContainerProps","innerClass","variant","side","children","getSidebarDesktopRootClass","disableMobileSidebar","getSidebarGapClass","getSidebarStyle","style","CSSProperties","base","SidebarDesktopContainer","props","local","others","splitProps","_el$","_tmpl$","_el$2","firstChild","_$spread","_$mergeProps","class","_$insert","_$effect","_$className","SidebarDesktop","state","_el$3","_tmpl$2","_el$4","_$createComponent","_p$","_v$","_v$2","_v$3","_v$4","collapsible","_v$5","_v$6","_v$7","e","_$style","t","a","_$setAttribute","o","i","n","s","undefined"],"sources":["../../../src/components/sidebar/SidebarDesktop.tsx"],"sourcesContent":["import {\n createMemo,\n type Component,\n type ComponentProps,\n type JSX,\n type JSXElement,\n} from 'solid-js';\nimport { cn } from 'tailwind-variants';\n\nimport type { SidebarProps } from './Sidebar';\n\nimport { SIDEBAR_WIDTH, SIDEBAR_WIDTH_ICON } from './constants';\nimport { useSidebar } from './context';\n\ntype SidebarDesktopContainerProps = ComponentProps<'aside'> & {\n innerClass?: string;\n variant: string;\n side: string;\n children: JSXElement;\n};\n\nconst getSidebarDesktopRootClass = (\n disableMobileSidebar: boolean \| undefined,\n): ComponentProps<'div'>['class'] =>\n cn(\n disableMobileSidebar === true\n ? 'group peer min-h-0 relative block self-stretch text-sidebar-foreground'\n : 'group peer md:block min-h-0 relative hidden self-stretch text-sidebar-foreground',\n );\n\nconst getSidebarGapClass = (variant: SidebarProps['variant']): ComponentProps<'div'>['class'] =>\n cn(\n 'relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear',\n 'group-data-[collapsible=offcanvas]:w-0',\n 'group-data-[side=right]:rotate-180',\n variant === 'floating' \|\| variant === 'inset'\n ? 'group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+1rem)]'\n : 'group-data-[collapsible=icon]:w-(--sidebar-width-icon)',\n );\n\nconst getSidebarStyle = (style: SidebarProps['style']): JSX.CSSProperties => {\n const base: JSX.CSSProperties = {\n '--sidebar-width': SIDEBAR_WIDTH,\n '--sidebar-width-icon': SIDEBAR_WIDTH_ICON,\n };\n return typeof style === 'object' && style !== null ? { ...base, ...style } : base;\n};\n\nconst SidebarDesktopContainer: Component<SidebarDesktopContainerProps> = (props) => {\n const [local, others] = splitProps(props, ['variant', 'side', 'class', 'children', 'innerClass']);\n return (\n <aside\n data-slot='sidebar-container'\n class={cn(\n 'top-0 bottom-0 md:flex absolute z-10 hidden w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear',\n local.side === 'left'\n ? 'left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)-1)]'\n : 'right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)-1)]',\n local.variant === 'floating' \|\| local.variant === 'inset'\n ? 'p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+1rem+2px)]'\n : 'group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l',\n local.class,\n )}\n {...others}\n >\n <div\n data-sidebar='sidebar'\n data-slot='sidebar-inner'\n class={cn(\n 'group-data-[variant=floating]:shadow-sm flex size-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:ring-1 group-data-[variant=floating]:ring-sidebar-border',\n local.innerClass,\n )}\n >\n {local.children}\n </div>\n </aside>\n );\n};\n\nexport const SidebarDesktop: Component<SidebarProps> = (props) => {\n const { state } = useSidebar();\n const [local, others] = splitProps(props, [\n 'side',\n 'variant',\n 'collapsible',\n 'disableMobileSidebar',\n 'style',\n 'class',\n 'children',\n ]);\n\n const style = createMemo(() => getSidebarStyle(local.style));\n\n return (\n <div\n style={style()}\n class={getSidebarDesktopRootClass(local.disableMobileSidebar)}\n data-state={state()}\n data-collapsible={state() === 'collapsed' ? (local.collapsible ?? 'offcanvas') : ''}\n data-variant={local.variant ?? 'sidebar'}\n data-side={local.side ?? 'left'}\n data-slot='sidebar'\n >\n <div data-slot='sidebar-gap' class={getSidebarGapClass(local.variant)} />\n <SidebarDesktopContainer\n variant={local.variant ?? 'sidebar'}\n side={local.side ?? 'left'}\n class={cn(local.disableMobileSidebar === true ? 'flex' : 'md:flex hidden', local.class)}\n {...others}\n >\n {local.children}\n </SidebarDesktopContainer>\n </div>\n );\n};\n"],"mappings":";;;;;;iMAqBMe,KACJC,MAEAX,EACEW,MAAyB,KACrB,2EACA,~~mFACL~~,~~EAEGC~~,KAAsBL,MAC1BP,EACE,2FACA,0CACA,sCACAO,MAAY,cAAcA,MAAY,UAClC,2EACA,~~yDACL~~,~~EAEGM~~,KAAmBC,MAAoD;CAC3E,IAAME,IAA0B;EAC9B,mBAAmBd;EACnB,wBAAwBC;~~EACzB~~;~~CACD~~,OAAO,OAAOW,KAAU,YAAYA,IAAiB;EAAE,GAAGE;EAAM,GAAGF;~~EAAO~~,~~GAAGE~~;~~GAGzEC~~,KAAoEC,MAAU;CAClF,IAAM,CAACC,GAAOC,KAAUC,EAAWH,GAAO;EAAC;EAAW;EAAQ;EAAS;EAAY;~~EAAa~~,CAAC;~~CACjG~~,cAAA;EAAA,IAAAI,IAAAC,~~GAAA~~,~~EAAAC~~,IAAAF,EAAAG;EAqBO,OArBPC,EAAAJ,GAAAK,EAAA,EAAA,IAAA,QAAA;GAAA,OAGW3B,EACL,0HACAmB,EAAMX,SAAS,SACX,mFACA,oFACJW,EAAMZ,YAAY,cAAcY,EAAMZ,YAAY,UAC9C,mFACA,2HACJY,EAAMS,~~MACP~~;~~KAAA~~,~~EACGR~~,~~EAAM~~,~~EAAA~~,IAAA,~~GAAA~~,~~EAAAS~~,EAAAL,SAUPL,EAAMV,~~SAAQ~~,~~EAAAqB~~,QAAAC,EAAAP,GALRxB,EACL,8MACAmB,EAAMb,~~WACP~~,CAAA,CAAA,~~EAAAgB~~;~~KAAA;GAQIU~~,KAA2Cd,MAAU;CAChE,IAAM,EAAEe,aAAU7B,~~GAAY~~,~~EACxB~~,CAACe,GAAOC,KAAUC,EAAWH,GAAO;EACxC;EACA;EACA;EACA;EACA;EACA;EACA;~~EACD~~,~~CAAC~~,~~EAEIJ~~,IAAQnB,QAAiBkB,EAAgBM,EAAML,~~MAAM~~,CAAC;~~CAE5D~~,cAAA;EAAA,IAAAoB,IAAAC,~~GAAA~~,~~EAAAC~~,IAAAF,EAAAT;EAUyE,OAVzEI,EAAAK,GAAAG,EAWKpB,GAAuBU,EAAA;GAAA,IACtBpB,UAAO;IAAA,OAAEY,EAAMZ,WAAW;;GAAS,IACnCC,OAAI;IAAA,OAAEW,EAAMX,QAAQ;;GAAM,IAAA,QAAA;IAAA,OACnBR,EAAGmB,EAAMR,yBAAyB,KAAO,SAAS,kBAAkBQ,EAAMS,~~MAAM;;GAAA~~,~~EACnFR~~,GAAM,EAAA,IAAAX,WAAA;GAAA,OAETU,EAAMV;~~KAAQ~~,CAAA,CAAA,~~EAAA~~,~~KAAA~~,~~EAAAqB~~,GAAAQ,MAAA;GAAA,IAAAC,IAfVzB,~~GAAO~~,~~EAAA0B~~,IACP9B,EAA2BS,EAAMR,~~qBAAqB~~,~~EAAA8B~~,IACjDR,~~GAAO~~,~~EAAAS~~,IACDT,~~GAAO~~,~~KAAK~~,cAAed,EAAMwB,eAAe,cAAe,IAAEC,IACrEzB,EAAMZ,WAAW,WAASsC,IAC7B1B,EAAMX,QAAQ,QAAMsC,IAGKlC,EAAmBO,EAAMZ,~~QAAQ~~;~~GAAA~~,OAAA+B,EAAAS,IAAAC,EAAAd,GAAAK,GAAAD,EAAAS,~~EAAA~~,~~EAAAP~~,MAAAF,EAAAW,KAAAlB,EAAAG,GAAAI,EAAAW,IAAAT,~~EAAA~~,~~EAAAC~~,MAAAH,EAAAY,KAAAC,EAAAjB,GAAA,cAAAI,EAAAY,IAAAT,~~EAAA~~,~~EAAAC~~,MAAAJ,EAAAc,KAAAD,EAAAjB,GAAA,oBAAAI,EAAAc,IAAAV,~~EAAA~~,~~EAAAE~~,MAAAN,EAAAe,KAAAF,EAAAjB,GAAA,gBAAAI,EAAAe,IAAAT,~~EAAA~~,~~EAAAC~~,MAAAP,EAAAgB,KAAAH,EAAAjB,GAAA,aAAAI,EAAAgB,IAAAT,~~EAAA~~,~~EAAAC~~,MAAAR,EAAAiB,KAAAxB,EAAAK,GAAAE,EAAAiB,IAAAT,EAAA,~~EAAAR~~;~~KAAA;~~GAAAS,GAAAS,KAAAA;GAAAP,GAAAO,KAAAA;GAAAN,GAAAM,KAAAA;GAAAJ,GAAAI,KAAAA;GAAAH,GAAAG,KAAAA;GAAAF,GAAAE,KAAAA;GAAAD,GAAAC,KAAAA;~~GAAA~~,CAAA,~~EAAAtB~~;~~KAAA~~"}
1	+ {"version":3,"file":"SidebarDesktop.js","names":["createMemo","Component","ComponentProps","JSX","JSXElement","cn","SidebarProps","SIDEBAR_WIDTH","SIDEBAR_WIDTH_ICON","useSidebar","SidebarDesktopContainerProps","innerClass","variant","side","children","getSidebarDesktopRootClass","disableMobileSidebar","getSidebarGapClass","getSidebarStyle","style","CSSProperties","base","SidebarDesktopContainer","props","local","others","splitProps","_el$","_tmpl$","_el$2","firstChild","_$spread","_$mergeProps","class","_$insert","_$effect","_$className","SidebarDesktop","state","_el$3","_tmpl$2","_el$4","_$createComponent","_p$","_v$","_v$2","_v$3","_v$4","collapsible","_v$5","_v$6","_v$7","e","_$style","t","a","_$setAttribute","o","i","n","s","undefined"],"sources":["../../../src/components/sidebar/SidebarDesktop.tsx"],"sourcesContent":["import {\n createMemo,\n type Component,\n type ComponentProps,\n type JSX,\n type JSXElement,\n} from 'solid-js';\nimport { cn } from 'tailwind-variants';\n\nimport type { SidebarProps } from './Sidebar';\n\nimport { SIDEBAR_WIDTH, SIDEBAR_WIDTH_ICON } from './constants';\nimport { useSidebar } from './context';\n\ntype SidebarDesktopContainerProps = ComponentProps<'aside'> & {\n innerClass?: string;\n variant: string;\n side: string;\n children: JSXElement;\n};\n\nconst getSidebarDesktopRootClass = (\n disableMobileSidebar: boolean \| undefined,\n): ComponentProps<'div'>['class'] =>\n cn(\n disableMobileSidebar === true\n ? 'group peer min-h-0 relative block self-stretch text-sidebar-foreground'\n : 'group peer md:block min-h-0 relative hidden self-stretch text-sidebar-foreground',\n );\n\nconst getSidebarGapClass = (variant: SidebarProps['variant']): ComponentProps<'div'>['class'] =>\n cn(\n 'relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear',\n 'group-data-[collapsible=offcanvas]:w-0',\n 'group-data-[side=right]:rotate-180',\n variant === 'floating' \|\| variant === 'inset'\n ? 'group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+1rem)]'\n : 'group-data-[collapsible=icon]:w-(--sidebar-width-icon)',\n );\n\nconst getSidebarStyle = (style: SidebarProps['style']): JSX.CSSProperties => {\n const base: JSX.CSSProperties = {\n '--sidebar-width': SIDEBAR_WIDTH,\n '--sidebar-width-icon': SIDEBAR_WIDTH_ICON,\n };\n return typeof style === 'object' && style !== null ? { ...base, ...style } : base;\n};\n\nconst SidebarDesktopContainer: Component<SidebarDesktopContainerProps> = (props) => {\n const [local, others] = splitProps(props, ['variant', 'side', 'class', 'children', 'innerClass']);\n return (\n <aside\n data-slot='sidebar-container'\n class={cn(\n 'top-0 bottom-0 md:flex absolute z-10 hidden w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear',\n local.side === 'left'\n ? 'left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)-1)]'\n : 'right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)-1)]',\n local.variant === 'floating' \|\| local.variant === 'inset'\n ? 'p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+1rem+2px)]'\n : 'group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l',\n local.class,\n )}\n {...others}\n >\n <div\n data-sidebar='sidebar'\n data-slot='sidebar-inner'\n class={cn(\n 'group-data-[variant=floating]:shadow-sm flex size-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:ring-1 group-data-[variant=floating]:ring-sidebar-border',\n local.innerClass,\n )}\n >\n {local.children}\n </div>\n </aside>\n );\n};\n\nexport const SidebarDesktop: Component<SidebarProps> = (props) => {\n const { state } = useSidebar();\n const [local, others] = splitProps(props, [\n 'side',\n 'variant',\n 'collapsible',\n 'disableMobileSidebar',\n 'style',\n 'class',\n 'children',\n ]);\n\n const style = createMemo(() => getSidebarStyle(local.style));\n\n return (\n <div\n style={style()}\n class={getSidebarDesktopRootClass(local.disableMobileSidebar)}\n data-state={state()}\n data-collapsible={state() === 'collapsed' ? (local.collapsible ?? 'offcanvas') : ''}\n data-variant={local.variant ?? 'sidebar'}\n data-side={local.side ?? 'left'}\n data-slot='sidebar'\n >\n <div data-slot='sidebar-gap' class={getSidebarGapClass(local.variant)} />\n <SidebarDesktopContainer\n variant={local.variant ?? 'sidebar'}\n side={local.side ?? 'left'}\n class={cn(local.disableMobileSidebar === true ? 'flex' : 'md:flex hidden', local.class)}\n {...others}\n >\n {local.children}\n </SidebarDesktopContainer>\n </div>\n );\n};\n"],"mappings":"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"}

package/dist/components/sidebar/SidebarMenu.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { ark as e } from "../../node_modules/.bun/@ark-ui_solid@5.36.2_ac9bd97bed21f560/node_modules/@ark-ui/solid/dist/chunk/UFYZ7HLU.js";
-import { cn as t, tv as n } from "../../node_modules/.bun/tailwind-variants@3.2.2_2349c4e1b625a44d/node_modules/tailwind-variants/dist/index.js";
+import { cn as t, tv as n } from "../../node_modules/.bun/tailwind-variants@3.2.2_8d1ea3a475e79781/node_modules/tailwind-variants/dist/index.js";
 import { useSidebar as r } from "./context.js";
 import "./constants.js";
 import { Skeleton as i } from "../Skeleton.js";

package/dist/components/sidebar/SidebarMenu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SidebarMenu.js","names":["ark","createMemo","Component","ComponentProps","JSX","VariantProps","tv","cn","Skeleton","Tooltip","TooltipArrow","TooltipContent","TooltipPositioner","TooltipTrigger","RANDOM_WIDTH_BASE","RANDOM_WIDTH_RANGE","useSidebar","SidebarMenu","props","local","others","splitProps","_el$","_tmpl$","_$spread","_$mergeProps","class","SidebarMenuItem","_el$2","_tmpl$2","sidebarMenuButtonVariants","base","variants","variant","default","outline","size","sm","lg","defaultVariants","SidebarMenuButtonAsChild","button","SidebarMenuButtonProps","Omit","asChild","isActive","tooltip","SidebarMenuButtonStyleProps","Pick","SidebarMenuButtonDataProps","getTooltipContentProps","getTooltipChildren","children","getSidebarMenuButtonDataProps","const","getSidebarMenuButtonAsChildProps","renderSidebarMenuButton","Element","_$createComponent","SidebarMenuButton","isMobile","state","side","tooltipPlacement","shouldUseTooltip","Boolean","buttonDataProps","_$Show","when","fallback","positioning","placement","openDelay","triggerProps","_$Portal","_$memo","SidebarMenuActionProps","showOnHover","SidebarMenuAction","_el$3","_tmpl$3","SidebarMenuBadge","_el$4","_tmpl$4","SidebarMenuSkeletonProps","showIcon","SidebarMenuSkeleton","width","Math","floor","random","_el$5","_tmpl$5","_$insert","style","SidebarMenuSub","_el$6","_tmpl$6","SidebarMenuSubItem","_el$7","_tmpl$7","SidebarMenuSubButtonProps","SidebarMenuSubButton","_el$8","_tmpl$8","data-size"],"sources":["../../../src/components/sidebar/SidebarMenu.tsx"],"sourcesContent":["import { ark } from '@ark-ui/solid/factory';\nimport { createMemo, type Component, type ComponentProps, type JSX } from 'solid-js';\nimport { type VariantProps, tv, cn } from 'tailwind-variants';\n\nimport { Skeleton } from '@/components/Skeleton';\nimport {\n Tooltip,\n TooltipArrow,\n TooltipContent,\n TooltipPositioner,\n TooltipTrigger,\n} from '@/components/Tooltip';\n\nimport { RANDOM_WIDTH_BASE, RANDOM_WIDTH_RANGE } from './constants';\nimport { useSidebar } from './context';\n\nexport const SidebarMenu: Component<ComponentProps<'ul'>> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n return (\n <ul\n data-slot='sidebar-menu'\n data-sidebar='menu'\n class={cn('gap-0 min-w-0 flex w-full flex-col', local.class)}\n {...others}\n />\n );\n};\n\nexport const SidebarMenuItem: Component<ComponentProps<'li'>> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n return (\n <li\n data-slot='sidebar-menu-item'\n data-sidebar='menu-item'\n class={cn('group/menu-item relative', local.class)}\n {...others}\n />\n );\n};\n\nexport const sidebarMenuButtonVariants = tv({\n base: 'gap-2 p-2 text-sm group-has-data-sidebar-menu-action/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! data-active:font-medium data-[status=active]:font-medium aria-[current=page]:font-medium peer/menu-button group/menu-button [&_svg]:size-4 flex w-full items-center overflow-hidden rounded-md text-left ring-sidebar-ring outline-hidden transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 aria-[current=page]:bg-sidebar-accent aria-[current=page]:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground data-[status=active]:bg-sidebar-accent data-[status=active]:text-sidebar-accent-foreground [&_svg]:shrink-0 [&>span:last-child]:truncate',\n variants: {\n variant: {\n default: 'hover:bg-sidebar-accent hover:text-sidebar-accent-foreground',\n outline:\n 'bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]',\n },\n size: {\n default: 'h-8 text-sm',\n sm: 'h-7 text-xs',\n lg: 'h-12 text-sm group-data-[collapsible=icon]:p-0!',\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'default',\n },\n});\n\ntype SidebarMenuButtonAsChild = ComponentProps<typeof ark.button>['asChild'];\n\nexport type SidebarMenuButtonProps = Omit<ComponentProps<'button'>, 'asChild'> &\n VariantProps<typeof sidebarMenuButtonVariants> & {\n asChild?: SidebarMenuButtonAsChild;\n isActive?: boolean;\n tooltip?: string \| ComponentProps<typeof TooltipContent>;\n };\n\ntype SidebarMenuButtonStyleProps = Pick<\n SidebarMenuButtonProps,\n 'size' \| 'isActive' \| 'variant' \| 'class'\n>;\n\ntype SidebarMenuButtonDataProps = {\n 'data-slot': 'sidebar-menu-button';\n 'data-sidebar': 'menu-button';\n 'data-size': 'sm' \| 'default' \| 'lg';\n 'data-active'?: true;\n class: string;\n};\n\nconst getTooltipContentProps = (\n tooltip: SidebarMenuButtonProps['tooltip'],\n): ComponentProps<typeof TooltipContent> =>\n typeof tooltip === 'string' \|\| !tooltip ? {} : tooltip;\n\nconst getTooltipChildren = (\n tooltip: SidebarMenuButtonProps['tooltip'],\n): ComponentProps<typeof TooltipContent>['children'] => {\n if (typeof tooltip === 'string') {\n return tooltip;\n }\n if (!tooltip) {\n return '';\n }\n return tooltip.children;\n};\n\nconst getSidebarMenuButtonDataProps = (\n local: SidebarMenuButtonStyleProps,\n): SidebarMenuButtonDataProps => ({\n 'data-slot': 'sidebar-menu-button',\n 'data-sidebar': 'menu-button',\n 'data-size': local.size ?? 'default',\n ...(local.isActive === true ? { 'data-active': true as const } : {}),\n class: sidebarMenuButtonVariants({\n variant: local.variant,\n size: local.size,\n class: local.class,\n }),\n});\n\nconst getSidebarMenuButtonAsChildProps = (\n asChild: SidebarMenuButtonProps['asChild'],\n): Pick<ComponentProps<typeof ark.button>, 'asChild'> => (asChild ? { asChild } : {});\n\nconst renderSidebarMenuButton = (\n asChild: SidebarMenuButtonProps['asChild'],\n props: ComponentProps<'button'>,\n children: SidebarMenuButtonProps['children'],\n): JSX.Element => (\n <ark.button {...props} {...getSidebarMenuButtonAsChildProps(asChild)}>\n {children}\n </ark.button>\n);\n\nexport const SidebarMenuButton: Component<SidebarMenuButtonProps> = (props) => {\n const [local, others] = splitProps(props, [\n 'asChild',\n 'children',\n 'isActive',\n 'variant',\n 'size',\n 'tooltip',\n 'class',\n ]);\n const { isMobile, state, side } = useSidebar();\n\n const tooltipPlacement = createMemo(() => (side() === 'left' ? 'right' : 'left'));\n const shouldUseTooltip = createMemo(\n () => Boolean(local.tooltip) && state() === 'collapsed' && !isMobile(),\n );\n const buttonDataProps = createMemo(() => getSidebarMenuButtonDataProps(local));\n\n return (\n <Show\n when={shouldUseTooltip()}\n fallback={renderSidebarMenuButton(\n local.asChild,\n { ...buttonDataProps(), ...others },\n local.children,\n )}\n >\n <Tooltip positioning={{ placement: tooltipPlacement() }} openDelay={100}>\n <TooltipTrigger\n asChild={(triggerProps) =>\n renderSidebarMenuButton(\n local.asChild,\n { ...triggerProps(), ...buttonDataProps(), ...others },\n local.children,\n )\n }\n />\n <Portal>\n <TooltipPositioner>\n <TooltipContent {...getTooltipContentProps(local.tooltip)}>\n <TooltipArrow />\n {getTooltipChildren(local.tooltip)}\n </TooltipContent>\n </TooltipPositioner>\n </Portal>\n </Tooltip>\n </Show>\n );\n};\n\nexport type SidebarMenuActionProps = ComponentProps<'button'> & {\n showOnHover?: boolean;\n};\n\nexport const SidebarMenuAction: Component<SidebarMenuActionProps> = (props) => {\n const [local, others] = splitProps(props, ['class', 'showOnHover']);\n return (\n <button\n data-slot='sidebar-menu-action'\n data-sidebar='menu-action'\n class={cn(\n 'top-1.5 right-1 w-5 p-0 peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 [&>svg]:size-4 after:-inset-2 md:after:hidden absolute flex aspect-square items-center justify-center rounded-md text-sidebar-foreground ring-sidebar-ring outline-hidden transition-transform group-data-[collapsible=icon]:hidden peer-hover/menu-button:text-sidebar-accent-foreground after:absolute hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:shrink-0',\n local.showOnHover === true &&\n 'md:opacity-0 group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 peer-data-active/menu-button:text-sidebar-accent-foreground data-open:opacity-100',\n local.class,\n )}\n {...others}\n />\n );\n};\n\nexport const SidebarMenuBadge: Component<ComponentProps<'div'>> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n return (\n <div\n data-slot='sidebar-menu-badge'\n data-sidebar='menu-badge'\n class={cn(\n 'right-1 h-5 min-w-5 px-1 text-xs font-medium peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 pointer-events-none absolute flex items-center justify-center rounded-md text-sidebar-foreground tabular-nums select-none group-data-[collapsible=icon]:hidden peer-hover/menu-button:text-sidebar-accent-foreground peer-data-active/menu-button:text-sidebar-accent-foreground',\n local.class,\n )}\n {...others}\n />\n );\n};\n\nexport type SidebarMenuSkeletonProps = ComponentProps<'div'> & {\n showIcon?: boolean;\n};\n\nexport const SidebarMenuSkeleton: Component<SidebarMenuSkeletonProps> = (props) => {\n const [local, others] = splitProps(props, ['class', 'showIcon']);\n\n const width = createMemo(\n () => `${Math.floor(Math.random() * RANDOM_WIDTH_RANGE) + RANDOM_WIDTH_BASE}%`,\n );\n\n return (\n <div\n data-slot='sidebar-menu-skeleton'\n data-sidebar='menu-skeleton'\n class={cn('h-8 gap-2 px-2 flex items-center rounded-md', local.class)}\n {...others}\n >\n <Show when={local.showIcon}>\n <Skeleton class='size-4 rounded-md' data-sidebar='menu-skeleton-icon' />\n </Show>\n <Skeleton\n class='h-4 max-w-(--skeleton-width) flex-1'\n data-sidebar='menu-skeleton-text'\n style={{\n '--skeleton-width': width(),\n }}\n />\n </div>\n );\n};\n\nexport const SidebarMenuSub: Component<ComponentProps<'ul'>> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n return (\n <ul\n data-slot='sidebar-menu-sub'\n data-sidebar='menu-sub'\n class={cn(\n 'mx-3.5 gap-1 px-2.5 py-0.5 min-w-0 flex translate-x-px flex-col border-l border-sidebar-border group-data-[collapsible=icon]:hidden',\n local.class,\n )}\n {...others}\n />\n );\n};\n\nexport const SidebarMenuSubItem: Component<ComponentProps<'li'>> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n return (\n <li\n data-slot='sidebar-menu-sub-item'\n data-sidebar='menu-sub-item'\n class={cn('group/menu-sub-item relative', local.class)}\n {...others}\n />\n );\n};\n\nexport type SidebarMenuSubButtonProps = ComponentProps<'a'> & {\n size?: 'sm' \| 'md';\n isActive?: boolean;\n};\n\nexport const SidebarMenuSubButton: Component<SidebarMenuSubButtonProps> = (props) => {\n const [local, others] = splitProps(props, ['class', 'size', 'isActive']);\n return (\n <a\n data-slot='sidebar-menu-sub-button'\n data-sidebar='menu-sub-button'\n data-size={local.size ?? 'md'}\n {...(local.isActive === true ? { 'data-active': true as const } : {})}\n class={cn(\n 'h-7 gap-2 px-2 data-[size=md]:text-sm data-[size=sm]:text-xs [&>svg]:size-4 min-w-0 flex -translate-x-px items-center overflow-hidden rounded-md text-sidebar-foreground ring-sidebar-ring outline-hidden group-data-[collapsible=icon]:hidden hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 aria-[current=page]:bg-sidebar-accent aria-[current=page]:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground data-[status=active]:bg-sidebar-accent data-[status=active]:text-sidebar-accent-foreground [&>span:last-child]:truncate [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground',\n local.class,\n )}\n {...others}\n />\n );\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"SidebarMenu.js","names":["ark","createMemo","Component","ComponentProps","JSX","VariantProps","tv","cn","Skeleton","Tooltip","TooltipArrow","TooltipContent","TooltipPositioner","TooltipTrigger","RANDOM_WIDTH_BASE","RANDOM_WIDTH_RANGE","useSidebar","SidebarMenu","props","local","others","splitProps","_el$","_tmpl$","_$spread","_$mergeProps","class","SidebarMenuItem","_el$2","_tmpl$2","sidebarMenuButtonVariants","base","variants","variant","default","outline","size","sm","lg","defaultVariants","SidebarMenuButtonAsChild","button","SidebarMenuButtonProps","Omit","asChild","isActive","tooltip","SidebarMenuButtonStyleProps","Pick","SidebarMenuButtonDataProps","getTooltipContentProps","getTooltipChildren","children","getSidebarMenuButtonDataProps","const","getSidebarMenuButtonAsChildProps","renderSidebarMenuButton","Element","_$createComponent","SidebarMenuButton","isMobile","state","side","tooltipPlacement","shouldUseTooltip","Boolean","buttonDataProps","_$Show","when","fallback","positioning","placement","openDelay","triggerProps","_$Portal","_$memo","SidebarMenuActionProps","showOnHover","SidebarMenuAction","_el$3","_tmpl$3","SidebarMenuBadge","_el$4","_tmpl$4","SidebarMenuSkeletonProps","showIcon","SidebarMenuSkeleton","width","Math","floor","random","_el$5","_tmpl$5","_$insert","style","SidebarMenuSub","_el$6","_tmpl$6","SidebarMenuSubItem","_el$7","_tmpl$7","SidebarMenuSubButtonProps","SidebarMenuSubButton","_el$8","_tmpl$8","data-size"],"sources":["../../../src/components/sidebar/SidebarMenu.tsx"],"sourcesContent":["import { ark } from '@ark-ui/solid/factory';\nimport { createMemo, type Component, type ComponentProps, type JSX } from 'solid-js';\nimport { type VariantProps, tv, cn } from 'tailwind-variants';\n\nimport { Skeleton } from '@/components/Skeleton';\nimport {\n Tooltip,\n TooltipArrow,\n TooltipContent,\n TooltipPositioner,\n TooltipTrigger,\n} from '@/components/Tooltip';\n\nimport { RANDOM_WIDTH_BASE, RANDOM_WIDTH_RANGE } from './constants';\nimport { useSidebar } from './context';\n\nexport const SidebarMenu: Component<ComponentProps<'ul'>> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n return (\n <ul\n data-slot='sidebar-menu'\n data-sidebar='menu'\n class={cn('gap-0 min-w-0 flex w-full flex-col', local.class)}\n {...others}\n />\n );\n};\n\nexport const SidebarMenuItem: Component<ComponentProps<'li'>> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n return (\n <li\n data-slot='sidebar-menu-item'\n data-sidebar='menu-item'\n class={cn('group/menu-item relative', local.class)}\n {...others}\n />\n );\n};\n\nexport const sidebarMenuButtonVariants = tv({\n base: 'gap-2 p-2 text-sm group-has-data-sidebar-menu-action/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! data-active:font-medium data-[status=active]:font-medium aria-[current=page]:font-medium peer/menu-button group/menu-button [&_svg]:size-4 flex w-full items-center overflow-hidden rounded-md text-left ring-sidebar-ring outline-hidden transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 aria-[current=page]:bg-sidebar-accent aria-[current=page]:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground data-[status=active]:bg-sidebar-accent data-[status=active]:text-sidebar-accent-foreground [&_svg]:shrink-0 [&>span:last-child]:truncate',\n variants: {\n variant: {\n default: 'hover:bg-sidebar-accent hover:text-sidebar-accent-foreground',\n outline:\n 'bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]',\n },\n size: {\n default: 'h-8 text-sm',\n sm: 'h-7 text-xs',\n lg: 'h-12 text-sm group-data-[collapsible=icon]:p-0!',\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'default',\n },\n});\n\ntype SidebarMenuButtonAsChild = ComponentProps<typeof ark.button>['asChild'];\n\nexport type SidebarMenuButtonProps = Omit<ComponentProps<'button'>, 'asChild'> &\n VariantProps<typeof sidebarMenuButtonVariants> & {\n asChild?: SidebarMenuButtonAsChild;\n isActive?: boolean;\n tooltip?: string \| ComponentProps<typeof TooltipContent>;\n };\n\ntype SidebarMenuButtonStyleProps = Pick<\n SidebarMenuButtonProps,\n 'size' \| 'isActive' \| 'variant' \| 'class'\n>;\n\ntype SidebarMenuButtonDataProps = {\n 'data-slot': 'sidebar-menu-button';\n 'data-sidebar': 'menu-button';\n 'data-size': 'sm' \| 'default' \| 'lg';\n 'data-active'?: true;\n class: string;\n};\n\nconst getTooltipContentProps = (\n tooltip: SidebarMenuButtonProps['tooltip'],\n): ComponentProps<typeof TooltipContent> =>\n typeof tooltip === 'string' \|\| !tooltip ? {} : tooltip;\n\nconst getTooltipChildren = (\n tooltip: SidebarMenuButtonProps['tooltip'],\n): ComponentProps<typeof TooltipContent>['children'] => {\n if (typeof tooltip === 'string') {\n return tooltip;\n }\n if (!tooltip) {\n return '';\n }\n return tooltip.children;\n};\n\nconst getSidebarMenuButtonDataProps = (\n local: SidebarMenuButtonStyleProps,\n): SidebarMenuButtonDataProps => ({\n 'data-slot': 'sidebar-menu-button',\n 'data-sidebar': 'menu-button',\n 'data-size': local.size ?? 'default',\n ...(local.isActive === true ? { 'data-active': true as const } : {}),\n class: sidebarMenuButtonVariants({\n variant: local.variant,\n size: local.size,\n class: local.class,\n }),\n});\n\nconst getSidebarMenuButtonAsChildProps = (\n asChild: SidebarMenuButtonProps['asChild'],\n): Pick<ComponentProps<typeof ark.button>, 'asChild'> => (asChild ? { asChild } : {});\n\nconst renderSidebarMenuButton = (\n asChild: SidebarMenuButtonProps['asChild'],\n props: ComponentProps<'button'>,\n children: SidebarMenuButtonProps['children'],\n): JSX.Element => (\n <ark.button {...props} {...getSidebarMenuButtonAsChildProps(asChild)}>\n {children}\n </ark.button>\n);\n\nexport const SidebarMenuButton: Component<SidebarMenuButtonProps> = (props) => {\n const [local, others] = splitProps(props, [\n 'asChild',\n 'children',\n 'isActive',\n 'variant',\n 'size',\n 'tooltip',\n 'class',\n ]);\n const { isMobile, state, side } = useSidebar();\n\n const tooltipPlacement = createMemo(() => (side() === 'left' ? 'right' : 'left'));\n const shouldUseTooltip = createMemo(\n () => Boolean(local.tooltip) && state() === 'collapsed' && !isMobile(),\n );\n const buttonDataProps = createMemo(() => getSidebarMenuButtonDataProps(local));\n\n return (\n <Show\n when={shouldUseTooltip()}\n fallback={renderSidebarMenuButton(\n local.asChild,\n { ...buttonDataProps(), ...others },\n local.children,\n )}\n >\n <Tooltip positioning={{ placement: tooltipPlacement() }} openDelay={100}>\n <TooltipTrigger\n asChild={(triggerProps) =>\n renderSidebarMenuButton(\n local.asChild,\n { ...triggerProps(), ...buttonDataProps(), ...others },\n local.children,\n )\n }\n />\n <Portal>\n <TooltipPositioner>\n <TooltipContent {...getTooltipContentProps(local.tooltip)}>\n <TooltipArrow />\n {getTooltipChildren(local.tooltip)}\n </TooltipContent>\n </TooltipPositioner>\n </Portal>\n </Tooltip>\n </Show>\n );\n};\n\nexport type SidebarMenuActionProps = ComponentProps<'button'> & {\n showOnHover?: boolean;\n};\n\nexport const SidebarMenuAction: Component<SidebarMenuActionProps> = (props) => {\n const [local, others] = splitProps(props, ['class', 'showOnHover']);\n return (\n <button\n data-slot='sidebar-menu-action'\n data-sidebar='menu-action'\n class={cn(\n 'top-1.5 right-1 w-5 p-0 peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 [&>svg]:size-4 after:-inset-2 md:after:hidden absolute flex aspect-square items-center justify-center rounded-md text-sidebar-foreground ring-sidebar-ring outline-hidden transition-transform group-data-[collapsible=icon]:hidden peer-hover/menu-button:text-sidebar-accent-foreground after:absolute hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:shrink-0',\n local.showOnHover === true &&\n 'md:opacity-0 group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 peer-data-active/menu-button:text-sidebar-accent-foreground data-open:opacity-100',\n local.class,\n )}\n {...others}\n />\n );\n};\n\nexport const SidebarMenuBadge: Component<ComponentProps<'div'>> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n return (\n <div\n data-slot='sidebar-menu-badge'\n data-sidebar='menu-badge'\n class={cn(\n 'right-1 h-5 min-w-5 px-1 text-xs font-medium peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 pointer-events-none absolute flex items-center justify-center rounded-md text-sidebar-foreground tabular-nums select-none group-data-[collapsible=icon]:hidden peer-hover/menu-button:text-sidebar-accent-foreground peer-data-active/menu-button:text-sidebar-accent-foreground',\n local.class,\n )}\n {...others}\n />\n );\n};\n\nexport type SidebarMenuSkeletonProps = ComponentProps<'div'> & {\n showIcon?: boolean;\n};\n\nexport const SidebarMenuSkeleton: Component<SidebarMenuSkeletonProps> = (props) => {\n const [local, others] = splitProps(props, ['class', 'showIcon']);\n\n const width = createMemo(\n () => `${Math.floor(Math.random() * RANDOM_WIDTH_RANGE) + RANDOM_WIDTH_BASE}%`,\n );\n\n return (\n <div\n data-slot='sidebar-menu-skeleton'\n data-sidebar='menu-skeleton'\n class={cn('h-8 gap-2 px-2 flex items-center rounded-md', local.class)}\n {...others}\n >\n <Show when={local.showIcon}>\n <Skeleton class='size-4 rounded-md' data-sidebar='menu-skeleton-icon' />\n </Show>\n <Skeleton\n class='h-4 max-w-(--skeleton-width) flex-1'\n data-sidebar='menu-skeleton-text'\n style={{\n '--skeleton-width': width(),\n }}\n />\n </div>\n );\n};\n\nexport const SidebarMenuSub: Component<ComponentProps<'ul'>> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n return (\n <ul\n data-slot='sidebar-menu-sub'\n data-sidebar='menu-sub'\n class={cn(\n 'mx-3.5 gap-1 px-2.5 py-0.5 min-w-0 flex translate-x-px flex-col border-l border-sidebar-border group-data-[collapsible=icon]:hidden',\n local.class,\n )}\n {...others}\n />\n );\n};\n\nexport const SidebarMenuSubItem: Component<ComponentProps<'li'>> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n return (\n <li\n data-slot='sidebar-menu-sub-item'\n data-sidebar='menu-sub-item'\n class={cn('group/menu-sub-item relative', local.class)}\n {...others}\n />\n );\n};\n\nexport type SidebarMenuSubButtonProps = ComponentProps<'a'> & {\n size?: 'sm' \| 'md';\n isActive?: boolean;\n};\n\nexport const SidebarMenuSubButton: Component<SidebarMenuSubButtonProps> = (props) => {\n const [local, others] = splitProps(props, ['class', 'size', 'isActive']);\n return (\n <a\n data-slot='sidebar-menu-sub-button'\n data-sidebar='menu-sub-button'\n data-size={local.size ?? 'md'}\n {...(local.isActive === true ? { 'data-active': true as const } : {})}\n class={cn(\n 'h-7 gap-2 px-2 data-[size=md]:text-sm data-[size=sm]:text-xs [&>svg]:size-4 min-w-0 flex -translate-x-px items-center overflow-hidden rounded-md text-sidebar-foreground ring-sidebar-ring outline-hidden group-data-[collapsible=icon]:hidden hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 aria-[current=page]:bg-sidebar-accent aria-[current=page]:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground data-[status=active]:bg-sidebar-accent data-[status=active]:text-sidebar-accent-foreground [&>span:last-child]:truncate [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground',\n local.class,\n )}\n {...others}\n />\n );\n};\n"],"mappings":"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"}

package/dist/components/sidebar/SidebarMobile.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SidebarMobile.js","names":["Component","Sheet","SheetCloseButton","SheetContent","SheetDescription","SheetHeader","SheetPositioner","SheetTitle","messages","SidebarProps","SIDEBAR_WIDTH_MOBILE","useSidebar","SidebarMobile","props","local","splitProps","openMobile","setOpenMobile","side","_$createComponent","open","onOpenChange","event","children","style","_el$","_tmpl$","_$insert","ui_sidebar_title","ui_sidebar_description","_el$2","_tmpl$2"],"sources":["../../../src/components/sidebar/SidebarMobile.tsx"],"sourcesContent":["import type { Component } from 'solid-js';\n\nimport {\n Sheet,\n SheetCloseButton,\n SheetContent,\n SheetDescription,\n SheetHeader,\n SheetPositioner,\n SheetTitle,\n} from '@/components/Sheet';\nimport * as messages from '@/paraglide/messages';\n\nimport type { SidebarProps } from './Sidebar';\n\nimport { SIDEBAR_WIDTH_MOBILE } from './constants';\nimport { useSidebar } from './context';\n\nexport const SidebarMobile: Component<SidebarProps> = (props) => {\n const [local] = splitProps(props, ['side', 'children']);\n const { openMobile, setOpenMobile } = useSidebar();\n const side = local.side ?? 'left';\n\n return (\n <Sheet\n open={openMobile()}\n onOpenChange={(event) => {\n setOpenMobile(event.open);\n }}\n >\n <SheetPositioner side={side}>\n <SheetContent\n side={side}\n data-sidebar='sidebar'\n data-slot='sidebar'\n data-mobile='true'\n class='p-0 w-(--sidebar-width) bg-sidebar text-sidebar-foreground'\n style={{\n '--sidebar-width': SIDEBAR_WIDTH_MOBILE,\n }}\n >\n <SheetCloseButton />\n <div class='sr-only'>\n <SheetHeader>\n <SheetTitle>{messages.ui_sidebar_title()}</SheetTitle>\n <SheetDescription>{messages.ui_sidebar_description()}</SheetDescription>\n </SheetHeader>\n </div>\n <div class='flex h-full w-full flex-col'>{local.children}</div>\n </SheetContent>\n </SheetPositioner>\n </Sheet>\n );\n};\n"],"mappings":";;;;;;;;wHAkBaY,KAA0CC,MAAU;CAC/D,IAAM,CAACC,KAASC,EAAWF,GAAO,CAAC,QAAQ,~~WAAW~~,CAAC,~~EACjD~~,EAAEG,eAAYC,qBAAkBN,~~GAAY~~,~~EAC5CO~~,IAAOJ,EAAMI,QAAQ;CAE3B,OAAAC,EACGlB,GAAK;EAAA,IACJmB,OAAI;GAAA,OAAEJ,~~GAAY;;~~EAClBK,eAAeC,MAAU;GACvBL,EAAcK,EAAMF,~~KAAK;;~~EAC1B,IAAAG,WAAA;GAAA,OAAAJ,EAEAb,GAAe;IAAOY;IAAI,IAAAK,WAAA;KAAA,OAAAJ,EACxBhB,GAAY;MACLe;MAAI,gBAAA;MAAA,aAAA;MAAA,eAAA;MAAA,OAAA;MAKVM,OAAO,EACL,mBAAmBd,~~GACpB~~;~~MAAA~~,IAAAa,WAAA;OAAA,OAAA;QAAAJ,EAEAjB,GAAgB,~~EAAA~~,CAAA;eAAA;SAAA,IAAAuB,IAAAC,~~GAAA~~;SAIuC,OAJvCC,EAAAF,GAAAN,EAEdd,GAAW,EAAA,IAAAkB,WAAA;UAAA,OAAA,CAAAJ,EACTZ,GAAU,EAAA,IAAAgB,WAAA;WAAA,OAAEf,~~GAA2B~~;~~aAAA~~,CAAA,~~EAAAW~~,EACvCf,GAAgB,EAAA,IAAAmB,WAAA;WAAA,OAAEf,~~GAAiC~~;~~aAAA~~,CAAA,CAAA;~~YAAA~~,CAAA,CAAA,~~EAAAiB~~;~~YAAA~~;eAAA;SAAA,IAAAK,IAAAC,~~GAAA~~;SAGA,OAHAJ,EAAAG,SAGdhB,EAAMS,~~SAAQ~~,~~EAAAO;;~~QAAA;;MAAA,CAAA;;IAAA,CAAA;;EAAA,CAAA"}
1	+ {"version":3,"file":"SidebarMobile.js","names":["Component","Sheet","SheetCloseButton","SheetContent","SheetDescription","SheetHeader","SheetPositioner","SheetTitle","messages","SidebarProps","SIDEBAR_WIDTH_MOBILE","useSidebar","SidebarMobile","props","local","splitProps","openMobile","setOpenMobile","side","_$createComponent","open","onOpenChange","event","children","style","_el$","_tmpl$","_$insert","ui_sidebar_title","ui_sidebar_description","_el$2","_tmpl$2"],"sources":["../../../src/components/sidebar/SidebarMobile.tsx"],"sourcesContent":["import type { Component } from 'solid-js';\n\nimport {\n Sheet,\n SheetCloseButton,\n SheetContent,\n SheetDescription,\n SheetHeader,\n SheetPositioner,\n SheetTitle,\n} from '@/components/Sheet';\nimport * as messages from '@/paraglide/messages';\n\nimport type { SidebarProps } from './Sidebar';\n\nimport { SIDEBAR_WIDTH_MOBILE } from './constants';\nimport { useSidebar } from './context';\n\nexport const SidebarMobile: Component<SidebarProps> = (props) => {\n const [local] = splitProps(props, ['side', 'children']);\n const { openMobile, setOpenMobile } = useSidebar();\n const side = local.side ?? 'left';\n\n return (\n <Sheet\n open={openMobile()}\n onOpenChange={(event) => {\n setOpenMobile(event.open);\n }}\n >\n <SheetPositioner side={side}>\n <SheetContent\n side={side}\n data-sidebar='sidebar'\n data-slot='sidebar'\n data-mobile='true'\n class='p-0 w-(--sidebar-width) bg-sidebar text-sidebar-foreground'\n style={{\n '--sidebar-width': SIDEBAR_WIDTH_MOBILE,\n }}\n >\n <SheetCloseButton />\n <div class='sr-only'>\n <SheetHeader>\n <SheetTitle>{messages.ui_sidebar_title()}</SheetTitle>\n <SheetDescription>{messages.ui_sidebar_description()}</SheetDescription>\n </SheetHeader>\n </div>\n <div class='flex h-full w-full flex-col'>{local.children}</div>\n </SheetContent>\n </SheetPositioner>\n </Sheet>\n );\n};\n"],"mappings":";;;;;;;;wHAkBaY,KAA0CC,MAAU;CAC/D,IAAM,CAACC,KAASC,EAAWF,GAAO,CAAC,QAAQ,UAAU,CAAC,GAChD,EAAEG,eAAYC,qBAAkBN,EAAW,GAC3CO,IAAOJ,EAAMI,QAAQ;CAE3B,OAAAC,EACGlB,GAAK;EAAA,IACJmB,OAAI;GAAA,OAAEJ,EAAW;EAAC;EAClBK,eAAeC,MAAU;GACvBL,EAAcK,EAAMF,IAAI;EAC1B;EAAC,IAAAG,WAAA;GAAA,OAAAJ,EAEAb,GAAe;IAAOY;IAAI,IAAAK,WAAA;KAAA,OAAAJ,EACxBhB,GAAY;MACLe;MAAI,gBAAA;MAAA,aAAA;MAAA,eAAA;MAAA,OAAA;MAKVM,OAAO,EACL,mBAAmBd,EACrB;MAAC,IAAAa,WAAA;OAAA,OAAA;QAAAJ,EAEAjB,GAAgB,CAAA,CAAA;eAAA;SAAA,IAAAuB,IAAAC,EAAA;SAIuC,OAJvCC,EAAAF,GAAAN,EAEdd,GAAW,EAAA,IAAAkB,WAAA;UAAA,OAAA,CAAAJ,EACTZ,GAAU,EAAA,IAAAgB,WAAA;WAAA,OAAEf,EAA0B;UAAC,EAAA,CAAA,GAAAW,EACvCf,GAAgB,EAAA,IAAAmB,WAAA;WAAA,OAAEf,EAAgC;UAAC,EAAA,CAAA,CAAA;SAAA,EAAA,CAAA,CAAA,GAAAiB;QAAA,GAAA;eAAA;SAAA,IAAAK,IAAAC,EAAA;SAGA,OAHAJ,EAAAG,SAGdhB,EAAMS,QAAQ,GAAAO;QAAA,GAAA;OAAA;MAAA;KAAA,CAAA;IAAA;GAAA,CAAA;EAAA;CAAA,CAAA;AAKlE"}

package/dist/components/sidebar/SidebarProvider.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { cn as e } from "../../node_modules/.bun/tailwind-variants@3.2.2_2349c4e1b625a44d/node_modules/tailwind-variants/dist/index.js";
+import { cn as e } from "../../node_modules/.bun/tailwind-variants@3.2.2_8d1ea3a475e79781/node_modules/tailwind-variants/dist/index.js";
 import { createMediaQuery as t } from "../../primitives/createMediaQuery.js";
 import { SidebarContext as n } from "./context.js";
 import "./constants.js";

package/dist/components/sidebar/SidebarProvider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SidebarProvider.js","names":["Component","ComponentProps","createSignal","onCleanup","onMount","splitProps","JSX","cn","createMediaQuery","SIDEBAR_KEYBOARD_SHORTCUT","SidebarContext","SidebarContextProps","setSidebarCookie","SidebarProviderProps","defaultOpen","open","onOpenChange","openValue","children","Element","SidebarLayoutProps","SidebarLayout","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","useSidebarState","isMobile","setMobileDisabled","value","openMobile","setOpenMobile","prev","setOpen","side","setSide","isViewportMobile","mobileDisabled","internalOpen","setInternalOpen","useSidebarEvents","stateSet","ReturnType","toggle","handleKeyDown","event","KeyboardEvent","key","metaKey","ctrlKey","preventDefault","globalThis","addEventListener","removeEventListener","createSidebarContextValue","state","toggleSidebar","SidebarProvider","_$createComponent","Provider"],"sources":["../../../src/components/sidebar/SidebarProvider.tsx"],"sourcesContent":["import {\n type Component,\n type ComponentProps,\n createSignal,\n onCleanup,\n onMount,\n splitProps,\n type JSX,\n} from 'solid-js';\nimport { cn } from 'tailwind-variants';\n\nimport { createMediaQuery } from '@/primitives/createMediaQuery';\n\nimport { SIDEBAR_KEYBOARD_SHORTCUT } from './constants';\nimport { SidebarContext, type SidebarContextProps } from './context';\nimport { setSidebarCookie } from './utils';\n\nexport type SidebarProviderProps = {\n defaultOpen?: boolean;\n open?: boolean;\n onOpenChange?: (openValue: boolean) => void;\n children?: JSX.Element;\n};\n\nexport type SidebarLayoutProps = ComponentProps<'div'>;\n\nexport const SidebarLayout: Component<SidebarLayoutProps> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n return (\n <div\n data-slot='sidebar-wrapper'\n class={cn(\n 'relative flex h-full min-h-full w-full has-data-[variant=inset]:bg-sidebar',\n local.class,\n )}\n {...others}\n />\n );\n};\n\nconst useSidebarState = (\n props: SidebarProviderProps,\n): {\n isMobile: () => boolean;\n setMobileDisabled: (value: boolean) => void;\n openMobile: () => boolean;\n setOpenMobile: (value: boolean \| ((prev: boolean) => boolean)) => void;\n open: () => boolean;\n setOpen: (value: boolean) => void;\n side: () => 'left' \| 'right';\n setSide: (value: 'left' \| 'right') => void;\n} => {\n const isViewportMobile = createMediaQuery('(max-width: 768px)');\n const [mobileDisabled, setMobileDisabled] = createSignal(false);\n const isMobile = (): boolean => isViewportMobile() && !mobileDisabled();\n const [openMobile, setOpenMobile] = createSignal(false);\n const [internalOpen, setInternalOpen] = createSignal(props.defaultOpen ?? true);\n const [side, setSide] = createSignal<'left' \| 'right'>('left');\n\n const open = (): boolean => (typeof props.open === 'boolean' ? props.open : internalOpen());\n\n const setOpen = (value: boolean): void => {\n if (props.onOpenChange) {\n props.onOpenChange(value);\n } else {\n setInternalOpen(value);\n }\n setSidebarCookie(value);\n };\n\n return {\n isMobile,\n setMobileDisabled: (value) => {\n setMobileDisabled(value);\n },\n openMobile,\n setOpenMobile: (value) => {\n setOpenMobile(value);\n },\n open,\n setOpen,\n side,\n setSide: (value) => {\n setSide(value);\n },\n };\n};\nconst useSidebarEvents = (stateSet: ReturnType<typeof useSidebarState>): { toggle: () => void } => {\n const toggle = (): void => {\n if (stateSet.isMobile()) {\n stateSet.setOpenMobile((prev) => !prev);\n } else {\n stateSet.setOpen(!stateSet.open());\n }\n };\n\n onMount(() => {\n const handleKeyDown = (event: KeyboardEvent): void => {\n if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey \|\| event.ctrlKey)) {\n event.preventDefault();\n toggle();\n }\n };\n globalThis.addEventListener('keydown', handleKeyDown);\n onCleanup(() => {\n globalThis.removeEventListener('keydown', handleKeyDown);\n });\n });\n\n return { toggle };\n};\n\nconst createSidebarContextValue = (\n stateSet: ReturnType<typeof useSidebarState>,\n toggle: () => void,\n): SidebarContextProps => ({\n state: (): 'expanded' \| 'collapsed' => (stateSet.open() ? 'expanded' : 'collapsed'),\n open: stateSet.open,\n setOpen: stateSet.setOpen,\n isMobile: stateSet.isMobile,\n setMobileDisabled: stateSet.setMobileDisabled,\n openMobile: stateSet.openMobile,\n setOpenMobile: stateSet.setOpenMobile,\n toggleSidebar: toggle,\n side: stateSet.side,\n setSide: stateSet.setSide,\n});\n\nexport const SidebarProvider: Component<SidebarProviderProps> = (props) => {\n const stateSet = useSidebarState(props);\n const { toggle } = useSidebarEvents(stateSet);\n\n return (\n <SidebarContext.Provider value={createSidebarContextValue(stateSet, toggle)}>\n {props.children}\n </SidebarContext.Provider>\n );\n};\n"],"mappings":";;;;;;;;8DA0BaqB,KAAgDC,MAAU;CACrE,IAAM,CAACC,GAAOC,KAAUnB,EAAWiB,GAAO,CAAC,~~QAAQ~~,CAAC;~~CACpD~~,cAAA;EAAA,IAAAG,IAAAC,~~GAAA~~;EAOc,OAPdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;GAAA,OAGWrB,EACL,8EACAgB,EAAMM,~~MACP~~;~~KAAA~~,~~EACGL~~,~~EAAM~~,~~EAAA~~,IAAA,~~GAAA~~,~~EAAAC~~;~~KAAA~~;~~GAKVK~~,KACJR,MAUG;CACH,IAAMkB,IAAmBhC,EAAiB,~~qBAAqB~~,~~EACzD~~,CAACiC,GAAgBT,KAAqB9B,EAAa,~~GAAM~~,~~EACzD6B~~,UAA0BS,~~GAAkB~~,~~IAAI~~,CAACC,~~GAAgB~~,~~EACjE~~,CAACP,GAAYC,KAAiBjC,EAAa,~~GAAM~~,~~EACjD~~,CAACwC,GAAcC,KAAmBzC,EAAaoB,EAAMR,eAAe,~~GAAK~~,~~EACzE~~,CAACwB,GAAMC,KAAWrC,EAA+B,~~OAAO~~;~~CAa9D~~,OAAO;EACL6B;EACAC,oBAAoBC,MAAU;GAC5BD,EAAkBC,~~EAAM;;EAE1BC~~;EACAC,gBAAgBF,MAAU;GACxBE,EAAcF,~~EAAM;;EAEtBlB~~,YApB2B,OAAOO,EAAMP,QAAS,YAAYO,EAAMP,OAAO2B,~~GAAe~~;~~EAqBzFL~~,UAnBeJ,MAAyB;GAMxCrB,AALIU,EAAMN,eACRM,EAAMN,aAAaiB,~~EAAM~~,~~GAEzBU~~,EAAgBV,~~EAAM~~,~~EAExBrB~~,EAAiBqB,~~EAAM;;EAcvBK~~;EACAC,UAAUN,MAAU;GAClBM,EAAQN,~~EAAM;;EAEjB~~;~~GAEGW~~,KAAoBC,MAAyE;CACjG,IAAME,UAAqB;EACzB,AAAIF,EAASd,~~UAAU~~,~~GACrBc~~,EAASV,eAAeC,MAAS,CAACA,~~EAAK~~,~~GAEvCS~~,EAASR,QAAQ,CAACQ,EAAS9B,~~MAAM~~,CAAC~~;;CAiBtC~~,OAbAX,QAAc;EACZ,IAAM4C,KAAiBC,MAA+B;GACpD,AAAIA,EAAME,QAAAA,QAAsCF,EAAMG,WAAWH,EAAMI,aACrEJ,EAAMK,~~gBAAgB~~,~~EACtBP~~,~~GAAQ;;EAIZ5C~~,AADAoD,WAAWC,iBAAiB,WAAWR,~~EAAc~~,~~EACrD7C~~,QAAgB;GACdoD,WAAWE,oBAAoB,WAAWT,~~EAAc~~;~~IACxD~~;~~GACF~~,~~EAEK~~,EAAED,~~WAAQ~~;~~GAGbW~~,KACJb,GACAE,OACyB;CACzBY,aAAwCd,EAAS9B,~~MAAM~~,~~GAAG~~,aAAa;CACvEA,MAAM8B,EAAS9B;CACfsB,SAASQ,EAASR;CAClBN,UAAUc,EAASd;CACnBC,mBAAmBa,EAASb;CAC5BE,YAAYW,EAASX;CACrBC,eAAeU,EAASV;CACxByB,eAAeb;CACfT,MAAMO,EAASP;CACfC,SAASM,EAASN;~~CACnB~~,~~GAEYsB~~,KAAoDvC,MAAU;CACzE,IAAMuB,IAAWf,EAAgBR,~~EAAM~~,~~EACjC~~,EAAEyB,cAAWH,EAAiBC,~~EAAS~~;~~CAE7C~~,OAAAiB,EACGpD,EAAeqD,UAAQ;EAAA,IAAC9B,QAAK;GAAA,OAAEyB,EAA0Bb,GAAUE,~~EAAO;;~~EAAA,IAAA7B,WAAA;GAAA,OACxEI,EAAMJ;;EAAQ,CAAA"}
1	+ {"version":3,"file":"SidebarProvider.js","names":["Component","ComponentProps","createSignal","onCleanup","onMount","splitProps","JSX","cn","createMediaQuery","SIDEBAR_KEYBOARD_SHORTCUT","SidebarContext","SidebarContextProps","setSidebarCookie","SidebarProviderProps","defaultOpen","open","onOpenChange","openValue","children","Element","SidebarLayoutProps","SidebarLayout","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","useSidebarState","isMobile","setMobileDisabled","value","openMobile","setOpenMobile","prev","setOpen","side","setSide","isViewportMobile","mobileDisabled","internalOpen","setInternalOpen","useSidebarEvents","stateSet","ReturnType","toggle","handleKeyDown","event","KeyboardEvent","key","metaKey","ctrlKey","preventDefault","globalThis","addEventListener","removeEventListener","createSidebarContextValue","state","toggleSidebar","SidebarProvider","_$createComponent","Provider"],"sources":["../../../src/components/sidebar/SidebarProvider.tsx"],"sourcesContent":["import {\n type Component,\n type ComponentProps,\n createSignal,\n onCleanup,\n onMount,\n splitProps,\n type JSX,\n} from 'solid-js';\nimport { cn } from 'tailwind-variants';\n\nimport { createMediaQuery } from '@/primitives/createMediaQuery';\n\nimport { SIDEBAR_KEYBOARD_SHORTCUT } from './constants';\nimport { SidebarContext, type SidebarContextProps } from './context';\nimport { setSidebarCookie } from './utils';\n\nexport type SidebarProviderProps = {\n defaultOpen?: boolean;\n open?: boolean;\n onOpenChange?: (openValue: boolean) => void;\n children?: JSX.Element;\n};\n\nexport type SidebarLayoutProps = ComponentProps<'div'>;\n\nexport const SidebarLayout: Component<SidebarLayoutProps> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n return (\n <div\n data-slot='sidebar-wrapper'\n class={cn(\n 'relative flex h-full min-h-full w-full has-data-[variant=inset]:bg-sidebar',\n local.class,\n )}\n {...others}\n />\n );\n};\n\nconst useSidebarState = (\n props: SidebarProviderProps,\n): {\n isMobile: () => boolean;\n setMobileDisabled: (value: boolean) => void;\n openMobile: () => boolean;\n setOpenMobile: (value: boolean \| ((prev: boolean) => boolean)) => void;\n open: () => boolean;\n setOpen: (value: boolean) => void;\n side: () => 'left' \| 'right';\n setSide: (value: 'left' \| 'right') => void;\n} => {\n const isViewportMobile = createMediaQuery('(max-width: 768px)');\n const [mobileDisabled, setMobileDisabled] = createSignal(false);\n const isMobile = (): boolean => isViewportMobile() && !mobileDisabled();\n const [openMobile, setOpenMobile] = createSignal(false);\n const [internalOpen, setInternalOpen] = createSignal(props.defaultOpen ?? true);\n const [side, setSide] = createSignal<'left' \| 'right'>('left');\n\n const open = (): boolean => (typeof props.open === 'boolean' ? props.open : internalOpen());\n\n const setOpen = (value: boolean): void => {\n if (props.onOpenChange) {\n props.onOpenChange(value);\n } else {\n setInternalOpen(value);\n }\n setSidebarCookie(value);\n };\n\n return {\n isMobile,\n setMobileDisabled: (value) => {\n setMobileDisabled(value);\n },\n openMobile,\n setOpenMobile: (value) => {\n setOpenMobile(value);\n },\n open,\n setOpen,\n side,\n setSide: (value) => {\n setSide(value);\n },\n };\n};\nconst useSidebarEvents = (stateSet: ReturnType<typeof useSidebarState>): { toggle: () => void } => {\n const toggle = (): void => {\n if (stateSet.isMobile()) {\n stateSet.setOpenMobile((prev) => !prev);\n } else {\n stateSet.setOpen(!stateSet.open());\n }\n };\n\n onMount(() => {\n const handleKeyDown = (event: KeyboardEvent): void => {\n if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey \|\| event.ctrlKey)) {\n event.preventDefault();\n toggle();\n }\n };\n globalThis.addEventListener('keydown', handleKeyDown);\n onCleanup(() => {\n globalThis.removeEventListener('keydown', handleKeyDown);\n });\n });\n\n return { toggle };\n};\n\nconst createSidebarContextValue = (\n stateSet: ReturnType<typeof useSidebarState>,\n toggle: () => void,\n): SidebarContextProps => ({\n state: (): 'expanded' \| 'collapsed' => (stateSet.open() ? 'expanded' : 'collapsed'),\n open: stateSet.open,\n setOpen: stateSet.setOpen,\n isMobile: stateSet.isMobile,\n setMobileDisabled: stateSet.setMobileDisabled,\n openMobile: stateSet.openMobile,\n setOpenMobile: stateSet.setOpenMobile,\n toggleSidebar: toggle,\n side: stateSet.side,\n setSide: stateSet.setSide,\n});\n\nexport const SidebarProvider: Component<SidebarProviderProps> = (props) => {\n const stateSet = useSidebarState(props);\n const { toggle } = useSidebarEvents(stateSet);\n\n return (\n <SidebarContext.Provider value={createSidebarContextValue(stateSet, toggle)}>\n {props.children}\n </SidebarContext.Provider>\n );\n};\n"],"mappings":";;;;;;;;8DA0BaqB,KAAgDC,MAAU;CACrE,IAAM,CAACC,GAAOC,KAAUnB,EAAWiB,GAAO,CAAC,OAAO,CAAC;CACnD,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAOc,OAPdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;GAAA,OAGWrB,EACL,8EACAgB,EAAMM,KACR;EAAC,EAAA,GACGL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,GAAA;AAGhB,GAEMK,KACJR,MAUG;CACH,IAAMkB,IAAmBhC,EAAiB,oBAAoB,GACxD,CAACiC,GAAgBT,KAAqB9B,EAAa,EAAK,GACxD6B,UAA0BS,EAAiB,KAAK,CAACC,EAAe,GAChE,CAACP,GAAYC,KAAiBjC,EAAa,EAAK,GAChD,CAACwC,GAAcC,KAAmBzC,EAAaoB,EAAMR,eAAe,EAAI,GACxE,CAACwB,GAAMC,KAAWrC,EAA+B,MAAM;CAa7D,OAAO;EACL6B;EACAC,oBAAoBC,MAAU;GAC5BD,EAAkBC,CAAK;EACzB;EACAC;EACAC,gBAAgBF,MAAU;GACxBE,EAAcF,CAAK;EACrB;EACAlB,YApB2B,OAAOO,EAAMP,QAAS,YAAYO,EAAMP,OAAO2B,EAAa;EAqBvFL,UAnBeJ,MAAyB;GAMxCrB,AALIU,EAAMN,eACRM,EAAMN,aAAaiB,CAAK,IAExBU,EAAgBV,CAAK,GAEvBrB,EAAiBqB,CAAK;EACxB;EAaEK;EACAC,UAAUN,MAAU;GAClBM,EAAQN,CAAK;EACf;CACF;AACF,GACMW,KAAoBC,MAAyE;CACjG,IAAME,UAAqB;EACzB,AAAIF,EAASd,SAAS,IACpBc,EAASV,eAAeC,MAAS,CAACA,CAAI,IAEtCS,EAASR,QAAQ,CAACQ,EAAS9B,KAAK,CAAC;CAErC;CAeA,OAbAX,QAAc;EACZ,IAAM4C,KAAiBC,MAA+B;GACpD,AAAIA,EAAME,QAAAA,QAAsCF,EAAMG,WAAWH,EAAMI,aACrEJ,EAAMK,eAAe,GACrBP,EAAO;EAEX;EAEA5C,AADAoD,WAAWC,iBAAiB,WAAWR,CAAa,GACpD7C,QAAgB;GACdoD,WAAWE,oBAAoB,WAAWT,CAAa;EACzD,CAAC;CACH,CAAC,GAEM,EAAED,UAAO;AAClB,GAEMW,KACJb,GACAE,OACyB;CACzBY,aAAwCd,EAAS9B,KAAK,IAAI,aAAa;CACvEA,MAAM8B,EAAS9B;CACfsB,SAASQ,EAASR;CAClBN,UAAUc,EAASd;CACnBC,mBAAmBa,EAASb;CAC5BE,YAAYW,EAASX;CACrBC,eAAeU,EAASV;CACxByB,eAAeb;CACfT,MAAMO,EAASP;CACfC,SAASM,EAASN;AACpB,IAEasB,KAAoDvC,MAAU;CACzE,IAAMuB,IAAWf,EAAgBR,CAAK,GAChC,EAAEyB,cAAWH,EAAiBC,CAAQ;CAE5C,OAAAiB,EACGpD,EAAeqD,UAAQ;EAAA,IAAC9B,QAAK;GAAA,OAAEyB,EAA0Bb,GAAUE,CAAM;EAAC;EAAA,IAAA7B,WAAA;GAAA,OACxEI,EAAMJ;EAAQ;CAAA,CAAA;AAGrB"}

package/dist/components/sidebar/SidebarSubComponents.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { cn as e } from "../../node_modules/.bun/tailwind-variants@3.2.2_2349c4e1b625a44d/node_modules/tailwind-variants/dist/index.js";
+import { cn as e } from "../../node_modules/.bun/tailwind-variants@3.2.2_8d1ea3a475e79781/node_modules/tailwind-variants/dist/index.js";
 import { Separator as t } from "../Separator.js";
 import { ui_sidebar_toggle as n } from "../../paraglide/messages/ui_sidebar_toggle.js";
 import { Button as r } from "../Button.js";