@editora/ui-react 0.1.6 → 0.1.7

package/dist/AppHeader-49a8d3e0.mjs

@@ -0,0 +1,98 @@
+import p from "react";
+const y = "editora-ui-react-app-header-runtime-styles";
+function w() {
+  if (typeof document > "u" || document.getElementById(y))
+    return;
+  const t = document.createElement("style");
+  t.id = y, t.textContent = `
+    ui-app-header [data-ui-app-header-start],
+    ui-app-header [data-ui-app-header-center],
+    ui-app-header [data-ui-app-header-end] {
+      min-width: 0;
+      display: inline-flex;
+      align-items: center;
+    }
+
+    ui-app-header [data-ui-app-header-start] {
+      gap: 10px;
+    }
+
+    ui-app-header [data-ui-app-header-center] {
+      gap: 10px;
+    }
+
+    ui-app-header [data-ui-app-header-end] {
+      gap: 8px;
+      justify-content: flex-end;
+      flex-wrap: wrap;
+    }
+
+    ui-app-header [data-ui-app-header-title] {
+      display: block;
+      min-width: 0;
+    }
+
+    ui-app-header [data-ui-app-header-subtitle] {
+      display: block;
+      min-width: 0;
+    }
+  `, document.head.appendChild(t);
+}
+function o(t, r, a) {
+  a ? t.setAttribute(r, "") : t.removeAttribute(r);
+}
+function f(t, r, a) {
+  a == null || a === "" ? t.removeAttribute(r) : t.setAttribute(r, String(a));
+}
+const x = p.forwardRef(function({
+  children: r,
+  sticky: a,
+  bordered: s,
+  dense: l,
+  headless: H,
+  showMenuButton: m,
+  variant: n,
+  tone: i,
+  size: u,
+  radius: c,
+  elevation: d,
+  onMenuTrigger: E,
+  ...S
+}, g) {
+  const A = p.useRef(null);
+  return p.useImperativeHandle(g, () => A.current), p.useEffect(() => {
+    w();
+  }, []), p.useEffect(() => {
+    const e = A.current;
+    if (!e || !E)
+      return;
+    const b = () => E();
+    return e.addEventListener("menu-trigger", b), () => e.removeEventListener("menu-trigger", b);
+  }, [E]), p.useLayoutEffect(() => {
+    const e = A.current;
+    e && (o(e, "sticky", a), o(e, "bordered", s), o(e, "dense", l), o(e, "headless", H), o(e, "show-menu-button", m), f(e, "variant", n && n !== "surface" ? n : null), f(e, "tone", i && i !== "neutral" ? i : null), f(e, "size", u && u !== "md" ? u : null), f(e, "radius", c ?? null), f(e, "elevation", d && d !== "low" ? d : null));
+  }, [a, s, l, H, m, n, i, u, c, d]), p.createElement("ui-app-header", { ref: A, ...S }, r);
+});
+function h(t, r, a, s) {
+  const l = p.forwardRef(function({ as: m, children: n, ...i }, u) {
+    const c = m || t, d = { ref: u, slot: a, ...i };
+    return s && (d[s] = ""), p.createElement(c, d, n);
+  });
+  return l.displayName = r, l;
+}
+const C = h("div", "AppHeaderStart", "start", "data-ui-app-header-start"), R = h("div", "AppHeaderCenter", "center", "data-ui-app-header-center"), _ = h("div", "AppHeaderTitle", "title", "data-ui-app-header-title"), v = h("div", "AppHeaderSubtitle", "subtitle", "data-ui-app-header-subtitle"), I = h("div", "AppHeaderEnd", "end", "data-ui-app-header-end"), L = Object.assign(x, {
+  Start: C,
+  Center: R,
+  Title: _,
+  Subtitle: v,
+  End: I
+});
+L.displayName = "AppHeader";
+export {
+  C as A,
+  L as C,
+  R as a,
+  _ as b,
+  v as c,
+  I as d
+};

package/dist/AppHeader-5c427700.js

@@ -0,0 +1,33 @@
+"use strict";const T=require("react"),I=e=>e&&e.__esModule?e:{default:e},p=I(T),S="editora-ui-react-app-header-runtime-styles";function L(){if(typeof document>"u"||document.getElementById(S))return;const e=document.createElement("style");e.id=S,e.textContent=`
+    ui-app-header [data-ui-app-header-start],
+    ui-app-header [data-ui-app-header-center],
+    ui-app-header [data-ui-app-header-end] {
+      min-width: 0;
+      display: inline-flex;
+      align-items: center;
+    }
+
+    ui-app-header [data-ui-app-header-start] {
+      gap: 10px;
+    }
+
+    ui-app-header [data-ui-app-header-center] {
+      gap: 10px;
+    }
+
+    ui-app-header [data-ui-app-header-end] {
+      gap: 8px;
+      justify-content: flex-end;
+      flex-wrap: wrap;
+    }
+
+    ui-app-header [data-ui-app-header-title] {
+      display: block;
+      min-width: 0;
+    }
+
+    ui-app-header [data-ui-app-header-subtitle] {
+      display: block;
+      min-width: 0;
+    }
+  `,document.head.appendChild(e)}function o(e,r,a){a?e.setAttribute(r,""):e.removeAttribute(r)}function f(e,r,a){a==null||a===""?e.removeAttribute(r):e.setAttribute(r,String(a))}const D=p.default.forwardRef(function({children:r,sticky:a,bordered:l,dense:s,headless:H,showMenuButton:h,variant:n,tone:u,size:i,radius:c,elevation:d,onMenuTrigger:E,...x},v){const m=p.default.useRef(null);return p.default.useImperativeHandle(v,()=>m.current),p.default.useEffect(()=>{L()},[]),p.default.useEffect(()=>{const t=m.current;if(!t||!E)return;const b=()=>E();return t.addEventListener("menu-trigger",b),()=>t.removeEventListener("menu-trigger",b)},[E]),p.default.useLayoutEffect(()=>{const t=m.current;t&&(o(t,"sticky",a),o(t,"bordered",l),o(t,"dense",s),o(t,"headless",H),o(t,"show-menu-button",h),f(t,"variant",n&&n!=="surface"?n:null),f(t,"tone",u&&u!=="neutral"?u:null),f(t,"size",i&&i!=="md"?i:null),f(t,"radius",c??null),f(t,"elevation",d&&d!=="low"?d:null))},[a,l,s,H,h,n,u,i,c,d]),p.default.createElement("ui-app-header",{ref:m,...x},r)});function A(e,r,a,l){const s=p.default.forwardRef(function({as:h,children:n,...u},i){const c=h||e,d={ref:i,slot:a,...u};return l&&(d[l]=""),p.default.createElement(c,d,n)});return s.displayName=r,s}const y=A("div","AppHeaderStart","start","data-ui-app-header-start"),g=A("div","AppHeaderCenter","center","data-ui-app-header-center"),C=A("div","AppHeaderTitle","title","data-ui-app-header-title"),_=A("div","AppHeaderSubtitle","subtitle","data-ui-app-header-subtitle"),w=A("div","AppHeaderEnd","end","data-ui-app-header-end"),R=Object.assign(D,{Start:y,Center:g,Title:C,Subtitle:_,End:w});R.displayName="AppHeader";exports.AppHeaderCenter=g;exports.AppHeaderEnd=w;exports.AppHeaderStart=y;exports.AppHeaderSubtitle=_;exports.AppHeaderTitle=C;exports.ComposedAppHeader=R;

package/dist/AppHeader.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./AppHeader-5c427700.js");require("react");exports.AppHeader=e.ComposedAppHeader;

package/dist/AppHeader.d.ts

@@ -0,0 +1,3 @@
+export { AppHeader } from "./components/AppHeader";
+export type { AppHeaderProps, AppHeaderSectionProps, } from "./components/AppHeader";
+//# sourceMappingURL=AppHeader.d.ts.map

package/dist/AppHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppHeader.d.ts","sourceRoot":"","sources":["../src/AppHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,YAAY,EACV,cAAc,EACd,qBAAqB,GACtB,MAAM,wBAAwB,CAAC"}

package/dist/AppHeader.esm.js

@@ -0,0 +1,5 @@
+import { C as o } from "./AppHeader-49a8d3e0.mjs";
+import "react";
+export {
+  o as AppHeader
+};

package/dist/Breadcrumb.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),L=require("./_internals-b9f3e909.js"),M=f=>f&&f.__esModule?f:{default:f},B=M(s),q=typeof window<"u"?s.useLayoutEffect:s.useEffect,N=B.default.forwardRef(function({children:E,separator:a,maxItems:o,currentIndex:d,size:r,variant:l,radius:n,elevation:i,tone:y,state:b,disabled:_,ariaLabel:h,onSelect:g,...S},j){const m=s.useRef(null);return s.useImperativeHandle(j,()=>m.current),s.useEffect(()=>{L.warnIfElementNotRegistered("ui-breadcrumb","Breadcrumb")},[]),s.useEffect(()=>{const e=m.current;if(!e||!g)return;const u=p=>{const t=p.detail;t&&g(t)};return e.addEventListener("ui-select",u),()=>e.removeEventListener("ui-select",u)},[g]),q(()=>{const e=m.current;if(!e)return;const u=(t,c)=>{const A=e.getAttribute(t);if(c==null){A!=null&&e.removeAttribute(t);return}A!==c&&e.setAttribute(t,c)},p=(t,c,A="presence")=>{if(A==="presence"){c?e.hasAttribute(t)||e.setAttribute(t,""):e.hasAttribute(t)&&e.removeAttribute(t);return}if(c==null){e.hasAttribute(t)&&e.removeAttribute(t);return}const R=c?"true":"false";e.getAttribute(t)!==R&&e.setAttribute(t,R)};u("separator",a||null),u("max-items",o!=null&&Number.isFinite(o)?String(o):null),u("current-index",d!=null&&Number.isFinite(d)?String(d):null),u("size",r&&r!=="md"&&r!=="2"?r:null),u("variant",l&&l!=="default"&&l!=="surface"?l:null),u("radius",n!=null&&n!==""&&n!=="md"?String(n):null),u("elevation",i&&i!=="default"&&i!=="none"?i:null),u("tone",y||null),u("state",b&&b!=="idle"?b:null),p("disabled",_),u("aria-label",h||null)},[a,o,d,r,l,n,i,y,b,_,h]),B.default.createElement("ui-breadcrumb",{ref:m,...S},E)});N.displayName="Breadcrumb";const w=B.default.forwardRef(function({children:E,href:a,label:o,index:d,className:r,...l},n){const i=["item",r].filter(Boolean).join(" ");return B.default.createElement("div",{...l,ref:n,className:i,"data-label":o,"data-index":d,"data-href":a},E)});w.displayName="Breadcrumb.Item";const v=Object.assign(N,{Item:w});exports.Breadcrumb=v;exports.default=v;

package/dist/Breadcrumb.d.ts

@@ -0,0 +1,3 @@
+export { Breadcrumb, default } from './components/Breadcrumb';
+export type { BreadcrumbProps, BreadcrumbItemProps } from './components/Breadcrumb';
+//# sourceMappingURL=Breadcrumb.d.ts.map

package/dist/Breadcrumb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../src/Breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAC9D,YAAY,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/Breadcrumb.esm.js

@@ -0,0 +1,80 @@
+import b, { useRef as F, useImperativeHandle as S, useEffect as E, useLayoutEffect as _ } from "react";
+import { w as H } from "./_internals-f8fb69a8.mjs";
+const I = typeof window < "u" ? _ : E, N = b.forwardRef(function({
+  children: A,
+  separator: o,
+  maxItems: s,
+  currentIndex: f,
+  size: u,
+  variant: n,
+  radius: l,
+  elevation: i,
+  tone: g,
+  state: d,
+  disabled: h,
+  ariaLabel: y,
+  onSelect: p,
+  ...j
+}, v) {
+  const m = F(null);
+  return S(v, () => m.current), E(() => {
+    H("ui-breadcrumb", "Breadcrumb");
+  }, []), E(() => {
+    const e = m.current;
+    if (!e || !p)
+      return;
+    const r = (B) => {
+      const t = B.detail;
+      t && p(t);
+    };
+    return e.addEventListener("ui-select", r), () => e.removeEventListener("ui-select", r);
+  }, [p]), I(() => {
+    const e = m.current;
+    if (!e)
+      return;
+    const r = (t, c) => {
+      const a = e.getAttribute(t);
+      if (c == null) {
+        a != null && e.removeAttribute(t);
+        return;
+      }
+      a !== c && e.setAttribute(t, c);
+    }, B = (t, c, a = "presence") => {
+      if (a === "presence") {
+        c ? e.hasAttribute(t) || e.setAttribute(t, "") : e.hasAttribute(t) && e.removeAttribute(t);
+        return;
+      }
+      if (c == null) {
+        e.hasAttribute(t) && e.removeAttribute(t);
+        return;
+      }
+      const w = c ? "true" : "false";
+      e.getAttribute(t) !== w && e.setAttribute(t, w);
+    };
+    r("separator", o || null), r("max-items", s != null && Number.isFinite(s) ? String(s) : null), r("current-index", f != null && Number.isFinite(f) ? String(f) : null), r("size", u && u !== "md" && u !== "2" ? u : null), r("variant", n && n !== "default" && n !== "surface" ? n : null), r("radius", l != null && l !== "" && l !== "md" ? String(l) : null), r("elevation", i && i !== "default" && i !== "none" ? i : null), r("tone", g || null), r("state", d && d !== "idle" ? d : null), B("disabled", h), r("aria-label", y || null);
+  }, [o, s, f, u, n, l, i, g, d, h, y]), b.createElement("ui-breadcrumb", { ref: m, ...j }, A);
+});
+N.displayName = "Breadcrumb";
+const R = b.forwardRef(function({ children: A, href: o, label: s, index: f, className: u, ...n }, l) {
+  const i = ["item", u].filter(Boolean).join(" ");
+  return /* @__PURE__ */ b.createElement(
+    "div",
+    {
+      ...n,
+      ref: l,
+      className: i,
+      "data-label": s,
+      "data-index": f,
+      "data-href": o
+    },
+    A
+  );
+});
+R.displayName = "Breadcrumb.Item";
+const q = Object.assign(N, {
+  Item: R
+});
+export {
+  q as Breadcrumb,
+  q as default
+};

package/dist/Card.cjs.js

@@ -0,0 +1,34 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const h=require("react"),v=require("./_internals-b9f3e909.js"),g=e=>e&&e.__esModule?e:{default:e},o=g(h),C="editora-ui-react-card-runtime-styles";function y(){if(typeof document>"u"||document.getElementById(C))return;const e=document.createElement("style");e.id=C,e.textContent=`
+    ui-card [data-ui-card-header] {
+      display: grid;
+      gap: var(--ui-card-header-gap, 4px);
+    }
+
+    ui-card [data-ui-card-footer] {
+      font-size: var(--ui-card-footer-size, 13px);
+      line-height: var(--ui-card-footer-line-height, 18px);
+      color: var(--ui-color-muted, #64748b);
+    }
+
+    ui-card [data-ui-card-media] {
+      display: block;
+      min-block-size: var(--ui-card-media-min-height, 148px);
+    }
+
+    ui-card [data-ui-card-title] {
+      display: block;
+      margin: 0;
+      font-size: var(--ui-card-title-size, 18px);
+      line-height: var(--ui-card-title-line-height, 24px);
+      font-weight: 700;
+      color: var(--ui-color-text, #202020);
+    }
+
+    ui-card [data-ui-card-description] {
+      display: block;
+      margin: 0;
+      font-size: var(--ui-card-description-size, 14px);
+      line-height: var(--ui-card-description-line-height, 20px);
+      color: var(--ui-color-muted, #64748b);
+    }
+  `,document.head.appendChild(e)}const _=o.default.forwardRef(function({variant:n,size:r,radius:a,tone:d,elevation:s,interactive:l,disabled:f,children:c,...p},m){o.default.useEffect(()=>{v.warnIfElementNotRegistered("ui-card","Card"),y()},[]);const t={ref:m,...p};return n&&(t.variant=n),r&&(t.size=r),a!==void 0&&(t.radius=String(a)),d&&(t.tone=d),s&&(t.elevation=s),l&&(t.interactive=!0),f&&(t.disabled=!0),o.default.createElement("ui-card",t,c)});function i(e,n,r,a){const d=o.default.forwardRef(function({as:l,children:f,style:c,...p},m){const t=l||e,u={ref:m,...p};return r&&(u.slot=r),a&&(u[a]=""),c&&(u.style=c),o.default.createElement(t,u,f)});return d.displayName=n,d}const b=i("div","CardHeader","header","data-ui-card-header"),x=i("div","CardFooter","footer","data-ui-card-footer"),E=i("div","CardInset","inset"),R=i("div","CardMedia","media","data-ui-card-media"),z=i("h3","CardTitle",void 0,"data-ui-card-title"),I=i("p","CardDescription",void 0,"data-ui-card-description"),M=Object.assign(_,{Header:b,Footer:x,Inset:E,Media:R,Title:z,Description:I});exports.Card=M;

package/dist/Card.d.ts

@@ -0,0 +1,3 @@
+export { Card } from "./components/Card";
+export type { CardProps, CardSectionProps } from "./components/Card";
+//# sourceMappingURL=Card.d.ts.map

package/dist/Card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../src/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,YAAY,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/Card.esm.js

@@ -0,0 +1,67 @@
+import o from "react";
+import { w as h } from "./_internals-f8fb69a8.mjs";
+const C = "editora-ui-react-card-runtime-styles";
+function v() {
+  if (typeof document > "u" || document.getElementById(C))
+    return;
+  const i = document.createElement("style");
+  i.id = C, i.textContent = `
+    ui-card [data-ui-card-header] {
+      display: grid;
+      gap: var(--ui-card-header-gap, 4px);
+    }
+
+    ui-card [data-ui-card-footer] {
+      font-size: var(--ui-card-footer-size, 13px);
+      line-height: var(--ui-card-footer-line-height, 18px);
+      color: var(--ui-color-muted, #64748b);
+    }
+
+    ui-card [data-ui-card-media] {
+      display: block;
+      min-block-size: var(--ui-card-media-min-height, 148px);
+    }
+
+    ui-card [data-ui-card-title] {
+      display: block;
+      margin: 0;
+      font-size: var(--ui-card-title-size, 18px);
+      line-height: var(--ui-card-title-line-height, 24px);
+      font-weight: 700;
+      color: var(--ui-color-text, #202020);
+    }
+
+    ui-card [data-ui-card-description] {
+      display: block;
+      margin: 0;
+      font-size: var(--ui-card-description-size, 14px);
+      line-height: var(--ui-card-description-line-height, 20px);
+      color: var(--ui-color-muted, #64748b);
+    }
+  `, document.head.appendChild(i);
+}
+const g = o.forwardRef(function({ variant: n, size: t, radius: a, tone: d, elevation: u, interactive: l, disabled: f, children: c, ...p }, m) {
+  o.useEffect(() => {
+    h("ui-card", "Card"), v();
+  }, []);
+  const e = { ref: m, ...p };
+  return n && (e.variant = n), t && (e.size = t), a !== void 0 && (e.radius = String(a)), d && (e.tone = d), u && (e.elevation = u), l && (e.interactive = !0), f && (e.disabled = !0), o.createElement("ui-card", e, c);
+});
+function r(i, n, t, a) {
+  const d = o.forwardRef(function({ as: l, children: f, style: c, ...p }, m) {
+    const e = l || i, s = { ref: m, ...p };
+    return t && (s.slot = t), a && (s[a] = ""), c && (s.style = c), o.createElement(e, s, f);
+  });
+  return d.displayName = n, d;
+}
+const x = r("div", "CardHeader", "header", "data-ui-card-header"), y = r("div", "CardFooter", "footer", "data-ui-card-footer"), b = r("div", "CardInset", "inset"), E = r("div", "CardMedia", "media", "data-ui-card-media"), z = r("h3", "CardTitle", void 0, "data-ui-card-title"), I = r("p", "CardDescription", void 0, "data-ui-card-description"), w = Object.assign(g, {
+  Header: x,
+  Footer: y,
+  Inset: b,
+  Media: E,
+  Title: z,
+  Description: I
+});
+export {
+  w as Card
+};

package/dist/Collapsible.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const B=require("react"),V=require("./_internals-b9f3e909.js");function $(e){if(e&&e.__esModule)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const l in e)if(l!=="default"){const u=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(t,l,u.get?u:{enumerable:!0,get:()=>e[l]})}}return t.default=e,Object.freeze(t)}const n=$(B),_=typeof window<"u"?n.useLayoutEffect:n.useEffect;function R(e,t,l){if(l==null){e.removeAttribute(t);return}l?e.setAttribute(t,""):e.removeAttribute(t)}function N(e){return e.detail}const j=n.forwardRef(function({open:t,headless:l,disabled:u,readOnly:A,state:y,size:v,variant:C,tone:E,radius:s,iconPosition:M,closeOnEscape:w,onToggle:a,onChangeOpen:p,onToggleDetail:d,onChangeDetail:b,children:q,...P},k){const m=n.useRef(null);return n.useImperativeHandle(k,()=>m.current),n.useEffect(()=>{V.warnIfElementNotRegistered("ui-collapsible","Collapsible")},[]),_(()=>{const r=m.current;if(r)if(s!=null&&s!==""&&s!=="md"){let i=String(s);typeof s=="string"&&!s.includes("px")&&!s.includes("em")&&!s.includes("rem")?i={none:"0px",sm:"6px",md:"14px",lg:"20px",full:"9999px"}[s]||String(s):typeof s=="number"&&(i=`${s}px`),r.style.setProperty("--ui-collapsible-radius",i)}else r.style.removeProperty("--ui-collapsible-radius")},[s]),_(()=>{const r=m.current;if(!r)return;R(r,"open",t),R(r,"headless",l),R(r,"disabled",u),R(r,"readonly",A);const i=(c,f)=>{const o=r.getAttribute(c);if(f==null){o!=null&&r.removeAttribute(c);return}o!==f&&r.setAttribute(c,f)};i("state",y&&y!=="idle"?y:null),i("size",v&&v!=="md"?v:null),i("variant",C&&C!=="default"?C:null),i("tone",E&&E!=="neutral"?E:null),i("icon-position",M&&M!=="right"?M:null),i("close-on-escape",typeof w=="boolean"?w?"true":"false":null)},[t,l,u,A,y,v,C,E,s,M,w]),n.useEffect(()=>{const r=m.current;if(!r||!a&&!p&&!d&&!b)return;const i=f=>{const o=N(f);o&&(a==null||a(o.open),d==null||d(o))},c=f=>{const o=N(f);o&&(p==null||p(o.open),b==null||b(o))};return r.addEventListener("toggle",i),r.addEventListener("change",c),()=>{r.removeEventListener("toggle",i),r.removeEventListener("change",c)}},[a,p,d,b]),n.createElement("ui-collapsible",{ref:m,...P},q)});j.displayName="Collapsible";const L=n.forwardRef(function({children:t,...l},u){return n.createElement("div",{...l,ref:u,slot:"header"},t)});L.displayName="Collapsible.Header";const S=n.forwardRef(function({children:t,...l},u){return n.createElement("div",{...l,ref:u,slot:"caption"},t)});S.displayName="Collapsible.Caption";const x=n.forwardRef(function({children:t,...l},u){return n.createElement("div",{...l,ref:u,slot:"meta"},t)});x.displayName="Collapsible.Meta";const H=n.forwardRef(function({children:t,...l},u){return n.createElement("div",{...l,ref:u},t)});H.displayName="Collapsible.Content";const I=Object.assign(j,{Header:L,Caption:S,Meta:x,Content:H});exports.Collapsible=I;exports.default=I;

package/dist/Collapsible.d.ts

@@ -0,0 +1,3 @@
+export { Collapsible, default } from './components/Collapsible';
+export type { CollapsibleProps, CollapsibleHeaderProps, CollapsibleCaptionProps, CollapsibleMetaProps, CollapsibleContentProps } from './components/Collapsible';
+//# sourceMappingURL=Collapsible.d.ts.map

package/dist/Collapsible.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.d.ts","sourceRoot":"","sources":["../src/Collapsible.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAChE,YAAY,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,uBAAuB,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/Collapsible.esm.js

@@ -0,0 +1,113 @@
+import * as t from "react";
+import { w as k } from "./_internals-f8fb69a8.mjs";
+const L = typeof window < "u" ? t.useLayoutEffect : t.useEffect;
+function R(n, l, s) {
+  if (s == null) {
+    n.removeAttribute(l);
+    return;
+  }
+  s ? n.setAttribute(l, "") : n.removeAttribute(l);
+}
+function M(n) {
+  return n.detail;
+}
+const N = t.forwardRef(function({
+  open: l,
+  headless: s,
+  disabled: u,
+  readOnly: x,
+  state: y,
+  size: C,
+  variant: E,
+  tone: v,
+  radius: r,
+  iconPosition: w,
+  closeOnEscape: A,
+  onToggle: p,
+  onChangeOpen: a,
+  onToggleDetail: d,
+  onChangeDetail: b,
+  children: B,
+  ...V
+}, $) {
+  const m = t.useRef(null);
+  return t.useImperativeHandle($, () => m.current), t.useEffect(() => {
+    k("ui-collapsible", "Collapsible");
+  }, []), L(() => {
+    const e = m.current;
+    if (e)
+      if (r != null && r !== "" && r !== "md") {
+        let i = String(r);
+        typeof r == "string" && !r.includes("px") && !r.includes("em") && !r.includes("rem") ? i = {
+          none: "0px",
+          sm: "6px",
+          md: "14px",
+          lg: "20px",
+          full: "9999px"
+        }[r] || String(r) : typeof r == "number" && (i = `${r}px`), e.style.setProperty("--ui-collapsible-radius", i);
+      } else
+        e.style.removeProperty("--ui-collapsible-radius");
+  }, [r]), L(() => {
+    const e = m.current;
+    if (!e)
+      return;
+    R(e, "open", l), R(e, "headless", s), R(e, "disabled", u), R(e, "readonly", x);
+    const i = (f, c) => {
+      const o = e.getAttribute(f);
+      if (c == null) {
+        o != null && e.removeAttribute(f);
+        return;
+      }
+      o !== c && e.setAttribute(f, c);
+    };
+    i("state", y && y !== "idle" ? y : null), i("size", C && C !== "md" ? C : null), i("variant", E && E !== "default" ? E : null), i("tone", v && v !== "neutral" ? v : null), i("icon-position", w && w !== "right" ? w : null), i(
+      "close-on-escape",
+      typeof A == "boolean" ? A ? "true" : "false" : null
+    );
+  }, [l, s, u, x, y, C, E, v, r, w, A]), t.useEffect(() => {
+    const e = m.current;
+    if (!e || !p && !a && !d && !b)
+      return;
+    const i = (c) => {
+      const o = M(c);
+      o && (p == null || p(o.open), d == null || d(o));
+    }, f = (c) => {
+      const o = M(c);
+      o && (a == null || a(o.open), b == null || b(o));
+    };
+    return e.addEventListener("toggle", i), e.addEventListener("change", f), () => {
+      e.removeEventListener("toggle", i), e.removeEventListener("change", f);
+    };
+  }, [p, a, d, b]), /* @__PURE__ */ t.createElement("ui-collapsible", { ref: m, ...V }, B);
+});
+N.displayName = "Collapsible";
+const H = t.forwardRef(function({ children: l, ...s }, u) {
+  return /* @__PURE__ */ t.createElement("div", { ...s, ref: u, slot: "header" }, l);
+});
+H.displayName = "Collapsible.Header";
+const I = t.forwardRef(
+  function({ children: l, ...s }, u) {
+    return /* @__PURE__ */ t.createElement("div", { ...s, ref: u, slot: "caption" }, l);
+  }
+);
+I.displayName = "Collapsible.Caption";
+const S = t.forwardRef(function({ children: l, ...s }, u) {
+  return /* @__PURE__ */ t.createElement("div", { ...s, ref: u, slot: "meta" }, l);
+});
+S.displayName = "Collapsible.Meta";
+const j = t.forwardRef(
+  function({ children: l, ...s }, u) {
+    return /* @__PURE__ */ t.createElement("div", { ...s, ref: u }, l);
+  }
+);
+j.displayName = "Collapsible.Content";
+const F = Object.assign(N, {
+  Header: H,
+  Caption: I,
+  Meta: S,
+  Content: j
+});
+export {
+  F as Collapsible,
+  F as default
+};

package/dist/Combobox.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("react"),C=o=>o&&o.__esModule?o:{default:o},v=C(m),D=typeof window<"u"?m.useLayoutEffect:m.useEffect,Z=v.default.forwardRef(function({value:c,open:d,state:f,stateText:j,onChange:E,onInput:y,onDebouncedInput:L,onSelect:A,onOpenDetail:g,onCloseDetail:H,onOpen:p,onClose:x,onClear:_,clearable:S,debounce:R,validation:q,size:a,maxlength:M,readOnly:h,autofocus:B,disabled:P,name:k,required:F,placeholder:G,variant:J,radius:N,label:K,description:Q,emptyText:U,noFilter:V,allowCustom:W,children:z,...O},I){const w=m.useRef(null);return v.default.useImperativeHandle(I,()=>w.current),m.useEffect(()=>{const e=w.current;if(!e)return;const i=n=>{var l;const t=(l=n.detail)==null?void 0:l.query;typeof t=="string"&&(y==null||y(t))},r=n=>{var l;const t=(l=n.detail)==null?void 0:l.value;typeof t=="string"&&(E==null||E(t))},u=n=>{var l;const t=(l=n.detail)==null?void 0:l.query;typeof t=="string"&&(L==null||L(t))},s=n=>{const t=n.detail;typeof(t==null?void 0:t.value)=="string"&&(A==null||A(t.value,t.label||t.value))},b=n=>{const t=n.detail;p==null||p(),t&&(g==null||g(t))},X=n=>{const t=n.detail;x==null||x(),t&&(H==null||H(t))},Y=()=>_==null?void 0:_();return e.addEventListener("input",i),e.addEventListener("change",r),e.addEventListener("debounced-input",u),e.addEventListener("select",s),e.addEventListener("open",b),e.addEventListener("close",X),e.addEventListener("clear",Y),()=>{e.removeEventListener("input",i),e.removeEventListener("change",r),e.removeEventListener("debounced-input",u),e.removeEventListener("select",s),e.removeEventListener("open",b),e.removeEventListener("close",X),e.removeEventListener("clear",Y)}},[E,y,L,A,p,x,g,H,_]),D(()=>{const e=w.current;if(!e)return;const i=(u,s)=>{s?e.hasAttribute(u)||e.setAttribute(u,""):e.hasAttribute(u)&&e.removeAttribute(u)},r=(u,s)=>{const b=e.getAttribute(u);if(s==null){b!=null&&e.removeAttribute(u);return}b!==s&&e.setAttribute(u,s)};i("clearable",S),r("debounce",typeof R=="number"&&Number.isFinite(R)?String(R):null),r("validation",q&&q!=="none"?q:null),r("state",f&&f!=="idle"?f:null),r("state-text",j||null),r("size",a&&a!=="md"&&a!=="2"?String(a):null),r("maxlength",typeof M=="number"?String(M):null),i("readonly",h),i("autofocus",B),i("disabled",P),r("name",k||null),i("required",F),r("placeholder",G||null),r("variant",J||null),r("radius",N?String(N):null),r("label",K||null),r("description",Q||null),r("empty-text",U||null),i("no-filter",V),i("allow-custom",W),i("open",typeof d=="boolean"?d:void 0),c!=null?e.setAttribute("value",c):e.removeAttribute("value")},[c,d,f,j,S,R,q,a,M,h,B,P,k,F,G,J,N,K,Q,U,V,W]),v.default.createElement("ui-combobox",{ref:w,...O},z)});Z.displayName="Combobox";const $=v.default.forwardRef(function({description:c,...d},f){return v.default.createElement("option",{...d,ref:f,"data-description":c})});$.displayName="Combobox.Option";const T=Object.assign(Z,{Option:$});exports.Combobox=T;exports.default=T;

package/dist/Combobox.d.ts

@@ -0,0 +1,3 @@
+export { Combobox, default } from './components/Combobox';
+export type { ComboboxProps, ComboboxOptionProps } from './components/Combobox';
+//# sourceMappingURL=Combobox.d.ts.map

package/dist/Combobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../src/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAC1D,YAAY,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/Combobox.esm.js

@@ -0,0 +1,118 @@
+import v, { useRef as I, useEffect as X, useLayoutEffect as C } from "react";
+const D = typeof window < "u" ? C : X, Y = v.forwardRef(function({
+  value: c,
+  open: f,
+  state: o,
+  stateText: _,
+  onChange: b,
+  onInput: a,
+  onDebouncedInput: E,
+  onSelect: y,
+  onOpenDetail: L,
+  onCloseDetail: A,
+  onOpen: H,
+  onClose: g,
+  onClear: p,
+  clearable: h,
+  debounce: x,
+  validation: R,
+  size: d,
+  maxlength: w,
+  readOnly: j,
+  autofocus: B,
+  disabled: k,
+  name: F,
+  required: G,
+  placeholder: J,
+  variant: K,
+  radius: N,
+  label: M,
+  description: P,
+  emptyText: Q,
+  noFilter: S,
+  allowCustom: U,
+  children: T,
+  ...z
+}, O) {
+  const q = I(null);
+  return v.useImperativeHandle(O, () => q.current), X(() => {
+    const e = q.current;
+    if (!e)
+      return;
+    const i = (s) => {
+      var l;
+      const t = (l = s.detail) == null ? void 0 : l.query;
+      typeof t == "string" && (a == null || a(t));
+    }, r = (s) => {
+      var l;
+      const t = (l = s.detail) == null ? void 0 : l.value;
+      typeof t == "string" && (b == null || b(t));
+    }, n = (s) => {
+      var l;
+      const t = (l = s.detail) == null ? void 0 : l.query;
+      typeof t == "string" && (E == null || E(t));
+    }, u = (s) => {
+      const t = s.detail;
+      typeof (t == null ? void 0 : t.value) == "string" && (y == null || y(t.value, t.label || t.value));
+    }, m = (s) => {
+      const t = s.detail;
+      H == null || H(), t && (L == null || L(t));
+    }, V = (s) => {
+      const t = s.detail;
+      g == null || g(), t && (A == null || A(t));
+    }, W = () => p == null ? void 0 : p();
+    return e.addEventListener("input", i), e.addEventListener("change", r), e.addEventListener("debounced-input", n), e.addEventListener("select", u), e.addEventListener("open", m), e.addEventListener("close", V), e.addEventListener("clear", W), () => {
+      e.removeEventListener("input", i), e.removeEventListener("change", r), e.removeEventListener("debounced-input", n), e.removeEventListener("select", u), e.removeEventListener("open", m), e.removeEventListener("close", V), e.removeEventListener("clear", W);
+    };
+  }, [b, a, E, y, H, g, L, A, p]), D(() => {
+    const e = q.current;
+    if (!e)
+      return;
+    const i = (n, u) => {
+      u ? e.hasAttribute(n) || e.setAttribute(n, "") : e.hasAttribute(n) && e.removeAttribute(n);
+    }, r = (n, u) => {
+      const m = e.getAttribute(n);
+      if (u == null) {
+        m != null && e.removeAttribute(n);
+        return;
+      }
+      m !== u && e.setAttribute(n, u);
+    };
+    i("clearable", h), r("debounce", typeof x == "number" && Number.isFinite(x) ? String(x) : null), r("validation", R && R !== "none" ? R : null), r("state", o && o !== "idle" ? o : null), r("state-text", _ || null), r("size", d && d !== "md" && d !== "2" ? String(d) : null), r("maxlength", typeof w == "number" ? String(w) : null), i("readonly", j), i("autofocus", B), i("disabled", k), r("name", F || null), i("required", G), r("placeholder", J || null), r("variant", K || null), r("radius", N ? String(N) : null), r("label", M || null), r("description", P || null), r("empty-text", Q || null), i("no-filter", S), i("allow-custom", U), i("open", typeof f == "boolean" ? f : void 0), c != null ? e.setAttribute("value", c) : e.removeAttribute("value");
+  }, [
+    c,
+    f,
+    o,
+    _,
+    h,
+    x,
+    R,
+    d,
+    w,
+    j,
+    B,
+    k,
+    F,
+    G,
+    J,
+    K,
+    N,
+    M,
+    P,
+    Q,
+    S,
+    U
+  ]), v.createElement("ui-combobox", { ref: q, ...z }, T);
+});
+Y.displayName = "Combobox";
+const Z = v.forwardRef(function({ description: c, ...f }, o) {
+  return /* @__PURE__ */ v.createElement("option", { ...f, ref: o, "data-description": c });
+});
+Z.displayName = "Combobox.Option";
+const te = Object.assign(Y, {
+  Option: Z
+});
+export {
+  te as Combobox,
+  te as default
+};