@accelint/design-toolkit 7.0.0 → 8.0.0

package/dist/components/chip/styles.module.css

@@ -0,0 +1,129 @@
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+@reference '../../index.module.css';
+
+@layer components.l1 {
+  .list {
+    @apply w-content gap-xs flex flex-wrap;
+  }
+
+  .chip {
+    @apply fg-primary-bold gap-xxs w-content inline-flex items-center justify-center rounded-full outline;
+
+    @variant size-medium {
+      @apply px-s py-xs text-body-s;
+    }
+
+    @variant size-small {
+      @apply px-s py-xs text-body-xs;
+    }
+
+    @variant color-info {
+      @apply bg-info-muted outline-info-bold;
+    }
+
+    @variant color-advisory {
+      @apply bg-advisory-muted outline-advisory-bold;
+    }
+
+    @variant color-normal {
+      @apply bg-normal-muted outline-normal-bold;
+    }
+
+    @variant color-serious {
+      @apply bg-serious-muted outline-serious-bold;
+    }
+
+    @variant color-critical {
+      @apply bg-critical-muted outline-critical-bold;
+    }
+  }
+
+  .selectable {
+    @apply outline-interactive cursor-pointer;
+
+    @variant hover {
+      @apply outline-interactive-hover outline-2;
+    }
+
+    @variant focus-visible {
+      @apply outline-interactive-hover outline-2;
+    }
+
+    @variant pressed {
+      @apply outline-accent-primary-pressed outline-1;
+    }
+
+    @variant selected {
+      @apply bg-accent-primary-muted outline-accent-primary-bold;
+
+      @variant hover {
+        @apply outline-accent-primary-bold;
+      }
+
+      @variant focus-visible {
+        @apply outline-accent-primary-bold;
+      }
+
+      @variant pressed {
+        @apply outline-accent-primary-pressed;
+      }
+    }
+
+    @variant disabled {
+      @apply fg-disabled outline-interactive-disabled cursor-not-allowed;
+
+      @variant selected {
+        @apply bg-interactive-disabled;
+      }
+    }
+  }
+
+  .deletable {
+    @apply gap-xs outline-interactive fg-primary-muted cursor-default;
+
+    @variant has-group-hover/button {
+      @apply fg-hover;
+    }
+
+    @variant has-group-focus-visible/button {
+      @apply fg-hover;
+    }
+
+    @variant has-group-pressed/button {
+      @apply fg-pressed;
+    }
+
+    @variant disabled {
+      @apply fg-disabled bg-interactive-disabled outline-interactive-disabled cursor-not-allowed;
+    }
+  }
+}
+
+@layer components.l2 {
+  .remove {
+    @apply rounded-full p-0;
+
+    @variant hover {
+      @apply fg-hover;
+    }
+
+    @variant focus-visible {
+      @apply fg-primary-bold bg-transparent;
+    }
+
+    @variant pressed {
+      @apply fg-pressed;
+    }
+  }
+}

package/dist/components/chip/types.d.ts

@@ -1,22 +1,21 @@
-import { RefAttributes, ComponentPropsWithRef } from 'react';
+import { ComponentPropsWithRef, RefAttributes } from 'react';
 import { TagProps, ButtonProps, TagGroupProps, TagListProps } from 'react-aria-components';
-import { VariantProps } from 'tailwind-variants';
-import { ChipStyles } from './styles.js';
-import 'tailwind-merge';
 
 type BaseChipProps = {
+    color?: 'info' | 'advisory' | 'normal' | 'serious' | 'critical';
     size?: 'medium' | 'small';
 };
 type ChipListProps<T> = Omit<TagGroupProps, 'children'> & Pick<TagListProps<T>, 'dependencies' | 'items' | 'children' | 'renderEmptyState'> & RefAttributes<HTMLDivElement> & BaseChipProps;
-type ChipProps = VariantProps<typeof ChipStyles> & Omit<ComponentPropsWithRef<'div'>, 'size' | 'onClick'> & BaseChipProps & {
+type ChipProps = Omit<ComponentPropsWithRef<'div'>, 'size' | 'onClick'> & BaseChipProps & {
     className?: string;
 };
-type SelectableChipProps = Omit<TagProps, 'isDisabled'> & RefAttributes<HTMLDivElement> & BaseChipProps;
-type DeletableChipProps = Omit<TagProps, 'className' | 'isDisabled'> & RefAttributes<HTMLDivElement> & BaseChipProps & {
+type SelectableChipProps = TagProps & RefAttributes<HTMLDivElement> & BaseChipProps;
+type DeletableChipProps = Omit<TagProps, 'className'> & RefAttributes<HTMLDivElement> & BaseChipProps & {
     classNames?: {
         chip?: TagProps['className'];
         remove?: ButtonProps['className'];
     };
 };
+type ChipContextValue = ChipProps & SelectableChipProps & DeletableChipProps;
 
-export type { BaseChipProps, ChipListProps, ChipProps, DeletableChipProps, SelectableChipProps };
+export type { ChipContextValue, ChipListProps, ChipProps, DeletableChipProps, SelectableChipProps };

package/dist/components/classification-badge/context.d.ts

@@ -3,8 +3,7 @@ import * as react from 'react';
 import { ProviderProps } from '../../lib/types.js';
 import { ContextValue } from 'react-aria-components';
 import { ClassificationBadgeProps } from './types.js';
-import 'tailwind-variants';
-import './styles.js';
+import '../classification-banner/types.js';
 
 declare const ClassificationBadgeContext: react.Context<ContextValue<ClassificationBadgeProps, HTMLSpanElement>>;
 declare function ClassificationBadgeProvider({ children, ...props }: ProviderProps<ClassificationBadgeProps>): react_jsx_runtime.JSX.Element;

package/dist/components/classification-badge/index.d.ts

@@ -1,8 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ClassificationBadgeProps } from './types.js';
 import 'react';
-import 'tailwind-variants';
-import './styles.js';
+import '../classification-banner/types.js';
 
 /**
  * ClassificationBadge - A specialized badge for security and data classification

package/dist/components/classification-badge/index.js

@@ -1,2 +1,4 @@
-import {jsx}from'react/jsx-runtime';import'client-only';import {useContextProps}from'react-aria-components';import {ClassificationBadgeContext}from'./context.js';import {ClassificationBadgeStylesDefaults,ClassificationBadgeStyles}from'./styles.js';function u({ref:i,...a}){[a,i]=useContextProps(a,i??null,ClassificationBadgeContext);const{children:s,className:t,size:e="medium",variant:o=ClassificationBadgeStylesDefaults.variant,...n}=a;return jsx("span",{...n,className:ClassificationBadgeStyles({variant:o,className:t}),"data-size":e,children:s})}export{u as ClassificationBadge};//# sourceMappingURL=index.js.map
+'use client';
+
+import {jsx}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {useContextProps}from'react-aria-components';import {ClassificationBadgeContext}from'./context.js';import e from'./styles.module.css';const f={missing:"Missing",unclassified:"Unclassified",cui:"CUI",confidential:"Confidential",secret:"Secret","top-secret":"Top Secret","ts-sci":"TS/SCI"};function S({ref:s,...i}){[i,s]=useContextProps(i,s??null,ClassificationBadgeContext);const{children:a,className:o,size:n="medium",variant:t="missing",...c}=i;return jsx("span",{...c,className:clsx("group/classification-badge",e.badge,e[t],o),"data-size":n,children:a||f[t]})}export{S as ClassificationBadge};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/classification-badge/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/classification-badge/index.tsx"],"names":["ref","props","useContextProps","l","ClassificationBadgeContext","r","size","variant","c","jsx","f","m"],"mappings":"wPAqCO,SACLA,CACA,KACF,CAA6B,CAC3B,CAACC,GAAU,CAAA,CAAIC,CAAAA,CACbD,CAAAA,CACAD,GAAO,CAAAG,eAAA,CAAA,CAAA,CACPC,CACF,EAEA,IAAA,CAAMC,0BACJ,CAAA,CAAA,KAAA,CAAA,QACA,CAAA,CAAA,CAAA,SACAC,CAAAA,CAAO,CAAA,IAAA,CAAA,CAAA,CAAA,QACP,CAAAC,OAA4C,CAAA,CAAA,CAAAC,iCAAA,CAC5C,OACEP,CAEJ,GAAA,CAAA,CAAA,CAAA,CACEQ,CAAAA,OAACC,GAAA,CACE,MACD,CAAA,CAAA,GAAA,CAAA,CAAA,SACE,CAAAC,yBAAA,CAAA,CAAAJ,OACA,CAAA,CAAA,CAAA,SAEF,CAAA,CAAA,CAAA,CAAA,CAAA,WAEC,CAAA,CAAA,CAAA,QAGP,CAAA,CAAA,CAAA,CAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { useContextProps } from 'react-aria-components';\nimport { ClassificationBadgeContext } from './context';\nimport {\n  ClassificationBadgeStyles,\n  ClassificationBadgeStylesDefaults,\n} from './styles';\nimport type { ClassificationBadgeProps } from './types';\n\n/**\n * ClassificationBadge - A specialized badge for security and data classification\n *\n * Provides standardized visual indicators for data classification levels such as\n * confidential, secret, or public information. Designed for compliance with\n * security standards and information governance requirements.\n *\n * @example\n * // Basic classification badge\n * <ClassificationBadge level=\"confidential\" />\n *\n * @example\n * // Classification with custom styling\n * <ClassificationBadge level=\"secret\" />\n */\nexport function ClassificationBadge({\n  ref,\n  ...props\n}: ClassificationBadgeProps) {\n  [props, ref] = useContextProps(\n    props,\n    ref ?? null,\n    ClassificationBadgeContext,\n  );\n\n  const {\n    children,\n    className,\n    size = 'medium',\n    variant = ClassificationBadgeStylesDefaults.variant,\n    ...rest\n  } = props;\n\n  return (\n    <span\n      {...rest}\n      className={ClassificationBadgeStyles({\n        variant,\n        className,\n      })}\n      data-size={size}\n    >\n      {children}\n    </span>\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/components/classification-badge/index.tsx"],"names":["ref","props","useContextProps","ClassificationBadgeContext","size","rest","r","className","fallbackContent","variant"],"mappings":"8QAqBW,CAAA,SACT,CAAA,2BACK,CAAA,GAAA,CAAA,kBACS,CAAA,cACd,CAAA,eACA,CAAA,YAAc,CAAA,qBACJ,CAAA,qBAmBVA,CAAAA,GACA,CAAGC,CACL,CAAA,GACGA,EAAOD,CAAG,CAAA,CAAIE,EACbD,CAAAA,CACAD,CAAAA,eAAAA,CAAO,KACPG,iCAGI,KACJ,CAAA,QACA,CAAA,CAAA,CAAA,YACAC,IAAO,CAAA,CAAA,CAAA,gBACG,CAAA,CAAA,CAAA,SAEZ,CAAA,GAEA,CAAA,CAAA,CAAA,CAAA,CAAA,iBAEQC,CAAAA,CACJ,cACE,CAAAC,IAAA,CAAA,4BACO,CAAA,CAAA,CAAA,KACO,CACdC,CACF,EACA,CAAA,CAAA,CAAA,CAAA,CAAA,sBAEaC,CAAgBC,CAAO,EACtC,CAEJ,CAAA,CAAA,CAAA,CAAA,CAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { useContextProps } from 'react-aria-components';\nimport { ClassificationBadgeContext } from './context';\nimport styles from './styles.module.css';\nimport type { ClassificationBadgeProps } from './types';\n\nconst fallbackContent = {\n  missing: 'Missing',\n  unclassified: 'Unclassified',\n  cui: 'CUI',\n  confidential: 'Confidential',\n  secret: 'Secret',\n  'top-secret': 'Top Secret',\n  'ts-sci': 'TS/SCI',\n} as const;\n\n/**\n * ClassificationBadge - A specialized badge for security and data classification\n *\n * Provides standardized visual indicators for data classification levels such as\n * confidential, secret, or public information. Designed for compliance with\n * security standards and information governance requirements.\n *\n * @example\n * // Basic classification badge\n * <ClassificationBadge level=\"confidential\" />\n *\n * @example\n * // Classification with custom styling\n * <ClassificationBadge level=\"secret\" />\n */\nexport function ClassificationBadge({\n  ref,\n  ...props\n}: ClassificationBadgeProps) {\n  [props, ref] = useContextProps(\n    props,\n    ref ?? null,\n    ClassificationBadgeContext,\n  );\n\n  const {\n    children,\n    className,\n    size = 'medium',\n    variant = 'missing',\n    ...rest\n  } = props;\n\n  return (\n    <span\n      {...rest}\n      className={clsx(\n        'group/classification-badge',\n        styles.badge,\n        styles[variant],\n        className,\n      )}\n      data-size={size}\n    >\n      {children || fallbackContent[variant]}\n    </span>\n  );\n}\n"]}

package/dist/components/classification-badge/styles.module.css

@@ -0,0 +1,63 @@
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+@reference '../../index.module.css';
+
+@layer components.l1 {
+  .badge {
+    @apply px-s py-xs text-header-m inline-flex items-center justify-center rounded-full font-medium uppercase;
+
+    @variant size-medium {
+      @apply text-header-s;
+    }
+
+    @variant size-small {
+      @apply text-header-xs;
+    }
+
+    &.missing {
+      @apply fg-critical-bold bg-classification-missing;
+    }
+
+    &.unclassified {
+      @apply fg-a11y-on-utility bg-classification-unclass;
+    }
+
+    &.cui {
+      @apply fg-a11y-on-utility bg-classification-cui;
+    }
+
+    &.confidential {
+      @apply fg-a11y-on-utility bg-classification-confidential;
+    }
+
+    &.secret {
+      @apply fg-a11y-on-utility bg-classification-secret;
+    }
+
+    &.top-secret {
+      @apply fg-inverse-bold bg-classification-top-secret;
+
+      @variant light {
+        @apply fg-primary-bold;
+      }
+    }
+
+    &.ts-sci {
+      @apply fg-inverse-bold bg-classification-ts-sci;
+
+      @variant light {
+        @apply fg-primary-bold;
+      }
+    }
+  }
+}

package/dist/components/classification-badge/types.d.ts

@@ -1,10 +1,8 @@
 import { ComponentPropsWithRef } from 'react';
-import { VariantProps } from 'tailwind-variants';
-import { ClassificationBadgeStyles } from './styles.js';
+import { ClassificationBannerProps } from '../classification-banner/types.js';
 
-type ClassificationBadgeStyleVariants = VariantProps<typeof ClassificationBadgeStyles>;
-type ClassificationBadgeProps = ClassificationBadgeStyleVariants & ComponentPropsWithRef<'span'> & {
+type ClassificationBadgeProps = Pick<ClassificationBannerProps, 'variant'> & ComponentPropsWithRef<'span'> & {
     size?: 'medium' | 'small';
 };
 
-export type { ClassificationBadgeProps, ClassificationBadgeStyleVariants };
+export type { ClassificationBadgeProps };

package/dist/components/classification-banner/context.d.ts

@@ -3,8 +3,6 @@ import * as react from 'react';
 import { ProviderProps } from '../../lib/types.js';
 import { ContextValue } from 'react-aria-components';
 import { ClassificationBannerProps } from './types.js';
-import 'tailwind-variants';
-import './styles.js';
 
 declare const ClassificationBannerContext: react.Context<ContextValue<ClassificationBannerProps, HTMLDivElement>>;
 declare function ClassificationBannerProvider({ children, ...props }: ProviderProps<ClassificationBannerProps>): react_jsx_runtime.JSX.Element;

package/dist/components/classification-banner/index.d.ts

@@ -1,8 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ClassificationBannerProps } from './types.js';
 import 'react';
-import 'tailwind-variants';
-import './styles.js';
 
 /**
  * ClassificationBanner - A prominent banner for displaying security classification

package/dist/components/classification-banner/index.js

@@ -1,2 +1,4 @@
-import {jsx}from'react/jsx-runtime';import'client-only';import {useContextProps}from'react-aria-components';import {ClassificationBannerContext}from'./context.js';import {ClassificationBannerStylesDefaults,ClassificationBannerStyles}from'./styles.js';function u({ref:n,...i}){[i,n]=useContextProps(i,n??null,ClassificationBannerContext);const{className:a,variant:t=ClassificationBannerStylesDefaults.variant,children:s,...o}=i;return jsx("div",{...o,className:ClassificationBannerStyles({variant:t,className:a}),children:s})}export{u as ClassificationBanner};//# sourceMappingURL=index.js.map
+'use client';
+
+import {jsx}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {useContextProps}from'react-aria-components';import {ClassificationBannerContext}from'./context.js';import t from'./styles.module.css';const f={missing:"Missing",unclassified:"Unclassified",cui:"CUI",confidential:"Confidential",secret:"Secret","top-secret":"Top Secret","ts-sci":"Top Secret/SCI"};function S({ref:i,...s}){[s,i]=useContextProps(s,i??null,ClassificationBannerContext);const{children:e,className:o,variant:n="missing",...a}=s;return jsx("div",{...a,ref:i,className:clsx(t.banner,t[n],o),children:e||f[n]})}export{S as ClassificationBanner};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/classification-banner/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/classification-banner/index.tsx"],"names":["ref","props","useContextProps","r","ClassificationBannerContext","e","variant","c","jsx","f","l"],"mappings":"2PAiCO,SACLA,CACA,CAAA,CAAA,GACF,CAA8B,CAC5B,CAACC,GAAU,EAAIC,CAAAA,CACbD,CAAAA,CACAD,CAAAA,CAAAA,CAAO,CAAAG,eAAA,CAAA,CAAA,CACPC,CACF,EAEA,IAAA,CAAMC,2BACJ,iBACA,CAAA,CAAA,CAAAC,OAA6C,CAAA,CAAA,CAAAC,kCAAA,CAC7C,OAAA,CAAA,QAEF,CAAIN,CAAAA,CAEJ,GAAA,CAAA,CAAA,CAAA,CACEO,CAAAA,OAACC,GACE,CAAA,KACD,CAAA,CAAA,GAAA,CAAA,CAAA,SACE,CAAAC,0BAAA,CAAA,CAAAJ,OACA,CAAA,CAAA,CAAA,SAGD,CAAA,CAAA,CAAA,CAAA,CAAA,QAGP,CAAA,CAAA,CAAA,CAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { useContextProps } from 'react-aria-components';\nimport { ClassificationBannerContext } from './context';\nimport {\n  ClassificationBannerStyles,\n  ClassificationBannerStylesDefaults,\n} from './styles';\nimport type { ClassificationBannerProps } from './types';\n\n/**\n * ClassificationBanner - A prominent banner for displaying security classification\n *\n * Provides a full-width banner component for displaying security classification\n * information at the top or bottom of pages. Essential for applications handling\n * classified or sensitive information requiring clear visual indicators.\n *\n * @example\n * // Top classification banner\n * <ClassificationBanner variant=\"confidential\" />\n */\nexport function ClassificationBanner({\n  ref,\n  ...props\n}: ClassificationBannerProps) {\n  [props, ref] = useContextProps(\n    props,\n    ref ?? null,\n    ClassificationBannerContext,\n  );\n\n  const {\n    className,\n    variant = ClassificationBannerStylesDefaults.variant,\n    children,\n    ...rest\n  } = props;\n\n  return (\n    <div\n      {...rest}\n      className={ClassificationBannerStyles({\n        variant,\n        className,\n      })}\n    >\n      {children}\n    </div>\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/components/classification-banner/index.tsx"],"names":["ref","props","useContextProps","ClassificationBannerContext","rest","r","className","fallbackContent","variant"],"mappings":"+PAoBA,MACE,CAAA,CAAA,CAAA,OAAS,CAAA,sBACK,CAAA,cACT,UACL,CAAA,YAAc,CAAA,qBACN,CAAA,QACR,CAAA,yBACA,CAAA,QAAU,CAAA,gBAcL,CAAA,CAAA,SACL,CAAA,CAAAA,CAAAA,IACGC,CACL,CAAA,GACGA,EAAOD,CAAG,CAAA,CAAIE,EACbD,CAAAA,CACAD,CAAAA,eAAAA,CAAO,KACPG,kCAGI,KAAE,CAAA,QAAU,CAAA,CAAA,CAAA,mBAAqB,CAAA,CAAA,CAAA,SAAmB,CAAA,GAE1D,CAAA,CAAA,CAAA,CAAA,CAAA,gBAEQC,CAAAA,CACJ,IAAKJ,CAAAA,GACL,CAAA,CAAA,CAAA,SAAuB,CAAAK,IAAA,CAAA,CAAA,CAAA,MAAsB,CAAGC,CAAS,CAAA,CAExD,CAAA,CAAA,CAAA,CAAA,CAAA,QAAYC,CAAgBC,CAAO,EACtC,CAEJ,CAAA,CAAA,CAAA,CAAA,CAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { useContextProps } from 'react-aria-components';\nimport { ClassificationBannerContext } from './context';\nimport styles from './styles.module.css';\nimport type { ClassificationBannerProps } from './types';\n\nconst fallbackContent = {\n  missing: 'Missing',\n  unclassified: 'Unclassified',\n  cui: 'CUI',\n  confidential: 'Confidential',\n  secret: 'Secret',\n  'top-secret': 'Top Secret',\n  'ts-sci': 'Top Secret/SCI',\n} as const;\n\n/**\n * ClassificationBanner - A prominent banner for displaying security classification\n *\n * Provides a full-width banner component for displaying security classification\n * information at the top or bottom of pages. Essential for applications handling\n * classified or sensitive information requiring clear visual indicators.\n *\n * @example\n * // Top classification banner\n * <ClassificationBanner variant=\"confidential\" />\n */\nexport function ClassificationBanner({\n  ref,\n  ...props\n}: ClassificationBannerProps) {\n  [props, ref] = useContextProps(\n    props,\n    ref ?? null,\n    ClassificationBannerContext,\n  );\n\n  const { children, className, variant = 'missing', ...rest } = props;\n\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      className={clsx(styles.banner, styles[variant], className)}\n    >\n      {children || fallbackContent[variant]}\n    </div>\n  );\n}\n"]}

package/dist/components/classification-banner/styles.module.css

@@ -0,0 +1,55 @@
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+@reference '../../index.module.css';
+
+@layer components.l1 {
+  .banner {
+    @apply px-s py-xs text-header-m flex items-center justify-center font-medium uppercase;
+
+    &.missing {
+      @apply fg-critical-bold bg-classification-missing;
+    }
+
+    &.unclassified {
+      @apply fg-a11y-on-utility bg-classification-unclass;
+    }
+
+    &.cui {
+      @apply fg-a11y-on-utility bg-classification-cui;
+    }
+
+    &.confidential {
+      @apply fg-a11y-on-utility bg-classification-confidential;
+    }
+
+    &.secret {
+      @apply fg-a11y-on-utility bg-classification-secret;
+    }
+
+    &.top-secret {
+      @apply fg-inverse-bold bg-classification-top-secret;
+
+      @variant light {
+        @apply fg-primary-bold;
+      }
+    }
+
+    &.ts-sci {
+      @apply fg-inverse-bold bg-classification-ts-sci;
+
+      @variant light {
+        @apply fg-primary-bold;
+      }
+    }
+  }
+}

package/dist/components/classification-banner/types.d.ts

@@ -1,8 +1,7 @@
 import { ComponentPropsWithRef } from 'react';
-import { VariantProps } from 'tailwind-variants';
-import { ClassificationBannerStyles } from './styles.js';
 
-type ClassificationBannerStyleVariants = VariantProps<typeof ClassificationBannerStyles>;
-type ClassificationBannerProps = ClassificationBannerStyleVariants & ComponentPropsWithRef<'div'>;
+type ClassificationBannerProps = ComponentPropsWithRef<'div'> & {
+    variant?: 'missing' | 'unclassified' | 'cui' | 'confidential' | 'secret' | 'top-secret' | 'ts-sci';
+};
 
-export type { ClassificationBannerProps, ClassificationBannerStyleVariants };
+export type { ClassificationBannerProps };

package/dist/components/color-picker/index.js

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsx}from'react/jsx-runtime';import'client-only';import {ColorSwatchPicker,composeRenderProps,ColorSwatchPickerItem,ColorSwatch}from'react-aria-components';import {ColorPickerStyles}from'./styles.js';const{picker:a,item:s,swatch:C}=ColorPickerStyles();function n({classNames:r,items:i,...p}){return jsx(ColorSwatchPicker,{...p,className:composeRenderProps(r?.picker,o=>a({className:o})),children:i.map(o=>jsx(ColorSwatchPickerItem,{className:composeRenderProps(r?.item,e=>s({className:e})),color:o,children:jsx(ColorSwatch,{className:composeRenderProps(r?.swatch,e=>C({className:e}))})},o.toString("hexa")))})}export{n as ColorPicker};//# sourceMappingURL=index.js.map
+import {jsx}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {ColorSwatchPicker,composeRenderProps,ColorSwatchPickerItem,ColorSwatch}from'react-aria-components';import i from'./styles.module.css';function S({classNames:r,items:p,...l}){return jsx(ColorSwatchPicker,{...l,className:composeRenderProps(r?.picker,o=>clsx(i.picker,o)),children:p.map(o=>jsx(ColorSwatchPickerItem,{className:composeRenderProps(r?.item,e=>clsx(i.item,e)),color:o,children:jsx(ColorSwatch,{className:composeRenderProps(r?.swatch,e=>clsx(i.swatch,e))})},o.toString("hexa")))})}export{S as ColorPicker};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/color-picker/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/color-picker/index.tsx"],"names":["ColorPickerStyles","P","rest","c","classNames","picker","color","jsx","ColorSwatchPickerItem","k","item","ColorSwatch","swatch"],"mappings":"+MAuBA,KAAQ,CAAA,MAAQ,CAAA,CAAA,CAAA,aAAiBA,EAAkB,CAAA,CA0C5CC,iBAAA,EAAA,CAAA,SAAuB,CAAA,CAAA,CAAA,UAAY,CAAA,CAAA,CAAA,KAAO,CAAA,CAAGC,CAAK,GACvD,CAAA,CAAA,CAAA,CAAA,OACGC,GACE,mBAAGD,CAAAA,GACJ,CAAA,CAAA,SAA8BE,CAAAA,kBAAY,CAAA,CAAA,EAAA,MACxCC,EAAO,EAAE,CAAA,CAAA,CAAA,SACX,EAEC,CAAA,CAAA,CAAA,CAAA,QAAM,CAAA,CAAA,CAAKC,GACVC,CAAAA,CAACC,EAAAL,GAEC,CAAAM,qBAAA,CAAA,CAAA,4BAA0C,CAAA,CAAA,EAAA,IACxCC,EAAK,EAAE,CAAA,CAAA,CAAA,SACT,CAAA,CACA,SAEA,CAAA,CAAA,CAAA,QAACC,CAAAR,GACC,uBAA8BC,CAAAA,kBAAY,CAAA,CAAA,EAAA,MACxCQ,CAAAA,CAAO,cACT,CAAA,CACF,CAAA,CAAA,CAVKN,CAAAA,CAAM,YAAS,CAAA,MAa1B,CAEJ,CAAA,CAAA,CAAA,CAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport {\n  ColorSwatch,\n  ColorSwatchPicker,\n  ColorSwatchPickerItem,\n  composeRenderProps,\n} from 'react-aria-components';\nimport { ColorPickerStyles } from './styles';\nimport type { ColorPickerProps } from './types';\n\nconst { picker, item, swatch } = ColorPickerStyles();\n\n/**\n * A color picker component that renders a grid of color swatches for selection.\n *\n * This component provides a simple interface for users to select from a predefined\n * set of colors. It renders each color as an interactive swatch that can be clicked\n * to select that color. The component supports keyboard navigation, accessibility\n * features, and fine-grained styling control through the classNames prop.\n *\n * @param items - Array of color values to display as selectable swatches\n * @param classNames - Object containing CSS class names for fine-grained styling control\n * @param classNames.picker - CSS class name for the main picker container\n * @param classNames.item - CSS class name for individual swatch items\n * @param classNames.swatch - CSS class name for the color swatch elements\n *\n * @example\n * ```tsx\n * const colors = [\n *   '#ff0000',\n *   '#00ff00',\n *   '#0000ff',\n * ];\n *\n * <ColorPicker\n *   options={colors}\n *   value={'#ff0000'}\n *   onChange={(color) => console.log('Selected:', color)}\n *   classNames={{\n *     picker: 'gap-4',\n *     item: 'rounded-lg',\n *     swatch: 'w-8 h-8'\n *   }}\n * />\n * ```\n *\n * @remarks\n * - Colors can be provided as Color objects or color strings\n * - The component automatically handles color parsing and validation\n * - Supports all accessibility features from react-aria-components\n * - Uses a grid layout by default but can be customized via the layout prop\n */\nexport function ColorPicker({ classNames, items, ...rest }: ColorPickerProps) {\n  return (\n    <ColorSwatchPicker\n      {...rest}\n      className={composeRenderProps(classNames?.picker, (className) =>\n        picker({ className }),\n      )}\n    >\n      {items.map((color) => (\n        <ColorSwatchPickerItem\n          key={color.toString('hexa')}\n          className={composeRenderProps(classNames?.item, (className) =>\n            item({ className }),\n          )}\n          color={color}\n        >\n          <ColorSwatch\n            className={composeRenderProps(classNames?.swatch, (className) =>\n              swatch({ className }),\n            )}\n          />\n        </ColorSwatchPickerItem>\n      ))}\n    </ColorSwatchPicker>\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/components/color-picker/index.tsx"],"names":["ColorPicker","classNames","items","ColorSwatchPicker","rest","composeRenderProps","className","clsx","styles","color","jsx","ColorSwatchPickerItem","ColorSwatch"],"mappings":"wQAgEgBA,CAAY,CAAE,WAAAC,CAAAA,CAAY,CAAA,KAAAC,EAAO,CAAA,GAAQ,EAAqB,CAC5E,CAAA,UACGC,CAAAA,iBAAA,CACE,IAAGC,CACJ,CAAA,SAAWC,mBAAmBJ,CAAAA,CAAAA,EAAY,MAASK,IACjDC,IAAKC,CAAAA,CAAO,OAAQF,CAAS,CAC/B,EAEC,CAAA,QAAAJ,CAAAA,CAAM,IAAKO,CAAAA,CAAAA,EACVC,GAACC,sBAAA,CAEC,CAAA,SAAWN,mBAAmBJ,CAAAA,CAAAA,EAAY,IAAOK,IAC/CC,IAAKC,CAAAA,CAAO,KAAMF,CAAS,CAC7B,EACA,CAAA,KAAOG,CAAAA,CAEP,SAAAC,CAAAA,GAACE,CAAAA,WAAA,CACC,CAAA,SAAWP,CAAAA,kBAAmBJ,IAAY,MAASK,CAAAA,CAAAA,MAC5CE,CAAAA,CAAO,CAAA,MAAQF,CAAS,CAC/B,CAAA,CACF,GAVKG,CAAAA,CAAM,CAAA,QAAS,OAWtB,CACD,EACH,CAEJ,CAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport {\n  ColorSwatch,\n  ColorSwatchPicker,\n  ColorSwatchPickerItem,\n  composeRenderProps,\n} from 'react-aria-components';\nimport styles from './styles.module.css';\nimport type { ColorPickerProps } from './types';\n\n/**\n * A color picker component that renders a grid of color swatches for selection.\n *\n * This component provides a simple interface for users to select from a predefined\n * set of colors. It renders each color as an interactive swatch that can be clicked\n * to select that color. The component supports keyboard navigation, accessibility\n * features, and fine-grained styling control through the classNames prop.\n *\n * @param items - Array of color values to display as selectable swatches\n * @param classNames - Object containing CSS class names for fine-grained styling control\n * @param classNames.picker - CSS class name for the main picker container\n * @param classNames.item - CSS class name for individual swatch items\n * @param classNames.swatch - CSS class name for the color swatch elements\n *\n * @example\n * ```tsx\n * const colors = [\n *   '#ff0000',\n *   '#00ff00',\n *   '#0000ff',\n * ];\n *\n * <ColorPicker\n *   options={colors}\n *   value={'#ff0000'}\n *   onChange={(color) => console.log('Selected:', color)}\n *   classNames={{\n *     picker: 'gap-4',\n *     item: 'rounded-lg',\n *     swatch: 'w-8 h-8'\n *   }}\n * />\n * ```\n *\n * @remarks\n * - Colors can be provided as Color objects or color strings\n * - The component automatically handles color parsing and validation\n * - Supports all accessibility features from react-aria-components\n * - Uses a grid layout by default but can be customized via the layout prop\n */\nexport function ColorPicker({ classNames, items, ...rest }: ColorPickerProps) {\n  return (\n    <ColorSwatchPicker\n      {...rest}\n      className={composeRenderProps(classNames?.picker, (className) =>\n        clsx(styles.picker, className),\n      )}\n    >\n      {items.map((color) => (\n        <ColorSwatchPickerItem\n          key={color.toString('hexa')}\n          className={composeRenderProps(classNames?.item, (className) =>\n            clsx(styles.item, className),\n          )}\n          color={color}\n        >\n          <ColorSwatch\n            className={composeRenderProps(classNames?.swatch, (className) =>\n              clsx(styles.swatch, className),\n            )}\n          />\n        </ColorSwatchPickerItem>\n      ))}\n    </ColorSwatchPicker>\n  );\n}\n"]}

package/dist/components/color-picker/styles.module.css

@@ -0,0 +1,43 @@
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+@reference '../../index.module.css';
+
+@layer components.l1 {
+  .picker {
+    @apply gap-s flex flex-wrap;
+  }
+
+  .item {
+    @apply w-fit cursor-pointer outline outline-offset-1 outline-transparent;
+
+    @variant hover {
+      @apply outline-interactive-hover;
+    }
+
+    @variant focus-visible {
+      @apply outline-interactive-hover;
+    }
+
+    @variant pressed {
+      @apply outline-interactive-pressed;
+    }
+
+    @variant selected {
+      @apply outline-accent-primary-bold cursor-default;
+    }
+  }
+
+  .swatch {
+    @apply size-l;
+  }
+}

package/dist/components/combobox-field/context.d.ts

@@ -6,9 +6,6 @@ import { OptionsDataItem } from '../options/types.js';
 import { ComboBoxFieldProps } from './types.js';
 import '../icon/types.js';
 import '../button/types.js';
-import 'tailwind-variants';
-import '../button/styles.js';
-import 'tailwind-merge';
 
 declare const ComboBoxFieldContext: react.Context<ContextValue<ComboBoxFieldProps<any>, HTMLDivElement>>;
 declare function ComboBoxFieldProvider<T extends OptionsDataItem>({ children, ...props }: ProviderProps<ComboBoxFieldProps<T>>): react_jsx_runtime.JSX.Element;

package/dist/components/combobox-field/index.d.ts

@@ -5,10 +5,7 @@ import 'react';
 import 'react-aria-components';
 import '../icon/types.js';
 import '../button/types.js';
-import 'tailwind-variants';
 import '../../lib/types.js';
-import '../button/styles.js';
-import 'tailwind-merge';
 
 /**
  * ComboBoxField - Accessible searchable combobox with dropdown options

package/dist/components/combobox-field/index.js

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {ChevronDown}from'@accelint/icons';import'client-only';import {useContextProps,ComboBox,composeRenderProps,Input,Button,Text,FieldError,Popover,Virtualizer,ListLayout}from'react-aria-components';import {Icon}from'../icon/index.js';import {Label}from'../label/index.js';import {Options}from'../options/index.js';import {ComboBoxFieldContext}from'./context.js';import {ComboBoxStyles}from'./styles.js';const{field:k,label:q,control:w,input:A,trigger:G,description:H,error:J,popover:K}=ComboBoxStyles();function oo({ref:t,...i}){[i,t]=useContextProps(i,t??null,ComboBoxFieldContext);const{children:u,classNames:e,description:a,errorMessage:b,inputProps:f,label:n,layoutOptions:v,menuTrigger:x="focus",size:m="medium",isInvalid:N,...g}=i,p=b||null,c=m==="small";return jsx(ComboBox,{...g,ref:t,className:composeRenderProps(e?.field,l=>k({className:l})),menuTrigger:x,isInvalid:N||(p?true:void 0),"data-size":m,children:({isDisabled:l,isInvalid:P,isRequired:C})=>jsxs(Fragment,{children:[!!n&&!c&&jsx(Label,{className:q({className:e?.label}),isDisabled:l,isRequired:C,children:n}),jsxs("div",{className:w({className:e?.control}),children:[jsx(Input,{...f,className:composeRenderProps(e?.input,r=>A({className:r}))}),jsx(Button,{className:composeRenderProps(e?.trigger,r=>G({className:r})),children:jsx(Icon,{size:"small",children:jsx(ChevronDown,{})})})]}),!!a&&!(c||P)&&jsx(Text,{className:H({className:e?.description}),slot:"description",children:a}),jsx(FieldError,{className:composeRenderProps(e?.error,r=>J({className:r})),children:p}),jsx(Popover,{className:composeRenderProps(e?.popover,r=>K({className:r})),children:jsx(Virtualizer,{layout:ListLayout,layoutOptions:v,children:jsx(Options,{children:u})})})]})})}export{oo as ComboBoxField};//# sourceMappingURL=index.js.map
+import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {ChevronDown}from'@accelint/icons';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {useContextProps,ComboBox,composeRenderProps,Input,Button,Text,FieldError,Popover,Virtualizer,ListLayout}from'react-aria-components';import {Icon}from'../icon/index.js';import {Label}from'../label/index.js';import {Options}from'../options/index.js';import {ComboBoxFieldContext}from'./context.js';import i from'./styles.module.css';function X({ref:l,...a}){[a,l]=useContextProps(a,l??null,ComboBoxFieldContext);const{children:f,classNames:e,description:m,errorMessage:x,inputProps:g,label:p,layoutOptions:v,menuTrigger:P="focus",size:d="medium",isInvalid:y,...C}=a,c=x||null,u=d==="small";return jsx(ComboBox,{...C,ref:l,className:composeRenderProps(e?.field,n=>clsx("group/combobox-field",i.field,n)),menuTrigger:P,isInvalid:y||(c?true:void 0),"data-size":d,children:({isDisabled:n,isInvalid:N,isRequired:B})=>jsxs(Fragment,{children:[!!p&&!u&&jsx(Label,{className:clsx(i.label,e?.label),isDisabled:n,isRequired:B,children:p}),jsxs("div",{className:clsx(i.control,e?.control),children:[jsx(Input,{...g,className:composeRenderProps(e?.input,t=>clsx(i.input,t))}),jsx(Button,{className:composeRenderProps(e?.trigger,t=>clsx(i.trigger,t)),children:jsx(Icon,{size:"small",children:jsx(ChevronDown,{})})})]}),!!m&&!(u||N)&&jsx(Text,{className:clsx(i.description,e?.description),slot:"description",children:m}),jsx(FieldError,{className:composeRenderProps(e?.error,t=>clsx(i.error,t)),children:c}),jsx(Popover,{className:composeRenderProps(e?.popover,t=>clsx(i.popover,t)),children:jsx(Virtualizer,{layout:ListLayout,layoutOptions:v,children:jsx(Options,{children:f})})})]})})}export{X as ComboBoxField};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/combobox-field/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/combobox-field/index.tsx"],"names":["input","error","props","useContextProps","ref","children","D","classNames","S","labelProp","layoutOptions","menuTrigger","errorMessageProp","ComboBox","rest","className","field","s","isDisabled","isInvalid","isRequired","isSmall","d","label","o","E","jsx","Input","F","Button","composeRenderProps","trigger","B","ChevronDown","h","y","description","L","FieldError","T","errorMessage","z","ListLayout","Options","O","R"],"mappings":"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","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport { ChevronDown } from '@accelint/icons';\nimport 'client-only';\nimport {\n  Button,\n  ComboBox,\n  composeRenderProps,\n  FieldError,\n  Input,\n  ListLayout,\n  Popover,\n  Text,\n  useContextProps,\n  Virtualizer,\n} from 'react-aria-components';\nimport { Icon } from '../icon';\nimport { Label } from '../label';\nimport { Options } from '../options';\nimport { ComboBoxFieldContext } from './context';\nimport { ComboBoxStyles } from './styles';\nimport type { OptionsDataItem } from '../options/types';\nimport type { ComboBoxFieldProps } from './types';\n\nconst { field, label, control, input, trigger, description, error, popover } =\n  ComboBoxStyles();\n\n/**\n * ComboBoxField - Accessible searchable combobox with dropdown options\n *\n * A combobox field that provides a searchable input with virtualized dropdown\n * options and support for sections, icons, and rich content.\n *\n * @example\n * <ComboBoxField defaultItems={items}>\n *   {(item) => <OptionsItem key={item.id} textValue={item.name}>{item.name}</OptionsItem>}\n * </ComboBoxField>\n */\nexport function ComboBoxField<T extends OptionsDataItem>({\n  ref,\n  ...props\n}: ComboBoxFieldProps<T>) {\n  [props, ref] = useContextProps(props, ref ?? null, ComboBoxFieldContext);\n\n  const {\n    children,\n    classNames,\n    description: descriptionProp,\n    errorMessage: errorMessageProp,\n    inputProps,\n    label: labelProp,\n    layoutOptions,\n    menuTrigger = 'focus',\n    size = 'medium',\n    isInvalid: isInvalidProp,\n    ...rest\n  } = props;\n  const errorMessage = errorMessageProp || null; // Protect against empty string\n  const isSmall = size === 'small';\n\n  return (\n    <ComboBox<T>\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(classNames?.field, (className) =>\n        field({ className }),\n      )}\n      menuTrigger={menuTrigger}\n      isInvalid={isInvalidProp || (errorMessage ? true : undefined)} // Leave uncontrolled if possible to fallback to validation state\n      data-size={size}\n    >\n      {(\n        { isDisabled, isInvalid, isRequired }, // Rely on internal state, not props, since state could differ from props\n      ) => (\n        <>\n          {!!labelProp && !isSmall && (\n            <Label\n              className={label({ className: classNames?.label })}\n              isDisabled={isDisabled}\n              isRequired={isRequired}\n            >\n              {labelProp}\n            </Label>\n          )}\n          <div className={control({ className: classNames?.control })}>\n            <Input\n              {...inputProps}\n              className={composeRenderProps(classNames?.input, (className) =>\n                input({ className }),\n              )}\n            />\n            <Button\n              className={composeRenderProps(classNames?.trigger, (className) =>\n                trigger({ className }),\n              )}\n            >\n              <Icon size='small'>\n                <ChevronDown />\n              </Icon>\n            </Button>\n          </div>\n          {!!descriptionProp && !(isSmall || isInvalid) && (\n            <Text\n              className={description({\n                className: classNames?.description,\n              })}\n              slot='description'\n            >\n              {descriptionProp}\n            </Text>\n          )}\n          <FieldError\n            className={composeRenderProps(classNames?.error, (className) =>\n              error({ className }),\n            )}\n          >\n            {errorMessage}\n          </FieldError>\n          <Popover\n            className={composeRenderProps(classNames?.popover, (className) =>\n              popover({ className }),\n            )}\n          >\n            <Virtualizer layout={ListLayout} layoutOptions={layoutOptions}>\n              <Options>{children}</Options>\n            </Virtualizer>\n          </Popover>\n        </>\n      )}\n    </ComboBox>\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/components/combobox-field/index.tsx"],"names":["ref","children","h","q","labelProp","layoutOptions","isInvalidProp","props","errorMessageProp","jsx","ComboBox","rest","composeRenderProps","classNames","o","className","clsx","s","styles","r","isInvalid","b","w","V","isRequired","Input","T","R","descriptionProp","I","M","FieldError","errorMessage","D","ListLayout","E","k"],"mappings":"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","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport { ChevronDown } from '@accelint/icons';\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport {\n  Button,\n  ComboBox,\n  composeRenderProps,\n  FieldError,\n  Input,\n  ListLayout,\n  Popover,\n  Text,\n  useContextProps,\n  Virtualizer,\n} from 'react-aria-components';\nimport { Icon } from '../icon';\nimport { Label } from '../label';\nimport { Options } from '../options';\nimport { ComboBoxFieldContext } from './context';\nimport styles from './styles.module.css';\nimport type { OptionsDataItem } from '../options/types';\nimport type { ComboBoxFieldProps } from './types';\n\n/**\n * ComboBoxField - Accessible searchable combobox with dropdown options\n *\n * A combobox field that provides a searchable input with virtualized dropdown\n * options and support for sections, icons, and rich content.\n *\n * @example\n * <ComboBoxField defaultItems={items}>\n *   {(item) => <OptionsItem key={item.id} textValue={item.name}>{item.name}</OptionsItem>}\n * </ComboBoxField>\n */\nexport function ComboBoxField<T extends OptionsDataItem>({\n  ref,\n  ...props\n}: ComboBoxFieldProps<T>) {\n  [props, ref] = useContextProps(props, ref ?? null, ComboBoxFieldContext);\n\n  const {\n    children,\n    classNames,\n    description: descriptionProp,\n    errorMessage: errorMessageProp,\n    inputProps,\n    label: labelProp,\n    layoutOptions,\n    menuTrigger = 'focus',\n    size = 'medium',\n    isInvalid: isInvalidProp,\n    ...rest\n  } = props;\n  const errorMessage = errorMessageProp || null; // Protect against empty string\n  const isSmall = size === 'small';\n\n  return (\n    <ComboBox<T>\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(classNames?.field, (className) =>\n        clsx('group/combobox-field', styles.field, className),\n      )}\n      menuTrigger={menuTrigger}\n      isInvalid={isInvalidProp || (errorMessage ? true : undefined)} // Leave uncontrolled if possible to fallback to validation state\n      data-size={size}\n    >\n      {(\n        { isDisabled, isInvalid, isRequired }, // Rely on internal state, not props, since state could differ from props\n      ) => (\n        <>\n          {!!labelProp && !isSmall && (\n            <Label\n              className={clsx(styles.label, classNames?.label)}\n              isDisabled={isDisabled}\n              isRequired={isRequired}\n            >\n              {labelProp}\n            </Label>\n          )}\n          <div className={clsx(styles.control, classNames?.control)}>\n            <Input\n              {...inputProps}\n              className={composeRenderProps(classNames?.input, (className) =>\n                clsx(styles.input, className),\n              )}\n            />\n            <Button\n              className={composeRenderProps(classNames?.trigger, (className) =>\n                clsx(styles.trigger, className),\n              )}\n            >\n              <Icon size='small'>\n                <ChevronDown />\n              </Icon>\n            </Button>\n          </div>\n          {!!descriptionProp && !(isSmall || isInvalid) && (\n            <Text\n              className={clsx(styles.description, classNames?.description)}\n              slot='description'\n            >\n              {descriptionProp}\n            </Text>\n          )}\n          <FieldError\n            className={composeRenderProps(classNames?.error, (className) =>\n              clsx(styles.error, className),\n            )}\n          >\n            {errorMessage}\n          </FieldError>\n          <Popover\n            className={composeRenderProps(classNames?.popover, (className) =>\n              clsx(styles.popover, className),\n            )}\n          >\n            <Virtualizer layout={ListLayout} layoutOptions={layoutOptions}>\n              <Options>{children}</Options>\n            </Virtualizer>\n          </Popover>\n        </>\n      )}\n    </ComboBox>\n  );\n}\n"]}