@nation-a/ui 0.16.6 → 0.16.8

package/dist/styled-system/styles.css

@@ -363,6 +363,7 @@ html:not(#\#),body:not(#\#) {
   --animations-drawer-out-right: slide-out-right 200ms var(--easings-emphasized-out);
   --animations-skeleton-pulse: skeleton-pulse 2s var(--easings-pulse) infinite;
   --animations-fade-in: fade-in 400ms var(--easings-emphasized-in);
+  --animations-fade-out: fade-out 200ms var(--easings-emphasized-out);
   --animations-collapse-in: collapse-in 250ms var(--easings-emphasized-in);
   --animations-collapse-out: collapse-out 200ms var(--easings-emphasized-out);
   --animations-spin: spin 1s linear infinite;
@@ -1508,6 +1509,10 @@ html:not(#\#),body:not(#\#) {
   padding: var(--spacing-10);
 }
 
+.px_1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+  padding-inline: var(--spacing-1);
+}
+
 .h_40px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
   height: 40px;
 }
@@ -1536,10 +1541,6 @@ html:not(#\#),body:not(#\#) {
   text-align: left;
 }
 
-.px_1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  padding-inline: var(--spacing-1);
-}
-
 .gap_2rem:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
   gap: 2rem;
 }
@@ -2191,22 +2192,18 @@ html:not(#\#),body:not(#\#) {
   transition-property: background;
 }
 
-.bg-c_background\.neutral\.default:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  background-color: var(--colors-background-neutral-default);
+.fs_12px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+  font-size: 12px;
 }
 
-.mt_2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  margin-top: var(--spacing-2);
+.bg-c_background\.neutral\.default:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+  background-color: var(--colors-background-neutral-default);
 }
 
 .ov-y_auto:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
   overflow-y: auto;
 }
 
-.fs_12px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  font-size: 12px;
-}
-
 .trs-prop_transform\,_background:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
   --transition-prop: transform, background;
   transition-property: transform, background;
@@ -2464,6 +2461,14 @@ html:not(#\#),body:not(#\#) {
   outline-offset: -4px;
 }
 
+.open\:anim_fadeIn_0\.2s_ease-in:is([open], [data-open], [data-state="open"]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+  animation: fadeIn 0.2s ease-in;
+}
+
+.closed\:anim_fadeOut_0\.2s_ease-out:is([closed], [data-closed], [data-state="closed"]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+  animation: fadeOut 0.2s ease-out;
+}
+
 .\[\&\[data-placeholder\]\]\:c_content\.neutral\.subtlest[data-placeholder]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
   color: var(--colors-content-neutral-subtlest);
 }
@@ -2920,10 +2925,6 @@ html:not(#\#),body:not(#\#) {
   background-color: var(--colors-background-neutral-default);
 }
 
-.\[\&\:hover\]\:bg-c_background\.neutral\.hover:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  background-color: background.neutral.hover;
-}
-
 .checked\:disabled\:bg_content\.neutral\.disabled\!:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]):is(:disabled, [disabled], [data-disabled]):not(#\#):not(#\#) {
   background: var(--colors-content-neutral-disabled) !important;
 }
@@ -3064,6 +3065,12 @@ html:not(#\#),body:not(#\#) {
 }
 }
 
+@media (hover: hover) and (pointer: fine) {
+  .hover\:bg-c_background\.neutral\.selected:is(:hover, [data-hover]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+    background-color: var(--colors-background-neutral-selected);
+}
+}
+
 @media (hover: hover) and (pointer: fine) {
   .checked\:hover\:bg_content\.neutral\.subtle:is(:hover, [data-hover]):is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
     background: var(--colors-content-neutral-subtle);

package/dist/styled-system/tokens/index.mjs

@@ -39,6 +39,10 @@ const tokens = {
     "value": "fade-in 400ms var(--easings-emphasized-in)",
     "variable": "var(--animations-fade-in)"
   },
+  "animations.fade-out": {
+    "value": "fade-out 200ms var(--easings-emphasized-out)",
+    "variable": "var(--animations-fade-out)"
+  },
   "animations.collapse-in": {
     "value": "collapse-in 250ms var(--easings-emphasized-in)",
     "variable": "var(--animations-collapse-in)"

package/dist/styled-system/tokens/tokens.d.ts

@@ -1,9 +1,9 @@
 /* eslint-disable */
-export type Token = "animations.backdrop-in" | "animations.backdrop-out" | "animations.dialog-in" | "animations.dialog-out" | "animations.drawer-in-left" | "animations.drawer-out-left" | "animations.drawer-in-right" | "animations.drawer-out-right" | "animations.skeleton-pulse" | "animations.fade-in" | "animations.collapse-in" | "animations.collapse-out" | "animations.spin" | "blurs.sm" | "blurs.base" | "blurs.md" | "blurs.lg" | "blurs.xl" | "blurs.2xl" | "blurs.3xl" | "borders.none" | "durations.fastest" | "durations.faster" | "durations.fast" | "durations.normal" | "durations.slow" | "durations.slower" | "durations.slowest" | "easings.pulse" | "easings.default" | "easings.emphasized-in" | "easings.emphasized-out" | "sizes.0" | "sizes.1" | "sizes.2" | "sizes.3" | "sizes.4" | "sizes.5" | "sizes.6" | "sizes.7" | "sizes.8" | "sizes.9" | "sizes.10" | "sizes.11" | "sizes.12" | "sizes.14" | "sizes.16" | "sizes.20" | "sizes.24" | "sizes.28" | "sizes.32" | "sizes.36" | "sizes.40" | "sizes.44" | "sizes.48" | "sizes.52" | "sizes.56" | "sizes.60" | "sizes.64" | "sizes.72" | "sizes.80" | "sizes.96" | "sizes.0.5" | "sizes.1.5" | "sizes.2.5" | "sizes.3.5" | "sizes.4.5" | "sizes.2xs" | "sizes.xs" | "sizes.sm" | "sizes.md" | "sizes.lg" | "sizes.xl" | "sizes.2xl" | "sizes.3xl" | "sizes.4xl" | "sizes.5xl" | "sizes.6xl" | "sizes.7xl" | "sizes.8xl" | "sizes.full" | "sizes.min" | "sizes.max" | "sizes.fit" | "sizes.breakpoint-xs" | "sizes.breakpoint-sm" | "sizes.breakpoint-md" | "sizes.breakpoint-lg" | "sizes.breakpoint-xl" | "sizes.breakpoint-2xl" | "zIndex.hide" | "zIndex.base" | "zIndex.docked" | "zIndex.dropdown" | "zIndex.sticky" | "zIndex.banner" | "zIndex.overlay" | "zIndex.modal" | "zIndex.popover" | "zIndex.skipLink" | "zIndex.toast" | "zIndex.tooltip" | "colors.neutral.0" | "colors.neutral.100" | "colors.neutral.200" | "colors.neutral.300" | "colors.neutral.400" | "colors.neutral.500" | "colors.neutral.600" | "colors.neutral.700" | "colors.neutral.800" | "colors.neutral.900" | "colors.neutral.1000" | "colors.neutral.1050" | "colors.neutral.1100" | "colors.neutral.1200" | "colors.black.700A" | "colors.black.600A" | "colors.black.500A" | "colors.black.400A" | "colors.black.300A" | "colors.black.200A" | "colors.black.100A" | "colors.white.700A" | "colors.white.600A" | "colors.white.500A" | "colors.white.400A" | "colors.white.300A" | "colors.white.200A" | "colors.white.100A" | "colors.red.100" | "colors.red.200" | "colors.red.300" | "colors.red.400" | "colors.red.500" | "colors.red.600" | "colors.red.700" | "colors.red.800" | "colors.red.900" | "colors.red.1000" | "colors.orange.100" | "colors.orange.200" | "colors.orange.300" | "colors.orange.400" | "colors.orange.500" | "colors.orange.600" | "colors.orange.700" | "colors.orange.800" | "colors.orange.900" | "colors.orange.1000" | "colors.blue.100" | "colors.blue.200" | "colors.blue.300" | "colors.blue.400" | "colors.blue.500" | "colors.blue.600" | "colors.blue.700" | "colors.blue.800" | "colors.blue.900" | "colors.blue.1000" | "colors.green.100" | "colors.green.200" | "colors.green.300" | "colors.green.400" | "colors.green.500" | "colors.green.600" | "colors.green.700" | "colors.green.800" | "colors.green.900" | "colors.green.1000" | "colors.purple.100" | "colors.purple.200" | "colors.purple.300" | "colors.purple.400" | "colors.purple.500" | "colors.purple.600" | "colors.purple.700" | "colors.purple.800" | "colors.purple.900" | "colors.purple.1000" | "colors.ohre.100" | "colors.ohre.200" | "colors.ohre.300" | "colors.ohre.400" | "colors.ohre.500" | "colors.ohre.600" | "colors.ohre.700" | "colors.ohre.800" | "colors.ohre.900" | "colors.ohre.1000" | "colors.cyan.100" | "colors.cyan.200" | "colors.cyan.300" | "colors.cyan.400" | "colors.cyan.500" | "colors.cyan.600" | "colors.cyan.700" | "colors.cyan.800" | "colors.cyan.900" | "colors.cyan.1000" | "colors.yellow.100" | "colors.yellow.200" | "colors.yellow.300" | "colors.yellow.400" | "colors.yellow.500" | "colors.yellow.600" | "colors.yellow.700" | "colors.yellow.800" | "colors.yellow.900" | "colors.yellow.1000" | "borderWidths.none" | "borderWidths.sm" | "borderWidths.md" | "borderWidths.lg" | "spacing.0" | "spacing.1" | "spacing.2" | "spacing.3" | "spacing.4" | "spacing.5" | "spacing.6" | "spacing.7" | "spacing.8" | "spacing.9" | "spacing.10" | "spacing.11" | "spacing.12" | "spacing.14" | "spacing.16" | "spacing.20" | "spacing.24" | "spacing.28" | "spacing.30" | "spacing.32" | "spacing.36" | "spacing.40" | "spacing.44" | "spacing.48" | "spacing.52" | "spacing.56" | "spacing.60" | "spacing.64" | "spacing.72" | "spacing.80" | "spacing.96" | "spacing.98" | "spacing.128" | "spacing.160" | "spacing.0.5" | "spacing.1.5" | "spacing.2.5" | "spacing.3.5" | "spacing.4.5" | "radii.none" | "radii.xs" | "radii.sm" | "radii.md" | "radii.lg" | "radii.full" | "fontSizes.xs" | "fontSizes.sm" | "fontSizes.md" | "fontSizes.lg" | "fontSizes.xl" | "fontSizes.2xl" | "fontSizes.3xl" | "fontSizes.4xl" | "letterSpacings.xs" | "letterSpacings.sm" | "letterSpacings.md" | "letterSpacings.lg" | "letterSpacings.xl" | "letterSpacings.2xl" | "letterSpacings.3xl" | "lineHeights.md" | "lineHeights.lg" | "lineHeights.xl" | "lineHeights.2xl" | "lineHeights.3xl" | "lineHeights.4xl" | "lineHeights.5xl" | "fontWeights.regular" | "fontWeights.medium" | "fontWeights.semibold" | "fontWeights.bold" | "fontWeights.regularItalic" | "fontWeights.mediumItalic" | "fonts.inter" | "fonts.notoSans" | "breakpoints.xs" | "breakpoints.sm" | "breakpoints.md" | "breakpoints.lg" | "breakpoints.xl" | "breakpoints.2xl" | "colors.content.neutral.bold" | "colors.content.neutral.default" | "colors.content.neutral.subtle" | "colors.content.neutral.subtlest" | "colors.content.neutral.disabled" | "colors.content.neutral.default_inverse" | "colors.content.neuroidPrimary.default" | "colors.content.neuroidPrimary.default_inverse" | "colors.content.danger.default" | "colors.content.warning.default" | "colors.content.success.default" | "colors.content.informative.default" | "colors.content.zoltarinaPrimary.default" | "colors.content.zoltarinaPrimary.default_inverse" | "colors.content.heydPrimary.default" | "colors.content.heydPrimary.default_inverse" | "colors.content.static.white.bold" | "colors.content.static.white.default" | "colors.content.static.white.subtle" | "colors.content.static.white.subtlest" | "colors.content.static.white.disabled" | "colors.content.static.black.bold" | "colors.content.static.black.default" | "colors.content.static.black.subtle" | "colors.content.static.black.subtlest" | "colors.content.static.black.disabled" | "colors.content.heybeePrimary.default" | "colors.content.heybeePrimary.default_inverse" | "colors.content.neutralInverse.bold" | "colors.content.neutralInverse.default" | "colors.content.neutralInverse.subtle" | "colors.content.neutralInverse.subtlest" | "colors.content.neutralInverse.disabled" | "colors.content.neutralInverse.default_inverse" | "colors.background.neutral.default" | "colors.background.neutral.selected" | "colors.background.neutral.disabled" | "colors.background.neuroidPrimary.default" | "colors.background.neuroidPrimary.selected" | "colors.background.neuroidSecondary.default" | "colors.background.neuroidSecondary.selected" | "colors.background.danger.default" | "colors.background.danger.selected" | "colors.background.warning.default" | "colors.background.warning.selected" | "colors.background.success.default" | "colors.background.success.selected" | "colors.background.informative.default" | "colors.background.informative.selected" | "colors.background.zoltarinaPrimary.default" | "colors.background.zoltarinaPrimary.selected" | "colors.background.zoltarinaSecondary.default" | "colors.background.zoltarinaSecondary.selected" | "colors.background.heydPrimary.default" | "colors.background.heydPrimary.selected" | "colors.background.heydSecondary.default" | "colors.background.heydSecondary.selected" | "colors.background.static.whiteAlpha.bold" | "colors.background.static.whiteAlpha.default" | "colors.background.static.whiteAlpha.selected" | "colors.background.static.whiteAlpha.disabled" | "colors.background.static.blackAlpha.bold" | "colors.background.static.blackAlpha.default" | "colors.background.static.blackAlpha.selected" | "colors.background.static.blackAlpha.disabled" | "colors.background.heybeePrimary.default" | "colors.background.heybeePrimary.selected" | "colors.background.neutralInverse.default" | "colors.background.neutralInverse.selected" | "colors.background.neutralInverse.disabled" | "colors.surface.base" | "colors.surface.layer_1" | "colors.surface.layer_2" | "colors.shadow.overlay" | "colors.shadow.raised" | "colors.scrim.default" | "colors.skeleton.default" | "colors.skeleton.subtle" | "colors.border.neutral.default" | "colors.border.neutral.subtle" | "colors.border.neutral.disabled" | "colors.border.neuroidPrimary.default" | "colors.border.danger.default" | "colors.border.warning.default" | "colors.border.success.default" | "colors.border.informative.default" | "colors.border.zoltarinaPrimary.default" | "colors.border.heydPrimary.default" | "colors.border.heybeePrimary.default" | "shadows.raised" | "shadows.overlay" | "spacing.-1" | "spacing.-2" | "spacing.-3" | "spacing.-4" | "spacing.-5" | "spacing.-6" | "spacing.-7" | "spacing.-8" | "spacing.-9" | "spacing.-10" | "spacing.-11" | "spacing.-12" | "spacing.-14" | "spacing.-16" | "spacing.-20" | "spacing.-24" | "spacing.-28" | "spacing.-30" | "spacing.-32" | "spacing.-36" | "spacing.-40" | "spacing.-44" | "spacing.-48" | "spacing.-52" | "spacing.-56" | "spacing.-60" | "spacing.-64" | "spacing.-72" | "spacing.-80" | "spacing.-96" | "spacing.-98" | "spacing.-128" | "spacing.-160" | "spacing.-0.5" | "spacing.-1.5" | "spacing.-2.5" | "spacing.-3.5" | "spacing.-4.5" | "colors.colorPalette.0" | "colors.colorPalette.100" | "colors.colorPalette.200" | "colors.colorPalette.300" | "colors.colorPalette.400" | "colors.colorPalette.500" | "colors.colorPalette.600" | "colors.colorPalette.700" | "colors.colorPalette.800" | "colors.colorPalette.900" | "colors.colorPalette.1000" | "colors.colorPalette.1050" | "colors.colorPalette.1100" | "colors.colorPalette.1200" | "colors.colorPalette.700A" | "colors.colorPalette.600A" | "colors.colorPalette.500A" | "colors.colorPalette.400A" | "colors.colorPalette.300A" | "colors.colorPalette.200A" | "colors.colorPalette.100A" | "colors.colorPalette.neutral.bold" | "colors.colorPalette.bold" | "colors.colorPalette.neutral.default" | "colors.colorPalette.default" | "colors.colorPalette.neutral.subtle" | "colors.colorPalette.subtle" | "colors.colorPalette.neutral.subtlest" | "colors.colorPalette.subtlest" | "colors.colorPalette.neutral.disabled" | "colors.colorPalette.disabled" | "colors.colorPalette.neutral.default_inverse" | "colors.colorPalette.default_inverse" | "colors.colorPalette.neuroidPrimary.default" | "colors.colorPalette.neuroidPrimary.default_inverse" | "colors.colorPalette.danger.default" | "colors.colorPalette.warning.default" | "colors.colorPalette.success.default" | "colors.colorPalette.informative.default" | "colors.colorPalette.zoltarinaPrimary.default" | "colors.colorPalette.zoltarinaPrimary.default_inverse" | "colors.colorPalette.heydPrimary.default" | "colors.colorPalette.heydPrimary.default_inverse" | "colors.colorPalette.static.white.bold" | "colors.colorPalette.white.bold" | "colors.colorPalette.static.white.default" | "colors.colorPalette.white.default" | "colors.colorPalette.static.white.subtle" | "colors.colorPalette.white.subtle" | "colors.colorPalette.static.white.subtlest" | "colors.colorPalette.white.subtlest" | "colors.colorPalette.static.white.disabled" | "colors.colorPalette.white.disabled" | "colors.colorPalette.static.black.bold" | "colors.colorPalette.black.bold" | "colors.colorPalette.static.black.default" | "colors.colorPalette.black.default" | "colors.colorPalette.static.black.subtle" | "colors.colorPalette.black.subtle" | "colors.colorPalette.static.black.subtlest" | "colors.colorPalette.black.subtlest" | "colors.colorPalette.static.black.disabled" | "colors.colorPalette.black.disabled" | "colors.colorPalette.heybeePrimary.default" | "colors.colorPalette.heybeePrimary.default_inverse" | "colors.colorPalette.neutralInverse.bold" | "colors.colorPalette.neutralInverse.default" | "colors.colorPalette.neutralInverse.subtle" | "colors.colorPalette.neutralInverse.subtlest" | "colors.colorPalette.neutralInverse.disabled" | "colors.colorPalette.neutralInverse.default_inverse" | "colors.colorPalette.neutral.selected" | "colors.colorPalette.selected" | "colors.colorPalette.neuroidPrimary.selected" | "colors.colorPalette.neuroidSecondary.default" | "colors.colorPalette.neuroidSecondary.selected" | "colors.colorPalette.danger.selected" | "colors.colorPalette.warning.selected" | "colors.colorPalette.success.selected" | "colors.colorPalette.informative.selected" | "colors.colorPalette.zoltarinaPrimary.selected" | "colors.colorPalette.zoltarinaSecondary.default" | "colors.colorPalette.zoltarinaSecondary.selected" | "colors.colorPalette.heydPrimary.selected" | "colors.colorPalette.heydSecondary.default" | "colors.colorPalette.heydSecondary.selected" | "colors.colorPalette.static.whiteAlpha.bold" | "colors.colorPalette.whiteAlpha.bold" | "colors.colorPalette.static.whiteAlpha.default" | "colors.colorPalette.whiteAlpha.default" | "colors.colorPalette.static.whiteAlpha.selected" | "colors.colorPalette.whiteAlpha.selected" | "colors.colorPalette.static.whiteAlpha.disabled" | "colors.colorPalette.whiteAlpha.disabled" | "colors.colorPalette.static.blackAlpha.bold" | "colors.colorPalette.blackAlpha.bold" | "colors.colorPalette.static.blackAlpha.default" | "colors.colorPalette.blackAlpha.default" | "colors.colorPalette.static.blackAlpha.selected" | "colors.colorPalette.blackAlpha.selected" | "colors.colorPalette.static.blackAlpha.disabled" | "colors.colorPalette.blackAlpha.disabled" | "colors.colorPalette.heybeePrimary.selected" | "colors.colorPalette.neutralInverse.selected" | "colors.colorPalette.base" | "colors.colorPalette.layer_1" | "colors.colorPalette.layer_2" | "colors.colorPalette.overlay" | "colors.colorPalette.raised"
+export type Token = "animations.backdrop-in" | "animations.backdrop-out" | "animations.dialog-in" | "animations.dialog-out" | "animations.drawer-in-left" | "animations.drawer-out-left" | "animations.drawer-in-right" | "animations.drawer-out-right" | "animations.skeleton-pulse" | "animations.fade-in" | "animations.fade-out" | "animations.collapse-in" | "animations.collapse-out" | "animations.spin" | "blurs.sm" | "blurs.base" | "blurs.md" | "blurs.lg" | "blurs.xl" | "blurs.2xl" | "blurs.3xl" | "borders.none" | "durations.fastest" | "durations.faster" | "durations.fast" | "durations.normal" | "durations.slow" | "durations.slower" | "durations.slowest" | "easings.pulse" | "easings.default" | "easings.emphasized-in" | "easings.emphasized-out" | "sizes.0" | "sizes.1" | "sizes.2" | "sizes.3" | "sizes.4" | "sizes.5" | "sizes.6" | "sizes.7" | "sizes.8" | "sizes.9" | "sizes.10" | "sizes.11" | "sizes.12" | "sizes.14" | "sizes.16" | "sizes.20" | "sizes.24" | "sizes.28" | "sizes.32" | "sizes.36" | "sizes.40" | "sizes.44" | "sizes.48" | "sizes.52" | "sizes.56" | "sizes.60" | "sizes.64" | "sizes.72" | "sizes.80" | "sizes.96" | "sizes.0.5" | "sizes.1.5" | "sizes.2.5" | "sizes.3.5" | "sizes.4.5" | "sizes.2xs" | "sizes.xs" | "sizes.sm" | "sizes.md" | "sizes.lg" | "sizes.xl" | "sizes.2xl" | "sizes.3xl" | "sizes.4xl" | "sizes.5xl" | "sizes.6xl" | "sizes.7xl" | "sizes.8xl" | "sizes.full" | "sizes.min" | "sizes.max" | "sizes.fit" | "sizes.breakpoint-xs" | "sizes.breakpoint-sm" | "sizes.breakpoint-md" | "sizes.breakpoint-lg" | "sizes.breakpoint-xl" | "sizes.breakpoint-2xl" | "zIndex.hide" | "zIndex.base" | "zIndex.docked" | "zIndex.dropdown" | "zIndex.sticky" | "zIndex.banner" | "zIndex.overlay" | "zIndex.modal" | "zIndex.popover" | "zIndex.skipLink" | "zIndex.toast" | "zIndex.tooltip" | "colors.neutral.0" | "colors.neutral.100" | "colors.neutral.200" | "colors.neutral.300" | "colors.neutral.400" | "colors.neutral.500" | "colors.neutral.600" | "colors.neutral.700" | "colors.neutral.800" | "colors.neutral.900" | "colors.neutral.1000" | "colors.neutral.1050" | "colors.neutral.1100" | "colors.neutral.1200" | "colors.black.700A" | "colors.black.600A" | "colors.black.500A" | "colors.black.400A" | "colors.black.300A" | "colors.black.200A" | "colors.black.100A" | "colors.white.700A" | "colors.white.600A" | "colors.white.500A" | "colors.white.400A" | "colors.white.300A" | "colors.white.200A" | "colors.white.100A" | "colors.red.100" | "colors.red.200" | "colors.red.300" | "colors.red.400" | "colors.red.500" | "colors.red.600" | "colors.red.700" | "colors.red.800" | "colors.red.900" | "colors.red.1000" | "colors.orange.100" | "colors.orange.200" | "colors.orange.300" | "colors.orange.400" | "colors.orange.500" | "colors.orange.600" | "colors.orange.700" | "colors.orange.800" | "colors.orange.900" | "colors.orange.1000" | "colors.blue.100" | "colors.blue.200" | "colors.blue.300" | "colors.blue.400" | "colors.blue.500" | "colors.blue.600" | "colors.blue.700" | "colors.blue.800" | "colors.blue.900" | "colors.blue.1000" | "colors.green.100" | "colors.green.200" | "colors.green.300" | "colors.green.400" | "colors.green.500" | "colors.green.600" | "colors.green.700" | "colors.green.800" | "colors.green.900" | "colors.green.1000" | "colors.purple.100" | "colors.purple.200" | "colors.purple.300" | "colors.purple.400" | "colors.purple.500" | "colors.purple.600" | "colors.purple.700" | "colors.purple.800" | "colors.purple.900" | "colors.purple.1000" | "colors.ohre.100" | "colors.ohre.200" | "colors.ohre.300" | "colors.ohre.400" | "colors.ohre.500" | "colors.ohre.600" | "colors.ohre.700" | "colors.ohre.800" | "colors.ohre.900" | "colors.ohre.1000" | "colors.cyan.100" | "colors.cyan.200" | "colors.cyan.300" | "colors.cyan.400" | "colors.cyan.500" | "colors.cyan.600" | "colors.cyan.700" | "colors.cyan.800" | "colors.cyan.900" | "colors.cyan.1000" | "colors.yellow.100" | "colors.yellow.200" | "colors.yellow.300" | "colors.yellow.400" | "colors.yellow.500" | "colors.yellow.600" | "colors.yellow.700" | "colors.yellow.800" | "colors.yellow.900" | "colors.yellow.1000" | "borderWidths.none" | "borderWidths.sm" | "borderWidths.md" | "borderWidths.lg" | "spacing.0" | "spacing.1" | "spacing.2" | "spacing.3" | "spacing.4" | "spacing.5" | "spacing.6" | "spacing.7" | "spacing.8" | "spacing.9" | "spacing.10" | "spacing.11" | "spacing.12" | "spacing.14" | "spacing.16" | "spacing.20" | "spacing.24" | "spacing.28" | "spacing.30" | "spacing.32" | "spacing.36" | "spacing.40" | "spacing.44" | "spacing.48" | "spacing.52" | "spacing.56" | "spacing.60" | "spacing.64" | "spacing.72" | "spacing.80" | "spacing.96" | "spacing.98" | "spacing.128" | "spacing.160" | "spacing.0.5" | "spacing.1.5" | "spacing.2.5" | "spacing.3.5" | "spacing.4.5" | "radii.none" | "radii.xs" | "radii.sm" | "radii.md" | "radii.lg" | "radii.full" | "fontSizes.xs" | "fontSizes.sm" | "fontSizes.md" | "fontSizes.lg" | "fontSizes.xl" | "fontSizes.2xl" | "fontSizes.3xl" | "fontSizes.4xl" | "letterSpacings.xs" | "letterSpacings.sm" | "letterSpacings.md" | "letterSpacings.lg" | "letterSpacings.xl" | "letterSpacings.2xl" | "letterSpacings.3xl" | "lineHeights.md" | "lineHeights.lg" | "lineHeights.xl" | "lineHeights.2xl" | "lineHeights.3xl" | "lineHeights.4xl" | "lineHeights.5xl" | "fontWeights.regular" | "fontWeights.medium" | "fontWeights.semibold" | "fontWeights.bold" | "fontWeights.regularItalic" | "fontWeights.mediumItalic" | "fonts.inter" | "fonts.notoSans" | "breakpoints.xs" | "breakpoints.sm" | "breakpoints.md" | "breakpoints.lg" | "breakpoints.xl" | "breakpoints.2xl" | "colors.content.neutral.bold" | "colors.content.neutral.default" | "colors.content.neutral.subtle" | "colors.content.neutral.subtlest" | "colors.content.neutral.disabled" | "colors.content.neutral.default_inverse" | "colors.content.neuroidPrimary.default" | "colors.content.neuroidPrimary.default_inverse" | "colors.content.danger.default" | "colors.content.warning.default" | "colors.content.success.default" | "colors.content.informative.default" | "colors.content.zoltarinaPrimary.default" | "colors.content.zoltarinaPrimary.default_inverse" | "colors.content.heydPrimary.default" | "colors.content.heydPrimary.default_inverse" | "colors.content.static.white.bold" | "colors.content.static.white.default" | "colors.content.static.white.subtle" | "colors.content.static.white.subtlest" | "colors.content.static.white.disabled" | "colors.content.static.black.bold" | "colors.content.static.black.default" | "colors.content.static.black.subtle" | "colors.content.static.black.subtlest" | "colors.content.static.black.disabled" | "colors.content.heybeePrimary.default" | "colors.content.heybeePrimary.default_inverse" | "colors.content.neutralInverse.bold" | "colors.content.neutralInverse.default" | "colors.content.neutralInverse.subtle" | "colors.content.neutralInverse.subtlest" | "colors.content.neutralInverse.disabled" | "colors.content.neutralInverse.default_inverse" | "colors.background.neutral.default" | "colors.background.neutral.selected" | "colors.background.neutral.disabled" | "colors.background.neuroidPrimary.default" | "colors.background.neuroidPrimary.selected" | "colors.background.neuroidSecondary.default" | "colors.background.neuroidSecondary.selected" | "colors.background.danger.default" | "colors.background.danger.selected" | "colors.background.warning.default" | "colors.background.warning.selected" | "colors.background.success.default" | "colors.background.success.selected" | "colors.background.informative.default" | "colors.background.informative.selected" | "colors.background.zoltarinaPrimary.default" | "colors.background.zoltarinaPrimary.selected" | "colors.background.zoltarinaSecondary.default" | "colors.background.zoltarinaSecondary.selected" | "colors.background.heydPrimary.default" | "colors.background.heydPrimary.selected" | "colors.background.heydSecondary.default" | "colors.background.heydSecondary.selected" | "colors.background.static.whiteAlpha.bold" | "colors.background.static.whiteAlpha.default" | "colors.background.static.whiteAlpha.selected" | "colors.background.static.whiteAlpha.disabled" | "colors.background.static.blackAlpha.bold" | "colors.background.static.blackAlpha.default" | "colors.background.static.blackAlpha.selected" | "colors.background.static.blackAlpha.disabled" | "colors.background.heybeePrimary.default" | "colors.background.heybeePrimary.selected" | "colors.background.neutralInverse.default" | "colors.background.neutralInverse.selected" | "colors.background.neutralInverse.disabled" | "colors.surface.base" | "colors.surface.layer_1" | "colors.surface.layer_2" | "colors.shadow.overlay" | "colors.shadow.raised" | "colors.scrim.default" | "colors.skeleton.default" | "colors.skeleton.subtle" | "colors.border.neutral.default" | "colors.border.neutral.subtle" | "colors.border.neutral.disabled" | "colors.border.neuroidPrimary.default" | "colors.border.danger.default" | "colors.border.warning.default" | "colors.border.success.default" | "colors.border.informative.default" | "colors.border.zoltarinaPrimary.default" | "colors.border.heydPrimary.default" | "colors.border.heybeePrimary.default" | "shadows.raised" | "shadows.overlay" | "spacing.-1" | "spacing.-2" | "spacing.-3" | "spacing.-4" | "spacing.-5" | "spacing.-6" | "spacing.-7" | "spacing.-8" | "spacing.-9" | "spacing.-10" | "spacing.-11" | "spacing.-12" | "spacing.-14" | "spacing.-16" | "spacing.-20" | "spacing.-24" | "spacing.-28" | "spacing.-30" | "spacing.-32" | "spacing.-36" | "spacing.-40" | "spacing.-44" | "spacing.-48" | "spacing.-52" | "spacing.-56" | "spacing.-60" | "spacing.-64" | "spacing.-72" | "spacing.-80" | "spacing.-96" | "spacing.-98" | "spacing.-128" | "spacing.-160" | "spacing.-0.5" | "spacing.-1.5" | "spacing.-2.5" | "spacing.-3.5" | "spacing.-4.5" | "colors.colorPalette.0" | "colors.colorPalette.100" | "colors.colorPalette.200" | "colors.colorPalette.300" | "colors.colorPalette.400" | "colors.colorPalette.500" | "colors.colorPalette.600" | "colors.colorPalette.700" | "colors.colorPalette.800" | "colors.colorPalette.900" | "colors.colorPalette.1000" | "colors.colorPalette.1050" | "colors.colorPalette.1100" | "colors.colorPalette.1200" | "colors.colorPalette.700A" | "colors.colorPalette.600A" | "colors.colorPalette.500A" | "colors.colorPalette.400A" | "colors.colorPalette.300A" | "colors.colorPalette.200A" | "colors.colorPalette.100A" | "colors.colorPalette.neutral.bold" | "colors.colorPalette.bold" | "colors.colorPalette.neutral.default" | "colors.colorPalette.default" | "colors.colorPalette.neutral.subtle" | "colors.colorPalette.subtle" | "colors.colorPalette.neutral.subtlest" | "colors.colorPalette.subtlest" | "colors.colorPalette.neutral.disabled" | "colors.colorPalette.disabled" | "colors.colorPalette.neutral.default_inverse" | "colors.colorPalette.default_inverse" | "colors.colorPalette.neuroidPrimary.default" | "colors.colorPalette.neuroidPrimary.default_inverse" | "colors.colorPalette.danger.default" | "colors.colorPalette.warning.default" | "colors.colorPalette.success.default" | "colors.colorPalette.informative.default" | "colors.colorPalette.zoltarinaPrimary.default" | "colors.colorPalette.zoltarinaPrimary.default_inverse" | "colors.colorPalette.heydPrimary.default" | "colors.colorPalette.heydPrimary.default_inverse" | "colors.colorPalette.static.white.bold" | "colors.colorPalette.white.bold" | "colors.colorPalette.static.white.default" | "colors.colorPalette.white.default" | "colors.colorPalette.static.white.subtle" | "colors.colorPalette.white.subtle" | "colors.colorPalette.static.white.subtlest" | "colors.colorPalette.white.subtlest" | "colors.colorPalette.static.white.disabled" | "colors.colorPalette.white.disabled" | "colors.colorPalette.static.black.bold" | "colors.colorPalette.black.bold" | "colors.colorPalette.static.black.default" | "colors.colorPalette.black.default" | "colors.colorPalette.static.black.subtle" | "colors.colorPalette.black.subtle" | "colors.colorPalette.static.black.subtlest" | "colors.colorPalette.black.subtlest" | "colors.colorPalette.static.black.disabled" | "colors.colorPalette.black.disabled" | "colors.colorPalette.heybeePrimary.default" | "colors.colorPalette.heybeePrimary.default_inverse" | "colors.colorPalette.neutralInverse.bold" | "colors.colorPalette.neutralInverse.default" | "colors.colorPalette.neutralInverse.subtle" | "colors.colorPalette.neutralInverse.subtlest" | "colors.colorPalette.neutralInverse.disabled" | "colors.colorPalette.neutralInverse.default_inverse" | "colors.colorPalette.neutral.selected" | "colors.colorPalette.selected" | "colors.colorPalette.neuroidPrimary.selected" | "colors.colorPalette.neuroidSecondary.default" | "colors.colorPalette.neuroidSecondary.selected" | "colors.colorPalette.danger.selected" | "colors.colorPalette.warning.selected" | "colors.colorPalette.success.selected" | "colors.colorPalette.informative.selected" | "colors.colorPalette.zoltarinaPrimary.selected" | "colors.colorPalette.zoltarinaSecondary.default" | "colors.colorPalette.zoltarinaSecondary.selected" | "colors.colorPalette.heydPrimary.selected" | "colors.colorPalette.heydSecondary.default" | "colors.colorPalette.heydSecondary.selected" | "colors.colorPalette.static.whiteAlpha.bold" | "colors.colorPalette.whiteAlpha.bold" | "colors.colorPalette.static.whiteAlpha.default" | "colors.colorPalette.whiteAlpha.default" | "colors.colorPalette.static.whiteAlpha.selected" | "colors.colorPalette.whiteAlpha.selected" | "colors.colorPalette.static.whiteAlpha.disabled" | "colors.colorPalette.whiteAlpha.disabled" | "colors.colorPalette.static.blackAlpha.bold" | "colors.colorPalette.blackAlpha.bold" | "colors.colorPalette.static.blackAlpha.default" | "colors.colorPalette.blackAlpha.default" | "colors.colorPalette.static.blackAlpha.selected" | "colors.colorPalette.blackAlpha.selected" | "colors.colorPalette.static.blackAlpha.disabled" | "colors.colorPalette.blackAlpha.disabled" | "colors.colorPalette.heybeePrimary.selected" | "colors.colorPalette.neutralInverse.selected" | "colors.colorPalette.base" | "colors.colorPalette.layer_1" | "colors.colorPalette.layer_2" | "colors.colorPalette.overlay" | "colors.colorPalette.raised"
 
 export type ColorPalette = "neutral" | "black" | "white" | "red" | "orange" | "blue" | "green" | "purple" | "ohre" | "cyan" | "yellow" | "content" | "content.neutral" | "content.neuroidPrimary" | "content.danger" | "content.warning" | "content.success" | "content.informative" | "content.zoltarinaPrimary" | "content.heydPrimary" | "content.static" | "content.static.white" | "content.static.black" | "content.heybeePrimary" | "content.neutralInverse" | "background" | "background.neutral" | "background.neuroidPrimary" | "background.neuroidSecondary" | "background.danger" | "background.warning" | "background.success" | "background.informative" | "background.zoltarinaPrimary" | "background.zoltarinaSecondary" | "background.heydPrimary" | "background.heydSecondary" | "background.static" | "background.static.whiteAlpha" | "background.static.blackAlpha" | "background.heybeePrimary" | "background.neutralInverse" | "surface" | "shadow" | "scrim" | "skeleton" | "border" | "border.neutral" | "border.neuroidPrimary" | "border.danger" | "border.warning" | "border.success" | "border.informative" | "border.zoltarinaPrimary" | "border.heydPrimary" | "border.heybeePrimary"
 
-export type AnimationToken = "backdrop-in" | "backdrop-out" | "dialog-in" | "dialog-out" | "drawer-in-left" | "drawer-out-left" | "drawer-in-right" | "drawer-out-right" | "skeleton-pulse" | "fade-in" | "collapse-in" | "collapse-out" | "spin"
+export type AnimationToken = "backdrop-in" | "backdrop-out" | "dialog-in" | "dialog-out" | "drawer-in-left" | "drawer-out-left" | "drawer-in-right" | "drawer-out-right" | "skeleton-pulse" | "fade-in" | "fade-out" | "collapse-in" | "collapse-out" | "spin"
 
 export type BlurToken = "sm" | "base" | "md" | "lg" | "xl" | "2xl" | "3xl"
 

package/dist/types/components/Select/index.d.ts

@@ -12,6 +12,7 @@ type LabelProps = Assign<HTMLStyledProps<'label'>, ArkSelect.LabelProps>;
 type TriggerProps = Assign<HTMLStyledProps<'button'>, ArkSelect.TriggerProps & {
     description?: string;
 }>;
+export declare const Control: import('react').ForwardRefExoticComponent<Omit<Assign<HTMLStyledProps<"div">, ArkSelect.ControlBaseProps>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 type ValueTextProps = Assign<HTMLStyledProps<'span'>, ArkSelect.ValueTextProps>;
 type DescriptionProps = Assign<HTMLStyledProps<'div'>, {
     text: string;
@@ -21,6 +22,7 @@ type ContentProps = Assign<HTMLStyledProps<'div'>, ArkSelect.ContentProps & {
     radius?: 'md' | 'lg';
 }>;
 type ItemProps = Assign<HTMLStyledProps<'div'>, ArkSelect.ItemProps>;
+export declare const Positioner: import('react').ForwardRefExoticComponent<Omit<Assign<HTMLStyledProps<"div">, ArkSelect.PositionerBaseProps>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 declare const Select: {
     Root: (props: RootProps<any>) => import("react/jsx-runtime").JSX.Element;
     Label: import('react').ForwardRefExoticComponent<Omit<LabelProps, "ref"> & import('react').RefAttributes<HTMLLabelElement>>;
@@ -29,5 +31,7 @@ declare const Select: {
     Item: import('react').ForwardRefExoticComponent<Omit<ItemProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
     ValueText: import('react').ForwardRefExoticComponent<Omit<ValueTextProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
     Description: import('react').ForwardRefExoticComponent<Omit<DescriptionProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Positioner: import('react').ForwardRefExoticComponent<Omit<Assign<HTMLStyledProps<"div">, ArkSelect.PositionerBaseProps>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Control: import('react').ForwardRefExoticComponent<Omit<Assign<HTMLStyledProps<"div">, ArkSelect.ControlBaseProps>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 };
 export default Select;

package/dist/types/components/Select/select.recipe.d.ts

@@ -1,5 +1,5 @@
 export type SelectVariantProps = keyof typeof selectRecipe.variantMap;
-export declare const selectRecipe: import('../../../styled-system/types').SlotRecipeRuntimeFn<"label" | "description" | "content" | "trigger" | "item" | "root" | "valueText", {
+export declare const selectRecipe: import('../../../styled-system/types').SlotRecipeRuntimeFn<"label" | "description" | "list" | "content" | "trigger" | "positioner" | "indicator" | "item" | "root" | "clearTrigger" | "itemText" | "itemIndicator" | "itemGroup" | "itemGroupLabel" | "control" | "valueText", {
     radius: {
         md: {
             trigger: {

package/dist/types/components/Toast/index.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { DefaultToastOptions, ToasterProps } from 'react-hot-toast';
 export interface ToastProps {
     description: string;
     option?: {
@@ -45,7 +46,9 @@ declare const ActionTrigger: import('react').ForwardRefExoticComponent<{
     asLink?: boolean;
 } & import('react').RefAttributes<HTMLButtonElement | null>>;
 declare const Toaster: {
-    (): import("react/jsx-runtime").JSX.Element;
+    ({ toastOptions, ...props }: {
+        toastOptions?: DefaultToastOptions;
+    } & ToasterProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 declare const Toast: ToastComponent;

package/dist/types/theme/tokens/animations.d.ts

@@ -29,6 +29,9 @@ export declare const animations: {
     'fade-in': {
         value: string;
     };
+    'fade-out': {
+        value: string;
+    };
     'collapse-in': {
         value: string;
     };

package/dist/types/theme/tokens/index.d.ts

@@ -631,6 +631,9 @@ export declare const tokens: {
         'fade-in': {
             value: string;
         };
+        'fade-out': {
+            value: string;
+        };
         'collapse-in': {
             value: string;
         };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nation-a/ui",
-  "version": "0.16.6",
+  "version": "0.16.8",
   "type": "module",
   "types": "./dist/types/index.d.ts",
   "main": "./dist/index.cjs",