@viraui/react 0.0.26 → 0.0.27

package/dist/catalog.json

@@ -20,36 +20,42 @@
       "summary": "Overlapping avatar stack with shared sizing, directional layout, and an optional overflow pill.",
       "guidePath": "./components/avatar-group/avatar-group.guide.json"
     },
-    {
-      "id": "accordion",
-      "name": "Accordion",
-      "summary": "Collapsible sections grouped into open/closed blocks with optional Surface wrapping, shared corner radius, and background on open items.",
-      "guidePath": "./components/accordion/accordion.guide.json"
-    },
     {
       "id": "bleed",
       "name": "Bleed",
       "summary": "Layout utility that pulls content past inline padding using negative margins or full viewport bleed.",
       "guidePath": "./components/bleed/bleed.guide.json"
     },
+    {
+      "id": "button",
+      "name": "Button",
+      "summary": "Primary action control with size, variant, optional addon, optional pill shape, and loading state.",
+      "guidePath": "./components/button/button.guide.json"
+    },
+    {
+      "id": "checkbox",
+      "name": "Checkbox",
+      "summary": "Field.Item checkbox option for standalone fields or CheckboxGroup children.",
+      "guidePath": "./components/checkbox/checkbox.guide.json"
+    },
     {
       "id": "chip",
       "name": "Chip",
       "summary": "Compact visual label primitive for short status, category, or metadata treatments.",
       "guidePath": "./components/chip/chip.guide.json"
     },
-    {
-      "id": "dialog",
-      "name": "Dialog",
-      "summary": "Compound drawer sheet with `Dialog.Trigger`, `Dialog.Sheet`, `Dialog.Close`, and Base UI pass-through `Dialog.Provider`, `Dialog.Indent`, and `Dialog.IndentBackground` for app-shell indent effects.",
-      "guidePath": "./components/dialog/dialog.guide.json"
-    },
     {
       "id": "clamp-text",
       "name": "ClampText",
       "summary": "Presentational utility that truncates overflowing copy to a fixed line count.",
       "guidePath": "./components/clamp-text/clamp-text.guide.json"
     },
+    {
+      "id": "dialog",
+      "name": "Dialog",
+      "summary": "Compound drawer sheet with `Dialog.Trigger`, `Dialog.Sheet`, `Dialog.Close`, and Base UI pass-through `Dialog.Provider`, `Dialog.Indent`, and `Dialog.IndentBackground` for app-shell indent effects.",
+      "guidePath": "./components/dialog/dialog.guide.json"
+    },
     {
       "id": "elevator",
       "name": "Elevator",
@@ -57,10 +63,16 @@
       "guidePath": "./components/elevator/elevator.guide.json"
     },
     {
-      "id": "button",
-      "name": "Button",
-      "summary": "Primary action control with size, variant, optional addon, optional pill shape, and loading state.",
-      "guidePath": "./components/button/button.guide.json"
+      "id": "fieldset",
+      "name": "Fieldset",
+      "summary": "Semantic field grouping with shared legend and optional group helper copy.",
+      "guidePath": "./components/fieldset/fieldset.guide.json"
+    },
+    {
+      "id": "icon",
+      "name": "Icon",
+      "summary": "Decorative Vira SVG icon selected by name and variant.",
+      "guidePath": "./components/icon/icon.guide.json"
     },
     {
       "id": "icon-button",
@@ -74,18 +86,18 @@
       "summary": "Shows determinate or indeterminate progress for a task in a compact horizontal track.",
       "guidePath": "./components/linear-progress/linear-progress.guide.json"
     },
-    {
-      "id": "meter",
-      "name": "Meter",
-      "summary": "Shows a determinate metric in a compact horizontal track for static capacity, level, or score values.",
-      "guidePath": "./components/meter/meter.guide.json"
-    },
     {
       "id": "masonry",
       "name": "Masonry",
       "summary": "Multi-column layout primitive for read-only mixed-height content walls.",
       "guidePath": "./components/masonry/masonry.guide.json"
     },
+    {
+      "id": "meter",
+      "name": "Meter",
+      "summary": "Shows a determinate metric in a compact horizontal track for static capacity, level, or score values.",
+      "guidePath": "./components/meter/meter.guide.json"
+    },
     {
       "id": "popover",
       "name": "Popover",
@@ -93,40 +105,10 @@
       "guidePath": "./components/popover/popover.guide.json"
     },
     {
-      "id": "textfield",
-      "name": "Textfield",
-      "summary": "Single-line field input with control-group chrome and optional addons.",
-      "guidePath": "./components/textfield/textfield.guide.json"
-    },
-    {
-      "id": "textarea",
-      "name": "Textarea",
-      "summary": "Multi-line field control with shared field copy and optional resize.",
-      "guidePath": "./components/textarea/textarea.guide.json"
-    },
-    {
-      "id": "slider",
-      "name": "Slider",
-      "summary": "Field-wrapped range input supporting single-thumb or two-thumb range selection.",
-      "guidePath": "./components/slider/slider.guide.json"
-    },
-    {
-      "id": "switch",
-      "name": "Switch",
-      "summary": "Field-wrapped toggle control with regular or small track and optional field copy.",
-      "guidePath": "./components/switch/switch.guide.json"
-    },
-    {
-      "id": "checkbox",
-      "name": "Checkbox",
-      "summary": "Field.Item checkbox option for standalone fields or CheckboxGroup children.",
-      "guidePath": "./components/checkbox/checkbox.guide.json"
-    },
-    {
-      "id": "fieldset",
-      "name": "Fieldset",
-      "summary": "Semantic field grouping with shared legend and optional group helper copy.",
-      "guidePath": "./components/fieldset/fieldset.guide.json"
+      "id": "progressive-blur",
+      "name": "ProgressiveBlur",
+      "summary": "Decorative stacked backdrop-filter overlay that ramps blur from one edge toward the opposite edge.",
+      "guidePath": "./components/progressive-blur/progressive-blur.guide.json"
     },
     {
       "id": "radio",
@@ -152,36 +134,78 @@
       "summary": "Decorative inline text shimmer that inherits typography and color from a parent text primitive.",
       "guidePath": "./components/shimmer/shimmer.guide.json"
     },
-    {
-      "id": "icon",
-      "name": "Icon",
-      "summary": "Decorative Vira SVG icon selected by name and variant.",
-      "guidePath": "./components/icon/icon.guide.json"
-    },
     {
       "id": "skeleton",
       "name": "Skeleton",
       "summary": "Decorative loading placeholder sized by props, not children.",
       "guidePath": "./components/skeleton/skeleton.guide.json"
     },
+    {
+      "id": "slider",
+      "name": "Slider",
+      "summary": "Field-wrapped range input supporting single-thumb or two-thumb range selection.",
+      "guidePath": "./components/slider/slider.guide.json"
+    },
+    {
+      "id": "spinner",
+      "name": "Spinner",
+      "summary": "Decorative SVG pulsing loading indicator used inside interactive components.",
+      "guidePath": "./components/spinner/spinner.guide.json"
+    },
     {
       "id": "stack",
       "name": "Stack",
       "summary": "Flex layout primitive for arranging children with token spacing, alignment, and padding; root is a named CSS container query context (`stack`).",
       "guidePath": "./components/stack/stack.guide.json"
     },
+    {
+      "id": "static-noise",
+      "name": "StaticNoise",
+      "summary": "Decorative SVG turbulence noise overlay for textured surfaces and hero sections.",
+      "guidePath": "./components/static-noise/static-noise.guide.json"
+    },
     {
       "id": "surface",
       "name": "Surface",
       "summary": "Presentational container with token background, optional border, radius, and padding; nested surfaces use radius=\"auto\" for concentric corners; root is a named CSS container query context (`surface`).",
       "guidePath": "./components/surface/surface.guide.json"
     },
+    {
+      "id": "switch",
+      "name": "Switch",
+      "summary": "Field-wrapped toggle control with regular or small track and optional field copy.",
+      "guidePath": "./components/switch/switch.guide.json"
+    },
     {
       "id": "tabs",
       "name": "Tabs",
       "summary": "Compound segmented tab control with Surface list chrome, moving indicator, and animated panels.",
       "guidePath": "./components/tabs/tabs.guide.json"
     },
+    {
+      "id": "text",
+      "name": "Text",
+      "summary": "Theme-aware body-copy primitive with tone, family, and responsive body sizing.",
+      "guidePath": "./components/text/text.guide.json"
+    },
+    {
+      "id": "textarea",
+      "name": "Textarea",
+      "summary": "Multi-line field control with shared field copy and optional resize.",
+      "guidePath": "./components/textarea/textarea.guide.json"
+    },
+    {
+      "id": "textfield",
+      "name": "Textfield",
+      "summary": "Single-line field input with control-group chrome and optional addons.",
+      "guidePath": "./components/textfield/textfield.guide.json"
+    },
+    {
+      "id": "title",
+      "name": "Title",
+      "summary": "Theme-aware heading and display typography primitive.",
+      "guidePath": "./components/title/title.guide.json"
+    },
     {
       "id": "toast",
       "name": "Toast",
@@ -189,34 +213,28 @@
       "guidePath": "./components/toast/toast.guide.json"
     },
     {
-      "id": "spinner",
-      "name": "Spinner",
-      "summary": "Decorative SVG pulsing loading indicator used inside interactive components.",
-      "guidePath": "./components/spinner/spinner.guide.json"
-    },
-    {
-      "id": "static-noise",
-      "name": "StaticNoise",
-      "summary": "Decorative SVG turbulence noise overlay for textured surfaces and hero sections.",
-      "guidePath": "./components/static-noise/static-noise.guide.json"
+      "id": "toggle-button",
+      "name": "ToggleButton",
+      "summary": "Icon-only two-state toggle that swaps resting and optional pressed icons on Base UI Toggle state.",
+      "guidePath": "./components/toggle-button/toggle-button.guide.json"
     },
     {
-      "id": "progressive-blur",
-      "name": "ProgressiveBlur",
-      "summary": "Decorative stacked backdrop-filter overlay that ramps blur from one edge toward the opposite edge.",
-      "guidePath": "./components/progressive-blur/progressive-blur.guide.json"
+      "id": "toggle-group",
+      "name": "ToggleGroup",
+      "summary": "Toolbar toggle set with shared selection state and default Stack spacing on Base UI ToggleGroup.",
+      "guidePath": "./components/toggle-group/toggle-group.guide.json"
     },
     {
-      "id": "text",
-      "name": "Text",
-      "summary": "Theme-aware body-copy primitive with tone, family, and responsive body sizing.",
-      "guidePath": "./components/text/text.guide.json"
+      "id": "typewriter",
+      "name": "Typewriter",
+      "summary": "Decorative inline typewriter animation that inherits typography and color from a parent text primitive.",
+      "guidePath": "./components/typewriter/typewriter.guide.json"
     },
     {
-      "id": "title",
-      "name": "Title",
-      "summary": "Theme-aware heading and display typography primitive.",
-      "guidePath": "./components/title/title.guide.json"
+      "id": "tooltip",
+      "name": "Tooltip",
+      "summary": "Compound tooltip built on Base UI Tooltip with `Tooltip.Provider`, `Tooltip.Trigger`, `Tooltip.Content`, and `Tooltip.createHandle` for detached and multiple triggers; `Content` encapsulates Portal + Positioner + Popup + Viewport and animates position, size, and content between triggers.",
+      "guidePath": "./components/tooltip/tooltip.guide.json"
     }
   ],
   "consumption": "./consumption.json",

package/dist/components/accordion/accordion-item.js

@@ -1,7 +1,7 @@
 import { clsx } from "../../core/clsx.js";
 import accordion_module_default from "./accordion.module.js";
-import { Stack } from "../stack/stack.js";
 import { Text } from "../text/text.js";
+import { Stack } from "../stack/stack.js";
 import { Icon } from "../icon/icon.js";
 import { Surface } from "../surface/surface.js";
 import { Accordion } from "@base-ui/react/accordion";

package/dist/components/accordion/accordion.module.js

@@ -1,10 +1,17 @@
+//#region src/components/accordion/accordion.module.css
+var Accordion = "viraui__accordion-module__Accordion_wFOlN";
+var Trigger = "viraui__accordion-module__Trigger_4HzIb";
+var Item = "viraui__accordion-module__Item_66o2x";
+var IconSlot = "viraui__accordion-module__IconSlot_AVQq3";
+var Icon = "viraui__accordion-module__Icon_qdu2v";
+var Panel = "viraui__accordion-module__Panel_U1Ofk";
 var accordion_module_default = {
-	Accordion: "viraui__accordion-module__Accordion_wFOlN",
-	Trigger: "viraui__accordion-module__Trigger_4HzIb",
-	Item: "viraui__accordion-module__Item_66o2x",
-	IconSlot: "viraui__accordion-module__IconSlot_AVQq3",
-	Icon: "viraui__accordion-module__Icon_qdu2v",
-	Panel: "viraui__accordion-module__Panel_U1Ofk"
+	Accordion,
+	Trigger,
+	Item,
+	IconSlot,
+	Icon,
+	Panel
 };
 //#endregion
-export { accordion_module_default as default };
+export { Accordion, Icon, IconSlot, Item, Panel, Trigger, accordion_module_default as default };

package/dist/components/avatar/avatar.module.js

@@ -1,7 +1,11 @@
+//#region src/components/avatar/avatar.module.css
+var Avatar = "viraui__avatar-module__Avatar_BRuS3";
+var Image = "viraui__avatar-module__Image_Q7bHi";
+var Label = "viraui__avatar-module__Label_QASTF";
 var avatar_module_default = {
-	Avatar: "viraui__avatar-module__Avatar_BRuS3",
-	Image: "viraui__avatar-module__Image_Q7bHi",
-	Label: "viraui__avatar-module__Label_QASTF"
+	Avatar,
+	Image,
+	Label
 };
 //#endregion
-export { avatar_module_default as default };
+export { Avatar, Image, Label, avatar_module_default as default };

package/dist/components/avatar-group/avatar-group.js

@@ -3,8 +3,8 @@ import { clsx } from "../../core/clsx.js";
 import { extractIntrinsicViraProps } from "../../core/props/intrinsic-vira-props.js";
 import { Avatar } from "../avatar/avatar.js";
 import avatar_group_module_default from "./avatar-group.module.js";
-import { Stack } from "../stack/stack.js";
 import { Text } from "../text/text.js";
+import { Stack } from "../stack/stack.js";
 import { Surface } from "../surface/surface.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/avatar-group/avatar-group.tsx

package/dist/components/avatar-group/avatar-group.module.js

@@ -1,9 +1,15 @@
+//#region src/components/avatar-group/avatar-group.module.css
+var AvatarGroup = "viraui__avatar-group-module__AvatarGroup_zOrR-";
+var AvatarWrapper = "viraui__avatar-group-module__AvatarWrapper_0opqY";
+var OverflowWrapper = "viraui__avatar-group-module__OverflowWrapper_bKv6I";
+var AvatarGroupItem = "viraui__avatar-group-module__AvatarGroupItem_Vvlyh";
+var OverflowPill = "viraui__avatar-group-module__OverflowPill_nMmTD";
 var avatar_group_module_default = {
-	AvatarGroup: "viraui__avatar-group-module__AvatarGroup_zOrR-",
-	AvatarWrapper: "viraui__avatar-group-module__AvatarWrapper_0opqY",
-	OverflowWrapper: "viraui__avatar-group-module__OverflowWrapper_bKv6I",
-	AvatarGroupItem: "viraui__avatar-group-module__AvatarGroupItem_Vvlyh",
-	OverflowPill: "viraui__avatar-group-module__OverflowPill_nMmTD"
+	AvatarGroup,
+	AvatarWrapper,
+	OverflowWrapper,
+	AvatarGroupItem,
+	OverflowPill
 };
 //#endregion
-export { avatar_group_module_default as default };
+export { AvatarGroup, AvatarGroupItem, AvatarWrapper, OverflowPill, OverflowWrapper, avatar_group_module_default as default };

package/dist/components/basic-input/basic-input.module.js

@@ -1,3 +1,5 @@
-var basic_input_module_default = { BasicInput: "viraui__basic-input-module__BasicInput_5uE64" };
+//#region src/components/basic-input/basic-input.module.css
+var BasicInput = "viraui__basic-input-module__BasicInput_5uE64";
+var basic_input_module_default = { BasicInput };
 //#endregion
-export { basic_input_module_default as default };
+export { BasicInput, basic_input_module_default as default };

package/dist/components/basic-input/field-label.module.js

@@ -1,3 +1,5 @@
-var field_label_module_default = { FieldLabel: "viraui__field-label-module__FieldLabel_R9SYf" };
+//#region src/components/basic-input/field-label.module.css
+var FieldLabel = "viraui__field-label-module__FieldLabel_R9SYf";
+var field_label_module_default = { FieldLabel };
 //#endregion
-export { field_label_module_default as default };
+export { FieldLabel, field_label_module_default as default };

package/dist/components/bleed/bleed.module.js

@@ -1,3 +1,5 @@
-var bleed_module_default = { Bleed: "viraui__bleed-module__Bleed_7rnR6" };
+//#region src/components/bleed/bleed.module.css
+var Bleed = "viraui__bleed-module__Bleed_7rnR6";
+var bleed_module_default = { Bleed };
 //#endregion
-export { bleed_module_default as default };
+export { Bleed, bleed_module_default as default };

package/dist/components/button/button.css

@@ -1 +1 @@
-.viraui__button-module__Button_oPhrP{--vui-button-background:var(--global-primary);--vui-button-color:var(--base-1);--vui-button-height:var(--space-x-large);--vui-button-padding-inline:var(--space-small);--vui-button-padding-block:var(--space-small);--vui-button-spinner-color:currentColor;--vui-button-icon-size:1.125em;--vui-button-radius:var(--radius-medium);-webkit-user-select:none;user-select:none;margin:0;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;min-inline-size:fit-content;max-block-size:var(--vui-button-height);block-size:var(--vui-button-height);justify-content:center;text-decoration:none;white-space:nowrap;appearance:button;overflow:hidden;position:relative;padding:var(--vui-button-padding-block) var(--vui-button-padding-inline);font-weight:400;font-variation-settings:"wght" 400;gap:var(--space-small);border:1px solid #0000;background:var(--vui-button-background);color:var(--vui-button-color);font-size:var(--font-scale-body-medium);border-radius:var(--vui-button-radius);transition:translate var(--easing-elastic) var(--duration-instant);will-change:translate;&:not(:disabled){background-clip:padding-box}&:not(:disabled):active{translate:0 1px}&[data-pill=true]{border-radius:var(--radius-infinite);&[data-addon-position=end]{padding-inline-end:calc(var(--vui-button-padding-inline) / 2)}&[data-addon-position=start]{padding-inline-start:calc(var(--vui-button-padding-inline) / 2)}}&[data-size=big]{--vui-button-height:var(--space-2x-large);--vui-button-padding-inline:var(--space-medium);--vui-button-padding-block:var(--space-small);--vui-button-icon-size:1.125em;--vui-button-radius:var(--radius-medium)}&[data-size=small]{--vui-button-height:var(--space-large);--vui-button-padding-inline:var(--space-small);--vui-button-padding-block:var(--space-x-small);--vui-button-icon-size:1em;--vui-button-radius:var(--radius-small);gap:var(--space-x-small);font-size:var(--font-scale-body-small)}&[data-variant=primary]{--vui-button-background:var(--global-primary);--vui-button-color:contrast-color(var(--global-primary));&:hover{--vui-button-background:oklab(from var(--global-primary) calc(l + 0.05) a b)}}&[data-variant=secondary]{--vui-button-background:var(--global-contrast);--vui-button-color:var(--base-6);background-clip:unset;&:hover{--vui-button-background:oklab(from var(--global-contrast) l a b/calc(alpha + 0.03))}@container root style(--is-light-theme: black){--vui-button-background:oklab(from var(--global-contrast) l a b/0.1)}}&[data-variant=flat]{--vui-button-background:#0000;--vui-button-color:var(--base-5);&:hover{--vui-button-background:var(--global-contrast);--vui-button-color:var(--base-7)}}&[data-variant=destructive]{--vui-button-background:oklab(from var(--highlight-red) l a b/12%);--vui-button-color:var(--highlight-red);&:hover{--vui-button-background:oklab(from var(--highlight-red) l a b/30%)}}&[data-addon-position=start]{flex-direction:row;padding-inline-end:calc(var(--vui-button-padding-inline) * 1.2)}&[data-addon-position=end]{flex-direction:row-reverse;padding-inline-start:calc(var(--vui-button-padding-inline) * 1.2)}&[data-icon-only=true]{gap:0;padding-block:var(--vui-button-padding-block);padding-inline:var(--vui-button-padding-block);inline-size:var(--vui-button-height);min-inline-size:var(--vui-button-height);max-inline-size:var(--vui-button-height);aspect-ratio:1/1}&:disabled,&:disabled:hover,&[aria-disabled=true]{--vui-button-background:var(--global-disabled-background);--vui-button-color:var(--global-disabled-foreground);cursor:not-allowed;box-shadow:none}&[data-loading=true][data-disabled]{pointer-events:none;border:0;box-shadow:none;--vui-button-color:var(--base-7)}}.viraui__button-module__Content_w-pX-{display:inline-grid;place-items:center;&[data-loading=true]{opacity:0}&:first-child>svg{block-size:var(--vui-button-icon-size);inline-size:var(--vui-button-icon-size);flex-shrink:0}}.viraui__button-module__SpinnerOverlay_vKqw1{position:absolute;inset:0;display:grid;place-content:center;pointer-events:none}
+.viraui__button-module__Button_oPhrP{--vui-button-background:var(--global-primary);--vui-button-color:var(--base-1);--vui-button-height:var(--space-x-large);--vui-button-padding-inline:var(--space-small);--vui-button-padding-block:var(--space-small);--vui-button-spinner-color:currentColor;--vui-button-icon-size:1.125em;--vui-button-radius:var(--radius-medium);-webkit-user-select:none;user-select:none;margin:0;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;min-inline-size:fit-content;max-block-size:var(--vui-button-height);block-size:var(--vui-button-height);justify-content:center;text-decoration:none;white-space:nowrap;appearance:button;overflow:hidden;position:relative;padding:var(--vui-button-padding-block) var(--vui-button-padding-inline);font-weight:400;font-variation-settings:"wght" 400;gap:var(--space-small);border:1px solid #0000;background:var(--vui-button-background);color:var(--vui-button-color);font-size:var(--font-scale-body-medium);border-radius:var(--vui-button-radius);transition:translate var(--easing-elastic) var(--duration-instant);will-change:translate;&:not(:disabled){background-clip:padding-box}&:not(:disabled,[aria-disabled=true]):active{translate:0 1px}&[data-pill=true]{border-radius:var(--radius-infinite);&[data-addon-position=end]{padding-inline-end:calc(var(--vui-button-padding-inline) / 2)}&[data-addon-position=start]{padding-inline-start:calc(var(--vui-button-padding-inline) / 2)}}&[data-size=big]{--vui-button-height:var(--space-2x-large);--vui-button-padding-inline:var(--space-medium);--vui-button-padding-block:var(--space-small);--vui-button-icon-size:1.125em;--vui-button-radius:var(--radius-medium)}&[data-size=small]{--vui-button-height:var(--space-large);--vui-button-padding-inline:var(--space-small);--vui-button-padding-block:var(--space-x-small);--vui-button-icon-size:1em;--vui-button-radius:var(--radius-small);gap:var(--space-x-small);font-size:var(--font-scale-body-small)}&[data-variant=primary]{--vui-button-background:var(--global-primary);--vui-button-color:contrast-color(var(--global-primary));&:hover{--vui-button-background:oklab(from var(--global-primary) calc(l + 0.05) a b)}}&[data-variant=secondary]{--vui-button-background:var(--global-contrast);--vui-button-color:var(--base-6);background-clip:unset;&:hover{--vui-button-background:oklab(from var(--global-contrast) l a b/calc(alpha + 0.03))}@container root style(--is-light-theme: black){--vui-button-background:oklab(from var(--global-contrast) l a b/0.1)}}&[data-variant=flat]{--vui-button-background:#0000;--vui-button-color:var(--base-5);&:hover{--vui-button-background:var(--global-contrast);--vui-button-color:var(--base-7)}}&[data-variant=destructive]{--vui-button-background:oklab(from var(--highlight-red) l a b/12%);--vui-button-color:var(--highlight-red);&:hover{--vui-button-background:oklab(from var(--highlight-red) l a b/30%)}}&[data-addon-position=start]{flex-direction:row;padding-inline-end:calc(var(--vui-button-padding-inline) * 1.2)}&[data-addon-position=end]{flex-direction:row-reverse;padding-inline-start:calc(var(--vui-button-padding-inline) * 1.2)}&[data-icon-only=true]{gap:0;padding-block:var(--vui-button-padding-block);padding-inline:var(--vui-button-padding-block);inline-size:var(--vui-button-height);min-inline-size:var(--vui-button-height);max-inline-size:var(--vui-button-height);aspect-ratio:1/1}&:disabled,&:disabled:active,&:disabled:hover,&[aria-disabled=true],&[aria-disabled=true]:active,&[aria-disabled=true]:hover{--vui-button-background:var(--global-disabled-background);--vui-button-color:var(--global-disabled-foreground);cursor:not-allowed;box-shadow:none;translate:0}&[data-loading=true][data-disabled]{pointer-events:none;border:0;box-shadow:none;--vui-button-color:var(--base-7)}}.viraui__button-module__Content_w-pX-{display:inline-grid;place-items:center;&[data-loading=true]{opacity:0}&:first-child>svg{block-size:var(--vui-button-icon-size);inline-size:var(--vui-button-icon-size);flex-shrink:0}}.viraui__button-module__SpinnerOverlay_vKqw1{position:absolute;inset:0;display:grid;place-content:center;pointer-events:none}

package/dist/components/button/button.js

@@ -4,9 +4,9 @@ import { extractIntrinsicViraProps } from "../../core/props/intrinsic-vira-props
 import { Spinner } from "../spinner/spinner.js";
 import button_module_default from "./button.module.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "@base-ui/react/button";
 import { useRender } from "@base-ui/react/use-render";
 import * as React from "react";
-import { Button } from "@base-ui/react/button";
 //#region src/components/button/button.tsx
 var spinnerDimensionsBySize = {
 	small: "small",

package/dist/components/button/button.module.js

@@ -1,7 +1,11 @@
+//#region src/components/button/button.module.css
+var Button = "viraui__button-module__Button_oPhrP";
+var Content = "viraui__button-module__Content_w-pX-";
+var SpinnerOverlay = "viraui__button-module__SpinnerOverlay_vKqw1";
 var button_module_default = {
-	Button: "viraui__button-module__Button_oPhrP",
-	Content: "viraui__button-module__Content_w-pX-",
-	SpinnerOverlay: "viraui__button-module__SpinnerOverlay_vKqw1"
+	Button,
+	Content,
+	SpinnerOverlay
 };
 //#endregion
-export { button_module_default as default };
+export { Button, Content, SpinnerOverlay, button_module_default as default };

package/dist/components/checkbox/checkbox.js

@@ -1,9 +1,9 @@
 import './checkbox.css';
 import { clsx } from "../../core/clsx.js";
-import { Stack } from "../stack/stack.js";
 import { FieldHelperCopy } from "../basic-input/field-helper-copy.js";
 import { FieldLabel } from "../basic-input/field-label.js";
 import checkbox_module_default from "./checkbox.module.js";
+import { Stack } from "../stack/stack.js";
 import { Icon } from "../icon/icon.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Field } from "@base-ui/react/field";

package/dist/components/checkbox/checkbox.module.js

@@ -1,11 +1,19 @@
+//#region src/components/checkbox/checkbox.module.css
+var Checkbox = "viraui__checkbox-module__Checkbox_3oGip";
+var Label = "viraui__checkbox-module__Label_n9HL7";
+var CheckboxRoot = "viraui__checkbox-module__CheckboxRoot_PeyF5";
+var Indicator = "viraui__checkbox-module__Indicator_C-k-l";
+var Icon = "viraui__checkbox-module__Icon_926Sa";
+var MinusIcon = "viraui__checkbox-module__MinusIcon_Q57pY";
+var CheckIcon = "viraui__checkbox-module__CheckIcon_XqUcs";
 var checkbox_module_default = {
-	Checkbox: "viraui__checkbox-module__Checkbox_3oGip",
-	Label: "viraui__checkbox-module__Label_n9HL7",
-	CheckboxRoot: "viraui__checkbox-module__CheckboxRoot_PeyF5",
-	Indicator: "viraui__checkbox-module__Indicator_C-k-l",
-	Icon: "viraui__checkbox-module__Icon_926Sa",
-	MinusIcon: "viraui__checkbox-module__MinusIcon_Q57pY",
-	CheckIcon: "viraui__checkbox-module__CheckIcon_XqUcs"
+	Checkbox,
+	Label,
+	CheckboxRoot,
+	Indicator,
+	Icon,
+	MinusIcon,
+	CheckIcon
 };
 //#endregion
-export { checkbox_module_default as default };
+export { CheckIcon, Checkbox, CheckboxRoot, Icon, Indicator, Label, MinusIcon, checkbox_module_default as default };

package/dist/components/chip/chip.module.js

@@ -1,8 +1,13 @@
+//#region src/components/chip/chip.module.css
+var Chip = "viraui__chip-module__Chip_2D18T";
+var Content = "viraui__chip-module__Content_7mLuL";
+var IconSlot = "viraui__chip-module__IconSlot_9N5vD";
+var Label = "viraui__chip-module__Label_Hdx7l";
 var chip_module_default = {
-	Chip: "viraui__chip-module__Chip_2D18T",
-	Content: "viraui__chip-module__Content_7mLuL",
-	IconSlot: "viraui__chip-module__IconSlot_9N5vD",
-	Label: "viraui__chip-module__Label_Hdx7l"
+	Chip,
+	Content,
+	IconSlot,
+	Label
 };
 //#endregion
-export { chip_module_default as default };
+export { Chip, Content, IconSlot, Label, chip_module_default as default };

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

@@ -1,3 +1,5 @@
-var clamp_text_module_default = { ClampText: "viraui__clamp-text-module__ClampText_Whnkd" };
+//#region src/components/clamp-text/clamp-text.module.css
+var ClampText = "viraui__clamp-text-module__ClampText_Whnkd";
+var clamp_text_module_default = { ClampText };
 //#endregion
-export { clamp_text_module_default as default };
+export { ClampText, clamp_text_module_default as default };

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

@@ -1,8 +1,8 @@
+import { Text } from "../text/text.js";
 import { Stack } from "../stack/stack.js";
 import dialog_module_default from "./dialog.module.js";
-import { IconButton } from "../icon-button/icon-button.js";
-import { Text } from "../text/text.js";
 import { Icon } from "../icon/icon.js";
+import { IconButton } from "../icon-button/icon-button.js";
 import { Surface } from "../surface/surface.js";
 import { Title } from "../title/title.js";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/dialog/dialog.module.js

@@ -1,15 +1,27 @@
+//#region src/components/dialog/dialog.module.css
+var Backdrop = "viraui__dialog-module__Backdrop_xgFhs";
+var Viewport = "viraui__dialog-module__Viewport_kmZN1";
+var Popup = "viraui__dialog-module__Popup_5qIyj";
+var Handle = "viraui__dialog-module__Handle_nd9SN";
+var HandleShape = "viraui__dialog-module__HandleShape_mEg8R";
+var Header = "viraui__dialog-module__Header_WnBly";
+var Body = "viraui__dialog-module__Body_9-UgN";
+var Content = "viraui__dialog-module__Content_r8lJc";
+var CloseButton = "viraui__dialog-module__CloseButton_U-B1r";
+var IndentBackground = "viraui__dialog-module__IndentBackground_OEfbh";
+var Indent = "viraui__dialog-module__Indent_qfiNW";
 var dialog_module_default = {
-	Backdrop: "viraui__dialog-module__Backdrop_xgFhs",
-	Viewport: "viraui__dialog-module__Viewport_kmZN1",
-	Popup: "viraui__dialog-module__Popup_5qIyj",
-	Handle: "viraui__dialog-module__Handle_nd9SN",
-	HandleShape: "viraui__dialog-module__HandleShape_mEg8R",
-	Header: "viraui__dialog-module__Header_WnBly",
-	Body: "viraui__dialog-module__Body_9-UgN",
-	Content: "viraui__dialog-module__Content_r8lJc",
-	CloseButton: "viraui__dialog-module__CloseButton_U-B1r",
-	IndentBackground: "viraui__dialog-module__IndentBackground_OEfbh",
-	Indent: "viraui__dialog-module__Indent_qfiNW"
+	Backdrop,
+	Viewport,
+	Popup,
+	Handle,
+	HandleShape,
+	Header,
+	Body,
+	Content,
+	CloseButton,
+	IndentBackground,
+	Indent
 };
 //#endregion
-export { dialog_module_default as default };
+export { Backdrop, Body, CloseButton, Content, Handle, HandleShape, Header, Indent, IndentBackground, Popup, Viewport, dialog_module_default as default };

package/dist/components/elevator/elevator.js

@@ -1,5 +1,5 @@
 import { extractIntrinsicViraProps } from "../../core/props/intrinsic-vira-props.js";
-import "../../core/elevation/elevation-types.js";
+import { ELEVATION_DEFAULTS } from "../../core/elevation/elevation-types.js";
 import { getElevationProps } from "../../core/elevation/get-elevation-props.js";
 import { Children, cloneElement, isValidElement } from "react";
 //#region src/components/elevator/elevator.tsx
@@ -26,4 +26,4 @@ var Elevator = ({ children, resting, hover, direction, shadowColor, extraShadow,
 	});
 };
 //#endregion
-export { Elevator };
+export { ELEVATION_DEFAULTS, Elevator, getElevationProps };

package/dist/components/fieldset/fieldset.js

@@ -1,7 +1,7 @@
 import { extractIntrinsicViraProps } from "../../core/props/intrinsic-vira-props.js";
-import { Stack } from "../stack/stack.js";
 import { FieldHelperCopy } from "../basic-input/field-helper-copy.js";
 import { FieldLabel } from "../basic-input/field-label.js";
+import { Stack } from "../stack/stack.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Fieldset } from "@base-ui/react";
 //#region src/components/fieldset/fieldset.tsx

package/dist/components/icon/icon.module.js

@@ -1,3 +1,5 @@
-var icon_module_default = { Icon: "viraui__icon-module__Icon_6DoBq" };
+//#region src/components/icon/icon.module.css
+var Icon = "viraui__icon-module__Icon_6DoBq";
+var icon_module_default = { Icon };
 //#endregion
-export { icon_module_default as default };
+export { Icon, icon_module_default as default };