@ktnpm_devops/react-component 0.2.1 → 0.3.0

package/dist/index19.js

@@ -1,21 +1,125 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { clsx } from "./index35.js";
-import styles from "./index39.js";
-const DashboardLayout = ({
-  sidebar,
-  filterBar,
-  children,
-  sidebarCollapsed = false,
-  className
-}) => /* @__PURE__ */ jsxs("div", { className: clsx(styles.root, className), children: [
-  sidebar && /* @__PURE__ */ jsx("aside", { className: clsx(styles.sidebar, { [styles.sidebarCollapsed]: sidebarCollapsed }), children: sidebar }),
-  /* @__PURE__ */ jsxs("main", { className: styles.main, children: [
-    filterBar && /* @__PURE__ */ jsx("div", { className: styles.filterBar, children: filterBar }),
-    /* @__PURE__ */ jsx("div", { className: styles.content, children })
-  ] })
-] });
-DashboardLayout.displayName = "DashboardLayout";
+import { useState, useRef, useCallback, useEffect, useMemo } from "react";
+import { clsx } from "./index36.js";
+import { useClickOutside } from "./index4.js";
+import { useEscapeKey } from "./index5.js";
+import { formatLocalISOString } from "./index7.js";
+import styles from "./index50.js";
+const formatInputValue = (iso) => {
+  if (!iso) return "";
+  const date = new Date(iso);
+  if (Number.isNaN(date.getTime())) return "";
+  const y = date.getFullYear();
+  const m = `${date.getMonth() + 1}`.padStart(2, "0");
+  const d = `${date.getDate()}`.padStart(2, "0");
+  const h = `${date.getHours()}`.padStart(2, "0");
+  const min = `${date.getMinutes()}`.padStart(2, "0");
+  return `${y}-${m}-${d}T${h}:${min}`;
+};
+const toLocalTimestamp = (value) => {
+  if (!value) return null;
+  const date = new Date(value);
+  if (Number.isNaN(date.getTime())) return null;
+  return formatLocalISOString(date);
+};
+const CustomRangePicker = ({ from, to, onApply }) => {
+  const [isOpen, setIsOpen] = useState(false);
+  const [startValue, setStartValue] = useState(() => formatInputValue(from));
+  const [endValue, setEndValue] = useState(() => formatInputValue(to));
+  const [error, setError] = useState(null);
+  const containerRef = useRef(null);
+  const isActive = Boolean(from && to);
+  const close = useCallback(() => setIsOpen(false), []);
+  useClickOutside(containerRef, close);
+  useEscapeKey(close, isOpen);
+  useEffect(() => {
+    if (!isOpen) return;
+    setStartValue(formatInputValue(from));
+    setEndValue(formatInputValue(to));
+    setError(null);
+  }, [from, to, isOpen]);
+  const summary = useMemo(() => {
+    if (!from || !to) return null;
+    const s = new Date(from);
+    const e = new Date(to);
+    if (Number.isNaN(s.getTime()) || Number.isNaN(e.getTime())) return null;
+    const fmt = new Intl.DateTimeFormat(void 0, {
+      year: "numeric",
+      month: "short",
+      day: "numeric",
+      hour: "2-digit",
+      minute: "2-digit"
+    });
+    return `${fmt.format(s)} – ${fmt.format(e)}`;
+  }, [from, to]);
+  const handleApply = () => {
+    const startIso = toLocalTimestamp(startValue);
+    const endIso = toLocalTimestamp(endValue);
+    if (!startIso || !endIso) {
+      setError("Both start and end date are required.");
+      return;
+    }
+    if (startIso >= endIso) {
+      setError("End of range must be after the start.");
+      return;
+    }
+    onApply({ from: startIso, to: endIso });
+    setIsOpen(false);
+  };
+  const handleCancel = () => {
+    setStartValue(formatInputValue(from));
+    setEndValue(formatInputValue(to));
+    setError(null);
+    setIsOpen(false);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: styles.root, ref: containerRef, children: [
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: clsx(styles.chip, { [styles.active]: isActive }),
+        onClick: () => setIsOpen((v) => !v),
+        children: "Custom"
+      }
+    ),
+    summary && /* @__PURE__ */ jsx("span", { className: styles.summary, children: summary }),
+    isOpen && /* @__PURE__ */ jsxs("div", { className: styles.popover, role: "dialog", "aria-modal": "false", children: [
+      /* @__PURE__ */ jsx("header", { className: styles.popoverHeader, children: /* @__PURE__ */ jsx("h4", { children: "Custom Time Range" }) }),
+      /* @__PURE__ */ jsxs("div", { className: styles.fields, children: [
+        /* @__PURE__ */ jsxs("label", { className: styles.field, children: [
+          /* @__PURE__ */ jsx("span", { children: "Start" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "datetime-local",
+              value: startValue,
+              onChange: (e) => setStartValue(e.target.value),
+              max: endValue || void 0
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("label", { className: styles.field, children: [
+          /* @__PURE__ */ jsx("span", { children: "End" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "datetime-local",
+              value: endValue,
+              onChange: (e) => setEndValue(e.target.value),
+              min: startValue || void 0
+            }
+          )
+        ] })
+      ] }),
+      error && /* @__PURE__ */ jsx("p", { className: styles.error, children: error }),
+      /* @__PURE__ */ jsxs("footer", { className: styles.actions, children: [
+        /* @__PURE__ */ jsx("button", { type: "button", className: styles.btnGhost, onClick: handleCancel, children: "Cancel" }),
+        /* @__PURE__ */ jsx("button", { type: "button", className: styles.btnPrimary, onClick: handleApply, children: "Apply" })
+      ] })
+    ] })
+  ] });
+};
 export {
-  DashboardLayout
+  CustomRangePicker
 };
 //# sourceMappingURL=index19.js.map

package/dist/index19.js.map

@@ -1 +1 @@
-{"version":3,"file":"index19.js","sources":["../src/layouts/DashboardLayout/DashboardLayout.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport type { DashboardLayoutProps } from './DashboardLayout.types';\nimport styles from './DashboardLayout.module.css';\n\nexport const DashboardLayout = ({\n  sidebar,\n  filterBar,\n  children,\n  sidebarCollapsed = false,\n  className,\n}: DashboardLayoutProps) => (\n  <div className={clsx(styles.root, className)}>\n    {sidebar && (\n      <aside className={clsx(styles.sidebar, { [styles.sidebarCollapsed]: sidebarCollapsed })}>\n        {sidebar}\n      </aside>\n    )}\n    <main className={styles.main}>\n      {filterBar && <div className={styles.filterBar}>{filterBar}</div>}\n      <div className={styles.content}>{children}</div>\n    </main>\n  </div>\n);\n\nDashboardLayout.displayName = 'DashboardLayout';\n"],"names":[],"mappings":";;;AAIO,MAAM,kBAAkB,CAAC;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA,mBAAmB;AAAA,EACnB;AACF,2BACG,OAAA,EAAI,WAAW,KAAK,OAAO,MAAM,SAAS,GACxC,UAAA;AAAA,EAAA,WACC,oBAAC,SAAA,EAAM,WAAW,KAAK,OAAO,SAAS,EAAE,CAAC,OAAO,gBAAgB,GAAG,iBAAA,CAAkB,GACnF,UAAA,SACH;AAAA,EAEF,qBAAC,QAAA,EAAK,WAAW,OAAO,MACrB,UAAA;AAAA,IAAA,aAAa,oBAAC,OAAA,EAAI,WAAW,OAAO,WAAY,UAAA,WAAU;AAAA,IAC3D,oBAAC,OAAA,EAAI,WAAW,OAAO,SAAU,SAAA,CAAS;AAAA,EAAA,EAAA,CAC5C;AAAA,EAAA,CACF;AAGF,gBAAgB,cAAc;"}
+{"version":3,"file":"index19.js","sources":["../src/composites/CustomRangePicker/CustomRangePicker.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState, useCallback } from 'react';\nimport clsx from 'clsx';\nimport { useClickOutside } from '../../hooks/useClickOutside';\nimport { useEscapeKey } from '../../hooks/useEscapeKey';\nimport { formatLocalISOString } from '../../utils/format';\nimport styles from './CustomRangePicker.module.css';\n\nexport interface CustomRangePickerProps {\n  /** Start of the current range (ISO string). */\n  from?: string;\n  /** End of the current range (ISO string). */\n  to?: string;\n  /** Called when user applies a valid range. */\n  onApply: (range: { from: string; to: string }) => void;\n}\n\nconst formatInputValue = (iso?: string): string => {\n  if (!iso) return '';\n  const date = new Date(iso);\n  if (Number.isNaN(date.getTime())) return '';\n  const y = date.getFullYear();\n  const m = `${date.getMonth() + 1}`.padStart(2, '0');\n  const d = `${date.getDate()}`.padStart(2, '0');\n  const h = `${date.getHours()}`.padStart(2, '0');\n  const min = `${date.getMinutes()}`.padStart(2, '0');\n  return `${y}-${m}-${d}T${h}:${min}`;\n};\n\nconst toLocalTimestamp = (value: string): string | null => {\n  if (!value) return null;\n  const date = new Date(value);\n  if (Number.isNaN(date.getTime())) return null;\n  return formatLocalISOString(date);\n};\n\nexport const CustomRangePicker = ({ from, to, onApply }: CustomRangePickerProps) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const [startValue, setStartValue] = useState(() => formatInputValue(from));\n  const [endValue, setEndValue] = useState(() => formatInputValue(to));\n  const [error, setError] = useState<string | null>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const isActive = Boolean(from && to);\n\n  const close = useCallback(() => setIsOpen(false), []);\n  useClickOutside(containerRef, close);\n  useEscapeKey(close, isOpen);\n\n  useEffect(() => {\n    if (!isOpen) return;\n    setStartValue(formatInputValue(from));\n    setEndValue(formatInputValue(to));\n    setError(null);\n  }, [from, to, isOpen]);\n\n  const summary = useMemo(() => {\n    if (!from || !to) return null;\n    const s = new Date(from);\n    const e = new Date(to);\n    if (Number.isNaN(s.getTime()) || Number.isNaN(e.getTime())) return null;\n    const fmt = new Intl.DateTimeFormat(undefined, {\n      year: 'numeric', month: 'short', day: 'numeric', hour: '2-digit', minute: '2-digit',\n    });\n    return `${fmt.format(s)} – ${fmt.format(e)}`;\n  }, [from, to]);\n\n  const handleApply = () => {\n    const startIso = toLocalTimestamp(startValue);\n    const endIso = toLocalTimestamp(endValue);\n    if (!startIso || !endIso) {\n      setError('Both start and end date are required.');\n      return;\n    }\n    if (startIso >= endIso) {\n      setError('End of range must be after the start.');\n      return;\n    }\n    onApply({ from: startIso, to: endIso });\n    setIsOpen(false);\n  };\n\n  const handleCancel = () => {\n    setStartValue(formatInputValue(from));\n    setEndValue(formatInputValue(to));\n    setError(null);\n    setIsOpen(false);\n  };\n\n  return (\n    <div className={styles.root} ref={containerRef}>\n      <button\n        type=\"button\"\n        className={clsx(styles.chip, { [styles.active]: isActive })}\n        onClick={() => setIsOpen((v) => !v)}\n      >\n        Custom\n      </button>\n      {summary && <span className={styles.summary}>{summary}</span>}\n\n      {isOpen && (\n        <div className={styles.popover} role=\"dialog\" aria-modal=\"false\">\n          <header className={styles.popoverHeader}>\n            <h4>Custom Time Range</h4>\n          </header>\n          <div className={styles.fields}>\n            <label className={styles.field}>\n              <span>Start</span>\n              <input\n                type=\"datetime-local\"\n                value={startValue}\n                onChange={(e) => setStartValue(e.target.value)}\n                max={endValue || undefined}\n              />\n            </label>\n            <label className={styles.field}>\n              <span>End</span>\n              <input\n                type=\"datetime-local\"\n                value={endValue}\n                onChange={(e) => setEndValue(e.target.value)}\n                min={startValue || undefined}\n              />\n            </label>\n          </div>\n          {error && <p className={styles.error}>{error}</p>}\n          <footer className={styles.actions}>\n            <button type=\"button\" className={styles.btnGhost} onClick={handleCancel}>\n              Cancel\n            </button>\n            <button type=\"button\" className={styles.btnPrimary} onClick={handleApply}>\n              Apply\n            </button>\n          </footer>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/index20.cjs

@@ -1,12 +1,21 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
-const clsx = require("./index35.cjs");
-const Input_module = require("./index38.cjs");
-const Input = react.forwardRef(
-  ({ className, type = "text", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("input", { ref, type, className: clsx.clsx(Input_module.default.root, className), ...props })
-);
-Input.displayName = "Input";
-exports.Input = Input;
+const clsx = require("./index36.cjs");
+const DashboardLayout_module = require("./index63.cjs");
+const DashboardLayout = ({
+  sidebar,
+  filterBar,
+  children,
+  sidebarCollapsed = false,
+  className
+}) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx.clsx(DashboardLayout_module.default.root, className), children: [
+  sidebar && /* @__PURE__ */ jsxRuntime.jsx("aside", { className: clsx.clsx(DashboardLayout_module.default.sidebar, { [DashboardLayout_module.default.sidebarCollapsed]: sidebarCollapsed }), children: sidebar }),
+  /* @__PURE__ */ jsxRuntime.jsxs("main", { className: DashboardLayout_module.default.main, children: [
+    filterBar && /* @__PURE__ */ jsxRuntime.jsx("div", { className: DashboardLayout_module.default.filterBar, children: filterBar }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: DashboardLayout_module.default.content, children })
+  ] })
+] });
+DashboardLayout.displayName = "DashboardLayout";
+exports.DashboardLayout = DashboardLayout;
 //# sourceMappingURL=index20.cjs.map

package/dist/index20.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index20.cjs","sources":["../src/primitives/Input/Input.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport styles from './Input.module.css';\n\nexport interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {}\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(\n  ({ className, type = 'text', ...props }, ref) => (\n    <input ref={ref} type={type} className={clsx(styles.root, className)} {...props} />\n  ),\n);\n\nInput.displayName = 'Input';\n"],"names":["forwardRef","jsx","clsx","styles"],"mappings":";;;;;;AAMO,MAAM,QAAQA,MAAAA;AAAAA,EACnB,CAAC,EAAE,WAAW,OAAO,QAAQ,GAAG,SAAS,QACvCC,2BAAAA,IAAC,WAAM,KAAU,MAAY,WAAWC,UAAKC,aAAAA,QAAO,MAAM,SAAS,GAAI,GAAG,MAAA,CAAO;AAErF;AAEA,MAAM,cAAc;;"}
+{"version":3,"file":"index20.cjs","sources":["../src/layouts/DashboardLayout/DashboardLayout.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport type { DashboardLayoutProps } from './DashboardLayout.types';\nimport styles from './DashboardLayout.module.css';\n\nexport const DashboardLayout = ({\n  sidebar,\n  filterBar,\n  children,\n  sidebarCollapsed = false,\n  className,\n}: DashboardLayoutProps) => (\n  <div className={clsx(styles.root, className)}>\n    {sidebar && (\n      <aside className={clsx(styles.sidebar, { [styles.sidebarCollapsed]: sidebarCollapsed })}>\n        {sidebar}\n      </aside>\n    )}\n    <main className={styles.main}>\n      {filterBar && <div className={styles.filterBar}>{filterBar}</div>}\n      <div className={styles.content}>{children}</div>\n    </main>\n  </div>\n);\n\nDashboardLayout.displayName = 'DashboardLayout';\n"],"names":["clsx","styles","jsx","jsxs"],"mappings":";;;;;AAIO,MAAM,kBAAkB,CAAC;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA,mBAAmB;AAAA,EACnB;AACF,sCACG,OAAA,EAAI,WAAWA,KAAAA,KAAKC,uBAAAA,QAAO,MAAM,SAAS,GACxC,UAAA;AAAA,EAAA,WACCC,2BAAAA,IAAC,SAAA,EAAM,WAAWF,KAAAA,KAAKC,uBAAAA,QAAO,SAAS,EAAE,CAACA,uBAAAA,QAAO,gBAAgB,GAAG,iBAAA,CAAkB,GACnF,UAAA,SACH;AAAA,EAEFE,2BAAAA,KAAC,QAAA,EAAK,WAAWF,uBAAAA,QAAO,MACrB,UAAA;AAAA,IAAA,aAAaC,2BAAAA,IAAC,OAAA,EAAI,WAAWD,uBAAAA,QAAO,WAAY,UAAA,WAAU;AAAA,IAC3DC,2BAAAA,IAAC,OAAA,EAAI,WAAWD,uBAAAA,QAAO,SAAU,SAAA,CAAS;AAAA,EAAA,EAAA,CAC5C;AAAA,EAAA,CACF;AAGF,gBAAgB,cAAc;;"}

package/dist/index20.js

@@ -1,12 +1,21 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { clsx } from "./index35.js";
-import styles from "./index38.js";
-const Input = forwardRef(
-  ({ className, type = "text", ...props }, ref) => /* @__PURE__ */ jsx("input", { ref, type, className: clsx(styles.root, className), ...props })
-);
-Input.displayName = "Input";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { clsx } from "./index36.js";
+import styles from "./index63.js";
+const DashboardLayout = ({
+  sidebar,
+  filterBar,
+  children,
+  sidebarCollapsed = false,
+  className
+}) => /* @__PURE__ */ jsxs("div", { className: clsx(styles.root, className), children: [
+  sidebar && /* @__PURE__ */ jsx("aside", { className: clsx(styles.sidebar, { [styles.sidebarCollapsed]: sidebarCollapsed }), children: sidebar }),
+  /* @__PURE__ */ jsxs("main", { className: styles.main, children: [
+    filterBar && /* @__PURE__ */ jsx("div", { className: styles.filterBar, children: filterBar }),
+    /* @__PURE__ */ jsx("div", { className: styles.content, children })
+  ] })
+] });
+DashboardLayout.displayName = "DashboardLayout";
 export {
-  Input
+  DashboardLayout
 };
 //# sourceMappingURL=index20.js.map

package/dist/index20.js.map

@@ -1 +1 @@
-{"version":3,"file":"index20.js","sources":["../src/primitives/Input/Input.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport styles from './Input.module.css';\n\nexport interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {}\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(\n  ({ className, type = 'text', ...props }, ref) => (\n    <input ref={ref} type={type} className={clsx(styles.root, className)} {...props} />\n  ),\n);\n\nInput.displayName = 'Input';\n"],"names":[],"mappings":";;;;AAMO,MAAM,QAAQ;AAAA,EACnB,CAAC,EAAE,WAAW,OAAO,QAAQ,GAAG,SAAS,QACvC,oBAAC,WAAM,KAAU,MAAY,WAAW,KAAK,OAAO,MAAM,SAAS,GAAI,GAAG,MAAA,CAAO;AAErF;AAEA,MAAM,cAAc;"}
+{"version":3,"file":"index20.js","sources":["../src/layouts/DashboardLayout/DashboardLayout.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport type { DashboardLayoutProps } from './DashboardLayout.types';\nimport styles from './DashboardLayout.module.css';\n\nexport const DashboardLayout = ({\n  sidebar,\n  filterBar,\n  children,\n  sidebarCollapsed = false,\n  className,\n}: DashboardLayoutProps) => (\n  <div className={clsx(styles.root, className)}>\n    {sidebar && (\n      <aside className={clsx(styles.sidebar, { [styles.sidebarCollapsed]: sidebarCollapsed })}>\n        {sidebar}\n      </aside>\n    )}\n    <main className={styles.main}>\n      {filterBar && <div className={styles.filterBar}>{filterBar}</div>}\n      <div className={styles.content}>{children}</div>\n    </main>\n  </div>\n);\n\nDashboardLayout.displayName = 'DashboardLayout';\n"],"names":[],"mappings":";;;AAIO,MAAM,kBAAkB,CAAC;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA,mBAAmB;AAAA,EACnB;AACF,2BACG,OAAA,EAAI,WAAW,KAAK,OAAO,MAAM,SAAS,GACxC,UAAA;AAAA,EAAA,WACC,oBAAC,SAAA,EAAM,WAAW,KAAK,OAAO,SAAS,EAAE,CAAC,OAAO,gBAAgB,GAAG,iBAAA,CAAkB,GACnF,UAAA,SACH;AAAA,EAEF,qBAAC,QAAA,EAAK,WAAW,OAAO,MACrB,UAAA;AAAA,IAAA,aAAa,oBAAC,OAAA,EAAI,WAAW,OAAO,WAAY,UAAA,WAAU;AAAA,IAC3D,oBAAC,OAAA,EAAI,WAAW,OAAO,SAAU,SAAA,CAAS;AAAA,EAAA,EAAA,CAC5C;AAAA,EAAA,CACF;AAGF,gBAAgB,cAAc;"}

package/dist/index21.cjs

@@ -2,134 +2,11 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const clsx = require("./index35.cjs");
-const constants = require("./index40.cjs");
-const LiveExplorerTable_module = require("./index63.cjs");
-const SKELETON_ROWS = 5;
-const FULL_PERCENT = 100;
-const LiveExplorerTable = ({
-  rows,
-  columns,
-  sortState = null,
-  onSortChange,
-  isLoading = false,
-  hasMore = false,
-  isFetchingNext = false,
-  onLoadMore,
-  onColumnResize,
-  onRowClick,
-  selectedRowKey = null,
-  scrollToSelectedRow = false,
-  maxHeight,
-  className
-}) => {
-  const selectedRef = react.useRef(null);
-  react.useEffect(() => {
-    if (scrollToSelectedRow && selectedRef.current) {
-      selectedRef.current.scrollIntoView({ block: "nearest", behavior: "smooth" });
-    }
-  }, [scrollToSelectedRow, selectedRowKey]);
-  const handleSort = react.useCallback(
-    (columnKey) => {
-      if (!onSortChange) return;
-      const newDirection = (sortState == null ? void 0 : sortState.column) === columnKey && sortState.direction === "asc" ? "desc" : "asc";
-      onSortChange({ column: columnKey, direction: newDirection });
-    },
-    [onSortChange, sortState]
-  );
-  const handleResizeStart = react.useCallback(
-    (columnKey, startX, startWidth) => {
-      if (!onColumnResize) return;
-      const col = columns.find((c) => c.key === columnKey);
-      const minW = (col == null ? void 0 : col.minWidth) ?? constants.MIN_COLUMN_WIDTH;
-      const onMouseMove = (e) => {
-        const newWidth = Math.max(minW, startWidth + e.clientX - startX);
-        onColumnResize(columnKey, newWidth);
-      };
-      const onMouseUp = () => {
-        document.removeEventListener("mousemove", onMouseMove);
-        document.removeEventListener("mouseup", onMouseUp);
-        document.body.style.cursor = "";
-        document.body.style.userSelect = "";
-      };
-      document.addEventListener("mousemove", onMouseMove);
-      document.addEventListener("mouseup", onMouseUp);
-      document.body.style.cursor = "col-resize";
-      document.body.style.userSelect = "none";
-    },
-    [onColumnResize, columns]
-  );
-  const getSortAria = (key) => {
-    if ((sortState == null ? void 0 : sortState.column) !== key) return "none";
-    return sortState.direction === "asc" ? "ascending" : "descending";
-  };
-  const renderCell = (col, row) => {
-    const value = row[col.key];
-    if (col.render) return col.render(value, row);
-    return String(value ?? "");
-  };
-  const containerStyle = maxHeight ? { maxHeight: typeof maxHeight === "number" ? `${maxHeight}px` : maxHeight } : void 0;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx.clsx(LiveExplorerTable_module.default.root, className), children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: LiveExplorerTable_module.default.tableContainer, style: containerStyle, children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: LiveExplorerTable_module.default.table, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsx("tr", { children: columns.map((col) => /* @__PURE__ */ jsxRuntime.jsxs(
-        "th",
-        {
-          scope: "col",
-          className: clsx.clsx(LiveExplorerTable_module.default.th, { [LiveExplorerTable_module.default.sortable]: col.sortable }),
-          style: col.width ? { width: `${col.width}px` } : void 0,
-          "aria-sort": col.sortable ? getSortAria(col.key) : void 0,
-          onClick: col.sortable ? () => handleSort(col.key) : void 0,
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: LiveExplorerTable_module.default.thContent, children: [
-              col.label,
-              col.sortable && (sortState == null ? void 0 : sortState.column) === col.key && /* @__PURE__ */ jsxRuntime.jsx("span", { className: LiveExplorerTable_module.default.sortIndicator, "aria-hidden": "true", children: sortState.direction === "asc" ? "▲" : "▼" })
-            ] }),
-            onColumnResize && /* @__PURE__ */ jsxRuntime.jsx(
-              "span",
-              {
-                className: LiveExplorerTable_module.default.resizeHandle,
-                role: "separator",
-                "aria-orientation": "vertical",
-                onMouseDown: (e) => {
-                  e.preventDefault();
-                  e.stopPropagation();
-                  const th = e.target.closest("th");
-                  handleResizeStart(col.key, e.clientX, (th == null ? void 0 : th.offsetWidth) ?? FULL_PERCENT);
-                }
-              }
-            )
-          ]
-        },
-        col.key
-      )) }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: isLoading && rows.length === 0 ? Array.from({ length: SKELETON_ROWS }, (_, i) => /* @__PURE__ */ jsxRuntime.jsx("tr", { className: LiveExplorerTable_module.default.skeletonRow, children: columns.map((col) => /* @__PURE__ */ jsxRuntime.jsx("td", { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: LiveExplorerTable_module.default.skeleton }) }, col.key)) }, `skeleton-${i}`)) : rows.map((row) => /* @__PURE__ */ jsxRuntime.jsx(
-        "tr",
-        {
-          ref: row.id === selectedRowKey ? selectedRef : void 0,
-          className: clsx.clsx(LiveExplorerTable_module.default.row, {
-            [LiveExplorerTable_module.default.rowSelected]: row.id === selectedRowKey,
-            [LiveExplorerTable_module.default.rowClickable]: !!onRowClick
-          }),
-          "aria-selected": row.id === selectedRowKey || void 0,
-          onClick: onRowClick ? () => onRowClick(row) : void 0,
-          children: columns.map((col) => /* @__PURE__ */ jsxRuntime.jsx("td", { className: LiveExplorerTable_module.default.td, children: renderCell(col, row) }, col.key))
-        },
-        row.id
-      )) })
-    ] }) }),
-    rows.length === 0 && !isLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: LiveExplorerTable_module.default.empty, children: "No data available" }),
-    hasMore && onLoadMore && /* @__PURE__ */ jsxRuntime.jsx("div", { className: LiveExplorerTable_module.default.loadMore, children: /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        type: "button",
-        className: LiveExplorerTable_module.default.loadMoreButton,
-        onClick: onLoadMore,
-        disabled: isFetchingNext,
-        children: isFetchingNext ? "Loading..." : "Load more"
-      }
-    ) })
-  ] });
-};
-LiveExplorerTable.displayName = "LiveExplorerTable";
-exports.LiveExplorerTable = LiveExplorerTable;
+const clsx = require("./index36.cjs");
+const Input_module = require("./index47.cjs");
+const Input = react.forwardRef(
+  ({ className, type = "text", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("input", { ref, type, className: clsx.clsx(Input_module.default.root, className), ...props })
+);
+Input.displayName = "Input";
+exports.Input = Input;
 //# sourceMappingURL=index21.cjs.map

package/dist/index21.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index21.cjs","sources":["../src/data/LiveExplorerTable/LiveExplorerTable.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\nimport clsx from 'clsx';\nimport { MIN_COLUMN_WIDTH } from '../../constants';\nimport type {\n  LiveExplorerTableProps,\n  LiveExplorerRow,\n} from './LiveExplorerTable.types';\nimport styles from './LiveExplorerTable.module.css';\n\nconst SKELETON_ROWS = 5;\nconst FULL_PERCENT = 100;\n\nexport const LiveExplorerTable = ({\n  rows,\n  columns,\n  sortState = null,\n  onSortChange,\n  isLoading = false,\n  hasMore = false,\n  isFetchingNext = false,\n  onLoadMore,\n  onColumnResize,\n  onRowClick,\n  selectedRowKey = null,\n  scrollToSelectedRow = false,\n  maxHeight,\n  className,\n}: LiveExplorerTableProps) => {\n  const selectedRef = useRef<HTMLTableRowElement>(null);\n\n  useEffect(() => {\n    if (scrollToSelectedRow && selectedRef.current) {\n      selectedRef.current.scrollIntoView({ block: 'nearest', behavior: 'smooth' });\n    }\n  }, [scrollToSelectedRow, selectedRowKey]);\n\n  const handleSort = useCallback(\n    (columnKey: string) => {\n      if (!onSortChange) return;\n      const newDirection: 'asc' | 'desc' =\n        sortState?.column === columnKey && sortState.direction === 'asc' ? 'desc' : 'asc';\n      onSortChange({ column: columnKey, direction: newDirection });\n    },\n    [onSortChange, sortState],\n  );\n\n  const handleResizeStart = useCallback(\n    (columnKey: string, startX: number, startWidth: number) => {\n      if (!onColumnResize) return;\n      const col = columns.find((c) => c.key === columnKey);\n      const minW = col?.minWidth ?? MIN_COLUMN_WIDTH;\n\n      const onMouseMove = (e: MouseEvent) => {\n        const newWidth = Math.max(minW, startWidth + e.clientX - startX);\n        onColumnResize(columnKey, newWidth);\n      };\n\n      const onMouseUp = () => {\n        document.removeEventListener('mousemove', onMouseMove);\n        document.removeEventListener('mouseup', onMouseUp);\n        document.body.style.cursor = '';\n        document.body.style.userSelect = '';\n      };\n\n      document.addEventListener('mousemove', onMouseMove);\n      document.addEventListener('mouseup', onMouseUp);\n      document.body.style.cursor = 'col-resize';\n      document.body.style.userSelect = 'none';\n    },\n    [onColumnResize, columns],\n  );\n\n  const getSortAria = (key: string): 'ascending' | 'descending' | 'none' => {\n    if (sortState?.column !== key) return 'none';\n    return sortState.direction === 'asc' ? 'ascending' : 'descending';\n  };\n\n  const renderCell = (col: (typeof columns)[number], row: LiveExplorerRow) => {\n    const value = row[col.key];\n    if (col.render) return col.render(value, row);\n    return String(value ?? '');\n  };\n\n  const containerStyle = maxHeight\n    ? { maxHeight: typeof maxHeight === 'number' ? `${maxHeight}px` : maxHeight }\n    : undefined;\n\n  return (\n    <div className={clsx(styles.root, className)}>\n      <div className={styles.tableContainer} style={containerStyle}>\n        <table className={styles.table}>\n          <thead>\n            <tr>\n              {columns.map((col) => (\n                <th\n                  key={col.key}\n                  scope=\"col\"\n                  className={clsx(styles.th, { [styles.sortable]: col.sortable })}\n                  style={col.width ? { width: `${col.width}px` } : undefined}\n                  aria-sort={col.sortable ? getSortAria(col.key) : undefined}\n                  onClick={col.sortable ? () => handleSort(col.key) : undefined}\n                >\n                  <span className={styles.thContent}>\n                    {col.label}\n                    {col.sortable && sortState?.column === col.key && (\n                      <span className={styles.sortIndicator} aria-hidden=\"true\">\n                        {sortState.direction === 'asc' ? '▲' : '▼'}\n                      </span>\n                    )}\n                  </span>\n                  {onColumnResize && (\n                    <span\n                      className={styles.resizeHandle}\n                      role=\"separator\"\n                      aria-orientation=\"vertical\"\n                      onMouseDown={(e) => {\n                        e.preventDefault();\n                        e.stopPropagation();\n                        const th = (e.target as HTMLElement).closest('th');\n                        handleResizeStart(col.key, e.clientX, th?.offsetWidth ?? FULL_PERCENT);\n                      }}\n                    />\n                  )}\n                </th>\n              ))}\n            </tr>\n          </thead>\n          <tbody>\n            {isLoading && rows.length === 0\n              ? Array.from({ length: SKELETON_ROWS }, (_, i) => (\n                  <tr key={`skeleton-${i}`} className={styles.skeletonRow}>\n                    {columns.map((col) => (\n                      <td key={col.key}>\n                        <div className={styles.skeleton} />\n                      </td>\n                    ))}\n                  </tr>\n                ))\n              : rows.map((row) => (\n                  <tr\n                    key={row.id}\n                    ref={row.id === selectedRowKey ? selectedRef : undefined}\n                    className={clsx(styles.row, {\n                      [styles.rowSelected]: row.id === selectedRowKey,\n                      [styles.rowClickable]: !!onRowClick,\n                    })}\n                    aria-selected={row.id === selectedRowKey || undefined}\n                    onClick={onRowClick ? () => onRowClick(row) : undefined}\n                  >\n                    {columns.map((col) => (\n                      <td key={col.key} className={styles.td}>\n                        {renderCell(col, row)}\n                      </td>\n                    ))}\n                  </tr>\n                ))}\n          </tbody>\n        </table>\n      </div>\n\n      {rows.length === 0 && !isLoading && (\n        <div className={styles.empty}>No data available</div>\n      )}\n\n      {hasMore && onLoadMore && (\n        <div className={styles.loadMore}>\n          <button\n            type=\"button\"\n            className={styles.loadMoreButton}\n            onClick={onLoadMore}\n            disabled={isFetchingNext}\n          >\n            {isFetchingNext ? 'Loading...' : 'Load more'}\n          </button>\n        </div>\n      )}\n    </div>\n  );\n};\n\nLiveExplorerTable.displayName = 'LiveExplorerTable';\n"],"names":["useRef","useEffect","useCallback","MIN_COLUMN_WIDTH","clsx","styles","jsx","jsxs"],"mappings":"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"}
+{"version":3,"file":"index21.cjs","sources":["../src/primitives/Input/Input.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport styles from './Input.module.css';\n\nexport interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {}\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(\n  ({ className, type = 'text', ...props }, ref) => (\n    <input ref={ref} type={type} className={clsx(styles.root, className)} {...props} />\n  ),\n);\n\nInput.displayName = 'Input';\n"],"names":["forwardRef","jsx","clsx","styles"],"mappings":";;;;;;AAMO,MAAM,QAAQA,MAAAA;AAAAA,EACnB,CAAC,EAAE,WAAW,OAAO,QAAQ,GAAG,SAAS,QACvCC,2BAAAA,IAAC,WAAM,KAAU,MAAY,WAAWC,UAAKC,aAAAA,QAAO,MAAM,SAAS,GAAI,GAAG,MAAA,CAAO;AAErF;AAEA,MAAM,cAAc;;"}

package/dist/index21.js

@@ -1,135 +1,12 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useRef, useEffect, useCallback } from "react";
-import { clsx } from "./index35.js";
-import { MIN_COLUMN_WIDTH } from "./index40.js";
-import styles from "./index63.js";
-const SKELETON_ROWS = 5;
-const FULL_PERCENT = 100;
-const LiveExplorerTable = ({
-  rows,
-  columns,
-  sortState = null,
-  onSortChange,
-  isLoading = false,
-  hasMore = false,
-  isFetchingNext = false,
-  onLoadMore,
-  onColumnResize,
-  onRowClick,
-  selectedRowKey = null,
-  scrollToSelectedRow = false,
-  maxHeight,
-  className
-}) => {
-  const selectedRef = useRef(null);
-  useEffect(() => {
-    if (scrollToSelectedRow && selectedRef.current) {
-      selectedRef.current.scrollIntoView({ block: "nearest", behavior: "smooth" });
-    }
-  }, [scrollToSelectedRow, selectedRowKey]);
-  const handleSort = useCallback(
-    (columnKey) => {
-      if (!onSortChange) return;
-      const newDirection = (sortState == null ? void 0 : sortState.column) === columnKey && sortState.direction === "asc" ? "desc" : "asc";
-      onSortChange({ column: columnKey, direction: newDirection });
-    },
-    [onSortChange, sortState]
-  );
-  const handleResizeStart = useCallback(
-    (columnKey, startX, startWidth) => {
-      if (!onColumnResize) return;
-      const col = columns.find((c) => c.key === columnKey);
-      const minW = (col == null ? void 0 : col.minWidth) ?? MIN_COLUMN_WIDTH;
-      const onMouseMove = (e) => {
-        const newWidth = Math.max(minW, startWidth + e.clientX - startX);
-        onColumnResize(columnKey, newWidth);
-      };
-      const onMouseUp = () => {
-        document.removeEventListener("mousemove", onMouseMove);
-        document.removeEventListener("mouseup", onMouseUp);
-        document.body.style.cursor = "";
-        document.body.style.userSelect = "";
-      };
-      document.addEventListener("mousemove", onMouseMove);
-      document.addEventListener("mouseup", onMouseUp);
-      document.body.style.cursor = "col-resize";
-      document.body.style.userSelect = "none";
-    },
-    [onColumnResize, columns]
-  );
-  const getSortAria = (key) => {
-    if ((sortState == null ? void 0 : sortState.column) !== key) return "none";
-    return sortState.direction === "asc" ? "ascending" : "descending";
-  };
-  const renderCell = (col, row) => {
-    const value = row[col.key];
-    if (col.render) return col.render(value, row);
-    return String(value ?? "");
-  };
-  const containerStyle = maxHeight ? { maxHeight: typeof maxHeight === "number" ? `${maxHeight}px` : maxHeight } : void 0;
-  return /* @__PURE__ */ jsxs("div", { className: clsx(styles.root, className), children: [
-    /* @__PURE__ */ jsx("div", { className: styles.tableContainer, style: containerStyle, children: /* @__PURE__ */ jsxs("table", { className: styles.table, children: [
-      /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { children: columns.map((col) => /* @__PURE__ */ jsxs(
-        "th",
-        {
-          scope: "col",
-          className: clsx(styles.th, { [styles.sortable]: col.sortable }),
-          style: col.width ? { width: `${col.width}px` } : void 0,
-          "aria-sort": col.sortable ? getSortAria(col.key) : void 0,
-          onClick: col.sortable ? () => handleSort(col.key) : void 0,
-          children: [
-            /* @__PURE__ */ jsxs("span", { className: styles.thContent, children: [
-              col.label,
-              col.sortable && (sortState == null ? void 0 : sortState.column) === col.key && /* @__PURE__ */ jsx("span", { className: styles.sortIndicator, "aria-hidden": "true", children: sortState.direction === "asc" ? "▲" : "▼" })
-            ] }),
-            onColumnResize && /* @__PURE__ */ jsx(
-              "span",
-              {
-                className: styles.resizeHandle,
-                role: "separator",
-                "aria-orientation": "vertical",
-                onMouseDown: (e) => {
-                  e.preventDefault();
-                  e.stopPropagation();
-                  const th = e.target.closest("th");
-                  handleResizeStart(col.key, e.clientX, (th == null ? void 0 : th.offsetWidth) ?? FULL_PERCENT);
-                }
-              }
-            )
-          ]
-        },
-        col.key
-      )) }) }),
-      /* @__PURE__ */ jsx("tbody", { children: isLoading && rows.length === 0 ? Array.from({ length: SKELETON_ROWS }, (_, i) => /* @__PURE__ */ jsx("tr", { className: styles.skeletonRow, children: columns.map((col) => /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx("div", { className: styles.skeleton }) }, col.key)) }, `skeleton-${i}`)) : rows.map((row) => /* @__PURE__ */ jsx(
-        "tr",
-        {
-          ref: row.id === selectedRowKey ? selectedRef : void 0,
-          className: clsx(styles.row, {
-            [styles.rowSelected]: row.id === selectedRowKey,
-            [styles.rowClickable]: !!onRowClick
-          }),
-          "aria-selected": row.id === selectedRowKey || void 0,
-          onClick: onRowClick ? () => onRowClick(row) : void 0,
-          children: columns.map((col) => /* @__PURE__ */ jsx("td", { className: styles.td, children: renderCell(col, row) }, col.key))
-        },
-        row.id
-      )) })
-    ] }) }),
-    rows.length === 0 && !isLoading && /* @__PURE__ */ jsx("div", { className: styles.empty, children: "No data available" }),
-    hasMore && onLoadMore && /* @__PURE__ */ jsx("div", { className: styles.loadMore, children: /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        className: styles.loadMoreButton,
-        onClick: onLoadMore,
-        disabled: isFetchingNext,
-        children: isFetchingNext ? "Loading..." : "Load more"
-      }
-    ) })
-  ] });
-};
-LiveExplorerTable.displayName = "LiveExplorerTable";
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { clsx } from "./index36.js";
+import styles from "./index47.js";
+const Input = forwardRef(
+  ({ className, type = "text", ...props }, ref) => /* @__PURE__ */ jsx("input", { ref, type, className: clsx(styles.root, className), ...props })
+);
+Input.displayName = "Input";
 export {
-  LiveExplorerTable
+  Input
 };
 //# sourceMappingURL=index21.js.map

package/dist/index21.js.map

@@ -1 +1 @@
-{"version":3,"file":"index21.js","sources":["../src/data/LiveExplorerTable/LiveExplorerTable.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\nimport clsx from 'clsx';\nimport { MIN_COLUMN_WIDTH } from '../../constants';\nimport type {\n  LiveExplorerTableProps,\n  LiveExplorerRow,\n} from './LiveExplorerTable.types';\nimport styles from './LiveExplorerTable.module.css';\n\nconst SKELETON_ROWS = 5;\nconst FULL_PERCENT = 100;\n\nexport const LiveExplorerTable = ({\n  rows,\n  columns,\n  sortState = null,\n  onSortChange,\n  isLoading = false,\n  hasMore = false,\n  isFetchingNext = false,\n  onLoadMore,\n  onColumnResize,\n  onRowClick,\n  selectedRowKey = null,\n  scrollToSelectedRow = false,\n  maxHeight,\n  className,\n}: LiveExplorerTableProps) => {\n  const selectedRef = useRef<HTMLTableRowElement>(null);\n\n  useEffect(() => {\n    if (scrollToSelectedRow && selectedRef.current) {\n      selectedRef.current.scrollIntoView({ block: 'nearest', behavior: 'smooth' });\n    }\n  }, [scrollToSelectedRow, selectedRowKey]);\n\n  const handleSort = useCallback(\n    (columnKey: string) => {\n      if (!onSortChange) return;\n      const newDirection: 'asc' | 'desc' =\n        sortState?.column === columnKey && sortState.direction === 'asc' ? 'desc' : 'asc';\n      onSortChange({ column: columnKey, direction: newDirection });\n    },\n    [onSortChange, sortState],\n  );\n\n  const handleResizeStart = useCallback(\n    (columnKey: string, startX: number, startWidth: number) => {\n      if (!onColumnResize) return;\n      const col = columns.find((c) => c.key === columnKey);\n      const minW = col?.minWidth ?? MIN_COLUMN_WIDTH;\n\n      const onMouseMove = (e: MouseEvent) => {\n        const newWidth = Math.max(minW, startWidth + e.clientX - startX);\n        onColumnResize(columnKey, newWidth);\n      };\n\n      const onMouseUp = () => {\n        document.removeEventListener('mousemove', onMouseMove);\n        document.removeEventListener('mouseup', onMouseUp);\n        document.body.style.cursor = '';\n        document.body.style.userSelect = '';\n      };\n\n      document.addEventListener('mousemove', onMouseMove);\n      document.addEventListener('mouseup', onMouseUp);\n      document.body.style.cursor = 'col-resize';\n      document.body.style.userSelect = 'none';\n    },\n    [onColumnResize, columns],\n  );\n\n  const getSortAria = (key: string): 'ascending' | 'descending' | 'none' => {\n    if (sortState?.column !== key) return 'none';\n    return sortState.direction === 'asc' ? 'ascending' : 'descending';\n  };\n\n  const renderCell = (col: (typeof columns)[number], row: LiveExplorerRow) => {\n    const value = row[col.key];\n    if (col.render) return col.render(value, row);\n    return String(value ?? '');\n  };\n\n  const containerStyle = maxHeight\n    ? { maxHeight: typeof maxHeight === 'number' ? `${maxHeight}px` : maxHeight }\n    : undefined;\n\n  return (\n    <div className={clsx(styles.root, className)}>\n      <div className={styles.tableContainer} style={containerStyle}>\n        <table className={styles.table}>\n          <thead>\n            <tr>\n              {columns.map((col) => (\n                <th\n                  key={col.key}\n                  scope=\"col\"\n                  className={clsx(styles.th, { [styles.sortable]: col.sortable })}\n                  style={col.width ? { width: `${col.width}px` } : undefined}\n                  aria-sort={col.sortable ? getSortAria(col.key) : undefined}\n                  onClick={col.sortable ? () => handleSort(col.key) : undefined}\n                >\n                  <span className={styles.thContent}>\n                    {col.label}\n                    {col.sortable && sortState?.column === col.key && (\n                      <span className={styles.sortIndicator} aria-hidden=\"true\">\n                        {sortState.direction === 'asc' ? '▲' : '▼'}\n                      </span>\n                    )}\n                  </span>\n                  {onColumnResize && (\n                    <span\n                      className={styles.resizeHandle}\n                      role=\"separator\"\n                      aria-orientation=\"vertical\"\n                      onMouseDown={(e) => {\n                        e.preventDefault();\n                        e.stopPropagation();\n                        const th = (e.target as HTMLElement).closest('th');\n                        handleResizeStart(col.key, e.clientX, th?.offsetWidth ?? FULL_PERCENT);\n                      }}\n                    />\n                  )}\n                </th>\n              ))}\n            </tr>\n          </thead>\n          <tbody>\n            {isLoading && rows.length === 0\n              ? Array.from({ length: SKELETON_ROWS }, (_, i) => (\n                  <tr key={`skeleton-${i}`} className={styles.skeletonRow}>\n                    {columns.map((col) => (\n                      <td key={col.key}>\n                        <div className={styles.skeleton} />\n                      </td>\n                    ))}\n                  </tr>\n                ))\n              : rows.map((row) => (\n                  <tr\n                    key={row.id}\n                    ref={row.id === selectedRowKey ? selectedRef : undefined}\n                    className={clsx(styles.row, {\n                      [styles.rowSelected]: row.id === selectedRowKey,\n                      [styles.rowClickable]: !!onRowClick,\n                    })}\n                    aria-selected={row.id === selectedRowKey || undefined}\n                    onClick={onRowClick ? () => onRowClick(row) : undefined}\n                  >\n                    {columns.map((col) => (\n                      <td key={col.key} className={styles.td}>\n                        {renderCell(col, row)}\n                      </td>\n                    ))}\n                  </tr>\n                ))}\n          </tbody>\n        </table>\n      </div>\n\n      {rows.length === 0 && !isLoading && (\n        <div className={styles.empty}>No data available</div>\n      )}\n\n      {hasMore && onLoadMore && (\n        <div className={styles.loadMore}>\n          <button\n            type=\"button\"\n            className={styles.loadMoreButton}\n            onClick={onLoadMore}\n            disabled={isFetchingNext}\n          >\n            {isFetchingNext ? 'Loading...' : 'Load more'}\n          </button>\n        </div>\n      )}\n    </div>\n  );\n};\n\nLiveExplorerTable.displayName = 'LiveExplorerTable';\n"],"names":[],"mappings":";;;;;AASA,MAAM,gBAAgB;AACtB,MAAM,eAAe;AAEd,MAAM,oBAAoB,CAAC;AAAA,EAChC;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,iBAAiB;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB,sBAAsB;AAAA,EACtB;AAAA,EACA;AACF,MAA8B;AAC5B,QAAM,cAAc,OAA4B,IAAI;AAEpD,YAAU,MAAM;AACd,QAAI,uBAAuB,YAAY,SAAS;AAC9C,kBAAY,QAAQ,eAAe,EAAE,OAAO,WAAW,UAAU,UAAU;AAAA,IAC7E;AAAA,EACF,GAAG,CAAC,qBAAqB,cAAc,CAAC;AAExC,QAAM,aAAa;AAAA,IACjB,CAAC,cAAsB;AACrB,UAAI,CAAC,aAAc;AACnB,YAAM,gBACJ,uCAAW,YAAW,aAAa,UAAU,cAAc,QAAQ,SAAS;AAC9E,mBAAa,EAAE,QAAQ,WAAW,WAAW,cAAc;AAAA,IAC7D;AAAA,IACA,CAAC,cAAc,SAAS;AAAA,EAAA;AAG1B,QAAM,oBAAoB;AAAA,IACxB,CAAC,WAAmB,QAAgB,eAAuB;AACzD,UAAI,CAAC,eAAgB;AACrB,YAAM,MAAM,QAAQ,KAAK,CAAC,MAAM,EAAE,QAAQ,SAAS;AACnD,YAAM,QAAO,2BAAK,aAAY;AAE9B,YAAM,cAAc,CAAC,MAAkB;AACrC,cAAM,WAAW,KAAK,IAAI,MAAM,aAAa,EAAE,UAAU,MAAM;AAC/D,uBAAe,WAAW,QAAQ;AAAA,MACpC;AAEA,YAAM,YAAY,MAAM;AACtB,iBAAS,oBAAoB,aAAa,WAAW;AACrD,iBAAS,oBAAoB,WAAW,SAAS;AACjD,iBAAS,KAAK,MAAM,SAAS;AAC7B,iBAAS,KAAK,MAAM,aAAa;AAAA,MACnC;AAEA,eAAS,iBAAiB,aAAa,WAAW;AAClD,eAAS,iBAAiB,WAAW,SAAS;AAC9C,eAAS,KAAK,MAAM,SAAS;AAC7B,eAAS,KAAK,MAAM,aAAa;AAAA,IACnC;AAAA,IACA,CAAC,gBAAgB,OAAO;AAAA,EAAA;AAG1B,QAAM,cAAc,CAAC,QAAqD;AACxE,SAAI,uCAAW,YAAW,IAAK,QAAO;AACtC,WAAO,UAAU,cAAc,QAAQ,cAAc;AAAA,EACvD;AAEA,QAAM,aAAa,CAAC,KAA+B,QAAyB;AAC1E,UAAM,QAAQ,IAAI,IAAI,GAAG;AACzB,QAAI,IAAI,OAAQ,QAAO,IAAI,OAAO,OAAO,GAAG;AAC5C,WAAO,OAAO,SAAS,EAAE;AAAA,EAC3B;AAEA,QAAM,iBAAiB,YACnB,EAAE,WAAW,OAAO,cAAc,WAAW,GAAG,SAAS,OAAO,UAAA,IAChE;AAEJ,8BACG,OAAA,EAAI,WAAW,KAAK,OAAO,MAAM,SAAS,GACzC,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAI,WAAW,OAAO,gBAAgB,OAAO,gBAC5C,UAAA,qBAAC,SAAA,EAAM,WAAW,OAAO,OACvB,UAAA;AAAA,MAAA,oBAAC,WACC,UAAA,oBAAC,MAAA,EACE,UAAA,QAAQ,IAAI,CAAC,QACZ;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,OAAM;AAAA,UACN,WAAW,KAAK,OAAO,IAAI,EAAE,CAAC,OAAO,QAAQ,GAAG,IAAI,UAAU;AAAA,UAC9D,OAAO,IAAI,QAAQ,EAAE,OAAO,GAAG,IAAI,KAAK,KAAA,IAAS;AAAA,UACjD,aAAW,IAAI,WAAW,YAAY,IAAI,GAAG,IAAI;AAAA,UACjD,SAAS,IAAI,WAAW,MAAM,WAAW,IAAI,GAAG,IAAI;AAAA,UAEpD,UAAA;AAAA,YAAA,qBAAC,QAAA,EAAK,WAAW,OAAO,WACrB,UAAA;AAAA,cAAA,IAAI;AAAA,cACJ,IAAI,aAAY,uCAAW,YAAW,IAAI,OACzC,oBAAC,QAAA,EAAK,WAAW,OAAO,eAAe,eAAY,QAChD,oBAAU,cAAc,QAAQ,MAAM,IAAA,CACzC;AAAA,YAAA,GAEJ;AAAA,YACC,kBACC;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAW,OAAO;AAAA,gBAClB,MAAK;AAAA,gBACL,oBAAiB;AAAA,gBACjB,aAAa,CAAC,MAAM;AAClB,oBAAE,eAAA;AACF,oBAAE,gBAAA;AACF,wBAAM,KAAM,EAAE,OAAuB,QAAQ,IAAI;AACjD,oCAAkB,IAAI,KAAK,EAAE,UAAS,yBAAI,gBAAe,YAAY;AAAA,gBACvE;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,QA1BG,IAAI;AAAA,MAAA,CA6BZ,GACH,EAAA,CACF;AAAA,MACA,oBAAC,WACE,UAAA,aAAa,KAAK,WAAW,IAC1B,MAAM,KAAK,EAAE,QAAQ,iBAAiB,CAAC,GAAG,MACxC,oBAAC,QAAyB,WAAW,OAAO,aACzC,UAAA,QAAQ,IAAI,CAAC,QACZ,oBAAC,QACC,UAAA,oBAAC,OAAA,EAAI,WAAW,OAAO,SAAA,CAAU,KAD1B,IAAI,GAEb,CACD,EAAA,GALM,YAAY,CAAC,EAMtB,CACD,IACD,KAAK,IAAI,CAAC,QACR;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,KAAK,IAAI,OAAO,iBAAiB,cAAc;AAAA,UAC/C,WAAW,KAAK,OAAO,KAAK;AAAA,YAC1B,CAAC,OAAO,WAAW,GAAG,IAAI,OAAO;AAAA,YACjC,CAAC,OAAO,YAAY,GAAG,CAAC,CAAC;AAAA,UAAA,CAC1B;AAAA,UACD,iBAAe,IAAI,OAAO,kBAAkB;AAAA,UAC5C,SAAS,aAAa,MAAM,WAAW,GAAG,IAAI;AAAA,UAE7C,UAAA,QAAQ,IAAI,CAAC,4BACX,MAAA,EAAiB,WAAW,OAAO,IACjC,qBAAW,KAAK,GAAG,EAAA,GADb,IAAI,GAEb,CACD;AAAA,QAAA;AAAA,QAbI,IAAI;AAAA,MAAA,CAeZ,EAAA,CACP;AAAA,IAAA,EAAA,CACF,EAAA,CACF;AAAA,IAEC,KAAK,WAAW,KAAK,CAAC,iCACpB,OAAA,EAAI,WAAW,OAAO,OAAO,UAAA,oBAAA,CAAiB;AAAA,IAGhD,WAAW,cACV,oBAAC,OAAA,EAAI,WAAW,OAAO,UACrB,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAW,OAAO;AAAA,QAClB,SAAS;AAAA,QACT,UAAU;AAAA,QAET,2BAAiB,eAAe;AAAA,MAAA;AAAA,IAAA,EACnC,CACF;AAAA,EAAA,GAEJ;AAEJ;AAEA,kBAAkB,cAAc;"}
+{"version":3,"file":"index21.js","sources":["../src/primitives/Input/Input.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport styles from './Input.module.css';\n\nexport interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {}\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(\n  ({ className, type = 'text', ...props }, ref) => (\n    <input ref={ref} type={type} className={clsx(styles.root, className)} {...props} />\n  ),\n);\n\nInput.displayName = 'Input';\n"],"names":[],"mappings":";;;;AAMO,MAAM,QAAQ;AAAA,EACnB,CAAC,EAAE,WAAW,OAAO,QAAQ,GAAG,SAAS,QACvC,oBAAC,WAAM,KAAU,MAAY,WAAW,KAAK,OAAO,MAAM,SAAS,GAAI,GAAG,MAAA,CAAO;AAErF;AAEA,MAAM,cAAc;"}