@choco-vanille/ui 1.5.1 → 1.5.2

package/dist/components/forms/text-field/TextField.js

@@ -1,141 +1,146 @@
 import { jsxs as x, jsx as o } from "react/jsx-runtime";
-import R from "../../actions/icon-button/IconButton.js";
+import U from "../../actions/icon-button/IconButton.js";
 import "../../actions/icon-button/styles/IconButton.css.js";
 import I from "./components/text-field-label/TextFieldLabel.js";
-import '../../../ui-kit79.css';import '../../../ui-kit80.css';import '../../../ui-kit75.css';import '../../../ui-kit2.css';import '../../../ui-kit.css';/* empty css                                         */
+import '../../../ui-kit87.css';import '../../../ui-kit85.css';import '../../../ui-kit77.css';import '../../../ui-kit2.css';import '../../../ui-kit.css';/* empty css                                         */
 /* empty css                                             */
 /* empty css                                                                     */
-import F from "./components/text-field-start-icon/TextFieldStartIcon.js";
+import v from "./components/text-field-start-icon/TextFieldStartIcon.js";
 /* empty css                                                                              */
-import b from "./components/text-field-end-action/TextFieldEndAction.js";
+import z from "./components/text-field-end-action/TextFieldEndAction.js";
 /* empty css                                                                              */
-import { TEXT_FIELD_STYLES as O } from "./styles/TextField.css.js";
-import U from "../_shared/components/helper-text/HelperText.js";
-import { fieldSizeToActionSize as X } from "./constants/index.js";
-import { useTextField as Y } from "./hooks/useTextfield.hook.js";
-import y from "../../layout/flex/Flex.js";
+import { TEXT_FIELD_STYLES as X } from "./styles/TextField.css.js";
+import Y from "../_shared/components/helper-text/HelperText.js";
+import { fieldSizeToActionSize as G } from "./constants/index.js";
+import { useTextField as J } from "./hooks/useTextfield.hook.js";
+import S from "../../layout/flex/Flex.js";
 import "../../layout/flex/styles/Flex.css.js";
 import { IconRegistry as T } from "../../../constants/icons.js";
-import { cn as G } from "../../../utils/cn.js";
-import { memo as J, useCallback as Q } from "react";
-const r = J((d) => {
+import { cn as Q } from "../../../utils/cn.js";
+import { vars as V } from "../../../theme/contract.css.js";
+import { memo as W, useCallback as Z } from "react";
+const r = W((d) => {
   const {
     inputId: a,
     helperId: l,
     hasError: i,
-    hasStartIcon: v,
+    hasStartIcon: F,
     hasEndAction: m,
-    handleMouseDown: S,
+    handleMouseDown: b,
     handleFocus: g,
     handleBlur: E,
-    resolvedType: z,
+    resolvedType: P,
     isPassword: A,
     showPassword: e,
     setShowPassword: p
-  } = Y(d), {
+  } = J(d), {
     disabled: c,
-    startIcon: h,
-    className: P,
-    width: u,
+    startIcon: f,
+    className: D,
+    width: h,
     error: t,
     helperText: n,
-    label: f,
-    required: w,
-    showRequiredIndicator: D = !0,
-    endAction: L,
-    size: q,
-    placeholder: B,
-    value: C,
-    onChange: N,
-    onKeyDown: _,
-    onKeyUp: j,
-    ref: k,
-    type: V,
-    ...H
-  } = d, s = q ?? "md", K = Q(
+    label: u,
+    required: y,
+    showRequiredIndicator: L = !0,
+    endAction: q,
+    size: B,
+    fontSize: w = "md",
+    placeholder: C,
+    value: N,
+    onChange: _,
+    onKeyDown: j,
+    onKeyUp: k,
+    ref: H,
+    style: K,
+    type: $,
+    ...M
+  } = d, s = B ?? "md", R = Z(
     () => p(!e),
     [p, e]
-  ), M = A ? /* @__PURE__ */ o(
-    R,
+  ), O = A ? /* @__PURE__ */ o(
+    U,
     {
       icon: e ? T.eyeOff : T.eye,
       "aria-label": e ? "Hide password" : "Show password",
       variant: "ghost",
       color: "primary",
-      size: X[s],
+      size: G[s],
       type: "button",
       tabIndex: -1,
-      onClick: K
+      onClick: R
     }
-  ) : L;
+  ) : q;
   return /* @__PURE__ */ x(
-    y,
+    S,
     {
       flexDirection: "column",
       gap: "xs",
       width: "100%",
       alignItems: "start",
-      style: u !== void 0 ? { width: u } : void 0,
+      style: h !== void 0 ? { width: h } : void 0,
       children: [
-        f && /* @__PURE__ */ o(
+        u && /* @__PURE__ */ o(
           I,
           {
             htmlFor: a,
             disabled: c,
-            required: w && D,
-            children: f
+            required: y && L,
+            fontSize: w,
+            children: u
           }
         ),
         /* @__PURE__ */ x(
-          y,
+          S,
           {
             position: "relative",
             width: "100%",
             gap: "none",
             children: [
-              h && /* @__PURE__ */ o(
-                F,
+              f && /* @__PURE__ */ o(
+                v,
                 {
-                  icon: h,
+                  icon: f,
                   size: s
                 }
               ),
               /* @__PURE__ */ o(
                 "input",
                 {
-                  ref: k,
+                  ref: H,
                   id: a,
-                  type: z,
+                  type: P,
                   disabled: c,
-                  required: w,
+                  required: y,
                   "aria-invalid": i || void 0,
                   "aria-describedby": t || n ? l : void 0,
-                  onMouseDown: S,
+                  onMouseDown: b,
                   onFocus: g,
                   onBlur: E,
-                  className: G(
-                    O.recipe({
+                  className: Q(
+                    X.recipe({
                       size: s,
                       hasError: i,
-                      hasStartIcon: v,
+                      hasStartIcon: F,
                       hasEndAction: m
                     }),
-                    P
+                    D
                   ),
-                  placeholder: B,
-                  value: C,
-                  onChange: N,
-                  onKeyDown: _,
-                  onKeyUp: j,
-                  ...H
+                  placeholder: C,
+                  value: N,
+                  onChange: _,
+                  onKeyDown: j,
+                  onKeyUp: k,
+                  ...M,
+                  style: { fontSize: V.fontSize[w], ...K }
                 }
               ),
-              m && /* @__PURE__ */ o(b, { children: M })
+              m && /* @__PURE__ */ o(z, { children: O })
             ]
           }
         ),
         (t || n) && /* @__PURE__ */ o(
-          U,
+          Y,
           {
             id: l,
             hasError: i,
@@ -148,8 +153,8 @@ const r = J((d) => {
 });
 r.displayName = "TextField";
 r.Label = I;
-r.StartIcon = F;
-r.EndAction = b;
+r.StartIcon = v;
+r.EndAction = z;
 export {
   r as default
 };

package/dist/components/forms/text-field/TextField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.js","sources":["../../../../src/components/forms/text-field/TextField.tsx"],"sourcesContent":["import { IconButton } from '@components/actions/icon-button'\r\nimport {\r\n    TextFieldLabel,\r\n    TextFieldStartIcon,\r\n    TextFieldEndAction,\r\n} from '@components/forms/text-field/components/index.ts'\r\nimport { TEXT_FIELD_STYLES } from '@components/forms/text-field/styles/TextField.css.ts'\r\nimport HelperText from '@components/forms/_shared/components/helper-text/HelperText.tsx'\r\nimport { fieldSizeToActionSize } from '@components/forms/text-field/constants'\r\nimport { useTextField } from '@components/forms/text-field/hooks/useTextfield.hook.tsx'\r\nimport type { TextFieldCompound } from '@components/forms/text-field/types'\r\nimport { Flex } from '@components/layout/flex'\r\nimport { IconRegistry } from '@constants/icons'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, useCallback } from 'react'\r\nimport type { TextFieldProps } from '@/components'\r\n\r\n/**\r\n  * A styled text input built with a native `<input>` and `<label>`.\r\n  *\r\n  * - `startIcon` - Iconify icon name rendered on the left.\r\n  * - `endAction` - any ReactNode (e.g. `<IconButton>`) rendered on the right.\r\n  * - `type=\"password\"` - auto-shows an eye-toggle `IconButton` (overrides `endAction`).\r\n  * - `width` - overrides the default `100%` wrapper width.\r\n  *\r\n  * Focus ring behavior: visible only on keyboard navigation (Tab). A click on the\r\n  * input shows the primary border without the ring halo, detected via `onMouseDown`\r\n  * and a `data-mouse-focus` attribute.\r\n  *\r\n  * @example\r\n  * ```tsx\r\n  * <TextField label=\"Email\" startIcon=\"lucide:mail\" placeholder=\"you@example.com\" />\r\n  * <TextField label=\"Password\" type=\"password\" />\r\n  * <TextField label=\"Search\" endAction={<IconButton icon=\"lucide:search\" aria-label=\"Search\" variant=\"ghost\" color=\"primary\" />} />\r\n  * <TextField label=\"Amount\" width=\"12rem\" />\r\n  * ```\r\n  */\r\nconst TextField = memo<TextFieldProps>((props) => {\r\n    const {\r\n        inputId,\r\n        helperId,\r\n        hasError,\r\n        hasStartIcon,\r\n        hasEndAction,\r\n        handleMouseDown,\r\n        handleFocus,\r\n        handleBlur,\r\n        resolvedType,\r\n        isPassword,\r\n        showPassword,\r\n        setShowPassword,\r\n    } = useTextField(props)\r\n\r\n    const {\r\n        disabled,\r\n        startIcon,\r\n        className,\r\n        width,\r\n        error,\r\n        helperText,\r\n        label,\r\n        required,\r\n        showRequiredIndicator = true,\r\n        endAction,\r\n        size: sizeProp,\r\n        placeholder,\r\n        value,\r\n        onChange,\r\n        onKeyDown,\r\n        onKeyUp,\r\n        ref,\r\n        type: _type,\r\n        ...inputProps\r\n    } = props\r\n    const size = sizeProp ?? 'md'\r\n\r\n    const handleTogglePassword = useCallback(\r\n        () => setShowPassword(!showPassword),\r\n        [setShowPassword, showPassword],\r\n    )\r\n\r\n    const resolvedEndAction = isPassword ? (\r\n        <IconButton\r\n            icon={showPassword ? IconRegistry.eyeOff : IconRegistry.eye}\r\n            aria-label={showPassword ? 'Hide password' : 'Show password'}\r\n            variant={'ghost'}\r\n            color={'primary'}\r\n            size={fieldSizeToActionSize[size]}\r\n            type={'button'}\r\n            tabIndex={-1}\r\n            onClick={handleTogglePassword}\r\n        />\r\n    ) : (\r\n        endAction\r\n    )\r\n\r\n    return (\r\n        <Flex\r\n            flexDirection={'column'}\r\n            gap={'xs'}\r\n            width={'100%'}\r\n            alignItems={'start'}\r\n            style={width !== undefined ? { width } : undefined}\r\n        >\r\n            {label && (\r\n                <TextFieldLabel\r\n                    htmlFor={inputId}\r\n                    disabled={disabled}\r\n                    required={required && showRequiredIndicator}\r\n                >\r\n                    {label}\r\n                </TextFieldLabel>\r\n            )}\r\n\r\n            <Flex\r\n                position={'relative'}\r\n                width={'100%'}\r\n                gap={'none'}\r\n            >\r\n                {startIcon && (\r\n                    <TextFieldStartIcon\r\n                        icon={startIcon}\r\n                        size={size}\r\n                    />\r\n                )}\r\n\r\n                <input\r\n                    ref={ref}\r\n                    id={inputId}\r\n                    // `type` is resolved by useTextField for password toggling.\r\n                    type={resolvedType}\r\n                    disabled={disabled}\r\n                    required={required}\r\n                    aria-invalid={hasError || undefined}\r\n                    aria-describedby={error || helperText ? helperId : undefined}\r\n                    onMouseDown={handleMouseDown}\r\n                    onFocus={handleFocus}\r\n                    onBlur={handleBlur}\r\n                    className={cn(\r\n                        TEXT_FIELD_STYLES.recipe({\r\n                            size,\r\n                            hasError,\r\n                            hasStartIcon,\r\n                            hasEndAction,\r\n                        }),\r\n                        className,\r\n                    )}\r\n                    placeholder={placeholder}\r\n                    value={value}\r\n                    onChange={onChange}\r\n                    onKeyDown={onKeyDown}\r\n                    onKeyUp={onKeyUp}\r\n                    {...inputProps}\r\n                />\r\n\r\n                {hasEndAction && (\r\n                    <TextFieldEndAction>{resolvedEndAction}</TextFieldEndAction>\r\n                )}\r\n            </Flex>\r\n\r\n            {(error || helperText) && (\r\n                <HelperText\r\n                    id={helperId}\r\n                    hasError={hasError}\r\n                >\r\n                    {error ?? helperText}\r\n                </HelperText>\r\n            )}\r\n        </Flex>\r\n    )\r\n}) as unknown as TextFieldCompound\r\n\r\nTextField.displayName = 'TextField'\r\nTextField.Label = TextFieldLabel\r\nTextField.StartIcon = TextFieldStartIcon\r\nTextField.EndAction = TextFieldEndAction\r\n\r\nexport default TextField\r\n"],"names":["TextField","memo","props","inputId","helperId","hasError","hasStartIcon","hasEndAction","handleMouseDown","handleFocus","handleBlur","resolvedType","isPassword","showPassword","setShowPassword","useTextField","disabled","startIcon","className","width","error","helperText","label","required","showRequiredIndicator","endAction","sizeProp","placeholder","value","onChange","onKeyDown","onKeyUp","ref","_type","inputProps","size","handleTogglePassword","useCallback","resolvedEndAction","jsx","IconButton","IconRegistry","fieldSizeToActionSize","jsxs","Flex","TextFieldLabel","TextFieldStartIcon","cn","TEXT_FIELD_STYLES","TextFieldEndAction","HelperText"],"mappings":"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"}
+{"version":3,"file":"TextField.js","sources":["../../../../src/components/forms/text-field/TextField.tsx"],"sourcesContent":["import { IconButton } from '@components/actions/icon-button'\r\nimport {\r\n    TextFieldLabel,\r\n    TextFieldStartIcon,\r\n    TextFieldEndAction,\r\n} from '@components/forms/text-field/components/index.ts'\r\nimport { TEXT_FIELD_STYLES } from '@components/forms/text-field/styles/TextField.css.ts'\r\nimport HelperText from '@components/forms/_shared/components/helper-text/HelperText.tsx'\r\nimport { fieldSizeToActionSize } from '@components/forms/text-field/constants'\r\nimport { useTextField } from '@components/forms/text-field/hooks/useTextfield.hook.tsx'\r\nimport type { TextFieldCompound } from '@components/forms/text-field/types'\r\nimport { Flex } from '@components/layout/flex'\r\nimport { IconRegistry } from '@constants/icons'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { vars } from '@theme/contract.css.ts'\r\nimport { memo, useCallback } from 'react'\r\nimport type { TextFieldProps } from '@/components'\r\n\r\n/**\r\n  * A styled text input built with a native `<input>` and `<label>`.\r\n  *\r\n  * - `startIcon` - Iconify icon name rendered on the left.\r\n  * - `endAction` - any ReactNode (e.g. `<IconButton>`) rendered on the right.\r\n  * - `type=\"password\"` - auto-shows an eye-toggle `IconButton` (overrides `endAction`).\r\n  * - `width` - overrides the default `100%` wrapper width.\r\n  *\r\n  * Focus ring behavior: visible only on keyboard navigation (Tab). A click on the\r\n  * input shows the primary border without the ring halo, detected via `onMouseDown`\r\n  * and a `data-mouse-focus` attribute.\r\n  *\r\n  * @example\r\n  * ```tsx\r\n  * <TextField label=\"Email\" startIcon=\"lucide:mail\" placeholder=\"you@example.com\" />\r\n  * <TextField label=\"Password\" type=\"password\" />\r\n  * <TextField label=\"Search\" endAction={<IconButton icon=\"lucide:search\" aria-label=\"Search\" variant=\"ghost\" color=\"primary\" />} />\r\n  * <TextField label=\"Amount\" width=\"12rem\" />\r\n  * ```\r\n  */\r\nconst TextField = memo<TextFieldProps>((props) => {\r\n    const {\r\n        inputId,\r\n        helperId,\r\n        hasError,\r\n        hasStartIcon,\r\n        hasEndAction,\r\n        handleMouseDown,\r\n        handleFocus,\r\n        handleBlur,\r\n        resolvedType,\r\n        isPassword,\r\n        showPassword,\r\n        setShowPassword,\r\n    } = useTextField(props)\r\n\r\n    const {\r\n        disabled,\r\n        startIcon,\r\n        className,\r\n        width,\r\n        error,\r\n        helperText,\r\n        label,\r\n        required,\r\n        showRequiredIndicator = true,\r\n        endAction,\r\n        size: sizeProp,\r\n        fontSize: fontSizeProp = 'md',\r\n        placeholder,\r\n        value,\r\n        onChange,\r\n        onKeyDown,\r\n        onKeyUp,\r\n        ref,\r\n        style: inputStyle,\r\n        type: _type,\r\n        ...inputProps\r\n    } = props\r\n    const size = sizeProp ?? 'md'\r\n\r\n    const handleTogglePassword = useCallback(\r\n        () => setShowPassword(!showPassword),\r\n        [setShowPassword, showPassword],\r\n    )\r\n\r\n    const resolvedEndAction = isPassword ? (\r\n        <IconButton\r\n            icon={showPassword ? IconRegistry.eyeOff : IconRegistry.eye}\r\n            aria-label={showPassword ? 'Hide password' : 'Show password'}\r\n            variant={'ghost'}\r\n            color={'primary'}\r\n            size={fieldSizeToActionSize[size]}\r\n            type={'button'}\r\n            tabIndex={-1}\r\n            onClick={handleTogglePassword}\r\n        />\r\n    ) : (\r\n        endAction\r\n    )\r\n\r\n    return (\r\n        <Flex\r\n            flexDirection={'column'}\r\n            gap={'xs'}\r\n            width={'100%'}\r\n            alignItems={'start'}\r\n            style={width !== undefined ? { width } : undefined}\r\n        >\r\n            {label && (\r\n                <TextFieldLabel\r\n                    htmlFor={inputId}\r\n                    disabled={disabled}\r\n                    required={required && showRequiredIndicator}\r\n                    fontSize={fontSizeProp}\r\n                >\r\n                    {label}\r\n                </TextFieldLabel>\r\n            )}\r\n\r\n            <Flex\r\n                position={'relative'}\r\n                width={'100%'}\r\n                gap={'none'}\r\n            >\r\n                {startIcon && (\r\n                    <TextFieldStartIcon\r\n                        icon={startIcon}\r\n                        size={size}\r\n                    />\r\n                )}\r\n\r\n                <input\r\n                    ref={ref}\r\n                    id={inputId}\r\n                    // `type` is resolved by useTextField for password toggling.\r\n                    type={resolvedType}\r\n                    disabled={disabled}\r\n                    required={required}\r\n                    aria-invalid={hasError || undefined}\r\n                    aria-describedby={error || helperText ? helperId : undefined}\r\n                    onMouseDown={handleMouseDown}\r\n                    onFocus={handleFocus}\r\n                    onBlur={handleBlur}\r\n                    className={cn(\r\n                        TEXT_FIELD_STYLES.recipe({\r\n                            size,\r\n                            hasError,\r\n                            hasStartIcon,\r\n                            hasEndAction,\r\n                        }),\r\n                        className,\r\n                    )}\r\n                    placeholder={placeholder}\r\n                    value={value}\r\n                    onChange={onChange}\r\n                    onKeyDown={onKeyDown}\r\n                    onKeyUp={onKeyUp}\r\n                    {...inputProps}\r\n                    style={{ fontSize: vars.fontSize[fontSizeProp], ...inputStyle }}\r\n                />\r\n\r\n                {hasEndAction && (\r\n                    <TextFieldEndAction>{resolvedEndAction}</TextFieldEndAction>\r\n                )}\r\n            </Flex>\r\n\r\n            {(error || helperText) && (\r\n                <HelperText\r\n                    id={helperId}\r\n                    hasError={hasError}\r\n                >\r\n                    {error ?? helperText}\r\n                </HelperText>\r\n            )}\r\n        </Flex>\r\n    )\r\n}) as unknown as TextFieldCompound\r\n\r\nTextField.displayName = 'TextField'\r\nTextField.Label = TextFieldLabel\r\nTextField.StartIcon = TextFieldStartIcon\r\nTextField.EndAction = TextFieldEndAction\r\n\r\nexport default TextField\r\n"],"names":["TextField","memo","props","inputId","helperId","hasError","hasStartIcon","hasEndAction","handleMouseDown","handleFocus","handleBlur","resolvedType","isPassword","showPassword","setShowPassword","useTextField","disabled","startIcon","className","width","error","helperText","label","required","showRequiredIndicator","endAction","sizeProp","fontSizeProp","placeholder","value","onChange","onKeyDown","onKeyUp","ref","inputStyle","_type","inputProps","size","handleTogglePassword","useCallback","resolvedEndAction","jsx","IconButton","IconRegistry","fieldSizeToActionSize","jsxs","Flex","TextFieldLabel","TextFieldStartIcon","cn","TEXT_FIELD_STYLES","vars","TextFieldEndAction","HelperText"],"mappings":"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"}

package/dist/components/forms/text-field/components/text-field-end-action/styles/TextFieldEndAction.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit79.css');;/* empty css                                        */var e={root:"_14iivnx0"};exports.TEXT_FIELD_END_ACTION_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit87.css');;/* empty css                                        */var e={root:"_14iivnx0"};exports.TEXT_FIELD_END_ACTION_STYLES=e;
 //# sourceMappingURL=TextFieldEndAction.css.cjs.map

package/dist/components/forms/text-field/components/text-field-end-action/styles/TextFieldEndAction.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit79.css';/* empty css                                      */
+import '../../../../../../ui-kit87.css';/* empty css                                      */
 var o = { root: "_14iivnx0" };
 export {
   o as TEXT_FIELD_END_ACTION_STYLES

package/dist/components/forms/text-field/components/text-field-label/TextFieldLabel.cjs

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),l=require("react"),s=require("./styles/TextFieldLabel.css.cjs"),a=l.memo(({htmlFor:i,disabled:r,required:t,children:d})=>e.jsxs("label",{htmlFor:i,className:s.TEXT_FIELD_LABEL_STYLES.root,"data-disabled":r?"":void 0,children:[d,t&&e.jsx("span",{className:s.TEXT_FIELD_LABEL_STYLES.requiredIndicator,"aria-hidden":"true",children:" *"})]}));a.displayName="TextField.Label";module.exports=a;
+"use strict";const e=require("react/jsx-runtime"),l=require("react"),s=require("./styles/TextFieldLabel.css.cjs"),n=require("../../../../../theme/contract.css.cjs"),t=l.memo(({htmlFor:r,disabled:a,required:i,fontSize:c="md",children:d})=>e.jsxs("label",{htmlFor:r,className:s.TEXT_FIELD_LABEL_STYLES.root,style:{fontSize:n.vars.fontSize[c]},"data-disabled":a?"":void 0,children:[d,i&&e.jsx("span",{className:s.TEXT_FIELD_LABEL_STYLES.requiredIndicator,"aria-hidden":"true",children:" *"})]}));t.displayName="TextField.Label";module.exports=t;
 //# sourceMappingURL=TextFieldLabel.cjs.map

package/dist/components/forms/text-field/components/text-field-label/TextFieldLabel.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TextFieldLabel.cjs","sources":["../../../../../../src/components/forms/text-field/components/text-field-label/TextFieldLabel.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\nimport { TEXT_FIELD_LABEL_STYLES } from '@components/forms/text-field/components/text-field-label/styles/TextFieldLabel.css.ts'\r\nimport type {\r\n    TextFieldLabelProps\r\n} from '@components/forms/text-field/components/text-field-label/types/TextFieldLabel.props.ts'\r\n\r\nconst TextFieldLabel: FC<TextFieldLabelProps> = memo(({ htmlFor, disabled, required, children }) => (\r\n    <label\r\n        htmlFor={htmlFor}\r\n        className={TEXT_FIELD_LABEL_STYLES.root}\r\n        data-disabled={disabled ? '' : undefined}\r\n    >\r\n        {children}\r\n        {required && (\r\n            <span\r\n                className={TEXT_FIELD_LABEL_STYLES.requiredIndicator}\r\n                aria-hidden={'true'}\r\n            >\r\n                {' *'}\r\n            </span>\r\n        )}\r\n    </label>\r\n))\r\n\r\nTextFieldLabel.displayName = 'TextField.Label'\r\n\r\nexport default TextFieldLabel\r\n"],"names":["TextFieldLabel","memo","htmlFor","disabled","required","children","jsxs","TEXT_FIELD_LABEL_STYLES","jsx"],"mappings":"kHAMMA,EAA0CC,EAAAA,KAAK,CAAC,CAAE,QAAAC,EAAS,SAAAC,EAAU,SAAAC,EAAU,SAAAC,KACjFC,EAAAA,KAAC,QAAA,CACG,QAAAJ,EACA,UAAWK,EAAAA,wBAAwB,KACnC,gBAAeJ,EAAW,GAAK,OAE9B,SAAA,CAAAE,EACAD,GACGI,EAAAA,IAAC,OAAA,CACG,UAAWD,EAAAA,wBAAwB,kBACnC,cAAa,OAEZ,SAAA,IAAA,CAAA,CACL,CAAA,CAER,CACH,EAEDP,EAAe,YAAc"}
+{"version":3,"file":"TextFieldLabel.cjs","sources":["../../../../../../src/components/forms/text-field/components/text-field-label/TextFieldLabel.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\nimport { TEXT_FIELD_LABEL_STYLES } from '@components/forms/text-field/components/text-field-label/styles/TextFieldLabel.css.ts'\r\nimport { vars } from '@theme/contract.css.ts'\r\nimport type {\r\n    TextFieldLabelProps\r\n} from '@components/forms/text-field/components/text-field-label/types/TextFieldLabel.props.ts'\r\n\r\nconst TextFieldLabel: FC<TextFieldLabelProps> = memo(({ htmlFor, disabled, required, fontSize = 'md', children }) => (\r\n    <label\r\n        htmlFor={htmlFor}\r\n        className={TEXT_FIELD_LABEL_STYLES.root}\r\n        style={{ fontSize: vars.fontSize[fontSize] }}\r\n        data-disabled={disabled ? '' : undefined}\r\n    >\r\n        {children}\r\n        {required && (\r\n            <span\r\n                className={TEXT_FIELD_LABEL_STYLES.requiredIndicator}\r\n                aria-hidden={'true'}\r\n            >\r\n                {' *'}\r\n            </span>\r\n        )}\r\n    </label>\r\n))\r\n\r\nTextFieldLabel.displayName = 'TextField.Label'\r\n\r\nexport default TextFieldLabel\r\n"],"names":["TextFieldLabel","memo","htmlFor","disabled","required","fontSize","children","jsxs","TEXT_FIELD_LABEL_STYLES","vars","jsx"],"mappings":"qKAOMA,EAA0CC,EAAAA,KAAK,CAAC,CAAE,QAAAC,EAAS,SAAAC,EAAU,SAAAC,EAAU,SAAAC,EAAW,KAAM,SAAAC,CAAA,IAClGC,EAAAA,KAAC,QAAA,CACG,QAAAL,EACA,UAAWM,EAAAA,wBAAwB,KACnC,MAAO,CAAE,SAAUC,EAAAA,KAAK,SAASJ,CAAQ,CAAA,EACzC,gBAAeF,EAAW,GAAK,OAE9B,SAAA,CAAAG,EACAF,GACGM,EAAAA,IAAC,OAAA,CACG,UAAWF,EAAAA,wBAAwB,kBACnC,cAAa,OAEZ,SAAA,IAAA,CAAA,CACL,CAAA,CAER,CACH,EAEDR,EAAe,YAAc"}

package/dist/components/forms/text-field/components/text-field-label/TextFieldLabel.js

@@ -1,15 +1,17 @@
-import { jsxs as l, jsx as o } from "react/jsx-runtime";
-import { memo as s } from "react";
+import { jsxs as d, jsx as l } from "react/jsx-runtime";
+import { memo as m } from "react";
 import { TEXT_FIELD_LABEL_STYLES as e } from "./styles/TextFieldLabel.css.js";
-const t = s(({ htmlFor: a, disabled: r, required: d, children: i }) => /* @__PURE__ */ l(
+import { vars as s } from "../../../../../theme/contract.css.js";
+const n = m(({ htmlFor: a, disabled: r, required: i, fontSize: o = "md", children: t }) => /* @__PURE__ */ d(
   "label",
   {
     htmlFor: a,
     className: e.root,
+    style: { fontSize: s.fontSize[o] },
     "data-disabled": r ? "" : void 0,
     children: [
-      i,
-      d && /* @__PURE__ */ o(
+      t,
+      i && /* @__PURE__ */ l(
         "span",
         {
           className: e.requiredIndicator,
@@ -20,8 +22,8 @@ const t = s(({ htmlFor: a, disabled: r, required: d, children: i }) => /* @__PUR
     ]
   }
 ));
-t.displayName = "TextField.Label";
+n.displayName = "TextField.Label";
 export {
-  t as default
+  n as default
 };
 //# sourceMappingURL=TextFieldLabel.js.map

package/dist/components/forms/text-field/components/text-field-label/TextFieldLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextFieldLabel.js","sources":["../../../../../../src/components/forms/text-field/components/text-field-label/TextFieldLabel.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\nimport { TEXT_FIELD_LABEL_STYLES } from '@components/forms/text-field/components/text-field-label/styles/TextFieldLabel.css.ts'\r\nimport type {\r\n    TextFieldLabelProps\r\n} from '@components/forms/text-field/components/text-field-label/types/TextFieldLabel.props.ts'\r\n\r\nconst TextFieldLabel: FC<TextFieldLabelProps> = memo(({ htmlFor, disabled, required, children }) => (\r\n    <label\r\n        htmlFor={htmlFor}\r\n        className={TEXT_FIELD_LABEL_STYLES.root}\r\n        data-disabled={disabled ? '' : undefined}\r\n    >\r\n        {children}\r\n        {required && (\r\n            <span\r\n                className={TEXT_FIELD_LABEL_STYLES.requiredIndicator}\r\n                aria-hidden={'true'}\r\n            >\r\n                {' *'}\r\n            </span>\r\n        )}\r\n    </label>\r\n))\r\n\r\nTextFieldLabel.displayName = 'TextField.Label'\r\n\r\nexport default TextFieldLabel\r\n"],"names":["TextFieldLabel","memo","htmlFor","disabled","required","children","jsxs","TEXT_FIELD_LABEL_STYLES","jsx"],"mappings":";;;AAMA,MAAMA,IAA0CC,EAAK,CAAC,EAAE,SAAAC,GAAS,UAAAC,GAAU,UAAAC,GAAU,UAAAC,QACjF,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,SAAAJ;AAAA,IACA,WAAWK,EAAwB;AAAA,IACnC,iBAAeJ,IAAW,KAAK;AAAA,IAE9B,UAAA;AAAA,MAAAE;AAAA,MACAD,KACG,gBAAAI;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAWD,EAAwB;AAAA,UACnC,eAAa;AAAA,UAEZ,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACL;AAAA,EAAA;AAER,CACH;AAEDP,EAAe,cAAc;"}
+{"version":3,"file":"TextFieldLabel.js","sources":["../../../../../../src/components/forms/text-field/components/text-field-label/TextFieldLabel.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\nimport { TEXT_FIELD_LABEL_STYLES } from '@components/forms/text-field/components/text-field-label/styles/TextFieldLabel.css.ts'\r\nimport { vars } from '@theme/contract.css.ts'\r\nimport type {\r\n    TextFieldLabelProps\r\n} from '@components/forms/text-field/components/text-field-label/types/TextFieldLabel.props.ts'\r\n\r\nconst TextFieldLabel: FC<TextFieldLabelProps> = memo(({ htmlFor, disabled, required, fontSize = 'md', children }) => (\r\n    <label\r\n        htmlFor={htmlFor}\r\n        className={TEXT_FIELD_LABEL_STYLES.root}\r\n        style={{ fontSize: vars.fontSize[fontSize] }}\r\n        data-disabled={disabled ? '' : undefined}\r\n    >\r\n        {children}\r\n        {required && (\r\n            <span\r\n                className={TEXT_FIELD_LABEL_STYLES.requiredIndicator}\r\n                aria-hidden={'true'}\r\n            >\r\n                {' *'}\r\n            </span>\r\n        )}\r\n    </label>\r\n))\r\n\r\nTextFieldLabel.displayName = 'TextField.Label'\r\n\r\nexport default TextFieldLabel\r\n"],"names":["TextFieldLabel","memo","htmlFor","disabled","required","fontSize","children","jsxs","TEXT_FIELD_LABEL_STYLES","vars","jsx"],"mappings":";;;;AAOA,MAAMA,IAA0CC,EAAK,CAAC,EAAE,SAAAC,GAAS,UAAAC,GAAU,UAAAC,GAAU,UAAAC,IAAW,MAAM,UAAAC,EAAA,MAClG,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,SAAAL;AAAA,IACA,WAAWM,EAAwB;AAAA,IACnC,OAAO,EAAE,UAAUC,EAAK,SAASJ,CAAQ,EAAA;AAAA,IACzC,iBAAeF,IAAW,KAAK;AAAA,IAE9B,UAAA;AAAA,MAAAG;AAAA,MACAF,KACG,gBAAAM;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAWF,EAAwB;AAAA,UACnC,eAAa;AAAA,UAEZ,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACL;AAAA,EAAA;AAER,CACH;AAEDR,EAAe,cAAc;"}

package/dist/components/forms/text-field/components/text-field-label/styles/TextFieldLabel.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit75.css');require('../../../../../../ui-kit2.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                                        */;/* empty css                                    */var r={root:"_1uvjcr80",requiredIndicator:"_1uvjcr81"};exports.TEXT_FIELD_LABEL_STYLES=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit77.css');require('../../../../../../ui-kit2.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                                        */;/* empty css                                    */var r={root:"_1uvjcr80",requiredIndicator:"_1uvjcr81"};exports.TEXT_FIELD_LABEL_STYLES=r;
 //# sourceMappingURL=TextFieldLabel.css.cjs.map

package/dist/components/forms/text-field/components/text-field-label/styles/TextFieldLabel.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit75.css';import '../../../../../../ui-kit2.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit77.css';import '../../../../../../ui-kit2.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                                                      */
 /* empty css                                  */
 var i = { root: "_1uvjcr80", requiredIndicator: "_1uvjcr81" };

package/dist/components/forms/text-field/components/text-field-label/types/TextFieldLabel.props.d.ts

@@ -1,7 +1,10 @@
 import { ReactNode } from 'react';
+import { TypographySize } from '../../../../../foundation/typography/types/Typography.types.ts';
 export type TextFieldLabelProps = {
     htmlFor?: string;
     disabled?: boolean;
     required?: boolean;
+    /** Font size applied to the label. @default 'md' */
+    fontSize?: TypographySize;
     children: ReactNode;
 };

package/dist/components/forms/text-field/components/text-field-start-icon/styles/TextFieldStartIcon.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit80.css');require('../../../../../../ui-kit2.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                                        */;/* empty css                                        */var e={root:"_1hy9fia0"};exports.TEXT_FIELD_START_ICON_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit85.css');require('../../../../../../ui-kit2.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                                        */;/* empty css                                        */var e={root:"_1hy9fia0"};exports.TEXT_FIELD_START_ICON_STYLES=e;
 //# sourceMappingURL=TextFieldStartIcon.css.cjs.map

package/dist/components/forms/text-field/components/text-field-start-icon/styles/TextFieldStartIcon.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit80.css';import '../../../../../../ui-kit2.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit85.css';import '../../../../../../ui-kit2.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                                                      */
 /* empty css                                      */
 var T = { root: "_1hy9fia0" };

package/dist/components/forms/text-field/styles/TextField.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit23.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                               */const e=require("@vanilla-extract/recipes/createRuntimeFn");var a={recipe:e.createRuntimeFn({defaultClassName:"_1ugc12d0",variantClassNames:{size:{sm:"_1ugc12d1",md:"_1ugc12d2",lg:"_1ugc12d3"},hasError:{true:"_1ugc12d4",false:"_1ugc12d5"},hasStartIcon:{true:"_1ugc12d6",false:"_1ugc12d7"},hasEndAction:{true:"_1ugc12d8",false:"_1ugc12d9"}},defaultVariants:{size:"md",hasError:!1,hasStartIcon:!1,hasEndAction:!1},compoundVariants:[[{size:"sm",hasStartIcon:!0},"_1ugc12da"],[{size:"md",hasStartIcon:!0},"_1ugc12db"],[{size:"lg",hasStartIcon:!0},"_1ugc12dc"],[{size:"sm",hasEndAction:!0},"_1ugc12dd"],[{size:"md",hasEndAction:!0},"_1ugc12de"],[{size:"lg",hasEndAction:!0},"_1ugc12df"]]})};exports.TEXT_FIELD_STYLES=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit63.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                               */const e=require("@vanilla-extract/recipes/createRuntimeFn");var a={recipe:e.createRuntimeFn({defaultClassName:"_1ugc12d0",variantClassNames:{size:{sm:"_1ugc12d1",md:"_1ugc12d2",lg:"_1ugc12d3"},hasError:{true:"_1ugc12d4",false:"_1ugc12d5"},hasStartIcon:{true:"_1ugc12d6",false:"_1ugc12d7"},hasEndAction:{true:"_1ugc12d8",false:"_1ugc12d9"}},defaultVariants:{size:"md",hasError:!1,hasStartIcon:!1,hasEndAction:!1},compoundVariants:[[{size:"sm",hasStartIcon:!0},"_1ugc12da"],[{size:"md",hasStartIcon:!0},"_1ugc12db"],[{size:"lg",hasStartIcon:!0},"_1ugc12dc"],[{size:"sm",hasEndAction:!0},"_1ugc12dd"],[{size:"md",hasEndAction:!0},"_1ugc12de"],[{size:"lg",hasEndAction:!0},"_1ugc12df"]]})};exports.TEXT_FIELD_STYLES=a;
 //# sourceMappingURL=TextField.css.cjs.map

package/dist/components/forms/text-field/styles/TextField.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit23.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit63.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                             */
 import { createRuntimeFn as a } from "@vanilla-extract/recipes/createRuntimeFn";
 var r = { recipe: a({ defaultClassName: "_1ugc12d0", variantClassNames: { size: { sm: "_1ugc12d1", md: "_1ugc12d2", lg: "_1ugc12d3" }, hasError: { true: "_1ugc12d4", false: "_1ugc12d5" }, hasStartIcon: { true: "_1ugc12d6", false: "_1ugc12d7" }, hasEndAction: { true: "_1ugc12d8", false: "_1ugc12d9" } }, defaultVariants: { size: "md", hasError: !1, hasStartIcon: !1, hasEndAction: !1 }, compoundVariants: [[{ size: "sm", hasStartIcon: !0 }, "_1ugc12da"], [{ size: "md", hasStartIcon: !0 }, "_1ugc12db"], [{ size: "lg", hasStartIcon: !0 }, "_1ugc12dc"], [{ size: "sm", hasEndAction: !0 }, "_1ugc12dd"], [{ size: "md", hasEndAction: !0 }, "_1ugc12de"], [{ size: "lg", hasEndAction: !0 }, "_1ugc12df"]] }) };

package/dist/components/forms/text-field/types/TextField.props.d.ts

@@ -1,9 +1,12 @@
 import { RefAttributes } from 'react';
 import { TextFieldSize } from './TextField.types.ts';
+import { TypographySize } from '../../../foundation/typography/types/Typography.types.ts';
 import type * as React from 'react';
 export type TextFieldProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> & RefAttributes<HTMLInputElement> & {
     /** Input size. @default 'md' */
     size?: TextFieldSize;
+    /** Font size applied to the label and input text. @default 'md' */
+    fontSize?: TypographySize;
     /** Text label rendered above the input, linked to the input for accessibility. */
     label?: string;
     /** Shows a red required marker next to the label when `required` is true. Defaults to `true`. */

package/dist/components/foundation/icon/styles/Icon.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit18.css');require('../../../../ui-kit6.css');require('../../../../ui-kit7.css');require('../../../../ui-kit13.css');require('../../../../ui-kit11.css');require('../../../../ui-kit4.css');require('../../../../ui-kit9.css');require('../../../../ui-kit14.css');require('../../../../ui-kit3.css');require('../../../../ui-kit8.css');require('../../../../ui-kit12.css');require('../../../../ui-kit5.css');require('../../../../ui-kit10.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                                                                */;/* empty css                                                                 */;/* empty css                                                                         */;/* empty css                                                                      */;/* empty css                                                                       */;/* empty css                                                                    */;/* empty css                                                                     */;/* empty css                                                                       */;/* empty css                                                                        */;/* empty css                                                                      */;/* empty css                                                                       */;/* empty css                                                                       */;/* empty css                          */const l=require("@vanilla-extract/recipes/createRuntimeFn");var e={recipe:l.createRuntimeFn({defaultClassName:"_1liyln50",variantClassNames:{size:{xs:"_1liyln51",sm:"_1liyln52",md:"_1liyln53",lg:"_1liyln54",xl:"_1liyln55","2xl":"_1liyln56"},spin:{true:"_1liyln57"},color:{background:"_1liyln58",foreground:"_1liyln59",text:"_1liyln5a",textSecondary:"_1liyln5b",textTertiary:"_1liyln5c",card:"_1liyln5d",cardForeground:"_1liyln5e",popover:"_1liyln5f",popoverForeground:"_1liyln5g",muted:"_1liyln5h",mutedForeground:"_1liyln5i",overlay:"_1liyln5j",primary:"_1liyln5k",primaryHover:"_1liyln5l",primaryActive:"_1liyln5m",primaryForeground:"_1liyln5n",primarySubtle:"_1liyln5o",primarySubtleHover:"_1liyln5p",primarySubtleActive:"_1liyln5q",primarySubtleForeground:"_1liyln5r",primarySubtleBorder:"_1liyln5s",link:"_1liyln5t",linkHover:"_1liyln5u",linkActive:"_1liyln5v",secondary:"_1liyln5w",secondaryHover:"_1liyln5x",secondaryActive:"_1liyln5y",secondaryForeground:"_1liyln5z",secondarySubtle:"_1liyln510",secondarySubtleHover:"_1liyln511",secondarySubtleActive:"_1liyln512",secondarySubtleForeground:"_1liyln513",secondarySubtleBorder:"_1liyln514",tertiary:"_1liyln515",tertiaryHover:"_1liyln516",tertiaryActive:"_1liyln517",tertiaryForeground:"_1liyln518",tertiarySubtle:"_1liyln519",tertiarySubtleHover:"_1liyln51a",tertiarySubtleActive:"_1liyln51b",tertiarySubtleForeground:"_1liyln51c",tertiarySubtleBorder:"_1liyln51d",success:"_1liyln51e",successHover:"_1liyln51f",successActive:"_1liyln51g",successForeground:"_1liyln51h",successSubtle:"_1liyln51i",successSubtleHover:"_1liyln51j",successSubtleActive:"_1liyln51k",successSubtleForeground:"_1liyln51l",successSubtleBorder:"_1liyln51m",warning:"_1liyln51n",warningHover:"_1liyln51o",warningActive:"_1liyln51p",warningForeground:"_1liyln51q",warningSubtle:"_1liyln51r",warningSubtleHover:"_1liyln51s",warningSubtleActive:"_1liyln51t",warningSubtleForeground:"_1liyln51u",warningSubtleBorder:"_1liyln51v",info:"_1liyln51w",infoHover:"_1liyln51x",infoActive:"_1liyln51y",infoForeground:"_1liyln51z",infoSubtle:"_1liyln520",infoSubtleHover:"_1liyln521",infoSubtleActive:"_1liyln522",infoSubtleForeground:"_1liyln523",infoSubtleBorder:"_1liyln524",destructive:"_1liyln525",destructiveHover:"_1liyln526",destructiveActive:"_1liyln527",destructiveForeground:"_1liyln528",destructiveSubtle:"_1liyln529",destructiveSubtleHover:"_1liyln52a",destructiveSubtleActive:"_1liyln52b",destructiveSubtleForeground:"_1liyln52c",destructiveSubtleBorder:"_1liyln52d",purple:"_1liyln52e",purpleHover:"_1liyln52f",purpleActive:"_1liyln52g",purpleForeground:"_1liyln52h",purpleSubtle:"_1liyln52i",purpleSubtleHover:"_1liyln52j",purpleSubtleActive:"_1liyln52k",purpleSubtleForeground:"_1liyln52l",purpleSubtleBorder:"_1liyln52m",pink:"_1liyln52n",pinkHover:"_1liyln52o",pinkActive:"_1liyln52p",pinkForeground:"_1liyln52q",pinkSubtle:"_1liyln52r",pinkSubtleHover:"_1liyln52s",pinkSubtleActive:"_1liyln52t",pinkSubtleForeground:"_1liyln52u",pinkSubtleBorder:"_1liyln52v",orange:"_1liyln52w",orangeHover:"_1liyln52x",orangeActive:"_1liyln52y",orangeForeground:"_1liyln52z",orangeSubtle:"_1liyln530",orangeSubtleHover:"_1liyln531",orangeSubtleActive:"_1liyln532",orangeSubtleForeground:"_1liyln533",orangeSubtleBorder:"_1liyln534",teal:"_1liyln535",tealHover:"_1liyln536",tealActive:"_1liyln537",tealForeground:"_1liyln538",tealSubtle:"_1liyln539",tealSubtleHover:"_1liyln53a",tealSubtleActive:"_1liyln53b",tealSubtleForeground:"_1liyln53c",tealSubtleBorder:"_1liyln53d",cyan:"_1liyln53e",cyanHover:"_1liyln53f",cyanActive:"_1liyln53g",cyanForeground:"_1liyln53h",cyanSubtle:"_1liyln53i",cyanSubtleHover:"_1liyln53j",cyanSubtleActive:"_1liyln53k",cyanSubtleForeground:"_1liyln53l",cyanSubtleBorder:"_1liyln53m",indigo:"_1liyln53n",indigoHover:"_1liyln53o",indigoActive:"_1liyln53p",indigoForeground:"_1liyln53q",indigoSubtle:"_1liyln53r",indigoSubtleHover:"_1liyln53s",indigoSubtleActive:"_1liyln53t",indigoSubtleForeground:"_1liyln53u",indigoSubtleBorder:"_1liyln53v",border:"_1liyln53w",borderStrong:"_1liyln53x",input:"_1liyln53y",ring:"_1liyln53z",highlight:"_1liyln540",highlightForeground:"_1liyln541",skeleton:"_1liyln542",skeletonForeground:"_1liyln543",transparent:"_1liyln544"}},defaultVariants:{size:"md"},compoundVariants:[]})};exports.ICON_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit19.css');require('../../../../ui-kit8.css');require('../../../../ui-kit5.css');require('../../../../ui-kit9.css');require('../../../../ui-kit10.css');require('../../../../ui-kit11.css');require('../../../../ui-kit12.css');require('../../../../ui-kit13.css');require('../../../../ui-kit4.css');require('../../../../ui-kit14.css');require('../../../../ui-kit3.css');require('../../../../ui-kit7.css');require('../../../../ui-kit6.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                                                                */;/* empty css                                                                 */;/* empty css                                                                         */;/* empty css                                                                      */;/* empty css                                                                       */;/* empty css                                                                    */;/* empty css                                                                     */;/* empty css                                                                       */;/* empty css                                                                        */;/* empty css                                                                      */;/* empty css                                                                       */;/* empty css                                                                       */;/* empty css                          */const l=require("@vanilla-extract/recipes/createRuntimeFn");var e={recipe:l.createRuntimeFn({defaultClassName:"_1liyln50",variantClassNames:{size:{xs:"_1liyln51",sm:"_1liyln52",md:"_1liyln53",lg:"_1liyln54",xl:"_1liyln55","2xl":"_1liyln56"},spin:{true:"_1liyln57"},color:{background:"_1liyln58",foreground:"_1liyln59",text:"_1liyln5a",textSecondary:"_1liyln5b",textTertiary:"_1liyln5c",card:"_1liyln5d",cardForeground:"_1liyln5e",popover:"_1liyln5f",popoverForeground:"_1liyln5g",muted:"_1liyln5h",mutedForeground:"_1liyln5i",overlay:"_1liyln5j",primary:"_1liyln5k",primaryHover:"_1liyln5l",primaryActive:"_1liyln5m",primaryForeground:"_1liyln5n",primarySubtle:"_1liyln5o",primarySubtleHover:"_1liyln5p",primarySubtleActive:"_1liyln5q",primarySubtleForeground:"_1liyln5r",primarySubtleBorder:"_1liyln5s",link:"_1liyln5t",linkHover:"_1liyln5u",linkActive:"_1liyln5v",secondary:"_1liyln5w",secondaryHover:"_1liyln5x",secondaryActive:"_1liyln5y",secondaryForeground:"_1liyln5z",secondarySubtle:"_1liyln510",secondarySubtleHover:"_1liyln511",secondarySubtleActive:"_1liyln512",secondarySubtleForeground:"_1liyln513",secondarySubtleBorder:"_1liyln514",tertiary:"_1liyln515",tertiaryHover:"_1liyln516",tertiaryActive:"_1liyln517",tertiaryForeground:"_1liyln518",tertiarySubtle:"_1liyln519",tertiarySubtleHover:"_1liyln51a",tertiarySubtleActive:"_1liyln51b",tertiarySubtleForeground:"_1liyln51c",tertiarySubtleBorder:"_1liyln51d",success:"_1liyln51e",successHover:"_1liyln51f",successActive:"_1liyln51g",successForeground:"_1liyln51h",successSubtle:"_1liyln51i",successSubtleHover:"_1liyln51j",successSubtleActive:"_1liyln51k",successSubtleForeground:"_1liyln51l",successSubtleBorder:"_1liyln51m",warning:"_1liyln51n",warningHover:"_1liyln51o",warningActive:"_1liyln51p",warningForeground:"_1liyln51q",warningSubtle:"_1liyln51r",warningSubtleHover:"_1liyln51s",warningSubtleActive:"_1liyln51t",warningSubtleForeground:"_1liyln51u",warningSubtleBorder:"_1liyln51v",info:"_1liyln51w",infoHover:"_1liyln51x",infoActive:"_1liyln51y",infoForeground:"_1liyln51z",infoSubtle:"_1liyln520",infoSubtleHover:"_1liyln521",infoSubtleActive:"_1liyln522",infoSubtleForeground:"_1liyln523",infoSubtleBorder:"_1liyln524",destructive:"_1liyln525",destructiveHover:"_1liyln526",destructiveActive:"_1liyln527",destructiveForeground:"_1liyln528",destructiveSubtle:"_1liyln529",destructiveSubtleHover:"_1liyln52a",destructiveSubtleActive:"_1liyln52b",destructiveSubtleForeground:"_1liyln52c",destructiveSubtleBorder:"_1liyln52d",purple:"_1liyln52e",purpleHover:"_1liyln52f",purpleActive:"_1liyln52g",purpleForeground:"_1liyln52h",purpleSubtle:"_1liyln52i",purpleSubtleHover:"_1liyln52j",purpleSubtleActive:"_1liyln52k",purpleSubtleForeground:"_1liyln52l",purpleSubtleBorder:"_1liyln52m",pink:"_1liyln52n",pinkHover:"_1liyln52o",pinkActive:"_1liyln52p",pinkForeground:"_1liyln52q",pinkSubtle:"_1liyln52r",pinkSubtleHover:"_1liyln52s",pinkSubtleActive:"_1liyln52t",pinkSubtleForeground:"_1liyln52u",pinkSubtleBorder:"_1liyln52v",orange:"_1liyln52w",orangeHover:"_1liyln52x",orangeActive:"_1liyln52y",orangeForeground:"_1liyln52z",orangeSubtle:"_1liyln530",orangeSubtleHover:"_1liyln531",orangeSubtleActive:"_1liyln532",orangeSubtleForeground:"_1liyln533",orangeSubtleBorder:"_1liyln534",teal:"_1liyln535",tealHover:"_1liyln536",tealActive:"_1liyln537",tealForeground:"_1liyln538",tealSubtle:"_1liyln539",tealSubtleHover:"_1liyln53a",tealSubtleActive:"_1liyln53b",tealSubtleForeground:"_1liyln53c",tealSubtleBorder:"_1liyln53d",cyan:"_1liyln53e",cyanHover:"_1liyln53f",cyanActive:"_1liyln53g",cyanForeground:"_1liyln53h",cyanSubtle:"_1liyln53i",cyanSubtleHover:"_1liyln53j",cyanSubtleActive:"_1liyln53k",cyanSubtleForeground:"_1liyln53l",cyanSubtleBorder:"_1liyln53m",indigo:"_1liyln53n",indigoHover:"_1liyln53o",indigoActive:"_1liyln53p",indigoForeground:"_1liyln53q",indigoSubtle:"_1liyln53r",indigoSubtleHover:"_1liyln53s",indigoSubtleActive:"_1liyln53t",indigoSubtleForeground:"_1liyln53u",indigoSubtleBorder:"_1liyln53v",border:"_1liyln53w",borderStrong:"_1liyln53x",input:"_1liyln53y",ring:"_1liyln53z",highlight:"_1liyln540",highlightForeground:"_1liyln541",skeleton:"_1liyln542",skeletonForeground:"_1liyln543",transparent:"_1liyln544"}},defaultVariants:{size:"md"},compoundVariants:[]})};exports.ICON_STYLES=e;
 //# sourceMappingURL=Icon.css.cjs.map

package/dist/components/foundation/icon/styles/Icon.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit18.css';import '../../../../ui-kit6.css';import '../../../../ui-kit7.css';import '../../../../ui-kit13.css';import '../../../../ui-kit11.css';import '../../../../ui-kit4.css';import '../../../../ui-kit9.css';import '../../../../ui-kit14.css';import '../../../../ui-kit3.css';import '../../../../ui-kit8.css';import '../../../../ui-kit12.css';import '../../../../ui-kit5.css';import '../../../../ui-kit10.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit19.css';import '../../../../ui-kit8.css';import '../../../../ui-kit5.css';import '../../../../ui-kit9.css';import '../../../../ui-kit10.css';import '../../../../ui-kit11.css';import '../../../../ui-kit12.css';import '../../../../ui-kit13.css';import '../../../../ui-kit4.css';import '../../../../ui-kit14.css';import '../../../../ui-kit3.css';import '../../../../ui-kit7.css';import '../../../../ui-kit6.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                                                              */
 /* empty css                                                               */
 /* empty css                                                                       */

package/dist/components/foundation/typography/styles/Typography.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit33.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                                */const e=require("@vanilla-extract/recipes/createRuntimeFn");var g={recipe:e.createRuntimeFn({defaultClassName:"lg1gei0",variantClassNames:{variant:{h1:"lg1gei1",h2:"lg1gei2",h3:"lg1gei3",h4:"lg1gei4",h5:"lg1gei5",h6:"lg1gei6",p:"lg1gei7",span:"lg1gei8",label:"lg1gei9",small:"lg1geia",strong:"lg1geib",em:"lg1geic",blockquote:"lg1geid",pre:"lg1geie",code:"lg1geif",kbd:"lg1geig",samp:"lg1geih",abbr:"lg1geii",cite:"lg1geij",mark:"lg1geik",del:"lg1geil",ins:"lg1geim",sub:"lg1gein",sup:"lg1geio"},fontSize:{"2xs":"lg1geip",xs:"lg1geiq",sm:"lg1geir",md:"lg1geis",lg:"lg1geit",xl:"lg1geiu","2xl":"lg1geiv","3xl":"lg1geiw","4xl":"lg1geix","5xl":"lg1geiy","6xl":"lg1geiz"},fontWeight:{thin:"lg1gei10",extralight:"lg1gei11",light:"lg1gei12",normal:"lg1gei13",medium:"lg1gei14",semibold:"lg1gei15",bold:"lg1gei16",extrabold:"lg1gei17",black:"lg1gei18"},ellipsis:{true:"lg1gei19"},maxLines:{1:"lg1gei1a",2:"lg1gei1b",3:"lg1gei1c",4:"lg1gei1d",5:"lg1gei1e",6:"lg1gei1f"},color:{background:"lg1gei1g",foreground:"lg1gei1h",text:"lg1gei1i",textSecondary:"lg1gei1j",textTertiary:"lg1gei1k",card:"lg1gei1l",cardForeground:"lg1gei1m",popover:"lg1gei1n",popoverForeground:"lg1gei1o",muted:"lg1gei1p",mutedForeground:"lg1gei1q",overlay:"lg1gei1r",primary:"lg1gei1s",primaryHover:"lg1gei1t",primaryActive:"lg1gei1u",primaryForeground:"lg1gei1v",primarySubtle:"lg1gei1w",primarySubtleHover:"lg1gei1x",primarySubtleActive:"lg1gei1y",primarySubtleForeground:"lg1gei1z",primarySubtleBorder:"lg1gei20",link:"lg1gei21",linkHover:"lg1gei22",linkActive:"lg1gei23",secondary:"lg1gei24",secondaryHover:"lg1gei25",secondaryActive:"lg1gei26",secondaryForeground:"lg1gei27",secondarySubtle:"lg1gei28",secondarySubtleHover:"lg1gei29",secondarySubtleActive:"lg1gei2a",secondarySubtleForeground:"lg1gei2b",secondarySubtleBorder:"lg1gei2c",tertiary:"lg1gei2d",tertiaryHover:"lg1gei2e",tertiaryActive:"lg1gei2f",tertiaryForeground:"lg1gei2g",tertiarySubtle:"lg1gei2h",tertiarySubtleHover:"lg1gei2i",tertiarySubtleActive:"lg1gei2j",tertiarySubtleForeground:"lg1gei2k",tertiarySubtleBorder:"lg1gei2l",success:"lg1gei2m",successHover:"lg1gei2n",successActive:"lg1gei2o",successForeground:"lg1gei2p",successSubtle:"lg1gei2q",successSubtleHover:"lg1gei2r",successSubtleActive:"lg1gei2s",successSubtleForeground:"lg1gei2t",successSubtleBorder:"lg1gei2u",warning:"lg1gei2v",warningHover:"lg1gei2w",warningActive:"lg1gei2x",warningForeground:"lg1gei2y",warningSubtle:"lg1gei2z",warningSubtleHover:"lg1gei30",warningSubtleActive:"lg1gei31",warningSubtleForeground:"lg1gei32",warningSubtleBorder:"lg1gei33",info:"lg1gei34",infoHover:"lg1gei35",infoActive:"lg1gei36",infoForeground:"lg1gei37",infoSubtle:"lg1gei38",infoSubtleHover:"lg1gei39",infoSubtleActive:"lg1gei3a",infoSubtleForeground:"lg1gei3b",infoSubtleBorder:"lg1gei3c",destructive:"lg1gei3d",destructiveHover:"lg1gei3e",destructiveActive:"lg1gei3f",destructiveForeground:"lg1gei3g",destructiveSubtle:"lg1gei3h",destructiveSubtleHover:"lg1gei3i",destructiveSubtleActive:"lg1gei3j",destructiveSubtleForeground:"lg1gei3k",destructiveSubtleBorder:"lg1gei3l",purple:"lg1gei3m",purpleHover:"lg1gei3n",purpleActive:"lg1gei3o",purpleForeground:"lg1gei3p",purpleSubtle:"lg1gei3q",purpleSubtleHover:"lg1gei3r",purpleSubtleActive:"lg1gei3s",purpleSubtleForeground:"lg1gei3t",purpleSubtleBorder:"lg1gei3u",pink:"lg1gei3v",pinkHover:"lg1gei3w",pinkActive:"lg1gei3x",pinkForeground:"lg1gei3y",pinkSubtle:"lg1gei3z",pinkSubtleHover:"lg1gei40",pinkSubtleActive:"lg1gei41",pinkSubtleForeground:"lg1gei42",pinkSubtleBorder:"lg1gei43",orange:"lg1gei44",orangeHover:"lg1gei45",orangeActive:"lg1gei46",orangeForeground:"lg1gei47",orangeSubtle:"lg1gei48",orangeSubtleHover:"lg1gei49",orangeSubtleActive:"lg1gei4a",orangeSubtleForeground:"lg1gei4b",orangeSubtleBorder:"lg1gei4c",teal:"lg1gei4d",tealHover:"lg1gei4e",tealActive:"lg1gei4f",tealForeground:"lg1gei4g",tealSubtle:"lg1gei4h",tealSubtleHover:"lg1gei4i",tealSubtleActive:"lg1gei4j",tealSubtleForeground:"lg1gei4k",tealSubtleBorder:"lg1gei4l",cyan:"lg1gei4m",cyanHover:"lg1gei4n",cyanActive:"lg1gei4o",cyanForeground:"lg1gei4p",cyanSubtle:"lg1gei4q",cyanSubtleHover:"lg1gei4r",cyanSubtleActive:"lg1gei4s",cyanSubtleForeground:"lg1gei4t",cyanSubtleBorder:"lg1gei4u",indigo:"lg1gei4v",indigoHover:"lg1gei4w",indigoActive:"lg1gei4x",indigoForeground:"lg1gei4y",indigoSubtle:"lg1gei4z",indigoSubtleHover:"lg1gei50",indigoSubtleActive:"lg1gei51",indigoSubtleForeground:"lg1gei52",indigoSubtleBorder:"lg1gei53",border:"lg1gei54",borderStrong:"lg1gei55",input:"lg1gei56",ring:"lg1gei57",highlight:"lg1gei58",highlightForeground:"lg1gei59",skeleton:"lg1gei5a",skeletonForeground:"lg1gei5b",transparent:"lg1gei5c"}},defaultVariants:{variant:"p"},compoundVariants:[]})};exports.TYPOGRAPHY_STYLES=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit22.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                                */const e=require("@vanilla-extract/recipes/createRuntimeFn");var g={recipe:e.createRuntimeFn({defaultClassName:"lg1gei0",variantClassNames:{variant:{h1:"lg1gei1",h2:"lg1gei2",h3:"lg1gei3",h4:"lg1gei4",h5:"lg1gei5",h6:"lg1gei6",p:"lg1gei7",span:"lg1gei8",label:"lg1gei9",small:"lg1geia",strong:"lg1geib",em:"lg1geic",blockquote:"lg1geid",pre:"lg1geie",code:"lg1geif",kbd:"lg1geig",samp:"lg1geih",abbr:"lg1geii",cite:"lg1geij",mark:"lg1geik",del:"lg1geil",ins:"lg1geim",sub:"lg1gein",sup:"lg1geio"},fontSize:{"2xs":"lg1geip",xs:"lg1geiq",sm:"lg1geir",md:"lg1geis",lg:"lg1geit",xl:"lg1geiu","2xl":"lg1geiv","3xl":"lg1geiw","4xl":"lg1geix","5xl":"lg1geiy","6xl":"lg1geiz"},fontWeight:{thin:"lg1gei10",extralight:"lg1gei11",light:"lg1gei12",normal:"lg1gei13",medium:"lg1gei14",semibold:"lg1gei15",bold:"lg1gei16",extrabold:"lg1gei17",black:"lg1gei18"},ellipsis:{true:"lg1gei19"},maxLines:{1:"lg1gei1a",2:"lg1gei1b",3:"lg1gei1c",4:"lg1gei1d",5:"lg1gei1e",6:"lg1gei1f"},color:{background:"lg1gei1g",foreground:"lg1gei1h",text:"lg1gei1i",textSecondary:"lg1gei1j",textTertiary:"lg1gei1k",card:"lg1gei1l",cardForeground:"lg1gei1m",popover:"lg1gei1n",popoverForeground:"lg1gei1o",muted:"lg1gei1p",mutedForeground:"lg1gei1q",overlay:"lg1gei1r",primary:"lg1gei1s",primaryHover:"lg1gei1t",primaryActive:"lg1gei1u",primaryForeground:"lg1gei1v",primarySubtle:"lg1gei1w",primarySubtleHover:"lg1gei1x",primarySubtleActive:"lg1gei1y",primarySubtleForeground:"lg1gei1z",primarySubtleBorder:"lg1gei20",link:"lg1gei21",linkHover:"lg1gei22",linkActive:"lg1gei23",secondary:"lg1gei24",secondaryHover:"lg1gei25",secondaryActive:"lg1gei26",secondaryForeground:"lg1gei27",secondarySubtle:"lg1gei28",secondarySubtleHover:"lg1gei29",secondarySubtleActive:"lg1gei2a",secondarySubtleForeground:"lg1gei2b",secondarySubtleBorder:"lg1gei2c",tertiary:"lg1gei2d",tertiaryHover:"lg1gei2e",tertiaryActive:"lg1gei2f",tertiaryForeground:"lg1gei2g",tertiarySubtle:"lg1gei2h",tertiarySubtleHover:"lg1gei2i",tertiarySubtleActive:"lg1gei2j",tertiarySubtleForeground:"lg1gei2k",tertiarySubtleBorder:"lg1gei2l",success:"lg1gei2m",successHover:"lg1gei2n",successActive:"lg1gei2o",successForeground:"lg1gei2p",successSubtle:"lg1gei2q",successSubtleHover:"lg1gei2r",successSubtleActive:"lg1gei2s",successSubtleForeground:"lg1gei2t",successSubtleBorder:"lg1gei2u",warning:"lg1gei2v",warningHover:"lg1gei2w",warningActive:"lg1gei2x",warningForeground:"lg1gei2y",warningSubtle:"lg1gei2z",warningSubtleHover:"lg1gei30",warningSubtleActive:"lg1gei31",warningSubtleForeground:"lg1gei32",warningSubtleBorder:"lg1gei33",info:"lg1gei34",infoHover:"lg1gei35",infoActive:"lg1gei36",infoForeground:"lg1gei37",infoSubtle:"lg1gei38",infoSubtleHover:"lg1gei39",infoSubtleActive:"lg1gei3a",infoSubtleForeground:"lg1gei3b",infoSubtleBorder:"lg1gei3c",destructive:"lg1gei3d",destructiveHover:"lg1gei3e",destructiveActive:"lg1gei3f",destructiveForeground:"lg1gei3g",destructiveSubtle:"lg1gei3h",destructiveSubtleHover:"lg1gei3i",destructiveSubtleActive:"lg1gei3j",destructiveSubtleForeground:"lg1gei3k",destructiveSubtleBorder:"lg1gei3l",purple:"lg1gei3m",purpleHover:"lg1gei3n",purpleActive:"lg1gei3o",purpleForeground:"lg1gei3p",purpleSubtle:"lg1gei3q",purpleSubtleHover:"lg1gei3r",purpleSubtleActive:"lg1gei3s",purpleSubtleForeground:"lg1gei3t",purpleSubtleBorder:"lg1gei3u",pink:"lg1gei3v",pinkHover:"lg1gei3w",pinkActive:"lg1gei3x",pinkForeground:"lg1gei3y",pinkSubtle:"lg1gei3z",pinkSubtleHover:"lg1gei40",pinkSubtleActive:"lg1gei41",pinkSubtleForeground:"lg1gei42",pinkSubtleBorder:"lg1gei43",orange:"lg1gei44",orangeHover:"lg1gei45",orangeActive:"lg1gei46",orangeForeground:"lg1gei47",orangeSubtle:"lg1gei48",orangeSubtleHover:"lg1gei49",orangeSubtleActive:"lg1gei4a",orangeSubtleForeground:"lg1gei4b",orangeSubtleBorder:"lg1gei4c",teal:"lg1gei4d",tealHover:"lg1gei4e",tealActive:"lg1gei4f",tealForeground:"lg1gei4g",tealSubtle:"lg1gei4h",tealSubtleHover:"lg1gei4i",tealSubtleActive:"lg1gei4j",tealSubtleForeground:"lg1gei4k",tealSubtleBorder:"lg1gei4l",cyan:"lg1gei4m",cyanHover:"lg1gei4n",cyanActive:"lg1gei4o",cyanForeground:"lg1gei4p",cyanSubtle:"lg1gei4q",cyanSubtleHover:"lg1gei4r",cyanSubtleActive:"lg1gei4s",cyanSubtleForeground:"lg1gei4t",cyanSubtleBorder:"lg1gei4u",indigo:"lg1gei4v",indigoHover:"lg1gei4w",indigoActive:"lg1gei4x",indigoForeground:"lg1gei4y",indigoSubtle:"lg1gei4z",indigoSubtleHover:"lg1gei50",indigoSubtleActive:"lg1gei51",indigoSubtleForeground:"lg1gei52",indigoSubtleBorder:"lg1gei53",border:"lg1gei54",borderStrong:"lg1gei55",input:"lg1gei56",ring:"lg1gei57",highlight:"lg1gei58",highlightForeground:"lg1gei59",skeleton:"lg1gei5a",skeletonForeground:"lg1gei5b",transparent:"lg1gei5c"}},defaultVariants:{variant:"p"},compoundVariants:[]})};exports.TYPOGRAPHY_STYLES=g;
 //# sourceMappingURL=Typography.css.cjs.map

package/dist/components/foundation/typography/styles/Typography.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit33.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit22.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                              */
 import { createRuntimeFn as e } from "@vanilla-extract/recipes/createRuntimeFn";
 var r = { recipe: e({ defaultClassName: "lg1gei0", variantClassNames: { variant: { h1: "lg1gei1", h2: "lg1gei2", h3: "lg1gei3", h4: "lg1gei4", h5: "lg1gei5", h6: "lg1gei6", p: "lg1gei7", span: "lg1gei8", label: "lg1gei9", small: "lg1geia", strong: "lg1geib", em: "lg1geic", blockquote: "lg1geid", pre: "lg1geie", code: "lg1geif", kbd: "lg1geig", samp: "lg1geih", abbr: "lg1geii", cite: "lg1geij", mark: "lg1geik", del: "lg1geil", ins: "lg1geim", sub: "lg1gein", sup: "lg1geio" }, fontSize: { "2xs": "lg1geip", xs: "lg1geiq", sm: "lg1geir", md: "lg1geis", lg: "lg1geit", xl: "lg1geiu", "2xl": "lg1geiv", "3xl": "lg1geiw", "4xl": "lg1geix", "5xl": "lg1geiy", "6xl": "lg1geiz" }, fontWeight: { thin: "lg1gei10", extralight: "lg1gei11", light: "lg1gei12", normal: "lg1gei13", medium: "lg1gei14", semibold: "lg1gei15", bold: "lg1gei16", extrabold: "lg1gei17", black: "lg1gei18" }, ellipsis: { true: "lg1gei19" }, maxLines: { 1: "lg1gei1a", 2: "lg1gei1b", 3: "lg1gei1c", 4: "lg1gei1d", 5: "lg1gei1e", 6: "lg1gei1f" }, color: { background: "lg1gei1g", foreground: "lg1gei1h", text: "lg1gei1i", textSecondary: "lg1gei1j", textTertiary: "lg1gei1k", card: "lg1gei1l", cardForeground: "lg1gei1m", popover: "lg1gei1n", popoverForeground: "lg1gei1o", muted: "lg1gei1p", mutedForeground: "lg1gei1q", overlay: "lg1gei1r", primary: "lg1gei1s", primaryHover: "lg1gei1t", primaryActive: "lg1gei1u", primaryForeground: "lg1gei1v", primarySubtle: "lg1gei1w", primarySubtleHover: "lg1gei1x", primarySubtleActive: "lg1gei1y", primarySubtleForeground: "lg1gei1z", primarySubtleBorder: "lg1gei20", link: "lg1gei21", linkHover: "lg1gei22", linkActive: "lg1gei23", secondary: "lg1gei24", secondaryHover: "lg1gei25", secondaryActive: "lg1gei26", secondaryForeground: "lg1gei27", secondarySubtle: "lg1gei28", secondarySubtleHover: "lg1gei29", secondarySubtleActive: "lg1gei2a", secondarySubtleForeground: "lg1gei2b", secondarySubtleBorder: "lg1gei2c", tertiary: "lg1gei2d", tertiaryHover: "lg1gei2e", tertiaryActive: "lg1gei2f", tertiaryForeground: "lg1gei2g", tertiarySubtle: "lg1gei2h", tertiarySubtleHover: "lg1gei2i", tertiarySubtleActive: "lg1gei2j", tertiarySubtleForeground: "lg1gei2k", tertiarySubtleBorder: "lg1gei2l", success: "lg1gei2m", successHover: "lg1gei2n", successActive: "lg1gei2o", successForeground: "lg1gei2p", successSubtle: "lg1gei2q", successSubtleHover: "lg1gei2r", successSubtleActive: "lg1gei2s", successSubtleForeground: "lg1gei2t", successSubtleBorder: "lg1gei2u", warning: "lg1gei2v", warningHover: "lg1gei2w", warningActive: "lg1gei2x", warningForeground: "lg1gei2y", warningSubtle: "lg1gei2z", warningSubtleHover: "lg1gei30", warningSubtleActive: "lg1gei31", warningSubtleForeground: "lg1gei32", warningSubtleBorder: "lg1gei33", info: "lg1gei34", infoHover: "lg1gei35", infoActive: "lg1gei36", infoForeground: "lg1gei37", infoSubtle: "lg1gei38", infoSubtleHover: "lg1gei39", infoSubtleActive: "lg1gei3a", infoSubtleForeground: "lg1gei3b", infoSubtleBorder: "lg1gei3c", destructive: "lg1gei3d", destructiveHover: "lg1gei3e", destructiveActive: "lg1gei3f", destructiveForeground: "lg1gei3g", destructiveSubtle: "lg1gei3h", destructiveSubtleHover: "lg1gei3i", destructiveSubtleActive: "lg1gei3j", destructiveSubtleForeground: "lg1gei3k", destructiveSubtleBorder: "lg1gei3l", purple: "lg1gei3m", purpleHover: "lg1gei3n", purpleActive: "lg1gei3o", purpleForeground: "lg1gei3p", purpleSubtle: "lg1gei3q", purpleSubtleHover: "lg1gei3r", purpleSubtleActive: "lg1gei3s", purpleSubtleForeground: "lg1gei3t", purpleSubtleBorder: "lg1gei3u", pink: "lg1gei3v", pinkHover: "lg1gei3w", pinkActive: "lg1gei3x", pinkForeground: "lg1gei3y", pinkSubtle: "lg1gei3z", pinkSubtleHover: "lg1gei40", pinkSubtleActive: "lg1gei41", pinkSubtleForeground: "lg1gei42", pinkSubtleBorder: "lg1gei43", orange: "lg1gei44", orangeHover: "lg1gei45", orangeActive: "lg1gei46", orangeForeground: "lg1gei47", orangeSubtle: "lg1gei48", orangeSubtleHover: "lg1gei49", orangeSubtleActive: "lg1gei4a", orangeSubtleForeground: "lg1gei4b", orangeSubtleBorder: "lg1gei4c", teal: "lg1gei4d", tealHover: "lg1gei4e", tealActive: "lg1gei4f", tealForeground: "lg1gei4g", tealSubtle: "lg1gei4h", tealSubtleHover: "lg1gei4i", tealSubtleActive: "lg1gei4j", tealSubtleForeground: "lg1gei4k", tealSubtleBorder: "lg1gei4l", cyan: "lg1gei4m", cyanHover: "lg1gei4n", cyanActive: "lg1gei4o", cyanForeground: "lg1gei4p", cyanSubtle: "lg1gei4q", cyanSubtleHover: "lg1gei4r", cyanSubtleActive: "lg1gei4s", cyanSubtleForeground: "lg1gei4t", cyanSubtleBorder: "lg1gei4u", indigo: "lg1gei4v", indigoHover: "lg1gei4w", indigoActive: "lg1gei4x", indigoForeground: "lg1gei4y", indigoSubtle: "lg1gei4z", indigoSubtleHover: "lg1gei50", indigoSubtleActive: "lg1gei51", indigoSubtleForeground: "lg1gei52", indigoSubtleBorder: "lg1gei53", border: "lg1gei54", borderStrong: "lg1gei55", input: "lg1gei56", ring: "lg1gei57", highlight: "lg1gei58", highlightForeground: "lg1gei59", skeleton: "lg1gei5a", skeletonForeground: "lg1gei5b", transparent: "lg1gei5c" } }, defaultVariants: { variant: "p" }, compoundVariants: [] }) };