@orion-ds/react 4.6.5 → 4.7.0

package/dist/index.mjs

@@ -1,101 +1,101 @@
-/* empty css                   */
-import { primitives as t, spacing as p } from "./tokens/primitives.mjs";
-import { getBrand as m, getSemanticToken as f, getToken as x } from "./tokens/utils.mjs";
-import { ComponentShowcase as i } from "./ComponentShowcase.mjs";
+/* empty css         */
+import { primitives as t, spacing as p } from "./index13.mjs";
+import { getBrand as m, getSemanticToken as f, getToken as x } from "./index14.mjs";
+import { ComponentShowcase as i } from "./index15.mjs";
 export * from "lucide-react";
 import { AlertCircle as d, ArrowDown as C, ArrowLeft as u, ArrowRight as c, ArrowUp as g, Bell as h, Check as S, CheckCircle as T, ChevronDown as b, ChevronLeft as w, ChevronRight as F, ChevronUp as L, Copy as k, CreditCard as D, DollarSign as P, Download as A, Edit as M, Eye as B, EyeOff as v, File as y, FileText as I, Heart as O, HelpCircle as E, Home as N, Image as R, Info as U, LogIn as G, LogOut as _, Mail as H, Menu as K, MessageSquare as V, Minus as Q, Music as X, Plus as q, Search as W, Settings as j, Share2 as z, ShoppingCart as J, Star as Y, Trash2 as Z, Upload as $, User as rr, Video as or, X as er, XCircle as tr } from "lucide-react";
-import { ALL_FONTS as ar, BRAND_FONTS as mr, FONT_PRECONNECT_URLS as fr, GOOGLE_FONTS_URL as xr, areBrandFontsLoaded as nr, getFontLinkTags as ir, getMissingFonts as sr, isFontLoaded as lr, waitForFonts as dr } from "./utils/fonts.mjs";
-import { Accordion as ur } from "./components/Accordion/Accordion.mjs";
-import { ActivityFeed as gr } from "./components/ActivityFeed/ActivityFeed.mjs";
-import { AgentCard as Sr } from "./components/AgentCard/AgentCard.mjs";
-import { Alert as br } from "./components/Alert/Alert.mjs";
-import { AlertDialog as Fr } from "./components/AlertDialog/AlertDialog.mjs";
-import { Avatar as kr } from "./components/Avatar/Avatar.mjs";
-import { Badge as Pr } from "./components/Badge/Badge.mjs";
-import { Banner as Mr } from "./components/Banner/Banner.mjs";
-import { Breadcrumb as vr } from "./components/Breadcrumb/Breadcrumb.mjs";
-import { Button as Ir } from "./components/Button/Button.mjs";
-import { Calendar as Er } from "./components/Calendar/Calendar.mjs";
-import { Card as Rr } from "./components/Card/Card.mjs";
-import { Carousel as Gr } from "./components/Carousel/Carousel.mjs";
-import { CarouselCard as Hr } from "./components/Carousel/CarouselCard.mjs";
-import { ChartContainer as Vr, ChartGradient as Qr, ChartLegend as Xr, ChartLegendContent as qr, ChartTooltip as Wr, ChartTooltipContent as jr } from "./components/Chart/Chart.mjs";
-import { Chat as Jr } from "./components/Chat/Chat.mjs";
-import { Checkbox as Zr } from "./components/Checkbox/Checkbox.mjs";
-import { Chip as ro } from "./components/Chip/Chip.mjs";
-import { CodeEditor as eo } from "./components/CodeEditor/CodeEditor.mjs";
-import { Collapsible as po } from "./components/Collapsible/Collapsible.mjs";
-import { CollapsibleFolder as mo } from "./components/CollapsibleFolder/CollapsibleFolder.mjs";
-import { Combobox as xo } from "./components/Combobox/Combobox.mjs";
-import { Command as io } from "./components/Command/Command.mjs";
-import { CommandBar as lo } from "./components/CommandBar/CommandBar.mjs";
-import { Container as uo } from "./sections/Container/Container.mjs";
-import { DataTable as go } from "./components/DataTable/DataTable.mjs";
-import { DatePicker as So } from "./components/DatePicker/DatePicker.mjs";
-import { DetailPanel as bo } from "./components/DetailPanel/DetailPanel.mjs";
-import { Divider as Fo } from "./components/Divider/Divider.mjs";
-import { Drawer as ko } from "./components/Drawer/Drawer.mjs";
-import { Dropdown as Po } from "./components/Dropdown/Dropdown.mjs";
-import { EmptyState as Mo } from "./components/EmptyState/EmptyState.mjs";
-import { ErrorBoundary as vo } from "./components/ErrorBoundary/ErrorBoundary.mjs";
-import { Field as Io } from "./components/Field/Field.mjs";
-import { FileUploader as Eo } from "./components/FileUploader/FileUploader.mjs";
-import { FilterBar as Ro } from "./components/FilterBar/FilterBar.mjs";
-import { FontLoader as Go } from "./components/FontLoader/FontLoader.mjs";
-import { FormSection as Ho } from "./components/FormSection/FormSection.mjs";
-import { Icon as Vo } from "./components/Icon/Icon.mjs";
-import { IconGallery as Xo } from "./components/IconGallery/IconGallery.mjs";
-import { Icons as Wo } from "./utils/icons.mjs";
-import { InputOTP as zo } from "./components/InputOTP/InputOTP.mjs";
-import { KanbanBoard as Yo } from "./components/KanbanBoard/KanbanBoard.mjs";
-import { LandingPageExample as $o } from "./examples/LandingPage.example.mjs";
-import { Link as oe } from "./components/Link/Link.mjs";
-import { List as te } from "./components/List/List.mjs";
-import { MetricCard as ae, MetricCards as me } from "./components/MetricCards/MetricCards.mjs";
-import { Modal as xe } from "./components/Modal/Modal.mjs";
-import { NavTree as ie } from "./components/NavTree/NavTree.mjs";
-import { Navbar as le } from "./components/Navbar/Navbar.mjs";
-import { NotificationCenter as Ce } from "./components/NotificationCenter/NotificationCenter.mjs";
-import { PageHeader as ce } from "./components/PageHeader/PageHeader.mjs";
-import { Pagination as he } from "./components/Pagination/Pagination.mjs";
-import { Popover as Te } from "./components/Popover/Popover.mjs";
-import { ProgressBar as we } from "./components/ProgressBar/ProgressBar.mjs";
-import { QuickActions as Le } from "./components/QuickActions/QuickActions.mjs";
-import { Radio as De } from "./components/Radio/Radio.mjs";
-import { SearchInput as Ae } from "./components/SearchInput/SearchInput.mjs";
-import { Section as Be } from "./sections/Section/Section.mjs";
-import { Select as ye } from "./components/Select/Select.mjs";
-import { Sidebar as Oe } from "./components/Sidebar/Sidebar.mjs";
-import { Skeleton as Ne } from "./components/Skeleton/Skeleton.mjs";
-import { Slider as Ue } from "./components/Slider/Slider.mjs";
-import { Spinner as _e } from "./components/Spinner/Spinner.mjs";
-import { Stack as Ke } from "./components/Stack/Stack.mjs";
-import { Stepper as Qe } from "./components/Stepper/Stepper.mjs";
-import { Switch as qe } from "./components/Switch/Switch.mjs";
-import { Table as je } from "./components/Table/Table.mjs";
-import { Tabs as Je } from "./components/Tabs/Tabs.mjs";
-import { Textarea as Ze } from "./components/Textarea/Textarea.mjs";
-import { ThemeController as rt } from "./components/ThemeController/ThemeController.mjs";
-import { ThemeProvider as et, useThemeContext as tt } from "./contexts/ThemeContext.mjs";
-import { ToastProvider as at, useToast as mt } from "./components/Toast/Toast.mjs";
-import { Toggle as xt } from "./components/Toggle/Toggle.mjs";
-import { ToggleGroup as it } from "./components/ToggleGroup/ToggleGroup.mjs";
-import { Tooltip as lt } from "./components/Tooltip/Tooltip.mjs";
-import { UserMenu as Ct } from "./components/UserMenu/UserMenu.mjs";
-import { WorkspaceSwitcher as ct } from "./components/WorkspaceSwitcher/WorkspaceSwitcher.mjs";
-import { useAutoScroll as ht } from "./components/Chat/hooks/useAutoScroll.mjs";
-import { useChatInput as Tt } from "./components/Chat/hooks/useChatInput.mjs";
-import { useClickOutside as wt, useClickOutsideMultiple as Ft } from "./hooks/useClickOutside.mjs";
-import { useCopy as kt, useCopyToClipboard as Dt } from "./hooks/useCopyToClipboard.mjs";
-import { useDebounce as At, useDebouncedCallback as Mt } from "./hooks/useDebounce.mjs";
-import { useDisclosure as vt } from "./hooks/useDisclosure.mjs";
-import { useIsDesktop as It, useIsMobile as Ot, useIsTablet as Et, useMediaQuery as Nt, usePrefersDarkMode as Rt, usePrefersReducedMotion as Ut } from "./hooks/useMediaQuery.mjs";
-import { useKeyboard as _t, useKeyboardShortcuts as Ht } from "./hooks/useKeyboard.mjs";
-import { useLocalStorage as Vt, useSessionStorage as Qt } from "./hooks/useLocalStorage.mjs";
-import { useStreamingText as qt } from "./components/Chat/hooks/useStreamingText.mjs";
-import { useTheme as jt } from "./hooks/useTheme.mjs";
-import { useVoiceRecorder as Jt } from "./components/Chat/hooks/useVoiceRecorder.mjs";
-import { warnBrandProp as Zt, warnFieldChildren as $t, warnGlassVariant as rp, warnHardcodedColors as op, warnMissingAriaLabel as ep, warnThemeProp as tp, warnUsePrebuiltSection as pp } from "./utils/validation.mjs";
+import { ALL_FONTS as ar, BRAND_FONTS as mr, FONT_PRECONNECT_URLS as fr, GOOGLE_FONTS_URL as xr, areBrandFontsLoaded as nr, getFontLinkTags as ir, getMissingFonts as sr, isFontLoaded as lr, waitForFonts as dr } from "./index16.mjs";
+import { Accordion as ur } from "./index17.mjs";
+import { ActivityFeed as gr } from "./index18.mjs";
+import { AgentCard as Sr } from "./index19.mjs";
+import { Alert as br } from "./index20.mjs";
+import { AlertDialog as Fr } from "./index21.mjs";
+import { Avatar as kr } from "./index22.mjs";
+import { Badge as Pr } from "./index23.mjs";
+import { Banner as Mr } from "./index24.mjs";
+import { Breadcrumb as vr } from "./index25.mjs";
+import { Button as Ir } from "./index26.mjs";
+import { Calendar as Er } from "./index27.mjs";
+import { Card as Rr } from "./index28.mjs";
+import { Carousel as Gr } from "./index29.mjs";
+import { CarouselCard as Hr } from "./index30.mjs";
+import { ChartContainer as Vr, ChartGradient as Qr, ChartLegend as Xr, ChartLegendContent as qr, ChartTooltip as Wr, ChartTooltipContent as jr } from "./index31.mjs";
+import { Chat as Jr } from "./index32.mjs";
+import { Checkbox as Zr } from "./index33.mjs";
+import { Chip as ro } from "./index34.mjs";
+import { CodeEditor as eo } from "./index35.mjs";
+import { Collapsible as po } from "./index36.mjs";
+import { CollapsibleFolder as mo } from "./index37.mjs";
+import { Combobox as xo } from "./index38.mjs";
+import { Command as io } from "./index39.mjs";
+import { CommandBar as lo } from "./index40.mjs";
+import { Container as uo } from "./index41.mjs";
+import { DataTable as go } from "./index42.mjs";
+import { DatePicker as So } from "./index43.mjs";
+import { DetailPanel as bo } from "./index44.mjs";
+import { Divider as Fo } from "./index45.mjs";
+import { Drawer as ko } from "./index46.mjs";
+import { Dropdown as Po } from "./index47.mjs";
+import { EmptyState as Mo } from "./index48.mjs";
+import { ErrorBoundary as vo } from "./index49.mjs";
+import { Field as Io } from "./index50.mjs";
+import { FileUploader as Eo } from "./index51.mjs";
+import { FilterBar as Ro } from "./index52.mjs";
+import { FontLoader as Go } from "./index53.mjs";
+import { FormSection as Ho } from "./index54.mjs";
+import { Icon as Vo } from "./index55.mjs";
+import { IconGallery as Xo } from "./index56.mjs";
+import { Icons as Wo } from "./index57.mjs";
+import { InputOTP as zo } from "./index58.mjs";
+import { KanbanBoard as Yo } from "./index59.mjs";
+import { LandingPageExample as $o } from "./index60.mjs";
+import { Link as oe } from "./index61.mjs";
+import { List as te } from "./index62.mjs";
+import { MetricCard as ae, MetricCards as me } from "./index63.mjs";
+import { Modal as xe } from "./index64.mjs";
+import { NavTree as ie } from "./index65.mjs";
+import { Navbar as le } from "./index66.mjs";
+import { NotificationCenter as Ce } from "./index67.mjs";
+import { PageHeader as ce } from "./index68.mjs";
+import { Pagination as he } from "./index69.mjs";
+import { Popover as Te } from "./index70.mjs";
+import { ProgressBar as we } from "./index71.mjs";
+import { QuickActions as Le } from "./index72.mjs";
+import { Radio as De } from "./index73.mjs";
+import { SearchInput as Ae } from "./index74.mjs";
+import { Section as Be } from "./index75.mjs";
+import { Select as ye } from "./index76.mjs";
+import { Sidebar as Oe } from "./index77.mjs";
+import { Skeleton as Ne } from "./index78.mjs";
+import { Slider as Ue } from "./index79.mjs";
+import { Spinner as _e } from "./index80.mjs";
+import { Stack as Ke } from "./index81.mjs";
+import { Stepper as Qe } from "./index82.mjs";
+import { Switch as qe } from "./index83.mjs";
+import { Table as je } from "./index84.mjs";
+import { Tabs as Je } from "./index85.mjs";
+import { Textarea as Ze } from "./index86.mjs";
+import { ThemeController as rt } from "./index87.mjs";
+import { ThemeProvider as et, useThemeContext as tt } from "./index88.mjs";
+import { ToastProvider as at, useToast as mt } from "./index89.mjs";
+import { Toggle as xt } from "./index90.mjs";
+import { ToggleGroup as it } from "./index91.mjs";
+import { Tooltip as lt } from "./index92.mjs";
+import { UserMenu as Ct } from "./index93.mjs";
+import { WorkspaceSwitcher as ct } from "./index94.mjs";
+import { useAutoScroll as ht } from "./index95.mjs";
+import { useChatInput as Tt } from "./index96.mjs";
+import { useClickOutside as wt, useClickOutsideMultiple as Ft } from "./index97.mjs";
+import { useCopy as kt, useCopyToClipboard as Dt } from "./index98.mjs";
+import { useDebounce as At, useDebouncedCallback as Mt } from "./index99.mjs";
+import { useDisclosure as vt } from "./index100.mjs";
+import { useIsDesktop as It, useIsMobile as Ot, useIsTablet as Et, useMediaQuery as Nt, usePrefersDarkMode as Rt, usePrefersReducedMotion as Ut } from "./index101.mjs";
+import { useKeyboard as _t, useKeyboardShortcuts as Ht } from "./index102.mjs";
+import { useLocalStorage as Vt, useSessionStorage as Qt } from "./index103.mjs";
+import { useStreamingText as qt } from "./index104.mjs";
+import { useTheme as jt } from "./index105.mjs";
+import { useVoiceRecorder as Jt } from "./index106.mjs";
+import { warnBrandProp as Zt, warnFieldChildren as $t, warnGlassVariant as rp, warnHardcodedColors as op, warnMissingAriaLabel as ep, warnThemeProp as tp, warnUsePrebuiltSection as pp } from "./index107.mjs";
 export {
   ar as ALL_FONTS,
   ur as Accordion,

package/dist/index10 2.mjs

@@ -0,0 +1,58 @@
+import { jsxs as v, jsx as a } from "react/jsx-runtime";
+import { useState as I } from "react";
+import { User as j } from "lucide-react";
+import s from "./index131.mjs";
+const u = {
+  xs: "xs",
+  sm: "sm",
+  md: "md",
+  lg: "lg",
+  xl: "xl",
+  "2xl": "xxl",
+  "3xl": "xxxl",
+  "4xl": "xxxxl",
+  "5xl": "xxxxxl",
+  profile: "profile"
+}, w = ({
+  src: o,
+  alt: x = "",
+  initials: t,
+  icon: m,
+  size: i = "md",
+  status: e,
+  interactive: c = !1,
+  className: p,
+  ...d
+}) => {
+  const [f, N] = I(!1), g = u[i] || i, h = [
+    s.avatar,
+    s[g],
+    c && s.interactive,
+    p
+  ].filter(Boolean).join(" "), l = o && !f, r = !l && t, n = !l && !r && m;
+  return /* @__PURE__ */ v("div", { className: h, ...d, children: [
+    l && /* @__PURE__ */ a(
+      "img",
+      {
+        src: o,
+        alt: x,
+        className: s.image,
+        onError: () => N(!0)
+      }
+    ),
+    r && /* @__PURE__ */ a("span", { className: s.initials, children: t }),
+    n && /* @__PURE__ */ a("span", { className: s.icon, children: m }),
+    !l && !r && !n && /* @__PURE__ */ a("span", { className: s.icon, children: /* @__PURE__ */ a(j, {}) }),
+    e && /* @__PURE__ */ a(
+      "span",
+      {
+        className: `${s.statusIndicator} ${s[e]}`,
+        "aria-label": `Status: ${e}`
+      }
+    )
+  ] });
+};
+w.displayName = "Avatar";
+export {
+  w as Avatar
+};

package/dist/index10 3.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),N=require("react"),h=require("lucide-react"),a=require("./index131.cjs"),I={xs:"xs",sm:"sm",md:"md",lg:"lg",xl:"xl","2xl":"xxl","3xl":"xxxl","4xl":"xxxxl","5xl":"xxxxxl",profile:"profile"},x=({src:r,alt:d="",initials:n,icon:o,size:c="md",status:l,interactive:u=!1,className:m,...f})=>{const[j,g]=N.useState(!1),p=I[c]||c,v=[a.default.avatar,a.default[p],u&&a.default.interactive,m].filter(Boolean).join(" "),s=r&&!j,t=!s&&n,i=!s&&!t&&o;return e.jsxs("div",{className:v,...f,children:[s&&e.jsx("img",{src:r,alt:d,className:a.default.image,onError:()=>g(!0)}),t&&e.jsx("span",{className:a.default.initials,children:n}),i&&e.jsx("span",{className:a.default.icon,children:o}),!s&&!t&&!i&&e.jsx("span",{className:a.default.icon,children:e.jsx(h.User,{})}),l&&e.jsx("span",{className:`${a.default.statusIndicator} ${a.default[l]}`,"aria-label":`Status: ${l}`})]})};x.displayName="Avatar";exports.Avatar=x;

package/dist/index10.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index37.cjs");exports.CollapsibleFolder=e.CollapsibleFolder;

package/dist/index10.mjs

@@ -0,0 +1,4 @@
+import { CollapsibleFolder as e } from "./index37.mjs";
+export {
+  e as CollapsibleFolder
+};

package/dist/index11 2.mjs

@@ -0,0 +1,20 @@
+import { jsxs as d, jsx as m } from "react/jsx-runtime";
+import a from "./index144.mjs";
+const i = ({
+  variant: s = "neutral",
+  size: e = "md",
+  dot: r = !1,
+  className: o,
+  children: t,
+  ...l
+}) => {
+  const n = [a.badge, a[s], a[e], o].filter(Boolean).join(" ");
+  return /* @__PURE__ */ d("span", { className: n, ...l, children: [
+    r && /* @__PURE__ */ m("span", { className: a.dot, "aria-hidden": "true" }),
+    t
+  ] });
+};
+i.displayName = "Badge";
+export {
+  i as Badge
+};

package/dist/index11 4.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),e=require("./index144.cjs"),s=({variant:t="neutral",size:d="md",dot:l=!1,className:n,children:r,...u})=>{const o=[e.default.badge,e.default[t],e.default[d],n].filter(Boolean).join(" ");return a.jsxs("span",{className:o,...u,children:[l&&a.jsx("span",{className:e.default.dot,"aria-hidden":"true"}),r]})};s.displayName="Badge";exports.Badge=s;

package/dist/index11.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index32.cjs");exports.Chat=t.Chat;

package/dist/index11.mjs

@@ -0,0 +1,4 @@
+import { Chat as t } from "./index32.mjs";
+export {
+  t as Chat
+};

package/dist/index110.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("react"),a=require("./index261.cjs"),r=i.forwardRef(({activities:s,showFilters:o=!1,filters:c=[],activeFilter:u,onFilterChange:m,compact:d=!1,hasMore:f=!1,onLoadMore:h,emptyMessage:j="No activities yet",className:p},N)=>{const[l,x]=i.useState(u||"all"),v=e=>{x(e),m?.(e)},n=l==="all"?s:s.filter(e=>e.type===l);return t.jsxs("section",{ref:N,className:`${a.default.section} ${p||""}`,children:[o&&c.length>0&&t.jsx("div",{className:a.default.filters,children:c.map(e=>t.jsxs("button",{className:`${a.default.filterButton} ${l===e.value?a.default.filterButtonActive:""}`,onClick:()=>v(e.value),type:"button",children:[e.label,e.count!=null&&t.jsx("span",{className:a.default.filterCount,children:e.count})]},e.value))}),n.length===0?t.jsx("div",{className:a.default.empty,children:j}):t.jsx("div",{className:a.default.list,children:n.map(e=>t.jsxs("div",{className:`${a.default.item} ${d?a.default.itemCompact:""}`,children:[e.iconVariant&&t.jsx("div",{className:`${a.default.iconIndicator} ${a.default[`icon${e.iconVariant.charAt(0).toUpperCase()+e.iconVariant.slice(1)}`]||""}`}),e.actor.avatar?t.jsx("img",{src:e.actor.avatar,alt:e.actor.name,className:`${a.default.avatar} ${d?a.default.avatarCompact:""}`}):t.jsx("div",{className:a.default.avatarPlaceholder,children:e.actor.name.charAt(0)}),t.jsxs("div",{className:a.default.content,children:[t.jsx("p",{className:a.default.title,children:e.title}),e.description&&t.jsx("p",{className:a.default.description,children:e.description})]}),t.jsx("span",{className:a.default.time,children:e.relativeTime})]},e.id))}),f&&t.jsx("div",{className:a.default.loadMore,children:t.jsx("button",{className:a.default.loadMoreButton,onClick:h,type:"button",children:"Load more"})})]})});r.displayName="ActivityFeed";exports.ActivityFeed=r;

package/dist/index110.mjs

@@ -0,0 +1,77 @@
+import { jsxs as t, jsx as l } from "react/jsx-runtime";
+import A, { useState as C } from "react";
+import a from "./index261.mjs";
+const F = A.forwardRef(
+  ({
+    activities: c,
+    showFilters: i = !1,
+    filters: n = [],
+    activeFilter: d,
+    onFilterChange: m,
+    compact: r = !1,
+    hasMore: h = !1,
+    onLoadMore: p,
+    emptyMessage: N = "No activities yet",
+    className: u
+  }, v) => {
+    const [s, $] = C(d || "all"), f = (e) => {
+      $(e), m?.(e);
+    }, o = s === "all" ? c : c.filter((e) => e.type === s);
+    return /* @__PURE__ */ t("section", { ref: v, className: `${a.section} ${u || ""}`, children: [
+      i && n.length > 0 && /* @__PURE__ */ l("div", { className: a.filters, children: n.map((e) => /* @__PURE__ */ t(
+        "button",
+        {
+          className: `${a.filterButton} ${s === e.value ? a.filterButtonActive : ""}`,
+          onClick: () => f(e.value),
+          type: "button",
+          children: [
+            e.label,
+            e.count != null && /* @__PURE__ */ l("span", { className: a.filterCount, children: e.count })
+          ]
+        },
+        e.value
+      )) }),
+      o.length === 0 ? /* @__PURE__ */ l("div", { className: a.empty, children: N }) : /* @__PURE__ */ l("div", { className: a.list, children: o.map((e) => /* @__PURE__ */ t(
+        "div",
+        {
+          className: `${a.item} ${r ? a.itemCompact : ""}`,
+          children: [
+            e.iconVariant && /* @__PURE__ */ l(
+              "div",
+              {
+                className: `${a.iconIndicator} ${a[`icon${e.iconVariant.charAt(0).toUpperCase() + e.iconVariant.slice(1)}`] || ""}`
+              }
+            ),
+            e.actor.avatar ? /* @__PURE__ */ l(
+              "img",
+              {
+                src: e.actor.avatar,
+                alt: e.actor.name,
+                className: `${a.avatar} ${r ? a.avatarCompact : ""}`
+              }
+            ) : /* @__PURE__ */ l("div", { className: a.avatarPlaceholder, children: e.actor.name.charAt(0) }),
+            /* @__PURE__ */ t("div", { className: a.content, children: [
+              /* @__PURE__ */ l("p", { className: a.title, children: e.title }),
+              e.description && /* @__PURE__ */ l("p", { className: a.description, children: e.description })
+            ] }),
+            /* @__PURE__ */ l("span", { className: a.time, children: e.relativeTime })
+          ]
+        },
+        e.id
+      )) }),
+      h && /* @__PURE__ */ l("div", { className: a.loadMore, children: /* @__PURE__ */ l(
+        "button",
+        {
+          className: a.loadMoreButton,
+          onClick: p,
+          type: "button",
+          children: "Load more"
+        }
+      ) })
+    ] });
+  }
+);
+F.displayName = "ActivityFeed";
+export {
+  F as ActivityFeed
+};

package/dist/index111.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react");require("lucide-react");const c=require("./index191.cjs"),n=require("./index196.cjs"),o=require("./index223.cjs"),t=require("./index241.cjs"),p=d.forwardRef(({title:h="Edit Agent",agent:x,availableModels:i=["gpt-4","gpt-3.5-turbo","claude-3-opus"],onSave:m,onCancel:f,isLoading:r=!1,error:u,className:j,...v},b)=>{const[l,g]=d.useState(x||{id:"",name:"",description:"",model:i[0]||"gpt-4",systemPrompt:"",temperature:.7,maxTokens:2e3}),s=d.useCallback((a,C)=>{g(y=>({...y,[a]:C}))},[]),N=d.useCallback(()=>{l.name.trim()&&m?.(l)},[l,m]);return e.jsx("div",{ref:b,className:[t.default.root,j].filter(Boolean).join(" "),...v,children:e.jsxs(n.Card,{children:[e.jsx(n.Card.Header,{children:e.jsx("h2",{className:t.default.title,children:h})}),e.jsxs(n.Card.Body,{className:t.default.body,children:[u&&e.jsx("div",{className:t.default.error,children:u}),e.jsx("div",{className:t.default.formGroup,children:e.jsx(o.Field,{label:"Agent Name",type:"text",placeholder:"e.g., Customer Support Bot",value:l.name,onChange:a=>s("name",a.target.value),disabled:r})}),e.jsx("div",{className:t.default.formGroup,children:e.jsx(o.Field,{label:"Description",placeholder:"Brief description of the agent's purpose",value:l.description,onChange:a=>s("description",a.target.value),disabled:r})}),e.jsxs("div",{className:t.default.formRow,children:[e.jsxs("div",{className:t.default.formGroup,children:[e.jsx("label",{htmlFor:"model",className:t.default.label,children:"Model"}),e.jsx("select",{id:"model",className:t.default.select,value:l.model,onChange:a=>s("model",a.target.value),disabled:r,children:i.map(a=>e.jsx("option",{value:a,children:a},a))})]}),e.jsx("div",{className:t.default.formGroup,children:e.jsx(o.Field,{label:"Temperature",type:"number",min:"0",max:"2",step:"0.1",value:l.temperature,onChange:a=>s("temperature",parseFloat(a.target.value)),disabled:r})})]}),e.jsx("div",{className:t.default.formGroup,children:e.jsx(o.Field,{label:"Max Tokens",type:"number",min:"1",max:"32000",value:l.maxTokens,onChange:a=>s("maxTokens",parseInt(a.target.value,10)),disabled:r})}),e.jsxs("div",{className:t.default.formGroup,children:[e.jsx("label",{htmlFor:"system-prompt",className:t.default.label,children:"System Prompt"}),e.jsx("textarea",{id:"system-prompt",className:t.default.textarea,placeholder:"Define the agent's behavior and instructions",value:l.systemPrompt,onChange:a=>s("systemPrompt",a.target.value),disabled:r,rows:6})]})]}),e.jsxs(n.Card.Footer,{className:t.default.footer,children:[e.jsx(c.Button,{variant:"ghost",onClick:f,disabled:r,children:"Cancel"}),e.jsx(c.Button,{variant:"primary",onClick:N,isLoading:r,disabled:!l.name.trim(),children:"Save Agent"})]})]})})});p.displayName="AgentEditor";exports.AgentEditor=p;

package/dist/index111.mjs

@@ -0,0 +1,158 @@
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { forwardRef as F, useState as G, useCallback as p } from "react";
+import "lucide-react";
+import { Button as h } from "./index191.mjs";
+import { Card as m } from "./index196.mjs";
+import { Field as n } from "./index223.mjs";
+import r from "./index241.mjs";
+const A = F(
+  ({
+    title: u = "Edit Agent",
+    agent: v,
+    availableModels: i = ["gpt-4", "gpt-3.5-turbo", "claude-3-opus"],
+    onSave: d,
+    onCancel: f,
+    isLoading: l = !1,
+    error: c,
+    className: b,
+    ...g
+  }, N) => {
+    const [t, y] = G(
+      v || {
+        id: "",
+        name: "",
+        description: "",
+        model: i[0] || "gpt-4",
+        systemPrompt: "",
+        temperature: 0.7,
+        maxTokens: 2e3
+      }
+    ), o = p(
+      (a, C) => {
+        y((k) => ({
+          ...k,
+          [a]: C
+        }));
+      },
+      []
+    ), x = p(() => {
+      t.name.trim() && d?.(t);
+    }, [t, d]);
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        ref: N,
+        className: [r.root, b].filter(Boolean).join(" "),
+        ...g,
+        children: /* @__PURE__ */ s(m, { children: [
+          /* @__PURE__ */ e(m.Header, { children: /* @__PURE__ */ e("h2", { className: r.title, children: u }) }),
+          /* @__PURE__ */ s(m.Body, { className: r.body, children: [
+            c && /* @__PURE__ */ e("div", { className: r.error, children: c }),
+            /* @__PURE__ */ e("div", { className: r.formGroup, children: /* @__PURE__ */ e(
+              n,
+              {
+                label: "Agent Name",
+                type: "text",
+                placeholder: "e.g., Customer Support Bot",
+                value: t.name,
+                onChange: (a) => o("name", a.target.value),
+                disabled: l
+              }
+            ) }),
+            /* @__PURE__ */ e("div", { className: r.formGroup, children: /* @__PURE__ */ e(
+              n,
+              {
+                label: "Description",
+                placeholder: "Brief description of the agent's purpose",
+                value: t.description,
+                onChange: (a) => o("description", a.target.value),
+                disabled: l
+              }
+            ) }),
+            /* @__PURE__ */ s("div", { className: r.formRow, children: [
+              /* @__PURE__ */ s("div", { className: r.formGroup, children: [
+                /* @__PURE__ */ e("label", { htmlFor: "model", className: r.label, children: "Model" }),
+                /* @__PURE__ */ e(
+                  "select",
+                  {
+                    id: "model",
+                    className: r.select,
+                    value: t.model,
+                    onChange: (a) => o("model", a.target.value),
+                    disabled: l,
+                    children: i.map((a) => /* @__PURE__ */ e("option", { value: a, children: a }, a))
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ e("div", { className: r.formGroup, children: /* @__PURE__ */ e(
+                n,
+                {
+                  label: "Temperature",
+                  type: "number",
+                  min: "0",
+                  max: "2",
+                  step: "0.1",
+                  value: t.temperature,
+                  onChange: (a) => o("temperature", parseFloat(a.target.value)),
+                  disabled: l
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ e("div", { className: r.formGroup, children: /* @__PURE__ */ e(
+              n,
+              {
+                label: "Max Tokens",
+                type: "number",
+                min: "1",
+                max: "32000",
+                value: t.maxTokens,
+                onChange: (a) => o("maxTokens", parseInt(a.target.value, 10)),
+                disabled: l
+              }
+            ) }),
+            /* @__PURE__ */ s("div", { className: r.formGroup, children: [
+              /* @__PURE__ */ e("label", { htmlFor: "system-prompt", className: r.label, children: "System Prompt" }),
+              /* @__PURE__ */ e(
+                "textarea",
+                {
+                  id: "system-prompt",
+                  className: r.textarea,
+                  placeholder: "Define the agent's behavior and instructions",
+                  value: t.systemPrompt,
+                  onChange: (a) => o("systemPrompt", a.target.value),
+                  disabled: l,
+                  rows: 6
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ s(m.Footer, { className: r.footer, children: [
+            /* @__PURE__ */ e(
+              h,
+              {
+                variant: "ghost",
+                onClick: f,
+                disabled: l,
+                children: "Cancel"
+              }
+            ),
+            /* @__PURE__ */ e(
+              h,
+              {
+                variant: "primary",
+                onClick: x,
+                isLoading: l,
+                disabled: !t.name.trim(),
+                children: "Save Agent"
+              }
+            )
+          ] })
+        ] })
+      }
+    );
+  }
+);
+A.displayName = "AgentEditor";
+export {
+  A as AgentEditor
+};

package/dist/index112.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("lucide-react");const l=require("./index244.cjs"),o=require("./index245.cjs"),t=({agents:r,agentCount:n,...a})=>e.jsx(o.CollapsibleFolder,{...a,items:r,itemCount:n,itemLabel:"Agente",itemLabelPlural:"Agentes",emptyText:"No hay agentes en esta carpeta",sortLabel:"Ordenar",renderItem:i=>e.jsx(l.AgentCard,{...i})});t.displayName="AgentFolder";exports.AgentFolder=t;

package/dist/index112.mjs

@@ -0,0 +1,25 @@
+import { jsx as e } from "react/jsx-runtime";
+import "lucide-react";
+import { AgentCard as m } from "./index244.mjs";
+import { CollapsibleFolder as l } from "./index245.mjs";
+const s = ({
+  agents: t,
+  agentCount: r,
+  ...a
+}) => /* @__PURE__ */ e(
+  l,
+  {
+    ...a,
+    items: t,
+    itemCount: r,
+    itemLabel: "Agente",
+    itemLabelPlural: "Agentes",
+    emptyText: "No hay agentes en esta carpeta",
+    sortLabel: "Ordenar",
+    renderItem: (o) => /* @__PURE__ */ e(m, { ...o })
+  }
+);
+s.displayName = "AgentFolder";
+export {
+  s as AgentFolder
+};

package/dist/index113.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),i=require("lucide-react"),k=require("./index190.cjs"),j=require("./index191.cjs"),d=require("./index196.cjs"),a=require("./index219.cjs");function B(l){switch(l){case"active":return"success";case"inactive":return"info";case"error":return"error";default:return"info"}}function S(l){return l.charAt(0).toUpperCase()+l.slice(1)}const x=r.forwardRef(({title:l="Agent Workspace",agents:n=[],selectedAgentId:p,onSelectAgent:N,onCreateAgent:c,onDeleteAgent:o,onEditAgent:u,isLoading:m=!1,error:f,subtitle:h,className:g,...C},v)=>{const y=r.useCallback((t,s)=>{s.stopPropagation(),window.confirm("Are you sure you want to delete this agent?")&&o?.(t)},[o]),b=r.useCallback((t,s)=>{s.stopPropagation(),u?.(t)},[u]);return e.jsxs("div",{ref:v,className:[a.default.root,g].filter(Boolean).join(" "),...C,children:[e.jsxs("div",{className:a.default.header,children:[e.jsxs("div",{className:a.default.headerContent,children:[e.jsx("h1",{className:a.default.title,children:l}),h&&e.jsx("p",{className:a.default.subtitle,children:h})]}),e.jsx(j.Button,{variant:"primary",icon:e.jsx(i.Plus,{size:20}),onClick:c,disabled:m,children:"New Agent"})]}),f&&e.jsx("div",{className:a.default.error,children:f}),e.jsx("div",{className:a.default.grid,children:n.length===0?e.jsx(d.Card,{className:a.default.emptyState,children:e.jsxs(d.Card.Body,{className:a.default.emptyStateBody,children:[e.jsx("div",{className:a.default.emptyStateIcon,children:"📋"}),e.jsx("h3",{className:a.default.emptyStateTitle,children:"No agents yet"}),e.jsx("p",{className:a.default.emptyStateText,children:"Create your first agent to get started"}),e.jsx(j.Button,{variant:"primary",onClick:c,disabled:m,children:"Create Agent"})]})}):n.map(t=>e.jsx(d.Card,{className:[a.default.agentCard,p===t.id&&a.default.agentCardSelected].filter(Boolean).join(" "),onClick:()=>N?.(t.id),children:e.jsxs(d.Card.Body,{className:a.default.agentCardBody,children:[e.jsxs("div",{className:a.default.agentHeader,children:[e.jsxs("div",{className:a.default.agentInfo,children:[e.jsx("h3",{className:a.default.agentName,children:t.name}),e.jsx(k.Badge,{variant:B(t.status),size:"sm",children:S(t.status)})]}),e.jsxs("div",{className:a.default.agentActions,children:[e.jsx("button",{className:a.default.actionButton,onClick:s=>b(t.id,s),"aria-label":"Edit agent",title:"Edit agent",children:e.jsx(i.Edit2,{size:18})}),e.jsx("button",{className:[a.default.actionButton,a.default.actionButtonDanger].join(" "),onClick:s=>y(t.id,s),"aria-label":"Delete agent",title:"Delete agent",children:e.jsx(i.Trash2,{size:18})})]})]}),e.jsx("p",{className:a.default.agentDescription,children:t.description}),e.jsxs("div",{className:a.default.agentMeta,children:[e.jsxs("div",{className:a.default.metaItem,children:[e.jsx(i.Clock,{size:14}),e.jsxs("span",{className:a.default.metaLabel,children:["Updated"," ",new Date(t.lastUpdated).toLocaleDateString()]})]}),t.usageCount!==void 0&&e.jsx("div",{className:a.default.metaItem,children:e.jsxs("span",{className:a.default.metaLabel,children:[t.usageCount," uses"]})})]})]})},t.id))})]})});x.displayName="AgentWorkspace";exports.AgentWorkspace=x;