@deckai/deck-ui 0.0.16 → 0.0.18

package/dist/components/Link.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/Text.tsx","../../src/utils/index.ts","../../src/utils/tailwind.ts","../../src/components/Link.tsx"],"names":["HEADING_ELEMENT_MAP","getElementFromVariant","variant","category","size","fontWeight","processVariants","variants","breakpoint","typographyClass","Text","React","color","as","className","children","weight","props","ref","typographyClasses","colorClasses","suggestedElement","baseVariant","cn","inputs","twMerge","clsx","focusRingStyles","Link","href"],"mappings":"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","file":"Link.js","sourcesContent":["import React from \"react\";\nimport { Typography } from \"../types/tailwind\";\n\ntype TextElement =\n  | \"p\"\n  | \"span\"\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"h5\"\n  | \"h6\"\n  | \"strong\"\n  | \"em\"\n  | \"blockquote\"\n  | \"pre\"\n  | \"code\"\n  | \"small\"\n  | \"label\"\n  | \"a\";\n\n// HTML element mapping type\ntype HTMLElementByTag = {\n  p: HTMLParagraphElement;\n  span: HTMLSpanElement;\n  h1: HTMLHeadingElement;\n  h2: HTMLHeadingElement;\n  h3: HTMLHeadingElement;\n  h4: HTMLHeadingElement;\n  h5: HTMLHeadingElement;\n  h6: HTMLHeadingElement;\n  strong: HTMLElement;\n  em: HTMLElement;\n  blockquote: HTMLQuoteElement;\n  pre: HTMLPreElement;\n  code: HTMLElement;\n  small: HTMLElement;\n  label: HTMLLabelElement;\n  a: HTMLAnchorElement;\n};\n\n// HTML props mapping type\ntype HTMLPropsMap = {\n  p: React.HTMLAttributes<HTMLParagraphElement>;\n  span: React.HTMLAttributes<HTMLSpanElement>;\n  h1: React.HTMLAttributes<HTMLHeadingElement>;\n  h2: React.HTMLAttributes<HTMLHeadingElement>;\n  h3: React.HTMLAttributes<HTMLHeadingElement>;\n  h4: React.HTMLAttributes<HTMLHeadingElement>;\n  h5: React.HTMLAttributes<HTMLHeadingElement>;\n  h6: React.HTMLAttributes<HTMLHeadingElement>;\n  strong: React.HTMLAttributes<HTMLElement>;\n  em: React.HTMLAttributes<HTMLElement>;\n  blockquote: React.HTMLAttributes<HTMLQuoteElement>;\n  pre: React.HTMLAttributes<HTMLPreElement>;\n  code: React.HTMLAttributes<HTMLElement>;\n  small: React.HTMLAttributes<HTMLElement>;\n  label: React.LabelHTMLAttributes<HTMLLabelElement>;\n  a: Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, \"color\">;\n};\n\ntype TextColor =\n  | \"primary\"\n  | \"secondary\"\n  | \"white\"\n  | \"primary-blue\"\n  | \"disabled\"\n  | \"danger\"\n  | \"inherit\";\n\nconst HEADING_ELEMENT_MAP: Record<string, TextElement> = {\n  xl: \"h1\",\n  lg: \"h1\",\n  md: \"h2\",\n  sm: \"h3\",\n  xs: \"h4\"\n};\n\nconst getElementFromVariant = (variant: TypographyKey): TextElement => {\n  const [category, size] = variant.split(\"-\");\n\n  if (category === \"heading\") {\n    return HEADING_ELEMENT_MAP[size] || \"p\";\n  }\n\n  if (category === \"label\") {\n    return \"label\";\n  }\n\n  return \"p\";\n};\n\ntype Weight = \"light\" | \"regular\" | \"semibold\" | \"bold\";\n\nconst fontWeight: Record<Weight, string> = {\n  light: \"font-light\",\n  regular: \"font-regular\",\n  semibold: \"font-semibold\",\n  bold: \"font-bold\"\n};\n\n// Add breakpoint types\ntype Breakpoint = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\ntype ResponsiveVariant = TypographyKey | `${Breakpoint}:${TypographyKey}`;\n\ntype TypographyCategory = keyof Typography;\ntype TypographyValue<T extends TypographyCategory> = Extract<\n  keyof Typography[T],\n  string | number | bigint | boolean | null | undefined\n>;\ntype TypographyKey = {\n  [T in TypographyCategory]: `${T}-${TypographyValue<T>}`;\n}[TypographyCategory];\n\n// Update TextProps to use ResponsiveVariant\nexport type TextProps<T extends TextElement = \"p\"> = {\n  variant?: ResponsiveVariant | ResponsiveVariant[];\n  color?: TextColor;\n  as?: T;\n  className?: string;\n  children: React.ReactNode;\n  weight?: Weight;\n} & HTMLPropsMap[T];\n\n// Add helper function to process variants\nconst processVariants = (\n  variants: ResponsiveVariant | ResponsiveVariant[] | undefined\n): string => {\n  if (!variants) return \"text-body-default\";\n\n  const variantArray = Array.isArray(variants) ? variants : [variants];\n\n  return variantArray\n    .map((variant) => {\n      if (variant.includes(\":\")) {\n        const [breakpoint, typographyClass] = variant.split(\":\");\n        return `${breakpoint}:text-${typographyClass}`;\n      }\n      return `text-${variant}`;\n    })\n    .join(\" \");\n};\n\nexport const Text = React.forwardRef(\n  <T extends TextElement = \"p\">(\n    {\n      variant = \"body-default\",\n      color = \"primary\",\n      as,\n      className,\n      children,\n      weight,\n      ...props\n    }: TextProps<T>,\n    ref: React.ForwardedRef<HTMLElementByTag[T]>\n  ) => {\n    // Process typography classes with breakpoints\n    const typographyClasses = processVariants(variant);\n\n    // Get color styles\n    const colorClasses =\n      color === \"inherit\" ? \"text-inherit\" : `text-text-${color}`;\n\n    const suggestedElement = React.useMemo(() => {\n      const baseVariant =\n        typeof variant === \"string\"\n          ? variant.split(\":\").pop()!\n          : Array.isArray(variant)\n            ? variant[0].split(\":\").pop()!\n            : \"body-default\";\n      return getElementFromVariant(baseVariant as TypographyKey);\n    }, [variant]);\n\n    const Component = (as || suggestedElement) as T;\n\n    return (\n      // @ts-expect-error TODO: figure this out\n      <Component\n        ref={ref}\n        className={`font-sans antialiased ${typographyClasses} ${colorClasses} ${\n          weight ? `!${fontWeight[weight]}` : \"\"\n        } ${className ?? \"\"}`}\n        {...props}\n      >\n        {children}\n      </Component>\n    );\n  }\n);\n\nText.displayName = \"Text\";\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n\nexport const noopFn = () => {};\n","import { Colors, Typography } from \"../types/tailwind\";\n\n// Generate safelist patterns for all color utilities so you can use any theme color variable in your code\nexport const generateSafelist = (colors: Colors, typography: Typography) => {\n  const colorNames = Object.keys(colors) as (keyof Colors)[];\n  const utilities = [\"bg\", \"text\", \"border\", \"ring\", \"divide\", \"outline\"];\n  const variants = [\"hover:\", \"focus:\", \"active:\", \"disabled:\"];\n\n  const safelist: string[] = [];\n\n  colorNames.forEach((colorName) => {\n    if (typeof colors[colorName] === \"object\") {\n      // Handle nested color objects (with number keys)\n      Object.keys(colors[colorName]).forEach((shade) => {\n        utilities.forEach((utility) => {\n          // Base utility\n          safelist.push(`${utility}-${colorName}-${shade}`);\n\n          // Variant utilities\n          variants.forEach((variant) => {\n            safelist.push(`${variant}${utility}-${colorName}-${shade}`);\n          });\n        });\n      });\n    } else {\n      // Handle direct color values\n      utilities.forEach((utility) => {\n        safelist.push(`${utility}-${colorName}`);\n\n        variants.forEach((variant) => {\n          safelist.push(`${variant}${utility}-${colorName}`);\n        });\n      });\n    }\n  });\n\n  // Generate typography classes\n  Object.entries(typography).forEach(([family, sizes]) => {\n    Object.keys(sizes).forEach((size) => {\n      // Base typography classes\n      safelist.push(`text-${family}-${size}`);\n\n      // Add variants\n      variants.forEach((variant) => {\n        safelist.push(`${variant}text-${family}-${size}`);\n      });\n    });\n  });\n\n  const breakpoints = [\"sm\", \"md\", \"lg\", \"xl\", \"2xl\"];\n  const typographyClasses = Object.entries(typography).flatMap(\n    ([category, sizes]) =>\n      Object.keys(sizes).map((size) => `text-${category}-${size}`)\n  );\n\n  // Generate responsive variants\n  const responsiveTypographyClasses = typographyClasses.flatMap((className) =>\n    breakpoints.map((breakpoint) => `${breakpoint}:${className}`)\n  );\n\n  return [\n    ...typographyClasses,\n    ...responsiveTypographyClasses\n    // ... rest of your safelist\n  ];\n};\n\nexport const focusRingStyles =\n  \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\";\n\nexport const focusRingStylesCoerced = \"ring-2 ring-ring ring-offset-2\";\n","import React from \"react\";\nimport { Text, TextProps } from \"./Text\";\nimport { cn } from \"../utils\";\nimport { focusRingStyles } from \"../utils/tailwind\";\n\nexport type LinkProps = {\n  href: string;\n  children: React.ReactNode;\n  className?: string;\n  style?: React.CSSProperties;\n} & Pick<TextProps, \"variant\" | \"color\"> &\n  React.AnchorHTMLAttributes<HTMLAnchorElement>;\n\nexport const Link = ({\n  children,\n  color = \"inherit\",\n  variant = \"body-default-semibold\",\n  href,\n  className,\n  ...props\n}: LinkProps) => (\n  <Text variant={variant} color={color}>\n    <a\n      href={href}\n      className={cn(\n        \"hover:opacity-80 transition-all ease-in-out active:scale-95 hover:underline\",\n        focusRingStyles,\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </a>\n  </Text>\n);\n"]}
+{"version":3,"sources":["../../src/components/Text.tsx","../../src/utils/index.ts","../../src/utils/tailwind.ts","../../src/components/Link.tsx"],"names":["HEADING_ELEMENT_MAP","getElementFromVariant","variant","category","size","fontWeight","processVariants","variants","breakpoint","typographyClass","Text","React","color","as","className","children","weight","props","ref","typographyClasses","colorClasses","suggestedElement","baseVariant","cn","inputs","twMerge","clsx","focusRingStyles","Link","href"],"mappings":"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","file":"Link.js","sourcesContent":["import React from \"react\";\nimport { Typography } from \"../types/tailwind\";\n\ntype TextElement =\n  | \"p\"\n  | \"span\"\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"h5\"\n  | \"h6\"\n  | \"strong\"\n  | \"em\"\n  | \"blockquote\"\n  | \"pre\"\n  | \"code\"\n  | \"small\"\n  | \"label\"\n  | \"a\";\n\n// HTML element mapping type\ntype HTMLElementByTag = {\n  p: HTMLParagraphElement;\n  span: HTMLSpanElement;\n  h1: HTMLHeadingElement;\n  h2: HTMLHeadingElement;\n  h3: HTMLHeadingElement;\n  h4: HTMLHeadingElement;\n  h5: HTMLHeadingElement;\n  h6: HTMLHeadingElement;\n  strong: HTMLElement;\n  em: HTMLElement;\n  blockquote: HTMLQuoteElement;\n  pre: HTMLPreElement;\n  code: HTMLElement;\n  small: HTMLElement;\n  label: HTMLLabelElement;\n  a: HTMLAnchorElement;\n};\n\n// HTML props mapping type\ntype HTMLPropsMap = {\n  p: React.HTMLAttributes<HTMLParagraphElement>;\n  span: React.HTMLAttributes<HTMLSpanElement>;\n  h1: React.HTMLAttributes<HTMLHeadingElement>;\n  h2: React.HTMLAttributes<HTMLHeadingElement>;\n  h3: React.HTMLAttributes<HTMLHeadingElement>;\n  h4: React.HTMLAttributes<HTMLHeadingElement>;\n  h5: React.HTMLAttributes<HTMLHeadingElement>;\n  h6: React.HTMLAttributes<HTMLHeadingElement>;\n  strong: React.HTMLAttributes<HTMLElement>;\n  em: React.HTMLAttributes<HTMLElement>;\n  blockquote: React.HTMLAttributes<HTMLQuoteElement>;\n  pre: React.HTMLAttributes<HTMLPreElement>;\n  code: React.HTMLAttributes<HTMLElement>;\n  small: React.HTMLAttributes<HTMLElement>;\n  label: React.LabelHTMLAttributes<HTMLLabelElement>;\n  a: Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, \"color\">;\n};\n\ntype TextColor =\n  | \"primary\"\n  | \"secondary\"\n  | \"white\"\n  | \"primary-blue\"\n  | \"disabled\"\n  | \"danger\"\n  | \"inherit\"\n  | \"primary-100\";\n\nconst HEADING_ELEMENT_MAP: Record<string, TextElement> = {\n  xl: \"h1\",\n  lg: \"h1\",\n  md: \"h2\",\n  sm: \"h3\",\n  xs: \"h4\"\n};\n\nconst getElementFromVariant = (variant: TypographyKey): TextElement => {\n  const [category, size] = variant.split(\"-\");\n\n  if (category === \"heading\") {\n    return HEADING_ELEMENT_MAP[size] || \"p\";\n  }\n\n  if (category === \"label\") {\n    return \"label\";\n  }\n\n  return \"p\";\n};\n\ntype Weight = \"light\" | \"regular\" | \"semibold\" | \"bold\";\n\nconst fontWeight: Record<Weight, string> = {\n  light: \"font-light\",\n  regular: \"font-regular\",\n  semibold: \"font-semibold\",\n  bold: \"font-bold\"\n};\n\n// Add breakpoint types\ntype Breakpoint = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\ntype ResponsiveVariant = TypographyKey | `${Breakpoint}:${TypographyKey}`;\n\ntype TypographyCategory = keyof Typography;\ntype TypographyValue<T extends TypographyCategory> = Extract<\n  keyof Typography[T],\n  string | number | bigint | boolean | null | undefined\n>;\ntype TypographyKey = {\n  [T in TypographyCategory]: `${T}-${TypographyValue<T>}`;\n}[TypographyCategory];\n\n// Update TextProps to use ResponsiveVariant\nexport type TextProps<T extends TextElement = \"p\"> = {\n  variant?: ResponsiveVariant | ResponsiveVariant[];\n  color?: TextColor;\n  as?: T;\n  className?: string;\n  children: React.ReactNode;\n  weight?: Weight;\n} & HTMLPropsMap[T];\n\n// Add helper function to process variants\nconst processVariants = (\n  variants: ResponsiveVariant | ResponsiveVariant[] | undefined\n): string => {\n  if (!variants) return \"text-body-default\";\n\n  const variantArray = Array.isArray(variants) ? variants : [variants];\n\n  return variantArray\n    .map((variant) => {\n      if (variant.includes(\":\")) {\n        const [breakpoint, typographyClass] = variant.split(\":\");\n        return `${breakpoint}:text-${typographyClass}`;\n      }\n      return `text-${variant}`;\n    })\n    .join(\" \");\n};\n\nexport const Text = React.forwardRef(\n  <T extends TextElement = \"p\">(\n    {\n      variant = \"body-default\",\n      color = \"primary\",\n      as,\n      className,\n      children,\n      weight,\n      ...props\n    }: TextProps<T>,\n    ref: React.ForwardedRef<HTMLElementByTag[T]>\n  ) => {\n    // Process typography classes with breakpoints\n    const typographyClasses = processVariants(variant);\n\n    // Get color styles\n    const colorClasses = color === \"inherit\" ? \"text-inherit\" : `text-${color}`;\n\n    const suggestedElement = React.useMemo(() => {\n      const baseVariant =\n        typeof variant === \"string\"\n          ? variant.split(\":\").pop()!\n          : Array.isArray(variant)\n            ? variant[0].split(\":\").pop()!\n            : \"body-default\";\n      return getElementFromVariant(baseVariant as TypographyKey);\n    }, [variant]);\n\n    const Component = (as || suggestedElement) as T;\n\n    return (\n      // @ts-expect-error TODO: figure this out\n      <Component\n        ref={ref}\n        className={`\n          font-sans antialiased\n          ${typographyClasses}\n          ${colorClasses}\n          ${weight && `!${fontWeight[weight]}`}\n          ${className}\n        `}\n        {...props}\n      >\n        {children}\n      </Component>\n    );\n  }\n);\n\nText.displayName = \"Text\";\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n\nexport const noopFn = () => {};\n","import { Colors, Typography } from \"../types/tailwind\";\n\n// Generate safelist patterns for all color utilities so you can use any theme color variable in your code\nexport const generateSafelist = (colors: Colors, typography: Typography) => {\n  const colorNames = Object.keys(colors) as (keyof Colors)[];\n  const utilities = [\"bg\", \"text\", \"border\", \"ring\", \"divide\", \"outline\"];\n  const variants = [\"hover:\", \"focus:\", \"active:\", \"disabled:\"];\n\n  const safelist: string[] = [];\n\n  colorNames.forEach((colorName) => {\n    if (typeof colors[colorName] === \"object\") {\n      // Handle nested color objects (with number keys)\n      Object.keys(colors[colorName]).forEach((shade) => {\n        utilities.forEach((utility) => {\n          // Base utility\n          safelist.push(`${utility}-${colorName}-${shade}`);\n\n          // Variant utilities\n          variants.forEach((variant) => {\n            safelist.push(`${variant}${utility}-${colorName}-${shade}`);\n          });\n        });\n      });\n    } else {\n      // Handle direct color values\n      utilities.forEach((utility) => {\n        safelist.push(`${utility}-${colorName}`);\n\n        variants.forEach((variant) => {\n          safelist.push(`${variant}${utility}-${colorName}`);\n        });\n      });\n    }\n  });\n\n  // Generate typography classes\n  Object.entries(typography).forEach(([family, sizes]) => {\n    Object.keys(sizes).forEach((size) => {\n      // Base typography classes\n      safelist.push(`text-${family}-${size}`);\n\n      // Add variants\n      variants.forEach((variant) => {\n        safelist.push(`${variant}text-${family}-${size}`);\n      });\n    });\n  });\n\n  const breakpoints = [\"sm\", \"md\", \"lg\", \"xl\", \"2xl\"];\n  const typographyClasses = Object.entries(typography).flatMap(\n    ([category, sizes]) =>\n      Object.keys(sizes).map((size) => `text-${category}-${size}`)\n  );\n\n  // Generate responsive variants\n  const responsiveTypographyClasses = typographyClasses.flatMap((className) =>\n    breakpoints.map((breakpoint) => `${breakpoint}:${className}`)\n  );\n\n  return [\n    ...typographyClasses,\n    ...responsiveTypographyClasses\n    // ... rest of your safelist\n  ];\n};\n\nexport const focusRingStyles =\n  \"focus-visible:outline-none focus-visible:border-2 focus-visible:border-primary-100\";\n\nexport const focusRingStylesCoerced = \"border-2 border-primary-100\";\n","import React from \"react\";\nimport { Text, TextProps } from \"./Text\";\nimport { cn } from \"../utils\";\nimport { focusRingStyles } from \"../utils/tailwind\";\n\nexport type LinkProps = {\n  href: string;\n  children: React.ReactNode;\n  className?: string;\n  style?: React.CSSProperties;\n} & Pick<TextProps, \"variant\" | \"color\"> &\n  React.AnchorHTMLAttributes<HTMLAnchorElement>;\n\nexport const Link = ({\n  children,\n  color = \"inherit\",\n  variant = \"body-default-semibold\",\n  href,\n  className,\n  ...props\n}: LinkProps) => (\n  <Text variant={variant} color={color}>\n    <a\n      href={href}\n      className={cn(\n        \"hover:opacity-80 transition-all ease-in-out active:scale-95 hover:underline\",\n        focusRingStyles,\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </a>\n  </Text>\n);\n"]}

package/dist/components/MultiSelectCombobox.cjs

@@ -1,2 +1,8 @@
-'use strict';var a=require('react'),v=require('@radix-ui/react-popover'),H=require('@radix-ui/react-collapsible'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),icons=require('@deckai/icons');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var a__namespace=/*#__PURE__*/_interopNamespace(a);var v__namespace=/*#__PURE__*/_interopNamespace(v);var H__namespace=/*#__PURE__*/_interopNamespace(H);function c(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var _={primary:"#080808",secondary:"#666666",white:"#ffffff",primaryBlue:"#089CCB",disabled:"#888888"},ie={sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},le=e=>{if(!e)return {width:"24px",height:"24px"};let r=Array.isArray(e)?e:[e],t={},n;return r.forEach(s=>{if(typeof s=="number")n=`${s}px`;else {let[i,d]=s.split(":"),u=parseInt(d,10);t[`@media (min-width: ${ie[i]})`]=`${u}px`;}}),{width:n||"24px",height:n||"24px",...Object.entries(t).reduce((s,[i,d])=>({...s,[i]:{width:d,height:d}}),{})}},x=a__namespace.default.forwardRef(({name:e,size:r=24,color:t="primary",title:n,className:s,style:i={},...d},u)=>{let m=icons.IconMap[e],l=le(r);return a__namespace.default.createElement("div",{className:c("flex justify-center items-center",s),style:{...l,"--icon-stroke":_[t],...i}},a__namespace.default.createElement(m,{ref:u,"aria-hidden":!n,"aria-label":n,stroke:e.includes("filled")?void 0:_[t],...d}))});x.displayName="Icon";var F=({className:e,end:r,iconName:t,color:n,size:s,title:i,label:d,labelClassName:u,id:m,children:l,forceShowFocusRing:f,...y})=>a__namespace.createElement("div",{className:"py-2"},d&&a__namespace.createElement("label",{htmlFor:m,className:c("block text-sm font-medium text-text-primary",u)},d),a__namespace.createElement("div",{className:c("relative flex flex-col gap-2 w-full rounded-lg border border-secondary-50 bg-background-0 px-3 md:py-3 py-2 text-secondary ring-offset-background disabled:opacity-50",{"ring-2 ring-primary ring-offset-2":f,"focus-within:ring-2 focus-within:ring-primary focus-within:ring-offset-2":!f})},a__namespace.createElement("div",{className:"flex relative"},a__namespace.createElement("input",{id:m,className:c("font-sans lg:text-body-default text-xs flex w-full file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-secondary text-text disabled:cursor-not-allowed md:text-md focus:outline-none",r&&"pr-10",e),...y}),r&&a__namespace.createElement("div",{className:"absolute inset-y-0 right-0 flex items-center"},t?a__namespace.createElement(x,{name:t,color:n,size:s,title:i}):r)),l));var pe={xl:"h1",lg:"h1",md:"h2",sm:"h3",xs:"h4"},me=e=>{let[r,t]=e.split("-");return r==="heading"?pe[t]||"p":r==="label"?"label":"p"},de={light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},ce=e=>e?(Array.isArray(e)?e:[e]).map(t=>{if(t.includes(":")){let[n,s]=t.split(":");return `${n}:text-${s}`}return `text-${t}`}).join(" "):"text-body-default",b=a__namespace.default.forwardRef(({variant:e="body-default",color:r="primary",as:t,className:n,children:s,weight:i,...d},u)=>{let m=ce(e),l=r==="inherit"?"text-inherit":`text-text-${r}`,f=a__namespace.default.useMemo(()=>{let g=typeof e=="string"?e.split(":").pop():Array.isArray(e)?e[0].split(":").pop():"body-default";return me(g)},[e]);return a__namespace.default.createElement(t||f,{ref:u,className:`font-sans antialiased ${m} ${l} ${i?`!${de[i]}`:""} ${n??""}`,...d},s)});b.displayName="Text";var $="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";var D=({value:e,label:r,onChange:t,selected:n,color:s,disabled:i,className:d})=>a__namespace.default.createElement("button",{type:"button",disabled:i,className:c("relative w-full text-left px-2 py-1.5 text-sm rounded","cursor-pointer hover:bg-gray-100","disabled:opacity-50 disabled:cursor-not-allowed",n&&"bg-gray-100","flex items-center gap-2",$,d),onClick:()=>{t?.(e);}},a__namespace.default.createElement(b,{variant:"body-default-medium",color:s==="danger"?"danger":"inherit"},r));var A=a__namespace.default.forwardRef(({children:e,type:r="button",className:t,disabled:n,...s},i)=>a__namespace.default.createElement("button",{ref:i,type:r,disabled:n,className:c("appearance-none hover:opacity-80 transition-all active:scale-95",$,n&&"opacity-50 cursor-not-allowed",t),...s},e));A.displayName="Pressable";var J=({children:e,color:r="primary",className:t,onClose:n,...s})=>{let[i,d]=a.useState(!1),u=a.useCallback(()=>{d(!0);},[]),m=a.useCallback(()=>{d(!1);},[]),l=a__namespace.default.createElement("div",{className:c("flex gap-2",n?"justify-between items-center":"items-center justify-center","hover:bg-primary-100 rounded bg-secondary-400 px-2 py-1 sm:px-3 sm:py-1.5 h-min hover:text-white",r==="primary"?"text-primary-100":"text-text",t),onMouseEnter:u,onMouseLeave:m},typeof e=="string"?a__namespace.default.createElement(b,{color:"inherit",variant:["md:body-default-medium","body-xxs-medium"],className:"truncate pt-0.5"},e):e,n&&a__namespace.default.createElement(A,{...s,onClick:n,className:"flex items-center justify-center"},a__namespace.default.createElement(x,{name:"close",size:10,color:i?"white":"primaryBlue"})));return n?l:a__namespace.default.createElement(A,{...s},l)};var X=e=>typeof e=="boolean"?`${e}`:e===0?"0":e,Y=clsx.clsx,Z=(e,r)=>t=>{var n;if(r?.variants==null)return Y(e,t?.class,t?.className);let{variants:s,defaultVariants:i}=r,d=Object.keys(s).map(l=>{let f=t?.[l],y=i?.[l];if(f===null)return null;let g=X(f)||X(y);return s[l][g]}),u=t&&Object.entries(t).reduce((l,f)=>{let[y,g]=f;return g===void 0||(l[y]=g),l},{}),m=r==null||(n=r.compoundVariants)===null||n===void 0?void 0:n.reduce((l,f)=>{let{class:y,className:g,...O}=f;return Object.entries(O).every(C=>{let[N,h]=C;return Array.isArray(h)?h.includes({...i,...u}[N]):{...i,...u}[N]===h})?[...l,y,g]:l},[]);return Y(e,d,m,t?.class,t?.className)};var be=Z("animate-spin rounded-full border-current border-t-transparent",{variants:{size:{sm:"h-4 w-4 border-3",md:"h-6 w-6 border-4",lg:"h-8 w-8 border-8"}},defaultVariants:{size:"md"}}),I=a__namespace.forwardRef(({size:e,className:r,customSize:t,...n},s)=>{let i=t?{width:t,height:t,borderWidth:Math.max(2,Math.floor(t/16))}:{};return a__namespace.createElement("div",{role:"status","aria-label":"Loading",ref:s,className:c(be({size:e}),"text-primary-100",r),style:i,...n},a__namespace.createElement("span",{className:"sr-only"},"Loading..."))});I.displayName="Spinner";var mt=({options:e,selectedValues:r,onSelectionChange:t,placeholder:n="Select items...",className:s,label:i,labelClassName:d,id:u,maxSelections:m,disabled:l,noOptionsMessage:f,loading:y,errorMessage:g,container:O})=>{let[C,N]=a.useState(!1),[h,L]=a.useState(""),[G,B]=a.useState({});a__namespace.default.useEffect(()=>{L("");},[r]);let M=a.useMemo(()=>e.length>0&&"options"in e[0],[e]),z=a.useMemo(()=>M?e.reduce((o,p)=>[...o,...p.options],[]):e,[M,e]),K=a.useMemo(()=>{if(!M){let o=e.filter(p=>!r.includes(p.value)&&(typeof p.label=="string"?p.label.toLowerCase().includes(h.toLowerCase()):typeof p.label=="number"?p.label.toString().includes(h):!1));return o.length>0?[{label:"",options:o}]:[]}return e.map(o=>({...o,options:o.options.filter(p=>!r.includes(p.value)&&(typeof p.label=="string"?p.label.toLowerCase().includes(h.toLowerCase()):typeof p.label=="number"?p.label.toString().includes(h):!1))})).filter(o=>o.options.length>0)},[M,e,r,h]),W=a.useMemo(()=>z.filter(o=>r.includes(o.value)),[z,r]),ee=a.useCallback(o=>{(!m||r.length<m)&&(t([...r,o]),L(""));},[m,t,r]),te=a.useCallback(o=>{t(r.filter(p=>p!==o)),L("");},[t,r]),re=a.useCallback(o=>{B(p=>({...p,[o]:!p[o]}));},[]);return a__namespace.default.useEffect(()=>{if(M){let o=e.reduce((p,w)=>({...p,[w.label]:!0}),{});B(o);}},[M,e]),a__namespace.default.createElement("div",{className:"py-2"},a__namespace.default.createElement(v__namespace.Root,{open:C&&!l,onOpenChange:o=>{l||(N(o),o||L(""));}},a__namespace.default.createElement("div",{className:`relative w-full font-sans text-text-secondary ${s}`},i&&a__namespace.default.createElement("div",{className:"flex justify-between items-center mb-1"},a__namespace.default.createElement(b,{variant:"label-default",className:d},i),m&&a__namespace.default.createElement(b,{variant:"body-xxs-medium",color:"secondary"},a__namespace.default.createElement(b,{as:"span",variant:"body-xxs-medium"},r.length),"/",m)),a__namespace.default.createElement(v__namespace.Trigger,{asChild:!0},a__namespace.default.createElement("div",{className:"relative flex-1"},a__namespace.default.createElement(F,{id:u,placeholder:m&&r.length>=m?`Maximum ${m} items selected`:n,value:h,onChange:o=>L(o.target.value),className:"flex-1 bg-background-0",disabled:l||!!m&&r.length>=m,end:y?a__namespace.default.createElement(I,{size:"sm"}):a__namespace.default.createElement(x,{name:"search-normal",size:["lg:24",18]}),forceShowFocusRing:C},W.length>0?a__namespace.default.createElement("div",{className:"flex flex-wrap gap-2"},W.map(o=>a__namespace.default.createElement(J,{key:o.value,onClose:()=>te(o.value)},o.label))):null))),a__namespace.default.createElement(v__namespace.Portal,{container:O},a__namespace.default.createElement(v__namespace.Content,{className:"w-[--radix-popover-trigger-width] p-1 bg-white rounded-md shadow-lg border z-[9999] data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out",side:"bottom",align:"start"},a__namespace.default.createElement("div",{className:"max-h-60 overflow-auto flex flex-col items-start"},K.length>0?K.map((o,p)=>a__namespace.default.createElement(H__namespace.Root,{key:o.label||p,className:"w-full",open:G[o.label]??!0,onOpenChange:()=>o.label&&re(o.label)},o.label&&a__namespace.default.createElement(H__namespace.Trigger,{asChild:!0},a__namespace.default.createElement("button",{className:"w-full flex items-center justify-between px-2 py-1.5 hover:bg-gray-50"},a__namespace.default.createElement(b,{variant:"body-default-bold",color:"secondary"},o.label),a__namespace.default.createElement(x,{name:"arrow-down",className:c("transition-transform",G[o.label]&&"rotate-180"),size:16}))),a__namespace.default.createElement(H__namespace.Content,{className:"data-[state=open]:animate-accordion-down data-[state=closed]:animate-accordion-up"},o.options.map((w,oe)=>a__namespace.default.createElement(D,{key:`${p}-${oe}`,label:w.label,value:w.value,onChange:ee,className:"pl-4"}))))):a__namespace.default.createElement(b,{variant:"label-default",className:"text-text-secondary"},f||"No results found")))))),g&&a__namespace.default.createElement(b,{variant:"label-default",color:"danger",className:"mt-2"},g))};exports.MultiSelectCombobox=mt;//# sourceMappingURL=MultiSelectCombobox.cjs.map
+'use strict';var d=require('react'),I=require('@radix-ui/react-popover'),G=require('@radix-ui/react-collapsible'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),icons=require('@deckai/icons');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var d__namespace=/*#__PURE__*/_interopNamespace(d);var I__namespace=/*#__PURE__*/_interopNamespace(I);var G__namespace=/*#__PURE__*/_interopNamespace(G);function b(...t){return tailwindMerge.twMerge(clsx.clsx(t))}var ae="focus-visible:outline-none focus-visible:border-2 focus-visible:border-primary-100",se="border-2 border-primary-100";var le={primary:"#080808",secondary:"#666666",white:"#ffffff",primaryBlue:"#089CCB",disabled:"#888888",danger:"#FF0000"},Me={sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},Ee=t=>{if(!t)return {width:"24px",height:"24px"};let o=Array.isArray(t)?t:[t],n={},a;return o.forEach(l=>{if(typeof l=="number")a=`${l}px`;else {let[u,g]=l.split(":"),i=parseInt(g,10);n[`@media (min-width: ${Me[u]})`]=`${i}px`;}}),{width:a||"24px",height:a||"24px",...Object.entries(n).reduce((l,[u,g])=>({...l,[u]:{width:g,height:g}}),{})}},D=d__namespace.default.forwardRef(({name:t,size:o=24,color:n="primary",title:a,className:l,style:u={},...g},i)=>{let x=icons.IconMap[t],m=Ee(o);return d__namespace.default.createElement("div",{className:b("flex justify-center items-center",l),style:{...m,"--icon-stroke":le[n],...u}},d__namespace.default.createElement(x,{ref:i,"aria-hidden":!a,"aria-label":a,stroke:t.includes("filled")?void 0:le[n],...g}))});D.displayName="Icon";var Le={xl:"h1",lg:"h1",md:"h2",sm:"h3",xs:"h4"},He=t=>{let[o,n]=t.split("-");return o==="heading"?Le[n]||"p":o==="label"?"label":"p"},we={light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},Ce=t=>t?(Array.isArray(t)?t:[t]).map(n=>{if(n.includes(":")){let[a,l]=n.split(":");return `${a}:text-${l}`}return `text-${n}`}).join(" "):"text-body-default",y=d__namespace.default.forwardRef(({variant:t="body-default",color:o="primary",as:n,className:a,children:l,weight:u,...g},i)=>{let x=Ce(t),m=o==="inherit"?"text-inherit":`text-${o}`,w=d__namespace.default.useMemo(()=>{let f=typeof t=="string"?t.split(":").pop():Array.isArray(t)?t[0].split(":").pop():"body-default";return He(f)},[t]);return d__namespace.default.createElement(n||w,{ref:i,className:`
+          font-sans antialiased
+          ${x}
+          ${m}
+          ${u&&`!${we[u]}`}
+          ${a}
+        `,...g},l)});y.displayName="Text";var ie=d__namespace.forwardRef(({className:t,end:o,iconName:n,color:a,size:l,title:u,label:g,labelClassName:i,id:x,children:m,forceShowFocusRing:w,error:T,errorMessage:f,helperText:C,showCharacterCount:N,maxLength:A,value:L,defaultValue:s,onChange:E,...v},S)=>{let[j,F]=d__namespace.useState(L?.toString()||s?.toString()||"");d__namespace.useEffect(()=>{L!==void 0&&F(L.toString());},[L]);let p=d__namespace.useCallback(z=>{let V=z.target.value;F(V),E?.(z);},[E]),M=j.length,Q=N||!!A;return d__namespace.createElement("div",{className:"gap-1 flex flex-col"},g&&d__namespace.createElement(y,{variant:"label-default",htmlFor:x,as:"label",color:T?"danger":"primary",className:b(i)},g),d__namespace.createElement("div",{className:b("relative flex flex-col gap-2 w-full rounded-lg border bg-background-0 px-3 md:py-3 py-2 text-secondary transition-colors duration-150",{"border-secondary-50":!T&&!w,"border-tertiary-10":T,[se]:w})},d__namespace.createElement("div",{className:"flex relative"},d__namespace.createElement("input",{ref:S,id:x,className:b("font-sans text-sm flex w-full file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-secondary text-primary disabled:cursor-not-allowed focus:outline-none rounded-lg",o&&"pr-10",t),value:j,maxLength:A,onChange:p,"aria-invalid":T,...v}),(o||n)&&d__namespace.createElement("div",{className:"absolute inset-y-0 right-0 flex items-center"},n?d__namespace.createElement(D,{name:n,color:T?"danger":"secondary",size:l,title:u}):o)),m),d__namespace.createElement("div",{className:"flex justify-between gap-2"},T&&f||C?d__namespace.createElement(y,{variant:"body-xxs",color:T?"danger":"secondary",className:"mt-1"},T?f:C):null,Q&&d__namespace.createElement(y,{variant:"body-xxs",color:T?"danger":"secondary",className:"text-right mt-1"},d__namespace.createElement(y,{variant:"body-xxs",as:"span",color:"primary-100",className:"font-bold"},M),A&&`/${A}`," characters")))});var Ne=({text:t,highlight:o})=>{if(!o)return d__namespace.default.createElement(d__namespace.default.Fragment,null,t);let n=t.split(new RegExp(`(${o})`,"i"));return d__namespace.default.createElement(d__namespace.default.Fragment,null,n.map((a,l)=>a.toLowerCase()===o.toLowerCase()?d__namespace.default.createElement("span",{key:l,className:"font-bold"},a):a))},pe=d__namespace.default.forwardRef(({value:t,label:o,onChange:n,onKeyDown:a,onMouseEnter:l,onMouseLeave:u,selected:g,color:i,disabled:x,className:m,id:w,role:T,"aria-selected":f,searchValue:C=""},N)=>d__namespace.default.createElement("button",{ref:N,type:"button",id:w,role:T,"aria-selected":f,disabled:x,className:b("relative w-full text-left px-2 py-1.5 text-sm rounded outline-none","cursor-pointer hover:bg-gray-100","disabled:opacity-50 disabled:cursor-not-allowed",g&&"bg-gray-100","flex items-center gap-2",m),onClick:()=>{n?.(t);},onKeyDown:a,onMouseEnter:l,onMouseLeave:u},d__namespace.default.createElement(y,{variant:"body-default-medium",color:i==="danger"?"danger":"inherit"},typeof o=="string"?d__namespace.default.createElement(Ne,{text:o,highlight:C}):o)));var X=d__namespace.default.forwardRef(({children:t,type:o="button",className:n,disabled:a,...l},u)=>d__namespace.default.createElement("button",{ref:u,type:o,disabled:a,className:b("appearance-none hover:opacity-80 transition-all active:scale-95",ae,a&&"opacity-50 cursor-not-allowed",n),...l},t));X.displayName="Pressable";var ue=({children:t,color:o="primary",className:n,onClose:a,...l})=>{let[u,g]=d.useState(!1),i=d.useCallback(()=>{g(!0);},[]),x=d.useCallback(()=>{g(!1);},[]),m=d__namespace.default.createElement("div",{className:b("flex gap-2",a?"justify-between items-center":"items-center justify-center","hover:bg-primary-100 rounded bg-secondary-400 px-2 py-1 sm:px-3 sm:py-1.5 h-min hover:text-white",o==="primary"?"text-primary-100":"text-primary",n),onMouseEnter:i,onMouseLeave:x},typeof t=="string"?d__namespace.default.createElement(y,{color:"inherit",variant:["md:body-default-medium","body-xxs-medium"],className:"truncate pt-0.5"},t):t,a&&d__namespace.default.createElement(X,{...l,onClick:a,className:"flex items-center justify-center"},d__namespace.default.createElement(D,{name:"close",size:10,color:u?"white":"primaryBlue"})));return a?m:d__namespace.default.createElement(X,{...l},m)};var oe=d.forwardRef(({value:t,suggestion:o,placeholder:n,onChange:a,onKeyDown:l,label:u,labelClassName:g,id:i,disabled:x,end:m,className:w,forceShowFocusRing:T,error:f,errorMessage:C,helperText:N,"aria-controls":A,"aria-activedescendant":L,"aria-autocomplete":s},E)=>d__namespace.default.createElement("div",{className:"gap-1 flex flex-col"},u&&d__namespace.default.createElement(y,{variant:"label-default",htmlFor:i,as:"label",color:f?"danger":"primary",className:b(g)},u),d__namespace.default.createElement("div",{className:b("relative flex flex-col gap-2 w-full rounded-lg border bg-background-0 px-3 md:py-3 py-2 text-secondary ring-offset-background disabled:opacity-50",{"border-secondary-50":!f,"border-tertiary-10":f,"ring-2 ring-offset-2":T,"focus-within:ring-2 focus-within:ring-offset-2":!T},w)},d__namespace.default.createElement("div",{className:"flex relative"},d__namespace.default.createElement("div",{className:"relative w-full"},d__namespace.default.createElement("input",{ref:E,id:i,value:t,onChange:v=>a(v.target.value),onKeyDown:l,disabled:x,placeholder:n,className:b("font-sans text-sm flex w-full file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-secondary text-primary disabled:cursor-not-allowed focus:outline-none bg-transparent",m&&"pr-10"),"aria-invalid":f,"aria-controls":A,"aria-activedescendant":L,"aria-autocomplete":s}),o&&d__namespace.default.createElement("div",{className:"absolute inset-0 text-secondary opacity-40 pointer-events-none text-sm"},t,o.slice(t.length))),m&&d__namespace.default.createElement("div",{className:"absolute inset-y-0 right-0 flex items-center"},m))),f&&C||N?d__namespace.default.createElement(y,{variant:"body-xxs",color:f?"danger":"secondary",className:"mt-1"},f?C:N):null));oe.displayName="AutocompleteInput";var Pt=({options:t,selectedValues:o,onSelectionChange:n,placeholder:a="Select items...",className:l,label:u,labelClassName:g,id:i,maxSelections:x,disabled:m,noOptionsMessage:w,loading:T,error:f,errorMessage:C,helperText:N,container:A,autocomplete:L=!1})=>{let[s,E]=d.useState(!1),[v,S]=d.useState(""),[j,F]=d.useState({}),[p,M]=d.useState(-1),[Q,z]=d.useState(-1),V=d.useRef(null),K=d.useRef(null),B=d.useMemo(()=>t.length>0&&"options"in t[0],[t]),U=d.useMemo(()=>t.length?B?t.reduce((e,r)=>[...e,...r.options],[]):t:[],[B,t]),re=d.useMemo(()=>U.filter(e=>o.includes(e.value)),[U,o]),O=d.useMemo(()=>x!==void 0&&o.length>=x,[x,o]),c=d.useMemo(()=>U.filter(e=>o.includes(e.value)||O?!1:v&&typeof e.label=="string"?e.label.toLowerCase().includes(v.toLowerCase()):!0),[U,v,o,O]),fe=d.useMemo(()=>B?t.map(e=>({...e,options:e.options.filter(r=>o.includes(r.value)||O?!1:v&&typeof r.label=="string"?r.label.toLowerCase().includes(v.toLowerCase()):!0)})).filter(e=>e.options.length>0):c.length>0?[{label:"",options:c}]:[],[B,t,v,o,c,O]),P=d.useCallback(e=>{o.includes(e)?n(o.filter(H=>H!==e)):O||n([...o,e]),K.current&&K.current.focus({preventScroll:!0});},[o,n,O]),ge=d.useCallback(e=>{F(r=>({...r,[e]:!r[e]}));},[]),Z=d.useMemo(()=>!L||!v||!s?"":c.find(r=>typeof r.label=="string"&&r.label.toLowerCase().startsWith(v.toLowerCase())&&r.label.toLowerCase()!==v.toLowerCase()&&!o.includes(r.value))?.label?.toString()||"",[L,v,c,s,o]),ne=d.useCallback(e=>{switch(e.key){case"ArrowDown":e.preventDefault(),e.altKey?E(!0):s?M(r=>r<c.length-1?r+1:0):(E(!0),M(0));break;case"ArrowUp":e.preventDefault(),e.altKey?E(!1):s?M(r=>r>0?r-1:c.length-1):(E(!0),M(c.length-1));break;case"PageUp":e.preventDefault(),s&&M(r=>Math.max(0,r-10));break;case"PageDown":e.preventDefault(),s&&M(r=>Math.min(c.length-1,r+10));break;case"Home":e.preventDefault(),s&&M(0);break;case"End":e.preventDefault(),s&&M(c.length-1);break;case"Enter":if(e.preventDefault(),p>=0&&c[p])P(c[p].value);else if(L&&Z){let r=c.find(H=>typeof H.label=="string"&&H.label.toLowerCase().startsWith(v.toLowerCase())&&!o.includes(H.value));r&&P(r.value);}break;case"Tab":s?p>=0&&c[p]&&(e.preventDefault(),P(c[p].value)):(e.preventDefault(),E(!0),M(0));break;case"Escape":e.preventDefault(),E(!1),S("");break}},[s,p,c,P,L,Z,v,o]),be=d.useCallback(e=>{switch(e.key){case"ArrowDown":e.preventDefault(),M(r=>r<c.length-1?r+1:0);break;case"ArrowUp":e.preventDefault(),M(r=>r>0?r-1:c.length-1);break;case"Enter":case"Space":e.preventDefault(),p>=0&&c[p]&&P(c[p].value);break;case"Escape":e.preventDefault(),E(!1),K.current?.focus();break;case"Tab":e.preventDefault(),p>=0&&c[p]&&P(c[p].value);break}},[p,c,P]);return d.useEffect(()=>{if(s){let e=K.current;if(e){e.focus({preventScroll:!0});let r=e.value.length;e.setSelectionRange(r,r);}}},[s]),d.useEffect(()=>{s||M(-1);},[s]),d.useEffect(()=>{if(s&&p>=0&&V.current){let e=V.current.querySelector(`[id="${i}-option-${p}"]`);e&&e.scrollIntoView({block:"nearest",behavior:"smooth"});}},[p,s,i]),d.useEffect(()=>{s&&p===-1&&M(0);},[s,p]),d.useEffect(()=>{if(B){let e=t.reduce((r,H)=>({...r,[H.label]:!0}),{});F(e);}},[B,t]),d__namespace.default.createElement("div",{className:b("flex flex-col gap-2",l)},u&&d__namespace.default.createElement(y,{variant:"label-default",htmlFor:i,as:"label",color:f?"danger":"primary",className:b(g)},u),d__namespace.default.createElement(I__namespace.Root,{open:s&&!m,onOpenChange:e=>{m||(E(e),e||(S(""),M(-1)));}},d__namespace.default.createElement("div",{className:"relative w-full font-sans text-secondary"},d__namespace.default.createElement(I__namespace.Trigger,{asChild:!0},d__namespace.default.createElement("button",{type:"button",className:"w-full text-left",disabled:m},L?d__namespace.default.createElement(oe,{ref:K,id:i,placeholder:a,value:v,suggestion:Z,onChange:e=>{S(e),s||E(!0);},onKeyDown:ne,className:"flex-1",forceShowFocusRing:s,disabled:m,error:f,"aria-expanded":s,"aria-haspopup":"listbox","aria-controls":`${i}-listbox`,"aria-activedescendant":p>=0?`${i}-option-${p}`:void 0}):d__namespace.default.createElement(ie,{ref:K,id:i,placeholder:a,value:v,onChange:e=>{S(e.target.value),s||E(!0);},onKeyDown:ne,className:"flex-1",forceShowFocusRing:s,error:f,"aria-expanded":s,"aria-haspopup":"listbox","aria-controls":`${i}-listbox`,"aria-activedescendant":p>=0?`${i}-option-${p}`:void 0,disabled:m||!!x&&o.length>=x}))),d__namespace.default.createElement(I__namespace.Portal,{container:A},d__namespace.default.createElement(I__namespace.Content,{className:"w-[--radix-popover-trigger-width] p-1 bg-white rounded-md shadow-lg border z-[9999] data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out overflow-y-scroll outline-none",side:"bottom",align:"start",sideOffset:8,onOpenAutoFocus:e=>e.preventDefault(),onCloseAutoFocus:e=>e.preventDefault(),onFocusOutside:e=>e.preventDefault(),onInteractOutside:e=>{e.preventDefault(),E(!1),S(""),M(-1);}},d__namespace.default.createElement("div",{ref:V,className:"max-h-60 !overflow-y-scroll flex flex-col items-start outline-none",role:"listbox",id:`${i}-listbox`,"aria-label":u,"aria-multiselectable":"true","aria-busy":T},T?d__namespace.default.createElement(y,{variant:"label-default",className:"text-secondary p-2"},"Loading..."):c.length>0?fe.map((e,r)=>d__namespace.default.createElement(G__namespace.Root,{key:e.label||r,className:"w-full",open:j[e.label]??!0,onOpenChange:()=>e.label&&ge(e.label)},e.label&&d__namespace.default.createElement(G__namespace.Trigger,{asChild:!0},d__namespace.default.createElement("div",{className:"w-full flex items-center justify-between px-2 py-1.5 hover:bg-gray-50",tabIndex:-1},d__namespace.default.createElement(y,{variant:"body-default-bold",color:"secondary"},e.label),d__namespace.default.createElement(D,{name:"arrow-down",className:b("transition-transform",j[e.label]&&"rotate-180"),size:16}))),d__namespace.default.createElement(G__namespace.Content,{className:"data-[state=open]:animate-accordion-down data-[state=closed]:animate-accordion-up"},e.options.map((H,ye)=>{let J=c.findIndex(he=>he.value===H.value);return d__namespace.default.createElement(pe,{key:`${r}-${ye}`,label:H.label,value:H.value,onChange:P,onKeyDown:be,className:"pl-4",selected:Q===J||Q===-1&&p===J,id:`${i}-option-${J}`,role:"option","aria-selected":o.includes(H.value),searchValue:v,onMouseEnter:()=>z(J),onMouseLeave:()=>z(-1)})})))):d__namespace.default.createElement(y,{variant:"label-default",className:"text-secondary p-2"},w||"No results found")))))),re.length>0&&d__namespace.default.createElement("div",{className:"flex flex-col gap-2"},d__namespace.default.createElement("div",{className:"flex flex-wrap gap-2"},re.map(e=>d__namespace.default.createElement(ue,{key:e.value,onClose:()=>P(e.value),disabled:m},e.label))),O&&d__namespace.default.createElement(y,{variant:"body-xxs",color:"secondary"},"Maximum of ",x," items selected")),f&&C||N?d__namespace.default.createElement(y,{variant:"body-xxs",color:f?"danger":"secondary",className:"mt-1"},f?C:N):null)};exports.MultiSelectCombobox=Pt;//# sourceMappingURL=MultiSelectCombobox.cjs.map
 //# sourceMappingURL=MultiSelectCombobox.cjs.map

package/dist/components/MultiSelectCombobox.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/index.ts","../../src/components/Icon.tsx","../../src/components/Input.tsx","../../src/components/Option.tsx","../../src/components/Text.tsx","../../src/utils/tailwind.ts","../../src/components/Pressable.tsx","../../src/components/Tag.tsx","../../../../node_modules/class-variance-authority/dist/index.mjs","../../src/components/Spinner.tsx","../../src/components/MultiSelectCombobox.tsx"],"names":["cn","inputs","twMerge","clsx","COLOR_MAP","BREAKPOINT_MAP","processSizes","sizes","sizeArray","mediaQueries","baseSize","size","breakpoint","valueStr","value","acc","query","Icon","React","name","color","title","className","style","props","ref","IconComponent","IconMap","sizeStyles","Input","end","iconName","label","labelClassName","id","children","forceShowFocusRing","T","HEADING_ELEMENT_MAP","getElementFromVariant","variant","category","fontWeight","processVariants","variants","typographyClass","Text","as","weight","typographyClasses","colorClasses","suggestedElement","baseVariant","focusRingStyles","Option","onChange","selected","disabled","Pressable","type","Tag","onClose","pressableProps","isHovered","setIsHovered","useState","handleMouseEnter","useCallback","handleMouseLeave","content","falsyToString","cx","cva","base","config","_config_compoundVariants","defaultVariants","getVariantClassNames","variantProp","defaultVariantProp","variantKey","propsWithoutUndefined","param","key","getCompoundVariantClassNames","cvClass","cvClassName","compoundVariantOptions","spinnerVariants","Spinner","P","customSize","styles","MultiSelectCombobox","options","selectedValues","onSelectionChange","placeholder","maxSelections","noOptionsMessage","loading","errorMessage","container","open","setOpen","searchValue","setSearchValue","expandedGroups","setExpandedGroups","isGrouped","useMemo","flatOptions","group","filteredGroups","filtered","option","selectedOptions","handleOptionSelect","handleRemoveTag","valueToRemove","toggleGroup","groupLabel","prev","initialState","v","isOpen","e","groupIndex","H","index"],"mappings":"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","file":"MultiSelectCombobox.cjs","sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n\nexport const noopFn = () => {};\n","import React, { SVGProps } from \"react\";\nimport { IconName, IconMap } from \"@deckai/icons\";\nimport { IconColors } from \"../types/tailwind\";\nimport { cn } from \"../utils\";\n\ntype Breakpoint = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\ntype ResponsiveSize = number | `${Breakpoint}:${number}`;\n\nexport type IconProps = {\n  name: IconName;\n  /** @default 24 */\n  size?: ResponsiveSize | ResponsiveSize[];\n  /** @default primary */\n  color?: IconColors;\n  title?: string;\n  className?: string;\n  style?: React.CSSProperties;\n} & Omit<SVGProps<SVGSVGElement>, \"aria-hidden\" | \"aria-label\">;\n\nconst COLOR_MAP: Record<IconColors, string> = {\n  primary: \"#080808\",\n  secondary: \"#666666\",\n  white: \"#ffffff\",\n  primaryBlue: \"#089CCB\",\n  disabled: \"#888888\"\n};\n\nconst BREAKPOINT_MAP: Record<Breakpoint, string> = {\n  sm: \"640px\",\n  md: \"768px\",\n  lg: \"1024px\",\n  xl: \"1280px\",\n  \"2xl\": \"1536px\"\n};\n\nconst processSizes = (\n  sizes: ResponsiveSize | ResponsiveSize[] | undefined\n): React.CSSProperties => {\n  if (!sizes) return { width: \"24px\", height: \"24px\" };\n\n  const sizeArray = Array.isArray(sizes) ? sizes : [sizes];\n  const mediaQueries: Record<string, string> = {};\n  let baseSize: string | undefined;\n\n  // Process each size\n  sizeArray.forEach((size) => {\n    if (typeof size === \"number\") {\n      baseSize = `${size}px`;\n    } else {\n      const [breakpoint, valueStr] = size.split(\":\") as [Breakpoint, string];\n      const value = parseInt(valueStr, 10);\n      mediaQueries[`@media (min-width: ${BREAKPOINT_MAP[breakpoint]})`] =\n        `${value}px`;\n    }\n  });\n\n  // Create the style object with the correct structure\n  return {\n    width: baseSize || \"24px\",\n    height: baseSize || \"24px\",\n    ...Object.entries(mediaQueries).reduce(\n      (acc, [query, size]) => ({\n        ...acc,\n        [query]: {\n          width: size,\n          height: size\n        }\n      }),\n      {}\n    )\n  };\n};\n\nexport const Icon = React.forwardRef<SVGSVGElement, IconProps>(\n  (\n    {\n      name,\n      size = 24,\n      color = \"primary\",\n      title,\n      className,\n      style = {},\n      ...props\n    },\n    ref\n  ) => {\n    const IconComponent = IconMap[name];\n    const sizeStyles = processSizes(size);\n\n    return (\n      <div\n        className={cn(\"flex justify-center items-center\", className)}\n        style={{\n          ...sizeStyles,\n          [\"--icon-stroke\" as string]: COLOR_MAP[color],\n          ...style\n        }}\n      >\n        <IconComponent\n          ref={ref}\n          aria-hidden={!title}\n          aria-label={title}\n          stroke={name.includes(\"filled\") ? undefined : COLOR_MAP[color]}\n          {...props}\n        />\n      </div>\n    );\n  }\n);\n\nIcon.displayName = \"Icon\";\n","import * as React from \"react\";\nimport { cn } from \"../utils\";\nimport { focusRingStyles } from \"../utils/tailwind\";\nimport { IconName } from \"@deckai/icons\";\nimport { Icon, IconProps } from \"./Icon\";\n\nexport type InputProps = {\n  className?: string;\n  end?: React.ReactNode;\n  /** renders an icon in the end slot */\n  iconName?: IconName;\n  /** Label text for the input */\n  label?: string;\n  /** Additional classes for the label */\n  labelClassName?: string;\n  /** Forces the focus ring to show regardless of focus state */\n  forceShowFocusRing?: boolean;\n} & React.InputHTMLAttributes<HTMLInputElement> &\n  Pick<IconProps, \"color\" | \"size\" | \"title\">;\n\nexport const Input = ({\n  className,\n  end,\n  iconName,\n  color,\n  size,\n  title,\n  label,\n  labelClassName,\n  id,\n  children,\n  forceShowFocusRing,\n  ...props\n}: InputProps) => (\n  <div className=\"py-2\">\n    {label && (\n      <label\n        htmlFor={id}\n        className={cn(\n          \"block text-sm font-medium text-text-primary\",\n          labelClassName\n        )}\n      >\n        {label}\n      </label>\n    )}\n    <div\n      className={cn(\n        \"relative flex flex-col gap-2 w-full rounded-lg border border-secondary-50 bg-background-0 px-3 md:py-3 py-2 text-secondary ring-offset-background disabled:opacity-50\",\n        {\n          \"ring-2 ring-primary ring-offset-2\": forceShowFocusRing,\n          \"focus-within:ring-2 focus-within:ring-primary focus-within:ring-offset-2\":\n            !forceShowFocusRing\n        }\n      )}\n    >\n      <div className=\"flex relative\">\n        <input\n          id={id}\n          className={cn(\n            \"font-sans lg:text-body-default text-xs flex w-full file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-secondary text-text disabled:cursor-not-allowed md:text-md focus:outline-none\",\n            end && \"pr-10\",\n            className\n          )}\n          {...props}\n        />\n        {end && (\n          <div className=\"absolute inset-y-0 right-0 flex items-center\">\n            {iconName ? (\n              <Icon name={iconName} color={color} size={size} title={title} />\n            ) : (\n              end\n            )}\n          </div>\n        )}\n      </div>\n      {children}\n    </div>\n  </div>\n);\n","import React from \"react\";\nimport { cn } from \"../utils\";\nimport { Text } from \"./Text\";\nimport { focusRingStyles } from \"../utils/tailwind\";\nexport type OptionProps = {\n  label: React.ReactNode;\n  value: string;\n  /** Optional color override for specific items like \"Logout\" in red */\n  color?: \"default\" | \"danger\";\n  /** Optional disabled state */\n  disabled?: boolean;\n  onChange?: (value: string) => void;\n  selected?: boolean;\n  className?: string;\n};\n\nexport const Option = ({\n  value,\n  label,\n  onChange,\n  selected,\n  color,\n  disabled,\n  className\n}: OptionProps) => (\n  <button\n    type=\"button\"\n    disabled={disabled}\n    className={cn(\n      \"relative w-full text-left px-2 py-1.5 text-sm rounded\",\n      \"cursor-pointer hover:bg-gray-100\",\n      \"disabled:opacity-50 disabled:cursor-not-allowed\",\n      selected && \"bg-gray-100\",\n      \"flex items-center gap-2\",\n      focusRingStyles,\n      className\n    )}\n    onClick={() => {\n      onChange?.(value);\n    }}\n  >\n    <Text\n      variant=\"body-default-medium\"\n      color={color === \"danger\" ? \"danger\" : \"inherit\"}\n    >\n      {label}\n    </Text>\n  </button>\n);\n","import React from \"react\";\nimport { Typography } from \"../types/tailwind\";\n\ntype TextElement =\n  | \"p\"\n  | \"span\"\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"h5\"\n  | \"h6\"\n  | \"strong\"\n  | \"em\"\n  | \"blockquote\"\n  | \"pre\"\n  | \"code\"\n  | \"small\"\n  | \"label\"\n  | \"a\";\n\n// HTML element mapping type\ntype HTMLElementByTag = {\n  p: HTMLParagraphElement;\n  span: HTMLSpanElement;\n  h1: HTMLHeadingElement;\n  h2: HTMLHeadingElement;\n  h3: HTMLHeadingElement;\n  h4: HTMLHeadingElement;\n  h5: HTMLHeadingElement;\n  h6: HTMLHeadingElement;\n  strong: HTMLElement;\n  em: HTMLElement;\n  blockquote: HTMLQuoteElement;\n  pre: HTMLPreElement;\n  code: HTMLElement;\n  small: HTMLElement;\n  label: HTMLLabelElement;\n  a: HTMLAnchorElement;\n};\n\n// HTML props mapping type\ntype HTMLPropsMap = {\n  p: React.HTMLAttributes<HTMLParagraphElement>;\n  span: React.HTMLAttributes<HTMLSpanElement>;\n  h1: React.HTMLAttributes<HTMLHeadingElement>;\n  h2: React.HTMLAttributes<HTMLHeadingElement>;\n  h3: React.HTMLAttributes<HTMLHeadingElement>;\n  h4: React.HTMLAttributes<HTMLHeadingElement>;\n  h5: React.HTMLAttributes<HTMLHeadingElement>;\n  h6: React.HTMLAttributes<HTMLHeadingElement>;\n  strong: React.HTMLAttributes<HTMLElement>;\n  em: React.HTMLAttributes<HTMLElement>;\n  blockquote: React.HTMLAttributes<HTMLQuoteElement>;\n  pre: React.HTMLAttributes<HTMLPreElement>;\n  code: React.HTMLAttributes<HTMLElement>;\n  small: React.HTMLAttributes<HTMLElement>;\n  label: React.LabelHTMLAttributes<HTMLLabelElement>;\n  a: Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, \"color\">;\n};\n\ntype TextColor =\n  | \"primary\"\n  | \"secondary\"\n  | \"white\"\n  | \"primary-blue\"\n  | \"disabled\"\n  | \"danger\"\n  | \"inherit\";\n\nconst HEADING_ELEMENT_MAP: Record<string, TextElement> = {\n  xl: \"h1\",\n  lg: \"h1\",\n  md: \"h2\",\n  sm: \"h3\",\n  xs: \"h4\"\n};\n\nconst getElementFromVariant = (variant: TypographyKey): TextElement => {\n  const [category, size] = variant.split(\"-\");\n\n  if (category === \"heading\") {\n    return HEADING_ELEMENT_MAP[size] || \"p\";\n  }\n\n  if (category === \"label\") {\n    return \"label\";\n  }\n\n  return \"p\";\n};\n\ntype Weight = \"light\" | \"regular\" | \"semibold\" | \"bold\";\n\nconst fontWeight: Record<Weight, string> = {\n  light: \"font-light\",\n  regular: \"font-regular\",\n  semibold: \"font-semibold\",\n  bold: \"font-bold\"\n};\n\n// Add breakpoint types\ntype Breakpoint = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\ntype ResponsiveVariant = TypographyKey | `${Breakpoint}:${TypographyKey}`;\n\ntype TypographyCategory = keyof Typography;\ntype TypographyValue<T extends TypographyCategory> = Extract<\n  keyof Typography[T],\n  string | number | bigint | boolean | null | undefined\n>;\ntype TypographyKey = {\n  [T in TypographyCategory]: `${T}-${TypographyValue<T>}`;\n}[TypographyCategory];\n\n// Update TextProps to use ResponsiveVariant\nexport type TextProps<T extends TextElement = \"p\"> = {\n  variant?: ResponsiveVariant | ResponsiveVariant[];\n  color?: TextColor;\n  as?: T;\n  className?: string;\n  children: React.ReactNode;\n  weight?: Weight;\n} & HTMLPropsMap[T];\n\n// Add helper function to process variants\nconst processVariants = (\n  variants: ResponsiveVariant | ResponsiveVariant[] | undefined\n): string => {\n  if (!variants) return \"text-body-default\";\n\n  const variantArray = Array.isArray(variants) ? variants : [variants];\n\n  return variantArray\n    .map((variant) => {\n      if (variant.includes(\":\")) {\n        const [breakpoint, typographyClass] = variant.split(\":\");\n        return `${breakpoint}:text-${typographyClass}`;\n      }\n      return `text-${variant}`;\n    })\n    .join(\" \");\n};\n\nexport const Text = React.forwardRef(\n  <T extends TextElement = \"p\">(\n    {\n      variant = \"body-default\",\n      color = \"primary\",\n      as,\n      className,\n      children,\n      weight,\n      ...props\n    }: TextProps<T>,\n    ref: React.ForwardedRef<HTMLElementByTag[T]>\n  ) => {\n    // Process typography classes with breakpoints\n    const typographyClasses = processVariants(variant);\n\n    // Get color styles\n    const colorClasses =\n      color === \"inherit\" ? \"text-inherit\" : `text-text-${color}`;\n\n    const suggestedElement = React.useMemo(() => {\n      const baseVariant =\n        typeof variant === \"string\"\n          ? variant.split(\":\").pop()!\n          : Array.isArray(variant)\n            ? variant[0].split(\":\").pop()!\n            : \"body-default\";\n      return getElementFromVariant(baseVariant as TypographyKey);\n    }, [variant]);\n\n    const Component = (as || suggestedElement) as T;\n\n    return (\n      // @ts-expect-error TODO: figure this out\n      <Component\n        ref={ref}\n        className={`font-sans antialiased ${typographyClasses} ${colorClasses} ${\n          weight ? `!${fontWeight[weight]}` : \"\"\n        } ${className ?? \"\"}`}\n        {...props}\n      >\n        {children}\n      </Component>\n    );\n  }\n);\n\nText.displayName = \"Text\";\n","import { Colors, Typography } from \"../types/tailwind\";\n\n// Generate safelist patterns for all color utilities so you can use any theme color variable in your code\nexport const generateSafelist = (colors: Colors, typography: Typography) => {\n  const colorNames = Object.keys(colors) as (keyof Colors)[];\n  const utilities = [\"bg\", \"text\", \"border\", \"ring\", \"divide\", \"outline\"];\n  const variants = [\"hover:\", \"focus:\", \"active:\", \"disabled:\"];\n\n  const safelist: string[] = [];\n\n  colorNames.forEach((colorName) => {\n    if (typeof colors[colorName] === \"object\") {\n      // Handle nested color objects (with number keys)\n      Object.keys(colors[colorName]).forEach((shade) => {\n        utilities.forEach((utility) => {\n          // Base utility\n          safelist.push(`${utility}-${colorName}-${shade}`);\n\n          // Variant utilities\n          variants.forEach((variant) => {\n            safelist.push(`${variant}${utility}-${colorName}-${shade}`);\n          });\n        });\n      });\n    } else {\n      // Handle direct color values\n      utilities.forEach((utility) => {\n        safelist.push(`${utility}-${colorName}`);\n\n        variants.forEach((variant) => {\n          safelist.push(`${variant}${utility}-${colorName}`);\n        });\n      });\n    }\n  });\n\n  // Generate typography classes\n  Object.entries(typography).forEach(([family, sizes]) => {\n    Object.keys(sizes).forEach((size) => {\n      // Base typography classes\n      safelist.push(`text-${family}-${size}`);\n\n      // Add variants\n      variants.forEach((variant) => {\n        safelist.push(`${variant}text-${family}-${size}`);\n      });\n    });\n  });\n\n  const breakpoints = [\"sm\", \"md\", \"lg\", \"xl\", \"2xl\"];\n  const typographyClasses = Object.entries(typography).flatMap(\n    ([category, sizes]) =>\n      Object.keys(sizes).map((size) => `text-${category}-${size}`)\n  );\n\n  // Generate responsive variants\n  const responsiveTypographyClasses = typographyClasses.flatMap((className) =>\n    breakpoints.map((breakpoint) => `${breakpoint}:${className}`)\n  );\n\n  return [\n    ...typographyClasses,\n    ...responsiveTypographyClasses\n    // ... rest of your safelist\n  ];\n};\n\nexport const focusRingStyles =\n  \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\";\n\nexport const focusRingStylesCoerced = \"ring-2 ring-ring ring-offset-2\";\n","import React, { ButtonHTMLAttributes } from \"react\";\nimport { focusRingStyles } from \"../utils/tailwind\";\nimport { cn } from \"../utils\";\n\nexport type PressableProps = ButtonHTMLAttributes<HTMLButtonElement>;\n\nexport const Pressable = React.forwardRef<HTMLButtonElement, PressableProps>(\n  ({ children, type = \"button\", className, disabled, ...props }, ref) => (\n    <button\n      ref={ref}\n      type={type}\n      disabled={disabled}\n      className={cn(\n        \"appearance-none hover:opacity-80 transition-all active:scale-95\",\n        focusRingStyles,\n        disabled && \"opacity-50 cursor-not-allowed\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </button>\n  )\n);\n\nPressable.displayName = \"Pressable\";\n","import React, { useState, useCallback, HTMLAttributes } from \"react\";\nimport { Text } from \"./Text\";\nimport { Pressable, PressableProps } from \"./Pressable\";\nimport { cn } from \"../utils\";\nimport { Icon } from \"./Icon\";\n\nexport type TagProps = {\n  children: React.ReactNode;\n  padded?: boolean;\n  color?: \"primary\" | \"text\";\n  onClose?: () => void;\n} & HTMLAttributes<HTMLDivElement> &\n  PressableProps;\n\nexport const Tag = ({\n  children,\n  color = \"primary\",\n  className,\n  onClose,\n  ...pressableProps\n}: TagProps) => {\n  const [isHovered, setIsHovered] = useState(false);\n\n  const handleMouseEnter = useCallback(() => {\n    setIsHovered(true);\n  }, []);\n\n  const handleMouseLeave = useCallback(() => {\n    setIsHovered(false);\n  }, []);\n\n  const content = (\n    <div\n      className={cn(\n        \"flex gap-2\",\n        onClose\n          ? \"justify-between items-center\"\n          : \"items-center justify-center\",\n        \"hover:bg-primary-100 rounded bg-secondary-400 px-2 py-1 sm:px-3 sm:py-1.5 h-min hover:text-white\",\n        color === \"primary\" ? \"text-primary-100\" : \"text-text\",\n        className\n      )}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n    >\n      {typeof children === \"string\" ? (\n        <Text\n          color=\"inherit\"\n          variant={[\"md:body-default-medium\", \"body-xxs-medium\"]}\n          className=\"truncate pt-0.5\"\n        >\n          {children}\n        </Text>\n      ) : (\n        children\n      )}\n      {onClose && (\n        <Pressable\n          {...pressableProps}\n          onClick={onClose}\n          className=\"flex items-center justify-center\"\n        >\n          <Icon\n            name=\"close\"\n            size={10}\n            color={isHovered ? \"white\" : \"primaryBlue\"}\n          />\n        </Pressable>\n      )}\n    </div>\n  );\n\n  return onClose ? (\n    content\n  ) : (\n    <Pressable {...pressableProps}>{content}</Pressable>\n  );\n};\n","/**\n * Copyright 2022 Joe Bell. All rights reserved.\n *\n * This file is licensed to you under the Apache License, Version 2.0\n * (the \"License\"); you may not use this file except in compliance with the\n * License. You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR REPRESENTATIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations under\n * the License.\n */ import { clsx } from \"clsx\";\nconst falsyToString = (value)=>typeof value === \"boolean\" ? `${value}` : value === 0 ? \"0\" : value;\nexport const cx = clsx;\nexport const cva = (base, config)=>(props)=>{\n        var _config_compoundVariants;\n        if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n        const { variants, defaultVariants } = config;\n        const getVariantClassNames = Object.keys(variants).map((variant)=>{\n            const variantProp = props === null || props === void 0 ? void 0 : props[variant];\n            const defaultVariantProp = defaultVariants === null || defaultVariants === void 0 ? void 0 : defaultVariants[variant];\n            if (variantProp === null) return null;\n            const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);\n            return variants[variant][variantKey];\n        });\n        const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param)=>{\n            let [key, value] = param;\n            if (value === undefined) {\n                return acc;\n            }\n            acc[key] = value;\n            return acc;\n        }, {});\n        const getCompoundVariantClassNames = config === null || config === void 0 ? void 0 : (_config_compoundVariants = config.compoundVariants) === null || _config_compoundVariants === void 0 ? void 0 : _config_compoundVariants.reduce((acc, param)=>{\n            let { class: cvClass, className: cvClassName, ...compoundVariantOptions } = param;\n            return Object.entries(compoundVariantOptions).every((param)=>{\n                let [key, value] = param;\n                return Array.isArray(value) ? value.includes({\n                    ...defaultVariants,\n                    ...propsWithoutUndefined\n                }[key]) : ({\n                    ...defaultVariants,\n                    ...propsWithoutUndefined\n                })[key] === value;\n            }) ? [\n                ...acc,\n                cvClass,\n                cvClassName\n            ] : acc;\n        }, []);\n        return cx(base, getVariantClassNames, getCompoundVariantClassNames, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n    };\n\n","import * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../utils\";\n\nconst spinnerVariants = cva(\n  \"animate-spin rounded-full border-current border-t-transparent\",\n  {\n    variants: {\n      size: {\n        sm: \"h-4 w-4 border-3\",\n        md: \"h-6 w-6 border-4\",\n        lg: \"h-8 w-8 border-8\"\n      }\n    },\n    defaultVariants: {\n      size: \"md\"\n    }\n  }\n);\n\nexport type SpinnerProps = {\n  className?: string;\n  customSize?: number;\n} & VariantProps<typeof spinnerVariants>;\n\nexport const Spinner = React.forwardRef<HTMLDivElement, SpinnerProps>(\n  ({ size, className, customSize, ...props }, ref) => {\n    const styles = customSize\n      ? {\n          width: customSize,\n          height: customSize,\n          borderWidth: Math.max(2, Math.floor(customSize / 16))\n        }\n      : {};\n\n    return (\n      <div\n        role=\"status\"\n        aria-label=\"Loading\"\n        ref={ref}\n        className={cn(spinnerVariants({ size }), \"text-primary-100\", className)}\n        style={styles}\n        {...props}\n      >\n        <span className=\"sr-only\">Loading...</span>\n      </div>\n    );\n  }\n);\n\nSpinner.displayName = \"Spinner\";\n","import React, { useCallback, useMemo, useState } from \"react\";\nimport * as Popover from \"@radix-ui/react-popover\";\nimport * as Collapsible from \"@radix-ui/react-collapsible\";\nimport { Input } from \"./Input\";\nimport { OptionProps, Option } from \"./Option\";\nimport { Tag } from \"./Tag\";\nimport { Text } from \"./Text\";\nimport { Icon } from \"./Icon\";\nimport { Spinner } from \"./Spinner\";\nimport { OptionGroup } from \"./Combobox\";\nimport { cn } from \"../utils\";\n\nexport type MultiSelectComboboxProps = {\n  /** Options can be either a flat array or grouped */\n  options: OptionProps[] | OptionGroup[];\n  selectedValues: string[];\n  onSelectionChange: (values: string[]) => void;\n  placeholder?: string;\n  className?: string;\n  label?: string;\n  disabled?: boolean;\n  labelClassName?: string;\n  id?: string;\n  maxSelections?: number;\n  noOptionsMessage?: string;\n  loading?: boolean;\n  errorMessage?: string;\n  /** Optional container for the portal */\n  container?: HTMLElement | null;\n};\n\nexport const MultiSelectCombobox = ({\n  options,\n  selectedValues,\n  onSelectionChange,\n  placeholder = \"Select items...\",\n  className,\n  label,\n  labelClassName,\n  id,\n  maxSelections,\n  disabled,\n  noOptionsMessage,\n  loading,\n  errorMessage,\n  container\n}: MultiSelectComboboxProps) => {\n  const [open, setOpen] = useState(false);\n  const [searchValue, setSearchValue] = useState(\"\");\n  const [expandedGroups, setExpandedGroups] = useState<Record<string, boolean>>(\n    {}\n  );\n\n  // Clear input value when selection changes\n  React.useEffect(() => {\n    setSearchValue(\"\");\n  }, [selectedValues]);\n\n  const isGrouped = useMemo(\n    () => options.length > 0 && \"options\" in options[0],\n    [options]\n  );\n\n  const flatOptions = useMemo(() => {\n    if (!isGrouped) return options as OptionProps[];\n    return (options as OptionGroup[]).reduce<OptionProps[]>(\n      (acc, group) => [...acc, ...group.options],\n      []\n    );\n  }, [isGrouped, options]);\n\n  const filteredGroups = useMemo(() => {\n    if (!isGrouped) {\n      const filtered = (options as OptionProps[]).filter(\n        (option) =>\n          !selectedValues.includes(option.value) &&\n          (typeof option.label === \"string\"\n            ? option.label.toLowerCase().includes(searchValue.toLowerCase())\n            : typeof option.label === \"number\"\n              ? option.label.toString().includes(searchValue)\n              : false)\n      );\n      return filtered.length > 0 ? [{ label: \"\", options: filtered }] : [];\n    }\n\n    return (options as OptionGroup[])\n      .map((group) => ({\n        ...group,\n        options: group.options.filter(\n          (option) =>\n            !selectedValues.includes(option.value) &&\n            (typeof option.label === \"string\"\n              ? option.label.toLowerCase().includes(searchValue.toLowerCase())\n              : typeof option.label === \"number\"\n                ? option.label.toString().includes(searchValue)\n                : false)\n        )\n      }))\n      .filter((group) => group.options.length > 0);\n  }, [isGrouped, options, selectedValues, searchValue]);\n\n  const selectedOptions = useMemo(\n    () => flatOptions.filter((option) => selectedValues.includes(option.value)),\n    [flatOptions, selectedValues]\n  );\n\n  const handleOptionSelect = useCallback(\n    (value: string) => {\n      if (!maxSelections || selectedValues.length < maxSelections) {\n        onSelectionChange([...selectedValues, value]);\n        setSearchValue(\"\");\n      }\n    },\n    [maxSelections, onSelectionChange, selectedValues]\n  );\n\n  const handleRemoveTag = useCallback(\n    (valueToRemove: string) => {\n      onSelectionChange(\n        selectedValues.filter((value) => value !== valueToRemove)\n      );\n      setSearchValue(\"\");\n    },\n    [onSelectionChange, selectedValues]\n  );\n\n  const toggleGroup = useCallback((groupLabel: string) => {\n    setExpandedGroups((prev) => ({\n      ...prev,\n      [groupLabel]: !prev[groupLabel]\n    }));\n  }, []);\n\n  // Initialize expanded state for all groups\n  React.useEffect(() => {\n    if (isGrouped) {\n      const initialState = (options as OptionGroup[]).reduce<\n        Record<string, boolean>\n      >(\n        (acc, group) => ({\n          ...acc,\n          [group.label]: true\n        }),\n        {}\n      );\n      setExpandedGroups(initialState);\n    }\n  }, [isGrouped, options]);\n\n  return (\n    <div className=\"py-2\">\n      <Popover.Root\n        open={open && !disabled}\n        onOpenChange={(isOpen) => {\n          if (!disabled) {\n            setOpen(isOpen);\n            if (!isOpen) {\n              setSearchValue(\"\");\n            }\n          }\n        }}\n      >\n        <div\n          className={`relative w-full font-sans text-text-secondary ${className}`}\n        >\n          {label && (\n            <div className=\"flex justify-between items-center mb-1\">\n              <Text variant=\"label-default\" className={labelClassName}>\n                {label}\n              </Text>\n              {maxSelections && (\n                <Text variant=\"body-xxs-medium\" color=\"secondary\">\n                  <Text as=\"span\" variant=\"body-xxs-medium\">\n                    {selectedValues.length}\n                  </Text>\n                  /{maxSelections}\n                </Text>\n              )}\n            </div>\n          )}\n          <Popover.Trigger asChild>\n            <div className=\"relative flex-1\">\n              <Input\n                id={id}\n                placeholder={\n                  maxSelections && selectedValues.length >= maxSelections\n                    ? `Maximum ${maxSelections} items selected`\n                    : placeholder\n                }\n                value={searchValue}\n                onChange={(e) => setSearchValue(e.target.value)}\n                className=\"flex-1 bg-background-0\"\n                disabled={\n                  disabled ||\n                  (!!maxSelections && selectedValues.length >= maxSelections)\n                }\n                end={\n                  loading ? (\n                    <Spinner size=\"sm\" />\n                  ) : (\n                    <Icon name=\"search-normal\" size={[\"lg:24\", 18]} />\n                  )\n                }\n                forceShowFocusRing={open}\n              >\n                {selectedOptions.length > 0 ? (\n                  <div className=\"flex flex-wrap gap-2\">\n                    {selectedOptions.map((option) => (\n                      <Tag\n                        key={option.value}\n                        onClose={() => handleRemoveTag(option.value)}\n                      >\n                        {option.label}\n                      </Tag>\n                    ))}\n                  </div>\n                ) : null}\n              </Input>\n            </div>\n          </Popover.Trigger>\n\n          <Popover.Portal container={container}>\n            <Popover.Content\n              className=\"w-[--radix-popover-trigger-width] p-1 bg-white rounded-md shadow-lg border z-[9999] data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out\"\n              side=\"bottom\"\n              align=\"start\"\n            >\n              <div className=\"max-h-60 overflow-auto flex flex-col items-start\">\n                {filteredGroups.length > 0 ? (\n                  filteredGroups.map((group, groupIndex) => (\n                    <Collapsible.Root\n                      key={group.label || groupIndex}\n                      className=\"w-full\"\n                      open={expandedGroups[group.label] ?? true}\n                      onOpenChange={() =>\n                        group.label && toggleGroup(group.label)\n                      }\n                    >\n                      {group.label && (\n                        <Collapsible.Trigger asChild>\n                          <button className=\"w-full flex items-center justify-between px-2 py-1.5 hover:bg-gray-50\">\n                            <Text variant=\"body-default-bold\" color=\"secondary\">\n                              {group.label}\n                            </Text>\n                            <Icon\n                              name=\"arrow-down\"\n                              className={cn(\n                                \"transition-transform\",\n                                expandedGroups[group.label] && \"rotate-180\"\n                              )}\n                              size={16}\n                            />\n                          </button>\n                        </Collapsible.Trigger>\n                      )}\n                      <Collapsible.Content className=\"data-[state=open]:animate-accordion-down data-[state=closed]:animate-accordion-up\">\n                        {group.options.map((option, index) => (\n                          <Option\n                            key={`${groupIndex}-${index}`}\n                            label={option.label}\n                            value={option.value}\n                            onChange={handleOptionSelect}\n                            className=\"pl-4\"\n                          />\n                        ))}\n                      </Collapsible.Content>\n                    </Collapsible.Root>\n                  ))\n                ) : (\n                  <Text variant=\"label-default\" className=\"text-text-secondary\">\n                    {noOptionsMessage || \"No results found\"}\n                  </Text>\n                )}\n              </div>\n            </Popover.Content>\n          </Popover.Portal>\n        </div>\n      </Popover.Root>\n      {errorMessage && (\n        <Text variant=\"label-default\" color=\"danger\" className=\"mt-2\">\n          {errorMessage}\n        </Text>\n      )}\n    </div>\n  );\n};\n"]}
+{"version":3,"sources":["../../src/utils/index.ts","../../src/utils/tailwind.ts","../../src/components/Icon.tsx","../../src/components/Text.tsx","../../src/components/Input.tsx","../../src/components/Option.tsx","../../src/components/Tag.tsx","../../src/components/Pressable.tsx","../../src/components/AutocompleteInput.tsx","../../src/components/MultiSelectCombobox.tsx"],"names":["cn","inputs","twMerge","clsx","focusRingStyles","focusRingStylesCoerced","COLOR_MAP","BREAKPOINT_MAP","processSizes","sizes","sizeArray","mediaQueries","baseSize","size","breakpoint","valueStr","value","acc","query","Icon","React","name","color","title","className","style","props","ref","IconComponent","IconMap","sizeStyles","HEADING_ELEMENT_MAP","getElementFromVariant","variant","category","fontWeight","processVariants","variants","typographyClass","Text","as","children","weight","typographyClasses","colorClasses","suggestedElement","baseVariant","Input","h","end","iconName","label","labelClassName","id","forceShowFocusRing","error","errorMessage","helperText","showCharacterCount","maxLength","defaultValue","onChange","currentValue","setCurrentValue","handleChange","e","newValue","characterCount","showCount","HighlightedText","text","highlight","parts","part","i","Option","onKeyDown","onMouseEnter","onMouseLeave","selected","disabled","role","ariaSelected","searchValue","Pressable","type","Tag","onClose","pressableProps","isHovered","setIsHovered","useState","handleMouseEnter","useCallback","handleMouseLeave","content","AutocompleteInput","forwardRef","suggestion","placeholder","ariaControls","ariaActiveDescendant","ariaAutocomplete","MultiSelectCombobox","options","selectedValues","onSelectionChange","maxSelections","noOptionsMessage","loading","container","autocomplete","open","setOpen","setSearchValue","expandedGroups","setExpandedGroups","highlightedIndex","setHighlightedIndex","hoveredIndex","setHoveredIndex","listRef","useRef","inputRef","isGrouped","useMemo","flatOptions","group","selectedOptions","option","isMaxSelected","visibleOptions","filteredGroups","handleOptionSelect","optionValue","v","toggleGroup","groupLabel","prev","opt","handleKeyDown","event","matchingOption","handleOptionKeyDown","useEffect","input","length","highlightedOption","initialState","I","isOpen","groupIndex","G","index","optionIndex"],"mappings":"0pBAGO,SAASA,CAAAA,CAAAA,GAAMC,CAAsB,CAAA,CAC1C,OAAOC,qBAAQC,CAAAA,SAAAA,CAAKF,CAAM,CAAC,CAC7B,CC8DO,IAAMG,EACX,CAAA,oFAAA,CAEWC,EAAyB,CAAA,6BAAA,CCnDtC,IAAMC,EAAAA,CAAwC,CAC5C,OAAS,CAAA,SAAA,CACT,SAAW,CAAA,SAAA,CACX,KAAO,CAAA,SAAA,CACP,YAAa,SACb,CAAA,QAAA,CAAU,SACV,CAAA,MAAA,CAAQ,SACV,CAAA,CAEMC,GAA6C,CACjD,EAAA,CAAI,OACJ,CAAA,EAAA,CAAI,OACJ,CAAA,EAAA,CAAI,SACJ,EAAI,CAAA,QAAA,CACJ,KAAO,CAAA,QACT,CAEMC,CAAAA,EAAAA,CACJC,GACwB,CACxB,GAAI,CAACA,CAAAA,CAAO,OAAO,CAAE,MAAO,MAAQ,CAAA,MAAA,CAAQ,MAAO,CAAA,CAEnD,IAAMC,CAAAA,CAAY,MAAM,OAAQD,CAAAA,CAAK,CAAIA,CAAAA,CAAAA,CAAQ,CAACA,CAAK,CACjDE,CAAAA,CAAAA,CAAuC,EAAC,CAC1CC,CAGJ,CAAA,OAAAF,CAAU,CAAA,OAAA,CAASG,GAAS,CAC1B,GAAI,OAAOA,CAAAA,EAAS,QAClBD,CAAAA,CAAAA,CAAW,GAAGC,CAAI,CAAA,EAAA,CAAA,CAAA,KACb,CACL,GAAM,CAACC,CAAAA,CAAYC,CAAQ,CAAIF,CAAAA,CAAAA,CAAK,KAAM,CAAA,GAAG,CACvCG,CAAAA,CAAAA,CAAQ,SAASD,CAAU,CAAA,EAAE,CACnCJ,CAAAA,CAAAA,CAAa,CAAsBJ,mBAAAA,EAAAA,EAAAA,CAAeO,CAAU,CAAC,CAAA,CAAA,CAAG,CAC9D,CAAA,CAAA,EAAGE,CAAK,CAAA,EAAA,EACZ,CACF,CAAC,CAAA,CAGM,CACL,KAAA,CAAOJ,CAAY,EAAA,MAAA,CACnB,OAAQA,CAAY,EAAA,MAAA,CACpB,GAAG,MAAA,CAAO,OAAQD,CAAAA,CAAY,CAAE,CAAA,MAAA,CAC9B,CAACM,CAAAA,CAAK,CAACC,CAAAA,CAAOL,CAAI,CAAA,IAAO,CACvB,GAAGI,CAAAA,CACH,CAACC,CAAK,EAAG,CACP,MAAOL,CACP,CAAA,MAAA,CAAQA,CACV,CACF,CACA,CAAA,CAAA,EACF,CACF,CACF,CAEaM,CAAAA,CAAAA,CAAOC,oBAAM,CAAA,UAAA,CACxB,CACE,CACE,IAAA,CAAAC,CACA,CAAA,IAAA,CAAAR,CAAO,CAAA,EAAA,CACP,MAAAS,CAAQ,CAAA,SAAA,CACR,KAAAC,CAAAA,CAAAA,CACA,SAAAC,CAAAA,CAAAA,CACA,MAAAC,CAAQ,CAAA,EACR,CAAA,GAAGC,CACL,CAAA,CACAC,IACG,CACH,IAAMC,CAAgBC,CAAAA,aAAAA,CAAQR,CAAI,CAAA,CAC5BS,CAAatB,CAAAA,EAAAA,CAAaK,CAAI,CAAA,CAEpC,OACEO,oBAAAA,CAAA,aAAC,CAAA,KAAA,CAAA,CACC,UAAWpB,CAAG,CAAA,kCAAA,CAAoCwB,CAAS,CAAA,CAC3D,KAAO,CAAA,CACL,GAAGM,CACF,CAAA,eAAA,CAA4BxB,EAAUgB,CAAAA,CAAK,CAC5C,CAAA,GAAGG,CACL,CAEAL,CAAAA,CAAAA,oBAAAA,CAAA,aAACQ,CAAAA,CAAAA,CAAA,CACC,GAAA,CAAKD,EACL,aAAa,CAAA,CAACJ,CACd,CAAA,YAAA,CAAYA,CACZ,CAAA,MAAA,CAAQF,EAAK,QAAS,CAAA,QAAQ,CAAI,CAAA,KAAA,CAAA,CAAYf,EAAUgB,CAAAA,CAAK,EAC5D,GAAGI,CAAAA,CACN,CACF,CAEJ,CACF,CAAA,CAEAP,EAAK,WAAc,CAAA,MAAA,CCxCnB,IAAMY,GAAmD,CACvD,EAAA,CAAI,IACJ,CAAA,EAAA,CAAI,IACJ,CAAA,EAAA,CAAI,KACJ,EAAI,CAAA,IAAA,CACJ,EAAI,CAAA,IACN,CAEMC,CAAAA,EAAAA,CAAyBC,GAAwC,CACrE,GAAM,CAACC,CAAAA,CAAUrB,CAAI,CAAA,CAAIoB,EAAQ,KAAM,CAAA,GAAG,CAE1C,CAAA,OAAIC,CAAa,GAAA,SAAA,CACRH,GAAoBlB,CAAI,CAAA,EAAK,GAGlCqB,CAAAA,CAAAA,GAAa,OACR,CAAA,OAAA,CAGF,GACT,CAIMC,CAAAA,EAAAA,CAAqC,CACzC,KAAA,CAAO,YACP,CAAA,OAAA,CAAS,eACT,QAAU,CAAA,eAAA,CACV,IAAM,CAAA,WACR,CA0BMC,CAAAA,EAAAA,CACJC,GAEKA,CAEgB,CAAA,CAAA,KAAA,CAAM,OAAQA,CAAAA,CAAQ,CAAIA,CAAAA,CAAAA,CAAW,CAACA,CAAQ,CAGhE,EAAA,GAAA,CAAKJ,CAAY,EAAA,CAChB,GAAIA,CAAAA,CAAQ,SAAS,GAAG,CAAA,CAAG,CACzB,GAAM,CAACnB,CAAAA,CAAYwB,CAAe,CAAIL,CAAAA,CAAAA,CAAQ,KAAM,CAAA,GAAG,CACvD,CAAA,OAAO,GAAGnB,CAAU,CAAA,MAAA,EAASwB,CAAe,CAAA,CAC9C,CACA,OAAO,QAAQL,CAAO,CAAA,CACxB,CAAC,CAAA,CACA,IAAK,CAAA,GAAG,EAZW,mBAeXM,CAAAA,CAAAA,CAAOnB,oBAAM,CAAA,UAAA,CACxB,CACE,CACE,QAAAa,CAAU,CAAA,cAAA,CACV,KAAAX,CAAAA,CAAAA,CAAQ,SACR,CAAA,EAAA,CAAAkB,EACA,SAAAhB,CAAAA,CAAAA,CACA,QAAAiB,CAAAA,CAAAA,CACA,MAAAC,CAAAA,CAAAA,CACA,GAAGhB,CACL,CACAC,CAAAA,CAAAA,GACG,CAEH,IAAMgB,CAAoBP,CAAAA,EAAAA,CAAgBH,CAAO,CAG3CW,CAAAA,CAAAA,CAAetB,CAAU,GAAA,SAAA,CAAY,cAAiB,CAAA,CAAA,KAAA,EAAQA,CAAK,CAEnEuB,CAAAA,CAAAA,CAAAA,CAAmBzB,oBAAM,CAAA,OAAA,CAAQ,IAAM,CAC3C,IAAM0B,CACJ,CAAA,OAAOb,CAAY,EAAA,QAAA,CACfA,CAAQ,CAAA,KAAA,CAAM,GAAG,CAAE,CAAA,GAAA,EACnB,CAAA,KAAA,CAAM,OAAQA,CAAAA,CAAO,EACnBA,CAAQ,CAAA,CAAC,CAAE,CAAA,KAAA,CAAM,GAAG,CAAA,CAAE,KACtB,CAAA,cAAA,CACR,OAAOD,EAAAA,CAAsBc,CAA4B,CAC3D,EAAG,CAACb,CAAO,CAAC,CAAA,CAIZ,OAEEb,oBAAAA,CAAA,aAJiBoB,CAAAA,CAAAA,EAAMK,CAItB,CAAA,CACC,GAAKlB,CAAAA,CAAAA,CACL,SAAW,CAAA;AAAA;AAAA,UAAA,EAEPgB,CAAiB;AAAA,UAAA,EACjBC,CAAY;AAAA,UAAA,EACZF,CAAU,EAAA,CAAA,CAAA,EAAIP,EAAWO,CAAAA,CAAM,CAAC,CAAE,CAAA;AAAA,UAAA,EAClClB,CAAS;AAAA,QAAA,CAAA,CAEZ,GAAGE,CAAAA,CAAAA,CAEHe,CACH,CAEJ,CACF,CAAA,CAEAF,CAAK,CAAA,WAAA,CAAc,MCnKZ,CAAA,IAAMQ,EAAc,CAAAC,YAAA,CAAA,UAAA,CACzB,CACE,CACE,SAAAxB,CAAAA,CAAAA,CACA,GAAAyB,CAAAA,CAAAA,CACA,QAAAC,CAAAA,CAAAA,CACA,KAAA5B,CAAAA,CAAAA,CACA,IAAAT,CAAAA,CAAAA,CACA,KAAAU,CAAAA,CAAAA,CACA,KAAA4B,CAAAA,CAAAA,CACA,eAAAC,CACA,CAAA,EAAA,CAAAC,CACA,CAAA,QAAA,CAAAZ,CACA,CAAA,kBAAA,CAAAa,CACA,CAAA,KAAA,CAAAC,CACA,CAAA,YAAA,CAAAC,CACA,CAAA,UAAA,CAAAC,CACA,CAAA,kBAAA,CAAAC,CACA,CAAA,SAAA,CAAAC,EACA,KAAA3C,CAAAA,CAAAA,CACA,YAAA4C,CAAAA,CAAAA,CACA,QAAAC,CAAAA,CAAAA,CACA,GAAGnC,CACL,CACAC,CAAAA,CAAAA,GACG,CACH,GAAM,CAACmC,CAAAA,CAAcC,CAAe,CAAA,CAAUf,sBAC5ChC,CAAO,EAAA,QAAA,EAAc4C,EAAAA,CAAAA,EAAc,QAAS,EAAA,EAAK,EACnD,CAAA,CAGMZ,YAAU,CAAA,SAAA,CAAA,IAAM,CAChBhC,CAAAA,GAAU,KACZ+C,CAAAA,EAAAA,CAAAA,CAAgB/C,CAAM,CAAA,QAAA,EAAU,EAEpC,CAAA,CAAG,CAACA,CAAK,CAAC,CAAA,CAEV,IAAMgD,CAAAA,CAAqBhB,YACxBiB,CAAAA,WAAAA,CAAAA,CAAAA,EAA2C,CAC1C,IAAMC,CAAWD,CAAAA,CAAAA,CAAE,MAAO,CAAA,KAAA,CAC1BF,EAAgBG,CAAQ,CAAA,CACxBL,CAAWI,GAAAA,CAAC,EACd,CAAA,CACA,CAACJ,CAAQ,CACX,CAAA,CAEMM,CAAiBL,CAAAA,CAAAA,CAAa,MAC9BM,CAAAA,CAAAA,CAAYV,CAAsB,EAAA,CAAC,CAACC,CAE1C,CAAA,OACEX,YAAC,CAAA,aAAA,CAAA,KAAA,CAAA,CAAI,SAAU,CAAA,qBAAA,CAAA,CACZG,CACC,EAAAH,YAAA,CAAA,aAAA,CAACT,CAAA,CAAA,CACC,OAAQ,CAAA,eAAA,CACR,OAASc,CAAAA,CAAAA,CACT,EAAG,CAAA,OAAA,CACH,MAAOE,CAAQ,CAAA,QAAA,CAAW,SAC1B,CAAA,SAAA,CAAWvD,CAAGoD,CAAAA,CAAc,CAE3BD,CAAAA,CAAAA,CACH,CAEF,CAAAH,YAAA,CAAA,aAAA,CAAC,KACC,CAAA,CAAA,SAAA,CAAWhD,CACT,CAAA,uIAAA,CACA,CACE,qBAAA,CAAuB,CAACuD,CAAAA,EAAS,CAACD,CAAAA,CAClC,oBAAsBC,CAAAA,CAAAA,CACtB,CAAClD,EAAsB,EAAGiD,CAC5B,CACF,CAAA,CAAA,CAEAN,YAAC,CAAA,aAAA,CAAA,KAAA,CAAA,CAAI,SAAU,CAAA,eAAA,CAAA,CACbA,2BAAC,OACC,CAAA,CAAA,GAAA,CAAKrB,CACL,CAAA,EAAA,CAAI0B,CACJ,CAAA,SAAA,CAAWrD,CACT,CAAA,sNAAA,CACAiD,CAAO,EAAA,OAAA,CACPzB,CACF,CAAA,CACA,KAAOsC,CAAAA,CAAAA,CACP,SAAWH,CAAAA,CAAAA,CACX,SAAUK,CACV,CAAA,cAAA,CAAcT,CACb,CAAA,GAAG7B,CACN,CAAA,CAAA,CAAA,CACEuB,CAAOC,EAAAA,CAAAA,GACPF,YAAC,CAAA,aAAA,CAAA,KAAA,CAAA,CAAI,SAAU,CAAA,8CAAA,CAAA,CACZE,CACC,CAAAF,YAAA,CAAA,aAAA,CAAC7B,CAAA,CAAA,CACC,KAAM+B,CACN,CAAA,KAAA,CAAOK,CAAQ,CAAA,QAAA,CAAW,WAC1B,CAAA,IAAA,CAAM1C,CACN,CAAA,KAAA,CAAOU,CACT,CAAA,CAAA,CAEA0B,CAEJ,CAEJ,CACCR,CAAAA,CACH,CACA,CAAAO,YAAA,CAAA,aAAA,CAAC,OAAI,SAAU,CAAA,4BAAA,CAAA,CACXO,CAASC,EAAAA,CAAAA,EAAiBC,CAC1B,CAAAT,YAAA,CAAA,aAAA,CAACT,CAAA,CAAA,CACC,OAAQ,CAAA,UAAA,CACR,KAAOgB,CAAAA,CAAAA,CAAQ,QAAW,CAAA,WAAA,CAC1B,SAAU,CAAA,MAAA,CAAA,CAETA,EAAQC,CAAeC,CAAAA,CAC1B,CACE,CAAA,IAAA,CACHW,CACC,EAAApB,YAAA,CAAA,aAAA,CAACT,CAAA,CAAA,CACC,OAAQ,CAAA,UAAA,CACR,KAAOgB,CAAAA,CAAAA,CAAQ,QAAW,CAAA,WAAA,CAC1B,SAAU,CAAA,iBAAA,CAAA,CAEVP,2BAACT,CAAA,CAAA,CACC,OAAQ,CAAA,UAAA,CACR,EAAG,CAAA,MAAA,CACH,KAAM,CAAA,aAAA,CACN,SAAU,CAAA,WAAA,CAAA,CAET4B,CACH,CAAA,CACCR,CAAa,EAAA,CAAA,CAAA,EAAIA,CAAS,CAAA,CAAA,CAAG,aAChC,CAEJ,CACF,CAEJ,CACF,CCtKA,CA2BA,IAAMU,EAAAA,CAAkB,CAAC,CACvB,IAAAC,CAAAA,CAAAA,CACA,SAAAC,CAAAA,CACF,CAGM,GAAA,CACJ,GAAI,CAACA,CAAW,CAAA,OAAOnD,oBAAA,CAAA,aAAA,CAAAA,oBAAA,CAAA,QAAA,CAAA,IAAA,CAAGkD,CAAK,CAAA,CAE/B,IAAME,CAAAA,CAAQF,CAAK,CAAA,KAAA,CAAM,IAAI,MAAO,CAAA,CAAA,CAAA,EAAIC,CAAS,CAAA,CAAA,CAAA,CAAK,GAAG,CAAC,CAC1D,CAAA,OACEnD,oBAAA,CAAA,aAAA,CAAAA,oBAAA,CAAA,QAAA,CAAA,IAAA,CACGoD,CAAM,CAAA,GAAA,CAAI,CAACC,CAAAA,CAAMC,IAChBD,CAAK,CAAA,WAAA,EAAkBF,GAAAA,CAAAA,CAAU,WAAY,EAAA,CAC3CnD,oBAAA,CAAA,aAAA,CAAC,MAAK,CAAA,CAAA,GAAA,CAAKsD,CAAG,CAAA,SAAA,CAAU,WACrBD,CAAAA,CAAAA,CACH,CAEAA,CAAAA,CAEJ,CACF,CAEJ,CAAA,CAEaE,EAASvD,CAAAA,oBAAAA,CAAM,UAC1B,CAAA,CACE,CACE,KAAA,CAAAJ,CACA,CAAA,KAAA,CAAAmC,CACA,CAAA,QAAA,CAAAU,CACA,CAAA,SAAA,CAAAe,CACA,CAAA,YAAA,CAAAC,EACA,YAAAC,CAAAA,CAAAA,CACA,QAAAC,CAAAA,CAAAA,CACA,KAAAzD,CAAAA,CAAAA,CACA,QAAA0D,CAAAA,CAAAA,CACA,SAAAxD,CAAAA,CAAAA,CACA,EAAA6B,CAAAA,CAAAA,CACA,IAAA4B,CAAAA,CAAAA,CACA,eAAiBC,CAAAA,CAAAA,CACjB,YAAAC,CAAc,CAAA,EAChB,CACAxD,CAAAA,CAAAA,GAEAP,oBAAA,CAAA,aAAA,CAAC,QACC,CAAA,CAAA,GAAA,CAAKO,CACL,CAAA,IAAA,CAAK,QACL,CAAA,EAAA,CAAI0B,CACJ,CAAA,IAAA,CAAM4B,CACN,CAAA,eAAA,CAAeC,EACf,QAAUF,CAAAA,CAAAA,CACV,SAAWhF,CAAAA,CAAAA,CACT,oEACA,CAAA,kCAAA,CACA,iDACA+E,CAAAA,CAAAA,EAAY,aACZ,CAAA,yBAAA,CACAvD,CACF,CAAA,CACA,OAAS,CAAA,IAAM,CACbqC,CAAAA,GAAW7C,CAAK,EAClB,CAAA,CACA,SAAW4D,CAAAA,CAAAA,CACX,YAAcC,CAAAA,CAAAA,CACd,YAAcC,CAAAA,CAAAA,CAAAA,CAEd1D,oBAAA,CAAA,aAAA,CAACmB,CAAA,CAAA,CACC,OAAQ,CAAA,qBAAA,CACR,KAAOjB,CAAAA,CAAAA,GAAU,SAAW,QAAW,CAAA,SAAA,CAAA,CAEtC,OAAO6B,CAAAA,EAAU,QAChB/B,CAAAA,oBAAAA,CAAA,aAACiD,CAAAA,EAAAA,CAAA,CAAgB,IAAA,CAAMlB,CAAO,CAAA,SAAA,CAAWgC,CAAa,CAAA,CAAA,CAEtDhC,CAEJ,CACF,CAEJ,CC1GA,CCMO,IAAMiC,CAAYhE,CAAAA,oBAAAA,CAAM,UAC7B,CAAA,CAAC,CAAE,QAAAqB,CAAAA,CAAAA,CAAU,IAAA4C,CAAAA,CAAAA,CAAO,QAAU,CAAA,SAAA,CAAA7D,CAAW,CAAA,QAAA,CAAAwD,CAAU,CAAA,GAAGtD,CAAM,CAAA,CAAGC,CAC7DP,GAAAA,oBAAAA,CAAA,aAAC,CAAA,QAAA,CAAA,CACC,IAAKO,CACL,CAAA,IAAA,CAAM0D,CACN,CAAA,QAAA,CAAUL,CACV,CAAA,SAAA,CAAWhF,CACT,CAAA,iEAAA,CACAI,EACA4E,CAAAA,CAAAA,EAAY,+BACZxD,CAAAA,CACF,CACC,CAAA,GAAGE,CAEHe,CAAAA,CAAAA,CACH,CAEJ,CAEA2C,CAAAA,CAAAA,CAAU,WAAc,CAAA,WAAA,CDXjB,IAAME,EAAAA,CAAM,CAAC,CAClB,QAAA7C,CAAAA,CAAAA,CACA,KAAAnB,CAAAA,CAAAA,CAAQ,SACR,CAAA,SAAA,CAAAE,CACA,CAAA,OAAA,CAAA+D,EACA,GAAGC,CACL,CAAgB,GAAA,CACd,GAAM,CAACC,CAAWC,CAAAA,CAAY,CAAIC,CAAAA,UAAAA,CAAS,CAAK,CAAA,CAAA,CAE1CC,CAAmBC,CAAAA,aAAAA,CAAY,IAAM,CACzCH,EAAa,CAAI,CAAA,EACnB,CAAG,CAAA,EAAE,CAAA,CAECI,CAAmBD,CAAAA,aAAAA,CAAY,IAAM,CACzCH,CAAa,CAAA,CAAA,CAAK,EACpB,CAAA,CAAG,EAAE,EAECK,CACJ3E,CAAAA,oBAAAA,CAAA,aAAC,CAAA,KAAA,CAAA,CACC,SAAWpB,CAAAA,CAAAA,CACT,YACAuF,CAAAA,CAAAA,CACI,8BACA,CAAA,6BAAA,CACJ,kGACAjE,CAAAA,CAAAA,GAAU,SAAY,CAAA,kBAAA,CAAqB,cAC3CE,CAAAA,CACF,CACA,CAAA,YAAA,CAAcoE,CACd,CAAA,YAAA,CAAcE,CAEb,CAAA,CAAA,OAAOrD,CAAa,EAAA,QAAA,CACnBrB,oBAAA,CAAA,aAAA,CAACmB,CAAA,CAAA,CACC,KAAM,CAAA,SAAA,CACN,OAAS,CAAA,CAAC,yBAA0B,iBAAiB,CAAA,CACrD,SAAU,CAAA,iBAAA,CAAA,CAETE,CACH,CAAA,CAEAA,CAED8C,CAAAA,CAAAA,EACCnE,oBAAA,CAAA,aAAA,CAACgE,CAAA,CAAA,CACE,GAAGI,CAAAA,CACJ,OAASD,CAAAA,CAAAA,CACT,UAAU,kCAEVnE,CAAAA,CAAAA,oBAAAA,CAAA,aAACD,CAAAA,CAAAA,CAAA,CACC,IAAA,CAAK,OACL,CAAA,IAAA,CAAM,EACN,CAAA,KAAA,CAAOsE,CAAY,CAAA,OAAA,CAAU,aAC/B,CAAA,CACF,CAEJ,CAAA,CAGF,OAAOF,CACLQ,CAAAA,CAAAA,CAEA3E,oBAAA,CAAA,aAAA,CAACgE,CAAA,CAAA,CAAW,GAAGI,CAAAA,CAAAA,CAAiBO,CAAQ,CAE5C,CE7EA,CA4BO,IAAMC,EAAoBC,CAAAA,YAAAA,CAI/B,CACE,CACE,KAAAjF,CAAAA,CAAAA,CACA,UAAAkF,CAAAA,CAAAA,CACA,WAAAC,CAAAA,CAAAA,CACA,QAAAtC,CAAAA,CAAAA,CACA,SAAAe,CAAAA,CAAAA,CACA,KAAAzB,CAAAA,CAAAA,CACA,eAAAC,CACA,CAAA,EAAA,CAAAC,CACA,CAAA,QAAA,CAAA2B,CACA,CAAA,GAAA,CAAA/B,CACA,CAAA,SAAA,CAAAzB,CACA,CAAA,kBAAA,CAAA8B,CACA,CAAA,KAAA,CAAAC,CACA,CAAA,YAAA,CAAAC,CACA,CAAA,UAAA,CAAAC,EACA,eAAiB2C,CAAAA,CAAAA,CACjB,uBAAyBC,CAAAA,CAAAA,CACzB,mBAAqBC,CAAAA,CACvB,CACA3E,CAAAA,CAAAA,GAGEP,oBAAA,CAAA,aAAA,CAAC,KAAI,CAAA,CAAA,SAAA,CAAU,qBACZ+B,CAAAA,CAAAA,CAAAA,EACC/B,oBAAA,CAAA,aAAA,CAACmB,EAAA,CACC,OAAA,CAAQ,eACR,CAAA,OAAA,CAASc,CACT,CAAA,EAAA,CAAG,OACH,CAAA,KAAA,CAAOE,CAAQ,CAAA,QAAA,CAAW,SAC1B,CAAA,SAAA,CAAWvD,CAAGoD,CAAAA,CAAc,CAE3BD,CAAAA,CAAAA,CACH,EAEF/B,oBAAA,CAAA,aAAA,CAAC,KACC,CAAA,CAAA,SAAA,CAAWpB,CACT,CAAA,mJAAA,CACA,CACE,qBAAA,CAAuB,CAACuD,CAAAA,CACxB,oBAAsBA,CAAAA,CAAAA,CACtB,sBAAwBD,CAAAA,CAAAA,CACxB,gDACE,CAAA,CAACA,CACL,CACA9B,CAAAA,CACF,CAEAJ,CAAAA,CAAAA,oBAAAA,CAAA,aAAC,CAAA,KAAA,CAAA,CAAI,SAAU,CAAA,eAAA,CAAA,CACbA,oBAAA,CAAA,aAAA,CAAC,KAAI,CAAA,CAAA,SAAA,CAAU,iBACbA,CAAAA,CAAAA,oBAAAA,CAAA,aAAC,CAAA,OAAA,CAAA,CACC,IAAKO,CACL,CAAA,EAAA,CAAI0B,CACJ,CAAA,KAAA,CAAOrC,CACP,CAAA,QAAA,CAAWiD,CAAMJ,EAAAA,CAAAA,CAASI,CAAE,CAAA,MAAA,CAAO,KAAK,CAAA,CACxC,SAAWW,CAAAA,CAAAA,CACX,QAAUI,CAAAA,CAAAA,CACV,YAAamB,CACb,CAAA,SAAA,CAAWnG,CACT,CAAA,qMAAA,CACAiD,CAAO,EAAA,OACT,CACA,CAAA,cAAA,CAAcM,CACd,CAAA,eAAA,CAAe6C,CACf,CAAA,uBAAA,CAAuBC,CACvB,CAAA,mBAAA,CAAmBC,CACrB,CAAA,CAAA,CACCJ,GACC9E,oBAAA,CAAA,aAAA,CAAC,KAAI,CAAA,CAAA,SAAA,CAAU,wEACZJ,CAAAA,CAAAA,CAAAA,CACAkF,CAAW,CAAA,KAAA,CAAMlF,CAAM,CAAA,MAAM,CAChC,CAEJ,CACCiC,CAAAA,CAAAA,EACC7B,oBAAA,CAAA,aAAA,CAAC,OAAI,SAAU,CAAA,8CAAA,CAAA,CACZ6B,CACH,CAEJ,CACF,CAAA,CACEM,CAASC,EAAAA,CAAAA,EAAiBC,CAC1BrC,CAAAA,oBAAAA,CAAA,aAACmB,CAAAA,CAAAA,CAAA,CACC,OAAA,CAAQ,UACR,CAAA,KAAA,CAAOgB,EAAQ,QAAW,CAAA,WAAA,CAC1B,SAAU,CAAA,MAAA,CAAA,CAETA,CAAQC,CAAAA,CAAAA,CAAeC,CAC1B,CAAA,CACE,IACN,CAGN,CAEAuC,CAAAA,EAAAA,CAAkB,WAAc,CAAA,mBAAA,CCpEnBO,IAAAA,EAAAA,CAAsB,CAAC,CAClC,OAAA,CAAAC,CACA,CAAA,cAAA,CAAAC,CACA,CAAA,iBAAA,CAAAC,CACA,CAAA,WAAA,CAAAP,CAAc,CAAA,iBAAA,CACd,SAAA3E,CAAAA,CAAAA,CACA,KAAA2B,CAAAA,CAAAA,CACA,cAAAC,CAAAA,CAAAA,CACA,EAAAC,CAAAA,CAAAA,CACA,aAAAsD,CAAAA,CAAAA,CACA,QAAA3B,CAAAA,CAAAA,CACA,gBAAA4B,CAAAA,CAAAA,CACA,OAAAC,CAAAA,CAAAA,CACA,KAAAtD,CAAAA,CAAAA,CACA,YAAAC,CAAAA,CAAAA,CACA,UAAAC,CAAAA,CAAAA,CACA,UAAAqD,CACA,CAAA,YAAA,CAAAC,CAAe,CAAA,CAAA,CACjB,CAAgC,GAAA,CAC9B,GAAM,CAACC,CAAMC,CAAAA,CAAO,CAAItB,CAAAA,UAAAA,CAAS,CAAK,CAAA,CAAA,CAChC,CAACR,CAAAA,CAAa+B,CAAc,CAAIvB,CAAAA,UAAAA,CAAS,EAAE,CAAA,CAC3C,CAACwB,CAAAA,CAAgBC,CAAiB,CAAA,CAAIzB,UAC1C,CAAA,EACF,CAAA,CACM,CAAC0B,CAAAA,CAAkBC,CAAmB,CAAA,CAAI3B,WAAiB,CAAE,CAAA,CAAA,CAC7D,CAAC4B,CAAAA,CAAcC,CAAe,CAAA,CAAI7B,UAAiB,CAAA,CAAA,CAAE,CACrD8B,CAAAA,CAAAA,CAAUC,QAAuB,CAAA,IAAI,CACrCC,CAAAA,CAAAA,CAAWD,QAAyB,CAAA,IAAI,EAExCE,CAAYC,CAAAA,SAAAA,CAChB,IAAMrB,CAAAA,CAAQ,MAAS,CAAA,CAAA,EAAK,SAAaA,GAAAA,CAAAA,CAAQ,CAAC,CAAA,CAClD,CAACA,CAAO,CACV,CAAA,CAEMsB,CAAcD,CAAAA,SAAAA,CAAQ,IACrBrB,CAAQ,CAAA,MAAA,CACRoB,CACGpB,CAAAA,CAAAA,CAA0B,MAChC,CAAA,CAACvF,CAAK8G,CAAAA,CAAAA,GAAU,CAAC,GAAG9G,CAAK,CAAA,GAAG8G,CAAM,CAAA,OAAO,CACzC,CAAA,EACF,CAJuBvB,CAAAA,CAAAA,CADK,EAAC,CAM5B,CAACoB,CAAAA,CAAWpB,CAAO,CAAC,CAEjBwB,CAAAA,EAAAA,CAAkBH,SACtB,CAAA,IAAMC,CAAY,CAAA,MAAA,CAAQG,CAAWxB,EAAAA,CAAAA,CAAe,SAASwB,CAAO,CAAA,KAAK,CAAC,CAAA,CAC1E,CAACH,CAAAA,CAAarB,CAAc,CAC9B,CAEMyB,CAAAA,CAAAA,CAAgBL,SACpB,CAAA,IAAMlB,CAAkB,GAAA,KAAA,CAAA,EAAaF,CAAe,CAAA,MAAA,EAAUE,EAC9D,CAACA,CAAAA,CAAeF,CAAc,CAChC,CAEM0B,CAAAA,CAAAA,CAAiBN,SAAQ,CAAA,IACtBC,CAAY,CAAA,MAAA,CAAQG,CAErBxB,EAAAA,CAAAA,CAAe,QAASwB,CAAAA,CAAAA,CAAO,KAAK,CAAA,EAIpCC,EACK,CAGF/C,CAAAA,CAAAA,CAAAA,EAAe,OAAO8C,CAAAA,CAAO,KAAU,EAAA,QAAA,CAC1CA,CAAO,CAAA,KAAA,CAAM,WAAY,EAAA,CAAE,QAAS9C,CAAAA,CAAAA,CAAY,WAAY,EAAC,CAC7D,CAAA,CAAA,CACL,EACA,CAAC2C,CAAAA,CAAa3C,CAAasB,CAAAA,CAAAA,CAAgByB,CAAa,CAAC,CAEtDE,CAAAA,EAAAA,CAAiBP,SAAQ,CAAA,IACxBD,CAMGpB,CAAAA,CAAAA,CACL,GAAKuB,CAAAA,CAAAA,GAAW,CACf,GAAGA,EACH,OAASA,CAAAA,CAAAA,CAAM,OAAQ,CAAA,MAAA,CAAQE,CAEzBxB,EAAAA,CAAAA,CAAe,QAASwB,CAAAA,CAAAA,CAAO,KAAK,CAAA,EAIpCC,CACK,CAAA,CAAA,CAAA,CAGF/C,CAAe,EAAA,OAAO8C,CAAO,CAAA,KAAA,EAAU,SAC1CA,CAAO,CAAA,KAAA,CAAM,WAAY,EAAA,CAAE,QAAS9C,CAAAA,CAAAA,CAAY,WAAY,EAAC,CAC7D,CAAA,CAAA,CACL,CACH,CAAA,CAAE,CACD,CAAA,MAAA,CAAQ4C,CAAUA,EAAAA,CAAAA,CAAM,QAAQ,MAAS,CAAA,CAAC,CAvBpCI,CAAAA,CAAAA,CAAe,MAAS,CAAA,CAAA,CAC3B,CAAC,CAAE,KAAO,CAAA,EAAA,CAAI,OAASA,CAAAA,CAAe,CAAC,CAAA,CACvC,EAAC,CAsBN,CACDP,CACApB,CAAAA,CAAAA,CACArB,CACAsB,CAAAA,CAAAA,CACA0B,CACAD,CAAAA,CACF,CAAC,CAAA,CAEKG,CAAqBxC,CAAAA,aAAAA,CACxByC,CAAwB,EAAA,CACJ7B,CAAe,CAAA,QAAA,CAAS6B,CAAW,CAAA,CAEpD5B,EAAkBD,CAAe,CAAA,MAAA,CAAQ8B,CAAMA,EAAAA,CAAAA,GAAMD,CAAW,CAAC,CACvDJ,CAAAA,CAAAA,EACVxB,CAAkB,CAAA,CAAC,GAAGD,CAAAA,CAAgB6B,CAAW,CAAC,CAEhDX,CAAAA,CAAAA,CAAS,OACXA,EAAAA,CAAAA,CAAS,OAAQ,CAAA,KAAA,CAAM,CAAE,aAAA,CAAe,CAAK,CAAA,CAAC,EAElD,CAAA,CACA,CAAClB,CAAAA,CAAgBC,CAAmBwB,CAAAA,CAAa,CACnD,CAAA,CAEMM,GAAc3C,aAAa4C,CAAAA,CAAAA,EAAuB,CACtDrB,CAAAA,CAAmBsB,CAAU,GAAA,CAC3B,GAAGA,CAAAA,CACH,CAACD,CAAU,EAAG,CAACC,CAAKD,CAAAA,CAAU,CAChC,CAAA,CAAE,EACJ,CAAG,CAAA,EAAE,CAAA,CAECvC,CAAa2B,CAAAA,SAAAA,CAAQ,IACrB,CAACd,CAAgB,EAAA,CAAC5B,CAAe,EAAA,CAAC6B,CAAa,CAAA,EAAA,CAC5BmB,CAAe,CAAA,IAAA,CACnCQ,GACC,OAAOA,CAAAA,CAAI,KAAU,EAAA,QAAA,EACrBA,CAAI,CAAA,KAAA,CAAM,WAAY,EAAA,CAAE,UAAWxD,CAAAA,CAAAA,CAAY,WAAY,EAAC,CAC5DwD,EAAAA,CAAAA,CAAI,KAAM,CAAA,WAAA,KAAkBxD,CAAY,CAAA,WAAA,EACxC,EAAA,CAACsB,CAAe,CAAA,QAAA,CAASkC,CAAI,CAAA,KAAK,CACtC,CAAA,EACuB,KAAO,EAAA,QAAA,EAAc,EAAA,EAAA,CAC3C,CAAC5B,CAAAA,CAAc5B,EAAagD,CAAgBnB,CAAAA,CAAAA,CAAMP,CAAc,CAAC,CAE9DmC,CAAAA,EAAAA,CAAgB/C,aACnBgD,CAAAA,CAAAA,EAA2C,CAC1C,OAAQA,CAAM,CAAA,GAAA,EACZ,IAAK,WACHA,CAAAA,CAAAA,CAAM,gBACFA,CAAAA,CAAAA,CAAM,MACR5B,CAAAA,CAAAA,CAAQ,CAAI,CAAA,CAAA,CAEPD,CAIHM,CAAAA,CAAAA,CAAqBoB,CACnBA,EAAAA,CAAAA,CAAOP,CAAe,CAAA,MAAA,CAAS,CAAIO,CAAAA,CAAAA,CAAO,CAAI,CAAA,CAChD,GALAzB,CAAQ,CAAA,CAAA,CAAI,CACZK,CAAAA,CAAAA,CAAoB,CAAC,CAAA,CAAA,CAOzB,MAEF,IAAK,SACHuB,CAAAA,CAAAA,CAAM,cAAe,EAAA,CACjBA,CAAM,CAAA,MAAA,CACR5B,CAAQ,CAAA,CAAA,CAAK,CAERD,CAAAA,CAAAA,CAIHM,CAAqBoB,CAAAA,CAAAA,EACnBA,CAAO,CAAA,CAAA,CAAIA,CAAO,CAAA,CAAA,CAAIP,CAAe,CAAA,MAAA,CAAS,CAChD,CAAA,EALAlB,CAAQ,CAAA,CAAA,CAAI,CACZK,CAAAA,CAAAA,CAAoBa,EAAe,MAAS,CAAA,CAAC,CAOjD,CAAA,CAAA,MAEF,IAAK,QAAA,CACHU,CAAM,CAAA,cAAA,EACF7B,CAAAA,CAAAA,EACFM,CAAqBoB,CAAAA,CAAAA,EAAS,IAAK,CAAA,GAAA,CAAI,CAAGA,CAAAA,CAAAA,CAAO,EAAE,CAAC,CAAA,CAEtD,MAEF,IAAK,UACHG,CAAAA,CAAAA,CAAM,cAAe,EAAA,CACjB7B,CACFM,EAAAA,CAAAA,CAAqBoB,CACnB,EAAA,IAAA,CAAK,GAAIP,CAAAA,CAAAA,CAAe,MAAS,CAAA,CAAA,CAAGO,EAAO,EAAE,CAC/C,CAEF,CAAA,MAEF,IAAK,MAAA,CACHG,CAAM,CAAA,cAAA,EACF7B,CAAAA,CAAAA,EACFM,CAAoB,CAAA,CAAC,CAEvB,CAAA,MAEF,IAAK,KAAA,CACHuB,EAAM,cAAe,EAAA,CACjB7B,CACFM,EAAAA,CAAAA,CAAoBa,CAAe,CAAA,MAAA,CAAS,CAAC,CAAA,CAE/C,MAEF,IAAK,OAEH,CAAA,GADAU,CAAM,CAAA,cAAA,EACFxB,CAAAA,CAAAA,EAAoB,GAAKc,CAAed,CAAAA,CAAgB,CAC1DgB,CAAAA,CAAAA,CAAmBF,CAAed,CAAAA,CAAgB,CAAE,CAAA,KAAK,CAChDN,CAAAA,KAAAA,GAAAA,CAAAA,EAAgBb,CAAY,CAAA,CACrC,IAAM4C,CAAAA,CAAiBX,CAAe,CAAA,IAAA,CACnCQ,GACC,OAAOA,CAAAA,CAAI,KAAU,EAAA,QAAA,EACrBA,CAAI,CAAA,KAAA,CAAM,WAAY,EAAA,CAAE,UAAWxD,CAAAA,CAAAA,CAAY,WAAY,EAAC,CAC5D,EAAA,CAACsB,CAAe,CAAA,QAAA,CAASkC,EAAI,KAAK,CACtC,CACIG,CAAAA,CAAAA,EACFT,CAAmBS,CAAAA,CAAAA,CAAe,KAAK,EAE3C,CACA,MAEF,IAAK,KAAA,CACE9B,CAKHK,CAAAA,CAAAA,EAAoB,CACpBc,EAAAA,CAAAA,CAAed,CAAgB,CAAA,GAE/BwB,CAAM,CAAA,cAAA,EACNR,CAAAA,CAAAA,CAAmBF,CAAed,CAAAA,CAAgB,CAAE,CAAA,KAAK,CARzDwB,CAAAA,EAAAA,CAAAA,CAAM,cAAe,EAAA,CACrB5B,CAAQ,CAAA,CAAA,CAAI,EACZK,CAAoB,CAAA,CAAC,CAQvB,CAAA,CAAA,MAEF,IAAK,QAAA,CACHuB,CAAM,CAAA,cAAA,EACN5B,CAAAA,CAAAA,CAAQ,CAAK,CAAA,CAAA,CACbC,CAAe,CAAA,EAAE,CACjB,CAAA,KACJ,CACF,CACA,CAAA,CACEF,CACAK,CAAAA,CAAAA,CACAc,CACAE,CAAAA,CAAAA,CACAtB,CACAb,CAAAA,CAAAA,CACAf,CACAsB,CAAAA,CACF,CACF,CAAA,CAEMsC,EAAsBlD,CAAAA,aAAAA,CACzBgD,CAA4C,EAAA,CAC3C,OAAQA,CAAM,CAAA,GAAA,EACZ,IAAK,WACHA,CAAAA,CAAAA,CAAM,cAAe,EAAA,CACrBvB,CAAqBoB,CAAAA,CAAAA,EACnBA,CAAOP,CAAAA,CAAAA,CAAe,MAAS,CAAA,CAAA,CAAIO,CAAO,CAAA,CAAA,CAAI,CAChD,CACA,CAAA,MAEF,IAAK,SAAA,CACHG,CAAM,CAAA,cAAA,EACNvB,CAAAA,CAAAA,CAAqBoB,CACnBA,EAAAA,CAAAA,CAAO,CAAIA,CAAAA,CAAAA,CAAO,CAAIP,CAAAA,CAAAA,CAAe,MAAS,CAAA,CAChD,EACA,MAEF,IAAK,OACL,CAAA,IAAK,OACHU,CAAAA,CAAAA,CAAM,cAAe,EAAA,CACjBxB,CAAoB,EAAA,CAAA,EAAKc,CAAed,CAAAA,CAAgB,CAC1DgB,EAAAA,CAAAA,CAAmBF,CAAed,CAAAA,CAAgB,EAAE,KAAK,CAAA,CAE3D,MAEF,IAAK,QACHwB,CAAAA,CAAAA,CAAM,cAAe,EAAA,CACrB5B,CAAQ,CAAA,CAAA,CAAK,CACbU,CAAAA,CAAAA,CAAS,OAAS,EAAA,KAAA,EAClB,CAAA,MAEF,IAAK,KACHkB,CAAAA,CAAAA,CAAM,cAAe,EAAA,CACjBxB,CAAoB,EAAA,CAAA,EAAKc,CAAed,CAAAA,CAAgB,CAC1DgB,EAAAA,CAAAA,CAAmBF,CAAed,CAAAA,CAAgB,CAAE,CAAA,KAAK,CAE3D,CAAA,KACJ,CACF,CACA,CAAA,CAACA,CAAkBc,CAAAA,CAAAA,CAAgBE,CAAkB,CACvD,CAGA,CAAA,OAAAW,WAAU,CAAA,IAAM,CACd,GAAIhC,CAAM,CAAA,CACR,IAAMiC,CAAAA,CAAQtB,EAAS,OACvB,CAAA,GAAIsB,CAAO,CAAA,CACTA,CAAM,CAAA,KAAA,CAAM,CAAE,aAAA,CAAe,CAAK,CAAA,CAAC,CAEnC,CAAA,IAAMC,CAASD,CAAAA,CAAAA,CAAM,KAAM,CAAA,MAAA,CAC3BA,EAAM,iBAAkBC,CAAAA,CAAAA,CAAQA,CAAM,EACxC,CACF,CACF,CAAG,CAAA,CAAClC,CAAI,CAAC,CAGTgC,CAAAA,WAAAA,CAAU,IAAM,CACThC,CACHM,EAAAA,CAAAA,CAAoB,EAAE,EAE1B,CAAA,CAAG,CAACN,CAAI,CAAC,CAAA,CAGTgC,WAAU,CAAA,IAAM,CACd,GAAIhC,CAAQK,EAAAA,CAAAA,EAAoB,CAAKI,EAAAA,CAAAA,CAAQ,OAAS,CAAA,CACpD,IAAM0B,CAAoB1B,CAAAA,CAAAA,CAAQ,OAAQ,CAAA,aAAA,CACxC,CAAQpE,KAAAA,EAAAA,CAAE,CAAWgE,QAAAA,EAAAA,CAAgB,CACvC,EAAA,CAAA,CAAA,CAEI8B,CACFA,EAAAA,CAAAA,CAAkB,cAAe,CAAA,CAC/B,KAAO,CAAA,SAAA,CACP,SAAU,QACZ,CAAC,EAEL,CACF,CAAG,CAAA,CAAC9B,CAAkBL,CAAAA,CAAAA,CAAM3D,CAAE,CAAC,CAG/B2F,CAAAA,WAAAA,CAAU,IAAM,CACVhC,CAAQK,EAAAA,CAAAA,GAAqB,IAC/BC,CAAoB,CAAA,CAAC,EAEzB,CAAA,CAAG,CAACN,CAAAA,CAAMK,CAAgB,CAAC,CAG3B2B,CAAAA,WAAAA,CAAU,IAAM,CACd,GAAIpB,CAAAA,CAAW,CACb,IAAMwB,EAAgB5C,CAA0B,CAAA,MAAA,CAG9C,CAACvF,CAAAA,CAAK8G,CAAW,IAAA,CACf,GAAG9G,CAAAA,CACH,CAAC8G,CAAAA,CAAM,KAAK,EAAG,CACjB,CAAA,CAAA,CAAA,CACA,EACF,CACAX,CAAAA,CAAAA,CAAkBgC,CAAY,EAChC,CACF,CAAA,CAAG,CAACxB,CAAAA,CAAWpB,CAAO,CAAC,CAGrBpF,CAAAA,oBAAAA,CAAA,aAAC,CAAA,KAAA,CAAA,CAAI,SAAWpB,CAAAA,CAAAA,CAAG,sBAAuBwB,CAAS,CAAA,CAAA,CAChD2B,CACC/B,EAAAA,oBAAAA,CAAA,aAACmB,CAAAA,CAAAA,CAAA,CACC,OAAA,CAAQ,eACR,CAAA,OAAA,CAASc,CACT,CAAA,EAAA,CAAG,OACH,CAAA,KAAA,CAAOE,CAAQ,CAAA,QAAA,CAAW,UAC1B,SAAWvD,CAAAA,CAAAA,CAAGoD,CAAc,CAAA,CAAA,CAE3BD,CACH,CAAA,CAEF/B,oBAAA,CAAA,aAAA,CAASiI,YAAR,CAAA,IAAA,CAAA,CACC,IAAMrC,CAAAA,CAAAA,EAAQ,CAAChC,CAAAA,CACf,YAAesE,CAAAA,CAAAA,EAAW,CACnBtE,CACHiC,GAAAA,CAAAA,CAAQqC,CAAM,CAAA,CACTA,CACHpC,GAAAA,CAAAA,CAAe,EAAE,CAAA,CACjBI,CAAoB,CAAA,CAAA,CAAE,CAG5B,CAAA,EAAA,CAAA,CAAA,CAEAlG,oBAAA,CAAA,aAAA,CAAC,KAAI,CAAA,CAAA,SAAA,CAAU,4CACbA,oBAAA,CAAA,aAAA,CAASiI,YAAR,CAAA,OAAA,CAAA,CAAgB,OAAO,CAAA,CAAA,CAAA,CAAA,CACtBjI,oBAAA,CAAA,aAAA,CAAC,QACC,CAAA,CAAA,IAAA,CAAK,QACL,CAAA,SAAA,CAAU,kBACV,CAAA,QAAA,CAAU4D,CAET+B,CAAAA,CAAAA,CAAAA,CACC3F,qBAAA,aAAC4E,CAAAA,EAAAA,CAAA,CACC,GAAA,CAAK2B,CACL,CAAA,EAAA,CAAItE,CACJ,CAAA,WAAA,CAAa8C,CACb,CAAA,KAAA,CAAOhB,CACP,CAAA,UAAA,CAAYe,CACZ,CAAA,QAAA,CAAWlF,CAAU,EAAA,CACnBkG,EAAelG,CAAK,CAAA,CACfgG,CACHC,EAAAA,CAAAA,CAAQ,CAAI,CAAA,EAEhB,CACA,CAAA,SAAA,CAAW2B,EACX,CAAA,SAAA,CAAU,QACV,CAAA,kBAAA,CAAoB5B,CACpB,CAAA,QAAA,CAAUhC,CACV,CAAA,KAAA,CAAOzB,EACP,eAAeyD,CAAAA,CAAAA,CACf,eAAc,CAAA,SAAA,CACd,eAAe,CAAA,CAAA,EAAG3D,CAAE,CAAA,QAAA,CAAA,CACpB,uBACEgE,CAAAA,CAAAA,EAAoB,CAChB,CAAA,CAAA,EAAGhE,CAAE,CAAA,QAAA,EAAWgE,CAAgB,CAAA,CAAA,CAChC,OAER,CAEAjG,CAAAA,oBAAAA,CAAA,aAAC2B,CAAAA,EAAAA,CAAA,CACC,GAAA,CAAK4E,CACL,CAAA,EAAA,CAAItE,CACJ,CAAA,WAAA,CAAa8C,CACb,CAAA,KAAA,CAAOhB,CACP,CAAA,QAAA,CAAW,CAAM,EAAA,CACf+B,EAAe,CAAE,CAAA,MAAA,CAAO,KAAK,CAAA,CACxBF,CACHC,EAAAA,CAAAA,CAAQ,CAAI,CAAA,EAEhB,CACA,CAAA,SAAA,CAAW2B,EACX,CAAA,SAAA,CAAU,QACV,CAAA,kBAAA,CAAoB5B,CACpB,CAAA,KAAA,CAAOzD,EACP,eAAeyD,CAAAA,CAAAA,CACf,eAAc,CAAA,SAAA,CACd,eAAe,CAAA,CAAA,EAAG3D,CAAE,CAAA,QAAA,CAAA,CACpB,uBACEgE,CAAAA,CAAAA,EAAoB,CAChB,CAAA,CAAA,EAAGhE,CAAE,CAAA,QAAA,EAAWgE,CAAgB,CAAA,CAAA,CAChC,OAEN,QACErC,CAAAA,CAAAA,EACC,CAAC,CAAC2B,CAAiBF,EAAAA,CAAAA,CAAe,MAAUE,EAAAA,CAAAA,CAEjD,CAEJ,CACF,CAEAvF,CAAAA,oBAAAA,CAAA,aAAS,CAAAiI,YAAA,CAAA,MAAA,CAAR,CAAe,SAAA,CAAWvC,GACzB1F,oBAAA,CAAA,aAAA,CAASiI,YAAR,CAAA,OAAA,CAAA,CACC,SAAU,CAAA,2LAAA,CACV,IAAK,CAAA,QAAA,CACL,KAAM,CAAA,OAAA,CACN,UAAY,CAAA,CAAA,CACZ,eAAkB,CAAA,CAAA,EAAM,CAAE,CAAA,cAAA,GAC1B,gBAAmB,CAAA,CAAA,EAAM,CAAE,CAAA,cAAA,EAC3B,CAAA,cAAA,CAAiB,CAAM,EAAA,CAAA,CAAE,cAAe,EAAA,CACxC,iBAAoB,CAAA,CAAA,EAAM,CACxB,CAAA,CAAE,cAAe,EAAA,CACjBpC,EAAQ,CAAK,CAAA,CAAA,CACbC,CAAe,CAAA,EAAE,CACjBI,CAAAA,CAAAA,CAAoB,CAAE,CAAA,EACxB,CAEAlG,CAAAA,CAAAA,oBAAAA,CAAA,aAAC,CAAA,KAAA,CAAA,CACC,GAAKqG,CAAAA,CAAAA,CACL,SAAU,CAAA,oEAAA,CACV,KAAK,SACL,CAAA,EAAA,CAAI,CAAGpE,EAAAA,CAAE,CACT,QAAA,CAAA,CAAA,YAAA,CAAYF,CACZ,CAAA,sBAAA,CAAqB,MACrB,CAAA,WAAA,CAAW0D,CAEVA,CAAAA,CAAAA,CAAAA,CACCzF,oBAAA,CAAA,aAAA,CAACmB,CAAA,CAAA,CAAK,OAAQ,CAAA,eAAA,CAAgB,SAAU,CAAA,oBAAA,CAAA,CAAqB,YAE7D,CAAA,CACE4F,CAAe,CAAA,MAAA,CAAS,CAC1BC,CAAAA,EAAAA,CAAe,GAAI,CAAA,CAACL,CAAOwB,CAAAA,CAAAA,GACzBnI,oBAAA,CAAA,aAAA,CAAaoI,kBAAZ,CACC,GAAA,CAAKzB,CAAM,CAAA,KAAA,EAASwB,CACpB,CAAA,SAAA,CAAU,QACV,CAAA,IAAA,CAAMpC,CAAeY,CAAAA,CAAAA,CAAM,KAAK,CAAA,EAAK,CACrC,CAAA,CAAA,YAAA,CAAc,IACZA,CAAAA,CAAM,OAASS,EAAYT,CAAAA,CAAAA,CAAM,KAAK,CAAA,CAAA,CAGvCA,CAAM,CAAA,KAAA,EACL3G,oBAAA,CAAA,aAAA,CAAaoI,YAAZ,CAAA,OAAA,CAAA,CAAoB,OAAO,CAAA,CAAA,CAAA,CAAA,CAC1BpI,oBAAA,CAAA,aAAA,CAAC,KACC,CAAA,CAAA,SAAA,CAAU,wEACV,QAAU,CAAA,CAAA,CAAA,CAAA,CAEVA,oBAAA,CAAA,aAAA,CAACmB,CAAA,CAAA,CAAK,OAAQ,CAAA,mBAAA,CAAoB,KAAM,CAAA,WAAA,CAAA,CACrCwF,CAAM,CAAA,KACT,CACA3G,CAAAA,oBAAAA,CAAA,aAACD,CAAAA,CAAAA,CAAA,CACC,IAAK,CAAA,YAAA,CACL,SAAWnB,CAAAA,CAAAA,CACT,sBACAmH,CAAAA,CAAAA,CAAeY,CAAM,CAAA,KAAK,CAAK,EAAA,YACjC,CACA,CAAA,IAAA,CAAM,EACR,CAAA,CACF,CACF,CAAA,CAEF3G,qBAAA,aAAa,CAAAoI,YAAA,CAAA,OAAA,CAAZ,CAAoB,SAAA,CAAU,mFAC5BzB,CAAAA,CAAAA,CAAAA,CAAM,OAAQ,CAAA,GAAA,CAAI,CAACE,CAAAA,CAAQwB,EAAU,GAAA,CACpC,IAAMC,CAAAA,CAAcvB,CAAe,CAAA,SAAA,CAChCQ,IAAQA,EAAI,CAAA,KAAA,GAAUV,CAAO,CAAA,KAChC,CACA,CAAA,OACE7G,oBAAA,CAAA,aAAA,CAACuD,EAAA,CAAA,CACC,GAAK,CAAA,CAAA,EAAG4E,CAAU,CAAA,CAAA,EAAIE,EAAK,CAAA,CAAA,CAC3B,MAAOxB,CAAO,CAAA,KAAA,CACd,KAAOA,CAAAA,CAAAA,CAAO,KACd,CAAA,QAAA,CAAUI,CACV,CAAA,SAAA,CAAWU,EACX,CAAA,SAAA,CAAU,MACV,CAAA,QAAA,CACExB,CAAiBmC,GAAAA,CAAAA,EAChBnC,CAAiB,GAAA,CAAA,CAAA,EAChBF,IAAqBqC,CAEzB,CAAA,EAAA,CAAI,CAAGrG,EAAAA,CAAE,CAAWqG,QAAAA,EAAAA,CAAW,CAC/B,CAAA,CAAA,IAAA,CAAK,QACL,CAAA,eAAA,CAAejD,CAAe,CAAA,QAAA,CAC5BwB,CAAO,CAAA,KACT,CACA,CAAA,WAAA,CAAa9C,EACb,YAAc,CAAA,IAAMqC,CAAgBkC,CAAAA,CAAW,CAC/C,CAAA,YAAA,CAAc,IAAMlC,CAAAA,CAAgB,CAAE,CAAA,CAAA,CACxC,CAEJ,CAAC,CACH,CACF,CACD,CAAA,CAEDpG,qBAAA,aAACmB,CAAAA,CAAAA,CAAA,CAAK,OAAA,CAAQ,eAAgB,CAAA,SAAA,CAAU,oBACrCqE,CAAAA,CAAAA,CAAAA,EAAoB,kBACvB,CAEJ,CACF,CACF,CACF,CACF,CACCoB,CAAAA,EAAAA,CAAgB,OAAS,CACxB5G,EAAAA,oBAAAA,CAAA,aAAC,CAAA,KAAA,CAAA,CAAI,SAAU,CAAA,qBAAA,CAAA,CACbA,oBAAA,CAAA,aAAA,CAAC,KAAI,CAAA,CAAA,SAAA,CAAU,sBACZ4G,CAAAA,CAAAA,EAAAA,CAAgB,GAAKC,CAAAA,CAAAA,EACpB7G,oBAAA,CAAA,aAAA,CAACkE,GAAA,CACC,GAAA,CAAK2C,CAAO,CAAA,KAAA,CACZ,OAAS,CAAA,IAAMI,CAAmBJ,CAAAA,CAAAA,CAAO,KAAK,CAAA,CAC9C,QAAUjD,CAAAA,CAAAA,CAAAA,CAETiD,CAAO,CAAA,KACV,CACD,CACH,EACCC,CACC9G,EAAAA,oBAAAA,CAAA,aAACmB,CAAAA,CAAAA,CAAA,CAAK,OAAA,CAAQ,UAAW,CAAA,KAAA,CAAM,WAAY,CAAA,CAAA,aAAA,CAC7BoE,CAAc,CAAA,iBAC5B,CAEJ,CAAA,CAEApD,CAASC,EAAAA,CAAAA,EAAiBC,EAC1BrC,oBAAA,CAAA,aAAA,CAACmB,CAAA,CAAA,CACC,OAAQ,CAAA,UAAA,CACR,KAAOgB,CAAAA,CAAAA,CAAQ,QAAW,CAAA,WAAA,CAC1B,SAAU,CAAA,MAAA,CAAA,CAETA,CAAQC,CAAAA,CAAAA,CAAeC,CAC1B,CAAA,CACE,IACN,CAEJ","file":"MultiSelectCombobox.cjs","sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n\nexport const noopFn = () => {};\n","import { Colors, Typography } from \"../types/tailwind\";\n\n// Generate safelist patterns for all color utilities so you can use any theme color variable in your code\nexport const generateSafelist = (colors: Colors, typography: Typography) => {\n  const colorNames = Object.keys(colors) as (keyof Colors)[];\n  const utilities = [\"bg\", \"text\", \"border\", \"ring\", \"divide\", \"outline\"];\n  const variants = [\"hover:\", \"focus:\", \"active:\", \"disabled:\"];\n\n  const safelist: string[] = [];\n\n  colorNames.forEach((colorName) => {\n    if (typeof colors[colorName] === \"object\") {\n      // Handle nested color objects (with number keys)\n      Object.keys(colors[colorName]).forEach((shade) => {\n        utilities.forEach((utility) => {\n          // Base utility\n          safelist.push(`${utility}-${colorName}-${shade}`);\n\n          // Variant utilities\n          variants.forEach((variant) => {\n            safelist.push(`${variant}${utility}-${colorName}-${shade}`);\n          });\n        });\n      });\n    } else {\n      // Handle direct color values\n      utilities.forEach((utility) => {\n        safelist.push(`${utility}-${colorName}`);\n\n        variants.forEach((variant) => {\n          safelist.push(`${variant}${utility}-${colorName}`);\n        });\n      });\n    }\n  });\n\n  // Generate typography classes\n  Object.entries(typography).forEach(([family, sizes]) => {\n    Object.keys(sizes).forEach((size) => {\n      // Base typography classes\n      safelist.push(`text-${family}-${size}`);\n\n      // Add variants\n      variants.forEach((variant) => {\n        safelist.push(`${variant}text-${family}-${size}`);\n      });\n    });\n  });\n\n  const breakpoints = [\"sm\", \"md\", \"lg\", \"xl\", \"2xl\"];\n  const typographyClasses = Object.entries(typography).flatMap(\n    ([category, sizes]) =>\n      Object.keys(sizes).map((size) => `text-${category}-${size}`)\n  );\n\n  // Generate responsive variants\n  const responsiveTypographyClasses = typographyClasses.flatMap((className) =>\n    breakpoints.map((breakpoint) => `${breakpoint}:${className}`)\n  );\n\n  return [\n    ...typographyClasses,\n    ...responsiveTypographyClasses\n    // ... rest of your safelist\n  ];\n};\n\nexport const focusRingStyles =\n  \"focus-visible:outline-none focus-visible:border-2 focus-visible:border-primary-100\";\n\nexport const focusRingStylesCoerced = \"border-2 border-primary-100\";\n","import React, { SVGProps } from \"react\";\nimport { IconName, IconMap } from \"@deckai/icons\";\nimport { IconColors } from \"../types/tailwind\";\nimport { cn } from \"../utils\";\n\ntype Breakpoint = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\ntype ResponsiveSize = number | `${Breakpoint}:${number}`;\n\nexport type IconProps = {\n  name: IconName;\n  /** @default 24 */\n  size?: ResponsiveSize | ResponsiveSize[];\n  /** @default primary */\n  color?: IconColors;\n  title?: string;\n  className?: string;\n  style?: React.CSSProperties;\n} & Omit<SVGProps<SVGSVGElement>, \"aria-hidden\" | \"aria-label\">;\n\nconst COLOR_MAP: Record<IconColors, string> = {\n  primary: \"#080808\",\n  secondary: \"#666666\",\n  white: \"#ffffff\",\n  primaryBlue: \"#089CCB\",\n  disabled: \"#888888\",\n  danger: \"#FF0000\"\n};\n\nconst BREAKPOINT_MAP: Record<Breakpoint, string> = {\n  sm: \"640px\",\n  md: \"768px\",\n  lg: \"1024px\",\n  xl: \"1280px\",\n  \"2xl\": \"1536px\"\n};\n\nconst processSizes = (\n  sizes: ResponsiveSize | ResponsiveSize[] | undefined\n): React.CSSProperties => {\n  if (!sizes) return { width: \"24px\", height: \"24px\" };\n\n  const sizeArray = Array.isArray(sizes) ? sizes : [sizes];\n  const mediaQueries: Record<string, string> = {};\n  let baseSize: string | undefined;\n\n  // Process each size\n  sizeArray.forEach((size) => {\n    if (typeof size === \"number\") {\n      baseSize = `${size}px`;\n    } else {\n      const [breakpoint, valueStr] = size.split(\":\") as [Breakpoint, string];\n      const value = parseInt(valueStr, 10);\n      mediaQueries[`@media (min-width: ${BREAKPOINT_MAP[breakpoint]})`] =\n        `${value}px`;\n    }\n  });\n\n  // Create the style object with the correct structure\n  return {\n    width: baseSize || \"24px\",\n    height: baseSize || \"24px\",\n    ...Object.entries(mediaQueries).reduce(\n      (acc, [query, size]) => ({\n        ...acc,\n        [query]: {\n          width: size,\n          height: size\n        }\n      }),\n      {}\n    )\n  };\n};\n\nexport const Icon = React.forwardRef<SVGSVGElement, IconProps>(\n  (\n    {\n      name,\n      size = 24,\n      color = \"primary\",\n      title,\n      className,\n      style = {},\n      ...props\n    },\n    ref\n  ) => {\n    const IconComponent = IconMap[name];\n    const sizeStyles = processSizes(size);\n\n    return (\n      <div\n        className={cn(\"flex justify-center items-center\", className)}\n        style={{\n          ...sizeStyles,\n          [\"--icon-stroke\" as string]: COLOR_MAP[color],\n          ...style\n        }}\n      >\n        <IconComponent\n          ref={ref}\n          aria-hidden={!title}\n          aria-label={title}\n          stroke={name.includes(\"filled\") ? undefined : COLOR_MAP[color]}\n          {...props}\n        />\n      </div>\n    );\n  }\n);\n\nIcon.displayName = \"Icon\";\n","import React from \"react\";\nimport { Typography } from \"../types/tailwind\";\n\ntype TextElement =\n  | \"p\"\n  | \"span\"\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"h5\"\n  | \"h6\"\n  | \"strong\"\n  | \"em\"\n  | \"blockquote\"\n  | \"pre\"\n  | \"code\"\n  | \"small\"\n  | \"label\"\n  | \"a\";\n\n// HTML element mapping type\ntype HTMLElementByTag = {\n  p: HTMLParagraphElement;\n  span: HTMLSpanElement;\n  h1: HTMLHeadingElement;\n  h2: HTMLHeadingElement;\n  h3: HTMLHeadingElement;\n  h4: HTMLHeadingElement;\n  h5: HTMLHeadingElement;\n  h6: HTMLHeadingElement;\n  strong: HTMLElement;\n  em: HTMLElement;\n  blockquote: HTMLQuoteElement;\n  pre: HTMLPreElement;\n  code: HTMLElement;\n  small: HTMLElement;\n  label: HTMLLabelElement;\n  a: HTMLAnchorElement;\n};\n\n// HTML props mapping type\ntype HTMLPropsMap = {\n  p: React.HTMLAttributes<HTMLParagraphElement>;\n  span: React.HTMLAttributes<HTMLSpanElement>;\n  h1: React.HTMLAttributes<HTMLHeadingElement>;\n  h2: React.HTMLAttributes<HTMLHeadingElement>;\n  h3: React.HTMLAttributes<HTMLHeadingElement>;\n  h4: React.HTMLAttributes<HTMLHeadingElement>;\n  h5: React.HTMLAttributes<HTMLHeadingElement>;\n  h6: React.HTMLAttributes<HTMLHeadingElement>;\n  strong: React.HTMLAttributes<HTMLElement>;\n  em: React.HTMLAttributes<HTMLElement>;\n  blockquote: React.HTMLAttributes<HTMLQuoteElement>;\n  pre: React.HTMLAttributes<HTMLPreElement>;\n  code: React.HTMLAttributes<HTMLElement>;\n  small: React.HTMLAttributes<HTMLElement>;\n  label: React.LabelHTMLAttributes<HTMLLabelElement>;\n  a: Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, \"color\">;\n};\n\ntype TextColor =\n  | \"primary\"\n  | \"secondary\"\n  | \"white\"\n  | \"primary-blue\"\n  | \"disabled\"\n  | \"danger\"\n  | \"inherit\"\n  | \"primary-100\";\n\nconst HEADING_ELEMENT_MAP: Record<string, TextElement> = {\n  xl: \"h1\",\n  lg: \"h1\",\n  md: \"h2\",\n  sm: \"h3\",\n  xs: \"h4\"\n};\n\nconst getElementFromVariant = (variant: TypographyKey): TextElement => {\n  const [category, size] = variant.split(\"-\");\n\n  if (category === \"heading\") {\n    return HEADING_ELEMENT_MAP[size] || \"p\";\n  }\n\n  if (category === \"label\") {\n    return \"label\";\n  }\n\n  return \"p\";\n};\n\ntype Weight = \"light\" | \"regular\" | \"semibold\" | \"bold\";\n\nconst fontWeight: Record<Weight, string> = {\n  light: \"font-light\",\n  regular: \"font-regular\",\n  semibold: \"font-semibold\",\n  bold: \"font-bold\"\n};\n\n// Add breakpoint types\ntype Breakpoint = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\ntype ResponsiveVariant = TypographyKey | `${Breakpoint}:${TypographyKey}`;\n\ntype TypographyCategory = keyof Typography;\ntype TypographyValue<T extends TypographyCategory> = Extract<\n  keyof Typography[T],\n  string | number | bigint | boolean | null | undefined\n>;\ntype TypographyKey = {\n  [T in TypographyCategory]: `${T}-${TypographyValue<T>}`;\n}[TypographyCategory];\n\n// Update TextProps to use ResponsiveVariant\nexport type TextProps<T extends TextElement = \"p\"> = {\n  variant?: ResponsiveVariant | ResponsiveVariant[];\n  color?: TextColor;\n  as?: T;\n  className?: string;\n  children: React.ReactNode;\n  weight?: Weight;\n} & HTMLPropsMap[T];\n\n// Add helper function to process variants\nconst processVariants = (\n  variants: ResponsiveVariant | ResponsiveVariant[] | undefined\n): string => {\n  if (!variants) return \"text-body-default\";\n\n  const variantArray = Array.isArray(variants) ? variants : [variants];\n\n  return variantArray\n    .map((variant) => {\n      if (variant.includes(\":\")) {\n        const [breakpoint, typographyClass] = variant.split(\":\");\n        return `${breakpoint}:text-${typographyClass}`;\n      }\n      return `text-${variant}`;\n    })\n    .join(\" \");\n};\n\nexport const Text = React.forwardRef(\n  <T extends TextElement = \"p\">(\n    {\n      variant = \"body-default\",\n      color = \"primary\",\n      as,\n      className,\n      children,\n      weight,\n      ...props\n    }: TextProps<T>,\n    ref: React.ForwardedRef<HTMLElementByTag[T]>\n  ) => {\n    // Process typography classes with breakpoints\n    const typographyClasses = processVariants(variant);\n\n    // Get color styles\n    const colorClasses = color === \"inherit\" ? \"text-inherit\" : `text-${color}`;\n\n    const suggestedElement = React.useMemo(() => {\n      const baseVariant =\n        typeof variant === \"string\"\n          ? variant.split(\":\").pop()!\n          : Array.isArray(variant)\n            ? variant[0].split(\":\").pop()!\n            : \"body-default\";\n      return getElementFromVariant(baseVariant as TypographyKey);\n    }, [variant]);\n\n    const Component = (as || suggestedElement) as T;\n\n    return (\n      // @ts-expect-error TODO: figure this out\n      <Component\n        ref={ref}\n        className={`\n          font-sans antialiased\n          ${typographyClasses}\n          ${colorClasses}\n          ${weight && `!${fontWeight[weight]}`}\n          ${className}\n        `}\n        {...props}\n      >\n        {children}\n      </Component>\n    );\n  }\n);\n\nText.displayName = \"Text\";\n","import * as React from \"react\";\nimport { cn } from \"../utils\";\nimport { focusRingStyles, focusRingStylesCoerced } from \"../utils/tailwind\";\nimport { IconName } from \"@deckai/icons\";\nimport { Icon, IconProps } from \"./Icon\";\nimport { Text } from \"./Text\";\n\nexport type InputProps = {\n  className?: string;\n  end?: React.ReactNode;\n  /** renders an icon in the end slot */\n  iconName?: IconName;\n  /** Label text for the input */\n  label?: string;\n  /** Additional classes for the label */\n  labelClassName?: string;\n  /** Forces the focus ring to show regardless of focus state */\n  forceShowFocusRing?: boolean;\n  /** Error state for the input */\n  error?: boolean;\n  /** Error message to display below the input */\n  errorMessage?: string;\n  /** Helper text displayed below the input */\n  helperText?: string;\n  /** Character count display */\n  showCharacterCount?: boolean;\n  /** Maximum number of characters */\n  maxLength?: number;\n} & React.InputHTMLAttributes<HTMLInputElement> &\n  Pick<IconProps, \"color\" | \"size\" | \"title\">;\n\nexport const Input = React.forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      className,\n      end,\n      iconName,\n      color,\n      size,\n      title,\n      label,\n      labelClassName,\n      id,\n      children,\n      forceShowFocusRing,\n      error,\n      errorMessage,\n      helperText,\n      showCharacterCount,\n      maxLength,\n      value,\n      defaultValue,\n      onChange,\n      ...props\n    },\n    ref\n  ) => {\n    const [currentValue, setCurrentValue] = React.useState(\n      value?.toString() || defaultValue?.toString() || \"\"\n    );\n\n    // Update internal value when prop changes\n    React.useEffect(() => {\n      if (value !== undefined) {\n        setCurrentValue(value.toString());\n      }\n    }, [value]);\n\n    const handleChange = React.useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        const newValue = e.target.value;\n        setCurrentValue(newValue);\n        onChange?.(e);\n      },\n      [onChange]\n    );\n\n    const characterCount = currentValue.length;\n    const showCount = showCharacterCount || !!maxLength;\n\n    return (\n      <div className=\"gap-1 flex flex-col\">\n        {label && (\n          <Text\n            variant=\"label-default\"\n            htmlFor={id}\n            as=\"label\"\n            color={error ? \"danger\" : \"primary\"}\n            className={cn(labelClassName)}\n          >\n            {label}\n          </Text>\n        )}\n        <div\n          className={cn(\n            \"relative flex flex-col gap-2 w-full rounded-lg border bg-background-0 px-3 md:py-3 py-2 text-secondary transition-colors duration-150\",\n            {\n              \"border-secondary-50\": !error && !forceShowFocusRing,\n              \"border-tertiary-10\": error,\n              [focusRingStylesCoerced]: forceShowFocusRing\n            }\n          )}\n        >\n          <div className=\"flex relative\">\n            <input\n              ref={ref}\n              id={id}\n              className={cn(\n                \"font-sans text-sm flex w-full file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-secondary text-primary disabled:cursor-not-allowed focus:outline-none rounded-lg\",\n                end && \"pr-10\",\n                className\n              )}\n              value={currentValue}\n              maxLength={maxLength}\n              onChange={handleChange}\n              aria-invalid={error}\n              {...props}\n            />\n            {(end || iconName) && (\n              <div className=\"absolute inset-y-0 right-0 flex items-center\">\n                {iconName ? (\n                  <Icon\n                    name={iconName}\n                    color={error ? \"danger\" : \"secondary\"}\n                    size={size}\n                    title={title}\n                  />\n                ) : (\n                  end\n                )}\n              </div>\n            )}\n          </div>\n          {children}\n        </div>\n        <div className=\"flex justify-between gap-2\">\n          {(error && errorMessage) || helperText ? (\n            <Text\n              variant=\"body-xxs\"\n              color={error ? \"danger\" : \"secondary\"}\n              className=\"mt-1\"\n            >\n              {error ? errorMessage : helperText}\n            </Text>\n          ) : null}\n          {showCount && (\n            <Text\n              variant=\"body-xxs\"\n              color={error ? \"danger\" : \"secondary\"}\n              className=\"text-right mt-1\"\n            >\n              <Text\n                variant=\"body-xxs\"\n                as=\"span\"\n                color=\"primary-100\"\n                className=\"font-bold\"\n              >\n                {characterCount}\n              </Text>\n              {maxLength && `/${maxLength}`} characters\n            </Text>\n          )}\n        </div>\n      </div>\n    );\n  }\n);\n","import React, { KeyboardEvent } from \"react\";\nimport { cn } from \"../utils\";\nimport { Text } from \"./Text\";\n\nexport type OptionProps = {\n  label: React.ReactNode;\n  value: string;\n  /** Optional color override for specific items like \"Logout\" in red */\n  color?: \"default\" | \"danger\";\n  /** Optional disabled state */\n  disabled?: boolean;\n  onChange?: (value: string) => void;\n  onKeyDown?: (event: KeyboardEvent<HTMLButtonElement>) => void;\n  onMouseEnter?: () => void;\n  onMouseLeave?: () => void;\n  selected?: boolean;\n  className?: string;\n  /** ID for accessibility */\n  id?: string;\n  /** ARIA role */\n  role?: string;\n  /** ARIA selected state */\n  \"aria-selected\"?: boolean;\n  /** Current search value for highlighting matches */\n  searchValue?: string;\n};\n\nconst HighlightedText = ({\n  text,\n  highlight\n}: {\n  text: string;\n  highlight: string;\n}) => {\n  if (!highlight) return <>{text}</>;\n\n  const parts = text.split(new RegExp(`(${highlight})`, \"i\"));\n  return (\n    <>\n      {parts.map((part, i) =>\n        part.toLowerCase() === highlight.toLowerCase() ? (\n          <span key={i} className=\"font-bold\">\n            {part}\n          </span>\n        ) : (\n          part\n        )\n      )}\n    </>\n  );\n};\n\nexport const Option = React.forwardRef<HTMLButtonElement, OptionProps>(\n  (\n    {\n      value,\n      label,\n      onChange,\n      onKeyDown,\n      onMouseEnter,\n      onMouseLeave,\n      selected,\n      color,\n      disabled,\n      className,\n      id,\n      role,\n      \"aria-selected\": ariaSelected,\n      searchValue = \"\"\n    },\n    ref\n  ) => (\n    <button\n      ref={ref}\n      type=\"button\"\n      id={id}\n      role={role}\n      aria-selected={ariaSelected}\n      disabled={disabled}\n      className={cn(\n        \"relative w-full text-left px-2 py-1.5 text-sm rounded outline-none\",\n        \"cursor-pointer hover:bg-gray-100\",\n        \"disabled:opacity-50 disabled:cursor-not-allowed\",\n        selected && \"bg-gray-100\",\n        \"flex items-center gap-2\",\n        className\n      )}\n      onClick={() => {\n        onChange?.(value);\n      }}\n      onKeyDown={onKeyDown}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n    >\n      <Text\n        variant=\"body-default-medium\"\n        color={color === \"danger\" ? \"danger\" : \"inherit\"}\n      >\n        {typeof label === \"string\" ? (\n          <HighlightedText text={label} highlight={searchValue} />\n        ) : (\n          label\n        )}\n      </Text>\n    </button>\n  )\n);\n","import React, { useState, useCallback, HTMLAttributes } from \"react\";\nimport { Text } from \"./Text\";\nimport { Pressable, PressableProps } from \"./Pressable\";\nimport { cn } from \"../utils\";\nimport { Icon } from \"./Icon\";\n\nexport type TagProps = {\n  children: React.ReactNode;\n  padded?: boolean;\n  color?: \"primary\" | \"text\";\n  onClose?: () => void;\n} & HTMLAttributes<HTMLDivElement> &\n  PressableProps;\n\nexport const Tag = ({\n  children,\n  color = \"primary\",\n  className,\n  onClose,\n  ...pressableProps\n}: TagProps) => {\n  const [isHovered, setIsHovered] = useState(false);\n\n  const handleMouseEnter = useCallback(() => {\n    setIsHovered(true);\n  }, []);\n\n  const handleMouseLeave = useCallback(() => {\n    setIsHovered(false);\n  }, []);\n\n  const content = (\n    <div\n      className={cn(\n        \"flex gap-2\",\n        onClose\n          ? \"justify-between items-center\"\n          : \"items-center justify-center\",\n        \"hover:bg-primary-100 rounded bg-secondary-400 px-2 py-1 sm:px-3 sm:py-1.5 h-min hover:text-white\",\n        color === \"primary\" ? \"text-primary-100\" : \"text-primary\",\n        className\n      )}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n    >\n      {typeof children === \"string\" ? (\n        <Text\n          color=\"inherit\"\n          variant={[\"md:body-default-medium\", \"body-xxs-medium\"]}\n          className=\"truncate pt-0.5\"\n        >\n          {children}\n        </Text>\n      ) : (\n        children\n      )}\n      {onClose && (\n        <Pressable\n          {...pressableProps}\n          onClick={onClose}\n          className=\"flex items-center justify-center\"\n        >\n          <Icon\n            name=\"close\"\n            size={10}\n            color={isHovered ? \"white\" : \"primaryBlue\"}\n          />\n        </Pressable>\n      )}\n    </div>\n  );\n\n  return onClose ? (\n    content\n  ) : (\n    <Pressable {...pressableProps}>{content}</Pressable>\n  );\n};\n","import React, { ButtonHTMLAttributes } from \"react\";\nimport { focusRingStyles } from \"../utils/tailwind\";\nimport { cn } from \"../utils\";\n\nexport type PressableProps = ButtonHTMLAttributes<HTMLButtonElement>;\n\nexport const Pressable = React.forwardRef<HTMLButtonElement, PressableProps>(\n  ({ children, type = \"button\", className, disabled, ...props }, ref) => (\n    <button\n      ref={ref}\n      type={type}\n      disabled={disabled}\n      className={cn(\n        \"appearance-none hover:opacity-80 transition-all active:scale-95\",\n        focusRingStyles,\n        disabled && \"opacity-50 cursor-not-allowed\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </button>\n  )\n);\n\nPressable.displayName = \"Pressable\";\n","import React, { forwardRef, KeyboardEvent } from \"react\";\nimport { cn } from \"../utils\";\nimport { Text } from \"./Text\";\n\nexport type AutocompleteInputProps = {\n  value: string;\n  suggestion: string;\n  placeholder?: string;\n  onChange: (value: string) => void;\n  onKeyDown?: (event: KeyboardEvent<HTMLInputElement>) => void;\n  label?: string;\n  labelClassName?: string;\n  id?: string;\n  disabled?: boolean;\n  end?: React.ReactNode;\n  className?: string;\n  forceShowFocusRing?: boolean;\n  /** Error state for the input */\n  error?: boolean;\n  /** Error message to display below the input */\n  errorMessage?: string;\n  /** Helper text displayed below the input */\n  helperText?: string;\n  \"aria-controls\"?: string;\n  \"aria-activedescendant\"?: string;\n  \"aria-autocomplete\"?: \"none\" | \"inline\" | \"list\" | \"both\";\n};\n\nexport const AutocompleteInput = forwardRef<\n  HTMLInputElement,\n  AutocompleteInputProps\n>(\n  (\n    {\n      value,\n      suggestion,\n      placeholder,\n      onChange,\n      onKeyDown,\n      label,\n      labelClassName,\n      id,\n      disabled,\n      end,\n      className,\n      forceShowFocusRing,\n      error,\n      errorMessage,\n      helperText,\n      \"aria-controls\": ariaControls,\n      \"aria-activedescendant\": ariaActiveDescendant,\n      \"aria-autocomplete\": ariaAutocomplete\n    },\n    ref\n  ) => {\n    return (\n      <div className=\"gap-1 flex flex-col\">\n        {label && (\n          <Text\n            variant=\"label-default\"\n            htmlFor={id}\n            as=\"label\"\n            color={error ? \"danger\" : \"primary\"}\n            className={cn(labelClassName)}\n          >\n            {label}\n          </Text>\n        )}\n        <div\n          className={cn(\n            \"relative flex flex-col gap-2 w-full rounded-lg border bg-background-0 px-3 md:py-3 py-2 text-secondary ring-offset-background disabled:opacity-50\",\n            {\n              \"border-secondary-50\": !error,\n              \"border-tertiary-10\": error,\n              \"ring-2 ring-offset-2\": forceShowFocusRing,\n              \"focus-within:ring-2 focus-within:ring-offset-2\":\n                !forceShowFocusRing\n            },\n            className\n          )}\n        >\n          <div className=\"flex relative\">\n            <div className=\"relative w-full\">\n              <input\n                ref={ref}\n                id={id}\n                value={value}\n                onChange={(e) => onChange(e.target.value)}\n                onKeyDown={onKeyDown}\n                disabled={disabled}\n                placeholder={placeholder}\n                className={cn(\n                  \"font-sans text-sm flex w-full file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-secondary text-primary disabled:cursor-not-allowed focus:outline-none bg-transparent\",\n                  end && \"pr-10\"\n                )}\n                aria-invalid={error}\n                aria-controls={ariaControls}\n                aria-activedescendant={ariaActiveDescendant}\n                aria-autocomplete={ariaAutocomplete}\n              />\n              {suggestion && (\n                <div className=\"absolute inset-0 text-secondary opacity-40 pointer-events-none text-sm\">\n                  {value}\n                  {suggestion.slice(value.length)}\n                </div>\n              )}\n            </div>\n            {end && (\n              <div className=\"absolute inset-y-0 right-0 flex items-center\">\n                {end}\n              </div>\n            )}\n          </div>\n        </div>\n        {(error && errorMessage) || helperText ? (\n          <Text\n            variant=\"body-xxs\"\n            color={error ? \"danger\" : \"secondary\"}\n            className=\"mt-1\"\n          >\n            {error ? errorMessage : helperText}\n          </Text>\n        ) : null}\n      </div>\n    );\n  }\n);\n\nAutocompleteInput.displayName = \"AutocompleteInput\";\n","import React, {\n  useCallback,\n  useMemo,\n  useState,\n  useRef,\n  KeyboardEvent,\n  useEffect\n} from \"react\";\nimport * as Popover from \"@radix-ui/react-popover\";\nimport * as Collapsible from \"@radix-ui/react-collapsible\";\nimport { Input } from \"./Input\";\nimport { OptionProps, Option } from \"./Option\";\nimport { Text } from \"./Text\";\nimport { Icon } from \"./Icon\";\nimport { cn } from \"../utils\";\nimport { Tag } from \"./Tag\";\nimport { AutocompleteInput } from \"./AutocompleteInput\";\n\nexport type OptionGroup = {\n  label: string;\n  options: OptionProps[];\n};\n\nexport type MultiSelectComboboxProps = {\n  /** Options can be either a flat array or grouped */\n  options: OptionProps[] | OptionGroup[];\n  /** Currently selected values */\n  selectedValues: string[];\n  /** Callback when selection changes */\n  onSelectionChange: (values: string[]) => void;\n  /** Placeholder text */\n  placeholder?: string;\n  /** Additional classes for the container */\n  className?: string;\n  /** Label text for the combobox */\n  label?: string;\n  /** Additional classes for the label */\n  labelClassName?: string;\n  /** ID for accessibility */\n  id?: string;\n  /** Maximum number of selections allowed */\n  maxSelections?: number;\n  /** Whether the combobox is disabled */\n  disabled?: boolean;\n  /** Message to show when no options are available */\n  noOptionsMessage?: string;\n  /** Loading state for async options */\n  loading?: boolean;\n  /** Error state for the combobox */\n  error?: boolean;\n  /** Error message to display */\n  errorMessage?: string;\n  /** Helper text displayed below the combobox */\n  helperText?: string;\n  /** Optional container for the portal */\n  container?: HTMLElement | null;\n  /** Whether to enable autocomplete functionality */\n  autocomplete?: boolean;\n};\n\nexport const MultiSelectCombobox = ({\n  options,\n  selectedValues,\n  onSelectionChange,\n  placeholder = \"Select items...\",\n  className,\n  label,\n  labelClassName,\n  id,\n  maxSelections,\n  disabled,\n  noOptionsMessage,\n  loading,\n  error,\n  errorMessage,\n  helperText,\n  container,\n  autocomplete = false\n}: MultiSelectComboboxProps) => {\n  const [open, setOpen] = useState(false);\n  const [searchValue, setSearchValue] = useState(\"\");\n  const [expandedGroups, setExpandedGroups] = useState<Record<string, boolean>>(\n    {}\n  );\n  const [highlightedIndex, setHighlightedIndex] = useState<number>(-1);\n  const [hoveredIndex, setHoveredIndex] = useState<number>(-1);\n  const listRef = useRef<HTMLDivElement>(null);\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const isGrouped = useMemo(\n    () => options.length > 0 && \"options\" in options[0],\n    [options]\n  );\n\n  const flatOptions = useMemo(() => {\n    if (!options.length) return [];\n    if (!isGrouped) return options as OptionProps[];\n    return (options as OptionGroup[]).reduce<OptionProps[]>(\n      (acc, group) => [...acc, ...group.options],\n      []\n    );\n  }, [isGrouped, options]);\n\n  const selectedOptions = useMemo(\n    () => flatOptions.filter((option) => selectedValues.includes(option.value)),\n    [flatOptions, selectedValues]\n  );\n\n  const isMaxSelected = useMemo(\n    () => maxSelections !== undefined && selectedValues.length >= maxSelections,\n    [maxSelections, selectedValues]\n  );\n\n  const visibleOptions = useMemo(() => {\n    return flatOptions.filter((option) => {\n      // First, check if the option is already selected\n      if (selectedValues.includes(option.value)) {\n        return false;\n      }\n      // Then check if max selections is reached\n      if (isMaxSelected) {\n        return false;\n      }\n      // Then apply search filter\n      return searchValue && typeof option.label === \"string\"\n        ? option.label.toLowerCase().includes(searchValue.toLowerCase())\n        : true;\n    });\n  }, [flatOptions, searchValue, selectedValues, isMaxSelected]);\n\n  const filteredGroups = useMemo(() => {\n    if (!isGrouped) {\n      return visibleOptions.length > 0\n        ? [{ label: \"\", options: visibleOptions }]\n        : [];\n    }\n\n    return (options as OptionGroup[])\n      .map((group) => ({\n        ...group,\n        options: group.options.filter((option) => {\n          // First, check if the option is already selected\n          if (selectedValues.includes(option.value)) {\n            return false;\n          }\n          // Then check if max selections is reached\n          if (isMaxSelected) {\n            return false;\n          }\n          // Then apply search filter\n          return searchValue && typeof option.label === \"string\"\n            ? option.label.toLowerCase().includes(searchValue.toLowerCase())\n            : true;\n        })\n      }))\n      .filter((group) => group.options.length > 0);\n  }, [\n    isGrouped,\n    options,\n    searchValue,\n    selectedValues,\n    visibleOptions,\n    isMaxSelected\n  ]);\n\n  const handleOptionSelect = useCallback(\n    (optionValue: string) => {\n      const isSelected = selectedValues.includes(optionValue);\n      if (isSelected) {\n        onSelectionChange(selectedValues.filter((v) => v !== optionValue));\n      } else if (!isMaxSelected) {\n        onSelectionChange([...selectedValues, optionValue]);\n      }\n      if (inputRef.current) {\n        inputRef.current.focus({ preventScroll: true });\n      }\n    },\n    [selectedValues, onSelectionChange, isMaxSelected]\n  );\n\n  const toggleGroup = useCallback((groupLabel: string) => {\n    setExpandedGroups((prev) => ({\n      ...prev,\n      [groupLabel]: !prev[groupLabel]\n    }));\n  }, []);\n\n  const suggestion = useMemo(() => {\n    if (!autocomplete || !searchValue || !open) return \"\";\n    const matchingOption = visibleOptions.find(\n      (opt) =>\n        typeof opt.label === \"string\" &&\n        opt.label.toLowerCase().startsWith(searchValue.toLowerCase()) &&\n        opt.label.toLowerCase() !== searchValue.toLowerCase() &&\n        !selectedValues.includes(opt.value)\n    );\n    return matchingOption?.label?.toString() || \"\";\n  }, [autocomplete, searchValue, visibleOptions, open, selectedValues]);\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLInputElement>) => {\n      switch (event.key) {\n        case \"ArrowDown\":\n          event.preventDefault();\n          if (event.altKey) {\n            setOpen(true);\n          } else {\n            if (!open) {\n              setOpen(true);\n              setHighlightedIndex(0);\n            } else {\n              setHighlightedIndex((prev) =>\n                prev < visibleOptions.length - 1 ? prev + 1 : 0\n              );\n            }\n          }\n          break;\n\n        case \"ArrowUp\":\n          event.preventDefault();\n          if (event.altKey) {\n            setOpen(false);\n          } else {\n            if (!open) {\n              setOpen(true);\n              setHighlightedIndex(visibleOptions.length - 1);\n            } else {\n              setHighlightedIndex((prev) =>\n                prev > 0 ? prev - 1 : visibleOptions.length - 1\n              );\n            }\n          }\n          break;\n\n        case \"PageUp\":\n          event.preventDefault();\n          if (open) {\n            setHighlightedIndex((prev) => Math.max(0, prev - 10));\n          }\n          break;\n\n        case \"PageDown\":\n          event.preventDefault();\n          if (open) {\n            setHighlightedIndex((prev) =>\n              Math.min(visibleOptions.length - 1, prev + 10)\n            );\n          }\n          break;\n\n        case \"Home\":\n          event.preventDefault();\n          if (open) {\n            setHighlightedIndex(0);\n          }\n          break;\n\n        case \"End\":\n          event.preventDefault();\n          if (open) {\n            setHighlightedIndex(visibleOptions.length - 1);\n          }\n          break;\n\n        case \"Enter\":\n          event.preventDefault();\n          if (highlightedIndex >= 0 && visibleOptions[highlightedIndex]) {\n            handleOptionSelect(visibleOptions[highlightedIndex].value);\n          } else if (autocomplete && suggestion) {\n            const matchingOption = visibleOptions.find(\n              (opt) =>\n                typeof opt.label === \"string\" &&\n                opt.label.toLowerCase().startsWith(searchValue.toLowerCase()) &&\n                !selectedValues.includes(opt.value)\n            );\n            if (matchingOption) {\n              handleOptionSelect(matchingOption.value);\n            }\n          }\n          break;\n\n        case \"Tab\":\n          if (!open) {\n            event.preventDefault();\n            setOpen(true);\n            setHighlightedIndex(0);\n          } else if (\n            highlightedIndex >= 0 &&\n            visibleOptions[highlightedIndex]\n          ) {\n            event.preventDefault();\n            handleOptionSelect(visibleOptions[highlightedIndex].value);\n          }\n          break;\n\n        case \"Escape\":\n          event.preventDefault();\n          setOpen(false);\n          setSearchValue(\"\");\n          break;\n      }\n    },\n    [\n      open,\n      highlightedIndex,\n      visibleOptions,\n      handleOptionSelect,\n      autocomplete,\n      suggestion,\n      searchValue,\n      selectedValues\n    ]\n  );\n\n  const handleOptionKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLButtonElement>) => {\n      switch (event.key) {\n        case \"ArrowDown\":\n          event.preventDefault();\n          setHighlightedIndex((prev) =>\n            prev < visibleOptions.length - 1 ? prev + 1 : 0\n          );\n          break;\n\n        case \"ArrowUp\":\n          event.preventDefault();\n          setHighlightedIndex((prev) =>\n            prev > 0 ? prev - 1 : visibleOptions.length - 1\n          );\n          break;\n\n        case \"Enter\":\n        case \"Space\":\n          event.preventDefault();\n          if (highlightedIndex >= 0 && visibleOptions[highlightedIndex]) {\n            handleOptionSelect(visibleOptions[highlightedIndex].value);\n          }\n          break;\n\n        case \"Escape\":\n          event.preventDefault();\n          setOpen(false);\n          inputRef.current?.focus();\n          break;\n\n        case \"Tab\":\n          event.preventDefault();\n          if (highlightedIndex >= 0 && visibleOptions[highlightedIndex]) {\n            handleOptionSelect(visibleOptions[highlightedIndex].value);\n          }\n          break;\n      }\n    },\n    [highlightedIndex, visibleOptions, handleOptionSelect]\n  );\n\n  // Keep input focused when dropdown is open\n  useEffect(() => {\n    if (open) {\n      const input = inputRef.current;\n      if (input) {\n        input.focus({ preventScroll: true });\n        // Move cursor to end of text\n        const length = input.value.length;\n        input.setSelectionRange(length, length);\n      }\n    }\n  }, [open]);\n\n  // Reset highlighted index when dropdown closes\n  useEffect(() => {\n    if (!open) {\n      setHighlightedIndex(-1);\n    }\n  }, [open]);\n\n  // Scroll highlighted option into view\n  useEffect(() => {\n    if (open && highlightedIndex >= 0 && listRef.current) {\n      const highlightedOption = listRef.current.querySelector(\n        `[id=\"${id}-option-${highlightedIndex}\"]`\n      ) as HTMLElement;\n\n      if (highlightedOption) {\n        highlightedOption.scrollIntoView({\n          block: \"nearest\",\n          behavior: \"smooth\"\n        });\n      }\n    }\n  }, [highlightedIndex, open, id]);\n\n  // Set initial highlight when opening dropdown\n  useEffect(() => {\n    if (open && highlightedIndex === -1) {\n      setHighlightedIndex(0);\n    }\n  }, [open, highlightedIndex]);\n\n  // Initialize expanded state for all groups\n  useEffect(() => {\n    if (isGrouped) {\n      const initialState = (options as OptionGroup[]).reduce<\n        Record<string, boolean>\n      >(\n        (acc, group) => ({\n          ...acc,\n          [group.label]: true\n        }),\n        {}\n      );\n      setExpandedGroups(initialState);\n    }\n  }, [isGrouped, options]);\n\n  return (\n    <div className={cn(\"flex flex-col gap-2\", className)}>\n      {label && (\n        <Text\n          variant=\"label-default\"\n          htmlFor={id}\n          as=\"label\"\n          color={error ? \"danger\" : \"primary\"}\n          className={cn(labelClassName)}\n        >\n          {label}\n        </Text>\n      )}\n      <Popover.Root\n        open={open && !disabled}\n        onOpenChange={(isOpen) => {\n          if (!disabled) {\n            setOpen(isOpen);\n            if (!isOpen) {\n              setSearchValue(\"\");\n              setHighlightedIndex(-1);\n            }\n          }\n        }}\n      >\n        <div className=\"relative w-full font-sans text-secondary\">\n          <Popover.Trigger asChild>\n            <button\n              type=\"button\"\n              className=\"w-full text-left\"\n              disabled={disabled}\n            >\n              {autocomplete ? (\n                <AutocompleteInput\n                  ref={inputRef}\n                  id={id}\n                  placeholder={placeholder}\n                  value={searchValue}\n                  suggestion={suggestion}\n                  onChange={(value) => {\n                    setSearchValue(value);\n                    if (!open) {\n                      setOpen(true);\n                    }\n                  }}\n                  onKeyDown={handleKeyDown}\n                  className=\"flex-1\"\n                  forceShowFocusRing={open}\n                  disabled={disabled}\n                  error={error}\n                  aria-expanded={open}\n                  aria-haspopup=\"listbox\"\n                  aria-controls={`${id}-listbox`}\n                  aria-activedescendant={\n                    highlightedIndex >= 0\n                      ? `${id}-option-${highlightedIndex}`\n                      : undefined\n                  }\n                />\n              ) : (\n                <Input\n                  ref={inputRef}\n                  id={id}\n                  placeholder={placeholder}\n                  value={searchValue}\n                  onChange={(e) => {\n                    setSearchValue(e.target.value);\n                    if (!open) {\n                      setOpen(true);\n                    }\n                  }}\n                  onKeyDown={handleKeyDown}\n                  className=\"flex-1\"\n                  forceShowFocusRing={open}\n                  error={error}\n                  aria-expanded={open}\n                  aria-haspopup=\"listbox\"\n                  aria-controls={`${id}-listbox`}\n                  aria-activedescendant={\n                    highlightedIndex >= 0\n                      ? `${id}-option-${highlightedIndex}`\n                      : undefined\n                  }\n                  disabled={\n                    disabled ||\n                    (!!maxSelections && selectedValues.length >= maxSelections)\n                  }\n                />\n              )}\n            </button>\n          </Popover.Trigger>\n\n          <Popover.Portal container={container}>\n            <Popover.Content\n              className=\"w-[--radix-popover-trigger-width] p-1 bg-white rounded-md shadow-lg border z-[9999] data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out overflow-y-scroll outline-none\"\n              side=\"bottom\"\n              align=\"start\"\n              sideOffset={8}\n              onOpenAutoFocus={(e) => e.preventDefault()}\n              onCloseAutoFocus={(e) => e.preventDefault()}\n              onFocusOutside={(e) => e.preventDefault()}\n              onInteractOutside={(e) => {\n                e.preventDefault();\n                setOpen(false);\n                setSearchValue(\"\");\n                setHighlightedIndex(-1);\n              }}\n            >\n              <div\n                ref={listRef}\n                className=\"max-h-60 !overflow-y-scroll flex flex-col items-start outline-none\"\n                role=\"listbox\"\n                id={`${id}-listbox`}\n                aria-label={label}\n                aria-multiselectable=\"true\"\n                aria-busy={loading}\n              >\n                {loading ? (\n                  <Text variant=\"label-default\" className=\"text-secondary p-2\">\n                    Loading...\n                  </Text>\n                ) : visibleOptions.length > 0 ? (\n                  filteredGroups.map((group, groupIndex) => (\n                    <Collapsible.Root\n                      key={group.label || groupIndex}\n                      className=\"w-full\"\n                      open={expandedGroups[group.label] ?? true}\n                      onOpenChange={() =>\n                        group.label && toggleGroup(group.label)\n                      }\n                    >\n                      {group.label && (\n                        <Collapsible.Trigger asChild>\n                          <div\n                            className=\"w-full flex items-center justify-between px-2 py-1.5 hover:bg-gray-50\"\n                            tabIndex={-1}\n                          >\n                            <Text variant=\"body-default-bold\" color=\"secondary\">\n                              {group.label}\n                            </Text>\n                            <Icon\n                              name=\"arrow-down\"\n                              className={cn(\n                                \"transition-transform\",\n                                expandedGroups[group.label] && \"rotate-180\"\n                              )}\n                              size={16}\n                            />\n                          </div>\n                        </Collapsible.Trigger>\n                      )}\n                      <Collapsible.Content className=\"data-[state=open]:animate-accordion-down data-[state=closed]:animate-accordion-up\">\n                        {group.options.map((option, index) => {\n                          const optionIndex = visibleOptions.findIndex(\n                            (opt) => opt.value === option.value\n                          );\n                          return (\n                            <Option\n                              key={`${groupIndex}-${index}`}\n                              label={option.label}\n                              value={option.value}\n                              onChange={handleOptionSelect}\n                              onKeyDown={handleOptionKeyDown}\n                              className=\"pl-4\"\n                              selected={\n                                hoveredIndex === optionIndex ||\n                                (hoveredIndex === -1 &&\n                                  highlightedIndex === optionIndex)\n                              }\n                              id={`${id}-option-${optionIndex}`}\n                              role=\"option\"\n                              aria-selected={selectedValues.includes(\n                                option.value\n                              )}\n                              searchValue={searchValue}\n                              onMouseEnter={() => setHoveredIndex(optionIndex)}\n                              onMouseLeave={() => setHoveredIndex(-1)}\n                            />\n                          );\n                        })}\n                      </Collapsible.Content>\n                    </Collapsible.Root>\n                  ))\n                ) : (\n                  <Text variant=\"label-default\" className=\"text-secondary p-2\">\n                    {noOptionsMessage || \"No results found\"}\n                  </Text>\n                )}\n              </div>\n            </Popover.Content>\n          </Popover.Portal>\n        </div>\n      </Popover.Root>\n      {selectedOptions.length > 0 && (\n        <div className=\"flex flex-col gap-2\">\n          <div className=\"flex flex-wrap gap-2\">\n            {selectedOptions.map((option) => (\n              <Tag\n                key={option.value}\n                onClose={() => handleOptionSelect(option.value)}\n                disabled={disabled}\n              >\n                {option.label}\n              </Tag>\n            ))}\n          </div>\n          {isMaxSelected && (\n            <Text variant=\"body-xxs\" color=\"secondary\">\n              Maximum of {maxSelections} items selected\n            </Text>\n          )}\n        </div>\n      )}\n      {(error && errorMessage) || helperText ? (\n        <Text\n          variant=\"body-xxs\"\n          color={error ? \"danger\" : \"secondary\"}\n          className=\"mt-1\"\n        >\n          {error ? errorMessage : helperText}\n        </Text>\n      ) : null}\n    </div>\n  );\n};\n"]}

package/dist/components/MultiSelectCombobox.d.cts

@@ -1,25 +1,46 @@
 import React__default from 'react';
 import { OptionProps } from './Option.cjs';
-import { OptionGroup } from './Combobox.cjs';
 
+type OptionGroup = {
+    label: string;
+    options: OptionProps[];
+};
 type MultiSelectComboboxProps = {
     /** Options can be either a flat array or grouped */
     options: OptionProps[] | OptionGroup[];
+    /** Currently selected values */
     selectedValues: string[];
+    /** Callback when selection changes */
     onSelectionChange: (values: string[]) => void;
+    /** Placeholder text */
     placeholder?: string;
+    /** Additional classes for the container */
     className?: string;
+    /** Label text for the combobox */
     label?: string;
-    disabled?: boolean;
+    /** Additional classes for the label */
     labelClassName?: string;
+    /** ID for accessibility */
     id?: string;
+    /** Maximum number of selections allowed */
     maxSelections?: number;
+    /** Whether the combobox is disabled */
+    disabled?: boolean;
+    /** Message to show when no options are available */
     noOptionsMessage?: string;
+    /** Loading state for async options */
     loading?: boolean;
+    /** Error state for the combobox */
+    error?: boolean;
+    /** Error message to display */
     errorMessage?: string;
+    /** Helper text displayed below the combobox */
+    helperText?: string;
     /** Optional container for the portal */
     container?: HTMLElement | null;
+    /** Whether to enable autocomplete functionality */
+    autocomplete?: boolean;
 };
-declare const MultiSelectCombobox: ({ options, selectedValues, onSelectionChange, placeholder, className, label, labelClassName, id, maxSelections, disabled, noOptionsMessage, loading, errorMessage, container }: MultiSelectComboboxProps) => React__default.JSX.Element;
+declare const MultiSelectCombobox: ({ options, selectedValues, onSelectionChange, placeholder, className, label, labelClassName, id, maxSelections, disabled, noOptionsMessage, loading, error, errorMessage, helperText, container, autocomplete }: MultiSelectComboboxProps) => React__default.JSX.Element;
 
-export { MultiSelectCombobox, type MultiSelectComboboxProps };
+export { MultiSelectCombobox, type MultiSelectComboboxProps, type OptionGroup };

package/dist/components/MultiSelectCombobox.d.ts

@@ -1,25 +1,46 @@
 import React__default from 'react';
 import { OptionProps } from './Option.js';
-import { OptionGroup } from './Combobox.js';
 
+type OptionGroup = {
+    label: string;
+    options: OptionProps[];
+};
 type MultiSelectComboboxProps = {
     /** Options can be either a flat array or grouped */
     options: OptionProps[] | OptionGroup[];
+    /** Currently selected values */
     selectedValues: string[];
+    /** Callback when selection changes */
     onSelectionChange: (values: string[]) => void;
+    /** Placeholder text */
     placeholder?: string;
+    /** Additional classes for the container */
     className?: string;
+    /** Label text for the combobox */
     label?: string;
-    disabled?: boolean;
+    /** Additional classes for the label */
     labelClassName?: string;
+    /** ID for accessibility */
     id?: string;
+    /** Maximum number of selections allowed */
     maxSelections?: number;
+    /** Whether the combobox is disabled */
+    disabled?: boolean;
+    /** Message to show when no options are available */
     noOptionsMessage?: string;
+    /** Loading state for async options */
     loading?: boolean;
+    /** Error state for the combobox */
+    error?: boolean;
+    /** Error message to display */
     errorMessage?: string;
+    /** Helper text displayed below the combobox */
+    helperText?: string;
     /** Optional container for the portal */
     container?: HTMLElement | null;
+    /** Whether to enable autocomplete functionality */
+    autocomplete?: boolean;
 };
-declare const MultiSelectCombobox: ({ options, selectedValues, onSelectionChange, placeholder, className, label, labelClassName, id, maxSelections, disabled, noOptionsMessage, loading, errorMessage, container }: MultiSelectComboboxProps) => React__default.JSX.Element;
+declare const MultiSelectCombobox: ({ options, selectedValues, onSelectionChange, placeholder, className, label, labelClassName, id, maxSelections, disabled, noOptionsMessage, loading, error, errorMessage, helperText, container, autocomplete }: MultiSelectComboboxProps) => React__default.JSX.Element;
 
-export { MultiSelectCombobox, type MultiSelectComboboxProps };
+export { MultiSelectCombobox, type MultiSelectComboboxProps, type OptionGroup };