@loadsmart/loadsmart-ui 8.0.0 → 8.0.2

package/dist/tools/conditional.d.ts

@@ -15,8 +15,8 @@ export type When<P> = {
  *  'prop-d': Boolean // checks `Boolean(Boolean(props['prop-d']))`
  * })
  * ```
- * @param {...Object} conditions
- * @returns {(props: Object}) => boolean} Returns function that consumes component props.
+ * @param conditions
+ * @returns Returns function that consumes component props.
  */
 export declare function whenProps<P>(conditions: When<F.Narrow<P>> | When<F.Narrow<P>>[]): (props: P) => boolean;
 type ConditionObject<P> = Record<string, string | number | boolean | ((props: P) => boolean) | undefined>;
@@ -33,7 +33,7 @@ type Condition<P> = number | string | ConditionObject<P> | ((props: P) => string
  * }, (props) => props.className)
  * ```
  * @param conditions
- * @returns {(props: ThemedProps) => string} Returns function that consumes component props.
+ * @returns Returns function that consumes component props.
  */
 declare function conditional<P>(...conditions: Condition<P>[]): (props: P) => string;
 export default conditional;

package/dist/tools/index.js

@@ -1,4 +1,4 @@
-import { c, p, w } from "../prop-K2Z3EsyG.js";
+import { c, p, w } from "../prop-Fs2axl9W.js";
 export {
   c as conditional,
   p as prop,

package/dist/tools/prop.d.ts

@@ -9,7 +9,7 @@ declare function compare(...args: any[]): unknown;
  * @param name a valid property name from the object
  * @param defaultValue a fallback value in case the property value is invalid
  * @param comparatorFn a function to be used to decide between value or defaultValue
- * @returns {(props: ThemedProps) => string} Returns function that consumes component props.
+ * @returns Returns function that consumes component props.
  */
 declare function prop<P, K extends keyof P = keyof P>(name: K, defaultValue?: NonNullable<P[K]>, comparatorFn?: typeof compare): (props: P) => P[K];
 export default prop;

package/dist/utils/toolset/getID.d.ts

@@ -1,9 +1,3 @@
-/**
- *
- * @param {Object} options - Options
- * @param
- * @returns
- */
 export declare function IDGenerator({ maxIDLength, initialIDLength, alphabet, }: {
     maxIDLength: number;
     initialIDLength: number;

package/dist/utils/toolset/highlightMatch.d.ts

@@ -1,9 +1,8 @@
+import { default as React } from 'react';
 /**
  * A function that wraps a match into `mark` element to be highlighted.
- * @example
- *
- * @param {string} - label to be split
- * @param {string} - match to be found
- * @returns {ReactNode} - an element with marked match
+ * @param label to be split
+ * @param match to be found
+ * @returns an element with marked match
  */
-export default function highlightMatch(str: string, match: string): JSX.Element;
+export default function highlightMatch(str?: string, match?: string): React.ReactNode;

package/dist/utils/toolset/keyboard.d.ts

@@ -1,4 +1,4 @@
-import { KeyboardEvent } from 'react';
+import { default as React } from 'react';
 declare const SUPPORTED_KEYS: {
     ALT: string;
     ARROW_DOWN: string;
@@ -17,8 +17,7 @@ declare const SUPPORTED_KEYS: {
     MINUS: string;
 };
 export type SupportedKey = keyof typeof SUPPORTED_KEYS;
-export declare function getKeyboardKey(e: KeyboardEvent): KeyboardEvent['key'];
-declare function KeyboardKey(e: KeyboardEvent): {
-    is(otherKeys: SupportedKey | SupportedKey[]): boolean;
+declare function KeyboardKey(event: KeyboardEvent | React.KeyboardEvent): {
+    is: (otherKeys: SupportedKey | SupportedKey[]) => boolean;
 };
 export default KeyboardKey;

package/dist/utils/toolset/toArray.d.ts

@@ -1,2 +1,8 @@
-declare function toArray<T>(value: T | T[]): T[];
+/**
+ * Produces array for non-array value.
+ * @param value - Value to be converted/returned.
+ * @return Returns `value` itself if it is an array or
+ * an array containing the provided `value`.
+ */
+declare const toArray: <T>(value: T | T[] | readonly T[] | undefined | null) => T[];
 export default toArray;

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

@@ -1,2 +1 @@
-type ColorScheme = 'dark' | 'light';
-export default ColorScheme;
+export type ColorScheme = 'dark' | 'light';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loadsmart/loadsmart-ui",
-  "version": "8.0.0",
+  "version": "8.0.2",
   "description": "Miranda UI, a React UI library",
   "type": "module",
   "main": "dist/index.js",
@@ -19,90 +19,89 @@
     "release:ci": "semantic-release",
     "build:ci": "yarn build",
     "test:ci": "yarn test --ci --coverage --reporters=default --reporters=jest-junit -w 4",
-    "check:lint:ci": "yarn lint",
+    "check:lint:ci": "yarn lint --quiet",
     "docs:build:ci": "yarn docs:build --disable-telemetry",
     "docs:deploy:ci": "gh-pages -d docs -m \"chore(docs): update gh-pages [skip ci]\"",
-    "prepare": "husky"
+    "_postinstall": "node .husky/install.js",
+    "prepack": "pinst --disable",
+    "postpack": "pinst --enable",
+    "format": "prettier . --write",
+    "check:format:ci": "prettier . --check",
+    "check:type": "tsc -b",
+    "check:type:ci": "yarn check:type"
   },
   "storybook-deployer": {
     "commitMessage": "chore(docs): deploy storybook to GitHub pages [skip ci]"
   },
-  "lint-staged": {
-    "src/**/*.{js,ts,jsx,tsx,json}": [
-      "eslint --fix",
-      "prettier --write"
-    ],
-    "src/{common,components,styles}/**/*.{js,ts,jsx,tsx}": [
-      "eslint --fix",
-      "prettier --write"
-    ]
-  },
   "jest-junit": {
     "addFileAttribute": "true"
   },
   "devDependencies": {
-    "@commitlint/cli": "^19.8.0",
-    "@commitlint/config-conventional": "^19.8.0",
-    "@loadsmart/miranda-tokens": "^4.0.0-beta.60",
-    "@storybook/addon-a11y": "^8.6.12",
-    "@storybook/addon-docs": "^8.6.12",
-    "@storybook/addon-essentials": "^8.6.12",
-    "@storybook/addon-links": "^8.6.12",
-    "@storybook/react": "^8.6.12",
-    "@storybook/react-vite": "^8.6.12",
-    "@storybook/theming": "^8.6.12",
-    "@swc/core": "^1.11.18",
-    "@swc/jest": "^0.2.37",
-    "@tailwindcss/vite": "^4.1.3",
-    "@testing-library/dom": "^10.4.0",
-    "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/react": "^16.3.0",
+    "@commitlint/cli": "^20.5.0",
+    "@commitlint/config-conventional": "^20.5.0",
+    "@loadsmart/miranda-tokens": "^4.25.7",
+    "@rolldown/plugin-babel": "^0.2.2",
+    "@storybook/addon-a11y": "^8.6.18",
+    "@storybook/addon-docs": "^8.6.18",
+    "@storybook/addon-essentials": "^8.6.18",
+    "@storybook/addon-links": "^8.6.18",
+    "@storybook/react": "^8.6.18",
+    "@storybook/react-vite": "^8.6.18",
+    "@storybook/theming": "^8.6.18",
+    "@swc/core": "^1.15.21",
+    "@swc/jest": "^0.2.39",
+    "@tailwindcss/vite": "^4.2.2",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
     "@testing-library/react-hooks": "^8.0.1",
     "@testing-library/user-event": "^13.5.0",
-    "@types/chance": "^1.1.1",
-    "@types/jest": "^29.5.14",
-    "@types/node": "^22.13.16",
-    "@types/react": "^18.3.20",
-    "@types/react-dom": "^18.3.6",
-    "@types/styled-components": "^5.1.34",
-    "@typescript-eslint/eslint-plugin": "^4.22.1",
-    "@typescript-eslint/parser": "^4.22.1",
-    "@vitejs/plugin-react": "^4.3.4",
+    "@types/chance": "^1.1.7",
+    "@types/jest": "^30.0.0",
+    "@types/node": "^24.12.0",
+    "@types/react": "^18.3.28",
+    "@types/react-dom": "^18.3.7",
+    "@types/styled-components": "^5.1.36",
+    "@vitejs/plugin-react": "^5.2.0",
     "babel-plugin-styled-components": "^2.1.4",
-    "chance": "^1.1.8",
-    "commitizen": "^4.2.4",
+    "chance": "^1.1.13",
+    "commitizen": "^4.3.1",
     "cz-conventional-changelog": "^3.3.0",
-    "eslint": "^7.26.0",
-    "eslint-config-prettier": "^10.1.1",
-    "eslint-plugin-jest-dom": "^3.8.1",
-    "eslint-plugin-jsx-a11y": "^6.4.1",
-    "eslint-plugin-prettier": "^5.2.6",
-    "eslint-plugin-react": "^7.23.2",
-    "eslint-plugin-react-hooks": "^4.2.0",
-    "eslint-plugin-storybook": "^0.6.12",
-    "eslint-plugin-testing-library": "^5.9.1",
+    "eslint": "^9.39.4",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-jest": "^29.15.1",
+    "eslint-plugin-jest-dom": "^5.5.0",
+    "eslint-plugin-jsx-a11y": "^6.10.2",
+    "eslint-plugin-prettier": "^5.5.5",
+    "eslint-plugin-promise": "^7.2.1",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-testing-library": "^7.16.2",
+    "eslint-plugin-unicorn": "^63.0.0",
     "gh-pages": "^6.3.0",
     "husky": "^9.1.7",
-    "jest": "^29.7.0",
-    "jest-environment-jsdom": "^29.7.0",
+    "jest": "^30.3.0",
+    "jest-environment-jsdom": "^30.3.0",
     "jest-junit": "^16.0.0",
     "jest-transformer-svg": "^2.1.0",
-    "lint-staged": "^15.5.0",
-    "nanoid": "^5.1.5",
-    "prettier": "^3.5.3",
+    "lint-staged": "^16.4.0",
+    "nanoid": "^5.1.7",
+    "pinst": "^3.0.0",
+    "prettier": "^3.8.1",
     "react": "^18.3.1",
-    "react-docgen-typescript": "^2.2.2",
+    "react-docgen-typescript": "^2.4.0",
     "react-dom": "^18.3.1",
-    "react-is": "^18.0.2",
-    "semantic-release": "^24.2.3",
-    "storybook": "^8.6.12",
+    "react-is": "^18.3.1",
+    "semantic-release": "^25.0.3",
+    "storybook": "^8.6.18",
     "styled-components": "^5.3.11",
-    "tailwindcss": "^4.1.3",
+    "tailwindcss": "^4.2.2",
     "ts-toolbelt": "^9.6.0",
-    "typescript": "^5.8.3",
-    "vite": "^6.2.5",
-    "vite-plugin-dts": "^4.5.3",
-    "vite-plugin-svgr": "^4.3.0"
+    "typescript": "^6.0.2",
+    "typescript-eslint": "^8.57.2",
+    "vite": "^7.3.1",
+    "vite-plugin-dts": "^4.5.4",
+    "vite-plugin-svgr": "^4.5.0"
   },
   "peerDependencies": {
     "@loadsmart/miranda-tokens": ">=1.3.0",
@@ -112,13 +111,13 @@
     "styled-components": ">=5.3.0"
   },
   "dependencies": {
-    "@floating-ui/react-dom": "^2.1.2",
+    "@floating-ui/react-dom": "^2.1.8",
     "@loadsmart/utils-function": "0.3.1",
     "@loadsmart/utils-object": "0.3.1",
     "@loadsmart/utils-string": "0.3.1",
     "@types/lodash-es": "^4.17.12",
     "clsx": "^2.1.1",
-    "lodash-es": "^4.17.21"
+    "lodash-es": "^4.17.23"
   },
   "repository": {
     "type": "git",
@@ -137,5 +136,5 @@
     "@types/react": "18.3.20",
     "@types/react-dom": "18.3.6"
   },
-  "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
+  "packageManager": "yarn@4.13.0+sha512.5c20ba010c99815433e5c8453112165e673f1c7948d8d2b267f4b5e52097538658388ebc9f9580656d9b75c5cc996f990f611f99304a2197d4c56d21eea370e7"
 }

package/dist/components/Accordion/Accordion.stories.d.ts

@@ -1,8 +0,0 @@
-import { AccordionProps } from './Accordion';
-import { Meta } from '@storybook/react';
-declare const _default: Meta;
-export default _default;
-export declare function Playground(args: AccordionProps): JSX.Element;
-export declare function CustomIndicators(): JSX.Element;
-export declare function ControlledOpened(args: AccordionProps): JSX.Element;
-export declare function ControlledBasedOnExpandedProp(args: AccordionProps): JSX.Element;

package/dist/components/Accordion/Accordion.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/Banner/Banner.stories.d.ts

@@ -1,107 +0,0 @@
-import { default as React } from 'react';
-import { Meta } from '@storybook/react';
-import { BannerProps, BannerActionProps } from './Banner';
-declare const _default: Meta;
-export default _default;
-export declare function Playground(args: BannerProps): JSX.Element;
-export declare namespace Playground {
-    var args: {
-        scale: string;
-        variant: string;
-        title: string;
-    };
-}
-export declare function Warning(args: BannerProps): JSX.Element;
-export declare namespace Warning {
-    var args: {
-        scale: string;
-        variant: string;
-        title: string;
-    };
-}
-export declare function Danger(args: BannerProps): JSX.Element;
-export declare namespace Danger {
-    var args: {
-        scale: string;
-        variant: string;
-        title: string;
-    };
-}
-export declare function Neutral(args: BannerProps): JSX.Element;
-export declare namespace Neutral {
-    var args: {
-        scale: string;
-        variant: string;
-        title: string;
-    };
-}
-export declare function CustomIcon(args: BannerProps): JSX.Element;
-export declare namespace CustomIcon {
-    var args: {
-        scale: string;
-        variant: string;
-        title: string;
-        icon: React.JSX.Element;
-    };
-}
-export declare function Large(args: BannerProps): JSX.Element;
-export declare namespace Large {
-    var args: {
-        scale: string;
-        variant: string;
-        title: string;
-        description: string;
-    };
-}
-export declare function Action(args: BannerActionProps): JSX.Element;
-export declare namespace Action {
-    var args: {
-        scale: string;
-        variant: string;
-        title: string;
-        action: string;
-    };
-}
-export declare function ActionWithSecondaryAction(args: BannerActionProps): JSX.Element;
-export declare namespace ActionWithSecondaryAction {
-    var args: {
-        scale: string;
-        variant: string;
-        title: string;
-        action: string;
-        secondaryAction: string;
-    };
-}
-export declare function ActionLarge(args: BannerActionProps): JSX.Element;
-export declare namespace ActionLarge {
-    var args: {
-        scale: string;
-        variant: string;
-        title: string;
-        description: string;
-        action: string;
-    };
-}
-export declare function ActionLargeWithSecondaryAction(args: BannerActionProps): JSX.Element;
-export declare namespace ActionLargeWithSecondaryAction {
-    var args: {
-        scale: string;
-        variant: string;
-        title: string;
-        description: string;
-        action: string;
-        secondaryAction: string;
-    };
-}
-export declare function ActionLargeDismissibleWithSecondaryAction(args: BannerActionProps): JSX.Element;
-export declare namespace ActionLargeDismissibleWithSecondaryAction {
-    var args: {
-        scale: string;
-        variant: string;
-        title: string;
-        description: string;
-        action: string;
-        secondaryAction: string;
-        dismissible: boolean;
-    };
-}

package/dist/components/Banner/Banner.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/Breadcrumbs/Breadbrumbs.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/Breadcrumbs/Breadcrumbs.stories.d.ts

@@ -1,5 +0,0 @@
-import { BreadcrumbsProps } from './Breadcrumbs';
-import { Meta } from '@storybook/react';
-declare const _default: Meta;
-export default _default;
-export declare const Playground: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, BreadcrumbsProps>;

package/dist/components/Button/Button.stories.d.ts

@@ -1,33 +0,0 @@
-import { default as React } from 'react';
-import { Meta } from '@storybook/react';
-import { BackButtonProps } from '../../common/BackButton';
-import { ButtonProps } from './Button';
-import { CloseButtonProps } from '../../common/CloseButton';
-declare const _default: Meta;
-export default _default;
-export declare function Playground(args: ButtonProps): JSX.Element;
-export declare namespace Playground {
-    var args: {
-        scale: string;
-        variant: string;
-        leading: React.JSX.Element;
-        trailing: React.JSX.Element;
-    };
-}
-export declare function Base(args: ButtonProps): JSX.Element;
-export declare function Selector(args: ButtonProps): JSX.Element;
-export declare namespace Selector {
-    var args: {
-        scale: string;
-        variant: string;
-    };
-}
-export declare function Icon(args: ButtonProps): JSX.Element;
-export declare namespace Icon {
-    var args: {
-        scale: string;
-    };
-}
-export declare function Back(args: BackButtonProps): JSX.Element;
-export declare function Close(args: CloseButtonProps): JSX.Element;
-export declare function Loading(args: ButtonProps): JSX.Element;

package/dist/components/Button/Button.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/Calendar/Calendar.stories.d.ts

@@ -1,21 +0,0 @@
-import { Meta } from '@storybook/react';
-import { CalendarDate } from './Date.helper';
-import { CalendarProps } from './Calendar.types';
-declare const _default: Meta;
-export default _default;
-export declare const Playground: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, CalendarProps>;
-export declare function Selection(): JSX.Element;
-declare function isWeekend(date: CalendarDate): boolean;
-export declare function CalendarConstraints(args: CalendarProps): JSX.Element;
-export declare namespace CalendarConstraints {
-    var args: {
-        constraints: ((string | null)[] | typeof isWeekend)[];
-    };
-    var parameters: {
-        docs: {
-            description: {
-                story: string;
-            };
-        };
-    };
-}

package/dist/components/Calendar/Calendar.test.d.ts

@@ -1 +0,0 @@
-export declare const formatter: import('./DateFormat.helper').DateFormat;

package/dist/components/Calendar/Date.helper.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/Calendar/DateFormat.helper.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/Calendar/Month.helper.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/Calendar/Pickers/DayPicker.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/Calendar/Pickers/MonthPicker.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/Calendar/Pickers/YearPicker.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/Card/Card.stories.d.ts

@@ -1,8 +0,0 @@
-import { StoryFn, Meta } from '@storybook/react';
-import { CardProps } from './Card';
-declare const _default: Meta;
-export default _default;
-export declare const Playground: StoryFn<CardProps>;
-export declare const Default: StoryFn<CardProps>;
-export declare const TitleOnly: StoryFn<CardProps>;
-export declare const Flagged: StoryFn<CardProps>;

package/dist/components/Card/Card.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/Checkbox/Checkbox.stories.d.ts

@@ -1,8 +0,0 @@
-import { CheckboxProps } from './Checkbox';
-import { Meta } from '@storybook/react';
-declare const _default: Meta;
-export default _default;
-export declare function Playground(args: CheckboxProps): JSX.Element;
-export declare namespace Playground {
-    var args: {};
-}

package/dist/components/Checkbox/Checkbox.test.d.ts

@@ -1 +0,0 @@
-export {};

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

@@ -1,22 +0,0 @@
-import { StoryFn, Meta } from '@storybook/react';
-import { DatePickerProps } from './DatePicker.types';
-declare const _default: Meta;
-export default _default;
-export declare const Playground: StoryFn<DatePickerProps>;
-export declare const WithValue: StoryFn<DatePickerProps>;
-export declare function DatePickerConstraints(args: DatePickerProps): JSX.Element;
-export declare namespace DatePickerConstraints {
-    var args: {
-        id: string;
-        name: string;
-        constraints: (string | null)[][];
-        value: string;
-    };
-    var parameters: {
-        docs: {
-            description: {
-                story: string;
-            };
-        };
-    };
-}

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

@@ -1 +0,0 @@
-export {};

package/dist/components/DatePicker/DateRangePicker.stories.d.ts

@@ -1,21 +0,0 @@
-import { StoryFn, Meta } from '@storybook/react';
-import { DateRangePickerProps } from './DatePicker.types';
-declare const _default: Meta;
-export default _default;
-export declare const Playground: StoryFn<DateRangePickerProps>;
-export declare const WithValue: StoryFn<DateRangePickerProps>;
-export declare function DateRangePickerConstraints(args: DateRangePickerProps): JSX.Element;
-export declare namespace DateRangePickerConstraints {
-    var args: {
-        id: string;
-        name: string;
-        constraints: (string | null)[][];
-    };
-    var parameters: {
-        docs: {
-            description: {
-                story: string;
-            };
-        };
-    };
-}

package/dist/components/DatePicker/DateRangePicker.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/Dialog/Dialog.stories.d.ts

@@ -1,67 +0,0 @@
-import { Meta } from '@storybook/react';
-import { DialogProps } from './Dialog';
-declare const _default: Meta;
-export default _default;
-export declare function WithoutHeader(args: DialogProps): JSX.Element;
-export declare namespace WithoutHeader {
-    var args: {
-        scale: string;
-        open: boolean;
-    };
-}
-export declare function WithHeader(args: DialogProps): JSX.Element;
-export declare namespace WithHeader {
-    var args: {
-        scale: string;
-        open: boolean;
-    };
-}
-export declare function WithHeaderAndBody(args: DialogProps): JSX.Element;
-export declare namespace WithHeaderAndBody {
-    var args: {
-        scale: string;
-        open: boolean;
-    };
-}
-export declare function WithCloseButton(args: DialogProps): JSX.Element;
-export declare namespace WithCloseButton {
-    var args: {
-        scale: string;
-        open: boolean;
-    };
-}
-export declare function WithActionConfirm(args: DialogProps): JSX.Element;
-export declare namespace WithActionConfirm {
-    var args: {
-        scale: string;
-        open: boolean;
-    };
-}
-export declare function WithCustomActionConfirmLabel(args: DialogProps): JSX.Element;
-export declare namespace WithCustomActionConfirmLabel {
-    var args: {
-        scale: string;
-        open: boolean;
-    };
-}
-export declare function WithCustomActionCancelLabel(args: DialogProps): JSX.Element;
-export declare namespace WithCustomActionCancelLabel {
-    var args: {
-        scale: string;
-        open: boolean;
-    };
-}
-export declare function WithActionConfirmAndCancel(args: DialogProps): JSX.Element;
-export declare namespace WithActionConfirmAndCancel {
-    var args: {
-        scale: string;
-        open: boolean;
-    };
-}
-export declare function WithInlineActions(args: DialogProps): JSX.Element;
-export declare namespace WithInlineActions {
-    var args: {
-        scale: string;
-        open: boolean;
-    };
-}

package/dist/components/Dialog/Dialog.test.d.ts

@@ -1 +0,0 @@
-export {};