asheeui 0.6.3 → 0.6.6

package/dist/components/keyboard/keyboard-context.js

@@ -1,87 +1,90 @@
 "use client";
-import { jsx as y } from "react/jsx-runtime";
-import { createContext as z, useMemo as j, useState as i, useRef as F, useCallback as p, useContext as G } from "react";
-import { useAsheeConfig as H } from "../../libs/context.js";
-import { defaultKeyboardConfig as n } from "./keyboard-config.js";
-const q = z(null);
-function V({
-  children: r,
-  layouts: f,
-  display: v,
-  defaultLayout: d,
-  heightClass: m,
-  autoShiftBack: x,
-  closeDelay: I = 120,
-  variant: T,
-  color: k,
-  radius: w
+import { jsx as F } from "react/jsx-runtime";
+import { createContext as G, useMemo as j, useState as i, useRef as H, useCallback as p, useContext as J } from "react";
+import { useAsheeConfig as N } from "../../libs/context.js";
+import { defaultKeyboardConfig as r } from "./keyboard-config.js";
+const q = G(null);
+function X({
+  children: s,
+  layouts: v,
+  display: f,
+  defaultLayout: x,
+  size: I,
+  autoShiftBack: T,
+  closeDelay: d = 120,
+  variant: k,
+  color: w,
+  radius: A,
+  portal: E
 }) {
   var R;
-  const s = H(), t = (R = s == null ? void 0 : s.components) == null ? void 0 : R.keyboard, A = j(
+  const n = N(), t = (R = n == null ? void 0 : n.components) == null ? void 0 : R.keyboard, S = j(
     () => ({
-      layouts: f ?? (t == null ? void 0 : t.layouts) ?? n.layouts,
-      display: v ?? (t == null ? void 0 : t.display) ?? n.display,
-      defaultLayout: d ?? (t == null ? void 0 : t.defaultLayout) ?? n.defaultLayout,
-      heightClass: m,
-      autoShiftBack: x ?? (t == null ? void 0 : t.autoShiftBack) ?? n.autoShiftBack,
-      variant: T ?? (t == null ? void 0 : t.variant),
-      color: k ?? (t == null ? void 0 : t.color),
-      radius: w ?? (t == null ? void 0 : t.radius)
+      layouts: v ?? (t == null ? void 0 : t.layouts) ?? r.layouts,
+      display: f ?? (t == null ? void 0 : t.display) ?? r.display,
+      defaultLayout: x ?? (t == null ? void 0 : t.defaultLayout) ?? r.defaultLayout,
+      size: I ?? (t == null ? void 0 : t.size) ?? r.size,
+      autoShiftBack: T ?? (t == null ? void 0 : t.autoShiftBack) ?? r.autoShiftBack,
+      variant: k ?? (t == null ? void 0 : t.variant),
+      color: w ?? (t == null ? void 0 : t.color),
+      radius: A ?? (t == null ? void 0 : t.radius),
+      portal: E ?? (t == null ? void 0 : t.portal) ?? r.portal
     }),
     [
-      f,
-      t,
       v,
-      d,
-      m,
+      t,
+      f,
       x,
+      I,
       T,
       k,
-      w
+      w,
+      A,
+      E
     ]
-  ), [E, c] = i(!1), [P, l] = i(null), [S, o] = i(
+  ), [m, c] = i(!1), [z, e] = i(null), [B, o] = i(
     null
-  ), u = F(null), B = p((a, e) => {
-    u.current && (clearTimeout(u.current), u.current = null), l(a), o(e), c(!0);
-  }, []), L = p(
+  ), u = H(null), L = p((a, l) => {
+    u.current && (clearTimeout(u.current), u.current = null), e(a), o(l), c(!0);
+  }, []), O = p(
     (a) => {
       u.current && clearTimeout(u.current), u.current = setTimeout(() => {
-        l((e) => (e === a && (c(!1), o(null)), e)), u.current = null;
-      }, I);
+        e((l) => (l === a && (c(!1), o(null)), l)), u.current = null;
+      }, d);
     },
-    [I]
-  ), O = p(() => {
-    u.current && (clearTimeout(u.current), u.current = null), c(!1), o(null), l(null);
+    [d]
+  ), P = p(() => {
+    u.current && (clearTimeout(u.current), u.current = null), c(!1), o(null), e(null);
   }, []), M = j(
     () => ({
-      isOpen: E,
-      activeInputId: P,
-      activeElement: S,
-      config: A,
-      openKeyboard: B,
-      requestClose: L,
-      forceClose: O
+      isOpen: m,
+      activeInputId: z,
+      activeElement: B,
+      config: S,
+      openKeyboard: L,
+      requestClose: O,
+      forceClose: P
     }),
     [
-      E,
-      P,
-      S,
-      A,
+      m,
+      z,
       B,
+      S,
       L,
-      O
+      O,
+      P
     ]
   );
-  return /* @__PURE__ */ y(q.Provider, { value: M, children: r });
+  return /* @__PURE__ */ F(q.Provider, { value: M, children: s });
 }
-function W() {
-  const r = G(q);
-  if (!r)
+function Y() {
+  const s = J(q);
+  if (!s)
     throw new Error("useKeyboard must be used within a <KeyboardProvider>");
-  return r;
+  return s;
 }
 export {
   q as KeyboardContext,
-  V as KeyboardProvider,
-  W as useKeyboard
+  X as KeyboardProvider,
+  Y as useKeyboard
 };

package/dist/components/keyboard/keyboard-styles.d.ts

@@ -0,0 +1,13 @@
+import { Size } from '../../shared';
+/**
+ * CSS classes for keyboard height based on size.
+ * Maps size keys to Tailwind height classes for the keyboard container.
+ */
+export declare const KEYBOARD_SIZE_CLASS: Record<Size, string>;
+/**
+ * CSS classes for keyboard key sizes.
+ * Maps size keys to Tailwind classes that control the font size
+ * and padding of individual keys.
+ */
+export declare const KEYBOARD_KEY_SIZE_CLASS: Record<Size, string>;
+//# sourceMappingURL=keyboard-styles.d.ts.map

package/dist/components/keyboard/keyboard-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyboard-styles.d.ts","sourceRoot":"","sources":["../../../src/components/keyboard/keyboard-styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEzC;;;GAGG;AACH,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAIpD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAIxD,CAAC"}

package/dist/components/keyboard/keyboard-styles.js

@@ -0,0 +1,14 @@
+"use client";
+const s = {
+  sm: "h-48 sm:h-56",
+  md: "h-56 sm:h-64",
+  lg: "h-64 sm:h-72"
+}, t = {
+  sm: "text-xs gap-1",
+  md: "text-sm sm:text-base gap-1.5",
+  lg: "text-base sm:text-lg gap-2"
+};
+export {
+  t as KEYBOARD_KEY_SIZE_CLASS,
+  s as KEYBOARD_SIZE_CLASS
+};

package/dist/components/multi-select/MultiSelect.d.ts

@@ -118,6 +118,12 @@ export interface MultiSelectProps extends BaseMultiSelectProps {
  * and integrates with the FieldShell for consistent label and validation
  * handling.
  *
+ * By default, the dropdown menu uses React's createPortal to render at the
+ * document body level. This ensures the menu escapes CSS containment, overflow
+ * clipping, and stacking context issues. The portal can be disabled via the
+ * `portal` prop or `components.multiSelect.portal` in the config if the menu
+ * needs to stay within a specific parent container.
+ *
  * @param props - MultiSelect configuration options.
  * @param props.options - Available options to select from.
  * @param props.value - Controlled selected values.
@@ -138,6 +144,8 @@ export interface MultiSelectProps extends BaseMultiSelectProps {
  * @param props.color - Theme accent color. Defaults to "primary".
  * @param props.status - Validation status.
  * @param props.labelAlign - Alignment of the label. Defaults to "left".
+ * @param props.portal - Whether to render the dropdown in a portal. Defaults to true.
+ * @param props.portalTarget - Custom portal target element. Defaults to document.body.
  *
  * @example
  * ```tsx

package/dist/components/multi-select/MultiSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../../src/components/multi-select/MultiSelect.tsx"],"names":[],"mappings":"AAsBA,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAgBf,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEvD,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,uBAAuB,CAAC;AAU/B,KAAK,oBAAoB,GAAG,iBAAiB,GAC3C,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,UAAU,CAAC,CAAC;AAEtE;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,oBAAoB;IAC5D;;;OAGG;IACH,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAE5B;;;OAGG;IACH,KAAK,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IAE5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,KAAK,IAAI,CAAC;IAEjD;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;OAGG;IACH,WAAW,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAEjC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAEjD;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAEjD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAID;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+DG;AACH,eAAO,MAAM,WAAW,gHAiWvB,CAAC"}
+{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../../src/components/multi-select/MultiSelect.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAgBf,OAAO,EAAE,KAAK,gBAAgB,EAAqB,MAAM,gBAAgB,CAAC;AAE1E,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,uBAAuB,CAAC;AAU/B,KAAK,oBAAoB,GAAG,iBAAiB,GAC3C,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,UAAU,CAAC,CAAC;AAEtE;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,oBAAoB;IAC5D;;;OAGG;IACH,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAE5B;;;OAGG;IACH,KAAK,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IAE5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,KAAK,IAAI,CAAC;IAEjD;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;OAGG;IACH,WAAW,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAEjC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAEjD;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAEjD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAID;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuEG;AACH,eAAO,MAAM,WAAW,gHA0WvB,CAAC"}