@itcase/ui 1.2.28 → 1.2.30

package/dist/stories/ModalConfirm.stories.js

@@ -1,11 +1,9 @@
+import { buttonAppearance } from '../../../appearance/Button'
 import { Button, buttonConfig } from '../../Button'
-import buttonAppearance from '../../Button/appearance.json'
 import { Group } from '../../Group'
 import { Title } from '../../Title'
 import { Modal } from '../Modal'
 
-import { icon24 } from 'src/icons'
-
 buttonConfig.setAppearance(buttonAppearance)
 
 export default {

package/dist/stories/ModalDefault.stories.js

@@ -1,9 +1,7 @@
+import { buttonAppearance } from '../../../appearance/Button'
 import { Button, buttonConfig } from '../../Button'
-import buttonAppearance from '../../Button/appearance.json'
 import { Modal } from '../Modal'
 
-import { icon24 } from 'src/icons'
-
 buttonConfig.setAppearance(buttonAppearance)
 
 export default {

package/dist/stories/Notification.stories.js

@@ -1,12 +1,12 @@
+import { buttonAppearance } from '../../../appearance/Button'
+import { notificationItemAppearance } from '../../../appearance/Notification'
 import { textSizeProps, titleSizeProps } from '../../../constants'
 import { Button, buttonConfig } from '../../Button'
-import buttonAppearance from '../../Button/appearance.json'
 import { Icon } from '../../Icon'
-import notificationAppearance from '../appearance.json'
 import { NotificationItem, notificationItemConfig } from '../NotificationItem'
 
 buttonConfig.setAppearance(buttonAppearance)
-notificationItemConfig.setAppearance(notificationAppearance)
+notificationItemConfig.setAppearance(notificationItemAppearance)
 
 export default {
   argTypes: {

package/dist/stories/Radio.stories.js

@@ -1,6 +1,6 @@
+import { radioState } from '../../../appearance/Radio'
 import { shapeProps, textColorProps, textSizeProps } from '../../../constants'
 import { Radio, radioConfig } from '../Radio'
-import radioState from '../state.json'
 
 radioConfig.setState(radioState)
 

package/dist/stories/SearchInput.stories.js

@@ -1,5 +1,6 @@
 import { SearchInput, searchInputConfig } from '@itcase/ui/components/Search'
 
+import { searchAppearance } from '../../../appearance/Search'
 import {
   borderColorHoverProps,
   borderColorProps,
@@ -8,9 +9,8 @@ import {
   textColorProps,
   textSizeProps,
 } from '../../../constants'
-import searchInputAppearance from '../appearance.json'
 
-searchInputConfig.setAppearance(searchInputAppearance)
+searchInputConfig.setAppearance(searchAppearance)
 
 export default {
   argTypes: {

package/dist/stories/Size.stories.js

@@ -1,11 +1,10 @@
+import { badgeAppearance } from '../../../appearance/Badge'
+import { tabAppearance } from '../../../appearance/Tab'
 import { badgeConfig } from '../../Badge'
-import badgeAppearance from '../../Badge/appearance.json'
-import tabAppearance from '../appearance.json'
 import { Tab, tabConfig } from '../Tab'
 import { argTypes } from './args'
 
 badgeConfig.setAppearance(badgeAppearance)
-
 tabConfig.setAppearance(tabAppearance)
 
 export default {

package/dist/stories/State.stories.js

@@ -1,12 +1,10 @@
-
+import { badgeAppearance } from '../../../appearance/Badge'
+import { tabAppearance } from '../../../appearance/Tab'
 import { badgeConfig } from '../../Badge'
-import badgeAppearance from '../../Badge/appearance.json'
-import tabAppearance from '../appearance.json'
 import { Tab, tabConfig } from '../Tab'
 import { argTypes } from './args'
 
 badgeConfig.setAppearance(badgeAppearance)
-
 tabConfig.setAppearance(tabAppearance)
 
 export default {

package/dist/stories/Textarea.stories.js

@@ -1,5 +1,5 @@
+import { textareaState } from '../../../appearance/Textarea'
 import { borderColorProps, sizeProps, textColorProps, textSizeProps } from '../../../constants'
-import textareaState from '../state.json'
 import { Textarea, textareaConfig } from '../Textarea'
 
 textareaConfig.setState(textareaState)

package/dist/stories/Tile.stories.js

@@ -1,3 +1,5 @@
+import { badgeAppearance } from '../../../appearance/Badge'
+import { buttonAppearance } from '../../../appearance/Button'
 import {
   alignDirectionProps,
   alignProps,
@@ -18,13 +20,10 @@ import {
 } from '../../../constants'
 import { icon24 } from '../../../icons'
 import { badgeConfig } from '../../Badge'
-import badgeAppearance from '../../Badge/appearance.json'
 import { Button, buttonConfig } from '../../Button'
-import buttonAppearance from '../../Button/appearance.json'
 import { Tile } from '../Tile'
 
 badgeConfig.setAppearance(badgeAppearance)
-
 buttonConfig.setAppearance(buttonAppearance)
 
 export default {

package/dist/stories/Tooltip.stories.js

@@ -1,3 +1,4 @@
+import { tooltipAppearance } from '../../../appearance/Tooltip'
 import {
   alignDirectionProps,
   alignmentProps,
@@ -12,7 +13,6 @@ import {
   titleSizeProps,
   widthProps,
 } from '../../../constants'
-import tooltipAppearance from '../appearance.json'
 import { Tooltip, tooltipConfig } from '../Tooltip'
 
 tooltipConfig.setAppearance(tooltipAppearance)

package/dist/stories/appearance.mdx

@@ -2,4 +2,66 @@ import { Meta } from '@storybook/blocks'
 
 <Meta title="Appearance / Overview" />
 
-# Overview
+# Appearance
+
+`Appearance` - это заранее прописанные стили (по сути пропсы с указанными значениями) для более быстрого применения в коде.
+
+Для того чтобы добавить возможность использовать `Appearance` для компонента необходимо:
+
+- добавить `appearance` в пропсы компонента
+  `const { appearance, children, className, textColor, textSize, value } = props`
+
+- а также конфиг:
+
+```
+const badgeConfig: IBadgeConfig = {
+  appearance: badgeAppearance,
+  setAppearance: (newComponent) => {
+    badgeConfig.appearance = newComponent
+  },
+}
+```
+
+- записать в переменную сокращенное название для дальнейшего использования в коде компонента:
+
+```
+const appearanceConfig =
+  appearance && badgeConfig.appearance && badgeConfig.appearance[appearance]
+```
+
+- использовать для пропсов:
+
+```
+	fillClass ||
+	(appearanceConfig?.fill &&
+		`fill_${appearanceConfig.fill}`?.replace(/([A-Z])/g, '-$1').toLowerCase()),
+
+fillHoverClass ||
+	(appearanceConfig?.fillHover &&
+		`fill_hover_${appearanceConfig.fillHover}`?.replace(/([A-Z])/g, '-$1').toLowerCase()),
+
+textColor={textColor || appearanceConfig?.textColor}
+```
+
+- описать варианты `Appearance` необходимо в `src/appearance/Badge/index.ts`
+
+```
+	import { badgeAppearanceType } from '../../components/Badge/Badge.interface'
+
+export const badgeAppearance: badgeAppearanceType = {
+	surfacePrimary: {
+		fill: 'surfacePrimary',
+		fillHover: 'surfacePrimaryHover',
+		textColor: 'surfaceTextPrimary',
+	},
+	surfaceSecondary: {
+		fill: 'surfaceSecondary',
+		fillHover: 'surfaceSecondaryHover',
+		textColor: 'surfaceTextPrimary',
+	}
+	...
+}
+```
+
+- в коде на проекте использовать:
+  `<Badge appearance="surfacePrimary" ..../>`

package/dist/stories/settings.mdx

@@ -0,0 +1,3 @@
+import { Meta, Typeset } from '@storybook/blocks'
+
+<Meta title="Tokens / Settings" />

package/dist/{tslib.es6-5FtW-kfi.js → tslib.es6-w7hdJ3oZ.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 { __rest as _, __assign as a, __spreadArray as b };

package/dist/types/appearance/Badge/index.d.ts

@@ -0,0 +1,2 @@
+import { badgeAppearanceType } from '../../components/Badge/Badge.interface';
+export declare const badgeAppearance: badgeAppearanceType;

package/dist/types/appearance/Button/index.d.ts

@@ -0,0 +1,2 @@
+import { buttonAppearanceType } from '../../components/Button/Button.interface';
+export declare const buttonAppearance: buttonAppearanceType;

package/dist/types/appearance/Checkbox/index.d.ts

@@ -0,0 +1,3 @@
+import { tCheckboxAppearance, tCheckboxState } from '../../components/Checkbox/Checkbox.interface';
+export declare const checkboxAppearance: tCheckboxAppearance;
+export declare const checkboxState: tCheckboxState;

package/dist/types/appearance/Chips/index.d.ts

@@ -0,0 +1,2 @@
+import { tChipsAppearance } from '../../components/Chips/Chips.interface';
+export declare const chipsAppearance: tChipsAppearance;

package/dist/types/appearance/Choice/index.d.ts

@@ -0,0 +1,2 @@
+import { tChoiceAppearance } from '../../components/Choice/Choice.interface';
+export declare const choiceAppearance: tChoiceAppearance;

package/dist/types/appearance/DatePicker/index.d.ts

@@ -0,0 +1,2 @@
+import { datePickerAppearanceType } from '../../components/DatePicker/DatePicker.interface';
+export declare const datePickerAppearance: datePickerAppearanceType;

package/dist/types/appearance/Group/index.d.ts

@@ -0,0 +1,2 @@
+import { tAppearance } from '../../components/Group/Group.interface';
+export declare const groupAppearance: tAppearance;

package/dist/types/appearance/Icon/index.d.ts

@@ -0,0 +1,2 @@
+import { tIconAppearance } from '../../components/Icon/Icon.interface';
+export declare const iconAppearance: tIconAppearance;

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

@@ -0,0 +1,3 @@
+import { tInputAppearance, tInputState } from '../../components/Input/Input.interface';
+export declare const inputAppearance: tInputAppearance;
+export declare const inputState: tInputState;

package/dist/types/appearance/InputPassword/index.d.ts

@@ -0,0 +1,3 @@
+import { tInputAppearance, tInputState } from '../../components/InputPassword/InputPassword.interface';
+export declare const InputPasswordAppearance: tInputAppearance;
+export declare const InputPasswordState: tInputState;

package/dist/types/appearance/Label/index.d.ts

@@ -0,0 +1,2 @@
+import { labelAppearanceType } from '../../components/Label/Label.interface';
+export declare const labelAppearance: labelAppearanceType;

package/dist/types/appearance/Loader/index.d.ts

@@ -0,0 +1,2 @@
+import { loaderAppearanceType } from '../../components/Loader/Loader.interface';
+export declare const loaderAppearance: loaderAppearanceType;

package/dist/types/appearance/MenuItem/index.d.ts

@@ -0,0 +1,2 @@
+import { menuItemAppearanceType } from '../../components/MenuItem/MenuItem.interface';
+export declare const menuItemAppearance: menuItemAppearanceType;

package/dist/types/appearance/Notification/index.d.ts

@@ -0,0 +1,2 @@
+import { notificationItemAppearanceType } from '../../components/Notification/Notification.interface';
+export declare const notificationItemAppearance: notificationItemAppearanceType;

package/dist/types/appearance/Radio/index.d.ts

@@ -0,0 +1,3 @@
+import { radioAppearanceType, radioStateType } from 'components/Radio/Radio.interface';
+export declare const radioAppearance: radioAppearanceType;
+export declare const radioState: radioStateType;

package/dist/types/appearance/Response/index.d.ts

@@ -0,0 +1,2 @@
+import { responseAppearanceType } from '../../components/Response/Response.interface';
+export declare const responseAppearance: responseAppearanceType;

package/dist/types/appearance/Search/index.d.ts

@@ -0,0 +1,2 @@
+import { searchAppearanceType } from '../../components/Search/Search.interface';
+export declare const searchAppearance: searchAppearanceType;

package/dist/types/appearance/Segmented/index.d.ts

@@ -0,0 +1,2 @@
+import { segmentedAppearanceType } from '../../components/Segmented/Segmented.interface';
+export declare const segmentedAppearance: segmentedAppearanceType;

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

@@ -0,0 +1,2 @@
+import { tSelectAppearance } from '../../components/Select/Select.interface';
+export declare const selectAppearance: tSelectAppearance;

package/dist/types/appearance/Tab/index.d.ts

@@ -0,0 +1,2 @@
+import { tTabAppearance } from '../../components/Tab/Tab.interface';
+export declare const tabAppearance: tTabAppearance;

package/dist/types/appearance/Text/index.d.ts

@@ -0,0 +1,2 @@
+import { tAppearance } from '../../components/Text/Text.interface';
+export declare const textAppearance: tAppearance;

package/dist/types/appearance/Textarea/index.d.ts

@@ -0,0 +1,3 @@
+import { textareaAppearanceType, textareaStateType } from 'components/Textarea/Textarea.interface';
+export declare const textareaAppearance: textareaAppearanceType;
+export declare const textareaState: textareaStateType;

package/dist/types/appearance/Title/index.d.ts

@@ -0,0 +1,2 @@
+import { tAppearance } from '../../components/Title/Title.interface';
+export declare const titleAppearance: tAppearance;

package/dist/types/appearance/Tooltip/index.d.ts

@@ -0,0 +1,2 @@
+import { tooltipAppearanceType } from '../../components/Tooltip/Tooltip.interface';
+export declare const tooltipAppearance: tooltipAppearanceType;

package/dist/types/components/Badge/Badge.appearance.d.ts

@@ -0,0 +1,2 @@
+import { badgeAppearanceType } from './Badge.interface';
+export declare const badgeAppearance: badgeAppearanceType;

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

@@ -1,10 +1,4 @@
 import { IBadgeConfig, IBadgeProps } from './Badge.interface';
 declare const badgeConfig: IBadgeConfig;
 declare function Badge(props: IBadgeProps): import("react/jsx-runtime").JSX.Element;
-declare namespace Badge {
-    var defaultProps: {
-        size: string;
-        shape: string;
-    };
-}
 export { Badge, badgeConfig };

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

@@ -1,3 +1,4 @@
 import { IDatePickerInputProps } from './DatePicker.interface';
+declare const datePickerConfig: IDatePickerConfig;
 declare function DatePickerInput(props: IDatePickerInputProps): import("react/jsx-runtime").JSX.Element;
-export { DatePickerInput };
+export { DatePickerInput, datePickerConfig };

package/dist/types/components/DatePicker/DatePicker.interface.d.ts

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
 import { DatePickerProps } from 'react-datepicker';
+import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
 import { iconFillSizePropsType, iconSizePropsType, tFillHoverProps, tFillProps, tItemColorProps, tShapeProps, tSizeProps, tTextColorHoverProps, tTextColorProps, tTextSizeProps, tTextWeightProps } from '../../types';
 import { iInputProps } from '../Input/Input.interface';
 interface IDatePickerProps extends DatePickerProps {
@@ -37,7 +38,15 @@ interface IDatePickerProps extends DatePickerProps {
     isClearable?: boolean;
     isStartDefaultNull?: boolean;
 }
-export interface IDatePickerInputProps {
+type appearanceKeysType = {} & tAppearanceKeysDefault;
+export type datePickerAppearanceType = {
+    [key in appearanceKeysType]?: IDatePickerInputProps;
+};
+export interface IDatePickerConfig {
+    appearance: datePickerAppearanceType | undefined;
+    setAppearance: (newComponent: datePickerAppearanceType) => void;
+}
+export interface IDatePickerInputProps extends IDatePickerProps {
     className?: string;
     clearIcon?: any;
     clearIconFill?: tFillProps;

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

@@ -1 +1 @@
-export { DatePickerInput } from './DatePicker';
+export { DatePickerInput, datePickerConfig } from './DatePicker';

package/dist/types/components/Group/Group.interface.d.ts

@@ -12,7 +12,7 @@ interface ThemeColor {
     labelTextColor?: tTextColorProps;
 }
 type appearanceKeysType = {} & tAppearanceKeysDefault;
-type tAppearance = {
+export type tAppearance = {
     [key in appearanceKeysType]: ThemeColor;
 };
 export interface IGroupConfig {

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

@@ -3,9 +3,9 @@ declare const menuItemConfig: IMenuItemConfig;
 declare function MenuItem(props: IMenuItemProps): import("react/jsx-runtime").JSX.Element;
 declare namespace MenuItem {
     var defaultProps: {
-        size: string;
-        LinkComponent: string;
         direction: string;
+        LinkComponent: string;
+        size: string;
     };
 }
 export { MenuItem, menuItemConfig };

package/dist/types/components/Text/Text.interface.d.ts

@@ -1,6 +1,6 @@
 import type { CSSProperties, ElementType, ReactNode } from 'react';
 import type { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import type { tTextAlignProps, tTextColorActiveProps, tTextColorHoverProps, tTextGradientProps, tTextStyleProps, tTextWrapProps, tSizeProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tWidthProps, typePropsType } from '../../types';
+import type { tSizeProps, tTextAlignProps, tTextColorActiveProps, tTextColorHoverProps, tTextColorProps, tTextGradientProps, tTextSizeProps, tTextStyleProps, tTextWeightProps, tTextWrapProps, tWidthProps, typePropsType } from '../../types';
 import type { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 interface iTextThemeColor {
     size?: tSizeProps;
@@ -9,7 +9,7 @@ interface iTextThemeColor {
     textColorGradient?: tTextGradientProps;
     textColorHover?: tTextColorHoverProps;
 }
-type tAppearance = {
+export type tAppearance = {
     [key in tAppearanceKeysDefault]: iTextThemeColor;
 };
 interface iTextConfig {

package/dist/types/components/Title/Title.interface.d.ts

@@ -1,6 +1,6 @@
 import { CSSProperties, ElementType, ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { tFillProps, tTextAlignProps, tTextColorActiveProps, tTextColorHoverProps, tTextColorProps, tTextGradientProps, tTextStyleProps, tTextWeightProps, tTextWrapProps, titleSizePropsType, svgFillPropsType } from '../../types';
+import { svgFillPropsType, tFillProps, titleSizePropsType, tTextAlignProps, tTextColorActiveProps, tTextColorHoverProps, tTextColorProps, tTextGradientProps, tTextStyleProps, tTextWeightProps, tTextWrapProps } from '../../types';
 import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 interface ITitleThemeColor {
     fill?: tFillProps;
@@ -20,7 +20,7 @@ interface ITitleThemeColor {
     svgFillHover?: svgFillPropsType;
 }
 type appearanceKeysType = tAppearanceKeysDefault & {};
-type tAppearance = {
+export type tAppearance = {
     [key in appearanceKeysType]: ITitleThemeColor;
 };
 export interface ITitleConfig {

package/dist/types/types/componentProps/appearanceKeys.d.ts

@@ -1 +1 @@
-export type tAppearanceKeysDefault = 'accent' | 'accentSecondary' | 'any' | 'dev' | 'disabled' | 'error' | 'fail' | 'gradientPrimary' | 'l' | 'm' | 'primary' | 's' | 'secondary' | 'success' | 'surface' | 'surfaceDisabled' | 'surfacePrimary' | 'surfaceQuaternary' | 'surfaceSecondary' | 'surfaceTertiary' | 'warning' | 'xl' | 'xs';
+export type tAppearanceKeysDefault = 'accent' | 'accentSecondary' | 'any' | 'default' | 'dev' | 'disabled' | 'error' | 'fail' | 'gradientPrimary' | 'l' | 'm' | 'primary' | 's' | 'secondary' | 'success' | 'surface' | 'surfaceDisabled' | 'surfacePrimary' | 'surfaceQuaternary' | 'surfaceSecondary' | 'surfaceTertiary' | 'warning' | 'xl' | 'xs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.2.28",
+  "version": "1.2.30",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",
@@ -37,6 +37,10 @@
     }
   },
   "exports": {
+    "./appearance/*": {
+      "import": "./dist/appearance/*.js",
+      "require": "./dist/cjs/appearance/*.js"
+    },
     "./types/components/*/*.interface": {
       "import": "./dist/types/components/*/*.interface.d.ts",
       "types": "./dist/types/components/*/*.interface.d.ts"
@@ -93,11 +97,11 @@
     "registry": "https://registry.npmjs.org/"
   },
   "dependencies": {
-    "@itcase/common": "^1.2.15",
+    "@itcase/common": "^1.2.16",
     "clsx": "^2.1.1",
+    "date-fns": "^4.1.0",
     "js-cookie": "^3.0.5",
     "lodash": "^4.17.21",
-    "luxon": "^3.5.0",
     "prop-types": "^15.8.1",
     "rc-slider": "^11.1.7",
     "react": "^18.3.1",
@@ -114,7 +118,7 @@
     "react-scroll": "^1.9.0",
     "react-scrollbars-custom": "^4.1.1",
     "react-select": "^5.8.3",
-    "swiper": "^11.1.14",
+    "swiper": "^11.1.15",
     "uuid": "^11.0.3"
   },
   "devDependencies": {
@@ -124,9 +128,9 @@
     "@babel/preset-env": "^7.26.0",
     "@babel/preset-react": "^7.25.9",
     "@chromatic-com/storybook": "^3.2.2",
-    "@commitlint/cli": "^19.5.0",
-    "@commitlint/config-conventional": "^19.5.0",
-    "@itcase/lint": "^1.0.16",
+    "@commitlint/cli": "^19.6.0",
+    "@commitlint/config-conventional": "^19.6.0",
+    "@itcase/lint": "^1.0.18",
     "@lehoczky/postcss-fluid": "^1.0.3",
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^28.0.1",
@@ -137,17 +141,17 @@
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
     "@semantic-release/release-notes-generator": "14.0.1",
-    "@storybook/addon-essentials": "^8.4.4",
-    "@storybook/addon-interactions": "^8.4.4",
-    "@storybook/addon-links": "^8.4.4",
-    "@storybook/addon-onboarding": "^8.4.4",
+    "@storybook/addon-essentials": "^8.4.5",
+    "@storybook/addon-interactions": "^8.4.5",
+    "@storybook/addon-links": "^8.4.5",
+    "@storybook/addon-onboarding": "^8.4.5",
     "@storybook/addon-styling-webpack": "^1.0.1",
-    "@storybook/addon-themes": "^8.4.4",
+    "@storybook/addon-themes": "^8.4.5",
     "@storybook/addon-webpack5-compiler-swc": "^1.0.5",
-    "@storybook/blocks": "^8.4.4",
-    "@storybook/react": "^8.4.4",
-    "@storybook/react-webpack5": "^8.4.4",
-    "@storybook/test": "^8.4.4",
+    "@storybook/blocks": "^8.4.5",
+    "@storybook/react": "^8.4.5",
+    "@storybook/react-webpack5": "^8.4.5",
+    "@storybook/test": "^8.4.5",
     "@types/js-cookie": "^3.0.6",
     "@types/lodash": "^4.17.13",
     "@types/react": "^18",
@@ -161,10 +165,10 @@
     "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
     "conventional-changelog-conventionalcommits": "^8.0.0",
     "eslint": "9.15.0",
-    "eslint-plugin-storybook": "^0.11.0",
-    "husky": "^9.1.6",
+    "eslint-plugin-storybook": "^0.11.1",
+    "husky": "^9.1.7",
     "lint-staged": "^15.2.10",
-    "npm": "^10.9.0",
+    "npm": "^10.9.1",
     "postcss": "^8.4.49",
     "postcss-aspect-ratio-polyfill": "^2.0.0",
     "postcss-cli": "^11.0.0",
@@ -187,15 +191,15 @@
     "postcss-pxtorem": "^6.1.0",
     "postcss-sort-media-queries": "^5.2.0",
     "prettier": "^3.3.3",
-    "rollup": "^4.27.2",
+    "rollup": "^4.27.3",
     "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-dts": "^6.1.1",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-preserve-directives": "^1.1.2",
     "semantic-release": "^24.2.0",
-    "storybook": "^8.4.4",
+    "storybook": "^8.4.5",
     "stylelint": "^16.10.0",
     "typescript": "^5.6.3"
   },
-  "packageManager": "pnpm@8.6.2+sha1.343879a68ea9ba1427ee1392072c8ad68537c534"
+  "packageManager": "pnpm@9.14.2"
 }

package/dist/cjs/components.js

@@ -1,3 +0,0 @@
-'use strict';
-'use strict';
-

package/dist/components.js

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