@orion-ds/react 4.9.2 → 4.9.3

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_agentCard_1evy3_8",t="_clickable_1evy3_17",a="_draggable_1evy3_21",i="_dragging_1evy3_33",n="_headerContent_1evy3_53",_="_iconAvatar_1evy3_62",g="_headerRight_1evy3_75",r="_multiBadge_1evy3_82",d="_title_1evy3_98",c="_description_1evy3_109",o="_timestamp_1evy3_128",l={agentCard:e,clickable:t,draggable:a,dragging:i,headerContent:n,iconAvatar:_,headerRight:g,multiBadge:r,title:d,description:c,timestamp:o};exports.agentCard=e;exports.clickable=t;exports.default=l;exports.description=c;exports.draggable=a;exports.dragging=i;exports.headerContent=n;exports.headerRight=g;exports.iconAvatar=_;exports.multiBadge=r;exports.timestamp=o;exports.title=d;

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

@@ -0,0 +1,27 @@
+const e = "_agentCard_1evy3_8", t = "_clickable_1evy3_17", a = "_draggable_1evy3_21", _ = "_dragging_1evy3_33", n = "_headerContent_1evy3_53", i = "_iconAvatar_1evy3_62", c = "_headerRight_1evy3_75", g = "_multiBadge_1evy3_82", d = "_title_1evy3_98", o = "_description_1evy3_109", r = "_timestamp_1evy3_128", s = {
+  agentCard: e,
+  clickable: t,
+  draggable: a,
+  dragging: _,
+  headerContent: n,
+  iconAvatar: i,
+  headerRight: c,
+  multiBadge: g,
+  title: d,
+  description: o,
+  timestamp: r
+};
+export {
+  e as agentCard,
+  t as clickable,
+  s as default,
+  o as description,
+  a as draggable,
+  _ as dragging,
+  n as headerContent,
+  c as headerRight,
+  i as iconAvatar,
+  g as multiBadge,
+  r as timestamp,
+  d as title
+};

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

@@ -0,0 +1,83 @@
+import { HTMLAttributes, ReactNode } from 'react';
+
+/**
+ * @deprecated Status badges are no longer displayed. Use `isMultiAgent` instead.
+ */
+export type AgentStatus = "draft" | "published" | "archived";
+/**
+ * AgentCard component props
+ *
+ * @example
+ * ```tsx
+ * <AgentCard
+ *   id="agent-1"
+ *   avatar="/agent-avatar.png"
+ *   title="UVM Agent"
+ *   description="Agent for Universidad Virtual de México"
+ *   timestamp="Hace 2 horas"
+ *   isMultiAgent
+ * />
+ * ```
+ */
+export interface AgentCardProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Unique agent identifier
+     */
+    id: string;
+    /**
+     * Agent avatar (image URL or ReactNode icon)
+     */
+    avatar: string | ReactNode;
+    /**
+     * Agent title/name
+     */
+    title: string;
+    /**
+     * Agent description (max 2 lines with ellipsis). Space is always reserved
+     * for 2 lines even when empty, ensuring consistent card height in grids.
+     */
+    description?: string;
+    /**
+     * Timestamp text (e.g., "Hace 2 horas")
+     */
+    timestamp?: string;
+    /**
+     * When true, shows a "Multi" badge indicating this is a multi-agent.
+     * Only multi-agents show a badge; single agents show nothing.
+     */
+    isMultiAgent?: boolean;
+    /**
+     * Card click handler
+     */
+    onClick?: () => void;
+    /**
+     * Edit action handler
+     */
+    onEdit?: () => void;
+    /**
+     * Delete action handler
+     */
+    onDelete?: () => void;
+    /**
+     * Enable drag & drop functionality
+     * @default false
+     */
+    draggable?: boolean;
+    /**
+     * Currently being dragged
+     * @internal
+     */
+    isDragging?: boolean;
+    /**
+     * Available folders the agent can be moved to
+     */
+    availableFolders?: Array<{
+        id: string;
+        title: string;
+    }>;
+    /**
+     * Called when user selects a folder to move this agent
+     */
+    onMoveToFolder?: (folderId: string) => void;
+}
+//# sourceMappingURL=AgentCard.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AgentCard.types.d.ts","sourceRoot":"","sources":["../../../src/components/AgentCard/AgentCard.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,WAAW,GAAG,UAAU,CAAC;AAE7D;;;;;;;;;;;;;;GAcG;AACH,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAE3B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAExD;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7C"}

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

@@ -0,0 +1,8 @@
+/**
+ * AgentCard Component Exports
+ *
+ * Exports for the AgentCard component and its types.
+ */
+export { AgentCard } from './AgentCard';
+export type { AgentCardProps, AgentStatus } from './AgentCard.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AgentCard/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/components/Alert/Alert.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),l=require("lucide-react"),s=require("./Alert.module.css.cjs"),b={success:e.jsx(l.CheckCircle,{size:20}),error:e.jsx(l.XCircle,{size:20}),warning:e.jsx(l.AlertTriangle,{size:20}),info:e.jsx(l.Info,{size:20}),inverse:e.jsx(l.Info,{size:20})},u=({variant:t="info",title:a,dismissible:d=!1,onClose:f,icon:i,className:n,children:o,...j})=>{const[m,x]=r.useState(!0),h=()=>{x(!1),f?.()},N=r.useMemo(()=>[s.default.alert,s.default[t],n].filter(Boolean).join(" "),[t,n]),c=r.useMemo(()=>i!==void 0?i:b[t],[i,t]);return m?e.jsxs("div",{className:N,role:"alert",...j,children:[c&&e.jsx("div",{className:s.default.icon,"aria-hidden":"true",children:c}),e.jsxs("div",{className:s.default.content,children:[a&&e.jsx("div",{className:s.default.title,children:a}),o&&e.jsx("div",{className:s.default.message,children:o})]}),d&&e.jsx("button",{type:"button",className:s.default.closeButton,onClick:h,"aria-label":"Close alert",children:e.jsx(l.X,{size:18,"aria-hidden":"true"})})]}):null};u.displayName="Alert";exports.Alert=u;

package/dist/components/Alert/Alert.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,OAAO,KAAK,EAAE,UAAU,EAAgB,MAAM,eAAe,CAAC;AAe9D,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA6DtC,CAAC"}

package/dist/components/Alert/Alert.mjs

@@ -0,0 +1,51 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { useState as z, useMemo as c } from "react";
+import { X as b, Info as d, AlertTriangle as v, XCircle as y, CheckCircle as A } from "lucide-react";
+import s from "./Alert.module.css.mjs";
+const I = {
+  success: /* @__PURE__ */ e(A, { size: 20 }),
+  error: /* @__PURE__ */ e(y, { size: 20 }),
+  warning: /* @__PURE__ */ e(v, { size: 20 }),
+  info: /* @__PURE__ */ e(d, { size: 20 }),
+  inverse: /* @__PURE__ */ e(d, { size: 20 })
+}, g = ({
+  variant: i = "info",
+  title: r,
+  dismissible: m = !1,
+  onClose: u,
+  icon: l,
+  className: o,
+  children: t,
+  ...f
+}) => {
+  const [h, p] = z(!0), N = () => {
+    p(!1), u?.();
+  }, C = c(
+    () => [s.alert, s[i], o].filter(Boolean).join(" "),
+    [i, o]
+  ), n = c(
+    () => l !== void 0 ? l : I[i],
+    [l, i]
+  );
+  return h ? /* @__PURE__ */ a("div", { className: C, role: "alert", ...f, children: [
+    n && /* @__PURE__ */ e("div", { className: s.icon, "aria-hidden": "true", children: n }),
+    /* @__PURE__ */ a("div", { className: s.content, children: [
+      r && /* @__PURE__ */ e("div", { className: s.title, children: r }),
+      t && /* @__PURE__ */ e("div", { className: s.message, children: t })
+    ] }),
+    m && /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        className: s.closeButton,
+        onClick: N,
+        "aria-label": "Close alert",
+        children: /* @__PURE__ */ e(b, { size: 18, "aria-hidden": "true" })
+      }
+    )
+  ] }) : null;
+};
+g.displayName = "Alert";
+export {
+  g as Alert
+};

package/dist/components/Alert/Alert.module.css

@@ -0,0 +1 @@
+._alert_r563j_8{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);border-radius:var(--radius-control);font-family:var(--font-secondary);font-size:var(--font-size-14);line-height:var(--line-height-normal)}._icon_r563j_25{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px}._content_r563j_35{flex:1;display:flex;flex-direction:column;gap:var(--spacing-1)}._title_r563j_43{font-weight:var(--font-weight-medium);font-size:var(--font-size-16);line-height:var(--line-height-tight)}._message_r563j_50{color:inherit;opacity:.9}._closeButton_r563j_56{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;color:inherit;opacity:.6;transition:all var(--transition-fast)}._closeButton_r563j_56:hover{opacity:1;background:var(--interactive-ghost-hover)}._closeButton_r563j_56:active{transform:scale(.95)}._closeButton_r563j_56:focus-visible{outline:2px solid currentColor;outline-offset:2px;opacity:1}._success_r563j_99{background:var(--alert-success-bg);border:1px solid var(--alert-success-border);color:var(--alert-success-text)}._error_r563j_106{background:var(--alert-error-bg);border:1px solid var(--alert-error-border);color:var(--alert-error-text)}._warning_r563j_113{background:var(--alert-warning-bg);border:1px solid var(--alert-warning-border);color:var(--alert-warning-text)}._info_r563j_120{background:var(--alert-info-bg);border:1px solid var(--alert-info-border);color:var(--alert-info-text)}._inverse_r563j_128,[data-dark-bg=true] ._success_r563j_99,[data-dark-bg=true] ._error_r563j_106,[data-dark-bg=true] ._warning_r563j_113,[data-dark-bg=true] ._info_r563j_120{background:color-mix(in srgb,var(--color-neutral-0) 20%,transparent);color:var(--color-neutral-0);border:1px solid color-mix(in srgb,var(--color-neutral-0) 20%,transparent)}

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_alert_r563j_8",t="_icon_r563j_25",n="_content_r563j_35",s="_title_r563j_43",o="_message_r563j_50",r="_closeButton_r563j_56",_="_success_r563j_99",c="_error_r563j_106",i="_warning_r563j_113",l="_info_r563j_120",a="_inverse_r563j_128",u={alert:e,icon:t,content:n,title:s,message:o,closeButton:r,success:_,error:c,warning:i,info:l,inverse:a};exports.alert=e;exports.closeButton=r;exports.content=n;exports.default=u;exports.error=c;exports.icon=t;exports.info=l;exports.inverse=a;exports.message=o;exports.success=_;exports.title=s;exports.warning=i;

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

@@ -0,0 +1,27 @@
+const n = "_alert_r563j_8", s = "_icon_r563j_25", t = "_content_r563j_35", e = "_title_r563j_43", _ = "_message_r563j_50", o = "_closeButton_r563j_56", r = "_success_r563j_99", c = "_error_r563j_106", i = "_warning_r563j_113", a = "_info_r563j_120", j = "_inverse_r563j_128", l = {
+  alert: n,
+  icon: s,
+  content: t,
+  title: e,
+  message: _,
+  closeButton: o,
+  success: r,
+  error: c,
+  warning: i,
+  info: a,
+  inverse: j
+};
+export {
+  n as alert,
+  o as closeButton,
+  t as content,
+  l as default,
+  c as error,
+  s as icon,
+  a as info,
+  j as inverse,
+  _ as message,
+  r as success,
+  e as title,
+  i as warning
+};

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

@@ -0,0 +1,49 @@
+import { HTMLAttributes, ReactNode } from 'react';
+
+/**
+ * Alert variants (status types)
+ */
+export type AlertVariant = "success" | "error" | "warning" | "info" | "inverse";
+/**
+ * Alert component props
+ *
+ * @example
+ * ```tsx
+ * <Alert variant="success" title="Success!">
+ *   Your changes have been saved.
+ * </Alert>
+ *
+ * <Alert variant="error" onClose={() => {}}>
+ *   An error occurred.
+ * </Alert>
+ * ```
+ */
+export interface AlertProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Alert variant (status type)
+     * @default 'info'
+     */
+    variant?: AlertVariant;
+    /**
+     * Alert title (optional)
+     */
+    title?: string;
+    /**
+     * Show close button
+     * @default false
+     */
+    dismissible?: boolean;
+    /**
+     * Close button callback
+     */
+    onClose?: () => void;
+    /**
+     * Custom icon (overrides default status icon)
+     */
+    icon?: ReactNode;
+    /**
+     * Alert content
+     */
+    children?: ReactNode;
+}
+//# sourceMappingURL=Alert.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.types.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/Alert.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;AAEhF;;;;;;;;;;;;;GAaG;AACH,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}

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

@@ -0,0 +1,16 @@
+/**
+ * Alert Component - System messages and notifications.
+ *
+ * @example
+ * ```tsx
+ * import { Alert } from '@orion-ds/react';
+ *
+ * <Alert variant="info" title="Info">This is an informational alert.</Alert>
+ * <Alert variant="success" title="Success">Operation completed.</Alert>
+ * <Alert variant="warning" title="Warning">Please review.</Alert>
+ * <Alert variant="error" title="Error" onClose={() => {}}>Something went wrong.</Alert>
+ * ```
+ */
+export { Alert } from './Alert';
+export type { AlertProps, AlertVariant } from './Alert.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/AlertDialog/AlertDialog.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),n=require("react"),I=require("react-dom"),d=require("lucide-react"),o=require("./AlertDialog.module.css.cjs"),g=n.createContext(null);function m(){return n.useContext(g)}const b={info:l.jsx(d.Info,{size:24}),warning:l.jsx(d.AlertTriangle,{size:24}),danger:l.jsx(d.AlertCircle,{size:24})},r=({open:e,onClose:t,closeOnBackdrop:i=!1,closeOnEscape:a=!1,children:c,className:x})=>{const u=n.useId(),f=n.useId();if(n.useEffect(()=>{if(!e||!a)return;const s=p=>{p.key==="Escape"&&t()};return document.addEventListener("keydown",s),()=>document.removeEventListener("keydown",s)},[e,a,t]),n.useEffect(()=>(e?document.body.style.overflow="hidden":document.body.style.overflow="",()=>{document.body.style.overflow=""}),[e]),!e)return null;const N=[o.default.dialog,x].filter(Boolean).join(" "),v=s=>{i&&s.target===s.currentTarget&&t()};return I.createPortal(l.jsx(g.Provider,{value:{titleId:u,descriptionId:f},children:l.jsx("div",{className:o.default.backdrop,onClick:v,role:"alertdialog","aria-modal":"true","aria-labelledby":u,"aria-describedby":f,children:l.jsx("div",{className:N,children:c})})}),document.body)},A=({variant:e="info",icon:t,className:i})=>{const a={info:o.default.iconInfo,warning:o.default.iconWarning,danger:o.default.iconDanger}[e],c=[o.default.icon,a,i].filter(Boolean).join(" ");return l.jsx("div",{className:c,"aria-hidden":"true",children:t||b[e]})},D=({className:e,children:t})=>{const i=m(),a=[o.default.title,e].filter(Boolean).join(" ");return l.jsx("h2",{id:i?.titleId,className:a,children:t})},y=({className:e,children:t})=>{const i=m(),a=[o.default.description,e].filter(Boolean).join(" ");return l.jsx("p",{id:i?.descriptionId,className:a,children:t})},j=({className:e,children:t})=>{const i=[o.default.actions,e].filter(Boolean).join(" ");return l.jsx("div",{className:i,children:t})};r.Icon=A;r.Title=D;r.Description=y;r.Actions=j;r.displayName="AlertDialog";A.displayName="AlertDialog.Icon";D.displayName="AlertDialog.Title";y.displayName="AlertDialog.Description";j.displayName="AlertDialog.Actions";exports.AlertDialog=r;

package/dist/components/AlertDialog/AlertDialog.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { AlertDialogProps, AlertDialogIconProps, AlertDialogTitleProps, AlertDialogDescriptionProps, AlertDialogActionsProps } from './AlertDialog.types';
+
+export declare const AlertDialog: React.FC<AlertDialogProps> & {
+    Icon: React.FC<AlertDialogIconProps>;
+    Title: React.FC<AlertDialogTitleProps>;
+    Description: React.FC<AlertDialogDescriptionProps>;
+    Actions: React.FC<AlertDialogActionsProps>;
+};
+//# sourceMappingURL=AlertDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialog.d.ts","sourceRoot":"","sources":["../../../src/components/AlertDialog/AlertDialog.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,KAAsD,MAAM,OAAO,CAAC;AAG3E,OAAO,KAAK,EACV,gBAAgB,EAChB,oBAAoB,EACpB,qBAAqB,EACrB,2BAA2B,EAC3B,uBAAuB,EACxB,MAAM,qBAAqB,CAAC;AAsB7B,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,GAAG;IACrD,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAAC,CAAC;IACrC,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAAC,CAAC;IACvC,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAAC,CAAC;IACnD,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAAC,CAAC;CAgE5C,CAAC"}

package/dist/components/AlertDialog/AlertDialog.mjs

@@ -0,0 +1,91 @@
+import { jsx as o } from "react/jsx-runtime";
+import { useId as m, useEffect as f, createContext as h, useContext as x } from "react";
+import { createPortal as C } from "react-dom";
+import { AlertCircle as k, AlertTriangle as w, Info as j } from "lucide-react";
+import n from "./AlertDialog.module.css.mjs";
+const u = h(null);
+function g() {
+  return x(u);
+}
+const B = {
+  info: /* @__PURE__ */ o(j, { size: 24 }),
+  warning: /* @__PURE__ */ o(w, { size: 24 }),
+  danger: /* @__PURE__ */ o(k, { size: 24 })
+}, a = ({
+  open: e,
+  onClose: t,
+  closeOnBackdrop: i = !1,
+  closeOnEscape: r = !1,
+  children: s,
+  className: N
+}) => {
+  const c = m(), d = m();
+  if (f(() => {
+    if (!e || !r) return;
+    const l = (b) => {
+      b.key === "Escape" && t();
+    };
+    return document.addEventListener("keydown", l), () => document.removeEventListener("keydown", l);
+  }, [e, r, t]), f(() => (e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
+    document.body.style.overflow = "";
+  }), [e]), !e) return null;
+  const v = [n.dialog, N].filter(Boolean).join(" "), I = (l) => {
+    i && l.target === l.currentTarget && t();
+  };
+  return C(
+    /* @__PURE__ */ o(u.Provider, { value: { titleId: c, descriptionId: d }, children: /* @__PURE__ */ o(
+      "div",
+      {
+        className: n.backdrop,
+        onClick: I,
+        role: "alertdialog",
+        "aria-modal": "true",
+        "aria-labelledby": c,
+        "aria-describedby": d,
+        children: /* @__PURE__ */ o("div", { className: v, children: s })
+      }
+    ) }),
+    document.body
+  );
+}, y = ({
+  variant: e = "info",
+  icon: t,
+  className: i
+}) => {
+  const r = {
+    info: n.iconInfo,
+    warning: n.iconWarning,
+    danger: n.iconDanger
+  }[e], s = [n.icon, r, i].filter(Boolean).join(" ");
+  return /* @__PURE__ */ o("div", { className: s, "aria-hidden": "true", children: t || B[e] });
+}, A = ({
+  className: e,
+  children: t
+}) => {
+  const i = g(), r = [n.title, e].filter(Boolean).join(" ");
+  return /* @__PURE__ */ o("h2", { id: i?.titleId, className: r, children: t });
+}, p = ({
+  className: e,
+  children: t
+}) => {
+  const i = g(), r = [n.description, e].filter(Boolean).join(" ");
+  return /* @__PURE__ */ o("p", { id: i?.descriptionId, className: r, children: t });
+}, D = ({
+  className: e,
+  children: t
+}) => {
+  const i = [n.actions, e].filter(Boolean).join(" ");
+  return /* @__PURE__ */ o("div", { className: i, children: t });
+};
+a.Icon = y;
+a.Title = A;
+a.Description = p;
+a.Actions = D;
+a.displayName = "AlertDialog";
+y.displayName = "AlertDialog.Icon";
+A.displayName = "AlertDialog.Title";
+p.displayName = "AlertDialog.Description";
+D.displayName = "AlertDialog.Actions";
+export {
+  a as AlertDialog
+};

package/dist/components/AlertDialog/AlertDialog.module.css

@@ -0,0 +1 @@
+._backdrop_18ya7_9{position:fixed;inset:0;z-index:var(--z-modal-backdrop);display:flex;align-items:center;justify-content:center;background:var(--surface-overlay);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));animation:_fadeIn_18ya7_1 .2s ease;padding:var(--spacing-4)}@keyframes _fadeIn_18ya7_1{0%{opacity:0}to{opacity:1}}._dialog_18ya7_32{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:400px;background:var(--surface-base);border-radius:var(--radius-container);box-shadow:var(--shadow-xl);padding:var(--spacing-8) var(--spacing-6) var(--spacing-6);animation:_scaleIn_18ya7_1 .2s ease}@keyframes _scaleIn_18ya7_1{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){._backdrop_18ya7_9,._dialog_18ya7_32{animation:none}}._icon_18ya7_70{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-full);margin-bottom:var(--spacing-4);flex-shrink:0}._iconInfo_18ya7_81{background:var(--soft-info);color:var(--status-info)}._iconWarning_18ya7_86{background:var(--soft-warning);color:var(--status-warning)}._iconDanger_18ya7_91{background:var(--soft-error);color:var(--status-error)}._title_18ya7_100{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:var(--line-height-tight)}._description_18ya7_109{font-family:var(--font-secondary);font-size:var(--font-size-14);color:var(--text-secondary);margin:0 0 var(--spacing-6) 0;line-height:var(--line-height-normal)}._actions_18ya7_121{display:flex;align-items:center;justify-content:center;gap:var(--spacing-3);width:100%}

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n="_backdrop_18ya7_9",o="_dialog_18ya7_32",i="_icon_18ya7_70",c="_iconInfo_18ya7_81",t="_iconWarning_18ya7_86",a="_iconDanger_18ya7_91",_="_title_18ya7_100",e="_description_18ya7_109",s="_actions_18ya7_121",r={backdrop:n,dialog:o,icon:i,iconInfo:c,iconWarning:t,iconDanger:a,title:_,description:e,actions:s};exports.actions=s;exports.backdrop=n;exports.default=r;exports.description=e;exports.dialog=o;exports.icon=i;exports.iconDanger=a;exports.iconInfo=c;exports.iconWarning=t;exports.title=_;

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

@@ -0,0 +1,23 @@
+const n = "_backdrop_18ya7_9", o = "_dialog_18ya7_32", c = "_icon_18ya7_70", i = "_iconInfo_18ya7_81", _ = "_iconWarning_18ya7_86", a = "_iconDanger_18ya7_91", t = "_title_18ya7_100", s = "_description_18ya7_109", r = "_actions_18ya7_121", e = {
+  backdrop: n,
+  dialog: o,
+  icon: c,
+  iconInfo: i,
+  iconWarning: _,
+  iconDanger: a,
+  title: t,
+  description: s,
+  actions: r
+};
+export {
+  r as actions,
+  n as backdrop,
+  e as default,
+  s as description,
+  o as dialog,
+  c as icon,
+  a as iconDanger,
+  i as iconInfo,
+  _ as iconWarning,
+  t as title
+};

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

@@ -0,0 +1,90 @@
+import { ReactNode } from 'react';
+
+/**
+ * AlertDialog variant — controls accent color of icon
+ */
+export type AlertDialogVariant = "info" | "warning" | "danger";
+/**
+ * AlertDialog component props
+ *
+ * @example
+ * ```tsx
+ * <AlertDialog open={open} onClose={handleClose}>
+ *   <AlertDialog.Icon variant="danger" />
+ *   <AlertDialog.Title>Delete account?</AlertDialog.Title>
+ *   <AlertDialog.Description>This action cannot be undone.</AlertDialog.Description>
+ *   <AlertDialog.Actions>
+ *     <Button variant="ghost" onClick={handleClose}>Cancel</Button>
+ *     <Button variant="primary" onClick={handleConfirm}>Delete</Button>
+ *   </AlertDialog.Actions>
+ * </AlertDialog>
+ * ```
+ */
+export interface AlertDialogProps {
+    /**
+     * Whether the dialog is open
+     */
+    open: boolean;
+    /**
+     * Callback when dialog should close
+     */
+    onClose: () => void;
+    /**
+     * Close on backdrop click
+     * @default false
+     */
+    closeOnBackdrop?: boolean;
+    /**
+     * Close on Escape key
+     * @default false
+     */
+    closeOnEscape?: boolean;
+    /**
+     * Dialog content (use compound components)
+     */
+    children?: ReactNode;
+    /**
+     * Additional class name
+     */
+    className?: string;
+}
+/**
+ * AlertDialog.Icon props
+ */
+export interface AlertDialogIconProps {
+    /**
+     * Visual variant — controls icon and color
+     * @default 'info'
+     */
+    variant?: AlertDialogVariant;
+    /**
+     * Custom icon (overrides default)
+     */
+    icon?: ReactNode;
+    /**
+     * Additional class name
+     */
+    className?: string;
+}
+/**
+ * AlertDialog.Title props
+ */
+export interface AlertDialogTitleProps {
+    children?: ReactNode;
+    className?: string;
+}
+/**
+ * AlertDialog.Description props
+ */
+export interface AlertDialogDescriptionProps {
+    children?: ReactNode;
+    className?: string;
+}
+/**
+ * AlertDialog.Actions props
+ */
+export interface AlertDialogActionsProps {
+    children?: ReactNode;
+    className?: string;
+}
+//# sourceMappingURL=AlertDialog.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialog.types.d.ts","sourceRoot":"","sources":["../../../src/components/AlertDialog/AlertDialog.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE/D;;;;;;;;;;;;;;;GAeG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IAEd;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAE7B;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

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

@@ -0,0 +1,21 @@
+/**
+ * AlertDialog Component - Confirmation dialogs that force a user response.
+ *
+ * @example
+ * ```tsx
+ * import { AlertDialog, Button } from '@orion-ds/react';
+ *
+ * <AlertDialog open={open} onClose={handleClose}>
+ *   <AlertDialog.Icon variant="danger" />
+ *   <AlertDialog.Title>Delete account?</AlertDialog.Title>
+ *   <AlertDialog.Description>This action cannot be undone.</AlertDialog.Description>
+ *   <AlertDialog.Actions>
+ *     <Button variant="ghost" onClick={handleClose}>Cancel</Button>
+ *     <Button variant="primary" onClick={handleConfirm}>Delete</Button>
+ *   </AlertDialog.Actions>
+ * </AlertDialog>
+ * ```
+ */
+export { AlertDialog } from './AlertDialog';
+export type { AlertDialogProps, AlertDialogVariant, AlertDialogIconProps, AlertDialogTitleProps, AlertDialogDescriptionProps, AlertDialogActionsProps, } from './AlertDialog.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AlertDialog/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EACV,gBAAgB,EAChB,kBAAkB,EAClB,oBAAoB,EACpB,qBAAqB,EACrB,2BAA2B,EAC3B,uBAAuB,GACxB,MAAM,qBAAqB,CAAC"}

package/dist/components/Avatar/Avatar.cjs

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

package/dist/components/Avatar/Avatar.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,OAAO,KAAK,EAAE,WAAW,EAAe,MAAM,gBAAgB,CAAC;AAgD/D,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAwExC,CAAC"}