@accelint/design-toolkit 2.5.0 → 3.0.0

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

@@ -6,11 +6,6 @@ declare const ButtonStylesDefaults: {
     readonly variant: "filled";
 };
 declare const ButtonStyles: tailwind_variants.TVReturnType<{} | {
-    color: {
-        info: tailwind_merge.ClassNameValue | {};
-        serious: tailwind_merge.ClassNameValue | {};
-        critical: tailwind_merge.ClassNameValue | {};
-    };
     variant: {
         filled: tailwind_merge.ClassNameValue | {};
         outline: tailwind_merge.ClassNameValue | {};
@@ -19,64 +14,39 @@ declare const ButtonStyles: tailwind_variants.TVReturnType<{} | {
         floating: tailwind_merge.ClassNameValue | {};
     };
 }, undefined, undefined, {
-    color: {
-        info: string;
-        serious: string;
-        critical: string;
-    };
     variant: {
-        filled: string;
-        outline: string;
+        filled: string[];
+        outline: string[];
         flat: string;
         icon: string[];
         floating: string[];
     };
 }, undefined, tailwind_variants.TVReturnType<{
-    color: {
-        info: string;
-        serious: string;
-        critical: string;
-    };
     variant: {
-        filled: string;
-        outline: string;
+        filled: string[];
+        outline: string[];
         flat: string;
         icon: string[];
         floating: string[];
     };
 }, undefined, string[], {
-    color: {
-        info: string;
-        serious: string;
-        critical: string;
-    };
     variant: {
-        filled: string;
-        outline: string;
+        filled: string[];
+        outline: string[];
         flat: string;
         icon: string[];
         floating: string[];
     };
 }, undefined, tailwind_variants.TVReturnType<{
-    color: {
-        info: string;
-        serious: string;
-        critical: string;
-    };
     variant: {
-        filled: string;
-        outline: string;
+        filled: string[];
+        outline: string[];
         flat: string;
         icon: string[];
         floating: string[];
     };
 }, undefined, string[], unknown, unknown, undefined>>>;
 declare const LinkButtonStyles: tailwind_variants.TVReturnType<{} | {
-    color: {
-        info: tailwind_merge.ClassNameValue | {};
-        serious: tailwind_merge.ClassNameValue | {};
-        critical: tailwind_merge.ClassNameValue | {};
-    };
     variant: {
         filled: tailwind_merge.ClassNameValue | {};
         outline: tailwind_merge.ClassNameValue | {};
@@ -85,119 +55,71 @@ declare const LinkButtonStyles: tailwind_variants.TVReturnType<{} | {
         floating: tailwind_merge.ClassNameValue | {};
     };
 }, undefined, undefined, {
-    color: {
-        info: string;
-        serious: string;
-        critical: string;
-    };
     variant: {
-        filled: string;
-        outline: string;
+        filled: string[];
+        outline: string[];
         flat: string;
         icon: string[];
         floating: string[];
     };
 }, undefined, tailwind_variants.TVReturnType<{
-    color: {
-        info: string;
-        serious: string;
-        critical: string;
-    };
     variant: {
-        filled: string;
-        outline: string;
+        filled: string[];
+        outline: string[];
         flat: string;
         icon: string[];
         floating: string[];
     };
 }, undefined, string[], {
-    color: {
-        info: string;
-        serious: string;
-        critical: string;
-    };
     variant: {
-        filled: string;
-        outline: string;
+        filled: string[];
+        outline: string[];
         flat: string;
         icon: string[];
         floating: string[];
     };
 }, undefined, tailwind_variants.TVReturnType<{
-    color: {
-        info: string;
-        serious: string;
-        critical: string;
-    };
     variant: {
-        filled: string;
-        outline: string;
+        filled: string[];
+        outline: string[];
         flat: string;
         icon: string[];
         floating: string[];
     };
 }, undefined, string[], unknown, unknown, undefined>>>;
-declare const ToggleButtonStyles: tailwind_variants.TVReturnType<{} | {
-    color: {
-        info: tailwind_merge.ClassNameValue | {};
-        serious: tailwind_merge.ClassNameValue | {};
-        critical: tailwind_merge.ClassNameValue | {};
-    };
+declare const ToggleButtonStyles: tailwind_variants.TVReturnType<{
     variant: {
-        filled: tailwind_merge.ClassNameValue | {};
-        outline: tailwind_merge.ClassNameValue | {};
-        flat: tailwind_merge.ClassNameValue | {};
-        icon: tailwind_merge.ClassNameValue | {};
-        floating: tailwind_merge.ClassNameValue | {};
-    };
-}, undefined, undefined, {
-    color: {
-        info: string;
-        serious: string;
-        critical: string;
+        filled: string[];
+        floating: string[];
     };
+}, undefined, string[], {
     variant: {
-        filled: string;
-        outline: string;
+        filled: string[];
+        outline: string[];
         flat: string;
         icon: string[];
         floating: string[];
     };
 }, undefined, tailwind_variants.TVReturnType<{
-    color: {
-        info: string;
-        serious: string;
-        critical: string;
-    };
     variant: {
-        filled: string;
-        outline: string;
+        filled: string[];
+        outline: string[];
         flat: string;
         icon: string[];
         floating: string[];
     };
 }, undefined, string[], {
-    color: {
-        info: string;
-        serious: string;
-        critical: string;
-    };
     variant: {
-        filled: string;
-        outline: string;
+        filled: string[];
+        outline: string[];
         flat: string;
         icon: string[];
         floating: string[];
     };
 }, undefined, tailwind_variants.TVReturnType<{
-    color: {
-        info: string;
-        serious: string;
-        critical: string;
-    };
     variant: {
-        filled: string;
-        outline: string;
+        filled: string[];
+        outline: string[];
         flat: string;
         icon: string[];
         floating: string[];

package/dist/components/button/styles.js

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/button/styles.ts"],"names":["BaseButtonStyles","e"],"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  variant: 'filled',\n} as const;\n\nconst BaseButtonStyles = tv({\n  base: [\n    'group/button flex w-content cursor-pointer items-center justify-center rounded-medium outline outline-transparent',\n    'disabled:cursor-not-allowed',\n    'size-large:gap-xs size-large:px-m size-large:py-s size-large:text-button-l',\n    'size-medium:gap-xs size-medium:px-m size-medium:py-s size-medium:text-button-m',\n    'size-small:gap-xxs size-small:px-s size-small:py-xs size-small:text-button-s',\n    'size-xsmall:gap-xxs size-xsmall:px-s size-xsmall:py-xs size-xsmall:text-button-xs',\n  ],\n  variants: {\n    color: {\n      info: '',\n      serious: '',\n      critical: '',\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: [\n        'size-small:rounded-small size-xsmall:rounded-small size-large:p-xs size-medium:p-xs size-small:p-xxs size-xsmall:p-xxs',\n        'disabled:fg-disabled disabled:bg-transparent',\n      ],\n      floating: [\n        'rounded-full',\n        'size-large:p-xs size-medium:p-xs size-small:p-xxs size-xsmall:p-xxs',\n        'disabled:fg-disabled disabled:bg-interactive-disabled disabled:outline-interactive-disabled',\n      ],\n    },\n  },\n  compoundVariants: [\n    /** Colors **/\n    // Info\n    {\n      color: 'info',\n      variant: 'filled',\n      className: [\n        'enabled:fg-inverse-light',\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:fg-inverse-light',\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:fg-default-light',\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:fg-inverse-light',\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:fg-inverse-light',\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:fg-default-light',\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"]}
+{"version":3,"sources":["../../../src/components/button/styles.ts"],"names":["BaseButtonStyles","e"],"mappings":"sCAeS,MAAA,CAAA,CAAA,CAAA,KACP,CAAA,cACF,CAEMA,QACJ,CAAA,CAAM,CACJ,CAAAC,EAAA,CAAA,CAAA,IAAA,CAAA,CAAA,mHACA,CAAA,0GAEA,CAAA,gFACA,CAAA,8EACA,CAAA,oFAEQ,CACR,QAAS,CACP,CAAA,OACE,iEAGA,CAAA,qCACA,CAAA,iGAEA,CAAA,6DAGA,CAAA,2EAEA,CAAA,8CACA,CAAA,gGAIA,CAAA,oCACA,CAAA,yGAGO,CACP,CAAA,OAAA,CAAA,CAAA,yIAIA,CAAA,oDACA,CAAA,2IAIA,CAAA,uDACA,CAAA,iJAIA,CAAA,wDACA,CAAA,gEAEI,CAAA,CAAA,IAAA,CAAA,8CAEJ,CAAA,IAAA,CAAA,CAAA,uKAGF,CAAU,CACR,QAAA,CAAA,CAAA,cACA,CAAA,qEACA,CAAA,6FAGA,CAAA,mNAEA,CAAA,kHAGA,CAAA,yNAEA,CAAA,wHAGA,CAAA,iOAEA,CAAA,0HAIN,CAAA,CAAA,CAAA,CAAA,gBAGI,CAAS,CAAC,CAAA,OAAQ,CAAA,CAAA,MAClB,CAAA,MAAA,CAAA,CAAW,SACT,CAAA,CAAA,qCACA,CAAA,iHAOF,CAAA,CAAS,CAAC,QAAQ,CAAA,CAAA,eACP,SACT,CAAA,CAAA,uFAEA,CAAA,sDAMF,CAAA,CAAS,CAAC,CAAA,OAAQ,CAAA,CAAA,MAClB,CAAA,MAAA,CAAA,CAAW,SACT,CAAA,CAAA,yCACA,CAAA,yGAKN,CAAA,CAAA,CAAA,CAAA,eAIA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQD,EACV,CAAC,CAAA,MAGC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQA,EACV,CAAC,CAAA,MAGC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQA,GACR,CAAA,8CAEE,CAAA,qCACA,CAAA,6CAEF,CAAU,CACR,QAAS,CACP,CAAA,OAEE,CAAA,CAAA,MAAA,CAAA,CAAA,4CACA,CAAA,qIAIA,CAAA,kDACA,CAAA,uHAIA,CAAA,oDACA,CAAA,2HAGF,CAAU,CAER,QAAA,CAAA,CAAA,+CACA,CAAA,mIAIA,CAAA,kDACA,CAAA,yIAIA,CAAA,mDACA,CAAA,2IAKP,CAAA,CAAA,CAAA,CAAA","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  variant: 'filled',\n} as const;\n\nconst BaseButtonStyles = tv({\n  base: [\n    'group/button flex w-content cursor-pointer items-center justify-center rounded-medium outline outline-transparent',\n    'disabled:cursor-not-allowed',\n    'size-large:gap-xs size-large:px-m size-large:py-s size-large:text-button-l',\n    'size-medium:gap-xs size-medium:px-m size-medium:py-s size-medium:text-button-m',\n    'size-small:gap-xxs size-small:px-s size-small:py-xs size-small:text-button-s',\n    'size-xsmall:gap-xxs size-xsmall:px-s size-xsmall:py-xs size-xsmall:text-button-xs',\n  ],\n  variants: {\n    variant: {\n      filled: [\n        'disabled:fg-disabled disabled:bg-interactive-disabled',\n\n        // Info\n        'enabled:color-info:fg-inverse-light',\n        'enabled:color-info:bg-interactive-default',\n        'enabled:hover:color-info:bg-interactive-hover-light',\n        'enabled:focus-visible:color-info:bg-interactive-hover-light',\n\n        // Serious\n        'enabled:color-serious:fg-inverse-light',\n        'enabled:color-serious:bg-serious',\n        'enabled:hover:color-serious:bg-serious-hover',\n        'enabled:focus-visible:color-serious:bg-serious-hover',\n\n        // Critical\n        'enabled:color-critical:fg-default-light',\n        'enabled:color-critical:bg-critical',\n        'enabled:hover:color-critical:bg-critical-hover',\n        'enabled:focus-visible:color-critical:bg-critical-hover',\n      ],\n      outline: [\n        'disabled:fg-disabled disabled:outline-interactive-disabled',\n\n        // Info\n        'enabled:color-info:fg-default-light enabled:color-info:outline-interactive',\n        'enabled:hover:color-info:outline-interactive-hover',\n        'enabled:focus-visible:color-info:outline-interactive-hover',\n\n        // Serious\n        'enabled:color-serious:fg-default-light enabled:color-serious:outline-serious',\n        'enabled:hover:color-serious:outline-interactive-hover',\n        'enabled:focus-visible:color-serious:outline-interactive-hover',\n\n        // Critical\n        'enabled:color-critical:fg-default-light enabled:color-critical:outline-critical',\n        'enabled:hover:color-critical:outline-interactive-hover',\n        'enabled:focus-visible:color-critical:outline-interactive-hover',\n      ],\n      flat: 'disabled:fg-disabled disabled:bg-transparent',\n      icon: [\n        'size-small:rounded-small size-xsmall:rounded-small size-large:p-xs size-medium:p-xs size-small:p-xxs size-xsmall:p-xxs',\n        'disabled:fg-disabled disabled:bg-transparent',\n      ],\n      floating: [\n        'rounded-full',\n        'size-large:p-xs size-medium:p-xs size-small:p-xxs size-xsmall:p-xxs',\n        'disabled:fg-disabled disabled:bg-interactive-disabled disabled:outline-interactive-disabled',\n\n        // Info\n        'enabled:color-info:fg-interactive enabled:color-info:bg-surface-default enabled:color-info:outline-interactive',\n        'enabled:hover:color-info:fg-interactive-hover enabled:hover:color-info:outline-interactive-hover',\n        'enabled:focus-visible:color-info:fg-interactive-hover enabled:focus-visible:color-info:outline-interactive-hover',\n\n        // Serious\n        'enabled:color-serious:fg-serious enabled:color-serious:bg-serious-subtle enabled:color-serious:outline-serious',\n        'enabled:hover:color-serious:fg-interactive-hover enabled:hover:color-serious:outline-interactive-hover',\n        'enabled:focus-visible:color-serious:fg-interactive-hover enabled:focus-visible:color-serious:outline-interactive-hover',\n\n        // Critical\n        'enabled:color-critical:fg-critical enabled:color-critical:bg-critical-subtle enabled:color-critical:outline-critical',\n        'enabled:hover:color-critical:fg-interactive-hover enabled:hover:color-critical:outline-interactive-hover',\n        'enabled:focus-visible:color-critical:fg-interactive-hover enabled:focus-visible:color-critical:outline-interactive-hover',\n      ],\n    },\n  },\n  compoundVariants: [\n    // Info\n    {\n      variant: ['flat', 'icon'],\n      className: [\n        'enabled:color-info:fg-default-light',\n        'enabled:hover:color-info:bg-interactive-hover-dark',\n        'enabled:focus-visible:color-info:bg-interactive-hover-dark',\n      ],\n    },\n\n    // Serious\n    {\n      variant: ['flat', 'icon'],\n      className: [\n        'enabled:color-serious:fg-default-light',\n        'enabled:hover:color-serious:bg-serious-hover',\n        'enabled:focus-visible:color-serious:bg-serious-hover',\n      ],\n    },\n\n    // Critical\n    {\n      variant: ['flat', 'icon'],\n      className: [\n        'enabled:color-critical:fg-default-light',\n        'enabled:hover:color-critical:bg-critical-hover',\n        'enabled:focus-visible:color-critical:bg-critical-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  base: [\n    'enabled:selected:fg-highlight',\n    'enabled:selected:hover:fg-highlight',\n    'enabled:selected:focus-visible:fg-highlight',\n  ],\n  variants: {\n    variant: {\n      filled: [\n        // Info\n        'enabled:selected:color-info:bg-info-subtle',\n        'enabled:selected:hover:color-info:bg-interactive-hover-light',\n        'enabled:selected:focus-visible:color-info:bg-interactive-hover-light',\n\n        // Serious\n        'enabled:selected:color-serious:bg-serious-subtle',\n        'enabled:selected:hover:color-serious:bg-serious-hover',\n        'enabled:selected:focus-visible:color-serious:bg-serious-hover',\n\n        // Critical\n        'enabled:selected:color-critical:bg-critical-subtle',\n        'enabled:selected:hover:color-critical:bg-critical-hover',\n        'enabled:selected:focus-visible:color-critical:bg-critical-hover',\n      ],\n      floating: [\n        // Info\n        'enabled:selected:color-info:outline-highlight',\n        'enabled:selected:hover:color-info:outline-interactive-hover',\n        'enabled:selected:focus-visible:color-info:outline-interactive-hover',\n\n        // Serious\n        'enabled:selected:color-serious:outline-highlight',\n        'enabled:selected:hover:color-serious:outline-interactive-hover',\n        'enabled:selected:focus-visible:color-serious:outline-interactive-hover',\n\n        // Critical\n        'enabled:selected:color-critical:outline-highlight',\n        'enabled:selected:hover:color-critical:outline-interactive-hover',\n        'enabled:selected:focus-visible:color-critical:outline-interactive-hover',\n      ],\n    },\n  },\n});\n"]}

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

@@ -1,14 +1,16 @@
-import { RefAttributes } from 'react';
+import { AriaAttributesWithRef } from '../../lib/types.js';
 import { ButtonProps as ButtonProps$1, LinkProps, ToggleButtonProps as ToggleButtonProps$1 } from 'react-aria-components';
 import { VariantProps } from 'tailwind-variants';
 import { ButtonStyles } from './styles.js';
+import 'react';
 import 'tailwind-merge';
 
 type ButtonStyleVariants = VariantProps<typeof ButtonStyles> & {
     size?: 'large' | 'medium' | 'small' | 'xsmall';
+    color?: 'info' | 'serious' | 'critical';
 };
-type ButtonProps = ButtonProps$1 & ButtonStyleVariants & RefAttributes<HTMLButtonElement>;
-type LinkButtonProps = LinkProps & ButtonStyleVariants & RefAttributes<HTMLAnchorElement>;
-type ToggleButtonProps = ToggleButtonProps$1 & ButtonStyleVariants & RefAttributes<HTMLButtonElement>;
+type ButtonProps = ButtonProps$1 & ButtonStyleVariants & AriaAttributesWithRef<HTMLButtonElement>;
+type LinkButtonProps = LinkProps & ButtonStyleVariants & AriaAttributesWithRef<HTMLAnchorElement>;
+type ToggleButtonProps = ToggleButtonProps$1 & ButtonStyleVariants & AriaAttributesWithRef<HTMLButtonElement>;
 
 export type { ButtonProps, ButtonStyleVariants, LinkButtonProps, ToggleButtonProps };

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

@@ -11,6 +11,39 @@ declare namespace CheckboxGroup {
     var displayName: string;
 }
 declare const CheckboxContext: react.Context<ContextValue<CheckboxProps, HTMLLabelElement>>;
+/**
+ * Checkbox - A form control for binary or multiple selection with group support
+ *
+ * Provides accessible checkbox functionality with support for individual checkboxes
+ * or grouped selections. Includes visual feedback for checked, indeterminate, and
+ * disabled states with integrated labeling and validation support.
+ *
+ * @example
+ * // Basic checkbox
+ * <Checkbox>
+ *   Accept terms and conditions
+ * </Checkbox>
+ *
+ * @example
+ * // Checkbox group with multiple options
+ * <Checkbox.Group label="Select preferences">
+ *   <Checkbox value="notifications">Email notifications</Checkbox>
+ *   <Checkbox value="marketing">Marketing emails</Checkbox>
+ *   <Checkbox value="updates">Product updates</Checkbox>
+ * </Checkbox.Group>
+ *
+ * @example
+ * // Disabled checkbox
+ * <Checkbox isDisabled>
+ *   Unavailable option
+ * </Checkbox>
+ *
+ * @example
+ * // Indeterminate checkbox (partial selection)
+ * <Checkbox isIndeterminate>
+ *   Select all items
+ * </Checkbox>
+ */
 declare function Checkbox({ ref, ...props }: CheckboxProps): react_jsx_runtime.JSX.Element;
 declare namespace Checkbox {
     var displayName: string;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/checkbox/index.tsx"],"names":["checkbox","CheckboxGroupContext","CheckboxGroup","ref","props","x","children","classNames","orientation","rest","a","composeRenderProps","className","group","n","isRequired","jsx","Label","m","u","y","isDisabled","label","CheckboxContext","isIndeterminate","jsxs","Icon","isSelected","N","Checkbox"],"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 { Check, Remove } from '@accelint/icons';\nimport { createContext } from 'react';\nimport {\n  Checkbox as AriaCheckbox,\n  CheckboxGroup as AriaCheckboxGroup,\n  type ContextValue,\n  composeRenderProps,\n  useContextProps,\n} from 'react-aria-components';\nimport { Icon } from '../icon';\nimport { Label } from '../label';\nimport { CheckboxStyles } from './styles';\nimport type { CheckboxGroupProps, CheckboxProps } from './types';\n\nconst { group, groupLabel, checkbox, control, label } = CheckboxStyles();\n\nexport const CheckboxGroupContext =\n  createContext<ContextValue<CheckboxGroupProps, HTMLDivElement>>(null);\n\nfunction CheckboxGroup({ ref, ...props }: CheckboxGroupProps) {\n  [props, ref] = useContextProps(props, ref ?? null, CheckboxGroupContext);\n\n  const {\n    children,\n    classNames,\n    label,\n    orientation = 'vertical',\n    ...rest\n  } = props;\n\n  return (\n    <AriaCheckboxGroup\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(classNames?.group, (className) =>\n        group({ className }),\n      )}\n      data-orientation={orientation}\n    >\n      {composeRenderProps(children, (children, { isDisabled, isRequired }) => (\n        <>\n          {label && (\n            <Label\n              className={groupLabel({ className: classNames?.label })}\n              isDisabled={isDisabled}\n              isRequired={isRequired}\n            >\n              {label}\n            </Label>\n          )}\n          {children}\n        </>\n      ))}\n    </AriaCheckboxGroup>\n  );\n}\nCheckboxGroup.displayName = 'Checkbox.Group';\n\nexport const CheckboxContext =\n  createContext<ContextValue<CheckboxProps, HTMLLabelElement>>(null);\n\nexport function Checkbox({ ref, ...props }: CheckboxProps) {\n  [props, ref] = useContextProps(props, ref ?? null, CheckboxContext);\n\n  const { classNames, children, ...rest } = props;\n\n  return (\n    <AriaCheckbox\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(classNames?.checkbox, (className) =>\n        checkbox({ className }),\n      )}\n    >\n      {composeRenderProps(\n        children,\n        (children, { isIndeterminate, isSelected }) => (\n          <>\n            <span className={control({ className: classNames?.control })}>\n              <Icon size='small'>\n                {isIndeterminate && !isSelected && <Remove />}\n                {isSelected && <Check />}\n              </Icon>\n            </span>\n            {children && (\n              <span className={label({ className: classNames?.label })}>\n                {children}\n              </span>\n            )}\n          </>\n        ),\n      )}\n    </AriaCheckbox>\n  );\n}\nCheckbox.displayName = 'Checkbox';\nCheckbox.Group = CheckboxGroup;\n"]}
+{"version":3,"sources":["../../../src/components/checkbox/index.tsx"],"names":["checkbox","CheckboxGroupContext","CheckboxGroup","ref","props","x","children","classNames","orientation","rest","a","composeRenderProps","className","group","n","isRequired","jsx","Label","m","u","y","isDisabled","label","CheckboxContext","isIndeterminate","jsxs","Icon","isSelected","N","Checkbox"],"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 { Check, Remove } from '@accelint/icons';\nimport { createContext } from 'react';\nimport {\n  Checkbox as AriaCheckbox,\n  CheckboxGroup as AriaCheckboxGroup,\n  type ContextValue,\n  composeRenderProps,\n  useContextProps,\n} from 'react-aria-components';\nimport { Icon } from '../icon';\nimport { Label } from '../label';\nimport { CheckboxStyles } from './styles';\nimport type { CheckboxGroupProps, CheckboxProps } from './types';\n\nconst { group, groupLabel, checkbox, control, label } = CheckboxStyles();\n\nexport const CheckboxGroupContext =\n  createContext<ContextValue<CheckboxGroupProps, HTMLDivElement>>(null);\n\nfunction CheckboxGroup({ ref, ...props }: CheckboxGroupProps) {\n  [props, ref] = useContextProps(props, ref ?? null, CheckboxGroupContext);\n\n  const {\n    children,\n    classNames,\n    label,\n    orientation = 'vertical',\n    ...rest\n  } = props;\n\n  return (\n    <AriaCheckboxGroup\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(classNames?.group, (className) =>\n        group({ className }),\n      )}\n      data-orientation={orientation}\n    >\n      {composeRenderProps(children, (children, { isDisabled, isRequired }) => (\n        <>\n          {label && (\n            <Label\n              className={groupLabel({ className: classNames?.label })}\n              isDisabled={isDisabled}\n              isRequired={isRequired}\n            >\n              {label}\n            </Label>\n          )}\n          {children}\n        </>\n      ))}\n    </AriaCheckboxGroup>\n  );\n}\nCheckboxGroup.displayName = 'Checkbox.Group';\n\nexport const CheckboxContext =\n  createContext<ContextValue<CheckboxProps, HTMLLabelElement>>(null);\n\n/**\n * Checkbox - A form control for binary or multiple selection with group support\n *\n * Provides accessible checkbox functionality with support for individual checkboxes\n * or grouped selections. Includes visual feedback for checked, indeterminate, and\n * disabled states with integrated labeling and validation support.\n *\n * @example\n * // Basic checkbox\n * <Checkbox>\n *   Accept terms and conditions\n * </Checkbox>\n *\n * @example\n * // Checkbox group with multiple options\n * <Checkbox.Group label=\"Select preferences\">\n *   <Checkbox value=\"notifications\">Email notifications</Checkbox>\n *   <Checkbox value=\"marketing\">Marketing emails</Checkbox>\n *   <Checkbox value=\"updates\">Product updates</Checkbox>\n * </Checkbox.Group>\n *\n * @example\n * // Disabled checkbox\n * <Checkbox isDisabled>\n *   Unavailable option\n * </Checkbox>\n *\n * @example\n * // Indeterminate checkbox (partial selection)\n * <Checkbox isIndeterminate>\n *   Select all items\n * </Checkbox>\n */\nexport function Checkbox({ ref, ...props }: CheckboxProps) {\n  [props, ref] = useContextProps(props, ref ?? null, CheckboxContext);\n\n  const { classNames, children, ...rest } = props;\n\n  return (\n    <AriaCheckbox\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(classNames?.checkbox, (className) =>\n        checkbox({ className }),\n      )}\n    >\n      {composeRenderProps(\n        children,\n        (children, { isIndeterminate, isSelected }) => (\n          <>\n            <span className={control({ className: classNames?.control })}>\n              <Icon size='small'>\n                {isIndeterminate && !isSelected && <Remove />}\n                {isSelected && <Check />}\n              </Icon>\n            </span>\n            {children && (\n              <span className={label({ className: classNames?.label })}>\n                {children}\n              </span>\n            )}\n          </>\n        ),\n      )}\n    </AriaCheckbox>\n  );\n}\nCheckbox.displayName = 'Checkbox';\nCheckbox.Group = CheckboxGroup;\n"]}

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

@@ -4,9 +4,9 @@ import * as tailwind_merge from 'tailwind-merge';
 declare const CheckboxStyles: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_merge.ClassNameValue | {
-            label?: tailwind_merge.ClassNameValue;
             checkbox?: tailwind_merge.ClassNameValue;
             group?: tailwind_merge.ClassNameValue;
+            label?: tailwind_merge.ClassNameValue;
             groupLabel?: tailwind_merge.ClassNameValue;
             control?: tailwind_merge.ClassNameValue;
         };
@@ -14,9 +14,9 @@ declare const CheckboxStyles: tailwind_variants.TVReturnType<{
 } | {
     [x: string]: {
         [x: string]: tailwind_merge.ClassNameValue | {
-            label?: tailwind_merge.ClassNameValue;
             checkbox?: tailwind_merge.ClassNameValue;
             group?: tailwind_merge.ClassNameValue;
+            label?: tailwind_merge.ClassNameValue;
             groupLabel?: tailwind_merge.ClassNameValue;
             control?: tailwind_merge.ClassNameValue;
         };
@@ -30,9 +30,9 @@ declare const CheckboxStyles: tailwind_variants.TVReturnType<{
 }, undefined, {
     [key: string]: {
         [key: string]: tailwind_merge.ClassNameValue | {
-            label?: tailwind_merge.ClassNameValue;
             checkbox?: tailwind_merge.ClassNameValue;
             group?: tailwind_merge.ClassNameValue;
+            label?: tailwind_merge.ClassNameValue;
             groupLabel?: tailwind_merge.ClassNameValue;
             control?: tailwind_merge.ClassNameValue;
         };

package/dist/components/checkbox/styles.js

@@ -1,2 +1,2 @@
-import {tv}from'./../../lib/utils.js';const c=tv({slots:{group:["group/checkbox-group flex gap-xs","orientation-horizontal:flex-wrap","orientation-vertical:flex-col"],groupLabel:"w-full",checkbox:["group/checkbox flex cursor-pointer items-center gap-m group-orientation-horizontal/checkbox-group:grow group-orientation-horizontal/checkbox-group:basis-1/3","disabled:cursor-not-allowed"],control:["my-xxs flex size-l items-center justify-center rounded-small outline outline-interactive","group-enabled/checkbox:fg-info-subtle","group-enabled/checkbox:group-focus/checkbox:outline-interactive-hover","group-enabled/checkbox:group-hover/checkbox:outline-interactive-hover","group-enabled/checkbox:group-indeterminate/checkbox:bg-highlight group-enabled/checkbox:group-indeterminate/checkbox:outline-highlight","group-enabled/checkbox:group-indeterminate/checkbox:group-focus/checkbox:outline-interactive-hover","group-enabled/checkbox:group-indeterminate/checkbox:group-hover/checkbox:outline-interactive-hover","group-enabled/checkbox:group-selected/checkbox:bg-highlight group-enabled/checkbox:group-selected/checkbox:outline-highlight","group-enabled/checkbox:group-selected/checkbox:group-focus/checkbox:outline-interactive-hover","group-enabled/checkbox:group-selected/checkbox:group-hover/checkbox:outline-interactive-hover","group-disabled/checkbox:outline-interactive-disabled","group-disabled/checkbox:group-indeterminate/checkbox:fg-inverse-light group-disabled/checkbox:group-indeterminate/checkbox:bg-interactive-disabled","group-disabled/checkbox:group-selected/checkbox:fg-inverse-light group-disabled/checkbox:group-selected/checkbox:bg-interactive-disabled"],label:["text-body-s text-interactive-default","group-disabled/checkbox:text-interactive-disabled"]}});export{c as CheckboxStyles};//# sourceMappingURL=styles.js.map
+import {tv}from'./../../lib/utils.js';const c=tv({slots:{group:["group/checkbox-group flex gap-xs","orientation-horizontal:flex-wrap","orientation-vertical:flex-col"],groupLabel:"w-full",checkbox:["group/checkbox flex cursor-pointer items-center gap-m group-orientation-horizontal/checkbox-group:grow group-orientation-horizontal/checkbox-group:basis-1/3","disabled:cursor-not-allowed"],control:["my-xxs flex size-l items-center justify-center rounded-small outline outline-interactive","group-enabled/checkbox:fg-info-subtle","group-enabled/checkbox:group-focus-visible/checkbox:outline-interactive-hover","group-enabled/checkbox:group-hover/checkbox:outline-interactive-hover","group-enabled/checkbox:group-indeterminate/checkbox:bg-highlight group-enabled/checkbox:group-indeterminate/checkbox:outline-highlight","group-enabled/checkbox:group-indeterminate/checkbox:group-focus-visible/checkbox:outline-interactive-hover","group-enabled/checkbox:group-indeterminate/checkbox:group-hover/checkbox:outline-interactive-hover","group-enabled/checkbox:group-selected/checkbox:bg-highlight group-enabled/checkbox:group-selected/checkbox:outline-highlight","group-enabled/checkbox:group-selected/checkbox:group-focus-visible/checkbox:outline-interactive-hover","group-enabled/checkbox:group-selected/checkbox:group-hover/checkbox:outline-interactive-hover","group-disabled/checkbox:outline-interactive-disabled","group-disabled/checkbox:group-indeterminate/checkbox:fg-inverse-light group-disabled/checkbox:group-indeterminate/checkbox:bg-interactive-disabled","group-disabled/checkbox:group-selected/checkbox:fg-inverse-light group-disabled/checkbox:group-selected/checkbox:bg-interactive-disabled"],label:["text-body-s text-interactive-default","group-disabled/checkbox:text-interactive-disabled"]}});export{c as CheckboxStyles};//# sourceMappingURL=styles.js.map
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/checkbox/styles.ts"],"names":["e"],"mappings":"6CAeS,CACLA,EAAA,CAAA,CAAA,KACE,CAAA,CAAA,KAAA,CAAA,CAAA,kCACA,CAAA,kEAGF,CAAA,CAAA,UACA,CAAA,QAAU,CACR,wKACA,CAAA,6BAEO,CACP,CAAA,OAAA,CAAA,CAAA,kIAEA,CAAA,uEACA,CAAA,gNAEA,CAAA,oGACA,CAAA,mOAEA,CAAA,+FACA,CAAA,sJAEA,CAAA,oJACA,CAAA,yLAIA,CAAA,mDAGL,CAAA,CAAA,CAAA","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 CheckboxStyles = tv({\n  slots: {\n    group: [\n      'group/checkbox-group flex gap-xs',\n      'orientation-horizontal:flex-wrap',\n      'orientation-vertical:flex-col',\n    ],\n    groupLabel: 'w-full',\n    checkbox: [\n      'group/checkbox flex cursor-pointer items-center gap-m group-orientation-horizontal/checkbox-group:grow group-orientation-horizontal/checkbox-group:basis-1/3',\n      'disabled:cursor-not-allowed',\n    ],\n    control: [\n      'my-xxs flex size-l items-center justify-center rounded-small outline outline-interactive',\n      'group-enabled/checkbox:fg-info-subtle',\n      'group-enabled/checkbox:group-focus/checkbox:outline-interactive-hover',\n      'group-enabled/checkbox:group-hover/checkbox:outline-interactive-hover',\n      'group-enabled/checkbox:group-indeterminate/checkbox:bg-highlight group-enabled/checkbox:group-indeterminate/checkbox:outline-highlight',\n      'group-enabled/checkbox:group-indeterminate/checkbox:group-focus/checkbox:outline-interactive-hover',\n      'group-enabled/checkbox:group-indeterminate/checkbox:group-hover/checkbox:outline-interactive-hover',\n      'group-enabled/checkbox:group-selected/checkbox:bg-highlight group-enabled/checkbox:group-selected/checkbox:outline-highlight',\n      'group-enabled/checkbox:group-selected/checkbox:group-focus/checkbox:outline-interactive-hover',\n      'group-enabled/checkbox:group-selected/checkbox:group-hover/checkbox:outline-interactive-hover',\n      'group-disabled/checkbox:outline-interactive-disabled',\n      'group-disabled/checkbox:group-indeterminate/checkbox:fg-inverse-light group-disabled/checkbox:group-indeterminate/checkbox:bg-interactive-disabled',\n      'group-disabled/checkbox:group-selected/checkbox:fg-inverse-light group-disabled/checkbox:group-selected/checkbox:bg-interactive-disabled',\n    ],\n    label: [\n      'text-body-s text-interactive-default',\n      'group-disabled/checkbox:text-interactive-disabled',\n    ],\n  },\n});\n"]}
+{"version":3,"sources":["../../../src/components/checkbox/styles.ts"],"names":["e"],"mappings":"6CAeS,CACLA,EAAA,CAAA,CAAA,KACE,CAAA,CAAA,KAAA,CAAA,CAAA,kCACA,CAAA,kEAGF,CAAA,CAAA,UACA,CAAA,QAAU,CACR,wKACA,CAAA,6BAEO,CACP,CAAA,OAAA,CAAA,CAAA,kIAEA,CAAA,+EACA,CAAA,gNAEA,CAAA,4GACA,CAAA,mOAEA,CAAA,uGACA,CAAA,sJAEA,CAAA,oJACA,CAAA,yLAIA,CAAA,mDAGL,CAAA,CAAA,CAAA","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 CheckboxStyles = tv({\n  slots: {\n    group: [\n      'group/checkbox-group flex gap-xs',\n      'orientation-horizontal:flex-wrap',\n      'orientation-vertical:flex-col',\n    ],\n    groupLabel: 'w-full',\n    checkbox: [\n      'group/checkbox flex cursor-pointer items-center gap-m group-orientation-horizontal/checkbox-group:grow group-orientation-horizontal/checkbox-group:basis-1/3',\n      'disabled:cursor-not-allowed',\n    ],\n    control: [\n      'my-xxs flex size-l items-center justify-center rounded-small outline outline-interactive',\n      'group-enabled/checkbox:fg-info-subtle',\n      'group-enabled/checkbox:group-focus-visible/checkbox:outline-interactive-hover',\n      'group-enabled/checkbox:group-hover/checkbox:outline-interactive-hover',\n      'group-enabled/checkbox:group-indeterminate/checkbox:bg-highlight group-enabled/checkbox:group-indeterminate/checkbox:outline-highlight',\n      'group-enabled/checkbox:group-indeterminate/checkbox:group-focus-visible/checkbox:outline-interactive-hover',\n      'group-enabled/checkbox:group-indeterminate/checkbox:group-hover/checkbox:outline-interactive-hover',\n      'group-enabled/checkbox:group-selected/checkbox:bg-highlight group-enabled/checkbox:group-selected/checkbox:outline-highlight',\n      'group-enabled/checkbox:group-selected/checkbox:group-focus-visible/checkbox:outline-interactive-hover',\n      'group-enabled/checkbox:group-selected/checkbox:group-hover/checkbox:outline-interactive-hover',\n      'group-disabled/checkbox:outline-interactive-disabled',\n      'group-disabled/checkbox:group-indeterminate/checkbox:fg-inverse-light group-disabled/checkbox:group-indeterminate/checkbox:bg-interactive-disabled',\n      'group-disabled/checkbox:group-selected/checkbox:fg-inverse-light group-disabled/checkbox:group-selected/checkbox:bg-interactive-disabled',\n    ],\n    label: [\n      'text-body-s text-interactive-default',\n      'group-disabled/checkbox:text-interactive-disabled',\n    ],\n  },\n});\n"]}

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

@@ -24,6 +24,40 @@ declare function DeletableChip({ ref, ...props }: DeletableChipProps): react_jsx
 declare namespace DeletableChip {
     var displayName: string;
 }
+/**
+ * Chip - A compact element for displaying tags, filters, or selectable items
+ *
+ * Provides flexible chip functionality supporting both individual chips and chip lists.
+ * Includes variants for deletable and selectable chips with keyboard navigation and
+ * accessibility features. Perfect for tags, filters, or multi-selection interfaces.
+ *
+ * @example
+ * // Basic chip
+ * <Chip>JavaScript</Chip>
+ *
+ * @example
+ * // Chip list with multiple items
+ * <Chip.List>
+ *   <Chip>React</Chip>
+ *   <Chip>TypeScript</Chip>
+ *   <Chip>Node.js</Chip>
+ * </Chip.List>
+ *
+ * @example
+ * // Deletable chips
+ * <Chip.List onRemove={() => console.log('removed')}>
+ *   <Chip.Deletable>
+ *     Removable Tag
+ *   </Chip.Deletable>
+ * </Chip.List>
+ *
+ * @example
+ * // Selectable chips
+ * <Chip.List selectionMode="multiple">
+ *   <Chip.Selectable id="option1">Option 1</Chip.Selectable>
+ *   <Chip.Selectable id="option2">Option 2</Chip.Selectable>
+ * </Chip.List>
+ */
 declare function Chip({ ref, ...props }: ChipProps): react_jsx_runtime.JSX.Element;
 declare namespace Chip {
     var displayName: string;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/chip/index.tsx"],"names":["v","props","jsx","i","ChipProvider","ChipList","useContextProps","ref","ChipContext","C","className","dependencies","rest","ChipListRenderingContext","AriaTagGroup","L","AriaTagList","S","p","SelectableChipStyles","SelectableChip","AriaTag","u","composeRenderProps","size","remove","DeletableChipStyles","DeletableChip","classNames","deletableChip","textValue","children","H","Button","z","Icon","y","Chip","Component","g","A"],"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 type { ProviderProps } from '@/lib/types';\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  DeletableChipProps,\n  SelectableChipProps,\n} from './types';\n\nexport const ChipContext =\n  createContext<ContextValue<BaseChipProps, HTMLDivElement>>(null);\n\nfunction ChipProvider({ children, ...props }: ProviderProps<BaseChipProps>) {\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 = 'medium',\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 = 'medium', ...rest } = props;\n\n  return (\n    <AriaTag\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(className, (className) =>\n        selectableChip({ className, size }),\n      )}\n      data-size={size}\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 = 'medium',\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      data-size={size}\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 = 'medium',\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        data-size={size}\n      />\n    </Icon.Provider>\n  );\n}\nChip.displayName = 'Chip';\nChip.Provider = ChipProvider;\nChip.List = ChipList;\nChip.Deletable = DeletableChip;\nChip.Selectable = SelectableChip;\n"]}
+{"version":3,"sources":["../../../src/components/chip/index.tsx"],"names":["v","props","jsx","i","ChipProvider","ChipList","useContextProps","ref","ChipContext","C","className","dependencies","rest","ChipListRenderingContext","AriaTagGroup","L","AriaTagList","S","p","SelectableChipStyles","SelectableChip","AriaTag","u","composeRenderProps","size","remove","DeletableChipStyles","DeletableChip","classNames","deletableChip","textValue","children","H","Button","z","Icon","y","Chip","Component","g","A"],"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 type { ProviderProps } from '@/lib/types';\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  DeletableChipProps,\n  SelectableChipProps,\n} from './types';\n\nexport const ChipContext =\n  createContext<ContextValue<BaseChipProps, HTMLDivElement>>(null);\n\nfunction ChipProvider({ children, ...props }: ProviderProps<BaseChipProps>) {\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 = 'medium',\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 = 'medium', ...rest } = props;\n\n  return (\n    <AriaTag\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(className, (className) =>\n        selectableChip({ className, size }),\n      )}\n      data-size={size}\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 = 'medium',\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      data-size={size}\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\n/**\n * Chip - A compact element for displaying tags, filters, or selectable items\n *\n * Provides flexible chip functionality supporting both individual chips and chip lists.\n * Includes variants for deletable and selectable chips with keyboard navigation and\n * accessibility features. Perfect for tags, filters, or multi-selection interfaces.\n *\n * @example\n * // Basic chip\n * <Chip>JavaScript</Chip>\n *\n * @example\n * // Chip list with multiple items\n * <Chip.List>\n *   <Chip>React</Chip>\n *   <Chip>TypeScript</Chip>\n *   <Chip>Node.js</Chip>\n * </Chip.List>\n *\n * @example\n * // Deletable chips\n * <Chip.List onRemove={() => console.log('removed')}>\n *   <Chip.Deletable>\n *     Removable Tag\n *   </Chip.Deletable>\n * </Chip.List>\n *\n * @example\n * // Selectable chips\n * <Chip.List selectionMode=\"multiple\">\n *   <Chip.Selectable id=\"option1\">Option 1</Chip.Selectable>\n *   <Chip.Selectable id=\"option2\">Option 2</Chip.Selectable>\n * </Chip.List>\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 = 'medium',\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        data-size={size}\n      />\n    </Icon.Provider>\n  );\n}\nChip.displayName = 'Chip';\nChip.Provider = ChipProvider;\nChip.List = ChipList;\nChip.Deletable = DeletableChip;\nChip.Selectable = SelectableChip;\n"]}

package/dist/components/chip/styles.js

@@ -1,2 +1,2 @@
-import {tv}from'./../../lib/utils.js';const t={variant:"info"},i=tv({slots:{list:"group/chip-list flex w-content flex-wrap gap-xs",chip:["group/chip fg-default-light inline-flex w-content items-center justify-center rounded-full outline","size-medium:px-s size-medium:py-xs size-medium:text-body-s","size-small:px-s size-small:py-xs size-small:text-body-xs"]}}),s=tv({extend:i,slots:{chip:"gap-xxs"},variants:{variant:{advisory:{chip:"bg-advisory-subtle outline-advisory-bold"},critical:{chip:"bg-critical-subtle outline-critical"},serious:{chip:"bg-serious-subtle outline-serious"},normal:{chip:"bg-normal-subtle outline-normal"},info:{chip:"bg-info-subtle outline-info-bold"}}},defaultVariants:t}),o=tv({extend:i,slots:{chip:["cursor-pointer outline-interactive","enabled:focus:outline-interactive-hover","enabled:hover:outline-interactive-hover","enabled:selected:bg-highlight-subtle enabled:selected:outline-highlight","disabled:fg-disabled disabled:cursor-not-allowed disabled:outline-interactive-disabled","disabled:selected:bg-interactive-disabled"]}}),n=tv({extend:i,slots:{chip:["gap-xs outline-interactive","enabled:focus:outline-interactive-hover","enabled:hover:outline-interactive-hover","disabled:fg-disabled disabled:cursor-not-allowed disabled:outline-interactive-disabled"],remove:["cursor-pointer","disabled:cursor-not-allowed"]}});export{i as BaseChipStyles,s as ChipStyles,t as ChipStylesDefaults,n as DeletableChipStyles,o as SelectableChipStyles};//# sourceMappingURL=styles.js.map
+import {tv}from'./../../lib/utils.js';const t={variant:"info"},i=tv({slots:{list:"group/chip-list flex w-content flex-wrap gap-xs",chip:["group/chip fg-default-light inline-flex w-content items-center justify-center rounded-full outline","size-medium:px-s size-medium:py-xs size-medium:text-body-s","size-small:px-s size-small:py-xs size-small:text-body-xs"]}}),s=tv({extend:i,slots:{chip:"gap-xxs"},variants:{variant:{advisory:{chip:"bg-advisory-subtle outline-advisory-bold"},critical:{chip:"bg-critical-subtle outline-critical"},serious:{chip:"bg-serious-subtle outline-serious"},normal:{chip:"bg-normal-subtle outline-normal"},info:{chip:"bg-info-subtle outline-info-bold"}}},defaultVariants:t}),o=tv({extend:i,slots:{chip:["cursor-pointer outline-interactive","enabled:focus-visible:outline-interactive-hover","enabled:hover:outline-interactive-hover","enabled:selected:bg-highlight-subtle enabled:selected:outline-highlight","enabled:selected:focus-visible:outline-interactive-hover","enabled:selected:hover:outline-interactive-hover","disabled:fg-disabled disabled:cursor-not-allowed disabled:outline-interactive-disabled","disabled:selected:bg-interactive-disabled"]}}),n=tv({extend:i,slots:{chip:["gap-xs outline-interactive","enabled:focus-visible:outline-interactive-hover","enabled:hover:outline-interactive-hover","disabled:fg-disabled disabled:cursor-not-allowed disabled:outline-interactive-disabled"],remove:["cursor-pointer","disabled:cursor-not-allowed"]}});export{i as BaseChipStyles,s as ChipStyles,t as ChipStylesDefaults,n as DeletableChipStyles,o as SelectableChipStyles};//# sourceMappingURL=styles.js.map
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/chip/styles.ts"],"names":["BaseChipStyles","tv","e"],"mappings":"sCAeE,MAAA,CAAS,CAAA,CAAA,OAGEA,CAAiBC,SACrB,CACLC,EAAA,CAAA,CAAA,KAAM,CAAA,CAAA,IAAA,CAAA,iDAEJ,CAAA,IAAA,CAAA,CAAA,iKAEA,CAAA,0DAMJ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQF,EAAAA,CACR,CAAA,MACE,CAAA,CAAA,CAAA,WACF,CAAA,SACA,CAAU,CACR,QAAS,CACP,CAAA,OAAA,CAAU,CAAE,QAAM,CAAA,CAAA,IAAA,CAAA,0CAClB,CAAU,CAAE,oDACH,CAAE,CAAA,OAAM,CAAA,CAAA,IAAA,CAAA,mCACP,CAAA,CAAA,MAAM,CAAA,CAAA,IAAA,CAAA,uCACF,CAAA,CAAA,IAAA,CAAA,kCAGlB,CAAA,CAAA,CAAA,CAAA,eAIA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQA,EAAAA,CACR,OACE,CAAA,CAAA,CAAA,KACE,CAAA,CAAA,IAAA,CAAA,CAAA,oCACA,CAAA,yCACA,CAAA,mHAEA,CAAA,wFACA,CAAA,2CAMJ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQA,EAAAA,CACR,CAAA,MACE,QACE,CAAA,CAAA,IAAA,CAAA,CAAA,4BACA,CAAA,yCACA,CAAA,yCACA,CAAA,wFAEO,CAAA,CAAA,MAAA,CAAA,CAAA,gBAAkB,CAAA,6BAE9B,CAAA,CAAA,CAAA","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 ChipStylesDefaults = {\n  variant: 'info',\n} as const;\n\nexport const BaseChipStyles = tv({\n  slots: {\n    list: 'group/chip-list flex w-content flex-wrap gap-xs',\n    chip: [\n      'group/chip fg-default-light inline-flex w-content items-center justify-center rounded-full outline',\n      'size-medium:px-s size-medium:py-xs size-medium:text-body-s',\n      'size-small:px-s size-small:py-xs size-small:text-body-xs',\n    ],\n  },\n});\n\nexport const ChipStyles = tv({\n  extend: BaseChipStyles,\n  slots: {\n    chip: 'gap-xxs',\n  },\n  variants: {\n    variant: {\n      advisory: { chip: 'bg-advisory-subtle outline-advisory-bold' },\n      critical: { chip: 'bg-critical-subtle outline-critical' },\n      serious: { chip: 'bg-serious-subtle outline-serious' },\n      normal: { chip: 'bg-normal-subtle outline-normal' },\n      info: { chip: 'bg-info-subtle outline-info-bold' },\n    },\n  },\n  defaultVariants: ChipStylesDefaults,\n});\n\nexport const SelectableChipStyles = tv({\n  extend: BaseChipStyles,\n  slots: {\n    chip: [\n      'cursor-pointer outline-interactive',\n      'enabled:focus:outline-interactive-hover',\n      'enabled:hover:outline-interactive-hover',\n      'enabled:selected:bg-highlight-subtle enabled:selected:outline-highlight',\n      'disabled:fg-disabled disabled:cursor-not-allowed disabled:outline-interactive-disabled',\n      'disabled:selected:bg-interactive-disabled',\n    ],\n  },\n});\n\nexport const DeletableChipStyles = tv({\n  extend: BaseChipStyles,\n  slots: {\n    chip: [\n      'gap-xs outline-interactive',\n      'enabled:focus:outline-interactive-hover',\n      'enabled:hover:outline-interactive-hover',\n      'disabled:fg-disabled disabled:cursor-not-allowed disabled:outline-interactive-disabled',\n    ],\n    remove: ['cursor-pointer', 'disabled:cursor-not-allowed'],\n  },\n});\n"]}
+{"version":3,"sources":["../../../src/components/chip/styles.ts"],"names":["BaseChipStyles","tv","e"],"mappings":"sCAeE,MAAA,CAAS,CAAA,CAAA,OAGEA,CAAiBC,SACrB,CACLC,EAAA,CAAA,CAAA,KAAM,CAAA,CAAA,IAAA,CAAA,iDAEJ,CAAA,IAAA,CAAA,CAAA,iKAEA,CAAA,0DAMJ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQF,EAAAA,CACR,CAAA,MACE,CAAA,CAAA,CAAA,WACF,CAAA,SACA,CAAU,CACR,QAAS,CACP,CAAA,OAAA,CAAU,CAAE,QAAM,CAAA,CAAA,IAAA,CAAA,0CAClB,CAAU,CAAE,QAAM,CAAA,CAAA,IAAA,CAAA,qCACT,CAAE,CAAA,OAAM,CAAA,CAAA,IAAA,CAAA,mCACP,CAAA,CAAA,MAAM,CAAA,CAAA,IAAA,CAAA,iCACR,CAAA,CAAA,6CAGZ,CAAA,CAAA,CAAA,CAAA,eAIA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQA,EAAAA,CACR,CAAA,MACE,CAAA,CAAA,CAAA,KACE,CAAA,CAAA,IAAA,CAAA,CAAA,oCACA,CAAA,iDACA,CAAA,yCACA,CAAA,yEACA,CAAA,6GAEA,CAAA,wFACA,CAAA,2CAMJ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQA,EAAAA,CACR,CAAA,MACE,QACE,CAAA,CAAA,IAAA,CAAA,CAAA,4BACA,CAAA,iDACA,CAAA,yCACA,CAAA,wFAEO,CAAA,CAAA,MAAA,CAAA,CAAA,gBAAkB,CAAA,6BAE9B,CAAA,CAAA,CAAA","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 ChipStylesDefaults = {\n  variant: 'info',\n} as const;\n\nexport const BaseChipStyles = tv({\n  slots: {\n    list: 'group/chip-list flex w-content flex-wrap gap-xs',\n    chip: [\n      'group/chip fg-default-light inline-flex w-content items-center justify-center rounded-full outline',\n      'size-medium:px-s size-medium:py-xs size-medium:text-body-s',\n      'size-small:px-s size-small:py-xs size-small:text-body-xs',\n    ],\n  },\n});\n\nexport const ChipStyles = tv({\n  extend: BaseChipStyles,\n  slots: {\n    chip: 'gap-xxs',\n  },\n  variants: {\n    variant: {\n      advisory: { chip: 'bg-advisory-subtle outline-advisory-bold' },\n      critical: { chip: 'bg-critical-subtle outline-critical' },\n      serious: { chip: 'bg-serious-subtle outline-serious' },\n      normal: { chip: 'bg-normal-subtle outline-normal' },\n      info: { chip: 'bg-info-subtle outline-info-bold' },\n    },\n  },\n  defaultVariants: ChipStylesDefaults,\n});\n\nexport const SelectableChipStyles = tv({\n  extend: BaseChipStyles,\n  slots: {\n    chip: [\n      'cursor-pointer outline-interactive',\n      'enabled:focus-visible:outline-interactive-hover',\n      'enabled:hover:outline-interactive-hover',\n      'enabled:selected:bg-highlight-subtle enabled:selected:outline-highlight',\n      'enabled:selected:focus-visible:outline-interactive-hover',\n      'enabled:selected:hover:outline-interactive-hover',\n      'disabled:fg-disabled disabled:cursor-not-allowed disabled:outline-interactive-disabled',\n      'disabled:selected:bg-interactive-disabled',\n    ],\n  },\n});\n\nexport const DeletableChipStyles = tv({\n  extend: BaseChipStyles,\n  slots: {\n    chip: [\n      'gap-xs outline-interactive',\n      'enabled:focus-visible:outline-interactive-hover',\n      'enabled:hover:outline-interactive-hover',\n      'disabled:fg-disabled disabled:cursor-not-allowed disabled:outline-interactive-disabled',\n    ],\n    remove: ['cursor-pointer', 'disabled:cursor-not-allowed'],\n  },\n});\n"]}