@orion-ds/react 4.6.5 → 4.7.0

package/dist/index55 2.mjs

@@ -0,0 +1,172 @@
+import { jsxs as a, jsx as l, Fragment as I } from "react/jsx-runtime";
+import { forwardRef as j, useMemo as C } from "react";
+import { Bell as g, Check as P, X as O, XCircle as X, AlertTriangle as w, CheckCircle as E, Info as F } from "lucide-react";
+import e from "./index145.mjs";
+const H = {
+  info: /* @__PURE__ */ l(F, { size: 18 }),
+  success: /* @__PURE__ */ l(E, { size: 18 }),
+  warning: /* @__PURE__ */ l(w, { size: 18 }),
+  error: /* @__PURE__ */ l(X, { size: 18 }),
+  default: /* @__PURE__ */ l(g, { size: 18 })
+}, b = ({
+  notification: s,
+  onMarkAsRead: t,
+  onDismiss: i
+}) => {
+  const h = s.icon || H[s.type || "default"], c = s.href || s.onClick, d = () => {
+    s.onClick && s.onClick(), !s.read && t && t(s.id);
+  }, N = /* @__PURE__ */ a(I, { children: [
+    /* @__PURE__ */ l("div", { className: e.itemLeft, children: s.avatar ? /* @__PURE__ */ l("img", { src: s.avatar, alt: "", className: e.itemAvatar }) : /* @__PURE__ */ l(
+      "div",
+      {
+        className: `${e.itemIcon} ${e[`icon-${s.type || "default"}`]}`,
+        children: h
+      }
+    ) }),
+    /* @__PURE__ */ a("div", { className: e.itemContent, children: [
+      /* @__PURE__ */ a("div", { className: e.itemHeader, children: [
+        /* @__PURE__ */ l("span", { className: e.itemTitle, children: s.title }),
+        !s.read && /* @__PURE__ */ l("span", { className: e.unreadDot })
+      ] }),
+      s.message && /* @__PURE__ */ l("p", { className: e.itemMessage, children: s.message }),
+      /* @__PURE__ */ l("span", { className: e.itemTime, children: s.relativeTime || s.timestamp })
+    ] }),
+    /* @__PURE__ */ a("div", { className: e.itemActions, children: [
+      !s.read && t && /* @__PURE__ */ l(
+        "button",
+        {
+          type: "button",
+          className: e.itemAction,
+          onClick: (n) => {
+            n.stopPropagation(), t(s.id);
+          },
+          title: "Mark as read",
+          children: /* @__PURE__ */ l(P, { size: 14 })
+        }
+      ),
+      i && /* @__PURE__ */ l(
+        "button",
+        {
+          type: "button",
+          className: e.itemAction,
+          onClick: (n) => {
+            n.stopPropagation(), i(s.id);
+          },
+          title: "Dismiss",
+          children: /* @__PURE__ */ l(O, { size: 14 })
+        }
+      )
+    ] })
+  ] });
+  return s.href ? /* @__PURE__ */ l(
+    "a",
+    {
+      href: s.href,
+      className: `${e.item} ${s.read ? e.itemRead : ""}`,
+      onClick: d,
+      children: N
+    }
+  ) : /* @__PURE__ */ l(
+    "div",
+    {
+      className: `${e.item} ${s.read ? e.itemRead : ""} ${c ? e.itemClickable : ""}`,
+      onClick: c ? d : void 0,
+      role: c ? "button" : void 0,
+      tabIndex: c ? 0 : void 0,
+      children: N
+    }
+  );
+}, L = j(
+  ({
+    notifications: s,
+    onMarkAsRead: t,
+    onMarkAllAsRead: i,
+    onDismiss: h,
+    onClearAll: c,
+    onViewAll: d,
+    title: N = "Notifications",
+    emptyMessage: n = "No notifications",
+    loading: k = !1,
+    maxHeight: y = "400px",
+    groupByCategory: o = !1,
+    showUnreadCount: z = !0,
+    className: $,
+    ...f
+  }, T) => {
+    const u = C(
+      () => s.filter((r) => !r.read).length,
+      [s]
+    ), v = C(() => {
+      if (!o) return null;
+      const r = {};
+      return s.forEach((p) => {
+        const m = p.category || "Other";
+        r[m] || (r[m] = []), r[m].push(p);
+      }), r;
+    }, [s, o]), x = [e.notificationCenter, $].filter(Boolean).join(" ");
+    return /* @__PURE__ */ a("div", { ref: T, className: x, ...f, children: [
+      /* @__PURE__ */ a("div", { className: e.header, children: [
+        /* @__PURE__ */ a("div", { className: e.headerTitle, children: [
+          /* @__PURE__ */ l("span", { children: N }),
+          z && u > 0 && /* @__PURE__ */ l("span", { className: e.badge, children: u })
+        ] }),
+        /* @__PURE__ */ l("div", { className: e.headerActions, children: i && u > 0 && /* @__PURE__ */ l(
+          "button",
+          {
+            type: "button",
+            className: e.headerAction,
+            onClick: i,
+            children: "Mark all as read"
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ l("div", { className: e.content, style: { maxHeight: y }, children: k ? /* @__PURE__ */ l("div", { className: e.loading, children: /* @__PURE__ */ l("div", { className: e.spinner }) }) : s.length === 0 ? /* @__PURE__ */ a("div", { className: e.empty, children: [
+        /* @__PURE__ */ l(g, { size: 32 }),
+        /* @__PURE__ */ l("span", { children: n })
+      ] }) : o && v ? Object.entries(v).map(([r, p]) => /* @__PURE__ */ a("div", { className: e.group, children: [
+        /* @__PURE__ */ l("div", { className: e.groupTitle, children: r }),
+        p.map((m) => /* @__PURE__ */ l(
+          b,
+          {
+            notification: m,
+            onMarkAsRead: t,
+            onDismiss: h
+          },
+          m.id
+        ))
+      ] }, r)) : s.map((r) => /* @__PURE__ */ l(
+        b,
+        {
+          notification: r,
+          onMarkAsRead: t,
+          onDismiss: h
+        },
+        r.id
+      )) }),
+      (d || c) && s.length > 0 && /* @__PURE__ */ a("div", { className: e.footer, children: [
+        c && /* @__PURE__ */ l(
+          "button",
+          {
+            type: "button",
+            className: e.footerAction,
+            onClick: c,
+            children: "Clear all"
+          }
+        ),
+        d && /* @__PURE__ */ l(
+          "button",
+          {
+            type: "button",
+            className: e.footerActionPrimary,
+            onClick: d,
+            children: "View all notifications"
+          }
+        )
+      ] })
+    ] });
+  }
+);
+L.displayName = "NotificationCenter";
+export {
+  L as NotificationCenter
+};

package/dist/index55.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I=require("react/jsx-runtime"),t=require("react"),n=require("./index154.cjs"),S={xs:12,sm:16,md:20,lg:24,xl:32},l=t.forwardRef(({icon:i,size:e="md",color:s="current",strokeWidth:d=2,label:a,decorative:c=!1,disabled:f=!1,className:o,style:u,...m},p)=>{const h=t.useMemo(()=>typeof e=="number"?e:S[e],[e]),g=t.useMemo(()=>{const r=[n.default.icon];return typeof e=="string"&&r.push(n.default[e]),r.push(n.default[s]),f&&r.push(n.default.disabled),o&&r.push(o),r.filter(Boolean).join(" ")},[e,s,f,o]),y=t.useMemo(()=>c?{"aria-hidden":!0,role:"presentation"}:{"aria-label":a,role:"img"},[c,a]),M=t.useMemo(()=>typeof e=="number"?{width:e,height:e,...u}:u,[e,u]);return I.jsx(i,{ref:p,className:g,size:h,strokeWidth:d,style:M,...y,...m})});l.displayName="Icon";exports.Icon=l;

package/dist/index55.mjs

@@ -0,0 +1,54 @@
+import { jsx as x } from "react/jsx-runtime";
+import { forwardRef as I, useMemo as n } from "react";
+import o from "./index154.mjs";
+const S = {
+  xs: 12,
+  sm: 16,
+  md: 20,
+  lg: 24,
+  xl: 32
+}, b = I(
+  ({
+    icon: i,
+    size: r = "md",
+    color: f = "current",
+    strokeWidth: a = 2,
+    label: u,
+    decorative: m = !1,
+    disabled: p = !1,
+    className: e,
+    style: s,
+    ...c
+  }, l) => {
+    const d = n(() => typeof r == "number" ? r : S[r], [r]), h = n(() => {
+      const t = [o.icon];
+      return typeof r == "string" && t.push(o[r]), t.push(o[f]), p && t.push(o.disabled), e && t.push(e), t.filter(Boolean).join(" ");
+    }, [r, f, p, e]), y = n(() => m ? {
+      "aria-hidden": !0,
+      role: "presentation"
+    } : {
+      "aria-label": u,
+      role: "img"
+    }, [m, u]), g = n(() => typeof r == "number" ? {
+      width: r,
+      height: r,
+      ...s
+    } : s, [r, s]);
+    return /* @__PURE__ */ x(
+      i,
+      {
+        ref: l,
+        className: h,
+        size: d,
+        strokeWidth: a,
+        style: g,
+        ...y,
+        ...c
+      }
+    );
+  }
+);
+b.displayName = "Icon";
+export {
+  b as Icon
+};

package/dist/index56 2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),y=require("react"),i=require("lucide-react"),a=require("./index137.cjs"),h=y.forwardRef(({title:m,description:c,breadcrumbs:t,actions:n,tabs:r,activeTab:u,onTabChange:f,backLink:s,badge:o,variant:j="default",size:x="md",bordered:N=!0,sticky:b=!1,className:p,...g},v)=>{const C=[a.default.pageHeader,a.default[`variant-${j}`],a.default[`size-${x}`],N&&a.default.bordered,b&&a.default.sticky,p].filter(Boolean).join(" "),k=(l,d)=>{f&&f(l),d&&(window.location.href=d)};return e.jsxs("div",{ref:v,className:C,...g,children:[s&&e.jsx("div",{className:a.default.backLink,children:s.href?e.jsxs("a",{href:s.href,className:a.default.backLinkAnchor,children:[e.jsx(i.ChevronLeft,{size:16}),e.jsx("span",{children:s.label||"Back"})]}):e.jsxs("button",{type:"button",onClick:s.onClick,className:a.default.backLinkButton,children:[e.jsx(i.ChevronLeft,{size:16}),e.jsx("span",{children:s.label||"Back"})]})}),t&&t.length>0&&e.jsx("nav",{className:a.default.breadcrumbs,"aria-label":"Breadcrumb",children:e.jsx("ol",{className:a.default.breadcrumbList,children:t.map((l,d)=>e.jsxs("li",{className:a.default.breadcrumbItem,children:[d>0&&e.jsx(i.ChevronRight,{size:14,className:a.default.breadcrumbSeparator}),l.href?e.jsx("a",{href:l.href,className:a.default.breadcrumbLink,children:l.label}):l.onClick?e.jsx("button",{type:"button",onClick:l.onClick,className:a.default.breadcrumbButton,children:l.label}):e.jsx("span",{className:a.default.breadcrumbCurrent,"aria-current":"page",children:l.label})]},l.label))})}),e.jsxs("div",{className:a.default.main,children:[e.jsxs("div",{className:a.default.titleSection,children:[e.jsxs("div",{className:a.default.titleRow,children:[e.jsx("h1",{className:a.default.title,children:m}),o&&e.jsx("span",{className:a.default.badge,children:o})]}),c&&e.jsx("p",{className:a.default.description,children:c})]}),n&&e.jsx("div",{className:a.default.actions,children:n})]}),r&&r.length>0&&e.jsx("div",{className:a.default.tabs,role:"tablist",children:r.map(l=>e.jsxs("button",{role:"tab",type:"button","aria-selected":u===l.id,className:`${a.default.tab} ${u===l.id?a.default.tabActive:""}`,onClick:()=>k(l.id,l.href),children:[e.jsx("span",{children:l.label}),l.badge&&e.jsx("span",{className:a.default.tabBadge,children:l.badge})]},l.id))})]})});h.displayName="PageHeader";exports.PageHeader=h;

package/dist/index56 3.mjs

@@ -0,0 +1,105 @@
+import { jsxs as r, jsx as l } from "react/jsx-runtime";
+import { forwardRef as w } from "react";
+import { ChevronLeft as N, ChevronRight as z } from "lucide-react";
+import e from "./index137.mjs";
+const $ = w(
+  ({
+    title: p,
+    description: d,
+    breadcrumbs: c,
+    actions: t,
+    tabs: n,
+    activeTab: o,
+    onTabChange: h,
+    backLink: i,
+    badge: m,
+    variant: f = "default",
+    size: b = "md",
+    bordered: u = !0,
+    sticky: v = !1,
+    className: g,
+    ...C
+  }, k) => {
+    const B = [
+      e.pageHeader,
+      e[`variant-${f}`],
+      e[`size-${b}`],
+      u && e.bordered,
+      v && e.sticky,
+      g
+    ].filter(Boolean).join(" "), y = (a, s) => {
+      h && h(a), s && (window.location.href = s);
+    };
+    return /* @__PURE__ */ r("div", { ref: k, className: B, ...C, children: [
+      i && /* @__PURE__ */ l("div", { className: e.backLink, children: i.href ? /* @__PURE__ */ r("a", { href: i.href, className: e.backLinkAnchor, children: [
+        /* @__PURE__ */ l(N, { size: 16 }),
+        /* @__PURE__ */ l("span", { children: i.label || "Back" })
+      ] }) : /* @__PURE__ */ r(
+        "button",
+        {
+          type: "button",
+          onClick: i.onClick,
+          className: e.backLinkButton,
+          children: [
+            /* @__PURE__ */ l(N, { size: 16 }),
+            /* @__PURE__ */ l("span", { children: i.label || "Back" })
+          ]
+        }
+      ) }),
+      c && c.length > 0 && /* @__PURE__ */ l("nav", { className: e.breadcrumbs, "aria-label": "Breadcrumb", children: /* @__PURE__ */ l("ol", { className: e.breadcrumbList, children: c.map((a, s) => /* @__PURE__ */ r("li", { className: e.breadcrumbItem, children: [
+        s > 0 && /* @__PURE__ */ l(
+          z,
+          {
+            size: 14,
+            className: e.breadcrumbSeparator
+          }
+        ),
+        a.href ? /* @__PURE__ */ l("a", { href: a.href, className: e.breadcrumbLink, children: a.label }) : a.onClick ? /* @__PURE__ */ l(
+          "button",
+          {
+            type: "button",
+            onClick: a.onClick,
+            className: e.breadcrumbButton,
+            children: a.label
+          }
+        ) : /* @__PURE__ */ l(
+          "span",
+          {
+            className: e.breadcrumbCurrent,
+            "aria-current": "page",
+            children: a.label
+          }
+        )
+      ] }, a.label)) }) }),
+      /* @__PURE__ */ r("div", { className: e.main, children: [
+        /* @__PURE__ */ r("div", { className: e.titleSection, children: [
+          /* @__PURE__ */ r("div", { className: e.titleRow, children: [
+            /* @__PURE__ */ l("h1", { className: e.title, children: p }),
+            m && /* @__PURE__ */ l("span", { className: e.badge, children: m })
+          ] }),
+          d && /* @__PURE__ */ l("p", { className: e.description, children: d })
+        ] }),
+        t && /* @__PURE__ */ l("div", { className: e.actions, children: t })
+      ] }),
+      n && n.length > 0 && /* @__PURE__ */ l("div", { className: e.tabs, role: "tablist", children: n.map((a) => /* @__PURE__ */ r(
+        "button",
+        {
+          role: "tab",
+          type: "button",
+          "aria-selected": o === a.id,
+          className: `${e.tab} ${o === a.id ? e.tabActive : ""}`,
+          onClick: () => y(a.id, a.href),
+          children: [
+            /* @__PURE__ */ l("span", { children: a.label }),
+            a.badge && /* @__PURE__ */ l("span", { className: e.tabBadge, children: a.badge })
+          ]
+        },
+        a.id
+      )) })
+    ] });
+  }
+);
+$.displayName = "PageHeader";
+export {
+  $ as PageHeader
+};

package/dist/index56.cjs

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),s=require("react"),d=require("lucide-react"),a=require("./index200.cjs"),C={Navigation:["Menu","X","ChevronDown","ChevronUp","ChevronLeft","ChevronRight","ArrowDown","ArrowUp","ArrowLeft","ArrowRight","Home","Settings","Bell","User","LogOut","LogIn","Search","MapPin","Navigation"],Actions:["Plus","Minus","Check","Copy","Download","Upload","Share2","Trash2","Edit","Eye","EyeOff","Lock","Unlock","Zap","Refresh","RotateCw","Save","Send","Archive","Flag"],Status:["AlertCircle","CheckCircle","XCircle","Info","HelpCircle","AlertTriangle","CheckCircle2","Circle","Loader","Loader2","Clock","Calendar"],Media:["Image","Video","Music","FileText","File","Folder","FolderOpen","Camera","Paperclip","Play","Pause","Volume2","VolumeX"],Communication:["Mail","MessageSquare","Heart","Star","Share","MessageCircle","Phone","Smartphone","Gift","ThumbsUp","ThumbsDown"],Commerce:["ShoppingCart","DollarSign","CreditCard","Tag","Briefcase","TrendingUp","TrendingDown","BarChart","PieChart","Activity"]},m=({className:u})=>{const[r,f]=s.useState(""),[n,h]=s.useState(null),[g,p]=s.useState(null),c=s.useMemo(()=>Object.keys(d.icons).sort(),[]),o=s.useMemo(()=>{let e=c;if(n){const l=C[n];l&&(e=e.filter(i=>l.includes(i)))}if(r){const l=r.toLowerCase();e=e.filter(i=>i.toLowerCase().includes(l))}return e.sort()},[c,r,n]),j=s.useCallback(e=>{const l=`import { ${e} } from 'lucide-react';`;navigator.clipboard.writeText(l),p(e),setTimeout(()=>p(null),1500)},[]),x=s.useCallback(e=>{const l=d.icons[e];return l?t.jsx(l,{size:24}):null},[]);return t.jsxs("div",{className:`${a.default.gallery}${u?` ${u}`:""}`,children:[t.jsxs("div",{className:a.default.header,children:[t.jsx("h1",{children:"Icon Browser"}),t.jsxs("p",{children:[c.length.toLocaleString()," icons available"]})]}),t.jsxs("div",{className:a.default.searchContainer,children:[t.jsx(d.Search,{size:20,className:a.default.searchIcon}),t.jsx("input",{type:"text",placeholder:"Search icons...",value:r,onChange:e=>f(e.target.value),className:a.default.searchInput}),r&&t.jsxs("span",{className:a.default.resultCount,children:[o.length," results"]})]}),t.jsxs("div",{className:a.default.categories,children:[t.jsx("button",{className:`${a.default.categoryBtn} ${n?"":a.default.active}`,onClick:()=>h(null),type:"button",children:"All"}),Object.keys(C).map(e=>t.jsx("button",{className:`${a.default.categoryBtn} ${n===e?a.default.active:""}`,onClick:()=>h(e),type:"button",children:e},e))]}),t.jsx("div",{className:a.default.iconGrid,children:o.map(e=>t.jsxs("button",{className:a.default.iconItem,onClick:()=>j(e),title:e,type:"button",children:[t.jsx("span",{className:a.default.iconDisplay,children:x(e)}),t.jsx("span",{className:a.default.iconName,children:e}),g===e&&t.jsx("span",{className:a.default.copiedBadge,children:"Copied!"})]},e))}),o.length===0&&t.jsx("div",{className:a.default.noResults,children:t.jsxs("p",{children:['No icons found for "',r,'"']})}),t.jsxs("div",{className:a.default.usageInfo,children:[t.jsx("h3",{children:"Usage"}),t.jsx("pre",{className:a.default.codeBlock,children:`import { Search, Download } from 'lucide-react';
+
+<Button icon={<Search size={20} />}>Search</Button>`})]})]})};m.displayName="IconGallery";exports.IconGallery=m;

package/dist/index56.mjs

@@ -0,0 +1,205 @@
+import { jsx as o, jsxs as t } from "react/jsx-runtime";
+import { useState as d, useMemo as m, useCallback as C } from "react";
+import { icons as g, Search as N } from "lucide-react";
+import r from "./index200.mjs";
+const f = {
+  Navigation: [
+    "Menu",
+    "X",
+    "ChevronDown",
+    "ChevronUp",
+    "ChevronLeft",
+    "ChevronRight",
+    "ArrowDown",
+    "ArrowUp",
+    "ArrowLeft",
+    "ArrowRight",
+    "Home",
+    "Settings",
+    "Bell",
+    "User",
+    "LogOut",
+    "LogIn",
+    "Search",
+    "MapPin",
+    "Navigation"
+  ],
+  Actions: [
+    "Plus",
+    "Minus",
+    "Check",
+    "Copy",
+    "Download",
+    "Upload",
+    "Share2",
+    "Trash2",
+    "Edit",
+    "Eye",
+    "EyeOff",
+    "Lock",
+    "Unlock",
+    "Zap",
+    "Refresh",
+    "RotateCw",
+    "Save",
+    "Send",
+    "Archive",
+    "Flag"
+  ],
+  Status: [
+    "AlertCircle",
+    "CheckCircle",
+    "XCircle",
+    "Info",
+    "HelpCircle",
+    "AlertTriangle",
+    "CheckCircle2",
+    "Circle",
+    "Loader",
+    "Loader2",
+    "Clock",
+    "Calendar"
+  ],
+  Media: [
+    "Image",
+    "Video",
+    "Music",
+    "FileText",
+    "File",
+    "Folder",
+    "FolderOpen",
+    "Camera",
+    "Paperclip",
+    "Play",
+    "Pause",
+    "Volume2",
+    "VolumeX"
+  ],
+  Communication: [
+    "Mail",
+    "MessageSquare",
+    "Heart",
+    "Star",
+    "Share",
+    "MessageCircle",
+    "Phone",
+    "Smartphone",
+    "Gift",
+    "ThumbsUp",
+    "ThumbsDown"
+  ],
+  Commerce: [
+    "ShoppingCart",
+    "DollarSign",
+    "CreditCard",
+    "Tag",
+    "Briefcase",
+    "TrendingUp",
+    "TrendingDown",
+    "BarChart",
+    "PieChart",
+    "Activity"
+  ]
+}, w = ({ className: h }) => {
+  const [n, v] = d(""), [l, u] = d(null), [S, p] = d(null), c = m(() => Object.keys(g).sort(), []), s = m(() => {
+    let e = c;
+    if (l) {
+      const a = f[l];
+      a && (e = e.filter((i) => a.includes(i)));
+    }
+    if (n) {
+      const a = n.toLowerCase();
+      e = e.filter((i) => i.toLowerCase().includes(a));
+    }
+    return e.sort();
+  }, [c, n, l]), y = C((e) => {
+    const a = `import { ${e} } from 'lucide-react';`;
+    navigator.clipboard.writeText(a), p(e), setTimeout(() => p(null), 1500);
+  }, []), I = C((e) => {
+    const a = g[e];
+    return a ? /* @__PURE__ */ o(a, { size: 24 }) : null;
+  }, []);
+  return /* @__PURE__ */ t("div", { className: `${r.gallery}${h ? ` ${h}` : ""}`, children: [
+    /* @__PURE__ */ t("div", { className: r.header, children: [
+      /* @__PURE__ */ o("h1", { children: "Icon Browser" }),
+      /* @__PURE__ */ t("p", { children: [
+        c.length.toLocaleString(),
+        " icons available"
+      ] })
+    ] }),
+    /* @__PURE__ */ t("div", { className: r.searchContainer, children: [
+      /* @__PURE__ */ o(N, { size: 20, className: r.searchIcon }),
+      /* @__PURE__ */ o(
+        "input",
+        {
+          type: "text",
+          placeholder: "Search icons...",
+          value: n,
+          onChange: (e) => v(e.target.value),
+          className: r.searchInput
+        }
+      ),
+      n && /* @__PURE__ */ t("span", { className: r.resultCount, children: [
+        s.length,
+        " results"
+      ] })
+    ] }),
+    /* @__PURE__ */ t("div", { className: r.categories, children: [
+      /* @__PURE__ */ o(
+        "button",
+        {
+          className: `${r.categoryBtn} ${l ? "" : r.active}`,
+          onClick: () => u(null),
+          type: "button",
+          children: "All"
+        }
+      ),
+      Object.keys(f).map((e) => /* @__PURE__ */ o(
+        "button",
+        {
+          className: `${r.categoryBtn} ${l === e ? r.active : ""}`,
+          onClick: () => u(e),
+          type: "button",
+          children: e
+        },
+        e
+      ))
+    ] }),
+    /* @__PURE__ */ o("div", { className: r.iconGrid, children: s.map((e) => /* @__PURE__ */ t(
+      "button",
+      {
+        className: r.iconItem,
+        onClick: () => y(e),
+        title: e,
+        type: "button",
+        children: [
+          /* @__PURE__ */ o("span", { className: r.iconDisplay, children: I(e) }),
+          /* @__PURE__ */ o("span", { className: r.iconName, children: e }),
+          S === e && /* @__PURE__ */ o("span", { className: r.copiedBadge, children: "Copied!" })
+        ]
+      },
+      e
+    )) }),
+    s.length === 0 && /* @__PURE__ */ o("div", { className: r.noResults, children: /* @__PURE__ */ t("p", { children: [
+      'No icons found for "',
+      n,
+      '"'
+    ] }) }),
+    /* @__PURE__ */ t("div", { className: r.usageInfo, children: [
+      /* @__PURE__ */ o("h3", { children: "Usage" }),
+      /* @__PURE__ */ o(
+        "pre",
+        {
+          className: r.codeBlock,
+          children: `import { Search, Download } from 'lucide-react';
+
+<Button icon={<Search size={20} />}>Search</Button>`
+        }
+      )
+    ] })
+  ] });
+};
+w.displayName = "IconGallery";
+export {
+  w as IconGallery
+};

package/dist/index57 2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),b=require("react"),o=require("./index148.cjs"),L=(t,e,u)=>{const h=u*2+5;if(e<=h)return Array.from({length:e},(r,p)=>p+1);const a=Math.max(t-u,1),d=Math.min(t+u,e),f=a>2,l=d<e-1,s=[];s.push(1),f?s.push("ellipsis"):a===2&&s.push(2);for(let r=a;r<=d;r++)r!==1&&r!==e&&s.push(r);return l?s.push("ellipsis"):d===e-1&&s.push(e-1),e>1&&s.push(e),s},k=b.forwardRef(({currentPage:t,totalPages:e,onPageChange:u,siblingCount:h=1,showFirstLast:a=!0,showPrevNext:d=!0,size:f="md",disabled:l=!1,className:s,...r},p)=>{const m=b.useMemo(()=>L(t,e,h),[t,e,h]),x=t>1,j=t<e,c=n=>{!l&&n>=1&&n<=e&&n!==t&&u(n)},v=[o.default.pagination,o.default[f],l&&o.default.disabled,s].filter(Boolean).join(" ");return e<=0?null:i.jsx("nav",{ref:p,className:v,"aria-label":"Pagination",...r,children:i.jsxs("ul",{className:o.default.list,children:[a&&i.jsx("li",{children:i.jsx("button",{type:"button",className:o.default.button,onClick:()=>c(1),disabled:!x||l,"aria-label":"Go to first page",children:i.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:i.jsx("path",{d:"M11 12L7 8l4-4M5 12V4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})}),d&&i.jsx("li",{children:i.jsx("button",{type:"button",className:o.default.button,onClick:()=>c(t-1),disabled:!x||l,"aria-label":"Go to previous page",children:i.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:i.jsx("path",{d:"M10 12L6 8l4-4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})}),m.map((n,N)=>i.jsx("li",{children:n==="ellipsis"?i.jsx("span",{className:o.default.ellipsis,"aria-hidden":"true",children:"…"}):i.jsx("button",{type:"button",className:`${o.default.button} ${o.default.pageButton} ${n===t?o.default.active:""}`,onClick:()=>c(n),disabled:l,"aria-label":`Go to page ${n}`,"aria-current":n===t?"page":void 0,children:n})},n==="ellipsis"?`ellipsis-${N}`:n)),d&&i.jsx("li",{children:i.jsx("button",{type:"button",className:o.default.button,onClick:()=>c(t+1),disabled:!j||l,"aria-label":"Go to next page",children:i.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:i.jsx("path",{d:"M6 12l4-4-4-4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})}),a&&i.jsx("li",{children:i.jsx("button",{type:"button",className:o.default.button,onClick:()=>c(e),disabled:!j||l,"aria-label":"Go to last page",children:i.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:i.jsx("path",{d:"M5 12l4-4-4-4M11 12V4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})})]})})});k.displayName="Pagination";exports.Pagination=k;