@orion-ds/react 4.9.2 → 4.9.3

package/dist/components/Toast/Toast.mjs

@@ -0,0 +1,225 @@
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import { useState as w, useCallback as a, useContext as j, createContext as B, useRef as E, useEffect as P } from "react";
+import { createPortal as I } from "react-dom";
+import i from "./Toast.module.css.mjs";
+let D = 0;
+const R = () => `toast-${++D}`, C = B(null), G = () => {
+  const e = j(C);
+  if (!e)
+    throw new Error("useToast must be used within a ToastProvider");
+  return e;
+}, z = ({ toast: e, onDismiss: u }) => {
+  const [d, h] = w(!1), s = E(null), c = a(() => {
+    h(!0), setTimeout(() => {
+      u(e.id), e.onDismiss?.();
+    }, 200);
+  }, [e, u]);
+  P(() => {
+    if (e.duration && e.duration > 0)
+      return s.current = setTimeout(c, e.duration), () => {
+        s.current && clearTimeout(s.current);
+      };
+  }, [e.duration, c]);
+  const o = () => {
+    s.current && clearTimeout(s.current);
+  }, m = () => {
+    e.duration && e.duration > 0 && (s.current = setTimeout(c, e.duration));
+  }, v = [
+    i.toast,
+    i[e.variant || "info"],
+    d && i.exiting
+  ].filter(Boolean).join(" "), k = () => {
+    switch (e.variant) {
+      case "success":
+        return /* @__PURE__ */ t("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ t(
+          "path",
+          {
+            d: "M16.667 5L7.5 14.167 3.333 10",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ) });
+      case "error":
+        return /* @__PURE__ */ l("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: [
+          /* @__PURE__ */ t(
+            "circle",
+            {
+              cx: "10",
+              cy: "10",
+              r: "7.5",
+              stroke: "currentColor",
+              strokeWidth: "1.5"
+            }
+          ),
+          /* @__PURE__ */ t(
+            "path",
+            {
+              d: "M10 6v5M10 13.5v.5",
+              stroke: "currentColor",
+              strokeWidth: "1.5",
+              strokeLinecap: "round"
+            }
+          )
+        ] });
+      case "warning":
+        return /* @__PURE__ */ l("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: [
+          /* @__PURE__ */ t(
+            "path",
+            {
+              d: "M8.57 3.216L1.538 15.143a1.667 1.667 0 001.429 2.524h14.066a1.667 1.667 0 001.429-2.524L11.43 3.216a1.667 1.667 0 00-2.858 0z",
+              stroke: "currentColor",
+              strokeWidth: "1.5",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          ),
+          /* @__PURE__ */ t(
+            "path",
+            {
+              d: "M10 7.5v3.333M10 14.167h.008",
+              stroke: "currentColor",
+              strokeWidth: "1.5",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ] });
+      default:
+        return /* @__PURE__ */ l("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: [
+          /* @__PURE__ */ t(
+            "circle",
+            {
+              cx: "10",
+              cy: "10",
+              r: "7.5",
+              stroke: "currentColor",
+              strokeWidth: "1.5"
+            }
+          ),
+          /* @__PURE__ */ t(
+            "path",
+            {
+              d: "M10 9v4.5M10 6.5v.5",
+              stroke: "currentColor",
+              strokeWidth: "1.5",
+              strokeLinecap: "round"
+            }
+          )
+        ] });
+    }
+  };
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      className: v,
+      role: "alert",
+      "aria-live": "polite",
+      onMouseEnter: o,
+      onMouseLeave: m,
+      children: [
+        /* @__PURE__ */ t("span", { className: i.icon, "aria-hidden": "true", children: k() }),
+        /* @__PURE__ */ l("div", { className: i.content, children: [
+          e.title && /* @__PURE__ */ t("div", { className: i.title, children: e.title }),
+          /* @__PURE__ */ t("div", { className: i.message, children: e.message })
+        ] }),
+        e.action && /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            className: i.action,
+            onClick: () => {
+              e.action?.onClick(), c();
+            },
+            children: e.action.label
+          }
+        ),
+        e.dismissible !== !1 && /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            className: i.closeButton,
+            onClick: c,
+            "aria-label": "Dismiss",
+            children: /* @__PURE__ */ t("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ t(
+              "path",
+              {
+                d: "M12 4L4 12M4 4l8 8",
+                stroke: "currentColor",
+                strokeWidth: "1.5",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            ) })
+          }
+        )
+      ]
+    }
+  );
+}, A = ({
+  children: e,
+  position: u = "bottom-right",
+  maxToasts: d = 5,
+  defaultDuration: h = 5e3
+}) => {
+  const [s, c] = w([]), o = a(
+    (r) => {
+      const n = R(), { type: f, ...g } = r, N = g.variant || f || "info", y = {
+        id: n,
+        duration: h,
+        dismissible: !0,
+        variant: N,
+        ...g
+      };
+      return c((W) => {
+        const p = [...W, y];
+        return p.length > d ? p.slice(-d) : p;
+      }), n;
+    },
+    [h, d]
+  ), m = a((r) => {
+    c((n) => n.filter((f) => f.id !== r));
+  }, []), v = a(() => {
+    c([]);
+  }, []), k = a(
+    (r, n) => o({ message: r, variant: "info", ...n }),
+    [o]
+  ), L = a(
+    (r, n) => o({ message: r, variant: "success", ...n }),
+    [o]
+  ), x = a(
+    (r, n) => o({ message: r, variant: "warning", ...n }),
+    [o]
+  ), T = a(
+    (r, n) => o({ message: r, variant: "error", ...n }),
+    [o]
+  ), M = {
+    toast: o,
+    info: k,
+    success: L,
+    warning: x,
+    error: T,
+    dismiss: m,
+    dismissAll: v
+  }, b = [i.container, i[u]].filter(Boolean).join(" ");
+  return /* @__PURE__ */ l(C.Provider, { value: M, children: [
+    e,
+    s.length > 0 && I(
+      /* @__PURE__ */ t("div", { className: b, "aria-label": "Notifications", children: s.map((r) => /* @__PURE__ */ t(
+        z,
+        {
+          toast: r,
+          onDismiss: m
+        },
+        r.id
+      )) }),
+      document.body
+    )
+  ] });
+};
+A.displayName = "ToastProvider";
+export {
+  A as ToastProvider,
+  G as useToast
+};

package/dist/components/Toast/Toast.module.css

@@ -0,0 +1 @@
+._container_ys2b2_9{position:fixed;z-index:var(--z-notification);display:flex;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-4);pointer-events:none;max-width:420px;width:100%}._top-left_ys2b2_25{top:0;left:0}._top-center_ys2b2_30{top:0;left:50%;transform:translate(-50%)}._top-right_ys2b2_36{top:0;right:0}._bottom-left_ys2b2_41{bottom:0;left:0;flex-direction:column-reverse}._bottom-center_ys2b2_47{bottom:0;left:50%;transform:translate(-50%);flex-direction:column-reverse}._bottom-right_ys2b2_54{bottom:0;right:0;flex-direction:column-reverse}._toast_ys2b2_64{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-control);box-shadow:var(--shadow-lg);pointer-events:auto;animation:_slideIn_ys2b2_1 .2s ease-out}._exiting_ys2b2_77{animation:_slideOut_ys2b2_1 .2s ease-in forwards}@keyframes _slideIn_ys2b2_1{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes _slideOut_ys2b2_1{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}._top-left_ys2b2_25 ._toast_ys2b2_64,._bottom-left_ys2b2_41 ._toast_ys2b2_64{animation-name:_slideInLeft_ys2b2_1}._top-left_ys2b2_25 ._exiting_ys2b2_77,._bottom-left_ys2b2_41 ._exiting_ys2b2_77{animation-name:_slideOutLeft_ys2b2_1}@keyframes _slideInLeft_ys2b2_1{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes _slideOutLeft_ys2b2_1{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}._top-center_ys2b2_30 ._toast_ys2b2_64,._bottom-center_ys2b2_47 ._toast_ys2b2_64{animation-name:_slideInCenter_ys2b2_1}._top-center_ys2b2_30 ._exiting_ys2b2_77,._bottom-center_ys2b2_47 ._exiting_ys2b2_77{animation-name:_slideOutCenter_ys2b2_1}@keyframes _slideInCenter_ys2b2_1{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes _slideOutCenter_ys2b2_1{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}._info_ys2b2_173 ._icon_ys2b2_173{color:var(--status-info)}._success_ys2b2_177 ._icon_ys2b2_173{color:var(--status-success)}._warning_ys2b2_181 ._icon_ys2b2_173{color:var(--status-warning)}._error_ys2b2_185 ._icon_ys2b2_173{color:var(--status-error)}._icon_ys2b2_173{flex-shrink:0;width:20px;height:20px}._content_ys2b2_199{flex:1;min-width:0}._title_ys2b2_204{font-family:var(--font-secondary);font-size:var(--font-size-14);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-1)}._message_ys2b2_212{font-family:var(--font-secondary);font-size:var(--font-size-14);color:var(--text-secondary);line-height:var(--line-height-relaxed)}._action_ys2b2_223{flex-shrink:0;padding:var(--spacing-1) var(--spacing-2);background:transparent;border:none;border-radius:var(--radius-sm);font-family:var(--font-secondary);font-size:var(--font-size-12);font-weight:var(--font-weight-medium);color:var(--text-brand);cursor:pointer;transition:background-color var(--transition-fast)}._action_ys2b2_223:hover{background:var(--surface-subtle)}._action_ys2b2_223:focus-visible{outline:2px solid var(--interactive-primary);outline-offset:2px}._closeButton_ys2b2_246{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);margin:calc(var(--spacing-1) * -1) calc(var(--spacing-1) * -1) calc(var(--spacing-1) * -1) 0}._closeButton_ys2b2_246:hover{background:var(--surface-subtle);color:var(--text-primary)}._closeButton_ys2b2_246:focus-visible{outline:2px solid var(--interactive-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){._toast_ys2b2_64,._exiting_ys2b2_77{animation:none}}@media(max-width:480px){._container_ys2b2_9{max-width:100%;padding:var(--spacing-3)}._toast_ys2b2_64{padding:var(--spacing-3)}}

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_container_ys2b2_9",e="_toast_ys2b2_64",s="_slideIn_ys2b2_1",n="_exiting_ys2b2_77",o="_slideOut_ys2b2_1",_="_slideInLeft_ys2b2_1",i="_slideOutLeft_ys2b2_1",c="_slideInCenter_ys2b2_1",l="_slideOutCenter_ys2b2_1",r="_info_ys2b2_173",b="_icon_ys2b2_173",d="_success_ys2b2_177",u="_warning_ys2b2_181",y="_error_ys2b2_185",a="_content_ys2b2_199",f="_title_ys2b2_204",g="_message_ys2b2_212",O="_action_ys2b2_223",I="_closeButton_ys2b2_246",m={container:t,"top-left":"_top-left_ys2b2_25","top-center":"_top-center_ys2b2_30","top-right":"_top-right_ys2b2_36","bottom-left":"_bottom-left_ys2b2_41","bottom-center":"_bottom-center_ys2b2_47","bottom-right":"_bottom-right_ys2b2_54",toast:e,slideIn:s,exiting:n,slideOut:o,slideInLeft:_,slideOutLeft:i,slideInCenter:c,slideOutCenter:l,info:r,icon:b,success:d,warning:u,error:y,content:a,title:f,message:g,action:O,closeButton:I};exports.action=O;exports.closeButton=I;exports.container=t;exports.content=a;exports.default=m;exports.error=y;exports.exiting=n;exports.icon=b;exports.info=r;exports.message=g;exports.slideIn=s;exports.slideInCenter=c;exports.slideInLeft=_;exports.slideOut=o;exports.slideOutCenter=l;exports.slideOutLeft=i;exports.success=d;exports.title=f;exports.toast=e;exports.warning=u;

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

@@ -0,0 +1,49 @@
+const t = "_container_ys2b2_9", s = "_toast_ys2b2_64", e = "_slideIn_ys2b2_1", _ = "_exiting_ys2b2_77", n = "_slideOut_ys2b2_1", o = "_slideInLeft_ys2b2_1", i = "_slideOutLeft_ys2b2_1", c = "_slideInCenter_ys2b2_1", b = "_slideOutCenter_ys2b2_1", l = "_info_ys2b2_173", r = "_icon_ys2b2_173", y = "_success_ys2b2_177", d = "_warning_ys2b2_181", a = "_error_ys2b2_185", u = "_content_ys2b2_199", f = "_title_ys2b2_204", g = "_message_ys2b2_212", m = "_action_ys2b2_223", I = "_closeButton_ys2b2_246", O = {
+  container: t,
+  "top-left": "_top-left_ys2b2_25",
+  "top-center": "_top-center_ys2b2_30",
+  "top-right": "_top-right_ys2b2_36",
+  "bottom-left": "_bottom-left_ys2b2_41",
+  "bottom-center": "_bottom-center_ys2b2_47",
+  "bottom-right": "_bottom-right_ys2b2_54",
+  toast: s,
+  slideIn: e,
+  exiting: _,
+  slideOut: n,
+  slideInLeft: o,
+  slideOutLeft: i,
+  slideInCenter: c,
+  slideOutCenter: b,
+  info: l,
+  icon: r,
+  success: y,
+  warning: d,
+  error: a,
+  content: u,
+  title: f,
+  message: g,
+  action: m,
+  closeButton: I
+};
+export {
+  m as action,
+  I as closeButton,
+  t as container,
+  u as content,
+  O as default,
+  a as error,
+  _ as exiting,
+  r as icon,
+  l as info,
+  g as message,
+  e as slideIn,
+  c as slideInCenter,
+  o as slideInLeft,
+  n as slideOut,
+  b as slideOutCenter,
+  i as slideOutLeft,
+  y as success,
+  f as title,
+  s as toast,
+  d as warning
+};

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

@@ -0,0 +1,127 @@
+import { ReactNode } from 'react';
+
+/**
+ * Toast variants
+ */
+export type ToastVariant = "info" | "success" | "warning" | "error";
+/**
+ * Toast position on screen
+ */
+export type ToastPosition = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
+/**
+ * Individual toast data
+ */
+export interface Toast {
+    /**
+     * Unique identifier for the toast
+     */
+    id: string;
+    /**
+     * Toast title (optional)
+     */
+    title?: string;
+    /**
+     * Toast message content
+     */
+    message: ReactNode;
+    /**
+     * Visual variant of the toast
+     * @default 'info'
+     */
+    variant?: ToastVariant;
+    /**
+     * Alias for `variant` - familiar for devs from other libraries (MUI, Chakra, etc.)
+     * @deprecated Use `variant` instead
+     */
+    type?: ToastVariant;
+    /**
+     * Duration in milliseconds before auto-dismiss (0 = no auto-dismiss)
+     * @default 5000
+     */
+    duration?: number;
+    /**
+     * Whether the toast can be dismissed by the user
+     * @default true
+     */
+    dismissible?: boolean;
+    /**
+     * Optional action button
+     */
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+    /**
+     * Callback when toast is dismissed
+     */
+    onDismiss?: () => void;
+}
+/**
+ * Toast creation options (without id)
+ */
+export type ToastOptions = Omit<Toast, "id">;
+/**
+ * Toast Provider props
+ */
+export interface ToastProviderProps {
+    /**
+     * Children to wrap
+     */
+    children: ReactNode;
+    /**
+     * Default position for toasts
+     * @default 'bottom-right'
+     */
+    position?: ToastPosition;
+    /**
+     * Maximum number of toasts to show at once
+     * @default 5
+     */
+    maxToasts?: number;
+    /**
+     * Default duration for toasts
+     * @default 5000
+     */
+    defaultDuration?: number;
+}
+/**
+ * Toast context value
+ */
+export interface ToastContextValue {
+    /**
+     * Add a new toast
+     */
+    toast: (options: ToastOptions) => string;
+    /**
+     * Add an info toast (shorthand)
+     */
+    info: (message: string, options?: Partial<ToastOptions>) => string;
+    /**
+     * Add a success toast (shorthand)
+     */
+    success: (message: string, options?: Partial<ToastOptions>) => string;
+    /**
+     * Add a warning toast (shorthand)
+     */
+    warning: (message: string, options?: Partial<ToastOptions>) => string;
+    /**
+     * Add an error toast (shorthand)
+     */
+    error: (message: string, options?: Partial<ToastOptions>) => string;
+    /**
+     * Dismiss a toast by id
+     */
+    dismiss: (id: string) => void;
+    /**
+     * Dismiss all toasts
+     */
+    dismissAll: () => void;
+}
+/**
+ * Single toast item props (internal)
+ */
+export interface ToastItemProps {
+    toast: Toast;
+    onDismiss: (id: string) => void;
+}
+//# sourceMappingURL=Toast.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.types.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAEpE;;GAEG;AACH,MAAM,MAAM,aAAa,GACrB,UAAU,GACV,YAAY,GACZ,WAAW,GACX,aAAa,GACb,eAAe,GACf,cAAc,CAAC;AAEnB;;GAEG;AACH,MAAM,WAAW,KAAK;IACpB;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,OAAO,EAAE,SAAS,CAAC;IAEnB;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB;;;OAGG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;IAEpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,MAAM,CAAC,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;KACrB,CAAC;IAEF;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;AAE7C;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,aAAa,CAAC;IAEzB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,KAAK,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,MAAM,CAAC;IAEzC;;OAEG;IACH,IAAI,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,MAAM,CAAC;IAEnE;;OAEG;IACH,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,MAAM,CAAC;IAEtE;;OAEG;IACH,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,MAAM,CAAC;IAEtE;;OAEG;IACH,KAAK,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,MAAM,CAAC;IAEpE;;OAEG;IACH,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAE9B;;OAEG;IACH,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,KAAK,CAAC;IACb,SAAS,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC"}

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

@@ -0,0 +1,27 @@
+/**
+ * Toast Component - Temporary notification messages.
+ *
+ * @example
+ * ```tsx
+ * import { ToastProvider, useToast, Button } from '@orion-ds/react';
+ *
+ * // Wrap app with ToastProvider
+ * <ToastProvider>
+ *   <App />
+ * </ToastProvider>
+ *
+ * // Use in any component
+ * function MyComponent() {
+ *   const { toast } = useToast();
+ *
+ *   return (
+ *     <Button onClick={() => toast({ title: 'Saved!', variant: 'success' })}>
+ *       Save
+ *     </Button>
+ *   );
+ * }
+ * ```
+ */
+export { ToastProvider, useToast } from './Toast';
+export type { Toast, ToastOptions, ToastVariant, ToastPosition, ToastProviderProps, ToastContextValue, } from './Toast.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAClD,YAAY,EACV,KAAK,EACL,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,eAAe,CAAC"}

package/dist/components/Toggle/Toggle.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("react/jsx-runtime"),l=require("react"),t=require("./Toggle.module.css.cjs"),u=l.forwardRef(({pressed:o,defaultPressed:c=!1,onPressedChange:a,variant:d="default",size:i="md",disabled:f,className:g,children:m,onClick:n,...b},T)=>{const[j,p]=l.useState(c),s=o!==void 0,e=s?o:j,y=l.useCallback(x=>{const r=!e;s||p(r),a?.(r),n?.(x)},[e,s,a,n]),q=[t.default.toggle,t.default[d],t.default[i],e&&t.default.pressed,g].filter(Boolean).join(" ");return N.jsx("button",{ref:T,type:"button",className:q,"aria-pressed":e,disabled:f,onClick:y,...b,children:m})});u.displayName="Toggle";exports.Toggle=u;

package/dist/components/Toggle/Toggle.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/Toggle.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD,eAAO,MAAM,MAAM,2GAwDlB,CAAC"}

package/dist/components/Toggle/Toggle.mjs

@@ -0,0 +1,48 @@
+import { jsx as j } from "react/jsx-runtime";
+import { forwardRef as k, useState as C, useCallback as P } from "react";
+import s from "./Toggle.module.css.mjs";
+const T = k(
+  ({
+    pressed: o,
+    defaultPressed: n = !1,
+    onPressedChange: l,
+    variant: i = "default",
+    size: c = "md",
+    disabled: d,
+    className: m,
+    children: f,
+    onClick: r,
+    ...p
+  }, u) => {
+    const [g, b] = C(n), t = o !== void 0, e = t ? o : g, x = P(
+      (N) => {
+        const a = !e;
+        t || b(a), l?.(a), r?.(N);
+      },
+      [e, t, l, r]
+    ), y = [
+      s.toggle,
+      s[i],
+      s[c],
+      e && s.pressed,
+      m
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ j(
+      "button",
+      {
+        ref: u,
+        type: "button",
+        className: y,
+        "aria-pressed": e,
+        disabled: d,
+        onClick: x,
+        ...p,
+        children: f
+      }
+    );
+  }
+);
+T.displayName = "Toggle";
+export {
+  T as Toggle
+};

package/dist/components/Toggle/Toggle.module.css

@@ -0,0 +1 @@
+._toggle_1lj29_3{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)}._toggle_1lj29_3:hover:not(:disabled){background:var(--interactive-ghost-hover);color:var(--text-primary)}._toggle_1lj29_3:focus-visible{outline:2px solid var(--interactive-primary);outline-offset:2px;box-shadow:0 0 0 4px var(--soft-brand)}._toggle_1lj29_3:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}._pressed_1lj29_38{background:var(--soft-brand);color:var(--text-brand)}._pressed_1lj29_38:hover:not(:disabled){background:var(--soft-brand-hover);color:var(--text-brand)}._outline_1lj29_49{border-color:var(--border-subtle)}._outline_1lj29_49:hover:not(:disabled){border-color:var(--border-strong)}._outline_1lj29_49._pressed_1lj29_38{border-color:var(--border-interactive);background:var(--soft-brand);color:var(--text-brand)}._sm_1lj29_67{height:32px;min-width:32px;padding:0 var(--spacing-3);font-size:var(--font-size-12);border-radius:var(--radius-button)}._md_1lj29_75{height:40px;min-width:40px;padding:0 var(--spacing-4);font-size:var(--font-size-16);border-radius:var(--radius-button)}._lg_1lj29_83{height:48px;min-width:48px;padding:0 var(--spacing-6);font-size:var(--font-size-18);border-radius:var(--radius-button)}@media(prefers-reduced-motion:reduce){._toggle_1lj29_3{transition:none}}@media(forced-colors:active){._toggle_1lj29_3{border:1px solid ButtonText}._toggle_1lj29_3:focus-visible{box-shadow:none;outline:3px solid Highlight;outline-offset:2px}._pressed_1lj29_38{background:Highlight;color:HighlightText}}

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_toggle_1lj29_3",l="_pressed_1lj29_38",s="_outline_1lj29_49",t="_sm_1lj29_67",o="_md_1lj29_75",_="_lg_1lj29_83",g={toggle:e,pressed:l,outline:s,sm:t,md:o,lg:_};exports.default=g;exports.lg=_;exports.md=o;exports.outline=s;exports.pressed=l;exports.sm=t;exports.toggle=e;

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

@@ -0,0 +1,17 @@
+const s = "_toggle_1lj29_3", _ = "_pressed_1lj29_38", l = "_outline_1lj29_49", t = "_sm_1lj29_67", e = "_md_1lj29_75", o = "_lg_1lj29_83", n = {
+  toggle: s,
+  pressed: _,
+  outline: l,
+  sm: t,
+  md: e,
+  lg: o
+};
+export {
+  n as default,
+  o as lg,
+  e as md,
+  l as outline,
+  _ as pressed,
+  t as sm,
+  s as toggle
+};

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

@@ -0,0 +1,18 @@
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+
+export type ToggleVariant = "default" | "outline";
+export type ToggleSize = "sm" | "md" | "lg";
+export interface ToggleProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onChange"> {
+    /** Controlled pressed state. */
+    pressed?: boolean;
+    /** Default pressed state for uncontrolled usage. */
+    defaultPressed?: boolean;
+    /** Callback when pressed state changes. */
+    onPressedChange?: (pressed: boolean) => void;
+    /** Visual variant. @default 'default' */
+    variant?: ToggleVariant;
+    /** Size of the toggle. @default 'md' */
+    size?: ToggleSize;
+    children?: ReactNode;
+}
+//# sourceMappingURL=Toggle.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.types.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/Toggle.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,SAAS,CAAC;AAClD,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,WAAW,WAAY,SAAQ,IAAI,CACvC,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,UAAU,CACX;IACC,gCAAgC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oDAAoD;IACpD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,2CAA2C;IAC3C,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,yCAAyC;IACzC,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,wCAAwC;IACxC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}

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

@@ -0,0 +1,3 @@
+export { Toggle } from './Toggle';
+export type { ToggleProps, ToggleVariant, ToggleSize } from './Toggle.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/ToggleGroup/ToggleGroup.cjs

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

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

@@ -0,0 +1,6 @@
+import { ToggleGroupProps, ToggleGroupItemProps } from './ToggleGroup.types';
+
+export declare const ToggleGroup: import('react').ForwardRefExoticComponent<ToggleGroupProps & import('react').RefAttributes<HTMLDivElement>> & {
+    Item: import('react').ForwardRefExoticComponent<ToggleGroupItemProps & import('react').RefAttributes<HTMLButtonElement>>;
+};
+//# sourceMappingURL=ToggleGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleGroup.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleGroup/ToggleGroup.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EACV,gBAAgB,EAChB,oBAAoB,EAErB,MAAM,qBAAqB,CAAC;AAuK7B,eAAO,MAAM,WAAW;;CAEtB,CAAC"}