@nation-a/ui 0.8.0 → 0.9.0

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

@@ -871,34 +871,110 @@ const tokens = {
     "value": "1rem",
     "variable": "var(--spacing-4)"
   },
+  "spacing.5": {
+    "value": "1.25rem",
+    "variable": "var(--spacing-5)"
+  },
   "spacing.6": {
     "value": "1.5rem",
     "variable": "var(--spacing-6)"
   },
+  "spacing.7": {
+    "value": "1.75rem",
+    "variable": "var(--spacing-7)"
+  },
   "spacing.8": {
     "value": "2rem",
     "variable": "var(--spacing-8)"
   },
+  "spacing.9": {
+    "value": "2.25rem",
+    "variable": "var(--spacing-9)"
+  },
+  "spacing.10": {
+    "value": "2.5rem",
+    "variable": "var(--spacing-10)"
+  },
+  "spacing.11": {
+    "value": "2.75rem",
+    "variable": "var(--spacing-11)"
+  },
   "spacing.12": {
     "value": "3rem",
     "variable": "var(--spacing-12)"
   },
+  "spacing.14": {
+    "value": "3.5rem",
+    "variable": "var(--spacing-14)"
+  },
+  "spacing.16": {
+    "value": "4rem",
+    "variable": "var(--spacing-16)"
+  },
   "spacing.20": {
     "value": "5rem",
     "variable": "var(--spacing-20)"
   },
+  "spacing.24": {
+    "value": "6rem",
+    "variable": "var(--spacing-24)"
+  },
+  "spacing.28": {
+    "value": "7rem",
+    "variable": "var(--spacing-28)"
+  },
   "spacing.30": {
     "value": "7.5rem",
     "variable": "var(--spacing-30)"
   },
+  "spacing.32": {
+    "value": "8rem",
+    "variable": "var(--spacing-32)"
+  },
+  "spacing.36": {
+    "value": "9rem",
+    "variable": "var(--spacing-36)"
+  },
+  "spacing.40": {
+    "value": "10rem",
+    "variable": "var(--spacing-40)"
+  },
+  "spacing.44": {
+    "value": "11rem",
+    "variable": "var(--spacing-44)"
+  },
+  "spacing.48": {
+    "value": "12rem",
+    "variable": "var(--spacing-48)"
+  },
+  "spacing.52": {
+    "value": "13rem",
+    "variable": "var(--spacing-52)"
+  },
   "spacing.56": {
     "value": "14rem",
     "variable": "var(--spacing-56)"
   },
+  "spacing.60": {
+    "value": "15rem",
+    "variable": "var(--spacing-60)"
+  },
+  "spacing.64": {
+    "value": "16rem",
+    "variable": "var(--spacing-64)"
+  },
   "spacing.72": {
     "value": "18rem",
     "variable": "var(--spacing-72)"
   },
+  "spacing.80": {
+    "value": "20rem",
+    "variable": "var(--spacing-80)"
+  },
+  "spacing.96": {
+    "value": "24rem",
+    "variable": "var(--spacing-96)"
+  },
   "spacing.98": {
     "value": "24rem",
     "variable": "var(--spacing-98)"
@@ -911,6 +987,26 @@ const tokens = {
     "value": "40rem",
     "variable": "var(--spacing-160)"
   },
+  "spacing.0.5": {
+    "value": "0.125rem",
+    "variable": "var(--spacing-0\\.5)"
+  },
+  "spacing.1.5": {
+    "value": "0.375rem",
+    "variable": "var(--spacing-1\\.5)"
+  },
+  "spacing.2.5": {
+    "value": "0.625rem",
+    "variable": "var(--spacing-2\\.5)"
+  },
+  "spacing.3.5": {
+    "value": "0.875rem",
+    "variable": "var(--spacing-3\\.5)"
+  },
+  "spacing.4.5": {
+    "value": "1.125rem",
+    "variable": "var(--spacing-4\\.5)"
+  },
   "radii.none": {
     "value": "0px",
     "variable": "var(--radii-none)"
@@ -1419,34 +1515,110 @@ const tokens = {
     "value": "calc(var(--spacing-4) * -1)",
     "variable": "var(--spacing-4)"
   },
+  "spacing.-5": {
+    "value": "calc(var(--spacing-5) * -1)",
+    "variable": "var(--spacing-5)"
+  },
   "spacing.-6": {
     "value": "calc(var(--spacing-6) * -1)",
     "variable": "var(--spacing-6)"
   },
+  "spacing.-7": {
+    "value": "calc(var(--spacing-7) * -1)",
+    "variable": "var(--spacing-7)"
+  },
   "spacing.-8": {
     "value": "calc(var(--spacing-8) * -1)",
     "variable": "var(--spacing-8)"
   },
+  "spacing.-9": {
+    "value": "calc(var(--spacing-9) * -1)",
+    "variable": "var(--spacing-9)"
+  },
+  "spacing.-10": {
+    "value": "calc(var(--spacing-10) * -1)",
+    "variable": "var(--spacing-10)"
+  },
+  "spacing.-11": {
+    "value": "calc(var(--spacing-11) * -1)",
+    "variable": "var(--spacing-11)"
+  },
   "spacing.-12": {
     "value": "calc(var(--spacing-12) * -1)",
     "variable": "var(--spacing-12)"
   },
+  "spacing.-14": {
+    "value": "calc(var(--spacing-14) * -1)",
+    "variable": "var(--spacing-14)"
+  },
+  "spacing.-16": {
+    "value": "calc(var(--spacing-16) * -1)",
+    "variable": "var(--spacing-16)"
+  },
   "spacing.-20": {
     "value": "calc(var(--spacing-20) * -1)",
     "variable": "var(--spacing-20)"
   },
+  "spacing.-24": {
+    "value": "calc(var(--spacing-24) * -1)",
+    "variable": "var(--spacing-24)"
+  },
+  "spacing.-28": {
+    "value": "calc(var(--spacing-28) * -1)",
+    "variable": "var(--spacing-28)"
+  },
   "spacing.-30": {
     "value": "calc(var(--spacing-30) * -1)",
     "variable": "var(--spacing-30)"
   },
+  "spacing.-32": {
+    "value": "calc(var(--spacing-32) * -1)",
+    "variable": "var(--spacing-32)"
+  },
+  "spacing.-36": {
+    "value": "calc(var(--spacing-36) * -1)",
+    "variable": "var(--spacing-36)"
+  },
+  "spacing.-40": {
+    "value": "calc(var(--spacing-40) * -1)",
+    "variable": "var(--spacing-40)"
+  },
+  "spacing.-44": {
+    "value": "calc(var(--spacing-44) * -1)",
+    "variable": "var(--spacing-44)"
+  },
+  "spacing.-48": {
+    "value": "calc(var(--spacing-48) * -1)",
+    "variable": "var(--spacing-48)"
+  },
+  "spacing.-52": {
+    "value": "calc(var(--spacing-52) * -1)",
+    "variable": "var(--spacing-52)"
+  },
   "spacing.-56": {
     "value": "calc(var(--spacing-56) * -1)",
     "variable": "var(--spacing-56)"
   },
+  "spacing.-60": {
+    "value": "calc(var(--spacing-60) * -1)",
+    "variable": "var(--spacing-60)"
+  },
+  "spacing.-64": {
+    "value": "calc(var(--spacing-64) * -1)",
+    "variable": "var(--spacing-64)"
+  },
   "spacing.-72": {
     "value": "calc(var(--spacing-72) * -1)",
     "variable": "var(--spacing-72)"
   },
+  "spacing.-80": {
+    "value": "calc(var(--spacing-80) * -1)",
+    "variable": "var(--spacing-80)"
+  },
+  "spacing.-96": {
+    "value": "calc(var(--spacing-96) * -1)",
+    "variable": "var(--spacing-96)"
+  },
   "spacing.-98": {
     "value": "calc(var(--spacing-98) * -1)",
     "variable": "var(--spacing-98)"
@@ -1459,6 +1631,26 @@ const tokens = {
     "value": "calc(var(--spacing-160) * -1)",
     "variable": "var(--spacing-160)"
   },
+  "spacing.-0.5": {
+    "value": "calc(var(--spacing-0\\.5) * -1)",
+    "variable": "var(--spacing-0\\.5)"
+  },
+  "spacing.-1.5": {
+    "value": "calc(var(--spacing-1\\.5) * -1)",
+    "variable": "var(--spacing-1\\.5)"
+  },
+  "spacing.-2.5": {
+    "value": "calc(var(--spacing-2\\.5) * -1)",
+    "variable": "var(--spacing-2\\.5)"
+  },
+  "spacing.-3.5": {
+    "value": "calc(var(--spacing-3\\.5) * -1)",
+    "variable": "var(--spacing-3\\.5)"
+  },
+  "spacing.-4.5": {
+    "value": "calc(var(--spacing-4\\.5) * -1)",
+    "variable": "var(--spacing-4\\.5)"
+  },
   "colors.colorPalette.0": {
     "value": "var(--colors-color-palette-0)",
     "variable": "var(--colors-color-palette-0)"

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

@@ -1,5 +1,5 @@
 /* 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-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.6" | "spacing.8" | "spacing.12" | "spacing.20" | "spacing.30" | "spacing.56" | "spacing.72" | "spacing.98" | "spacing.128" | "spacing.160" | "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.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.defult_inverse" | "colors.content.heydPrimary.default" | "colors.content.heydPrimary.defult_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.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.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.-6" | "spacing.-8" | "spacing.-12" | "spacing.-20" | "spacing.-30" | "spacing.-56" | "spacing.-72" | "spacing.-98" | "spacing.-128" | "spacing.-160" | "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.defult_inverse" | "colors.colorPalette.defult_inverse" | "colors.colorPalette.heydPrimary.default" | "colors.colorPalette.heydPrimary.defult_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.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.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.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-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.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.defult_inverse" | "colors.content.heydPrimary.default" | "colors.content.heydPrimary.defult_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.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.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.defult_inverse" | "colors.colorPalette.defult_inverse" | "colors.colorPalette.heydPrimary.default" | "colors.colorPalette.heydPrimary.defult_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.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.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" | "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" | "surface" | "shadow" | "scrim" | "skeleton" | "border" | "border.neutral" | "border.neuroidPrimary" | "border.danger" | "border.warning" | "border.success" | "border.informative" | "border.zoltarinaPrimary" | "border.heydPrimary" | "border.heybeePrimary"
 
@@ -21,7 +21,7 @@ export type ColorToken = "neutral.0" | "neutral.100" | "neutral.200" | "neutral.
 
 export type BorderWidthToken = "none" | "sm" | "md" | "lg"
 
-export type SpacingToken = "0" | "1" | "2" | "3" | "4" | "6" | "8" | "12" | "20" | "30" | "56" | "72" | "98" | "128" | "160" | "-1" | "-2" | "-3" | "-4" | "-6" | "-8" | "-12" | "-20" | "-30" | "-56" | "-72" | "-98" | "-128" | "-160"
+export type SpacingToken = "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "30" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "98" | "128" | "160" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "-1" | "-2" | "-3" | "-4" | "-5" | "-6" | "-7" | "-8" | "-9" | "-10" | "-11" | "-12" | "-14" | "-16" | "-20" | "-24" | "-28" | "-30" | "-32" | "-36" | "-40" | "-44" | "-48" | "-52" | "-56" | "-60" | "-64" | "-72" | "-80" | "-96" | "-98" | "-128" | "-160" | "-0.5" | "-1.5" | "-2.5" | "-3.5" | "-4.5"
 
 export type RadiusToken = "none" | "xs" | "sm" | "md" | "lg" | "full"
 

package/dist/types/components/Input/Input.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as Input } from './index';
+declare const meta: Meta<typeof Input>;
+export default meta;
+type Story = StoryObj<typeof Input>;
+export declare const Default: Story;
+export declare const WithDescription: Story;
+export declare const UIVariants: Story;
+export declare const DisabledStates: Story;
+export declare const LabelVariations: Story;

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

@@ -0,0 +1,25 @@
+import { InputHTMLAttributes, ReactNode } from 'react';
+import { InputVariantProps } from './input.recipe';
+export type InputProps = InputHTMLAttributes<HTMLInputElement> & InputVariantProps & {
+    value: string;
+    required?: boolean;
+    disabled?: boolean;
+    label?: string;
+    labelPosition?: 'outside' | 'inside';
+    description?: string;
+    textLimit?: number;
+};
+export declare const RequiredStar: () => import("react/jsx-runtime").JSX.Element;
+export declare const Description: ({ children }: {
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const Input: import('react').ForwardRefExoticComponent<InputHTMLAttributes<HTMLInputElement> & InputVariantProps & {
+    value: string;
+    required?: boolean;
+    disabled?: boolean;
+    label?: string;
+    labelPosition?: "outside" | "inside";
+    description?: string;
+    textLimit?: number;
+} & import('react').RefAttributes<HTMLInputElement>>;
+export default Input;

package/dist/types/components/Input/input.recipe.d.ts

@@ -0,0 +1,84 @@
+export type InputVariantProps = Omit<typeof inputRecipe.__type, 'state'>;
+export type InputStateType = Pick<typeof inputRecipe.__type, 'state'>['state'];
+export declare const inputRecipe: import('../../../styled-system/types').RecipeRuntimeFn<{
+    isTextArea: {
+        true: {
+            minHeight: "56px";
+            '& textarea': {
+                background: "transparent";
+                height: "100%";
+                resize: "none";
+                overflowY: "auto";
+            };
+        };
+        false: {
+            minHeight: "48px";
+            maxHeight: "60px";
+        };
+    };
+    variant: {
+        solid: {
+            borderColor: "transparent";
+        };
+        line: {
+            background: "transparent";
+        };
+    };
+    color: {
+        alpha: {
+            '&::placeholder': {
+                color: "content.static.white.subtlest";
+            };
+        };
+        neutral: {
+            '&::placeholder': {
+                color: "content.neutral.subtlest";
+            };
+        };
+    };
+    radius: {
+        md: {
+            borderRadius: number;
+            px: number;
+        };
+        lg: {
+            borderRadius: number;
+            px: number;
+        };
+        full: {
+            borderRadius: number;
+            px: number;
+        };
+    };
+    state: {
+        default: {
+            color: "content.neutral.bold";
+        };
+        selected: {
+            color: "content.neutral.bold";
+        };
+        disabled: {
+            color: "content.neutral.disabled";
+        };
+    };
+}>;
+export declare const labelRecipe: import('../../../styled-system/types').RecipeRuntimeFn<{
+    state: {
+        default: {};
+        selected: {};
+        disabled: {};
+    };
+    color: {
+        alpha: {
+            color: "content.static.white.bold";
+        };
+        neutral: {
+            color: "content.neutral.subtle";
+        };
+    };
+    radius: {
+        md: {};
+        lg: {};
+        full: {};
+    };
+}>;

package/dist/types/components/TextArea/TextArea.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as Textarea } from './index';
+declare const meta: Meta<typeof Textarea>;
+export default meta;
+type Story = StoryObj<typeof Textarea>;
+export declare const Default: Story;
+export declare const WithDescription: Story;
+export declare const UIVariants: Story;
+export declare const DisabledStates: Story;
+export declare const LabelVariations: Story;
+export declare const TextLimitExample: Story;

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

@@ -0,0 +1,23 @@
+import { TextareaHTMLAttributes } from 'react';
+import { InputVariantProps } from '../Input/input.recipe';
+export type TextAreaProps = TextareaHTMLAttributes<HTMLTextAreaElement> & InputVariantProps & {
+    value: string;
+    required?: boolean;
+    disabled?: boolean;
+    label?: string;
+    labelPosition?: 'outside' | 'inside';
+    description?: string;
+    textLimit?: number;
+    showTextCount?: boolean;
+};
+declare const Textarea: import('react').ForwardRefExoticComponent<TextareaHTMLAttributes<HTMLTextAreaElement> & InputVariantProps & {
+    value: string;
+    required?: boolean;
+    disabled?: boolean;
+    label?: string;
+    labelPosition?: "outside" | "inside";
+    description?: string;
+    textLimit?: number;
+    showTextCount?: boolean;
+} & import('react').RefAttributes<HTMLTextAreaElement>>;
+export default Textarea;

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

@@ -7,4 +7,6 @@ export { default as BottomSheet, type BottomSheetProps } from './BottomSheet';
 export { default as Navigation, type NavigationProps, type NavigationTriggerProps } from './Navigation';
 export { default as Tag, type TagProps } from './Tag';
 export { Portal, type PortalProps } from '@ark-ui/react';
+export { default as Input, type InputProps } from './Input';
+export { default as TextArea, type TextAreaProps } from './TextArea';
 export * from './Layout';