@pk-design/react-tailwind 1.5.4 → 1.7.0

package/dist/es/components/WheelPicker/WheelPicker.js

@@ -0,0 +1,80 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useRef, useState, useEffect } from 'react';
+import { buildClassName } from '../../utils/build-classname.js';
+
+function SingleWheelColumn({ column, itemHeight, height, disabled, onValueChange, }) {
+    var _a;
+    const containerRef = useRef(null);
+    const [selectedValue, setSelectedValue] = useState(column.value !== undefined
+        ? column.value
+        : column.defaultValue !== undefined
+            ? column.defaultValue
+            : (_a = column.options[0]) === null || _a === void 0 ? void 0 : _a.value);
+    const isControlled = column.value !== undefined;
+    const currentValue = isControlled ? column.value : selectedValue;
+    const selectedIndex = Math.max(0, column.options.findIndex((opt) => opt.value === currentValue));
+    const paddingY = (height - itemHeight) / 2;
+    // Sync scroll position when active value changes externally
+    useEffect(() => {
+        if (containerRef.current) {
+            const targetScrollTop = selectedIndex * itemHeight;
+            if (Math.abs(containerRef.current.scrollTop - targetScrollTop) > 2) {
+                containerRef.current.scrollTop = targetScrollTop;
+            }
+        }
+    }, [selectedIndex, itemHeight]);
+    const handleScroll = () => {
+        var _a;
+        if (!containerRef.current || disabled)
+            return;
+        const scrollTop = containerRef.current.scrollTop;
+        const index = Math.round(scrollTop / itemHeight);
+        const targetOption = column.options[index];
+        if (targetOption && targetOption.value !== currentValue && !targetOption.disabled) {
+            if (!isControlled) {
+                setSelectedValue(targetOption.value);
+            }
+            (_a = column.onChange) === null || _a === void 0 ? void 0 : _a.call(column, targetOption.value);
+            onValueChange(targetOption.value);
+        }
+    };
+    return (jsx("div", { ref: containerRef, onScroll: handleScroll, className: buildClassName('flex-1 h-full overflow-y-auto no-scrollbar snap-y snap-mandatory relative z-10 select-none text-center', disabled && 'pointer-events-none opacity-40'), style: {
+            paddingTop: `${paddingY}px`,
+            paddingBottom: `${paddingY}px`,
+            scrollSnapType: 'y mandatory',
+        }, "data-testid": `wheel-column-${column.id}`, children: column.options.map((opt, index) => {
+            const isSelected = opt.value === currentValue;
+            return (jsx("div", { onClick: () => {
+                    if (disabled || opt.disabled || !containerRef.current)
+                        return;
+                    const targetTop = index * itemHeight;
+                    if (typeof containerRef.current.scrollTo === 'function') {
+                        containerRef.current.scrollTo({
+                            top: targetTop,
+                            behavior: 'smooth',
+                        });
+                    }
+                    else {
+                        containerRef.current.scrollTop = targetTop;
+                    }
+                }, className: buildClassName('flex items-center justify-center font-semibold snap-center transition-all duration-150 cursor-pointer', opt.disabled && 'opacity-30 cursor-not-allowed', isSelected
+                    ? 'text-blue-600 dark:text-blue-400 text-sm font-bold scale-105'
+                    : 'text-gray-500 dark:text-gray-400 text-xs hover:text-gray-800 dark:hover:text-gray-200'), style: { height: `${itemHeight}px` }, "data-testid": `wheel-item-${column.id}-${opt.value}`, children: opt.label }, `${opt.value}-${index}`));
+        }) }));
+}
+function WheelPicker({ columns, height = 200, itemHeight = 40, onChange, disabled = false, containerClass = '', }) {
+    const valuesRef = useRef({});
+    const handleColumnChange = (columnId, value) => {
+        valuesRef.current[columnId] = value;
+        onChange === null || onChange === void 0 ? void 0 : onChange({ ...valuesRef.current });
+    };
+    const highlightTop = (height - itemHeight) / 2;
+    return (jsxs("div", { className: buildClassName('w-full bg-white dark:bg-gray-900 border border-[var(--ui-border)] rounded-2xl relative overflow-hidden flex items-center shadow-xs select-none', containerClass), style: { height: `${height}px` }, "data-testid": "wheel-picker", children: [jsx("div", { className: "absolute inset-x-2 rounded-xl bg-gray-100/90 dark:bg-gray-800/90 border border-blue-500/20 dark:border-blue-400/20 z-0 pointer-events-none", style: {
+                    height: `${itemHeight}px`,
+                    top: `${highlightTop}px`,
+                }, "data-testid": "wheel-highlight-window" }), jsx("div", { className: "absolute top-0 inset-x-0 bg-gradient-to-b from-white via-white/80 dark:from-gray-900 dark:via-gray-900/80 to-transparent pointer-events-none z-20", style: { height: `${highlightTop}px` } }), jsx("div", { className: "absolute bottom-0 inset-x-0 bg-gradient-to-t from-white via-white/80 dark:from-gray-900 dark:via-gray-900/80 to-transparent pointer-events-none z-20", style: { height: `${highlightTop}px` } }), jsx("div", { className: "w-full h-full flex items-center justify-around relative z-10 px-2", children: columns.map((col) => (jsx(SingleWheelColumn, { column: col, itemHeight: itemHeight, height: height, disabled: disabled, onValueChange: (val) => handleColumnChange(col.id, val) }, col.id))) })] }));
+}
+WheelPicker.displayName = 'WheelPicker';
+
+export { WheelPicker };
+//# sourceMappingURL=WheelPicker.js.map

package/dist/es/components/WheelPicker/WheelPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WheelPicker.js","sources":["../../../../../src/components/WheelPicker/WheelPicker.tsx"],"sourcesContent":["import React, { useRef, useState, useEffect } from 'react'\nimport type { WheelPickerProps, WheelPickerColumn, WheelPickerOption } from './WheelPicker.types'\nimport { buildClassName } from '../../utils/build-classname'\n\ninterface SingleColumnProps {\n  column: WheelPickerColumn\n  itemHeight: number\n  height: number\n  disabled?: boolean\n  onValueChange: (val: string | number) => void\n}\n\nfunction SingleWheelColumn({\n  column,\n  itemHeight,\n  height,\n  disabled,\n  onValueChange,\n}: SingleColumnProps) {\n  const containerRef = useRef<HTMLDivElement>(null)\n  const [selectedValue, setSelectedValue] = useState<string | number>(\n    column.value !== undefined\n      ? column.value\n      : column.defaultValue !== undefined\n        ? column.defaultValue\n        : column.options[0]?.value,\n  )\n\n  const isControlled = column.value !== undefined\n  const currentValue = isControlled ? column.value : selectedValue\n\n  const selectedIndex = Math.max(\n    0,\n    column.options.findIndex((opt) => opt.value === currentValue),\n  )\n\n  const paddingY = (height - itemHeight) / 2\n\n  // Sync scroll position when active value changes externally\n  useEffect(() => {\n    if (containerRef.current) {\n      const targetScrollTop = selectedIndex * itemHeight\n      if (Math.abs(containerRef.current.scrollTop - targetScrollTop) > 2) {\n        containerRef.current.scrollTop = targetScrollTop\n      }\n    }\n  }, [selectedIndex, itemHeight])\n\n  const handleScroll = () => {\n    if (!containerRef.current || disabled) return\n    const scrollTop = containerRef.current.scrollTop\n    const index = Math.round(scrollTop / itemHeight)\n    const targetOption = column.options[index]\n\n    if (targetOption && targetOption.value !== currentValue && !targetOption.disabled) {\n      if (!isControlled) {\n        setSelectedValue(targetOption.value)\n      }\n      column.onChange?.(targetOption.value)\n      onValueChange(targetOption.value)\n    }\n  }\n\n  return (\n    <div\n      ref={containerRef}\n      onScroll={handleScroll}\n      className={buildClassName(\n        'flex-1 h-full overflow-y-auto no-scrollbar snap-y snap-mandatory relative z-10 select-none text-center',\n        disabled && 'pointer-events-none opacity-40',\n      )}\n      style={{\n        paddingTop: `${paddingY}px`,\n        paddingBottom: `${paddingY}px`,\n        scrollSnapType: 'y mandatory',\n      }}\n      data-testid={`wheel-column-${column.id}`}\n    >\n      {column.options.map((opt: WheelPickerOption, index: number) => {\n        const isSelected = opt.value === currentValue\n\n        return (\n          <div\n            key={`${opt.value}-${index}`}\n            onClick={() => {\n              if (disabled || opt.disabled || !containerRef.current) return\n              const targetTop = index * itemHeight\n              if (typeof containerRef.current.scrollTo === 'function') {\n                containerRef.current.scrollTo({\n                  top: targetTop,\n                  behavior: 'smooth',\n                })\n              } else {\n                containerRef.current.scrollTop = targetTop\n              }\n            }}\n            className={buildClassName(\n              'flex items-center justify-center font-semibold snap-center transition-all duration-150 cursor-pointer',\n              opt.disabled && 'opacity-30 cursor-not-allowed',\n              isSelected\n                ? 'text-blue-600 dark:text-blue-400 text-sm font-bold scale-105'\n                : 'text-gray-500 dark:text-gray-400 text-xs hover:text-gray-800 dark:hover:text-gray-200',\n            )}\n            style={{ height: `${itemHeight}px` }}\n            data-testid={`wheel-item-${column.id}-${opt.value}`}\n          >\n            {opt.label}\n          </div>\n        )\n      })}\n    </div>\n  )\n}\n\nexport function WheelPicker({\n  columns,\n  height = 200,\n  itemHeight = 40,\n  onChange,\n  disabled = false,\n  containerClass = '',\n}: WheelPickerProps) {\n  const valuesRef = useRef<Record<string, string | number>>({})\n\n  const handleColumnChange = (columnId: string, value: string | number) => {\n    valuesRef.current[columnId] = value\n    onChange?.({ ...valuesRef.current })\n  }\n\n  const highlightTop = (height - itemHeight) / 2\n\n  return (\n    <div\n      className={buildClassName(\n        'w-full bg-white dark:bg-gray-900 border border-[var(--ui-border)] rounded-2xl relative overflow-hidden flex items-center shadow-xs select-none',\n        containerClass,\n      )}\n      style={{ height: `${height}px` }}\n      data-testid=\"wheel-picker\"\n    >\n      {/* Center Highlight Selection Window */}\n      <div\n        className=\"absolute inset-x-2 rounded-xl bg-gray-100/90 dark:bg-gray-800/90 border border-blue-500/20 dark:border-blue-400/20 z-0 pointer-events-none\"\n        style={{\n          height: `${itemHeight}px`,\n          top: `${highlightTop}px`,\n        }}\n        data-testid=\"wheel-highlight-window\"\n      />\n\n      {/* Top Gradient Blur Mask */}\n      <div\n        className=\"absolute top-0 inset-x-0 bg-gradient-to-b from-white via-white/80 dark:from-gray-900 dark:via-gray-900/80 to-transparent pointer-events-none z-20\"\n        style={{ height: `${highlightTop}px` }}\n      />\n\n      {/* Bottom Gradient Blur Mask */}\n      <div\n        className=\"absolute bottom-0 inset-x-0 bg-gradient-to-t from-white via-white/80 dark:from-gray-900 dark:via-gray-900/80 to-transparent pointer-events-none z-20\"\n        style={{ height: `${highlightTop}px` }}\n      />\n\n      {/* Wheel Columns Container */}\n      <div className=\"w-full h-full flex items-center justify-around relative z-10 px-2\">\n        {columns.map((col) => (\n          <SingleWheelColumn\n            key={col.id}\n            column={col}\n            itemHeight={itemHeight}\n            height={height}\n            disabled={disabled}\n            onValueChange={(val) => handleColumnChange(col.id, val)}\n          />\n        ))}\n      </div>\n    </div>\n  )\n}\n\nWheelPicker.displayName = 'WheelPicker'\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/es/components/common-responsive.js

@@ -0,0 +1,287 @@
+const GAP_MAP = {
+    none: 'gap-0',
+    xs: 'gap-1',
+    sm: 'gap-2',
+    md: 'gap-4',
+    lg: 'gap-6',
+    xl: 'gap-8',
+    '2xl': 'gap-12',
+};
+const GAP_X_MAP = {
+    none: 'gap-x-0',
+    xs: 'gap-x-1',
+    sm: 'gap-x-2',
+    md: 'gap-x-4',
+    lg: 'gap-x-6',
+    xl: 'gap-x-8',
+    '2xl': 'gap-x-12',
+};
+const GAP_Y_MAP = {
+    none: 'gap-y-0',
+    xs: 'gap-y-1',
+    sm: 'gap-y-2',
+    md: 'gap-y-4',
+    lg: 'gap-y-6',
+    xl: 'gap-y-8',
+    '2xl': 'gap-y-12',
+};
+const ALIGN_MAP = {
+    start: 'items-start',
+    center: 'items-center',
+    end: 'items-end',
+    baseline: 'items-baseline',
+    stretch: 'items-stretch',
+};
+const JUSTIFY_MAP = {
+    start: 'justify-start',
+    center: 'justify-center',
+    end: 'justify-end',
+    between: 'justify-between',
+    around: 'justify-around',
+    evenly: 'justify-evenly',
+};
+const DIRECTION_MAP = {
+    row: 'flex-row',
+    'row-reverse': 'flex-row-reverse',
+    col: 'flex-col',
+    'col-reverse': 'flex-col-reverse',
+};
+const WRAP_MAP = {
+    wrap: 'flex-wrap',
+    nowrap: 'flex-nowrap',
+    'wrap-reverse': 'flex-wrap-reverse',
+};
+/**
+ * Resolves the `order` prop to inline styles when it's a raw number.
+ *
+ * `'first'` / `'last'` map to the static `order-first`/`order-last` Tailwind
+ * utilities (safe, since those exact class names are literal elsewhere).
+ * Arbitrary numeric orders can't be expressed as a safe literal class (the
+ * value is unbounded), so they're applied as an inline `order` style instead
+ * — that works regardless of what the consuming app's Tailwind build scans.
+ */
+const resolveOrderStyle = (order) => typeof order === 'number' ? { order } : undefined;
+const resolveOrderClassName = (order) => {
+    if (order === 'first')
+        return '-order-1';
+    if (order === 'last')
+        return 'order-last';
+    return undefined;
+};
+/** Width-fraction span classes used by `Flex.Item` (unprefixed / base breakpoint). */
+const FLEX_SPAN_MAP = {
+    1: 'w-1/12 flex-none',
+    2: 'w-2/12 flex-none',
+    3: 'w-3/12 flex-none',
+    4: 'w-4/12 flex-none',
+    5: 'w-5/12 flex-none',
+    6: 'w-6/12 flex-none',
+    7: 'w-7/12 flex-none',
+    8: 'w-8/12 flex-none',
+    9: 'w-9/12 flex-none',
+    10: 'w-10/12 flex-none',
+    11: 'w-11/12 flex-none',
+    12: 'w-full flex-none',
+    auto: 'w-auto flex-none',
+    full: 'w-full flex-none',
+};
+const FLEX_SM_SPAN_MAP = {
+    1: 'sm:w-1/12',
+    2: 'sm:w-2/12',
+    3: 'sm:w-3/12',
+    4: 'sm:w-4/12',
+    5: 'sm:w-5/12',
+    6: 'sm:w-6/12',
+    7: 'sm:w-7/12',
+    8: 'sm:w-8/12',
+    9: 'sm:w-9/12',
+    10: 'sm:w-10/12',
+    11: 'sm:w-11/12',
+    12: 'sm:w-full',
+    auto: 'sm:w-auto',
+    full: 'sm:w-full',
+};
+const FLEX_MD_SPAN_MAP = {
+    1: 'md:w-1/12',
+    2: 'md:w-2/12',
+    3: 'md:w-3/12',
+    4: 'md:w-4/12',
+    5: 'md:w-5/12',
+    6: 'md:w-6/12',
+    7: 'md:w-7/12',
+    8: 'md:w-8/12',
+    9: 'md:w-9/12',
+    10: 'md:w-10/12',
+    11: 'md:w-11/12',
+    12: 'md:w-full',
+    auto: 'md:w-auto',
+    full: 'md:w-full',
+};
+const FLEX_LG_SPAN_MAP = {
+    1: 'lg:w-1/12',
+    2: 'lg:w-2/12',
+    3: 'lg:w-3/12',
+    4: 'lg:w-4/12',
+    5: 'lg:w-5/12',
+    6: 'lg:w-6/12',
+    7: 'lg:w-7/12',
+    8: 'lg:w-8/12',
+    9: 'lg:w-9/12',
+    10: 'lg:w-10/12',
+    11: 'lg:w-11/12',
+    12: 'lg:w-full',
+    auto: 'lg:w-auto',
+    full: 'lg:w-full',
+};
+const FLEX_XL_SPAN_MAP = {
+    1: 'xl:w-1/12',
+    2: 'xl:w-2/12',
+    3: 'xl:w-3/12',
+    4: 'xl:w-4/12',
+    5: 'xl:w-5/12',
+    6: 'xl:w-6/12',
+    7: 'xl:w-7/12',
+    8: 'xl:w-8/12',
+    9: 'xl:w-9/12',
+    10: 'xl:w-10/12',
+    11: 'xl:w-11/12',
+    12: 'xl:w-full',
+    auto: 'xl:w-auto',
+    full: 'xl:w-full',
+};
+const FLEX_XXL_SPAN_MAP = {
+    1: '2xl:w-1/12',
+    2: '2xl:w-2/12',
+    3: '2xl:w-3/12',
+    4: '2xl:w-4/12',
+    5: '2xl:w-5/12',
+    6: '2xl:w-6/12',
+    7: '2xl:w-7/12',
+    8: '2xl:w-8/12',
+    9: '2xl:w-9/12',
+    10: '2xl:w-10/12',
+    11: '2xl:w-11/12',
+    12: '2xl:w-full',
+    auto: '2xl:w-auto',
+    full: '2xl:w-full',
+};
+/** `col-span-*` classes used by `Grid.Col` (unprefixed / base breakpoint). */
+const GRID_SPAN_MAP = {
+    1: 'col-span-1',
+    2: 'col-span-2',
+    3: 'col-span-3',
+    4: 'col-span-4',
+    5: 'col-span-5',
+    6: 'col-span-6',
+    7: 'col-span-7',
+    8: 'col-span-8',
+    9: 'col-span-9',
+    10: 'col-span-10',
+    11: 'col-span-11',
+    12: 'col-span-12',
+    auto: 'col-auto',
+    full: 'col-span-full',
+};
+const GRID_SM_SPAN_MAP = {
+    1: 'sm:col-span-1',
+    2: 'sm:col-span-2',
+    3: 'sm:col-span-3',
+    4: 'sm:col-span-4',
+    5: 'sm:col-span-5',
+    6: 'sm:col-span-6',
+    7: 'sm:col-span-7',
+    8: 'sm:col-span-8',
+    9: 'sm:col-span-9',
+    10: 'sm:col-span-10',
+    11: 'sm:col-span-11',
+    12: 'sm:col-span-12',
+    auto: 'sm:col-auto',
+    full: 'sm:col-span-full',
+};
+const GRID_MD_SPAN_MAP = {
+    1: 'md:col-span-1',
+    2: 'md:col-span-2',
+    3: 'md:col-span-3',
+    4: 'md:col-span-4',
+    5: 'md:col-span-5',
+    6: 'md:col-span-6',
+    7: 'md:col-span-7',
+    8: 'md:col-span-8',
+    9: 'md:col-span-9',
+    10: 'md:col-span-10',
+    11: 'md:col-span-11',
+    12: 'md:col-span-12',
+    auto: 'md:col-auto',
+    full: 'md:col-span-full',
+};
+const GRID_LG_SPAN_MAP = {
+    1: 'lg:col-span-1',
+    2: 'lg:col-span-2',
+    3: 'lg:col-span-3',
+    4: 'lg:col-span-4',
+    5: 'lg:col-span-5',
+    6: 'lg:col-span-6',
+    7: 'lg:col-span-7',
+    8: 'lg:col-span-8',
+    9: 'lg:col-span-9',
+    10: 'lg:col-span-10',
+    11: 'lg:col-span-11',
+    12: 'lg:col-span-12',
+    auto: 'lg:col-auto',
+    full: 'lg:col-span-full',
+};
+const GRID_XL_SPAN_MAP = {
+    1: 'xl:col-span-1',
+    2: 'xl:col-span-2',
+    3: 'xl:col-span-3',
+    4: 'xl:col-span-4',
+    5: 'xl:col-span-5',
+    6: 'xl:col-span-6',
+    7: 'xl:col-span-7',
+    8: 'xl:col-span-8',
+    9: 'xl:col-span-9',
+    10: 'xl:col-span-10',
+    11: 'xl:col-span-11',
+    12: 'xl:col-span-12',
+    auto: 'xl:col-auto',
+    full: 'xl:col-span-full',
+};
+const GRID_XXL_SPAN_MAP = {
+    1: '2xl:col-span-1',
+    2: '2xl:col-span-2',
+    3: '2xl:col-span-3',
+    4: '2xl:col-span-4',
+    5: '2xl:col-span-5',
+    6: '2xl:col-span-6',
+    7: '2xl:col-span-7',
+    8: '2xl:col-span-8',
+    9: '2xl:col-span-9',
+    10: '2xl:col-span-10',
+    11: '2xl:col-span-11',
+    12: '2xl:col-span-12',
+    auto: '2xl:col-auto',
+    full: '2xl:col-span-full',
+};
+/**
+ * Preset track-count classes for `Grid`'s `cols` prop. Each preset
+ * progressively reveals more columns at wider breakpoints so a grid is
+ * responsive out of the box without the caller specifying per-item spans.
+ */
+const GRID_COLS_MAP = {
+    1: 'grid-cols-1',
+    2: 'grid-cols-1 sm:grid-cols-2',
+    3: 'grid-cols-1 sm:grid-cols-2 md:grid-cols-3',
+    4: 'grid-cols-1 sm:grid-cols-2 lg:grid-cols-4',
+    5: 'grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-5',
+    6: 'grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-6',
+    7: 'grid-cols-1 sm:grid-cols-2 md:grid-cols-4 lg:grid-cols-7',
+    8: 'grid-cols-1 sm:grid-cols-2 md:grid-cols-4 lg:grid-cols-8',
+    9: 'grid-cols-1 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-9',
+    10: 'grid-cols-1 sm:grid-cols-2 md:grid-cols-5 lg:grid-cols-10',
+    11: 'grid-cols-1 sm:grid-cols-3 md:grid-cols-6 lg:grid-cols-11',
+    12: 'grid-cols-12',
+    auto: 'grid-cols-none auto-cols-auto',
+};
+
+export { ALIGN_MAP, DIRECTION_MAP, FLEX_LG_SPAN_MAP, FLEX_MD_SPAN_MAP, FLEX_SM_SPAN_MAP, FLEX_SPAN_MAP, FLEX_XL_SPAN_MAP, FLEX_XXL_SPAN_MAP, GAP_MAP, GAP_X_MAP, GAP_Y_MAP, GRID_COLS_MAP, GRID_LG_SPAN_MAP, GRID_MD_SPAN_MAP, GRID_SM_SPAN_MAP, GRID_SPAN_MAP, GRID_XL_SPAN_MAP, GRID_XXL_SPAN_MAP, JUSTIFY_MAP, WRAP_MAP, resolveOrderClassName, resolveOrderStyle };
+//# sourceMappingURL=common-responsive.js.map

package/dist/es/components/common-responsive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"common-responsive.js","sources":["../../../../src/components/common-responsive.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\n\n/**\n * Shared class-name lookup tables for `Flex`/`Grid` (and their `.Item`/`.Col`\n * sub-components).\n *\n * These are intentionally plain object literals with fully spelled-out class\n * names (e.g. `'sm:col-span-6'`) rather than strings built with template\n * interpolation (e.g. `` `sm:col-span-${n}` ``). Tailwind's JIT compiler\n * discovers classes by statically scanning file text for literal substrings —\n * it does not execute this code — so any class name assembled at runtime\n * would never be generated into the final stylesheet. Keep every entry here\n * fully literal.\n */\n\nexport type ResponsiveGap = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl'\nexport type ResponsiveAlign = 'start' | 'center' | 'end' | 'baseline' | 'stretch'\nexport type ResponsiveJustify = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly'\nexport type ResponsiveDirection = 'row' | 'row-reverse' | 'col' | 'col-reverse'\nexport type ResponsiveWrap = 'wrap' | 'nowrap' | 'wrap-reverse'\nexport type ResponsiveOrder = 'first' | 'last' | number\n\nexport const GAP_MAP: Record<ResponsiveGap, string> = {\n  none: 'gap-0',\n  xs: 'gap-1',\n  sm: 'gap-2',\n  md: 'gap-4',\n  lg: 'gap-6',\n  xl: 'gap-8',\n  '2xl': 'gap-12',\n}\n\nexport const GAP_X_MAP: Record<ResponsiveGap, string> = {\n  none: 'gap-x-0',\n  xs: 'gap-x-1',\n  sm: 'gap-x-2',\n  md: 'gap-x-4',\n  lg: 'gap-x-6',\n  xl: 'gap-x-8',\n  '2xl': 'gap-x-12',\n}\n\nexport const GAP_Y_MAP: Record<ResponsiveGap, string> = {\n  none: 'gap-y-0',\n  xs: 'gap-y-1',\n  sm: 'gap-y-2',\n  md: 'gap-y-4',\n  lg: 'gap-y-6',\n  xl: 'gap-y-8',\n  '2xl': 'gap-y-12',\n}\n\nexport const ALIGN_MAP: Record<ResponsiveAlign, string> = {\n  start: 'items-start',\n  center: 'items-center',\n  end: 'items-end',\n  baseline: 'items-baseline',\n  stretch: 'items-stretch',\n}\n\nexport const JUSTIFY_MAP: Record<ResponsiveJustify, string> = {\n  start: 'justify-start',\n  center: 'justify-center',\n  end: 'justify-end',\n  between: 'justify-between',\n  around: 'justify-around',\n  evenly: 'justify-evenly',\n}\n\nexport const DIRECTION_MAP: Record<ResponsiveDirection, string> = {\n  row: 'flex-row',\n  'row-reverse': 'flex-row-reverse',\n  col: 'flex-col',\n  'col-reverse': 'flex-col-reverse',\n}\n\nexport const WRAP_MAP: Record<ResponsiveWrap, string> = {\n  wrap: 'flex-wrap',\n  nowrap: 'flex-nowrap',\n  'wrap-reverse': 'flex-wrap-reverse',\n}\n\n/**\n * Resolves the `order` prop to inline styles when it's a raw number.\n *\n * `'first'` / `'last'` map to the static `order-first`/`order-last` Tailwind\n * utilities (safe, since those exact class names are literal elsewhere).\n * Arbitrary numeric orders can't be expressed as a safe literal class (the\n * value is unbounded), so they're applied as an inline `order` style instead\n * — that works regardless of what the consuming app's Tailwind build scans.\n */\nexport const resolveOrderStyle = (order?: ResponsiveOrder): CSSProperties | undefined =>\n  typeof order === 'number' ? { order } : undefined\n\nexport const resolveOrderClassName = (order?: ResponsiveOrder): string | undefined => {\n  if (order === 'first') return '-order-1'\n  if (order === 'last') return 'order-last'\n  return undefined\n}\n\n/** Width-fraction span classes used by `Flex.Item` (unprefixed / base breakpoint). */\nexport const FLEX_SPAN_MAP: Record<string, string> = {\n  1: 'w-1/12 flex-none',\n  2: 'w-2/12 flex-none',\n  3: 'w-3/12 flex-none',\n  4: 'w-4/12 flex-none',\n  5: 'w-5/12 flex-none',\n  6: 'w-6/12 flex-none',\n  7: 'w-7/12 flex-none',\n  8: 'w-8/12 flex-none',\n  9: 'w-9/12 flex-none',\n  10: 'w-10/12 flex-none',\n  11: 'w-11/12 flex-none',\n  12: 'w-full flex-none',\n  auto: 'w-auto flex-none',\n  full: 'w-full flex-none',\n}\n\nexport const FLEX_SM_SPAN_MAP: Record<string, string> = {\n  1: 'sm:w-1/12',\n  2: 'sm:w-2/12',\n  3: 'sm:w-3/12',\n  4: 'sm:w-4/12',\n  5: 'sm:w-5/12',\n  6: 'sm:w-6/12',\n  7: 'sm:w-7/12',\n  8: 'sm:w-8/12',\n  9: 'sm:w-9/12',\n  10: 'sm:w-10/12',\n  11: 'sm:w-11/12',\n  12: 'sm:w-full',\n  auto: 'sm:w-auto',\n  full: 'sm:w-full',\n}\n\nexport const FLEX_MD_SPAN_MAP: Record<string, string> = {\n  1: 'md:w-1/12',\n  2: 'md:w-2/12',\n  3: 'md:w-3/12',\n  4: 'md:w-4/12',\n  5: 'md:w-5/12',\n  6: 'md:w-6/12',\n  7: 'md:w-7/12',\n  8: 'md:w-8/12',\n  9: 'md:w-9/12',\n  10: 'md:w-10/12',\n  11: 'md:w-11/12',\n  12: 'md:w-full',\n  auto: 'md:w-auto',\n  full: 'md:w-full',\n}\n\nexport const FLEX_LG_SPAN_MAP: Record<string, string> = {\n  1: 'lg:w-1/12',\n  2: 'lg:w-2/12',\n  3: 'lg:w-3/12',\n  4: 'lg:w-4/12',\n  5: 'lg:w-5/12',\n  6: 'lg:w-6/12',\n  7: 'lg:w-7/12',\n  8: 'lg:w-8/12',\n  9: 'lg:w-9/12',\n  10: 'lg:w-10/12',\n  11: 'lg:w-11/12',\n  12: 'lg:w-full',\n  auto: 'lg:w-auto',\n  full: 'lg:w-full',\n}\n\nexport const FLEX_XL_SPAN_MAP: Record<string, string> = {\n  1: 'xl:w-1/12',\n  2: 'xl:w-2/12',\n  3: 'xl:w-3/12',\n  4: 'xl:w-4/12',\n  5: 'xl:w-5/12',\n  6: 'xl:w-6/12',\n  7: 'xl:w-7/12',\n  8: 'xl:w-8/12',\n  9: 'xl:w-9/12',\n  10: 'xl:w-10/12',\n  11: 'xl:w-11/12',\n  12: 'xl:w-full',\n  auto: 'xl:w-auto',\n  full: 'xl:w-full',\n}\n\nexport const FLEX_XXL_SPAN_MAP: Record<string, string> = {\n  1: '2xl:w-1/12',\n  2: '2xl:w-2/12',\n  3: '2xl:w-3/12',\n  4: '2xl:w-4/12',\n  5: '2xl:w-5/12',\n  6: '2xl:w-6/12',\n  7: '2xl:w-7/12',\n  8: '2xl:w-8/12',\n  9: '2xl:w-9/12',\n  10: '2xl:w-10/12',\n  11: '2xl:w-11/12',\n  12: '2xl:w-full',\n  auto: '2xl:w-auto',\n  full: '2xl:w-full',\n}\n\n/** `col-span-*` classes used by `Grid.Col` (unprefixed / base breakpoint). */\nexport const GRID_SPAN_MAP: Record<string, string> = {\n  1: 'col-span-1',\n  2: 'col-span-2',\n  3: 'col-span-3',\n  4: 'col-span-4',\n  5: 'col-span-5',\n  6: 'col-span-6',\n  7: 'col-span-7',\n  8: 'col-span-8',\n  9: 'col-span-9',\n  10: 'col-span-10',\n  11: 'col-span-11',\n  12: 'col-span-12',\n  auto: 'col-auto',\n  full: 'col-span-full',\n}\n\nexport const GRID_SM_SPAN_MAP: Record<string, string> = {\n  1: 'sm:col-span-1',\n  2: 'sm:col-span-2',\n  3: 'sm:col-span-3',\n  4: 'sm:col-span-4',\n  5: 'sm:col-span-5',\n  6: 'sm:col-span-6',\n  7: 'sm:col-span-7',\n  8: 'sm:col-span-8',\n  9: 'sm:col-span-9',\n  10: 'sm:col-span-10',\n  11: 'sm:col-span-11',\n  12: 'sm:col-span-12',\n  auto: 'sm:col-auto',\n  full: 'sm:col-span-full',\n}\n\nexport const GRID_MD_SPAN_MAP: Record<string, string> = {\n  1: 'md:col-span-1',\n  2: 'md:col-span-2',\n  3: 'md:col-span-3',\n  4: 'md:col-span-4',\n  5: 'md:col-span-5',\n  6: 'md:col-span-6',\n  7: 'md:col-span-7',\n  8: 'md:col-span-8',\n  9: 'md:col-span-9',\n  10: 'md:col-span-10',\n  11: 'md:col-span-11',\n  12: 'md:col-span-12',\n  auto: 'md:col-auto',\n  full: 'md:col-span-full',\n}\n\nexport const GRID_LG_SPAN_MAP: Record<string, string> = {\n  1: 'lg:col-span-1',\n  2: 'lg:col-span-2',\n  3: 'lg:col-span-3',\n  4: 'lg:col-span-4',\n  5: 'lg:col-span-5',\n  6: 'lg:col-span-6',\n  7: 'lg:col-span-7',\n  8: 'lg:col-span-8',\n  9: 'lg:col-span-9',\n  10: 'lg:col-span-10',\n  11: 'lg:col-span-11',\n  12: 'lg:col-span-12',\n  auto: 'lg:col-auto',\n  full: 'lg:col-span-full',\n}\n\nexport const GRID_XL_SPAN_MAP: Record<string, string> = {\n  1: 'xl:col-span-1',\n  2: 'xl:col-span-2',\n  3: 'xl:col-span-3',\n  4: 'xl:col-span-4',\n  5: 'xl:col-span-5',\n  6: 'xl:col-span-6',\n  7: 'xl:col-span-7',\n  8: 'xl:col-span-8',\n  9: 'xl:col-span-9',\n  10: 'xl:col-span-10',\n  11: 'xl:col-span-11',\n  12: 'xl:col-span-12',\n  auto: 'xl:col-auto',\n  full: 'xl:col-span-full',\n}\n\nexport const GRID_XXL_SPAN_MAP: Record<string, string> = {\n  1: '2xl:col-span-1',\n  2: '2xl:col-span-2',\n  3: '2xl:col-span-3',\n  4: '2xl:col-span-4',\n  5: '2xl:col-span-5',\n  6: '2xl:col-span-6',\n  7: '2xl:col-span-7',\n  8: '2xl:col-span-8',\n  9: '2xl:col-span-9',\n  10: '2xl:col-span-10',\n  11: '2xl:col-span-11',\n  12: '2xl:col-span-12',\n  auto: '2xl:col-auto',\n  full: '2xl:col-span-full',\n}\n\n/**\n * Preset track-count classes for `Grid`'s `cols` prop. Each preset\n * progressively reveals more columns at wider breakpoints so a grid is\n * responsive out of the box without the caller specifying per-item spans.\n */\nexport const GRID_COLS_MAP: Record<string, string> = {\n  1: 'grid-cols-1',\n  2: 'grid-cols-1 sm:grid-cols-2',\n  3: 'grid-cols-1 sm:grid-cols-2 md:grid-cols-3',\n  4: 'grid-cols-1 sm:grid-cols-2 lg:grid-cols-4',\n  5: 'grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-5',\n  6: 'grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-6',\n  7: 'grid-cols-1 sm:grid-cols-2 md:grid-cols-4 lg:grid-cols-7',\n  8: 'grid-cols-1 sm:grid-cols-2 md:grid-cols-4 lg:grid-cols-8',\n  9: 'grid-cols-1 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-9',\n  10: 'grid-cols-1 sm:grid-cols-2 md:grid-cols-5 lg:grid-cols-10',\n  11: 'grid-cols-1 sm:grid-cols-3 md:grid-cols-6 lg:grid-cols-11',\n  12: 'grid-cols-12',\n  auto: 'grid-cols-none auto-cols-auto',\n}\n"],"names":[],"mappings":"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"}

package/dist/es/hooks/use-debounce.js

@@ -0,0 +1,28 @@
+import { useState, useEffect, useRef, useCallback } from 'react';
+
+const useDebounce = (value, delay) => {
+    const [debouncedValue, setDebouncedValue] = useState(value);
+    useEffect(() => {
+        const handler = setTimeout(() => {
+            setDebouncedValue(value);
+        }, delay);
+        // Cancel the timeout if value or delay changes
+        return () => {
+            clearTimeout(handler);
+        };
+    }, [value, delay]);
+    return debouncedValue;
+};
+const useDebounceFn = (fn, ms) => {
+    const timeout = useRef(null);
+    useEffect(() => {
+        return () => clearTimeout(timeout.current);
+    }, []);
+    return useCallback((...args) => {
+        clearTimeout(timeout.current);
+        timeout.current = setTimeout(() => fn(...args), ms);
+    }, [fn, ms]);
+};
+
+export { useDebounce, useDebounceFn };
+//# sourceMappingURL=use-debounce.js.map

package/dist/es/hooks/use-debounce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-debounce.js","sources":["../../../../src/hooks/use-debounce.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react'\n\nexport const useDebounce = <T,>(value: T, delay: number): T => {\n  const [debouncedValue, setDebouncedValue] = useState<T>(value)\n\n  useEffect(() => {\n    const handler = setTimeout(() => {\n      setDebouncedValue(value)\n    }, delay)\n\n    // Cancel the timeout if value or delay changes\n    return () => {\n      clearTimeout(handler)\n    }\n  }, [value, delay])\n\n  return debouncedValue\n}\n\nexport const useDebounceFn = (fn: (...args: any[]) => void, ms: number) => {\n  const timeout = useRef<any>(null)\n\n  useEffect(() => {\n    return () => clearTimeout(timeout.current)\n  }, [])\n\n  return useCallback(\n    (...args: any[]) => {\n      clearTimeout(timeout.current)\n      timeout.current = setTimeout(() => fn(...args), ms)\n    },\n    [fn, ms],\n  )\n}\n"],"names":[],"mappings":";;MAEa,WAAW,GAAG,CAAK,KAAQ,EAAE,KAAa,KAAO;IAC5D,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAI,KAAK,CAAC;IAE9D,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,OAAO,GAAG,UAAU,CAAC,MAAK;YAC9B,iBAAiB,CAAC,KAAK,CAAC;QAC1B,CAAC,EAAE,KAAK,CAAC;;AAGT,QAAA,OAAO,MAAK;YACV,YAAY,CAAC,OAAO,CAAC;AACvB,QAAA,CAAC;AACH,IAAA,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;AAElB,IAAA,OAAO,cAAc;AACvB;MAEa,aAAa,GAAG,CAAC,EAA4B,EAAE,EAAU,KAAI;AACxE,IAAA,MAAM,OAAO,GAAG,MAAM,CAAM,IAAI,CAAC;IAEjC,SAAS,CAAC,MAAK;QACb,OAAO,MAAM,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC;IAC5C,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,OAAO,WAAW,CAChB,CAAC,GAAG,IAAW,KAAI;AACjB,QAAA,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC;AAC7B,QAAA,OAAO,CAAC,OAAO,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AACrD,IAAA,CAAC,EACD,CAAC,EAAE,EAAE,EAAE,CAAC,CACT;AACH;;;;"}

package/dist/es/hooks/use-is-mobile.js

@@ -0,0 +1,22 @@
+import { useState, useEffect } from 'react';
+
+const useIsMobile = () => {
+    const [isMobile, setIsMobile] = useState(false);
+    useEffect(() => {
+        const detect = () => {
+            const width = window.innerWidth;
+            const isTouch = (typeof navigator !== 'undefined' && navigator.maxTouchPoints > 1) ||
+                (typeof window !== 'undefined' &&
+                    typeof window.matchMedia === 'function' &&
+                    window.matchMedia('(pointer: coarse)').matches);
+            setIsMobile(width < 600 && isTouch);
+        };
+        detect();
+        window.addEventListener('resize', detect);
+        return () => window.removeEventListener('resize', detect);
+    }, []);
+    return isMobile;
+};
+
+export { useIsMobile };
+//# sourceMappingURL=use-is-mobile.js.map

package/dist/es/hooks/use-is-mobile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-is-mobile.js","sources":["../../../../src/hooks/use-is-mobile.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nexport const useIsMobile = () => {\n  const [isMobile, setIsMobile] = useState(false)\n\n  useEffect(() => {\n    const detect = () => {\n      const width = window.innerWidth\n\n      const isTouch =\n        (typeof navigator !== 'undefined' && navigator.maxTouchPoints > 1) ||\n        (typeof window !== 'undefined' &&\n          typeof window.matchMedia === 'function' &&\n          window.matchMedia('(pointer: coarse)').matches)\n\n      setIsMobile(width < 600 && isTouch)\n    }\n\n    detect()\n    window.addEventListener('resize', detect)\n    return () => window.removeEventListener('resize', detect)\n  }, [])\n\n  return isMobile\n}\n"],"names":[],"mappings":";;AAEO,MAAM,WAAW,GAAG,MAAK;IAC9B,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IAE/C,SAAS,CAAC,MAAK;QACb,MAAM,MAAM,GAAG,MAAK;AAClB,YAAA,MAAM,KAAK,GAAG,MAAM,CAAC,UAAU;AAE/B,YAAA,MAAM,OAAO,GACX,CAAC,OAAO,SAAS,KAAK,WAAW,IAAI,SAAS,CAAC,cAAc,GAAG,CAAC;iBAChE,OAAO,MAAM,KAAK,WAAW;AAC5B,oBAAA,OAAO,MAAM,CAAC,UAAU,KAAK,UAAU;oBACvC,MAAM,CAAC,UAAU,CAAC,mBAAmB,CAAC,CAAC,OAAO,CAAC;AAEnD,YAAA,WAAW,CAAC,KAAK,GAAG,GAAG,IAAI,OAAO,CAAC;AACrC,QAAA,CAAC;AAED,QAAA,MAAM,EAAE;AACR,QAAA,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,CAAC;QACzC,OAAO,MAAM,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC3D,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,OAAO,QAAQ;AACjB;;;;"}

package/dist/es/hooks/use-is-tablet-or-mobile.js

@@ -0,0 +1,11 @@
+import { useIsMobile } from './use-is-mobile.js';
+import { useIsTablet } from './use-is-tablet.js';
+
+const useIsTabletOrMobile = () => {
+    const isMobile = useIsMobile();
+    const isTablet = useIsTablet();
+    return isMobile || isTablet;
+};
+
+export { useIsTabletOrMobile };
+//# sourceMappingURL=use-is-tablet-or-mobile.js.map

package/dist/es/hooks/use-is-tablet-or-mobile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-is-tablet-or-mobile.js","sources":["../../../../src/hooks/use-is-tablet-or-mobile.tsx"],"sourcesContent":["import { useIsMobile } from './use-is-mobile'\nimport { useIsTablet } from './use-is-tablet'\n\nexport const useIsTabletOrMobile = () => {\n  const isMobile = useIsMobile()\n  const isTablet = useIsTablet()\n\n  return isMobile || isTablet\n}\n"],"names":[],"mappings":";;;AAGO,MAAM,mBAAmB,GAAG,MAAK;AACtC,IAAA,MAAM,QAAQ,GAAG,WAAW,EAAE;AAC9B,IAAA,MAAM,QAAQ,GAAG,WAAW,EAAE;IAE9B,OAAO,QAAQ,IAAI,QAAQ;AAC7B;;;;"}

package/dist/es/hooks/use-is-tablet.js

@@ -0,0 +1,19 @@
+import { useState, useEffect } from 'react';
+
+const useIsTablet = () => {
+    const [isTablet, setIsTablet] = useState(false);
+    useEffect(() => {
+        const detect = () => {
+            const width = window.innerWidth;
+            const isTouch = navigator.maxTouchPoints > 1 || window.matchMedia('(pointer: coarse)').matches;
+            setIsTablet(width >= 600 && width <= 1024 && isTouch);
+        };
+        detect();
+        window.addEventListener('resize', detect);
+        return () => window.removeEventListener('resize', detect);
+    }, []);
+    return isTablet;
+};
+
+export { useIsTablet };
+//# sourceMappingURL=use-is-tablet.js.map

package/dist/es/hooks/use-is-tablet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-is-tablet.js","sources":["../../../../src/hooks/use-is-tablet.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nexport const useIsTablet = () => {\n  const [isTablet, setIsTablet] = useState(false)\n\n  useEffect(() => {\n    const detect = () => {\n      const width = window.innerWidth\n\n      const isTouch = navigator.maxTouchPoints > 1 || window.matchMedia('(pointer: coarse)').matches\n\n      setIsTablet(width >= 600 && width <= 1024 && isTouch)\n    }\n\n    detect()\n    window.addEventListener('resize', detect)\n    return () => window.removeEventListener('resize', detect)\n  }, [])\n\n  return isTablet\n}\n"],"names":[],"mappings":";;AAEO,MAAM,WAAW,GAAG,MAAK;IAC9B,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IAE/C,SAAS,CAAC,MAAK;QACb,MAAM,MAAM,GAAG,MAAK;AAClB,YAAA,MAAM,KAAK,GAAG,MAAM,CAAC,UAAU;AAE/B,YAAA,MAAM,OAAO,GAAG,SAAS,CAAC,cAAc,GAAG,CAAC,IAAI,MAAM,CAAC,UAAU,CAAC,mBAAmB,CAAC,CAAC,OAAO;YAE9F,WAAW,CAAC,KAAK,IAAI,GAAG,IAAI,KAAK,IAAI,IAAI,IAAI,OAAO,CAAC;AACvD,QAAA,CAAC;AAED,QAAA,MAAM,EAAE;AACR,QAAA,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,CAAC;QACzC,OAAO,MAAM,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC3D,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,OAAO,QAAQ;AACjB;;;;"}

package/dist/es/index.js

@@ -0,0 +1,67 @@
+export { Accordion } from './components/Accordion/Accordion.js';
+export { ActionSheet } from './components/ActionSheet/ActionSheet.js';
+export { Alert } from './components/Alert/Alert.js';
+export { Badge } from './components/Badge/Badge.js';
+export { Banner } from './components/Banner/Banner.js';
+export { BodyText } from './components/BodyText/BodyText.js';
+export { BottomNavigation } from './components/BottomNavigation/BottomNavigation.js';
+export { Breadcrumb } from './components/Breadcrumb/Breadcrumb.js';
+export { Button } from './components/Button/Button.js';
+export { ButtonGroup } from './components/ButtonGroup/ButtonGroup.js';
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardMedia, CardTitle } from './components/Card/Card.js';
+export { Checkbox } from './components/Checkbox/Checkbox.js';
+export { CheckboxGroup } from './components/CheckboxGroup/CheckboxGroup.js';
+export { DataTable } from './components/DataTable/DataTable.js';
+export { nextSortDirection, updateSortQuery, useRowSelection } from './components/DataTable/DataTable.utils.js';
+export { SortIconMap, getSortIcon } from './components/DataTable/DataTable.icons.js';
+export { DetailedInformation } from './components/DetailedInformation/DetailedInformation.js';
+export { Dot } from './components/Dot/index.js';
+export { Drawer } from './components/Drawer/Drawer.js';
+export { Dropdown } from './components/Dropdown/Dropdown.js';
+export { EmptyState } from './components/EmptyState/index.js';
+export { FloatingActionButton } from './components/FloatingActionButton/FloatingActionButton.js';
+export { Flex, FlexItem } from './components/Flex/Flex.js';
+export { Grid, GridCol } from './components/Grid/Grid.js';
+export { HeadingText } from './components/HeadingText/HeadingText.js';
+export { Input, buildInputClass } from './components/Input/Input.js';
+export { Label } from './components/Label/Label.js';
+export { Loader } from './components/Loader/index.js';
+export { Pagination } from './components/Pagination/Pagination.js';
+export { DOTS, usePagination } from './components/Pagination/usePagination.js';
+export { PASSWORD_PLACEHOLDER, PASSWORD_TYPE, PasswordInput, evaluatePasswordStrength } from './components/PasswordInput/PasswordInput.js';
+export { PinInput } from './components/PinInput/PinInput.js';
+export { PullToRefresh } from './components/PullToRefresh/PullToRefresh.js';
+export { Radio } from './components/Radio/Radio.js';
+export { RadioGroup } from './components/RadioGroup/RadioGroup.js';
+export { RadioSwitch } from './components/RadioSwitch/RadioSwitch.js';
+export { RangeInput } from './components/RangeInput/RangeInput.js';
+export { RangeSlider } from './components/RangeSlider/RangeSlider.js';
+export { MobilePicker } from './components/MobilePicker/MobilePicker.js';
+export { WheelPicker } from './components/WheelPicker/WheelPicker.js';
+export { MobileHeader } from './components/MobileHeader/MobileHeader.js';
+export { MobileStepper } from './components/MobileStepper/MobileStepper.js';
+export { DataList } from './components/DataList/DataList.js';
+export { SwipeableRow } from './components/SwipeableRow/SwipeableRow.js';
+export { SelectBox } from './components/SelectBox/SelectBox.js';
+export { Skeleton } from './components/Skeleton/Skeleton.js';
+export { QuantityStepper } from './components/QuantityStepper/QuantityStepper.js';
+export { SegmentedControl } from './components/SegmentedControl/SegmentedControl.js';
+export { StatusPill } from './components/StatusPill/StatusPill.js';
+export { StickyActionBar } from './components/StickyActionBar/StickyActionBar.js';
+export { Tabs } from './components/Tabs/Tabs.js';
+export { SwipeableTabs } from './components/SwipeableTabs/SwipeableTabs.js';
+export { EmptyTableRow, Table, TableBody, TableCell, TableFoot, TableHead, TableHeaderCell, TableRow } from './components/Table/Table.js';
+export { TextContent } from './components/TextContent/TextContent.js';
+export { Textarea } from './components/Textarea/Textarea.js';
+export { ToastProvider, useToast } from './components/Toast/ToastProvider.js';
+export { Toast } from './components/Toast/Toast.js';
+export { VirtualizedDataTable } from './components/VirtualizedDataTable/VirtualizedDataTable.js';
+export { useDebounce, useDebounceFn } from './hooks/use-debounce.js';
+export { useIsMobile } from './hooks/use-is-mobile.js';
+export { useIsTablet } from './hooks/use-is-tablet.js';
+export { useIsTabletOrMobile } from './hooks/use-is-tablet-or-mobile.js';
+export { buildClassName } from './utils/build-classname.js';
+export { isArray } from './utils/is-array.js';
+export { isEmpty } from './utils/is-empty.js';
+export { get } from './utils/get.js';
+//# sourceMappingURL=index.js.map

package/dist/es/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/es/react-tailwind.css

@@ -0,0 +1,2 @@
+:root{--ui-primary:#2563eb;--ui-primary-hover:#1d4ed8;--ui-primary-ring:#2563eb;--ui-primary-light:#eff6ff;--ui-primary-text:#1d4ed8;--ui-primary-disabled:#93c5fd;--ui-danger:#dc2626;--ui-danger-hover:#b91c1c;--ui-danger-ring:#dc2626;--ui-danger-light:#fef2f2;--ui-danger-text:#991b1b;--ui-danger-disabled:#fca5a5;--ui-success:#16a34a;--ui-success-ring:#16a34a;--ui-success-light:#f0fdf4;--ui-success-text:#15803d;--ui-warning:#d97706;--ui-warning-ring:#d97706;--ui-warning-light:#fffbeb;--ui-warning-text:#92400e;--ui-info:#2563eb;--ui-info-ring:#2563eb;--ui-info-light:#eff6ff;--ui-info-text:#1d4ed8;--ui-success-ring-subtle:rgba(22,163,74,.2);--ui-danger-ring-subtle:rgba(220,38,38,.2);--ui-warning-ring-subtle:rgba(217,119,6,.2);--ui-info-ring-subtle:rgba(37,99,235,.2);--ui-secondary-ring-subtle:hsla(220,9%,46%,.2);--ui-focus-ring:#2563eb;--ui-text:#111827;--ui-text-muted:#6b7280;--ui-text-danger:#ef4444;--ui-border:#e5e7eb;--ui-border-muted:#f3f4f6;--ui-radius-sm:0.25rem;--ui-radius:0.375rem;--ui-radius-md:0.5rem;--ui-radius-lg:0.75rem;--ui-radius-xl:1rem;--ui-radius-full:9999px}.dark{--ui-primary:#3b82f6;--ui-primary-hover:#2563eb;--ui-primary-ring:#3b82f6;--ui-primary-light:#1e3a8a;--ui-primary-text:#93c5fd;--ui-primary-disabled:#1e40af;--ui-danger:#ef4444;--ui-danger-hover:#dc2626;--ui-danger-ring:#ef4444;--ui-danger-light:#7f1d1d;--ui-danger-text:#fca5a5;--ui-danger-disabled:#991b1b;--ui-success:#22c55e;--ui-success-ring:#22c55e;--ui-success-light:#14532d;--ui-success-text:#86efac;--ui-warning:#f59e0b;--ui-warning-ring:#f59e0b;--ui-warning-light:#78350f;--ui-warning-text:#fcd34d;--ui-info:#3b82f6;--ui-info-ring:#3b82f6;--ui-info-light:#1e3a8a;--ui-info-text:#93c5fd;--ui-success-ring-subtle:rgba(34,197,94,.2);--ui-danger-ring-subtle:rgba(239,68,68,.2);--ui-warning-ring-subtle:rgba(245,158,11,.2);--ui-info-ring-subtle:rgba(59,130,246,.2);--ui-secondary-ring-subtle:rgba(156,163,175,.2);--ui-focus-ring:#3b82f6;--ui-text:#f3f4f6;--ui-text-muted:#9ca3af;--ui-text-danger:#f87171;--ui-border:#374151;--ui-border-muted:#374151}.spinner{-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite}.spinner .path{-webkit-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite}@-webkit-keyframes rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}
+/*# sourceMappingURL=react-tailwind.css.map */

package/dist/es/react-tailwind.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["tokens.css","loader.css"],"names":[],"mappings":"AAgBA,MAEE,oBAAqB,CACrB,0BAA2B,CAC3B,yBAA0B,CAC1B,0BAA2B,CAC3B,yBAA0B,CAC1B,6BAA8B,CAG9B,mBAAoB,CACpB,yBAA0B,CAC1B,wBAAyB,CACzB,yBAA0B,CAC1B,wBAAyB,CACzB,4BAA6B,CAG7B,oBAAqB,CACrB,yBAA0B,CAC1B,0BAA2B,CAC3B,yBAA0B,CAG1B,oBAAqB,CACrB,yBAA0B,CAC1B,0BAA2B,CAC3B,yBAA0B,CAG1B,iBAAkB,CAClB,sBAAuB,CACvB,uBAAwB,CACxB,sBAAuB,CAGvB,2CAAgD,CAChD,0CAA+C,CAC/C,2CAAgD,CAChD,wCAA6C,CAC7C,8CAAoD,CAGpD,uBAAwB,CAGxB,iBAAkB,CAClB,uBAAwB,CACxB,wBAAyB,CAGzB,mBAAoB,CACpB,yBAA0B,CAG1B,sBAAuB,CACvB,oBAAqB,CACrB,qBAAsB,CACtB,sBAAuB,CACvB,mBAAoB,CACpB,uBACF,CAGA,MACE,oBAAqB,CACrB,0BAA2B,CAC3B,yBAA0B,CAC1B,0BAA2B,CAC3B,yBAA0B,CAC1B,6BAA8B,CAE9B,mBAAoB,CACpB,yBAA0B,CAC1B,wBAAyB,CACzB,yBAA0B,CAC1B,wBAAyB,CACzB,4BAA6B,CAE7B,oBAAqB,CACrB,yBAA0B,CAC1B,0BAA2B,CAC3B,yBAA0B,CAE1B,oBAAqB,CACrB,yBAA0B,CAC1B,0BAA2B,CAC3B,yBAA0B,CAE1B,iBAAkB,CAClB,sBAAuB,CACvB,uBAAwB,CACxB,sBAAuB,CAEvB,2CAAgD,CAChD,0CAA+C,CAC/C,4CAAiD,CACjD,yCAA8C,CAC9C,+CAAoD,CAEpD,uBAAwB,CAExB,iBAAkB,CAClB,uBAAwB,CACxB,wBAAyB,CAEzB,mBAAoB,CACpB,yBACF,CC3HA,SACE,2CAA4C,CAC5C,mCACF,CACA,eACE,gDAAiD,CACjD,wCACF,CAEA,0BACE,GACE,+BAAiC,CACjC,uBACF,CACF,CAEA,kBACE,GACE,+BAAiC,CACjC,uBACF,CACF,CACA,wBACE,GACE,sBAAwB,CACxB,mBACF,CACA,IACE,uBAAyB,CACzB,qBACF,CACA,GACE,uBAAyB,CACzB,sBACF,CACF,CACA,gBACE,GACE,sBAAwB,CACxB,mBACF,CACA,IACE,uBAAyB,CACzB,qBACF,CACA,GACE,uBAAyB,CACzB,sBACF,CACF","file":"react-tailwind.css","sourcesContent":["/*\n * Design tokens for @pk-design/react-tailwind.\n *\n * Override any variable in your app's CSS to rebrand the entire library:\n *\n *   :root {\n *     --ui-primary:         #7c3aed;\n *     --ui-primary-hover:   #6d28d9;\n *     --ui-primary-ring:    #7c3aed;\n *     --ui-primary-light:   #f5f3ff;\n *     --ui-primary-text:    #5b21b6;\n *     --ui-primary-disabled:#c4b5fd;\n *   }\n */\n\n/* ─── Light mode ────────────────────────────────────────────────────────────── */\n:root {\n  /* Primary (blue-600 family) */\n  --ui-primary: #2563eb;\n  --ui-primary-hover: #1d4ed8;\n  --ui-primary-ring: #2563eb;\n  --ui-primary-light: #eff6ff;\n  --ui-primary-text: #1d4ed8;\n  --ui-primary-disabled: #93c5fd;\n\n  /* Danger (red-600 family) */\n  --ui-danger: #dc2626;\n  --ui-danger-hover: #b91c1c;\n  --ui-danger-ring: #dc2626;\n  --ui-danger-light: #fef2f2;\n  --ui-danger-text: #991b1b;\n  --ui-danger-disabled: #fca5a5;\n\n  /* Success (green-600 family) */\n  --ui-success: #16a34a;\n  --ui-success-ring: #16a34a;\n  --ui-success-light: #f0fdf4;\n  --ui-success-text: #15803d;\n\n  /* Warning (amber-600 family) */\n  --ui-warning: #d97706;\n  --ui-warning-ring: #d97706;\n  --ui-warning-light: #fffbeb;\n  --ui-warning-text: #92400e;\n\n  /* Info (same as primary by default) */\n  --ui-info: #2563eb;\n  --ui-info-ring: #2563eb;\n  --ui-info-light: #eff6ff;\n  --ui-info-text: #1d4ed8;\n\n  /* Badge / Alert ring colors (with opacity pre-baked) */\n  --ui-success-ring-subtle: rgba(22, 163, 74, 0.2);\n  --ui-danger-ring-subtle: rgba(220, 38, 38, 0.2);\n  --ui-warning-ring-subtle: rgba(217, 119, 6, 0.2);\n  --ui-info-ring-subtle: rgba(37, 99, 235, 0.2);\n  --ui-secondary-ring-subtle: rgba(107, 114, 128, 0.2);\n\n  /* Global focus ring */\n  --ui-focus-ring: #2563eb;\n\n  /* Neutral text (used by BodyText, TextContent, HeadingText) */\n  --ui-text: #111827; /* gray-900 */\n  --ui-text-muted: #6b7280; /* gray-500 */\n  --ui-text-danger: #ef4444; /* red-500 */\n\n  /* Neutral structural borders (containers, dividers — not interactive form controls) */\n  --ui-border: #e5e7eb; /* gray-200 */\n  --ui-border-muted: #f3f4f6; /* gray-100 */\n\n  /* Border radius scale */\n  --ui-radius-sm: 0.25rem;\n  --ui-radius: 0.375rem;\n  --ui-radius-md: 0.5rem;\n  --ui-radius-lg: 0.75rem;\n  --ui-radius-xl: 1rem;\n  --ui-radius-full: 9999px;\n}\n\n/* ─── Dark mode overrides ───────────────────────────────────────────────────── */\n.dark {\n  --ui-primary: #3b82f6;\n  --ui-primary-hover: #2563eb;\n  --ui-primary-ring: #3b82f6;\n  --ui-primary-light: #1e3a8a;\n  --ui-primary-text: #93c5fd;\n  --ui-primary-disabled: #1e40af;\n\n  --ui-danger: #ef4444;\n  --ui-danger-hover: #dc2626;\n  --ui-danger-ring: #ef4444;\n  --ui-danger-light: #7f1d1d;\n  --ui-danger-text: #fca5a5;\n  --ui-danger-disabled: #991b1b;\n\n  --ui-success: #22c55e;\n  --ui-success-ring: #22c55e;\n  --ui-success-light: #14532d;\n  --ui-success-text: #86efac;\n\n  --ui-warning: #f59e0b;\n  --ui-warning-ring: #f59e0b;\n  --ui-warning-light: #78350f;\n  --ui-warning-text: #fcd34d;\n\n  --ui-info: #3b82f6;\n  --ui-info-ring: #3b82f6;\n  --ui-info-light: #1e3a8a;\n  --ui-info-text: #93c5fd;\n\n  --ui-success-ring-subtle: rgba(34, 197, 94, 0.2);\n  --ui-danger-ring-subtle: rgba(239, 68, 68, 0.2);\n  --ui-warning-ring-subtle: rgba(245, 158, 11, 0.2);\n  --ui-info-ring-subtle: rgba(59, 130, 246, 0.2);\n  --ui-secondary-ring-subtle: rgba(156, 163, 175, 0.2);\n\n  --ui-focus-ring: #3b82f6;\n\n  --ui-text: #f3f4f6; /* gray-100 */\n  --ui-text-muted: #9ca3af; /* gray-400 */\n  --ui-text-danger: #f87171; /* red-400 */\n\n  --ui-border: #374151; /* gray-700 */\n  --ui-border-muted: #374151; /* gray-700 */\n}\n","/* SVG spinner icon animation */\n.spinner {\n  -webkit-animation: rotate 2s linear infinite;\n  animation: rotate 2s linear infinite;\n}\n.spinner .path {\n  -webkit-animation: dash 1.5s ease-in-out infinite;\n  animation: dash 1.5s ease-in-out infinite;\n}\n\n@-webkit-keyframes rotate {\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes rotate {\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n@-webkit-keyframes dash {\n  0% {\n    stroke-dasharray: 1, 150;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 90, 150;\n    stroke-dashoffset: -35;\n  }\n  100% {\n    stroke-dasharray: 90, 150;\n    stroke-dashoffset: -124;\n  }\n}\n@keyframes dash {\n  0% {\n    stroke-dasharray: 1, 150;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 90, 150;\n    stroke-dashoffset: -35;\n  }\n  100% {\n    stroke-dasharray: 90, 150;\n    stroke-dashoffset: -124;\n  }\n}\n"]}