@manafishrov/ui 1.5.2 → 1.5.4

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

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

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

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

package/dist/components/form/SwitchField.js

@@ -33,7 +33,7 @@ var f = (f) => {
 							return p().state.value;
 						},
 						onCheckedChange: (e) => {
-							p().handleChange(!!e.checked);
+							p().handleChange(e.checked);
 						},
 						onBlur: () => {
 							p().handleBlur();

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

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

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

@@ -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":"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"}
+{"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"}

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

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

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

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

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

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

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

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

package/dist/components/marquee/Marquee.js

@@ -1,5 +1,5 @@
-import { cn as e } from "../../node_modules/.bun/tailwind-variants@3.2.2_7ff2127c63cfd169/node_modules/tailwind-variants/dist/index.js";
-import { marquee_exports as t } from "../../node_modules/.bun/@ark-ui_solid@5.35.0_ac9bd97bed21f560/node_modules/@ark-ui/solid/dist/chunk/ZOCG4ZHL.js";
+import { cn as e } from "../../node_modules/.bun/tailwind-variants@3.2.2_8d1ea3a475e79781/node_modules/tailwind-variants/dist/index.js";
+import { marquee_exports as t } from "../../node_modules/.bun/@ark-ui_solid@5.36.2_ac9bd97bed21f560/node_modules/@ark-ui/solid/dist/chunk/ZOCG4ZHL.js";
 import { createComponent as n, mergeProps as r } from "solid-js/web";
 import { splitProps as i } from "solid-js";
 //#region src/components/marquee/Marquee.tsx
@@ -21,7 +21,7 @@ var a = t.Context, o = (a) => {
 }, u = (a) => {
 	let [o, s] = i(a, ["class"]);
 	return n(t.Edge, r({ get class() {
-		return e("pointer-events-none inset-y-0 absolute z-10 w-16 bg-linear-to-r from-background from-0% to-transparent to-100%", o.class);
+		return e("inset-y-0 w-16 pointer-events-none absolute z-10 bg-linear-to-r from-background from-0% to-transparent to-100%", o.class);
 	} }, s));
 };
 //#endregion

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

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

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

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

package/dist/components/sidebar/SidebarDesktop.js

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

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

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

@@ -1,5 +1,5 @@
-import { ark as e } from "../../node_modules/.bun/@ark-ui_solid@5.35.0_ac9bd97bed21f560/node_modules/@ark-ui/solid/dist/chunk/UFYZ7HLU.js";
-import { cn as t, tv as n } from "../../node_modules/.bun/tailwind-variants@3.2.2_7ff2127c63cfd169/node_modules/tailwind-variants/dist/index.js";
+import { ark as e } from "../../node_modules/.bun/@ark-ui_solid@5.36.2_ac9bd97bed21f560/node_modules/@ark-ui/solid/dist/chunk/UFYZ7HLU.js";
+import { cn as t, tv as n } from "../../node_modules/.bun/tailwind-variants@3.2.2_8d1ea3a475e79781/node_modules/tailwind-variants/dist/index.js";
 import { useSidebar as r } from "./context.js";
 import "./constants.js";
 import { Skeleton as i } from "../Skeleton.js";
@@ -77,7 +77,11 @@ var b = /* @__PURE__ */ _("<ul data-slot=sidebar-menu data-sidebar=menu>"), x =
 				},
 				openDelay: 100,
 				get children() {
-					return [f(l, h(x, n, { asChild: (e) => F(t.asChild, e(), t.children) })), f(u, { get children() {
+					return [f(l, { asChild: (e) => F(t.asChild, {
+						...e(),
+						...x(),
+						...n
+					}, t.children) }), f(u, { get children() {
 						return f(c, { get children() {
 							return f(s, h(() => j(t.tooltip), { get children() {
 								return [f(o, {}), m(() => M(t.tooltip))];

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

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

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

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

package/dist/components/sidebar/SidebarProvider.js

@@ -1,4 +1,4 @@
-import { cn as e } from "../../node_modules/.bun/tailwind-variants@3.2.2_7ff2127c63cfd169/node_modules/tailwind-variants/dist/index.js";
+import { cn as e } from "../../node_modules/.bun/tailwind-variants@3.2.2_8d1ea3a475e79781/node_modules/tailwind-variants/dist/index.js";
 import { createMediaQuery as t } from "../../primitives/createMediaQuery.js";
 import { SidebarContext as n } from "./context.js";
 import "./constants.js";
@@ -18,15 +18,21 @@ var f = /* @__PURE__ */ s("<div data-slot=sidebar-wrapper>"), p = (t) => {
 	let n = t("(max-width: 768px)"), [i, a] = c(!1), o = () => n() && !i(), [s, l] = c(!1), [u, d] = c(e.defaultOpen ?? !0), [f, p] = c("left");
 	return {
 		isMobile: o,
-		setMobileDisabled: a,
+		setMobileDisabled: (e) => {
+			a(e);
+		},
 		openMobile: s,
-		setOpenMobile: l,
+		setOpenMobile: (e) => {
+			l(e);
+		},
 		open: () => typeof e.open == "boolean" ? e.open : u(),
 		setOpen: (t) => {
 			e.onOpenChange ? e.onOpenChange(t) : d(t), r(t);
 		},
 		side: f,
-		setSide: p
+		setSide: (e) => {
+			p(e);
+		}
 	};
 }, h = (e) => {
 	let t = () => {

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

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

package/dist/components/sidebar/SidebarSubComponents.js

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