@hjmds/design-contracts 0.8.2

package/dist/floating-action-button.d.ts

@@ -0,0 +1,143 @@
+import type { SemanticIconName } from "./icon.js";
+/**
+ * FloatingActionButton is not a smaller BottomCTA. BottomCTA is the screen's
+ * conclusion (full-width, end of a flow, `bottomCtaRecipe`'s full-bleed
+ * anatomy). FloatingActionButton is a single create action that floats above
+ * scrollable content the user is still browsing — it never spans the width
+ * and never claims to be the screen's only action. That is the entire
+ * justification for a second contract instead of a BottomCTA variant.
+ */
+export type FloatingActionButtonLayoutMode = "expanded" | "collapsed";
+/**
+ * The renderer owns scroll listening and thresholding (same boundary as
+ * LoadMore's IntersectionObserver/onEndReached and Popover's AnchoredOverlay —
+ * this package never touches a scroll container). It only reports a discrete
+ * signal; `resolveFloatingActionButtonLayoutMode` turns that into the next
+ * mode without the renderer re-deriving the collapse/expand rule itself.
+ */
+export type FloatingActionButtonScrollSignal = "away-from-start" | "toward-start" | "idle";
+export type FloatingActionButtonIconDescriptor<IconName extends string = SemanticIconName> = Readonly<{
+    name: IconName;
+    decorative?: true;
+    accessibilityLabel?: never;
+    size?: never;
+    tone?: never;
+    weight?: never;
+    directionality?: never;
+}>;
+export type ResolvedFloatingActionButtonIconDescriptor<IconName extends string = SemanticIconName> = Readonly<{
+    name: IconName;
+    decorative: true;
+}>;
+/**
+ * `label` is required even though `collapsed` mode shows only the icon.
+ * The action's name must never shrink to nothing just because its visible
+ * chrome did — `resolveFloatingActionButtonDescriptor` always reports the
+ * full label as the accessible name in both layout modes.
+ */
+export type FloatingActionButtonDescriptor<IconName extends string = SemanticIconName> = Readonly<{
+    icon: FloatingActionButtonIconDescriptor<IconName>;
+    label: string;
+    layoutMode?: FloatingActionButtonLayoutMode;
+}>;
+export type ResolvedFloatingActionButtonDescriptor<IconName extends string = SemanticIconName> = Readonly<{
+    icon: ResolvedFloatingActionButtonIconDescriptor<IconName>;
+    label: string;
+    layoutMode: FloatingActionButtonLayoutMode;
+    resolvedAccessibilityLabel: string;
+}>;
+export declare const floatingActionButtonBehaviorDefaults: {
+    readonly layoutMode: "expanded";
+};
+export declare function validateFloatingActionButtonDescriptor<IconName extends string>(descriptor: FloatingActionButtonDescriptor<IconName>): void;
+/**
+ * The label is the accessible name in every mode — `collapsed` never falls
+ * back to the icon name, because an icon-only glyph is not a stable
+ * accessible name across products or locales.
+ */
+export declare function resolveFloatingActionButtonDescriptor<IconName extends string>(descriptor: FloatingActionButtonDescriptor<IconName>): ResolvedFloatingActionButtonDescriptor<IconName>;
+/**
+ * Collapsing on `away-from-start` and expanding on `toward-start` mirrors the
+ * common list-scroll convention (hide the label while the user reads,
+ * reintroduce it once they scroll back toward the top). `idle` intentionally
+ * keeps whatever mode is already active instead of guessing, so a renderer
+ * that reports "no delta since last frame" cannot cause the button to flicker.
+ */
+export declare function resolveFloatingActionButtonLayoutMode(signal: FloatingActionButtonScrollSignal, previousMode?: FloatingActionButtonLayoutMode): FloatingActionButtonLayoutMode;
+/**
+ * Answers "who reserves the content's bottom padding" so both platform
+ * renderers compute the same number instead of each re-deriving
+ * diameter + margin arithmetic independently and drifting apart. The safe-area
+ * inset is additive, matching every other bottom-anchored recipe in this
+ * package (BottomNavigation, Sheet, Toast) rather than a `max()` clamp.
+ */
+export declare function resolveFloatingActionButtonContentClearance(safeAreaBottomInset: number): number;
+/**
+ * Both layout modes reuse Button/IconButton's `large` tier so the control
+ * never changes height while morphing between a circle and a pill — only
+ * shape and content change, per the brief's "don't fork the Button recipe."
+ */
+export declare const floatingActionButtonRecipe: {
+    readonly slots: readonly ["root", "icon", "label"];
+    readonly defaults: {
+        readonly layoutMode: "expanded";
+    };
+    readonly circle: {
+        readonly diameter: 52;
+        readonly hitSlop: 0;
+        readonly glyph: "lg";
+    };
+    readonly tone: {
+        readonly background: Readonly<{
+            source: "theme";
+            key: "primary";
+            alpha?: number;
+        }>;
+        readonly content: Readonly<{
+            source: "theme";
+            key: "onPrimary";
+            alpha?: number;
+        }>;
+        readonly border: null;
+    };
+    readonly shape: "full";
+    /**
+     * Button의 large 티어와 같은 값이다. 그런데 `buttonRecipe`를 import하지는 않는다 —
+     * 그것은 `recipes.ts`에 있고 그 파일은 `component-recipes.ts`를 import하는 **하류**라,
+     * 여기서 거슬러 올라가면 순환이 된다(ESM은 재수출을 본문보다 먼저 평가해서
+     * `buttonRecipe`가 undefined인 채로 이 모듈이 실행된다).
+     *
+     * 대신 같은 foundations 토큰을 직접 읽고, **두 값이 어긋나지 않는다는 것은
+     * `test/floating-action-button.test.ts`의 불변식으로 강제한다.** 이 저장소가 규칙을
+     * 다루는 방식대로 — 지켜야 할 것은 import가 아니라 테스트로 묶는다.
+     */
+    readonly expandedLabel: {
+        readonly textVariant: "bodyLarge";
+        readonly paddingHorizontal: 20;
+    };
+    readonly margin: 16;
+    readonly shadow: {
+        readonly color: "#000000";
+        readonly opacity: 0.12;
+        readonly radius: 12;
+        readonly offsetY: 4;
+    };
+    /**
+     * `micro` (120ms, instant under Reduce Motion) rather than `enter`/`exit`:
+     * this transition can fire on every scroll-direction change, and a state
+     * driven by continuous scrolling should use the fastest state-change tier
+     * so it cannot visibly queue behind fast scroll gestures.
+     */
+    readonly transition: {
+        readonly duration: 120;
+        readonly easing: "standard";
+        readonly reducedMotion: "instant";
+    };
+};
+/**
+ * Literal scenario names for behaviorRegistry.floatingActionButton (lead
+ * wires into src/behaviors.ts). Kept here, not there, so this module stays
+ * self-contained per the authoring brief.
+ */
+export declare const floatingActionButtonBehaviorScenarios: readonly ["collapses-on-scroll-away-from-start-without-losing-the-44-unit-target", "expands-on-scroll-toward-start", "idle-scroll-signal-does-not-change-the-current-mode", "accessible-name-is-the-full-label-in-both-layout-modes", "content-clearance-accounts-for-the-safe-area-inset-additively", "root-sits-after-scrollable-content-in-reading-and-tab-order", "reduced-motion-crossfades-icon-and-label-without-a-shape-tween"];
+//# sourceMappingURL=floating-action-button.d.ts.map

package/dist/floating-action-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"floating-action-button.d.ts","sourceRoot":"","sources":["../src/floating-action-button.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAElD;;;;;;;GAOG;AACH,MAAM,MAAM,8BAA8B,GAAG,UAAU,GAAG,WAAW,CAAC;AAEtE;;;;;;GAMG;AACH,MAAM,MAAM,gCAAgC,GACxC,iBAAiB,GACjB,cAAc,GACd,MAAM,CAAC;AAEX,MAAM,MAAM,kCAAkC,CAC5C,QAAQ,SAAS,MAAM,GAAG,gBAAgB,IACxC,QAAQ,CAAC;IACX,IAAI,EAAE,QAAQ,CAAC;IACf,UAAU,CAAC,EAAE,IAAI,CAAC;IAClB,kBAAkB,CAAC,EAAE,KAAK,CAAC;IAC3B,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,cAAc,CAAC,EAAE,KAAK,CAAC;CACxB,CAAC,CAAC;AAEH,MAAM,MAAM,0CAA0C,CACpD,QAAQ,SAAS,MAAM,GAAG,gBAAgB,IACxC,QAAQ,CAAC;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,UAAU,EAAE,IAAI,CAAA;CAAE,CAAC,CAAC;AAEnD;;;;;GAKG;AACH,MAAM,MAAM,8BAA8B,CACxC,QAAQ,SAAS,MAAM,GAAG,gBAAgB,IACxC,QAAQ,CAAC;IACX,IAAI,EAAE,kCAAkC,CAAC,QAAQ,CAAC,CAAC;IACnD,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,8BAA8B,CAAC;CAC7C,CAAC,CAAC;AAEH,MAAM,MAAM,sCAAsC,CAChD,QAAQ,SAAS,MAAM,GAAG,gBAAgB,IACxC,QAAQ,CAAC;IACX,IAAI,EAAE,0CAA0C,CAAC,QAAQ,CAAC,CAAC;IAC3D,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,8BAA8B,CAAC;IAC3C,0BAA0B,EAAE,MAAM,CAAC;CACpC,CAAC,CAAC;AAEH,eAAO,MAAM,oCAAoC;;CAE4B,CAAC;AAoC9E,wBAAgB,sCAAsC,CAAC,QAAQ,SAAS,MAAM,EAC5E,UAAU,EAAE,8BAA8B,CAAC,QAAQ,CAAC,GACnD,IAAI,CAsBN;AAED;;;;GAIG;AACH,wBAAgB,qCAAqC,CAAC,QAAQ,SAAS,MAAM,EAC3E,UAAU,EAAE,8BAA8B,CAAC,QAAQ,CAAC,GACnD,sCAAsC,CAAC,QAAQ,CAAC,CASlD;AAED;;;;;;GAMG;AACH,wBAAgB,qCAAqC,CACnD,MAAM,EAAE,gCAAgC,EACxC,YAAY,GAAE,8BAAgF,GAC7F,8BAA8B,CAYhC;AAED;;;;;;GAMG;AACH,wBAAgB,2CAA2C,CACzD,mBAAmB,EAAE,MAAM,GAC1B,MAAM,CAWR;AAED;;;;GAIG;AACH,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;IAMrC;;;;;;;;;OASG;;;;;;;;;;;;IAOH;;;;;OAKG;;;;;;CAEK,CAAC;AAEX;;;;GAIG;AACH,eAAO,MAAM,qCAAqC,yaAQxC,CAAC"}

package/dist/floating-action-button.js

@@ -0,0 +1,149 @@
+import { iconButtonRecipe } from "./icon-button-recipe.js";
+import { motionPreset, shadow, spacing } from "./foundations.js";
+export const floatingActionButtonBehaviorDefaults = {
+    layoutMode: "expanded",
+};
+function validateTrimmedCopy(value, field) {
+    if (typeof value !== "string" || value.trim().length === 0) {
+        throw new TypeError(`${field} must not be empty`);
+    }
+    if (value !== value.trim()) {
+        throw new TypeError(`${field} must not start or end with whitespace`);
+    }
+}
+function isObject(value) {
+    return value !== null && typeof value === "object" && !Array.isArray(value);
+}
+function rejectUnknownKeys(value, allowed, field) {
+    for (const key of Object.keys(value)) {
+        if (!allowed.has(key)) {
+            throw new TypeError(`Unsupported FloatingActionButton ${field} field: ${key}`);
+        }
+    }
+}
+const descriptorKeys = new Set(["icon", "label", "layoutMode"]);
+const iconKeys = new Set(["name", "decorative"]);
+const layoutModes = new Set(["expanded", "collapsed"]);
+const scrollSignals = new Set([
+    "away-from-start",
+    "toward-start",
+    "idle",
+]);
+export function validateFloatingActionButtonDescriptor(descriptor) {
+    if (!isObject(descriptor)) {
+        throw new TypeError("FloatingActionButton descriptor must be an object");
+    }
+    rejectUnknownKeys(descriptor, descriptorKeys, "descriptor");
+    validateTrimmedCopy(descriptor.label, "FloatingActionButton label");
+    if (!isObject(descriptor.icon)) {
+        throw new TypeError("FloatingActionButton icon must be an object");
+    }
+    rejectUnknownKeys(descriptor.icon, iconKeys, "icon");
+    if (descriptor.icon.decorative !== undefined && descriptor.icon.decorative !== true) {
+        throw new TypeError("FloatingActionButton icon must be decorative");
+    }
+    validateTrimmedCopy(descriptor.icon.name, "FloatingActionButton icon name");
+    if (descriptor.layoutMode !== undefined &&
+        !layoutModes.has(descriptor.layoutMode)) {
+        throw new TypeError(`Unsupported FloatingActionButton layoutMode: ${String(descriptor.layoutMode)}`);
+    }
+}
+/**
+ * The label is the accessible name in every mode — `collapsed` never falls
+ * back to the icon name, because an icon-only glyph is not a stable
+ * accessible name across products or locales.
+ */
+export function resolveFloatingActionButtonDescriptor(descriptor) {
+    validateFloatingActionButtonDescriptor(descriptor);
+    return {
+        icon: { name: descriptor.icon.name, decorative: true },
+        label: descriptor.label,
+        layoutMode: descriptor.layoutMode ?? floatingActionButtonBehaviorDefaults.layoutMode,
+        resolvedAccessibilityLabel: descriptor.label,
+    };
+}
+/**
+ * Collapsing on `away-from-start` and expanding on `toward-start` mirrors the
+ * common list-scroll convention (hide the label while the user reads,
+ * reintroduce it once they scroll back toward the top). `idle` intentionally
+ * keeps whatever mode is already active instead of guessing, so a renderer
+ * that reports "no delta since last frame" cannot cause the button to flicker.
+ */
+export function resolveFloatingActionButtonLayoutMode(signal, previousMode = floatingActionButtonBehaviorDefaults.layoutMode) {
+    if (!scrollSignals.has(signal)) {
+        throw new TypeError(`Unsupported FloatingActionButton scroll signal: ${String(signal)}`);
+    }
+    if (!layoutModes.has(previousMode)) {
+        throw new TypeError(`Unsupported FloatingActionButton layoutMode: ${String(previousMode)}`);
+    }
+    if (signal === "away-from-start")
+        return "collapsed";
+    if (signal === "toward-start")
+        return "expanded";
+    return previousMode;
+}
+/**
+ * Answers "who reserves the content's bottom padding" so both platform
+ * renderers compute the same number instead of each re-deriving
+ * diameter + margin arithmetic independently and drifting apart. The safe-area
+ * inset is additive, matching every other bottom-anchored recipe in this
+ * package (BottomNavigation, Sheet, Toast) rather than a `max()` clamp.
+ */
+export function resolveFloatingActionButtonContentClearance(safeAreaBottomInset) {
+    if (!Number.isFinite(safeAreaBottomInset) || safeAreaBottomInset < 0) {
+        throw new RangeError("FloatingActionButton safeAreaBottomInset must be a non-negative finite number");
+    }
+    return (floatingActionButtonRecipe.circle.diameter +
+        floatingActionButtonRecipe.margin * 2 +
+        safeAreaBottomInset);
+}
+/**
+ * Both layout modes reuse Button/IconButton's `large` tier so the control
+ * never changes height while morphing between a circle and a pill — only
+ * shape and content change, per the brief's "don't fork the Button recipe."
+ */
+export const floatingActionButtonRecipe = {
+    slots: ["root", "icon", "label"],
+    defaults: { layoutMode: "expanded" },
+    circle: iconButtonRecipe.sizes.large,
+    tone: iconButtonRecipe.tones.primary,
+    shape: iconButtonRecipe.shapes.circle,
+    /**
+     * Button의 large 티어와 같은 값이다. 그런데 `buttonRecipe`를 import하지는 않는다 —
+     * 그것은 `recipes.ts`에 있고 그 파일은 `component-recipes.ts`를 import하는 **하류**라,
+     * 여기서 거슬러 올라가면 순환이 된다(ESM은 재수출을 본문보다 먼저 평가해서
+     * `buttonRecipe`가 undefined인 채로 이 모듈이 실행된다).
+     *
+     * 대신 같은 foundations 토큰을 직접 읽고, **두 값이 어긋나지 않는다는 것은
+     * `test/floating-action-button.test.ts`의 불변식으로 강제한다.** 이 저장소가 규칙을
+     * 다루는 방식대로 — 지켜야 할 것은 import가 아니라 테스트로 묶는다.
+     */
+    expandedLabel: {
+        textVariant: "bodyLarge",
+        paddingHorizontal: spacing.lg,
+    },
+    margin: spacing.md,
+    shadow: shadow.floating,
+    /**
+     * `micro` (120ms, instant under Reduce Motion) rather than `enter`/`exit`:
+     * this transition can fire on every scroll-direction change, and a state
+     * driven by continuous scrolling should use the fastest state-change tier
+     * so it cannot visibly queue behind fast scroll gestures.
+     */
+    transition: motionPreset.micro,
+};
+/**
+ * Literal scenario names for behaviorRegistry.floatingActionButton (lead
+ * wires into src/behaviors.ts). Kept here, not there, so this module stays
+ * self-contained per the authoring brief.
+ */
+export const floatingActionButtonBehaviorScenarios = [
+    "collapses-on-scroll-away-from-start-without-losing-the-44-unit-target",
+    "expands-on-scroll-toward-start",
+    "idle-scroll-signal-does-not-change-the-current-mode",
+    "accessible-name-is-the-full-label-in-both-layout-modes",
+    "content-clearance-accounts-for-the-safe-area-inset-additively",
+    "root-sits-after-scrollable-content-in-reading-and-tab-order",
+    "reduced-motion-crossfades-icon-and-label-without-a-shape-tween",
+];
+//# sourceMappingURL=floating-action-button.js.map

package/dist/floating-action-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"floating-action-button.js","sourceRoot":"","sources":["../src/floating-action-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAgEjE,MAAM,CAAC,MAAM,oCAAoC,GAAG;IAClD,UAAU,EAAE,UAAU;CACqD,CAAC;AAE9E,SAAS,mBAAmB,CAAC,KAAc,EAAE,KAAa;IACxD,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC3D,MAAM,IAAI,SAAS,CAAC,GAAG,KAAK,oBAAoB,CAAC,CAAC;IACpD,CAAC;IACD,IAAI,KAAK,KAAK,KAAK,CAAC,IAAI,EAAE,EAAE,CAAC;QAC3B,MAAM,IAAI,SAAS,CAAC,GAAG,KAAK,wCAAwC,CAAC,CAAC;IACxE,CAAC;AACH,CAAC;AAED,SAAS,QAAQ,CAAC,KAAc;IAC9B,OAAO,KAAK,KAAK,IAAI,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;AAC9E,CAAC;AAED,SAAS,iBAAiB,CACxB,KAAwC,EACxC,OAA4B,EAC5B,KAAa;IAEb,KAAK,MAAM,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;QACrC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC;YACtB,MAAM,IAAI,SAAS,CAAC,oCAAoC,KAAK,WAAW,GAAG,EAAE,CAAC,CAAC;QACjF,CAAC;IACH,CAAC;AACH,CAAC;AAED,MAAM,cAAc,GAAG,IAAI,GAAG,CAAC,CAAC,MAAM,EAAE,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC;AAChE,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAC,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC;AACjD,MAAM,WAAW,GAAG,IAAI,GAAG,CAAiC,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC,CAAC;AACvF,MAAM,aAAa,GAAG,IAAI,GAAG,CAAmC;IAC9D,iBAAiB;IACjB,cAAc;IACd,MAAM;CACP,CAAC,CAAC;AAEH,MAAM,UAAU,sCAAsC,CACpD,UAAoD;IAEpD,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC;QAC1B,MAAM,IAAI,SAAS,CAAC,mDAAmD,CAAC,CAAC;IAC3E,CAAC;IACD,iBAAiB,CAAC,UAAU,EAAE,cAAc,EAAE,YAAY,CAAC,CAAC;IAC5D,mBAAmB,CAAC,UAAU,CAAC,KAAK,EAAE,4BAA4B,CAAC,CAAC;IACpE,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;QAC/B,MAAM,IAAI,SAAS,CAAC,6CAA6C,CAAC,CAAC;IACrE,CAAC;IACD,iBAAiB,CAAC,UAAU,CAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;IACrD,IAAI,UAAU,CAAC,IAAI,CAAC,UAAU,KAAK,SAAS,IAAI,UAAU,CAAC,IAAI,CAAC,UAAU,KAAK,IAAI,EAAE,CAAC;QACpF,MAAM,IAAI,SAAS,CAAC,8CAA8C,CAAC,CAAC;IACtE,CAAC;IACD,mBAAmB,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,EAAE,gCAAgC,CAAC,CAAC;IAC5E,IACE,UAAU,CAAC,UAAU,KAAK,SAAS;QACnC,CAAC,WAAW,CAAC,GAAG,CAAC,UAAU,CAAC,UAAU,CAAC,EACvC,CAAC;QACD,MAAM,IAAI,SAAS,CACjB,gDAAgD,MAAM,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE,CAChF,CAAC;IACJ,CAAC;AACH,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,qCAAqC,CACnD,UAAoD;IAEpD,sCAAsC,CAAC,UAAU,CAAC,CAAC;IACnD,OAAO;QACL,IAAI,EAAE,EAAE,IAAI,EAAE,UAAU,CAAC,IAAI,CAAC,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE;QACtD,KAAK,EAAE,UAAU,CAAC,KAAK;QACvB,UAAU,EACR,UAAU,CAAC,UAAU,IAAI,oCAAoC,CAAC,UAAU;QAC1E,0BAA0B,EAAE,UAAU,CAAC,KAAK;KAC7C,CAAC;AACJ,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,qCAAqC,CACnD,MAAwC,EACxC,eAA+C,oCAAoC,CAAC,UAAU;IAE9F,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC;QAC/B,MAAM,IAAI,SAAS,CAAC,mDAAmD,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IAC3F,CAAC;IACD,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE,CAAC;QACnC,MAAM,IAAI,SAAS,CACjB,gDAAgD,MAAM,CAAC,YAAY,CAAC,EAAE,CACvE,CAAC;IACJ,CAAC;IACD,IAAI,MAAM,KAAK,iBAAiB;QAAE,OAAO,WAAW,CAAC;IACrD,IAAI,MAAM,KAAK,cAAc;QAAE,OAAO,UAAU,CAAC;IACjD,OAAO,YAAY,CAAC;AACtB,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,2CAA2C,CACzD,mBAA2B;IAE3B,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,mBAAmB,CAAC,IAAI,mBAAmB,GAAG,CAAC,EAAE,CAAC;QACrE,MAAM,IAAI,UAAU,CAClB,+EAA+E,CAChF,CAAC;IACJ,CAAC;IACD,OAAO,CACL,0BAA0B,CAAC,MAAM,CAAC,QAAQ;QAC1C,0BAA0B,CAAC,MAAM,GAAG,CAAC;QACrC,mBAAmB,CACpB,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG;IACxC,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,CAAU;IACzC,QAAQ,EAAE,EAAE,UAAU,EAAE,UAAU,EAAW;IAC7C,MAAM,EAAE,gBAAgB,CAAC,KAAK,CAAC,KAAK;IACpC,IAAI,EAAE,gBAAgB,CAAC,KAAK,CAAC,OAAO;IACpC,KAAK,EAAE,gBAAgB,CAAC,MAAM,CAAC,MAAM;IACrC;;;;;;;;;OASG;IACH,aAAa,EAAE;QACb,WAAW,EAAE,WAAW;QACxB,iBAAiB,EAAE,OAAO,CAAC,EAAE;KAC9B;IACD,MAAM,EAAE,OAAO,CAAC,EAAE;IAClB,MAAM,EAAE,MAAM,CAAC,QAAQ;IACvB;;;;;OAKG;IACH,UAAU,EAAE,YAAY,CAAC,KAAK;CACtB,CAAC;AAEX;;;;GAIG;AACH,MAAM,CAAC,MAAM,qCAAqC,GAAG;IACnD,uEAAuE;IACvE,gCAAgC;IAChC,qDAAqD;IACrD,wDAAwD;IACxD,+DAA+D;IAC/D,6DAA6D;IAC7D,gEAAgE;CACxD,CAAC","sourcesContent":["import { iconButtonRecipe } from \"./icon-button-recipe.js\";\nimport { motionPreset, shadow, spacing } from \"./foundations.js\";\nimport type { SemanticIconName } from \"./icon.js\";\n\n/**\n * FloatingActionButton is not a smaller BottomCTA. BottomCTA is the screen's\n * conclusion (full-width, end of a flow, `bottomCtaRecipe`'s full-bleed\n * anatomy). FloatingActionButton is a single create action that floats above\n * scrollable content the user is still browsing — it never spans the width\n * and never claims to be the screen's only action. That is the entire\n * justification for a second contract instead of a BottomCTA variant.\n */\nexport type FloatingActionButtonLayoutMode = \"expanded\" | \"collapsed\";\n\n/**\n * The renderer owns scroll listening and thresholding (same boundary as\n * LoadMore's IntersectionObserver/onEndReached and Popover's AnchoredOverlay —\n * this package never touches a scroll container). It only reports a discrete\n * signal; `resolveFloatingActionButtonLayoutMode` turns that into the next\n * mode without the renderer re-deriving the collapse/expand rule itself.\n */\nexport type FloatingActionButtonScrollSignal =\n  | \"away-from-start\"\n  | \"toward-start\"\n  | \"idle\";\n\nexport type FloatingActionButtonIconDescriptor<\n  IconName extends string = SemanticIconName,\n> = Readonly<{\n  name: IconName;\n  decorative?: true;\n  accessibilityLabel?: never;\n  size?: never;\n  tone?: never;\n  weight?: never;\n  directionality?: never;\n}>;\n\nexport type ResolvedFloatingActionButtonIconDescriptor<\n  IconName extends string = SemanticIconName,\n> = Readonly<{ name: IconName; decorative: true }>;\n\n/**\n * `label` is required even though `collapsed` mode shows only the icon.\n * The action's name must never shrink to nothing just because its visible\n * chrome did — `resolveFloatingActionButtonDescriptor` always reports the\n * full label as the accessible name in both layout modes.\n */\nexport type FloatingActionButtonDescriptor<\n  IconName extends string = SemanticIconName,\n> = Readonly<{\n  icon: FloatingActionButtonIconDescriptor<IconName>;\n  label: string;\n  layoutMode?: FloatingActionButtonLayoutMode;\n}>;\n\nexport type ResolvedFloatingActionButtonDescriptor<\n  IconName extends string = SemanticIconName,\n> = Readonly<{\n  icon: ResolvedFloatingActionButtonIconDescriptor<IconName>;\n  label: string;\n  layoutMode: FloatingActionButtonLayoutMode;\n  resolvedAccessibilityLabel: string;\n}>;\n\nexport const floatingActionButtonBehaviorDefaults = {\n  layoutMode: \"expanded\",\n} as const satisfies Readonly<{ layoutMode: FloatingActionButtonLayoutMode }>;\n\nfunction validateTrimmedCopy(value: unknown, field: string): asserts value is string {\n  if (typeof value !== \"string\" || value.trim().length === 0) {\n    throw new TypeError(`${field} must not be empty`);\n  }\n  if (value !== value.trim()) {\n    throw new TypeError(`${field} must not start or end with whitespace`);\n  }\n}\n\nfunction isObject(value: unknown): value is Readonly<Record<string, unknown>> {\n  return value !== null && typeof value === \"object\" && !Array.isArray(value);\n}\n\nfunction rejectUnknownKeys(\n  value: Readonly<Record<string, unknown>>,\n  allowed: ReadonlySet<string>,\n  field: string,\n): void {\n  for (const key of Object.keys(value)) {\n    if (!allowed.has(key)) {\n      throw new TypeError(`Unsupported FloatingActionButton ${field} field: ${key}`);\n    }\n  }\n}\n\nconst descriptorKeys = new Set([\"icon\", \"label\", \"layoutMode\"]);\nconst iconKeys = new Set([\"name\", \"decorative\"]);\nconst layoutModes = new Set<FloatingActionButtonLayoutMode>([\"expanded\", \"collapsed\"]);\nconst scrollSignals = new Set<FloatingActionButtonScrollSignal>([\n  \"away-from-start\",\n  \"toward-start\",\n  \"idle\",\n]);\n\nexport function validateFloatingActionButtonDescriptor<IconName extends string>(\n  descriptor: FloatingActionButtonDescriptor<IconName>,\n): void {\n  if (!isObject(descriptor)) {\n    throw new TypeError(\"FloatingActionButton descriptor must be an object\");\n  }\n  rejectUnknownKeys(descriptor, descriptorKeys, \"descriptor\");\n  validateTrimmedCopy(descriptor.label, \"FloatingActionButton label\");\n  if (!isObject(descriptor.icon)) {\n    throw new TypeError(\"FloatingActionButton icon must be an object\");\n  }\n  rejectUnknownKeys(descriptor.icon, iconKeys, \"icon\");\n  if (descriptor.icon.decorative !== undefined && descriptor.icon.decorative !== true) {\n    throw new TypeError(\"FloatingActionButton icon must be decorative\");\n  }\n  validateTrimmedCopy(descriptor.icon.name, \"FloatingActionButton icon name\");\n  if (\n    descriptor.layoutMode !== undefined &&\n    !layoutModes.has(descriptor.layoutMode)\n  ) {\n    throw new TypeError(\n      `Unsupported FloatingActionButton layoutMode: ${String(descriptor.layoutMode)}`,\n    );\n  }\n}\n\n/**\n * The label is the accessible name in every mode — `collapsed` never falls\n * back to the icon name, because an icon-only glyph is not a stable\n * accessible name across products or locales.\n */\nexport function resolveFloatingActionButtonDescriptor<IconName extends string>(\n  descriptor: FloatingActionButtonDescriptor<IconName>,\n): ResolvedFloatingActionButtonDescriptor<IconName> {\n  validateFloatingActionButtonDescriptor(descriptor);\n  return {\n    icon: { name: descriptor.icon.name, decorative: true },\n    label: descriptor.label,\n    layoutMode:\n      descriptor.layoutMode ?? floatingActionButtonBehaviorDefaults.layoutMode,\n    resolvedAccessibilityLabel: descriptor.label,\n  };\n}\n\n/**\n * Collapsing on `away-from-start` and expanding on `toward-start` mirrors the\n * common list-scroll convention (hide the label while the user reads,\n * reintroduce it once they scroll back toward the top). `idle` intentionally\n * keeps whatever mode is already active instead of guessing, so a renderer\n * that reports \"no delta since last frame\" cannot cause the button to flicker.\n */\nexport function resolveFloatingActionButtonLayoutMode(\n  signal: FloatingActionButtonScrollSignal,\n  previousMode: FloatingActionButtonLayoutMode = floatingActionButtonBehaviorDefaults.layoutMode,\n): FloatingActionButtonLayoutMode {\n  if (!scrollSignals.has(signal)) {\n    throw new TypeError(`Unsupported FloatingActionButton scroll signal: ${String(signal)}`);\n  }\n  if (!layoutModes.has(previousMode)) {\n    throw new TypeError(\n      `Unsupported FloatingActionButton layoutMode: ${String(previousMode)}`,\n    );\n  }\n  if (signal === \"away-from-start\") return \"collapsed\";\n  if (signal === \"toward-start\") return \"expanded\";\n  return previousMode;\n}\n\n/**\n * Answers \"who reserves the content's bottom padding\" so both platform\n * renderers compute the same number instead of each re-deriving\n * diameter + margin arithmetic independently and drifting apart. The safe-area\n * inset is additive, matching every other bottom-anchored recipe in this\n * package (BottomNavigation, Sheet, Toast) rather than a `max()` clamp.\n */\nexport function resolveFloatingActionButtonContentClearance(\n  safeAreaBottomInset: number,\n): number {\n  if (!Number.isFinite(safeAreaBottomInset) || safeAreaBottomInset < 0) {\n    throw new RangeError(\n      \"FloatingActionButton safeAreaBottomInset must be a non-negative finite number\",\n    );\n  }\n  return (\n    floatingActionButtonRecipe.circle.diameter +\n    floatingActionButtonRecipe.margin * 2 +\n    safeAreaBottomInset\n  );\n}\n\n/**\n * Both layout modes reuse Button/IconButton's `large` tier so the control\n * never changes height while morphing between a circle and a pill — only\n * shape and content change, per the brief's \"don't fork the Button recipe.\"\n */\nexport const floatingActionButtonRecipe = {\n  slots: [\"root\", \"icon\", \"label\"] as const,\n  defaults: { layoutMode: \"expanded\" } as const,\n  circle: iconButtonRecipe.sizes.large,\n  tone: iconButtonRecipe.tones.primary,\n  shape: iconButtonRecipe.shapes.circle,\n  /**\n   * Button의 large 티어와 같은 값이다. 그런데 `buttonRecipe`를 import하지는 않는다 —\n   * 그것은 `recipes.ts`에 있고 그 파일은 `component-recipes.ts`를 import하는 **하류**라,\n   * 여기서 거슬러 올라가면 순환이 된다(ESM은 재수출을 본문보다 먼저 평가해서\n   * `buttonRecipe`가 undefined인 채로 이 모듈이 실행된다).\n   *\n   * 대신 같은 foundations 토큰을 직접 읽고, **두 값이 어긋나지 않는다는 것은\n   * `test/floating-action-button.test.ts`의 불변식으로 강제한다.** 이 저장소가 규칙을\n   * 다루는 방식대로 — 지켜야 할 것은 import가 아니라 테스트로 묶는다.\n   */\n  expandedLabel: {\n    textVariant: \"bodyLarge\",\n    paddingHorizontal: spacing.lg,\n  },\n  margin: spacing.md,\n  shadow: shadow.floating,\n  /**\n   * `micro` (120ms, instant under Reduce Motion) rather than `enter`/`exit`:\n   * this transition can fire on every scroll-direction change, and a state\n   * driven by continuous scrolling should use the fastest state-change tier\n   * so it cannot visibly queue behind fast scroll gestures.\n   */\n  transition: motionPreset.micro,\n} as const;\n\n/**\n * Literal scenario names for behaviorRegistry.floatingActionButton (lead\n * wires into src/behaviors.ts). Kept here, not there, so this module stays\n * self-contained per the authoring brief.\n */\nexport const floatingActionButtonBehaviorScenarios = [\n  \"collapses-on-scroll-away-from-start-without-losing-the-44-unit-target\",\n  \"expands-on-scroll-toward-start\",\n  \"idle-scroll-signal-does-not-change-the-current-mode\",\n  \"accessible-name-is-the-full-label-in-both-layout-modes\",\n  \"content-clearance-accounts-for-the-safe-area-inset-additively\",\n  \"root-sits-after-scrollable-content-in-reading-and-tab-order\",\n  \"reduced-motion-crossfades-icon-and-label-without-a-shape-tween\",\n] as const;\n"]}

package/dist/form.d.ts

@@ -0,0 +1,143 @@
+/**
+ * Form owns two things only: the vertical rhythm between already-framed
+ * Fields, and the repeatable submit session (idle → submitting →
+ * succeeded/failed). Field values, registration, dependencies, validateTrigger
+ * policy and Form.List-style repeating groups stay product-owned (React Hook
+ * Form or equivalent) — see docs/form.md for the full boundary.
+ */
+export type FormSubmitStatus = "idle" | "submitting" | "succeeded" | "failed";
+export type FormSubmitPhase = Readonly<{
+    status: "idle";
+}> | Readonly<{
+    status: "submitting";
+}> | Readonly<{
+    status: "succeeded";
+}> | Readonly<{
+    status: "failed";
+    message: string;
+}>;
+export type FormSubmitOutcome = Readonly<{
+    outcome: "succeeded";
+}> | Readonly<{
+    outcome: "failed";
+    message: string;
+}> | Readonly<{
+    outcome: "blocked";
+    reason: "already-submitting";
+}> | Readonly<{
+    outcome: "interrupted";
+}>;
+/** Rejects to report a submission failure; resolving never implies success. */
+export type FormSubmitHandler<Values> = (values: Values) => void | Promise<void>;
+export type FormSubmitSessionOptions<Values> = Readonly<{
+    onSubmit: FormSubmitHandler<Values>;
+    /** Localized fallback shown when `resolveErrorMessage` is absent, throws, or returns empty copy. */
+    fallbackErrorMessage: string;
+    resolveErrorMessage?: (error: unknown) => string;
+}>;
+/**
+ * A single submit session is reused across many attempts — unlike
+ * AlertDialog's one-shot confirm, a form typically stays mounted and gets
+ * resubmitted (edit → retry, or a settings screen saved again later). Each
+ * attempt still settles its own returned Promise exactly once, and
+ * `submitting` blocks every concurrent attempt the same way AlertDialog's
+ * `busy` blocks a second confirm.
+ */
+export type FormSubmitSession<Values> = Readonly<{
+    getSnapshot(): FormSubmitPhase;
+    subscribe(listener: () => void): () => void;
+    submit(values: Values): Promise<FormSubmitOutcome>;
+    /** Moves a resting `succeeded`/`failed` phase back to `idle`. No-op while submitting. */
+    reset(): boolean;
+    dispose(): boolean;
+}>;
+export declare function validateFormSubmitSessionOptions<Values>(options: FormSubmitSessionOptions<Values>): void;
+/**
+ * Owns submit re-entrancy and exactly-once settlement. Does not own field
+ * values (the caller passes `values` at call time), field-level validation,
+ * or when submission is allowed to start (the product decides that from its
+ * own dirty/valid state before calling `submit`).
+ */
+export declare function createFormSubmitSession<Values>(options: FormSubmitSessionOptions<Values>): FormSubmitSession<Values>;
+/**
+ * Form does not register fields or run validation, so it cannot find the
+ * first invalid field on its own. The product supplies its own field render
+ * order and the ids it currently considers invalid (e.g. React Hook Form's
+ * `formState.errors` keys); Form only fixes which one wins the race — first
+ * in render order — so every product answers this the same way.
+ */
+export declare function validateFormFieldOrder(fieldOrder: readonly string[]): void;
+/**
+ * Web renderers call `.focus()` on the resolved field's control; React Native
+ * renderers move accessibility focus to it (e.g. `AccessibilityInfo.sendAccessibilityEvent`
+ * or a focus-trap ref). Returns `null` when there are no fields yet or none
+ * are invalid, in which case a failed submit has no field to focus and the
+ * form-level error slot below owns the announcement instead.
+ */
+export declare function resolveFirstInvalidFieldFocusTarget(fieldOrder: readonly string[], invalidFieldIds: ReadonlySet<string> | readonly string[]): string | null;
+export type FormDensity = "compact" | "comfortable";
+export declare const formDefaults: {
+    readonly density: "comfortable";
+};
+/**
+ * Anatomy is fixed, not a configurable prop: fields, then the form-level
+ * error, then actions. `field` frame styling (background, border, its own
+ * label/hint/error gap) belongs to `fieldRecipe`; this recipe only sets the
+ * gap *between* one field and the next. `formError` renders as the existing
+ * Notice `tone="danger"` contract — Form fixes only its slot position, it
+ * does not redeclare Notice's colors. `actions` has no dedicated layout here;
+ * composing Button/Stack in that slot is the product's job, same reasoning
+ * the roadmap already applies to Stack.
+ */
+export declare const formRecipe: {
+    readonly slots: readonly ["root", "field", "formError", "actions"];
+    readonly defaults: {
+        readonly density: "comfortable";
+    };
+    readonly density: {
+        readonly compact: {
+            readonly fieldGap: 12;
+        };
+        readonly comfortable: {
+            readonly fieldGap: 20;
+        };
+    };
+    readonly formError: {
+        readonly position: "beforeActions";
+        readonly gap: 12;
+    };
+};
+export declare const formBehaviorDefaults: {
+    /** Reuses Toast's own `normal | high` vocabulary: a blocked submission is `high`/assertive. */
+    readonly errorAnnouncementPriority: "high";
+};
+/**
+ * Kept beside the Form contract as the source value wired by
+ * `behaviorRegistry.form`; this lets the registry reuse the contract without
+ * redeclaring Form's inputs, events, states, or scenarios.
+ */
+export declare const formBehaviorSpec: {
+    readonly controlled: readonly [];
+    readonly inputs: readonly ["status", "formError", "fieldOrder"];
+    readonly events: readonly ["onSubmit"];
+    readonly defaults: {
+        /** Reuses Toast's own `normal | high` vocabulary: a blocked submission is `high`/assertive. */
+        readonly errorAnnouncementPriority: "high";
+    };
+    readonly stateAxes: {
+        readonly availability: readonly ["enabled", "busy"];
+        readonly content: readonly ["idle", "loading", "error"];
+    };
+    readonly web: {
+        readonly roles: readonly ["alert"];
+        readonly keyboard: readonly ["Tab", "Enter"];
+        readonly focus: "native";
+    };
+    readonly native: {
+        readonly roles: readonly ["alert"];
+        readonly states: readonly ["busy"];
+        readonly actions: readonly ["submit"];
+    };
+    readonly scenarios: readonly ["submitting-blocks-every-concurrent-submit-attempt", "each-submit-attempt-settles-its-result-exactly-once", "failed-submit-returns-to-a-resting-state-that-still-allows-retry", "succeeded-submit-remains-resting-and-allows-resubmission", "dispose-during-submit-settles-the-pending-attempt-as-interrupted", "disposed-session-rejects-further-submit-attempts", "form-level-error-never-carries-a-per-field-message", "first-invalid-field-in-render-order-receives-focus-on-submit-failure", "form-level-error-is-announced-when-no-field-target-exists"];
+};
+//# sourceMappingURL=form.d.ts.map

package/dist/form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../src/form.ts"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAMH,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,YAAY,GAAG,WAAW,GAAG,QAAQ,CAAC;AAE9E,MAAM,MAAM,eAAe,GACvB,QAAQ,CAAC;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC,GAC5B,QAAQ,CAAC;IAAE,MAAM,EAAE,YAAY,CAAA;CAAE,CAAC,GAClC,QAAQ,CAAC;IAAE,MAAM,EAAE,WAAW,CAAA;CAAE,CAAC,GACjC,QAAQ,CAAC;IAAE,MAAM,EAAE,QAAQ,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAEpD,MAAM,MAAM,iBAAiB,GACzB,QAAQ,CAAC;IAAE,OAAO,EAAE,WAAW,CAAA;CAAE,CAAC,GAClC,QAAQ,CAAC;IAAE,OAAO,EAAE,QAAQ,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAC,GAChD,QAAQ,CAAC;IAAE,OAAO,EAAE,SAAS,CAAC;IAAC,MAAM,EAAE,oBAAoB,CAAA;CAAE,CAAC,GAC9D,QAAQ,CAAC;IAAE,OAAO,EAAE,aAAa,CAAA;CAAE,CAAC,CAAC;AAEzC,+EAA+E;AAC/E,MAAM,MAAM,iBAAiB,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;AAEjF,MAAM,MAAM,wBAAwB,CAAC,MAAM,IAAI,QAAQ,CAAC;IACtD,QAAQ,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;IACpC,oGAAoG;IACpG,oBAAoB,EAAE,MAAM,CAAC;IAC7B,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,MAAM,CAAC;CAClD,CAAC,CAAC;AAEH;;;;;;;GAOG;AACH,MAAM,MAAM,iBAAiB,CAAC,MAAM,IAAI,QAAQ,CAAC;IAC/C,WAAW,IAAI,eAAe,CAAC;IAC/B,SAAS,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC;IAC5C,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAC;IACnD,yFAAyF;IACzF,KAAK,IAAI,OAAO,CAAC;IACjB,OAAO,IAAI,OAAO,CAAC;CACpB,CAAC,CAAC;AAQH,wBAAgB,gCAAgC,CAAC,MAAM,EACrD,OAAO,EAAE,wBAAwB,CAAC,MAAM,CAAC,GACxC,IAAI,CAKN;AAcD;;;;;GAKG;AACH,wBAAgB,uBAAuB,CAAC,MAAM,EAC5C,OAAO,EAAE,wBAAwB,CAAC,MAAM,CAAC,GACxC,iBAAiB,CAAC,MAAM,CAAC,CAqE3B;AAMD;;;;;;GAMG;AACH,wBAAgB,sBAAsB,CAAC,UAAU,EAAE,SAAS,MAAM,EAAE,GAAG,IAAI,CAW1E;AAED;;;;;;GAMG;AACH,wBAAgB,mCAAmC,CACjD,UAAU,EAAE,SAAS,MAAM,EAAE,EAC7B,eAAe,EAAE,WAAW,CAAC,MAAM,CAAC,GAAG,SAAS,MAAM,EAAE,GACvD,MAAM,GAAG,IAAI,CAQf;AAMD,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,aAAa,CAAC;AAEpD,eAAO,MAAM,YAAY;;CAE8B,CAAC;AAExD;;;;;;;;;GASG;AACH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;CAgBrB,CAAC;AAMH,eAAO,MAAM,oBAAoB;IAC/B,+FAA+F;;CAElB,CAAC;AAEhF;;;;GAIG;AACH,eAAO,MAAM,gBAAgB;;;;;QAT3B,+FAA+F;;;;;;;;;;;;;;;;;;CAsCvF,CAAC"}