@sqrzro/ui 4.0.0-alpha.6 → 4.0.0-alpha.60

package/dist/styles/classnames/utility/apply-variants.js

@@ -0,0 +1,26 @@
+const keyMap = {
+    bordered: 'isBordered',
+    danger: 'isDanger',
+    error: 'isError',
+    hollow: 'isHollow',
+    info: 'isInfo',
+    primary: 'isPrimary',
+    secondary: 'isSecondary',
+    success: 'isSuccess',
+    tertiary: 'isTertiary',
+    warning: 'isWarning',
+};
+function applyVariants(variants) {
+    if (!variants) {
+        return {};
+    }
+    const variantArray = Array.isArray(variants) ? variants : [variants];
+    return variantArray.reduce((acc, variant) => {
+        const key = keyMap[variant];
+        if (key) {
+            acc[key] = true;
+        }
+        return acc;
+    }, {});
+}
+export default applyVariants;

package/dist/styles/classnames/utility/is-classname-object.d.ts

@@ -0,0 +1,3 @@
+import type { ClassNameObject } from '../interfaces';
+declare function isClassNameObject(value: unknown): value is ClassNameObject;
+export default isClassNameObject;

package/dist/styles/classnames/utility/is-classname-object.js

@@ -0,0 +1,7 @@
+function isClassNameObject(value) {
+    return (typeof value === 'object' &&
+        value !== null &&
+        'default' in value &&
+        typeof value.default === 'string');
+}
+export default isClassNameObject;

package/dist/styles/classnames/utility/parse-classnames.d.ts

@@ -0,0 +1,6 @@
+import type { ExtractClassNames } from '../interfaces';
+declare function parseClassNames<T>(classNames: T, config?: {
+    props?: Record<string, boolean>;
+    states?: Record<string, boolean>;
+}, overrides?: T): ExtractClassNames<T>;
+export default parseClassNames;

package/dist/styles/classnames/utility/parse-classnames.js

@@ -0,0 +1,33 @@
+import { getEntries } from '@sqrzro/utility';
+import tw from '../utility/tw';
+import isClassNameObject from './is-classname-object';
+function parseClassNames(classNames, config, overrides) {
+    if (!classNames) {
+        return {};
+    }
+    const overridden = { ...classNames, ...overrides };
+    return getEntries(overridden).reduce((acc, [key, value]) => {
+        if (typeof value === 'string') {
+            return { ...acc, [key]: value };
+        }
+        if (isClassNameObject(value)) {
+            const { default: defaultClassName, props, states } = value;
+            const propClassNames = props
+                ? Object.keys(props)
+                    .filter((key) => config?.props?.[key])
+                    .map((key) => props[key])
+                : [];
+            const stateClassNames = states
+                ? Object.keys(states)
+                    .filter((key) => config?.states?.[key])
+                    .map((key) => states[key])
+                : [];
+            return {
+                ...acc,
+                [key]: tw(defaultClassName, ...propClassNames, ...stateClassNames),
+            };
+        }
+        return acc;
+    }, {});
+}
+export default parseClassNames;

package/dist/styles/context.d.ts

@@ -0,0 +1,28 @@
+import { UIClassNames } from './classnames/config';
+import { UIIcons } from './icons/config';
+import type { ExtractClassNames } from './classnames/interfaces';
+declare function createUIContext<TClassNames extends object, TIcons extends object>(): {
+    UIProvider: ({ data, children }: {
+        data: {
+            classNames: TClassNames;
+            icons: TIcons;
+        };
+        children: React.ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element;
+    useClassNames: <K extends keyof TClassNames>(component: K, config?: {
+        props?: Record<string, boolean>;
+        states?: Record<string, boolean>;
+    }, overrides?: TClassNames[K]) => ExtractClassNames<TClassNames[K]>;
+    useIcon: <K extends keyof TIcons>(component: K) => TIcons[K];
+};
+export declare const UIProvider: ({ data, children }: {
+    data: {
+        classNames: UIClassNames;
+        icons: UIIcons;
+    };
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element, useClassNames: <K extends keyof UIClassNames>(component: K, config?: {
+    props?: Record<string, boolean>;
+    states?: Record<string, boolean>;
+} | undefined, overrides?: UIClassNames[K] | undefined) => ExtractClassNames<UIClassNames[K]>, useIcon: <K extends keyof UIIcons>(component: K) => UIIcons[K];
+export default createUIContext;

package/dist/styles/context.js

@@ -0,0 +1,19 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from 'react';
+import parseClassNames from './classnames/utility/parse-classnames';
+function createUIContext() {
+    const UIContext = createContext({});
+    const UIProvider = ({ data, children }) => (_jsx(UIContext.Provider, { value: data, children: children }));
+    function useClassNames(component, config, overrides) {
+        const ctx = useContext(UIContext);
+        return parseClassNames(ctx.classNames[component], config, overrides);
+    }
+    function useIcon(component) {
+        const ctx = useContext(UIContext);
+        return ctx.icons[component];
+    }
+    return { UIProvider, useClassNames, useIcon };
+}
+export const { UIProvider, useClassNames, useIcon } = createUIContext();
+export default createUIContext;

package/dist/styles/icons/config.d.ts

@@ -0,0 +1,21 @@
+import type { IconComponent } from './interfaces';
+export interface UIIcons {
+    'appNavigation.menu'?: IconComponent;
+    'calendar.previous'?: IconComponent;
+    'calendar.next'?: IconComponent;
+    'csvInput.upload'?: IconComponent;
+    'csvInput.success'?: IconComponent;
+    'collection.empty'?: IconComponent;
+    'dropdown.control'?: IconComponent;
+    'filter.clear'?: IconComponent;
+    'filter.panel'?: IconComponent;
+    'filter.search'?: IconComponent;
+    'formField.error'?: IconComponent;
+    'passwordComplexity.invalid'?: IconComponent;
+    'passwordComplexity.valid'?: IconComponent;
+    'passwordInput.hidden'?: IconComponent;
+    'passwordInput.visible'?: IconComponent;
+    'staticTextInput.clear'?: IconComponent;
+    'utility.success'?: IconComponent;
+    'utility.error'?: IconComponent;
+}

package/dist/styles/icons/config.js

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

package/dist/styles/icons/interfaces.d.ts

@@ -0,0 +1,4 @@
+export type IconComponent = React.ForwardRefExoticComponent<React.PropsWithoutRef<React.SVGProps<SVGSVGElement>> & {
+    title?: string;
+    titleId?: string;
+} & React.RefAttributes<SVGSVGElement>>;

package/dist/styles/icons/interfaces.js

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

package/dist/styles/index.d.ts

@@ -1,2 +1,6 @@
-export type { RegisteredClassNames } from './config';
-export { default as tw, twx } from './tw';
+export type { UIClassNames } from './classnames/config';
+export type * from './classnames/interfaces';
+export { default as tw, twx } from './classnames/utility/tw';
+export type { UIIcons } from './icons/config';
+export type * from './icons/interfaces';
+export { default as createUIContext, UIProvider, useClassNames, useIcon } from './context';

package/dist/styles/index.js

@@ -1 +1,2 @@
-export { default as tw, twx } from './tw';
+export { default as tw, twx } from './classnames/utility/tw';
+export { default as createUIContext, UIProvider, useClassNames, useIcon } from './context';

package/dist/styles/styles.css

@@ -0,0 +1,60 @@
+@theme {
+    /* These are defaults that will (probably) be overwritten by the consuming application */
+    --color-primary: var(--color-teal-600);
+    --color-primary-dark: var(--color-teal-700);
+    --color-on-primary: var(--color-white);
+    /* End defaults */
+
+    --color-button-bg: var(--color-primary);
+    --color-button-bg-hover: var(--color-primary-dark);
+    --color-button-text: var(--color-on-primary);
+    --color-link: var(--color-primary);
+    --color-panel: var(--color-white);
+
+    --color-error: var(--color-red-600);
+}
+
+@layer base {
+    button {
+        @apply cursor-pointer;
+    }
+    
+    hr {
+        @apply border-slate-200;
+    }
+
+    input::-webkit-inner-spin-button {
+        @apply appearance-none m-0;
+    }
+
+    input[type=number] {
+        -moz-appearance: textfield;
+        appearance: textfield;
+    }
+
+    small {
+        @apply text-xs;
+    }
+
+    strong {
+        @apply font-semibold;
+    }
+}
+
+@layer utilities {
+    .fade {
+        @apply transition-discrete transition-all duration-100 invisible opacity-0 ease-in-out;
+    }
+
+    .fade-open {
+        @apply starting:opacity-0 visible opacity-100;
+    }
+
+    .show {
+        @apply transition-discrete transition-all duration-100 invisible opacity-0 ease-in-out scale-90;
+    }
+
+    .show-open {
+        @apply starting:opacity-0 starting:scale-90 visible opacity-100 scale-100;
+    }
+}

package/dist/utility/compare-dates.d.ts

@@ -0,0 +1,2 @@
+declare function compareDates(first: Date, second: Date): -1 | 0 | 1;
+export default compareDates;

package/dist/utility/compare-dates.js

@@ -0,0 +1,13 @@
+function compareDates(first, second) {
+    if (first.getFullYear() !== second.getFullYear()) {
+        return first.getFullYear() < second.getFullYear() ? -1 : 1;
+    }
+    if (first.getMonth() !== second.getMonth()) {
+        return first.getMonth() < second.getMonth() ? -1 : 1;
+    }
+    if (first.getDate() !== second.getDate()) {
+        return first.getDate() < second.getDate() ? -1 : 1;
+    }
+    return 0;
+}
+export default compareDates;

package/dist/utility/get-date-state.d.ts

@@ -0,0 +1,8 @@
+export interface DateState {
+    isEnd: boolean;
+    isInRange: boolean;
+    isSelected: boolean;
+    isStart: boolean;
+}
+declare function getDateState(date: Date | null, pendingValue?: Date | null, value?: Date | [Date, Date] | null): DateState;
+export default getDateState;

package/dist/utility/get-date-state.js

@@ -0,0 +1,63 @@
+import compareDates from './compare-dates';
+function getDateState(date, pendingValue, value) {
+    const defaultState = {
+        isEnd: false,
+        isInRange: false,
+        isSelected: false,
+        isStart: false,
+    };
+    // If there is no date, pending value, or value, return null
+    if (!date || (!pendingValue && !value)) {
+        return defaultState;
+    }
+    // For single date, check that the date is selected
+    if (date &&
+        !pendingValue &&
+        !Array.isArray(value) &&
+        value &&
+        compareDates(date, value) === 0) {
+        return { ...defaultState, isSelected: true };
+    }
+    // For range, check that the date is selected, and is the only one selected
+    if (date && pendingValue && compareDates(date, pendingValue) === 0) {
+        return { ...defaultState, isSelected: true };
+    }
+    // For range, check that both dates are the same
+    if (date &&
+        !pendingValue &&
+        Array.isArray(value) &&
+        value[0] &&
+        value[1] &&
+        compareDates(value[0], value[1]) === 0 &&
+        compareDates(date, value[0]) === 0) {
+        return { ...defaultState, isSelected: true };
+    }
+    // For range, check that the date is selected, and is the first of two selected
+    if (date &&
+        !pendingValue &&
+        Array.isArray(value) &&
+        value[0] &&
+        compareDates(date, value[0]) === 0) {
+        return { ...defaultState, isStart: true };
+    }
+    // For range, check that the date is selected, and is the second of two selected
+    if (date &&
+        !pendingValue &&
+        Array.isArray(value) &&
+        value[1] &&
+        compareDates(date, value[1]) === 0) {
+        return { ...defaultState, isEnd: true };
+    }
+    // For range, check that the date is in between two selected dates
+    if (date &&
+        !pendingValue &&
+        Array.isArray(value) &&
+        value[0] &&
+        value[1] &&
+        compareDates(date, value[0]) > 0 &&
+        compareDates(date, value[1]) < 0) {
+        return { ...defaultState, isInRange: true };
+    }
+    return defaultState;
+}
+export default getDateState;

package/dist/utility/get-days.d.ts

@@ -0,0 +1,2 @@
+declare function getDays(): string[];
+export default getDays;

package/dist/utility/get-days.js

@@ -0,0 +1,5 @@
+const DAYS = ['Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su'];
+function getDays() {
+    return DAYS;
+}
+export default getDays;

package/dist/utility/get-weeks.d.ts

@@ -0,0 +1,2 @@
+declare function getWeeks(date: Date): (Date | null)[][];
+export default getWeeks;

package/dist/utility/get-weeks.js

@@ -0,0 +1,31 @@
+const DAYS_IN_WEEK = 7;
+const SUNDAY = 6;
+// Most date libraries start the week on Sunday (US). We want to start on Monday (UK).
+function adjustDayOfWeek(num) {
+    return num === 0 ? SUNDAY : num - 1;
+}
+function getWeeks(date) {
+    const firstDay = new Date(date);
+    firstDay.setDate(1);
+    const firstDayofMonth = adjustDayOfWeek(firstDay.getDay());
+    const daysInMonth = new Date(date.getFullYear(), date.getMonth() + 1, 0).getDate();
+    // First, fill an array with nulls from Monday until whatver day the first of the month is
+    const days = Array(firstDayofMonth).fill(null);
+    // Now, add subsequential dates to the array until we reach the number of days in the month
+    for (let index = 0; index < daysInMonth; index += 1) {
+        const dt = new Date(firstDay);
+        dt.setDate(dt.getDate() + index);
+        days.push(dt);
+    }
+    // Fill up the array with nulls until it's a multiple of 7
+    while (days.length % DAYS_IN_WEEK) {
+        days.push(null);
+    }
+    // Split the array into 7s, to create a multidimensional array of weeks and days in those weeks
+    const weeks = [];
+    for (let index = 0; index < days.length; index += DAYS_IN_WEEK) {
+        weeks.push(days.slice(index, index + DAYS_IN_WEEK));
+    }
+    return weeks;
+}
+export default getWeeks;

package/dist/utility/index.d.ts

@@ -1 +1 @@
-export type { NextLayoutProps, NextPageProps } from './interfaces';
+export type * from './interfaces';

package/dist/utility/interfaces.d.ts

@@ -1,27 +1,37 @@
-export interface ConfirmableObject {
-    actions?: Omit<Action, 'confirmable'>[];
+import { UseSuccessArgs } from '../hooks/useSuccess';
+export type ActionEvent = React.MouseEvent<HTMLAnchorElement> | React.MouseEvent<HTMLButtonElement>;
+export interface SimpleActionObject {
+    details?: React.ReactNode;
+    href?: string;
+    icon?: React.ReactNode;
+    isDisabled?: boolean;
+    isLoading?: boolean;
+    isSubmittable?: boolean;
+    label: React.ReactNode;
+    onClick?: (event?: ActionEvent) => void;
+    searchParams?: Record<string, string>;
+    variant?: StyleVariant[] | StyleVariant;
+}
+export interface ActionObject<Data, Response> extends SimpleActionObject, UseSuccessArgs<Response> {
+    action?: (data: Data) => Promise<Response>;
+    confirmable?: ConfirmableObject<Data, Response>;
+    data?: Data;
+}
+export interface ConfirmableObject<Data, Response> extends UseSuccessArgs<Response> {
+    actions?: Omit<ActionObject<Data, Response>, 'confirmable'>[];
     confirmText?: string;
     description?: React.ReactNode;
     icon?: React.ReactNode;
     isLoading?: boolean;
     modalIcon?: React.ReactNode;
     onBeforeConfirm?: () => void;
-    onConfirm: () => void;
+    onConfirm?: () => void;
     submitLabel?: string;
-    title?: string;
+    title?: React.ReactNode;
 }
-export interface Action {
-    action?: string;
-    confirmable?: ConfirmableObject;
-    details?: React.ReactNode;
-    href?: string;
-    icon?: React.ReactNode;
-    isDisabled?: boolean;
-    isLoading?: boolean;
-    isSubmittable?: boolean;
+export interface DataObject {
     label: React.ReactNode;
-    onClick?: () => void;
-    variant?: ButtonVariant;
+    value: React.ReactNode;
 }
 export interface NextLayoutProps {
     children: React.ReactNode;
@@ -31,5 +41,11 @@ export interface NextPageProps {
     params?: Promise<Record<string, string>> | null;
     searchParams?: Promise<Record<string, string>> | null;
 }
-export type StyleVariant = 'bordered' | 'danger' | 'error' | 'info' | 'primary' | 'secondary' | 'success' | 'tertiary' | 'warning';
-export type ButtonVariant = StyleVariant | 'link';
+export type ReferenceObject = {
+    id?: string;
+    name: string;
+    path?: string;
+    reference?: string;
+};
+export type SizeVariant = 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge';
+export type StyleVariant = 'bordered' | 'danger' | 'error' | 'hollow' | 'info' | 'primary' | 'secondary' | 'success' | 'tertiary' | 'warning';

package/dist/utility/is-data-object-array.d.ts

@@ -0,0 +1,3 @@
+import type { DataObject } from './interfaces';
+declare function isDataObjectArray(item: unknown): item is DataObject[];
+export default isDataObjectArray;

package/dist/utility/is-data-object-array.js

@@ -0,0 +1,5 @@
+import isDataObject from './is-data-object';
+function isDataObjectArray(item) {
+    return Array.isArray(item) && item.every(isDataObject);
+}
+export default isDataObjectArray;

package/dist/utility/is-data-object.d.ts

@@ -0,0 +1,3 @@
+import type { DataObject } from './interfaces';
+declare function isDataObject(item: unknown): item is DataObject;
+export default isDataObject;

package/dist/utility/is-data-object.js

@@ -0,0 +1,4 @@
+function isDataObject(item) {
+    return typeof item === 'object' && item !== null && 'label' in item && 'value' in item;
+}
+export default isDataObject;

package/package.json

@@ -1,11 +1,15 @@
 {
   "name": "@sqrzro/ui",
   "type": "module",
-  "version": "4.0.0-alpha.6",
+  "version": "4.0.0-alpha.60",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "license": "ISC",
   "exports": {
+    "./addon": {
+      "types": "./dist/addon/index.d.ts",
+      "default": "./dist/addon/index.js"
+    },
     "./components": {
       "types": "./dist/components/index.d.ts",
       "default": "./dist/components/index.js"
@@ -22,6 +26,10 @@
       "types": "./dist/hooks/index.d.ts",
       "default": "./dist/hooks/index.js"
     },
+    "./mail": {
+      "types": "./dist/mail/index.d.ts",
+      "default": "./dist/mail/index.js"
+    },
     "./navigation": {
       "types": "./dist/navigation/index.d.ts",
       "default": "./dist/navigation/index.js"
@@ -30,6 +38,9 @@
       "types": "./dist/styles/index.d.ts",
       "default": "./dist/styles/index.js"
     },
+    "./styles.css": {
+      "default": "./dist/styles/styles.css"
+    },
     "./utility": {
       "types": "./dist/utility/index.d.ts",
       "default": "./dist/utility/index.js"
@@ -40,39 +51,40 @@
   ],
   "dependencies": {
     "clsx": "^2.1.1",
-    "next": "^16.1.6",
+    "drizzle-orm": "^0.45.1",
+    "next": "^16.2.0",
     "react": "^19.2.4",
-    "react-dom": "^19.2.1",
-    "tailwind-merge": "^3.4.0",
+    "react-dom": "^19.2.4",
+    "tailwind-merge": "^3.5.0",
     "use-deep-compare-effect": "^1.8.1",
-    "@sqrzro/utility": "^4.0.0-alpha.1"
+    "@sqrzro/addons": "^4.0.0-alpha.10",
+    "@sqrzro/utility": "^4.0.0-alpha.19"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "^10.1.7",
-    "@storybook/addon-docs": "^10.1.7",
-    "@storybook/nextjs": "^10.1.7",
-    "@testing-library/react": "^16.3.0",
+    "@storybook/addon-a11y": "^10.3.1",
+    "@storybook/addon-docs": "^10.3.1",
+    "@storybook/nextjs": "^10.3.1",
+    "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",
-    "@types/react": "^19.2.7",
+    "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "concurrently": "^9.2.1",
-    "next-router-mock": "^1.0.4",
-    "prettier": "^3.7.4",
-    "rimraf": "^6.1.2",
-    "storybook": "^10.1.7",
+    "cpx": "^1.5.0",
+    "next-router-mock": "^1.0.5",
+    "rimraf": "^6.1.3",
+    "storybook": "^10.3.1",
     "tsc-alias": "^1.8.16",
     "tslib": "^2.8.1",
-    "typescript": "^5.9.3",
-    "@sqrzro/prettier-config": "^4.0.0-alpha.1"
+    "typescript": "^5.9.3"
   },
   "scripts": {
-    "build": "pnpm clean && tsc -p tsconfig.build.json && tsc-alias",
+    "build": "pnpm clean && tsc -p tsconfig.build.json && tsc-alias && pnpm build:css",
+    "build:css": "cpx \"./src/**/*.css\" ./dist",
     "clean": "rimraf ./dist",
-    "dev": "(concurrently \"tsc -p tsconfig.build.json --watch\" \"tsc-alias -w\")",
+    "dev": "pnpm build:css && (concurrently \"tsc -p tsconfig.build.json --watch\" \"tsc-alias -w\")",
     "docs:start": "storybook dev -p 6006",
     "docs:build": "storybook build",
     "lint": "tsc --noEmit && eslint \"./src/**/*.ts\"",
-    "prettier": "prettier --write \"./src/**/*.tsx\" \"./src/**/*.ts\"",
     "start": "pnpm dev"
   }
 }

package/dist/components/buttons/ConfirmableButton/index.d.ts

@@ -1,7 +0,0 @@
-import type { ConfirmableObject } from '../../../utility/interfaces';
-import type { ButtonProps } from '../Button';
-export type ConfirmableButtonProps = ButtonProps & {
-    confirmable: ConfirmableObject;
-};
-declare function ConfirmableButton({ confirmable, ...buttonProps }: Readonly<ConfirmableButtonProps>): React.ReactElement;
-export default ConfirmableButton;

package/dist/components/buttons/ConfirmableButton/index.js

@@ -1,13 +0,0 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment } from 'react';
-import Button from '../Button';
-function ConfirmableButton({ confirmable, ...buttonProps }) {
-    // const { handle, modalProps } = useConfirmable<HTMLButtonElement>({
-    //     isLoading,
-    //     onBeforeConfirm,
-    //     onConfirm: (event) => onClick?.(event),
-    // });
-    return (_jsx(Fragment, { children: _jsx(Button, { ...buttonProps, icon: confirmable.icon, isLoading: confirmable.isLoading }) }));
-}
-export default ConfirmableButton;

package/dist/components/collections/utility/filter-columns.d.ts

@@ -1,3 +0,0 @@
-import type { TableColumnObject } from '../interfaces';
-declare function filterColumns(columns: TableColumnObject[], isSelectable?: boolean): TableColumnObject[];
-export default filterColumns;

package/dist/components/collections/utility/filter-columns.js

@@ -1,8 +0,0 @@
-function filterColumns(columns, isSelectable) {
-    const filtered = columns.filter((column) => column.type !== 'id');
-    if (isSelectable) {
-        return [{ id: 'select', type: 'selectable' }, ...filtered];
-    }
-    return filtered;
-}
-export default filterColumns;

package/dist/components/collections/utility/get-selected-from-search-params.d.ts

@@ -1,2 +0,0 @@
-declare function getSelectedFromSearchParams(searchParams: URLSearchParams): string[];
-export default getSelectedFromSearchParams;

package/dist/components/collections/utility/get-selected-from-search-params.js

@@ -1,5 +0,0 @@
-function getSelectedFromSearchParams(searchParams) {
-    const selected = searchParams.get('selected');
-    return selected ? selected.split('|') : [];
-}
-export default getSelectedFromSearchParams;

package/dist/components/collections/utility/set-selected-to-search-params.d.ts

@@ -1,2 +0,0 @@
-declare function setSelectedToSearchParams(selected: string[]): string;
-export default setSelectedToSearchParams;

package/dist/components/collections/utility/set-selected-to-search-params.js

@@ -1,4 +0,0 @@
-function setSelectedToSearchParams(selected) {
-    return selected.join('|');
-}
-export default setSelectedToSearchParams;

package/dist/components/utility/ClassNames/index.d.ts

@@ -1,6 +0,0 @@
-import type { RegisteredClassNames } from '../../../styles/config';
-export interface ClassNamesProps {
-    data: RegisteredClassNames;
-}
-declare function ClassNames({ data }: Readonly<ClassNamesProps>): null;
-export default ClassNames;