@pichetch08/trip-ui 0.1.0

package/dist/color-picker.js

@@ -0,0 +1,159 @@
+"use client";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-ORMEWXMH.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useRef } from "react";
+const DEFAULT_PRESETS = [
+  "#ef4444",
+  "#f97316",
+  "#eab308",
+  "#22c55e",
+  "#14b8a6",
+  "#3b82f6",
+  "#8b5cf6",
+  "#ec4899",
+  "#64748b",
+  "#000000",
+  "#ffffff",
+  "#f1f5f9"
+];
+function isValidHex(value) {
+  return /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(value);
+}
+function ColorPicker({
+  label,
+  value,
+  onChange,
+  presets = DEFAULT_PRESETS,
+  showHexInput = true,
+  showPalette = true,
+  error,
+  required,
+  hexErrorText = "\u0E01\u0E23\u0E38\u0E13\u0E32\u0E01\u0E23\u0E2D\u0E01 hex color \u0E17\u0E35\u0E48\u0E16\u0E39\u0E01\u0E15\u0E49\u0E2D\u0E07 \u0E40\u0E0A\u0E48\u0E19 #3b82f6",
+  paletteLabel = "\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E08\u0E32\u0E01\u0E08\u0E32\u0E19\u0E2A\u0E35"
+}) {
+  const [inputValue, setInputValue] = useState(value);
+  const [inputError, setInputError] = useState(null);
+  const inputRef = useRef(null);
+  const nativePickerRef = useRef(null);
+  const applyColor = (hex) => {
+    setInputValue(hex);
+    setInputError(null);
+    onChange(hex);
+  };
+  const handleInputChange = (e) => {
+    const raw = e.target.value;
+    setInputValue(raw);
+    const normalized = raw.startsWith("#") ? raw : `#${raw}`;
+    if (isValidHex(normalized)) {
+      setInputError(null);
+      onChange(normalized);
+    }
+  };
+  const handleInputBlur = () => {
+    const normalized = inputValue.startsWith("#") ? inputValue : `#${inputValue}`;
+    if (!isValidHex(normalized)) {
+      setInputError(hexErrorText);
+      setInputValue(value);
+    } else {
+      setInputError(null);
+      onChange(normalized);
+    }
+  };
+  const displayError = error != null ? error : inputError;
+  const inputId = label ? `colorpicker-${label.replace(/\s+/g, "-").toLowerCase()}` : void 0;
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+    label && /* @__PURE__ */ jsxs("label", { htmlFor: inputId, className: "text-sm font-medium text-on-surface", children: [
+      label,
+      required && /* @__PURE__ */ jsx("span", { className: "text-red-500 ml-1", children: "*" })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-6 gap-2", children: presets.map((hex) => {
+      const isSelected = value.toLowerCase() === hex.toLowerCase();
+      return /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          "aria-label": hex,
+          onClick: () => applyColor(hex),
+          className: [
+            "w-8 h-8 rounded-full cursor-pointer border-2 transition-all hover:scale-110 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30 active:scale-95",
+            isSelected ? "border-primary ring-2 ring-primary/30 scale-110" : "border-transparent hover:border-outline-variant"
+          ].join(" "),
+          style: { backgroundColor: hex }
+        },
+        hex
+      );
+    }) }),
+    showHexInput && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "w-10 h-10 rounded-xl border border-outline-variant/30 shadow-sm shrink-0 cursor-pointer hover:ring-2 hover:ring-primary/30 transition-all",
+            style: { backgroundColor: isValidHex(value) ? value : "#ffffff" },
+            "aria-hidden": "true",
+            onClick: () => {
+              var _a;
+              return showPalette && ((_a = nativePickerRef.current) == null ? void 0 : _a.click());
+            },
+            title: showPalette ? paletteLabel : void 0
+          }
+        ),
+        showPalette && /* @__PURE__ */ jsx(
+          "input",
+          {
+            ref: nativePickerRef,
+            type: "color",
+            value: isValidHex(value) ? value : "#3b82f6",
+            onChange: (e) => applyColor(e.target.value),
+            className: "absolute inset-0 opacity-0 w-full h-full cursor-pointer",
+            tabIndex: -1,
+            "aria-label": paletteLabel
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex-1 relative", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center border border-outline-variant/40 rounded-xl overflow-hidden bg-surface-container-low focus-within:ring-2 focus-within:ring-primary/30 focus-within:border-primary", children: [
+          /* @__PURE__ */ jsx("span", { className: "pl-3 pr-1 text-sm font-mono text-on-surface-variant select-none", children: "#" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              ref: inputRef,
+              id: inputId,
+              type: "text",
+              value: inputValue.startsWith("#") ? inputValue.slice(1) : inputValue,
+              onChange: (e) => handleInputChange(__spreadProps(__spreadValues({}, e), {
+                target: __spreadProps(__spreadValues({}, e.target), { value: `#${e.target.value}` })
+              })),
+              onBlur: handleInputBlur,
+              placeholder: "3b82f6",
+              maxLength: 7,
+              className: "flex-1 py-2 pr-3 text-sm font-mono bg-transparent outline-none text-on-surface placeholder:text-on-surface-variant/40",
+              "aria-invalid": !!displayError
+            }
+          )
+        ] }),
+        displayError && /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-red-500", children: displayError })
+      ] }),
+      showPalette && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => {
+            var _a;
+            return (_a = nativePickerRef.current) == null ? void 0 : _a.click();
+          },
+          className: "w-10 h-10 rounded-xl flex items-center justify-center bg-surface-container-low border border-outline-variant/40 text-on-surface-variant hover:bg-surface-container hover:text-on-surface transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30 shrink-0",
+          "aria-label": paletteLabel,
+          title: paletteLabel,
+          children: /* @__PURE__ */ jsx("span", { className: "material-symbols-outlined", style: { fontSize: "20px" }, children: "palette" })
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  ColorPicker
+};

package/dist/confirm-dialog.d.ts

@@ -0,0 +1,23 @@
+interface ConfirmDialogProps {
+    open: boolean;
+    /** Called when dialog should close. Accepts both staff's onOpenChange and admin's onClose patterns. */
+    onOpenChange?: (open: boolean) => void;
+    onClose?: () => void;
+    onConfirm: () => void;
+    title: string;
+    description?: string;
+    confirmLabel?: string;
+    /** Alias for confirmLabel (backward compat). */
+    confirmText?: string;
+    cancelLabel?: string;
+    /** Alias for cancelLabel (backward compat). */
+    cancelText?: string;
+    /** "danger" maps to isDangerous=true. */
+    variant?: "danger" | "default";
+    /** Alias for variant="danger" (backward compat). */
+    isDangerous?: boolean;
+    isLoading?: boolean;
+}
+declare function ConfirmDialog({ open, onOpenChange, onClose, onConfirm, title, description, confirmLabel, confirmText, cancelLabel, cancelText, variant, isDangerous, isLoading, }: ConfirmDialogProps): React.ReactNode;
+
+export { ConfirmDialog };

package/dist/confirm-dialog.js

@@ -0,0 +1,108 @@
+"use client";
+import "./chunk-ORMEWXMH.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import { Button } from "./button";
+function ConfirmDialog({
+  open,
+  onOpenChange,
+  onClose,
+  onConfirm,
+  title,
+  description,
+  confirmLabel,
+  confirmText = "\u0E22\u0E37\u0E19\u0E22\u0E31\u0E19",
+  cancelLabel,
+  cancelText = "\u0E22\u0E01\u0E40\u0E25\u0E34\u0E01",
+  variant = "default",
+  isDangerous = false,
+  isLoading = false
+}) {
+  const dialogRef = useRef(null);
+  const cancelRef = useRef(null);
+  const confirmBtn = confirmLabel != null ? confirmLabel : confirmText;
+  const cancelBtn = cancelLabel != null ? cancelLabel : cancelText;
+  const isDanger = isDangerous || variant === "danger";
+  const handleClose = () => {
+    onOpenChange == null ? void 0 : onOpenChange(false);
+    onClose == null ? void 0 : onClose();
+  };
+  useEffect(() => {
+    var _a;
+    if (!open) return;
+    (_a = cancelRef.current) == null ? void 0 : _a.focus();
+    const onKey = (e) => {
+      if (e.key === "Escape") {
+        e.preventDefault();
+        handleClose();
+        return;
+      }
+      if (e.key !== "Tab" || !dialogRef.current) return;
+      const els = Array.from(
+        dialogRef.current.querySelectorAll(
+          'button:not([disabled]), [tabindex]:not([tabindex="-1"])'
+        )
+      );
+      if (els.length === 0) return;
+      const first = els[0], last = els[els.length - 1];
+      if (e.shiftKey && document.activeElement === first) {
+        e.preventDefault();
+        last.focus();
+      } else if (!e.shiftKey && document.activeElement === last) {
+        e.preventDefault();
+        first.focus();
+      }
+    };
+    window.addEventListener("keydown", onKey);
+    return () => window.removeEventListener("keydown", onKey);
+  }, [open]);
+  if (!open) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 z-100 flex items-center justify-center p-4", children: [
+    /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-black/50 cursor-pointer", onClick: handleClose }),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: dialogRef,
+        role: "alertdialog",
+        "aria-modal": "true",
+        "aria-labelledby": "confirm-dialog-title",
+        "aria-describedby": description ? "confirm-dialog-desc" : void 0,
+        className: "relative bg-surface rounded-2xl shadow-2xl w-full max-w-sm p-6 space-y-4",
+        children: [
+          /* @__PURE__ */ jsx("h3", { id: "confirm-dialog-title", className: "text-lg font-bold text-on-surface", children: title }),
+          description && /* @__PURE__ */ jsx("p", { id: "confirm-dialog-desc", className: "text-sm text-on-surface-variant whitespace-pre-line", children: description }),
+          /* @__PURE__ */ jsxs("div", { className: "flex gap-3 pt-2", children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                ref: cancelRef,
+                variant: "outline",
+                className: "flex-1",
+                onClick: handleClose,
+                disabled: isLoading,
+                children: cancelBtn
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: isDanger ? "danger" : "primary",
+                className: "flex-1",
+                onClick: () => {
+                  onConfirm();
+                  handleClose();
+                },
+                disabled: isLoading,
+                loading: isLoading,
+                children: confirmBtn
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+export {
+  ConfirmDialog
+};

package/dist/copy-button.d.ts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface CopyButtonProps {
+    text: string;
+    label?: string;
+    copiedLabel?: string;
+    variant?: "button" | "icon";
+    size?: "sm" | "md";
+    className?: string;
+}
+declare function CopyButton({ text, label, copiedLabel, variant, size, className, }: CopyButtonProps): react_jsx_runtime.JSX.Element;
+
+export { CopyButton };

package/dist/copy-button.js

@@ -0,0 +1,69 @@
+"use client";
+import "./chunk-ORMEWXMH.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useRef } from "react";
+function CopyButton({
+  text,
+  label = "\u0E04\u0E31\u0E14\u0E25\u0E2D\u0E01",
+  copiedLabel = "\u0E04\u0E31\u0E14\u0E25\u0E2D\u0E01\u0E41\u0E25\u0E49\u0E27!",
+  variant = "button",
+  size = "md",
+  className = ""
+}) {
+  const [copied, setCopied] = useState(false);
+  const timeoutRef = useRef(null);
+  const handleCopy = async () => {
+    try {
+      await navigator.clipboard.writeText(text);
+      setCopied(true);
+      if (timeoutRef.current) clearTimeout(timeoutRef.current);
+      timeoutRef.current = setTimeout(() => setCopied(false), 2e3);
+    } catch (e) {
+    }
+  };
+  if (variant === "icon") {
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: handleCopy,
+        "aria-label": copied ? copiedLabel : label,
+        className: [
+          "p-2 rounded-lg transition-colors active:scale-[0.98] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30",
+          copied ? "text-emerald-600 bg-emerald-100" : "text-on-surface-variant hover:text-on-surface hover:bg-surface-container",
+          className
+        ].filter(Boolean).join(" "),
+        children: /* @__PURE__ */ jsx("span", { className: "material-symbols-outlined", style: { fontSize: "20px" }, "aria-hidden": "true", children: copied ? "check" : "content_copy" })
+      }
+    );
+  }
+  const sizeClasses = size === "sm" ? "px-3 py-1.5 text-xs rounded-lg" : "px-4 py-2 text-sm rounded-xl";
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: handleCopy,
+      className: [
+        "inline-flex items-center gap-1.5 font-medium transition-colors active:scale-[0.98] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30",
+        sizeClasses,
+        copied ? "bg-emerald-100 text-emerald-700" : "bg-surface-container text-on-surface-variant hover:bg-surface-container-high",
+        className
+      ].filter(Boolean).join(" "),
+      children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "material-symbols-outlined",
+            style: { fontSize: size === "sm" ? "14px" : "16px" },
+            "aria-hidden": "true",
+            children: copied ? "check" : "content_copy"
+          }
+        ),
+        copied ? copiedLabel : label
+      ]
+    }
+  );
+}
+export {
+  CopyButton
+};

package/dist/dashed-add-button.d.ts

@@ -0,0 +1,8 @@
+interface DashedAddButtonProps {
+    children: React.ReactNode;
+    onClick?: () => void;
+    className?: string;
+}
+declare function DashedAddButton({ children, onClick, className, }: DashedAddButtonProps): React.ReactNode;
+
+export { DashedAddButton };

package/dist/dashed-add-button.js

@@ -0,0 +1,24 @@
+"use client";
+import "./chunk-ORMEWXMH.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+function DashedAddButton({
+  children,
+  onClick,
+  className = ""
+}) {
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      onClick,
+      className: `w-full py-4 border-2 border-dashed border-primary/30 rounded-xl text-xs font-bold text-primary uppercase tracking-widest hover:bg-primary/5 transition-colors flex items-center justify-center gap-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary ${className}`,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "material-symbols-outlined text-sm", "aria-hidden": "true", children: "add_circle" }),
+        children
+      ]
+    }
+  );
+}
+export {
+  DashedAddButton
+};

package/dist/data-table.d.ts

@@ -0,0 +1,27 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface Column<T> {
+    key: keyof T;
+    label: string;
+    render?: (value: any, item: T) => React.ReactNode;
+    sortable?: boolean;
+    width?: string;
+}
+interface DataTableProps<T> {
+    columns: Column<T>[];
+    data: T[];
+    rowKey: keyof T;
+    onRowClick?: (item: T) => void;
+    actions?: (item: T) => React.ReactNode;
+    isLoading?: boolean;
+    emptyMessage?: string;
+    loadingText?: string;
+    actionsLabel?: string;
+    selectAllLabel?: string;
+    selectRowLabel?: (key: string) => string;
+    selectable?: boolean;
+    onSelectionChange?: (selected: any[]) => void;
+}
+declare function DataTable<T>({ columns, data, rowKey, onRowClick, actions, isLoading, emptyMessage, loadingText, actionsLabel, selectAllLabel, selectRowLabel, selectable, onSelectionChange, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
+
+export { type Column, DataTable };

package/dist/data-table.js

@@ -0,0 +1,152 @@
+"use client";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-ORMEWXMH.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+function DataTable({
+  columns,
+  data,
+  rowKey,
+  onRowClick,
+  actions,
+  isLoading = false,
+  emptyMessage = "\u0E44\u0E21\u0E48\u0E1E\u0E1A\u0E02\u0E49\u0E2D\u0E21\u0E39\u0E25",
+  loadingText = "\u0E01\u0E33\u0E25\u0E31\u0E07\u0E42\u0E2B\u0E25\u0E14...",
+  actionsLabel = "\u0E08\u0E31\u0E14\u0E01\u0E32\u0E23",
+  selectAllLabel = "\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E17\u0E31\u0E49\u0E07\u0E2B\u0E21\u0E14",
+  selectRowLabel = (key) => `\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E41\u0E16\u0E27\u0E17\u0E35\u0E48 ${key}`,
+  selectable = false,
+  onSelectionChange
+}) {
+  const [sortKey, setSortKey] = useState(null);
+  const [sortDirection, setSortDirection] = useState("asc");
+  const [selectedRows, setSelectedRows] = useState(/* @__PURE__ */ new Set());
+  const handleSort = (key) => {
+    if (sortKey === key) {
+      setSortDirection(sortDirection === "asc" ? "desc" : "asc");
+    } else {
+      setSortKey(key);
+      setSortDirection("asc");
+    }
+  };
+  const handleSelectAll = () => {
+    if (selectedRows.size === data.length) {
+      setSelectedRows(/* @__PURE__ */ new Set());
+      onSelectionChange == null ? void 0 : onSelectionChange([]);
+    } else {
+      const newSelected = new Set(data.map((item) => item[rowKey]));
+      setSelectedRows(newSelected);
+      onSelectionChange == null ? void 0 : onSelectionChange(Array.from(newSelected));
+    }
+  };
+  const handleSelectRow = (item) => {
+    const key = item[rowKey];
+    const newSelected = new Set(selectedRows);
+    if (newSelected.has(key)) {
+      newSelected.delete(key);
+    } else {
+      newSelected.add(key);
+    }
+    setSelectedRows(newSelected);
+    onSelectionChange == null ? void 0 : onSelectionChange(Array.from(newSelected));
+  };
+  const normalizedColumns = columns.map((col) => {
+    var _a;
+    return __spreadProps(__spreadValues({}, col), {
+      sortable: (_a = col.sortable) != null ? _a : true
+    });
+  });
+  const sortedData = sortKey ? [...data].sort((a, b) => {
+    const aVal = a[sortKey];
+    const bVal = b[sortKey];
+    if (aVal < bVal) return sortDirection === "asc" ? -1 : 1;
+    if (aVal > bVal) return sortDirection === "asc" ? 1 : -1;
+    return 0;
+  }) : data;
+  if (isLoading) {
+    return /* @__PURE__ */ jsxs("div", { className: "w-full p-8 text-center", role: "status", "aria-live": "polite", "aria-label": loadingText, children: [
+      /* @__PURE__ */ jsx("span", { className: "material-symbols-outlined animate-spin inline-block", "aria-hidden": "true", children: "progress_activity" }),
+      /* @__PURE__ */ jsx("p", { className: "mt-2 text-on-surface-variant", children: loadingText })
+    ] });
+  }
+  if (!data || data.length === 0) {
+    return /* @__PURE__ */ jsxs("div", { className: "w-full p-8 text-center", children: [
+      /* @__PURE__ */ jsx("span", { className: "material-symbols-outlined text-4xl text-outline mb-2 block", "aria-hidden": "true", children: "inbox" }),
+      /* @__PURE__ */ jsx("p", { className: "text-on-surface-variant", children: emptyMessage })
+    ] });
+  }
+  const colCount = columns.length + (selectable ? 1 : 0) + (actions ? 1 : 0);
+  return /* @__PURE__ */ jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs("table", { className: "w-full text-left text-sm", "aria-colcount": colCount, children: [
+    /* @__PURE__ */ jsx("thead", { className: "bg-surface-container-low text-xs uppercase tracking-wider text-on-surface-variant font-bold", children: /* @__PURE__ */ jsxs("tr", { children: [
+      selectable && /* @__PURE__ */ jsx("th", { className: "px-6 py-4 w-12", scope: "col", children: /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "checkbox",
+          checked: selectedRows.size === data.length,
+          onChange: handleSelectAll,
+          "aria-label": selectAllLabel,
+          className: "w-4 h-4 rounded border-outline-variant text-primary accent-primary cursor-pointer"
+        }
+      ) }),
+      normalizedColumns.map((col) => /* @__PURE__ */ jsx(
+        "th",
+        {
+          scope: "col",
+          "aria-sort": col.sortable ? sortKey === col.key ? sortDirection === "asc" ? "ascending" : "descending" : "none" : void 0,
+          className: `px-6 py-4 ${col.width || ""} ${col.sortable ? "cursor-pointer hover:bg-surface-container" : ""}`,
+          onClick: () => col.sortable && handleSort(col.key),
+          children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            col.label,
+            col.sortable && sortKey === col.key && /* @__PURE__ */ jsx("span", { className: "material-symbols-outlined text-xs leading-none", "aria-hidden": "true", children: sortDirection === "asc" ? "arrow_upward" : "arrow_downward" })
+          ] })
+        },
+        String(col.key)
+      )),
+      actions && /* @__PURE__ */ jsx("th", { className: "px-6 py-4 text-right", scope: "col", children: actionsLabel })
+    ] }) }),
+    /* @__PURE__ */ jsx("tbody", { children: sortedData.map((item) => /* @__PURE__ */ jsxs(
+      "tr",
+      {
+        className: "border-t border-outline-variant/20 hover:bg-surface-container-lowest transition-colors cursor-pointer",
+        onClick: () => onRowClick == null ? void 0 : onRowClick(item),
+        children: [
+          selectable && /* @__PURE__ */ jsx(
+            "td",
+            {
+              className: "px-6 py-4",
+              onClick: (e) => {
+                e.stopPropagation();
+                handleSelectRow(item);
+              },
+              children: /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: selectedRows.has(item[rowKey]),
+                  onChange: () => handleSelectRow(item),
+                  "aria-label": selectRowLabel(String(item[rowKey])),
+                  className: "w-4 h-4 rounded border-outline-variant text-primary accent-primary cursor-pointer"
+                }
+              )
+            }
+          ),
+          normalizedColumns.map((col) => /* @__PURE__ */ jsx("td", { className: "px-6 py-4", children: col.render ? col.render(item[col.key], item) : String(item[col.key]) }, String(col.key))),
+          actions && /* @__PURE__ */ jsx(
+            "td",
+            {
+              className: "px-6 py-4 text-right",
+              onClick: (e) => e.stopPropagation(),
+              children: actions(item)
+            }
+          )
+        ]
+      },
+      String(item[rowKey])
+    )) })
+  ] }) });
+}
+export {
+  DataTable
+};

package/dist/date-picker.d.ts

@@ -0,0 +1,19 @@
+interface DatePickerProps {
+    label?: string;
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    todayLabel?: string;
+    clearLabel?: string;
+    min?: string;
+    max?: string;
+    required?: boolean;
+    error?: string;
+    icon?: string;
+    name?: string;
+    dayNames?: string[];
+    monthNames?: string[];
+}
+declare function DatePicker({ label, value, onChange, placeholder, todayLabel, clearLabel, min, max, required, error, icon, name, dayNames, monthNames, }: DatePickerProps): React.ReactNode;
+
+export { DatePicker };