@orion-ds/react 4.9.0 → 4.9.1

package/dist/index54.mjs

@@ -1,84 +0,0 @@
-import { jsxs as c, jsx as a } from "react/jsx-runtime";
-import { forwardRef as p, useState as B } from "react";
-import { ChevronDown as H } from "lucide-react";
-import e from "./index242.mjs";
-const h = p(
-  ({ label: o, helpText: n, children: i, columns: r = 1, className: s, ...d }, t) => {
-    const m = [e.group, e[`columns-${r}`], s].filter(Boolean).join(" ");
-    return /* @__PURE__ */ c("div", { ref: t, className: m, ...d, children: [
-      o && /* @__PURE__ */ a("div", { className: e.groupLabel, children: o }),
-      /* @__PURE__ */ a("div", { className: e.groupFields, children: i }),
-      n && /* @__PURE__ */ a("div", { className: e.groupHelp, children: n })
-    ] });
-  }
-);
-h.displayName = "FormSection.Group";
-const f = p(
-  ({ children: o, align: n = "end", className: i, ...r }, s) => {
-    const d = [e.actions, e[`align-${n}`], i].filter(Boolean).join(" ");
-    return /* @__PURE__ */ a("div", { ref: s, className: d, ...r, children: o });
-  }
-);
-f.displayName = "FormSection.Actions";
-const u = p(
-  ({
-    title: o,
-    description: n,
-    children: i,
-    actions: r,
-    collapsible: s = !1,
-    defaultCollapsed: d = !1,
-    divider: t = !1,
-    variant: m = "default",
-    icon: N,
-    disabled: v = !1,
-    className: g,
-    ...S
-  }, F) => {
-    const [l, j] = B(d), y = [
-      e.formSection,
-      e[`variant-${m}`],
-      t && e.divider,
-      v && e.disabled,
-      s && e.collapsible,
-      l && e.collapsed,
-      g
-    ].filter(Boolean).join(" "), C = () => {
-      s && j(!l);
-    }, $ = s ? "button" : "div", x = s ? {
-      type: "button",
-      onClick: C,
-      "aria-expanded": !l
-    } : {};
-    return /* @__PURE__ */ c("div", { ref: F, className: y, ...S, children: [
-      (o || N || s) && /* @__PURE__ */ c($, { className: e.header, ...x, children: [
-        /* @__PURE__ */ c("div", { className: e.headerContent, children: [
-          N && /* @__PURE__ */ a("span", { className: e.icon, children: N }),
-          (o || n) && /* @__PURE__ */ c("div", { className: e.headerText, children: [
-            o && /* @__PURE__ */ a("h3", { className: e.title, children: o }),
-            n && /* @__PURE__ */ a("p", { className: e.description, children: n })
-          ] })
-        ] }),
-        s && /* @__PURE__ */ a(
-          H,
-          {
-            size: 20,
-            className: `${e.collapseIcon} ${l ? e.iconCollapsed : ""}`
-          }
-        )
-      ] }),
-      (!s || !l) && /* @__PURE__ */ c("div", { className: e.content, children: [
-        /* @__PURE__ */ a("div", { className: e.fields, children: i }),
-        r && /* @__PURE__ */ a("div", { className: e.actionsWrapper, children: r })
-      ] })
-    ] });
-  }
-);
-u.displayName = "FormSection";
-const z = Object.assign(u, {
-  Group: h,
-  Actions: f
-});
-export {
-  z as FormSection
-};

package/dist/index55.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I=require("react/jsx-runtime"),t=require("react"),n=require("./index146.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

@@ -1,54 +0,0 @@
-import { jsx as x } from "react/jsx-runtime";
-import { forwardRef as I, useMemo as n } from "react";
-import o from "./index146.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.cjs

@@ -1,3 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),s=require("react"),d=require("lucide-react"),a=require("./index218.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

@@ -1,205 +0,0 @@
-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 "./index218.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/index58.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),t=require("react"),n=require("./index197.cjs"),b=t.createContext(null);function M(){const e=t.useContext(b);if(!e)throw new Error("InputOTP.Slot/Group/Separator must be used within an InputOTP");return e}const k=t.forwardRef(({className:e,children:s,...r},o)=>{const l=[n.default.group,e].filter(Boolean).join(" ");return u.jsx("div",{ref:o,className:l,...r,children:s})});k.displayName="InputOTP.Group";const w=t.forwardRef(({index:e,className:s,...r},o)=>{const{value:l,activeIndex:d,size:O,disabled:c,isFocused:I,focusInput:T}=M(),p=l[e],m=I&&e===d,P=p!==void 0&&p!=="",x=[n.default.slot,m&&n.default.slotActive,P&&n.default.slotFilled,c&&n.default.slotDisabled,s].filter(Boolean).join(" ");return u.jsx("div",{ref:o,className:x,onClick:T,...r,children:P?p:m?u.jsx("span",{className:n.default.caret}):null})});w.displayName="InputOTP.Slot";const R=t.forwardRef(({className:e,children:s,...r},o)=>{const l=[n.default.separator,e].filter(Boolean).join(" ");return u.jsx("div",{ref:o,className:l,role:"separator",...r,children:s??u.jsx("span",{"aria-hidden":"true",children:"–"})})});R.displayName="InputOTP.Separator";const g=t.forwardRef(({maxLength:e,value:s,defaultValue:r="",onChange:o,onComplete:l,type:d="numeric",size:O="md",disabled:c=!1,autoFocus:I=!1,className:T,children:p,...m},P)=>{const[x,y]=t.useState(r),[D,h]=t.useState(!1),j=t.useRef(null),N=s!==void 0,f=N?s:x,B=Math.min(f.length,e-1),F=d==="numeric"?"[0-9]":"[a-zA-Z0-9]",C=d==="numeric"?/[^0-9]/g:/[^a-zA-Z0-9]/g;t.useEffect(()=>{I&&j.current?.focus()},[I]);const v=t.useCallback(a=>{const i=a.replace(C,"").slice(0,e);N||y(i),o?.(i),i.length===e&&l?.(i)},[e,C,N,o,l]),A=t.useCallback(a=>{v(a.target.value)},[v]),G=t.useCallback(a=>{a.key==="Backspace"&&f.length===0&&a.preventDefault()},[f]),V=t.useCallback(a=>{a.preventDefault();const i=a.clipboardData.getData("text/plain");v(i)},[v]),S=t.useCallback(()=>{c||j.current?.focus()},[c]),q=[n.default.root,n.default[O],T].filter(Boolean).join(" "),z={value:f,activeIndex:B,size:O,disabled:c,isFocused:D,focusInput:S};return u.jsx(b.Provider,{value:z,children:u.jsxs("div",{ref:P,className:q,onClick:S,"data-otp-container":!0,...m,children:[u.jsx("input",{ref:j,className:n.default.hiddenInput,type:"text",inputMode:d==="numeric"?"numeric":"text",pattern:`${F}*`,maxLength:e,value:f,disabled:c,autoComplete:"one-time-code","aria-label":`OTP input, ${e} digits`,onChange:A,onKeyDown:G,onPaste:V,onFocus:()=>h(!0),onBlur:()=>h(!1),tabIndex:0}),p]})})});g.displayName="InputOTP";const E=Object.assign(g,{Group:k,Slot:w,Separator:R});exports.InputOTP=E;

package/dist/index58.mjs

@@ -1,143 +0,0 @@
-import { jsx as c, jsxs as Z } from "react/jsx-runtime";
-import { forwardRef as O, useState as D, useRef as $, useEffect as _, useCallback as f, createContext as q, useContext as H } from "react";
-import e from "./index197.mjs";
-const g = q(null);
-function J() {
-  const t = H(g);
-  if (!t)
-    throw new Error(
-      "InputOTP.Slot/Group/Separator must be used within an InputOTP"
-    );
-  return t;
-}
-const w = O(
-  ({ className: t, children: o, ...r }, s) => {
-    const a = [e.group, t].filter(Boolean).join(" ");
-    return /* @__PURE__ */ c("div", { ref: s, className: a, ...r, children: o });
-  }
-);
-w.displayName = "InputOTP.Group";
-const B = O(
-  ({ index: t, className: o, ...r }, s) => {
-    const {
-      value: a,
-      activeIndex: i,
-      size: N,
-      disabled: l,
-      isFocused: m,
-      focusInput: T
-    } = J(), p = a[t], I = m && t === i, v = p !== void 0 && p !== "", h = [
-      e.slot,
-      I && e.slotActive,
-      v && e.slotFilled,
-      l && e.slotDisabled,
-      o
-    ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ c("div", { ref: s, className: h, onClick: T, ...r, children: v ? p : I ? /* @__PURE__ */ c("span", { className: e.caret }) : null });
-  }
-);
-B.displayName = "InputOTP.Slot";
-const b = O(
-  ({ className: t, children: o, ...r }, s) => {
-    const a = [e.separator, t].filter(Boolean).join(" ");
-    return /* @__PURE__ */ c("div", { ref: s, className: a, role: "separator", ...r, children: o ?? /* @__PURE__ */ c("span", { "aria-hidden": "true", children: "–" }) });
-  }
-);
-b.displayName = "InputOTP.Separator";
-const k = O(
-  ({
-    maxLength: t,
-    value: o,
-    defaultValue: r = "",
-    onChange: s,
-    onComplete: a,
-    type: i = "numeric",
-    size: N = "md",
-    disabled: l = !1,
-    autoFocus: m = !1,
-    className: T,
-    children: p,
-    ...I
-  }, v) => {
-    const [h, F] = D(r), [A, C] = D(!1), x = $(null), S = o !== void 0, d = S ? o : h, G = Math.min(d.length, t - 1), R = i === "numeric" ? "[0-9]" : "[a-zA-Z0-9]", j = i === "numeric" ? /[^0-9]/g : /[^a-zA-Z0-9]/g;
-    _(() => {
-      m && x.current?.focus();
-    }, [m]);
-    const P = f(
-      (n) => {
-        const u = n.replace(j, "").slice(0, t);
-        S || F(u), s?.(u), u.length === t && a?.(u);
-      },
-      [t, j, S, s, a]
-    ), V = f(
-      (n) => {
-        P(n.target.value);
-      },
-      [P]
-    ), z = f(
-      (n) => {
-        n.key === "Backspace" && d.length === 0 && n.preventDefault();
-      },
-      [d]
-    ), E = f(
-      (n) => {
-        n.preventDefault();
-        const u = n.clipboardData.getData("text/plain");
-        P(u);
-      },
-      [P]
-    ), y = f(() => {
-      l || x.current?.focus();
-    }, [l]), K = [e.root, e[N], T].filter(Boolean).join(" "), M = {
-      value: d,
-      activeIndex: G,
-      size: N,
-      disabled: l,
-      isFocused: A,
-      focusInput: y
-    };
-    return /* @__PURE__ */ c(g.Provider, { value: M, children: /* @__PURE__ */ Z(
-      "div",
-      {
-        ref: v,
-        className: K,
-        onClick: y,
-        "data-otp-container": !0,
-        ...I,
-        children: [
-          /* @__PURE__ */ c(
-            "input",
-            {
-              ref: x,
-              className: e.hiddenInput,
-              type: "text",
-              inputMode: i === "numeric" ? "numeric" : "text",
-              pattern: `${R}*`,
-              maxLength: t,
-              value: d,
-              disabled: l,
-              autoComplete: "one-time-code",
-              "aria-label": `OTP input, ${t} digits`,
-              onChange: V,
-              onKeyDown: z,
-              onPaste: E,
-              onFocus: () => C(!0),
-              onBlur: () => C(!1),
-              tabIndex: 0
-            }
-          ),
-          p
-        ]
-      }
-    ) });
-  }
-);
-k.displayName = "InputOTP";
-const X = Object.assign(k, {
-  Group: w,
-  Slot: B,
-  Separator: b
-});
-export {
-  X as InputOTP
-};

package/dist/index59.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),v=require("react"),r=require("lucide-react"),a=require("./index243.cjs"),b=({priority:s})=>!s||s==="low"?null:e.jsx("span",{className:`${a.default.priority} ${a.default[`priority-${s}`]}`,children:e.jsx(r.AlertCircle,{size:12})}),g=({card:s,compact:t,onClick:n,draggable:d})=>e.jsxs("div",{className:`${a.default.card} ${t?a.default.cardCompact:""}`,onClick:n,draggable:d,role:"button",tabIndex:0,onKeyDown:l=>{(l.key==="Enter"||l.key===" ")&&(l.preventDefault(),n?.())},children:[s.coverImage&&!t&&e.jsx("div",{className:a.default.cardCover,children:e.jsx("img",{src:s.coverImage,alt:""})}),e.jsxs("div",{className:a.default.cardContent,children:[s.labels&&s.labels.length>0&&!t&&e.jsx("div",{className:a.default.labels,children:s.labels.map(l=>e.jsx("span",{className:`${a.default.label} ${a.default[`label-${l.color}`]}`,children:l.text},l.id))}),e.jsxs("div",{className:a.default.cardTitle,children:[e.jsx(b,{priority:s.priority}),e.jsx("span",{children:s.title})]}),s.description&&!t&&e.jsx("p",{className:a.default.cardDescription,children:s.description}),(s.dueDate||s.assignees&&s.assignees.length>0)&&e.jsxs("div",{className:a.default.cardFooter,children:[s.dueDate&&e.jsxs("span",{className:a.default.dueDate,children:[e.jsx(r.Clock,{size:12}),e.jsx("span",{children:s.dueDate})]}),s.assignees&&s.assignees.length>0&&e.jsxs("div",{className:a.default.assignees,children:[s.assignees.slice(0,3).map(l=>e.jsx("div",{className:a.default.assignee,title:l.name,children:l.avatar?e.jsx("img",{src:l.avatar,alt:l.name}):e.jsx("span",{children:l.name.charAt(0)})},l.id)),s.assignees.length>3&&e.jsxs("div",{className:a.default.assigneeMore,children:["+",s.assignees.length-3]})]})]})]})]}),C=({column:s,compact:t,showCardCount:n,draggable:d,onCardClick:l,onAddCard:i,onColumnMenu:u})=>{const m=s.limit&&s.cards.length>s.limit;return e.jsxs("div",{className:a.default.column,children:[e.jsxs("div",{className:a.default.columnHeader,children:[e.jsxs("div",{className:a.default.columnTitleWrapper,children:[s.color&&s.color!=="default"&&e.jsx("span",{className:`${a.default.columnDot} ${a.default[`dot-${s.color}`]}`}),e.jsx("h3",{className:a.default.columnTitle,children:s.title}),n&&e.jsxs("span",{className:`${a.default.columnCount} ${m?a.default.columnCountOver:""}`,children:[s.cards.length,s.limit&&`/${s.limit}`]})]}),e.jsxs("div",{className:a.default.columnActions,children:[i&&e.jsx("button",{type:"button",className:a.default.columnAction,onClick:i,"aria-label":"Add card",children:e.jsx(r.Plus,{size:16})}),u&&e.jsx("button",{type:"button",className:a.default.columnAction,onClick:u,"aria-label":"Column menu",children:e.jsx(r.MoreHorizontal,{size:16})})]})]}),e.jsxs("div",{className:a.default.columnCards,children:[s.cards.map(c=>e.jsx(g,{card:c,compact:t,draggable:d,onClick:()=>l?.(c)},c.id)),s.cards.length===0&&e.jsx("div",{className:a.default.emptyColumn,children:"No cards yet"})]}),i&&e.jsxs("button",{type:"button",className:a.default.addCardButton,onClick:i,children:[e.jsx(r.Plus,{size:16}),e.jsx("span",{children:"Add card"})]})]})},j=v.forwardRef(({columns:s,onCardMove:t,onCardClick:n,onAddCard:d,onAddColumn:l,onColumnMenu:i,compact:u=!1,showCardCount:m=!0,draggable:c=!0,className:x,...f},h)=>{const N=[a.default.kanbanBoard,x].filter(Boolean).join(" ");return e.jsx("div",{ref:h,className:N,...f,children:e.jsxs("div",{className:a.default.columns,children:[s.map(o=>e.jsx(C,{column:o,compact:u,showCardCount:m,draggable:c,onCardClick:p=>n?.(p,o.id),onAddCard:d?()=>d(o.id):void 0,onColumnMenu:i?()=>i(o.id):void 0},o.id)),l&&e.jsxs("button",{type:"button",className:a.default.addColumnButton,onClick:l,children:[e.jsx(r.Plus,{size:20}),e.jsx("span",{children:"Add column"})]})]})})});j.displayName="KanbanBoard";exports.KanbanBoard=j;