reshaped 4.0.2 → 4.1.0-canary.0

package/dist/components/NumberField/NumberFieldControlled.js

@@ -1,19 +1,19 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
-import Actionable from "../Actionable/index.js";
-import { useFormControl } from "../FormControl/index.js";
-import Icon from "../Icon/index.js";
-import TextField from "../TextField/index.js";
-import useElementId from "../../hooks/useElementId.js";
-import useHandlerRef from "../../hooks/useHandlerRef.js";
-import useHotkeys from "../../hooks/useHotkeys.js";
-import { responsiveClassNames, responsivePropDependency } from "../../utilities/props.js";
-import * as keys from "../../constants/keys.js";
-import IconChevronDown from "../../icons/ChevronDown.js";
-import IconChevronUp from "../../icons/ChevronUp.js";
-import IconMinus from "../../icons/Minus.js";
-import IconPlus from "../../icons/Plus.js";
+import Actionable from "../../components/Actionable";
+import { useFormControl } from "../../components/FormControl";
+import Icon from "../../components/Icon";
+import TextField from "../../components/TextField";
+import useElementId from "../../hooks/useElementId";
+import useHandlerRef from "../../hooks/useHandlerRef";
+import useHotkeys from "../../hooks/useHotkeys";
+import { responsiveClassNames, responsivePropDependency } from "../../utilities/props";
+import * as keys from "../../constants/keys";
+import IconChevronDown from "../../icons/ChevronDown";
+import IconChevronUp from "../../icons/ChevronUp";
+import IconMinus from "../../icons/Minus";
+import IconPlus from "../../icons/Plus";
 import s from "./NumberField.module.css";
 const NumberFieldControlled = (props) => {
     const { increaseAriaLabel, decreaseAriaLabel, min, max, step = 1, name, value, onChange, size = "medium", ...textFieldProps } = props;

package/dist/components/NumberField/NumberFieldUncontrolled.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from "react";
-import NumberFieldControlled from "./NumberFieldControlled.js";
+import NumberFieldControlled from "./NumberFieldControlled";
 const NumberFieldUncontrolled = (props) => {
     const { defaultValue, onChange } = props;
     const [value, setValue] = React.useState(defaultValue ?? null);

package/dist/components/NumberField/index.js

@@ -1 +1 @@
-export { default } from "./NumberField.js";
+export { default } from "./NumberField";

package/dist/components/NumberField/tests/NumberField.stories.d.ts

@@ -2,7 +2,7 @@ import { StoryObj } from "@storybook/react-vite";
 import { Mock } from "storybook/test";
 declare const _default: {
     title: string;
-    component: import("react").FC<import("./..").NumberFieldProps>;
+    component: import("react").FC<import("../../../components/NumberField").NumberFieldProps>;
     parameters: {
         iframe: {
             url: string;

package/dist/components/NumberField/tests/NumberField.stories.js

@@ -5,8 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.valueChanges = exports.formControl = exports.className = exports.step = exports.clampOnBlur = exports.minMax = exports.value = exports.defaultValue = exports.disabled = exports.size = exports.variant = void 0;
 const test_1 = require("storybook/test");
-const FormControl_1 = __importDefault(require("../../FormControl"));
-const NumberField_1 = __importDefault(require("./.."));
+const FormControl_1 = __importDefault(require("../../../components/FormControl"));
+const NumberField_1 = __importDefault(require("../../../components/NumberField"));
 const storybook_1 = require("../../../utilities/storybook");
 exports.default = {
     title: "Components/NumberField",

package/dist/components/Overlay/Overlay.js

@@ -2,14 +2,14 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from "react";
 import { TrapFocus, classNames } from "@reshaped/utilities";
-import Portal from "../_private/Portal/index.js";
-import useHandlerRef from "../../hooks/useHandlerRef.js";
-import useHotkeys from "../../hooks/useHotkeys.js";
-import useIsDismissible from "../../hooks/useIsDismissible.js";
-import useIsomorphicLayoutEffect from "../../hooks/useIsomorphicLayoutEffect.js";
-import useScrollLock from "../../hooks/useScrollLock.js";
-import useToggle from "../../hooks/useToggle.js";
-import { onNextFrame, checkTransitions } from "../../utilities/animation.js";
+import Portal from "../../components/_private/Portal";
+import useHandlerRef from "../../hooks/useHandlerRef";
+import useHotkeys from "../../hooks/useHotkeys";
+import useIsDismissible from "../../hooks/useIsDismissible";
+import useIsomorphicLayoutEffect from "../../hooks/useIsomorphicLayoutEffect";
+import useScrollLock from "../../hooks/useScrollLock";
+import useToggle from "../../hooks/useToggle";
+import { onNextFrame, checkTransitions } from "../../utilities/animation";
 import s from "./Overlay.module.css";
 const Overlay = (props) => {
     const { active, children, transparent, blurred, overflow, onClose, onAfterClose, onAfterOpen, disableCloseOnClick, containerRef, contained, className, instanceRef, attributes, } = props;

package/dist/components/Overlay/Overlay.module.css

@@ -1 +1 @@
-.root{--rs-overlay-offset-y:0px;--rs-overlay-offset-x:0px;--rs-overlay-opacity:0;overflow-x:clip;position:fixed;-webkit-overflow-scrolling:touch;background-color:rgb(from var(--rs-color-black) r g b/0);color:var(--rs-color-white);isolation:isolate;left:var(--rs-overlay-offset-x);opacity:0;outline:none;top:var(--rs-overlay-offset-y);z-index:var(--rs-z-index-fixed)}.root,.wrapper{height:100%;width:100%}.wrapper{display:table}.inner{display:table-cell;text-align:center}.content,.inner{vertical-align:middle}.content{display:inline-block;text-align:initial}.root.--visible{--rs-overlay-opacity:1;background-color:rgb(from var(--rs-color-black) r g b/calc(var(--rs-overlay-opacity) * .7));opacity:1}.root.--click-through{color:inherit;pointer-events:none}.root.--blurred{backdrop-filter:blur(3px);height:calc(100% + 2px);left:calc(var(--rs-overlay-offset-x) - 1px);top:calc(var(--rs-overlay-offset-y) - 1px);width:calc(100% + 2px)}.root.--click-through .content,.root.--click-through>:not(.wrapper){pointer-events:all}.root.--contained{position:absolute}.root.--animated{transition:var(--rs-duration-medium) var(--rs-easing-accelerate);transition-property:background-color,opacity}.root.--animated.--visible{transition-timing-function:var(--rs-easing-decelerate)}.root.--overflow-auto{overflow:auto;overscroll-behavior:none}
+.root{--rs-overlay-offset-y:0px;--rs-overlay-offset-x:0px;--rs-overlay-opacity:0;position:fixed;overflow-x:clip;-webkit-overflow-scrolling:touch;left:var(--rs-overlay-offset-x);top:var(--rs-overlay-offset-y);z-index:var(--rs-z-index-fixed);color:var(--rs-color-white);background-color:rgb(from var(--rs-color-black) r g b/0);opacity:0;outline:none;isolation:isolate}.root,.wrapper{height:100%;width:100%}.wrapper{display:table}.inner{display:table-cell;text-align:center}.content,.inner{vertical-align:middle}.content{display:inline-block;text-align:initial}.root.--visible{--rs-overlay-opacity:1;background-color:rgb(from var(--rs-color-black) r g b/calc(var(--rs-overlay-opacity) * .7));opacity:1}.root.--click-through{color:inherit;pointer-events:none}.root.--blurred{backdrop-filter:blur(3px);left:calc(var(--rs-overlay-offset-x) - 1px);top:calc(var(--rs-overlay-offset-y) - 1px);width:calc(100% + 2px);height:calc(100% + 2px)}.root.--click-through .content,.root.--click-through>:not(.wrapper){pointer-events:all}.root.--contained{position:absolute}.root.--animated{transition:var(--rs-duration-medium) var(--rs-easing-accelerate);transition-property:background-color,opacity}.root.--animated.--visible{transition-timing-function:var(--rs-easing-decelerate)}.root.--overflow-auto{overflow:auto;overscroll-behavior:none}

package/dist/components/Overlay/index.js

@@ -1 +1 @@
-export { default } from "./Overlay.js";
+export { default } from "./Overlay";

package/dist/components/Overlay/tests/Overlay.stories.d.ts

@@ -3,7 +3,7 @@ import React from "react";
 import { fn, Mock } from "storybook/test";
 declare const _default: {
     title: string;
-    component: React.FC<import("./..").OverlayProps>;
+    component: React.FC<import("../../../components/Overlay").OverlayProps>;
     parameters: {
         iframe: {
             url: string;

package/dist/components/Overlay/tests/Overlay.stories.js

@@ -7,9 +7,9 @@ exports.testPortal = exports.className = exports.containerRefNotContained = expo
 const react_1 = __importDefault(require("react"));
 const react_dom_1 = __importDefault(require("react-dom"));
 const test_1 = require("storybook/test");
-const Button_1 = __importDefault(require("../../Button"));
-const Overlay_1 = __importDefault(require("./.."));
-const View_1 = __importDefault(require("../../View"));
+const Button_1 = __importDefault(require("../../../components/Button"));
+const Overlay_1 = __importDefault(require("../../../components/Overlay"));
+const View_1 = __importDefault(require("../../../components/View"));
 const useToggle_1 = __importDefault(require("../../../hooks/useToggle"));
 const helpers_1 = require("../../../utilities/helpers");
 const storybook_1 = require("../../../utilities/storybook");

package/dist/components/Pagination/Pagination.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import PaginationControlled from "./PaginationControlled.js";
-import PaginationUncontrolled from "./PaginationUncontrolled.js";
+import PaginationControlled from "./PaginationControlled";
+import PaginationUncontrolled from "./PaginationUncontrolled";
 const Pagination = (props) => {
     const { page } = props;
     if (page !== undefined)

package/dist/components/Pagination/PaginationControlled.js

@@ -1,10 +1,10 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Button from "../Button/index.js";
-import View from "../View/index.js";
-import { range } from "../../utilities/helpers.js";
-import IconChevronLeft from "../../icons/ChevronLeft.js";
-import IconChevronRight from "../../icons/ChevronRight.js";
+import Button from "../../components/Button";
+import View from "../../components/View";
+import { range } from "../../utilities/helpers";
+import IconChevronLeft from "../../icons/ChevronLeft";
+import IconChevronRight from "../../icons/ChevronRight";
 import s from "./Pagination.module.css";
 const PaginationControlled = (props) => {
     const { total, page: selectedPage = 1, onChange, pageAriaLabel, previousAriaLabel, nextAriaLabel, className, attributes, } = props;

package/dist/components/Pagination/PaginationUncontrolled.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from "react";
-import PaginationControlled from "./PaginationControlled.js";
+import PaginationControlled from "./PaginationControlled";
 const PaginationUncontrolled = (props) => {
     const { defaultPage = 1, onChange, ...controlledProps } = props;
     const [page, setPage] = React.useState(defaultPage || 1);

package/dist/components/Pagination/index.js

@@ -1 +1 @@
-export { default } from "./Pagination.js";
+export { default } from "./Pagination";

package/dist/components/Pagination/tests/Pagination.stories.d.ts

@@ -2,7 +2,7 @@ import { StoryObj } from "@storybook/react-vite";
 import { fn } from "storybook/test";
 declare const _default: {
     title: string;
-    component: import("react").FC<import("./..").PaginationProps>;
+    component: import("react").FC<import("../../../components/Pagination").PaginationProps>;
     parameters: {
         iframe: {
             url: string;

package/dist/components/Pagination/tests/Pagination.stories.js

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.className = exports.page = exports.defaultPage = exports.render = exports.truncate = void 0;
 const test_1 = require("storybook/test");
-const Pagination_1 = __importDefault(require("./.."));
+const Pagination_1 = __importDefault(require("../../../components/Pagination"));
 const storybook_1 = require("../../../utilities/storybook");
 exports.default = {
     title: "Components/Pagination",

package/dist/components/PinField/PinField.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import PinFieldControlled from "./PinFieldControlled.js";
-import PinFieldUncontrolled from "./PinFieldUncontrolled.js";
+import PinFieldControlled from "./PinFieldControlled";
+import PinFieldUncontrolled from "./PinFieldUncontrolled";
 const PinField = (props) => {
     const { value } = props;
     if (value !== undefined)

package/dist/components/PinField/PinField.module.css

@@ -1 +1 @@
-.root{display:inline-flex}.input,.root{vertical-align:top}.input{background:transparent;border:transparent;caret-color:transparent;color:transparent;font-size:16px;inset:0;opacity:0;outline:none;pointer-events:none;position:absolute;user-select:none}.item{box-sizing:border-box;cursor:text}.item--focused{box-shadow:0 0 0 1.5px var(--rs-color-border-primary) inset}.item--focused .caret:last-child{display:block}.caret{animation:rs-pin-field-caret 1s ease-out infinite;background:var(--rs-color-foreground-neutral-faded);border-radius:var(--rs-radius-circular);display:none;height:var(--rs-font-size-body-2);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1px}@keyframes rs-pin-field-caret{0%,49.9%,to{opacity:1}50%,99.9%{opacity:0}}
+.root{display:inline-flex}.input,.root{vertical-align:top}.input{position:absolute;font-size:16px;background:transparent;color:transparent;border:transparent;outline:none;caret-color:transparent;pointer-events:none;user-select:none;inset:0;opacity:0}.item{cursor:text;box-sizing:border-box}.item--focused{box-shadow:0 0 0 1.5px var(--rs-color-border-primary) inset}.item--focused .caret:last-child{display:block}.caret{width:1px;height:var(--rs-font-size-body-2);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:var(--rs-radius-circular);animation:rs-pin-field-caret 1s ease-out infinite;display:none;background:var(--rs-color-foreground-neutral-faded)}@keyframes rs-pin-field-caret{0%,49.9%,to{opacity:1}50%,99.9%{opacity:0}}

package/dist/components/PinField/PinFieldControlled.js

@@ -1,14 +1,14 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
-import { useFormControl } from "../FormControl/index.js";
-import Text from "../Text/index.js";
-import View from "../View/index.js";
-import useHotkeys from "../../hooks/useHotkeys.js";
-import { onNextFrame } from "../../utilities/animation.js";
-import { responsivePropDependency } from "../../utilities/props.js";
-import * as keys from "../../constants/keys.js";
-import { regExpAlphabeticChar, regExpAlphaNumericChar, regExpNumericChar, } from "./PinField.constants.js";
+import { useFormControl } from "../../components/FormControl";
+import Text from "../../components/Text";
+import View from "../../components/View";
+import useHotkeys from "../../hooks/useHotkeys";
+import { onNextFrame } from "../../utilities/animation";
+import { responsivePropDependency } from "../../utilities/props";
+import * as keys from "../../constants/keys";
+import { regExpAlphabeticChar, regExpAlphaNumericChar, regExpNumericChar, } from "./PinField.constants";
 import s from "./PinField.module.css";
 const sizeMap = {
     small: 7,

package/dist/components/PinField/PinFieldUncontrolled.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from "react";
-import PinFieldControlled from "./PinFieldControlled.js";
+import PinFieldControlled from "./PinFieldControlled";
 const PinFieldUncontrolled = (props) => {
     const { defaultValue, onChange, ...controlledProps } = props;
     const [value, setValue] = React.useState(defaultValue || "");

package/dist/components/PinField/index.js

@@ -1 +1 @@
-export { default } from "./PinField.js";
+export { default } from "./PinField";

package/dist/components/PinField/tests/PinField.stories.d.ts

@@ -2,7 +2,7 @@ import { StoryObj } from "@storybook/react-vite";
 import { fn } from "storybook/test";
 declare const _default: {
     title: string;
-    component: import("react").FC<import("./..").PinFieldProps>;
+    component: import("react").FC<import("../../../components/PinField").PinFieldProps>;
     parameters: {
         iframe: {
             url: string;

package/dist/components/PinField/tests/PinField.stories.js

@@ -5,8 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.keyboard = exports.formControl = exports.className = exports.pattern = exports.value = exports.defaultValue = exports.valueLength = exports.size = exports.variant = exports.base = void 0;
 const test_1 = require("storybook/test");
-const FormControl_1 = __importDefault(require("../../FormControl"));
-const PinField_1 = __importDefault(require("./.."));
+const FormControl_1 = __importDefault(require("../../../components/FormControl"));
+const PinField_1 = __importDefault(require("../../../components/PinField"));
 const storybook_1 = require("../../../utilities/storybook");
 exports.default = {
     title: "Components/PinField",

package/dist/components/Popover/Popover.d.ts

@@ -1,4 +1,4 @@
-import { type DismissibleProps } from "../Dismissible";
+import { type DismissibleProps } from "../../components/Dismissible";
 import type * as T from "./Popover.types";
 declare const Popover: React.FC<T.Props>;
 export declare const PopoverDismissible: React.FC<DismissibleProps>;

package/dist/components/Popover/Popover.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { classNames } from "@reshaped/utilities";
-import Dismissible from "../Dismissible/index.js";
-import Flyout, { useFlyoutContext } from "../Flyout/index.js";
-import { resolveMixin } from "../../styles/mixin.js";
+import Dismissible from "../../components/Dismissible";
+import Flyout, { useFlyoutContext } from "../../components/Flyout";
+import { resolveMixin } from "../../styles/mixin";
 import s from "./Popover.module.css";
 const Popover = (props) => {
-    const { width, triggerType = "click", position = "bottom", elevation = "overlay", borderRadius = "large", padding = 4, ...flyoutProps } = props;
+    const { width, triggerType = "click", position = "bottom", elevation = "overlay", borderRadius = "medium", padding = 4, ...flyoutProps } = props;
     const trapFocusMode = props.trapFocusMode ?? (triggerType === "hover" ? "content-menu" : undefined);
     const contentMixinStyles = resolveMixin({
         shadow: elevation,

package/dist/components/Popover/Popover.module.css

@@ -1 +1 @@
-.content{color:var(--rs-color-foreground-neutral);max-width:360px;min-width:220px}.content--elevation-raised{background:var(--rs-color-background-elevation-raised)}.content--elevation-overlay{background:var(--rs-color-background-elevation-overlay)}.content.content--has-width{max-width:none;min-width:0}@media (--rs-viewport-s ){.content{max-width:none}}
+.content{max-width:360px;color:var(--rs-color-foreground-neutral);min-width:220px}.content--elevation-raised{background:var(--rs-color-background-elevation-raised)}.content--elevation-overlay{background:var(--rs-color-background-elevation-overlay)}.content.content--has-width{max-width:none;min-width:0}@media (--rs-viewport-s ){.content{max-width:none}}

package/dist/components/Popover/Popover.types.d.ts

@@ -1,5 +1,5 @@
 import type React from "react";
-import type { FlyoutInstance, FlyoutProps } from "../Flyout";
+import type { FlyoutInstance, FlyoutProps } from "../../components/Flyout";
 export type Instance = FlyoutInstance;
 export type Props = Pick<FlyoutProps, "id" | "position" | "fallbackPositions" | "fallbackAdjustLayout" | "fallbackMinHeight" | "onOpen" | "onClose" | "onAfterOpen" | "onAfterClose" | "width" | "trapFocusMode" | "active" | "defaultActive" | "contentGap" | "contentShift" | "contentMaxHeight" | "contentZIndex" | "instanceRef" | "triggerType" | "disableHideAnimation" | "disableContentHover" | "disableCloseOnOutsideClick" | "autoFocus" | "containerRef" | "positionRef" | "initialFocusRef" | "originCoordinates"> & {
     /** Node for inserting children */

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

@@ -1,4 +1,4 @@
-import Flyout from "../Flyout";
+import Flyout from "../../components/Flyout";
 import Popover, { PopoverDismissible } from "./Popover";
 declare const PopoverRoot: typeof Popover & {
     Dismissible: typeof PopoverDismissible;

package/dist/components/Popover/index.js

@@ -1,5 +1,5 @@
-import Flyout from "../Flyout/index.js";
-import Popover, { PopoverDismissible } from "./Popover.js";
+import Flyout from "../../components/Flyout";
+import Popover, { PopoverDismissible } from "./Popover";
 const PopoverRoot = Popover;
 PopoverRoot.Dismissible = PopoverDismissible;
 PopoverRoot.Trigger = Flyout.Trigger;

package/dist/components/Popover/tests/Popover.stories.d.ts

@@ -1,6 +1,6 @@
 import { StoryObj } from "@storybook/react-vite";
 import { fn } from "storybook/test";
-import { type PopoverProps } from "./..";
+import { type PopoverProps } from "../../../components/Popover";
 declare const _default: {
     title: string;
     component: import("react").FC<PopoverProps> & {

package/dist/components/Popover/tests/Popover.stories.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.testContentEditable = exports.testWithTooltip = exports.testNested = exports.className = exports.autoFocus = exports.dismissible = exports.handlers = exports.activeFalse = exports.active = exports.defaultActive = exports.elevation = exports.padding = exports.widthFull = exports.widthNumber = exports.position = void 0;
 const react_1 = require("react");
 const test_1 = require("storybook/test");
-const Button_1 = __importDefault(require("../../Button"));
-const MenuItem_1 = __importDefault(require("../../MenuItem"));
-const Popover_1 = __importDefault(require("./.."));
-const ScrollArea_1 = __importDefault(require("../../ScrollArea"));
-const Tooltip_1 = __importDefault(require("../../Tooltip"));
-const View_1 = __importDefault(require("../../View"));
+const Button_1 = __importDefault(require("../../../components/Button"));
+const MenuItem_1 = __importDefault(require("../../../components/MenuItem"));
+const Popover_1 = __importDefault(require("../../../components/Popover"));
+const ScrollArea_1 = __importDefault(require("../../../components/ScrollArea"));
+const Tooltip_1 = __importDefault(require("../../../components/Tooltip"));
+const View_1 = __importDefault(require("../../../components/View"));
 const helpers_1 = require("../../../utilities/helpers");
 const storybook_1 = require("../../../utilities/storybook");
 exports.default = {

package/dist/components/ProgressBar/ProgressBar.module.css

@@ -1 +1 @@
-.root{align-items:flex-start;background:var(--rs-color-background-neutral);display:flex;overflow:hidden}.root,.value{border-radius:var(--rs-radius-small)}.value{background:var(--rs-color-background-neutral-faded);height:100%;transform:translateX(var(--rs-progress-value));transition:var(--rs-easing-decelerate);transition-duration:var(--rs-progress-duration,var(--rs-duration-medium));transition-property:transform,background-color;width:100%}[dir=rtl] .value{transform:translateX(calc(var(--rs-progress-value) * -1))}.--duration .value{transition-timing-function:linear}.--size-small{height:var(--rs-unit-x1)}.--size-medium{height:var(--rs-unit-x2)}.--color-neutral .value{background:var(--rs-color-foreground-neutral-faded)}.--color-primary .value{background:var(--rs-color-background-primary)}.--color-critical .value{background:var(--rs-color-background-critical)}.--color-warning .value{background:var(--rs-color-background-warning)}.--color-positive .value{background:var(--rs-color-background-positive)}.--color-media{background:rgb(from var(--rs-color-white) r g b/24%)}.--color-media .value{background:var(--rs-color-white)}
+.root{overflow:hidden;background:var(--rs-color-background-neutral);display:flex;align-items:flex-start}.root,.value{border-radius:var(--rs-radius-small)}.value{height:100%;width:100%;background:var(--rs-color-background-neutral-faded);transition:var(--rs-easing-decelerate);transition-property:transform,background-color;transition-duration:var(--rs-progress-duration,var(--rs-duration-medium));transform:translateX(var(--rs-progress-value))}[dir=rtl] .value{transform:translateX(calc(var(--rs-progress-value) * -1))}.--duration .value{transition-timing-function:linear}.--size-small{height:var(--rs-unit-x1)}.--size-medium{height:var(--rs-unit-x2)}.--color-neutral .value{background:var(--rs-color-foreground-neutral-faded)}.--color-primary .value{background:var(--rs-color-background-primary)}.--color-critical .value{background:var(--rs-color-background-critical)}.--color-warning .value{background:var(--rs-color-background-warning)}.--color-positive .value{background:var(--rs-color-background-positive)}.--color-media{background:rgb(from var(--rs-color-white) r g b/24%)}.--color-media .value{background:var(--rs-color-white)}

package/dist/components/ProgressBar/index.js

@@ -1 +1 @@
-export { default } from "./ProgressBar.js";
+export { default } from "./ProgressBar";

package/dist/components/ProgressBar/tests/ProgressBar.stories.d.ts

@@ -2,7 +2,7 @@ import { StoryObj } from "@storybook/react-vite";
 import React from "react";
 declare const _default: {
     title: string;
-    component: React.FC<import("./..").ProgressBarProps>;
+    component: React.FC<import("../../../components/ProgressBar").ProgressBarProps>;
     parameters: {
         iframe: {
             url: string;

package/dist/components/ProgressBar/tests/ProgressBar.stories.js

@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.className = exports.render = exports.duration = exports.color = exports.size = exports.value = void 0;
 const react_1 = __importDefault(require("react"));
 const test_1 = require("storybook/test");
-const Button_1 = __importDefault(require("../../Button"));
-const ProgressBar_1 = __importDefault(require("./.."));
-const View_1 = __importDefault(require("../../View"));
+const Button_1 = __importDefault(require("../../../components/Button"));
+const ProgressBar_1 = __importDefault(require("../../../components/ProgressBar"));
+const View_1 = __importDefault(require("../../../components/View"));
 const storybook_1 = require("../../../utilities/storybook");
 exports.default = {
     title: "Components/ProgressBar",

package/dist/components/ProgressIndicator/ProgressIndicator.module.css

@@ -1 +1 @@
-.root{box-sizing:initial;line-height:0;margin-inline:calc(var(--rs-unit-x4) * -1);mask-image:linear-gradient(to right,transparent 0,#000 var(--rs-unit-x4),#000 calc(100% - var(--rs-unit-x4)),transparent 100%);max-width:calc(var(--rs-unit-x2) * 15);overflow:hidden;padding-inline:var(--rs-unit-x4)}.container{display:inline-flex;position:relative;transform:translateX(calc(var(--rs-unit-x4) * -1 * var(--rs-progress-indicator-mod)));transition:var(--rs-duration-medium) var(--rs-easing-decelerate);transition-property:transform;vertical-align:top}.item{background:var(--rs-color-background-neutral);border-radius:var(--rs-radius-circular);height:var(--rs-unit-x2);margin-inline-start:var(--rs-unit-x2);transform:translateZ(0);transition:var(--rs-duration-medium) var(--rs-easing-decelerate);transition-property:transform,opacity,background-color,width;width:var(--rs-unit-x2)}.item:first-child{margin-inline-start:0}.item.item--active{background:var(--rs-color-background-primary);width:var(--rs-unit-x6)}.item.item--variant-secondary{opacity:.5}.--color-media .item{background:var(--rs-color-white);opacity:.5}.--color-media .item.item--active{opacity:1}.--color-media .item.item--variant-secondary{opacity:.25}
+.root{line-height:0;max-width:calc(var(--rs-unit-x2) * 15);overflow:hidden;margin-inline:calc(var(--rs-unit-x4) * -1);padding-inline:var(--rs-unit-x4);box-sizing:initial;mask-image:linear-gradient(to right,transparent 0,#000 var(--rs-unit-x4),#000 calc(100% - var(--rs-unit-x4)),transparent 100%)}.container{display:inline-flex;vertical-align:top;position:relative;transform:translateX(calc(var(--rs-unit-x4) * -1 * var(--rs-progress-indicator-mod)));transition:var(--rs-duration-medium) var(--rs-easing-decelerate);transition-property:transform}.item{background:var(--rs-color-background-neutral);width:var(--rs-unit-x2);height:var(--rs-unit-x2);border-radius:var(--rs-radius-circular);margin-inline-start:var(--rs-unit-x2);transform:translateZ(0);transition:var(--rs-duration-medium) var(--rs-easing-decelerate);transition-property:transform,opacity,background-color,width}.item:first-child{margin-inline-start:0}.item.item--active{background:var(--rs-color-background-primary);width:var(--rs-unit-x6)}.item.item--variant-secondary{opacity:.5}.--color-media .item{background:var(--rs-color-white);opacity:.5}.--color-media .item.item--active{opacity:1}.--color-media .item.item--variant-secondary{opacity:.25}

package/dist/components/ProgressIndicator/index.js

@@ -1 +1 @@
-export { default } from "./ProgressIndicator.js";
+export { default } from "./ProgressIndicator";

package/dist/components/ProgressIndicator/tests/ProgressIndicator.stories.d.ts

@@ -2,7 +2,7 @@ import { StoryObj } from "@storybook/react-vite";
 import React from "react";
 declare const _default: {
     title: string;
-    component: React.FC<import("./..").ProgressIndicatorProps>;
+    component: React.FC<import("../../../components/ProgressIndicator").ProgressIndicatorProps>;
     parameters: {
         iframe: {
             url: string;

package/dist/components/ProgressIndicator/tests/ProgressIndicator.stories.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.className = exports.ariaLabel = exports.color = exports.base = void 0;
 const react_1 = __importDefault(require("react"));
 const test_1 = require("storybook/test");
-const Button_1 = __importDefault(require("../../Button"));
-const ProgressIndicator_1 = __importDefault(require("./.."));
-const Text_1 = __importDefault(require("../../Text"));
-const View_1 = __importDefault(require("../../View"));
+const Button_1 = __importDefault(require("../../../components/Button"));
+const ProgressIndicator_1 = __importDefault(require("../../../components/ProgressIndicator"));
+const Text_1 = __importDefault(require("../../../components/Text"));
+const View_1 = __importDefault(require("../../../components/View"));
 const storybook_1 = require("../../../utilities/storybook");
 exports.default = {
     title: "Components/ProgressIndicator",

package/dist/components/Radio/Radio.js

@@ -1,11 +1,11 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { classNames } from "@reshaped/utilities";
-import { useFormControl } from "../FormControl/index.js";
-import HiddenInput from "../HiddenInput/index.js";
-import { useRadioGroup } from "../RadioGroup/index.js";
-import Text from "../Text/index.js";
-import { responsiveClassNames, responsivePropDependency } from "../../utilities/props.js";
+import { useFormControl } from "../../components/FormControl";
+import HiddenInput from "../../components/HiddenInput";
+import { useRadioGroup } from "../../components/RadioGroup";
+import Text from "../../components/Text";
+import { responsiveClassNames, responsivePropDependency } from "../../utilities/props";
 import s from "./Radio.module.css";
 const Radio = (props) => {
     const { children, value, onChange, size = "medium", className, attributes, inputAttributes, } = props;

package/dist/components/Radio/Radio.module.css

@@ -1 +1 @@
-.root{align-items:center;cursor:pointer;display:inline-flex;gap:var(--rs-radio-gap);user-select:none;vertical-align:top;-webkit-tap-highlight-color:transparent}@media (hover:hover) and (pointer:fine){.root:hover .decorator{background:var(--rs-color-background-neutral-faded)}}.field{position:relative}.decorator{background:var(--rs-color-background-elevation-base);border:1px solid var(--rs-color-border-neutral);border-radius:50%;height:var(--rs-radio-line-height);transition:var(--rs-duration-fast) var(--rs-easing-standard);transition-property:background-color,border-color;width:var(--rs-radio-line-height)}.decorator:after{background:var(--rs-color-on-background-primary);border-radius:50%;content:"";height:calc(var(--rs-radio-line-height) * .4);left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:var(--rs-duration-fast) var(--rs-easing-standard);transition-property:opacity,transform;width:calc(var(--rs-radio-line-height) * .4)}[data-rs-keyboard] .decorator,[data-rs-keyboard] .decorator:after{transition:none}.--size-small{--rs-radio-line-height:var(--rs-line-height-caption-1);--rs-radio-gap:var(--rs-unit-x1-5)}.--size-medium{--rs-radio-line-height:var(--rs-line-height-body-2);--rs-radio-gap:var(--rs-unit-x2)}.--size-large{--rs-radio-line-height:var(--rs-line-height-body-1);--rs-radio-gap:var(--rs-unit-x2)}[data-rs-keyboard] .input:focus+.decorator{outline:var(--rs-outline);outline-offset:var(--rs-outline-width)}.root.--error .decorator{border-color:var(--rs-color-border-critical);border-width:var(--rs-outline-width)}.input:checked+.decorator{background:var(--rs-color-background-primary);border-color:var(--rs-color-background-primary)}.input:checked+.decorator:after{opacity:1;transform:translate(-50%,-50%) scale(1)}.root.--disabled{color:var(--rs-color-foreground-disabled);cursor:not-allowed}.root.--disabled .decorator{background:var(--rs-color-background-disabled-faded);border-color:var(--rs-color-border-disabled)}.root.--disabled .decorator:after{background-color:var(--rs-color-foreground-disabled)}.root.--disabled .input:checked+.decorator{background:var(--rs-color-background-disabled);border-color:transparent}@media (--rs-viewport-m ){.--size-small--m{--rs-radio-line-height:var(--rs-line-height-caption-1);--rs-radio-gap:var(--rs-unit-x1-5)}.--size-medium--m{--rs-radio-line-height:var(--rs-line-height-body-2);--rs-radio-gap:var(--rs-unit-x2)}.--size-large--m{--rs-radio-line-height:var(--rs-line-height-body-1);--rs-radio-gap:var(--rs-unit-x2)}}@media (--rs-viewport-l ){.--size-small--l{--rs-radio-line-height:var(--rs-line-height-caption-1);--rs-radio-gap:var(--rs-unit-x1-5)}.--size-medium--l{--rs-radio-line-height:var(--rs-line-height-body-2);--rs-radio-gap:var(--rs-unit-x2)}.--size-large--l{--rs-radio-line-height:var(--rs-line-height-body-1);--rs-radio-gap:var(--rs-unit-x2)}}@media (--rs-viewport-xl ){.--size-small--xl{--rs-radio-line-height:var(--rs-line-height-caption-1);--rs-radio-gap:var(--rs-unit-x1-5)}.--size-medium--xl{--rs-radio-line-height:var(--rs-line-height-body-2);--rs-radio-gap:var(--rs-unit-x2)}.--size-large--xl{--rs-radio-line-height:var(--rs-line-height-body-1);--rs-radio-gap:var(--rs-unit-x2)}}
+.root{display:inline-flex;gap:var(--rs-radio-gap);vertical-align:top;align-items:center;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}@media (hover:hover) and (pointer:fine){.root:hover .decorator{background:var(--rs-color-background-neutral-faded)}}.field{position:relative}.decorator{width:var(--rs-radio-line-height);height:var(--rs-radio-line-height);border-radius:50%;border:1px solid var(--rs-color-border-neutral);background:var(--rs-color-background-elevation-base);transition:var(--rs-duration-fast) var(--rs-easing-standard);transition-property:background-color,border-color}.decorator:after{content:"";position:absolute;height:calc(var(--rs-radio-line-height) * .4);width:calc(var(--rs-radio-line-height) * .4);background:var(--rs-color-on-background-primary);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);opacity:0;transition:var(--rs-duration-fast) var(--rs-easing-standard);transition-property:opacity,transform}[data-rs-keyboard] .decorator,[data-rs-keyboard] .decorator:after{transition:none}.--size-small{--rs-radio-line-height:var(--rs-line-height-caption-1);--rs-radio-gap:var(--rs-unit-x1-5)}.--size-medium{--rs-radio-line-height:var(--rs-line-height-body-2);--rs-radio-gap:var(--rs-unit-x2)}.--size-large{--rs-radio-line-height:var(--rs-line-height-body-1);--rs-radio-gap:var(--rs-unit-x2)}[data-rs-keyboard] .input:focus+.decorator{outline:var(--rs-outline);outline-offset:var(--rs-outline-width)}.root.--error .decorator{border-color:var(--rs-color-border-critical);border-width:var(--rs-outline-width)}.input:checked+.decorator{border-color:var(--rs-color-background-primary);background:var(--rs-color-background-primary)}.input:checked+.decorator:after{opacity:1;transform:translate(-50%,-50%) scale(1)}.root.--disabled{cursor:not-allowed;color:var(--rs-color-foreground-disabled)}.root.--disabled .decorator{background:var(--rs-color-background-disabled-faded);border-color:var(--rs-color-border-disabled)}.root.--disabled .decorator:after{background-color:var(--rs-color-foreground-disabled)}.root.--disabled .input:checked+.decorator{background:var(--rs-color-background-disabled);border-color:transparent}@media (--rs-viewport-m ){.--size-small--m{--rs-radio-line-height:var(--rs-line-height-caption-1);--rs-radio-gap:var(--rs-unit-x1-5)}.--size-medium--m{--rs-radio-line-height:var(--rs-line-height-body-2);--rs-radio-gap:var(--rs-unit-x2)}.--size-large--m{--rs-radio-line-height:var(--rs-line-height-body-1);--rs-radio-gap:var(--rs-unit-x2)}}@media (--rs-viewport-l ){.--size-small--l{--rs-radio-line-height:var(--rs-line-height-caption-1);--rs-radio-gap:var(--rs-unit-x1-5)}.--size-medium--l{--rs-radio-line-height:var(--rs-line-height-body-2);--rs-radio-gap:var(--rs-unit-x2)}.--size-large--l{--rs-radio-line-height:var(--rs-line-height-body-1);--rs-radio-gap:var(--rs-unit-x2)}}@media (--rs-viewport-xl ){.--size-small--xl{--rs-radio-line-height:var(--rs-line-height-caption-1);--rs-radio-gap:var(--rs-unit-x1-5)}.--size-medium--xl{--rs-radio-line-height:var(--rs-line-height-body-2);--rs-radio-gap:var(--rs-unit-x2)}.--size-large--xl{--rs-radio-line-height:var(--rs-line-height-body-1);--rs-radio-gap:var(--rs-unit-x2)}}

package/dist/components/Radio/index.js

@@ -1 +1 @@
-export { default } from "./Radio.js";
+export { default } from "./Radio";

package/dist/components/Radio/tests/Radio.stories.d.ts

@@ -2,7 +2,7 @@ import { StoryObj } from "@storybook/react-vite";
 import { fn } from "storybook/test";
 declare const _default: {
     title: string;
-    component: import("react").FC<import("./..").RadioProps>;
+    component: import("react").FC<import("../../../components/Radio").RadioProps>;
     parameters: {
         iframe: {
             url: string;

package/dist/components/Radio/tests/Radio.stories.js

@@ -5,8 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.className = exports.disabled = exports.defaultCheckedFalse = exports.defaultChecked = exports.checkedFalse = exports.checked = exports.render = exports.error = exports.size = void 0;
 const test_1 = require("storybook/test");
-const Radio_1 = __importDefault(require("./.."));
-const View_1 = __importDefault(require("../../View"));
+const Radio_1 = __importDefault(require("../../../components/Radio"));
+const View_1 = __importDefault(require("../../../components/View"));
 const storybook_1 = require("../../../utilities/storybook");
 exports.default = {
     title: "Components/Radio",

package/dist/components/RadioGroup/RadioGroup.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import RadioGroupControlled from "./RadioGroupControlled.js";
-import RadioGroupUncontrolled from "./RadioGroupUncontrolled.js";
+import RadioGroupControlled from "./RadioGroupControlled";
+import RadioGroupUncontrolled from "./RadioGroupUncontrolled";
 const RadioGroup = (props) => {
     const { value } = props;
     if (value !== undefined)

package/dist/components/RadioGroup/RadioGroup.types.d.ts

@@ -1,6 +1,6 @@
 import type React from "react";
 import type { ClassName } from "@reshaped/utilities";
-import type { RadioProps } from "../Radio";
+import type { RadioProps } from "../../components/Radio";
 import type * as G from "../../types/global";
 import type { Attributes } from "../../types/global";
 type BaseProps = {

package/dist/components/RadioGroup/RadioGroupControlled.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
-import Context from "./RadioGroup.context.js";
+import Context from "./RadioGroup.context";
 const RadioGroupControlled = (props) => {
     const { onChange, name, disabled, value, children, hasError } = props;
     const handleChange = ({ event, value }) => {

package/dist/components/RadioGroup/RadioGroupUncontrolled.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from "react";
-import RadioGroupControlled from "./RadioGroupControlled.js";
+import RadioGroupControlled from "./RadioGroupControlled";
 const RadioGroupUncontrolled = (props) => {
     const { defaultValue, onChange } = props;
     const [value, setValue] = React.useState(defaultValue || null);

package/dist/components/RadioGroup/index.js

@@ -1,2 +1,2 @@
-export { default } from "./RadioGroup.js";
-export { useRadioGroup } from "./RadioGroup.context.js";
+export { default } from "./RadioGroup";
+export { useRadioGroup } from "./RadioGroup.context";

package/dist/components/RadioGroup/tests/RadioGroup.stories.d.ts

@@ -2,7 +2,7 @@ import { StoryObj } from "@storybook/react-vite";
 import { fn } from "storybook/test";
 declare const _default: {
     title: string;
-    component: import("react").FC<import("./..").RadioGroupProps>;
+    component: import("react").FC<import("../../../components/RadioGroup").RadioGroupProps>;
     parameters: {
         iframe: {
             url: string;

package/dist/components/RadioGroup/tests/RadioGroup.stories.js

@@ -5,8 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.disabled = exports.defaultValue = exports.value = void 0;
 const test_1 = require("storybook/test");
-const Radio_1 = __importDefault(require("../../Radio"));
-const RadioGroup_1 = __importDefault(require("./.."));
+const Radio_1 = __importDefault(require("../../../components/Radio"));
+const RadioGroup_1 = __importDefault(require("../../../components/RadioGroup"));
 exports.default = {
     title: "Components/RadioGroup",
     component: RadioGroup_1.default,

package/dist/components/Reshaped/Reshaped.css

@@ -1 +1 @@
-@layer rs.reset{[data-rs-theme]{--rs-outline-width:1.5px;--rs-outline:var(--rs-outline-width) solid var(--rs-color-border-primary);--rs-outline-shadow:0 0 0 var(--rs-outline-width) var(--rs-color-border-primary) inset;--rs-radius-circular:9999px}[data-rs-theme] blockquote,[data-rs-theme] body,[data-rs-theme] dd,[data-rs-theme] dl,[data-rs-theme] figcaption,[data-rs-theme] figure,[data-rs-theme] h1,[data-rs-theme] h2,[data-rs-theme] h3,[data-rs-theme] h4,[data-rs-theme] h5,[data-rs-theme] h6,[data-rs-theme] li,[data-rs-theme] ol,[data-rs-theme] p,[data-rs-theme] ul{margin:0;padding:0}[data-rs-theme] ol[class],[data-rs-theme] ul[class]{list-style:none}[data-rs-theme] textarea{resize:vertical}[data-rs-theme] table{border-collapse:collapse;border-spacing:0}[data-rs-theme] fieldset{border:0;margin:0;padding:0}[data-rs-theme] img{display:block;max-width:100%}[data-rs-theme] button,[data-rs-theme] input,[data-rs-theme] select,[data-rs-theme] textarea{font:inherit}[data-rs-theme] option{background:var(--rs-color-background-elevation-base)}[data-rs-theme] label{cursor:pointer}[data-rs-theme] input::placeholder,[data-rs-theme] textarea::placeholder{color:var(--rs-color-foreground-disabled)}html[data-rs-theme]{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;font-size:100%;text-rendering:optimizelegibility;touch-action:manipulation}[data-rs-theme] *{box-sizing:border-box}[data-rs-theme] body,html[data-rs-theme]{background:var(--rs-color-background-page);color:var(--rs-color-foreground-neutral);min-height:100dvh;scroll-behavior:smooth}[data-rs-theme] body,[data-rs-theme]:not(html){font-family:var(--rs-font-family-body);font-size:var(--rs-font-size-body-2);font-weight:var(--rs-font-weight-regular);letter-spacing:var(--rs-letter-spacing-body-2);line-height:var(--rs-line-height-body-2)}}[data-rs-theme]{color:var(--rs-color-foreground-neutral)}[data-rs-color-mode=light]{color-scheme:light}[data-rs-color-mode=dark]{color-scheme:dark}@media (prefers-reduced-motion:reduce){*{animation-duration:0s!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:0s!important}}[data-rs-no-transition] *,[data-rs-no-transition] :after,[data-rs-no-transition] :before{transition:none!important}
+@layer rs.reset{[data-rs-theme]{--rs-outline-width:1.5px;--rs-outline:var(--rs-outline-width) solid var(--rs-color-border-primary);--rs-outline-shadow:0 0 0 var(--rs-outline-width) var(--rs-color-border-primary) inset;--rs-radius-circular:9999px}[data-rs-theme] blockquote,[data-rs-theme] body,[data-rs-theme] dd,[data-rs-theme] dl,[data-rs-theme] figcaption,[data-rs-theme] figure,[data-rs-theme] h1,[data-rs-theme] h2,[data-rs-theme] h3,[data-rs-theme] h4,[data-rs-theme] h5,[data-rs-theme] h6,[data-rs-theme] li,[data-rs-theme] ol,[data-rs-theme] p,[data-rs-theme] ul{margin:0;padding:0}[data-rs-theme] ol[class],[data-rs-theme] ul[class]{list-style:none}[data-rs-theme] textarea{resize:vertical}[data-rs-theme] table{border-collapse:collapse;border-spacing:0}[data-rs-theme] fieldset{border:0;margin:0;padding:0}[data-rs-theme] img{max-width:100%;display:block}[data-rs-theme] button,[data-rs-theme] input,[data-rs-theme] select,[data-rs-theme] textarea{font:inherit}[data-rs-theme] option{background:var(--rs-color-background-elevation-base)}[data-rs-theme] label{cursor:pointer}[data-rs-theme] input::placeholder,[data-rs-theme] textarea::placeholder{color:var(--rs-color-foreground-disabled)}html[data-rs-theme]{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;touch-action:manipulation;font-size:100%}[data-rs-theme] *{box-sizing:border-box}[data-rs-theme] body,html[data-rs-theme]{color:var(--rs-color-foreground-neutral);background:var(--rs-color-background-page);min-height:100dvh;scroll-behavior:smooth}[data-rs-theme] body,[data-rs-theme]:not(html){font-size:var(--rs-font-size-body-2);line-height:var(--rs-line-height-body-2);letter-spacing:var(--rs-letter-spacing-body-2);font-family:var(--rs-font-family-body);font-weight:var(--rs-font-weight-regular)}}[data-rs-theme]{color:var(--rs-color-foreground-neutral)}[data-rs-color-mode=light]{color-scheme:light}[data-rs-color-mode=dark]{color-scheme:dark}@media (prefers-reduced-motion:reduce){*{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}[data-rs-no-transition] *,[data-rs-no-transition] :after,[data-rs-no-transition] :before{transition:none!important}