@g4rcez/components 5.0.2 → 5.0.3

package/dist/components/floating/expand.js.map

@@ -1 +1 @@
-{"version":3,"file":"expand.js","names":[],"sources":["../../../src/components/floating/expand.tsx"],"sourcesContent":["\"use client\";\nimport { FloatingFocusManager, FloatingPortal, useClick, useDismiss, useFloating, useInteractions, useRole } from \"@floating-ui/react\";\nimport { AnimatePresence, motion } from \"motion/react\";\nimport { PropsWithChildren, useEffect, useId, useRef, useState } from \"react\";\nimport { Label, Override } from \"../../types\";\nimport { Button, ButtonProps } from \"../core/button\";\n\nexport type ExpandProps = Override<\n    ButtonProps<typeof motion.button>,\n    {\n        trigger: Label;\n        open?: boolean;\n        disabled?: boolean;\n    }\n>;\n\nexport const Expand = (props: PropsWithChildren<ExpandProps>) => {\n    const root = useRef<HTMLDivElement | null>(null);\n    const id = useId();\n    const wrapperId = `${id}:wrapper`;\n    const titleId = `${id}:title`;\n\n    const [open, setOpen] = useState(props.open ?? false);\n    useEffect(() => {\n        setOpen(props.open ?? false);\n    }, [props.open]);\n    const { context, refs } = useFloating({\n        transform: true,\n        open: open !== null,\n        nodeId: id,\n        onOpenChange: setOpen,\n        strategy: \"absolute\",\n    });\n    const click = useClick(context, { enabled: !(props.disabled ?? false) });\n    const role = useRole(context, { role: \"dialog\" });\n    const dismiss = useDismiss(context, {\n        escapeKey: true,\n        referencePress: true,\n        outsidePress: true,\n    });\n    const { getFloatingProps, getReferenceProps } = useInteractions([click, role, dismiss]);\n\n    return (\n        <div className=\"relative inline-flex items-center justify-center\" ref={root}>\n            <Button\n                {...getReferenceProps(props as never)}\n                as={motion.button}\n                layoutId={wrapperId}\n                ref={refs.setReference}\n                size=\"small\"\n                onClick={() => setOpen(true)}\n            >\n                <motion.span layoutId={titleId}>{props.trigger}</motion.span>\n            </Button>\n            <AnimatePresence>\n                {open ? (\n                    <FloatingPortal root={root}>\n                        <FloatingFocusManager visuallyHiddenDismiss modal closeOnFocusOut context={context}>\n                            <motion.div {...getFloatingProps()} ref={refs.setFloating} layoutId={wrapperId} className=\"absolute -left-1/4 -top-3/4\">\n                                {props.children}\n                            </motion.div>\n                        </FloatingFocusManager>\n                    </FloatingPortal>\n                ) : null}\n            </AnimatePresence>\n        </div>\n    );\n};\n"],"mappings":";;;;;;;AAgBA,IAAa,KAAU,MAA0C;CAC7D,IAAM,IAAO,EAA8B,IAAI,GACzC,IAAK,EAAM,GACX,IAAY,GAAG,EAAG,WAClB,IAAU,GAAG,EAAG,SAEhB,CAAC,GAAM,KAAW,EAAS,EAAM,QAAQ,EAAK;CACpD,QAAgB;EACZ,EAAQ,EAAM,QAAQ,EAAK;CAC/B,GAAG,CAAC,EAAM,IAAI,CAAC;CACf,IAAM,EAAE,YAAS,YAAS,EAAY;EAClC,WAAW;EACX,MAAM,MAAS;EACf,QAAQ;EACR,cAAc;EACd,UAAU;CACd,CAAC,GAQK,EAAE,qBAAkB,yBAAsB,EAAgB;EAPlD,EAAS,GAAS,EAAE,SAAS,EAAE,EAAM,YAAY,IAAO,CAOL;EANpD,EAAQ,GAAS,EAAE,MAAM,SAAS,CAMyB;EALxD,EAAW,GAAS;GAChC,WAAW;GACX,gBAAgB;GAChB,cAAc;EAClB,CAC8E;CAAO,CAAC;CAEtF,OACI,kBAAC,OAAD;EAAK,WAAU;EAAmD,KAAK;YAAvE,CACI,kBAAC,GAAD;GACI,GAAI,EAAkB,CAAc;GACpC,IAAI,EAAO;GACX,UAAU;GACV,KAAK,EAAK;GACV,MAAK;GACL,eAAe,EAAQ,EAAI;aAE3B,kBAAC,EAAO,MAAR;IAAa,UAAU;cAAU,EAAM;GAAqB,CAAA;EACxD,CAAA,GACR,kBAAC,GAAD,EAAA,UACK,IACG,kBAAC,GAAD;GAAsB;aAClB,kBAAC,GAAD;IAAsB,uBAAA;IAAsB,OAAA;IAAM,iBAAA;IAAyB;cACvE,kBAAC,EAAO,KAAR;KAAY,GAAI,EAAiB;KAAG,KAAK,EAAK;KAAa,UAAU;KAAW,WAAU;eACrF,EAAM;IACC,CAAA;GACM,CAAA;EACV,CAAA,IAChB,KACS,CAAA,CAChB;;AAEb"}
+{"version":3,"file":"expand.js","names":[],"sources":["../../../src/components/floating/expand.tsx"],"sourcesContent":["\"use client\";\nimport { FloatingFocusManager, FloatingPortal, useClick, useDismiss, useFloating, useInteractions, useRole } from \"@floating-ui/react\";\nimport { AnimatePresence, motion } from \"motion/react\";\nimport { PropsWithChildren, useEffect, useId, useRef, useState } from \"react\";\nimport { Label, Override } from \"../../types\";\nimport { Button, ButtonProps } from \"../core/button\";\n\nexport type ExpandProps = Override<\n    ButtonProps<typeof motion.button>,\n    {\n        trigger: Label;\n        open?: boolean;\n        disabled?: boolean;\n    }\n>;\n\nexport const Expand = (props: PropsWithChildren<ExpandProps>) => {\n    const root = useRef<HTMLDivElement | null>(null);\n    const id = useId();\n    const wrapperId = `${id}:wrapper`;\n    const titleId = `${id}:title`;\n\n    const [open, setOpen] = useState(props.open ?? false);\n    useEffect(() => {\n        setOpen(props.open ?? false);\n    }, [props.open]);\n    const { context, refs } = useFloating({\n        transform: true,\n        open: open !== null,\n        nodeId: id,\n        onOpenChange: setOpen,\n        strategy: \"absolute\",\n    });\n    const click = useClick(context, { enabled: !(props.disabled ?? false) });\n    const role = useRole(context, { role: \"dialog\" });\n    const dismiss = useDismiss(context, {\n        escapeKey: true,\n        referencePress: true,\n        outsidePress: true,\n    });\n    const { getFloatingProps, getReferenceProps } = useInteractions([click, role, dismiss]);\n\n    return (\n        <div className=\"relative inline-flex items-center justify-center\" ref={root}>\n            <Button\n                {...getReferenceProps(props as never)}\n                as={motion.button}\n                layoutId={wrapperId}\n                ref={refs.setReference}\n                size=\"small\"\n                onClick={() => setOpen(true)}\n            >\n                <motion.span layoutId={titleId}>{props.trigger}</motion.span>\n            </Button>\n            <AnimatePresence>\n                {open ? (\n                    <FloatingPortal root={root}>\n                        <FloatingFocusManager visuallyHiddenDismiss modal closeOnFocusOut context={context}>\n                            <motion.div {...getFloatingProps()} ref={refs.setFloating} layoutId={wrapperId} className=\"absolute -left-1/4 -top-3/4\">\n                                {props.children}\n                            </motion.div>\n                        </FloatingFocusManager>\n                    </FloatingPortal>\n                ) : null}\n            </AnimatePresence>\n        </div>\n    );\n};\n"],"mappings":";;;;;;;;AAgBA,IAAa,KAAU,MAA0C;CAC7D,IAAM,IAAO,EAA8B,IAAI,GACzC,IAAK,EAAM,GACX,IAAY,GAAG,EAAG,WAClB,IAAU,GAAG,EAAG,SAEhB,CAAC,GAAM,KAAW,EAAS,EAAM,QAAQ,EAAK;CACpD,QAAgB;EACZ,EAAQ,EAAM,QAAQ,EAAK;CAC/B,GAAG,CAAC,EAAM,IAAI,CAAC;CACf,IAAM,EAAE,YAAS,YAAS,EAAY;EAClC,WAAW;EACX,MAAM,MAAS;EACf,QAAQ;EACR,cAAc;EACd,UAAU;CACd,CAAC,GAQK,EAAE,qBAAkB,yBAAsB,EAAgB;EAPlD,EAAS,GAAS,EAAE,SAAS,EAAE,EAAM,YAAY,IAAO,CAOL;EANpD,EAAQ,GAAS,EAAE,MAAM,SAAS,CAMyB;EALxD,EAAW,GAAS;GAChC,WAAW;GACX,gBAAgB;GAChB,cAAc;EAClB,CAC8E;CAAO,CAAC;CAEtF,OACI,kBAAC,OAAD;EAAK,WAAU;EAAmD,KAAK;YAAvE,CACI,kBAAC,GAAD;GACI,GAAI,EAAkB,CAAc;GACpC,IAAI,EAAO;GACX,UAAU;GACV,KAAK,EAAK;GACV,MAAK;GACL,eAAe,EAAQ,EAAI;aAE3B,kBAAC,EAAO,MAAR;IAAa,UAAU;cAAU,EAAM;GAAqB,CAAA;EACxD,CAAA,GACR,kBAAC,GAAD,EAAA,UACK,IACG,kBAAC,GAAD;GAAsB;aAClB,kBAAC,GAAD;IAAsB,uBAAA;IAAsB,OAAA;IAAM,iBAAA;IAAyB;cACvE,kBAAC,EAAO,KAAR;KAAY,GAAI,EAAiB;KAAG,KAAK,EAAK;KAAa,UAAU;KAAW,WAAU;eACrF,EAAM;IACC,CAAA;GACM,CAAA;EACV,CAAA,IAChB,KACS,CAAA,CAChB;;AAEb"}

package/dist/components/floating/menu.js

@@ -2,7 +2,7 @@
 import { t as e, u as t } from "../../dom-Bn4wY_Zx.js";
 import { t as n } from "../../CaretRight.es-B2mpMfqU.js";
 import { A as r, C as i, D as a, E as o, O as s, _ as c, b as l, c as u, d, f as ee, h as f, i as te, l as p, m, n as ne, o as re, p as h, r as ie, s as g, v as ae, x as oe, y as _ } from "../../floating-ui.react-CwXtBJ_y.js";
-import { t as v } from "../../slot-pC8kH9De.js";
+import { Slot as v } from "../core/slot.js";
 import y, { Fragment as b, createContext as x, useContext as S, useEffect as C, useRef as w, useState as T } from "react";
 import { jsx as E, jsxs as D } from "react/jsx-runtime";
 //#region src/components/floating/menu.tsx

package/dist/components/floating/modal.d.ts

@@ -1,4 +1,4 @@
-import { type ElementProps, type FloatingContext } from "@floating-ui/react";
+import { FloatingFocusManager, type ElementProps, type FloatingContext } from "@floating-ui/react";
 import { HTMLMotionProps } from "motion/react";
 import React from "react";
 import { Label, Override } from "../../types";
@@ -6,34 +6,37 @@ import { ButtonProps } from "../core/button";
 export declare const useConfirm: () => (options: ConfirmOptions) => Promise<boolean>;
 export type ModalType = "dialog" | "drawer" | "sheet";
 export type DrawerPosition = "left" | "right";
-export type ModalProps = Override<HTMLMotionProps<"div">, ({
+type ModalAccessibleNameProps = {
     title: Label;
     ariaTitle?: string;
 } | {
     ariaTitle: string;
     title?: Label;
-}) & {
-    open: boolean;
-    onChange: (nextState: boolean) => void;
-} & Partial<{
+};
+type ModalOptions = Partial<{
     footer: Label;
+    role: "dialog";
+    trigger: Label;
     type: ModalType;
-    animated: boolean;
     asChild: boolean;
     layoutId: string;
     resizer: boolean;
+    animated: boolean;
     className: string;
     closable: boolean;
     forceType: boolean;
     bodyClassName: string;
+    closeOnFocusOut: boolean;
     overlayClassName: string;
     position: DrawerPosition;
     overlayClickClose: boolean;
-    closeOnFocusOut: boolean;
-    role: "dialog";
     interactions: ElementProps[];
-    trigger: Label;
-}>>;
+    initialFocus: React.ComponentProps<typeof FloatingFocusManager>["initialFocus"];
+}>;
+export type ModalProps = Override<HTMLMotionProps<"div">, {
+    open: boolean;
+    onChange: (nextState: boolean) => void;
+} & ModalAccessibleNameProps & ModalOptions>;
 export type ModalRef = {
     context: FloatingContext;
     floating: HTMLElement | null;

package/dist/components/floating/modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/components/floating/modal.tsx"],"names":[],"mappings":"AACA,OAAO,EASH,KAAK,YAAY,EACjB,KAAK,eAAe,EACvB,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EAEH,eAAe,EAQlB,MAAM,cAAc,CAAC;AAEtB,OAAO,KAWN,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,KAAK,EAAO,QAAQ,EAAE,MAAM,aAAa,CAAC;AAGnD,OAAO,EAAU,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAMrD,eAAO,MAAM,UAAU,kBAF8B,cAAc,KAAK,OAAO,CAAC,OAAO,CAEvB,CAAC;AAEjE,MAAM,MAAM,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEtD,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,CAAC;AA2E9C,MAAM,MAAM,UAAU,GAAG,QAAQ,CAC7B,eAAe,CAAC,KAAK,CAAC,EACtB,CAAC;IAAE,KAAK,EAAE,KAAK,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC,GAAG;IAC5E,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C,GAAG,OAAO,CAAC;IACJ,MAAM,EAAE,KAAK,CAAC;IACd,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,gBAAgB,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,cAAc,CAAC;IACzB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,eAAe,EAAE,OAAO,CAAC;IACzB,IAAI,EAAE,QAAQ,CAAC;IACf,YAAY,EAAE,YAAY,EAAE,CAAC;IAC7B,OAAO,EAAE,KAAK,CAAC;CAClB,CAAC,CACT,CAAC;AAkFF,MAAM,MAAM,QAAQ,GAAG;IACnB,OAAO,EAAE,eAAe,CAAC;IACzB,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAC;CAChC,CAAC;AAIF,KAAK,cAAc,GAAG,KAAK,CAAC,EAAE,CAAC,UAAU,CAAC,GAAG;IACzC,OAAO,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,cAAc,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC;CACvD,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,cA4QU,CAAC;AAE/B,KAAK,wBAAwB,GAAG;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,MAAM,CAAC,EAAE,wBAAwB,CAAC;IAClC,OAAO,CAAC,EAAE,wBAAwB,CAAC;CACtC,CAAC;AAaF,eAAO,MAAM,oBAAoB,GAAI,cAAc;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,sBA2D/E,CAAC"}
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/components/floating/modal.tsx"],"names":[],"mappings":"AACA,OAAO,EACH,oBAAoB,EAQpB,KAAK,YAAY,EACjB,KAAK,eAAe,EACvB,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EAEH,eAAe,EAQlB,MAAM,cAAc,CAAC;AAEtB,OAAO,KAWN,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,KAAK,EAAO,QAAQ,EAAE,MAAM,aAAa,CAAC;AAGnD,OAAO,EAAU,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAMrD,eAAO,MAAM,UAAU,kBAF8B,cAAc,KAAK,OAAO,CAAC,OAAO,CAEvB,CAAC;AAEjE,MAAM,MAAM,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEtD,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,CAAC;AA2E9C,KAAK,wBAAwB,GAAG;IAAE,KAAK,EAAE,KAAK,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAE5G,KAAK,YAAY,GAAG,OAAO,CAAC;IACxB,MAAM,EAAE,KAAK,CAAC;IACd,IAAI,EAAE,QAAQ,CAAC;IACf,OAAO,EAAE,KAAK,CAAC;IACf,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,OAAO,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,cAAc,CAAC;IACzB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,YAAY,EAAE,YAAY,EAAE,CAAC;IAC7B,YAAY,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,CAAC,cAAc,CAAC,CAAC;CACnF,CAAC,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,QAAQ,CAC7B,eAAe,CAAC,KAAK,CAAC,EACtB;IACI,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C,GAAG,wBAAwB,GACxB,YAAY,CACnB,CAAC;AAyHF,MAAM,MAAM,QAAQ,GAAG;IACnB,OAAO,EAAE,eAAe,CAAC;IACzB,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAC;CAChC,CAAC;AAIF,KAAK,cAAc,GAAG,KAAK,CAAC,EAAE,CAAC,UAAU,CAAC,GAAG;IACzC,OAAO,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,cAAc,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC;CACvD,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,cA+RU,CAAC;AAE/B,KAAK,wBAAwB,GAAG;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,MAAM,CAAC,EAAE,wBAAwB,CAAC;IAClC,OAAO,CAAC,EAAE,wBAAwB,CAAC;CACtC,CAAC;AAaF,eAAO,MAAM,oBAAoB,GAAI,cAAc;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,sBA4D/E,CAAC"}

package/dist/components/floating/modal.js

@@ -1,3 +1,3 @@
 "use client";
-import { n as e, r as t, t as n } from "../../modal-Bz-61ays.js";
+import { n as e, r as t, t as n } from "../../modal-Df8-6i-o.js";
 export { n as Modal, e as ModalConfirmProvider, t as useConfirm };

package/dist/components/floating/modal.jsx

@@ -61,7 +61,7 @@ const variants = cva("z-floating flex min-w-xs appearance-none flex-col flex-now
         type: {
             drawer: "absolute h-screen max-h-screen min-h-0 w-fit max-w-modal-dialog-max-w-mobile",
             dialog: "container relative h-min max-h-modal-sheet-max-h-lvh rounded-modal-radius py-modal-padding-y",
-            sheet: "absolute bottom-0 h-screen max-h-modal-sheet-max-h-svh max-h-modal-sheet-max-h-vh w-screen rounded-t-modal-radius pb-modal-sheet-pb pt-modal-sheet-pt",
+            sheet: "absolute bottom-0 h-screen max-h-modal-sheet-max-h-svh w-screen rounded-t-modal-radius pb-modal-sheet-pb pt-modal-sheet-pt",
         },
         position: {
             none: "",
@@ -72,8 +72,38 @@ const variants = cva("z-floating flex min-w-xs appearance-none flex-col flex-now
     defaultVariants: { position: "right", type: "dialog" },
 });
 const dragConstraints = { top: 0, left: 0, right: 0, bottom: 0 };
+const keyboardResizeStep = 32;
 const calculateClose = (n) => n * 0.6;
+const clamp = (value, min, max) => Math.min(max, Math.max(min, value));
 const Draggable = (props) => {
+    const translations = useTranslations();
+    const getKeyboardResize = (delta) => {
+        const element = props.parent.current;
+        if (!element)
+            return undefined;
+        const rect = element.getBoundingClientRect();
+        const current = props.value.get() || (props.sheet ? rect.height : rect.width);
+        if (props.sheet) {
+            const max = window.outerHeight || rect.height || current;
+            return clamp(current + delta, calculateClose(max), max);
+        }
+        const max = window.outerWidth || rect.width || current;
+        return clamp(current + delta, 0, max);
+    };
+    const onKeyDown = (event) => {
+        const delta = event.key === "ArrowRight" || event.key === "ArrowDown"
+            ? keyboardResizeStep
+            : event.key === "ArrowLeft" || event.key === "ArrowUp"
+                ? -keyboardResizeStep
+                : undefined;
+        if (delta === undefined)
+            return;
+        event.preventDefault();
+        event.stopPropagation();
+        const nextValue = getKeyboardResize(delta);
+        if (nextValue !== undefined)
+            props.value.set(nextValue);
+    };
     const onDrag = (e, info) => {
         if (props.parent.current) {
             e.stopPropagation();
@@ -100,12 +130,12 @@ const Draggable = (props) => {
             return props.value.set(value);
         }
     };
-    return (<motion.button draggable dragListener dragMomentum tabIndex={-1} type="button" animate={false} dragElastic={0} dragPropagation initial={false} onDrag={onDrag} dragSnapToOrigin dragDirectionLock aria-hidden="true" drag={props.sheet ? "y" : "x"} dragConstraints={dragConstraints} whileDrag={{ cursor: "grabbing" }} className={css("absolute isolate z-calendar rounded-modal-resizer-radius", props.sheet ? "cursor-row-resize" : "cursor-col-resize bg-floating-border", props.sheet
+    return (<motion.button draggable dragListener dragMomentum type="button" animate={false} dragElastic={0} dragPropagation initial={false} onDrag={onDrag} dragSnapToOrigin dragDirectionLock onKeyDown={onKeyDown} aria-label={translations.dialogResizeLabel} drag={props.sheet ? "y" : "x"} dragConstraints={dragConstraints} whileDrag={{ cursor: "grabbing" }} aria-describedby={props.instructionsId} className={css("absolute isolate z-calendar rounded-modal-resizer-radius focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring", props.sheet ? "cursor-row-resize" : "cursor-col-resize bg-floating-border", props.sheet
             ? "top-1 flex h-modal-sheet-handle-h w-full justify-center py-modal-sheet-handle-py"
             : props.position === "left"
                 ? "right-5 top-1/2 h-modal-drawer-resizer-h w-modal-drawer-resizer-w"
                 : "left-2 top-1/2 h-modal-drawer-resizer-h w-modal-drawer-resizer-w")}>
-            {props.sheet ? <div className="rounded-modal-sheet-pill-radius h-modal-sheet-pill-h w-modal-sheet-pill-w bg-floating-border"/> : null}
+            {props.sheet ? <div className="h-modal-sheet-pill-h w-modal-sheet-pill-w rounded-modal-sheet-pill-radius bg-floating-border"/> : null}
         </motion.button>);
 };
 const positions = { drawer: "right", sheet: "none", dialog: "none" };
@@ -116,18 +146,20 @@ const fetchPosition = (isDesktop, forceType, propsType, propsPosition) => {
     return forceType ? positions[type] : positions.sheet;
 };
 const noop = [];
-export const Modal = forwardRef(({ open, title, footer, asChild, trigger, children, onChange, ariaTitle, className, bodyClassName, resizer = true, animated = true, closable = true, forceType = false, layoutId = undefined, overlayClassName = "", type: _type = "dialog", position: propsPosition, overlayClickClose = false, closeOnFocusOut = false, interactions: outInteractions = noop, ...props }, externalRef) => {
+export const Modal = forwardRef(({ open, title, footer, asChild, trigger, children, onChange, ariaTitle, className, bodyClassName, resizer = true, animated = true, closable = true, forceType = false, layoutId = undefined, overlayClassName = "", type: _type = "dialog", position: propsPosition, overlayClickClose = false, closeOnFocusOut = false, initialFocus, interactions: outInteractions = noop, ...props }, externalRef) => {
     const t = useTranslations();
     const root = useFloatingRef();
     const innerContent = useRef(null);
     const removeScrollRef = useRef(null);
     const headingId = useId();
     const descriptionId = useId();
+    const resizeDescriptionId = useId();
+    const modalType = _type;
     const isDesktop = useMediaQuery("(min-width: 64rem)");
-    const position = fetchPosition(isDesktop, forceType, _type, propsPosition);
-    const func = isDesktop ? animations[_type] : forceType ? animations[_type] : animations.sheet;
+    const position = fetchPosition(isDesktop, forceType, modalType, propsPosition);
+    const func = isDesktop ? animations[modalType] : forceType ? animations[modalType] : animations.sheet;
     const animation = typeof func === "function" ? func(position) : func;
-    const type = isDesktop ? _type : forceType ? _type : "sheet";
+    const type = isDesktop ? modalType : forceType ? modalType : "sheet";
     const useResizer = type !== "dialog";
     const floating = useFloating({
         open,
@@ -192,16 +224,17 @@ export const Modal = forwardRef(({ open, title, footer, asChild, trigger, childr
         : { animate: animated, initial: false };
     const scrollInitial = useMotionValue(undefined);
     const scroll = useMotionValue(undefined);
-    const Component = asChild ? Slot : motion.button;
     return (<Fragment>
-                {trigger ? (<Component ref={floating.refs.setReference} {...interactions.getReferenceProps()} layoutId={layoutId} type="button">
-                        {trigger}
-                    </Component>) : null}
+                {trigger ? (asChild ? (<Slot ref={floating.refs.setReference} {...interactions.getReferenceProps()}>
+                            {trigger}
+                        </Slot>) : (<motion.button ref={floating.refs.setReference} {...interactions.getReferenceProps()} layoutId={layoutId} type="button">
+                            {trigger}
+                        </motion.button>)) : null}
                 <MotionConfig reducedMotion={animated ? "user" : "always"}>
                     <FloatingPortal preserveTabOrder root={root}>
                         <AnimatePresence mode="wait" propagate>
                             {open ? (<FloatingOverlay lockScroll className={css("inset-0 isolate z-overlay flex h-modal-overlay-h !overflow-clip bg-floating-overlay/80", type === "drawer" ? "" : "items-start justify-center pt-modal-overlay-pt lg:p-modal-overlay-p", overlayClassName)}>
-                                    <FloatingFocusManager guards modal closeOnFocusOut={closeOnFocusOut} context={floating.context}>
+                                    <FloatingFocusManager guards modal closeOnFocusOut={closeOnFocusOut} context={floating.context} initialFocus={initialFocus}>
                                         <AnimatePresence propagate>
                                             <motion.div {...props} {...(title
             ? {
@@ -213,7 +246,12 @@ export const Modal = forwardRef(({ open, title, footer, asChild, trigger, childr
             ref: mergeRefs(floating.refs.setFloating, removeScrollRef),
             className: css(variants({ position, type }), className, "isolate overscroll-contain"),
         })} exit="exit" layout={true} animate="enter" initial="initial" layoutId={layoutId} variants={animation} data-component="modal" style={type === "drawer" ? { width: floatingSize } : { height: floatingSize, y: sheetY }}>
-                                                {useResizer && resizer ? (<Draggable onChange={onChange} value={floatingSize} sheet={type === "sheet"} position={position} parent={floating.refs.floating}/>) : null}
+                                                {useResizer && resizer ? (<>
+                                                        <span id={resizeDescriptionId} className="sr-only">
+                                                            {t.dialogResizeInstructions}
+                                                        </span>
+                                                        <Draggable onChange={onChange} value={floatingSize} sheet={type === "sheet"} instructionsId={resizeDescriptionId} position={position} parent={floating.refs.floating}/>
+                                                    </>) : null}
                                                 {title ? (<motion.header {...draggableMotionProps} className="relative isolate w-full">
                                                         {title ? (<h2 id={headingId} className="block select-text border-b border-floating-border px-modal-padding-x pb-modal-title-pb text-modal-title-text font-medium leading-relaxed">
                                                                 {title}
@@ -272,7 +310,7 @@ export const Modal = forwardRef(({ open, title, footer, asChild, trigger, childr
                                                     </footer>) : null}
                                                 {closable ? (<div className="absolute right-modal-close-right top-modal-close-top z-floating">
                                                         <button type="button" onClick={onClose} aria-label={t.closeButton} className="p-modal-close-p opacity-70 transition-colors hover:text-danger hover:opacity-100 focus:text-danger">
-                                                            <XIcon aria-hidden="true"/>
+                                                            <XIcon size={20} aria-hidden="true"/>
                                                         </button>
                                                     </div>) : null}
                                             </motion.div>
@@ -292,6 +330,7 @@ let confirmGlobal = async (_) => {
 };
 Modal.confirm = (options) => confirmGlobal(options);
 export const ModalConfirmProvider = ({ children }) => {
+    const translations = useTranslations();
     const [open, setOpen] = useState(false);
     const [options, setOptions] = useState({});
     const [resolve, setResolve] = useState(() => { });
@@ -322,12 +361,12 @@ export const ModalConfirmProvider = ({ children }) => {
     };
     return (<ConfirmContext.Provider value={confirmAction}>
             {children}
-            <Modal open={open} type="dialog" closable={false} onChange={setOpen} overlayClickClose={false} title={options.title || "Confirmation"} className="container max-w-dialog lg:max-w-96" footer={<div className="flex justify-end gap-modal-footer-gap">
+            <Modal open={open} type="dialog" closable={false} onChange={setOpen} overlayClickClose={false} title={options.title || translations.modalConfirmTitle} className="container max-w-dialog lg:max-w-96" footer={<div className="flex justify-end gap-modal-footer-gap">
                         <Button theme={options.cancel?.theme || "ghost-muted"} onClick={onCancel}>
-                            {options.cancel?.text || "Cancel"}
+                            {options.cancel?.text || translations.modalConfirmCancel}
                         </Button>
                         <Button ref={confirmRef} theme={options.confirm?.theme || "primary"} onClick={onConfirm}>
-                            {options.confirm?.text || "Confirm"}
+                            {options.confirm?.text || translations.modalConfirmConfirm}
                         </Button>
                     </div>}>
                 <div className="py-modal-confirm-py text-foreground">{options.description}</div>

package/dist/components/floating/toolbar.d.ts

@@ -1,6 +1,6 @@
-import { PropsWithChildren } from "react";
-export type ToolbarProps = {
+import { HTMLMotionProps } from "motion/react";
+export type ToolbarProps = HTMLMotionProps<"div"> & {
     root?: HTMLElement;
 };
-export declare const Toolbar: (props: PropsWithChildren<ToolbarProps>) => import("react").JSX.Element;
+export declare const Toolbar: import("react").ForwardRefExoticComponent<Omit<ToolbarProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=toolbar.d.ts.map

package/dist/components/floating/toolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/floating/toolbar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1C,MAAM,MAAM,YAAY,GAAG;IACvB,IAAI,CAAC,EAAE,WAAW,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,OAAO,GAAI,OAAO,iBAAiB,CAAC,YAAY,CAAC,gCAI7D,CAAC"}
+{"version":3,"file":"toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/floating/toolbar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAU,MAAM,cAAc,CAAC;AAKvD,MAAM,MAAM,YAAY,GAAG,eAAe,CAAC,KAAK,CAAC,GAAG;IAChD,IAAI,CAAC,EAAE,WAAW,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,OAAO,sHAelB,CAAC"}

package/dist/components/floating/toolbar.js

@@ -0,0 +1,20 @@
+"use client";
+import { t as e } from "../../dom-Bn4wY_Zx.js";
+import { t } from "../../proxy-fP2NxmhM.js";
+import { forwardRef as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/floating/toolbar.tsx
+var i = n(function({ className: n, children: i, root: a, ...o }, s) {
+	return /* @__PURE__ */ r(t.div, {
+		...o,
+		ref: s,
+		role: "toolbar",
+		"data-component": "toolbar",
+		className: e("sticky bottom-toolbar-bottom flex items-center justify-center rounded-toolbar-radius border border-card-border bg-background p-toolbar-p", n),
+		children: i
+	});
+});
+//#endregion
+export { i as Toolbar };
+
+//# sourceMappingURL=toolbar.js.map

package/dist/components/floating/toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.js","names":[],"sources":["../../../src/components/floating/toolbar.tsx"],"sourcesContent":["\"use client\";\nimport { HTMLMotionProps, motion } from \"motion/react\";\nimport { forwardRef } from \"react\";\n\nimport { css } from \"../../lib/dom\";\n\nexport type ToolbarProps = HTMLMotionProps<\"div\"> & {\n    root?: HTMLElement;\n};\n\nexport const Toolbar = forwardRef<HTMLDivElement, ToolbarProps>(function Toolbar({ className, children, root: _root, ...props }, ref) {\n    return (\n        <motion.div\n            {...props}\n            ref={ref}\n            role=\"toolbar\"\n            data-component=\"toolbar\"\n            className={css(\n                \"sticky bottom-toolbar-bottom flex items-center justify-center rounded-toolbar-radius border border-card-border bg-background p-toolbar-p\",\n                className\n            )}\n        >\n            {children}\n        </motion.div>\n    );\n});\n"],"mappings":";;;;;;AAUA,IAAa,IAAU,EAAyC,SAAiB,EAAE,cAAW,aAAU,MAAM,GAAO,GAAG,KAAS,GAAK;CAClI,OACI,kBAAC,EAAO,KAAR;EACI,GAAI;EACC;EACL,MAAK;EACL,kBAAe;EACf,WAAW,EACP,4IACA,CACJ;EAEC;CACO,CAAA;AAEpB,CAAC"}

package/dist/components/floating/toolbar.jsx

@@ -1,5 +1,9 @@
 "use client";
 import { motion } from "motion/react";
-export const Toolbar = (props) => (<motion.div className="sticky bottom-toolbar-bottom flex items-center justify-center rounded-toolbar-radius border border-card-border bg-background p-toolbar-p">
-        {props.children}
-    </motion.div>);
+import { forwardRef } from "react";
+import { css } from "../../lib/dom";
+export const Toolbar = forwardRef(function Toolbar({ className, children, root: _root, ...props }, ref) {
+    return (<motion.div {...props} ref={ref} role="toolbar" data-component="toolbar" className={css("sticky bottom-toolbar-bottom flex items-center justify-center rounded-toolbar-radius border border-card-border bg-background p-toolbar-p", className)}>
+            {children}
+        </motion.div>);
+});

package/dist/components/floating/tooltip.js

@@ -1,12 +1,12 @@
 "use client";
 import { u as e } from "../../dom-Bn4wY_Zx.js";
-import { t } from "../../polymorph-BLXhrn9n.js";
+import { Polymorph as t } from "../core/polymorph.js";
 import { A as n, D as r, E as i, O as a, T as o, _ as s, c, d as l, f as u, g as d, l as f, o as p, t as m, u as h, v as g, w as _, x as v } from "../../floating-ui.react-CwXtBJ_y.js";
 import { i as y } from "../../fns-KbsWlOTG.js";
 import { Fragment as b, forwardRef as x, useEffect as S, useRef as C, useState as w } from "react";
 import { jsx as T, jsxs as E } from "react/jsx-runtime";
 //#region src/components/floating/tooltip.tsx
-var D = x(function({ as: x, open: D, title: O, children: k, placement: A, focus: j = !0, hover: M = !0, enabled: N = !0, popover: P = !0, onChange: F = y, followCursor: I = !1, ...L }, R) {
+var D = x(function({ as: x, open: D, title: O, children: k, placement: A, focus: j = !0, hover: M = !0, enabled: N = !0, popover: P = !1, onChange: F = y, followCursor: I = !1, ...L }, R) {
 	let [z, B] = w(D ?? !1), V = C(null), H = x || "span", { refs: U, floatingStyles: W, context: G } = u({
 		placement: A,
 		open: z,

package/dist/components/floating/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","names":[],"sources":["../../../src/components/floating/tooltip.tsx"],"sourcesContent":["\"use client\";\nimport {\n    arrow,\n    autoPlacement,\n    autoUpdate,\n    flip,\n    FloatingArrow,\n    FloatingPortal,\n    offset,\n    type Placement,\n    safePolygon,\n    shift,\n    useClick,\n    useClientPoint,\n    useDismiss,\n    useFloating,\n    useFocus,\n    useHover,\n    useInteractions,\n    useRole,\n} from \"@floating-ui/react\";\nimport React, { forwardRef, Fragment, useEffect, useRef, useState } from \"react\";\nimport { Polymorph, PolymorphicProps } from \"../../components/core/polymorph\";\nimport { FLOATING_DELAY } from \"../../constants\";\nimport { mergeRefs } from \"../../lib/dom\";\nimport { noop } from \"../../lib/fns\";\nimport { ComponentLike, Label } from \"../../types\";\n\nexport type TooltipProps<T extends React.ElementType = \"span\"> = PolymorphicProps<\n    {\n        title: Label;\n        open?: boolean;\n        focus?: boolean;\n        hover?: boolean;\n        enabled?: boolean;\n        popover?: boolean;\n        placement?: Placement;\n        followCursor?: boolean;\n        onChange?: (b: boolean) => void;\n    },\n    T\n>;\n\nexport const Tooltip: <T extends ComponentLike = \"span\">(_: TooltipProps<T>) => React.ReactElement = forwardRef<HTMLSpanElement, TooltipProps>(\n    function Tooltip<T extends ComponentLike = \"span\">(\n        {\n            as,\n            open,\n            title,\n            children,\n            placement,\n            focus = true,\n            hover = true,\n            enabled = true,\n            popover = true,\n            onChange = noop,\n            followCursor = false,\n            ...props\n        }: TooltipProps<T>,\n        outerRef: React.ForwardedRef<HTMLSpanElement>\n    ) {\n        const [innerOpen, setInnerOpen] = useState<boolean>(open ?? false);\n        const arrowRef = useRef(null);\n        const Component: React.ElementType = as || \"span\";\n        const toggleBoth = (b: boolean) => {\n            setInnerOpen(b);\n            onChange?.(b);\n        };\n        const { refs, floatingStyles, context } = useFloating({\n            placement,\n            open: innerOpen,\n            whileElementsMounted: autoUpdate,\n            onOpenChange: open ? undefined : toggleBoth,\n            middleware: [shift(), offset(5), autoPlacement(), arrow({ padding: 5, element: arrowRef }), flip({ fallbackAxisSideDirection: \"start\" })],\n        });\n        const dismiss = useDismiss(context, { enabled });\n        const role = useRole(context, {\n            role: popover ? \"dialog\" : \"tooltip\",\n            enabled,\n        });\n        const focusController = useFocus(context, {\n            enabled: enabled ? focus : false,\n        });\n        const clickController = useClick(context, {\n            enabled: enabled ? popover : false,\n        });\n        const clientPoint = useClientPoint(context, {\n            enabled: !!enabled && !!followCursor,\n        });\n        const hoverController = useHover(context, {\n            move: true,\n            delay: { open: FLOATING_DELAY },\n            enabled: enabled ? hover : false,\n            handleClose: popover ? safePolygon() : null,\n        });\n        const { getReferenceProps, getFloatingProps } = useInteractions([\n            role,\n            dismiss,\n            clientPoint,\n            focus ? focusController : undefined,\n            hover ? hoverController : undefined,\n            popover ? clickController : undefined,\n        ]);\n\n        useEffect(() => {\n            if (open === undefined) return setInnerOpen(false);\n            return setInnerOpen(open);\n        }, [open]);\n\n        return (\n            <Fragment>\n                <Component {...getReferenceProps(props)} ref={mergeRefs(refs.setReference, outerRef)}>\n                    {title}\n                </Component>\n                {innerOpen && (\n                    <FloatingPortal>\n                        <Polymorph\n                            {...getFloatingProps()}\n                            style={floatingStyles}\n                            ref={refs.setFloating as React.Ref<React.ElementType<any, keyof React.JSX.IntrinsicElements>>}\n                            className=\"isolate z-tooltip rounded-tooltip-radius border border-tooltip-border bg-tooltip-background p-tooltip-p text-tooltip-foreground shadow-shadow-floating\"\n                        >\n                            <FloatingArrow\n                                ref={arrowRef}\n                                context={context}\n                                strokeWidth={0.1}\n                                className=\"fill-tooltip-background stroke-tooltip-border\"\n                            />\n                            {children}\n                        </Polymorph>\n                    </FloatingPortal>\n                )}\n            </Fragment>\n        );\n    }\n) as unknown as <T extends ComponentLike = \"span\">(_: TooltipProps<T>) => React.ReactElement;\n"],"mappings":";;;;;;;;AA2CA,IAAa,IAAwF,EACjG,SACI,EACI,OACA,SACA,UACA,aACA,cACA,WAAQ,IACR,WAAQ,IACR,aAAU,IACV,aAAU,IACV,cAAW,GACX,kBAAe,IACf,GAAG,KAEP,GACF;CACE,IAAM,CAAC,GAAW,KAAgB,EAAkB,KAAQ,EAAK,GAC3D,IAAW,EAAO,IAAI,GACtB,IAA+B,KAAM,QAKrC,EAAE,SAAM,mBAAgB,eAAY,EAAY;EAClD;EACA,MAAM;EACN,sBAAsB;EACtB,cAAc,IAAO,KAAA,KARL,MAAe;GAE/B,AADA,EAAa,CAAC,GACd,IAAW,CAAC;EAChB;EAMI,YAAY;GAAC,EAAM;GAAG,EAAO,CAAC;GAAG,EAAc;GAAG,EAAM;IAAE,SAAS;IAAG,SAAS;GAAS,CAAC;GAAG,EAAK,EAAE,2BAA2B,QAAQ,CAAC;EAAC;CAC5I,CAAC,GACK,IAAU,EAAW,GAAS,EAAE,WAAQ,CAAC,GACzC,IAAO,EAAQ,GAAS;EAC1B,MAAM,IAAU,WAAW;EAC3B;CACJ,CAAC,GACK,IAAkB,EAAS,GAAS,EACtC,SAAS,IAAU,IAAQ,GAC/B,CAAC,GACK,IAAkB,EAAS,GAAS,EACtC,SAAS,IAAU,IAAU,GACjC,CAAC,GACK,IAAc,EAAe,GAAS,EACxC,SAAS,CAAC,CAAC,KAAW,CAAC,CAAC,EAC5B,CAAC,GACK,IAAkB,EAAS,GAAS;EACtC,MAAM;EACN,OAAO,EAAE,MAAA,IAAqB;EAC9B,SAAS,IAAU,IAAQ;EAC3B,aAAa,IAAU,EAAY,IAAI;CAC3C,CAAC,GACK,EAAE,sBAAmB,wBAAqB,EAAgB;EAC5D;EACA;EACA;EACA,IAAQ,IAAkB,KAAA;EAC1B,IAAQ,IAAkB,KAAA;EAC1B,IAAU,IAAkB,KAAA;CAChC,CAAC;CAOD,OALA,QACmC,EAA3B,MAAS,KAAA,IAA+B,KACxB,CAD6B,GAElD,CAAC,CAAI,CAAC,GAGL,kBAAC,GAAD,EAAA,UAAA,CACI,kBAAC,GAAD;EAAW,GAAI,EAAkB,CAAK;EAAG,KAAK,EAAU,EAAK,cAAc,CAAQ;YAC9E;CACM,CAAA,GACV,KACG,kBAAC,GAAD,EAAA,UACI,kBAAC,GAAD;EACI,GAAI,EAAiB;EACrB,OAAO;EACP,KAAK,EAAK;EACV,WAAU;YAJd,CAMI,kBAAC,GAAD;GACI,KAAK;GACI;GACT,aAAa;GACb,WAAU;EACb,CAAA,GACA,CACM;IACC,CAAA,CAEd,EAAA,CAAA;AAElB,CACJ"}
+{"version":3,"file":"tooltip.js","names":[],"sources":["../../../src/components/floating/tooltip.tsx"],"sourcesContent":["\"use client\";\nimport {\n    arrow,\n    autoPlacement,\n    autoUpdate,\n    flip,\n    FloatingArrow,\n    FloatingPortal,\n    offset,\n    type Placement,\n    safePolygon,\n    shift,\n    useClick,\n    useClientPoint,\n    useDismiss,\n    useFloating,\n    useFocus,\n    useHover,\n    useInteractions,\n    useRole,\n} from \"@floating-ui/react\";\nimport React, { forwardRef, Fragment, useEffect, useRef, useState } from \"react\";\nimport { Polymorph, PolymorphicProps } from \"../../components/core/polymorph\";\nimport { FLOATING_DELAY } from \"../../constants\";\nimport { mergeRefs } from \"../../lib/dom\";\nimport { noop } from \"../../lib/fns\";\nimport { ComponentLike, Label } from \"../../types\";\n\nexport type TooltipProps<T extends React.ElementType = \"span\"> = PolymorphicProps<\n    {\n        title: Label;\n        open?: boolean;\n        focus?: boolean;\n        hover?: boolean;\n        enabled?: boolean;\n        popover?: boolean;\n        placement?: Placement;\n        followCursor?: boolean;\n        onChange?: (b: boolean) => void;\n    },\n    T\n>;\n\nexport const Tooltip: <T extends ComponentLike = \"span\">(_: TooltipProps<T>) => React.ReactElement = forwardRef<HTMLSpanElement, TooltipProps>(\n    function Tooltip<T extends ComponentLike = \"span\">(\n        {\n            as,\n            open,\n            title,\n            children,\n            placement,\n            focus = true,\n            hover = true,\n            enabled = true,\n            popover = false,\n            onChange = noop,\n            followCursor = false,\n            ...props\n        }: TooltipProps<T>,\n        outerRef: React.ForwardedRef<HTMLSpanElement>\n    ) {\n        const [innerOpen, setInnerOpen] = useState<boolean>(open ?? false);\n        const arrowRef = useRef(null);\n        const Component: React.ElementType = as || \"span\";\n        const toggleBoth = (b: boolean) => {\n            setInnerOpen(b);\n            onChange?.(b);\n        };\n        const { refs, floatingStyles, context } = useFloating({\n            placement,\n            open: innerOpen,\n            whileElementsMounted: autoUpdate,\n            onOpenChange: open ? undefined : toggleBoth,\n            middleware: [shift(), offset(5), autoPlacement(), arrow({ padding: 5, element: arrowRef }), flip({ fallbackAxisSideDirection: \"start\" })],\n        });\n        const dismiss = useDismiss(context, { enabled });\n        const role = useRole(context, {\n            role: popover ? \"dialog\" : \"tooltip\",\n            enabled,\n        });\n        const focusController = useFocus(context, {\n            enabled: enabled ? focus : false,\n        });\n        const clickController = useClick(context, {\n            enabled: enabled ? popover : false,\n        });\n        const clientPoint = useClientPoint(context, {\n            enabled: !!enabled && !!followCursor,\n        });\n        const hoverController = useHover(context, {\n            move: true,\n            delay: { open: FLOATING_DELAY },\n            enabled: enabled ? hover : false,\n            handleClose: popover ? safePolygon() : null,\n        });\n        const { getReferenceProps, getFloatingProps } = useInteractions([\n            role,\n            dismiss,\n            clientPoint,\n            focus ? focusController : undefined,\n            hover ? hoverController : undefined,\n            popover ? clickController : undefined,\n        ]);\n\n        useEffect(() => {\n            if (open === undefined) return setInnerOpen(false);\n            return setInnerOpen(open);\n        }, [open]);\n\n        return (\n            <Fragment>\n                <Component {...getReferenceProps(props)} ref={mergeRefs(refs.setReference, outerRef)}>\n                    {title}\n                </Component>\n                {innerOpen && (\n                    <FloatingPortal>\n                        <Polymorph\n                            {...getFloatingProps()}\n                            style={floatingStyles}\n                            ref={refs.setFloating as React.Ref<React.ElementType<any, keyof React.JSX.IntrinsicElements>>}\n                            className=\"isolate z-tooltip rounded-tooltip-radius border border-tooltip-border bg-tooltip-background p-tooltip-p text-tooltip-foreground shadow-shadow-floating\"\n                        >\n                            <FloatingArrow\n                                ref={arrowRef}\n                                context={context}\n                                strokeWidth={0.1}\n                                className=\"fill-tooltip-background stroke-tooltip-border\"\n                            />\n                            {children}\n                        </Polymorph>\n                    </FloatingPortal>\n                )}\n            </Fragment>\n        );\n    }\n) as unknown as <T extends ComponentLike = \"span\">(_: TooltipProps<T>) => React.ReactElement;\n"],"mappings":";;;;;;;;AA2CA,IAAa,IAAwF,EACjG,SACI,EACI,OACA,SACA,UACA,aACA,cACA,WAAQ,IACR,WAAQ,IACR,aAAU,IACV,aAAU,IACV,cAAW,GACX,kBAAe,IACf,GAAG,KAEP,GACF;CACE,IAAM,CAAC,GAAW,KAAgB,EAAkB,KAAQ,EAAK,GAC3D,IAAW,EAAO,IAAI,GACtB,IAA+B,KAAM,QAKrC,EAAE,SAAM,mBAAgB,eAAY,EAAY;EAClD;EACA,MAAM;EACN,sBAAsB;EACtB,cAAc,IAAO,KAAA,KARL,MAAe;GAE/B,AADA,EAAa,CAAC,GACd,IAAW,CAAC;EAChB;EAMI,YAAY;GAAC,EAAM;GAAG,EAAO,CAAC;GAAG,EAAc;GAAG,EAAM;IAAE,SAAS;IAAG,SAAS;GAAS,CAAC;GAAG,EAAK,EAAE,2BAA2B,QAAQ,CAAC;EAAC;CAC5I,CAAC,GACK,IAAU,EAAW,GAAS,EAAE,WAAQ,CAAC,GACzC,IAAO,EAAQ,GAAS;EAC1B,MAAM,IAAU,WAAW;EAC3B;CACJ,CAAC,GACK,IAAkB,EAAS,GAAS,EACtC,SAAS,IAAU,IAAQ,GAC/B,CAAC,GACK,IAAkB,EAAS,GAAS,EACtC,SAAS,IAAU,IAAU,GACjC,CAAC,GACK,IAAc,EAAe,GAAS,EACxC,SAAS,CAAC,CAAC,KAAW,CAAC,CAAC,EAC5B,CAAC,GACK,IAAkB,EAAS,GAAS;EACtC,MAAM;EACN,OAAO,EAAE,MAAA,IAAqB;EAC9B,SAAS,IAAU,IAAQ;EAC3B,aAAa,IAAU,EAAY,IAAI;CAC3C,CAAC,GACK,EAAE,sBAAmB,wBAAqB,EAAgB;EAC5D;EACA;EACA;EACA,IAAQ,IAAkB,KAAA;EAC1B,IAAQ,IAAkB,KAAA;EAC1B,IAAU,IAAkB,KAAA;CAChC,CAAC;CAOD,OALA,QACmC,EAA3B,MAAS,KAAA,IAA+B,KACxB,CAD6B,GAElD,CAAC,CAAI,CAAC,GAGL,kBAAC,GAAD,EAAA,UAAA,CACI,kBAAC,GAAD;EAAW,GAAI,EAAkB,CAAK;EAAG,KAAK,EAAU,EAAK,cAAc,CAAQ;YAC9E;CACM,CAAA,GACV,KACG,kBAAC,GAAD,EAAA,UACI,kBAAC,GAAD;EACI,GAAI,EAAiB;EACrB,OAAO;EACP,KAAK,EAAK;EACV,WAAU;YAJd,CAMI,kBAAC,GAAD;GACI,KAAK;GACI;GACT,aAAa;GACb,WAAU;EACb,CAAA,GACA,CACM;IACC,CAAA,CAEd,EAAA,CAAA;AAElB,CACJ"}

package/dist/components/floating/tooltip.jsx

@@ -5,7 +5,7 @@ import { Polymorph } from "../../components/core/polymorph";
 import { FLOATING_DELAY } from "../../constants";
 import { mergeRefs } from "../../lib/dom";
 import { noop } from "../../lib/fns";
-export const Tooltip = forwardRef(function Tooltip({ as, open, title, children, placement, focus = true, hover = true, enabled = true, popover = true, onChange = noop, followCursor = false, ...props }, outerRef) {
+export const Tooltip = forwardRef(function Tooltip({ as, open, title, children, placement, focus = true, hover = true, enabled = true, popover = false, onChange = noop, followCursor = false, ...props }, outerRef) {
     const [innerOpen, setInnerOpen] = useState(open ?? false);
     const arrowRef = useRef(null);
     const Component = as || "span";

package/dist/components/floating/wizard.js

@@ -0,0 +1,3 @@
+"use client";
+import { t as e } from "../../wizard-7u_qZ-78.js";
+export { e as Wizard };

package/dist/components/form/autocomplete.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete.d.ts","sourceRoot":"","sources":["../../../src/components/form/autocomplete.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAkG,MAAM,OAAO,CAAC;AASvH,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,MAAM,MAAM,qBAAqB,GAAG,WAAW,GAAG;IAC9C,MAAM,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,GAAG;IACtE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,EAAE,qBAAqB,EAAE,CAAC;CACpC,CAAC;AAgCF,eAAO,MAAM,YAAY,yGA8YxB,CAAC"}
+{"version":3,"file":"autocomplete.d.ts","sourceRoot":"","sources":["../../../src/components/form/autocomplete.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAyG,MAAM,OAAO,CAAC;AAS9H,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,MAAM,MAAM,qBAAqB,GAAG,WAAW,GAAG;IAC9C,MAAM,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,GAAG;IACtE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,EAAE,qBAAqB,EAAE,CAAC;CACpC,CAAC;AAsCF,eAAO,MAAM,YAAY,yGAmaxB,CAAC"}