@deckai/deck-ui 0.0.13 → 0.0.14

package/dist/components/Input.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/index.ts","../../src/utils/tailwind.ts","../../src/components/Icon.tsx","../../src/components/Input.tsx"],"names":["cn","inputs","twMerge","clsx","focusRingStyles","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"],"mappings":"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","file":"Input.js","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: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, { 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};\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} & 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  ...props\n}: InputProps) => (\n  <div className=\"space-y-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 className=\"relative\">\n      <input\n        id={id}\n        className={cn(\n          `font-sans lg:text-body-default text-xs flex w-full rounded-lg border border-secondary-50 bg-background-0 px-3 md:py-3 py-2 text-secondary ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-secondary text-text-primary ${focusRingStyles} disabled:cursor-not-allowed disabled:opacity-50 md:text-md`,\n          end && \"pr-10\",\n          className\n        )}\n        {...props}\n      />\n      {end && (\n        <div className=\"absolute inset-y-0 right-0 flex items-center pr-3\">\n          {iconName ? (\n            <Icon name={iconName} color={color} size={size} title={title} />\n          ) : (\n            end\n          )}\n        </div>\n      )}\n    </div>\n  </div>\n);\n"]}
+{"version":3,"sources":["../../src/utils/index.ts","../../src/components/Icon.tsx","../../src/components/Input.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"],"mappings":"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","file":"Input.js","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"]}

package/dist/components/Link.cjs

@@ -1,2 +1,2 @@
-'use strict';var s=require('react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var s__default=/*#__PURE__*/_interopDefault(s);var u={xl:"h1",lg:"h1",md:"h2",sm:"h3",xs:"h4"},H=e=>{let[t,r]=e.split("-");return t==="heading"?u[r]||"p":t==="label"?"label":"p"},f={light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},M=e=>e?(Array.isArray(e)?e:[e]).map(r=>{if(r.includes(":")){let[o,n]=r.split(":");return `${o}:text-${n}`}return `text-${r}`}).join(" "):"text-body-default",i=s__default.default.forwardRef(({variant:e="body-default",color:t="text-primary",as:r,className:o,children:n,weight:a,...y},c)=>{let m=M(e),g=t&&t==="inherit"?"inherit":t?`text-${t}`:"",h=s__default.default.useMemo(()=>{let d=typeof e=="string"?e.split(":").pop():Array.isArray(e)?e[0].split(":").pop():"body-default";return H(d)},[e]);return s__default.default.createElement(r||h,{ref:c,className:`font-sans antialiased ${m} ${g} ${a?`!${f[a]}`:""} ${o??""}`,...y},n)});i.displayName="Text";function l(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var p="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";var O=({children:e,color:t="text-primary",variant:r="body-default-semibold",href:o,className:n,...a})=>s__default.default.createElement(i,{variant:r,color:t},s__default.default.createElement("a",{href:o,className:l("hover:opacity-80 transition-all active:scale-95 hover:underline",p,n),...a},e));if (exports.default) module.exports = exports.default;exports.Link=O;//# sourceMappingURL=Link.cjs.map
+'use strict';var a=require('react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var a__default=/*#__PURE__*/_interopDefault(a);var H={xl:"h1",lg:"h1",md:"h2",sm:"h3",xs:"h4"},d=e=>{let[r,t]=e.split("-");return r==="heading"?H[t]||"p":r==="label"?"label":"p"},f={light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},M=e=>e?(Array.isArray(e)?e:[e]).map(t=>{if(t.includes(":")){let[o,n]=t.split(":");return `${o}:text-${n}`}return `text-${t}`}).join(" "):"text-body-default",i=a__default.default.forwardRef(({variant:e="body-default",color:r="primary",as:t,className:o,children:n,weight:s,...T},m)=>{let y=M(e),g=r==="inherit"?"text-inherit":`text-text-${r}`,h=a__default.default.useMemo(()=>{let u=typeof e=="string"?e.split(":").pop():Array.isArray(e)?e[0].split(":").pop():"body-default";return d(u)},[e]);return a__default.default.createElement(t||h,{ref:m,className:`font-sans antialiased ${y} ${g} ${s?`!${f[s]}`:""} ${o??""}`,...T},n)});i.displayName="Text";function l(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var p="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";var O=({children:e,color:r="inherit",variant:t="body-default-semibold",href:o,className:n,...s})=>a__default.default.createElement(i,{variant:t,color:r},a__default.default.createElement("a",{href:o,className:l("hover:opacity-80 transition-all ease-in-out active:scale-95 hover:underline",p,n),...s},e));if (exports.default) module.exports = exports.default;exports.Link=O;//# sourceMappingURL=Link.cjs.map
 //# sourceMappingURL=Link.cjs.map

package/dist/components/Link.cjs.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.cjs","sourcesContent":["import React from \"react\";\nimport {\n  Colors,\n  TextColorVariant,\n  PrimaryShades,\n  SecondaryShades,\n  TertiaryShades,\n  Typography\n} 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 ColorCategory = keyof Omit<Colors, \"stroke\" | \"background\">;\ntype ColorValue<T extends ColorCategory> = T extends \"text\"\n  ? TextColorVariant\n  : T extends \"primary\"\n    ? keyof PrimaryShades\n    : T extends \"secondary\"\n      ? keyof SecondaryShades\n      : T extends \"tertiary\"\n        ? keyof TertiaryShades\n        : never;\n\ntype ColorKey = {\n  [T in ColorCategory]: `${T}-${ColorValue<T>}`;\n}[ColorCategory];\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\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\n// Update TextProps to use ResponsiveVariant\nexport type TextProps<T extends TextElement = \"p\"> = {\n  variant?: ResponsiveVariant | ResponsiveVariant[];\n  color?: ColorKey | \"inherit\";\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 = \"text-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 && color === \"inherit\" ? \"inherit\" : color ? `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 = \"text-primary\",\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 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.cjs","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"]}

package/dist/components/Link.js

@@ -1,2 +1,2 @@
-import s from'react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';var u={xl:"h1",lg:"h1",md:"h2",sm:"h3",xs:"h4"},H=e=>{let[t,r]=e.split("-");return t==="heading"?u[r]||"p":t==="label"?"label":"p"},f={light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},M=e=>e?(Array.isArray(e)?e:[e]).map(r=>{if(r.includes(":")){let[o,n]=r.split(":");return `${o}:text-${n}`}return `text-${r}`}).join(" "):"text-body-default",i=s.forwardRef(({variant:e="body-default",color:t="text-primary",as:r,className:o,children:n,weight:a,...y},c)=>{let m=M(e),g=t&&t==="inherit"?"inherit":t?`text-${t}`:"",h=s.useMemo(()=>{let d=typeof e=="string"?e.split(":").pop():Array.isArray(e)?e[0].split(":").pop():"body-default";return H(d)},[e]);return s.createElement(r||h,{ref:c,className:`font-sans antialiased ${m} ${g} ${a?`!${f[a]}`:""} ${o??""}`,...y},n)});i.displayName="Text";function l(...e){return twMerge(clsx(e))}var p="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";var O=({children:e,color:t="text-primary",variant:r="body-default-semibold",href:o,className:n,...a})=>s.createElement(i,{variant:r,color:t},s.createElement("a",{href:o,className:l("hover:opacity-80 transition-all active:scale-95 hover:underline",p,n),...a},e));if (exports.default) module.exports = exports.default;export{O as Link};//# sourceMappingURL=Link.js.map
+import a from'react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';var H={xl:"h1",lg:"h1",md:"h2",sm:"h3",xs:"h4"},d=e=>{let[r,t]=e.split("-");return r==="heading"?H[t]||"p":r==="label"?"label":"p"},f={light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},M=e=>e?(Array.isArray(e)?e:[e]).map(t=>{if(t.includes(":")){let[o,n]=t.split(":");return `${o}:text-${n}`}return `text-${t}`}).join(" "):"text-body-default",i=a.forwardRef(({variant:e="body-default",color:r="primary",as:t,className:o,children:n,weight:s,...T},m)=>{let y=M(e),g=r==="inherit"?"text-inherit":`text-text-${r}`,h=a.useMemo(()=>{let u=typeof e=="string"?e.split(":").pop():Array.isArray(e)?e[0].split(":").pop():"body-default";return d(u)},[e]);return a.createElement(t||h,{ref:m,className:`font-sans antialiased ${y} ${g} ${s?`!${f[s]}`:""} ${o??""}`,...T},n)});i.displayName="Text";function l(...e){return twMerge(clsx(e))}var p="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";var O=({children:e,color:r="inherit",variant:t="body-default-semibold",href:o,className:n,...s})=>a.createElement(i,{variant:t,color:r},a.createElement("a",{href:o,className:l("hover:opacity-80 transition-all ease-in-out active:scale-95 hover:underline",p,n),...s},e));if (exports.default) module.exports = exports.default;export{O as Link};//# sourceMappingURL=Link.js.map
 //# sourceMappingURL=Link.js.map

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 {\n  Colors,\n  TextColorVariant,\n  PrimaryShades,\n  SecondaryShades,\n  TertiaryShades,\n  Typography\n} 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 ColorCategory = keyof Omit<Colors, \"stroke\" | \"background\">;\ntype ColorValue<T extends ColorCategory> = T extends \"text\"\n  ? TextColorVariant\n  : T extends \"primary\"\n    ? keyof PrimaryShades\n    : T extends \"secondary\"\n      ? keyof SecondaryShades\n      : T extends \"tertiary\"\n        ? keyof TertiaryShades\n        : never;\n\ntype ColorKey = {\n  [T in ColorCategory]: `${T}-${ColorValue<T>}`;\n}[ColorCategory];\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\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\n// Update TextProps to use ResponsiveVariant\nexport type TextProps<T extends TextElement = \"p\"> = {\n  variant?: ResponsiveVariant | ResponsiveVariant[];\n  color?: ColorKey | \"inherit\";\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 = \"text-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 && color === \"inherit\" ? \"inherit\" : color ? `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 = \"text-primary\",\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 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\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"]}

package/dist/components/MultiSelectCombobox.cjs

@@ -1,2 +1,2 @@
-'use strict';var p=require('react'),g=require('@radix-ui/react-popover'),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 p__namespace=/*#__PURE__*/_interopNamespace(p);var g__namespace=/*#__PURE__*/_interopNamespace(g);var P="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",R="ring-2 ring-ring ring-offset-2";function u(...t){return tailwindMerge.twMerge(clsx.clsx(t))}var w={primary:"#080808",secondary:"#666666",white:"#ffffff",primaryBlue:"#089CCB"},X={sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},Y=t=>{if(!t)return {width:"24px",height:"24px"};let r=Array.isArray(t)?t:[t],e={},o;return r.forEach(n=>{if(typeof n=="number")o=`${n}px`;else {let[s,i]=n.split(":"),d=parseInt(i,10);e[`@media (min-width: ${X[s]})`]=`${d}px`;}}),{width:o||"24px",height:o||"24px",...Object.entries(e).reduce((n,[s,i])=>({...n,[s]:{width:i,height:i}}),{})}},b=p__namespace.default.forwardRef(({name:t,size:r=24,color:e="primary",title:o,className:n,style:s={},...i},d)=>{let l=icons.IconMap[t],a=Y(r);return p__namespace.default.createElement("div",{className:u("flex justify-center items-center",n),style:{...a,"--icon-stroke":w[e],...s}},p__namespace.default.createElement(l,{ref:d,"aria-hidden":!o,"aria-label":o,stroke:t.includes("filled")?void 0:w[e],...i}))});b.displayName="Icon";var I=({className:t,end:r,iconName:e,color:o,size:n,title:s,label:i,labelClassName:d,id:l,...a})=>p__namespace.createElement("div",{className:"space-y-2"},i&&p__namespace.createElement("label",{htmlFor:l,className:u("block text-sm font-medium text-text-primary",d)},i),p__namespace.createElement("div",{className:"relative"},p__namespace.createElement("input",{id:l,className:u(`font-sans lg:text-body-default text-xs flex w-full rounded-lg border border-secondary-50 bg-background-0 px-3 md:py-3 py-2 text-secondary ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-secondary text-text-primary ${P} disabled:cursor-not-allowed disabled:opacity-50 md:text-md`,r&&"pr-10",t),...a}),r&&p__namespace.createElement("div",{className:"absolute inset-y-0 right-0 flex items-center pr-3"},e?p__namespace.createElement(b,{name:e,color:o,size:n,title:s}):r)));var O=({value:t,label:r,onChange:e,selected:o})=>p__namespace.default.createElement("button",{type:"button",className:u("relative w-full h-full text-left px-2 py-1.5 text-sm cursor-pointer hover:bg-gray-100 rounded",o&&"bg-gray-100"),onClick:()=>{e?.(t);}},r);var ee={xl:"h1",lg:"h1",md:"h2",sm:"h3",xs:"h4"},te=t=>{let[r,e]=t.split("-");return r==="heading"?ee[e]||"p":r==="label"?"label":"p"},re={light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},oe=t=>t?(Array.isArray(t)?t:[t]).map(e=>{if(e.includes(":")){let[o,n]=e.split(":");return `${o}:text-${n}`}return `text-${e}`}).join(" "):"text-body-default",v=p__namespace.default.forwardRef(({variant:t="body-default",color:r="text-primary",as:e,className:o,children:n,weight:s,...i},d)=>{let l=oe(t),a=r&&r==="inherit"?"inherit":r?`text-${r}`:"",y=p__namespace.default.useMemo(()=>{let c=typeof t=="string"?t.split(":").pop():Array.isArray(t)?t[0].split(":").pop():"body-default";return te(c)},[t]);return p__namespace.default.createElement(e||y,{ref:d,className:`font-sans antialiased ${l} ${a} ${s?`!${re[s]}`:""} ${o??""}`,...i},n)});v.displayName="Text";var k=({children:t,type:r="button",className:e,disabled:o,...n})=>p__namespace.default.createElement("button",{type:r,disabled:o,className:`appearance-none hover:opacity-80 transition-all active:scale-95 ${P} ${e} ${o?"opacity-50 cursor-not-allowed":""}`,...n},t);var j=({children:t,color:r="primary",className:e,onClose:o,...n})=>{let[s,i]=p.useState(!1),d=p.useCallback(()=>{i(!0);},[]),l=p.useCallback(()=>{i(!1);},[]),a=p__namespace.default.createElement("div",{className:u("flex gap-2",o?"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-primary",e),onMouseEnter:d,onMouseLeave:l},typeof t=="string"?p__namespace.default.createElement(v,{color:"inherit",variant:["md:body-default-medium","body-xxs-medium"],className:"truncate pt-0.5"},t):t,o&&p__namespace.default.createElement(k,{...n,onClick:o,className:"flex items-center justify-center"},p__namespace.default.createElement(b,{name:"close",size:10,color:s?"white":"primaryBlue"})));return o?a:p__namespace.default.createElement(k,{...n},a)};var B=t=>typeof t=="boolean"?`${t}`:t===0?"0":t,z=clsx.clsx,K=(t,r)=>e=>{var o;if(r?.variants==null)return z(t,e?.class,e?.className);let{variants:n,defaultVariants:s}=r,i=Object.keys(n).map(a=>{let y=e?.[a],f=s?.[a];if(y===null)return null;let c=B(y)||B(f);return n[a][c]}),d=e&&Object.entries(e).reduce((a,y)=>{let[f,c]=y;return c===void 0||(a[f]=c),a},{}),l=r==null||(o=r.compoundVariants)===null||o===void 0?void 0:o.reduce((a,y)=>{let{class:f,className:c,...L}=y;return Object.entries(L).every(C=>{let[x,T]=C;return Array.isArray(T)?T.includes({...s,...d}[x]):{...s,...d}[x]===T})?[...a,f,c]:a},[]);return z(t,i,l,e?.class,e?.className)};var ie=K("animate-spin rounded-full border-current border-t-transparent",{variants:{size:{sm:"h-4 w-4 border-4",md:"h-6 w-6 border-4",lg:"h-8 w-8 border-8"}},defaultVariants:{size:"md"}}),A=p__namespace.forwardRef(({size:t,className:r,customSize:e,...o},n)=>{let s=e?{width:e,height:e,borderWidth:Math.max(2,Math.floor(e/16))}:{};return p__namespace.createElement("div",{role:"status","aria-label":"Loading",ref:n,className:u(ie({size:t}),"text-primary-100",r),style:s,...o},p__namespace.createElement("span",{className:"sr-only"},"Loading..."))});A.displayName="Spinner";var et=({options:t,selectedValues:r,onSelectionChange:e,placeholder:o="Select items...",className:n,label:s,labelClassName:i,id:d,maxSelections:l,disabled:a,noOptionsMessage:y,loading:f,errorMessage:c})=>{let[L,C]=p.useState(!1),[x,T]=p.useState(""),F=p.useMemo(()=>t.filter(m=>r.includes(m.value)),[t,r]),S=p.useMemo(()=>t.filter(m=>!r.includes(m.value)&&m.label.toLowerCase().includes(x.toLowerCase())),[t,r,x]),q=p.useCallback(m=>{e([...r,m]),T(""),C(!1);},[l,e,r]),D=p.useCallback(m=>{e(r.filter(E=>E!==m));},[e,r]);return p__namespace.default.createElement("div",{className:"py-2"},p__namespace.default.createElement(g__namespace.Root,{open:L,onOpenChange:C},p__namespace.default.createElement("div",{className:`relative w-full font-sans text-text-secondary ${n}`},p__namespace.default.createElement(g__namespace.Trigger,{asChild:!0},p__namespace.default.createElement("div",{className:"relative flex-1"},p__namespace.default.createElement(I,{id:d,label:s,labelClassName:i,placeholder:l&&r.length>=l?`Maximum ${l} items selected`:o,value:x,onChange:m=>T(m.target.value),className:`flex-1 ${L&&R}`,disabled:a||!!l&&r.length>=l,end:f?p__namespace.default.createElement(A,{size:"sm"}):p__namespace.default.createElement(b,{name:"search-normal",size:["lg:24",18]})}))),p__namespace.default.createElement(g__namespace.Portal,null,p__namespace.default.createElement(g__namespace.Content,{className:"w-[--radix-popover-trigger-width] p-1 bg-white rounded-md shadow-lg border z-20",sideOffset:5},p__namespace.default.createElement("div",{className:"max-h-60 overflow-auto flex flex-col items-start"},S.length>0?S.map(({label:m,value:E})=>p__namespace.default.createElement(O,{key:E,label:m,value:E,onChange:q})):p__namespace.default.createElement(v,{variant:"label-default",className:"text-text-secondary"},y||"No results found")))))),p__namespace.default.createElement("div",{className:"flex flex-col gap-1 pt-2"},c&&p__namespace.default.createElement(v,{variant:"label-default",color:"tertiary-20"},c),p__namespace.default.createElement("div",{className:"flex flex-wrap gap-2"},F.map(m=>p__namespace.default.createElement(j,{key:m.value,onClose:()=>D(m.value)},m.label)))))};if (exports.default) module.exports = exports.default;exports.MultiSelectCombobox=et;//# sourceMappingURL=MultiSelectCombobox.cjs.map
+'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,...k}=f;return Object.entries(k).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:k})=>{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:k},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",sideOffset:5,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))};if (exports.default) module.exports = exports.default;exports.MultiSelectCombobox=mt;//# sourceMappingURL=MultiSelectCombobox.cjs.map
 //# sourceMappingURL=MultiSelectCombobox.cjs.map

package/dist/components/MultiSelectCombobox.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/tailwind.ts","../../src/utils/index.ts","../../src/components/Icon.tsx","../../src/components/Input.tsx","../../src/components/Option.tsx","../../src/components/Tag.tsx","../../src/components/Text.tsx","../../src/components/Pressable.tsx","../../../../node_modules/class-variance-authority/dist/index.mjs","../../src/components/Spinner.tsx","../../src/components/MultiSelectCombobox.tsx"],"names":["focusRingStyles","focusRingStylesCoerced","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","h","Option","onChange","selected","HEADING_ELEMENT_MAP","getElementFromVariant","variant","category","fontWeight","processVariants","variants","typographyClass","Text","as","children","weight","typographyClasses","colorClasses","suggestedElement","baseVariant","Pressable","type","disabled","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","H","customSize","styles","MultiSelectCombobox","options","selectedValues","onSelectionChange","placeholder","maxSelections","noOptionsMessage","loading","errorMessage","open","setOpen","inputValue","setInputValue","selectedOptions","useMemo","option","filteredOptions","handleOptionSelect","handleRemoveTag","valueToRemove","g","e"],"mappings":"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","file":"MultiSelectCombobox.cjs","sourcesContent":["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 { 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};\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} & 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  ...props\n}: InputProps) => (\n  <div className=\"space-y-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 className=\"relative\">\n      <input\n        id={id}\n        className={cn(\n          `font-sans lg:text-body-default text-xs flex w-full rounded-lg border border-secondary-50 bg-background-0 px-3 md:py-3 py-2 text-secondary ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-secondary text-text-primary ${focusRingStyles} disabled:cursor-not-allowed disabled:opacity-50 md:text-md`,\n          end && \"pr-10\",\n          className\n        )}\n        {...props}\n      />\n      {end && (\n        <div className=\"absolute inset-y-0 right-0 flex items-center pr-3\">\n          {iconName ? (\n            <Icon name={iconName} color={color} size={size} title={title} />\n          ) : (\n            end\n          )}\n        </div>\n      )}\n    </div>\n  </div>\n);\n","import React from \"react\";\nimport { cn } from \"../utils\";\nimport { Icon } from \"./Icon\";\n\nexport type OptionProps = {\n  label: string;\n  value: string;\n  onChange?: (value: string) => void;\n  selected?: boolean;\n};\n\nexport const Option = ({ value, label, onChange, selected }: OptionProps) => (\n  <button\n    type=\"button\"\n    className={cn(\n      \"relative w-full h-full text-left px-2 py-1.5 text-sm cursor-pointer hover:bg-gray-100 rounded\",\n      selected && \"bg-gray-100\"\n    )}\n    onClick={() => {\n      onChange?.(value);\n    }}\n  >\n    {label}\n  </button>\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 from \"react\";\nimport {\n  Colors,\n  TextColorVariant,\n  PrimaryShades,\n  SecondaryShades,\n  TertiaryShades,\n  Typography\n} 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 ColorCategory = keyof Omit<Colors, \"stroke\" | \"background\">;\ntype ColorValue<T extends ColorCategory> = T extends \"text\"\n  ? TextColorVariant\n  : T extends \"primary\"\n    ? keyof PrimaryShades\n    : T extends \"secondary\"\n      ? keyof SecondaryShades\n      : T extends \"tertiary\"\n        ? keyof TertiaryShades\n        : never;\n\ntype ColorKey = {\n  [T in ColorCategory]: `${T}-${ColorValue<T>}`;\n}[ColorCategory];\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\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\n// Update TextProps to use ResponsiveVariant\nexport type TextProps<T extends TextElement = \"p\"> = {\n  variant?: ResponsiveVariant | ResponsiveVariant[];\n  color?: ColorKey | \"inherit\";\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 = \"text-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 && color === \"inherit\" ? \"inherit\" : color ? `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 React, { ButtonHTMLAttributes } from \"react\";\nimport { focusRingStyles } from \"../utils/tailwind\";\n\nexport type PressableProps = ButtonHTMLAttributes<HTMLButtonElement>;\n\nexport const Pressable: React.FC<PressableProps> = ({\n  children,\n  type = \"button\",\n  className,\n  disabled,\n  ...props\n}) => (\n  <button\n    // eslint-disable-next-line react/butt on-has-type\n    type={type}\n    disabled={disabled}\n    className={`appearance-none hover:opacity-80 transition-all active:scale-95 ${focusRingStyles} ${className} ${disabled ? \"opacity-50 cursor-not-allowed\" : \"\"}`}\n    {...props}\n  >\n    {children}\n  </button>\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-4\",\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 { focusRingStylesCoerced } from \"../utils/tailwind\";\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\";\n\nexport type MultiSelectComboboxProps = {\n  options: OptionProps[];\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};\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}: MultiSelectComboboxProps) => {\n  const [open, setOpen] = useState(false);\n  const [inputValue, setInputValue] = useState(\"\");\n\n  const selectedOptions = useMemo(\n    () => options.filter((option) => selectedValues.includes(option.value)),\n    [options, selectedValues]\n  );\n\n  const filteredOptions = useMemo(\n    () =>\n      options.filter(\n        (option) =>\n          !selectedValues.includes(option.value) &&\n          option.label.toLowerCase().includes(inputValue.toLowerCase())\n      ),\n    [options, selectedValues, inputValue]\n  );\n\n  const handleOptionSelect = useCallback(\n    (value: string) => {\n      onSelectionChange([...selectedValues, value]);\n      setInputValue(\"\");\n      setOpen(false);\n    },\n    [maxSelections, onSelectionChange, selectedValues]\n  );\n\n  const handleRemoveTag = useCallback(\n    (valueToRemove: string) => {\n      onSelectionChange(\n        selectedValues.filter((value) => value !== valueToRemove)\n      );\n    },\n    [onSelectionChange, selectedValues]\n  );\n\n  return (\n    <div className=\"py-2\">\n      <Popover.Root open={open} onOpenChange={setOpen}>\n        <div\n          className={`relative w-full font-sans text-text-secondary ${className}`}\n        >\n          <Popover.Trigger asChild>\n            <div className=\"relative flex-1\">\n              <Input\n                id={id}\n                label={label}\n                labelClassName={labelClassName}\n                placeholder={\n                  maxSelections && selectedValues.length >= maxSelections\n                    ? `Maximum ${maxSelections} items selected`\n                    : placeholder\n                }\n                value={inputValue}\n                onChange={(e) => setInputValue(e.target.value)}\n                className={`flex-1 ${open && focusRingStylesCoerced}`}\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              />\n            </div>\n          </Popover.Trigger>\n\n          <Popover.Portal>\n            <Popover.Content\n              className=\"w-[--radix-popover-trigger-width] p-1 bg-white rounded-md shadow-lg border z-20\"\n              sideOffset={5}\n            >\n              <div className=\"max-h-60 overflow-auto flex flex-col items-start\">\n                {filteredOptions.length > 0 ? (\n                  filteredOptions.map(({ label, value }) => (\n                    <Option\n                      key={value}\n                      label={label}\n                      value={value}\n                      onChange={handleOptionSelect}\n                    />\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      <div className=\"flex flex-col gap-1 pt-2\">\n        {errorMessage && (\n          <Text variant=\"label-default\" color=\"tertiary-20\">\n            {errorMessage}\n          </Text>\n        )}\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      </div>\n    </div>\n  );\n};\n"]}
+{"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/Tag.tsx","../../src/components/Pressable.tsx","../../src/components/Spinner.tsx","../../../../node_modules/class-variance-authority/dist/index.mjs","../../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, { 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","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 * 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","/**\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 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              sideOffset={5}\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"]}

package/dist/components/MultiSelectCombobox.js

@@ -1,2 +1,2 @@
-import*as p from'react';import p__default,{useState,useMemo,useCallback}from'react';import*as g from'@radix-ui/react-popover';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {IconMap}from'@deckai/icons';var P="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",R="ring-2 ring-ring ring-offset-2";function u(...t){return twMerge(clsx(t))}var w={primary:"#080808",secondary:"#666666",white:"#ffffff",primaryBlue:"#089CCB"},X={sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},Y=t=>{if(!t)return {width:"24px",height:"24px"};let r=Array.isArray(t)?t:[t],e={},o;return r.forEach(n=>{if(typeof n=="number")o=`${n}px`;else {let[s,i]=n.split(":"),d=parseInt(i,10);e[`@media (min-width: ${X[s]})`]=`${d}px`;}}),{width:o||"24px",height:o||"24px",...Object.entries(e).reduce((n,[s,i])=>({...n,[s]:{width:i,height:i}}),{})}},b=p__default.forwardRef(({name:t,size:r=24,color:e="primary",title:o,className:n,style:s={},...i},d)=>{let l=IconMap[t],a=Y(r);return p__default.createElement("div",{className:u("flex justify-center items-center",n),style:{...a,"--icon-stroke":w[e],...s}},p__default.createElement(l,{ref:d,"aria-hidden":!o,"aria-label":o,stroke:t.includes("filled")?void 0:w[e],...i}))});b.displayName="Icon";var I=({className:t,end:r,iconName:e,color:o,size:n,title:s,label:i,labelClassName:d,id:l,...a})=>p.createElement("div",{className:"space-y-2"},i&&p.createElement("label",{htmlFor:l,className:u("block text-sm font-medium text-text-primary",d)},i),p.createElement("div",{className:"relative"},p.createElement("input",{id:l,className:u(`font-sans lg:text-body-default text-xs flex w-full rounded-lg border border-secondary-50 bg-background-0 px-3 md:py-3 py-2 text-secondary ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-secondary text-text-primary ${P} disabled:cursor-not-allowed disabled:opacity-50 md:text-md`,r&&"pr-10",t),...a}),r&&p.createElement("div",{className:"absolute inset-y-0 right-0 flex items-center pr-3"},e?p.createElement(b,{name:e,color:o,size:n,title:s}):r)));var O=({value:t,label:r,onChange:e,selected:o})=>p__default.createElement("button",{type:"button",className:u("relative w-full h-full text-left px-2 py-1.5 text-sm cursor-pointer hover:bg-gray-100 rounded",o&&"bg-gray-100"),onClick:()=>{e?.(t);}},r);var ee={xl:"h1",lg:"h1",md:"h2",sm:"h3",xs:"h4"},te=t=>{let[r,e]=t.split("-");return r==="heading"?ee[e]||"p":r==="label"?"label":"p"},re={light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},oe=t=>t?(Array.isArray(t)?t:[t]).map(e=>{if(e.includes(":")){let[o,n]=e.split(":");return `${o}:text-${n}`}return `text-${e}`}).join(" "):"text-body-default",v=p__default.forwardRef(({variant:t="body-default",color:r="text-primary",as:e,className:o,children:n,weight:s,...i},d)=>{let l=oe(t),a=r&&r==="inherit"?"inherit":r?`text-${r}`:"",y=p__default.useMemo(()=>{let c=typeof t=="string"?t.split(":").pop():Array.isArray(t)?t[0].split(":").pop():"body-default";return te(c)},[t]);return p__default.createElement(e||y,{ref:d,className:`font-sans antialiased ${l} ${a} ${s?`!${re[s]}`:""} ${o??""}`,...i},n)});v.displayName="Text";var k=({children:t,type:r="button",className:e,disabled:o,...n})=>p__default.createElement("button",{type:r,disabled:o,className:`appearance-none hover:opacity-80 transition-all active:scale-95 ${P} ${e} ${o?"opacity-50 cursor-not-allowed":""}`,...n},t);var j=({children:t,color:r="primary",className:e,onClose:o,...n})=>{let[s,i]=useState(!1),d=useCallback(()=>{i(!0);},[]),l=useCallback(()=>{i(!1);},[]),a=p__default.createElement("div",{className:u("flex gap-2",o?"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-primary",e),onMouseEnter:d,onMouseLeave:l},typeof t=="string"?p__default.createElement(v,{color:"inherit",variant:["md:body-default-medium","body-xxs-medium"],className:"truncate pt-0.5"},t):t,o&&p__default.createElement(k,{...n,onClick:o,className:"flex items-center justify-center"},p__default.createElement(b,{name:"close",size:10,color:s?"white":"primaryBlue"})));return o?a:p__default.createElement(k,{...n},a)};var B=t=>typeof t=="boolean"?`${t}`:t===0?"0":t,z=clsx,K=(t,r)=>e=>{var o;if(r?.variants==null)return z(t,e?.class,e?.className);let{variants:n,defaultVariants:s}=r,i=Object.keys(n).map(a=>{let y=e?.[a],f=s?.[a];if(y===null)return null;let c=B(y)||B(f);return n[a][c]}),d=e&&Object.entries(e).reduce((a,y)=>{let[f,c]=y;return c===void 0||(a[f]=c),a},{}),l=r==null||(o=r.compoundVariants)===null||o===void 0?void 0:o.reduce((a,y)=>{let{class:f,className:c,...L}=y;return Object.entries(L).every(C=>{let[x,T]=C;return Array.isArray(T)?T.includes({...s,...d}[x]):{...s,...d}[x]===T})?[...a,f,c]:a},[]);return z(t,i,l,e?.class,e?.className)};var ie=K("animate-spin rounded-full border-current border-t-transparent",{variants:{size:{sm:"h-4 w-4 border-4",md:"h-6 w-6 border-4",lg:"h-8 w-8 border-8"}},defaultVariants:{size:"md"}}),A=p.forwardRef(({size:t,className:r,customSize:e,...o},n)=>{let s=e?{width:e,height:e,borderWidth:Math.max(2,Math.floor(e/16))}:{};return p.createElement("div",{role:"status","aria-label":"Loading",ref:n,className:u(ie({size:t}),"text-primary-100",r),style:s,...o},p.createElement("span",{className:"sr-only"},"Loading..."))});A.displayName="Spinner";var et=({options:t,selectedValues:r,onSelectionChange:e,placeholder:o="Select items...",className:n,label:s,labelClassName:i,id:d,maxSelections:l,disabled:a,noOptionsMessage:y,loading:f,errorMessage:c})=>{let[L,C]=useState(!1),[x,T]=useState(""),F=useMemo(()=>t.filter(m=>r.includes(m.value)),[t,r]),S=useMemo(()=>t.filter(m=>!r.includes(m.value)&&m.label.toLowerCase().includes(x.toLowerCase())),[t,r,x]),q=useCallback(m=>{e([...r,m]),T(""),C(!1);},[l,e,r]),D=useCallback(m=>{e(r.filter(E=>E!==m));},[e,r]);return p__default.createElement("div",{className:"py-2"},p__default.createElement(g.Root,{open:L,onOpenChange:C},p__default.createElement("div",{className:`relative w-full font-sans text-text-secondary ${n}`},p__default.createElement(g.Trigger,{asChild:!0},p__default.createElement("div",{className:"relative flex-1"},p__default.createElement(I,{id:d,label:s,labelClassName:i,placeholder:l&&r.length>=l?`Maximum ${l} items selected`:o,value:x,onChange:m=>T(m.target.value),className:`flex-1 ${L&&R}`,disabled:a||!!l&&r.length>=l,end:f?p__default.createElement(A,{size:"sm"}):p__default.createElement(b,{name:"search-normal",size:["lg:24",18]})}))),p__default.createElement(g.Portal,null,p__default.createElement(g.Content,{className:"w-[--radix-popover-trigger-width] p-1 bg-white rounded-md shadow-lg border z-20",sideOffset:5},p__default.createElement("div",{className:"max-h-60 overflow-auto flex flex-col items-start"},S.length>0?S.map(({label:m,value:E})=>p__default.createElement(O,{key:E,label:m,value:E,onChange:q})):p__default.createElement(v,{variant:"label-default",className:"text-text-secondary"},y||"No results found")))))),p__default.createElement("div",{className:"flex flex-col gap-1 pt-2"},c&&p__default.createElement(v,{variant:"label-default",color:"tertiary-20"},c),p__default.createElement("div",{className:"flex flex-wrap gap-2"},F.map(m=>p__default.createElement(j,{key:m.value,onClose:()=>D(m.value)},m.label)))))};if (exports.default) module.exports = exports.default;export{et as MultiSelectCombobox};//# sourceMappingURL=MultiSelectCombobox.js.map
+import*as a from'react';import a__default,{useState,useMemo,useCallback}from'react';import*as v from'@radix-ui/react-popover';import*as H from'@radix-ui/react-collapsible';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {IconMap}from'@deckai/icons';function c(...e){return twMerge(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__default.forwardRef(({name:e,size:r=24,color:t="primary",title:n,className:s,style:i={},...d},u)=>{let m=IconMap[e],l=le(r);return a__default.createElement("div",{className:c("flex justify-center items-center",s),style:{...l,"--icon-stroke":_[t],...i}},a__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.createElement("div",{className:"py-2"},d&&a.createElement("label",{htmlFor:m,className:c("block text-sm font-medium text-text-primary",u)},d),a.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.createElement("div",{className:"flex relative"},a.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.createElement("div",{className:"absolute inset-y-0 right-0 flex items-center"},t?a.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__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__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__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__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__default.createElement(b,{variant:"body-default-medium",color:s==="danger"?"danger":"inherit"},r));var A=a__default.forwardRef(({children:e,type:r="button",className:t,disabled:n,...s},i)=>a__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]=useState(!1),u=useCallback(()=>{d(!0);},[]),m=useCallback(()=>{d(!1);},[]),l=a__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__default.createElement(b,{color:"inherit",variant:["md:body-default-medium","body-xxs-medium"],className:"truncate pt-0.5"},e):e,n&&a__default.createElement(A,{...s,onClick:n,className:"flex items-center justify-center"},a__default.createElement(x,{name:"close",size:10,color:i?"white":"primaryBlue"})));return n?l:a__default.createElement(A,{...s},l)};var X=e=>typeof e=="boolean"?`${e}`:e===0?"0":e,Y=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,...k}=f;return Object.entries(k).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.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.createElement("div",{role:"status","aria-label":"Loading",ref:s,className:c(be({size:e}),"text-primary-100",r),style:i,...n},a.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:k})=>{let[C,N]=useState(!1),[h,L]=useState(""),[G,B]=useState({});a__default.useEffect(()=>{L("");},[r]);let M=useMemo(()=>e.length>0&&"options"in e[0],[e]),z=useMemo(()=>M?e.reduce((o,p)=>[...o,...p.options],[]):e,[M,e]),K=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=useMemo(()=>z.filter(o=>r.includes(o.value)),[z,r]),ee=useCallback(o=>{(!m||r.length<m)&&(t([...r,o]),L(""));},[m,t,r]),te=useCallback(o=>{t(r.filter(p=>p!==o)),L("");},[t,r]),re=useCallback(o=>{B(p=>({...p,[o]:!p[o]}));},[]);return a__default.useEffect(()=>{if(M){let o=e.reduce((p,w)=>({...p,[w.label]:!0}),{});B(o);}},[M,e]),a__default.createElement("div",{className:"py-2"},a__default.createElement(v.Root,{open:C&&!l,onOpenChange:o=>{l||(N(o),o||L(""));}},a__default.createElement("div",{className:`relative w-full font-sans text-text-secondary ${s}`},i&&a__default.createElement("div",{className:"flex justify-between items-center mb-1"},a__default.createElement(b,{variant:"label-default",className:d},i),m&&a__default.createElement(b,{variant:"body-xxs-medium",color:"secondary"},a__default.createElement(b,{as:"span",variant:"body-xxs-medium"},r.length),"/",m)),a__default.createElement(v.Trigger,{asChild:!0},a__default.createElement("div",{className:"relative flex-1"},a__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__default.createElement(I,{size:"sm"}):a__default.createElement(x,{name:"search-normal",size:["lg:24",18]}),forceShowFocusRing:C},W.length>0?a__default.createElement("div",{className:"flex flex-wrap gap-2"},W.map(o=>a__default.createElement(J,{key:o.value,onClose:()=>te(o.value)},o.label))):null))),a__default.createElement(v.Portal,{container:k},a__default.createElement(v.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",sideOffset:5,side:"bottom",align:"start"},a__default.createElement("div",{className:"max-h-60 overflow-auto flex flex-col items-start"},K.length>0?K.map((o,p)=>a__default.createElement(H.Root,{key:o.label||p,className:"w-full",open:G[o.label]??!0,onOpenChange:()=>o.label&&re(o.label)},o.label&&a__default.createElement(H.Trigger,{asChild:!0},a__default.createElement("button",{className:"w-full flex items-center justify-between px-2 py-1.5 hover:bg-gray-50"},a__default.createElement(b,{variant:"body-default-bold",color:"secondary"},o.label),a__default.createElement(x,{name:"arrow-down",className:c("transition-transform",G[o.label]&&"rotate-180"),size:16}))),a__default.createElement(H.Content,{className:"data-[state=open]:animate-accordion-down data-[state=closed]:animate-accordion-up"},o.options.map((w,oe)=>a__default.createElement(D,{key:`${p}-${oe}`,label:w.label,value:w.value,onChange:ee,className:"pl-4"}))))):a__default.createElement(b,{variant:"label-default",className:"text-text-secondary"},f||"No results found")))))),g&&a__default.createElement(b,{variant:"label-default",color:"danger",className:"mt-2"},g))};if (exports.default) module.exports = exports.default;export{mt as MultiSelectCombobox};//# sourceMappingURL=MultiSelectCombobox.js.map
 //# sourceMappingURL=MultiSelectCombobox.js.map