@accelint/design-toolkit 2.2.1 → 2.3.1

package/dist/index.css

@@ -14,330 +14,200 @@
 @import '@fontsource/roboto-flex';
 @import '@fontsource/roboto-mono';
 @import 'tailwindcss';
-@plugin 'tailwindcss-react-aria-components' {
-  prefix: 'dtk'
-}
-@source './components/foundation';
-
-:root {
-  --neutral-01: #ffffff;
-  --neutral-02: #e6e6e6;
-  --neutral-03: #898989;
-  --neutral-04: #686868;
-  --neutral-05: #565656;
-  --neutral-06: #424242;
-  --neutral-07: #383838;
-  --neutral-08: #2f2f31;
-  --neutral-09: #222222;
-  --neutral-10: #0b0b0b;
-
-  --neutral-11: #FF0000;
-
-  --alpha-black-01: rgba(0, 0, 0, 0.08);
-  --alpha-black-02: rgba(0, 0, 0, 0.4);
-  --alpha-black-03: rgba(0, 0, 0, 0.8);
-
-  --alpha-white-01: rgba(255, 255, 255, 0.08);
-  --alpha-white-02: rgba(255, 255, 255, 0.4);
-  --alpha-white-03: rgba(255, 255, 255, 0.8);
-
-  --highlight-primary-01: #c9fdef;
-  --highlight-primary-02: #7df9d8;
-  --highlight-primary-03: #28f5be;
-  --highlight-primary-04: #189372;
-  --highlight-primary-05: #0a3d30;
-
-  --highlight-secondary-01: #c9f6fd;
-  --highlight-secondary-02: #7ee9f9;
-  --highlight-secondary-03: #28dcf5;
-  --highlight-secondary-04: #188493;
-  --highlight-secondary-05: #0a373d;
-
-  --highlight-tertiary-01: #f9c5e2;
-  --highlight-tertiary-02: #f174b9;
-  --highlight-tertiary-03: #e8178a;
-  --highlight-tertiary-04: #8a0e53;
-  --highlight-tertiary-05: #3a0623;
-
-  --utility-info-01: #e6e6e6;
-  --utility-info-02: #898989;
-  --utility-info-03: #686868;
-  --utility-info-04: #424244;
-  --utility-info-05: #222222;
-
-  --utility-advisory-01: #e0edff;
-  --utility-advisory-02: #a1caff;
-  --utility-advisory-03: #62a6ff;
-  --utility-advisory-04: #3a6499;
-  --utility-advisory-05: #142133;
-
-  --utility-normal-01: #d6f6e5;
-  --utility-normal-02: #82e4b2;
-  --utility-normal-03: #30d27e;
-  --utility-normal-04: #1c7e4c;
-  --utility-normal-05: #0a2a19;
-
-  --utility-serious-01: #feedcc;
-  --utility-serious-02: #fdc865;
-  --utility-serious-03: #fca400;
-  --utility-serious-04: #976201;
-  --utility-serious-05: #322100;
-
-  --utility-critical-01: #f6d3d2;
-  --utility-critical-02: #e57b77;
-  --utility-critical-03: #d4231d;
-  --utility-critical-04: #7f1511;
-  --utility-critical-05: #2a0706;
-
-  --classification-unclass: #007A33;
-  --classification-cui: #502b85;
-  --classification-confidential: #0033a0;
-  --classification-secret: #c8102e;
-  --classification-top-secret: #ff8c00;
-  --classification-ts-sci: #fce83a;
-
-  --header-xxl-size: 32px;
-  --header-xxl-height: 40px;
-  --header-xl-size: 24px;
-  --header-xl-height: 28px;
-  --header-l-size: 20px;
-  --header-l-height: 24px;
-  --header-m-size: 14px;
-  --header-m-height: 20px;
-  --header-s-size: 12px;
-  --header-s-height: 16px;
-  --header-xs-size: 10px;
-  --header-xs-height: 12px;
-
-  --body-l-size: 16px;
-  --body-l-height: 24px;
-  --body-m-size: 14px;
-  --body-m-height: 20px;
-  --body-s-size: 12px;
-  --body-s-height: 16px;
-  --body-xs-size: 10px;
-  --body-xs-height: 12px;
-  --body-xxs-size: 9px;
-  --body-xxs-height: 12px;
-
-  --button-l-size: 16px;
-  --button-l-height: 24px;
-  --button-m-size: 14px;
-  --button-m-height: 20px;
-  --button-s-size: 12px;
-  --button-s-height: 16px;
-  --button-xs-size: 10px;
-  --button-xs-height: 12px;
-}
+
+/* Import generated themes.css */
+@import './tokens/generated/themes.css';
 
 @theme {
-  /* Remove the default Tailwind styles. */
-  --color-*: initial;
-  --font-*: initial;
-  --radius-*: initial;
-  --shadow-*: initial;
-  --spacing-*: initial;
-  --text-*: initial;
-
-  /** Fonts **/
-  --font-primary: "Roboto Flex", sans-serif;
-  --font-display: "Roboto Mono", monospace;
-
-  /** Colors **/
   --color-current: currentColor;
-  --color-surface-default: var(--neutral-10, #0b0b0b);
-  --color-surface-raised: var(--neutral-09, #222222);
-  --color-surface-overlay: var(--neutral-08, #2f2f31);
-  --color-transparent-dark: var(--alpha-black-02, rgba(0, 0, 0, 0.4));
-  --color-transparent-light: var(--alpha-white-01, rgba(255, 255, 255, 0.08));
-
-  --color-interactive-default: var(--neutral-02, #e6e6e6);
-  --color-interactive-hover-light: var(--neutral-03, #898989);
-  --color-interactive-hover-dark: var(--neutral-08, #2f2f31);
-  --color-interactive-disabled: var(--neutral-07, #383838);
-
-  --color-static-light: var(--neutral-07, #383838);
-  --color-static-dark: var(--neutral-09, #222222);
-  --color-interactive: var(--neutral-05, #565656);
-  --color-interactive-hover: var(--neutral-01, #ffffff);
-
-  --color-highlight-bold: var(--highlight-primary-03, #28f5be);
-  --color-highlight-hover: var(--highlight-primary-04, #189372);
-  --color-highlight-subtle: var(--highlight-primary-05, #0a3d30);
-  --color-info-bold: var(--utility-info-03, #686868);
-  --color-info-hover: var(--utility-info-04, #424244);
-  --color-info-subtle: var(--utility-info-05, #222222);
-  --color-advisory-bold: var(--utility-advisory-03, #62a6ff);
-  --color-advisory-hover: var(--utility-advisory-04, #3a6499);
-  --color-advisory-subtle: var(--utility-advisory-05, #142133);
-  --color-normal-bold: var(--utility-normal-03, #30d27e);
-  --color-normal-hover: var(--utility-normal-04, #1c7e4c);
-  --color-normal-subtle: var(--utility-normal-05, #0a2a19);
-  --color-serious-bold: var(--utility-serious-03, #fca400);
-  --color-serious-hover: var(--utility-serious-04, #976201);
-  --color-serious-subtle: var(--utility-serious-05, #322100);
-  --color-critical-bold: var(--utility-critical-03, #d4231d);
-  --color-critical-hover: var(--utility-critical-04, #7f1511);
-  --color-critical-subtle: var(--utility-critical-05, #2a0706);
-
-  --color-default-light: var(--neutral-01, #ffffff);
-  --color-default-dark: var(--neutral-03, #898989);
-  --color-inverse-dark: var(--neutral-07,#383838);
-  --color-inverse-light: var(--neutral-09, #222222);
-  --color-disabled: var(--neutral-05, #565656);
-  --color-highlight: var(--highlight-primary-03, #28f5be);
-  --color-info: var(--neutral-04, #686868);
-  --color-advisory: var(--utility-advisory-03, #62a6ff);
-  --color-normal: var(--utility-normal-03, #30d27e);
-  --color-serious: var(--utility-serious-03, #fca400);
-  --color-critical: var(--utility-critical-03, #d4231d);
-
-  --color-classification-missing: var(--neutral-10, #0b0b0b);
-  --color-classification-unclass: var(--classification-unclass, #007A33);
-  --color-classification-cui: var(--classification-cui, #502b85);
-  --color-classification-confidential: var(--classification-confidential, #0033a0);
-  --color-classification-secret: var(--classification-secret, #c8102e);
-  --color-classification-top-secret: var(--classification-top-secret, #ff8c00);
-  --color-classification-ts-sci: var(--classification-ts-sci, #fce83a);
-
-  /** Radius **/
-  --radius-none: 0px;
-  --radius-small: 2px;
-  --radius-medium: 4px;
-  --radius-large: 8px;
-  --radius-round: 80px;
-
-  /** Shadows **/
-  --shadow-elevation-default: initial;
-  --shadow-elevation-overlay:
-    0 8px 10px 0 rgba(0 0 0 / 0.2), 0 6px 30px 0 rgba(0 0 0 / 0.12),
-    0 16px 24px 0 rgba(0 0 0 / 0.14);
-  --shadow-elevation-raised:
-    0 5px 5px 0 rgba(0 0 0 / 0.2), 0 3px 14px 0 rgba(0 0 0 / 0.12),
-    0 8px 10px 0 rgba(0 0 0 / 0.14);
-
-  /** Spacing **/
-  --spacing-none: unset;
-  --spacing-0: 0;
-  --spacing-xxs: 2px;
-  --spacing-xs: 4px;
-  --spacing-s: 8px;
-  --spacing-m: 12px;
-  --spacing-l: 16px;
-  --spacing-xl: 24px;
-  --spacing-xxl: 40px;
-  --spacing-oversized: 80px;
-
-  --icon-size-l: var(--spacing-xl);
-  --icon-size-m: 20px;
-  --icon-size-s: var(--spacing-l);
-  --icon-size-xs: var(--spacing-m);
 }
 
+/** Recreating https://github.com/adobe/react-spectrum/blob/main/packages/tailwindcss-react-aria-components/src/index.js without RAC selectors (:where([data-rac])) or prefix and combining with native selectors **/
+@custom-variant placement-left { &[data-placement="left"] { @slot }}
+@custom-variant placement-right { &[data-placement="right"] { @slot }}
+@custom-variant placement-top { &[data-placement="top"] { @slot }}
+@custom-variant placement-bottom { &[data-placement="bottom"] { @slot }}
+
+@custom-variant type-literal { &[data-type="literal"] { @slot }}
+@custom-variant type-year { &[data-type="year"] { @slot }}
+@custom-variant type-month { &[data-type="month"] { @slot }}
+@custom-variant type-day { &[data-type="day"] { @slot }}
+
+@custom-variant layout-grid { &[data-layout="grid"] { @slot }}
+@custom-variant layout-stack { &[data-layout="stack"] { @slot }}
+
+@custom-variant orientation-horizontal { &[data-orientation="horizontal"] { @slot }}
+@custom-variant orientation-vertical { &[data-orientation="vertical"] { @slot }}
+
+@custom-variant selection-single { &[data-selection-mode="single"] { @slot }}
+@custom-variant selection-multiple { &[data-selection-mode="multiple"] { @slot }}
+
+@custom-variant resizable-right { &[data-resizable-direction="right"] { @slot }}
+@custom-variant resizable-left { &[data-resizable-direction="left"] { @slot }}
+@custom-variant resizable-both { &[data-resizable-direction="both"] { @slot }}
+
+@custom-variant sort-ascending { &[data-sort-direction="ascending"] { @slot }}
+@custom-variant sort-descending { &[data-sort-direction="descending"] { @slot }}
+
+@custom-variant allows-removing { &[data-allows-removing] { @slot }}
+@custom-variant allows-sorting { &[data-allows-sorting] { @slot }}
+@custom-variant allows-dragging { &[data-allows-dragging] { @slot }}
+
+@custom-variant has-submenu { &[data-has-submenu] { @slot }}
+@custom-variant has-child-items { &[data-has-child-items] { @slot }}
+
+@custom-variant open { &:is([open], [data-open]), &:open { @slot }}
+@custom-variant expanded { &:is([expanded], [data-expanded]) { @slot }}
+
+@custom-variant entering { &[data-entering] { @slot }}
+@custom-variant exiting { &[data-exiting] { @slot }}
+
+@custom-variant indeterminate { &[data-indeterminate], &:indeterminate { @slot }}
+
+@custom-variant placeholder-shown { &[data-placeholder], &:placeholder-shown { @slot }}
+
+@custom-variant current { &[data-current] { @slot }}
+
+@custom-variant optional { &:not([required], [data-required]), &:optional { @slot }}
+@custom-variant required { &:is([required], [data-required]), &:required { @slot }}
+
+@custom-variant unavailable { &[data-unavailable] { @slot }}
+
+@custom-variant invalid { &:is([invalid], [data-invalid]), &:invalid { @slot }}
+
+@custom-variant read-only { &:is([readonly], [data-readonly]), &:read-only { @slot }}
+
+@custom-variant outside-month { &[data-outside-month] { @slot }}
+@custom-variant outside-visible-range { &[data-outside-visible-range] { @slot }}
+
+@custom-variant pending { &[data-pending] { @slot }}
+
+@custom-variant empty { &[data-empty], &:empty { @slot }}
+
+@custom-variant focus-within { &[data-focus-within], &:focus-within { @slot }}
+
+@custom-variant hover { &[data-hovered], &:hover { @slot }}
+
+@custom-variant focus { &[data-focused], &:focus { @slot }}
+@custom-variant focus-visible { &[data-focus-visible], &:focus-visible { @slot }}
+
+@custom-variant pressed { &[data-pressed], &:active { @slot }}
+
+@custom-variant selected { &[data-selected] { @slot }}
+@custom-variant selection-start { &[data-selection-start] { @slot }}
+@custom-variant selection-end { &[data-selection-end] { @slot }}
+
+@custom-variant dragging { &[data-dragging] { @slot }}
+@custom-variant drop-target { &[data-drop-target] { @slot }}
+
+@custom-variant resizing { &[data-resizing] { @slot }}
+
+@custom-variant enabled { &:not([disabled], [data-disabled]), &:enabled { @slot }}
+@custom-variant disabled { &:is([disabled], [data-disabled]), &:disabled { @slot }}
+
 @utility text-header-xxl {
-  font-size: var(--header-xxl-size);
+  font-size: var(--typography-header-xxl-size);
   font-weight: 500;
   letter-spacing: 0px;
-  line-height: var(--header-xxl-height);
+  line-height: var(--typography-header-xxl-height);
 }
 
 @utility text-header-xl {
-  font-size: var(--header-xl-size);
+  font-size: var(--typography-header-xl-size);
   font-weight: 500;
   letter-spacing: 0.18px;
-  line-height: var(--header-xl-height);
+  line-height: var(--typography-header-xl-height);
 }
 
 @utility text-header-l {
-  font-size: var(--header-l-size);
+  font-size: var(--typography-header-l-size);
   font-weight: 500;
   letter-spacing: 0.18px;
-  line-height: var(--header-l-height);
+  line-height: var(--typography-header-l-height);
 }
 
 @utility text-header-m {
-  font-size: var(--header-m-size);
+  font-size: var(--typography-header-m-size);
   font-weight: 500;
   letter-spacing: 0.25px;
-  line-height: var(--header-m-height);
+  line-height: var(--typography-header-m-height);
 }
 
 @utility text-header-s {
-  font-size: var(--header-s-size);
+  font-size: var(--typography-header-s-size);
   font-weight: 500;
   letter-spacing: 0.4px;
-  line-height: var(--header-s-height);
+  line-height: var(--typography-header-s-height);
 }
 
 @utility text-header-xs {
-  font-size: var(--header-xs-size);
+  font-size: var(--typography-header-xs-size);
   font-weight: 500;
   letter-spacing: 0.25px;
-  line-height: var(--header-xs-height);
+  line-height: var(--typography-header-xs-height);
 }
 
-
 @utility text-body-l {
-  font-size: var(--body-l-size);
+  font-size: var(--typography-body-l-size);
   font-weight: 400;
   letter-spacing: 0.5px;
-  line-height: var(--body-l-height);
+  line-height: var(--typography-body-l-height);
 }
 
 @utility text-body-m {
-  font-size: var(--body-m-size);
+  font-size: var(--typography-body-m-size);
   font-weight: 400;
   letter-spacing: 0.25px;
-  line-height: var(--body-m-height);
+  line-height: var(--typography-body-m-height);
 }
 
 @utility text-body-s {
-  font-size: var(--body-s-size);
+  font-size: var(--typography-body-s-size);
   font-weight: 400;
   letter-spacing: 0.4px;
-  line-height: var(--body-s-height);
+  line-height: var(--typography-body-s-height);
 }
 
 @utility text-body-xs {
-  font-size: var(--body-xs-size);
+  font-size: var(--typography-body-xs-size);
   font-weight: 400;
   letter-spacing: 0.5px;
-  line-height: var(--body-xs-height);
+  line-height: var(--typography-body-xs-height);
 }
 
 @utility text-body-xxs {
-  font-size: var(--body-xxs-size);
+  font-size: var(--typography-body-xxs-size);
   font-weight: 400;
   letter-spacing: 0.25px;
-  line-height: var(--body-xxs-height);
+  line-height: var(--typography-body-xxs-height);
 }
 
 @utility text-button-l {
-  font-size: var(--button-l-size);
+  font-size: var(--typography-button-l-size);
   font-weight: bold;
   letter-spacing: 0.5px;
-  line-height: var(--button-l-height);
+  line-height: var(--typography-button-l-height);
 }
 
 @utility text-button-m {
-  font-size: var(--button-m-size);
+  font-size: var(--typography-button-m-size);
   font-weight: bold;
   letter-spacing: 0.25px;
-  line-height: var(--button-m-height);
+  line-height: var(--typography-button-m-height);
 }
 
 @utility text-button-s {
-  font-size: var(--button-s-size);
+  font-size: var(--typography-button-s-size);
   font-weight: bold;
   letter-spacing: 0.4px;
-  line-height: var(--button-s-height);
+  line-height: var(--typography-button-s-height);
 }
 
 @utility text-button-xs {
-  font-size: var(--button-xs-size);
+  font-size: var(--typography-button-xs-size);
   font-weight: bold;
   letter-spacing: 0.5px;
-  line-height: var(--button-xs-height);
+  line-height: var(--typography-button-xs-height);
 }
 
 @utility w-content {
@@ -384,8 +254,8 @@ body {
     bottom: 0;
     left: 50%;
     background-image:
-      repeating-linear-gradient(to bottom, var(--neutral-04), var(--neutral-04)),
-      repeating-linear-gradient(to right, var(--neutral-04), var(--neutral-04));
+      repeating-linear-gradient(to bottom, var(--colors-neutral-04), var(--colors-neutral-04)),
+      repeating-linear-gradient(to right, var(--colors-neutral-04), var(--colors-neutral-04));
     background-position: left -1px, center;
     background-repeat: repeat-y, repeat-x;
     background-size: 1px 4px, 4px 1px;
@@ -399,8 +269,8 @@ body {
     bottom: 50%;
     left: 50%;
     background-image:
-      repeating-linear-gradient(to bottom,var(--neutral-04), var(--neutral-04)),
-      repeating-linear-gradient(to right, var(--neutral-04), var(--neutral-04));
+      repeating-linear-gradient(to bottom,var(--colors-neutral-04), var(--colors-neutral-04)),
+      repeating-linear-gradient(to right, var(--colors-neutral-04), var(--colors-neutral-04));
     background-position: left -1px, bottom;
     background-repeat: repeat-y, repeat-x;
     background-size: 1px 4px, 4px 1px;
@@ -414,8 +284,8 @@ body {
     bottom: 0;
     left: 50%;
     background-image:
-      repeating-linear-gradient(to bottom, var(--neutral-04), var(--neutral-04)),
-      repeating-linear-gradient(to right, var(--neutral-04), var(--neutral-04));
+      repeating-linear-gradient(to bottom, var(--colors-neutral-04), var(--colors-neutral-04)),
+      repeating-linear-gradient(to right, var(--colors-neutral-04), var(--colors-neutral-04));
     background-position: left -1px, center;
     background-repeat: repeat-y, repeat-x;
     background-size: 1px 4px, 4px 1px;

package/dist/index.d.ts

@@ -4,39 +4,53 @@ export { AccordionGroupProps, AccordionHeaderProps, AccordionPanelProps, Accordi
 export { Avatar, AvatarProps } from './components/avatar/index.js';
 export { Badge, BadgeProps } from './components/badge/index.js';
 export { Box, BoxProps } from './components/box/index.js';
-export { Button, ButtonProps } from './components/button/index.js';
+export { Button, ButtonContext, LinkButton, LinkButtonContext, ToggleButton, ToggleButtonContext } from './components/button/index.js';
+export { ButtonStyles, ButtonStylesDefaults, LinkButtonStyles, ToggleButtonStyles } from './components/button/styles.js';
+export { ButtonProps, ButtonProviderProps, ButtonStyleVariants, LinkButtonProps, LinkButtonProviderProps, ToggleButtonProps, ToggleButtonProviderProps } from './components/button/types.js';
 export { Checkbox, CheckboxGroupProps, CheckboxProps } from './components/checkbox/index.js';
-export { Chip, ChipListProps, ChipProps, DeletableChip, SelectableChip } from './components/chip/index.js';
-export { ClassificationBadge, ClassificationBadgeProps } from './components/classification-badge/index.js';
-export { ClassificationBanner, ClassificationBannerProps } from './components/classification-banner/index.js';
+export { Chip, ChipContext } from './components/chip/index.js';
+export { BaseChipStyles, ChipStyles, ChipStylesDefaults, DeletableChipStyles, SelectableChipStyles } from './components/chip/styles.js';
+export { BaseChipProps, ChipListProps, ChipProps, ChipProviderProps, DeletableChipProps, SelectableChipProps } from './components/chip/types.js';
+export { ClassificationBadge, ClassificationBadgeContext } from './components/classification-badge/index.js';
+export { ClassificationBadgeStyles, ClassificationBadgeStylesDefaults } from './components/classification-badge/styles.js';
+export { ClassificationBadgeProps, ClassificationBadgeProviderProps, ClassificationBadgeStyleVariants } from './components/classification-badge/types.js';
+export { ClassificationBanner, ClassificationBannerContext } from './components/classification-banner/index.js';
+export { ClassificationBannerStyles, ClassificationBannerStylesDefaults } from './components/classification-banner/styles.js';
+export { ClassificationBannerProps, ClassificationBannerProviderProps, ClassificationBannerStyleVariants } from './components/classification-banner/types.js';
 export { ColorPicker, ColorPickerProps, useColorPickerState } from './components/color-picker/index.js';
 export { ComboBox, ComboBoxProps, ComboBoxSection } from './components/combobox/index.js';
 export { DateField, DateFieldProps } from './components/date-field/index.js';
 export { Dialog, DialogProps, DialogTitle } from './components/dialog/index.js';
-export { FloatingButton, FloatingButtonProps } from './components/floating-button/index.js';
 export { Icon, IconContext } from './components/icon/index.js';
 export { IconStyleVariants, IconStyles, IconStylesDefaults } from './components/icon/styles.js';
 export { IconProps, IconProviderProps } from './components/icon/types.js';
-export { IconButton, IconButtonProps } from './components/icon-button/index.js';
-export { Label } from './components/label/index.js';
+export { Label, LabelContext } from './components/label/index.js';
+export { LabelStyles } from './components/label/styles.js';
+export { LabelProps, LabelProviderProps } from './components/label/types.js';
 export { Options, OptionsContext, OptionsProps, OptionsSection } from './components/options/index.js';
 export { IOptionsItem, OptionsItem, OptionsItemProps } from './components/options-item/index.js';
 export { Popover, PopoverTrigger } from './components/popover/index.js';
 export { PopoverStyles } from './components/popover/styles.js';
 export { PopoverBodyProps, PopoverContentProps, PopoverProps, PopoverTitleProps, PopoverTriggerProps } from './components/popover/types.js';
 export { ClassNames, DefaultRQBProps, Field, QueryBuilder, QueryBuilderContextType, QueryBuilderProps, QueryBuilderValueEditors, RuleGroupType } from './components/query-builder/index.js';
-export { Radio, RadioGroupProps, RadioProps } from './components/radio/index.js';
+export { Radio, RadioContext } from './components/radio/index.js';
+export { RadioStyles } from './components/radio/styles.js';
+export { RadioGroupProps, RadioProps, RadioProviderProps } from './components/radio/types.js';
 export { SearchField, SearchFieldProps } from './components/search-field/index.js';
 export { RangeSlider, RangeSliderProps, Slider, SliderProps } from './components/slider/index.js';
-export { Switch, SwitchProps } from './components/switch/index.js';
+export { Switch, SwitchContext } from './components/switch/index.js';
+export { SwitchStyles } from './components/switch/styles.js';
+export { SwitchProps, SwitchProviderProps } from './components/switch/types.js';
 export { TabListProps, TabPanelProps, TabProps, Tabs, TabsProps } from './components/tabs/index.js';
-export { TextArea, TextAreaProps } from './components/text-area/index.js';
+export { TextAreaField, TextAreaFieldContext } from './components/text-area-field/index.js';
+export { TextAreaStyles, TextAreaStylesDefaults } from './components/text-area-field/styles.js';
+export { TextAreaFieldProps, TextAreaFieldProviderProps, TextAreaStyleVariants } from './components/text-area-field/types.js';
 export { TextField, TextFieldProps } from './components/text-field/index.js';
-export { ToggleIconButton, ToggleIconButtonProps } from './components/toggle-icon-button/index.js';
 export { Tooltip, TooltipBody, TooltipBodyProps, TooltipProps, TooltipTrigger, TooltipTriggerProps } from './components/tooltip/index.js';
 export { containsExactChildren, expectsIconWrapper } from './lib/react.js';
 export { ChildrenRenderProps, ClassNameRenderProps, RenderProps, RenderPropsChildren, RenderPropsClassName, RenderPropsStyle, StylePropRenderProps, StyleRenderProps } from './lib/types.js';
 export { cn, isSlottedContextValue, tv, twMerge } from './lib/utils.js';
+export { RGBAColor, colorAdvisory, colorAdvisoryBold, colorAdvisoryHover, colorAdvisorySubtle, colorClassificationConfidential, colorClassificationCui, colorClassificationMissing, colorClassificationSecret, colorClassificationTopSecret, colorClassificationTsSci, colorClassificationUnclass, colorCritical, colorCriticalBold, colorCriticalHover, colorCriticalSubtle, colorDefaultDark, colorDefaultLight, colorDisabled, colorHighlight, colorHighlightBold, colorHighlightHover, colorHighlightSubtle, colorInfo, colorInfoBold, colorInfoHover, colorInfoSubtle, colorInteractive, colorInteractiveDefault, colorInteractiveDisabled, colorInteractiveHover, colorInteractiveHoverDark, colorInteractiveHoverLight, colorInverseDark, colorInverseLight, colorNormal, colorNormalBold, colorNormalHover, colorNormalSubtle, colorSerious, colorSeriousBold, colorSeriousHover, colorSeriousSubtle, colorStaticDark, colorStaticLight, colorSurfaceDefault, colorSurfaceOverlay, colorSurfaceRaised, colorTransparentDark, colorTransparentLight, fontDisplay, fontPrimary, iconSizeL, iconSizeM, iconSizeS, iconSizeXs, radiusLarge, radiusMedium, radiusNone, radiusRound, radiusSmall, shadowsElevationDefault, shadowsElevationOverlay, shadowsElevationRaised, spacing0, spacingL, spacingM, spacingNone, spacingOversized, spacingS, spacingXl, spacingXs, spacingXxl, spacingXxs, typographyBodyLHeight, typographyBodyLSize, typographyBodyMHeight, typographyBodyMSize, typographyBodySHeight, typographyBodySSize, typographyBodyXsHeight, typographyBodyXsSize, typographyBodyXxsHeight, typographyBodyXxsSize, typographyButtonLHeight, typographyButtonLSize, typographyButtonMHeight, typographyButtonMSize, typographyButtonSHeight, typographyButtonSSize, typographyButtonXsHeight, typographyButtonXsSize, typographyHeaderLHeight, typographyHeaderLSize, typographyHeaderMHeight, typographyHeaderMSize, typographyHeaderSHeight, typographyHeaderSSize, typographyHeaderXlHeight, typographyHeaderXlSize, typographyHeaderXsHeight, typographyHeaderXsSize, typographyHeaderXxlHeight, typographyHeaderXxlSize } from './tokens/generated/tokens.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'react-aria-components';

package/dist/index.js

@@ -1,2 +1,2 @@
-export{Accordion,AccordionContext}from'./components/accordion/index.js';export{AccordionStyles,AccordionStylesDefaults}from'./components/accordion/styles.js';export{Avatar}from'./components/avatar/index.js';export{Badge}from'./components/badge/index.js';export{Box}from'./components/box/index.js';export{Button}from'./components/button/index.js';export{Checkbox}from'./components/checkbox/index.js';export{Chip,DeletableChip,SelectableChip}from'./components/chip/index.js';export{ClassificationBadge}from'./components/classification-badge/index.js';export{ClassificationBanner}from'./components/classification-banner/index.js';export{ColorPicker,useColorPickerState}from'./components/color-picker/index.js';export{ComboBox,ComboBoxSection}from'./components/combobox/index.js';export{DateField}from'./components/date-field/index.js';export{Dialog,DialogTitle}from'./components/dialog/index.js';export{FloatingButton}from'./components/floating-button/index.js';export{Icon,IconContext}from'./components/icon/index.js';export{IconStyles,IconStylesDefaults}from'./components/icon/styles.js';export{IconButton}from'./components/icon-button/index.js';export{Label}from'./components/label/index.js';export{Options,OptionsContext,OptionsSection}from'./components/options/index.js';export{OptionsItem}from'./components/options-item/index.js';export{Popover,PopoverTrigger}from'./components/popover/index.js';export{PopoverStyles}from'./components/popover/styles.js';export{QueryBuilder}from'./components/query-builder/index.js';export{Radio}from'./components/radio/index.js';export{SearchField}from'./components/search-field/index.js';export{RangeSlider,Slider}from'./components/slider/index.js';export{Switch}from'./components/switch/index.js';export{Tabs}from'./components/tabs/index.js';export{TextArea}from'./components/text-area/index.js';export{TextField}from'./components/text-field/index.js';export{ToggleIconButton}from'./components/toggle-icon-button/index.js';export{Tooltip,TooltipBody,TooltipTrigger}from'./components/tooltip/index.js';export{containsExactChildren,expectsIconWrapper}from'./lib/react.js';export{cn,isSlottedContextValue,tv,twMerge}from'./lib/utils.js';//# sourceMappingURL=index.js.map
+export{Accordion,AccordionContext}from'./components/accordion/index.js';export{AccordionStyles,AccordionStylesDefaults}from'./components/accordion/styles.js';export{Avatar}from'./components/avatar/index.js';export{Badge}from'./components/badge/index.js';export{Box}from'./components/box/index.js';export{Button,ButtonContext,LinkButton,LinkButtonContext,ToggleButton,ToggleButtonContext}from'./components/button/index.js';export{ButtonStyles,ButtonStylesDefaults,LinkButtonStyles,ToggleButtonStyles}from'./components/button/styles.js';export{Checkbox}from'./components/checkbox/index.js';export{Chip,ChipContext}from'./components/chip/index.js';export{BaseChipStyles,ChipStyles,ChipStylesDefaults,DeletableChipStyles,SelectableChipStyles}from'./components/chip/styles.js';export{ClassificationBadge,ClassificationBadgeContext}from'./components/classification-badge/index.js';export{ClassificationBadgeStyles,ClassificationBadgeStylesDefaults}from'./components/classification-badge/styles.js';export{ClassificationBanner,ClassificationBannerContext}from'./components/classification-banner/index.js';export{ClassificationBannerStyles,ClassificationBannerStylesDefaults}from'./components/classification-banner/styles.js';export{ColorPicker,useColorPickerState}from'./components/color-picker/index.js';export{ComboBox,ComboBoxSection}from'./components/combobox/index.js';export{DateField}from'./components/date-field/index.js';export{Dialog,DialogTitle}from'./components/dialog/index.js';export{Icon,IconContext}from'./components/icon/index.js';export{IconStyles,IconStylesDefaults}from'./components/icon/styles.js';export{Label,LabelContext}from'./components/label/index.js';export{LabelStyles}from'./components/label/styles.js';export{Options,OptionsContext,OptionsSection}from'./components/options/index.js';export{OptionsItem}from'./components/options-item/index.js';export{Popover,PopoverTrigger}from'./components/popover/index.js';export{PopoverStyles}from'./components/popover/styles.js';export{QueryBuilder}from'./components/query-builder/index.js';export{Radio,RadioContext}from'./components/radio/index.js';export{RadioStyles}from'./components/radio/styles.js';export{SearchField}from'./components/search-field/index.js';export{RangeSlider,Slider}from'./components/slider/index.js';export{Switch,SwitchContext}from'./components/switch/index.js';export{SwitchStyles}from'./components/switch/styles.js';export{Tabs}from'./components/tabs/index.js';export{TextAreaField,TextAreaFieldContext}from'./components/text-area-field/index.js';export{TextAreaStyles,TextAreaStylesDefaults}from'./components/text-area-field/styles.js';export{TextField}from'./components/text-field/index.js';export{Tooltip,TooltipBody,TooltipTrigger}from'./components/tooltip/index.js';export{containsExactChildren,expectsIconWrapper}from'./lib/react.js';export{cn,isSlottedContextValue,tv,twMerge}from'./lib/utils.js';export{colorAdvisory,colorAdvisoryBold,colorAdvisoryHover,colorAdvisorySubtle,colorClassificationConfidential,colorClassificationCui,colorClassificationMissing,colorClassificationSecret,colorClassificationTopSecret,colorClassificationTsSci,colorClassificationUnclass,colorCritical,colorCriticalBold,colorCriticalHover,colorCriticalSubtle,colorDefaultDark,colorDefaultLight,colorDisabled,colorHighlight,colorHighlightBold,colorHighlightHover,colorHighlightSubtle,colorInfo,colorInfoBold,colorInfoHover,colorInfoSubtle,colorInteractive,colorInteractiveDefault,colorInteractiveDisabled,colorInteractiveHover,colorInteractiveHoverDark,colorInteractiveHoverLight,colorInverseDark,colorInverseLight,colorNormal,colorNormalBold,colorNormalHover,colorNormalSubtle,colorSerious,colorSeriousBold,colorSeriousHover,colorSeriousSubtle,colorStaticDark,colorStaticLight,colorSurfaceDefault,colorSurfaceOverlay,colorSurfaceRaised,colorTransparentDark,colorTransparentLight,fontDisplay,fontPrimary,iconSizeL,iconSizeM,iconSizeS,iconSizeXs,radiusLarge,radiusMedium,radiusNone,radiusRound,radiusSmall,shadowsElevationDefault,shadowsElevationOverlay,shadowsElevationRaised,spacing0,spacingL,spacingM,spacingNone,spacingOversized,spacingS,spacingXl,spacingXs,spacingXxl,spacingXxs,typographyBodyLHeight,typographyBodyLSize,typographyBodyMHeight,typographyBodyMSize,typographyBodySHeight,typographyBodySSize,typographyBodyXsHeight,typographyBodyXsSize,typographyBodyXxsHeight,typographyBodyXxsSize,typographyButtonLHeight,typographyButtonLSize,typographyButtonMHeight,typographyButtonMSize,typographyButtonSHeight,typographyButtonSSize,typographyButtonXsHeight,typographyButtonXsSize,typographyHeaderLHeight,typographyHeaderLSize,typographyHeaderMHeight,typographyHeaderMSize,typographyHeaderSHeight,typographyHeaderSSize,typographyHeaderXlHeight,typographyHeaderXlSize,typographyHeaderXsHeight,typographyHeaderXsSize,typographyHeaderXxlHeight,typographyHeaderXxlSize}from'./tokens/generated/tokens.js';//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/lib/react.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/lib/react.ts"],"names":["ComponentStructureError","message","containsExactChildren","children","componentName","restrictions","childrenComponents","Children","isValidElement","accumulationResults","acc","child","name","missingComponentsArray","excessComponentsArray","key","min","max","found","formatList","label","items","errorMessage","expectsIconWrapper"],"mappings":"4CAeA,IAAMA,CAAAA,CAAN,cAAsC,KAAM,CAC1C,WAAA,CAAYC,CAAAA,CAAS,CACnB,MAAMA,CAAO,CAAA,CACb,IAAA,CAAK,IAAA,CAAO,0BACd,CACF,CAAA,CAuBO,SAASC,EAAsB,CACpC,QAAA,CAAAC,CAAAA,CACA,aAAA,CAAAC,EACA,YAAA,CAAAC,CACF,CAAA,CAA+B,CAC7B,IAAMC,CAAAA,CAAqBC,QAAAA,CAAS,OAAA,CAAQJ,CAAQ,CAAA,CAEpD,GAAI,CAACG,CAAAA,CAAmB,MAAME,cAAc,CAAA,CAC1C,MAAM,IAAIR,CAAAA,CACR,CAAA,CAAA,EAAII,CAAa,CAAA,4BAAA,CACnB,EAGF,IAAMK,CAAAA,CAAsBH,CAAAA,CAAmB,MAAA,CAAO,CAACI,CAAAA,CAAKC,CAAAA,GAAU,CACpE,IAAMC,CAAAA,CAAOD,CAAAA,EAAO,IAAA,EAAM,WAAA,CAC1B,OAAIC,CAAAA,GACFF,CAAAA,CAAIE,CAAI,CAAA,CAAA,CAAKF,EAAIE,CAAI,CAAA,EAAK,CAAA,EAAK,CAAA,CAAA,CAE1BF,CACT,CAAA,CAAG,EAAE,EAECG,CAAAA,CAAmC,EAAC,CACpCC,CAAAA,CAAkC,EAAC,CAEzC,IAAA,GAAW,CAACC,EAAK,CAAE,GAAA,CAAAC,CAAAA,CAAK,GAAA,CAAAC,CAAI,CAAC,CAAA,GAAK,MAAA,CAAO,QAAQZ,CAAY,CAAA,CAAG,CAC9D,IAAMa,EAAQT,CAAAA,CAAoBM,CAAG,CAAA,EAAK,CAAA,CAEtCG,EAAQF,CAAAA,EACVH,CAAAA,CAAuB,IAAA,CAAK,CAAA,EAAGG,CAAAA,CAAME,CAAK,CAAA,KAAA,EAAQH,CAAG,GAAG,CAAA,CAGtDE,CAAAA,GAAQ,MAAA,EAAaC,CAAAA,CAAQD,GAC/BH,CAAAA,CAAsB,IAAA,CAAK,CAAA,EAAGI,CAAAA,CAAQD,CAAG,CAAA,KAAA,EAAQF,CAAG,CAAA,CAAA,CAAG,EAE3D,CAEA,GAAIF,CAAAA,CAAuB,MAAA,EAAUC,EAAsB,MAAA,CAAQ,CACjE,IAAMK,CAAAA,CAAa,CAACC,CAAAA,CAAeC,CAAAA,GACjCA,CAAAA,CAAM,MAAA,CAAS,IAAKD,CAAK,CAAA;AAAA,EAAA,EAAUC,CAAAA,CAAM,IAAA,CAAK,IAAI,CAAC;AAAA,CAAA,CAAO,EAAA,CAEtDC,CAAAA,CACJ,CAAA,SAAA,EAAYlB,CAAa,CAAA;AAAA,EACtBe,CAAAA,CAAW,uBAAA,CAAyBN,CAAsB,CAAC,CAAA,EAC3DM,EAAW,yBAAA,CAA2BL,CAAqB,CAAC,CAAA,CAAA,CAEjE,MAAM,IAAId,EAAwBsB,CAAAA,CAAa,IAAA,EAAM,CACvD,CACF,CAoBO,SAASC,CAAAA,CAAmB,CAAE,QAAA,CAAApB,CAAAA,CAAU,aAAA,CAAAC,CAAc,EAAG,CACnCG,QAAAA,CAAS,OAAA,CAAQJ,CAAQ,CAAA,CAEjC,GAAA,CAAKQ,GAAU,CAChC,GAAIH,cAAAA,CAAeG,CAAK,CAAA,EAElBA,CAAAA,CAAM,KAAK,IAAA,EAAM,UAAA,CAAW,KAAK,CAAA,CACnC,MAAM,IAAI,KAAA,CACR,CAAA,EAAGP,CAAa,CAAA,mDAAA,CAClB,CAGN,CAAC,EACH","file":"react.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// @ts-nocheck\nimport { Children, type ReactNode, isValidElement } from 'react';\n\nclass ComponentStructureError extends Error {\n  constructor(message) {\n    super(message);\n    this.name = 'ComponentStructureError';\n  }\n}\n\ntype ContainsExactChildrenProps = {\n  componentName: string;\n  // biome-ignore lint/suspicious/noExplicitAny: aria render props include a generic type\n  children:\n    | ReactNode\n    | ReactNode[]\n    | ((\n        values: any & {\n          defaultChildren: ReactNode | undefined;\n        },\n      ) => ReactNode);\n  restrictions: Record<string, { min: number; max?: number }>;\n};\n\n/**\n * Validates the intended composite component structure.\n *\n * @param children the children of the component\n * @param componentName the displayName of the component\n * @param restrictions the record of validation rules\n */\nexport function containsExactChildren({\n  children,\n  componentName,\n  restrictions,\n}: ContainsExactChildrenProps) {\n  const childrenComponents = Children.toArray(children);\n\n  if (!childrenComponents.every(isValidElement)) {\n    throw new ComponentStructureError(\n      `<${componentName}> received invalid children.`,\n    );\n  }\n\n  const accumulationResults = childrenComponents.reduce((acc, child) => {\n    const name = child?.type?.displayName;\n    if (name) {\n      acc[name] = (acc[name] || 0) + 1;\n    }\n    return acc;\n  }, {});\n\n  const missingComponentsArray: string[] = [];\n  const excessComponentsArray: string[] = [];\n\n  for (const [key, { min, max }] of Object.entries(restrictions)) {\n    const found = accumulationResults[key] ?? 0;\n\n    if (found < min) {\n      missingComponentsArray.push(`${min - found} of <${key}>`);\n    }\n\n    if (max !== undefined && found > max) {\n      excessComponentsArray.push(`${found - max} of <${key}>`);\n    }\n  }\n\n  if (missingComponentsArray.length || excessComponentsArray.length) {\n    const formatList = (label: string, items: string[]) =>\n      items.length ? `\\t${label}:\\n\\t\\t${items.join(', ')}\\n` : '';\n\n    const errorMessage =\n      `Invalid <${componentName}> structure \\n` +\n      `${formatList('Missing the following', missingComponentsArray)}` +\n      `${formatList('Excess of the following', excessComponentsArray)}`;\n\n    throw new ComponentStructureError(errorMessage.trim());\n  }\n}\n\n/**\n * I look for svgIcons exported from the @accelint/icons library\n * and ensure that they are wrapped in an Icon component in order\n * to get the classes and styles they need in context.\n *\n * Using isValidElement means we will filter out strings, boolean, etc.\n * that are valid nodes but not elements.\n *\n * @example\n *   expectsIconWrapper({\n *     children,\n *     componentName: Button.displayName,\n *   });\n *\n *\n * @param children the children of the calling component\n * @param componentName the displayName of the calling component\n */\nexport function expectsIconWrapper({ children, componentName }) {\n  const childrenComponents = Children.toArray(children);\n\n  childrenComponents.map((child) => {\n    if (isValidElement(child)) {\n      // icons should never be a direct child of the parent\n      if (child.type.name?.startsWith('Svg')) {\n        throw new Error(\n          `${componentName} is using an icon without the required Icon wrapper`,\n        );\n      }\n    }\n  });\n}\n"]}
+{"version":3,"sources":["../../src/lib/react.ts"],"names":["ComponentStructureError","message","containsExactChildren","children","componentName","restrictions","childrenComponents","Children","isValidElement","accumulationResults","acc","child","name","missingComponentsArray","excessComponentsArray","key","min","max","found","formatList","label","items","errorMessage","expectsIconWrapper"],"mappings":"4CAeA,IAAMA,CAAAA,CAAN,cAAsC,KAAM,CAC1C,WAAA,CAAYC,CAAAA,CAAS,CACnB,MAAMA,CAAO,CAAA,CACb,IAAA,CAAK,IAAA,CAAO,0BACd,CACF,CAAA,CAuBO,SAASC,EAAsB,CACpC,QAAA,CAAAC,CAAAA,CACA,aAAA,CAAAC,EACA,YAAA,CAAAC,CACF,CAAA,CAA+B,CAC7B,IAAMC,CAAAA,CAAqBC,QAAAA,CAAS,OAAA,CAAQJ,CAAQ,CAAA,CAEpD,GAAI,CAACG,CAAAA,CAAmB,MAAME,cAAc,CAAA,CAC1C,MAAM,IAAIR,CAAAA,CACR,CAAA,CAAA,EAAII,CAAa,CAAA,4BAAA,CACnB,EAGF,IAAMK,CAAAA,CAAsBH,CAAAA,CAAmB,MAAA,CAAO,CAACI,CAAAA,CAAKC,CAAAA,GAAU,CACpE,IAAMC,CAAAA,CAAOD,CAAAA,EAAO,IAAA,EAAM,WAAA,CAC1B,OAAIC,CAAAA,GACFF,CAAAA,CAAIE,CAAI,CAAA,CAAA,CAAKF,EAAIE,CAAI,CAAA,EAAK,CAAA,EAAK,CAAA,CAAA,CAE1BF,CACT,CAAA,CAAG,EAAE,EAECG,CAAAA,CAAmC,EAAC,CACpCC,CAAAA,CAAkC,EAAC,CAEzC,IAAA,GAAW,CAACC,EAAK,CAAE,GAAA,CAAAC,CAAAA,CAAK,GAAA,CAAAC,CAAI,CAAC,CAAA,GAAK,MAAA,CAAO,QAAQZ,CAAY,CAAA,CAAG,CAC9D,IAAMa,EAAQT,CAAAA,CAAoBM,CAAG,CAAA,EAAK,CAAA,CAEtCG,EAAQF,CAAAA,EACVH,CAAAA,CAAuB,IAAA,CAAK,CAAA,EAAGG,CAAAA,CAAME,CAAK,CAAA,KAAA,EAAQH,CAAG,GAAG,CAAA,CAGtDE,CAAAA,GAAQ,MAAA,EAAaC,CAAAA,CAAQD,GAC/BH,CAAAA,CAAsB,IAAA,CAAK,CAAA,EAAGI,CAAAA,CAAQD,CAAG,CAAA,KAAA,EAAQF,CAAG,CAAA,CAAA,CAAG,EAE3D,CAEA,GAAIF,CAAAA,CAAuB,MAAA,EAAUC,EAAsB,MAAA,CAAQ,CACjE,IAAMK,CAAAA,CAAa,CAACC,CAAAA,CAAeC,CAAAA,GACjCA,CAAAA,CAAM,MAAA,CAAS,IAAKD,CAAK,CAAA;AAAA,EAAA,EAAUC,CAAAA,CAAM,IAAA,CAAK,IAAI,CAAC;AAAA,CAAA,CAAO,EAAA,CAEtDC,CAAAA,CACJ,CAAA,SAAA,EAAYlB,CAAa,CAAA;AAAA,EACtBe,CAAAA,CAAW,uBAAA,CAAyBN,CAAsB,CAAC,CAAA,EAC3DM,EAAW,yBAAA,CAA2BL,CAAqB,CAAC,CAAA,CAAA,CAEjE,MAAM,IAAId,EAAwBsB,CAAAA,CAAa,IAAA,EAAM,CACvD,CACF,CAoBO,SAASC,CAAAA,CAAmB,CAAE,QAAA,CAAApB,CAAAA,CAAU,aAAA,CAAAC,CAAc,EAAG,CACnCG,QAAAA,CAAS,OAAA,CAAQJ,CAAQ,CAAA,CAEjC,GAAA,CAAKQ,GAAU,CAChC,GAAIH,cAAAA,CAAeG,CAAK,CAAA,EAElBA,CAAAA,CAAM,KAAK,IAAA,EAAM,UAAA,CAAW,KAAK,CAAA,CACnC,MAAM,IAAI,KAAA,CACR,CAAA,EAAGP,CAAa,CAAA,mDAAA,CAClB,CAGN,CAAC,EACH","file":"react.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// @ts-nocheck\nimport { Children, type ReactNode, isValidElement } from 'react';\n\nclass ComponentStructureError extends Error {\n  constructor(message) {\n    super(message);\n    this.name = 'ComponentStructureError';\n  }\n}\n\ntype ContainsExactChildrenProps = {\n  componentName: string;\n  children:\n    | ReactNode\n    | ReactNode[]\n    | ((\n        // biome-ignore lint/suspicious/noExplicitAny: aria render props include a generic type\n        values: any & {\n          defaultChildren: ReactNode | undefined;\n        },\n      ) => ReactNode);\n  restrictions: Record<string, { min: number; max?: number }>;\n};\n\n/**\n * Validates the intended composite component structure.\n *\n * @param children the children of the component\n * @param componentName the displayName of the component\n * @param restrictions the record of validation rules\n */\nexport function containsExactChildren({\n  children,\n  componentName,\n  restrictions,\n}: ContainsExactChildrenProps) {\n  const childrenComponents = Children.toArray(children);\n\n  if (!childrenComponents.every(isValidElement)) {\n    throw new ComponentStructureError(\n      `<${componentName}> received invalid children.`,\n    );\n  }\n\n  const accumulationResults = childrenComponents.reduce((acc, child) => {\n    const name = child?.type?.displayName;\n    if (name) {\n      acc[name] = (acc[name] || 0) + 1;\n    }\n    return acc;\n  }, {});\n\n  const missingComponentsArray: string[] = [];\n  const excessComponentsArray: string[] = [];\n\n  for (const [key, { min, max }] of Object.entries(restrictions)) {\n    const found = accumulationResults[key] ?? 0;\n\n    if (found < min) {\n      missingComponentsArray.push(`${min - found} of <${key}>`);\n    }\n\n    if (max !== undefined && found > max) {\n      excessComponentsArray.push(`${found - max} of <${key}>`);\n    }\n  }\n\n  if (missingComponentsArray.length || excessComponentsArray.length) {\n    const formatList = (label: string, items: string[]) =>\n      items.length ? `\\t${label}:\\n\\t\\t${items.join(', ')}\\n` : '';\n\n    const errorMessage =\n      `Invalid <${componentName}> structure \\n` +\n      `${formatList('Missing the following', missingComponentsArray)}` +\n      `${formatList('Excess of the following', excessComponentsArray)}`;\n\n    throw new ComponentStructureError(errorMessage.trim());\n  }\n}\n\n/**\n * I look for svgIcons exported from the @accelint/icons library\n * and ensure that they are wrapped in an Icon component in order\n * to get the classes and styles they need in context.\n *\n * Using isValidElement means we will filter out strings, boolean, etc.\n * that are valid nodes but not elements.\n *\n * @example\n *   expectsIconWrapper({\n *     children,\n *     componentName: Button.displayName,\n *   });\n *\n *\n * @param children the children of the calling component\n * @param componentName the displayName of the calling component\n */\nexport function expectsIconWrapper({ children, componentName }) {\n  const childrenComponents = Children.toArray(children);\n\n  childrenComponents.map((child) => {\n    if (isValidElement(child)) {\n      // icons should never be a direct child of the parent\n      if (child.type.name?.startsWith('Svg')) {\n        throw new Error(\n          `${componentName} is using an icon without the required Icon wrapper`,\n        );\n      }\n    }\n  });\n}\n"]}

package/dist/lib/utils.js

@@ -1,2 +1,2 @@
-import {clsx}from'clsx';import {extendTailwindMerge,validators}from'tailwind-merge';import {createTV}from'tailwind-variants';var a=extendTailwindMerge({extend:{classGroups:{icon:[{icon:["",validators.isAny]}],"icon-size":[{"icon-size":["",validators.isAny]}],fg:[{fg:["",validators.isAny]}]},conflictingClassGroups:{fg:["icon","text-color"]},theme:{color:["current","surface-default","surface-raised","surface-overlay","transparent-dark","transparent-light","interactive-default","interactive-hover-light","interactive-hover-dark","interactive-disabled","static-light","static-dark","interactive","interactive-hover","highlight-bold","highlight-hover","highlight-subtle","info-bold","info-hover","info-subtle","advisory-bold","advisory-hover","advisory-subtle","normal-bold","normal-hover","normal-subtle","serious-bold","serious-hover","serious-subtle","critical-bold","critical-hover","critical-subtle","default-light","default-dark","inverse-dark","inverse-light","disabled","highlight","info","advisory","normal","serious","critical","classification-missing","classification-unclass","classification-cui","classification-confidential","classification-secret","classification-top-secret"],font:["primary","display"],text:["header-xxl","header-xl","header-l","header-m","header-s","header-xs","body-xl","body-l","body-m","body-s","body-xs","body-xxs","button-xl","button-l","button-m","button-s","button-xs"],radius:["none","small","medium","large","round"],shadow:["elevation-default","elevation-overlay","elevation-raised"],spacing:["none","0","xxs","xs","s","m","l","xl","xxl","oversized"]}}});function c(...i){return a(clsx(i))}var d=createTV({twMergeConfig:{extend:{classGroups:{icon:[{icon:["",validators.isAny]}],"icon-size":[{"icon-size":["",validators.isAny]}],fg:[{fg:["",validators.isAny]}]},conflictingClassGroups:{fg:["icon","text-color"]},theme:{color:["current","surface-default","surface-raised","surface-overlay","transparent-dark","transparent-light","interactive-default","interactive-hover-light","interactive-hover-dark","interactive-disabled","static-light","static-dark","interactive","interactive-hover","highlight-bold","highlight-hover","highlight-subtle","info-bold","info-hover","info-subtle","advisory-bold","advisory-hover","advisory-subtle","normal-bold","normal-hover","normal-subtle","serious-bold","serious-hover","serious-subtle","critical-bold","critical-hover","critical-subtle","default-light","default-dark","inverse-dark","inverse-light","disabled","highlight","info","advisory","normal","serious","critical","classification-missing","classification-unclass","classification-cui","classification-confidential","classification-secret","classification-top-secret"],font:["primary","display"],text:["header-xxl","header-xl","header-l","header-m","header-s","header-xs","body-xl","body-l","body-m","body-s","body-xs","body-xxs","button-xl","button-l","button-m","button-s","button-xs"],radius:["none","small","medium","large","round"],shadow:["elevation-default","elevation-overlay","elevation-raised"],spacing:["none","0","xxs","xs","s","m","l","xl","xxl","oversized"]}}}});function u(i){return !!i&&"slots"in i}export{c as cn,u as isSlottedContextValue,d as tv,a as twMerge};//# sourceMappingURL=utils.js.map
+import {clsx}from'clsx';import {extendTailwindMerge,validators}from'tailwind-merge';import {createTV}from'tailwind-variants';var r=extendTailwindMerge({extend:{classGroups:{icon:[{icon:["",validators.isAny]}],fg:[{fg:["",validators.isAny]}]},conflictingClassGroups:{fg:["icon","text-color"]},theme:{color:["current","surface-default","surface-raised","surface-overlay","transparent-dark","transparent-light","interactive-default","interactive-hover-light","interactive-hover-dark","interactive-disabled","static-light","static-dark","interactive","interactive-hover","highlight-bold","highlight-hover","highlight-subtle","info-bold","info-hover","info-subtle","advisory-bold","advisory-hover","advisory-subtle","normal-bold","normal-hover","normal-subtle","serious-bold","serious-hover","serious-subtle","critical-bold","critical-hover","critical-subtle","default-light","default-dark","inverse-dark","inverse-light","disabled","highlight","info","advisory","normal","serious","critical","classification-missing","classification-unclass","classification-cui","classification-confidential","classification-secret","classification-top-secret"],font:["primary","display"],text:["header-xxl","header-xl","header-l","header-m","header-s","header-xs","body-xl","body-l","body-m","body-s","body-xs","body-xxs","button-xl","button-l","button-m","button-s","button-xs"],radius:["none","small","medium","large","round"],shadow:["elevation-default","elevation-overlay","elevation-raised"],spacing:["none","0","xxs","xs","s","m","l","xl","xxl","oversized"]}}});function d(...e){return r(clsx(e))}var c=createTV({twMergeConfig:{extend:{classGroups:{icon:[{icon:["",validators.isAny]}],fg:[{fg:["",validators.isAny]}]},conflictingClassGroups:{fg:["icon","text-color"]},theme:{color:["current","surface-default","surface-raised","surface-overlay","transparent-dark","transparent-light","interactive-default","interactive-hover-light","interactive-hover-dark","interactive-disabled","static-light","static-dark","interactive","interactive-hover","highlight-bold","highlight-hover","highlight-subtle","info-bold","info-hover","info-subtle","advisory-bold","advisory-hover","advisory-subtle","normal-bold","normal-hover","normal-subtle","serious-bold","serious-hover","serious-subtle","critical-bold","critical-hover","critical-subtle","default-light","default-dark","inverse-dark","inverse-light","disabled","highlight","info","advisory","normal","serious","critical","classification-missing","classification-unclass","classification-cui","classification-confidential","classification-secret","classification-top-secret"],font:["primary","display"],text:["header-xxl","header-xl","header-l","header-m","header-s","header-xs","body-xl","body-l","body-m","body-s","body-xs","body-xxs","button-xl","button-l","button-m","button-s","button-xs"],radius:["none","small","medium","large","round"],shadow:["elevation-default","elevation-overlay","elevation-raised"],spacing:["none","0","xxs","xs","s","m","l","xl","xxl","oversized"]}}}});function u(e){return !!e&&"slots"in e}export{d as cn,u as isSlottedContextValue,c as tv,r as twMerge};//# sourceMappingURL=utils.js.map
 //# sourceMappingURL=utils.js.map