@lazar-ui/kit 0.1.0 → 0.2.2

package/dist/menu.js

@@ -1,135 +1,117 @@
-import { jsxs as p, jsx as r } from "react/jsx-runtime";
-import { c as m } from "./clsx-OuTLNxxd.mjs";
-import { usePopoverContext as u, Popover as N } from "./popover.js";
-import R from "react";
-import { i as O } from "./isValidReactNode-CmYwTWCE.mjs";
-import './menu.css';const k = () => {
-  const { state: e } = u();
+import { jsxs as h, jsx as t } from "react/jsx-runtime";
+import { c as p } from "./clsx-OuTLNxxd.mjs";
+import { I as u } from "./Icon-flib0kme.mjs";
+import { usePopoverContext as N, Popover as k } from "./popover.js";
+import O from "react";
+import { i as y } from "./isValidReactNode-CmYwTWCE.mjs";
+import './menu.css';const T = () => {
+  const { state: e } = N();
   return {
     close: () => {
       e.close();
     }
   };
-}, a = "Menu", y = "bottom start";
-var s = ((e) => (e.CHECKBOX = `${a}.Checkbox`, e.CONTENT = `${a}.Content`, e.GROUP = `${a}.Group`, e.ITEM = `${a}.Item`, e.SEPARATOR = `${a}.Separator`, e.TRIGGER = `${a}.Trigger`, e))(s || {});
-const A = "_root_rtz62_1", G = "_disabled_rtz62_19", I = "_checkbox_rtz62_27", M = "_checked_rtz62_38", P = "_label_rtz62_44", _ = {
-  root: A,
-  disabled: G,
-  checkbox: I,
-  checked: M,
-  label: P
+}, c = "Menu", A = "bottom start";
+var r = ((e) => (e.CHECKBOX = `${c}.Checkbox`, e.CONTENT = `${c}.Content`, e.GROUP = `${c}.Group`, e.ITEM = `${c}.Item`, e.SEPARATOR = `${c}.Separator`, e.TRIGGER = `${c}.Trigger`, e))(r || {});
+const G = "_root_15rud_1", P = "_disabled_15rud_19", M = "_checkbox_15rud_27", v = "_checked_15rud_38", U = "_label_15rud_44", _ = {
+  root: G,
+  disabled: P,
+  checkbox: M,
+  checked: v,
+  label: U
 }, g = (e) => {
-  const { checked: o, children: n, disabled: t = !1, onCheckedChange: c } = e, { close: l } = k(), d = m(
+  const { checked: o, children: n, disabled: s = !1, onCheckedChange: a } = e, { close: l } = T(), d = p(
     _.root,
-    t && _.disabled
+    s && _.disabled
   );
-  return /* @__PURE__ */ p(
+  return /* @__PURE__ */ h(
     "div",
     {
       "aria-checked": o,
-      "aria-disabled": t,
+      "aria-disabled": s,
       className: d,
       onClick: () => {
-        t || (c && c(!o), l());
+        s || (a && a(!o), l());
       },
       role: "menuitemcheckbox",
-      tabIndex: t ? -1 : 0,
+      tabIndex: s ? -1 : 0,
       children: [
-        /* @__PURE__ */ r("span", { className: m(_.checkbox, o && _.checked), children: o && /* @__PURE__ */ r(
-          "svg",
-          {
-            "aria-hidden": "true",
-            height: "12",
-            viewBox: "0 0 12 12",
-            width: "12",
-            children: /* @__PURE__ */ r(
-              "path",
-              {
-                d: "M2 6 L5 9 L10 3",
-                fill: "none",
-                stroke: "currentColor",
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                strokeWidth: "2"
-              }
-            )
-          }
-        ) }),
-        /* @__PURE__ */ r("span", { className: _.label, children: n })
+        /* @__PURE__ */ t("span", { className: p(_.checkbox, o && _.checked), children: o && /* @__PURE__ */ t(u, { name: "check", size: 12, strokeWidth: 3 }) }),
+        /* @__PURE__ */ t("span", { className: _.label, children: n })
       ]
     }
   );
 };
-g.displayName = s.CHECKBOX;
-const z = "_root_mkbkc_14", L = {
-  root: z
-}, T = (e) => {
+g.displayName = r.CHECKBOX;
+const B = "_root_1h0xj_14", L = {
+  root: B
+}, $ = (e) => {
   const { children: o } = e;
-  return /* @__PURE__ */ r(N.Content, { padding: !1, children: /* @__PURE__ */ r("div", { className: L.root, children: o }) });
+  return /* @__PURE__ */ t(k.Content, { padding: !1, children: /* @__PURE__ */ t("div", { className: L.root, children: o }) });
 };
-T.displayName = s.CONTENT;
-const B = [s.TRIGGER, s.CONTENT], $ = (e) => {
-  const { children: o, open: n, onOpenChange: t, placement: c = y } = e, l = (d) => O(B, d) ? d : null;
-  return /* @__PURE__ */ r(N, { open: n, onOpenChange: t, placement: c, children: R.Children.map(o, l) });
+$.displayName = r.CONTENT;
+const j = [r.TRIGGER, r.CONTENT], x = (e) => {
+  const { children: o, open: n, onOpenChange: s, placement: a = A } = e, l = (d) => y(j, d) ? d : null;
+  return /* @__PURE__ */ t(k, { open: n, onOpenChange: s, placement: a, children: O.Children.map(o, l) });
 };
-$.displayName = a;
-const U = "_root_1rvg0_1", j = "_label_1rvg0_9", b = {
-  root: U,
-  label: j
-}, v = (e) => {
+x.displayName = c;
+const q = "_root_dtqrm_1", S = "_label_dtqrm_9", b = {
+  root: q,
+  label: S
+}, f = (e) => {
   const { children: o, label: n } = e;
-  return /* @__PURE__ */ p("div", { className: b.root, role: "group", children: [
-    /* @__PURE__ */ r("div", { className: b.label, children: n }),
+  return /* @__PURE__ */ h("div", { className: b.root, role: "group", children: [
+    /* @__PURE__ */ t("div", { className: b.label, children: n }),
     o
   ] });
 };
-v.displayName = s.GROUP;
-const S = "_root_vdz2l_1", w = "_disabled_vdz2l_19", D = "_danger_vdz2l_26", H = "_icon_vdz2l_33", K = "_label_vdz2l_43", h = {
-  root: S,
-  disabled: w,
-  danger: D,
-  icon: H,
-  label: K
-}, x = (e) => {
-  const { children: o, danger: n = !1, disabled: t = !1, icon: c, onAction: l } = e, { close: d } = k(), C = m(
-    h.root,
-    n && h.danger,
-    t && h.disabled
+f.displayName = r.GROUP;
+const z = "_root_5s7ps_1", D = "_disabled_5s7ps_19", H = "_danger_5s7ps_26", K = "_icon_5s7ps_33", X = "_label_5s7ps_43", m = {
+  root: z,
+  disabled: D,
+  danger: H,
+  icon: K,
+  label: X
+}, E = (e) => {
+  const { children: o, danger: n = !1, disabled: s = !1, icon: a, onAction: l } = e, { close: d } = T(), C = p(
+    m.root,
+    n && m.danger,
+    s && m.disabled
   );
-  return /* @__PURE__ */ p(
+  return /* @__PURE__ */ h(
     "div",
     {
-      "aria-disabled": t,
+      "aria-disabled": s,
       className: C,
       onClick: () => {
-        t || (l && l(), d());
+        s || (l && l(), d());
       },
       role: "menuitem",
-      tabIndex: t ? -1 : 0,
+      tabIndex: s ? -1 : 0,
       children: [
-        c && /* @__PURE__ */ r("span", { className: h.icon, children: c }),
-        /* @__PURE__ */ r("span", { className: h.label, children: o })
+        a && /* @__PURE__ */ t("span", { className: m.icon, children: /* @__PURE__ */ t(u, { name: a, size: 16 }) }),
+        /* @__PURE__ */ t("span", { className: m.label, children: o })
       ]
     }
   );
 };
-x.displayName = s.ITEM;
-const X = "_root_c60j4_1", F = {
-  root: X
-}, f = () => /* @__PURE__ */ r("hr", { className: F.root });
-f.displayName = s.SEPARATOR;
-const E = (e) => {
-  const { children: o } = e, { triggerRef: n, state: t } = u();
-  return /* @__PURE__ */ r("span", { "aria-expanded": t.isOpen, "aria-haspopup": "true", onClick: t.toggle, ref: n, children: o });
+E.displayName = r.ITEM;
+const F = "_root_16pgq_1", V = {
+  root: F
+}, R = () => /* @__PURE__ */ t("hr", { className: V.root });
+R.displayName = r.SEPARATOR;
+const I = (e) => {
+  const { children: o } = e, { triggerRef: n, state: s } = N();
+  return /* @__PURE__ */ t("span", { "aria-expanded": s.isOpen, "aria-haspopup": "true", onClick: () => s.toggle(), ref: n, children: o });
 };
-E.displayName = s.TRIGGER;
-const i = $;
+I.displayName = r.TRIGGER;
+const i = x;
 i.Checkbox = g;
-i.Content = T;
-i.Group = v;
-i.Item = x;
-i.Separator = f;
-i.Trigger = E;
+i.Content = $;
+i.Group = f;
+i.Item = E;
+i.Separator = R;
+i.Trigger = I;
 export {
   i as Menu
 };

package/dist/pagination.css

@@ -1 +1 @@
-:root{--pagination-button-radius: var(--radius-2);--pagination-active-bg: var(--color-background-brand);--pagination-active-text: var(--color-text-on-brand);--pagination-button-bg: transparent;--pagination-button-text: var(--color-text-secondary);--pagination-button-bg-hover: var(--color-background-secondary);--pagination-button-text-hover: var(--color-text-primary);--pagination-button-disabled-bg: transparent;--pagination-button-disabled-text: var(--color-text-disabled);--pagination-focus-ring: var(--color-border-focus)}._button_r1eh7_14{align-items:center;background:var(--pagination-button-bg);border:none;border-radius:var(--pagination-button-radius);color:var(--pagination-button-text);cursor:pointer;display:flex;justify-content:center;line-height:1;outline-offset:2px;padding:0;transition:background-color .15s,color .15s;-webkit-user-select:none;user-select:none}._button_r1eh7_14:focus-visible{outline:2px solid var(--pagination-focus-ring)}._button_r1eh7_14:hover:not(:disabled){background:var(--pagination-button-bg-hover);color:var(--pagination-button-text-hover)}._button_r1eh7_14:disabled{cursor:not-allowed;pointer-events:none}._button_r1eh7_14._active_r1eh7_40{background:var(--pagination-active-bg);color:var(--pagination-active-text)}._button_r1eh7_14._prevNext_r1eh7_44{font-size:1.2em;line-height:1}._sizeSm_r1eh7_49._button_r1eh7_14{font-size:var(--font-size-sm);height:var(--space-7);min-width:var(--space-7)}._sizeMd_r1eh7_55._button_r1eh7_14{font-size:var(--font-size-sm);height:var(--space-8);min-width:var(--space-8)}._sizeLg_r1eh7_61._button_r1eh7_14{font-size:var(--font-size-md);height:var(--space-10);min-width:var(--space-10)}:root{--pagination-gap: var(--space-1);--pagination-ellipsis-color: var(--color-text-tertiary)}._root_1tb09_6{align-items:center;display:flex;flex-direction:row;gap:var(--pagination-gap)}._disabled_1tb09_13{opacity:.5;pointer-events:none}._ellipsis_1tb09_18{align-items:center;color:var(--pagination-ellipsis-color);display:flex;justify-content:center;pointer-events:none;-webkit-user-select:none;user-select:none}._sizeSm_1tb09_27._ellipsis_1tb09_18{font-size:var(--font-size-sm);height:var(--space-7);min-width:var(--space-7)}._sizeMd_1tb09_33._ellipsis_1tb09_18{font-size:var(--font-size-sm);height:var(--space-8);min-width:var(--space-8)}._sizeLg_1tb09_39._ellipsis_1tb09_18{font-size:var(--font-size-md);height:var(--space-10);min-width:var(--space-10)}
+:root{--pagination-button-radius: var(--lui-radius-2);--pagination-active-bg: var(--lui-color-background-brand);--pagination-active-text: var(--lui-color-text-on-brand);--pagination-button-bg: transparent;--pagination-button-text: var(--lui-color-text-secondary);--pagination-button-bg-hover: var(--lui-color-background-secondary);--pagination-button-text-hover: var(--lui-color-text-primary);--pagination-button-disabled-bg: transparent;--pagination-button-disabled-text: var(--lui-color-text-disabled);--pagination-focus-ring: var(--lui-color-border-focus)}._button_nl5gc_14{align-items:center;background:var(--pagination-button-bg);border:none;border-radius:var(--pagination-button-radius);color:var(--pagination-button-text);cursor:pointer;display:flex;justify-content:center;line-height:1;outline-offset:2px;padding:0;transition:background-color .15s,color .15s;-webkit-user-select:none;user-select:none}._button_nl5gc_14:focus-visible{outline:2px solid var(--pagination-focus-ring)}._button_nl5gc_14:hover:not(:disabled){background:var(--pagination-button-bg-hover);color:var(--pagination-button-text-hover)}._button_nl5gc_14:disabled{cursor:not-allowed;pointer-events:none}._button_nl5gc_14._active_nl5gc_40{background:var(--pagination-active-bg);color:var(--pagination-active-text)}._button_nl5gc_14._prevNext_nl5gc_44{font-size:1.2em;line-height:1}._sizeSm_nl5gc_49._button_nl5gc_14{font-size:var(--lui-font-size-sm);height:var(--lui-space-7);min-width:var(--lui-space-7)}._sizeMd_nl5gc_55._button_nl5gc_14{font-size:var(--lui-font-size-sm);height:var(--lui-space-8);min-width:var(--lui-space-8)}._sizeLg_nl5gc_61._button_nl5gc_14{font-size:var(--lui-font-size-md);height:var(--lui-space-10);min-width:var(--lui-space-10)}:root{--pagination-gap: var(--lui-space-1);--pagination-ellipsis-color: var(--lui-color-text-tertiary)}._root_60eox_6{align-items:center;display:flex;flex-direction:row;gap:var(--pagination-gap)}._disabled_60eox_13{opacity:.5;pointer-events:none}._ellipsis_60eox_18{align-items:center;color:var(--pagination-ellipsis-color);display:flex;justify-content:center;pointer-events:none;-webkit-user-select:none;user-select:none}._sizeSm_60eox_27._ellipsis_60eox_18{font-size:var(--lui-font-size-sm);height:var(--lui-space-7);min-width:var(--lui-space-7)}._sizeMd_60eox_33._ellipsis_60eox_18{font-size:var(--lui-font-size-sm);height:var(--lui-space-8);min-width:var(--lui-space-8)}._sizeLg_60eox_39._ellipsis_60eox_18{font-size:var(--lui-font-size-md);height:var(--lui-space-10);min-width:var(--lui-space-10)}

package/dist/pagination.js

@@ -1,74 +1,75 @@
-import { jsx as d, jsxs as M } from "react/jsx-runtime";
-import { createContext as N, useContext as L, useMemo as S, useCallback as y } from "react";
+import { jsx as c, jsxs as N } from "react/jsx-runtime";
+import { createContext as L, useContext as R, useMemo as S, useCallback as y } from "react";
 import { c as f } from "./clsx-OuTLNxxd.mjs";
-import { u as x } from "./useLocale-D2Z0JH0l.mjs";
+import { u as v } from "./useLocale-DdHNhmvT.mjs";
 import { g as C } from "./getVariantClassName-D7Nhpuec.mjs";
-import './pagination.css';const v = N(null), R = v.Provider, w = () => {
-  const t = L(v);
-  if (!t)
+import { I as z } from "./Icon-flib0kme.mjs";
+import './pagination.css';const P = L(null), w = P.Provider, I = () => {
+  const n = R(P);
+  if (!n)
     throw new Error("Pagination sub-component must be used within a Pagination");
-  return t;
-}, $ = "_button_r1eh7_14", E = "_active_r1eh7_40", I = "_prevNext_r1eh7_44", A = "_sizeSm_r1eh7_49", j = "_sizeMd_r1eh7_55", k = "_sizeLg_r1eh7_61", b = {
+  return n;
+}, $ = "_button_nl5gc_14", E = "_active_nl5gc_40", A = "_prevNext_nl5gc_44", j = "_sizeSm_nl5gc_49", k = "_sizeMd_nl5gc_55", B = "_sizeLg_nl5gc_61", m = {
   button: $,
   active: E,
-  prevNext: I,
-  sizeSm: A,
-  sizeMd: j,
-  sizeLg: k
-}, z = (t) => {
-  const { page: e, type: a = "page", children: n } = t, { currentPage: r, totalPages: l, disabled: s, onChange: g, size: u } = w(), i = x(), c = e === r, o = s || e < 1 || e > l || c;
-  let p, _;
-  a === "prev" ? (p = i.pagination.prev, _ = n ?? "‹") : a === "next" ? (p = i.pagination.next, _ = n ?? "›") : (p = i.pagination.page.replace("{page}", String(e)), _ = n ?? e);
-  const P = f(b.button, C("size", u, b), {
-    [b.active]: c,
-    [b.prevNext]: a !== "page"
+  prevNext: A,
+  sizeSm: j,
+  sizeMd: k,
+  sizeLg: B
+}, x = (n) => {
+  const { page: e, type: a = "page", children: t } = n, { currentPage: r, totalPages: l, disabled: s, onChange: p, size: u } = I(), i = v(), g = e === r, o = s || e < 1 || e > l || g;
+  let d, _;
+  a === "prev" ? (d = i.pagination.prev, _ = t ?? /* @__PURE__ */ c(z, { name: "chevronLeft", size: 14 })) : a === "next" ? (d = i.pagination.next, _ = t ?? /* @__PURE__ */ c(z, { name: "chevronRight", size: 14 })) : (d = i.pagination.page.replace("{page}", String(e)), _ = t ?? e);
+  const M = f(m.button, C("size", u, m), {
+    [m.active]: g,
+    [m.prevNext]: a !== "page"
   });
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ c(
     "button",
     {
-      "aria-current": c ? "page" : void 0,
-      "aria-label": p,
-      className: P,
+      "aria-current": g ? "page" : void 0,
+      "aria-label": d,
+      className: M,
       disabled: o,
-      onClick: () => g(e),
+      onClick: () => p(e),
       type: "button",
       children: _
     }
   );
-}, B = "Pagination", m = (t, e) => Array.from({ length: e - t + 1 }, (a, n) => t + n), D = (t, e) => {
+}, D = "Pagination", b = (n, e) => Array.from({ length: e - n + 1 }, (a, t) => n + t), V = (n, e) => {
   if (e <= 7)
-    return m(1, e);
-  const r = Math.max(t - 1, 1), l = Math.min(t + 1, e), s = r > 2, g = l < e - 1;
-  if (!s && g) {
+    return b(1, e);
+  const r = Math.max(n - 1, 1), l = Math.min(n + 1, e), s = r > 2, p = l < e - 1;
+  if (!s && p) {
     const i = Math.min(l + 1, e);
-    return [...m(1, i), "ellipsis", e];
+    return [...b(1, i), "ellipsis", e];
   }
-  if (s && !g) {
+  if (s && !p) {
     const i = Math.max(r - 1, 1);
-    return [1, "ellipsis", ...m(i, e)];
+    return [1, "ellipsis", ...b(i, e)];
   }
-  return [1, "ellipsis", ...m(r, l), "ellipsis", e];
-}, V = "_root_1tb09_6", Y = "_disabled_1tb09_13", q = "_ellipsis_1tb09_18", F = "_sizeSm_1tb09_27", G = "_sizeMd_1tb09_33", H = "_sizeLg_1tb09_39", h = {
-  root: V,
-  disabled: Y,
-  ellipsis: q,
-  sizeSm: F,
-  sizeMd: G,
-  sizeLg: H
-}, J = (t) => {
-  const { disabled: e = !1, onChange: a, page: n, showPrevNext: r = !0, size: l = "md", totalPages: s } = t, g = x(), u = S(() => D(n, s), [n, s]), i = y(
+  return [1, "ellipsis", ...b(r, l), "ellipsis", e];
+}, Y = "_root_60eox_6", q = "_disabled_60eox_13", F = "_ellipsis_60eox_18", G = "_sizeSm_60eox_27", H = "_sizeMd_60eox_33", J = "_sizeLg_60eox_39", h = {
+  root: Y,
+  disabled: q,
+  ellipsis: F,
+  sizeSm: G,
+  sizeMd: H,
+  sizeLg: J
+}, K = (n) => {
+  const { disabled: e = !1, onChange: a, page: t, showPrevNext: r = !0, size: l = "md", totalPages: s } = n, p = v(), u = S(() => V(t, s), [t, s]), i = y(
     (o) => {
       e || o < 1 || o > s || a?.(o);
     },
     [e, a, s]
-  ), c = f(h.root, C("size", l, h), { [h.disabled]: e });
-  return /* @__PURE__ */ d(R, { value: { currentPage: n, disabled: e, onChange: i, size: l, totalPages: s }, children: /* @__PURE__ */ M("nav", { "aria-label": g.pagination.pagination, className: c, children: [
-    r && /* @__PURE__ */ d(z, { page: n - 1, type: "prev" }),
-    u.map((o, p) => o === "ellipsis" ? /* @__PURE__ */ d("span", { "aria-hidden": "true", className: h.ellipsis, children: "…" }, `ellipsis-${p}`) : /* @__PURE__ */ d(z, { page: o, type: "page" }, o)),
-    r && /* @__PURE__ */ d(z, { page: n + 1, type: "next" })
+  ), g = f(h.root, C("size", l, h), { [h.disabled]: e });
+  return /* @__PURE__ */ c(w, { value: { currentPage: t, disabled: e, onChange: i, size: l, totalPages: s }, children: /* @__PURE__ */ N("nav", { "aria-label": p.pagination.pagination, className: g, children: [
+    r && /* @__PURE__ */ c(x, { page: t - 1, type: "prev" }),
+    u.map((o, d) => o === "ellipsis" ? /* @__PURE__ */ c("span", { "aria-hidden": "true", className: h.ellipsis, children: "…" }, `ellipsis-${d}`) : /* @__PURE__ */ c(x, { page: o, type: "page" }, o)),
+    r && /* @__PURE__ */ c(x, { page: t + 1, type: "next" })
   ] }) });
 };
-J.displayName = B;
+K.displayName = D;
 export {
-  J as Pagination
+  K as Pagination
 };

package/dist/popover.css

@@ -1 +1 @@
-:root{--popover-bg: var(--color-background-primary);--popover-radius: var(--radius-2);--popover-shadow: var(--shadow-md);--popover-padding: var(--space-4);--popover-border: var(--color-border-primary);--popover-z-index: 1000}._content_qcofp_10{background:var(--popover-bg);border:1px solid var(--popover-border);border-radius:var(--popover-radius);box-shadow:var(--popover-shadow);outline:none;padding:var(--popover-padding);z-index:var(--popover-z-index)}._content_qcofp_10[data-placement*=bottom]{animation:_popover-enter-bottom_qcofp_1 .15s ease-out}._content_qcofp_10[data-placement*=top]{animation:_popover-enter-top_qcofp_1 .15s ease-out}._content_qcofp_10[data-placement*=left]{animation:_popover-enter-left_qcofp_1 .15s ease-out}._content_qcofp_10[data-placement*=right]{animation:_popover-enter-right_qcofp_1 .15s ease-out}._noPadding_qcofp_32{padding:0}@keyframes _popover-enter-bottom_qcofp_1{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes _popover-enter-top_qcofp_1{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes _popover-enter-left_qcofp_1{0%{opacity:0;transform:translate(4px)}to{opacity:1;transform:translate(0)}}@keyframes _popover-enter-right_qcofp_1{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}
+:root{--popover-bg: var(--lui-color-background-primary);--popover-radius: var(--lui-radius-2);--popover-shadow: var(--lui-shadow-md);--popover-padding: var(--lui-space-4);--popover-border: var(--lui-color-border-primary);--popover-z-index: 1000}._content_1rtd6_10{background:var(--popover-bg);border:1px solid var(--popover-border);border-radius:var(--popover-radius);box-shadow:var(--popover-shadow);outline:none;padding:var(--popover-padding);z-index:var(--popover-z-index)}._content_1rtd6_10[data-placement*=bottom]{animation:_popover-enter-bottom_1rtd6_1 .15s ease-out}._content_1rtd6_10[data-placement*=top]{animation:_popover-enter-top_1rtd6_1 .15s ease-out}._content_1rtd6_10[data-placement*=left]{animation:_popover-enter-left_1rtd6_1 .15s ease-out}._content_1rtd6_10[data-placement*=right]{animation:_popover-enter-right_1rtd6_1 .15s ease-out}._noPadding_1rtd6_32{padding:0}@keyframes _popover-enter-bottom_1rtd6_1{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes _popover-enter-top_1rtd6_1{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes _popover-enter-left_1rtd6_1{0%{opacity:0;transform:translate(4px)}to{opacity:1;transform:translate(0)}}@keyframes _popover-enter-right_1rtd6_1{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}

package/dist/popover.d.ts

@@ -32,7 +32,7 @@ export declare const Popover: TPopoverCompoundComponent;
  *
  * @example
  * ```tsx
- * <Popover placement="bottom-start">
+ * <Popover placement="bottom start">
  *   <Popover.Trigger>
  *     <Button>Open</Button>
  *   </Popover.Trigger>

package/dist/popover.js

@@ -1,61 +1,62 @@
 import { jsx as a } from "react/jsx-runtime";
-import { createContext as C, useContext as R, useRef as d } from "react";
-import { c as T } from "./clsx-OuTLNxxd.mjs";
-import { r as h } from "./Overlay-RmiBtqDR.mjs";
-import { $ as N, a as O } from "./useOverlayTriggerState-BIo1Jcba.mjs";
-import { $ as _ } from "./useOverlayPosition-DVu1Qziq.mjs";
+import { createContext as C, useContext as O, useRef as l } from "react";
+import { c as R } from "./clsx-OuTLNxxd.mjs";
+import { s as T } from "./Overlay-OYo7gW8m.mjs";
+import { $ as h, a as N } from "./useOverlayTriggerState-DK8Xy6Kr.mjs";
+import { $ as _ } from "./useOverlayPosition-CK3oEqVS.mjs";
 import './popover.css';const f = C(null), y = f.Provider, m = () => {
-  const e = R(f);
+  const e = O(f);
   if (!e)
     throw new Error("Sub-component must be used within a Popover");
   return e;
-}, p = "Popover", E = 4;
-var i = ((e) => (e.TRIGGER = `${p}.Trigger`, e.CONTENT = `${p}.Content`, e))(i || {});
-const F = "_content_qcofp_10", G = "_noPadding_qcofp_32", l = {
+}, i = "Popover", E = 4;
+var p = ((e) => (e.TRIGGER = `${i}.Trigger`, e.CONTENT = `${i}.Content`, e))(p || {});
+const F = "_content_1rtd6_10", G = "_noPadding_1rtd6_32", d = {
   content: F,
   noPadding: G
 }, u = (e) => {
-  const { children: t, padding: n = !0 } = e, { triggerRef: o, state: r, placement: c } = m(), s = d(null), { overlayProps: $, placement: v } = _({
+  const { children: n, padding: r = !0 } = e, { triggerRef: t, state: o, placement: c } = m(), s = l(null), { overlayProps: $, placement: v } = _({
+    isOpen: o.isOpen,
     offset: E,
     overlayRef: s,
     placement: c,
     shouldFlip: !0,
-    targetRef: o
-  }), { overlayProps: x } = N(
+    targetRef: t
+  }), { overlayProps: x } = h(
     {
       isDismissable: !0,
-      isOpen: r.isOpen,
+      isOpen: o.isOpen,
       // eslint-disable-next-line @typescript-eslint/unbound-method
-      onClose: r.close
+      onClose: o.close
     },
     s
   );
-  return r.isOpen ? /* @__PURE__ */ a(h, { children: /* @__PURE__ */ a(
+  return o.isOpen ? /* @__PURE__ */ a(T, { children: /* @__PURE__ */ a(
     "div",
     {
-      className: T(l.content, !n && l.noPadding),
+      className: R(d.content, !r && d.noPadding),
       "data-placement": v,
       ref: s,
-      ...$,
       ...x,
-      children: t
+      ...$,
+      children: n
     }
   ) }) : null;
 };
-u.displayName = i.CONTENT;
+u.displayName = p.CONTENT;
 const g = (e) => {
-  const { children: t, open: n, onOpenChange: o, placement: r = "bottom" } = e, c = d(null), s = O({ isOpen: n, onOpenChange: o });
-  return /* @__PURE__ */ a(y, { value: { placement: r, state: s, triggerRef: c }, children: t });
+  const { children: n, open: r, onOpenChange: t, placement: o = "bottom" } = e, c = l(null), s = N({ isOpen: r, onOpenChange: t });
+  return /* @__PURE__ */ a(y, { value: { placement: o, state: s, triggerRef: c }, children: n });
 };
-g.displayName = p;
+g.displayName = i;
 const P = (e) => {
-  const { children: t } = e, { triggerRef: n, state: o } = m();
+  const { children: n } = e, { triggerRef: r, state: t } = m();
   return (
     // eslint-disable-next-line @typescript-eslint/unbound-method
-    /* @__PURE__ */ a("span", { "aria-expanded": o.isOpen, "aria-haspopup": "true", onClick: o.toggle, ref: n, children: t })
+    /* @__PURE__ */ a("span", { "aria-expanded": t.isOpen, "aria-haspopup": "true", onClick: t.toggle, ref: r, children: n })
   );
 };
-P.displayName = i.TRIGGER;
+P.displayName = p.TRIGGER;
 const b = g;
 b.Trigger = P;
 b.Content = u;

package/dist/select.css

@@ -1 +1 @@
-@charset "UTF-8";:root{--select-radius: var(--radius-2);--select-min-height: 36px}._root_1howi_7{align-items:center;background:var(--color-background-primary);border:1px solid var(--color-border-primary);border-radius:var(--select-radius);cursor:pointer;display:inline-flex;gap:var(--space-2);justify-content:space-between;min-height:var(--select-min-height);outline:none;padding:0 var(--space-3);transition:border-color .15s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}._root_1howi_7:focus-visible{border-color:var(--color-border-focus);box-shadow:0 0 0 2px color-mix(in sRGB,var(--color-border-focus) 20%,transparent)}._disabled_1howi_28{background:var(--color-background-disabled);border-color:var(--color-border-disabled);color:var(--color-text-disabled);cursor:not-allowed}._invalid_1howi_35{border-color:var(--color-background-error)}._sizeSm_1howi_39{font-size:var(--font-size-sm);min-height:28px;padding:0 var(--space-2)}._sizeMd_1howi_45{font-size:var(--font-size-md);min-height:36px;padding:0 var(--space-3)}._sizeLg_1howi_51{font-size:var(--font-size-lg);min-height:44px;padding:0 var(--space-4)}._displayText_1howi_57{color:var(--color-text-primary);flex:1;overflow:hidden;text-overflow:ellipsis}._displayTextPlaceholder_1howi_64{color:var(--color-text-tertiary)}._indicators_1howi_68{align-items:center;display:inline-flex;gap:var(--space-1)}._clearButton_1howi_74{align-items:center;background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;display:inline-flex;font-size:var(--font-size-xs);height:16px;justify-content:center;line-height:1;padding:0;width:16px}._clearButton_1howi_74:hover{color:var(--color-text-secondary)}._chevron_1howi_92{color:var(--color-text-tertiary);flex-shrink:0;transition:transform .15s ease}._root_1howi_7[aria-expanded=true] ._chevron_1howi_92{transform:rotate(180deg)}._optionsList_1howi_103{list-style:none;margin:0;max-height:240px;min-width:100%;overflow-y:auto;padding:var(--space-1)}._noOptions_1howi_112{color:var(--color-text-tertiary);font-size:var(--font-size-sm);padding:var(--space-3) var(--space-2);text-align:center}._option_1howi_103{align-items:center;border-radius:var(--radius-1);cursor:pointer;display:flex;gap:var(--space-2);padding:var(--space-2);transition:background-color .1s ease}._option_1howi_103:hover{background:var(--color-background-secondary)}._optionSelected_1howi_132{background:var(--color-background-secondary);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}._optionDisabled_1howi_138{color:var(--color-text-disabled);cursor:not-allowed}._optionDisabled_1howi_138:hover{background:transparent}._optionLabel_1howi_146{flex:1;overflow:hidden;text-overflow:ellipsis}._checkbox_1howi_153{align-items:center;border:1.5px solid var(--color-border-primary);border-radius:var(--radius-1);display:inline-flex;flex-shrink:0;height:16px;justify-content:center;transition:all .1s ease;width:16px}._checkboxChecked_1howi_165{background:var(--color-background-brand);border-color:var(--color-background-brand);color:var(--color-text-on-brand)}
+@charset "UTF-8";:root{--select-radius: var(--lui-radius-2);--select-min-height: 36px}._root_t7wta_7{align-items:center;background:var(--lui-color-background-primary);border:1px solid var(--lui-color-border-primary);border-radius:var(--select-radius);cursor:pointer;display:inline-flex;gap:var(--lui-space-2);justify-content:space-between;min-height:var(--select-min-height);outline:none;padding:0 var(--lui-space-3);transition:border-color .15s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}._root_t7wta_7:focus-visible{border-color:var(--lui-color-border-focus);box-shadow:0 0 0 2px color-mix(in sRGB,var(--lui-color-border-focus) 20%,transparent)}._disabled_t7wta_28{background:var(--lui-color-background-disabled);border-color:var(--lui-color-border-disabled);color:var(--lui-color-text-disabled);cursor:not-allowed}._invalid_t7wta_35{border-color:var(--lui-color-background-error)}._sizeSm_t7wta_39{font-size:var(--lui-font-size-sm);min-height:28px;padding:0 var(--lui-space-2)}._sizeMd_t7wta_45{font-size:var(--lui-font-size-md);min-height:36px;padding:0 var(--lui-space-3)}._sizeLg_t7wta_51{font-size:var(--lui-font-size-lg);min-height:44px;padding:0 var(--lui-space-4)}._displayText_t7wta_57{color:var(--lui-color-text-primary);flex:1;overflow:hidden;text-overflow:ellipsis}._displayTextPlaceholder_t7wta_64{color:var(--lui-color-text-tertiary)}._indicators_t7wta_68{align-items:center;display:inline-flex;gap:var(--lui-space-1)}._clearButton_t7wta_74{align-items:center;background:none;border:none;color:var(--lui-color-text-tertiary);cursor:pointer;display:inline-flex;font-size:var(--lui-font-size-xs);height:16px;justify-content:center;line-height:1;padding:0;width:16px}._clearButton_t7wta_74:hover{color:var(--lui-color-text-secondary)}._chevron_t7wta_92{color:var(--lui-color-text-tertiary);flex-shrink:0;transition:transform .15s ease}._root_t7wta_7[aria-expanded=true] ._chevron_t7wta_92{transform:rotate(180deg)}._optionsList_t7wta_103{list-style:none;margin:0;max-height:240px;min-width:100%;overflow-y:auto;padding:var(--lui-space-1)}._noOptions_t7wta_112{color:var(--lui-color-text-tertiary);font-size:var(--lui-font-size-sm);padding:var(--lui-space-3) var(--lui-space-2);text-align:center}._option_t7wta_103{align-items:center;border-radius:var(--lui-radius-1);cursor:pointer;display:flex;gap:var(--lui-space-2);padding:var(--lui-space-2);transition:background-color .1s ease}._option_t7wta_103:hover{background:var(--lui-color-background-secondary)}._optionSelected_t7wta_132{background:var(--lui-color-background-secondary);color:var(--lui-color-text-primary);font-weight:var(--lui-font-weight-medium)}._optionDisabled_t7wta_138{color:var(--lui-color-text-disabled);cursor:not-allowed}._optionDisabled_t7wta_138:hover{background:transparent}._optionLabel_t7wta_146{flex:1;overflow:hidden;text-overflow:ellipsis}._checkbox_t7wta_153{align-items:center;border:1.5px solid var(--lui-color-border-primary);border-radius:var(--lui-radius-1);display:inline-flex;flex-shrink:0;height:16px;justify-content:center;transition:all .1s ease;width:16px}._checkboxChecked_t7wta_165{background:var(--lui-color-background-brand);border-color:var(--lui-color-background-brand);color:var(--lui-color-text-on-brand)}