@orion-ds/react 4.6.3 → 4.6.6

package/dist/components/WorkspaceSwitcher/WorkspaceSwitcher.mjs

@@ -1,120 +0,0 @@
-"use client";
-import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import { forwardRef as k, useState as w } from "react";
-import { Building2 as c, ChevronDown as x, Settings as y, Users as B, Plus as W } from "lucide-react";
-import i from "./WorkspaceSwitcher.module.css.mjs";
-import { Avatar as n } from "../Avatar/Avatar.mjs";
-import { Badge as b } from "../Badge/Badge.mjs";
-import { Button as o } from "../Button/Button.mjs";
-import { Divider as I } from "../Divider/Divider.mjs";
-import { Popover as S } from "../Popover/Popover.mjs";
-const j = k(
-  ({
-    currentOrg: r,
-    organizations: t,
-    onSettings: l,
-    onParticipants: m,
-    onCreateOrganization: d,
-    onOrgChange: h,
-    fullWidth: p = !0,
-    className: v,
-    ...N
-  }, f) => {
-    const [z, g] = w(!1), u = /* @__PURE__ */ s("button", { className: i.trigger, children: [
-      /* @__PURE__ */ e(n, { size: "xs", icon: /* @__PURE__ */ e(c, { size: 16 }) }),
-      /* @__PURE__ */ e("span", { className: i.triggerName, children: r.name }),
-      /* @__PURE__ */ e(
-        x,
-        {
-          size: 16,
-          className: `${i.chevron} ${z ? i.chevronOpen : ""}`
-        }
-      )
-    ] }), C = /* @__PURE__ */ s("div", { className: i.content, children: [
-      /* @__PURE__ */ s("div", { className: i.activeWorkspace, children: [
-        /* @__PURE__ */ e(n, { size: "lg", icon: /* @__PURE__ */ e(c, { size: 20 }) }),
-        /* @__PURE__ */ e(b, { variant: "secondary", size: "sm", children: r.role }),
-        /* @__PURE__ */ s("div", { children: [
-          /* @__PURE__ */ e("div", { className: i.orgName, children: r.name }),
-          /* @__PURE__ */ s("div", { className: i.orgMeta, children: [
-            r.memberCount,
-            " participantes"
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ s("div", { className: i.actionButtons, children: [
-        /* @__PURE__ */ e(
-          o,
-          {
-            variant: "secondary",
-            size: "sm",
-            icon: /* @__PURE__ */ e(y, { size: 16 }),
-            onClick: l,
-            children: "Configuración"
-          }
-        ),
-        /* @__PURE__ */ e(
-          o,
-          {
-            variant: "secondary",
-            size: "sm",
-            icon: /* @__PURE__ */ e(B, { size: 16 }),
-            onClick: m,
-            children: "Participantes"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ e("div", { className: i.dividerWrapper, children: /* @__PURE__ */ e(I, {}) }),
-      /* @__PURE__ */ e("div", { className: i.sectionLabel, children: "Otras organizaciones" }),
-      /* @__PURE__ */ e("div", { className: i.orgList, children: t.map((a) => /* @__PURE__ */ s(
-        "div",
-        {
-          className: i.orgItem,
-          onClick: () => h?.(a.name),
-          children: [
-            /* @__PURE__ */ e(n, { size: "xs", initials: a.name.slice(0, 2).toUpperCase() }),
-            /* @__PURE__ */ s("div", { children: [
-              /* @__PURE__ */ e("div", { className: i.orgItemName, children: a.name }),
-              /* @__PURE__ */ e("div", { className: i.orgItemRole, children: a.role })
-            ] })
-          ]
-        },
-        a.name
-      )) }),
-      /* @__PURE__ */ e(
-        o,
-        {
-          variant: "ghost",
-          size: "sm",
-          icon: /* @__PURE__ */ e(W, { size: 16 }),
-          fullWidth: !0,
-          onClick: d,
-          children: "Nueva organización"
-        }
-      )
-    ] });
-    return /* @__PURE__ */ e(
-      "div",
-      {
-        ref: f,
-        className: [v].filter(Boolean).join(" ") || void 0,
-        ...N,
-        children: /* @__PURE__ */ e(
-          S,
-          {
-            trigger: u,
-            content: C,
-            onOpenChange: g,
-            placement: "bottom-start",
-            showArrow: !1,
-            fullWidth: p
-          }
-        )
-      }
-    );
-  }
-);
-j.displayName = "WorkspaceSwitcher";
-export {
-  j as WorkspaceSwitcher
-};

package/dist/contexts/ThemeContext.cjs

@@ -1,39 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react/jsx-runtime"),o=require("react"),g=require("../hooks/useTheme.cjs"),i=require("../utils/fonts.cjs"),S=require("../components/FontLoader/FontLoader.cjs"),h=o.createContext(void 0);function P(){return typeof window>"u"?!0:getComputedStyle(document.documentElement).getPropertyValue("--orion-react-styles-loaded").trim()==="1"}function O({children:t,defaultTheme:r,defaultBrand:d,options:p,disableFontWarnings:c=!1,disableAutoFontLoading:T=!1,disableCSSWarnings:u=!1}){const v={...p,...r!==void 0&&{defaultTheme:r},...d!==void 0&&{defaultBrand:d}},n=g.useTheme(v),a=o.useRef(new Set),m=o.useRef(!1);return o.useEffect(()=>{if(u||typeof window>"u"||!(process.env.NODE_ENV==="development"||window.location.hostname==="localhost"))return;const s=setTimeout(()=>{!m.current&&!P()&&(m.current=!0,console.warn(`[Orion] Component styles not detected!
-
-You must import the component CSS file:
-
-  import '@orion-ds/react/styles.css'; // Single import includes all styles
-
-Add this import in your app entry file. It includes both design tokens and component styles.
-
-To disable this warning, set disableCSSWarnings={true} on ThemeProvider.`))},100);return()=>clearTimeout(s)},[u]),o.useEffect(()=>{if(c||typeof window>"u"||!(process.env.NODE_ENV==="development"||typeof window<"u"&&window.location.hostname==="localhost"))return;const s=setTimeout(()=>{const{brand:e}=n,l=i.getMissingFonts(e);if(l.length>0&&!a.current.has(e)){a.current.add(e);const w=i.BRAND_FONTS[e].join(", ");console.warn(`[Orion] Missing fonts for "${e}" brand: ${l.join(", ")}
-
-The "${e}" brand requires these fonts: ${w}
-
-To fix this, add one of the following to your app:
-
-Option 1: Use <FontLoader /> component (recommended)
-  import { FontLoader } from '@orion-ds/react';
-  <ThemeProvider>
-    <FontLoader />
-    <App />
-  </ThemeProvider>
-
-Option 2: Add Google Fonts to your HTML <head>
-  <link rel="preconnect" href="https://fonts.googleapis.com">
-  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="${i.GOOGLE_FONTS_URL}" rel="stylesheet">
-
-To disable this warning, set disableFontWarnings={true} on ThemeProvider.`)}},1e3);return()=>clearTimeout(s)},[n.brand,c,n]),f.jsxs(h.Provider,{value:n,children:[!T&&f.jsx(S.FontLoader,{}),t]})}function x(){const t=o.useContext(h);if(t===void 0)throw new Error(`❌ useTheme() must be used inside <ThemeProvider>
-
-Solution:
-Wrap your app with ThemeProvider:
-
-export default function App() {
-  return (
-    <ThemeProvider>
-      <YourComponents />
-    </ThemeProvider>
-  );
-}`);return t}exports.ThemeProvider=O;exports.useThemeContext=x;

package/dist/contexts/ThemeContext.mjs

@@ -1,99 +0,0 @@
-"use client";
-import { jsxs as y, jsx as g } from "react/jsx-runtime";
-import { useRef as a, useEffect as l, useContext as S, createContext as O } from "react";
-import { useTheme as P } from "../hooks/useTheme.mjs";
-import { getMissingFonts as x, BRAND_FONTS as C, GOOGLE_FONTS_URL as F } from "../utils/fonts.mjs";
-import { FontLoader as b } from "../components/FontLoader/FontLoader.mjs";
-const f = O(void 0);
-function E() {
-  return typeof window > "u" ? !0 : getComputedStyle(document.documentElement).getPropertyValue("--orion-react-styles-loaded").trim() === "1";
-}
-function R({
-  children: o,
-  defaultTheme: n,
-  defaultBrand: s,
-  options: p,
-  disableFontWarnings: i = !1,
-  disableAutoFontLoading: h = !1,
-  disableCSSWarnings: d = !1
-}) {
-  const v = {
-    ...p,
-    ...n !== void 0 && { defaultTheme: n },
-    ...s !== void 0 && { defaultBrand: s }
-  }, t = P(v), c = a(/* @__PURE__ */ new Set()), m = a(!1);
-  return l(() => {
-    if (d || typeof window > "u" || !(process.env.NODE_ENV === "development" || window.location.hostname === "localhost")) return;
-    const r = setTimeout(() => {
-      !m.current && !E() && (m.current = !0, console.warn(
-        `[Orion] Component styles not detected!
-
-You must import the component CSS file:
-
-  import '@orion-ds/react/styles.css'; // Single import includes all styles
-
-Add this import in your app entry file. It includes both design tokens and component styles.
-
-To disable this warning, set disableCSSWarnings={true} on ThemeProvider.`
-      ));
-    }, 100);
-    return () => clearTimeout(r);
-  }, [d]), l(() => {
-    if (i || typeof window > "u" || !(process.env.NODE_ENV === "development" || typeof window < "u" && window.location.hostname === "localhost")) return;
-    const r = setTimeout(() => {
-      const { brand: e } = t, u = x(e);
-      if (u.length > 0 && !c.current.has(e)) {
-        c.current.add(e);
-        const w = C[e].join(", ");
-        console.warn(
-          `[Orion] Missing fonts for "${e}" brand: ${u.join(", ")}
-
-The "${e}" brand requires these fonts: ${w}
-
-To fix this, add one of the following to your app:
-
-Option 1: Use <FontLoader /> component (recommended)
-  import { FontLoader } from '@orion-ds/react';
-  <ThemeProvider>
-    <FontLoader />
-    <App />
-  </ThemeProvider>
-
-Option 2: Add Google Fonts to your HTML <head>
-  <link rel="preconnect" href="https://fonts.googleapis.com">
-  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="${F}" rel="stylesheet">
-
-To disable this warning, set disableFontWarnings={true} on ThemeProvider.`
-        );
-      }
-    }, 1e3);
-    return () => clearTimeout(r);
-  }, [t.brand, i, t]), /* @__PURE__ */ y(f.Provider, { value: t, children: [
-    !h && /* @__PURE__ */ g(b, {}),
-    o
-  ] });
-}
-function _() {
-  const o = S(f);
-  if (o === void 0)
-    throw new Error(
-      `❌ useTheme() must be used inside <ThemeProvider>
-
-Solution:
-Wrap your app with ThemeProvider:
-
-export default function App() {
-  return (
-    <ThemeProvider>
-      <YourComponents />
-    </ThemeProvider>
-  );
-}`
-    );
-  return o;
-}
-export {
-  R as ThemeProvider,
-  _ as useThemeContext
-};

package/dist/dist/components/Badge/Badge.cjs

@@ -1,2 +0,0 @@
-"use client";
-"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,...i})=>{const o=[e.default.badge,e.default[t],e.default[d],n].filter(Boolean).join(" ");return a.jsxs("span",{className:o,...i,children:[l&&a.jsx("span",{className:e.default.dot,"aria-hidden":"true"}),r]})};s.displayName="Badge";exports.Badge=s;

package/dist/dist/components/Badge/Badge.mjs

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

package/dist/dist/components/Button/Button.cjs

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

package/dist/dist/components/Button/Button.mjs

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

package/dist/dist/components/Card/Card.cjs

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),r=require("./Card.module.css.cjs"),B=e=>({top:r.default.gradientTop,center:r.default.gradientCenter,bottom:r.default.gradientBottom})[e]||r.default.gradientBottom,n=({variant:e="base",interactive:t=!1,imageUrl:a,imagePosition:i="bottom",aspectRatio:y="16/9",className:C,children:o,style:s,...d})=>{const c=e==="outlined"?"base":e;process.env.NODE_ENV!=="production"&&e==="outlined"&&console.warn('[Orion] Card variant="outlined" is deprecated. Use variant="base" instead. It will be removed in the next major version.');const m=c==="image",u=[r.default.card,r.default[c],t&&r.default.interactive,C].filter(Boolean).join(" "),x=m?{...s,backgroundImage:a?`url(${a})`:void 0,aspectRatio:y}:s;return m?l.jsx("div",{className:u,style:x,...d,children:l.jsx("div",{className:`${r.default.imageOverlay} ${B(i)}`,children:o})}):l.jsx("div",{className:u,style:s,...d,children:o})},N=({className:e,children:t,...a})=>{const i=[r.default.header,e].filter(Boolean).join(" ");return l.jsx("div",{className:i,...a,children:t})},f=({className:e,children:t,...a})=>{const i=[r.default.body,e].filter(Boolean).join(" ");return l.jsx("div",{className:i,...a,children:t})},g=({className:e,children:t,...a})=>{const i=[r.default.footer,e].filter(Boolean).join(" ");return l.jsx("div",{className:i,...a,children:t})},j=({className:e,children:t,...a})=>{const i=[r.default.imageContent,e].filter(Boolean).join(" ");return l.jsx("div",{className:i,...a,children:t})},p=({className:e,children:t,...a})=>{const i=[r.default.imageTitle,e].filter(Boolean).join(" ");return l.jsx("h3",{className:i,...a,children:t})},h=({className:e,children:t,...a})=>{const i=[r.default.imageDescription,e].filter(Boolean).join(" ");return l.jsx("p",{className:i,...a,children:t})},v=({className:e,children:t,...a})=>{const i=[r.default.imageMeta,e].filter(Boolean).join(" ");return l.jsx("span",{className:i,...a,children:t})};n.Header=N;n.Body=f;n.Footer=g;n.ImageContent=j;n.ImageTitle=p;n.ImageDescription=h;n.ImageMeta=v;n.displayName="Card";N.displayName="Card.Header";f.displayName="Card.Body";g.displayName="Card.Footer";j.displayName="Card.ImageContent";p.displayName="Card.ImageTitle";h.displayName="Card.ImageDescription";v.displayName="Card.ImageMeta";exports.Card=n;

package/dist/dist/components/Card/Card.mjs

@@ -1,107 +0,0 @@
-"use client";
-import { jsx as n } from "react/jsx-runtime";
-import o from "./Card.module.css.mjs";
-const I = (e) => ({
-  top: o.gradientTop,
-  center: o.gradientCenter,
-  bottom: o.gradientBottom
-})[e] || o.gradientBottom, t = ({
-  variant: e = "base",
-  interactive: i = !1,
-  imageUrl: a,
-  imagePosition: r = "bottom",
-  aspectRatio: f = "16/9",
-  className: B,
-  children: l,
-  style: s,
-  ...d
-}) => {
-  const c = e === "outlined" ? "base" : e;
-  process.env.NODE_ENV !== "production" && e === "outlined" && console.warn(
-    '[Orion] Card variant="outlined" is deprecated. Use variant="base" instead. It will be removed in the next major version.'
-  );
-  const m = c === "image", N = [
-    o.card,
-    o[c],
-    i && o.interactive,
-    B
-  ].filter(Boolean).join(" "), j = m ? {
-    ...s,
-    backgroundImage: a ? `url(${a})` : void 0,
-    aspectRatio: f
-  } : s;
-  return m ? /* @__PURE__ */ n("div", { className: N, style: j, ...d, children: /* @__PURE__ */ n(
-    "div",
-    {
-      className: `${o.imageOverlay} ${I(r)}`,
-      children: l
-    }
-  ) }) : /* @__PURE__ */ n("div", { className: N, style: s, ...d, children: l });
-}, p = ({
-  className: e,
-  children: i,
-  ...a
-}) => {
-  const r = [o.header, e].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n("div", { className: r, ...a, children: i });
-}, g = ({
-  className: e,
-  children: i,
-  ...a
-}) => {
-  const r = [o.body, e].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n("div", { className: r, ...a, children: i });
-}, h = ({
-  className: e,
-  children: i,
-  ...a
-}) => {
-  const r = [o.footer, e].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n("div", { className: r, ...a, children: i });
-}, v = ({
-  className: e,
-  children: i,
-  ...a
-}) => {
-  const r = [o.imageContent, e].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n("div", { className: r, ...a, children: i });
-}, u = ({
-  className: e,
-  children: i,
-  ...a
-}) => {
-  const r = [o.imageTitle, e].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n("h3", { className: r, ...a, children: i });
-}, y = ({
-  className: e,
-  children: i,
-  ...a
-}) => {
-  const r = [o.imageDescription, e].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n("p", { className: r, ...a, children: i });
-}, C = ({
-  className: e,
-  children: i,
-  ...a
-}) => {
-  const r = [o.imageMeta, e].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n("span", { className: r, ...a, children: i });
-};
-t.Header = p;
-t.Body = g;
-t.Footer = h;
-t.ImageContent = v;
-t.ImageTitle = u;
-t.ImageDescription = y;
-t.ImageMeta = C;
-t.displayName = "Card";
-p.displayName = "Card.Header";
-g.displayName = "Card.Body";
-h.displayName = "Card.Footer";
-v.displayName = "Card.ImageContent";
-u.displayName = "Card.ImageTitle";
-y.displayName = "Card.ImageDescription";
-C.displayName = "Card.ImageMeta";
-export {
-  t as Card
-};

package/dist/dist/components/Field/Field.cjs

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),b=require("react"),N=require("lucide-react"),e=require("./Field.module.css.cjs"),v=b.forwardRef(({label:s,error:l,helperText:t,leftIcon:n,rightIcon:i,fullWidth:I=!1,size:c="md",optional:u=!1,className:g,id:q,disabled:f,required:o,"aria-label":h,"aria-describedby":p,...$},F)=>{const R=b.useId(),d=q||`field-${R}`,m=`${d}-error`,j=`${d}-helper`,x=l&&!i,r=[];l&&r.push(m),t&&!l&&r.push(j),p&&r.push(p);const y=r.length>0?r.join(" "):void 0;!(s||h)&&process.env.NODE_ENV==="development"&&console.warn("Field: Missing accessible name. Provide either a `label` prop or `aria-label` for screen reader users.");const C=[e.default.fieldContainer,I&&e.default.fullWidth,l&&e.default.error,f&&e.default.disabled,g].filter(Boolean).join(" "),M=[e.default.input,e.default[c],n&&e.default.hasLeftIcon,(i||x)&&e.default.hasRightIcon].filter(Boolean).join(" "),T=c==="sm"?14:c==="lg"?20:16;return a.jsxs("div",{className:C,children:[s&&a.jsxs("label",{htmlFor:d,className:e.default.label,children:[a.jsx("span",{className:e.default.labelText,children:s}),u&&a.jsx("span",{className:e.default.optional,"aria-hidden":"true",children:"(optional)"}),o&&!u&&a.jsx("span",{className:e.default.required,"aria-hidden":"true",children:"*"})]}),a.jsxs("div",{className:e.default.inputWrapper,children:[n&&a.jsx("span",{className:e.default.leftIcon,"aria-hidden":"true",children:n}),a.jsx("input",{ref:F,id:d,className:M,disabled:f,required:o,"aria-required":o||void 0,"aria-invalid":l?"true":"false","aria-describedby":y,"aria-label":s?void 0:h,...$}),i&&a.jsx("span",{className:`${e.default.rightIcon} ${e.default.rightIconInteractive}`,children:i}),x&&a.jsx("span",{className:`${e.default.rightIcon} ${e.default.errorIconInline}`,"aria-hidden":"true",children:a.jsx(N.AlertCircle,{size:T})})]}),t&&!l&&a.jsx("p",{id:j,className:e.default.helperText,children:t}),l&&a.jsxs("p",{id:m,className:e.default.errorMessage,role:"alert","aria-live":"assertive",children:[a.jsx(N.AlertCircle,{size:14,"aria-hidden":"true",className:e.default.errorIconMessage}),a.jsx("span",{children:l})]})]})});v.displayName="Field";exports.Field=v;

package/dist/dist/components/Field/Field.mjs

@@ -1,108 +0,0 @@
-"use client";
-import { jsxs as d, jsx as r } from "react/jsx-runtime";
-import { forwardRef as C, useId as R } from "react";
-import { AlertCircle as v } from "lucide-react";
-import e from "./Field.module.css.mjs";
-const T = C(
-  ({
-    label: l,
-    error: i,
-    helperText: o,
-    leftIcon: c,
-    rightIcon: s,
-    fullWidth: g = !1,
-    size: t = "md",
-    optional: p = !1,
-    className: x,
-    id: $,
-    disabled: m,
-    required: h,
-    "aria-label": u,
-    "aria-describedby": f,
-    ...j
-  }, F) => {
-    const q = R(), n = $ || `field-${q}`, N = `${n}-error`, b = `${n}-helper`, I = i && !s, a = [];
-    i && a.push(N), o && !i && a.push(b), f && a.push(f);
-    const M = a.length > 0 ? a.join(" ") : void 0;
-    !(l || u) && process.env.NODE_ENV === "development" && console.warn(
-      "Field: Missing accessible name. Provide either a `label` prop or `aria-label` for screen reader users."
-    );
-    const w = [
-      e.fieldContainer,
-      g && e.fullWidth,
-      i && e.error,
-      m && e.disabled,
-      x
-    ].filter(Boolean).join(" "), y = [
-      e.input,
-      e[t],
-      c && e.hasLeftIcon,
-      (s || I) && e.hasRightIcon
-    ].filter(Boolean).join(" "), z = t === "sm" ? 14 : t === "lg" ? 20 : 16;
-    return /* @__PURE__ */ d("div", { className: w, children: [
-      l && /* @__PURE__ */ d("label", { htmlFor: n, className: e.label, children: [
-        /* @__PURE__ */ r("span", { className: e.labelText, children: l }),
-        p && /* @__PURE__ */ r("span", { className: e.optional, "aria-hidden": "true", children: "(optional)" }),
-        h && !p && /* @__PURE__ */ r("span", { className: e.required, "aria-hidden": "true", children: "*" })
-      ] }),
-      /* @__PURE__ */ d("div", { className: e.inputWrapper, children: [
-        c && /* @__PURE__ */ r("span", { className: e.leftIcon, "aria-hidden": "true", children: c }),
-        /* @__PURE__ */ r(
-          "input",
-          {
-            ref: F,
-            id: n,
-            className: y,
-            disabled: m,
-            required: h,
-            "aria-required": h || void 0,
-            "aria-invalid": i ? "true" : "false",
-            "aria-describedby": M,
-            "aria-label": l ? void 0 : u,
-            ...j
-          }
-        ),
-        s && /* @__PURE__ */ r(
-          "span",
-          {
-            className: `${e.rightIcon} ${e.rightIconInteractive}`,
-            children: s
-          }
-        ),
-        I && /* @__PURE__ */ r(
-          "span",
-          {
-            className: `${e.rightIcon} ${e.errorIconInline}`,
-            "aria-hidden": "true",
-            children: /* @__PURE__ */ r(v, { size: z })
-          }
-        )
-      ] }),
-      o && !i && /* @__PURE__ */ r("p", { id: b, className: e.helperText, children: o }),
-      i && /* @__PURE__ */ d(
-        "p",
-        {
-          id: N,
-          className: e.errorMessage,
-          role: "alert",
-          "aria-live": "assertive",
-          children: [
-            /* @__PURE__ */ r(
-              v,
-              {
-                size: 14,
-                "aria-hidden": "true",
-                className: e.errorIconMessage
-              }
-            ),
-            /* @__PURE__ */ r("span", { children: i })
-          ]
-        }
-      )
-    ] });
-  }
-);
-T.displayName = "Field";
-export {
-  T as Field
-};

package/dist/dnd.cjs

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./components/CollapsibleFolder/CollapsibleFolder.cjs");exports.CollapsibleFolder=e.CollapsibleFolder;

package/dist/dnd.mjs

@@ -1,5 +0,0 @@
-"use client";
-import { CollapsibleFolder as e } from "./components/CollapsibleFolder/CollapsibleFolder.mjs";
-export {
-  e as CollapsibleFolder
-};

package/dist/editor.cjs

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./components/CodeEditor/CodeEditor.cjs");exports.CodeEditor=e.CodeEditor;

package/dist/editor.mjs

@@ -1,5 +0,0 @@
-"use client";
-import { CodeEditor as d } from "./components/CodeEditor/CodeEditor.mjs";
-export {
-  d as CodeEditor
-};

package/dist/examples/LandingPage.example.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../contexts/ThemeContext.cjs"),s=require("../components/Navbar/Navbar.cjs"),t=require("../components/Button/Button.cjs"),n=require("../sections/Section/Section.cjs"),i=require("../sections/Container/Container.cjs");function o(){return e.jsx(r.ThemeProvider,{children:e.jsxs("div",{style:{minHeight:"100vh",display:"flex",flexDirection:"column"},children:[e.jsx(s.Navbar,{children:e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",width:"100%",padding:"0 24px"},children:[e.jsx("strong",{children:"Orion"}),e.jsxs("div",{style:{display:"flex",gap:"24px"},children:[e.jsx(t.Button,{variant:"ghost",children:"Features"}),e.jsx(t.Button,{variant:"ghost",children:"Pricing"}),e.jsx(t.Button,{variant:"ghost",children:"Docs"}),e.jsx(t.Button,{variant:"primary",children:"Get Started"})]})]})}),e.jsx(n.Section,{children:e.jsx(i.Container,{children:e.jsxs("div",{style:{textAlign:"center",paddingTop:"60px",paddingBottom:"60px"},children:[e.jsx("h1",{style:{fontSize:"48px",marginBottom:"16px",fontWeight:"bold"},children:"Welcome to Orion Design System"}),e.jsx("p",{style:{fontSize:"18px",marginBottom:"32px",color:"var(--text-secondary)"},children:"The AI-first design system for building beautiful, accessible interfaces"}),e.jsx(t.Button,{variant:"primary",size:"lg",children:"Start Building"})]})})}),e.jsx(n.Section,{children:e.jsx(i.Container,{children:e.jsxs("div",{style:{textAlign:"center"},children:[e.jsx("h2",{style:{fontSize:"32px",marginBottom:"16px",fontWeight:"bold"},children:"Premium Sections Available"}),e.jsxs("p",{style:{marginBottom:"24px",color:"var(--text-secondary)"},children:["For pre-built marketing and app sections, templates, and advanced components, install ",e.jsx("strong",{children:"@orion-ds/blocks"})]}),e.jsx(t.Button,{variant:"secondary",onClick:()=>window.open("https://github.com/anthropics/orion","_blank"),children:"Learn More"})]})})})]})})}exports.LandingPageExample=o;