@accelint/design-toolkit 2.3.1 → 2.4.0

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

@@ -2,7 +2,6 @@ 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<{} | {
@@ -11,12 +10,6 @@ declare const ButtonStyles: tailwind_variants.TVReturnType<{} | {
         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 | {};
@@ -30,17 +23,11 @@ declare const ButtonStyles: tailwind_variants.TVReturnType<{} | {
         serious: string;
         critical: string;
     };
-    size: {
-        large: string;
-        medium: string;
-        small: string;
-        xsmall: string;
-    };
     variant: {
         filled: string;
         outline: string;
         flat: string;
-        icon: string;
+        icon: string[];
         floating: string[];
     };
 }, undefined, tailwind_variants.TVReturnType<{
@@ -49,17 +36,11 @@ declare const ButtonStyles: tailwind_variants.TVReturnType<{} | {
         serious: string;
         critical: string;
     };
-    size: {
-        large: string;
-        medium: string;
-        small: string;
-        xsmall: string;
-    };
     variant: {
         filled: string;
         outline: string;
         flat: string;
-        icon: string;
+        icon: string[];
         floating: string[];
     };
 }, undefined, string[], {
@@ -68,17 +49,11 @@ declare const ButtonStyles: tailwind_variants.TVReturnType<{} | {
         serious: string;
         critical: string;
     };
-    size: {
-        large: string;
-        medium: string;
-        small: string;
-        xsmall: string;
-    };
     variant: {
         filled: string;
         outline: string;
         flat: string;
-        icon: string;
+        icon: string[];
         floating: string[];
     };
 }, undefined, tailwind_variants.TVReturnType<{
@@ -87,17 +62,11 @@ declare const ButtonStyles: tailwind_variants.TVReturnType<{} | {
         serious: string;
         critical: string;
     };
-    size: {
-        large: string;
-        medium: string;
-        small: string;
-        xsmall: string;
-    };
     variant: {
         filled: string;
         outline: string;
         flat: string;
-        icon: string;
+        icon: string[];
         floating: string[];
     };
 }, undefined, string[], unknown, unknown, undefined>>>;
@@ -107,12 +76,6 @@ declare const LinkButtonStyles: tailwind_variants.TVReturnType<{} | {
         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 | {};
@@ -126,17 +89,11 @@ declare const LinkButtonStyles: tailwind_variants.TVReturnType<{} | {
         serious: string;
         critical: string;
     };
-    size: {
-        large: string;
-        medium: string;
-        small: string;
-        xsmall: string;
-    };
     variant: {
         filled: string;
         outline: string;
         flat: string;
-        icon: string;
+        icon: string[];
         floating: string[];
     };
 }, undefined, tailwind_variants.TVReturnType<{
@@ -145,17 +102,11 @@ declare const LinkButtonStyles: tailwind_variants.TVReturnType<{} | {
         serious: string;
         critical: string;
     };
-    size: {
-        large: string;
-        medium: string;
-        small: string;
-        xsmall: string;
-    };
     variant: {
         filled: string;
         outline: string;
         flat: string;
-        icon: string;
+        icon: string[];
         floating: string[];
     };
 }, undefined, string[], {
@@ -164,17 +115,11 @@ declare const LinkButtonStyles: tailwind_variants.TVReturnType<{} | {
         serious: string;
         critical: string;
     };
-    size: {
-        large: string;
-        medium: string;
-        small: string;
-        xsmall: string;
-    };
     variant: {
         filled: string;
         outline: string;
         flat: string;
-        icon: string;
+        icon: string[];
         floating: string[];
     };
 }, undefined, tailwind_variants.TVReturnType<{
@@ -183,17 +128,11 @@ declare const LinkButtonStyles: tailwind_variants.TVReturnType<{} | {
         serious: string;
         critical: string;
     };
-    size: {
-        large: string;
-        medium: string;
-        small: string;
-        xsmall: string;
-    };
     variant: {
         filled: string;
         outline: string;
         flat: string;
-        icon: string;
+        icon: string[];
         floating: string[];
     };
 }, undefined, string[], unknown, unknown, undefined>>>;
@@ -203,12 +142,6 @@ declare const ToggleButtonStyles: tailwind_variants.TVReturnType<{} | {
         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 | {};
@@ -222,17 +155,11 @@ declare const ToggleButtonStyles: tailwind_variants.TVReturnType<{} | {
         serious: string;
         critical: string;
     };
-    size: {
-        large: string;
-        medium: string;
-        small: string;
-        xsmall: string;
-    };
     variant: {
         filled: string;
         outline: string;
         flat: string;
-        icon: string;
+        icon: string[];
         floating: string[];
     };
 }, undefined, tailwind_variants.TVReturnType<{
@@ -241,17 +168,11 @@ declare const ToggleButtonStyles: tailwind_variants.TVReturnType<{} | {
         serious: string;
         critical: string;
     };
-    size: {
-        large: string;
-        medium: string;
-        small: string;
-        xsmall: string;
-    };
     variant: {
         filled: string;
         outline: string;
         flat: string;
-        icon: string;
+        icon: string[];
         floating: string[];
     };
 }, undefined, string[], {
@@ -260,17 +181,11 @@ declare const ToggleButtonStyles: tailwind_variants.TVReturnType<{} | {
         serious: string;
         critical: string;
     };
-    size: {
-        large: string;
-        medium: string;
-        small: string;
-        xsmall: string;
-    };
     variant: {
         filled: string;
         outline: string;
         flat: string;
-        icon: string;
+        icon: string[];
         floating: string[];
     };
 }, undefined, tailwind_variants.TVReturnType<{
@@ -279,17 +194,11 @@ declare const ToggleButtonStyles: tailwind_variants.TVReturnType<{} | {
         serious: string;
         critical: string;
     };
-    size: {
-        large: string;
-        medium: string;
-        small: string;
-        xsmall: string;
-    };
     variant: {
         filled: string;
         outline: string;
         flat: string;
-        icon: string;
+        icon: string[];
         floating: string[];
     };
 }, undefined, string[], unknown, unknown, undefined>>>;

package/dist/components/button/styles.js

@@ -1,2 +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
+import {tv}from'./../../lib/utils.js';var 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: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:i}),t=tv({extend:l}),o=tv({extend:l}),s=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,i as ButtonStylesDefaults,o 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":["e","tv","BaseButtonStyles"],"mappings":"4CAeS,CAAA,KAAA,CACP,MAAM,CAAA,IAAA,CAAA,QACN,CAAA,gBAIA,CAAA,CAAA,CAAA,CAAAA,EAAM,CACJ,CAAA,IAAA,CAAA,CAAA,sGACA,CAAA,6BAEF,CAAA,CAAA,QACE,CAAO,CACL,KAAM,CAAA,CAAA,IACN,CAAA,EAAA,CAAA,OACA,CAAA,EAAA,CAAA,QAEF,CAAA,EAAM,CACJ,MAAO,CAAA,KAAA,CAAA,gCACP,CAAQ,uCACD,CAAA,KAAA,CAAA,mCACC,MAAA,CAAA,mCAEV,CAAA,CAAA,SACU,MAAA,CAAA,uDACR,CAAA,oEACM,CAAA,IAAA,CAAA,8CACA,CAAA,IAAA,CAAA,8CACN,CAAA,QACE,CAAA,CAAA,cACA,CAAA,kHAMI,CAAC,CAAA,IAAA,CAAA,CAAA,OAAS,CAAA,iBACN,CAAA,CAAQ,iBAClB,CAAA,CAAA,SACF,CAAA,OAEQ,CAAC,CAAA,IAAA,CAAA,CAAA,gBACP,CAAA,CAAA,OAAU,CAAA,CAAQ,MAAA,CAAA,UAClB,CAAA,CAAA,SAAW,CACb,QAEQ,CAAC,CAAA,IAAA,CAAA,CAAA,gBACP,CAAA,CAAA,QACA,MAAA,CAAA,SAAW,CAAA,iBAMJ,CAAA,KAAA,CACP,MAAA,CAAA,gBACA,CAAA,2CAEE,CAAA,0CACA,CAAA,0CAIF,CAAA,CAAA,CAAO,CAAA,KAAA,CACP,cAAS,CAAA,SACT,CAAA,SACE,CAAA,CAAA,sDACA,CAAA,mFAKF,CAAA,CAAA,CAAO,CAAA,KAAA,CACP,cAAU,CAAA,CAAQ,MAAM,CAAA,MACxB,CAAA,CAAA,SACE,CAAA,CAAA,oEAEA,CAAA,yCAIF,CAAA,CAAA,CAAO,OACP,MAAA,CAAA,OAAS,CAAA,oBAEP,CAAA,CAAA,4JAEA,CAAA,4EAMF,CAAA,CAAA,CAAO,gBACP,CAAA,OAAS,CAAA,QACT,CAAA,+BAEE,CAAA,gCACA,CAAA,mCAIK,CAAA,KAAA,CAAA,SACP,CAAA,iBACA,CAAA,6DAEE,CAAA,yCACA,CAAA,4CAIK,CAAA,KAAA,CAAA,SACP,CAAA,OAAU,CAAA,CAAQ,MAAM,CAAA,MACxB,CAAA,CAAA,SACE,CAAA,CAAA,0BACA,CAAA,iEAKF,CAAA,CAAA,CAAO,gBACP,CAAA,OAAS,CAAA,oBAEP,CAAA,CAAA,mJAEA,CAAA,+EAMK,CAAA,KAAA,CAAA,UACP,CAAA,gBACA,CAAA,gCAEE,CAAA,iCACA,CAAA,oCAIK,CAAA,KAAA,CAAA,UACP,CAAA,iBACA,CAAA,8DAEE,CAAA,yCACA,CAAA,yCAIF,CAAA,CAAA,CAAO,CAAA,KAAA,CAAA,kBACG,CAAA,CAAQ,MAAM,CAAA,MACxB,CAAA,CAAA,SACE,CAAA,CAAA,0BACA,CAAA,mEAKF,CAAA,CAAA,CAAO,CAAA,KAAA,CAAA,kBACE,CAAA,UACT,CAAA,SACE,CAAA,CAAA,sJAEA,CAAA,4EAIN,CAAA,CAAA,CAAA,CAAA,eAG0BC,CAAAA,CAAG,CAC7B,QAAQC,MAGsBD,CAAAA,CAAG,CACjC,CAAA,CAAA,CAAA,CAAAD,EAAA,CAAA,CAAQE,MAGwBD,CAAAA,CAAG,CACnC,QAAQC,MACR,CAAA,CAAA,CAAA,gBAEI,CAAA,CAAO,OACP,MAAA,CAAA,OAAS,CAAA,kBAEP,CAAA,CAAA,qFAEA,CAAA,mDAIF,CAAA,CAAA,CAAO,CAAA,KAAA,CACP,MAAA,CAAA,kBACA,CAAA,+CAEE,CAAA,kDACA,CAAA,qDAIK,CAAA,KAAA,CAAA,SACP,CAAA,gBACA,CAAA,+CAEE,CAAA,yCACA,CAAA,yCAIF,CAAA,CAAA,CAAO,CAAA,KAAA,CAAA,iBACE,CAAA,UACT,CAAA,SACE,CAAA,CAAA,oCACA,CAAA,qGAKF,CAAA,CAAA,CAAO,CAAA,KAAA,CAAA,kBACE,CAAA,QACT,CAAA,SACE,CAAA,CAAA,qCACA,CAAA,qFAKF,CAAA,CAAA,CAAO,iBACP,CAAA,OAAS,CAAA,oBAEP,CAAA,CAAA,uFAEA,CAAA,kDAKF,CAAA,CAAA,CAAA,CAAA,SACE,CAAA,CAAA,+BACA,CAAA,2EAKP,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  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"]}
+{"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  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: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

@@ -3,7 +3,9 @@ import { ButtonProps as ButtonProps$1, LinkProps, ToggleButtonProps as ToggleBut
 import { VariantProps } from 'tailwind-variants';
 import { ButtonStyles } from './styles.js';
 
-type ButtonStyleVariants = VariantProps<typeof ButtonStyles>;
+type ButtonStyleVariants = VariantProps<typeof ButtonStyles> & {
+    size?: 'large' | 'medium' | 'small' | 'xsmall';
+};
 type ButtonProps = ButtonProps$1 & ButtonStyleVariants & RefAttributes<HTMLButtonElement>;
 type LinkButtonProps = LinkProps & ButtonStyleVariants & RefAttributes<HTMLAnchorElement>;
 type ToggleButtonProps = ToggleButtonProps$1 & ButtonStyleVariants & RefAttributes<HTMLButtonElement>;

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

@@ -1,19 +1,20 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import react__default from 'react';
-import { CheckboxProps as CheckboxProps$1, CheckboxGroupProps as CheckboxGroupProps$1 } from 'react-aria-components';
+import * as react from 'react';
+import { ContextValue } from 'react-aria-components';
+import { CheckboxProps, CheckboxGroupProps } from './types.js';
+import '@react-types/shared';
+import '../label/types.js';
 
-/**
- * This is a checkbox.
- */
-interface CheckboxProps extends CheckboxProps$1 {
+declare const CheckboxGroupContext: react.Context<ContextValue<CheckboxGroupProps, HTMLDivElement>>;
+declare function CheckboxGroup({ ref, ...props }: CheckboxGroupProps): react_jsx_runtime.JSX.Element;
+declare namespace CheckboxGroup {
+    var displayName: string;
 }
-declare function Checkbox({ className, children, ...args }: CheckboxProps): react_jsx_runtime.JSX.Element;
+declare const CheckboxContext: react.Context<ContextValue<CheckboxProps, HTMLLabelElement>>;
+declare function Checkbox({ ref, ...props }: CheckboxProps): react_jsx_runtime.JSX.Element;
 declare namespace Checkbox {
+    var displayName: string;
     var Group: typeof CheckboxGroup;
 }
-interface CheckboxGroupProps extends CheckboxGroupProps$1 {
-    label?: string | react__default.JSX.Element;
-}
-declare function CheckboxGroup({ children, className, label, ...props }: CheckboxGroupProps): react_jsx_runtime.JSX.Element;
 
-export { Checkbox, type CheckboxGroupProps, type CheckboxProps };
+export { Checkbox, CheckboxContext, CheckboxGroupContext };

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 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
+import'client-only';import {Remove,Check}from'@accelint/icons';import {createContext}from'react';import {useContextProps,Checkbox,composeRenderProps,CheckboxGroup}from'react-aria-components';import {Icon}from'../icon/index.js';import {Label}from'../label/index.js';import {CheckboxStyles}from'./styles.js';import {jsx,jsxs,Fragment}from'react/jsx-runtime';var {group:A,groupLabel:g,checkbox:v,control:R,label:V}=CheckboxStyles(),D=createContext(null);function i({ref:o,...e}){[e,o]=useContextProps(e,o??null,D);let{children:t,classNames:c,label:l,orientation:r="vertical",...p}=e;return jsx(CheckboxGroup,{...p,ref:o,className:composeRenderProps(c?.group,s=>A({className:s})),"data-orientation":r,children:composeRenderProps(t,(s,{isDisabled:h,isRequired:k})=>jsxs(Fragment,{children:[l&&jsx(Label,{className:g({className:c?.label}),isDisabled:h,isRequired:k,children:l}),s]}))})}i.displayName="Checkbox.Group";var E=createContext(null);function C({ref:o,...e}){[e,o]=useContextProps(e,o??null,E);let{classNames:t,children:c,...l}=e;return jsx(Checkbox,{...l,ref:o,className:composeRenderProps(t?.checkbox,r=>v({className:r})),children:composeRenderProps(c,(r,{isIndeterminate:p,isSelected:s})=>jsxs(Fragment,{children:[jsx("span",{className:R({className:t?.control}),children:jsxs(Icon,{size:"small",children:[p&&!s&&jsx(Remove,{}),s&&jsx(Check,{})]})}),r&&jsx("span",{className:V({className:t?.label}),children:r})]}))})}C.displayName="Checkbox";C.Group=i;export{C as Checkbox,E as CheckboxContext,D as CheckboxGroupContext};//# 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,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"]}
+{"version":3,"sources":["../../../src/components/checkbox/index.tsx"],"names":["CheckboxStyles","L","CheckboxGroupContext","createContext","b","props","ref","useContextProps","rest","AriaCheckboxGroup","f","classNames","className","group","children","jsxs","u","label","jsx","Label","y","CheckboxGroup","AriaCheckbox","P","checkbox","Fragment","a","Icon","d","isIndeterminate","isSelected","Remove","G","Check","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"]}

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

@@ -0,0 +1,53 @@
+import * as tailwind_variants from 'tailwind-variants';
+
+declare const CheckboxStyles: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            checkbox?: tailwind_variants.ClassValue;
+            group?: tailwind_variants.ClassValue;
+            label?: tailwind_variants.ClassValue;
+            groupLabel?: tailwind_variants.ClassValue;
+            control?: tailwind_variants.ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_variants.ClassValue | {
+            checkbox?: tailwind_variants.ClassValue;
+            group?: tailwind_variants.ClassValue;
+            label?: tailwind_variants.ClassValue;
+            groupLabel?: tailwind_variants.ClassValue;
+            control?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
+    group: string[];
+    groupLabel: string;
+    checkbox: string[];
+    control: string[];
+    label: string[];
+}, undefined, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            checkbox?: tailwind_variants.ClassValue;
+            group?: tailwind_variants.ClassValue;
+            label?: tailwind_variants.ClassValue;
+            groupLabel?: tailwind_variants.ClassValue;
+            control?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
+    group: string[];
+    groupLabel: string;
+    checkbox: string[];
+    control: string[];
+    label: string[];
+}, tailwind_variants.TVReturnType<unknown, {
+    group: string[];
+    groupLabel: string;
+    checkbox: string[];
+    control: string[];
+    label: string[];
+}, undefined, unknown, unknown, undefined>>;
+
+export { CheckboxStyles };

package/dist/components/checkbox/styles.js

@@ -0,0 +1,2 @@
+import {tv}from'./../../lib/utils.js';var 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-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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/checkbox/styles.ts"],"names":["e"],"mappings":"sCAeE,IAAA,CAAA,CAAAA,EAAA,CAAO,CACL,MAAO,CACL,KAAA,CAAA,CAAA,qEAEA,CAAA,2CAEU,CAAA,QACZ,CAAA,QACE,CAAA,CAAA,8JACA,CAAA,6BAEF,CAAA,CAAA,mGAEE,CAAA,uCACA,CAAA,+IAEA,CAAA,wIACA,CAAA,yMAEA,CAAA,8HACA,CAAA,+LAEA,CAAA,sDACA,CAAA,0IAEF,CAAO,CACL,6CACA,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-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/checkbox/types.d.ts

@@ -0,0 +1,22 @@
+import { Orientation } from '@react-types/shared';
+import { RefAttributes } from 'react';
+import { CheckboxProps as CheckboxProps$1, CheckboxGroupProps as CheckboxGroupProps$1 } from 'react-aria-components';
+import { LabelProps } from '../label/types.js';
+
+type CheckboxGroupProps = Omit<CheckboxGroupProps$1, 'className'> & RefAttributes<HTMLDivElement> & {
+    classNames?: {
+        group?: CheckboxGroupProps$1['className'];
+        label?: LabelProps['className'];
+    };
+    label?: string;
+    orientation?: Orientation;
+};
+type CheckboxProps = Omit<CheckboxProps$1, 'className'> & RefAttributes<HTMLLabelElement> & {
+    classNames?: {
+        checkbox?: CheckboxProps$1['className'];
+        control?: string;
+        label?: string;
+    };
+};
+
+export type { CheckboxGroupProps, CheckboxProps };

package/dist/components/checkbox/types.js

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

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

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

package/dist/components/chip/index.js

@@ -1,2 +1,2 @@
-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
+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 P({children:e,...t}){return jsx(c.Provider,{value:t,children:e})}P.displayName="Chip.Provider";var x=createContext(false);function y({ref:e,...t}){[t,e]=useContextProps(t,e??null,c);let{children:o,className:s,dependencies:r,items:a,renderEmptyState:n,size:l="medium",...h}=t;return jsx(x.Provider,{value:true,children:jsx(P,{size:l,children:jsx(TagGroup,{...h,children:jsx(TagList,{ref:e,className:composeRenderProps(s,d=>I({className:d})),dependencies:r,items:a,renderEmptyState:n,children:o})})})})}y.displayName="Chip.List";var{chip:R}=SelectableChipStyles();function N({ref:e,...t}){[t,e]=useContextProps(t,e??null,c);let{className:o,size:s="medium",...r}=t;return jsx(Tag,{...r,ref:e,className:composeRenderProps(o,a=>R({className:a,size:s})),"data-size":s})}N.displayName="Chip.Selectable";var{chip:V,remove:G}=DeletableChipStyles();function f({ref:e,...t}){[t,e]=useContextProps(t,e??null,c);let{children:o,classNames:s,size:r="medium",textValue:a=typeof o=="string"?o:void 0,...n}=t;return jsx(Tag,{...n,ref:e,className:composeRenderProps(s?.chip,l=>V({className:l,size:r})),textValue:a,"data-size":r,children:composeRenderProps(o,(l,{allowsRemoving:h})=>{if(!h)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(s?.remove,d=>G({className:d})),children:jsx(Icon,{size:"small",children:jsx(CancelFill,{})})})]})})})}f.displayName="Chip.Deletable";var{list:I,chip:w}=ChipStyles();function m({ref:e,...t}){[t,e]=useContextProps(t,e??null,c);let s=useContext(x)?Tag:"div",{className:r,size:a="medium",variant:n=ChipStylesDefaults.variant,...l}=t;return jsx(Icon.Provider,{size:a==="medium"?"small":"xsmall",children:jsx(s,{...l,ref:e,className:w({size:a,variant:n,className:r}),"data-size":a})})}m.displayName="Chip";m.Provider=P;m.List=y;m.Deletable=f;m.Selectable=N;export{m as Chip,c as ChipContext};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map