@orion-ds/react 4.6.5 → 4.7.0

package/dist/components/ThemeController/ThemeController.mjs

@@ -1,390 +0,0 @@
-"use client";
-import { jsxs as a, jsx as r } from "react/jsx-runtime";
-import { useThemeContext as B } from "../../contexts/ThemeContext.mjs";
-import { useTheme as S } from "../../hooks/useTheme.mjs";
-import { Switch as v } from "../Switch/Switch.mjs";
-import { Button as d } from "../Button/Button.mjs";
-import { Card as o } from "../Card/Card.mjs";
-import { Badge as n } from "../Badge/Badge.mjs";
-import { Radio as F } from "../Radio/Radio.mjs";
-import { Alert as I } from "../Alert/Alert.mjs";
-const l = {
-  orion: {
-    accent: "#1B5BFF",
-    radius: "12px",
-    description: "Blue accent • 12px radius"
-  },
-  red: {
-    accent: "#D7282F",
-    radius: "9999px",
-    description: "Red accent • Pill buttons"
-  },
-  deepblue: {
-    accent: "#006FBA",
-    radius: "12px",
-    description: "Deep Blue accent • 12px radius"
-  },
-  orange: {
-    accent: "#F15D22",
-    radius: "9999px",
-    description: "Red-Orange accent • Pill buttons"
-  },
-  ember: {
-    accent: "#F15D22",
-    radius: "12px",
-    description: "Orange accent • Black buttons • 12px radius"
-  },
-  lemon: {
-    accent: "#72FF43",
-    radius: "9999px",
-    description: "Lime green accent • Highly rounded"
-  }
-}, T = ({
-  showBrandSelector: p = !0,
-  showThemeToggle: g = !0,
-  showSummary: y = !0,
-  compact: u = !1,
-  className: h,
-  style: x,
-  onThemeChange: f,
-  onBrandChange: k
-}) => {
-  const C = S();
-  let m = null;
-  try {
-    m = B();
-  } catch {
-  }
-  const { theme: t, brand: i, setTheme: b, setBrand: z } = m ?? C, c = (e) => {
-    b(e), f?.(e);
-  }, s = (e) => {
-    z(e), k?.(e);
-  };
-  return u ? /* @__PURE__ */ a(
-    "div",
-    {
-      className: h,
-      style: {
-        display: "flex",
-        gap: "var(--spacing-3)",
-        alignItems: "center",
-        flexWrap: "wrap"
-      },
-      children: [
-        g && /* @__PURE__ */ a(
-          "div",
-          {
-            style: {
-              display: "flex",
-              alignItems: "center",
-              gap: "var(--spacing-2)"
-            },
-            children: [
-              /* @__PURE__ */ r("span", { style: { fontSize: "20px" }, children: "☀️" }),
-              /* @__PURE__ */ r(
-                v,
-                {
-                  checked: t === "dark",
-                  onChange: (e) => c(e.target.checked ? "dark" : "light")
-                }
-              ),
-              /* @__PURE__ */ r("span", { style: { fontSize: "20px" }, children: "🌙" })
-            ]
-          }
-        ),
-        p && /* @__PURE__ */ r("div", { style: { display: "flex", gap: "var(--spacing-2)" }, children: Object.keys(l).map((e) => /* @__PURE__ */ r(
-          d,
-          {
-            variant: i === e ? "primary" : "secondary",
-            size: "sm",
-            onClick: () => s(e),
-            children: e.charAt(0).toUpperCase() + e.slice(1)
-          },
-          e
-        )) })
-      ]
-    }
-  ) : /* @__PURE__ */ a(
-    o,
-    {
-      variant: "elevated",
-      className: h,
-      style: {
-        background: "var(--interactive-primary)",
-        color: "var(--interactive-primary-text)",
-        ...x
-      },
-      children: [
-        /* @__PURE__ */ r(o.Header, { children: /* @__PURE__ */ a(
-          "div",
-          {
-            style: {
-              display: "flex",
-              alignItems: "center",
-              gap: "var(--spacing-2)"
-            },
-            children: [
-              /* @__PURE__ */ r("span", { style: { fontSize: "24px" }, children: "🎨" }),
-              /* @__PURE__ */ a("div", { children: [
-                /* @__PURE__ */ r("h3", { style: { margin: 0, color: "var(--interactive-primary-text)" }, children: "Theme & Brand Settings" }),
-                /* @__PURE__ */ r(
-                  "p",
-                  {
-                    style: {
-                      margin: 0,
-                      fontSize: "var(--text-sm)",
-                      opacity: 0.9,
-                      color: "var(--interactive-primary-text)"
-                    },
-                    children: "Customize the appearance in real-time"
-                  }
-                )
-              ] })
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ r(
-          o.Body,
-          {
-            style: {
-              background: "var(--surface-base)",
-              color: "var(--text-primary)"
-            },
-            children: /* @__PURE__ */ a("div", { style: { display: "grid", gap: "var(--spacing-6)" }, children: [
-              g && /* @__PURE__ */ a("div", { children: [
-                /* @__PURE__ */ a(
-                  "div",
-                  {
-                    style: {
-                      display: "flex",
-                      alignItems: "center",
-                      justifyContent: "space-between",
-                      marginBottom: "var(--spacing-3)"
-                    },
-                    children: [
-                      /* @__PURE__ */ a("div", { children: [
-                        /* @__PURE__ */ r(
-                          "label",
-                          {
-                            style: {
-                              display: "block",
-                              fontSize: "var(--text-lg)",
-                              fontWeight: "var(--font-weight-bold)",
-                              color: "var(--text-primary)",
-                              marginBottom: "var(--spacing-1)"
-                            },
-                            children: "Color Mode"
-                          }
-                        ),
-                        /* @__PURE__ */ r(
-                          "p",
-                          {
-                            style: {
-                              fontSize: "var(--text-sm)",
-                              color: "var(--text-secondary)",
-                              margin: 0
-                            },
-                            children: "Switch between light and dark themes"
-                          }
-                        )
-                      ] }),
-                      /* @__PURE__ */ r(
-                        n,
-                        {
-                          variant: t === "light" ? "warning" : "primary",
-                          size: "lg",
-                          children: t === "light" ? "☀️ Light" : "🌙 Dark"
-                        }
-                      )
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ a(
-                  "div",
-                  {
-                    style: {
-                      display: "flex",
-                      alignItems: "center",
-                      gap: "var(--spacing-3)",
-                      padding: "var(--spacing-4)",
-                      background: "var(--surface-subtle)",
-                      borderRadius: "var(--radius-control)",
-                      border: "2px solid var(--border-subtle)"
-                    },
-                    children: [
-                      /* @__PURE__ */ r("span", { style: { fontSize: "32px" }, children: "☀️" }),
-                      /* @__PURE__ */ r(
-                        v,
-                        {
-                          checked: t === "dark",
-                          onChange: (e) => c(e.target.checked ? "dark" : "light"),
-                          size: "lg"
-                        }
-                      ),
-                      /* @__PURE__ */ r("span", { style: { fontSize: "32px" }, children: "🌙" }),
-                      /* @__PURE__ */ a(
-                        "div",
-                        {
-                          style: {
-                            marginLeft: "auto",
-                            display: "flex",
-                            gap: "var(--spacing-2)"
-                          },
-                          children: [
-                            /* @__PURE__ */ r(
-                              d,
-                              {
-                                variant: t === "light" ? "primary" : "ghost",
-                                size: "sm",
-                                onClick: () => c("light"),
-                                children: "Light"
-                              }
-                            ),
-                            /* @__PURE__ */ r(
-                              d,
-                              {
-                                variant: t === "dark" ? "primary" : "ghost",
-                                size: "sm",
-                                onClick: () => c("dark"),
-                                children: "Dark"
-                              }
-                            )
-                          ]
-                        }
-                      )
-                    ]
-                  }
-                )
-              ] }),
-              p && /* @__PURE__ */ a("div", { children: [
-                /* @__PURE__ */ a("div", { style: { marginBottom: "var(--spacing-3)" }, children: [
-                  /* @__PURE__ */ r(
-                    "label",
-                    {
-                      style: {
-                        display: "block",
-                        fontSize: "var(--text-lg)",
-                        fontWeight: "var(--font-weight-bold)",
-                        color: "var(--text-primary)",
-                        marginBottom: "var(--spacing-1)"
-                      },
-                      children: "Brand Identity"
-                    }
-                  ),
-                  /* @__PURE__ */ r(
-                    "p",
-                    {
-                      style: {
-                        fontSize: "var(--text-sm)",
-                        color: "var(--text-secondary)",
-                        margin: 0
-                      },
-                      children: "Select a brand to see different accent colors and styling"
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ r(
-                  "div",
-                  {
-                    style: {
-                      display: "grid",
-                      gridTemplateColumns: "repeat(auto-fit, minmax(250px, 1fr))",
-                      gap: "var(--spacing-3)"
-                    },
-                    children: Object.keys(l).map((e) => /* @__PURE__ */ a(
-                      "div",
-                      {
-                        onClick: () => s(e),
-                        style: {
-                          padding: "var(--spacing-4)",
-                          background: i === e ? "var(--interactive-primary)" : "var(--surface-subtle)",
-                          color: i === e ? "white" : "var(--text-primary)",
-                          borderRadius: "var(--radius-control)",
-                          border: `2px solid ${i === e ? "var(--interactive-primary)" : "var(--border-subtle)"}`,
-                          cursor: "pointer",
-                          transition: "all 150ms ease"
-                        },
-                        children: [
-                          /* @__PURE__ */ a(
-                            "div",
-                            {
-                              style: {
-                                display: "flex",
-                                alignItems: "center",
-                                justifyContent: "space-between",
-                                marginBottom: "var(--spacing-2)"
-                              },
-                              children: [
-                                /* @__PURE__ */ r(
-                                  F,
-                                  {
-                                    name: "brand",
-                                    value: e,
-                                    checked: i === e,
-                                    onChange: () => s(e),
-                                    label: e.charAt(0).toUpperCase() + e.slice(1),
-                                    size: "lg"
-                                  }
-                                ),
-                                i === e && /* @__PURE__ */ r(n, { variant: "success", children: "Active" })
-                              ]
-                            }
-                          ),
-                          /* @__PURE__ */ r(
-                            "p",
-                            {
-                              style: {
-                                fontSize: "var(--text-sm)",
-                                margin: 0,
-                                opacity: 0.8
-                              },
-                              children: l[e].description
-                            }
-                          )
-                        ]
-                      },
-                      e
-                    ))
-                  }
-                )
-              ] }),
-              y && /* @__PURE__ */ r(I, { variant: "info", title: "Current Settings", children: /* @__PURE__ */ a(
-                "div",
-                {
-                  style: {
-                    display: "flex",
-                    gap: "var(--spacing-2)",
-                    flexWrap: "wrap"
-                  },
-                  children: [
-                    /* @__PURE__ */ a(n, { variant: "primary", children: [
-                      "Theme: ",
-                      t
-                    ] }),
-                    /* @__PURE__ */ a(n, { variant: "secondary", children: [
-                      "Brand: ",
-                      i
-                    ] }),
-                    /* @__PURE__ */ a(n, { variant: "secondary", children: [
-                      "Accent: ",
-                      l[i].accent
-                    ] }),
-                    /* @__PURE__ */ a(n, { variant: "secondary", children: [
-                      "Radius:",
-                      " ",
-                      l[i].radius === "9999px" ? "9999px (pills)" : l[i].radius
-                    ] })
-                  ]
-                }
-              ) })
-            ] })
-          }
-        )
-      ]
-    }
-  );
-};
-T.displayName = "ThemeController";
-export {
-  T as ThemeController
-};

package/dist/components/Toast/Toast.cjs

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

package/dist/components/Toast/Toast.mjs

@@ -1,226 +0,0 @@
-"use client";
-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/Toggle/Toggle.cjs

@@ -1,2 +0,0 @@
-"use client";
-"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.mjs

@@ -1,49 +0,0 @@
-"use client";
-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/ToggleGroup/ToggleGroup.cjs

@@ -1,2 +0,0 @@
-"use client";
-"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;