asheeui 0.6.7 → 0.6.9

package/dist/components/keyboard/OnScreenKeyboard.d.ts

@@ -1,26 +1,66 @@
-import { KeyboardConfig, LayoutName } from './keyboard-config';
+import { Color, Radius, Variant } from '../../shared';
+import { KeyboardElement } from './KeyboardContext';
+import { KeyboardConfig, KeyboardSizeKey, LayoutName } from './keyboard-config';
 /**
  * Props for the OnScreenKeyboard component.
  */
-export interface OnScreenKeyboardProps extends KeyboardConfig {
+export interface OnScreenKeyboardProps {
     /**
-     * Extra CSS classes for the keyboard container.
+     * Whether the keyboard is open.
      */
-    className?: string;
+    isOpen: boolean;
+    /**
+     * The currently active input element.
+     */
+    activeElement: KeyboardElement | null;
+    /**
+     * The keyboard configuration.
+     */
+    config: KeyboardConfig;
+    /**
+     * The current layout name.
+     */
+    currentLayout: LayoutName;
     /**
-     * Initial layout to show when the keyboard opens.
+     * Function to set the layout.
      */
-    initialLayout?: LayoutName;
+    setLayout: (layout: LayoutName) => void;
+    /**
+     * Function to force close the keyboard.
+     */
+    forceClose: () => void;
+    /**
+     * Size scale for keyboard keys.
+     */
+    size: KeyboardSizeKey;
+    /**
+     * Visual variant for keys.
+     */
+    variant: Variant;
+    /**
+     * Theme color for keys.
+     */
+    color: Color;
+    /**
+     * Corner rounding for keys.
+     */
+    radius: Radius;
+    /**
+     * Whether to render the keyboard in a portal.
+     */
+    portal: boolean;
+    /**
+     * Extra CSS classes for the keyboard container.
+     */
+    className?: string;
     /**
      * Extra CSS classes for individual keys.
      */
     keyClassName?: string;
     /**
-     * Whether to render the keyboard in a Floating UI portal.
-     * When true, the keyboard is rendered at the document body level.
-     * Defaults to true.
+     * Whether the keyboard is globally disabled.
      */
-    portal?: boolean;
+    disabled?: boolean;
 }
 /**
  * The on-screen virtual keyboard UI.
@@ -31,44 +71,26 @@ export interface OnScreenKeyboardProps extends KeyboardConfig {
  * management, physical keyboard synchronization, and visual feedback
  * for pressed keys.
  *
- * The component is controlled by the KeyboardContext and should be
- * placed inside a KeyboardProvider. It automatically shows and hides
- * based on the context state.
- *
- * By default, the keyboard uses FloatingPortal to render at the document
- * body level. This ensures the keyboard appears at the bottom of the screen
- * regardless of where the input is in the DOM tree, escaping CSS containment,
- * overflow clipping, and stacking context issues. The portal can be disabled
- * via the `portal` prop or `components.keyboard.portal` in the config if the
- * keyboard needs to stay within a specific parent container.
+ * The component is controlled by the KeyboardProvider and should not be
+ * used directly. It automatically shows and hides based on the provider state.
  *
  * @param props - OnScreenKeyboard configuration options.
- * @param props.className - Extra CSS classes for the container.
- * @param props.heightClass - CSS height class for the keyboard (deprecated).
- * @param props.size - Size scale for keyboard keys. Defaults to "md".
- * @param props.initialLayout - Initial layout name.
- * @param props.keyClassName - Extra CSS classes for keys.
+ * @param props.isOpen - Whether the keyboard is open.
+ * @param props.activeElement - The active input element.
+ * @param props.config - The keyboard configuration.
+ * @param props.currentLayout - The current layout name.
+ * @param props.setLayout - Function to set the layout.
+ * @param props.forceClose - Function to force close the keyboard.
+ * @param props.size - Size scale for keys.
  * @param props.variant - Visual variant for keys.
  * @param props.color - Theme color for keys.
  * @param props.radius - Corner rounding for keys.
- * @param props.portal - Whether to render the keyboard in a portal. Defaults to true.
- *
- * @example
- * ```tsx
- * import { KeyboardProvider, OnScreenKeyboard, Input } from "asheeui";
- *
- * export function App() {
- *   return (
- *     <KeyboardProvider size="lg">
- *       <Input label="Search" enableVirtualKeyboard />
- *       <OnScreenKeyboard />
- *     </KeyboardProvider>
- *   );
- * }
- * ```
+ * @param props.portal - Whether to render in a portal.
+ * @param props.className - Extra CSS classes.
+ * @param props.keyClassName - Extra CSS classes for keys.
+ * @param props.disabled - Whether the keyboard is disabled.
  *
- * @see KeyboardProvider - The provider that controls the keyboard state.
- * @see useKeyboardField - Hook for connecting inputs to the keyboard.
+ * @internal This component is used internally by KeyboardProvider.
  */
-export declare function OnScreenKeyboard({ className, initialLayout, size: sizeProp, variant: variantProp, color: colorProp, radius: radiusProp, keyClassName, portal: portalProp, }: OnScreenKeyboardProps): import("react").JSX.Element | null;
+export declare function OnScreenKeyboard({ isOpen, activeElement, config, currentLayout, setLayout, forceClose, size, variant, color, radius, portal, className, keyClassName, disabled, }: OnScreenKeyboardProps): import("react").JSX.Element | null;
 //# sourceMappingURL=OnScreenKeyboard.d.ts.map

package/dist/components/keyboard/OnScreenKeyboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OnScreenKeyboard.d.ts","sourceRoot":"","sources":["../../../src/components/keyboard/OnScreenKeyboard.tsx"],"names":[],"mappings":"AAeA,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,UAAU,EAChB,MAAM,mBAAmB,CAAC;AA2E3B;;GAEG;AACH,MAAM,WAAW,qBAAsB,SAAQ,cAAc;IAC3D;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,aAAa,CAAC,EAAE,UAAU,CAAC;IAE3B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,aAAa,EACb,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,SAAS,EAChB,MAAM,EAAE,UAAU,EAClB,YAAY,EACZ,MAAM,EAAE,UAAU,GACnB,EAAE,qBAAqB,sCAsOvB"}
+{"version":3,"file":"OnScreenKeyboard.d.ts","sourceRoot":"","sources":["../../../src/components/keyboard/OnScreenKeyboard.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAG3D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,KAAK,EACV,cAAc,EACd,eAAe,EACf,UAAU,EACX,MAAM,mBAAmB,CAAC;AA0E3B;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAEhB;;OAEG;IACH,aAAa,EAAE,eAAe,GAAG,IAAI,CAAC;IAEtC;;OAEG;IACH,MAAM,EAAE,cAAc,CAAC;IAEvB;;OAEG;IACH,aAAa,EAAE,UAAU,CAAC;IAE1B;;OAEG;IACH,SAAS,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IAExC;;OAEG;IACH,UAAU,EAAE,MAAM,IAAI,CAAC;IAEvB;;OAEG;IACH,IAAI,EAAE,eAAe,CAAC;IAEtB;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC;IAEb;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAEhB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,aAAa,EACb,MAAM,EACN,aAAa,EACb,SAAS,EACT,UAAU,EACV,IAAI,EACJ,OAAO,EACP,KAAK,EACL,MAAM,EACN,MAAM,EACN,SAAS,EACT,YAAY,EACZ,QAAgB,GACjB,EAAE,qBAAqB,sCAuNvB"}

package/dist/components/keyboard/OnScreenKeyboard.js

@@ -1,166 +1,172 @@
 "use client";
-import { jsx as y } from "react/jsx-runtime";
-import { FloatingPortal as X } from "@floating-ui/react";
-import { useState as E, useEffect as N, useMemo as J, useCallback as z } from "react";
-import { useAsheeConfig as Q } from "../../libs/context.js";
-import { Button as ee } from "../button/Button.js";
-import { FALLBACK_KEYBOARD_CONFIG as w } from "./keyboard-config.js";
-import { useKeyboard as re } from "./keyboard-context.js";
-import { KEYBOARD_KEY_SIZE_CLASS as te, KEYBOARD_SIZE_CLASS as se } from "./keyboard-styles.js";
-import { cn as P } from "../../utils/cn.js";
-function oe(e) {
-  return e === "{space}" ? "flex-[4]" : ["{bksp}", "{enter}", "{shift}", "{symbols}", "{abc}", "{clear}"].includes(
-    e
+import { jsx as p } from "react/jsx-runtime";
+import { FloatingPortal as V } from "@floating-ui/react";
+import { useState as R, useEffect as k, useMemo as W, useCallback as v } from "react";
+import { Button as X } from "../button/Button.js";
+import { KEYBOARD_KEY_SIZE_CLASS as D, KEYBOARD_SIZE_CLASS as N } from "./keyboard-styles.js";
+import { cn as B } from "../../utils/cn.js";
+function z(r) {
+  return r === "{space}" ? "flex-[4]" : ["{bksp}", "{enter}", "{shift}", "{symbols}", "{abc}", "{clear}"].includes(
+    r
   ) ? "flex-[1.6]" : "flex-1";
 }
-function _(e, s, i) {
-  var C;
-  const m = Object.getPrototypeOf(e), K = (C = Object.getOwnPropertyDescriptor(m, "value")) == null ? void 0 : C.set;
-  K ? K.call(e, s) : e.value = s, e.dispatchEvent(new Event("input", { bubbles: !0 })), requestAnimationFrame(() => {
-    e.focus(), e.setSelectionRange(i, i);
+function P(r, e, i) {
+  var h;
+  const t = Object.getPrototypeOf(r), c = (h = Object.getOwnPropertyDescriptor(t, "value")) == null ? void 0 : h.set;
+  c ? c.call(r, e) : r.value = e, r.dispatchEvent(new Event("input", { bubbles: !0 })), requestAnimationFrame(() => {
+    r.focus(), r.setSelectionRange(i, i);
   });
 }
-function ne(e, s, i) {
-  return s !== i ? { value: e.slice(0, s) + e.slice(i), cursor: s } : s === 0 ? { value: e, cursor: 0 } : {
-    value: e.slice(0, s - 1) + e.slice(i),
-    cursor: s - 1
+function G(r, e, i) {
+  return e !== i ? { value: r.slice(0, e) + r.slice(i), cursor: e } : e === 0 ? { value: r, cursor: 0 } : {
+    value: r.slice(0, e - 1) + r.slice(i),
+    cursor: e - 1
   };
 }
-function T(e) {
-  return (s, i, m) => ({
-    value: s.slice(0, i) + e + s.slice(m),
-    cursor: i + e.length
+function T(r) {
+  return (e, i, t) => ({
+    value: e.slice(0, i) + r + e.slice(t),
+    cursor: i + r.length
   });
 }
-function me({
-  className: e,
-  initialLayout: s,
-  size: i,
-  variant: m,
-  color: K,
-  radius: C,
-  keyClassName: $,
-  portal: j
+function ne({
+  isOpen: r,
+  activeElement: e,
+  config: i,
+  currentLayout: t,
+  setLayout: c,
+  forceClose: h,
+  size: S,
+  variant: $,
+  color: j,
+  radius: _,
+  portal: H,
+  className: M,
+  keyClassName: O,
+  disabled: w = !1
 }) {
-  const L = re();
-  if (!L) return null;
-  const { isOpen: h, activeElement: n, config: c, forceClose: A } = L, R = Q(), v = c.layouts ?? {}, F = c.display ?? {}, a = c.defaultLayout ?? w.defaultLayout, x = i ?? c.size ?? w.size, H = se[x], M = m ?? c.variant ?? R.defaultVariant ?? w.variant, Y = K ?? c.color ?? R.defaultColor ?? w.color, I = C ?? c.radius, V = j ?? c.portal ?? w.portal, Z = te[x], [u, b] = E(
-    s ?? a
-  ), [q, O] = E(/* @__PURE__ */ new Set()), [G, k] = E(null);
-  N(() => {
-    h && b(s ?? a);
-  }, [h, s, a]);
-  const U = J(() => (v[u] || v[a] || []).map((l, r) => ({
-    id: `${u}-row-${r}`,
-    keys: l.split(" ").map((f, d) => ({
-      id: `${u}-r${r}-k${d}-${f}`,
-      token: f
+  const b = i.layouts ?? {}, Y = i.display ?? {}, f = i.defaultLayout ?? "default", x = i.autoShiftBack ?? !0, [F, K] = R(/* @__PURE__ */ new Set()), [I, g] = R(null);
+  k(() => {
+    r && c(f);
+  }, [r, f, c]);
+  const Z = W(() => (b[t] || b[f] || []).map((l, n) => ({
+    id: `${t}-row-${n}`,
+    keys: l.split(" ").map((u, a) => ({
+      id: `${t}-r${n}-k${a}-${u}`,
+      token: u
     }))
-  })), [v, u, a]);
-  N(() => {
-    if (!h) return;
-    const l = (v[u] || []).join(" ").split(" "), r = (o) => o === "Backspace" ? "{bksp}" : o === "Enter" ? "{enter}" : o === " " ? "{space}" : o === "Shift" ? "{shift}" : o.length === 1 && l.includes(o) ? o : null, f = (o) => {
+  })), [b, t, f]);
+  k(() => {
+    if (!r || w) return;
+    const l = (b[t] || []).join(" ").split(" "), n = (o) => o === "Backspace" ? "{bksp}" : o === "Enter" ? "{enter}" : o === " " ? "{space}" : o === "Shift" ? "{shift}" : o.length === 1 && l.includes(o) ? o : null, u = (o) => {
       if (o.key === "Escape") {
-        A();
+        h();
         return;
       }
-      const p = r(o.key);
-      p && O((S) => new Set(S).add(p));
-    }, d = (o) => {
-      const p = r(o.key);
-      p && O((S) => {
-        const D = new Set(S);
-        return D.delete(p), D;
+      const d = n(o.key);
+      d && K((m) => new Set(m).add(d));
+    }, a = (o) => {
+      const d = n(o.key);
+      d && K((m) => {
+        const A = new Set(m);
+        return A.delete(d), A;
       });
     };
-    return window.addEventListener("keydown", f), window.addEventListener("keyup", d), () => {
-      window.removeEventListener("keydown", f), window.removeEventListener("keyup", d);
+    return window.addEventListener("keydown", u), window.addEventListener("keyup", a), () => {
+      window.removeEventListener("keydown", u), window.removeEventListener("keyup", a);
     };
-  }, [h, u, v, A]);
-  const g = z(
-    (t) => {
-      if (!n) return;
-      const l = n.value, r = n.selectionStart ?? l.length, f = n.selectionEnd ?? l.length, { value: d, cursor: o } = t(l, r, f);
-      _(n, d, o);
+  }, [r, t, b, h, w]);
+  const y = v(
+    (s) => {
+      if (!e) return;
+      const l = e.value, n = e.selectionStart ?? l.length, u = e.selectionEnd ?? l.length, { value: a, cursor: o } = s(l, n, u);
+      P(e, a, o);
     },
-    [n]
-  ), W = z(
-    (t) => {
-      if (t === "{shift}") {
-        b(
-          (r) => r === "shift" ? a : r === a ? "shift" : r
-        );
+    [e]
+  ), q = v(
+    (s) => {
+      if (w) return;
+      if (s === "{shift}") {
+        c(t === "shift" ? f : t === f ? "shift" : t);
         return;
       }
-      if (t === "{symbols}") {
-        b("symbols");
+      if (s === "{symbols}") {
+        c("symbols");
         return;
       }
-      if (t === "{abc}") {
-        b(a);
+      if (s === "{abc}") {
+        c(f);
         return;
       }
-      if (t === "{clear}") {
-        n && _(n, "", 0);
+      if (s === "{clear}") {
+        e && P(e, "", 0);
         return;
       }
-      if (t === "{enter}") {
-        (n == null ? void 0 : n.tagName) === "TEXTAREA" ? g(T(`
-`)) : n == null || n.blur();
+      if (s === "{enter}") {
+        (e == null ? void 0 : e.tagName) === "TEXTAREA" ? y(T(`
+`)) : e == null || e.blur();
         return;
       }
-      if (t === "{bksp}") {
-        g(ne);
+      if (s === "{bksp}") {
+        y(G);
         return;
       }
-      g(T(t === "{space}" ? " " : t)), u === "shift" && c.autoShiftBack && b(a);
+      y(T(s === "{space}" ? " " : s)), t === "shift" && x && c(f);
     },
-    [n, g, u, c.autoShiftBack, a]
+    [
+      e,
+      y,
+      t,
+      x,
+      f,
+      w,
+      c
+    ]
   );
-  if (!h) return null;
-  const B = /* @__PURE__ */ y(
+  if (!r || w) return null;
+  const E = N[S] || N.md, U = D[S] || D.md, C = /* @__PURE__ */ p(
     "section",
     {
       "aria-label": "Virtual Keyboard",
       className: "fixed inset-x-0 bottom-0 z-9999 pointer-events-auto",
-      onMouseDown: (t) => t.preventDefault(),
-      children: /* @__PURE__ */ y(
+      onMouseDown: (s) => s.preventDefault(),
+      children: /* @__PURE__ */ p(
         "div",
         {
-          className: P(
+          className: B(
             "w-full bg-background border-t border-border shadow-2xl flex flex-col select-none",
-            H,
-            e
+            E,
+            M
           ),
-          children: /* @__PURE__ */ y("div", { className: "flex flex-col gap-1.5 p-2 flex-1 min-h-0", children: U.map((t) => /* @__PURE__ */ y("div", { className: "flex gap-1.5 flex-1", children: t.keys.map(({ id: l, token: r }) => {
-            const o = q.has(r) || G === r, p = F[r] ?? r;
-            return /* @__PURE__ */ y(
-              ee,
+          children: /* @__PURE__ */ p("div", { className: "flex flex-col gap-1.5 p-2 flex-1 min-h-0", children: Z.map((s) => /* @__PURE__ */ p("div", { className: "flex gap-1.5 flex-1", children: s.keys.map(({ id: l, token: n }) => {
+            const o = F.has(n) || I === n, d = Y[n] ?? n;
+            return /* @__PURE__ */ p(
+              X,
               {
-                variant: M,
-                color: o ? Y : "secondary",
-                radius: I,
-                size: x,
-                onClick: () => W(r),
-                onMouseEnter: () => k(r),
-                onMouseLeave: () => k(null),
-                className: P(
+                variant: $,
+                color: o ? j : "secondary",
+                radius: _,
+                size: S,
+                onClick: () => q(n),
+                onMouseEnter: () => g(n),
+                onMouseLeave: () => g(null),
+                className: B(
                   "font-medium p-0 flex items-center justify-center",
-                  Z,
-                  oe(r),
-                  $
+                  U,
+                  z(n),
+                  O
                 ),
-                children: p
+                children: d
               },
               l
             );
-          }) }, t.id)) })
+          }) }, s.id)) })
         }
       )
     }
   );
-  return V ? /* @__PURE__ */ y(X, { children: B }) : B;
+  return H ? /* @__PURE__ */ p(V, { children: C }) : C;
 }
 export {
-  me as OnScreenKeyboard
+  ne as OnScreenKeyboard
 };

package/dist/components/keyboard/index.d.ts

@@ -1,5 +1,6 @@
+export * from './KeyboardContext';
+export * from './KeyboardProvider';
 export * from './keyboard-config';
-export * from './keyboard-context';
 export * from './OnScreenKeyboard';
 export * from './use-keyboard-field';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/keyboard/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/keyboard/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/keyboard/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC"}

package/dist/components/keyboard/index.js

@@ -1,5 +1,6 @@
+export * from "./KeyboardContext.js";
+export * from "./KeyboardProvider.js";
 export * from "./OnScreenKeyboard.js";
 export * from "./keyboard-config.js";
-export * from "./keyboard-context.js";
 export * from "./keyboard-styles.js";
 export * from "./use-keyboard-field.js";

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

@@ -29,13 +29,39 @@ export type KeyboardLayouts = Record<string, string[]>;
  * Used to render special keys with icons or custom labels.
  */
 export type KeyDisplayMap = Record<string, ReactNode>;
+/**
+ * Per-keyboard styling options that can override provider defaults.
+ */
+export interface KeyboardStylingOptions {
+    /**
+     * Size scale for keyboard keys.
+     * Controls the height, font size, and padding of individual keys.
+     */
+    size?: KeyboardSizeKey;
+    /**
+     * Visual style variant for keyboard keys.
+     */
+    variant?: Variant;
+    /**
+     * Theme accent color for keyboard keys.
+     */
+    color?: Color;
+    /**
+     * Corner rounding for keyboard keys.
+     */
+    radius?: Radius;
+    /**
+     * Whether to render the keyboard in a Floating UI portal.
+     */
+    portal?: boolean;
+}
 /**
  * Theme configuration options for the Keyboard component.
  *
  * Set under `components.keyboard` in the AsheeUI config. Values feed the
  * component-level fallback tier of the theme cascade.
  */
-export interface KeyboardConfig {
+export interface KeyboardConfig extends KeyboardStylingOptions {
     /**
      * The layouts available for the keyboard.
      * Maps layout names to arrays of row strings.
@@ -62,37 +88,11 @@ export interface KeyboardConfig {
      */
     autoShiftBack?: boolean;
     /**
-     * Size scale for keyboard keys.
-     * Controls the height, font size, and padding of individual keys.
-     *
-     * @default "md"
-     */
-    size?: KeyboardSizeKey;
-    /**
-     * Visual style variant for keyboard keys.
-     * @default "solid"
-     */
-    variant?: Variant;
-    /**
-     * Theme accent color for keyboard keys.
-     * @default "primary"
-     */
-    color?: Color;
-    /**
-     * Corner rounding for keyboard keys.
+     * Whether the keyboard system is globally disabled.
+     * When true, all keyboard interactions are prevented.
+     * @default false
      */
-    radius?: Radius;
-    /**
-     * Whether to render the keyboard in a Floating UI portal.
-     * When true, the keyboard is rendered at the document body level,
-     * escaping any parent DOM hierarchy. This prevents CSS containment,
-     * overflow clipping, and stacking context issues. Defaults to true
-     * because the keyboard should always appear at the bottom of the screen
-     * above all other content.
-     *
-     * @default true
-     */
-    portal?: boolean;
+    disabled?: boolean;
 }
 /**
  * Default keyboard layouts.
@@ -120,10 +120,14 @@ declare module "../../libs/registry" {
  * and global defaults are all undefined.
  */
 export declare const FALLBACK_KEYBOARD_CONFIG: {
-    defaultLayout: string;
-    size: KeyboardSizeKey;
-    variant: Variant;
-    color: Color;
-    portal: boolean;
+    readonly defaultLayout: LayoutName;
+    readonly size: KeyboardSizeKey;
+    readonly variant: Variant;
+    readonly color: Color;
+    readonly radius: Radius;
+    readonly portal: true;
+    readonly disabled: false;
+    readonly closeDelay: 500;
+    readonly autoShiftBack: true;
 };
 //# sourceMappingURL=keyboard-config.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"keyboard-config.d.ts","sourceRoot":"","sources":["../../../src/components/keyboard/keyboard-config.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEjE;;;;;;GAMG;AACH,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;AAE7E;;;GAGG;AACH,MAAM,MAAM,UAAU,GAAG,kBAAkB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAE5D;;;;GAIG;AACH,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC;AAEnC;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;AAEvD;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;AAEtD;;;;;GAKG;AACH,MAAM,WAAW,cAAc;IAC7B;;;OAGG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;IAE1B;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB;;;OAGG;IACH,aAAa,CAAC,EAAE,UAAU,CAAC;IAE3B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC;IAEvB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IAEd;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;;;;;;OASG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,EAAE,eAuBpC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,EAAE,aAQ/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,qBAAqB,EAAE,cAQnC,CAAC;AAEF,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,QAAQ,EAAE,cAAc,CAAC;KAC1B;CACF;AAID;;;;GAIG;AACH,eAAO,MAAM,wBAAwB;;UAErB,eAAe;aACT,OAAO;WACP,KAAK;;CAE1B,CAAC"}
+{"version":3,"file":"keyboard-config.d.ts","sourceRoot":"","sources":["../../../src/components/keyboard/keyboard-config.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEjE;;;;;;GAMG;AACH,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;AAE7E;;;GAGG;AACH,MAAM,MAAM,UAAU,GAAG,kBAAkB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAE5D;;;;GAIG;AACH,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC;AAEnC;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;AAEvD;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;AAEtD;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC;;;OAGG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC;IAEvB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IAEd;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;;;;GAKG;AACH,MAAM,WAAW,cAAe,SAAQ,sBAAsB;IAC5D;;;OAGG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;IAE1B;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB;;;OAGG;IACH,aAAa,CAAC,EAAE,UAAU,CAAC;IAE3B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,EAAE,eAuBpC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,EAAE,aAQ/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,qBAAqB,EAAE,cASnC,CAAC;AAEF,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,QAAQ,EAAE,cAAc,CAAC;KAC1B;CACF;AAID;;;;GAIG;AACH,eAAO,MAAM,wBAAwB;4BACP,UAAU;mBACxB,eAAe;sBACT,OAAO;oBACP,KAAK;qBACT,MAAM;;;;;CAKd,CAAC"}

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

@@ -1,6 +1,6 @@
 "use client";
 import { registerComponentDefaults as e } from "../../libs/registry.js";
-const t = {
+const a = {
   default: [
     "1 2 3 4 5 6 7 8 9 0 {bksp}",
     "q w e r t y u i o p",
@@ -31,26 +31,31 @@ const t = {
   "{abc}": "ABC",
   "{space}": "space",
   "{clear}": "C"
-}, a = {
-  layouts: t,
+}, t = {
+  layouts: a,
   display: s,
   defaultLayout: "default",
   closeDelay: 500,
   autoShiftBack: !0,
   size: "md",
-  portal: !0
+  portal: !0,
+  disabled: !1
 };
-e("keyboard", a);
-const l = {
+e("keyboard", t);
+const o = {
   defaultLayout: "default",
   size: "md",
   variant: "solid",
   color: "primary",
-  portal: !0
+  radius: "md",
+  portal: !0,
+  disabled: !1,
+  closeDelay: 500,
+  autoShiftBack: !0
 };
 export {
-  l as FALLBACK_KEYBOARD_CONFIG,
+  o as FALLBACK_KEYBOARD_CONFIG,
   s as defaultKeyDisplay,
-  a as defaultKeyboardConfig,
-  t as defaultKeyboardLayouts
+  t as defaultKeyboardConfig,
+  a as defaultKeyboardLayouts
 };