@orion-ds/react 4.6.5 → 4.7.0

package/dist/index143.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),o=require("react"),i=require("./index249.cjs"),e=require("./index250.cjs"),d=o.forwardRef(({title:r,description:s,members:c,columns:l=4,className:m},n)=>{const u=l===2?e.default.grid2:l===3?e.default.grid3:e.default.grid4;return a.jsx("section",{ref:n,className:`${e.default.section} ${m||""}`,children:a.jsxs("div",{className:e.default.container,children:[(r||s)&&a.jsxs("div",{className:e.default.header,children:[r&&a.jsx("h2",{className:e.default.title,children:r}),s&&a.jsx("p",{className:e.default.description,children:s})]}),a.jsx("div",{className:`${e.default.grid} ${u}`,children:c.map(t=>a.jsx(i.TeamMemberCard,{...t},t.name))})]})})});d.displayName="Team";d.MemberCard=i.TeamMemberCard;exports.Team=d;

package/dist/index143.mjs

@@ -0,0 +1,21 @@
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import p from "react";
+import { TeamMemberCard as c } from "./index249.mjs";
+import r from "./index250.mjs";
+const l = p.forwardRef(
+  ({ title: a, description: s, members: o, columns: i = 4, className: n }, t) => {
+    const h = i === 2 ? r.grid2 : i === 3 ? r.grid3 : r.grid4;
+    return /* @__PURE__ */ e("section", { ref: t, className: `${r.section} ${n || ""}`, children: /* @__PURE__ */ d("div", { className: r.container, children: [
+      (a || s) && /* @__PURE__ */ d("div", { className: r.header, children: [
+        a && /* @__PURE__ */ e("h2", { className: r.title, children: a }),
+        s && /* @__PURE__ */ e("p", { className: r.description, children: s })
+      ] }),
+      /* @__PURE__ */ e("div", { className: `${r.grid} ${h}`, children: o.map((m) => /* @__PURE__ */ e(c, { ...m }, m.name)) })
+    ] }) });
+  }
+);
+l.displayName = "Team";
+l.MemberCard = c;
+export {
+  l as Team
+};

package/dist/index144.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),j=require("react"),d=require("./index269.cjs"),e=require("./index270.cjs"),l=j.forwardRef(({title:a,description:i,testimonials:r,columns:t=3,variant:n="default",className:c},o)=>{const u=t===2?e.default.grid2:e.default.grid3;return s.jsx("section",{ref:o,className:`${e.default.section} ${c||""}`,children:s.jsxs("div",{className:e.default.container,children:[(a||i)&&s.jsxs("div",{className:e.default.header,children:[a&&s.jsx("h2",{className:e.default.title,children:a}),i&&s.jsx("p",{className:e.default.description,children:i})]}),s.jsx("div",{className:`${e.default.grid} ${u}`,children:r.map((m,f)=>s.jsx(d.TestimonialCard,{...m,variant:n},f))})]})})});l.displayName="Testimonials";l.Card=d.TestimonialCard;exports.Testimonials=l;

package/dist/index144.mjs

@@ -0,0 +1,28 @@
+import { jsx as a, jsxs as i } from "react/jsx-runtime";
+import N from "react";
+import { TestimonialCard as m } from "./index269.mjs";
+import s from "./index270.mjs";
+const d = N.forwardRef(
+  ({ title: r, description: e, testimonials: l, columns: c = 3, variant: o = "default", className: n }, t) => {
+    const h = c === 2 ? s.grid2 : s.grid3;
+    return /* @__PURE__ */ a("section", { ref: t, className: `${s.section} ${n || ""}`, children: /* @__PURE__ */ i("div", { className: s.container, children: [
+      (r || e) && /* @__PURE__ */ i("div", { className: s.header, children: [
+        r && /* @__PURE__ */ a("h2", { className: s.title, children: r }),
+        e && /* @__PURE__ */ a("p", { className: s.description, children: e })
+      ] }),
+      /* @__PURE__ */ a("div", { className: `${s.grid} ${h}`, children: l.map((f, p) => /* @__PURE__ */ a(
+        m,
+        {
+          ...f,
+          variant: o
+        },
+        p
+      )) })
+    ] }) });
+  }
+);
+d.displayName = "Testimonials";
+d.Card = m;
+export {
+  d as Testimonials
+};

package/dist/index145.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),u=require("react"),e=require("./index263.cjs"),c=({title:s,events:i,orientation:n="horizontal",compact:d=!1,className:r})=>{const a=n==="vertical";return t.jsxs("section",{className:`${e.default.section} ${d?e.default.compact:""} ${r||""}`,children:[s&&t.jsx("h2",{className:e.default.title,children:s}),t.jsx("div",{className:a?e.default.eventsVertical:e.default.eventsHorizontal,children:i.map((l,o)=>t.jsxs(u.Fragment,{children:[t.jsxs("div",{className:`${e.default.event} ${a?e.default.eventVertical:""}`,children:[t.jsx("div",{className:`${e.default.eventDot} ${a?e.default.eventDotVertical:""}`}),t.jsxs("div",{className:e.default.eventContent,children:[t.jsx("p",{className:e.default.eventDate,children:l.date}),t.jsx("p",{className:e.default.eventTitle,children:l.title}),l.description&&t.jsx("p",{className:e.default.eventDescription,children:l.description})]})]}),!a&&o<i.length-1&&t.jsx("div",{className:e.default.connector})]},l.id))})]})};c.displayName="Timeline";exports.Timeline=c;

package/dist/index145.mjs

@@ -0,0 +1,53 @@
+import { jsxs as c, jsx as i } from "react/jsx-runtime";
+import d from "react";
+import e from "./index263.mjs";
+const p = ({
+  title: s,
+  events: l,
+  orientation: n = "horizontal",
+  compact: r = !1,
+  className: o
+}) => {
+  const a = n === "vertical";
+  return /* @__PURE__ */ c(
+    "section",
+    {
+      className: `${e.section} ${r ? e.compact : ""} ${o || ""}`,
+      children: [
+        s && /* @__PURE__ */ i("h2", { className: e.title, children: s }),
+        /* @__PURE__ */ i(
+          "div",
+          {
+            className: a ? e.eventsVertical : e.eventsHorizontal,
+            children: l.map((t, m) => /* @__PURE__ */ c(d.Fragment, { children: [
+              /* @__PURE__ */ c(
+                "div",
+                {
+                  className: `${e.event} ${a ? e.eventVertical : ""}`,
+                  children: [
+                    /* @__PURE__ */ i(
+                      "div",
+                      {
+                        className: `${e.eventDot} ${a ? e.eventDotVertical : ""}`
+                      }
+                    ),
+                    /* @__PURE__ */ c("div", { className: e.eventContent, children: [
+                      /* @__PURE__ */ i("p", { className: e.eventDate, children: t.date }),
+                      /* @__PURE__ */ i("p", { className: e.eventTitle, children: t.title }),
+                      t.description && /* @__PURE__ */ i("p", { className: e.eventDescription, children: t.description })
+                    ] })
+                  ]
+                }
+              ),
+              !a && m < l.length - 1 && /* @__PURE__ */ i("div", { className: e.connector })
+            ] }, t.id))
+          }
+        )
+      ]
+    }
+  );
+};
+p.displayName = "Timeline";
+export {
+  p as Timeline
+};

package/dist/index149.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="_container_1v6vo_9",n="_fullWidth_1v6vo_15",t="_label_1v6vo_20",e="_inputWrapper_1v6vo_27",_="_disabled_1v6vo_39",i="_input_1v6vo_27",c="_sm_1v6vo_58",v="_md_1v6vo_67",s="_lg_1v6vo_76",p="_actions_1v6vo_103",r="_clearButton_1v6vo_111",l="_chevron_1v6vo_131",d="_open_1v6vo_139",a="_error_1v6vo_144",h="_errorText_1v6vo_160",u="_helperText_1v6vo_166",b="_dropdown_1v6vo_183",g="_visible_1v6vo_200",m="_option_1v6vo_207",T="_highlighted_1v6vo_226",x="_selected_1v6vo_230",I="_optionIcon_1v6vo_240",W="_optionContent_1v6vo_248",f="_optionLabel_1v6vo_256",y="_optionDescription_1v6vo_264",k="_checkIcon_1v6vo_272",w="_loading_1v6vo_278",B="_spinner_1v6vo_287",C="_spin_1v6vo_287",D="_empty_1v6vo_301",L={container:o,fullWidth:n,label:t,inputWrapper:e,disabled:_,input:i,sm:c,md:v,lg:s,actions:p,clearButton:r,chevron:l,open:d,error:a,errorText:h,helperText:u,dropdown:b,visible:g,option:m,highlighted:T,selected:x,optionIcon:I,optionContent:W,optionLabel:f,optionDescription:y,checkIcon:k,loading:w,spinner:B,spin:C,empty:D};exports.actions=p;exports.checkIcon=k;exports.chevron=l;exports.clearButton=r;exports.container=o;exports.default=L;exports.disabled=_;exports.dropdown=b;exports.empty=D;exports.error=a;exports.errorText=h;exports.fullWidth=n;exports.helperText=u;exports.highlighted=T;exports.input=i;exports.inputWrapper=e;exports.label=t;exports.lg=s;exports.loading=w;exports.md=v;exports.open=d;exports.option=m;exports.optionContent=W;exports.optionDescription=y;exports.optionIcon=I;exports.optionLabel=f;exports.selected=x;exports.sm=c;exports.spin=C;exports.spinner=B;exports.visible=g;

package/dist/index149.mjs

@@ -0,0 +1,65 @@
+const o = "_container_1v6vo_9", n = "_fullWidth_1v6vo_15", t = "_label_1v6vo_20", _ = "_inputWrapper_1v6vo_27", e = "_disabled_1v6vo_39", v = "_input_1v6vo_27", c = "_sm_1v6vo_58", i = "_md_1v6vo_67", s = "_lg_1v6vo_76", p = "_actions_1v6vo_103", r = "_clearButton_1v6vo_111", l = "_chevron_1v6vo_131", d = "_open_1v6vo_139", a = "_error_1v6vo_144", h = "_errorText_1v6vo_160", u = "_helperText_1v6vo_166", b = "_dropdown_1v6vo_183", g = "_visible_1v6vo_200", m = "_option_1v6vo_207", x = "_highlighted_1v6vo_226", I = "_selected_1v6vo_230", T = "_optionIcon_1v6vo_240", W = "_optionContent_1v6vo_248", f = "_optionLabel_1v6vo_256", y = "_optionDescription_1v6vo_264", k = "_checkIcon_1v6vo_272", w = "_loading_1v6vo_278", B = "_spinner_1v6vo_287", C = "_spin_1v6vo_287", D = "_empty_1v6vo_301", L = {
+  container: o,
+  fullWidth: n,
+  label: t,
+  inputWrapper: _,
+  disabled: e,
+  input: v,
+  sm: c,
+  md: i,
+  lg: s,
+  actions: p,
+  clearButton: r,
+  chevron: l,
+  open: d,
+  error: a,
+  errorText: h,
+  helperText: u,
+  dropdown: b,
+  visible: g,
+  option: m,
+  highlighted: x,
+  selected: I,
+  optionIcon: T,
+  optionContent: W,
+  optionLabel: f,
+  optionDescription: y,
+  checkIcon: k,
+  loading: w,
+  spinner: B,
+  spin: C,
+  empty: D
+};
+export {
+  p as actions,
+  k as checkIcon,
+  l as chevron,
+  r as clearButton,
+  o as container,
+  L as default,
+  e as disabled,
+  b as dropdown,
+  D as empty,
+  a as error,
+  h as errorText,
+  n as fullWidth,
+  u as helperText,
+  x as highlighted,
+  v as input,
+  _ as inputWrapper,
+  t as label,
+  s as lg,
+  w as loading,
+  i as md,
+  d as open,
+  m as option,
+  W as optionContent,
+  y as optionDescription,
+  T as optionIcon,
+  f as optionLabel,
+  I as selected,
+  c as sm,
+  C as spin,
+  B as spinner,
+  g as visible
+};

package/dist/index15 2.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("./index164.cjs"),O=require("./index14.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;

package/dist/index15 3.mjs

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

package/dist/index15.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),P=require("./index105.cjs"),n=require("./index66.cjs"),t=require("./index26.cjs"),L=require("./index25.cjs"),W=require("./index87.cjs"),B=require("./index50.cjs"),M=require("./index76.cjs"),R=require("./index86.cjs"),y=require("./index33.cjs"),f=require("./index73.cjs"),S=require("./index83.cjs"),i=require("./index28.cjs"),s=require("./index23.cjs"),p=require("./index20.cjs"),l=require("./index80.cjs"),h=require("./index71.cjs"),d=require("./index22.cjs"),g=require("./index92.cjs"),N=require("./index85.cjs"),E=require("./index84.cjs"),v=require("./index64.cjs"),F=[{id:1,name:"Alice Johnson",email:"alice@example.com",status:"active"},{id:2,name:"Bob Smith",email:"bob@example.com",status:"active"},{id:3,name:"Charlie Davis",email:"charlie@example.com",status:"inactive"}],O=[{key:"name",header:"Name",sortable:!0},{key:"email",header:"Email",sortable:!0},{key:"status",header:"Status",cell:o=>e.jsx(s.Badge,{variant:o.status==="active"?"success":"secondary",children:o.status}),align:"center"}],H=()=>{const{theme:o,toggleTheme:u}=P.useTheme(),[m,x]=c.useState(!1),[C,w]=c.useState("tab1"),[T,k]=c.useState(!1),[z,q]=c.useState(!1),[j,b]=c.useState("option1"),[A,D]=c.useState("");return e.jsxs("div",{style:{minHeight:"100vh",background:"var(--surface-base)"},children:[e.jsxs(n.Navbar,{sticky:!0,bordered:!0,children:[e.jsxs(n.Navbar.Brand,{children:[e.jsx("span",{style:{fontSize:"24px"},children:"⚡"}),"Orion Design System"]}),e.jsxs(n.Navbar.Nav,{children:[e.jsx(n.Navbar.Link,{href:"#components",active:!0,children:"Components"}),e.jsx(n.Navbar.Link,{href:"#docs",children:"Documentation"}),e.jsx(n.Navbar.Link,{href:"#examples",children:"Examples"})]}),e.jsxs(n.Navbar.Actions,{children:[e.jsx(t.Button,{variant:"ghost",size:"sm",onClick:u,children:o==="light"?"🌙":"☀️"}),e.jsx(t.Button,{size:"sm",children:"Get Started"})]})]}),e.jsxs("div",{style:{padding:"var(--spacing-8) var(--spacing-4)",maxWidth:"1200px",margin:"0 auto"},children:[e.jsxs("div",{style:{marginBottom:"var(--spacing-8)"},children:[e.jsx("h1",{style:{fontSize:"var(--text-4xl)",fontWeight:"var(--font-weight-bold)",color:"var(--text-primary)",marginBottom:"var(--spacing-2)"},children:"Component Showcase"}),e.jsx("p",{style:{fontSize:"var(--text-lg)",color:"var(--text-secondary)"},children:"All 21 React components from the Orion Design System"}),e.jsx("div",{style:{marginTop:"var(--spacing-4)"},children:e.jsx(L.Breadcrumb,{items:[{label:"Home",href:"/"},{label:"Components",href:"/components"},{label:"Showcase"}],showHomeIcon:!0})})]}),e.jsx(W.ThemeController,{showBrandSelector:!0,showThemeToggle:!0,showSummary:!0,style:{marginBottom:"var(--spacing-6)"}}),e.jsx(a,{title:"Buttons",description:"Action triggers with multiple variants and sizes",children:e.jsxs("div",{style:{display:"flex",gap:"var(--spacing-3)",flexWrap:"wrap",alignItems:"center"},children:[e.jsx(t.Button,{variant:"primary",children:"Primary"}),e.jsx(t.Button,{variant:"secondary",children:"Secondary"}),e.jsx(t.Button,{variant:"ghost",children:"Ghost"}),e.jsx(t.Button,{variant:"danger",children:"Danger"}),e.jsx(t.Button,{size:"sm",children:"Small"}),e.jsx(t.Button,{size:"lg",children:"Large"}),e.jsx(t.Button,{isLoading:!0,children:"Loading"}),e.jsx(t.Button,{disabled:!0,children:"Disabled"})]})}),e.jsx(a,{title:"Form Controls",description:"Input fields and selection components",children:e.jsxs("div",{style:{display:"grid",gap:"var(--spacing-4)",maxWidth:"600px"},children:[e.jsx(B.Field,{label:"Email",type:"email",placeholder:"you@example.com",helperText:"We'll never share your email"}),e.jsx(B.Field,{label:"Password",type:"password",error:"Password must be at least 8 characters"}),e.jsx(M.Select,{label:"Country",value:A,onChange:r=>D(r.target.value),options:[{label:"United States",value:"us"},{label:"Canada",value:"ca"},{label:"Mexico",value:"mx"}]}),e.jsx(R.Textarea,{label:"Bio",placeholder:"Tell us about yourself...",maxLength:200,showCounter:!0,helperText:"Maximum 200 characters"})]})}),e.jsx(a,{title:"Checkbox & Radio",description:"Selection controls",children:e.jsxs("div",{style:{display:"grid",gap:"var(--spacing-4)"},children:[e.jsxs("div",{children:[e.jsx("h4",{style:{fontSize:"var(--text-base)",fontWeight:"var(--font-weight-medium)",color:"var(--text-primary)",marginBottom:"var(--spacing-2)"},children:"Checkbox"}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"var(--spacing-2)"},children:[e.jsx(y.Checkbox,{label:"Accept terms and conditions",checked:z,onChange:r=>q(r.target.checked)}),e.jsx(y.Checkbox,{label:"Subscribe to newsletter"}),e.jsx(y.Checkbox,{label:"Disabled option",disabled:!0})]})]}),e.jsxs("div",{children:[e.jsx("h4",{style:{fontSize:"var(--text-base)",fontWeight:"var(--font-weight-medium)",color:"var(--text-primary)",marginBottom:"var(--spacing-2)"},children:"Radio"}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"var(--spacing-2)"},children:[e.jsx(f.Radio,{name:"plan",value:"option1",label:"Free Plan",checked:j==="option1",onChange:r=>b(r.target.value)}),e.jsx(f.Radio,{name:"plan",value:"option2",label:"Pro Plan ($9/mo)",checked:j==="option2",onChange:r=>b(r.target.value)}),e.jsx(f.Radio,{name:"plan",value:"option3",label:"Enterprise Plan",checked:j==="option3",onChange:r=>b(r.target.value)})]})]})]})}),e.jsx(a,{title:"Switch",description:"Toggle control",children:e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"var(--spacing-3)"},children:[e.jsx(S.Switch,{label:"Enable notifications",checked:T,onChange:r=>k(r.target.checked)}),e.jsx(S.Switch,{label:"Auto-save",defaultChecked:!0}),e.jsx(S.Switch,{label:"Disabled",disabled:!0})]})}),e.jsx(a,{title:"Cards",description:"Container components with variants",children:e.jsxs("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(300px, 1fr))",gap:"var(--spacing-4)"},children:[e.jsxs(i.Card,{children:[e.jsx(i.Card.Header,{children:"Base Card"}),e.jsx(i.Card.Body,{children:"This is a base card with default styling."}),e.jsxs(i.Card.Footer,{children:[e.jsx(t.Button,{size:"sm",variant:"secondary",children:"Cancel"}),e.jsx(t.Button,{size:"sm",children:"Save"})]})]}),e.jsxs(i.Card,{variant:"glass",children:[e.jsx(i.Card.Header,{children:"Glass Card"}),e.jsx(i.Card.Body,{children:"Semi-transparent card with backdrop blur effect."})]}),e.jsxs(i.Card,{variant:"elevated",children:[e.jsx(i.Card.Header,{children:"Elevated Card"}),e.jsx(i.Card.Body,{children:"Card with shadow elevation for depth."})]})]})}),e.jsx(a,{title:"Badges",description:"Status indicators and labels",children:e.jsxs("div",{style:{display:"flex",gap:"var(--spacing-3)",flexWrap:"wrap",alignItems:"center"},children:[e.jsx(s.Badge,{variant:"primary",children:"Primary"}),e.jsx(s.Badge,{variant:"secondary",children:"Secondary"}),e.jsx(s.Badge,{variant:"success",children:"Success"}),e.jsx(s.Badge,{variant:"warning",children:"Warning"}),e.jsx(s.Badge,{variant:"error",children:"Error"}),e.jsx(s.Badge,{variant:"secondary",children:"Neutral"}),e.jsx(s.Badge,{size:"sm",children:"Small"}),e.jsx(s.Badge,{size:"lg",children:"Large"}),e.jsx(s.Badge,{dot:!0,children:"With Dot"})]})}),e.jsx(a,{title:"Alerts",description:"Feedback messages",children:e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"var(--spacing-3)"},children:[e.jsx(p.Alert,{variant:"info",title:"Information",children:"This is an informational message for the user."}),e.jsx(p.Alert,{variant:"success",title:"Success",children:"Your changes have been saved successfully!"}),e.jsx(p.Alert,{variant:"warning",title:"Warning",children:"Please review your information before proceeding."}),e.jsx(p.Alert,{variant:"error",title:"Error",dismissible:!0,children:"An error occurred while processing your request."})]})}),e.jsx(a,{title:"Spinners",description:"Loading indicators",children:e.jsxs("div",{style:{display:"flex",gap:"var(--spacing-4)",alignItems:"center"},children:[e.jsx(l.Spinner,{size:"xs"}),e.jsx(l.Spinner,{size:"sm"}),e.jsx(l.Spinner,{size:"md"}),e.jsx(l.Spinner,{size:"lg"}),e.jsx(l.Spinner,{size:"xl"}),e.jsx(l.Spinner,{variant:"secondary"}),e.jsx(l.Spinner,{showLabel:!0,label:"Loading..."})]})}),e.jsx(a,{title:"Progress Bars",description:"Progress indicators",children:e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"var(--spacing-4)"},children:[e.jsx(h.ProgressBar,{value:30}),e.jsx(h.ProgressBar,{value:60,variant:"success",showLabel:!0}),e.jsx(h.ProgressBar,{value:85,variant:"warning",showLabel:!0}),e.jsx(h.ProgressBar,{value:100,variant:"error"}),e.jsx(h.ProgressBar,{indeterminate:!0})]})}),e.jsx(a,{title:"Avatars",description:"User profile images",children:e.jsxs("div",{style:{display:"flex",gap:"var(--spacing-4)",alignItems:"center"},children:[e.jsx(d.Avatar,{initials:"AB"}),e.jsx(d.Avatar,{initials:"CD",size:"sm"}),e.jsx(d.Avatar,{initials:"EF",size:"lg"}),e.jsx(d.Avatar,{initials:"GH",size:"xl",status:"online"}),e.jsx(d.Avatar,{initials:"IJ",status:"away"}),e.jsx(d.Avatar,{initials:"KL",status:"busy"})]})}),e.jsx(a,{title:"Tooltips",description:"Contextual information on hover",children:e.jsxs("div",{style:{display:"flex",gap:"var(--spacing-4)"},children:[e.jsx(g.Tooltip,{content:"Tooltip on top",placement:"top",children:e.jsx(t.Button,{variant:"secondary",children:"Top"})}),e.jsx(g.Tooltip,{content:"Tooltip on right",placement:"right",children:e.jsx(t.Button,{variant:"secondary",children:"Right"})}),e.jsx(g.Tooltip,{content:"Tooltip on bottom",placement:"bottom",children:e.jsx(t.Button,{variant:"secondary",children:"Bottom"})}),e.jsx(g.Tooltip,{content:"Tooltip on left",placement:"left",children:e.jsx(t.Button,{variant:"secondary",children:"Left"})})]})}),e.jsx(a,{title:"Tabs",description:"Content organization",children:e.jsx(N.Tabs,{tabs:[{id:"tab1",label:"Overview",content:e.jsxs("div",{style:{padding:"var(--spacing-4)"},children:[e.jsx("h3",{style:{fontSize:"var(--text-lg)",fontWeight:"var(--font-weight-medium)",color:"var(--text-primary)",marginBottom:"var(--spacing-2)"},children:"Overview"}),e.jsx("p",{style:{color:"var(--text-secondary)"},children:"This is the overview tab content."})]})},{id:"tab2",label:"Details",badge:"5",content:e.jsxs("div",{style:{padding:"var(--spacing-4)"},children:[e.jsx("h3",{style:{fontSize:"var(--text-lg)",fontWeight:"var(--font-weight-medium)",color:"var(--text-primary)",marginBottom:"var(--spacing-2)"},children:"Details"}),e.jsx("p",{style:{color:"var(--text-secondary)"},children:"This is the details tab with a badge indicator."})]})},{id:"tab3",label:"Settings",content:e.jsxs("div",{style:{padding:"var(--spacing-4)"},children:[e.jsx("h3",{style:{fontSize:"var(--text-lg)",fontWeight:"var(--font-weight-medium)",color:"var(--text-primary)",marginBottom:"var(--spacing-2)"},children:"Settings"}),e.jsx("p",{style:{color:"var(--text-secondary)"},children:"This is the settings tab content."})]})}],activeTab:C,onChange:w})}),e.jsx(a,{title:"Table",description:"Data display with sorting",children:e.jsx(E.Table,{columns:O,data:F,striped:!0,hoverable:!0,onRowClick:r=>alert(`Clicked: ${r.name}`)})}),e.jsxs(a,{title:"Modal",description:"Dialog overlay",children:[e.jsx(t.Button,{onClick:()=>x(!0),children:"Open Modal"}),e.jsxs(v.Modal,{open:m,onClose:()=>x(!1),size:"md",children:[e.jsx(v.Modal.Header,{children:"Modal Title"}),e.jsx(v.Modal.Body,{children:e.jsx("p",{style:{color:"var(--text-primary)"},children:"This is a modal dialog with a header, body, and footer. You can close it by clicking the X button, pressing Escape, or clicking the backdrop."})}),e.jsxs(v.Modal.Footer,{children:[e.jsx(t.Button,{variant:"secondary",onClick:()=>x(!1),children:"Cancel"}),e.jsx(t.Button,{onClick:()=>x(!1),children:"Confirm"})]})]})]})]}),e.jsxs("footer",{style:{padding:"var(--spacing-8) var(--spacing-4)",borderTop:"1px solid var(--border-subtle)",textAlign:"center",color:"var(--text-secondary)"},children:[e.jsx("p",{children:"Orion Design System • Built with Chain of Truth Architecture"}),e.jsx("p",{style:{fontSize:"var(--text-sm)",marginTop:"var(--spacing-2)"},children:"21 Components • TypeScript • CSS Modules • Token-Based"})]})]})},a=({title:o,description:u,children:m})=>e.jsxs("section",{style:{marginBottom:"var(--spacing-8)"},children:[e.jsxs("div",{style:{marginBottom:"var(--spacing-4)"},children:[e.jsx("h2",{style:{fontSize:"var(--text-2xl)",fontWeight:"var(--font-weight-bold)",color:"var(--text-primary)",marginBottom:"var(--spacing-1)"},children:o}),e.jsx("p",{style:{fontSize:"var(--text-base)",color:"var(--text-secondary)"},children:u})]}),e.jsx("div",{style:{padding:"var(--spacing-6)",background:"var(--surface-subtle)",borderRadius:"var(--radius-container)",border:"1px solid var(--border-subtle)"},children:m})]});exports.ComponentShowcase=H;