@orion-ds/react 4.6.5 → 4.7.0

package/dist/index59.mjs

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

package/dist/index6 2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),g=require("react"),l=require("lucide-react"),a=require("./index130.cjs"),k=require("./index22.cjs"),z=require("./index14.cjs"),c=16,q={comment:e.jsx(l.MessageSquare,{size:c}),update:e.jsx(l.Edit,{size:c}),create:e.jsx(l.Plus,{size:c}),delete:e.jsx(l.Trash2,{size:c}),assign:e.jsx(l.UserPlus,{size:c}),complete:e.jsx(l.CheckCircle,{size:c}),upload:e.jsx(l.Upload,{size:c}),default:e.jsx(l.Circle,{size:c})},b=({item:s,showConnector:i,compact:d})=>{const r=s.icon||q[s.type||"default"],o=s.iconVariant||"default";return e.jsxs("div",{className:`${a.default.item} ${d?a.default.itemCompact:""}`,children:[e.jsxs("div",{className:a.default.iconColumn,children:[e.jsx("div",{className:`${a.default.iconWrapper} ${a.default[`iconVariant-${o}`]}`,children:r}),i&&e.jsx("div",{className:a.default.connector})]}),e.jsxs("div",{className:a.default.content,children:[e.jsxs("div",{className:a.default.header,children:[s.actor&&e.jsxs("span",{className:a.default.actor,children:[s.actor.avatar&&e.jsx("img",{src:s.actor.avatar,alt:s.actor.name,className:a.default.avatar}),s.actor.href?e.jsx("a",{href:s.actor.href,className:a.default.actorName,children:s.actor.name}):e.jsx("span",{className:a.default.actorName,children:s.actor.name})]}),e.jsx("span",{className:a.default.title,children:s.title}),e.jsx("span",{className:a.default.time,children:s.relativeTime||s.timestamp})]}),s.description&&e.jsx("div",{className:a.default.description,children:s.description}),s.metadata&&Object.keys(s.metadata).length>0&&e.jsx("div",{className:a.default.metadata,children:Object.entries(s.metadata).map(([n,u])=>e.jsxs("span",{className:a.default.metadataItem,children:[e.jsxs("span",{className:a.default.metadataKey,children:[n,":"]}),e.jsx("span",{className:a.default.metadataValue,children:u})]},n))}),s.actions&&e.jsx("div",{className:a.default.actions,children:s.actions})]})]})},x=g.forwardRef(({activities:s,showFilters:i=!1,filters:d,activeFilter:r,onFilterChange:o,onLoadMore:n,hasMore:u=!1,loading:m=!1,emptyMessage:h="No activity yet.",showConnectors:f=!0,compact:j=!1,className:v,...N},p)=>{const y=[a.default.activityFeed,j&&a.default.compact,v].filter(Boolean).join(" ");return e.jsxs("div",{ref:p,className:y,...N,children:[i&&d&&d.length>0&&e.jsx("div",{className:a.default.filters,children:d.map(t=>e.jsxs(k.Chip,{clickable:!0,selected:r===t.value,onClick:()=>o?.(t.value),children:[t.label,t.count!==void 0&&` (${t.count})`]},t.value))}),e.jsxs("div",{className:a.default.list,children:[s.length===0&&!m?e.jsx("div",{className:a.default.empty,children:h}):s.map((t,C)=>e.jsx(b,{item:t,showConnector:f&&C<s.length-1,compact:j},t.id)),m&&e.jsx(e.Fragment,{children:[1,2,3].map(t=>e.jsxs("div",{className:a.default.skeleton,children:[e.jsx("div",{className:a.default.skeletonIcon}),e.jsxs("div",{className:a.default.skeletonContent,children:[e.jsx("div",{className:a.default.skeletonTitle}),e.jsx("div",{className:a.default.skeletonDesc})]})]},t))})]}),u&&!m&&e.jsx(z.Button,{variant:"secondary",onClick:n,style:{width:"100%",marginTop:"var(--spacing-2)"},children:"Load more"})]})});x.displayName="ActivityFeed";exports.ActivityFeed=x;

package/dist/index6 2.mjs

@@ -0,0 +1,128 @@
+import { jsxs as c, jsx as e, Fragment as g } from "react/jsx-runtime";
+import { forwardRef as z } from "react";
+import { Circle as I, Upload as $, CheckCircle as j, UserPlus as b, Trash2 as F, Plus as T, Edit as V, MessageSquare as w } from "lucide-react";
+import a from "./index130.mjs";
+import { Chip as x } from "./index22.mjs";
+import { Button as A } from "./index14.mjs";
+const t = 16, O = {
+  comment: /* @__PURE__ */ e(w, { size: t }),
+  update: /* @__PURE__ */ e(V, { size: t }),
+  create: /* @__PURE__ */ e(T, { size: t }),
+  delete: /* @__PURE__ */ e(F, { size: t }),
+  assign: /* @__PURE__ */ e(b, { size: t }),
+  complete: /* @__PURE__ */ e(j, { size: t }),
+  upload: /* @__PURE__ */ e($, { size: t }),
+  default: /* @__PURE__ */ e(I, { size: t })
+}, B = ({
+  item: s,
+  showConnector: i,
+  compact: l
+}) => {
+  const o = s.icon || O[s.type || "default"], d = s.iconVariant || "default";
+  return /* @__PURE__ */ c("div", { className: `${a.item} ${l ? a.itemCompact : ""}`, children: [
+    /* @__PURE__ */ c("div", { className: a.iconColumn, children: [
+      /* @__PURE__ */ e(
+        "div",
+        {
+          className: `${a.iconWrapper} ${a[`iconVariant-${d}`]}`,
+          children: o
+        }
+      ),
+      i && /* @__PURE__ */ e("div", { className: a.connector })
+    ] }),
+    /* @__PURE__ */ c("div", { className: a.content, children: [
+      /* @__PURE__ */ c("div", { className: a.header, children: [
+        s.actor && /* @__PURE__ */ c("span", { className: a.actor, children: [
+          s.actor.avatar && /* @__PURE__ */ e(
+            "img",
+            {
+              src: s.actor.avatar,
+              alt: s.actor.name,
+              className: a.avatar
+            }
+          ),
+          s.actor.href ? /* @__PURE__ */ e("a", { href: s.actor.href, className: a.actorName, children: s.actor.name }) : /* @__PURE__ */ e("span", { className: a.actorName, children: s.actor.name })
+        ] }),
+        /* @__PURE__ */ e("span", { className: a.title, children: s.title }),
+        /* @__PURE__ */ e("span", { className: a.time, children: s.relativeTime || s.timestamp })
+      ] }),
+      s.description && /* @__PURE__ */ e("div", { className: a.description, children: s.description }),
+      s.metadata && Object.keys(s.metadata).length > 0 && /* @__PURE__ */ e("div", { className: a.metadata, children: Object.entries(s.metadata).map(([r, m]) => /* @__PURE__ */ c("span", { className: a.metadataItem, children: [
+        /* @__PURE__ */ c("span", { className: a.metadataKey, children: [
+          r,
+          ":"
+        ] }),
+        /* @__PURE__ */ e("span", { className: a.metadataValue, children: m })
+      ] }, r)) }),
+      s.actions && /* @__PURE__ */ e("div", { className: a.actions, children: s.actions })
+    ] })
+  ] });
+}, E = z(
+  ({
+    activities: s,
+    showFilters: i = !1,
+    filters: l,
+    activeFilter: o,
+    onFilterChange: d,
+    onLoadMore: r,
+    hasMore: m = !1,
+    loading: h = !1,
+    emptyMessage: N = "No activity yet.",
+    showConnectors: v = !0,
+    compact: p = !1,
+    className: u,
+    ...f
+  }, y) => {
+    const C = [
+      a.activityFeed,
+      p && a.compact,
+      u
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ c("div", { ref: y, className: C, ...f, children: [
+      i && l && l.length > 0 && /* @__PURE__ */ e("div", { className: a.filters, children: l.map((n) => /* @__PURE__ */ c(
+        x,
+        {
+          clickable: !0,
+          selected: o === n.value,
+          onClick: () => d?.(n.value),
+          children: [
+            n.label,
+            n.count !== void 0 && ` (${n.count})`
+          ]
+        },
+        n.value
+      )) }),
+      /* @__PURE__ */ c("div", { className: a.list, children: [
+        s.length === 0 && !h ? /* @__PURE__ */ e("div", { className: a.empty, children: N }) : s.map((n, k) => /* @__PURE__ */ e(
+          B,
+          {
+            item: n,
+            showConnector: v && k < s.length - 1,
+            compact: p
+          },
+          n.id
+        )),
+        h && /* @__PURE__ */ e(g, { children: [1, 2, 3].map((n) => /* @__PURE__ */ c("div", { className: a.skeleton, children: [
+          /* @__PURE__ */ e("div", { className: a.skeletonIcon }),
+          /* @__PURE__ */ c("div", { className: a.skeletonContent, children: [
+            /* @__PURE__ */ e("div", { className: a.skeletonTitle }),
+            /* @__PURE__ */ e("div", { className: a.skeletonDesc })
+          ] })
+        ] }, n)) })
+      ] }),
+      m && !h && /* @__PURE__ */ e(
+        A,
+        {
+          variant: "secondary",
+          onClick: r,
+          style: { width: "100%", marginTop: "var(--spacing-2)" },
+          children: "Load more"
+        }
+      )
+    ] });
+  }
+);
+E.displayName = "ActivityFeed";
+export {
+  E as ActivityFeed
+};

package/dist/index6.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index111.cjs"),t=require("./index113.cjs"),a=require("./index120.cjs"),r=require("./index124.cjs"),n=require("./index132.cjs"),o=require("./index133.cjs"),l=require("./index137.cjs"),g=require("./index139.cjs");exports.AgentEditor=e.AgentEditor;exports.AgentWorkspace=t.AgentWorkspace;exports.ChatPageTemplate=a.ChatPageTemplate;exports.DashboardTemplate=r.DashboardTemplate;exports.KanbanPageTemplate=n.KanbanPageTemplate;exports.LoginTemplate=o.LoginTemplate;exports.ProfilePageTemplate=l.ProfilePageTemplate;exports.SettingsTemplate=g.SettingsTemplate;

package/dist/index6.mjs

@@ -0,0 +1,18 @@
+import { AgentEditor as r } from "./index111.mjs";
+import { AgentWorkspace as a } from "./index113.mjs";
+import { ChatPageTemplate as m } from "./index120.mjs";
+import { DashboardTemplate as x } from "./index124.mjs";
+import { KanbanPageTemplate as l } from "./index132.mjs";
+import { LoginTemplate as T } from "./index133.mjs";
+import { ProfilePageTemplate as P } from "./index137.mjs";
+import { SettingsTemplate as b } from "./index139.mjs";
+export {
+  r as AgentEditor,
+  a as AgentWorkspace,
+  m as ChatPageTemplate,
+  x as DashboardTemplate,
+  l as KanbanPageTemplate,
+  T as LoginTemplate,
+  P as ProfilePageTemplate,
+  b as SettingsTemplate
+};

package/dist/index60 2.mjs

@@ -0,0 +1,148 @@
+import { jsxs as r, jsx as n } from "react/jsx-runtime";
+import { forwardRef as x, useState as E, useRef as D, useEffect as N } from "react";
+import { X as $, Plus as k } from "lucide-react";
+import s from "./index181.mjs";
+const I = x(
+  ({
+    actions: o,
+    variant: a = "fab",
+    position: y = "bottom-right",
+    primaryAction: f,
+    triggerIcon: h,
+    showLabels: v,
+    fixed: A = !0,
+    offset: C = 24,
+    className: g,
+    style: L,
+    ...b
+  }, w) => {
+    const [l, t] = E(!1), d = D(null), p = v ?? a === "bar";
+    N(() => {
+      if (!l) return;
+      const e = (i) => {
+        d.current && !d.current.contains(i.target) && t(!1);
+      };
+      return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+    }, [l]), N(() => {
+      if (!l) return;
+      const e = (i) => {
+        i.key === "Escape" && t(!1);
+      };
+      return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+    }, [l]);
+    const c = (e) => {
+      e.disabled || (e.onClick(), (a === "fab" || a === "menu") && t(!1));
+    }, m = [
+      s.quickActions,
+      s[`variant-${a}`],
+      s[`position-${y}`],
+      A && s.fixed,
+      l && s.open,
+      g
+    ].filter(Boolean).join(" "), u = {
+      ...L,
+      "--offset": `${C}px`
+    };
+    return a === "fab" ? /* @__PURE__ */ r(
+      "div",
+      {
+        ref: d,
+        className: m,
+        style: u,
+        ...b,
+        children: [
+          /* @__PURE__ */ n("div", { className: s.fabActions, children: o.map((e, i) => /* @__PURE__ */ r(
+            "button",
+            {
+              type: "button",
+              className: `${s.fabAction} ${e.variant ? s[`action-${e.variant}`] : ""} ${e.disabled ? s.actionDisabled : ""}`,
+              onClick: () => c(e),
+              disabled: e.disabled,
+              style: { transitionDelay: l ? `${i * 50}ms` : "0ms" },
+              title: e.label,
+              children: [
+                /* @__PURE__ */ n("span", { className: s.fabActionIcon, children: e.icon }),
+                p && /* @__PURE__ */ n("span", { className: s.fabActionLabel, children: e.label })
+              ]
+            },
+            e.id
+          )) }),
+          /* @__PURE__ */ n(
+            "button",
+            {
+              type: "button",
+              className: s.fabTrigger,
+              onClick: () => {
+                f && !l ? c(f) : t(!l);
+              },
+              "aria-expanded": l,
+              "aria-label": l ? "Close actions" : "Open actions",
+              children: /* @__PURE__ */ n(
+                "span",
+                {
+                  className: `${s.fabTriggerIcon} ${l ? s.fabTriggerIconRotate : ""}`,
+                  children: l ? /* @__PURE__ */ n($, { size: 24 }) : h || /* @__PURE__ */ n(k, { size: 24 })
+                }
+              )
+            }
+          )
+        ]
+      }
+    ) : a === "bar" ? /* @__PURE__ */ n("div", { ref: w, className: m, style: u, ...b, children: /* @__PURE__ */ n("div", { className: s.bar, children: o.map((e) => /* @__PURE__ */ r(
+      "button",
+      {
+        type: "button",
+        className: `${s.barAction} ${e.variant ? s[`action-${e.variant}`] : ""} ${e.disabled ? s.actionDisabled : ""}`,
+        onClick: () => c(e),
+        disabled: e.disabled,
+        title: e.label,
+        children: [
+          /* @__PURE__ */ n("span", { className: s.barActionIcon, children: e.icon }),
+          p && /* @__PURE__ */ n("span", { className: s.barActionLabel, children: e.label }),
+          e.shortcut && /* @__PURE__ */ n("kbd", { className: s.shortcut, children: e.shortcut })
+        ]
+      },
+      e.id
+    )) }) }) : /* @__PURE__ */ r(
+      "div",
+      {
+        ref: d,
+        className: m,
+        style: u,
+        ...b,
+        children: [
+          l && /* @__PURE__ */ n("div", { className: s.menu, children: o.map((e) => /* @__PURE__ */ r(
+            "button",
+            {
+              type: "button",
+              className: `${s.menuAction} ${e.variant ? s[`action-${e.variant}`] : ""} ${e.disabled ? s.actionDisabled : ""}`,
+              onClick: () => c(e),
+              disabled: e.disabled,
+              children: [
+                /* @__PURE__ */ n("span", { className: s.menuActionIcon, children: e.icon }),
+                /* @__PURE__ */ n("span", { className: s.menuActionLabel, children: e.label }),
+                e.shortcut && /* @__PURE__ */ n("kbd", { className: s.shortcut, children: e.shortcut })
+              ]
+            },
+            e.id
+          )) }),
+          /* @__PURE__ */ n(
+            "button",
+            {
+              type: "button",
+              className: s.menuTrigger,
+              onClick: () => t(!l),
+              "aria-expanded": l,
+              "aria-label": l ? "Close menu" : "Open menu",
+              children: l ? /* @__PURE__ */ n($, { size: 20 }) : h || /* @__PURE__ */ n(k, { size: 20 })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+I.displayName = "QuickActions";
+export {
+  I as QuickActions
+};

package/dist/index60 3.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),i=require("react"),r=require("lucide-react"),s=require("./index181.cjs"),p=i.forwardRef(({actions:o,variant:t="fab",position:N="bottom-right",primaryAction:h,triggerIcon:x,showLabels:k,fixed:$=!0,offset:y=24,className:v,style:A,...f},g)=>{const[a,n]=i.useState(!1),u=i.useRef(null),j=k??t==="bar";i.useEffect(()=>{if(!a)return;const e=d=>{u.current&&!u.current.contains(d.target)&&n(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[a]),i.useEffect(()=>{if(!a)return;const e=d=>{d.key==="Escape"&&n(!1)};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[a]);const c=e=>{e.disabled||(e.onClick(),(t==="fab"||t==="menu")&&n(!1))},b=[s.default.quickActions,s.default[`variant-${t}`],s.default[`position-${N}`],$&&s.default.fixed,a&&s.default.open,v].filter(Boolean).join(" "),m={...A,"--offset":`${y}px`};return t==="fab"?l.jsxs("div",{ref:u,className:b,style:m,...f,children:[l.jsx("div",{className:s.default.fabActions,children:o.map((e,d)=>l.jsxs("button",{type:"button",className:`${s.default.fabAction} ${e.variant?s.default[`action-${e.variant}`]:""} ${e.disabled?s.default.actionDisabled:""}`,onClick:()=>c(e),disabled:e.disabled,style:{transitionDelay:a?`${d*50}ms`:"0ms"},title:e.label,children:[l.jsx("span",{className:s.default.fabActionIcon,children:e.icon}),j&&l.jsx("span",{className:s.default.fabActionLabel,children:e.label})]},e.id))}),l.jsx("button",{type:"button",className:s.default.fabTrigger,onClick:()=>{h&&!a?c(h):n(!a)},"aria-expanded":a,"aria-label":a?"Close actions":"Open actions",children:l.jsx("span",{className:`${s.default.fabTriggerIcon} ${a?s.default.fabTriggerIconRotate:""}`,children:a?l.jsx(r.X,{size:24}):x||l.jsx(r.Plus,{size:24})})})]}):t==="bar"?l.jsx("div",{ref:g,className:b,style:m,...f,children:l.jsx("div",{className:s.default.bar,children:o.map(e=>l.jsxs("button",{type:"button",className:`${s.default.barAction} ${e.variant?s.default[`action-${e.variant}`]:""} ${e.disabled?s.default.actionDisabled:""}`,onClick:()=>c(e),disabled:e.disabled,title:e.label,children:[l.jsx("span",{className:s.default.barActionIcon,children:e.icon}),j&&l.jsx("span",{className:s.default.barActionLabel,children:e.label}),e.shortcut&&l.jsx("kbd",{className:s.default.shortcut,children:e.shortcut})]},e.id))})}):l.jsxs("div",{ref:u,className:b,style:m,...f,children:[a&&l.jsx("div",{className:s.default.menu,children:o.map(e=>l.jsxs("button",{type:"button",className:`${s.default.menuAction} ${e.variant?s.default[`action-${e.variant}`]:""} ${e.disabled?s.default.actionDisabled:""}`,onClick:()=>c(e),disabled:e.disabled,children:[l.jsx("span",{className:s.default.menuActionIcon,children:e.icon}),l.jsx("span",{className:s.default.menuActionLabel,children:e.label}),e.shortcut&&l.jsx("kbd",{className:s.default.shortcut,children:e.shortcut})]},e.id))}),l.jsx("button",{type:"button",className:s.default.menuTrigger,onClick:()=>n(!a),"aria-expanded":a,"aria-label":a?"Close menu":"Open menu",children:a?l.jsx(r.X,{size:20}):x||l.jsx(r.Plus,{size:20})})]})});p.displayName="QuickActions";exports.QuickActions=p;

package/dist/index60.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("./index88.cjs"),s=require("./index66.cjs"),t=require("./index26.cjs"),n=require("./index75.cjs"),i=require("./index41.cjs");function o(){return e.jsx(r.ThemeProvider,{children:e.jsxs("div",{style:{minHeight:"100vh",display:"flex",flexDirection:"column"},children:[e.jsx(s.Navbar,{children:e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",width:"100%",padding:"0 24px"},children:[e.jsx("strong",{children:"Orion"}),e.jsxs("div",{style:{display:"flex",gap:"24px"},children:[e.jsx(t.Button,{variant:"ghost",children:"Features"}),e.jsx(t.Button,{variant:"ghost",children:"Pricing"}),e.jsx(t.Button,{variant:"ghost",children:"Docs"}),e.jsx(t.Button,{variant:"primary",children:"Get Started"})]})]})}),e.jsx(n.Section,{children:e.jsx(i.Container,{children:e.jsxs("div",{style:{textAlign:"center",paddingTop:"60px",paddingBottom:"60px"},children:[e.jsx("h1",{style:{fontSize:"48px",marginBottom:"16px",fontWeight:"bold"},children:"Welcome to Orion Design System"}),e.jsx("p",{style:{fontSize:"18px",marginBottom:"32px",color:"var(--text-secondary)"},children:"The AI-first design system for building beautiful, accessible interfaces"}),e.jsx(t.Button,{variant:"primary",size:"lg",children:"Start Building"})]})})}),e.jsx(n.Section,{children:e.jsx(i.Container,{children:e.jsxs("div",{style:{textAlign:"center"},children:[e.jsx("h2",{style:{fontSize:"32px",marginBottom:"16px",fontWeight:"bold"},children:"Premium Sections Available"}),e.jsxs("p",{style:{marginBottom:"24px",color:"var(--text-secondary)"},children:["For pre-built marketing and app sections, templates, and advanced components, install ",e.jsx("strong",{children:"@orion-ds/blocks"})]}),e.jsx(t.Button,{variant:"secondary",onClick:()=>window.open("https://github.com/anthropics/orion","_blank"),children:"Learn More"})]})})})]})})}exports.LandingPageExample=o;

package/dist/index60.mjs

@@ -0,0 +1,106 @@
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { ThemeProvider as o } from "./index88.mjs";
+import { Navbar as l } from "./index66.mjs";
+import { Button as t } from "./index26.mjs";
+import { Section as n } from "./index75.mjs";
+import { Container as r } from "./index41.mjs";
+function m() {
+  return /* @__PURE__ */ e(o, { children: /* @__PURE__ */ i(
+    "div",
+    {
+      style: { minHeight: "100vh", display: "flex", flexDirection: "column" },
+      children: [
+        /* @__PURE__ */ e(l, { children: /* @__PURE__ */ i(
+          "div",
+          {
+            style: {
+              display: "flex",
+              justifyContent: "space-between",
+              alignItems: "center",
+              width: "100%",
+              padding: "0 24px"
+            },
+            children: [
+              /* @__PURE__ */ e("strong", { children: "Orion" }),
+              /* @__PURE__ */ i("div", { style: { display: "flex", gap: "24px" }, children: [
+                /* @__PURE__ */ e(t, { variant: "ghost", children: "Features" }),
+                /* @__PURE__ */ e(t, { variant: "ghost", children: "Pricing" }),
+                /* @__PURE__ */ e(t, { variant: "ghost", children: "Docs" }),
+                /* @__PURE__ */ e(t, { variant: "primary", children: "Get Started" })
+              ] })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(r, { children: /* @__PURE__ */ i(
+          "div",
+          {
+            style: {
+              textAlign: "center",
+              paddingTop: "60px",
+              paddingBottom: "60px"
+            },
+            children: [
+              /* @__PURE__ */ e(
+                "h1",
+                {
+                  style: {
+                    fontSize: "48px",
+                    marginBottom: "16px",
+                    fontWeight: "bold"
+                  },
+                  children: "Welcome to Orion Design System"
+                }
+              ),
+              /* @__PURE__ */ e(
+                "p",
+                {
+                  style: {
+                    fontSize: "18px",
+                    marginBottom: "32px",
+                    color: "var(--text-secondary)"
+                  },
+                  children: "The AI-first design system for building beautiful, accessible interfaces"
+                }
+              ),
+              /* @__PURE__ */ e(t, { variant: "primary", size: "lg", children: "Start Building" })
+            ]
+          }
+        ) }) }),
+        /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(r, { children: /* @__PURE__ */ i("div", { style: { textAlign: "center" }, children: [
+          /* @__PURE__ */ e(
+            "h2",
+            {
+              style: {
+                fontSize: "32px",
+                marginBottom: "16px",
+                fontWeight: "bold"
+              },
+              children: "Premium Sections Available"
+            }
+          ),
+          /* @__PURE__ */ i(
+            "p",
+            {
+              style: { marginBottom: "24px", color: "var(--text-secondary)" },
+              children: [
+                "For pre-built marketing and app sections, templates, and advanced components, install ",
+                /* @__PURE__ */ e("strong", { children: "@orion-ds/blocks" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ e(
+            t,
+            {
+              variant: "secondary",
+              onClick: () => window.open("https://github.com/anthropics/orion", "_blank"),
+              children: "Learn More"
+            }
+          )
+        ] }) }) })
+      ]
+    }
+  ) });
+}
+export {
+  m as LandingPageExample
+};

package/dist/index61 2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),f=require("react"),g=require("lucide-react"),e=require("./index179.cjs"),h=f.forwardRef(({label:d,helperText:l,error:s,size:m="md",className:j,id:N,disabled:n,required:t,"aria-label":c,"aria-describedby":o,...b},v)=>{const x=f.useId(),r=N||`radio-${x}`,u=`${r}-error`,p=`${r}-helper`,i=[];s&&i.push(u),l&&!s&&i.push(p),o&&i.push(o);const R=i.length>0?i.join(" "):void 0;!(d||c)&&process.env.NODE_ENV==="development"&&console.warn("Radio: Missing accessible name. Provide either a `label` prop or `aria-label` for screen reader users.");const y=[e.default.container,e.default[m],s&&e.default.error,n&&e.default.disabled,j].filter(Boolean).join(" ");return a.jsxs("div",{className:y,children:[a.jsx("input",{ref:v,type:"radio",id:r,className:e.default.input,disabled:n,required:t,"aria-required":t||void 0,"aria-invalid":s?"true":"false","aria-describedby":R,"aria-label":d?void 0:c,...b}),a.jsxs("label",{htmlFor:r,className:e.default.labelWrapper,children:[a.jsx("span",{className:e.default.radio,"aria-hidden":"true",children:a.jsx("span",{className:e.default.dot})}),d&&a.jsxs("span",{className:e.default.label,children:[d,t&&a.jsx("span",{className:e.default.required,"aria-hidden":"true",children:"*"})]})]}),l&&!s&&a.jsx("p",{id:p,className:e.default.helperText,children:l}),s&&a.jsxs("p",{id:u,className:e.default.errorMessage,role:"alert","aria-live":"assertive",children:[a.jsx(g.AlertCircle,{size:14,"aria-hidden":"true"}),a.jsx("span",{children:s})]})]})});h.displayName="Radio";exports.Radio=h;