@manafishrov/ui 1.2.11 → 1.2.13

package/dist/components/form/PasswordInputField.js

@@ -1,11 +1,11 @@
-import { createComponent as e, mergeProps as i } from "solid-js/web";
+import { createComponent as e, mergeProps as d, Show as s } from "solid-js/web";
 import { splitProps as a } from "solid-js";
-import { Field as s, FieldLabel as o, FieldContent as u, FieldError as g, FieldDescription as p } from "../Field.js";
-import { PasswordInput as c, PasswordInputControl as m, PasswordInputInput as h, PasswordInputVisibilityTrigger as f, PasswordInputIndicator as b } from "../PasswordInput.js";
+import { Field as o, FieldLabel as u, FieldContent as g, FieldError as p, FieldDescription as h } from "../Field.js";
+import { PasswordInput as c, PasswordInputControl as m, PasswordInputInput as f, PasswordInputVisibilityTrigger as b, PasswordInputIndicator as w } from "../PasswordInput.js";
 import { useFieldContext as I } from "./context.js";
-const v = (n) => {
-  const t = I(), [r, l] = a(n, ["label", "description", "required", "disabled", "readOnly"]);
-  return e(s, {
+const C = (n) => {
+  const t = I(), [r, i] = a(n, ["label", "description", "required", "disabled", "readOnly", "showVisibilityTrigger"]);
+  return e(o, {
     get invalid() {
       return t().state.meta.errors.length > 0;
     },
@@ -19,11 +19,11 @@ const v = (n) => {
       return r.readOnly ?? !1;
     },
     get children() {
-      return [e(o, {
+      return [e(u, {
         get children() {
           return r.label;
         }
-      }), e(u, {
+      }), e(g, {
         get children() {
           return [e(c, {
             get invalid() {
@@ -41,29 +41,36 @@ const v = (n) => {
             get children() {
               return e(m, {
                 get children() {
-                  return [e(h, i({
+                  return [e(f, d({
                     get value() {
                       return t().state.value;
                     },
-                    onInput: (d) => {
-                      t().handleChange(d.target.value);
+                    onInput: (l) => {
+                      t().handleChange(l.target.value);
                     },
                     onBlur: () => {
                       t().handleBlur();
                     }
-                  }, l)), e(f, {
+                  }, i)), e(s, {
+                    get when() {
+                      return r.showVisibilityTrigger !== !1;
+                    },
                     get children() {
-                      return e(b, {});
+                      return e(b, {
+                        get children() {
+                          return e(w, {});
+                        }
+                      });
                     }
                   })];
                 }
               });
             }
-          }), e(g, {
+          }), e(p, {
             get errors() {
               return t().state.meta.errors;
             }
-          }), e(p, {
+          }), e(h, {
             get children() {
               return r.description;
             }
@@ -74,6 +81,6 @@ const v = (n) => {
   });
 };
 export {
-  v as PasswordInputField
+  C as PasswordInputField
 };
 //# sourceMappingURL=PasswordInputField.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PasswordInputField.js","sources":["../../../src/components/form/PasswordInputField.tsx"],"sourcesContent":["import { splitProps, type Component, type ComponentProps } from 'solid-js';\n\nimport { Field, FieldLabel, FieldContent, FieldError, FieldDescription } from '@/components/Field';\nimport {\n  PasswordInput,\n  PasswordInputControl,\n  PasswordInputInput,\n  PasswordInputVisibilityTrigger,\n  PasswordInputIndicator,\n} from '@/components/PasswordInput';\n\nimport { useFieldContext } from './context';\n\nexport type PasswordInputFieldProps = ComponentProps<typeof PasswordInputInput> & {\n  label?: string;\n  description?: string;\n};\n\nexport const PasswordInputField: Component<PasswordInputFieldProps> = (props) => {\n  const field = useFieldContext<string>();\n  const [local, others] = splitProps(props, [\n    'label',\n    'description',\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      <FieldLabel>{local.label}</FieldLabel>\n      <FieldContent>\n        <PasswordInput\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          <PasswordInputControl>\n            <PasswordInputInput\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            <PasswordInputVisibilityTrigger>\n              <PasswordInputIndicator />\n            </PasswordInputVisibilityTrigger>\n          </PasswordInputControl>\n        </PasswordInput>\n        <FieldError errors={field().state.meta.errors} />\n        <FieldDescription>{local.description}</FieldDescription>\n      </FieldContent>\n    </Field>\n  );\n};\n"],"names":["PasswordInputField","props","field","useFieldContext","local","others","splitProps","_$createComponent","Field","invalid","state","meta","errors","length","required","disabled","readOnly","children","FieldLabel","label","FieldContent","PasswordInput","PasswordInputControl","PasswordInputInput","_$mergeProps","value","onInput","event","handleChange","target","onBlur","handleBlur","PasswordInputVisibilityTrigger","PasswordInputIndicator","FieldError","FieldDescription","description"],"mappings":";;;;;AAkBO,MAAMA,IAA0DC,CAAAA,MAAU;AAC/E,QAAMC,IAAQC,EAAAA,GACR,CAACC,GAAOC,CAAM,IAAIC,EAAWL,GAAO,CACxC,SACA,eACA,YACA,YACA,UAAU,CACX;AAED,SAAAM,EACGC,GAAK;AAAA,IAAA,IACJC,UAAO;AAAA,aAAEP,EAAAA,EAAQQ,MAAMC,KAAKC,OAAOC,SAAS;AAAA,IAAC;AAAA,IAAA,IAC7CC,WAAQ;AAAA,aAAEV,EAAMU,YAAY;AAAA,IAAK;AAAA,IAAA,IACjCC,WAAQ;AAAA,aAAEX,EAAMW,YAAY;AAAA,IAAK;AAAA,IAAA,IACjCC,WAAQ;AAAA,aAAEZ,EAAMY,YAAY;AAAA,IAAK;AAAA,IAAA,IAAAC,WAAA;AAAA,aAAA,CAAAV,EAEhCW,GAAU;AAAA,QAAA,IAAAD,WAAA;AAAA,iBAAEb,EAAMe;AAAAA,QAAK;AAAA,MAAA,CAAA,GAAAZ,EACvBa,GAAY;AAAA,QAAA,IAAAH,WAAA;AAAA,iBAAA,CAAAV,EACVc,GAAa;AAAA,YAAA,IACZZ,UAAO;AAAA,qBAAEP,EAAAA,EAAQQ,MAAMC,KAAKC,OAAOC,SAAS;AAAA,YAAC;AAAA,YAAA,IAC7CE,WAAQ;AAAA,qBAAEX,EAAMW,YAAY;AAAA,YAAK;AAAA,YAAA,IACjCC,WAAQ;AAAA,qBAAEZ,EAAMY,YAAY;AAAA,YAAK;AAAA,YAAA,IACjCF,WAAQ;AAAA,qBAAEV,EAAMU,YAAY;AAAA,YAAK;AAAA,YAAA,IAAAG,WAAA;AAAA,qBAAAV,EAEhCe,GAAoB;AAAA,gBAAA,IAAAL,WAAA;AAAA,yBAAA,CAAAV,EAClBgB,GAAkBC,EAAA;AAAA,oBAAA,IACjBC,QAAK;AAAA,6BAAEvB,EAAAA,EAAQQ,MAAMe;AAAAA,oBAAK;AAAA,oBAC1BC,SAAUC,CAAAA,MAAU;AAClBzB,sBAAAA,EAAAA,EAAQ0B,aAAaD,EAAME,OAAOJ,KAAK;AAAA,oBACzC;AAAA,oBACAK,QAAQA,MAAM;AACZ5B,sBAAAA,EAAAA,EAAQ6B,WAAAA;AAAAA,oBACV;AAAA,kBAAA,GACI1B,CAAM,CAAA,GAAAE,EAEXyB,GAA8B;AAAA,oBAAA,IAAAf,WAAA;AAAA,6BAAAV,EAC5B0B,GAAsB,EAAA;AAAA,oBAAA;AAAA,kBAAA,CAAA,CAAA;AAAA,gBAAA;AAAA,cAAA,CAAA;AAAA,YAAA;AAAA,UAAA,CAAA,GAAA1B,EAI5B2B,GAAU;AAAA,YAAA,IAACtB,SAAM;AAAA,qBAAEV,EAAAA,EAAQQ,MAAMC,KAAKC;AAAAA,YAAM;AAAA,UAAA,CAAA,GAAAL,EAC5C4B,GAAgB;AAAA,YAAA,IAAAlB,WAAA;AAAA,qBAAEb,EAAMgC;AAAAA,YAAW;AAAA,UAAA,CAAA,CAAA;AAAA,QAAA;AAAA,MAAA,CAAA,CAAA;AAAA,IAAA;AAAA,EAAA,CAAA;AAI5C;"}
+{"version":3,"file":"PasswordInputField.js","sources":["../../../src/components/form/PasswordInputField.tsx"],"sourcesContent":["import { splitProps, type Component, type ComponentProps } from 'solid-js';\n\nimport { Field, FieldLabel, FieldContent, FieldError, FieldDescription } from '@/components/Field';\nimport {\n  PasswordInput,\n  PasswordInputControl,\n  PasswordInputInput,\n  PasswordInputVisibilityTrigger,\n  PasswordInputIndicator,\n} from '@/components/PasswordInput';\n\nimport { useFieldContext } from './context';\n\nexport type PasswordInputFieldProps = ComponentProps<typeof PasswordInputInput> & {\n  label?: string;\n  description?: string;\n  showVisibilityTrigger?: boolean;\n};\n\nexport const PasswordInputField: Component<PasswordInputFieldProps> = (props) => {\n  const field = useFieldContext<string>();\n  const [local, others] = splitProps(props, [\n    'label',\n    'description',\n    'required',\n    'disabled',\n    'readOnly',\n    'showVisibilityTrigger',\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      <FieldLabel>{local.label}</FieldLabel>\n      <FieldContent>\n        <PasswordInput\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          <PasswordInputControl>\n            <PasswordInputInput\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            <Show when={local.showVisibilityTrigger !== false}>\n              <PasswordInputVisibilityTrigger>\n                <PasswordInputIndicator />\n              </PasswordInputVisibilityTrigger>\n            </Show>\n          </PasswordInputControl>\n        </PasswordInput>\n        <FieldError errors={field().state.meta.errors} />\n        <FieldDescription>{local.description}</FieldDescription>\n      </FieldContent>\n    </Field>\n  );\n};\n"],"names":["PasswordInputField","props","field","useFieldContext","local","others","splitProps","_$createComponent","Field","invalid","state","meta","errors","length","required","disabled","readOnly","children","FieldLabel","label","FieldContent","PasswordInput","PasswordInputControl","PasswordInputInput","_$mergeProps","value","onInput","event","handleChange","target","onBlur","handleBlur","_$Show","when","showVisibilityTrigger","PasswordInputVisibilityTrigger","PasswordInputIndicator","FieldError","FieldDescription","description"],"mappings":";;;;;AAmBO,MAAMA,IAA0DC,CAAAA,MAAU;AAC/E,QAAMC,IAAQC,EAAAA,GACR,CAACC,GAAOC,CAAM,IAAIC,EAAWL,GAAO,CACxC,SACA,eACA,YACA,YACA,YACA,uBAAuB,CACxB;AAED,SAAAM,EACGC,GAAK;AAAA,IAAA,IACJC,UAAO;AAAA,aAAEP,EAAAA,EAAQQ,MAAMC,KAAKC,OAAOC,SAAS;AAAA,IAAC;AAAA,IAAA,IAC7CC,WAAQ;AAAA,aAAEV,EAAMU,YAAY;AAAA,IAAK;AAAA,IAAA,IACjCC,WAAQ;AAAA,aAAEX,EAAMW,YAAY;AAAA,IAAK;AAAA,IAAA,IACjCC,WAAQ;AAAA,aAAEZ,EAAMY,YAAY;AAAA,IAAK;AAAA,IAAA,IAAAC,WAAA;AAAA,aAAA,CAAAV,EAEhCW,GAAU;AAAA,QAAA,IAAAD,WAAA;AAAA,iBAAEb,EAAMe;AAAAA,QAAK;AAAA,MAAA,CAAA,GAAAZ,EACvBa,GAAY;AAAA,QAAA,IAAAH,WAAA;AAAA,iBAAA,CAAAV,EACVc,GAAa;AAAA,YAAA,IACZZ,UAAO;AAAA,qBAAEP,EAAAA,EAAQQ,MAAMC,KAAKC,OAAOC,SAAS;AAAA,YAAC;AAAA,YAAA,IAC7CE,WAAQ;AAAA,qBAAEX,EAAMW,YAAY;AAAA,YAAK;AAAA,YAAA,IACjCC,WAAQ;AAAA,qBAAEZ,EAAMY,YAAY;AAAA,YAAK;AAAA,YAAA,IACjCF,WAAQ;AAAA,qBAAEV,EAAMU,YAAY;AAAA,YAAK;AAAA,YAAA,IAAAG,WAAA;AAAA,qBAAAV,EAEhCe,GAAoB;AAAA,gBAAA,IAAAL,WAAA;AAAA,yBAAA,CAAAV,EAClBgB,GAAkBC,EAAA;AAAA,oBAAA,IACjBC,QAAK;AAAA,6BAAEvB,EAAAA,EAAQQ,MAAMe;AAAAA,oBAAK;AAAA,oBAC1BC,SAAUC,CAAAA,MAAU;AAClBzB,sBAAAA,EAAAA,EAAQ0B,aAAaD,EAAME,OAAOJ,KAAK;AAAA,oBACzC;AAAA,oBACAK,QAAQA,MAAM;AACZ5B,sBAAAA,EAAAA,EAAQ6B,WAAAA;AAAAA,oBACV;AAAA,kBAAA,GACI1B,CAAM,CAAA,GAAAE,EAEXyB,GAAI;AAAA,oBAAA,IAACC,OAAI;AAAA,6BAAE7B,EAAM8B,0BAA0B;AAAA,oBAAK;AAAA,oBAAA,IAAAjB,WAAA;AAAA,6BAAAV,EAC9C4B,GAA8B;AAAA,wBAAA,IAAAlB,WAAA;AAAA,iCAAAV,EAC5B6B,GAAsB,EAAA;AAAA,wBAAA;AAAA,sBAAA,CAAA;AAAA,oBAAA;AAAA,kBAAA,CAAA,CAAA;AAAA,gBAAA;AAAA,cAAA,CAAA;AAAA,YAAA;AAAA,UAAA,CAAA,GAAA7B,EAK9B8B,GAAU;AAAA,YAAA,IAACzB,SAAM;AAAA,qBAAEV,EAAAA,EAAQQ,MAAMC,KAAKC;AAAAA,YAAM;AAAA,UAAA,CAAA,GAAAL,EAC5C+B,GAAgB;AAAA,YAAA,IAAArB,WAAA;AAAA,qBAAEb,EAAMmC;AAAAA,YAAW;AAAA,UAAA,CAAA,CAAA;AAAA,QAAA;AAAA,MAAA,CAAA,CAAA;AAAA,IAAA;AAAA,EAAA,CAAA;AAI5C;"}

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/form/TagsInputField.d.ts

@@ -1,8 +1,8 @@
-import { TagsInputRootProps } from '@ark-ui/solid';
-import { Component } from 'solid-js';
-export type TagsInputFieldProps = TagsInputRootProps & {
+import { Component, ComponentProps } from 'solid-js';
+import { TagsInputInput } from '../TagsInput';
+export type TagsInputFieldProps = ComponentProps<typeof TagsInputInput> & {
     label?: string;
     description?: string;
-    placeholder?: string;
+    showClearTrigger?: boolean;
 };
 export declare const TagsInputField: Component<TagsInputFieldProps>;

package/dist/components/form/TagsInputField.js

@@ -1,40 +1,46 @@
-import { createComponent as e, mergeProps as d } from "solid-js/web";
-import { splitProps as u, For as i } from "solid-js";
-import { Field as o, FieldLabel as s, FieldContent as g, FieldError as p, FieldDescription as c } from "../Field.js";
-import { TagsInput as h, TagsInputContext as I, TagsInputControl as m, TagsInputItem as T, TagsInputItemPreview as f, TagsInputItemText as F, TagsInputItemDeleteTrigger as b, TagsInputItemInput as C, TagsInputInput as v, TagsInputClearTrigger as O, TagsInputHiddenInput as P } from "../TagsInput.js";
-import { useFieldContext as x } from "./context.js";
-const y = (n) => [e(I, {
-  children: (t) => e(m, {
-    get children() {
-      return [e(i, {
-        get each() {
-          return t().value;
-        },
-        children: (r, l) => e(T, {
-          get index() {
-            return l();
+import { createComponent as e, mergeProps as o, Show as s, memo as u } from "solid-js/web";
+import { splitProps as i, For as d } from "solid-js";
+import { Field as h, FieldLabel as p, FieldContent as c, FieldError as T, FieldDescription as I } from "../Field.js";
+import { TagsInput as m, TagsInputContext as C, TagsInputControl as f, TagsInputItem as b, TagsInputItemPreview as w, TagsInputItemText as F, TagsInputItemDeleteTrigger as v, TagsInputItemInput as y, TagsInputInput as O, TagsInputClearTrigger as P, TagsInputHiddenInput as x } from "../TagsInput.js";
+import { useFieldContext as q } from "./context.js";
+const D = (l) => {
+  const [t, r] = i(l, ["children", "showClearTrigger"]);
+  return [e(C, {
+    children: (a) => e(f, {
+      get children() {
+        return [e(d, {
+          get each() {
+            return a().value;
+          },
+          children: (n, g) => e(b, {
+            get index() {
+              return g();
+            },
+            value: n,
+            get children() {
+              return [e(w, {
+                get children() {
+                  return [e(F, {
+                    children: n
+                  }), e(v, {})];
+                }
+              }), e(y, {})];
+            }
+          })
+        }), e(O, r), e(s, {
+          get when() {
+            return t.showClearTrigger !== !1;
           },
-          value: r,
           get children() {
-            return [e(f, {
-              get children() {
-                return [e(F, {
-                  children: r
-                }), e(b, {})];
-              }
-            }), e(C, {})];
+            return e(P, {});
           }
-        })
-      }), e(v, {
-        get placeholder() {
-          return n.placeholder;
-        }
-      }), e(O, {})];
-    }
-  })
-}), e(P, {})], q = ["label", "description", "required", "disabled", "readOnly", "placeholder"], L = (n) => {
-  const t = x(), [r, l] = u(n, q);
-  return e(o, {
+        }), u(() => t.children)];
+      }
+    })
+  }), e(x, {})];
+}, S = ["label", "description", "required", "disabled", "readOnly", "showClearTrigger"], A = (l) => {
+  const t = q(), [r, a] = i(l, S);
+  return e(h, {
     get invalid() {
       return t().state.meta.errors.length > 0;
     },
@@ -48,18 +54,18 @@ const y = (n) => [e(I, {
       return r.required ?? !1;
     },
     get children() {
-      return [e(s, {
+      return [e(p, {
         get children() {
           return r.label;
         }
-      }), e(g, {
+      }), e(c, {
         get children() {
-          return [e(h, d({
+          return [e(m, {
             get value() {
               return t().state.value;
             },
-            onValueChange: (a) => {
-              t().handleChange(a.value);
+            onValueChange: (n) => {
+              t().handleChange(n.value);
             },
             onBlur: () => {
               t().handleBlur();
@@ -72,20 +78,17 @@ const y = (n) => [e(I, {
             },
             get readOnly() {
               return r.readOnly ?? !1;
-            }
-          }, l, {
+            },
             get children() {
-              return e(y, {
-                get placeholder() {
-                  return r.placeholder;
-                }
-              });
+              return e(D, o(a, () => typeof r.showClearTrigger == "boolean" && {
+                showClearTrigger: r.showClearTrigger
+              }));
             }
-          })), e(p, {
+          }), e(T, {
             get errors() {
               return t().state.meta.errors;
             }
-          }), e(c, {
+          }), e(I, {
             get children() {
               return r.description;
             }
@@ -96,6 +99,6 @@ const y = (n) => [e(I, {
   });
 };
 export {
-  L as TagsInputField
+  A as TagsInputField
 };
 //# sourceMappingURL=TagsInputField.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TagsInputField.js","sources":["../../../src/components/form/TagsInputField.tsx"],"sourcesContent":["import type { TagsInputRootProps } from '@ark-ui/solid';\n\nimport { type Component, splitProps, For } 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';\n\nexport type TagsInputFieldProps = TagsInputRootProps & {\n  label?: string;\n  description?: string;\n  placeholder?: string;\n};\n\nconst TagsInputGroup: Component<{ placeholder?: string | undefined }> = (props) => (\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 placeholder={props.placeholder} />\n          <TagsInputClearTrigger />\n        </TagsInputControl>\n      )}\n    </TagsInputContext>\n    <TagsInputHiddenInput />\n  </>\n);\n\nconst TAGS_INPUT_FIELD_PROPS = [\n  'label',\n  'description',\n  'required',\n  'disabled',\n  'readOnly',\n  'placeholder',\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\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        <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          {...others}\n        >\n          <TagsInputGroup placeholder={local.placeholder} />\n        </TagsInput>\n        <FieldError errors={field().state.meta.errors} />\n        <FieldDescription>{local.description}</FieldDescription>\n      </FieldContent>\n    </Field>\n  );\n};\n"],"names":["TagsInputGroup","props","_$createComponent","TagsInputContext","children","context","TagsInputControl","For","each","value","index","TagsInputItem","TagsInputItemPreview","TagsInputItemText","TagsInputItemDeleteTrigger","TagsInputItemInput","TagsInputInput","placeholder","TagsInputClearTrigger","TagsInputHiddenInput","TAGS_INPUT_FIELD_PROPS","TagsInputField","field","useFieldContext","local","others","splitProps","Field","invalid","state","meta","errors","length","disabled","readOnly","required","FieldLabel","label","FieldContent","TagsInput","_$mergeProps","onValueChange","details","handleChange","onBlur","handleBlur","FieldError","FieldDescription","description"],"mappings":"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"}
+{"version":3,"file":"TagsInputField.js","sources":["../../../src/components/form/TagsInputField.tsx"],"sourcesContent":["import { type Component, type ComponentProps, splitProps, For } 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';\n\nexport type TagsInputFieldProps = ComponentProps<typeof TagsInputInput> & {\n  label?: string;\n  description?: string;\n  showClearTrigger?: boolean;\n};\n\nconst TagsInputGroup: Component<\n  ComponentProps<typeof TagsInputInput> & { showClearTrigger?: boolean }\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] 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\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        <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        >\n          <TagsInputGroup\n            {...others}\n            {...(typeof local.showClearTrigger === 'boolean' && {\n              showClearTrigger: local.showClearTrigger,\n            })}\n          />\n        </TagsInput>\n        <FieldError errors={field().state.meta.errors} />\n        <FieldDescription>{local.description}</FieldDescription>\n      </FieldContent>\n    </Field>\n  );\n};\n"],"names":["TagsInputGroup","props","local","others","splitProps","_$createComponent","TagsInputContext","children","context","TagsInputControl","For","each","value","index","TagsInputItem","TagsInputItemPreview","TagsInputItemText","TagsInputItemDeleteTrigger","TagsInputItemInput","TagsInputInput","_$Show","when","showClearTrigger","TagsInputClearTrigger","_$memo","TagsInputHiddenInput","TAGS_INPUT_FIELD_PROPS","TagsInputField","field","useFieldContext","Field","invalid","state","meta","errors","length","disabled","readOnly","required","FieldLabel","label","FieldContent","TagsInput","onValueChange","details","handleChange","onBlur","handleBlur","_$mergeProps","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,11 +17,11 @@ 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 {
@@ -29,7 +29,7 @@ const E = (t) => o(t === !0 ? "group peer min-h-0 relative block self-stretch te
   } = R(), [e, s] = S(t, ["side", "variant", "collapsible", "disableMobileSidebar", "style", "class", "children"]), d = y(() => N(e.style));
   return (() => {
     var i = B(), x = i.firstChild;
-    return h(i, D(P, m({
+    return p(i, D(P, h({
       get variant() {
         return e.variant ?? "sidebar";
       },
@@ -43,7 +43,7 @@ const E = (t) => o(t === !0 ? "group peer min-h-0 relative block self-stretch te
       get children() {
         return e.children;
       }
-    })), null), w((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;
     }, {

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);
     },