soadtech-ui 0.1.0

package/dist/components/Notification/NotificationReply.js

@@ -0,0 +1,45 @@
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import { forwardRef as y } from "react";
+import { cn as R } from "../../utils/cn.js";
+import i from "./NotificationReply.module.css.js";
+import { Avatar as h } from "../Avatar/Avatar.js";
+import { Button as o } from "../Button/Button.js";
+const u = y(
+  ({
+    avatarSrc: a,
+    avatarAlt: m = "",
+    value: l = "",
+    onValueChange: s,
+    mentions: e,
+    placeholder: c = "Reply to Emma...",
+    onSend: n,
+    onCancel: p,
+    className: d,
+    ...f
+  }, N) => /* @__PURE__ */ r("div", { ref: N, className: R(i.root, d), ...f, children: [
+    /* @__PURE__ */ r("div", { className: i.inputRow, children: [
+      /* @__PURE__ */ t(h, { src: a, alt: m, size: "sm" }),
+      /* @__PURE__ */ r("div", { className: i.inputWrap, children: [
+        e && /* @__PURE__ */ t("span", { className: i.mentions, children: e }),
+        /* @__PURE__ */ t(
+          "input",
+          {
+            type: "text",
+            className: i.input,
+            value: l,
+            onChange: (v) => s == null ? void 0 : s(v.target.value),
+            placeholder: c
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ r("div", { className: i.actions, children: [
+      /* @__PURE__ */ t(o, { size: "sm", variant: "fill", onClick: n, children: "Send Reply" }),
+      /* @__PURE__ */ t(o, { size: "sm", variant: "outline", onClick: p, children: "Cancel" })
+    ] })
+  ] })
+);
+u.displayName = "NotificationReply";
+export {
+  u as NotificationReply
+};

package/dist/components/Notification/NotificationReply.module.css

@@ -0,0 +1 @@
+._root_1p5pg_3{display:flex;flex-direction:column;gap:var(--st-space-2)}._inputRow_1p5pg_9{display:flex;align-items:center;gap:var(--st-space-2)}._inputWrap_1p5pg_15{display:flex;align-items:center;gap:var(--st-space-2);flex:1;min-width:0;padding:var(--st-space-1) var(--st-space-2);border:1px solid var(--st-color-border);border-radius:var(--st-radius-md);background-color:var(--st-color-surface)}._inputWrap_1p5pg_15:focus-within{border-color:var(--st-color-primary)}._mentions_1p5pg_31{display:flex;align-items:center;gap:var(--st-space-1);flex-shrink:0}._input_1p5pg_9{flex:1;min-width:0;border:none;outline:none;background:transparent;font-family:var(--st-font-family);font-size:var(--st-font-size-xs);color:var(--st-color-foreground)}._input_1p5pg_9::placeholder{color:var(--st-color-muted)}._actions_1p5pg_53{display:flex;gap:var(--st-space-2)}

package/dist/components/Notification/NotificationReply.module.css.js

@@ -0,0 +1,17 @@
+import './NotificationReply.module.css';const t = "_root_1p5pg_3", n = "_inputRow_1p5pg_9", p = "_inputWrap_1p5pg_15", o = "_mentions_1p5pg_31", _ = "_input_1p5pg_9", s = "_actions_1p5pg_53", i = {
+  root: t,
+  inputRow: n,
+  inputWrap: p,
+  mentions: o,
+  input: _,
+  actions: s
+};
+export {
+  s as actions,
+  i as default,
+  _ as input,
+  n as inputRow,
+  p as inputWrap,
+  o as mentions,
+  t as root
+};

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

@@ -0,0 +1,5 @@
+export { NotificationItem } from './NotificationItem';
+export { NotificationReply } from './NotificationReply';
+export { NotificationPanel } from './NotificationPanel';
+export type { NotificationItemProps, NotificationCategory, NotificationReplyProps, NotificationPanelProps, } from './Notification.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,YAAY,EACV,qBAAqB,EACrB,oBAAoB,EACpB,sBAAsB,EACtB,sBAAsB,GACvB,MAAM,sBAAsB,CAAC"}

package/dist/components/Pagination/Pagination.d.ts

@@ -0,0 +1,6 @@
+import { PaginationProps } from './Pagination.types';
+type RangeItem = number | 'ellipsis';
+export declare function buildRange(page: number, count: number, siblingCount: number, boundaryCount: number): RangeItem[];
+export declare const Pagination: import('react').ForwardRefExoticComponent<PaginationProps & import('react').RefAttributes<HTMLElement>>;
+export {};
+//# sourceMappingURL=Pagination.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAmC1D,KAAK,SAAS,GAAG,MAAM,GAAG,UAAU,CAAC;AAQrC,wBAAgB,UAAU,CACxB,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,EACb,YAAY,EAAE,MAAM,EACpB,aAAa,EAAE,MAAM,GACpB,SAAS,EAAE,CAiDb;AAID,eAAO,MAAM,UAAU,yGAyGtB,CAAC"}

package/dist/components/Pagination/Pagination.js

@@ -0,0 +1,146 @@
+import { jsxs as k, jsx as t } from "react/jsx-runtime";
+import { forwardRef as j } from "react";
+import { cn as p } from "../../utils/cn.js";
+import r from "./Pagination.module.css.js";
+import { Button as x } from "../Button/Button.js";
+function M() {
+  return /* @__PURE__ */ t("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ t(
+    "path",
+    {
+      d: "M10 12L6 8L10 4",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+function P() {
+  return /* @__PURE__ */ t("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ t(
+    "path",
+    {
+      d: "M6 4L10 8L6 12",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+function f(i, s) {
+  const l = [];
+  for (let e = i; e <= s; e++) l.push(e);
+  return l;
+}
+function I(i, s, l, e) {
+  const h = e * 2 + l * 2 + 3;
+  if (s <= h)
+    return f(1, s);
+  const m = f(1, e), u = f(s - e + 1, s), c = Math.max(i - l, e + 1), d = Math.min(i + l, s - e), g = c > e + 2, v = d < s - e - 1, o = [];
+  if (o.push(...m), g)
+    o.push("ellipsis");
+  else
+    for (let n = e + 1; n < c; n++)
+      o.push(n);
+  if (o.push(...f(c, d)), v)
+    o.push("ellipsis");
+  else
+    for (let n = d + 1; n <= s - e; n++)
+      o.push(n);
+  return o.push(...u), o;
+}
+const E = j(
+  ({
+    page: i,
+    count: s,
+    onPageChange: l,
+    size: e = "md",
+    variant: h = "spaced",
+    siblingCount: m = 1,
+    boundaryCount: u = 1,
+    disabled: c = !1,
+    className: d,
+    ...g
+  }, v) => {
+    const o = i <= 1, n = i >= s, B = I(i, s, m, u), L = e === "sm" ? "sm" : "md", N = /* @__PURE__ */ t(
+      x,
+      {
+        variant: "outline",
+        size: L,
+        disabled: c || o,
+        onClick: () => l(i - 1),
+        "aria-label": "Previous page",
+        iconLeft: /* @__PURE__ */ t(M, {}),
+        children: e === "md" ? "Previous" : void 0
+      }
+    ), w = /* @__PURE__ */ t(
+      x,
+      {
+        variant: "outline",
+        size: L,
+        disabled: c || n,
+        onClick: () => l(i + 1),
+        "aria-label": "Next page",
+        iconRight: /* @__PURE__ */ t(P, {}),
+        children: e === "md" ? "Next" : void 0
+      }
+    );
+    return /* @__PURE__ */ k(
+      "nav",
+      {
+        ref: v,
+        "aria-label": "Pagination",
+        className: p(r.root, r[e], r[h], d),
+        ...g,
+        children: [
+          N,
+          h === "text" ? /* @__PURE__ */ k("span", { className: r.pageText, children: [
+            "Page ",
+            i,
+            " of ",
+            s
+          ] }) : /* @__PURE__ */ t(
+            "ol",
+            {
+              className: p(
+                r.list,
+                h === "congested" && r.listCongested
+              ),
+              children: B.map(
+                (a, R) => a === "ellipsis" ? /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(
+                  "span",
+                  {
+                    className: p(r.ellipsis, r[e]),
+                    "aria-hidden": !0,
+                    children: "…"
+                  }
+                ) }, `ellipsis-${R}`) : /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(
+                  "button",
+                  {
+                    type: "button",
+                    className: p(
+                      r.pageItem,
+                      r[e],
+                      a === i && r.pageItemActive,
+                      h === "congested" && r.pageItemBordered
+                    ),
+                    disabled: c,
+                    "aria-current": a === i ? "page" : void 0,
+                    onClick: () => l(a),
+                    children: a
+                  }
+                ) }, a)
+              )
+            }
+          ),
+          w
+        ]
+      }
+    );
+  }
+);
+E.displayName = "Pagination";
+export {
+  E as Pagination,
+  I as buildRange
+};

package/dist/components/Pagination/Pagination.module.css

@@ -0,0 +1 @@
+._root_ndrt0_4{display:inline-flex;align-items:center;gap:var(--st-space-2);font-family:var(--st-font-family)}._pageText_ndrt0_12{font-size:var(--st-font-size-sm);font-weight:var(--st-font-weight-medium);color:var(--st-color-foreground);white-space:nowrap;-webkit-user-select:none;user-select:none}._list_ndrt0_21{display:inline-flex;align-items:center;gap:var(--st-space-1);list-style:none;margin:0;padding:0}._ellipsis_ndrt0_31{display:inline-flex;align-items:center;justify-content:center;font-size:var(--st-font-size-sm);color:var(--st-color-muted);-webkit-user-select:none;user-select:none;pointer-events:none}._ellipsis_ndrt0_31._sm_ndrt0_41{width:32px;height:32px}._ellipsis_ndrt0_31._md_ndrt0_46{width:40px;height:40px}._pageItem_ndrt0_52{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:var(--st-radius-full);font-family:var(--st-font-family);font-size:var(--st-font-size-sm);font-weight:var(--st-font-weight-medium);color:var(--st-color-foreground);cursor:pointer;transition:background-color var(--st-transition-fast),color var(--st-transition-fast);-webkit-user-select:none;user-select:none;padding:0}._pageItem_ndrt0_52._sm_ndrt0_41{width:32px;height:32px}._pageItem_ndrt0_52._md_ndrt0_46{width:40px;height:40px}._pageItem_ndrt0_52:hover:not(:disabled):not(._pageItemActive_ndrt0_80){background-color:var(--st-color-neutral-100)}._pageItem_ndrt0_52:focus-visible{outline:2px solid var(--st-color-primary);outline-offset:2px}._pageItem_ndrt0_52:disabled{opacity:.5;pointer-events:none}._pageItemActive_ndrt0_80{background-color:var(--st-color-neutral-900);color:#fff}._pageItemActive_ndrt0_80:hover:not(:disabled){background-color:var(--st-color-neutral-800)}._listCongested_ndrt0_105{gap:0;border:1px solid var(--st-color-border-strong);border-radius:var(--st-radius-sm);overflow:hidden}._pageItemBordered_ndrt0_112{border-radius:0;border-inline-start:1px solid var(--st-color-border-strong)}._listCongested_ndrt0_105 li:first-child ._pageItemBordered_ndrt0_112{border-inline-start:none}._pageItemBordered_ndrt0_112._pageItemActive_ndrt0_80{border-color:var(--st-color-neutral-900)}

package/dist/components/Pagination/Pagination.module.css.js

@@ -0,0 +1,25 @@
+import './Pagination.module.css';const t = "_root_ndrt0_4", e = "_pageText_ndrt0_12", s = "_list_ndrt0_21", _ = "_ellipsis_ndrt0_31", n = "_sm_ndrt0_41", o = "_md_ndrt0_46", d = "_pageItem_ndrt0_52", r = "_pageItemActive_ndrt0_80", p = "_listCongested_ndrt0_105", g = "_pageItemBordered_ndrt0_112", i = {
+  root: t,
+  pageText: e,
+  list: s,
+  ellipsis: _,
+  sm: n,
+  md: o,
+  pageItem: d,
+  pageItemActive: r,
+  listCongested: p,
+  pageItemBordered: g
+};
+export {
+  i as default,
+  _ as ellipsis,
+  s as list,
+  p as listCongested,
+  o as md,
+  d as pageItem,
+  r as pageItemActive,
+  g as pageItemBordered,
+  e as pageText,
+  t as root,
+  n as sm
+};

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

@@ -0,0 +1,22 @@
+import { HTMLAttributes } from 'react';
+export type PaginationSize = 'sm' | 'md';
+export type PaginationVariant = 'text' | 'spaced' | 'congested';
+export interface PaginationProps extends Omit<HTMLAttributes<HTMLElement>, 'onChange'> {
+    /** Current page (1-based) */
+    page: number;
+    /** Total number of pages */
+    count: number;
+    /** Callback when the page changes */
+    onPageChange: (page: number) => void;
+    /** Size — sm uses icon-only nav buttons, md uses labeled nav buttons */
+    size?: PaginationSize;
+    /** Layout variant */
+    variant?: PaginationVariant;
+    /** Number of sibling pages around the active page */
+    siblingCount?: number;
+    /** Number of pages shown at the start and end */
+    boundaryCount?: number;
+    /** Disables all interaction */
+    disabled?: boolean;
+}
+//# sourceMappingURL=Pagination.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.types.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,CAAC;AACzC,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,QAAQ,GAAG,WAAW,CAAC;AAEhE,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC;IACrD,6BAA6B;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,qCAAqC;IACrC,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,wEAAwE;IACxE,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,qBAAqB;IACrB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,qDAAqD;IACrD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iDAAiD;IACjD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}

package/dist/components/Pagination/PaginationDots.d.ts

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

package/dist/components/Pagination/PaginationDots.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationDots.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationDots.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAGlE,eAAO,MAAM,cAAc,6GAwC1B,CAAC"}

package/dist/components/Pagination/PaginationDots.js

@@ -0,0 +1,41 @@
+import { jsx as o } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
+import { cn as l } from "../../utils/cn.js";
+import t from "./PaginationDots.module.css.js";
+const d = p(
+  ({
+    count: s,
+    activeIndex: i,
+    onIndexChange: a,
+    variant: c = "dot",
+    disabled: m = !1,
+    className: e,
+    ...f
+  }, n) => /* @__PURE__ */ o(
+    "nav",
+    {
+      ref: n,
+      "aria-label": "Pagination indicators",
+      className: l(t.root, t[c], e),
+      ...f,
+      children: /* @__PURE__ */ o("ol", { className: t.list, children: Array.from({ length: s }, (b, r) => /* @__PURE__ */ o("li", { children: /* @__PURE__ */ o(
+        "button",
+        {
+          type: "button",
+          className: l(
+            t.indicator,
+            r === i && t.indicatorActive
+          ),
+          disabled: m,
+          "aria-label": `Go to slide ${r + 1}`,
+          "aria-current": r === i ? "step" : void 0,
+          onClick: () => a == null ? void 0 : a(r)
+        }
+      ) }, r)) })
+    }
+  )
+);
+d.displayName = "PaginationDots";
+export {
+  d as PaginationDots
+};

package/dist/components/Pagination/PaginationDots.module.css

@@ -0,0 +1 @@
+._root_hpkz2_4{display:inline-flex;align-items:center}._list_hpkz2_10{display:inline-flex;align-items:center;gap:var(--st-space-2);list-style:none;margin:0;padding:0}._indicator_hpkz2_20{display:block;border:none;padding:0;cursor:pointer;transition:background-color var(--st-transition-fast)}._indicator_hpkz2_20:focus-visible{outline:2px solid var(--st-color-primary);outline-offset:2px}._indicator_hpkz2_20:disabled{opacity:.5;pointer-events:none}._dot_hpkz2_39 ._indicator_hpkz2_20{width:8px;height:8px;border-radius:var(--st-radius-full);background-color:var(--st-color-neutral-300)}._dot_hpkz2_39 ._indicatorActive_hpkz2_46{background-color:var(--st-color-neutral-900)}._tab_hpkz2_51 ._indicator_hpkz2_20{width:24px;height:4px;border-radius:var(--st-radius-full);background-color:var(--st-color-neutral-300)}._tab_hpkz2_51 ._indicatorActive_hpkz2_46{background-color:var(--st-color-neutral-900)}

package/dist/components/Pagination/PaginationDots.module.css.js

@@ -0,0 +1,17 @@
+import './PaginationDots.module.css';const t = "_root_hpkz2_4", o = "_list_hpkz2_10", i = "_indicator_hpkz2_20", _ = "_dot_hpkz2_39", c = "_indicatorActive_hpkz2_46", n = "_tab_hpkz2_51", s = {
+  root: t,
+  list: o,
+  indicator: i,
+  dot: _,
+  indicatorActive: c,
+  tab: n
+};
+export {
+  s as default,
+  _ as dot,
+  i as indicator,
+  c as indicatorActive,
+  o as list,
+  t as root,
+  n as tab
+};

package/dist/components/Pagination/PaginationDots.types.d.ts

@@ -0,0 +1,15 @@
+import { HTMLAttributes } from 'react';
+export type PaginationDotsVariant = 'dot' | 'tab';
+export interface PaginationDotsProps extends Omit<HTMLAttributes<HTMLElement>, 'onChange'> {
+    /** Number of indicators */
+    count: number;
+    /** Active index (0-based) */
+    activeIndex: number;
+    /** Click handler for an indicator */
+    onIndexChange?: (index: number) => void;
+    /** Indicator shape */
+    variant?: PaginationDotsVariant;
+    /** Disables all interaction */
+    disabled?: boolean;
+}
+//# sourceMappingURL=PaginationDots.types.d.ts.map

package/dist/components/Pagination/PaginationDots.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationDots.types.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationDots.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,MAAM,qBAAqB,GAAG,KAAK,GAAG,KAAK,CAAC;AAElD,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC;IACrD,2BAA2B;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,6BAA6B;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,qCAAqC;IACrC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,sBAAsB;IACtB,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}

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

@@ -0,0 +1,5 @@
+export { Pagination } from './Pagination';
+export type { PaginationProps, PaginationSize, PaginationVariant, } from './Pagination.types';
+export { PaginationDots } from './PaginationDots';
+export type { PaginationDotsProps, PaginationDotsVariant, } from './PaginationDots.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EACV,eAAe,EACf,cAAc,EACd,iBAAiB,GAClB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EACV,mBAAmB,EACnB,qBAAqB,GACtB,MAAM,wBAAwB,CAAC"}

package/dist/components/Persona/MessageDropdown.d.ts

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

package/dist/components/Persona/MessageDropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/Persona/MessageDropdown.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAgB5D,eAAO,MAAM,eAAe,iHA8C3B,CAAC"}

package/dist/components/Persona/MessageDropdown.js

@@ -0,0 +1,56 @@
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+import { cn as h } from "../../utils/cn.js";
+import s from "./MessageDropdown.module.css.js";
+import { Button as p } from "../Button/Button.js";
+function f() {
+  return /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ e(
+    "path",
+    {
+      d: "M4 4L12 12M12 4L4 12",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round"
+    }
+  ) });
+}
+const u = m(
+  ({
+    title: i = "Message",
+    onClose: r,
+    footerLabel: a = "View in message center",
+    onFooterClick: o,
+    children: n,
+    className: l,
+    ...c
+  }, d) => /* @__PURE__ */ t("div", { ref: d, className: h(s.root, l), ...c, children: [
+    /* @__PURE__ */ t("div", { className: s.header, children: [
+      /* @__PURE__ */ e("span", { className: s.title, children: i }),
+      r && /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          className: s.closeBtn,
+          onClick: r,
+          "aria-label": "Close messages",
+          children: /* @__PURE__ */ e(f, {})
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e("div", { className: s.body, children: n }),
+    o && /* @__PURE__ */ e("div", { className: s.footer, children: /* @__PURE__ */ e(
+      p,
+      {
+        variant: "fill",
+        size: "sm",
+        className: s.footerBtn,
+        onClick: o,
+        children: a
+      }
+    ) })
+  ] })
+);
+u.displayName = "MessageDropdown";
+export {
+  u as MessageDropdown
+};

package/dist/components/Persona/MessageDropdown.module.css

@@ -0,0 +1 @@
+._root_pqyqs_3{display:flex;flex-direction:column;width:380px;max-height:520px;background-color:var(--st-color-surface);border:1px solid var(--st-color-border);border-radius:var(--st-radius-xl);box-shadow:var(--st-shadow-lg);overflow:hidden}._header_pqyqs_17{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:var(--st-space-4);border-bottom:1px solid var(--st-color-border)}._title_pqyqs_26{font-family:var(--st-font-family);font-size:var(--st-font-size-md);font-weight:var(--st-font-weight-semibold);color:var(--st-color-foreground)}._closeBtn_pqyqs_33{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:var(--st-radius-md);background:transparent;color:var(--st-color-muted);cursor:pointer;transition:color var(--st-transition-fast),background-color var(--st-transition-fast)}._closeBtn_pqyqs_33:hover{color:var(--st-color-foreground);background-color:var(--st-color-neutral-100)}._closeBtn_pqyqs_33:focus-visible{outline:2px solid var(--st-color-primary);outline-offset:2px}._body_pqyqs_61{flex:1;overflow-y:auto}._footer_pqyqs_68{flex-shrink:0;padding:var(--st-space-3) var(--st-space-4);border-top:1px solid var(--st-color-border)}._footerBtn_pqyqs_74{width:100%}

package/dist/components/Persona/MessageDropdown.module.css.js

@@ -0,0 +1,19 @@
+import './MessageDropdown.module.css';const o = "_root_pqyqs_3", t = "_header_pqyqs_17", e = "_title_pqyqs_26", s = "_closeBtn_pqyqs_33", _ = "_body_pqyqs_61", n = "_footer_pqyqs_68", q = "_footerBtn_pqyqs_74", r = {
+  root: o,
+  header: t,
+  title: e,
+  closeBtn: s,
+  body: _,
+  footer: n,
+  footerBtn: q
+};
+export {
+  _ as body,
+  s as closeBtn,
+  r as default,
+  n as footer,
+  q as footerBtn,
+  t as header,
+  o as root,
+  e as title
+};

package/dist/components/Persona/Persona.d.ts

@@ -0,0 +1,4 @@
+import { PersonaProps } from './Persona.types';
+export declare function VerifiedBadge(): import("react/jsx-runtime").JSX.Element;
+export declare const Persona: import('react').ForwardRefExoticComponent<PersonaProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Persona.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Persona.d.ts","sourceRoot":"","sources":["../../../src/components/Persona/Persona.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAe,MAAM,iBAAiB,CAAC;AASjE,wBAAgB,aAAa,4CAoB5B;AAsBD,eAAO,MAAM,OAAO,yGAiCnB,CAAC"}

package/dist/components/Persona/Persona.js

@@ -0,0 +1,94 @@
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { forwardRef as f } from "react";
+import { cn as h } from "../../utils/cn.js";
+import r from "./Persona.module.css.js";
+import { Avatar as p } from "../Avatar/Avatar.js";
+const v = {
+  lg: "lg",
+  md: "md",
+  sm: "sm"
+};
+function u() {
+  return /* @__PURE__ */ o(
+    "svg",
+    {
+      width: "14",
+      height: "14",
+      viewBox: "0 0 14 14",
+      fill: "none",
+      className: r.verifiedBadge,
+      "aria-label": "Verified",
+      children: [
+        /* @__PURE__ */ e("circle", { cx: "7", cy: "7", r: "7", fill: "var(--st-color-primary)" }),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M4.5 7L6.2 8.7L9.5 5.3",
+            stroke: "#ffffff",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    }
+  );
+}
+function g() {
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      className: r.chevron,
+      children: /* @__PURE__ */ e(
+        "path",
+        {
+          d: "M4 6L8 10L12 6",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+const k = f(
+  ({
+    avatarSrc: n,
+    avatarAlt: s = "",
+    name: t,
+    username: a,
+    verified: d = !1,
+    size: i = "md",
+    className: l,
+    ...c
+  }, m) => /* @__PURE__ */ o(
+    "div",
+    {
+      ref: m,
+      className: h(r.root, r[i], l),
+      tabIndex: 0,
+      ...c,
+      children: [
+        /* @__PURE__ */ e(p, { src: n, alt: s, size: v[i] }),
+        /* @__PURE__ */ o("div", { className: r.body, children: [
+          /* @__PURE__ */ o("span", { className: r.nameRow, children: [
+            /* @__PURE__ */ e("span", { className: r.name, children: t }),
+            d && /* @__PURE__ */ e(u, {})
+          ] }),
+          a && /* @__PURE__ */ e("span", { className: r.username, children: a })
+        ] }),
+        /* @__PURE__ */ e(g, {})
+      ]
+    }
+  )
+);
+k.displayName = "Persona";
+export {
+  k as Persona,
+  u as VerifiedBadge
+};

package/dist/components/Persona/Persona.module.css

@@ -0,0 +1 @@
+._root_19r63_3{display:flex;align-items:center;gap:var(--st-space-3);padding:var(--st-space-2) var(--st-space-3);border-radius:var(--st-radius-md);cursor:pointer;transition:background-color var(--st-transition-fast);font-family:var(--st-font-family)}._root_19r63_3:hover{background-color:var(--st-color-neutral-100)}._root_19r63_3:active{background-color:var(--st-color-neutral-200)}._root_19r63_3:focus-visible{outline:2px solid var(--st-color-primary);outline-offset:2px}._body_19r63_29{display:flex;flex-direction:column;min-width:0;flex:1}._nameRow_19r63_36{display:flex;align-items:center;gap:var(--st-space-1)}._name_19r63_36{font-weight:var(--st-font-weight-semibold);color:var(--st-color-foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._verifiedBadge_19r63_50{flex-shrink:0}._username_19r63_54{color:var(--st-color-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._chevron_19r63_63{flex-shrink:0;color:var(--st-color-muted)}._lg_19r63_70 ._name_19r63_36{font-size:var(--st-font-size-md)}._lg_19r63_70 ._username_19r63_54,._md_19r63_78 ._name_19r63_36{font-size:var(--st-font-size-sm)}._md_19r63_78 ._username_19r63_54{font-size:var(--st-font-size-xs)}._sm_19r63_86 ._name_19r63_36{font-size:var(--st-font-size-sm)}._sm_19r63_86 ._username_19r63_54{font-size:var(--st-font-size-xs)}

package/dist/components/Persona/Persona.module.css.js

@@ -0,0 +1,25 @@
+import './Persona.module.css';const _ = "_root_19r63_3", e = "_body_19r63_29", o = "_nameRow_19r63_36", n = "_name_19r63_36", r = "_verifiedBadge_19r63_50", s = "_username_19r63_54", t = "_chevron_19r63_63", m = "_lg_19r63_70", a = "_md_19r63_78", c = "_sm_19r63_86", d = {
+  root: _,
+  body: e,
+  nameRow: o,
+  name: n,
+  verifiedBadge: r,
+  username: s,
+  chevron: t,
+  lg: m,
+  md: a,
+  sm: c
+};
+export {
+  e as body,
+  t as chevron,
+  d as default,
+  m as lg,
+  a as md,
+  n as name,
+  o as nameRow,
+  _ as root,
+  c as sm,
+  s as username,
+  r as verifiedBadge
+};