asheeui 2.0.0 → 2.3.0

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

@@ -1,130 +0,0 @@
-import { Color, Radius, Variant } from '../../shared';
-import { KeyboardConfig, KeyboardSizeKey, LayoutName } from './keyboard-config';
-/**
- * Type for keyboard input elements.
- * The keyboard can attach to input and textarea elements.
- */
-export type KeyboardElement = HTMLInputElement | HTMLTextAreaElement;
-/**
- * Options for opening the keyboard.
- */
-export interface KeyboardOpenOptions {
-    /**
-     * The layout to show when the keyboard opens.
-     * Overrides the provider's default layout.
-     */
-    layout?: LayoutName;
-    /**
-     * Size for this keyboard instance.
-     * Overrides the provider's size setting.
-     */
-    size?: KeyboardSizeKey;
-    /**
-     * Variant for this keyboard instance.
-     * Overrides the provider's variant setting.
-     */
-    variant?: Variant;
-    /**
-     * Color for this keyboard instance.
-     * Overrides the provider's color setting.
-     */
-    color?: Color;
-    /**
-     * Radius for this keyboard instance.
-     * Overrides the provider's radius setting.
-     */
-    radius?: Radius;
-    /**
-     * Portal setting for this keyboard instance.
-     * Overrides the provider's portal setting.
-     */
-    portal?: boolean;
-}
-/**
- * Context type for the keyboard state and controls.
- */
-export interface KeyboardContextType {
-    /**
-     * Whether the keyboard is currently open.
-     */
-    isOpen: boolean;
-    /**
-     * ID of the currently active input element.
-     */
-    activeInputId: string | null;
-    /**
-     * The currently active input element reference.
-     */
-    activeElement: KeyboardElement | null;
-    /**
-     * The merged keyboard configuration.
-     */
-    config: KeyboardConfig;
-    /**
-     * The resolved size for the keyboard.
-     */
-    resolvedSize: KeyboardSizeKey;
-    /**
-     * The resolved variant for the keyboard.
-     */
-    resolvedVariant: Variant;
-    /**
-     * The resolved color for the keyboard.
-     */
-    resolvedColor: Color;
-    /**
-     * The resolved radius for the keyboard.
-     */
-    resolvedRadius: Radius;
-    /**
-     * The resolved portal setting for the keyboard.
-     */
-    resolvedPortal: boolean;
-    /**
-     * Opens the keyboard for a specific input element.
-     * @param id - The ID of the input element.
-     * @param el - The input element reference.
-     * @param options - Optional configuration overrides.
-     */
-    openKeyboard: (id: string, el: KeyboardElement, options?: KeyboardOpenOptions) => void;
-    /**
-     * Requests to close the keyboard for a specific input.
-     * Uses a delay to prevent accidental closing on focus transitions.
-     * @param id - The ID of the input element.
-     */
-    requestClose: (id: string) => void;
-    /**
-     * Immediately closes the keyboard regardless of state.
-     */
-    forceClose: () => void;
-    /**
-     * Sets the current layout of the keyboard.
-     */
-    setLayout: (layout: LayoutName) => void;
-    /**
-     * The current layout of the keyboard.
-     */
-    currentLayout: LayoutName;
-    /**
-     * Whether the keyboard system is globally disabled.
-     */
-    isDisabled: boolean;
-}
-/**
- * React context for the keyboard state.
- */
-export declare const KeyboardContext: import('react').Context<KeyboardContextType | null>;
-/**
- * Hook for accessing the keyboard context.
- * Must be used within a KeyboardProvider.
- *
- * @returns The keyboard context value.
- * @throws {Error} When used outside of a KeyboardProvider.
- *
- * @example
- * ```tsx
- * const { isOpen, openKeyboard, forceClose } = useKeyboard();
- * ```
- */
-export declare function useKeyboard(): KeyboardContextType;
-//# sourceMappingURL=KeyboardContext.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"KeyboardContext.d.ts","sourceRoot":"","sources":["../../../src/components/keyboard/KeyboardContext.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAC3D,OAAO,KAAK,EACV,cAAc,EACd,eAAe,EACf,UAAU,EACX,MAAM,mBAAmB,CAAC;AAE3B;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG,gBAAgB,GAAG,mBAAmB,CAAC;AAErE;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC;;;OAGG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IAEpB;;;OAGG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC;IAEvB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IAEd;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAEhB;;OAEG;IACH,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAE7B;;OAEG;IACH,aAAa,EAAE,eAAe,GAAG,IAAI,CAAC;IAEtC;;OAEG;IACH,MAAM,EAAE,cAAc,CAAC;IAEvB;;OAEG;IACH,YAAY,EAAE,eAAe,CAAC;IAE9B;;OAEG;IACH,eAAe,EAAE,OAAO,CAAC;IAEzB;;OAEG;IACH,aAAa,EAAE,KAAK,CAAC;IAErB;;OAEG;IACH,cAAc,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,cAAc,EAAE,OAAO,CAAC;IAExB;;;;;OAKG;IACH,YAAY,EAAE,CACZ,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,eAAe,EACnB,OAAO,CAAC,EAAE,mBAAmB,KAC1B,IAAI,CAAC;IAEV;;;;OAIG;IACH,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC;;OAEG;IACH,UAAU,EAAE,MAAM,IAAI,CAAC;IAEvB;;OAEG;IACH,SAAS,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IAExC;;OAEG;IACH,aAAa,EAAE,UAAU,CAAC;IAE1B;;OAEG;IACH,UAAU,EAAE,OAAO,CAAC;CACrB;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,qDAAkD,CAAC;AAI/E;;;;;;;;;;;GAWG;AACH,wBAAgB,WAAW,wBAM1B"}

package/dist/components/keyboard/KeyboardContext.js

@@ -1,12 +0,0 @@
-"use client";
-"use client";
-import { createContext as e, useContext as t } from "react";
-//#region src/components/keyboard/KeyboardContext.tsx
-var n = e(null);
-function r() {
-	let e = t(n);
-	if (!e) throw Error("useKeyboard must be used within a <KeyboardProvider>");
-	return e;
-}
-//#endregion
-export { n as KeyboardContext, r as useKeyboard };

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

@@ -1,78 +0,0 @@
-import { ReactNode } from 'react';
-import { KeyboardConfig } from './keyboard-config';
-/**
- * Props for the KeyboardProvider component.
- */
-export interface KeyboardProviderProps extends KeyboardConfig {
-    /**
-     * Child components that will have access to the keyboard context.
-     */
-    children: ReactNode;
-    /**
-     * Extra CSS classes for the keyboard container.
-     */
-    className?: string;
-    /**
-     * Extra CSS classes for individual keys.
-     */
-    keyClassName?: string;
-    /**
-     * Whether the keyboard system is globally disabled.
-     * @default false
-     */
-    disabled?: boolean;
-}
-/**
- * Provider component for the virtual keyboard system.
- *
- * KeyboardProvider wraps your application or a section of it to provide
- * keyboard context. It manages the open/close state, active input tracking,
- * and configuration resolution. Input components using useKeyboardField or
- * the KeyboardContext will automatically trigger the keyboard on focus.
- *
- * The provider automatically renders the OnScreenKeyboard component at the
- * bottom of the DOM tree via React Portal. This ensures the keyboard appears
- * at the bottom of the screen regardless of where the input is in the DOM.
- *
- * @param props - KeyboardProvider configuration options.
- * @param props.children - Child components.
- * @param props.layouts - Available keyboard layouts.
- * @param props.display - Display mappings for special keys.
- * @param props.defaultLayout - Default layout name. Defaults to "default".
- * @param props.size - Size scale for keyboard keys. Defaults to "md".
- * @param props.autoShiftBack - Auto switch back from shift. Defaults to true.
- * @param props.closeDelay - Close delay in milliseconds. Defaults to 120.
- * @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.
- * @param props.disabled - Whether the keyboard system is disabled. Defaults to false.
- * @param props.className - Extra CSS classes for the keyboard container.
- * @param props.keyClassName - Extra CSS classes for individual keys.
- *
- * @example
- * ```tsx
- * import { KeyboardProvider, Input } from "asheeui";
- *
- * export function App() {
- *   return (
- *     <KeyboardProvider size="lg">
- *       <Input label="Search" enableVirtualKeyboard />
- *     </KeyboardProvider>
- *   );
- * }
- * ```
- *
- * @example
- * ```tsx
- * // Disable keyboard globally
- * <KeyboardProvider disabled>
- *   <Input label="Disabled field" />
- * </KeyboardProvider>
- * ```
- *
- * @see useKeyboard - Hook for accessing the keyboard context.
- * @see useKeyboardField - Hook for connecting inputs to the keyboard.
- */
-export declare function KeyboardProvider({ children, layouts, display, defaultLayout, size, autoShiftBack, closeDelay: closeDelayProp, variant, color, radius, portal: portalProp, disabled: disabledProp, className, keyClassName, }: KeyboardProviderProps): import("react").JSX.Element;
-//# sourceMappingURL=KeyboardProvider.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"KeyboardProvider.d.ts","sourceRoot":"","sources":["../../../src/components/keyboard/KeyboardProvider.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,SAAS,EAA0C,MAAM,OAAO,CAAC;AAU/E,OAAO,EAGL,KAAK,cAAc,EAIpB,MAAM,mBAAmB,CAAC;AAK3B;;GAEG;AACH,MAAM,WAAW,qBAAsB,SAAQ,cAAc;IAC3D;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAID;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmDG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,OAAO,EACP,OAAO,EACP,aAAa,EACb,IAAI,EACJ,aAAa,EACb,UAAU,EAAE,cAAoB,EAChC,OAAO,EACP,KAAK,EACL,MAAM,EACN,MAAM,EAAE,UAAU,EAClB,QAAQ,EAAE,YAAoB,EAC9B,SAAS,EACT,YAAY,GACb,EAAE,qBAAqB,+BA6PvB"}

package/dist/components/keyboard/KeyboardProvider.js

@@ -1,102 +0,0 @@
-"use client";
-"use client";
-import { useAsheeConfig as e } from "../../libs/context.js";
-import { resolveCascade as t, resolveRadiusKey as n } from "../../utils/resolve-token.js";
-import { KeyboardContext as r } from "./KeyboardContext.js";
-import { FALLBACK_KEYBOARD_CONFIG as i, defaultKeyboardConfig as a } from "./keyboard-config.js";
-import { OnScreenKeyboard as o } from "./OnScreenKeyboard.js";
-import { useCallback as s, useMemo as c, useRef as l, useState as u } from "react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-//#region src/components/keyboard/KeyboardProvider.tsx
-function p({ children: p, layouts: m, display: h, defaultLayout: g, size: _, autoShiftBack: v, closeDelay: y = 120, variant: b, color: x, radius: S, portal: C, disabled: w = !1, className: T, keyClassName: E }) {
-	let D = e(), O = D?.components?.keyboard, k = t(_, O?.size, void 0, i.size), A = t(b, O?.variant, D.defaultVariant, i.variant), j = t(x, O?.color, D.defaultColor, i.color), M = n(S, O?.radius, D.defaultRadius, i.radius), N = t(C, O?.portal, void 0, i.portal), P = t(w, O?.disabled, void 0, i.disabled), F = t(g, O?.defaultLayout, void 0, i.defaultLayout), I = t(v, O?.autoShiftBack, void 0, i.autoShiftBack), L = t(y, O?.closeDelay, void 0, i.closeDelay), [R, z] = u(!1), [B, V] = u(null), [H, U] = u(null), [W, G] = u(F), [K, q] = u({}), J = l(null), Y = c(() => ({
-		layouts: m ?? O?.layouts ?? a.layouts,
-		display: h ?? O?.display ?? a.display,
-		defaultLayout: F,
-		size: k,
-		autoShiftBack: I,
-		variant: A,
-		color: j,
-		radius: M,
-		portal: N,
-		disabled: P
-	}), [
-		m,
-		O,
-		h,
-		F,
-		k,
-		I,
-		A,
-		j,
-		M,
-		N,
-		P
-	]), X = s((e, t, n) => {
-		if (P) return;
-		J.current &&= (clearTimeout(J.current), null), V(e), U(t), q(n || {});
-		let r = n?.layout ?? F;
-		G(r), z(!0);
-	}, [P, F]), Z = s((e) => {
-		P || (J.current && clearTimeout(J.current), J.current = setTimeout(() => {
-			V((t) => (t === e && (z(!1), U(null), q({})), t)), J.current = null;
-		}, L));
-	}, [P, L]), Q = s(() => {
-		J.current &&= (clearTimeout(J.current), null), z(!1), U(null), V(null), q({});
-	}, []), $ = s((e) => {
-		G(e);
-	}, []), ee = c(() => ({
-		isOpen: R,
-		activeInputId: B,
-		activeElement: H,
-		config: Y,
-		resolvedSize: k,
-		resolvedVariant: A,
-		resolvedColor: j,
-		resolvedRadius: M,
-		resolvedPortal: N,
-		openKeyboard: X,
-		requestClose: Z,
-		forceClose: Q,
-		setLayout: $,
-		currentLayout: W,
-		isDisabled: P
-	}), [
-		R,
-		B,
-		H,
-		Y,
-		k,
-		A,
-		j,
-		M,
-		N,
-		X,
-		Z,
-		Q,
-		$,
-		W,
-		P
-	]), te = K.size ?? k, ne = K.variant ?? A, re = K.color ?? j, ie = K.radius ?? M, ae = K.portal ?? N;
-	return /* @__PURE__ */ f(r.Provider, {
-		value: ee,
-		children: [p, /* @__PURE__ */ d(o, {
-			isOpen: R,
-			activeElement: H,
-			config: Y,
-			currentLayout: W,
-			setLayout: $,
-			forceClose: Q,
-			size: te,
-			variant: ne,
-			color: re,
-			radius: ie,
-			portal: ae,
-			className: T,
-			keyClassName: E,
-			disabled: P
-		})]
-	});
-}
-//#endregion
-export { p as KeyboardProvider };

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

@@ -1,96 +0,0 @@
-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 {
-    /**
-     * Whether the keyboard is open.
-     */
-    isOpen: boolean;
-    /**
-     * The currently active input element.
-     */
-    activeElement: KeyboardElement | null;
-    /**
-     * The keyboard configuration.
-     */
-    config: KeyboardConfig;
-    /**
-     * The current layout name.
-     */
-    currentLayout: LayoutName;
-    /**
-     * Function to set the layout.
-     */
-    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 the keyboard is globally disabled.
-     */
-    disabled?: boolean;
-}
-/**
- * The on-screen virtual keyboard UI.
- *
- * OnScreenKeyboard renders a floating keyboard that appears at the bottom
- * of the screen when an input is focused. It supports multiple layouts
- * (default, shift, symbols, numeric), key press handling with cursor
- * management, physical keyboard synchronization, and visual feedback
- * for pressed keys.
- *
- * 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.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 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.
- *
- * @internal This component is used internally by KeyboardProvider.
- */
-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 +0,0 @@
-{"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;AAI3D,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,sCAwNvB"}

package/dist/components/keyboard/OnScreenKeyboard.js

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

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

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

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

@@ -1 +0,0 @@
-{"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,6 +0,0 @@
-export * from "./KeyboardContext.js";
-export * from "./KeyboardProvider.js";
-export * from "./OnScreenKeyboard.js";
-export * from "./keyboard-config.js";
-export * from "./keyboard-styles.js";
-export * from "./use-keyboard-field.js";