@itcase/ui 1.3.25 → 1.3.26

package/dist/components/Text.js

@@ -1,14 +1,15 @@
-export { T as Text, a as textAppearance, t as textConfig } from '../Text-D9sEeRE4.js';
+export { T as Text, a as textAppearance, t as textConfig } from '../Text-JayJa3hj.js';
 import 'react/jsx-runtime';
 import 'clsx';
 import '../hooks/useDeviceTargetClassGenerator.js';
-import '../tslib.es6-5FtW-kfi.js';
+import '../tslib.es6-Bwu1Cn-t.js';
 import 'react';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
+import '../utils/setViewportProperty.js';
 import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';

package/dist/components/Textarea.js

@@ -1,13 +1,14 @@
 import { jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { useDeviceTargetClassGenerator } from '../hooks/useDeviceTargetClassGenerator.js';
-import '../tslib.es6-5FtW-kfi.js';
+import '../tslib.es6-Bwu1Cn-t.js';
 import 'react';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
+import '../utils/setViewportProperty.js';
 
 var textareaAppearance = {
     dev: {

package/dist/components/Tile.js

@@ -2,16 +2,17 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { useDeviceTargetClassGenerator } from '../hooks/useDeviceTargetClassGenerator.js';
 import { useStyles } from '../hooks/useStyles.js';
-import { B as Badge } from '../Badge-Bcj5H3vs.js';
-import { T as Text } from '../Text-D9sEeRE4.js';
-import { T as Title } from '../Title-Cl95USIn.js';
-import '../tslib.es6-5FtW-kfi.js';
+import { B as Badge } from '../Badge-CcaG-4ly.js';
+import { T as Text } from '../Text-JayJa3hj.js';
+import { T as Title } from '../Title-CHgrIarR.js';
+import '../tslib.es6-Bwu1Cn-t.js';
 import 'react';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
+import '../utils/setViewportProperty.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
@@ -34,7 +35,7 @@ function Tile(props) {
     var alignClass = classGenerator.alignClass, alignDirectionClass = classGenerator.alignDirectionClass, borderColorClass = classGenerator.borderColorClass, borderColorHoverClass = classGenerator.borderColorHoverClass, borderTypeClass = classGenerator.borderTypeClass, borderWidthClass = classGenerator.borderWidthClass, fillClass = classGenerator.fillClass, shapeClass = classGenerator.shapeClass;
     // @ts-expect-error
     var tileStyles = useStyles(props).styles;
-    return (jsx("div", { className: clsx('tile', className, fillClass && "fill_".concat(fillClass), shapeClass && "tile_shape_".concat(shapeClass), alignClass && "align_".concat(alignClass), alignDirectionClass && "align_".concat(alignDirectionClass), direction && "direction_".concat(direction), borderColorClass && "border-color_".concat(borderColorClass), borderColorHoverClass && "border-color_hover_".concat(borderColorHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), reverse && 'tile_reverse', size && "tile_size_".concat(size), type && "tile_type_".concat(type), badge && "tile_state_badge"), style: tileStyles, onClick: onClick, children: jsxs("div", { className: clsx('tile__wrapper', alignClass, alignDirectionClass), children: [before, title && (jsx(Title, { className: "tile__title", size: titleTextSize || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.titleTextSize), textAlign: titleTextAlign, textColor: titleTextColor || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.titleTextColor), textWeight: titleTextWeight, textWrap: titleTextWrap, children: title })), text && (jsx(Text, { className: "tile__text", size: textSize || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.textSize), textColor: textColor || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.textColor), textWrap: textWrap, children: text })), badge && (jsx(Badge, { className: "tile__badge", appearance: badgeAppearance, size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, value: badge })), children, after] }) }));
+    return (jsx("div", { className: clsx('tile', className, fillClass && "fill_".concat(fillClass), shapeClass && "tile_shape_".concat(shapeClass), alignClass && "align_".concat(alignClass), alignDirectionClass && "align_".concat(alignDirectionClass), direction && "direction_".concat(direction), borderColorClass && "border-color_".concat(borderColorClass), borderColorHoverClass && "border-color_hover_".concat(borderColorHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), reverse && 'tile_reverse', size && "tile_size_".concat(size), type && "tile_type_".concat(type), badge && "tile_state_badge"), style: tileStyles, onClick: onClick, children: jsxs("div", { className: clsx('tile__wrapper', alignClass, alignDirectionClass), children: [before, title && (jsx(Title, { className: "tile__title", size: titleTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleTextSize), textAlign: titleTextAlign, textColor: titleTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleTextColor), textWeight: titleTextWeight, textWrap: titleTextWrap, children: title })), text && (jsx(Text, { className: "tile__text", size: textSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textSize), textColor: textColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor), textWrap: textWrap, children: text })), badge && (jsx(Badge, { className: "tile__badge", appearance: badgeAppearance, size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, value: badge })), children, after] }) }));
 }
 Tile.defaultProps = {
     alignDirection: 'vertical',

package/dist/components/Title.js

@@ -1,12 +1,13 @@
-export { T as Title, a as titleAppearance, t as titleConfig } from '../Title-Cl95USIn.js';
+export { T as Title, a as titleAppearance, t as titleConfig } from '../Title-CHgrIarR.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
+import '../utils/setViewportProperty.js';
 import '../hooks/useDeviceTargetClassGenerator.js';
-import '../tslib.es6-5FtW-kfi.js';
+import '../tslib.es6-Bwu1Cn-t.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import '../hooks/useStyles.js';

package/dist/components/Tooltip.js

@@ -1,17 +1,18 @@
-export { T as Tooltip, a as tooltipAppearance, t as tooltipConfig } from '../Tooltip-BsbXMzGd.js';
+export { T as Tooltip, a as tooltipAppearance, t as tooltipConfig } from '../Tooltip-1Jbub0K6.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
 import '../hooks/useDeviceTargetClassGenerator.js';
-import '../tslib.es6-5FtW-kfi.js';
+import '../tslib.es6-Bwu1Cn-t.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
+import '../utils/setViewportProperty.js';
 import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Text-D9sEeRE4.js';
-import '../Title-Cl95USIn.js';
+import '../Text-JayJa3hj.js';
+import '../Title-CHgrIarR.js';

package/dist/components/Video.js

@@ -8,6 +8,7 @@ import 'lodash/upperFirst';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
+import '../utils/setViewportProperty.js';
 import '../hooks/styleAttributes.js';
 
 function Video(props) {

package/dist/components/Wrapper.js

@@ -2,19 +2,20 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { useDeviceTargetClassGenerator } from '../hooks/useDeviceTargetClassGenerator.js';
 import { useStyles } from '../hooks/useStyles.js';
-import '../tslib.es6-5FtW-kfi.js';
+import '../tslib.es6-Bwu1Cn-t.js';
 import 'react';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
+import '../utils/setViewportProperty.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 
 function Wrapper(props) {
-    var id = props.id, children = props.children, after = props.after, before = props.before, _a = props.className, className = _a === undefined ? 'wrapper' : _a, _b = props.tag, Tag = _b === undefined ? 'div' : _b, type = props.type;
+    var id = props.id, children = props.children, after = props.after, before = props.before, _a = props.className, className = _a === void 0 ? 'wrapper' : _a, _b = props.tag, Tag = _b === void 0 ? 'div' : _b, type = props.type;
     var classGenerator = useDeviceTargetClassGenerator(props);
     var alignClass = classGenerator.alignClass, alignDirectionClass = classGenerator.alignDirectionClass, fillClass = classGenerator.fillClass, horizontalResizingClass = classGenerator.horizontalResizingClass, positionClass = classGenerator.positionClass, verticalResizingClass = classGenerator.verticalResizingClass, wrapperPositionClass = classGenerator.wrapperPositionClass;
     // @ts-expect-error

package/dist/context/Notifications.js

@@ -1,5 +1,5 @@
 'use client';
-import { b as __spreadArray } from '../tslib.es6-5FtW-kfi.js';
+import { a as __spreadArray } from '../tslib.es6-Bwu1Cn-t.js';
 import { jsx } from 'react/jsx-runtime';
 import { createContext, useState, useCallback, useMemo, useEffect, useContext } from 'react';
 import { v4 } from 'uuid';
@@ -17,7 +17,7 @@ var NotificationsAPIContext = createContext({
     showNotification: function (notification, onClose) { },
 });
 function NotificationsProvider(props) {
-    var children = props.children, _a = props.initialNotificationsList, initialNotificationsList = _a === undefined ? [] : _a;
+    var children = props.children, _a = props.initialNotificationsList, initialNotificationsList = _a === void 0 ? [] : _a;
     var _b = useState(function () {
         // We need to set id to every notification item and original list also be have new id's
         return (initialNotificationsList || []).map(function (notificationItem) {
@@ -110,11 +110,11 @@ function createNotification(notification, onClose) {
         text = notification;
     }
     else if (typeof notification === 'object') {
-        id = (_a = notification.id) !== null && _a !== undefined ? _a : id;
-        title = (_b = notification.title) !== null && _b !== undefined ? _b : title;
-        text = (_c = notification.text) !== null && _c !== undefined ? _c : text;
-        status = (_d = notification.status) !== null && _d !== undefined ? _d : status;
-        closeByTime = (_e = notification.closeByTime) !== null && _e !== undefined ? _e : closeByTime;
+        id = (_a = notification.id) !== null && _a !== void 0 ? _a : id;
+        title = (_b = notification.title) !== null && _b !== void 0 ? _b : title;
+        text = (_c = notification.text) !== null && _c !== void 0 ? _c : text;
+        status = (_d = notification.status) !== null && _d !== void 0 ? _d : status;
+        closeByTime = (_e = notification.closeByTime) !== null && _e !== void 0 ? _e : closeByTime;
     }
     switch (status) {
         case 'success':

package/dist/context/UIContext.js

@@ -1,7 +1,8 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
-import { createContext, memo, useState, useMemo, useContext } from 'react';
+import { createContext, memo, useState, useMemo, useEffect, useContext } from 'react';
 import { useMediaQueries } from '../hooks/useMediaQueries.js';
+import { setViewportProperty } from '../utils/setViewportProperty.js';
 import 'react-responsive';
 
 var UserDeviceContext = createContext({
@@ -20,9 +21,13 @@ function useSiteMenuContext() {
     return useContext(SiteMenuContext);
 }
 var UIProvider = memo(function UIProvider(props) {
-    var children = props.children, _a = props.userDeviceState, userDeviceState = _a === undefined ? {} : _a;
+    var children = props.children, _a = props.userDeviceState, userDeviceState = _a === void 0 ? {} : _a;
     var _b = useState(false), isSiteMenuOpen = _b[0], setIsSiteMenuOpen = _b[1];
     var siteMenuContextState = useMemo(function () { return ({ isSiteMenuOpen: isSiteMenuOpen, setIsSiteMenuOpen: setIsSiteMenuOpen }); }, [isSiteMenuOpen]);
+    useEffect(function () {
+        setViewportProperty();
+        window.addEventListener('resize', setViewportProperty);
+    }, []);
     var mediaQueriesDevices = useMediaQueries(userDeviceState);
     return (jsx(UserDeviceContext.Provider, { value: mediaQueriesDevices, children: jsx(SiteMenuContext.Provider, { value: siteMenuContextState, children: children }) }));
 });

package/dist/css/components/Checkmark/Checkmark.css

@@ -12,8 +12,8 @@
       justify-content: center;
       align-items: center;
       & > svg {
-        width: 70%;
-        height: 70%;
+        width: 60%;
+        height: 60%;
       }
     }
   }

package/dist/css/components/Checkmark/Checkmark.tokens.css

@@ -0,0 +1,16 @@
+:root {
+  --checkmark-width-size-xxs: 16px;
+  --checkmark-height-size-xxs: 16px;
+  --checkmark-width-size-xs: 24px;
+  --checkmark-height-size-xs: 24px;
+  --checkmark-width-size-s: 32px;
+  --checkmark-height-size-s: 32px;
+  --checkmark-width-size-m: 40px;
+  --checkmark-height-size-m: 40px;
+  --checkmark-width-size-l: 48px;
+  --checkmark-height-size-l: 48px;
+  --checkmark-width-size-xl: 56px;
+  --checkmark-height-size-xl: 56px;
+  --checkmark-width-size-xxl: 64px;
+  --checkmark-height-size-xxl: 64px;
+}

package/dist/css/components/Swiper/Swiper.css

@@ -1,5 +1,5 @@
 /**
- * Swiper 11.2.1
+ * Swiper 11.2.4
  * Most modern mobile touch slider and framework with hardware accelerated transitions
  * https://swiperjs.com
  *
@@ -7,7 +7,7 @@
  *
  * Released under the MIT License
  *
- * Released on: January 10, 2025
+ * Released on: February 14, 2025
  */
 
 /* FONT_START */

package/dist/css/tokens/colors.css

@@ -88,11 +88,20 @@
 
   --color-success-item-primary: hsla(0, 0%, 100%, 1);
 
+  --color-success-primary: hsla(107, 100%, 34%, 1);
   --color-success-text-primary: hsla(107, 100%, 34%, 1);
   --color-success-text-secondary: hsla(0, 0%, 100%, 1);
 
   --color-success-border-primary: hsla(107, 100%, 34%, 1);
 
+  --color-warning-primary: hsla(43, 68%, 50%, 1);
+  --color-warning-text-primary: hsla(43, 68%, 50%, 1);
+  --color-warning-text-secondary: hsla(0, 0%, 100%, 1);
+
+  --color-danger-primary: hsla(349, 96%, 44%, 1);
+  --color-danger-text-primary: hsla(349, 96%, 44%, 1);
+  --color-danger-text-secondary: hsla(0, 0%, 100%, 1);
+
   --color-error-primary: hsla(6, 99%, 57%, 1);
   --color-error-text-primary: hsla(0, 0%, 100%, 1);
   --color-error-text-secondary: hsla(6, 99%, 57%, 1);

package/dist/hooks/useDeviceTargetClass.js

@@ -5,6 +5,7 @@ import { useUserDeviceContext } from '../context/UIContext.js';
 import 'react/jsx-runtime';
 import './useMediaQueries.js';
 import 'react-responsive';
+import '../utils/setViewportProperty.js';
 
 function useDeviceTargetClass(componentProps, hookProps) {
   /** Generate a class depending on the user's device.

package/dist/hooks/useDeviceTargetClassGenerator.interface.js

@@ -1 +1 @@
-
+'use strict';

package/dist/hooks/useDeviceTargetClassGenerator.js

@@ -1,4 +1,4 @@
-import { b as __spreadArray } from '../tslib.es6-5FtW-kfi.js';
+import { a as __spreadArray } from '../tslib.es6-Bwu1Cn-t.js';
 import { useMemo } from 'react';
 import camelCase from 'lodash/camelCase';
 import castArray from 'lodash/castArray';
@@ -6,6 +6,7 @@ import { useUserDeviceContext } from '../context/UIContext.js';
 import 'react/jsx-runtime';
 import './useMediaQueries.js';
 import 'react-responsive';
+import '../utils/setViewportProperty.js';
 
 function useDeviceTargetClassGenerator(componentProps, appearanceConfig) {
     /** Generate a class depending on the user's device.
@@ -35,8 +36,8 @@ function useDeviceTargetClassGenerator(componentProps, appearanceConfig) {
     var deviceTargetClassGenerator = useMemo(function () {
         var classGenerator = {
             getClass: function (propsKey, params) {
-                if (params === undefined) { params = {}; }
-                var _a = params.prefix, prefix = _a === undefined ? '' : _a, _b = params.replace, replace = _b === undefined ? [/([A-Z])/g, '-$1'] : _b;
+                if (params === void 0) { params = {}; }
+                var _a = params.prefix, prefix = _a === void 0 ? '' : _a, _b = params.replace, replace = _b === void 0 ? [/([A-Z])/g, '-$1'] : _b;
                 // prettier-ignore
                 var deviceBasePart = ((isMobile && 'Mobile') ||
                     (isTablet && 'Tablet') ||
@@ -44,8 +45,8 @@ function useDeviceTargetClassGenerator(componentProps, appearanceConfig) {
                     '');
                 var valueForDevice = componentProps["".concat(propsKey).concat(deviceBasePart)];
                 var valueDefault = componentProps[propsKey];
-                var appearanceForDevice = appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig["".concat(propsKey).concat(deviceBasePart)];
-                var appearanceDefault = appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig[propsKey];
+                var appearanceForDevice = appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig["".concat(propsKey).concat(deviceBasePart)];
+                var appearanceDefault = appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig[propsKey];
                 // prettier-ignore
                 var targetClassValue = (
                 // Value for device from props is first priority

package/dist/hooks/useMediaQueries.js

@@ -3,21 +3,9 @@ import { useMediaQuery } from 'react-responsive';
 var tablet = "48em";
 var mediaQueries = {
 	"mobile-tiny": "15em",
-	"mobile-small": "20em",
-	"mobile-medium": "23.435em",
-	"mobile-normal": "24.375em",
-	"mobile-large": "26.75em",
-	"mobile-extra-large": "30em",
 	"mobile-super-extra-large": "40em",
 	tablet: tablet,
-	"tablet-small": "40em",
-	"tablet-large": "60em",
 	"desktop-small": "60em",
-	"desktop-medium": "64em",
-	"desktop-normal": "72.5em",
-	"desktop-large": "80em",
-	"desktop-extra-large": "90em",
-	"desktop-super-extra-large": "120em",
 	"desktop-huge": "160em"
 };
 

package/dist/hooks/useStyles.js

@@ -7,6 +7,7 @@ import styleAttributes from './styleAttributes.js';
 import 'react/jsx-runtime';
 import './useMediaQueries.js';
 import 'react-responsive';
+import '../utils/setViewportProperty.js';
 
 let DEVICE_TYPES = [];
 const removeDeviceType = originalKey => {

package/dist/hooks.js

@@ -1 +1 @@
-'use strict';
+

package/dist/stories/Avatar.mdx

@@ -1,6 +1,6 @@
 import { Canvas, Meta } from '@storybook/blocks'
 
-import * as AvatarStories from './Avatar.stories.js'
+import * as AvatarStories from './Avatar.stories.tsx'
 
 <Meta of={AvatarStories} />
 

package/dist/stories/Checkmark.mdx

@@ -0,0 +1,11 @@
+import { Canvas, Meta } from '@storybook/blocks'
+
+import * as CheckmarkStories from './Checkmark.stories.tsx'
+
+<Meta of={CheckmarkStories} />
+
+# Checkmark
+
+## Refused
+
+<Canvas sourceState="shown" of={CheckmarkStories.Refused} />

package/dist/stories/Overview.mdx

@@ -1,11 +1,11 @@
 import { Meta, Story } from '@storybook/blocks'
 
-import * as TooltipStories from './Tooltip.stories.tsx'
+import * as TitleStories from './Title.stories.tsx'
 
-<Meta title="Atoms / Tooltip / Overview" />
+<Meta title="Atoms / Title / Overview" />
 
-# Tooltip
+# Title
 
-`Tooltip` - это небольшой фрагмент контекстной информации, который появляется, когда пользователи наводят курсор мыши на элемент пользовательского интерфейса.
+`Title` отображает заголовки.
 
-<Story of={TooltipStories.surfacePrimary} />
+<Story of={TitleStories.SizeH3} />

package/dist/stories/Playground.mdx

@@ -1,10 +1,10 @@
 import { Canvas, Controls, Meta } from '@storybook/blocks'
 
-import * as TooltipStories from './Tooltip.stories.tsx'
+import * as TitleStories from './Title.stories.tsx'
 
-<Meta title="Atoms / Tooltip / Playground" />
+<Meta title="Atoms / Title / Playground" />
 
 # Playground
 
-<Canvas sourceState="shown" of={TooltipStories.surfacePrimary} />
-<Controls of={TooltipStories.surfacePrimary} />
+<Canvas sourceState="shown" of={TitleStories.SizeH4} />
+<Controls of={TitleStories.SizeH4} />

package/dist/{tslib.es6-5FtW-kfi.js → tslib.es6-Bwu1Cn-t.js}

@@ -53,4 +53,4 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-export { __assign as _, __rest as a, __spreadArray as b };
+export { __assign as _, __spreadArray as a, __rest as b };

package/dist/types/components/Badge/stories/args.d.ts

@@ -0,0 +1,69 @@
+export declare const argTypes: {
+    children: {
+        if: {
+            arg: string;
+        };
+    };
+    borderWidth: {
+        control: string;
+        options: readonly [undefined, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, "1", "2", "3", "4", "5", "6", "7", "8", "9", "10"];
+    };
+    borderColor: {
+        control: string;
+        options: readonly [undefined, "accentBorderPrimary", "accentBorderSecondary", "accentBorderTertiary", "accentBorderQuaternary", "accentBorderDisabled", "primaryBorderPrimary", "primaryBorderSecondary", "primaryBorderTertiary", "primaryBorderQuaternary", "primaryBorderDisabled", "secondaryBorderPrimary", "secondaryBorderSecondary", "secondaryBorderTertiary", "secondaryBorderQuaternary", "secondaryBorderDisabled", "tertiaryBorderPrimary", "tertiaryBorderSecondary", "tertiaryBorderTertiary", "tertiaryBorderQuaternary", "tertiaryBorderDisabled", "surfaceBorderPrimary", "surfaceBorderSecondary", "surfaceBorderTertiary", "surfaceBorderQuaternary", "surfaceBorderDisabled", "surfaceBorderInverse", "errorBorderPrimary", "errorBorderSecondary", "errorBorderDisabled", "successBorderPrimary", "successBorderSecondary", "successBorderDisabled"];
+    };
+    advancedProps: {
+        control: string;
+    };
+    after: {
+        if: {
+            arg: string;
+        };
+    };
+    appearance: {
+        control: string;
+        options: (string | null)[];
+    };
+    borderColorHover: {
+        control: string;
+        options: readonly [undefined, "accentBorderPrimary", "accentBorderPrimaryHover", "primaryBorderPrimary", "secondaryBorderPrimary", "tertiaryBorderPrimary", "surfaceBorderPrimary", "surfaceBorderSecondary", "surfaceBorderTertiary", "errorBorderPrimary", "errorBorderPrimaryHover", "successBorderPrimary", "surfaceBorderQuaternary"];
+    };
+    borderType: {
+        control: string;
+        options: readonly [undefined, "outline", "solid", "none"];
+    };
+    className: {
+        if: {
+            arg: string;
+        };
+    };
+    fill: {
+        control: string;
+        options: readonly [undefined, "accentPrimary", "accentSecondary", "accentTertiary", "primaryPrimary", "primarySecondary", "primaryTertiary", "secondaryPrimary", "secondarySecondary", "secondaryTertiary", "tertiaryPrimary", "tertiarySecondary", "tertiaryTertiary", "surfaceAccent", "surfaceItemPrimary", "surfacePrimary", "surfaceQuaternary", "surfaceQuinary", "surfaceSecondary", "surfaceTertiary", "errorPrimary", "errorSecondary", "successPrimary", "successSecondary", "gradientPrimary"];
+    };
+    mode: {
+        control: string;
+        options: (string | null)[];
+    };
+    shape: {
+        control: string;
+        options: readonly [undefined, "geometric", "rounded", "circular"];
+    };
+    size: {
+        control: string;
+        options: readonly [undefined, "xxs", "xs", "s", "m", "l", "xl", "xxl"];
+    };
+    textColor: {
+        control: string;
+        options: readonly [undefined, false, "accentTextPrimary", "accentTextSecondary", "accentTextTertiary", "primaryTextPrimary", "primaryTextSecondary", "primaryTextTertiary", "secondaryTextPrimary", "secondaryTextSecondary", "secondaryTextTertiary", "tertiaryTextPrimary", "tertiaryTextSecondary", "surfaceTextAccent", "surfaceTextActive", "surfaceTextDisabled", "surfaceTextFocus", "surfaceTextHover", "surfaceTextInverse", "surfaceTextPrimary", "surfaceTextQuaternary", "surfaceTextSecondary", "surfaceTextTertiary", "errorTextPrimary", "errorTextSecondary", "successTextPrimary", "successTextSecondary", "dangerTextPrimary", "dangerTextSecondary"];
+    };
+    textSize: {
+        control: string;
+        options: readonly [undefined, "xxs", "xs", "s", "m", "l", "xl", "xxl"];
+    };
+    type: {
+        if: {
+            arg: string;
+        };
+    };
+};

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

@@ -1,16 +1,16 @@
-import { SelectClearIndicator } from './SelectClearIndicator.js';
-import { selectConfig, SelectContainer } from './SelectContainer.js';
-import { SelectControl } from './SelectControl.js';
-import { SelectDropdownIndicator } from './SelectDropdownIndicator.js';
-import { SelectGroupHeading } from './SelectGroupHeading.js';
-import { SelectIndicatorsContainer } from './SelectIndicatorsContainer.js';
-import { SelectInput } from './SelectInput.js';
-import { SelectMenu } from './SelectMenu.js';
-import { SelectMultiValueContainer } from './SelectMultiValueContainer.js';
-import { SelectMultiValueLabel } from './SelectMultiValueLabel.js';
-import { SelectMultiValueRemove } from './SelectMultiValueRemove.js';
-import { SelectOption } from './SelectOption.js';
-import { SelectPlaceholder } from './SelectPlaceholder.js';
-import { SelectSingleValue } from './SelectSingleValue.js';
-import { SelectValueContainer } from './SelectValueContainer.js';
+import { SelectClearIndicator } from './SelectClearIndicator.tsx';
+import { selectConfig, SelectContainer } from './SelectContainer.tsx';
+import { SelectControl } from './SelectControl.tsx';
+import { SelectDropdownIndicator } from './SelectDropdownIndicator.tsx';
+import { SelectGroupHeading } from './SelectGroupHeading.tsx';
+import { SelectIndicatorsContainer } from './SelectIndicatorsContainer.tsx';
+import { SelectInput } from './SelectInput.tsx';
+import { SelectMenu } from './SelectMenu.tsx';
+import { SelectMultiValueContainer } from './SelectMultiValueContainer.tsx';
+import { SelectMultiValueLabel } from './SelectMultiValueLabel.tsx';
+import { SelectMultiValueRemove } from './SelectMultiValueRemove.tsx';
+import { SelectOption } from './SelectOption.tsx';
+import { SelectPlaceholder } from './SelectPlaceholder.tsx';
+import { SelectSingleValue } from './SelectSingleValue.tsx';
+import { SelectValueContainer } from './SelectValueContainer.tsx';
 export { SelectClearIndicator, SelectContainer as Select, SelectControl, SelectDropdownIndicator, SelectGroupHeading, SelectIndicatorsContainer, SelectInput, SelectMenu, SelectMultiValueContainer, SelectMultiValueLabel, SelectMultiValueRemove, SelectOption, SelectPlaceholder, SelectSingleValue, SelectValueContainer, selectConfig, };

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

@@ -0,0 +1,2 @@
+import { setViewportProperty } from './setViewportProperty';
+export { setViewportProperty };

package/dist/types/utils/setViewportProperty.d.ts

@@ -0,0 +1,2 @@
+declare const setViewportProperty: () => void;
+export { setViewportProperty };

package/dist/utils/setViewportProperty.js

@@ -0,0 +1,6 @@
+var setViewportProperty = function () {
+    var vh = window.innerHeight * 0.01;
+    document.documentElement.style.setProperty('--vh', "".concat(vh, "px"));
+};
+
+export { setViewportProperty };

package/dist/utils.js

@@ -0,0 +1 @@
+export { setViewportProperty } from './utils/setViewportProperty.js';