@orion-ds/react 4.9.0 → 4.9.1

package/dist/index142.mjs

@@ -1,87 +0,0 @@
-import { jsxs as a, jsx as s } from "react/jsx-runtime";
-import m, { useState as f } from "react";
-import e from "./index260.mjs";
-const g = m.forwardRef(
-  ({
-    steps: o,
-    activeStep: v = 0,
-    orientation: h = "horizontal",
-    onStepChange: $,
-    showNavigation: N = !0,
-    className: u
-  }, b) => {
-    const [c, C] = f(v), p = (t) => {
-      C(t), $?.(t);
-    }, r = h === "vertical", S = c === 0, l = c === o.length - 1;
-    return /* @__PURE__ */ a("section", { ref: b, className: `${e.section} ${u || ""}`, children: [
-      /* @__PURE__ */ s(
-        "div",
-        {
-          className: r ? e.stepsVertical : e.stepsHorizontal,
-          children: o.map((t, i) => {
-            const d = i === c, n = i < c;
-            return /* @__PURE__ */ a(m.Fragment, { children: [
-              /* @__PURE__ */ a(
-                "div",
-                {
-                  className: `${e.step} ${r ? e.stepVertical : ""}`,
-                  children: [
-                    /* @__PURE__ */ s(
-                      "div",
-                      {
-                        className: `${e.stepIndicator} ${d ? e.stepIndicatorActive : ""} ${n ? e.stepIndicatorCompleted : ""}`,
-                        children: n ? "✓" : i + 1
-                      }
-                    ),
-                    /* @__PURE__ */ a("div", { className: e.stepContent, children: [
-                      /* @__PURE__ */ s(
-                        "p",
-                        {
-                          className: `${e.stepLabel} ${!d && !n ? e.stepLabelInactive : ""}`,
-                          children: t.label
-                        }
-                      ),
-                      t.description && /* @__PURE__ */ s("p", { className: e.stepDescription, children: t.description })
-                    ] })
-                  ]
-                }
-              ),
-              i < o.length - 1 && /* @__PURE__ */ s(
-                "div",
-                {
-                  className: `${e.connector} ${n ? e.connectorCompleted : ""} ${r ? e.connectorVertical : ""}`
-                }
-              )
-            ] }, t.id);
-          })
-        }
-      ),
-      N && /* @__PURE__ */ a("div", { className: e.navigation, children: [
-        /* @__PURE__ */ s(
-          "button",
-          {
-            className: e.navButton,
-            onClick: () => p(c - 1),
-            disabled: S,
-            type: "button",
-            children: "Previous"
-          }
-        ),
-        /* @__PURE__ */ s(
-          "button",
-          {
-            className: `${e.navButton} ${l ? "" : e.navButtonPrimary}`,
-            onClick: () => p(c + 1),
-            disabled: l,
-            type: "button",
-            children: l ? "Done" : "Next"
-          }
-        )
-      ] })
-    ] });
-  }
-);
-g.displayName = "Stepper";
-export {
-  g as Stepper
-};

package/dist/index143.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),o=require("react"),i=require("./index275.cjs"),e=require("./index276.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

@@ -1,21 +0,0 @@
-import { jsx as e, jsxs as d } from "react/jsx-runtime";
-import p from "react";
-import { TeamMemberCard as c } from "./index275.mjs";
-import r from "./index276.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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),j=require("react"),d=require("./index256.cjs"),e=require("./index257.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

@@ -1,28 +0,0 @@
-import { jsx as a, jsxs as i } from "react/jsx-runtime";
-import N from "react";
-import { TestimonialCard as m } from "./index256.mjs";
-import s from "./index257.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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),u=require("react"),e=require("./index252.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

@@ -1,53 +0,0 @@
-import { jsxs as c, jsx as i } from "react/jsx-runtime";
-import d from "react";
-import e from "./index252.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/index15.cjs

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