@orion-ds/react 4.8.0 → 4.9.1

package/dist/dist/index37.mjs

@@ -0,0 +1,196 @@
+import { jsx as a, jsxs as l } from "react/jsx-runtime";
+import re, { useState as h, useRef as le } from "react";
+import { useDroppable as ne } from "@dnd-kit/core";
+import { ChevronDown as I, MoreHorizontal as ie } from "lucide-react";
+import t from "./index146.mjs";
+import { Collapsible as v } from "./index36.mjs";
+import { Badge as oe } from "./index23.mjs";
+import { Dropdown as R } from "./index47.mjs";
+import { Button as k } from "./index26.mjs";
+function se(B) {
+  const {
+    id: m,
+    title: E,
+    itemCount: u,
+    items: i,
+    renderItem: O,
+    itemLabel: j = "Item",
+    itemLabelPlural: w = "Items",
+    emptyText: A = "No items in this folder",
+    sortLabel: b = "Sort",
+    defaultExpanded: q = !0,
+    sortOptions: s,
+    selectedSort: H,
+    onSortChange: M,
+    onDrop: D,
+    onFolderEdit: N,
+    onFolderDelete: C,
+    onFolderInvite: T,
+    isDropTarget: P = !1,
+    isDropCompleted: Y = !1,
+    onDragEnter: Z,
+    onDragLeaveFolder: y,
+    className: G,
+    ...J
+  } = B, [p, K] = h(q), [g, d] = h(null), [x, f] = h(!1), L = le(null), { setNodeRef: Q } = ne({ id: m }), U = (e) => {
+    if (e.preventDefault(), e.dataTransfer.dropEffect = "move", x || (f(!0), Z?.()), !p || i.length === 0) {
+      d(0);
+      return;
+    }
+    const r = L.current;
+    if (!r) return;
+    const n = Array.from(
+      r.querySelectorAll("[data-item-id]")
+    ), ae = e.clientY;
+    let S = n.length;
+    for (let c = 0; c < n.length; c++) {
+      const $ = n[c];
+      if (!$) continue;
+      const z = $.getBoundingClientRect();
+      if (ae < z.top + z.height / 2) {
+        S = c;
+        break;
+      }
+    }
+    d(S);
+  }, V = (e) => {
+    e.currentTarget.contains(e.relatedTarget) || (f(!1), d(null), y?.());
+  }, W = (e) => {
+    e.preventDefault();
+    const r = e.dataTransfer.getData("text/plain") || e.dataTransfer.getData("itemId");
+    if (r && D) {
+      const n = g ?? i.length;
+      D(r, m, n);
+    }
+    f(!1), d(null), y?.();
+  }, X = (e, r) => {
+    e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData("text/plain", r);
+  }, _ = s?.map((e) => ({
+    id: e.value,
+    label: e.label,
+    onClick: () => M?.(e.value)
+  })), F = [
+    ...N ? [
+      {
+        id: "rename",
+        label: "Rename",
+        onClick: N
+      }
+    ] : [],
+    ...T ? [
+      {
+        id: "invite",
+        label: "Invite participants",
+        onClick: T
+      }
+    ] : [],
+    ...C ? [
+      {
+        id: "delete",
+        label: "Delete folder",
+        danger: !0,
+        onClick: C
+      }
+    ] : []
+  ], o = P || x, ee = [
+    t.folder,
+    o && t.dropTarget,
+    Y && t.dropCompleted,
+    G
+  ].filter(Boolean).join(" "), te = u === 1 ? j : w;
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      ref: Q,
+      className: ee,
+      "data-folder-id": m,
+      "data-drop-active": o,
+      onDragOver: U,
+      onDragLeave: V,
+      onDrop: W,
+      ...J,
+      children: /* @__PURE__ */ l(v, { open: p, onOpenChange: K, children: [
+        /* @__PURE__ */ l("div", { className: t.header, children: [
+          /* @__PURE__ */ l(v.Trigger, { className: t.trigger, children: [
+            /* @__PURE__ */ a(
+              I,
+              {
+                size: 20,
+                className: `${t.chevron} ${p ? t.expanded : ""}`
+              }
+            ),
+            /* @__PURE__ */ a("h2", { className: t.title, children: E }),
+            /* @__PURE__ */ l(oe, { variant: "secondary", className: t.badge, children: [
+              u,
+              /* @__PURE__ */ l("span", { className: t.badgeLabel, children: [
+                " ",
+                te
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ l("div", { className: t.actions, children: [
+            s && s.length > 0 && /* @__PURE__ */ a("div", { className: t.sortDropdown, children: /* @__PURE__ */ a(
+              R,
+              {
+                trigger: /* @__PURE__ */ a(
+                  k,
+                  {
+                    variant: "ghost",
+                    size: "sm",
+                    iconRight: /* @__PURE__ */ a(I, { size: 16 }),
+                    "aria-label": `Sort by ${b}`,
+                    children: s.find((e) => e.value === H)?.label || b
+                  }
+                ),
+                items: _,
+                placement: "bottom-end"
+              }
+            ) }),
+            F.length > 0 && /* @__PURE__ */ a(
+              R,
+              {
+                trigger: /* @__PURE__ */ a(
+                  k,
+                  {
+                    variant: "ghost",
+                    size: "sm",
+                    iconOnly: !0,
+                    icon: /* @__PURE__ */ a(ie, { size: 20 }),
+                    "aria-label": "Folder actions"
+                  }
+                ),
+                items: F,
+                placement: "bottom-end"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ a(v.Content, { children: /* @__PURE__ */ a("div", { className: t.content, children: i.length === 0 ? o ? /* @__PURE__ */ a("div", { className: t.emptyDropZone, children: /* @__PURE__ */ a("div", { className: t.insertionLine, role: "presentation" }) }) : /* @__PURE__ */ a("div", { className: t.emptyState, children: /* @__PURE__ */ a("p", { className: t.emptyText, children: A }) }) : /* @__PURE__ */ l("div", { className: t.grid, ref: L, children: [
+          i.map((e, r) => /* @__PURE__ */ l(re.Fragment, { children: [
+            o && g === r && /* @__PURE__ */ a(
+              "div",
+              {
+                className: t.insertionLine,
+                role: "presentation"
+              }
+            ),
+            /* @__PURE__ */ a(
+              "div",
+              {
+                "data-item-id": e.id,
+                draggable: e.draggable,
+                onDragStart: (n) => X(n, e.id),
+                children: O(e, r)
+              }
+            )
+          ] }, e.id)),
+          o && g === i.length && /* @__PURE__ */ a("div", { className: t.insertionLine, role: "presentation" })
+        ] }) }) })
+      ] })
+    }
+  );
+}
+se.displayName = "CollapsibleFolder";
+export {
+  se as CollapsibleFolder
+};

package/dist/dist/index47.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),r=require("react"),V=require("react-dom"),d=require("./index180.cjs"),W=(e,l,f)=>{const o=window.scrollX,c=window.scrollY,u=4;let n=0,p=0;switch(f){case"bottom-start":n=e.bottom+c+u,p=e.left+o;break;case"bottom":n=e.bottom+c+u,p=e.left+o+(e.width-l.width)/2;break;case"bottom-end":n=e.bottom+c+u,p=e.right+o-l.width;break;case"top-start":n=e.top+c-l.height-u,p=e.left+o;break;case"top":n=e.top+c-l.height-u,p=e.left+o+(e.width-l.width)/2;break;case"top-end":n=e.top+c-l.height-u,p=e.right+o-l.width;break}return{top:n,left:p}},X=({item:e,onSelect:l,onNavigate:f})=>{const o=()=>{e.disabled||(e.onClick?.(),l())},c=n=>{n.key==="Enter"||n.key===" "?(n.preventDefault(),o()):n.key==="ArrowDown"?(n.preventDefault(),f?.("down")):n.key==="ArrowUp"&&(n.preventDefault(),f?.("up"))},u=[d.default.item,e.disabled&&d.default.disabled,e.danger&&d.default.danger].filter(Boolean).join(" ");return s.jsxs("div",{className:u,role:"menuitem",tabIndex:e.disabled?-1:0,"aria-disabled":e.disabled,onClick:o,onKeyDown:c,children:[e.icon&&s.jsx("span",{className:d.default.icon,"aria-hidden":"true",children:e.icon}),s.jsx("span",{className:d.default.label,children:e.label}),e.shortcut&&s.jsx("span",{className:d.default.shortcut,"aria-hidden":"true",children:e.shortcut})]})},R=r.forwardRef(({trigger:e,items:l=[],groups:f=[],placement:o="bottom-start",open:c,onOpenChange:u,onSelect:n,minWidth:p=180,closeOnSelect:E=!0,className:D,...q},A)=>{const[B,F]=r.useState(!1),[y,I]=r.useState({top:0,left:0}),[g,k]=r.useState(-1),b=r.useRef(null),v=r.useRef(null),j=r.useRef(new Map);r.useImperativeHandle(A,()=>b.current);const x=c!==void 0,m=x?c:B,N=(f.length>0?f:[{items:l}]).flatMap(t=>t.items).filter(t=>!t.disabled),h=r.useCallback(t=>{x||F(t),u?.(t),t||k(-1)},[x,u]),w=r.useCallback(()=>{if(!b.current||!v.current)return;const t=b.current.getBoundingClientRect(),i=v.current.getBoundingClientRect(),a=W(t,i,o);I(a)},[o]);r.useEffect(()=>{if(m)return requestAnimationFrame(w),window.addEventListener("resize",w),window.addEventListener("scroll",w,!0),requestAnimationFrame(()=>{const t=j.current.get(0);t&&(t.focus(),k(0))}),()=>{window.removeEventListener("resize",w),window.removeEventListener("scroll",w,!0)}},[m,w]),r.useEffect(()=>{if(!m)return;const t=i=>{const a=i.target;b.current&&!b.current.contains(a)&&v.current&&!v.current.contains(a)&&h(!1)};return document.addEventListener("mousedown",t),()=>document.removeEventListener("mousedown",t)},[m,h]),r.useEffect(()=>{if(!m)return;const t=i=>{i.key==="Escape"&&h(!1)};return document.addEventListener("keydown",t),()=>document.removeEventListener("keydown",t)},[m,h]);const O=r.useCallback(()=>{h(!m)},[m,h]),P=r.useCallback(t=>{n?.(t),E&&h(!1)},[E,n,h]),z=r.useCallback(t=>{const i=N.length;if(i===0)return;let a;t==="down"?a=g<i-1?g+1:0:a=g>0?g-1:i-1,k(a),j.current.get(a)?.focus()},[g,N.length]),H=r.isValidElement(e)?r.cloneElement(e,{onClick:O,"aria-expanded":m,"aria-haspopup":"menu"}):e,C=f.length>0?f:[{items:l}],M=[d.default.menu,m&&d.default.visible,D].filter(Boolean).join(" ");let S=0;const T=s.jsx("div",{ref:v,className:M,style:{top:y.top,left:y.left,minWidth:p},role:"menu","aria-orientation":"vertical",...q,children:C.map((t,i)=>s.jsxs("div",{className:d.default.group,children:[t.label&&s.jsx("div",{className:d.default.groupLabel,children:t.label}),t.items.map(a=>{const U=S;return a.disabled||S++,s.jsx("div",{ref:L=>{L&&!a.disabled&&j.current.set(U,L)},children:s.jsx(X,{item:a,onSelect:()=>P(a),onNavigate:z})},a.id)}),i<C.length-1&&s.jsx("div",{className:d.default.separator,role:"separator"})]},i))});return s.jsxs(s.Fragment,{children:[s.jsx("div",{ref:b,className:d.default.trigger,children:H}),m&&V.createPortal(T,document.body)]})});R.displayName="Dropdown";exports.Dropdown=R;

package/dist/dist/index47.mjs

@@ -0,0 +1,176 @@
+import { jsx as p, jsxs as D, Fragment as J } from "react/jsx-runtime";
+import { forwardRef as K, useState as y, useRef as L, useImperativeHandle as M, useCallback as v, useEffect as C, isValidElement as T, cloneElement as $ } from "react";
+import { createPortal as Q } from "react-dom";
+import l from "./index180.mjs";
+const Z = (e, o, m) => {
+  const a = window.scrollX, s = window.scrollY, d = 4;
+  let r = 0, u = 0;
+  switch (m) {
+    case "bottom-start":
+      r = e.bottom + s + d, u = e.left + a;
+      break;
+    case "bottom":
+      r = e.bottom + s + d, u = e.left + a + (e.width - o.width) / 2;
+      break;
+    case "bottom-end":
+      r = e.bottom + s + d, u = e.right + a - o.width;
+      break;
+    case "top-start":
+      r = e.top + s - o.height - d, u = e.left + a;
+      break;
+    case "top":
+      r = e.top + s - o.height - d, u = e.left + a + (e.width - o.width) / 2;
+      break;
+    case "top-end":
+      r = e.top + s - o.height - d, u = e.right + a - o.width;
+      break;
+  }
+  return { top: r, left: u };
+}, _ = ({
+  item: e,
+  onSelect: o,
+  onNavigate: m
+}) => {
+  const a = () => {
+    e.disabled || (e.onClick?.(), o());
+  }, s = (r) => {
+    r.key === "Enter" || r.key === " " ? (r.preventDefault(), a()) : r.key === "ArrowDown" ? (r.preventDefault(), m?.("down")) : r.key === "ArrowUp" && (r.preventDefault(), m?.("up"));
+  }, d = [
+    l.item,
+    e.disabled && l.disabled,
+    e.danger && l.danger
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ D(
+    "div",
+    {
+      className: d,
+      role: "menuitem",
+      tabIndex: e.disabled ? -1 : 0,
+      "aria-disabled": e.disabled,
+      onClick: a,
+      onKeyDown: s,
+      children: [
+        e.icon && /* @__PURE__ */ p("span", { className: l.icon, "aria-hidden": "true", children: e.icon }),
+        /* @__PURE__ */ p("span", { className: l.label, children: e.label }),
+        e.shortcut && /* @__PURE__ */ p("span", { className: l.shortcut, "aria-hidden": "true", children: e.shortcut })
+      ]
+    }
+  );
+}, ee = K(
+  ({
+    trigger: e,
+    items: o = [],
+    groups: m = [],
+    placement: a = "bottom-start",
+    open: s,
+    onOpenChange: d,
+    onSelect: r,
+    minWidth: u = 180,
+    closeOnSelect: S = !0,
+    className: F,
+    ...I
+  }, q) => {
+    const [z, H] = y(!1), [j, O] = y({ top: 0, left: 0 }), [b, k] = y(-1), f = L(null), g = L(null), E = L(/* @__PURE__ */ new Map());
+    M(q, () => f.current);
+    const N = s !== void 0, c = N ? s : z, x = (m.length > 0 ? m : [{ items: o }]).flatMap((t) => t.items).filter((t) => !t.disabled), h = v(
+      (t) => {
+        N || H(t), d?.(t), t || k(-1);
+      },
+      [N, d]
+    ), w = v(() => {
+      if (!f.current || !g.current) return;
+      const t = f.current.getBoundingClientRect(), i = g.current.getBoundingClientRect(), n = Z(t, i, a);
+      O(n);
+    }, [a]);
+    C(() => {
+      if (c)
+        return requestAnimationFrame(w), window.addEventListener("resize", w), window.addEventListener("scroll", w, !0), requestAnimationFrame(() => {
+          const t = E.current.get(0);
+          t && (t.focus(), k(0));
+        }), () => {
+          window.removeEventListener("resize", w), window.removeEventListener("scroll", w, !0);
+        };
+    }, [c, w]), C(() => {
+      if (!c) return;
+      const t = (i) => {
+        const n = i.target;
+        f.current && !f.current.contains(n) && g.current && !g.current.contains(n) && h(!1);
+      };
+      return document.addEventListener("mousedown", t), () => document.removeEventListener("mousedown", t);
+    }, [c, h]), C(() => {
+      if (!c) return;
+      const t = (i) => {
+        i.key === "Escape" && h(!1);
+      };
+      return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
+    }, [c, h]);
+    const P = v(() => {
+      h(!c);
+    }, [c, h]), U = v(
+      (t) => {
+        r?.(t), S && h(!1);
+      },
+      [S, r, h]
+    ), V = v(
+      (t) => {
+        const i = x.length;
+        if (i === 0) return;
+        let n;
+        t === "down" ? n = b < i - 1 ? b + 1 : 0 : n = b > 0 ? b - 1 : i - 1, k(n), E.current.get(n)?.focus();
+      },
+      [b, x.length]
+    ), W = T(e) ? $(e, {
+      onClick: P,
+      "aria-expanded": c,
+      "aria-haspopup": "menu"
+    }) : e, A = m.length > 0 ? m : [{ items: o }], X = [l.menu, c && l.visible, F].filter(Boolean).join(" ");
+    let B = 0;
+    const Y = /* @__PURE__ */ p(
+      "div",
+      {
+        ref: g,
+        className: X,
+        style: {
+          top: j.top,
+          left: j.left,
+          minWidth: u
+        },
+        role: "menu",
+        "aria-orientation": "vertical",
+        ...I,
+        children: A.map((t, i) => /* @__PURE__ */ D("div", { className: l.group, children: [
+          t.label && /* @__PURE__ */ p("div", { className: l.groupLabel, children: t.label }),
+          t.items.map((n) => {
+            const G = B;
+            return n.disabled || B++, /* @__PURE__ */ p(
+              "div",
+              {
+                ref: (R) => {
+                  R && !n.disabled && E.current.set(G, R);
+                },
+                children: /* @__PURE__ */ p(
+                  _,
+                  {
+                    item: n,
+                    onSelect: () => U(n),
+                    onNavigate: V
+                  }
+                )
+              },
+              n.id
+            );
+          }),
+          i < A.length - 1 && /* @__PURE__ */ p("div", { className: l.separator, role: "separator" })
+        ] }, i))
+      }
+    );
+    return /* @__PURE__ */ D(J, { children: [
+      /* @__PURE__ */ p("div", { ref: f, className: l.trigger, children: W }),
+      c && Q(Y, document.body)
+    ] });
+  }
+);
+ee.displayName = "Dropdown";
+export {
+  ee as Dropdown
+};

package/dist/dist/index50.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),b=require("react"),N=require("lucide-react"),e=require("./index189.cjs"),v=b.forwardRef(({label:i,error:l,helperText:t,leftIcon:n,rightIcon:s,fullWidth:I=!1,size:c="md",optional:u=!1,className:g,id:q,disabled:f,required:o,"aria-label":h,"aria-describedby":p,...$},R)=>{const y=b.useId(),d=q||`field-${y}`,m=`${d}-error`,x=`${d}-helper`,j=l&&!s,r=[];l&&r.push(m),t&&!l&&r.push(x),p&&r.push(p);const F=r.length>0?r.join(" "):void 0;!(i||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,(s||j)&&e.default.hasRightIcon].filter(Boolean).join(" "),T=c==="sm"?14:c==="lg"?20:16;return a.jsxs("div",{className:C,children:[i&&a.jsxs("label",{htmlFor:d,className:e.default.label,children:[a.jsx("span",{className:e.default.labelText,children:i}),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:R,id:d,className:M,disabled:f,required:o,"aria-required":o||void 0,"aria-invalid":l?"true":"false","aria-describedby":F,"aria-label":i?void 0:h,...$}),s&&a.jsx("span",{className:`${e.default.rightIcon} ${e.default.rightIconInteractive}`,children:s}),j&&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:x,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/index50.mjs

@@ -0,0 +1,107 @@
+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 "./index189.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

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

package/dist/dnd.mjs

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

package/dist/editor.cjs

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

package/dist/editor.mjs

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

package/dist/examples/LandingPage.example.cjs

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

package/dist/examples/LandingPage.example.mjs

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