@editora/ui-react 0.1.8 → 0.1.10

package/dist/DateTimePicker.esm.js

@@ -0,0 +1,101 @@
+import U, { useRef as $, useImperativeHandle as x, useEffect as W, useLayoutEffect as z } from "react";
+import { s as F } from "./_internals-f8fb69a8.mjs";
+const g = typeof window < "u" ? z : W, h = U.forwardRef(function({
+  value: T,
+  defaultValue: k,
+  open: E,
+  defaultOpen: D,
+  min: P,
+  max: R,
+  locale: _,
+  translations: w,
+  weekStart: L,
+  size: u,
+  bare: B,
+  variant: s,
+  step: p,
+  format: c,
+  disabled: H,
+  readOnly: N,
+  required: j,
+  name: q,
+  closeOnSelect: G,
+  clearable: J,
+  allowInput: K,
+  mode: f,
+  showFooter: y,
+  label: M,
+  hint: Q,
+  error: S,
+  onInput: d,
+  onChange: o,
+  onValueChange: v,
+  onOpen: b,
+  onClose: A,
+  onInvalid: a,
+  children: X,
+  ...Y
+}, Z) {
+  const m = $(null);
+  return x(Z, () => m.current), W(() => {
+    const t = m.current;
+    if (!t)
+      return;
+    const e = (i) => {
+      const r = i.detail;
+      r && (d == null || d(r));
+    }, l = (i) => {
+      const r = i.detail;
+      r && (o == null || o(r), v == null || v(r.value));
+    }, n = (i) => {
+      const r = i.detail;
+      r && (a == null || a(r));
+    };
+    return t.addEventListener("input", e), t.addEventListener("change", l), t.addEventListener("open", b), t.addEventListener("close", A), t.addEventListener("invalid", n), () => {
+      t.removeEventListener("input", e), t.removeEventListener("change", l), t.removeEventListener("open", b), t.removeEventListener("close", A), t.removeEventListener("invalid", n);
+    };
+  }, [d, o, v, b, A, a]), g(() => {
+    const t = m.current;
+    if (!t)
+      return;
+    const e = (n, i) => {
+      const r = t.getAttribute(n);
+      i == null ? r != null && t.removeAttribute(n) : r !== i && t.setAttribute(n, i);
+    }, l = (n, i) => {
+      i ? e(n, "") : e(n, null);
+    };
+    e("value", T ?? null), e("default-value", k ?? null), typeof E == "boolean" ? l("open", E) : e("open", null), l("default-open", D), e("min", P ?? null), e("max", R ?? null), e("locale", _ ?? null), e("translations", F(w)), e("week-start", typeof L == "number" ? String(L) : null), e("size", u && u !== "md" ? u : null), l("bare", B), e("variant", s && s !== "default" ? s : null), e("step", typeof p == "number" ? String(p) : null), e("format", c && c !== "24h" ? c : null), l("disabled", H), l("readonly", N), l("required", j), e("name", q ?? null), l("close-on-select", G), l("clearable", J), l("allow-input", K), e("mode", f && f !== "popover" ? f : null), e("show-footer", typeof y == "boolean" ? String(y) : null), e("label", M ?? null), e("hint", Q ?? null), e("error", S ?? null);
+  }, [
+    T,
+    k,
+    E,
+    D,
+    P,
+    R,
+    _,
+    w,
+    L,
+    u,
+    B,
+    s,
+    p,
+    c,
+    H,
+    N,
+    j,
+    q,
+    G,
+    J,
+    K,
+    f,
+    y,
+    M,
+    Q,
+    S
+  ]), U.createElement("ui-date-time-picker", { ref: m, ...Y }, X);
+});
+h.displayName = "DateTimePicker";
+export {
+  h as DateTimePicker,
+  h as default
+};

package/dist/Dialog.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const I=require("react"),Q=s=>s&&s.__esModule?s:{default:s},o=Q(I),U=typeof window<"u"?o.default.useLayoutEffect:o.default.useEffect,q=o.default.forwardRef(function(B,G){const{open:p,title:g,description:E,closable:z,dismissible:L,closeOnOverlay:l,closeOnEsc:y,lockWhileLoading:x,roleType:H,size:r,state:n,initialFocus:h,submitText:S,cancelText:_,loadingText:k,dialogId:w,config:T,headless:M,onOpen:u,onClose:a,onRequestClose:d,onDialogOpen:c,onDialogSubmit:b,onDialogCancel:f,onDialogDismiss:v,onDialogClose:m,children:J,...K}=B,A=I.useRef(null);return o.default.useImperativeHandle(G,()=>A.current),I.useEffect(()=>{const e=A.current;if(!e)return;const i=()=>u==null?void 0:u(),O=()=>a==null?void 0:a(),R=t=>{const W=t.detail;W&&(d==null||d(W))},j=t=>c==null?void 0:c(t.detail),D=t=>b==null?void 0:b(t.detail),F=t=>f==null?void 0:f(t.detail),N=t=>v==null?void 0:v(t.detail),P=t=>m==null?void 0:m(t.detail);return e.addEventListener("open",i),e.addEventListener("close",O),e.addEventListener("request-close",R),e.addEventListener("ui-open",j),e.addEventListener("ui-submit",D),e.addEventListener("ui-cancel",F),e.addEventListener("ui-dismiss",N),e.addEventListener("ui-close",P),()=>{e.removeEventListener("open",i),e.removeEventListener("close",O),e.removeEventListener("request-close",R),e.removeEventListener("ui-open",j),e.removeEventListener("ui-submit",D),e.removeEventListener("ui-cancel",F),e.removeEventListener("ui-dismiss",N),e.removeEventListener("ui-close",P)}},[u,a,d,c,b,f,v,m]),U(()=>{const e=A.current;if(!e)return;typeof p=="boolean"&&(p?e.setAttribute("open",""):e.removeAttribute("open")),g?e.setAttribute("title",g):e.removeAttribute("title"),E?e.setAttribute("description",E):e.removeAttribute("description");const i=typeof L=="boolean"?L:z;typeof i=="boolean"?(e.setAttribute("dismissible",String(i)),e.setAttribute("closable",String(i))):(e.removeAttribute("dismissible"),e.removeAttribute("closable")),typeof l=="boolean"?(e.setAttribute("close-on-overlay",String(l)),e.setAttribute("close-on-backdrop",String(l))):(e.removeAttribute("close-on-overlay"),e.removeAttribute("close-on-backdrop")),typeof y=="boolean"?e.setAttribute("close-on-esc",String(y)):e.removeAttribute("close-on-esc"),typeof x=="boolean"?e.setAttribute("lock-while-loading",String(x)):e.removeAttribute("lock-while-loading"),H?e.setAttribute("role",H):e.removeAttribute("role"),r&&r!=="md"&&r!=="2"?e.setAttribute("size",r):e.removeAttribute("size"),n&&n!=="idle"?e.setAttribute("state",n):e.removeAttribute("state"),h?e.setAttribute("initial-focus",h):e.removeAttribute("initial-focus"),S?e.setAttribute("submit-text",S):e.removeAttribute("submit-text"),_?e.setAttribute("cancel-text",_):e.removeAttribute("cancel-text"),k?e.setAttribute("loading-text",k):e.removeAttribute("loading-text"),w&&(e.dialogId=w),T&&(e.config=T),M?e.setAttribute("headless",""):e.removeAttribute("headless")},[p,g,E,z,L,l,y,x,H,r,n,h,S,_,k,w,T,M]),o.default.createElement("ui-dialog",{ref:A,...K},J)});q.displayName="Dialog";exports.Dialog=q;exports.default=q;

package/dist/Dialog.esm.js

@@ -0,0 +1,76 @@
+import r, { useRef as M, useEffect as P } from "react";
+const Q = typeof window < "u" ? r.useLayoutEffect : r.useEffect, U = r.forwardRef(function(B, G) {
+  const {
+    open: A,
+    title: p,
+    description: E,
+    closable: T,
+    dismissible: g,
+    closeOnOverlay: o,
+    closeOnEsc: L,
+    lockWhileLoading: y,
+    roleType: x,
+    size: s,
+    state: n,
+    initialFocus: H,
+    submitText: h,
+    cancelText: S,
+    loadingText: k,
+    dialogId: w,
+    config: I,
+    headless: z,
+    onOpen: l,
+    onClose: a,
+    onRequestClose: u,
+    onDialogOpen: c,
+    onDialogSubmit: d,
+    onDialogCancel: b,
+    onDialogDismiss: f,
+    onDialogClose: v,
+    children: J,
+    ...K
+  } = B, m = M(null);
+  return r.useImperativeHandle(G, () => m.current), P(() => {
+    const e = m.current;
+    if (!e)
+      return;
+    const i = () => l == null ? void 0 : l(), q = () => a == null ? void 0 : a(), O = (t) => {
+      const j = t.detail;
+      j && (u == null || u(j));
+    }, R = (t) => c == null ? void 0 : c(t.detail), _ = (t) => d == null ? void 0 : d(t.detail), F = (t) => b == null ? void 0 : b(t.detail), N = (t) => f == null ? void 0 : f(t.detail), W = (t) => v == null ? void 0 : v(t.detail);
+    return e.addEventListener("open", i), e.addEventListener("close", q), e.addEventListener("request-close", O), e.addEventListener("ui-open", R), e.addEventListener("ui-submit", _), e.addEventListener("ui-cancel", F), e.addEventListener("ui-dismiss", N), e.addEventListener("ui-close", W), () => {
+      e.removeEventListener("open", i), e.removeEventListener("close", q), e.removeEventListener("request-close", O), e.removeEventListener("ui-open", R), e.removeEventListener("ui-submit", _), e.removeEventListener("ui-cancel", F), e.removeEventListener("ui-dismiss", N), e.removeEventListener("ui-close", W);
+    };
+  }, [l, a, u, c, d, b, f, v]), Q(() => {
+    const e = m.current;
+    if (!e)
+      return;
+    typeof A == "boolean" && (A ? e.setAttribute("open", "") : e.removeAttribute("open")), p ? e.setAttribute("title", p) : e.removeAttribute("title"), E ? e.setAttribute("description", E) : e.removeAttribute("description");
+    const i = typeof g == "boolean" ? g : T;
+    typeof i == "boolean" ? (e.setAttribute("dismissible", String(i)), e.setAttribute("closable", String(i))) : (e.removeAttribute("dismissible"), e.removeAttribute("closable")), typeof o == "boolean" ? (e.setAttribute("close-on-overlay", String(o)), e.setAttribute("close-on-backdrop", String(o))) : (e.removeAttribute("close-on-overlay"), e.removeAttribute("close-on-backdrop")), typeof L == "boolean" ? e.setAttribute("close-on-esc", String(L)) : e.removeAttribute("close-on-esc"), typeof y == "boolean" ? e.setAttribute("lock-while-loading", String(y)) : e.removeAttribute("lock-while-loading"), x ? e.setAttribute("role", x) : e.removeAttribute("role"), s && s !== "md" && s !== "2" ? e.setAttribute("size", s) : e.removeAttribute("size"), n && n !== "idle" ? e.setAttribute("state", n) : e.removeAttribute("state"), H ? e.setAttribute("initial-focus", H) : e.removeAttribute("initial-focus"), h ? e.setAttribute("submit-text", h) : e.removeAttribute("submit-text"), S ? e.setAttribute("cancel-text", S) : e.removeAttribute("cancel-text"), k ? e.setAttribute("loading-text", k) : e.removeAttribute("loading-text"), w && (e.dialogId = w), I && (e.config = I), z ? e.setAttribute("headless", "") : e.removeAttribute("headless");
+  }, [
+    A,
+    p,
+    E,
+    T,
+    g,
+    o,
+    L,
+    y,
+    x,
+    s,
+    n,
+    H,
+    h,
+    S,
+    k,
+    w,
+    I,
+    z
+  ]), r.createElement("ui-dialog", { ref: m, ...K }, J);
+});
+U.displayName = "Dialog";
+export {
+  U as Dialog,
+  U as default
+};

package/dist/DialogProvider.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),b=require("@editora/ui-core"),C=t=>t&&t.__esModule?t:{default:t},p=C(o),d=o.createContext(null),i="data-ui-dialog-react-host-refcount";function f({children:t,hostId:u="ui-dialog-react-host"}){const r=o.useRef(null);r.current||(r.current=b.createDialogManager()),o.useEffect(()=>{var a;if(typeof document>"u")return;let e=document.getElementById(u);const n=!e;e||(e=document.createElement("div"),e.id=u,e.setAttribute("data-ui-dialog-react-host","true"),document.body.appendChild(e));const g=Number(e.getAttribute(i)||"0");return e.setAttribute(i,String(Math.max(0,g)+1)),(a=r.current)==null||a.setContainer(e),()=>{var c,l;if((c=r.current)==null||c.destroy("unmount"),r.current=null,!e||!e.isConnected)return;const v=Number(e.getAttribute(i)||"1"),s=Math.max(0,v-1);s===0?(e.removeAttribute(i),n&&((l=e.parentElement)==null||l.removeChild(e))):e.setAttribute(i,String(s))}},[u]);const m=o.useMemo(()=>({open:(e={})=>{var n;return((n=r.current)==null?void 0:n.open(e))??Promise.resolve({id:"",action:"dismiss"})},confirm:(e={})=>{var n;return((n=r.current)==null?void 0:n.confirm(e))??Promise.resolve({id:"",action:"dismiss"})}}),[]);return p.default.createElement(d.Provider,{value:m},t)}function D(){const t=o.useContext(d);if(!t)throw new Error("useDialog must be used within <DialogProvider>.");return t}exports.DialogProvider=f;exports.default=f;exports.useDialog=D;

package/dist/DialogProvider.esm.js

@@ -0,0 +1,47 @@
+import g, { createContext as p, useRef as b, useEffect as v, useMemo as C, useContext as h } from "react";
+import { createDialogManager as x } from "@editora/ui-core";
+const d = p(null), n = "data-ui-dialog-react-host-refcount";
+function D({ children: o, hostId: i = "ui-dialog-react-host" }) {
+  const t = b(null);
+  t.current || (t.current = x()), v(() => {
+    var u;
+    if (typeof document > "u")
+      return;
+    let e = document.getElementById(i);
+    const r = !e;
+    e || (e = document.createElement("div"), e.id = i, e.setAttribute("data-ui-dialog-react-host", "true"), document.body.appendChild(e));
+    const m = Number(e.getAttribute(n) || "0");
+    return e.setAttribute(n, String(Math.max(0, m) + 1)), (u = t.current) == null || u.setContainer(e), () => {
+      var c, s;
+      if ((c = t.current) == null || c.destroy("unmount"), t.current = null, !e || !e.isConnected)
+        return;
+      const f = Number(e.getAttribute(n) || "1"), a = Math.max(0, f - 1);
+      a === 0 ? (e.removeAttribute(n), r && ((s = e.parentElement) == null || s.removeChild(e))) : e.setAttribute(n, String(a));
+    };
+  }, [i]);
+  const l = C(
+    () => ({
+      open: (e = {}) => {
+        var r;
+        return ((r = t.current) == null ? void 0 : r.open(e)) ?? Promise.resolve({ id: "", action: "dismiss" });
+      },
+      confirm: (e = {}) => {
+        var r;
+        return ((r = t.current) == null ? void 0 : r.confirm(e)) ?? Promise.resolve({ id: "", action: "dismiss" });
+      }
+    }),
+    []
+  );
+  return /* @__PURE__ */ g.createElement(d.Provider, { value: l }, o);
+}
+function R() {
+  const o = h(d);
+  if (!o)
+    throw new Error("useDialog must be used within <DialogProvider>.");
+  return o;
+}
+export {
+  D as DialogProvider,
+  D as default,
+  R as useDialog
+};

package/dist/DirectionProvider.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react");function a(e){if(e&&e.__esModule)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const i=a(c),n=i.forwardRef((e,t)=>i.createElement("ui-direction-provider",{ref:t,...e}));n.displayName="DirectionProvider";exports.DirectionProvider=n;

package/dist/DirectionProvider.esm.js

@@ -0,0 +1,6 @@
+import * as r from "react";
+const o = r.forwardRef((e, i) => /* @__PURE__ */ r.createElement("ui-direction-provider", { ref: i, ...e }));
+o.displayName = "DirectionProvider";
+export {
+  o as DirectionProvider
+};

package/dist/DismissableLayer.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),g=i=>i&&i.__esModule?i:{default:i},h=g(s),k=typeof window<"u"?s.useLayoutEffect:s.useEffect,n=h.default.forwardRef(function({children:E,open:c,modal:b,closeOnEscape:f,closeOnPointerOutside:o,closeOnFocusOutside:v,disableOutsidePointerEvents:m,headless:A,onBeforeClose:r,onClose:u,onInteractOutside:l,onEscapeKeyDown:a,...R},M){const d=s.useRef(null);return s.useImperativeHandle(M,()=>d.current),s.useEffect(()=>{const e=d.current;if(!e)return;const L=t=>r==null?void 0:r(t.detail),p=t=>u==null?void 0:u(t.detail),y=t=>l==null?void 0:l(t.detail||{}),_=t=>a==null?void 0:a(t.detail||{});return e.addEventListener("before-close",L),e.addEventListener("close",p),e.addEventListener("interact-outside",y),e.addEventListener("escape-key-down",_),()=>{e.removeEventListener("before-close",L),e.removeEventListener("close",p),e.removeEventListener("interact-outside",y),e.removeEventListener("escape-key-down",_)}},[r,u,a,l]),k(()=>{const e=d.current;e&&(c?e.setAttribute("open",""):e.removeAttribute("open"),b?e.setAttribute("modal",""):e.removeAttribute("modal"),f===!1?e.setAttribute("close-on-escape","false"):f?e.setAttribute("close-on-escape",""):e.removeAttribute("close-on-escape"),o===!1?e.setAttribute("close-on-pointer-outside","false"):o?e.setAttribute("close-on-pointer-outside",""):e.removeAttribute("close-on-pointer-outside"),v?e.setAttribute("close-on-focus-outside",""):e.removeAttribute("close-on-focus-outside"),m?e.setAttribute("disable-outside-pointer-events",""):e.removeAttribute("disable-outside-pointer-events"),A?e.setAttribute("headless",""):e.removeAttribute("headless"))},[f,v,o,m,A,b,c]),h.default.createElement("ui-dismissable-layer",{ref:d,...R},E)});n.displayName="DismissableLayer";exports.DismissableLayer=n;exports.default=n;

package/dist/DismissableLayer.esm.js

@@ -0,0 +1,35 @@
+import p, { useRef as k, useImperativeHandle as _, useEffect as h, useLayoutEffect as w } from "react";
+const x = typeof window < "u" ? w : h, H = p.forwardRef(function({
+  children: y,
+  open: f,
+  modal: o,
+  closeOnEscape: a,
+  closeOnPointerOutside: d,
+  closeOnFocusOutside: n,
+  disableOutsidePointerEvents: c,
+  headless: b,
+  onBeforeClose: s,
+  onClose: i,
+  onInteractOutside: r,
+  onEscapeKeyDown: u,
+  ...E
+}, R) {
+  const l = k(null);
+  return _(R, () => l.current), h(() => {
+    const e = l.current;
+    if (!e)
+      return;
+    const m = (t) => s == null ? void 0 : s(t.detail), v = (t) => i == null ? void 0 : i(t.detail), A = (t) => r == null ? void 0 : r(t.detail || {}), L = (t) => u == null ? void 0 : u(t.detail || {});
+    return e.addEventListener("before-close", m), e.addEventListener("close", v), e.addEventListener("interact-outside", A), e.addEventListener("escape-key-down", L), () => {
+      e.removeEventListener("before-close", m), e.removeEventListener("close", v), e.removeEventListener("interact-outside", A), e.removeEventListener("escape-key-down", L);
+    };
+  }, [s, i, u, r]), x(() => {
+    const e = l.current;
+    e && (f ? e.setAttribute("open", "") : e.removeAttribute("open"), o ? e.setAttribute("modal", "") : e.removeAttribute("modal"), a === !1 ? e.setAttribute("close-on-escape", "false") : a ? e.setAttribute("close-on-escape", "") : e.removeAttribute("close-on-escape"), d === !1 ? e.setAttribute("close-on-pointer-outside", "false") : d ? e.setAttribute("close-on-pointer-outside", "") : e.removeAttribute("close-on-pointer-outside"), n ? e.setAttribute("close-on-focus-outside", "") : e.removeAttribute("close-on-focus-outside"), c ? e.setAttribute("disable-outside-pointer-events", "") : e.removeAttribute("disable-outside-pointer-events"), b ? e.setAttribute("headless", "") : e.removeAttribute("headless"));
+  }, [a, n, d, c, b, o, f]), p.createElement("ui-dismissable-layer", { ref: l, ...E }, y);
+});
+H.displayName = "DismissableLayer";
+export {
+  H as DismissableLayer,
+  H as default
+};

package/dist/Dock.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const q=require("react"),O=require("./_internals-b9f3e909.js"),T=l=>l&&l.__esModule?l:{default:l},n=T(q),x=typeof window<"u"?n.default.useLayoutEffect:n.default.useEffect;function L(l){if(l==null||l==="")return null;if(typeof l=="number")return`${l}px`;const r=l.split(/\s+/).filter(Boolean);return r.length?r.map(u=>/^-?\d+(\.\d+)?$/.test(u)?`${u}px`:u).join(" "):null}const N=n.default.forwardRef(function({orientation:r,magnification:u,distance:s,idleScale:d,lift:o,smoothing:a,animation:p,gap:I,padding:f,itemSize:E,labelMode:k,labelPlacement:g,variant:m,tone:b,size:i,radius:y,elevation:c,children:_,...D},t){const w=n.default.useRef(null);return n.default.useImperativeHandle(t,()=>w.current),n.default.useEffect(()=>{O.warnIfElementNotRegistered("ui-dock","Dock")},[]),x(()=>{const R=w.current;if(!R)return;const e=(S,A)=>{const j=R.getAttribute(S);if(A==null){j!=null&&R.removeAttribute(S);return}j!==A&&R.setAttribute(S,A)};e("orientation",r&&r!=="horizontal"?r:null),e("magnification",u==null||u===""?null:String(u)),e("distance",s==null||s===""?null:String(s)),e("idle-scale",d==null||d===""?null:String(d)),e("lift",o==null||o===""?null:String(o)),e("smoothing",a==null||a===""?null:String(a)),e("animation",p&&p!=="smooth"?p:null),e("gap",L(I)),e("padding",L(f)),e("item-size",L(E)),e("label-mode",k&&k!=="hover"?k:null),e("label-placement",g&&g!=="auto"?g:null),e("variant",m&&m!=="surface"?m:null),e("tone",b&&b!=="brand"?b:null),e("size",i&&i!=="md"&&i!=="2"?i:null),e("radius",y==null||y===""?null:String(y)),e("elevation",c&&c!=="low"?c:null)},[r,u,s,d,o,a,p,I,f,E,k,g,m,b,i,y,c]),n.default.createElement("ui-dock",{ref:w,...D},_)});N.displayName="Dock";const $=n.default.forwardRef(function({as:r,href:u,target:s,rel:d,value:o,active:a,disabled:p,icon:I,label:f,badge:E,iconProps:k,labelProps:g,badgeProps:m,children:b,...i},y){const c=r||(u?"a":"button"),_=I??b,D=typeof f=="string"||typeof f=="number"?String(f):void 0,t={ref:y,"data-ui-dock-item":"",...i};return o!=null&&o!==""&&(t["data-value"]=String(o)),a&&(t["data-active"]="",u&&(t["aria-current"]="page")),D&&t["aria-label"]==null&&(t["aria-label"]=D),D&&t.title==null&&(t.title=D),u&&(t.href=u,s&&(t.target=s),d&&(t.rel=d)),p?c==="button"?t.disabled=!0:(t["aria-disabled"]=!0,t.tabIndex=-1):c==="button"&&t.type==null&&(t.type="button"),n.default.createElement(c,t,_!=null?n.default.createElement("span",{"data-ui-dock-icon":"",...k},_):null,f!=null?n.default.createElement("span",{"data-ui-dock-label":"",...g},f):null,E!=null?n.default.createElement("span",{"data-ui-dock-badge":"",...m},E):null)});$.displayName="Dock.Item";const h=Object.assign(N,{Item:$});exports.Dock=h;exports.default=h;

package/dist/Dock.esm.js

@@ -0,0 +1,115 @@
+import u from "react";
+import { w as x } from "./_internals-f8fb69a8.mjs";
+const _ = typeof window < "u" ? u.useLayoutEffect : u.useEffect;
+function N(f) {
+  if (f == null || f === "")
+    return null;
+  if (typeof f == "number")
+    return `${f}px`;
+  const e = f.split(/\s+/).filter(Boolean);
+  return e.length ? e.map((l) => /^-?\d+(\.\d+)?$/.test(l) ? `${l}px` : l).join(" ") : null;
+}
+const h = u.forwardRef(function({
+  orientation: e,
+  magnification: l,
+  distance: s,
+  idleScale: i,
+  lift: r,
+  smoothing: a,
+  animation: p,
+  gap: I,
+  padding: o,
+  itemSize: D,
+  labelMode: m,
+  labelPlacement: k,
+  variant: g,
+  tone: y,
+  size: d,
+  radius: b,
+  elevation: c,
+  children: w,
+  ...E
+}, t) {
+  const A = u.useRef(null);
+  return u.useImperativeHandle(t, () => A.current), u.useEffect(() => {
+    x("ui-dock", "Dock");
+  }, []), _(() => {
+    const R = A.current;
+    if (!R)
+      return;
+    const n = (L, S) => {
+      const $ = R.getAttribute(L);
+      if (S == null) {
+        $ != null && R.removeAttribute(L);
+        return;
+      }
+      $ !== S && R.setAttribute(L, S);
+    };
+    n("orientation", e && e !== "horizontal" ? e : null), n("magnification", l == null || l === "" ? null : String(l)), n("distance", s == null || s === "" ? null : String(s)), n("idle-scale", i == null || i === "" ? null : String(i)), n("lift", r == null || r === "" ? null : String(r)), n("smoothing", a == null || a === "" ? null : String(a)), n("animation", p && p !== "smooth" ? p : null), n("gap", N(I)), n("padding", N(o)), n("item-size", N(D)), n("label-mode", m && m !== "hover" ? m : null), n("label-placement", k && k !== "auto" ? k : null), n("variant", g && g !== "surface" ? g : null), n("tone", y && y !== "brand" ? y : null), n("size", d && d !== "md" && d !== "2" ? d : null), n("radius", b == null || b === "" ? null : String(b)), n("elevation", c && c !== "low" ? c : null);
+  }, [
+    e,
+    l,
+    s,
+    i,
+    r,
+    a,
+    p,
+    I,
+    o,
+    D,
+    m,
+    k,
+    g,
+    y,
+    d,
+    b,
+    c
+  ]), u.createElement("ui-dock", { ref: A, ...E }, w);
+});
+h.displayName = "Dock";
+const j = u.forwardRef(function({
+  as: e,
+  href: l,
+  target: s,
+  rel: i,
+  value: r,
+  active: a,
+  disabled: p,
+  icon: I,
+  label: o,
+  badge: D,
+  iconProps: m,
+  labelProps: k,
+  badgeProps: g,
+  children: y,
+  ...d
+}, b) {
+  const c = e || (l ? "a" : "button"), w = I ?? y, E = typeof o == "string" || typeof o == "number" ? String(o) : void 0, t = {
+    ref: b,
+    "data-ui-dock-item": "",
+    ...d
+  };
+  return r != null && r !== "" && (t["data-value"] = String(r)), a && (t["data-active"] = "", l && (t["aria-current"] = "page")), E && t["aria-label"] == null && (t["aria-label"] = E), E && t.title == null && (t.title = E), l && (t.href = l, s && (t.target = s), i && (t.rel = i)), p ? c === "button" ? t.disabled = !0 : (t["aria-disabled"] = !0, t.tabIndex = -1) : c === "button" && t.type == null && (t.type = "button"), u.createElement(
+    c,
+    t,
+    w != null ? u.createElement("span", { "data-ui-dock-icon": "", ...m }, w) : null,
+    o != null ? u.createElement(
+      "span",
+      { "data-ui-dock-label": "", ...k },
+      o
+    ) : null,
+    D != null ? u.createElement(
+      "span",
+      { "data-ui-dock-badge": "", ...g },
+      D
+    ) : null
+  );
+});
+j.displayName = "Dock.Item";
+const H = Object.assign(h, {
+  Item: j
+});
+export {
+  H as Dock,
+  H as default
+};

package/dist/Drawer.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react"),V=u=>u&&u.__esModule?u:{default:u},s=V(n),r=typeof window<"u"?n.useLayoutEffect:n.useEffect,T=s.default.forwardRef(function({children:o,open:i,side:p,variant:l,density:c,shape:a,elevation:b,tone:f,size:d,state:A,inset:j,dismissible:F,closeOnOverlay:y,closeOnEsc:E,lockWhileLoading:D,showClose:H,initialFocus:R,title:_,description:S,ariaLabel:g,ariaLabelledBy:M,ariaDescribedBy:N,onOpen:m,onClose:v,onChange:w,...K},Q){const t=n.useRef(null);return n.useImperativeHandle(Q,()=>t.current),n.useEffect(()=>{const e=t.current;if(!e)return;const I=()=>m==null?void 0:m(),L=()=>v==null?void 0:v(),q=U=>{var P;const x=(P=U.detail)==null?void 0:P.open;typeof x=="boolean"&&(w==null||w(x))};return e.addEventListener("open",I),e.addEventListener("close",L),e.addEventListener("change",q),()=>{e.removeEventListener("open",I),e.removeEventListener("close",L),e.removeEventListener("change",q)}},[m,v,w]),r(()=>{const e=t.current;e&&(i?e.setAttribute("open",""):e.removeAttribute("open"))},[i]),r(()=>{const e=t.current;e&&(p?e.setAttribute("side",p):e.removeAttribute("side"))},[p]),r(()=>{const e=t.current;e&&(F?e.setAttribute("dismissible",""):e.removeAttribute("dismissible"))},[F]),r(()=>{const e=t.current;e&&(l&&l!=="default"?e.setAttribute("variant",l):e.removeAttribute("variant"))},[l]),r(()=>{const e=t.current;e&&(c&&c!=="default"?e.setAttribute("density",c):e.removeAttribute("density"))},[c]),r(()=>{const e=t.current;e&&(a&&a!=="default"?e.setAttribute("shape",a):e.removeAttribute("shape"))},[a]),r(()=>{const e=t.current;e&&(b&&b!=="default"?e.setAttribute("elevation",b):e.removeAttribute("elevation"))},[b]),r(()=>{const e=t.current;e&&(f&&f!=="default"&&f!=="brand"?e.setAttribute("tone",f):e.removeAttribute("tone"))},[f]),r(()=>{const e=t.current;e&&(d&&d!=="default"?e.setAttribute("size",d):e.removeAttribute("size"))},[d]),r(()=>{const e=t.current;e&&(A&&A!=="idle"?e.setAttribute("state",A):e.removeAttribute("state"))},[A]),r(()=>{const e=t.current;e&&(j?e.setAttribute("inset",""):e.removeAttribute("inset"))},[j]),r(()=>{const e=t.current;e&&(typeof y=="boolean"?e.setAttribute("close-on-overlay",String(y)):e.removeAttribute("close-on-overlay"))},[y]),r(()=>{const e=t.current;e&&(typeof E=="boolean"?e.setAttribute("close-on-esc",String(E)):e.removeAttribute("close-on-esc"))},[E]),r(()=>{const e=t.current;e&&(typeof D=="boolean"?e.setAttribute("lock-while-loading",String(D)):e.removeAttribute("lock-while-loading"))},[D]),r(()=>{const e=t.current;e&&(typeof H=="boolean"?e.setAttribute("show-close",String(H)):e.removeAttribute("show-close"))},[H]),r(()=>{const e=t.current;e&&(R?e.setAttribute("initial-focus",R):e.removeAttribute("initial-focus"))},[R]),r(()=>{const e=t.current;e&&(_?e.setAttribute("title",_):e.removeAttribute("title"))},[_]),r(()=>{const e=t.current;e&&(S?e.setAttribute("description",S):e.removeAttribute("description"))},[S]),r(()=>{const e=t.current;e&&(g?e.setAttribute("aria-label",g):e.removeAttribute("aria-label"))},[g]),r(()=>{const e=t.current;e&&(M?e.setAttribute("aria-labelledby",M):e.removeAttribute("aria-labelledby"))},[M]),r(()=>{const e=t.current;e&&(N?e.setAttribute("aria-describedby",N):e.removeAttribute("aria-describedby"))},[N]),s.default.createElement("ui-drawer",{ref:t,...K},o)});T.displayName="Drawer";const k=s.default.forwardRef(function(o,i){return s.default.createElement("div",{...o,ref:i,slot:"header"})});k.displayName="Drawer.Header";const G=s.default.forwardRef(function(o,i){return s.default.createElement("div",{...o,ref:i,slot:"footer"})});G.displayName="Drawer.Footer";const J=Object.assign(T,{Header:k,Footer:G});exports.Drawer=J;exports.default=J;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react"),V=u=>u&&u.__esModule?u:{default:u},o=V(n),r=typeof window<"u"?n.useLayoutEffect:n.useEffect,G=o.default.forwardRef(function({children:s,open:i,side:p,variant:l,density:c,shape:a,elevation:b,tone:f,size:d,state:A,inset:I,dismissible:L,closeOnOverlay:D,closeOnEsc:y,lockWhileLoading:E,showClose:H,initialFocus:R,title:_,description:S,ariaLabel:g,ariaLabelledBy:F,ariaDescribedBy:M,onOpen:m,onClose:v,onChange:w,...K},Q){const t=n.useRef(null);return n.useImperativeHandle(Q,()=>t.current),n.useEffect(()=>{const e=t.current;if(!e)return;const q=()=>m==null?void 0:m(),x=()=>v==null?void 0:v(),P=U=>{var k;const T=(k=U.detail)==null?void 0:k.open;typeof T=="boolean"&&(w==null||w(T))};return e.addEventListener("open",q),e.addEventListener("close",x),e.addEventListener("change",P),()=>{e.removeEventListener("open",q),e.removeEventListener("close",x),e.removeEventListener("change",P)}},[m,v,w]),r(()=>{const e=t.current;e&&(i?e.setAttribute("open",""):e.removeAttribute("open"))},[i]),r(()=>{const e=t.current;e&&(p?e.setAttribute("side",p):e.removeAttribute("side"))},[p]),r(()=>{const e=t.current;e&&(L?e.setAttribute("dismissible",""):e.removeAttribute("dismissible"))},[L]),r(()=>{const e=t.current;e&&(l&&l!=="default"?e.setAttribute("variant",l):e.removeAttribute("variant"))},[l]),r(()=>{const e=t.current;e&&(c&&c!=="default"?e.setAttribute("density",c):e.removeAttribute("density"))},[c]),r(()=>{const e=t.current;e&&(a&&a!=="default"?e.setAttribute("shape",a):e.removeAttribute("shape"))},[a]),r(()=>{const e=t.current;e&&(b&&b!=="default"?e.setAttribute("elevation",b):e.removeAttribute("elevation"))},[b]),r(()=>{const e=t.current;e&&(f&&f!=="default"&&f!=="brand"?e.setAttribute("tone",f):e.removeAttribute("tone"))},[f]),r(()=>{const e=t.current;e&&(d&&d!=="default"?e.setAttribute("size",d):e.removeAttribute("size"))},[d]),r(()=>{const e=t.current;e&&(A&&A!=="idle"?e.setAttribute("state",A):e.removeAttribute("state"))},[A]),r(()=>{const e=t.current;e&&(I?e.setAttribute("inset",""):e.removeAttribute("inset"))},[I]),r(()=>{const e=t.current;e&&(typeof D=="boolean"?e.setAttribute("close-on-overlay",String(D)):e.removeAttribute("close-on-overlay"))},[D]),r(()=>{const e=t.current;e&&(typeof y=="boolean"?e.setAttribute("close-on-esc",String(y)):e.removeAttribute("close-on-esc"))},[y]),r(()=>{const e=t.current;e&&(typeof E=="boolean"?e.setAttribute("lock-while-loading",String(E)):e.removeAttribute("lock-while-loading"))},[E]),r(()=>{const e=t.current;e&&(typeof H=="boolean"?e.setAttribute("show-close",String(H)):e.removeAttribute("show-close"))},[H]),r(()=>{const e=t.current;e&&(R?e.setAttribute("initial-focus",R):e.removeAttribute("initial-focus"))},[R]),r(()=>{const e=t.current;e&&(_?e.setAttribute("title",_):e.removeAttribute("title"))},[_]),r(()=>{const e=t.current;e&&(S?e.setAttribute("description",S):e.removeAttribute("description"))},[S]),r(()=>{const e=t.current;e&&(g?e.setAttribute("aria-label",g):e.removeAttribute("aria-label"))},[g]),r(()=>{const e=t.current;e&&(F?e.setAttribute("aria-labelledby",F):e.removeAttribute("aria-labelledby"))},[F]),r(()=>{const e=t.current;e&&(M?e.setAttribute("aria-describedby",M):e.removeAttribute("aria-describedby"))},[M]),o.default.createElement("ui-drawer",{ref:t,...K},s)});G.displayName="Drawer";const N=o.default.forwardRef(function(s,i){return o.default.createElement("div",{...s,ref:i,slot:"header"})});N.displayName="Drawer.Header";const j=o.default.forwardRef(function(s,i){return o.default.createElement("div",{...s,ref:i,slot:"footer"})});j.displayName="Drawer.Footer";const J=Object.assign(G,{Header:N,Footer:j});exports.Drawer=J;exports.DrawerFooter=j;exports.DrawerHeader=N;exports.default=J;

package/dist/Drawer.esm.js

@@ -120,5 +120,7 @@ const Z = Object.assign(J, {
 });
 export {
   Z as Drawer,
+  M as DrawerFooter,
+  K as DrawerHeader,
   Z as default
 };

package/dist/Dropdown.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("react"),G=u=>u&&u.__esModule?u:{default:u},t=G(g),J=typeof window<"u"?g.useLayoutEffect:g.useEffect,x=t.default.forwardRef(function({children:o,open:n,placement:l,variant:a,size:i,density:s,radius:p,shape:w,elevation:v,tone:b,closeOnSelect:I,typeahead:A,onOpen:D,onClose:L,onChange:N,onChangeDetail:S,onRequestClose:_,onSelect:R,...P},F){const T=g.useRef(null);return g.useImperativeHandle(F,()=>T.current),g.useEffect(()=>{const e=T.current;if(!e)return;const d=()=>D==null?void 0:D(),y=()=>L==null?void 0:L(),r=f=>{const m=f.detail||{};typeof m.open=="boolean"&&(N==null||N(m.open)),typeof m.open=="boolean"&&(S==null||S({open:m.open,reason:m.reason}))},c=f=>{const m=f.detail||{};typeof m.reason=="string"&&(_==null||_({reason:m.reason}))},E=f=>{R==null||R(f.detail||{})};return e.addEventListener("open",d),e.addEventListener("close",y),e.addEventListener("change",r),e.addEventListener("request-close",c),e.addEventListener("select",E),()=>{e.removeEventListener("open",d),e.removeEventListener("close",y),e.removeEventListener("change",r),e.removeEventListener("request-close",c),e.removeEventListener("select",E)}},[D,L,N,S,_,R]),J(()=>{const e=T.current;if(!e)return;const d=(r,c)=>{const E=e.getAttribute(r);if(c==null){E!=null&&e.removeAttribute(r);return}E!==c&&e.setAttribute(r,c)},y=(r,c,E="presence")=>{if(E==="presence"){c?e.hasAttribute(r)||e.setAttribute(r,""):e.hasAttribute(r)&&e.removeAttribute(r);return}if(c==null){e.hasAttribute(r)&&e.removeAttribute(r);return}const f=c?"true":"false";e.getAttribute(r)!==f&&e.setAttribute(r,f)};y("open",n),d("placement",l||null),d("variant",a&&a!=="default"&&a!=="surface"?a:null),d("size",i&&i!=="md"&&i!=="2"?i:null),d("density",s&&s!=="default"?s:null),d("radius",p==null||p===""||p==="default"?null:String(p)),d("shape",w&&w!=="default"&&w!=="rounded"?w:null),d("elevation",v&&v!=="default"?v:null),d("tone",b&&b!=="default"&&b!=="brand"?b:null),y("close-on-select",I,"value"),y("typeahead",A,"value")},[n,l,a,i,s,p,w,v,b,I,A]),t.default.createElement("ui-dropdown",{ref:T,...P},o)});x.displayName="Dropdown";const h=t.default.forwardRef(function(o,n){return t.default.createElement("button",{...o,ref:n,slot:"trigger"})});h.displayName="Dropdown.Trigger";const j=t.default.forwardRef(function({as:o="div",...n},l){return t.default.createElement(o,{...n,ref:l,slot:"content"})});j.displayName="Dropdown.Content";const B=t.default.forwardRef(function({children:o,icon:n,shortcut:l,caption:a,tone:i,role:s="menuitem",checked:p,className:w,value:v,label:b,"aria-label":I,...A},D){const L=["item",w].filter(Boolean).join(" "),N=s==="menuitemcheckbox"||s==="menuitemradio"?t.default.createElement("span",{className:"selection-icon","aria-hidden":"true"}):null;return t.default.createElement("div",{...A,ref:D,role:s,tabIndex:A.tabIndex??-1,className:L,"data-tone":i,"data-value":v,"aria-label":b??I,"aria-checked":s==="menuitemcheckbox"||s==="menuitemradio"?p?"true":"false":void 0,"data-menu-item":"true"},N,n?t.default.createElement("span",{className:"icon","aria-hidden":"true"},n):null,t.default.createElement("span",{className:"label"},t.default.createElement("span",{className:"text"},o),a?t.default.createElement("span",{className:"caption"},a):null),l?t.default.createElement("span",{className:"shortcut"},l):null)});B.displayName="Dropdown.Item";const k=t.default.forwardRef(function({className:o,...n},l){const a=["separator",o].filter(Boolean).join(" ");return t.default.createElement("div",{...n,ref:l,role:"separator",className:a})});k.displayName="Dropdown.Separator";const M=t.default.forwardRef(function({children:o,className:n,...l},a){const i=["section-label",n].filter(Boolean).join(" ");return t.default.createElement("div",{...l,ref:a,className:i},o)});M.displayName="Dropdown.SectionLabel";const H=Object.assign(x,{Trigger:h,Content:j,Item:B,Separator:k,SectionLabel:M});exports.Dropdown=H;exports.DropdownContent=j;exports.DropdownItem=B;exports.DropdownSectionLabel=M;exports.DropdownSeparator=k;exports.DropdownTrigger=h;exports.default=H;

package/dist/Dropdown.esm.js

@@ -0,0 +1,136 @@
+import t, { useRef as J, useImperativeHandle as K, useEffect as B, useLayoutEffect as M } from "react";
+const P = typeof window < "u" ? M : B, S = t.forwardRef(function({
+  children: a,
+  open: n,
+  placement: l,
+  variant: o,
+  size: d,
+  density: c,
+  radius: m,
+  shape: p,
+  elevation: E,
+  tone: b,
+  closeOnSelect: I,
+  typeahead: A,
+  onOpen: v,
+  onClose: L,
+  onChange: N,
+  onChangeDetail: g,
+  onRequestClose: h,
+  onSelect: R,
+  ...F
+}, G) {
+  const j = J(null);
+  return K(G, () => j.current), B(() => {
+    const e = j.current;
+    if (!e)
+      return;
+    const s = () => v == null ? void 0 : v(), D = () => L == null ? void 0 : L(), r = (u) => {
+      const f = u.detail || {};
+      typeof f.open == "boolean" && (N == null || N(f.open)), typeof f.open == "boolean" && (g == null || g({ open: f.open, reason: f.reason }));
+    }, i = (u) => {
+      const f = u.detail || {};
+      typeof f.reason == "string" && (h == null || h({ reason: f.reason }));
+    }, w = (u) => {
+      R == null || R(u.detail || {});
+    };
+    return e.addEventListener("open", s), e.addEventListener("close", D), e.addEventListener("change", r), e.addEventListener("request-close", i), e.addEventListener("select", w), () => {
+      e.removeEventListener("open", s), e.removeEventListener("close", D), e.removeEventListener("change", r), e.removeEventListener("request-close", i), e.removeEventListener("select", w);
+    };
+  }, [v, L, N, g, h, R]), P(() => {
+    const e = j.current;
+    if (!e)
+      return;
+    const s = (r, i) => {
+      const w = e.getAttribute(r);
+      if (i == null) {
+        w != null && e.removeAttribute(r);
+        return;
+      }
+      w !== i && e.setAttribute(r, i);
+    }, D = (r, i, w = "presence") => {
+      if (w === "presence") {
+        i ? e.hasAttribute(r) || e.setAttribute(r, "") : e.hasAttribute(r) && e.removeAttribute(r);
+        return;
+      }
+      if (i == null) {
+        e.hasAttribute(r) && e.removeAttribute(r);
+        return;
+      }
+      const u = i ? "true" : "false";
+      e.getAttribute(r) !== u && e.setAttribute(r, u);
+    };
+    D("open", n), s("placement", l || null), s("variant", o && o !== "default" && o !== "surface" ? o : null), s("size", d && d !== "md" && d !== "2" ? d : null), s("density", c && c !== "default" ? c : null), s("radius", m == null || m === "" || m === "default" ? null : String(m)), s("shape", p && p !== "default" && p !== "rounded" ? p : null), s("elevation", E && E !== "default" ? E : null), s("tone", b && b !== "default" && b !== "brand" ? b : null), D("close-on-select", I, "value"), D("typeahead", A, "value");
+  }, [n, l, o, d, c, m, p, E, b, I, A]), t.createElement("ui-dropdown", { ref: j, ...F }, a);
+});
+S.displayName = "Dropdown";
+const T = t.forwardRef(function(a, n) {
+  return /* @__PURE__ */ t.createElement("button", { ...a, ref: n, slot: "trigger" });
+});
+T.displayName = "Dropdown.Trigger";
+const k = t.forwardRef(function({ as: a = "div", ...n }, l) {
+  return t.createElement(a, { ...n, ref: l, slot: "content" });
+});
+k.displayName = "Dropdown.Content";
+const x = t.forwardRef(function({
+  children: a,
+  icon: n,
+  shortcut: l,
+  caption: o,
+  tone: d,
+  role: c = "menuitem",
+  checked: m,
+  className: p,
+  value: E,
+  label: b,
+  "aria-label": I,
+  ...A
+}, v) {
+  const L = ["item", p].filter(Boolean).join(" "), N = c === "menuitemcheckbox" || c === "menuitemradio" ? /* @__PURE__ */ t.createElement("span", { className: "selection-icon", "aria-hidden": "true" }) : null;
+  return /* @__PURE__ */ t.createElement(
+    "div",
+    {
+      ...A,
+      ref: v,
+      role: c,
+      tabIndex: A.tabIndex ?? -1,
+      className: L,
+      "data-tone": d,
+      "data-value": E,
+      "aria-label": b ?? I,
+      "aria-checked": c === "menuitemcheckbox" || c === "menuitemradio" ? m ? "true" : "false" : void 0,
+      "data-menu-item": "true"
+    },
+    N,
+    n ? /* @__PURE__ */ t.createElement("span", { className: "icon", "aria-hidden": "true" }, n) : null,
+    /* @__PURE__ */ t.createElement("span", { className: "label" }, /* @__PURE__ */ t.createElement("span", { className: "text" }, a), o ? /* @__PURE__ */ t.createElement("span", { className: "caption" }, o) : null),
+    l ? /* @__PURE__ */ t.createElement("span", { className: "shortcut" }, l) : null
+  );
+});
+x.displayName = "Dropdown.Item";
+const _ = t.forwardRef(function({ className: a, ...n }, l) {
+  const o = ["separator", a].filter(Boolean).join(" ");
+  return /* @__PURE__ */ t.createElement("div", { ...n, ref: l, role: "separator", className: o });
+});
+_.displayName = "Dropdown.Separator";
+const H = t.forwardRef(function({ children: a, className: n, ...l }, o) {
+  const d = ["section-label", n].filter(Boolean).join(" ");
+  return /* @__PURE__ */ t.createElement("div", { ...l, ref: o, className: d }, a);
+});
+H.displayName = "Dropdown.SectionLabel";
+const U = Object.assign(S, {
+  Trigger: T,
+  Content: k,
+  Item: x,
+  Separator: _,
+  SectionLabel: H
+});
+export {
+  U as Dropdown,
+  k as DropdownContent,
+  x as DropdownItem,
+  H as DropdownSectionLabel,
+  _ as DropdownSeparator,
+  T as DropdownTrigger,
+  U as default
+};

package/dist/EmptyState.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react"),p=t=>t&&t.__esModule?t:{default:t},v=p(r),A=typeof window<"u"?r.useLayoutEffect:r.useEffect;function d(t){const{title:s,description:o,actionLabel:u,tone:n,compact:l,headless:a,onAction:i,children:b,...m}=t,c=r.useRef(null);return r.useEffect(()=>{const e=c.current;if(!e)return;const f=()=>i==null?void 0:i();return e.addEventListener("action",f),()=>e.removeEventListener("action",f)},[i]),A(()=>{const e=c.current;e&&(s?e.setAttribute("title",s):e.removeAttribute("title"),o?e.setAttribute("description",o):e.removeAttribute("description"),u?e.setAttribute("action-label",u):e.removeAttribute("action-label"),n?e.setAttribute("tone",n):e.removeAttribute("tone"),l?e.setAttribute("compact",""):e.removeAttribute("compact"),a?e.setAttribute("headless",""):e.removeAttribute("headless"))},[s,o,u,n,l,a]),v.default.createElement("ui-empty-state",{ref:c,...m},b)}exports.EmptyState=d;exports.default=d;

package/dist/EmptyState.esm.js

@@ -0,0 +1,29 @@
+import d, { useRef as p, useEffect as a, useLayoutEffect as A } from "react";
+const v = typeof window < "u" ? A : a;
+function h(f) {
+  const {
+    title: r,
+    description: i,
+    actionLabel: s,
+    tone: o,
+    compact: u,
+    headless: c,
+    onAction: t,
+    children: m,
+    ...b
+  } = f, n = p(null);
+  return a(() => {
+    const e = n.current;
+    if (!e)
+      return;
+    const l = () => t == null ? void 0 : t();
+    return e.addEventListener("action", l), () => e.removeEventListener("action", l);
+  }, [t]), v(() => {
+    const e = n.current;
+    e && (r ? e.setAttribute("title", r) : e.removeAttribute("title"), i ? e.setAttribute("description", i) : e.removeAttribute("description"), s ? e.setAttribute("action-label", s) : e.removeAttribute("action-label"), o ? e.setAttribute("tone", o) : e.removeAttribute("tone"), u ? e.setAttribute("compact", "") : e.removeAttribute("compact"), c ? e.setAttribute("headless", "") : e.removeAttribute("headless"));
+  }, [r, i, s, o, u, c]), d.createElement("ui-empty-state", { ref: n, ...b }, m);
+}
+export {
+  h as EmptyState,
+  h as default
+};

package/dist/Field.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react"),q=t=>t&&t.__esModule?t:{default:t},w=q(d),E=typeof window<"u"?d.useLayoutEffect:d.useEffect;function p(t){const{children:y,label:i,description:r,error:l,htmlFor:b,required:c,invalid:v,orientation:s,variant:u,tone:o,density:n,shape:a,shell:f,labelWidth:A,headless:m,..._}=t,h=d.useRef(null);return E(()=>{const e=h.current;e&&(i!=null&&i!==""?e.setAttribute("label",i):e.removeAttribute("label"),r!=null&&r!==""?e.setAttribute("description",r):e.removeAttribute("description"),l!=null&&l!==""?e.setAttribute("error",l):e.removeAttribute("error"),b?e.setAttribute("for",b):e.removeAttribute("for"),c?e.setAttribute("required",""):e.removeAttribute("required"),v?e.setAttribute("invalid",""):e.removeAttribute("invalid"),s&&s!=="vertical"?e.setAttribute("orientation",s):e.removeAttribute("orientation"),u&&u!=="default"?e.setAttribute("variant",u):e.removeAttribute("variant"),o&&o!=="default"?e.setAttribute("tone",o):e.removeAttribute("tone"),n&&n!=="default"?e.setAttribute("density",n):e.removeAttribute("density"),a&&a!=="default"?e.setAttribute("shape",a):e.removeAttribute("shape"),f&&f!=="none"?e.setAttribute("shell",f):e.removeAttribute("shell"),A?e.setAttribute("label-width",A):e.removeAttribute("label-width"),m?e.setAttribute("headless",""):e.removeAttribute("headless"))},[i,r,l,b,c,v,s,u,o,n,a,f,A,m]),w.default.createElement("ui-field",{ref:h,..._},y)}exports.Field=p;exports.default=p;