npm - @manafishrov/ui - Versions diffs - 1.5.7 → 1.5.9 - Mend

@manafishrov/ui 1.5.7 → 1.5.9

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 (1656) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PasswordInputField.js","names":["Component","ComponentProps","JSXElement","Field","FieldLabel","FieldContent","FieldError","FieldDescription","PasswordInput","PasswordInputControl","PasswordInputInput","PasswordInputVisibilityTrigger","PasswordInputIndicator","useFieldContext","WithTrailingAddon","PasswordInputFieldProps","label","description","showVisibilityTrigger","trailingAddon","PASSWORD_INPUT_FIELD_PROPS","const","PasswordInputFieldLocalProps","Pick","PasswordInputFieldControl","field","ReturnType","local","others","Omit","props","_$createComponent","addon","children","invalid","state","meta","errors","length","disabled","readOnly","required","_$mergeProps","value","onInput","event","handleChange","target","onBlur","handleBlur","_$Show","when","PasswordInputField","splitProps"],"sources":["../../../src/components/form/PasswordInputField.tsx"],"sourcesContent":["import type { Component, ComponentProps, JSXElement } from 'solid-js';\n\nimport { Field, FieldLabel, FieldContent, FieldError, FieldDescription } from '@/components/Field';\nimport {\n PasswordInput,\n PasswordInputControl,\n PasswordInputInput,\n PasswordInputVisibilityTrigger,\n PasswordInputIndicator,\n} from '@/components/PasswordInput';\n\nimport { useFieldContext } from './context';\nimport { WithTrailingAddon } from './WithTrailingAddon';\n\nexport type PasswordInputFieldProps = ComponentProps<typeof PasswordInputInput> & {\n label?: string;\n description?: string;\n showVisibilityTrigger?: boolean;\n trailingAddon?: JSXElement;\n};\n\nconst PASSWORD_INPUT_FIELD_PROPS = [\n 'label',\n 'description',\n 'required',\n 'disabled',\n 'readOnly',\n 'showVisibilityTrigger',\n 'trailingAddon',\n] as const;\n\ntype PasswordInputFieldLocalProps = Pick<\n PasswordInputFieldProps,\n (typeof PASSWORD_INPUT_FIELD_PROPS)[number]\n>;\n\nconst PasswordInputFieldControl: Component<{\n field: ReturnType<typeof useFieldContext<string>>;\n local: PasswordInputFieldLocalProps;\n others: Omit<PasswordInputFieldProps, keyof PasswordInputFieldLocalProps>;\n}> = (props) => (\n <WithTrailingAddon addon={props.local.trailingAddon}>\n <PasswordInput\n invalid={props.field().state.meta.errors.length > 0}\n disabled={props.local.disabled ?? false}\n readOnly={props.local.readOnly ?? false}\n required={props.local.required ?? false}\n >\n <PasswordInputControl>\n <PasswordInputInput\n value={props.field().state.value}\n onInput={(event) => {\n props.field().handleChange(event.target.value);\n }}\n onBlur={() => {\n props.field().handleBlur();\n }}\n {...props.others}\n />\n <Show when={props.local.showVisibilityTrigger !== false}>\n <PasswordInputVisibilityTrigger>\n <PasswordInputIndicator />\n </PasswordInputVisibilityTrigger>\n </Show>\n </PasswordInputControl>\n </PasswordInput>\n </WithTrailingAddon>\n);\n\nexport const PasswordInputField: Component<PasswordInputFieldProps> = (props) => {\n const field = useFieldContext<string>();\n const [local, others] = splitProps(props, PASSWORD_INPUT_FIELD_PROPS);\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 <FieldLabel>{local.label}</FieldLabel>\n <FieldContent>\n <PasswordInputFieldControl field={field} local={local} others={others} />\n <FieldError errors={field().state.meta.errors} />\n <FieldDescription>{local.description}</FieldDescription>\n </FieldContent>\n </Field>\n );\n};\n"],"mappings":";;;;;;;AAqBA,IAAMoB,IAA6B;CACjC;CACA;CACA;CACA;CACA;CACA;CACA;AAAe,GAQXI,KAIAM,MAAKC,EACRjB,GAAiB;CAAA,IAACkB,QAAK;EAAA,OAAEF,EAAMH,MAAMR;CAAa;CAAA,IAAAc,WAAA;EAAA,OAAAF,EAChDvB,GAAa;GAAA,IACZ0B,UAAO;IAAA,OAAEJ,EAAML,MAAM,~~EAAEU~~,MAAMC,KAAKC,OAAOC,SAAS;GAAC;GAAA,IACnDC,WAAQ;IAAA,OAAET,EAAMH,MAAMY,YAAY;GAAK;GAAA,IACvCC,WAAQ;IAAA,OAAEV,EAAMH,MAAMa,YAAY;GAAK;GAAA,IACvCC,WAAQ;IAAA,OAAEX,EAAMH,MAAMc,YAAY;GAAK;GAAA,IAAAR,WAAA;IAAA,OAAAF,EAEtCtB,GAAoB,EAAA,IAAAwB,WAAA;KAAA,OAAA,CAAAF,EAClBrB,GAAkBgC,EAAA;MAAA,IACjBC,QAAK;OAAA,OAAEb,EAAML,MAAM,~~EAAEU~~,MAAMQ;MAAK;MAChCC,UAAUC,MAAU;OAClBf,EAAML,MAAM,~~EAAEqB~~,aAAaD,EAAME,OAAOJ,KAAK;MAC/C;MACAK,cAAc;OACZlB,EAAML,MAAM,~~EAAEwB~~,WAAW;MAC3B;KAAC,SACGnB,EAAMF,MAAM,CAAA,GAAAG,EAEjBmB,GAAI;MAAA,IAACC,OAAI;OAAA,OAAErB,EAAMH,MAAMT,0BAA0B;MAAK;MAAA,IAAAe,WAAA;OAAA,OAAAF,EACpDpB,GAA8B,EAAA,IAAAsB,WAAA;QAAA,OAAAF,EAC5BnB,GAAsB,CAAA,CAAA;OAAA,EAAA,CAAA;MAAA;KAAA,CAAA,CAAA;IAAA,EAAA,CAAA;GAAA;EAAA,CAAA;CAAA;AAAA,CAAA,GAQtBwC,KAA0DtB,MAAU;CAC/E,IAAML,IAAQZ,EAAwB,GAChC,CAACc,GAAOC,KAAUyB,EAAWvB,GAAOV,CAA0B;CAEpE,OAAAW,EACG5B,GAAK;EAAA,IACJ+B,UAAO;GAAA,OAAET,EAAM,~~EAAEU~~,MAAMC,KAAKC,OAAOC,SAAS;EAAC;EAAA,IAC7CG,WAAQ;GAAA,OAAEd,EAAMc,YAAY;EAAK;EAAA,IACjCF,WAAQ;GAAA,OAAEZ,EAAMY,YAAY;EAAK;EAAA,IACjCC,WAAQ;GAAA,OAAEb,EAAMa,YAAY;EAAK;EAAA,IAAAP,WAAA;GAAA,OAAA,CAAAF,EAEhC3B,GAAU,EAAA,IAAA6B,WAAA;IAAA,OAAEN,EAAMX;GAAK,EAAA,CAAA,GAAAe,EACvB1B,GAAY,EAAA,IAAA4B,WAAA;IAAA,OAAA;KAAAF,EACVP,GAAyB;MAAQC;MAAcE;MAAeC;KAAM,CAAA;KAAAG,EACpEzB,GAAU,EAAA,IAAC+B,SAAM;MAAA,OAAEZ,EAAM,~~EAAEU~~,MAAMC,KAAKC;KAAM,EAAA,CAAA;KAAAN,EAC5CxB,GAAgB,EAAA,IAAA0B,WAAA;MAAA,OAAEN,EAAMV;KAAW,EAAA,CAAA;IAAA;GAAA,EAAA,CAAA,CAAA;EAAA;CAAA,CAAA;AAI5C"}
1	+ {"version":3,"file":"PasswordInputField.js","names":["Component","ComponentProps","JSXElement","Field","FieldLabel","FieldContent","FieldError","FieldDescription","PasswordInput","PasswordInputControl","PasswordInputInput","PasswordInputVisibilityTrigger","PasswordInputIndicator","useFieldContext","WithTrailingAddon","PasswordInputFieldProps","label","description","showVisibilityTrigger","trailingAddon","PASSWORD_INPUT_FIELD_PROPS","const","PasswordInputFieldLocalProps","Pick","PasswordInputFieldControl","field","ReturnType","local","others","Omit","props","_$createComponent","addon","children","invalid","state","meta","errors","length","disabled","readOnly","required","_$mergeProps","value","onInput","event","handleChange","target","onBlur","handleBlur","_$Show","when","PasswordInputField","splitProps"],"sources":["../../../src/components/form/PasswordInputField.tsx"],"sourcesContent":["import type { Component, ComponentProps, JSXElement } from 'solid-js';\n\nimport { Field, FieldLabel, FieldContent, FieldError, FieldDescription } from '@/components/Field';\nimport {\n PasswordInput,\n PasswordInputControl,\n PasswordInputInput,\n PasswordInputVisibilityTrigger,\n PasswordInputIndicator,\n} from '@/components/PasswordInput';\n\nimport { useFieldContext } from './context';\nimport { WithTrailingAddon } from './WithTrailingAddon';\n\nexport type PasswordInputFieldProps = ComponentProps<typeof PasswordInputInput> & {\n label?: string;\n description?: string;\n showVisibilityTrigger?: boolean;\n trailingAddon?: JSXElement;\n};\n\nconst PASSWORD_INPUT_FIELD_PROPS = [\n 'label',\n 'description',\n 'required',\n 'disabled',\n 'readOnly',\n 'showVisibilityTrigger',\n 'trailingAddon',\n] as const;\n\ntype PasswordInputFieldLocalProps = Pick<\n PasswordInputFieldProps,\n (typeof PASSWORD_INPUT_FIELD_PROPS)[number]\n>;\n\nconst PasswordInputFieldControl: Component<{\n field: ReturnType<typeof useFieldContext<string>>;\n local: PasswordInputFieldLocalProps;\n others: Omit<PasswordInputFieldProps, keyof PasswordInputFieldLocalProps>;\n}> = (props) => (\n <WithTrailingAddon addon={props.local.trailingAddon}>\n <PasswordInput\n invalid={props.field().state.meta.errors.length > 0}\n disabled={props.local.disabled ?? false}\n readOnly={props.local.readOnly ?? false}\n required={props.local.required ?? false}\n >\n <PasswordInputControl>\n <PasswordInputInput\n value={props.field().state.value}\n onInput={(event) => {\n props.field().handleChange(event.target.value);\n }}\n onBlur={() => {\n props.field().handleBlur();\n }}\n {...props.others}\n />\n <Show when={props.local.showVisibilityTrigger !== false}>\n <PasswordInputVisibilityTrigger>\n <PasswordInputIndicator />\n </PasswordInputVisibilityTrigger>\n </Show>\n </PasswordInputControl>\n </PasswordInput>\n </WithTrailingAddon>\n);\n\nexport const PasswordInputField: Component<PasswordInputFieldProps> = (props) => {\n const field = useFieldContext<string>();\n const [local, others] = splitProps(props, PASSWORD_INPUT_FIELD_PROPS);\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 <FieldLabel>{local.label}</FieldLabel>\n <FieldContent>\n <PasswordInputFieldControl field={field} local={local} others={others} />\n <FieldError errors={field().state.meta.errors} />\n <FieldDescription>{local.description}</FieldDescription>\n </FieldContent>\n </Field>\n );\n};\n"],"mappings":";;;;;;;AAqBA,IAAMoB,IAA6B;CACjC;CACA;CACA;CACA;CACA;CACA;CACA;AAAe,GAQXI,KAIAM,MAAKC,EACRjB,GAAiB;CAAA,IAACkB,QAAK;EAAA,OAAEF,EAAMH,MAAMR;CAAa;CAAA,IAAAc,WAAA;EAAA,OAAAF,EAChDvB,GAAa;GAAA,IACZ0B,UAAO;IAAA,OAAEJ,EAAML,MAAM,CAAC,CAACU,MAAMC,KAAKC,OAAOC,SAAS;GAAC;GAAA,IACnDC,WAAQ;IAAA,OAAET,EAAMH,MAAMY,YAAY;GAAK;GAAA,IACvCC,WAAQ;IAAA,OAAEV,EAAMH,MAAMa,YAAY;GAAK;GAAA,IACvCC,WAAQ;IAAA,OAAEX,EAAMH,MAAMc,YAAY;GAAK;GAAA,IAAAR,WAAA;IAAA,OAAAF,EAEtCtB,GAAoB,EAAA,IAAAwB,WAAA;KAAA,OAAA,CAAAF,EAClBrB,GAAkBgC,EAAA;MAAA,IACjBC,QAAK;OAAA,OAAEb,EAAML,MAAM,CAAC,CAACU,MAAMQ;MAAK;MAChCC,UAAUC,MAAU;OAClBf,EAAML,MAAM,CAAC,CAACqB,aAAaD,EAAME,OAAOJ,KAAK;MAC/C;MACAK,cAAc;OACZlB,EAAML,MAAM,CAAC,CAACwB,WAAW;MAC3B;KAAC,SACGnB,EAAMF,MAAM,CAAA,GAAAG,EAEjBmB,GAAI;MAAA,IAACC,OAAI;OAAA,OAAErB,EAAMH,MAAMT,0BAA0B;MAAK;MAAA,IAAAe,WAAA;OAAA,OAAAF,EACpDpB,GAA8B,EAAA,IAAAsB,WAAA;QAAA,OAAAF,EAC5BnB,GAAsB,CAAA,CAAA;OAAA,EAAA,CAAA;MAAA;KAAA,CAAA,CAAA;IAAA,EAAA,CAAA;GAAA;EAAA,CAAA;CAAA;AAAA,CAAA,GAQtBwC,KAA0DtB,MAAU;CAC/E,IAAML,IAAQZ,EAAwB,GAChC,CAACc,GAAOC,KAAUyB,EAAWvB,GAAOV,CAA0B;CAEpE,OAAAW,EACG5B,GAAK;EAAA,IACJ+B,UAAO;GAAA,OAAET,EAAM,CAAC,CAACU,MAAMC,KAAKC,OAAOC,SAAS;EAAC;EAAA,IAC7CG,WAAQ;GAAA,OAAEd,EAAMc,YAAY;EAAK;EAAA,IACjCF,WAAQ;GAAA,OAAEZ,EAAMY,YAAY;EAAK;EAAA,IACjCC,WAAQ;GAAA,OAAEb,EAAMa,YAAY;EAAK;EAAA,IAAAP,WAAA;GAAA,OAAA,CAAAF,EAEhC3B,GAAU,EAAA,IAAA6B,WAAA;IAAA,OAAEN,EAAMX;GAAK,EAAA,CAAA,GAAAe,EACvB1B,GAAY,EAAA,IAAA4B,WAAA;IAAA,OAAA;KAAAF,EACVP,GAAyB;MAAQC;MAAcE;MAAeC;KAAM,CAAA;KAAAG,EACpEzB,GAAU,EAAA,IAAC+B,SAAM;MAAA,OAAEZ,EAAM,CAAC,CAACU,MAAMC,KAAKC;KAAM,EAAA,CAAA;KAAAN,EAC5CxB,GAAgB,EAAA,IAAA0B,WAAA;MAAA,OAAEN,EAAMV;KAAW,EAAA,CAAA;IAAA;GAAA,EAAA,CAAA,CAAA;EAAA;CAAA,CAAA;AAI5C"}

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;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"}
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,CAAC,CAACM,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,CAAC,CAACM,MAAMQ;QAAK;QAC1BC,gBAAgBC,MAAY;SAC1BhB,EAAM,CAAC,CAACiB,aAAaD,EAAQF,KAAK;QACpC;QACAI,cAAc;SACZlB,EAAM,CAAC,CAACmB,WAAW;QACrB;QAAC,IACDd,UAAO;SAAA,OAAEL,EAAM,CAAC,CAACM,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,CAAC,CAACM,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,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"}
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,CAAC,CAACM,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,CAAC,CAACM,MAAMU;QAAK;QAC1BC,gBAAgBC,MAAY;SAC1BlB,EAAM,CAAC,CAACmB,aAAaD,EAAQF,SAAS,EAAE;QAC1C;QACAI,cAAc;SACZpB,EAAM,CAAC,CAACqB,WAAW;QACrB;QAAC,IACDhB,UAAO;SAAA,OAAEL,EAAM,CAAC,CAACM,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,CAAC,CAACM,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;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"}
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,CAAC,CAACK,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,CAAC,CAACK,MAAMS;QAAK;QAC1BC,gBAAgBC,MAAY;SAC1BhB,EAAM,CAAC,CAACiB,aAAaD,EAAQF,KAAK;QACpC;QACAI,cAAc;SACZlB,EAAM,CAAC,CAACmB,WAAW;QACrB;QAAC,IACDf,UAAO;SAAA,OAAEJ,EAAM,CAAC,CAACK,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,CAAC,CAACK,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 CHANGED Viewed

@@ -5,7 +5,7 @@ import { Slider as a, SliderControl as o, SliderLabel as s, SliderMarker as c, S
 import { For as m, createComponent as h, insert as g, memo as _, mergeProps as v, template as y } from "solid-js/web";
 import { splitProps as b } from "solid-js";
 //#region src/components/form/SliderField.tsx
-var x = /* @__PURE__ */ y("<div class=\"flex items-center justify-between\">"), S = (e) => [
+var x = /*#__PURE__*/ y("<div class=\"flex items-center justify-between\">"), S = (e) => [
 	(() => {
 		var t = x();
 		return g(t, h(s, { get children() {

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,EAAA;EAIW,OAJXC,EAAAF,GAAAG,EAGJjB,GAAW,EAAA,IAAAkB,WAAA;GAAA,OAAEL,EAAMF;EAAK,EAAA,CAAA,GAAA,IAAA,GAAAK,EAAAF,GAAAG,EACxBX,GAAe,CAAA,CAAA,GAAA,IAAA,GAAAQ;CAAA,~~GAAA~~;CAAAG,EAEjBlB,GAAa,EAAA,IAAAmB,WAAA;EAAA,OAAA,CAAAD,EACXZ,GAAW,EAAA,IAAAa,WAAA;GAAA,OAAAD,EACTd,GAAW,CAAA,CAAA;EAAA,EAAA,CAAA,GAAAc,EAEbE,GAAG;GAAA,IAACC,OAAI;IAAA,OAAEP,EAAMH,MAAMW,KAAKC,GAAGC,MAAUA,CAAK;GAAC;GAAAL,WAC3CK,MAAKN,EAAMb,GAAW,EAAQmB,SAAK,CAAA;EAAI,CAAA,CAAA;CAAA,EAAA,CAAA;CAAAC,QAG5CA,QAAA,CAAA,CAAAX,EAAMD,KAAK,~~EAAA~~,KAAAK,EACTf,GAAiB,EAAA,IAAAgB,WAAA;EAAA,OAAAD,EACfE,GAAG;GAAA,IAACC,OAAI;IAAA,OAAEP,EAAMD;GAAK;GAAAM,WAClBO,MAAIR,EAAMhB,GAAY;IAAA,IAACS,QAAK;KAAA,OAAEe,EAAKf;IAAK;IAAA,IAAAQ,WAAA;KAAA,OAAGO,EAAKd;IAAK;GAAA,CAAA;EAAgB,CAAA;CAAA,EAAA,CAAA,CAG5E;AAAA,GAYQmB,KAA4CjB,MAAU;CACjE,IAAMkB,IAAQxB,EAA0B,GAClC,CAACyB,GAAOC,KAAUC,EAAWrB,GAAO;EACxC;EACA;EACA;EACA;EACA;EACA;EACA;CAAe,CAChB;CAED,OAAAI,EACGtB,GAAK;EAAA,IACJwC,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,IACjCb,WAAQ;GAAA,OAAEI,EAAMJ,YAAY;EAAK;EAAA,IAAAV,WAAA;GAAA,OAAA;IAAAD,EAEhCT,GAAiB;KAAA,IAACkC,QAAK;MAAA,OAAEV,EAAMH;KAAa;KAAA,IAAAX,WAAA;MAAA,OAAAD,EAC1CnB,GAAM6C,EAAA;OAAA,IACLjC,QAAK;QAAA,OAAEqB,EAAM,~~EAAEK~~,MAAM1B;OAAK;OAC1BkC,gBAAgBC,MAAY;QAC1Bd,EAAM,~~EAAEe~~,aAAaD,EAAQnC,KAAK;OACpC;OACAqC,qBAAqB;QACnBhB,EAAM,~~EAAEiB~~,WAAW;OACrB;OAAC,IACDb,UAAO;QAAA,OAAEJ,EAAM,~~EAAEK~~,MAAMC,KAAKC,OAAOC,SAAS;OAAC;OAAA,IAC7CC,WAAQ;QAAA,OAAER,EAAMQ,YAAY;OAAK;OAAA,IACjCC,WAAQ;QAAA,OAAET,EAAMS,YAAY;OAAK;MAAA,GAC7BR,GAAM,EAAA,IAAAf,WAAA;OAAA,OAAAD,EAETR,GAAWkC,EAAA,EAAA,IACVjC,QAAK;QAAA,OAAEqB,EAAM,~~EAAEK~~,MAAM1B;OAAK,EAAA,SACrB,OAAOsB,EAAMrB,SAAU,YAAY,EAAEA,OAAOqB,EAAMrB,MAAM,SACxDsC,MAAMC,QAAQlB,EAAMpB,KAAK,KAAK,EAAEA,OAAOoB,EAAMpB,MAAM,CAAC,CAAA;MAAA,EAAA,CAAA,CAAA;KAAA;IAAA,CAAA;IAAAK,EAI9DpB,GAAU,EAAA,IAACyC,SAAM;KAAA,OAAEP,EAAM,~~EAAEK~~,MAAMC,KAAKC;IAAM,EAAA,CAAA;IAAArB,EAC5CrB,GAAgB,EAAA,IAAAsB,WAAA;KAAA,OAAEc,EAAML;IAAW,EAAA,CAAA;GAAA;EAAA;CAAA,CAAA;AAG1C"}
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/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,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"}
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,CAAC,CAACM,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,CAAC,CAACM,MAAMU;MAAK;MAC5BC,kBAAkBC,MAAY;OAC5BlB,EAAM,CAAC,CAACmB,aAAaD,EAAQH,OAAO;MACtC;MACAK,cAAc;OACZpB,EAAM,CAAC,CAACqB,WAAW;MACrB;MAAC,IACDhB,UAAO;OAAA,OAAEL,EAAM,CAAC,CAACM,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,CAAC,CAACM,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;AAAgB,GAWZQ,KAEDC,MAAU;CACb,IAAM,CAACC,GAAOC,KAAUC,EAAWH,GAAO,CAAC,YAAY,kBAAkB,CAAC;CAE1E,OAAA,CAAAI,EAEKxB,GAAgB,EAAAyB,WACbC,MAAOF,EACNvB,GAAgB,EAAA,IAAAwB,WAAA;EAAA,OAAA;GAAAD,EACdG,GAAG;IAAA,IAACC,OAAI;KAAA,OAAEF,EAAQ,~~EAAEG~~;IAAK;IAAAJ,WACtBI,GAAOC,MAAKN,EACXjB,GAAa;KAAA,IAACuB,QAAK;MAAA,OAAEA,EAAM;KAAC;KAASD;KAAK,IAAAJ,WAAA;MAAA,OAAA,CAAAD,EACxCnB,GAAoB,EAAA,IAAAoB,WAAA;OAAA,OAAA,CAAAD,EAClBlB,GAAiB,EAAAmB,UAAEI,EAAK,CAAA,GAAAL,EACxBhB,GAA0B,CAAA,CAAA,CAAA;MAAA,EAAA,CAAA,GAAAgB,EAE5BpB,GAAkB,CAAA,CAAA,CAAA;KAAA;IAAA,CAAA;GAEtB,CAAA;GAAAoB,EAEFrB,GAAmBmB,CAAM;GAAAE,EACzBO,GAAI;IAAA,IAACC,OAAI;KAAA,OAAEX,EAAMJ,qBAAqB;IAAK;IAAA,IAAAQ,WAAA;KAAA,OAAAD,EACzCzB,GAAqB,CAAA,CAAA;IAAA;GAAA,CAAA;GAAAkC,QAEvBZ,EAAMI,QAAQ;EAAA;CAAA,EAAA,CAAA,EAElB,CAAA,GAAAD,EAEFtB,GAAoB,CAAA,CAAA,CAAA;AAG3B,GAEMgC,IAAyB;CAC7B;CACA;CACA;CACA;CACA;CACA;CACA;AAAe,GAGJC,KAAkDf,MAAU;CACvE,IAAMgB,IAAQ3B,EAA0B,GAClC,CAACY,GAAOC,KAAUC,EAAWH,GAAOc,CAAsB,GAC1D,CAACG,GAAWC,KAAcf,EAAWD,GAAQX,CAAqB;CAExE,OAAAa,EACG/B,GAAK;EAAA,IACJ8C,UAAO;GAAA,OAAEH,EAAM,~~EAAEI~~,MAAMC,KAAKC,OAAOC,SAAS;EAAC;EAAA,IAC7CC,WAAQ;GAAA,OAAEvB,EAAMuB,YAAY;EAAK;EAAA,IACjCC,WAAQ;GAAA,OAAExB,EAAMwB,YAAY;EAAK;EAAA,IACjCC,WAAQ;GAAA,OAAEzB,EAAMyB,YAAY;EAAK;EAAA,IAAArB,WAAA;GAAA,OAAA,CAAAD,EAEhC3B,GAAU,EAAA,IAAA4B,WAAA;IAAA,OAAEJ,EAAMN;GAAK,EAAA,CAAA,GAAAS,EACvB9B,GAAY,EAAA,IAAA+B,WAAA;IAAA,OAAA;KAAAD,EACVd,GAAiB;MAAA,IAACqC,QAAK;OAAA,OAAE1B,EAAMH;MAAa;MAAA,IAAAO,WAAA;OAAA,OAAAD,EAC1C1B,GAASkD,EAAA;QAAA,IACRnB,QAAK;SAAA,OAAEO,EAAM,~~EAAEI~~,MAAMX;QAAK;QAC1BoB,gBAAgBC,MAAY;SAC1Bd,EAAM,~~EAAEe~~,aAAaD,EAAQrB,KAAK;QACpC;QACAuB,cAAc;SACZhB,EAAM,~~EAAEiB~~,WAAW;QACrB;QAAC,IACDd,UAAO;SAAA,OAAEH,EAAM,~~EAAEI~~,MAAMC,KAAKC,OAAOC,SAAS;QAAC;QAAA,IAC7CC,WAAQ;SAAA,OAAEvB,EAAMuB,YAAY;QAAK;QAAA,IACjCC,WAAQ;SAAA,OAAExB,EAAMwB,YAAY;QAAK;OAAA,GAC7BR,GAAS,EAAA,IAAAZ,WAAA;QAAA,OAAAD,EAEZL,GAAc6B,EACTV,SACC,OAAOjB,EAAMJ,oBAAqB,aAAa,EAClDA,kBAAkBI,EAAMJ,iBAC1B,CAAC,CAAA;OAAA,EAAA,CAAA,CAAA;MAAA;KAAA,CAAA;KAAAO,EAIN5B,GAAU,EAAA,IAAC8C,SAAM;MAAA,OAAEN,EAAM,~~EAAEI~~,MAAMC,KAAKC;KAAM,EAAA,CAAA;KAAAlB,EAC5C7B,GAAgB,EAAA,IAAA8B,WAAA;MAAA,OAAEJ,EAAML;KAAW,EAAA,CAAA;IAAA;GAAA,EAAA,CAAA,CAAA;EAAA;CAAA,CAAA;AAI5C"}
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,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"}
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,CAAC,CAACM,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,CAAC,CAACM,MAAMU;SAAK;SAC1BC,UAAUC,MAAU;UAClBlB,EAAM,CAAC,CAACmB,aAAaD,EAAME,OAAOJ,KAAK;SACzC;SACAK,cAAc;UACZrB,EAAM,CAAC,CAACsB,WAAW;SACrB;QAAC,GACGpB,CAAM,CAAA;OAAA,EAAA,CAAA;MAAA;KAAA,CAAA;KAAAE,EAIfhB,GAAU,EAAA,IAACoB,SAAM;MAAA,OAAER,EAAM,CAAC,CAACM,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,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"}
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,CAAC,CAACM,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,CAAC,CAACM,MAAMU;SAAK;SAC1BC,UAAUC,MAAU;UAClBlB,EAAM,CAAC,CAACmB,aAAaD,EAAME,OAAOJ,KAAK;SACzC;SACAK,cAAc;UACZrB,EAAM,CAAC,CAACsB,WAAW;SACrB;QAAC,GACGpB,CAAM,CAAA;OAAA,EAAA,CAAA;MAAA;KAAA,CAAA;KAAAE,EAIfhB,GAAU,EAAA,IAACoB,SAAM;MAAA,OAAER,EAAM,CAAC,CAACM,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 CHANGED Viewed

@@ -1,6 +1,6 @@
 import { Show as e, createComponent as t, insert as n, template as r } from "solid-js/web";
 //#region src/components/form/WithTrailingAddon.tsx
-var i = /* @__PURE__ */ r("<div class=\"gap-2 flex items-center\">"), a = (r) => t(e, {
+var i = /*#__PURE__*/ r("<div class=\"gap-2 flex items-center\">"), a = (r) => t(e, {
 	get when() {
 		return r.addon;
 	},

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;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"}
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":";;oEAOaK,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/marquee/Marquee.js CHANGED Viewed

@@ -1,5 +1,5 @@
-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_da624007e3df32b4/node_modules/@ark-ui/solid/dist/chunk/ZOCG4ZHL.js";
+import { cn as e } from "../../node_modules/.bun/tailwind-variants@3.2.2_836190697928d5d4/node_modules/tailwind-variants/dist/index.js";
+import { marquee_exports as t } from "../../node_modules/.bun/@ark-ui_solid@5.37.1_ee58d66d663bac7b/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";
 //#region src/components/marquee/Marquee.tsx

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

@@ -1,10 +1,10 @@
-import { cn as e } from "../../node_modules/.bun/tailwind-variants@3.2.2_8d1ea3a475e79781/node_modules/tailwind-variants/dist/index.js";
+import { cn as e } from "../../node_modules/.bun/tailwind-variants@3.2.2_836190697928d5d4/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";
 import { createMemo as p, splitProps as m } from "solid-js";
 //#region src/components/sidebar/SidebarDesktop.tsx
-var h = /* @__PURE__ */ f("<aside data-slot=sidebar-container><div data-sidebar=sidebar data-slot=sidebar-inner>"), g = /* @__PURE__ */ f("<div data-slot=sidebar><div data-slot=sidebar-gap>"), _ = (t) => e(t === !0 ? "group peer min-h-0 relative block self-stretch text-sidebar-foreground" : "group peer md:block min-h-0 relative hidden self-stretch text-sidebar-foreground"), v = (t) => e("relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear", "group-data-[collapsible=offcanvas]:w-0", "group-data-[side=right]:rotate-180", t === "floating" || t === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+1rem)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)"), y = (e) => {
+var h = /*#__PURE__*/ f("<aside data-slot=sidebar-container><div data-sidebar=sidebar data-slot=sidebar-inner>"), g = /*#__PURE__*/ f("<div data-slot=sidebar><div data-slot=sidebar-gap>"), _ = (t) => e(t === !0 ? "group peer min-h-0 relative block self-stretch text-sidebar-foreground" : "group peer md:block min-h-0 relative hidden self-stretch text-sidebar-foreground"), v = (t) => e("relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear", "group-data-[collapsible=offcanvas]:w-0", "group-data-[side=right]:rotate-180", t === "floating" || t === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+1rem)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)"), y = (e) => {
 	let t = {
 		"--sidebar-width": n,
 		"--sidebar-width-icon": r

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,kFACN,GAEIC,KAAsBL,MAC1BP,EACE,2FACA,0CACA,sCACAO,MAAY,cAAcA,MAAY,UAClC,2EACA,wDACN,GAEIM,KAAmBC,MAAoD;CAC3E,IAAME,IAA0B;EAC9B,mBAAmBd;EACnB,wBAAwBC;CAC1B;CACA,OAAO,OAAOW,KAAU,YAAYA,IAAiB;EAAE,GAAGE;EAAM,GAAGF;CAAM,IAAIE;AAC/E,GAEMC,KAAoEC,MAAU;CAClF,IAAM,CAACC,GAAOC,KAAUC,EAAWH,GAAO;EAAC;EAAW;EAAQ;EAAS;EAAY;CAAY,CAAC;CAChG,cAAA;EAAA,IAAAI,IAAAC,EAAA,GAAAC,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,KACR;EAAC,EAAA,GACGR,CAAM,GAAA,IAAA,EAAA,GAAAS,EAAAL,SAUPL,EAAMV,QAAQ,GAAAqB,QAAAC,EAAAP,GALRxB,EACL,8MACAmB,EAAMb,UACR,CAAC,CAAA,GAAAgB;CAAA,~~GAAA~~;AAMT,GAEaU,KAA2Cd,MAAU;CAChE,IAAM,EAAEe,aAAU7B,EAAW,GACvB,CAACe,GAAOC,KAAUC,EAAWH,GAAO;EACxC;EACA;EACA;EACA;EACA;EACA;EACA;CAAU,CACX,GAEKJ,IAAQnB,QAAiBkB,EAAgBM,EAAML,KAAK,CAAC;CAE3D,cAAA;EAAA,IAAAoB,IAAAC,EAAA,GAAAC,IAAAF,EAAAT;EAUyE,OAVzEI,EAAAK,GAAAG,EAWKpB,GAAuBU,EAAA;GAAA,IACtBpB,UAAO;IAAA,OAAEY,EAAMZ,WAAW;GAAS;GAAA,IACnCC,OAAI;IAAA,OAAEW,EAAMX,QAAQ;GAAM;GAAA,IAAA,QAAA;IAAA,OACnBR,EAAGmB,EAAMR,yBAAyB,KAAO,SAAS,kBAAkBQ,EAAMS,KAAK;GAAC;EAAA,GACnFR,GAAM,EAAA,IAAAX,WAAA;GAAA,OAETU,EAAMV;EAAQ,EAAA,CAAA,CAAA,GAAA,IAAA,GAAAqB,GAAAQ,MAAA;GAAA,IAAAC,IAfVzB,EAAM,GAAC0B,IACP9B,EAA2BS,EAAMR,oBAAoB,GAAC8B,IACjDR,EAAM,GAACS,IACDT,EAAM,MAAM,cAAed,EAAMwB,eAAe,cAAe,IAAEC,IACrEzB,EAAMZ,WAAW,WAASsC,IAC7B1B,EAAMX,QAAQ,QAAMsC,IAGKlC,EAAmBO,EAAMZ,OAAO;GAAC,OAAA+B,EAAAS,IAAAC,EAAAd,GAAAK,GAAAD,EAAAS,CAAA,GAAAP,MAAAF,EAAAW,KAAAlB,EAAAG,GAAAI,EAAAW,IAAAT,CAAA,GAAAC,MAAAH,EAAAY,KAAAC,EAAAjB,GAAA,cAAAI,EAAAY,IAAAT,CAAA,GAAAC,MAAAJ,EAAAc,KAAAD,EAAAjB,GAAA,oBAAAI,EAAAc,IAAAV,CAAA,GAAAE,MAAAN,EAAAe,KAAAF,EAAAjB,GAAA,gBAAAI,EAAAe,IAAAT,CAAA,GAAAC,MAAAP,EAAAgB,KAAAH,EAAAjB,GAAA,aAAAI,EAAAgB,IAAAT,CAAA,GAAAC,MAAAR,EAAAiB,KAAAxB,EAAAK,GAAAE,EAAAiB,IAAAT,CAAA,GAAAR;EAAA,GAAA;GAAAS,GAAAS,KAAAA;GAAAP,GAAAO,KAAAA;GAAAN,GAAAM,KAAAA;GAAAJ,GAAAI,KAAAA;GAAAH,GAAAG,KAAAA;GAAAF,GAAAE,KAAAA;GAAAD,GAAAC,KAAAA;EAAA,CAAA,GAAAtB;CAAA,~~GAAA~~;AAW3E"}
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_da624007e3df32b4/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_8d1ea3a475e79781/node_modules/tailwind-variants/dist/index.js";
+import { ark as e } from "../../node_modules/.bun/@ark-ui_solid@5.37.1_ee58d66d663bac7b/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_836190697928d5d4/node_modules/tailwind-variants/dist/index.js";
 import { useSidebar as r } from "./context.js";
 import "./constants.js";
 import { Skeleton as i } from "../Skeleton.js";
@@ -7,7 +7,7 @@ import { Tooltip as a, TooltipArrow as o, TooltipContent as s, TooltipPositioner
 import { Portal as u, Show as d, createComponent as f, insert as p, memo as m, mergeProps as h, spread as g, template as _ } from "solid-js/web";
 import { createMemo as v, splitProps as y } from "solid-js";
 //#region src/components/sidebar/SidebarMenu.tsx
-var b = /* @__PURE__ */ _("<ul data-slot=sidebar-menu data-sidebar=menu>"), x = /* @__PURE__ */ _("<li data-slot=sidebar-menu-item data-sidebar=menu-item>"), S = /* @__PURE__ */ _("<button data-slot=sidebar-menu-action data-sidebar=menu-action>"), C = /* @__PURE__ */ _("<div data-slot=sidebar-menu-badge data-sidebar=menu-badge>"), w = /* @__PURE__ */ _("<div data-slot=sidebar-menu-skeleton data-sidebar=menu-skeleton>"), T = /* @__PURE__ */ _("<ul data-slot=sidebar-menu-sub data-sidebar=menu-sub>"), E = /* @__PURE__ */ _("<li data-slot=sidebar-menu-sub-item data-sidebar=menu-sub-item>"), D = /* @__PURE__ */ _("<a data-slot=sidebar-menu-sub-button data-sidebar=menu-sub-button>"), O = (e) => {
+var b = /*#__PURE__*/ _("<ul data-slot=sidebar-menu data-sidebar=menu>"), x = /*#__PURE__*/ _("<li data-slot=sidebar-menu-item data-sidebar=menu-item>"), S = /*#__PURE__*/ _("<button data-slot=sidebar-menu-action data-sidebar=menu-action>"), C = /*#__PURE__*/ _("<div data-slot=sidebar-menu-badge data-sidebar=menu-badge>"), w = /*#__PURE__*/ _("<div data-slot=sidebar-menu-skeleton data-sidebar=menu-skeleton>"), T = /*#__PURE__*/ _("<ul data-slot=sidebar-menu-sub data-sidebar=menu-sub>"), E = /*#__PURE__*/ _("<li data-slot=sidebar-menu-sub-item data-sidebar=menu-sub-item>"), D = /*#__PURE__*/ _("<a data-slot=sidebar-menu-sub-button data-sidebar=menu-sub-button>"), O = (e) => {
 	let [n, r] = y(e, ["class"]);
 	return (() => {
 		var e = b();

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 CHANGED Viewed

@@ -6,7 +6,7 @@ import { SIDEBAR_WIDTH_MOBILE as u } from "./constants.js";
 import { createComponent as d, insert as f, template as p } from "solid-js/web";
 import { splitProps as m } from "solid-js";
 //#region src/components/sidebar/SidebarMobile.tsx
-var h = /* @__PURE__ */ p("<div class=sr-only>"), g = /* @__PURE__ */ p("<div class=\"flex h-full w-full flex-col\">"), _ = (p) => {
+var h = /*#__PURE__*/ p("<div class=sr-only>"), g = /*#__PURE__*/ p("<div class=\"flex h-full w-full flex-col\">"), _ = (p) => {
 	let [_] = m(p, ["side", "children"]), { openMobile: v, setOpenMobile: y } = l(), b = _.side ?? "left";
 	return d(n, {
 		get open() {

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,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"}
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":";;;;;;;;oHAkBaY,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,EAAA,CAAA;eAAA;SAAA,IAAAK,IAAAC,EAAA;SAGA,OAHAJ,EAAAG,SAGdhB,EAAMS,QAAQ,GAAAO;QAAA,EAAA,CAAA;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_8d1ea3a475e79781/node_modules/tailwind-variants/dist/index.js";
+import { cn as e } from "../../node_modules/.bun/tailwind-variants@3.2.2_836190697928d5d4/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";
@@ -6,7 +6,7 @@ import { setSidebarCookie as r } from "./utils.js";
 import { createComponent as i, mergeProps as a, spread as o, template as s } from "solid-js/web";
 import { createSignal as c, onCleanup as l, onMount as u, splitProps as d } from "solid-js";
 //#region src/components/sidebar/SidebarProvider.tsx
-var f = /* @__PURE__ */ s("<div data-slot=sidebar-wrapper>"), p = (t) => {
+var f = /*#__PURE__*/ s("<div data-slot=sidebar-wrapper>"), p = (t) => {
 	let [n, r] = d(t, ["class"]);
 	return (() => {
 		var t = f();

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,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"}
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":";;;;;;;;4DA0BaqB,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,EAAA,CAAA;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"}