sherick-ui 2.9.0 → 2.10.1

package/dist/cjs/components/ui.motion.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ui.motion.cjs","sources":["../../../src/components/ui.motion.ts"],"sourcesContent":["/* Sherick UI motion grammar\n   =========================\n   Components describe what changes; this module exclusively describes how change moves.\n\n   The canonical intents are:\n   - feedback: non-spatial state response;\n   - tactile: temporary physical response to activation;\n   - arrive: a meaningful subordinate part appears or leaves;\n   - orient: a persistent part changes orientation in place;\n   - relocate: a persistent part moves or resizes between stable states;\n   - direct: geometry continuously follows the user;\n   - disclose: in-flow content expands and collapses;\n   - presence: an independent surface enters/leaves;\n   - activity: continuous motion that communicates ongoing work.\n\n   Every recipe here owns the transition property, the duration, the curve and the\n   `prefers-reduced-motion` behavior for one physical event. The durations and curves\n   themselves are the authored tokens in `src/styles/tokens.ts`; nothing in this file\n   writes a literal duration or an animation keyframe beyond the two activity loops.\n\n   `docs/DESIGN_LANGUAGE.md` owns the semantics. Target geometry, material, tone and\n   elevation remain component/anatomy concerns: a component says where something ends\n   up, and this module says how it gets there. */\n\n/* A recipe that is composed from other recipes is built through `cx`, whose call is marked pure.\n   That is load-bearing for the published bundles rather than a bundler detail: an unused recipe\n   whose value is a template literal with a substitution in it is not provably side-effect-free, so\n   it survives tree-shaking and every consumer that imports any part of this module pays for every\n   recipe in it — including the families it never uses. See `libs/utils.ts`. */\nimport { cx } from \"@/libs/utils\";\n\nexport type MotionIntent =\n  | \"feedback\"\n  | \"tactile\"\n  | \"arrive\"\n  | \"orient\"\n  | \"relocate\"\n  | \"direct\"\n  | \"disclose\"\n  | \"presence\"\n  | \"activity\";\n\n/** Non-spatial feedback: hover, focus, field tone, a highlighted row, a filled surface.\n *  It never translates, scales or resizes; reduced motion simply drops the interpolation\n *  and the state still arrives. */\nexport const motionFeedback =\n  \"transition-[background-color,border-color,color,box-shadow,opacity] duration-press ease-press motion-reduce:transition-none\";\n\n/** A control answers a press immediately and settles on its release.\n *\n *  The recipe owns the *amplitude* of that answer as well as its timing, because how far a press\n *  travels is the system's physical character rather than a component's anatomy. A percentage is a\n *  distance only once it meets a size, so the amplitude comes in tiers chosen by the control's role:\n *\n *  - `motionTactile`: a content-width control — a button, a chip, a segment — compresses 4%, about\n *    two pixels at the size of the ink it moves. Stretched to its container (`w-full`), the same\n *    control takes the wide tier's 1.5%.\n *  - `motionTactileWide`: a control that spans a track — a tab — compresses 1.5%, so its edges move\n *    about as far as a button's.\n *  - `motionTactileField`: a list-opening field — a Select trigger, an editable Combobox — spans\n *    its whole container, and 4% of a 580px field moved each edge 11.6px. It compresses 0.7%, about\n *    two pixels at that width: the field acknowledges the press without lurching.\n *\n *  The press leg runs on `duration-tactile`, short enough to land inside a tap; the release settles\n *  on the release timing. A control whose visible ink is far smaller than its target takes\n *  `motionInkPress` on that ink instead, so the target itself never moves. The interpolation and\n *  the compression are neutralised together under reduced motion. */\n/* Base may disable the surface itself or the value control inside a Select wrapper.\n   Neither is a pressable surface. Timing is otherwise shared by every tier. */\nconst tactileTiming =\n  \"transition-[background-color,color,box-shadow,transform,opacity] duration-release ease-release active:duration-tactile active:ease-press motion-reduce:transition-none\";\n\nexport const motionTactile = /* @__PURE__ */ cx(\n  tactileTiming,\n  \"motion-safe:[&:not([data-disabled],:disabled,:has(>[role=combobox][data-disabled]))]:active:scale-[0.96]\",\n  /* A content-width control a layout has stretched to its container is no longer content-width: 4%\n     of a 240px action moved each edge 4.8px. The stretch is the caller's `w-full`, so the control\n     reads it from its own class and takes the wide tier — still a press, at a button's distance. */\n  \"motion-safe:[&.w-full:not([data-disabled],:disabled,:has(>[role=combobox][data-disabled]))]:active:scale-[0.985]\"\n);\n\nexport const motionTactileWide = /* @__PURE__ */ cx(\n  tactileTiming,\n  \"motion-safe:[&:not([data-disabled],:disabled)]:active:scale-[0.985]\"\n);\n\nexport const motionTactileField = /* @__PURE__ */ cx(\n  tactileTiming,\n  \"motion-safe:[&:not([data-disabled],:disabled,:has(>[role=combobox][data-disabled]))]:active:scale-[0.993]\"\n);\n\n/** The spatial half of a compact press, applied to the *mark* rather than to the control.\n *\n *  A control whose visible ink is much smaller than the target it is aimed at — a dialog's close\n *  control, a stepper, a search field's submit — is a large target around a small glyph, and only\n *  the glyph is visible at rest. Compressing the whole control would shrink the ground the pointer\n *  is already on (a 44px target becomes 38.7px while held, which is exactly where a near-edge\n *  release lands), so the mark takes the twelve percent and the target keeps its geometry. The\n *  target still owns the focus ring and the state layer, and still carries the tone and depth\n *  response, so the boundary a press happens inside never moves. */\nexport const motionInkPress =\n  \"transition-transform duration-release ease-release group-active:duration-tactile group-active:ease-press group-active:scale-[0.88] motion-reduce:transition-none motion-reduce:group-active:scale-100\";\n\n/* Motion is not owned here — but the recipes above are the whole vocabulary: every press, arrival,\n   travel, presence and activity in the library is one of these names plus its owner's own target\n   geometry. */\n\n/* A field that opens a list — a `Select`'s trigger, an editable `Combobox`'s field — takes\n   `motionTactile` as a whole, which is what makes the two forms of the same control press\n   identically. The *field* is the element that carries the compression in both: a press activates\n   the whole chain, so a descendant being pressed is what makes the field itself match `:active`\n   (and a select trigger's own active state is suppressed by the primitive, so its field's wrapper\n   is the only element left to carry it). Typing, focus and hover never match it, so the field is\n   perfectly still while it is used as a text field; a press that places a caret or drags across a\n   word is the same press the field already answers, and distinguishing it would take pointer\n   bookkeeping inside a component for a case that reads as one interaction either way. */\n\n/** A meaningful subordinate part arrives. Spring is reserved for this intent: a mark is\n *  made by overshooting the position it lands in. It leaves without the overshoot, and\n *  reduced motion lands it in one step — which takes a *state-specific* override, because the\n *  starting state is a higher-specificity rule than a plain `transform: none` and would otherwise\n *  win under reduced motion while the transition was gone, turning a spring into an instant jump. */\nexport const motionArrive =\n  \"transition-[background-color,color,box-shadow,transform,opacity] duration-release ease-spring data-[starting-style]:scale-50 data-[ending-style]:scale-50 data-[ending-style]:opacity-0 data-[ending-style]:duration-overlay-exit data-[ending-style]:ease-exit motion-reduce:transition-none motion-reduce:transform-none motion-reduce:data-[starting-style]:scale-100 motion-reduce:data-[ending-style]:scale-100\";\n\n/** A persistent affordance changes orientation in place: a disclosure chevron. It reaches\n *  its target orientation consistently and never overshoots. */\nexport const motionOrient =\n  \"transition-transform duration-release ease-release motion-reduce:transition-none\";\n\n/** A persistent object travels between stable destinations: a tab indicator, a switch\n *  thumb. The travel itself is the event, so it takes the glide curve rather than the\n *  arrival curve, and it never overshoots: a destination that is passed and come back\n *  from reads as a defect. Position, size and the tone the object picks up on the way\n *  settle together, and an interrupted move retargets from wherever it currently is\n *  because it is a transition and not a keyframe. */\nexport const motionRelocate =\n  \"transition-[left,inset-inline-start,top,width,height,transform,background-color,color,box-shadow,opacity] duration-release ease-glide motion-reduce:transition-none\";\n\n/** The same travel across a whole track — a tab indicator — on the longer travel timing, so a\n *  movement of hundreds of pixels is followed rather than skipped. */\nexport const motionRelocateLong =\n  \"transition-[left,inset-inline-start,top,width,height,transform,background-color,color,box-shadow,opacity] duration-travel ease-glide motion-reduce:transition-none\";\n\n/** Direct manipulation: the pointer owns the geometry, so a positional transition would be\n *  lag. While the primitive reports a drag, position and size are removed from the\n *  transition list and only tone and engagement geometry remain; a keyboard or programmatic\n *  step still settles. Reduced motion never changes direct manipulation. */\nexport const motionDirect =\n  \"transition-[inset-inline-start,width,height,background-color,color,box-shadow,transform,opacity] duration-release ease-release active:duration-press active:ease-press data-[dragging]:transition-[background-color,color,box-shadow,transform,opacity] motion-reduce:transition-none motion-reduce:transform-none\";\n\n/* Anchored popup, tooltip, modal, sheet, toast and scrim presence share three states:\n   settled, `data-starting-style` and `data-ending-style`. The primitive decides\n   when the node mounts and unmounts.\n   None of them writes an animation keyframe or a timer, so a rapid open → close → open\n   retargets from the current painted value instead of restarting.\n\n   The anchored roles read their entrance direction from the resolved side. Base publishes\n   the side on the popup after collision handling and the origin as `--transform-origin`, so\n   a surface below its trigger rises into place, one above it settles down into it, and one\n   flipped by a collision animates the way it is actually placed. */\n\nconst anchoredGeometry = /* @__PURE__ */ cx(\n  \"[transform-origin:var(--transform-origin)]\",\n  \"[--sui-overlay-from-shift-y:-4px]\",\n  \"data-[side=top]:[--sui-overlay-from-shift-y:4px]\",\n  \"data-[side=left]:[--sui-overlay-from-shift-y:0px] data-[side=left]:[--sui-overlay-from-shift-x:4px]\",\n  \"data-[side=right]:[--sui-overlay-from-shift-y:0px] data-[side=right]:[--sui-overlay-from-shift-x:-4px]\",\n  /* The logical sides resolve against the writing direction: `inline-start` puts the popup at the\n     anchor's inline-start edge, which is its physical *left* on a left-to-right page and its\n     physical *right* on a right-to-left one, so the four pixels that travel toward the anchor\n     change sign with the page while the physical sides above never do. The direction is read from\n     the `dir` attribute — the attribute that lays the page out, and the only one a portaled\n     surface can see. The primitive resolves the side from the direction *it* is told about\n     (`DirectionProvider`), so a consumer whose page is right-to-left declares that direction to\n     both, exactly as the workbench's RTL specimens do. */\n  \"data-[side=inline-start]:[--sui-overlay-from-shift-y:0px] data-[side=inline-start]:[--sui-overlay-from-shift-x:4px]\",\n  \"[[dir=rtl]_&]:data-[side=inline-start]:[--sui-overlay-from-shift-x:-4px]\",\n  \"data-[side=inline-end]:[--sui-overlay-from-shift-y:0px] data-[side=inline-end]:[--sui-overlay-from-shift-x:-4px]\",\n  \"[[dir=rtl]_&]:data-[side=inline-end]:[--sui-overlay-from-shift-x:4px]\",\n);\n\n/* Both ends of a presence animation start from the same state, and reduced motion drops the\n   spatial half of it: presence still reads as arriving, but only through opacity. The\n   transform is a literal class rather than an interpolated one, because the stylesheet\n   compiler reads class names as text: a name that only exists once a template is evaluated\n   compiles to no rule at all. */\nconst anchoredFrom = /* @__PURE__ */ cx(\n  \"data-[starting-style]:opacity-0\",\n  \"data-[starting-style]:[transform:translate(var(--sui-overlay-from-shift-x,0px),var(--sui-overlay-from-shift-y,0px))scale(var(--sui-overlay-from-scale,1))]\",\n  \"data-[ending-style]:opacity-0\",\n  \"data-[ending-style]:[transform:translate(var(--sui-overlay-from-shift-x,0px),var(--sui-overlay-from-shift-y,0px))scale(var(--sui-overlay-from-scale,1))]\",\n  \"motion-reduce:data-[starting-style]:transform-none\",\n  \"motion-reduce:data-[ending-style]:transform-none\",\n);\n\nconst modalFrom = /* @__PURE__ */ cx(\n  \"data-[starting-style]:opacity-0\",\n  \"data-[starting-style]:[transform:translate(0,12px)scale(0.96)]\",\n  \"data-[ending-style]:opacity-0\",\n  \"data-[ending-style]:[transform:translate(0,12px)scale(0.96)]\",\n  \"motion-reduce:data-[starting-style]:transform-none\",\n  \"motion-reduce:data-[ending-style]:transform-none\",\n);\n\n/** An anchored surface: `Select`, `Combobox`, `Menu` and `Popover`. It grows out of the edge\n *  it is attached to, enters on the overlay timing, and leaves on the shorter exit.\n *\n *  The grow is the motion's signature and the four pixels of travel only support it, so the\n *  entrance takes the glide curve rather than the arrival curve. With a front-loaded curve the\n *  opacity and the scale both jump in the first frames, which means the surface is already half\n *  grown by the time it is visible at all — a pop, not a grow. The glide curve spends its whole\n *  duration visible, so the eye actually sees the surface open out of its anchor. */\nexport const motionPresenceAnchored = /* @__PURE__ */ cx(\n  \"transition-[opacity,transform] duration-overlay ease-glide\",\n  \"data-[ending-style]:duration-overlay-exit data-[ending-style]:ease-exit\",\n  \"motion-reduce:transition-[opacity]\",\n  \"[--sui-overlay-from-scale:0.94]\",\n  anchoredGeometry,\n  anchoredFrom,\n);\n\n/** A tooltip: the same side-aware model and the same grow as an anchored popup, deliberately\n *  lighter — it settles on the local timing rather than the overlay timing, and it never\n *  bounces. */\nexport const motionPresenceTooltip = /* @__PURE__ */ cx(\n  \"transition-[opacity,transform] duration-release ease-glide\",\n  \"data-[ending-style]:duration-overlay-exit data-[ending-style]:ease-exit\",\n  \"motion-reduce:transition-[opacity]\",\n  \"[--sui-overlay-from-scale:0.94]\",\n  anchoredGeometry,\n  anchoredFrom,\n);\n\n/** A modal surface: anchored to the viewport rather than to a trigger, so it has no side\n *  to grow from. A large surface never bounces; it fades, rises a little and settles, and its\n *  scale stays restrained because a plane this big grows visibly even from a few percent. */\nexport const motionPresenceModal = /* @__PURE__ */ cx(\n  \"transition-[opacity,transform] duration-overlay ease-glide\",\n  \"data-[ending-style]:duration-overlay-exit data-[ending-style]:ease-exit\",\n  \"motion-reduce:transition-[opacity]\",\n  modalFrom,\n);\n\n/** The plane behind a surface that owns the viewport. Opacity only: a blur or a filter is\n *  never animated, so the plane can never animate the page behind it. */\nexport const motionPresenceScrim =\n  \"transition-opacity duration-overlay ease-release data-[starting-style]:opacity-0 data-[ending-style]:opacity-0 data-[ending-style]:duration-overlay-exit data-[ending-style]:ease-exit\";\n\n/** Continuous activity is a distinct intent, not an exception to interaction motion: it\n *  reports work rather than answering an event, and it has no entrance of its own. */\nexport const motionActivitySpin = \"animate-spin motion-reduce:animate-none\";\nexport const motionActivityPulse = \"animate-pulse motion-reduce:animate-none\";\n\n/** The indeterminate half of a progress bar. A task with no known value cannot report a\n *  position, so it reports *work* instead: the fill sweeps across its own track on the one loop\n *  that is paced, because a loop that reports rather than answers cannot arrive. The travel is a\n *  composited transform rather than a laid-out edge, and an endless loop must never sit on the\n *  layout path; the direction is a value the recipe flips with the writing direction, because a\n *  transform is physical and the sweep follows the page. Under reduced motion the loop stops and\n *  the fill rests where it starts: a static status glyph, exactly as the spin and the pulse rest. */\nexport const motionActivityIndeterminate =\n  \"animate-sherick-indeterminate [[dir=rtl]_&]:[--sui-indeterminate-direction:-1] motion-reduce:animate-none\";\n\n/** The state layer is a composited overlay, so its own opacity is the only thing that\n *  moves. Shared here because four interaction states across the library ride it. */\n/** A row in a collection moves its highlight rather than fading it: a highlight is where the reader\n *  is, and arrowing through a list with a soft fade on every row leaves a smear of half-lit rows.\n *  The row's layer therefore changes in one step, for the pointer and the keyboard alike. */\nexport const motionRowLayer = \"before:transition-none\";\n\n/** A rim drawn as an overlay of its own — an empty selection mark's lip, a drop target's dashes —\n *  carries its own feedback timing: it steps up on hover and fades as a selection fill arrives,\n *  on the same press curve as the surface beneath it. */\nexport const motionRim =\n  \"after:transition-[background-color,border-color,opacity] after:duration-press after:ease-press motion-reduce:after:transition-none\";\n\nexport const motionStateLayer =\n  \"before:transition-opacity before:duration-release before:ease-release active:before:duration-tactile active:before:ease-press group-active:before:duration-tactile group-active:before:ease-press motion-reduce:before:transition-none\";\n\n/* `disclose` is the in-flow counterpart of presence: nothing mounts or unmounts, and nothing\n   leaves the page — one region changes its own height where it sits. Base measures the panel and\n   publishes that height, so the geometry is the primitive's and only the interpolation is here.\n   The panel states the height it opens to; this recipe owns how it gets there, and reduced\n   motion applies the layout state in one step rather than travelling through it. */\nexport const motionDisclose =\n  \"transition-[height] duration-release ease-release data-[starting-style]:h-0 data-[ending-style]:h-0 data-[ending-style]:duration-overlay-exit data-[ending-style]:ease-exit motion-reduce:transition-none\";\n\n/* A sheet is a surface that owns the viewport and is attached to one edge of it, so its presence is\n   a slide out of that edge rather than the modal lift, and it never bounces. The component names the\n   edge by setting exactly one of `--sui-sheet-from-x` / `--sui-sheet-from-y` to a full own-extent\n   offset, because which edge a sheet is attached to is anatomy; how far it travels and how long it\n   takes are not.\n\n   The other axis is `0px`, and that default is load-bearing: a fallback of `100%` on the axis the\n   component did not set would translate a side sheet on both axes at once, so a sheet attached to\n   the right edge would enter from the bottom-right corner and travel diagonally instead of\n   straight in. One edge means one axis. */\nexport const motionPresenceSheet = /* @__PURE__ */ cx(\n  \"transition-[transform,opacity] duration-sheet ease-glide\",\n  \"data-[ending-style]:duration-sheet-exit data-[ending-style]:ease-exit\",\n  \"motion-reduce:transition-[opacity]\",\n  \"data-[starting-style]:opacity-0\",\n  \"data-[ending-style]:opacity-0\",\n  \"data-[starting-style]:[transform:translate(var(--sui-sheet-from-x,0px),var(--sui-sheet-from-y,0px))]\",\n  \"data-[ending-style]:[transform:translate(var(--sui-sheet-from-x,0px),var(--sui-sheet-from-y,0px))]\",\n  \"motion-reduce:data-[starting-style]:transform-none\",\n  \"motion-reduce:data-[ending-style]:transform-none\",\n);\n\n/* A toast is a stack, not a single surface: several independent surfaces share one corner,\n   re-flow when one of them leaves, and can each be flung away by the pointer. That is one\n   spatial owner on one node, and this is it.\n\n   The component owns where a toast rests — its stacked offset, its clamped height and the\n   expanded fan are geometry — and sets `--sui-toast-from-y` to the direction the stack grows in.\n   This recipe owns the entrance, the exit, the stack's re-flow, and the gesture: while\n   `data-swiping` is set the node follows the pointer with no interpolation at all, and a\n   dismissal carries the movement it was flung with so the toast keeps travelling the way it was\n   already going instead of turning around. */\nexport const motionPresenceToast = /* @__PURE__ */ cx(\n  \"transition-[transform,opacity,height] duration-overlay ease-glide\",\n  \"data-[ending-style]:duration-overlay-exit data-[ending-style]:ease-exit\",\n  \"data-[swiping]:transition-none\",\n  \"motion-reduce:transition-[opacity]\",\n  \"data-[starting-style]:opacity-0\",\n  \"data-[ending-style]:opacity-0\",\n  \"data-[starting-style]:[transform:translateY(var(--sui-toast-from-y,150%))]\",\n  \"[&[data-ending-style]:not([data-swipe-direction])]:[transform:translateY(var(--sui-toast-from-y,150%))]\",\n  \"data-[ending-style]:data-[swipe-direction=down]:[transform:translateY(calc(var(--toast-swipe-movement-y,0px)+150%))]\",\n  \"data-[ending-style]:data-[swipe-direction=up]:[transform:translateY(calc(var(--toast-swipe-movement-y,0px)-150%))]\",\n  \"data-[ending-style]:data-[swipe-direction=left]:[transform:translateX(calc(var(--toast-swipe-movement-x,0px)-150%))]\",\n  \"data-[ending-style]:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x,0px)+150%))]\",\n  \"motion-reduce:data-[starting-style]:transform-none\",\n  \"motion-reduce:data-[ending-style]:transform-none\",\n);\n"],"names":["cx"],"mappings":";;;;AAAA;;;;;;;;;;;;;;;;;;;;;;AAsBiD;AAEjD;;;;AAI+E;AAc/E;;AAEmC;AAC5B,MAAM,cAAc,GACzB;AAEF;;;;;;;;;;;;;;;;;;AAkBqE;AACrE;AAC+E;AAC/E,MAAM,aAAa,GACjB,wKAAwK;AAEnK,MAAM,aAAa,mBAAmBA,QAAE,CAC7C,aAAa,EACb,0GAA0G;AAC1G;;AAEkG;AAClG,kHAAkH;AAG7G,MAAM,iBAAiB,mBAAmBA,QAAE,CACjD,aAAa,EACb,qEAAqE;AAGhE,MAAM,kBAAkB,mBAAmBA,QAAE,CAClD,aAAa,EACb,2GAA2G;AAG7G;;;;;;;;AAQoE;AAC7D,MAAM,cAAc,GACzB;AAEF;;AAEe;AAEf;;;;;;;;AAQyF;AAEzF;;;;AAIqG;AAC9F,MAAM,YAAY,GACvB;AAEF;AACgE;AACzD,MAAM,YAAY,GACvB;AAEF;;;;;AAKqD;AAC9C,MAAM,cAAc,GACzB;AAEF;AACsE;AAC/D,MAAM,kBAAkB,GAC7B;AAEF;;;AAG4E;AACrE,MAAM,YAAY,GACvB;AAEF;;;;;;;;;AASoE;AAEpE,MAAM,gBAAgB,mBAAmBA,QAAE,CACzC,4CAA4C,EAC5C,mCAAmC,EACnC,kDAAkD,EAClD,qGAAqG,EACrG,wGAAwG;AACxG;;;;;;;AAOwD;AACxD,qHAAqH,EACrH,0EAA0E,EAC1E,kHAAkH,EAClH,uEAAuE,CACxE;AAED;;;;AAIiC;AACjC,MAAM,YAAY,mBAAmBA,QAAE,CACrC,iCAAiC,EACjC,4JAA4J,EAC5J,+BAA+B,EAC/B,0JAA0J,EAC1J,oDAAoD,EACpD,kDAAkD,CACnD;AAED,MAAM,SAAS,mBAAmBA,QAAE,CAClC,iCAAiC,EACjC,gEAAgE,EAChE,+BAA+B,EAC/B,8DAA8D,EAC9D,oDAAoD,EACpD,kDAAkD,CACnD;AAED;;;;;;;AAOqF;MACxE,sBAAsB,mBAAmBA,QAAE,CACtD,4DAA4D,EAC5D,yEAAyE,EACzE,oCAAoC,EACpC,iCAAiC,EACjC,gBAAgB,EAChB,YAAY;AAGd;;AAEe;MACF,qBAAqB,mBAAmBA,QAAE,CACrD,4DAA4D,EAC5D,yEAAyE,EACzE,oCAAoC,EACpC,iCAAiC,EACjC,gBAAgB,EAChB,YAAY;AAGd;;AAE6F;AACtF,MAAM,mBAAmB,mBAAmBA,QAAE,CACnD,4DAA4D,EAC5D,yEAAyE,EACzE,oCAAoC,EACpC,SAAS;AAGX;AACyE;AAClE,MAAM,mBAAmB,GAC9B;AAEF;AACsF;AAC/E,MAAM,kBAAkB,GAAG;AAC3B,MAAM,mBAAmB,GAAG;AAEnC;;;;;;AAMqG;AAC9F,MAAM,2BAA2B,GACtC;AAEF;AACqF;AACrF;;AAE6F;AACtF,MAAM,cAAc,GAAG;AAE9B;;AAEyD;AAClD,MAAM,SAAS,GACpB;AAEK,MAAM,gBAAgB,GAC3B;AAEF;;;;AAIoF;AAC7E,MAAM,cAAc,GACzB;AAEF;;;;;;;;;AAS2C;AACpC,MAAM,mBAAmB,mBAAmBA,QAAE,CACnD,0DAA0D,EAC1D,uEAAuE,EACvE,oCAAoC,EACpC,iCAAiC,EACjC,+BAA+B,EAC/B,sGAAsG,EACtG,oGAAoG,EACpG,oDAAoD,EACpD,kDAAkD;AAGpD;;;;;;;;;AAS8C;AACvC,MAAM,mBAAmB,mBAAmBA,QAAE,CACnD,mEAAmE,EACnE,yEAAyE,EACzE,gCAAgC,EAChC,oCAAoC,EACpC,iCAAiC,EACjC,+BAA+B,EAC/B,4EAA4E,EAC5E,yGAAyG,EACzG,sHAAsH,EACtH,oHAAoH,EACpH,sHAAsH,EACtH,uHAAuH,EACvH,oDAAoD,EACpD,kDAAkD;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ui.motion.cjs","sources":["../../../src/components/ui.motion.ts"],"sourcesContent":["/* Sherick UI motion grammar\n   =========================\n   Components describe what changes; this module exclusively describes how change moves.\n\n   The canonical intents are:\n   - feedback: non-spatial state response;\n   - tactile: temporary physical response to activation;\n   - arrive: a meaningful subordinate part appears or leaves;\n   - orient: a persistent part changes orientation in place;\n   - relocate: a persistent part moves or resizes between stable states;\n   - direct: geometry continuously follows the user;\n   - disclose: in-flow content expands and collapses;\n   - presence: an independent surface enters/leaves;\n   - activity: continuous motion that communicates ongoing work.\n\n   Every recipe here owns the transition property, the duration, the curve and the\n   `prefers-reduced-motion` behavior for one physical event. The durations and curves\n   themselves are the authored tokens in `src/styles/tokens.ts`; nothing in this file\n   writes a literal duration or an animation keyframe beyond the two activity loops.\n\n   `docs/DESIGN_LANGUAGE.md` owns the semantics. Target geometry, material, tone and\n   elevation remain component/anatomy concerns: a component says where something ends\n   up, and this module says how it gets there. */\n\n/* A recipe that is composed from other recipes is built through `cx`, whose call is marked pure.\n   That is load-bearing for the published bundles rather than a bundler detail: an unused recipe\n   whose value is a template literal with a substitution in it is not provably side-effect-free, so\n   it survives tree-shaking and every consumer that imports any part of this module pays for every\n   recipe in it — including the families it never uses. See `libs/utils.ts`. */\nimport { cx } from \"@/libs/utils\";\n\nexport type MotionIntent =\n  | \"feedback\"\n  | \"tactile\"\n  | \"arrive\"\n  | \"orient\"\n  | \"relocate\"\n  | \"direct\"\n  | \"disclose\"\n  | \"presence\"\n  | \"activity\";\n\n/** Non-spatial feedback: hover, focus, field tone, a highlighted row, a filled surface.\n *  It never translates, scales or resizes; reduced motion simply drops the interpolation\n *  and the state still arrives. */\nexport const motionFeedback =\n  \"transition-[background-color,border-color,color,box-shadow,opacity] duration-press ease-press motion-reduce:transition-none\";\n\n/** A control answers a press immediately and settles on its release.\n *\n *  The recipe owns the *amplitude* of that answer as well as its timing, because how far a press\n *  travels is the system's physical character rather than a component's anatomy. A percentage is a\n *  distance only once it meets a size, so the amplitude comes in tiers chosen by the control's role:\n *\n *  - `motionTactile`: a content-width control — a button, a chip, a segment — compresses 4%, about\n *    two pixels at the size of the ink it moves. Stretched to its container (`w-full`), the same\n *    control takes the wide tier's 1.5%.\n *  - `motionTactileWide`: a control that spans a track — a tab — compresses 1.5%, so its edges move\n *    about as far as a button's.\n *  - `motionTactileField`: a list-opening field — a Select trigger, an editable Combobox — spans\n *    its whole container, and 4% of a 580px field moved each edge 11.6px. It compresses 0.7%, about\n *    two pixels at that width: the field acknowledges the press without lurching.\n *\n *  The press leg runs on `duration-tactile`, short enough to land inside a tap; the release settles\n *  on the release timing. A control whose visible ink is far smaller than its target takes\n *  `motionInkPress` on that ink instead, so the target itself never moves. The interpolation and\n *  the compression are neutralised together under reduced motion. */\n/* Base may disable the surface itself or the value control inside a Select wrapper.\n   Neither is a pressable surface. Timing is otherwise shared by every tier. */\nconst tactileTiming =\n  \"transition-[background-color,color,box-shadow,transform,opacity] duration-release ease-release active:duration-tactile active:ease-press motion-reduce:transition-none\";\n\nexport const motionTactile = /* @__PURE__ */ cx(\n  tactileTiming,\n  \"motion-safe:[&:not([data-disabled],:disabled,[aria-disabled=true],[aria-busy=true],:has(>[role=combobox][data-disabled]))]:active:scale-[0.96]\",\n  /* A content-width control a layout has stretched to its container is no longer content-width: 4%\n     of a 240px action moved each edge 4.8px. The stretch is the caller's `w-full`, so the control\n     reads it from its own class and takes the wide tier — still a press, at a button's distance. */\n  \"motion-safe:[&.w-full:not([data-disabled],:disabled,[aria-disabled=true],[aria-busy=true],:has(>[role=combobox][data-disabled]))]:active:scale-[0.985]\"\n);\n\nexport const motionTactileWide = /* @__PURE__ */ cx(\n  tactileTiming,\n  \"motion-safe:[&:not([data-disabled],:disabled,[aria-disabled=true],[aria-busy=true])]:active:scale-[0.985]\"\n);\n\nexport const motionTactileField = /* @__PURE__ */ cx(\n  tactileTiming,\n  \"motion-safe:[&:not([data-disabled],:disabled,[aria-disabled=true],[aria-busy=true],:has(>[role=combobox][data-disabled]))]:active:scale-[0.993]\"\n);\n\n/** The spatial half of a compact press, applied to the *mark* rather than to the control.\n *\n *  A control whose visible ink is much smaller than the target it is aimed at — a dialog's close\n *  control, a stepper, a search field's submit — is a large target around a small glyph, and only\n *  the glyph is visible at rest. Compressing the whole control would shrink the ground the pointer\n *  is already on (a 44px target becomes 38.7px while held, which is exactly where a near-edge\n *  release lands), so the mark takes the twelve percent and the target keeps its geometry. The\n *  target still owns the focus ring and the state layer, and still carries the tone and depth\n *  response, so the boundary a press happens inside never moves. */\nexport const motionInkPress =\n  \"transition-transform duration-release ease-release group-active:duration-tactile group-active:ease-press group-active:scale-[0.88] motion-reduce:transition-none motion-reduce:group-active:scale-100\";\n\n/* Motion is not owned here — but the recipes above are the whole vocabulary: every press, arrival,\n   travel, presence and activity in the library is one of these names plus its owner's own target\n   geometry. */\n\n/* A field that opens a list — a `Select`'s trigger, an editable `Combobox`'s field — takes\n   `motionTactile` as a whole, which is what makes the two forms of the same control press\n   identically. The *field* is the element that carries the compression in both: a press activates\n   the whole chain, so a descendant being pressed is what makes the field itself match `:active`\n   (and a select trigger's own active state is suppressed by the primitive, so its field's wrapper\n   is the only element left to carry it). Typing, focus and hover never match it, so the field is\n   perfectly still while it is used as a text field; a press that places a caret or drags across a\n   word is the same press the field already answers, and distinguishing it would take pointer\n   bookkeeping inside a component for a case that reads as one interaction either way. */\n\n/** A meaningful subordinate part arrives. Spring is reserved for this intent: a mark is\n *  made by overshooting the position it lands in. It leaves without the overshoot, and\n *  reduced motion lands it in one step — which takes a *state-specific* override, because the\n *  starting state is a higher-specificity rule than a plain `transform: none` and would otherwise\n *  win under reduced motion while the transition was gone, turning a spring into an instant jump. */\nexport const motionArrive =\n  \"transition-[background-color,color,box-shadow,transform,opacity] duration-release ease-spring data-[starting-style]:scale-50 data-[ending-style]:scale-50 data-[ending-style]:opacity-0 data-[ending-style]:duration-overlay-exit data-[ending-style]:ease-exit motion-reduce:transition-none motion-reduce:transform-none motion-reduce:data-[starting-style]:scale-100 motion-reduce:data-[ending-style]:scale-100\";\n\n/** A persistent affordance changes orientation in place: a disclosure chevron. It reaches\n *  its target orientation consistently and never overshoots. */\nexport const motionOrient =\n  \"transition-transform duration-release ease-release motion-reduce:transition-none\";\n\n/** A persistent object travels between stable destinations: a tab indicator, a switch\n *  thumb. The travel itself is the event, so it takes the glide curve rather than the\n *  arrival curve, and it never overshoots: a destination that is passed and come back\n *  from reads as a defect. Position, size and the tone the object picks up on the way\n *  settle together, and an interrupted move retargets from wherever it currently is\n *  because it is a transition and not a keyframe. */\nexport const motionRelocate =\n  \"transition-[left,inset-inline-start,top,width,height,transform,background-color,color,box-shadow,opacity] duration-release ease-glide motion-reduce:transition-none\";\n\n/** The same travel across a whole track — a tab indicator — on the longer travel timing, so a\n *  movement of hundreds of pixels is followed rather than skipped. */\nexport const motionRelocateLong =\n  \"transition-[left,inset-inline-start,top,width,height,transform,background-color,color,box-shadow,opacity] duration-travel ease-glide motion-reduce:transition-none\";\n\n/** Direct manipulation: the pointer owns the geometry, so a positional transition would be\n *  lag. While the primitive reports a drag, position and size are removed from the\n *  transition list and only tone and engagement geometry remain; a keyboard or programmatic\n *  step still settles. Reduced motion never changes direct manipulation. */\nexport const motionDirect =\n  \"transition-[inset-inline-start,width,height,background-color,color,box-shadow,transform,opacity] duration-release ease-release active:duration-press active:ease-press data-[dragging]:transition-[background-color,color,box-shadow,transform,opacity] motion-reduce:transition-none motion-reduce:transform-none\";\n\n/* Anchored popup, tooltip, modal, sheet, toast and scrim presence share three states:\n   settled, `data-starting-style` and `data-ending-style`. The primitive decides\n   when the node mounts and unmounts.\n   None of them writes an animation keyframe or a timer, so a rapid open → close → open\n   retargets from the current painted value instead of restarting.\n\n   The anchored roles read their entrance direction from the resolved side. Base publishes\n   the side on the popup after collision handling and the origin as `--transform-origin`, so\n   a surface below its trigger rises into place, one above it settles down into it, and one\n   flipped by a collision animates the way it is actually placed. */\n\nconst anchoredGeometry = /* @__PURE__ */ cx(\n  \"[transform-origin:var(--transform-origin)]\",\n  \"[--sui-overlay-from-shift-y:-4px]\",\n  \"data-[side=top]:[--sui-overlay-from-shift-y:4px]\",\n  \"data-[side=left]:[--sui-overlay-from-shift-y:0px] data-[side=left]:[--sui-overlay-from-shift-x:4px]\",\n  \"data-[side=right]:[--sui-overlay-from-shift-y:0px] data-[side=right]:[--sui-overlay-from-shift-x:-4px]\",\n  /* The logical sides resolve against the writing direction: `inline-start` puts the popup at the\n     anchor's inline-start edge, which is its physical *left* on a left-to-right page and its\n     physical *right* on a right-to-left one, so the four pixels that travel toward the anchor\n     change sign with the page while the physical sides above never do. The direction is read from\n     the `dir` attribute — the attribute that lays the page out, and the only one a portaled\n     surface can see. The primitive resolves the side from the direction *it* is told about\n     (`DirectionProvider`), so a consumer whose page is right-to-left declares that direction to\n     both, exactly as the workbench's RTL specimens do. */\n  \"data-[side=inline-start]:[--sui-overlay-from-shift-y:0px] data-[side=inline-start]:[--sui-overlay-from-shift-x:4px]\",\n  \"[[dir=rtl]_&]:data-[side=inline-start]:[--sui-overlay-from-shift-x:-4px]\",\n  \"data-[side=inline-end]:[--sui-overlay-from-shift-y:0px] data-[side=inline-end]:[--sui-overlay-from-shift-x:-4px]\",\n  \"[[dir=rtl]_&]:data-[side=inline-end]:[--sui-overlay-from-shift-x:4px]\",\n);\n\n/* Both ends of a presence animation start from the same state, and reduced motion drops the\n   spatial half of it: presence still reads as arriving, but only through opacity. The\n   transform is a literal class rather than an interpolated one, because the stylesheet\n   compiler reads class names as text: a name that only exists once a template is evaluated\n   compiles to no rule at all. */\nconst anchoredFrom = /* @__PURE__ */ cx(\n  \"data-[starting-style]:opacity-0\",\n  \"data-[starting-style]:[transform:translate(var(--sui-overlay-from-shift-x,0px),var(--sui-overlay-from-shift-y,0px))scale(var(--sui-overlay-from-scale,1))]\",\n  \"data-[ending-style]:opacity-0\",\n  \"data-[ending-style]:[transform:translate(var(--sui-overlay-from-shift-x,0px),var(--sui-overlay-from-shift-y,0px))scale(var(--sui-overlay-from-scale,1))]\",\n  \"motion-reduce:data-[starting-style]:transform-none\",\n  \"motion-reduce:data-[ending-style]:transform-none\",\n);\n\nconst modalFrom = /* @__PURE__ */ cx(\n  \"data-[starting-style]:opacity-0\",\n  \"data-[starting-style]:[transform:translate(0,12px)scale(0.96)]\",\n  \"data-[ending-style]:opacity-0\",\n  \"data-[ending-style]:[transform:translate(0,12px)scale(0.96)]\",\n  \"motion-reduce:data-[starting-style]:transform-none\",\n  \"motion-reduce:data-[ending-style]:transform-none\",\n);\n\n/** An anchored surface: `Select`, `Combobox`, `Menu` and `Popover`. It grows out of the edge\n *  it is attached to, enters on the overlay timing, and leaves on the shorter exit.\n *\n *  The grow is the motion's signature and the four pixels of travel only support it, so the\n *  entrance takes the glide curve rather than the arrival curve. With a front-loaded curve the\n *  opacity and the scale both jump in the first frames, which means the surface is already half\n *  grown by the time it is visible at all — a pop, not a grow. The glide curve spends its whole\n *  duration visible, so the eye actually sees the surface open out of its anchor. */\nexport const motionPresenceAnchored = /* @__PURE__ */ cx(\n  \"transition-[opacity,transform] duration-overlay ease-glide\",\n  \"data-[ending-style]:duration-overlay-exit data-[ending-style]:ease-exit\",\n  \"motion-reduce:transition-[opacity]\",\n  \"[--sui-overlay-from-scale:0.94]\",\n  anchoredGeometry,\n  anchoredFrom,\n);\n\n/** A tooltip: the same side-aware model and the same grow as an anchored popup, deliberately\n *  lighter — it settles on the local timing rather than the overlay timing, and it never\n *  bounces. A tooltip that Base opens during its warm-up (`data-instant`, because another tooltip\n *  was just closed) takes no timing at all: the next hint is already where the reader moved to. */\nexport const motionPresenceTooltip = /* @__PURE__ */ cx(\n  \"transition-[opacity,transform] duration-release ease-glide\",\n  \"data-[ending-style]:duration-overlay-exit data-[ending-style]:ease-exit\",\n  \"data-[instant]:duration-0\",\n  \"motion-reduce:transition-[opacity]\",\n  \"[--sui-overlay-from-scale:0.94]\",\n  anchoredGeometry,\n  anchoredFrom,\n);\n\n/** The utility tier: a small surface a reader opened from the keyboard, or a menu they asked for.\n *  It is opacity only — no travel, no scale and no scrim ramp — on the short utility timing, so the\n *  surface is there as soon as the key that opened it has been answered. */\nexport const motionPresenceUtility = /* @__PURE__ */ cx(\n  \"transition-opacity duration-utility ease-release\",\n  \"data-[ending-style]:duration-utility-exit data-[ending-style]:ease-exit\",\n  \"motion-reduce:transition-[opacity]\",\n  \"data-[starting-style]:opacity-0\",\n  \"data-[ending-style]:opacity-0\",\n);\n\n/** A modal surface: anchored to the viewport rather than to a trigger, so it has no side\n *  to grow from. A large surface never bounces; it fades, rises a little and settles, and its\n *  scale stays restrained because a plane this big grows visibly even from a few percent. */\nexport const motionPresenceModal = /* @__PURE__ */ cx(\n  \"transition-[opacity,transform] duration-overlay ease-glide\",\n  \"data-[ending-style]:duration-overlay-exit data-[ending-style]:ease-exit\",\n  \"motion-reduce:transition-[opacity]\",\n  modalFrom,\n);\n\n/** The plane behind a surface that owns the viewport. Only its tint fades, and the tint is the\n *  `::before` layer `overlay.scrim` paints: the element itself carries the backdrop blur, and a\n *  presence recipe never animates a node that carries `backdrop-filter`, because every frame of\n *  such an animation re-blurs the page behind it. The blur therefore arrives with the plane, and\n *  the tint fades in front of it. */\nexport const motionPresenceScrim = cx(\n  \"before:transition-opacity before:duration-overlay before:ease-release\",\n  \"data-[starting-style]:before:opacity-0 data-[ending-style]:before:opacity-0\",\n  \"data-[ending-style]:before:duration-overlay-exit data-[ending-style]:before:ease-exit\"\n);\n\n/** The scrim of a utility surface. A surface the reader opened from the keyboard answers on the\n *  utility timing, and its plane fades on that same timing, so the backdrop is not slower than the\n *  surface it sits behind. */\nexport const motionPresenceScrimUtility = cx(\n  \"before:transition-opacity before:duration-utility before:ease-release\",\n  \"data-[starting-style]:before:opacity-0 data-[ending-style]:before:opacity-0\",\n  \"data-[ending-style]:before:duration-utility-exit data-[ending-style]:before:ease-exit\"\n);\n\n/** Continuous activity is a distinct intent, not an exception to interaction motion: it\n *  reports work rather than answering an event, and it has no entrance of its own.\n *\n *  Reduced motion removes the *travel* of an activity loop — the rotation, the sweep — and keeps\n *  the loop as an opacity change. A spinner that simply stopped reads as finished, and a user who\n *  asked for less motion still needs to know the work is running. The reduced form is therefore\n *  a slow breathe for the spinner and a softer pulse for a skeleton, both on the authored pace. */\nexport const motionActivitySpin = \"animate-spin motion-reduce:animate-sherick-breathe\";\nexport const motionActivityPulse = \"animate-pulse motion-reduce:animate-sherick-soft-pulse\";\n\n/** The reduced form of an indeterminate bar. The sweep is removed — its travel is the thing reduced\n *  motion takes away — and the fill is held at the full width of its track, where its opacity\n *  breathes on the same slow loop the spinner takes. A progress part that owns this class sets its\n *  fill to the whole track under `motion-reduce`, so the reader still sees a bar that is busy.\n *  Exported separately so `Progress` can pair it with its own width rule. */\nexport const motionActivityIndeterminateReduced = \"motion-reduce:animate-sherick-breathe\";\n\n/** The indeterminate half of a progress bar. A task with no known value cannot report a\n *  position, so it reports *work* instead: the fill sweeps across its own track on the one loop\n *  that is paced, because a loop that reports rather than answers cannot arrive. The travel is a\n *  composited transform rather than a laid-out edge, and an endless loop must never sit on the\n *  layout path; the direction is a value the recipe flips with the writing direction, because a\n *  transform is physical and the sweep follows the page. Under reduced motion the sweep gives way\n *  to the opacity breathe above, so the bar keeps saying that work is running without moving. */\nexport const motionActivityIndeterminate = /* @__PURE__ */ cx(\n  \"animate-sherick-indeterminate [[dir=rtl]_&]:[--sui-indeterminate-direction:-1]\",\n  motionActivityIndeterminateReduced\n);\n\n/** The state layer is a composited overlay, so its own opacity is the only thing that\n *  moves. Shared here because four interaction states across the library ride it. */\n/** A row in a collection moves its highlight rather than fading it: a highlight is where the reader\n *  is, and arrowing through a list with a soft fade on every row leaves a smear of half-lit rows.\n *  The row's layer therefore changes in one step, for the pointer and the keyboard alike. */\nexport const motionRowLayer = \"before:transition-none\";\n\n/** A rim drawn as an overlay of its own — an empty selection mark's lip, a drop target's dashes —\n *  carries its own feedback timing: it steps up on hover and fades as a selection fill arrives,\n *  on the same press curve as the surface beneath it. */\nexport const motionRim =\n  \"after:transition-[background-color,border-color,opacity] after:duration-press after:ease-press motion-reduce:after:transition-none\";\n\nexport const motionStateLayer =\n  \"before:transition-opacity before:duration-release before:ease-release active:before:duration-tactile active:before:ease-press group-active:before:duration-tactile group-active:before:ease-press motion-reduce:before:transition-none\";\n\n/* `disclose` is the in-flow counterpart of presence: nothing mounts or unmounts, and nothing\n   leaves the page — one region changes its own height where it sits. Base measures the panel and\n   publishes that height, so the geometry is the primitive's and only the interpolation is here.\n   The panel states the height it opens to; this recipe owns how it gets there, and reduced\n   motion applies the layout state in one step rather than travelling through it. */\nexport const motionDisclose =\n  \"transition-[height] duration-release ease-release data-[starting-style]:h-0 data-[ending-style]:h-0 data-[ending-style]:duration-overlay-exit data-[ending-style]:ease-exit motion-reduce:transition-none\";\n\n/* A sheet is a surface that owns the viewport and is attached to one edge of it, so its presence is\n   a slide out of that edge rather than the modal lift, and it never bounces. The component names the\n   edge by setting exactly one of `--sui-sheet-from-x` / `--sui-sheet-from-y` to a full own-extent\n   offset, because which edge a sheet is attached to is anatomy; how far it travels and how long it\n   takes are not.\n\n   The other axis is `0px`, and that default is load-bearing: a fallback of `100%` on the axis the\n   component did not set would translate a side sheet on both axes at once, so a sheet attached to\n   the right edge would enter from the bottom-right corner and travel diagonally instead of\n   straight in. One edge means one axis. */\nexport const motionPresenceSheet = /* @__PURE__ */ cx(\n  \"transition-[transform,opacity] duration-sheet ease-glide\",\n  \"data-[ending-style]:duration-sheet-exit data-[ending-style]:ease-exit\",\n  \"motion-reduce:transition-[opacity]\",\n  \"data-[starting-style]:opacity-0\",\n  \"data-[ending-style]:opacity-0\",\n  \"data-[starting-style]:[transform:translate(var(--sui-sheet-from-x,0px),var(--sui-sheet-from-y,0px))]\",\n  \"data-[ending-style]:[transform:translate(var(--sui-sheet-from-x,0px),var(--sui-sheet-from-y,0px))]\",\n  \"motion-reduce:data-[starting-style]:transform-none\",\n  \"motion-reduce:data-[ending-style]:transform-none\",\n);\n\n/* A toast is a stack, not a single surface: several independent surfaces share one corner,\n   re-flow when one of them leaves, and can each be flung away by the pointer. That is one\n   spatial owner on one node, and this is it.\n\n   The component owns where a toast rests — its stacked offset, its clamped height and the\n   expanded fan are geometry — and sets `--sui-toast-from-y` to the direction the stack grows in.\n   This recipe owns the entrance, the exit, the stack's re-flow, and the gesture: while\n   `data-swiping` is set the node follows the pointer with no interpolation at all, and a\n   dismissal carries the movement it was flung with so the toast keeps travelling the way it was\n   already going instead of turning around. */\nexport const motionPresenceToast = /* @__PURE__ */ cx(\n  \"transition-[transform,opacity,height] duration-overlay ease-glide\",\n  \"data-[ending-style]:duration-overlay-exit data-[ending-style]:ease-exit\",\n  \"data-[swiping]:transition-none\",\n  \"motion-reduce:transition-[opacity]\",\n  \"data-[starting-style]:opacity-0\",\n  \"data-[ending-style]:opacity-0\",\n  \"data-[starting-style]:[transform:translateY(var(--sui-toast-from-y,150%))]\",\n  \"[&[data-ending-style]:not([data-swipe-direction])]:[transform:translateY(var(--sui-toast-from-y,150%))]\",\n  \"data-[ending-style]:data-[swipe-direction=down]:[transform:translateY(calc(var(--toast-swipe-movement-y,0px)+150%))]\",\n  \"data-[ending-style]:data-[swipe-direction=up]:[transform:translateY(calc(var(--toast-swipe-movement-y,0px)-150%))]\",\n  \"data-[ending-style]:data-[swipe-direction=left]:[transform:translateX(calc(var(--toast-swipe-movement-x,0px)-150%))]\",\n  \"data-[ending-style]:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x,0px)+150%))]\",\n  \"motion-reduce:data-[starting-style]:transform-none\",\n  \"motion-reduce:data-[ending-style]:transform-none\",\n);\n"],"names":["cx"],"mappings":"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"}

package/dist/cjs/dev.cjs

@@ -22,7 +22,9 @@ exports.focusRingDrag = ui_common.focusRingDrag;
 exports.focusRingHeld = ui_common.focusRingHeld;
 exports.focusRingInset = ui_common.focusRingInset;
 exports.focusRingWithin = ui_common.focusRingWithin;
+exports.forcedBoundary = ui_common.forcedBoundary;
 exports.groupFocusRing = ui_common.groupFocusRing;
+exports.headingRhythm = ui_common.headingRhythm;
 exports.hitArea = ui_common.hitArea;
 exports.iconSlot = ui_common.iconSlot;
 exports.iconStroke = ui_common.iconStroke;
@@ -49,6 +51,7 @@ exports.text = ui_common.text;
 exports.tone = ui_common.tone;
 exports.type = ui_common.type;
 exports.motionActivityIndeterminate = ui_motion.motionActivityIndeterminate;
+exports.motionActivityIndeterminateReduced = ui_motion.motionActivityIndeterminateReduced;
 exports.motionActivityPulse = ui_motion.motionActivityPulse;
 exports.motionActivitySpin = ui_motion.motionActivitySpin;
 exports.motionArrive = ui_motion.motionArrive;
@@ -60,9 +63,11 @@ exports.motionOrient = ui_motion.motionOrient;
 exports.motionPresenceAnchored = ui_motion.motionPresenceAnchored;
 exports.motionPresenceModal = ui_motion.motionPresenceModal;
 exports.motionPresenceScrim = ui_motion.motionPresenceScrim;
+exports.motionPresenceScrimUtility = ui_motion.motionPresenceScrimUtility;
 exports.motionPresenceSheet = ui_motion.motionPresenceSheet;
 exports.motionPresenceToast = ui_motion.motionPresenceToast;
 exports.motionPresenceTooltip = ui_motion.motionPresenceTooltip;
+exports.motionPresenceUtility = ui_motion.motionPresenceUtility;
 exports.motionRelocate = ui_motion.motionRelocate;
 exports.motionRelocateLong = ui_motion.motionRelocateLong;
 exports.motionRim = ui_motion.motionRim;

package/dist/cjs/dev.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"dev.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"dev.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/index.cjs

@@ -105,6 +105,7 @@ exports.ToggleGroup = ToggleGroup.default;
 exports.Table = Table.Table;
 exports.Textarea = Textarea.default;
 exports.Tooltip = Tooltip.default;
+exports.TooltipProvider = Tooltip.TooltipProvider;
 exports.TreeView = TreeView.default;
 exports.Drawer = Drawer.default;
 exports.ToastProvider = Toast.ToastProvider;

package/dist/cjs/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/components/Accordion.js

@@ -5,14 +5,23 @@ import React, { createContext, useContext } from 'react';
 import { HugeiconsIcon } from '@hugeicons/react';
 import { ArrowDown01Icon } from '@hugeicons/core-free-icons';
 import { cn } from '../libs/utils.js';
-import Divider from './Divider.js';
-import { iconStroke, disclosure } from './ui.common.js';
-import { motionFeedback, motionOrient } from './ui.motion.js';
+import { edgeTone, iconStroke, disclosure } from './ui.common.js';
+import { motionOrient } from './ui.motion.js';
 
 /* One section of an `Accordion`. The trigger and the panel it opens are `Accordion.Trigger` and
    `Accordion.Panel`; the heading that labels them is the trigger's own, so a consumer never has
-   to build an accessible accordion structure by hand. */
-const AccordionItem = ({ children, className, ...props }) => (jsx(Accordion$1.Item, { ...props, className: cn("min-w-0", className), children: children }));
+   to build an accessible accordion structure by hand.
+
+   The join between two sections belongs to the section below it: every item after the first draws
+   a line on its top edge, in the lightest `row` tone, because the sections are rows of one stacked
+   list rather than separate parts of a surface. The line is the item's own, so a fragment or a
+   wrapper around items gets the same joins as a flat list.
+
+   The join yields to a closed neighbour under the pointer: a closed item that is hovered hides the line
+   above it and the line below it, while an open section keeps its line, so expanded content reads as one
+   unit. Both selectors sit inside the pointer media query, so a tap leaves no hover tone behind. */
+const joinYield = "[@media(hover:hover)_and_(pointer:fine)]:[&:not([data-open]):hover]:border-transparent [@media(hover:hover)_and_(pointer:fine)]:[&:not([data-open]):hover+*]:border-transparent";
+const AccordionItem = ({ children, className, ...props }) => (jsx(Accordion$1.Item, { ...props, className: cn("min-w-0 [&:not(:first-child)]:border-t", joinYield, edgeTone.row, className), children: children }));
 const HeadingLevelContext = createContext(3);
 /* The heading element Base wraps each trigger in. `render` replaces the element rather than
    adding one, so the level changes without a second wrapper. */
@@ -23,35 +32,14 @@ const AccordionTrigger = ({ children, className }) => {
     /* The heading is the item's own, so a consumer never writes the accessible accordion
        structure by hand; `render` replaces the element rather than adding a wrapper, so the
        level follows the document instead of being fixed at Base's default. */
-    jsx(Accordion$1.Header, { render: headingRender(headingLevel), className: cn("m-0"), children: jsxs(Accordion$1.Trigger, { className: cn(disclosure.trigger, className), children: [jsx("span", { className: cn("min-w-0 flex-1"), children: children }), jsx(HugeiconsIcon, { icon: ArrowDown01Icon, "aria-hidden": "true", className: cn(iconStroke.glyph, "size-4 shrink-0", motionOrient, "group-data-[panel-open]:rotate-180") })] }) }));
+    jsx(Accordion$1.Header, { render: headingRender(headingLevel), className: cn("m-0"), children: jsxs(Accordion$1.Trigger, { className: cn(disclosure.trigger, className), children: [jsx("span", { className: cn("min-w-0 flex-1"), children: children }), jsx("span", { className: cn(disclosure.chevron), "aria-hidden": "true", children: jsx(HugeiconsIcon, { icon: ArrowDown01Icon, "aria-hidden": "true", className: cn(iconStroke.glyph, motionOrient, "group-data-[panel-open]:rotate-180") }) })] }) }));
 };
 /* The measured region. Base publishes the panel's open height as its own variable, and the
    disclosure recipe reads `--sui-disclose-height`, so the panel maps the two rather than the
    recipe knowing which primitive it belongs to. */
 const AccordionPanel = ({ children, className }) => (jsx(Accordion$1.Panel, { className: cn("[--sui-disclose-height:var(--accordion-panel-height)]", disclosure.panel, className), children: jsx("div", { className: cn("px-4 pb-4 pt-1"), children: children }) }));
-/* One hairline where two sections meet. The line belongs to the group rather than to a section,
-   so a section never draws its own edge, and it is the public `Divider` at its lightest role —
-   the line between the rows of one stacked list.
-
-   Three of its properties are the accordion's own anatomy: it is inset to the band the trigger and
-   the panel content share, so it marks the join between two sections rather than the width of the
-   surface; it keeps air above and below, so the hover tint never sits on a rule; and it yields
-   while either section beside it is hovered, so the boundary reads when the group is scanned
-   without competing with the row the pointer is on. A section that is already open is excluded
-   from the yield, because the line beneath expanded content is what keeps the expanded section
-   reading as one unit. */
-const withDividers = (children) => React.Children.toArray(children).flatMap((child, index) => index === 0
-    ? [child]
-    : [
-        jsx(Divider, { weight: "row", className: cn(
-            /* `w-auto` in place of the shared full width: the column stretches it across the
-               band the margins leave, so the inset is real geometry rather than a full-width
-               line that overshoots its own margins. */
-            "w-auto mx-4 my-2", motionFeedback, "[&:has(+div:not([data-open]):hover)]:opacity-0", "[div:not([data-open]):hover+&]:opacity-0") }, `divider-${index}`),
-        child,
-    ]);
 const Accordion = (({ children, multiple = false, disabled = false, headingLevel = 3, className, ...props }) => {
-    return (jsx(HeadingLevelContext.Provider, { value: headingLevel, children: jsx(Accordion$1.Root, { ...props, multiple: multiple, disabled: disabled, className: cn("flex min-w-0 flex-col", className), children: withDividers(children) }) }));
+    return (jsx(HeadingLevelContext.Provider, { value: headingLevel, children: jsx(Accordion$1.Root, { ...props, multiple: multiple, disabled: disabled, className: cn("flex min-w-0 flex-col", className), children: children }) }));
 });
 Accordion.Item = AccordionItem;
 Accordion.Trigger = AccordionTrigger;

package/dist/esm/components/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sources":["../../../src/components/Accordion.tsx"],"sourcesContent":["\"use client\";\n\nimport { Accordion as BaseAccordion } from \"@base-ui/react/accordion\";\nimport React, { createContext, useContext, type ReactNode } from \"react\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport { ArrowDown01Icon } from \"@hugeicons/core-free-icons\";\nimport { cn } from \"@/libs/utils\";\nimport Divider from \"./Divider\";\nimport { disclosure, iconStroke } from \"./ui.common\";\nimport { motionFeedback, motionOrient } from \"./ui.motion\";\n\n/** A heading level for the groups of an `Accordion`. Base renders a heading around every panel\n *  trigger, because that is what makes the group navigable as a set of sections; which level it\n *  is depends on where the accordion sits in the document. */\nexport type AccordionHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\n\nexport interface AccordionProps {\n  children: ReactNode;\n  /**\n   * Whether more than one panel can be open at once. A group that answers a question is single:\n   * opening one section closes the one before it.\n   */\n  multiple?: boolean;\n  /** The item(s) that are expanded, when the application owns the state. */\n  value?: BaseAccordion.Root.Props[\"value\"];\n  /** The item(s) that start expanded, for an accordion that owns its own state. */\n  defaultValue?: BaseAccordion.Root.Props[\"defaultValue\"];\n  /** Base's own value-change callback, event details included. */\n  onValueChange?: BaseAccordion.Root.Props[\"onValueChange\"];\n  /** Whether the whole group is inert. */\n  disabled?: boolean;\n  /** The heading level the group labels its sections with. */\n  headingLevel?: AccordionHeadingLevel;\n  /** Adds to the group's own column. The rows and panels style themselves. */\n  className?: string;\n}\n\nexport interface AccordionItemProps {\n  children: ReactNode;\n  /**\n   * Identifies the item. A controlled accordion expands its items by value, so an item without\n   * one can still be opened but not addressed from outside.\n   */\n  value?: BaseAccordion.Item.Props[\"value\"];\n  /** Whether this item alone is inert. */\n  disabled?: boolean;\n  /** Adds to the item's own column. */\n  className?: string;\n}\n\nexport interface AccordionTriggerProps {\n  children: ReactNode;\n  /** Adds to the row. The row's shape, tone and states are the disclosure recipe's. */\n  className?: string;\n}\n\nexport interface AccordionPanelProps {\n  children: ReactNode;\n  /** Adds to the measured region. The region's height and clipping are the recipe's. */\n  className?: string;\n}\n\n/* One section of an `Accordion`. The trigger and the panel it opens are `Accordion.Trigger` and\n   `Accordion.Panel`; the heading that labels them is the trigger's own, so a consumer never has\n   to build an accessible accordion structure by hand. */\nconst AccordionItem = ({ children, className, ...props }: AccordionItemProps) => (\n  <BaseAccordion.Item {...props} className={cn(\"min-w-0\", className)}>\n    {children}\n  </BaseAccordion.Item>\n);\n\ntype AccordionComponent = ((props: AccordionProps) => React.JSX.Element) & {\n  Item: typeof AccordionItem;\n  Trigger: typeof AccordionTrigger;\n  Panel: typeof AccordionPanel;\n};\n\nconst HeadingLevelContext = createContext<AccordionHeadingLevel>(3);\n\n/* The heading element Base wraps each trigger in. `render` replaces the element rather than\n   adding one, so the level changes without a second wrapper. */\nconst headingRender = (level: AccordionHeadingLevel) => React.createElement(`h${level}`);\n\nconst AccordionTrigger = ({ children, className }: AccordionTriggerProps) => {\n  const headingLevel = useContext(HeadingLevelContext);\n\n  return (\n    /* The heading is the item's own, so a consumer never writes the accessible accordion\n       structure by hand; `render` replaces the element rather than adding a wrapper, so the\n       level follows the document instead of being fixed at Base's default. */\n    <BaseAccordion.Header render={headingRender(headingLevel)} className={cn(\"m-0\")}>\n      <BaseAccordion.Trigger className={cn(disclosure.trigger, className)}>\n        <span className={cn(\"min-w-0 flex-1\")}>{children}</span>\n        {/* The affordance turns in place, so it takes `orient`: it is the same object before\n            and after, and only its direction changes. */}\n        <HugeiconsIcon icon={ArrowDown01Icon}\n          aria-hidden=\"true\"\n          className={cn(iconStroke.glyph, \"size-4 shrink-0\", motionOrient, \"group-data-[panel-open]:rotate-180\")}\n        />\n      </BaseAccordion.Trigger>\n    </BaseAccordion.Header>\n  );\n};\n\n/* The measured region. Base publishes the panel's open height as its own variable, and the\n   disclosure recipe reads `--sui-disclose-height`, so the panel maps the two rather than the\n   recipe knowing which primitive it belongs to. */\nconst AccordionPanel = ({ children, className }: AccordionPanelProps) => (\n  <BaseAccordion.Panel\n    className={cn(\n      \"[--sui-disclose-height:var(--accordion-panel-height)]\",\n      disclosure.panel,\n      className\n    )}\n  >\n    <div className={cn(\"px-4 pb-4 pt-1\")}>{children}</div>\n  </BaseAccordion.Panel>\n);\n\n\n/* One hairline where two sections meet. The line belongs to the group rather than to a section,\n   so a section never draws its own edge, and it is the public `Divider` at its lightest role —\n   the line between the rows of one stacked list.\n\n   Three of its properties are the accordion's own anatomy: it is inset to the band the trigger and\n   the panel content share, so it marks the join between two sections rather than the width of the\n   surface; it keeps air above and below, so the hover tint never sits on a rule; and it yields\n   while either section beside it is hovered, so the boundary reads when the group is scanned\n   without competing with the row the pointer is on. A section that is already open is excluded\n   from the yield, because the line beneath expanded content is what keeps the expanded section\n   reading as one unit. */\nconst withDividers = (children: ReactNode) =>\n  React.Children.toArray(children).flatMap((child, index) =>\n    index === 0\n      ? [child]\n      : [\n          <Divider\n            key={`divider-${index}`}\n            weight=\"row\"\n            className={cn(\n              /* `w-auto` in place of the shared full width: the column stretches it across the\n                 band the margins leave, so the inset is real geometry rather than a full-width\n                 line that overshoots its own margins. */\n              \"w-auto mx-4 my-2\",\n              motionFeedback,\n              \"[&:has(+div:not([data-open]):hover)]:opacity-0\",\n              \"[div:not([data-open]):hover+&]:opacity-0\"\n            )}\n          />,\n          child,\n        ]\n  );\n\nconst Accordion = (({\n  children,\n  multiple = false,\n  disabled = false,\n  headingLevel = 3,\n  className,\n  ...props\n}: AccordionProps) => {\n  return (\n    <HeadingLevelContext.Provider value={headingLevel}>\n      <BaseAccordion.Root\n        {...props}\n        multiple={multiple}\n        disabled={disabled}\n        className={cn(\"flex min-w-0 flex-col\", className)}\n      >\n        {withDividers(children)}\n      </BaseAccordion.Root>\n    </HeadingLevelContext.Provider>\n  );\n}) as AccordionComponent;\n\nAccordion.Item = AccordionItem;\nAccordion.Trigger = AccordionTrigger;\nAccordion.Panel = AccordionPanel;\n\nexport default Accordion;\n"],"names":["_jsx","BaseAccordion","_jsxs"],"mappings":"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"}
+{"version":3,"file":"Accordion.js","sources":["../../../src/components/Accordion.tsx"],"sourcesContent":["\"use client\";\n\nimport { Accordion as BaseAccordion } from \"@base-ui/react/accordion\";\nimport React, { createContext, useContext, type ReactNode } from \"react\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport { ArrowDown01Icon } from \"@hugeicons/core-free-icons\";\nimport { cn } from \"@/libs/utils\";\nimport { disclosure, edgeTone, iconStroke } from \"./ui.common\";\nimport { motionOrient } from \"./ui.motion\";\n\n/** A heading level for the groups of an `Accordion`. Base renders a heading around every panel\n *  trigger, because that is what makes the group navigable as a set of sections; which level it\n *  is depends on where the accordion sits in the document. */\nexport type AccordionHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\n\nexport interface AccordionProps {\n  children: ReactNode;\n  /**\n   * Whether more than one panel can be open at once. A group that answers a question is single:\n   * opening one section closes the one before it.\n   */\n  multiple?: boolean;\n  /** The item(s) that are expanded, when the application owns the state. */\n  value?: BaseAccordion.Root.Props[\"value\"];\n  /** The item(s) that start expanded, for an accordion that owns its own state. */\n  defaultValue?: BaseAccordion.Root.Props[\"defaultValue\"];\n  /** Base's own value-change callback, event details included. */\n  onValueChange?: BaseAccordion.Root.Props[\"onValueChange\"];\n  /** Whether the whole group is inert. */\n  disabled?: boolean;\n  /** The heading level the group labels its sections with. */\n  headingLevel?: AccordionHeadingLevel;\n  /** Adds to the group's own column. The rows and panels style themselves. */\n  className?: string;\n}\n\nexport interface AccordionItemProps {\n  children: ReactNode;\n  /**\n   * Identifies the item. A controlled accordion expands its items by value, so an item without\n   * one can still be opened but not addressed from outside.\n   */\n  value?: BaseAccordion.Item.Props[\"value\"];\n  /** Whether this item alone is inert. */\n  disabled?: boolean;\n  /** Adds to the item's own column. */\n  className?: string;\n}\n\nexport interface AccordionTriggerProps {\n  children: ReactNode;\n  /** Adds to the row. The row's shape, tone and states are the disclosure recipe's. */\n  className?: string;\n}\n\nexport interface AccordionPanelProps {\n  children: ReactNode;\n  /** Adds to the measured region. The region's height and clipping are the recipe's. */\n  className?: string;\n}\n\n/* One section of an `Accordion`. The trigger and the panel it opens are `Accordion.Trigger` and\n   `Accordion.Panel`; the heading that labels them is the trigger's own, so a consumer never has\n   to build an accessible accordion structure by hand.\n\n   The join between two sections belongs to the section below it: every item after the first draws\n   a line on its top edge, in the lightest `row` tone, because the sections are rows of one stacked\n   list rather than separate parts of a surface. The line is the item's own, so a fragment or a\n   wrapper around items gets the same joins as a flat list.\n\n   The join yields to a closed neighbour under the pointer: a closed item that is hovered hides the line\n   above it and the line below it, while an open section keeps its line, so expanded content reads as one\n   unit. Both selectors sit inside the pointer media query, so a tap leaves no hover tone behind. */\nconst joinYield =\n  \"[@media(hover:hover)_and_(pointer:fine)]:[&:not([data-open]):hover]:border-transparent [@media(hover:hover)_and_(pointer:fine)]:[&:not([data-open]):hover+*]:border-transparent\";\nconst AccordionItem = ({ children, className, ...props }: AccordionItemProps) => (\n  <BaseAccordion.Item\n    {...props}\n    className={cn(\"min-w-0 [&:not(:first-child)]:border-t\", joinYield, edgeTone.row, className)}\n  >\n    {children}\n  </BaseAccordion.Item>\n);\n\ntype AccordionComponent = ((props: AccordionProps) => React.JSX.Element) & {\n  Item: typeof AccordionItem;\n  Trigger: typeof AccordionTrigger;\n  Panel: typeof AccordionPanel;\n};\n\nconst HeadingLevelContext = createContext<AccordionHeadingLevel>(3);\n\n/* The heading element Base wraps each trigger in. `render` replaces the element rather than\n   adding one, so the level changes without a second wrapper. */\nconst headingRender = (level: AccordionHeadingLevel) => React.createElement(`h${level}`);\n\nconst AccordionTrigger = ({ children, className }: AccordionTriggerProps) => {\n  const headingLevel = useContext(HeadingLevelContext);\n\n  return (\n    /* The heading is the item's own, so a consumer never writes the accessible accordion\n       structure by hand; `render` replaces the element rather than adding a wrapper, so the\n       level follows the document instead of being fixed at Base's default. */\n    <BaseAccordion.Header render={headingRender(headingLevel)} className={cn(\"m-0\")}>\n      <BaseAccordion.Trigger className={cn(disclosure.trigger, className)}>\n        <span className={cn(\"min-w-0 flex-1\")}>{children}</span>\n        {/* The affordance is a disclosure chevron at its own slot size. It turns in place, so it takes\n            `orient`: it is the same object before and after, and only its direction changes. */}\n        <span className={cn(disclosure.chevron)} aria-hidden=\"true\">\n          <HugeiconsIcon\n            icon={ArrowDown01Icon}\n            aria-hidden=\"true\"\n            className={cn(iconStroke.glyph, motionOrient, \"group-data-[panel-open]:rotate-180\")}\n          />\n        </span>\n      </BaseAccordion.Trigger>\n    </BaseAccordion.Header>\n  );\n};\n\n/* The measured region. Base publishes the panel's open height as its own variable, and the\n   disclosure recipe reads `--sui-disclose-height`, so the panel maps the two rather than the\n   recipe knowing which primitive it belongs to. */\nconst AccordionPanel = ({ children, className }: AccordionPanelProps) => (\n  <BaseAccordion.Panel\n    className={cn(\n      \"[--sui-disclose-height:var(--accordion-panel-height)]\",\n      disclosure.panel,\n      className\n    )}\n  >\n    <div className={cn(\"px-4 pb-4 pt-1\")}>{children}</div>\n  </BaseAccordion.Panel>\n);\n\n\nconst Accordion = (({\n  children,\n  multiple = false,\n  disabled = false,\n  headingLevel = 3,\n  className,\n  ...props\n}: AccordionProps) => {\n  return (\n    <HeadingLevelContext.Provider value={headingLevel}>\n      <BaseAccordion.Root\n        {...props}\n        multiple={multiple}\n        disabled={disabled}\n        className={cn(\"flex min-w-0 flex-col\", className)}\n      >\n        {children}\n      </BaseAccordion.Root>\n    </HeadingLevelContext.Provider>\n  );\n}) as AccordionComponent;\n\nAccordion.Item = AccordionItem;\nAccordion.Trigger = AccordionTrigger;\nAccordion.Panel = AccordionPanel;\n\nexport default Accordion;\n"],"names":["_jsx","BaseAccordion","_jsxs"],"mappings":";;;;;;;;;;AA6DA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;;;;;;;;;;;AAWoG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACpG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,GACb,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CA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"}

package/dist/esm/components/Alert.js

@@ -1,34 +1,74 @@
 'use client';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { Button } from '@base-ui/react/button';
-import { useState } from 'react';
-import { HugeiconsIcon } from '@hugeicons/react';
-import { CheckmarkCircle02Icon, Alert02Icon, CancelCircleIcon, InformationCircleIcon, Cancel01Icon } from '@hugeicons/core-free-icons';
+import { forwardRef, useRef, useState } from 'react';
 import { cn } from '../libs/utils.js';
-import { tone, iconStroke, type, state, stateLayer, focusRingInset, shape, density, text } from './ui.common.js';
-import { motionInkPress, motionFeedback } from './ui.motion.js';
+import { type, text, tone, shape } from './ui.common.js';
+import DismissButton from './DismissButton.js';
+import { StatusMark } from './StatusMark.js';
 
-const iconMap = {
-    primary: InformationCircleIcon,
-    secondary: InformationCircleIcon,
-    danger: CancelCircleIcon,
-    warning: Alert02Icon,
-    success: CheckmarkCircle02Icon,
+/* What a keyboard can land on. A disabled element is dropped by the `:disabled` check in the helper. */
+const focusable = "a[href], button, input, select, textarea, [tabindex], [contenteditable='true']";
+/**
+ * Moves focus off a node that is about to leave the page, so a dismissed alert or a removed chip does
+ * not drop focus onto the body. The reader's place goes to the next focusable element that follows the
+ * node in its scope, then to the one before it, and only then to the scope itself. The scope is the
+ * nearest role group, so a removed chip keeps focus inside its ChipGroup.
+ *
+ * Call it before the node is removed: once the node has left, there is nothing left to measure from.
+ */
+const focusNeighbour = (node) => {
+    var _a;
+    const scope = (_a = node.closest('[role="group"]')) !== null && _a !== void 0 ? _a : node.parentElement;
+    if (!scope)
+        return;
+    const candidates = Array.from(scope.querySelectorAll(focusable)).filter((element) => !node.contains(element) && !element.matches(":disabled"));
+    const next = candidates.find((element) => node.compareDocumentPosition(element) & Node.DOCUMENT_POSITION_FOLLOWING);
+    const previous = candidates
+        .filter((element) => node.compareDocumentPosition(element) & Node.DOCUMENT_POSITION_PRECEDING)
+        .pop();
+    const target = next !== null && next !== void 0 ? next : previous;
+    if (target) {
+        target.focus();
+        return;
+    }
+    /* A container is not focusable by default. It takes a tab index only for the moment focus lands on
+       it, and gives the attribute back as soon as focus leaves. */
+    if (!scope.hasAttribute("tabindex")) {
+        scope.tabIndex = -1;
+        scope.addEventListener("blur", () => scope.removeAttribute("tabindex"), { once: true });
+    }
+    scope.focus();
 };
 /* An alert reports; it is not something the reader acts on. Its default is therefore the neutral
    soft surface, with the accent spent only on its small status mark, so an informational line never
    competes with the one priority action in the view. A semantic variant tints the whole surface,
    because there the colour carries meaning (§10). */
-const Alert = ({ children, variant = "secondary", className, closeable = false, onDismiss, }) => {
-    const [isVisible, setIsVisible] = useState(true);
-    const icon = iconMap[variant];
-    if (!isVisible)
+const Alert = forwardRef(({ children, variant = "secondary", className, closeable = false, dismissLabel = "Dismiss alert", announce, open, defaultOpen = true, onOpenChange, onDismiss, ...props }, ref) => {
+    const element = useRef(null);
+    const [uncontrolled, setUncontrolled] = useState(defaultOpen);
+    const isOpen = open !== null && open !== void 0 ? open : uncontrolled;
+    const role = announce !== null && announce !== void 0 ? announce : (variant === "danger" || variant === "warning" ? "alert" : "status");
+    /* The same node answers both the forwarded ref and the dismissal's focus move. */
+    const setElement = (node) => {
+        element.current = node;
+        if (typeof ref === "function")
+            ref(node);
+        else if (ref)
+            ref.current = node;
+    };
+    if (!isOpen)
         return null;
-    return (jsxs("div", { role: variant === "danger" || variant === "warning" ? "alert" : "status", className: cn("flex min-w-0 items-start gap-3 px-4 py-3.5 [overflow-wrap:anywhere]", shape.control, tone.soft[variant], text.high, className), children: [jsx("span", { className: cn("flex h-6 shrink-0 items-center"), "aria-hidden": "true", children: jsx(HugeiconsIcon, { icon: icon, "aria-hidden": "true", className: cn("size-5", iconStroke.glyph, variant === "secondary" ? tone.text.primary : tone.text[variant]) }) }), jsx("div", { className: cn("min-w-0 flex-1", type.body), children: children }), closeable && (jsx(Button, { type: "button", "aria-label": "Dismiss alert", onClick: () => {
-                    onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss();
-                    setIsVisible(false);
-                }, className: cn("group -me-2 -my-2.5 inline-flex shrink-0 items-center justify-center", density.target, shape.circle, focusRingInset, motionFeedback, stateLayer.quiet, state.enabled), children: jsx("span", { className: cn("inline-flex items-center justify-center", motionInkPress), children: jsx(HugeiconsIcon, { icon: Cancel01Icon, "aria-hidden": "true", className: cn("size-4", iconStroke.glyph) }) }) }))] }));
-};
+    const dismiss = () => {
+        if (element.current)
+            focusNeighbour(element.current);
+        onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss();
+        if (open === undefined)
+            setUncontrolled(false);
+        onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(false);
+    };
+    return (jsxs("div", { ...props, ref: setElement, role: role === "none" ? undefined : role, className: cn("flex min-w-0 items-start gap-3 px-4 py-3.5 [overflow-wrap:anywhere]", shape.control, tone.soft[variant], text.high, className), children: [jsx("span", { className: cn("flex h-6 shrink-0 items-center"), children: jsx(StatusMark, { variant: variant }) }), jsx("div", { className: cn("min-w-0 flex-1", type.body), children: children }), closeable && (jsx(DismissButton, { label: dismissLabel, size: "compact", inRow: true, onClick: dismiss, className: cn("-me-3 -my-2.5") }))] }));
+});
+Alert.displayName = "Alert";
 
-export { Alert };
+export { Alert, focusNeighbour };
 //# sourceMappingURL=Alert.js.map

package/dist/esm/components/Alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sources":["../../../src/components/Alert.tsx"],"sourcesContent":["\"use client\";\n\nimport { Button } from \"@base-ui/react/button\";\nimport React, { type ReactNode, useState } from \"react\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport { Alert02Icon, Cancel01Icon, CancelCircleIcon, CheckmarkCircle02Icon, InformationCircleIcon } from \"@hugeicons/core-free-icons\";\nimport { cn } from \"@/libs/utils\";\nimport {\n  density,\n  focusRingInset,\n  iconStroke,\n  shape,\n  state,\n  stateLayer,\n  text,\n  tone,\n  type,\n} from \"./ui.common\";\nimport { motionFeedback, motionInkPress } from \"./ui.motion\";\nimport { Variant } from \"./ui.types\";\n\nconst iconMap = {\n  primary: InformationCircleIcon,\n  secondary: InformationCircleIcon,\n  danger: CancelCircleIcon,\n  warning: Alert02Icon,\n  success: CheckmarkCircle02Icon,\n};\n\nexport interface AlertProps {\n  children: ReactNode;\n  variant?: Variant;\n  className?: string;\n  closeable?: boolean;\n  onDismiss?: () => void;\n}\n\n/* An alert reports; it is not something the reader acts on. Its default is therefore the neutral\n   soft surface, with the accent spent only on its small status mark, so an informational line never\n   competes with the one priority action in the view. A semantic variant tints the whole surface,\n   because there the colour carries meaning (§10). */\nexport const Alert = ({\n  children,\n  variant = \"secondary\",\n  className,\n  closeable = false,\n  onDismiss,\n}: AlertProps) => {\n  const [isVisible, setIsVisible] = useState(true);\n  const icon = iconMap[variant];\n\n  if (!isVisible) return null;\n\n  return (\n    <div\n      role={variant === \"danger\" || variant === \"warning\" ? \"alert\" : \"status\"}\n      className={cn(\n        \"flex min-w-0 items-start gap-3 px-4 py-3.5 [overflow-wrap:anywhere]\",\n        shape.control,\n        tone.soft[variant],\n        text.high,\n        className\n      )}\n    >\n      {/* The status mark is a **first-line** mark: an alert's copy wraps, and a mark centred on the\n          whole block would drift to the middle of it. The slot takes the first line's own height\n          (`leading-6`), so the icon is centred on the line it belongs to with no offset. */}\n      <span className={cn(\"flex h-6 shrink-0 items-center\")} aria-hidden=\"true\">\n        <HugeiconsIcon icon={icon} aria-hidden=\"true\" className={cn(\"size-5\", iconStroke.glyph, variant === \"secondary\" ? tone.text.primary : tone.text[variant])} />\n      </span>\n      <div className={cn(\"min-w-0 flex-1\", type.body)}>{children}</div>\n      {/* The dismissal is a first-line affordance too: a 44px target is taller than the line it belongs\n          to, so it is offset to that line and gives its excess back on **both** vertical edges — a\n          top-only offset would leave the target's remaining 10px as extra space under a single line of\n          copy, letting the target rather than the copy size the surface. Its target padding is\n          likewise pulled back at the surface's end edge: that padding exists to make the target big,\n          and it is not allowed to read as a trailing void. The target keeps the geometry the pointer\n          found. */}\n      {closeable && (\n        <Button\n          type=\"button\"\n          aria-label=\"Dismiss alert\"\n          onClick={() => {\n            onDismiss?.();\n            setIsVisible(false);\n          }}\n          className={cn(\n            \"group -me-2 -my-2.5 inline-flex shrink-0 items-center justify-center\",\n            density.target,\n            shape.circle,\n            focusRingInset,\n            motionFeedback,\n            stateLayer.quiet,\n            state.enabled\n          )}\n        >\n          {/* The target stays exactly where the pointer found it; the mark inside it carries the\n              press. */}\n          <span className={cn(\"inline-flex items-center justify-center\", motionInkPress)}>\n            <HugeiconsIcon icon={Cancel01Icon} aria-hidden=\"true\" className={cn(\"size-4\", iconStroke.glyph)} />\n          </span>\n        </Button>\n      )}\n    </div>\n  );\n};\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"Alert.js","sources":["../../../src/components/Alert.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { forwardRef, useRef, useState, type ComponentPropsWithoutRef, type ReactNode } from \"react\";\nimport { cn } from \"@/libs/utils\";\nimport { shape, text, tone, type } from \"./ui.common\";\nimport DismissButton from \"./DismissButton\";\nimport StatusMark from \"./StatusMark\";\nimport { Variant } from \"./ui.types\";\n\n/* What a keyboard can land on. A disabled element is dropped by the `:disabled` check in the helper. */\nconst focusable = \"a[href], button, input, select, textarea, [tabindex], [contenteditable='true']\";\n\n/**\n * Moves focus off a node that is about to leave the page, so a dismissed alert or a removed chip does\n * not drop focus onto the body. The reader's place goes to the next focusable element that follows the\n * node in its scope, then to the one before it, and only then to the scope itself. The scope is the\n * nearest role group, so a removed chip keeps focus inside its ChipGroup.\n *\n * Call it before the node is removed: once the node has left, there is nothing left to measure from.\n */\nexport const focusNeighbour = (node: HTMLElement) => {\n  const scope = node.closest<HTMLElement>('[role=\"group\"]') ?? node.parentElement;\n  if (!scope) return;\n\n  const candidates = Array.from(scope.querySelectorAll<HTMLElement>(focusable)).filter(\n    (element) => !node.contains(element) && !element.matches(\":disabled\")\n  );\n  const next = candidates.find((element) => node.compareDocumentPosition(element) & Node.DOCUMENT_POSITION_FOLLOWING);\n  const previous = candidates\n    .filter((element) => node.compareDocumentPosition(element) & Node.DOCUMENT_POSITION_PRECEDING)\n    .pop();\n  const target = next ?? previous;\n  if (target) {\n    target.focus();\n    return;\n  }\n\n  /* A container is not focusable by default. It takes a tab index only for the moment focus lands on\n     it, and gives the attribute back as soon as focus leaves. */\n  if (!scope.hasAttribute(\"tabindex\")) {\n    scope.tabIndex = -1;\n    scope.addEventListener(\"blur\", () => scope.removeAttribute(\"tabindex\"), { once: true });\n  }\n  scope.focus();\n};\n\n/** How an alert is announced to assistive technology. `none` leaves it silent. */\nexport type AlertAnnounce = \"none\" | \"status\" | \"alert\";\n\nexport interface AlertProps extends Omit<ComponentPropsWithoutRef<\"div\">, \"role\"> {\n  children: ReactNode;\n  variant?: Variant;\n  /** Whether the alert has a dismiss control. */\n  closeable?: boolean;\n  /** The dismiss control's accessible name. Override it when the surface's language is not the default. */\n  dismissLabel?: string;\n  /**\n   * How the alert is announced. `alert` interrupts the reader, `status` is read politely, and `none`\n   * adds no live role. Danger and warning default to `alert`, and every other variant to `status`.\n   */\n  announce?: AlertAnnounce;\n  /** Whether the alert is shown, when the application owns that state. */\n  open?: boolean;\n  /** Whether the alert starts shown, for one that owns its own dismissal. */\n  defaultOpen?: boolean;\n  /** Reports `false` when the alert is dismissed, for a controlled alert or to observe an uncontrolled one. */\n  onOpenChange?: (open: boolean) => void;\n  /** Fires when the alert is dismissed, before its open state changes. */\n  onDismiss?: () => void;\n}\n\n/* An alert reports; it is not something the reader acts on. Its default is therefore the neutral\n   soft surface, with the accent spent only on its small status mark, so an informational line never\n   competes with the one priority action in the view. A semantic variant tints the whole surface,\n   because there the colour carries meaning (§10). */\nexport const Alert = forwardRef<HTMLDivElement, AlertProps>(\n  (\n    {\n      children,\n      variant = \"secondary\",\n      className,\n      closeable = false,\n      dismissLabel = \"Dismiss alert\",\n      announce,\n      open,\n      defaultOpen = true,\n      onOpenChange,\n      onDismiss,\n      ...props\n    },\n    ref\n  ) => {\n    const element = useRef<HTMLDivElement | null>(null);\n    const [uncontrolled, setUncontrolled] = useState(defaultOpen);\n    const isOpen = open ?? uncontrolled;\n    const role = announce ?? (variant === \"danger\" || variant === \"warning\" ? \"alert\" : \"status\");\n\n    /* The same node answers both the forwarded ref and the dismissal's focus move. */\n    const setElement = (node: HTMLDivElement | null) => {\n      element.current = node;\n      if (typeof ref === \"function\") ref(node);\n      else if (ref) ref.current = node;\n    };\n\n    if (!isOpen) return null;\n\n    const dismiss = () => {\n      if (element.current) focusNeighbour(element.current);\n      onDismiss?.();\n      if (open === undefined) setUncontrolled(false);\n      onOpenChange?.(false);\n    };\n\n    return (\n      <div\n        {...props}\n        ref={setElement}\n        role={role === \"none\" ? undefined : role}\n        className={cn(\n          \"flex min-w-0 items-start gap-3 px-4 py-3.5 [overflow-wrap:anywhere]\",\n          shape.control,\n          tone.soft[variant],\n          text.high,\n          className\n        )}\n      >\n        {/* The status mark is a **first-line** mark: an alert's copy wraps, and a mark centred on the\n            whole block would drift to the middle of it. The slot takes the first line's own height,\n            so the mark is centred on the line it belongs to with no offset. */}\n        <span className={cn(\"flex h-6 shrink-0 items-center\")}>\n          <StatusMark variant={variant} />\n        </span>\n        <div className={cn(\"min-w-0 flex-1\", type.body)}>{children}</div>\n        {/* The dismissal is a first-line affordance too. Its 44px target is taller than the line it\n            belongs to, so the negative margins give the excess back on both vertical edges, and the\n            end padding is pulled back toward the surface's edge: that padding exists to make the target\n            big, and it must not read as a trailing void. The mark stays where the pointer found it. */}\n        {closeable && (\n          <DismissButton label={dismissLabel} size=\"compact\" inRow onClick={dismiss} className={cn(\"-me-3 -my-2.5\")} />\n        )}\n      </div>\n    );\n  }\n);\n\nAlert.displayName = \"Alert\";\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/esm/components/AlertDialog.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { AlertDialog as AlertDialog$1 } from '@base-ui/react/alert-dialog';
 import { forwardRef } from 'react';
 import { cn } from '../libs/utils.js';
@@ -9,6 +9,7 @@ import { DialogFooter } from './DialogFooter.js';
 import { DialogHeader } from './DialogHeader.js';
 import { DialogSurface } from './DialogSurface.js';
 
+const AlertDialogTrigger = ({ render, ...props }) => (jsx(AlertDialog$1.Trigger, { render: render, ...props }));
 /**
  * A dialog that asks one question and requires one answer. Its interaction contract differs from
  * `Dialog`: it is always modal, an outside press never dismisses it, and Base's default focus
@@ -16,17 +17,18 @@ import { DialogSurface } from './DialogSurface.js';
  * anything. Base owns presence, focus restoration, Escape and the `alertdialog` semantics; the
  * surface, typography and shape are the same ones `Dialog` uses.
  */
-const AlertDialog = forwardRef(({ title, description, cancelLabel = "Cancel", confirmLabel, onConfirm, onCancel, confirmVariant = "danger", className, onOpenChange, ...rootProps }, ref) => {
-    return (jsx(AlertDialog$1.Root, { ...rootProps, onOpenChange: (nextOpen, eventDetails) => {
+const AlertDialog = forwardRef(({ title, description, cancelLabel = "Cancel", confirmLabel, onConfirm, onCancel, confirmVariant = "danger", className, onOpenChange, children, ...rootProps }, ref) => {
+    return (jsxs(AlertDialog$1.Root, { ...rootProps, onOpenChange: (nextOpen, eventDetails) => {
             /* Escape is a cancellation, and it is read from Base's own reason for the change rather
                than from a key handler here: one place observes the closure, so a keyboard dismissal
                and the cancel action report the same thing. */
             if (!nextOpen && eventDetails.reason === "escape-key")
                 onCancel === null || onCancel === void 0 ? void 0 : onCancel();
             onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(nextOpen, eventDetails);
-        }, children: jsxs(DialogSurface, { className: cn(className), popupRef: ref, children: [jsx(DialogHeader, { children: title }), description ? jsx(DialogDescription, { children: description }) : null, jsxs(DialogFooter, { className: cn("pt-4"), children: [jsx(AlertDialog$1.Close, { render: jsx(Button, { appearance: "text", variant: "secondary", onClick: onCancel, children: cancelLabel }) }), jsx(AlertDialog$1.Close, { render: jsx(Button, { appearance: "filled", variant: confirmVariant, onClick: onConfirm, children: confirmLabel }) })] })] }) }));
+        }, children: [children, jsxs(DialogSurface, { className: cn(className), popupRef: ref, children: [jsx(DialogHeader, { children: title }), description ? jsx(DialogDescription, { children: description }) : null, jsxs(DialogFooter, { className: cn("pt-4"), children: [jsx(AlertDialog$1.Close, { render: jsx(Button, { appearance: "text", variant: "secondary", onClick: onCancel, children: cancelLabel }) }), jsx(AlertDialog$1.Close, { render: jsx(Button, { appearance: "filled", variant: confirmVariant, onClick: onConfirm, children: confirmLabel }) })] })] })] }));
 });
 AlertDialog.displayName = "AlertDialog";
+AlertDialog.Trigger = AlertDialogTrigger;
 
 export { AlertDialog as default };
 //# sourceMappingURL=AlertDialog.js.map