@sonic-equipment/ui 0.0.119 → 1.1.0

package/dist/table/elements/use-th.d.ts

@@ -0,0 +1,2 @@
+import { THProps } from './types';
+export declare function useTH<TProps extends THProps>(props: TProps): TProps;

package/dist/table/elements/use-th.js

@@ -0,0 +1,21 @@
+"use client";
+import { useState, useEffect } from 'react';
+import { useTableRow } from './use-table-row.js';
+
+function useTH(props) {
+    const { register } = useTableRow();
+    const [update, setUpdate] = useState(null);
+    useEffect(() => {
+        const { deregister, update } = register.column(props);
+        // eslint-disable-next-line @eslint-react/hooks-extra/no-direct-set-state-in-use-effect
+        setUpdate(update);
+        return deregister;
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [register]);
+    useEffect(() => {
+        update?.(props);
+    }, [update, props]);
+    return props;
+}
+
+export { useTH };

package/dist/text/highlight-text/highlight-text.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+type HighlightTextProps = {
+    className?: string;
+    highlightClassName?: string;
+    highlightText: string;
+    isCaseSensitive?: boolean;
+    text: string;
+};
+export declare const HighlightText: React.FC<HighlightTextProps>;
+export {};

package/dist/text/highlight-text/highlight-text.js

@@ -0,0 +1,20 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Fragment } from 'react';
+import styles from './highlight-text.module.css.js';
+
+const HighlightText = ({ className, highlightClassName = styles['highlighted-text'], highlightText, isCaseSensitive = false, text, }) => {
+    if (!highlightText)
+        return className ? jsx("span", { className: className, children: text }) : text;
+    const regex = new RegExp(highlightText.replaceAll(/[$()*+.?[\\\]^{|}]/g, String.raw `\$&`), // escape regex special chars
+    isCaseSensitive ? 'g' : 'gi');
+    const parts = text.split(regex);
+    const matches = text.match(regex);
+    if (parts.length === 0)
+        return className ? jsx("span", { className: className, children: text }) : text;
+    return (jsx("span", { className: className, children: parts.map((part, index) => (
+        // eslint-disable-next-line @eslint-react/no-array-index-key
+        jsxs(Fragment, { children: [part, matches && index < matches.length && (jsx("span", { className: highlightClassName, children: matches[index] }))] }, `${part}-${index}`))) }));
+};
+
+export { HighlightText };

package/dist/text/highlight-text/highlight-text.module.css.js

@@ -0,0 +1,3 @@
+var styles = {"highlighted-text":"highlight-text-module-e6Irk"};
+
+export { styles as default };

package/dist/text/status-text/status-text.d.ts

@@ -0,0 +1,6 @@
+export type StatusType = 'success' | 'critical' | 'pending';
+export type StatusTextProps = React.HTMLAttributes<HTMLSpanElement> & {
+    fallback?: StatusType;
+    status?: StatusType;
+};
+export declare function StatusText({ children, fallback, status, ...rest }: StatusTextProps): import("react/jsx-runtime").JSX.Element;

package/dist/text/status-text/status-text.js

@@ -0,0 +1,9 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import styles from './status-text.module.css.js';
+
+function StatusText({ children, fallback = 'pending', status, ...rest }) {
+    return (jsx("span", { className: styles['status-text'], "data-status": status || fallback, ...rest, children: children }));
+}
+
+export { StatusText };

package/dist/text/status-text/status-text.module.css.js

@@ -0,0 +1,3 @@
+var styles = {"status-text":"status-text-module-63aRD"};
+
+export { styles as default };

package/dist/text/truncated/truncated.d.ts

@@ -0,0 +1,7 @@
+export interface TruncatedProps {
+    active?: boolean;
+    children: React.ReactNode;
+    className?: string;
+    lines?: number;
+}
+export declare function Truncated({ active, children, className, lines, }: TruncatedProps): import("react/jsx-runtime").JSX.Element;

package/dist/text/truncated/truncated.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import { childrenToText } from '../../shared/utils/children-to-text.js';
+import styles from './truncated.module.css.js';
+
+function Truncated({ active = true, children, className, lines = 1, }) {
+    const title = childrenToText(children);
+    return (jsx("div", { className: clsx(styles['truncated'], active && styles['active'], className), style: { '--lines': lines }, title: title, children: children }));
+}
+
+export { Truncated };

package/dist/text/truncated/truncated.module.css.js

@@ -0,0 +1,3 @@
+var styles = {"truncated":"truncated-module-bwo1A","active":"truncated-module-JHMUL"};
+
+export { styles as default };

package/dist/toast/toast-provider.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { ToastContainer, Slide } from 'react-toastify';
+import styles from './toast-provider.module.css.js';
+
+function ToastProvider(props) {
+    return (jsx(ToastContainer, { autoClose: 3000, bodyClassName: styles.body, className: styles.container, closeButton: false, hideProgressBar: true, newestOnTop: true, toastClassName: styles.toast, transition: Slide, ...props }));
+}
+
+export { ToastProvider };

package/dist/toast/toast-provider.module.css.js

@@ -0,0 +1,3 @@
+var styles = {"container":"toast-provider-module-EoPKW","toast":"toast-provider-module-SeZ02","body":"toast-provider-module-BdbPL"};
+
+export { styles as default };

package/dist/toast/toast.d.ts

@@ -5,4 +5,4 @@ export interface ToastProps {
     onClose?: (id: string) => void;
     toastMessage: ToastMessage;
 }
-export declare const Toast: React.ForwardRefExoticComponent<ToastProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Toast: import("react").ForwardRefExoticComponent<ToastProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/toast/toast.js

@@ -0,0 +1,22 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import clsx from 'clsx';
+import { IconButton } from '../buttons/icon-button/icon-button.js';
+import { Icon } from '../icon/icon.js';
+import { useFormattedMessage } from '../intl/use-formatted-message.js';
+import styles from './toast.module.css.js';
+
+const icons = {
+    danger: jsx(Icon, { name: "AttentionSolid" }),
+    info: jsx(Icon, { name: "InformationSolid" }),
+    success: jsx(Icon, { name: "OkaySolid" }),
+    warning: jsx(Icon, { name: "NoticeSolid" }),
+};
+const Toast = forwardRef(({ className, id, onClose, toastMessage: { body, isUserDismissable, messageType = 'info' }, }, ref) => {
+    const t = useFormattedMessage();
+    return (jsxs("div", { ref: ref, className: clsx(styles.toast, styles[messageType], className), "data-test-selector": `toast${messageType}`, children: [jsx("span", { className: styles.icon, children: icons[messageType] }), body, isUserDismissable && (jsx(IconButton, { className: styles.close, icon: "Close", label: t('Close'), onClick: () => onClose?.(id), theme: "secondary" }))] }));
+});
+Toast.displayName = 'Toast';
+
+export { Toast };

package/dist/toast/toast.module.css.js

@@ -0,0 +1,3 @@
+var styles = {"toast":"toast-module-VzLw4","close":"toast-module-mAwpu","icon":"toast-module-JqNiT","success":"toast-module-cuSIT","info":"toast-module-ABLCP","warning":"toast-module-jGWiH","danger":"toast-module-t33Ra"};
+
+export { styles as default };

package/dist/toast/use-toast.js

@@ -0,0 +1,24 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { useRef } from 'react';
+import { toast } from 'react-toastify';
+import { createUUID } from '../shared/utils/uuid.js';
+import { Toast } from './toast.js';
+
+function useToast() {
+    const count = useRef(0);
+    return {
+        addToast(toastMessage, toastOptions) {
+            const id = createUUID();
+            toast(jsx(Toast, { ref: el => {
+                    if (el)
+                        el.style.zIndex = (count.current++).toString();
+                }, id: id, onClose: id => toast.dismiss(id), toastMessage: toastMessage }), {
+                toastId: id,
+                ...toastOptions,
+            });
+        },
+    };
+}
+
+export { useToast };

package/dist/tokens/tokens.js

@@ -0,0 +1,8 @@
+const getTokenValue = (token) => typeof document === 'undefined' || typeof getComputedStyle === 'undefined'
+    ? 'unknown'
+    : getComputedStyle(document.documentElement).getPropertyValue(token);
+const getTokenKeyValue = (token) => ({
+    [token]: getTokenValue(token),
+});
+
+export { getTokenKeyValue, getTokenValue };

package/dist/tooltip/tooltip.d.ts

@@ -0,0 +1,10 @@
+import { ReactElement, ReactNode } from 'react';
+import { Placement } from 'react-aria';
+export interface TooltipProps {
+    children: ReactNode;
+    className?: string;
+    offset?: number;
+    placement?: Placement;
+    trigger?: ReactElement;
+}
+export declare function Tooltip({ children, className, offset, placement, trigger, }: TooltipProps): import("react/jsx-runtime").JSX.Element;

package/dist/tooltip/tooltip.js

@@ -0,0 +1,32 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useRef, useMemo, cloneElement } from 'react';
+import { usePress } from 'react-aria';
+import { DialogTrigger, Popover, OverlayArrow, Dialog } from 'react-aria-components';
+import clsx from 'clsx';
+import { IconButton } from '../buttons/icon-button/icon-button.js';
+import { useFormattedMessage } from '../intl/use-formatted-message.js';
+import { useDisclosure } from '../shared/hooks/use-disclosure.js';
+import styles from './tooltip.module.css.js';
+
+function InfoIcon(props) {
+    const t = useFormattedMessage();
+    return (jsx(IconButton, { ...props, className: styles.trigger, icon: "Information", label: t('Information') }));
+}
+function TriggerButton({ buttonRef, className, trigger, }) {
+    const { pressProps } = usePress({ ref: buttonRef });
+    const triggerWithHandler = useMemo(() => 
+    // eslint-disable-next-line @eslint-react/no-clone-element
+    cloneElement(trigger, {
+        ...pressProps,
+    }), [trigger, pressProps]);
+    return (jsx("div", { ref: buttonRef, className: clsx(className, styles['trigger-wrapper']), children: triggerWithHandler }));
+}
+const defaultTrigger = jsx(InfoIcon, {});
+function Tooltip({ children, className, offset, placement = 'bottom', trigger = defaultTrigger, }) {
+    const { isOpen, setIsOpen } = useDisclosure();
+    const triggerRef = useRef(null);
+    return (jsxs(DialogTrigger, { isOpen: isOpen, onOpenChange: setIsOpen, children: [jsx(TriggerButton, { buttonRef: triggerRef, className: className, trigger: trigger }), jsxs(Popover, { className: styles.popover, offset: offset, placement: placement, triggerRef: triggerRef, children: [jsx(OverlayArrow, { className: styles.arrow, children: jsx("svg", { height: 11, viewBox: "0 0 11 11", width: 11, children: jsx("path", { d: "M0 0 L0 5 L5 11 L11 5 11 0" }) }) }), jsx(Dialog, { className: styles.dialog, children: children })] })] }));
+}
+
+export { Tooltip };

package/dist/tooltip/tooltip.module.css.js

@@ -0,0 +1,3 @@
+var styles = {"popover":"tooltip-module-T-DtX","arrow":"tooltip-module-CBW5f","trigger-wrapper":"tooltip-module-DRHoc"};
+
+export { styles as default };

package/dist/typography/heading/heading.d.ts

@@ -1,17 +1,23 @@
+import { Breakpoint } from '../../shared/utils/breakpoints';
 export declare const SIZES: readonly ["xxl", "xl", "l", "m", "s", "xs", "xxs", "xxxs"];
 export declare const TAGS: readonly ["h1", "h2", "h3", "h4", "h5", "h6", "h7"];
 type Size = (typeof SIZES)[number];
 type Tag = (typeof TAGS)[number];
-interface HeadingProps {
+export interface HeadingProps {
     bold?: boolean;
+    breakpoints?: Partial<Record<Breakpoint, Size>>;
     children: React.ReactNode;
     className?: string;
+    'data-test-selector'?: string;
+    id?: string;
     italic?: boolean;
     size?: Size;
     tag?: Tag;
     uppercase?: boolean;
 }
-export declare function Heading({ bold, children, className, italic, size, tag, uppercase, }: HeadingProps): React.ReactElement<{
+export declare function Heading({ bold, breakpoints, children, className, 'data-test-selector': dataTestSelector, id, italic, size, tag, uppercase, }: HeadingProps): import("react").ReactElement<{
     className: string;
-}, string | React.JSXElementConstructor<any>>;
+    'data-test-selector': string;
+    id: string | undefined;
+}, string | import("react").JSXElementConstructor<any>>;
 export {};

package/dist/typography/heading/heading.js

@@ -0,0 +1,31 @@
+"use client";
+import { createElement } from 'react';
+import clsx from 'clsx';
+import styles from './heading.module.css.js';
+
+const SIZES = ['xxl', 'xl', 'l', 'm', 's', 'xs', 'xxs', 'xxxs'];
+const TAGS = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'h7'];
+const sizeToTag = {
+    l: 'h3',
+    m: 'h4',
+    s: 'h5',
+    xl: 'h2',
+    xs: 'h6',
+    xxl: 'h1',
+    xxs: 'h6',
+    xxxs: 'h6',
+};
+function Heading({ bold = true, breakpoints, children, className, 'data-test-selector': dataTestSelector = 'heading', id, italic, size = 'xxl', tag, uppercase, }) {
+    return createElement(tag || sizeToTag[size], {
+        className: clsx(className, styles.heading, styles[size], breakpoints &&
+            Object.entries(breakpoints).map(([breakpoint, bpSize]) => styles[`${breakpoint}-${bpSize}`]), {
+            [styles.uppercase]: uppercase,
+            [styles.italic]: italic,
+            [styles.bold]: bold,
+        }),
+        'data-test-selector': dataTestSelector,
+        id,
+    }, children);
+}
+
+export { Heading, SIZES, TAGS };

package/dist/typography/heading/heading.module.css.js

@@ -0,0 +1,3 @@
+var styles = {"heading":"heading-module-pMC65","uppercase":"heading-module-6spgX","italic":"heading-module-XXMDM","bold":"heading-module-xvrxo","xxl":"heading-module-Kn3ZN","xl":"heading-module--hZs-","l":"heading-module-WrJRY","m":"heading-module-hTexc","s":"heading-module-7W29m","xs":"heading-module-SgaLB","xxs":"heading-module-33en7","xxxs":"heading-module-qvrEk","sm-xxl":"heading-module-Q3y61","sm-xl":"heading-module-k5ODo","sm-l":"heading-module-45IqH","sm-m":"heading-module-X7un-","sm-s":"heading-module-EimRV","sm-xs":"heading-module-OCU2-","sm-xxs":"heading-module-Iey3i","sm-xxxs":"heading-module-HIlpl","md-xxl":"heading-module-5QOn5","md-xl":"heading-module-Yi-gr","md-l":"heading-module-Yv3Nk","md-m":"heading-module-rw6SX","md-s":"heading-module-w5E3X","md-xs":"heading-module-gS4KN","md-xxs":"heading-module-WP-gl","md-xxxs":"heading-module-mpKxt","lg-xxl":"heading-module-Jl0gk","lg-xl":"heading-module-JeBTR","lg-l":"heading-module-3dHjk","lg-m":"heading-module-TWKes","lg-s":"heading-module-Y4TBU","lg-xs":"heading-module-c7cii","lg-xxs":"heading-module-pzJ8y","lg-xxxs":"heading-module--tJ-O","xl-xxl":"heading-module-nWxkD","xl-xl":"heading-module-VXYJS","xl-l":"heading-module-ozpn6","xl-m":"heading-module-mYwNt","xl-s":"heading-module-Bthct","xl-xs":"heading-module-81BCe","xl-xxs":"heading-module-RjUW0","xl-xxxs":"heading-module-PlHnT","xxl-xxl":"heading-module-zl8KP","xxl-xl":"heading-module-zw3KX","xxl-l":"heading-module-76y37","xxl-m":"heading-module-Ucgfg","xxl-s":"heading-module-dOPjv","xxl-xs":"heading-module-Le9JC","xxl-xxs":"heading-module-9j-SM","xxl-xxxs":"heading-module-wOR6v"};
+
+export { styles as default };

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@sonic-equipment/ui",
-  "version": "0.0.119",
+  "version": "1.1.0",
   "type": "module",
   "license": "MIT",
   "engines": {
-    "node": ">=20.11.0"
+    "node": ">=22.8.0"
   },
   "exports": {
     "./fonts.css": "./dist/fonts.css",
@@ -15,6 +15,7 @@
       "default": "./dist/index.js"
     }
   },
+  "sideEffects": false,
   "files": ["dist", "README.md"],
   "main": "dist/index.js",
   "types": "./dist/index.d.ts",
@@ -24,10 +25,11 @@
     "build-storybook": "storybook build",
     "check-updates": "npx npm-check-updates",
     "clean": "rimraf node_modules dist",
+    "generate:flags": "node src/utils/flags/import-flags.js",
     "generate:icons": "node src/utils/icons/import-icons.js",
     "generate:icons:watch": "nodemon src/utils/icons/import-icons.js",
-    "generate:exports": "find ./src -type f | grep -e 'ts[x]*$' | grep -vE \"stories|icons|exports|test|local-storage|src/index|\\.d\\.ts$\" | sed -e \"s/\\.ts[x]*//\" | sed -e \"s/.\\/src/./\" | awk '{ print \"export * from \\\"\" $1 \"\\\"\" }' | sed -e \"s/\\\"/'/g\" | sort",
-    "generate:exports:save": "echo '/* eslint-disable simple-import-sort/exports */' > src/exports.ts && pnpm run --silent generate:exports >> src/exports.ts",
+    "generate:exports": "node src/utils/generate-exports.js",
+    "generate:exports:save": "pnpm run --silent generate:exports > src/exports.ts",
     "reinstall": "pnpm clean; pnpm install && pnpm build",
     "dev": "storybook dev -p 6006",
     "dev:https": "storybook dev --https --ssl-cert src/proxy/server.cert --ssl-key src/proxy/server.key -p 6006",
@@ -46,108 +48,110 @@
     "update-packages": "npx npm-check-updates -u"
   },
   "peerDependencies": {
-    "react": "^18",
-    "react-dom": "^18"
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "3.2.2",
-    "@csstools/postcss-global-data": "3.0.0",
+    "@chromatic-com/storybook": "^4.1.1",
+    "@csstools/postcss-global-data": "3.1.0",
+    "@eslint-react/eslint-plugin": "^1.52.9",
     "@rollup/plugin-alias": "5.1.1",
-    "@rollup/plugin-commonjs": "28.0.1",
-    "@rollup/plugin-node-resolve": "15.3.0",
-    "@rollup/plugin-replace": "6.0.1",
-    "@rollup/plugin-typescript": "12.1.1",
-    "@storybook/addon-docs": "8.4.2",
-    "@storybook/addon-essentials": "8.4.2",
-    "@storybook/addon-interactions": "8.4.2",
-    "@storybook/addon-links": "8.4.2",
-    "@storybook/addon-viewport": "8.4.2",
-    "@storybook/blocks": "8.4.2",
-    "@storybook/preview-api": "8.4.2",
-    "@storybook/react": "8.4.2",
-    "@storybook/react-vite": "8.4.2",
-    "@storybook/test": "8.4.2",
+    "@rollup/plugin-commonjs": "28.0.6",
+    "@rollup/plugin-node-resolve": "16.0.1",
+    "@rollup/plugin-replace": "6.0.2",
+    "@rollup/plugin-typescript": "12.1.4",
+    "@storybook/addon-docs": "^9.1.3",
+    "@storybook/addon-links": "^9.1.3",
+    "@storybook/react-vite": "^9.1.3",
     "@total-typescript/ts-reset": "^0.6.1",
     "@types/js-cookie": "3.0.6",
-    "@types/node": "22.9.0",
+    "@types/node": "24.3.0",
     "@types/postcss-import": "14.0.3",
-    "@types/react": "18.3.12",
-    "@types/react-dom": "18.3.1",
-    "@typescript-eslint/eslint-plugin": "8.13.0",
-    "@typescript-eslint/parser": "8.13.0",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "@typescript-eslint/eslint-plugin": "8.41.0",
+    "@typescript-eslint/parser": "8.41.0",
     "@typescript/lib-dom": "npm:typescript-partial-lib-dom@^1.1.0",
-    "@vitejs/plugin-react": "4.3.3",
-    "autoprefixer": "10.4.20",
-    "concurrently": "9.1.0",
+    "@vitejs/plugin-react": "5.0.2",
+    "autoprefixer": "10.4.21",
+    "concurrently": "9.2.1",
     "eslint": "8.57.0",
-    "eslint-config-prettier": "9.1.0",
-    "eslint-import-resolver-typescript": "3.6.3",
+    "eslint-config-prettier": "10.1.8",
+    "eslint-import-resolver-typescript": "4.4.4",
     "eslint-plugin-css-modules": "^2.12.0",
-    "eslint-plugin-formatjs": "^5.2.8",
-    "eslint-plugin-import": "2.31.0",
+    "eslint-plugin-deprecation": "^3.0.0",
+    "eslint-plugin-formatjs": "^5.4.0",
+    "eslint-plugin-import": "2.32.0",
     "eslint-plugin-jsx-a11y": "^6.10.2",
-    "eslint-plugin-mdx": "3.1.5",
-    "eslint-plugin-prettier": "5.2.1",
-    "eslint-plugin-react": "7.37.2",
-    "eslint-plugin-react-hooks": "5.0.0",
+    "eslint-plugin-mdx": "3.6.2",
+    "eslint-plugin-prettier": "5.5.4",
+    "eslint-plugin-react": "7.37.5",
+    "eslint-plugin-react-hooks": "5.2.0",
+    "eslint-plugin-react-server-components": "^1.2.0",
+    "eslint-plugin-require-relative-imports": "1.0.0",
     "eslint-plugin-simple-import-sort": "12.1.1",
     "eslint-plugin-sort-destructure-keys": "2.0.0",
     "eslint-plugin-sort-keys-fix": "1.1.2",
     "eslint-plugin-ssr-friendly": "^1.3.0",
-    "eslint-plugin-storybook": "0.11.0",
+    "eslint-plugin-storybook": "^9.1.3",
     "eslint-plugin-typescript-sort-keys": "3.3.0",
     "eslint-plugin-unicorn": "^56.0.1",
     "eslint-plugin-unused-imports": "4.1.4",
     "http-server": "14.1.1",
-    "husky": "9.1.6",
-    "instantsearch.js": "4.75.4",
-    "nodemon": "3.1.7",
-    "postcss": "8.4.47",
-    "postcss-custom-media": "11.0.5",
-    "postcss-import": "16.1.0",
+    "husky": "9.1.7",
+    "instantsearch.js": "4.79.2",
+    "nodemon": "3.1.10",
+    "postcss": "8.5.6",
+    "postcss-custom-media": "11.0.6",
+    "postcss-import": "16.1.1",
     "postcss-nested": "7.0.2",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
+    "prettier": "3.6.2",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
     "react-json-view": "1.21.3",
     "rimraf": "6.0.1",
-    "rollup": "4.24.4",
+    "rollup": "4.49.0",
     "rollup-plugin-peer-deps-external": "2.2.4",
     "rollup-plugin-postcss": "4.0.2",
-    "storybook": "8.4.2",
-    "stylelint": "16.10.0",
-    "stylelint-config-css-modules": "4.4.0",
+    "rollup-plugin-preserve-directives": "^0.4.0",
+    "storybook": "^9.1.3",
+    "stylelint": "16.23.1",
+    "stylelint-config-css-modules": "4.5.1",
     "stylelint-config-idiomatic-order": "10.0.0",
-    "stylelint-config-standard": "36.0.1",
-    "typescript": "5.6.3",
-    "vite": "5.4.10",
-    "vite-tsconfig-paths": "5.1.0",
-    "vitest": "2.1.5"
+    "stylelint-config-standard": "39.0.0",
+    "typescript": "5.9.2",
+    "typescript-eslint": "^8.41.0",
+    "vite": "7.1.3",
+    "vite-tsconfig-paths": "5.1.4",
+    "vitest": "3.2.4"
   },
   "dependencies": {
-    "@adyen/adyen-web": "6.5.0",
-    "@algolia/autocomplete-core": "1.17.7",
-    "@algolia/autocomplete-plugin-query-suggestions": "1.17.7",
-    "@algolia/autocomplete-plugin-recent-searches": "1.17.7",
-    "@algolia/autocomplete-preset-algolia": "1.17.7",
+    "@adyen/adyen-web": "5.32.0",
+    "@algolia/autocomplete-core": "1.19.2",
+    "@algolia/autocomplete-plugin-query-suggestions": "1.19.2",
+    "@algolia/autocomplete-plugin-recent-searches": "1.19.2",
+    "@algolia/autocomplete-preset-algolia": "1.19.2",
     "@algolia/client-search": "4.24.0",
-    "@tanstack/react-query": "5.59.20",
-    "@tanstack/react-query-devtools": "5.59.20",
-    "@types/react-transition-group": "4.4.11",
+    "@algolia/requester-fetch": "4.24.0",
+    "@tanstack/react-query": "5.85.5",
+    "@tanstack/react-query-devtools": "5.85.5",
+    "@types/react-transition-group": "4.4.12",
     "algoliasearch": "4.24.0",
     "clsx": "2.1.1",
-    "fast-equals": "5.0.1",
-    "instantsearch.js": "4.75.4",
+    "fast-equals": "5.2.2",
+    "instantsearch.js": "4.79.2",
     "js-cookie": "3.0.5",
-    "query-string": "9.1.1",
-    "react-aria": "3.35.1",
-    "react-aria-components": "1.4.1",
-    "react-instantsearch": "7.13.7",
+    "query-string": "9.2.2",
+    "react-aria": "3.43.1",
+    "react-aria-components": "1.12.1",
+    "react-instantsearch": "7.16.2",
     "react-toastify": "10.0.6",
     "react-transition-group": "4.4.5",
-    "search-insights": "2.17.2",
-    "swiper": "11.1.14"
+    "search-insights": "2.17.3",
+    "swiper": "11.2.10"
   },
   "publishConfig": {
     "access": "public"
-  }
+  },
+  "packageManager": "pnpm@10.16.1"
 }

package/dist/display/product-price/product-price.d.ts

@@ -1,8 +0,0 @@
-export interface ProductPriceProps {
-    className?: string;
-    isVatIncluded: boolean | null;
-    originalPrice: number;
-    price: number;
-    pricePerUnit?: number;
-}
-export declare function ProductPrice({ className, isVatIncluded, originalPrice, price, }: ProductPriceProps): import("react/jsx-runtime").JSX.Element | undefined;

package/dist/display/product-price/product-total-price.d.ts

@@ -1,7 +0,0 @@
-export interface ProductTotalPriceProps {
-    className?: string;
-    originalTotalPrice: number;
-    pricePerUnit?: number;
-    totalPrice: number;
-}
-export declare function ProductTotalPrice({ className, originalTotalPrice: originalPrice, pricePerUnit, totalPrice, }: ProductTotalPriceProps): import("react/jsx-runtime").JSX.Element | undefined;

package/dist/forms/checkbox/checkbox.d.ts

@@ -1,11 +0,0 @@
-import { ReactNode } from 'react';
-export interface CheckboxProps {
-    _pseudo?: 'none' | 'focus' | 'hover' | 'active';
-    children: ReactNode;
-    className?: string;
-    isDisabled?: boolean;
-    isSelected?: boolean;
-    onChange?: (isSelected: boolean) => void;
-    value?: string;
-}
-export declare function Checkbox({ _pseudo, children, className, isDisabled, isSelected, onChange, value, }: CheckboxProps): import("react/jsx-runtime").JSX.Element;

package/dist/forms/color-checkbox/color-checkbox.d.ts

@@ -1,5 +0,0 @@
-import { CheckboxProps } from '../checkbox/checkbox';
-export interface ColorCheckboxProps extends CheckboxProps {
-    color: string;
-}
-export declare function ColorCheckbox({ _pseudo, children, className, color, isDisabled, isSelected, onChange, value, }: ColorCheckboxProps): import("react/jsx-runtime").JSX.Element;

package/dist/forms/field-error/field-error.d.ts

@@ -1,5 +0,0 @@
-interface FieldErrorProps {
-    children?: string;
-}
-export declare function FieldError({ children }: FieldErrorProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/forms/label/label.d.ts

@@ -1,6 +0,0 @@
-interface LabelProps {
-    children: string;
-    isRequired?: boolean;
-}
-export declare function Label({ children, isRequired }: LabelProps): import("react/jsx-runtime").JSX.Element | null;
-export {};

package/dist/forms/number-field/number-field.d.ts

@@ -1,31 +0,0 @@
-import { FormEventHandler, KeyboardEvent } from 'react';
-export type NumberFieldSize = 'md' | 'lg';
-interface NumberFieldProps {
-    autoFocus?: boolean;
-    autoGrow?: boolean;
-    defaultValue?: number;
-    formatOptions?: Intl.NumberFormatOptions;
-    isDisabled?: boolean;
-    isInvalid?: boolean;
-    isReadOnly?: boolean;
-    isRequired?: boolean;
-    label: string;
-    maxLength?: number;
-    maxValue?: number;
-    minValue?: number;
-    name?: string;
-    onChange?: (value: number) => void;
-    onInput?: FormEventHandler<HTMLInputElement>;
-    onKeyUp?: (e: KeyboardEvent) => void;
-    placeholder?: string;
-    showLabel?: boolean;
-    size?: NumberFieldSize;
-    value?: number;
-    withButtons?: boolean;
-}
-/**
- * This component is used to create a number field.
- * This field can also grow when a user types in text.
- */
-export declare function NumberField({ autoFocus, autoGrow, defaultValue, formatOptions, isDisabled, isInvalid, isReadOnly, isRequired, label, maxLength, maxValue, minValue, name, onChange, onInput, onKeyUp, placeholder, showLabel, size, value, withButtons, }: NumberFieldProps): import("react/jsx-runtime").JSX.Element;
-export {};