@orion-ds/react 4.8.0 → 4.9.1

package/dist/components/Alert/Alert.mjs

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

package/dist/components/AlertDialog/AlertDialog.cjs

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

package/dist/components/AlertDialog/AlertDialog.mjs

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

package/dist/components/Avatar/Avatar.cjs

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

package/dist/components/Avatar/Avatar.mjs

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

package/dist/components/Badge/Badge.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),e=require("./Badge.module.css.cjs"),s=({variant:t="neutral",size:d="md",dot:l=!1,className:n,children:r,...u})=>{const o=[e.default.badge,e.default[t],e.default[d],n].filter(Boolean).join(" ");return a.jsxs("span",{className:o,...u,children:[l&&a.jsx("span",{className:e.default.dot,"aria-hidden":"true"}),r]})};s.displayName="Badge";exports.Badge=s;

package/dist/components/Badge/Badge.mjs

@@ -0,0 +1,20 @@
+import { jsxs as d, jsx as m } from "react/jsx-runtime";
+import a from "./Badge.module.css.mjs";
+const i = ({
+  variant: s = "neutral",
+  size: e = "md",
+  dot: r = !1,
+  className: o,
+  children: t,
+  ...l
+}) => {
+  const n = [a.badge, a[s], a[e], o].filter(Boolean).join(" ");
+  return /* @__PURE__ */ d("span", { className: n, ...l, children: [
+    r && /* @__PURE__ */ m("span", { className: a.dot, "aria-hidden": "true" }),
+    t
+  ] });
+};
+i.displayName = "Badge";
+export {
+  i as Badge
+};

package/dist/components/Banner/Banner.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),$=require("lucide-react"),s=require("./Banner.module.css.cjs"),l=require("../Button/Button.cjs"),j=({eyebrow:a,title:x,description:c,ctaLabel:i,ctaHref:d,secondaryCtaLabel:n,secondaryCtaHref:r,variant:t="default",backgroundImage:o,sideImage:u,imagePosition:p="right",backgroundColor:m,gradient:h,dismissible:N=!1,onDismiss:B,fullWidth:g=!1,compact:v=!1,centered:y=!0,className:w,style:q,...k})=>{const S={...q,...o&&t==="image"&&{backgroundImage:`url(${o})`},...m&&{backgroundColor:m},...h&&t==="gradient"&&{background:h}},f=()=>e.jsxs("div",{className:s.default.content,children:[a&&e.jsx("span",{className:s.default.eyebrow,children:a}),e.jsx("h2",{className:s.default.title,children:x}),c&&e.jsx("p",{className:s.default.description,children:c}),(i||n)&&e.jsxs("div",{className:s.default.actions,children:[i&&d&&e.jsx(l.Button,{variant:t==="split"?"primary":"inverse",onClick:()=>window.location.href=d,children:i}),n&&r&&e.jsx(l.Button,{variant:t==="split"?"secondary":"ghost",onClick:()=>window.location.href=r,children:n})]})]});return e.jsxs("section",{className:`${s.default.banner} ${w||""}`,"data-variant":t,"data-compact":v,"data-centered":y&&t!=="split","data-full-width":g,style:S,...k,children:[e.jsx("div",{className:s.default.container,children:t==="split"&&u?e.jsxs("div",{className:s.default.splitLayout,"data-image-position":p,children:[e.jsx("div",{className:s.default.splitContent,children:f()}),e.jsx("img",{src:u,alt:"",className:s.default.splitImage,"aria-hidden":"true"})]}):f()}),N&&e.jsx("div",{className:s.default.dismissButton,children:e.jsx(l.Button,{iconOnly:!0,icon:e.jsx($.X,{size:20}),variant:"ghost",onClick:B,"aria-label":"Dismiss banner"})})]})};j.displayName="Banner";exports.Banner=j;

package/dist/components/Banner/Banner.mjs

@@ -0,0 +1,107 @@
+import { jsxs as n, jsx as i } from "react/jsx-runtime";
+import { X as C } from "lucide-react";
+import s from "./Banner.module.css.mjs";
+import { Button as a } from "../Button/Button.mjs";
+const D = ({
+  eyebrow: c,
+  title: f,
+  description: r,
+  ctaLabel: t,
+  ctaHref: o,
+  secondaryCtaLabel: l,
+  secondaryCtaHref: d,
+  variant: e = "default",
+  backgroundImage: m,
+  sideImage: h,
+  imagePosition: g = "right",
+  backgroundColor: p,
+  gradient: N,
+  dismissible: v = !1,
+  onDismiss: w,
+  fullWidth: y = !1,
+  compact: B = !1,
+  centered: k = !0,
+  className: x,
+  style: $,
+  ...j
+}) => {
+  const z = {
+    ...$,
+    ...m && e === "image" && {
+      backgroundImage: `url(${m})`
+    },
+    ...p && { backgroundColor: p },
+    ...N && e === "gradient" && {
+      background: N
+    }
+  }, u = () => /* @__PURE__ */ n("div", { className: s.content, children: [
+    c && /* @__PURE__ */ i("span", { className: s.eyebrow, children: c }),
+    /* @__PURE__ */ i("h2", { className: s.title, children: f }),
+    r && /* @__PURE__ */ i("p", { className: s.description, children: r }),
+    (t || l) && /* @__PURE__ */ n("div", { className: s.actions, children: [
+      t && o && /* @__PURE__ */ i(
+        a,
+        {
+          variant: e === "split" ? "primary" : "inverse",
+          onClick: () => window.location.href = o,
+          children: t
+        }
+      ),
+      l && d && /* @__PURE__ */ i(
+        a,
+        {
+          variant: e === "split" ? "secondary" : "ghost",
+          onClick: () => window.location.href = d,
+          children: l
+        }
+      )
+    ] })
+  ] });
+  return /* @__PURE__ */ n(
+    "section",
+    {
+      className: `${s.banner} ${x || ""}`,
+      "data-variant": e,
+      "data-compact": B,
+      "data-centered": k && e !== "split",
+      "data-full-width": y,
+      style: z,
+      ...j,
+      children: [
+        /* @__PURE__ */ i("div", { className: s.container, children: e === "split" && h ? /* @__PURE__ */ n(
+          "div",
+          {
+            className: s.splitLayout,
+            "data-image-position": g,
+            children: [
+              /* @__PURE__ */ i("div", { className: s.splitContent, children: u() }),
+              /* @__PURE__ */ i(
+                "img",
+                {
+                  src: h,
+                  alt: "",
+                  className: s.splitImage,
+                  "aria-hidden": "true"
+                }
+              )
+            ]
+          }
+        ) : u() }),
+        v && /* @__PURE__ */ i("div", { className: s.dismissButton, children: /* @__PURE__ */ i(
+          a,
+          {
+            iconOnly: !0,
+            icon: /* @__PURE__ */ i(C, { size: 20 }),
+            variant: "ghost",
+            onClick: w,
+            "aria-label": "Dismiss banner"
+          }
+        ) })
+      ]
+    }
+  );
+};
+D.displayName = "Banner";
+export {
+  D as Banner
+};

package/dist/components/Breadcrumb/Breadcrumb.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),f=require("react"),B=require("lucide-react"),a=require("./Breadcrumb.module.css.cjs"),h=({items:l,separator:c="chevron",customSeparator:u,showHomeIcon:m=!1,maxItems:n,size:i="md",className:j,linkProps:p})=>{const t=f.useMemo(()=>{if(!n||l.length<=n)return l;const e=l[0],s=l.slice(-(n-1));return[...e?[e]:[],{label:"...",href:void 0},...s]},[l,n]),b=e=>{const s=[a.default.separator,c==="chevron"&&a.default.chevron,c==="slash"&&a.default.slash].filter(Boolean).join(" ");return c==="custom"&&u?r.jsx("span",{className:a.default.separator,"aria-hidden":"true",children:u},`sep-${e}`):r.jsx("span",{className:s,"aria-hidden":"true"},`sep-${e}`)},N=()=>{switch(i){case"sm":return 14;case"lg":return 18;default:return 16}},o=()=>m?r.jsx("span",{className:a.default.homeIcon,"aria-label":"Home",children:r.jsx(B.Home,{size:N()})}):null,g=(e,s)=>{const d=s===t.length-1;return e.label==="..."?r.jsx("li",{className:a.default.item,children:r.jsx("span",{className:a.default.ellipsis,"aria-label":"More items",children:"…"})},`ellipsis-${s}`):d||!e.href?r.jsx("li",{className:a.default.item,"aria-current":d?"page":void 0,children:r.jsxs("span",{className:a.default.current,children:[s===0&&o(),e.icon&&r.jsx("span",{className:a.default.icon,children:e.icon}),e.label]})},s):r.jsx("li",{className:a.default.item,children:r.jsxs("a",{href:e.href,className:a.default.link,...p,children:[s===0&&o(),e.icon&&r.jsx("span",{className:a.default.icon,children:e.icon}),e.label]})},s)},v=[a.default.breadcrumb,a.default[i],j].filter(Boolean).join(" ");return r.jsx("nav",{"aria-label":"Breadcrumb",children:r.jsx("ol",{className:v,children:t.map((e,s)=>r.jsxs(f.Fragment,{children:[g(e,s),s<t.length-1&&b(s)]},s))})})};h.displayName="Breadcrumb";exports.Breadcrumb=h;

package/dist/components/Breadcrumb/Breadcrumb.mjs

@@ -0,0 +1,84 @@
+import { jsx as a, jsxs as i } from "react/jsx-runtime";
+import p from "react";
+import { Home as j } from "lucide-react";
+import s from "./Breadcrumb.module.css.mjs";
+const I = ({
+  items: l,
+  separator: c = "chevron",
+  customSeparator: t,
+  showHomeIcon: d = !1,
+  maxItems: n,
+  size: h = "md",
+  className: f,
+  linkProps: b
+}) => {
+  const o = p.useMemo(() => {
+    if (!n || l.length <= n)
+      return l;
+    const r = l[0], e = l.slice(-(n - 1));
+    return [
+      ...r ? [r] : [],
+      { label: "...", href: void 0 },
+      // Ellipsis
+      ...e
+    ];
+  }, [l, n]), N = (r) => {
+    const e = [
+      s.separator,
+      c === "chevron" && s.chevron,
+      c === "slash" && s.slash
+    ].filter(Boolean).join(" ");
+    return c === "custom" && t ? /* @__PURE__ */ a(
+      "span",
+      {
+        className: s.separator,
+        "aria-hidden": "true",
+        children: t
+      },
+      `sep-${r}`
+    ) : /* @__PURE__ */ a(
+      "span",
+      {
+        className: e,
+        "aria-hidden": "true"
+      },
+      `sep-${r}`
+    );
+  }, g = () => {
+    switch (h) {
+      case "sm":
+        return 14;
+      case "lg":
+        return 18;
+      default:
+        return 16;
+    }
+  }, m = () => d ? /* @__PURE__ */ a("span", { className: s.homeIcon, "aria-label": "Home", children: /* @__PURE__ */ a(j, { size: g() }) }) : null, v = (r, e) => {
+    const u = e === o.length - 1;
+    return r.label === "..." ? /* @__PURE__ */ a("li", { className: s.item, children: /* @__PURE__ */ a("span", { className: s.ellipsis, "aria-label": "More items", children: "…" }) }, `ellipsis-${e}`) : u || !r.href ? /* @__PURE__ */ a(
+      "li",
+      {
+        className: s.item,
+        "aria-current": u ? "page" : void 0,
+        children: /* @__PURE__ */ i("span", { className: s.current, children: [
+          e === 0 && m(),
+          r.icon && /* @__PURE__ */ a("span", { className: s.icon, children: r.icon }),
+          r.label
+        ] })
+      },
+      e
+    ) : /* @__PURE__ */ a("li", { className: s.item, children: /* @__PURE__ */ i("a", { href: r.href, className: s.link, ...b, children: [
+      e === 0 && m(),
+      r.icon && /* @__PURE__ */ a("span", { className: s.icon, children: r.icon }),
+      r.label
+    ] }) }, e);
+  }, B = [s.breadcrumb, s[h], f].filter(Boolean).join(" ");
+  return /* @__PURE__ */ a("nav", { "aria-label": "Breadcrumb", children: /* @__PURE__ */ a("ol", { className: B, children: o.map((r, e) => /* @__PURE__ */ i(p.Fragment, { children: [
+    v(r, e),
+    e < o.length - 1 && N(e)
+  ] }, e)) }) });
+};
+I.displayName = "Breadcrumb";
+export {
+  I as Breadcrumb
+};

package/dist/components/Button/Button.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),C=require("react"),e=require("./Button.module.css.cjs"),B=r=>r.replace(/-([a-z])/g,d=>d[1]?.toUpperCase()||""),c=C.forwardRef(({variant:r="primary",size:d="md",isLoading:t=!1,loadingText:u,fullWidth:i=!1,icon:s,iconRight:o,iconOnly:l=!1,className:f,children:m,disabled:p,type:h="button",...j},N)=>{const b=e.default[B(r)],$=[e.default.button,b,e.default[d],i&&e.default.fullWidth,l&&e.default.iconOnly,t&&e.default.loading,f].filter(Boolean).join(" "),x=p||t,n=t?e.default.loadingContent:void 0;return a.jsxs("button",{ref:N,type:h,className:$,disabled:x,...j,children:[t&&a.jsx("span",{className:e.default.spinner,"aria-hidden":"true"}),s&&!l&&a.jsx("span",{className:`${e.default.icon} ${n||""}`,"aria-hidden":"true",children:s}),l&&s?a.jsx("span",{className:`${e.default.icon} ${n||""}`,"aria-hidden":"true",children:s}):a.jsx("span",{className:n,children:t&&u?u:m}),o&&!l&&a.jsx("span",{className:`${e.default.icon} ${e.default.iconRight} ${n||""}`,"aria-hidden":"true",children:o})]})});c.displayName="Button";exports.Button=c;

package/dist/components/Button/Button.mjs

@@ -0,0 +1,71 @@
+import { jsxs as j, jsx as e } from "react/jsx-runtime";
+import { forwardRef as B } from "react";
+import a from "./Button.module.css.mjs";
+const v = (l) => l.replace(/-([a-z])/g, (o) => o[1]?.toUpperCase() || ""), x = B(
+  ({
+    variant: l = "primary",
+    size: o = "md",
+    isLoading: s = !1,
+    loadingText: c,
+    fullWidth: i = !1,
+    icon: t,
+    iconRight: d,
+    iconOnly: r = !1,
+    className: m,
+    children: p,
+    disabled: u,
+    type: f = "button",
+    ...h
+  }, N) => {
+    const $ = a[v(l)], C = [
+      a.button,
+      $,
+      a[o],
+      i && a.fullWidth,
+      r && a.iconOnly,
+      s && a.loading,
+      m
+    ].filter(Boolean).join(" "), b = u || s, n = s ? a.loadingContent : void 0;
+    return /* @__PURE__ */ j(
+      "button",
+      {
+        ref: N,
+        type: f,
+        className: C,
+        disabled: b,
+        ...h,
+        children: [
+          s && /* @__PURE__ */ e("span", { className: a.spinner, "aria-hidden": "true" }),
+          t && !r && /* @__PURE__ */ e(
+            "span",
+            {
+              className: `${a.icon} ${n || ""}`,
+              "aria-hidden": "true",
+              children: t
+            }
+          ),
+          r && t ? /* @__PURE__ */ e(
+            "span",
+            {
+              className: `${a.icon} ${n || ""}`,
+              "aria-hidden": "true",
+              children: t
+            }
+          ) : /* @__PURE__ */ e("span", { className: n, children: s && c ? c : p }),
+          d && !r && /* @__PURE__ */ e(
+            "span",
+            {
+              className: `${a.icon} ${a.iconRight} ${n || ""}`,
+              "aria-hidden": "true",
+              children: d
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+x.displayName = "Button";
+export {
+  x as Button
+};

package/dist/components/Calendar/Calendar.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),u=require("react"),n=require("date-fns"),x=require("lucide-react"),a=require("./Calendar.module.css.cjs"),O=require("../Button/Button.cjs"),R=["Su","Mo","Tu","We","Th","Fr","Sa"];function _(t,r){const c=t.length,d=(r%c+c)%c;return[...t.slice(d),...t.slice(0,d)]}const C=t=>{const{mode:r="single",min:c,max:d,disabled:m,weekStartsOn:h=0,showOutsideDays:j=!0,className:v,...k}=t,{selected:W,onSelect:F,...E}=k,[f,S]=u.useState(()=>r==="single"&&t.mode!=="range"&&t.mode!=="multiple"&&t.selected?n.startOfMonth(t.selected):r==="range"&&t.mode==="range"&&t.selected?.from?n.startOfMonth(t.selected.from):n.startOfMonth(new Date)),N=u.useMemo(()=>{const e=n.startOfMonth(f),s=n.endOfMonth(f),l=n.startOfWeek(e,{weekStartsOn:h}),o=n.endOfWeek(s,{weekStartsOn:h});return n.eachDayOfInterval({start:l,end:o})},[f,h]),B=u.useMemo(()=>_(R,h),[h]),g=u.useCallback(e=>c&&n.isBefore(e,z(c))||d&&n.isAfter(e,P(d))?!0:m?Array.isArray(m)?m.some(s=>n.isSameDay(s,e)):m(e):!1,[c,d,m]),y=u.useCallback(e=>r==="single"&&t.mode!=="range"&&t.mode!=="multiple"?t.selected?n.isSameDay(t.selected,e):!1:r==="multiple"&&t.mode==="multiple"?t.selected?.some(s=>n.isSameDay(s,e))??!1:!1,[r,t]),M=u.useCallback(e=>{if(r!=="range"||t.mode!=="range"||!t.selected)return null;const{from:s,to:l}=t.selected;return s?l?n.isSameDay(e,s)&&n.isSameDay(e,l)||n.isSameDay(e,s)?"start":n.isSameDay(e,l)?"end":n.isAfter(e,s)&&n.isBefore(e,l)?"middle":null:n.isSameDay(e,s)?"start":null:null},[r,t]),w=u.useCallback(e=>{if(!g(e)){if(r==="single"&&t.mode!=="range"&&t.mode!=="multiple"){const s=t.onSelect;s?.(e)}else if(r==="range"&&t.mode==="range"){const s=t.onSelect,l=t.selected;!l?.from||l.from&&l.to?s?.({from:e,to:void 0}):n.isBefore(e,l.from)?s?.({from:e,to:l.from}):s?.({from:l.from,to:e})}else if(r==="multiple"&&t.mode==="multiple"){const s=t.onSelect,l=t.selected??[],o=l.findIndex(D=>n.isSameDay(D,e));o>=0?s?.(l.filter((D,L)=>L!==o)):s?.([...l,e])}}},[r,t,g]),A=()=>S(e=>n.subMonths(e,1)),I=()=>S(e=>n.addMonths(e,1)),T=e=>{const s=[a.default.day];if(!n.isSameMonth(e,f)&&s.push(a.default.outside),n.isToday(e)&&s.push(a.default.today),g(e)&&s.push(a.default.disabled),r==="range"){const o=M(e);o==="start"&&(s.push(a.default.rangeStart),t.mode==="range"&&t.selected?.from&&t.selected?.to&&n.isSameDay(t.selected.from,t.selected.to)&&s.push(a.default.rangeEnd)),o==="middle"&&s.push(a.default.rangeMiddle),o==="end"&&s.push(a.default.rangeEnd)}else y(e)&&s.push(a.default.selected);return s.join(" ")},q=[a.default.calendar,v].filter(Boolean).join(" "),b=u.useId();return i.jsxs("div",{className:q,...E,children:[i.jsxs("div",{className:a.default.header,children:[i.jsx(O.Button,{variant:"ghost",iconOnly:!0,size:"sm",icon:i.jsx(x.ChevronLeft,{size:16}),onClick:A,"aria-label":"Previous month"}),i.jsx("span",{id:b,className:a.default.monthLabel,children:n.format(f,"MMMM yyyy")}),i.jsx(O.Button,{variant:"ghost",iconOnly:!0,size:"sm",icon:i.jsx(x.ChevronRight,{size:16}),onClick:I,"aria-label":"Next month"})]}),i.jsxs("div",{className:a.default.grid,role:"grid","aria-labelledby":b,children:[B.map(e=>i.jsx("div",{className:a.default.weekday,role:"columnheader","aria-label":e,children:e},e)),N.map(e=>!n.isSameMonth(e,f)&&!j?i.jsx("div",{},e.toISOString()):i.jsx("button",{type:"button",className:T(e),onClick:()=>w(e),disabled:g(e),tabIndex:n.isToday(e)?0:-1,"aria-label":n.format(e,"EEEE, MMMM d, yyyy"),"aria-selected":y(e)||M(e)!==null,children:n.format(e,"d")},e.toISOString()))]})]})};C.displayName="Calendar";function z(t){const r=new Date(t);return r.setHours(0,0,0,0),r}function P(t){const r=new Date(t);return r.setHours(23,59,59,999),r}exports.Calendar=C;