luan-ui 0.1.0

package/dist/utilities/get-variants/get-variants.d.ts

@@ -0,0 +1,56 @@
+import type { ResponsiveValue } from "@utilities/responsive/responsive";
+type VariantValue = Record<string, string>;
+type VariantConfig = Record<string, VariantValue>;
+type StringBoolean = "true" | "false";
+type BooleanVariant = Partial<Record<StringBoolean, string>>;
+type VariantPropValue<T> = T extends BooleanVariant ? ResponsiveValue<boolean> | undefined : T extends Record<string, unknown> ? ResponsiveValue<keyof T> : never;
+type VariantProps<T extends VariantConfig> = {
+    [K in keyof T]: VariantPropValue<T[K]>;
+} & {
+    className?: string;
+};
+type ResponsiveClassesConfig<T extends VariantConfig> = {
+    base: string;
+    variants?: T;
+    compoundVariants?: Partial<VariantProps<T>>[];
+};
+/**
+ * Creates a function that generates classes based on variant configurations and responsive props
+ *
+ * @template T - Type extending VariantConfig (Record of variant names to their possible values and corresponding classes)
+ *
+ * @param config - Configuration object for variants
+ * @param config.base - Base classes that are always applied
+ * @param config.variants - Object containing variant definitions where each key is a variant name
+ *                         and value is either a string of class names, an object mapping variant values to class names,
+ *                         or an object with true/false keys for boolean variants
+ * @param config.compoundVariants - Optional array of compound variants that apply additional classes
+ *                                 when multiple variants have specific values
+ *
+ * @returns A function that accepts variant props and returns classes with twMerge
+ *
+ * @example
+ * const getButtonVariants = getVariants({
+ *   base: "px-4 py-2 rounded",
+ *   variants: {
+ *     intent: {
+ *       primary: "bg-blue-500 text-white",
+ *       secondary: "bg-gray-200 text-gray-800"
+ *     },
+ *     size: {
+ *       sm: "text-sm",
+ *       lg: "text-lg"
+ *     },
+ *     disabled: {
+ *       true: "opacity-50 cursor-not-allowed"
+ *     }
+ *   }
+ * });
+ *
+ * // Usage:
+ * getButtonVariants({ intent: "primary", size: "lg", disabled: true })
+ * // Or with responsive values:
+ * getButtonVariants({ intent: { initial: "primary", md: "secondary" } })
+ */
+export declare const getVariants: <T extends VariantConfig>({ base, variants, compoundVariants, }: ResponsiveClassesConfig<T>) => ({ className, ...props }: VariantProps<T>) => string;
+export {};

package/dist/utilities/get-variants/get-variants.js

@@ -0,0 +1,79 @@
+import { cn } from "@utilities/cn/cn";
+/**
+ * Creates a function that generates classes based on variant configurations and responsive props
+ *
+ * @template T - Type extending VariantConfig (Record of variant names to their possible values and corresponding classes)
+ *
+ * @param config - Configuration object for variants
+ * @param config.base - Base classes that are always applied
+ * @param config.variants - Object containing variant definitions where each key is a variant name
+ *                         and value is either a string of class names, an object mapping variant values to class names,
+ *                         or an object with true/false keys for boolean variants
+ * @param config.compoundVariants - Optional array of compound variants that apply additional classes
+ *                                 when multiple variants have specific values
+ *
+ * @returns A function that accepts variant props and returns classes with twMerge
+ *
+ * @example
+ * const getButtonVariants = getVariants({
+ *   base: "px-4 py-2 rounded",
+ *   variants: {
+ *     intent: {
+ *       primary: "bg-blue-500 text-white",
+ *       secondary: "bg-gray-200 text-gray-800"
+ *     },
+ *     size: {
+ *       sm: "text-sm",
+ *       lg: "text-lg"
+ *     },
+ *     disabled: {
+ *       true: "opacity-50 cursor-not-allowed"
+ *     }
+ *   }
+ * });
+ *
+ * // Usage:
+ * getButtonVariants({ intent: "primary", size: "lg", disabled: true })
+ * // Or with responsive values:
+ * getButtonVariants({ intent: { initial: "primary", md: "secondary" } })
+ */
+export const getVariants = ({ base, variants, compoundVariants, }) => ({ className, ...props }) => {
+    const responsiveClasses = Object.entries(props)
+        .flatMap(([key, propValue]) => {
+        const variant = variants?.[key];
+        const value = typeof propValue === "boolean" ? String(propValue) : propValue;
+        // Handle undefined values
+        if (!value)
+            return;
+        const variantValue = variant?.[value];
+        // Handle string values
+        if (typeof variantValue === "string") {
+            return variantValue;
+        }
+        // Handle responsive values
+        return Object.entries(value)
+            .map(([breakpoint, value]) => {
+            // If the breakpoint is initial, return the variant value without breakpoint prefix
+            if (breakpoint === "initial") {
+                return variants?.[key]?.[value];
+            }
+            // Otherwise, return the variant value with the breakpoint prefix
+            return variants?.[key]?.[value]
+                ?.split(" ")
+                .map((className) => `${breakpoint}:${className}`)
+                .join(" ");
+        })
+            .join(" ");
+    })
+        .join(" ");
+    const compoundClasses = compoundVariants
+        ?.map(({ className, ...compound }) => {
+        if (Object.entries(compound).every(([key, value]) => props[key] === String(value) || props[key] === value)) {
+            return className;
+        }
+        return undefined;
+    })
+        .filter(Boolean);
+    return cn(base, responsiveClasses, compoundClasses, className);
+};
+//# sourceMappingURL=get-variants.js.map

package/dist/utilities/get-variants/get-variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-variants.js","sourceRoot":"","sources":["../../../src/utilities/get-variants/get-variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AA8BtC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,MAAM,CAAC,MAAM,WAAW,GACvB,CAA0B,EACzB,IAAI,EACJ,QAAQ,EACR,gBAAgB,GACY,EAAE,EAAE,CACjC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAmB,EAAE,EAAE;IAC5C,MAAM,iBAAiB,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;SAC7C,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,CAAC,EAAE,EAAE;QAC7B,MAAM,OAAO,GAAG,QAAQ,EAAE,CAAC,GAAG,CAAC,CAAC;QAChC,MAAM,KAAK,GACV,OAAO,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAEhE,0BAA0B;QAC1B,IAAI,CAAC,KAAK;YAAE,OAAO;QAEnB,MAAM,YAAY,GAAG,OAAO,EAAE,CAAC,KAA6B,CAAC,CAAC;QAE9D,uBAAuB;QACvB,IAAI,OAAO,YAAY,KAAK,QAAQ,EAAE,CAAC;YACtC,OAAO,YAAY,CAAC;QACrB,CAAC;QAED,2BAA2B;QAC3B,OAAO,MAAM,CAAC,OAAO,CAAC,KAAmC,CAAC;aACxD,GAAG,CAAC,CAAC,CAAC,UAAU,EAAE,KAAK,CAAC,EAAE,EAAE;YAC5B,mFAAmF;YACnF,IAAI,UAAU,KAAK,SAAS,EAAE,CAAC;gBAC9B,OAAO,QAAQ,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,KAA6B,CAAC,CAAC;YACzD,CAAC;YACD,iEAAiE;YACjE,OAAO,QAAQ,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,KAA6B,CAAC;gBACtD,EAAE,KAAK,CAAC,GAAG,CAAC;iBACX,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,GAAG,UAAU,IAAI,SAAS,EAAE,CAAC;iBAChD,IAAI,CAAC,GAAG,CAAC,CAAC;QACb,CAAC,CAAC;aACD,IAAI,CAAC,GAAG,CAAC,CAAC;IACb,CAAC,CAAC;SACD,IAAI,CAAC,GAAG,CAAC,CAAC;IAEZ,MAAM,eAAe,GAAG,gBAAgB;QACvC,EAAE,GAAG,CAAC,CAAC,EAAE,SAAS,EAAE,GAAG,QAAQ,EAAE,EAAE,EAAE;QACpC,IACC,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,KAAK,CAC7B,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAChB,KAAK,CAAC,GAAG,CAAC,KAAK,MAAM,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,GAAG,CAAC,KAAK,KAAK,CACrD,EACA,CAAC;YACF,OAAO,SAAS,CAAC;QAClB,CAAC;QACD,OAAO,SAAS,CAAC;IAClB,CAAC,CAAC;SACD,MAAM,CAAC,OAAO,CAAC,CAAC;IAElB,OAAO,EAAE,CAAC,IAAI,EAAE,iBAAiB,EAAE,eAAe,EAAE,SAAS,CAAC,CAAC;AAChE,CAAC,CAAC"}

package/dist/utilities/merge-refs/merge-refs.d.ts

@@ -0,0 +1,2 @@
+import type { RefObject } from "react";
+export declare const mergeRefs: <T>(...refs: (RefObject<T> | ((node: T) => void) | null)[]) => (node: T) => void;

package/dist/utilities/merge-refs/merge-refs.js

@@ -0,0 +1,13 @@
+export const mergeRefs = (...refs) => {
+    return (node) => {
+        for (const ref of refs) {
+            if (!ref)
+                continue;
+            if (typeof ref === "function")
+                ref(node);
+            else if (ref)
+                ref.current = node;
+        }
+    };
+};
+//# sourceMappingURL=merge-refs.js.map

package/dist/utilities/merge-refs/merge-refs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"merge-refs.js","sourceRoot":"","sources":["../../../src/utilities/merge-refs/merge-refs.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,SAAS,GAAG,CACxB,GAAG,IAAmD,EACrD,EAAE;IACH,OAAO,CAAC,IAAO,EAAE,EAAE;QAClB,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC;YACxB,IAAI,CAAC,GAAG;gBAAE,SAAS;YACnB,IAAI,OAAO,GAAG,KAAK,UAAU;gBAAE,GAAG,CAAC,IAAI,CAAC,CAAC;iBACpC,IAAI,GAAG;gBAAE,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;QAClC,CAAC;IACF,CAAC,CAAC;AACH,CAAC,CAAC"}

package/dist/utilities/pagination/get-truncated-elements.d.ts

@@ -0,0 +1,7 @@
+import { type ReactElement, type ReactNode } from "react";
+type TruncatedElementsOptions = {
+    page: number;
+    children: ReactNode;
+};
+export declare const getTruncatedElements: ({ page, children, }: TruncatedElementsOptions) => ReactNode[] | (string | number | bigint | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element)[];
+export {};

package/dist/utilities/pagination/get-truncated-elements.js

@@ -0,0 +1,101 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { PaginationItem, } from "@components/pagination/pagination";
+import { Children, isValidElement, } from "react";
+export const getTruncatedElements = ({ page, children, }) => {
+    const elements = Children.toArray(children);
+    const paginationItems = elements.filter((el) => isValidElement(el) && el.type === PaginationItem);
+    if (paginationItems.length <= 7) {
+        return elements.map((element, index) => {
+            if (isValidElement(element) && element.type === PaginationItem) {
+                const pageNumber = elements
+                    .slice(0, index)
+                    .filter((el) => isValidElement(el) && el.type === PaginationItem).length + 1;
+                const elementProps = element;
+                return (_jsx(PaginationItem, { index: pageNumber, children: elementProps.props.children }, `pagination-item-${pageNumber}`));
+            }
+            return element;
+        });
+    }
+    const result = [];
+    let currentIndex = 0;
+    // Add non-PaginationItem elements at the start
+    while (currentIndex < elements.length) {
+        const element = elements[currentIndex];
+        if (!isValidElement(element) ||
+            (isValidElement(element) && element.type !== PaginationItem)) {
+            result.push(element);
+            currentIndex++;
+        }
+        else {
+            break;
+        }
+    }
+    // Always show first 4 pages when in that range
+    if (page <= 4) {
+        // Show first 4 pages
+        for (let i = 0; i < 4; i++) {
+            const item = paginationItems[i];
+            if (item) {
+                result.push(_jsx(PaginationItem, { index: i + 1, children: item.props.children }, `pagination-item-${i + 1}`));
+            }
+        }
+        if (paginationItems.length > 4) {
+            result.push(_jsx("span", { className: "flex h-10 w-10 items-center justify-center text-gray-500", children: "..." }, "end-ellipsis"));
+            // Show last page
+            const lastItem = paginationItems[paginationItems.length - 1];
+            if (lastItem) {
+                result.push(_jsx(PaginationItem, { index: paginationItems.length, children: lastItem.props.children }, `pagination-item-${paginationItems.length}`));
+            }
+        }
+    }
+    // Always show last 4 pages when in that range
+    else if (page > paginationItems.length - 4) {
+        // Show first page
+        const firstItem = paginationItems[0];
+        if (firstItem) {
+            result.push(_jsx(PaginationItem, { index: 1, children: firstItem.props.children }, "pagination-item-1"));
+        }
+        result.push(_jsx("span", { className: "flex h-10 w-10 items-center justify-center text-gray-500", children: "..." }, "start-ellipsis"));
+        // Show last 4 pages
+        for (let i = paginationItems.length - 4; i < paginationItems.length; i++) {
+            const item = paginationItems[i];
+            if (item) {
+                result.push(_jsx(PaginationItem, { index: i + 1, children: item.props.children }, `pagination-item-${i + 1}`));
+            }
+        }
+    }
+    // Show truncated view for middle pages
+    else {
+        // Show first page
+        const firstItem = paginationItems[0];
+        if (firstItem) {
+            result.push(_jsx(PaginationItem, { index: 1, children: firstItem.props.children }, "pagination-item-1"));
+        }
+        result.push(_jsx("span", { className: "flex h-10 w-10 items-center justify-center text-gray-500", children: "..." }, "start-ellipsis"));
+        // Show 5 pages with current page in middle
+        for (let i = page - 2; i <= page + 2; i++) {
+            if (i > 1 && i < paginationItems.length) {
+                const item = paginationItems[i - 1];
+                if (item) {
+                    result.push(_jsx(PaginationItem, { index: i, children: item.props.children }, `pagination-item-${i}`));
+                }
+            }
+        }
+        result.push(_jsx("span", { className: "flex h-10 w-10 items-center justify-center text-gray-500", children: "..." }, "end-ellipsis"));
+        const lastItem = paginationItems[paginationItems.length - 1];
+        if (lastItem) {
+            result.push(_jsx(PaginationItem, { index: paginationItems.length, children: lastItem.props.children }, `pagination-item-${paginationItems.length}`));
+        }
+    }
+    // Add remaining non-PaginationItem elements
+    while (currentIndex < elements.length) {
+        const element = elements[currentIndex];
+        if (!isValidElement(element) ||
+            (isValidElement(element) && element.type !== PaginationItem)) {
+            result.push(element);
+        }
+        currentIndex++;
+    }
+    return result;
+};
+//# sourceMappingURL=get-truncated-elements.js.map

package/dist/utilities/pagination/get-truncated-elements.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-truncated-elements.js","sourceRoot":"","sources":["../../../src/utilities/pagination/get-truncated-elements.tsx"],"names":[],"mappings":"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"}

package/dist/utilities/pagination/keyboard-navigation.d.ts

@@ -0,0 +1 @@
+export declare const handleKeyboardNavigation: (e: KeyboardEvent, refs: React.RefObject<Map<number, HTMLButtonElement>>, totalPages: number) => void;

package/dist/utilities/pagination/keyboard-navigation.js

@@ -0,0 +1,70 @@
+export const handleKeyboardNavigation = (e, refs, totalPages) => {
+    if (!refs.current.size)
+        return;
+    const currentFocusedIndex = Array.from(refs.current.entries()).find(([_, el]) => el === document.activeElement)?.[0];
+    if (currentFocusedIndex === undefined)
+        return;
+    let nextIndex;
+    switch (e.key) {
+        case "ArrowLeft":
+        case "ArrowUp": {
+            if (currentFocusedIndex === 0) {
+                nextIndex = totalPages;
+            }
+            else if (currentFocusedIndex === totalPages + 1) {
+                nextIndex = totalPages;
+            }
+            else if (currentFocusedIndex === 1) {
+                nextIndex = 0;
+            }
+            else {
+                // Find the next available index to the left
+                for (let i = currentFocusedIndex - 1; i >= 0; i--) {
+                    if (refs.current.has(i)) {
+                        nextIndex = i;
+                        break;
+                    }
+                }
+                // If no index found to the left, try wrapping to the end
+                if (nextIndex === undefined) {
+                    nextIndex = 0;
+                }
+            }
+            break;
+        }
+        case "ArrowRight":
+        case "ArrowDown": {
+            if (currentFocusedIndex === 0) {
+                nextIndex = 1;
+            }
+            else if (currentFocusedIndex === totalPages) {
+                nextIndex = totalPages + 1;
+            }
+            else {
+                // Find the next available index to the right
+                for (let i = currentFocusedIndex + 1; i <= totalPages + 1; i++) {
+                    if (refs.current.has(i)) {
+                        nextIndex = i;
+                        break;
+                    }
+                }
+                // If no index found to the right, try wrapping to the start
+                if (nextIndex === undefined) {
+                    nextIndex = totalPages + 1;
+                }
+            }
+            break;
+        }
+        case "Home":
+            nextIndex = 1;
+            break;
+        case "End":
+            nextIndex = totalPages;
+            break;
+    }
+    if (nextIndex !== undefined && nextIndex !== currentFocusedIndex) {
+        e.preventDefault();
+        refs.current.get(nextIndex)?.focus();
+    }
+};
+//# sourceMappingURL=keyboard-navigation.js.map

package/dist/utilities/pagination/keyboard-navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyboard-navigation.js","sourceRoot":"","sources":["../../../src/utilities/pagination/keyboard-navigation.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,wBAAwB,GAAG,CACvC,CAAgB,EAChB,IAAqD,EACrD,UAAkB,EACjB,EAAE;IACH,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI;QAAE,OAAO;IAE/B,MAAM,mBAAmB,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC,IAAI,CAClE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,KAAK,QAAQ,CAAC,aAAa,CAC1C,EAAE,CAAC,CAAC,CAAC,CAAC;IAEP,IAAI,mBAAmB,KAAK,SAAS;QAAE,OAAO;IAE9C,IAAI,SAA6B,CAAC;IAElC,QAAQ,CAAC,CAAC,GAAG,EAAE,CAAC;QACf,KAAK,WAAW,CAAC;QACjB,KAAK,SAAS,CAAC,CAAC,CAAC;YAChB,IAAI,mBAAmB,KAAK,CAAC,EAAE,CAAC;gBAC/B,SAAS,GAAG,UAAU,CAAC;YACxB,CAAC;iBAAM,IAAI,mBAAmB,KAAK,UAAU,GAAG,CAAC,EAAE,CAAC;gBACnD,SAAS,GAAG,UAAU,CAAC;YACxB,CAAC;iBAAM,IAAI,mBAAmB,KAAK,CAAC,EAAE,CAAC;gBACtC,SAAS,GAAG,CAAC,CAAC;YACf,CAAC;iBAAM,CAAC;gBACP,4CAA4C;gBAC5C,KAAK,IAAI,CAAC,GAAG,mBAAmB,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;oBACnD,IAAI,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;wBACzB,SAAS,GAAG,CAAC,CAAC;wBACd,MAAM;oBACP,CAAC;gBACF,CAAC;gBACD,yDAAyD;gBACzD,IAAI,SAAS,KAAK,SAAS,EAAE,CAAC;oBAC7B,SAAS,GAAG,CAAC,CAAC;gBACf,CAAC;YACF,CAAC;YACD,MAAM;QACP,CAAC;QACD,KAAK,YAAY,CAAC;QAClB,KAAK,WAAW,CAAC,CAAC,CAAC;YAClB,IAAI,mBAAmB,KAAK,CAAC,EAAE,CAAC;gBAC/B,SAAS,GAAG,CAAC,CAAC;YACf,CAAC;iBAAM,IAAI,mBAAmB,KAAK,UAAU,EAAE,CAAC;gBAC/C,SAAS,GAAG,UAAU,GAAG,CAAC,CAAC;YAC5B,CAAC;iBAAM,CAAC;gBACP,6CAA6C;gBAC7C,KAAK,IAAI,CAAC,GAAG,mBAAmB,GAAG,CAAC,EAAE,CAAC,IAAI,UAAU,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;oBAChE,IAAI,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;wBACzB,SAAS,GAAG,CAAC,CAAC;wBACd,MAAM;oBACP,CAAC;gBACF,CAAC;gBACD,4DAA4D;gBAC5D,IAAI,SAAS,KAAK,SAAS,EAAE,CAAC;oBAC7B,SAAS,GAAG,UAAU,GAAG,CAAC,CAAC;gBAC5B,CAAC;YACF,CAAC;YACD,MAAM;QACP,CAAC;QACD,KAAK,MAAM;YACV,SAAS,GAAG,CAAC,CAAC;YACd,MAAM;QACP,KAAK,KAAK;YACT,SAAS,GAAG,UAAU,CAAC;YACvB,MAAM;IACR,CAAC;IAED,IAAI,SAAS,KAAK,SAAS,IAAI,SAAS,KAAK,mBAAmB,EAAE,CAAC;QAClE,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,CAAC;IACtC,CAAC;AACF,CAAC,CAAC"}

package/dist/utilities/responsive/responsive.d.ts

@@ -0,0 +1,37 @@
+export type Breakpoint = "initial" | "sm" | "md" | "lg" | "xl";
+export type BreakpointsMap<V> = Partial<{
+    [breakpoint in Breakpoint]: V;
+}>;
+export type ResponsiveValue<T> = T | BreakpointsMap<T>;
+/**
+ * Maps a ResponsiveValue to a new ResponsiveValue using the provided mapper function. Singular values are passed through as is.
+ *
+ * @template V The type of the original value
+ * @template T The type of the mapped value
+ * @param {ResponsiveValue<V>} value - The original ResponsiveValue to be mapped
+ * @param {function(V): T} mapper - A function that maps a ResponsiveValue to a new ResponsiveValue
+ * @returns {ResponsiveValue<T>} A new ResponsiveValue with the mapped values
+ *
+ *
+ * @example
+ * const sizes = {
+ *  initial: 'md',
+ *  sm: 'lg',
+ * }
+ *
+ * const output = mapResponsiveValue(sizes, size => {
+ *	switch (size) {
+ *		case 'initial':
+ *		return 'sm';
+ *		case 'sm':
+ *			return 'md';
+ *		}
+ *	});
+ *
+ * // console.log(output)
+ * {
+ *	initial: 'sm',
+ *	sm: 'md',
+ * }
+ */
+export declare const mapResponsiveValue: <V, T>(value: ResponsiveValue<V>, mapper: (value: V) => T) => ResponsiveValue<T>;

package/dist/utilities/responsive/responsive.js

@@ -0,0 +1,40 @@
+const isSingularValue = (value) => !isBreakpointsMap(value);
+const isBreakpointsMap = (value) => typeof value === "object" && value != null && !Array.isArray(value);
+/**
+ * Maps a ResponsiveValue to a new ResponsiveValue using the provided mapper function. Singular values are passed through as is.
+ *
+ * @template V The type of the original value
+ * @template T The type of the mapped value
+ * @param {ResponsiveValue<V>} value - The original ResponsiveValue to be mapped
+ * @param {function(V): T} mapper - A function that maps a ResponsiveValue to a new ResponsiveValue
+ * @returns {ResponsiveValue<T>} A new ResponsiveValue with the mapped values
+ *
+ *
+ * @example
+ * const sizes = {
+ *  initial: 'md',
+ *  sm: 'lg',
+ * }
+ *
+ * const output = mapResponsiveValue(sizes, size => {
+ *	switch (size) {
+ *		case 'initial':
+ *		return 'sm';
+ *		case 'sm':
+ *			return 'md';
+ *		}
+ *	});
+ *
+ * // console.log(output)
+ * {
+ *	initial: 'sm',
+ *	sm: 'md',
+ * }
+ */
+export const mapResponsiveValue = (value, mapper) => isSingularValue(value)
+    ? mapper(value)
+    : Object.fromEntries(Object.entries(value).map(([breakpoint, value]) => [
+        breakpoint,
+        mapper(value),
+    ]));
+//# sourceMappingURL=responsive.js.map

package/dist/utilities/responsive/responsive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"responsive.js","sourceRoot":"","sources":["../../../src/utilities/responsive/responsive.ts"],"names":[],"mappings":"AAQA,MAAM,eAAe,GAAG,CAAI,KAAyB,EAAc,EAAE,CACpE,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;AAE1B,MAAM,gBAAgB,GAAG,CACxB,KAAyB,EACI,EAAE,CAC/B,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;AAErE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CACjC,KAAyB,EACzB,MAAuB,EACF,EAAE,CACvB,eAAe,CAAC,KAAK,CAAC;IACrB,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;IACf,CAAC,CAAE,MAAM,CAAC,WAAW,CACnB,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,UAAU,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC;QAClD,UAAU;QACV,MAAM,CAAC,KAAK,CAAC;KACb,CAAC,CACoB,CAAC"}

package/package.json

@@ -0,0 +1,77 @@
+{
+	"name": "luan-ui",
+	"version": "0.1.0",
+	"description": "A UI library for React",
+	"author": "benebene84 <benedikt.sperl@gmail.com> (https://github.com/benebene84)",
+	"main": "/dist/index.js",
+	"type": "module",
+	"files": [
+		"dist",
+		"README.md",
+		"LICENSE"
+	],
+	"scripts": {
+		"build": "rm -rf dist && tsc -p tsconfig.build.json",
+		"dev": "storybook dev -p 6006",
+		"build-storybook": "storybook build",
+		"check": "biome check",
+		"fix": "biome check --write",
+		"fix:unsafe": "biome check --write --unsafe",
+		"lint": "biome lint",
+		"format": "biome format --write",
+		"test": "vitest",
+		"test:ci": "vitest --run"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/benebene84/luan-ui.git"
+	},
+	"license": "MIT",
+	"bugs": {
+		"url": "https://github.com/benebene84/luan-ui/issues"
+	},
+	"homepage": "https://github.com/benebene84/luan-ui#readme",
+	"devDependencies": {
+		"@biomejs/biome": "^1.9.4",
+		"@chromatic-com/storybook": "^3",
+		"@radix-ui/react-icons": "^1.3.2",
+		"@storybook/addon-essentials": "^8.6.14",
+		"@storybook/addon-interactions": "^8.6.14",
+		"@storybook/addon-onboarding": "^8.6.14",
+		"@storybook/addon-webpack5-compiler-swc": "^3.0.0",
+		"@storybook/blocks": "^8.6.14",
+		"@storybook/react": "^8.6.14",
+		"@storybook/react-webpack5": "^8.6.14",
+		"@storybook/test": "^8.6.14",
+		"@tailwindcss/postcss": "^4.1.7",
+		"@testing-library/dom": "^10.4.0",
+		"@testing-library/jest-dom": "^6.6.3",
+		"@testing-library/react": "^16.3.0",
+		"@testing-library/user-event": "^14.6.1",
+		"@types/react": "^19.1.4",
+		"@types/react-dom": "^19.1.5",
+		"@vitejs/plugin-react": "^4.4.1",
+		"clsx": "^2.1.1",
+		"css-loader": "^7.1.2",
+		"jsdom": "^26.1.0",
+		"lefthook": "^1.11.13",
+		"postcss": "^8.5.3",
+		"postcss-loader": "^8.1.1",
+		"storybook": "^8.6.14",
+		"style-loader": "^4.0.0",
+		"tailwindcss": "^4.1.7",
+		"typescript": "^5.8.3",
+		"vitest": "^3.1.3"
+	},
+	"peerDependencies": {
+		"react": "^18.0.0 || ^19.0.0",
+		"react-dom": "^18.0.0 || ^19.0.0"
+	},
+	"dependencies": {
+		"@radix-ui/react-compose-refs": "^1.1.2",
+		"radix-ui": "^1.4.1",
+		"sonner": "^2.0.3",
+		"tailwind-merge": "^3.3.0"
+	},
+	"packageManager": "pnpm@9.14.2"
+}