@orion-ds/react 4.7.0 → 4.9.0

package/dist/index3 2.mjs

@@ -1,600 +0,0 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { useState as d } from "react";
-import { useTheme as E } from "./index94.mjs";
-import { Navbar as o } from "./index54.mjs";
-import { Button as t } from "./index14.mjs";
-import { Breadcrumb as H } from "./index13.mjs";
-import { ThemeController as I } from "./index74.mjs";
-import { Field as k } from "./index38.mjs";
-import { Select as M } from "./index64.mjs";
-import { Textarea as O } from "./index73.mjs";
-import { Checkbox as C } from "./index21.mjs";
-import { Radio as S } from "./index61.mjs";
-import { Switch as w } from "./index70.mjs";
-import { Card as n } from "./index16.mjs";
-import { Badge as l } from "./index11.mjs";
-import { Alert as g } from "./index8.mjs";
-import { Spinner as s } from "./index68.mjs";
-import { ProgressBar as p } from "./index59.mjs";
-import { Avatar as h } from "./index10.mjs";
-import { Tooltip as v } from "./index79.mjs";
-import { Tabs as R } from "./index72.mjs";
-import { Table as F } from "./index71.mjs";
-import { Modal as u } from "./index52.mjs";
-const G = [
-  {
-    id: 1,
-    name: "Alice Johnson",
-    email: "alice@example.com",
-    status: "active"
-  },
-  { id: 2, name: "Bob Smith", email: "bob@example.com", status: "active" },
-  {
-    id: 3,
-    name: "Charlie Davis",
-    email: "charlie@example.com",
-    status: "inactive"
-  }
-], N = [
-  { key: "name", header: "Name", sortable: !0 },
-  { key: "email", header: "Email", sortable: !0 },
-  {
-    key: "status",
-    header: "Status",
-    cell: (c) => /* @__PURE__ */ e(l, { variant: c.status === "active" ? "success" : "secondary", children: c.status }),
-    align: "center"
-  }
-], he = () => {
-  const { theme: c, toggleTheme: y } = E(), [f, m] = d(!1), [T, B] = d("tab1"), [z, D] = d(!1), [L, W] = d(!1), [b, x] = d("option1"), [A, P] = d("");
-  return /* @__PURE__ */ i("div", { style: { minHeight: "100vh", background: "var(--surface-base)" }, children: [
-    /* @__PURE__ */ i(o, { sticky: !0, bordered: !0, children: [
-      /* @__PURE__ */ i(o.Brand, { children: [
-        /* @__PURE__ */ e("span", { style: { fontSize: "24px" }, children: "⚡" }),
-        "Orion Design System"
-      ] }),
-      /* @__PURE__ */ i(o.Nav, { children: [
-        /* @__PURE__ */ e(o.Link, { href: "#components", active: !0, children: "Components" }),
-        /* @__PURE__ */ e(o.Link, { href: "#docs", children: "Documentation" }),
-        /* @__PURE__ */ e(o.Link, { href: "#examples", children: "Examples" })
-      ] }),
-      /* @__PURE__ */ i(o.Actions, { children: [
-        /* @__PURE__ */ e(t, { variant: "ghost", size: "sm", onClick: y, children: c === "light" ? "🌙" : "☀️" }),
-        /* @__PURE__ */ e(t, { size: "sm", children: "Get Started" })
-      ] })
-    ] }),
-    /* @__PURE__ */ i(
-      "div",
-      {
-        style: {
-          padding: "var(--spacing-8) var(--spacing-4)",
-          maxWidth: "1200px",
-          margin: "0 auto"
-        },
-        children: [
-          /* @__PURE__ */ i("div", { style: { marginBottom: "var(--spacing-8)" }, children: [
-            /* @__PURE__ */ e(
-              "h1",
-              {
-                style: {
-                  fontSize: "var(--text-4xl)",
-                  fontWeight: "var(--font-weight-bold)",
-                  color: "var(--text-primary)",
-                  marginBottom: "var(--spacing-2)"
-                },
-                children: "Component Showcase"
-              }
-            ),
-            /* @__PURE__ */ e(
-              "p",
-              {
-                style: {
-                  fontSize: "var(--text-lg)",
-                  color: "var(--text-secondary)"
-                },
-                children: "All 21 React components from the Orion Design System"
-              }
-            ),
-            /* @__PURE__ */ e("div", { style: { marginTop: "var(--spacing-4)" }, children: /* @__PURE__ */ e(
-              H,
-              {
-                items: [
-                  { label: "Home", href: "/" },
-                  { label: "Components", href: "/components" },
-                  { label: "Showcase" }
-                ],
-                showHomeIcon: !0
-              }
-            ) })
-          ] }),
-          /* @__PURE__ */ e(
-            I,
-            {
-              showBrandSelector: !0,
-              showThemeToggle: !0,
-              showSummary: !0,
-              style: { marginBottom: "var(--spacing-6)" }
-            }
-          ),
-          /* @__PURE__ */ e(
-            r,
-            {
-              title: "Buttons",
-              description: "Action triggers with multiple variants and sizes",
-              children: /* @__PURE__ */ i(
-                "div",
-                {
-                  style: {
-                    display: "flex",
-                    gap: "var(--spacing-3)",
-                    flexWrap: "wrap",
-                    alignItems: "center"
-                  },
-                  children: [
-                    /* @__PURE__ */ e(t, { variant: "primary", children: "Primary" }),
-                    /* @__PURE__ */ e(t, { variant: "secondary", children: "Secondary" }),
-                    /* @__PURE__ */ e(t, { variant: "ghost", children: "Ghost" }),
-                    /* @__PURE__ */ e(t, { variant: "danger", children: "Danger" }),
-                    /* @__PURE__ */ e(t, { size: "sm", children: "Small" }),
-                    /* @__PURE__ */ e(t, { size: "lg", children: "Large" }),
-                    /* @__PURE__ */ e(t, { isLoading: !0, children: "Loading" }),
-                    /* @__PURE__ */ e(t, { disabled: !0, children: "Disabled" })
-                  ]
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ e(
-            r,
-            {
-              title: "Form Controls",
-              description: "Input fields and selection components",
-              children: /* @__PURE__ */ i(
-                "div",
-                {
-                  style: {
-                    display: "grid",
-                    gap: "var(--spacing-4)",
-                    maxWidth: "600px"
-                  },
-                  children: [
-                    /* @__PURE__ */ e(
-                      k,
-                      {
-                        label: "Email",
-                        type: "email",
-                        placeholder: "you@example.com",
-                        helperText: "We'll never share your email"
-                      }
-                    ),
-                    /* @__PURE__ */ e(
-                      k,
-                      {
-                        label: "Password",
-                        type: "password",
-                        error: "Password must be at least 8 characters"
-                      }
-                    ),
-                    /* @__PURE__ */ e(
-                      M,
-                      {
-                        label: "Country",
-                        value: A,
-                        onChange: (a) => P(a.target.value),
-                        options: [
-                          { label: "United States", value: "us" },
-                          { label: "Canada", value: "ca" },
-                          { label: "Mexico", value: "mx" }
-                        ]
-                      }
-                    ),
-                    /* @__PURE__ */ e(
-                      O,
-                      {
-                        label: "Bio",
-                        placeholder: "Tell us about yourself...",
-                        maxLength: 200,
-                        showCounter: !0,
-                        helperText: "Maximum 200 characters"
-                      }
-                    )
-                  ]
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ e(r, { title: "Checkbox & Radio", description: "Selection controls", children: /* @__PURE__ */ i("div", { style: { display: "grid", gap: "var(--spacing-4)" }, children: [
-            /* @__PURE__ */ i("div", { children: [
-              /* @__PURE__ */ e(
-                "h4",
-                {
-                  style: {
-                    fontSize: "var(--text-base)",
-                    fontWeight: "var(--font-weight-medium)",
-                    color: "var(--text-primary)",
-                    marginBottom: "var(--spacing-2)"
-                  },
-                  children: "Checkbox"
-                }
-              ),
-              /* @__PURE__ */ i(
-                "div",
-                {
-                  style: {
-                    display: "flex",
-                    flexDirection: "column",
-                    gap: "var(--spacing-2)"
-                  },
-                  children: [
-                    /* @__PURE__ */ e(
-                      C,
-                      {
-                        label: "Accept terms and conditions",
-                        checked: L,
-                        onChange: (a) => W(a.target.checked)
-                      }
-                    ),
-                    /* @__PURE__ */ e(C, { label: "Subscribe to newsletter" }),
-                    /* @__PURE__ */ e(C, { label: "Disabled option", disabled: !0 })
-                  ]
-                }
-              )
-            ] }),
-            /* @__PURE__ */ i("div", { children: [
-              /* @__PURE__ */ e(
-                "h4",
-                {
-                  style: {
-                    fontSize: "var(--text-base)",
-                    fontWeight: "var(--font-weight-medium)",
-                    color: "var(--text-primary)",
-                    marginBottom: "var(--spacing-2)"
-                  },
-                  children: "Radio"
-                }
-              ),
-              /* @__PURE__ */ i(
-                "div",
-                {
-                  style: {
-                    display: "flex",
-                    flexDirection: "column",
-                    gap: "var(--spacing-2)"
-                  },
-                  children: [
-                    /* @__PURE__ */ e(
-                      S,
-                      {
-                        name: "plan",
-                        value: "option1",
-                        label: "Free Plan",
-                        checked: b === "option1",
-                        onChange: (a) => x(a.target.value)
-                      }
-                    ),
-                    /* @__PURE__ */ e(
-                      S,
-                      {
-                        name: "plan",
-                        value: "option2",
-                        label: "Pro Plan ($9/mo)",
-                        checked: b === "option2",
-                        onChange: (a) => x(a.target.value)
-                      }
-                    ),
-                    /* @__PURE__ */ e(
-                      S,
-                      {
-                        name: "plan",
-                        value: "option3",
-                        label: "Enterprise Plan",
-                        checked: b === "option3",
-                        onChange: (a) => x(a.target.value)
-                      }
-                    )
-                  ]
-                }
-              )
-            ] })
-          ] }) }),
-          /* @__PURE__ */ e(r, { title: "Switch", description: "Toggle control", children: /* @__PURE__ */ i(
-            "div",
-            {
-              style: {
-                display: "flex",
-                flexDirection: "column",
-                gap: "var(--spacing-3)"
-              },
-              children: [
-                /* @__PURE__ */ e(
-                  w,
-                  {
-                    label: "Enable notifications",
-                    checked: z,
-                    onChange: (a) => D(a.target.checked)
-                  }
-                ),
-                /* @__PURE__ */ e(w, { label: "Auto-save", defaultChecked: !0 }),
-                /* @__PURE__ */ e(w, { label: "Disabled", disabled: !0 })
-              ]
-            }
-          ) }),
-          /* @__PURE__ */ e(r, { title: "Cards", description: "Container components with variants", children: /* @__PURE__ */ i(
-            "div",
-            {
-              style: {
-                display: "grid",
-                gridTemplateColumns: "repeat(auto-fit, minmax(300px, 1fr))",
-                gap: "var(--spacing-4)"
-              },
-              children: [
-                /* @__PURE__ */ i(n, { children: [
-                  /* @__PURE__ */ e(n.Header, { children: "Base Card" }),
-                  /* @__PURE__ */ e(n.Body, { children: "This is a base card with default styling." }),
-                  /* @__PURE__ */ i(n.Footer, { children: [
-                    /* @__PURE__ */ e(t, { size: "sm", variant: "secondary", children: "Cancel" }),
-                    /* @__PURE__ */ e(t, { size: "sm", children: "Save" })
-                  ] })
-                ] }),
-                /* @__PURE__ */ i(n, { variant: "glass", children: [
-                  /* @__PURE__ */ e(n.Header, { children: "Glass Card" }),
-                  /* @__PURE__ */ e(n.Body, { children: "Semi-transparent card with backdrop blur effect." })
-                ] }),
-                /* @__PURE__ */ i(n, { variant: "elevated", children: [
-                  /* @__PURE__ */ e(n.Header, { children: "Elevated Card" }),
-                  /* @__PURE__ */ e(n.Body, { children: "Card with shadow elevation for depth." })
-                ] })
-              ]
-            }
-          ) }),
-          /* @__PURE__ */ e(r, { title: "Badges", description: "Status indicators and labels", children: /* @__PURE__ */ i(
-            "div",
-            {
-              style: {
-                display: "flex",
-                gap: "var(--spacing-3)",
-                flexWrap: "wrap",
-                alignItems: "center"
-              },
-              children: [
-                /* @__PURE__ */ e(l, { variant: "primary", children: "Primary" }),
-                /* @__PURE__ */ e(l, { variant: "secondary", children: "Secondary" }),
-                /* @__PURE__ */ e(l, { variant: "success", children: "Success" }),
-                /* @__PURE__ */ e(l, { variant: "warning", children: "Warning" }),
-                /* @__PURE__ */ e(l, { variant: "error", children: "Error" }),
-                /* @__PURE__ */ e(l, { variant: "secondary", children: "Neutral" }),
-                /* @__PURE__ */ e(l, { size: "sm", children: "Small" }),
-                /* @__PURE__ */ e(l, { size: "lg", children: "Large" }),
-                /* @__PURE__ */ e(l, { dot: !0, children: "With Dot" })
-              ]
-            }
-          ) }),
-          /* @__PURE__ */ e(r, { title: "Alerts", description: "Feedback messages", children: /* @__PURE__ */ i(
-            "div",
-            {
-              style: {
-                display: "flex",
-                flexDirection: "column",
-                gap: "var(--spacing-3)"
-              },
-              children: [
-                /* @__PURE__ */ e(g, { variant: "info", title: "Information", children: "This is an informational message for the user." }),
-                /* @__PURE__ */ e(g, { variant: "success", title: "Success", children: "Your changes have been saved successfully!" }),
-                /* @__PURE__ */ e(g, { variant: "warning", title: "Warning", children: "Please review your information before proceeding." }),
-                /* @__PURE__ */ e(g, { variant: "error", title: "Error", dismissible: !0, children: "An error occurred while processing your request." })
-              ]
-            }
-          ) }),
-          /* @__PURE__ */ e(r, { title: "Spinners", description: "Loading indicators", children: /* @__PURE__ */ i(
-            "div",
-            {
-              style: {
-                display: "flex",
-                gap: "var(--spacing-4)",
-                alignItems: "center"
-              },
-              children: [
-                /* @__PURE__ */ e(s, { size: "xs" }),
-                /* @__PURE__ */ e(s, { size: "sm" }),
-                /* @__PURE__ */ e(s, { size: "md" }),
-                /* @__PURE__ */ e(s, { size: "lg" }),
-                /* @__PURE__ */ e(s, { size: "xl" }),
-                /* @__PURE__ */ e(s, { variant: "secondary" }),
-                /* @__PURE__ */ e(s, { showLabel: !0, label: "Loading..." })
-              ]
-            }
-          ) }),
-          /* @__PURE__ */ e(r, { title: "Progress Bars", description: "Progress indicators", children: /* @__PURE__ */ i(
-            "div",
-            {
-              style: {
-                display: "flex",
-                flexDirection: "column",
-                gap: "var(--spacing-4)"
-              },
-              children: [
-                /* @__PURE__ */ e(p, { value: 30 }),
-                /* @__PURE__ */ e(p, { value: 60, variant: "success", showLabel: !0 }),
-                /* @__PURE__ */ e(p, { value: 85, variant: "warning", showLabel: !0 }),
-                /* @__PURE__ */ e(p, { value: 100, variant: "error" }),
-                /* @__PURE__ */ e(p, { indeterminate: !0 })
-              ]
-            }
-          ) }),
-          /* @__PURE__ */ e(r, { title: "Avatars", description: "User profile images", children: /* @__PURE__ */ i(
-            "div",
-            {
-              style: {
-                display: "flex",
-                gap: "var(--spacing-4)",
-                alignItems: "center"
-              },
-              children: [
-                /* @__PURE__ */ e(h, { initials: "AB" }),
-                /* @__PURE__ */ e(h, { initials: "CD", size: "sm" }),
-                /* @__PURE__ */ e(h, { initials: "EF", size: "lg" }),
-                /* @__PURE__ */ e(h, { initials: "GH", size: "xl", status: "online" }),
-                /* @__PURE__ */ e(h, { initials: "IJ", status: "away" }),
-                /* @__PURE__ */ e(h, { initials: "KL", status: "busy" })
-              ]
-            }
-          ) }),
-          /* @__PURE__ */ e(r, { title: "Tooltips", description: "Contextual information on hover", children: /* @__PURE__ */ i("div", { style: { display: "flex", gap: "var(--spacing-4)" }, children: [
-            /* @__PURE__ */ e(v, { content: "Tooltip on top", placement: "top", children: /* @__PURE__ */ e(t, { variant: "secondary", children: "Top" }) }),
-            /* @__PURE__ */ e(v, { content: "Tooltip on right", placement: "right", children: /* @__PURE__ */ e(t, { variant: "secondary", children: "Right" }) }),
-            /* @__PURE__ */ e(v, { content: "Tooltip on bottom", placement: "bottom", children: /* @__PURE__ */ e(t, { variant: "secondary", children: "Bottom" }) }),
-            /* @__PURE__ */ e(v, { content: "Tooltip on left", placement: "left", children: /* @__PURE__ */ e(t, { variant: "secondary", children: "Left" }) })
-          ] }) }),
-          /* @__PURE__ */ e(r, { title: "Tabs", description: "Content organization", children: /* @__PURE__ */ e(
-            R,
-            {
-              tabs: [
-                {
-                  id: "tab1",
-                  label: "Overview",
-                  content: /* @__PURE__ */ i("div", { style: { padding: "var(--spacing-4)" }, children: [
-                    /* @__PURE__ */ e(
-                      "h3",
-                      {
-                        style: {
-                          fontSize: "var(--text-lg)",
-                          fontWeight: "var(--font-weight-medium)",
-                          color: "var(--text-primary)",
-                          marginBottom: "var(--spacing-2)"
-                        },
-                        children: "Overview"
-                      }
-                    ),
-                    /* @__PURE__ */ e("p", { style: { color: "var(--text-secondary)" }, children: "This is the overview tab content." })
-                  ] })
-                },
-                {
-                  id: "tab2",
-                  label: "Details",
-                  badge: "5",
-                  content: /* @__PURE__ */ i("div", { style: { padding: "var(--spacing-4)" }, children: [
-                    /* @__PURE__ */ e(
-                      "h3",
-                      {
-                        style: {
-                          fontSize: "var(--text-lg)",
-                          fontWeight: "var(--font-weight-medium)",
-                          color: "var(--text-primary)",
-                          marginBottom: "var(--spacing-2)"
-                        },
-                        children: "Details"
-                      }
-                    ),
-                    /* @__PURE__ */ e("p", { style: { color: "var(--text-secondary)" }, children: "This is the details tab with a badge indicator." })
-                  ] })
-                },
-                {
-                  id: "tab3",
-                  label: "Settings",
-                  content: /* @__PURE__ */ i("div", { style: { padding: "var(--spacing-4)" }, children: [
-                    /* @__PURE__ */ e(
-                      "h3",
-                      {
-                        style: {
-                          fontSize: "var(--text-lg)",
-                          fontWeight: "var(--font-weight-medium)",
-                          color: "var(--text-primary)",
-                          marginBottom: "var(--spacing-2)"
-                        },
-                        children: "Settings"
-                      }
-                    ),
-                    /* @__PURE__ */ e("p", { style: { color: "var(--text-secondary)" }, children: "This is the settings tab content." })
-                  ] })
-                }
-              ],
-              activeTab: T,
-              onChange: B
-            }
-          ) }),
-          /* @__PURE__ */ e(r, { title: "Table", description: "Data display with sorting", children: /* @__PURE__ */ e(
-            F,
-            {
-              columns: N,
-              data: G,
-              striped: !0,
-              hoverable: !0,
-              onRowClick: (a) => alert(`Clicked: ${a.name}`)
-            }
-          ) }),
-          /* @__PURE__ */ i(r, { title: "Modal", description: "Dialog overlay", children: [
-            /* @__PURE__ */ e(t, { onClick: () => m(!0), children: "Open Modal" }),
-            /* @__PURE__ */ i(u, { open: f, onClose: () => m(!1), size: "md", children: [
-              /* @__PURE__ */ e(u.Header, { children: "Modal Title" }),
-              /* @__PURE__ */ e(u.Body, { children: /* @__PURE__ */ e("p", { style: { color: "var(--text-primary)" }, children: "This is a modal dialog with a header, body, and footer. You can close it by clicking the X button, pressing Escape, or clicking the backdrop." }) }),
-              /* @__PURE__ */ i(u.Footer, { children: [
-                /* @__PURE__ */ e(t, { variant: "secondary", onClick: () => m(!1), children: "Cancel" }),
-                /* @__PURE__ */ e(t, { onClick: () => m(!1), children: "Confirm" })
-              ] })
-            ] })
-          ] })
-        ]
-      }
-    ),
-    /* @__PURE__ */ i(
-      "footer",
-      {
-        style: {
-          padding: "var(--spacing-8) var(--spacing-4)",
-          borderTop: "1px solid var(--border-subtle)",
-          textAlign: "center",
-          color: "var(--text-secondary)"
-        },
-        children: [
-          /* @__PURE__ */ e("p", { children: "Orion Design System • Built with Chain of Truth Architecture" }),
-          /* @__PURE__ */ e(
-            "p",
-            {
-              style: { fontSize: "var(--text-sm)", marginTop: "var(--spacing-2)" },
-              children: "21 Components • TypeScript • CSS Modules • Token-Based"
-            }
-          )
-        ]
-      }
-    )
-  ] });
-}, r = ({ title: c, description: y, children: f }) => /* @__PURE__ */ i("section", { style: { marginBottom: "var(--spacing-8)" }, children: [
-  /* @__PURE__ */ i("div", { style: { marginBottom: "var(--spacing-4)" }, children: [
-    /* @__PURE__ */ e(
-      "h2",
-      {
-        style: {
-          fontSize: "var(--text-2xl)",
-          fontWeight: "var(--font-weight-bold)",
-          color: "var(--text-primary)",
-          marginBottom: "var(--spacing-1)"
-        },
-        children: c
-      }
-    ),
-    /* @__PURE__ */ e(
-      "p",
-      {
-        style: {
-          fontSize: "var(--text-base)",
-          color: "var(--text-secondary)"
-        },
-        children: y
-      }
-    )
-  ] }),
-  /* @__PURE__ */ e(
-    "div",
-    {
-      style: {
-        padding: "var(--spacing-6)",
-        background: "var(--surface-subtle)",
-        borderRadius: "var(--radius-container)",
-        border: "1px solid var(--border-subtle)"
-      },
-      children: f
-    }
-  )
-] });
-export {
-  he as ComponentShowcase
-};

package/dist/index30 2.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),f=require("react"),b=require("lucide-react"),e=require("./index129.cjs"),q=f.forwardRef(({left:n,right:i,children:u,className:x,...k},r)=>a.jsxs("div",{ref:r,className:`${e.default.toolbar} ${x||""}`,...k,children:[n&&a.jsx("div",{className:e.default.toolbarLeft,children:n}),u,i&&a.jsx("div",{className:e.default.toolbarRight,children:i})]}));q.displayName="DataTable.Toolbar";const I=f.forwardRef(({pagination:n,onChange:i,className:u,...x},k)=>{const{page:r,pageSize:h,total:N,pageSizeOptions:T=[10,25,50,100]}=n,m=Math.ceil(N/h),M=(r-1)*h+1,y=Math.min(r*h,N),v=o=>{o>=1&&o<=m&&i({page:o,pageSize:h})},g=o=>{i({page:1,pageSize:Number(o.target.value)})};return a.jsxs("div",{ref:k,className:`${e.default.pagination} ${u||""}`,...x,children:[a.jsxs("div",{className:e.default.paginationInfo,children:[a.jsxs("span",{className:e.default.paginationText,children:[M,"-",y," of ",N]}),a.jsx("select",{className:e.default.pageSizeSelect,value:h,onChange:g,children:T.map(o=>a.jsxs("option",{value:o,children:[o," / page"]},o))})]}),a.jsxs("div",{className:e.default.paginationControls,children:[a.jsx("button",{type:"button",className:e.default.paginationButton,onClick:()=>v(r-1),disabled:r<=1,"aria-label":"Previous page",children:a.jsx(b.ChevronLeft,{size:16})}),a.jsxs("span",{className:e.default.paginationPages,children:[r," / ",m]}),a.jsx("button",{type:"button",className:e.default.paginationButton,onClick:()=>v(r+1),disabled:r>=m,"aria-label":"Next page",children:a.jsx(b.ChevronRight,{size:16})})]})]})});I.displayName="DataTable.Pagination";const R=f.forwardRef(({state:n,className:i,...u},x)=>a.jsxs("div",{ref:x,className:`${e.default.emptyState} ${i||""}`,...u,children:[n.icon&&a.jsx("div",{className:e.default.emptyIcon,children:n.icon}),a.jsx("h3",{className:e.default.emptyTitle,children:n.title}),n.description&&a.jsx("p",{className:e.default.emptyDescription,children:n.description}),n.action&&a.jsx("div",{className:e.default.emptyAction,children:n.action})]}));R.displayName="DataTable.EmptyState";function oe({columns:n,data:i,rowKey:u="id",searchable:x=!1,searchPlaceholder:k="Search...",searchValue:r,onSearchChange:h,pagination:N,onPaginationChange:T,selectable:m=!1,selectedKeys:M,onSelectionChange:y,bulkActions:v,rowActions:g,sort:o,onSortChange:S,emptyState:B,loading:E=!1,striped:K=!1,hoverable:W=!0,compact:w=!1,stickyHeader:H=!1,maxHeight:U,onRowClick:_,toolbar:z,className:F,...G},J){const[Q,X]=f.useState(""),[Y,O]=f.useState([]),[Z,ee]=f.useState(),[P,V]=f.useState(null),$=r??Q,d=M??Y,p=o??Z,A=f.useCallback((t,s)=>typeof u=="function"?u(t,s):t[u]??s,[u]),ae=t=>{const s=t.target.value;h?h(s):X(s)},te=t=>{if(!t.sortable)return;let s;p?.key===t.key?p.direction==="asc"?s={key:t.key,direction:"desc"}:s=void 0:s={key:t.key,direction:"asc"},S?S(s):ee(s)},se=()=>{const t=i.map((c,j)=>A(c,j)),s=d.length===i.length?[]:t;y?y(s):O(s)},le=t=>{const s=d.includes(t)?d.filter(c=>c!==t):[...d,t];y?y(s):O(s)},D=f.useMemo(()=>{let t=[...i];if(!h&&$){const s=$.toLowerCase();t=t.filter(c=>Object.values(c).some(j=>String(j).toLowerCase().includes(s)))}return!S&&p&&t.sort((s,c)=>{const j=s[p.key],l=c[p.key],L=String(j).localeCompare(String(l));return p.direction==="asc"?L:-L}),t},[i,$,p,h,S]),ne=[e.default.dataTable,w&&e.default.compact,F].filter(Boolean).join(" "),ie=[e.default.table,K&&e.default.striped,W&&e.default.hoverable,H&&e.default.stickyHeader].filter(Boolean).join(" "),ce=i.length>0&&d.length===i.length,de=d.length>0&&d.length<i.length,re={icon:a.jsx(b.Inbox,{size:48}),title:"No data",description:"There are no items to display."};return a.jsxs("div",{ref:J,className:ne,...G,children:[(x||z||m&&d.length>0)&&a.jsxs("div",{className:e.default.toolbar,children:[a.jsxs("div",{className:e.default.toolbarLeft,children:[m&&d.length>0&&v&&a.jsxs("div",{className:e.default.bulkActions,children:[a.jsxs("span",{className:e.default.selectedCount,children:[d.length," selected"]}),v.map(t=>a.jsxs("button",{type:"button",className:`${e.default.bulkAction} ${t.variant==="danger"?e.default.bulkActionDanger:""}`,onClick:()=>t.onClick(d),children:[t.icon,a.jsx("span",{children:t.label})]},t.key))]}),z]}),a.jsx("div",{className:e.default.toolbarRight,children:x&&a.jsxs("div",{className:e.default.searchWrapper,children:[a.jsx(b.Search,{size:16,className:e.default.searchIcon}),a.jsx("input",{type:"text",className:e.default.searchInput,placeholder:k,value:$,onChange:ae})]})})]}),a.jsx("div",{className:e.default.tableContainer,style:{maxHeight:U},children:E?a.jsx("div",{className:e.default.loadingOverlay,children:a.jsx("div",{className:e.default.spinner})}):D.length===0?a.jsx(R,{state:B||re}):a.jsxs("table",{className:ie,children:[a.jsx("thead",{className:e.default.thead,children:a.jsxs("tr",{children:[m&&a.jsx("th",{className:`${e.default.th} ${e.default.checkboxCell}`,children:a.jsx("input",{type:"checkbox",className:e.default.checkbox,checked:ce,ref:t=>{t&&(t.indeterminate=de)},onChange:se,"aria-label":"Select all rows"})}),n.map(t=>a.jsx("th",{className:`${e.default.th} ${t.sortable?e.default.sortable:""} ${t.sticky?e.default[`sticky-${t.sticky}`]:""} ${t.hideOnMobile?e.default.hideOnMobile:""}`,style:{width:t.width,minWidth:t.minWidth,textAlign:t.align},onClick:()=>te(t),children:a.jsxs("span",{className:e.default.thContent,children:[t.header,t.sortable&&a.jsx("span",{className:e.default.sortIcon,children:p?.key===t.key?p.direction==="asc"?a.jsx(b.ChevronUp,{size:14}):a.jsx(b.ChevronDown,{size:14}):a.jsx(b.ChevronUp,{size:14,className:e.default.sortIconInactive})})]})},t.key)),g&&g.length>0&&a.jsx("th",{className:`${e.default.th} ${e.default.actionsCell}`,children:a.jsx("span",{className:"sr-only",children:"Actions"})})]})}),a.jsx("tbody",{className:e.default.tbody,children:D.map((t,s)=>{const c=A(t,s),j=d.includes(c);return a.jsxs("tr",{className:`${e.default.tr} ${j?e.default.trSelected:""}`,onClick:l=>{l.target.closest(`.${e.default.checkbox}`)||l.target.closest(`.${e.default.actionMenu}`)||_?.(t,s)},children:[m&&a.jsx("td",{className:`${e.default.td} ${e.default.checkboxCell}`,children:a.jsx("input",{type:"checkbox",className:e.default.checkbox,checked:j,onChange:()=>le(c),"aria-label":`Select row ${s+1}`})}),n.map(l=>a.jsx("td",{className:`${e.default.td} ${l.sticky?e.default[`sticky-${l.sticky}`]:""} ${l.hideOnMobile?e.default.hideOnMobile:""}`,style:{textAlign:l.align},children:l.render?l.render(t[l.key],t,s):String(t[l.key]??"")},l.key)),g&&g.length>0&&a.jsx("td",{className:`${e.default.td} ${e.default.actionsCell}`,children:a.jsxs("div",{className:e.default.actionMenu,children:[a.jsx("button",{type:"button",className:e.default.actionMenuTrigger,onClick:()=>V(P===c?null:c),"aria-label":"Row actions",children:a.jsx(b.MoreHorizontal,{size:16})}),P===c&&a.jsx("div",{className:e.default.actionMenuDropdown,children:g.filter(l=>!l.show||l.show(t)).map(l=>a.jsxs("button",{type:"button",className:`${e.default.actionMenuItem} ${l.variant==="danger"?e.default.actionMenuItemDanger:""}`,onClick:()=>{l.onClick(t),V(null)},children:[l.icon,a.jsx("span",{children:l.label})]},l.key))})]})})]},c)})})]})}),N&&D.length>0&&a.jsx(I,{pagination:N,onChange:T||(()=>{})})]})}const C=f.forwardRef(oe);C.Toolbar=q;C.Pagination=I;C.EmptyState=R;exports.DataTable=C;