@viraui/react 0.0.25 → 0.0.26

package/dist/components/checkbox/checkbox.css

@@ -1 +1 @@
-.viraui__checkbox-module__Checkbox_3oGip{&:has([required]) .viraui__checkbox-module__Label_n9HL7:after{content:" ＊";color:var(--highlight-red)}}.viraui__checkbox-module__CheckboxRoot_PeyF5{--checkbox-size:var(--space-medium);--checkbox-radius:var(--radius-x-small);--checkbox-background:var(--global-contrast);--checkbox-border-color:#0000;--checkbox-indicator-color:contrast-color(var(--global-primary));position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;appearance:none;border:0;box-shadow:inset 0 0 0 1px var(--checkbox-border-color);inline-size:var(--checkbox-size);block-size:var(--checkbox-size);background:var(--checkbox-background);border-radius:var(--checkbox-radius);&[data-size=regular]{--checkbox-size:var(--space-large);--checkbox-radius:var(--radius-small)}&[data-checked]:not([data-disabled]):not([data-invalid]),&[data-indeterminate]:not([data-disabled]):not([data-invalid]){--checkbox-background:var(--global-primary);--checkbox-border-color:var(--global-primary);box-shadow:none}&[data-invalid]:not([data-disabled]),[data-invalid] &:not([data-disabled]){--checkbox-border-color:var(--highlight-red);--checkbox-indicator-color:var(--global-primary);box-shadow:inset 0 0 0 1px var(--highlight-red);outline-color:oklab(from var(--highlight-red) l a b/.5)}&[data-disabled],[data-disabled] &{--checkbox-background:var(--global-disabled-background);--checkbox-border-color:#0000;--checkbox-indicator-color:var(--global-disabled-foreground);box-shadow:none;cursor:not-allowed}}.viraui__checkbox-module__Indicator_C-k-l{display:inline-flex;align-items:center;justify-content:center;color:var(--checkbox-indicator-color)}.viraui__checkbox-module__Icon_926Sa{stroke:currentColor}.viraui__checkbox-module__CheckboxRoot_PeyF5:not([data-indeterminate]) .viraui__checkbox-module__MinusIcon_Q57pY,.viraui__checkbox-module__CheckboxRoot_PeyF5[data-indeterminate] .viraui__checkbox-module__CheckIcon_XqUcs{display:none}.viraui__checkbox-module__CheckboxRoot_PeyF5[data-indeterminate] .viraui__checkbox-module__MinusIcon_Q57pY{display:inline-flex}
+.viraui__checkbox-module__Checkbox_3oGip{&:has([required]) .viraui__checkbox-module__Label_n9HL7:after{content:" ＊";color:var(--highlight-red)}}.viraui__checkbox-module__CheckboxRoot_PeyF5{--vui-checkbox-size:var(--space-medium);--vui-checkbox-radius:var(--radius-x-small);--vui-checkbox-background:var(--global-contrast);--vui-checkbox-border-color:#0000;--vui-checkbox-indicator-color:contrast-color(var(--global-primary));position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;appearance:none;border:0;box-shadow:inset 0 0 0 1px var(--vui-checkbox-border-color);inline-size:var(--vui-checkbox-size);block-size:var(--vui-checkbox-size);background:var(--vui-checkbox-background);border-radius:var(--vui-checkbox-radius);&[data-size=regular]{--vui-checkbox-size:var(--space-large);--vui-checkbox-radius:var(--radius-small)}&[data-checked]:not([data-disabled]):not([data-invalid]),&[data-indeterminate]:not([data-disabled]):not([data-invalid]){--vui-checkbox-background:var(--global-primary);--vui-checkbox-border-color:var(--global-primary);box-shadow:none}&[data-invalid]:not([data-disabled]),[data-invalid] &:not([data-disabled]){--vui-checkbox-border-color:var(--highlight-red);--vui-checkbox-indicator-color:var(--global-primary);box-shadow:inset 0 0 0 1px var(--highlight-red);outline-color:oklab(from var(--highlight-red) l a b/.5)}&[data-disabled],[data-disabled] &{--vui-checkbox-background:var(--global-disabled-background);--vui-checkbox-border-color:#0000;--vui-checkbox-indicator-color:var(--global-disabled-foreground);box-shadow:none;cursor:not-allowed}}.viraui__checkbox-module__Indicator_C-k-l{display:inline-flex;align-items:center;justify-content:center;color:var(--vui-checkbox-indicator-color)}.viraui__checkbox-module__Icon_926Sa{stroke:currentColor}.viraui__checkbox-module__CheckboxRoot_PeyF5:not([data-indeterminate]) .viraui__checkbox-module__MinusIcon_Q57pY,.viraui__checkbox-module__CheckboxRoot_PeyF5[data-indeterminate] .viraui__checkbox-module__CheckIcon_XqUcs{display:none}.viraui__checkbox-module__CheckboxRoot_PeyF5[data-indeterminate] .viraui__checkbox-module__MinusIcon_Q57pY{display:inline-flex}

package/dist/components/chip/chip.css

@@ -1 +1 @@
-.viraui__chip-module__Chip_2D18T{--chip-background:var(--global-primary);--chip-border-color:#0000;--chip-color:contrast-color(var(--global-primary));--chip-height:var(--space-large);--chip-icon-size:0.9em;--chip-color-bg-opacity:13%;--chip-color-border-opacity:0%;min-block-size:var(--chip-height);block-size:var(--chip-height);border:1px solid var(--chip-border-color);border-radius:var(--radius-infinite);background:var(--chip-background);color:var(--chip-color);font-size:var(--font-scale-body-small);font-variation-settings:"wght" 400;text-decoration:none;white-space:nowrap;overflow:hidden;&[data-variant=primary]{--chip-background:var(--global-primary);--chip-color:contrast-color(var(--global-primary))}&[data-variant=secondary]{--chip-background:var(--global-contrast);--chip-color:var(--base-6)}&[data-variant=outline]{--chip-background:#0000;--chip-border-color:oklab(from var(--global-contrast) l a b/0.2);--chip-color:var(--base-6)}&[data-variant=gray]{--chip-background:oklab(from currentColor l a b/var(--chip-color-bg-opacity));--chip-border-color:oklab(from currentColor l a b/var(--chip-color-border-opacity));--chip-color:var(--highlight-gray)}&[data-variant=slate]{--chip-background:oklab(from currentColor l a b/var(--chip-color-bg-opacity));--chip-border-color:oklab(from currentColor l a b/var(--chip-color-border-opacity));--chip-color:var(--highlight-slate)}&[data-variant=yellow]{--chip-background:oklab(from currentColor l a b/var(--chip-color-bg-opacity));--chip-border-color:oklab(from currentColor l a b/var(--chip-color-border-opacity));--chip-color:var(--highlight-yellow)}&[data-variant=green]{--chip-background:oklab(from currentColor l a b/var(--chip-color-bg-opacity));--chip-border-color:oklab(from currentColor l a b/var(--chip-color-border-opacity));--chip-color:var(--highlight-green)}&[data-variant=blue]{--chip-color:var(--highlight-blue)}&[data-variant=blue],&[data-variant=red]{--chip-background:oklab(from currentColor l a b/var(--chip-color-bg-opacity));--chip-border-color:oklab(from currentColor l a b/var(--chip-color-border-opacity))}&[data-variant=red]{--chip-color:var(--highlight-red)}&[data-variant=cyan]{--chip-background:oklab(from currentColor l a b/var(--chip-color-bg-opacity));--chip-border-color:oklab(from currentColor l a b/var(--chip-color-border-opacity));--chip-color:var(--highlight-cyan)}&[data-variant=purple]{--chip-background:oklab(from currentColor l a b/var(--chip-color-bg-opacity));--chip-border-color:oklab(from currentColor l a b/var(--chip-color-border-opacity));--chip-color:var(--highlight-purple)}&[data-variant=indigo]{--chip-background:oklab(from currentColor l a b/var(--chip-color-bg-opacity));--chip-border-color:oklab(from currentColor l a b/var(--chip-color-border-opacity));--chip-color:var(--highlight-indigo)}&[data-variant=acid]{--chip-background:oklab(from currentColor l a b/var(--chip-color-bg-opacity));--chip-border-color:oklab(from currentColor l a b/var(--chip-color-border-opacity));--chip-color:var(--highlight-acid)}&[data-variant=salmon]{--chip-background:oklab(from currentColor l a b/var(--chip-color-bg-opacity));--chip-border-color:oklab(from currentColor l a b/var(--chip-color-border-opacity));--chip-color:var(--highlight-salmon)}&[data-variant=magenta]{--chip-background:oklab(from currentColor l a b/var(--chip-color-bg-opacity));--chip-border-color:oklab(from currentColor l a b/var(--chip-color-border-opacity));--chip-color:var(--highlight-magenta)}}.viraui__chip-module__Content_7mLuL{min-inline-size:0;min-block-size:100%}.viraui__chip-module__IconSlot_9N5vD{display:inline-grid;place-items:center;flex-shrink:0;>svg{inline-size:var(--chip-icon-size);block-size:var(--chip-icon-size)}}.viraui__chip-module__Label_Hdx7l{display:inline-block;min-inline-size:0;overflow:hidden;text-overflow:ellipsis}
+.viraui__chip-module__Chip_2D18T{--vui-chip-background:var(--global-primary);--vui-chip-border-color:#0000;--vui-chip-color:contrast-color(var(--global-primary));--vui-chip-height:var(--space-large);--vui-chip-icon-size:0.9em;--vui-chip-color-bg-opacity:13%;--vui-chip-color-border-opacity:0%;min-block-size:var(--vui-chip-height);block-size:var(--vui-chip-height);border:1px solid var(--vui-chip-border-color);border-radius:var(--radius-infinite);background:var(--vui-chip-background);color:var(--vui-chip-color);font-size:var(--font-scale-body-small);font-variation-settings:"wght" 400;text-decoration:none;white-space:nowrap;overflow:hidden;&[data-variant=primary]{--vui-chip-background:var(--global-primary);--vui-chip-color:contrast-color(var(--global-primary))}&[data-variant=secondary]{--vui-chip-background:var(--global-contrast);--vui-chip-color:var(--base-6)}&[data-variant=outline]{--vui-chip-background:#0000;--vui-chip-border-color:oklab(from var(--global-contrast) l a b/0.2);--vui-chip-color:var(--base-6)}&[data-variant=gray]{--vui-chip-background:oklab(from currentColor l a b/var(--vui-chip-color-bg-opacity));--vui-chip-border-color:oklab(from currentColor l a b/var(--vui-chip-color-border-opacity));--vui-chip-color:var(--highlight-gray)}&[data-variant=slate]{--vui-chip-background:oklab(from currentColor l a b/var(--vui-chip-color-bg-opacity));--vui-chip-border-color:oklab(from currentColor l a b/var(--vui-chip-color-border-opacity));--vui-chip-color:var(--highlight-slate)}&[data-variant=yellow]{--vui-chip-background:oklab(from currentColor l a b/var(--vui-chip-color-bg-opacity));--vui-chip-border-color:oklab(from currentColor l a b/var(--vui-chip-color-border-opacity));--vui-chip-color:var(--highlight-yellow)}&[data-variant=green]{--vui-chip-background:oklab(from currentColor l a b/var(--vui-chip-color-bg-opacity));--vui-chip-border-color:oklab(from currentColor l a b/var(--vui-chip-color-border-opacity));--vui-chip-color:var(--highlight-green)}&[data-variant=blue]{--vui-chip-color:var(--highlight-blue)}&[data-variant=blue],&[data-variant=red]{--vui-chip-background:oklab(from currentColor l a b/var(--vui-chip-color-bg-opacity));--vui-chip-border-color:oklab(from currentColor l a b/var(--vui-chip-color-border-opacity))}&[data-variant=red]{--vui-chip-color:var(--highlight-red)}&[data-variant=cyan]{--vui-chip-background:oklab(from currentColor l a b/var(--vui-chip-color-bg-opacity));--vui-chip-border-color:oklab(from currentColor l a b/var(--vui-chip-color-border-opacity));--vui-chip-color:var(--highlight-cyan)}&[data-variant=purple]{--vui-chip-background:oklab(from currentColor l a b/var(--vui-chip-color-bg-opacity));--vui-chip-border-color:oklab(from currentColor l a b/var(--vui-chip-color-border-opacity));--vui-chip-color:var(--highlight-purple)}&[data-variant=indigo]{--vui-chip-background:oklab(from currentColor l a b/var(--vui-chip-color-bg-opacity));--vui-chip-border-color:oklab(from currentColor l a b/var(--vui-chip-color-border-opacity));--vui-chip-color:var(--highlight-indigo)}&[data-variant=acid]{--vui-chip-background:oklab(from currentColor l a b/var(--vui-chip-color-bg-opacity));--vui-chip-border-color:oklab(from currentColor l a b/var(--vui-chip-color-border-opacity));--vui-chip-color:var(--highlight-acid)}&[data-variant=salmon]{--vui-chip-background:oklab(from currentColor l a b/var(--vui-chip-color-bg-opacity));--vui-chip-border-color:oklab(from currentColor l a b/var(--vui-chip-color-border-opacity));--vui-chip-color:var(--highlight-salmon)}&[data-variant=magenta]{--vui-chip-background:oklab(from currentColor l a b/var(--vui-chip-color-bg-opacity));--vui-chip-border-color:oklab(from currentColor l a b/var(--vui-chip-color-border-opacity));--vui-chip-color:var(--highlight-magenta)}}.viraui__chip-module__Content_7mLuL{min-inline-size:0;min-block-size:100%}.viraui__chip-module__IconSlot_9N5vD{display:inline-grid;place-items:center;flex-shrink:0;>svg{inline-size:var(--vui-chip-icon-size);block-size:var(--vui-chip-icon-size)}}.viraui__chip-module__Label_Hdx7l{display:inline-block;min-inline-size:0;overflow:hidden;text-overflow:ellipsis}

package/dist/components/chip/chip.guide.json

@@ -22,5 +22,30 @@
     "Introducing custom size variants instead of the fixed compact height",
     "Re-adding a one-off destructive variant instead of using the red highlight color"
   ],
-  "related": ["Button", "Icon", "IconButton", "Stack", "Text"]
+  "related": ["Button", "Icon", "IconButton", "Stack", "Text"],
+  "properties": {
+    "css": {
+      "background": {
+        "description": "Chip fill; variant presets via data attributes."
+      },
+      "border-color": {
+        "description": "Chip border color."
+      },
+      "color": {
+        "description": "Chip label and icon color."
+      },
+      "height": {
+        "description": "Fixed chip block size."
+      },
+      "icon-size": {
+        "description": "Decorative addon icon size."
+      },
+      "color-bg-opacity": {
+        "description": "Highlight variant background opacity mix."
+      },
+      "color-border-opacity": {
+        "description": "Highlight variant border opacity mix."
+      }
+    }
+  }
 }

package/dist/components/clamp-text/clamp-text.css

@@ -1 +1 @@
-.viraui__clamp-text-module__ClampText_Whnkd{display:-webkit-box;-webkit-line-clamp:var(--clamp-text-rows,1);-webkit-box-orient:vertical;overflow:hidden;&[data-clamp-text-inline=true]{display:-webkit-inline-box}}
+.viraui__clamp-text-module__ClampText_Whnkd{display:-webkit-box;-webkit-line-clamp:var(--vui-clamp-text-rows,1);-webkit-box-orient:vertical;overflow:hidden;&[data-clamp-text-inline=true]{display:-webkit-inline-box}}

package/dist/components/clamp-text/clamp-text.guide.json

@@ -19,5 +19,19 @@
     "Using ClampText as a heading primitive without Title render",
     "Expecting children-driven sizing instead of rows"
   ],
-  "related": ["Text", "Title"]
+  "related": ["Text", "Title"],
+  "properties": {
+    "react": {
+      "rows": {
+        "description": "Sets how many lines of text remain visible before truncation.",
+        "refCss": "rows"
+      }
+    },
+    "css": {
+      "rows": {
+        "description": "WebKit line-clamp row count on the root.",
+        "refReact": "rows"
+      }
+    }
+  }
 }

package/dist/components/clamp-text/clamp-text.js

@@ -8,7 +8,7 @@ import { useMemo } from "react";
 //#region src/components/clamp-text/clamp-text.tsx
 var ClampText = ({ className, inline = false, ref, render, rows = 1, style, ...otherProps }) => {
 	const { componentProps, intrinsicAttributes } = extractIntrinsicViraProps(otherProps);
-	const dynamicStyle = useMemo(() => ({ "--clamp-text-rows": rows }), [rows]);
+	const dynamicStyle = useMemo(() => ({ "--vui-clamp-text-rows": rows }), [rows]);
 	return useRender({
 		defaultTagName: "span",
 		render,

package/dist/components/dialog/dialog-close.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import { Drawer } from "@base-ui/react";
 //#region src/components/dialog/dialog-close.tsx
-var DialogClose = ({ ref, ...props }) => /* @__PURE__ */ jsx(Drawer.Close, {
+var DialogClose = ({ ref, ...otherProps }) => /* @__PURE__ */ jsx(Drawer.Close, {
 	ref,
-	...props
+	...otherProps
 });
 //#endregion
 export { DialogClose };

package/dist/components/dialog/dialog-indent-background.js

@@ -3,8 +3,8 @@ import dialog_module_default from "./dialog.module.js";
 import { jsx } from "react/jsx-runtime";
 import { Drawer } from "@base-ui/react";
 //#region src/components/dialog/dialog-indent-background.tsx
-var DialogIndentBackground = ({ className, ...props }) => /* @__PURE__ */ jsx(Drawer.IndentBackground, {
-	...props,
+var DialogIndentBackground = ({ className, ...otherProps }) => /* @__PURE__ */ jsx(Drawer.IndentBackground, {
+	...otherProps,
 	className: clsx(dialog_module_default.IndentBackground, className)
 });
 //#endregion

package/dist/components/dialog/dialog-indent.js

@@ -3,8 +3,8 @@ import dialog_module_default from "./dialog.module.js";
 import { jsx } from "react/jsx-runtime";
 import { Drawer } from "@base-ui/react";
 //#region src/components/dialog/dialog-indent.tsx
-var DialogIndent = ({ className, ...props }) => /* @__PURE__ */ jsx(Drawer.Indent, {
-	...props,
+var DialogIndent = ({ className, ...otherProps }) => /* @__PURE__ */ jsx(Drawer.Indent, {
+	...otherProps,
 	className: clsx(dialog_module_default.Indent, className)
 });
 //#endregion

package/dist/components/dialog/dialog-sheet.js

@@ -19,7 +19,7 @@ var DialogSheet = ({ children, description, title, showCloseButton = false, fitC
 	className: dialog_module_default.Viewport,
 	children: /* @__PURE__ */ jsxs(Drawer.Popup, {
 		className: dialog_module_default.Popup,
-		style: { "--dialog-max-block-size": maxHeight },
+		style: { "--vui-dialog-max-block-size": maxHeight },
 		render: /* @__PURE__ */ jsx(Surface, {
 			border: "top",
 			render: /* @__PURE__ */ jsx(Stack, { hAlign: "center" }),

package/dist/components/dialog/dialog-trigger.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import { Drawer } from "@base-ui/react";
 //#region src/components/dialog/dialog-trigger.tsx
-var DialogTrigger = ({ ref, ...props }) => /* @__PURE__ */ jsx(Drawer.Trigger, {
+var DialogTrigger = ({ ref, ...otherProps }) => /* @__PURE__ */ jsx(Drawer.Trigger, {
 	ref,
-	...props
+	...otherProps
 });
 //#endregion
 export { DialogTrigger };

package/dist/components/dialog/dialog.css

@@ -1 +1 @@
-.viraui__dialog-module__Backdrop_xgFhs{position:fixed;inset:0;z-index:0;transition:opacity var(--duration-fast) var(--easing-standard);backdrop-filter:brightness(90%) blur(5px);opacity:1;&[data-ending-style],&[data-starting-style]{opacity:0}&[data-swiping]{opacity:calc(1 - var(--drawer-swipe-progress, 0));transition-duration:0s}@media (prefers-reduced-motion:reduce){transition:none}}.viraui__dialog-module__Viewport_kmZN1{position:fixed;inset:0;z-index:4;pointer-events:none;touch-action:none}.viraui__dialog-module__Popup_5qIyj{--bleed:var(--space-wide);--peek:var(--space-medium);--stack-step:0.05;--stack-progress:clamp(0,var(--drawer-swipe-progress,0),1);--stack-peek-offset:max(0px,calc((var(--nested-drawers, 0) - var(--stack-progress)) * var(--peek)));--stack-scale-base:max(0,calc(1 - var(--nested-drawers, 0) * var(--stack-step)));--stack-scale:clamp(0,calc(var(--stack-scale-base) + var(--stack-step) * var(--stack-progress)),1);--stack-shrink:calc(1 - var(--stack-scale));--stack-height:max(0px,calc(var(--drawer-frontmost-height, var(--drawer-height, 0px)) - var(--bleed)));--translate-y:calc(var(--drawer-snap-point-offset, 0px) + var(--drawer-swipe-movement-y, 0px) - var(--stack-peek-offset) - var(--stack-shrink) * var(--stack-height));max-block-size:var(--dialog-max-block-size,97dvh);outline:none;pointer-events:auto;touch-action:none;height:var(--drawer-height,auto);transform-origin:50% calc(100% - var(--bleed));transition:opacity var(--duration-fast) var(--easing-entrance),transform var(--duration-fast) var(--easing-entrance),height var(--duration-fast) var(--easing-entrance);transform:translateY(var(--translate-y)) scale(var(--stack-scale));&[data-nested-drawer-open]{height:calc(var(--stack-height) + var(--bleed));overflow:hidden}&[data-starting-style]{opacity:0}&[data-ending-style][data-swipe-direction=down],&[data-starting-style]{transform:translateY(100%)}&[data-nested-drawer-swiping],&[data-swiping]{transition-duration:0s}@media (prefers-reduced-motion:reduce){transition:none;&[data-ending-style][data-swipe-direction=down],&[data-starting-style]{opacity:1;transform:translateY(0)}}}.viraui__dialog-module__Handle_nd9SN{margin:0 auto}.viraui__dialog-module__HandleShape_mEg8R{inline-size:var(--space-x-small);block-size:var(--space-x-small);background-color:oklab(from var(--global-contrast) l a b/.3);border-radius:var(--radius-infinite)}.viraui__dialog-module__Header_WnBly{flex-shrink:0;touch-action:none;-webkit-user-select:none;user-select:none}.viraui__dialog-module__Body_9-UgN{min-block-size:0}.viraui__dialog-module__Content_r8lJc{min-block-size:0;overflow:auto;overscroll-behavior:contain;touch-action:auto;padding-block-end:calc(env(safe-area-inset-bottom) + var(--space-medium));transition:opacity var(--duration-fast) var(--easing-standard);@media (prefers-reduced-motion:reduce){transition:none}.viraui__dialog-module__Popup_5qIyj[data-nested-drawer-open] &{opacity:0}.viraui__dialog-module__Popup_5qIyj[data-nested-drawer-open][data-nested-drawer-swiping] &{opacity:1}}.viraui__dialog-module__CloseButton_U-B1r.viraui__dialog-module__CloseButton_U-B1r{position:absolute;top:1rem;right:1rem}.viraui__dialog-module__IndentBackground_OEfbh{position:absolute;inset:0}.viraui__dialog-module__Indent_qfiNW{--indent-radius:calc(1rem * (1 - var(--drawer-swipe-progress)));--indent-transition:calc(1 - clamp(0, calc(var(--drawer-swipe-progress) * 100000), 1));transition:transform .4s cubic-bezier(.32,.72,0,1),border-radius .25s cubic-bezier(.32,.72,0,1);transition-duration:calc(.4s * var(--indent-transition)),calc(.25s * var(--indent-transition));transform-origin:center top;will-change:transform;&[data-active]{transform:scale(calc(.98 + (.02 * var(--drawer-swipe-progress)))) translateY(calc(.5rem * (1 - var(--drawer-swipe-progress))));border-top-left-radius:var(--indent-radius);border-top-right-radius:var(--indent-radius)}}
+.viraui__dialog-module__Backdrop_xgFhs{position:fixed;inset:0;z-index:0;transition:opacity var(--duration-fast) var(--easing-standard);backdrop-filter:brightness(90%) blur(5px);opacity:1;&[data-ending-style],&[data-starting-style]{opacity:0}&[data-swiping]{opacity:calc(1 - var(--drawer-swipe-progress, 0));transition-duration:0s}@media (prefers-reduced-motion:reduce){transition:none}}.viraui__dialog-module__Viewport_kmZN1{position:fixed;inset:0;z-index:4;pointer-events:none;touch-action:none}.viraui__dialog-module__Popup_5qIyj{--bleed:var(--space-wide);--peek:var(--space-medium);--stack-step:0.05;--stack-progress:clamp(0,var(--drawer-swipe-progress,0),1);--stack-peek-offset:max(0px,calc((var(--nested-drawers, 0) - var(--stack-progress)) * var(--peek)));--stack-scale-base:max(0,calc(1 - var(--nested-drawers, 0) * var(--stack-step)));--stack-scale:clamp(0,calc(var(--stack-scale-base) + var(--stack-step) * var(--stack-progress)),1);--stack-shrink:calc(1 - var(--stack-scale));--stack-height:max(0px,calc(var(--drawer-frontmost-height, var(--drawer-height, 0px)) - var(--bleed)));--translate-y:calc(var(--drawer-snap-point-offset, 0px) + var(--drawer-swipe-movement-y, 0px) - var(--stack-peek-offset) - var(--stack-shrink) * var(--stack-height));max-block-size:var(--vui-dialog-max-block-size,97dvh);outline:none;pointer-events:auto;touch-action:none;height:var(--drawer-height,auto);transform-origin:50% calc(100% - var(--bleed));transition:opacity var(--duration-fast) var(--easing-entrance),transform var(--duration-fast) var(--easing-entrance),height var(--duration-fast) var(--easing-entrance);transform:translateY(var(--translate-y)) scale(var(--stack-scale));&[data-nested-drawer-open]{height:calc(var(--stack-height) + var(--bleed));overflow:hidden}&[data-starting-style]{opacity:0}&[data-ending-style][data-swipe-direction=down],&[data-starting-style]{transform:translateY(100%)}&[data-nested-drawer-swiping],&[data-swiping]{transition-duration:0s}@media (prefers-reduced-motion:reduce){transition:none;&[data-ending-style][data-swipe-direction=down],&[data-starting-style]{opacity:1;transform:translateY(0)}}}.viraui__dialog-module__Handle_nd9SN{margin:0 auto}.viraui__dialog-module__HandleShape_mEg8R{inline-size:var(--space-x-small);block-size:var(--space-x-small);background-color:oklab(from var(--global-contrast) l a b/.3);border-radius:var(--radius-infinite)}.viraui__dialog-module__Header_WnBly{flex-shrink:0;touch-action:none;-webkit-user-select:none;user-select:none}.viraui__dialog-module__Body_9-UgN{min-block-size:0}.viraui__dialog-module__Content_r8lJc{min-block-size:0;overflow:auto;overscroll-behavior:contain;touch-action:auto;padding-block-end:calc(env(safe-area-inset-bottom) + var(--space-medium));transition:opacity var(--duration-fast) var(--easing-standard);@media (prefers-reduced-motion:reduce){transition:none}.viraui__dialog-module__Popup_5qIyj[data-nested-drawer-open] &{opacity:0}.viraui__dialog-module__Popup_5qIyj[data-nested-drawer-open][data-nested-drawer-swiping] &{opacity:1}}.viraui__dialog-module__CloseButton_U-B1r.viraui__dialog-module__CloseButton_U-B1r{position:absolute;top:1rem;right:1rem}.viraui__dialog-module__IndentBackground_OEfbh{position:absolute;inset:0}.viraui__dialog-module__Indent_qfiNW{--indent-radius:calc(1rem * (1 - var(--drawer-swipe-progress)));--indent-transition:calc(1 - clamp(0, calc(var(--drawer-swipe-progress) * 100000), 1));transition:transform .4s cubic-bezier(.32,.72,0,1),border-radius .25s cubic-bezier(.32,.72,0,1);transition-duration:calc(.4s * var(--indent-transition)),calc(.25s * var(--indent-transition));transform-origin:center top;will-change:transform;&[data-active]{transform:scale(calc(.98 + (.02 * var(--drawer-swipe-progress)))) translateY(calc(.5rem * (1 - var(--drawer-swipe-progress))));border-top-left-radius:var(--indent-radius);border-top-right-radius:var(--indent-radius)}}

package/dist/components/dialog/dialog.d.ts

@@ -10,19 +10,20 @@ import type * as React from 'react';
  *
  * Groups `Dialog.Trigger`, `Dialog.Sheet`, `Dialog.Close`, `Dialog.Provider`,
  * `Dialog.Indent`, and `Dialog.IndentBackground` under Base UI Drawer parts.
+ * Portal, backdrop, viewport, popup, title, description, and content parts are
+ * internal to `Dialog.Sheet` and are not exposed on `Dialog`.
  *
  * @default Base UI pass-through props keep upstream defaults.
  */
 export type DialogProps = DrawerRoot.Props;
 export type DialogSnapPoint = DrawerRoot.SnapPoint;
 export type DialogProviderProps = DrawerProvider.Props;
-type DialogComponent = React.FC<DialogProps> & {
-    Trigger: React.FC<DialogTriggerProps>;
+type DialogComponent = React.FC<DialogProps> & Omit<typeof PrimitiveDrawer, 'Portal' | 'Backdrop' | 'Viewport' | 'Popup' | 'Title' | 'Description' | 'Content' | 'SwipeArea' | 'VirtualKeyboardProvider' | 'createHandle' | 'Handle' | 'Root'> & {
     Sheet: React.FC<DialogSheetProps>;
-    Close: React.FC<DialogCloseProps>;
-    Provider: typeof PrimitiveDrawer.Provider;
     Indent: React.FC<DialogIndentProps>;
     IndentBackground: React.FC<DialogIndentBackgroundProps>;
+    Trigger: React.FC<DialogTriggerProps>;
+    Close: React.FC<DialogCloseProps>;
 };
 export declare const Dialog: DialogComponent;
 export {};

package/dist/components/dialog/dialog.guide.json

@@ -23,5 +23,19 @@
     "Relying only on backdrop press or swipe when a footer action is the primary close path",
     "Using Dialog when a centered non-gesture modal is enough and a future Dialog primitive is available"
   ],
-  "related": ["Surface", "Button", "IconButton", "Stack", "Elevator"]
+  "related": ["Surface", "Button", "IconButton", "Stack", "Elevator"],
+  "properties": {
+    "react": {
+      "Sheet.maxHeight": {
+        "description": "Maximum block size of the sheet panel.",
+        "refCss": "max-block-size"
+      }
+    },
+    "css": {
+      "max-block-size": {
+        "description": "Max block size of Dialog.Sheet popup root.",
+        "refReact": "Sheet.maxHeight"
+      }
+    }
+  }
 }

package/dist/components/dialog/dialog.js

@@ -7,15 +7,16 @@ import { DialogTrigger } from "./dialog-trigger.js";
 import { jsx } from "react/jsx-runtime";
 import { Drawer } from "@base-ui/react";
 //#region src/components/dialog/dialog.tsx
-var DialogRootComponent = ({ children, ...props }) => /* @__PURE__ */ jsx(Drawer.Root, {
-	...props,
+var { Portal: _DialogPortal, Backdrop: _DialogBackdrop, Viewport: _DialogViewport, Popup: _DialogPopup, Title: _DialogTitle, Description: _DialogDescription, Content: _DialogContent, SwipeArea: _DialogSwipeArea, VirtualKeyboardProvider: _DialogVirtualKeyboardProvider, createHandle: _DialogCreateHandle, Handle: _DialogHandle, Root: _DialogRoot, ...primitiveDrawer } = Drawer;
+var DialogRootComponent = ({ children, ...otherProps }) => /* @__PURE__ */ jsx(Drawer.Root, {
+	...otherProps,
 	children
 });
 var Dialog = Object.assign(DialogRootComponent, {
+	...primitiveDrawer,
 	Trigger: DialogTrigger,
 	Sheet: DialogSheet,
 	Close: DialogClose,
-	Provider: Drawer.Provider,
 	Indent: DialogIndent,
 	IndentBackground: DialogIndentBackground
 });

package/dist/components/icon-button/icon-button.js

@@ -1,10 +1,10 @@
 import { Button } from "../button/button.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/icon-button/icon-button.tsx
-var IconButton = ({ icon, size = "medium", ...props }) => /* @__PURE__ */ jsx(Button, {
+var IconButton = ({ icon, size = "medium", ...otherProps }) => /* @__PURE__ */ jsx(Button, {
 	addon: icon,
 	size,
-	...props
+	...otherProps
 });
 //#endregion
 export { IconButton };

package/dist/components/index.d.ts

@@ -1,5 +1,8 @@
+export * from './accordion';
 export * from './avatar';
 export * from './avatar-group';
+export * from './accordion';
+export * from './bleed';
 export * from './chip';
 export * from './dialog';
 export * from './clamp-text';
@@ -7,7 +10,9 @@ export * from './elevator';
 export * from './button';
 export * from './icon-button';
 export * from './linear-progress';
+export * from './meter';
 export * from './masonry';
+export * from './popover';
 export * from './textfield';
 export * from './textarea';
 export * from './slider';

package/dist/components/linear-progress/linear-progress.css

@@ -1 +1 @@
-.viraui__linear-progress-module__LinearProgress_-KN0j{--linear-progress-track-size:var(--space-x-small);--linear-progress-track-background:var(--global-contrast);--linear-progress-indicator-color:var(--global-primary);& .viraui__linear-progress-module__Track_qUz8P{position:relative;overflow:hidden;block-size:var(--linear-progress-track-size);background:var(--linear-progress-track-background);border-radius:var(--radius-infinite)}& .viraui__linear-progress-module__Indicator_maaZF{block-size:100%;background:var(--linear-progress-indicator-color);border-radius:inherit;&[data-indeterminate]{position:absolute;inset:0;inline-size:100%;background:#0000;&:before{position:absolute;inset-block:0;inline-size:40%;background:var(--linear-progress-indicator-color);border-radius:inherit;animation:viraui__linear-progress-module__linear-progress-indeterminate_g0cSO 1.4s var(--easing-standard) infinite;content:""}}}}@keyframes viraui__linear-progress-module__linear-progress-indeterminate_g0cSO{0%{transform:translateX(-120%)}to{transform:translateX(260%)}}
+.viraui__linear-progress-module__LinearProgress_-KN0j{--vui-linear-progress-track-size:var(--space-x-small);--vui-linear-progress-track-background:var(--global-contrast);--vui-linear-progress-indicator-color:var(--global-primary);& .viraui__linear-progress-module__Track_qUz8P{position:relative;overflow:hidden;block-size:var(--vui-linear-progress-track-size);background:var(--vui-linear-progress-track-background);border-radius:var(--radius-infinite)}& .viraui__linear-progress-module__Indicator_maaZF{block-size:100%;background:var(--vui-linear-progress-indicator-color);border-radius:inherit;&[data-indeterminate]{position:absolute;inset:0;inline-size:100%;background:#0000;&:before{position:absolute;inset-block:0;inline-size:40%;background:var(--vui-linear-progress-indicator-color);border-radius:inherit;animation:viraui__linear-progress-module__linear-progress-indeterminate_g0cSO 1.4s var(--easing-standard) infinite;content:""}}}}@keyframes viraui__linear-progress-module__linear-progress-indeterminate_g0cSO{0%{transform:translateX(-120%)}to{transform:translateX(260%)}}

package/dist/components/linear-progress/linear-progress.guide.json

@@ -23,5 +23,18 @@
     "Do not model disabled progress; Base UI Progress does not expose a disabled state.",
     "Do not hide the task label when multiple progress indicators are visible."
   ],
-  "related": ["Slider", "Spinner", "Skeleton", "Text"]
+  "related": ["Slider", "Spinner", "Skeleton", "Text"],
+  "properties": {
+    "css": {
+      "track-size": {
+        "description": "Progress track thickness on the root."
+      },
+      "track-background": {
+        "description": "Progress track background color."
+      },
+      "indicator-color": {
+        "description": "Determinate progress indicator color."
+      }
+    }
+  }
 }

package/dist/components/masonry/masonry.css

@@ -1 +1 @@
-.viraui__masonry-module__Masonry_l7c8U{--masonry-gap:var(--space-large);--masonry-column-fill:balance;--masonry-column-rule-color:var(--global-contrast);display:block;column-gap:var(--masonry-gap);column-fill:var(--masonry-column-fill);column-rule-color:var(--masonry-column-rule-color);columns:var(--masonry-column-width,auto) var(--masonry-column-count,auto)}.viraui__masonry-module__Item_ywXwo{display:block;break-inside:avoid;margin:0;padding-block-end:var(--masonry-gap);&[data-masonry-item-span-all=true]{column-span:all}}
+.viraui__masonry-module__Masonry_l7c8U{--vui-masonry-gap:var(--space-large);--vui-masonry-column-fill:balance;--vui-masonry-column-rule-color:var(--global-contrast);display:block;column-gap:var(--vui-masonry-gap);column-fill:var(--vui-masonry-column-fill);column-rule-color:var(--vui-masonry-column-rule-color);columns:var(--vui-masonry-column-width,auto) var(--vui-masonry-column-count,auto)}.viraui__masonry-module__Item_ywXwo{display:block;break-inside:avoid;margin:0;padding-block-end:var(--vui-masonry-gap);&[data-masonry-item-span-all=true]{column-span:all}}

package/dist/components/masonry/masonry.guide.json

@@ -20,5 +20,46 @@
     "Treating CSS columns as a true interactive grid with predictable left-to-right keyboard traversal",
     "Using arbitrary child margins instead of the component gap contract for item spacing"
   ],
-  "related": ["Stack", "Surface", "Text"]
+  "related": ["Stack", "Surface", "Text"],
+  "properties": {
+    "react": {
+      "gap": {
+        "description": "Gap between columns and block-end spacing on each item.",
+        "refCss": "gap"
+      },
+      "columnFill": {
+        "description": "How the browser balances content across columns.",
+        "refCss": "column-fill"
+      },
+      "columnWidth": {
+        "description": "CSS column-width override; takes precedence over columnCount.",
+        "refCss": "column-width"
+      },
+      "columnCount": {
+        "description": "CSS column-count when columnWidth is not set.",
+        "refCss": "column-count"
+      }
+    },
+    "css": {
+      "gap": {
+        "description": "Column gap and item block-end spacing.",
+        "refReact": "gap"
+      },
+      "column-fill": {
+        "description": "Column-fill algorithm on the root.",
+        "refReact": "columnFill"
+      },
+      "column-width": {
+        "description": "Width-based multi-column layout.",
+        "refReact": "columnWidth"
+      },
+      "column-count": {
+        "description": "Count-based multi-column layout.",
+        "refReact": "columnCount"
+      },
+      "column-rule-color": {
+        "description": "Color of the column rule between columns."
+      }
+    }
+  }
 }

package/dist/components/masonry/masonry.js

@@ -10,9 +10,9 @@ var MasonryRoot = ({ children, className, columnCount = 4, columnFill = "balance
 	const { componentProps, intrinsicAttributes } = extractIntrinsicViraProps(otherProps);
 	const usesColumnWidth = columnWidth !== void 0;
 	const dynamicStyle = {
-		"--masonry-gap": resolveThemeValue(gap, "space", "var(--space-large)"),
-		"--masonry-column-fill": columnFill,
-		...usesColumnWidth ? { "--masonry-column-width": columnWidth } : { "--masonry-column-count": `${columnCount}` },
+		"--vui-masonry-gap": resolveThemeValue(gap, "space", "var(--space-large)"),
+		"--vui-masonry-column-fill": columnFill,
+		...usesColumnWidth ? { "--vui-masonry-column-width": columnWidth } : { "--vui-masonry-column-count": `${columnCount}` },
 		columnRuleWidth,
 		columnRuleStyle,
 		...style

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

@@ -0,0 +1,2 @@
+export { Meter } from './meter';
+export type { MeterProps } from './meter';

package/dist/components/meter/meter.css

@@ -0,0 +1 @@
+.viraui__meter-module__Meter_YRI7d{--vui-meter-track-size:var(--space-x-small);--vui-meter-track-background:var(--global-contrast);--vui-meter-indicator-color:var(--global-primary);& .viraui__meter-module__Track_uF9wy{position:relative;overflow:hidden;block-size:var(--vui-meter-track-size);background:var(--vui-meter-track-background);border-radius:var(--radius-infinite)}& .viraui__meter-module__Indicator_dNjqU{block-size:100%;background:var(--vui-meter-indicator-color);border-radius:inherit}}

package/dist/components/meter/meter.d.ts

@@ -0,0 +1,44 @@
+import { MeterRoot } from '@base-ui/react';
+import { IntrinsicViraProps } from '../../core/props/intrinsic-vira-props';
+import type * as React from 'react';
+/**
+ * Public Meter props.
+ *
+ * Includes Base UI meter root props such as `value`, `min`, `max`, `format`,
+ * and `getAriaValueText`, plus optional label, description, and value display.
+ *
+ * @default Base UI pass-through props keep upstream defaults.
+ */
+export type MeterProps = MeterRoot.Props & {
+    /**
+     * Adds `data-grow="false"` to the meter root when false.
+     *
+     * @default The meter root does not render a grow attribute.
+     */
+    grow?: IntrinsicViraProps['grow'];
+    /**
+     * Adds `data-shrink="false"` to the meter root when false.
+     *
+     * @default The meter root does not render a shrink attribute.
+     */
+    shrink?: IntrinsicViraProps['shrink'];
+    /**
+     * Visible label rendered through `Meter.Label` with shared internal `FieldLabel`.
+     *
+     * @default No label is rendered.
+     */
+    label?: React.ReactNode;
+    /**
+     * Static helper copy rendered with `Text` below the meter track.
+     *
+     * @default No description is rendered.
+     */
+    description?: React.ReactNode;
+    /**
+     * Renders the formatted current value via `Meter.Value` and `Text`.
+     *
+     * @default false
+     */
+    showValue?: boolean;
+};
+export declare const Meter: React.FC<MeterProps>;

package/dist/components/meter/meter.guide.json

@@ -0,0 +1,39 @@
+{
+  "name": "Meter",
+  "summary": "Shows a determinate metric in a compact horizontal track for static capacity, level, or score values.",
+  "whenToUse": [
+    "Use for storage usage, battery level, capacity, or score within a known range.",
+    "Use with a label when the metric needs a visible name.",
+    "Use with `showValue` when the formatted value should appear beside the label."
+  ],
+  "whenNotToUse": [
+    "Use LinearProgress for in-progress tasks or indeterminate work.",
+    "Use Slider when the user needs to choose or adjust a value.",
+    "Use Spinner for a small standalone loading affordance without metric context."
+  ],
+  "accessibility": [
+    "Provide a visible `label` or an accessible name through `aria-label` / `aria-labelledby` when the metric is not otherwise clear.",
+    "Keep `value` numeric and within `min` / `max` for accurate `aria-valuenow` semantics.",
+    "Use `description` for supplementary context that should not replace the accessible name."
+  ],
+  "antiPatterns": [
+    "Do not use Meter as an interactive value control.",
+    "Do not use Meter for indeterminate or in-progress work.",
+    "Do not hide the metric label when multiple meters are visible.",
+    "Do not model invalid or disabled meter state; Base UI Meter does not expose those states."
+  ],
+  "related": ["LinearProgress", "Slider", "Text"],
+  "properties": {
+    "css": {
+      "track-size": {
+        "description": "Meter track thickness on the root."
+      },
+      "track-background": {
+        "description": "Meter track background color."
+      },
+      "indicator-color": {
+        "description": "Determinate meter indicator color."
+      }
+    }
+  }
+}

package/dist/components/meter/meter.js

@@ -0,0 +1,59 @@
+import './meter.css';
+import { clsx } from "../../core/clsx.js";
+import { extractIntrinsicViraProps } from "../../core/props/intrinsic-vira-props.js";
+import { Stack } from "../stack/stack.js";
+import { Text } from "../text/text.js";
+import { FieldLabel } from "../basic-input/field-label.js";
+import meter_module_default from "./meter.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Meter } from "@base-ui/react";
+//#region src/components/meter/meter.tsx
+var Meter$1 = ({ className, description, label, showValue = false, value, ...otherProps }) => {
+	const { componentProps, intrinsicAttributes } = extractIntrinsicViraProps(otherProps);
+	return /* @__PURE__ */ jsxs(Meter.Root, {
+		...componentProps,
+		...intrinsicAttributes,
+		className: clsx(meter_module_default.Meter, className),
+		value,
+		render: /* @__PURE__ */ jsx(Stack, {
+			direction: "column",
+			fillChildren: false,
+			rowGap: "small",
+			columnGap: "x-small"
+		}),
+		children: [
+			(label || showValue) && /* @__PURE__ */ jsxs(Stack, {
+				direction: "row",
+				fillChildren: false,
+				columnGap: "small",
+				vAlign: "center",
+				hAlign: "space-between",
+				children: [label && /* @__PURE__ */ jsx(Meter.Label, {
+					render: /* @__PURE__ */ jsx(FieldLabel, {}),
+					children: label
+				}), showValue && /* @__PURE__ */ jsx(Text, {
+					size: "small",
+					tone: "muted",
+					family: "mono",
+					whiteSpace: "nowrap",
+					selection: false,
+					align: "end",
+					shrink: false,
+					render: /* @__PURE__ */ jsx(Meter.Value, { render: /* @__PURE__ */ jsx("output", {}) })
+				})]
+			}),
+			/* @__PURE__ */ jsx(Meter.Track, {
+				className: meter_module_default.Track,
+				children: /* @__PURE__ */ jsx(Meter.Indicator, { className: meter_module_default.Indicator })
+			}),
+			description && /* @__PURE__ */ jsx(Text, {
+				className: meter_module_default.Description,
+				size: "small",
+				tone: "muted",
+				children: description
+			})
+		]
+	});
+};
+//#endregion
+export { Meter$1 as Meter };

package/dist/components/meter/meter.module.js

@@ -0,0 +1,7 @@
+var meter_module_default = {
+	Meter: "viraui__meter-module__Meter_YRI7d",
+	Track: "viraui__meter-module__Track_uF9wy",
+	Indicator: "viraui__meter-module__Indicator_dNjqU"
+};
+//#endregion
+export { meter_module_default as default };

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

@@ -0,0 +1,4 @@
+export { Popover, PopoverClose, PopoverDescription, PopoverTitle, PopoverTrigger } from './popover';
+export type { PopoverCloseProps, PopoverDescriptionProps, PopoverProps, PopoverTitleProps, PopoverTriggerProps, } from './popover';
+export { PopoverSheet } from './popover-sheet';
+export type { PopoverSheetProps } from './popover-sheet';

package/dist/components/popover/popover-sheet.d.ts

@@ -0,0 +1,65 @@
+import { PopoverPositioner } from '@base-ui/react/popover';
+import { StackProps } from '..';
+import type * as React from 'react';
+type PopoverSheetPositionerProps = Omit<PopoverPositioner.Props, 'className' | 'style' | 'render'>;
+type PopoverSheetStyledProps = PopoverSheetPositionerProps & {
+    /**
+     * Whether to skip the built-in Surface, header, and close chrome and render
+     * only the positioning/animation shell (Portal + Positioner + Popup + Viewport).
+     *
+     * @default false
+     */
+    unstyled?: false;
+    /**
+     * Accessible popover title rendered as the popup heading.
+     */
+    title: React.ReactNode;
+    /**
+     * Supporting copy announced with the title.
+     *
+     * @default No description is rendered.
+     */
+    description?: React.ReactNode;
+    /**
+     * Whether to show the built-in flat IconButton close control.
+     *
+     * @default false
+     */
+    showCloseButton?: boolean;
+    /**
+     * Aligns the header content.
+     *
+     * @default `start`
+     */
+    headerAlign?: Extract<StackProps['hAlign'], 'start' | 'center' | 'end'>;
+};
+type PopoverSheetUnstyledProps = PopoverSheetPositionerProps & {
+    /**
+     * Renders only the positioning/animation shell; compose `Popover.Title`,
+     * `Popover.Description`, and any chrome inside `children`.
+     */
+    unstyled: true;
+    title?: never;
+    description?: never;
+    showCloseButton?: never;
+    headerAlign?: never;
+};
+/**
+ * Public Popover.Sheet props.
+ *
+ * Encapsulates Portal + Positioner + Popup + Viewport + Title + Description +
+ * optional body `children`. Positioning props forward to the Positioner; `sideOffset`
+ * defaults to `8`. Always renders the internal Viewport so multi-trigger content
+ * animations work by default. Compose `Popover.Close` inside `children` when a
+ * close control is needed, or set `showCloseButton` for the built-in flat IconButton.
+ *
+ * With `unstyled`, the built-in Surface, header, and close chrome are skipped and
+ * `children` render directly inside the Viewport; the consumer owns the popup markup
+ * and must compose `Popover.Title` (and `Popover.Description` when needed) for
+ * accessible naming.
+ *
+ * @default `sideOffset` is `8`; no description, no close button, styled chrome.
+ */
+export type PopoverSheetProps = PopoverSheetStyledProps | PopoverSheetUnstyledProps;
+export declare const PopoverSheet: React.FC<PopoverSheetProps>;
+export {};