@viraui/react 0.0.23 → 0.0.24

package/dist/catalog.json

@@ -23,7 +23,7 @@
     {
       "id": "dialog",
       "name": "Dialog",
-      "summary": "Compound drawer sheet with `Dialog.Trigger`, `Dialog.Sheet`, and `Dialog.Close`, Surface panel, scrim backdrop, title, description, and swipe-to-dismiss.",
+      "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"
     },
     {
@@ -110,6 +110,12 @@
       "summary": "Field-wrapped single-select dropdown with grouped options and field copy.",
       "guidePath": "./components/select/select.guide.json"
     },
+    {
+      "id": "separator",
+      "name": "Separator",
+      "summary": "Thematic or content divider with horizontal or vertical orientation, token padding, and preset line thickness.",
+      "guidePath": "./components/separator/separator.guide.json"
+    },
     {
       "id": "icon",
       "name": "Icon",

package/dist/components/dialog/dialog-indent-background.d.ts

@@ -0,0 +1,12 @@
+import { DrawerIndentBackground } from '@base-ui/react';
+import type * as React from 'react';
+/**
+ * Public Dialog.IndentBackground props.
+ *
+ * Pass-through to Base UI `Drawer.IndentBackground` with Vira-owned root class applied.
+ * Place before `Dialog.Indent` inside `Dialog.Provider` for the indent background layer.
+ *
+ * @default Base UI pass-through props keep upstream defaults.
+ */
+export type DialogIndentBackgroundProps = DrawerIndentBackground.Props;
+export declare const DialogIndentBackground: React.FC<DialogIndentBackgroundProps>;

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

@@ -0,0 +1,11 @@
+import { clsx } from "../../core/clsx.js";
+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,
+	className: clsx(dialog_module_default.IndentBackground, className)
+});
+//#endregion
+export { DialogIndentBackground };

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

@@ -0,0 +1,12 @@
+import { DrawerIndent } from '@base-ui/react';
+import type * as React from 'react';
+/**
+ * Public Dialog.Indent props.
+ *
+ * Pass-through to Base UI `Drawer.Indent` with Vira-owned root class applied.
+ * Wrap app shell content inside `Dialog.Provider` to receive `data-active` when a sheet opens.
+ *
+ * @default Base UI pass-through props keep upstream defaults.
+ */
+export type DialogIndentProps = DrawerIndent.Props;
+export declare const DialogIndent: React.FC<DialogIndentProps>;

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

@@ -0,0 +1,11 @@
+import { clsx } from "../../core/clsx.js";
+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,
+	className: clsx(dialog_module_default.Indent, className)
+});
+//#endregion
+export { DialogIndent };

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:var(--global-contrast);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__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)}}

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

@@ -1,21 +1,28 @@
-import { DrawerRoot } from '@base-ui/react';
+import { Drawer as PrimitiveDrawer, DrawerProvider, DrawerRoot } from '@base-ui/react';
 import { DialogCloseProps } from './dialog-close';
+import { DialogIndentProps } from './dialog-indent';
+import { DialogIndentBackgroundProps } from './dialog-indent-background';
 import { DialogSheetProps } from './dialog-sheet';
 import { DialogTriggerProps } from './dialog-trigger';
 import type * as React from 'react';
 /**
  * Public Dialog root props.
  *
- * Groups `Dialog.Trigger`, `Dialog.Sheet`, and `Dialog.Close` under a Base UI `Drawer.Root`.
+ * Groups `Dialog.Trigger`, `Dialog.Sheet`, `Dialog.Close`, `Dialog.Provider`,
+ * `Dialog.Indent`, and `Dialog.IndentBackground` under Base UI Drawer parts.
  *
  * @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>;
     Sheet: React.FC<DialogSheetProps>;
     Close: React.FC<DialogCloseProps>;
+    Provider: typeof PrimitiveDrawer.Provider;
+    Indent: React.FC<DialogIndentProps>;
+    IndentBackground: React.FC<DialogIndentBackgroundProps>;
 };
 export declare const Dialog: DialogComponent;
 export {};

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

@@ -1,11 +1,12 @@
 {
   "name": "Dialog",
-  "summary": "Compound drawer sheet with `Dialog.Trigger`, `Dialog.Sheet`, and `Dialog.Close`, Surface panel, scrim backdrop, title, description, and swipe-to-dismiss.",
+  "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.",
   "whenToUse": [
     "Focused tasks or confirmations that interrupt the current page without navigation",
     "Short forms or read-only content that needs a modal layer above the app",
     "Bottom sheets where swipe dismissal or snap points are useful (pass `snapPoints`, `snapPoint`/`onSnapPointChange`, or `defaultSnapPoint` directly on `Dialog`)",
-    "Drill-down sheet flows (for example settings sub-pages) by nesting a `Dialog` inside `Dialog.Sheet` children"
+    "Drill-down sheet flows (for example settings sub-pages) by nesting a `Dialog` inside `Dialog.Sheet` children",
+    "App-shell indent effects by wrapping page content in `Dialog.Provider`, `Dialog.IndentBackground`, and `Dialog.Indent`"
   ],
   "whenNotToUse": [
     "Small anchored hints or quick actions that should use Popover or Menu",

package/dist/components/dialog/dialog.js

@@ -1,5 +1,7 @@
 import './dialog.css';
 import { DialogClose } from "./dialog-close.js";
+import { DialogIndent } from "./dialog-indent.js";
+import { DialogIndentBackground } from "./dialog-indent-background.js";
 import { DialogSheet } from "./dialog-sheet.js";
 import { DialogTrigger } from "./dialog-trigger.js";
 import { jsx } from "react/jsx-runtime";
@@ -12,7 +14,10 @@ var DialogRootComponent = ({ children, ...props }) => /* @__PURE__ */ jsx(Drawer
 var Dialog = Object.assign(DialogRootComponent, {
 	Trigger: DialogTrigger,
 	Sheet: DialogSheet,
-	Close: DialogClose
+	Close: DialogClose,
+	Provider: Drawer.Provider,
+	Indent: DialogIndent,
+	IndentBackground: DialogIndentBackground
 });
 //#endregion
 export { Dialog };

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

@@ -7,7 +7,9 @@ var dialog_module_default = {
 	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"
+	CloseButton: "viraui__dialog-module__CloseButton_U-B1r",
+	IndentBackground: "viraui__dialog-module__IndentBackground_OEfbh",
+	Indent: "viraui__dialog-module__Indent_qfiNW"
 };
 //#endregion
 export { dialog_module_default as default };

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

@@ -1,7 +1,11 @@
 export { Dialog } from './dialog';
-export type { DialogProps, DialogSnapPoint } from './dialog';
+export type { DialogProps, DialogProviderProps, DialogSnapPoint } from './dialog';
 export { DialogClose } from './dialog-close';
 export type { DialogCloseProps } from './dialog-close';
+export { DialogIndent } from './dialog-indent';
+export type { DialogIndentProps } from './dialog-indent';
+export { DialogIndentBackground } from './dialog-indent-background';
+export type { DialogIndentBackgroundProps } from './dialog-indent-background';
 export { DialogSheet } from './dialog-sheet';
 export type { DialogSheetProps } from './dialog-sheet';
 export { DialogTrigger } from './dialog-trigger';

package/dist/components/index.d.ts

@@ -16,6 +16,7 @@ export * from './checkbox';
 export * from './fieldset';
 export * from './radio';
 export * from './select';
+export * from './separator';
 export * from './icon';
 export * from './skeleton';
 export * from './stack';

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

@@ -0,0 +1,2 @@
+export { Separator } from './separator';
+export type { SeparatorProps } from './separator';

package/dist/components/separator/separator.css

@@ -0,0 +1 @@
+.viraui__separator-module__Line_xXOe9{--separator-size:1px;border:0;margin:0;background:oklab(from var(--global-contrast) l a b/20%);&[data-separator-orientation=horizontal]{inline-size:100%;block-size:var(--separator-size)}&[data-separator-orientation=vertical]{inline-size:var(--separator-size);block-size:100%}}

package/dist/components/separator/separator.d.ts

@@ -0,0 +1,54 @@
+import { useRender } from '@base-ui/react/use-render';
+import { IntrinsicViraProps } from '../../core/props/intrinsic-vira-props';
+import { ThemeTypes } from '@viraui/foundation/vira/types';
+import type * as React from 'react';
+type SeparatorAxisPadding = ThemeTypes['space'] | [ThemeTypes['space'] | 0, ThemeTypes['space'] | 0];
+type SeparatorSize = 'small' | 'medium' | 'large';
+/**
+ * Public Separator props.
+ *
+ * Includes standard `hr` attributes such as `id`, `title`, and event handlers,
+ * plus Vira-owned orientation, line thickness, Stack padding, and Base UI `render` support for replacing the line root.
+ *
+ * @default Native hr pass-through props keep React defaults.
+ */
+export type SeparatorProps = Omit<React.ComponentPropsWithoutRef<'hr'>, 'size'> & IntrinsicViraProps & {
+    /**
+     * Replaces the default `hr` line root using Base UI render semantics.
+     *
+     * @default The separator renders an `hr` line root.
+     */
+    render?: useRender.RenderProp;
+    /**
+     * Ref forwarded to the rendered line root element.
+     *
+     * @default No ref is attached.
+     */
+    ref?: React.Ref<HTMLElement>;
+    /**
+     * Sets the separator line direction.
+     *
+     * @default 'horizontal'
+     */
+    orientation?: 'horizontal' | 'vertical';
+    /**
+     * Sets inline padding on the Stack wrapper using one token for both sides or a `[start, end]` tuple.
+     *
+     * @default No inline padding.
+     */
+    hPadding?: SeparatorAxisPadding;
+    /**
+     * Sets block padding on the Stack wrapper using one token for both sides or a `[start, end]` tuple.
+     *
+     * @default No block padding.
+     */
+    vPadding?: SeparatorAxisPadding;
+    /**
+     * Sets the line thickness preset.
+     *
+     * @default 'small'
+     */
+    size?: SeparatorSize;
+};
+export declare const Separator: React.FC<SeparatorProps>;
+export {};

package/dist/components/separator/separator.guide.json

@@ -0,0 +1,24 @@
+{
+  "name": "Separator",
+  "summary": "Thematic or content divider with horizontal or vertical orientation, token padding, and preset line thickness.",
+  "whenToUse": [
+    "Dividing sections within a page or panel",
+    "Vertical dividers in toolbars, menus, or button groups",
+    "Separating list items or stacked content blocks"
+  ],
+  "whenNotToUse": [
+    "Select dropdown option dividers — use Select.Separator",
+    "Surface borders or card outlines — use Surface border props"
+  ],
+  "accessibility": [
+    "Default hr provides a native thematic break for horizontal dividers",
+    "Vertical separators expose aria-orientation=\"vertical\" on the line root",
+    "Use render to swap the line root when a thematic break is not appropriate",
+    "Do not force aria-hidden — consumer decides decorative vs structural role"
+  ],
+  "antiPatterns": [
+    "Using Select.Separator for general layout dividers",
+    "Replacing Surface borders with Separator for container chrome"
+  ],
+  "related": ["Stack", "Surface", "Select"]
+}

package/dist/components/separator/separator.js

@@ -0,0 +1,43 @@
+import './separator.css';
+import { clsx } from "../../core/clsx.js";
+import { extractIntrinsicViraProps } from "../../core/props/intrinsic-vira-props.js";
+import { Stack } from "../stack/stack.js";
+import separator_module_default from "./separator.module.js";
+import { jsx } from "react/jsx-runtime";
+import { useRender } from "@base-ui/react/use-render";
+//#region src/components/separator/separator.tsx
+var separatorSizeValues = {
+	small: 1,
+	medium: 2,
+	large: 3
+};
+var Separator = ({ className, hPadding, orientation = "horizontal", ref, render, size = "small", style, vPadding, ...otherProps }) => {
+	const { componentProps, intrinsicAttributes } = extractIntrinsicViraProps(otherProps);
+	const dynamicStyle = {
+		"--separator-size": `${separatorSizeValues[size]}px`,
+		...style
+	};
+	const line = useRender({
+		defaultTagName: "hr",
+		render,
+		ref,
+		props: {
+			...componentProps,
+			"data-separator-orientation": orientation,
+			"aria-orientation": orientation,
+			className: clsx(separator_module_default.Line, className),
+			style: dynamicStyle
+		}
+	});
+	return /* @__PURE__ */ jsx(Stack, {
+		direction: orientation === "vertical" ? "row" : "column",
+		fillChildren: false,
+		hPadding,
+		vAlign: orientation === "vertical" ? "stretch" : "initial",
+		vPadding,
+		...intrinsicAttributes,
+		children: line
+	});
+};
+//#endregion
+export { Separator };

package/dist/components/separator/separator.module.js

@@ -0,0 +1,3 @@
+var separator_module_default = { Line: "viraui__separator-module__Line_xXOe9" };
+//#endregion
+export { separator_module_default as default };

package/dist/index.js

@@ -3,6 +3,8 @@ import { AvatarGroup } from "./components/avatar-group/avatar-group.js";
 import { Stack } from "./components/stack/stack.js";
 import { Chip } from "./components/chip/chip.js";
 import { DialogClose } from "./components/dialog/dialog-close.js";
+import { DialogIndent } from "./components/dialog/dialog-indent.js";
+import { DialogIndentBackground } from "./components/dialog/dialog-indent-background.js";
 import { DialogSheet } from "./components/dialog/dialog-sheet.js";
 import { DialogTrigger } from "./components/dialog/dialog-trigger.js";
 import { Dialog } from "./components/dialog/dialog.js";
@@ -26,6 +28,7 @@ import { Fieldset } from "./components/fieldset/fieldset.js";
 import { Radio } from "./components/radio/radio.js";
 import { RadioGroup } from "./components/radio/radio-group.js";
 import { Select } from "./components/select/select.js";
+import { Separator } from "./components/separator/separator.js";
 import { Icon } from "./components/icon/icon.js";
 import { Skeleton } from "./components/skeleton/skeleton.js";
 import { Surface } from "./components/surface/surface.js";
@@ -33,4 +36,4 @@ import { Tabs } from "./components/tabs/tabs.js";
 import { StaticNoise } from "./components/static-noise/static-noise.js";
 import { ProgressiveBlur } from "./components/progressive-blur/progressive-blur.js";
 import { Title } from "./components/title/title.js";
-export { Avatar, AvatarGroup, Button, Checkbox, CheckboxGroup, Chip, ClampText, Dialog, DialogClose, DialogSheet, DialogTrigger, ELEVATION_DEFAULTS, Elevator, Fieldset, Icon, IconButton, LinearProgress, Masonry, ProgressiveBlur, Radio, RadioGroup, Select, Skeleton, Slider, Spinner, Stack, StaticNoise, Surface, Switch, Tabs, Text, Textarea, Textfield, Title, getElevationProps };
+export { Avatar, AvatarGroup, Button, Checkbox, CheckboxGroup, Chip, ClampText, Dialog, DialogClose, DialogIndent, DialogIndentBackground, DialogSheet, DialogTrigger, ELEVATION_DEFAULTS, Elevator, Fieldset, Icon, IconButton, LinearProgress, Masonry, ProgressiveBlur, Radio, RadioGroup, Select, Separator, Skeleton, Slider, Spinner, Stack, StaticNoise, Surface, Switch, Tabs, Text, Textarea, Textfield, Title, getElevationProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viraui/react",
-  "version": "0.0.23",
+  "version": "0.0.24",
   "private": false,
   "files": [
     "dist"
@@ -42,9 +42,9 @@
     "vite": "8.0.16",
     "vite-plugin-dts": "4.5.4",
     "vite-plugin-static-copy": "2.3.0",
-    "@viraui/foundation": "0.0.23",
-    "@viraui/icons": "0.0.15",
+    "@viraui/foundation": "0.0.24",
     "@viraui/postcss-config": "0.0.16",
+    "@viraui/icons": "0.0.15",
     "@viraui/tsconfig": "0.0.17"
   },
   "peerDependencies": {