@accelint/design-toolkit 5.2.0 → 7.0.0

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/button/styles.ts"],"names":["BaseButtonStyles","e"],"mappings":"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","file":"styles.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { tv } from '@/lib/utils';\n\nexport const ButtonStylesDefaults = {\n  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"]}
+{"version":3,"sources":["../../../src/components/button/styles.ts"],"names":["BaseButtonStyles","e"],"mappings":"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","file":"styles.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { tv } from '@/lib/utils';\n\nexport const ButtonStylesDefaults = {\n  variant: 'filled',\n} as const;\n\nconst BaseButtonStyles = tv({\n  base: [\n    'group/button flex w-content shrink-0 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  ],\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-large:min-w-0 size-large:p-xs',\n        'size-medium:min-w-0 size-medium:p-xs',\n        'size-small:min-w-0 size-small:rounded-small size-small:p-xxs',\n        'size-xsmall:min-w-0 size-xsmall:rounded-small size-xsmall:p-xxs',\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:min-w-0 size-large:p-xs',\n        'size-medium:min-w-0 size-medium:p-xs',\n        'size-small:min-w-0 size-small:p-xxs',\n        'size-xsmall:min-w-0 size-xsmall:p-xxs',\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/toggle.d.ts

@@ -0,0 +1,48 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ToggleButtonProps } from './types.js';
+import 'react-aria-components';
+import 'tailwind-variants';
+import '../../lib/types.js';
+import 'react';
+import './styles.js';
+import 'tailwind-merge';
+
+/**
+ * ToggleButton - A button component that maintains pressed/unpressed state
+ *
+ * Provides accessible toggle functionality with visual feedback for the current state.
+ * Perfect for features like favorites, bookmarks, switches, or any binary state controls.
+ * Includes icon support and integrates with React Aria for keyboard navigation and accessibility.
+ *
+ * @example
+ * // Basic toggle button
+ * <ToggleButton>Toggle Feature</ToggleButton>
+ *
+ * @example
+ * // Controlled toggle button with different variants
+ * <ToggleButton variant="flat" isSelected={isEnabled} onChange={setIsEnabled}>
+ *   Enable Notifications
+ * </ToggleButton>
+ *
+ * @example
+ * // Toggle button with icon and state
+ * <ToggleButton variant="outline" isSelected={isFavorite} onChange={setIsFavorite}>
+ *   <Icon><Heart /></Icon>
+ *   {isFavorite ? 'Favorite' : 'Add to Favorites'}
+ * </ToggleButton>
+ *
+ * @example
+ * // Icon-only toggle button
+ * <ToggleButton variant="icon" isSelected={isBookmarked} onChange={setIsBookmarked}>
+ *   <Icon><Bookmark /></Icon>
+ * </ToggleButton>
+ *
+ * @example
+ * // Toggle button with different colors and sizes
+ * <ToggleButton color="critical" size="small" isSelected={isEnabled}>
+ *   Critical Toggle
+ * </ToggleButton>
+ */
+declare function ToggleButton({ ref, ...props }: ToggleButtonProps): react_jsx_runtime.JSX.Element;
+
+export { ToggleButton };

package/dist/components/button/toggle.js

@@ -0,0 +1,4 @@
+'use client';
+
+import {jsx}from'react/jsx-runtime';import'client-only';import {useContextProps,ToggleButton,composeRenderProps}from'react-aria-components';import {IconProvider}from'../icon/context.js';import {ToggleButtonContext}from'./context.js';import {ToggleButtonStyles}from'./styles.js';function z({ref:o,...t}){[t,o]=useContextProps(t,o??null,ToggleButtonContext);const{children:n,className:i,color:l="mono-muted",size:e="medium",variant:m,...g}=t;return jsx(IconProvider,{size:e,children:jsx(ToggleButton,{...g,ref:o,className:composeRenderProps(i,s=>ToggleButtonStyles({className:s,variant:m})),"data-color":l,"data-size":e,children:n})})}export{z as ToggleButton};//# sourceMappingURL=toggle.js.map
+//# sourceMappingURL=toggle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/button/toggle.tsx"],"names":["props","ref","ToggleButtonContext","d","className","jsx","IconProvider","r","p","AriaToggleButton","composeRenderProps","size","children"],"mappings":"sRA4D+B,SAAQA,CAAM,EAAsB,IACzDC,CAAG,CAAA,GAAoBD,CAAAA,CAAOC,CAAAA,CAAAA,CAAO,KAAMC,eAAmB,CAAA,CAEtE,CAAA,CAAA,EAAA,IACE,CAAAC,mBAAA,CAAA,CAAA,KACA,UAAAC,CAAAA,CACA,SAAQ,CAAA,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,YACD,CAAA,IACP,CAAA,CAAA,CAAA,QACA,CAAA,OAGF,CAAA,CAAA,CAAA,GACEC,EAACC,CAAAA,CAAA,CAAa,OACZC,GAAA,CAAAC,YAAA,CAAA,CAAA,IAAAH,CAAAA,CAACI,CAAAA,QAEC,CAAAF,GAAA,CAAKN,YAAAA,CACL,UAAWS,CAAAA,CAAmBN,oDAE1BA,CAAAA,CACA,SACF,CAAC,CACH,QACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,eACWO,WAEVC,CAAAA,CACH,CAAA,QAGN,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"toggle.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport {\n  ToggleButton as AriaToggleButton,\n  composeRenderProps,\n  useContextProps,\n} from 'react-aria-components';\nimport { IconProvider } from '../icon/context';\nimport { ToggleButtonContext } from './context';\nimport { ToggleButtonStyles } from './styles';\nimport type { ToggleButtonProps } from './types';\n\n/**\n * ToggleButton - A button component that maintains pressed/unpressed state\n *\n * Provides accessible toggle functionality with visual feedback for the current state.\n * Perfect for features like favorites, bookmarks, switches, or any binary state controls.\n * Includes icon support and integrates with React Aria for keyboard navigation and accessibility.\n *\n * @example\n * // Basic toggle button\n * <ToggleButton>Toggle Feature</ToggleButton>\n *\n * @example\n * // Controlled toggle button with different variants\n * <ToggleButton variant=\"flat\" isSelected={isEnabled} onChange={setIsEnabled}>\n *   Enable Notifications\n * </ToggleButton>\n *\n * @example\n * // Toggle button with icon and state\n * <ToggleButton variant=\"outline\" isSelected={isFavorite} onChange={setIsFavorite}>\n *   <Icon><Heart /></Icon>\n *   {isFavorite ? 'Favorite' : 'Add to Favorites'}\n * </ToggleButton>\n *\n * @example\n * // Icon-only toggle button\n * <ToggleButton variant=\"icon\" isSelected={isBookmarked} onChange={setIsBookmarked}>\n *   <Icon><Bookmark /></Icon>\n * </ToggleButton>\n *\n * @example\n * // Toggle button with different colors and sizes\n * <ToggleButton color=\"critical\" size=\"small\" isSelected={isEnabled}>\n *   Critical Toggle\n * </ToggleButton>\n */\nexport function ToggleButton({ ref, ...props }: ToggleButtonProps) {\n  [props, ref] = useContextProps(props, ref ?? null, ToggleButtonContext);\n\n  const {\n    children,\n    className,\n    color = 'mono-muted',\n    size = 'medium',\n    variant,\n    ...rest\n  } = props;\n\n  return (\n    <IconProvider size={size}>\n      <AriaToggleButton\n        {...rest}\n        ref={ref}\n        className={composeRenderProps(className, (className) =>\n          ToggleButtonStyles({\n            className,\n            variant,\n          }),\n        )}\n        data-color={color}\n        data-size={size}\n      >\n        {children}\n      </AriaToggleButton>\n    </IconProvider>\n  );\n}\n"]}

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

@@ -0,0 +1,10 @@
+import * as react from 'react';
+import { ContextValue } from 'react-aria-components';
+import { CheckboxProps, CheckboxGroupProps } from './types.js';
+import '@react-types/shared';
+import '../label/types.js';
+
+declare const CheckboxGroupContext: react.Context<ContextValue<CheckboxGroupProps, HTMLDivElement>>;
+declare const CheckboxContext: react.Context<ContextValue<CheckboxProps, HTMLLabelElement>>;
+
+export { CheckboxContext, CheckboxGroupContext };

package/dist/components/checkbox/context.js

@@ -0,0 +1,4 @@
+'use client';
+
+import'client-only';import {createContext}from'react';const r=createContext(null),p=createContext(null);export{p as CheckboxContext,r as CheckboxGroupContext};//# sourceMappingURL=context.js.map
+//# sourceMappingURL=context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/checkbox/context.tsx"],"names":["CheckboxGroupContext","createContext","CheckboxContext"],"mappings":"sDAkBO,MAAMA,CAAAA,CACXC,aAAAA,CAAgE,IAAI,CAAA,CAEzDC,CAAAA,CACXD,aAAAA,CAA6D,IAAI","file":"context.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 } from 'react-aria-components';\nimport type { CheckboxGroupProps, CheckboxProps } from './types';\n\nexport const CheckboxGroupContext =\n  createContext<ContextValue<CheckboxGroupProps, HTMLDivElement>>(null);\n\nexport const CheckboxContext =\n  createContext<ContextValue<CheckboxProps, HTMLLabelElement>>(null);\n"]}

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

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { CheckboxGroupProps } from './types.js';
+import '@react-types/shared';
+import 'react';
+import 'react-aria-components';
+import '../label/types.js';
+
+declare function CheckboxGroup({ ref, ...props }: CheckboxGroupProps): react_jsx_runtime.JSX.Element;
+
+export { CheckboxGroup };

package/dist/components/checkbox/group.js

@@ -0,0 +1,4 @@
+'use client';
+
+import {jsx,jsxs,Fragment}from'react/jsx-runtime';import'client-only';import {useContextProps,CheckboxGroup,composeRenderProps}from'react-aria-components';import {Label}from'../label/index.js';import {CheckboxGroupContext}from'./context.js';import {CheckboxStyles}from'./styles.js';const{group:k,groupLabel:G}=CheckboxStyles();function A({ref:o,...e}){[e,o]=useContextProps(e,o??null,CheckboxGroupContext);const{children:i,classNames:t,label:s,orientation:c="vertical",...l}=e;return jsx(CheckboxGroup,{...l,ref:o,className:composeRenderProps(t?.group,r=>k({className:r})),"data-orientation":c,children:composeRenderProps(i,(r,{isDisabled:m,isRequired:u})=>jsxs(Fragment,{children:[s&&jsx(Label,{className:G({className:t?.label}),isDisabled:m,isRequired:u,children:s}),r]}))})}export{A as CheckboxGroup};//# sourceMappingURL=group.js.map
+//# sourceMappingURL=group.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/checkbox/group.tsx"],"names":["CheckboxStyles","CheckboxGroup","h","ref","props","CheckboxGroupContext","n","children","AriaCheckboxGroup","rest","p","b","composeRenderProps","classNames","a","isDisabled","jsxs","Fragment","label","jsx","Label","groupLabel","x"],"mappings":"0RAwBe,KAAA,CAAA,KAAeA,CAAe,CAAA,CAEtC,UAASC,CAAc,CAAE,CAAA,CAAAC,cAAA,EAAAC,CAAK,SAClCC,CAAOD,CAAG,CAAA,GAAoBC,CAAAA,CAAOD,CAAAA,GAAO,CAAA,CAAA,CAAA,CAAME,CAAoB,CAAA,CAEvE,CAAA,CAAA,CAAAC,eAAA,CAAM,CACJ,CAAA,CAAA,EAAA,IAAA,CAAAC,oBAAAA,CACA,CAAA,KAAA,CAAA,qBAEA,CAAA,CAAA,CAAA,KAAc,CAAA,CAAA,CAAA,WAEhB,CAAA,CAAIH,CAAAA,UAGDI,CAAAA,GACE,CAAA,CAAGC,CAAAA,CACJ,CAAA,OACAC,GAAA,CAAAC,aAAA,CAAA,CAAA,GAAWC,CAAAA,CAAmBC,GAAY,CAAA,CAAA,CAAA,SAChC,CAAAC,kBAAA,CAAA,CAAA,EAAA,KAAU,CAAC,CACrB,EACA,CAAA,CAAA,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,kBAE+BP,CAAU,CAAE,CAAA,QAAA,CAAAO,kBAAAC,CAAAA,CAAY,CAAA,CAAA,CAAA,CAAA,CAAA,UAAW,CAChEC,CAAAA,CAAAC,UACG,CAAA,CAAA,CAAAC,GACCC,IAAAA,CAACC,QAAAA,CAAA,CACC,UAAWC,CAAAA,EAAaX,GAAA,CAAAY,KAAA,CAAA,CAAA,SAAuB,CAAA,CAAA,CAAA,CAAM,SACrD,CAAA,CAAA,EAAA,KACA,CAAA,CAAA,CAAA,UAEC,CAAA,CAAA,CAAA,UAGJf,CACH,CACD,SAGP,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"group.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport {\n  CheckboxGroup as AriaCheckboxGroup,\n  composeRenderProps,\n  useContextProps,\n} from 'react-aria-components';\nimport { Label } from '../label';\nimport { CheckboxGroupContext } from './context';\nimport { CheckboxStyles } from './styles';\nimport type { CheckboxGroupProps } from './types';\n\nconst { group, groupLabel } = CheckboxStyles();\n\nexport function CheckboxGroup({ ref, ...props }: CheckboxGroupProps) {\n  [props, ref] = useContextProps(props, ref ?? null, CheckboxGroupContext);\n\n  const {\n    children,\n    classNames,\n    label,\n    orientation = 'vertical',\n    ...rest\n  } = props;\n\n  return (\n    <AriaCheckboxGroup\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(classNames?.group, (className) =>\n        group({ className }),\n      )}\n      data-orientation={orientation}\n    >\n      {composeRenderProps(children, (children, { isDisabled, isRequired }) => (\n        <>\n          {label && (\n            <Label\n              className={groupLabel({ className: classNames?.label })}\n              isDisabled={isDisabled}\n              isRequired={isRequired}\n            >\n              {label}\n            </Label>\n          )}\n          {children}\n        </>\n      ))}\n    </AriaCheckboxGroup>\n  );\n}\n"]}

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

@@ -1,16 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as react from 'react';
-import { ContextValue } from 'react-aria-components';
-import { CheckboxProps, CheckboxGroupProps } from './types.js';
+import { CheckboxProps } from './types.js';
 import '@react-types/shared';
+import 'react';
+import 'react-aria-components';
 import '../label/types.js';
 
-declare const CheckboxGroupContext: react.Context<ContextValue<CheckboxGroupProps, HTMLDivElement>>;
-declare function CheckboxGroup({ ref, ...props }: CheckboxGroupProps): react_jsx_runtime.JSX.Element;
-declare namespace CheckboxGroup {
-    var displayName: string;
-}
-declare const CheckboxContext: react.Context<ContextValue<CheckboxProps, HTMLLabelElement>>;
 /**
  * Checkbox - A form control for binary or multiple selection with group support
  *
@@ -26,11 +20,11 @@ declare const CheckboxContext: react.Context<ContextValue<CheckboxProps, HTMLLab
  *
  * @example
  * // Checkbox group with multiple options
- * <Checkbox.Group label="Select preferences">
+ * <CheckboxGroup label="Select preferences">
  *   <Checkbox value="notifications">Email notifications</Checkbox>
  *   <Checkbox value="marketing">Marketing emails</Checkbox>
  *   <Checkbox value="updates">Product updates</Checkbox>
- * </Checkbox.Group>
+ * </CheckboxGroup>
  *
  * @example
  * // Disabled checkbox
@@ -45,9 +39,5 @@ declare const CheckboxContext: react.Context<ContextValue<CheckboxProps, HTMLLab
  * </Checkbox>
  */
 declare function Checkbox({ ref, ...props }: CheckboxProps): react_jsx_runtime.JSX.Element;
-declare namespace Checkbox {
-    var displayName: string;
-    var Group: typeof CheckboxGroup;
-}
 
-export { Checkbox, CheckboxContext, CheckboxGroupContext };
+export { Checkbox };

package/dist/components/checkbox/index.js

@@ -1,4 +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
+import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {Remove,Check}from'@accelint/icons';import'client-only';import {useContextProps,Checkbox,composeRenderProps}from'react-aria-components';import {Icon}from'../icon/index.js';import {CheckboxContext}from'./context.js';import {CheckboxStyles}from'./styles.js';const{checkbox:N,control:u,label:P}=CheckboxStyles();function g({ref:s,...c}){[c,s]=useContextProps(c,s??null,CheckboxContext);const{classNames:a,children:l,...n}=c;return jsx(Checkbox,{...n,ref:s,className:composeRenderProps(a?.checkbox,e=>N({className:e})),children:composeRenderProps(l,(e,{isIndeterminate:p,isSelected:m})=>jsxs(Fragment,{children:[jsx("span",{className:u({className:a?.control}),children:jsxs(Icon,{size:"small",children:[p&&!m&&jsx(Remove,{}),m&&jsx(Check,{})]})}),e&&jsx("span",{className:P({className:a?.label}),children:e})]}))})}export{g as Checkbox};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/checkbox/index.tsx"],"names":["checkbox","CheckboxGroupContext","CheckboxGroup","ref","props","x","children","classNames","orientation","rest","a","composeRenderProps","className","group","n","isRequired","jsx","Label","m","u","y","isDisabled","label","CheckboxContext","isIndeterminate","jsxs","Icon","isSelected","N","Checkbox"],"mappings":"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","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { Check, Remove } from '@accelint/icons';\nimport { createContext } from 'react';\nimport {\n  Checkbox as AriaCheckbox,\n  CheckboxGroup as AriaCheckboxGroup,\n  type ContextValue,\n  composeRenderProps,\n  useContextProps,\n} from 'react-aria-components';\nimport { Icon } from '../icon';\nimport { Label } from '../label';\nimport { CheckboxStyles } from './styles';\nimport type { CheckboxGroupProps, CheckboxProps } from './types';\n\nconst { group, groupLabel, checkbox, control, label } = CheckboxStyles();\n\nexport const CheckboxGroupContext =\n  createContext<ContextValue<CheckboxGroupProps, HTMLDivElement>>(null);\n\nfunction CheckboxGroup({ ref, ...props }: CheckboxGroupProps) {\n  [props, ref] = useContextProps(props, ref ?? null, CheckboxGroupContext);\n\n  const {\n    children,\n    classNames,\n    label,\n    orientation = 'vertical',\n    ...rest\n  } = props;\n\n  return (\n    <AriaCheckboxGroup\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(classNames?.group, (className) =>\n        group({ className }),\n      )}\n      data-orientation={orientation}\n    >\n      {composeRenderProps(children, (children, { isDisabled, isRequired }) => (\n        <>\n          {label && (\n            <Label\n              className={groupLabel({ className: classNames?.label })}\n              isDisabled={isDisabled}\n              isRequired={isRequired}\n            >\n              {label}\n            </Label>\n          )}\n          {children}\n        </>\n      ))}\n    </AriaCheckboxGroup>\n  );\n}\nCheckboxGroup.displayName = 'Checkbox.Group';\n\nexport const CheckboxContext =\n  createContext<ContextValue<CheckboxProps, HTMLLabelElement>>(null);\n\n/**\n * Checkbox - A form control for binary or multiple selection with group support\n *\n * Provides accessible checkbox functionality with support for individual checkboxes\n * or grouped selections. Includes visual feedback for checked, indeterminate, and\n * disabled states with integrated labeling and validation support.\n *\n * @example\n * // Basic checkbox\n * <Checkbox>\n *   Accept terms and conditions\n * </Checkbox>\n *\n * @example\n * // Checkbox group with multiple options\n * <Checkbox.Group label=\"Select preferences\">\n *   <Checkbox value=\"notifications\">Email notifications</Checkbox>\n *   <Checkbox value=\"marketing\">Marketing emails</Checkbox>\n *   <Checkbox value=\"updates\">Product updates</Checkbox>\n * </Checkbox.Group>\n *\n * @example\n * // Disabled checkbox\n * <Checkbox isDisabled>\n *   Unavailable option\n * </Checkbox>\n *\n * @example\n * // Indeterminate checkbox (partial selection)\n * <Checkbox isIndeterminate>\n *   Select all items\n * </Checkbox>\n */\nexport function Checkbox({ ref, ...props }: CheckboxProps) {\n  [props, ref] = useContextProps(props, ref ?? null, CheckboxContext);\n\n  const { classNames, children, ...rest } = props;\n\n  return (\n    <AriaCheckbox\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(classNames?.checkbox, (className) =>\n        checkbox({ className }),\n      )}\n    >\n      {composeRenderProps(\n        children,\n        (children, { isIndeterminate, isSelected }) => (\n          <>\n            <span className={control({ className: classNames?.control })}>\n              <Icon size='small'>\n                {isIndeterminate && !isSelected && <Remove />}\n                {isSelected && <Check />}\n              </Icon>\n            </span>\n            {children && (\n              <span className={label({ className: classNames?.label })}>\n                {children}\n              </span>\n            )}\n          </>\n        ),\n      )}\n    </AriaCheckbox>\n  );\n}\nCheckbox.displayName = 'Checkbox';\nCheckbox.Group = CheckboxGroup;\n"]}
+{"version":3,"sources":["../../../src/components/checkbox/index.tsx"],"names":["label","Checkbox","f","ref","props","CheckboxContext","k","i","classNames","jsx","AriaCheckbox","rest","o","h","composeRenderProps","checkbox","children","isIndeterminate","jsxs","Fragment","control","t","isSelected","x","b"],"mappings":"yTAyBkB,KAAA,CAAA,SAASA,CAAM,CAAA,eAmCjBC,CAAS,CAAE,CAAA,CAAAC,cAAA,EAAAC,CAAK,UACtBA,CAAG,CAAA,GAAoBC,CAAAA,CAAOD,IAAO,CAAA,CAAA,CAAA,CAAME,CAAe,CAAA,CAElE,CAAA,CAAA,CAAAC,eAAA,CAAM,CAAE,CAAA,CAAA,EAAA,IAAA,CAAAC,eAAA,CAAAC,CAAAA,KAAY,CAAA,UAAkB,CAAA,CAAIJ,CAAAA,QAGxCK,EAACC,CAAAA,GACE,CAAA,CAAGC,CAAAA,CACJ,QACAC,GAAA,CAAAC,QAAA,CAAA,CAAA,GAAWC,CAAAA,CAAmBN,GAAY,YACxCO,CAAAA,kBAAS,CAAE,CAAA,EAAA,QAAU,CAAC,CACxB,EAEC,CAAA,CAAA,CAAA,SACCC,CACA,CAACA,CAAAA,CAAU,CAAE,iCAAAC,CAAAA,CAAiB,eAAW,CACvCC,EAAAC,UACE,CAAA,CAAA,CAAAV,0BAAM,CAAA,CAAAG,GAAA,CAAWQ,MAAU,CAAA,CAAA,SAAuB,CAAA,CAAA,CAAA,CAAA,SAChD,CAAA,CAAA,EAAA,OAAM,CAAA,CAAA,CAAA,QAAK,CACRC,gBAAAJ,OAAkCR,CAAAA,QAClCa,CAAAA,CAAcb,CAAAA,GAAC,CAAA,EAAMG,GAAA,CACxBW,MAAA,CACF,EACCP,GACCP,EAACG,GAAA,CAAAY,KAAA,CAAA,EAAA,CAAA,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAAZ,GAAA,CAAWZ,MAAQ,CAAA,CAAA,SAAuB,CAAA,CAAA,CAAA,CAAM,SACnD,CAAA,CAAA,EAAAgB,KAKX,EACF,CAEJ,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport { Check, Remove } from '@accelint/icons';\nimport 'client-only';\nimport {\n  Checkbox as AriaCheckbox,\n  composeRenderProps,\n  useContextProps,\n} from 'react-aria-components';\nimport { Icon } from '../icon';\nimport { CheckboxContext } from './context';\nimport { CheckboxStyles } from './styles';\nimport type { CheckboxProps } from './types';\n\nconst { checkbox, control, label } = CheckboxStyles();\n\n/**\n * Checkbox - A form control for binary or multiple selection with group support\n *\n * Provides accessible checkbox functionality with support for individual checkboxes\n * or grouped selections. Includes visual feedback for checked, indeterminate, and\n * disabled states with integrated labeling and validation support.\n *\n * @example\n * // Basic checkbox\n * <Checkbox>\n *   Accept terms and conditions\n * </Checkbox>\n *\n * @example\n * // Checkbox group with multiple options\n * <CheckboxGroup label=\"Select preferences\">\n *   <Checkbox value=\"notifications\">Email notifications</Checkbox>\n *   <Checkbox value=\"marketing\">Marketing emails</Checkbox>\n *   <Checkbox value=\"updates\">Product updates</Checkbox>\n * </CheckboxGroup>\n *\n * @example\n * // Disabled checkbox\n * <Checkbox isDisabled>\n *   Unavailable option\n * </Checkbox>\n *\n * @example\n * // Indeterminate checkbox (partial selection)\n * <Checkbox isIndeterminate>\n *   Select all items\n * </Checkbox>\n */\nexport function Checkbox({ ref, ...props }: CheckboxProps) {\n  [props, ref] = useContextProps(props, ref ?? null, CheckboxContext);\n\n  const { classNames, children, ...rest } = props;\n\n  return (\n    <AriaCheckbox\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(classNames?.checkbox, (className) =>\n        checkbox({ className }),\n      )}\n    >\n      {composeRenderProps(\n        children,\n        (children, { isIndeterminate, isSelected }) => (\n          <>\n            <span className={control({ className: classNames?.control })}>\n              <Icon size='small'>\n                {isIndeterminate && !isSelected && <Remove />}\n                {isSelected && <Check />}\n              </Icon>\n            </span>\n            {children && (\n              <span className={label({ className: classNames?.label })}>\n                {children}\n              </span>\n            )}\n          </>\n        ),\n      )}\n    </AriaCheckbox>\n  );\n}\n"]}

package/dist/components/checkbox/styles.js

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/checkbox/styles.ts"],"names":["e"],"mappings":"6CAeS,CACLA,EAAA,CAAA,CAAA,KACE,CAAA,CAAA,KAAA,CAAA,CAAA,kCACA,CAAA,kEAGF,CAAA,CAAA,UACA,CAAA,QAAU,CACR,wKACA,CAAA,6BAEO,CACP,CAAA,OAAA,CAAA,CAAA,gIAEA,CAAA,+EACA,CAAA,0SAEA,CAAA,4GACA,CAAA,wTAEA,CAAA,uGACA,CAAA,sJAEA,CAAA,mJACA,CAAA,+KAIA,CAAA,qCAGL,CAAA,CAAA,CAAA","file":"styles.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { tv } from '@/lib/utils';\n\nexport const CheckboxStyles = tv({\n  slots: {\n    group: [\n      'group/checkbox-group flex gap-xs',\n      'orientation-horizontal:flex-wrap',\n      'orientation-vertical:flex-col',\n    ],\n    groupLabel: 'w-full',\n    checkbox: [\n      'group/checkbox flex cursor-pointer items-center gap-m group-orientation-horizontal/checkbox-group:grow group-orientation-horizontal/checkbox-group:basis-1/3',\n      'disabled:cursor-not-allowed',\n    ],\n    control: [\n      'my-xxs flex size-l items-center justify-center rounded-small outline outline-interactive',\n      'group-enabled/checkbox:fg-info-bold',\n      'group-enabled/checkbox:group-focus-visible/checkbox:outline-interactive-hover',\n      'group-enabled/checkbox:group-hover/checkbox:outline-interactive-hover',\n      'group-enabled/checkbox:group-indeterminate/checkbox:fg-a11y-on-accent group-enabled/checkbox:group-indeterminate/checkbox:bg-accent-primary-bold group-enabled/checkbox:group-indeterminate/checkbox:outline-accent-primary-bold',\n      'group-enabled/checkbox:group-indeterminate/checkbox:group-focus-visible/checkbox:outline-interactive-hover',\n      'group-enabled/checkbox:group-indeterminate/checkbox:group-hover/checkbox:outline-interactive-hover',\n      'group-enabled/checkbox:group-selected/checkbox:fg-a11y-on-accent group-enabled/checkbox:group-selected/checkbox:bg-accent-primary-bold group-enabled/checkbox:group-selected/checkbox:outline-accent-primary-bold',\n      'group-enabled/checkbox:group-selected/checkbox:group-focus-visible/checkbox:outline-interactive-hover',\n      'group-enabled/checkbox:group-selected/checkbox:group-hover/checkbox:outline-interactive-hover',\n      'group-disabled/checkbox:outline-interactive-disabled',\n      'group-disabled/checkbox:group-indeterminate/checkbox:fg-inverse-bold group-disabled/checkbox:group-indeterminate/checkbox:bg-interactive-disabled',\n      'group-disabled/checkbox:group-selected/checkbox:fg-inverse-bold group-disabled/checkbox:group-selected/checkbox:bg-interactive-disabled',\n    ],\n    label: [\n      'fg-primary-bold text-body-s',\n      'group-disabled/checkbox:fg-disabled',\n    ],\n  },\n});\n"]}
+{"version":3,"sources":["../../../src/components/checkbox/styles.ts"],"names":["e"],"mappings":"sCAeE,MAAA,CAAO,CACLA,EAAA,CAAA,CAAA,KACE,CAAA,CAAA,KAAA,CAAA,CAAA,kCACA,CAAA,kCACA,CAAA,2CAGF,CAAA,QAAU,CACR,QAAA,CAAA,CAAA,4LAGO,CACP,CAAA,OAAA,CAAA,CAAA,mjBAGA,CAAA,mfAEA,CAAA,2cAEA,CAAA,+dAEA,CAAA,sXAIA,CAAA,qCAGL,CAAA,CAAA,CAAA","file":"styles.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { tv } from '@/lib/utils';\n\nexport const CheckboxStyles = tv({\n  slots: {\n    group: [\n      'group/checkbox-group flex gap-xs',\n      'orientation-horizontal:flex-wrap',\n      'orientation-vertical:flex-col',\n    ],\n    groupLabel: 'w-full',\n    checkbox: [\n      'group/checkbox flex cursor-pointer items-center gap-m group-orientation-horizontal/checkbox-group:grow group-orientation-horizontal/checkbox-group:basis-1/3',\n      'disabled:cursor-not-allowed',\n    ],\n    control: [\n      'my-xxs flex size-l items-center justify-center rounded-small outline outline-interactive',\n      'group-enabled/checkbox:fg-info-bold group-enabled/checkbox:group-indeterminate/checkbox:fg-a11y-on-accent group-enabled/checkbox:group-selected/checkbox:fg-a11y-on-accent group-enabled/checkbox:group-indeterminate/checkbox:bg-accent-primary-bold group-enabled/checkbox:group-indeterminate/checkbox:outline-accent-primary-bold group-enabled/checkbox:group-selected/checkbox:bg-accent-primary-bold group-enabled/checkbox:group-selected/checkbox:outline-accent-primary-bold',\n      //focus-visible\n      'group-enabled/checkbox:group-focus-visible/checkbox:outline-interactive-hover group-enabled/checkbox:group-indeterminate/checkbox:group-focus-visible/checkbox:bg-accent-primary-hover group-enabled/checkbox:group-indeterminate/checkbox:group-focus-visible/checkbox:outline-accent-primary-hover group-enabled/checkbox:group-selected/checkbox:group-focus-visible/checkbox:bg-accent-primary-hover group-enabled/checkbox:group-selected/checkbox:group-focus-visible/checkbox:outline-accent-primary-hover',\n      //hover\n      'group-enabled/checkbox:group-hover/checkbox:outline-interactive-hover group-enabled/checkbox:group-indeterminate/checkbox:group-hover/checkbox:bg-accent-primary-hover group-enabled/checkbox:group-indeterminate/checkbox:group-hover/checkbox:outline-accent-primary-hover group-enabled/checkbox:group-selected/checkbox:group-hover/checkbox:bg-accent-primary-hover group-enabled/checkbox:group-selected/checkbox:group-hover/checkbox:outline-accent-primary-hover',\n      //pressed\n      'group-enabled/checkbox:group-selected/checkbox:group-pressed/checkbox:bg-accent-primary-pressed group-enabled/checkbox:group-selected/checkbox:group-pressed/checkbox:outline-accent-primary-pressed group-enabled/checkbox:group-pressed/checkbox:outline-interactive-pressed group-enabled/checkbox:group-indeterminate/checkbox:group-pressed/checkbox:bg-accent-primary-pressed group-enabled/checkbox:group-indeterminate/checkbox:group-pressed/checkbox:outline-accent-primary-pressed',\n      //disabled\n      'group-disabled/checkbox:group-indeterminate/checkbox:fg-inverse-bold group-disabled/checkbox:group-selected/checkbox:fg-inverse-bold group-disabled/checkbox:outline-interactive-disabled group-disabled/checkbox:group-indeterminate/checkbox:bg-interactive-disabled group-disabled/checkbox:group-selected/checkbox:bg-interactive-disabled',\n    ],\n    label: [\n      'fg-primary-bold text-body-s',\n      'group-disabled/checkbox:fg-disabled',\n    ],\n  },\n});\n"]}

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

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { ProviderProps } from '../../lib/types.js';
+import { ContextValue } from 'react-aria-components';
+import { BaseChipProps } from './types.js';
+import 'tailwind-variants';
+import './styles.js';
+import 'tailwind-merge';
+
+declare const ChipContext: react.Context<ContextValue<BaseChipProps, HTMLDivElement>>;
+declare function ChipProvider({ children, ...props }: ProviderProps<BaseChipProps>): react_jsx_runtime.JSX.Element;
+
+export { ChipContext, ChipProvider };

package/dist/components/chip/context.js

@@ -0,0 +1,4 @@
+'use client';
+
+import {jsx}from'react/jsx-runtime';import'client-only';import {createContext}from'react';const t=createContext(null);function s({children:e,...o}){return jsx(t.Provider,{value:o,children:e})}export{t as ChipContext,s as ChipProvider};//# sourceMappingURL=context.js.map
+//# sourceMappingURL=context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/chip/context.tsx"],"names":["ChipContext","createContext","ChipProvider","children","props","jsx"],"mappings":"0FAmBO,MAAMA,CAAAA,CACXC,aAAAA,CAA2D,IAAI,EAE1D,SAASC,CAAAA,CAAa,CAC3B,QAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAiC,CAC/B,OAAOC,GAAAA,CAACL,CAAAA,CAAY,QAAA,CAAZ,CAAqB,KAAA,CAAOI,CAAAA,CAAQ,QAAA,CAAAD,EAAS,CACvD","file":"context.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 type { ProviderProps } from '@/lib/types';\nimport 'client-only';\nimport { createContext } from 'react';\nimport type { ContextValue } from 'react-aria-components';\nimport type { BaseChipProps } from './types';\n\nexport const ChipContext =\n  createContext<ContextValue<BaseChipProps, HTMLDivElement>>(null);\n\nexport function ChipProvider({\n  children,\n  ...props\n}: ProviderProps<BaseChipProps>) {\n  return <ChipContext.Provider value={props}>{children}</ChipContext.Provider>;\n}\n"]}

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

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { DeletableChipProps } from './types.js';
+import 'react';
+import 'react-aria-components';
+import 'tailwind-variants';
+import './styles.js';
+import 'tailwind-merge';
+
+declare function DeletableChip({ ref, ...props }: DeletableChipProps): react_jsx_runtime.JSX.Element;
+
+export { DeletableChip };

package/dist/components/chip/deletable.js

@@ -0,0 +1,4 @@
+'use client';
+
+import {jsx,jsxs,Fragment}from'react/jsx-runtime';import'client-only';import {CancelFill}from'@accelint/icons';import {useContextProps,Tag,composeRenderProps}from'react-aria-components';import {Button}from'../button/index.js';import {Icon}from'../icon/index.js';import {ChipContext}from'./context.js';import {DeletableChipStyles}from'./styles.js';const{chip:y,remove:z}=DeletableChipStyles();function R({ref:o,...i}){[i,o]=useContextProps(i,o??null,ChipContext);const{children:r,classNames:s,size:e="medium",textValue:n=typeof r=="string"?r:void 0,...m}=i,p=e==="small"?"xsmall":"small";return jsx(Tag,{...m,ref:o,className:composeRenderProps(s?.chip,a=>y({className:a,size:e})),textValue:n,"data-size":e,children:composeRenderProps(r,(a,{allowsRemoving:c})=>{if(!c)throw new Error("You have a <DeletableChip> in a <ChipList> that does not specify an onRemove handler.");return jsxs(Fragment,{children:[a,jsx(Button,{variant:"icon",size:e,slot:"remove",className:composeRenderProps(s?.remove,h=>z({className:h})),children:jsx(Icon,{size:p,children:jsx(CancelFill,{})})})]})})})}export{R as DeletableChip};//# sourceMappingURL=deletable.js.map
+//# sourceMappingURL=deletable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/chip/deletable.tsx"],"names":["props","x","ref","ChipContext","C","children","v","classNames","textValue","iconSize","size","AriaTag","className","l","allowsRemoving","Button","g","D","jsx","Icon","t","b","u"],"mappings":"qWA4B8B,CAAE,QAAK,CAAGA,CAAM,CAAA,CAAuBC,mBACnE,EAACD,CAAOE,SAA8BA,CAAO,CAAA,CAAA,GAAMC,CAAW,CAAA,CAE9D,GAAA,CAAA,CAAM,CACJ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAAC,eAAA,CAAAC,EACA,CAAA,EAAA,IAAA,CAAAC,WAAA,CAAA,CAAAC,cACO,CAAA,CAAA,CAAA,WACPC,CAAAA,CAAY,IAAA,CAAA,CAAA,CAAOH,QAAa,CAAA,YAChC,OACEL,CAEES,EAAWC,QAAS,CAAA,CAAA,CAAA,MAAU,CAAA,GAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAE/C,GAAA,OACGC,CAAA,QAEC,CAAA,OACA,CAAA,OAA8BJ,GAAAA,CAAAA,GAAY,CAAA,CAAA,GAAOK,KACjC,CAAE,WAAAA,CAAWC,kBAAA,CAAA,CAAA,EAAAH,IAC7B,CACA,CAAA,EAAA,CAAA,CAAA,CAAA,SACA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAWA,CAAAA,CAEV,WAAmBL,CAAAA,CAAU,CAACA,sBAA2B,CAAMQ,kBAC9D,CAAA,CAAA,CAAI,CAACC,EACH,CAAA,eACE,CAAA,CAAA,GAAA,CAAA,GAAA,CAAA,CAAA,CAAA,MAAA,IAAA,KAAA,CAAA,uFAOCC,CAAAA,CAAA,OACCC,IAAA,CAAQC,QAAA,CAAA,CAAA,QACR,CAAMP,CAAAA,CACN,YAAK,CAAA,OAAA,CACL,MAAA,CAAA,KAA8BH,CAAAA,CAAAA,IAAY,CAAA,QACjC,CAAE,SAAA,CAAAK,kBAAU,CAAC,CACtB,EAEA,UAAAM,CAACC,CAAAA,CAAA,uBACa,CAAAC,GACd,CAAAC,IACF,OAIR,CAEJ,CAAA,QAAA,CAAAD,GAAA,CAAAE,UAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"deletable.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { CancelFill } from '@accelint/icons';\nimport {\n  Tag as AriaTag,\n  composeRenderProps,\n  useContextProps,\n} from 'react-aria-components';\nimport { Button } from '../button';\nimport { Icon } from '../icon';\nimport { ChipContext } from './context';\nimport { DeletableChipStyles } from './styles';\nimport type { DeletableChipProps } from './types';\n\nconst { chip: deletableChip, remove } = DeletableChipStyles();\n\nexport function DeletableChip({ ref, ...props }: DeletableChipProps) {\n  [props, ref] = useContextProps(props, ref ?? null, ChipContext);\n\n  const {\n    children,\n    classNames,\n    size = 'medium',\n    textValue = typeof children === 'string' ? children : undefined,\n    ...rest\n  } = props;\n\n  const iconSize = size === 'small' ? 'xsmall' : 'small';\n\n  return (\n    <AriaTag\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(classNames?.chip, (className) =>\n        deletableChip({ className, size }),\n      )}\n      textValue={textValue}\n      data-size={size}\n    >\n      {composeRenderProps(children, (children, { allowsRemoving }) => {\n        if (!allowsRemoving) {\n          throw new Error(\n            'You have a <DeletableChip> in a <ChipList> that does not specify an onRemove handler.',\n          );\n        }\n\n        return (\n          <>\n            {children}\n            <Button\n              variant='icon'\n              size={size}\n              slot='remove'\n              className={composeRenderProps(classNames?.remove, (className) =>\n                remove({ className }),\n              )}\n            >\n              <Icon size={iconSize}>\n                <CancelFill />\n              </Icon>\n            </Button>\n          </>\n        );\n      })}\n    </AriaTag>\n  );\n}\n"]}