@choco-vanille/ui 1.5.5 → 1.7.0

package/dist/components/layout/box/styles/Box.css.js

@@ -1,8 +1,8 @@
-import '../../../../ui-kit62.css';import '../../../../ui-kit2.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit28.css';import '../../../../ui-kit2.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                                                */
 /* empty css                       */
 import { createRuntimeFn as e } from "@vanilla-extract/recipes/createRuntimeFn";
-var _ = { recipe: e({ defaultClassName: "_1hizew70", variantClassNames: { borderRadius: { none: "_1hizew71", xs: "_1hizew72", sm: "_1hizew73", md: "_1hizew74", lg: "_1hizew75", xl: "_1hizew76", "2xl": "_1hizew77", full: "_1hizew78" }, padding: { none: "_1hizew79", px: "_1hizew7a", xxs: "_1hizew7b", xs: "_1hizew7c", xs2: "_1hizew7d", sm: "_1hizew7e", sm2: "_1hizew7f", md: "_1hizew7g", md2: "_1hizew7h", lg: "_1hizew7i", lg2: "_1hizew7j", xl: "_1hizew7k", "2xl": "_1hizew7l", "3xl": "_1hizew7m", "4xl": "_1hizew7n", "5xl": "_1hizew7o" }, paddingX: { none: "_1hizew7p", px: "_1hizew7q", xxs: "_1hizew7r", xs: "_1hizew7s", xs2: "_1hizew7t", sm: "_1hizew7u", sm2: "_1hizew7v", md: "_1hizew7w", md2: "_1hizew7x", lg: "_1hizew7y", lg2: "_1hizew7z", xl: "_1hizew710", "2xl": "_1hizew711", "3xl": "_1hizew712", "4xl": "_1hizew713", "5xl": "_1hizew714" }, paddingY: { none: "_1hizew715", px: "_1hizew716", xxs: "_1hizew717", xs: "_1hizew718", xs2: "_1hizew719", sm: "_1hizew71a", sm2: "_1hizew71b", md: "_1hizew71c", md2: "_1hizew71d", lg: "_1hizew71e", lg2: "_1hizew71f", xl: "_1hizew71g", "2xl": "_1hizew71h", "3xl": "_1hizew71i", "4xl": "_1hizew71j", "5xl": "_1hizew71k" }, paddingTop: { none: "_1hizew71l", px: "_1hizew71m", xxs: "_1hizew71n", xs: "_1hizew71o", xs2: "_1hizew71p", sm: "_1hizew71q", sm2: "_1hizew71r", md: "_1hizew71s", md2: "_1hizew71t", lg: "_1hizew71u", lg2: "_1hizew71v", xl: "_1hizew71w", "2xl": "_1hizew71x", "3xl": "_1hizew71y", "4xl": "_1hizew71z", "5xl": "_1hizew720" }, paddingRight: { none: "_1hizew721", px: "_1hizew722", xxs: "_1hizew723", xs: "_1hizew724", xs2: "_1hizew725", sm: "_1hizew726", sm2: "_1hizew727", md: "_1hizew728", md2: "_1hizew729", lg: "_1hizew72a", lg2: "_1hizew72b", xl: "_1hizew72c", "2xl": "_1hizew72d", "3xl": "_1hizew72e", "4xl": "_1hizew72f", "5xl": "_1hizew72g" }, paddingBottom: { none: "_1hizew72h", px: "_1hizew72i", xxs: "_1hizew72j", xs: "_1hizew72k", xs2: "_1hizew72l", sm: "_1hizew72m", sm2: "_1hizew72n", md: "_1hizew72o", md2: "_1hizew72p", lg: "_1hizew72q", lg2: "_1hizew72r", xl: "_1hizew72s", "2xl": "_1hizew72t", "3xl": "_1hizew72u", "4xl": "_1hizew72v", "5xl": "_1hizew72w" }, paddingLeft: { none: "_1hizew72x", px: "_1hizew72y", xxs: "_1hizew72z", xs: "_1hizew730", xs2: "_1hizew731", sm: "_1hizew732", sm2: "_1hizew733", md: "_1hizew734", md2: "_1hizew735", lg: "_1hizew736", lg2: "_1hizew737", xl: "_1hizew738", "2xl": "_1hizew739", "3xl": "_1hizew73a", "4xl": "_1hizew73b", "5xl": "_1hizew73c" }, margin: { auto: "_1hizew73d", none: "_1hizew73e", px: "_1hizew73f", xxs: "_1hizew73g", xs: "_1hizew73h", xs2: "_1hizew73i", sm: "_1hizew73j", sm2: "_1hizew73k", md: "_1hizew73l", md2: "_1hizew73m", lg: "_1hizew73n", lg2: "_1hizew73o", xl: "_1hizew73p", "2xl": "_1hizew73q", "3xl": "_1hizew73r", "4xl": "_1hizew73s", "5xl": "_1hizew73t" }, marginX: { auto: "_1hizew73u", none: "_1hizew73v", px: "_1hizew73w", xxs: "_1hizew73x", xs: "_1hizew73y", xs2: "_1hizew73z", sm: "_1hizew740", sm2: "_1hizew741", md: "_1hizew742", md2: "_1hizew743", lg: "_1hizew744", lg2: "_1hizew745", xl: "_1hizew746", "2xl": "_1hizew747", "3xl": "_1hizew748", "4xl": "_1hizew749", "5xl": "_1hizew74a" }, marginY: { auto: "_1hizew74b", none: "_1hizew74c", px: "_1hizew74d", xxs: "_1hizew74e", xs: "_1hizew74f", xs2: "_1hizew74g", sm: "_1hizew74h", sm2: "_1hizew74i", md: "_1hizew74j", md2: "_1hizew74k", lg: "_1hizew74l", lg2: "_1hizew74m", xl: "_1hizew74n", "2xl": "_1hizew74o", "3xl": "_1hizew74p", "4xl": "_1hizew74q", "5xl": "_1hizew74r" }, marginTop: { auto: "_1hizew74s", none: "_1hizew74t", px: "_1hizew74u", xxs: "_1hizew74v", xs: "_1hizew74w", xs2: "_1hizew74x", sm: "_1hizew74y", sm2: "_1hizew74z", md: "_1hizew750", md2: "_1hizew751", lg: "_1hizew752", lg2: "_1hizew753", xl: "_1hizew754", "2xl": "_1hizew755", "3xl": "_1hizew756", "4xl": "_1hizew757", "5xl": "_1hizew758" }, marginRight: { auto: "_1hizew759", none: "_1hizew75a", px: "_1hizew75b", xxs: "_1hizew75c", xs: "_1hizew75d", xs2: "_1hizew75e", sm: "_1hizew75f", sm2: "_1hizew75g", md: "_1hizew75h", md2: "_1hizew75i", lg: "_1hizew75j", lg2: "_1hizew75k", xl: "_1hizew75l", "2xl": "_1hizew75m", "3xl": "_1hizew75n", "4xl": "_1hizew75o", "5xl": "_1hizew75p" }, marginBottom: { auto: "_1hizew75q", none: "_1hizew75r", px: "_1hizew75s", xxs: "_1hizew75t", xs: "_1hizew75u", xs2: "_1hizew75v", sm: "_1hizew75w", sm2: "_1hizew75x", md: "_1hizew75y", md2: "_1hizew75z", lg: "_1hizew760", lg2: "_1hizew761", xl: "_1hizew762", "2xl": "_1hizew763", "3xl": "_1hizew764", "4xl": "_1hizew765", "5xl": "_1hizew766" }, marginLeft: { auto: "_1hizew767", none: "_1hizew768", px: "_1hizew769", xxs: "_1hizew76a", xs: "_1hizew76b", xs2: "_1hizew76c", sm: "_1hizew76d", sm2: "_1hizew76e", md: "_1hizew76f", md2: "_1hizew76g", lg: "_1hizew76h", lg2: "_1hizew76i", xl: "_1hizew76j", "2xl": "_1hizew76k", "3xl": "_1hizew76l", "4xl": "_1hizew76m", "5xl": "_1hizew76n" }, gap: { none: "_1hizew76o", px: "_1hizew76p", xxs: "_1hizew76q", xs: "_1hizew76r", xs2: "_1hizew76s", sm: "_1hizew76t", sm2: "_1hizew76u", md: "_1hizew76v", md2: "_1hizew76w", lg: "_1hizew76x", lg2: "_1hizew76y", xl: "_1hizew76z", "2xl": "_1hizew770", "3xl": "_1hizew771", "4xl": "_1hizew772", "5xl": "_1hizew773" }, columnGap: { none: "_1hizew774", px: "_1hizew775", xxs: "_1hizew776", xs: "_1hizew777", xs2: "_1hizew778", sm: "_1hizew779", sm2: "_1hizew77a", md: "_1hizew77b", md2: "_1hizew77c", lg: "_1hizew77d", lg2: "_1hizew77e", xl: "_1hizew77f", "2xl": "_1hizew77g", "3xl": "_1hizew77h", "4xl": "_1hizew77i", "5xl": "_1hizew77j" }, rowGap: { none: "_1hizew77k", px: "_1hizew77l", xxs: "_1hizew77m", xs: "_1hizew77n", xs2: "_1hizew77o", sm: "_1hizew77p", sm2: "_1hizew77q", md: "_1hizew77r", md2: "_1hizew77s", lg: "_1hizew77t", lg2: "_1hizew77u", xl: "_1hizew77v", "2xl": "_1hizew77w", "3xl": "_1hizew77x", "4xl": "_1hizew77y", "5xl": "_1hizew77z" }, borderColor: { background: "_1hizew780", foreground: "_1hizew781", text: "_1hizew782", textSecondary: "_1hizew783", textTertiary: "_1hizew784", card: "_1hizew785", cardForeground: "_1hizew786", popover: "_1hizew787", popoverForeground: "_1hizew788", muted: "_1hizew789", mutedForeground: "_1hizew78a", overlay: "_1hizew78b", primary: "_1hizew78c", primaryHover: "_1hizew78d", primaryActive: "_1hizew78e", primaryForeground: "_1hizew78f", primarySubtle: "_1hizew78g", primarySubtleHover: "_1hizew78h", primarySubtleActive: "_1hizew78i", primarySubtleForeground: "_1hizew78j", primarySubtleBorder: "_1hizew78k", link: "_1hizew78l", linkHover: "_1hizew78m", linkActive: "_1hizew78n", secondary: "_1hizew78o", secondaryHover: "_1hizew78p", secondaryActive: "_1hizew78q", secondaryForeground: "_1hizew78r", secondarySubtle: "_1hizew78s", secondarySubtleHover: "_1hizew78t", secondarySubtleActive: "_1hizew78u", secondarySubtleForeground: "_1hizew78v", secondarySubtleBorder: "_1hizew78w", tertiary: "_1hizew78x", tertiaryHover: "_1hizew78y", tertiaryActive: "_1hizew78z", tertiaryForeground: "_1hizew790", tertiarySubtle: "_1hizew791", tertiarySubtleHover: "_1hizew792", tertiarySubtleActive: "_1hizew793", tertiarySubtleForeground: "_1hizew794", tertiarySubtleBorder: "_1hizew795", success: "_1hizew796", successHover: "_1hizew797", successActive: "_1hizew798", successForeground: "_1hizew799", successSubtle: "_1hizew79a", successSubtleHover: "_1hizew79b", successSubtleActive: "_1hizew79c", successSubtleForeground: "_1hizew79d", successSubtleBorder: "_1hizew79e", warning: "_1hizew79f", warningHover: "_1hizew79g", warningActive: "_1hizew79h", warningForeground: "_1hizew79i", warningSubtle: "_1hizew79j", warningSubtleHover: "_1hizew79k", warningSubtleActive: "_1hizew79l", warningSubtleForeground: "_1hizew79m", warningSubtleBorder: "_1hizew79n", info: "_1hizew79o", infoHover: "_1hizew79p", infoActive: "_1hizew79q", infoForeground: "_1hizew79r", infoSubtle: "_1hizew79s", infoSubtleHover: "_1hizew79t", infoSubtleActive: "_1hizew79u", infoSubtleForeground: "_1hizew79v", infoSubtleBorder: "_1hizew79w", destructive: "_1hizew79x", destructiveHover: "_1hizew79y", destructiveActive: "_1hizew79z", destructiveForeground: "_1hizew7a0", destructiveSubtle: "_1hizew7a1", destructiveSubtleHover: "_1hizew7a2", destructiveSubtleActive: "_1hizew7a3", destructiveSubtleForeground: "_1hizew7a4", destructiveSubtleBorder: "_1hizew7a5", purple: "_1hizew7a6", purpleHover: "_1hizew7a7", purpleActive: "_1hizew7a8", purpleForeground: "_1hizew7a9", purpleSubtle: "_1hizew7aa", purpleSubtleHover: "_1hizew7ab", purpleSubtleActive: "_1hizew7ac", purpleSubtleForeground: "_1hizew7ad", purpleSubtleBorder: "_1hizew7ae", pink: "_1hizew7af", pinkHover: "_1hizew7ag", pinkActive: "_1hizew7ah", pinkForeground: "_1hizew7ai", pinkSubtle: "_1hizew7aj", pinkSubtleHover: "_1hizew7ak", pinkSubtleActive: "_1hizew7al", pinkSubtleForeground: "_1hizew7am", pinkSubtleBorder: "_1hizew7an", orange: "_1hizew7ao", orangeHover: "_1hizew7ap", orangeActive: "_1hizew7aq", orangeForeground: "_1hizew7ar", orangeSubtle: "_1hizew7as", orangeSubtleHover: "_1hizew7at", orangeSubtleActive: "_1hizew7au", orangeSubtleForeground: "_1hizew7av", orangeSubtleBorder: "_1hizew7aw", teal: "_1hizew7ax", tealHover: "_1hizew7ay", tealActive: "_1hizew7az", tealForeground: "_1hizew7b0", tealSubtle: "_1hizew7b1", tealSubtleHover: "_1hizew7b2", tealSubtleActive: "_1hizew7b3", tealSubtleForeground: "_1hizew7b4", tealSubtleBorder: "_1hizew7b5", cyan: "_1hizew7b6", cyanHover: "_1hizew7b7", cyanActive: "_1hizew7b8", cyanForeground: "_1hizew7b9", cyanSubtle: "_1hizew7ba", cyanSubtleHover: "_1hizew7bb", cyanSubtleActive: "_1hizew7bc", cyanSubtleForeground: "_1hizew7bd", cyanSubtleBorder: "_1hizew7be", indigo: "_1hizew7bf", indigoHover: "_1hizew7bg", indigoActive: "_1hizew7bh", indigoForeground: "_1hizew7bi", indigoSubtle: "_1hizew7bj", indigoSubtleHover: "_1hizew7bk", indigoSubtleActive: "_1hizew7bl", indigoSubtleForeground: "_1hizew7bm", indigoSubtleBorder: "_1hizew7bn", border: "_1hizew7bo", borderStrong: "_1hizew7bp", input: "_1hizew7bq", ring: "_1hizew7br", highlight: "_1hizew7bs", highlightForeground: "_1hizew7bt", skeleton: "_1hizew7bu", skeletonForeground: "_1hizew7bv", transparent: "_1hizew7bw" }, backgroundColor: { background: "_1hizew7bx", foreground: "_1hizew7by", text: "_1hizew7bz", textSecondary: "_1hizew7c0", textTertiary: "_1hizew7c1", card: "_1hizew7c2", cardForeground: "_1hizew7c3", popover: "_1hizew7c4", popoverForeground: "_1hizew7c5", muted: "_1hizew7c6", mutedForeground: "_1hizew7c7", overlay: "_1hizew7c8", primary: "_1hizew7c9", primaryHover: "_1hizew7ca", primaryActive: "_1hizew7cb", primaryForeground: "_1hizew7cc", primarySubtle: "_1hizew7cd", primarySubtleHover: "_1hizew7ce", primarySubtleActive: "_1hizew7cf", primarySubtleForeground: "_1hizew7cg", primarySubtleBorder: "_1hizew7ch", link: "_1hizew7ci", linkHover: "_1hizew7cj", linkActive: "_1hizew7ck", secondary: "_1hizew7cl", secondaryHover: "_1hizew7cm", secondaryActive: "_1hizew7cn", secondaryForeground: "_1hizew7co", secondarySubtle: "_1hizew7cp", secondarySubtleHover: "_1hizew7cq", secondarySubtleActive: "_1hizew7cr", secondarySubtleForeground: "_1hizew7cs", secondarySubtleBorder: "_1hizew7ct", tertiary: "_1hizew7cu", tertiaryHover: "_1hizew7cv", tertiaryActive: "_1hizew7cw", tertiaryForeground: "_1hizew7cx", tertiarySubtle: "_1hizew7cy", tertiarySubtleHover: "_1hizew7cz", tertiarySubtleActive: "_1hizew7d0", tertiarySubtleForeground: "_1hizew7d1", tertiarySubtleBorder: "_1hizew7d2", success: "_1hizew7d3", successHover: "_1hizew7d4", successActive: "_1hizew7d5", successForeground: "_1hizew7d6", successSubtle: "_1hizew7d7", successSubtleHover: "_1hizew7d8", successSubtleActive: "_1hizew7d9", successSubtleForeground: "_1hizew7da", successSubtleBorder: "_1hizew7db", warning: "_1hizew7dc", warningHover: "_1hizew7dd", warningActive: "_1hizew7de", warningForeground: "_1hizew7df", warningSubtle: "_1hizew7dg", warningSubtleHover: "_1hizew7dh", warningSubtleActive: "_1hizew7di", warningSubtleForeground: "_1hizew7dj", warningSubtleBorder: "_1hizew7dk", info: "_1hizew7dl", infoHover: "_1hizew7dm", infoActive: "_1hizew7dn", infoForeground: "_1hizew7do", infoSubtle: "_1hizew7dp", infoSubtleHover: "_1hizew7dq", infoSubtleActive: "_1hizew7dr", infoSubtleForeground: "_1hizew7ds", infoSubtleBorder: "_1hizew7dt", destructive: "_1hizew7du", destructiveHover: "_1hizew7dv", destructiveActive: "_1hizew7dw", destructiveForeground: "_1hizew7dx", destructiveSubtle: "_1hizew7dy", destructiveSubtleHover: "_1hizew7dz", destructiveSubtleActive: "_1hizew7e0", destructiveSubtleForeground: "_1hizew7e1", destructiveSubtleBorder: "_1hizew7e2", purple: "_1hizew7e3", purpleHover: "_1hizew7e4", purpleActive: "_1hizew7e5", purpleForeground: "_1hizew7e6", purpleSubtle: "_1hizew7e7", purpleSubtleHover: "_1hizew7e8", purpleSubtleActive: "_1hizew7e9", purpleSubtleForeground: "_1hizew7ea", purpleSubtleBorder: "_1hizew7eb", pink: "_1hizew7ec", pinkHover: "_1hizew7ed", pinkActive: "_1hizew7ee", pinkForeground: "_1hizew7ef", pinkSubtle: "_1hizew7eg", pinkSubtleHover: "_1hizew7eh", pinkSubtleActive: "_1hizew7ei", pinkSubtleForeground: "_1hizew7ej", pinkSubtleBorder: "_1hizew7ek", orange: "_1hizew7el", orangeHover: "_1hizew7em", orangeActive: "_1hizew7en", orangeForeground: "_1hizew7eo", orangeSubtle: "_1hizew7ep", orangeSubtleHover: "_1hizew7eq", orangeSubtleActive: "_1hizew7er", orangeSubtleForeground: "_1hizew7es", orangeSubtleBorder: "_1hizew7et", teal: "_1hizew7eu", tealHover: "_1hizew7ev", tealActive: "_1hizew7ew", tealForeground: "_1hizew7ex", tealSubtle: "_1hizew7ey", tealSubtleHover: "_1hizew7ez", tealSubtleActive: "_1hizew7f0", tealSubtleForeground: "_1hizew7f1", tealSubtleBorder: "_1hizew7f2", cyan: "_1hizew7f3", cyanHover: "_1hizew7f4", cyanActive: "_1hizew7f5", cyanForeground: "_1hizew7f6", cyanSubtle: "_1hizew7f7", cyanSubtleHover: "_1hizew7f8", cyanSubtleActive: "_1hizew7f9", cyanSubtleForeground: "_1hizew7fa", cyanSubtleBorder: "_1hizew7fb", indigo: "_1hizew7fc", indigoHover: "_1hizew7fd", indigoActive: "_1hizew7fe", indigoForeground: "_1hizew7ff", indigoSubtle: "_1hizew7fg", indigoSubtleHover: "_1hizew7fh", indigoSubtleActive: "_1hizew7fi", indigoSubtleForeground: "_1hizew7fj", indigoSubtleBorder: "_1hizew7fk", border: "_1hizew7fl", borderStrong: "_1hizew7fm", input: "_1hizew7fn", ring: "_1hizew7fo", highlight: "_1hizew7fp", highlightForeground: "_1hizew7fq", skeleton: "_1hizew7fr", skeletonForeground: "_1hizew7fs", transparent: "_1hizew7ft" }, boxShadow: { none: "_1hizew7fu", xs: "_1hizew7fv", sm: "_1hizew7fw", md: "_1hizew7fx", lg: "_1hizew7fy", xl: "_1hizew7fz", "2xl": "_1hizew7g0", inner: "_1hizew7g1" } }, defaultVariants: {}, compoundVariants: [] }) };
+var _ = { recipe: e({ defaultClassName: "_1hizew70", variantClassNames: { borderRadius: { none: "_1hizew71", xs: "_1hizew72", sm: "_1hizew73", md: "_1hizew74", lg: "_1hizew75", xl: "_1hizew76", "2xl": "_1hizew77", full: "_1hizew78" }, padding: { none: "_1hizew79", px: "_1hizew7a", xxs: "_1hizew7b", xs: "_1hizew7c", xs2: "_1hizew7d", sm: "_1hizew7e", sm2: "_1hizew7f", md: "_1hizew7g", md2: "_1hizew7h", lg: "_1hizew7i", lg2: "_1hizew7j", xl: "_1hizew7k", "2xl": "_1hizew7l", "3xl": "_1hizew7m", "4xl": "_1hizew7n", "5xl": "_1hizew7o" }, paddingX: { none: "_1hizew7p", px: "_1hizew7q", xxs: "_1hizew7r", xs: "_1hizew7s", xs2: "_1hizew7t", sm: "_1hizew7u", sm2: "_1hizew7v", md: "_1hizew7w", md2: "_1hizew7x", lg: "_1hizew7y", lg2: "_1hizew7z", xl: "_1hizew710", "2xl": "_1hizew711", "3xl": "_1hizew712", "4xl": "_1hizew713", "5xl": "_1hizew714" }, paddingY: { none: "_1hizew715", px: "_1hizew716", xxs: "_1hizew717", xs: "_1hizew718", xs2: "_1hizew719", sm: "_1hizew71a", sm2: "_1hizew71b", md: "_1hizew71c", md2: "_1hizew71d", lg: "_1hizew71e", lg2: "_1hizew71f", xl: "_1hizew71g", "2xl": "_1hizew71h", "3xl": "_1hizew71i", "4xl": "_1hizew71j", "5xl": "_1hizew71k" }, paddingTop: { none: "_1hizew71l", px: "_1hizew71m", xxs: "_1hizew71n", xs: "_1hizew71o", xs2: "_1hizew71p", sm: "_1hizew71q", sm2: "_1hizew71r", md: "_1hizew71s", md2: "_1hizew71t", lg: "_1hizew71u", lg2: "_1hizew71v", xl: "_1hizew71w", "2xl": "_1hizew71x", "3xl": "_1hizew71y", "4xl": "_1hizew71z", "5xl": "_1hizew720" }, paddingRight: { none: "_1hizew721", px: "_1hizew722", xxs: "_1hizew723", xs: "_1hizew724", xs2: "_1hizew725", sm: "_1hizew726", sm2: "_1hizew727", md: "_1hizew728", md2: "_1hizew729", lg: "_1hizew72a", lg2: "_1hizew72b", xl: "_1hizew72c", "2xl": "_1hizew72d", "3xl": "_1hizew72e", "4xl": "_1hizew72f", "5xl": "_1hizew72g" }, paddingBottom: { none: "_1hizew72h", px: "_1hizew72i", xxs: "_1hizew72j", xs: "_1hizew72k", xs2: "_1hizew72l", sm: "_1hizew72m", sm2: "_1hizew72n", md: "_1hizew72o", md2: "_1hizew72p", lg: "_1hizew72q", lg2: "_1hizew72r", xl: "_1hizew72s", "2xl": "_1hizew72t", "3xl": "_1hizew72u", "4xl": "_1hizew72v", "5xl": "_1hizew72w" }, paddingLeft: { none: "_1hizew72x", px: "_1hizew72y", xxs: "_1hizew72z", xs: "_1hizew730", xs2: "_1hizew731", sm: "_1hizew732", sm2: "_1hizew733", md: "_1hizew734", md2: "_1hizew735", lg: "_1hizew736", lg2: "_1hizew737", xl: "_1hizew738", "2xl": "_1hizew739", "3xl": "_1hizew73a", "4xl": "_1hizew73b", "5xl": "_1hizew73c" }, margin: { auto: "_1hizew73d", none: "_1hizew73e", px: "_1hizew73f", xxs: "_1hizew73g", xs: "_1hizew73h", xs2: "_1hizew73i", sm: "_1hizew73j", sm2: "_1hizew73k", md: "_1hizew73l", md2: "_1hizew73m", lg: "_1hizew73n", lg2: "_1hizew73o", xl: "_1hizew73p", "2xl": "_1hizew73q", "3xl": "_1hizew73r", "4xl": "_1hizew73s", "5xl": "_1hizew73t" }, marginX: { auto: "_1hizew73u", none: "_1hizew73v", px: "_1hizew73w", xxs: "_1hizew73x", xs: "_1hizew73y", xs2: "_1hizew73z", sm: "_1hizew740", sm2: "_1hizew741", md: "_1hizew742", md2: "_1hizew743", lg: "_1hizew744", lg2: "_1hizew745", xl: "_1hizew746", "2xl": "_1hizew747", "3xl": "_1hizew748", "4xl": "_1hizew749", "5xl": "_1hizew74a" }, marginY: { auto: "_1hizew74b", none: "_1hizew74c", px: "_1hizew74d", xxs: "_1hizew74e", xs: "_1hizew74f", xs2: "_1hizew74g", sm: "_1hizew74h", sm2: "_1hizew74i", md: "_1hizew74j", md2: "_1hizew74k", lg: "_1hizew74l", lg2: "_1hizew74m", xl: "_1hizew74n", "2xl": "_1hizew74o", "3xl": "_1hizew74p", "4xl": "_1hizew74q", "5xl": "_1hizew74r" }, marginTop: { auto: "_1hizew74s", none: "_1hizew74t", px: "_1hizew74u", xxs: "_1hizew74v", xs: "_1hizew74w", xs2: "_1hizew74x", sm: "_1hizew74y", sm2: "_1hizew74z", md: "_1hizew750", md2: "_1hizew751", lg: "_1hizew752", lg2: "_1hizew753", xl: "_1hizew754", "2xl": "_1hizew755", "3xl": "_1hizew756", "4xl": "_1hizew757", "5xl": "_1hizew758" }, marginRight: { auto: "_1hizew759", none: "_1hizew75a", px: "_1hizew75b", xxs: "_1hizew75c", xs: "_1hizew75d", xs2: "_1hizew75e", sm: "_1hizew75f", sm2: "_1hizew75g", md: "_1hizew75h", md2: "_1hizew75i", lg: "_1hizew75j", lg2: "_1hizew75k", xl: "_1hizew75l", "2xl": "_1hizew75m", "3xl": "_1hizew75n", "4xl": "_1hizew75o", "5xl": "_1hizew75p" }, marginBottom: { auto: "_1hizew75q", none: "_1hizew75r", px: "_1hizew75s", xxs: "_1hizew75t", xs: "_1hizew75u", xs2: "_1hizew75v", sm: "_1hizew75w", sm2: "_1hizew75x", md: "_1hizew75y", md2: "_1hizew75z", lg: "_1hizew760", lg2: "_1hizew761", xl: "_1hizew762", "2xl": "_1hizew763", "3xl": "_1hizew764", "4xl": "_1hizew765", "5xl": "_1hizew766" }, marginLeft: { auto: "_1hizew767", none: "_1hizew768", px: "_1hizew769", xxs: "_1hizew76a", xs: "_1hizew76b", xs2: "_1hizew76c", sm: "_1hizew76d", sm2: "_1hizew76e", md: "_1hizew76f", md2: "_1hizew76g", lg: "_1hizew76h", lg2: "_1hizew76i", xl: "_1hizew76j", "2xl": "_1hizew76k", "3xl": "_1hizew76l", "4xl": "_1hizew76m", "5xl": "_1hizew76n" }, gap: { none: "_1hizew76o", px: "_1hizew76p", xxs: "_1hizew76q", xs: "_1hizew76r", xs2: "_1hizew76s", sm: "_1hizew76t", sm2: "_1hizew76u", md: "_1hizew76v", md2: "_1hizew76w", lg: "_1hizew76x", lg2: "_1hizew76y", xl: "_1hizew76z", "2xl": "_1hizew770", "3xl": "_1hizew771", "4xl": "_1hizew772", "5xl": "_1hizew773" }, columnGap: { none: "_1hizew774", px: "_1hizew775", xxs: "_1hizew776", xs: "_1hizew777", xs2: "_1hizew778", sm: "_1hizew779", sm2: "_1hizew77a", md: "_1hizew77b", md2: "_1hizew77c", lg: "_1hizew77d", lg2: "_1hizew77e", xl: "_1hizew77f", "2xl": "_1hizew77g", "3xl": "_1hizew77h", "4xl": "_1hizew77i", "5xl": "_1hizew77j" }, rowGap: { none: "_1hizew77k", px: "_1hizew77l", xxs: "_1hizew77m", xs: "_1hizew77n", xs2: "_1hizew77o", sm: "_1hizew77p", sm2: "_1hizew77q", md: "_1hizew77r", md2: "_1hizew77s", lg: "_1hizew77t", lg2: "_1hizew77u", xl: "_1hizew77v", "2xl": "_1hizew77w", "3xl": "_1hizew77x", "4xl": "_1hizew77y", "5xl": "_1hizew77z" }, borderColor: { background: "_1hizew780", foreground: "_1hizew781", text: "_1hizew782", textSecondary: "_1hizew783", textTertiary: "_1hizew784", card: "_1hizew785", cardForeground: "_1hizew786", popover: "_1hizew787", popoverForeground: "_1hizew788", muted: "_1hizew789", mutedForeground: "_1hizew78a", overlay: "_1hizew78b", primary: "_1hizew78c", primaryHover: "_1hizew78d", primaryActive: "_1hizew78e", primaryForeground: "_1hizew78f", primarySubtle: "_1hizew78g", primarySubtleHover: "_1hizew78h", primarySubtleActive: "_1hizew78i", primarySubtleForeground: "_1hizew78j", primarySubtleBorder: "_1hizew78k", link: "_1hizew78l", linkHover: "_1hizew78m", linkActive: "_1hizew78n", secondary: "_1hizew78o", secondaryHover: "_1hizew78p", secondaryActive: "_1hizew78q", secondaryForeground: "_1hizew78r", secondarySubtle: "_1hizew78s", secondarySubtleHover: "_1hizew78t", secondarySubtleActive: "_1hizew78u", secondarySubtleForeground: "_1hizew78v", secondarySubtleBorder: "_1hizew78w", tertiary: "_1hizew78x", tertiaryHover: "_1hizew78y", tertiaryActive: "_1hizew78z", tertiaryForeground: "_1hizew790", tertiarySubtle: "_1hizew791", tertiarySubtleHover: "_1hizew792", tertiarySubtleActive: "_1hizew793", tertiarySubtleForeground: "_1hizew794", tertiarySubtleBorder: "_1hizew795", success: "_1hizew796", successHover: "_1hizew797", successActive: "_1hizew798", successForeground: "_1hizew799", successSubtle: "_1hizew79a", successSubtleHover: "_1hizew79b", successSubtleActive: "_1hizew79c", successSubtleForeground: "_1hizew79d", successSubtleBorder: "_1hizew79e", warning: "_1hizew79f", warningHover: "_1hizew79g", warningActive: "_1hizew79h", warningForeground: "_1hizew79i", warningSubtle: "_1hizew79j", warningSubtleHover: "_1hizew79k", warningSubtleActive: "_1hizew79l", warningSubtleForeground: "_1hizew79m", warningSubtleBorder: "_1hizew79n", info: "_1hizew79o", infoHover: "_1hizew79p", infoActive: "_1hizew79q", infoForeground: "_1hizew79r", infoSubtle: "_1hizew79s", infoSubtleHover: "_1hizew79t", infoSubtleActive: "_1hizew79u", infoSubtleForeground: "_1hizew79v", infoSubtleBorder: "_1hizew79w", destructive: "_1hizew79x", destructiveHover: "_1hizew79y", destructiveActive: "_1hizew79z", destructiveForeground: "_1hizew7a0", destructiveSubtle: "_1hizew7a1", destructiveSubtleHover: "_1hizew7a2", destructiveSubtleActive: "_1hizew7a3", destructiveSubtleForeground: "_1hizew7a4", destructiveSubtleBorder: "_1hizew7a5", purple: "_1hizew7a6", purpleHover: "_1hizew7a7", purpleActive: "_1hizew7a8", purpleForeground: "_1hizew7a9", purpleSubtle: "_1hizew7aa", purpleSubtleHover: "_1hizew7ab", purpleSubtleActive: "_1hizew7ac", purpleSubtleForeground: "_1hizew7ad", purpleSubtleBorder: "_1hizew7ae", pink: "_1hizew7af", pinkHover: "_1hizew7ag", pinkActive: "_1hizew7ah", pinkForeground: "_1hizew7ai", pinkSubtle: "_1hizew7aj", pinkSubtleHover: "_1hizew7ak", pinkSubtleActive: "_1hizew7al", pinkSubtleForeground: "_1hizew7am", pinkSubtleBorder: "_1hizew7an", orange: "_1hizew7ao", orangeHover: "_1hizew7ap", orangeActive: "_1hizew7aq", orangeForeground: "_1hizew7ar", orangeSubtle: "_1hizew7as", orangeSubtleHover: "_1hizew7at", orangeSubtleActive: "_1hizew7au", orangeSubtleForeground: "_1hizew7av", orangeSubtleBorder: "_1hizew7aw", teal: "_1hizew7ax", tealHover: "_1hizew7ay", tealActive: "_1hizew7az", tealForeground: "_1hizew7b0", tealSubtle: "_1hizew7b1", tealSubtleHover: "_1hizew7b2", tealSubtleActive: "_1hizew7b3", tealSubtleForeground: "_1hizew7b4", tealSubtleBorder: "_1hizew7b5", cyan: "_1hizew7b6", cyanHover: "_1hizew7b7", cyanActive: "_1hizew7b8", cyanForeground: "_1hizew7b9", cyanSubtle: "_1hizew7ba", cyanSubtleHover: "_1hizew7bb", cyanSubtleActive: "_1hizew7bc", cyanSubtleForeground: "_1hizew7bd", cyanSubtleBorder: "_1hizew7be", indigo: "_1hizew7bf", indigoHover: "_1hizew7bg", indigoActive: "_1hizew7bh", indigoForeground: "_1hizew7bi", indigoSubtle: "_1hizew7bj", indigoSubtleHover: "_1hizew7bk", indigoSubtleActive: "_1hizew7bl", indigoSubtleForeground: "_1hizew7bm", indigoSubtleBorder: "_1hizew7bn", border: "_1hizew7bo", borderStrong: "_1hizew7bp", ring: "_1hizew7bq", highlight: "_1hizew7br", highlightForeground: "_1hizew7bs", skeleton: "_1hizew7bt", skeletonForeground: "_1hizew7bu", transparent: "_1hizew7bv" }, backgroundColor: { background: "_1hizew7bw", foreground: "_1hizew7bx", text: "_1hizew7by", textSecondary: "_1hizew7bz", textTertiary: "_1hizew7c0", card: "_1hizew7c1", cardForeground: "_1hizew7c2", popover: "_1hizew7c3", popoverForeground: "_1hizew7c4", muted: "_1hizew7c5", mutedForeground: "_1hizew7c6", overlay: "_1hizew7c7", primary: "_1hizew7c8", primaryHover: "_1hizew7c9", primaryActive: "_1hizew7ca", primaryForeground: "_1hizew7cb", primarySubtle: "_1hizew7cc", primarySubtleHover: "_1hizew7cd", primarySubtleActive: "_1hizew7ce", primarySubtleForeground: "_1hizew7cf", primarySubtleBorder: "_1hizew7cg", link: "_1hizew7ch", linkHover: "_1hizew7ci", linkActive: "_1hizew7cj", secondary: "_1hizew7ck", secondaryHover: "_1hizew7cl", secondaryActive: "_1hizew7cm", secondaryForeground: "_1hizew7cn", secondarySubtle: "_1hizew7co", secondarySubtleHover: "_1hizew7cp", secondarySubtleActive: "_1hizew7cq", secondarySubtleForeground: "_1hizew7cr", secondarySubtleBorder: "_1hizew7cs", tertiary: "_1hizew7ct", tertiaryHover: "_1hizew7cu", tertiaryActive: "_1hizew7cv", tertiaryForeground: "_1hizew7cw", tertiarySubtle: "_1hizew7cx", tertiarySubtleHover: "_1hizew7cy", tertiarySubtleActive: "_1hizew7cz", tertiarySubtleForeground: "_1hizew7d0", tertiarySubtleBorder: "_1hizew7d1", success: "_1hizew7d2", successHover: "_1hizew7d3", successActive: "_1hizew7d4", successForeground: "_1hizew7d5", successSubtle: "_1hizew7d6", successSubtleHover: "_1hizew7d7", successSubtleActive: "_1hizew7d8", successSubtleForeground: "_1hizew7d9", successSubtleBorder: "_1hizew7da", warning: "_1hizew7db", warningHover: "_1hizew7dc", warningActive: "_1hizew7dd", warningForeground: "_1hizew7de", warningSubtle: "_1hizew7df", warningSubtleHover: "_1hizew7dg", warningSubtleActive: "_1hizew7dh", warningSubtleForeground: "_1hizew7di", warningSubtleBorder: "_1hizew7dj", info: "_1hizew7dk", infoHover: "_1hizew7dl", infoActive: "_1hizew7dm", infoForeground: "_1hizew7dn", infoSubtle: "_1hizew7do", infoSubtleHover: "_1hizew7dp", infoSubtleActive: "_1hizew7dq", infoSubtleForeground: "_1hizew7dr", infoSubtleBorder: "_1hizew7ds", destructive: "_1hizew7dt", destructiveHover: "_1hizew7du", destructiveActive: "_1hizew7dv", destructiveForeground: "_1hizew7dw", destructiveSubtle: "_1hizew7dx", destructiveSubtleHover: "_1hizew7dy", destructiveSubtleActive: "_1hizew7dz", destructiveSubtleForeground: "_1hizew7e0", destructiveSubtleBorder: "_1hizew7e1", purple: "_1hizew7e2", purpleHover: "_1hizew7e3", purpleActive: "_1hizew7e4", purpleForeground: "_1hizew7e5", purpleSubtle: "_1hizew7e6", purpleSubtleHover: "_1hizew7e7", purpleSubtleActive: "_1hizew7e8", purpleSubtleForeground: "_1hizew7e9", purpleSubtleBorder: "_1hizew7ea", pink: "_1hizew7eb", pinkHover: "_1hizew7ec", pinkActive: "_1hizew7ed", pinkForeground: "_1hizew7ee", pinkSubtle: "_1hizew7ef", pinkSubtleHover: "_1hizew7eg", pinkSubtleActive: "_1hizew7eh", pinkSubtleForeground: "_1hizew7ei", pinkSubtleBorder: "_1hizew7ej", orange: "_1hizew7ek", orangeHover: "_1hizew7el", orangeActive: "_1hizew7em", orangeForeground: "_1hizew7en", orangeSubtle: "_1hizew7eo", orangeSubtleHover: "_1hizew7ep", orangeSubtleActive: "_1hizew7eq", orangeSubtleForeground: "_1hizew7er", orangeSubtleBorder: "_1hizew7es", teal: "_1hizew7et", tealHover: "_1hizew7eu", tealActive: "_1hizew7ev", tealForeground: "_1hizew7ew", tealSubtle: "_1hizew7ex", tealSubtleHover: "_1hizew7ey", tealSubtleActive: "_1hizew7ez", tealSubtleForeground: "_1hizew7f0", tealSubtleBorder: "_1hizew7f1", cyan: "_1hizew7f2", cyanHover: "_1hizew7f3", cyanActive: "_1hizew7f4", cyanForeground: "_1hizew7f5", cyanSubtle: "_1hizew7f6", cyanSubtleHover: "_1hizew7f7", cyanSubtleActive: "_1hizew7f8", cyanSubtleForeground: "_1hizew7f9", cyanSubtleBorder: "_1hizew7fa", indigo: "_1hizew7fb", indigoHover: "_1hizew7fc", indigoActive: "_1hizew7fd", indigoForeground: "_1hizew7fe", indigoSubtle: "_1hizew7ff", indigoSubtleHover: "_1hizew7fg", indigoSubtleActive: "_1hizew7fh", indigoSubtleForeground: "_1hizew7fi", indigoSubtleBorder: "_1hizew7fj", border: "_1hizew7fk", borderStrong: "_1hizew7fl", ring: "_1hizew7fm", highlight: "_1hizew7fn", highlightForeground: "_1hizew7fo", skeleton: "_1hizew7fp", skeletonForeground: "_1hizew7fq", transparent: "_1hizew7fr" }, boxShadow: { none: "_1hizew7fs", xs: "_1hizew7ft", sm: "_1hizew7fu", md: "_1hizew7fv", lg: "_1hizew7fw", xl: "_1hizew7fx", "2xl": "_1hizew7fy", inner: "_1hizew7fz" } }, defaultVariants: {}, compoundVariants: [] }) };
 export {
   _ as BOX_STYLES
 };

package/dist/components/layout/fieldset/styles/Fieldset.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit49.css');;/* empty css                              */var e={root:"_13in8qw0"};exports.FIELDSET_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit59.css');;/* empty css                              */var e={root:"_13in8qw0"};exports.FIELDSET_STYLES=e;
 //# sourceMappingURL=Fieldset.css.cjs.map

package/dist/components/layout/fieldset/styles/Fieldset.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit49.css';/* empty css                            */
+import '../../../../ui-kit59.css';/* empty css                            */
 var r = { root: "_13in8qw0" };
 export {
   r as FIELDSET_STYLES

package/dist/components/layout/flex/styles/Flex.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit32.css');;/* empty css                          */const e=require("@vanilla-extract/recipes/createRuntimeFn");var a={recipe:e.createRuntimeFn({defaultClassName:"_1pj7eko0",variantClassNames:{inline:{true:"_1pj7eko1"}},defaultVariants:{},compoundVariants:[]})};exports.FLEX_STYLES=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit82.css');;/* empty css                          */const e=require("@vanilla-extract/recipes/createRuntimeFn");var a={recipe:e.createRuntimeFn({defaultClassName:"_1pj7eko0",variantClassNames:{inline:{true:"_1pj7eko1"}},defaultVariants:{},compoundVariants:[]})};exports.FLEX_STYLES=a;
 //# sourceMappingURL=Flex.css.cjs.map

package/dist/components/layout/flex/styles/Flex.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit32.css';/* empty css                        */
+import '../../../../ui-kit82.css';/* empty css                        */
 import { createRuntimeFn as a } from "@vanilla-extract/recipes/createRuntimeFn";
 var t = { recipe: a({ defaultClassName: "_1pj7eko0", variantClassNames: { inline: { true: "_1pj7eko1" } }, defaultVariants: {}, compoundVariants: [] }) };
 export {

package/dist/components/layout/form/styles/Form.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit55.css');;/* empty css                          */var e={root:"_1dn8qpd0"};exports.FORM_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit47.css');;/* empty css                          */var e={root:"_1dn8qpd0"};exports.FORM_STYLES=e;
 //# sourceMappingURL=Form.css.cjs.map

package/dist/components/layout/form/styles/Form.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit55.css';/* empty css                        */
+import '../../../../ui-kit47.css';/* empty css                        */
 var r = { root: "_1dn8qpd0" };
 export {
   r as FORM_STYLES

package/dist/components/layout/grid/Grid.cjs

@@ -1,2 +1,2 @@
-"use strict";const q=require("react/jsx-runtime"),x=require("./styles/Grid.css.cjs"),G=require("../../../utils/cn.cjs"),p=require("react"),j=require("../box/Box.cjs"),e=p.memo(({columns:r,gridAutoRows:s,gridTemplateRows:c,gridAutoFlow:i,alignItems:t,justifyItems:n,alignContent:o,justifyContent:u,gap:m="md",className:a,...d})=>q.jsx(j,{gap:m,className:G.cn(x.GRID_STYLES.recipe({columns:r,gridAutoRows:s,gridTemplateRows:c,gridAutoFlow:i,alignItems:t,justifyItems:n,alignContent:o,justifyContent:u}),a),...d}));e.displayName="Grid";module.exports=e;
+"use strict";const q=require("react/jsx-runtime"),x=require("./styles/Grid.css.cjs"),G=require("../../../utils/cn.cjs"),p=require("react"),R=require("../box/Box.cjs"),e=p.memo(({columns:r,gridAutoRows:s,gridTemplateRows:c,gridAutoFlow:i,alignItems:t,justifyItems:n,alignContent:o,justifyContent:u,gap:m="md",className:a,...d})=>q.jsx(R,{gap:m,className:G.cn(x.GRID_STYLES.recipe({columns:r,gridAutoRows:s,gridTemplateRows:c,gridAutoFlow:i,alignItems:t,justifyItems:n,alignContent:o,justifyContent:u}),a),...d}));e.displayName="Grid";module.exports=e;
 //# sourceMappingURL=Grid.cjs.map

package/dist/components/layout/grid/styles/Grid.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit44.css');;/* empty css                          */const d=require("@vanilla-extract/recipes/createRuntimeFn");var e={recipe:d.createRuntimeFn({defaultClassName:"_2fgvjd0",variantClassNames:{columns:{1:"_2fgvjd1",2:"_2fgvjd2",3:"_2fgvjd3",4:"_2fgvjd4",5:"_2fgvjd5",6:"_2fgvjd6",7:"_2fgvjd7",8:"_2fgvjd8",9:"_2fgvjd9",10:"_2fgvjda",11:"_2fgvjdb",12:"_2fgvjdc",none:"_2fgvjdd"},gridAutoRows:{auto:"_2fgvjde",min:"_2fgvjdf",max:"_2fgvjdg",fr:"_2fgvjdh"},gridTemplateRows:{none:"_2fgvjdi",auto:"_2fgvjdj",min:"_2fgvjdk",max:"_2fgvjdl","1fr":"_2fgvjdm","0fr":"_2fgvjdn"},gridAutoFlow:{row:"_2fgvjdo",column:"_2fgvjdp",dense:"_2fgvjdq","row-dense":"_2fgvjdr","column-dense":"_2fgvjds"},alignItems:{start:"_2fgvjdt",end:"_2fgvjdu",center:"_2fgvjdv",stretch:"_2fgvjdw",baseline:"_2fgvjdx"},justifyItems:{start:"_2fgvjdy",end:"_2fgvjdz",center:"_2fgvjd10",stretch:"_2fgvjd11"},alignContent:{start:"_2fgvjd12",end:"_2fgvjd13",center:"_2fgvjd14",stretch:"_2fgvjd15",between:"_2fgvjd16",around:"_2fgvjd17",evenly:"_2fgvjd18"},justifyContent:{start:"_2fgvjd19",end:"_2fgvjd1a",center:"_2fgvjd1b",stretch:"_2fgvjd1c",between:"_2fgvjd1d",around:"_2fgvjd1e",evenly:"_2fgvjd1f"}},defaultVariants:{},compoundVariants:[]})};exports.GRID_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit63.css');;/* empty css                          */const d=require("@vanilla-extract/recipes/createRuntimeFn");var e={recipe:d.createRuntimeFn({defaultClassName:"_2fgvjd0",variantClassNames:{columns:{1:"_2fgvjd1",2:"_2fgvjd2",3:"_2fgvjd3",4:"_2fgvjd4",5:"_2fgvjd5",6:"_2fgvjd6",7:"_2fgvjd7",8:"_2fgvjd8",9:"_2fgvjd9",10:"_2fgvjda",11:"_2fgvjdb",12:"_2fgvjdc",none:"_2fgvjdd"},gridAutoRows:{auto:"_2fgvjde",min:"_2fgvjdf",max:"_2fgvjdg",fr:"_2fgvjdh"},gridTemplateRows:{none:"_2fgvjdi",auto:"_2fgvjdj",min:"_2fgvjdk",max:"_2fgvjdl","1fr":"_2fgvjdm","0fr":"_2fgvjdn"},gridAutoFlow:{row:"_2fgvjdo",column:"_2fgvjdp",dense:"_2fgvjdq","row-dense":"_2fgvjdr","column-dense":"_2fgvjds"},alignItems:{start:"_2fgvjdt",end:"_2fgvjdu",center:"_2fgvjdv",stretch:"_2fgvjdw",baseline:"_2fgvjdx"},justifyItems:{start:"_2fgvjdy",end:"_2fgvjdz",center:"_2fgvjd10",stretch:"_2fgvjd11"},alignContent:{start:"_2fgvjd12",end:"_2fgvjd13",center:"_2fgvjd14",stretch:"_2fgvjd15",between:"_2fgvjd16",around:"_2fgvjd17",evenly:"_2fgvjd18"},justifyContent:{start:"_2fgvjd19",end:"_2fgvjd1a",center:"_2fgvjd1b",stretch:"_2fgvjd1c",between:"_2fgvjd1d",around:"_2fgvjd1e",evenly:"_2fgvjd1f"}},defaultVariants:{},compoundVariants:[]})};exports.GRID_STYLES=e;
 //# sourceMappingURL=Grid.css.cjs.map

package/dist/components/layout/grid/styles/Grid.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit44.css';/* empty css                        */
+import '../../../../ui-kit63.css';/* empty css                        */
 import { createRuntimeFn as d } from "@vanilla-extract/recipes/createRuntimeFn";
 var v = { recipe: d({ defaultClassName: "_2fgvjd0", variantClassNames: { columns: { 1: "_2fgvjd1", 2: "_2fgvjd2", 3: "_2fgvjd3", 4: "_2fgvjd4", 5: "_2fgvjd5", 6: "_2fgvjd6", 7: "_2fgvjd7", 8: "_2fgvjd8", 9: "_2fgvjd9", 10: "_2fgvjda", 11: "_2fgvjdb", 12: "_2fgvjdc", none: "_2fgvjdd" }, gridAutoRows: { auto: "_2fgvjde", min: "_2fgvjdf", max: "_2fgvjdg", fr: "_2fgvjdh" }, gridTemplateRows: { none: "_2fgvjdi", auto: "_2fgvjdj", min: "_2fgvjdk", max: "_2fgvjdl", "1fr": "_2fgvjdm", "0fr": "_2fgvjdn" }, gridAutoFlow: { row: "_2fgvjdo", column: "_2fgvjdp", dense: "_2fgvjdq", "row-dense": "_2fgvjdr", "column-dense": "_2fgvjds" }, alignItems: { start: "_2fgvjdt", end: "_2fgvjdu", center: "_2fgvjdv", stretch: "_2fgvjdw", baseline: "_2fgvjdx" }, justifyItems: { start: "_2fgvjdy", end: "_2fgvjdz", center: "_2fgvjd10", stretch: "_2fgvjd11" }, alignContent: { start: "_2fgvjd12", end: "_2fgvjd13", center: "_2fgvjd14", stretch: "_2fgvjd15", between: "_2fgvjd16", around: "_2fgvjd17", evenly: "_2fgvjd18" }, justifyContent: { start: "_2fgvjd19", end: "_2fgvjd1a", center: "_2fgvjd1b", stretch: "_2fgvjd1c", between: "_2fgvjd1d", around: "_2fgvjd1e", evenly: "_2fgvjd1f" } }, defaultVariants: {}, compoundVariants: [] }) };
 export {

package/dist/components/layout/image/styles/Image.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit47.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                           */const o=require("@vanilla-extract/recipes/createRuntimeFn");var n={recipe:o.createRuntimeFn({defaultClassName:"kunpco0",variantClassNames:{objectFit:{contain:"kunpco1",cover:"kunpco2",fill:"kunpco3",none:"kunpco4","scale-down":"kunpco5"},objectPosition:{center:"kunpco6",top:"kunpco7",bottom:"kunpco8",left:"kunpco9",right:"kunpcoa","top-left":"kunpcob","top-right":"kunpcoc","bottom-left":"kunpcod","bottom-right":"kunpcoe"},borderRadius:{none:"kunpcof",xs:"kunpcog",sm:"kunpcoh",md:"kunpcoi",lg:"kunpcoj",xl:"kunpcok","2xl":"kunpcol",full:"kunpcom"},padding:{none:"kunpcon",px:"kunpcoo",xxs:"kunpcop",xs:"kunpcoq",xs2:"kunpcor",sm:"kunpcos",md:"kunpcot",lg:"kunpcou",xl:"kunpcov","2xl":"kunpcow","3xl":"kunpcox","4xl":"kunpcoy","5xl":"kunpcoz"},margin:{auto:"kunpco10",none:"kunpco11",px:"kunpco12",xxs:"kunpco13",xs:"kunpco14",xs2:"kunpco15",sm:"kunpco16",md:"kunpco17",lg:"kunpco18",xl:"kunpco19","2xl":"kunpco1a","3xl":"kunpco1b","4xl":"kunpco1c","5xl":"kunpco1d"},backgroundColor:{background:"kunpco1e",foreground:"kunpco1f",text:"kunpco1g",textSecondary:"kunpco1h",textTertiary:"kunpco1i",card:"kunpco1j",cardForeground:"kunpco1k",popover:"kunpco1l",popoverForeground:"kunpco1m",muted:"kunpco1n",mutedForeground:"kunpco1o",overlay:"kunpco1p",primary:"kunpco1q",primaryHover:"kunpco1r",primaryActive:"kunpco1s",primaryForeground:"kunpco1t",primarySubtle:"kunpco1u",primarySubtleHover:"kunpco1v",primarySubtleActive:"kunpco1w",primarySubtleForeground:"kunpco1x",primarySubtleBorder:"kunpco1y",link:"kunpco1z",linkHover:"kunpco20",linkActive:"kunpco21",secondary:"kunpco22",secondaryHover:"kunpco23",secondaryActive:"kunpco24",secondaryForeground:"kunpco25",secondarySubtle:"kunpco26",secondarySubtleHover:"kunpco27",secondarySubtleActive:"kunpco28",secondarySubtleForeground:"kunpco29",secondarySubtleBorder:"kunpco2a",tertiary:"kunpco2b",tertiaryHover:"kunpco2c",tertiaryActive:"kunpco2d",tertiaryForeground:"kunpco2e",tertiarySubtle:"kunpco2f",tertiarySubtleHover:"kunpco2g",tertiarySubtleActive:"kunpco2h",tertiarySubtleForeground:"kunpco2i",tertiarySubtleBorder:"kunpco2j",success:"kunpco2k",successHover:"kunpco2l",successActive:"kunpco2m",successForeground:"kunpco2n",successSubtle:"kunpco2o",successSubtleHover:"kunpco2p",successSubtleActive:"kunpco2q",successSubtleForeground:"kunpco2r",successSubtleBorder:"kunpco2s",warning:"kunpco2t",warningHover:"kunpco2u",warningActive:"kunpco2v",warningForeground:"kunpco2w",warningSubtle:"kunpco2x",warningSubtleHover:"kunpco2y",warningSubtleActive:"kunpco2z",warningSubtleForeground:"kunpco30",warningSubtleBorder:"kunpco31",info:"kunpco32",infoHover:"kunpco33",infoActive:"kunpco34",infoForeground:"kunpco35",infoSubtle:"kunpco36",infoSubtleHover:"kunpco37",infoSubtleActive:"kunpco38",infoSubtleForeground:"kunpco39",infoSubtleBorder:"kunpco3a",destructive:"kunpco3b",destructiveHover:"kunpco3c",destructiveActive:"kunpco3d",destructiveForeground:"kunpco3e",destructiveSubtle:"kunpco3f",destructiveSubtleHover:"kunpco3g",destructiveSubtleActive:"kunpco3h",destructiveSubtleForeground:"kunpco3i",destructiveSubtleBorder:"kunpco3j",purple:"kunpco3k",purpleHover:"kunpco3l",purpleActive:"kunpco3m",purpleForeground:"kunpco3n",purpleSubtle:"kunpco3o",purpleSubtleHover:"kunpco3p",purpleSubtleActive:"kunpco3q",purpleSubtleForeground:"kunpco3r",purpleSubtleBorder:"kunpco3s",pink:"kunpco3t",pinkHover:"kunpco3u",pinkActive:"kunpco3v",pinkForeground:"kunpco3w",pinkSubtle:"kunpco3x",pinkSubtleHover:"kunpco3y",pinkSubtleActive:"kunpco3z",pinkSubtleForeground:"kunpco40",pinkSubtleBorder:"kunpco41",orange:"kunpco42",orangeHover:"kunpco43",orangeActive:"kunpco44",orangeForeground:"kunpco45",orangeSubtle:"kunpco46",orangeSubtleHover:"kunpco47",orangeSubtleActive:"kunpco48",orangeSubtleForeground:"kunpco49",orangeSubtleBorder:"kunpco4a",teal:"kunpco4b",tealHover:"kunpco4c",tealActive:"kunpco4d",tealForeground:"kunpco4e",tealSubtle:"kunpco4f",tealSubtleHover:"kunpco4g",tealSubtleActive:"kunpco4h",tealSubtleForeground:"kunpco4i",tealSubtleBorder:"kunpco4j",cyan:"kunpco4k",cyanHover:"kunpco4l",cyanActive:"kunpco4m",cyanForeground:"kunpco4n",cyanSubtle:"kunpco4o",cyanSubtleHover:"kunpco4p",cyanSubtleActive:"kunpco4q",cyanSubtleForeground:"kunpco4r",cyanSubtleBorder:"kunpco4s",indigo:"kunpco4t",indigoHover:"kunpco4u",indigoActive:"kunpco4v",indigoForeground:"kunpco4w",indigoSubtle:"kunpco4x",indigoSubtleHover:"kunpco4y",indigoSubtleActive:"kunpco4z",indigoSubtleForeground:"kunpco50",indigoSubtleBorder:"kunpco51",border:"kunpco52",borderStrong:"kunpco53",input:"kunpco54",ring:"kunpco55",highlight:"kunpco56",highlightForeground:"kunpco57",skeleton:"kunpco58",skeletonForeground:"kunpco59",transparent:"kunpco5a"}},defaultVariants:{},compoundVariants:[]})};exports.IMAGE_STYLES=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit54.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                           */const o=require("@vanilla-extract/recipes/createRuntimeFn");var n={recipe:o.createRuntimeFn({defaultClassName:"kunpco0",variantClassNames:{objectFit:{contain:"kunpco1",cover:"kunpco2",fill:"kunpco3",none:"kunpco4","scale-down":"kunpco5"},objectPosition:{center:"kunpco6",top:"kunpco7",bottom:"kunpco8",left:"kunpco9",right:"kunpcoa","top-left":"kunpcob","top-right":"kunpcoc","bottom-left":"kunpcod","bottom-right":"kunpcoe"},borderRadius:{none:"kunpcof",xs:"kunpcog",sm:"kunpcoh",md:"kunpcoi",lg:"kunpcoj",xl:"kunpcok","2xl":"kunpcol",full:"kunpcom"},padding:{none:"kunpcon",px:"kunpcoo",xxs:"kunpcop",xs:"kunpcoq",xs2:"kunpcor",sm:"kunpcos",md:"kunpcot",lg:"kunpcou",xl:"kunpcov","2xl":"kunpcow","3xl":"kunpcox","4xl":"kunpcoy","5xl":"kunpcoz"},margin:{auto:"kunpco10",none:"kunpco11",px:"kunpco12",xxs:"kunpco13",xs:"kunpco14",xs2:"kunpco15",sm:"kunpco16",md:"kunpco17",lg:"kunpco18",xl:"kunpco19","2xl":"kunpco1a","3xl":"kunpco1b","4xl":"kunpco1c","5xl":"kunpco1d"},backgroundColor:{background:"kunpco1e",foreground:"kunpco1f",text:"kunpco1g",textSecondary:"kunpco1h",textTertiary:"kunpco1i",card:"kunpco1j",cardForeground:"kunpco1k",popover:"kunpco1l",popoverForeground:"kunpco1m",muted:"kunpco1n",mutedForeground:"kunpco1o",overlay:"kunpco1p",primary:"kunpco1q",primaryHover:"kunpco1r",primaryActive:"kunpco1s",primaryForeground:"kunpco1t",primarySubtle:"kunpco1u",primarySubtleHover:"kunpco1v",primarySubtleActive:"kunpco1w",primarySubtleForeground:"kunpco1x",primarySubtleBorder:"kunpco1y",link:"kunpco1z",linkHover:"kunpco20",linkActive:"kunpco21",secondary:"kunpco22",secondaryHover:"kunpco23",secondaryActive:"kunpco24",secondaryForeground:"kunpco25",secondarySubtle:"kunpco26",secondarySubtleHover:"kunpco27",secondarySubtleActive:"kunpco28",secondarySubtleForeground:"kunpco29",secondarySubtleBorder:"kunpco2a",tertiary:"kunpco2b",tertiaryHover:"kunpco2c",tertiaryActive:"kunpco2d",tertiaryForeground:"kunpco2e",tertiarySubtle:"kunpco2f",tertiarySubtleHover:"kunpco2g",tertiarySubtleActive:"kunpco2h",tertiarySubtleForeground:"kunpco2i",tertiarySubtleBorder:"kunpco2j",success:"kunpco2k",successHover:"kunpco2l",successActive:"kunpco2m",successForeground:"kunpco2n",successSubtle:"kunpco2o",successSubtleHover:"kunpco2p",successSubtleActive:"kunpco2q",successSubtleForeground:"kunpco2r",successSubtleBorder:"kunpco2s",warning:"kunpco2t",warningHover:"kunpco2u",warningActive:"kunpco2v",warningForeground:"kunpco2w",warningSubtle:"kunpco2x",warningSubtleHover:"kunpco2y",warningSubtleActive:"kunpco2z",warningSubtleForeground:"kunpco30",warningSubtleBorder:"kunpco31",info:"kunpco32",infoHover:"kunpco33",infoActive:"kunpco34",infoForeground:"kunpco35",infoSubtle:"kunpco36",infoSubtleHover:"kunpco37",infoSubtleActive:"kunpco38",infoSubtleForeground:"kunpco39",infoSubtleBorder:"kunpco3a",destructive:"kunpco3b",destructiveHover:"kunpco3c",destructiveActive:"kunpco3d",destructiveForeground:"kunpco3e",destructiveSubtle:"kunpco3f",destructiveSubtleHover:"kunpco3g",destructiveSubtleActive:"kunpco3h",destructiveSubtleForeground:"kunpco3i",destructiveSubtleBorder:"kunpco3j",purple:"kunpco3k",purpleHover:"kunpco3l",purpleActive:"kunpco3m",purpleForeground:"kunpco3n",purpleSubtle:"kunpco3o",purpleSubtleHover:"kunpco3p",purpleSubtleActive:"kunpco3q",purpleSubtleForeground:"kunpco3r",purpleSubtleBorder:"kunpco3s",pink:"kunpco3t",pinkHover:"kunpco3u",pinkActive:"kunpco3v",pinkForeground:"kunpco3w",pinkSubtle:"kunpco3x",pinkSubtleHover:"kunpco3y",pinkSubtleActive:"kunpco3z",pinkSubtleForeground:"kunpco40",pinkSubtleBorder:"kunpco41",orange:"kunpco42",orangeHover:"kunpco43",orangeActive:"kunpco44",orangeForeground:"kunpco45",orangeSubtle:"kunpco46",orangeSubtleHover:"kunpco47",orangeSubtleActive:"kunpco48",orangeSubtleForeground:"kunpco49",orangeSubtleBorder:"kunpco4a",teal:"kunpco4b",tealHover:"kunpco4c",tealActive:"kunpco4d",tealForeground:"kunpco4e",tealSubtle:"kunpco4f",tealSubtleHover:"kunpco4g",tealSubtleActive:"kunpco4h",tealSubtleForeground:"kunpco4i",tealSubtleBorder:"kunpco4j",cyan:"kunpco4k",cyanHover:"kunpco4l",cyanActive:"kunpco4m",cyanForeground:"kunpco4n",cyanSubtle:"kunpco4o",cyanSubtleHover:"kunpco4p",cyanSubtleActive:"kunpco4q",cyanSubtleForeground:"kunpco4r",cyanSubtleBorder:"kunpco4s",indigo:"kunpco4t",indigoHover:"kunpco4u",indigoActive:"kunpco4v",indigoForeground:"kunpco4w",indigoSubtle:"kunpco4x",indigoSubtleHover:"kunpco4y",indigoSubtleActive:"kunpco4z",indigoSubtleForeground:"kunpco50",indigoSubtleBorder:"kunpco51",border:"kunpco52",borderStrong:"kunpco53",ring:"kunpco54",highlight:"kunpco55",highlightForeground:"kunpco56",skeleton:"kunpco57",skeletonForeground:"kunpco58",transparent:"kunpco59"}},defaultVariants:{},compoundVariants:[]})};exports.IMAGE_STYLES=n;
 //# sourceMappingURL=Image.css.cjs.map

package/dist/components/layout/image/styles/Image.css.d.ts

@@ -158,6 +158,6 @@ export declare const IMAGE_STYLES: {
                 margin: `var(--${string})`;
             };
         };
-        backgroundColor: Record<"background" | "foreground" | "text" | "textSecondary" | "textTertiary" | "card" | "cardForeground" | "popover" | "popoverForeground" | "muted" | "mutedForeground" | "overlay" | "primary" | "primaryHover" | "primaryActive" | "primaryForeground" | "primarySubtle" | "primarySubtleHover" | "primarySubtleActive" | "primarySubtleForeground" | "primarySubtleBorder" | "link" | "linkHover" | "linkActive" | "secondary" | "secondaryHover" | "secondaryActive" | "secondaryForeground" | "secondarySubtle" | "secondarySubtleHover" | "secondarySubtleActive" | "secondarySubtleForeground" | "secondarySubtleBorder" | "tertiary" | "tertiaryHover" | "tertiaryActive" | "tertiaryForeground" | "tertiarySubtle" | "tertiarySubtleHover" | "tertiarySubtleActive" | "tertiarySubtleForeground" | "tertiarySubtleBorder" | "success" | "successHover" | "successActive" | "successForeground" | "successSubtle" | "successSubtleHover" | "successSubtleActive" | "successSubtleForeground" | "successSubtleBorder" | "warning" | "warningHover" | "warningActive" | "warningForeground" | "warningSubtle" | "warningSubtleHover" | "warningSubtleActive" | "warningSubtleForeground" | "warningSubtleBorder" | "info" | "infoHover" | "infoActive" | "infoForeground" | "infoSubtle" | "infoSubtleHover" | "infoSubtleActive" | "infoSubtleForeground" | "infoSubtleBorder" | "destructive" | "destructiveHover" | "destructiveActive" | "destructiveForeground" | "destructiveSubtle" | "destructiveSubtleHover" | "destructiveSubtleActive" | "destructiveSubtleForeground" | "destructiveSubtleBorder" | "purple" | "purpleHover" | "purpleActive" | "purpleForeground" | "purpleSubtle" | "purpleSubtleHover" | "purpleSubtleActive" | "purpleSubtleForeground" | "purpleSubtleBorder" | "pink" | "pinkHover" | "pinkActive" | "pinkForeground" | "pinkSubtle" | "pinkSubtleHover" | "pinkSubtleActive" | "pinkSubtleForeground" | "pinkSubtleBorder" | "orange" | "orangeHover" | "orangeActive" | "orangeForeground" | "orangeSubtle" | "orangeSubtleHover" | "orangeSubtleActive" | "orangeSubtleForeground" | "orangeSubtleBorder" | "teal" | "tealHover" | "tealActive" | "tealForeground" | "tealSubtle" | "tealSubtleHover" | "tealSubtleActive" | "tealSubtleForeground" | "tealSubtleBorder" | "cyan" | "cyanHover" | "cyanActive" | "cyanForeground" | "cyanSubtle" | "cyanSubtleHover" | "cyanSubtleActive" | "cyanSubtleForeground" | "cyanSubtleBorder" | "indigo" | "indigoHover" | "indigoActive" | "indigoForeground" | "indigoSubtle" | "indigoSubtleHover" | "indigoSubtleActive" | "indigoSubtleForeground" | "indigoSubtleBorder" | "border" | "borderStrong" | "input" | "ring" | "highlight" | "highlightForeground" | "skeleton" | "skeletonForeground" | "transparent", Record<string, string>>;
+        backgroundColor: Record<"background" | "foreground" | "text" | "textSecondary" | "textTertiary" | "card" | "cardForeground" | "popover" | "popoverForeground" | "muted" | "mutedForeground" | "overlay" | "primary" | "primaryHover" | "primaryActive" | "primaryForeground" | "primarySubtle" | "primarySubtleHover" | "primarySubtleActive" | "primarySubtleForeground" | "primarySubtleBorder" | "link" | "linkHover" | "linkActive" | "secondary" | "secondaryHover" | "secondaryActive" | "secondaryForeground" | "secondarySubtle" | "secondarySubtleHover" | "secondarySubtleActive" | "secondarySubtleForeground" | "secondarySubtleBorder" | "tertiary" | "tertiaryHover" | "tertiaryActive" | "tertiaryForeground" | "tertiarySubtle" | "tertiarySubtleHover" | "tertiarySubtleActive" | "tertiarySubtleForeground" | "tertiarySubtleBorder" | "success" | "successHover" | "successActive" | "successForeground" | "successSubtle" | "successSubtleHover" | "successSubtleActive" | "successSubtleForeground" | "successSubtleBorder" | "warning" | "warningHover" | "warningActive" | "warningForeground" | "warningSubtle" | "warningSubtleHover" | "warningSubtleActive" | "warningSubtleForeground" | "warningSubtleBorder" | "info" | "infoHover" | "infoActive" | "infoForeground" | "infoSubtle" | "infoSubtleHover" | "infoSubtleActive" | "infoSubtleForeground" | "infoSubtleBorder" | "destructive" | "destructiveHover" | "destructiveActive" | "destructiveForeground" | "destructiveSubtle" | "destructiveSubtleHover" | "destructiveSubtleActive" | "destructiveSubtleForeground" | "destructiveSubtleBorder" | "purple" | "purpleHover" | "purpleActive" | "purpleForeground" | "purpleSubtle" | "purpleSubtleHover" | "purpleSubtleActive" | "purpleSubtleForeground" | "purpleSubtleBorder" | "pink" | "pinkHover" | "pinkActive" | "pinkForeground" | "pinkSubtle" | "pinkSubtleHover" | "pinkSubtleActive" | "pinkSubtleForeground" | "pinkSubtleBorder" | "orange" | "orangeHover" | "orangeActive" | "orangeForeground" | "orangeSubtle" | "orangeSubtleHover" | "orangeSubtleActive" | "orangeSubtleForeground" | "orangeSubtleBorder" | "teal" | "tealHover" | "tealActive" | "tealForeground" | "tealSubtle" | "tealSubtleHover" | "tealSubtleActive" | "tealSubtleForeground" | "tealSubtleBorder" | "cyan" | "cyanHover" | "cyanActive" | "cyanForeground" | "cyanSubtle" | "cyanSubtleHover" | "cyanSubtleActive" | "cyanSubtleForeground" | "cyanSubtleBorder" | "indigo" | "indigoHover" | "indigoActive" | "indigoForeground" | "indigoSubtle" | "indigoSubtleHover" | "indigoSubtleActive" | "indigoSubtleForeground" | "indigoSubtleBorder" | "border" | "borderStrong" | "ring" | "highlight" | "highlightForeground" | "skeleton" | "skeletonForeground" | "transparent", Record<string, string>>;
     }>;
 };

package/dist/components/layout/image/styles/Image.css.js

@@ -1,8 +1,8 @@
-import '../../../../ui-kit47.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit54.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                         */
 import { createRuntimeFn as o } from "@vanilla-extract/recipes/createRuntimeFn";
-var e = { recipe: o({ defaultClassName: "kunpco0", variantClassNames: { objectFit: { contain: "kunpco1", cover: "kunpco2", fill: "kunpco3", none: "kunpco4", "scale-down": "kunpco5" }, objectPosition: { center: "kunpco6", top: "kunpco7", bottom: "kunpco8", left: "kunpco9", right: "kunpcoa", "top-left": "kunpcob", "top-right": "kunpcoc", "bottom-left": "kunpcod", "bottom-right": "kunpcoe" }, borderRadius: { none: "kunpcof", xs: "kunpcog", sm: "kunpcoh", md: "kunpcoi", lg: "kunpcoj", xl: "kunpcok", "2xl": "kunpcol", full: "kunpcom" }, padding: { none: "kunpcon", px: "kunpcoo", xxs: "kunpcop", xs: "kunpcoq", xs2: "kunpcor", sm: "kunpcos", md: "kunpcot", lg: "kunpcou", xl: "kunpcov", "2xl": "kunpcow", "3xl": "kunpcox", "4xl": "kunpcoy", "5xl": "kunpcoz" }, margin: { auto: "kunpco10", none: "kunpco11", px: "kunpco12", xxs: "kunpco13", xs: "kunpco14", xs2: "kunpco15", sm: "kunpco16", md: "kunpco17", lg: "kunpco18", xl: "kunpco19", "2xl": "kunpco1a", "3xl": "kunpco1b", "4xl": "kunpco1c", "5xl": "kunpco1d" }, backgroundColor: { background: "kunpco1e", foreground: "kunpco1f", text: "kunpco1g", textSecondary: "kunpco1h", textTertiary: "kunpco1i", card: "kunpco1j", cardForeground: "kunpco1k", popover: "kunpco1l", popoverForeground: "kunpco1m", muted: "kunpco1n", mutedForeground: "kunpco1o", overlay: "kunpco1p", primary: "kunpco1q", primaryHover: "kunpco1r", primaryActive: "kunpco1s", primaryForeground: "kunpco1t", primarySubtle: "kunpco1u", primarySubtleHover: "kunpco1v", primarySubtleActive: "kunpco1w", primarySubtleForeground: "kunpco1x", primarySubtleBorder: "kunpco1y", link: "kunpco1z", linkHover: "kunpco20", linkActive: "kunpco21", secondary: "kunpco22", secondaryHover: "kunpco23", secondaryActive: "kunpco24", secondaryForeground: "kunpco25", secondarySubtle: "kunpco26", secondarySubtleHover: "kunpco27", secondarySubtleActive: "kunpco28", secondarySubtleForeground: "kunpco29", secondarySubtleBorder: "kunpco2a", tertiary: "kunpco2b", tertiaryHover: "kunpco2c", tertiaryActive: "kunpco2d", tertiaryForeground: "kunpco2e", tertiarySubtle: "kunpco2f", tertiarySubtleHover: "kunpco2g", tertiarySubtleActive: "kunpco2h", tertiarySubtleForeground: "kunpco2i", tertiarySubtleBorder: "kunpco2j", success: "kunpco2k", successHover: "kunpco2l", successActive: "kunpco2m", successForeground: "kunpco2n", successSubtle: "kunpco2o", successSubtleHover: "kunpco2p", successSubtleActive: "kunpco2q", successSubtleForeground: "kunpco2r", successSubtleBorder: "kunpco2s", warning: "kunpco2t", warningHover: "kunpco2u", warningActive: "kunpco2v", warningForeground: "kunpco2w", warningSubtle: "kunpco2x", warningSubtleHover: "kunpco2y", warningSubtleActive: "kunpco2z", warningSubtleForeground: "kunpco30", warningSubtleBorder: "kunpco31", info: "kunpco32", infoHover: "kunpco33", infoActive: "kunpco34", infoForeground: "kunpco35", infoSubtle: "kunpco36", infoSubtleHover: "kunpco37", infoSubtleActive: "kunpco38", infoSubtleForeground: "kunpco39", infoSubtleBorder: "kunpco3a", destructive: "kunpco3b", destructiveHover: "kunpco3c", destructiveActive: "kunpco3d", destructiveForeground: "kunpco3e", destructiveSubtle: "kunpco3f", destructiveSubtleHover: "kunpco3g", destructiveSubtleActive: "kunpco3h", destructiveSubtleForeground: "kunpco3i", destructiveSubtleBorder: "kunpco3j", purple: "kunpco3k", purpleHover: "kunpco3l", purpleActive: "kunpco3m", purpleForeground: "kunpco3n", purpleSubtle: "kunpco3o", purpleSubtleHover: "kunpco3p", purpleSubtleActive: "kunpco3q", purpleSubtleForeground: "kunpco3r", purpleSubtleBorder: "kunpco3s", pink: "kunpco3t", pinkHover: "kunpco3u", pinkActive: "kunpco3v", pinkForeground: "kunpco3w", pinkSubtle: "kunpco3x", pinkSubtleHover: "kunpco3y", pinkSubtleActive: "kunpco3z", pinkSubtleForeground: "kunpco40", pinkSubtleBorder: "kunpco41", orange: "kunpco42", orangeHover: "kunpco43", orangeActive: "kunpco44", orangeForeground: "kunpco45", orangeSubtle: "kunpco46", orangeSubtleHover: "kunpco47", orangeSubtleActive: "kunpco48", orangeSubtleForeground: "kunpco49", orangeSubtleBorder: "kunpco4a", teal: "kunpco4b", tealHover: "kunpco4c", tealActive: "kunpco4d", tealForeground: "kunpco4e", tealSubtle: "kunpco4f", tealSubtleHover: "kunpco4g", tealSubtleActive: "kunpco4h", tealSubtleForeground: "kunpco4i", tealSubtleBorder: "kunpco4j", cyan: "kunpco4k", cyanHover: "kunpco4l", cyanActive: "kunpco4m", cyanForeground: "kunpco4n", cyanSubtle: "kunpco4o", cyanSubtleHover: "kunpco4p", cyanSubtleActive: "kunpco4q", cyanSubtleForeground: "kunpco4r", cyanSubtleBorder: "kunpco4s", indigo: "kunpco4t", indigoHover: "kunpco4u", indigoActive: "kunpco4v", indigoForeground: "kunpco4w", indigoSubtle: "kunpco4x", indigoSubtleHover: "kunpco4y", indigoSubtleActive: "kunpco4z", indigoSubtleForeground: "kunpco50", indigoSubtleBorder: "kunpco51", border: "kunpco52", borderStrong: "kunpco53", input: "kunpco54", ring: "kunpco55", highlight: "kunpco56", highlightForeground: "kunpco57", skeleton: "kunpco58", skeletonForeground: "kunpco59", transparent: "kunpco5a" } }, defaultVariants: {}, compoundVariants: [] }) };
+var c = { recipe: o({ defaultClassName: "kunpco0", variantClassNames: { objectFit: { contain: "kunpco1", cover: "kunpco2", fill: "kunpco3", none: "kunpco4", "scale-down": "kunpco5" }, objectPosition: { center: "kunpco6", top: "kunpco7", bottom: "kunpco8", left: "kunpco9", right: "kunpcoa", "top-left": "kunpcob", "top-right": "kunpcoc", "bottom-left": "kunpcod", "bottom-right": "kunpcoe" }, borderRadius: { none: "kunpcof", xs: "kunpcog", sm: "kunpcoh", md: "kunpcoi", lg: "kunpcoj", xl: "kunpcok", "2xl": "kunpcol", full: "kunpcom" }, padding: { none: "kunpcon", px: "kunpcoo", xxs: "kunpcop", xs: "kunpcoq", xs2: "kunpcor", sm: "kunpcos", md: "kunpcot", lg: "kunpcou", xl: "kunpcov", "2xl": "kunpcow", "3xl": "kunpcox", "4xl": "kunpcoy", "5xl": "kunpcoz" }, margin: { auto: "kunpco10", none: "kunpco11", px: "kunpco12", xxs: "kunpco13", xs: "kunpco14", xs2: "kunpco15", sm: "kunpco16", md: "kunpco17", lg: "kunpco18", xl: "kunpco19", "2xl": "kunpco1a", "3xl": "kunpco1b", "4xl": "kunpco1c", "5xl": "kunpco1d" }, backgroundColor: { background: "kunpco1e", foreground: "kunpco1f", text: "kunpco1g", textSecondary: "kunpco1h", textTertiary: "kunpco1i", card: "kunpco1j", cardForeground: "kunpco1k", popover: "kunpco1l", popoverForeground: "kunpco1m", muted: "kunpco1n", mutedForeground: "kunpco1o", overlay: "kunpco1p", primary: "kunpco1q", primaryHover: "kunpco1r", primaryActive: "kunpco1s", primaryForeground: "kunpco1t", primarySubtle: "kunpco1u", primarySubtleHover: "kunpco1v", primarySubtleActive: "kunpco1w", primarySubtleForeground: "kunpco1x", primarySubtleBorder: "kunpco1y", link: "kunpco1z", linkHover: "kunpco20", linkActive: "kunpco21", secondary: "kunpco22", secondaryHover: "kunpco23", secondaryActive: "kunpco24", secondaryForeground: "kunpco25", secondarySubtle: "kunpco26", secondarySubtleHover: "kunpco27", secondarySubtleActive: "kunpco28", secondarySubtleForeground: "kunpco29", secondarySubtleBorder: "kunpco2a", tertiary: "kunpco2b", tertiaryHover: "kunpco2c", tertiaryActive: "kunpco2d", tertiaryForeground: "kunpco2e", tertiarySubtle: "kunpco2f", tertiarySubtleHover: "kunpco2g", tertiarySubtleActive: "kunpco2h", tertiarySubtleForeground: "kunpco2i", tertiarySubtleBorder: "kunpco2j", success: "kunpco2k", successHover: "kunpco2l", successActive: "kunpco2m", successForeground: "kunpco2n", successSubtle: "kunpco2o", successSubtleHover: "kunpco2p", successSubtleActive: "kunpco2q", successSubtleForeground: "kunpco2r", successSubtleBorder: "kunpco2s", warning: "kunpco2t", warningHover: "kunpco2u", warningActive: "kunpco2v", warningForeground: "kunpco2w", warningSubtle: "kunpco2x", warningSubtleHover: "kunpco2y", warningSubtleActive: "kunpco2z", warningSubtleForeground: "kunpco30", warningSubtleBorder: "kunpco31", info: "kunpco32", infoHover: "kunpco33", infoActive: "kunpco34", infoForeground: "kunpco35", infoSubtle: "kunpco36", infoSubtleHover: "kunpco37", infoSubtleActive: "kunpco38", infoSubtleForeground: "kunpco39", infoSubtleBorder: "kunpco3a", destructive: "kunpco3b", destructiveHover: "kunpco3c", destructiveActive: "kunpco3d", destructiveForeground: "kunpco3e", destructiveSubtle: "kunpco3f", destructiveSubtleHover: "kunpco3g", destructiveSubtleActive: "kunpco3h", destructiveSubtleForeground: "kunpco3i", destructiveSubtleBorder: "kunpco3j", purple: "kunpco3k", purpleHover: "kunpco3l", purpleActive: "kunpco3m", purpleForeground: "kunpco3n", purpleSubtle: "kunpco3o", purpleSubtleHover: "kunpco3p", purpleSubtleActive: "kunpco3q", purpleSubtleForeground: "kunpco3r", purpleSubtleBorder: "kunpco3s", pink: "kunpco3t", pinkHover: "kunpco3u", pinkActive: "kunpco3v", pinkForeground: "kunpco3w", pinkSubtle: "kunpco3x", pinkSubtleHover: "kunpco3y", pinkSubtleActive: "kunpco3z", pinkSubtleForeground: "kunpco40", pinkSubtleBorder: "kunpco41", orange: "kunpco42", orangeHover: "kunpco43", orangeActive: "kunpco44", orangeForeground: "kunpco45", orangeSubtle: "kunpco46", orangeSubtleHover: "kunpco47", orangeSubtleActive: "kunpco48", orangeSubtleForeground: "kunpco49", orangeSubtleBorder: "kunpco4a", teal: "kunpco4b", tealHover: "kunpco4c", tealActive: "kunpco4d", tealForeground: "kunpco4e", tealSubtle: "kunpco4f", tealSubtleHover: "kunpco4g", tealSubtleActive: "kunpco4h", tealSubtleForeground: "kunpco4i", tealSubtleBorder: "kunpco4j", cyan: "kunpco4k", cyanHover: "kunpco4l", cyanActive: "kunpco4m", cyanForeground: "kunpco4n", cyanSubtle: "kunpco4o", cyanSubtleHover: "kunpco4p", cyanSubtleActive: "kunpco4q", cyanSubtleForeground: "kunpco4r", cyanSubtleBorder: "kunpco4s", indigo: "kunpco4t", indigoHover: "kunpco4u", indigoActive: "kunpco4v", indigoForeground: "kunpco4w", indigoSubtle: "kunpco4x", indigoSubtleHover: "kunpco4y", indigoSubtleActive: "kunpco4z", indigoSubtleForeground: "kunpco50", indigoSubtleBorder: "kunpco51", border: "kunpco52", borderStrong: "kunpco53", ring: "kunpco54", highlight: "kunpco55", highlightForeground: "kunpco56", skeleton: "kunpco57", skeletonForeground: "kunpco58", transparent: "kunpco59" } }, defaultVariants: {}, compoundVariants: [] }) };
 export {
-  e as IMAGE_STYLES
+  c as IMAGE_STYLES
 };
 //# sourceMappingURL=Image.css.js.map

package/dist/components/layout/inset/styles/Inset.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit57.css');;/* empty css                           */const e=require("@vanilla-extract/recipes/createRuntimeFn");var i={insetSpace:"var(--v7yz9i0)",insetSpaceProperty:"--v7yz9i0",recipe:e.createRuntimeFn({defaultClassName:"v7yz9i1",variantClassNames:{clip:{"border-box":"v7yz9i2","padding-box":"v7yz9i3"},side:{all:"v7yz9i4",block:"v7yz9i5",inline:"v7yz9i6",top:"v7yz9i7",right:"v7yz9i8",bottom:"v7yz9i9",left:"v7yz9ia"}},defaultVariants:{clip:"border-box",side:"all"},compoundVariants:[]})};exports.INSET_STYLES=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit64.css');;/* empty css                           */const e=require("@vanilla-extract/recipes/createRuntimeFn");var i={insetSpace:"var(--v7yz9i0)",insetSpaceProperty:"--v7yz9i0",recipe:e.createRuntimeFn({defaultClassName:"v7yz9i1",variantClassNames:{clip:{"border-box":"v7yz9i2","padding-box":"v7yz9i3"},side:{all:"v7yz9i4",block:"v7yz9i5",inline:"v7yz9i6",top:"v7yz9i7",right:"v7yz9i8",bottom:"v7yz9i9",left:"v7yz9ia"}},defaultVariants:{clip:"border-box",side:"all"},compoundVariants:[]})};exports.INSET_STYLES=i;
 //# sourceMappingURL=Inset.css.cjs.map

package/dist/components/layout/inset/styles/Inset.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit57.css';/* empty css                         */
+import '../../../../ui-kit64.css';/* empty css                         */
 import { createRuntimeFn as i } from "@vanilla-extract/recipes/createRuntimeFn";
 var r = { insetSpace: "var(--v7yz9i0)", insetSpaceProperty: "--v7yz9i0", recipe: i({ defaultClassName: "v7yz9i1", variantClassNames: { clip: { "border-box": "v7yz9i2", "padding-box": "v7yz9i3" }, side: { all: "v7yz9i4", block: "v7yz9i5", inline: "v7yz9i6", top: "v7yz9i7", right: "v7yz9i8", bottom: "v7yz9i9", left: "v7yz9ia" } }, defaultVariants: { clip: "border-box", side: "all" }, compoundVariants: [] }) };
 export {

package/dist/components/layout/separator/Separator.cjs

@@ -1,2 +1,2 @@
-"use strict";const o=require("react/jsx-runtime"),c=require("../box/Box.cjs"),i=require("./styles/Separator.css.cjs"),n=require("../../../utils/cn.cjs"),u=require("react"),e=u.memo(({orientation:r="horizontal",color:s,className:a,...t})=>o.jsx(c,{as:"div",role:"separator",className:n.cn(i.SEPARATOR_STYLES.recipe({orientation:r,color:s}),a),...t,"aria-orientation":r}));e.displayName="Separator";module.exports=e;
+"use strict";const r=require("react/jsx-runtime"),n=require("../box/Box.cjs"),T=require("../../foundation/typography/Typography.cjs");require("../../foundation/typography/styles/Typography.css.cjs");const e=require("./styles/Separator.css.cjs"),i=require("../../../utils/cn.cjs"),A=require("react"),o=A.memo(({orientation:a="horizontal",color:c,textColor:S="textTertiary",label:s,className:l,...R})=>{const t=s!==void 0&&s.length>0;return r.jsx(n,{as:"div",role:"separator",className:i.cn(e.SEPARATOR_STYLES.recipe({orientation:a,color:c,hasLabel:t}),l),...R,"aria-orientation":a,children:t?r.jsxs(r.Fragment,{children:[r.jsx(n,{as:"span",className:i.cn(e.SEPARATOR_STYLES.line,a==="horizontal"?e.SEPARATOR_STYLES.horizontalLine:e.SEPARATOR_STYLES.verticalLine)}),r.jsx(T,{variant:"label",color:S,flexShrink:0,children:s}),r.jsx(n,{as:"span",className:i.cn(e.SEPARATOR_STYLES.line,a==="horizontal"?e.SEPARATOR_STYLES.horizontalLine:e.SEPARATOR_STYLES.verticalLine)})]}):null})});o.displayName="Separator";module.exports=o;
 //# sourceMappingURL=Separator.cjs.map

package/dist/components/layout/separator/Separator.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Separator.cjs","sources":["../../../../src/components/layout/separator/Separator.tsx"],"sourcesContent":["import Box from '@components/layout/box/Box.tsx'\r\nimport { SEPARATOR_STYLES } from '@components/layout/separator/styles/Separator.css.ts'\r\nimport type { SeparatorProps } from '@components/layout/separator/types/Separator.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\n/**\r\n * A thin visual divider used to separate content.\r\n * Renders a horizontal line by default; use `orientation=\"vertical\"` for a vertical rule.\r\n */\r\nconst Separator: FC<SeparatorProps> = memo(({\r\n    orientation = 'horizontal',\r\n    color,\r\n    className,\r\n    ...props\r\n}) => {\r\n    return (\r\n        <Box\r\n            as={'div'}\r\n            role={'separator'}\r\n            className={cn(SEPARATOR_STYLES.recipe({ orientation, color }), className)}\r\n            {...props}\r\n            aria-orientation={orientation}\r\n        />\r\n    )\r\n})\r\n\r\nSeparator.displayName = 'Separator'\r\n\r\nexport default Separator\r\n"],"names":["Separator","memo","orientation","color","className","props","jsx","Box","cn","SEPARATOR_STYLES"],"mappings":"4KAUMA,EAAgCC,EAAAA,KAAK,CAAC,CACxC,YAAAC,EAAc,aACd,MAAAC,EACA,UAAAC,EACA,GAAGC,CACP,IAEQC,EAAAA,IAACC,EAAA,CACG,GAAI,MACJ,KAAM,YACN,UAAWC,EAAAA,GAAGC,EAAAA,iBAAiB,OAAO,CAAE,YAAAP,EAAa,MAAAC,CAAA,CAAO,EAAGC,CAAS,EACvE,GAAGC,EACJ,mBAAkBH,CAAA,CAAA,CAG7B,EAEDF,EAAU,YAAc"}
+{"version":3,"file":"Separator.cjs","sources":["../../../../src/components/layout/separator/Separator.tsx"],"sourcesContent":["import Box from '@components/layout/box/Box.tsx'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { SEPARATOR_STYLES } from '@components/layout/separator/styles/Separator.css.ts'\r\nimport type { SeparatorProps } from '@components/layout/separator/types/Separator.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\n/**\r\n * A thin visual divider used to separate content.\r\n * Renders a horizontal line by default; use `orientation=\"vertical\"` for a vertical rule.\r\n */\r\nconst Separator: FC<SeparatorProps> = memo(({\r\n    orientation = 'horizontal',\r\n    color,\r\n    textColor = 'textTertiary',\r\n    label,\r\n    className,\r\n    ...props\r\n}) => {\r\n    const hasLabel = label !== undefined && label.length > 0\r\n\r\n    return (\r\n        <Box\r\n            as={'div'}\r\n            role={'separator'}\r\n            className={cn(\r\n                SEPARATOR_STYLES.recipe({ orientation, color, hasLabel }),\r\n                className,\r\n            )}\r\n            {...props}\r\n            aria-orientation={orientation}\r\n        >\r\n            {hasLabel ? (\r\n                <>\r\n                    <Box\r\n                        as={'span'}\r\n                        className={cn(\r\n                            SEPARATOR_STYLES.line,\r\n                            orientation === 'horizontal'\r\n                                ? SEPARATOR_STYLES.horizontalLine\r\n                                : SEPARATOR_STYLES.verticalLine,\r\n                        )}\r\n                    />\r\n                    <Typography\r\n                        variant={'label'}\r\n                        color={textColor}\r\n                        flexShrink={0}\r\n                    >\r\n                        {label}\r\n                    </Typography>\r\n                    <Box\r\n                        as={'span'}\r\n                        className={cn(\r\n                            SEPARATOR_STYLES.line,\r\n                            orientation === 'horizontal'\r\n                                ? SEPARATOR_STYLES.horizontalLine\r\n                                : SEPARATOR_STYLES.verticalLine,\r\n                        )}\r\n                    />\r\n                </>\r\n            ) : null}\r\n        </Box>\r\n    )\r\n})\r\n\r\nSeparator.displayName = 'Separator'\r\n\r\nexport default Separator\r\n"],"names":["Separator","memo","orientation","color","textColor","label","className","props","hasLabel","jsx","Box","cn","SEPARATOR_STYLES","jsxs","Fragment","Typography"],"mappings":"2SAWMA,EAAgCC,EAAAA,KAAK,CAAC,CACxC,YAAAC,EAAc,aACd,MAAAC,EACA,UAAAC,EAAY,eACZ,MAAAC,EACA,UAAAC,EACA,GAAGC,CACP,IAAM,CACF,MAAMC,EAAWH,IAAU,QAAaA,EAAM,OAAS,EAEvD,OACII,EAAAA,IAACC,EAAA,CACG,GAAI,MACJ,KAAM,YACN,UAAWC,EAAAA,GACPC,EAAAA,iBAAiB,OAAO,CAAE,YAAAV,EAAa,MAAAC,EAAO,SAAAK,EAAU,EACxDF,CAAA,EAEH,GAAGC,EACJ,mBAAkBL,EAEjB,WACGW,EAAAA,KAAAC,EAAAA,SAAA,CACI,SAAA,CAAAL,EAAAA,IAACC,EAAA,CACG,GAAI,OACJ,UAAWC,EAAAA,GACPC,EAAAA,iBAAiB,KACjBV,IAAgB,aACVU,mBAAiB,eACjBA,EAAAA,iBAAiB,YAAA,CAC3B,CAAA,EAEJH,EAAAA,IAACM,EAAA,CACG,QAAS,QACT,MAAOX,EACP,WAAY,EAEX,SAAAC,CAAA,CAAA,EAELI,EAAAA,IAACC,EAAA,CACG,GAAI,OACJ,UAAWC,EAAAA,GACPC,EAAAA,iBAAiB,KACjBV,IAAgB,aACVU,mBAAiB,eACjBA,EAAAA,iBAAiB,YAAA,CAC3B,CAAA,CACJ,CAAA,CACJ,EACA,IAAA,CAAA,CAGhB,CAAC,EAEDZ,EAAU,YAAc"}

package/dist/components/layout/separator/Separator.js

@@ -1,25 +1,66 @@
-import { jsx as t } from "react/jsx-runtime";
-import e from "../box/Box.js";
-import { SEPARATOR_STYLES as p } from "./styles/Separator.css.js";
-import { cn as i } from "../../../utils/cn.js";
-import { memo as s } from "react";
-const f = s(({
-  orientation: r = "horizontal",
-  color: o,
-  className: a,
-  ...m
-}) => /* @__PURE__ */ t(
-  e,
-  {
-    as: "div",
-    role: "separator",
-    className: i(p.recipe({ orientation: r, color: o }), a),
-    ...m,
-    "aria-orientation": r
-  }
-));
-f.displayName = "Separator";
+import { jsx as o, jsxs as c, Fragment as h } from "react/jsx-runtime";
+import i from "../box/Box.js";
+import f from "../../foundation/typography/Typography.js";
+import "../../foundation/typography/styles/Typography.css.js";
+import { SEPARATOR_STYLES as r } from "./styles/Separator.css.js";
+import { cn as t } from "../../../utils/cn.js";
+import { memo as d } from "react";
+const x = d(({
+  orientation: a = "horizontal",
+  color: n,
+  textColor: m = "textTertiary",
+  label: e,
+  className: s,
+  ...p
+}) => {
+  const l = e !== void 0 && e.length > 0;
+  return /* @__PURE__ */ o(
+    i,
+    {
+      as: "div",
+      role: "separator",
+      className: t(
+        r.recipe({ orientation: a, color: n, hasLabel: l }),
+        s
+      ),
+      ...p,
+      "aria-orientation": a,
+      children: l ? /* @__PURE__ */ c(h, { children: [
+        /* @__PURE__ */ o(
+          i,
+          {
+            as: "span",
+            className: t(
+              r.line,
+              a === "horizontal" ? r.horizontalLine : r.verticalLine
+            )
+          }
+        ),
+        /* @__PURE__ */ o(
+          f,
+          {
+            variant: "label",
+            color: m,
+            flexShrink: 0,
+            children: e
+          }
+        ),
+        /* @__PURE__ */ o(
+          i,
+          {
+            as: "span",
+            className: t(
+              r.line,
+              a === "horizontal" ? r.horizontalLine : r.verticalLine
+            )
+          }
+        )
+      ] }) : null
+    }
+  );
+});
+x.displayName = "Separator";
 export {
-  f as default
+  x as default
 };
 //# sourceMappingURL=Separator.js.map

package/dist/components/layout/separator/Separator.js.map

@@ -1 +1 @@
-{"version":3,"file":"Separator.js","sources":["../../../../src/components/layout/separator/Separator.tsx"],"sourcesContent":["import Box from '@components/layout/box/Box.tsx'\r\nimport { SEPARATOR_STYLES } from '@components/layout/separator/styles/Separator.css.ts'\r\nimport type { SeparatorProps } from '@components/layout/separator/types/Separator.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\n/**\r\n * A thin visual divider used to separate content.\r\n * Renders a horizontal line by default; use `orientation=\"vertical\"` for a vertical rule.\r\n */\r\nconst Separator: FC<SeparatorProps> = memo(({\r\n    orientation = 'horizontal',\r\n    color,\r\n    className,\r\n    ...props\r\n}) => {\r\n    return (\r\n        <Box\r\n            as={'div'}\r\n            role={'separator'}\r\n            className={cn(SEPARATOR_STYLES.recipe({ orientation, color }), className)}\r\n            {...props}\r\n            aria-orientation={orientation}\r\n        />\r\n    )\r\n})\r\n\r\nSeparator.displayName = 'Separator'\r\n\r\nexport default Separator\r\n"],"names":["Separator","memo","orientation","color","className","props","jsx","Box","cn","SEPARATOR_STYLES"],"mappings":";;;;;AAUA,MAAMA,IAAgCC,EAAK,CAAC;AAAA,EACxC,aAAAC,IAAc;AAAA,EACd,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACP,MAEQ,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,WAAWC,EAAGC,EAAiB,OAAO,EAAE,aAAAP,GAAa,OAAAC,EAAA,CAAO,GAAGC,CAAS;AAAA,IACvE,GAAGC;AAAA,IACJ,oBAAkBH;AAAA,EAAA;AAAA,CAG7B;AAEDF,EAAU,cAAc;"}
+{"version":3,"file":"Separator.js","sources":["../../../../src/components/layout/separator/Separator.tsx"],"sourcesContent":["import Box from '@components/layout/box/Box.tsx'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { SEPARATOR_STYLES } from '@components/layout/separator/styles/Separator.css.ts'\r\nimport type { SeparatorProps } from '@components/layout/separator/types/Separator.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\n/**\r\n * A thin visual divider used to separate content.\r\n * Renders a horizontal line by default; use `orientation=\"vertical\"` for a vertical rule.\r\n */\r\nconst Separator: FC<SeparatorProps> = memo(({\r\n    orientation = 'horizontal',\r\n    color,\r\n    textColor = 'textTertiary',\r\n    label,\r\n    className,\r\n    ...props\r\n}) => {\r\n    const hasLabel = label !== undefined && label.length > 0\r\n\r\n    return (\r\n        <Box\r\n            as={'div'}\r\n            role={'separator'}\r\n            className={cn(\r\n                SEPARATOR_STYLES.recipe({ orientation, color, hasLabel }),\r\n                className,\r\n            )}\r\n            {...props}\r\n            aria-orientation={orientation}\r\n        >\r\n            {hasLabel ? (\r\n                <>\r\n                    <Box\r\n                        as={'span'}\r\n                        className={cn(\r\n                            SEPARATOR_STYLES.line,\r\n                            orientation === 'horizontal'\r\n                                ? SEPARATOR_STYLES.horizontalLine\r\n                                : SEPARATOR_STYLES.verticalLine,\r\n                        )}\r\n                    />\r\n                    <Typography\r\n                        variant={'label'}\r\n                        color={textColor}\r\n                        flexShrink={0}\r\n                    >\r\n                        {label}\r\n                    </Typography>\r\n                    <Box\r\n                        as={'span'}\r\n                        className={cn(\r\n                            SEPARATOR_STYLES.line,\r\n                            orientation === 'horizontal'\r\n                                ? SEPARATOR_STYLES.horizontalLine\r\n                                : SEPARATOR_STYLES.verticalLine,\r\n                        )}\r\n                    />\r\n                </>\r\n            ) : null}\r\n        </Box>\r\n    )\r\n})\r\n\r\nSeparator.displayName = 'Separator'\r\n\r\nexport default Separator\r\n"],"names":["Separator","memo","orientation","color","textColor","label","className","props","hasLabel","jsx","Box","cn","SEPARATOR_STYLES","jsxs","Fragment","Typography"],"mappings":";;;;;;;AAWA,MAAMA,IAAgCC,EAAK,CAAC;AAAA,EACxC,aAAAC,IAAc;AAAA,EACd,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAAWH,MAAU,UAAaA,EAAM,SAAS;AAEvD,SACI,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,WAAWC;AAAA,QACPC,EAAiB,OAAO,EAAE,aAAAV,GAAa,OAAAC,GAAO,UAAAK,GAAU;AAAA,QACxDF;AAAA,MAAA;AAAA,MAEH,GAAGC;AAAA,MACJ,oBAAkBL;AAAA,MAEjB,cACG,gBAAAW,EAAAC,GAAA,EACI,UAAA;AAAA,QAAA,gBAAAL;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,IAAI;AAAA,YACJ,WAAWC;AAAA,cACPC,EAAiB;AAAA,cACjBV,MAAgB,eACVU,EAAiB,iBACjBA,EAAiB;AAAA,YAAA;AAAA,UAC3B;AAAA,QAAA;AAAA,QAEJ,gBAAAH;AAAA,UAACM;AAAA,UAAA;AAAA,YACG,SAAS;AAAA,YACT,OAAOX;AAAA,YACP,YAAY;AAAA,YAEX,UAAAC;AAAA,UAAA;AAAA,QAAA;AAAA,QAEL,gBAAAI;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,IAAI;AAAA,YACJ,WAAWC;AAAA,cACPC,EAAiB;AAAA,cACjBV,MAAgB,eACVU,EAAiB,iBACjBA,EAAiB;AAAA,YAAA;AAAA,UAC3B;AAAA,QAAA;AAAA,MACJ,EAAA,CACJ,IACA;AAAA,IAAA;AAAA,EAAA;AAGhB,CAAC;AAEDZ,EAAU,cAAc;"}

package/dist/components/layout/separator/index.d.ts

@@ -1,4 +1,4 @@
 export { default as Separator } from './Separator.tsx';
 export { SEPARATOR_STYLES } from './styles/Separator.css.ts';
 export type { SeparatorProps } from './types/Separator.props.ts';
-export type { SeparatorColor, SeparatorOrientation, } from './types/Separator.types.ts';
+export type { SeparatorColor, SeparatorOrientation, SeparatorTextColor, } from './types/Separator.types.ts';

package/dist/components/layout/separator/styles/Separator.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit45.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                               */const t=require("@vanilla-extract/recipes/createRuntimeFn");var e={recipe:t.createRuntimeFn({defaultClassName:"_15tx3000",variantClassNames:{orientation:{horizontal:"_15tx3001",vertical:"_15tx3002"},color:{background:"_15tx3003",foreground:"_15tx3004",text:"_15tx3005",textSecondary:"_15tx3006",textTertiary:"_15tx3007",card:"_15tx3008",cardForeground:"_15tx3009",popover:"_15tx300a",popoverForeground:"_15tx300b",muted:"_15tx300c",mutedForeground:"_15tx300d",overlay:"_15tx300e",primary:"_15tx300f",primaryHover:"_15tx300g",primaryActive:"_15tx300h",primaryForeground:"_15tx300i",primarySubtle:"_15tx300j",primarySubtleHover:"_15tx300k",primarySubtleActive:"_15tx300l",primarySubtleForeground:"_15tx300m",primarySubtleBorder:"_15tx300n",link:"_15tx300o",linkHover:"_15tx300p",linkActive:"_15tx300q",secondary:"_15tx300r",secondaryHover:"_15tx300s",secondaryActive:"_15tx300t",secondaryForeground:"_15tx300u",secondarySubtle:"_15tx300v",secondarySubtleHover:"_15tx300w",secondarySubtleActive:"_15tx300x",secondarySubtleForeground:"_15tx300y",secondarySubtleBorder:"_15tx300z",tertiary:"_15tx30010",tertiaryHover:"_15tx30011",tertiaryActive:"_15tx30012",tertiaryForeground:"_15tx30013",tertiarySubtle:"_15tx30014",tertiarySubtleHover:"_15tx30015",tertiarySubtleActive:"_15tx30016",tertiarySubtleForeground:"_15tx30017",tertiarySubtleBorder:"_15tx30018",success:"_15tx30019",successHover:"_15tx3001a",successActive:"_15tx3001b",successForeground:"_15tx3001c",successSubtle:"_15tx3001d",successSubtleHover:"_15tx3001e",successSubtleActive:"_15tx3001f",successSubtleForeground:"_15tx3001g",successSubtleBorder:"_15tx3001h",warning:"_15tx3001i",warningHover:"_15tx3001j",warningActive:"_15tx3001k",warningForeground:"_15tx3001l",warningSubtle:"_15tx3001m",warningSubtleHover:"_15tx3001n",warningSubtleActive:"_15tx3001o",warningSubtleForeground:"_15tx3001p",warningSubtleBorder:"_15tx3001q",info:"_15tx3001r",infoHover:"_15tx3001s",infoActive:"_15tx3001t",infoForeground:"_15tx3001u",infoSubtle:"_15tx3001v",infoSubtleHover:"_15tx3001w",infoSubtleActive:"_15tx3001x",infoSubtleForeground:"_15tx3001y",infoSubtleBorder:"_15tx3001z",destructive:"_15tx30020",destructiveHover:"_15tx30021",destructiveActive:"_15tx30022",destructiveForeground:"_15tx30023",destructiveSubtle:"_15tx30024",destructiveSubtleHover:"_15tx30025",destructiveSubtleActive:"_15tx30026",destructiveSubtleForeground:"_15tx30027",destructiveSubtleBorder:"_15tx30028",purple:"_15tx30029",purpleHover:"_15tx3002a",purpleActive:"_15tx3002b",purpleForeground:"_15tx3002c",purpleSubtle:"_15tx3002d",purpleSubtleHover:"_15tx3002e",purpleSubtleActive:"_15tx3002f",purpleSubtleForeground:"_15tx3002g",purpleSubtleBorder:"_15tx3002h",pink:"_15tx3002i",pinkHover:"_15tx3002j",pinkActive:"_15tx3002k",pinkForeground:"_15tx3002l",pinkSubtle:"_15tx3002m",pinkSubtleHover:"_15tx3002n",pinkSubtleActive:"_15tx3002o",pinkSubtleForeground:"_15tx3002p",pinkSubtleBorder:"_15tx3002q",orange:"_15tx3002r",orangeHover:"_15tx3002s",orangeActive:"_15tx3002t",orangeForeground:"_15tx3002u",orangeSubtle:"_15tx3002v",orangeSubtleHover:"_15tx3002w",orangeSubtleActive:"_15tx3002x",orangeSubtleForeground:"_15tx3002y",orangeSubtleBorder:"_15tx3002z",teal:"_15tx30030",tealHover:"_15tx30031",tealActive:"_15tx30032",tealForeground:"_15tx30033",tealSubtle:"_15tx30034",tealSubtleHover:"_15tx30035",tealSubtleActive:"_15tx30036",tealSubtleForeground:"_15tx30037",tealSubtleBorder:"_15tx30038",cyan:"_15tx30039",cyanHover:"_15tx3003a",cyanActive:"_15tx3003b",cyanForeground:"_15tx3003c",cyanSubtle:"_15tx3003d",cyanSubtleHover:"_15tx3003e",cyanSubtleActive:"_15tx3003f",cyanSubtleForeground:"_15tx3003g",cyanSubtleBorder:"_15tx3003h",indigo:"_15tx3003i",indigoHover:"_15tx3003j",indigoActive:"_15tx3003k",indigoForeground:"_15tx3003l",indigoSubtle:"_15tx3003m",indigoSubtleHover:"_15tx3003n",indigoSubtleActive:"_15tx3003o",indigoSubtleForeground:"_15tx3003p",indigoSubtleBorder:"_15tx3003q",border:"_15tx3003r",borderStrong:"_15tx3003s",input:"_15tx3003t",ring:"_15tx3003u",highlight:"_15tx3003v",highlightForeground:"_15tx3003w",skeleton:"_15tx3003x",skeletonForeground:"_15tx3003y",transparent:"_15tx3003z"}},defaultVariants:{orientation:"horizontal"},compoundVariants:[]})};exports.SEPARATOR_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit83.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                               */const t=require("@vanilla-extract/recipes/createRuntimeFn");var e={line:"_15tx3000",horizontalLine:"_15tx3001",verticalLine:"_15tx3002",recipe:t.createRuntimeFn({defaultClassName:"_15tx3003",variantClassNames:{orientation:{horizontal:"_15tx3004",vertical:"_15tx3005"},color:{background:"_15tx3006",foreground:"_15tx3007",text:"_15tx3008",textSecondary:"_15tx3009",textTertiary:"_15tx300a",card:"_15tx300b",cardForeground:"_15tx300c",popover:"_15tx300d",popoverForeground:"_15tx300e",muted:"_15tx300f",mutedForeground:"_15tx300g",overlay:"_15tx300h",primary:"_15tx300i",primaryHover:"_15tx300j",primaryActive:"_15tx300k",primaryForeground:"_15tx300l",primarySubtle:"_15tx300m",primarySubtleHover:"_15tx300n",primarySubtleActive:"_15tx300o",primarySubtleForeground:"_15tx300p",primarySubtleBorder:"_15tx300q",link:"_15tx300r",linkHover:"_15tx300s",linkActive:"_15tx300t",secondary:"_15tx300u",secondaryHover:"_15tx300v",secondaryActive:"_15tx300w",secondaryForeground:"_15tx300x",secondarySubtle:"_15tx300y",secondarySubtleHover:"_15tx300z",secondarySubtleActive:"_15tx30010",secondarySubtleForeground:"_15tx30011",secondarySubtleBorder:"_15tx30012",tertiary:"_15tx30013",tertiaryHover:"_15tx30014",tertiaryActive:"_15tx30015",tertiaryForeground:"_15tx30016",tertiarySubtle:"_15tx30017",tertiarySubtleHover:"_15tx30018",tertiarySubtleActive:"_15tx30019",tertiarySubtleForeground:"_15tx3001a",tertiarySubtleBorder:"_15tx3001b",success:"_15tx3001c",successHover:"_15tx3001d",successActive:"_15tx3001e",successForeground:"_15tx3001f",successSubtle:"_15tx3001g",successSubtleHover:"_15tx3001h",successSubtleActive:"_15tx3001i",successSubtleForeground:"_15tx3001j",successSubtleBorder:"_15tx3001k",warning:"_15tx3001l",warningHover:"_15tx3001m",warningActive:"_15tx3001n",warningForeground:"_15tx3001o",warningSubtle:"_15tx3001p",warningSubtleHover:"_15tx3001q",warningSubtleActive:"_15tx3001r",warningSubtleForeground:"_15tx3001s",warningSubtleBorder:"_15tx3001t",info:"_15tx3001u",infoHover:"_15tx3001v",infoActive:"_15tx3001w",infoForeground:"_15tx3001x",infoSubtle:"_15tx3001y",infoSubtleHover:"_15tx3001z",infoSubtleActive:"_15tx30020",infoSubtleForeground:"_15tx30021",infoSubtleBorder:"_15tx30022",destructive:"_15tx30023",destructiveHover:"_15tx30024",destructiveActive:"_15tx30025",destructiveForeground:"_15tx30026",destructiveSubtle:"_15tx30027",destructiveSubtleHover:"_15tx30028",destructiveSubtleActive:"_15tx30029",destructiveSubtleForeground:"_15tx3002a",destructiveSubtleBorder:"_15tx3002b",purple:"_15tx3002c",purpleHover:"_15tx3002d",purpleActive:"_15tx3002e",purpleForeground:"_15tx3002f",purpleSubtle:"_15tx3002g",purpleSubtleHover:"_15tx3002h",purpleSubtleActive:"_15tx3002i",purpleSubtleForeground:"_15tx3002j",purpleSubtleBorder:"_15tx3002k",pink:"_15tx3002l",pinkHover:"_15tx3002m",pinkActive:"_15tx3002n",pinkForeground:"_15tx3002o",pinkSubtle:"_15tx3002p",pinkSubtleHover:"_15tx3002q",pinkSubtleActive:"_15tx3002r",pinkSubtleForeground:"_15tx3002s",pinkSubtleBorder:"_15tx3002t",orange:"_15tx3002u",orangeHover:"_15tx3002v",orangeActive:"_15tx3002w",orangeForeground:"_15tx3002x",orangeSubtle:"_15tx3002y",orangeSubtleHover:"_15tx3002z",orangeSubtleActive:"_15tx30030",orangeSubtleForeground:"_15tx30031",orangeSubtleBorder:"_15tx30032",teal:"_15tx30033",tealHover:"_15tx30034",tealActive:"_15tx30035",tealForeground:"_15tx30036",tealSubtle:"_15tx30037",tealSubtleHover:"_15tx30038",tealSubtleActive:"_15tx30039",tealSubtleForeground:"_15tx3003a",tealSubtleBorder:"_15tx3003b",cyan:"_15tx3003c",cyanHover:"_15tx3003d",cyanActive:"_15tx3003e",cyanForeground:"_15tx3003f",cyanSubtle:"_15tx3003g",cyanSubtleHover:"_15tx3003h",cyanSubtleActive:"_15tx3003i",cyanSubtleForeground:"_15tx3003j",cyanSubtleBorder:"_15tx3003k",indigo:"_15tx3003l",indigoHover:"_15tx3003m",indigoActive:"_15tx3003n",indigoForeground:"_15tx3003o",indigoSubtle:"_15tx3003p",indigoSubtleHover:"_15tx3003q",indigoSubtleActive:"_15tx3003r",indigoSubtleForeground:"_15tx3003s",indigoSubtleBorder:"_15tx3003t",border:"_15tx3003u",borderStrong:"_15tx3003v",ring:"_15tx3003w",highlight:"_15tx3003x",highlightForeground:"_15tx3003y",skeleton:"_15tx3003z",skeletonForeground:"_15tx30040",transparent:"_15tx30041"},hasLabel:{true:"_15tx30042",false:"_15tx30043"}},defaultVariants:{orientation:"horizontal"},compoundVariants:[[{orientation:"horizontal",hasLabel:!0},"_15tx30044"],[{orientation:"vertical",hasLabel:!0},"_15tx30045"]]})};exports.SEPARATOR_STYLES=e;
 //# sourceMappingURL=Separator.css.cjs.map

package/dist/components/layout/separator/styles/Separator.css.d.ts

@@ -1,5 +1,8 @@
 import { RuntimeFn } from '@vanilla-extract/recipes';
 export declare const SEPARATOR_STYLES: {
+    line: string;
+    horizontalLine: string;
+    verticalLine: string;
     recipe: RuntimeFn<{
         orientation: {
             horizontal: {
@@ -11,6 +14,16 @@ export declare const SEPARATOR_STYLES: {
                 height: "100%";
             };
         };
-        color: Record<"background" | "foreground" | "text" | "textSecondary" | "textTertiary" | "card" | "cardForeground" | "popover" | "popoverForeground" | "muted" | "mutedForeground" | "overlay" | "primary" | "primaryHover" | "primaryActive" | "primaryForeground" | "primarySubtle" | "primarySubtleHover" | "primarySubtleActive" | "primarySubtleForeground" | "primarySubtleBorder" | "link" | "linkHover" | "linkActive" | "secondary" | "secondaryHover" | "secondaryActive" | "secondaryForeground" | "secondarySubtle" | "secondarySubtleHover" | "secondarySubtleActive" | "secondarySubtleForeground" | "secondarySubtleBorder" | "tertiary" | "tertiaryHover" | "tertiaryActive" | "tertiaryForeground" | "tertiarySubtle" | "tertiarySubtleHover" | "tertiarySubtleActive" | "tertiarySubtleForeground" | "tertiarySubtleBorder" | "success" | "successHover" | "successActive" | "successForeground" | "successSubtle" | "successSubtleHover" | "successSubtleActive" | "successSubtleForeground" | "successSubtleBorder" | "warning" | "warningHover" | "warningActive" | "warningForeground" | "warningSubtle" | "warningSubtleHover" | "warningSubtleActive" | "warningSubtleForeground" | "warningSubtleBorder" | "info" | "infoHover" | "infoActive" | "infoForeground" | "infoSubtle" | "infoSubtleHover" | "infoSubtleActive" | "infoSubtleForeground" | "infoSubtleBorder" | "destructive" | "destructiveHover" | "destructiveActive" | "destructiveForeground" | "destructiveSubtle" | "destructiveSubtleHover" | "destructiveSubtleActive" | "destructiveSubtleForeground" | "destructiveSubtleBorder" | "purple" | "purpleHover" | "purpleActive" | "purpleForeground" | "purpleSubtle" | "purpleSubtleHover" | "purpleSubtleActive" | "purpleSubtleForeground" | "purpleSubtleBorder" | "pink" | "pinkHover" | "pinkActive" | "pinkForeground" | "pinkSubtle" | "pinkSubtleHover" | "pinkSubtleActive" | "pinkSubtleForeground" | "pinkSubtleBorder" | "orange" | "orangeHover" | "orangeActive" | "orangeForeground" | "orangeSubtle" | "orangeSubtleHover" | "orangeSubtleActive" | "orangeSubtleForeground" | "orangeSubtleBorder" | "teal" | "tealHover" | "tealActive" | "tealForeground" | "tealSubtle" | "tealSubtleHover" | "tealSubtleActive" | "tealSubtleForeground" | "tealSubtleBorder" | "cyan" | "cyanHover" | "cyanActive" | "cyanForeground" | "cyanSubtle" | "cyanSubtleHover" | "cyanSubtleActive" | "cyanSubtleForeground" | "cyanSubtleBorder" | "indigo" | "indigoHover" | "indigoActive" | "indigoForeground" | "indigoSubtle" | "indigoSubtleHover" | "indigoSubtleActive" | "indigoSubtleForeground" | "indigoSubtleBorder" | "border" | "borderStrong" | "input" | "ring" | "highlight" | "highlightForeground" | "skeleton" | "skeletonForeground" | "transparent", Record<string, string>>;
+        color: Record<"background" | "foreground" | "text" | "textSecondary" | "textTertiary" | "card" | "cardForeground" | "popover" | "popoverForeground" | "muted" | "mutedForeground" | "overlay" | "primary" | "primaryHover" | "primaryActive" | "primaryForeground" | "primarySubtle" | "primarySubtleHover" | "primarySubtleActive" | "primarySubtleForeground" | "primarySubtleBorder" | "link" | "linkHover" | "linkActive" | "secondary" | "secondaryHover" | "secondaryActive" | "secondaryForeground" | "secondarySubtle" | "secondarySubtleHover" | "secondarySubtleActive" | "secondarySubtleForeground" | "secondarySubtleBorder" | "tertiary" | "tertiaryHover" | "tertiaryActive" | "tertiaryForeground" | "tertiarySubtle" | "tertiarySubtleHover" | "tertiarySubtleActive" | "tertiarySubtleForeground" | "tertiarySubtleBorder" | "success" | "successHover" | "successActive" | "successForeground" | "successSubtle" | "successSubtleHover" | "successSubtleActive" | "successSubtleForeground" | "successSubtleBorder" | "warning" | "warningHover" | "warningActive" | "warningForeground" | "warningSubtle" | "warningSubtleHover" | "warningSubtleActive" | "warningSubtleForeground" | "warningSubtleBorder" | "info" | "infoHover" | "infoActive" | "infoForeground" | "infoSubtle" | "infoSubtleHover" | "infoSubtleActive" | "infoSubtleForeground" | "infoSubtleBorder" | "destructive" | "destructiveHover" | "destructiveActive" | "destructiveForeground" | "destructiveSubtle" | "destructiveSubtleHover" | "destructiveSubtleActive" | "destructiveSubtleForeground" | "destructiveSubtleBorder" | "purple" | "purpleHover" | "purpleActive" | "purpleForeground" | "purpleSubtle" | "purpleSubtleHover" | "purpleSubtleActive" | "purpleSubtleForeground" | "purpleSubtleBorder" | "pink" | "pinkHover" | "pinkActive" | "pinkForeground" | "pinkSubtle" | "pinkSubtleHover" | "pinkSubtleActive" | "pinkSubtleForeground" | "pinkSubtleBorder" | "orange" | "orangeHover" | "orangeActive" | "orangeForeground" | "orangeSubtle" | "orangeSubtleHover" | "orangeSubtleActive" | "orangeSubtleForeground" | "orangeSubtleBorder" | "teal" | "tealHover" | "tealActive" | "tealForeground" | "tealSubtle" | "tealSubtleHover" | "tealSubtleActive" | "tealSubtleForeground" | "tealSubtleBorder" | "cyan" | "cyanHover" | "cyanActive" | "cyanForeground" | "cyanSubtle" | "cyanSubtleHover" | "cyanSubtleActive" | "cyanSubtleForeground" | "cyanSubtleBorder" | "indigo" | "indigoHover" | "indigoActive" | "indigoForeground" | "indigoSubtle" | "indigoSubtleHover" | "indigoSubtleActive" | "indigoSubtleForeground" | "indigoSubtleBorder" | "border" | "borderStrong" | "ring" | "highlight" | "highlightForeground" | "skeleton" | "skeletonForeground" | "transparent", Record<string, string>>;
+        hasLabel: {
+            true: {
+                display: "flex";
+                alignItems: "center";
+                justifyContent: "center";
+                gap: `var(--${string})`;
+                backgroundColor: "transparent";
+            };
+            false: {};
+        };
     }>;
 };

package/dist/components/layout/separator/styles/Separator.css.js

@@ -1,7 +1,7 @@
-import '../../../../ui-kit45.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit83.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                             */
 import { createRuntimeFn as t } from "@vanilla-extract/recipes/createRuntimeFn";
-var x = { recipe: t({ defaultClassName: "_15tx3000", variantClassNames: { orientation: { horizontal: "_15tx3001", vertical: "_15tx3002" }, color: { background: "_15tx3003", foreground: "_15tx3004", text: "_15tx3005", textSecondary: "_15tx3006", textTertiary: "_15tx3007", card: "_15tx3008", cardForeground: "_15tx3009", popover: "_15tx300a", popoverForeground: "_15tx300b", muted: "_15tx300c", mutedForeground: "_15tx300d", overlay: "_15tx300e", primary: "_15tx300f", primaryHover: "_15tx300g", primaryActive: "_15tx300h", primaryForeground: "_15tx300i", primarySubtle: "_15tx300j", primarySubtleHover: "_15tx300k", primarySubtleActive: "_15tx300l", primarySubtleForeground: "_15tx300m", primarySubtleBorder: "_15tx300n", link: "_15tx300o", linkHover: "_15tx300p", linkActive: "_15tx300q", secondary: "_15tx300r", secondaryHover: "_15tx300s", secondaryActive: "_15tx300t", secondaryForeground: "_15tx300u", secondarySubtle: "_15tx300v", secondarySubtleHover: "_15tx300w", secondarySubtleActive: "_15tx300x", secondarySubtleForeground: "_15tx300y", secondarySubtleBorder: "_15tx300z", tertiary: "_15tx30010", tertiaryHover: "_15tx30011", tertiaryActive: "_15tx30012", tertiaryForeground: "_15tx30013", tertiarySubtle: "_15tx30014", tertiarySubtleHover: "_15tx30015", tertiarySubtleActive: "_15tx30016", tertiarySubtleForeground: "_15tx30017", tertiarySubtleBorder: "_15tx30018", success: "_15tx30019", successHover: "_15tx3001a", successActive: "_15tx3001b", successForeground: "_15tx3001c", successSubtle: "_15tx3001d", successSubtleHover: "_15tx3001e", successSubtleActive: "_15tx3001f", successSubtleForeground: "_15tx3001g", successSubtleBorder: "_15tx3001h", warning: "_15tx3001i", warningHover: "_15tx3001j", warningActive: "_15tx3001k", warningForeground: "_15tx3001l", warningSubtle: "_15tx3001m", warningSubtleHover: "_15tx3001n", warningSubtleActive: "_15tx3001o", warningSubtleForeground: "_15tx3001p", warningSubtleBorder: "_15tx3001q", info: "_15tx3001r", infoHover: "_15tx3001s", infoActive: "_15tx3001t", infoForeground: "_15tx3001u", infoSubtle: "_15tx3001v", infoSubtleHover: "_15tx3001w", infoSubtleActive: "_15tx3001x", infoSubtleForeground: "_15tx3001y", infoSubtleBorder: "_15tx3001z", destructive: "_15tx30020", destructiveHover: "_15tx30021", destructiveActive: "_15tx30022", destructiveForeground: "_15tx30023", destructiveSubtle: "_15tx30024", destructiveSubtleHover: "_15tx30025", destructiveSubtleActive: "_15tx30026", destructiveSubtleForeground: "_15tx30027", destructiveSubtleBorder: "_15tx30028", purple: "_15tx30029", purpleHover: "_15tx3002a", purpleActive: "_15tx3002b", purpleForeground: "_15tx3002c", purpleSubtle: "_15tx3002d", purpleSubtleHover: "_15tx3002e", purpleSubtleActive: "_15tx3002f", purpleSubtleForeground: "_15tx3002g", purpleSubtleBorder: "_15tx3002h", pink: "_15tx3002i", pinkHover: "_15tx3002j", pinkActive: "_15tx3002k", pinkForeground: "_15tx3002l", pinkSubtle: "_15tx3002m", pinkSubtleHover: "_15tx3002n", pinkSubtleActive: "_15tx3002o", pinkSubtleForeground: "_15tx3002p", pinkSubtleBorder: "_15tx3002q", orange: "_15tx3002r", orangeHover: "_15tx3002s", orangeActive: "_15tx3002t", orangeForeground: "_15tx3002u", orangeSubtle: "_15tx3002v", orangeSubtleHover: "_15tx3002w", orangeSubtleActive: "_15tx3002x", orangeSubtleForeground: "_15tx3002y", orangeSubtleBorder: "_15tx3002z", teal: "_15tx30030", tealHover: "_15tx30031", tealActive: "_15tx30032", tealForeground: "_15tx30033", tealSubtle: "_15tx30034", tealSubtleHover: "_15tx30035", tealSubtleActive: "_15tx30036", tealSubtleForeground: "_15tx30037", tealSubtleBorder: "_15tx30038", cyan: "_15tx30039", cyanHover: "_15tx3003a", cyanActive: "_15tx3003b", cyanForeground: "_15tx3003c", cyanSubtle: "_15tx3003d", cyanSubtleHover: "_15tx3003e", cyanSubtleActive: "_15tx3003f", cyanSubtleForeground: "_15tx3003g", cyanSubtleBorder: "_15tx3003h", indigo: "_15tx3003i", indigoHover: "_15tx3003j", indigoActive: "_15tx3003k", indigoForeground: "_15tx3003l", indigoSubtle: "_15tx3003m", indigoSubtleHover: "_15tx3003n", indigoSubtleActive: "_15tx3003o", indigoSubtleForeground: "_15tx3003p", indigoSubtleBorder: "_15tx3003q", border: "_15tx3003r", borderStrong: "_15tx3003s", input: "_15tx3003t", ring: "_15tx3003u", highlight: "_15tx3003v", highlightForeground: "_15tx3003w", skeleton: "_15tx3003x", skeletonForeground: "_15tx3003y", transparent: "_15tx3003z" } }, defaultVariants: { orientation: "horizontal" }, compoundVariants: [] }) };
+var x = { line: "_15tx3000", horizontalLine: "_15tx3001", verticalLine: "_15tx3002", recipe: t({ defaultClassName: "_15tx3003", variantClassNames: { orientation: { horizontal: "_15tx3004", vertical: "_15tx3005" }, color: { background: "_15tx3006", foreground: "_15tx3007", text: "_15tx3008", textSecondary: "_15tx3009", textTertiary: "_15tx300a", card: "_15tx300b", cardForeground: "_15tx300c", popover: "_15tx300d", popoverForeground: "_15tx300e", muted: "_15tx300f", mutedForeground: "_15tx300g", overlay: "_15tx300h", primary: "_15tx300i", primaryHover: "_15tx300j", primaryActive: "_15tx300k", primaryForeground: "_15tx300l", primarySubtle: "_15tx300m", primarySubtleHover: "_15tx300n", primarySubtleActive: "_15tx300o", primarySubtleForeground: "_15tx300p", primarySubtleBorder: "_15tx300q", link: "_15tx300r", linkHover: "_15tx300s", linkActive: "_15tx300t", secondary: "_15tx300u", secondaryHover: "_15tx300v", secondaryActive: "_15tx300w", secondaryForeground: "_15tx300x", secondarySubtle: "_15tx300y", secondarySubtleHover: "_15tx300z", secondarySubtleActive: "_15tx30010", secondarySubtleForeground: "_15tx30011", secondarySubtleBorder: "_15tx30012", tertiary: "_15tx30013", tertiaryHover: "_15tx30014", tertiaryActive: "_15tx30015", tertiaryForeground: "_15tx30016", tertiarySubtle: "_15tx30017", tertiarySubtleHover: "_15tx30018", tertiarySubtleActive: "_15tx30019", tertiarySubtleForeground: "_15tx3001a", tertiarySubtleBorder: "_15tx3001b", success: "_15tx3001c", successHover: "_15tx3001d", successActive: "_15tx3001e", successForeground: "_15tx3001f", successSubtle: "_15tx3001g", successSubtleHover: "_15tx3001h", successSubtleActive: "_15tx3001i", successSubtleForeground: "_15tx3001j", successSubtleBorder: "_15tx3001k", warning: "_15tx3001l", warningHover: "_15tx3001m", warningActive: "_15tx3001n", warningForeground: "_15tx3001o", warningSubtle: "_15tx3001p", warningSubtleHover: "_15tx3001q", warningSubtleActive: "_15tx3001r", warningSubtleForeground: "_15tx3001s", warningSubtleBorder: "_15tx3001t", info: "_15tx3001u", infoHover: "_15tx3001v", infoActive: "_15tx3001w", infoForeground: "_15tx3001x", infoSubtle: "_15tx3001y", infoSubtleHover: "_15tx3001z", infoSubtleActive: "_15tx30020", infoSubtleForeground: "_15tx30021", infoSubtleBorder: "_15tx30022", destructive: "_15tx30023", destructiveHover: "_15tx30024", destructiveActive: "_15tx30025", destructiveForeground: "_15tx30026", destructiveSubtle: "_15tx30027", destructiveSubtleHover: "_15tx30028", destructiveSubtleActive: "_15tx30029", destructiveSubtleForeground: "_15tx3002a", destructiveSubtleBorder: "_15tx3002b", purple: "_15tx3002c", purpleHover: "_15tx3002d", purpleActive: "_15tx3002e", purpleForeground: "_15tx3002f", purpleSubtle: "_15tx3002g", purpleSubtleHover: "_15tx3002h", purpleSubtleActive: "_15tx3002i", purpleSubtleForeground: "_15tx3002j", purpleSubtleBorder: "_15tx3002k", pink: "_15tx3002l", pinkHover: "_15tx3002m", pinkActive: "_15tx3002n", pinkForeground: "_15tx3002o", pinkSubtle: "_15tx3002p", pinkSubtleHover: "_15tx3002q", pinkSubtleActive: "_15tx3002r", pinkSubtleForeground: "_15tx3002s", pinkSubtleBorder: "_15tx3002t", orange: "_15tx3002u", orangeHover: "_15tx3002v", orangeActive: "_15tx3002w", orangeForeground: "_15tx3002x", orangeSubtle: "_15tx3002y", orangeSubtleHover: "_15tx3002z", orangeSubtleActive: "_15tx30030", orangeSubtleForeground: "_15tx30031", orangeSubtleBorder: "_15tx30032", teal: "_15tx30033", tealHover: "_15tx30034", tealActive: "_15tx30035", tealForeground: "_15tx30036", tealSubtle: "_15tx30037", tealSubtleHover: "_15tx30038", tealSubtleActive: "_15tx30039", tealSubtleForeground: "_15tx3003a", tealSubtleBorder: "_15tx3003b", cyan: "_15tx3003c", cyanHover: "_15tx3003d", cyanActive: "_15tx3003e", cyanForeground: "_15tx3003f", cyanSubtle: "_15tx3003g", cyanSubtleHover: "_15tx3003h", cyanSubtleActive: "_15tx3003i", cyanSubtleForeground: "_15tx3003j", cyanSubtleBorder: "_15tx3003k", indigo: "_15tx3003l", indigoHover: "_15tx3003m", indigoActive: "_15tx3003n", indigoForeground: "_15tx3003o", indigoSubtle: "_15tx3003p", indigoSubtleHover: "_15tx3003q", indigoSubtleActive: "_15tx3003r", indigoSubtleForeground: "_15tx3003s", indigoSubtleBorder: "_15tx3003t", border: "_15tx3003u", borderStrong: "_15tx3003v", ring: "_15tx3003w", highlight: "_15tx3003x", highlightForeground: "_15tx3003y", skeleton: "_15tx3003z", skeletonForeground: "_15tx30040", transparent: "_15tx30041" }, hasLabel: { true: "_15tx30042", false: "_15tx30043" } }, defaultVariants: { orientation: "horizontal" }, compoundVariants: [[{ orientation: "horizontal", hasLabel: !0 }, "_15tx30044"], [{ orientation: "vertical", hasLabel: !0 }, "_15tx30045"]] }) };
 export {
   x as SEPARATOR_STYLES
 };

package/dist/components/layout/separator/types/Separator.props.d.ts

@@ -1,8 +1,12 @@
 import { BoxProps } from '../../box/types/Box.props.ts';
-import { SeparatorColor, SeparatorOrientation } from './Separator.types.ts';
+import { SeparatorColor, SeparatorOrientation, SeparatorTextColor } from './Separator.types.ts';
 export type SeparatorProps = Omit<BoxProps, 'children' | 'aria-orientation'> & {
     /** The orientation of the separator. Defaults to `horizontal`. */
     orientation?: SeparatorOrientation;
     /** The theme color token applied to the separator's background color. */
     color?: SeparatorColor;
+    /** The theme color token applied to the separator label. Defaults to `textTertiary`. */
+    textColor?: SeparatorTextColor;
+    /** Optional text displayed between the separator lines. */
+    label?: string;
 };