@accelint/design-toolkit 5.0.0 → 5.2.0

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

@@ -1 +1 @@
-{"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,oCACA,CAAA,6FAEA,CAAA,4DAGA,CAAA,kFAEA,CAAA,8CACA,CAAA,kGAIA,CAAA,yCACA,CAAA,yGAGO,CACP,CAAA,OAAA,CAAA,CAAA,wIAIA,CAAA,oDACA,CAAA,+IAIA,CAAA,uDACA,CAAA,qJAIA,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,0MAEA,CAAA,2GAGA,CAAA,2NAEA,CAAA,iHAGA,CAAA,mOAEA,CAAA,mHAIN,CAAA,CAAA,CAAA,CAAA,gBAGI,CAAS,CAAC,CAAA,OAAQ,CAAA,CAAA,MAClB,CAAA,MAAA,CAAA,CAAW,SACT,CAAA,CAAA,oCACA,CAAA,mHAOF,CAAA,CAAS,CAAC,QAAQ,CAAA,CAAA,eACP,SACT,CAAA,CAAA,sFAEA,CAAA,sDAMF,CAAA,CAAS,CAAC,CAAA,OAAQ,CAAA,CAAA,MAClB,CAAA,MAAA,CAAA,CAAW,SACT,CAAA,CAAA,wCACA,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,wDAEE,CAAA,+CACA,CAAA,uDAEF,CAAU,CACR,QAAS,CACP,CAAA,OAEE,CAAA,CAAA,MAAA,CAAA,CAAA,2CACA,CAAA,mIAIA,CAAA,iDACA,CAAA,uHAIA,CAAA,mDACA,CAAA,2HAGF,CAAU,CAER,QAAA,CAAA,CAAA,yDACA,CAAA,mIAIA,CAAA,4DACA,CAAA,yIAIA,CAAA,6DACA,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-bold',\n        'enabled:color-info:bg-interactive-bold',\n        'enabled:hover:color-info:bg-interactive-bold-hover',\n        'enabled:focus-visible:color-info:bg-interactive-bold-hover',\n\n        // Serious\n        'enabled:color-serious:fg-a11y-on-utility',\n        'enabled:color-serious:bg-serious-bold',\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-a11y-on-utility',\n        'enabled:color-critical:bg-critical-bold',\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-primary-bold 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-primary-bold enabled:color-serious:outline-serious-bold',\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-primary-bold enabled:color-critical:outline-critical-bold',\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-info-bold enabled:color-info:bg-surface-default enabled:color-info:outline-interactive',\n        'enabled:hover:color-info:fg-info-hover enabled:hover:color-info:outline-interactive-hover',\n        'enabled:focus-visible:color-info:fg-info-hover enabled:focus-visible:color-info:outline-interactive-hover',\n\n        // Serious\n        'enabled:color-serious:fg-serious-bold enabled:color-serious:bg-serious-muted enabled:color-serious:outline-serious-bold',\n        'enabled:hover:color-serious:fg-info-hover enabled:hover:color-serious:outline-interactive-hover',\n        'enabled:focus-visible:color-serious:fg-info-hover enabled:focus-visible:color-serious:outline-interactive-hover',\n\n        // Critical\n        'enabled:color-critical:fg-critical-bold enabled:color-critical:bg-critical-muted enabled:color-critical:outline-critical-bold',\n        'enabled:hover:color-critical:fg-info-hover enabled:hover:color-critical:outline-interactive-hover',\n        'enabled:focus-visible:color-critical:fg-info-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-primary-bold',\n        'enabled:hover:color-info:bg-interactive-muted-hover',\n        'enabled:focus-visible:color-info:bg-interactive-muted-hover',\n      ],\n    },\n\n    // Serious\n    {\n      variant: ['flat', 'icon'],\n      className: [\n        'enabled:color-serious:fg-primary-bold',\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-primary-bold',\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-accent-primary-bold',\n    'enabled:selected:hover:fg-accent-primary-bold',\n    'enabled:selected:focus-visible:fg-accent-primary-bold',\n  ],\n  variants: {\n    variant: {\n      filled: [\n        // Info\n        'enabled:selected:color-info:bg-info-muted',\n        'enabled:selected:hover:color-info:bg-interactive-bold-hover',\n        'enabled:selected:focus-visible:color-info:bg-interactive-bold-hover',\n\n        // Serious\n        'enabled:selected:color-serious:bg-serious-muted',\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-muted',\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-accent-primary-bold',\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-accent-primary-bold',\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-accent-primary-bold',\n        'enabled:selected:hover:color-critical:outline-interactive-hover',\n        'enabled:selected:focus-visible:color-critical:outline-interactive-hover',\n      ],\n    },\n  },\n});\n"]}
+{"version":3,"sources":["../../../src/components/button/styles.ts"],"names":["BaseButtonStyles","e"],"mappings":"sCAeE,MAAA,CAAS,CAAA,CAAA,OACX,CAEMA,QACJ,CAAA,CAAM,CACJ,CAAAC,EAAA,CAAA,CAAA,IAAA,CAAA,CAAA,mHACA,CAAA,kIAEA,CAAA,0GACA,CAAA,sGACA,CAAA,0FACA,CAAA,mCAEF,CAAU,CACR,QAAS,CACP,QACE,CAAA,CAAA,MAAA,CAAA,CAAA,uDAGA,CAAA,wFACA,CAAA,+HAEA,CAAA,iHAGA,CAAA,yLAEA,CAAA,mHACA,CAAA,mMAIA,CAAA,oDACA,CAAA,4DACA,CAAA,4GAGA,CAAA,+HAEA,CAAA,sDACA,CAAA,gGAGA,CAAA,mFACA,CAAA,yGAEA,CAAA,oGAEO,CACP,sEAGA,CAAA,gKACA,CAAA,mVAEA,CAAA,mNAGA,CAAA,qTAEA,CAAA,kLACA,CAAA,6MAGA,CAAA,wJACA,CAAA,8ZAEA,CAAA,+MAGA,CAAA,qJACA,CAAA,oLACA,CAAA,mZAIA,CAAA,0JACA,CAAA,0LACA,CAAA,0NACA,CAAA,8PAMA,CAAA,2CACA,CAAA,+HAEA,CAAA,2GAGA,CAAA,yCACA,CAAA,0DACA,CAAA,4KAIA,CAAA,6CACA,CAAA,iGACA,CAAA,iHACA,CAAA,uJAIA,CAAA,4FACA,CAAA,4GACA,CAAA,mGAGA,CAAA,yIAEA,CAAA,+GACA,CAAA,uOAIA,CAAA,2CACA,CAAA,mDACA,CAAA,yCACA,CAAA,kGAIA,CAAA,2CACA,CAAA,2DACA,CAAA,mEACA,CAAA,qJAIA,CAAA,0DACA,CAAA,kEACA,CAAA,yGAGA,CAAA,wJAEA,CAAA,0HACA,CAAA,0JAIA,CAAA,qGACA,CAAA,mOAIA,CAAA,yCACA,CAAA,wGACA,CAAA,wHACA,CAAA,gHAEF,CAAU,CACR,QAAA,CAAA,CAAA,cACA,CAAA,iHAEA,CAAA,mDACA,CAAA,yCACA,CAAA,mDACA,CAAA,kOAIA,CAAA,0GACA,CAAA,sOAIA,CAAA,gIACA,CAAA,iOAEA,CAAA,yGAGA,CAAA,0IACA,CAAA,4GACA,CAAA,2SAIA,CAAA,yHACA,CAAA,yNAEA,CAAA,mKAGA,CAAA,qOAEA,CAAA,qHACA,CAAA,wKAIN,CAAA,CAAA,CAAA,CAAA,eAIA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQD,EACV,CAAC,OAGC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQA,EACV,CAAC,CAAA,MAGC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQA,EAAAA,CACR,OACE,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,yLAEA,CAAA,uHACA,CAAA,4GAEF,CAAU,CACR,QAAS,CACP,CAAA,6DAEE,CAAA,wHAGA,CAAA,mFACA,CAAA,2DACA,CAAA,+KAIA,CAAA,iNACA,CAAA,6PAEA,CAAA,uPAGA,CAAA,oGAEA,CAAA,kEACA,CAAA,yGAGA,CAAA,8IACA,CAAA,+aAEA,CAAA,mPAGA,CAAA,0EACA,CAAA,uGACA,CAAA,oOAIA,CAAA,6LACA,CAAA,kOACA,CAAA,kQACA,CAAA,gUAIA,CAAA,0FACA,CAAA,4MAIA,CAAA,2LACA,CAAA,6cAEA,CAAA,qOAGA,CAAA,+EACA,CAAA,+FACA,CAAA,oNAIA,CAAA,iMACA,CAAA,2VAEA,CAAA,yOAEO,CACP,CAAA,OAAA,CAAA,CAAA,qFACA,CAAA,wHAGA,CAAA,8TAEA,CAAA,qLACA,CAAA,qaAIA,CAAA,uKACA,CAAA,8XAIA,CAAA,0JACA,CAAA,wJACA,CAAA,gLACA,CAAA,oTAIA,CAAA,yOACA,CAAA,0QACA,CAAA,iPAGA,CAAA,oUAEA,CAAA,qNACA,CAAA,sMAGA,CAAA,4LACA,CAAA,qeAEA,CAAA,sPAGA,CAAA,uUAEA,CAAA,kNACA,CAAA,oVAIA,CAAA,uKACA,CAAA,+LACA,CAAA,qOAGA,CAAA,kVAEA,CAAA,wNACA,CAAA,qMAGA,CAAA,2JACA,CAAA,iXAEA,CAAA,4WAIA,CAAA,2CACA,CAAA,6FAEA,CAAA,mDAGA,CAAA,wHAMA,CAAA,2CACA,CAAA,2DACA,CAAA,mEACA,CAAA,uNAIA,CAAA,4HACA,CAAA,4IACA,CAAA,6HAGA,CAAA,oGAEA,CAAA,kEACA,CAAA,yGAGA,CAAA,uGACA,CAAA,oMAEA,CAAA,2HAGA,CAAA,8IAEA,CAAA,uHACA,CAAA,6NAIA,CAAA,mHACA,CAAA,mIACA,CAAA,iIAGA,CAAA,mIAEA,CAAA,2GACA,CAAA,oMAIA,CAAA,4GACA,CAAA,kPAIA,CAAA,yCACA,CAAA,+FACA,CAAA,+GACA,CAAA,4MAIA,CAAA,iHACA,CAAA,2PAKP,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  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:min-w-[96px] size-large:gap-xs size-large:px-l size-large:py-s size-large:text-button-l',\n    'size-medium:min-w-[68px] size-medium:gap-xs size-medium:px-m size-medium:py-xs size-medium:text-button-m',\n    'size-small:min-w-[54px] size-small:gap-xxs size-small:px-s size-small:py-xs size-small:text-button-s',\n    'size-xsmall:min-w-[41px] size-xsmall:gap-xxs size-xsmall:p-xs size-xsmall:text-button-xs',\n    'transition-colors duration-[80ms]',\n  ],\n  variants: {\n    variant: {\n      filled: [\n        'disabled:fg-disabled disabled:bg-interactive-disabled',\n\n        // Mono Muted\n        'enabled:color-mono-muted:fg-primary-bold enabled:color-mono-muted:bg-interactive-muted',\n        'enabled:hover:color-mono-muted:bg-interactive-muted-hover',\n        'enabled:focus-visible:color-mono-muted:bg-interactive-muted-hover',\n        'enabled:pressed:color-mono-muted:fg-primary-muted enabled:pressed:color-mono-muted:bg-interactive-muted-pressed',\n\n        // Mono Bold\n        'enabled:color-mono-bold:fg-inverse-bold enabled:color-mono-bold:bg-interactive-bold',\n        'enabled:hover:color-mono-bold:fg-disabled enabled:hover:color-mono-bold:bg-interactive-bold-hover',\n        'enabled:focus-visible:color-mono-bold:fg-disabled enabled:focus-visible:color-mono-bold:bg-interactive-bold-hover',\n        'enabled:pressed:color-mono-bold:fg-inverse-muted enabled:pressed:color-mono-bold:bg-interactive-bold-pressed',\n\n        // Accent\n        'enabled:color-accent:fg-a11y-on-accent enabled:color-accent:bg-accent-primary-bold',\n        'enabled:hover:color-accent:bg-accent-primary-hover',\n        'enabled:focus-visible:color-accent:bg-accent-primary-hover',\n        'enabled:pressed:color-accent:fg-accent-primary-bold enabled:pressed:color-accent:bg-accent-primary-pressed',\n\n        // Serious\n        'enabled:color-serious:fg-a11y-on-utility enabled:color-serious:bg-serious-bold',\n        'enabled:hover:color-serious:bg-serious-hover',\n        'enabled:focus-visible:color-serious:bg-serious-hover',\n        'enabled:pressed:color-serious:fg-serious-bold enabled:pressed:color-serious:bg-serious-pressed',\n\n        // Critical\n        'enabled:color-critical:fg-a11y-on-utility enabled:color-critical:bg-critical-bold',\n        'enabled:hover:color-critical:bg-critical-hover',\n        'enabled:focus-visible:color-critical:bg-critical-hover',\n        'enabled:pressed:color-critical:fg-critical-bold enabled:pressed:color-critical:bg-critical-pressed',\n      ],\n      outline: [\n        'disabled:fg-disabled disabled:outline-interactive-disabled',\n\n        // Mono Muted\n        'enabled:color-mono-muted:fg-primary-bold enabled:color-mono-muted:bg-transparent enabled:color-mono-muted:outline enabled:color-mono-muted:outline-interactive',\n        'enabled:hover:color-mono-muted:bg-interactive-muted-hover enabled:hover:color-mono-muted:outline-2 enabled:hover:color-mono-muted:outline-interactive-hover',\n        'enabled:focus-visible:color-mono-muted:bg-interactive-muted-hover enabled:focus-visible:color-mono-muted:outline-2 enabled:focus-visible:color-mono-muted:outline-interactive-hover',\n        'enabled:pressed:color-mono-muted:fg-pressed enabled:pressed:color-mono-muted:bg-interactive-muted-pressed enabled:pressed:color-mono-muted:outline-2 enabled:pressed:color-mono-muted:outline-interactive-pressed',\n\n        // Mono Bold\n        'enabled:color-mono-bold:fg-primary-bold enabled:color-mono-bold:bg-transparent enabled:color-mono-bold:outline enabled:color-mono-bold:outline-mono-bold',\n        'enabled:hover:color-mono-bold:bg-interactive-muted-hover enabled:hover:color-mono-bold:outline-2 enabled:hover:color-mono-bold:outline-interactive-hover',\n        'enabled:focus-visible:color-mono-bold:bg-interactive-muted-hover enabled:focus-visible:color-mono-bold:outline-2 enabled:focus-visible:color-mono-bold:outline-interactive-hover',\n        'enabled:pressed:color-mono-bold:fg-pressed enabled:pressed:color-mono-bold:bg-interactive-muted-pressed enabled:pressed:color-mono-bold:outline-2 enabled:pressed:color-mono-bold:outline-mono-bold-pressed',\n\n        // Accent\n        'enabled:color-accent:fg-primary-bold enabled:color-accent:bg-transparent enabled:color-accent:outline enabled:color-accent:outline-accent-primary-bold',\n        'enabled:hover:color-accent:fg-a11y-on-accent enabled:hover:color-accent:bg-accent-primary-hover enabled:hover:color-accent:outline-2 enabled:hover:color-accent:outline-accent-primary-hover',\n        'enabled:focus-visible::color-accent:fg-a11y-on-accent enabled:focus-visible:color-accent:bg-accent-primary-hover enabled:focus-visible:color-accent:outline-2 enabled:focus-visible:color-accent:outline-accent-primary-hover',\n        'enabled:pressed:color-accent:fg-accent-primary-bold enabled:pressed:color-accent:bg-accent-primary-pressed enabled:pressed:color-accent:outline-2 enabled:pressed:color-accent:outline-accent-primary-pressed',\n\n        // Serious\n        'enabled:color-serious:fg-primary-bold enabled:color-serious:bg-transparent enabled:color-serious:outline enabled:color-serious:outline-serious-bold',\n        'enabled:hover:color-serious:fg-a11y-on-accent enabled:hover:color-serious:bg-serious-hover enabled:hover:color-serious:outline-2 enabled:hover:color-serious:outline-serious-hover',\n        'enabled:focus-visible:color-serious:fg-a11y-on-accent enabled:focus-visible:color-serious:bg-serious-hover enabled:focus-visible:color-serious:outline-2 enabled:focus-visible:color-serious:outline-serious-hover',\n        'enabled:pressed:color-serious:fg-serious-bold enabled:pressed:color-serious:bg-serious-pressed enabled:pressed:color-serious:outline-2 enabled:pressed:color-serious:outline-serious-pressed',\n\n        // Critical\n        'enabled:color-critical:fg-primary-bold enabled:color-critical:bg-transparent enabled:color-critical:outline enabled:color-critical:outline-critical-bold',\n        'enabled:hover:color-critical:fg-a11y-on-accent enabled:hover:color-critical:bg-critical-hover enabled:hover:color-critical:outline-2 enabled:hover:color-critical:outline-critical-hover',\n        'enabled:focus-visible:color-critical:fg-a11y-on-accent enabled:focus-visible:color-critical:bg-critical-hover enabled:focus-visible:color-critical:outline-2 enabled:focus-visible:color-critical:outline-critical-hover',\n        'enabled:pressed:color-critical:fg-critical-pressed enabled:pressed:color-critical:bg-critical-pressed enabled:pressed:color-critical:outline-2 enabled:pressed:color-critical:outline-critical-pressed',\n      ],\n      flat: [\n        'disabled:fg-disabled disabled:bg-transparent',\n\n        // Mono Muted\n        'enabled:color-mono-muted:fg-primary-muted',\n        'enabled:hover:color-mono-muted:bg-interactive-muted-hover',\n        'enabled:focus-visible:color-mono-muted:bg-interactive-muted-hover',\n        'enabled:pressed:color-mono-muted:fg-pressed enabled:pressed:color-mono-muted:bg-interactive-muted-pressed',\n\n        // Mono Bold\n        'enabled:color-mono-bold:fg-primary-bold',\n        'enabled:hover:color-mono-bold:bg-interactive-muted-hover',\n        'enabled:focus-visible:color-mono-bold:bg-interactive-muted-hover',\n        'enabled:pressed:color-mono-bold:fg-pressed enabled:pressed:color-mono-bold:bg-interactive-muted-pressed',\n\n        // Accent\n        'enabled:color-accent:fg-accent-primary-bold',\n        'enabled:hover:color-accent:fg-a11y-on-accent enabled:hover:color-accent:bg-accent-primary-hover',\n        'enabled:focus-visible:color-accent:fg-a11y-on-accent enabled:focus-visible:color-accent:bg-accent-primary-hover',\n        'enabled:pressed:color-accent:fg-accent-primary-pressed enabled:pressed:color-accent:bg-accent-primary-pressed',\n\n        // Serious\n        'enabled:color-serious:fg-serious-bold',\n        'enabled:hover:color-serious:fg-a11y-on-accent enabled:hover:color-serious:bg-serious-hover',\n        'enabled:focus-visible:color-serious:fg-a11y-on-accent enabled:focus-visible:color-serious:bg-serious-hover',\n        'enabled:pressed:color-serious:fg-serious-pressed enabled:pressed:color-serious:bg-serious-pressed',\n\n        // Critical\n        'enabled:color-critical:fg-critical-bold',\n        'enabled:hover:color-critical:fg-a11y-on-accent enabled:hover:color-critical:bg-critical-hover',\n        'enabled:focus-visible:color-critical:fg-a11y-on-accent enabled:focus-visible:color-critical:bg-critical-hover',\n        'enabled:pressed:color-critical:fg-critical-pressed enabled:pressed:color-critical:bg-critical-pressed',\n      ],\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        'size-large:min-w-xxl size-large:max-w-xxl',\n        'size-medium:min-w-[28px] size-medium:max-w-[28px]',\n        'size-small:min-w-xl size-small:max-w-xl',\n        'size-xsmall:min-w-[20px] size-xsmall:max-w-[20px]',\n        'disabled:fg-disabled disabled:bg-transparent',\n\n        // Mono Muted\n        'enabled:color-mono-muted:fg-primary-muted',\n        'enabled:hover:color-mono-muted:bg-interactive-muted-hover',\n        'enabled:focus-visible:color-mono-muted:bg-interactive-muted-hover',\n        'enabled:pressed:color-mono-muted:fg-pressed enabled:pressed:color-mono-muted:bg-interactive-muted-pressed',\n\n        // Mono Bold\n        'enabled:color-mono-bold:fg-primary-bold',\n        'enabled:hover:color-mono-bold:bg-interactive-muted-hover',\n        'enabled:focus-visible:color-mono-bold:bg-interactive-muted-hover',\n        'enabled:pressed:color-mono-bold:fg-pressed enabled:pressed:color-mono-bold:bg-interactive-muted-pressed',\n\n        // Accent\n        'enabled:color-accent:fg-accent-primary-bold',\n        'enabled:hover:color-accent:fg-accent-primary-hover enabled:hover:color-accent:bg-interactive-muted-hover',\n        'enabled:focus-visible:color-accent:fg-accent-primary-hover enabled:focus-visible:color-accent:bg-interactive-muted-hover',\n        'enabled:pressed:color-accent:fg-accent-primary-pressed enabled:pressed:color-accent:bg-interactive-muted-pressed',\n\n        // Serious\n        'enabled:color-serious:fg-serious-bold',\n        'enabled:hover:color-serious:fg-serious-hover enabled:hover:color-serious:bg-interactive-muted-hover',\n        'enabled:focus-visible:color-serious:fg-serious-hover enabled:focus-visible:color-serious:bg-interactive-muted-hover',\n        'enabled:pressed:color-serious:fg-serious-pressed enabled:pressed:color-serious:bg-interactive-muted-pressed',\n\n        // Critical\n        'enabled:color-critical:fg-critical-bold',\n        'enabled:hover:color-critical:fg-critical-hover enabled:hover:color-critical:bg-interactive-muted-hover',\n        'enabled:focus-visible:color-critical:fg-critical-hover enabled:focus-visible:color-critical:bg-interactive-muted-hover',\n        'enabled:pressed:color-critical:fg-critical-pressed enabled:pressed:color-critical:bg-interactive-muted-pressed',\n      ],\n      floating: [\n        'rounded-full',\n        'size-large:p-xs size-medium:p-xs size-small:p-xxs size-xsmall:p-xxs',\n        'size-large:min-w-xxl size-large:max-w-xxl',\n        'size-medium:min-w-[28px] size-medium:max-w-[28px]',\n        'size-small:min-w-xl size-small:max-w-xl',\n        'size-xsmall:min-w-[20px] size-xsmall:max-w-[20px]',\n        'disabled:fg-disabled disabled:bg-interactive-disabled disabled:outline-interactive-disabled',\n\n        // Mono Muted\n        'enabled:color-mono-muted:fg-primary-muted enabled:color-mono-muted:bg-surface-default enabled:color-mono-muted:outline-interactive',\n        'enabled:hover:color-mono-muted:fg-primary-hover enabled:hover:color-mono-muted:outline-interactive-hover',\n        'enabled:focus-visible:color-mono-muted:fg-primary-hover enabled:focus-visible:color-mono-muted:outline-interactive-hover',\n        'enabled:pressed:color-mono-muted:fg-pressed enabled:pressed:color-mono-muted:bg-interactive-muted-pressed',\n\n        // Mono Bold\n        'enabled:color-mono-bold:fg-primary-bold enabled:color-mono-bold:bg-surface-default enabled:color-mono-bold:outline-interactive',\n        'enabled:hover:color-mono-bold:fg-primary-hover enabled:hover:color-mono-bold:outline-interactive-hover',\n        'enabled:focus-visible:color-mono-bold:fg-primary-hover enabled:focus-visible:color-mono-bold:outline-interactive-hover',\n        'enabled:pressed:color-mono-bold:fg-pressed enabled:pressed:color-mono-bold:bg-interactive-muted-pressed',\n\n        // Accent\n        'enabled:color-accent:fg-accent-primary-bold enabled:color-accent:bg-accent-primary-bold enabled:color-accent:outline-accent-primary-bold',\n        'enabled:hover:color-accent:fg-accent-primary-hover enabled:hover:color-accent:outline-accent-primary-hover',\n        'enabled:focus-visible:color-accent:fg-accent-primary-hover enabled:focus-visible:color-accent:outline-accent-primary-hover',\n        'enabled:pressed:color-accent:fg-accent-primary-pressed enabled:pressed:color-accent:bg-interactive-muted-pressed enabled:pressed:color-accent:outline-accent-primary-pressed',\n\n        // Serious\n        'enabled:color-serious:fg-serious-bold enabled:color-serious:bg-serious-muted enabled:color-serious:outline-serious-bold',\n        'enabled:hover:color-serious:fg-serious-hover enabled:hover:color-serious:outline-interactive-hover',\n        'enabled:focus-visible:color-serious:fg-serious-hover enabled:focus-visible:color-serious:outline-interactive-hover',\n        'enabled:pressed:color-serious:fg-serious-pressed enabled:pressed:color-serious:bg-interactive-muted-pressed enabled:pressed:color-serious:outline-serious-pressed',\n\n        // Critical\n        'enabled:color-critical:fg-critical-bold enabled:color-critical:bg-critical-muted enabled:color-critical:outline-critical-bold',\n        'enabled:hover:color-critical:fg-critiical-hover enabled:hover:color-critical:outline-critical-hover',\n        'enabled:focus-visible:color-critical:fg-critiical-hover enabled:focus-visible:color-critical:outline-critical-hover',\n        'enabled:pressed:color-critical:fg-critical-pressed enabled:pressed:color-critical:bg-interactive-muted-pressed enabled:pressed:color-critical:outline-critical-pressed',\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:color-accent:fg-accent-primary-bold enabled:color-accent:bg-transparent',\n    'enabled:hover:color-accent:fg-accent-primary-hover enabled:hover:color-accent:bg-accent-primary-muted',\n    'enabled:focus-visible:color-accent:fg-accent-primary-hover enabled:focus-visible:color-accent:bg-accent-primary-muted',\n    'enabled:pressed:color-accent:fg-accent-primary-bold enabled:pressed:color-accent:bg-accent-primary-pressed',\n  ],\n  variants: {\n    variant: {\n      flat: [\n        'disabled:fg-disabled disabled:bg-transparent',\n        'disabled:selected:fg-disabled disabled:selected:bg-interactive-disabled disabled:selected:outline-interactive-disabled',\n\n        // Mono Muted\n        'enabled:color-mono-muted:fg-primary-muted enabled:color-mono-muted:bg-transparent',\n        'enabled:hover:color-mono-muted:bg-interactive-muted-hover',\n        'enabled:focus-visible:color-mono-muted:bg-interactive-muted-hover',\n        'enabled:pressed:color-mono-muted:fg-pressed enabled:pressed:color-mono-muted:bg-interactive-muted-pressed',\n\n        // Mono Muted - Selected\n        'enabled:selected:color-mono-muted:fg-primary-muted enabled:selected:color-mono-muted:bg-interactive-muted enabled:selected:color-mono-muted:outline enabled:selected:color-mono-muted:outline-interactive-hover',\n        'enabled:selected:hover:color-mono-muted:bg-interactive-muted-hover enabled:selected:hover:color-mono-muted:outline-2',\n        'enabled:selected:focus-visible:color-mono-muted:bg-interactive-muted-hover enabled:selected:focus-visible:color-mono-muted:outline-2',\n        'enabled:selected:pressed:color-mono-muted:fg-pressed enabled:selected:pressed:color-mono-muted:bg-interactive-muted-pressed enabled:selected:pressed:color-mono-muted:outline-2 enabled:selected:pressed:color-mono-muted:outline-interactive-pressed',\n\n        // Mono Bold\n        'enabled:color-mono-bold:fg-primary-bold',\n        'enabled:hover:color-mono-bold:bg-interactive-muted-hover',\n        'enabled:focus-visible:color-mono-bold:bg-interactive-muted-hover',\n        'enabled:pressed:color-mono-bold:fg-pressed enabled:pressed:color-mono-bold:bg-interactive-muted-pressed',\n\n        // Mono Bold - Selected\n        'enabled:selected:color-mono-bold:fg-primary-bold enabled:selected:color-mono-bold:outline enabled:selected:color-mono-bold:outline-mono-bold',\n        'enabled:selected:hover:color-mono-bold:fg-hover enabled:selected:hover:color-mono-bold:bg-interactive-muted-hover enabled:selected:hover:color-mono-bold:outline-2 enabled:selected:hover:color-mono-bold:outline-mono-bold-hover',\n        'enabled:selected:focus-visible:color-mono-bold:bg-interactive-muted-hover enabled:selected:focus-visible:color-mono-bold:outline-2 enabled:selected:focus-visible:color-mono-bold:outline-mono-bold-hover',\n        'enabled:selected:pressed:color-mono-bold:fg-pressed enabled:selected:pressed:color-mono-bold:bg-interactive-muted-pressed enabled:selected:pressed:color-mono-bold:outline-2 enabled:selected:pressed:color-mono-bold:outline-interactive-pressed',\n\n        // Accent\n        'enabled:color-accent:fg-primary-bold enabled:color-accent:bg-transparent',\n        'enabled:hover:color-accent:fg-accent-primary-hover enabled:hover:color-accent:bg-accent-primary-muted',\n        'enabled:focus-visible:color-accent:fg-accent-primary-hover enabled:focus-visible:color-accent:bg-accent-primary-muted',\n        'enabled:pressed:color-accent:fg-accent-primary-bold enabled:pressed:color-accent:bg-accent-primary-pressed',\n\n        // Accent - Selected\n        'enabled:selected:color-accent:fg-a11y-on-accent enabled:selected:color-accent:bg-accent-primary-bold enabled:color-accent:outline enabled:selected:color-accent:outline-accent-primary-bold',\n        'enabled:selected:hover:color-accent:fg-a11y-on-accent enabled:selected:hover:color-accent:bg-accent-primary-hover enabled:selected:hover:color-accent:outline-2 enabled:selected:hover:color-accent:outline-accent-primary-hover',\n        'enabled:selected:focus-visible:color-accent:fg-a11y-on-accent enabled:selected:focus-visible:color-accent:bg-accent-primary-hover enabled:selected:focus-visible:color-accent:outline-2 enabled:selected:focus-visible:color-accent:outline-accent-primary-hover',\n        'enabled:selected:pressed:color-accent:fg-accent-primary-bold enabled:selected:pressed:color-accent:bg-accent-primary-pressed enabled:selected:pressed:color-accent:outline-2 enabled:selected:pressed:color-accent:outline-accent-primary-pressed',\n\n        // Serious\n        'enabled:color-serious:fg-serious-bold enabled:color-serious:bg-transparent',\n        'enabled:hover:color-serious:fg-serious-hover enabled:hover:color-serious:bg-serious-bold',\n        'enabled:focus-visible:color-serious:fg-serious-hover enabled:focus-visible:color-serious:bg-serious-muted',\n        'enabled:pressed:color-serious:fg-serious-bold enabled:pressed:color-serious:bg-serious-pressed',\n\n        // Serious - Selected\n        'enabled:selected:color-serious:fg-primary-bold enabled:selected:color-serious:bg-serious-muted enabled:selected:color-serious:outline enabled:selected:color-serious:outline-serious-bold',\n        'enabled:selected:hover:color-serious:fg-primary-bold enabled:selected:hover:color-serious:bg-serious-hover enabled:selected:hover:color-serious:outline-2 enabled:selected:hover:color-serious:outline-serious-hover',\n        'enabled:selected:focus-visible:color-serious:fg-primary-bold enabled:selected:focus-visible:color-serious:bg-serious-hover enabled:selected:focus-visible:color-serious:outline-2 enabled:selected:focus-visible:color-serious:outline-serious-hover',\n        'enabled:selected:pressed:color-serious:fg-serious-pressed enabled:selected:pressed:color-serious:bg-serious-pressed enabled:selected:pressed:color-serious:outline-2 enabled:selected:pressed:color-serious:outline-serious-pressed',\n\n        // Critical\n        'enabled:color-critical:fg-critical-bold enabled:color-critical:bg-transparent',\n        'enabled:hover:color-critical:fg-critical-hover enabled:hover:color-critical:bg-critical-muted',\n        'enabled:focus-visible:color-critical:fg-critical-hover enabled:focus-visible:color-critical:bg-critical-muted',\n        'enabled:pressed:color-critical:fg-critical-bold enabled:pressed:color-critical:bg-critical-pressed',\n\n        // Critical - Selected\n        'enabled:selected:color-critical:fg-primary-bold enabled:selected:color-critical:bg-critical-muted enabled:selected:color-critical:outline enabled:selected:color-critical:outline-critical-bold',\n        'enabled:selected:hover:color-critical:fg-a11y-on-accent enabled:selected:hover:color-critical:bg-critical-hover enabled:selected:hover:color-critical:outline-2',\n        'enabled:selected:focus-visible:color-critical:fg-a11y-on-accent enabled:selected:focus-visible:color-critical:bg-critical-hover enabled:selected:focus-visible:color-critical:outline-2',\n        'enabled:selected:pressed:color-critical:fg-critical-bold enabled:selected:pressed:color-critical:bg-critical-pressed enabled:selected:pressed:color-critical:outline-2 enabled:selected:pressed:color-critical:outline-critical-pressed',\n      ],\n      outline: [\n        'disabled: disabled:fg-disabled outline-interactive-disabled disabled:bg-transparent',\n        'disabled:selected:fg-disabled disabled:selected:bg-interactive-disabled disabled:selected:outline-interactive-disabled',\n\n        // Mono Muted\n        'enabled:color-mono-muted:fg-primary-bold enabled:color-mono-muted:bg-transparent enabled:color-mono-muted:outline enabled:color-mono-muted:outline-interactive',\n        'enabled:hover:color-mono-muted:bg-interactive-muted-hover enabled:hover:color-mono-muted:outline-2 enabled:hover:color-mono-muted:outline-interactive-hover',\n        'enabled:focus-visible:color-mono-muted:bg-interactive-muted-hover enabled:focus-visible:color-mono-muted:outline-2 enabled:focus-visible:color-mono-muted:outline-interactive-hover',\n        'enabled:pressed:color-mono-muted:fg-pressed enabled:pressed:color-mono-muted:bg-interactive-muted-pressed enabled:pressed:color-mono-muted:outline-2 enabled:pressed:color-mono-muted:outline-interactive-pressed',\n\n        // Mono Muted - Selected\n        'enabled:selected:color-mono-muted:fg-primary-muted enabled:selected:color-mono-muted:bg-interactive-muted enabled:selected:color-mono-muted:outline enabled:selected:color-mono-muted:outline-interactive-hover',\n        'enabled:selected:hover:color-mono-muted:fg-hover enabled:selected:hover:color-mono-muted:bg-interactive-muted-hover enabled:selected:hover:color-mono-muted:outline-2',\n        'enabled:selected:focus-visible:color-mono-muted:bg-interactive-muted-hover enabled:selected:focus-visible:color-mono-muted:outline-2',\n        'enabled:selected:pressed:color-mono-muted:fg-pressed enabled:selected:pressed:color-mono-muted:bg-interactive-muted-pressed enabled:selected:pressed:color-mono-muted:outline-2 enabled:selected:pressed:color-mono-muted:outline-interactive-pressed',\n\n        // Mono Bold\n        'enabled:color-mono-bold:fg-primary-bold enabled:color-mono-bold:bg-transparent enabled:color-mono-bold:outline enabled:color-mono-bold:outline-mono-bold',\n        'enabled:hover:color-mono-bold:bg-interactive-muted-hover enabled:hover:color-mono-bold:outline-2 enabled:hover:color-mono-bold:outline-mono-bold-hover',\n        'enabled:focus-visible:color-mono-bold:bg-interactive-muted-hover enabled:focus-visible:color-mono-bold:outline-2 enabled:focus-visible:color-mono-bold:outline-mono-bold-hover',\n        'enabled:pressed:color-mono-bold:fg-pressed enabled:pressed:color-mono-bold:bg-interactive-muted-pressed',\n\n        // Mono Bold - Selected\n        'enabled:selected:color-mono-bold:fg-primary-bold enabled:selected:color-mono-bold:bg-interactive-muted-hover enabled:selected:color-mono-bold:outline enabled:selected:color-mono-bold:outline-mono-bold',\n        'enabled:selected:hover:color-mono-bold:fg-inverse-bold enabled:selected:hover:color-mono-bold:bg-interactive-bold-hover enabled:selected:hover:color-mono-bold:outline-2 enabled:selected:hover:color-mono-bold:outline-mono-bold-hover',\n        'enabled:selected:focus-visible:color-mono-bold:fg-inverse-bold enabled:selected:focus-visible:color-mono-bold:bg-interactive-muted-hover enabled:selected:focus-visible:color-mono-bold:outline-2 enabled:selected:focus-visible:color-mono-bold:outline-mono-bold-hover',\n        'enabled:selected:pressed:color-mono-bold:fg-pressed enabled:selected:pressed:color-mono-bold:bg-interactive-muted-pressed enabled:selected:pressed:color-mono-bold:outline-2 enabled:selected:pressed:color-mono-bold:outline-mono-bold-pressed',\n\n        // Accent\n        'enabled:color-accent:fg-primary-bold enabled:color-accent:bg-transparent enabled:color-accent:outline enabled:color-accent:outline-mono-bold',\n        'enabled:hover:color-accent:fg-hover enabled:hover:color-accent:bg-accent-primary-muted enabled:hover:color-accent:outline-2 enabled:hover:color-accent:outline-accent-primary-hover',\n        'enabled:focus-visible:color-accent:fg-hover enabled:focus-visible:color-accent:bg-accent-primary-muted enabled:focus-visible:color-accent:outline-2 enabled:focus-visible:color-accent:outline-accent-primary-hover',\n        'enabled:pressed:color-accent:fg-pressed enabled:pressed:color-accent:bg-interactive-muted-pressed enabled:pressed:color-accent:outline-2 enabled:pressed:color-accent:outline-accent-primary-pressed',\n\n        // Accent - Selected\n        'enabled:selected:color-accent:fg-primary-bold enabled:selected:color-accent:bg-accent-primary-muted enabled:color-accent:outline enabled:selected:color-accent:outline-accent-primary-bold',\n        'enabled:selected:hover:color-accent:fg-a11y-on-accent enabled:selected:hover:color-accent:bg-accent-primary-hover enabled:selected:hover:color-accent:outline-2 enabled:selected:hover:color-accent:outline-accent-primary-hover',\n        'enabled:selected:focus-visible:color-accent:fg-a11y-on-accent enabled:selected:focus-visible:color-accent:bg-accent-primary-hover enabled:selected:focus-visible:color-accent:outline-2 enabled:selected:focus-visible:color-accent:outline-accent-primary-hover',\n        'enabled:selected:pressed:color-accent:fg-accent-primary-pressed enabled:selected:pressed:color-accent:bg-accent-primary-pressed enabled:selected:pressed:color-accent:outline-2 enabled:selected:pressed:color-accent:outline-accent-primary-pressed',\n\n        // Serious\n        'enabled:color-serious:fg-primary-bold enabled:color-serious:bg-transparent enabled:color-serious:outline enabled:color-serious:outline-serious-bold',\n        'enabled:hover:color-serious:fg-primary-bold enabled:hover:color-serious:bg-serious-bold enabled:hover:color-serious:outline-2 enabled:hover:color-serious:outline-serious-hover',\n        'enabled:focus-visible:color-serious:fg-primary-bold enabled:focus-visible:color-serious:bg-serious-muted enabled:focus-visible:color-serious:outline-2 enabled:focus-visible:color-serious:outline-serious-hover',\n        'enabled:pressed:color-serious:fg-serious-bold enabled:pressed:color-serious:bg-serious-pressed enabled:pressed:color-serious:outline-2 enabled:pressed:color-serious:outline-serious-pressed',\n\n        // Serious - Selected\n        'enabled:selected:color-serious:fg-serious-bold enabled:selected:color-serious:bg-serious-muted enabled:selected:color-serious:outline-serious-muted',\n        'enabled:selected:hover:color-serious:fg-primary-bold enabled:selected:hover:color-serious:bg-serious-hover enabled:selected:hover:color-serious:outline-serious-hover',\n        'enabled:selected:focus-visible:color-serious:fg-primary-bold enabled:selected:focus-visible:color-serious:bg-serious-hover enabled:selected:focus-visible:color-serious:outline-serious-hover',\n        'enabled:selected:pressed:color-serious:fg-serious-pressed enabled:selected:pressed:color-serious:bg-serious-pressed enabled:selected:pressed:color-serious:outline-2 enabled:selected:pressed:color-serious:outline-serious-pressed',\n\n        // Critical\n        'enabled:color-critical:fg-primary-bold enabled:color-critical:bg-transparent enabled:color-critical:outline enabled:color-critical:outline-critical-bold',\n        'enabled:hover:color-critical:fg-primary-bold enabled:hover:color-critical:bg-critical-bold enabled:hover:color-critical:outline-2 enabled:hover:color-critical:outline-critical-hover',\n        'enabled:focus-visible:color-critical:fg-primary-bold enabled:focus-visible:color-critical:bg-critical-muted enabled:focus-visible:color-critical:outline-2 enabled:focus-visible:color-critical:outline-critical-hover',\n        'enabled:pressed:color-critical:fg-critical-bold enabled:pressed:color-critical:bg-critical-pressed enabled:pressed:color-critical:outline-2 enabled:pressed:color-critical:outline-critical-pressed',\n\n        // Critical - Selected\n        'enabled:selected:color-critical:fg-critical-bold enabled:selected:color-critical:bg-critical-muted enabled:selected:color-critical:outline-critical-muted',\n        'enabled:selected:hover:color-critical:fg-primary-bold enabled:selected:hover:color-critical:bg-critical-hover enabled:selected:hover:color-critical:outline-critical-hover',\n        'enabled:selected:focus-visible:color-critical:fg-primary-bold enabled:selected:focus-visible:color-critical:bg-critical-hover enabled:selected:focus-visible:color-critical:outline-critical-hover',\n        'enabled:selected:pressed:color-critical:fg-critical-pressed enabled:selected:pressed:color-critical:bg-critical-pressed enabled:selected:pressed:color-critical:outline-2 enabled:selected:pressed:color-critical:outline-critical-pressed',\n      ],\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        'size-large:min-w-xxl size-large:max-w-xxl',\n        'size-medium:min-w-[28px] size-medium:max-w-[28px]',\n        'size-small:min-w-xl size-small:max-w-xl',\n        'size-xsmall:min-w-[20px] size-xsmall:max-w-[20px]',\n\n        // Disabled\n        'disabled:fg-disabled disabled:bg-transparent',\n\n        // Disabled - Selected\n        'disabled:selected:fg-disabled disabled:selected:bg-interactive-disabled',\n\n        // Mono Muted\n        'enabled:color-mono-muted:fg-primary-muted',\n        'enabled:hover:color-mono-muted:bg-interactive-muted-hover',\n        'enabled:focus-visible:color-mono-muted:bg-interactive-muted-hover',\n        'enabled:pressed:color-mono-muted:fg-pressed enabled:pressed:color-mono-muted:bg-interactive-muted-pressed',\n\n        // Mono Muted-Selected\n        'enabled:selected:color-mono-muted:fg-primary-muted enabled:selected:color-mono-muted:bg-interactive-muted',\n        'enabled:selected:hover:color-mono-muted:fg-primary-bold enabled:selected:hover:color-mono-muted:bg-interactive-muted-hover',\n        'enabled:selected:focus-visible:color-mono-muted:fg-primary-bold enabled:selected:focus-visible:color-mono-muted:bg-interactive-muted-hover',\n        'enabled:selected:pressed:color-mono-muted:fg-pressed enabled:selected:pressed:color-mono-muted:bg-interactive-muted-pressed',\n\n        // Mono Bold\n        'enabled:color-mono-bold:fg-primary-bold',\n        'enabled:hover:color-mono-bold:bg-interactive-muted-hover',\n        'enabled:focus-visible:color-mono-bold:bg-interactive-muted-hover',\n        'enabled:pressed:color-mono-bold:fg-pressed enabled:pressed:color-mono-bold:bg-interactive-muted-pressed',\n\n        // Mono Bold - Selected\n        'enabled:selected:color-mono-bold:fg-inverse-bold enabled:selected:color-mono-bold:bg-interactive-bold',\n        'enabled:selected:hover:color-mono-bold:fg-inverse-bold enabled:selected:hover:color-mono-bold:bg-interactive-bold-hover',\n        'enabled:selected:focus-visible:color-mono-bold:bg-interactive-bold-hover',\n        'enabled:selected:pressed:color-mono-bold:fg-pressed enabled:selected:pressed:color-mono-bold:bg-interactive-muted-pressed',\n\n        // Accent\n        'enabled:color-accent:fg-primary-bold',\n        'enabled:hover:color-accent:fg-accent-primary-hover enabled:hover:color-accent:bg-accent-primary-muted',\n        'enabled:focus-visible:color-accent:fg-accent-primary-hover enabled:focus-visible:color-accent:bg-accent-primary-muted',\n        'enabled:pressed:color-accent:fg-accent-primary-pressed enabled:pressed:color-accent:bg-accent-primary-pressed',\n\n        // Accent - Selected\n        'enabled:selected:color-accent:fg-accent-primary-hover enabled:selected:color-accent:bg-accent-primary-muted',\n        'enabled:selected:hover:color-accent:fg-a11y-on-accent enabled:selected:hover:color-accent:bg-accent-primary-hover',\n        'enabled:selected:focus-visible:color-accent:fg-a11y-on-accent enabled:selected:focus-visible:color-accent:bg-accent-primary-hover',\n        'enabled:selected:pressed:color-accent:fg-accent-primary-pressed enabled:selected:pressed:color-accent:bg-accent-primary-pressed',\n\n        // Serious\n        'enabled:color-serious:fg-serious-bold',\n        'enabled:hover:color-serious:fg-serious-hover enabled:hover:color-serious:bg-serious-muted',\n        'enabled:focus-visible:color-serious:fg-serious-hover enabled:focus-visible:color-serious:bg-serious-muted',\n        'enabled:pressed:color-serious:fg-serious-pressed enabled:pressed:color-serious:bg-serious-pressed',\n\n        // Serious - Selected\n        'enabled:selected:color-serious:fg-serious-bold enabled:selected:color-serious:bg-serious-muted',\n        'enabled:selected:hover:color-serious:fg-primary-bold enabled:selected:hover:color-serious:bg-serious-hover',\n        'enabled:selected:focus-visible:color-serious:fg-primary-bold enabled:selected:focus-visible:color-serious:bg-serious-hover',\n        'enabled:selected:pressed:color-serious:fg-serious-pressed enabled:selected:pressed:color-serious:bg-serious-pressed',\n\n        // Critical\n        'enabled:color-critical:fg-critical-bold',\n        'enabled:hover:color-critical:fg-critical-hover enabled:hover:color-critical:bg-critical-muted',\n        'enabled:focus-visible:color-critical:fg-critical-hover enabled:focus-visible:color-critical:bg-critical-muted',\n        'enabled:pressed:color-critical:fg-critical-pressed enabled:pressed:color-critical:bg-critical-pressed',\n\n        // Critical - Selected\n        'enabled:selected:color-critical:fg-critical-bold enabled:selected:color-critical:bg-critical-muted',\n        'enabled:selected:hover:color-critical:fg-a11y-on-accent enabled:selected:hover:color-critical:bg-critical-hover',\n        'enabled:selected:focus-visible:color-critical:fg-a11y-on-accent enabled:selected:focus-visible:color-critical:bg-critical-hover',\n        'enabled:selected:pressed:color-critical:fg-critical-pressed enabled:selected:pressed:color-critical:bg-critical-pressed',\n      ],\n    },\n  },\n});\n"]}

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

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

package/dist/components/checkbox/index.js

@@ -1,2 +1,4 @@
+'use client';
+
 import {jsx,jsxs,Fragment}from'react/jsx-runtime';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';const {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);const{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";const E=createContext(null);function C({ref:o,...e}){[e,o]=useContextProps(e,o??null,E);const{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/chip/index.js

@@ -1,2 +1,4 @@
+'use client';
+
 import {jsx,jsxs,Fragment}from'react/jsx-runtime';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';const m=createContext(null);function P({children:e,...t}){return jsx(m.Provider,{value:t,children:e})}P.displayName="Chip.Provider";const b=createContext(false);function x({ref:e,...t}){[t,e]=useContextProps(t,e??null,m);const{children:o,className:s,dependencies:r,items:a,renderEmptyState:n,size:l="medium",...h}=t;return jsx(b.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})})})})}x.displayName="Chip.List";const{chip:R}=SelectableChipStyles();function f({ref:e,...t}){[t,e]=useContextProps(t,e??null,m);const{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})}f.displayName="Chip.Selectable";const{chip:V,remove:G}=DeletableChipStyles();function N({ref:e,...t}){[t,e]=useContextProps(t,e??null,m);const{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,{})})})]})})})}N.displayName="Chip.Deletable";const{list:I,chip:w}=ChipStyles();function c({ref:e,...t}){[t,e]=useContextProps(t,e??null,m);const s=useContext(b)?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})})}c.displayName="Chip",c.Provider=P,c.List=x,c.Deletable=N,c.Selectable=f;export{c as Chip,m as ChipContext};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1,2 +1,4 @@
-import {jsx}from'react/jsx-runtime';import {createContext}from'react';import {useContextProps}from'react-aria-components';import {ClassificationBadgeStylesDefaults,ClassificationBadgeStyles}from'./styles.js';const e=createContext(null);function t({children:a,...i}){return jsx(e.Provider,{value:i,children:a})}t.displayName="ClassificationBadge.Provider";function s({ref:a,...i}){[i,a]=useContextProps(i,a??null,e);const{children:r,className:n,size:l="medium",variant:d=ClassificationBadgeStylesDefaults.variant,...p}=i;return jsx("span",{...p,className:ClassificationBadgeStyles({variant:d,className:n}),"data-size":l,children:r})}s.displayName="ClassificationBadge",s.Provider=t;export{s as ClassificationBadge,e as ClassificationBadgeContext};//# sourceMappingURL=index.js.map
+'use client';
+
+import {jsx}from'react/jsx-runtime';import'client-only';import {createContext}from'react';import {useContextProps}from'react-aria-components';import {ClassificationBadgeStylesDefaults,ClassificationBadgeStyles}from'./styles.js';const e=createContext(null);function t({children:a,...i}){return jsx(e.Provider,{value:i,children:a})}t.displayName="ClassificationBadge.Provider";function s({ref:a,...i}){[i,a]=useContextProps(i,a??null,e);const{children:r,className:n,size:l="medium",variant:d=ClassificationBadgeStylesDefaults.variant,...p}=i;return jsx("span",{...p,className:ClassificationBadgeStyles({variant:d,className:n}),"data-size":l,children:r})}s.displayName="ClassificationBadge",s.Provider=t;export{s as ClassificationBadge,e as ClassificationBadgeContext};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/classification-badge/index.tsx"],"names":["c","props","o","ClassificationBadgeProvider","ref","useContextProps","ClassificationBadgeStylesDefaults","m","rest","C","ClassificationBadge"],"mappings":"sNAsByE,CAAA,CAAAA,aAAA,CAAI,IAE7E,EAAA,SACE,CAAA,CAAA,CAAA,QACA,CAAA,CAAGC,CACL,GACE,CAAA,CAAA,CAAA,CAAA,OAC8BC,GAAA,CAAA,CAAA,CAAA,QAAS,CAAA,CAAA,KAClC,CAAA,CAAA,CAAA,QAGP,CACAC,CAAAA,CAA4B,CAAA,CAAA,CAAA,CAAA,WAAc,CAAA,8BAiBnC,CAAA,SACL,CAAA,CAAA,CAAAC,GACA,CAAA,CAAGH,CACL,GACE,CAACA,CAAAA,CAAOG,CAAG,CAAA,CAAIC,CAAAA,CACbJ,EACAG,eAAAA,CAAAA,CAAO,CAAA,CAAA,EAAA,IAIT,CAAA,CAAA,CAAA,CAAA,cAEE,CAAA,CAAA,CAAA,SACA,CAAA,CAAA,CAAA,IAAO,CAAA,CAAA,CAAA,gBACGE,CAAkC,CAAA,CAAAC,iCAAA,CAAA,OACzCC,CACL,IAEA,CAAA,CAAA,CAAA,CAAA,iBAEK,CAAGA,CAAAA,cAEF,CAAAC,yBAAA,CAAA,CAAA,OACA,CAAA,CAAA,CAAA,SACD,CACD,CAAA,CAAA,CAAA,CAAA,WAEC,CAAA,CAAA,CAAA,QAGP,CACAC,CAAAA,CAAoB,CAAA,CAAA,CAAA,CAAA,WAAc,CAAA,qBACd,CAAA,CAAA,CAAA,QAAWP,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\nimport { createContext } from 'react';\nimport { type ContextValue, useContextProps } from 'react-aria-components';\nimport {\n  ClassificationBadgeStyles,\n  ClassificationBadgeStylesDefaults,\n} from './styles';\nimport type { ProviderProps } from '@/lib/types';\nimport type { ClassificationBadgeProps } from './types';\n\nexport const ClassificationBadgeContext =\n  createContext<ContextValue<ClassificationBadgeProps, HTMLSpanElement>>(null);\n\nfunction ClassificationBadgeProvider({\n  children,\n  ...props\n}: ProviderProps<ClassificationBadgeProps>) {\n  return (\n    <ClassificationBadgeContext.Provider value={props}>\n      {children}\n    </ClassificationBadgeContext.Provider>\n  );\n}\nClassificationBadgeProvider.displayName = 'ClassificationBadge.Provider';\n\n/**\n * ClassificationBadge - A specialized badge for security and data classification\n *\n * Provides standardized visual indicators for data classification levels such as\n * confidential, secret, or public information. Designed for compliance with\n * security standards and information governance requirements.\n *\n * @example\n * // Basic classification badge\n * <ClassificationBadge level=\"confidential\" />\n *\n * @example\n * // Classification with custom styling\n * <ClassificationBadge level=\"secret\" />\n */\nexport function ClassificationBadge({\n  ref,\n  ...props\n}: ClassificationBadgeProps) {\n  [props, ref] = useContextProps(\n    props,\n    ref ?? null,\n    ClassificationBadgeContext,\n  );\n\n  const {\n    children,\n    className,\n    size = 'medium',\n    variant = ClassificationBadgeStylesDefaults.variant,\n    ...rest\n  } = props;\n\n  return (\n    <span\n      {...rest}\n      className={ClassificationBadgeStyles({\n        variant,\n        className,\n      })}\n      data-size={size}\n    >\n      {children}\n    </span>\n  );\n}\nClassificationBadge.displayName = 'ClassificationBadge';\nClassificationBadge.Provider = ClassificationBadgeProvider;\n"]}
+{"version":3,"sources":["../../../src/components/classification-badge/index.tsx"],"names":["createContext","c","props","o","ClassificationBadgeProvider","ref","useContextProps","ClassificationBadgeStylesDefaults","m","rest","C","ClassificationBadge"],"mappings":"oOAwBEA,MAAuE,CAAA,CAAAC,aAAA,CAAI,IAE7E,EAAA,SACE,CAAA,CAAA,CAAA,QACA,CAAA,CAAGC,CACL,GACE,WAC8BC,GAAA,CAAA,CAAA,CAAA,QAAS,CAAA,CAAA,gBAIzC,CACAC,CAAAA,CAA4B,CAAA,CAAA,CAAA,CAAA,WAAc,CAAA,wCAkBxC,CAAA,CAAA,CAAAC,GACA,CAAA,CAAGH,CACL,GACE,CAACA,EAAOG,CAAG,CAAA,CAAIC,EACbJ,CAAAA,CACAG,eAAAA,CAAAA,CAAO,CAAA,CAAA,EAAA,IAIT,CAAA,CAAA,CAAA,CAAA,KACE,CAAA,QACA,CAAA,CAAA,CAAA,SACA,CAAA,CAAA,CAAA,eACA,CAAA,OAAUE,CAAkC,CAAA,CAAAC,iCAAA,CAAA,OACzCC,CACL,GAAIP,CAEJ,CAAA,CAAA,CAAA,CAAA,OACGC,GAAA,CAAA,MACE,CAAGM,CAAAA,cAEF,CAAAC,yBAAA,CAAA,CAAA,OACA,CAAA,CAAA,CAAA,SACD,CACD,CAAA,CAAA,CAAA,CAAA,WAEC,CAAA,CAAA,CAAA,QAGP,CACAC,CAAAA,CAAoB,CAAA,CAAA,CAAA,CAAA,WAAc,CAAA,qBACd,CAAA,CAAA,CAAA,QAAWP,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'use client';\n\nimport 'client-only';\nimport { createContext } from 'react';\nimport { type ContextValue, useContextProps } from 'react-aria-components';\nimport {\n  ClassificationBadgeStyles,\n  ClassificationBadgeStylesDefaults,\n} from './styles';\nimport type { ProviderProps } from '@/lib/types';\nimport type { ClassificationBadgeProps } from './types';\n\nexport const ClassificationBadgeContext =\n  createContext<ContextValue<ClassificationBadgeProps, HTMLSpanElement>>(null);\n\nfunction ClassificationBadgeProvider({\n  children,\n  ...props\n}: ProviderProps<ClassificationBadgeProps>) {\n  return (\n    <ClassificationBadgeContext.Provider value={props}>\n      {children}\n    </ClassificationBadgeContext.Provider>\n  );\n}\nClassificationBadgeProvider.displayName = 'ClassificationBadge.Provider';\n\n/**\n * ClassificationBadge - A specialized badge for security and data classification\n *\n * Provides standardized visual indicators for data classification levels such as\n * confidential, secret, or public information. Designed for compliance with\n * security standards and information governance requirements.\n *\n * @example\n * // Basic classification badge\n * <ClassificationBadge level=\"confidential\" />\n *\n * @example\n * // Classification with custom styling\n * <ClassificationBadge level=\"secret\" />\n */\nexport function ClassificationBadge({\n  ref,\n  ...props\n}: ClassificationBadgeProps) {\n  [props, ref] = useContextProps(\n    props,\n    ref ?? null,\n    ClassificationBadgeContext,\n  );\n\n  const {\n    children,\n    className,\n    size = 'medium',\n    variant = ClassificationBadgeStylesDefaults.variant,\n    ...rest\n  } = props;\n\n  return (\n    <span\n      {...rest}\n      className={ClassificationBadgeStyles({\n        variant,\n        className,\n      })}\n      data-size={size}\n    >\n      {children}\n    </span>\n  );\n}\nClassificationBadge.displayName = 'ClassificationBadge';\nClassificationBadge.Provider = ClassificationBadgeProvider;\n"]}

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

@@ -33,6 +33,6 @@ declare const ClassificationBadgeStyles: tailwind_variants.TVReturnType<{
         'top-secret': string;
         'ts-sci': string;
     };
-}, undefined, string[], unknown, unknown, undefined>>;
+}, undefined, string[], unknown, unknown>>;
 
 export { ClassificationBadgeStyles, ClassificationBadgeStylesDefaults };

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

@@ -1,2 +1,2 @@
-import {tv}from'tailwind-variants';const e={variant:"missing"},s=tv({base:["group/classification-badge inline-flex items-center justify-center rounded-full px-s py-xs uppercase","size-medium:text-header-s","size-small:text-header-xs"],variants:{variant:{missing:"fg-critical-bold bg-classification-missing [&:empty]:before:content-['Missing']",unclassified:"fg-a11y-on-utility bg-classification-unclass [&:empty]:before:content-['Unclassified']",cui:"fg-a11y-on-utility bg-classification-cui [&:empty]:before:content-['CUI']",confidential:"fg-a11y-on-utility bg-classification-confidential [&:empty]:before:content-['Confidential']",secret:"fg-a11y-on-utility bg-classification-secret [&:empty]:before:content-['Secret']","top-secret":"fg-inverse-bold light:fg-primary-bold bg-classification-top-secret [&:empty]:before:content-['Top_Secret']","ts-sci":"fg-inverse-bold light:fg-primary-bold bg-classification-ts-sci [&:empty]:before:content-['TS/SCI']"}},defaultVariants:e});export{s as ClassificationBadgeStyles,e as ClassificationBadgeStylesDefaults};//# sourceMappingURL=styles.js.map
+import {tv}from'./../../lib/utils.js';const e={variant:"missing"},s=tv({base:["group/classification-badge inline-flex items-center justify-center rounded-full px-s py-xs uppercase","size-medium:text-header-s","size-small:text-header-xs"],variants:{variant:{missing:"fg-critical-bold bg-classification-missing [&:empty]:before:content-['Missing']",unclassified:"fg-a11y-on-utility bg-classification-unclass [&:empty]:before:content-['Unclassified']",cui:"fg-a11y-on-utility bg-classification-cui [&:empty]:before:content-['CUI']",confidential:"fg-a11y-on-utility bg-classification-confidential [&:empty]:before:content-['Confidential']",secret:"fg-a11y-on-utility bg-classification-secret [&:empty]:before:content-['Secret']","top-secret":"fg-inverse-bold light:fg-primary-bold bg-classification-top-secret [&:empty]:before:content-['Top_Secret']","ts-sci":"fg-inverse-bold light:fg-primary-bold bg-classification-ts-sci [&:empty]:before:content-['TS/SCI']"}},defaultVariants:e});export{s as ClassificationBadgeStyles,e as ClassificationBadgeStylesDefaults};//# sourceMappingURL=styles.js.map
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/classification-badge/styles.ts"],"names":["ClassificationBadgeStylesDefaults","ClassificationBadgeStyles","tv"],"mappings":"yCAcaA,CAAAA,CAAoC,CAC/C,QAAS,SACX,CAAA,CAEaC,CAAAA,CAA4BC,EAAAA,CAAG,CAC1C,IAAA,CAAM,CACJ,uGACA,2BAAA,CACA,2BACF,EACA,QAAA,CAAU,CACR,OAAA,CAAS,CAEP,QACE,iFAAA,CACF,YAAA,CACE,yFACF,GAAA,CAAK,2EAAA,CACL,aACE,6FAAA,CACF,MAAA,CACE,iFAAA,CACF,YAAA,CACE,6GACF,QAAA,CACE,oGACJ,CACF,CAAA,CACA,eAAA,CAAiBF,CACnB,CAAC","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 'tailwind-variants';\n\nexport const ClassificationBadgeStylesDefaults = {\n  variant: 'missing',\n} as const;\n\nexport const ClassificationBadgeStyles = tv({\n  base: [\n    'group/classification-badge inline-flex items-center justify-center rounded-full px-s py-xs uppercase',\n    'size-medium:text-header-s',\n    'size-small:text-header-xs',\n  ],\n  variants: {\n    variant: {\n      // TODO: dont hard code these strings into the styles\n      missing:\n        \"fg-critical-bold bg-classification-missing [&:empty]:before:content-['Missing']\",\n      unclassified:\n        \"fg-a11y-on-utility bg-classification-unclass [&:empty]:before:content-['Unclassified']\",\n      cui: \"fg-a11y-on-utility bg-classification-cui [&:empty]:before:content-['CUI']\",\n      confidential:\n        \"fg-a11y-on-utility bg-classification-confidential [&:empty]:before:content-['Confidential']\",\n      secret:\n        \"fg-a11y-on-utility bg-classification-secret [&:empty]:before:content-['Secret']\",\n      'top-secret':\n        \"fg-inverse-bold light:fg-primary-bold bg-classification-top-secret [&:empty]:before:content-['Top_Secret']\",\n      'ts-sci':\n        \"fg-inverse-bold light:fg-primary-bold bg-classification-ts-sci [&:empty]:before:content-['TS/SCI']\",\n    },\n  },\n  defaultVariants: ClassificationBadgeStylesDefaults,\n});\n"]}
+{"version":3,"sources":["../../../src/components/classification-badge/styles.ts"],"names":[],"mappings":"6CAeW,CAAA,CAAA,OACX,CAAA,SAGE,CAAA,CAAM,CACJ,iHACA,CAAA,2BACA,CAAA,2BAEF,CAAU,CACR,QAAS,CAEP,QACE,CAAA,CAAA,OAAA,CAAA,iFACF,CAAA,qGAEK,CAAA,GAAA,CAAA,wFAEH,CAAA,6FAEA,CAAA,MAAA,CAAA,iFACF,CAAA,yHAGE,CAAA,QAAA,CAAA,oGAGN,CAAA,CAAA,CAAA,eACD,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 ClassificationBadgeStylesDefaults = {\n  variant: 'missing',\n} as const;\n\nexport const ClassificationBadgeStyles = tv({\n  base: [\n    'group/classification-badge inline-flex items-center justify-center rounded-full px-s py-xs uppercase',\n    'size-medium:text-header-s',\n    'size-small:text-header-xs',\n  ],\n  variants: {\n    variant: {\n      // TODO: dont hard code these strings into the styles\n      missing:\n        \"fg-critical-bold bg-classification-missing [&:empty]:before:content-['Missing']\",\n      unclassified:\n        \"fg-a11y-on-utility bg-classification-unclass [&:empty]:before:content-['Unclassified']\",\n      cui: \"fg-a11y-on-utility bg-classification-cui [&:empty]:before:content-['CUI']\",\n      confidential:\n        \"fg-a11y-on-utility bg-classification-confidential [&:empty]:before:content-['Confidential']\",\n      secret:\n        \"fg-a11y-on-utility bg-classification-secret [&:empty]:before:content-['Secret']\",\n      'top-secret':\n        \"fg-inverse-bold light:fg-primary-bold bg-classification-top-secret [&:empty]:before:content-['Top_Secret']\",\n      'ts-sci':\n        \"fg-inverse-bold light:fg-primary-bold bg-classification-ts-sci [&:empty]:before:content-['TS/SCI']\",\n    },\n  },\n  defaultVariants: ClassificationBadgeStylesDefaults,\n});\n"]}

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

@@ -1,2 +1,4 @@
-import {jsx}from'react/jsx-runtime';import {createContext}from'react';import {useContextProps}from'react-aria-components';import {ClassificationBannerStylesDefaults,ClassificationBannerStyles}from'./styles.js';const a=createContext(null);function r({children:n,...i}){return jsx(a.Provider,{value:i,children:n})}r.displayName="ClassificationBanner.Provider";function e({ref:n,...i}){[i,n]=useContextProps(i,n??null,a);const{className:o,variant:s=ClassificationBannerStylesDefaults.variant,children:l,...c}=i;return jsx("div",{...c,className:ClassificationBannerStyles({variant:s,className:o}),children:l})}e.displayName="ClassificationBanner",e.Provider=r;export{e as ClassificationBanner,a as ClassificationBannerContext};//# sourceMappingURL=index.js.map
+'use client';
+
+import {jsx}from'react/jsx-runtime';import'client-only';import {createContext}from'react';import {useContextProps}from'react-aria-components';import {ClassificationBannerStylesDefaults,ClassificationBannerStyles}from'./styles.js';const a=createContext(null);function e({children:n,...i}){return jsx(a.Provider,{value:i,children:n})}e.displayName="ClassificationBanner.Provider";function r({ref:n,...i}){[i,n]=useContextProps(i,n??null,a);const{className:o,variant:s=ClassificationBannerStylesDefaults.variant,children:l,...c}=i;return jsx("div",{...c,className:ClassificationBannerStyles({variant:s,className:o}),children:l})}r.displayName="ClassificationBanner",r.Provider=e;export{r as ClassificationBanner,a as ClassificationBannerContext};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/classification-banner/index.tsx"],"names":["createContext","f","props","t","ClassificationBannerProvider","ref","useContextProps","ClassificationBannerStylesDefaults","m","rest","p","ClassificationBanner"],"mappings":"kNAsBEA,MAAuE,CAAA,CAAAC,aAAA,CAAI,IAE7E,EAAA,SACE,CAAA,CAAA,CAAA,UACGC,CACL,GACE,CAAA,CAAA,CAAA,CAAA,OAC+BC,GAAA,CAAA,CAAA,CAAA,QAAS,CAAA,CAAA,KACnC,CAAA,CAAA,CAAA,QAGP,CACAC,CAAAA,CAA6B,eAAc,CAAA,+BAapC,CAAA,SACL,CAAA,CAAA,CAAAC,KACGH,CACL,GACE,CAACA,CAAAA,CAAOG,CAAG,CAAA,CAAIC,CAAAA,CACbJ,CAAAA,CACAG,eAAAA,CAAAA,CAAO,CAAA,CAAA,EAAA,IAIT,CAAA,CAAA,CAAA,CAAA,eAEE,CAAA,CAAA,CAAA,OAAUE,CAAmC,CAAA,CAAAC,kCAAA,CAAA,OAC7C,CAAA,QACA,CAAA,CAAGC,CACL,GAAIP,CAEJ,CAAA,CAAA,CAAA,CAAA,OACGC,GAAA,CAAA,KACE,CAAGM,IACJ,CAAA,CAAA,SACE,CAAAC,0BAAA,CAAA,CAAA,OACA,CAAA,CAAA,CAAA,SACD,CAEA,YAGP,CACAC,CAAAA,CAAqB,CAAA,CAAA,CAAA,CAAA,WAAc,CAAA,sBACd,CAAA,CAAA,CAAA,QAAWP,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\nimport { createContext } from 'react';\nimport { type ContextValue, useContextProps } from 'react-aria-components';\nimport {\n  ClassificationBannerStyles,\n  ClassificationBannerStylesDefaults,\n} from './styles';\nimport type { ProviderProps } from '@/lib/types';\nimport type { ClassificationBannerProps } from './types';\n\nexport const ClassificationBannerContext =\n  createContext<ContextValue<ClassificationBannerProps, HTMLDivElement>>(null);\n\nfunction ClassificationBannerProvider({\n  children,\n  ...props\n}: ProviderProps<ClassificationBannerProps>) {\n  return (\n    <ClassificationBannerContext.Provider value={props}>\n      {children}\n    </ClassificationBannerContext.Provider>\n  );\n}\nClassificationBannerProvider.displayName = 'ClassificationBanner.Provider';\n\n/**\n * ClassificationBanner - A prominent banner for displaying security classification\n *\n * Provides a full-width banner component for displaying security classification\n * information at the top or bottom of pages. Essential for applications handling\n * classified or sensitive information requiring clear visual indicators.\n *\n * @example\n * // Top classification banner\n * <ClassificationBanner variant=\"confidential\" />\n */\nexport function ClassificationBanner({\n  ref,\n  ...props\n}: ClassificationBannerProps) {\n  [props, ref] = useContextProps(\n    props,\n    ref ?? null,\n    ClassificationBannerContext,\n  );\n\n  const {\n    className,\n    variant = ClassificationBannerStylesDefaults.variant,\n    children,\n    ...rest\n  } = props;\n\n  return (\n    <div\n      {...rest}\n      className={ClassificationBannerStyles({\n        variant,\n        className,\n      })}\n    >\n      {children}\n    </div>\n  );\n}\nClassificationBanner.displayName = 'ClassificationBanner';\nClassificationBanner.Provider = ClassificationBannerProvider;\n"]}
+{"version":3,"sources":["../../../src/components/classification-banner/index.tsx"],"names":["createContext","f","props","t","ClassificationBannerProvider","ref","useContextProps","ClassificationBannerStylesDefaults","m","rest","C","ClassificationBanner"],"mappings":"sOAwBEA,MAAuE,CAAA,CAAAC,aAAA,CAAI,IAE7E,EAAA,SACE,CAAA,CAAA,CAAA,QACA,CAAA,CAAGC,CACL,GACE,CAAA,CAAA,CAAA,CAAA,OAC+BC,GAAA,CAAA,CAAA,CAAA,eAC1B,CAAA,CAAA,CAAA,QAGP,CACAC,EAA6B,CAAA,CAAA,CAAA,CAAA,WAAc,CAAA,+BAapC,CAAA,SACL,CAAA,CAAA,CAAAC,GACA,CAAA,CAAGH,CACL,GACE,CAACA,EAAOG,CAAG,CAAA,CAAIC,CAAAA,CACbJ,CAAAA,CACAG,eAAAA,CAAAA,CAAO,CAAA,CAAA,EAAA,IAIT,CAAA,CAAA,CAAA,CAAA,KACE,CAAA,mBACUE,CAAmC,CAAA,CAAAC,kCAAA,CAAA,OAC7C,CAAA,QACA,CAAA,CAAGC,CACL,GAAIP,CAEJ,WACGC,GAAA,CAAA,MACKM,CAAAA,GACJ,CAAA,CAAA,SACE,CAAAC,0BAAA,CAAA,CAAA,mBAED,CAEA,CAAA,CAAA,CAAA,CAAA,QAGP,CACAC,CAAAA,CAAqB,CAAA,CAAA,CAAA,CAAA,WAAc,CAAA,sBACd,CAAA,CAAA,CAAA,QAAWP,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'use client';\n\nimport 'client-only';\nimport { createContext } from 'react';\nimport { type ContextValue, useContextProps } from 'react-aria-components';\nimport {\n  ClassificationBannerStyles,\n  ClassificationBannerStylesDefaults,\n} from './styles';\nimport type { ProviderProps } from '@/lib/types';\nimport type { ClassificationBannerProps } from './types';\n\nexport const ClassificationBannerContext =\n  createContext<ContextValue<ClassificationBannerProps, HTMLDivElement>>(null);\n\nfunction ClassificationBannerProvider({\n  children,\n  ...props\n}: ProviderProps<ClassificationBannerProps>) {\n  return (\n    <ClassificationBannerContext.Provider value={props}>\n      {children}\n    </ClassificationBannerContext.Provider>\n  );\n}\nClassificationBannerProvider.displayName = 'ClassificationBanner.Provider';\n\n/**\n * ClassificationBanner - A prominent banner for displaying security classification\n *\n * Provides a full-width banner component for displaying security classification\n * information at the top or bottom of pages. Essential for applications handling\n * classified or sensitive information requiring clear visual indicators.\n *\n * @example\n * // Top classification banner\n * <ClassificationBanner variant=\"confidential\" />\n */\nexport function ClassificationBanner({\n  ref,\n  ...props\n}: ClassificationBannerProps) {\n  [props, ref] = useContextProps(\n    props,\n    ref ?? null,\n    ClassificationBannerContext,\n  );\n\n  const {\n    className,\n    variant = ClassificationBannerStylesDefaults.variant,\n    children,\n    ...rest\n  } = props;\n\n  return (\n    <div\n      {...rest}\n      className={ClassificationBannerStyles({\n        variant,\n        className,\n      })}\n    >\n      {children}\n    </div>\n  );\n}\nClassificationBanner.displayName = 'ClassificationBanner';\nClassificationBanner.Provider = ClassificationBannerProvider;\n"]}

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

@@ -33,6 +33,6 @@ declare const ClassificationBannerStyles: tailwind_variants.TVReturnType<{
         'top-secret': string;
         'ts-sci': string;
     };
-}, undefined, "flex select-none items-center justify-center font-medium text-header-m uppercase", unknown, unknown, undefined>>;
+}, undefined, "flex select-none items-center justify-center font-medium text-header-m uppercase", unknown, unknown>>;
 
 export { ClassificationBannerStyles, ClassificationBannerStylesDefaults };

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

@@ -1,2 +1,2 @@
-import {tv}from'tailwind-variants';const e={variant:"missing"},n=tv({base:"flex select-none items-center justify-center font-medium text-header-m uppercase",variants:{variant:{missing:"fg-critical-bold bg-classification-missing [&:empty]:before:content-['Missing']",unclassified:"fg-a11y-on-utility bg-classification-unclass [&:empty]:before:content-['Unclassified']",cui:"fg-a11y-on-utility bg-classification-cui [&:empty]:before:content-['CUI']",confidential:"fg-a11y-on-utility bg-classification-confidential [&:empty]:before:content-['Confidential']",secret:"fg-a11y-on-utility bg-classification-secret [&:empty]:before:content-['Secret']","top-secret":"fg-inverse-bold light:fg-primary-bold bg-classification-top-secret [&:empty]:before:content-['Top_Secret']","ts-sci":"fg-inverse-bold light:fg-primary-bold bg-classification-ts-sci [&:empty]:before:content-['Top_Secret/SCI']"}},defaultVariants:e});export{n as ClassificationBannerStyles,e as ClassificationBannerStylesDefaults};//# sourceMappingURL=styles.js.map
+import {tv}from'./../../lib/utils.js';const e={variant:"missing"},n=tv({base:"flex select-none items-center justify-center font-medium text-header-m uppercase",variants:{variant:{missing:"fg-critical-bold bg-classification-missing [&:empty]:before:content-['Missing']",unclassified:"fg-a11y-on-utility bg-classification-unclass [&:empty]:before:content-['Unclassified']",cui:"fg-a11y-on-utility bg-classification-cui [&:empty]:before:content-['CUI']",confidential:"fg-a11y-on-utility bg-classification-confidential [&:empty]:before:content-['Confidential']",secret:"fg-a11y-on-utility bg-classification-secret [&:empty]:before:content-['Secret']","top-secret":"fg-inverse-bold light:fg-primary-bold bg-classification-top-secret [&:empty]:before:content-['Top_Secret']","ts-sci":"fg-inverse-bold light:fg-primary-bold bg-classification-ts-sci [&:empty]:before:content-['Top_Secret/SCI']"}},defaultVariants:e});export{n as ClassificationBannerStyles,e as ClassificationBannerStylesDefaults};//# sourceMappingURL=styles.js.map
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/classification-banner/styles.ts"],"names":["ClassificationBannerStylesDefaults","ClassificationBannerStyles","tv"],"mappings":"mCAcO,MAAMA,CAAAA,CAAqC,CAChD,OAAA,CAAS,SACX,CAAA,CAEaC,CAAAA,CAA6BC,GAAG,CAC3C,IAAA,CAAM,kFAAA,CACN,QAAA,CAAU,CACR,OAAA,CAAS,CAEP,OAAA,CACE,iFAAA,CACF,aACE,wFAAA,CACF,GAAA,CAAK,2EAAA,CACL,YAAA,CACE,8FACF,MAAA,CACE,iFAAA,CACF,YAAA,CACE,4GAAA,CACF,SACE,4GACJ,CACF,CAAA,CACA,eAAA,CAAiBF,CACnB,CAAC","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 'tailwind-variants';\n\nexport const ClassificationBannerStylesDefaults = {\n  variant: 'missing',\n} as const;\n\nexport const ClassificationBannerStyles = tv({\n  base: 'flex select-none items-center justify-center font-medium text-header-m uppercase',\n  variants: {\n    variant: {\n      // TODO: dont hard code these strings into the styles\n      missing:\n        \"fg-critical-bold bg-classification-missing [&:empty]:before:content-['Missing']\",\n      unclassified:\n        \"fg-a11y-on-utility bg-classification-unclass [&:empty]:before:content-['Unclassified']\",\n      cui: \"fg-a11y-on-utility bg-classification-cui [&:empty]:before:content-['CUI']\",\n      confidential:\n        \"fg-a11y-on-utility bg-classification-confidential [&:empty]:before:content-['Confidential']\",\n      secret:\n        \"fg-a11y-on-utility bg-classification-secret [&:empty]:before:content-['Secret']\",\n      'top-secret':\n        \"fg-inverse-bold light:fg-primary-bold bg-classification-top-secret [&:empty]:before:content-['Top_Secret']\",\n      'ts-sci':\n        \"fg-inverse-bold light:fg-primary-bold bg-classification-ts-sci [&:empty]:before:content-['Top_Secret/SCI']\",\n    },\n  },\n  defaultVariants: ClassificationBannerStylesDefaults,\n});\n"]}
+{"version":3,"sources":["../../../src/components/classification-banner/styles.ts"],"names":["t"],"mappings":"sCAeE,MAAA,CAAS,CAAA,CAAA,OACX,CAAA,SAGE,CAAA,CAAM,CAAA,CAAAA,EAAA,CAAA,CAAA,IAAA,CAAA,kFACI,CACR,QAAS,CAEP,CAAA,OACE,CAAA,CAAA,OAAA,CAAA,8FAEA,CAAA,wFACG,CAAA,GAAA,CAAA,2EACL,CAAA,0GAGE,CAAA,MAAA,CAAA,iFACF,CAAA,YACE,CAAA,4GAEA,CAAA,QAAA,CAAA,4GAGN,CAAA,CAAA,CAAA,eACD,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 ClassificationBannerStylesDefaults = {\n  variant: 'missing',\n} as const;\n\nexport const ClassificationBannerStyles = tv({\n  base: 'flex select-none items-center justify-center font-medium text-header-m uppercase',\n  variants: {\n    variant: {\n      // TODO: dont hard code these strings into the styles\n      missing:\n        \"fg-critical-bold bg-classification-missing [&:empty]:before:content-['Missing']\",\n      unclassified:\n        \"fg-a11y-on-utility bg-classification-unclass [&:empty]:before:content-['Unclassified']\",\n      cui: \"fg-a11y-on-utility bg-classification-cui [&:empty]:before:content-['CUI']\",\n      confidential:\n        \"fg-a11y-on-utility bg-classification-confidential [&:empty]:before:content-['Confidential']\",\n      secret:\n        \"fg-a11y-on-utility bg-classification-secret [&:empty]:before:content-['Secret']\",\n      'top-secret':\n        \"fg-inverse-bold light:fg-primary-bold bg-classification-top-secret [&:empty]:before:content-['Top_Secret']\",\n      'ts-sci':\n        \"fg-inverse-bold light:fg-primary-bold bg-classification-ts-sci [&:empty]:before:content-['Top_Secret/SCI']\",\n    },\n  },\n  defaultVariants: ClassificationBannerStylesDefaults,\n});\n"]}

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

@@ -1,2 +1,4 @@
+'use client';
+
 import {jsx}from'react/jsx-runtime';import'client-only';import {ColorSwatchPicker,composeRenderProps,ColorSwatchPickerItem,ColorSwatch}from'react-aria-components';import {ColorPickerStyles}from'./styles.js';const{picker:P,item:s,swatch:C}=ColorPickerStyles();function h({classNames:r,items:i,...p}){return jsx(ColorSwatchPicker,{...p,className:composeRenderProps(r?.picker,o=>P({className:o})),children:i.map(o=>jsx(ColorSwatchPickerItem,{className:composeRenderProps(r?.item,e=>s({className:e})),color:o,children:jsx(ColorSwatch,{className:composeRenderProps(r?.swatch,e=>C({className:e}))})},o.toString("hexa")))})}h.displayName="ColorPicker";export{h as ColorPicker};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/color-picker/styles.d.ts

@@ -4,17 +4,17 @@ import * as tailwind_merge from 'tailwind-merge';
 declare const ColorPickerStyles: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_merge.ClassNameValue | {
+            item?: tailwind_merge.ClassNameValue;
             picker?: tailwind_merge.ClassNameValue;
             swatch?: tailwind_merge.ClassNameValue;
-            item?: tailwind_merge.ClassNameValue;
         };
     };
 } | {
     [x: string]: {
         [x: string]: tailwind_merge.ClassNameValue | {
+            item?: tailwind_merge.ClassNameValue;
             picker?: tailwind_merge.ClassNameValue;
             swatch?: tailwind_merge.ClassNameValue;
-            item?: tailwind_merge.ClassNameValue;
         };
     };
 } | {}, {
@@ -24,9 +24,9 @@ declare const ColorPickerStyles: tailwind_variants.TVReturnType<{
 }, undefined, {
     [key: string]: {
         [key: string]: tailwind_merge.ClassNameValue | {
+            item?: tailwind_merge.ClassNameValue;
             picker?: tailwind_merge.ClassNameValue;
             swatch?: tailwind_merge.ClassNameValue;
-            item?: tailwind_merge.ClassNameValue;
         };
     };
 } | {}, {

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

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

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

@@ -67,6 +67,6 @@ declare const ComboBoxStyles: tailwind_variants.TVReturnType<{
     description: string[];
     error: string;
     popover: string;
-}, undefined, unknown, unknown, undefined>>;
+}, undefined, unknown, unknown>>;
 
 export { ComboBoxStyles };

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

@@ -1,2 +1,2 @@
-import {tv}from'tailwind-variants';const i=tv({slots:{field:"group/combobox-field flex flex-col gap-xs",label:"",control:["flex items-center rounded-medium px-s py-xs outline","group-size-medium/combobox-field:min-w-[160px] group-size-medium/combobox-field:max-w-[400px]","group-size-small/combobox-field:min-w-[80px] group-size-small/combobox-field:max-w-[200px]","group-enabled/combobox-field:fg-primary-bold group-enabled/combobox-field:outline-interactive","group-enabled/combobox-field:placeholder:fg-primary-muted","group-enabled/combobox-field:focus-visible-within:outline-accent-primary-bold","group-enabled/combobox-field:hover:outline-interactive-hover","group-enabled/combobox-field:group-invalid/combobox-field:outline-serious-bold","group-disabled/combobox-field:fg-disabled group-disabled/combobox-field:outline-interactive-disabled"],input:["grow font-display outline-none","group-size-medium/combobox-field:text-body-s","group-size-small/combobox-field:text-body-xs"],trigger:["fg-primary-bold","group-open/combobox-field:rotate-180 group-open/combobox-field:transform","group-disabled/combobox-field:fg-disabled"],description:["fg-primary-muted text-body-xs","group-disabled/combobox-field:fg-disabled"],error:"fg-serious-bold text-body-xs",popover:"-ml-s min-w-[calc(var(--trigger-width)+(var(--spacing-s)*2))]"}});export{i as ComboBoxStyles};//# sourceMappingURL=styles.js.map
+import {tv}from'./../../lib/utils.js';const i=tv({slots:{field:"group/combobox-field flex flex-col gap-xs",label:"",control:["flex items-center rounded-medium px-s py-xs outline","group-size-medium/combobox-field:min-w-[160px] group-size-medium/combobox-field:max-w-[400px]","group-size-small/combobox-field:min-w-[80px] group-size-small/combobox-field:max-w-[200px]","group-enabled/combobox-field:fg-primary-bold group-enabled/combobox-field:outline-interactive","group-enabled/combobox-field:placeholder:fg-primary-muted","group-enabled/combobox-field:focus-visible-within:outline-accent-primary-bold","group-enabled/combobox-field:hover:outline-interactive-hover","group-enabled/combobox-field:group-invalid/combobox-field:outline-serious-bold","group-disabled/combobox-field:fg-disabled group-disabled/combobox-field:outline-interactive-disabled"],input:["grow font-display outline-none","group-size-medium/combobox-field:text-body-s","group-size-small/combobox-field:text-body-xs"],trigger:["fg-primary-bold","group-open/combobox-field:rotate-180 group-open/combobox-field:transform","group-disabled/combobox-field:fg-disabled"],description:["fg-primary-muted text-body-xs","group-disabled/combobox-field:fg-disabled"],error:"fg-serious-bold text-body-xs",popover:"-ml-s min-w-[calc(var(--trigger-width)+(var(--spacing-s)*2))]"}});export{i as ComboBoxStyles};//# sourceMappingURL=styles.js.map
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/combobox-field/styles.ts"],"names":["ComboBoxStyles","tv"],"mappings":"mCAcO,MAAMA,EAAiBC,EAAAA,CAAG,CAC/B,MAAO,CACL,KAAA,CAAO,4CACP,KAAA,CAAO,EAAA,CACP,QAAS,CACP,qDAAA,CACA,gGACA,4FAAA,CACA,+FAAA,CACA,2DAAA,CACA,+EAAA,CACA,8DAAA,CACA,gFAAA,CACA,sGACF,CAAA,CACA,KAAA,CAAO,CACL,gCAAA,CACA,8CAAA,CACA,8CACF,CAAA,CACA,OAAA,CAAS,CACP,iBAAA,CACA,0EAAA,CACA,2CACF,EACA,WAAA,CAAa,CACX,gCACA,2CACF,CAAA,CACA,MAAO,8BAAA,CACP,OAAA,CAAS,+DACX,CACF,CAAC","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 'tailwind-variants';\n\nexport const ComboBoxStyles = tv({\n  slots: {\n    field: 'group/combobox-field flex flex-col gap-xs',\n    label: '',\n    control: [\n      'flex items-center rounded-medium px-s py-xs outline',\n      'group-size-medium/combobox-field:min-w-[160px] group-size-medium/combobox-field:max-w-[400px]',\n      'group-size-small/combobox-field:min-w-[80px] group-size-small/combobox-field:max-w-[200px]',\n      'group-enabled/combobox-field:fg-primary-bold group-enabled/combobox-field:outline-interactive',\n      'group-enabled/combobox-field:placeholder:fg-primary-muted',\n      'group-enabled/combobox-field:focus-visible-within:outline-accent-primary-bold',\n      'group-enabled/combobox-field:hover:outline-interactive-hover',\n      'group-enabled/combobox-field:group-invalid/combobox-field:outline-serious-bold',\n      'group-disabled/combobox-field:fg-disabled group-disabled/combobox-field:outline-interactive-disabled',\n    ],\n    input: [\n      'grow font-display outline-none',\n      'group-size-medium/combobox-field:text-body-s',\n      'group-size-small/combobox-field:text-body-xs',\n    ],\n    trigger: [\n      'fg-primary-bold',\n      'group-open/combobox-field:rotate-180 group-open/combobox-field:transform',\n      'group-disabled/combobox-field:fg-disabled',\n    ],\n    description: [\n      'fg-primary-muted text-body-xs',\n      'group-disabled/combobox-field:fg-disabled',\n    ],\n    error: 'fg-serious-bold text-body-xs',\n    popover: '-ml-s min-w-[calc(var(--trigger-width)+(var(--spacing-s)*2))]',\n  },\n});\n"]}
+{"version":3,"sources":["../../../src/components/combobox-field/styles.ts"],"names":["o"],"mappings":"6CAeS,CACLA,EAAA,CAAA,CAAA,wDAEA,SACE,CAAA,OAAA,CAAA,CAAA,qJAEA,CAAA,4FACA,CAAA,+FACA,CAAA,2DACA,CAAA,+EACA,CAAA,8DACA,CAAA,uLAIA,CAAA,CAAA,KAAA,CAAA,CAAA,gCACA,CAAA,6FAGO,CACP,CAAA,OAAA,CAAA,CAAA,iBACA,CAAA,0EACA,CAAA,2CAEF,CAAA,CAAA,4CAEE,CAAA,2CAEK,CAAA,CAAA,KAAA,CAAA,8BACE,CAAA,OAAA,CAAA,+DAEZ,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 ComboBoxStyles = tv({\n  slots: {\n    field: 'group/combobox-field flex flex-col gap-xs',\n    label: '',\n    control: [\n      'flex items-center rounded-medium px-s py-xs outline',\n      'group-size-medium/combobox-field:min-w-[160px] group-size-medium/combobox-field:max-w-[400px]',\n      'group-size-small/combobox-field:min-w-[80px] group-size-small/combobox-field:max-w-[200px]',\n      'group-enabled/combobox-field:fg-primary-bold group-enabled/combobox-field:outline-interactive',\n      'group-enabled/combobox-field:placeholder:fg-primary-muted',\n      'group-enabled/combobox-field:focus-visible-within:outline-accent-primary-bold',\n      'group-enabled/combobox-field:hover:outline-interactive-hover',\n      'group-enabled/combobox-field:group-invalid/combobox-field:outline-serious-bold',\n      'group-disabled/combobox-field:fg-disabled group-disabled/combobox-field:outline-interactive-disabled',\n    ],\n    input: [\n      'grow font-display outline-none',\n      'group-size-medium/combobox-field:text-body-s',\n      'group-size-small/combobox-field:text-body-xs',\n    ],\n    trigger: [\n      'fg-primary-bold',\n      'group-open/combobox-field:rotate-180 group-open/combobox-field:transform',\n      'group-disabled/combobox-field:fg-disabled',\n    ],\n    description: [\n      'fg-primary-muted text-body-xs',\n      'group-disabled/combobox-field:fg-disabled',\n    ],\n    error: 'fg-serious-bold text-body-xs',\n    popover: '-ml-s min-w-[calc(var(--trigger-width)+(var(--spacing-s)*2))]',\n  },\n});\n"]}

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

@@ -1,2 +1,4 @@
+'use client';
+
 import {jsx,jsxs,Fragment}from'react/jsx-runtime';import'client-only';import x from'@accelint/icons/calendar';import {DateField,composeRenderProps,DateInput,DateSegment,Text,FieldError}from'react-aria-components';import {Icon}from'../icon/index.js';import {Label}from'../label/index.js';import {DateFieldStyles,DateFieldStylesDefaults}from'./styles.js';const{field:q,label:D,control:B,input:G,segment:Y,description:Z,error:w}=DateFieldStyles(),z=["JAN","FEB","MAR","APR","MAY","JUN","JUL","AUG","SEP","OCT","NOV","DEC"];function $({classNames:i,description:d,errorMessage:A,inputProps:b,label:s,size:n="medium",shortMonth:t=DateFieldStylesDefaults.shortMonth,shouldForceLeadingZeros:y=true,isDisabled:N,isInvalid:m,isRequired:u,...T}){const p=A||null,c=n==="small";return jsx(DateField,{...T,className:composeRenderProps(i?.field,r=>q({className:r,shortMonth:t})),shouldForceLeadingZeros:y,isDisabled:N,isInvalid:m||(p?true:void 0),isRequired:u,"aria-label":s,"data-size":n,children:({isDisabled:r})=>jsxs(Fragment,{children:[!c&&D&&jsx(Label,{className:D({className:i?.label,shortMonth:t}),isDisabled:r,isRequired:u,children:s}),jsxs("div",{className:B({className:i?.control,shortMonth:t}),children:[n==="medium"&&jsx(Icon,{children:jsx(x,{})}),jsx(DateInput,{...b,className:composeRenderProps(i?.input,a=>G({className:a,shortMonth:t})),children:a=>a.type==="literal"?jsx(Fragment,{children:a.text===":"?":":null}):jsx(DateSegment,{className:composeRenderProps(i?.segment,o=>Y({className:o,shortMonth:t})),segment:a,children:({placeholder:o,text:I,value:S,isFocused:g,isPlaceholder:v})=>v?o:a.type==="month"&&t&&!g?z[(S??0)-1]:I})})]}),d&&(!(c||m)||r)&&jsx(Text,{className:Z({className:i?.description,shortMonth:t}),slot:"description",children:d}),jsx(FieldError,{className:composeRenderProps(i?.error,a=>w({className:a,shortMonth:t})),children:p})]})})}export{$ as DateField};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/date-field/index.tsx"],"names":["control","input","description","DateFieldStyles","O","classNames","shortMonth","DateFieldStylesDefaults","k","shouldForceLeadingZeros","isInvalidProp","isRequired","isSmall","size","AriaDateField","rest","E","className","field","l","isDisabled","label","Label","f","e","V","labelProp","F","jsx","AriaDateInput","composeRenderProps","L","Fragment","segmentProp","DateSegment","C","placeholder","isFocused","months","descriptionProp","AriaText","error"],"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\n'use client';\nimport 'client-only';\nimport Calendar from '@accelint/icons/calendar';\nimport {\n  DateField as AriaDateField,\n  DateInput as AriaDateInput,\n  Text as AriaText,\n  composeRenderProps,\n  DateSegment,\n  FieldError,\n} from 'react-aria-components';\nimport { Icon } from '../icon';\nimport { Label } from '../label';\nimport { DateFieldStyles, DateFieldStylesDefaults } from './styles';\nimport type { DateValue } from '@internationalized/date';\nimport type { DateFieldProps } from './types';\n\nconst { field, label, control, input, segment, description, error } =\n  DateFieldStyles();\n\nconst months = [\n  'JAN',\n  'FEB',\n  'MAR',\n  'APR',\n  'MAY',\n  'JUN',\n  'JUL',\n  'AUG',\n  'SEP',\n  'OCT',\n  'NOV',\n  'DEC',\n];\n\n/**\n * DateField - A comprehensive date input component with segmented editing\n *\n * Provides accessible date input functionality with separate segments for day,\n * month, and year. Includes calendar icon, validation states, and international\n * date format support with keyboard navigation between segments.\n *\n * @example\n * // Basic date field\n * <DateField label=\"Birth Date\" />\n *\n * @example\n * // Date field with validation\n * <DateField\n *   label=\"Event Date\"\n *   isRequired\n *   isInvalid={hasError}\n *   errorMessage=\"Please select a valid date\"\n * />\n *\n * @example\n * // Date field with custom formatting\n * <DateField\n *   label=\"Meeting Date\"\n *   shortMonth={false}\n *   placeholder=\"Select meeting date\"\n * />\n *\n * @example\n * // Compact date field\n * <DateField\n *   label=\"Due Date\"\n *   size=\"small\"\n *   description=\"When is this task due?\"\n * />\n *\n * @example\n * // Controlled date field\n * <DateField\n *   label=\"Selected Date\"\n *   value={selectedDate}\n *   onChange={setSelectedDate}\n * />\n */\nexport function DateField<T extends DateValue>({\n  classNames,\n  description: descriptionProp,\n  errorMessage: errorMessageProp,\n  inputProps,\n  label: labelProp,\n  size = 'medium',\n  shortMonth = DateFieldStylesDefaults.shortMonth,\n  shouldForceLeadingZeros = true,\n  isDisabled,\n  isInvalid: isInvalidProp,\n  isRequired,\n  ...rest\n}: DateFieldProps<T>) {\n  const errorMessage = errorMessageProp || null; // Protect against empty string\n  const isSmall = size === 'small';\n\n  return (\n    <AriaDateField<T>\n      {...rest}\n      className={composeRenderProps(classNames?.field, (className) =>\n        field({ className, shortMonth }),\n      )}\n      shouldForceLeadingZeros={shouldForceLeadingZeros}\n      isDisabled={isDisabled}\n      isInvalid={isInvalidProp || (errorMessage ? true : undefined)} // Leave uncontrolled if possible to fallback to validation state\n      isRequired={isRequired}\n      aria-label={labelProp}\n      data-size={size}\n    >\n      {(\n        { isDisabled }, // Rely on internal state, not props, since state could differ from props\n      ) => (\n        <>\n          {!isSmall && label && (\n            <Label\n              className={label({ className: classNames?.label, shortMonth })}\n              isDisabled={isDisabled}\n              isRequired={isRequired}\n            >\n              {labelProp}\n            </Label>\n          )}\n          <div\n            className={control({ className: classNames?.control, shortMonth })}\n          >\n            {size === 'medium' && (\n              <Icon>\n                <Calendar />\n              </Icon>\n            )}\n            <AriaDateInput\n              {...inputProps}\n              className={composeRenderProps(classNames?.input, (className) =>\n                input({\n                  className,\n                  shortMonth,\n                }),\n              )}\n            >\n              {(segmentProp) => {\n                // Remove extra space and punctuation from input display\n                if (segmentProp.type === 'literal') {\n                  return <>{segmentProp.text === ':' ? ':' : null}</>;\n                }\n\n                return (\n                  <DateSegment\n                    className={composeRenderProps(\n                      classNames?.segment,\n                      (className) => segment({ className, shortMonth }),\n                    )}\n                    segment={segmentProp}\n                  >\n                    {({\n                      placeholder,\n                      text,\n                      value,\n                      isFocused,\n                      isPlaceholder,\n                    }) => {\n                      if (isPlaceholder) {\n                        return placeholder;\n                      }\n\n                      return segmentProp.type === 'month' &&\n                        shortMonth &&\n                        !isFocused\n                        ? months[(value ?? 0) - 1]\n                        : text;\n                    }}\n                  </DateSegment>\n                );\n              }}\n            </AriaDateInput>\n          </div>\n          {descriptionProp && (!(isSmall || isInvalidProp) || isDisabled) && (\n            <AriaText\n              className={description({\n                className: classNames?.description,\n                shortMonth,\n              })}\n              slot='description'\n            >\n              {descriptionProp}\n            </AriaText>\n          )}\n          <FieldError\n            className={composeRenderProps(classNames?.error, (className) =>\n              error({ className, shortMonth }),\n            )}\n          >\n            {errorMessage}\n          </FieldError>\n        </>\n      )}\n    </AriaDateField>\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/components/date-field/index.tsx"],"names":["control","input","description","DateFieldStyles","O","classNames","shortMonth","DateFieldStylesDefaults","k","shouldForceLeadingZeros","isInvalidProp","isRequired","isSmall","size","AriaDateField","rest","E","className","field","l","isDisabled","label","Label","f","e","V","labelProp","F","jsx","AriaDateInput","composeRenderProps","L","Fragment","segmentProp","DateSegment","C","placeholder","isFocused","months","descriptionProp","AriaText","error"],"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\n'use client';\n\nimport 'client-only';\nimport Calendar from '@accelint/icons/calendar';\nimport {\n  DateField as AriaDateField,\n  DateInput as AriaDateInput,\n  Text as AriaText,\n  composeRenderProps,\n  DateSegment,\n  FieldError,\n} from 'react-aria-components';\nimport { Icon } from '../icon';\nimport { Label } from '../label';\nimport { DateFieldStyles, DateFieldStylesDefaults } from './styles';\nimport type { DateValue } from '@internationalized/date';\nimport type { DateFieldProps } from './types';\n\nconst { field, label, control, input, segment, description, error } =\n  DateFieldStyles();\n\nconst months = [\n  'JAN',\n  'FEB',\n  'MAR',\n  'APR',\n  'MAY',\n  'JUN',\n  'JUL',\n  'AUG',\n  'SEP',\n  'OCT',\n  'NOV',\n  'DEC',\n];\n\n/**\n * DateField - A comprehensive date input component with segmented editing\n *\n * Provides accessible date input functionality with separate segments for day,\n * month, and year. Includes calendar icon, validation states, and international\n * date format support with keyboard navigation between segments.\n *\n * @example\n * // Basic date field\n * <DateField label=\"Birth Date\" />\n *\n * @example\n * // Date field with validation\n * <DateField\n *   label=\"Event Date\"\n *   isRequired\n *   isInvalid={hasError}\n *   errorMessage=\"Please select a valid date\"\n * />\n *\n * @example\n * // Date field with custom formatting\n * <DateField\n *   label=\"Meeting Date\"\n *   shortMonth={false}\n *   placeholder=\"Select meeting date\"\n * />\n *\n * @example\n * // Compact date field\n * <DateField\n *   label=\"Due Date\"\n *   size=\"small\"\n *   description=\"When is this task due?\"\n * />\n *\n * @example\n * // Controlled date field\n * <DateField\n *   label=\"Selected Date\"\n *   value={selectedDate}\n *   onChange={setSelectedDate}\n * />\n */\nexport function DateField<T extends DateValue>({\n  classNames,\n  description: descriptionProp,\n  errorMessage: errorMessageProp,\n  inputProps,\n  label: labelProp,\n  size = 'medium',\n  shortMonth = DateFieldStylesDefaults.shortMonth,\n  shouldForceLeadingZeros = true,\n  isDisabled,\n  isInvalid: isInvalidProp,\n  isRequired,\n  ...rest\n}: DateFieldProps<T>) {\n  const errorMessage = errorMessageProp || null; // Protect against empty string\n  const isSmall = size === 'small';\n\n  return (\n    <AriaDateField<T>\n      {...rest}\n      className={composeRenderProps(classNames?.field, (className) =>\n        field({ className, shortMonth }),\n      )}\n      shouldForceLeadingZeros={shouldForceLeadingZeros}\n      isDisabled={isDisabled}\n      isInvalid={isInvalidProp || (errorMessage ? true : undefined)} // Leave uncontrolled if possible to fallback to validation state\n      isRequired={isRequired}\n      aria-label={labelProp}\n      data-size={size}\n    >\n      {(\n        { isDisabled }, // Rely on internal state, not props, since state could differ from props\n      ) => (\n        <>\n          {!isSmall && label && (\n            <Label\n              className={label({ className: classNames?.label, shortMonth })}\n              isDisabled={isDisabled}\n              isRequired={isRequired}\n            >\n              {labelProp}\n            </Label>\n          )}\n          <div\n            className={control({ className: classNames?.control, shortMonth })}\n          >\n            {size === 'medium' && (\n              <Icon>\n                <Calendar />\n              </Icon>\n            )}\n            <AriaDateInput\n              {...inputProps}\n              className={composeRenderProps(classNames?.input, (className) =>\n                input({\n                  className,\n                  shortMonth,\n                }),\n              )}\n            >\n              {(segmentProp) => {\n                // Remove extra space and punctuation from input display\n                if (segmentProp.type === 'literal') {\n                  return <>{segmentProp.text === ':' ? ':' : null}</>;\n                }\n\n                return (\n                  <DateSegment\n                    className={composeRenderProps(\n                      classNames?.segment,\n                      (className) => segment({ className, shortMonth }),\n                    )}\n                    segment={segmentProp}\n                  >\n                    {({\n                      placeholder,\n                      text,\n                      value,\n                      isFocused,\n                      isPlaceholder,\n                    }) => {\n                      if (isPlaceholder) {\n                        return placeholder;\n                      }\n\n                      return segmentProp.type === 'month' &&\n                        shortMonth &&\n                        !isFocused\n                        ? months[(value ?? 0) - 1]\n                        : text;\n                    }}\n                  </DateSegment>\n                );\n              }}\n            </AriaDateInput>\n          </div>\n          {descriptionProp && (!(isSmall || isInvalidProp) || isDisabled) && (\n            <AriaText\n              className={description({\n                className: classNames?.description,\n                shortMonth,\n              })}\n              slot='description'\n            >\n              {descriptionProp}\n            </AriaText>\n          )}\n          <FieldError\n            className={composeRenderProps(classNames?.error, (className) =>\n              error({ className, shortMonth }),\n            )}\n          >\n            {errorMessage}\n          </FieldError>\n        </>\n      )}\n    </AriaDateField>\n  );\n}\n"]}

package/dist/components/date-field/styles.d.ts

@@ -54,6 +54,6 @@ declare const DateFieldStyles: tailwind_variants.TVReturnType<{
     segment: string[];
     description: string[];
     error: string;
-}, undefined, unknown, unknown, undefined>>;
+}, undefined, unknown, unknown>>;
 
 export { DateFieldStyles, DateFieldStylesDefaults };

package/dist/components/date-field/styles.js

@@ -1,2 +1,2 @@
-import {tv}from'tailwind-variants';const t={shortMonth:true},o=tv({slots:{field:"group/date-field flex flex-col gap-xs",label:"",control:["flex w-full items-center gap-xs rounded-medium px-s py-xs font-display outline outline-interactive","group-size-medium/date-field:text-body-s","group-size-small/date-field:text-body-xs","fg-primary-bold","hover:outline-interactive-hover","focus-visible-within:outline-accent-primary-bold","group-invalid/date-field:outline-serious-bold","group-disabled/date-field:placeholder:fg-disabled group-disabled/date-field:fg-disabled group-disabled/date-field:outline-interactive-disabled"],input:"flex gap-xs",segment:["text-right","placeholder-shown:fg-primary-muted","focus-visible:fg-a11y-on-accent focus-visible:bg-accent-primary-bold focus-visible:outline-none"],description:["fg-primary-muted text-body-xs","group-disabled/date-field:fg-disabled"],error:"fg-serious-bold text-body-xs"},variants:{shortMonth:{true:{segment:["group-size-medium/date-field:type-month:w-[calc(3ch+(3*var(--typography-body-s-spacing)))]","group-size-small/date-field:type-month:w-[calc(3ch+(3*var(--typography-body-xs-spacing)))]"]},false:{segment:["group-size-medium/date-field:type-month:w-[calc(2ch+(2*var(--typography-body-s-spacing)))]","group-size-small/date-field:type-month:w-[calc(2ch+(2*var(--typography-body-xs-spacing)))]"]}}},defaultVariants:t});export{o as DateFieldStyles,t as DateFieldStylesDefaults};//# sourceMappingURL=styles.js.map
+import {tv}from'./../../lib/utils.js';const t={shortMonth:true},o=tv({slots:{field:"group/date-field flex flex-col gap-xs",label:"",control:["flex w-full items-center gap-xs rounded-medium px-s py-xs font-display outline outline-interactive","group-size-medium/date-field:text-body-s","group-size-small/date-field:text-body-xs","fg-primary-bold","hover:outline-interactive-hover","focus-visible-within:outline-accent-primary-bold","group-invalid/date-field:outline-serious-bold","group-disabled/date-field:placeholder:fg-disabled group-disabled/date-field:fg-disabled group-disabled/date-field:outline-interactive-disabled"],input:"flex gap-xs",segment:["text-right","placeholder-shown:fg-primary-muted","focus-visible:fg-a11y-on-accent focus-visible:bg-accent-primary-bold focus-visible:outline-none"],description:["fg-primary-muted text-body-xs","group-disabled/date-field:fg-disabled"],error:"fg-serious-bold text-body-xs"},variants:{shortMonth:{true:{segment:["group-size-medium/date-field:type-month:w-[calc(3ch+(3*var(--typography-body-s-spacing)))]","group-size-small/date-field:type-month:w-[calc(3ch+(3*var(--typography-body-xs-spacing)))]"]},false:{segment:["group-size-medium/date-field:type-month:w-[calc(2ch+(2*var(--typography-body-s-spacing)))]","group-size-small/date-field:type-month:w-[calc(2ch+(2*var(--typography-body-xs-spacing)))]"]}}},defaultVariants:t});export{o as DateFieldStyles,t as DateFieldStylesDefaults};//# sourceMappingURL=styles.js.map
 //# sourceMappingURL=styles.js.map

package/dist/components/date-field/styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/date-field/styles.ts"],"names":["DateFieldStylesDefaults","DateFieldStyles","tv"],"mappings":"mCAcO,MAAMA,EAA0B,CACrC,UAAA,CAAY,IACd,CAAA,CAEaC,CAAAA,CAAkBC,EAAAA,CAAG,CAChC,KAAA,CAAO,CACL,KAAA,CAAO,uCAAA,CACP,KAAA,CAAO,EAAA,CACP,OAAA,CAAS,CACP,oGAAA,CACA,0CAAA,CACA,2CACA,iBAAA,CACA,iCAAA,CACA,kDAAA,CACA,+CAAA,CACA,gJACF,CAAA,CACA,KAAA,CAAO,aAAA,CACP,QAAS,CACP,YAAA,CACA,oCAAA,CACA,iGACF,CAAA,CACA,WAAA,CAAa,CACX,+BAAA,CACA,uCACF,CAAA,CACA,KAAA,CAAO,8BACT,CAAA,CACA,QAAA,CAAU,CACR,UAAA,CAAY,CACV,KAAM,CACJ,OAAA,CAAS,CACP,4FAAA,CACA,4FACF,CACF,CAAA,CACA,KAAA,CAAO,CACL,OAAA,CAAS,CACP,4FAAA,CACA,4FACF,CACF,CACF,CACF,CAAA,CACA,eAAA,CAAiBF,CACnB,CAAC","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 'tailwind-variants';\n\nexport const DateFieldStylesDefaults = {\n  shortMonth: true,\n} as const;\n\nexport const DateFieldStyles = tv({\n  slots: {\n    field: 'group/date-field flex flex-col gap-xs',\n    label: '',\n    control: [\n      'flex w-full items-center gap-xs rounded-medium px-s py-xs font-display outline outline-interactive',\n      'group-size-medium/date-field:text-body-s',\n      'group-size-small/date-field:text-body-xs',\n      'fg-primary-bold',\n      'hover:outline-interactive-hover',\n      'focus-visible-within:outline-accent-primary-bold',\n      'group-invalid/date-field:outline-serious-bold',\n      'group-disabled/date-field:placeholder:fg-disabled group-disabled/date-field:fg-disabled group-disabled/date-field:outline-interactive-disabled',\n    ],\n    input: 'flex gap-xs',\n    segment: [\n      'text-right',\n      'placeholder-shown:fg-primary-muted',\n      'focus-visible:fg-a11y-on-accent focus-visible:bg-accent-primary-bold focus-visible:outline-none',\n    ],\n    description: [\n      'fg-primary-muted text-body-xs',\n      'group-disabled/date-field:fg-disabled',\n    ],\n    error: 'fg-serious-bold text-body-xs',\n  },\n  variants: {\n    shortMonth: {\n      true: {\n        segment: [\n          'group-size-medium/date-field:type-month:w-[calc(3ch+(3*var(--typography-body-s-spacing)))]',\n          'group-size-small/date-field:type-month:w-[calc(3ch+(3*var(--typography-body-xs-spacing)))]',\n        ],\n      },\n      false: {\n        segment: [\n          'group-size-medium/date-field:type-month:w-[calc(2ch+(2*var(--typography-body-s-spacing)))]',\n          'group-size-small/date-field:type-month:w-[calc(2ch+(2*var(--typography-body-xs-spacing)))]',\n        ],\n      },\n    },\n  },\n  defaultVariants: DateFieldStylesDefaults,\n});\n"]}
+{"version":3,"sources":["../../../src/components/date-field/styles.ts"],"names":["e"],"mappings":"sCAeE,MAAA,CAAA,CAAA,CAAA,UAIA,CAAA,IAAA,CAAA,CAAA,CAAO,CACLA,EAAA,CAAA,CAAA,KAAO,CAAA,CAAA,KAAA,CAAA,uCAEP,CAAA,KAAA,CAAA,EACE,CAAA,OAAA,CAAA,CAAA,oGACA,CAAA,qFAEA,CAAA,iBACA,CAAA,iCACA,CAAA,kDACA,CAAA,+CACA,CAAA,gJAEK,CAAA,CAAA,KAAA,CAAA,aAEL,CAAA,OAAA,CAAA,CAAA,YACA,CAAA,oCACA,CAAA,iGAEF,CAAA,CAAA,WACE,CAAA,CAAA,uEAGK,CAAA,CAAA,KAAA,CAAA,8BAET,CAAU,CACR,QAAA,CAAA,CAAA,UAEI,CAAA,CAAA,IAAS,CACP,CAAA,OAAA,CAAA,CAAA,4FACA,CAAA,4FAIF,CAAA,CAAA,CAAA,KAAS,CACP,CAAA,OAAA,CAAA,CAAA,4FACA,CAAA,4FAKR,CAAA,CAAA,CAAA,CAAA,CAAA,eACD,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 DateFieldStylesDefaults = {\n  shortMonth: true,\n} as const;\n\nexport const DateFieldStyles = tv({\n  slots: {\n    field: 'group/date-field flex flex-col gap-xs',\n    label: '',\n    control: [\n      'flex w-full items-center gap-xs rounded-medium px-s py-xs font-display outline outline-interactive',\n      'group-size-medium/date-field:text-body-s',\n      'group-size-small/date-field:text-body-xs',\n      'fg-primary-bold',\n      'hover:outline-interactive-hover',\n      'focus-visible-within:outline-accent-primary-bold',\n      'group-invalid/date-field:outline-serious-bold',\n      'group-disabled/date-field:placeholder:fg-disabled group-disabled/date-field:fg-disabled group-disabled/date-field:outline-interactive-disabled',\n    ],\n    input: 'flex gap-xs',\n    segment: [\n      'text-right',\n      'placeholder-shown:fg-primary-muted',\n      'focus-visible:fg-a11y-on-accent focus-visible:bg-accent-primary-bold focus-visible:outline-none',\n    ],\n    description: [\n      'fg-primary-muted text-body-xs',\n      'group-disabled/date-field:fg-disabled',\n    ],\n    error: 'fg-serious-bold text-body-xs',\n  },\n  variants: {\n    shortMonth: {\n      true: {\n        segment: [\n          'group-size-medium/date-field:type-month:w-[calc(3ch+(3*var(--typography-body-s-spacing)))]',\n          'group-size-small/date-field:type-month:w-[calc(3ch+(3*var(--typography-body-xs-spacing)))]',\n        ],\n      },\n      false: {\n        segment: [\n          'group-size-medium/date-field:type-month:w-[calc(2ch+(2*var(--typography-body-s-spacing)))]',\n          'group-size-small/date-field:type-month:w-[calc(2ch+(2*var(--typography-body-xs-spacing)))]',\n        ],\n      },\n    },\n  },\n  defaultVariants: DateFieldStylesDefaults,\n});\n"]}

package/dist/components/details-list/index.js

@@ -1,2 +1,4 @@
+'use client';
+
 import {jsx}from'react/jsx-runtime';import'client-only';import {createContext}from'react';import {useContextProps,TextContext,DEFAULT_SLOT,Text}from'react-aria-components';import {containsExactChildren}from'./../../lib/react.js';import {DetailsListStyles,DetailsListStylesDefaults}from'./styles.js';const {list:N,label:b,value:f}=DetailsListStyles(),n=createContext(null);function m({children:e,...s}){return jsx(n.Provider,{value:s,children:e})}m.displayName="DetailsListProvider.Provider";function L(e){return jsx(Text,{...e,elementType:"dt",slot:"label"})}L.displayName="DetailsList.Label";function p(e){return jsx(Text,{...e,elementType:"dd",slot:"value"})}p.displayName="DetailsList.Value";function t({ref:e,...s}){[s,e]=useContextProps(s,e??null,n);const{children:o,classNames:i,align:a=DetailsListStylesDefaults.align,...u}=s;return containsExactChildren({children:o,componentName:t.displayName,restrictions:[[t.Label,{min:1}],[t.Value,{min:1}]]}),jsx(TextContext,{value:{slots:{[DEFAULT_SLOT]:{},label:{className:b({className:i?.label,align:a})},value:{className:f({className:i?.value,align:a})}}},children:jsx("dl",{...u,className:N({className:i?.list,align:a}),children:o})})}t.displayName="DetailsList",t.Provider=m,t.Label=L,t.Value=p;export{t as DetailsList,n as DetailsListContext};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/dialog/index.js

@@ -1,2 +1,4 @@
+'use client';
+
 import {jsx}from'react/jsx-runtime';import'client-only';import {UNSAFE_PortalProvider}from'@react-aria/overlays';import {useIsSSR}from'@react-aria/ssr';import {createContext,useState,useEffect,useContext}from'react';import {useContextProps,ModalOverlay,composeRenderProps,Modal,Dialog,DialogTrigger,Heading,OverlayTriggerStateContext}from'react-aria-components';import {isSlottedContextValue}from'./../../lib/utils.js';import {ButtonContext}from'../button/index.js';import {DialogStyles}from'./styles.js';const {overlay:h,modal:B,dialog:U,title:_,content:I,footer:L}=DialogStyles(),d=createContext(null);function g({children:e,className:o}){return jsx(Heading,{slot:"title",className:_({className:o}),children:e})}g.displayName="Dialog.Title";function f({children:e,className:o}){return jsx("div",{className:I({className:o}),children:e})}f.displayName="Dialog.Content";function P({children:e,className:o}){const a=useContext(d),s=(isSlottedContextValue(a)?null:a?.size)??"small",n=useContext(OverlayTriggerStateContext);return jsx("footer",{className:L({className:o}),children:jsx(ButtonContext.Provider,{value:{size:s,onPress:n?.close??(()=>{})},children:e})})}P.displayName="Dialog.Footer";function r({ref:e,...o}){[o,e]=useContextProps(o,e??null,d);const a=useIsSSR(),[s,n]=useState(a?null:document.body),{children:v,classNames:m,parentRef:c,size:C="small",...D}=o;return useEffect(()=>{const l=c?.current,i=a?null:document.createElement("div");return l&&i&&(l.appendChild(i),n(i)),()=>{i?.remove(),n(a?null:document.body);}},[a,c]),jsx(d.Provider,{value:o,children:jsx(UNSAFE_PortalProvider,{getContainer:()=>s,children:jsx(ModalOverlay,{...D,ref:e,className:composeRenderProps(m?.overlay,l=>h({className:l})),"data-size":C,children:jsx(Modal,{className:composeRenderProps(m?.modal,l=>B({className:l})),children:jsx(Dialog,{className:U({className:m?.dialog}),children:v})})})})})}r.displayName="Dialog",r.Trigger=DialogTrigger,r.Title=g,r.Content=f,r.Footer=P;export{r as Dialog,d as DialogContext};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -55,6 +55,6 @@ declare const DialogStyles: tailwind_variants.TVReturnType<{
     title: string[];
     content: string[];
     footer: string[];
-}, undefined, unknown, unknown, undefined>>;
+}, undefined, unknown, unknown>>;
 
 export { DialogStyles };

package/dist/components/dialog/styles.js

@@ -1,2 +1,2 @@
-import {tv}from'tailwind-variants';const o=tv({slots:{overlay:"group/dialog absolute inset-0 flex items-center justify-center",modal:["flex flex-col justify-center bg-surface-overlay align-start","group-size-small/dialog:rounded-medium","group-size-large/dialog:rounded-large","shadow-elevation-overlay"],dialog:["focus-visible:outline-none","fg-primary-muted flex flex-col align-end font-light text-body-m","group-size-small/dialog:w-[280px] group-size-small/dialog:rounded-medium group-size-small/dialog:p-l","group-size-large/dialog:min-w-[320px] group-size-small/dialog:max-w-[720px] group-size-large/dialog:rounded-medium group-size-large/dialog:p-xl"],title:["fg-primary-bold","group-size-small/dialog:mb-s group-size-small/dialog:text-header-m","group-size-large/dialog:mb-m group-size-large/dialog:text-header-l"],content:["flex flex-col","fg-primary-muted","group-size-small/dialog:gap-xs","group-size-large/dialog:gap-l"],footer:["flex justify-end gap-xs","group-size-small/dialog:mt-l","group-size-large/dialog:mt-xl"]}});export{o as DialogStyles};//# sourceMappingURL=styles.js.map
+import {tv}from'./../../lib/utils.js';const o=tv({slots:{overlay:"group/dialog absolute inset-0 flex items-center justify-center",modal:["flex flex-col justify-center bg-surface-overlay align-start","group-size-small/dialog:rounded-medium","group-size-large/dialog:rounded-large","shadow-elevation-overlay"],dialog:["focus-visible:outline-none","fg-primary-muted flex flex-col align-end font-light text-body-m","group-size-small/dialog:w-[280px] group-size-small/dialog:rounded-medium group-size-small/dialog:p-l","group-size-large/dialog:min-w-[320px] group-size-small/dialog:max-w-[720px] group-size-large/dialog:rounded-medium group-size-large/dialog:p-xl"],title:["fg-primary-bold","group-size-small/dialog:mb-s group-size-small/dialog:text-header-m","group-size-large/dialog:mb-m group-size-large/dialog:text-header-l"],content:["flex flex-col","fg-primary-muted","group-size-small/dialog:gap-xs","group-size-large/dialog:gap-l"],footer:["flex justify-end gap-xs","group-size-small/dialog:mt-l","group-size-large/dialog:mt-xl"]}});export{o as DialogStyles};//# sourceMappingURL=styles.js.map
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/dialog/styles.ts"],"names":["DialogStyles","tv"],"mappings":"mCAcO,MAAMA,EAAeC,EAAAA,CAAG,CAC7B,MAAO,CACL,OAAA,CAAS,iEACT,KAAA,CAAO,CACL,8DACA,wCAAA,CACA,uCAAA,CACA,0BACF,CAAA,CACA,MAAA,CAAQ,CACN,4BAAA,CACA,iEAAA,CACA,uGACA,iJACF,CAAA,CACA,MAAO,CACL,iBAAA,CACA,qEACA,oEACF,CAAA,CACA,QAAS,CACP,eAAA,CACA,mBACA,gCAAA,CACA,+BACF,EACA,MAAA,CAAQ,CACN,0BACA,8BAAA,CACA,+BACF,CACF,CACF,CAAC","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 'tailwind-variants';\n\nexport const DialogStyles = tv({\n  slots: {\n    overlay: 'group/dialog absolute inset-0 flex items-center justify-center',\n    modal: [\n      'flex flex-col justify-center bg-surface-overlay align-start',\n      'group-size-small/dialog:rounded-medium',\n      'group-size-large/dialog:rounded-large',\n      'shadow-elevation-overlay',\n    ],\n    dialog: [\n      'focus-visible:outline-none',\n      'fg-primary-muted flex flex-col align-end font-light text-body-m',\n      'group-size-small/dialog:w-[280px] group-size-small/dialog:rounded-medium group-size-small/dialog:p-l',\n      'group-size-large/dialog:min-w-[320px] group-size-small/dialog:max-w-[720px] group-size-large/dialog:rounded-medium group-size-large/dialog:p-xl',\n    ],\n    title: [\n      'fg-primary-bold',\n      'group-size-small/dialog:mb-s group-size-small/dialog:text-header-m',\n      'group-size-large/dialog:mb-m group-size-large/dialog:text-header-l',\n    ],\n    content: [\n      'flex flex-col',\n      'fg-primary-muted',\n      'group-size-small/dialog:gap-xs',\n      'group-size-large/dialog:gap-l',\n    ],\n    footer: [\n      'flex justify-end gap-xs',\n      'group-size-small/dialog:mt-l',\n      'group-size-large/dialog:mt-xl',\n    ],\n  },\n});\n"]}
+{"version":3,"sources":["../../../src/components/dialog/styles.ts"],"names":["l"],"mappings":"6CAeS,CACLA,EAAA,CAAA,CAAA,KAAS,+IAGP,CAAA,wCACA,CAAA,kEAIA,CAAA,CAAA,MAAA,CAAA,CAAA,4BACA,CAAA,wKAEA,CAAA,iJAGA,CAAA,CAAA,KAAA,CAAA,CAAA,sFAEA,CAAA,oEAEO,CACP,CAAA,OAAA,CAAA,CAAA,kCAEA,CAAA,gCACA,CAAA,+BAGA,mCACA,CAAA,8BACA,CAAA,+BAGL,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 DialogStyles = tv({\n  slots: {\n    overlay: 'group/dialog absolute inset-0 flex items-center justify-center',\n    modal: [\n      'flex flex-col justify-center bg-surface-overlay align-start',\n      'group-size-small/dialog:rounded-medium',\n      'group-size-large/dialog:rounded-large',\n      'shadow-elevation-overlay',\n    ],\n    dialog: [\n      'focus-visible:outline-none',\n      'fg-primary-muted flex flex-col align-end font-light text-body-m',\n      'group-size-small/dialog:w-[280px] group-size-small/dialog:rounded-medium group-size-small/dialog:p-l',\n      'group-size-large/dialog:min-w-[320px] group-size-small/dialog:max-w-[720px] group-size-large/dialog:rounded-medium group-size-large/dialog:p-xl',\n    ],\n    title: [\n      'fg-primary-bold',\n      'group-size-small/dialog:mb-s group-size-small/dialog:text-header-m',\n      'group-size-large/dialog:mb-m group-size-large/dialog:text-header-l',\n    ],\n    content: [\n      'flex flex-col',\n      'fg-primary-muted',\n      'group-size-small/dialog:gap-xs',\n      'group-size-large/dialog:gap-l',\n    ],\n    footer: [\n      'flex justify-end gap-xs',\n      'group-size-small/dialog:mt-l',\n      'group-size-large/dialog:mt-xl',\n    ],\n  },\n});\n"]}