@xploreu/components 0.4.20 → 0.4.22

package/dist/{chunk-OK4K7DSW.js.map → chunk-GI2M7Q4F.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/composites/filter-combobox.tsx"],"names":["FilterCombobox","multiple","items","placeholder","icon","container","isPending","className","triggerClassName","contentClassName","disabled","infiniteScroll","props","isMultiple","showTitle","showSearch","value","setValue","useControlledState","search","setSearch","valueArray","hasValue","count","triggerLabel","handleClear","filteredItems","q","it","jsxs","Combobox","a","b","ComboboxTrigger","cn","jsx","ChevronDownIcon","ComboboxPopup","ComboboxInput","e","ComboboxStatus","ComboboxList","item","ComboboxItem","ComboboxItemTitle","ComboboxInfiniteScroll"],"mappings":"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","file":"chunk-OK4K7DSW.js","sourcesContent":["\"use client\"\r\n\r\nimport * as React from \"react\"\r\nimport { ChevronDownIcon } from \"lucide-react\"\r\n\r\nimport { cn } from \"@xploreu/lib/cn\"\r\nimport { useControlledState } from \"@xploreu/hooks/use-controlled-state\"\r\nimport { ComboboxItem, ComboboxItemTitle } from \"../ui/combobox\"\r\nimport {\r\n  Combobox,\r\n  ComboboxInfiniteScroll,\r\n  ComboboxInput,\r\n  ComboboxList,\r\n  ComboboxPopup,\r\n  ComboboxPortal,\r\n  ComboboxStatus,\r\n  ComboboxTrigger\r\n} from \"../ui/combobox\"\r\n\r\n// ─── Types ───\r\n\r\nexport type FilterComboboxItem = {\r\n  label: string\r\n  value: string\r\n}\r\n\r\ntype FilterComboboxValue = FilterComboboxItem | FilterComboboxItem[] | null\r\n\r\ntype BaseProps = {\r\n  items: FilterComboboxItem[] | undefined\r\n  placeholder?: string\r\n  icon?: React.ReactNode\r\n  container?: React.ComponentProps<typeof ComboboxPortal>[\"container\"]\r\n  isPending?: boolean\r\n  className?: string\r\n  triggerClassName?: string\r\n  contentClassName?: string\r\n  disabled?: boolean\r\n  infiniteScroll?: React.ComponentProps<typeof ComboboxInfiniteScroll>\r\n  showTitle?: boolean\r\n  showSearch?: boolean\r\n}\r\n\r\ntype SingleProps = BaseProps & {\r\n  multiple?: false\r\n  value?: FilterComboboxItem | null\r\n  defaultValue?: FilterComboboxItem | null\r\n  onValueChange?: (value: FilterComboboxItem | null) => void\r\n}\r\n\r\ntype MultipleProps = BaseProps & {\r\n  multiple: true\r\n  value?: FilterComboboxItem[]\r\n  defaultValue?: FilterComboboxItem[]\r\n  onValueChange?: (value: FilterComboboxItem[]) => void\r\n}\r\n\r\nexport type FilterComboboxProps = SingleProps | MultipleProps\r\n\r\n// ─── Component ───\r\n\r\nfunction FilterCombobox({\r\n  multiple,\r\n  items,\r\n  placeholder = \"Select\",\r\n  icon,\r\n  container,\r\n  isPending,\r\n  className,\r\n  triggerClassName,\r\n  contentClassName,\r\n  disabled,\r\n  infiniteScroll,\r\n  ...props\r\n}: FilterComboboxProps) {\r\n\r\n  const isMultiple = multiple === true\r\n  const showTitle = props.showTitle ?? isMultiple\r\n  const showSearch = props.showSearch ?? isMultiple\r\n\r\n  const [value, setValue] = useControlledState<FilterComboboxValue>({\r\n    value: props.value,\r\n    defaultValue: props.defaultValue ?? (isMultiple ? [] : null),\r\n    onChange: props.onValueChange as (value: FilterComboboxValue) => void,\r\n  })\r\n\r\n  const [search, setSearch] = React.useState(\"\")\r\n\r\n  // Normalize value to array for label & clear logic\r\n  const valueArray = Array.isArray(value) ? value : value ? [value] : []\r\n  const hasValue = valueArray.length > 0\r\n  const count = valueArray.length\r\n\r\n  const triggerLabel = !hasValue\r\n    ? isMultiple\r\n      ? `All ${placeholder}`\r\n      : placeholder\r\n    : isMultiple\r\n      ? `${placeholder} (${count})`\r\n      : valueArray[0]?.label ?? placeholder\r\n\r\n  const handleClear = () => {\r\n    setValue(isMultiple ? [] : null)\r\n  }\r\n\r\n  // Filter items when showSearch is enabled\r\n  const filteredItems = React.useMemo(() => {\r\n    if (!showSearch || !search.trim()) return items\r\n    const q = search.toLowerCase()\r\n    return items?.filter(\r\n      (it) => it.label.toLowerCase().includes(q) || it.value.toLowerCase().includes(q)\r\n    )\r\n  }, [items, search, showSearch])\r\n\r\n  return (\r\n    <Combobox\r\n      items={items}\r\n      multiple={multiple}\r\n      value={value}\r\n      onValueChange={setValue}\r\n      isItemEqualToValue={(a, b) => a.value === b.value}\r\n      disabled={disabled}\r\n    >\r\n      <ComboboxTrigger\r\n        className={cn(\r\n          \"group flex h-9 w-fit max-w-[220px] items-center gap-2 rounded-xp-card-base border bg-bg-primary px-3 text-body-medium-3 transition-colors\",\r\n          \"border-border-primary text-text-secondary hover:bg-bg-primary-hover\",\r\n          hasValue && \"border-border-brand bg-bg-brand-primary text-text-brand-secondary hover:bg-bg-brand-primary-hover-alt\",\r\n          \"disabled:pointer-events-none disabled:opacity-50\",\r\n          \"data-[popup-open]:border-border-brand data-[popup-open]:bg-bg-brand-primary data-[popup-open]:text-text-brand-secondary\",\r\n          triggerClassName,\r\n          className\r\n        )}\r\n      >\r\n        {icon && (\r\n          <span\r\n            className={cn(\r\n              \"size-4 shrink-0 group-data-[popup-open]:text-fg-brand-primary\",\r\n              hasValue ? \"text-fg-brand-primary\" : \"text-fg-quaternary\"\r\n            )}\r\n          >\r\n            {icon}\r\n          </span>\r\n        )}\r\n        <span className=\"truncate\">{triggerLabel}</span>\r\n        <ChevronDownIcon\r\n          className={cn(\r\n            \"size-4 shrink-0 transition-transform group-data-[popup-open]:rotate-180 group-data-[popup-open]:text-fg-brand-primary\",\r\n            hasValue ? \"text-fg-brand-primary\" : \"text-fg-quaternary\"\r\n          )}\r\n        />\r\n      </ComboboxTrigger>\r\n\r\n      <ComboboxPopup\r\n        container={container}\r\n        className={cn(\"w-72\", contentClassName)}\r\n        align=\"start\"\r\n        sideOffset={8}\r\n      >\r\n        <div className=\"flex flex-col\">\r\n          {showTitle && (\r\n            <div className=\"flex items-center justify-between p-3 border-b border-border-primary\">\r\n              <span className=\"text-label-semibold-3 text-text-primary\">{placeholder}</span>\r\n              <button\r\n                type=\"button\"\r\n                disabled={!hasValue}\r\n                onClick={handleClear}\r\n                className={cn(\r\n                  \"text-label-semibold-3 transition-colors\",\r\n                  hasValue\r\n                    ? \"cursor-pointer text-text-error-primary hover:text-text-error-primary-hover\"\r\n                    : \"cursor-not-allowed text-text-disabled\"\r\n                )}\r\n              >\r\n                Clear All\r\n              </button>\r\n            </div>\r\n          )}\r\n\r\n          {showSearch && (\r\n            <ComboboxInput\r\n              value={search}\r\n              onChange={(e) => setSearch(e.target.value)}\r\n              placeholder={`Search ${placeholder.toLowerCase()}...`}\r\n            />\r\n          )}\r\n\r\n          <ComboboxStatus\r\n            status={\r\n              isPending || items === undefined\r\n                ? \"pending\"\r\n                : (showSearch ? filteredItems : items)?.length === 0\r\n                  ? \"empty\"\r\n                  : null\r\n            }\r\n          />\r\n          <ComboboxList>\r\n            {(showSearch ? filteredItems : items)?.map((item) => (\r\n              <ComboboxItem\r\n                indicator={isMultiple ? \"checkbox\" : undefined}\r\n                key={item.value}\r\n                value={item}\r\n              >\r\n                <ComboboxItemTitle>{item.label}</ComboboxItemTitle>\r\n              </ComboboxItem>\r\n            ))}\r\n            <ComboboxInfiniteScroll {...infiniteScroll} />\r\n          </ComboboxList>\r\n        </div>\r\n      </ComboboxPopup>\r\n    </Combobox>\r\n  )\r\n}\r\n\r\nexport { FilterCombobox }\r\n"]}
+{"version":3,"sources":["../src/composites/filter-combobox.tsx"],"names":["FilterCombobox","multiple","items","placeholder","icon","container","isPending","className","triggerClassName","contentClassName","disabled","infiniteScroll","props","isMultiple","showTitle","showSearch","value","setValue","useControlledState","search","setSearch","valueArray","hasValue","count","triggerLabel","handleClear","filteredItems","q","it","jsxs","Combobox","a","b","ComboboxTrigger","cn","jsx","ChevronDownIcon","ComboboxPopup","ComboboxInput","e","ComboboxStatus","ComboboxList","item","ComboboxItem","ComboboxItemTitle","ComboboxInfiniteScroll"],"mappings":"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","file":"chunk-GI2M7Q4F.js","sourcesContent":["\"use client\"\r\n\r\nimport * as React from \"react\"\r\nimport { ChevronDownIcon } from \"lucide-react\"\r\n\r\nimport { cn } from \"@xploreu/lib/cn\"\r\nimport { useControlledState } from \"@xploreu/hooks/use-controlled-state\"\r\nimport { ComboboxItem, ComboboxItemTitle } from \"../ui/combobox\"\r\nimport {\r\n  Combobox,\r\n  ComboboxInfiniteScroll,\r\n  ComboboxInput,\r\n  ComboboxList,\r\n  ComboboxPopup,\r\n  ComboboxPortal,\r\n  ComboboxStatus,\r\n  ComboboxTrigger\r\n} from \"../ui/combobox\"\r\n\r\n// ─── Types ───\r\n\r\nexport type FilterComboboxItem = {\r\n  label: string\r\n  value: string\r\n}\r\n\r\ntype FilterComboboxValue = FilterComboboxItem | FilterComboboxItem[] | null\r\n\r\ntype BaseProps = {\r\n  items: FilterComboboxItem[] | undefined\r\n  placeholder?: string\r\n  icon?: React.ReactNode\r\n  container?: React.ComponentProps<typeof ComboboxPortal>[\"container\"]\r\n  isPending?: boolean\r\n  className?: string\r\n  triggerClassName?: string\r\n  contentClassName?: string\r\n  disabled?: boolean\r\n  infiniteScroll?: React.ComponentProps<typeof ComboboxInfiniteScroll>\r\n  showTitle?: boolean\r\n  showSearch?: boolean\r\n}\r\n\r\ntype SingleProps = BaseProps & {\r\n  multiple?: false\r\n  value?: FilterComboboxItem | null\r\n  defaultValue?: FilterComboboxItem | null\r\n  onValueChange?: (value: FilterComboboxItem | null) => void\r\n}\r\n\r\ntype MultipleProps = BaseProps & {\r\n  multiple: true\r\n  value?: FilterComboboxItem[]\r\n  defaultValue?: FilterComboboxItem[]\r\n  onValueChange?: (value: FilterComboboxItem[]) => void\r\n}\r\n\r\nexport type FilterComboboxProps = SingleProps | MultipleProps\r\n\r\n// ─── Component ───\r\n\r\nfunction FilterCombobox({\r\n  multiple,\r\n  items,\r\n  placeholder = \"Select\",\r\n  icon,\r\n  container,\r\n  isPending,\r\n  className,\r\n  triggerClassName,\r\n  contentClassName,\r\n  disabled,\r\n  infiniteScroll,\r\n  ...props\r\n}: FilterComboboxProps) {\r\n\r\n  const isMultiple = multiple === true\r\n  const showTitle = props.showTitle ?? isMultiple\r\n  const showSearch = props.showSearch ?? isMultiple\r\n\r\n  const [value, setValue] = useControlledState<FilterComboboxValue>({\r\n    value: props.value,\r\n    defaultValue: props.defaultValue ?? (isMultiple ? [] : null),\r\n    onChange: props.onValueChange as (value: FilterComboboxValue) => void,\r\n  })\r\n\r\n  const [search, setSearch] = React.useState(\"\")\r\n\r\n  // Normalize value to array for label & clear logic\r\n  const valueArray = Array.isArray(value) ? value : value ? [value] : []\r\n  const hasValue = valueArray.length > 0\r\n  const count = valueArray.length\r\n\r\n  const triggerLabel = !hasValue\r\n    ? isMultiple\r\n      ? `All ${placeholder}`\r\n      : placeholder\r\n    : isMultiple\r\n      ? `${placeholder} (${count})`\r\n      : valueArray[0]?.label ?? placeholder\r\n\r\n  const handleClear = () => {\r\n    setValue(isMultiple ? [] : null)\r\n  }\r\n\r\n  // Filter items when showSearch is enabled\r\n  const filteredItems = React.useMemo(() => {\r\n    if (!showSearch || !search.trim()) return items\r\n    const q = search.toLowerCase()\r\n    return items?.filter(\r\n      (it) => it.label.toLowerCase().includes(q) || it.value.toLowerCase().includes(q)\r\n    )\r\n  }, [items, search, showSearch])\r\n\r\n  return (\r\n    <Combobox\r\n      items={items}\r\n      multiple={multiple}\r\n      value={value}\r\n      onValueChange={setValue}\r\n      isItemEqualToValue={(a, b) => a.value === b.value}\r\n      disabled={disabled}\r\n    >\r\n      <ComboboxTrigger\r\n        className={cn(\r\n          \"group flex h-9 w-fit max-w-[220px] items-center gap-2 rounded-xp-card-base border bg-bg-primary px-3 text-body-medium-3 transition-colors\",\r\n          \"border-border-primary text-text-secondary hover:bg-bg-primary-hover\",\r\n          hasValue && \"border-border-brand bg-bg-brand-primary text-text-brand-secondary hover:bg-bg-brand-primary-hover-alt\",\r\n          \"disabled:pointer-events-none disabled:opacity-50\",\r\n          \"data-[popup-open]:border-border-brand data-[popup-open]:bg-bg-brand-primary data-[popup-open]:text-text-brand-secondary\",\r\n          triggerClassName,\r\n          className\r\n        )}\r\n      >\r\n        {icon && (\r\n          <span\r\n            className={cn(\r\n              \"size-4 shrink-0 group-data-[popup-open]:text-fg-brand-primary\",\r\n              hasValue ? \"text-fg-brand-primary\" : \"text-fg-quaternary\"\r\n            )}\r\n          >\r\n            {icon}\r\n          </span>\r\n        )}\r\n        <span className=\"truncate\">{triggerLabel}</span>\r\n        <ChevronDownIcon\r\n          className={cn(\r\n            \"size-4 shrink-0 transition-transform group-data-[popup-open]:rotate-180 group-data-[popup-open]:text-fg-brand-primary\",\r\n            hasValue ? \"text-fg-brand-primary\" : \"text-fg-quaternary\"\r\n          )}\r\n        />\r\n      </ComboboxTrigger>\r\n\r\n      <ComboboxPopup\r\n        container={container}\r\n        className={cn(\"w-72\", contentClassName)}\r\n        align=\"start\"\r\n        sideOffset={8}\r\n      >\r\n        <div className=\"flex flex-col\">\r\n          {showTitle && (\r\n            <div className=\"flex items-center justify-between p-3 border-b border-border-primary\">\r\n              <span className=\"text-label-semibold-3 text-text-primary\">{placeholder}</span>\r\n              <button\r\n                type=\"button\"\r\n                disabled={!hasValue}\r\n                onClick={handleClear}\r\n                className={cn(\r\n                  \"text-label-semibold-3 transition-colors\",\r\n                  hasValue\r\n                    ? \"cursor-pointer text-text-error-primary hover:text-text-error-primary-hover\"\r\n                    : \"cursor-not-allowed text-text-disabled\"\r\n                )}\r\n              >\r\n                Clear All\r\n              </button>\r\n            </div>\r\n          )}\r\n\r\n          {showSearch && (\r\n            <ComboboxInput\r\n              value={search}\r\n              onChange={(e) => setSearch(e.target.value)}\r\n              placeholder={`Search ${placeholder.toLowerCase()}...`}\r\n            />\r\n          )}\r\n\r\n          <ComboboxStatus\r\n            status={\r\n              isPending || items === undefined\r\n                ? \"pending\"\r\n                : (showSearch ? filteredItems : items)?.length === 0\r\n                  ? \"empty\"\r\n                  : null\r\n            }\r\n          />\r\n          <ComboboxList>\r\n            {(showSearch ? filteredItems : items)?.map((item) => (\r\n              <ComboboxItem\r\n                indicator={isMultiple ? \"checkbox\" : undefined}\r\n                key={item.value}\r\n                value={item}\r\n              >\r\n                <ComboboxItemTitle>{item.label}</ComboboxItemTitle>\r\n              </ComboboxItem>\r\n            ))}\r\n            <ComboboxInfiniteScroll {...infiniteScroll} />\r\n          </ComboboxList>\r\n        </div>\r\n      </ComboboxPopup>\r\n    </Combobox>\r\n  )\r\n}\r\n\r\nexport { FilterCombobox }\r\n"]}

package/dist/chunk-GN5ZHC2L.js

@@ -0,0 +1,2 @@
+import {a,b,c,d,e,g,f as f$1}from'./chunk-RJ2SAHLO.js';import {cn}from'@xploreu/lib/cn';import {jsx,jsxs}from'react/jsx-runtime';function x({className:a$1,variant:t="default",...i}){return jsx(a,{className:cn("group/tabs flex flex-col gap-2",a$1),"data-variant":t,...i})}function m({className:a,highlightClassName:t,...i}){return jsx(b,{className:cn("absolute z-0","group-data-[variant=default]/tabs:inset-0 group-data-[variant=default]/tabs:rounded-lg group-data-[variant=default]/tabs:bg-bg-primary-solid","group-data-[variant=underline]/tabs:bottom-0 group-data-[variant=underline]/tabs:h-0.5 group-data-[variant=underline]/tabs:w-full group-data-[variant=underline]/tabs:rounded-none group-data-[variant=underline]/tabs:bg-fg-brand-secondary","group-data-[variant=attract]/tabs:bottom-0 group-data-[variant=attract]/tabs:h-[3px] group-data-[variant=attract]/tabs:w-full group-data-[variant=attract]/tabs:rounded-t-full group-data-[variant=attract]/tabs:bg-gradient-to-r group-data-[variant=attract]/tabs:from-[var(--color-brand-light-500)] group-data-[variant=attract]/tabs:to-[var(--color-brand-light-700)]","group-data-[variant=topbar]/tabs:bottom-0 group-data-[variant=topbar]/tabs:h-[3px] group-data-[variant=topbar]/tabs:w-full group-data-[variant=topbar]/tabs:rounded-t-full group-data-[variant=topbar]/tabs:bg-[linear-gradient(90deg,#2F7EF0_0%,#FA0805_100%)]","group-data-[variant=segment]/tabs:inset-0 group-data-[variant=segment]/tabs:rounded-lg group-data-[variant=segment]/tabs:bg-bg-brand-primary group-data-[variant=segment]/tabs:data-[value=declined]:bg-bg-error-primary group-data-[variant=segment]/tabs:data-[value=rejected]:bg-bg-error-primary","group-data-[variant=solid]/tabs:inset-0 group-data-[variant=solid]/tabs:rounded-lg group-data-[variant=solid]/tabs:bg-gradient-buttons-gradient-blue group-data-[variant=solid]/tabs:shadow-xp-md",t),children:jsx(c,{className:cn("inline-flex w-fit items-center justify-center","group-data-[variant=default]/tabs:bg-bg-tertiary group-data-[variant=default]/tabs:rounded-lg group-data-[variant=default]/tabs:p-0.5 group-data-[variant=default]/tabs:gap-1 group-data-[variant=default]/tabs:border group-data-[variant=default]/tabs:border-border-primary","group-data-[variant=underline]/tabs:gap-7","group-data-[variant=attract]/tabs:w-full group-data-[variant=attract]/tabs:justify-start group-data-[variant=attract]/tabs:gap-6 group-data-[variant=attract]/tabs:border-b group-data-[variant=attract]/tabs:border-border-secondary group-data-[variant=attract]/tabs:px-6","group-data-[variant=topbar]/tabs:w-full group-data-[variant=topbar]/tabs:justify-start group-data-[variant=topbar]/tabs:gap-6 group-data-[variant=topbar]/tabs:border-b group-data-[variant=topbar]/tabs:border-border-secondary group-data-[variant=topbar]/tabs:px-6","group-data-[variant=segment]/tabs:bg-bg-primary group-data-[variant=segment]/tabs:rounded-[10px] group-data-[variant=segment]/tabs:p-0.5 group-data-[variant=segment]/tabs:gap-1 group-data-[variant=segment]/tabs:border group-data-[variant=segment]/tabs:border-border-primary group-data-[variant=segment]/tabs:shadow-xp-xs","group-data-[variant=solid]/tabs:bg-bg-primary group-data-[variant=solid]/tabs:rounded-[10px] group-data-[variant=solid]/tabs:p-0.5 group-data-[variant=solid]/tabs:gap-0.5 group-data-[variant=solid]/tabs:border group-data-[variant=solid]/tabs:border-border-primary",a),...i})})}function y({className:a,count:t,children:i,...s}){return jsx(d,{value:s.value,className:"flex-1 group-data-[variant=attract]/tabs:flex-none group-data-[variant=topbar]/tabs:flex-none group-data-[variant=segment]/tabs:flex-none group-data-[variant=solid]/tabs:flex-none",children:jsxs(e,{className:cn("group/tabs-trigger data-[active=true]:text-text-brand-tertiary-alt focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-text-primary inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md w-full text-label-semibold-2 whitespace-nowrap transition-colors duration-300 ease-in-out focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4","group-data-[variant=default]/tabs:px-3 group-data-[variant=default]/tabs:py-2 group-data-[variant=default]/tabs:rounded-lg group-data-[variant=default]/tabs:text-text-quaternary hover:group-data-[variant=default]/tabs:text-text-secondary group-data-[variant=default]/tabs:data-[active=true]:text-text-white","group-data-[variant=underline]/tabs:h-8.5 group-data-[variant=underline]/tabs:px-3 hover:group-data-[variant=underline]/tabs:text-text-brand-secondary","group-data-[variant=attract]/tabs:h-auto group-data-[variant=attract]/tabs:py-3 group-data-[variant=attract]/tabs:px-0 group-data-[variant=attract]/tabs:gap-2 group-data-[variant=attract]/tabs:rounded-none group-data-[variant=attract]/tabs:text-label-medium-2 group-data-[variant=attract]/tabs:text-text-quaternary hover:group-data-[variant=attract]/tabs:text-text-secondary group-data-[variant=attract]/tabs:data-[active=true]:text-text-brand-tertiary group-data-[variant=attract]/tabs:data-[active=true]:text-label-semibold-2","group-data-[variant=topbar]/tabs:h-auto group-data-[variant=topbar]/tabs:py-4 group-data-[variant=topbar]/tabs:px-0 group-data-[variant=topbar]/tabs:gap-2 group-data-[variant=topbar]/tabs:rounded-none group-data-[variant=topbar]/tabs:text-body-regular-2 group-data-[variant=topbar]/tabs:text-text-quaternary hover:group-data-[variant=topbar]/tabs:text-text-secondary group-data-[variant=topbar]/tabs:data-[active=true]:text-text-primary group-data-[variant=topbar]/tabs:data-[active=true]:text-label-semibold-2","group-data-[variant=segment]/tabs:h-9 group-data-[variant=segment]/tabs:px-3 group-data-[variant=segment]/tabs:py-2 group-data-[variant=segment]/tabs:gap-1 group-data-[variant=segment]/tabs:rounded-lg group-data-[variant=segment]/tabs:text-label-semibold-3 group-data-[variant=segment]/tabs:text-text-quaternary hover:group-data-[variant=segment]/tabs:text-text-secondary group-data-[variant=segment]/tabs:data-[active=true]:text-text-brand-secondary-alt group-data-[variant=segment]/tabs:data-[active=true]:data-[value=declined]:text-text-error-primary group-data-[variant=segment]/tabs:data-[active=true]:data-[value=rejected]:text-text-error-primary","group-data-[variant=solid]/tabs:h-9 group-data-[variant=solid]/tabs:px-3.5 group-data-[variant=solid]/tabs:py-2 group-data-[variant=solid]/tabs:rounded-lg group-data-[variant=solid]/tabs:text-label-semibold-3 group-data-[variant=solid]/tabs:text-text-tertiary hover:group-data-[variant=solid]/tabs:text-text-secondary group-data-[variant=solid]/tabs:data-[active=true]:text-text-primary-on-brand",a),...s,children:[i,t!==void 0&&jsx("span",{className:cn("inline-flex items-center justify-center rounded-xp-card-base-xs px-0.5 py-px min-w-4 text-label-medium-4 transition-colors duration-300","group-data-[variant=default]/tabs:bg-bg-quaternary group-data-[variant=default]/tabs:text-text-quaternary group-data-[variant=default]/tabs:group-data-[active=true]/tabs-trigger:bg-bg-secondary-solid group-data-[variant=default]/tabs:group-data-[active=true]/tabs-trigger:text-text-primary-on-brand","group-data-[variant=underline]/tabs:bg-bg-quaternary group-data-[variant=underline]/tabs:text-text-quaternary group-data-[variant=underline]/tabs:group-data-[active=true]/tabs-trigger:bg-bg-brand-solid group-data-[variant=underline]/tabs:group-data-[active=true]/tabs-trigger:text-text-primary-on-brand","group-data-[variant=attract]/tabs:bg-bg-quaternary group-data-[variant=attract]/tabs:text-text-quaternary group-data-[variant=attract]/tabs:group-data-[active=true]/tabs-trigger:bg-bg-brand-solid group-data-[variant=attract]/tabs:group-data-[active=true]/tabs-trigger:text-text-primary-on-brand","group-data-[variant=topbar]/tabs:bg-bg-quaternary group-data-[variant=topbar]/tabs:text-text-quaternary group-data-[variant=topbar]/tabs:group-data-[active=true]/tabs-trigger:bg-bg-brand-solid group-data-[variant=topbar]/tabs:group-data-[active=true]/tabs-trigger:text-text-primary-on-brand","group-data-[variant=segment]/tabs:bg-bg-quaternary group-data-[variant=segment]/tabs:text-text-quaternary group-data-[variant=segment]/tabs:group-data-[active=true]/tabs-trigger:bg-bg-brand-solid group-data-[variant=segment]/tabs:group-data-[active=true]/tabs-trigger:text-text-white group-data-[variant=segment]/tabs:group-data-[active=true]/tabs-trigger:group-data-[value=declined]/tabs-trigger:bg-bg-error-solid group-data-[variant=segment]/tabs:group-data-[active=true]/tabs-trigger:group-data-[value=rejected]/tabs-trigger:bg-bg-error-solid","group-data-[variant=solid]/tabs:bg-bg-quaternary group-data-[variant=solid]/tabs:text-text-quaternary group-data-[variant=solid]/tabs:group-data-[active=true]/tabs-trigger:bg-bg-secondary-solid group-data-[variant=solid]/tabs:group-data-[active=true]/tabs-trigger:text-text-primary-on-brand"),children:t})]})})}function P(a){return jsx(g,{...a})}function f({className:a,...t}){return jsx(f$1,{className:cn("flex-1 outline-none",a),...t})}export{x as a,m as b,y as c,P as d,f as e};//# sourceMappingURL=chunk-GN5ZHC2L.js.map
+//# sourceMappingURL=chunk-GN5ZHC2L.js.map

package/dist/chunk-GN5ZHC2L.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/tabs.tsx"],"names":["Tabs","className","variant","props","jsx","cn","TabsList","highlightClassName","TabsHighlight","TabsTab","count","children","TabsHighlightItem","jsxs","TabsPanels","TabsPanel"],"mappings":"iIAoBA,SAASA,CAAAA,CAAK,CAAE,UAAAC,GAAAA,CAAW,OAAA,CAAAC,EAAU,SAAA,CAAW,GAAGC,CAAM,CAAA,CAAc,CACrE,OACEC,GAAAA,CAACJ,EAAA,CACC,SAAA,CAAWK,GAAG,gCAAA,CAAkCJ,GAAS,EACzD,cAAA,CAAcC,CAAAA,CACb,GAAGC,CAAAA,CACN,CAEJ,CAMA,SAASG,EAAS,CAAE,SAAA,CAAAL,EAAW,kBAAA,CAAAM,CAAAA,CAAoB,GAAGJ,CAAM,EAAkB,CAC5E,OACEC,IAACI,CAAAA,CAAA,CACC,UAAWH,EAAAA,CACT,cAAA,CACA,8IAAA,CACA,8OAAA,CACA,8WACA,iQAAA,CACA,sSAAA,CACA,oMACAE,CACF,CAAA,CAEA,SAAAH,GAAAA,CAACE,CAAAA,CAAA,CACC,SAAA,CAAWD,GACT,+CAAA,CACA,gRAAA,CACA,4CACA,8QAAA,CACA,wQAAA,CACA,mUACA,yQAAA,CACAJ,CACF,EACC,GAAGE,CAAAA,CACN,EACF,CAEJ,CAMA,SAASM,CAAAA,CAAQ,CAAE,UAAAR,CAAAA,CAAW,KAAA,CAAAS,CAAAA,CAAO,QAAA,CAAAC,EAAU,GAAGR,CAAM,EAAiB,CACvE,OACEC,IAACQ,CAAAA,CAAA,CAA2B,KAAA,CAAOT,CAAAA,CAAM,MAAO,SAAA,CAAU,qLAAA,CACxD,SAAAU,IAAAA,CAACJ,CAAAA,CAAA,CACC,SAAA,CAAWJ,EAAAA,CACT,ygBAAA,CAEA,oTAAA,CAEA,yJAEA,ihBAAA,CAEA,ggBAAA,CAEA,+oBAEA,6YAAA,CACAJ,CACF,EACC,GAAGE,CAAAA,CAEH,QAAA,CAAA,CAAAQ,CAAAA,CACAD,IAAU,MAAA,EACTN,GAAAA,CAAC,QACC,SAAA,CAAWC,EAAAA,CACT,0IAEA,4SAAA,CAEA,gTAAA,CAEA,wSAAA,CAEA,oSAAA,CAEA,oiBAEA,oSACF,CAAA,CAEC,SAAAK,CAAAA,CACH,CAAA,CAAA,CAEJ,EACF,CAEJ,CAIA,SAASI,CAAAA,CAAWX,EAAwB,CAC1C,OAAOC,IAACU,CAAAA,CAAA,CAAqB,GAAGX,CAAAA,CAAO,CACzC,CAIA,SAASY,EAAU,CAAE,SAAA,CAAAd,EAAW,GAAGE,CAAM,EAAmB,CAC1D,OACEC,IAACW,GAAAA,CAAA,CACC,UAAWV,EAAAA,CAAG,qBAAA,CAAuBJ,CAAS,CAAA,CAC7C,GAAGE,EACN,CAEJ","file":"chunk-GN5ZHC2L.js","sourcesContent":["import {\r\n  Tabs as TabsPrimitive,\r\n  TabsList as TabsListPrimitive,\r\n  TabsTab as TabsTabPrimitive,\r\n  TabsPanel as TabsPanelPrimitive,\r\n  TabsPanels as TabsPanelsPrimitive,\r\n  TabsHighlight as TabsHighlightPrimitive,\r\n  TabsHighlightItem as TabsHighlightItemPrimitive,\r\n  type TabsProps as TabsPrimitiveProps,\r\n  type TabsListProps as TabsListPrimitiveProps,\r\n  type TabsTabProps as TabsTabPrimitiveProps,\r\n  type TabsPanelProps as TabsPanelPrimitiveProps,\r\n  type TabsPanelsProps as TabsPanelsPrimitiveProps,\r\n} from '../primitives/tabs';\r\nimport { cn } from '@xploreu/lib/cn';\r\n\r\ntype TabsProps = TabsPrimitiveProps & {\r\n  variant?: \"default\" | \"underline\" | \"attract\" | \"topbar\" | \"segment\" | \"solid\";\r\n};\r\n\r\nfunction Tabs({ className, variant = \"default\", ...props }: TabsProps) {\r\n  return (\r\n    <TabsPrimitive\r\n      className={cn('group/tabs flex flex-col gap-2', className)}\r\n      data-variant={variant}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\ntype TabsListProps = TabsListPrimitiveProps & {\r\n  highlightClassName?: string;\r\n};\r\n\r\nfunction TabsList({ className, highlightClassName, ...props }: TabsListProps) {\r\n  return (\r\n    <TabsHighlightPrimitive\r\n      className={cn(\r\n        \"absolute z-0\",\r\n        \"group-data-[variant=default]/tabs:inset-0 group-data-[variant=default]/tabs:rounded-lg group-data-[variant=default]/tabs:bg-bg-primary-solid\",\r\n        \"group-data-[variant=underline]/tabs:bottom-0 group-data-[variant=underline]/tabs:h-0.5 group-data-[variant=underline]/tabs:w-full group-data-[variant=underline]/tabs:rounded-none group-data-[variant=underline]/tabs:bg-fg-brand-secondary\",\r\n        \"group-data-[variant=attract]/tabs:bottom-0 group-data-[variant=attract]/tabs:h-[3px] group-data-[variant=attract]/tabs:w-full group-data-[variant=attract]/tabs:rounded-t-full group-data-[variant=attract]/tabs:bg-gradient-to-r group-data-[variant=attract]/tabs:from-[var(--color-brand-light-500)] group-data-[variant=attract]/tabs:to-[var(--color-brand-light-700)]\",\r\n        \"group-data-[variant=topbar]/tabs:bottom-0 group-data-[variant=topbar]/tabs:h-[3px] group-data-[variant=topbar]/tabs:w-full group-data-[variant=topbar]/tabs:rounded-t-full group-data-[variant=topbar]/tabs:bg-[linear-gradient(90deg,#2F7EF0_0%,#FA0805_100%)]\",\r\n        \"group-data-[variant=segment]/tabs:inset-0 group-data-[variant=segment]/tabs:rounded-lg group-data-[variant=segment]/tabs:bg-bg-brand-primary group-data-[variant=segment]/tabs:data-[value=declined]:bg-bg-error-primary group-data-[variant=segment]/tabs:data-[value=rejected]:bg-bg-error-primary\",\r\n        \"group-data-[variant=solid]/tabs:inset-0 group-data-[variant=solid]/tabs:rounded-lg group-data-[variant=solid]/tabs:bg-gradient-buttons-gradient-blue group-data-[variant=solid]/tabs:shadow-xp-md\",\r\n        highlightClassName\r\n      )}\r\n    >\r\n      <TabsListPrimitive\r\n        className={cn(\r\n          \"inline-flex w-fit items-center justify-center\",\r\n          \"group-data-[variant=default]/tabs:bg-bg-tertiary group-data-[variant=default]/tabs:rounded-lg group-data-[variant=default]/tabs:p-0.5 group-data-[variant=default]/tabs:gap-1 group-data-[variant=default]/tabs:border group-data-[variant=default]/tabs:border-border-primary\",\r\n          \"group-data-[variant=underline]/tabs:gap-7\",\r\n          \"group-data-[variant=attract]/tabs:w-full group-data-[variant=attract]/tabs:justify-start group-data-[variant=attract]/tabs:gap-6 group-data-[variant=attract]/tabs:border-b group-data-[variant=attract]/tabs:border-border-secondary group-data-[variant=attract]/tabs:px-6\",\r\n          \"group-data-[variant=topbar]/tabs:w-full group-data-[variant=topbar]/tabs:justify-start group-data-[variant=topbar]/tabs:gap-6 group-data-[variant=topbar]/tabs:border-b group-data-[variant=topbar]/tabs:border-border-secondary group-data-[variant=topbar]/tabs:px-6\",\r\n          \"group-data-[variant=segment]/tabs:bg-bg-primary group-data-[variant=segment]/tabs:rounded-[10px] group-data-[variant=segment]/tabs:p-0.5 group-data-[variant=segment]/tabs:gap-1 group-data-[variant=segment]/tabs:border group-data-[variant=segment]/tabs:border-border-primary group-data-[variant=segment]/tabs:shadow-xp-xs\",\r\n          \"group-data-[variant=solid]/tabs:bg-bg-primary group-data-[variant=solid]/tabs:rounded-[10px] group-data-[variant=solid]/tabs:p-0.5 group-data-[variant=solid]/tabs:gap-0.5 group-data-[variant=solid]/tabs:border group-data-[variant=solid]/tabs:border-border-primary\",\r\n          className,\r\n        )}\r\n        {...props}\r\n      />\r\n    </TabsHighlightPrimitive>\r\n  );\r\n}\r\n\r\ntype TabsTabProps = TabsTabPrimitiveProps & {\r\n  count?: number | string;\r\n};\r\n\r\nfunction TabsTab({ className, count, children, ...props }: TabsTabProps) {\r\n  return (\r\n    <TabsHighlightItemPrimitive value={props.value} className=\"flex-1 group-data-[variant=attract]/tabs:flex-none group-data-[variant=topbar]/tabs:flex-none group-data-[variant=segment]/tabs:flex-none group-data-[variant=solid]/tabs:flex-none\">\r\n      <TabsTabPrimitive\r\n        className={cn(\r\n          \"group/tabs-trigger data-[active=true]:text-text-brand-tertiary-alt focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-text-primary inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md w-full text-label-semibold-2 whitespace-nowrap transition-colors duration-300 ease-in-out focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\r\n          // default variant\r\n          \"group-data-[variant=default]/tabs:px-3 group-data-[variant=default]/tabs:py-2 group-data-[variant=default]/tabs:rounded-lg group-data-[variant=default]/tabs:text-text-quaternary hover:group-data-[variant=default]/tabs:text-text-secondary group-data-[variant=default]/tabs:data-[active=true]:text-text-white\",\r\n          // underline variant\r\n          \"group-data-[variant=underline]/tabs:h-8.5 group-data-[variant=underline]/tabs:px-3 hover:group-data-[variant=underline]/tabs:text-text-brand-secondary\",\r\n          // attract variant\r\n          \"group-data-[variant=attract]/tabs:h-auto group-data-[variant=attract]/tabs:py-3 group-data-[variant=attract]/tabs:px-0 group-data-[variant=attract]/tabs:gap-2 group-data-[variant=attract]/tabs:rounded-none group-data-[variant=attract]/tabs:text-label-medium-2 group-data-[variant=attract]/tabs:text-text-quaternary hover:group-data-[variant=attract]/tabs:text-text-secondary group-data-[variant=attract]/tabs:data-[active=true]:text-text-brand-tertiary group-data-[variant=attract]/tabs:data-[active=true]:text-label-semibold-2\",\r\n          // topbar variant\r\n          \"group-data-[variant=topbar]/tabs:h-auto group-data-[variant=topbar]/tabs:py-4 group-data-[variant=topbar]/tabs:px-0 group-data-[variant=topbar]/tabs:gap-2 group-data-[variant=topbar]/tabs:rounded-none group-data-[variant=topbar]/tabs:text-body-regular-2 group-data-[variant=topbar]/tabs:text-text-quaternary hover:group-data-[variant=topbar]/tabs:text-text-secondary group-data-[variant=topbar]/tabs:data-[active=true]:text-text-primary group-data-[variant=topbar]/tabs:data-[active=true]:text-label-semibold-2\",\r\n          // segment variant\r\n          \"group-data-[variant=segment]/tabs:h-9 group-data-[variant=segment]/tabs:px-3 group-data-[variant=segment]/tabs:py-2 group-data-[variant=segment]/tabs:gap-1 group-data-[variant=segment]/tabs:rounded-lg group-data-[variant=segment]/tabs:text-label-semibold-3 group-data-[variant=segment]/tabs:text-text-quaternary hover:group-data-[variant=segment]/tabs:text-text-secondary group-data-[variant=segment]/tabs:data-[active=true]:text-text-brand-secondary-alt group-data-[variant=segment]/tabs:data-[active=true]:data-[value=declined]:text-text-error-primary group-data-[variant=segment]/tabs:data-[active=true]:data-[value=rejected]:text-text-error-primary\",\r\n          // solid variant\r\n          \"group-data-[variant=solid]/tabs:h-9 group-data-[variant=solid]/tabs:px-3.5 group-data-[variant=solid]/tabs:py-2 group-data-[variant=solid]/tabs:rounded-lg group-data-[variant=solid]/tabs:text-label-semibold-3 group-data-[variant=solid]/tabs:text-text-tertiary hover:group-data-[variant=solid]/tabs:text-text-secondary group-data-[variant=solid]/tabs:data-[active=true]:text-text-primary-on-brand\",\r\n          className,\r\n        )}\r\n        {...props}\r\n      >\r\n        {children}\r\n        {count !== undefined && (\r\n          <span\r\n            className={cn(\r\n              \"inline-flex items-center justify-center rounded-xp-card-base-xs px-0.5 py-px min-w-4 text-label-medium-4 transition-colors duration-300\",\r\n              // default variant\r\n              \"group-data-[variant=default]/tabs:bg-bg-quaternary group-data-[variant=default]/tabs:text-text-quaternary group-data-[variant=default]/tabs:group-data-[active=true]/tabs-trigger:bg-bg-secondary-solid group-data-[variant=default]/tabs:group-data-[active=true]/tabs-trigger:text-text-primary-on-brand\",\r\n              // underline & other variants\r\n              \"group-data-[variant=underline]/tabs:bg-bg-quaternary group-data-[variant=underline]/tabs:text-text-quaternary group-data-[variant=underline]/tabs:group-data-[active=true]/tabs-trigger:bg-bg-brand-solid group-data-[variant=underline]/tabs:group-data-[active=true]/tabs-trigger:text-text-primary-on-brand\",\r\n              // attract variant\r\n              \"group-data-[variant=attract]/tabs:bg-bg-quaternary group-data-[variant=attract]/tabs:text-text-quaternary group-data-[variant=attract]/tabs:group-data-[active=true]/tabs-trigger:bg-bg-brand-solid group-data-[variant=attract]/tabs:group-data-[active=true]/tabs-trigger:text-text-primary-on-brand\",\r\n              // topbar variant\r\n              \"group-data-[variant=topbar]/tabs:bg-bg-quaternary group-data-[variant=topbar]/tabs:text-text-quaternary group-data-[variant=topbar]/tabs:group-data-[active=true]/tabs-trigger:bg-bg-brand-solid group-data-[variant=topbar]/tabs:group-data-[active=true]/tabs-trigger:text-text-primary-on-brand\",\r\n              // segment variant\r\n              \"group-data-[variant=segment]/tabs:bg-bg-quaternary group-data-[variant=segment]/tabs:text-text-quaternary group-data-[variant=segment]/tabs:group-data-[active=true]/tabs-trigger:bg-bg-brand-solid group-data-[variant=segment]/tabs:group-data-[active=true]/tabs-trigger:text-text-white group-data-[variant=segment]/tabs:group-data-[active=true]/tabs-trigger:group-data-[value=declined]/tabs-trigger:bg-bg-error-solid group-data-[variant=segment]/tabs:group-data-[active=true]/tabs-trigger:group-data-[value=rejected]/tabs-trigger:bg-bg-error-solid\",\r\n              // solid variant\r\n              \"group-data-[variant=solid]/tabs:bg-bg-quaternary group-data-[variant=solid]/tabs:text-text-quaternary group-data-[variant=solid]/tabs:group-data-[active=true]/tabs-trigger:bg-bg-secondary-solid group-data-[variant=solid]/tabs:group-data-[active=true]/tabs-trigger:text-text-primary-on-brand\",\r\n            )}\r\n          >\r\n            {count}\r\n          </span>\r\n        )}\r\n      </TabsTabPrimitive>\r\n    </TabsHighlightItemPrimitive>\r\n  );\r\n}\r\n\r\ntype TabsPanelsProps = TabsPanelsPrimitiveProps;\r\n\r\nfunction TabsPanels(props: TabsPanelsProps) {\r\n  return <TabsPanelsPrimitive {...props} />;\r\n}\r\n\r\ntype TabsPanelProps = TabsPanelPrimitiveProps;\r\n\r\nfunction TabsPanel({ className, ...props }: TabsPanelProps) {\r\n  return (\r\n    <TabsPanelPrimitive\r\n      className={cn('flex-1 outline-none', className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nexport {\r\n  Tabs,\r\n  TabsList,\r\n  TabsTab,\r\n  TabsPanels,\r\n  TabsPanel,\r\n  type TabsProps,\r\n  type TabsListProps,\r\n  type TabsTabProps,\r\n  type TabsPanelsProps,\r\n  type TabsPanelProps,\r\n};"]}

package/dist/{chunk-PU426AFH.js → chunk-GUQAFHTY.js}

@@ -1,2 +1,2 @@
-import*as i from'react';import {mergeProps}from'@base-ui/react/merge-props';import {useRender}from'@base-ui/react/use-render';import {cva}from'class-variance-authority';import {ArrowRightIcon}from'lucide-react';import {cn}from'@xploreu/lib/cn';import {jsx}from'react/jsx-runtime';var u=cva("inline-flex items-center size-max whitespace-nowrap shrink-0 overflow-hidden transition-colors cursor-pointer group/badge-group gap-2",{variants:{theme:{light:"rounded-xp-full ring-1 ring-inset",modern:"rounded-xp-card-base-md bg-bg-primary text-text-secondary ring-1 ring-inset ring-border-primary shadow-xp-xs hover:bg-bg-secondary"},color:{brand:"",gray:"",error:"",warning:"",success:""},size:{md:"text-body-medium-3",lg:"text-body-medium-2"},align:{leading:"",trailing:""}},compoundVariants:[{theme:"light",color:"brand",className:"bg-utility-brand-50 text-utility-brand-700 ring-utility-brand-200 hover:bg-utility-brand-100"},{theme:"light",color:"gray",className:"bg-utility-gray-50 text-utility-gray-700 ring-utility-gray-200 hover:bg-utility-gray-100"},{theme:"light",color:"error",className:"bg-utility-error-50 text-utility-error-700 ring-utility-error-200 hover:bg-utility-error-100"},{theme:"light",color:"warning",className:"bg-utility-warning-50 text-utility-warning-700 ring-utility-warning-200 hover:bg-utility-warning-100"},{theme:"light",color:"success",className:"bg-utility-success-50 text-utility-success-700 ring-utility-success-200 hover:bg-utility-success-100"},{align:"leading",size:"md",className:"py-1 pl-1 pr-2"},{align:"leading",size:"lg",className:"py-1 pl-1 pr-2.5"},{align:"trailing",size:"md",className:"py-1 pl-2 pr-1"},{align:"trailing",size:"lg",className:"py-1 pl-2.5 pr-1"}],defaultVariants:{theme:"light",color:"brand",size:"md",align:"leading"}}),d=i.createContext({theme:"light",color:"brand",size:"md"});function f({className:a,theme:e="light",color:t="brand",size:r="md",align:o="leading",render:s,children:p,...l}){let c={"data-slot":"badge-group","data-theme":e,"data-color":t,"data-size":r,"data-align":o,className:cn(u({theme:e,color:t,size:r,align:o}),a),children:p};return jsx(d.Provider,{value:{theme:e??"light",color:t??"brand",size:r??"md"},children:useRender({defaultTagName:"div",props:mergeProps(c,l),render:s,state:{slot:"badge-group",theme:e,color:t,size:r,align:o}})})}function h({className:a,children:e,...t}){let{theme:r,color:o,size:s}=i.useContext(d),p={brand:"ring-utility-brand-200 text-utility-brand-700",gray:"ring-utility-gray-200 text-utility-gray-700",error:"ring-utility-error-200 text-utility-error-700",warning:"ring-utility-warning-200 text-utility-warning-700",success:"ring-utility-success-200 text-utility-success-700"},l=cn("inline-flex items-center justify-center font-medium shrink-0",r==="light"&&["rounded-xp-full bg-bg-primary ring-1 ring-inset",p[o]||p.brand,s==="md"?"px-2 py-0.5":"px-2.5 py-0.5"],r==="modern"&&["rounded-xp-card-base-sm bg-bg-primary shadow-xp-xs ring-1 ring-inset ring-border-primary text-text-secondary",s==="md"?"gap-1 px-1.5 py-0.5":"gap-1.5 px-2 py-0.5"],a);return jsx("span",{"data-slot":"badge-group-addon",className:l,...t,children:e})}function P({className:a,children:e=jsx(ArrowRightIcon,{}),...t}){let{color:r}=i.useContext(d),o={brand:"text-utility-brand-500",gray:"text-utility-gray-500",error:"text-utility-error-500",warning:"text-utility-warning-500",success:"text-utility-success-500"};return jsx("span",{"data-slot":"badge-group-icon",className:cn("inline-flex items-center justify-center shrink-0 [&>svg]:size-4 [&>svg]:stroke-[2px] pointer-events-none transition-transform group-hover/badge-group:translate-x-0.5",o[r]||o.brand,a),...t,children:e})}function B({className:a,...e}){let{color:t}=i.useContext(d),r={brand:"bg-utility-brand-500 outline-utility-brand-100",gray:"bg-utility-gray-500 outline-utility-gray-100",error:"bg-utility-error-500 outline-utility-error-100",warning:"bg-utility-warning-500 outline-utility-warning-100",success:"bg-utility-success-500 outline-utility-success-100"};return jsx("span",{"data-slot":"badge-group-dot",className:cn("inline-block size-1.5 shrink-0 rounded-xp-full outline-2 -outline-offset-1",r[t]||r.brand,a),...e})}export{u as a,f as b,h as c,P as d,B as e};//# sourceMappingURL=chunk-PU426AFH.js.map
-//# sourceMappingURL=chunk-PU426AFH.js.map
+import*as i from'react';import {mergeProps}from'@base-ui/react/merge-props';import {useRender}from'@base-ui/react/use-render';import {cva}from'class-variance-authority';import {ArrowRightIcon}from'lucide-react';import {cn}from'@xploreu/lib/cn';import {jsx}from'react/jsx-runtime';var u=cva("inline-flex items-center size-max whitespace-nowrap shrink-0 overflow-hidden transition-colors cursor-pointer group/badge-group gap-2",{variants:{theme:{light:"rounded-xp-full ring-1 ring-inset",modern:"rounded-xp-card-base-md bg-bg-primary text-text-secondary ring-1 ring-inset ring-border-primary shadow-xp-xs hover:bg-bg-secondary"},color:{brand:"",gray:"",error:"",warning:"",success:""},size:{md:"text-body-medium-3",lg:"text-body-medium-2"},align:{leading:"",trailing:""}},compoundVariants:[{theme:"light",color:"brand",className:"bg-utility-brand-50 text-utility-brand-700 ring-utility-brand-200 hover:bg-utility-brand-100"},{theme:"light",color:"gray",className:"bg-utility-gray-50 text-utility-gray-700 ring-utility-gray-200 hover:bg-utility-gray-100"},{theme:"light",color:"error",className:"bg-utility-error-50 text-utility-error-700 ring-utility-error-200 hover:bg-utility-error-100"},{theme:"light",color:"warning",className:"bg-utility-warning-50 text-utility-warning-700 ring-utility-warning-200 hover:bg-utility-warning-100"},{theme:"light",color:"success",className:"bg-utility-success-50 text-utility-success-700 ring-utility-success-200 hover:bg-utility-success-100"},{align:"leading",size:"md",className:"py-1 pl-1 pr-2"},{align:"leading",size:"lg",className:"py-1 pl-1 pr-2.5"},{align:"trailing",size:"md",className:"py-1 pl-2 pr-1"},{align:"trailing",size:"lg",className:"py-1 pl-2.5 pr-1"}],defaultVariants:{theme:"light",color:"brand",size:"md",align:"leading"}}),l=i.createContext({theme:"light",color:"brand",size:"md"});function f({className:a,theme:t="light",color:e="brand",size:r="md",align:o="leading",render:s,children:p,...d}){let c={"data-slot":"badge-group","data-theme":t,"data-color":e,"data-size":r,"data-align":o,className:cn(u({theme:t,color:e,size:r,align:o}),a),children:p};return jsx(l.Provider,{value:{theme:t??"light",color:e??"brand",size:r??"md"},children:useRender({defaultTagName:"div",props:mergeProps(c,d),render:s,state:{slot:"badge-group",theme:t,color:e,size:r,align:o}})})}function P({className:a,children:t,...e}){let{theme:r,color:o,size:s}=i.useContext(l),p={brand:"ring-utility-brand-200 text-utility-brand-700",gray:"ring-utility-gray-200 text-utility-gray-700",error:"ring-utility-error-200 text-utility-error-700",warning:"ring-utility-warning-200 text-utility-warning-700",success:"ring-utility-success-200 text-utility-success-700"},d=cn("inline-flex items-center justify-center font-medium shrink-0",r==="light"&&["rounded-xp-full bg-bg-primary ring-1 ring-inset",p[o]||p.brand,s==="md"?"px-2 py-0.5":"px-2.5 py-0.5"],r==="modern"&&["rounded-xp-card-base-sm bg-bg-primary shadow-xp-xs ring-1 ring-inset ring-border-primary text-text-secondary",s==="md"?"gap-1 px-1.5 py-0.5":"gap-1.5 px-2 py-0.5"],a);return jsx("span",{"data-slot":"badge-group-addon",className:d,...e,children:t})}function h({className:a,children:t=jsx(ArrowRightIcon,{}),...e}){let{color:r}=i.useContext(l),o={brand:"text-utility-brand-500",gray:"text-utility-gray-500",error:"text-utility-error-500",warning:"text-utility-warning-500",success:"text-utility-success-500"};return jsx("span",{"data-slot":"badge-group-icon",className:cn("inline-flex items-center justify-center shrink-0 [&>svg]:size-4 [&>svg]:stroke-[2px] pointer-events-none transition-transform group-hover/badge-group:translate-x-0.5",o[r]||o.brand,a),...e,children:t})}function B({className:a,...t}){let{color:e}=i.useContext(l),r={brand:"bg-utility-brand-500 outline-utility-brand-100",gray:"bg-utility-gray-500 outline-utility-gray-100",error:"bg-utility-error-500 outline-utility-error-100",warning:"bg-utility-warning-500 outline-utility-warning-100",success:"bg-utility-success-500 outline-utility-success-100"};return jsx("span",{"data-slot":"badge-group-dot",className:cn("inline-block size-1.5 shrink-0 rounded-xp-full outline-2 -outline-offset-1",r[e]||r.brand,a),...t})}export{u as a,f as b,P as c,h as d,B as e};//# sourceMappingURL=chunk-GUQAFHTY.js.map
+//# sourceMappingURL=chunk-GUQAFHTY.js.map

package/dist/{chunk-PU426AFH.js.map → chunk-GUQAFHTY.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/ui/badge-group.tsx"],"names":["badgeGroupVariants","cva","badgeGroupContext","BadgeGroup","className","theme","color","size","align","render","children","props","defaultProps","cn","jsx","useRender","mergeProps","BadgeGroupAddon","colorAddonMap","addonClasses","BadgeGroupIcon","ArrowRightIcon","iconColorMap","BadgeGroupDot","dotColorMap"],"mappings":"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","file":"chunk-PU426AFH.js","sourcesContent":["import * as React from \"react\"\r\n\r\nimport { mergeProps } from \"@base-ui/react/merge-props\"\r\nimport { useRender } from \"@base-ui/react/use-render\"\r\nimport { cva, type VariantProps } from \"class-variance-authority\"\r\nimport { ArrowRightIcon } from \"lucide-react\"\r\n\r\nimport { cn } from \"@xploreu/lib/cn\"\r\n\r\nconst badgeGroupVariants = cva(\r\n  \"inline-flex items-center size-max whitespace-nowrap shrink-0 overflow-hidden transition-colors cursor-pointer group/badge-group gap-2\",\r\n  {\r\n    variants: {\r\n      theme: {\r\n        light: \"rounded-xp-full ring-1 ring-inset\",\r\n        modern: \"rounded-xp-card-base-md bg-bg-primary text-text-secondary ring-1 ring-inset ring-border-primary shadow-xp-xs hover:bg-bg-secondary\",\r\n      },\r\n      color: {\r\n        brand: \"\",\r\n        gray: \"\",\r\n        error: \"\",\r\n        warning: \"\",\r\n        success: \"\",\r\n      },\r\n      size: {\r\n        md: \"text-body-medium-3\",\r\n        lg: \"text-body-medium-2\",\r\n      },\r\n      align: {\r\n        leading: \"\",\r\n        trailing: \"\",\r\n      },\r\n    },\r\n    compoundVariants: [\r\n      // Light theme colors\r\n      {\r\n        theme: \"light\",\r\n        color: \"brand\",\r\n        className: \"bg-utility-brand-50 text-utility-brand-700 ring-utility-brand-200 hover:bg-utility-brand-100\",\r\n      },\r\n      {\r\n        theme: \"light\",\r\n        color: \"gray\",\r\n        className: \"bg-utility-gray-50 text-utility-gray-700 ring-utility-gray-200 hover:bg-utility-gray-100\",\r\n      },\r\n      {\r\n        theme: \"light\",\r\n        color: \"error\",\r\n        className: \"bg-utility-error-50 text-utility-error-700 ring-utility-error-200 hover:bg-utility-error-100\",\r\n      },\r\n      {\r\n        theme: \"light\",\r\n        color: \"warning\",\r\n        className: \"bg-utility-warning-50 text-utility-warning-700 ring-utility-warning-200 hover:bg-utility-warning-100\",\r\n      },\r\n      {\r\n        theme: \"light\",\r\n        color: \"success\",\r\n        className: \"bg-utility-success-50 text-utility-success-700 ring-utility-success-200 hover:bg-utility-success-100\",\r\n      },\r\n\r\n      // Size & Align combinations (Root padding matching exact Figma values)\r\n      // Leading: Addon on the left\r\n      {\r\n        align: \"leading\",\r\n        size: \"md\",\r\n        className: \"py-1 pl-1 pr-2\",\r\n      },\r\n      {\r\n        align: \"leading\",\r\n        size: \"lg\",\r\n        className: \"py-1 pl-1 pr-2.5\",\r\n      },\r\n      // Trailing: Addon on the right\r\n      {\r\n        align: \"trailing\",\r\n        size: \"md\",\r\n        className: \"py-1 pl-2 pr-1\",\r\n      },\r\n      {\r\n        align: \"trailing\",\r\n        size: \"lg\",\r\n        className: \"py-1 pl-2.5 pr-1\",\r\n      },\r\n    ],\r\n    defaultVariants: {\r\n      theme: \"light\",\r\n      color: \"brand\",\r\n      size: \"md\",\r\n      align: \"leading\",\r\n    },\r\n  }\r\n)\r\n\r\nconst badgeGroupContext = React.createContext<{\r\n  theme: \"light\" | \"modern\"\r\n  color: \"brand\" | \"gray\" | \"error\" | \"warning\" | \"success\"\r\n  size: \"md\" | \"lg\"\r\n}>({\r\n  theme: \"light\",\r\n  color: \"brand\",\r\n  size: \"md\",\r\n})\r\n\r\nexport interface BadgeGroupProps\r\n  extends Omit<React.ComponentProps<\"div\">, \"color\">,\r\n  VariantProps<typeof badgeGroupVariants> {\r\n}\r\n\r\nfunction BadgeGroup({\r\n  className,\r\n  theme = \"light\",\r\n  color = \"brand\",\r\n  size = \"md\",\r\n  align = \"leading\",\r\n  render,\r\n  children,\r\n  ...props\r\n}: BadgeGroupProps & useRender.ComponentProps<\"div\">) {\r\n  const defaultProps = {\r\n    \"data-slot\": \"badge-group\",\r\n    \"data-theme\": theme,\r\n    \"data-color\": color,\r\n    \"data-size\": size,\r\n    \"data-align\": align,\r\n    className: cn(badgeGroupVariants({ theme, color, size, align }), className),\r\n    children,\r\n  }\r\n\r\n  return (\r\n    <badgeGroupContext.Provider value={{ theme: theme ?? \"light\", color: color ?? \"brand\", size: size ?? \"md\" }}>\r\n      {useRender({\r\n        defaultTagName: \"div\",\r\n        props: mergeProps(defaultProps, props),\r\n        render,\r\n        state: {\r\n          slot: \"badge-group\",\r\n          theme,\r\n          color,\r\n          size,\r\n          align,\r\n        },\r\n      })}\r\n    </badgeGroupContext.Provider>\r\n  )\r\n}\r\n\r\nexport interface BadgeGroupAddonProps extends React.ComponentProps<\"span\"> {\r\n  children?: React.ReactNode\r\n}\r\n\r\nfunction BadgeGroupAddon({\r\n  className,\r\n  children,\r\n  ...props\r\n}: BadgeGroupAddonProps) {\r\n  const { theme, color, size } = React.useContext(badgeGroupContext)\r\n\r\n  const colorAddonMap: Record<string, string> = {\r\n    brand: \"ring-utility-brand-200 text-utility-brand-700\",\r\n    gray: \"ring-utility-gray-200 text-utility-gray-700\",\r\n    error: \"ring-utility-error-200 text-utility-error-700\",\r\n    warning: \"ring-utility-warning-200 text-utility-warning-700\",\r\n    success: \"ring-utility-success-200 text-utility-success-700\",\r\n  }\r\n\r\n  const addonClasses = cn(\r\n    \"inline-flex items-center justify-center font-medium shrink-0\",\r\n    theme === \"light\" && [\r\n      \"rounded-xp-full bg-bg-primary ring-1 ring-inset\",\r\n      colorAddonMap[color] || colorAddonMap.brand,\r\n      size === \"md\" ? \"px-2 py-0.5\" : \"px-2.5 py-0.5\",\r\n    ],\r\n    theme === \"modern\" && [\r\n      \"rounded-xp-card-base-sm bg-bg-primary shadow-xp-xs ring-1 ring-inset ring-border-primary text-text-secondary\",\r\n      size === \"md\" ? \"gap-1 px-1.5 py-0.5\" : \"gap-1.5 px-2 py-0.5\",\r\n    ],\r\n    className\r\n  )\r\n\r\n  return (\r\n    <span data-slot=\"badge-group-addon\" className={addonClasses} {...props}>\r\n      {children}\r\n    </span>\r\n  )\r\n}\r\n\r\nexport interface BadgeGroupIconProps extends React.ComponentProps<\"span\"> {\r\n  children?: React.ReactNode\r\n}\r\n\r\nfunction BadgeGroupIcon({\r\n  className,\r\n  children = <ArrowRightIcon />,\r\n  ...props\r\n}: BadgeGroupIconProps) {\r\n  const { color } = React.useContext(badgeGroupContext)\r\n\r\n  const iconColorMap: Record<string, string> = {\r\n    brand: \"text-utility-brand-500\",\r\n    gray: \"text-utility-gray-500\",\r\n    error: \"text-utility-error-500\",\r\n    warning: \"text-utility-warning-500\",\r\n    success: \"text-utility-success-500\",\r\n  }\r\n\r\n  return (\r\n    <span\r\n      data-slot=\"badge-group-icon\"\r\n      className={cn(\r\n        \"inline-flex items-center justify-center shrink-0 [&>svg]:size-4 [&>svg]:stroke-[2px] pointer-events-none transition-transform group-hover/badge-group:translate-x-0.5\",\r\n        iconColorMap[color] || iconColorMap.brand,\r\n        className\r\n      )}\r\n      {...props}\r\n    >\r\n      {children}\r\n    </span>\r\n  )\r\n}\r\n\r\nexport interface BadgeGroupDotProps extends React.ComponentProps<\"span\"> {\r\n}\r\n\r\nfunction BadgeGroupDot({\r\n  className,\r\n  ...props\r\n}: BadgeGroupDotProps) {\r\n  const { color } = React.useContext(badgeGroupContext)\r\n\r\n  const dotColorMap: Record<string, string> = {\r\n    brand: \"bg-utility-brand-500 outline-utility-brand-100\",\r\n    gray: \"bg-utility-gray-500 outline-utility-gray-100\",\r\n    error: \"bg-utility-error-500 outline-utility-error-100\",\r\n    warning: \"bg-utility-warning-500 outline-utility-warning-100\",\r\n    success: \"bg-utility-success-500 outline-utility-success-100\",\r\n  }\r\n\r\n  return (\r\n    <span\r\n      data-slot=\"badge-group-dot\"\r\n      className={cn(\r\n        \"inline-block size-1.5 shrink-0 rounded-xp-full outline-2 -outline-offset-1\",\r\n        dotColorMap[color] || dotColorMap.brand,\r\n        className\r\n      )}\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\nexport {\r\n  BadgeGroup,\r\n  BadgeGroupAddon,\r\n  BadgeGroupIcon,\r\n  BadgeGroupDot,\r\n  badgeGroupVariants,\r\n}\r\n"]}
+{"version":3,"sources":["../src/ui/badge-group.tsx"],"names":["badgeGroupVariants","cva","badgeGroupContext","BadgeGroup","className","theme","color","size","align","render","children","props","defaultProps","cn","jsx","useRender","mergeProps","BadgeGroupAddon","colorAddonMap","addonClasses","BadgeGroupIcon","ArrowRightIcon","iconColorMap","BadgeGroupDot","dotColorMap"],"mappings":"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","file":"chunk-GUQAFHTY.js","sourcesContent":["import * as React from \"react\"\r\n\r\nimport { mergeProps } from \"@base-ui/react/merge-props\"\r\nimport { useRender } from \"@base-ui/react/use-render\"\r\nimport { cva, type VariantProps } from \"class-variance-authority\"\r\nimport { ArrowRightIcon } from \"lucide-react\"\r\n\r\nimport { cn } from \"@xploreu/lib/cn\"\r\n\r\nconst badgeGroupVariants = cva(\r\n  \"inline-flex items-center size-max whitespace-nowrap shrink-0 overflow-hidden transition-colors cursor-pointer group/badge-group gap-2\",\r\n  {\r\n    variants: {\r\n      theme: {\r\n        light: \"rounded-xp-full ring-1 ring-inset\",\r\n        modern: \"rounded-xp-card-base-md bg-bg-primary text-text-secondary ring-1 ring-inset ring-border-primary shadow-xp-xs hover:bg-bg-secondary\",\r\n      },\r\n      color: {\r\n        brand: \"\",\r\n        gray: \"\",\r\n        error: \"\",\r\n        warning: \"\",\r\n        success: \"\",\r\n      },\r\n      size: {\r\n        md: \"text-body-medium-3\",\r\n        lg: \"text-body-medium-2\",\r\n      },\r\n      align: {\r\n        leading: \"\",\r\n        trailing: \"\",\r\n      },\r\n    },\r\n    compoundVariants: [\r\n      // Light theme colors\r\n      {\r\n        theme: \"light\",\r\n        color: \"brand\",\r\n        className: \"bg-utility-brand-50 text-utility-brand-700 ring-utility-brand-200 hover:bg-utility-brand-100\",\r\n      },\r\n      {\r\n        theme: \"light\",\r\n        color: \"gray\",\r\n        className: \"bg-utility-gray-50 text-utility-gray-700 ring-utility-gray-200 hover:bg-utility-gray-100\",\r\n      },\r\n      {\r\n        theme: \"light\",\r\n        color: \"error\",\r\n        className: \"bg-utility-error-50 text-utility-error-700 ring-utility-error-200 hover:bg-utility-error-100\",\r\n      },\r\n      {\r\n        theme: \"light\",\r\n        color: \"warning\",\r\n        className: \"bg-utility-warning-50 text-utility-warning-700 ring-utility-warning-200 hover:bg-utility-warning-100\",\r\n      },\r\n      {\r\n        theme: \"light\",\r\n        color: \"success\",\r\n        className: \"bg-utility-success-50 text-utility-success-700 ring-utility-success-200 hover:bg-utility-success-100\",\r\n      },\r\n\r\n      // Size & Align combinations (Root padding matching exact Figma values)\r\n      // Leading: Addon on the left\r\n      {\r\n        align: \"leading\",\r\n        size: \"md\",\r\n        className: \"py-1 pl-1 pr-2\",\r\n      },\r\n      {\r\n        align: \"leading\",\r\n        size: \"lg\",\r\n        className: \"py-1 pl-1 pr-2.5\",\r\n      },\r\n      // Trailing: Addon on the right\r\n      {\r\n        align: \"trailing\",\r\n        size: \"md\",\r\n        className: \"py-1 pl-2 pr-1\",\r\n      },\r\n      {\r\n        align: \"trailing\",\r\n        size: \"lg\",\r\n        className: \"py-1 pl-2.5 pr-1\",\r\n      },\r\n    ],\r\n    defaultVariants: {\r\n      theme: \"light\",\r\n      color: \"brand\",\r\n      size: \"md\",\r\n      align: \"leading\",\r\n    },\r\n  }\r\n)\r\n\r\nconst badgeGroupContext = React.createContext<{\r\n  theme: \"light\" | \"modern\"\r\n  color: \"brand\" | \"gray\" | \"error\" | \"warning\" | \"success\"\r\n  size: \"md\" | \"lg\"\r\n}>({\r\n  theme: \"light\",\r\n  color: \"brand\",\r\n  size: \"md\",\r\n})\r\n\r\nexport interface BadgeGroupProps\r\n  extends Omit<React.ComponentProps<\"div\">, \"color\">,\r\n  VariantProps<typeof badgeGroupVariants> {\r\n}\r\n\r\nfunction BadgeGroup({\r\n  className,\r\n  theme = \"light\",\r\n  color = \"brand\",\r\n  size = \"md\",\r\n  align = \"leading\",\r\n  render,\r\n  children,\r\n  ...props\r\n}: BadgeGroupProps & useRender.ComponentProps<\"div\">) {\r\n  const defaultProps = {\r\n    \"data-slot\": \"badge-group\",\r\n    \"data-theme\": theme,\r\n    \"data-color\": color,\r\n    \"data-size\": size,\r\n    \"data-align\": align,\r\n    className: cn(badgeGroupVariants({ theme, color, size, align }), className),\r\n    children,\r\n  }\r\n\r\n  return (\r\n    <badgeGroupContext.Provider value={{ theme: theme ?? \"light\", color: color ?? \"brand\", size: size ?? \"md\" }}>\r\n      {useRender({\r\n        defaultTagName: \"div\",\r\n        props: mergeProps(defaultProps, props),\r\n        render,\r\n        state: {\r\n          slot: \"badge-group\",\r\n          theme,\r\n          color,\r\n          size,\r\n          align,\r\n        },\r\n      })}\r\n    </badgeGroupContext.Provider>\r\n  )\r\n}\r\n\r\nexport interface BadgeGroupAddonProps extends React.ComponentProps<\"span\"> {\r\n  children?: React.ReactNode\r\n}\r\n\r\nfunction BadgeGroupAddon({\r\n  className,\r\n  children,\r\n  ...props\r\n}: BadgeGroupAddonProps) {\r\n  const { theme, color, size } = React.useContext(badgeGroupContext)\r\n\r\n  const colorAddonMap: Record<string, string> = {\r\n    brand: \"ring-utility-brand-200 text-utility-brand-700\",\r\n    gray: \"ring-utility-gray-200 text-utility-gray-700\",\r\n    error: \"ring-utility-error-200 text-utility-error-700\",\r\n    warning: \"ring-utility-warning-200 text-utility-warning-700\",\r\n    success: \"ring-utility-success-200 text-utility-success-700\",\r\n  }\r\n\r\n  const addonClasses = cn(\r\n    \"inline-flex items-center justify-center font-medium shrink-0\",\r\n    theme === \"light\" && [\r\n      \"rounded-xp-full bg-bg-primary ring-1 ring-inset\",\r\n      colorAddonMap[color] || colorAddonMap.brand,\r\n      size === \"md\" ? \"px-2 py-0.5\" : \"px-2.5 py-0.5\",\r\n    ],\r\n    theme === \"modern\" && [\r\n      \"rounded-xp-card-base-sm bg-bg-primary shadow-xp-xs ring-1 ring-inset ring-border-primary text-text-secondary\",\r\n      size === \"md\" ? \"gap-1 px-1.5 py-0.5\" : \"gap-1.5 px-2 py-0.5\",\r\n    ],\r\n    className\r\n  )\r\n\r\n  return (\r\n    <span data-slot=\"badge-group-addon\" className={addonClasses} {...props}>\r\n      {children}\r\n    </span>\r\n  )\r\n}\r\n\r\nexport interface BadgeGroupIconProps extends React.ComponentProps<\"span\"> {\r\n  children?: React.ReactNode\r\n}\r\n\r\nfunction BadgeGroupIcon({\r\n  className,\r\n  children = <ArrowRightIcon />,\r\n  ...props\r\n}: BadgeGroupIconProps) {\r\n  const { color } = React.useContext(badgeGroupContext)\r\n\r\n  const iconColorMap: Record<string, string> = {\r\n    brand: \"text-utility-brand-500\",\r\n    gray: \"text-utility-gray-500\",\r\n    error: \"text-utility-error-500\",\r\n    warning: \"text-utility-warning-500\",\r\n    success: \"text-utility-success-500\",\r\n  }\r\n\r\n  return (\r\n    <span\r\n      data-slot=\"badge-group-icon\"\r\n      className={cn(\r\n        \"inline-flex items-center justify-center shrink-0 [&>svg]:size-4 [&>svg]:stroke-[2px] pointer-events-none transition-transform group-hover/badge-group:translate-x-0.5\",\r\n        iconColorMap[color] || iconColorMap.brand,\r\n        className\r\n      )}\r\n      {...props}\r\n    >\r\n      {children}\r\n    </span>\r\n  )\r\n}\r\n\r\nexport interface BadgeGroupDotProps extends React.ComponentProps<\"span\"> {\r\n}\r\n\r\nfunction BadgeGroupDot({\r\n  className,\r\n  ...props\r\n}: BadgeGroupDotProps) {\r\n  const { color } = React.useContext(badgeGroupContext)\r\n\r\n  const dotColorMap: Record<string, string> = {\r\n    brand: \"bg-utility-brand-500 outline-utility-brand-100\",\r\n    gray: \"bg-utility-gray-500 outline-utility-gray-100\",\r\n    error: \"bg-utility-error-500 outline-utility-error-100\",\r\n    warning: \"bg-utility-warning-500 outline-utility-warning-100\",\r\n    success: \"bg-utility-success-500 outline-utility-success-100\",\r\n  }\r\n\r\n  return (\r\n    <span\r\n      data-slot=\"badge-group-dot\"\r\n      className={cn(\r\n        \"inline-block size-1.5 shrink-0 rounded-xp-full outline-2 -outline-offset-1\",\r\n        dotColorMap[color] || dotColorMap.brand,\r\n        className\r\n      )}\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\nexport {\r\n  BadgeGroup,\r\n  BadgeGroupAddon,\r\n  BadgeGroupIcon,\r\n  BadgeGroupDot,\r\n  badgeGroupVariants,\r\n}\r\n"]}

package/dist/chunk-HVR2PWQX.js

@@ -0,0 +1,2 @@
+import'react';import {Avatar}from'@base-ui/react/avatar';import {jsx}from'react/jsx-runtime';function p(a){return jsx(Avatar.Root,{"data-slot":"avatar",...a})}function v(a){return jsx(Avatar.Image,{"data-slot":"avatar-image",...a})}function i(a){return jsx(Avatar.Fallback,{"data-slot":"avatar-fallback",...a})}export{p as a,v as b,i as c};//# sourceMappingURL=chunk-HVR2PWQX.js.map
+//# sourceMappingURL=chunk-HVR2PWQX.js.map

package/dist/chunk-HVR2PWQX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/primitives/avatar.tsx"],"names":["Avatar","props","jsx","AvatarPrimitive","AvatarImage","AvatarFallback"],"mappings":"6FAOA,SAASA,CAAAA,CAAOC,CAAAA,CAAoB,CAClC,OAAOC,GAAAA,CAACC,MAAAA,CAAgB,IAAA,CAAhB,CAAqB,WAAA,CAAU,SAAU,GAAGF,CAAAA,CAAO,CAC7D,CAIA,SAASG,CAAAA,CAAYH,EAAyB,CAC5C,OAAOC,GAAAA,CAACC,MAAAA,CAAgB,KAAA,CAAhB,CAAsB,YAAU,cAAA,CAAgB,GAAGF,CAAAA,CAAO,CACpE,CAIA,SAASI,EAAeJ,CAAAA,CAA4B,CAClD,OAAOC,GAAAA,CAACC,MAAAA,CAAgB,QAAA,CAAhB,CAAyB,WAAA,CAAU,iBAAA,CAAmB,GAAGF,CAAAA,CAAO,CAC1E","file":"chunk-HVR2PWQX.js","sourcesContent":["'use client';\r\n\r\nimport * as React from 'react';\r\nimport { Avatar as AvatarPrimitive } from '@base-ui/react/avatar';\r\n\r\ntype AvatarProps = React.ComponentProps<typeof AvatarPrimitive.Root>;\r\n\r\nfunction Avatar(props: AvatarProps) {\r\n  return <AvatarPrimitive.Root data-slot=\"avatar\" {...props} />;\r\n}\r\n\r\ntype AvatarImageProps = React.ComponentProps<typeof AvatarPrimitive.Image>;\r\n\r\nfunction AvatarImage(props: AvatarImageProps) {\r\n  return <AvatarPrimitive.Image data-slot=\"avatar-image\" {...props} />;\r\n}\r\n\r\ntype AvatarFallbackProps = React.ComponentProps<typeof AvatarPrimitive.Fallback>;\r\n\r\nfunction AvatarFallback(props: AvatarFallbackProps) {\r\n  return <AvatarPrimitive.Fallback data-slot=\"avatar-fallback\" {...props} />;\r\n}\r\n\r\nexport {\r\n  Avatar,\r\n  AvatarImage,\r\n  AvatarFallback,\r\n  type AvatarProps,\r\n  type AvatarImageProps,\r\n  type AvatarFallbackProps,\r\n};\r\n"]}

package/dist/{chunk-F2QUDOBO.js → chunk-IF2CKGBN.js}

@@ -1,2 +1,2 @@
-import {a,b,i,m,s,w}from'./chunk-GNQKITNA.js';import*as l from'react';import {ChevronDownIcon,ChevronLeftIcon,ChevronRightIcon}from'lucide-react';import {cn}from'@xploreu/lib/cn';import {jsxs,Fragment,jsx}from'react/jsx-runtime';function j({page:r,pageSize:a$1,total:i$1,onPageChange:b$1,onPageSizeChange:n,pageSizeOptions:m$1=[10,20,50,100],showPageSize:c=true,showRange:d=true,className:C,...N}){let u=Math.max(1,Math.ceil(i$1/a$1)),h=i$1===0?0:(r-1)*a$1+1,P=Math.min(r*a$1,i$1),s$1=l.useMemo(()=>m$1.map(e=>({label:String(e),value:e})),[m$1]),I=l.useMemo(()=>s$1.find(e=>e.value===a$1)??s$1[0],[s$1,a$1]);return jsxs("div",{className:cn("flex w-full flex-col-reverse gap-3 mt-4 sm:flex-row sm:items-center sm:justify-between border-t border-border-primary pt-3 text-body-regular-2 text-text-secondary",C),"data-slot":"pagination",...N,children:[jsxs("div",{className:"flex items-center gap-2",children:[c&&n&&jsxs(Fragment,{children:[jsx("span",{className:"text-label-regular-3 text-text-tertiary",children:"Rows per page"}),jsxs(a,{items:s$1,value:I,onValueChange:e=>{e&&n&&n(e.value);},isItemEqualToValue:(e,w)=>e.value===w.value,children:[jsxs(b,{className:"h-8 gap-2 rounded-lg border border-border-primary bg-bg-primary px-3 text-label-semibold-3 text-text-primary hover:bg-bg-secondary focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-border-brand-primary","aria-label":"Rows per page",children:[jsx(i,{children:e=>e?e.label:String(a$1)}),jsx(ChevronDownIcon,{className:"size-3.5 text-text-tertiary"})]}),jsx(m,{className:"w-24",children:jsx(s,{children:s$1.map(e=>jsx(w,{value:e,children:e.label},e.value))})})]})]}),c&&d&&jsx("span",{className:"text-text-tertiary",children:"\xB7"}),d&&jsxs("span",{className:"text-label-regular-3 text-text-tertiary",children:[h,"\u2013",P," of ",i$1]})]}),jsxs("div",{className:"flex items-center gap-1",children:[jsx("button",{type:"button",disabled:r<=1,onClick:()=>b$1(r-1),className:"inline-flex size-8 cursor-pointer items-center justify-center rounded-lg border border-border-primary bg-bg-primary text-text-secondary transition-colors hover:bg-bg-secondary hover:text-text-primary disabled:cursor-not-allowed disabled:opacity-40","aria-label":"Previous page",children:jsx(ChevronLeftIcon,{className:"size-4"})}),jsxs("span",{className:"px-2 text-label-semibold-3 text-text-primary",children:["Page ",r," / ",u]}),jsx("button",{type:"button",disabled:r>=u,onClick:()=>b$1(r+1),className:"inline-flex size-8 cursor-pointer items-center justify-center rounded-lg border border-border-primary bg-bg-primary text-text-secondary transition-colors hover:bg-bg-secondary hover:text-text-primary disabled:cursor-not-allowed disabled:opacity-40","aria-label":"Next page",children:jsx(ChevronRightIcon,{className:"size-4"})})]})]})}export{j as a};//# sourceMappingURL=chunk-F2QUDOBO.js.map
-//# sourceMappingURL=chunk-F2QUDOBO.js.map
+import {a,b,i,m,s,w}from'./chunk-DUSAF7E7.js';import*as l from'react';import {ChevronDownIcon,ChevronLeftIcon,ChevronRightIcon}from'lucide-react';import {cn}from'@xploreu/lib/cn';import {jsxs,Fragment,jsx}from'react/jsx-runtime';function j({page:r,pageSize:a$1,total:i$1,onPageChange:b$1,onPageSizeChange:n,pageSizeOptions:m$1=[10,20,50,100],showPageSize:c=true,showRange:d=true,className:C,...N}){let u=Math.max(1,Math.ceil(i$1/a$1)),h=i$1===0?0:(r-1)*a$1+1,P=Math.min(r*a$1,i$1),s$1=l.useMemo(()=>m$1.map(e=>({label:String(e),value:e})),[m$1]),I=l.useMemo(()=>s$1.find(e=>e.value===a$1)??s$1[0],[s$1,a$1]);return jsxs("div",{className:cn("flex w-full flex-col-reverse gap-3 mt-4 sm:flex-row sm:items-center sm:justify-between border-t border-border-primary pt-3 text-body-regular-2 text-text-secondary",C),"data-slot":"pagination",...N,children:[jsxs("div",{className:"flex items-center gap-2",children:[c&&n&&jsxs(Fragment,{children:[jsx("span",{className:"text-label-regular-3 text-text-tertiary",children:"Rows per page"}),jsxs(a,{items:s$1,value:I,onValueChange:e=>{e&&n&&n(e.value);},isItemEqualToValue:(e,w)=>e.value===w.value,children:[jsxs(b,{className:"h-8 gap-2 rounded-lg border border-border-primary bg-bg-primary px-3 text-label-semibold-3 text-text-primary hover:bg-bg-secondary focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-border-brand-primary","aria-label":"Rows per page",children:[jsx(i,{children:e=>e?e.label:String(a$1)}),jsx(ChevronDownIcon,{className:"size-3.5 text-text-tertiary"})]}),jsx(m,{className:"w-24",children:jsx(s,{children:s$1.map(e=>jsx(w,{value:e,children:e.label},e.value))})})]})]}),c&&d&&jsx("span",{className:"text-text-tertiary",children:"\xB7"}),d&&jsxs("span",{className:"text-label-regular-3 text-text-tertiary",children:[h,"\u2013",P," of ",i$1]})]}),jsxs("div",{className:"flex items-center gap-1",children:[jsx("button",{type:"button",disabled:r<=1,onClick:()=>b$1(r-1),className:"inline-flex size-8 cursor-pointer items-center justify-center rounded-lg border border-border-primary bg-bg-primary text-text-secondary transition-colors hover:bg-bg-secondary hover:text-text-primary disabled:cursor-not-allowed disabled:opacity-40","aria-label":"Previous page",children:jsx(ChevronLeftIcon,{className:"size-4"})}),jsxs("span",{className:"px-2 text-label-semibold-3 text-text-primary",children:["Page ",r," / ",u]}),jsx("button",{type:"button",disabled:r>=u,onClick:()=>b$1(r+1),className:"inline-flex size-8 cursor-pointer items-center justify-center rounded-lg border border-border-primary bg-bg-primary text-text-secondary transition-colors hover:bg-bg-secondary hover:text-text-primary disabled:cursor-not-allowed disabled:opacity-40","aria-label":"Next page",children:jsx(ChevronRightIcon,{className:"size-4"})})]})]})}export{j as a};//# sourceMappingURL=chunk-IF2CKGBN.js.map
+//# sourceMappingURL=chunk-IF2CKGBN.js.map

package/dist/{chunk-F2QUDOBO.js.map → chunk-IF2CKGBN.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/ui/pagination.tsx"],"names":["Pagination","page","pageSize","total","onPageChange","onPageSizeChange","pageSizeOptions","showPageSize","showRange","className","props","totalPages","startItem","endItem","items","opt","selectedItem","item","jsxs","cn","Fragment","jsx","Combobox","a","b","ComboboxTrigger","ComboboxValue","val","ChevronDownIcon","ComboboxPopup","ComboboxList","ComboboxItem","ChevronLeftIcon","ChevronRightIcon"],"mappings":"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","file":"chunk-F2QUDOBO.js","sourcesContent":["import * as React from \"react\"\r\nimport { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from \"lucide-react\"\r\n\r\nimport { cn } from \"@xploreu/lib/cn\"\r\nimport {\r\n  Combobox,\r\n  ComboboxItem,\r\n  ComboboxList,\r\n  ComboboxPopup,\r\n  ComboboxTrigger,\r\n  ComboboxValue,\r\n} from \"./combobox\"\r\n\r\nexport interface PaginationProps extends React.ComponentProps<\"div\"> {\r\n  page: number\r\n  pageSize: number\r\n  total: number\r\n  onPageChange: (page: number) => void\r\n  onPageSizeChange?: (pageSize: number) => void\r\n  pageSizeOptions?: number[]\r\n  showPageSize?: boolean\r\n  showRange?: boolean\r\n}\r\n\r\ntype PageSizeOptionItem = {\r\n  label: string\r\n  value: number\r\n}\r\n\r\nexport function Pagination({\r\n  page,\r\n  pageSize,\r\n  total,\r\n  onPageChange,\r\n  onPageSizeChange,\r\n  pageSizeOptions = [10, 20, 50, 100],\r\n  showPageSize = true,\r\n  showRange = true,\r\n  className,\r\n  ...props\r\n}: PaginationProps) {\r\n  const totalPages = Math.max(1, Math.ceil(total / pageSize))\r\n  const startItem = total === 0 ? 0 : (page - 1) * pageSize + 1\r\n  const endItem = Math.min(page * pageSize, total)\r\n\r\n  const items: PageSizeOptionItem[] = React.useMemo(\r\n    () => pageSizeOptions.map((opt) => ({ label: String(opt), value: opt })),\r\n    [pageSizeOptions]\r\n  )\r\n\r\n  const selectedItem = React.useMemo(\r\n    () => items.find((item) => item.value === pageSize) ?? items[0],\r\n    [items, pageSize]\r\n  )\r\n\r\n  return (\r\n    <div\r\n      className={cn(\r\n        \"flex w-full flex-col-reverse gap-3 mt-4 sm:flex-row sm:items-center sm:justify-between border-t border-border-primary pt-3 text-body-regular-2 text-text-secondary\",\r\n        className\r\n      )}\r\n      data-slot=\"pagination\"\r\n      {...props}\r\n    >\r\n      {/* Left: Rows per page & range */}\r\n      <div className=\"flex items-center gap-2\">\r\n        {showPageSize && onPageSizeChange && (\r\n          <>\r\n            <span className=\"text-label-regular-3 text-text-tertiary\">\r\n              Rows per page\r\n            </span>\r\n            <Combobox<PageSizeOptionItem>\r\n              items={items}\r\n              value={selectedItem}\r\n              onValueChange={(item) => {\r\n                if (item && onPageSizeChange) {\r\n                  onPageSizeChange(item.value)\r\n                }\r\n              }}\r\n              isItemEqualToValue={(a, b) => a.value === b.value}\r\n            >\r\n              <ComboboxTrigger\r\n                className=\"h-8 gap-2 rounded-lg border border-border-primary bg-bg-primary px-3 text-label-semibold-3 text-text-primary hover:bg-bg-secondary focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-border-brand-primary\"\r\n                aria-label=\"Rows per page\"\r\n              >\r\n                <ComboboxValue>\r\n                  {(val) => (val ? val.label : String(pageSize))}\r\n                </ComboboxValue>\r\n                <ChevronDownIcon className=\"size-3.5 text-text-tertiary\" />\r\n              </ComboboxTrigger>\r\n\r\n              <ComboboxPopup className=\"w-24\">\r\n                <ComboboxList>\r\n                  {items.map((item) => (\r\n                    <ComboboxItem\r\n                      key={item.value}\r\n                      value={item}\r\n                    >\r\n                      {item.label}\r\n                    </ComboboxItem>\r\n                  ))}\r\n                </ComboboxList>\r\n              </ComboboxPopup>\r\n            </Combobox>\r\n          </>\r\n        )}\r\n\r\n        {showPageSize && showRange && (\r\n          <span className=\"text-text-tertiary\">·</span>\r\n        )}\r\n\r\n        {showRange && (\r\n          <span className=\"text-label-regular-3 text-text-tertiary\">\r\n            {startItem}–{endItem} of {total}\r\n          </span>\r\n        )}\r\n      </div>\r\n\r\n      {/* Right: Page controls */}\r\n      <div className=\"flex items-center gap-1\">\r\n        <button\r\n          type=\"button\"\r\n          disabled={page <= 1}\r\n          onClick={() => onPageChange(page - 1)}\r\n          className=\"inline-flex size-8 cursor-pointer items-center justify-center rounded-lg border border-border-primary bg-bg-primary text-text-secondary transition-colors hover:bg-bg-secondary hover:text-text-primary disabled:cursor-not-allowed disabled:opacity-40\"\r\n          aria-label=\"Previous page\"\r\n        >\r\n          <ChevronLeftIcon className=\"size-4\" />\r\n        </button>\r\n\r\n        <span className=\"px-2 text-label-semibold-3 text-text-primary\">\r\n          Page {page} / {totalPages}\r\n        </span>\r\n\r\n        <button\r\n          type=\"button\"\r\n          disabled={page >= totalPages}\r\n          onClick={() => onPageChange(page + 1)}\r\n          className=\"inline-flex size-8 cursor-pointer items-center justify-center rounded-lg border border-border-primary bg-bg-primary text-text-secondary transition-colors hover:bg-bg-secondary hover:text-text-primary disabled:cursor-not-allowed disabled:opacity-40\"\r\n          aria-label=\"Next page\"\r\n        >\r\n          <ChevronRightIcon className=\"size-4\" />\r\n        </button>\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n"]}
+{"version":3,"sources":["../src/ui/pagination.tsx"],"names":["Pagination","page","pageSize","total","onPageChange","onPageSizeChange","pageSizeOptions","showPageSize","showRange","className","props","totalPages","startItem","endItem","items","opt","selectedItem","item","jsxs","cn","Fragment","jsx","Combobox","a","b","ComboboxTrigger","ComboboxValue","val","ChevronDownIcon","ComboboxPopup","ComboboxList","ComboboxItem","ChevronLeftIcon","ChevronRightIcon"],"mappings":"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","file":"chunk-IF2CKGBN.js","sourcesContent":["import * as React from \"react\"\r\nimport { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from \"lucide-react\"\r\n\r\nimport { cn } from \"@xploreu/lib/cn\"\r\nimport {\r\n  Combobox,\r\n  ComboboxItem,\r\n  ComboboxList,\r\n  ComboboxPopup,\r\n  ComboboxTrigger,\r\n  ComboboxValue,\r\n} from \"./combobox\"\r\n\r\nexport interface PaginationProps extends React.ComponentProps<\"div\"> {\r\n  page: number\r\n  pageSize: number\r\n  total: number\r\n  onPageChange: (page: number) => void\r\n  onPageSizeChange?: (pageSize: number) => void\r\n  pageSizeOptions?: number[]\r\n  showPageSize?: boolean\r\n  showRange?: boolean\r\n}\r\n\r\ntype PageSizeOptionItem = {\r\n  label: string\r\n  value: number\r\n}\r\n\r\nexport function Pagination({\r\n  page,\r\n  pageSize,\r\n  total,\r\n  onPageChange,\r\n  onPageSizeChange,\r\n  pageSizeOptions = [10, 20, 50, 100],\r\n  showPageSize = true,\r\n  showRange = true,\r\n  className,\r\n  ...props\r\n}: PaginationProps) {\r\n  const totalPages = Math.max(1, Math.ceil(total / pageSize))\r\n  const startItem = total === 0 ? 0 : (page - 1) * pageSize + 1\r\n  const endItem = Math.min(page * pageSize, total)\r\n\r\n  const items: PageSizeOptionItem[] = React.useMemo(\r\n    () => pageSizeOptions.map((opt) => ({ label: String(opt), value: opt })),\r\n    [pageSizeOptions]\r\n  )\r\n\r\n  const selectedItem = React.useMemo(\r\n    () => items.find((item) => item.value === pageSize) ?? items[0],\r\n    [items, pageSize]\r\n  )\r\n\r\n  return (\r\n    <div\r\n      className={cn(\r\n        \"flex w-full flex-col-reverse gap-3 mt-4 sm:flex-row sm:items-center sm:justify-between border-t border-border-primary pt-3 text-body-regular-2 text-text-secondary\",\r\n        className\r\n      )}\r\n      data-slot=\"pagination\"\r\n      {...props}\r\n    >\r\n      {/* Left: Rows per page & range */}\r\n      <div className=\"flex items-center gap-2\">\r\n        {showPageSize && onPageSizeChange && (\r\n          <>\r\n            <span className=\"text-label-regular-3 text-text-tertiary\">\r\n              Rows per page\r\n            </span>\r\n            <Combobox<PageSizeOptionItem>\r\n              items={items}\r\n              value={selectedItem}\r\n              onValueChange={(item) => {\r\n                if (item && onPageSizeChange) {\r\n                  onPageSizeChange(item.value)\r\n                }\r\n              }}\r\n              isItemEqualToValue={(a, b) => a.value === b.value}\r\n            >\r\n              <ComboboxTrigger\r\n                className=\"h-8 gap-2 rounded-lg border border-border-primary bg-bg-primary px-3 text-label-semibold-3 text-text-primary hover:bg-bg-secondary focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-border-brand-primary\"\r\n                aria-label=\"Rows per page\"\r\n              >\r\n                <ComboboxValue>\r\n                  {(val) => (val ? val.label : String(pageSize))}\r\n                </ComboboxValue>\r\n                <ChevronDownIcon className=\"size-3.5 text-text-tertiary\" />\r\n              </ComboboxTrigger>\r\n\r\n              <ComboboxPopup className=\"w-24\">\r\n                <ComboboxList>\r\n                  {items.map((item) => (\r\n                    <ComboboxItem\r\n                      key={item.value}\r\n                      value={item}\r\n                    >\r\n                      {item.label}\r\n                    </ComboboxItem>\r\n                  ))}\r\n                </ComboboxList>\r\n              </ComboboxPopup>\r\n            </Combobox>\r\n          </>\r\n        )}\r\n\r\n        {showPageSize && showRange && (\r\n          <span className=\"text-text-tertiary\">·</span>\r\n        )}\r\n\r\n        {showRange && (\r\n          <span className=\"text-label-regular-3 text-text-tertiary\">\r\n            {startItem}–{endItem} of {total}\r\n          </span>\r\n        )}\r\n      </div>\r\n\r\n      {/* Right: Page controls */}\r\n      <div className=\"flex items-center gap-1\">\r\n        <button\r\n          type=\"button\"\r\n          disabled={page <= 1}\r\n          onClick={() => onPageChange(page - 1)}\r\n          className=\"inline-flex size-8 cursor-pointer items-center justify-center rounded-lg border border-border-primary bg-bg-primary text-text-secondary transition-colors hover:bg-bg-secondary hover:text-text-primary disabled:cursor-not-allowed disabled:opacity-40\"\r\n          aria-label=\"Previous page\"\r\n        >\r\n          <ChevronLeftIcon className=\"size-4\" />\r\n        </button>\r\n\r\n        <span className=\"px-2 text-label-semibold-3 text-text-primary\">\r\n          Page {page} / {totalPages}\r\n        </span>\r\n\r\n        <button\r\n          type=\"button\"\r\n          disabled={page >= totalPages}\r\n          onClick={() => onPageChange(page + 1)}\r\n          className=\"inline-flex size-8 cursor-pointer items-center justify-center rounded-lg border border-border-primary bg-bg-primary text-text-secondary transition-colors hover:bg-bg-secondary hover:text-text-primary disabled:cursor-not-allowed disabled:opacity-40\"\r\n          aria-label=\"Next page\"\r\n        >\r\n          <ChevronRightIcon className=\"size-4\" />\r\n        </button>\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n"]}

package/dist/chunk-JONVMB6C.js

@@ -0,0 +1,2 @@
+import {a,j,i,k,l,m,q,s,w,A,x,H}from'./chunk-DUSAF7E7.js';import {f,g}from'./chunk-ZNZVX4PT.js';import {a as a$1}from'./chunk-JH6RZ3QH.js';import*as r from'react';import {cn}from'@xploreu/lib/cn';import {useControlledState}from'@xploreu/hooks/use-controlled-state';import {jsxs,jsx,Fragment}from'react/jsx-runtime';function $({multiple:G=true,inputPlaceholder:j$1="Search...",container:q$1,items:s$1,infiniteScroll:z,isPending:B,taggable:C=false,maxVisible:b,...m$1}){let[O,F]=useControlledState({value:m$1?.inputValue?.toString(),defaultValue:m$1?.defaultInputValue?.toString(),onChange:m$1?.onInputValueChange}),[i$1,g$1]=useControlledState({value:m$1?.value??[],defaultValue:m$1?.defaultValue??[],onChange:m$1?.onValueChange}),[I,V]=r.useState([]),p=r.useRef(new Set);r.useEffect(()=>{let e=new Set(i$1.map(a=>a.value));V(a=>{let l=a.filter(o=>e.has(o.value));return l.length===a.length?a:(p.current=new Set(l.map(o=>o.value)),l)});},[i$1]);let t=O?.toString().trim()??"",v=r.useMemo(()=>t?i$1.some(e=>e.value.toLowerCase()===t.toLowerCase()):false,[t,i$1]),c=r.useMemo(()=>!C||!t?false:!s$1?.some(e=>e.label.toLowerCase()===t.toLowerCase()),[C,t,s$1]),H$1=r.useMemo(()=>{let e=[...s$1??[],...I];return c?[...e,{label:t,value:t,tag:true}]:e},[s$1,I,c,t]);return jsxs(a,{...m$1,behavior:"chip-outside",multiple:true,items:C?H$1:s$1,isItemEqualToValue:(e,a)=>e.value===a.value,onValueChange:(e,a)=>{if(C){let l=e.filter(o=>o?.tag===true&&!p.current.has(o.value));if(l.length>0){for(let o of l)p.current.add(o.value);V(o=>[...o,...l]);}}g$1(G?e:[e[e.length-1]],a);},onInputValueChange:F,children:[jsx(f,{className:cn(a$1(),"h-auto min-h-13 flex flex-wrap items-center gap-1.5 px-3 py-1.5 cursor-text"),children:jsxs(j,{className:cn("contents",b!==void 0&&"flex-nowrap overflow-hidden"),children:[jsx(i,{children:e=>{let a=b!==void 0?e.slice(0,b):e,l$1=b!==void 0?e.length-b:0;return jsxs(Fragment,{children:[a?.map(o=>jsxs(k,{className:cn(b!==void 0&&"min-w-0 shrink"),children:[o?.image&&jsx("img",{src:o.image,alt:o?.label||"",className:"size-4 rounded-full object-cover shrink-0 mr-1"}),b!==void 0?jsx("span",{className:"truncate",children:o?.label||""}):o?.label||"",jsx(l,{})]},o?.value||"")),l$1>0&&jsxs(k,{className:"shrink-0",children:["+",l$1]})]})}}),jsx(g,{render:jsx("input",{className:"flex-1 min-w-[80px] bg-transparent outline-none text-body-regular-1 text-text-primary placeholder:text-text-placeholder",placeholder:i$1.length===0?j$1:void 0})})]})}),jsxs(m,{container:q$1,children:[jsx(q,{status:B||s$1===void 0?"pending":s$1?.length===0&&!c?"empty":null}),jsxs(s,{children:[s$1?.map(e=>jsxs(w,{value:e,children:[e.image!==void 0&&jsx(A,{src:e.image,fallbackText:[e.label?.[0],e.label?.split(" ")?.[1]?.[0]].filter(Boolean).join(""),imageAlt:e.label}),jsx(x,{children:e.label})]},e.value)),c&&jsxs(w,{value:{label:t,value:t,tag:true},children:[!v&&jsxs("span",{className:"text-text-secondary text-body-medium-3 col-start-2",children:["Create: ",t]}),v&&jsx(x,{children:t})]}),jsx(H,{...z})]})]})]})}export{$ as a};//# sourceMappingURL=chunk-JONVMB6C.js.map
+//# sourceMappingURL=chunk-JONVMB6C.js.map

package/dist/chunk-JONVMB6C.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/composites/combobox-chip.tsx"],"names":["ComboboxChip","multiple","inputPlaceholder","container","items","infiniteScroll","isPending","taggable","maxVisible","props","inputValue","setInputValue","useControlledState","value","setValue","createdItems","setCreatedItems","createdValuesRef","currentValues","v","prev","next","item","trimmedInput","isInputSelected","isCreatingItem","combinedItems","base","jsxs","Combobox","a","b","eventDetails","newTags","tag","jsx","ComboboxInputGroup","cn","inputVariants","ComboboxChips","ComboboxValue","visible","overflow","Fragment","ComboboxChipRemove","ComboboxInput","ComboboxPopup","ComboboxStatus","ComboboxList","ComboboxItem","ComboboxItemAvatar","ComboboxItemTitle","ComboboxInfiniteScroll"],"mappings":"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","file":"chunk-JONVMB6C.js","sourcesContent":["import * as React from \"react\"\r\n\r\nimport { cn } from \"@xploreu/lib/cn\"\r\nimport {\r\n  ComboboxInput as ComboboxInputPrimitive,\r\n  ComboboxInputGroup,\r\n} from \"../primitives/combobox\"\r\nimport {\r\n  Combobox,\r\n  ComboboxChip as ComboboxChipUI,\r\n  ComboboxChipRemove,\r\n  ComboboxChips,\r\n  ComboboxInfiniteScroll,\r\n  ComboboxItem,\r\n  ComboboxList,\r\n  ComboboxPortal,\r\n  ComboboxPopup,\r\n  ComboboxStatus,\r\n  ComboboxValue,\r\n  type ComboboxProps,\r\n  ComboboxItemTitle,\r\n  ComboboxItemAvatar\r\n} from \"../ui/combobox\"\r\nimport { useControlledState } from \"@xploreu/hooks/use-controlled-state\"\r\nimport { inputVariants } from \"../ui/input\"\r\n\r\ntype ComboboxChipProps<Value> = Omit<ComboboxProps<Value, true>, \"multiple\"> & {\r\n  multiple?: boolean\r\n  inputPlaceholder?: string\r\n  container?: React.ComponentProps<typeof ComboboxPortal>[\"container\"]\r\n  items: ({ label: string; value: string; image?: string; }[]) | undefined\r\n  infiniteScroll?: React.ComponentProps<typeof ComboboxInfiniteScroll>\r\n  isPending?: boolean\r\n  /**\r\n   * When true, enables creatable / taggable mode.\r\n   * If the typed value has no exact match in the current item list,\r\n   * a \"Create \\\"…\\\"\" option is shown at the top of the dropdown.\r\n   * Created items are appended to the value with `{ label, value, tag: true }`.\r\n   */\r\n  taggable?: boolean\r\n  /**\r\n   * Maximum number of chips to show before collapsing the rest into a \"+N\" chip.\r\n   * When undefined, all chips are shown.\r\n   */\r\n  maxVisible?: number\r\n}\r\n\r\nfunction ComboboxChip<Value extends { label: string; value: string; image?: string; tag?: true }>({\r\n  multiple = true,\r\n  inputPlaceholder = \"Search...\",\r\n  container,\r\n  items,\r\n  infiniteScroll,\r\n  isPending,\r\n  taggable = false,\r\n  maxVisible,\r\n  ...props\r\n}: ComboboxChipProps<Value>) {\r\n  const [inputValue, setInputValue] = useControlledState({\r\n    value: props?.inputValue?.toString(),\r\n    defaultValue: props?.defaultInputValue?.toString(),\r\n    onChange: props?.onInputValueChange,\r\n  })\r\n\r\n  const [value, setValue] = useControlledState({\r\n    value: props?.value ?? [],\r\n    defaultValue: props?.defaultValue ?? [],\r\n    onChange: props?.onValueChange,\r\n  })\r\n\r\n  // Track items created via taggable mode\r\n  // Sync with value to avoid stale tags when controlled value is reset from outside\r\n  const [createdItems, setCreatedItems] = React.useState<Value[]>([])\r\n  const createdValuesRef = React.useRef<Set<string>>(new Set())\r\n\r\n  React.useEffect(() => {\r\n    const currentValues = new Set(value.map((v) => v.value))\r\n    setCreatedItems((prev) => {\r\n      const next = prev.filter((item) => currentValues.has(item.value))\r\n      if (next.length === prev.length) return prev\r\n      createdValuesRef.current = new Set(next.map((v) => v.value))\r\n      return next\r\n    })\r\n  }, [value])\r\n\r\n  const trimmedInput = inputValue?.toString().trim() ?? \"\"\r\n  const isInputSelected = React.useMemo(() => {\r\n    if (!trimmedInput) return false\r\n    return value.some(\r\n      (item) => item.value.toLowerCase() === trimmedInput.toLowerCase()\r\n    )\r\n  }, [trimmedInput, value])\r\n\r\n  // true = show the taggable item in dropdown (either as \"Create:\" or as checked item)\r\n  const isCreatingItem = React.useMemo(() => {\r\n    if (!taggable || !trimmedInput) return false\r\n    return !items?.some(\r\n      (item) => item.label.toLowerCase() === trimmedInput.toLowerCase()\r\n    )\r\n  }, [taggable, trimmedInput, items])\r\n\r\n  // Merge server items with locally created tags + the \"Create\" placeholder\r\n  const combinedItems = React.useMemo(() => {\r\n    const base: Value[] = [\r\n      ...items ?? [],\r\n      ...createdItems,\r\n    ]\r\n\r\n    if (isCreatingItem) {\r\n      return [...base, { label: trimmedInput, value: trimmedInput, tag: true } as unknown as Value]\r\n    }\r\n\r\n    return base\r\n  }, [items, createdItems, isCreatingItem, trimmedInput])\r\n\r\n  const handleValueChange: ComboboxProps<Value, true>[\"onValueChange\"] = (value, eventDetails) => {\r\n    if (taggable) {\r\n      const newTags = value.filter(\r\n        (v) => v?.tag === true && !createdValuesRef.current.has(v.value)\r\n      )\r\n      if (newTags.length > 0) {\r\n        for (const tag of newTags) {\r\n          createdValuesRef.current.add(tag.value)\r\n        }\r\n        setCreatedItems((prev) => [...prev, ...newTags])\r\n      }\r\n    }\r\n\r\n    if (!multiple) {\r\n      setValue([value[value.length - 1]], eventDetails)\r\n    } else {\r\n      setValue(value, eventDetails)\r\n    }\r\n  }\r\n\r\n  return (\r\n    <Combobox\r\n      {...props}\r\n      behavior=\"chip-outside\"\r\n      multiple\r\n      items={taggable ? combinedItems : items}\r\n      isItemEqualToValue={(a, b) => a.value === b.value}\r\n      onValueChange={handleValueChange}\r\n      onInputValueChange={setInputValue}\r\n    >\r\n      {/* Input box with chips inside */}\r\n      <ComboboxInputGroup\r\n        className={cn(\r\n          inputVariants(),\r\n          \"h-auto min-h-13 flex flex-wrap items-center gap-1.5 px-3 py-1.5 cursor-text\"\r\n        )}\r\n      >\r\n        {/* Chips inside the input box */}\r\n        <ComboboxChips\r\n          className={cn(\r\n            \"contents\",\r\n            maxVisible !== undefined && \"flex-nowrap overflow-hidden\"\r\n          )}\r\n        >\r\n          <ComboboxValue>\r\n            {(value: Value[]) => {\r\n              const visible = maxVisible !== undefined ? value.slice(0, maxVisible) : value\r\n              const overflow = maxVisible !== undefined ? value.length - maxVisible : 0\r\n              return (\r\n                <>\r\n                  {visible?.map((item) => (\r\n                    <ComboboxChipUI\r\n                      key={item?.value || \"\"}\r\n                      className={cn(maxVisible !== undefined && \"min-w-0 shrink\")}\r\n                    >\r\n                      {item?.image && (\r\n                        <img\r\n                          src={item.image}\r\n                          alt={item?.label || \"\"}\r\n                          className=\"size-4 rounded-full object-cover shrink-0 mr-1\"\r\n                        />\r\n                      )}\r\n                      {maxVisible !== undefined\r\n                        ? <span className=\"truncate\">{item?.label || \"\"}</span>\r\n                        : (item?.label || \"\")\r\n                      }\r\n                      <ComboboxChipRemove />\r\n                    </ComboboxChipUI>\r\n                  ))}\r\n                  {overflow > 0 && (\r\n                    <ComboboxChipUI className=\"shrink-0\">\r\n                      +{overflow}\r\n                    </ComboboxChipUI>\r\n                  )}\r\n                </>\r\n              )\r\n            }}\r\n          </ComboboxValue>\r\n          {/* Text input — shrinks to fit remaining space (inside Chips so backspace works) */}\r\n          <ComboboxInputPrimitive\r\n            render={\r\n              <input\r\n                className=\"flex-1 min-w-[80px] bg-transparent outline-none text-body-regular-1 text-text-primary placeholder:text-text-placeholder\"\r\n                placeholder={value.length === 0 ? inputPlaceholder : undefined}\r\n              />\r\n            }\r\n          />\r\n        </ComboboxChips>\r\n      </ComboboxInputGroup>\r\n\r\n      <ComboboxPopup container={container}>\r\n        <ComboboxStatus\r\n          status={\r\n            isPending || items === undefined\r\n              ? \"pending\"\r\n              : items?.length === 0 && !isCreatingItem\r\n                ? \"empty\"\r\n                : null\r\n          }\r\n        />\r\n        <ComboboxList>\r\n          {items?.map((item) => (\r\n            <ComboboxItem\r\n              key={item.value}\r\n              value={item as Value}\r\n            >\r\n              {(item.image !== undefined) && (\r\n                <ComboboxItemAvatar\r\n                  src={item.image}\r\n                  fallbackText={[item.label?.[0], item.label?.split(\" \")?.[1]?.[0]].filter(Boolean).join(\"\")}\r\n                  imageAlt={item.label}\r\n                />\r\n              )}\r\n              <ComboboxItemTitle>{item.label}</ComboboxItemTitle>\r\n            </ComboboxItem>\r\n          ))}\r\n          {isCreatingItem && (\r\n            <ComboboxItem\r\n              value={{ label: trimmedInput, value: trimmedInput, tag: true }}\r\n            >\r\n              {!isInputSelected && (\r\n                <span className=\"text-text-secondary text-body-medium-3 col-start-2\">Create: {trimmedInput}</span>\r\n              )}\r\n              {isInputSelected && (\r\n                <ComboboxItemTitle>{trimmedInput}</ComboboxItemTitle>\r\n              )}\r\n            </ComboboxItem>\r\n          )}\r\n          <ComboboxInfiniteScroll {...infiniteScroll} />\r\n        </ComboboxList>\r\n      </ComboboxPopup>\r\n    </Combobox>\r\n  )\r\n}\r\n\r\nexport { ComboboxChip }\r\nexport type { ComboboxChipProps }\r\n"]}

package/dist/chunk-U3IMR5VI.js

@@ -0,0 +1,2 @@
+import {a,b as b$1,j as j$1,i,k,l,m,q,s,w,H}from'./chunk-DUSAF7E7.js';import {g}from'./chunk-ZNZVX4PT.js';import {b}from'./chunk-JH6RZ3QH.js';import*as r from'react';import {cn}from'@xploreu/lib/cn';import {SearchIcon,XIcon}from'lucide-react';import {useControlledState}from'@xploreu/hooks/use-controlled-state';import {jsxs,jsx,Fragment}from'react/jsx-runtime';function j({multiple:z=true,inputPlaceholder:B="Search...",container:q$1,items:u,infiniteScroll:A,isPending:H$1,taggable:c=false,maxVisible:i$1,...m$1}){let[h,g$1]=useControlledState({value:m$1?.inputValue?.toString(),defaultValue:m$1?.defaultInputValue?.toString(),onChange:m$1?.onInputValueChange}),[b$2,x]=useControlledState({value:m$1?.value??[],defaultValue:m$1?.defaultValue??[],onChange:m$1?.onValueChange}),[v,I]=r.useState([]),d=r.useRef(new Set);r.useEffect(()=>{let e=new Set(b$2.map(t=>t.value));I(t=>{let l=t.filter(a=>e.has(a.value));return l.length===t.length?t:(d.current=new Set(l.map(a=>a.value)),l)});},[b$2]);let n=h?.toString().trim()??"",U=r.useMemo(()=>n?b$2.some(e=>e.value.toLowerCase()===n.toLowerCase()):false,[n,b$2]),p=r.useMemo(()=>!c||!n?false:!u?.some(e=>e.label.toLowerCase()===n.toLowerCase()),[c,n,u]),X=r.useMemo(()=>{let e=[...u??[],...v];if(p){let t={label:n,value:n,tag:true};return [...e,t]}return e},[u,v,p,n]);return jsxs(a,{...m$1,behavior:"chip-outside",multiple:true,items:c?X:u,isItemEqualToValue:(e,t)=>e.value===t.value,onValueChange:(e,t)=>{if(c){let l=e.filter(a=>a?.tag===true&&!d.current.has(a.value));if(l.length>0){for(let a of l)d.current.add(a.value);I(a=>[...a,...l]);}}x(z?e:[e[e.length-1]],t);},onInputValueChange:g$1,children:[jsxs("div",{className:"flex flex-col gap-2",children:[jsx(g,{render:jsx(b,{className:"h-9 text-body-regular-3 pl-9 pr-7",endContent:jsx(b$1,{nativeButton:false,render:jsx(XIcon,{className:"!size-5 !right-1.5 data-[hidden=true]:opacity-0 opacity-100 transition-opacity duration-300 cursor-pointer","data-hidden":!h,"data-slot":"combobox-clear-input",onClick:e=>{g$1("",{reason:"none",event:e.nativeEvent,cancel:()=>{},allowPropagation:()=>{},isCanceled:false,isPropagationAllowed:true,trigger:void 0});}})}),placeholder:B,startContent:jsx(SearchIcon,{className:"!size-4 !text-fg-tertiary-hover"}),wrapperClassName:"w-full"})}),jsx(j$1,{className:cn(i$1!==void 0&&"flex-nowrap overflow-hidden"),onMouseDown:e=>e.preventBaseUIHandler(),children:jsx(i,{children:e=>{let t=i$1!==void 0?e.slice(0,i$1):e,l$1=i$1!==void 0?e.length-i$1:0;return jsxs(Fragment,{children:[t?.map(a=>jsxs(k,{className:cn(i$1!==void 0&&"min-w-0 shrink"),children:[i$1!==void 0?jsx("span",{className:"truncate",children:a?.label||""}):a?.label||"",jsx(l,{})]},a?.value||"")),l$1>0&&jsxs(k,{className:"shrink-0",children:["+",l$1]})]})}})})]}),jsxs(m,{container:q$1,children:[jsx(q,{status:H$1||u===void 0?"pending":u?.length===0&&!p?"empty":null}),jsxs(s,{children:[u?.map(e=>jsx(w,{value:{label:e.label,value:e.value},children:jsx("div",{className:"flex items-center gap-2 w-full min-w-0",children:jsx("span",{className:"truncate",children:e.label})})},e.value)),p&&jsx(w,{value:{label:n,value:n,tag:true},children:jsxs("div",{className:"flex items-center gap-1.5 w-full min-w-0",children:[!U&&jsx("span",{className:"text-text-secondary",children:"Create:"}),jsx("span",{className:"font-medium text-text-primary truncate",children:n})]})}),jsx(H,{...A})]})]})]})}export{j as a};//# sourceMappingURL=chunk-U3IMR5VI.js.map
+//# sourceMappingURL=chunk-U3IMR5VI.js.map

package/dist/{chunk-LTSUNU7E.js.map → chunk-U3IMR5VI.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/composites/combobox-chip-outside.tsx"],"names":["ComboboxChipOutside","multiple","inputPlaceholder","container","items","infiniteScroll","isPending","taggable","maxVisible","props","inputValue","setInputValue","useControlledState","value","setValue","createdItems","setCreatedItems","createdValuesRef","currentValues","v","prev","next","item","trimmedInput","isInputSelected","isCreatingItem","combinedItems","base","createItem","jsxs","Combobox","a","b","eventDetails","newTags","tag","jsx","ComboboxInput","Input","ComboboxTrigger","XIcon","event","SearchIcon","ComboboxChips","cn","ComboboxValue","visible","overflow","Fragment","ComboboxChip","ComboboxChipRemove","ComboboxPopup","ComboboxStatus","ComboboxList","ComboboxItem","ComboboxInfiniteScroll"],"mappings":"0WA4CA,SAASA,CAAAA,CAAgF,CACvF,QAAA,CAAAC,EAAW,IAAA,CACX,gBAAA,CAAAC,CAAAA,CAAmB,WAAA,CACnB,UAAAC,GAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,EAAW,KAAA,CACX,UAAA,CAAAC,GAAAA,CACA,GAAGC,GACL,CAAA,CAAoC,CAClC,GAAM,CAACC,EAAYC,GAAa,CAAA,CAAIC,kBAAAA,CAAmB,CACrD,MAAOH,GAAAA,EAAO,UAAA,EAAY,QAAA,EAAS,CACnC,aAAcA,GAAAA,EAAO,iBAAA,EAAmB,QAAA,EAAS,CACjD,SAAUA,GAAAA,EAAO,kBACnB,CAAC,CAAA,CAEK,CAACI,GAAAA,CAAOC,CAAQ,CAAA,CAAIF,kBAAAA,CAAmB,CAC3C,KAAA,CAAOH,GAAAA,EAAO,KAAA,EAAS,EAAC,CACxB,YAAA,CAAcA,GAAAA,EAAO,YAAA,EAAgB,EAAC,CACtC,QAAA,CAAUA,GAAAA,EAAO,aACnB,CAAC,CAAA,CAIK,CAACM,CAAAA,CAAcC,CAAe,EAAU,CAAA,CAAA,QAAA,CAAkB,EAAE,CAAA,CAC5DC,EAAyB,CAAA,CAAA,MAAA,CAAoB,IAAI,GAAK,CAAA,CAEtD,YAAU,IAAM,CACpB,IAAMC,CAAAA,CAAgB,IAAI,GAAA,CAAIL,GAAAA,CAAM,GAAA,CAAKM,CAAAA,EAAMA,CAAAA,CAAE,KAAK,CAAC,CAAA,CACvDH,EAAiBI,CAAAA,EAAS,CACxB,IAAMC,CAAAA,CAAOD,EAAK,MAAA,CAAQE,CAAAA,EAASJ,CAAAA,CAAc,GAAA,CAAII,EAAK,KAAK,CAAC,CAAA,CAChE,OAAID,EAAK,MAAA,GAAWD,CAAAA,CAAK,MAAA,CAAeA,CAAAA,EACxCH,EAAiB,OAAA,CAAU,IAAI,GAAA,CAAII,CAAAA,CAAK,IAAKF,CAAAA,EAAMA,CAAAA,CAAE,KAAK,CAAC,EACpDE,CAAAA,CACT,CAAC,EACH,CAAA,CAAG,CAACR,GAAK,CAAC,CAAA,CAGV,IAAMU,CAAAA,CAAeb,CAAAA,EAAY,QAAA,EAAS,CAAE,MAAK,EAAK,EAAA,CAChDc,CAAAA,CAAwB,CAAA,CAAA,OAAA,CAAQ,IAC/BD,CAAAA,CACEV,GAAAA,CAAM,IAAA,CACVS,CAAAA,EAASA,CAAAA,CAAK,KAAA,CAAM,WAAA,EAAY,GAAMC,EAAa,WAAA,EACtD,CAAA,CAH0B,KAAA,CAIzB,CAACA,CAAAA,CAAcV,GAAK,CAAC,CAAA,CAElBY,EAAuB,CAAA,CAAA,OAAA,CAAQ,IAC/B,CAAClB,CAAAA,EAAY,CAACgB,CAAAA,CAAqB,KAAA,CAChC,CAACnB,GAAO,IAAA,CACZkB,CAAAA,EAASA,CAAAA,CAAK,KAAA,CAAM,aAAY,GAAMC,CAAAA,CAAa,WAAA,EACtD,EACC,CAAChB,CAAAA,CAAUgB,CAAAA,CAAcnB,CAAK,CAAC,CAAA,CAG5BsB,CAAAA,CAAsB,CAAA,CAAA,OAAA,CAAQ,IAAM,CACxC,IAAMC,CAAAA,CAAgB,CACpB,GAAGvB,GAAS,EAAC,CACb,GAAGW,CACL,EAEA,GAAIU,CAAAA,CAAgB,CAClB,IAAMG,CAAAA,CAAa,CACjB,KAAA,CAAOL,CAAAA,CACP,MAAOA,CAAAA,CACP,GAAA,CAAK,IACP,CAAA,CACA,OAAO,CAAC,GAAGI,CAAAA,CAAMC,CAAU,CAC7B,CAEA,OAAOD,CACT,CAAA,CAAG,CAACvB,CAAAA,CAAOW,CAAAA,CAAcU,CAAAA,CAAgBF,CAAY,CAAC,CAAA,CAyBtD,OACEM,IAAAA,CAACC,CAAAA,CAAA,CACE,GAAGrB,GAAAA,CACJ,QAAA,CAAS,cAAA,CACT,SAAQ,IAAA,CACR,KAAA,CAAOF,CAAAA,CAAWmB,CAAAA,CAAgBtB,CAAAA,CAClC,kBAAA,CAAoB,CAAC2B,CAAAA,CAAGC,IAAMD,CAAAA,CAAE,KAAA,GAAUC,CAAAA,CAAE,KAAA,CAC5C,cA9BmE,CAACnB,CAAAA,CAAOoB,CAAAA,GAAiB,CAE9F,GAAI1B,CAAAA,CAAU,CACZ,IAAM2B,CAAAA,CAAUrB,EAAM,MAAA,CACnBM,CAAAA,EAAMA,CAAAA,EAAG,GAAA,GAAQ,MACb,CAACF,CAAAA,CAAiB,OAAA,CAAQ,GAAA,CAAIE,EAAE,KAAK,CAC5C,CAAA,CACA,GAAIe,EAAQ,MAAA,CAAS,CAAA,CAAG,CACtB,IAAA,IAAWC,CAAAA,IAAOD,CAAAA,CAChBjB,CAAAA,CAAiB,OAAA,CAAQ,IAAIkB,CAAAA,CAAI,KAAK,CAAA,CAExCnB,CAAAA,CAAiBI,GAAS,CAAC,GAAGA,CAAAA,CAAM,GAAGc,CAAO,CAAC,EACjD,CACF,CAMEpB,CAAAA,CAHGb,CAAAA,CAGMY,CAAAA,CAFA,CAACA,EAAMA,CAAAA,CAAM,MAAA,CAAS,CAAC,CAAC,EAEjBoB,CAAY,EAEhC,CAAA,CAUI,kBAAA,CAAoBtB,IAEpB,QAAA,CAAA,CAAAkB,IAAAA,CAAC,KAAA,CAAA,CAAI,SAAA,CAAU,qBAAA,CACb,QAAA,CAAA,CAAAO,GAAAA,CAACC,CAAAA,CAAA,CACC,MAAA,CACED,GAAAA,CAACE,CAAAA,CAAA,CACC,UAAU,mCAAA,CACV,UAAA,CACEF,GAAAA,CAACG,GAAAA,CAAA,CACC,YAAA,CAAc,KAAA,CACd,MAAA,CACEH,GAAAA,CAACI,MAAA,CACC,SAAA,CAAU,4GAAA,CACV,aAAA,CAAa,CAAC9B,CAAAA,CACd,WAAA,CAAU,sBAAA,CACV,OAAA,CAAU+B,GAAU,CAClB9B,GAAAA,CAAc,EAAA,CAAI,CAChB,OAAQ,MAAA,CACR,KAAA,CAAO8B,CAAAA,CAAM,WAAA,CACb,MAAA,CAAQ,IAAM,CAAE,CAAA,CAChB,iBAAkB,IAAM,CAAE,CAAA,CAC1B,UAAA,CAAY,MACZ,oBAAA,CAAsB,IAAA,CACtB,OAAA,CAAS,MACX,CAAC,EACH,CAAA,CACF,CAAA,CAEJ,CAAA,CAEF,YAAavC,CAAAA,CACb,YAAA,CAAckC,GAAAA,CAACM,UAAAA,CAAA,CAAW,SAAA,CAAU,iCAAA,CAAkC,CAAA,CACtE,gBAAA,CAAiB,SACnB,CAAA,CAEJ,CAAA,CACAN,GAAAA,CAACO,GAAAA,CAAA,CACC,SAAA,CAAWC,EAAAA,CAAGpC,GAAAA,GAAe,MAAA,EAAa,6BAA6B,CAAA,CACvE,WAAA,CAAc,CAAA,EAAM,EAAE,oBAAA,EAAqB,CAE3C,QAAA,CAAA4B,GAAAA,CAACS,EAAA,CACE,QAAA,CAAChC,CAAAA,EAAmB,CACnB,IAAMiC,CAAAA,CAAUtC,GAAAA,GAAe,MAAA,CAAYK,CAAAA,CAAM,MAAM,CAAA,CAAGL,GAAU,CAAA,CAAIK,CAAAA,CAClEkC,IAAWvC,GAAAA,GAAe,MAAA,CAAYK,CAAAA,CAAM,MAAA,CAASL,IAAa,CAAA,CACxE,OACEqB,IAAAA,CAAAmB,QAAAA,CAAA,CACG,QAAA,CAAA,CAAAF,CAAAA,EAAS,GAAA,CAAKxB,CAAAA,EACbO,IAAAA,CAACoB,CAAAA,CAAA,CAEC,SAAA,CAAWL,GAAGpC,GAAAA,GAAe,MAAA,EAAa,gBAAgB,CAAA,CAEzD,UAAAA,GAAAA,GAAe,MAAA,CACZ4B,GAAAA,CAAC,MAAA,CAAA,CAAK,UAAU,UAAA,CAAY,QAAA,CAAAd,CAAAA,EAAM,KAAA,EAAS,EAAA,CAAG,CAAA,CAC7CA,CAAAA,EAAM,KAAA,EAAS,GAEpBc,GAAAA,CAACc,CAAAA,CAAA,EAAmB,CAAA,CAAA,CAAA,CAPf5B,GAAM,KAAA,EAAS,EAQtB,CACD,CAAA,CACAyB,IAAW,CAAA,EACVlB,IAAAA,CAACoB,CAAAA,CAAA,CAAa,SAAA,CAAU,UAAA,CAAW,QAAA,CAAA,CAAA,GAAA,CAC/BF,GAAAA,CAAAA,CACJ,GAEJ,CAEJ,CAAA,CACF,CAAA,CACF,CAAA,CAAA,CACF,EACAlB,IAAAA,CAACsB,CAAAA,CAAA,CAAc,SAAA,CAAWhD,IACxB,QAAA,CAAA,CAAAiC,GAAAA,CAACgB,CAAAA,CAAA,CACC,OACE9C,CAAAA,EAAaF,CAAAA,GAAU,MAAA,CACnB,SAAA,CACAA,GAAO,MAAA,GAAW,CAAA,EAAK,CAACqB,CAAAA,CACtB,QACA,IAAA,CAEV,CAAA,CACAI,IAAAA,CAACwB,CAAAA,CAAA,CACE,QAAA,CAAA,CAAAjD,CAAAA,EAAO,GAAA,CAAKkB,CAAAA,EACXc,GAAAA,CAACkB,CAAAA,CAAA,CAEC,KAAA,CAAO,CAAE,KAAA,CAAOhC,CAAAA,CAAK,KAAA,CAAO,KAAA,CAAOA,EAAK,KAAM,CAAA,CAE9C,QAAA,CAAAc,GAAAA,CAAC,OAAI,SAAA,CAAU,wCAAA,CACb,QAAA,CAAAA,GAAAA,CAAC,QAAK,SAAA,CAAU,UAAA,CACb,QAAA,CAAAd,CAAAA,CAAK,MACR,CAAA,CACF,CAAA,CAAA,CAPKA,CAAAA,CAAK,KAQZ,CACD,CAAA,CACAG,CAAAA,EACCW,GAAAA,CAACkB,CAAAA,CAAA,CACC,KAAA,CAAO,CAAE,KAAA,CAAO/B,CAAAA,CAAc,KAAA,CAAOA,CAAAA,CAAc,GAAA,CAAK,IAAK,EAE7D,QAAA,CAAAM,IAAAA,CAAC,KAAA,CAAA,CAAI,SAAA,CAAU,2CACZ,QAAA,CAAA,CAAA,CAACL,CAAAA,EACAY,GAAAA,CAAC,MAAA,CAAA,CAAK,UAAU,qBAAA,CAAsB,QAAA,CAAA,SAAA,CAAO,CAAA,CAE/CA,GAAAA,CAAC,QAAK,SAAA,CAAU,wCAAA,CACb,QAAA,CAAAb,CAAAA,CACH,GACF,CAAA,CACF,CAAA,CAEFa,GAAAA,CAACmB,CAAAA,CAAA,CAAwB,GAAGlD,CAAAA,CAAgB,CAAA,CAAA,CAC9C,CAAA,CAAA,CACF,GACF,CAEJ","file":"chunk-LTSUNU7E.js","sourcesContent":["import * as React from \"react\"\r\n\r\nimport { cn } from \"@xploreu/lib/cn\"\r\nimport { ComboboxInput as ComboboxInputPrimitive } from \"../primitives/combobox\"\r\nimport { Input } from \"../ui\"\r\nimport {\r\n  Combobox,\r\n  ComboboxChip,\r\n  ComboboxChipRemove,\r\n  ComboboxChips,\r\n  ComboboxInfiniteScroll,\r\n  ComboboxItem,\r\n  ComboboxList,\r\n  ComboboxPortal,\r\n  ComboboxPopup,\r\n  ComboboxStatus,\r\n  ComboboxTrigger,\r\n  ComboboxValue,\r\n  type ComboboxProps\r\n} from \"../ui/combobox\"\r\nimport { SearchIcon, XIcon } from \"lucide-react\"\r\nimport { useControlledState } from \"@xploreu/hooks/use-controlled-state\"\r\n\r\ntype ComboboxChipOutsideProps<Value> = Omit<ComboboxProps<Value, true>, \"multiple\"> & {\r\n  multiple?: boolean\r\n  inputPlaceholder?: string\r\n  container?: React.ComponentProps<typeof ComboboxPortal>[\"container\"]\r\n  items: ({ label: string; value: string }[]) | undefined\r\n  infiniteScroll?: React.ComponentProps<typeof ComboboxInfiniteScroll>\r\n  isPending?: boolean\r\n  /**\r\n   * When true, enables creatable / taggable mode.\r\n   * If the typed value has no exact match in the current item list,\r\n   * a \"Create \\\"…\\\"\" option is shown at the top of the dropdown.\r\n   * Created items are appended to the value with `{ label, value, tag: true }`.\r\n   */\r\n  taggable?: boolean\r\n  /**\r\n   * Maximum number of chips to show before collapsing the rest into a \"+N\" chip.\r\n   * When undefined, all chips are shown.\r\n   */\r\n  maxVisible?: number\r\n}\r\n\r\nfunction ComboboxChipOutside<Value extends { label: string; value: string; tag?: true }>({\r\n  multiple = true,\r\n  inputPlaceholder = \"Search...\",\r\n  container,\r\n  items,\r\n  infiniteScroll,\r\n  isPending,\r\n  taggable = false,\r\n  maxVisible,\r\n  ...props\r\n}: ComboboxChipOutsideProps<Value>) {\r\n  const [inputValue, setInputValue] = useControlledState({\r\n    value: props?.inputValue?.toString(),\r\n    defaultValue: props?.defaultInputValue?.toString(),\r\n    onChange: props?.onInputValueChange,\r\n  })\r\n\r\n  const [value, setValue] = useControlledState({\r\n    value: props?.value ?? [],\r\n    defaultValue: props?.defaultValue ?? [],\r\n    onChange: props?.onValueChange,\r\n  })\r\n\r\n  // Track items created via taggable mode\r\n  // Sync with value to avoid stale tags when controlled value is reset from outside\r\n  const [createdItems, setCreatedItems] = React.useState<Value[]>([])\r\n  const createdValuesRef = React.useRef<Set<string>>(new Set())\r\n\r\n  React.useEffect(() => {\r\n    const currentValues = new Set(value.map((v) => v.value))\r\n    setCreatedItems((prev) => {\r\n      const next = prev.filter((item) => currentValues.has(item.value))\r\n      if (next.length === prev.length) return prev\r\n      createdValuesRef.current = new Set(next.map((v) => v.value))\r\n      return next\r\n    })\r\n  }, [value])\r\n\r\n  // Determine if the current input has no exact match in existing items\r\n  const trimmedInput = inputValue?.toString().trim() ?? \"\"\r\n  const isInputSelected = React.useMemo(() => {\r\n    if (!trimmedInput) return false\r\n    return value.some(\r\n      (item) => item.value.toLowerCase() === trimmedInput.toLowerCase()\r\n    )\r\n  }, [trimmedInput, value])\r\n  // true = show the taggable item in dropdown (either as \"Create:\" or as checked item)\r\n  const isCreatingItem = React.useMemo(() => {\r\n    if (!taggable || !trimmedInput) return false\r\n    return !items?.some(\r\n      (item) => item.label.toLowerCase() === trimmedInput.toLowerCase()\r\n    )\r\n  }, [taggable, trimmedInput, items])\r\n\r\n  // Merge server items with locally created tags + the \"Create\" placeholder\r\n  const combinedItems = React.useMemo(() => {\r\n    const base: Value[] = [\r\n      ...items ?? [],\r\n      ...createdItems,\r\n    ]\r\n\r\n    if (isCreatingItem) {\r\n      const createItem = {\r\n        label: trimmedInput,\r\n        value: trimmedInput,\r\n        tag: true,\r\n      }\r\n      return [...base, createItem]\r\n    }\r\n\r\n    return base\r\n  }, [items, createdItems, isCreatingItem, trimmedInput])\r\n\r\n  const handleValueChange: ComboboxProps<Value, true>[\"onValueChange\"] = (value, eventDetails) => {\r\n    // Capture newly created taggable items internally\r\n    if (taggable) {\r\n      const newTags = value.filter(\r\n        (v) => v?.tag === true\r\n          && !createdValuesRef.current.has(v.value)\r\n      )\r\n      if (newTags.length > 0) {\r\n        for (const tag of newTags) {\r\n          createdValuesRef.current.add(tag.value)\r\n        }\r\n        setCreatedItems((prev) => [...prev, ...newTags])\r\n      }\r\n    }\r\n\r\n    // if multiple is false, we need to replace the value with the new value instead of adding to it\r\n    if (!multiple) {\r\n      setValue([value[value.length - 1]], eventDetails)\r\n    } else {\r\n      setValue(value, eventDetails)\r\n    }\r\n  }\r\n\r\n  return (\r\n    <Combobox\r\n      {...props}\r\n      behavior=\"chip-outside\"\r\n      multiple\r\n      items={taggable ? combinedItems : items}\r\n      isItemEqualToValue={(a, b) => a.value === b.value}\r\n      onValueChange={handleValueChange}\r\n      onInputValueChange={setInputValue}\r\n    >\r\n      <div className=\"flex flex-col gap-2\">\r\n        <ComboboxInputPrimitive\r\n          render={\r\n            <Input\r\n              className=\"h-9 text-body-regular-3 pl-9 pr-7\"\r\n              endContent={\r\n                <ComboboxTrigger\r\n                  nativeButton={false}\r\n                  render={(\r\n                    <XIcon\r\n                      className=\"!size-5 !right-1.5 data-[hidden=true]:opacity-0 opacity-100 transition-opacity duration-300 cursor-pointer\"\r\n                      data-hidden={!inputValue}\r\n                      data-slot=\"combobox-clear-input\"\r\n                      onClick={(event) => {\r\n                        setInputValue(\"\", {\r\n                          reason: \"none\",\r\n                          event: event.nativeEvent,\r\n                          cancel: () => { },\r\n                          allowPropagation: () => { },\r\n                          isCanceled: false,\r\n                          isPropagationAllowed: true,\r\n                          trigger: undefined,\r\n                        })\r\n                      }}\r\n                    />\r\n                  )}\r\n                />\r\n              }\r\n              placeholder={inputPlaceholder}\r\n              startContent={<SearchIcon className=\"!size-4 !text-fg-tertiary-hover\" />}\r\n              wrapperClassName=\"w-full\"\r\n            />\r\n          }\r\n        />\r\n        <ComboboxChips\r\n          className={cn(maxVisible !== undefined && \"flex-nowrap overflow-hidden\")}\r\n          onMouseDown={(e) => e.preventBaseUIHandler()}\r\n        >\r\n          <ComboboxValue>\r\n            {(value: Value[]) => {\r\n              const visible = maxVisible !== undefined ? value.slice(0, maxVisible) : value\r\n              const overflow = maxVisible !== undefined ? value.length - maxVisible : 0\r\n              return (\r\n                <>\r\n                  {visible?.map((item) => (\r\n                    <ComboboxChip\r\n                      key={item?.value || \"\"}\r\n                      className={cn(maxVisible !== undefined && \"min-w-0 shrink\")}\r\n                    >\r\n                      {maxVisible !== undefined\r\n                        ? <span className=\"truncate\">{item?.label || \"\"}</span>\r\n                        : (item?.label || \"\")\r\n                      }\r\n                      <ComboboxChipRemove />\r\n                    </ComboboxChip>\r\n                  ))}\r\n                  {overflow > 0 && (\r\n                    <ComboboxChip className=\"shrink-0\">\r\n                      +{overflow}\r\n                    </ComboboxChip>\r\n                  )}\r\n                </>\r\n              )\r\n            }}\r\n          </ComboboxValue>\r\n        </ComboboxChips>\r\n      </div>\r\n      <ComboboxPopup container={container}>\r\n        <ComboboxStatus\r\n          status={\r\n            isPending || items === undefined\r\n              ? \"pending\"\r\n              : items?.length === 0 && !isCreatingItem\r\n                ? \"empty\"\r\n                : null\r\n          }\r\n        />\r\n        <ComboboxList>\r\n          {items?.map((item) => (\r\n            <ComboboxItem\r\n              key={item.value}\r\n              value={{ label: item.label, value: item.value }}\r\n            >\r\n              <div className=\"flex items-center gap-2 w-full min-w-0\">\r\n                <span className=\"truncate\">\r\n                  {item.label}\r\n                </span>\r\n              </div>\r\n            </ComboboxItem>\r\n          ))}\r\n          {isCreatingItem && (\r\n            <ComboboxItem\r\n              value={{ label: trimmedInput, value: trimmedInput, tag: true }}\r\n            >\r\n              <div className=\"flex items-center gap-1.5 w-full min-w-0\">\r\n                {!isInputSelected && (\r\n                  <span className=\"text-text-secondary\">Create:</span>\r\n                )}\r\n                <span className=\"font-medium text-text-primary truncate\">\r\n                  {trimmedInput}\r\n                </span>\r\n              </div>\r\n            </ComboboxItem>\r\n          )}\r\n          <ComboboxInfiniteScroll {...infiniteScroll} />\r\n        </ComboboxList>\r\n      </ComboboxPopup>\r\n    </Combobox>\r\n  )\r\n}\r\n\r\nexport { ComboboxChipOutside }"]}
+{"version":3,"sources":["../src/composites/combobox-chip-outside.tsx"],"names":["ComboboxChipOutside","multiple","inputPlaceholder","container","items","infiniteScroll","isPending","taggable","maxVisible","props","inputValue","setInputValue","useControlledState","value","setValue","createdItems","setCreatedItems","createdValuesRef","currentValues","v","prev","next","item","trimmedInput","isInputSelected","isCreatingItem","combinedItems","base","createItem","jsxs","Combobox","a","b","eventDetails","newTags","tag","jsx","ComboboxInput","Input","ComboboxTrigger","XIcon","event","SearchIcon","ComboboxChips","cn","ComboboxValue","visible","overflow","Fragment","ComboboxChip","ComboboxChipRemove","ComboboxPopup","ComboboxStatus","ComboboxList","ComboboxItem","ComboboxInfiniteScroll"],"mappings":"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","file":"chunk-U3IMR5VI.js","sourcesContent":["import * as React from \"react\"\r\n\r\nimport { cn } from \"@xploreu/lib/cn\"\r\nimport { ComboboxInput as ComboboxInputPrimitive } from \"../primitives/combobox\"\r\nimport { Input } from \"../ui\"\r\nimport {\r\n  Combobox,\r\n  ComboboxChip,\r\n  ComboboxChipRemove,\r\n  ComboboxChips,\r\n  ComboboxInfiniteScroll,\r\n  ComboboxItem,\r\n  ComboboxList,\r\n  ComboboxPortal,\r\n  ComboboxPopup,\r\n  ComboboxStatus,\r\n  ComboboxTrigger,\r\n  ComboboxValue,\r\n  type ComboboxProps\r\n} from \"../ui/combobox\"\r\nimport { SearchIcon, XIcon } from \"lucide-react\"\r\nimport { useControlledState } from \"@xploreu/hooks/use-controlled-state\"\r\n\r\ntype ComboboxChipOutsideProps<Value> = Omit<ComboboxProps<Value, true>, \"multiple\"> & {\r\n  multiple?: boolean\r\n  inputPlaceholder?: string\r\n  container?: React.ComponentProps<typeof ComboboxPortal>[\"container\"]\r\n  items: ({ label: string; value: string }[]) | undefined\r\n  infiniteScroll?: React.ComponentProps<typeof ComboboxInfiniteScroll>\r\n  isPending?: boolean\r\n  /**\r\n   * When true, enables creatable / taggable mode.\r\n   * If the typed value has no exact match in the current item list,\r\n   * a \"Create \\\"…\\\"\" option is shown at the top of the dropdown.\r\n   * Created items are appended to the value with `{ label, value, tag: true }`.\r\n   */\r\n  taggable?: boolean\r\n  /**\r\n   * Maximum number of chips to show before collapsing the rest into a \"+N\" chip.\r\n   * When undefined, all chips are shown.\r\n   */\r\n  maxVisible?: number\r\n}\r\n\r\nfunction ComboboxChipOutside<Value extends { label: string; value: string; tag?: true }>({\r\n  multiple = true,\r\n  inputPlaceholder = \"Search...\",\r\n  container,\r\n  items,\r\n  infiniteScroll,\r\n  isPending,\r\n  taggable = false,\r\n  maxVisible,\r\n  ...props\r\n}: ComboboxChipOutsideProps<Value>) {\r\n  const [inputValue, setInputValue] = useControlledState({\r\n    value: props?.inputValue?.toString(),\r\n    defaultValue: props?.defaultInputValue?.toString(),\r\n    onChange: props?.onInputValueChange,\r\n  })\r\n\r\n  const [value, setValue] = useControlledState({\r\n    value: props?.value ?? [],\r\n    defaultValue: props?.defaultValue ?? [],\r\n    onChange: props?.onValueChange,\r\n  })\r\n\r\n  // Track items created via taggable mode\r\n  // Sync with value to avoid stale tags when controlled value is reset from outside\r\n  const [createdItems, setCreatedItems] = React.useState<Value[]>([])\r\n  const createdValuesRef = React.useRef<Set<string>>(new Set())\r\n\r\n  React.useEffect(() => {\r\n    const currentValues = new Set(value.map((v) => v.value))\r\n    setCreatedItems((prev) => {\r\n      const next = prev.filter((item) => currentValues.has(item.value))\r\n      if (next.length === prev.length) return prev\r\n      createdValuesRef.current = new Set(next.map((v) => v.value))\r\n      return next\r\n    })\r\n  }, [value])\r\n\r\n  // Determine if the current input has no exact match in existing items\r\n  const trimmedInput = inputValue?.toString().trim() ?? \"\"\r\n  const isInputSelected = React.useMemo(() => {\r\n    if (!trimmedInput) return false\r\n    return value.some(\r\n      (item) => item.value.toLowerCase() === trimmedInput.toLowerCase()\r\n    )\r\n  }, [trimmedInput, value])\r\n  // true = show the taggable item in dropdown (either as \"Create:\" or as checked item)\r\n  const isCreatingItem = React.useMemo(() => {\r\n    if (!taggable || !trimmedInput) return false\r\n    return !items?.some(\r\n      (item) => item.label.toLowerCase() === trimmedInput.toLowerCase()\r\n    )\r\n  }, [taggable, trimmedInput, items])\r\n\r\n  // Merge server items with locally created tags + the \"Create\" placeholder\r\n  const combinedItems = React.useMemo(() => {\r\n    const base: Value[] = [\r\n      ...items ?? [],\r\n      ...createdItems,\r\n    ]\r\n\r\n    if (isCreatingItem) {\r\n      const createItem = {\r\n        label: trimmedInput,\r\n        value: trimmedInput,\r\n        tag: true,\r\n      }\r\n      return [...base, createItem]\r\n    }\r\n\r\n    return base\r\n  }, [items, createdItems, isCreatingItem, trimmedInput])\r\n\r\n  const handleValueChange: ComboboxProps<Value, true>[\"onValueChange\"] = (value, eventDetails) => {\r\n    // Capture newly created taggable items internally\r\n    if (taggable) {\r\n      const newTags = value.filter(\r\n        (v) => v?.tag === true\r\n          && !createdValuesRef.current.has(v.value)\r\n      )\r\n      if (newTags.length > 0) {\r\n        for (const tag of newTags) {\r\n          createdValuesRef.current.add(tag.value)\r\n        }\r\n        setCreatedItems((prev) => [...prev, ...newTags])\r\n      }\r\n    }\r\n\r\n    // if multiple is false, we need to replace the value with the new value instead of adding to it\r\n    if (!multiple) {\r\n      setValue([value[value.length - 1]], eventDetails)\r\n    } else {\r\n      setValue(value, eventDetails)\r\n    }\r\n  }\r\n\r\n  return (\r\n    <Combobox\r\n      {...props}\r\n      behavior=\"chip-outside\"\r\n      multiple\r\n      items={taggable ? combinedItems : items}\r\n      isItemEqualToValue={(a, b) => a.value === b.value}\r\n      onValueChange={handleValueChange}\r\n      onInputValueChange={setInputValue}\r\n    >\r\n      <div className=\"flex flex-col gap-2\">\r\n        <ComboboxInputPrimitive\r\n          render={\r\n            <Input\r\n              className=\"h-9 text-body-regular-3 pl-9 pr-7\"\r\n              endContent={\r\n                <ComboboxTrigger\r\n                  nativeButton={false}\r\n                  render={(\r\n                    <XIcon\r\n                      className=\"!size-5 !right-1.5 data-[hidden=true]:opacity-0 opacity-100 transition-opacity duration-300 cursor-pointer\"\r\n                      data-hidden={!inputValue}\r\n                      data-slot=\"combobox-clear-input\"\r\n                      onClick={(event) => {\r\n                        setInputValue(\"\", {\r\n                          reason: \"none\",\r\n                          event: event.nativeEvent,\r\n                          cancel: () => { },\r\n                          allowPropagation: () => { },\r\n                          isCanceled: false,\r\n                          isPropagationAllowed: true,\r\n                          trigger: undefined,\r\n                        })\r\n                      }}\r\n                    />\r\n                  )}\r\n                />\r\n              }\r\n              placeholder={inputPlaceholder}\r\n              startContent={<SearchIcon className=\"!size-4 !text-fg-tertiary-hover\" />}\r\n              wrapperClassName=\"w-full\"\r\n            />\r\n          }\r\n        />\r\n        <ComboboxChips\r\n          className={cn(maxVisible !== undefined && \"flex-nowrap overflow-hidden\")}\r\n          onMouseDown={(e) => e.preventBaseUIHandler()}\r\n        >\r\n          <ComboboxValue>\r\n            {(value: Value[]) => {\r\n              const visible = maxVisible !== undefined ? value.slice(0, maxVisible) : value\r\n              const overflow = maxVisible !== undefined ? value.length - maxVisible : 0\r\n              return (\r\n                <>\r\n                  {visible?.map((item) => (\r\n                    <ComboboxChip\r\n                      key={item?.value || \"\"}\r\n                      className={cn(maxVisible !== undefined && \"min-w-0 shrink\")}\r\n                    >\r\n                      {maxVisible !== undefined\r\n                        ? <span className=\"truncate\">{item?.label || \"\"}</span>\r\n                        : (item?.label || \"\")\r\n                      }\r\n                      <ComboboxChipRemove />\r\n                    </ComboboxChip>\r\n                  ))}\r\n                  {overflow > 0 && (\r\n                    <ComboboxChip className=\"shrink-0\">\r\n                      +{overflow}\r\n                    </ComboboxChip>\r\n                  )}\r\n                </>\r\n              )\r\n            }}\r\n          </ComboboxValue>\r\n        </ComboboxChips>\r\n      </div>\r\n      <ComboboxPopup container={container}>\r\n        <ComboboxStatus\r\n          status={\r\n            isPending || items === undefined\r\n              ? \"pending\"\r\n              : items?.length === 0 && !isCreatingItem\r\n                ? \"empty\"\r\n                : null\r\n          }\r\n        />\r\n        <ComboboxList>\r\n          {items?.map((item) => (\r\n            <ComboboxItem\r\n              key={item.value}\r\n              value={{ label: item.label, value: item.value }}\r\n            >\r\n              <div className=\"flex items-center gap-2 w-full min-w-0\">\r\n                <span className=\"truncate\">\r\n                  {item.label}\r\n                </span>\r\n              </div>\r\n            </ComboboxItem>\r\n          ))}\r\n          {isCreatingItem && (\r\n            <ComboboxItem\r\n              value={{ label: trimmedInput, value: trimmedInput, tag: true }}\r\n            >\r\n              <div className=\"flex items-center gap-1.5 w-full min-w-0\">\r\n                {!isInputSelected && (\r\n                  <span className=\"text-text-secondary\">Create:</span>\r\n                )}\r\n                <span className=\"font-medium text-text-primary truncate\">\r\n                  {trimmedInput}\r\n                </span>\r\n              </div>\r\n            </ComboboxItem>\r\n          )}\r\n          <ComboboxInfiniteScroll {...infiniteScroll} />\r\n        </ComboboxList>\r\n      </ComboboxPopup>\r\n    </Combobox>\r\n  )\r\n}\r\n\r\nexport { ComboboxChipOutside }"]}

package/dist/composites/combobox-chip-outside.d.ts

@@ -8,6 +8,9 @@ import '../ui/infinite-scroll.js';
 import '../ui/input.js';
 import 'class-variance-authority/types';
 import 'class-variance-authority';
+import '../ui/avatar.js';
+import '../primitives/avatar.js';
+import '@base-ui/react/avatar';
 
 type ComboboxChipOutsideProps<Value> = Omit<ComboboxProps<Value, true>, "multiple"> & {
     multiple?: boolean;

package/dist/composites/combobox-chip-outside.js

@@ -1,2 +1,2 @@
-export{a as ComboboxChipOutside}from'../chunk-LTSUNU7E.js';import'../chunk-PU426AFH.js';import'../chunk-PJYKUR4F.js';import'../chunk-3ASGRRVT.js';import'../chunk-K2BMQ2TN.js';import'../chunk-G6HDEOYZ.js';import'../chunk-K7GGFR7W.js';import'../chunk-EE5QQGMX.js';import'../chunk-AVJU2H5V.js';import'../chunk-77T5FOYW.js';import'../chunk-WWCXHCNU.js';import'../chunk-3C5RPQNM.js';import'../chunk-F2QUDOBO.js';import'../chunk-3QGG35QR.js';import'../chunk-4IAMLCAM.js';import'../chunk-NGSCUYDU.js';import'../chunk-Y6JASO6W.js';import'../chunk-V2D72N26.js';import'../chunk-VNU37GJC.js';import'../chunk-BTVE2DOC.js';import'../chunk-RJ2SAHLO.js';import'../chunk-ZVME3JB3.js';import'../chunk-2TUGHMFW.js';import'../chunk-2RHSXF3X.js';import'../chunk-DX767LBV.js';import'../chunk-RN6CYJKG.js';import'../chunk-TES3PKRE.js';import'../chunk-BX7TD4RH.js';import'../chunk-YKX7SKZA.js';import'../chunk-BRZUHQYB.js';import'../chunk-NKQ3MFRE.js';import'../chunk-UBTCCHVI.js';import'../chunk-VNAMAKPG.js';import'../chunk-GNQKITNA.js';import'../chunk-JH6RZ3QH.js';import'../chunk-ZNZVX4PT.js';import'../chunk-TED2PUK6.js';import'../chunk-2XZRLJCN.js';import'../chunk-XG3W7QMP.js';import'../chunk-DCH35MB4.js';import'../chunk-OZUSDNK5.js';import'../chunk-6AKSAK5F.js';import'../chunk-AUYPBFZJ.js';import'../chunk-322IBGFZ.js';import'../chunk-QDCD6MNO.js';import'../chunk-LFQAJN4H.js';import'../chunk-BEJ2SIQP.js';import'../chunk-4PD3DZE6.js';import'../chunk-3RJED3RZ.js';import'../chunk-FKOYTHRM.js';import'../chunk-GJ5F6YBZ.js';import'../chunk-4D2HXXN3.js';import'../chunk-S7ZMBRYT.js';import'../chunk-TIVYCE4X.js';import'../chunk-RCP2CZRA.js';import'../chunk-AGKZWMW5.js';import'../chunk-YWG6HJAX.js';import'../chunk-NHQA6KSU.js';import'../chunk-DDCGJBN7.js';import'../chunk-SGJYHWYM.js';import'../chunk-QYGN3VYS.js';import'../chunk-ADC7WDF4.js';import'../chunk-ICQEZHVV.js';import'../chunk-PSHB2EQA.js';import'../chunk-JVBWH3DS.js';import'../chunk-EHRGIXKH.js';import'../chunk-CQC2IBSD.js';import'../chunk-CKVTRZ3S.js';import'../chunk-YSG3MHTX.js';import'../chunk-ZSYQCIYS.js';import'../chunk-4EYPU56T.js';import'../chunk-2JHFRTOZ.js';import'../chunk-FJTQQ4SC.js';import'../chunk-W2HFGSVH.js';import'../chunk-2GABMQSA.js';import'../chunk-7ECOWHUV.js';import'../chunk-IUPJTP3B.js';import'../chunk-KO4EAVJY.js';import'../chunk-PEHI6LCP.js';import'../chunk-3HUMZKFZ.js';import'../chunk-U5N2WWD3.js';import'../chunk-F2D445K4.js';import'../chunk-NUCPKDK5.js';import'../chunk-2IOTGL4J.js';import'../chunk-NASTZUK6.js';import'../chunk-UKXYDUDY.js';import'../chunk-7YXRTIXL.js';import'../chunk-4NU44YPN.js';import'../chunk-3SQB2TJB.js';import'../chunk-L5AG5DTS.js';import'../chunk-EAF4H4YJ.js';import'../chunk-XH22TH7N.js';import'../chunk-7LF2CJ3L.js';import'../chunk-5ETIHFSE.js';import'../chunk-XJTOYNCA.js';import'../chunk-BZGVXBP3.js';import'../chunk-U6W5PRLZ.js';import'../chunk-JXTOUSXQ.js';import'../chunk-DRYKJQ72.js';import'../chunk-46KQF4UN.js';import'../chunk-556ANF7Z.js';import'../chunk-V5WX4TSN.js';import'../chunk-Z22ALCLD.js';import'../chunk-IHTB4XCP.js';import'../chunk-5KMCPFGM.js';import'../chunk-6I4GG756.js';import'../chunk-4UC2VYI5.js';import'../chunk-UCCQUPMT.js';import'../chunk-TMDCYGCN.js';import'../chunk-PDZ7VJPX.js';import'../chunk-Y72C3IVO.js';import'../chunk-5OQVCPXP.js';import'../chunk-LSW5TIYQ.js';import'../chunk-5YFGDOSH.js';import'../chunk-3NFGWKSO.js';import'../chunk-L73GMVVO.js';import'../chunk-OL4WHG4U.js';import'../chunk-WMUM5NGX.js';import'../chunk-A2U6VIQW.js';import'../chunk-VZMFSH37.js';import'../chunk-ECVIBKDN.js';import'../chunk-MPD36YFP.js';import'../chunk-Z5GMQ477.js';import'../chunk-6FL6AY4D.js';import'../chunk-3376QA4Q.js';import'../chunk-ZVCIT3QN.js';import'../chunk-UACQQO3I.js';import'../chunk-IHLMMP5Q.js';import'../chunk-LN37WPV7.js';import'../chunk-5NAO3POG.js';import'../chunk-JWAU7A2Q.js';import'../chunk-YFCBMUPK.js';import'../chunk-SLLTAQ22.js';import'../chunk-TORDOY73.js';import'../chunk-CAK44O3E.js';import'../chunk-MTWFWU3I.js';import'../chunk-NREZRMEX.js';import'../chunk-3SKJUZ5H.js';import'../chunk-EDXV6BE6.js';import'../chunk-HM2QBLIL.js';import'../chunk-6IKHZM3V.js';import'../chunk-2FGDZ6WR.js';import'../chunk-KHCZBVOK.js';import'../chunk-2TO4PAQM.js';import'../chunk-HSTY767P.js';import'../chunk-BKWINCGB.js';import'../chunk-VOTCMLJE.js';import'../chunk-ZKFUHFBC.js';import'../chunk-CEYIRTZQ.js';import'../chunk-HL32HBMO.js';import'../chunk-K7EZKYBC.js';import'../chunk-FIXJ55FT.js';import'../chunk-GDU3OVET.js';import'../chunk-3EU5QGAN.js';import'../chunk-6EMNBLEM.js';import'../chunk-4CBZOTZR.js';import'../chunk-XY4CWRWG.js';import'../chunk-2ZG2WNSI.js';import'../chunk-FBKS63GQ.js';import'../chunk-NUGYUIN6.js';import'../chunk-6KFTNJLJ.js';import'../chunk-C7GZULSV.js';import'../chunk-GGD2FGWK.js';import'../chunk-AI5FYYCO.js';import'../chunk-UCQKCAYY.js';import'../chunk-SDKXW3R4.js';import'../chunk-EJ5XTT5H.js';import'../chunk-6FEBVO2P.js';import'../chunk-JCFEHT75.js';import'../chunk-5I545S2U.js';import'../chunk-V6YCCR75.js';import'../chunk-NYSABCPP.js';import'../chunk-M5IVXDZ4.js';import'../chunk-SCPA3CM2.js';import'../chunk-2PQUW476.js';import'../chunk-HEKI5WR2.js';import'../chunk-TTZ2UE5L.js';import'../chunk-JZJHLBOV.js';import'../chunk-L6ZGEGUV.js';import'../chunk-DQSDZXTX.js';import'../chunk-R33XCP5H.js';import'../chunk-EERDL5XC.js';import'../chunk-GE3TPDYX.js';import'../chunk-RMGJAA2L.js';import'../chunk-Z7IOYXOK.js';import'../chunk-X2VRJLPR.js';import'../chunk-KPA4J3CC.js';import'../chunk-4JEHGT2R.js';import'../chunk-QNEJRZ4U.js';import'../chunk-ZWZZVZOP.js';import'../chunk-VLSPFIZU.js';import'../chunk-BGSHHAM2.js';import'../chunk-SR76VRAC.js';import'../chunk-4GMRFP6B.js';import'../chunk-F5FFAJ6B.js';import'../chunk-5FALHJEA.js';import'../chunk-ICHHISXQ.js';import'../chunk-IRRA2OTH.js';import'../chunk-QM2KF35E.js';import'../chunk-WI5V5Z76.js';import'../chunk-PCUUUW7T.js';import'../chunk-FELUIC3Z.js';import'../chunk-BKBLZKQ7.js';import'../chunk-3Q72MLBZ.js';import'../chunk-U27RVBYT.js';import'../chunk-SX54FORI.js';import'../chunk-XOIZGRZ6.js';import'../chunk-EY3W3WZX.js';import'../chunk-X2J6MJ6Y.js';import'../chunk-KCSDB6W4.js';import'../chunk-3N22A4KQ.js';import'../chunk-F7KNYOYR.js';import'../chunk-XNDNAHCC.js';import'../chunk-UESMX3LA.js';import'../chunk-33MUUBSB.js';import'../chunk-VK62KNI7.js';import'../chunk-OREIXD3L.js';import'../chunk-EYH5SNDK.js';import'../chunk-RUTYHOHT.js';import'../chunk-4FH2LYOC.js';import'../chunk-LYV7R7DB.js';import'../chunk-EKS6U6XR.js';import'../chunk-5LAJMBKN.js';import'../chunk-ZEONZS5N.js';import'../chunk-75BEGXGF.js';import'../chunk-CP6DGMEP.js';import'../chunk-7TNSQNT7.js';import'../chunk-YTN4DVWB.js';import'../chunk-UVYYUEHO.js';import'../chunk-FFYGBVMN.js';import'../chunk-HJJ2VCYO.js';import'../chunk-KZMULPFK.js';import'../chunk-X5TJ3Z24.js';import'../chunk-J64EBQ23.js';import'../chunk-PFSN7DQX.js';import'../chunk-Y2R7ZZYY.js';import'../chunk-ZPPUEK2E.js';import'../chunk-GOXCPAUM.js';import'../chunk-6L6HTR6E.js';import'../chunk-4VQUQ3NT.js';import'../chunk-MHRHCLIU.js';import'../chunk-V4VKQ2QF.js';import'../chunk-NVVCGBML.js';import'../chunk-ZTCAXM77.js';import'../chunk-TJNOFRWB.js';import'../chunk-Y2TTBBRP.js';import'../chunk-NYQJHUKD.js';import'../chunk-6NPT5BJ7.js';import'../chunk-MYGQXM66.js';import'../chunk-ZY5FUK37.js';import'../chunk-DNIYW2WB.js';import'../chunk-DVXIIACM.js';import'../chunk-DEFVXH3J.js';import'../chunk-Y56EKYRN.js';import'../chunk-IW6VX3I7.js';import'../chunk-QWCYJC3T.js';import'../chunk-4S6MFDRP.js';import'../chunk-OE7VPOT4.js';import'../chunk-LHVBJHQZ.js';import'../chunk-2V46QEC7.js';import'../chunk-I2K2QQOA.js';import'../chunk-ZPKZLDR2.js';import'../chunk-EBXTHJF5.js';import'../chunk-ZXSIHT6V.js';import'../chunk-TJFA5O6Z.js';import'../chunk-KCCBSGT3.js';import'../chunk-QWFECUYL.js';import'../chunk-IPTGAZ37.js';import'../chunk-YWDIILO5.js';import'../chunk-WVOOXXON.js';import'../chunk-YRO736RI.js';import'../chunk-QBNIE5KZ.js';import'../chunk-4WDDWMBW.js';import'../chunk-24ZESL25.js';import'../chunk-QH67MZKV.js';import'../chunk-O5CSN63E.js';import'../chunk-ZQWDYX2E.js';import'../chunk-JUM5W2FF.js';import'../chunk-MOH4SNJJ.js';import'../chunk-YFZPYFTS.js';import'../chunk-JSE2CMYN.js';import'../chunk-WSMQZH5E.js';import'../chunk-CEY3P2QK.js';import'../chunk-E6ZLTD7K.js';import'../chunk-OEEQX3JR.js';import'../chunk-ZT35KBQN.js';import'../chunk-T7HRX3EC.js';import'../chunk-C4ELFIL6.js';import'../chunk-UJRREWOA.js';import'../chunk-3KSOBU4X.js';import'../chunk-ZMNFPSA3.js';import'../chunk-6C2TVGCV.js';import'../chunk-XQ5APSL5.js';import'../chunk-6UJXNDLR.js';import'../chunk-HG6NCRSN.js';import'../chunk-4TNLRALG.js';import'../chunk-WYRCNM2M.js';import'../chunk-EYKDAQEG.js';import'../chunk-K3RU27VR.js';import'../chunk-CFKH5BM3.js';import'../chunk-GYYQR6WJ.js';import'../chunk-PEAZKA47.js';import'../chunk-XU65MB53.js';import'../chunk-JUY2JZGK.js';import'../chunk-CHPQMJNP.js';import'../chunk-CJSVB5XT.js';import'../chunk-XFY6L3B6.js';import'../chunk-BNOMWF6G.js';import'../chunk-NTXAFTKR.js';import'../chunk-MFV4KTCM.js';import'../chunk-I56A4HTS.js';import'../chunk-BM65PK4H.js';import'../chunk-3Q67KQWC.js';import'../chunk-A4G246BH.js';import'../chunk-WUGIELON.js';import'../chunk-JLZNZFOO.js';import'../chunk-NY57FUA3.js';import'../chunk-RBLL355H.js';import'../chunk-RMHUCROW.js';import'../chunk-7LXFJQSH.js';import'../chunk-2HZWQU6H.js';//# sourceMappingURL=combobox-chip-outside.js.map
+export{a as ComboboxChipOutside}from'../chunk-U3IMR5VI.js';import'../chunk-GUQAFHTY.js';import'../chunk-PJYKUR4F.js';import'../chunk-3ASGRRVT.js';import'../chunk-K2BMQ2TN.js';import'../chunk-G6HDEOYZ.js';import'../chunk-K7GGFR7W.js';import'../chunk-UBTCCHVI.js';import'../chunk-EE5QQGMX.js';import'../chunk-AVJU2H5V.js';import'../chunk-77T5FOYW.js';import'../chunk-WWCXHCNU.js';import'../chunk-2AOIAHWJ.js';import'../chunk-IF2CKGBN.js';import'../chunk-3QGG35QR.js';import'../chunk-4IAMLCAM.js';import'../chunk-RMHUCROW.js';import'../chunk-7LXFJQSH.js';import'../chunk-NGSCUYDU.js';import'../chunk-Y6JASO6W.js';import'../chunk-V2D72N26.js';import'../chunk-VNU37GJC.js';import'../chunk-GN5ZHC2L.js';import'../chunk-RJ2SAHLO.js';import'../chunk-ZVME3JB3.js';import'../chunk-2TUGHMFW.js';import'../chunk-2RHSXF3X.js';import'../chunk-DX767LBV.js';import'../chunk-RN6CYJKG.js';import'../chunk-TES3PKRE.js';import'../chunk-BX7TD4RH.js';import'../chunk-YKX7SKZA.js';import'../chunk-BRZUHQYB.js';import'../chunk-NKQ3MFRE.js';import'../chunk-VNAMAKPG.js';import'../chunk-DUSAF7E7.js';import'../chunk-ZNZVX4PT.js';import'../chunk-TED2PUK6.js';import'../chunk-JH6RZ3QH.js';import'../chunk-2XZRLJCN.js';import'../chunk-XG3W7QMP.js';import'../chunk-DCH35MB4.js';import'../chunk-AA2XSKFM.js';import'../chunk-6RI2ROVI.js';import'../chunk-2HZWQU6H.js';import'../chunk-AUYPBFZJ.js';import'../chunk-4D2HXXN3.js';import'../chunk-S7ZMBRYT.js';import'../chunk-322IBGFZ.js';import'../chunk-QDCD6MNO.js';import'../chunk-SGJYHWYM.js';import'../chunk-QYGN3VYS.js';import'../chunk-LFQAJN4H.js';import'../chunk-BEJ2SIQP.js';import'../chunk-4PD3DZE6.js';import'../chunk-3RJED3RZ.js';import'../chunk-FKOYTHRM.js';import'../chunk-GJ5F6YBZ.js';import'../chunk-CKVTRZ3S.js';import'../chunk-YSG3MHTX.js';import'../chunk-TIVYCE4X.js';import'../chunk-RCP2CZRA.js';import'../chunk-AGKZWMW5.js';import'../chunk-YWG6HJAX.js';import'../chunk-NHQA6KSU.js';import'../chunk-DDCGJBN7.js';import'../chunk-7ECOWHUV.js';import'../chunk-IUPJTP3B.js';import'../chunk-ADC7WDF4.js';import'../chunk-ICQEZHVV.js';import'../chunk-PSHB2EQA.js';import'../chunk-JVBWH3DS.js';import'../chunk-EHRGIXKH.js';import'../chunk-CQC2IBSD.js';import'../chunk-2IOTGL4J.js';import'../chunk-NASTZUK6.js';import'../chunk-ZSYQCIYS.js';import'../chunk-4EYPU56T.js';import'../chunk-2JHFRTOZ.js';import'../chunk-FJTQQ4SC.js';import'../chunk-W2HFGSVH.js';import'../chunk-2GABMQSA.js';import'../chunk-XH22TH7N.js';import'../chunk-7LF2CJ3L.js';import'../chunk-KO4EAVJY.js';import'../chunk-PEHI6LCP.js';import'../chunk-3HUMZKFZ.js';import'../chunk-U5N2WWD3.js';import'../chunk-F2D445K4.js';import'../chunk-NUCPKDK5.js';import'../chunk-46KQF4UN.js';import'../chunk-556ANF7Z.js';import'../chunk-UKXYDUDY.js';import'../chunk-7YXRTIXL.js';import'../chunk-4NU44YPN.js';import'../chunk-3SQB2TJB.js';import'../chunk-L5AG5DTS.js';import'../chunk-EAF4H4YJ.js';import'../chunk-UCCQUPMT.js';import'../chunk-TMDCYGCN.js';import'../chunk-5ETIHFSE.js';import'../chunk-XJTOYNCA.js';import'../chunk-BZGVXBP3.js';import'../chunk-U6W5PRLZ.js';import'../chunk-JXTOUSXQ.js';import'../chunk-DRYKJQ72.js';import'../chunk-L73GMVVO.js';import'../chunk-OL4WHG4U.js';import'../chunk-V5WX4TSN.js';import'../chunk-Z22ALCLD.js';import'../chunk-IHTB4XCP.js';import'../chunk-5KMCPFGM.js';import'../chunk-6I4GG756.js';import'../chunk-4UC2VYI5.js';import'../chunk-6FL6AY4D.js';import'../chunk-3376QA4Q.js';import'../chunk-PDZ7VJPX.js';import'../chunk-Y72C3IVO.js';import'../chunk-5OQVCPXP.js';import'../chunk-LSW5TIYQ.js';import'../chunk-5YFGDOSH.js';import'../chunk-3NFGWKSO.js';import'../chunk-YFCBMUPK.js';import'../chunk-SLLTAQ22.js';import'../chunk-WMUM5NGX.js';import'../chunk-A2U6VIQW.js';import'../chunk-VZMFSH37.js';import'../chunk-ECVIBKDN.js';import'../chunk-MPD36YFP.js';import'../chunk-Z5GMQ477.js';import'../chunk-HM2QBLIL.js';import'../chunk-6IKHZM3V.js';import'../chunk-ZVCIT3QN.js';import'../chunk-UACQQO3I.js';import'../chunk-IHLMMP5Q.js';import'../chunk-LN37WPV7.js';import'../chunk-5NAO3POG.js';import'../chunk-JWAU7A2Q.js';import'../chunk-ZKFUHFBC.js';import'../chunk-CEYIRTZQ.js';import'../chunk-TORDOY73.js';import'../chunk-CAK44O3E.js';import'../chunk-MTWFWU3I.js';import'../chunk-NREZRMEX.js';import'../chunk-3SKJUZ5H.js';import'../chunk-EDXV6BE6.js';import'../chunk-4CBZOTZR.js';import'../chunk-XY4CWRWG.js';import'../chunk-2FGDZ6WR.js';import'../chunk-KHCZBVOK.js';import'../chunk-2TO4PAQM.js';import'../chunk-HSTY767P.js';import'../chunk-BKWINCGB.js';import'../chunk-VOTCMLJE.js';import'../chunk-AI5FYYCO.js';import'../chunk-UCQKCAYY.js';import'../chunk-HL32HBMO.js';import'../chunk-K7EZKYBC.js';import'../chunk-FIXJ55FT.js';import'../chunk-GDU3OVET.js';import'../chunk-3EU5QGAN.js';import'../chunk-6EMNBLEM.js';import'../chunk-NYSABCPP.js';import'../chunk-M5IVXDZ4.js';import'../chunk-2ZG2WNSI.js';import'../chunk-FBKS63GQ.js';import'../chunk-NUGYUIN6.js';import'../chunk-6KFTNJLJ.js';import'../chunk-C7GZULSV.js';import'../chunk-GGD2FGWK.js';import'../chunk-DQSDZXTX.js';import'../chunk-R33XCP5H.js';import'../chunk-SDKXW3R4.js';import'../chunk-EJ5XTT5H.js';import'../chunk-6FEBVO2P.js';import'../chunk-JCFEHT75.js';import'../chunk-5I545S2U.js';import'../chunk-V6YCCR75.js';import'../chunk-4JEHGT2R.js';import'../chunk-QNEJRZ4U.js';import'../chunk-SCPA3CM2.js';import'../chunk-2PQUW476.js';import'../chunk-HEKI5WR2.js';import'../chunk-TTZ2UE5L.js';import'../chunk-JZJHLBOV.js';import'../chunk-L6ZGEGUV.js';import'../chunk-5FALHJEA.js';import'../chunk-ICHHISXQ.js';import'../chunk-EERDL5XC.js';import'../chunk-GE3TPDYX.js';import'../chunk-RMGJAA2L.js';import'../chunk-Z7IOYXOK.js';import'../chunk-X2VRJLPR.js';import'../chunk-KPA4J3CC.js';import'../chunk-BKBLZKQ7.js';import'../chunk-3Q72MLBZ.js';import'../chunk-ZWZZVZOP.js';import'../chunk-VLSPFIZU.js';import'../chunk-BGSHHAM2.js';import'../chunk-SR76VRAC.js';import'../chunk-4GMRFP6B.js';import'../chunk-F5FFAJ6B.js';import'../chunk-3N22A4KQ.js';import'../chunk-F7KNYOYR.js';import'../chunk-IRRA2OTH.js';import'../chunk-QM2KF35E.js';import'../chunk-WI5V5Z76.js';import'../chunk-PCUUUW7T.js';import'../chunk-FELUIC3Z.js';import'../chunk-RUTYHOHT.js';import'../chunk-4FH2LYOC.js';import'../chunk-U27RVBYT.js';import'../chunk-SX54FORI.js';import'../chunk-XOIZGRZ6.js';import'../chunk-EY3W3WZX.js';import'../chunk-X2J6MJ6Y.js';import'../chunk-KCSDB6W4.js';import'../chunk-7TNSQNT7.js';import'../chunk-YTN4DVWB.js';import'../chunk-XNDNAHCC.js';import'../chunk-UESMX3LA.js';import'../chunk-33MUUBSB.js';import'../chunk-VK62KNI7.js';import'../chunk-OREIXD3L.js';import'../chunk-EYH5SNDK.js';import'../chunk-PFSN7DQX.js';import'../chunk-Y2R7ZZYY.js';import'../chunk-LYV7R7DB.js';import'../chunk-EKS6U6XR.js';import'../chunk-5LAJMBKN.js';import'../chunk-ZEONZS5N.js';import'../chunk-75BEGXGF.js';import'../chunk-CP6DGMEP.js';import'../chunk-NVVCGBML.js';import'../chunk-ZTCAXM77.js';import'../chunk-UVYYUEHO.js';import'../chunk-FFYGBVMN.js';import'../chunk-HJJ2VCYO.js';import'../chunk-KZMULPFK.js';import'../chunk-X5TJ3Z24.js';import'../chunk-J64EBQ23.js';import'../chunk-DNIYW2WB.js';import'../chunk-DVXIIACM.js';import'../chunk-ZPPUEK2E.js';import'../chunk-GOXCPAUM.js';import'../chunk-6L6HTR6E.js';import'../chunk-4VQUQ3NT.js';import'../chunk-MHRHCLIU.js';import'../chunk-V4VKQ2QF.js';import'../chunk-LHVBJHQZ.js';import'../chunk-2V46QEC7.js';import'../chunk-TJNOFRWB.js';import'../chunk-Y2TTBBRP.js';import'../chunk-NYQJHUKD.js';import'../chunk-6NPT5BJ7.js';import'../chunk-MYGQXM66.js';import'../chunk-ZY5FUK37.js';import'../chunk-QWFECUYL.js';import'../chunk-IPTGAZ37.js';import'../chunk-DEFVXH3J.js';import'../chunk-Y56EKYRN.js';import'../chunk-IW6VX3I7.js';import'../chunk-QWCYJC3T.js';import'../chunk-4S6MFDRP.js';import'../chunk-OE7VPOT4.js';import'../chunk-QH67MZKV.js';import'../chunk-O5CSN63E.js';import'../chunk-I2K2QQOA.js';import'../chunk-ZPKZLDR2.js';import'../chunk-EBXTHJF5.js';import'../chunk-ZXSIHT6V.js';import'../chunk-TJFA5O6Z.js';import'../chunk-KCCBSGT3.js';import'../chunk-CEY3P2QK.js';import'../chunk-E6ZLTD7K.js';import'../chunk-YWDIILO5.js';import'../chunk-WVOOXXON.js';import'../chunk-YRO736RI.js';import'../chunk-QBNIE5KZ.js';import'../chunk-4WDDWMBW.js';import'../chunk-24ZESL25.js';import'../chunk-ZMNFPSA3.js';import'../chunk-6C2TVGCV.js';import'../chunk-ZQWDYX2E.js';import'../chunk-JUM5W2FF.js';import'../chunk-MOH4SNJJ.js';import'../chunk-YFZPYFTS.js';import'../chunk-JSE2CMYN.js';import'../chunk-WSMQZH5E.js';import'../chunk-K3RU27VR.js';import'../chunk-CFKH5BM3.js';import'../chunk-OEEQX3JR.js';import'../chunk-ZT35KBQN.js';import'../chunk-T7HRX3EC.js';import'../chunk-C4ELFIL6.js';import'../chunk-UJRREWOA.js';import'../chunk-3KSOBU4X.js';import'../chunk-XFY6L3B6.js';import'../chunk-BNOMWF6G.js';import'../chunk-XQ5APSL5.js';import'../chunk-6UJXNDLR.js';import'../chunk-HG6NCRSN.js';import'../chunk-4TNLRALG.js';import'../chunk-WYRCNM2M.js';import'../chunk-EYKDAQEG.js';import'../chunk-A4G246BH.js';import'../chunk-WUGIELON.js';import'../chunk-GYYQR6WJ.js';import'../chunk-PEAZKA47.js';import'../chunk-XU65MB53.js';import'../chunk-JUY2JZGK.js';import'../chunk-CHPQMJNP.js';import'../chunk-CJSVB5XT.js';import'../chunk-NTXAFTKR.js';import'../chunk-MFV4KTCM.js';import'../chunk-I56A4HTS.js';import'../chunk-BM65PK4H.js';import'../chunk-3Q67KQWC.js';import'../chunk-CQEBQK7U.js';import'../chunk-HVR2PWQX.js';import'../chunk-JLZNZFOO.js';import'../chunk-NY57FUA3.js';import'../chunk-RBLL355H.js';//# sourceMappingURL=combobox-chip-outside.js.map
 //# sourceMappingURL=combobox-chip-outside.js.map

package/dist/composites/combobox-chip.d.ts

@@ -8,6 +8,9 @@ import '../ui/infinite-scroll.js';
 import '../ui/input.js';
 import 'class-variance-authority/types';
 import 'class-variance-authority';
+import '../ui/avatar.js';
+import '../primitives/avatar.js';
+import '@base-ui/react/avatar';
 
 type ComboboxChipProps<Value> = Omit<ComboboxProps<Value, true>, "multiple"> & {
     multiple?: boolean;