@accelint/design-toolkit 2.2.1 → 2.3.1

package/dist/components/button/styles.d.ts

@@ -0,0 +1,297 @@
+import * as tailwind_variants from 'tailwind-variants';
+
+declare const ButtonStylesDefaults: {
+    readonly color: "info";
+    readonly size: "medium";
+    readonly variant: "filled";
+};
+declare const ButtonStyles: tailwind_variants.TVReturnType<{} | {
+    color: {
+        info: tailwind_variants.ClassValue | {};
+        serious: tailwind_variants.ClassValue | {};
+        critical: tailwind_variants.ClassValue | {};
+    };
+    size: {
+        large: tailwind_variants.ClassValue | {};
+        medium: tailwind_variants.ClassValue | {};
+        small: tailwind_variants.ClassValue | {};
+        xsmall: tailwind_variants.ClassValue | {};
+    };
+    variant: {
+        filled: tailwind_variants.ClassValue | {};
+        outline: tailwind_variants.ClassValue | {};
+        flat: tailwind_variants.ClassValue | {};
+        icon: tailwind_variants.ClassValue | {};
+        floating: tailwind_variants.ClassValue | {};
+    };
+}, undefined, undefined, {
+    color: {
+        info: string;
+        serious: string;
+        critical: string;
+    };
+    size: {
+        large: string;
+        medium: string;
+        small: string;
+        xsmall: string;
+    };
+    variant: {
+        filled: string;
+        outline: string;
+        flat: string;
+        icon: string;
+        floating: string[];
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    color: {
+        info: string;
+        serious: string;
+        critical: string;
+    };
+    size: {
+        large: string;
+        medium: string;
+        small: string;
+        xsmall: string;
+    };
+    variant: {
+        filled: string;
+        outline: string;
+        flat: string;
+        icon: string;
+        floating: string[];
+    };
+}, undefined, string[], {
+    color: {
+        info: string;
+        serious: string;
+        critical: string;
+    };
+    size: {
+        large: string;
+        medium: string;
+        small: string;
+        xsmall: string;
+    };
+    variant: {
+        filled: string;
+        outline: string;
+        flat: string;
+        icon: string;
+        floating: string[];
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    color: {
+        info: string;
+        serious: string;
+        critical: string;
+    };
+    size: {
+        large: string;
+        medium: string;
+        small: string;
+        xsmall: string;
+    };
+    variant: {
+        filled: string;
+        outline: string;
+        flat: string;
+        icon: string;
+        floating: string[];
+    };
+}, undefined, string[], unknown, unknown, undefined>>>;
+declare const LinkButtonStyles: tailwind_variants.TVReturnType<{} | {
+    color: {
+        info: tailwind_variants.ClassValue | {};
+        serious: tailwind_variants.ClassValue | {};
+        critical: tailwind_variants.ClassValue | {};
+    };
+    size: {
+        large: tailwind_variants.ClassValue | {};
+        medium: tailwind_variants.ClassValue | {};
+        small: tailwind_variants.ClassValue | {};
+        xsmall: tailwind_variants.ClassValue | {};
+    };
+    variant: {
+        filled: tailwind_variants.ClassValue | {};
+        outline: tailwind_variants.ClassValue | {};
+        flat: tailwind_variants.ClassValue | {};
+        icon: tailwind_variants.ClassValue | {};
+        floating: tailwind_variants.ClassValue | {};
+    };
+}, undefined, undefined, {
+    color: {
+        info: string;
+        serious: string;
+        critical: string;
+    };
+    size: {
+        large: string;
+        medium: string;
+        small: string;
+        xsmall: string;
+    };
+    variant: {
+        filled: string;
+        outline: string;
+        flat: string;
+        icon: string;
+        floating: string[];
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    color: {
+        info: string;
+        serious: string;
+        critical: string;
+    };
+    size: {
+        large: string;
+        medium: string;
+        small: string;
+        xsmall: string;
+    };
+    variant: {
+        filled: string;
+        outline: string;
+        flat: string;
+        icon: string;
+        floating: string[];
+    };
+}, undefined, string[], {
+    color: {
+        info: string;
+        serious: string;
+        critical: string;
+    };
+    size: {
+        large: string;
+        medium: string;
+        small: string;
+        xsmall: string;
+    };
+    variant: {
+        filled: string;
+        outline: string;
+        flat: string;
+        icon: string;
+        floating: string[];
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    color: {
+        info: string;
+        serious: string;
+        critical: string;
+    };
+    size: {
+        large: string;
+        medium: string;
+        small: string;
+        xsmall: string;
+    };
+    variant: {
+        filled: string;
+        outline: string;
+        flat: string;
+        icon: string;
+        floating: string[];
+    };
+}, undefined, string[], unknown, unknown, undefined>>>;
+declare const ToggleButtonStyles: tailwind_variants.TVReturnType<{} | {
+    color: {
+        info: tailwind_variants.ClassValue | {};
+        serious: tailwind_variants.ClassValue | {};
+        critical: tailwind_variants.ClassValue | {};
+    };
+    size: {
+        large: tailwind_variants.ClassValue | {};
+        medium: tailwind_variants.ClassValue | {};
+        small: tailwind_variants.ClassValue | {};
+        xsmall: tailwind_variants.ClassValue | {};
+    };
+    variant: {
+        filled: tailwind_variants.ClassValue | {};
+        outline: tailwind_variants.ClassValue | {};
+        flat: tailwind_variants.ClassValue | {};
+        icon: tailwind_variants.ClassValue | {};
+        floating: tailwind_variants.ClassValue | {};
+    };
+}, undefined, undefined, {
+    color: {
+        info: string;
+        serious: string;
+        critical: string;
+    };
+    size: {
+        large: string;
+        medium: string;
+        small: string;
+        xsmall: string;
+    };
+    variant: {
+        filled: string;
+        outline: string;
+        flat: string;
+        icon: string;
+        floating: string[];
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    color: {
+        info: string;
+        serious: string;
+        critical: string;
+    };
+    size: {
+        large: string;
+        medium: string;
+        small: string;
+        xsmall: string;
+    };
+    variant: {
+        filled: string;
+        outline: string;
+        flat: string;
+        icon: string;
+        floating: string[];
+    };
+}, undefined, string[], {
+    color: {
+        info: string;
+        serious: string;
+        critical: string;
+    };
+    size: {
+        large: string;
+        medium: string;
+        small: string;
+        xsmall: string;
+    };
+    variant: {
+        filled: string;
+        outline: string;
+        flat: string;
+        icon: string;
+        floating: string[];
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    color: {
+        info: string;
+        serious: string;
+        critical: string;
+    };
+    size: {
+        large: string;
+        medium: string;
+        small: string;
+        xsmall: string;
+    };
+    variant: {
+        filled: string;
+        outline: string;
+        flat: string;
+        icon: string;
+        floating: string[];
+    };
+}, undefined, string[], unknown, unknown, undefined>>>;
+
+export { ButtonStyles, ButtonStylesDefaults, LinkButtonStyles, ToggleButtonStyles };

package/dist/components/button/styles.js

@@ -0,0 +1,2 @@
+import {tv}from'./../../lib/utils.js';var a={color:"info",size:"medium",variant:"filled"},l=tv({base:["flex w-content cursor-pointer items-center justify-center rounded-medium outline outline-transparent","disabled:cursor-not-allowed"],variants:{color:{info:"",serious:"",critical:""},size:{large:"gap-xs px-m py-s text-button-l",medium:"gap-xs px-m py-s text-button-m",small:"gap-xxs px-s py-xs text-button-s",xsmall:"gap-xxs px-s py-xs text-button-xs"},variant:{filled:"disabled:fg-disabled disabled:bg-interactive-disabled",outline:"disabled:fg-disabled disabled:outline-interactive-disabled",flat:"disabled:fg-disabled disabled:bg-transparent",icon:"disabled:fg-disabled disabled:bg-transparent",floating:["rounded-full","disabled:fg-disabled disabled:bg-interactive-disabled disabled:outline-interactive-disabled"]}},compoundVariants:[{size:["large","medium"],variant:["icon","floating"],className:"p-xs"},{size:["small","xsmall"],variant:["icon","floating"],className:"p-xxs"},{size:["small","xsmall"],variant:"icon",className:"rounded-small"},{color:"info",variant:"filled",className:["enabled:bg-interactive-default","enabled:hover:bg-interactive-hover-light","enabled:focus:bg-interactive-hover-light"]},{color:"info",variant:"outline",className:["enabled:fg-default-light enabled:outline-interactive","enabled:hover:outline-interactive-hover","enabled:focus:outline-interactive-hover"]},{color:"info",variant:["flat","icon"],className:["enabled:fg-default-light","enabled:hover:bg-interactive-hover-dark","enabled:focus:bg-interactive-hover-dark"]},{color:"info",variant:"floating",className:["enabled:fg-interactive enabled:bg-surface-default enabled:outline-interactive","enabled:hover:fg-interactive-hover enabled:hover:outline-interactive-hover","enabled:focus:fg-interactive-hover enabled:focus:outline-interactive-hover"]},{color:"serious",variant:"filled",className:["enabled:bg-serious","enabled:hover:bg-serious-hover","enabled:focus:bg-serious-hover"]},{color:"serious",variant:"outline",className:["enabled:fg-default-light enabled:outline-serious","enabled:hover:outline-interactive-hover","enabled:focus:outline-interactive-hover"]},{color:"serious",variant:["flat","icon"],className:["enabled:fg-default-light","enabled:hover:bg-serious-hover","enabled:focus:bg-serious-hover"]},{color:"serious",variant:"floating",className:["enabled:fg-serious enabled:bg-serious-subtle enabled:outline-serious","enabled:hover:fg-interactive-hover enabled:hover:outline-interactive-hover","enabled:focus:fg-interactive-hover enabled:focus:outline-interactive-hover"]},{color:"critical",variant:"filled",className:["enabled:bg-critical","enabled:hover:bg-critical-hover","enabled:focus:bg-critical-hover"]},{color:"critical",variant:"outline",className:["enabled:fg-default-light enabled:outline-critical","enabled:hover:outline-interactive-hover","enabled:focus:outline-interactive-hover"]},{color:"critical",variant:["flat","icon"],className:["enabled:fg-default-light","enabled:hover:bg-critical-hover","enabled:focus:bg-critical-hover"]},{color:"critical",variant:"floating",className:["enabled:fg-critical enabled:bg-critical-subtle enabled:outline-critical","enabled:hover:fg-interactive-hover enabled:hover:outline-interactive-hover","enabled:focus:fg-interactive-hover enabled:focus:outline-interactive-hover"]}],defaultVariants:a}),t=tv({extend:l}),o=tv({extend:l}),n=tv({extend:l,compoundVariants:[{color:"info",variant:"filled",className:["enabled:selected:bg-info-subtle","enabled:selected:hover:bg-interactive-hover-light","enabled:selected:focus:bg-interactive-hover-light"]},{color:"info",variant:"floating",className:["enabled:selected:outline-highlight","enabled:selected:hover:outline-interactive-hover","enabled:selected:focus:outline-interactive-hover"]},{color:"serious",variant:"filled",className:["enabled:selected:bg-serious-subtle","enabled:selected:hover:bg-serious-hover","enabled:selected:focus:bg-serious-hover"]},{color:"serious",variant:"floating",className:["enabled:selected:outline-highlight","enabled:selected:hover:outline-interactive-hover","enabled:selected:focus:outline-interactive-hover"]},{color:"critical",variant:"filled",className:["enabled:selected:bg-critical-subtle","enabled:selected:hover:bg-critical-hover","enabled:selected:focus:bg-critical-hover"]},{color:"critical",variant:"floating",className:["enabled:selected:outline-highlight","enabled:selected:hover:outline-interactive-hover","enabled:selected:focus:outline-interactive-hover"]},{className:["enabled:selected:fg-highlight","enabled:selected:hover:fg-highlight","enabled:selected:focus:fg-highlight"]}]});export{t as ButtonStyles,a as ButtonStylesDefaults,o as LinkButtonStyles,n as ToggleButtonStyles};//# sourceMappingURL=styles.js.map
+//# sourceMappingURL=styles.js.map

package/dist/components/button/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/button/styles.ts"],"names":["e","tv","BaseButtonStyles"],"mappings":"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","file":"styles.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\nimport { tv } from '@/lib/utils';\n\nexport const ButtonStylesDefaults = {\n  color: 'info',\n  size: 'medium',\n  variant: 'filled',\n} as const;\n\nconst BaseButtonStyles = tv({\n  base: [\n    'flex w-content cursor-pointer items-center justify-center rounded-medium outline outline-transparent',\n    'disabled:cursor-not-allowed',\n  ],\n  variants: {\n    color: {\n      info: '',\n      serious: '',\n      critical: '',\n    },\n    size: {\n      large: 'gap-xs px-m py-s text-button-l',\n      medium: 'gap-xs px-m py-s text-button-m',\n      small: 'gap-xxs px-s py-xs text-button-s',\n      xsmall: 'gap-xxs px-s py-xs text-button-xs',\n    },\n    variant: {\n      filled: 'disabled:fg-disabled disabled:bg-interactive-disabled',\n      outline: 'disabled:fg-disabled disabled:outline-interactive-disabled',\n      flat: 'disabled:fg-disabled disabled:bg-transparent',\n      icon: 'disabled:fg-disabled disabled:bg-transparent',\n      floating: [\n        'rounded-full',\n        'disabled:fg-disabled disabled:bg-interactive-disabled disabled:outline-interactive-disabled',\n      ],\n    },\n  },\n  compoundVariants: [\n    {\n      size: ['large', 'medium'],\n      variant: ['icon', 'floating'],\n      className: 'p-xs',\n    },\n    {\n      size: ['small', 'xsmall'],\n      variant: ['icon', 'floating'],\n      className: 'p-xxs',\n    },\n    {\n      size: ['small', 'xsmall'],\n      variant: 'icon',\n      className: 'rounded-small',\n    },\n\n    /** Colors **/\n    // Info\n    {\n      color: 'info',\n      variant: 'filled',\n      className: [\n        'enabled:bg-interactive-default',\n        'enabled:hover:bg-interactive-hover-light',\n        'enabled:focus:bg-interactive-hover-light',\n      ],\n    },\n    {\n      color: 'info',\n      variant: 'outline',\n      className: [\n        'enabled:fg-default-light enabled:outline-interactive',\n        'enabled:hover:outline-interactive-hover',\n        'enabled:focus:outline-interactive-hover',\n      ],\n    },\n    {\n      color: 'info',\n      variant: ['flat', 'icon'],\n      className: [\n        'enabled:fg-default-light',\n        'enabled:hover:bg-interactive-hover-dark',\n        'enabled:focus:bg-interactive-hover-dark',\n      ],\n    },\n    {\n      color: 'info',\n      variant: 'floating',\n      className: [\n        'enabled:fg-interactive enabled:bg-surface-default enabled:outline-interactive',\n        'enabled:hover:fg-interactive-hover enabled:hover:outline-interactive-hover',\n        'enabled:focus:fg-interactive-hover enabled:focus:outline-interactive-hover',\n      ],\n    },\n\n    // Serious\n    {\n      color: 'serious',\n      variant: 'filled',\n      className: [\n        'enabled:bg-serious',\n        'enabled:hover:bg-serious-hover',\n        'enabled:focus:bg-serious-hover',\n      ],\n    },\n    {\n      color: 'serious',\n      variant: 'outline',\n      className: [\n        'enabled:fg-default-light enabled:outline-serious',\n        'enabled:hover:outline-interactive-hover',\n        'enabled:focus:outline-interactive-hover',\n      ],\n    },\n    {\n      color: 'serious',\n      variant: ['flat', 'icon'],\n      className: [\n        'enabled:fg-default-light',\n        'enabled:hover:bg-serious-hover',\n        'enabled:focus:bg-serious-hover',\n      ],\n    },\n    {\n      color: 'serious',\n      variant: 'floating',\n      className: [\n        'enabled:fg-serious enabled:bg-serious-subtle enabled:outline-serious',\n        'enabled:hover:fg-interactive-hover enabled:hover:outline-interactive-hover',\n        'enabled:focus:fg-interactive-hover enabled:focus:outline-interactive-hover',\n      ],\n    },\n\n    // Critical\n    {\n      color: 'critical',\n      variant: 'filled',\n      className: [\n        'enabled:bg-critical',\n        'enabled:hover:bg-critical-hover',\n        'enabled:focus:bg-critical-hover',\n      ],\n    },\n    {\n      color: 'critical',\n      variant: 'outline',\n      className: [\n        'enabled:fg-default-light enabled:outline-critical',\n        'enabled:hover:outline-interactive-hover',\n        'enabled:focus:outline-interactive-hover',\n      ],\n    },\n    {\n      color: 'critical',\n      variant: ['flat', 'icon'],\n      className: [\n        'enabled:fg-default-light',\n        'enabled:hover:bg-critical-hover',\n        'enabled:focus:bg-critical-hover',\n      ],\n    },\n    {\n      color: 'critical',\n      variant: 'floating',\n      className: [\n        'enabled:fg-critical enabled:bg-critical-subtle enabled:outline-critical',\n        'enabled:hover:fg-interactive-hover enabled:hover:outline-interactive-hover',\n        'enabled:focus:fg-interactive-hover enabled:focus:outline-interactive-hover',\n      ],\n    },\n  ],\n  defaultVariants: ButtonStylesDefaults,\n});\n\nexport const ButtonStyles = tv({\n  extend: BaseButtonStyles,\n});\n\nexport const LinkButtonStyles = tv({\n  extend: BaseButtonStyles,\n});\n\nexport const ToggleButtonStyles = tv({\n  extend: BaseButtonStyles,\n  compoundVariants: [\n    {\n      color: 'info',\n      variant: 'filled',\n      className: [\n        'enabled:selected:bg-info-subtle',\n        'enabled:selected:hover:bg-interactive-hover-light',\n        'enabled:selected:focus:bg-interactive-hover-light',\n      ],\n    },\n    {\n      color: 'info',\n      variant: 'floating',\n      className: [\n        'enabled:selected:outline-highlight',\n        'enabled:selected:hover:outline-interactive-hover',\n        'enabled:selected:focus:outline-interactive-hover',\n      ],\n    },\n    {\n      color: 'serious',\n      variant: 'filled',\n      className: [\n        'enabled:selected:bg-serious-subtle',\n        'enabled:selected:hover:bg-serious-hover',\n        'enabled:selected:focus:bg-serious-hover',\n      ],\n    },\n    {\n      color: 'serious',\n      variant: 'floating',\n      className: [\n        'enabled:selected:outline-highlight',\n        'enabled:selected:hover:outline-interactive-hover',\n        'enabled:selected:focus:outline-interactive-hover',\n      ],\n    },\n    {\n      color: 'critical',\n      variant: 'filled',\n      className: [\n        'enabled:selected:bg-critical-subtle',\n        'enabled:selected:hover:bg-critical-hover',\n        'enabled:selected:focus:bg-critical-hover',\n      ],\n    },\n    {\n      color: 'critical',\n      variant: 'floating',\n      className: [\n        'enabled:selected:outline-highlight',\n        'enabled:selected:hover:outline-interactive-hover',\n        'enabled:selected:focus:outline-interactive-hover',\n      ],\n    },\n    // Must be last to override color values\n    {\n      className: [\n        'enabled:selected:fg-highlight',\n        'enabled:selected:hover:fg-highlight',\n        'enabled:selected:focus:fg-highlight',\n      ],\n    },\n  ],\n});\n"]}

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

@@ -0,0 +1,14 @@
+import { RefAttributes, PropsWithChildren } from 'react';
+import { ButtonProps as ButtonProps$1, LinkProps, ToggleButtonProps as ToggleButtonProps$1 } from 'react-aria-components';
+import { VariantProps } from 'tailwind-variants';
+import { ButtonStyles } from './styles.js';
+
+type ButtonStyleVariants = VariantProps<typeof ButtonStyles>;
+type ButtonProps = ButtonProps$1 & ButtonStyleVariants & RefAttributes<HTMLButtonElement>;
+type LinkButtonProps = LinkProps & ButtonStyleVariants & RefAttributes<HTMLAnchorElement>;
+type ToggleButtonProps = ToggleButtonProps$1 & ButtonStyleVariants & RefAttributes<HTMLButtonElement>;
+type ButtonProviderProps = PropsWithChildren<Omit<ButtonProps, 'ref'>>;
+type LinkButtonProviderProps = PropsWithChildren<Omit<LinkButtonProps, 'ref'>>;
+type ToggleButtonProviderProps = PropsWithChildren<Omit<ToggleButtonProps, 'ref'>>;
+
+export type { ButtonProps, ButtonProviderProps, ButtonStyleVariants, LinkButtonProps, LinkButtonProviderProps, ToggleButtonProps, ToggleButtonProviderProps };

package/dist/components/button/types.js

@@ -0,0 +1,2 @@
+//# sourceMappingURL=types.js.map
+//# sourceMappingURL=types.js.map

package/dist/components/button/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"types.js"}

package/dist/components/checkbox/index.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import React__default from 'react';
+import react__default from 'react';
 import { CheckboxProps as CheckboxProps$1, CheckboxGroupProps as CheckboxGroupProps$1 } from 'react-aria-components';
 
 /**
@@ -12,7 +12,7 @@ declare namespace Checkbox {
     var Group: typeof CheckboxGroup;
 }
 interface CheckboxGroupProps extends CheckboxGroupProps$1 {
-    label?: string | React__default.JSX.Element;
+    label?: string | react__default.JSX.Element;
 }
 declare function CheckboxGroup({ children, className, label, ...props }: CheckboxGroupProps): react_jsx_runtime.JSX.Element;
 

package/dist/components/checkbox/index.js

@@ -1,2 +1,2 @@
-import {cn}from'./../../lib/utils.js';import {CheckboxIndeterminate,CheckboxSelected}from'@accelint/icons';import'client-only';import {cva}from'cva';import {Checkbox,CheckboxGroup}from'react-aria-components';import {Label}from'../label/index.js';import {jsx,jsxs,Fragment}from'react/jsx-runtime';var f=cva("fg-inverse-light size-l rounded-small outline outline-interactive",{variants:{isIndeterminate:{true:"bg-highlight outline-highlight hover:outline-interactive-hover focus:outline-interactive-hover"},isSelected:{true:"bg-highlight outline-highlight hover:outline-interactive-hover focus:outline-interactive-hover"},isHovered:{true:"outline-interactive-hover"},isFocused:{true:"outline-interactive-hover"},isDisabled:{true:"outline-interactive-disabled hover:outline-interactive-disabled"},isReadOnly:{true:"outline-interactive-disabled hover:outline-interactive-disabled"}},compoundVariants:[{isDisabled:true,isSelected:true,className:"icon-inverse-light bg-interactive-disabled"},{isDisabled:true,isIndeterminate:true,className:"icon-inverse-light bg-interactive-disabled"},{isReadOnly:true,isSelected:true,className:"icon-inverse-light bg-interactive-disabled"},{isReadOnly:true,isIndeterminate:true,className:"icon-inverse-light bg-interactive-disabled"}],defaultVariants:{isIndeterminate:false,isSelected:false}});function k({className:e,children:r,...t}){return jsx(Checkbox,{...t,className:cn("fg-default-light flex items-center gap-m dtk-disabled:text-interactive-disabled text-body-s",e),children:({isDisabled:o,isFocused:a,isHovered:d,isIndeterminate:s,isReadOnly:h,isSelected:n})=>jsxs(Fragment,{children:[jsxs("div",{className:cn(f({isDisabled:o,isFocused:a,isHovered:d,isIndeterminate:s,isReadOnly:h,isSelected:n})),"aria-hidden":true,children:[s&&!n&&jsx(CheckboxIndeterminate,{}),n&&!s&&jsx(CheckboxSelected,{})]}),r]})})}function C({children:e,className:r,label:t,...o}){return jsx(CheckboxGroup,{...o,className:cn("fg-default-light flex flex-col gap-m text-body-s",r),children:a=>jsxs(Fragment,{children:[t?jsx(Label,{children:t}):void 0,typeof e=="function"?e(a):e]})})}k.Group=C;export{k as Checkbox};//# sourceMappingURL=index.js.map
+import {cn}from'./../../lib/utils.js';import {CheckboxIndeterminate,CheckboxSelected}from'@accelint/icons';import'client-only';import {cva}from'cva';import {Checkbox,CheckboxGroup}from'react-aria-components';import {Label}from'../label/index.js';import {jsx,jsxs,Fragment}from'react/jsx-runtime';var f=cva("fg-inverse-light size-l rounded-small outline outline-interactive",{variants:{isIndeterminate:{true:"bg-highlight outline-highlight hover:outline-interactive-hover focus:outline-interactive-hover"},isSelected:{true:"bg-highlight outline-highlight hover:outline-interactive-hover focus:outline-interactive-hover"},isHovered:{true:"outline-interactive-hover"},isFocused:{true:"outline-interactive-hover"},isDisabled:{true:"outline-interactive-disabled hover:outline-interactive-disabled"},isReadOnly:{true:"outline-interactive-disabled hover:outline-interactive-disabled"}},compoundVariants:[{isDisabled:true,isSelected:true,className:"icon-inverse-light bg-interactive-disabled"},{isDisabled:true,isIndeterminate:true,className:"icon-inverse-light bg-interactive-disabled"},{isReadOnly:true,isSelected:true,className:"icon-inverse-light bg-interactive-disabled"},{isReadOnly:true,isIndeterminate:true,className:"icon-inverse-light bg-interactive-disabled"}],defaultVariants:{isIndeterminate:false,isSelected:false}});function k({className:e,children:r,...t}){return jsx(Checkbox,{...t,className:cn("fg-default-light flex items-center gap-m text-body-s disabled:text-interactive-disabled",e),children:({isDisabled:o,isFocused:a,isHovered:h,isIndeterminate:s,isReadOnly:d,isSelected:n})=>jsxs(Fragment,{children:[jsxs("div",{className:cn(f({isDisabled:o,isFocused:a,isHovered:h,isIndeterminate:s,isReadOnly:d,isSelected:n})),"aria-hidden":true,children:[s&&!n&&jsx(CheckboxIndeterminate,{}),n&&!s&&jsx(CheckboxSelected,{})]}),r]})})}function C({children:e,className:r,label:t,...o}){return jsx(CheckboxGroup,{...o,className:cn("fg-default-light flex flex-col gap-m text-body-s",r),children:a=>jsxs(Fragment,{children:[t?jsx(Label,{children:t}):void 0,typeof e=="function"?e(a):e]})})}k.Group=C;export{k as Checkbox};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/checkbox/index.tsx"],"names":["v","jsx","args","x","c","Fragment","l","u","isSelected","CheckboxIndeterminate","isIndeterminate","CheckboxSelected","i","p","children","label","props","m","g","Checkbox","CheckboxGroup"],"mappings":"wSA2BE,IAAA,CAAA,CAAAA,GAAA,CAAA,mEAEE,CAAA,CAAA,QACE,CAAA,CAAA,eACQ,CAAA,CAAA,IAAA,CAAA,gGAER,CAAA,CAAA,UACQ,CAAA,CAAA,IAAA,CAAA,gGAER,CAAA,CAAA,SACQ,CAAA,CAAA,IAAA,CAAA,2BAER,CAAA,CAAA,SACQ,CAAA,CAAA,IAAA,CAAA,2BAER,CAAA,CAAA,UACQ,CAAA,CAAA,IAAA,CAAA,iEAER,CAAA,CAAA,UACQ,CAAA,CAAA,IAAA,CAAA,iEAGV,CAAA,CAAA,CAAA,gBAEI,CAAA,CAAA,CAAA,UACA,CAAA,IAAA,CAAA,UACA,CAAA,IAAA,CAAA,SAAW,CAAA,4CAGX,CAAA,CAAA,CAAA,UACA,CAAA,IAAA,CAAA,eACA,CAAA,IAAA,CAAA,SAAW,CAAA,4CAGX,CAAA,CAAA,CAAA,UACA,CAAA,IAAA,CAAA,UACA,CAAA,IAAA,CAAA,SAAW,CAAA,4CAGX,CAAA,CAAA,CAAA,UACA,CAAA,IAAA,CAAA,eACA,CAAA,IAAA,CAAA,SAAW,CAAA,4CAGf,CAAA,CAAA,CAAA,eACE,CAAA,CAAA,eACA,CAAA,KAAA,CAAA,UAUC,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA,SAAoB,CAAA,CAAA,CAAA,SAAW,CAAA,CAAA,CAAA,SAAoC,CACxE,CAAA,GAAA,CAAA,CAAA,CACEC,CAAAA,OACMC,GAAAA,CACJC,QAAA,CAAA,CAAA,GAAA,CAAA,CAAA,SACE,CAAAC,EAAA,CAAA,6FAID,CAAA,CAAA,CAAA,CAAA,QACC,CAAA,CAAA,CAAA,UACA,CAAA,CAAA,CAAA,SACA,CAAA,CAAA,CAAA,SACA,CAAA,CAAA,CAAA,eACA,CAAA,CAAA,CAAA,UACA,CAAA,CAAA,CAAA,UAEAC,CAAAA,CAAA,CACE,GAAAC,IAAA,CAAAC,QAAA,CAAA,CAAA,QAAC,CAAA,CAAAD,IACC,CAAA,KAAA,CAAA,CAAA,SAEI,CAAAF,EAAA,CAAA,CAAA,CAAA,CAAA,UACA,CAAA,CAAA,CAAA,SACA,CAAA,CAAA,CAAA,SACA,CAAA,CAAA,CAAA,eACA,CAAA,CAAA,CAAA,UACA,CAAA,CAAA,CAAA,UAGJ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,aAEC,CAAA,IAAA,CAAA,QAAoBI,CAAcP,CAAAA,CAACQ,EAAA,CAAA,CAAsB,EACzDD,yBAAc,CAACE,EAAAA,CAAmBT,CAAAA,CAACU,EAAA,CAAA,CAAiB,EAAAC,GACvD,CAAAC,gBACCC,CAAAA,EACH,CAAA,CAEJ,CAEJ,CAOA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,SACE,CAAA,CAAA,CAAA,QACA,CAAA,CAAA,CAAA,SACA,CAAAC,CAAAA,CACA,KACF,CAAuB,CACrB,CAAA,GAAA,CAAA,CAAA,CACEd,CAAAA,OACMe,GAAAA,CACJC,aAAA,CAAA,CAAA,GAAA,CAAA,CAAA,SACE,CAAAb,EAAA,CAAA,kDAID,CAAA,CAAA,CAAA,CAAA,QACC,CACG,CAAA,EAAAE,IAAA,CAAAC,QAAA,CAAA,CAAA,QAAS,CAAO,CAAA,CAAA,CAAAK,GAAA,CAAAM,KAAA,CAAA,CAAA,QAAiB,CAAA,CAAA,CAAA,CACjC,CAAA,MAAOJ,CAAAA,OAAa,CAAA,EAAA,UAA+BA,CACtD,CAAA,CAEJ,CAEJ,CAEAK,CAAAA,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQC,CAAAA,CAAAA,KAAAA,CAAAA,CAAAA","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\n'use client';\nimport { cn } from '@/lib/utils';\nimport { CheckboxIndeterminate, CheckboxSelected } from '@accelint/icons';\nimport 'client-only';\nimport { cva } from 'cva';\nimport type React from 'react';\nimport {\n  Checkbox as AriaCheckbox,\n  CheckboxGroup as AriaCheckboxGroup,\n  type CheckboxGroupProps as AriaCheckboxGroupProps,\n  type CheckboxProps as AriaCheckboxProps,\n} from 'react-aria-components';\nimport { Label } from '../label';\n\nconst checkboxStyles = cva(\n  'fg-inverse-light size-l rounded-small outline outline-interactive',\n  {\n    variants: {\n      isIndeterminate: {\n        true: 'bg-highlight outline-highlight hover:outline-interactive-hover focus:outline-interactive-hover',\n      },\n      isSelected: {\n        true: 'bg-highlight outline-highlight hover:outline-interactive-hover focus:outline-interactive-hover',\n      },\n      isHovered: {\n        true: 'outline-interactive-hover',\n      },\n      isFocused: {\n        true: 'outline-interactive-hover',\n      },\n      isDisabled: {\n        true: 'outline-interactive-disabled hover:outline-interactive-disabled',\n      },\n      isReadOnly: {\n        true: 'outline-interactive-disabled hover:outline-interactive-disabled',\n      },\n    },\n    compoundVariants: [\n      {\n        isDisabled: true,\n        isSelected: true,\n        className: 'icon-inverse-light bg-interactive-disabled',\n      },\n      {\n        isDisabled: true,\n        isIndeterminate: true,\n        className: 'icon-inverse-light bg-interactive-disabled',\n      },\n      {\n        isReadOnly: true,\n        isSelected: true,\n        className: 'icon-inverse-light bg-interactive-disabled',\n      },\n      {\n        isReadOnly: true,\n        isIndeterminate: true,\n        className: 'icon-inverse-light bg-interactive-disabled',\n      },\n    ],\n    defaultVariants: {\n      isIndeterminate: false,\n      isSelected: false,\n    },\n  },\n);\n\n/**\n * This is a checkbox.\n */\nexport interface CheckboxProps extends AriaCheckboxProps {}\n\nexport function Checkbox({ className, children, ...args }: CheckboxProps) {\n  return (\n    <AriaCheckbox\n      {...args}\n      className={cn(\n        'fg-default-light flex items-center gap-m dtk-disabled:text-interactive-disabled text-body-s',\n        className,\n      )}\n    >\n      {({\n        isDisabled,\n        isFocused,\n        isHovered,\n        isIndeterminate,\n        isReadOnly,\n        isSelected,\n      }) => (\n        <>\n          <div\n            className={cn(\n              checkboxStyles({\n                isDisabled,\n                isFocused,\n                isHovered,\n                isIndeterminate,\n                isReadOnly,\n                isSelected,\n              }),\n            )}\n            aria-hidden\n          >\n            {isIndeterminate && !isSelected && <CheckboxIndeterminate />}\n            {isSelected && !isIndeterminate && <CheckboxSelected />}\n          </div>\n          {children}\n        </>\n      )}\n    </AriaCheckbox>\n  );\n}\n\nexport interface CheckboxGroupProps extends AriaCheckboxGroupProps {\n  // children: React.JSX.Element;\n  label?: string | React.JSX.Element;\n}\n\nfunction CheckboxGroup({\n  children,\n  className,\n  label,\n  ...props\n}: CheckboxGroupProps) {\n  return (\n    <AriaCheckboxGroup\n      {...props}\n      className={cn(\n        'fg-default-light flex flex-col gap-m text-body-s',\n        className,\n      )}\n    >\n      {(props) => (\n        <>\n          {label ? <Label>{label}</Label> : undefined}\n          {typeof children === 'function' ? children(props) : children}\n        </>\n      )}\n    </AriaCheckboxGroup>\n  );\n}\n\nCheckbox.Group = CheckboxGroup;\n"]}
+{"version":3,"sources":["../../../src/components/checkbox/index.tsx"],"names":["v","jsx","args","x","c","Fragment","l","u","isSelected","CheckboxIndeterminate","isIndeterminate","CheckboxSelected","i","p","children","label","props","m","g","Checkbox","CheckboxGroup"],"mappings":"wSA2BE,IAAA,CAAA,CAAAA,GAAA,CAAA,mEAEE,CAAA,CAAA,QACE,CAAA,CAAA,eACQ,CAAA,CAAA,IAAA,CAAA,gGAER,CAAA,CAAA,UACQ,CAAA,CAAA,IAAA,CAAA,gGAER,CAAA,CAAA,SACQ,CAAA,CAAA,IAAA,CAAA,2BAER,CAAA,CAAA,SACQ,CAAA,CAAA,IAAA,CAAA,2BAER,CAAA,CAAA,UACQ,CAAA,CAAA,IAAA,CAAA,iEAER,CAAA,CAAA,UACQ,CAAA,CAAA,IAAA,CAAA,iEAGV,CAAA,CAAA,CAAA,gBAEI,CAAA,CAAA,CAAA,UACA,CAAA,IAAA,CAAA,UACA,CAAA,IAAA,CAAA,SAAW,CAAA,4CAGX,CAAA,CAAA,CAAA,UACA,CAAA,IAAA,CAAA,eACA,CAAA,IAAA,CAAA,SAAW,CAAA,4CAGX,CAAA,CAAA,CAAA,UACA,CAAA,IAAA,CAAA,UACA,CAAA,IAAA,CAAA,SAAW,CAAA,4CAGX,CAAA,CAAA,CAAA,UACA,CAAA,IAAA,CAAA,eACA,CAAA,IAAA,CAAA,SAAW,CAAA,4CAGf,CAAA,CAAA,CAAA,eACE,CAAA,CAAA,eACA,CAAA,KAAA,CAAA,UAUC,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA,SAAoB,CAAA,CAAA,CAAA,SAAW,CAAA,CAAA,CAAA,SAAoC,CACxE,CAAA,GAAA,CAAA,CAAA,CACEC,CAAAA,OACMC,GAAAA,CACJC,QAAA,CAAA,CAAA,GAAA,CAAA,CAAA,SACE,CAAAC,EAAA,CAAA,yFAID,CAAA,CAAA,CAAA,CAAA,QACC,CAAA,CAAA,CAAA,UACA,CAAA,CAAA,CAAA,SACA,CAAA,CAAA,CAAA,SACA,CAAA,CAAA,CAAA,eACA,CAAA,CAAA,CAAA,UACA,CAAA,CAAA,CAAA,UAEAC,CAAAA,CAAA,CACE,GAAAC,IAAA,CAAAC,QAAA,CAAA,CAAA,QAAC,CAAA,CAAAD,IACC,CAAA,KAAA,CAAA,CAAA,SAEI,CAAAF,EAAA,CAAA,CAAA,CAAA,CAAA,UACA,CAAA,CAAA,CAAA,SACA,CAAA,CAAA,CAAA,SACA,CAAA,CAAA,CAAA,eACA,CAAA,CAAA,CAAA,UACA,CAAA,CAAA,CAAA,UAGJ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,aAEC,CAAA,IAAA,CAAA,QAAoBI,CAAcP,CAAAA,CAACQ,EAAA,CAAA,CAAsB,EACzDD,yBAAc,CAACE,EAAAA,CAAmBT,CAAAA,CAACU,EAAA,CAAA,CAAiB,EAAAC,GACvD,CAAAC,gBACCC,CAAAA,EACH,CAAA,CAEJ,CAEJ,CAOA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,SACE,CAAA,CAAA,CAAA,QACA,CAAA,CAAA,CAAA,SACA,CAAAC,CAAAA,CACA,KACF,CAAuB,CACrB,CAAA,GAAA,CAAA,CAAA,CACEd,CAAAA,OACMe,GAAAA,CACJC,aAAA,CAAA,CAAA,GAAA,CAAA,CAAA,SACE,CAAAb,EAAA,CAAA,kDAID,CAAA,CAAA,CAAA,CAAA,QACC,CACG,CAAA,EAAAE,IAAA,CAAAC,QAAA,CAAA,CAAA,QAAS,CAAO,CAAA,CAAA,CAAAK,GAAA,CAAAM,KAAA,CAAA,CAAA,QAAiB,CAAA,CAAA,CAAA,CACjC,CAAA,MAAOJ,CAAAA,OAAa,CAAA,EAAA,UAA+BA,CACtD,CAAA,CAEJ,CAEJ,CAEAK,CAAAA,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQC,CAAAA,CAAAA,KAAAA,CAAAA,CAAAA","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\n'use client';\nimport { cn } from '@/lib/utils';\nimport { CheckboxIndeterminate, CheckboxSelected } from '@accelint/icons';\nimport 'client-only';\nimport { cva } from 'cva';\nimport type React from 'react';\nimport {\n  Checkbox as AriaCheckbox,\n  CheckboxGroup as AriaCheckboxGroup,\n  type CheckboxGroupProps as AriaCheckboxGroupProps,\n  type CheckboxProps as AriaCheckboxProps,\n} from 'react-aria-components';\nimport { Label } from '../label';\n\nconst checkboxStyles = cva(\n  'fg-inverse-light size-l rounded-small outline outline-interactive',\n  {\n    variants: {\n      isIndeterminate: {\n        true: 'bg-highlight outline-highlight hover:outline-interactive-hover focus:outline-interactive-hover',\n      },\n      isSelected: {\n        true: 'bg-highlight outline-highlight hover:outline-interactive-hover focus:outline-interactive-hover',\n      },\n      isHovered: {\n        true: 'outline-interactive-hover',\n      },\n      isFocused: {\n        true: 'outline-interactive-hover',\n      },\n      isDisabled: {\n        true: 'outline-interactive-disabled hover:outline-interactive-disabled',\n      },\n      isReadOnly: {\n        true: 'outline-interactive-disabled hover:outline-interactive-disabled',\n      },\n    },\n    compoundVariants: [\n      {\n        isDisabled: true,\n        isSelected: true,\n        className: 'icon-inverse-light bg-interactive-disabled',\n      },\n      {\n        isDisabled: true,\n        isIndeterminate: true,\n        className: 'icon-inverse-light bg-interactive-disabled',\n      },\n      {\n        isReadOnly: true,\n        isSelected: true,\n        className: 'icon-inverse-light bg-interactive-disabled',\n      },\n      {\n        isReadOnly: true,\n        isIndeterminate: true,\n        className: 'icon-inverse-light bg-interactive-disabled',\n      },\n    ],\n    defaultVariants: {\n      isIndeterminate: false,\n      isSelected: false,\n    },\n  },\n);\n\n/**\n * This is a checkbox.\n */\nexport interface CheckboxProps extends AriaCheckboxProps {}\n\nexport function Checkbox({ className, children, ...args }: CheckboxProps) {\n  return (\n    <AriaCheckbox\n      {...args}\n      className={cn(\n        'fg-default-light flex items-center gap-m text-body-s disabled:text-interactive-disabled',\n        className,\n      )}\n    >\n      {({\n        isDisabled,\n        isFocused,\n        isHovered,\n        isIndeterminate,\n        isReadOnly,\n        isSelected,\n      }) => (\n        <>\n          <div\n            className={cn(\n              checkboxStyles({\n                isDisabled,\n                isFocused,\n                isHovered,\n                isIndeterminate,\n                isReadOnly,\n                isSelected,\n              }),\n            )}\n            aria-hidden\n          >\n            {isIndeterminate && !isSelected && <CheckboxIndeterminate />}\n            {isSelected && !isIndeterminate && <CheckboxSelected />}\n          </div>\n          {children}\n        </>\n      )}\n    </AriaCheckbox>\n  );\n}\n\nexport interface CheckboxGroupProps extends AriaCheckboxGroupProps {\n  // children: React.JSX.Element;\n  label?: string | React.JSX.Element;\n}\n\nfunction CheckboxGroup({\n  children,\n  className,\n  label,\n  ...props\n}: CheckboxGroupProps) {\n  return (\n    <AriaCheckboxGroup\n      {...props}\n      className={cn(\n        'fg-default-light flex flex-col gap-m text-body-s',\n        className,\n      )}\n    >\n      {(props) => (\n        <>\n          {label ? <Label>{label}</Label> : undefined}\n          {typeof children === 'function' ? children(props) : children}\n        </>\n      )}\n    </AriaCheckboxGroup>\n  );\n}\n\nCheckbox.Group = CheckboxGroup;\n"]}

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

@@ -1,57 +1,34 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as cva_types from 'cva/types';
-import { VariantProps } from 'cva';
-import React__default, { ReactNode } from 'react';
-import { TagGroupProps, TagListProps, TagProps } from 'react-aria-components';
+import * as react from 'react';
+import { ContextValue } from 'react-aria-components';
+import { ChipProps, ChipProviderProps, ChipListProps, DeletableChipProps, SelectableChipProps, BaseChipProps } from './types.js';
+import 'tailwind-variants';
+import './styles.js';
 
-declare const chipStyles: (props?: ({
-    variant?: "info" | "advisory" | "normal" | "serious" | "critical" | null | undefined;
-    size?: "small" | "medium" | null | undefined;
-} & cva_types.ClassProp) | undefined) => string;
-interface ChipProps extends VariantProps<typeof chipStyles>, Omit<React__default.HTMLProps<HTMLSpanElement>, 'children' | 'size'> {
-    className?: string;
-    /** Used to add text to the badge, such as the number of unread notifications. */
-    children?: ReactNode;
-}
-declare const Chip: {
-    ({ className, size, variant, ...props }: ChipProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-    as(props: VariantProps<typeof chipStyles>, className?: string | string[]): string;
-    List: typeof ChipList;
-    Selectable: {
-        ({ className, isDisabled, size, ...props }: SelectableChipProps): react_jsx_runtime.JSX.Element;
-        displayName: string;
-    };
-    Deletable: {
-        ({ children, className, isDisabled, size, textValue, ...props }: DeletableChipProps): react_jsx_runtime.JSX.Element;
-        displayName: string;
-    };
-};
-interface ChipListProps<T> extends Omit<TagGroupProps, 'children'>, Pick<TagListProps<T>, 'items' | 'children' | 'renderEmptyState'> {
+declare const ChipContext: react.Context<ContextValue<BaseChipProps, HTMLDivElement>>;
+declare function ChipProvider({ children, ...props }: ChipProviderProps): react_jsx_runtime.JSX.Element;
+declare namespace ChipProvider {
+    var displayName: string;
 }
-declare function ChipList<T extends object>({ children, className, items, renderEmptyState, ...props }: ChipListProps<T>): react_jsx_runtime.JSX.Element;
+declare function ChipList<T extends object>({ ref, ...props }: ChipListProps<T>): react_jsx_runtime.JSX.Element;
 declare namespace ChipList {
     var displayName: string;
 }
-declare const selectableChipStyles: (props?: ({
-    isDisabled?: boolean | null | undefined;
-    size?: "small" | "medium" | null | undefined;
-} & cva_types.ClassProp) | undefined) => string;
-interface SelectableChipProps extends VariantProps<typeof selectableChipStyles>, Omit<TagProps, 'isDisabled'> {
+declare function SelectableChip({ ref, ...props }: SelectableChipProps): react_jsx_runtime.JSX.Element;
+declare namespace SelectableChip {
+    var displayName: string;
+}
+declare function DeletableChip({ ref, ...props }: DeletableChipProps): react_jsx_runtime.JSX.Element;
+declare namespace DeletableChip {
+    var displayName: string;
 }
-declare const SelectableChip: {
-    ({ className, isDisabled, size, ...props }: SelectableChipProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-declare const deletableChipStyles: (props?: ({
-    isDisabled?: boolean | null | undefined;
-    size?: "small" | "medium" | null | undefined;
-} & cva_types.ClassProp) | undefined) => string;
-interface DeletableChipProps extends VariantProps<typeof deletableChipStyles>, Omit<TagProps, 'isDisabled'> {
+declare function Chip({ ref, ...props }: ChipProps): react_jsx_runtime.JSX.Element;
+declare namespace Chip {
+    var displayName: string;
+    var Provider: typeof ChipProvider;
+    var List: typeof ChipList;
+    var Deletable: typeof DeletableChip;
+    var Selectable: typeof SelectableChip;
 }
-declare const DeletableChip: {
-    ({ children, className, isDisabled, size, textValue, ...props }: DeletableChipProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
 
-export { Chip, type ChipListProps, type ChipProps, DeletableChip, SelectableChip };
+export { Chip, ChipContext };

package/dist/components/chip/index.js

@@ -1,2 +1,2 @@
-import {cn}from'./../../lib/utils.js';import {CancelFill}from'@accelint/icons';import'client-only';import {cva}from'cva';import {createContext,useContext}from'react';import {Tag,Button,TagGroup,TagList}from'react-aria-components';import {Icon}from'../icon/index.js';import {jsx,jsxs,Fragment}from'react/jsx-runtime';var m=cva(cn(["fg-default-light inline-flex w-content items-center justify-center gap-xxs rounded-full outline"]),{variants:{variant:{advisory:"bg-advisory-subtle outline-advisory-bold",critical:"bg-critical-subtle outline-critical",serious:"bg-serious-subtle outline-serious",normal:"bg-normal-subtle outline-normal",info:"bg-info-subtle outline-info-bold"},size:{medium:"px-s py-xs text-body-s",small:"px-s py-xs text-body-xs"}},defaultVariants:{size:"medium",variant:"info"}}),f=createContext(false),r=({className:e,size:t="medium",variant:a="info",...o})=>{let n=useContext(f)?Tag:"span";return jsx(Icon.Provider,{size:t==="medium"?"small":"xsmall",children:jsx(n,{className:cn(m({size:t,variant:a,className:e})),...o})})};r.displayName="Chip";r.as=(e,t)=>cn(m({...e,className:t}));function b({children:e,className:t,items:a,renderEmptyState:o,...l}){return jsx(f.Provider,{value:true,children:jsx(TagGroup,{...l,children:jsx(TagList,{items:a,renderEmptyState:o,className:cn("flex flex-wrap gap-xs",t),children:e})})})}b.displayName="Chip.List";r.List=b;var A=cva(cn(["fg-default-light inline-flex w-content items-center justify-center rounded-full outline outline-interactive hover:outline-interactive-hover focus:outline-interactive-hover","dtk-selected:bg-highlight-subtle dtk-selected:outline-highlight"]),{variants:{isDisabled:{true:"fg-disabled dtk-selected:bg-transparent dtk-selected:outline-interactive-disabled outline-interactive-disabled hover:outline-interactive-disabled focus:outline-interactive-disabled",false:"cursor-pointer"},size:{medium:"px-s py-xs text-body-s",small:"px-s py-xs text-body-xs"}},defaultVariants:{isDisabled:false,size:"medium"}}),g=({className:e,isDisabled:t=false,size:a="medium",...o})=>jsx(Tag,{className:cn(A({isDisabled:t,size:a,className:e})),...o});g.displayName="Chip.Selectable";r.Selectable=g;var N=cva(cn(["fg-default-light group inline-flex w-content items-center justify-center gap-xs rounded-full outline outline-interactive hover:outline-interactive-hover focus:outline-interactive-hover"]),{variants:{isDisabled:{true:"fg-disabled outline-interactive-disabled hover:outline-interactive-disabled",false:""},size:{medium:"p-xs pl-m text-body-s",small:"p-xs pl-s text-body-xs"}},defaultVariants:{isDisabled:false,size:"medium"}}),h=({children:e,className:t,isDisabled:a=false,size:o="medium",textValue:l,...n})=>{let x=l??(typeof e=="string"?e:void 0);return jsx(Tag,{className:cn(N({isDisabled:a,size:o,className:t})),textValue:x,...n,children:({allowsRemoving:c,...y})=>{if(!c)throw new Error("You have a <Chip.Deletable> in a <Chip.List> does not specify an onRemove handler.");return jsxs(Fragment,{children:[typeof e=="function"?e({allowsRemoving:c,...y}):e,jsx(Button,{slot:"remove",className:cn(["icon-default-dark group-hover:icon-default-light group-focus:icon-default-light cursor-pointer",a&&"icon-disabled group-hover:icon-disabled cursor-not-allowed"]),children:jsx(Icon,{size:"small",children:jsx(CancelFill,{})})})]})}})};h.displayName="Chip.Deletable";r.Deletable=h;export{r as Chip,h as DeletableChip,g as SelectableChip};//# sourceMappingURL=index.js.map
+import'client-only';import {CancelFill}from'@accelint/icons';import {createContext,useContext}from'react';import {useContextProps,Tag,TagGroup,TagList,composeRenderProps,Button}from'react-aria-components';import {Icon}from'../icon/index.js';import {SelectableChipStyles,DeletableChipStyles,ChipStyles,ChipStylesDefaults}from'./styles.js';import {jsx,jsxs,Fragment}from'react/jsx-runtime';var c=createContext(null);function v({children:e,...t}){return jsx(c.Provider,{value:t,children:e})}v.displayName="Chip.Provider";var y=createContext(false);function N({ref:e,...t}){[t,e]=useContextProps(t,e??null,c);let{children:s,className:a,dependencies:r,items:o,renderEmptyState:n,size:l=ChipStylesDefaults.size,...m}=t;return jsx(y.Provider,{value:true,children:jsx(v,{size:l,children:jsx(TagGroup,{...m,children:jsx(TagList,{ref:e,className:composeRenderProps(a,d=>I({className:d})),dependencies:r,items:o,renderEmptyState:n,children:s})})})})}N.displayName="Chip.List";var{chip:R}=SelectableChipStyles();function f({ref:e,...t}){[t,e]=useContextProps(t,e??null,c);let{className:s,size:a,...r}=t;return jsx(Tag,{...r,ref:e,className:composeRenderProps(s,o=>R({className:o,size:a}))})}f.displayName="Chip.Selectable";var{chip:V,remove:G}=DeletableChipStyles();function T({ref:e,...t}){[t,e]=useContextProps(t,e??null,c);let{children:s,classNames:a,size:r,textValue:o=typeof s=="string"?s:void 0,...n}=t;return jsx(Tag,{...n,ref:e,className:composeRenderProps(a?.chip,l=>V({className:l,size:r})),textValue:o,children:composeRenderProps(s,(l,{allowsRemoving:m})=>{if(!m)throw new Error("You have a <Chip.Deletable> in a <Chip.List> that does not specify an onRemove handler.");return jsxs(Fragment,{children:[l,jsx(Button,{slot:"remove",className:composeRenderProps(a?.remove,d=>G({className:d})),children:jsx(Icon,{size:"small",children:jsx(CancelFill,{})})})]})})})}T.displayName="Chip.Deletable";var{list:I,chip:w}=ChipStyles();function C({ref:e,...t}){[t,e]=useContextProps(t,e??null,c);let a=useContext(y)?Tag:"div",{className:r,size:o=ChipStylesDefaults.size,variant:n=ChipStylesDefaults.variant,...l}=t;return jsx(Icon.Provider,{size:o==="medium"?"small":"xsmall",children:jsx(a,{...l,ref:e,className:w({size:o,variant:n,className:r})})})}C.displayName="Chip";C.Provider=v;C.List=N;C.Deletable=T;C.Selectable=f;export{C as Chip,c as ChipContext};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/chip/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/chip/index.tsx"],"names":["p","s","Chip","P","size","variant","Component","useContext","Coordinator","AriaTag","jsx","i","u","props","className","cn","chipStyles","items","T","S","ChipList","selectableChipStyles","cva","d","SelectableChip","deletableChipStyles","internalTextValue","textValue","children","allowsRemoving","jsxs","V","D","Button","L","v","DeletableChip"],"mappings":"4TAgCI,IAAA,CAAA,CAAAA,GAAA,CAAAC,EAAA,CAAA,CAAA,iGAGA,CAAA,CAAA,CAAA,CAAA,UACW,OACP,CAAA,CAAA,mDACA,CAAA,QAAU,CAAA,sCACD,OAAA,CAAA,mCACD,CAAA,MAAA,CAAA,iCACF,CAAA,IAAA,CAAA,kCAGN,CAAA,CAAA,IAAA,CAAQ,CAAA,MAAA,CAAA,wBACD,CAAA,KAAA,CAAA,yBAGX,CAAA,CAAA,CAAA,eACQ,CAAA,CAAA,IAAA,CAAA,QACN,CAAS,OAEb,CACF,MAckC,CAAA,CAAK,CAAA,CAE1BC,EAAOC,aAAC,CACnB,KAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,SACAC,CAAAA,CAAO,gBACP,CAAAC,OAAU,CAAA,CACV,CAAA,MACF,CAAiB,GAMf,CAAA,CAAMC,GALUC,CAAWC,IAKCC,CAAU,kBAEtC,CAAA,MACEC,CAAAA,OAAMC,GAAA,CAAAC,IAAA,CAAA,QAAeR,CAAAA,CAAAA,IAAS,CAAA,CAAA,GAAA,QAAW,CAAU,OAAA,CAAA,QACjD,CAAA,QACE,CAAAO,GAAA,CAAA,CAAA,CAAA,CAAA,SAEI,CAAAV,EAAA,CAAAG,EACA,CAAA,IAAA,CAAA,CAAA,CAAAC,OACA,CAAA,CAAA,CAAA,SAGH,CAAGQ,CAAAA,CACN,CAAA,CACF,CAEJ,GACAX,CAAK,mBACLA,CAAAA,MACEW,CACAC,CAAAA,CAAAA,EACGC,EAAGC,CAAAA,CAAW,CAAE,GAAGH,EAAAA,CAAO,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,SAM/B,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,SACE,CAAA,CAAA,CAAA,QACA,CAAA,CAAA,CAAA,UACAI,CAAAA,CACA,KAAA,CAAA,CAAA,CAAA,gBAEF,CAAqB,CACnB,CAAA,GAAA,CAAA,CAAA,CACEP,CAAAA,OAAaC,GAAA,CAAA,CAAA,CAAA,QAAgB,CAAA,CAAA,KAC3B,CAAA,IAAA,CAAA,QAAe,CAAGE,GAAAA,CAChBK,QAAA,CAAA,CAAA,GAAA,CAAA,CAAA,QACE,CAAAP,GAAA,CAAAQ,OAAOF,CAAAA,CACP,KAAA,CAAA,CAAA,CAAA,gBACA,CAAA,CAAA,CAAA,oCAEC,CAAA,CAAA,CAAA,CAAA,QAKX,CACAG,CAAAA,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,WAAc,CAAA,WACXA,EAEZ,CAAA,IAAMC,CAAuBC,CAAAA,CAEzB,IAAA,CAAA,CAAAtB,GAAA,CAAAC,EAAA,CAAA,CAAA,+OAIA,CAAA,CAAA,CAAA,CAAA,oBAEU,CAAA,CAAA,IAAA,CAAA,sLACC,CAAA,KAAA,CAAA,gBAGP,CAAA,CAAA,IAAA,CAAQ,CAAA,MAAA,CAAA,wBACD,CAAA,KAAA,CAAA,yBAGX,CAAA,CAAA,CAAA,eACE,CAAA,CAAA,UACA,CAAM,KAAA,CAAA,IAAA,CACR,QASF,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,SACA,CAAA,CAAA,CAAA,UACA,CAAA,CAAA,CAAAG,KAAO,CAAA,IAAA,CAAA,CAAA,CAAA,QAET,CACEM,GAACD,CAAA,CACC,GAAAE,GAAA,CAAAY,GAAA,CAAA,CAAA,SAEI,CAAAtB,EAAA,CAAA,CAAA,CAAA,CAAA,UACAG,CAAAA,CACA,iBAGH,CAAGS,EACN,CAAA,CAEFW,CAAAA,GAAe,CAAA,CAAA,EAAA,CAAA,CAAA,WAAc,CAAA,iBACxB,CAAA,CAAA,CAAA,UAECC,CAAsBH,CAAAA,CAExB,IAAA,CAAA,CAAAtB,GAAA,CAAAC,EAAA,CAAA,CAAA,0LAGA,CAAA,CAAA,CAAA,CAAA,QACE,CAAA,CAAA,UACQ,CAAA,CAAA,IAAA,CAAA,6EACC,CACT,KACA,CAAA,EACE,OAAQ,CAAA,MAAA,CAAA,uBACD,CAAA,KAAA,CAAA,wBAGX,CAAA,CAAA,CAAA,eACE,CAAA,CAAA,UACA,CAAM,KAAA,CAAA,IAAA,CACR,QASF,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,QACA,CAAA,CAAA,CAAA,SACA,CAAA,CAAA,CAAA,UACA,CAAA,CAAA,CAAAG,KAAO,gBACP,CAAA,SAEF,CAAA,CAAA,CAA0B,KAClBsB,GACJC,CAAAA,IAAc,CAAA,CAAA,CAAA,GAAOC,OAAa,CAAA,EAAA,WAEpC,MAAA,CACElB,CAAAA,OACEC,GAAA,CAAAY,GAAA,CAAA,CAAA,SAEI,CAAAtB,EAAA,CAAA,CAAA,CAAA,CAAA,UACAG,CAAAA,CACA,CAAA,IAAA,CAAA,CAAA,CAAA,SAGJ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,SAGC,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,QAAG,CAAA,CAAA,CAAA,iBAA+B,GACjC,CAAI,CAACyB,GACH,CAAA,GAAA,CAAM,CAAA,CAAA,UACJ,KAAA,CAAA,qFAKFC,CAAAA,OACGC,IAAA,CAAAC,QAAA,CAAA,CAAA,QAAA,CAAOJ,CAAAA,OAAa,CAAA,EAAA,UACN,CAAA,CAAA,CAAA,CAAA,cAA0B,CAAA,CACrCA,CAAAA,GACHK,EAAA,CACC,CAAA,CAAA,CAAAtB,GAAA,CAAKuB,MAAA,CAAA,CAAA,IAAA,CAAA,QACL,CAAA,8GAGI,CAAA,CAAA,EAAA,4DAGJ,CAAA,CAAA,CAAA,QAAM,CAAAvB,GAAA,CAAKC,IAAA,CAAA,CAAA,IAAA,CACT,OAAA,CAAA,QAAY,CACdD,GAAA,CACFwB,UAAA,CAAA,EAGN,CAAA,CACF,CAEJ,EACAC,CAAAA,CAAc,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,WAAc,CAAA,gBACvB,CAAA,CAAA,CAAA,SAAYA,CAAAA,CAAAA","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\n'use client';\nimport { cn } from '@/lib/utils';\nimport { CancelFill } from '@accelint/icons';\nimport 'client-only';\nimport { type VariantProps, cva } from 'cva';\nimport type React from 'react';\nimport { type ReactNode, createContext, useContext } from 'react';\nimport {\n  Tag as AriaTag,\n  TagGroup as AriaTagGroup,\n  type TagGroupProps as AriaTagGroupProps,\n  TagList as AriaTagList,\n  type TagListProps as AriaTagListProps,\n  type TagProps as AriaTagProps,\n  Button,\n} from 'react-aria-components';\nimport { Icon } from '../icon';\n\nconst chipStyles = cva(\n  cn([\n    'fg-default-light inline-flex w-content items-center justify-center gap-xxs rounded-full outline',\n  ]),\n  {\n    variants: {\n      variant: {\n        advisory: 'bg-advisory-subtle outline-advisory-bold',\n        critical: 'bg-critical-subtle outline-critical',\n        serious: 'bg-serious-subtle outline-serious',\n        normal: 'bg-normal-subtle outline-normal',\n        info: 'bg-info-subtle outline-info-bold',\n      },\n      size: {\n        medium: 'px-s py-xs text-body-s',\n        small: 'px-s py-xs text-body-xs',\n      },\n    },\n    defaultVariants: {\n      size: 'medium',\n      variant: 'info',\n    },\n  },\n);\n\nexport interface ChipProps\n  extends VariantProps<typeof chipStyles>,\n    Omit<React.HTMLProps<HTMLSpanElement>, 'children' | 'size'> {\n  className?: string;\n  /** Used to add text to the badge, such as the number of unread notifications. */\n  children?: ReactNode;\n}\n\n// This coordinator is used as a way for the `<Chip>` component to understand\n// whether or not it is being rendered inside of a `<Chip.List>`. This allows\n// us to opt-into using an `<AriaTag>` or a `<span>` to ensure standalone\n// functionality.\nconst Coordinator = createContext(false);\n\nexport const Chip = ({\n  className,\n  size = 'medium',\n  variant = 'info',\n  ...props\n}: ChipProps) => {\n  const context = useContext(Coordinator);\n\n  // If any context was returned from the `Coordinator` context, then\n  // we are being rendered inside of a `Chip.List` and need to render\n  // an `<AriaTag>`.\n  const Component = context ? AriaTag : 'span';\n\n  return (\n    <Icon.Provider size={size === 'medium' ? 'small' : 'xsmall'}>\n      <Component\n        className={cn(\n          chipStyles({\n            size,\n            variant,\n            className,\n          }),\n        )}\n        {...props}\n      />\n    </Icon.Provider>\n  );\n};\nChip.displayName = 'Chip';\nChip.as = (\n  props: VariantProps<typeof chipStyles>,\n  className?: string | string[],\n) => cn(chipStyles({ ...props, className }));\n\nexport interface ChipListProps<T>\n  extends Omit<AriaTagGroupProps, 'children'>,\n    Pick<AriaTagListProps<T>, 'items' | 'children' | 'renderEmptyState'> {}\n\nfunction ChipList<T extends object>({\n  children,\n  className,\n  items,\n  renderEmptyState,\n  ...props\n}: ChipListProps<T>) {\n  return (\n    <Coordinator.Provider value={true}>\n      <AriaTagGroup {...props}>\n        <AriaTagList<T>\n          items={items}\n          renderEmptyState={renderEmptyState}\n          className={cn('flex flex-wrap gap-xs', className)}\n        >\n          {children}\n        </AriaTagList>\n      </AriaTagGroup>\n    </Coordinator.Provider>\n  );\n}\nChipList.displayName = 'Chip.List';\nChip.List = ChipList;\n\nconst selectableChipStyles = cva(\n  cn([\n    'fg-default-light inline-flex w-content items-center justify-center rounded-full outline outline-interactive hover:outline-interactive-hover focus:outline-interactive-hover',\n    'dtk-selected:bg-highlight-subtle dtk-selected:outline-highlight',\n  ]),\n  {\n    variants: {\n      isDisabled: {\n        true: 'fg-disabled dtk-selected:bg-transparent dtk-selected:outline-interactive-disabled outline-interactive-disabled hover:outline-interactive-disabled focus:outline-interactive-disabled',\n        false: 'cursor-pointer',\n      },\n      size: {\n        medium: 'px-s py-xs text-body-s',\n        small: 'px-s py-xs text-body-xs',\n      },\n    },\n    defaultVariants: {\n      isDisabled: false,\n      size: 'medium',\n    },\n  },\n);\n\ninterface SelectableChipProps\n  extends VariantProps<typeof selectableChipStyles>,\n    Omit<AriaTagProps, 'isDisabled'> {}\n\nexport const SelectableChip = ({\n  className,\n  isDisabled = false,\n  size = 'medium',\n  ...props\n}: SelectableChipProps) => (\n  <AriaTag\n    className={cn(\n      selectableChipStyles({\n        isDisabled,\n        size,\n        className,\n      }),\n    )}\n    {...props}\n  />\n);\nSelectableChip.displayName = 'Chip.Selectable';\nChip.Selectable = SelectableChip;\n\nconst deletableChipStyles = cva(\n  cn([\n    'fg-default-light group inline-flex w-content items-center justify-center gap-xs rounded-full outline outline-interactive hover:outline-interactive-hover focus:outline-interactive-hover',\n  ]),\n  {\n    variants: {\n      isDisabled: {\n        true: 'fg-disabled outline-interactive-disabled hover:outline-interactive-disabled',\n        false: '',\n      },\n      size: {\n        medium: 'p-xs pl-m text-body-s',\n        small: 'p-xs pl-s text-body-xs',\n      },\n    },\n    defaultVariants: {\n      isDisabled: false,\n      size: 'medium',\n    },\n  },\n);\n\ninterface DeletableChipProps\n  extends VariantProps<typeof deletableChipStyles>,\n    Omit<AriaTagProps, 'isDisabled'> {}\n\nexport const DeletableChip = ({\n  children,\n  className,\n  isDisabled = false,\n  size = 'medium',\n  textValue,\n  ...props\n}: DeletableChipProps) => {\n  const internalTextValue =\n    textValue ?? (typeof children === 'string' ? children : undefined);\n\n  return (\n    <AriaTag\n      className={cn(\n        deletableChipStyles({\n          isDisabled,\n          size,\n          className,\n        }),\n      )}\n      textValue={internalTextValue}\n      {...props}\n    >\n      {({ allowsRemoving, ...props }) => {\n        if (!allowsRemoving) {\n          throw new Error(\n            'You have a <Chip.Deletable> in a <Chip.List> does not specify an onRemove handler.',\n          );\n        }\n\n        return (\n          <>\n            {typeof children === 'function'\n              ? children({ allowsRemoving, ...props })\n              : children}\n            <Button\n              slot='remove'\n              className={cn([\n                'icon-default-dark group-hover:icon-default-light group-focus:icon-default-light cursor-pointer',\n                isDisabled &&\n                  'icon-disabled group-hover:icon-disabled cursor-not-allowed',\n              ])}\n            >\n              <Icon size='small'>\n                <CancelFill />\n              </Icon>\n            </Button>\n          </>\n        );\n      }}\n    </AriaTag>\n  );\n};\nDeletableChip.displayName = 'Chip.Deletable';\nChip.Deletable = DeletableChip;\n"]}
+{"version":3,"sources":["../../../src/components/chip/index.tsx"],"names":["ChipContext","createContext","b","props","children","ChipProvider","ref","useContextProps","className","dependencies","items","renderEmptyState","size","ChipStylesDefaults","u","ChipListRenderingContext","jsx","AriaTagGroup","S","AriaTagList","z","composeRenderProps","list","ChipList","SelectableChipStyles","E","AriaTag","P","selectableChip","SelectableChip","deletableChip","DeletableChipStyles","B","textValue","classNames","allowsRemoving","Fragment","F","Button","D","remove","Icon","x","CancelFill","g","DeletableChip","ChipStyles","A","useContext","variant","Component","chip","Chip"],"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 'client-only';\nimport { CancelFill } from '@accelint/icons';\nimport { createContext, useContext } from 'react';\nimport {\n  Tag as AriaTag,\n  TagGroup as AriaTagGroup,\n  TagList as AriaTagList,\n  Button,\n  type ContextValue,\n  composeRenderProps,\n  useContextProps,\n} from 'react-aria-components';\nimport { Icon } from '../icon';\nimport {\n  ChipStyles,\n  ChipStylesDefaults,\n  DeletableChipStyles,\n  SelectableChipStyles,\n} from './styles';\nimport type {\n  BaseChipProps,\n  ChipListProps,\n  ChipProps,\n  ChipProviderProps,\n  DeletableChipProps,\n  SelectableChipProps,\n} from './types';\n\nexport const ChipContext =\n  createContext<ContextValue<BaseChipProps, HTMLDivElement>>(null);\n\nfunction ChipProvider({ children, ...props }: ChipProviderProps) {\n  return <ChipContext.Provider value={props}>{children}</ChipContext.Provider>;\n}\nChipProvider.displayName = 'Chip.Provider';\n\nconst ChipListRenderingContext = createContext(false);\n\nfunction ChipList<T extends object>({ ref, ...props }: ChipListProps<T>) {\n  [props, ref] = useContextProps(props, ref ?? null, ChipContext);\n\n  const {\n    children,\n    className,\n    dependencies,\n    items,\n    renderEmptyState,\n    size = ChipStylesDefaults.size,\n    ...rest\n  } = props;\n\n  return (\n    <ChipListRenderingContext.Provider value>\n      <ChipProvider size={size}>\n        <AriaTagGroup {...rest}>\n          <AriaTagList<T>\n            ref={ref}\n            className={composeRenderProps(className, (className) =>\n              list({ className }),\n            )}\n            dependencies={dependencies}\n            items={items}\n            renderEmptyState={renderEmptyState}\n          >\n            {children}\n          </AriaTagList>\n        </AriaTagGroup>\n      </ChipProvider>\n    </ChipListRenderingContext.Provider>\n  );\n}\nChipList.displayName = 'Chip.List';\n\nconst { chip: selectableChip } = SelectableChipStyles();\n\nfunction SelectableChip({ ref, ...props }: SelectableChipProps) {\n  [props, ref] = useContextProps(props, ref ?? null, ChipContext);\n\n  const { className, size, ...rest } = props;\n\n  return (\n    <AriaTag\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(className, (className) =>\n        selectableChip({ className, size }),\n      )}\n    />\n  );\n}\nSelectableChip.displayName = 'Chip.Selectable';\n\nconst { chip: deletableChip, remove } = DeletableChipStyles();\n\nfunction DeletableChip({ ref, ...props }: DeletableChipProps) {\n  [props, ref] = useContextProps(props, ref ?? null, ChipContext);\n\n  const {\n    children,\n    classNames,\n    size,\n    textValue = typeof children === 'string' ? children : undefined,\n    ...rest\n  } = props;\n\n  return (\n    <AriaTag\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(classNames?.chip, (className) =>\n        deletableChip({ className, size }),\n      )}\n      textValue={textValue}\n    >\n      {composeRenderProps(children, (children, { allowsRemoving }) => {\n        if (!allowsRemoving) {\n          throw new Error(\n            'You have a <Chip.Deletable> in a <Chip.List> that does not specify an onRemove handler.',\n          );\n        }\n\n        return (\n          <>\n            {children}\n            <Button\n              slot='remove'\n              className={composeRenderProps(classNames?.remove, (className) =>\n                remove({ className }),\n              )}\n            >\n              <Icon size='small'>\n                <CancelFill />\n              </Icon>\n            </Button>\n          </>\n        );\n      })}\n    </AriaTag>\n  );\n}\nDeletableChip.displayName = 'Chip.Deletable';\n\nconst { list, chip } = ChipStyles();\n\nexport function Chip({ ref, ...props }: ChipProps) {\n  [props, ref] = useContextProps(props, ref ?? null, ChipContext);\n\n  const context = useContext(ChipListRenderingContext);\n  const Component = context ? AriaTag : 'div';\n  const {\n    className,\n    size = ChipStylesDefaults.size,\n    variant = ChipStylesDefaults.variant,\n    ...rest\n  } = props;\n\n  return (\n    <Icon.Provider size={size === 'medium' ? 'small' : 'xsmall'}>\n      <Component\n        {...rest}\n        ref={ref}\n        className={chip({ size, variant, className })}\n      />\n    </Icon.Provider>\n  );\n}\nChip.displayName = 'Chip';\nChip.Provider = ChipProvider;\nChip.List = ChipList;\nChip.Deletable = DeletableChip;\nChip.Selectable = SelectableChip;\n"]}