@once-ui-system/core 2.0.0-alpha.1 → 2.0.0-alpha.3

package/dist/components/EmojiPickerDropdown.js

@@ -1,7 +1,8 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { DropdownWrapper, EmojiPicker } from ".";
+import { DropdownWrapper } from "./DropdownWrapper";
+import { EmojiPicker } from "./EmojiPicker";
 const EmojiPickerDropdown = forwardRef(({ trigger, onSelect, closeAfterClick = true, background = "surface", columns = "8", ...dropdownProps }, ref) => {
     const handleEmojiSelect = (emoji) => {
         onSelect(emoji);

package/dist/components/EmojiPickerDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmojiPickerDropdown.js","sourceRoot":"","sources":["../../src/components/EmojiPickerDropdown.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,GAAG,CAAC;AAUjD,MAAM,mBAAmB,GAAG,UAAU,CAA2C,CAAC,EAChF,OAAO,EACP,QAAQ,EACR,eAAe,GAAG,IAAI,EACtB,UAAU,GAAG,SAAS,EACtB,OAAO,GAAG,GAAG,EACb,GAAG,aAAa,EACjB,EAAE,GAAG,EAAE,EAAE;IACR,MAAM,iBAAiB,GAAG,CAAC,KAAa,EAAE,EAAE;QAC1C,QAAQ,CAAC,KAAK,CAAC,CAAC;QAChB,IAAI,eAAe,EAAE,CAAC;YACpB,aAAa,CAAC,YAAY,EAAE,CAAC,KAAK,CAAC,CAAC;QACtC,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,eAAe,OACV,aAAa,EACjB,OAAO,EAAE,OAAO,EAChB,qBAAqB,EAAE,KAAK,EAC5B,QAAQ,EACN,KAAC,WAAW,IACV,OAAO,EAAE,OAAO,EAChB,OAAO,EAAC,GAAG,EACX,QAAQ,EAAE,iBAAiB,EAC3B,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,YAAY,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,EAChF,UAAU,EAAE,UAAU,GACtB,GAEJ,CACH,CAAC;AACJ,CAAC,CAAC,CAAA;AAEF,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC;AACxD,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"EmojiPickerDropdown.js","sourceRoot":"","sources":["../../src/components/EmojiPickerDropdown.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAW5C,MAAM,mBAAmB,GAAG,UAAU,CAA2C,CAAC,EAChF,OAAO,EACP,QAAQ,EACR,eAAe,GAAG,IAAI,EACtB,UAAU,GAAG,SAAS,EACtB,OAAO,GAAG,GAAG,EACb,GAAG,aAAa,EACjB,EAAE,GAAG,EAAE,EAAE;IACR,MAAM,iBAAiB,GAAG,CAAC,KAAa,EAAE,EAAE;QAC1C,QAAQ,CAAC,KAAK,CAAC,CAAC;QAChB,IAAI,eAAe,EAAE,CAAC;YACpB,aAAa,CAAC,YAAY,EAAE,CAAC,KAAK,CAAC,CAAC;QACtC,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,eAAe,OACV,aAAa,EACjB,OAAO,EAAE,OAAO,EAChB,qBAAqB,EAAE,KAAK,EAC5B,QAAQ,EACN,KAAC,WAAW,IACV,OAAO,EAAE,OAAO,EAChB,OAAO,EAAC,GAAG,EACX,QAAQ,EAAE,iBAAiB,EAC3B,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,YAAY,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,EAChF,UAAU,EAAE,UAAU,GACtB,GAEJ,CACH,CAAC;AACJ,CAAC,CAAC,CAAA;AAEF,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC;AACxD,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/components/Fade.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode } from "react";
-import { Flex } from ".";
+import { Flex } from "./Flex";
 import { ColorScheme, ColorWeight, SpacingToken } from "../types";
 export type BaseColor = `${ColorScheme}-${ColorWeight}` | `${ColorScheme}-alpha-${ColorWeight}` | "surface" | "overlay" | "page" | "transparent";
 interface FadeProps extends React.ComponentProps<typeof Flex> {

package/dist/components/Fade.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Fade.d.ts","sourceRoot":"","sources":["../../src/components/Fade.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAGrD,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AACzB,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAGlE,MAAM,MAAM,SAAS,GACjB,GAAG,WAAW,IAAI,WAAW,EAAE,GAC/B,GAAG,WAAW,UAAU,WAAW,EAAE,GACrC,SAAS,GACT,SAAS,GACT,MAAM,GACN,aAAa,CAAC;AAElB,UAAU,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,QAAQ,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,CAAC;IACzC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE;QACR,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,IAAI,CAAC,EAAE,YAAY,CAAC;KACrB,CAAC;IACF,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,IAAI,+FA4DT,CAAC;AAGF,OAAO,EAAE,IAAI,EAAE,CAAC"}
+{"version":3,"file":"Fade.d.ts","sourceRoot":"","sources":["../../src/components/Fade.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAGrD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAGlE,MAAM,MAAM,SAAS,GACjB,GAAG,WAAW,IAAI,WAAW,EAAE,GAC/B,GAAG,WAAW,UAAU,WAAW,EAAE,GACrC,SAAS,GACT,SAAS,GACT,MAAM,GACN,aAAa,CAAC;AAElB,UAAU,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,QAAQ,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,CAAC;IACzC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE;QACR,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,IAAI,CAAC,EAAE,YAAY,CAAC;KACrB,CAAC;IACF,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,IAAI,+FA4DT,CAAC;AAGF,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/components/Fade.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import styles from "./Fade.module.scss";
-import { Flex } from ".";
+import { Flex } from "./Flex";
 import classNames from "clsx";
 const Fade = forwardRef(({ to = "bottom", base = "page", pattern = {
     display: false,

package/dist/components/Fade.js.map

@@ -1 +1 @@
-{"version":3,"file":"Fade.js","sourceRoot":"","sources":["../../src/components/Fade.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAa,MAAM,OAAO,CAAC;AACrD,OAAO,MAAM,MAAM,oBAAoB,CAAC;AAExC,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAEzB,OAAO,UAAU,MAAM,MAAM,CAAC;AAuB9B,MAAM,IAAI,GAAG,UAAU,CACrB,CACE,EACE,EAAE,GAAG,QAAQ,EACb,IAAI,GAAG,MAAM,EACb,OAAO,GAAG;IACR,OAAO,EAAE,KAAK;IACd,IAAI,EAAE,GAAG;CACV,EACD,IAAI,GAAG,GAAG,EACV,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EACD,GAAG,EACH,EAAE;IACF,MAAM,UAAU,GAAG,CAAC,IAAe,EAAE,EAAE;QACrC,IAAI,IAAI,KAAK,MAAM;YAAE,OAAO,wBAAwB,CAAC;QACrD,IAAI,IAAI,KAAK,SAAS;YAAE,OAAO,2BAA2B,CAAC;QAC3D,IAAI,IAAI,KAAK,SAAS;YAAE,OAAO,iBAAiB,CAAC;QACjD,IAAI,IAAI,KAAK,aAAa;YAAE,OAAO,2BAA2B,CAAC;QAE/D,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAE1F,OAAO,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC;YAC3B,CAAC,CAAC,SAAS,MAAM,UAAU,MAAM,GAAG;YACpC,CAAC,CAAC,SAAS,MAAM,eAAe,MAAM,GAAG,CAAC;IAC9C,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,IAAI,IACH,GAAG,EAAE,GAAG,EACR,SAAS,QACT,KAAK,EACH;YACE,cAAc,EAAE,UAAU,CAAC,IAAI,CAAC;YAChC,sBAAsB,EACpB,EAAE,KAAK,KAAK;gBACV,CAAC,CAAC,MAAM;gBACR,CAAC,CAAC,EAAE,KAAK,OAAO;oBACd,CAAC,CAAC,OAAO;oBACT,CAAC,CAAC,EAAE,KAAK,QAAQ;wBACf,CAAC,CAAC,QAAQ;wBACV,CAAC,CAAC,QAAQ;YAClB,GAAG,CAAC,OAAO,CAAC,OAAO,IAAI;gBACrB,eAAe,EAAE,qIAAqI;gBACtJ,cAAc,EAAE,iCAAiC,OAAO,CAAC,IAAI,wBAAwB,OAAO,CAAC,IAAI,GAAG;gBACpG,cAAc,EAAE,QAAQ,IAAI,MAAM;aACnC,CAAC;YACF,GAAG,KAAK;SACc,EAE1B,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,KACzC,IAAI,YAEP,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,CAAC"}
+{"version":3,"file":"Fade.js","sourceRoot":"","sources":["../../src/components/Fade.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAa,MAAM,OAAO,CAAC;AACrD,OAAO,MAAM,MAAM,oBAAoB,CAAC;AAExC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,UAAU,MAAM,MAAM,CAAC;AAuB9B,MAAM,IAAI,GAAG,UAAU,CACrB,CACE,EACE,EAAE,GAAG,QAAQ,EACb,IAAI,GAAG,MAAM,EACb,OAAO,GAAG;IACR,OAAO,EAAE,KAAK;IACd,IAAI,EAAE,GAAG;CACV,EACD,IAAI,GAAG,GAAG,EACV,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EACD,GAAG,EACH,EAAE;IACF,MAAM,UAAU,GAAG,CAAC,IAAe,EAAE,EAAE;QACrC,IAAI,IAAI,KAAK,MAAM;YAAE,OAAO,wBAAwB,CAAC;QACrD,IAAI,IAAI,KAAK,SAAS;YAAE,OAAO,2BAA2B,CAAC;QAC3D,IAAI,IAAI,KAAK,SAAS;YAAE,OAAO,iBAAiB,CAAC;QACjD,IAAI,IAAI,KAAK,aAAa;YAAE,OAAO,2BAA2B,CAAC;QAE/D,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAE1F,OAAO,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC;YAC3B,CAAC,CAAC,SAAS,MAAM,UAAU,MAAM,GAAG;YACpC,CAAC,CAAC,SAAS,MAAM,eAAe,MAAM,GAAG,CAAC;IAC9C,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,IAAI,IACH,GAAG,EAAE,GAAG,EACR,SAAS,QACT,KAAK,EACH;YACE,cAAc,EAAE,UAAU,CAAC,IAAI,CAAC;YAChC,sBAAsB,EACpB,EAAE,KAAK,KAAK;gBACV,CAAC,CAAC,MAAM;gBACR,CAAC,CAAC,EAAE,KAAK,OAAO;oBACd,CAAC,CAAC,OAAO;oBACT,CAAC,CAAC,EAAE,KAAK,QAAQ;wBACf,CAAC,CAAC,QAAQ;wBACV,CAAC,CAAC,QAAQ;YAClB,GAAG,CAAC,OAAO,CAAC,OAAO,IAAI;gBACrB,eAAe,EAAE,qIAAqI;gBACtJ,cAAc,EAAE,iCAAiC,OAAO,CAAC,IAAI,wBAAwB,OAAO,CAAC,IAAI,GAAG;gBACpG,cAAc,EAAE,QAAQ,IAAI,MAAM;aACnC,CAAC;YACF,GAAG,KAAK;SACc,EAE1B,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,KACzC,IAAI,YAEP,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/components/FadingLettersFx.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FadingLettersFx.d.ts","sourceRoot":"","sources":["../../src/components/FadingLettersFx.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGvC,KAAK,cAAc,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,CAAC;AAEzD,UAAU,oBAAqB,SAAQ,cAAc,CAAC,OAAO,IAAI,CAAC;IAChE,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,EAAE,cAAc,CAAC;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,iBAAS,eAAe,CAAC,EACvB,IAAI,EACJ,cAAc,EACd,UAAc,EACd,GAAG,SAAS,EACb,EAAE,oBAAoB,+BA0CtB;kBA/CQ,eAAe;;;AAmDxB,OAAO,EAAE,eAAe,EAAE,CAAC;AAC3B,YAAY,EAAE,oBAAoB,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"FadingLettersFx.d.ts","sourceRoot":"","sources":["../../src/components/FadingLettersFx.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGvC,KAAK,cAAc,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,CAAC;AAEzD,UAAU,oBAAqB,SAAQ,cAAc,CAAC,OAAO,IAAI,CAAC;IAChE,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,EAAE,cAAc,CAAC;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,iBAAS,eAAe,CAAC,EACvB,IAAI,EACJ,cAAc,EACd,UAAc,EACd,GAAG,SAAS,EACb,EAAE,oBAAoB,+BA2CtB;kBAhDQ,eAAe;;;AAoDxB,OAAO,EAAE,eAAe,EAAE,CAAC;AAC3B,YAAY,EAAE,oBAAoB,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/FadingLettersFx.js

@@ -15,7 +15,7 @@ function FadingLettersFx({ text, animationState, messageIdx = 0, ...textProps })
                 return (_jsx("span", { className: `${styles.letter} ${animationState === "entering" ? styles.entering : ""} ${animationState === "exiting" ? styles.exiting : ""}`, style: {
                         "--entry-delay": `${entryDelay}ms`,
                         "--exit-delay": `${exitDelay}ms`,
-                    }, suppressHydrationWarning: true, children: letter }, `${wordIdx}-${letterIdx}`));
+                    }, "data-letter": letter, suppressHydrationWarning: true, children: _jsx("span", { className: styles.glyph, children: letter }) }, `${wordIdx}-${letterIdx}`));
             });
             return (_jsx("span", { className: styles.word, children: wordLetters }, wordIdx));
         });

package/dist/components/FadingLettersFx.js.map

@@ -1 +1 @@
-{"version":3,"file":"FadingLettersFx.js","sourceRoot":"","sources":["../../src/components/FadingLettersFx.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,MAAM,MAAM,+BAA+B,CAAC;AAUnD,SAAS,eAAe,CAAC,EACvB,IAAI,EACJ,cAAc,EACd,UAAU,GAAG,CAAC,EACd,GAAG,SAAS,EACS;IACrB,MAAM,qBAAqB,GAAG,GAAG,EAAE;QACjC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAC9B,MAAM,aAAa,GAAG,UAAU,GAAG,IAAI,CAAC;QAExC,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,OAAO,EAAE,EAAE;YACjC,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;YAC/B,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,SAAS,EAAE,EAAE;gBACpD,MAAM,aAAa,GAAG,aAAa,GAAG,OAAO,GAAG,GAAG,CAAC;gBACpD,MAAM,UAAU,GAAG,aAAa,GAAG,SAAS,GAAG,EAAE,CAAC;gBAClD,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,CAAC;gBAEtC,OAAO,CACL,eAEE,SAAS,EAAE,GAAG,MAAM,CAAC,MAAM,IACzB,cAAc,KAAK,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EACpD,IAAI,cAAc,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,EACxD,KAAK,EAAE;wBACL,eAAe,EAAE,GAAG,UAAU,IAAI;wBAClC,cAAc,EAAE,GAAG,SAAS,IAAI;qBACV,EACxB,wBAAwB,kBAEvB,MAAM,IAVF,GAAG,OAAO,IAAI,SAAS,EAAE,CAWzB,CACR,CAAC;YACJ,CAAC,CAAC,CAAC;YAEH,OAAO,CACL,eAAoB,SAAS,EAAE,MAAM,CAAC,IAAI,YACvC,WAAW,IADH,OAAO,CAEX,CACR,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,IAAI,OAAK,SAAS,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,SAAS,CAAC,KAAK,EAAE,YACpE,qBAAqB,EAAE,GACnB,CACR,CAAC;AACJ,CAAC;AAED,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC;AAEhD,OAAO,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"FadingLettersFx.js","sourceRoot":"","sources":["../../src/components/FadingLettersFx.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,MAAM,MAAM,+BAA+B,CAAC;AAUnD,SAAS,eAAe,CAAC,EACvB,IAAI,EACJ,cAAc,EACd,UAAU,GAAG,CAAC,EACd,GAAG,SAAS,EACS;IACrB,MAAM,qBAAqB,GAAG,GAAG,EAAE;QACjC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAC9B,MAAM,aAAa,GAAG,UAAU,GAAG,IAAI,CAAC;QAExC,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,OAAO,EAAE,EAAE;YACjC,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;YAC/B,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,SAAS,EAAE,EAAE;gBACpD,MAAM,aAAa,GAAG,aAAa,GAAG,OAAO,GAAG,GAAG,CAAC;gBACpD,MAAM,UAAU,GAAG,aAAa,GAAG,SAAS,GAAG,EAAE,CAAC;gBAClD,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,CAAC;gBAEtC,OAAO,CACL,eAEE,SAAS,EAAE,GAAG,MAAM,CAAC,MAAM,IACzB,cAAc,KAAK,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EACpD,IAAI,cAAc,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,EACxD,KAAK,EAAE;wBACL,eAAe,EAAE,GAAG,UAAU,IAAI;wBAClC,cAAc,EAAE,GAAG,SAAS,IAAI;qBACV,iBACX,MAAM,EACnB,wBAAwB,kBAExB,eAAM,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,MAAM,GAAQ,IAXzC,GAAG,OAAO,IAAI,SAAS,EAAE,CAYzB,CACR,CAAC;YACJ,CAAC,CAAC,CAAC;YAEH,OAAO,CACL,eAAoB,SAAS,EAAE,MAAM,CAAC,IAAI,YACvC,WAAW,IADH,OAAO,CAEX,CACR,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,IAAI,OAAK,SAAS,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,SAAS,CAAC,KAAK,EAAE,YACpE,qBAAqB,EAAE,GACnB,CACR,CAAC;AACJ,CAAC;AAED,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC;AAEhD,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/FadingLettersFx.module.scss

@@ -1,71 +1,248 @@
-@keyframes fadeInFromDistance {
+/*
+ * Every animated property here is one the compositor can run on its own:
+ * `transform` and `opacity`, nothing else.
+ *
+ * The effect used to animate `filter: blur()`. A changing blur radius moves
+ * pixels, so browsers keep that animation on the main thread, and any script
+ * that ran while the letters were arriving (hydration, a chunk loading, a
+ * WebGL context starting) froze them mid-blur. The blur is now fixed, on two
+ * copies of the letter: a heavy one (`::before`) and a light one (`::after`).
+ * Only their opacity moves. The heavy copy carries the start, the light one
+ * the middle, and the sharp letter the end, which steps the blur down the way
+ * the old radius shrank. Nothing a busy main thread does can stall that.
+ *
+ * The keyframes are the old curve (ease-out over 1200ms, opacity rising as
+ * the blur fell) sampled at tenths, so they run on a linear timing function;
+ * an easing on top would apply per segment and bend it twice.
+ *
+ * The copies come from `data-letter` and are generated content, so the letter
+ * is in the DOM once: it copies, reads and indexes as itself. The `/ ""`
+ * form gives the copies an empty accessible name where it is supported.
+ */
+
+.word {
+  display: inline-flex;
+  margin-right: 0.35em;
+}
+
+.letter {
+  display: inline-block;
+  position: relative;
+  will-change: transform;
+}
+
+/* Above both copies: positioned, so it paints after them, not under. */
+.glyph {
+  display: inline-block;
+  position: relative;
+  z-index: 1;
+}
+
+.entering::before,
+.entering::after,
+.exiting::before,
+.exiting::after {
+  content: attr(data-letter);
+  content: attr(data-letter) / "";
+  position: absolute;
+  inset: 0;
+  opacity: 0;
+  pointer-events: none;
+  user-select: none;
+}
+
+.entering::before,
+.exiting::before {
+  filter: blur(0.3em);
+}
+
+.entering::after,
+.exiting::after {
+  filter: blur(0.09em);
+}
+
+/* Entering: 1200ms, from a tenth of the size. */
+
+@keyframes letterScaleIn {
   from {
-    opacity: 0;
-    filter: blur(20px);
-    transform: scale(0) translateZ(-100px);
+    transform: scale(0.1);
   }
   to {
-    opacity: 1;
-    filter: blur(0px);
-    transform: scale(1) translateZ(0);
+    transform: scale(1);
   }
 }
 
-@keyframes fadeOutPastViewer {
-  from {
-    opacity: 1;
-    filter: blur(0px);
-    transform: scale(1) translateZ(0);
+@keyframes heavyIn {
+  0% {
+    opacity: 0;
   }
-  to {
+  10% {
+    opacity: 0.16;
+  }
+  20% {
+    opacity: 0.31;
+  }
+  30% {
+    opacity: 0.44;
+  }
+  40% {
+    opacity: 0.42;
+  }
+  50% {
+    opacity: 0.22;
+  }
+  60% {
+    opacity: 0.05;
+  }
+  70%,
+  100% {
     opacity: 0;
-    filter: blur(30px);
-    transform: scale(8) translateZ(100px);
   }
 }
 
-@keyframes letterFadeIn {
-  from {
+@keyframes lightIn {
+  0%,
+  30% {
     opacity: 0;
-    filter: blur(25px);
-    transform: scale(0.1);
   }
-  to {
+  40% {
+    opacity: 0.25;
+  }
+  50% {
+    opacity: 0.5;
+  }
+  60% {
+    opacity: 0.7;
+  }
+  70% {
+    opacity: 0.72;
+  }
+  80% {
+    opacity: 0.6;
+  }
+  90% {
+    opacity: 0.3;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+
+@keyframes glyphIn {
+  0%,
+  50% {
+    opacity: 0;
+  }
+  60% {
+    opacity: 0.06;
+  }
+  70% {
+    opacity: 0.3;
+  }
+  80% {
+    opacity: 0.6;
+  }
+  90% {
+    opacity: 0.86;
+  }
+  100% {
     opacity: 1;
-    filter: blur(0px);
-    transform: scale(1);
   }
 }
 
-@keyframes letterFadeOut {
+.letter.entering {
+  animation: letterScaleIn 1200ms ease-out both;
+  animation-delay: var(--entry-delay, 0s);
+
+  .glyph {
+    animation: glyphIn 1200ms linear both;
+    animation-delay: var(--entry-delay, 0s);
+  }
+
+  &::before {
+    animation: heavyIn 1200ms linear both;
+    animation-delay: var(--entry-delay, 0s);
+  }
+
+  &::after {
+    animation: lightIn 1200ms linear both;
+    animation-delay: var(--entry-delay, 0s);
+  }
+}
+
+/* Exiting: 1600ms, growing past the viewer as it blurs away. */
+
+@keyframes letterScaleOut {
   from {
-    opacity: 1;
-    filter: blur(0px);
     transform: scale(1);
   }
   to {
-    opacity: 0;
-    filter: blur(20px);
     transform: scale(4);
   }
 }
 
-.word {
-  display: inline-flex;
-  margin-right: 0.35em;
+@keyframes glyphOut {
+  0% {
+    opacity: 1;
+  }
+  20% {
+    opacity: 0.8;
+  }
+  35% {
+    opacity: 0.3;
+  }
+  45%,
+  100% {
+    opacity: 0;
+  }
 }
 
-.letter {
-  display: inline-block;
-  will-change: transform;
+@keyframes lightOut {
+  0%,
+  10% {
+    opacity: 0;
+  }
+  30% {
+    opacity: 0.6;
+  }
+  50% {
+    opacity: 0.3;
+  }
+  65%,
+  100% {
+    opacity: 0;
+  }
 }
 
-.letter.entering {
-  animation: letterFadeIn 1200ms ease-out both;
-  animation-delay: var(--entry-delay, 0s), var(--entry-delay, 0s);
+@keyframes heavyOut {
+  0%,
+  35% {
+    opacity: 0;
+  }
+  55% {
+    opacity: 0.35;
+  }
+  100% {
+    opacity: 0;
+  }
 }
 
 .letter.exiting {
-  animation: letterFadeOut 1600ms ease-in-out forwards;
+  animation: letterScaleOut 1600ms ease-in-out forwards;
   animation-delay: var(--exit-delay, 0s);
+
+  .glyph {
+    animation: glyphOut 1600ms linear forwards;
+    animation-delay: var(--exit-delay, 0s);
+  }
+
+  &::before {
+    animation: heavyOut 1600ms linear forwards;
+    animation-delay: var(--exit-delay, 0s);
+  }
+
+  &::after {
+    animation: lightOut 1600ms linear forwards;
+    animation-delay: var(--exit-delay, 0s);
+  }
 }

package/dist/components/Feedback.d.ts

@@ -1,8 +1,12 @@
 import React, { ReactNode } from "react";
-import { Flex } from ".";
+import { Flex } from "./Flex";
+import type { IconName } from "../icons";
 interface FeedbackProps extends Omit<React.ComponentProps<typeof Flex>, "title"> {
     variant?: "info" | "danger" | "warning" | "success";
     showIcon?: boolean;
+    /** Overrides the variant's icon. Custom names work once registered through
+     *  the `IconLibraryOverrides` interface, which is what widens `IconName`. */
+    icon?: IconName;
     title?: string;
     description?: string;
     showCloseButton?: boolean;

package/dist/components/Feedback.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Feedback.d.ts","sourceRoot":"","sources":["../../src/components/Feedback.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAoB,IAAI,EAAgB,MAAM,GAAG,CAAC;AAGzD,UAAU,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,OAAO,CAAC;IAC9E,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAWD,QAAA,MAAM,QAAQ,mGAqFb,CAAC;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"Feedback.d.ts","sourceRoot":"","sources":["../../src/components/Feedback.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAGrD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAG9B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEzC,UAAU,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,OAAO,CAAC;IAC9E,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;iFAC6E;IAC7E,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAWD,QAAA,MAAM,QAAQ,mGAsFb,CAAC;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/Feedback.js

@@ -1,15 +1,19 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { IconButton, Icon, Flex, Text, Column } from ".";
+import { IconButton } from "./IconButton";
+import { Icon } from "./Icon";
+import { Flex } from "./Flex";
+import { Text } from "./Text";
+import { Column } from "./Column";
 const variantIconMap = {
     info: "info",
     danger: "danger",
     warning: "warning",
     success: "check",
 };
-const Feedback = forwardRef(({ variant = "info", showIcon = true, title, description, showCloseButton = false, onClose, className, style, children, ...rest }, ref) => {
-    return (_jsxs(Flex, { fillWidth: true, radius: "l", ref: ref, border: `${variant}-medium`, background: `${variant}-medium`, vertical: "start", role: "alert", "aria-live": "assertive", className: className, style: style, ...rest, children: [showIcon && (_jsx(Flex, { paddingY: "16", paddingLeft: "16", children: _jsx(Icon, { padding: "2", radius: "m", onBackground: `${variant}-medium`, name: variantIconMap[variant], "aria-hidden": "true" }) })), _jsxs(Column, { fillWidth: true, padding: "16", gap: "24", vertical: "center", children: [(title || description) && (_jsxs(Column, { fillWidth: true, gap: "2", children: [title && (_jsxs(Flex, { fillWidth: true, gap: "16", children: [_jsx(Flex, { fillWidth: true, paddingY: "4", children: _jsx(Text, { variant: "heading-strong-xs", onBackground: `${variant}-medium`, role: "heading", "aria-level": 2, children: title }) }), showCloseButton && (_jsx(IconButton, { onClick: onClose, icon: "close", size: "m", tooltip: "Hide", tooltipPosition: "top", variant: "ghost", "aria-label": "Close alert" }))] })), description && (_jsx(Text, { marginBottom: "2", variant: "body-default-s", onBackground: `${variant}-strong`, children: description }))] })), children] })] }));
+const Feedback = forwardRef(({ variant = "info", showIcon = true, icon, title, description, showCloseButton = false, onClose, className, style, children, ...rest }, ref) => {
+    return (_jsxs(Flex, { fillWidth: true, radius: "l", ref: ref, border: `${variant}-medium`, background: `${variant}-medium`, vertical: title || children ? "start" : "center", role: "alert", "aria-live": "assertive", className: className, style: style, ...rest, children: [showIcon && (_jsx(Flex, { paddingY: "16", paddingLeft: "16", children: _jsx(Icon, { padding: "2", radius: "m", onBackground: `${variant}-medium`, name: icon ?? variantIconMap[variant], "aria-hidden": "true" }) })), _jsxs(Column, { fillWidth: true, padding: "16", gap: "24", vertical: "center", children: [(title || description) && (_jsxs(Column, { fillWidth: true, gap: "2", children: [title && (_jsxs(Flex, { fillWidth: true, gap: "16", children: [_jsx(Flex, { fillWidth: true, paddingY: "4", children: _jsx(Text, { variant: "heading-strong-xs", onBackground: `${variant}-medium`, role: "heading", "aria-level": 2, children: title }) }), showCloseButton && (_jsx(IconButton, { onClick: onClose, icon: "close", size: "m", tooltip: "Hide", tooltipPosition: "top", variant: "ghost", "aria-label": "Close alert" }))] })), description && (_jsx(Text, { marginBottom: "2", variant: "body-default-s", onBackground: `${variant}-strong`, children: description }))] })), children] })] }));
 });
 Feedback.displayName = "Feedback";
 export { Feedback };

package/dist/components/Feedback.js.map

@@ -1 +1 @@
-{"version":3,"file":"Feedback.js","sourceRoot":"","sources":["../../src/components/Feedback.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,UAAU,EAAa,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAG,CAAC;AAezD,MAAM,cAAc,GAEhB;IACF,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,OAAO;CACjB,CAAC;AAEF,MAAM,QAAQ,GAAG,UAAU,CACzB,CACE,EACE,OAAO,GAAG,MAAM,EAChB,QAAQ,GAAG,IAAI,EACf,KAAK,EACL,WAAW,EACX,eAAe,GAAG,KAAK,EACvB,OAAO,EACP,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACR,EACD,GAAG,EACH,EAAE;IACF,OAAO,CACL,MAAC,IAAI,IACH,SAAS,QACT,MAAM,EAAC,GAAG,EACV,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,GAAG,OAAO,SAAS,EAC3B,UAAU,EAAE,GAAG,OAAO,SAAS,EAC/B,QAAQ,EAAC,OAAO,EAChB,IAAI,EAAC,OAAO,eACF,WAAW,EACrB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,KACR,IAAI,aAEP,QAAQ,IAAI,CACX,KAAC,IAAI,IAAC,QAAQ,EAAC,IAAI,EAAC,WAAW,EAAC,IAAI,YAClC,KAAC,IAAI,IACH,OAAO,EAAC,GAAG,EACX,MAAM,EAAC,GAAG,EACV,YAAY,EAAE,GAAG,OAAO,SAAS,EACjC,IAAI,EAAE,cAAc,CAAC,OAAO,CAAC,iBACjB,MAAM,GAClB,GACG,CACR,EACD,MAAC,MAAM,IAAC,SAAS,QAAC,OAAO,EAAC,IAAI,EAAC,GAAG,EAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,aACtD,CAAC,KAAK,IAAI,WAAW,CAAC,IAAI,CACzB,MAAC,MAAM,IAAC,SAAS,QAAC,GAAG,EAAC,GAAG,aACtB,KAAK,IAAI,CACR,MAAC,IAAI,IAAC,SAAS,QAAC,GAAG,EAAC,IAAI,aACtB,KAAC,IAAI,IAAC,SAAS,QAAC,QAAQ,EAAC,GAAG,YAC1B,KAAC,IAAI,IACH,OAAO,EAAC,mBAAmB,EAC3B,YAAY,EAAE,GAAG,OAAO,SAAS,EACjC,IAAI,EAAC,SAAS,gBACF,CAAC,YAEZ,KAAK,GACD,GACF,EACN,eAAe,IAAI,CAClB,KAAC,UAAU,IACT,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,GAAG,EACR,OAAO,EAAC,MAAM,EACd,eAAe,EAAC,KAAK,EACrB,OAAO,EAAC,OAAO,gBACJ,aAAa,GACxB,CACH,IACI,CACR,EACA,WAAW,IAAI,CACd,KAAC,IAAI,IACH,YAAY,EAAC,GAAG,EAChB,OAAO,EAAC,gBAAgB,EACxB,YAAY,EAAE,GAAG,OAAO,SAAS,YAEhC,WAAW,GACP,CACR,IACM,CACV,EACA,QAAQ,IACF,IACJ,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"Feedback.js","sourceRoot":"","sources":["../../src/components/Feedback.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,UAAU,EAAa,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAkBlC,MAAM,cAAc,GAEhB;IACF,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,OAAO;CACjB,CAAC;AAEF,MAAM,QAAQ,GAAG,UAAU,CACzB,CACE,EACE,OAAO,GAAG,MAAM,EAChB,QAAQ,GAAG,IAAI,EACf,IAAI,EACJ,KAAK,EACL,WAAW,EACX,eAAe,GAAG,KAAK,EACvB,OAAO,EACP,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACR,EACD,GAAG,EACH,EAAE;IACF,OAAO,CACL,MAAC,IAAI,IACH,SAAS,QACT,MAAM,EAAC,GAAG,EACV,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,GAAG,OAAO,SAAS,EAC3B,UAAU,EAAE,GAAG,OAAO,SAAS,EAC/B,QAAQ,EAAE,KAAK,IAAI,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EAChD,IAAI,EAAC,OAAO,eACF,WAAW,EACrB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,KACR,IAAI,aAEP,QAAQ,IAAI,CACX,KAAC,IAAI,IAAC,QAAQ,EAAC,IAAI,EAAC,WAAW,EAAC,IAAI,YAClC,KAAC,IAAI,IACH,OAAO,EAAC,GAAG,EACX,MAAM,EAAC,GAAG,EACV,YAAY,EAAE,GAAG,OAAO,SAAS,EACjC,IAAI,EAAE,IAAI,IAAI,cAAc,CAAC,OAAO,CAAC,iBACzB,MAAM,GAClB,GACG,CACR,EACD,MAAC,MAAM,IAAC,SAAS,QAAC,OAAO,EAAC,IAAI,EAAC,GAAG,EAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,aACtD,CAAC,KAAK,IAAI,WAAW,CAAC,IAAI,CACzB,MAAC,MAAM,IAAC,SAAS,QAAC,GAAG,EAAC,GAAG,aACtB,KAAK,IAAI,CACR,MAAC,IAAI,IAAC,SAAS,QAAC,GAAG,EAAC,IAAI,aACtB,KAAC,IAAI,IAAC,SAAS,QAAC,QAAQ,EAAC,GAAG,YAC1B,KAAC,IAAI,IACH,OAAO,EAAC,mBAAmB,EAC3B,YAAY,EAAE,GAAG,OAAO,SAAS,EACjC,IAAI,EAAC,SAAS,gBACF,CAAC,YAEZ,KAAK,GACD,GACF,EACN,eAAe,IAAI,CAClB,KAAC,UAAU,IACT,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,GAAG,EACR,OAAO,EAAC,MAAM,EACd,eAAe,EAAC,KAAK,EACrB,OAAO,EAAC,OAAO,gBACJ,aAAa,GACxB,CACH,IACI,CACR,EACA,WAAW,IAAI,CACd,KAAC,IAAI,IACH,YAAY,EAAC,GAAG,EAChB,OAAO,EAAC,gBAAgB,EACxB,YAAY,EAAE,GAAG,OAAO,SAAS,YAEhC,WAAW,GACP,CACR,IACM,CACV,EACA,QAAQ,IACF,IACJ,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/FlipFx.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { Flex } from ".";
+import { Flex } from "./Flex";
 export interface FlipFxProps extends React.ComponentProps<typeof Flex> {
     flipDirection?: "horizontal" | "vertical";
     timing?: number;

package/dist/components/FlipFx.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FlipFx.d.ts","sourceRoot":"","sources":["../../src/components/FlipFx.tsx"],"names":[],"mappings":"AAEA,OAAO,KAON,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAEzB,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IACpE,aAAa,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IAC1C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,QAAA,MAAM,MAAM,iGAyHV,CAAC;AAGH,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"FlipFx.d.ts","sourceRoot":"","sources":["../../src/components/FlipFx.tsx"],"names":[],"mappings":"AAEA,OAAO,KAON,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IACpE,aAAa,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IAC1C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,QAAA,MAAM,MAAM,iGAyHV,CAAC;AAGH,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/FlipFx.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect, useRef, useLayoutEffect, useCallback, forwardRef, } from "react";
-import { Flex } from ".";
+import { Flex } from "./Flex";
 const FlipFx = forwardRef((props, ref) => {
     const { flipDirection = "horizontal", timing = 2000, flipped, onFlip, disableClickFlip = false, autoFlipInterval, front, back, className, style, ...flex } = props;
     const [internalFlipped, setInternalFlipped] = useState(false);

package/dist/components/FlipFx.js.map

@@ -1 +1 @@
-{"version":3,"file":"FlipFx.js","sourceRoot":"","sources":["../../src/components/FlipFx.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"FlipFx.js","sourceRoot":"","sources":["../../src/components/FlipFx.tsx"],"names":[],"mappings":"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"}

package/dist/components/FocusTrap.d.ts

@@ -3,11 +3,11 @@ interface FocusTrapProps {
     children: ReactNode;
     active: boolean;
     onEscape?: () => void;
-    containerRef?: RefObject<HTMLDivElement>;
+    containerRef?: RefObject<HTMLDivElement | null>;
     className?: string;
     style?: React.CSSProperties;
-    initialFocusRef?: RefObject<HTMLElement>;
-    returnFocusRef?: RefObject<HTMLElement>;
+    initialFocusRef?: RefObject<HTMLElement | null>;
+    returnFocusRef?: RefObject<HTMLElement | null>;
     restoreFocus?: boolean;
     autoFocus?: boolean;
 }

package/dist/components/FocusTrap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FocusTrap.d.ts","sourceRoot":"","sources":["../../src/components/FocusTrap.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAqB,SAAS,EAAiB,SAAS,EAAc,MAAM,OAAO,CAAC;AAElG,UAAU,cAAc;IACtB,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,YAAY,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,eAAe,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IACzC,cAAc,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IACxC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,SAAS,uFAgHb,CAAA;AAGF,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"FocusTrap.d.ts","sourceRoot":"","sources":["../../src/components/FocusTrap.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAqB,SAAS,EAAiB,SAAS,EAAc,MAAM,OAAO,CAAC;AAElG,UAAU,cAAc;IACtB,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,YAAY,CAAC,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,eAAe,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAChD,cAAc,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC/C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,SAAS,uFA0Hb,CAAA;AAGF,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/FocusTrap.js

@@ -8,6 +8,16 @@ const FocusTrap = forwardRef(({ children, active, onEscape, containerRef: extern
     // Store the previously focused element when the trap becomes active
     useEffect(() => {
         if (active) {
+            // Focus already inside means someone placed it there deliberately and
+            // more precisely than "the first focusable element" — DropdownWrapper
+            // opens a list on its selected option, not its first. This effect can
+            // run before or after that, depending on when the panel finishes
+            // positioning, so it defers instead of racing: a trap's job is to keep
+            // focus in, not to reset where it sits. The element outside is likewise
+            // only worth remembering when focus is actually coming from out there.
+            const alreadyInside = containerRef.current?.contains(document.activeElement) ?? false;
+            if (alreadyInside)
+                return;
             previouslyFocusedElement.current = document.activeElement;
             if (autoFocus) {
                 // Focus the specified initial element or the first focusable element

package/dist/components/FocusTrap.js.map

@@ -1 +1 @@
-{"version":3,"file":"FocusTrap.js","sourceRoot":"","sources":["../../src/components/FocusTrap.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"FocusTrap.js","sourceRoot":"","sources":["../../src/components/FocusTrap.tsx"],"names":[],"mappings":"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"}

package/dist/components/Form.d.ts

@@ -0,0 +1,48 @@
+import React from "react";
+import type { TShirtSizes } from "../types";
+/**
+ * Form — spacing density and grouping for a set of fields.
+ *
+ * `density` is one decision, not two: how much air sits between fields, and
+ * whether they read as separate controls or as a single one. `"stacked"` fuses
+ * them — adjacent borders collapse onto a shared hairline and only the outer
+ * corners of the group stay round. `"tight"` and `"spacious"` are ordinary
+ * gaps, where every field keeps its own border and its own radius.
+ *
+ * The corner assignment is the point of the component. Hand-writing
+ * `corners="top" | "none" | "bottom"` down a stack is positional bookkeeping
+ * that breaks silently the moment a field is conditionally rendered or
+ * reordered — hide the third of four and the group ends on a square edge.
+ * Form derives the corners instead, from the children that actually rendered,
+ * at every breakpoint.
+ */
+type Breakpoint = "xl" | "l" | "m" | "s" | "xs";
+/** Columns, either flat or per breakpoint. Breakpoints cascade xl → xs, the
+ *  same direction `Grid` cascades them. */
+type FormColumns = number | Partial<Record<Breakpoint, number>>;
+interface FormProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onSubmit"> {
+    /**
+     * Gap and grouping as one decision. `"stacked"` collapses the gap to a
+     * shared hairline and rounds only the outside of the group; `"tight"` and
+     * `"spacious"` keep every field its own control.
+     */
+    density?: "stacked" | "tight" | "spacious";
+    /** Grid columns. A number, or a per-breakpoint map like `{ xs: 1, m: 2 }`. */
+    columns?: FormColumns;
+    /**
+     * Size for every field in the form. A field that sets its own `size` keeps
+     * it. Passed down by context rather than cloned onto the children, so a
+     * child that is not a field does not pick up a stray attribute.
+     */
+    size?: TShirtSizes;
+    /** Render a real `<form>` rather than a `<div>`. */
+    as?: "div" | "form";
+    onSubmit?: React.FormEventHandler<HTMLFormElement>;
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+}
+declare const Form: React.ForwardRefExoticComponent<FormProps & React.RefAttributes<HTMLDivElement>>;
+export type { FormColumns, FormProps };
+export { Form };
+//# sourceMappingURL=Form.d.ts.map

package/dist/components/Form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../src/components/Form.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAA0B,WAAW,EAAE,MAAM,UAAU,CAAC;AAKpE;;;;;;;;;;;;;;;GAeG;AAEH,KAAK,UAAU,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;AAIhD;2CAC2C;AAC3C,KAAK,WAAW,GAAG,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC;AAEhE,UAAU,SAAU,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAChF;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,UAAU,CAAC;IAC3C,8EAA8E;IAC9E,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB;;;;OAIG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,oDAAoD;IACpD,EAAE,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AA+ID,QAAA,MAAM,IAAI,kFA+GT,CAAC;AAIF,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,CAAC"}