@orion-ds/react 4.9.2 → 4.9.3

package/dist/components/Accordion/Accordion.types.d.ts

@@ -0,0 +1,88 @@
+import { HTMLAttributes, ReactNode } from 'react';
+
+/**
+ * Accordion visual variants
+ */
+export type AccordionVariant = "default" | "bordered" | "separated";
+/**
+ * Single accordion item data
+ */
+export interface AccordionItem {
+    /**
+     * Unique identifier for the item
+     */
+    id: string;
+    /**
+     * Title/header of the accordion item
+     */
+    title: ReactNode;
+    /**
+     * Content shown when expanded
+     */
+    content: ReactNode;
+    /**
+     * Whether the item is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Optional icon to display before the title
+     */
+    icon?: ReactNode;
+}
+/**
+ * Accordion component props
+ *
+ * @example
+ * ```tsx
+ * <Accordion
+ *   items={[
+ *     { id: '1', title: 'Section 1', content: 'Content 1' },
+ *     { id: '2', title: 'Section 2', content: 'Content 2' },
+ *   ]}
+ * />
+ * ```
+ */
+export interface AccordionProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
+    /**
+     * Array of accordion items
+     */
+    items: AccordionItem[];
+    /**
+     * Visual variant of the accordion
+     * @default 'default'
+     */
+    variant?: AccordionVariant;
+    /**
+     * Allow multiple items to be expanded at once
+     * @default false
+     */
+    allowMultiple?: boolean;
+    /**
+     * Default expanded item IDs (uncontrolled)
+     */
+    defaultExpanded?: string[];
+    /**
+     * Controlled expanded item IDs
+     */
+    expanded?: string[];
+    /**
+     * Callback when expansion state changes
+     */
+    onChange?: (expandedIds: string[]) => void;
+    /**
+     * Whether to animate the expand/collapse
+     * @default true
+     */
+    animated?: boolean;
+}
+/**
+ * AccordionItem component props (internal)
+ */
+export interface AccordionItemProps {
+    item: AccordionItem;
+    isExpanded: boolean;
+    onToggle: () => void;
+    variant: AccordionVariant;
+    animated: boolean;
+}
+//# sourceMappingURL=Accordion.types.d.ts.map

package/dist/components/Accordion/Accordion.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.types.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,CAAC;AAEpE;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,OAAO,EAAE,SAAS,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,cAAe,SAAQ,IAAI,CAC1C,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,CACX;IACC;;OAEG;IACH,KAAK,EAAE,aAAa,EAAE,CAAC;IAEvB;;;OAGG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAE3B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAE3B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAE3C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,aAAa,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,gBAAgB,CAAC;IAC1B,QAAQ,EAAE,OAAO,CAAC;CACnB"}

package/dist/components/Accordion/index.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Accordion Component - Collapsible content sections.
+ *
+ * @example
+ * ```tsx
+ * import { Accordion } from '@orion-ds/react';
+ *
+ * <Accordion
+ *   items={[
+ *     { id: '1', title: 'Section 1', content: <p>Content for section 1</p> },
+ *     { id: '2', title: 'Section 2', content: <p>Content for section 2</p> },
+ *     { id: '3', title: 'Section 3', content: <p>Content for section 3</p> },
+ *   ]}
+ *   variant="bordered"
+ *   allowMultiple
+ * />
+ * ```
+ */
+export { Accordion } from './Accordion';
+export type { AccordionProps, AccordionItem, AccordionVariant, AccordionItemProps, } from './Accordion.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Accordion/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EACV,cAAc,EACd,aAAa,EACb,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,mBAAmB,CAAC"}

package/dist/components/ActivityFeed/ActivityFeed.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("./ActivityFeed.module.css.cjs"),k=require("../Chip/Chip.cjs"),z=require("../Button/Button.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/components/ActivityFeed/ActivityFeed.d.ts

@@ -0,0 +1,4 @@
+import { ActivityFeedProps } from './ActivityFeed.types';
+
+export declare const ActivityFeed: import('react').ForwardRefExoticComponent<ActivityFeedProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ActivityFeed.d.ts.map

package/dist/components/ActivityFeed/ActivityFeed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActivityFeed.d.ts","sourceRoot":"","sources":["../../../src/components/ActivityFeed/ActivityFeed.tsx"],"names":[],"mappings":"AAqCA,OAAO,KAAK,EAAE,iBAAiB,EAAgB,MAAM,sBAAsB,CAAC;AAyF5E,eAAO,MAAM,YAAY,8GA0FxB,CAAC"}

package/dist/components/ActivityFeed/ActivityFeed.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 "./ActivityFeed.module.css.mjs";
+import { Chip as x } from "../Chip/Chip.mjs";
+import { Button as A } from "../Button/Button.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/components/ActivityFeed/ActivityFeed.module.css

@@ -0,0 +1 @@
+._activityFeed_1nu7w_8{display:flex;flex-direction:column;gap:var(--spacing-4)}._filters_1nu7w_18{display:flex;gap:var(--spacing-2);flex-wrap:wrap;padding-bottom:var(--spacing-4);border-bottom:1px solid var(--border-subtle)}._list_1nu7w_30{display:flex;flex-direction:column}._empty_1nu7w_35{padding:var(--spacing-8);text-align:center;font-family:var(--font-secondary);font-size:var(--font-size-14);color:var(--text-tertiary)}._item_1nu7w_47{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4) 0}._item_1nu7w_47:first-child{padding-top:0}._itemCompact_1nu7w_58{padding:var(--spacing-2-5) 0}._itemCompact_1nu7w_58:first-child{padding-top:0}._iconColumn_1nu7w_67{display:flex;flex-direction:column;align-items:center;flex-shrink:0}._iconWrapper_1nu7w_74{display:flex;align-items:center;justify-content:center;width:var(--size-icon-xl);height:var(--size-icon-xl);border-radius:var(--radius-full);background:var(--surface-subtle);color:var(--text-secondary);flex-shrink:0}._iconVariant-success_1nu7w_86{background:var(--status-success-bg);color:var(--text-success)}._iconVariant-warning_1nu7w_91{background:var(--status-warning-bg);color:var(--text-warning)}._iconVariant-error_1nu7w_96{background:var(--status-error-bg);color:var(--text-error)}._iconVariant-info_1nu7w_101{background:var(--status-info-bg);color:var(--text-info)}._iconVariant-brand_1nu7w_106{background:var(--interactive-primary);color:var(--interactive-primary-text)}._connector_1nu7w_111{width:var(--border-width-bold);flex:1;min-height:var(--size-icon-sm);background:var(--border-subtle);margin-top:var(--spacing-2)}._content_1nu7w_120{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-2)}._header_1nu7w_128{display:flex;align-items:center;gap:var(--spacing-2);font-family:var(--font-secondary);font-size:var(--font-size-14);line-height:var(--line-height-tight);min-height:var(--size-icon-xl)}._actor_1nu7w_138{display:inline-flex;align-items:center;gap:var(--spacing-2);flex-shrink:0}._avatar_1nu7w_145{width:var(--size-avatar-xs);height:var(--size-avatar-xs);border-radius:var(--radius-full);object-fit:cover;flex-shrink:0}._actorName_1nu7w_153{font-weight:600;color:var(--text-primary);text-decoration:none;white-space:nowrap}a._actorName_1nu7w_153:hover{text-decoration:underline}._title_1nu7w_164{color:var(--text-primary);flex:1;min-width:0}._time_1nu7w_170{color:var(--text-tertiary);font-size:var(--font-size-12);white-space:nowrap;flex-shrink:0;margin-left:var(--spacing-2)}._description_1nu7w_178{font-family:var(--font-secondary);font-size:var(--font-size-13);color:var(--text-secondary);line-height:var(--line-height-relaxed);padding:var(--spacing-2) var(--spacing-3);background:var(--surface-subtle);border-radius:var(--radius-sm)}._metadata_1nu7w_188{display:flex;flex-wrap:wrap;gap:var(--spacing-3)}._metadataItem_1nu7w_194{display:inline-flex;gap:var(--spacing-1);font-family:var(--font-secondary);font-size:var(--font-size-12)}._metadataKey_1nu7w_201{color:var(--text-tertiary)}._metadataValue_1nu7w_205{color:var(--text-secondary)}._actions_1nu7w_209{display:flex;gap:var(--spacing-2);margin-top:var(--spacing-2)}._compact_1nu7w_219 ._item_1nu7w_47{gap:var(--spacing-2)}._compact_1nu7w_219 ._iconWrapper_1nu7w_74{width:var(--size-icon-lg);height:var(--size-icon-lg)}._compact_1nu7w_219 ._content_1nu7w_120{gap:var(--spacing-1-5)}._compact_1nu7w_219 ._header_1nu7w_128{font-size:var(--font-size-13);min-height:var(--size-icon-lg);gap:var(--spacing-2)}._compact_1nu7w_219 ._actor_1nu7w_138{gap:var(--spacing-2)}._compact_1nu7w_219 ._description_1nu7w_178{font-size:var(--font-size-12);padding:var(--spacing-1-5) var(--spacing-2)}._skeleton_1nu7w_251{display:flex;gap:var(--spacing-3);padding:var(--spacing-3) 0}._skeletonIcon_1nu7w_257{width:var(--size-icon-xl);height:var(--size-icon-xl);border-radius:var(--radius-full);background:var(--surface-subtle);animation:_pulse_1nu7w_1 1.5s ease-in-out infinite}._skeletonContent_1nu7w_265{flex:1;display:flex;flex-direction:column;gap:var(--spacing-2)}._skeletonTitle_1nu7w_272{width:60%;height:var(--size-icon-sm);border-radius:var(--radius-sm);background:var(--surface-subtle);animation:_pulse_1nu7w_1 1.5s ease-in-out infinite}._skeletonDesc_1nu7w_280{width:80%;height:var(--font-size-12);border-radius:var(--radius-sm);background:var(--surface-subtle);animation:_pulse_1nu7w_1 1.5s ease-in-out infinite}@keyframes _pulse_1nu7w_1{0%,to{opacity:1}50%{opacity:.5}}

package/dist/components/ActivityFeed/ActivityFeed.module.css.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_activityFeed_1nu7w_8",e="_filters_1nu7w_18",n="_list_1nu7w_30",a="_empty_1nu7w_35",o="_item_1nu7w_47",c="_itemCompact_1nu7w_58",_="_iconColumn_1nu7w_67",s="_iconWrapper_1nu7w_74",i="_connector_1nu7w_111",r="_content_1nu7w_120",l="_header_1nu7w_128",u="_actor_1nu7w_138",m="_avatar_1nu7w_145",w="_actorName_1nu7w_153",d="_title_1nu7w_164",p="_time_1nu7w_170",k="_description_1nu7w_178",y="_metadata_1nu7w_188",V="_metadataItem_1nu7w_194",C="_metadataKey_1nu7w_201",v="_metadataValue_1nu7w_205",f="_actions_1nu7w_209",I="_compact_1nu7w_219",T="_skeleton_1nu7w_251",b="_skeletonIcon_1nu7w_257",g="_pulse_1nu7w_1",h="_skeletonContent_1nu7w_265",D="_skeletonTitle_1nu7w_272",F="_skeletonDesc_1nu7w_280",K={activityFeed:t,filters:e,list:n,empty:a,item:o,itemCompact:c,iconColumn:_,iconWrapper:s,"iconVariant-success":"_iconVariant-success_1nu7w_86","iconVariant-warning":"_iconVariant-warning_1nu7w_91","iconVariant-error":"_iconVariant-error_1nu7w_96","iconVariant-info":"_iconVariant-info_1nu7w_101","iconVariant-brand":"_iconVariant-brand_1nu7w_106",connector:i,content:r,header:l,actor:u,avatar:m,actorName:w,title:d,time:p,description:k,metadata:y,metadataItem:V,metadataKey:C,metadataValue:v,actions:f,compact:I,skeleton:T,skeletonIcon:b,pulse:g,skeletonContent:h,skeletonTitle:D,skeletonDesc:F};exports.actions=f;exports.activityFeed=t;exports.actor=u;exports.actorName=w;exports.avatar=m;exports.compact=I;exports.connector=i;exports.content=r;exports.default=K;exports.description=k;exports.empty=a;exports.filters=e;exports.header=l;exports.iconColumn=_;exports.iconWrapper=s;exports.item=o;exports.itemCompact=c;exports.list=n;exports.metadata=y;exports.metadataItem=V;exports.metadataKey=C;exports.metadataValue=v;exports.pulse=g;exports.skeleton=T;exports.skeletonContent=h;exports.skeletonDesc=F;exports.skeletonIcon=b;exports.skeletonTitle=D;exports.time=p;exports.title=d;

package/dist/components/ActivityFeed/ActivityFeed.module.css.mjs

@@ -0,0 +1,68 @@
+const t = "_activityFeed_1nu7w_8", n = "_filters_1nu7w_18", e = "_list_1nu7w_30", o = "_empty_1nu7w_35", _ = "_item_1nu7w_47", a = "_itemCompact_1nu7w_58", c = "_iconColumn_1nu7w_67", s = "_iconWrapper_1nu7w_74", i = "_connector_1nu7w_111", r = "_content_1nu7w_120", u = "_header_1nu7w_128", m = "_actor_1nu7w_138", l = "_avatar_1nu7w_145", w = "_actorName_1nu7w_153", d = "_title_1nu7w_164", p = "_time_1nu7w_170", k = "_description_1nu7w_178", V = "_metadata_1nu7w_188", y = "_metadataItem_1nu7w_194", C = "_metadataKey_1nu7w_201", f = "_metadataValue_1nu7w_205", v = "_actions_1nu7w_209", I = "_compact_1nu7w_219", h = "_skeleton_1nu7w_251", D = "_skeletonIcon_1nu7w_257", F = "_pulse_1nu7w_1", K = "_skeletonContent_1nu7w_265", N = "_skeletonTitle_1nu7w_272", T = "_skeletonDesc_1nu7w_280", W = {
+  activityFeed: t,
+  filters: n,
+  list: e,
+  empty: o,
+  item: _,
+  itemCompact: a,
+  iconColumn: c,
+  iconWrapper: s,
+  "iconVariant-success": "_iconVariant-success_1nu7w_86",
+  "iconVariant-warning": "_iconVariant-warning_1nu7w_91",
+  "iconVariant-error": "_iconVariant-error_1nu7w_96",
+  "iconVariant-info": "_iconVariant-info_1nu7w_101",
+  "iconVariant-brand": "_iconVariant-brand_1nu7w_106",
+  connector: i,
+  content: r,
+  header: u,
+  actor: m,
+  avatar: l,
+  actorName: w,
+  title: d,
+  time: p,
+  description: k,
+  metadata: V,
+  metadataItem: y,
+  metadataKey: C,
+  metadataValue: f,
+  actions: v,
+  compact: I,
+  skeleton: h,
+  skeletonIcon: D,
+  pulse: F,
+  skeletonContent: K,
+  skeletonTitle: N,
+  skeletonDesc: T
+};
+export {
+  v as actions,
+  t as activityFeed,
+  m as actor,
+  w as actorName,
+  l as avatar,
+  I as compact,
+  i as connector,
+  r as content,
+  W as default,
+  k as description,
+  o as empty,
+  n as filters,
+  u as header,
+  c as iconColumn,
+  s as iconWrapper,
+  _ as item,
+  a as itemCompact,
+  e as list,
+  V as metadata,
+  y as metadataItem,
+  C as metadataKey,
+  f as metadataValue,
+  F as pulse,
+  h as skeleton,
+  K as skeletonContent,
+  T as skeletonDesc,
+  D as skeletonIcon,
+  N as skeletonTitle,
+  p as time,
+  d as title
+};

package/dist/components/ActivityFeed/ActivityFeed.types.d.ts

@@ -0,0 +1,155 @@
+import { HTMLAttributes, ReactNode } from 'react';
+
+/**
+ * Activity item actor (who performed the action)
+ */
+export interface ActivityActor {
+    /**
+     * Actor name
+     */
+    name: string;
+    /**
+     * Avatar URL
+     */
+    avatar?: string;
+    /**
+     * Link to actor profile
+     */
+    href?: string;
+}
+/**
+ * Activity item for the feed
+ */
+export interface ActivityItem {
+    /**
+     * Unique identifier
+     */
+    id: string;
+    /**
+     * Activity type for icon selection
+     */
+    type?: "comment" | "update" | "create" | "delete" | "assign" | "complete" | "upload" | "default";
+    /**
+     * Custom icon (overrides type-based icon)
+     */
+    icon?: ReactNode;
+    /**
+     * Icon background color variant
+     */
+    iconVariant?: "default" | "success" | "warning" | "error" | "info" | "brand";
+    /**
+     * Actor who performed the action
+     */
+    actor?: ActivityActor;
+    /**
+     * Activity title/summary
+     */
+    title: ReactNode;
+    /**
+     * Activity description/content
+     */
+    description?: ReactNode;
+    /**
+     * Timestamp
+     */
+    timestamp: string;
+    /**
+     * Relative time (e.g., "2 hours ago")
+     */
+    relativeTime?: string;
+    /**
+     * Associated metadata
+     */
+    metadata?: Record<string, ReactNode>;
+    /**
+     * Action buttons
+     */
+    actions?: ReactNode;
+}
+/**
+ * ActivityFeed filter option
+ */
+export interface ActivityFilter {
+    /**
+     * Filter value
+     */
+    value: string;
+    /**
+     * Filter label
+     */
+    label: string;
+    /**
+     * Item count for this filter
+     */
+    count?: number;
+}
+/**
+ * ActivityFeed section props
+ *
+ * @example
+ * ```tsx
+ * <ActivityFeed
+ *   activities={[
+ *     {
+ *       id: '1',
+ *       type: 'comment',
+ *       actor: { name: 'John Doe', avatar: '/avatars/john.jpg' },
+ *       title: 'Commented on Project X',
+ *       description: 'Great progress on the design!',
+ *       timestamp: '2024-01-15T10:30:00Z',
+ *       relativeTime: '2 hours ago'
+ *     }
+ *   ]}
+ * />
+ * ```
+ */
+export interface ActivityFeedProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Array of activity items
+     */
+    activities: ActivityItem[];
+    /**
+     * Show filter controls
+     * @default false
+     */
+    showFilters?: boolean;
+    /**
+     * Filter options
+     */
+    filters?: ActivityFilter[];
+    /**
+     * Current filter value
+     */
+    activeFilter?: string;
+    /**
+     * Filter change handler
+     */
+    onFilterChange?: (filter: string) => void;
+    /**
+     * Load more callback
+     */
+    onLoadMore?: () => void;
+    /**
+     * Whether more items are available
+     */
+    hasMore?: boolean;
+    /**
+     * Loading state
+     */
+    loading?: boolean;
+    /**
+     * Empty state message
+     */
+    emptyMessage?: string;
+    /**
+     * Show connector lines between items
+     * @default true
+     */
+    showConnectors?: boolean;
+    /**
+     * Compact mode
+     * @default false
+     */
+    compact?: boolean;
+}
+//# sourceMappingURL=ActivityFeed.types.d.ts.map

package/dist/components/ActivityFeed/ActivityFeed.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActivityFeed.types.d.ts","sourceRoot":"","sources":["../../../src/components/ActivityFeed/ActivityFeed.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,IAAI,CAAC,EACD,SAAS,GACT,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,UAAU,GACV,QAAQ,GACR,SAAS,CAAC;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;IAE7E;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IAErC;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACvE;;OAEG;IACH,UAAU,EAAE,YAAY,EAAE,CAAC;IAE3B;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;IAE3B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAE1C;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IAExB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}

package/dist/components/ActivityFeed/index.d.ts

@@ -0,0 +1,3 @@
+export { ActivityFeed } from './ActivityFeed';
+export type { ActivityFeedProps, ActivityItem, ActivityActor, ActivityFilter, } from './ActivityFeed.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ActivityFeed/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ActivityFeed/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EACV,iBAAiB,EACjB,YAAY,EACZ,aAAa,EACb,cAAc,GACf,MAAM,sBAAsB,CAAC"}

package/dist/components/AgentCard/AgentCard.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),O=require("react"),s=require("lucide-react"),a=require("./AgentCard.module.css.cjs"),n=require("../Card/Card.cjs"),T=require("../Avatar/Avatar.cjs"),k=require("../Dropdown/Dropdown.cjs"),w=require("../Button/Button.cjs"),x=({id:i,avatar:d,title:l,description:C,timestamp:u,isMultiAgent:D=!1,onClick:c,onEdit:g,onDelete:f,availableFolders:o,onMoveToFolder:m,draggable:r=!1,isDragging:v=!1,className:N,...A})=>{const S=typeof d=="string",[h,j]=O.useState(v),q=[a.default.agentCard,c&&a.default.clickable,r&&a.default.draggable,h&&a.default.dragging,N].filter(Boolean).join(" "),y=()=>{c?.()},b=t=>{r&&(j(!0),t.dataTransfer.effectAllowed="move",t.dataTransfer.setData("text/plain",i),t.dataTransfer.setData("application/json",JSON.stringify({id:i,title:l})))},z=()=>{j(!1)},B=t=>{r&&(t.preventDefault(),t.dataTransfer.dropEffect="move")},p=[...g?[{id:"edit",label:"Edit",icon:e.jsx(s.Edit,{size:16}),onClick:g}]:[],...f?[{id:"delete",label:"Delete",icon:e.jsx(s.Trash2,{size:16}),danger:!0,onClick:f}]:[],...m&&o&&o.length>0?[{id:"_move-sep",label:"",separator:!0},...o.map(t=>({id:`move-to-${t.id}`,label:t.title,icon:e.jsx(s.Folder,{size:16}),onClick:()=>m(t.id)}))]:[]];return e.jsxs(n.Card,{variant:"base",interactive:!!c,className:q,onClick:y,draggable:r,onDragStart:b,onDragEnd:z,onDragOver:B,"data-agent-id":i,"data-dragging":h,...A,children:[e.jsx(n.Card.Header,{children:e.jsxs("div",{className:a.default.headerContent,children:[S?e.jsx(T.Avatar,{src:d,alt:l,size:"lg"}):e.jsx("div",{className:a.default.iconAvatar,children:d}),e.jsxs("div",{className:a.default.headerRight,children:[D&&e.jsx("span",{className:a.default.multiBadge,children:"Multi"}),p.length>0&&e.jsx(k.Dropdown,{trigger:e.jsx(w.Button,{variant:"ghost",iconOnly:!0,size:"sm",icon:e.jsx(s.MoreVertical,{size:20}),"aria-label":"Actions",onDragStart:t=>t.stopPropagation()}),items:p,placement:"bottom-end",minWidth:140})]})]})}),e.jsxs(n.Card.Body,{children:[e.jsx("h3",{className:a.default.title,children:l}),e.jsx("p",{className:a.default.description,children:C??""})]}),u&&e.jsx(n.Card.Footer,{children:e.jsx("time",{className:a.default.timestamp,children:u})})]})};x.displayName="AgentCard";exports.AgentCard=x;

package/dist/components/AgentCard/AgentCard.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { AgentCardProps } from './AgentCard.types';
+
+export declare const AgentCard: React.FC<AgentCardProps>;
+//# sourceMappingURL=AgentCard.d.ts.map

package/dist/components/AgentCard/AgentCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentCard.d.ts","sourceRoot":"","sources":["../../../src/components/AgentCard/AgentCard.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAOxD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAuJ9C,CAAC"}

package/dist/components/AgentCard/AgentCard.mjs

@@ -0,0 +1,120 @@
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { useState as B } from "react";
+import { Edit as E, Trash2 as O, Folder as T, MoreVertical as w } from "lucide-react";
+import a from "./AgentCard.module.css.mjs";
+import { Card as n } from "../Card/Card.mjs";
+import { Avatar as I } from "../Avatar/Avatar.mjs";
+import { Dropdown as H } from "../Dropdown/Dropdown.mjs";
+import { Button as J } from "../Button/Button.mjs";
+const M = ({
+  id: s,
+  avatar: o,
+  title: l,
+  description: v,
+  timestamp: m,
+  isMultiAgent: N = !1,
+  onClick: d,
+  onEdit: g,
+  onDelete: p,
+  availableFolders: c,
+  onMoveToFolder: f,
+  draggable: r = !1,
+  isDragging: C = !1,
+  className: A,
+  ...S
+}) => {
+  const y = typeof o == "string", [h, D] = B(C), z = [
+    a.agentCard,
+    d && a.clickable,
+    r && a.draggable,
+    h && a.dragging,
+    A
+  ].filter(Boolean).join(" "), b = () => {
+    d?.();
+  }, j = (t) => {
+    r && (D(!0), t.dataTransfer.effectAllowed = "move", t.dataTransfer.setData("text/plain", s), t.dataTransfer.setData("application/json", JSON.stringify({ id: s, title: l })));
+  }, k = () => {
+    D(!1);
+  }, x = (t) => {
+    r && (t.preventDefault(), t.dataTransfer.dropEffect = "move");
+  }, u = [
+    ...g ? [
+      {
+        id: "edit",
+        label: "Edit",
+        icon: /* @__PURE__ */ e(E, { size: 16 }),
+        onClick: g
+      }
+    ] : [],
+    ...p ? [
+      {
+        id: "delete",
+        label: "Delete",
+        icon: /* @__PURE__ */ e(O, { size: 16 }),
+        danger: !0,
+        onClick: p
+      }
+    ] : [],
+    ...f && c && c.length > 0 ? [
+      { id: "_move-sep", label: "", separator: !0 },
+      ...c.map((t) => ({
+        id: `move-to-${t.id}`,
+        label: t.title,
+        icon: /* @__PURE__ */ e(T, { size: 16 }),
+        onClick: () => f(t.id)
+      }))
+    ] : []
+  ];
+  return /* @__PURE__ */ i(
+    n,
+    {
+      variant: "base",
+      interactive: !!d,
+      className: z,
+      onClick: b,
+      draggable: r,
+      onDragStart: j,
+      onDragEnd: k,
+      onDragOver: x,
+      "data-agent-id": s,
+      "data-dragging": h,
+      ...S,
+      children: [
+        /* @__PURE__ */ e(n.Header, { children: /* @__PURE__ */ i("div", { className: a.headerContent, children: [
+          y ? /* @__PURE__ */ e(I, { src: o, alt: l, size: "lg" }) : /* @__PURE__ */ e("div", { className: a.iconAvatar, children: o }),
+          /* @__PURE__ */ i("div", { className: a.headerRight, children: [
+            N && /* @__PURE__ */ e("span", { className: a.multiBadge, children: "Multi" }),
+            u.length > 0 && /* @__PURE__ */ e(
+              H,
+              {
+                trigger: /* @__PURE__ */ e(
+                  J,
+                  {
+                    variant: "ghost",
+                    iconOnly: !0,
+                    size: "sm",
+                    icon: /* @__PURE__ */ e(w, { size: 20 }),
+                    "aria-label": "Actions",
+                    onDragStart: (t) => t.stopPropagation()
+                  }
+                ),
+                items: u,
+                placement: "bottom-end",
+                minWidth: 140
+              }
+            )
+          ] })
+        ] }) }),
+        /* @__PURE__ */ i(n.Body, { children: [
+          /* @__PURE__ */ e("h3", { className: a.title, children: l }),
+          /* @__PURE__ */ e("p", { className: a.description, children: v ?? "" })
+        ] }),
+        m && /* @__PURE__ */ e(n.Footer, { children: /* @__PURE__ */ e("time", { className: a.timestamp, children: m }) })
+      ]
+    }
+  );
+};
+M.displayName = "AgentCard";
+export {
+  M as AgentCard
+};

package/dist/components/AgentCard/AgentCard.module.css

@@ -0,0 +1 @@
+._agentCard_1evy3_8{position:relative;height:100%;transition:transform var(--transition-normal),box-shadow var(--transition-normal);will-change:transform,box-shadow}._agentCard_1evy3_8._clickable_1evy3_17{cursor:pointer}._agentCard_1evy3_8._draggable_1evy3_21{cursor:grab;transition:transform var(--transition-normal),box-shadow var(--transition-normal),opacity var(--transition-fast)}._agentCard_1evy3_8._draggable_1evy3_21:active{cursor:grabbing}._agentCard_1evy3_8._dragging_1evy3_33{opacity:.5;cursor:grabbing;transform:scale(.98);box-shadow:var(--shadow-xl)}._agentCard_1evy3_8._clickable_1evy3_17:hover,._agentCard_1evy3_8._draggable_1evy3_21:hover{transform:translateY(var(--mode-hover-lift));box-shadow:var(--shadow-lg)}._agentCard_1evy3_8._dragging_1evy3_33:hover{transform:scale(.98);box-shadow:var(--shadow-xl)}._headerContent_1evy3_53{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:var(--spacing-3)}._iconAvatar_1evy3_62{display:flex;align-items:center;justify-content:center;width:var(--spacing-12);height:var(--spacing-12);border-radius:var(--radius-full);background-color:var(--surface-subtle);color:var(--text-secondary);flex-shrink:0}._headerRight_1evy3_75{display:flex;align-items:center;gap:var(--spacing-2)}._multiBadge_1evy3_82{padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-full);font-family:var(--font-secondary);font-size:var(--font-size-10);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;color:var(--interactive-primary);border:1px solid var(--interactive-primary);background-color:var(--surface-base);white-space:nowrap;flex-shrink:0}._title_1evy3_98{font-family:var(--font-secondary);font-size:var(--font-size-18);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-2) 0;line-height:1.4;text-align:left}._description_1evy3_109{font-family:var(--font-secondary);font-size:var(--font-size-14);color:var(--text-secondary);line-height:1.5;margin:0;min-height:3em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}._timestamp_1evy3_128{font-family:var(--font-secondary);font-size:var(--font-size-12);color:var(--text-tertiary);display:block}._agentCard_1evy3_8._clickable_1evy3_17:focus-visible{outline:2px solid var(--interactive-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){._agentCard_1evy3_8{transition:none}._agentCard_1evy3_8:hover{transform:none}}