@pk-design/react-tailwind 1.6.0 → 1.7.0

package/dist/cjs/components/VirtualizedDataTable/VirtualizedRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualizedRow.js","sources":["../../../../../src/components/VirtualizedDataTable/VirtualizedRow.tsx"],"sourcesContent":["import React from 'react'\nimport { ListChildComponentProps } from 'react-window'\nimport { buildClassName } from '../../utils/build-classname'\nimport { get } from '../../utils/get'\nimport type { DataTableColumn, DataTableDensity } from '../DataTable'\nimport { Checkbox } from '../Checkbox'\nimport type { VirtualizedRowProps } from './VirtualizedDataTable.types'\n\nconst DENSITY_CELL_CLASS: Record<DataTableDensity, string> = {\n  compact: 'px-2 py-1.5',\n  default: 'px-3 py-3',\n  spacious: 'px-4 py-4',\n}\n\nexport const VirtualizedRow = ({\n  index,\n  style,\n  data,\n}: ListChildComponentProps<VirtualizedRowProps>) => {\n  const {\n    items,\n    columns,\n    gridTemplate,\n    onRowClick,\n    rowClass,\n    density = 'default',\n    striped,\n    selectable,\n    getKey,\n    isSelected,\n    toggleRow,\n    isRowSelectable,\n  } = data\n  const item = items[index]\n  const isStriped = striped && index % 2 === 1\n  const key = getKey?.(item, index) ?? index\n  const rowSelectable = !isRowSelectable || isRowSelectable(item)\n\n  const resolvedRowClass = !rowClass\n    ? ''\n    : typeof rowClass === 'function'\n      ? rowClass(item, index)\n      : rowClass\n\n  const getCellClass = (col: DataTableColumn): string => {\n    if (!col.cellClass) return ''\n    if (typeof col.cellClass === 'function') return col.cellClass(item)\n    return col.cellClass\n  }\n\n  const densityCellClass = DENSITY_CELL_CLASS[density]\n\n  return (\n    <div\n      role=\"row\"\n      className={buildClassName(\n        'grid border-b border-[var(--ui-border)] bg-white dark:bg-gray-900 group',\n        onRowClick && 'cursor-pointer',\n        isStriped && 'bg-gray-50 dark:bg-gray-800/40',\n        resolvedRowClass,\n      )}\n      style={{\n        ...style,\n        display: 'grid',\n        gridTemplateColumns: gridTemplate,\n        minWidth: 'fit-content',\n      }}\n      onClick={onRowClick ? () => onRowClick(item, index) : undefined}\n    >\n      {selectable && (\n        <div\n          role=\"cell\"\n          className={buildClassName(\n            'flex items-center whitespace-nowrap border-r last:border-r-0 border-[var(--ui-border)]',\n            densityCellClass,\n            isStriped && 'bg-gray-50 dark:bg-gray-800/40',\n          )}\n          onClick={(e) => e.stopPropagation()}\n        >\n          <Checkbox\n            aria-label=\"Select row\"\n            checked={isSelected?.(key) ?? false}\n            disabled={!rowSelectable}\n            onChange={() => toggleRow?.(key)}\n          />\n        </div>\n      )}\n      {columns.map((col: DataTableColumn) => {\n        const content = col.render ? col.render(item) : (get(item, col.name) ?? 'Not set')\n\n        return (\n          <div\n            key={col.name}\n            role=\"cell\"\n            className={buildClassName(\n              'whitespace-nowrap border-r last:border-r-0 border-[var(--ui-border)]',\n              densityCellClass,\n              col.align === 'center' && 'text-center',\n              col.align === 'right' && 'text-right',\n              col.sticky === 'left' &&\n                'sticky left-0 z-10 bg-white dark:bg-gray-900 shadow-[2px_0_4px_rgba(0,0,0,0.05)]',\n              col.sticky === 'right' &&\n                'sticky right-0 z-10 bg-white dark:bg-gray-900 shadow-[-2px_0_4px_rgba(0,0,0,0.05)]',\n              isStriped && 'bg-gray-50 dark:bg-gray-800/40',\n              getCellClass(col),\n            )}\n          >\n            {content}\n          </div>\n        )\n      })}\n    </div>\n  )\n}\n"],"names":["_jsxs","buildClassName","_jsx","Checkbox","get"],"mappings":"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"}

package/dist/cjs/components/WheelPicker/WheelPicker.js

@@ -0,0 +1,82 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var buildClassname = require('../../utils/build-classname.js');
+
+function SingleWheelColumn({ column, itemHeight, height, disabled, onValueChange, }) {
+    var _a;
+    const containerRef = React.useRef(null);
+    const [selectedValue, setSelectedValue] = React.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
+    React.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 (jsxRuntime.jsx("div", { ref: containerRef, onScroll: handleScroll, className: buildClassname.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 (jsxRuntime.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.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 = React.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 (jsxRuntime.jsxs("div", { className: buildClassname.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: [jsxRuntime.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" }), jsxRuntime.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` } }), jsxRuntime.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` } }), jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-around relative z-10 px-2", children: columns.map((col) => (jsxRuntime.jsx(SingleWheelColumn, { column: col, itemHeight: itemHeight, height: height, disabled: disabled, onValueChange: (val) => handleColumnChange(col.id, val) }, col.id))) })] }));
+}
+WheelPicker.displayName = 'WheelPicker';
+
+exports.WheelPicker = WheelPicker;
+//# sourceMappingURL=WheelPicker.js.map

package/dist/cjs/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":["useRef","useState","useEffect","_jsx","buildClassName","_jsxs"],"mappings":"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"}

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

@@ -0,0 +1,310 @@
+'use strict';
+
+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',
+};
+
+exports.ALIGN_MAP = ALIGN_MAP;
+exports.DIRECTION_MAP = DIRECTION_MAP;
+exports.FLEX_LG_SPAN_MAP = FLEX_LG_SPAN_MAP;
+exports.FLEX_MD_SPAN_MAP = FLEX_MD_SPAN_MAP;
+exports.FLEX_SM_SPAN_MAP = FLEX_SM_SPAN_MAP;
+exports.FLEX_SPAN_MAP = FLEX_SPAN_MAP;
+exports.FLEX_XL_SPAN_MAP = FLEX_XL_SPAN_MAP;
+exports.FLEX_XXL_SPAN_MAP = FLEX_XXL_SPAN_MAP;
+exports.GAP_MAP = GAP_MAP;
+exports.GAP_X_MAP = GAP_X_MAP;
+exports.GAP_Y_MAP = GAP_Y_MAP;
+exports.GRID_COLS_MAP = GRID_COLS_MAP;
+exports.GRID_LG_SPAN_MAP = GRID_LG_SPAN_MAP;
+exports.GRID_MD_SPAN_MAP = GRID_MD_SPAN_MAP;
+exports.GRID_SM_SPAN_MAP = GRID_SM_SPAN_MAP;
+exports.GRID_SPAN_MAP = GRID_SPAN_MAP;
+exports.GRID_XL_SPAN_MAP = GRID_XL_SPAN_MAP;
+exports.GRID_XXL_SPAN_MAP = GRID_XXL_SPAN_MAP;
+exports.JUSTIFY_MAP = JUSTIFY_MAP;
+exports.WRAP_MAP = WRAP_MAP;
+exports.resolveOrderClassName = resolveOrderClassName;
+exports.resolveOrderStyle = resolveOrderStyle;
+//# sourceMappingURL=common-responsive.js.map

package/dist/cjs/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/cjs/hooks/use-debounce.js

@@ -0,0 +1,31 @@
+'use strict';
+
+var React = require('react');
+
+const useDebounce = (value, delay) => {
+    const [debouncedValue, setDebouncedValue] = React.useState(value);
+    React.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 = React.useRef(null);
+    React.useEffect(() => {
+        return () => clearTimeout(timeout.current);
+    }, []);
+    return React.useCallback((...args) => {
+        clearTimeout(timeout.current);
+        timeout.current = setTimeout(() => fn(...args), ms);
+    }, [fn, ms]);
+};
+
+exports.useDebounce = useDebounce;
+exports.useDebounceFn = useDebounceFn;
+//# sourceMappingURL=use-debounce.js.map

package/dist/cjs/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":["useState","useEffect","useRef","useCallback"],"mappings":";;;;MAEa,WAAW,GAAG,CAAK,KAAQ,EAAE,KAAa,KAAO;IAC5D,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAGA,cAAQ,CAAI,KAAK,CAAC;IAE9DC,eAAS,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,GAAGC,YAAM,CAAM,IAAI,CAAC;IAEjCD,eAAS,CAAC,MAAK;QACb,OAAO,MAAM,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC;IAC5C,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,OAAOE,iBAAW,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/cjs/hooks/use-is-mobile.js

@@ -0,0 +1,24 @@
+'use strict';
+
+var React = require('react');
+
+const useIsMobile = () => {
+    const [isMobile, setIsMobile] = React.useState(false);
+    React.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;
+};
+
+exports.useIsMobile = useIsMobile;
+//# sourceMappingURL=use-is-mobile.js.map

package/dist/cjs/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":["useState","useEffect"],"mappings":";;;;AAEO,MAAM,WAAW,GAAG,MAAK;IAC9B,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;IAE/CC,eAAS,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/cjs/hooks/use-is-tablet-or-mobile.js

@@ -0,0 +1,13 @@
+'use strict';
+
+var useIsMobile = require('./use-is-mobile.js');
+var useIsTablet = require('./use-is-tablet.js');
+
+const useIsTabletOrMobile = () => {
+    const isMobile = useIsMobile.useIsMobile();
+    const isTablet = useIsTablet.useIsTablet();
+    return isMobile || isTablet;
+};
+
+exports.useIsTabletOrMobile = useIsTabletOrMobile;
+//# sourceMappingURL=use-is-tablet-or-mobile.js.map

package/dist/cjs/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":["useIsMobile","useIsTablet"],"mappings":";;;;;AAGO,MAAM,mBAAmB,GAAG,MAAK;AACtC,IAAA,MAAM,QAAQ,GAAGA,uBAAW,EAAE;AAC9B,IAAA,MAAM,QAAQ,GAAGC,uBAAW,EAAE;IAE9B,OAAO,QAAQ,IAAI,QAAQ;AAC7B;;;;"}

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

@@ -0,0 +1,21 @@
+'use strict';
+
+var React = require('react');
+
+const useIsTablet = () => {
+    const [isTablet, setIsTablet] = React.useState(false);
+    React.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;
+};
+
+exports.useIsTablet = useIsTablet;
+//# sourceMappingURL=use-is-tablet.js.map

package/dist/cjs/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":["useState","useEffect"],"mappings":";;;;AAEO,MAAM,WAAW,GAAG,MAAK;IAC9B,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;IAE/CC,eAAS,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;;;;"}