@lazar-ui/kit 0.1.0 → 0.2.0

package/dist/dialog.js

@@ -1,75 +1,75 @@
-import { jsx as e, jsxs as f } from "react/jsx-runtime";
-import { useRef as _, useMemo as I } from "react";
-import { c as S } from "./clsx-OuTLNxxd.mjs";
-import { $ as x, a as A } from "./useModalOverlay-D5Bs9FCB.mjs";
-import { r as E } from "./Overlay-RmiBtqDR.mjs";
-import { a as M } from "./useOverlayTriggerState-BIo1Jcba.mjs";
-import { u as P } from "./useLocale-D2Z0JH0l.mjs";
-import { g as X } from "./getComponentSlots-DwAYUFNk.mjs";
-import { g as j } from "./getVariantClassName-D7Nhpuec.mjs";
-import './dialog.css';var s = /* @__PURE__ */ ((o) => (o.ACTIONS = "Dialog.Actions", o.CONTENT = "Dialog.Content", o.TITLE = "Dialog.Title", o))(s || {});
-const R = "_root_1fxwu_1", k = {
-  root: R
+import { jsx as s, jsxs as f } from "react/jsx-runtime";
+import { useRef as _, useMemo as x } from "react";
+import { c as I } from "./clsx-OuTLNxxd.mjs";
+import { $ as S, a as A } from "./useModalOverlay-B93fkWbb.mjs";
+import { s as E, i as M } from "./Overlay-OYo7gW8m.mjs";
+import { a as P } from "./useOverlayTriggerState-DK8Xy6Kr.mjs";
+import { u as j } from "./useLocale-D2Z0JH0l.mjs";
+import { g as R } from "./getComponentSlots-DwAYUFNk.mjs";
+import { g as X } from "./getVariantClassName-D7Nhpuec.mjs";
+import './dialog.css';var e = /* @__PURE__ */ ((o) => (o.ACTIONS = "Dialog.Actions", o.CONTENT = "Dialog.Content", o.TITLE = "Dialog.Title", o))(e || {});
+const k = "_root_1fxwu_1", K = {
+  root: k
 }, h = (o) => {
   const { children: t } = o;
-  return /* @__PURE__ */ e("div", { className: k.root, children: t });
+  return /* @__PURE__ */ s("div", { className: K.root, children: t });
 };
-h.displayName = s.ACTIONS;
-const K = "_root_jagsa_1", V = {
-  root: K
-}, N = (o) => {
+h.displayName = e.ACTIONS;
+const V = "_root_jagsa_1", Y = {
+  root: V
+}, b = (o) => {
   const { children: t } = o;
-  return /* @__PURE__ */ e("div", { className: V.root, children: t });
+  return /* @__PURE__ */ s("div", { className: Y.root, children: t });
 };
-N.displayName = s.CONTENT;
-const Y = "Dialog", q = [s.ACTIONS, s.CONTENT, s.TITLE], B = "_underlay_8hbwf_25", F = "_modal_8hbwf_34", G = "_dialog_8hbwf_41", H = "_sizeXs_8hbwf_51", J = "_sizeSm_8hbwf_54", Q = "_sizeMd_8hbwf_57", U = "_sizeLg_8hbwf_60", W = "_header_8hbwf_64", Z = "_close_8hbwf_71", oo = "_actions_8hbwf_79", a = {
-  underlay: B,
-  modal: F,
-  dialog: G,
-  sizeXs: H,
-  sizeSm: J,
-  sizeMd: Q,
-  sizeLg: U,
-  header: W,
-  close: Z,
-  actions: oo
-}, b = (o) => {
-  const { children: t, container: T, open: l, modal: g = !0, onOpenChange: u, size: C = "md" } = o, $ = P(), i = _(null), c = _(null), { dialogProps: y } = x(o, i), r = M({ isOpen: l, onOpenChange: u }), { modalProps: z, underlayProps: D } = A(
-    { isDismissable: !g, isKeyboardDismissDisabled: !1 },
+b.displayName = e.CONTENT;
+const q = "Dialog", B = [e.ACTIONS, e.CONTENT, e.TITLE], F = "_underlay_8hbwf_25", G = "_modal_8hbwf_34", H = "_dialog_8hbwf_41", J = "_sizeXs_8hbwf_51", Q = "_sizeSm_8hbwf_54", U = "_sizeMd_8hbwf_57", W = "_sizeLg_8hbwf_60", Z = "_header_8hbwf_64", oo = "_close_8hbwf_71", so = "_actions_8hbwf_79", a = {
+  underlay: F,
+  modal: G,
+  dialog: H,
+  sizeXs: J,
+  sizeSm: Q,
+  sizeMd: U,
+  sizeLg: W,
+  header: Z,
+  close: oo,
+  actions: so
+}, N = (o) => {
+  const { children: t, container: g, open: l, modal: T = !0, onOpenChange: u, size: $ = "md" } = o, C = j(), c = _(null), n = _(null), { dialogProps: y } = S(o, c), r = P({ isOpen: l, onOpenChange: u }), { modalProps: z, underlayProps: D } = A(
+    { isDismissable: !T, isKeyboardDismissDisabled: !1 },
     r,
-    c
+    n
   ), {
-    [s.ACTIONS]: d,
-    [s.CONTENT]: m,
-    [s.TITLE]: v
-  } = I(() => X(t, q), [t]), w = (O) => {
+    [e.ACTIONS]: d,
+    [e.CONTENT]: m,
+    [e.TITLE]: v
+  } = x(() => R(t, B), [t]), w = (O) => {
     O.preventDefault(), r.close();
   };
   if (!l)
     return null;
-  const L = S(a.dialog, j("size", C, a));
-  return /* @__PURE__ */ e(E, { portalContainer: T, children: /* @__PURE__ */ e("div", { className: a.underlay, ...D, children: /* @__PURE__ */ e("div", { className: a.modal, ...z, ref: c, children: /* @__PURE__ */ f("div", { className: L, ...y, ref: i, children: [
+  const L = I(a.dialog, X("size", $, a));
+  return /* @__PURE__ */ s(E, { portalContainer: g, children: /* @__PURE__ */ s("div", { className: a.underlay, ...D, children: /* @__PURE__ */ s("div", { className: a.modal, ...z, ref: n, children: /* @__PURE__ */ s(M, { getContainer: () => n.current, children: /* @__PURE__ */ f("div", { className: L, ...y, ref: c, children: [
     /* @__PURE__ */ f("div", { className: a.header, children: [
       v,
-      /* @__PURE__ */ e("button", { "aria-label": $.dialog.close, className: a.close, onClick: w, children: "X" })
+      /* @__PURE__ */ s("button", { "aria-label": C.dialog.close, className: a.close, onClick: w, children: "⛌" })
     ] }),
-    m && /* @__PURE__ */ e("div", { children: m }),
-    d && /* @__PURE__ */ e("div", { className: a.actions, children: d })
-  ] }) }) }) });
+    m && /* @__PURE__ */ s("div", { children: m }),
+    d && /* @__PURE__ */ s("div", { className: a.actions, children: d })
+  ] }) }) }) }) });
 };
-b.displayName = Y;
-const so = "_root_1ae0y_1", eo = {
-  root: so
+N.displayName = q;
+const eo = "_root_1ae0y_1", to = {
+  root: eo
 }, p = (o) => {
   const { children: t } = o;
-  return /* @__PURE__ */ e("div", { className: eo.root, children: t });
+  return /* @__PURE__ */ s("div", { className: to.root, children: t });
 };
-p.displayName = s.TITLE;
-const n = b;
-n.Actions = h;
-n.Content = N;
-n.Title = p;
+p.displayName = e.TITLE;
+const i = N;
+i.Actions = h;
+i.Content = b;
+i.Title = p;
 export {
-  n as Dialog,
-  n as default
+  i as Dialog,
+  i as default
 };

package/dist/drawer.css

@@ -1 +1 @@
-._root_jagsa_1{max-height:100%;overflow-y:auto}:root{--drawer-underlay: var(--color-background-overlay);--drawer-bg: var(--color-background-primary);--drawer-shadow: 0 20px 24px -4px rgb(16 24 40 / .08), 0 8px 8px -4px rgb(16 24 40 / .03);--drawer-padding: var(--space-8);--drawer-gap: var(--space-6);--drawer-header-gap: var(--space-6);--drawer-header-min-height: calc(24px + var(--space-6));--drawer-close-color: var(--palette-gray-400);--drawer-close-padding: var(--space-3);--drawer-width-sm: 384px;--drawer-width-md: 480px;--drawer-width-lg: 640px;--drawer-height-sm: 320px;--drawer-height-md: 480px;--drawer-height-lg: 640px;--drawer-title-font-size: var(--font-size-md);--drawer-title-weight: var(--font-weight-semibold);--drawer-title-color: var(--color-text-primary);--drawer-title-font-family: var(--font-family-body);--drawer-title-line-height: var(--line-height-md)}._underlay_7b6q3_24{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--drawer-underlay);inset:0;position:fixed;z-index:1000}._modal_7b6q3_32{display:flex;height:100%}._drawer_7b6q3_37{background:var(--drawer-bg);box-shadow:var(--drawer-shadow);display:flex;flex-direction:column;gap:var(--drawer-gap);padding:var(--drawer-padding);position:fixed;transition:transform .3s ease}._drawer_7b6q3_37._placementLeft_7b6q3_47{bottom:0;left:0;top:0;transform:translate(-100%)}._drawer_7b6q3_37._placementLeft_7b6q3_47._entered_7b6q3_53{transform:translate(0)}._drawer_7b6q3_37._placementRight_7b6q3_56{bottom:0;right:0;top:0;transform:translate(100%)}._drawer_7b6q3_37._placementRight_7b6q3_56._entered_7b6q3_53{transform:translate(0)}._drawer_7b6q3_37._placementTop_7b6q3_65{left:0;right:0;top:0;transform:translateY(-100%)}._drawer_7b6q3_37._placementTop_7b6q3_65._entered_7b6q3_53{transform:translateY(0)}._drawer_7b6q3_37._placementBottom_7b6q3_74{bottom:0;left:0;right:0;transform:translateY(100%)}._drawer_7b6q3_37._placementBottom_7b6q3_74._entered_7b6q3_53{transform:translateY(0)}._drawer_7b6q3_37._sizeSm_7b6q3_83{width:var(--drawer-width-sm)}._drawer_7b6q3_37._sizeSm_7b6q3_83._placementTop_7b6q3_65,._drawer_7b6q3_37._sizeSm_7b6q3_83._placementBottom_7b6q3_74{height:var(--drawer-height-sm);width:100%}._drawer_7b6q3_37._sizeMd_7b6q3_90{width:var(--drawer-width-md)}._drawer_7b6q3_37._sizeMd_7b6q3_90._placementTop_7b6q3_65,._drawer_7b6q3_37._sizeMd_7b6q3_90._placementBottom_7b6q3_74{height:var(--drawer-height-md);width:100%}._drawer_7b6q3_37._sizeLg_7b6q3_97{width:var(--drawer-width-lg)}._drawer_7b6q3_37._sizeLg_7b6q3_97._placementTop_7b6q3_65,._drawer_7b6q3_37._sizeLg_7b6q3_97._placementBottom_7b6q3_74{height:var(--drawer-height-lg);width:100%}._content_7b6q3_105{flex:1;overflow-y:auto}:root{--drawer-header-gap: var(--space-6);--drawer-header-min-height: calc(24px + var(--space-6));--drawer-close-color: var(--palette-gray-400);--drawer-close-padding: var(--space-3);--drawer-title-font-size: var(--font-size-md);--drawer-title-weight: var(--font-weight-semibold);--drawer-title-color: var(--color-text-primary);--drawer-title-font-family: var(--font-family-body);--drawer-title-line-height: var(--line-height-md)}._root_1fwv3_13{align-items:center;display:flex;gap:var(--drawer-header-gap);min-height:var(--drawer-header-min-height);position:relative}._title_1fwv3_21{color:var(--drawer-title-color);flex:1;font-family:var(--drawer-title-font-family);font-size:var(--drawer-title-font-size);font-style:normal;font-weight:var(--drawer-title-weight);line-height:var(--drawer-title-line-height)}._close_1fwv3_31{color:var(--drawer-close-color);padding:var(--drawer-close-padding);position:absolute;right:0;top:50%;transform:translateY(-50%)}
+._root_1nnf8_1{display:flex;gap:var(--space-2)}._root_jagsa_1{max-height:100%;overflow-y:auto}:root{--drawer-underlay: var(--color-background-overlay);--drawer-bg: var(--color-background-primary);--drawer-shadow: 0 20px 24px -4px rgb(16 24 40 / .08), 0 8px 8px -4px rgb(16 24 40 / .03);--drawer-padding: var(--space-8);--drawer-gap: var(--space-6);--drawer-header-gap: var(--space-6);--drawer-header-min-height: calc(24px + var(--space-6));--drawer-close-color: var(--palette-gray-400);--drawer-close-padding: var(--space-3);--drawer-width-sm: 384px;--drawer-width-md: 480px;--drawer-width-lg: 640px;--drawer-height-sm: 320px;--drawer-height-md: 480px;--drawer-height-lg: 640px;--drawer-title-font-size: var(--font-size-md);--drawer-title-weight: var(--font-weight-semibold);--drawer-title-color: var(--color-text-primary);--drawer-title-font-family: var(--font-family-body);--drawer-title-line-height: var(--line-height-md)}._underlay_7b6q3_24{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--drawer-underlay);inset:0;position:fixed;z-index:1000}._modal_7b6q3_32{display:flex;height:100%}._drawer_7b6q3_37{background:var(--drawer-bg);box-shadow:var(--drawer-shadow);display:flex;flex-direction:column;gap:var(--drawer-gap);padding:var(--drawer-padding);position:fixed;transition:transform .3s ease}._drawer_7b6q3_37._placementLeft_7b6q3_47{bottom:0;left:0;top:0;transform:translate(-100%)}._drawer_7b6q3_37._placementLeft_7b6q3_47._entered_7b6q3_53{transform:translate(0)}._drawer_7b6q3_37._placementRight_7b6q3_56{bottom:0;right:0;top:0;transform:translate(100%)}._drawer_7b6q3_37._placementRight_7b6q3_56._entered_7b6q3_53{transform:translate(0)}._drawer_7b6q3_37._placementTop_7b6q3_65{left:0;right:0;top:0;transform:translateY(-100%)}._drawer_7b6q3_37._placementTop_7b6q3_65._entered_7b6q3_53{transform:translateY(0)}._drawer_7b6q3_37._placementBottom_7b6q3_74{bottom:0;left:0;right:0;transform:translateY(100%)}._drawer_7b6q3_37._placementBottom_7b6q3_74._entered_7b6q3_53{transform:translateY(0)}._drawer_7b6q3_37._sizeSm_7b6q3_83{width:var(--drawer-width-sm)}._drawer_7b6q3_37._sizeSm_7b6q3_83._placementTop_7b6q3_65,._drawer_7b6q3_37._sizeSm_7b6q3_83._placementBottom_7b6q3_74{height:var(--drawer-height-sm);width:100%}._drawer_7b6q3_37._sizeMd_7b6q3_90{width:var(--drawer-width-md)}._drawer_7b6q3_37._sizeMd_7b6q3_90._placementTop_7b6q3_65,._drawer_7b6q3_37._sizeMd_7b6q3_90._placementBottom_7b6q3_74{height:var(--drawer-height-md);width:100%}._drawer_7b6q3_37._sizeLg_7b6q3_97{width:var(--drawer-width-lg)}._drawer_7b6q3_37._sizeLg_7b6q3_97._placementTop_7b6q3_65,._drawer_7b6q3_37._sizeLg_7b6q3_97._placementBottom_7b6q3_74{height:var(--drawer-height-lg);width:100%}._content_7b6q3_105{flex:1;overflow-y:auto}:root{--drawer-header-gap: var(--space-6);--drawer-header-min-height: calc(24px + var(--space-6));--drawer-close-color: var(--palette-gray-400);--drawer-close-padding: var(--space-3);--drawer-title-font-size: var(--font-size-md);--drawer-title-weight: var(--font-weight-semibold);--drawer-title-color: var(--color-text-primary);--drawer-title-font-family: var(--font-family-body);--drawer-title-line-height: var(--line-height-md)}._root_1fwv3_13{align-items:center;display:flex;gap:var(--drawer-header-gap);min-height:var(--drawer-header-min-height);position:relative}._title_1fwv3_21{color:var(--drawer-title-color);flex:1;font-family:var(--drawer-title-font-family);font-size:var(--drawer-title-font-size);font-style:normal;font-weight:var(--drawer-title-weight);line-height:var(--drawer-title-line-height)}._close_1fwv3_31{color:var(--drawer-close-color);padding:var(--drawer-close-padding);position:absolute;right:0;top:50%;transform:translateY(-50%)}

package/dist/drawer.d.ts

@@ -1,6 +1,16 @@
 import { AriaDialogProps } from 'react-aria';
 import { default as default_2 } from 'react';
 
+/**
+ * Wrapper for action buttons inside Drawer.
+ * Accepts only `<Button>` components as children.
+ * Auto-assigns variant based on position:
+ * - first child → `primary`
+ * - subsequent children → `secondary`
+ * unless the Button already has an explicit `variant` prop.
+ */
+declare const Actions: default_2.FC<default_2.PropsWithChildren>;
+
 /**
  * Drawer Content sub-component.
  *
@@ -111,6 +121,7 @@ export declare interface IHeaderProps extends default_2.PropsWithChildren {
 }
 
 declare type TDrawerCompoundComponent = typeof Drawer_2 & {
+    Actions: typeof Actions;
     Content: typeof Content;
     Header: typeof Header;
 };

package/dist/drawer.js

@@ -1,106 +1,126 @@
-import { jsx as t, jsxs as g } from "react/jsx-runtime";
-import { createContext as S, useContext as H, useRef as d, useState as h, useEffect as I, useMemo as P } from "react";
-import { c as j } from "./clsx-OuTLNxxd.mjs";
-import { $ as B, a as F } from "./useModalOverlay-D5Bs9FCB.mjs";
-import { r as k } from "./Overlay-RmiBtqDR.mjs";
-import { a as K } from "./useOverlayTriggerState-BIo1Jcba.mjs";
-import { g as U } from "./getComponentSlots-DwAYUFNk.mjs";
-import { g as C } from "./getVariantClassName-D7Nhpuec.mjs";
-import { u as V } from "./useLocale-D2Z0JH0l.mjs";
-import './drawer.css';var s = /* @__PURE__ */ ((e) => (e.CONTENT = "Drawer.Content", e.HEADER = "Drawer.Header", e))(s || {});
-const X = "_root_jagsa_1", Y = {
-  root: X
-}, T = (e) => {
+import { jsx as t, jsxs as T } from "react/jsx-runtime";
+import H, { cloneElement as P, createContext as k, useContext as B, useRef as f, useState as A, useEffect as j, useMemo as F } from "react";
+import { i as V } from "./isValidReactNode-CmYwTWCE.mjs";
+import "./camelCase-PtIYufW8.mjs";
+import { c as U } from "./clsx-OuTLNxxd.mjs";
+import { $ as K, a as Y } from "./useModalOverlay-B93fkWbb.mjs";
+import { s as G, i as J } from "./Overlay-OYo7gW8m.mjs";
+import { a as Q } from "./useOverlayTriggerState-DK8Xy6Kr.mjs";
+import { g as W } from "./getComponentSlots-DwAYUFNk.mjs";
+import { g as D } from "./getVariantClassName-D7Nhpuec.mjs";
+import { u as X } from "./useLocale-D2Z0JH0l.mjs";
+import './drawer.css';var o = /* @__PURE__ */ ((e) => (e.ACTIONS = "Drawer.Actions", e.CONTENT = "Drawer.Content", e.HEADER = "Drawer.Header", e))(o || {});
+const Z = "_root_1nnf8_1", ee = {
+  root: Z
+}, g = ({ children: e }) => {
+  const n = H.Children.toArray(e), l = n.map((s, c) => {
+    if (!V("Button", s))
+      return s;
+    const r = s.props.variant;
+    return P(s, {
+      key: c,
+      ...r ? {} : { variant: r ?? (c === 0 ? "primary" : "secondary") }
+    });
+  });
+  return n.length === 0 ? null : /* @__PURE__ */ t("div", { className: ee.root, children: l });
+};
+g.displayName = o.ACTIONS;
+const te = "_root_jagsa_1", oe = {
+  root: te
+}, y = (e) => {
   const { children: n } = e;
-  return /* @__PURE__ */ t("div", { className: Y.root, children: n });
+  return /* @__PURE__ */ t("div", { className: oe.root, children: n });
 };
-T.displayName = s.CONTENT;
-const G = "Drawer", J = [s.CONTENT, s.HEADER], E = S(null), Q = () => {
-  const e = H(E);
+y.displayName = o.CONTENT;
+const ne = "Drawer", re = [o.ACTIONS, o.CONTENT, o.HEADER], v = k(null), se = () => {
+  const e = B(v);
   if (!e)
     throw new Error("Drawer sub-components must be used within a Drawer component.");
   return e;
-}, W = "_underlay_7b6q3_24", Z = "_modal_7b6q3_32", ee = "_drawer_7b6q3_37", te = "_placementLeft_7b6q3_47", oe = "_entered_7b6q3_53", se = "_placementRight_7b6q3_56", ne = "_placementTop_7b6q3_65", re = "_placementBottom_7b6q3_74", ae = "_sizeSm_7b6q3_83", ce = "_sizeMd_7b6q3_90", le = "_sizeLg_7b6q3_97", ie = "_content_7b6q3_105", o = {
-  underlay: W,
-  modal: Z,
-  drawer: ee,
-  placementLeft: te,
-  entered: oe,
-  placementRight: se,
-  placementTop: ne,
-  placementBottom: re,
-  sizeSm: ae,
-  sizeMd: ce,
-  sizeLg: le,
-  content: ie
-}, me = 300, $ = (e) => {
-  const { children: n, container: a, dismissable: c = !0, onOpenChange: l, open: r, placement: x = "right", size: y = "md" } = e, f = d(null), u = d(null), { dialogProps: A } = B(e, f), p = K({ isOpen: r, onOpenChange: l }), { modalProps: R, underlayProps: z } = F(
-    { isDismissable: c, isKeyboardDismissDisabled: !1 },
-    p,
-    u
-  ), [b, N] = h(r || !1), [L, w] = h(!1), i = d(b);
-  I(() => {
+}, ae = "_underlay_7b6q3_24", ce = "_modal_7b6q3_32", le = "_drawer_7b6q3_37", ie = "_placementLeft_7b6q3_47", me = "_entered_7b6q3_53", de = "_placementRight_7b6q3_56", fe = "_placementTop_7b6q3_65", ue = "_placementBottom_7b6q3_74", _e = "_sizeSm_7b6q3_83", pe = "_sizeMd_7b6q3_90", be = "_sizeLg_7b6q3_97", Ne = "_content_7b6q3_105", a = {
+  underlay: ae,
+  modal: ce,
+  drawer: le,
+  placementLeft: ie,
+  entered: me,
+  placementRight: de,
+  placementTop: fe,
+  placementBottom: ue,
+  sizeSm: _e,
+  sizeMd: pe,
+  sizeLg: be,
+  content: Ne
+}, Ce = 300, E = (e) => {
+  const { children: n, container: l, dismissable: s = !0, onOpenChange: c, open: r, placement: p = "right", size: x = "md" } = e, b = f(null), i = f(null), { dialogProps: O } = K(e, b), N = Q({ isOpen: r, onOpenChange: c }), { modalProps: R, underlayProps: z } = Y(
+    { isDismissable: s, isKeyboardDismissDisabled: !1 },
+    N,
+    i
+  ), [C, w] = A(r || !1), [I, $] = A(!1), m = f(C);
+  j(() => {
     if (r) {
-      i.current = !0, N(!0);
-      const m = requestAnimationFrame(() => {
+      m.current = !0, w(!0);
+      const d = requestAnimationFrame(() => {
         requestAnimationFrame(() => {
-          w(!0);
+          $(!0);
         });
       });
-      return () => cancelAnimationFrame(m);
+      return () => cancelAnimationFrame(d);
     }
-    if (i.current) {
-      w(!1);
-      const m = setTimeout(() => {
-        i.current = !1, N(!1);
-      }, me);
-      return () => clearTimeout(m);
+    if (m.current) {
+      $(!1);
+      const d = setTimeout(() => {
+        m.current = !1, w(!1);
+      }, Ce);
+      return () => clearTimeout(d);
     }
   }, [r]);
   const {
-    [s.CONTENT]: D,
-    [s.HEADER]: M
-  } = P(() => U(n, J), [n]), O = j(
-    o.drawer,
-    C("size", y, o),
-    C("placement", x, o),
-    { [o.entered]: L }
+    [o.ACTIONS]: S,
+    [o.CONTENT]: h,
+    [o.HEADER]: L
+  } = F(() => W(n, re), [n]), M = U(
+    a.drawer,
+    D("size", x, a),
+    D("placement", p, a),
+    { [a.entered]: I }
   );
-  return b ? /* @__PURE__ */ t(k, { portalContainer: a, children: /* @__PURE__ */ t("div", { className: o.underlay, ...z, children: /* @__PURE__ */ t("div", { className: o.modal, ...R, ref: u, children: /* @__PURE__ */ t(E.Provider, { value: { close: () => p.close() }, children: /* @__PURE__ */ g(
+  return C ? /* @__PURE__ */ t(G, { portalContainer: l, children: /* @__PURE__ */ t("div", { className: a.underlay, ...z, children: /* @__PURE__ */ t("div", { className: a.modal, ...R, ref: i, children: /* @__PURE__ */ t(J, { getContainer: () => i.current, children: /* @__PURE__ */ t(v.Provider, { value: { close: () => N.close() }, children: /* @__PURE__ */ T(
     "div",
     {
       "aria-label": "Drawer",
       "aria-modal": "true",
-      className: O,
+      className: M,
       role: "dialog",
-      ...A,
-      ref: f,
+      ...O,
+      ref: b,
       children: [
-        M,
-        D && /* @__PURE__ */ t("div", { className: o.content, children: D })
+        L,
+        h && /* @__PURE__ */ t("div", { className: a.content, children: h }),
+        S
       ]
     }
-  ) }) }) }) }) : null;
+  ) }) }) }) }) }) : null;
 };
-$.displayName = G;
-const de = "_root_1fwv3_13", _e = "_title_1fwv3_21", fe = "_close_1fwv3_31", _ = {
-  root: de,
-  title: _e,
-  close: fe
+E.displayName = ne;
+const we = "_root_1fwv3_13", $e = "_title_1fwv3_21", he = "_close_1fwv3_31", u = {
+  root: we,
+  title: $e,
+  close: he
 }, q = (e) => {
-  const { children: n } = e, { close: a } = Q(), c = V(), l = (r) => {
-    r.preventDefault(), a();
+  const { children: n } = e, { close: l } = se(), s = X(), c = (r) => {
+    r.preventDefault(), l();
   };
-  return /* @__PURE__ */ g("div", { className: _.root, children: [
-    /* @__PURE__ */ t("div", { className: _.title, children: n }),
-    /* @__PURE__ */ t("button", { "aria-label": c.dialog.close, className: _.close, onClick: l, type: "button", children: "X" })
+  return /* @__PURE__ */ T("div", { className: u.root, children: [
+    /* @__PURE__ */ t("div", { className: u.title, children: n }),
+    /* @__PURE__ */ t("button", { "aria-label": s.dialog.close, className: u.close, onClick: c, type: "button", children: "⛌" })
   ] });
 };
-q.displayName = s.HEADER;
-const v = $;
-v.Content = T;
-v.Header = q;
+q.displayName = o.HEADER;
+const _ = E;
+_.Actions = g;
+_.Content = y;
+_.Header = q;
 export {
-  v as Drawer,
-  v as default
+  _ as Drawer,
+  _ as default
 };

package/dist/input.js

@@ -69,7 +69,8 @@ const V = () => /* @__PURE__ */ e("svg", { width: "100%", height: "100%", viewBo
 ) });
 function R(o) {
   const s = o.replace(/\D/g, "").slice(0, 11);
-  if (!s) return "";
+  if (!s)
+    return "";
   let t = "+7";
   return s.length > 1 && (t += ` (${s.slice(1, 4)}`), s.length >= 4 && (t += `) ${s.slice(4, 7)}`), s.length >= 7 && (t += `-${s.slice(7, 9)}`), s.length >= 9 && (t += `-${s.slice(9, 11)}`), t;
 }

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,11 +1,11 @@
 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 d } 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;
@@ -15,44 +15,45 @@ const F = "_content_qcofp_10", G = "_noPadding_qcofp_32", l = {
   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: o, state: t, placement: c } = m(), s = d(null), { overlayProps: $, placement: v } = _({
+    isOpen: t.isOpen,
     offset: E,
     overlayRef: s,
     placement: c,
     shouldFlip: !0,
     targetRef: o
-  }), { overlayProps: x } = N(
+  }), { overlayProps: x } = h(
     {
       isDismissable: !0,
-      isOpen: r.isOpen,
+      isOpen: t.isOpen,
       // eslint-disable-next-line @typescript-eslint/unbound-method
-      onClose: r.close
+      onClose: t.close
     },
     s
   );
-  return r.isOpen ? /* @__PURE__ */ a(h, { children: /* @__PURE__ */ a(
+  return t.isOpen ? /* @__PURE__ */ a(T, { children: /* @__PURE__ */ a(
     "div",
     {
-      className: T(l.content, !n && l.noPadding),
+      className: R(l.content, !r && l.noPadding),
       "data-placement": v,
       ref: s,
-      ...$,
       ...x,
-      children: t
+      ...$,
+      children: n
     }
   ) }) : null;
 };
 u.displayName = i.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: o, placement: t = "bottom" } = e, c = d(null), s = N({ isOpen: r, onOpenChange: o });
+  return /* @__PURE__ */ a(y, { value: { placement: t, state: s, triggerRef: c }, children: n });
 };
 g.displayName = p;
 const P = (e) => {
-  const { children: t } = e, { triggerRef: n, state: o } = m();
+  const { children: n } = e, { triggerRef: r, state: o } = 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": o.isOpen, "aria-haspopup": "true", onClick: o.toggle, ref: r, children: n })
   );
 };
 P.displayName = i.TRIGGER;

package/dist/tooltip.js

@@ -1,7 +1,7 @@
 import { jsx as m, jsxs as O } from "react/jsx-runtime";
-import { createContext as $, useContext as D, useRef as p, useId as L, useState as P, useCallback as i, useEffect as A } from "react";
-import { r as F } from "./Overlay-RmiBtqDR.mjs";
-import { $ as M } from "./useOverlayPosition-DVu1Qziq.mjs";
+import { createContext as $, useContext as D, useRef as p, useId as L, useState as P, useCallback as l, useEffect as A } from "react";
+import { s as F } from "./Overlay-OYo7gW8m.mjs";
+import { $ as M } from "./useOverlayPosition-CK3oEqVS.mjs";
 import './tooltip.css';const b = $(null), G = b.Provider, I = () => {
   const e = D(b);
   if (!e)
@@ -13,80 +13,81 @@ const j = "_content_w5bk0_11", H = "_arrow_w5bk0_26", w = {
   content: j,
   arrow: H
 }, E = (e) => {
-  const { children: l } = e, { cancelClose: a, close: r, contentId: s, isOpen: u, placement: d, triggerRef: n } = I(), o = p(null), {
+  const { children: a } = e, { cancelClose: u, close: r, contentId: s, isOpen: c, placement: d, triggerRef: n } = I(), o = p(null), {
     arrowProps: f,
-    overlayProps: c,
+    overlayProps: i,
     placement: t
   } = M({
+    isOpen: c,
     offset: Y,
     overlayRef: o,
     placement: d,
     shouldFlip: !0,
     targetRef: n
   });
-  return u ? /* @__PURE__ */ m(F, { children: /* @__PURE__ */ O(
+  return c ? /* @__PURE__ */ m(F, { children: /* @__PURE__ */ O(
     "div",
     {
       className: w.content,
       "data-placement": t,
       id: s,
-      onMouseEnter: a,
+      onMouseEnter: u,
       onMouseLeave: r,
       ref: o,
       role: "tooltip",
-      ...c,
+      ...i,
       children: [
         /* @__PURE__ */ m("div", { className: w.arrow, ...f }),
-        l
+        a
       ]
     }
   ) }) : null;
 };
 E.displayName = v.CONTENT;
 const g = (e) => {
-  const { children: l, placement: a = "top", showDelay: r = S, hideDelay: s = k } = e, u = p(null), d = L(), n = p(void 0), o = p(void 0), [f, c] = P(!1), t = i(() => {
+  const { children: a, placement: u = "top", showDelay: r = S, hideDelay: s = k } = e, c = p(null), d = L(), n = p(void 0), o = p(void 0), [f, i] = P(!1), t = l(() => {
     n.current !== void 0 && (clearTimeout(n.current), n.current = void 0), o.current !== void 0 && (clearTimeout(o.current), o.current = void 0);
   }, []);
   A(() => () => {
     t();
   }, [t]);
-  const h = i(() => {
+  const h = l(() => {
     t(), n.current = window.setTimeout(() => {
-      c(!0);
+      i(!0);
     }, r);
-  }, [t, r]), _ = i(() => {
+  }, [t, r]), _ = l(() => {
     t(), o.current = window.setTimeout(() => {
-      c(!1);
+      i(!1);
     }, s);
-  }, [t, s]), x = i(() => {
+  }, [t, s]), x = l(() => {
     o.current !== void 0 && (clearTimeout(o.current), o.current = void 0);
-  }, []), N = i(() => {
-    t(), c(!0);
-  }, [t]), y = i(() => {
-    t(), c(!1);
+  }, []), N = l(() => {
+    t(), i(!0);
+  }, [t]), y = l(() => {
+    t(), i(!1);
   }, [t]);
   return /* @__PURE__ */ m(
     G,
     {
-      value: { cancelClose: x, close: _, closeImmediate: y, contentId: d, isOpen: f, open: h, openImmediate: N, placement: a, triggerRef: u },
-      children: l
+      value: { cancelClose: x, close: _, closeImmediate: y, contentId: d, isOpen: f, open: h, openImmediate: N, placement: u, triggerRef: c },
+      children: a
     }
   );
 };
 g.displayName = T;
 const C = (e) => {
-  const { children: l } = e, { close: a, contentId: r, open: s, openImmediate: u, closeImmediate: d, triggerRef: n } = I();
+  const { children: a } = e, { close: u, contentId: r, open: s, openImmediate: c, closeImmediate: d, triggerRef: n } = I();
   return /* @__PURE__ */ m(
     "span",
     {
       "aria-describedby": r,
       onBlur: d,
-      onFocus: u,
+      onFocus: c,
       onMouseEnter: s,
-      onMouseLeave: a,
+      onMouseLeave: u,
       ref: n,
       tabIndex: 0,
-      children: l
+      children: a
     }
   );
 };

package/dist/{useModalOverlay-D5Bs9FCB.mjs → useModalOverlay-B93fkWbb.mjs}

@@ -1,6 +1,6 @@
-import { l as N, n as ee, p as J, h as g, $ as P, g as te, o as ne, a as oe, s as D, b as k, q as K, e as re, c as F } from "./Overlay-RmiBtqDR.mjs";
+import { m as N, o as ee, q as J, h as g, $ as P, g as te, p as ne, a as oe, t as D, b as k, r as K, e as re, c as F } from "./Overlay-OYo7gW8m.mjs";
 import { useState as X, useRef as E, useCallback as Y, useEffect as C } from "react";
-import { $ as le } from "./useOverlayTriggerState-BIo1Jcba.mjs";
+import { $ as le } from "./useOverlayTriggerState-DK8Xy6Kr.mjs";
 import { c as ae } from "./clsx-OuTLNxxd.mjs";
 function _(...t) {
   return (...e) => {

package/dist/{useOverlayPosition-DVu1Qziq.mjs → useOverlayPosition-CK3oEqVS.mjs}

@@ -1,4 +1,4 @@
-import { m as he, c as we, $ as re, t as xe, d as ve, a as Le, b as V, l as B } from "./Overlay-RmiBtqDR.mjs";
+import { n as he, c as we, $ as re, u as xe, d as ve, a as Le, b as V, m as B } from "./Overlay-OYo7gW8m.mjs";
 import Ee, { useState as ne, useEffect as _, useContext as Te, useRef as W, useCallback as j } from "react";
 const Pe = /* @__PURE__ */ new Set([
   "Arab",

package/dist/{useOverlayTriggerState-BIo1Jcba.mjs → useOverlayTriggerState-DK8Xy6Kr.mjs}

@@ -1,4 +1,4 @@
-import { $ as h, c as m, j as T, o as y, b as C, k as I, i as G, t as P, f as V } from "./Overlay-RmiBtqDR.mjs";
+import { $ as h, c as m, k as T, p as y, b as C, l as I, j as G, u as P, f as V } from "./Overlay-OYo7gW8m.mjs";
 import x, { useRef as E, useCallback as v, useEffect as D, useState as B, useReducer as k } from "react";
 function M() {
   let a = E(/* @__PURE__ */ new Map()), n = v((o, s, u, i) => {