@viraui/react 0.0.8 → 0.0.10

package/dist/catalog.json

@@ -6,103 +6,103 @@
       "id": "avatar",
       "name": "Avatar",
       "summary": "Circular identity image or fallback for users, entities, or profile chips.",
-      "guidePath": "./avatar/avatar.guide.json"
+      "guidePath": "./components/avatar/avatar.guide.json"
     },
     {
       "id": "clamp-text",
       "name": "ClampText",
       "summary": "Presentational utility that truncates overflowing copy to a fixed line count.",
-      "guidePath": "./clamp-text/clamp-text.guide.json"
+      "guidePath": "./components/clamp-text/clamp-text.guide.json"
     },
     {
       "id": "elevator",
       "name": "Elevator",
       "summary": "No-DOM elevation utility that merges shadow hooks onto valid element children.",
-      "guidePath": "./elevator/elevator.guide.json"
+      "guidePath": "./components/elevator/elevator.guide.json"
     },
     {
       "id": "button",
       "name": "Button",
       "summary": "Primary action control with size, variant, optional icon, and loading state.",
-      "guidePath": "./button/button.guide.json"
+      "guidePath": "./components/button/button.guide.json"
     },
     {
       "id": "icon-button",
       "name": "IconButton",
       "summary": "Icon-only button that requires an accessible name through aria-label or aria-labelledby.",
-      "guidePath": "./icon-button/icon-button.guide.json"
+      "guidePath": "./components/icon-button/icon-button.guide.json"
     },
     {
       "id": "textfield",
       "name": "Textfield",
       "summary": "Single-line field input with control-group chrome and optional addons.",
-      "guidePath": "./textfield/textfield.guide.json"
+      "guidePath": "./components/textfield/textfield.guide.json"
     },
     {
       "id": "textarea",
       "name": "Textarea",
       "summary": "Multi-line field control with shared field copy and optional resize.",
-      "guidePath": "./textarea/textarea.guide.json"
+      "guidePath": "./components/textarea/textarea.guide.json"
     },
     {
       "id": "slider",
       "name": "Slider",
       "summary": "Field-wrapped range input supporting single-thumb or two-thumb range selection.",
-      "guidePath": "./slider/slider.guide.json"
+      "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": "./switch/switch.guide.json"
+      "guidePath": "./components/switch/switch.guide.json"
     },
     {
       "id": "select",
       "name": "Select",
       "summary": "Field-wrapped single-select dropdown with grouped options and field copy.",
-      "guidePath": "./select/select.guide.json"
+      "guidePath": "./components/select/select.guide.json"
     },
     {
       "id": "icon",
       "name": "Icon",
       "summary": "Decorative Vira SVG icon selected by name and variant.",
-      "guidePath": "./icon/icon.guide.json"
+      "guidePath": "./components/icon/icon.guide.json"
     },
     {
       "id": "skeleton",
       "name": "Skeleton",
       "summary": "Decorative loading placeholder sized by props, not children.",
-      "guidePath": "./skeleton/skeleton.guide.json"
+      "guidePath": "./components/skeleton/skeleton.guide.json"
     },
     {
       "id": "stack",
       "name": "Stack",
       "summary": "Flex layout primitive for arranging children with token spacing, alignment, and padding.",
-      "guidePath": "./stack/stack.guide.json"
+      "guidePath": "./components/stack/stack.guide.json"
     },
     {
       "id": "surface",
       "name": "Surface",
       "summary": "Presentational container with token background, optional border, radius, and padding.",
-      "guidePath": "./surface/surface.guide.json"
+      "guidePath": "./components/surface/surface.guide.json"
     },
     {
       "id": "spinner",
       "name": "Spinner",
       "summary": "Decorative SVG pulsing loading indicator used inside interactive components.",
-      "guidePath": "./spinner/spinner.guide.json"
+      "guidePath": "./components/spinner/spinner.guide.json"
     },
     {
       "id": "text",
       "name": "Text",
       "summary": "Theme-aware body-copy primitive with tone, family, and responsive body sizing.",
-      "guidePath": "./text/text.guide.json"
+      "guidePath": "./components/text/text.guide.json"
     },
     {
       "id": "title",
       "name": "Title",
       "summary": "Theme-aware heading and display typography primitive.",
-      "guidePath": "./title/title.guide.json"
+      "guidePath": "./components/title/title.guide.json"
     }
   ],
   "consumption": "./consumption.json",

package/dist/components/avatar/avatar.d.ts

@@ -1,4 +1,4 @@
-import type { IntrinsicViraProps } from '@react/src/core/props/intrinsic-vira-props';
+import type { IntrinsicViraProps } from '../../core/props/intrinsic-vira-props';
 import type * as React from 'react';
 import './avatar.css';
 /**

package/dist/components/avatar/avatar.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { Avatar as PrimitiveAvatar } from '@base-ui/react/avatar';
-import { Skeleton, Text } from '@react/src/components';
-import { extractIntrinsicViraProps } from '@react/src/core/props/intrinsic-vira-props';
+import { Skeleton, Text } from '..';
+import { extractIntrinsicViraProps } from '../../core/props/intrinsic-vira-props';
 import { clsx } from 'clsx';
 import './avatar.css';
 const fallbackTextSizeByAvatarSize = {

package/dist/components/basic-input/field-helper-copy.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Field } from '@base-ui/react/field';
-import { Text } from '@react/src/components/text';
+import { Text } from '../text';
 /**
  * Renders field helper copy in the shared `Description` slot via `Field.Validity`.
  * Static `error` replaces `description` only while invalid and `error` is set.

package/dist/components/basic-input/input-control-group.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Stack } from '@react/src/components';
+import { Stack } from '..';
 /**
  * Internal flex wrapper for a field control plus optional start/end addons.
  * Not exported from the package public surface.

package/dist/components/button/button.d.ts

@@ -1,7 +1,7 @@
 import { Button as PrimitiveButton } from '@base-ui/react/button';
 import './button.css';
 import type { ReactNode } from 'react';
-import type { IntrinsicViraProps } from '@react/src/core/props/intrinsic-vira-props';
+import type { IntrinsicViraProps } from '../../core/props/intrinsic-vira-props';
 /**
  * Public Button props.
  *

package/dist/components/button/button.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button as PrimitiveButton } from '@base-ui/react/button';
-import { Spinner } from '@react/src/components/spinner';
-import { extractIntrinsicViraProps } from '@react/src/core/props/intrinsic-vira-props';
+import { Spinner } from '../spinner';
+import { extractIntrinsicViraProps } from '../../core/props/intrinsic-vira-props';
 import { clsx } from 'clsx';
 import './button.css';
 const spinnerDimensionsBySize = {

package/dist/components/clamp-text/clamp-text.d.ts

@@ -1,7 +1,7 @@
 import { useRender } from '@base-ui/react/use-render';
 import type * as React from 'react';
 import './clamp-text.css';
-import type { IntrinsicViraProps } from '@react/src/core/props/intrinsic-vira-props';
+import type { IntrinsicViraProps } from '../../core/props/intrinsic-vira-props';
 /**
  * Public ClampText props.
  *

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

@@ -1,6 +1,6 @@
 'use client';
 import { useRender } from '@base-ui/react/use-render';
-import { extractIntrinsicViraProps } from '@react/src/core/props/intrinsic-vira-props';
+import { extractIntrinsicViraProps } from '../../core/props/intrinsic-vira-props';
 import { clsx } from 'clsx';
 import { useMemo } from 'react';
 import './clamp-text.css';

package/dist/components/elevator/elevator.d.ts

@@ -1,9 +1,9 @@
 import type * as React from 'react';
-import type { ElevationDirection, ElevationLevel, ElevationShadowColor } from '@react/src/core/elevation/elevation-types';
-import type { IntrinsicViraProps } from '@react/src/core/props/intrinsic-vira-props';
-export type { ElevationDirection, ElevationLevel, ElevationShadowColor, } from '@react/src/core/elevation/elevation-types';
-export { ELEVATION_DEFAULTS } from '@react/src/core/elevation/elevation-types';
-export { getElevationProps } from '@react/src/core/elevation/get-elevation-props';
+import type { ElevationDirection, ElevationLevel, ElevationShadowColor } from '../../core/elevation/elevation-types';
+import type { IntrinsicViraProps } from '../../core/props/intrinsic-vira-props';
+export type { ElevationDirection, ElevationLevel, ElevationShadowColor } from '../../core/elevation/elevation-types';
+export { ELEVATION_DEFAULTS } from '../../core/elevation/elevation-types';
+export { getElevationProps } from '../../core/elevation/get-elevation-props';
 /**
  * Public Elevator props.
  *

package/dist/components/elevator/elevator.js

@@ -1,8 +1,8 @@
 import { Children, cloneElement, isValidElement } from 'react';
-import { getElevationProps } from '@react/src/core/elevation/get-elevation-props';
-import { extractIntrinsicViraProps } from '@react/src/core/props/intrinsic-vira-props';
-export { ELEVATION_DEFAULTS } from '@react/src/core/elevation/elevation-types';
-export { getElevationProps } from '@react/src/core/elevation/get-elevation-props';
+import { getElevationProps } from '../../core/elevation/get-elevation-props';
+import { extractIntrinsicViraProps } from '../../core/props/intrinsic-vira-props';
+export { ELEVATION_DEFAULTS } from '../../core/elevation/elevation-types';
+export { getElevationProps } from '../../core/elevation/get-elevation-props';
 const mergeChildStyle = (childStyle, elevationStyle) => ({
     ...(childStyle ?? {}),
     ...elevationStyle,

package/dist/components/icon/icon.d.ts

@@ -1,6 +1,6 @@
 import type { GeneratedIconName, GeneratedIconVariant } from '#internal-icons/icon-registry';
 import './icon.css';
-import type { IntrinsicViraProps } from '@react/src/core/props/intrinsic-vira-props';
+import type { IntrinsicViraProps } from '../../core/props/intrinsic-vira-props';
 export type IconName = GeneratedIconName;
 export type IconVariant = GeneratedIconVariant;
 export type IconProps = React.ComponentProps<'svg'> & IntrinsicViraProps & {

package/dist/components/icon/icon.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { generatedDefaultIconVariant, generatedIconRegistry } from '#internal-icons/icon-registry';
-import { extractIntrinsicViraProps } from '@react/src/core/props/intrinsic-vira-props';
+import { extractIntrinsicViraProps } from '../../core/props/intrinsic-vira-props';
 import { clsx } from 'clsx';
 import './icon.css';
 export const Icon = ({ className, name, size = 24, variant = generatedDefaultIconVariant, ...otherProps }) => {

package/dist/components/icon-button/icon-button.d.ts

@@ -1,4 +1,4 @@
-import type { ButtonProps } from '@react/src/components';
+import type { ButtonProps } from '..';
 import type { ReactNode } from 'react';
 type AccessibleNameProps = {
     'aria-label': string;

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

@@ -1,3 +1,3 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Button } from '@react/src/components/button/button';
+import { Button } from '../button/button';
 export const IconButton = ({ icon, size = 'medium', ...props }) => (_jsx(Button, { icon: icon, size: size, ...props }));

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

@@ -1,8 +1,8 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Select as PrimitiveSelect } from '@base-ui/react/select';
-import { Stack } from '@react/src/components/stack';
-import { Text } from '@react/src/components/text';
+import { Stack } from '../stack';
+import { Text } from '../text';
 import { clsx } from 'clsx';
 import { SelectIndicatorSlot } from './select-indicator-slot';
 export function SelectGroup({ children, className, label, ...groupProps }) {

package/dist/components/select/select-indicator-slot.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Select as PrimitiveSelect } from '@base-ui/react/select';
-import { Stack } from '@react/src/components/stack';
+import { Stack } from '../stack';
 const indicatorStackRender = _jsx(Stack, { fillChildren: false, hAlign: "center", inline: true, shrink: false, vAlign: "center" });
 export function SelectIndicatorSlot({ children, interactive = false }) {
     if (interactive) {

package/dist/components/select/select-option.js

@@ -1,9 +1,9 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Select as PrimitiveSelect } from '@base-ui/react/select';
-import { Icon } from '@react/src/components/icon';
-import { Stack } from '@react/src/components/stack';
-import { Text } from '@react/src/components/text';
+import { Icon } from '../icon';
+import { Stack } from '../stack';
+import { Text } from '../text';
 import { clsx } from 'clsx';
 import { SelectIndicatorSlot } from './select-indicator-slot';
 export function SelectOption({ children, className, disabled, indicator, label, value, ...itemProps }) {

package/dist/components/select/select.d.ts

@@ -1,7 +1,7 @@
 import type { FieldRoot } from '@base-ui/react/field';
 import type { SelectRoot } from '@base-ui/react/select';
 import type * as React from 'react';
-import type { IntrinsicViraProps } from '@react/src/core/props/intrinsic-vira-props';
+import type { IntrinsicViraProps } from '../../core/props/intrinsic-vira-props';
 import { SelectGroup } from './select-group';
 import { SelectOption } from './select-option';
 import { SelectSeparator } from './select-separator';

package/dist/components/select/select.js

@@ -2,10 +2,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Field } from '@base-ui/react/field';
 import { Select as PrimitiveSelect } from '@base-ui/react/select';
-import { Elevator, Icon, Stack, Surface, Text } from '@react/src/components';
-import { FieldHelperCopy } from '@react/src/components/basic-input/field-helper-copy';
-import { IconButton } from '@react/src/components/icon-button';
-import { extractIntrinsicViraProps } from '@react/src/core/props/intrinsic-vira-props';
+import { Elevator, Icon, Stack, Surface, Text } from '..';
+import { FieldHelperCopy } from '../basic-input/field-helper-copy';
+import { IconButton } from '../icon-button';
+import { extractIntrinsicViraProps } from '../../core/props/intrinsic-vira-props';
 import { clsx } from 'clsx';
 import { useId } from 'react';
 import { SelectGroup } from './select-group';

package/dist/components/skeleton/skeleton.d.ts

@@ -1,5 +1,5 @@
-import type { ThemeTypes } from '@foundation/platforms/web/vira/types';
-import type { IntrinsicViraProps } from '@react/src/core/props/intrinsic-vira-props';
+import type { ThemeTypes } from '@viraui/foundation/vira/types';
+import type { IntrinsicViraProps } from '../../core/props/intrinsic-vira-props';
 import type * as React from 'react';
 import './skeleton.css';
 /**

package/dist/components/skeleton/skeleton.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { extractIntrinsicViraProps } from '@react/src/core/props/intrinsic-vira-props';
-import { resolveThemeValue } from '@react/src/core/theme/resolve-theme-value';
+import { extractIntrinsicViraProps } from '../../core/props/intrinsic-vira-props';
+import { resolveThemeValue } from '../../core/theme/resolve-theme-value';
 import clsx from 'clsx';
 import './skeleton.css';
 export const Skeleton = ({ className, height, minHeight, minWidth, radius, ref, style, width, ...otherProps }) => {

package/dist/components/slider/slider-control.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { Slider as PrimitiveSlider } from '@base-ui/react/slider';
-import { Stack } from '@react/src/components/stack';
+import { Stack } from '../stack';
 import './slider-control.css';
 function resolveThumbAriaLabels(thumbAriaLabel, isRange) {
     if (thumbAriaLabel === undefined) {

package/dist/components/slider/slider.d.ts

@@ -1,6 +1,6 @@
 import type { FieldRoot } from '@base-ui/react/field';
 import type { SliderRoot } from '@base-ui/react/slider';
-import type { IntrinsicViraProps } from '@react/src/core/props/intrinsic-vira-props';
+import type { IntrinsicViraProps } from '../../core/props/intrinsic-vira-props';
 import type * as React from 'react';
 import './slider-control.css';
 import './slider.css';

package/dist/components/slider/slider.js

@@ -2,10 +2,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Field } from '@base-ui/react/field';
 import { Slider as PrimitiveSlider } from '@base-ui/react/slider';
-import { FieldHelperCopy } from '@react/src/components/basic-input/field-helper-copy';
-import { Stack } from '@react/src/components/stack';
-import { Text } from '@react/src/components/text';
-import { extractIntrinsicViraProps } from '@react/src/core/props/intrinsic-vira-props';
+import { FieldHelperCopy } from '../basic-input/field-helper-copy';
+import { Stack } from '../stack';
+import { Text } from '../text';
+import { extractIntrinsicViraProps } from '../../core/props/intrinsic-vira-props';
 import { clsx } from 'clsx';
 import { SliderControl } from './slider-control';
 import './slider-control.css';

package/dist/components/spinner/spinner.d.ts

@@ -1,5 +1,5 @@
 import './spinner.css';
-import type { IntrinsicViraProps } from '@react/src/core/props/intrinsic-vira-props';
+import type { IntrinsicViraProps } from '../../core/props/intrinsic-vira-props';
 export type SpinnerProps = Omit<React.ComponentProps<'svg'>, 'color'> & IntrinsicViraProps & {
     /**
      * Sets the rendered spinner size.

package/dist/components/spinner/spinner.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { extractIntrinsicViraProps } from '@react/src/core/props/intrinsic-vira-props';
+import { extractIntrinsicViraProps } from '../../core/props/intrinsic-vira-props';
 import clsx from 'clsx';
 import './spinner.css';
 export const Spinner = ({ className, color, size = 'big', ref, style, ...otherProps }) => {

package/dist/components/stack/stack.d.ts

@@ -1,8 +1,8 @@
 import { useRender } from '@base-ui/react/use-render';
-import type { ThemeTypes } from '@foundation/platforms/web/vira/types';
+import type { ThemeTypes } from '@viraui/foundation/vira/types';
 import type * as React from 'react';
 import './stack.css';
-import type { IntrinsicViraProps } from '@react/src/core/props/intrinsic-vira-props';
+import type { IntrinsicViraProps } from '../../core/props/intrinsic-vira-props';
 type StackAlignment = 'start' | 'center' | 'end' | 'stretch' | 'initial' | 'space-between' | 'space-around' | 'space-evenly';
 type StackSpace = ThemeTypes['space'];
 type StackAxisPadding = StackSpace | [StackSpace | 0, StackSpace | 0];

package/dist/components/stack/stack.js

@@ -1,8 +1,8 @@
 'use client';
 import { useRender } from '@base-ui/react/use-render';
-import { resolveAxisPadding } from '@react/src/core/styles/resolve-axis-padding';
-import { extractIntrinsicViraProps } from '@react/src/core/props/intrinsic-vira-props';
-import { resolveThemeValue } from '@react/src/core/theme/resolve-theme-value';
+import { resolveAxisPadding } from '../../core/styles/resolve-axis-padding';
+import { extractIntrinsicViraProps } from '../../core/props/intrinsic-vira-props';
+import { resolveThemeValue } from '../../core/theme/resolve-theme-value';
 import { clsx } from 'clsx';
 import './stack.css';
 export const Stack = ({ className, direction = 'column', fillChildren = true, hAlign = 'initial', hPadding, inline = false, maxWidth, minWidth, ref, render, rowGap, columnGap, style, vAlign = 'initial', vPadding, wrap = false, ...otherProps }) => {

package/dist/components/surface/surface.d.ts

@@ -1,8 +1,8 @@
 import { useRender } from '@base-ui/react/use-render';
-import type { ThemeTypes } from '@foundation/platforms/web/vira/types';
+import type { ThemeTypes } from '@viraui/foundation/vira/types';
 import type * as React from 'react';
 import './surface.css';
-import type { IntrinsicViraProps } from '@react/src/core/props/intrinsic-vira-props';
+import type { IntrinsicViraProps } from '../../core/props/intrinsic-vira-props';
 /** Base ramp layer for nested surfaces; clamped to 1–3 at runtime. */
 type SurfaceBaseLevel = 1 | 2 | 3;
 type SurfaceColor = string | SurfaceBaseLevel;

package/dist/components/surface/surface.js

@@ -1,8 +1,8 @@
 'use client';
 import { useRender } from '@base-ui/react/use-render';
-import { extractIntrinsicViraProps } from '@react/src/core/props/intrinsic-vira-props';
-import { resolveAxisPadding } from '@react/src/core/styles/resolve-axis-padding';
-import { resolveThemeValue } from '@react/src/core/theme/resolve-theme-value';
+import { extractIntrinsicViraProps } from '../../core/props/intrinsic-vira-props';
+import { resolveAxisPadding } from '../../core/styles/resolve-axis-padding';
+import { resolveThemeValue } from '../../core/theme/resolve-theme-value';
 import { clsx } from 'clsx';
 import './surface.css';
 const clampSurfaceBaseLevel = (value) => {

package/dist/components/switch/switch.d.ts

@@ -1,7 +1,7 @@
 import type { FieldRoot } from '@base-ui/react/field';
 import type { SwitchRoot } from '@base-ui/react/switch';
 import type * as React from 'react';
-import type { IntrinsicViraProps } from '@react/src/core/props/intrinsic-vira-props';
+import type { IntrinsicViraProps } from '../../core/props/intrinsic-vira-props';
 import './switch.css';
 /**
  * Public Switch props.

package/dist/components/switch/switch.js

@@ -2,10 +2,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Field } from '@base-ui/react/field';
 import { Switch as PrimitiveSwitch } from '@base-ui/react/switch';
-import { FieldHelperCopy } from '@react/src/components/basic-input/field-helper-copy';
-import { Stack } from '@react/src/components/stack';
-import { Text } from '@react/src/components/text';
-import { extractIntrinsicViraProps } from '@react/src/core/props/intrinsic-vira-props';
+import { FieldHelperCopy } from '../basic-input/field-helper-copy';
+import { Stack } from '../stack';
+import { Text } from '../text';
+import { extractIntrinsicViraProps } from '../../core/props/intrinsic-vira-props';
 import { clsx } from 'clsx';
 import './switch.css';
 export const Switch = ({ className, description, dirty, disabled, error, invalid, label, name, ref, size = 'small', touched, validate, validationDebounceTime, validationMode, ...switchRootProps }) => {

package/dist/components/text/text.d.ts

@@ -1,6 +1,6 @@
 import { useRender } from '@base-ui/react/use-render';
-import type { ThemeTypes } from '@foundation/platforms/web/vira/types';
-import type { IntrinsicViraProps } from '@react/src/core/props/intrinsic-vira-props';
+import type { ThemeTypes } from '@viraui/foundation/vira/types';
+import type { IntrinsicViraProps } from '../../core/props/intrinsic-vira-props';
 import type * as React from 'react';
 import './text.css';
 type TextSpace = ThemeTypes['space'];

package/dist/components/text/text.js

@@ -1,7 +1,7 @@
 'use client';
 import { useRender } from '@base-ui/react/use-render';
-import { extractIntrinsicViraProps } from '@react/src/core/props/intrinsic-vira-props';
-import { resolveAxisPadding } from '@react/src/core/styles/resolve-axis-padding';
+import { extractIntrinsicViraProps } from '../../core/props/intrinsic-vira-props';
+import { resolveAxisPadding } from '../../core/styles/resolve-axis-padding';
 import { clsx } from 'clsx';
 import './text.css';
 export const Text = ({ align = 'start', balanced = false, className, color, family = 'body', fontWidth, hPadding, lineHeight = 'standard', maxWidth, opticalSize, ref, render, size = 'medium', style, tone, trim, trimType = 'cap alphabetic', vPadding, weight = 'regular', whiteSpace = 'normal', ...otherProps }) => {

package/dist/components/textarea/textarea.d.ts

@@ -1,7 +1,7 @@
 import type { FieldRoot } from '@base-ui/react/field';
 import type * as React from 'react';
 import './textarea.css';
-import type { IntrinsicViraProps } from '@react/src/core/props/intrinsic-vira-props';
+import type { IntrinsicViraProps } from '../../core/props/intrinsic-vira-props';
 /**
  * Public Textarea props.
  *

package/dist/components/textarea/textarea.js

@@ -1,11 +1,11 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Field } from '@base-ui/react/field';
-import { BasicInput } from '@react/src/components/basic-input';
-import { FieldHelperCopy } from '@react/src/components/basic-input/field-helper-copy';
-import { Stack } from '@react/src/components/stack';
-import { Text } from '@react/src/components/text';
-import { extractIntrinsicViraProps } from '@react/src/core/props/intrinsic-vira-props';
+import { BasicInput } from '../basic-input';
+import { FieldHelperCopy } from '../basic-input/field-helper-copy';
+import { Stack } from '../stack';
+import { Text } from '../text';
+import { extractIntrinsicViraProps } from '../../core/props/intrinsic-vira-props';
 import './textarea.css';
 export const Textarea = ({ className, description, dirty, disabled, error, invalid, label, name, ref, resize, touched, validate, validationDebounceTime, validationMode, ...textareaProps }) => {
     const { componentProps, intrinsicAttributes } = extractIntrinsicViraProps(textareaProps);

package/dist/components/textfield/textfield.d.ts

@@ -2,7 +2,7 @@ import type { FieldRoot } from '@base-ui/react/field';
 import { Input as PrimitiveInput } from '@base-ui/react/input';
 import type * as React from 'react';
 import './textfield.css';
-import type { IntrinsicViraProps } from '@react/src/core/props/intrinsic-vira-props';
+import type { IntrinsicViraProps } from '../../core/props/intrinsic-vira-props';
 /**
  * Public Textfield props.
  *

package/dist/components/textfield/textfield.js

@@ -2,11 +2,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Field } from '@base-ui/react/field';
 import { Input as PrimitiveInput } from '@base-ui/react/input';
-import { Stack, Text } from '@react/src/components';
-import { BasicInput } from '@react/src/components/basic-input';
-import { FieldHelperCopy } from '@react/src/components/basic-input/field-helper-copy';
-import { InputControlGroup } from '@react/src/components/basic-input/input-control-group';
-import { extractIntrinsicViraProps } from '@react/src/core/props/intrinsic-vira-props';
+import { Stack, Text } from '..';
+import { BasicInput } from '../basic-input';
+import { FieldHelperCopy } from '../basic-input/field-helper-copy';
+import { InputControlGroup } from '../basic-input/input-control-group';
+import { extractIntrinsicViraProps } from '../../core/props/intrinsic-vira-props';
 import './textfield.css';
 export const Textfield = ({ className, description, dirty, disabled, endAddon, error, invalid, label, name, ref, startAddon, touched, validate, validationDebounceTime, validationMode, ...inputProps }) => {
     const { componentProps, intrinsicAttributes } = extractIntrinsicViraProps(inputProps);

package/dist/components/title/title.d.ts

@@ -1,8 +1,8 @@
 import { useRender } from '@base-ui/react/use-render';
-import type { ThemeTypes } from '@foundation/platforms/web/vira/types';
+import type { ThemeTypes } from '@viraui/foundation/vira/types';
 import type * as React from 'react';
 import './title.css';
-import type { IntrinsicViraProps } from '@react/src/core/props/intrinsic-vira-props';
+import type { IntrinsicViraProps } from '../../core/props/intrinsic-vira-props';
 type TitleSpace = ThemeTypes['space'];
 type TitleAxisPadding = TitleSpace | [TitleSpace | 0, TitleSpace | 0];
 /**

package/dist/components/title/title.js

@@ -1,7 +1,7 @@
 'use client';
 import { useRender } from '@base-ui/react/use-render';
-import { extractIntrinsicViraProps } from '@react/src/core/props/intrinsic-vira-props';
-import { resolveAxisPadding } from '@react/src/core/styles/resolve-axis-padding';
+import { extractIntrinsicViraProps } from '../../core/props/intrinsic-vira-props';
+import { resolveAxisPadding } from '../../core/styles/resolve-axis-padding';
 import { clsx } from 'clsx';
 import './title.css';
 export const Title = ({ align = 'start', balanced = false, className, color, fontWidth, hPadding, level = 'h1', lineHeight = 'standard', maxWidth, opticalSize, ref, render, style, trim = 'both', trimType = 'cap alphabetic', vPadding, weight, whiteSpace = 'normal', ...otherProps }) => {

package/dist/consumption.json

@@ -0,0 +1,77 @@
+{
+  "summary": "Minimal bootstrap for external apps consuming @viraui/react.",
+  "requiredPackages": {
+    "@viraui/react": "Public components, preflight CSS, and usage guides.",
+    "react": "Peer dependency.",
+    "react-dom": "Peer dependency.",
+    "@base-ui/react": "Peer dependency for wrapped primitives."
+  },
+  "optionalPackages": {
+    "@viraui/foundation": "Preset Vira brand theme CSS, ThemeTypes, and JSON only.",
+    "@viraui/icons": "ViraUI icons assets when not using Icon from @viraui/react."
+  },
+  "importOrder": [
+    "Compatible theme CSS (preset @viraui/foundation/vira.css, custom theme CSS, or future theme-builder export)",
+    "Consumer font CSS or @font-face rules matching theme font-family strings (for example @fontsource-variable packages)",
+    "@viraui/react/preflight.css"
+  ],
+  "importMechanism": {
+    "rule": "Load theme CSS, font CSS, and preflight through JavaScript side-effect imports in the app root entry module.",
+    "forbidden": "Do not bootstrap Vira theme, font, or preflight CSS with CSS @import in a global stylesheet."
+  },
+  "nextJsAppRouter": {
+    "mandatory": true,
+    "rule": "In Next.js App Router apps, import theme CSS, font CSS, and @viraui/react/preflight.css as JavaScript side-effect imports in root app/layout.tsx; never bootstrap them with CSS @import in globals.css.",
+    "entryModule": "app/layout.tsx",
+    "importOrder": [
+      "Compatible theme CSS (preset @viraui/foundation/vira.css, custom theme CSS, or future theme-builder export)",
+      "Consumer font CSS or @fontsource-variable packages matching theme font-family strings",
+      "@viraui/react/preflight.css"
+    ],
+    "requiredImports": [
+      "import '@viraui/foundation/vira.css'",
+      "import '@fontsource-variable/geist/wght.css'",
+      "import '@fontsource-variable/geist-mono/wght.css'",
+      "import '@viraui/react/preflight.css'"
+    ],
+    "forbidden": {
+      "location": "app/globals.css",
+      "mechanism": "CSS @import",
+      "targets": ["@viraui/foundation/*", "@viraui/react/preflight.css", "@fontsource-variable/*"]
+    },
+    "globalsCssScope": "App-owned global styles only; no @viraui/* or font-package @import",
+    "layoutExample": [
+      "import '@viraui/foundation/vira.css';",
+      "import '@fontsource-variable/geist/wght.css';",
+      "import '@fontsource-variable/geist-mono/wght.css';",
+      "import '@viraui/react/preflight.css';",
+      "import './globals.css';"
+    ]
+  },
+  "themePaths": [
+    {
+      "id": "preset-vira",
+      "label": "Preset Vira brand",
+      "foundation": true,
+      "themeCss": "@viraui/foundation/vira.css"
+    },
+    {
+      "id": "custom",
+      "label": "Consumer custom theme",
+      "foundation": false,
+      "themeCss": "Consumer-authored CSS with public semantic variables"
+    },
+    {
+      "id": "theme-builder",
+      "label": "Future theme builder export",
+      "foundation": false,
+      "themeCss": "Exported theme CSS from a Vira theme builder"
+    }
+  ],
+  "discovery": {
+    "catalog": "@viraui/react/catalog.json",
+    "consumption": "@viraui/react/consumption.json",
+    "themeSurface": "@viraui/react/theme-surface.json",
+    "componentGuide": "@viraui/react/<component>.guide.json"
+  }
+}

package/dist/core/styles/resolve-axis-padding.d.ts

@@ -1,4 +1,4 @@
-import type { ThemeTypes } from '@foundation/platforms/web/vira/types';
+import type { ThemeTypes } from '@viraui/foundation/vira/types';
 import type * as React from 'react';
 type AxisPadding = ThemeTypes['space'] | [ThemeTypes['space'] | 0, ThemeTypes['space'] | 0];
 export declare const resolveAxisPadding: (value: AxisPadding | undefined, startKey: string, endKey: string) => React.CSSProperties;

package/dist/core/styles/resolve-axis-padding.js

@@ -1,4 +1,4 @@
-import { resolveThemeValue } from '@react/src/core/theme/resolve-theme-value';
+import { resolveThemeValue } from '../theme/resolve-theme-value';
 export const resolveAxisPadding = (value, startKey, endKey) => {
     if (!value) {
         return {};

package/dist/core/theme/resolve-theme-value.d.ts

@@ -1,4 +1,4 @@
-import theme from '@foundation/platforms/web/vira/vira-nested.json';
+import theme from '@viraui/foundation/vira/nested';
 type ThemeTree = typeof theme;
 type ThemeKey = keyof ThemeTree;
 export declare const resolveThemeValue: <TKey extends ThemeKey, TValue extends keyof ThemeTree[TKey], TFallback>(key: TValue | null | undefined | 0, themeKey: TKey, fallbackValue: TFallback) => ThemeTree[TKey][TValue] | TFallback;

package/dist/core/theme/resolve-theme-value.js

@@ -1,4 +1,4 @@
-import theme from '@foundation/platforms/web/vira/vira-nested.json';
+import theme from '@viraui/foundation/vira/nested';
 export const resolveThemeValue = (key, themeKey, fallbackValue) => {
     if (!key) {
         return fallbackValue;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viraui/react",
-  "version": "0.0.8",
+  "version": "0.0.10",
   "private": false,
   "files": [
     "dist"
@@ -24,8 +24,8 @@
     "./catalog.json": "./dist/catalog.json",
     "./consumption.json": "./dist/consumption.json",
     "./theme-surface.json": "./dist/theme-surface.json",
-    "./*.css": "./dist/*/*.css",
-    "./*.guide.json": "./dist/*/*.guide.json"
+    "./*.css": "./dist/components/*/*.css",
+    "./*.guide.json": "./dist/components/*/*.guide.json"
   },
   "publishConfig": {
     "access": "public",
@@ -40,10 +40,10 @@
     "react": ">=19.2.7",
     "react-dom": ">=19.2.7",
     "svger-cli": "4.0.8",
-    "@viraui/foundation": "0.0.8",
-    "@viraui/icons": "0.0.8",
-    "@viraui/postcss-config": "0.0.8",
-    "@viraui/tsconfig": "0.0.8"
+    "@viraui/foundation": "0.0.10",
+    "@viraui/icons": "0.0.10",
+    "@viraui/postcss-config": "0.0.10",
+    "@viraui/tsconfig": "0.0.10"
   },
   "peerDependencies": {
     "@base-ui/react": ">=1.5.0",
@@ -56,7 +56,7 @@
     "build:css": "run-s build:css:components build:css:preflight build:css:guides",
     "build:css:components": "copyfiles -u 1 \"src/components/**/*.css\" dist",
     "build:css:preflight": "postcss src/preflight.css --output dist/preflight.css",
-    "build:css:guides": "copyfiles -u 2 \"src/components/**/*.guide.json\" dist && copyfiles -u 1 \"src/guides/*.json\" dist",
+    "build:css:guides": "copyfiles -u 1 \"src/components/**/*.guide.json\" dist && copyfiles -u 2 \"src/guides/*.json\" dist",
     "build:catalog": "node --import tsx src/build-catalog.ts",
     "build:icons": "node --import tsx src/build-icons.ts",
     "build:types": "tsc -p tsconfig.json"

package/dist/guides/consumption.json

@@ -1,44 +0,0 @@
-{
-  "summary": "Minimal bootstrap for external apps consuming @viraui/react.",
-  "requiredPackages": {
-    "@viraui/react": "Public components, preflight CSS, and usage guides.",
-    "react": "Peer dependency.",
-    "react-dom": "Peer dependency.",
-    "@base-ui/react": "Peer dependency for wrapped primitives."
-  },
-  "optionalPackages": {
-    "@viraui/foundation": "Preset Vira brand theme CSS, ThemeTypes, and JSON only.",
-    "@viraui/icons": "ViraUI icons assets when not using Icon from @viraui/react."
-  },
-  "importOrder": [
-    "@viraui/react/preflight.css",
-    "Compatible theme CSS (preset @viraui/foundation/vira/css, custom theme CSS, or future theme-builder export)",
-    "Consumer @font-face rules matching theme font-family strings or import from fontsource packages"
-  ],
-  "themePaths": [
-    {
-      "id": "preset-vira",
-      "label": "Preset Vira brand",
-      "foundation": true,
-      "themeCss": "@viraui/foundation/vira/css"
-    },
-    {
-      "id": "custom",
-      "label": "Consumer custom theme",
-      "foundation": false,
-      "themeCss": "Consumer-authored CSS with public semantic variables"
-    },
-    {
-      "id": "theme-builder",
-      "label": "Future theme builder export",
-      "foundation": false,
-      "themeCss": "Exported theme CSS from a Vira theme builder"
-    }
-  ],
-  "discovery": {
-    "catalog": "@viraui/react/catalog.json",
-    "consumption": "@viraui/react/consumption.json",
-    "themeSurface": "@viraui/react/theme-surface.json",
-    "componentGuide": "@viraui/react/<component>.guide.json"
-  }
-}