@neut/ui 0.0.15 → 0.0.17

package/dist/components/carousel/CarouselPrevious/CarouselPrevious.d.ts

@@ -1,2 +1,2 @@
 import { CarouselPreviousProps } from './CarouselPrevious.types';
-export declare const CarouselPrevious: (props: CarouselPreviousProps) => import("solid-js").JSX.Element;
+export declare const CarouselPrevious: (props: CarouselPreviousProps) => import('solid-js').JSX.Element;

package/dist/components/carousel/CarouselPrevious/CarouselPrevious.js.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselPrevious.js","names":["ChevronLeft","mergeProps","splitProps","Button","clsx","useCarouselContext","CarouselPreviousProps","CarouselPrevious","props","scrollPrev","canScrollPrev","orientation","merged","variant","size","const","local","others","_$createComponent","_$mergeProps","class","disabled","onClick","icon"],"sources":["../../../../src/components/carousel/CarouselPrevious/CarouselPrevious.tsx"],"sourcesContent":["import { ChevronLeft } from \"lucide-solid\";\nimport { mergeProps, splitProps } from \"solid-js\";\nimport { Button } from \"~/components/button\";\nimport { clsx } from \"~/utils\";\nimport { useCarouselContext } from \"../Carousel\";\nimport type { CarouselPreviousProps } from \"./CarouselPrevious.types\";\n\nexport const CarouselPrevious = (props: CarouselPreviousProps) => {\n  const { scrollPrev, canScrollPrev, orientation } = useCarouselContext();\n  const merged = mergeProps({ variant: \"outline\", size: \"sm\" } as const, props);\n  const [local, others] = splitProps(merged, [\"class\", \"classList\"]);\n\n  return (\n    <Button\n      data-slot=\"carousel-previous\"\n      class={clsx(\n        \"absolute touch-manipulation rounded-full\",\n        orientation() === \"horizontal\" &&\n          \"active:data-[slot=carousel-previous]:translate-y-[calc(-50%+1px)]\", // 修复shadcn中存在的bug，active状态会出现异常位移\n        orientation() === \"horizontal\"\n          ? \"top-1/2 -left-12 -translate-y-1/2\"\n          : \"-top-12 left-1/2 -translate-x-1/2 rotate-90\",\n        local.class,\n      )}\n      disabled={!canScrollPrev()}\n      onClick={scrollPrev}\n      aria-label=\"Previous slide\"\n      icon={<ChevronLeft class=\"cn-rtl-flip\" />}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;;;AAOA,IAAaO,KAAoBC,MAAiC;CAChE,IAAM,EAAEC,eAAYC,kBAAeC,mBAAgBN,EAAmB,GAChEO,IAASX,EAAW;EAAEY,SAAS;EAAWC,MAAM;CAAK,GAAYN,CAAK,GACtE,CAACQ,GAAOC,KAAUf,EAAWU,GAAQ,CAAC,SAAS,WAAW,CAAC;CAEjE,OAAAM,EACGf,GAAMgB,EAAA;EAAA,aAAA;EAAA,IAAA,QAAA;GAAA,OAEEf,EACL,4CACAO,EAAY,MAAM,gBAChB,qEACFA,EAAY,MAAM,eACd,sCACA,+CACJK,EAAMI,KACR;EAAC;EAAA,IACDC,WAAQ;GAAA,OAAE,CAACX,EAAc;EAAC;EAC1BY,SAASb;EAAU,cAAA;EAAA,IAEnBc,OAAI;GAAA,OAAAL,EAAGlB,GAAW,EAAA,OAAA,cAAA,CAAA;EAAA;CAAA,GACdiB,CAAM,CAAA;AAGhB"}
+{"version":3,"file":"CarouselPrevious.js","names":["ChevronLeft","mergeProps","splitProps","Button","clsx","useCarouselContext","CarouselPreviousProps","CarouselPrevious","props","scrollPrev","canScrollPrev","orientation","merged","variant","size","const","local","others","_$createComponent","_$mergeProps","class","disabled","onClick","icon","mergeProps","_$createComponent","_$mergeProps","mergeProps$1","CarouselPrevious","useCarouselContext","merged","props","local","others","splitProps","createComponent","Button","mergeProps","\"class\"","clsx","orientation","canScrollPrev","scrollPrev","ChevronLeft"],"sources":["../../../../src/components/carousel/CarouselPrevious/CarouselPrevious.tsx"],"sourcesContent":["import { ChevronLeft } from \"lucide-solid\";\nimport { mergeProps, splitProps } from \"solid-js\";\nimport { Button } from \"~/components/button\";\nimport { clsx } from \"~/utils\";\nimport { useCarouselContext } from \"../Carousel\";\nimport type { CarouselPreviousProps } from \"./CarouselPrevious.types\";\n\nexport const CarouselPrevious = (props: CarouselPreviousProps) => {\n  const { scrollPrev, canScrollPrev, orientation } = useCarouselContext();\n  const merged = mergeProps({ variant: \"outline\", size: \"sm\" } as const, props);\n  const [local, others] = splitProps(merged, [\"class\", \"classList\"]);\n\n  return (\n    <Button\n      data-slot=\"carousel-previous\"\n      class={clsx(\n        \"absolute touch-manipulation rounded-full\",\n        orientation() === \"horizontal\" &&\n          \"active:data-[slot=carousel-previous]:translate-y-[calc(-50%+1px)]\", // 修复shadcn中存在的bug，active状态会出现异常位移\n        orientation() === \"horizontal\"\n          ? \"top-1/2 -left-12 -translate-y-1/2\"\n          : \"-top-12 left-1/2 -translate-x-1/2 rotate-90\",\n        local.class,\n      )}\n      disabled={!canScrollPrev()}\n      onClick={scrollPrev}\n      aria-label=\"Previous slide\"\n      icon={<ChevronLeft class=\"cn-rtl-flip\" />}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;;;AAOA,IAAaO,KAAoBC,MAAiC;CAChE,IAAM,EAAEC,eAAYC,kBAAeC,mBAAgBN,EAAmB,GAChEO,IAASX,EAAW;EAAEY,SAAS;EAAWC,MAAM;CAAK,GAAYN,CAAK,GACtE,CAACQ,GAAOC,KAAUf,EAAWU,GAAQ,CAAC,SAAS,WAAW,CAAC;CAEjE,OAAAM,EACGf,GAAMgB,EAAA;EAAA,aAAA;EAAA,IAAAmB,QAAA;GAAA,OAEElC,EACL,4CACAO,EAAY,MAAM,gBAChB,qEACFA,EAAY,MAAM,eACd,sCACA,+CACJK,EAAMI,KACR;EAAC;EAAA,IACDC,WAAQ;GAAA,OAAE,CAACX,EAAc;EAAC;EAC1BY,SAASb;EAAU,cAAA;EAAA,IAEnBc,OAAI;GAAA,OAAAL,EAAGlB,GAAW,EAAAsC,OAAA,cAAA,CAAA;EAAA;CAAA,GACdrB,CAAM,CAAA;AAGhB"}

package/dist/components/checkbox/Checkbox/Checkbox.d.ts

@@ -1,2 +1,2 @@
 import { CheckboxProps } from './Checkbox.types';
-export declare const Checkbox: (props: CheckboxProps) => import("solid-js").JSX.Element;
+export declare const Checkbox: (props: CheckboxProps) => import('solid-js').JSX.Element;

package/dist/components/checkbox/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","names":["createMemo","createSignal","createUniqueId","mergeProps","splitProps","CheckboxProps","clsx","classes","CheckboxIndicator","Checkbox","props","defaultID","merged","id","name","defaultChecked","const","local","others","internalChecked","setInternalChecked","checked","handleClick","disabled","newChecked","onChange","_el$","_tmpl$","$$click","_$spread","_$mergeProps","aria-checked","aria-disabled","data-disabled","data-checked","aria-labelledby","class","_$insert","_$createComponent","_el$2","_tmpl$2","_$effect","_p$","_v$","_v$2","_v$3","e","_$setAttribute","t","a","undefined","_$delegateEvents"],"sources":["../../../../src/components/checkbox/Checkbox/Checkbox.tsx"],"sourcesContent":["import {\n  createMemo,\n  createSignal,\n  createUniqueId,\n  mergeProps,\n  splitProps,\n} from \"solid-js\";\nimport type { CheckboxProps } from \"./Checkbox.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./Checkbox.styles\";\nimport { CheckboxIndicator } from \"../CheckboxIndicator\";\n\nexport const Checkbox = (props: CheckboxProps) => {\n  const defaultID = createUniqueId();\n  const merged = mergeProps(\n    { id: defaultID, name: defaultID, defaultChecked: false } as const,\n    props,\n  );\n\n  const [local, others] = splitProps(merged, [\n    \"name\",\n    \"id\",\n    \"checked\",\n    \"defaultChecked\",\n    \"onChange\",\n    \"disabled\",\n    \"class\",\n    \"classList\",\n  ]);\n\n  const [internalChecked, setInternalChecked] = createSignal(\n    local.defaultChecked,\n  );\n\n  const checked = createMemo(() => local.checked ?? internalChecked());\n\n  const handleClick = () => {\n    if (local.disabled) return;\n\n    const newChecked = !checked();\n    setInternalChecked(newChecked);\n    local.onChange?.(newChecked);\n  };\n\n  return (\n    <>\n      <span\n        data-slot=\"checkbox\"\n        role=\"checkbox\"\n        tabIndex={0}\n        aria-checked={checked()}\n        aria-disabled={local.disabled}\n        data-disabled={local.disabled}\n        data-checked={checked()}\n        aria-labelledby={local.id}\n        class={clsx(classes, local.class)}\n        onClick={handleClick}\n        {...others}\n      >\n        <CheckboxIndicator checked={checked()} />\n      </span>\n      <input\n        id={local.id}\n        type=\"checkbox\"\n        checked={checked()}\n        tabIndex={-1}\n        aria-hidden=\"true\"\n        name={local.name}\n        class=\"sr-only\"\n        disabled={local.disabled}\n      />\n    </>\n  );\n};\n"],"mappings":";;;;;;wKAYaS,KAAYC,MAAyB;CAChD,IAAMC,IAAYT,EAAe,GAC3BU,IAAST,EACb;EAAEU,IAAIF;EAAWG,MAAMH;EAAWI,gBAAgB;CAAM,GACxDL,CACF,GAEM,CAACO,GAAOC,KAAUd,EAAWQ,GAAQ;EACzC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAW,CACZ,GAEK,CAACO,GAAiBC,KAAsBnB,EAC5CgB,EAAMF,cACR,GAEMM,IAAUrB,QAAiBiB,EAAMI,WAAWF,EAAgB,CAAC,GAE7DG,UAAoB;EACxB,IAAIL,EAAMM,UAAU;EAEpB,IAAMC,IAAa,CAACH,EAAQ;EAE5BJ,AADAG,EAAmBI,CAAU,GAC7BP,EAAMQ,WAAWD,CAAU;CAC7B;CAEA,OAAA,QAAA;EAAA,IAAAE,IAAAC,EAAA;EAe2C,OAf3CD,EAAAE,UAYeN,GAAWO,EAAAH,GAAAI,EAAA;GAAA,IAAA,iBAAA;IAAA,OANNT,EAAQ;GAAC;GAAA,IAAA,kBAAA;IAAA,OACRJ,EAAMM;GAAQ;GAAA,IAAA,kBAAA;IAAA,OACdN,EAAMM;GAAQ;GAAA,IAAA,iBAAA;IAAA,OACfF,EAAQ;GAAC;GAAA,IAAA,oBAAA;IAAA,OACNJ,EAAMJ;GAAE;GAAA,IAAA,QAAA;IAAA,OAClBP,EAAKC,GAASU,EAAMmB,KAAK;GAAC;EAAA,GAE7BlB,CAAM,GAAA,IAAA,EAAA,GAAAmB,EAAAX,GAAAY,EAET9B,GAAiB,EAAA,IAACa,UAAO;GAAA,OAAEA,EAAQ;EAAC,EAAA,CAAA,CAAA,GAAAK;CAAA,EAAA,CAAA,UAAA;EAAA,IAAAa,IAAAC,EAAA;EAKnB,OALmBC,GAAAC,MAAA;GAAA,IAAAC,IAGjC1B,EAAMJ,IAAE+B,IAKN3B,EAAMH,MAAI+B,IAEN5B,EAAMM;GAAQ,OAAAoB,MAAAD,EAAAI,KAAAC,EAAAR,GAAA,MAAAG,EAAAI,IAAAH,CAAA,GAAAC,MAAAF,EAAAM,KAAAD,EAAAR,GAAA,QAAAG,EAAAM,IAAAJ,CAAA,GAAAC,MAAAH,EAAAO,MAAAV,EAAAhB,WAAAmB,EAAAO,IAAAJ,IAAAH;EAAA,GAAA;GAAAI,GAAAI,KAAAA;GAAAF,GAAAE,KAAAA;GAAAD,GAAAC,KAAAA;EAAA,CAAA,GAAAT,QAAAF,EAAAlB,UALfA,EAAQ,CAAC,GAAAkB;CAAA,EAAA,CAAA,CAAA;AAS1B;AAAEY,EAAA,CAAA,OAAA,CAAA"}
+{"version":3,"file":"Checkbox.js","names":["createMemo","createSignal","createUniqueId","mergeProps","splitProps","CheckboxProps","clsx","classes","CheckboxIndicator","Checkbox","props","defaultID","merged","id","name","defaultChecked","const","local","others","internalChecked","setInternalChecked","checked","handleClick","disabled","newChecked","onChange","_el$","_tmpl$","$$click","_$spread","_$mergeProps","aria-checked","aria-disabled","data-disabled","data-checked","aria-labelledby","class","_$insert","_$createComponent","_el$2","_tmpl$2","_$effect","_p$","_v$","_v$2","_v$3","e","_$setAttribute","t","a","undefined","_$delegateEvents","mergeProps","_$mergeProps","_$createComponent","_$setAttribute","_$delegateEvents","mergeProps$1","_tmpl$","_tmpl$2","Checkbox","defaultID","createUniqueId","merged","props","local","others","splitProps","internalChecked","setInternalChecked","createSignal","checked","createMemo","handleClick","newChecked","_el$","spread","mergeProps","\"class\"","clsx","classes","insert","createComponent","CheckboxIndicator","_el$2","effect","_v$","_v$2","_v$3","_p$","setAttribute","delegateEvents"],"sources":["../../../../src/components/checkbox/Checkbox/Checkbox.tsx"],"sourcesContent":["import {\n  createMemo,\n  createSignal,\n  createUniqueId,\n  mergeProps,\n  splitProps,\n} from \"solid-js\";\nimport type { CheckboxProps } from \"./Checkbox.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./Checkbox.styles\";\nimport { CheckboxIndicator } from \"../CheckboxIndicator\";\n\nexport const Checkbox = (props: CheckboxProps) => {\n  const defaultID = createUniqueId();\n  const merged = mergeProps(\n    { id: defaultID, name: defaultID, defaultChecked: false } as const,\n    props,\n  );\n\n  const [local, others] = splitProps(merged, [\n    \"name\",\n    \"id\",\n    \"checked\",\n    \"defaultChecked\",\n    \"onChange\",\n    \"disabled\",\n    \"class\",\n    \"classList\",\n  ]);\n\n  const [internalChecked, setInternalChecked] = createSignal(\n    local.defaultChecked,\n  );\n\n  const checked = createMemo(() => local.checked ?? internalChecked());\n\n  const handleClick = () => {\n    if (local.disabled) return;\n\n    const newChecked = !checked();\n    setInternalChecked(newChecked);\n    local.onChange?.(newChecked);\n  };\n\n  return (\n    <>\n      <span\n        data-slot=\"checkbox\"\n        role=\"checkbox\"\n        tabIndex={0}\n        aria-checked={checked()}\n        aria-disabled={local.disabled}\n        data-disabled={local.disabled}\n        data-checked={checked()}\n        aria-labelledby={local.id}\n        class={clsx(classes, local.class)}\n        onClick={handleClick}\n        {...others}\n      >\n        <CheckboxIndicator checked={checked()} />\n      </span>\n      <input\n        id={local.id}\n        type=\"checkbox\"\n        checked={checked()}\n        tabIndex={-1}\n        aria-hidden=\"true\"\n        name={local.name}\n        class=\"sr-only\"\n        disabled={local.disabled}\n      />\n    </>\n  );\n};\n"],"mappings":";;;;;;wKAYaS,KAAYC,MAAyB;CAChD,IAAMC,IAAYT,EAAe,GAC3BU,IAAST,EACb;EAAEU,IAAIF;EAAWG,MAAMH;EAAWI,gBAAgB;CAAM,GACxDL,CACF,GAEM,CAACO,GAAOC,KAAUd,EAAWQ,GAAQ;EACzC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAW,CACZ,GAEK,CAACO,GAAiBC,KAAsBnB,EAC5CgB,EAAMF,cACR,GAEMM,IAAUrB,QAAiBiB,EAAMI,WAAWF,EAAgB,CAAC,GAE7DG,UAAoB;EACxB,IAAIL,EAAMM,UAAU;EAEpB,IAAMC,IAAa,CAACH,EAAQ;EAE5BJ,AADAG,EAAmBI,CAAU,GAC7BP,EAAMQ,WAAWD,CAAU;CAC7B;CAEA,OAAA,QAAA;EAAA,IAAAE,IAAAC,EAAA;EAe2C,OAf3CD,EAAAE,UAYeN,GAAWO,EAAAH,GAAAI,EAAA;GAAA,IAAA,iBAAA;IAAA,OANNT,EAAQ;GAAC;GAAA,IAAA,kBAAA;IAAA,OACRJ,EAAMM;GAAQ;GAAA,IAAA,kBAAA;IAAA,OACdN,EAAMM;GAAQ;GAAA,IAAA,iBAAA;IAAA,OACfF,EAAQ;GAAC;GAAA,IAAA,oBAAA;IAAA,OACNJ,EAAMJ;GAAE;GAAA,IAAAiE,QAAA;IAAA,OAClBxE,EAAKC,GAASU,EAAMmB,KAAK;GAAC;EAAA,GAE7BlB,CAAM,GAAA,IAAA,EAAA,GAAAmB,EAAAX,GAAAY,EAET9B,GAAiB,EAAA,IAACa,UAAO;GAAA,OAAEA,EAAQ;EAAC,EAAA,CAAA,CAAA,GAAAK;CAAA,EAAA,CAAA,UAAA;EAAA,IAAAa,IAAAC,EAAA;EAKnB,OALmBC,GAAAC,MAAA;GAAA,IAAAC,IAGjC1B,EAAMJ,IAAE+B,IAKN3B,EAAMH,MAAI+B,IAEN5B,EAAMM;GAAQ,OAAAoB,MAAAD,EAAAI,KAAAC,EAAAR,GAAA,MAAAG,EAAAI,IAAAH,CAAA,GAAAC,MAAAF,EAAAM,KAAAD,EAAAR,GAAA,QAAAG,EAAAM,IAAAJ,CAAA,GAAAC,MAAAH,EAAAO,MAAAV,EAAAhB,WAAAmB,EAAAO,IAAAJ,IAAAH;EAAA,GAAA;GAAAI,GAAAI,KAAAA;GAAAF,GAAAE,KAAAA;GAAAD,GAAAC,KAAAA;EAAA,CAAA,GAAAT,QAAAF,EAAAlB,UALfA,EAAQ,CAAC,GAAAkB;CAAA,EAAA,CAAA,CAAA;AAS1B;AAAEY,EAAA,CAAA,OAAA,CAAA"}

package/dist/components/checkbox/Checkbox/Checkbox.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.styles.js","names":[],"sources":["../../../../src/components/checkbox/Checkbox/Checkbox.styles.ts"],"sourcesContent":["import { clsx } from \"~/utils\";\n\nexport const classes = clsx(\n  \"peer relative flex size-4 shrink-0 items-center justify-center rounded-[4px] border transition-colors outline-none group-has-disabled/field:opacity-50 after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:ring-3 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50 aria-invalid:ring-3\",\n  \"border-neutral-200 focus-visible:border-neutral-400 focus-visible:ring-neutral-400/50 aria-invalid:border-red-600 aria-invalid:ring-red-600/20 aria-invalid:aria-checked:border-neutral-900 data-[checked=true]:border-neutral-900 data-[checked=true]:bg-neutral-900 data-[checked=true]:text-neutral-50\",\n  \"dark:border-white/15 dark:focus-visible:border-neutral-500 dark:focus-visible:ring-neutral-500/50 dark:bg-input/30 dark:aria-invalid:border-red-400/50 dark:aria-invalid:ring-red-400/40 dark:data-[checked=true]:bg-neutral-200 dark:aria-invalid:aria-checked:border-neutral-200 dark:data-[checked=true]:border-neutral-200 dark:data-[checked=true]:text-neutral-900\",\n);\n"],"mappings":";;AAEA,IAAa,IAAU,EACrB,4TACA,6SACA,0WACF"}
+{"version":3,"file":"Checkbox.styles.js","names":["classes","clsx"],"sources":["../../../../src/components/checkbox/Checkbox/Checkbox.styles.ts"],"sourcesContent":["import { clsx } from \"~/utils\";\n\nexport const classes = clsx(\n  \"peer relative flex size-4 shrink-0 items-center justify-center rounded-[4px] border transition-colors outline-none group-has-disabled/field:opacity-50 after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:ring-3 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50 aria-invalid:ring-3\",\n  \"border-neutral-200 focus-visible:border-neutral-400 focus-visible:ring-neutral-400/50 aria-invalid:border-red-600 aria-invalid:ring-red-600/20 aria-invalid:aria-checked:border-neutral-900 data-[checked=true]:border-neutral-900 data-[checked=true]:bg-neutral-900 data-[checked=true]:text-neutral-50\",\n  \"dark:border-white/15 dark:focus-visible:border-neutral-500 dark:focus-visible:ring-neutral-500/50 dark:bg-input/30 dark:aria-invalid:border-red-400/50 dark:aria-invalid:ring-red-400/40 dark:data-[checked=true]:bg-neutral-200 dark:aria-invalid:aria-checked:border-neutral-200 dark:data-[checked=true]:border-neutral-200 dark:data-[checked=true]:text-neutral-900\",\n);\n"],"mappings":";;AAEA,IAAaA,IAAUC,EACrB,4TACA,6SACA,0WACF"}

package/dist/components/checkbox/CheckboxIndicator/CheckboxIndicator.d.ts

@@ -1,3 +1,3 @@
 export declare const CheckboxIndicator: (props: {
     checked: boolean;
-}) => import("solid-js").JSX.Element;
+}) => import('solid-js').JSX.Element;

package/dist/components/checkbox/CheckboxIndicator/CheckboxIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxIndicator.js","names":["clsx","classes","Check","Show","CheckboxIndicator","props","checked","_$createComponent","when","children","_el$","_tmpl$","_$insert","_$effect","_p$","_v$","_v$2","e","_$setAttribute","t","_$className","undefined"],"sources":["../../../../src/components/checkbox/CheckboxIndicator/CheckboxIndicator.tsx"],"sourcesContent":["import { clsx } from \"~/utils\";\nimport { classes } from \"./CheckboxIndicator.styles\";\nimport { Check } from \"lucide-solid\";\nimport { Show } from \"solid-js\";\n\nexport const CheckboxIndicator = (props: { checked: boolean }) => {\n  return (\n    <Show when={props.checked}>\n      <span\n        data-slot=\"checkbox-indicator\"\n        data-checked={props.checked}\n        class={clsx(classes)}\n      >\n        <Check />\n      </span>\n    </Show>\n  );\n};\n"],"mappings":";;;;;;gEAKaI,KAAqBC,MAChCE,EACGJ,GAAI;CAAA,IAACK,OAAI;EAAA,OAAEH,EAAMC;CAAO;CAAA,IAAAG,WAAA;EAAA,IAAAC,IAAAC,EAAA;EAID,OAJCC,EAAAF,GAAAH,EAMpBL,GAAK,CAAA,CAAA,CAAA,GAAAW,GAAAC,MAAA;GAAA,IAAAC,IAHQV,EAAMC,SAAOU,IACpBhB,EAAKC,CAAO;GAAC,OAAAc,MAAAD,EAAAG,KAAAC,EAAAR,GAAA,gBAAAI,EAAAG,IAAAF,CAAA,GAAAC,MAAAF,EAAAK,KAAAC,EAAAV,GAAAI,EAAAK,IAAAH,CAAA,GAAAF;EAAA,GAAA;GAAAG,GAAAI,KAAAA;GAAAF,GAAAE,KAAAA;EAAA,CAAA,GAAAX;CAAA;AAAA,CAAA"}
+{"version":3,"file":"CheckboxIndicator.js","names":["clsx","classes","Check","Show","CheckboxIndicator","props","checked","_$createComponent","when","children","_el$","_tmpl$","_$insert","_$effect","_p$","_v$","_v$2","e","_$setAttribute","t","_$className","undefined","_$createComponent","_$setAttribute","_$className","_tmpl$","CheckboxIndicator","createComponent","Show","props","_el$","insert","Check","effect","_v$","_v$2","clsx","classes","_p$","setAttribute","className"],"sources":["../../../../src/components/checkbox/CheckboxIndicator/CheckboxIndicator.tsx"],"sourcesContent":["import { clsx } from \"~/utils\";\nimport { classes } from \"./CheckboxIndicator.styles\";\nimport { Check } from \"lucide-solid\";\nimport { Show } from \"solid-js\";\n\nexport const CheckboxIndicator = (props: { checked: boolean }) => {\n  return (\n    <Show when={props.checked}>\n      <span\n        data-slot=\"checkbox-indicator\"\n        data-checked={props.checked}\n        class={clsx(classes)}\n      >\n        <Check />\n      </span>\n    </Show>\n  );\n};\n"],"mappings":";;;;;;gEAKaI,KAAqBC,MAChCE,EACGJ,GAAI;CAAA,IAACK,OAAI;EAAA,OAAEH,EAAMC;CAAO;CAAA,IAAAG,WAAA;EAAA,IAAAC,IAAAC,EAAA;EAID,OAJCC,EAAAF,GAAAH,EAMpBL,GAAK,CAAA,CAAA,CAAA,GAAAW,GAAAC,MAAA;GAAA,IAAAC,IAHQV,EAAMC,SAAOU,IACpBhB,EAAKC,CAAO;GAAC,OAAAc,MAAAD,EAAAG,KAAAC,EAAAR,GAAA,gBAAAI,EAAAG,IAAAF,CAAA,GAAAC,MAAAF,EAAAK,KAAAC,EAAAV,GAAAI,EAAAK,IAAAH,CAAA,GAAAF;EAAA,GAAA;GAAAG,GAAAI,KAAAA;GAAAF,GAAAE,KAAAA;EAAA,CAAA,GAAAX;CAAA;AAAA,CAAA"}

package/dist/components/checkbox/CheckboxIndicator/CheckboxIndicator.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxIndicator.styles.js","names":[],"sources":["../../../../src/components/checkbox/CheckboxIndicator/CheckboxIndicator.styles.ts"],"sourcesContent":["export const classes =\n  \"grid place-content-center text-current transition-none [&>svg]:size-3.5\";\n"],"mappings":";AAAA,IAAa,IACX"}
+{"version":3,"file":"CheckboxIndicator.styles.js","names":["classes"],"sources":["../../../../src/components/checkbox/CheckboxIndicator/CheckboxIndicator.styles.ts"],"sourcesContent":["export const classes =\n  \"grid place-content-center text-current transition-none [&>svg]:size-3.5\";\n"],"mappings":";AAAA,IAAaA,IACX"}

package/dist/components/collapsible/Collapsible/Collapsible.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"Collapsible.context.js","names":[],"sources":["../../../../src/components/collapsible/Collapsible/Collapsible.context.ts"],"sourcesContent":["import {\n  type Accessor,\n  createContext,\n  type Setter,\n  useContext,\n} from \"solid-js\";\n\ninterface CollapsibleContextValue {\n  open: Accessor<boolean>;\n  setInternalOpen: Setter<boolean>;\n  onOpenChange?: (open: boolean) => void;\n}\n\nexport const CollapsibleContext = createContext<CollapsibleContextValue>();\n\nexport const useCollapsibleContext = () => {\n  const ctx = useContext(CollapsibleContext);\n  if (!ctx) {\n    throw new Error(\n      \"useCollapsibleContext must be used within a CollapsibleProvider\",\n    );\n  }\n  return ctx;\n};\n"],"mappings":";;AAaA,IAAa,IAAqB,EAAuC,GAE5D,UAA8B;CACzC,IAAM,IAAM,EAAW,CAAkB;CACzC,IAAI,CAAC,GACH,MAAU,MACR,iEACF;CAEF,OAAO;AACT"}
+{"version":3,"file":"Collapsible.context.js","names":["CollapsibleContext","createContext","useCollapsibleContext","ctx","useContext"],"sources":["../../../../src/components/collapsible/Collapsible/Collapsible.context.ts"],"sourcesContent":["import {\n  type Accessor,\n  createContext,\n  type Setter,\n  useContext,\n} from \"solid-js\";\n\ninterface CollapsibleContextValue {\n  open: Accessor<boolean>;\n  setInternalOpen: Setter<boolean>;\n  onOpenChange?: (open: boolean) => void;\n}\n\nexport const CollapsibleContext = createContext<CollapsibleContextValue>();\n\nexport const useCollapsibleContext = () => {\n  const ctx = useContext(CollapsibleContext);\n  if (!ctx) {\n    throw new Error(\n      \"useCollapsibleContext must be used within a CollapsibleProvider\",\n    );\n  }\n  return ctx;\n};\n"],"mappings":";;AAaA,IAAaA,IAAqBC,EAAuC,GAE5DC,UAA8B;CACzC,IAAMC,IAAMC,EAAWJ,CAAkB;CACzC,IAAI,CAACG,GACH,MAAU,MACR,iEACF;CAEF,OAAOA;AACT"}

package/dist/components/collapsible/Collapsible/Collapsible.d.ts

@@ -1,2 +1,2 @@
 import { CollapsibleProps } from './Collapsible.types';
-export declare const Collapsible: (props: CollapsibleProps) => import("solid-js").JSX.Element;
+export declare const Collapsible: (props: CollapsibleProps) => import('solid-js').JSX.Element;

package/dist/components/collapsible/Collapsible/Collapsible.js.map

@@ -1 +1 @@
-{"version":3,"file":"Collapsible.js","names":["createMemo","createSignal","splitProps","CollapsibleProps","CollapsibleContext","Collapsible","props","local","others","internalOpen","setInternalOpen","defaultOpen","open","undefined","_el$","_tmpl$","_$spread","_$mergeProps","data-open","_$insert","_$createComponent","Provider","value","onOpenChange","children"],"sources":["../../../../src/components/collapsible/Collapsible/Collapsible.tsx"],"sourcesContent":["import { createMemo, createSignal, splitProps } from \"solid-js\";\nimport type { CollapsibleProps } from \"./Collapsible.types\";\nimport { CollapsibleContext } from \"./Collapsible.context\";\n\nexport const Collapsible = (props: CollapsibleProps) => {\n  const [local, others] = splitProps(props, [\n    \"defaultOpen\",\n    \"open\",\n    \"onOpenChange\",\n    \"children\",\n  ]);\n\n  const [internalOpen, setInternalOpen] = createSignal(\n    local.defaultOpen || false,\n  );\n\n  const open = createMemo(() =>\n    local.open === undefined ? internalOpen() : local.open,\n  );\n\n  return (\n    <div data-slot=\"collapsible\" data-open={open()} {...others}>\n      <CollapsibleContext.Provider\n        value={{\n          open,\n          setInternalOpen,\n          onOpenChange: local.onOpenChange,\n        }}\n      >\n        {local.children}\n      </CollapsibleContext.Provider>\n    </div>\n  );\n};\n"],"mappings":";;;;wDAIaK,KAAeC,MAA4B;CACtD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO;EACxC;EACA;EACA;EACA;CAAU,CACX,GAEK,CAACG,GAAcC,KAAmBT,EACtCM,EAAMI,eAAe,EACvB,GAEMC,IAAOZ,QACXO,EAAMK,SAASC,KAAAA,IAAYJ,EAAa,IAAIF,EAAMK,IACpD;CAEA,cAAA;EAAA,IAAAE,IAAAC,EAAA;EASqB,OATrBC,EAAAF,GAAAG,EAAA,EAAA,IAAA,cAAA;GAAA,OAC0CL,EAAK;EAAC,EAAA,GAAMJ,CAAM,GAAA,IAAA,EAAA,GAAAW,EAAAL,GAAAM,EACvDhB,EAAmBiB,UAAQ;GAAA,IAC1BC,QAAK;IAAA,OAAE;KACLV;KACAF;KACAa,cAAchB,EAAMgB;IACtB;GAAC;GAAA,IAAAC,WAAA;IAAA,OAEAjB,EAAMiB;GAAQ;EAAA,CAAA,CAAA,GAAAV;CAAA,EAAA,CAAA;AAIvB"}
+{"version":3,"file":"Collapsible.js","names":["createMemo","createSignal","splitProps","CollapsibleProps","CollapsibleContext","Collapsible","props","local","others","internalOpen","setInternalOpen","defaultOpen","open","undefined","_el$","_tmpl$","_$spread","_$mergeProps","data-open","_$insert","_$createComponent","Provider","value","onOpenChange","children","_$mergeProps","_$createComponent","_tmpl$","Collapsible","local","others","splitProps","props","internalOpen","setInternalOpen","createSignal","open","createMemo","_el$","spread","mergeProps","insert","createComponent","CollapsibleContext"],"sources":["../../../../src/components/collapsible/Collapsible/Collapsible.tsx"],"sourcesContent":["import { createMemo, createSignal, splitProps } from \"solid-js\";\nimport type { CollapsibleProps } from \"./Collapsible.types\";\nimport { CollapsibleContext } from \"./Collapsible.context\";\n\nexport const Collapsible = (props: CollapsibleProps) => {\n  const [local, others] = splitProps(props, [\n    \"defaultOpen\",\n    \"open\",\n    \"onOpenChange\",\n    \"children\",\n  ]);\n\n  const [internalOpen, setInternalOpen] = createSignal(\n    local.defaultOpen || false,\n  );\n\n  const open = createMemo(() =>\n    local.open === undefined ? internalOpen() : local.open,\n  );\n\n  return (\n    <div data-slot=\"collapsible\" data-open={open()} {...others}>\n      <CollapsibleContext.Provider\n        value={{\n          open,\n          setInternalOpen,\n          onOpenChange: local.onOpenChange,\n        }}\n      >\n        {local.children}\n      </CollapsibleContext.Provider>\n    </div>\n  );\n};\n"],"mappings":";;;;wDAIaK,KAAeC,MAA4B;CACtD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO;EACxC;EACA;EACA;EACA;CAAU,CACX,GAEK,CAACG,GAAcC,KAAmBT,EACtCM,EAAMI,eAAe,EACvB,GAEMC,IAAOZ,QACXO,EAAMK,SAASC,KAAAA,IAAYJ,EAAa,IAAIF,EAAMK,IACpD;CAEA,cAAA;EAAA,IAAAE,IAAAC,EAAA;EASqB,OATrBC,EAAAF,GAAAG,EAAA,EAAA,IAAA,cAAA;GAAA,OAC0CL,EAAK;EAAC,EAAA,GAAMJ,CAAM,GAAA,IAAA,EAAA,GAAAW,EAAAL,GAAAM,EACvDhB,EAAmBiB,UAAQ;GAAA,IAC1BC,QAAK;IAAA,OAAE;KACLV;KACAF;KACAa,cAAchB,EAAMgB;IACtB;GAAC;GAAA,IAAAC,WAAA;IAAA,OAEAjB,EAAMiB;GAAQ;EAAA,CAAA,CAAA,GAAAV;CAAA,EAAA,CAAA;AAIvB"}

package/dist/components/collapsible/CollapsibleContent/CollapsibleContent.d.ts

@@ -1,2 +1,2 @@
 import { CollapsibleContentProps } from './CollapsibleContent.types';
-export declare const CollapsibleContent: (props: CollapsibleContentProps) => import("solid-js").JSX.Element;
+export declare const CollapsibleContent: (props: CollapsibleContentProps) => import('solid-js').JSX.Element;

package/dist/components/collapsible/CollapsibleContent/CollapsibleContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleContent.js","names":["Show","splitProps","CollapsibleContentProps","useCollapsibleContext","CollapsibleContent","props","open","local","others","_$createComponent","when","children","_el$","_tmpl$","_$spread","_$insert"],"sources":["../../../../src/components/collapsible/CollapsibleContent/CollapsibleContent.tsx"],"sourcesContent":["import { Show, splitProps } from \"solid-js\";\nimport type { CollapsibleContentProps } from \"./CollapsibleContent.types\";\nimport { useCollapsibleContext } from \"../Collapsible\";\n\nexport const CollapsibleContent = (props: CollapsibleContentProps) => {\n  const { open } = useCollapsibleContext();\n\n  const [local, others] = splitProps(props, [\"children\"]);\n\n  return (\n    <Show when={open()}>\n      <div data-slot=\"collapsible-content\" {...others}>\n        {local.children}\n      </div>\n    </Show>\n  );\n};\n"],"mappings":";;;;gEAIaI,KAAsBC,MAAmC;CACpE,IAAM,EAAEC,YAASH,EAAsB,GAEjC,CAACI,GAAOC,KAAUP,EAAWI,GAAO,CAAC,UAAU,CAAC;CAEtD,OAAAI,EACGT,GAAI;EAAA,IAACU,OAAI;GAAA,OAAEJ,EAAK;EAAC;EAAA,IAAAK,WAAA;GAAA,IAAAC,IAAAC,EAAA;GAEC,OAFDC,EAAAF,GACyBJ,GAAM,IAAA,EAAA,GAAAO,EAAAH,SAC5CL,EAAMI,QAAQ,GAAAC;EAAA;CAAA,CAAA;AAIvB"}
+{"version":3,"file":"CollapsibleContent.js","names":["Show","splitProps","CollapsibleContentProps","useCollapsibleContext","CollapsibleContent","props","open","local","others","_$createComponent","when","children","_el$","_tmpl$","_$spread","_$insert","_$createComponent","_tmpl$","CollapsibleContent","useCollapsibleContext","local","others","splitProps","props","createComponent","Show","open","_el$","spread","insert"],"sources":["../../../../src/components/collapsible/CollapsibleContent/CollapsibleContent.tsx"],"sourcesContent":["import { Show, splitProps } from \"solid-js\";\nimport type { CollapsibleContentProps } from \"./CollapsibleContent.types\";\nimport { useCollapsibleContext } from \"../Collapsible\";\n\nexport const CollapsibleContent = (props: CollapsibleContentProps) => {\n  const { open } = useCollapsibleContext();\n\n  const [local, others] = splitProps(props, [\"children\"]);\n\n  return (\n    <Show when={open()}>\n      <div data-slot=\"collapsible-content\" {...others}>\n        {local.children}\n      </div>\n    </Show>\n  );\n};\n"],"mappings":";;;;gEAIaI,KAAsBC,MAAmC;CACpE,IAAM,EAAEC,YAASH,EAAsB,GAEjC,CAACI,GAAOC,KAAUP,EAAWI,GAAO,CAAC,UAAU,CAAC;CAEtD,OAAAI,EACGT,GAAI;EAAA,IAACU,OAAI;GAAA,OAAEJ,EAAK;EAAC;EAAA,IAAAK,WAAA;GAAA,IAAAC,IAAAC,EAAA;GAEC,OAFDC,EAAAF,GACyBJ,GAAM,IAAA,EAAA,GAAAO,EAAAH,SAC5CL,EAAMI,QAAQ,GAAAC;EAAA;CAAA,CAAA;AAIvB"}

package/dist/components/collapsible/CollapsibleTrigger/CollapsibleTrigger.d.ts

@@ -1,2 +1,2 @@
 import { CollapsibleTriggerProps } from './CollapsibleTrigger.types';
-export declare const CollapsibleTrigger: (props: CollapsibleTriggerProps) => import("solid-js").JSX.Element;
+export declare const CollapsibleTrigger: (props: CollapsibleTriggerProps) => import('solid-js').JSX.Element;

package/dist/components/collapsible/CollapsibleTrigger/CollapsibleTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleTrigger.js","names":["useCollapsibleContext","CollapsibleTriggerProps","Button","CollapsibleTrigger","props","onOpenChange","open","setInternalOpen","handleClick","next","onClick","_$createComponent","_$mergeProps","data-panel-open","aria-expanded"],"sources":["../../../../src/components/collapsible/CollapsibleTrigger/CollapsibleTrigger.tsx"],"sourcesContent":["import { useCollapsibleContext } from \"../Collapsible\";\nimport type { CollapsibleTriggerProps } from \"./CollapsibleTrigger.types\";\nimport { Button } from \"~/components/button\";\n\nexport const CollapsibleTrigger = (props: CollapsibleTriggerProps) => {\n  const { onOpenChange, open, setInternalOpen } = useCollapsibleContext();\n\n  const handleClick = () => {\n    const next = !open();\n    setInternalOpen(next);\n    onOpenChange?.(next);\n    props.onClick?.();\n  };\n\n  return (\n    <Button\n      {...props}\n      data-slot=\"collapsible-trigger\"\n      data-panel-open={open()}\n      aria-expanded={open()}\n      onClick={handleClick}\n    />\n  );\n};\n"],"mappings":";;;;AAIA,IAAaG,KAAsBC,MAAmC;CACpE,IAAM,EAAEC,iBAAcC,SAAMC,uBAAoBP,EAAsB;CAStE,OAAAW,EACGT,GAAMU,EACDR,GAAK;EAAA,aAAA;EAAA,IAAA,oBAAA;GAAA,OAEQE,EAAK;EAAC;EAAA,IAAA,kBAAA;GAAA,OACRA,EAAK;EAAC;EACrBI,eAbsB;GACxB,IAAMD,IAAO,CAACH,EAAK;GAGnBF,AAFAG,EAAgBE,CAAI,GACpBJ,IAAeI,CAAI,GACnBL,EAAMM,UAAU;EAClB;CAQwB,CAAA,CAAA;AAG1B"}
+{"version":3,"file":"CollapsibleTrigger.js","names":["useCollapsibleContext","CollapsibleTriggerProps","Button","CollapsibleTrigger","props","onOpenChange","open","setInternalOpen","handleClick","next","onClick","_$createComponent","_$mergeProps","data-panel-open","aria-expanded","_$createComponent","_$mergeProps","CollapsibleTrigger","useCollapsibleContext","createComponent","Button","mergeProps","props","open","next","setInternalOpen","onOpenChange"],"sources":["../../../../src/components/collapsible/CollapsibleTrigger/CollapsibleTrigger.tsx"],"sourcesContent":["import { useCollapsibleContext } from \"../Collapsible\";\nimport type { CollapsibleTriggerProps } from \"./CollapsibleTrigger.types\";\nimport { Button } from \"~/components/button\";\n\nexport const CollapsibleTrigger = (props: CollapsibleTriggerProps) => {\n  const { onOpenChange, open, setInternalOpen } = useCollapsibleContext();\n\n  const handleClick = () => {\n    const next = !open();\n    setInternalOpen(next);\n    onOpenChange?.(next);\n    props.onClick?.();\n  };\n\n  return (\n    <Button\n      {...props}\n      data-slot=\"collapsible-trigger\"\n      data-panel-open={open()}\n      aria-expanded={open()}\n      onClick={handleClick}\n    />\n  );\n};\n"],"mappings":";;;;AAIA,IAAaG,KAAsBC,MAAmC;CACpE,IAAM,EAAEC,iBAAcC,SAAMC,uBAAoBP,EAAsB;CAStE,OAAAW,EACGT,GAAMU,EACDR,GAAK;EAAA,aAAA;EAAA,IAAA,oBAAA;GAAA,OAEQE,EAAK;EAAC;EAAA,IAAA,kBAAA;GAAA,OACRA,EAAK;EAAC;EACrBI,eAbsB;GACxB,IAAMD,IAAO,CAACH,EAAK;GAGnBF,AAFAG,EAAgBE,CAAI,GACpBJ,IAAeI,CAAI,GACnBL,EAAMM,UAAU;EAClB;CAQwB,CAAA,CAAA;AAG1B"}

package/dist/components/combobox/Combobox/Combobox.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.context.js","names":[],"sources":["../../../../src/components/combobox/Combobox/Combobox.context.ts"],"sourcesContent":["import { createContext, useContext } from \"solid-js\";\nimport type { ComboboxContextValue } from \"./Combobox.types\";\n\nexport const ComboboxContext = createContext<ComboboxContextValue>();\n\nexport function useComboboxContext(component: string): ComboboxContextValue {\n  const ctx = useContext(ComboboxContext);\n  if (!ctx) {\n    throw new Error(`<${component}> 必须渲染在 <Combobox> 内部`);\n  }\n  return ctx;\n}\n"],"mappings":";;AAGA,IAAa,IAAkB,EAAoC;AAEnE,SAAgB,EAAmB,GAAyC;CAC1E,IAAM,IAAM,EAAW,CAAe;CACtC,IAAI,CAAC,GACH,MAAU,MAAM,IAAI,EAAU,sBAAsB;CAEtD,OAAO;AACT"}
+{"version":3,"file":"Combobox.context.js","names":["ComboboxContext","createContext","useComboboxContext","ctx","useContext","component"],"sources":["../../../../src/components/combobox/Combobox/Combobox.context.ts"],"sourcesContent":["import { createContext, useContext } from \"solid-js\";\nimport type { ComboboxContextValue } from \"./Combobox.types\";\n\nexport const ComboboxContext = createContext<ComboboxContextValue>();\n\nexport function useComboboxContext(component: string): ComboboxContextValue {\n  const ctx = useContext(ComboboxContext);\n  if (!ctx) {\n    throw new Error(`<${component}> 必须渲染在 <Combobox> 内部`);\n  }\n  return ctx;\n}\n"],"mappings":";;AAGA,IAAaA,IAAkBC,EAAoC;AAEnE,SAAgBC,EAAmB,GAAyC;CAC1E,IAAMC,IAAMC,EAAWJ,CAAe;CACtC,IAAI,CAACG,GACH,MAAU,MAAM,IAAIE,EAAU,sBAAsB;CAEtD,OAAOF;AACT"}

package/dist/components/combobox/Combobox/Combobox.js

@@ -1,60 +1,63 @@
-import { ComboboxContext as e } from "./Combobox.context.js";
-import { createComponent as t } from "solid-js/web";
-import { createMemo as n, createSignal as r, createUniqueId as i } from "solid-js";
+import { useScrollLock as e } from "../../../hooks/useScrollLock.js";
+import { ComboboxContext as t } from "./Combobox.context.js";
+import { createComponent as n } from "solid-js/web";
+import { createMemo as r, createSignal as i, createUniqueId as a } from "solid-js";
 //#region src/components/combobox/Combobox/Combobox.tsx
-var a = (e) => String(e);
-function o(o) {
-	let s = n(() => o.items), c = n(() => o.itemToStringValue ?? a), l = o.value === void 0 ? o.defaultValue : o.value, [u, d] = r(l == null || Array.isArray(l) ? "" : c()(l)), [f, p] = r(""), [m, h] = r(o.defaultValue), g = n(() => o.value === void 0 ? m() : o.value), _ = (e) => {
-		o.value === void 0 && h(e), o.onValueChange?.(e);
-	}, [v, y] = r(o.defaultOpen ?? !1), b = n(() => o.open === void 0 ? v() : o.open), x = n(() => !!o.disabled), S = n(() => !!o.multiple), C = (e) => {
-		o.open === void 0 && y(e), o.onOpenChange?.(e);
-	}, [w, T] = r(-1), [E, D] = r(), [O, k] = r(), A = `combobox-content-${i()}`, j = n(() => s().some((e) => e && typeof e == "object" && Array.isArray(e.items))), M = n(() => {
-		let e = f().toLowerCase().trim();
-		return e ? s().filter((t) => c()(t).toLowerCase().includes(e)) : s();
-	}), N = n(() => {
-		let e = g();
+var o = (e) => String(e);
+function s(s) {
+	let c = r(() => s.items), l = r(() => s.itemToStringValue ?? o), u = s.value === void 0 ? s.defaultValue : s.value, [d, f] = i(u == null || Array.isArray(u) ? "" : l()(u)), [p, m] = i(""), [h, g] = i(s.defaultValue), _ = r(() => s.value === void 0 ? h() : s.value), v = (e) => {
+		s.value === void 0 && g(e), s.onValueChange?.(e);
+	}, [y, b] = i(s.defaultOpen ?? !1), x = r(() => s.open === void 0 ? y() : s.open), S = r(() => !!s.disabled), C = r(() => s.lockScroll ?? !0);
+	e(() => x() && C(), { allowedSelector: "[data-slot=\"combobox-content\"]" });
+	let w = r(() => !!s.multiple), T = (e) => {
+		s.open === void 0 && b(e), s.onOpenChange?.(e);
+	}, [E, D] = i(-1), [O, k] = i(), [A, j] = i(), M = `combobox-content-${a()}`, N = r(() => c().some((e) => e && typeof e == "object" && Array.isArray(e.items))), P = r(() => {
+		let e = p().toLowerCase().trim();
+		return e ? c().filter((t) => l()(t).toLowerCase().includes(e)) : c();
+	}), F = r(() => {
+		let e = _();
 		return e == null ? [] : Array.isArray(e) ? e : [e];
-	}), P = (e) => N().some((t) => t === e), F = () => C(!1), I = {
-		items: s,
-		filteredItems: M,
-		isGrouped: j,
-		inputValue: u,
-		setInputValue: d,
-		filterValue: f,
-		setFilterValue: p,
-		open: b,
-		setOpen: C,
-		disabled: x,
-		multiple: S,
-		value: g,
-		setValue: _,
+	}), I = (e) => F().some((t) => t === e), L = () => T(!1), R = {
+		items: c,
+		filteredItems: P,
+		isGrouped: N,
+		inputValue: d,
+		setInputValue: f,
+		filterValue: p,
+		setFilterValue: m,
+		open: x,
+		setOpen: T,
+		disabled: S,
+		multiple: w,
+		value: _,
+		setValue: v,
 		selectItem: (e) => {
-			if (!x()) {
-				if (o.multiple) {
-					let t = N(), n = P(e) ? t.filter((t) => t !== e) : [...t, e];
-					_(n), d(""), p("");
-				} else _(e), d(c()(e)), p(""), F();
+			if (!S()) {
+				if (s.multiple) {
+					let t = F(), n = I(e) ? t.filter((t) => t !== e) : [...t, e];
+					v(n), f(""), m("");
+				} else v(e), f(l()(e)), m(""), L();
 			}
 		},
-		isSelected: P,
-		itemToStringValue: (e) => c()(e),
-		activeIndex: w,
-		setActiveIndex: T,
-		reference: E,
-		setReference: D,
-		floating: O,
-		setFloating: k,
-		contentId: A,
-		close: F
+		isSelected: I,
+		itemToStringValue: (e) => l()(e),
+		activeIndex: E,
+		setActiveIndex: D,
+		reference: O,
+		setReference: k,
+		floating: A,
+		setFloating: j,
+		contentId: M,
+		close: L
 	};
-	return t(e.Provider, {
-		value: I,
+	return n(t.Provider, {
+		value: R,
 		get children() {
-			return o.children;
+			return s.children;
 		}
 	});
 }
 //#endregion
-export { o as Combobox };
+export { s as Combobox };
 
 //# sourceMappingURL=Combobox.js.map

package/dist/components/combobox/Combobox/Combobox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.js","names":["createMemo","createSignal","createUniqueId","JSX","ComboboxContext","ComboboxContextValue","ComboboxProps","DEFAULT_ITEM_TO_STRING","item","String","Combobox","props","T","Element","items","itemToStringValue","initialValue","value","undefined","defaultValue","inputValue","setInputValue","Array","isArray","filterValue","setFilterValue","internalValue","setInternalValue","setValue","next","onValueChange","internalOpen","setInternalOpen","defaultOpen","open","disabled","multiple","setOpen","onOpenChange","activeIndex","setActiveIndex","reference","setReference","HTMLElement","floating","setFloating","contentId","isGrouped","some","filteredItems","query","toLowerCase","trim","filter","includes","selectedItems","current","isSelected","selected","close","selectItem","ctx","_$createComponent","Provider","children"],"sources":["../../../../src/components/combobox/Combobox/Combobox.tsx"],"sourcesContent":["import { createMemo, createSignal, createUniqueId, type JSX } from \"solid-js\";\nimport { ComboboxContext } from \"./Combobox.context\";\nimport type { ComboboxContextValue, ComboboxProps } from \"./Combobox.types\";\n\nconst DEFAULT_ITEM_TO_STRING = (item: any) => String(item);\n\nexport function Combobox<T = any>(props: ComboboxProps<T>): JSX.Element {\n  const items = createMemo(() => props.items);\n  const itemToStringValue = createMemo(\n    () => props.itemToStringValue ?? DEFAULT_ITEM_TO_STRING,\n  );\n\n  const initialValue =\n    props.value !== undefined ? props.value : props.defaultValue;\n  const [inputValue, setInputValue] = createSignal(\n    initialValue == null || Array.isArray(initialValue)\n      ? \"\"\n      : itemToStringValue()(initialValue as T),\n  );\n  const [filterValue, setFilterValue] = createSignal(\"\");\n  const [internalValue, setInternalValue] = createSignal<\n    T | T[] | null | undefined\n  >(props.defaultValue);\n  const value = createMemo(() =>\n    props.value !== undefined ? props.value : internalValue(),\n  );\n\n  const setValue = (next: T | T[] | null) => {\n    if (props.value === undefined) setInternalValue(next as any);\n    props.onValueChange?.(next);\n  };\n\n  const [internalOpen, setInternalOpen] = createSignal(\n    props.defaultOpen ?? false,\n  );\n  const open = createMemo(() =>\n    props.open !== undefined ? props.open : internalOpen(),\n  );\n  const disabled = createMemo(() => !!props.disabled);\n  const multiple = createMemo(() => !!props.multiple);\n  const setOpen = (next: boolean) => {\n    if (props.open === undefined) setInternalOpen(next);\n    props.onOpenChange?.(next);\n  };\n\n  const [activeIndex, setActiveIndex] = createSignal(-1);\n  const [reference, setReference] = createSignal<HTMLElement>();\n  const [floating, setFloating] = createSignal<HTMLElement>();\n  const contentId = `combobox-content-${createUniqueId()}`;\n\n  const isGrouped = createMemo(() =>\n    items().some(\n      (item) =>\n        item && typeof item === \"object\" && Array.isArray((item as any).items),\n    ),\n  );\n\n  const filteredItems = createMemo(() => {\n    const query = filterValue().toLowerCase().trim();\n    if (!query) return items();\n    return items().filter((item) =>\n      itemToStringValue()(item).toLowerCase().includes(query),\n    );\n  });\n\n  const selectedItems = createMemo(() => {\n    const current = value();\n    if (current == null) return [] as T[];\n    return Array.isArray(current) ? current : [current];\n  });\n\n  const isSelected = (item: T) =>\n    selectedItems().some((selected) => selected === item);\n\n  const close = () => setOpen(false);\n\n  const selectItem = (item: T) => {\n    if (disabled()) return;\n    if (props.multiple) {\n      const current = selectedItems();\n      const next = isSelected(item)\n        ? current.filter((selected) => selected !== item)\n        : [...current, item];\n      setValue(next);\n      setInputValue(\"\");\n      setFilterValue(\"\");\n    } else {\n      setValue(item);\n      setInputValue(itemToStringValue()(item));\n      setFilterValue(\"\");\n      close();\n    }\n  };\n\n  const ctx: ComboboxContextValue<T> = {\n    items,\n    filteredItems,\n    isGrouped,\n    inputValue,\n    setInputValue,\n    filterValue,\n    setFilterValue,\n    open,\n    setOpen,\n    disabled,\n    multiple,\n    value,\n    setValue,\n    selectItem,\n    isSelected,\n    itemToStringValue: (item) => itemToStringValue()(item),\n    activeIndex,\n    setActiveIndex,\n    reference,\n    setReference,\n    floating,\n    setFloating,\n    contentId,\n    close,\n  };\n\n  return (\n    <ComboboxContext.Provider value={ctx}>\n      {props.children}\n    </ComboboxContext.Provider>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"Combobox.js","names":["createMemo","createSignal","createUniqueId","JSX","useScrollLock","ComboboxContext","ComboboxContextValue","ComboboxProps","DEFAULT_ITEM_TO_STRING","item","String","Combobox","props","T","Element","items","itemToStringValue","initialValue","value","undefined","defaultValue","inputValue","setInputValue","Array","isArray","filterValue","setFilterValue","internalValue","setInternalValue","setValue","next","onValueChange","internalOpen","setInternalOpen","defaultOpen","open","disabled","lockScroll","allowedSelector","multiple","setOpen","onOpenChange","activeIndex","setActiveIndex","reference","setReference","HTMLElement","floating","setFloating","contentId","isGrouped","some","filteredItems","query","toLowerCase","trim","filter","includes","selectedItems","current","isSelected","selected","close","selectItem","ctx","_$createComponent","Provider","children","_$createComponent","DEFAULT_ITEM_TO_STRING","item","Combobox","items","createMemo","props","itemToStringValue","initialValue","inputValue","setInputValue","createSignal","filterValue","setFilterValue","internalValue","setInternalValue","value","setValue","next","internalOpen","setInternalOpen","open","disabled","lockScroll","multiple","setOpen","activeIndex","setActiveIndex","reference","setReference","floating","setFloating","contentId","createUniqueId","isGrouped","filteredItems","query","selectedItems","current","isSelected","selected","close","ctx","createComponent","ComboboxContext"],"sources":["../../../../src/components/combobox/Combobox/Combobox.tsx"],"sourcesContent":["import { createMemo, createSignal, createUniqueId, type JSX } from \"solid-js\";\nimport { useScrollLock } from \"~/hooks\";\nimport { ComboboxContext } from \"./Combobox.context\";\nimport type { ComboboxContextValue, ComboboxProps } from \"./Combobox.types\";\n\nconst DEFAULT_ITEM_TO_STRING = (item: any) => String(item);\n\nexport function Combobox<T = any>(props: ComboboxProps<T>): JSX.Element {\n  const items = createMemo(() => props.items);\n  const itemToStringValue = createMemo(\n    () => props.itemToStringValue ?? DEFAULT_ITEM_TO_STRING,\n  );\n\n  const initialValue =\n    props.value !== undefined ? props.value : props.defaultValue;\n  const [inputValue, setInputValue] = createSignal(\n    initialValue == null || Array.isArray(initialValue)\n      ? \"\"\n      : itemToStringValue()(initialValue as T),\n  );\n  const [filterValue, setFilterValue] = createSignal(\"\");\n  const [internalValue, setInternalValue] = createSignal<\n    T | T[] | null | undefined\n  >(props.defaultValue);\n  const value = createMemo(() =>\n    props.value !== undefined ? props.value : internalValue(),\n  );\n\n  const setValue = (next: T | T[] | null) => {\n    if (props.value === undefined) setInternalValue(next as any);\n    props.onValueChange?.(next);\n  };\n\n  const [internalOpen, setInternalOpen] = createSignal(\n    props.defaultOpen ?? false,\n  );\n  const open = createMemo(() =>\n    props.open !== undefined ? props.open : internalOpen(),\n  );\n  const disabled = createMemo(() => !!props.disabled);\n  const lockScroll = createMemo(() => props.lockScroll ?? true);\n\n  // 打开期间默认锁定页面滚动：锁住文档滚动并拦截浮层之外的滚轮/触摸，\n  // 面板自身仍可滚动。传 lockScroll={false} 可关闭该行为。\n  useScrollLock(() => open() && lockScroll(), {\n    allowedSelector: '[data-slot=\"combobox-content\"]',\n  });\n\n  const multiple = createMemo(() => !!props.multiple);\n  const setOpen = (next: boolean) => {\n    if (props.open === undefined) setInternalOpen(next);\n    props.onOpenChange?.(next);\n  };\n\n  const [activeIndex, setActiveIndex] = createSignal(-1);\n  const [reference, setReference] = createSignal<HTMLElement>();\n  const [floating, setFloating] = createSignal<HTMLElement>();\n  const contentId = `combobox-content-${createUniqueId()}`;\n\n  const isGrouped = createMemo(() =>\n    items().some(\n      (item) =>\n        item && typeof item === \"object\" && Array.isArray((item as any).items),\n    ),\n  );\n\n  const filteredItems = createMemo(() => {\n    const query = filterValue().toLowerCase().trim();\n    if (!query) return items();\n    return items().filter((item) =>\n      itemToStringValue()(item).toLowerCase().includes(query),\n    );\n  });\n\n  const selectedItems = createMemo(() => {\n    const current = value();\n    if (current == null) return [] as T[];\n    return Array.isArray(current) ? current : [current];\n  });\n\n  const isSelected = (item: T) =>\n    selectedItems().some((selected) => selected === item);\n\n  const close = () => setOpen(false);\n\n  const selectItem = (item: T) => {\n    if (disabled()) return;\n    if (props.multiple) {\n      const current = selectedItems();\n      const next = isSelected(item)\n        ? current.filter((selected) => selected !== item)\n        : [...current, item];\n      setValue(next);\n      setInputValue(\"\");\n      setFilterValue(\"\");\n    } else {\n      setValue(item);\n      setInputValue(itemToStringValue()(item));\n      setFilterValue(\"\");\n      close();\n    }\n  };\n\n  const ctx: ComboboxContextValue<T> = {\n    items,\n    filteredItems,\n    isGrouped,\n    inputValue,\n    setInputValue,\n    filterValue,\n    setFilterValue,\n    open,\n    setOpen,\n    disabled,\n    multiple,\n    value,\n    setValue,\n    selectItem,\n    isSelected,\n    itemToStringValue: (item) => itemToStringValue()(item),\n    activeIndex,\n    setActiveIndex,\n    reference,\n    setReference,\n    floating,\n    setFloating,\n    contentId,\n    close,\n  };\n\n  return (\n    <ComboboxContext.Provider value={ctx}>\n      {props.children}\n    </ComboboxContext.Provider>\n  );\n}\n"],"mappings":";;;;;AAKA,IAAMQ,KAA0BC,MAAcC,OAAOD,CAAI;AAEzD,SAAgBE,EAAkBC,GAAsC;CACtE,IAAMG,IAAQf,QAAiBY,EAAMG,KAAK,GACpCC,IAAoBhB,QAClBY,EAAMI,qBAAqBR,CACnC,GAEMS,IACJL,EAAMM,UAAUC,KAAAA,IAA0BP,EAAMQ,eAApBR,EAAMM,OAC9B,CAACG,GAAYC,KAAiBrB,EAClCgB,KAAgB,QAAQM,MAAMC,QAAQP,CAAY,IAC9C,KACAD,EAAkB,CAAC,CAACC,CAAiB,CAC3C,GACM,CAACQ,GAAaC,KAAkBzB,EAAa,EAAE,GAC/C,CAAC0B,GAAeC,KAAoB3B,EAExCW,EAAMQ,YAAY,GACdF,IAAQlB,QACZY,EAAMM,UAAUC,KAAAA,IAA0BQ,EAAc,IAA5Bf,EAAMM,KACpC,GAEMW,KAAYC,MAAyB;EAEzClB,AADIA,EAAMM,UAAUC,KAAAA,KAAWS,EAAiBE,CAAW,GAC3DlB,EAAMmB,gBAAgBD,CAAI;CAC5B,GAEM,CAACE,GAAcC,KAAmBhC,EACtCW,EAAMsB,eAAe,EACvB,GACMC,IAAOnC,QACXY,EAAMuB,SAAShB,KAAAA,IAAyBa,EAAa,IAA1BpB,EAAMuB,IACnC,GACMC,IAAWpC,QAAiB,CAAC,CAACY,EAAMwB,QAAQ,GAC5CC,IAAarC,QAAiBY,EAAMyB,cAAc,EAAI;CAI5DjC,QAAoB+B,EAAK,KAAKE,EAAW,GAAG,EAC1CC,iBAAiB,mCACnB,CAAC;CAED,IAAMC,IAAWvC,QAAiB,CAAC,CAACY,EAAM2B,QAAQ,GAC5CC,KAAWV,MAAkB;EAEjClB,AADIA,EAAMuB,SAAShB,KAAAA,KAAWc,EAAgBH,CAAI,GAClDlB,EAAM6B,eAAeX,CAAI;CAC3B,GAEM,CAACY,GAAaC,KAAkB1C,EAAa,EAAE,GAC/C,CAAC2C,GAAWC,KAAgB5C,EAA0B,GACtD,CAAC8C,GAAUC,KAAe/C,EAA0B,GACpDgD,IAAY,oBAAoB/C,EAAe,KAE/CgD,IAAYlD,QAChBe,EAAM,CAAC,CAACoC,MACL1C,MACCA,KAAQ,OAAOA,KAAS,YAAYc,MAAMC,QAASf,EAAaM,KAAK,CACzE,CACF,GAEMqC,IAAgBpD,QAAiB;EACrC,IAAMqD,IAAQ5B,EAAY,CAAC,CAAC6B,YAAY,CAAC,CAACC,KAAK;EAE/C,OADKF,IACEtC,EAAM,CAAC,CAACyC,QAAQ/C,MACrBO,EAAkB,CAAC,CAACP,CAAI,CAAC,CAAC6C,YAAY,CAAC,CAACG,SAASJ,CAAK,CACxD,IAHmBtC,EAAM;CAI3B,CAAC,GAEK2C,IAAgB1D,QAAiB;EACrC,IAAM2D,IAAUzC,EAAM;EAEtB,OADIyC,KAAW,OAAa,CAAA,IACrBpC,MAAMC,QAAQmC,CAAO,IAAIA,IAAU,CAACA,CAAO;CACpD,CAAC,GAEKC,KAAcnD,MAClBiD,EAAc,CAAC,CAACP,MAAMU,MAAaA,MAAapD,CAAI,GAEhDqD,UAActB,EAAQ,EAAK,GAoB3BwB,IAA+B;EACnCjD;EACAqC;EACAF;EACA7B;EACAC;EACAG;EACAC;EACAS;EACAK;EACAJ;EACAG;EACArB;EACAW;EACAkC,aAhCkBtD,MAAY;GAC9B,IAAI2B,GAAS,GACb;QAAIxB,EAAM2B,UAAU;KAClB,IAAMoB,IAAUD,EAAc,GACxB5B,IAAO8B,EAAWnD,CAAI,IACxBkD,EAAQH,QAAQK,MAAaA,MAAapD,CAAI,IAC9C,CAAC,GAAGkD,GAASlD,CAAI;KAGrBiB,AAFAG,EAASC,CAAI,GACbR,EAAc,EAAE,GAChBI,EAAe,EAAE;IACnB,OAIEoC,AAHAjC,EAASpB,CAAI,GACba,EAAcN,EAAkB,CAAC,CAACP,CAAI,CAAC,GACvCiB,EAAe,EAAE,GACjBoC,EAAM;GACR;EACF;EAiBEF;EACA5C,oBAAoBP,MAASO,EAAkB,CAAC,CAACP,CAAI;EACrDiC;EACAC;EACAC;EACAC;EACAE;EACAC;EACAC;EACAa;CACF;CAEA,OAAAG,EACG5D,EAAgB6D,UAAQ;EAAChD,OAAO8C;EAAG,IAAAG,WAAA;GAAA,OACjCvD,EAAMuD;EAAQ;CAAA,CAAA;AAGrB"}

package/dist/components/combobox/Combobox/Combobox.types.d.ts

@@ -6,6 +6,11 @@ export interface ComboboxProps<T = any> extends ParentProps {
     onValueChange?: (value: T | T[] | null) => void;
     multiple?: boolean;
     disabled?: boolean;
+    /**
+     * 打开时是否锁定页面滚动，默认 true：锁住文档滚动并拦截浮层之外的
+     * 滚轮/触摸滚动，面板自身仍可滚动。
+     */
+    lockScroll?: boolean;
     autoHighlight?: boolean;
     itemToStringValue?: (item: T) => string;
     open?: boolean;

package/dist/components/combobox/ComboboxChip/ComboboxChip.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxChip.js","names":["Show","JSX","X","clsx","useComboboxContext","Button","ComboboxChip","props","value","children","Element","class","showRemove","ctx","_el$","_tmpl$","_$insert","_$createComponent","when","variant","size","onClick","selectItem","icon","_$effect","_$className"],"sources":["../../../../src/components/combobox/ComboboxChip/ComboboxChip.tsx"],"sourcesContent":["import { Show, type JSX } from \"solid-js\";\nimport { X } from \"lucide-solid\";\nimport { clsx } from \"~/utils\";\nimport { useComboboxContext } from \"../Combobox/Combobox.context\";\nimport { Button } from \"~/components/button\";\n\nexport function ComboboxChip(props: {\n  value: any;\n  children?: JSX.Element;\n  class?: string;\n  showRemove?: boolean;\n}) {\n  const ctx = useComboboxContext(\"ComboboxChip\");\n  return (\n    <span\n      data-slot=\"combobox-chip\"\n      class={clsx(\n        \"flex h-[calc(--spacing(5.25))] w-fit items-center justify-center gap-1 rounded-sm bg-muted px-1.5 text-xs font-medium whitespace-nowrap text-foreground has-disabled:pointer-events-none has-disabled:cursor-not-allowed has-disabled:opacity-50 has-data-[slot=combobox-chip-remove]:pr-0\",\n        props.class,\n      )}\n    >\n      {props.children}\n      <Show when={props.showRemove !== false}>\n        <Button\n          variant=\"ghost\"\n          size=\"xs\"\n          data-slot=\"combobox-chip-remove\"\n          class=\"-ml-1 opacity-50 hover:opacity-100\"\n          onClick={() => ctx.selectItem(props.value)}\n          icon={<X class=\"pointer-events-none\" />}\n        />\n      </Show>\n    </span>\n  );\n}\n"],"mappings":";;;;;;;;AAMA,SAAgBM,EAAaC,GAK1B;CACD,IAAMM,IAAMT,EAAmB,cAAc;CAC7C,cAAA;EAAA,IAAAU,IAAAC,EAAA;EAMK,OANLC,EAAAF,SAQKP,EAAME,UAAQ,IAAA,GAAAO,EAAAF,GAAAG,EACdjB,GAAI;GAAA,IAACkB,OAAI;IAAA,OAAEX,EAAMK,eAAe;GAAK;GAAA,IAAAH,WAAA;IAAA,OAAAQ,EACnCZ,GAAM;KACLc,SAAO;KACPC,MAAI;KAAA,aAAA;KAAA,OAAA;KAGJC,eAAeR,EAAIS,WAAWf,EAAMC,KAAK;KAAC,IAC1Ce,OAAI;MAAA,OAAAN,EAAGf,GAAC,EAAA,OAAA,sBAAA,CAAA;KAAA;IAAA,CAAA;GAAA;EAAA,CAAA,GAAA,IAAA,GAAAsB,QAAAC,EAAAX,GAbLX,EACL,8RACAI,EAAMI,KACR,CAAC,CAAA,GAAAG;CAAA,EAAA,CAAA;AAeP"}
+{"version":3,"file":"ComboboxChip.js","names":["Show","JSX","X","clsx","useComboboxContext","Button","ComboboxChip","props","value","children","Element","class","showRemove","ctx","_el$","_tmpl$","_$insert","_$createComponent","when","variant","size","onClick","selectItem","icon","_$effect","_$className","_$createComponent","_$className","_tmpl$","ComboboxChip","ctx","useComboboxContext","_el$","insert","props","createComponent","Show","Button","\"class\"","X","effect","className","clsx"],"sources":["../../../../src/components/combobox/ComboboxChip/ComboboxChip.tsx"],"sourcesContent":["import { Show, type JSX } from \"solid-js\";\nimport { X } from \"lucide-solid\";\nimport { clsx } from \"~/utils\";\nimport { useComboboxContext } from \"../Combobox/Combobox.context\";\nimport { Button } from \"~/components/button\";\n\nexport function ComboboxChip(props: {\n  value: any;\n  children?: JSX.Element;\n  class?: string;\n  showRemove?: boolean;\n}) {\n  const ctx = useComboboxContext(\"ComboboxChip\");\n  return (\n    <span\n      data-slot=\"combobox-chip\"\n      class={clsx(\n        \"flex h-[calc(--spacing(5.25))] w-fit items-center justify-center gap-1 rounded-sm bg-muted px-1.5 text-xs font-medium whitespace-nowrap text-foreground has-disabled:pointer-events-none has-disabled:cursor-not-allowed has-disabled:opacity-50 has-data-[slot=combobox-chip-remove]:pr-0\",\n        props.class,\n      )}\n    >\n      {props.children}\n      <Show when={props.showRemove !== false}>\n        <Button\n          variant=\"ghost\"\n          size=\"xs\"\n          data-slot=\"combobox-chip-remove\"\n          class=\"-ml-1 opacity-50 hover:opacity-100\"\n          onClick={() => ctx.selectItem(props.value)}\n          icon={<X class=\"pointer-events-none\" />}\n        />\n      </Show>\n    </span>\n  );\n}\n"],"mappings":";;;;;;;;AAMA,SAAgBM,EAAaC,GAK1B;CACD,IAAMM,IAAMT,EAAmB,cAAc;CAC7C,cAAA;EAAA,IAAAU,IAAAC,EAAA;EAMK,OANLC,EAAAF,SAQKP,EAAME,UAAQ,IAAA,GAAAO,EAAAF,GAAAG,EACdjB,GAAI;GAAA,IAACkB,OAAI;IAAA,OAAEX,EAAMK,eAAe;GAAK;GAAA,IAAAH,WAAA;IAAA,OAAAQ,EACnCZ,GAAM;KACLc,SAAO;KACPC,MAAI;KAAA,aAAA;KAAAkB,OAAA;KAGJjB,eAAeR,EAAIS,WAAWf,EAAMC,KAAK;KAAC,IAC1Ce,OAAI;MAAA,OAAAN,EAAGf,GAAC,EAAAoC,OAAA,sBAAA,CAAA;KAAA;IAAA,CAAA;GAAA;EAAA,CAAA,GAAA,IAAA,GAAAd,QAAAC,EAAAX,GAbLX,EACL,8RACAI,EAAMI,KACR,CAAC,CAAA,GAAAG;CAAA,EAAA,CAAA;AAeP"}

package/dist/components/combobox/ComboboxChips/ComboboxChips.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxChips.js","names":["JSX","clsx","useComboboxContext","ComboboxChips","props","children","Element","class","ctx","_el$","_tmpl$","_ref$","setReference","_$use","_$insert","_$effect","_$className"],"sources":["../../../../src/components/combobox/ComboboxChips/ComboboxChips.tsx"],"sourcesContent":["import type { JSX } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { useComboboxContext } from \"../Combobox/Combobox.context\";\n\nexport function ComboboxChips(props: {\n  children?: JSX.Element;\n  class?: string;\n}) {\n  const ctx = useComboboxContext(\"ComboboxChips\");\n  return (\n    <div\n      ref={ctx.setReference}\n      role=\"toolbar\"\n      data-slot=\"combobox-chips\"\n      class={clsx(\n        \"flex min-h-8 flex-wrap items-center gap-1 rounded-lg border border-input bg-transparent bg-clip-padding px-2.5 py-1 text-sm transition-colors focus-within:border-ring focus-within:ring-3 focus-within:ring-ring/50 has-aria-invalid:border-destructive has-aria-invalid:ring-3 has-aria-invalid:ring-destructive/20 has-data-[slot=combobox-chip]:px-1 dark:bg-input/30 dark:has-aria-invalid:border-destructive/50 dark:has-aria-invalid:ring-destructive/40\",\n        props.class,\n      )}\n    >\n      {props.children}\n    </div>\n  );\n}\n"],"mappings":";;;;;AAIA,SAAgBG,EAAcC,GAG3B;CACD,IAAMI,IAAMN,EAAmB,eAAe;CAC9C,cAAA;EAAA,IAAAO,IAAAC,EAAA,GAAAC,IAESH,EAAII;EAMR,OANoB,OAAAD,KAAA,aAAAE,EAAAF,GAAAF,CAAA,IAAhBD,EAAII,eAAYH,GAAAK,EAAAL,SAQpBL,EAAMC,QAAQ,GAAAU,QAAAC,EAAAP,GALRR,EACL,mcACAG,EAAMG,KACR,CAAC,CAAA,GAAAE;CAAA,EAAA,CAAA;AAKP"}
+{"version":3,"file":"ComboboxChips.js","names":["JSX","clsx","useComboboxContext","ComboboxChips","props","children","Element","class","ctx","_el$","_tmpl$","_ref$","setReference","_$use","_$insert","_$effect","_$className","_$use","_$className","_tmpl$","ComboboxChips","ctx","useComboboxContext","_el$","_ref$","use","insert","props","effect","className","clsx"],"sources":["../../../../src/components/combobox/ComboboxChips/ComboboxChips.tsx"],"sourcesContent":["import type { JSX } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { useComboboxContext } from \"../Combobox/Combobox.context\";\n\nexport function ComboboxChips(props: {\n  children?: JSX.Element;\n  class?: string;\n}) {\n  const ctx = useComboboxContext(\"ComboboxChips\");\n  return (\n    <div\n      ref={ctx.setReference}\n      role=\"toolbar\"\n      data-slot=\"combobox-chips\"\n      class={clsx(\n        \"flex min-h-8 flex-wrap items-center gap-1 rounded-lg border border-input bg-transparent bg-clip-padding px-2.5 py-1 text-sm transition-colors focus-within:border-ring focus-within:ring-3 focus-within:ring-ring/50 has-aria-invalid:border-destructive has-aria-invalid:ring-3 has-aria-invalid:ring-destructive/20 has-data-[slot=combobox-chip]:px-1 dark:bg-input/30 dark:has-aria-invalid:border-destructive/50 dark:has-aria-invalid:ring-destructive/40\",\n        props.class,\n      )}\n    >\n      {props.children}\n    </div>\n  );\n}\n"],"mappings":";;;;;AAIA,SAAgBG,EAAcC,GAG3B;CACD,IAAMI,IAAMN,EAAmB,eAAe;CAC9C,cAAA;EAAA,IAAAO,IAAAC,EAAA,GAAAC,IAESH,EAAII;EAMR,OANoB,OAAAD,KAAA,aAAAE,EAAAF,GAAAF,CAAA,IAAhBD,EAAII,eAAYH,GAAAK,EAAAL,SAQpBL,EAAMC,QAAQ,GAAAU,QAAAC,EAAAP,GALRR,EACL,mcACAG,EAAMG,KACR,CAAC,CAAA,GAAAE;CAAA,EAAA,CAAA;AAKP"}

package/dist/components/combobox/ComboboxChipsInput/ComboboxChipsInput.d.ts

@@ -1,4 +1,4 @@
 export declare function ComboboxChipsInput(props: {
     placeholder?: string;
     class?: string;
-}): import("solid-js").JSX.Element;
+}): import('solid-js').JSX.Element;

package/dist/components/combobox/ComboboxChipsInput/ComboboxChipsInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxChipsInput.js","names":["clsx","useComboboxContext","ComboboxChipsInput","props","placeholder","class","ctx","_el$","_tmpl$","addEventListener","setOpen","$$input","e","next","currentTarget","value","setInputValue","setFilterValue","_$effect","_p$","_v$","_v$2","_v$3","disabled","_$className","t","_$setAttribute","a","undefined","inputValue","_$delegateEvents"],"sources":["../../../../src/components/combobox/ComboboxChipsInput/ComboboxChipsInput.tsx"],"sourcesContent":["import { clsx } from \"~/utils\";\nimport { useComboboxContext } from \"../Combobox/Combobox.context\";\n\nexport function ComboboxChipsInput(props: {\n  placeholder?: string;\n  class?: string;\n}) {\n  const ctx = useComboboxContext(\"ComboboxChipsInput\");\n  return (\n    <input\n      data-slot=\"combobox-chip-input\"\n      class={clsx(\"min-w-16 flex-1 bg-transparent outline-none\", props.class)}\n      placeholder={props.placeholder}\n      disabled={ctx.disabled()}\n      value={ctx.inputValue()}\n      onInput={(e) => {\n        const next = e.currentTarget.value;\n        ctx.setInputValue(next);\n        ctx.setFilterValue(next);\n        ctx.setOpen(true);\n      }}\n      onFocus={() => ctx.setOpen(true)}\n    />\n  );\n}\n"],"mappings":";;;;;AAGA,SAAgBE,EAAmBC,GAGhC;CACD,IAAMG,IAAML,EAAmB,oBAAoB;CACnD,cAAA;EAAA,IAAAM,IAAAC,EAAA;EAM2B,OAN3BD,EAAAE,iBAAA,eAamBH,EAAII,QAAQ,EAAI,CAAC,GAAAH,EAAAI,WANtBC,MAAM;GACd,IAAMC,IAAOD,EAAEE,cAAcC;GAG7BT,AAFAA,EAAIU,cAAcH,CAAI,GACtBP,EAAIW,eAAeJ,CAAI,GACvBP,EAAII,QAAQ,EAAI;EAClB,GAACQ,GAAAC,MAAA;GAAA,IAAAC,IATMpB,EAAK,+CAA+CG,EAAME,KAAK,GAACgB,IAC1DlB,EAAMC,aAAWkB,IACpBhB,EAAIiB,SAAS;GAAC,OAAAH,MAAAD,EAAAP,KAAAY,EAAAjB,GAAAY,EAAAP,IAAAQ,CAAA,GAAAC,MAAAF,EAAAM,KAAAC,EAAAnB,GAAA,eAAAY,EAAAM,IAAAJ,CAAA,GAAAC,MAAAH,EAAAQ,MAAApB,EAAAgB,WAAAJ,EAAAQ,IAAAL,IAAAH;EAAA,GAAA;GAAAP,GAAAgB,KAAAA;GAAAH,GAAAG,KAAAA;GAAAD,GAAAC,KAAAA;EAAA,CAAA,GAAAV,QAAAX,EAAAQ,QACjBT,EAAIuB,WAAW,CAAC,GAAAtB;CAAA,EAAA,CAAA;AAU7B;AAACuB,EAAA,CAAA,OAAA,CAAA"}
+{"version":3,"file":"ComboboxChipsInput.js","names":["clsx","useComboboxContext","ComboboxChipsInput","props","placeholder","class","ctx","_el$","_tmpl$","addEventListener","setOpen","$$input","e","next","currentTarget","value","setInputValue","setFilterValue","_$effect","_p$","_v$","_v$2","_v$3","disabled","_$className","t","_$setAttribute","a","undefined","inputValue","_$delegateEvents","_$className","_$setAttribute","_$delegateEvents","_tmpl$","ComboboxChipsInput","ctx","useComboboxContext","_el$","next","effect","_v$","clsx","props","_v$2","_v$3","_p$","className","setAttribute","delegateEvents"],"sources":["../../../../src/components/combobox/ComboboxChipsInput/ComboboxChipsInput.tsx"],"sourcesContent":["import { clsx } from \"~/utils\";\nimport { useComboboxContext } from \"../Combobox/Combobox.context\";\n\nexport function ComboboxChipsInput(props: {\n  placeholder?: string;\n  class?: string;\n}) {\n  const ctx = useComboboxContext(\"ComboboxChipsInput\");\n  return (\n    <input\n      data-slot=\"combobox-chip-input\"\n      class={clsx(\"min-w-16 flex-1 bg-transparent outline-none\", props.class)}\n      placeholder={props.placeholder}\n      disabled={ctx.disabled()}\n      value={ctx.inputValue()}\n      onInput={(e) => {\n        const next = e.currentTarget.value;\n        ctx.setInputValue(next);\n        ctx.setFilterValue(next);\n        ctx.setOpen(true);\n      }}\n      onFocus={() => ctx.setOpen(true)}\n    />\n  );\n}\n"],"mappings":";;;;;AAGA,SAAgBE,EAAmBC,GAGhC;CACD,IAAMG,IAAML,EAAmB,oBAAoB;CACnD,cAAA;EAAA,IAAAM,IAAAC,EAAA;EAM2B,OAN3BD,EAAAE,iBAAA,eAamBH,EAAII,QAAQ,EAAI,CAAC,GAAAH,EAAAI,WANtBC,MAAM;GACd,IAAMC,IAAOD,EAAEE,cAAcC;GAG7BT,AAFAA,EAAIU,cAAcH,CAAI,GACtBP,EAAIW,eAAeJ,CAAI,GACvBP,EAAII,QAAQ,EAAI;EAClB,GAACQ,GAAAC,MAAA;GAAA,IAAAC,IATMpB,EAAK,+CAA+CG,EAAME,KAAK,GAACgB,IAC1DlB,EAAMC,aAAWkB,IACpBhB,EAAIiB,SAAS;GAAC,OAAAH,MAAAD,EAAAP,KAAAY,EAAAjB,GAAAY,EAAAP,IAAAQ,CAAA,GAAAC,MAAAF,EAAAM,KAAAC,EAAAnB,GAAA,eAAAY,EAAAM,IAAAJ,CAAA,GAAAC,MAAAH,EAAAQ,MAAApB,EAAAgB,WAAAJ,EAAAQ,IAAAL,IAAAH;EAAA,GAAA;GAAAP,GAAAgB,KAAAA;GAAAH,GAAAG,KAAAA;GAAAD,GAAAC,KAAAA;EAAA,CAAA,GAAAV,QAAAX,EAAAQ,QACjBT,EAAIuB,WAAW,CAAC,GAAAtB;CAAA,EAAA,CAAA;AAU7B;AAACuB,EAAA,CAAA,OAAA,CAAA"}

package/dist/components/combobox/ComboboxClear/ComboboxClear.d.ts

@@ -1,4 +1,4 @@
 export declare function ComboboxClear(props: {
     disabled?: boolean;
     class?: string;
-}): import("solid-js").JSX.Element;
+}): import('solid-js').JSX.Element;

package/dist/components/combobox/ComboboxClear/ComboboxClear.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxClear.js","names":["X","useComboboxContext","InputGroupButton","ComboboxClear","props","disabled","class","ctx","_$createComponent","variant","size","onClick","setValue","setInputValue","setFilterValue","setOpen","icon"],"sources":["../../../../src/components/combobox/ComboboxClear/ComboboxClear.tsx"],"sourcesContent":["import { X } from \"lucide-solid\";\nimport { useComboboxContext } from \"../Combobox/Combobox.context\";\nimport { InputGroupButton } from \"~/components/input-group\";\n\nexport function ComboboxClear(props: { disabled?: boolean; class?: string }) {\n  const ctx = useComboboxContext(\"ComboboxClear\");\n  return (\n    <InputGroupButton\n      variant=\"ghost\"\n      size=\"xs\"\n      data-slot=\"combobox-clear\"\n      aria-label=\"Clear\"\n      disabled={ctx.disabled() || props.disabled}\n      class={props.class}\n      onClick={() => {\n        ctx.setValue(null);\n        ctx.setInputValue(\"\");\n        ctx.setFilterValue(\"\");\n        ctx.setOpen(false);\n      }}\n      icon={<X class='\"pointer-events-none' />}\n    />\n  );\n}\n"],"mappings":";;;;;AAIA,SAAgBG,EAAcC,GAA+C;CAC3E,IAAMG,IAAMN,EAAmB,eAAe;CAC9C,OAAAO,EACGN,GAAgB;EACfO,SAAO;EACPC,MAAI;EAAA,aAAA;EAAA,cAAA;EAAA,IAGJL,WAAQ;GAAA,OAAEE,EAAIF,SAAS,KAAKD,EAAMC;EAAQ;EAAA,IAAA,QAAA;GAAA,OACnCD,EAAME;EAAK;EAClBK,eAAe;GAIbJ,AAHAA,EAAIK,SAAS,IAAI,GACjBL,EAAIM,cAAc,EAAE,GACpBN,EAAIO,eAAe,EAAE,GACrBP,EAAIQ,QAAQ,EAAK;EACnB;EAAC,IACDC,OAAI;GAAA,OAAAR,EAAGR,GAAC,EAAA,OAAA,wBAAA,CAAA;EAAA;CAAA,CAAA;AAGd"}
+{"version":3,"file":"ComboboxClear.js","names":["X","useComboboxContext","InputGroupButton","ComboboxClear","props","disabled","class","ctx","_$createComponent","variant","size","onClick","setValue","setInputValue","setFilterValue","setOpen","icon","_$createComponent","ComboboxClear","ctx","useComboboxContext","createComponent","InputGroupButton","props","\"class\"","X"],"sources":["../../../../src/components/combobox/ComboboxClear/ComboboxClear.tsx"],"sourcesContent":["import { X } from \"lucide-solid\";\nimport { useComboboxContext } from \"../Combobox/Combobox.context\";\nimport { InputGroupButton } from \"~/components/input-group\";\n\nexport function ComboboxClear(props: { disabled?: boolean; class?: string }) {\n  const ctx = useComboboxContext(\"ComboboxClear\");\n  return (\n    <InputGroupButton\n      variant=\"ghost\"\n      size=\"xs\"\n      data-slot=\"combobox-clear\"\n      aria-label=\"Clear\"\n      disabled={ctx.disabled() || props.disabled}\n      class={props.class}\n      onClick={() => {\n        ctx.setValue(null);\n        ctx.setInputValue(\"\");\n        ctx.setFilterValue(\"\");\n        ctx.setOpen(false);\n      }}\n      icon={<X class='\"pointer-events-none' />}\n    />\n  );\n}\n"],"mappings":";;;;;AAIA,SAAgBG,EAAcC,GAA+C;CAC3E,IAAMG,IAAMN,EAAmB,eAAe;CAC9C,OAAAO,EACGN,GAAgB;EACfO,SAAO;EACPC,MAAI;EAAA,aAAA;EAAA,cAAA;EAAA,IAGJL,WAAQ;GAAA,OAAEE,EAAIF,SAAS,KAAKD,EAAMC;EAAQ;EAAA,IAAAmB,QAAA;GAAA,OACnCpB,EAAME;EAAK;EAClBK,eAAe;GAIbJ,AAHAA,EAAIK,SAAS,IAAI,GACjBL,EAAIM,cAAc,EAAE,GACpBN,EAAIO,eAAe,EAAE,GACrBP,EAAIQ,QAAQ,EAAK;EACnB;EAAC,IACDC,OAAI;GAAA,OAAAR,EAAGR,GAAC,EAAAwB,OAAA,wBAAA,CAAA;EAAA;CAAA,CAAA;AAGd"}

package/dist/components/combobox/ComboboxCollection/ComboboxCollection.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxCollection.js","names":["For","createMemo","JSX","useComboboxContext","ComboboxCollection","props","items","children","Element","item","index","ctx","filtered","query","filterValue","toLowerCase","trim","filter","itemToStringValue","includes","_$createComponent","each"],"sources":["../../../../src/components/combobox/ComboboxCollection/ComboboxCollection.tsx"],"sourcesContent":["import { For, createMemo, type JSX } from \"solid-js\";\nimport { useComboboxContext } from \"../Combobox/Combobox.context\";\n\nexport function ComboboxCollection(props: {\n  items?: any[];\n  children?: JSX.Element | ((item: any, index: number) => JSX.Element);\n}) {\n  const ctx = useComboboxContext(\"ComboboxCollection\");\n  const items = createMemo(() => props.items ?? ctx.items());\n  const filtered = createMemo(() => {\n    const query = ctx.filterValue().toLowerCase().trim();\n    if (!query) return items();\n    return items().filter((item) =>\n      ctx.itemToStringValue(item).toLowerCase().includes(query),\n    );\n  });\n  return (\n    <For each={filtered()}>\n      {(item, index) =>\n        typeof props.children === \"function\"\n          ? props.children(item, index())\n          : props.children\n      }\n    </For>\n  );\n}\n"],"mappings":";;;;AAGA,SAAgBI,EAAmBC,GAGhC;CACD,IAAMM,IAAMR,EAAmB,oBAAoB,GAC7CG,IAAQL,QAAiBI,EAAMC,SAASK,EAAIL,MAAM,CAAC,GACnDM,IAAWX,QAAiB;EAChC,IAAMY,IAAQF,EAAIG,YAAY,CAAC,CAACC,YAAY,CAAC,CAACC,KAAK;EAEnD,OADKH,IACEP,EAAM,CAAC,CAACW,QAAQR,MACrBE,EAAIO,kBAAkBT,CAAI,CAAC,CAACM,YAAY,CAAC,CAACI,SAASN,CAAK,CAC1D,IAHmBP,EAAM;CAI3B,CAAC;CACD,OAAAc,EACGpB,GAAG;EAAA,IAACqB,OAAI;GAAA,OAAET,EAAS;EAAC;EAAAL,WACjBE,GAAMC,MACN,OAAOL,EAAME,YAAa,aACtBF,EAAME,SAASE,GAAMC,EAAM,CAAC,IAC5BL,EAAME;CAAQ,CAAA;AAI1B"}
+{"version":3,"file":"ComboboxCollection.js","names":["For","createMemo","JSX","useComboboxContext","ComboboxCollection","props","items","children","Element","item","index","ctx","filtered","query","filterValue","toLowerCase","trim","filter","itemToStringValue","includes","_$createComponent","each","_$createComponent","ComboboxCollection","ctx","useComboboxContext","items","createMemo","props","filtered","query","item","createComponent","For","index"],"sources":["../../../../src/components/combobox/ComboboxCollection/ComboboxCollection.tsx"],"sourcesContent":["import { For, createMemo, type JSX } from \"solid-js\";\nimport { useComboboxContext } from \"../Combobox/Combobox.context\";\n\nexport function ComboboxCollection(props: {\n  items?: any[];\n  children?: JSX.Element | ((item: any, index: number) => JSX.Element);\n}) {\n  const ctx = useComboboxContext(\"ComboboxCollection\");\n  const items = createMemo(() => props.items ?? ctx.items());\n  const filtered = createMemo(() => {\n    const query = ctx.filterValue().toLowerCase().trim();\n    if (!query) return items();\n    return items().filter((item) =>\n      ctx.itemToStringValue(item).toLowerCase().includes(query),\n    );\n  });\n  return (\n    <For each={filtered()}>\n      {(item, index) =>\n        typeof props.children === \"function\"\n          ? props.children(item, index())\n          : props.children\n      }\n    </For>\n  );\n}\n"],"mappings":";;;;AAGA,SAAgBI,EAAmBC,GAGhC;CACD,IAAMM,IAAMR,EAAmB,oBAAoB,GAC7CG,IAAQL,QAAiBI,EAAMC,SAASK,EAAIL,MAAM,CAAC,GACnDM,IAAWX,QAAiB;EAChC,IAAMY,IAAQF,EAAIG,YAAY,CAAC,CAACC,YAAY,CAAC,CAACC,KAAK;EAEnD,OADKH,IACEP,EAAM,CAAC,CAACW,QAAQR,MACrBE,EAAIO,kBAAkBT,CAAI,CAAC,CAACM,YAAY,CAAC,CAACI,SAASN,CAAK,CAC1D,IAHmBP,EAAM;CAI3B,CAAC;CACD,OAAAc,EACGpB,GAAG;EAAA,IAACqB,OAAI;GAAA,OAAET,EAAS;EAAC;EAAAL,WACjBE,GAAMC,MACN,OAAOL,EAAME,YAAa,aACtBF,EAAME,SAASE,GAAMC,EAAM,CAAC,IAC5BL,EAAME;CAAQ,CAAA;AAI1B"}

package/dist/components/combobox/ComboboxContent/ComboboxContent.d.ts

@@ -1,2 +1,2 @@
 import { ComboboxContentProps } from './ComboboxContent.types';
-export declare function ComboboxContent(props: ComboboxContentProps): import("solid-js").JSX.Element;
+export declare function ComboboxContent(props: ComboboxContentProps): import('solid-js').JSX.Element;

package/dist/components/combobox/ComboboxContent/ComboboxContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxContent.js","names":["Show","mergeProps","onCleanup","splitProps","Portal","clsx","ComboboxContentProps","useComboboxContent","ComboboxContent","props","merged","side","align","sideOffset","alignOffset","const","local","others","ctx","style","_$createComponent","when","open","children","_el$","_tmpl$","_el$2","firstChild","_$use","el","setFloating","undefined","_$spread","_$mergeProps","id","contentId","data-side","data-align","class","_$effect","_$p","_$style"],"sources":["../../../../src/components/combobox/ComboboxContent/ComboboxContent.tsx"],"sourcesContent":["import { Show, mergeProps, onCleanup, splitProps } from \"solid-js\";\nimport { Portal } from \"solid-js/web\";\nimport { clsx } from \"~/utils\";\nimport type { ComboboxContentProps } from \"./ComboboxContent.types\";\nimport { useComboboxContent } from \"./useComboboxContent\";\n\nexport function ComboboxContent(props: ComboboxContentProps) {\n  const merged = mergeProps(\n    { side: \"bottom\", align: \"start\", sideOffset: 6, alignOffset: 0 } as const,\n    props,\n  );\n  const [local, others] = splitProps(merged, [\n    \"side\",\n    \"align\",\n    \"alignOffset\",\n    \"sideOffset\",\n  ]);\n\n  const { ctx, style } = useComboboxContent(() => local);\n\n  return (\n    <Show when={ctx.open()}>\n      <Portal>\n        <div\n          ref={(el) => {\n            ctx.setFloating(el);\n            onCleanup(() => ctx.setFloating(undefined));\n          }}\n          style={style()}\n        >\n          <div\n            id={ctx.contentId}\n            data-slot=\"combobox-content\"\n            data-side={local.side}\n            data-align={local.align}\n            class={clsx(\n              \"group/combobox-content relative max-h-96 w-(--anchor-width) max-w-(--available-width) min-w-[calc(var(--anchor-width)+(--spacing(7)))] origin-(--transform-origin) overflow-hidden rounded-md bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[chips=true]:min-w-(--anchor-width) data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 *:data-[slot=input-group]:m-1 *:data-[slot=input-group]:mb-0 *:data-[slot=input-group]:h-8 *:data-[slot=input-group]:border-input/30 *:data-[slot=input-group]:bg-input/30 *:data-[slot=input-group]:shadow-none data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95\",\n              merged.class,\n            )}\n            {...others}\n          />\n        </div>\n      </Portal>\n    </Show>\n  );\n}\n"],"mappings":";;;;;;AAMA,SAAgBQ,EAAgBC,GAA6B;CAC3D,IAAMC,IAAST,EACb;EAAEU,MAAM;EAAUC,OAAO;EAASC,YAAY;EAAGC,aAAa;CAAE,GAChEL,CACF,GACM,CAACO,GAAOC,KAAUd,EAAWO,GAAQ;EACzC;EACA;EACA;EACA;CAAY,CACb,GAEK,EAAEQ,QAAKC,OAAAA,MAAUZ,QAAyBS,CAAK;CAErD,OAAAI,EACGpB,GAAI;EAAA,IAACqB,OAAI;GAAA,OAAEH,EAAII,KAAK;EAAC;EAAA,IAAAC,WAAA;GAAA,OAAAH,EACnBhB,GAAM,EAAA,IAAAmB,WAAA;IAAA,IAAAC,IAAAC,EAAA,GAAAC,IAAAF,EAAAG;IAMW,OANXC,GAEGC,MAAO;KAEX3B,AADAgB,EAAIY,YAAYD,CAAE,GAClB3B,QAAgBgB,EAAIY,YAAYC,KAAAA,CAAS,CAAC;IAC5C,GAACP,CAAA,GAAAQ,EAAAN,GAAAO,EAAA;KAAA,IAICC,KAAE;MAAA,OAAEhB,EAAIiB;KAAS;KAAA,IAAA,cAAA;MAAA,OAENnB,EAAML;KAAI;KAAA,IAAA,eAAA;MAAA,OACTK,EAAMJ;KAAK;KAAA,IAAA,QAAA;MAAA,OAChBP,EACL,gzBACAK,EAAO4B,KACT;KAAC;IAAA,GACGrB,CAAM,GAAA,IAAA,EAAA,GAAAsB,GAAAC,MAAAC,EAAAjB,GAXLL,EAAM,GAACqB,CAAA,CAAA,GAAAhB;GAAA,EAAA,CAAA;EAAA;CAAA,CAAA;AAiBxB"}
+{"version":3,"file":"ComboboxContent.js","names":["Show","mergeProps","onCleanup","splitProps","Portal","clsx","ComboboxContentProps","useComboboxContent","ComboboxContent","props","merged","side","align","sideOffset","alignOffset","const","local","others","ctx","style","_$createComponent","when","open","children","_el$","_tmpl$","_el$2","firstChild","_$use","el","setFloating","undefined","_$spread","_$mergeProps","id","contentId","data-side","data-align","class","_$effect","_$p","_$style","mergeProps","_$createComponent","_$mergeProps","_$style","style","mergeProps$1","_tmpl$","ComboboxContent","merged","props","local","others","splitProps","style$1","useComboboxContent","createComponent","Show","ctx","Portal","_el$","_el$2","use","el","onCleanup","spread","mergeProps","\"class\"","clsx","effect","style","_$p"],"sources":["../../../../src/components/combobox/ComboboxContent/ComboboxContent.tsx"],"sourcesContent":["import { Show, mergeProps, onCleanup, splitProps } from \"solid-js\";\nimport { Portal } from \"solid-js/web\";\nimport { clsx } from \"~/utils\";\nimport type { ComboboxContentProps } from \"./ComboboxContent.types\";\nimport { useComboboxContent } from \"./useComboboxContent\";\n\nexport function ComboboxContent(props: ComboboxContentProps) {\n  const merged = mergeProps(\n    { side: \"bottom\", align: \"start\", sideOffset: 6, alignOffset: 0 } as const,\n    props,\n  );\n  const [local, others] = splitProps(merged, [\n    \"side\",\n    \"align\",\n    \"alignOffset\",\n    \"sideOffset\",\n  ]);\n\n  const { ctx, style } = useComboboxContent(() => local);\n\n  return (\n    <Show when={ctx.open()}>\n      <Portal>\n        <div\n          ref={(el) => {\n            ctx.setFloating(el);\n            onCleanup(() => ctx.setFloating(undefined));\n          }}\n          style={style()}\n        >\n          <div\n            id={ctx.contentId}\n            data-slot=\"combobox-content\"\n            data-side={local.side}\n            data-align={local.align}\n            class={clsx(\n              \"group/combobox-content relative max-h-96 w-(--anchor-width) max-w-(--available-width) min-w-[calc(var(--anchor-width)+(--spacing(7)))] origin-(--transform-origin) overflow-hidden rounded-md bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[chips=true]:min-w-(--anchor-width) data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 *:data-[slot=input-group]:m-1 *:data-[slot=input-group]:mb-0 *:data-[slot=input-group]:h-8 *:data-[slot=input-group]:border-input/30 *:data-[slot=input-group]:bg-input/30 *:data-[slot=input-group]:shadow-none data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95\",\n              merged.class,\n            )}\n            {...others}\n          />\n        </div>\n      </Portal>\n    </Show>\n  );\n}\n"],"mappings":";;;;;;AAMA,SAAgBQ,EAAgBC,GAA6B;CAC3D,IAAMC,IAAST,EACb;EAAEU,MAAM;EAAUC,OAAO;EAASC,YAAY;EAAGC,aAAa;CAAE,GAChEL,CACF,GACM,CAACO,GAAOC,KAAUd,EAAWO,GAAQ;EACzC;EACA;EACA;EACA;CAAY,CACb,GAEK,EAAEQ,QAAKC,OAAAA,MAAUZ,QAAyBS,CAAK;CAErD,OAAAI,EACGpB,GAAI;EAAA,IAACqB,OAAI;GAAA,OAAEH,EAAII,KAAK;EAAC;EAAA,IAAAC,WAAA;GAAA,OAAAH,EACnBhB,GAAM,EAAA,IAAAmB,WAAA;IAAA,IAAAC,IAAAC,EAAA,GAAAC,IAAAF,EAAAG;IAMW,OANXC,GAEGC,MAAO;KAEX3B,AADAgB,EAAIY,YAAYD,CAAE,GAClB3B,QAAgBgB,EAAIY,YAAYC,KAAAA,CAAS,CAAC;IAC5C,GAACP,CAAA,GAAAQ,EAAAN,GAAAO,EAAA;KAAA,IAICC,KAAE;MAAA,OAAEhB,EAAIiB;KAAS;KAAA,IAAA,cAAA;MAAA,OAENnB,EAAML;KAAI;KAAA,IAAA,eAAA;MAAA,OACTK,EAAMJ;KAAK;KAAA,IAAAwD,QAAA;MAAA,OAChB/D,EACL,gzBACAK,EAAO4B,KACT;KAAC;IAAA,GACGrB,CAAM,GAAA,IAAA,EAAA,GAAAsB,GAAAC,MAAAC,EAAAjB,GAXLL,EAAM,GAACqB,CAAA,CAAA,GAAAhB;GAAA,EAAA,CAAA;EAAA;CAAA,CAAA;AAiBxB"}

package/dist/components/combobox/ComboboxContent/ComboboxContent.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxContent.utils.js","names":[],"sources":["../../../../src/components/combobox/ComboboxContent/ComboboxContent.utils.ts"],"sourcesContent":["import type { Alignment, Placement, Side } from \"~/lib\";\n\nexport const toPlacement = (\n  side: Side,\n  align: \"center\" | Alignment,\n): Placement => {\n  return align === \"center\" ? side : `${side}-${align}`;\n};\n"],"mappings":";AAEA,IAAa,KACX,GACA,MAEO,MAAU,WAAW,IAAO,GAAG,EAAK,GAAG"}
+{"version":3,"file":"ComboboxContent.utils.js","names":["toPlacement","align","side"],"sources":["../../../../src/components/combobox/ComboboxContent/ComboboxContent.utils.ts"],"sourcesContent":["import type { Alignment, Placement, Side } from \"~/lib\";\n\nexport const toPlacement = (\n  side: Side,\n  align: \"center\" | Alignment,\n): Placement => {\n  return align === \"center\" ? side : `${side}-${align}`;\n};\n"],"mappings":";AAEA,IAAaA,KACX,GACA,MAEOC,MAAU,WAAWC,IAAO,GAAGA,EAAK,GAAGD"}

package/dist/components/combobox/ComboboxContent/useComboboxContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"useComboboxContent.js","names":[],"sources":["../../../../src/components/combobox/ComboboxContent/useComboboxContent.ts"],"sourcesContent":["import { createEffect, onCleanup } from \"solid-js\";\nimport { createPositioner, flip, hide, offset, shift, size } from \"~/lib\";\nimport { toPlacement } from \"./ComboboxContent.utils\";\nimport { useComboboxContext } from \"../Combobox/Combobox.context\";\nimport type { ComboboxContentProps } from \"./ComboboxContent.types\";\n\nexport const useComboboxContent = (\n  local: () => Required<\n    Pick<ComboboxContentProps, \"side\" | \"align\" | \"alignOffset\" | \"sideOffset\">\n  >,\n) => {\n  const ctx = useComboboxContext(\"ComboboxContent\");\n\n  const pos = createPositioner(ctx.reference, ctx.floating, {\n    placement: () => toPlacement(local().side, local().align),\n    strategy: \"fixed\",\n    middleware: () => [\n      offset({\n        mainAxis: local().sideOffset,\n        crossAxis: local().alignOffset,\n      }),\n      flip(),\n      shift({ padding: 8 }),\n      size({ padding: 8 }),\n      hide(),\n    ],\n  });\n\n  const referenceWidth = () => ctx.reference()?.getBoundingClientRect().width;\n\n  createEffect(() => {\n    if (ctx.open()) pos.update();\n  });\n\n  createEffect(() => {\n    if (!ctx.open()) return;\n\n    const onPointerDown = (e: PointerEvent) => {\n      const target = e.target as Node;\n      if (\n        !ctx.reference()?.contains(target) &&\n        !ctx.floating()?.contains(target)\n      ) {\n        ctx.close();\n      }\n    };\n\n    document.addEventListener(\"pointerdown\", onPointerDown, { capture: true });\n    onCleanup(() =>\n      document.removeEventListener(\"pointerdown\", onPointerDown, {\n        capture: true,\n      }),\n    );\n  });\n\n  const style = () => ({\n    ...pos.floatingStyles(),\n    \"z-index\": 1000,\n    opacity: pos.isPositioned() ? 1 : 0,\n    width: referenceWidth() ? `${referenceWidth()}px` : undefined,\n  });\n\n  return { ctx, style };\n};\n"],"mappings":";;;;;;;;;;AAMA,IAAa,KACX,MAGG;CACH,IAAM,IAAM,EAAmB,iBAAiB,GAE1C,IAAM,EAAiB,EAAI,WAAW,EAAI,UAAU;EACxD,iBAAiB,EAAY,EAAM,CAAC,CAAC,MAAM,EAAM,CAAC,CAAC,KAAK;EACxD,UAAU;EACV,kBAAkB;GAChB,EAAO;IACL,UAAU,EAAM,CAAC,CAAC;IAClB,WAAW,EAAM,CAAC,CAAC;GACrB,CAAC;GACD,EAAK;GACL,EAAM,EAAE,SAAS,EAAE,CAAC;GACpB,EAAK,EAAE,SAAS,EAAE,CAAC;GACnB,EAAK;EACP;CACF,CAAC,GAEK,UAAuB,EAAI,UAAU,CAAC,EAAE,sBAAsB,CAAC,CAAC;CAkCtE,OAhCA,QAAmB;EACjB,AAAI,EAAI,KAAK,KAAG,EAAI,OAAO;CAC7B,CAAC,GAED,QAAmB;EACjB,IAAI,CAAC,EAAI,KAAK,GAAG;EAEjB,IAAM,KAAiB,MAAoB;GACzC,IAAM,IAAS,EAAE;GACjB,AACE,CAAC,EAAI,UAAU,CAAC,EAAE,SAAS,CAAM,KACjC,CAAC,EAAI,SAAS,CAAC,EAAE,SAAS,CAAM,KAEhC,EAAI,MAAM;EAEd;EAGA,AADA,SAAS,iBAAiB,eAAe,GAAe,EAAE,SAAS,GAAK,CAAC,GACzE,QACE,SAAS,oBAAoB,eAAe,GAAe,EACzD,SAAS,GACX,CAAC,CACH;CACF,CAAC,GASM;EAAE;EAAK,cAPO;GACnB,GAAG,EAAI,eAAe;GACtB,WAAW;GACX,SAAS,KAAI,aAAa;GAC1B,OAAO,EAAe,IAAI,GAAG,EAAe,EAAE,MAAM,KAAA;EACtD;CAEoB;AACtB"}
+{"version":3,"file":"useComboboxContent.js","names":["useComboboxContent","ctx","useComboboxContext","pos","createPositioner","toPlacement","local","offset","flip","shift","size","hide","referenceWidth","createEffect","onPointerDown","target","onCleanup"],"sources":["../../../../src/components/combobox/ComboboxContent/useComboboxContent.ts"],"sourcesContent":["import { createEffect, onCleanup } from \"solid-js\";\nimport { createPositioner, flip, hide, offset, shift, size } from \"~/lib\";\nimport { toPlacement } from \"./ComboboxContent.utils\";\nimport { useComboboxContext } from \"../Combobox/Combobox.context\";\nimport type { ComboboxContentProps } from \"./ComboboxContent.types\";\n\nexport const useComboboxContent = (\n  local: () => Required<\n    Pick<ComboboxContentProps, \"side\" | \"align\" | \"alignOffset\" | \"sideOffset\">\n  >,\n) => {\n  const ctx = useComboboxContext(\"ComboboxContent\");\n\n  const pos = createPositioner(ctx.reference, ctx.floating, {\n    placement: () => toPlacement(local().side, local().align),\n    strategy: \"fixed\",\n    middleware: () => [\n      offset({\n        mainAxis: local().sideOffset,\n        crossAxis: local().alignOffset,\n      }),\n      flip(),\n      shift({ padding: 8 }),\n      size({ padding: 8 }),\n      hide(),\n    ],\n  });\n\n  const referenceWidth = () => ctx.reference()?.getBoundingClientRect().width;\n\n  createEffect(() => {\n    if (ctx.open()) pos.update();\n  });\n\n  createEffect(() => {\n    if (!ctx.open()) return;\n\n    const onPointerDown = (e: PointerEvent) => {\n      const target = e.target as Node;\n      if (\n        !ctx.reference()?.contains(target) &&\n        !ctx.floating()?.contains(target)\n      ) {\n        ctx.close();\n      }\n    };\n\n    document.addEventListener(\"pointerdown\", onPointerDown, { capture: true });\n    onCleanup(() =>\n      document.removeEventListener(\"pointerdown\", onPointerDown, {\n        capture: true,\n      }),\n    );\n  });\n\n  const style = () => ({\n    ...pos.floatingStyles(),\n    \"z-index\": 1000,\n    opacity: pos.isPositioned() ? 1 : 0,\n    width: referenceWidth() ? `${referenceWidth()}px` : undefined,\n  });\n\n  return { ctx, style };\n};\n"],"mappings":";;;;;;;;;;AAMA,IAAaA,KACX,MAGG;CACH,IAAMC,IAAMC,EAAmB,iBAAiB,GAE1CC,IAAMC,EAAiBH,EAAI,WAAWA,EAAI,UAAU;EACxD,iBAAiBI,EAAYC,EAAM,CAAC,CAAC,MAAMA,EAAM,CAAC,CAAC,KAAK;EACxD,UAAU;EACV,kBAAkB;GAChBC,EAAO;IACL,UAAUD,EAAM,CAAC,CAAC;IAClB,WAAWA,EAAM,CAAC,CAAC;GACrB,CAAC;GACDE,EAAK;GACLC,EAAM,EAAE,SAAS,EAAE,CAAC;GACpBC,EAAK,EAAE,SAAS,EAAE,CAAC;GACnBC,EAAK;EACP;CACF,CAAC,GAEKC,UAAuBX,EAAI,UAAU,CAAC,EAAE,sBAAsB,CAAC,CAAC;CAkCtE,OAhCAY,QAAmB;EACjB,AAAIZ,EAAI,KAAK,KAAGE,EAAI,OAAO;CAC7B,CAAC,GAEDU,QAAmB;EACjB,IAAI,CAACZ,EAAI,KAAK,GAAG;EAEjB,IAAMa,KAAiB,MAAoB;GACzC,IAAMC,IAAS,EAAE;GACjB,AACE,CAACd,EAAI,UAAU,CAAC,EAAE,SAASc,CAAM,KACjC,CAACd,EAAI,SAAS,CAAC,EAAE,SAASc,CAAM,KAEhCd,EAAI,MAAM;EAEd;EAGA,AADA,SAAS,iBAAiB,eAAea,GAAe,EAAE,SAAS,GAAK,CAAC,GACzEE,QACE,SAAS,oBAAoB,eAAeF,GAAe,EACzD,SAAS,GACX,CAAC,CACH;CACF,CAAC,GASM;EAAE;EAAK,cAPO;GACnB,GAAGX,EAAI,eAAe;GACtB,WAAW;GACX,SAAS,KAAI,aAAa;GAC1B,OAAOS,EAAe,IAAI,GAAGA,EAAe,EAAE,MAAM,KAAA;EACtD;CAEoB;AACtB"}

package/dist/components/combobox/ComboboxEmpty/ComboboxEmpty.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxEmpty.js","names":["JSX","clsx","ComboboxEmpty","props","children","Element","class","_el$","_tmpl$","_$insert","_$effect","_$className"],"sources":["../../../../src/components/combobox/ComboboxEmpty/ComboboxEmpty.tsx"],"sourcesContent":["import type { JSX } from \"solid-js\";\nimport { clsx } from \"~/utils\";\n\nexport function ComboboxEmpty(props: {\n  children?: JSX.Element;\n  class?: string;\n}) {\n  return (\n    <div\n      data-slot=\"combobox-empty\"\n      class={clsx(\n        \"hidden w-full justify-center py-2 text-center text-sm text-muted-foreground\",\n        props.class,\n      )}\n    >\n      {props.children}\n    </div>\n  );\n}\n"],"mappings":";;;;AAGA,SAAgBE,EAAcC,GAG3B;CACD,cAAA;EAAA,IAAAI,IAAAC,EAAA;EAMK,OANLC,EAAAF,SAQKJ,EAAMC,QAAQ,GAAAM,QAAAC,EAAAJ,GALRN,EACL,+EACAE,EAAMG,KACR,CAAC,CAAA,GAAAC;CAAA,EAAA,CAAA;AAKP"}
+{"version":3,"file":"ComboboxEmpty.js","names":["JSX","clsx","ComboboxEmpty","props","children","Element","class","_el$","_tmpl$","_$insert","_$effect","_$className","_$className","_tmpl$","ComboboxEmpty","_el$","insert","props","effect","className","clsx"],"sources":["../../../../src/components/combobox/ComboboxEmpty/ComboboxEmpty.tsx"],"sourcesContent":["import type { JSX } from \"solid-js\";\nimport { clsx } from \"~/utils\";\n\nexport function ComboboxEmpty(props: {\n  children?: JSX.Element;\n  class?: string;\n}) {\n  return (\n    <div\n      data-slot=\"combobox-empty\"\n      class={clsx(\n        \"hidden w-full justify-center py-2 text-center text-sm text-muted-foreground\",\n        props.class,\n      )}\n    >\n      {props.children}\n    </div>\n  );\n}\n"],"mappings":";;;;AAGA,SAAgBE,EAAcC,GAG3B;CACD,cAAA;EAAA,IAAAI,IAAAC,EAAA;EAMK,OANLC,EAAAF,SAQKJ,EAAMC,QAAQ,GAAAM,QAAAC,EAAAJ,GALRN,EACL,+EACAE,EAAMG,KACR,CAAC,CAAA,GAAAC;CAAA,EAAA,CAAA;AAKP"}

package/dist/components/combobox/ComboboxGroup/ComboboxGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxGroup.js","names":["JSX","ComboboxGroup","props","children","Element","class","_el$","_tmpl$","_$insert","_$effect","_$className"],"sources":["../../../../src/components/combobox/ComboboxGroup/ComboboxGroup.tsx"],"sourcesContent":["import type { JSX } from \"solid-js\";\n\nexport function ComboboxGroup(props: {\n  children?: JSX.Element;\n  class?: string;\n}) {\n  return (\n    <div data-slot=\"combobox-group\" class={props.class}>\n      {props.children}\n    </div>\n  );\n}\n"],"mappings":";;;AAEA,SAAgBC,EAAcC,GAG3B;CACD,cAAA;EAAA,IAAAI,IAAAC,EAAA;EACoD,OADpDC,EAAAF,SAEKJ,EAAMC,QAAQ,GAAAM,QAAAC,EAAAJ,GADsBJ,EAAMG,KAAK,CAAA,GAAAC;CAAA,EAAA,CAAA;AAItD"}
+{"version":3,"file":"ComboboxGroup.js","names":["JSX","ComboboxGroup","props","children","Element","class","_el$","_tmpl$","_$insert","_$effect","_$className","_$className","_tmpl$","ComboboxGroup","_el$","insert","props","effect","className"],"sources":["../../../../src/components/combobox/ComboboxGroup/ComboboxGroup.tsx"],"sourcesContent":["import type { JSX } from \"solid-js\";\n\nexport function ComboboxGroup(props: {\n  children?: JSX.Element;\n  class?: string;\n}) {\n  return (\n    <div data-slot=\"combobox-group\" class={props.class}>\n      {props.children}\n    </div>\n  );\n}\n"],"mappings":";;;AAEA,SAAgBC,EAAcC,GAG3B;CACD,cAAA;EAAA,IAAAI,IAAAC,EAAA;EACoD,OADpDC,EAAAF,SAEKJ,EAAMC,QAAQ,GAAAM,QAAAC,EAAAJ,GADsBJ,EAAMG,KAAK,CAAA,GAAAC;CAAA,EAAA,CAAA;AAItD"}

package/dist/components/combobox/ComboboxInput/ComboboxInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxInput.js","names":["Show","createEffect","mergeProps","onCleanup","JSX","InputGroup","InputGroupAddon","InputGroupInput","clsx","useComboboxContext","ComboboxClear","ComboboxInput","props","placeholder","disabled","showClear","class","children","Element","ctx","local","mountedWithExternalReference","reference","undefined","inputEl","HTMLInputElement","open","focus","hasValue","current","value","Array","isArray","length","onKeyDown","e","KeyboardEvent","list","filteredItems","key","preventDefault","setOpen","setActiveIndex","activeIndex","item","selectItem","close","_$createComponent","ref","el","setReference","aria-invalid","inputValue","onInput","next","String","setInputValue","setFilterValue","multiple","trim","setValue","onFocus","onClick","align","when","_$memo"],"sources":["../../../../src/components/combobox/ComboboxInput/ComboboxInput.tsx"],"sourcesContent":["import { Show, createEffect, mergeProps, onCleanup, type JSX } from \"solid-js\";\nimport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupInput,\n} from \"~/components/input-group\";\nimport { clsx } from \"~/utils\";\nimport { useComboboxContext } from \"../Combobox/Combobox.context\";\nimport { ComboboxClear } from \"../ComboboxClear\";\n\nexport function ComboboxInput(props: {\n  placeholder?: string;\n  disabled?: boolean;\n  showClear?: boolean;\n  class?: string;\n  \"aria-invalid\"?: string | boolean;\n  children?: JSX.Element;\n}) {\n  const ctx = useComboboxContext(\"ComboboxInput\");\n  const local = mergeProps({ showClear: false }, props);\n  const disabled = () => ctx.disabled() || !!local.disabled;\n  // 当 ComboboxInput 作为 ComboboxContent 子组件时（Popup 模式），\n  // 此时 reference 已经由 ComboboxTrigger 设置。打开弹层后自动聚焦输入框。\n  const mountedWithExternalReference = ctx.reference() !== undefined;\n  let inputEl: HTMLInputElement | undefined;\n\n  createEffect(() => {\n    if (ctx.open() && mountedWithExternalReference && inputEl) {\n      inputEl.focus();\n    }\n  });\n\n  const hasValue = () => {\n    const current = ctx.value();\n    if (current == null) return false;\n    if (Array.isArray(current)) return current.length > 0;\n    return current !== \"\";\n  };\n\n  const onKeyDown = (e: KeyboardEvent) => {\n    if (disabled()) return;\n    const list = ctx.filteredItems();\n    if (e.key === \"ArrowDown\") {\n      e.preventDefault();\n      ctx.setOpen(true);\n      ctx.setActiveIndex(\n        list.length === 0 ? -1 : (ctx.activeIndex() + 1) % list.length,\n      );\n    } else if (e.key === \"ArrowUp\") {\n      e.preventDefault();\n      ctx.setOpen(true);\n      ctx.setActiveIndex(\n        list.length === 0\n          ? -1\n          : (ctx.activeIndex() - 1 + list.length) % list.length,\n      );\n    } else if (e.key === \"Enter\" && ctx.open()) {\n      e.preventDefault();\n      const item = ctx.filteredItems()[ctx.activeIndex()];\n      if (item !== undefined) ctx.selectItem(item);\n    } else if (e.key === \"Escape\" && ctx.open()) {\n      e.preventDefault();\n      ctx.close();\n    }\n  };\n\n  return (\n    <InputGroup\n      ref={(el) => {\n        if (!ctx.reference()) ctx.setReference(el);\n        onCleanup(() => {\n          if (ctx.reference() === el) ctx.setReference(undefined);\n        });\n      }}\n      class={clsx(\"w-auto\", local.class)}\n    >\n      <InputGroupInput\n        ref={(el) => {\n          inputEl = el;\n        }}\n        placeholder={local.placeholder}\n        disabled={disabled()}\n        aria-invalid={local[\"aria-invalid\"] as any}\n        value={ctx.inputValue()}\n        onInput={(value) => {\n          const next = String(value);\n          ctx.setInputValue(next);\n          ctx.setFilterValue(next);\n          ctx.setOpen(true);\n          if (!ctx.multiple() && next.trim() === \"\") {\n            ctx.setValue(null);\n            ctx.setFilterValue(\"\");\n          }\n        }}\n        onFocus={() => ctx.setOpen(true)}\n        onClick={() => ctx.setOpen(true)}\n        onKeyDown={onKeyDown}\n      />\n      <InputGroupAddon align=\"inline-end\">\n        <Show when={local.showClear && hasValue() && !disabled()}>\n          <ComboboxClear />\n        </Show>\n      </InputGroupAddon>\n      {local.children}\n    </InputGroup>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ComboboxInput.js","names":["Show","createEffect","mergeProps","onCleanup","JSX","InputGroup","InputGroupAddon","InputGroupInput","clsx","useComboboxContext","ComboboxClear","ComboboxInput","props","placeholder","disabled","showClear","class","children","Element","ctx","local","mountedWithExternalReference","reference","undefined","inputEl","HTMLInputElement","open","focus","hasValue","current","value","Array","isArray","length","onKeyDown","e","KeyboardEvent","list","filteredItems","key","preventDefault","setOpen","setActiveIndex","activeIndex","item","selectItem","close","_$createComponent","ref","el","setReference","aria-invalid","inputValue","onInput","next","String","setInputValue","setFilterValue","multiple","trim","setValue","onFocus","onClick","align","when","_$memo","mergeProps","_$createComponent","_$memo","mergeProps$1","ComboboxInput","ctx","useComboboxContext","local","props","disabled","mountedWithExternalReference","inputEl","hasValue","current","onKeyDown","list","item","createComponent","InputGroup","el","onCleanup","\"class\"","clsx","InputGroupInput","next","value","InputGroupAddon","Show","memo","ComboboxClear"],"sources":["../../../../src/components/combobox/ComboboxInput/ComboboxInput.tsx"],"sourcesContent":["import { Show, createEffect, mergeProps, onCleanup, type JSX } from \"solid-js\";\nimport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupInput,\n} from \"~/components/input-group\";\nimport { clsx } from \"~/utils\";\nimport { useComboboxContext } from \"../Combobox/Combobox.context\";\nimport { ComboboxClear } from \"../ComboboxClear\";\n\nexport function ComboboxInput(props: {\n  placeholder?: string;\n  disabled?: boolean;\n  showClear?: boolean;\n  class?: string;\n  \"aria-invalid\"?: string | boolean;\n  children?: JSX.Element;\n}) {\n  const ctx = useComboboxContext(\"ComboboxInput\");\n  const local = mergeProps({ showClear: false }, props);\n  const disabled = () => ctx.disabled() || !!local.disabled;\n  // 当 ComboboxInput 作为 ComboboxContent 子组件时（Popup 模式），\n  // 此时 reference 已经由 ComboboxTrigger 设置。打开弹层后自动聚焦输入框。\n  const mountedWithExternalReference = ctx.reference() !== undefined;\n  let inputEl: HTMLInputElement | undefined;\n\n  createEffect(() => {\n    if (ctx.open() && mountedWithExternalReference && inputEl) {\n      inputEl.focus();\n    }\n  });\n\n  const hasValue = () => {\n    const current = ctx.value();\n    if (current == null) return false;\n    if (Array.isArray(current)) return current.length > 0;\n    return current !== \"\";\n  };\n\n  const onKeyDown = (e: KeyboardEvent) => {\n    if (disabled()) return;\n    const list = ctx.filteredItems();\n    if (e.key === \"ArrowDown\") {\n      e.preventDefault();\n      ctx.setOpen(true);\n      ctx.setActiveIndex(\n        list.length === 0 ? -1 : (ctx.activeIndex() + 1) % list.length,\n      );\n    } else if (e.key === \"ArrowUp\") {\n      e.preventDefault();\n      ctx.setOpen(true);\n      ctx.setActiveIndex(\n        list.length === 0\n          ? -1\n          : (ctx.activeIndex() - 1 + list.length) % list.length,\n      );\n    } else if (e.key === \"Enter\" && ctx.open()) {\n      e.preventDefault();\n      const item = ctx.filteredItems()[ctx.activeIndex()];\n      if (item !== undefined) ctx.selectItem(item);\n    } else if (e.key === \"Escape\" && ctx.open()) {\n      e.preventDefault();\n      ctx.close();\n    }\n  };\n\n  return (\n    <InputGroup\n      ref={(el) => {\n        if (!ctx.reference()) ctx.setReference(el);\n        onCleanup(() => {\n          if (ctx.reference() === el) ctx.setReference(undefined);\n        });\n      }}\n      class={clsx(\"w-auto\", local.class)}\n    >\n      <InputGroupInput\n        ref={(el) => {\n          inputEl = el;\n        }}\n        placeholder={local.placeholder}\n        disabled={disabled()}\n        aria-invalid={local[\"aria-invalid\"] as any}\n        value={ctx.inputValue()}\n        onInput={(value) => {\n          const next = String(value);\n          ctx.setInputValue(next);\n          ctx.setFilterValue(next);\n          ctx.setOpen(true);\n          if (!ctx.multiple() && next.trim() === \"\") {\n            ctx.setValue(null);\n            ctx.setFilterValue(\"\");\n          }\n        }}\n        onFocus={() => ctx.setOpen(true)}\n        onClick={() => ctx.setOpen(true)}\n        onKeyDown={onKeyDown}\n      />\n      <InputGroupAddon align=\"inline-end\">\n        <Show when={local.showClear && hasValue() && !disabled()}>\n          <ComboboxClear />\n        </Show>\n      </InputGroupAddon>\n      {local.children}\n    </InputGroup>\n  );\n}\n"],"mappings":"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"}

package/dist/components/combobox/ComboboxItem/ComboboxItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxItem.js","names":["Show","createMemo","createSignal","JSX","Check","clsx","useComboboxContext","ComboboxItem","props","value","children","Element","class","disabled","ctx","selected","isSelected","active","filteredItems","activeIndex","hovered","setHovered","_el$","_tmpl$","$$click","selectItem","addEventListener","index","indexOf","setActiveIndex","_$insert","_$createComponent","when","_$effect","_p$","_v$","_v$2","_v$3","undefined","_v$4","e","_$setAttribute","t","a","o","_$className","_$delegateEvents"],"sources":["../../../../src/components/combobox/ComboboxItem/ComboboxItem.tsx"],"sourcesContent":["import { Show, createMemo, createSignal, type JSX } from \"solid-js\";\nimport { Check } from \"lucide-solid\";\nimport { clsx } from \"~/utils\";\nimport { useComboboxContext } from \"../Combobox/Combobox.context\";\n\nexport function ComboboxItem(props: {\n  value: any;\n  children?: JSX.Element;\n  class?: string;\n  disabled?: boolean;\n}) {\n  const ctx = useComboboxContext(\"ComboboxItem\");\n  const selected = createMemo(() => ctx.isSelected(props.value));\n  const active = createMemo(\n    () => ctx.filteredItems()[ctx.activeIndex()] === props.value,\n  );\n  const [hovered, setHovered] = createSignal(false);\n\n  return (\n    <div\n      data-slot=\"combobox-item\"\n      role=\"option\"\n      tabIndex={props.disabled ? -1 : 0}\n      aria-selected={selected()}\n      data-highlighted={active() || hovered() ? \"\" : undefined}\n      class={clsx(\n        \"relative flex w-full cursor-default items-center gap-2 rounded-md py-1 pr-8 pl-1.5 text-sm outline-none select-none\",\n        \"data-highlighted:bg-accent data-highlighted:text-accent-foreground\",\n        props.disabled && \"pointer-events-none opacity-50\",\n        props.class,\n      )}\n      onMouseEnter={() => {\n        setHovered(true);\n        const index = ctx.filteredItems().indexOf(props.value);\n        if (index !== -1) ctx.setActiveIndex(index);\n      }}\n      onMouseLeave={() => setHovered(false)}\n      onClick={() => {\n        if (!props.disabled) ctx.selectItem(props.value);\n      }}\n    >\n      {props.children}\n      <Show when={selected()}>\n        <Check class=\"pointer-events-none absolute right-2 size-4\" />\n      </Show>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAKA,SAAgBO,EAAaC,GAK1B;CACD,IAAMM,IAAMR,EAAmB,cAAc,GACvCS,IAAWd,QAAiBa,EAAIE,WAAWR,EAAMC,KAAK,CAAC,GACvDQ,IAAShB,QACPa,EAAII,cAAc,CAAC,CAACJ,EAAIK,YAAY,OAAOX,EAAMC,KACzD,GACM,CAACW,GAASC,KAAcnB,EAAa,EAAK;CAEhD,cAAA;EAAA,IAAAoB,IAAAC,EAAA;EAYK,OAZLD,EAAAE,gBAmBmB;GACb,AAAKhB,EAAMK,YAAUC,EAAIW,WAAWjB,EAAMC,KAAK;EACjD,GAACa,EAAAI,iBAAA,oBAHmBL,EAAW,EAAK,CAAC,GAAAC,EAAAI,iBAAA,oBALjB;GAClBL,EAAW,EAAI;GACf,IAAMM,IAAQb,EAAII,cAAc,CAAC,CAACU,QAAQpB,EAAMC,KAAK;GACrD,AAAIkB,MAAU,MAAIb,EAAIe,eAAeF,CAAK;EAC5C,CAAC,GAAAG,EAAAR,SAMAd,EAAME,UAAQ,IAAA,GAAAoB,EAAAR,GAAAS,EACd/B,GAAI;GAAA,IAACgC,OAAI;IAAA,OAAEjB,EAAS;GAAC;GAAA,IAAAL,WAAA;IAAA,OAAAqB,EACnB3B,GAAK,EAAA,OAAA,8CAAA,CAAA;GAAA;EAAA,CAAA,GAAA,IAAA,GAAA6B,GAAAC,MAAA;GAAA,IAAAC,IArBE3B,EAAMK,WAAW,KAAK,GAACuB,IAClBrB,EAAS,GAACsB,IACPpB,EAAO,KAAKG,EAAQ,IAAI,KAAKkB,KAAAA,GAASC,IACjDlC,EACL,uHACA,sEACAG,EAAMK,YAAY,kCAClBL,EAAMI,KACR;GAAC,OAAAuB,MAAAD,EAAAM,KAAAC,EAAAnB,GAAA,YAAAY,EAAAM,IAAAL,CAAA,GAAAC,MAAAF,EAAAQ,KAAAD,EAAAnB,GAAA,iBAAAY,EAAAQ,IAAAN,CAAA,GAAAC,MAAAH,EAAAS,KAAAF,EAAAnB,GAAA,oBAAAY,EAAAS,IAAAN,CAAA,GAAAE,MAAAL,EAAAU,KAAAC,EAAAvB,GAAAY,EAAAU,IAAAL,CAAA,GAAAL;EAAA,GAAA;GAAAM,GAAAF,KAAAA;GAAAI,GAAAJ,KAAAA;GAAAK,GAAAL,KAAAA;GAAAM,GAAAN,KAAAA;EAAA,CAAA,GAAAhB;CAAA,EAAA,CAAA;AAiBP;AAACwB,EAAA,CAAA,OAAA,CAAA"}
+{"version":3,"file":"ComboboxItem.js","names":["Show","createMemo","createSignal","JSX","Check","clsx","useComboboxContext","ComboboxItem","props","value","children","Element","class","disabled","ctx","selected","isSelected","active","filteredItems","activeIndex","hovered","setHovered","_el$","_tmpl$","$$click","selectItem","addEventListener","index","indexOf","setActiveIndex","_$insert","_$createComponent","when","_$effect","_p$","_v$","_v$2","_v$3","undefined","_v$4","e","_$setAttribute","t","a","o","_$className","_$delegateEvents","_$createComponent","_$setAttribute","_$className","_$delegateEvents","_tmpl$","ComboboxItem","ctx","useComboboxContext","selected","createMemo","props","active","hovered","setHovered","createSignal","_el$","index","insert","createComponent","Show","Check","\"class\"","effect","_v$","_v$2","_v$3","_v$4","clsx","_p$","setAttribute","className","delegateEvents"],"sources":["../../../../src/components/combobox/ComboboxItem/ComboboxItem.tsx"],"sourcesContent":["import { Show, createMemo, createSignal, type JSX } from \"solid-js\";\nimport { Check } from \"lucide-solid\";\nimport { clsx } from \"~/utils\";\nimport { useComboboxContext } from \"../Combobox/Combobox.context\";\n\nexport function ComboboxItem(props: {\n  value: any;\n  children?: JSX.Element;\n  class?: string;\n  disabled?: boolean;\n}) {\n  const ctx = useComboboxContext(\"ComboboxItem\");\n  const selected = createMemo(() => ctx.isSelected(props.value));\n  const active = createMemo(\n    () => ctx.filteredItems()[ctx.activeIndex()] === props.value,\n  );\n  const [hovered, setHovered] = createSignal(false);\n\n  return (\n    <div\n      data-slot=\"combobox-item\"\n      role=\"option\"\n      tabIndex={props.disabled ? -1 : 0}\n      aria-selected={selected()}\n      data-highlighted={active() || hovered() ? \"\" : undefined}\n      class={clsx(\n        \"relative flex w-full cursor-default items-center gap-2 rounded-md py-1 pr-8 pl-1.5 text-sm outline-none select-none\",\n        \"data-highlighted:bg-accent data-highlighted:text-accent-foreground\",\n        props.disabled && \"pointer-events-none opacity-50\",\n        props.class,\n      )}\n      onMouseEnter={() => {\n        setHovered(true);\n        const index = ctx.filteredItems().indexOf(props.value);\n        if (index !== -1) ctx.setActiveIndex(index);\n      }}\n      onMouseLeave={() => setHovered(false)}\n      onClick={() => {\n        if (!props.disabled) ctx.selectItem(props.value);\n      }}\n    >\n      {props.children}\n      <Show when={selected()}>\n        <Check class=\"pointer-events-none absolute right-2 size-4\" />\n      </Show>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAKA,SAAgBO,EAAaC,GAK1B;CACD,IAAMM,IAAMR,EAAmB,cAAc,GACvCS,IAAWd,QAAiBa,EAAIE,WAAWR,EAAMC,KAAK,CAAC,GACvDQ,IAAShB,QACPa,EAAII,cAAc,CAAC,CAACJ,EAAIK,YAAY,OAAOX,EAAMC,KACzD,GACM,CAACW,GAASC,KAAcnB,EAAa,EAAK;CAEhD,cAAA;EAAA,IAAAoB,IAAAC,EAAA;EAYK,OAZLD,EAAAE,gBAmBmB;GACb,AAAKhB,EAAMK,YAAUC,EAAIW,WAAWjB,EAAMC,KAAK;EACjD,GAACa,EAAAI,iBAAA,oBAHmBL,EAAW,EAAK,CAAC,GAAAC,EAAAI,iBAAA,oBALjB;GAClBL,EAAW,EAAI;GACf,IAAMM,IAAQb,EAAII,cAAc,CAAC,CAACU,QAAQpB,EAAMC,KAAK;GACrD,AAAIkB,MAAU,MAAIb,EAAIe,eAAeF,CAAK;EAC5C,CAAC,GAAAG,EAAAR,SAMAd,EAAME,UAAQ,IAAA,GAAAoB,EAAAR,GAAAS,EACd/B,GAAI;GAAA,IAACgC,OAAI;IAAA,OAAEjB,EAAS;GAAC;GAAA,IAAAL,WAAA;IAAA,OAAAqB,EACnB3B,GAAK,EAAAgE,OAAA,8CAAA,CAAA;GAAA;EAAA,CAAA,GAAA,IAAA,GAAAnC,GAAAC,MAAA;GAAA,IAAAC,IArBE3B,EAAMK,WAAW,KAAK,GAACuB,IAClBrB,EAAS,GAACsB,IACPpB,EAAO,KAAKG,EAAQ,IAAI,KAAKkB,KAAAA,GAASC,IACjDlC,EACL,uHACA,sEACAG,EAAMK,YAAY,kCAClBL,EAAMI,KACR;GAAC,OAAAuB,MAAAD,EAAAM,KAAAC,EAAAnB,GAAA,YAAAY,EAAAM,IAAAL,CAAA,GAAAC,MAAAF,EAAAQ,KAAAD,EAAAnB,GAAA,iBAAAY,EAAAQ,IAAAN,CAAA,GAAAC,MAAAH,EAAAS,KAAAF,EAAAnB,GAAA,oBAAAY,EAAAS,IAAAN,CAAA,GAAAE,MAAAL,EAAAU,KAAAC,EAAAvB,GAAAY,EAAAU,IAAAL,CAAA,GAAAL;EAAA,GAAA;GAAAM,GAAAF,KAAAA;GAAAI,GAAAJ,KAAAA;GAAAK,GAAAL,KAAAA;GAAAM,GAAAN,KAAAA;EAAA,CAAA,GAAAhB;CAAA,EAAA,CAAA;AAiBP;AAACwB,EAAA,CAAA,OAAA,CAAA"}

package/dist/components/combobox/ComboboxLabel/ComboboxLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxLabel.js","names":["JSX","clsx","ComboboxLabel","props","children","Element","class","_el$","_tmpl$","_$insert","_$effect","_$className"],"sources":["../../../../src/components/combobox/ComboboxLabel/ComboboxLabel.tsx"],"sourcesContent":["import type { JSX } from \"solid-js\";\nimport { clsx } from \"~/utils\";\n\nexport function ComboboxLabel(props: {\n  children?: JSX.Element;\n  class?: string;\n}) {\n  return (\n    <div\n      data-slot=\"combobox-label\"\n      class={clsx(\"px-2 py-1.5 text-xs text-muted-foreground\", props.class)}\n    >\n      {props.children}\n    </div>\n  );\n}\n"],"mappings":";;;;AAGA,SAAgBE,EAAcC,GAG3B;CACD,cAAA;EAAA,IAAAI,IAAAC,EAAA;EAGyE,OAHzEC,EAAAF,SAKKJ,EAAMC,QAAQ,GAAAM,QAAAC,EAAAJ,GAFRN,EAAK,6CAA6CE,EAAMG,KAAK,CAAC,CAAA,GAAAC;CAAA,EAAA,CAAA;AAK3E"}
+{"version":3,"file":"ComboboxLabel.js","names":["JSX","clsx","ComboboxLabel","props","children","Element","class","_el$","_tmpl$","_$insert","_$effect","_$className","_$className","_tmpl$","ComboboxLabel","_el$","insert","props","effect","className","clsx"],"sources":["../../../../src/components/combobox/ComboboxLabel/ComboboxLabel.tsx"],"sourcesContent":["import type { JSX } from \"solid-js\";\nimport { clsx } from \"~/utils\";\n\nexport function ComboboxLabel(props: {\n  children?: JSX.Element;\n  class?: string;\n}) {\n  return (\n    <div\n      data-slot=\"combobox-label\"\n      class={clsx(\"px-2 py-1.5 text-xs text-muted-foreground\", props.class)}\n    >\n      {props.children}\n    </div>\n  );\n}\n"],"mappings":";;;;AAGA,SAAgBE,EAAcC,GAG3B;CACD,cAAA;EAAA,IAAAI,IAAAC,EAAA;EAGyE,OAHzEC,EAAAF,SAKKJ,EAAMC,QAAQ,GAAAM,QAAAC,EAAAJ,GAFRN,EAAK,6CAA6CE,EAAMG,KAAK,CAAC,CAAA,GAAAC;CAAA,EAAA,CAAA;AAK3E"}