@orion-ds/react 4.9.2 → 4.9.3

package/dist/components/ToggleGroup/ToggleGroup.mjs

@@ -0,0 +1,101 @@
+import { jsx as w } from "react/jsx-runtime";
+import { forwardRef as A, useState as _, useRef as z, useCallback as k, createContext as B, useContext as E } from "react";
+import u from "./ToggleGroup.module.css.mjs";
+const C = B(null);
+function K() {
+  const t = E(C);
+  if (!t)
+    throw new Error("ToggleGroup.Item must be used within a ToggleGroup");
+  return t;
+}
+const D = A(
+  ({ value: t, disabled: a, className: p, children: c, ...g }, d) => {
+    const {
+      type: I,
+      value: y,
+      onItemToggle: x,
+      variant: h,
+      size: s,
+      disabled: f
+    } = K(), m = y.includes(t), b = a || f, l = [u.item, m && u.itemPressed, p].filter(Boolean).join(" ");
+    return /* @__PURE__ */ w(
+      "button",
+      {
+        ref: d,
+        type: "button",
+        className: l,
+        "aria-pressed": m,
+        disabled: b,
+        onClick: () => x(t),
+        ...g,
+        children: c
+      }
+    );
+  }
+);
+D.displayName = "ToggleGroup.Item";
+const N = A(
+  ({
+    type: t,
+    value: a,
+    defaultValue: p,
+    onValueChange: c,
+    variant: g = "default",
+    size: d = "md",
+    disabled: I = !1,
+    className: y,
+    children: x,
+    ...h
+  }, s) => {
+    const f = (e) => e === void 0 ? [] : Array.isArray(e) ? e : [e], [m, b] = _(
+      f(p)
+    ), l = a !== void 0, i = l ? f(a) : m, G = z(null), v = k(
+      (e) => {
+        let o;
+        i.includes(e) ? o = i.filter((r) => r !== e) : t === "multiple" ? o = [...i, e] : o = [e], l || b(o), c?.(t === "single" ? o[0] ?? "" : o);
+      },
+      [i, t, l, c]
+    ), R = k(
+      (e) => {
+        const o = G.current;
+        if (!o) return;
+        const r = Array.from(
+          o.querySelectorAll(
+            "button:not(:disabled)"
+          )
+        ), T = r.indexOf(e.target);
+        if (T === -1) return;
+        let n;
+        e.key === "ArrowRight" || e.key === "ArrowDown" ? n = (T + 1) % r.length : e.key === "ArrowLeft" || e.key === "ArrowUp" ? n = (T - 1 + r.length) % r.length : e.key === "Home" ? n = 0 : e.key === "End" && (n = r.length - 1), n !== void 0 && (e.preventDefault(), r[n]?.focus());
+      },
+      []
+    ), j = [u.group, u[g], u[d], y].filter(Boolean).join(" "), P = {
+      type: t,
+      value: i,
+      onItemToggle: v,
+      variant: g,
+      size: d,
+      disabled: I
+    };
+    return /* @__PURE__ */ w(C.Provider, { value: P, children: /* @__PURE__ */ w(
+      "div",
+      {
+        ref: (e) => {
+          G.current = e, typeof s == "function" ? s(e) : s && (s.current = e);
+        },
+        role: "group",
+        className: j,
+        onKeyDown: R,
+        ...h,
+        children: x
+      }
+    ) });
+  }
+);
+N.displayName = "ToggleGroup";
+const H = Object.assign(N, {
+  Item: D
+});
+export {
+  H as ToggleGroup
+};

package/dist/components/ToggleGroup/ToggleGroup.module.css

@@ -0,0 +1 @@
+._group_1ugc0_3{display:inline-flex;align-items:center;border-radius:var(--radius-button)}._item_1ugc0_10{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);font-family:var(--font-secondary);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--transition-fast);border:1px solid transparent;outline:none;background:transparent;color:var(--text-secondary);border-radius:0}._item_1ugc0_10:hover:not(:disabled){background:var(--interactive-ghost-hover);color:var(--text-primary)}._item_1ugc0_10:focus-visible{outline:2px solid var(--interactive-primary);outline-offset:2px;box-shadow:0 0 0 4px var(--soft-brand);z-index:var(--z-dropdown);position:relative}._item_1ugc0_10:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}._item_1ugc0_10:first-child{border-top-left-radius:var(--radius-button);border-bottom-left-radius:var(--radius-button)}._item_1ugc0_10:last-child{border-top-right-radius:var(--radius-button);border-bottom-right-radius:var(--radius-button)}._itemPressed_1ugc0_60{background:var(--soft-brand);color:var(--text-brand)}._itemPressed_1ugc0_60:hover:not(:disabled){background:var(--soft-brand-hover);color:var(--text-brand)}._outline_1ugc0_71 ._item_1ugc0_10{border-color:var(--border-subtle);margin-left:-1px}._outline_1ugc0_71 ._item_1ugc0_10:first-child{margin-left:0}._outline_1ugc0_71 ._item_1ugc0_10:hover:not(:disabled){border-color:var(--border-strong);z-index:var(--z-dropdown);position:relative}._outline_1ugc0_71 ._itemPressed_1ugc0_60{border-color:var(--border-interactive);background:var(--soft-brand);color:var(--text-brand);z-index:var(--z-dropdown);position:relative}._sm_1ugc0_98 ._item_1ugc0_10{height:32px;min-width:32px;padding:0 var(--spacing-3);font-size:var(--font-size-12)}._md_1ugc0_105 ._item_1ugc0_10{height:40px;min-width:40px;padding:0 var(--spacing-4);font-size:var(--font-size-16)}._lg_1ugc0_112 ._item_1ugc0_10{height:48px;min-width:48px;padding:0 var(--spacing-6);font-size:var(--font-size-18)}@media(prefers-reduced-motion:reduce){._item_1ugc0_10{transition:none}}@media(forced-colors:active){._item_1ugc0_10{border:1px solid ButtonText}._item_1ugc0_10:focus-visible{box-shadow:none;outline:3px solid Highlight;outline-offset:2px}._itemPressed_1ugc0_60{background:Highlight;color:HighlightText}}

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_group_1ugc0_3",t="_item_1ugc0_10",s="_itemPressed_1ugc0_60",_="_outline_1ugc0_71",u="_sm_1ugc0_98",o="_md_1ugc0_105",c="_lg_1ugc0_112",g={group:e,item:t,itemPressed:s,outline:_,sm:u,md:o,lg:c};exports.default=g;exports.group=e;exports.item=t;exports.itemPressed=s;exports.lg=c;exports.md=o;exports.outline=_;exports.sm=u;

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

@@ -0,0 +1,19 @@
+const _ = "_group_1ugc0_3", s = "_item_1ugc0_10", t = "_itemPressed_1ugc0_60", e = "_outline_1ugc0_71", c = "_sm_1ugc0_98", o = "_md_1ugc0_105", u = "_lg_1ugc0_112", g = {
+  group: _,
+  item: s,
+  itemPressed: t,
+  outline: e,
+  sm: c,
+  md: o,
+  lg: u
+};
+export {
+  g as default,
+  _ as group,
+  s as item,
+  t as itemPressed,
+  u as lg,
+  o as md,
+  e as outline,
+  c as sm
+};

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

@@ -0,0 +1,36 @@
+import { HTMLAttributes, ButtonHTMLAttributes, ReactNode } from 'react';
+
+export type ToggleGroupType = "single" | "multiple";
+export type ToggleGroupVariant = "default" | "outline";
+export type ToggleGroupSize = "sm" | "md" | "lg";
+export interface ToggleGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> {
+    /** Whether single or multiple items can be pressed. */
+    type: ToggleGroupType;
+    /** Controlled value (string for single, string[] for multiple). */
+    value?: string | string[];
+    /** Default value for uncontrolled usage. */
+    defaultValue?: string | string[];
+    /** Callback when value changes. */
+    onValueChange?: (value: string | string[]) => void;
+    /** Visual variant propagated to items. @default 'default' */
+    variant?: ToggleGroupVariant;
+    /** Size propagated to items. @default 'md' */
+    size?: ToggleGroupSize;
+    /** Disable all items. */
+    disabled?: boolean;
+    children?: ReactNode;
+}
+export interface ToggleGroupItemProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "value"> {
+    /** Unique value for this item. */
+    value: string;
+    children?: ReactNode;
+}
+export interface ToggleGroupContextValue {
+    type: ToggleGroupType;
+    value: string[];
+    onItemToggle: (itemValue: string) => void;
+    variant: ToggleGroupVariant;
+    size: ToggleGroupSize;
+    disabled: boolean;
+}
+//# sourceMappingURL=ToggleGroup.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleGroup.types.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleGroup/ToggleGroup.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7E,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,UAAU,CAAC;AACpD,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,SAAS,CAAC;AACvD,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEjD,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,GAAG,cAAc,CAC5B;IACC,uDAAuD;IACvD,IAAI,EAAE,eAAe,CAAC;IACtB,mEAAmE;IACnE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACjC,mCAAmC;IACnC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IACnD,6DAA6D;IAC7D,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,8CAA8C;IAC9C,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAChD,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,OAAO,CACR;IACC,kCAAkC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,eAAe,CAAC;IACtB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,YAAY,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,OAAO,EAAE,kBAAkB,CAAC;IAC5B,IAAI,EAAE,eAAe,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAC;CACnB"}

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

@@ -0,0 +1,3 @@
+export { ToggleGroup } from './ToggleGroup';
+export type { ToggleGroupProps, ToggleGroupItemProps, ToggleGroupType, ToggleGroupVariant, ToggleGroupSize, } from './ToggleGroup.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EACV,gBAAgB,EAChB,oBAAoB,EACpB,eAAe,EACf,kBAAkB,EAClB,eAAe,GAChB,MAAM,qBAAqB,CAAC"}

package/dist/components/Tooltip/Tooltip.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),t=require("react"),o=require("./Tooltip.module.css.cjs"),r=({content:u,placement:a="top",delay:c=200,disabled:s=!1,children:l,className:f})=>{const[d,e]=t.useState(!1),n=t.useRef(void 0),m=()=>{s||(n.current=setTimeout(()=>{e(!0)},c))},p=()=>{n.current&&clearTimeout(n.current),e(!1)},v=()=>{s||e(!0)},T=()=>{e(!1)},j=[o.default.tooltip,o.default[a],f].filter(Boolean).join(" "),h=t.isValidElement(l)?t.cloneElement(l,{onMouseEnter:m,onMouseLeave:p,onFocus:v,onBlur:T}):l;return i.jsxs("div",{className:o.default.container,children:[h,d&&!s&&i.jsxs("div",{className:j,role:"tooltip",children:[u,i.jsx("div",{className:o.default.arrow})]})]})};r.displayName="Tooltip";exports.Tooltip=r;

package/dist/components/Tooltip/Tooltip.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAyD,MAAM,OAAO,CAAC;AAC9E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAGpD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA6D1C,CAAC"}

package/dist/components/Tooltip/Tooltip.mjs

@@ -0,0 +1,39 @@
+import { jsxs as l, jsx as E } from "react/jsx-runtime";
+import { useState as M, useRef as N, isValidElement as T, cloneElement as j } from "react";
+import o from "./Tooltip.module.css.mjs";
+const x = ({
+  content: r,
+  placement: i = "top",
+  delay: a = 200,
+  disabled: t = !1,
+  children: s,
+  className: c
+}) => {
+  const [u, e] = M(!1), n = N(void 0), m = () => {
+    t || (n.current = setTimeout(() => {
+      e(!0);
+    }, a));
+  }, f = () => {
+    n.current && clearTimeout(n.current), e(!1);
+  }, p = () => {
+    t || e(!0);
+  }, d = () => {
+    e(!1);
+  }, v = [o.tooltip, o[i], c].filter(Boolean).join(" "), h = T(s) ? j(s, {
+    onMouseEnter: m,
+    onMouseLeave: f,
+    onFocus: p,
+    onBlur: d
+  }) : s;
+  return /* @__PURE__ */ l("div", { className: o.container, children: [
+    h,
+    u && !t && /* @__PURE__ */ l("div", { className: v, role: "tooltip", children: [
+      r,
+      /* @__PURE__ */ E("div", { className: o.arrow })
+    ] })
+  ] });
+};
+x.displayName = "Tooltip";
+export {
+  x as Tooltip
+};

package/dist/components/Tooltip/Tooltip.module.css

@@ -0,0 +1 @@
+._container_1tqko_8{--tooltip-arrow-size: var(--spacing-2);--tooltip-arrow-offset: calc(var(--tooltip-arrow-size) / 2);--tooltip-gap: var(--spacing-2)}._container_1tqko_8{position:relative;display:inline-flex}._tooltip_1tqko_21{position:absolute;z-index:var(--z-tooltip);padding:var(--spacing-2) var(--spacing-3);background:var(--text-primary);color:var(--text-inverse);font-size:var(--font-size-12);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);border-radius:var(--radius-sm);white-space:nowrap;box-shadow:var(--shadow-md);pointer-events:none;animation:_tooltipFadeIn_1tqko_1 .15s ease}@keyframes _tooltipFadeIn_1tqko_1{0%{opacity:0;transform:var(--tooltip-transform-from)}to{opacity:1;transform:var(--tooltip-transform-to)}}._arrow_1tqko_49{position:absolute;width:var(--tooltip-arrow-size);height:var(--tooltip-arrow-size);background:var(--text-primary);transform:rotate(45deg)}._top_1tqko_62{--tooltip-transform-from: translateX(-50%) translateY(var(--tooltip-arrow-offset));--tooltip-transform-to: translateX(-50%) translateY(0);bottom:calc(100% + var(--tooltip-gap));left:50%;transform:translate(-50%)}._top_1tqko_62 ._arrow_1tqko_49{bottom:calc(var(--tooltip-arrow-offset) * -1);left:50%;transform:translate(-50%) rotate(45deg)}._bottom_1tqko_78{--tooltip-transform-from: translateX(-50%) translateY(calc(var(--tooltip-arrow-offset) * -1));--tooltip-transform-to: translateX(-50%) translateY(0);top:calc(100% + var(--tooltip-gap));left:50%;transform:translate(-50%)}._bottom_1tqko_78 ._arrow_1tqko_49{top:calc(var(--tooltip-arrow-offset) * -1);left:50%;transform:translate(-50%) rotate(45deg)}._left_1tqko_94{--tooltip-transform-from: translateY(-50%) translateX(var(--tooltip-arrow-offset));--tooltip-transform-to: translateY(-50%) translateX(0);right:calc(100% + var(--tooltip-gap));top:50%;transform:translateY(-50%)}._left_1tqko_94 ._arrow_1tqko_49{right:calc(var(--tooltip-arrow-offset) * -1);top:50%;transform:translateY(-50%) rotate(45deg)}._right_1tqko_110{--tooltip-transform-from: translateY(-50%) translateX(calc(var(--tooltip-arrow-offset) * -1));--tooltip-transform-to: translateY(-50%) translateX(0);left:calc(100% + var(--tooltip-gap));top:50%;transform:translateY(-50%)}._right_1tqko_110 ._arrow_1tqko_49{left:calc(var(--tooltip-arrow-offset) * -1);top:50%;transform:translateY(-50%) rotate(45deg)}@media(prefers-reduced-motion:reduce){._tooltip_1tqko_21{animation:none}}

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_container_1tqko_8",o="_tooltip_1tqko_21",e="_tooltipFadeIn_1tqko_1",_="_arrow_1tqko_49",n="_top_1tqko_62",r="_bottom_1tqko_78",i="_left_1tqko_94",l="_right_1tqko_110",a={container:t,tooltip:o,tooltipFadeIn:e,arrow:_,top:n,bottom:r,left:i,right:l};exports.arrow=_;exports.bottom=r;exports.container=t;exports.default=a;exports.left=i;exports.right=l;exports.tooltip=o;exports.tooltipFadeIn=e;exports.top=n;

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

@@ -0,0 +1,21 @@
+const t = "_container_1tqko_8", o = "_tooltip_1tqko_21", _ = "_tooltipFadeIn_1tqko_1", n = "_arrow_1tqko_49", r = "_top_1tqko_62", c = "_bottom_1tqko_78", e = "_left_1tqko_94", i = "_right_1tqko_110", s = {
+  container: t,
+  tooltip: o,
+  tooltipFadeIn: _,
+  arrow: n,
+  top: r,
+  bottom: c,
+  left: e,
+  right: i
+};
+export {
+  n as arrow,
+  c as bottom,
+  t as container,
+  s as default,
+  e as left,
+  i as right,
+  o as tooltip,
+  _ as tooltipFadeIn,
+  r as top
+};

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

@@ -0,0 +1,46 @@
+import { ReactNode } from 'react';
+
+/**
+ * Tooltip placement
+ */
+export type TooltipPlacement = "top" | "right" | "bottom" | "left";
+/**
+ * Tooltip component props
+ *
+ * @example
+ * ```tsx
+ * <Tooltip content="Click to edit">
+ *   <Button icon={<EditIcon />} />
+ * </Tooltip>
+ * ```
+ */
+export interface TooltipProps {
+    /**
+     * Tooltip content
+     */
+    content: ReactNode;
+    /**
+     * Tooltip placement
+     * @default 'top'
+     */
+    placement?: TooltipPlacement;
+    /**
+     * Delay before showing (ms)
+     * @default 200
+     */
+    delay?: number;
+    /**
+     * Element to attach tooltip to
+     */
+    children: ReactNode;
+    /**
+     * Disable tooltip
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Additional class name
+     */
+    className?: string;
+}
+//# sourceMappingURL=Tooltip.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.types.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEnE;;;;;;;;;GASG;AACH,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,OAAO,EAAE,SAAS,CAAC;IAEnB;;;OAGG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAE7B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

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

@@ -0,0 +1,19 @@
+/**
+ * Tooltip Component - Hover information display.
+ *
+ * @example
+ * ```tsx
+ * import { Tooltip, Button } from '@orion-ds/react';
+ *
+ * <Tooltip content="Click to submit">
+ *   <Button>Submit</Button>
+ * </Tooltip>
+ *
+ * <Tooltip content="Edit settings" placement="right">
+ *   <Button iconOnly icon={<Settings size={20} />} aria-label="Settings" />
+ * </Tooltip>
+ * ```
+ */
+export { Tooltip } from './Tooltip';
+export type { TooltipProps, TooltipPlacement } from './Tooltip.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/UserMenu/UserMenu.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),c=require("react"),S=require("lucide-react"),e=require("./UserMenu.module.css.cjs"),L={online:"var(--text-success)",away:"var(--text-warning)",busy:"var(--text-error)",offline:"var(--text-tertiary)"},x=c.forwardRef(({user:n,sections:f,open:o,onOpenChange:v,trigger:m,align:g="end",placement:N="bottom",showHeader:b=!0,compact:h=!1,fullWidth:C=!1,className:w,...y},I)=>{const[k,E]=c.useState(!1),u=c.useRef(null),i=c.useRef(null),l=o!==void 0?o:k,d=t=>{o===void 0&&E(t),v?.(t)};c.useEffect(()=>{const t=r=>{u.current&&!u.current.contains(r.target)&&i.current&&!i.current.contains(r.target)&&d(!1)};if(l)return document.addEventListener("mousedown",t),()=>document.removeEventListener("mousedown",t)},[l]),c.useEffect(()=>{const t=r=>{r.key==="Escape"&&l&&(d(!1),i.current?.focus())};return document.addEventListener("keydown",t),()=>document.removeEventListener("keydown",t)},[l]);const R=t=>{t.disabled||(t.onClick?.(),d(!1))},p=t=>t.split(" ").map(r=>r[0]).join("").toUpperCase().slice(0,2),M=[e.default.userMenu,C&&e.default.userMenuFullWidth,w].filter(Boolean).join(" "),B=[e.default.trigger,h&&e.default.triggerCompact].filter(Boolean).join(" "),O=[e.default.dropdown,l&&e.default.dropdownOpen,g==="start"&&e.default.dropdownStart,N==="top"&&e.default.dropdownTop].filter(Boolean).join(" ");return a.jsxs("div",{ref:I,className:M,...y,children:[m?a.jsx("div",{onClick:()=>d(!l),children:m}):a.jsxs("button",{ref:i,type:"button",className:B,onClick:()=>d(!l),"aria-expanded":l,"aria-haspopup":"true",children:[a.jsxs("div",{className:e.default.avatar,children:[n.avatar?a.jsx("img",{src:n.avatar,alt:n.name,className:e.default.avatarImage}):a.jsx("span",{className:e.default.avatarInitials,children:n.initials||p(n.name)}),n.status&&a.jsx("span",{className:e.default.statusIndicator,style:{backgroundColor:L[n.status]}})]}),!h&&a.jsxs(a.Fragment,{children:[a.jsxs("div",{className:e.default.triggerInfo,children:[a.jsx("span",{className:e.default.triggerName,children:n.name}),n.role&&a.jsx("span",{className:e.default.triggerRole,children:n.role})]}),a.jsx(S.ChevronDown,{size:16,className:`${e.default.chevron} ${l?e.default.chevronOpen:""}`})]})]}),a.jsxs("div",{ref:u,className:O,role:"menu",children:[b&&a.jsxs("div",{className:e.default.header,children:[a.jsx("div",{className:e.default.headerAvatar,children:n.avatar?a.jsx("img",{src:n.avatar,alt:n.name,className:e.default.avatarImage}):a.jsx("span",{className:e.default.avatarInitials,children:n.initials||p(n.name)})}),a.jsxs("div",{className:e.default.headerInfo,children:[a.jsx("span",{className:e.default.headerName,children:n.name}),n.email&&a.jsx("span",{className:e.default.headerEmail,children:n.email})]})]}),f.map((t,r)=>a.jsxs("div",{className:e.default.section,children:[t.label&&a.jsx("div",{className:e.default.sectionLabel,children:t.label}),t.items.map(s=>{const j=[e.default.item,s.danger&&e.default.itemDanger,s.disabled&&e.default.itemDisabled].filter(Boolean).join(" ");return s.href&&!s.disabled?a.jsxs("a",{href:s.href,className:j,role:"menuitem",onClick:()=>d(!1),children:[s.icon&&a.jsx("span",{className:e.default.itemIcon,children:s.icon}),a.jsx("span",{children:s.label}),s.badge!==void 0&&a.jsx("span",{className:e.default.itemBadge,children:s.badge}),s.shortcut&&a.jsx("span",{className:e.default.itemShortcut,children:s.shortcut})]},s.id):a.jsxs("button",{type:"button",className:j,role:"menuitem",disabled:s.disabled,onClick:()=>R(s),children:[s.icon&&a.jsx("span",{className:e.default.itemIcon,children:s.icon}),a.jsx("span",{children:s.label}),s.badge!==void 0&&a.jsx("span",{className:e.default.itemBadge,children:s.badge}),s.shortcut&&a.jsx("span",{className:e.default.itemShortcut,children:s.shortcut})]},s.id)}),r<f.length-1&&a.jsx("div",{className:e.default.divider})]},t.id))]})]})});x.displayName="UserMenu";exports.UserMenu=x;

package/dist/components/UserMenu/UserMenu.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"UserMenu.d.ts","sourceRoot":"","sources":["../../../src/components/UserMenu/UserMenu.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,aAAa,EAAgB,MAAM,kBAAkB,CAAC;AAWpE,eAAO,MAAM,QAAQ,0GAsPpB,CAAC"}

package/dist/components/UserMenu/UserMenu.mjs

@@ -0,0 +1,161 @@
+import { jsxs as l, jsx as n, Fragment as S } from "react/jsx-runtime";
+import { forwardRef as D, useState as U, useRef as N, useEffect as g } from "react";
+import { ChevronDown as F } from "lucide-react";
+import e from "./UserMenu.module.css.mjs";
+const $ = {
+  online: "var(--text-success)",
+  away: "var(--text-warning)",
+  busy: "var(--text-error)",
+  offline: "var(--text-tertiary)"
+}, z = D(
+  ({
+    user: s,
+    sections: h,
+    open: d,
+    onOpenChange: b,
+    trigger: p,
+    align: C = "end",
+    placement: w = "bottom",
+    showHeader: I = !0,
+    compact: f = !1,
+    fullWidth: k = !1,
+    className: y,
+    ...x
+  }, E) => {
+    const [j, B] = U(!1), m = N(null), o = N(null), t = d !== void 0 ? d : j, c = (r) => {
+      d === void 0 && B(r), b?.(r);
+    };
+    g(() => {
+      const r = (i) => {
+        m.current && !m.current.contains(i.target) && o.current && !o.current.contains(i.target) && c(!1);
+      };
+      if (t)
+        return document.addEventListener("mousedown", r), () => document.removeEventListener("mousedown", r);
+    }, [t]), g(() => {
+      const r = (i) => {
+        i.key === "Escape" && t && (c(!1), o.current?.focus());
+      };
+      return document.addEventListener("keydown", r), () => document.removeEventListener("keydown", r);
+    }, [t]);
+    const L = (r) => {
+      r.disabled || (r.onClick?.(), c(!1));
+    }, u = (r) => r.split(" ").map((i) => i[0]).join("").toUpperCase().slice(0, 2), O = [
+      e.userMenu,
+      k && e.userMenuFullWidth,
+      y
+    ].filter(Boolean).join(" "), R = [e.trigger, f && e.triggerCompact].filter(Boolean).join(" "), M = [
+      e.dropdown,
+      t && e.dropdownOpen,
+      C === "start" && e.dropdownStart,
+      w === "top" && e.dropdownTop
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ l("div", { ref: E, className: O, ...x, children: [
+      p ? /* @__PURE__ */ n("div", { onClick: () => c(!t), children: p }) : /* @__PURE__ */ l(
+        "button",
+        {
+          ref: o,
+          type: "button",
+          className: R,
+          onClick: () => c(!t),
+          "aria-expanded": t,
+          "aria-haspopup": "true",
+          children: [
+            /* @__PURE__ */ l("div", { className: e.avatar, children: [
+              s.avatar ? /* @__PURE__ */ n(
+                "img",
+                {
+                  src: s.avatar,
+                  alt: s.name,
+                  className: e.avatarImage
+                }
+              ) : /* @__PURE__ */ n("span", { className: e.avatarInitials, children: s.initials || u(s.name) }),
+              s.status && /* @__PURE__ */ n(
+                "span",
+                {
+                  className: e.statusIndicator,
+                  style: { backgroundColor: $[s.status] }
+                }
+              )
+            ] }),
+            !f && /* @__PURE__ */ l(S, { children: [
+              /* @__PURE__ */ l("div", { className: e.triggerInfo, children: [
+                /* @__PURE__ */ n("span", { className: e.triggerName, children: s.name }),
+                s.role && /* @__PURE__ */ n("span", { className: e.triggerRole, children: s.role })
+              ] }),
+              /* @__PURE__ */ n(
+                F,
+                {
+                  size: 16,
+                  className: `${e.chevron} ${t ? e.chevronOpen : ""}`
+                }
+              )
+            ] })
+          ]
+        }
+      ),
+      /* @__PURE__ */ l("div", { ref: m, className: M, role: "menu", children: [
+        I && /* @__PURE__ */ l("div", { className: e.header, children: [
+          /* @__PURE__ */ n("div", { className: e.headerAvatar, children: s.avatar ? /* @__PURE__ */ n(
+            "img",
+            {
+              src: s.avatar,
+              alt: s.name,
+              className: e.avatarImage
+            }
+          ) : /* @__PURE__ */ n("span", { className: e.avatarInitials, children: s.initials || u(s.name) }) }),
+          /* @__PURE__ */ l("div", { className: e.headerInfo, children: [
+            /* @__PURE__ */ n("span", { className: e.headerName, children: s.name }),
+            s.email && /* @__PURE__ */ n("span", { className: e.headerEmail, children: s.email })
+          ] })
+        ] }),
+        h.map((r, i) => /* @__PURE__ */ l("div", { className: e.section, children: [
+          r.label && /* @__PURE__ */ n("div", { className: e.sectionLabel, children: r.label }),
+          r.items.map((a) => {
+            const v = [
+              e.item,
+              a.danger && e.itemDanger,
+              a.disabled && e.itemDisabled
+            ].filter(Boolean).join(" ");
+            return a.href && !a.disabled ? /* @__PURE__ */ l(
+              "a",
+              {
+                href: a.href,
+                className: v,
+                role: "menuitem",
+                onClick: () => c(!1),
+                children: [
+                  a.icon && /* @__PURE__ */ n("span", { className: e.itemIcon, children: a.icon }),
+                  /* @__PURE__ */ n("span", { children: a.label }),
+                  a.badge !== void 0 && /* @__PURE__ */ n("span", { className: e.itemBadge, children: a.badge }),
+                  a.shortcut && /* @__PURE__ */ n("span", { className: e.itemShortcut, children: a.shortcut })
+                ]
+              },
+              a.id
+            ) : /* @__PURE__ */ l(
+              "button",
+              {
+                type: "button",
+                className: v,
+                role: "menuitem",
+                disabled: a.disabled,
+                onClick: () => L(a),
+                children: [
+                  a.icon && /* @__PURE__ */ n("span", { className: e.itemIcon, children: a.icon }),
+                  /* @__PURE__ */ n("span", { children: a.label }),
+                  a.badge !== void 0 && /* @__PURE__ */ n("span", { className: e.itemBadge, children: a.badge }),
+                  a.shortcut && /* @__PURE__ */ n("span", { className: e.itemShortcut, children: a.shortcut })
+                ]
+              },
+              a.id
+            );
+          }),
+          i < h.length - 1 && /* @__PURE__ */ n("div", { className: e.divider })
+        ] }, r.id))
+      ] })
+    ] });
+  }
+);
+z.displayName = "UserMenu";
+export {
+  z as UserMenu
+};

package/dist/components/UserMenu/UserMenu.module.css

@@ -0,0 +1 @@
+._userMenu_3rj9n_8{position:relative;display:inline-block}._userMenuFullWidth_3rj9n_14{display:block;width:100%}._userMenuFullWidth_3rj9n_14 ._trigger_3rj9n_19{width:100%;min-width:0}._trigger_3rj9n_19{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:transparent;border:none;border-radius:var(--radius-control);cursor:pointer;transition:background-color var(--mode-hover-duration)}._trigger_3rj9n_19:hover{background:var(--surface-subtle)}._triggerCompact_3rj9n_44{padding:var(--spacing-1)}._avatar_3rj9n_48{position:relative;width:32px;height:32px;border-radius:var(--radius-full);overflow:hidden;background:var(--interactive-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}._avatarImage_3rj9n_61{width:100%;height:100%;object-fit:cover}._avatarInitials_3rj9n_67{font-family:var(--font-secondary);font-size:var(--font-size-12);font-weight:var(--font-weight-semibold);color:var(--interactive-primary-text);text-transform:uppercase}._statusIndicator_3rj9n_75{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:var(--radius-full);border:2px solid var(--surface-base)}._triggerInfo_3rj9n_85{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-0-5);flex:1;min-width:0;overflow:hidden}._triggerName_3rj9n_95{font-family:var(--font-secondary);font-size:var(--font-size-13);font-weight:var(--font-weight-medium);color:var(--text-primary);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._triggerRole_3rj9n_106{font-family:var(--font-secondary);font-size:var(--font-size-11);color:var(--text-tertiary);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._chevron_3rj9n_116{color:var(--text-tertiary);transition:transform var(--mode-hover-duration);flex-shrink:0;margin-left:auto}._chevronOpen_3rj9n_123{transform:rotate(180deg)}._dropdown_3rj9n_131{position:absolute;top:calc(100% + var(--spacing-1));right:0;z-index:var(--z-modal);min-width:220px;background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-control);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-8px);transition:all var(--mode-hover-duration)}._dropdownOpen_3rj9n_147{opacity:1;visibility:visible;transform:translateY(0)}._dropdownStart_3rj9n_153{right:auto;left:0}._header_3rj9n_162{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--border-subtle)}._headerAvatar_3rj9n_170{width:40px;height:40px;border-radius:var(--radius-full);overflow:hidden;background:var(--interactive-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}._headerAvatar_3rj9n_170 ._avatarInitials_3rj9n_67{font-size:var(--font-size-14)}._headerInfo_3rj9n_186{display:flex;flex-direction:column;gap:var(--spacing-0-5);min-width:0}._headerName_3rj9n_193{font-family:var(--font-secondary);font-size:var(--font-size-14);font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:1.2}._headerEmail_3rj9n_201{font-family:var(--font-secondary);font-size:var(--font-size-12);color:var(--text-tertiary);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._section_3rj9n_215{padding:var(--spacing-2) 0}._sectionLabel_3rj9n_219{font-family:var(--font-secondary);font-size:var(--font-size-11);font-weight:var(--font-weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;padding:var(--spacing-1) var(--spacing-4) var(--spacing-2)}._divider_3rj9n_229{height:1px;background:var(--border-subtle);margin:var(--spacing-2) 0}._item_3rj9n_239{display:flex;align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-2) var(--spacing-4);background:none;border:none;font-family:var(--font-secondary);font-size:var(--font-size-13);color:var(--text-primary);text-decoration:none;text-align:left;cursor:pointer;transition:background-color var(--mode-hover-duration)}._item_3rj9n_239:hover{background:var(--surface-subtle)}._itemIcon_3rj9n_260{display:flex;align-items:center;justify-content:center;width:20px;color:var(--text-secondary)}._itemDanger_3rj9n_268,._itemDanger_3rj9n_268 ._itemIcon_3rj9n_260{color:var(--text-error)}._itemDisabled_3rj9n_276{opacity:.5;cursor:not-allowed}._itemDisabled_3rj9n_276:hover{background:none}._dropdownTop_3rj9n_290{top:auto;bottom:calc(100% + var(--spacing-1));transform:translateY(8px)}._dropdownTop_3rj9n_290._dropdownOpen_3rj9n_147{transform:translateY(0)}._itemShortcut_3rj9n_301{margin-left:auto;font-size:var(--font-size-12);color:var(--text-tertiary);font-family:var(--font-mono);flex-shrink:0}._itemBadge_3rj9n_310{margin-left:auto;min-width:18px;height:18px;border-radius:var(--radius-full);background:var(--interactive-primary);color:var(--interactive-primary-text);font-size:var(--font-size-11);font-family:var(--font-secondary);display:flex;align-items:center;justify-content:center;padding:0 var(--spacing-1);flex-shrink:0}@media(max-width:480px){._dropdown_3rj9n_131{position:fixed;inset:auto 0 0;min-width:100%;border-radius:var(--radius-container) var(--radius-container) 0 0;transform:translateY(100%)}._dropdownOpen_3rj9n_147{transform:translateY(0)}}

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_userMenu_3rj9n_8",r="_userMenuFullWidth_3rj9n_14",t="_trigger_3rj9n_19",n="_triggerCompact_3rj9n_44",a="_avatar_3rj9n_48",o="_avatarImage_3rj9n_61",_="_avatarInitials_3rj9n_67",i="_statusIndicator_3rj9n_75",d="_triggerInfo_3rj9n_85",s="_triggerName_3rj9n_95",c="_triggerRole_3rj9n_106",g="_chevron_3rj9n_116",m="_chevronOpen_3rj9n_123",h="_dropdown_3rj9n_131",l="_dropdownOpen_3rj9n_147",u="_dropdownStart_3rj9n_153",p="_header_3rj9n_162",j="_headerAvatar_3rj9n_170",v="_headerInfo_3rj9n_186",I="_headerName_3rj9n_193",w="_headerEmail_3rj9n_201",b="_section_3rj9n_215",f="_sectionLabel_3rj9n_219",M="_divider_3rj9n_229",S="_item_3rj9n_239",O="_itemIcon_3rj9n_260",D="_itemDanger_3rj9n_268",N="_itemDisabled_3rj9n_276",T="_dropdownTop_3rj9n_290",A="_itemShortcut_3rj9n_301",B="_itemBadge_3rj9n_310",C={userMenu:e,userMenuFullWidth:r,trigger:t,triggerCompact:n,avatar:a,avatarImage:o,avatarInitials:_,statusIndicator:i,triggerInfo:d,triggerName:s,triggerRole:c,chevron:g,chevronOpen:m,dropdown:h,dropdownOpen:l,dropdownStart:u,header:p,headerAvatar:j,headerInfo:v,headerName:I,headerEmail:w,section:b,sectionLabel:f,divider:M,item:S,itemIcon:O,itemDanger:D,itemDisabled:N,dropdownTop:T,itemShortcut:A,itemBadge:B};exports.avatar=a;exports.avatarImage=o;exports.avatarInitials=_;exports.chevron=g;exports.chevronOpen=m;exports.default=C;exports.divider=M;exports.dropdown=h;exports.dropdownOpen=l;exports.dropdownStart=u;exports.dropdownTop=T;exports.header=p;exports.headerAvatar=j;exports.headerEmail=w;exports.headerInfo=v;exports.headerName=I;exports.item=S;exports.itemBadge=B;exports.itemDanger=D;exports.itemDisabled=N;exports.itemIcon=O;exports.itemShortcut=A;exports.section=b;exports.sectionLabel=f;exports.statusIndicator=i;exports.trigger=t;exports.triggerCompact=n;exports.triggerInfo=d;exports.triggerName=s;exports.triggerRole=c;exports.userMenu=e;exports.userMenuFullWidth=r;

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

@@ -0,0 +1,67 @@
+const r = "_userMenu_3rj9n_8", e = "_userMenuFullWidth_3rj9n_14", n = "_trigger_3rj9n_19", t = "_triggerCompact_3rj9n_44", o = "_avatar_3rj9n_48", _ = "_avatarImage_3rj9n_61", a = "_avatarInitials_3rj9n_67", i = "_statusIndicator_3rj9n_75", s = "_triggerInfo_3rj9n_85", d = "_triggerName_3rj9n_95", c = "_triggerRole_3rj9n_106", g = "_chevron_3rj9n_116", m = "_chevronOpen_3rj9n_123", j = "_dropdown_3rj9n_131", h = "_dropdownOpen_3rj9n_147", p = "_dropdownStart_3rj9n_153", l = "_header_3rj9n_162", u = "_headerAvatar_3rj9n_170", v = "_headerInfo_3rj9n_186", I = "_headerName_3rj9n_193", w = "_headerEmail_3rj9n_201", f = "_section_3rj9n_215", b = "_sectionLabel_3rj9n_219", D = "_divider_3rj9n_229", M = "_item_3rj9n_239", N = "_itemIcon_3rj9n_260", O = "_itemDanger_3rj9n_268", S = "_itemDisabled_3rj9n_276", A = "_dropdownTop_3rj9n_290", B = "_itemShortcut_3rj9n_301", C = "_itemBadge_3rj9n_310", E = {
+  userMenu: r,
+  userMenuFullWidth: e,
+  trigger: n,
+  triggerCompact: t,
+  avatar: o,
+  avatarImage: _,
+  avatarInitials: a,
+  statusIndicator: i,
+  triggerInfo: s,
+  triggerName: d,
+  triggerRole: c,
+  chevron: g,
+  chevronOpen: m,
+  dropdown: j,
+  dropdownOpen: h,
+  dropdownStart: p,
+  header: l,
+  headerAvatar: u,
+  headerInfo: v,
+  headerName: I,
+  headerEmail: w,
+  section: f,
+  sectionLabel: b,
+  divider: D,
+  item: M,
+  itemIcon: N,
+  itemDanger: O,
+  itemDisabled: S,
+  dropdownTop: A,
+  itemShortcut: B,
+  itemBadge: C
+};
+export {
+  o as avatar,
+  _ as avatarImage,
+  a as avatarInitials,
+  g as chevron,
+  m as chevronOpen,
+  E as default,
+  D as divider,
+  j as dropdown,
+  h as dropdownOpen,
+  p as dropdownStart,
+  A as dropdownTop,
+  l as header,
+  u as headerAvatar,
+  w as headerEmail,
+  v as headerInfo,
+  I as headerName,
+  M as item,
+  C as itemBadge,
+  O as itemDanger,
+  S as itemDisabled,
+  N as itemIcon,
+  B as itemShortcut,
+  f as section,
+  b as sectionLabel,
+  i as statusIndicator,
+  n as trigger,
+  t as triggerCompact,
+  s as triggerInfo,
+  d as triggerName,
+  c as triggerRole,
+  r as userMenu,
+  e as userMenuFullWidth
+};