@manafishrov/ui 1.2.10 → 1.2.12

package/dist/components/TextInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.js","sources":["../../src/components/TextInput.tsx"],"sourcesContent":["import { Field as PrimitiveField } from '@ark-ui/solid/field';\nimport { splitProps, type Component, type ComponentProps } from 'solid-js';\nimport { cn } from 'tailwind-variants';\n\nimport { FieldDescription, FieldError } from '@/components/Field';\n\nexport const TextInput: Component<PrimitiveField.RootProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <PrimitiveField.Root\n      class={cn('group/text-input relative flex w-full flex-col', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const TextInputLabel: Component<PrimitiveField.LabelProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <PrimitiveField.Label\n      class={cn(\n        'mb-1 gap-2 text-sm font-medium flex items-center leading-none select-none group-data-disabled:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const TextInputControl: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <PrimitiveField.Context>\n      {(field) => (\n        <div\n          data-slot='text-input-control'\n          {...(field().disabled && { 'data-disabled': 'true' })}\n          {...(field().invalid && { 'data-invalid': 'true' })}\n          {...(field().readOnly && { 'data-readonly': 'true' })}\n          class={cn(\n            'min-w-0 h-8 relative flex w-full items-center overflow-hidden rounded-lg border border-input transition-colors outline-none dark:bg-input/30',\n            'has-focus-visible:border-ring has-focus-visible:ring-[3px] has-focus-visible:ring-ring/50',\n            'data-[invalid=true]:border-destructive data-[invalid=true]:ring-[3px] data-[invalid=true]:ring-destructive/20 dark:data-[invalid=true]:ring-destructive/40',\n            'data-[disabled=true]:bg-input/50 data-[disabled=true]:opacity-50 dark:data-[disabled=true]:bg-input/80',\n            'data-[readonly=true]:has-focus-visible:border-input data-[readonly=true]:has-focus-visible:ring-0',\n            'has-[textarea]:h-auto',\n            local.class,\n          )}\n          {...others}\n        />\n      )}\n    </PrimitiveField.Context>\n  );\n};\n\nexport const TextInputInput: Component<PrimitiveField.InputProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <PrimitiveField.Input\n      class={cn(\n        'min-w-0 text-base md:text-sm flex w-full bg-transparent transition-colors outline-none placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 data-[readonly=true]:cursor-default',\n        'px-0 py-0 h-full border-none bg-transparent shadow-none ring-0 focus-visible:ring-0',\n        'px-2.5',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const TextInputArea: Component<PrimitiveField.TextareaProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <PrimitiveField.Textarea\n      class={cn(\n        'min-h-16 text-base md:text-sm flex field-sizing-content w-full bg-transparent transition-colors outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50 data-[readonly=true]:cursor-default',\n        'px-0 py-0 border-none bg-transparent shadow-none ring-0 focus-visible:ring-0',\n        'px-2.5 py-1.5',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const TextInputDescription = FieldDescription;\nexport const TextInputError = FieldError;\n"],"names":["TextInput","props","local","others","splitProps","_$createComponent","PrimitiveField","Root","_$mergeProps","cn","class","TextInputLabel","Label","TextInputControl","Context","children","field","_el$","_tmpl$","_$spread","disabled","invalid","readOnly","TextInputInput","Input","TextInputArea","Textarea","TextInputDescription","FieldDescription","TextInputError","FieldError"],"mappings":";;;;;;AAMO,MAAMA,IAAkDC,CAAAA,MAAU;AACvE,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGC,EAAeC,MAAIC,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aACXC,EAAG,kDAAkDP,EAAMQ,KAAK;AAAA,IAAC;AAAA,EAAA,GACpEP,CAAM,CAAA;AAGhB,GAEaQ,IAAwDV,CAAAA,MAAU;AAC7E,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGC,EAAeM,OAAKJ,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aACZC,EACL,qNACAP,EAAMQ,KACR;AAAA,IAAC;AAAA,EAAA,GACGP,CAAM,CAAA;AAGhB,GAEaU,IAAsDZ,CAAAA,MAAU;AAC3E,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGC,EAAeQ,SAAO;AAAA,IAAAC,UACnBC,QAAK,MAAA;AAAA,UAAAC,IAAAC,EAAAA;AAAAC,aAAAA,EAAAF,GAAAT,EAAA,MAGEQ,EAAAA,EAAQI,YAAY;AAAA,QAAE,iBAAiB;AAAA,MAAA,SACvCJ,EAAAA,EAAQK,WAAW;AAAA,QAAE,gBAAgB;AAAA,MAAA,SACrCL,EAAAA,EAAQM,YAAY;AAAA,QAAE,iBAAiB;AAAA,MAAA,GAAQ;AAAA,QAAA,IAAA,QAAA;AAAA,iBAC7Cb,EACL,gJACA,6FACA,8JACA,0GACA,qGACA,yBACAP,EAAMQ,KACR;AAAA,QAAC;AAAA,MAAA,GACGP,CAAM,GAAA,IAAA,EAAA,GAAAc;AAAAA,IAAA,GAAA;AAAA,EAAA,CAEb;AAGP,GAEaM,IAAwDtB,CAAAA,MAAU;AAC7E,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGC,EAAekB,OAAKhB,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aACZC,EACL,6OACA,uFACA,UACAP,EAAMQ,KACR;AAAA,IAAC;AAAA,EAAA,GACGP,CAAM,CAAA;AAGhB,GAEasB,IAA0DxB,CAAAA,MAAU;AAC/E,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGC,EAAeoB,UAAQlB,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aACfC,EACL,sOACA,gFACA,iBACAP,EAAMQ,KACR;AAAA,IAAC;AAAA,EAAA,GACGP,CAAM,CAAA;AAGhB,GAEawB,IAAuBC,GACvBC,IAAiBC;"}
+{"version":3,"file":"TextInput.js","sources":["../../src/components/TextInput.tsx"],"sourcesContent":["import { Field as PrimitiveField } from '@ark-ui/solid/field';\nimport { splitProps, type Component, type ComponentProps } from 'solid-js';\nimport { cn } from 'tailwind-variants';\n\nimport { FieldDescription, FieldError } from '@/components/Field';\n\nexport const TextInput: Component<PrimitiveField.RootProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <PrimitiveField.Root\n      class={cn('group/text-input relative flex w-full flex-col', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const TextInputLabel: Component<PrimitiveField.LabelProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <PrimitiveField.Label\n      class={cn(\n        'mb-1.5 gap-2 text-sm font-medium flex items-center leading-none select-none group-data-disabled:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const TextInputControl: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <PrimitiveField.Context>\n      {(field) => (\n        <div\n          data-slot='text-input-control'\n          {...(field().disabled && { 'data-disabled': 'true' })}\n          {...(field().invalid && { 'data-invalid': 'true' })}\n          {...(field().readOnly && { 'data-readonly': 'true' })}\n          class={cn(\n            'min-w-0 h-8 relative flex w-full items-center overflow-hidden rounded-lg border border-input transition-colors outline-none dark:bg-input/30',\n            'has-focus-visible:border-ring has-focus-visible:ring-[3px] has-focus-visible:ring-ring/50',\n            'data-[invalid=true]:border-destructive data-[invalid=true]:ring-[3px] data-[invalid=true]:ring-destructive/20 dark:data-[invalid=true]:ring-destructive/40',\n            'data-[disabled=true]:bg-input/50 data-[disabled=true]:opacity-50 dark:data-[disabled=true]:bg-input/80',\n            'data-[readonly=true]:has-focus-visible:border-input data-[readonly=true]:has-focus-visible:ring-0',\n            'has-[textarea]:h-auto',\n            local.class,\n          )}\n          {...others}\n        />\n      )}\n    </PrimitiveField.Context>\n  );\n};\n\nexport const TextInputInput: Component<PrimitiveField.InputProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <PrimitiveField.Input\n      class={cn(\n        'min-w-0 text-base md:text-sm flex w-full bg-transparent transition-colors outline-none placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 data-[readonly=true]:cursor-default',\n        'px-0 py-0 h-full border-none bg-transparent shadow-none ring-0 focus-visible:ring-0',\n        'px-2.5',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const TextInputArea: Component<PrimitiveField.TextareaProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <PrimitiveField.Textarea\n      class={cn(\n        'min-h-16 text-base md:text-sm flex field-sizing-content w-full bg-transparent transition-colors outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50 data-[readonly=true]:cursor-default',\n        'px-0 py-0 border-none bg-transparent shadow-none ring-0 focus-visible:ring-0',\n        'px-2.5 py-1.5',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const TextInputDescription = FieldDescription;\nexport const TextInputError = FieldError;\n"],"names":["TextInput","props","local","others","splitProps","_$createComponent","PrimitiveField","Root","_$mergeProps","cn","class","TextInputLabel","Label","TextInputControl","Context","children","field","_el$","_tmpl$","_$spread","disabled","invalid","readOnly","TextInputInput","Input","TextInputArea","Textarea","TextInputDescription","FieldDescription","TextInputError","FieldError"],"mappings":";;;;;;AAMO,MAAMA,IAAkDC,CAAAA,MAAU;AACvE,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGC,EAAeC,MAAIC,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aACXC,EAAG,kDAAkDP,EAAMQ,KAAK;AAAA,IAAC;AAAA,EAAA,GACpEP,CAAM,CAAA;AAGhB,GAEaQ,IAAwDV,CAAAA,MAAU;AAC7E,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGC,EAAeM,OAAKJ,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aACZC,EACL,uNACAP,EAAMQ,KACR;AAAA,IAAC;AAAA,EAAA,GACGP,CAAM,CAAA;AAGhB,GAEaU,IAAsDZ,CAAAA,MAAU;AAC3E,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGC,EAAeQ,SAAO;AAAA,IAAAC,UACnBC,QAAK,MAAA;AAAA,UAAAC,IAAAC,EAAAA;AAAAC,aAAAA,EAAAF,GAAAT,EAAA,MAGEQ,EAAAA,EAAQI,YAAY;AAAA,QAAE,iBAAiB;AAAA,MAAA,SACvCJ,EAAAA,EAAQK,WAAW;AAAA,QAAE,gBAAgB;AAAA,MAAA,SACrCL,EAAAA,EAAQM,YAAY;AAAA,QAAE,iBAAiB;AAAA,MAAA,GAAQ;AAAA,QAAA,IAAA,QAAA;AAAA,iBAC7Cb,EACL,gJACA,6FACA,8JACA,0GACA,qGACA,yBACAP,EAAMQ,KACR;AAAA,QAAC;AAAA,MAAA,GACGP,CAAM,GAAA,IAAA,EAAA,GAAAc;AAAAA,IAAA,GAAA;AAAA,EAAA,CAEb;AAGP,GAEaM,IAAwDtB,CAAAA,MAAU;AAC7E,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGC,EAAekB,OAAKhB,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aACZC,EACL,6OACA,uFACA,UACAP,EAAMQ,KACR;AAAA,IAAC;AAAA,EAAA,GACGP,CAAM,CAAA;AAGhB,GAEasB,IAA0DxB,CAAAA,MAAU;AAC/E,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGC,EAAeoB,UAAQlB,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aACfC,EACL,sOACA,gFACA,iBACAP,EAAMQ,KACR;AAAA,IAAC;AAAA,EAAA,GACGP,CAAM,CAAA;AAGhB,GAEawB,IAAuBC,GACvBC,IAAiBC;"}

package/dist/components/Typography.js

@@ -1,4 +1,4 @@
-import { template as c, spread as r, mergeProps as a } from "solid-js/web";
+import { spread as r, mergeProps as a, template as c } from "solid-js/web";
 import { splitProps as o } from "solid-js";
 import { cn as n } from "../node_modules/.bun/tailwind-variants@3.2.2_7ac958b541464b98/node_modules/tailwind-variants/dist/index.js";
 var m = /* @__PURE__ */ c("<h1>"), f = /* @__PURE__ */ c("<h2>"), g = /* @__PURE__ */ c("<h3>"), i = /* @__PURE__ */ c("<h4>"), u = /* @__PURE__ */ c("<p>"), d = /* @__PURE__ */ c("<blockquote>"), h = /* @__PURE__ */ c("<ul>"), p = /* @__PURE__ */ c("<code>"), _ = /* @__PURE__ */ c("<div>"), $ = /* @__PURE__ */ c("<small>");

package/dist/components/form/ComboboxField.js

@@ -1,4 +1,4 @@
-import { createComponent as r, mergeProps as d, template as u, insert as o, memo as n } from "solid-js/web";
+import { createComponent as r, mergeProps as d, insert as o, memo as n, template as u } from "solid-js/web";
 import { Combobox as s, ComboboxControl as g, ComboboxInput as h, ComboboxClearTrigger as c, ComboboxTrigger as m, ComboboxPositioner as b, ComboboxContent as C, ComboboxList as p } from "../Combobox.js";
 import { Field as x, FieldLabel as f, FieldContent as v, FieldError as O, FieldDescription as w } from "../Field.js";
 import { useFieldContext as F } from "./context.js";

package/dist/components/form/SliderField.js

@@ -1,36 +1,34 @@
-import { createComponent as r, mergeProps as n, memo as a, template as o, insert as i, For as d } from "solid-js/web";
+import { createComponent as r, mergeProps as n, insert as a, For as i, memo as d, template as o } from "solid-js/web";
 import { Field as g, FieldError as m, FieldDescription as c } from "../Field.js";
-import { Slider as h, SliderLabel as b, SliderValueText as f, SliderControl as v, SliderTrack as p, SliderRange as S, SliderThumb as y, SliderMarkerGroup as k, SliderMarker as F } from "../Slider.js";
+import { Slider as h, SliderLabel as b, SliderValueText as f, SliderControl as p, SliderTrack as v, SliderRange as S, SliderThumb as y, SliderMarkerGroup as k, SliderMarker as F } from "../Slider.js";
 import { useFieldContext as C } from "./context.js";
-import { splitProps as x } from "solid-js";
-var O = /* @__PURE__ */ o('<div class="flex items-center justify-between">');
+import { splitProps as O } from "solid-js";
+var x = /* @__PURE__ */ o('<div class="flex items-center justify-between">');
 const q = (l) => [(() => {
-  var e = O();
-  return i(e, r(b, {
+  var e = x();
+  return a(e, r(b, {
     get children() {
       return l.label;
     }
-  }), null), i(e, r(f, {}), null), e;
-})(), r(v, {
+  }), null), a(e, r(f, {}), null), e;
+})(), r(p, {
   get children() {
-    return [r(p, {
+    return [r(v, {
       get children() {
         return r(S, {});
       }
-    }), r(d, {
+    }), r(i, {
       get each() {
-        return l.value;
+        return l.value.map((e, t) => t);
       },
-      children: (e, t) => r(y, {
-        get index() {
-          return t();
-        }
+      children: (e) => r(y, {
+        index: e
       })
     })];
   }
-}), a(() => a(() => !!l.marks)() && r(k, {
+}), d(() => d(() => !!l.marks)() && r(k, {
   get children() {
-    return r(d, {
+    return r(i, {
       get each() {
         return l.marks;
       },
@@ -45,7 +43,7 @@ const q = (l) => [(() => {
     });
   }
 }))], V = (l) => {
-  const e = C(), [t, u] = x(l, ["label", "description", "required", "disabled", "readOnly", "marks"]);
+  const e = C(), [t, u] = O(l, ["label", "description", "required", "disabled", "readOnly", "marks"]);
   return r(g, {
     get invalid() {
       return e().state.meta.errors.length > 0;

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

@@ -1 +1 @@
-{"version":3,"file":"SliderField.js","sources":["../../../src/components/form/SliderField.tsx"],"sourcesContent":["import type { Component, ComponentProps } 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';\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}>{(_, index) => <SliderThumb index={index()} />}</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};\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  ]);\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      <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      <FieldError errors={field().state.meta.errors} />\n      <FieldDescription>{local.description}</FieldDescription>\n    </Field>\n  );\n};\n"],"names":["SliderInput","props","_el$","_tmpl$","_$insert","_$createComponent","SliderLabel","children","label","SliderValueText","SliderControl","SliderTrack","SliderRange","_$For","each","value","_","index","SliderThumb","_$memo","marks","SliderMarkerGroup","mark","SliderMarker","SliderField","field","useFieldContext","local","others","splitProps","Field","invalid","state","meta","errors","length","disabled","readOnly","required","Slider","_$mergeProps","onValueChange","details","handleChange","onFocusChange","handleBlur","Array","isArray","FieldError","FieldDescription","description"],"mappings":"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"}
+{"version":3,"file":"SliderField.js","sources":["../../../src/components/form/SliderField.tsx"],"sourcesContent":["import type { Component, ComponentProps } 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';\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};\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  ]);\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      <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      <FieldError errors={field().state.meta.errors} />\n      <FieldDescription>{local.description}</FieldDescription>\n    </Field>\n  );\n};\n"],"names":["SliderInput","props","_el$","_tmpl$","_$insert","_$createComponent","SliderLabel","children","label","SliderValueText","SliderControl","SliderTrack","SliderRange","_$For","each","value","map","_","index","SliderThumb","_$memo","marks","SliderMarkerGroup","mark","SliderMarker","SliderField","field","useFieldContext","local","others","splitProps","Field","invalid","state","meta","errors","length","disabled","readOnly","required","Slider","_$mergeProps","onValueChange","details","handleChange","onFocusChange","handleBlur","Array","isArray","FieldError","FieldDescription","description"],"mappings":"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"}

package/dist/components/sidebar/SidebarDesktop.js

@@ -1,9 +1,9 @@
-import { template as p, insert as h, createComponent as D, mergeProps as m, effect as w, style as k, className as n, setAttribute as l, spread as I } from "solid-js/web";
+import { insert as p, createComponent as D, mergeProps as h, effect as m, style as k, className as n, setAttribute as l, template as w, spread as I } from "solid-js/web";
 import { splitProps as S, createMemo as y } from "solid-js";
 import { cn as o } from "../../node_modules/.bun/tailwind-variants@3.2.2_7ac958b541464b98/node_modules/tailwind-variants/dist/index.js";
 import { SIDEBAR_WIDTH_ICON as M, SIDEBAR_WIDTH as A } from "./constants.js";
 import { useSidebar as R } from "./context.js";
-var z = /* @__PURE__ */ p("<aside data-slot=sidebar-container><div data-sidebar=sidebar data-slot=sidebar-inner>"), B = /* @__PURE__ */ p("<div data-slot=sidebar><div data-slot=sidebar-gap>");
+var z = /* @__PURE__ */ w("<aside data-slot=sidebar-container><div data-sidebar=sidebar data-slot=sidebar-inner>"), B = /* @__PURE__ */ w("<div data-slot=sidebar><div data-slot=sidebar-gap>");
 const E = (t) => o(t === !0 ? "group peer min-h-0 relative block self-stretch text-sidebar-foreground" : "group peer md:block min-h-0 relative hidden self-stretch text-sidebar-foreground"), H = (t) => o("relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear", "group-data-[collapsible=offcanvas]:w-0", "group-data-[side=right]:rotate-180", t === "floating" || t === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+1rem)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)"), N = (t) => {
   const r = {
     "--sidebar-width": A,
@@ -17,19 +17,19 @@ const E = (t) => o(t === !0 ? "group peer min-h-0 relative block self-stretch te
   const [r, e] = S(t, ["variant", "side", "class", "children", "innerClass"]);
   return (() => {
     var s = z(), d = s.firstChild;
-    return I(s, m({
+    return I(s, h({
       get class() {
         return o("top-0 bottom-0 md:flex absolute z-10 hidden w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear", r.side === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]", r.variant === "floating" || r.variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+1rem+2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l", r.class);
       }
-    }, e), !1, !0), h(d, () => r.children), w(() => n(d, o("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", r.innerClass))), s;
+    }, e), !1, !0), p(d, () => r.children), m(() => n(d, o("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", r.innerClass))), s;
   })();
 }, O = (t) => {
   const {
     state: r
-  } = R(), [e, s] = S(t, ["side", "variant", "collapsible", "disableMobileSidebar", "style", "class", "innerClass", "children"]), d = y(() => N(e.style));
+  } = R(), [e, s] = S(t, ["side", "variant", "collapsible", "disableMobileSidebar", "style", "class", "children"]), d = y(() => N(e.style));
   return (() => {
-    var i = B(), C = i.firstChild;
-    return h(i, D(P, m({
+    var i = B(), x = i.firstChild;
+    return p(i, D(P, h({
       get variant() {
         return e.variant ?? "sidebar";
       },
@@ -43,9 +43,9 @@ const E = (t) => o(t === !0 ? "group peer min-h-0 relative block self-stretch te
       get children() {
         return e.children;
       }
-    })), null), w((a) => {
-      var x = d(), c = E(e.disableMobileSidebar), b = r(), g = r() === "collapsed" ? e.collapsible ?? "offcanvas" : "", v = e.variant ?? "sidebar", f = e.side ?? "left", u = H(e.variant);
-      return a.e = k(i, x, a.e), c !== a.t && n(i, a.t = c), b !== a.a && l(i, "data-state", a.a = b), g !== a.o && l(i, "data-collapsible", a.o = g), v !== a.i && l(i, "data-variant", a.i = v), f !== a.n && l(i, "data-side", a.n = f), u !== a.s && n(C, a.s = u), a;
+    })), null), m((a) => {
+      var C = d(), c = E(e.disableMobileSidebar), b = r(), g = r() === "collapsed" ? e.collapsible ?? "offcanvas" : "", v = e.variant ?? "sidebar", f = e.side ?? "left", u = H(e.variant);
+      return a.e = k(i, C, a.e), c !== a.t && n(i, a.t = c), b !== a.a && l(i, "data-state", a.a = b), g !== a.o && l(i, "data-collapsible", a.o = g), v !== a.i && l(i, "data-variant", a.i = v), f !== a.n && l(i, "data-side", a.n = f), u !== a.s && n(x, a.s = u), a;
     }, {
       e: void 0,
       t: void 0,

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarDesktop.js","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    'innerClass',\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"],"names":["getSidebarDesktopRootClass","disableMobileSidebar","cn","getSidebarGapClass","variant","getSidebarStyle","style","base","SIDEBAR_WIDTH","SIDEBAR_WIDTH_ICON","SidebarDesktopContainer","props","local","others","splitProps","_el$","_tmpl$","_el$2","firstChild","_$spread","_$mergeProps","side","class","_$insert","children","_$effect","_$className","innerClass","SidebarDesktop","state","useSidebar","createMemo","_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"],"mappings":"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"}
+{"version":3,"file":"SidebarDesktop.js","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"],"names":["getSidebarDesktopRootClass","disableMobileSidebar","cn","getSidebarGapClass","variant","getSidebarStyle","style","base","SIDEBAR_WIDTH","SIDEBAR_WIDTH_ICON","SidebarDesktopContainer","props","local","others","splitProps","_el$","_tmpl$","_el$2","firstChild","_$spread","_$mergeProps","side","class","_$insert","children","_$effect","_$className","innerClass","SidebarDesktop","state","useSidebar","createMemo","_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"],"mappings":"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"}

package/dist/components/sidebar/SidebarMenu.js

@@ -1,17 +1,17 @@
-import { template as i, spread as d, mergeProps as s, createComponent as n, Show as f, Portal as w, memo as z, insert as p } from "solid-js/web";
+import { spread as i, mergeProps as s, createComponent as n, Show as f, Portal as w, memo as z, insert as p, template as d } from "solid-js/web";
 import { ark as S } from "../../node_modules/.bun/@ark-ui_solid@5.34.1_2e1854f049906f04/node_modules/@ark-ui/solid/dist/chunk/UFYZ7HLU.js";
 import { splitProps as o, createMemo as l } from "solid-js";
-import { tv as M, cn as c } from "../../node_modules/.bun/tailwind-variants@3.2.2_7ac958b541464b98/node_modules/tailwind-variants/dist/index.js";
+import { cn as c, tv as M } from "../../node_modules/.bun/tailwind-variants@3.2.2_7ac958b541464b98/node_modules/tailwind-variants/dist/index.js";
 import { Skeleton as m } from "../Skeleton.js";
 import { Tooltip as $, TooltipTrigger as y, TooltipPositioner as k, TooltipContent as A, TooltipArrow as T } from "../Tooltip.js";
 import { RANDOM_WIDTH_RANGE as B, RANDOM_WIDTH_BASE as P } from "./constants.js";
 import { useSidebar as C } from "./context.js";
-var D = /* @__PURE__ */ i("<ul data-slot=sidebar-menu data-sidebar=menu>"), I = /* @__PURE__ */ i("<li data-slot=sidebar-menu-item data-sidebar=menu-item>"), H = /* @__PURE__ */ i("<button data-slot=sidebar-menu-action data-sidebar=menu-action>"), O = /* @__PURE__ */ i("<div data-slot=sidebar-menu-badge data-sidebar=menu-badge>"), N = /* @__PURE__ */ i("<div data-slot=sidebar-menu-skeleton data-sidebar=menu-skeleton>"), R = /* @__PURE__ */ i("<ul data-slot=sidebar-menu-sub data-sidebar=menu-sub>"), j = /* @__PURE__ */ i("<li data-slot=sidebar-menu-sub-item data-sidebar=menu-sub-item>"), E = /* @__PURE__ */ i("<a data-slot=sidebar-menu-sub-button data-sidebar=menu-sub-button>");
+var D = /* @__PURE__ */ d("<ul data-slot=sidebar-menu data-sidebar=menu>"), I = /* @__PURE__ */ d("<li data-slot=sidebar-menu-item data-sidebar=menu-item>"), H = /* @__PURE__ */ d("<button data-slot=sidebar-menu-action data-sidebar=menu-action>"), O = /* @__PURE__ */ d("<div data-slot=sidebar-menu-badge data-sidebar=menu-badge>"), N = /* @__PURE__ */ d("<div data-slot=sidebar-menu-skeleton data-sidebar=menu-skeleton>"), R = /* @__PURE__ */ d("<ul data-slot=sidebar-menu-sub data-sidebar=menu-sub>"), j = /* @__PURE__ */ d("<li data-slot=sidebar-menu-sub-item data-sidebar=menu-sub-item>"), E = /* @__PURE__ */ d("<a data-slot=sidebar-menu-sub-button data-sidebar=menu-sub-button>");
 const ee = (e) => {
   const [t, r] = o(e, ["class"]);
   return (() => {
     var a = D();
-    return d(a, s({
+    return i(a, s({
       get class() {
         return c("gap-0 min-w-0 flex w-full flex-col", t.class);
       }
@@ -21,7 +21,7 @@ const ee = (e) => {
   const [t, r] = o(e, ["class"]);
   return (() => {
     var a = I();
-    return d(a, s({
+    return i(a, s({
       get class() {
         return c("group/menu-item relative", t.class);
       }
@@ -108,7 +108,7 @@ const ee = (e) => {
   const [t, r] = o(e, ["class", "showOnHover"]);
   return (() => {
     var a = H();
-    return d(a, s({
+    return i(a, s({
       get class() {
         return c("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", t.showOnHover === !0 && "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", t.class);
       }
@@ -118,7 +118,7 @@ const ee = (e) => {
   const [t, r] = o(e, ["class"]);
   return (() => {
     var a = O();
-    return d(a, s({
+    return i(a, s({
       get class() {
         return c("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", t.class);
       }
@@ -128,7 +128,7 @@ const ee = (e) => {
   const [t, r] = o(e, ["class", "showIcon"]), a = l(() => `${Math.floor(Math.random() * B) + P}%`);
   return (() => {
     var u = N();
-    return d(u, s({
+    return i(u, s({
       get class() {
         return c("h-8 gap-2 px-2 flex items-center rounded-md", t.class);
       }
@@ -156,7 +156,7 @@ const ee = (e) => {
   const [t, r] = o(e, ["class"]);
   return (() => {
     var a = R();
-    return d(a, s({
+    return i(a, s({
       get class() {
         return c("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", t.class);
       }
@@ -166,7 +166,7 @@ const ee = (e) => {
   const [t, r] = o(e, ["class"]);
   return (() => {
     var a = j();
-    return d(a, s({
+    return i(a, s({
       get class() {
         return c("group/menu-sub-item relative", t.class);
       }
@@ -176,7 +176,7 @@ const ee = (e) => {
   const [t, r] = o(e, ["class", "size", "isActive"]);
   return (() => {
     var a = E();
-    return d(a, s({
+    return i(a, s({
       get "data-size"() {
         return t.size ?? "md";
       }

package/dist/components/sidebar/SidebarMobile.js

@@ -1,4 +1,4 @@
-import { createComponent as r, template as n, insert as o } from "solid-js/web";
+import { createComponent as r, insert as o, template as n } from "solid-js/web";
 import { Sheet as a, SheetPositioner as p, SheetContent as c, SheetCloseButton as h, SheetHeader as m, SheetTitle as u, SheetDescription as b } from "../Sheet.js";
 import { SIDEBAR_WIDTH_MOBILE as f } from "./constants.js";
 import { useSidebar as g } from "./context.js";

package/dist/components/sidebar/SidebarProvider.js

@@ -1,16 +1,16 @@
-import { template as m, spread as f, mergeProps as u, createComponent as M } from "solid-js/web";
+import { spread as m, mergeProps as f, createComponent as u, template as M } from "solid-js/web";
 import { splitProps as g, createSignal as r, onMount as O, onCleanup as h } from "solid-js";
 import { cn as y } from "../../node_modules/.bun/tailwind-variants@3.2.2_7ac958b541464b98/node_modules/tailwind-variants/dist/index.js";
 import { createMediaQuery as v } from "../../primitives/createMediaQuery.js";
 import { SIDEBAR_KEYBOARD_SHORTCUT as C } from "./constants.js";
 import { SidebarContext as D } from "./context.js";
 import { setSidebarCookie as w } from "./utils.js";
-var x = /* @__PURE__ */ m("<div data-slot=sidebar-wrapper>");
+var x = /* @__PURE__ */ M("<div data-slot=sidebar-wrapper>");
 const V = (e) => {
   const [o, n] = g(e, ["class"]);
   return (() => {
     var i = x();
-    return f(i, u({
+    return m(i, f({
       get class() {
         return y("relative flex h-full min-h-full w-full has-data-[variant=inset]:bg-sidebar", o.class);
       }
@@ -59,7 +59,7 @@ const V = (e) => {
   const o = E(e), {
     toggle: n
   } = S(o);
-  return M(D.Provider, {
+  return u(D.Provider, {
     get value() {
       return k(o, n);
     },

package/dist/components/sidebar/SidebarSubComponents.js

@@ -1,4 +1,4 @@
-import { createComponent as d, mergeProps as s, template as i, spread as n, memo as p, delegateEvents as g } from "solid-js/web";
+import { createComponent as d, mergeProps as s, memo as p, spread as i, template as n, delegateEvents as g } from "solid-js/web";
 import { cn as l } from "../../node_modules/.bun/tailwind-variants@3.2.2_7ac958b541464b98/node_modules/tailwind-variants/dist/index.js";
 import m from "../../_virtual/side-navigation.js";
 import { Button as v } from "../Button.js";
@@ -7,7 +7,7 @@ import { Separator as w } from "../Separator.js";
 import { useSidebar as u } from "./context.js";
 import { splitProps as o } from "solid-js";
 import { ui_sidebar_toggle as b } from "../../paraglide/messages/ui_sidebar_toggle.js";
-var k = /* @__PURE__ */ i("<button data-sidebar=rail data-slot=sidebar-rail tabindex=-1>"), y = /* @__PURE__ */ i("<main data-slot=sidebar-inset>"), C = /* @__PURE__ */ i("<input data-slot=sidebar-input data-sidebar=input>"), z = /* @__PURE__ */ i("<div data-slot=sidebar-header data-sidebar=header>"), A = /* @__PURE__ */ i("<div data-slot=sidebar-footer data-sidebar=footer>"), G = /* @__PURE__ */ i("<div data-slot=sidebar-group data-sidebar=group>"), I = /* @__PURE__ */ i("<div data-slot=sidebar-group-label data-sidebar=group-label>"), P = /* @__PURE__ */ i("<button data-slot=sidebar-group-action data-sidebar=group-action>"), T = /* @__PURE__ */ i("<div data-slot=sidebar-group-content data-sidebar=group-content>");
+var k = /* @__PURE__ */ n("<button data-sidebar=rail data-slot=sidebar-rail tabindex=-1>"), y = /* @__PURE__ */ n("<main data-slot=sidebar-inset>"), C = /* @__PURE__ */ n("<input data-slot=sidebar-input data-sidebar=input>"), z = /* @__PURE__ */ n("<div data-slot=sidebar-header data-sidebar=header>"), A = /* @__PURE__ */ n("<div data-slot=sidebar-footer data-sidebar=footer>"), G = /* @__PURE__ */ n("<div data-slot=sidebar-group data-sidebar=group>"), I = /* @__PURE__ */ n("<div data-slot=sidebar-group-label data-sidebar=group-label>"), P = /* @__PURE__ */ n("<button data-slot=sidebar-group-action data-sidebar=group-action>"), T = /* @__PURE__ */ n("<div data-slot=sidebar-group-content data-sidebar=group-content>");
 const D = (r) => {
   const [e, t] = o(r, ["class", "onClick"]), {
     toggleSidebar: a
@@ -41,7 +41,7 @@ const D = (r) => {
     var c = k();
     return c.$$click = () => {
       a();
-    }, n(c, s({
+    }, i(c, s({
       get "aria-label"() {
         return b();
       },
@@ -54,7 +54,7 @@ const D = (r) => {
   const [e, t] = o(r, ["class"]);
   return (() => {
     var a = y();
-    return n(a, s({
+    return i(a, s({
       get class() {
         return l("md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2 relative flex w-full flex-1 flex-col bg-background", e.class);
       }
@@ -64,7 +64,7 @@ const D = (r) => {
   const [e, t] = o(r, ["class"]);
   return (() => {
     var a = C();
-    return n(a, s({
+    return i(a, s({
       get class() {
         return l("min-w-0 text-base md:text-sm flex w-full bg-transparent transition-colors outline-none placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 data-readonly:cursor-default", "h-8 px-2.5 py-1 rounded-lg border border-input focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:bg-input/50 data-invalid:border-destructive data-invalid:ring-[3px] data-invalid:ring-destructive/20 data-readonly:focus-visible:border-input data-readonly:focus-visible:ring-0 dark:bg-input/30 dark:disabled:bg-input/80 dark:data-invalid:border-destructive/50 dark:data-invalid:ring-destructive/40", "h-8 w-full bg-background shadow-none", e.class);
       }
@@ -74,7 +74,7 @@ const D = (r) => {
   const [e, t] = o(r, ["class"]);
   return (() => {
     var a = z();
-    return n(a, s({
+    return i(a, s({
       get class() {
         return l("gap-2 p-2 flex flex-col", e.class);
       }
@@ -84,7 +84,7 @@ const D = (r) => {
   const [e, t] = o(r, ["class"]);
   return (() => {
     var a = A();
-    return n(a, s({
+    return i(a, s({
       get class() {
         return l("gap-2 p-2 flex flex-col", e.class);
       }
@@ -134,7 +134,7 @@ const D = (r) => {
   const [e, t] = o(r, ["class"]);
   return (() => {
     var a = G();
-    return n(a, s({
+    return i(a, s({
       get class() {
         return l("p-2 min-w-0 relative flex w-full flex-col", e.class);
       }
@@ -144,7 +144,7 @@ const D = (r) => {
   const [e, t] = o(r, ["class"]);
   return (() => {
     var a = I();
-    return n(a, s({
+    return i(a, s({
       get class() {
         return l("h-8 px-2 text-xs group-data-[collapsible=icon]:-mt-8 [&>svg]:size-4 flex shrink-0 items-center rounded-md text-sidebar-foreground/70 ring-sidebar-ring outline-hidden transition-[margin,opacity] duration-200 ease-linear group-data-[collapsible=icon]:opacity-0 focus-visible:ring-2 [&>svg]:shrink-0", e.class);
       }
@@ -154,7 +154,7 @@ const D = (r) => {
   const [e, t] = o(r, ["class"]);
   return (() => {
     var a = P();
-    return n(a, s({
+    return i(a, s({
       get class() {
         return l("top-3.5 right-3 w-5 p-0 [&>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 after:absolute hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:shrink-0", e.class);
       }
@@ -164,7 +164,7 @@ const D = (r) => {
   const [e, t] = o(r, ["class"]);
   return (() => {
     var a = T();
-    return n(a, s({
+    return i(a, s({
       get class() {
         return l("text-sm w-full", e.class);
       }

package/dist/components/toaster/Toaster.js

@@ -1,5 +1,5 @@
-import { createComponent as t, Portal as s, template as l, insert as a } from "solid-js/web";
-import { createToaster as c, Toaster as u, toast_exports as o } from "../../node_modules/.bun/@ark-ui_solid@5.34.1_2e1854f049906f04/node_modules/@ark-ui/solid/dist/chunk/4OJLSY6B.js";
+import { createComponent as t, Portal as s, insert as a, template as l } from "solid-js/web";
+import { Toaster as c, createToaster as u, toast_exports as o } from "../../node_modules/.bun/@ark-ui_solid@5.34.1_2e1854f049906f04/node_modules/@ark-ui/solid/dist/chunk/4OJLSY6B.js";
 import { Show as r } from "solid-js";
 import { cn as n } from "../../node_modules/.bun/tailwind-variants@3.2.2_7ac958b541464b98/node_modules/tailwind-variants/dist/index.js";
 import d from "../../_virtual/check-circle.js";
@@ -9,7 +9,7 @@ import h from "../../_virtual/info.js";
 import p from "../../_virtual/warning.js";
 import { Spinner as f } from "../Spinner.js";
 var x = /* @__PURE__ */ l('<div class="gap-1 grid">');
-const w = c({
+const w = u({
   placement: "bottom-end",
   overlap: !0,
   gap: 16
@@ -115,7 +115,7 @@ const w = c({
   }
 }), D = () => t(s, {
   get children() {
-    return t(u, {
+    return t(c, {
       toaster: w,
       children: (e) => t(b, {
         toast: e

package/dist/index.js

@@ -2,26 +2,26 @@ import { cn as o, cnMerge as t, tv as i } from "./node_modules/.bun/tailwind-var
 import { LocaleProvider as c } from "./Locale.js";
 import { ThemeProvider as x, useTheme as l } from "./Theme.js";
 import { createMediaQuery as s } from "./primitives/createMediaQuery.js";
-import { DownloadTrigger as n } from "./node_modules/.bun/@ark-ui_solid@5.34.1_2e1854f049906f04/node_modules/@ark-ui/solid/dist/chunk/TYHUUGLH.js";
-import { FocusTrap as C } from "./node_modules/.bun/@ark-ui_solid@5.34.1_2e1854f049906f04/node_modules/@ark-ui/solid/dist/chunk/BRHQTJMC.js";
-import { format_exports as g } from "./node_modules/.bun/@ark-ui_solid@5.34.1_2e1854f049906f04/node_modules/@ark-ui/solid/dist/chunk/262SJY3P.js";
-import { Highlight as h } from "./node_modules/.bun/@ark-ui_solid@5.34.1_2e1854f049906f04/node_modules/@ark-ui/solid/dist/chunk/OWH3LOUE.js";
-import { json_tree_view_exports as F } from "./node_modules/.bun/@ark-ui_solid@5.34.1_2e1854f049906f04/node_modules/@ark-ui/solid/dist/chunk/ZMQW6EBL.js";
-import { Presence as _ } from "./node_modules/.bun/@ark-ui_solid@5.34.1_2e1854f049906f04/node_modules/@ark-ui/solid/dist/chunk/NEU4F4NG.js";
-import { Frame as y } from "./node_modules/.bun/@ark-ui_solid@5.34.1_2e1854f049906f04/node_modules/@ark-ui/solid/dist/chunk/65QK7XXR.js";
-import { ClientOnly as M } from "./node_modules/.bun/@ark-ui_solid@5.34.1_2e1854f049906f04/node_modules/@ark-ui/solid/dist/chunk/LXG74MYL.js";
+import { ClientOnly as n } from "./node_modules/.bun/@ark-ui_solid@5.34.1_2e1854f049906f04/node_modules/@ark-ui/solid/dist/chunk/LXG74MYL.js";
+import { DownloadTrigger as C } from "./node_modules/.bun/@ark-ui_solid@5.34.1_2e1854f049906f04/node_modules/@ark-ui/solid/dist/chunk/TYHUUGLH.js";
+import { FocusTrap as g } from "./node_modules/.bun/@ark-ui_solid@5.34.1_2e1854f049906f04/node_modules/@ark-ui/solid/dist/chunk/BRHQTJMC.js";
+import { format_exports as h } from "./node_modules/.bun/@ark-ui_solid@5.34.1_2e1854f049906f04/node_modules/@ark-ui/solid/dist/chunk/262SJY3P.js";
+import { Frame as F } from "./node_modules/.bun/@ark-ui_solid@5.34.1_2e1854f049906f04/node_modules/@ark-ui/solid/dist/chunk/65QK7XXR.js";
+import { Highlight as _ } from "./node_modules/.bun/@ark-ui_solid@5.34.1_2e1854f049906f04/node_modules/@ark-ui/solid/dist/chunk/OWH3LOUE.js";
+import { json_tree_view_exports as y } from "./node_modules/.bun/@ark-ui_solid@5.34.1_2e1854f049906f04/node_modules/@ark-ui/solid/dist/chunk/ZMQW6EBL.js";
+import { Presence as M } from "./node_modules/.bun/@ark-ui_solid@5.34.1_2e1854f049906f04/node_modules/@ark-ui/solid/dist/chunk/NEU4F4NG.js";
 import { createFileTreeCollection as A, createGridCollection as D, createListCollection as G, createTreeCollection as H, useAsyncList as J, useListCollection as O } from "./node_modules/.bun/@ark-ui_solid@5.34.1_2e1854f049906f04/node_modules/@ark-ui/solid/dist/chunk/EFII6TXL.js";
 import { cx as V } from "./node_modules/.bun/tailwind-variants@3.2.2_7ac958b541464b98/node_modules/tailwind-variants/dist/chunk-LQJYWU4O.js";
 export {
-  M as ClientOnly,
-  n as DownloadTrigger,
-  C as FocusTrap,
-  g as Format,
-  y as Frame,
-  h as Highlight,
-  F as JsonTreeView,
+  n as ClientOnly,
+  C as DownloadTrigger,
+  g as FocusTrap,
+  h as Format,
+  F as Frame,
+  _ as Highlight,
+  y as JsonTreeView,
   c as LocaleProvider,
-  _ as Presence,
+  M as Presence,
   x as ThemeProvider,
   o as cn,
   t as cnMerge,

package/dist/node_modules/.bun/@ark-ui_solid@5.34.1_2e1854f049906f04/node_modules/@ark-ui/solid/dist/chunk/ZMQW6EBL.js

@@ -6,7 +6,7 @@ import { ark as P } from "./UFYZ7HLU.js";
 import { createContext as E } from "./UZJJWJQM.js";
 import { __export as I } from "./7IUG3E2V.js";
 import { Index as R, splitProps as T, createMemo as l, For as _ } from "solid-js";
-import { getRootNode as S, nodeToString as D, nodeToValue as K, keyPathToKey as N } from "../../../../../../@zag-js_json-tree-utils@1.35.3/node_modules/@zag-js/json-tree-utils/dist/node-conversion.js";
+import { nodeToString as S, nodeToValue as D, getRootNode as K, keyPathToKey as N } from "../../../../../../@zag-js_json-tree-utils@1.35.3/node_modules/@zag-js/json-tree-utils/dist/node-conversion.js";
 import { jsonNodeToElement as A } from "../../../../../../@zag-js_json-tree-utils@1.35.3/node_modules/@zag-js/json-tree-utils/dist/data-type.js";
 import { getAccessibleDescription as G } from "../../../../../../@zag-js_json-tree-utils@1.35.3/node_modules/@zag-js/json-tree-utils/dist/accessibility.js";
 function q(e, t) {
@@ -22,9 +22,9 @@ var [y, L] = E({
   providerName: "<JsonTreeViewPropsProvider />"
 }), O = f(), Q = (e) => {
   const [t, a] = O(e, ["maxPreviewItems", "collapseStringsAfterLength", "quotesOnKeys", "groupArraysAfterLength", "showNonenumerable"]), [n, i] = T(a, ["data", "defaultExpandedDepth"]), u = l(() => j({
-    nodeToValue: K,
-    nodeToString: D,
-    rootNode: S(n.data)
+    nodeToValue: D,
+    nodeToString: S,
+    rootNode: K(n.data)
   })), c = l(() => n.defaultExpandedDepth != null ? q(u(), n.defaultExpandedDepth) : void 0);
   return r(y, {
     value: t,