@zentauri-ui/zentauri-components 2.1.6 → 2.1.7

package/dist/chunk-HMDH4BQJ.js

@@ -0,0 +1,123 @@
+'use strict';
+
+var react = require('react');
+
+// src/hooks/useTableFilter/useTableFilter.ts
+function normalizeFilters(filters) {
+  if (!filters || typeof filters !== "object") {
+    return {};
+  }
+  return Object.fromEntries(
+    Object.entries(filters).filter(
+      (entry) => typeof entry[1] === "string" && entry[1].trim().length > 0
+    )
+  );
+}
+function defaultColumnValue(row, filterKey) {
+  if (row && typeof row === "object" && filterKey in row) {
+    return row[filterKey];
+  }
+  return void 0;
+}
+function useTableFilter({
+  data,
+  filters,
+  defaultFilters = {},
+  onFiltersChange,
+  getColumnValue = defaultColumnValue,
+  filterPredicate
+}) {
+  const [internalFilters, setInternalFilters] = react.useState(() => normalizeFilters(defaultFilters));
+  const isControlled = filters !== void 0;
+  const currentFilters = react.useMemo(
+    () => normalizeFilters(isControlled ? filters : internalFilters),
+    [filters, internalFilters, isControlled]
+  );
+  const setFilters = react.useCallback(
+    (nextFilters) => {
+      const normalized = normalizeFilters(nextFilters);
+      if (!isControlled) {
+        setInternalFilters(normalized);
+      }
+      onFiltersChange?.(normalized);
+    },
+    [isControlled, onFiltersChange]
+  );
+  const updateFilters = react.useCallback(
+    (updater) => {
+      if (isControlled) {
+        const normalized = normalizeFilters(updater(currentFilters));
+        onFiltersChange?.(normalized);
+        return;
+      }
+      setInternalFilters((previousFilters) => {
+        const normalized = normalizeFilters(updater(previousFilters));
+        onFiltersChange?.(normalized);
+        return normalized;
+      });
+    },
+    [currentFilters, isControlled, onFiltersChange]
+  );
+  const setFilter = react.useCallback(
+    (filterKey, value) => {
+      updateFilters((previousFilters) => ({
+        ...previousFilters,
+        [filterKey]: value
+      }));
+    },
+    [updateFilters]
+  );
+  const clearFilter = react.useCallback(
+    (filterKey) => {
+      updateFilters((previousFilters) => {
+        const nextFilters = { ...previousFilters };
+        delete nextFilters[filterKey];
+        return nextFilters;
+      });
+    },
+    [updateFilters]
+  );
+  const clearFilters = react.useCallback(() => {
+    setFilters({});
+  }, [setFilters]);
+  const activeFilters = react.useMemo(
+    () => Object.entries(currentFilters).map(
+      ([filterKey, filterValue]) => ({
+        filterKey,
+        filterValue,
+        lowerFilterValue: filterValue.toLowerCase()
+      })
+    ),
+    [currentFilters]
+  );
+  const filteredData = react.useMemo(() => {
+    if (activeFilters.length === 0) {
+      return [...data];
+    }
+    return data.filter(
+      (row) => activeFilters.every(({ filterKey, filterValue, lowerFilterValue }) => {
+        if (filterPredicate) {
+          return filterPredicate(row, filterValue, filterKey);
+        }
+        const columnValue = getColumnValue(row, filterKey);
+        if (columnValue == null) {
+          return false;
+        }
+        return String(columnValue).toLowerCase().includes(lowerFilterValue);
+      })
+    );
+  }, [activeFilters, data, filterPredicate, getColumnValue]);
+  return {
+    filters: currentFilters,
+    filteredData,
+    hasActiveFilters: activeFilters.length > 0,
+    setFilter,
+    setFilters,
+    clearFilter,
+    clearFilters
+  };
+}
+
+exports.useTableFilter = useTableFilter;
+//# sourceMappingURL=chunk-HMDH4BQJ.js.map
+//# sourceMappingURL=chunk-HMDH4BQJ.js.map

package/dist/chunk-HMDH4BQJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useTableFilter/useTableFilter.ts"],"names":["useState","useMemo","useCallback"],"mappings":"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","file":"chunk-HMDH4BQJ.js","sourcesContent":["\"use client\";\n\nimport { useCallback, useMemo, useState } from \"react\";\n\nimport type {\n  TableFilterState,\n  UseTableFilterParams,\n  UseTableFilterResult,\n} from \"./types\";\n\nfunction normalizeFilters<TKey extends string>(\n  filters: TableFilterState<TKey> | null | undefined,\n): TableFilterState<TKey> {\n  if (!filters || typeof filters !== \"object\") {\n    return {};\n  }\n\n  return Object.fromEntries(\n    Object.entries(filters).filter(\n      (entry): entry is [TKey, string] =>\n        typeof entry[1] === \"string\" && entry[1].trim().length > 0,\n    ),\n  ) as TableFilterState<TKey>;\n}\n\nfunction defaultColumnValue<TData, TKey extends string>(\n  row: TData,\n  filterKey: TKey,\n): unknown {\n  if (row && typeof row === \"object\" && filterKey in row) {\n    return (row as Record<TKey, unknown>)[filterKey];\n  }\n  return undefined;\n}\n\nexport function useTableFilter<TData, TKey extends string = string>({\n  data,\n  filters,\n  defaultFilters = {},\n  onFiltersChange,\n  getColumnValue = defaultColumnValue,\n  filterPredicate,\n}: UseTableFilterParams<TData, TKey>): UseTableFilterResult<TData, TKey> {\n  const [internalFilters, setInternalFilters] = useState<\n    TableFilterState<TKey>\n  >(() => normalizeFilters(defaultFilters));\n\n  const isControlled = filters !== undefined;\n  const currentFilters = useMemo(\n    () => normalizeFilters(isControlled ? filters : internalFilters),\n    [filters, internalFilters, isControlled],\n  );\n\n  const setFilters = useCallback(\n    (nextFilters: TableFilterState<TKey>) => {\n      const normalized = normalizeFilters(nextFilters);\n      if (!isControlled) {\n        setInternalFilters(normalized);\n      }\n      onFiltersChange?.(normalized);\n    },\n    [isControlled, onFiltersChange],\n  );\n\n  const updateFilters = useCallback(\n    (\n      updater: (\n        previousFilters: TableFilterState<TKey>,\n      ) => TableFilterState<TKey>,\n    ) => {\n      if (isControlled) {\n        const normalized = normalizeFilters(updater(currentFilters));\n        onFiltersChange?.(normalized);\n        return;\n      }\n\n      setInternalFilters((previousFilters) => {\n        const normalized = normalizeFilters(updater(previousFilters));\n        onFiltersChange?.(normalized);\n        return normalized;\n      });\n    },\n    [currentFilters, isControlled, onFiltersChange],\n  );\n\n  const setFilter = useCallback(\n    (filterKey: TKey, value: string) => {\n      updateFilters((previousFilters) => ({\n        ...previousFilters,\n        [filterKey]: value,\n      }));\n    },\n    [updateFilters],\n  );\n\n  const clearFilter = useCallback(\n    (filterKey: TKey) => {\n      updateFilters((previousFilters) => {\n        const nextFilters = { ...previousFilters };\n        delete nextFilters[filterKey];\n        return nextFilters;\n      });\n    },\n    [updateFilters],\n  );\n\n  const clearFilters = useCallback(() => {\n    setFilters({});\n  }, [setFilters]);\n\n  const activeFilters = useMemo(\n    () =>\n      (Object.entries(currentFilters) as [TKey, string][]).map(\n        ([filterKey, filterValue]) => ({\n          filterKey,\n          filterValue,\n          lowerFilterValue: filterValue.toLowerCase(),\n        }),\n      ),\n    [currentFilters],\n  );\n\n  const filteredData = useMemo(() => {\n    if (activeFilters.length === 0) {\n      return [...data];\n    }\n\n    return data.filter((row) =>\n      activeFilters.every(({ filterKey, filterValue, lowerFilterValue }) => {\n        if (filterPredicate) {\n          return filterPredicate(row, filterValue, filterKey);\n        }\n\n        const columnValue = getColumnValue(row, filterKey);\n        if (columnValue == null) {\n          return false;\n        }\n\n        return String(columnValue).toLowerCase().includes(lowerFilterValue);\n      }),\n    );\n  }, [activeFilters, data, filterPredicate, getColumnValue]);\n\n  return {\n    filters: currentFilters,\n    filteredData,\n    hasActiveFilters: activeFilters.length > 0,\n    setFilter,\n    setFilters,\n    clearFilter,\n    clearFilters,\n  };\n}\n"]}

package/dist/chunk-I7EBE7BD.js

@@ -0,0 +1,98 @@
+'use strict';
+
+var react = require('react');
+
+// src/hooks/useTableSort/useTableSort.ts
+function nextSortDirection(currentDirection) {
+  if (currentDirection === "ascending") {
+    return "descending";
+  }
+  if (currentDirection === "descending") {
+    return "none";
+  }
+  return "ascending";
+}
+function normalizeSortState(nextSort) {
+  if (!nextSort.sortKey || nextSort.sortDirection === "none") {
+    return { sortKey: void 0, sortDirection: "none" };
+  }
+  return nextSort;
+}
+function useTableSort({
+  sortKey,
+  defaultSortKey,
+  sortDirection,
+  defaultSortDirection = "none",
+  onSortChange
+} = {}) {
+  const [internalSort, setInternalSort] = react.useState(
+    () => normalizeSortState({
+      sortKey: defaultSortKey,
+      sortDirection: defaultSortDirection
+    })
+  );
+  const isSortKeyControlled = sortKey !== void 0;
+  const isSortDirectionControlled = sortDirection !== void 0;
+  const currentSort = normalizeSortState({
+    sortKey: isSortKeyControlled ? sortKey : internalSort.sortKey,
+    sortDirection: isSortDirectionControlled ? sortDirection : internalSort.sortDirection
+  });
+  const setSort = react.useCallback(
+    (nextSort) => {
+      const normalized = normalizeSortState(nextSort);
+      if (!isSortKeyControlled || !isSortDirectionControlled) {
+        setInternalSort((previousSort) => ({
+          sortKey: isSortKeyControlled ? previousSort.sortKey : normalized.sortKey,
+          sortDirection: isSortDirectionControlled ? previousSort.sortDirection : normalized.sortDirection
+        }));
+      }
+      onSortChange?.(normalized);
+    },
+    [isSortDirectionControlled, isSortKeyControlled, onSortChange]
+  );
+  const clearSort = react.useCallback(() => {
+    setSort({ sortKey: void 0, sortDirection: "none" });
+  }, [setSort]);
+  const toggleSort = react.useCallback(
+    (nextSortKey) => {
+      const direction = currentSort.sortKey === nextSortKey ? nextSortDirection(currentSort.sortDirection) : "ascending";
+      setSort({
+        sortKey: nextSortKey,
+        sortDirection: direction
+      });
+    },
+    [currentSort.sortDirection, currentSort.sortKey, setSort]
+  );
+  const getSortProps = react.useCallback(
+    (nextSortKey) => ({
+      sortKey: nextSortKey,
+      sortDirection: currentSort.sortKey === nextSortKey ? currentSort.sortDirection : "none",
+      onSortChange: (nextSort) => {
+        setSort(nextSort);
+      }
+    }),
+    [currentSort.sortDirection, currentSort.sortKey, setSort]
+  );
+  return react.useMemo(
+    () => ({
+      sortKey: currentSort.sortKey,
+      sortDirection: currentSort.sortDirection,
+      setSort,
+      clearSort,
+      toggleSort,
+      getSortProps
+    }),
+    [
+      clearSort,
+      currentSort.sortDirection,
+      currentSort.sortKey,
+      getSortProps,
+      setSort,
+      toggleSort
+    ]
+  );
+}
+
+exports.useTableSort = useTableSort;
+//# sourceMappingURL=chunk-I7EBE7BD.js.map
+//# sourceMappingURL=chunk-I7EBE7BD.js.map

package/dist/chunk-I7EBE7BD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useTableSort/useTableSort.ts"],"names":["useState","useCallback","useMemo"],"mappings":"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","file":"chunk-I7EBE7BD.js","sourcesContent":["\"use client\";\n\nimport { useCallback, useMemo, useState } from \"react\";\n\nimport type { TableSortDirection, TableSortState } from \"../../ui/table/types\";\nimport type { UseTableSortParams, UseTableSortResult } from \"./types\";\n\nfunction nextSortDirection(\n  currentDirection: TableSortDirection,\n): TableSortDirection {\n  if (currentDirection === \"ascending\") {\n    return \"descending\";\n  }\n  if (currentDirection === \"descending\") {\n    return \"none\";\n  }\n  return \"ascending\";\n}\n\nfunction normalizeSortState<TKey extends string>(\n  nextSort: TableSortState<TKey>,\n): TableSortState<TKey> {\n  if (!nextSort.sortKey || nextSort.sortDirection === \"none\") {\n    return { sortKey: undefined, sortDirection: \"none\" };\n  }\n  return nextSort;\n}\n\nexport function useTableSort<TKey extends string = string>({\n  sortKey,\n  defaultSortKey,\n  sortDirection,\n  defaultSortDirection = \"none\",\n  onSortChange,\n}: UseTableSortParams<TKey> = {}): UseTableSortResult<TKey> {\n  const [internalSort, setInternalSort] = useState<TableSortState<TKey>>(() =>\n    normalizeSortState({\n      sortKey: defaultSortKey,\n      sortDirection: defaultSortDirection,\n    }),\n  );\n\n  const isSortKeyControlled = sortKey !== undefined;\n  const isSortDirectionControlled = sortDirection !== undefined;\n  const currentSort = normalizeSortState({\n    sortKey: isSortKeyControlled ? sortKey : internalSort.sortKey,\n    sortDirection: isSortDirectionControlled\n      ? sortDirection\n      : internalSort.sortDirection,\n  });\n\n  const setSort = useCallback(\n    (nextSort: TableSortState<TKey>) => {\n      const normalized = normalizeSortState(nextSort);\n      if (!isSortKeyControlled || !isSortDirectionControlled) {\n        setInternalSort((previousSort) => ({\n          sortKey: isSortKeyControlled\n            ? previousSort.sortKey\n            : normalized.sortKey,\n          sortDirection: isSortDirectionControlled\n            ? previousSort.sortDirection\n            : normalized.sortDirection,\n        }));\n      }\n      onSortChange?.(normalized);\n    },\n    [isSortDirectionControlled, isSortKeyControlled, onSortChange],\n  );\n\n  const clearSort = useCallback(() => {\n    setSort({ sortKey: undefined, sortDirection: \"none\" });\n  }, [setSort]);\n\n  const toggleSort = useCallback(\n    (nextSortKey: TKey) => {\n      const direction =\n        currentSort.sortKey === nextSortKey\n          ? nextSortDirection(currentSort.sortDirection)\n          : \"ascending\";\n\n      setSort({\n        sortKey: nextSortKey,\n        sortDirection: direction,\n      });\n    },\n    [currentSort.sortDirection, currentSort.sortKey, setSort],\n  );\n\n  const getSortProps = useCallback(\n    (nextSortKey: TKey) => ({\n      sortKey: nextSortKey,\n      sortDirection:\n        currentSort.sortKey === nextSortKey\n          ? currentSort.sortDirection\n          : \"none\",\n      onSortChange: (nextSort: TableSortState) => {\n        setSort(nextSort as TableSortState<TKey>);\n      },\n    }),\n    [currentSort.sortDirection, currentSort.sortKey, setSort],\n  );\n\n  return useMemo(\n    () => ({\n      sortKey: currentSort.sortKey,\n      sortDirection: currentSort.sortDirection,\n      setSort,\n      clearSort,\n      toggleSort,\n      getSortProps,\n    }),\n    [\n      clearSort,\n      currentSort.sortDirection,\n      currentSort.sortKey,\n      getSortProps,\n      setSort,\n      toggleSort,\n    ],\n  );\n}\n"]}

package/dist/{chunk-WWKAJHIV.mjs → chunk-KVSRUAXP.mjs}

@@ -1,4 +1,4 @@
-import { zuiButtonBase, zuiButtonSizes, zuiButtonAppearances } from './chunk-A4IB3C23.mjs';
+import { zuiButtonBase, zuiButtonSizes, zuiButtonAppearances } from './chunk-FUCW5GPE.mjs';
 import { cva } from 'class-variance-authority';
 
 var buttonVariants = cva(zuiButtonBase, {
@@ -13,5 +13,5 @@ var buttonVariants = cva(zuiButtonBase, {
 });
 
 export { buttonVariants };
-//# sourceMappingURL=chunk-WWKAJHIV.mjs.map
-//# sourceMappingURL=chunk-WWKAJHIV.mjs.map
+//# sourceMappingURL=chunk-KVSRUAXP.mjs.map
+//# sourceMappingURL=chunk-KVSRUAXP.mjs.map

package/dist/{chunk-WWKAJHIV.mjs.map → chunk-KVSRUAXP.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/ui/buttons/variants.ts"],"names":[],"mappings":";;;AAQO,IAAM,cAAA,GAAiB,IAAI,aAAA,EAAe;AAAA,EAC/C,QAAA,EAAU;AAAA,IACR,UAAA,EAAY,oBAAA;AAAA,IACZ,IAAA,EAAM;AAAA,GACR;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,UAAA,EAAY,SAAA;AAAA,IACZ,IAAA,EAAM;AAAA;AAEV,CAAC","file":"chunk-WWKAJHIV.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiButtonAppearances,\n  zuiButtonBase,\n  zuiButtonSizes,\n} from \"../../design-system\";\n\nexport const buttonVariants = cva(zuiButtonBase, {\n  variants: {\n    appearance: zuiButtonAppearances,\n    size: zuiButtonSizes,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n  },\n});\n"]}
+{"version":3,"sources":["../src/ui/buttons/variants.ts"],"names":[],"mappings":";;;AAQO,IAAM,cAAA,GAAiB,IAAI,aAAA,EAAe;AAAA,EAC/C,QAAA,EAAU;AAAA,IACR,UAAA,EAAY,oBAAA;AAAA,IACZ,IAAA,EAAM;AAAA,GACR;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,UAAA,EAAY,SAAA;AAAA,IACZ,IAAA,EAAM;AAAA;AAEV,CAAC","file":"chunk-KVSRUAXP.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiButtonAppearances,\n  zuiButtonBase,\n  zuiButtonSizes,\n} from \"../../design-system\";\n\nexport const buttonVariants = cva(zuiButtonBase, {\n  variants: {\n    appearance: zuiButtonAppearances,\n    size: zuiButtonSizes,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n  },\n});\n"]}

package/dist/chunk-LHBJD57K.mjs

@@ -0,0 +1,143 @@
+import { inputVariants } from './chunk-O22T5X4G.mjs';
+import { cn } from './chunk-4D54YOL6.mjs';
+import { useId } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+function mergeDescribedByIds(user, ...generated) {
+  const ids = [
+    ...(user ?? "").split(/\s+/).filter(Boolean),
+    ...generated.filter((id) => Boolean(id))
+  ];
+  const unique = [...new Set(ids)];
+  return unique.length > 0 ? unique.join(" ") : void 0;
+}
+var InputBase = (props) => {
+  const generatedId = useId();
+  if (props.as === "textarea") {
+    const {
+      className: className2,
+      appearance: appearance2,
+      size: size2,
+      ring: ring2 = true,
+      ref: ref2,
+      "aria-invalid": ariaInvalidProp2,
+      errorMessage: errorMessage2,
+      hint: hint2,
+      label: label2,
+      id: id2,
+      as: as2,
+      "aria-describedby": ariaDescribedByUser2,
+      ...rest2
+    } = props;
+    const controlId2 = id2 ?? generatedId;
+    const errorId2 = `${controlId2}-error`;
+    const hintId2 = `${controlId2}-hint`;
+    const ariaInvalid2 = ariaInvalidProp2 !== void 0 ? ariaInvalidProp2 : appearance2 === "error" ? true : void 0;
+    const describedBy2 = mergeDescribedByIds(
+      ariaDescribedByUser2,
+      hint2 !== void 0 ? hintId2 : void 0,
+      errorMessage2 && appearance2 === "error" ? errorId2 : void 0
+    );
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      label2 !== void 0 && /* @__PURE__ */ jsx(
+        "label",
+        {
+          htmlFor: controlId2,
+          className: "mb-1 block text-sm font-medium text-slate-200",
+          children: label2
+        }
+      ),
+      hint2 !== void 0 && /* @__PURE__ */ jsx("p", { id: hintId2, className: "mb-1 text-xs text-slate-400", children: hint2 }),
+      /* @__PURE__ */ jsx(
+        "textarea",
+        {
+          ref: ref2,
+          id: controlId2,
+          "data-slot": "input",
+          className: cn(
+            inputVariants({ appearance: appearance2, size: size2, ring: ring2, as: as2 }),
+            className2
+          ),
+          "aria-invalid": ariaInvalid2,
+          "aria-describedby": describedBy2,
+          ...rest2
+        }
+      ),
+      errorMessage2 && appearance2 === "error" && /* @__PURE__ */ jsx(
+        "p",
+        {
+          id: errorId2,
+          className: "mt-2 pl-4 text-sm text-rose-500 wrap-break-word",
+          children: errorMessage2
+        }
+      )
+    ] });
+  }
+  const {
+    className,
+    appearance,
+    size,
+    ring = true,
+    ref,
+    "aria-invalid": ariaInvalidProp,
+    errorMessage,
+    hint,
+    label,
+    id,
+    as,
+    "aria-describedby": ariaDescribedByUser,
+    ...rest
+  } = props;
+  const controlId = id ?? generatedId;
+  const errorId = `${controlId}-error`;
+  const hintId = `${controlId}-hint`;
+  const ariaInvalid = ariaInvalidProp !== void 0 ? ariaInvalidProp : appearance === "error" ? true : void 0;
+  const describedBy = mergeDescribedByIds(
+    ariaDescribedByUser,
+    hint !== void 0 ? hintId : void 0,
+    errorMessage && appearance === "error" ? errorId : void 0
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    label !== void 0 && /* @__PURE__ */ jsx(
+      "label",
+      {
+        htmlFor: controlId,
+        className: "mb-1 block text-sm font-medium text-slate-200",
+        children: label
+      }
+    ),
+    hint !== void 0 && /* @__PURE__ */ jsx("p", { id: hintId, className: "mb-1 text-xs text-slate-400", children: hint }),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        ref,
+        id: controlId,
+        "data-slot": "input",
+        className: cn(
+          inputVariants({ appearance, size, ring, as: as ?? "input" }),
+          className
+        ),
+        "aria-invalid": ariaInvalid,
+        "aria-describedby": describedBy,
+        ...rest
+      }
+    ),
+    errorMessage && appearance === "error" && /* @__PURE__ */ jsx(
+      "p",
+      {
+        id: errorId,
+        className: "mt-2 pl-4 text-sm text-rose-500 wrap-break-word",
+        children: errorMessage
+      }
+    )
+  ] });
+};
+InputBase.displayName = "Input";
+var Input = (props) => {
+  return /* @__PURE__ */ jsx(InputBase, { ...props });
+};
+Input.displayName = "Input";
+
+export { Input };
+//# sourceMappingURL=chunk-LHBJD57K.mjs.map
+//# sourceMappingURL=chunk-LHBJD57K.mjs.map

package/dist/chunk-LHBJD57K.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/inputs/input-base.tsx","../src/ui/inputs/input.tsx"],"names":["className","appearance","size","ring","ref","ariaInvalidProp","errorMessage","hint","label","id","as","ariaDescribedByUser","rest","controlId","errorId","hintId","ariaInvalid","describedBy","jsx"],"mappings":"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","file":"chunk-LHBJD57K.mjs","sourcesContent":["\"use client\";\n\nimport { useId } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type { InputProps } from \"./types\";\nimport { inputVariants } from \"./variants\";\n\nfunction mergeDescribedByIds(\n  user: string | undefined,\n  ...generated: (string | undefined)[]\n): string | undefined {\n  const ids = [\n    ...(user ?? \"\").split(/\\s+/).filter(Boolean),\n    ...generated.filter((id): id is string => Boolean(id)),\n  ];\n  const unique = [...new Set(ids)];\n  return unique.length > 0 ? unique.join(\" \") : undefined;\n}\n\nexport const InputBase = (props: InputProps) => {\n  const generatedId = useId();\n\n  if (props.as === \"textarea\") {\n    const {\n      className,\n      appearance,\n      size,\n      ring = true,\n      ref,\n      \"aria-invalid\": ariaInvalidProp,\n      errorMessage,\n      hint,\n      label,\n      id,\n      as,\n      \"aria-describedby\": ariaDescribedByUser,\n      ...rest\n    } = props;\n\n    const controlId = id ?? generatedId;\n    const errorId = `${controlId}-error`;\n    const hintId = `${controlId}-hint`;\n    const ariaInvalid =\n      ariaInvalidProp !== undefined\n        ? ariaInvalidProp\n        : appearance === \"error\"\n          ? true\n          : undefined;\n\n    const describedBy = mergeDescribedByIds(\n      ariaDescribedByUser,\n      hint !== undefined ? hintId : undefined,\n      errorMessage && appearance === \"error\" ? errorId : undefined,\n    );\n\n    return (\n      <>\n        {label !== undefined && (\n          <label\n            htmlFor={controlId}\n            className=\"mb-1 block text-sm font-medium text-slate-200\"\n          >\n            {label}\n          </label>\n        )}\n        {hint !== undefined && (\n          <p id={hintId} className=\"mb-1 text-xs text-slate-400\">\n            {hint}\n          </p>\n        )}\n        <textarea\n          ref={ref}\n          id={controlId}\n          data-slot=\"input\"\n          className={cn(\n            inputVariants({ appearance, size, ring, as }),\n            className,\n          )}\n          aria-invalid={ariaInvalid}\n          aria-describedby={describedBy}\n          {...rest}\n        />\n        {errorMessage && appearance === \"error\" && (\n          <p\n            id={errorId}\n            className=\"mt-2 pl-4 text-sm text-rose-500 wrap-break-word\"\n          >\n            {errorMessage}\n          </p>\n        )}\n      </>\n    );\n  }\n\n  const {\n    className,\n    appearance,\n    size,\n    ring = true,\n    ref,\n    \"aria-invalid\": ariaInvalidProp,\n    errorMessage,\n    hint,\n    label,\n    id,\n    as,\n    \"aria-describedby\": ariaDescribedByUser,\n    ...rest\n  } = props;\n\n  const controlId = id ?? generatedId;\n  const errorId = `${controlId}-error`;\n  const hintId = `${controlId}-hint`;\n  const ariaInvalid =\n    ariaInvalidProp !== undefined\n      ? ariaInvalidProp\n      : appearance === \"error\"\n        ? true\n        : undefined;\n\n  const describedBy = mergeDescribedByIds(\n    ariaDescribedByUser,\n    hint !== undefined ? hintId : undefined,\n    errorMessage && appearance === \"error\" ? errorId : undefined,\n  );\n\n  return (\n    <>\n      {label !== undefined && (\n        <label\n          htmlFor={controlId}\n          className=\"mb-1 block text-sm font-medium text-slate-200\"\n        >\n          {label}\n        </label>\n      )}\n      {hint !== undefined && (\n        <p id={hintId} className=\"mb-1 text-xs text-slate-400\">\n          {hint}\n        </p>\n      )}\n      <input\n        ref={ref}\n        id={controlId}\n        data-slot=\"input\"\n        className={cn(\n          inputVariants({ appearance, size, ring, as: as ?? \"input\" }),\n          className,\n        )}\n        aria-invalid={ariaInvalid}\n        aria-describedby={describedBy}\n        {...rest}\n      />\n      {errorMessage && appearance === \"error\" && (\n        <p\n          id={errorId}\n          className=\"mt-2 pl-4 text-sm text-rose-500 wrap-break-word\"\n        >\n          {errorMessage}\n        </p>\n      )}\n    </>\n  );\n};\n\nInputBase.displayName = \"Input\";\n","import { InputBase } from \"./input-base\";\nimport type { InputProps } from \"./types\";\n\nexport const Input = (props: InputProps) => {\n  return <InputBase {...props} />;\n};\n\nInput.displayName = \"Input\";\n"]}

package/dist/chunk-OYAJG2BO.js

@@ -0,0 +1,83 @@
+'use strict';
+
+var react = require('react');
+
+// src/hooks/useVirtualList/useVirtualList.ts
+function useVirtualList({
+  itemCount,
+  itemHeight,
+  overscan = 3
+}) {
+  const [container, setContainer] = react.useState(null);
+  const [scrollTop, setScrollTop] = react.useState(0);
+  const [viewportHeight, setViewportHeight] = react.useState(0);
+  const setContainerRef = react.useCallback((node) => {
+    setContainer(node);
+  }, []);
+  react.useEffect(() => {
+    if (container == null) {
+      return;
+    }
+    const onScroll = () => {
+      setScrollTop(container.scrollTop);
+    };
+    const measure = () => {
+      setViewportHeight(container.clientHeight);
+    };
+    measure();
+    onScroll();
+    container.addEventListener("scroll", onScroll, { passive: true });
+    let observer;
+    if (typeof ResizeObserver !== "undefined") {
+      observer = new ResizeObserver(measure);
+      observer.observe(container);
+    }
+    return () => {
+      container.removeEventListener("scroll", onScroll);
+      observer?.disconnect();
+    };
+  }, [container]);
+  const safeItemCount = Math.max(0, Math.floor(itemCount));
+  const safeItemHeight = Math.max(1, itemHeight);
+  const safeOverscan = Math.max(0, Math.floor(overscan));
+  const totalHeight = safeItemCount * safeItemHeight;
+  const startIndex = safeItemCount === 0 ? 0 : Math.max(0, Math.floor(scrollTop / safeItemHeight) - safeOverscan);
+  const endIndex = safeItemCount === 0 ? -1 : Math.min(
+    safeItemCount - 1,
+    Math.ceil((scrollTop + viewportHeight) / safeItemHeight) - 1 + safeOverscan
+  );
+  const virtualItems = react.useMemo(() => {
+    const items = [];
+    for (let index = startIndex; index <= endIndex; index += 1) {
+      items.push({
+        index,
+        start: index * safeItemHeight,
+        size: safeItemHeight
+      });
+    }
+    return items;
+  }, [endIndex, safeItemHeight, startIndex]);
+  const scrollToIndex = react.useCallback(
+    (index) => {
+      if (container == null || safeItemCount === 0) {
+        return;
+      }
+      const clamped = Math.min(Math.max(index, 0), safeItemCount - 1);
+      container.scrollTop = clamped * safeItemHeight;
+      setScrollTop(container.scrollTop);
+    },
+    [container, safeItemCount, safeItemHeight]
+  );
+  return {
+    setContainerRef,
+    virtualItems,
+    totalHeight,
+    startIndex,
+    endIndex,
+    scrollToIndex
+  };
+}
+
+exports.useVirtualList = useVirtualList;
+//# sourceMappingURL=chunk-OYAJG2BO.js.map
+//# sourceMappingURL=chunk-OYAJG2BO.js.map

package/dist/chunk-OYAJG2BO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useVirtualList/useVirtualList.ts"],"names":["useState","useCallback","useEffect","useMemo"],"mappings":"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","file":"chunk-OYAJG2BO.js","sourcesContent":["\"use client\";\n\nimport type { RefCallback } from \"react\";\nimport { useCallback, useEffect, useMemo, useState } from \"react\";\n\nexport type VirtualItem = {\n  /** Index into your data array. */\n  index: number;\n  /** Offset from the top of the scroll content in pixels (use for `translateY` / `top`). */\n  start: number;\n  /** Row height in pixels. */\n  size: number;\n};\n\nexport type UseVirtualListParams = {\n  /** Total number of rows in the list. */\n  itemCount: number;\n  /** Fixed height of every row in pixels (must be > 0). */\n  itemHeight: number;\n  /** Extra rows rendered above and below the viewport (default `3`). */\n  overscan?: number;\n};\n\nexport type UseVirtualListResult = {\n  /** Callback ref for the scrollable container (needs `overflow-y: auto` and a bounded height). */\n  setContainerRef: RefCallback<HTMLElement>;\n  /** The rows to render, each with its absolute `start` offset. */\n  virtualItems: VirtualItem[];\n  /** Height of the full list content; set it on an inner spacer element. */\n  totalHeight: number;\n  /** First rendered index (after overscan). */\n  startIndex: number;\n  /** Last rendered index (after overscan), `-1` when empty. */\n  endIndex: number;\n  /** Scroll the container so the given row is at the top. */\n  scrollToIndex: (index: number) => void;\n};\n\n/**\n * Headless fixed-height list virtualization: renders only the rows visible in the\n * scroll container (plus `overscan`), so lists of tens of thousands of rows stay cheap.\n *\n * Markup recipe: outer container gets `setContainerRef` + `overflow-y: auto` and a height;\n * inside it, one relative spacer div with `height: totalHeight`; each virtual item is\n * absolutely positioned at `translateY(item.start)` with `height: item.size`.\n *\n * Viewport size tracks `ResizeObserver` (when available) and scroll position tracks a\n * passive `scroll` listener. For variable-height rows, reach for a dedicated virtualizer.\n *\n * @param params - {@link UseVirtualListParams}\n * @returns {@link UseVirtualListResult}\n */\nexport function useVirtualList({\n  itemCount,\n  itemHeight,\n  overscan = 3,\n}: UseVirtualListParams): UseVirtualListResult {\n  const [container, setContainer] = useState<HTMLElement | null>(null);\n  const [scrollTop, setScrollTop] = useState(0);\n  const [viewportHeight, setViewportHeight] = useState(0);\n\n  const setContainerRef = useCallback((node: HTMLElement | null) => {\n    setContainer(node);\n  }, []);\n\n  useEffect(() => {\n    if (container == null) {\n      return;\n    }\n    const onScroll = () => {\n      setScrollTop(container.scrollTop);\n    };\n    const measure = () => {\n      setViewportHeight(container.clientHeight);\n    };\n    measure();\n    onScroll();\n    container.addEventListener(\"scroll\", onScroll, { passive: true });\n    let observer: ResizeObserver | undefined;\n    if (typeof ResizeObserver !== \"undefined\") {\n      observer = new ResizeObserver(measure);\n      observer.observe(container);\n    }\n    return () => {\n      container.removeEventListener(\"scroll\", onScroll);\n      observer?.disconnect();\n    };\n  }, [container]);\n\n  const safeItemCount = Math.max(0, Math.floor(itemCount));\n  const safeItemHeight = Math.max(1, itemHeight);\n  const safeOverscan = Math.max(0, Math.floor(overscan));\n\n  const totalHeight = safeItemCount * safeItemHeight;\n  const startIndex =\n    safeItemCount === 0\n      ? 0\n      : Math.max(0, Math.floor(scrollTop / safeItemHeight) - safeOverscan);\n  const endIndex =\n    safeItemCount === 0\n      ? -1\n      : Math.min(\n          safeItemCount - 1,\n          Math.ceil((scrollTop + viewportHeight) / safeItemHeight) -\n            1 +\n            safeOverscan,\n        );\n\n  const virtualItems = useMemo(() => {\n    const items: VirtualItem[] = [];\n    for (let index = startIndex; index <= endIndex; index += 1) {\n      items.push({\n        index,\n        start: index * safeItemHeight,\n        size: safeItemHeight,\n      });\n    }\n    return items;\n  }, [endIndex, safeItemHeight, startIndex]);\n\n  const scrollToIndex = useCallback(\n    (index: number) => {\n      if (container == null || safeItemCount === 0) {\n        return;\n      }\n      const clamped = Math.min(Math.max(index, 0), safeItemCount - 1);\n      container.scrollTop = clamped * safeItemHeight;\n      setScrollTop(container.scrollTop);\n    },\n    [container, safeItemCount, safeItemHeight],\n  );\n\n  return {\n    setContainerRef,\n    virtualItems,\n    totalHeight,\n    startIndex,\n    endIndex,\n    scrollToIndex,\n  };\n}\n"]}