npm - @pipe0/react - Versions diffs - 0.0.10 → 0.0.11 - Mend

@pipe0/react 0.0.10 → 0.0.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (17) hide show

package/dist/components/ui/combobox.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"combobox.mjs","names":["Combobox","ComboboxPrimitive"],"sources":["../../../src/components/ui/combobox.tsx"],"sourcesContent":["\"use client\";\n\nimport { Combobox as ComboboxPrimitive } from \"@base-ui/react\";\nimport { CheckIcon, ChevronDownIcon, XIcon } from \"lucide-react\";\nimport * as React from \"react\";\nimport { usePortalContainer } from \"../../context/portal-container-context\";\nimport { cn } from \"../../lib/utils\";\nimport { Button } from \"./button\";\nimport { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from \"./input-group\";\n\nconst Combobox = ComboboxPrimitive.Root;\n\nfunction ComboboxValue({ ...props }: ComboboxPrimitive.Value.Props) {\n return <ComboboxPrimitive.Value data-slot=\"combobox-value\" {...props} />;\n}\n\nfunction ComboboxTrigger({ className, children, ...props }: ComboboxPrimitive.Trigger.Props) {\n return (\n <ComboboxPrimitive.Trigger\n data-slot=\"combobox-trigger\"\n className={cn(\"pz:[&_svg:not([class=size-])]:size-4\", className)}\n {...props}\n >\n {children}\n <ChevronDownIcon className=\"pz:pointer-events-none pz:size-4 pz:text-muted-foreground\" />\n </ComboboxPrimitive.Trigger>\n );\n}\n\nfunction ComboboxClear({ className, ...props }: ComboboxPrimitive.Clear.Props) {\n return (\n <ComboboxPrimitive.Clear\n data-slot=\"combobox-clear\"\n render={<InputGroupButton variant=\"ghost\" size=\"icon-xs\" />}\n className={cn(className)}\n {...props}\n >\n <XIcon className=\"pz:pointer-events-none\" />\n </ComboboxPrimitive.Clear>\n );\n}\n\nfunction ComboboxInput({\n className,\n children,\n disabled = false,\n showTrigger = true,\n showClear = false,\n ...props\n}: ComboboxPrimitive.Input.Props & {\n showTrigger?: boolean;\n showClear?: boolean;\n}) {\n return (\n <InputGroup className={cn(\"pz:w-auto\", className)}>\n <ComboboxPrimitive.Input render={<InputGroupInput disabled={disabled} />} {...props} />\n <InputGroupAddon align=\"inline-end\">\n {showTrigger && (\n <InputGroupButton\n size=\"icon-xs\"\n variant=\"ghost\"\n render={<ComboboxTrigger />}\n data-slot=\"input-group-button\"\n className=\"pz:group-has-data-[slot=combobox-clear]/input-group:hidden pz:data-pressed:bg-transparent\"\n disabled={disabled}\n />\n )}\n {showClear && <ComboboxClear disabled={disabled} />}\n </InputGroupAddon>\n {children}\n </InputGroup>\n );\n}\n\nfunction ComboboxContent({\n className,\n side = \"bottom\",\n sideOffset = 6,\n align = \"start\",\n alignOffset = 0,\n anchor,\n ...props\n}: ComboboxPrimitive.Popup.Props &\n Pick<\n ComboboxPrimitive.Positioner.Props,\n \"side\" \| \"align\" \| \"sideOffset\" \| \"alignOffset\" \| \"anchor\"\n >) {\n const container = usePortalContainer();\n return (\n <ComboboxPrimitive.Portal container={container}>\n <ComboboxPrimitive.Positioner\n side={side}\n sideOffset={sideOffset}\n align={align}\n alignOffset={alignOffset}\n anchor={anchor}\n className=\"pz:isolate pz:z-50\"\n >\n <ComboboxPrimitive.Popup\n data-slot=\"combobox-content\"\n data-chips={!!anchor}\n className={cn(\n \"pz: pz: pz:group/combobox-content pz:relative pz:max-h-(--available-height) pz:w-(--anchor-width) pz:max-w-(--available-width) pz:min-w-[calc(var(--anchor-width)+--spacing(7))] pz:origin-(--transform-origin) pz:overflow-hidden pz:rounded-lg pz:bg-popover pz:text-popover-foreground pz:shadow-md pz:ring-1 pz:ring-foreground/10 pz:duration-100 pz:data-[chips=true]:min-w-(--anchor-width) pz:data-[side=bottom]:slide-in-from-top-2 pz:data-[side=inline-end]:slide-in-from-left-2 pz:data-[side=inline-start]:slide-in-from-right-2 pz:data-[side=left]:slide-in-from-right-2 pz:data-[side=right]:slide-in-from-left-2 pz:data-[side=top]:slide-in-from-bottom-2 pz::data-[slot=input-group]:m-1 pz::data-[slot=input-group]:mb-0 pz::data-[slot=input-group]:h-8 pz::data-[slot=input-group]:border-input/30 pz::data-[slot=input-group]:bg-input/30 pz::data-[slot=input-group]:shadow-none pz:data-open:animate-in pz:data-open:fade-in-0 pz:data-open:zoom-in-95 pz:data-closed:animate-out pz:data-closed:fade-out-0 pz:data-closed:zoom-out-95\",\n className,\n )}\n {...props}\n />\n </ComboboxPrimitive.Positioner>\n </ComboboxPrimitive.Portal>\n );\n}\n\nfunction ComboboxList({ className, ...props }: ComboboxPrimitive.List.Props) {\n return (\n <ComboboxPrimitive.List\n data-slot=\"combobox-list\"\n className={cn(\n \"pz:no-scrollbar pz:max-h-[min(calc(--spacing(72)---spacing(9)),calc(var(--available-height)---spacing(9)))] pz:scroll-py-1 pz:overflow-y-auto pz:overscroll-contain pz:p-1 pz:data-empty:p-0\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction ComboboxItem({ className, children, ...props }: ComboboxPrimitive.Item.Props) {\n return (\n <ComboboxPrimitive.Item\n data-slot=\"combobox-item\"\n className={cn(\n \"pz:relative pz:flex pz:w-full pz:cursor-default pz:items-center pz:gap-2 pz:rounded-md pz:py-1 pz:pr-8 pz:pl-1.5 pz:text-sm pz:outline-hidden pz:select-none pz:data-highlighted:bg-accent pz:data-highlighted:text-accent-foreground pz:not-data-[variant=destructive]:data-highlighted::text-accent-foreground pz:data-disabled:pointer-events-none pz:data-disabled:opacity-50 pz:[&_svg]:pointer-events-none pz:[&_svg]:shrink-0 pz:[&_svg:not([class=size-])]:size-4\",\n className,\n )}\n {...props}\n >\n {children}\n <ComboboxPrimitive.ItemIndicator\n render={\n <span className=\"pz:pointer-events-none pz:absolute pz:right-2 pz:flex pz:size-4 pz:items-center pz:justify-center\" />\n }\n >\n <CheckIcon className=\"pz:pointer-events-none\" />\n </ComboboxPrimitive.ItemIndicator>\n </ComboboxPrimitive.Item>\n );\n}\n\nfunction ComboboxGroup({ className, ...props }: ComboboxPrimitive.Group.Props) {\n return (\n <ComboboxPrimitive.Group data-slot=\"combobox-group\" className={cn(className)} {...props} />\n );\n}\n\nfunction ComboboxLabel({ className, ...props }: ComboboxPrimitive.GroupLabel.Props) {\n return (\n <ComboboxPrimitive.GroupLabel\n data-slot=\"combobox-label\"\n className={cn(\"pz:px-2 pz:py-1.5 pz:text-xs pz:text-muted-foreground\", className)}\n {...props}\n />\n );\n}\n\nfunction ComboboxCollection({ ...props }: ComboboxPrimitive.Collection.Props) {\n return <ComboboxPrimitive.Collection data-slot=\"combobox-collection\" {...props} />;\n}\n\nfunction ComboboxEmpty({ className, ...props }: ComboboxPrimitive.Empty.Props) {\n return (\n <ComboboxPrimitive.Empty\n data-slot=\"combobox-empty\"\n className={cn(\n \"pz:hidden pz:w-full pz:justify-center pz:py-2 pz:text-center pz:text-sm pz:text-muted-foreground pz:group-data-empty/combobox-content:flex\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction ComboboxSeparator({ className, ...props }: ComboboxPrimitive.Separator.Props) {\n return (\n <ComboboxPrimitive.Separator\n data-slot=\"combobox-separator\"\n className={cn(\"pz:-mx-1 pz:my-1 pz:h-px pz:bg-border\", className)}\n {...props}\n />\n );\n}\n\nfunction ComboboxChips({\n className,\n ...props\n}: React.ComponentPropsWithRef<typeof ComboboxPrimitive.Chips> & ComboboxPrimitive.Chips.Props) {\n return (\n <ComboboxPrimitive.Chips\n data-slot=\"combobox-chips\"\n className={cn(\n \"pz:flex pz:min-h-8 pz:flex-wrap pz:items-center pz:gap-1 pz:rounded-lg pz:border pz:border-input pz:bg-transparent pz:bg-clip-padding pz:px-2.5 pz:py-1 pz:text-sm pz:transition-colors pz:focus-within:border-ring pz:focus-within:ring-3 pz:focus-within:ring-ring/50 pz:has-aria-invalid:border-destructive pz:has-aria-invalid:ring-3 pz:has-aria-invalid:ring-destructive/20 pz:has-data-[slot=combobox-chip]:px-1 pz:dark:bg-input/30 pz:dark:has-aria-invalid:border-destructive/50 pz:dark:has-aria-invalid:ring-destructive/40\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction ComboboxChip({\n className,\n children,\n showRemove = true,\n ...props\n}: ComboboxPrimitive.Chip.Props & {\n showRemove?: boolean;\n}) {\n return (\n <ComboboxPrimitive.Chip\n data-slot=\"combobox-chip\"\n className={cn(\n \"pz:flex pz:h-[calc(--spacing(5.25))] pz:w-fit pz:items-center pz:justify-center pz:gap-1 pz:rounded-sm pz:bg-muted pz:px-1.5 pz:text-xs pz:font-medium pz:whitespace-nowrap pz:text-foreground pz:has-disabled:pointer-events-none pz:has-disabled:cursor-not-allowed pz:has-disabled:opacity-50 pz:has-data-[slot=combobox-chip-remove]:pr-0\",\n className,\n )}\n {...props}\n >\n {children}\n {showRemove && (\n <ComboboxPrimitive.ChipRemove\n render={<Button variant=\"ghost\" size=\"icon-xs\" />}\n className=\"pz:-ml-1 pz:opacity-50 pz:hover:opacity-100\"\n data-slot=\"combobox-chip-remove\"\n >\n <XIcon className=\"pz:pointer-events-none\" />\n </ComboboxPrimitive.ChipRemove>\n )}\n </ComboboxPrimitive.Chip>\n );\n}\n\nfunction ComboboxChipsInput({ className, ...props }: ComboboxPrimitive.Input.Props) {\n return (\n <ComboboxPrimitive.Input\n data-slot=\"combobox-chip-input\"\n className={cn(\"pz:min-w-16 pz:flex-1 pz:outline-none\", className)}\n {...props}\n />\n );\n}\n\nfunction useComboboxAnchor() {\n return React.useRef<HTMLDivElement \| null>(null);\n}\n\nexport {\n Combobox,\n ComboboxChip,\n ComboboxChips,\n ComboboxChipsInput,\n ComboboxCollection,\n ComboboxContent,\n ComboboxEmpty,\n ComboboxGroup,\n ComboboxInput,\n ComboboxItem,\n ComboboxLabel,\n ComboboxList,\n ComboboxSeparator,\n ComboboxTrigger,\n ComboboxValue,\n useComboboxAnchor,\n};\n"],"mappings":";;;;;;;;;;;AAUA,MAAMA,aAAWC,SAAkB;AAMnC,SAAS,gBAAgB,EAAE,WAAW,UAAU,GAAG,SAA0C;AAC3F,QACE,qBAACA,SAAkB,SAAnB;EACE,aAAU;EACV,WAAW,GAAG,yCAAyC,UAAU;EACjE,GAAI;YAHN,CAKG,UACD,oBAAC,iBAAD,EAAiB,WAAU,6DAA8D,EAC/D;;;AAiDhC,SAAS,gBAAgB,EACvB,WACA,OAAO,UACP,aAAa,GACb,QAAQ,SACR,cAAc,GACd,QACA,GAAG,SAKA;CACH,MAAM,YAAY,oBAAoB;AACtC,QACE,oBAACA,SAAkB,QAAnB;EAAqC;YACnC,oBAACA,SAAkB,YAAnB;GACQ;GACM;GACL;GACM;GACL;GACR,WAAU;aAEV,oBAACA,SAAkB,OAAnB;IACE,aAAU;IACV,cAAY,CAAC,CAAC;IACd,WAAW,GACT,ygCACA,UACD;IACD,GAAI;IACJ;GAC2B;EACN;;AAI/B,SAAS,aAAa,EAAE,WAAW,GAAG,SAAuC;AAC3E,QACE,oBAACA,SAAkB,MAAnB;EACE,aAAU;EACV,WAAW,GACT,gMACA,UACD;EACD,GAAI;EACJ;;AAIN,SAAS,aAAa,EAAE,WAAW,UAAU,GAAG,SAAuC;AACrF,QACE,qBAACA,SAAkB,MAAnB;EACE,aAAU;EACV,WAAW,GACT,gdACA,UACD;EACD,GAAI;YANN,CAQG,UACD,oBAACA,SAAkB,eAAnB;GACE,QACE,oBAAC,QAAD,EAAM,WAAU,qGAAsG;aAGxH,oBAAC,WAAD,EAAW,WAAU,0BAA2B;GAChB,EACX;;;AAwB7B,SAAS,cAAc,EAAE,WAAW,GAAG,SAAwC;AAC7E,QACE,oBAACA,SAAkB,OAAnB;EACE,aAAU;EACV,WAAW,GACT,8IACA,UACD;EACD,GAAI;EACJ;;AAcN,SAAS,cAAc,EACrB,WACA,GAAG,SAC2F;AAC9F,QACE,oBAACA,SAAkB,OAAnB;EACE,aAAU;EACV,WAAW,GACT,2gBACA,UACD;EACD,GAAI;EACJ;;AAIN,SAAS,aAAa,EACpB,WACA,UACA,aAAa,MACb,GAAG,SAGF;AACD,QACE,qBAACA,SAAkB,MAAnB;EACE,aAAU;EACV,WAAW,GACT,iVACA,UACD;EACD,GAAI;YANN,CAQG,UACA,cACC,oBAACA,SAAkB,YAAnB;GACE,QAAQ,oBAAC,QAAD;IAAQ,SAAQ;IAAQ,MAAK;IAAY;GACjD,WAAU;GACV,aAAU;aAEV,oBAAC,OAAD,EAAO,WAAU,0BAA2B;GACf,EAEV;;;AAI7B,SAAS,mBAAmB,EAAE,WAAW,GAAG,SAAwC;AAClF,QACE,oBAACA,SAAkB,OAAnB;EACE,aAAU;EACV,WAAW,GAAG,yCAAyC,UAAU;EACjE,GAAI;EACJ;;AAIN,SAAS,oBAAoB;AAC3B,QAAO,MAAM,OAA8B,KAAK"}
1	+ {"version":3,"file":"combobox.mjs","names":["Combobox","ComboboxPrimitive"],"sources":["../../../src/components/ui/combobox.tsx"],"sourcesContent":["\"use client\";\n\nimport { Combobox as ComboboxPrimitive } from \"@base-ui/react\";\nimport { CheckIcon, ChevronDownIcon, XIcon } from \"lucide-react\";\nimport * as React from \"react\";\nimport { usePortalContainer } from \"../../context/portal-container-context\";\nimport { cn } from \"../../lib/utils\";\nimport { Button } from \"./button\";\nimport { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from \"./input-group\";\n\nconst Combobox = ComboboxPrimitive.Root;\n\nfunction ComboboxValue({ ...props }: ComboboxPrimitive.Value.Props) {\n return <ComboboxPrimitive.Value data-slot=\"combobox-value\" {...props} />;\n}\n\nfunction ComboboxTrigger({ className, children, ...props }: ComboboxPrimitive.Trigger.Props) {\n return (\n <ComboboxPrimitive.Trigger\n data-slot=\"combobox-trigger\"\n className={cn(\"pz:[&_svg:not([class=size-])]:size-4\", className)}\n {...props}\n >\n {children}\n <ChevronDownIcon className=\"pz:pointer-events-none pz:size-4 pz:text-muted-foreground\" />\n </ComboboxPrimitive.Trigger>\n );\n}\n\nfunction ComboboxClear({ className, ...props }: ComboboxPrimitive.Clear.Props) {\n return (\n <ComboboxPrimitive.Clear\n data-slot=\"combobox-clear\"\n render={<InputGroupButton variant=\"ghost\" size=\"icon-xs\" />}\n className={cn(className)}\n {...props}\n >\n <XIcon className=\"pz:pointer-events-none\" />\n </ComboboxPrimitive.Clear>\n );\n}\n\nfunction ComboboxInput({\n className,\n children,\n disabled = false,\n showTrigger = true,\n showClear = false,\n ...props\n}: ComboboxPrimitive.Input.Props & {\n showTrigger?: boolean;\n showClear?: boolean;\n}) {\n return (\n <InputGroup className={cn(\"pz:w-auto\", className)}>\n <ComboboxPrimitive.Input render={<InputGroupInput disabled={disabled} />} {...props} />\n <InputGroupAddon align=\"inline-end\">\n {showTrigger && (\n <InputGroupButton\n size=\"icon-xs\"\n variant=\"ghost\"\n render={<ComboboxTrigger />}\n data-slot=\"input-group-button\"\n className=\"pz:group-has-data-[slot=combobox-clear]/input-group:hidden pz:data-pressed:bg-transparent\"\n disabled={disabled}\n />\n )}\n {showClear && <ComboboxClear disabled={disabled} />}\n </InputGroupAddon>\n {children}\n </InputGroup>\n );\n}\n\nfunction ComboboxContent({\n className,\n side = \"bottom\",\n sideOffset = 6,\n align = \"start\",\n alignOffset = 0,\n anchor,\n ...props\n}: ComboboxPrimitive.Popup.Props &\n Pick<\n ComboboxPrimitive.Positioner.Props,\n \"side\" \| \"align\" \| \"sideOffset\" \| \"alignOffset\" \| \"anchor\"\n >) {\n const container = usePortalContainer();\n return (\n <ComboboxPrimitive.Portal container={container}>\n <ComboboxPrimitive.Positioner\n side={side}\n sideOffset={sideOffset}\n align={align}\n alignOffset={alignOffset}\n anchor={anchor}\n className=\"pz:isolate pz:z-50\"\n >\n <ComboboxPrimitive.Popup\n data-slot=\"combobox-content\"\n data-chips={!!anchor}\n className={cn(\n \"pz: pz: pz:group/combobox-content pz:relative pz:max-h-(--available-height) pz:w-(--anchor-width) pz:max-w-(--available-width) pz:min-w-[calc(var(--anchor-width)+--spacing(7))] pz:origin-(--transform-origin) pz:overflow-hidden pz:rounded-lg pz:bg-popover pz:text-popover-foreground pz:shadow-md pz:ring-1 pz:ring-foreground/10 pz:duration-100 pz:data-[chips=true]:min-w-(--anchor-width) pz:data-[side=bottom]:slide-in-from-top-2 pz:data-[side=inline-end]:slide-in-from-left-2 pz:data-[side=inline-start]:slide-in-from-right-2 pz:data-[side=left]:slide-in-from-right-2 pz:data-[side=right]:slide-in-from-left-2 pz:data-[side=top]:slide-in-from-bottom-2 pz::data-[slot=input-group]:m-1 pz::data-[slot=input-group]:mb-0 pz::data-[slot=input-group]:h-8 pz::data-[slot=input-group]:border-input/30 pz::data-[slot=input-group]:bg-input/30 pz::data-[slot=input-group]:shadow-none pz:data-open:animate-in pz:data-open:fade-in-0 pz:data-open:zoom-in-95 pz:data-closed:animate-out pz:data-closed:fade-out-0 pz:data-closed:zoom-out-95\",\n className,\n )}\n {...props}\n />\n </ComboboxPrimitive.Positioner>\n </ComboboxPrimitive.Portal>\n );\n}\n\nfunction ComboboxList({ className, ...props }: ComboboxPrimitive.List.Props) {\n return (\n <ComboboxPrimitive.List\n data-slot=\"combobox-list\"\n className={cn(\n \"pz:no-scrollbar pz:max-h-[min(calc(--spacing(72)---spacing(9)),calc(var(--available-height)---spacing(9)))] pz:scroll-py-1 pz:overflow-y-auto pz:overscroll-contain pz:p-1 pz:data-empty:p-0\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction ComboboxItem({ className, children, ...props }: ComboboxPrimitive.Item.Props) {\n return (\n <ComboboxPrimitive.Item\n data-slot=\"combobox-item\"\n className={cn(\n \"pz:relative pz:flex pz:w-full pz:cursor-default pz:items-center pz:gap-2 pz:rounded-md pz:py-1 pz:pr-8 pz:pl-1.5 pz:text-sm pz:outline-hidden pz:select-none pz:data-highlighted:bg-accent pz:data-highlighted:text-accent-foreground pz:not-data-[variant=destructive]:data-highlighted::text-accent-foreground pz:data-disabled:pointer-events-none pz:data-disabled:opacity-50 pz:[&_svg]:pointer-events-none pz:[&_svg]:shrink-0 pz:[&_svg:not([class=size-])]:size-4\",\n className,\n )}\n {...props}\n >\n {children}\n <ComboboxPrimitive.ItemIndicator\n render={\n <span className=\"pz:pointer-events-none pz:absolute pz:right-2 pz:flex pz:size-4 pz:items-center pz:justify-center\" />\n }\n >\n <CheckIcon className=\"pz:pointer-events-none\" />\n </ComboboxPrimitive.ItemIndicator>\n </ComboboxPrimitive.Item>\n );\n}\n\nfunction ComboboxGroup({ className, ...props }: ComboboxPrimitive.Group.Props) {\n return (\n <ComboboxPrimitive.Group data-slot=\"combobox-group\" className={cn(className)} {...props} />\n );\n}\n\nfunction ComboboxLabel({ className, ...props }: ComboboxPrimitive.GroupLabel.Props) {\n return (\n <ComboboxPrimitive.GroupLabel\n data-slot=\"combobox-label\"\n className={cn(\"pz:px-2 pz:py-1.5 pz:text-xs pz:text-muted-foreground\", className)}\n {...props}\n />\n );\n}\n\nfunction ComboboxCollection({ ...props }: ComboboxPrimitive.Collection.Props) {\n return <ComboboxPrimitive.Collection data-slot=\"combobox-collection\" {...props} />;\n}\n\nfunction ComboboxEmpty({ className, ...props }: ComboboxPrimitive.Empty.Props) {\n return (\n <ComboboxPrimitive.Empty\n data-slot=\"combobox-empty\"\n className={cn(\n \"pz:hidden pz:w-full pz:justify-center pz:py-2 pz:text-center pz:text-sm pz:text-muted-foreground pz:group-data-empty/combobox-content:flex\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction ComboboxSeparator({ className, ...props }: ComboboxPrimitive.Separator.Props) {\n return (\n <ComboboxPrimitive.Separator\n data-slot=\"combobox-separator\"\n className={cn(\"pz:-mx-1 pz:my-1 pz:h-px pz:bg-border\", className)}\n {...props}\n />\n );\n}\n\nfunction ComboboxChips({\n className,\n ...props\n}: React.ComponentPropsWithRef<typeof ComboboxPrimitive.Chips> & ComboboxPrimitive.Chips.Props) {\n return (\n <ComboboxPrimitive.Chips\n data-slot=\"combobox-chips\"\n className={cn(\n \"pz:flex pz:min-h-8 pz:flex-wrap pz:items-center pz:gap-1 pz:rounded-lg pz:border pz:border-input pz:bg-transparent pz:bg-clip-padding pz:px-2.5 pz:py-1 pz:text-sm pz:transition-colors pz:focus-within:border-ring pz:focus-within:ring-3 pz:focus-within:ring-ring/50 pz:has-aria-invalid:border-destructive pz:has-aria-invalid:ring-3 pz:has-aria-invalid:ring-destructive/20 pz:has-data-[slot=combobox-chip]:px-1 pz:dark:bg-input/30 pz:dark:has-aria-invalid:border-destructive/50 pz:dark:has-aria-invalid:ring-destructive/40\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction ComboboxChip({\n className,\n children,\n showRemove = true,\n ...props\n}: ComboboxPrimitive.Chip.Props & {\n showRemove?: boolean;\n}) {\n return (\n <ComboboxPrimitive.Chip\n data-slot=\"combobox-chip\"\n className={cn(\n \"pz:flex pz:h-[calc(--spacing(5.25))] pz:w-fit pz:items-center pz:justify-center pz:gap-1 pz:rounded-sm pz:bg-muted pz:px-1.5 pz:text-xs pz:font-medium pz:whitespace-nowrap pz:text-foreground pz:has-disabled:pointer-events-none pz:has-disabled:cursor-not-allowed pz:has-disabled:opacity-50 pz:has-data-[slot=combobox-chip-remove]:pr-0\",\n className,\n )}\n {...props}\n >\n {children}\n {showRemove && (\n <ComboboxPrimitive.ChipRemove\n render={<Button variant=\"ghost\" size=\"icon-xs\" />}\n className=\"pz:-ml-1 pz:opacity-50 pz:hover:opacity-100\"\n data-slot=\"combobox-chip-remove\"\n >\n <XIcon className=\"pz:pointer-events-none\" />\n </ComboboxPrimitive.ChipRemove>\n )}\n </ComboboxPrimitive.Chip>\n );\n}\n\nfunction ComboboxChipsInput({ className, ...props }: ComboboxPrimitive.Input.Props) {\n return (\n <ComboboxPrimitive.Input\n data-slot=\"combobox-chip-input\"\n className={cn(\"pz:min-w-16 pz:flex-1 pz:outline-none\", className)}\n {...props}\n />\n );\n}\n\nfunction useComboboxAnchor() {\n return React.useRef<HTMLDivElement \| null>(null);\n}\n\nexport {\n Combobox,\n ComboboxChip,\n ComboboxChips,\n ComboboxChipsInput,\n ComboboxCollection,\n ComboboxContent,\n ComboboxEmpty,\n ComboboxGroup,\n ComboboxInput,\n ComboboxItem,\n ComboboxLabel,\n ComboboxList,\n ComboboxSeparator,\n ComboboxTrigger,\n ComboboxValue,\n useComboboxAnchor,\n};\n"],"mappings":";;;;;;;;;;;AAUA,MAAMA,aAAWC,SAAkB;AAMnC,SAAS,gBAAgB,EAAE,WAAW,UAAU,GAAG,SAA0C;AAC3F,QACE,qBAACA,SAAkB,SAAnB;EACE,aAAU;EACV,WAAW,GAAG,yCAAyC,UAAU;EACjE,GAAI;YAHN,CAKG,UACD,oBAAC,iBAAD,EAAiB,WAAU,6DAA8D,EAC/D;;;AAiDhC,SAAS,gBAAgB,EACvB,WACA,OAAO,UACP,aAAa,GACb,QAAQ,SACR,cAAc,GACd,QACA,GAAG,SAKA;CACH,MAAM,YAAY,oBAAoB;AACtC,QACE,oBAACA,SAAkB,QAAnB;EAAqC;YACnC,oBAACA,SAAkB,YAAnB;GACQ;GACM;GACL;GACM;GACL;GACR,WAAU;aAEV,oBAACA,SAAkB,OAAnB;IACE,aAAU;IACV,cAAY,CAAC,CAAC;IACd,WAAW,GACT,ygCACA,UACD;IACD,GAAI;IACJ;GAC2B;EACN;;AAI/B,SAAS,aAAa,EAAE,WAAW,GAAG,SAAuC;AAC3E,QACE,oBAACA,SAAkB,MAAnB;EACE,aAAU;EACV,WAAW,GACT,gMACA,UACD;EACD,GAAI;EACJ;;AAIN,SAAS,aAAa,EAAE,WAAW,UAAU,GAAG,SAAuC;AACrF,QACE,qBAACA,SAAkB,MAAnB;EACE,aAAU;EACV,WAAW,GACT,gdACA,UACD;EACD,GAAI;YANN,CAQG,UACD,oBAACA,SAAkB,eAAnB;GACE,QACE,oBAAC,QAAD,EAAM,WAAU,qGAAsG;aAGxH,oBAAC,WAAD,EAAW,WAAU,0BAA2B;GAChB,EACX;;;AAI7B,SAAS,cAAc,EAAE,WAAW,GAAG,SAAwC;AAC7E,QACE,oBAACA,SAAkB,OAAnB;EAAyB,aAAU;EAAiB,WAAW,GAAG,UAAU;EAAE,GAAI;EAAS;;AAI/F,SAAS,cAAc,EAAE,WAAW,GAAG,SAA6C;AAClF,QACE,oBAACA,SAAkB,YAAnB;EACE,aAAU;EACV,WAAW,GAAG,yDAAyD,UAAU;EACjF,GAAI;EACJ;;AAQN,SAAS,cAAc,EAAE,WAAW,GAAG,SAAwC;AAC7E,QACE,oBAACA,SAAkB,OAAnB;EACE,aAAU;EACV,WAAW,GACT,8IACA,UACD;EACD,GAAI;EACJ;;AAcN,SAAS,cAAc,EACrB,WACA,GAAG,SAC2F;AAC9F,QACE,oBAACA,SAAkB,OAAnB;EACE,aAAU;EACV,WAAW,GACT,2gBACA,UACD;EACD,GAAI;EACJ;;AAIN,SAAS,aAAa,EACpB,WACA,UACA,aAAa,MACb,GAAG,SAGF;AACD,QACE,qBAACA,SAAkB,MAAnB;EACE,aAAU;EACV,WAAW,GACT,iVACA,UACD;EACD,GAAI;YANN,CAQG,UACA,cACC,oBAACA,SAAkB,YAAnB;GACE,QAAQ,oBAAC,QAAD;IAAQ,SAAQ;IAAQ,MAAK;IAAY;GACjD,WAAU;GACV,aAAU;aAEV,oBAAC,OAAD,EAAO,WAAU,0BAA2B;GACf,EAEV;;;AAI7B,SAAS,mBAAmB,EAAE,WAAW,GAAG,SAAwC;AAClF,QACE,oBAACA,SAAkB,OAAnB;EACE,aAAU;EACV,WAAW,GAAG,yCAAyC,UAAU;EACjE,GAAI;EACJ;;AAIN,SAAS,oBAAoB;AAC3B,QAAO,MAAM,OAA8B,KAAK"}