reshaped 4.0.3 → 4.1.0

package/dist/components/Tabs/TabsItem.js

@@ -2,12 +2,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
 import { classNames } from "@reshaped/utilities";
-import Actionable from "../Actionable/index.js";
-import HiddenInput from "../HiddenInput/index.js";
-import Icon from "../Icon/index.js";
-import Text from "../Text/index.js";
-import useIsomorphicLayoutEffect from "../../hooks/useIsomorphicLayoutEffect.js";
-import { useTabs } from "./TabsContext.js";
+import Actionable from "../../components/Actionable";
+import HiddenInput from "../../components/HiddenInput";
+import Icon from "../../components/Icon";
+import Text from "../../components/Text";
+import useIsomorphicLayoutEffect from "../../hooks/useIsomorphicLayoutEffect";
+import { useTabs } from "./TabsContext";
 import s from "./Tabs.module.css";
 const TabsItem = React.forwardRef((props, ref) => {
     const { value, children, icon, href, disabled, attributes } = props;

package/dist/components/Tabs/TabsList.js

@@ -2,16 +2,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
 import { classNames } from "@reshaped/utilities";
-import Actionable from "../Actionable/index.js";
-import Icon from "../Icon/index.js";
-import useFadeSide from "../../hooks/_internal/useFadeSide.js";
-import useIsomorphicLayoutEffect from "../../hooks/useIsomorphicLayoutEffect.js";
-import useKeyboardArrowNavigation from "../../hooks/useKeyboardArrowNavigation.js";
-import useRTL from "../../hooks/useRTL.js";
-import { checkTransitions } from "../../utilities/animation.js";
-import IconChevronLeft from "../../icons/ChevronLeft.js";
-import IconChevronRight from "../../icons/ChevronRight.js";
-import { useTabs } from "./TabsContext.js";
+import Actionable from "../../components/Actionable";
+import Icon from "../../components/Icon";
+import useFadeSide from "../../hooks/_internal/useFadeSide";
+import useIsomorphicLayoutEffect from "../../hooks/useIsomorphicLayoutEffect";
+import useKeyboardArrowNavigation from "../../hooks/useKeyboardArrowNavigation";
+import useRTL from "../../hooks/useRTL";
+import { checkTransitions } from "../../utilities/animation";
+import IconChevronLeft from "../../icons/ChevronLeft";
+import IconChevronRight from "../../icons/ChevronRight";
+import { useTabs } from "./TabsContext";
 import s from "./Tabs.module.css";
 const findParentItem = (el, rootEl) => {
     if (el === rootEl || !el)

package/dist/components/Tabs/TabsPanel.js

@@ -3,8 +3,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React from "react";
 import { classNames } from "@reshaped/utilities";
 import { getFocusableElements } from "@reshaped/utilities/internal";
-import useIsomorphicLayoutEffect from "../../hooks/useIsomorphicLayoutEffect.js";
-import { useTabs } from "./TabsContext.js";
+import useIsomorphicLayoutEffect from "../../hooks/useIsomorphicLayoutEffect";
+import { useTabs } from "./TabsContext";
 import s from "./Tabs.module.css";
 const TabsPanel = (props) => {
     const { value: panelValue, children, className, attributes } = props;

package/dist/components/Tabs/TabsUncontrolled.js

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

package/dist/components/Tabs/index.js

@@ -1,7 +1,7 @@
-import Tabs from "./Tabs.js";
-import TabsItem from "./TabsItem.js";
-import TabsList from "./TabsList.js";
-import TabsPanel from "./TabsPanel.js";
+import Tabs from "./Tabs";
+import TabsItem from "./TabsItem";
+import TabsList from "./TabsList";
+import TabsPanel from "./TabsPanel";
 const TabsRoot = Tabs;
 TabsRoot.Item = TabsItem;
 TabsRoot.List = TabsList;

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

@@ -3,8 +3,8 @@ import React from "react";
 import { fn } from "storybook/test";
 declare const _default: {
     title: string;
-    component: React.FC<import("./..").TabsProps> & {
-        Item: React.ForwardRefExoticComponent<import("./..").TabsItemProps & React.RefAttributes<import("../../Actionable").ActionableRef>>;
+    component: React.FC<import("../../../components/Tabs").TabsProps> & {
+        Item: React.ForwardRefExoticComponent<import("../../../components/Tabs").TabsItemProps & React.RefAttributes<import("../../Actionable").ActionableRef>>;
         List: React.FC<import("../Tabs.types").ListProps>;
         Panel: React.FC<import("../Tabs.types").PanelProps>;
     };

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

@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.testEdgeCaseDom = exports.testComposition = exports.testFocusableContent = exports.className = exports.disableSelectionAnimation = exports.value = exports.defaultValue = exports.disabled = exports.href = exports.equalWidth = exports.icon = exports.direction = exports.size = exports.variant = exports.base = void 0;
 const react_1 = __importDefault(require("react"));
 const test_1 = require("storybook/test");
-const Button_1 = __importDefault(require("../../Button"));
-const ScrollArea_1 = __importDefault(require("../../ScrollArea"));
-const Tabs_1 = __importDefault(require("./.."));
-const Text_1 = __importDefault(require("../../Text"));
-const View_1 = __importDefault(require("../../View"));
+const Button_1 = __importDefault(require("../../../components/Button"));
+const ScrollArea_1 = __importDefault(require("../../../components/ScrollArea"));
+const Tabs_1 = __importDefault(require("../../../components/Tabs"));
+const Text_1 = __importDefault(require("../../../components/Text"));
+const View_1 = __importDefault(require("../../../components/View"));
 const storybook_1 = require("../../../utilities/storybook");
 const Zap_1 = __importDefault(require("../../../icons/Zap"));
 exports.default = {

package/dist/components/Text/Text.d.ts

@@ -1,6 +1,6 @@
 import type * as T from "./Text.types";
-declare const Text: {
-    <As extends keyof React.JSX.IntrinsicElements = "div">(props: T.Props<As>): import("react").JSX.Element;
-    displayName: string;
-};
+declare function Text<As extends keyof React.JSX.IntrinsicElements = "div">(props: T.Props<As>): import("react").JSX.Element;
+declare namespace Text {
+    var displayName: string;
+}
 export default Text;

package/dist/components/Text/Text.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { classNames } from "@reshaped/utilities";
-import { responsiveClassNames } from "../../utilities/props.js";
-import { resolveMixin } from "../../styles/mixin.js";
+import { responsiveClassNames } from "../../utilities/props";
+import { resolveMixin } from "../../styles/mixin";
 import s from "./Text.module.css";
 const tagMap = {
     "featured-1": "h1",

package/dist/components/Text/Text.module.css

@@ -1 +1 @@
-@layer rs.text.reset{.root{font-family:inherit;font-size:inherit;font-style:normal;font-weight:inherit;letter-spacing:0;margin:0;padding:0;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none}}.root{transition:color var(--rs-duration-fast) var(--rs-easing-standard)}.--clamp{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--rs-text-lines);overflow:hidden}.--break-all{word-break:break-all}.--wrap-balance{text-wrap:balance}.--numeric{font-variant-numeric:tabular-nums}.--variant-headline-1{font-family:var(--rs-font-family-headline-1);font-size:var(--rs-font-size-headline-1);font-weight:var(--rs-font-weight-headline-1);letter-spacing:var(--rs-letter-spacing-headline-1);line-height:var(--rs-line-height-headline-1)}.--variant-headline-2{font-family:var(--rs-font-family-headline-2);font-size:var(--rs-font-size-headline-2);font-weight:var(--rs-font-weight-headline-2);letter-spacing:var(--rs-letter-spacing-headline-2);line-height:var(--rs-line-height-headline-2)}.--variant-headline-3{font-family:var(--rs-font-family-headline-3);font-size:var(--rs-font-size-headline-3);font-weight:var(--rs-font-weight-headline-3);letter-spacing:var(--rs-letter-spacing-headline-3);line-height:var(--rs-line-height-headline-3)}.--variant-featured-1{font-family:var(--rs-font-family-featured-1);font-size:var(--rs-font-size-featured-1);font-weight:var(--rs-font-weight-featured-1);letter-spacing:var(--rs-letter-spacing-featured-1);line-height:var(--rs-line-height-featured-1)}.--variant-featured-2{font-family:var(--rs-font-family-featured-2);font-size:var(--rs-font-size-featured-2);font-weight:var(--rs-font-weight-featured-2);letter-spacing:var(--rs-letter-spacing-featured-2);line-height:var(--rs-line-height-featured-2)}.--variant-featured-3{font-family:var(--rs-font-family-featured-3);font-size:var(--rs-font-size-featured-3);font-weight:var(--rs-font-weight-featured-3);letter-spacing:var(--rs-letter-spacing-featured-3);line-height:var(--rs-line-height-featured-3)}.--variant-featured-4{font-family:var(--rs-font-family-featured-4);font-size:var(--rs-font-size-featured-4);font-weight:var(--rs-font-weight-featured-4);letter-spacing:var(--rs-letter-spacing-featured-4);line-height:var(--rs-line-height-featured-4)}.--variant-featured-5{font-family:var(--rs-font-family-featured-5);font-size:var(--rs-font-size-featured-5);font-weight:var(--rs-font-weight-featured-5);letter-spacing:var(--rs-letter-spacing-featured-5);line-height:var(--rs-line-height-featured-5)}.--variant-featured-6{font-family:var(--rs-font-family-featured-6);font-size:var(--rs-font-size-featured-6);font-weight:var(--rs-font-weight-featured-6);letter-spacing:var(--rs-letter-spacing-featured-6);line-height:var(--rs-line-height-featured-6)}.--variant-body-1{font-family:var(--rs-font-family-body-1);font-size:var(--rs-font-size-body-1);font-weight:var(--rs-font-weight-body-1);letter-spacing:var(--rs-letter-spacing-body-1);line-height:var(--rs-line-height-body-1)}.--variant-body-2{font-family:var(--rs-font-family-body-2);font-size:var(--rs-font-size-body-2);font-weight:var(--rs-font-weight-body-2);letter-spacing:var(--rs-letter-spacing-body-2);line-height:var(--rs-line-height-body-2)}.--variant-caption-1{font-family:var(--rs-font-family-caption-1);font-size:var(--rs-font-size-caption-1);font-weight:var(--rs-font-weight-caption-1);letter-spacing:var(--rs-letter-spacing-caption-1);line-height:var(--rs-line-height-caption-1)}.--variant-caption-2{font-family:var(--rs-font-family-caption-2);font-size:var(--rs-font-size-caption-2);font-weight:var(--rs-font-weight-caption-2);letter-spacing:var(--rs-letter-spacing-caption-2);line-height:var(--rs-line-height-caption-2)}.--weight-regular{font-weight:var(--rs-font-weight-regular)!important}.--weight-medium{font-weight:var(--rs-font-weight-medium)!important}.--weight-semibold{font-weight:var(--rs-font-weight-semibold)!important}.--weight-bold{font-weight:var(--rs-font-weight-bold)!important}.--weight-extrabold{font-weight:var(--rs-font-weight-extrabold)!important}.--color-neutral{color:var(--rs-color-foreground-neutral)}.--color-neutral-faded{color:var(--rs-color-foreground-neutral-faded)}.--color-primary{color:var(--rs-color-foreground-primary)}.--color-warning{color:var(--rs-color-foreground-warning)}.--color-positive{color:var(--rs-color-foreground-positive)}.--color-critical{color:var(--rs-color-foreground-critical)}.--color-disabled{color:var(--rs-color-foreground-disabled)}.--decoration-line-through{text-decoration:line-through}.--monospace{font-family:var(--rs-font-family-monospace)}@media (--rs-viewport-m ){.--variant-headline-1--m{font-family:var(--rs-font-family-headline-1);font-size:var(--rs-font-size-headline-1);font-weight:var(--rs-font-weight-headline-1);letter-spacing:var(--rs-letter-spacing-headline-1);line-height:var(--rs-line-height-headline-1)}.--variant-headline-2--m{font-family:var(--rs-font-family-headline-2);font-size:var(--rs-font-size-headline-2);font-weight:var(--rs-font-weight-headline-2);letter-spacing:var(--rs-letter-spacing-headline-2);line-height:var(--rs-line-height-headline-2)}.--variant-headline-3--m{font-family:var(--rs-font-family-headline-3);font-size:var(--rs-font-size-headline-3);font-weight:var(--rs-font-weight-headline-3);letter-spacing:var(--rs-letter-spacing-headline-3);line-height:var(--rs-line-height-headline-3)}.--variant-featured-1--m{font-family:var(--rs-font-family-featured-1);font-size:var(--rs-font-size-featured-1);font-weight:var(--rs-font-weight-featured-1);letter-spacing:var(--rs-letter-spacing-featured-1);line-height:var(--rs-line-height-featured-1)}.--variant-featured-2--m{font-family:var(--rs-font-family-featured-2);font-size:var(--rs-font-size-featured-2);font-weight:var(--rs-font-weight-featured-2);letter-spacing:var(--rs-letter-spacing-featured-2);line-height:var(--rs-line-height-featured-2)}.--variant-featured-3--m{font-family:var(--rs-font-family-featured-3);font-size:var(--rs-font-size-featured-3);font-weight:var(--rs-font-weight-featured-3);letter-spacing:var(--rs-letter-spacing-featured-3);line-height:var(--rs-line-height-featured-3)}.--variant-featured-4--m{font-family:var(--rs-font-family-featured-4);font-size:var(--rs-font-size-featured-4);font-weight:var(--rs-font-weight-featured-4);letter-spacing:var(--rs-letter-spacing-featured-4);line-height:var(--rs-line-height-featured-4)}.--variant-featured-5--m{font-family:var(--rs-font-family-featured-5);font-size:var(--rs-font-size-featured-5);font-weight:var(--rs-font-weight-featured-5);letter-spacing:var(--rs-letter-spacing-featured-5);line-height:var(--rs-line-height-featured-5)}.--variant-featured-6--m{font-family:var(--rs-font-family-featured-6);font-size:var(--rs-font-size-featured-6);font-weight:var(--rs-font-weight-featured-6);letter-spacing:var(--rs-letter-spacing-featured-6);line-height:var(--rs-line-height-featured-6)}.--variant-body-1--m{font-family:var(--rs-font-family-body-1);font-size:var(--rs-font-size-body-1);font-weight:var(--rs-font-weight-body-1);letter-spacing:var(--rs-letter-spacing-body-1);line-height:var(--rs-line-height-body-1)}.--variant-body-2--m{font-family:var(--rs-font-family-body-2);font-size:var(--rs-font-size-body-2);font-weight:var(--rs-font-weight-body-2);letter-spacing:var(--rs-letter-spacing-body-2);line-height:var(--rs-line-height-body-2)}.--variant-caption-1--m{font-family:var(--rs-font-family-caption-1);font-size:var(--rs-font-size-caption-1);font-weight:var(--rs-font-weight-caption-1);letter-spacing:var(--rs-letter-spacing-caption-1);line-height:var(--rs-line-height-caption-1)}.--variant-caption-2--m{font-family:var(--rs-font-family-caption-2);font-size:var(--rs-font-size-caption-2);font-weight:var(--rs-font-weight-caption-2);letter-spacing:var(--rs-letter-spacing-caption-2);line-height:var(--rs-line-height-caption-2)}.--weight-regular--m{font-weight:var(--rs-font-weight-regular)!important}.--weight-medium--m{font-weight:var(--rs-font-weight-medium)!important}.--weight-semibold--m{font-weight:var(--rs-font-weight-semibold)!important}.--weight-bold--m{font-weight:var(--rs-font-weight-bold)!important}.--weight-extrabold--m{font-weight:var(--rs-font-weight-extrabold)!important}}@media (--rs-viewport-l ){.--variant-headline-1--l{font-family:var(--rs-font-family-headline-1);font-size:var(--rs-font-size-headline-1);font-weight:var(--rs-font-weight-headline-1);letter-spacing:var(--rs-letter-spacing-headline-1);line-height:var(--rs-line-height-headline-1)}.--variant-headline-2--l{font-family:var(--rs-font-family-headline-2);font-size:var(--rs-font-size-headline-2);font-weight:var(--rs-font-weight-headline-2);letter-spacing:var(--rs-letter-spacing-headline-2);line-height:var(--rs-line-height-headline-2)}.--variant-headline-3--l{font-family:var(--rs-font-family-headline-3);font-size:var(--rs-font-size-headline-3);font-weight:var(--rs-font-weight-headline-3);letter-spacing:var(--rs-letter-spacing-headline-3);line-height:var(--rs-line-height-headline-3)}.--variant-featured-1--l{font-family:var(--rs-font-family-featured-1);font-size:var(--rs-font-size-featured-1);font-weight:var(--rs-font-weight-featured-1);letter-spacing:var(--rs-letter-spacing-featured-1);line-height:var(--rs-line-height-featured-1)}.--variant-featured-2--l{font-family:var(--rs-font-family-featured-2);font-size:var(--rs-font-size-featured-2);font-weight:var(--rs-font-weight-featured-2);letter-spacing:var(--rs-letter-spacing-featured-2);line-height:var(--rs-line-height-featured-2)}.--variant-featured-3--l{font-family:var(--rs-font-family-featured-3);font-size:var(--rs-font-size-featured-3);font-weight:var(--rs-font-weight-featured-3);letter-spacing:var(--rs-letter-spacing-featured-3);line-height:var(--rs-line-height-featured-3)}.--variant-featured-4--l{font-family:var(--rs-font-family-featured-4);font-size:var(--rs-font-size-featured-4);font-weight:var(--rs-font-weight-featured-4);letter-spacing:var(--rs-letter-spacing-featured-4);line-height:var(--rs-line-height-featured-4)}.--variant-featured-5--l{font-family:var(--rs-font-family-featured-5);font-size:var(--rs-font-size-featured-5);font-weight:var(--rs-font-weight-featured-5);letter-spacing:var(--rs-letter-spacing-featured-5);line-height:var(--rs-line-height-featured-5)}.--variant-featured-6--l{font-family:var(--rs-font-family-featured-6);font-size:var(--rs-font-size-featured-6);font-weight:var(--rs-font-weight-featured-6);letter-spacing:var(--rs-letter-spacing-featured-6);line-height:var(--rs-line-height-featured-6)}.--variant-body-1--l{font-family:var(--rs-font-family-body-1);font-size:var(--rs-font-size-body-1);font-weight:var(--rs-font-weight-body-1);letter-spacing:var(--rs-letter-spacing-body-1);line-height:var(--rs-line-height-body-1)}.--variant-body-2--l{font-family:var(--rs-font-family-body-2);font-size:var(--rs-font-size-body-2);font-weight:var(--rs-font-weight-body-2);letter-spacing:var(--rs-letter-spacing-body-2);line-height:var(--rs-line-height-body-2)}.--variant-caption-1--l{font-family:var(--rs-font-family-caption-1);font-size:var(--rs-font-size-caption-1);font-weight:var(--rs-font-weight-caption-1);letter-spacing:var(--rs-letter-spacing-caption-1);line-height:var(--rs-line-height-caption-1)}.--variant-caption-2--l{font-family:var(--rs-font-family-caption-2);font-size:var(--rs-font-size-caption-2);font-weight:var(--rs-font-weight-caption-2);letter-spacing:var(--rs-letter-spacing-caption-2);line-height:var(--rs-line-height-caption-2)}.--weight-regular--l{font-weight:var(--rs-font-weight-regular)!important}.--weight-medium--l{font-weight:var(--rs-font-weight-medium)!important}.--weight-semibold--l{font-weight:var(--rs-font-weight-semibold)!important}.--weight-bold--l{font-weight:var(--rs-font-weight-bold)!important}.--weight-extrabold--l{font-weight:var(--rs-font-weight-extrabold)!important}}@media (--rs-viewport-xl ){.--variant-headline-1--xl{font-family:var(--rs-font-family-headline-1);font-size:var(--rs-font-size-headline-1);font-weight:var(--rs-font-weight-headline-1);letter-spacing:var(--rs-letter-spacing-headline-1);line-height:var(--rs-line-height-headline-1)}.--variant-headline-2--xl{font-family:var(--rs-font-family-headline-2);font-size:var(--rs-font-size-headline-2);font-weight:var(--rs-font-weight-headline-2);letter-spacing:var(--rs-letter-spacing-headline-2);line-height:var(--rs-line-height-headline-2)}.--variant-headline-3--xl{font-family:var(--rs-font-family-headline-3);font-size:var(--rs-font-size-headline-3);font-weight:var(--rs-font-weight-headline-3);letter-spacing:var(--rs-letter-spacing-headline-3);line-height:var(--rs-line-height-headline-3)}.--variant-featured-1--xl{font-family:var(--rs-font-family-featured-1);font-size:var(--rs-font-size-featured-1);font-weight:var(--rs-font-weight-featured-1);letter-spacing:var(--rs-letter-spacing-featured-1);line-height:var(--rs-line-height-featured-1)}.--variant-featured-2--xl{font-family:var(--rs-font-family-featured-2);font-size:var(--rs-font-size-featured-2);font-weight:var(--rs-font-weight-featured-2);letter-spacing:var(--rs-letter-spacing-featured-2);line-height:var(--rs-line-height-featured-2)}.--variant-featured-3--xl{font-family:var(--rs-font-family-featured-3);font-size:var(--rs-font-size-featured-3);font-weight:var(--rs-font-weight-featured-3);letter-spacing:var(--rs-letter-spacing-featured-3);line-height:var(--rs-line-height-featured-3)}.--variant-featured-4--xl{font-family:var(--rs-font-family-featured-4);font-size:var(--rs-font-size-featured-4);font-weight:var(--rs-font-weight-featured-4);letter-spacing:var(--rs-letter-spacing-featured-4);line-height:var(--rs-line-height-featured-4)}.--variant-featured-5--xl{font-family:var(--rs-font-family-featured-5);font-size:var(--rs-font-size-featured-5);font-weight:var(--rs-font-weight-featured-5);letter-spacing:var(--rs-letter-spacing-featured-5);line-height:var(--rs-line-height-featured-5)}.--variant-featured-6--xl{font-family:var(--rs-font-family-featured-6);font-size:var(--rs-font-size-featured-6);font-weight:var(--rs-font-weight-featured-6);letter-spacing:var(--rs-letter-spacing-featured-6);line-height:var(--rs-line-height-featured-6)}.--variant-body-1--xl{font-family:var(--rs-font-family-body-1);font-size:var(--rs-font-size-body-1);font-weight:var(--rs-font-weight-body-1);letter-spacing:var(--rs-letter-spacing-body-1);line-height:var(--rs-line-height-body-1)}.--variant-body-2--xl{font-family:var(--rs-font-family-body-2);font-size:var(--rs-font-size-body-2);font-weight:var(--rs-font-weight-body-2);letter-spacing:var(--rs-letter-spacing-body-2);line-height:var(--rs-line-height-body-2)}.--variant-caption-1--xl{font-family:var(--rs-font-family-caption-1);font-size:var(--rs-font-size-caption-1);font-weight:var(--rs-font-weight-caption-1);letter-spacing:var(--rs-letter-spacing-caption-1);line-height:var(--rs-line-height-caption-1)}.--variant-caption-2--xl{font-family:var(--rs-font-family-caption-2);font-size:var(--rs-font-size-caption-2);font-weight:var(--rs-font-weight-caption-2);letter-spacing:var(--rs-letter-spacing-caption-2);line-height:var(--rs-line-height-caption-2)}.--weight-regular--xl{font-weight:var(--rs-font-weight-regular)!important}.--weight-medium--xl{font-weight:var(--rs-font-weight-medium)!important}.--weight-semibold--xl{font-weight:var(--rs-font-weight-semibold)!important}.--weight-bold--xl{font-weight:var(--rs-font-weight-bold)!important}.--weight-extrabold--xl{font-weight:var(--rs-font-weight-extrabold)!important}}
+@layer rs.text.reset{.root{font-family:inherit;font-size:inherit;font-weight:inherit;margin:0;padding:0;font-style:normal;letter-spacing:0;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none}}.root{transition:color var(--rs-duration-fast) var(--rs-easing-standard)}.--clamp{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--rs-text-lines);overflow:hidden}.--break-all{word-break:break-all}.--wrap-balance{text-wrap:balance}.--numeric{font-variant-numeric:tabular-nums}.--variant-headline-1{font-size:var(--rs-font-size-headline-1);line-height:var(--rs-line-height-headline-1);letter-spacing:var(--rs-letter-spacing-headline-1);font-weight:var(--rs-font-weight-headline-1);font-family:var(--rs-font-family-headline-1)}.--variant-headline-2{font-size:var(--rs-font-size-headline-2);line-height:var(--rs-line-height-headline-2);letter-spacing:var(--rs-letter-spacing-headline-2);font-weight:var(--rs-font-weight-headline-2);font-family:var(--rs-font-family-headline-2)}.--variant-headline-3{font-size:var(--rs-font-size-headline-3);line-height:var(--rs-line-height-headline-3);letter-spacing:var(--rs-letter-spacing-headline-3);font-weight:var(--rs-font-weight-headline-3);font-family:var(--rs-font-family-headline-3)}.--variant-featured-1{font-size:var(--rs-font-size-featured-1);line-height:var(--rs-line-height-featured-1);letter-spacing:var(--rs-letter-spacing-featured-1);font-weight:var(--rs-font-weight-featured-1);font-family:var(--rs-font-family-featured-1)}.--variant-featured-2{font-size:var(--rs-font-size-featured-2);line-height:var(--rs-line-height-featured-2);letter-spacing:var(--rs-letter-spacing-featured-2);font-weight:var(--rs-font-weight-featured-2);font-family:var(--rs-font-family-featured-2)}.--variant-featured-3{font-size:var(--rs-font-size-featured-3);line-height:var(--rs-line-height-featured-3);letter-spacing:var(--rs-letter-spacing-featured-3);font-weight:var(--rs-font-weight-featured-3);font-family:var(--rs-font-family-featured-3)}.--variant-featured-4{font-size:var(--rs-font-size-featured-4);line-height:var(--rs-line-height-featured-4);letter-spacing:var(--rs-letter-spacing-featured-4);font-weight:var(--rs-font-weight-featured-4);font-family:var(--rs-font-family-featured-4)}.--variant-featured-5{font-size:var(--rs-font-size-featured-5);line-height:var(--rs-line-height-featured-5);letter-spacing:var(--rs-letter-spacing-featured-5);font-weight:var(--rs-font-weight-featured-5);font-family:var(--rs-font-family-featured-5)}.--variant-featured-6{font-size:var(--rs-font-size-featured-6);line-height:var(--rs-line-height-featured-6);letter-spacing:var(--rs-letter-spacing-featured-6);font-weight:var(--rs-font-weight-featured-6);font-family:var(--rs-font-family-featured-6)}.--variant-body-1{font-size:var(--rs-font-size-body-1);line-height:var(--rs-line-height-body-1);letter-spacing:var(--rs-letter-spacing-body-1);font-weight:var(--rs-font-weight-body-1);font-family:var(--rs-font-family-body-1)}.--variant-body-2{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-weight:var(--rs-font-weight-body-2);font-family:var(--rs-font-family-body-2)}.--variant-caption-1{font-size:var(--rs-font-size-caption-1);line-height:var(--rs-line-height-caption-1);letter-spacing:var(--rs-letter-spacing-caption-1);font-weight:var(--rs-font-weight-caption-1);font-family:var(--rs-font-family-caption-1)}.--variant-caption-2{font-size:var(--rs-font-size-caption-2);line-height:var(--rs-line-height-caption-2);letter-spacing:var(--rs-letter-spacing-caption-2);font-weight:var(--rs-font-weight-caption-2);font-family:var(--rs-font-family-caption-2)}.--weight-regular{font-weight:var(--rs-font-weight-regular)!important}.--weight-medium{font-weight:var(--rs-font-weight-medium)!important}.--weight-semibold{font-weight:var(--rs-font-weight-semibold)!important}.--weight-bold{font-weight:var(--rs-font-weight-bold)!important}.--weight-extrabold{font-weight:var(--rs-font-weight-extrabold)!important}.--color-neutral{color:var(--rs-color-foreground-neutral)}.--color-neutral-faded{color:var(--rs-color-foreground-neutral-faded)}.--color-primary{color:var(--rs-color-foreground-primary)}.--color-warning{color:var(--rs-color-foreground-warning)}.--color-positive{color:var(--rs-color-foreground-positive)}.--color-critical{color:var(--rs-color-foreground-critical)}.--color-disabled{color:var(--rs-color-foreground-disabled)}.--decoration-line-through{text-decoration:line-through}.--monospace{font-family:var(--rs-font-family-monospace)}@media (--rs-viewport-m ){.--variant-headline-1--m{font-size:var(--rs-font-size-headline-1);line-height:var(--rs-line-height-headline-1);letter-spacing:var(--rs-letter-spacing-headline-1);font-weight:var(--rs-font-weight-headline-1);font-family:var(--rs-font-family-headline-1)}.--variant-headline-2--m{font-size:var(--rs-font-size-headline-2);line-height:var(--rs-line-height-headline-2);letter-spacing:var(--rs-letter-spacing-headline-2);font-weight:var(--rs-font-weight-headline-2);font-family:var(--rs-font-family-headline-2)}.--variant-headline-3--m{font-size:var(--rs-font-size-headline-3);line-height:var(--rs-line-height-headline-3);letter-spacing:var(--rs-letter-spacing-headline-3);font-weight:var(--rs-font-weight-headline-3);font-family:var(--rs-font-family-headline-3)}.--variant-featured-1--m{font-size:var(--rs-font-size-featured-1);line-height:var(--rs-line-height-featured-1);letter-spacing:var(--rs-letter-spacing-featured-1);font-weight:var(--rs-font-weight-featured-1);font-family:var(--rs-font-family-featured-1)}.--variant-featured-2--m{font-size:var(--rs-font-size-featured-2);line-height:var(--rs-line-height-featured-2);letter-spacing:var(--rs-letter-spacing-featured-2);font-weight:var(--rs-font-weight-featured-2);font-family:var(--rs-font-family-featured-2)}.--variant-featured-3--m{font-size:var(--rs-font-size-featured-3);line-height:var(--rs-line-height-featured-3);letter-spacing:var(--rs-letter-spacing-featured-3);font-weight:var(--rs-font-weight-featured-3);font-family:var(--rs-font-family-featured-3)}.--variant-featured-4--m{font-size:var(--rs-font-size-featured-4);line-height:var(--rs-line-height-featured-4);letter-spacing:var(--rs-letter-spacing-featured-4);font-weight:var(--rs-font-weight-featured-4);font-family:var(--rs-font-family-featured-4)}.--variant-featured-5--m{font-size:var(--rs-font-size-featured-5);line-height:var(--rs-line-height-featured-5);letter-spacing:var(--rs-letter-spacing-featured-5);font-weight:var(--rs-font-weight-featured-5);font-family:var(--rs-font-family-featured-5)}.--variant-featured-6--m{font-size:var(--rs-font-size-featured-6);line-height:var(--rs-line-height-featured-6);letter-spacing:var(--rs-letter-spacing-featured-6);font-weight:var(--rs-font-weight-featured-6);font-family:var(--rs-font-family-featured-6)}.--variant-body-1--m{font-size:var(--rs-font-size-body-1);line-height:var(--rs-line-height-body-1);letter-spacing:var(--rs-letter-spacing-body-1);font-weight:var(--rs-font-weight-body-1);font-family:var(--rs-font-family-body-1)}.--variant-body-2--m{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-weight:var(--rs-font-weight-body-2);font-family:var(--rs-font-family-body-2)}.--variant-caption-1--m{font-size:var(--rs-font-size-caption-1);line-height:var(--rs-line-height-caption-1);letter-spacing:var(--rs-letter-spacing-caption-1);font-weight:var(--rs-font-weight-caption-1);font-family:var(--rs-font-family-caption-1)}.--variant-caption-2--m{font-size:var(--rs-font-size-caption-2);line-height:var(--rs-line-height-caption-2);letter-spacing:var(--rs-letter-spacing-caption-2);font-weight:var(--rs-font-weight-caption-2);font-family:var(--rs-font-family-caption-2)}.--weight-regular--m{font-weight:var(--rs-font-weight-regular)!important}.--weight-medium--m{font-weight:var(--rs-font-weight-medium)!important}.--weight-semibold--m{font-weight:var(--rs-font-weight-semibold)!important}.--weight-bold--m{font-weight:var(--rs-font-weight-bold)!important}.--weight-extrabold--m{font-weight:var(--rs-font-weight-extrabold)!important}}@media (--rs-viewport-l ){.--variant-headline-1--l{font-size:var(--rs-font-size-headline-1);line-height:var(--rs-line-height-headline-1);letter-spacing:var(--rs-letter-spacing-headline-1);font-weight:var(--rs-font-weight-headline-1);font-family:var(--rs-font-family-headline-1)}.--variant-headline-2--l{font-size:var(--rs-font-size-headline-2);line-height:var(--rs-line-height-headline-2);letter-spacing:var(--rs-letter-spacing-headline-2);font-weight:var(--rs-font-weight-headline-2);font-family:var(--rs-font-family-headline-2)}.--variant-headline-3--l{font-size:var(--rs-font-size-headline-3);line-height:var(--rs-line-height-headline-3);letter-spacing:var(--rs-letter-spacing-headline-3);font-weight:var(--rs-font-weight-headline-3);font-family:var(--rs-font-family-headline-3)}.--variant-featured-1--l{font-size:var(--rs-font-size-featured-1);line-height:var(--rs-line-height-featured-1);letter-spacing:var(--rs-letter-spacing-featured-1);font-weight:var(--rs-font-weight-featured-1);font-family:var(--rs-font-family-featured-1)}.--variant-featured-2--l{font-size:var(--rs-font-size-featured-2);line-height:var(--rs-line-height-featured-2);letter-spacing:var(--rs-letter-spacing-featured-2);font-weight:var(--rs-font-weight-featured-2);font-family:var(--rs-font-family-featured-2)}.--variant-featured-3--l{font-size:var(--rs-font-size-featured-3);line-height:var(--rs-line-height-featured-3);letter-spacing:var(--rs-letter-spacing-featured-3);font-weight:var(--rs-font-weight-featured-3);font-family:var(--rs-font-family-featured-3)}.--variant-featured-4--l{font-size:var(--rs-font-size-featured-4);line-height:var(--rs-line-height-featured-4);letter-spacing:var(--rs-letter-spacing-featured-4);font-weight:var(--rs-font-weight-featured-4);font-family:var(--rs-font-family-featured-4)}.--variant-featured-5--l{font-size:var(--rs-font-size-featured-5);line-height:var(--rs-line-height-featured-5);letter-spacing:var(--rs-letter-spacing-featured-5);font-weight:var(--rs-font-weight-featured-5);font-family:var(--rs-font-family-featured-5)}.--variant-featured-6--l{font-size:var(--rs-font-size-featured-6);line-height:var(--rs-line-height-featured-6);letter-spacing:var(--rs-letter-spacing-featured-6);font-weight:var(--rs-font-weight-featured-6);font-family:var(--rs-font-family-featured-6)}.--variant-body-1--l{font-size:var(--rs-font-size-body-1);line-height:var(--rs-line-height-body-1);letter-spacing:var(--rs-letter-spacing-body-1);font-weight:var(--rs-font-weight-body-1);font-family:var(--rs-font-family-body-1)}.--variant-body-2--l{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-weight:var(--rs-font-weight-body-2);font-family:var(--rs-font-family-body-2)}.--variant-caption-1--l{font-size:var(--rs-font-size-caption-1);line-height:var(--rs-line-height-caption-1);letter-spacing:var(--rs-letter-spacing-caption-1);font-weight:var(--rs-font-weight-caption-1);font-family:var(--rs-font-family-caption-1)}.--variant-caption-2--l{font-size:var(--rs-font-size-caption-2);line-height:var(--rs-line-height-caption-2);letter-spacing:var(--rs-letter-spacing-caption-2);font-weight:var(--rs-font-weight-caption-2);font-family:var(--rs-font-family-caption-2)}.--weight-regular--l{font-weight:var(--rs-font-weight-regular)!important}.--weight-medium--l{font-weight:var(--rs-font-weight-medium)!important}.--weight-semibold--l{font-weight:var(--rs-font-weight-semibold)!important}.--weight-bold--l{font-weight:var(--rs-font-weight-bold)!important}.--weight-extrabold--l{font-weight:var(--rs-font-weight-extrabold)!important}}@media (--rs-viewport-xl ){.--variant-headline-1--xl{font-size:var(--rs-font-size-headline-1);line-height:var(--rs-line-height-headline-1);letter-spacing:var(--rs-letter-spacing-headline-1);font-weight:var(--rs-font-weight-headline-1);font-family:var(--rs-font-family-headline-1)}.--variant-headline-2--xl{font-size:var(--rs-font-size-headline-2);line-height:var(--rs-line-height-headline-2);letter-spacing:var(--rs-letter-spacing-headline-2);font-weight:var(--rs-font-weight-headline-2);font-family:var(--rs-font-family-headline-2)}.--variant-headline-3--xl{font-size:var(--rs-font-size-headline-3);line-height:var(--rs-line-height-headline-3);letter-spacing:var(--rs-letter-spacing-headline-3);font-weight:var(--rs-font-weight-headline-3);font-family:var(--rs-font-family-headline-3)}.--variant-featured-1--xl{font-size:var(--rs-font-size-featured-1);line-height:var(--rs-line-height-featured-1);letter-spacing:var(--rs-letter-spacing-featured-1);font-weight:var(--rs-font-weight-featured-1);font-family:var(--rs-font-family-featured-1)}.--variant-featured-2--xl{font-size:var(--rs-font-size-featured-2);line-height:var(--rs-line-height-featured-2);letter-spacing:var(--rs-letter-spacing-featured-2);font-weight:var(--rs-font-weight-featured-2);font-family:var(--rs-font-family-featured-2)}.--variant-featured-3--xl{font-size:var(--rs-font-size-featured-3);line-height:var(--rs-line-height-featured-3);letter-spacing:var(--rs-letter-spacing-featured-3);font-weight:var(--rs-font-weight-featured-3);font-family:var(--rs-font-family-featured-3)}.--variant-featured-4--xl{font-size:var(--rs-font-size-featured-4);line-height:var(--rs-line-height-featured-4);letter-spacing:var(--rs-letter-spacing-featured-4);font-weight:var(--rs-font-weight-featured-4);font-family:var(--rs-font-family-featured-4)}.--variant-featured-5--xl{font-size:var(--rs-font-size-featured-5);line-height:var(--rs-line-height-featured-5);letter-spacing:var(--rs-letter-spacing-featured-5);font-weight:var(--rs-font-weight-featured-5);font-family:var(--rs-font-family-featured-5)}.--variant-featured-6--xl{font-size:var(--rs-font-size-featured-6);line-height:var(--rs-line-height-featured-6);letter-spacing:var(--rs-letter-spacing-featured-6);font-weight:var(--rs-font-weight-featured-6);font-family:var(--rs-font-family-featured-6)}.--variant-body-1--xl{font-size:var(--rs-font-size-body-1);line-height:var(--rs-line-height-body-1);letter-spacing:var(--rs-letter-spacing-body-1);font-weight:var(--rs-font-weight-body-1);font-family:var(--rs-font-family-body-1)}.--variant-body-2--xl{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-weight:var(--rs-font-weight-body-2);font-family:var(--rs-font-family-body-2)}.--variant-caption-1--xl{font-size:var(--rs-font-size-caption-1);line-height:var(--rs-line-height-caption-1);letter-spacing:var(--rs-letter-spacing-caption-1);font-weight:var(--rs-font-weight-caption-1);font-family:var(--rs-font-family-caption-1)}.--variant-caption-2--xl{font-size:var(--rs-font-size-caption-2);line-height:var(--rs-line-height-caption-2);letter-spacing:var(--rs-letter-spacing-caption-2);font-weight:var(--rs-font-weight-caption-2);font-family:var(--rs-font-family-caption-2)}.--weight-regular--xl{font-weight:var(--rs-font-weight-regular)!important}.--weight-medium--xl{font-weight:var(--rs-font-weight-medium)!important}.--weight-semibold--xl{font-weight:var(--rs-font-weight-semibold)!important}.--weight-bold--xl{font-weight:var(--rs-font-weight-bold)!important}.--weight-extrabold--xl{font-weight:var(--rs-font-weight-extrabold)!important}}

package/dist/components/Text/index.js

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

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

@@ -1,10 +1,8 @@
 import { StoryObj } from "@storybook/react-vite";
+import Text from "../../../components/Text";
 declare const _default: {
     title: string;
-    component: {
-        <As extends keyof React.JSX.IntrinsicElements = "div">(props: import("./..").TextProps<As>): import("react").JSX.Element;
-        displayName: string;
-    };
+    component: typeof Text;
     parameters: {
         iframe: {
             url: string;

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

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.className = exports.asProp = exports.align = exports.numeric = exports.maxLines = exports.mono = exports.wrap = exports.decoration = exports.color = exports.weight = exports.variant = void 0;
 const test_1 = require("storybook/test");
-const Text_1 = __importDefault(require("./.."));
+const Text_1 = __importDefault(require("../../../components/Text"));
 const storybook_1 = require("../../../utilities/storybook");
 exports.default = {
     title: "Utility components/Text",

package/dist/components/TextArea/TextArea.js

@@ -2,10 +2,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
 import { classNames } from "@reshaped/utilities";
-import { useFormControl } from "../FormControl/index.js";
-import useElementId from "../../hooks/useElementId.js";
-import { responsiveClassNames } from "../../utilities/props.js";
-import { resolveMixin } from "../../styles/mixin.js";
+import { useFormControl } from "../../components/FormControl";
+import useElementId from "../../hooks/useElementId";
+import { responsiveClassNames } from "../../utilities/props";
+import { resolveMixin } from "../../styles/mixin";
 import s from "./TextArea.module.css";
 const TextArea = (props) => {
     const { onChange, name, value, defaultValue, placeholder, size = "medium", variant = "outline", resize, className, attributes, } = props;

package/dist/components/TextArea/TextArea.module.css

@@ -1 +1 @@
-.root{--rs-p-h:var(--rs-text-area-p);--rs-p-v:0px;background:var(--rs-color-background-elevation-base);border-radius:var(--rs-radius-medium);display:grid;isolation:isolate;position:relative}.root:has(.input[disabled]){background:var(--rs-color-background-disabled-faded)}.root:focus-within{box-shadow:var(--rs-outline-shadow)}.root:after{content:attr(data-rs-textarea-value) " ";overflow:hidden;overflow-wrap:break-word;visibility:hidden;white-space:pre-wrap}.input,.root:after{border:0;box-sizing:border-box;flex-grow:1;font-family:var(--rs-font-family-body);font-weight:var(--rs-font-weight-regular);grid-area:1/1/2/2;padding:calc(var(--rs-text-area-p) - var(--rs-unit-x1)) var(--rs-text-area-p);width:100%}.input{background:transparent;color:var(--rs-color-foreground-neutral);font-size:var(--rs-text-area-font-size);letter-spacing:var(--rs-text-area-letter-spacing);line-height:var(--rs-text-area-line-height);min-height:calc(var(--rs-text-area-line-height) + var(--rs-text-area-p) * 2 - var(--rs-unit-x2));outline:none;position:relative;z-index:1}.input[disabled]{color:var(--rs-color-foreground-disabled);cursor:not-allowed}.decorator{border-radius:inherit;inset:0;pointer-events:none;position:absolute}.--size-medium{--rs-text-area-p:var(--rs-unit-x3);--rs-text-area-font-size:var(--rs-font-size-body-2);--rs-text-area-line-height:var(--rs-line-height-body-2);--rs-text-area-letter-spacing:var(--rs-letter-spacing-body-2)}.--size-large{--rs-text-area-p:var(--rs-unit-x4);--rs-text-area-font-size:var(--rs-font-size-body-1);--rs-text-area-line-height:var(--rs-line-height-body-1);--rs-text-area-letter-spacing:var(--rs-letter-spacing-body-1)}.--size-xlarge{--rs-text-area-p:var(--rs-unit-x5);--rs-text-area-font-size:var(--rs-font-size-body-1);--rs-text-area-line-height:var(--rs-line-height-body-1);--rs-text-area-letter-spacing:var(--rs-letter-spacing-body-1)}.root.--variant-faded{background:var(--rs-color-background-neutral-faded)}.root.--variant-ghost{background:transparent}.root.--variant-headless{background:transparent;box-shadow:none!important}.root.--status-error:not(.--variant-headless){box-shadow:0 0 0 var(--rs-outline-width) var(--rs-color-border-critical) inset}.root.--resize-auto .input,.root.--resize-none .input{resize:none}@media (--rs-viewport-s ) and (hover:none){.input{font-size:var(--rs-font-size-body-1)!important}}@media (--rs-viewport-m ){.--size-medium--m{--rs-text-area-p:var(--rs-unit-x3);--rs-text-area-font-size:var(--rs-font-size-body-2);--rs-text-area-line-height:var(--rs-line-height-body-2);--rs-text-area-letter-spacing:var(--rs-letter-spacing-body-2)}.--size-large--m{--rs-text-area-p:var(--rs-unit-x4);--rs-text-area-font-size:var(--rs-font-size-body-1);--rs-text-area-line-height:var(--rs-line-height-body-1);--rs-text-area-letter-spacing:var(--rs-letter-spacing-body-1)}.--size-xlarge--m{--rs-text-area-p:var(--rs-unit-x5);--rs-text-area-font-size:var(--rs-font-size-body-1);--rs-text-area-line-height:var(--rs-line-height-body-1);--rs-text-area-letter-spacing:var(--rs-letter-spacing-body-1)}}@media (--rs-viewport-l ){.--size-medium--l{--rs-text-area-p:var(--rs-unit-x3);--rs-text-area-font-size:var(--rs-font-size-body-2);--rs-text-area-line-height:var(--rs-line-height-body-2);--rs-text-area-letter-spacing:var(--rs-letter-spacing-body-2)}.--size-large--l{--rs-text-area-p:var(--rs-unit-x4);--rs-text-area-font-size:var(--rs-font-size-body-1);--rs-text-area-line-height:var(--rs-line-height-body-1);--rs-text-area-letter-spacing:var(--rs-letter-spacing-body-1)}.--size-xlarge--l{--rs-text-area-p:var(--rs-unit-x5);--rs-text-area-font-size:var(--rs-font-size-body-1);--rs-text-area-line-height:var(--rs-line-height-body-1);--rs-text-area-letter-spacing:var(--rs-letter-spacing-body-1)}}@media (--rs-viewport-xl ){.--size-medium--xl{--rs-text-area-p:var(--rs-unit-x3);--rs-text-area-font-size:var(--rs-font-size-body-2);--rs-text-area-line-height:var(--rs-line-height-body-2);--rs-text-area-letter-spacing:var(--rs-letter-spacing-body-2)}.--size-large--xl{--rs-text-area-p:var(--rs-unit-x4);--rs-text-area-font-size:var(--rs-font-size-body-1);--rs-text-area-line-height:var(--rs-line-height-body-1);--rs-text-area-letter-spacing:var(--rs-letter-spacing-body-1)}.--size-xlarge--xl{--rs-text-area-p:var(--rs-unit-x5);--rs-text-area-font-size:var(--rs-font-size-body-1);--rs-text-area-line-height:var(--rs-line-height-body-1);--rs-text-area-letter-spacing:var(--rs-letter-spacing-body-1)}}
+.root{--rs-p-h:var(--rs-text-area-p);--rs-p-v:0px;position:relative;display:grid;border-radius:var(--rs-radius-medium);background:var(--rs-color-background-elevation-base);isolation:isolate}.root:has(.input[disabled]){background:var(--rs-color-background-disabled-faded)}.root:focus-within{box-shadow:var(--rs-outline-shadow)}.root:after{content:attr(data-rs-textarea-value) " ";visibility:hidden;white-space:pre-wrap;overflow-wrap:break-word;overflow:hidden}.input,.root:after{grid-area:1/1/2/2;padding:calc(var(--rs-text-area-p) - var(--rs-unit-x1)) var(--rs-text-area-p);font-weight:var(--rs-font-weight-regular);font-family:var(--rs-font-family-body);box-sizing:border-box;flex-grow:1;width:100%;border:0}.input{outline:none;position:relative;z-index:1;color:var(--rs-color-foreground-neutral);font-size:var(--rs-text-area-font-size);line-height:var(--rs-text-area-line-height);letter-spacing:var(--rs-text-area-letter-spacing);background:transparent;min-height:calc(var(--rs-text-area-line-height) + var(--rs-text-area-p) * 2 - var(--rs-unit-x2))}.input[disabled]{cursor:not-allowed;color:var(--rs-color-foreground-disabled)}.decorator{position:absolute;inset:0;border-radius:inherit;pointer-events:none}.--size-medium{--rs-text-area-p:var(--rs-unit-x3);--rs-text-area-font-size:var(--rs-font-size-body-2);--rs-text-area-line-height:var(--rs-line-height-body-2);--rs-text-area-letter-spacing:var(--rs-letter-spacing-body-2)}.--size-large{--rs-text-area-p:var(--rs-unit-x4);--rs-text-area-font-size:var(--rs-font-size-body-1);--rs-text-area-line-height:var(--rs-line-height-body-1);--rs-text-area-letter-spacing:var(--rs-letter-spacing-body-1)}.--size-xlarge{--rs-text-area-p:var(--rs-unit-x5);--rs-text-area-font-size:var(--rs-font-size-body-1);--rs-text-area-line-height:var(--rs-line-height-body-1);--rs-text-area-letter-spacing:var(--rs-letter-spacing-body-1)}.root.--variant-faded{background:var(--rs-color-background-neutral-faded)}.root.--variant-ghost{background:transparent}.root.--variant-headless{background:transparent;box-shadow:none!important}.root.--status-error:not(.--variant-headless){box-shadow:0 0 0 var(--rs-outline-width) var(--rs-color-border-critical) inset}.root.--resize-auto .input,.root.--resize-none .input{resize:none}@media (--rs-viewport-s ) and (hover:none){.input{font-size:var(--rs-font-size-body-1)!important}}@media (--rs-viewport-m ){.--size-medium--m{--rs-text-area-p:var(--rs-unit-x3);--rs-text-area-font-size:var(--rs-font-size-body-2);--rs-text-area-line-height:var(--rs-line-height-body-2);--rs-text-area-letter-spacing:var(--rs-letter-spacing-body-2)}.--size-large--m{--rs-text-area-p:var(--rs-unit-x4);--rs-text-area-font-size:var(--rs-font-size-body-1);--rs-text-area-line-height:var(--rs-line-height-body-1);--rs-text-area-letter-spacing:var(--rs-letter-spacing-body-1)}.--size-xlarge--m{--rs-text-area-p:var(--rs-unit-x5);--rs-text-area-font-size:var(--rs-font-size-body-1);--rs-text-area-line-height:var(--rs-line-height-body-1);--rs-text-area-letter-spacing:var(--rs-letter-spacing-body-1)}}@media (--rs-viewport-l ){.--size-medium--l{--rs-text-area-p:var(--rs-unit-x3);--rs-text-area-font-size:var(--rs-font-size-body-2);--rs-text-area-line-height:var(--rs-line-height-body-2);--rs-text-area-letter-spacing:var(--rs-letter-spacing-body-2)}.--size-large--l{--rs-text-area-p:var(--rs-unit-x4);--rs-text-area-font-size:var(--rs-font-size-body-1);--rs-text-area-line-height:var(--rs-line-height-body-1);--rs-text-area-letter-spacing:var(--rs-letter-spacing-body-1)}.--size-xlarge--l{--rs-text-area-p:var(--rs-unit-x5);--rs-text-area-font-size:var(--rs-font-size-body-1);--rs-text-area-line-height:var(--rs-line-height-body-1);--rs-text-area-letter-spacing:var(--rs-letter-spacing-body-1)}}@media (--rs-viewport-xl ){.--size-medium--xl{--rs-text-area-p:var(--rs-unit-x3);--rs-text-area-font-size:var(--rs-font-size-body-2);--rs-text-area-line-height:var(--rs-line-height-body-2);--rs-text-area-letter-spacing:var(--rs-letter-spacing-body-2)}.--size-large--xl{--rs-text-area-p:var(--rs-unit-x4);--rs-text-area-font-size:var(--rs-font-size-body-1);--rs-text-area-line-height:var(--rs-line-height-body-1);--rs-text-area-letter-spacing:var(--rs-letter-spacing-body-1)}.--size-xlarge--xl{--rs-text-area-p:var(--rs-unit-x5);--rs-text-area-font-size:var(--rs-font-size-body-1);--rs-text-area-line-height:var(--rs-line-height-body-1);--rs-text-area-letter-spacing:var(--rs-letter-spacing-body-1)}}

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

@@ -1,6 +1,6 @@
 import React from "react";
 import type { ClassName } from "@reshaped/utilities";
-import type { FormControlProps } from "../FormControl";
+import type { FormControlProps } from "../../components/FormControl";
 import type * as G from "../../types/global";
 import type { Attributes } from "../../types/global";
 type Size = G.Responsive<"medium" | "large" | "xlarge">;

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

@@ -1,4 +1,4 @@
-import Aligner from "../_private/Aligner";
+import Aligner from "../../components/_private/Aligner";
 import TextArea from "./TextArea";
 declare const TextAreaRoot: typeof TextArea & {
     Aligner: typeof Aligner;

package/dist/components/TextArea/index.js

@@ -1,5 +1,5 @@
-import Aligner from "../_private/Aligner/index.js";
-import TextArea from "./TextArea.js";
+import Aligner from "../../components/_private/Aligner";
+import TextArea from "./TextArea";
 const TextAreaRoot = TextArea;
 TextAreaRoot.Aligner = Aligner;
 export default TextAreaRoot;

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

@@ -2,8 +2,8 @@ import { StoryObj } from "@storybook/react-vite";
 import { fn } from "storybook/test";
 declare const _default: {
     title: string;
-    component: import("react").FC<import("./..").TextAreaProps> & {
-        Aligner: import("react").FC<import("../../Button").ButtonAlignerProps>;
+    component: import("react").FC<import("../../../components/TextArea").TextAreaProps> & {
+        Aligner: import("react").FC<import("../../../components/Button").ButtonAlignerProps>;
     };
     parameters: {
         iframe: {

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

@@ -5,11 +5,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.formControl = exports.className = exports.value = exports.defaultValue = exports.disabled = exports.id = exports.placeholder = exports.render = exports.edgeCases = exports.aligner = exports.error = exports.resize = exports.size = exports.variants = void 0;
 const test_1 = require("storybook/test");
-const Button_1 = __importDefault(require("../../Button"));
-const FormControl_1 = __importDefault(require("../../FormControl"));
-const Text_1 = __importDefault(require("../../Text"));
-const TextArea_1 = __importDefault(require("./.."));
-const View_1 = __importDefault(require("../../View"));
+const Button_1 = __importDefault(require("../../../components/Button"));
+const FormControl_1 = __importDefault(require("../../../components/FormControl"));
+const Text_1 = __importDefault(require("../../../components/Text"));
+const TextArea_1 = __importDefault(require("../../../components/TextArea"));
+const View_1 = __importDefault(require("../../../components/View"));
 const storybook_1 = require("../../../utilities/storybook");
 exports.default = {
     title: "Components/TextArea",

package/dist/components/TextField/TextField.js

@@ -2,11 +2,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
 import { classNames } from "@reshaped/utilities";
-import { useFormControl } from "../FormControl/index.js";
-import Icon from "../Icon/index.js";
-import useElementId from "../../hooks/useElementId.js";
-import { responsiveClassNames, responsivePropDependency } from "../../utilities/props.js";
-import { resolveMixin } from "../../styles/mixin.js";
+import { useFormControl } from "../../components/FormControl";
+import Icon from "../../components/Icon";
+import useElementId from "../../hooks/useElementId";
+import { responsiveClassNames, responsivePropDependency } from "../../utilities/props";
+import { resolveMixin } from "../../styles/mixin";
 import s from "./TextField.module.css";
 const TextFieldSlot = (props) => {
     const { slot, icon, size, affix, position, id } = props;

package/dist/components/TextField/TextField.module.css

@@ -1 +1 @@
-.root{--rs-p-h:var(--rs-text-field-p-h);--rs-p-v:0px;--rs-text-field-start-slot-padding:var(--rs-unit-x2);--rs-text-field-end-slot-padding:var(--rs-unit-x2);--rs-text-field-focus-border-color:var(--rs-color-border-primary);align-items:center;background:var(--rs-color-background-elevation-base);border-radius:var(--rs-text-field-radius);display:flex;min-height:var(--rs-text-field-min-height);padding:var(--rs-unit-x1) var(--rs-text-field-p-h);position:relative;z-index:0}.root.--focused,.root:has(.icon:active),.root:not(:has(button:focus,a:focus,[tabindex="0"]:focus,[role=button]:focus,select:focus)):focus-within{box-shadow:var(--rs-outline-shadow)}.root.--multiline{flex-wrap:wrap}.root.--multiline .input{width:auto}.root.--rounded{--rs-text-field-radius:var(--rs-radius-circular)}.inner{display:inline-flex;flex-grow:1}.input{background:none;border:none;box-sizing:border-box;color:var(--rs-color-foreground-neutral);flex-grow:1;font-family:var(--rs-font-family-body);font-weight:var(--rs-font-weight-regular);margin:calc(var(--rs-text-field-p-v) * -1) calc(var(--rs-text-field-gap) * -1);min-height:var(--rs-text-field-min-height);outline:none;padding-block:0;padding-inline:var(--rs-text-field-gap);position:relative;width:100%;z-index:1}.input:-webkit-autofill{-webkit-background-clip:text;-webkit-text-fill-color:var(--rs-color-foreground-neutral)}.affix,.input{font-size:var(--rs-text-field-font-size);letter-spacing:var(--rs-text-field-letter-spacing);line-height:var(--rs-text-field-line-height)}.affix,.icon,.slot{align-items:center;display:flex;flex-shrink:0;max-width:100%;min-height:calc(var(--rs-text-field-min-height) - var(--rs-unit-x2));position:relative;z-index:5}.affix--position-start,.icon--position-start,.slot--position-start{margin-inline-end:var(--rs-text-field-gap)}.affix--position-end,.icon--position-end,.slot--position-end{margin-inline-start:var(--rs-text-field-gap)}.icon{cursor:text}.icon.icon--position-start{margin-inline-start:calc(var(--rs-text-field-icon-align) * -1)}.icon.icon--position-end{margin-inline-end:calc(var(--rs-text-field-icon-align) * -1)}.slot.slot--position-start{--rs-text-field-slot-adjustment:calc(var(--rs-text-field-start-slot-padding) - var(--rs-text-field-p-h));margin-inline-start:var(--rs-text-field-slot-adjustment)}.icon+.slot.slot--position-start{margin-inline-start:0}.slot.slot--position-start:has(+.slot--position-start){margin-inline-end:calc(max(calc(var(--rs-text-field-slot-adjustment) * -1), 0px) + var(--rs-text-field-gap))}.slot.slot--position-end{--rs-text-field-slot-adjustment:calc(var(--rs-text-field-end-slot-padding) - var(--rs-text-field-p-h));margin-inline-end:var(--rs-text-field-slot-adjustment)}.affix{color:var(--rs-color-foreground-neutral-faded)}.affix.affix--position-start{padding-inline-end:calc(var(--rs-text-field-gap) + 1px)}.affix.affix--position-start:after{border-inline-end:1px solid var(--rs-color-border-neutral-faded);content:"";inset-block:var(--rs-unit-x1-5);inset-inline-end:0;position:absolute}.affix.affix--position-end{padding-inline-start:calc(var(--rs-text-field-gap) + 1px)}.affix.affix--position-end:after{border-inline-start:1px solid var(--rs-color-border-neutral-faded);content:"";inset-block:var(--rs-unit-x1-5);inset-inline-start:0;position:absolute}.input+.affix--position-end,.input+.icon--position-end,.input+.slot--position-end{margin-inline-start:auto}.root.--disabled{--rs-text-field-border-color:var(--rs-color-border-disabled);background:var(--rs-color-background-disabled-faded)}.root.--disabled,.root.--disabled .input{color:var(--rs-color-foreground-disabled);cursor:not-allowed}.--size-small{--rs-text-field-gap:var(--rs-unit-x1-5);--rs-text-field-radius:var(--rs-radius-small);--rs-text-field-p-v:var(--rs-unit-x1);--rs-text-field-p-h:var(--rs-unit-x2);--rs-text-field-icon-align:var(--rs-unit-x0-5);--rs-text-field-font-size:var(--rs-font-size-body-2);--rs-text-field-line-height:var(--rs-line-height-body-2);--rs-text-field-letter-spacing:var(--rs-letter-spacing-body-2);--rs-text-field-action-inset:var(--rs-unit-x1);--rs-text-field-min-height:calc(var(--rs-text-field-line-height) + var(--rs-unit-x1) * 2)}.--size-medium{--rs-text-field-gap:var(--rs-unit-x2);--rs-text-field-radius:var(--rs-radius-medium);--rs-text-field-p-v:var(--rs-unit-x2);--rs-text-field-p-h:var(--rs-unit-x3);--rs-text-field-icon-align:var(--rs-unit-x0-5);--rs-text-field-font-size:var(--rs-font-size-body-2);--rs-text-field-line-height:var(--rs-line-height-body-2);--rs-text-field-letter-spacing:var(--rs-letter-spacing-body-2);--rs-text-field-action-inset:var(--rs-unit-x1);--rs-text-field-min-height:calc(var(--rs-text-field-line-height) + var(--rs-unit-x2) * 2)}.--size-large{--rs-text-field-gap:var(--rs-unit-x2);--rs-text-field-radius:var(--rs-radius-medium);--rs-text-field-p-v:var(--rs-unit-x3);--rs-text-field-p-h:var(--rs-unit-x4);--rs-text-field-icon-align:var(--rs-unit-x1);--rs-text-field-font-size:var(--rs-font-size-body-1);--rs-text-field-line-height:var(--rs-line-height-body-1);--rs-text-field-letter-spacing:var(--rs-letter-spacing-body-1);--rs-text-field-action-inset:var(--rs-unit-x2);--rs-text-field-min-height:calc(var(--rs-text-field-line-height) + var(--rs-unit-x3) * 2)}.--size-xlarge{--rs-text-field-gap:var(--rs-unit-x3);--rs-text-field-radius:var(--rs-radius-medium);--rs-text-field-p-v:var(--rs-unit-x4);--rs-text-field-p-h:var(--rs-unit-x5);--rs-text-field-icon-align:var(--rs-unit-x1);--rs-text-field-font-size:var(--rs-font-size-body-1);--rs-text-field-line-height:var(--rs-line-height-body-1);--rs-text-field-letter-spacing:var(--rs-letter-spacing-body-1);--rs-text-field-action-inset:var(--rs-unit-x1);--rs-text-field-min-height:calc(var(--rs-text-field-line-height) + var(--rs-unit-x4) * 2)}.root.--variant-faded{background:var(--rs-color-background-neutral-faded)}.root.--variant-ghost{background:transparent}.root.--variant-headless{--rs-text-field-focus-border-color:transparent;background:transparent;box-shadow:none!important}.root.--status-error:not(.--variant-headless){box-shadow:0 0 0 var(--rs-outline-width) var(--rs-color-border-critical) inset}@media (--rs-viewport-s ) and (hover:none){.input{font-size:var(--rs-font-size-body-1)!important}}@media (--rs-viewport-m ){.--size-small--m{--rs-text-field-gap:var(--rs-unit-x1-5);--rs-text-field-radius:var(--rs-radius-small);--rs-text-field-p-v:var(--rs-unit-x1);--rs-text-field-p-h:var(--rs-unit-x2);--rs-text-field-icon-align:var(--rs-unit-x0-5);--rs-text-field-font-size:var(--rs-font-size-body-2);--rs-text-field-line-height:var(--rs-line-height-body-2);--rs-text-field-letter-spacing:var(--rs-letter-spacing-body-2);--rs-text-field-action-inset:var(--rs-unit-x1);--rs-text-field-min-height:calc(var(--rs-text-field-line-height) + var(--rs-unit-x1) * 2)}.--size-medium--m{--rs-text-field-gap:var(--rs-unit-x2);--rs-text-field-radius:var(--rs-radius-medium);--rs-text-field-p-v:var(--rs-unit-x2);--rs-text-field-p-h:var(--rs-unit-x3);--rs-text-field-icon-align:var(--rs-unit-x0-5);--rs-text-field-font-size:var(--rs-font-size-body-2);--rs-text-field-line-height:var(--rs-line-height-body-2);--rs-text-field-letter-spacing:var(--rs-letter-spacing-body-2);--rs-text-field-action-inset:var(--rs-unit-x1);--rs-text-field-min-height:calc(var(--rs-text-field-line-height) + var(--rs-unit-x2) * 2)}.--size-large--m{--rs-text-field-gap:var(--rs-unit-x2);--rs-text-field-radius:var(--rs-radius-medium);--rs-text-field-p-v:var(--rs-unit-x3);--rs-text-field-p-h:var(--rs-unit-x4);--rs-text-field-icon-align:var(--rs-unit-x1);--rs-text-field-font-size:var(--rs-font-size-body-1);--rs-text-field-line-height:var(--rs-line-height-body-1);--rs-text-field-letter-spacing:var(--rs-letter-spacing-body-1);--rs-text-field-action-inset:var(--rs-unit-x2);--rs-text-field-min-height:calc(var(--rs-text-field-line-height) + var(--rs-unit-x3) * 2)}.--size-xlarge--m{--rs-text-field-gap:var(--rs-unit-x3);--rs-text-field-radius:var(--rs-radius-medium);--rs-text-field-p-v:var(--rs-unit-x4);--rs-text-field-p-h:var(--rs-unit-x5);--rs-text-field-icon-align:var(--rs-unit-x1);--rs-text-field-font-size:var(--rs-font-size-body-1);--rs-text-field-line-height:var(--rs-line-height-body-1);--rs-text-field-letter-spacing:var(--rs-letter-spacing-body-1);--rs-text-field-action-inset:var(--rs-unit-x1);--rs-text-field-min-height:calc(var(--rs-text-field-line-height) + var(--rs-unit-x4) * 2)}}@media (--rs-viewport-l ){.--size-small--l{--rs-text-field-gap:var(--rs-unit-x1-5);--rs-text-field-radius:var(--rs-radius-small);--rs-text-field-p-v:var(--rs-unit-x1);--rs-text-field-p-h:var(--rs-unit-x2);--rs-text-field-icon-align:var(--rs-unit-x0-5);--rs-text-field-font-size:var(--rs-font-size-body-2);--rs-text-field-line-height:var(--rs-line-height-body-2);--rs-text-field-letter-spacing:var(--rs-letter-spacing-body-2);--rs-text-field-action-inset:var(--rs-unit-x1);--rs-text-field-min-height:calc(var(--rs-text-field-line-height) + var(--rs-unit-x1) * 2)}.--size-medium--l{--rs-text-field-gap:var(--rs-unit-x2);--rs-text-field-radius:var(--rs-radius-medium);--rs-text-field-p-v:var(--rs-unit-x2);--rs-text-field-p-h:var(--rs-unit-x3);--rs-text-field-icon-align:var(--rs-unit-x0-5);--rs-text-field-font-size:var(--rs-font-size-body-2);--rs-text-field-line-height:var(--rs-line-height-body-2);--rs-text-field-letter-spacing:var(--rs-letter-spacing-body-2);--rs-text-field-action-inset:var(--rs-unit-x1);--rs-text-field-min-height:calc(var(--rs-text-field-line-height) + var(--rs-unit-x2) * 2)}.--size-large--l{--rs-text-field-gap:var(--rs-unit-x2);--rs-text-field-radius:var(--rs-radius-medium);--rs-text-field-p-v:var(--rs-unit-x3);--rs-text-field-p-h:var(--rs-unit-x4);--rs-text-field-icon-align:var(--rs-unit-x1);--rs-text-field-font-size:var(--rs-font-size-body-1);--rs-text-field-line-height:var(--rs-line-height-body-1);--rs-text-field-letter-spacing:var(--rs-letter-spacing-body-1);--rs-text-field-action-inset:var(--rs-unit-x2);--rs-text-field-min-height:calc(var(--rs-text-field-line-height) + var(--rs-unit-x3) * 2)}.--size-xlarge--l{--rs-text-field-gap:var(--rs-unit-x3);--rs-text-field-radius:var(--rs-radius-medium);--rs-text-field-p-v:var(--rs-unit-x4);--rs-text-field-p-h:var(--rs-unit-x5);--rs-text-field-icon-align:var(--rs-unit-x1);--rs-text-field-font-size:var(--rs-font-size-body-1);--rs-text-field-line-height:var(--rs-line-height-body-1);--rs-text-field-letter-spacing:var(--rs-letter-spacing-body-1);--rs-text-field-action-inset:var(--rs-unit-x1);--rs-text-field-min-height:calc(var(--rs-text-field-line-height) + var(--rs-unit-x4) * 2)}}@media (--rs-viewport-xl ){.--size-small--xl{--rs-text-field-gap:var(--rs-unit-x1-5);--rs-text-field-radius:var(--rs-radius-small);--rs-text-field-p-v:var(--rs-unit-x1);--rs-text-field-p-h:var(--rs-unit-x2);--rs-text-field-icon-align:var(--rs-unit-x0-5);--rs-text-field-font-size:var(--rs-font-size-body-2);--rs-text-field-line-height:var(--rs-line-height-body-2);--rs-text-field-letter-spacing:var(--rs-letter-spacing-body-2);--rs-text-field-action-inset:var(--rs-unit-x1);--rs-text-field-min-height:calc(var(--rs-text-field-line-height) + var(--rs-unit-x1) * 2)}.--size-medium--xl{--rs-text-field-gap:var(--rs-unit-x2);--rs-text-field-radius:var(--rs-radius-medium);--rs-text-field-p-v:var(--rs-unit-x2);--rs-text-field-p-h:var(--rs-unit-x3);--rs-text-field-icon-align:var(--rs-unit-x0-5);--rs-text-field-font-size:var(--rs-font-size-body-2);--rs-text-field-line-height:var(--rs-line-height-body-2);--rs-text-field-letter-spacing:var(--rs-letter-spacing-body-2);--rs-text-field-action-inset:var(--rs-unit-x1);--rs-text-field-min-height:calc(var(--rs-text-field-line-height) + var(--rs-unit-x2) * 2)}.--size-large--xl{--rs-text-field-gap:var(--rs-unit-x2);--rs-text-field-radius:var(--rs-radius-medium);--rs-text-field-p-v:var(--rs-unit-x3);--rs-text-field-p-h:var(--rs-unit-x4);--rs-text-field-icon-align:var(--rs-unit-x1);--rs-text-field-font-size:var(--rs-font-size-body-1);--rs-text-field-line-height:var(--rs-line-height-body-1);--rs-text-field-letter-spacing:var(--rs-letter-spacing-body-1);--rs-text-field-action-inset:var(--rs-unit-x2);--rs-text-field-min-height:calc(var(--rs-text-field-line-height) + var(--rs-unit-x3) * 2)}.--size-xlarge--xl{--rs-text-field-gap:var(--rs-unit-x3);--rs-text-field-radius:var(--rs-radius-medium);--rs-text-field-p-v:var(--rs-unit-x4);--rs-text-field-p-h:var(--rs-unit-x5);--rs-text-field-icon-align:var(--rs-unit-x1);--rs-text-field-font-size:var(--rs-font-size-body-1);--rs-text-field-line-height:var(--rs-line-height-body-1);--rs-text-field-letter-spacing:var(--rs-letter-spacing-body-1);--rs-text-field-action-inset:var(--rs-unit-x1);--rs-text-field-min-height:calc(var(--rs-text-field-line-height) + var(--rs-unit-x4) * 2)}}
+.root{--rs-p-h:var(--rs-text-field-p-h);--rs-p-v:0px;--rs-text-field-start-slot-padding:var(--rs-unit-x2);--rs-text-field-end-slot-padding:var(--rs-unit-x2);--rs-text-field-focus-border-color:var(--rs-color-border-primary);display:flex;align-items:center;position:relative;z-index:0;background:var(--rs-color-background-elevation-base);border-radius:var(--rs-text-field-radius);padding:var(--rs-unit-x1) var(--rs-text-field-p-h);min-height:var(--rs-text-field-min-height)}.root.--focused,.root:has(.icon:active),.root:not(:has(button:focus,a:focus,[tabindex="0"]:focus,[role=button]:focus,select:focus)):focus-within{box-shadow:var(--rs-outline-shadow)}.root.--multiline{flex-wrap:wrap}.root.--multiline .input{width:auto}.root.--rounded{--rs-text-field-radius:var(--rs-radius-circular)}.inner{display:inline-flex;flex-grow:1}.input{border:none;outline:none;position:relative;z-index:1;background:none;flex-grow:1;box-sizing:border-box;width:100%;color:var(--rs-color-foreground-neutral);min-height:var(--rs-text-field-min-height);margin:calc(var(--rs-text-field-p-v) * -1) calc(var(--rs-text-field-gap) * -1);padding-inline:var(--rs-text-field-gap);padding-block:0;font-weight:var(--rs-font-weight-regular);font-family:var(--rs-font-family-body)}.input:-webkit-autofill{-webkit-background-clip:text;-webkit-text-fill-color:var(--rs-color-foreground-neutral)}.affix,.input{font-size:var(--rs-text-field-font-size);line-height:var(--rs-text-field-line-height);letter-spacing:var(--rs-text-field-letter-spacing)}.affix,.icon,.slot{max-width:100%;position:relative;z-index:5;display:flex;align-items:center;flex-shrink:0;min-height:calc(var(--rs-text-field-min-height) - var(--rs-unit-x2))}.affix--position-start,.icon--position-start,.slot--position-start{margin-inline-end:var(--rs-text-field-gap)}.affix--position-end,.icon--position-end,.slot--position-end{margin-inline-start:var(--rs-text-field-gap)}.icon{cursor:text}.icon.icon--position-start{margin-inline-start:calc(var(--rs-text-field-icon-align) * -1)}.icon.icon--position-end{margin-inline-end:calc(var(--rs-text-field-icon-align) * -1)}.slot.slot--position-start{--rs-text-field-slot-adjustment:calc(var(--rs-text-field-start-slot-padding) - var(--rs-text-field-p-h));margin-inline-start:var(--rs-text-field-slot-adjustment)}.icon+.slot.slot--position-start{margin-inline-start:0}.slot.slot--position-start:has(+.slot--position-start){margin-inline-end:calc(max(calc(var(--rs-text-field-slot-adjustment) * -1), 0px) + var(--rs-text-field-gap))}.slot.slot--position-end{--rs-text-field-slot-adjustment:calc(var(--rs-text-field-end-slot-padding) - var(--rs-text-field-p-h));margin-inline-end:var(--rs-text-field-slot-adjustment)}.affix{color:var(--rs-color-foreground-neutral-faded)}.affix.affix--position-start{padding-inline-end:calc(var(--rs-text-field-gap) + 1px)}.affix.affix--position-start:after{content:"";position:absolute;inset-block:var(--rs-unit-x1-5);inset-inline-end:0;border-inline-end:1px solid var(--rs-color-border-neutral-faded)}.affix.affix--position-end{padding-inline-start:calc(var(--rs-text-field-gap) + 1px)}.affix.affix--position-end:after{content:"";position:absolute;inset-block:var(--rs-unit-x1-5);inset-inline-start:0;border-inline-start:1px solid var(--rs-color-border-neutral-faded)}.input+.affix--position-end,.input+.icon--position-end,.input+.slot--position-end{margin-inline-start:auto}.root.--disabled{--rs-text-field-border-color:var(--rs-color-border-disabled);background:var(--rs-color-background-disabled-faded)}.root.--disabled,.root.--disabled .input{color:var(--rs-color-foreground-disabled);cursor:not-allowed}.--size-small{--rs-text-field-gap:var(--rs-unit-x1-5);--rs-text-field-radius:var(--rs-radius-small);--rs-text-field-p-v:var(--rs-unit-x1);--rs-text-field-p-h:var(--rs-unit-x2);--rs-text-field-icon-align:var(--rs-unit-x0-5);--rs-text-field-font-size:var(--rs-font-size-body-2);--rs-text-field-line-height:var(--rs-line-height-body-2);--rs-text-field-letter-spacing:var(--rs-letter-spacing-body-2);--rs-text-field-action-inset:var(--rs-unit-x1);--rs-text-field-min-height:calc(var(--rs-text-field-line-height) + var(--rs-unit-x1) * 2)}.--size-medium{--rs-text-field-gap:var(--rs-unit-x2);--rs-text-field-radius:var(--rs-radius-medium);--rs-text-field-p-v:var(--rs-unit-x2);--rs-text-field-p-h:var(--rs-unit-x3);--rs-text-field-icon-align:var(--rs-unit-x0-5);--rs-text-field-font-size:var(--rs-font-size-body-2);--rs-text-field-line-height:var(--rs-line-height-body-2);--rs-text-field-letter-spacing:var(--rs-letter-spacing-body-2);--rs-text-field-action-inset:var(--rs-unit-x1);--rs-text-field-min-height:calc(var(--rs-text-field-line-height) + var(--rs-unit-x2) * 2)}.--size-large{--rs-text-field-gap:var(--rs-unit-x2);--rs-text-field-radius:var(--rs-radius-medium);--rs-text-field-p-v:var(--rs-unit-x3);--rs-text-field-p-h:var(--rs-unit-x4);--rs-text-field-icon-align:var(--rs-unit-x1);--rs-text-field-font-size:var(--rs-font-size-body-1);--rs-text-field-line-height:var(--rs-line-height-body-1);--rs-text-field-letter-spacing:var(--rs-letter-spacing-body-1);--rs-text-field-action-inset:var(--rs-unit-x2);--rs-text-field-min-height:calc(var(--rs-text-field-line-height) + var(--rs-unit-x3) * 2)}.--size-xlarge{--rs-text-field-gap:var(--rs-unit-x3);--rs-text-field-radius:var(--rs-radius-medium);--rs-text-field-p-v:var(--rs-unit-x4);--rs-text-field-p-h:var(--rs-unit-x5);--rs-text-field-icon-align:var(--rs-unit-x1);--rs-text-field-font-size:var(--rs-font-size-body-1);--rs-text-field-line-height:var(--rs-line-height-body-1);--rs-text-field-letter-spacing:var(--rs-letter-spacing-body-1);--rs-text-field-action-inset:var(--rs-unit-x1);--rs-text-field-min-height:calc(var(--rs-text-field-line-height) + var(--rs-unit-x4) * 2)}.root.--variant-faded{background:var(--rs-color-background-neutral-faded)}.root.--variant-ghost{background:transparent}.root.--variant-headless{--rs-text-field-focus-border-color:transparent;background:transparent;box-shadow:none!important}.root.--status-error:not(.--variant-headless){box-shadow:0 0 0 var(--rs-outline-width) var(--rs-color-border-critical) inset}@media (--rs-viewport-s ) and (hover:none){.input{font-size:var(--rs-font-size-body-1)!important}}@media (--rs-viewport-m ){.--size-small--m{--rs-text-field-gap:var(--rs-unit-x1-5);--rs-text-field-radius:var(--rs-radius-small);--rs-text-field-p-v:var(--rs-unit-x1);--rs-text-field-p-h:var(--rs-unit-x2);--rs-text-field-icon-align:var(--rs-unit-x0-5);--rs-text-field-font-size:var(--rs-font-size-body-2);--rs-text-field-line-height:var(--rs-line-height-body-2);--rs-text-field-letter-spacing:var(--rs-letter-spacing-body-2);--rs-text-field-action-inset:var(--rs-unit-x1);--rs-text-field-min-height:calc(var(--rs-text-field-line-height) + var(--rs-unit-x1) * 2)}.--size-medium--m{--rs-text-field-gap:var(--rs-unit-x2);--rs-text-field-radius:var(--rs-radius-medium);--rs-text-field-p-v:var(--rs-unit-x2);--rs-text-field-p-h:var(--rs-unit-x3);--rs-text-field-icon-align:var(--rs-unit-x0-5);--rs-text-field-font-size:var(--rs-font-size-body-2);--rs-text-field-line-height:var(--rs-line-height-body-2);--rs-text-field-letter-spacing:var(--rs-letter-spacing-body-2);--rs-text-field-action-inset:var(--rs-unit-x1);--rs-text-field-min-height:calc(var(--rs-text-field-line-height) + var(--rs-unit-x2) * 2)}.--size-large--m{--rs-text-field-gap:var(--rs-unit-x2);--rs-text-field-radius:var(--rs-radius-medium);--rs-text-field-p-v:var(--rs-unit-x3);--rs-text-field-p-h:var(--rs-unit-x4);--rs-text-field-icon-align:var(--rs-unit-x1);--rs-text-field-font-size:var(--rs-font-size-body-1);--rs-text-field-line-height:var(--rs-line-height-body-1);--rs-text-field-letter-spacing:var(--rs-letter-spacing-body-1);--rs-text-field-action-inset:var(--rs-unit-x2);--rs-text-field-min-height:calc(var(--rs-text-field-line-height) + var(--rs-unit-x3) * 2)}.--size-xlarge--m{--rs-text-field-gap:var(--rs-unit-x3);--rs-text-field-radius:var(--rs-radius-medium);--rs-text-field-p-v:var(--rs-unit-x4);--rs-text-field-p-h:var(--rs-unit-x5);--rs-text-field-icon-align:var(--rs-unit-x1);--rs-text-field-font-size:var(--rs-font-size-body-1);--rs-text-field-line-height:var(--rs-line-height-body-1);--rs-text-field-letter-spacing:var(--rs-letter-spacing-body-1);--rs-text-field-action-inset:var(--rs-unit-x1);--rs-text-field-min-height:calc(var(--rs-text-field-line-height) + var(--rs-unit-x4) * 2)}}@media (--rs-viewport-l ){.--size-small--l{--rs-text-field-gap:var(--rs-unit-x1-5);--rs-text-field-radius:var(--rs-radius-small);--rs-text-field-p-v:var(--rs-unit-x1);--rs-text-field-p-h:var(--rs-unit-x2);--rs-text-field-icon-align:var(--rs-unit-x0-5);--rs-text-field-font-size:var(--rs-font-size-body-2);--rs-text-field-line-height:var(--rs-line-height-body-2);--rs-text-field-letter-spacing:var(--rs-letter-spacing-body-2);--rs-text-field-action-inset:var(--rs-unit-x1);--rs-text-field-min-height:calc(var(--rs-text-field-line-height) + var(--rs-unit-x1) * 2)}.--size-medium--l{--rs-text-field-gap:var(--rs-unit-x2);--rs-text-field-radius:var(--rs-radius-medium);--rs-text-field-p-v:var(--rs-unit-x2);--rs-text-field-p-h:var(--rs-unit-x3);--rs-text-field-icon-align:var(--rs-unit-x0-5);--rs-text-field-font-size:var(--rs-font-size-body-2);--rs-text-field-line-height:var(--rs-line-height-body-2);--rs-text-field-letter-spacing:var(--rs-letter-spacing-body-2);--rs-text-field-action-inset:var(--rs-unit-x1);--rs-text-field-min-height:calc(var(--rs-text-field-line-height) + var(--rs-unit-x2) * 2)}.--size-large--l{--rs-text-field-gap:var(--rs-unit-x2);--rs-text-field-radius:var(--rs-radius-medium);--rs-text-field-p-v:var(--rs-unit-x3);--rs-text-field-p-h:var(--rs-unit-x4);--rs-text-field-icon-align:var(--rs-unit-x1);--rs-text-field-font-size:var(--rs-font-size-body-1);--rs-text-field-line-height:var(--rs-line-height-body-1);--rs-text-field-letter-spacing:var(--rs-letter-spacing-body-1);--rs-text-field-action-inset:var(--rs-unit-x2);--rs-text-field-min-height:calc(var(--rs-text-field-line-height) + var(--rs-unit-x3) * 2)}.--size-xlarge--l{--rs-text-field-gap:var(--rs-unit-x3);--rs-text-field-radius:var(--rs-radius-medium);--rs-text-field-p-v:var(--rs-unit-x4);--rs-text-field-p-h:var(--rs-unit-x5);--rs-text-field-icon-align:var(--rs-unit-x1);--rs-text-field-font-size:var(--rs-font-size-body-1);--rs-text-field-line-height:var(--rs-line-height-body-1);--rs-text-field-letter-spacing:var(--rs-letter-spacing-body-1);--rs-text-field-action-inset:var(--rs-unit-x1);--rs-text-field-min-height:calc(var(--rs-text-field-line-height) + var(--rs-unit-x4) * 2)}}@media (--rs-viewport-xl ){.--size-small--xl{--rs-text-field-gap:var(--rs-unit-x1-5);--rs-text-field-radius:var(--rs-radius-small);--rs-text-field-p-v:var(--rs-unit-x1);--rs-text-field-p-h:var(--rs-unit-x2);--rs-text-field-icon-align:var(--rs-unit-x0-5);--rs-text-field-font-size:var(--rs-font-size-body-2);--rs-text-field-line-height:var(--rs-line-height-body-2);--rs-text-field-letter-spacing:var(--rs-letter-spacing-body-2);--rs-text-field-action-inset:var(--rs-unit-x1);--rs-text-field-min-height:calc(var(--rs-text-field-line-height) + var(--rs-unit-x1) * 2)}.--size-medium--xl{--rs-text-field-gap:var(--rs-unit-x2);--rs-text-field-radius:var(--rs-radius-medium);--rs-text-field-p-v:var(--rs-unit-x2);--rs-text-field-p-h:var(--rs-unit-x3);--rs-text-field-icon-align:var(--rs-unit-x0-5);--rs-text-field-font-size:var(--rs-font-size-body-2);--rs-text-field-line-height:var(--rs-line-height-body-2);--rs-text-field-letter-spacing:var(--rs-letter-spacing-body-2);--rs-text-field-action-inset:var(--rs-unit-x1);--rs-text-field-min-height:calc(var(--rs-text-field-line-height) + var(--rs-unit-x2) * 2)}.--size-large--xl{--rs-text-field-gap:var(--rs-unit-x2);--rs-text-field-radius:var(--rs-radius-medium);--rs-text-field-p-v:var(--rs-unit-x3);--rs-text-field-p-h:var(--rs-unit-x4);--rs-text-field-icon-align:var(--rs-unit-x1);--rs-text-field-font-size:var(--rs-font-size-body-1);--rs-text-field-line-height:var(--rs-line-height-body-1);--rs-text-field-letter-spacing:var(--rs-letter-spacing-body-1);--rs-text-field-action-inset:var(--rs-unit-x2);--rs-text-field-min-height:calc(var(--rs-text-field-line-height) + var(--rs-unit-x3) * 2)}.--size-xlarge--xl{--rs-text-field-gap:var(--rs-unit-x3);--rs-text-field-radius:var(--rs-radius-medium);--rs-text-field-p-v:var(--rs-unit-x4);--rs-text-field-p-h:var(--rs-unit-x5);--rs-text-field-icon-align:var(--rs-unit-x1);--rs-text-field-font-size:var(--rs-font-size-body-1);--rs-text-field-line-height:var(--rs-line-height-body-1);--rs-text-field-letter-spacing:var(--rs-letter-spacing-body-1);--rs-text-field-action-inset:var(--rs-unit-x1);--rs-text-field-min-height:calc(var(--rs-text-field-line-height) + var(--rs-unit-x4) * 2)}}

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

@@ -1,7 +1,7 @@
 import type React from "react";
 import type { ClassName } from "@reshaped/utilities";
-import type { FormControlProps } from "../FormControl";
-import type { IconProps } from "../Icon";
+import type { FormControlProps } from "../../components/FormControl";
+import type { IconProps } from "../../components/Icon";
 import type * as G from "../../types/global";
 import type { Attributes } from "../../types/global";
 type Size = G.Responsive<"small" | "medium" | "large" | "xlarge">;

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

@@ -1,4 +1,4 @@
-import Aligner from "../_private/Aligner";
+import Aligner from "../../components/_private/Aligner";
 import TextField from "./TextField";
 declare const TextFieldRoot: typeof TextField & {
     Aligner: typeof Aligner;

package/dist/components/TextField/index.js

@@ -1,5 +1,5 @@
-import Aligner from "../_private/Aligner/index.js";
-import TextField from "./TextField.js";
+import Aligner from "../../components/_private/Aligner";
+import TextField from "./TextField";
 const TextFieldRoot = TextField;
 TextFieldRoot.Aligner = Aligner;
 export default TextFieldRoot;

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

@@ -2,8 +2,8 @@ import { StoryObj } from "@storybook/react-vite";
 import { fn } from "storybook/test";
 declare const _default: {
     title: string;
-    component: import("react").FC<import("./..").TextFieldProps> & {
-        Aligner: import("react").FC<import("../../Button").ButtonAlignerProps>;
+    component: import("react").FC<import("../../../components/TextField").TextFieldProps> & {
+        Aligner: import("react").FC<import("../../../components/Button").ButtonAlignerProps>;
     };
     parameters: {
         iframe: {

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

@@ -5,12 +5,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.formControl = exports.className = exports.value = exports.defaultValue = exports.disabled = exports.id = exports.placeholder = exports.render = exports.aligner = exports.size = exports.attachments = exports.error = exports.rounded = exports.variant = void 0;
 const test_1 = require("storybook/test");
-const Badge_1 = __importDefault(require("../../Badge"));
-const Button_1 = __importDefault(require("../../Button"));
-const FormControl_1 = __importDefault(require("../../FormControl"));
-const Text_1 = __importDefault(require("../../Text"));
-const TextField_1 = __importDefault(require("./.."));
-const View_1 = __importDefault(require("../../View"));
+const Badge_1 = __importDefault(require("../../../components/Badge"));
+const Button_1 = __importDefault(require("../../../components/Button"));
+const FormControl_1 = __importDefault(require("../../../components/FormControl"));
+const Text_1 = __importDefault(require("../../../components/Text"));
+const TextField_1 = __importDefault(require("../../../components/TextField"));
+const View_1 = __importDefault(require("../../../components/View"));
 const storybook_1 = require("../../../utilities/storybook");
 const Zap_1 = __importDefault(require("../../../icons/Zap"));
 exports.default = {

package/dist/components/Theme/GlobalColorMode.js

@@ -1,11 +1,11 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from "react";
-import useIsomorphicLayoutEffect from "../../hooks/useIsomorphicLayoutEffect.js";
-import { disableTransitions, enableTransitions, onNextFrame } from "../../utilities/animation.js";
-import { GlobalColorModeContext } from "./Theme.context.js";
-import { getRootThemeEl } from "./Theme.utilities.js";
-import { useGlobalColorMode } from "./useTheme.js";
+import useIsomorphicLayoutEffect from "../../hooks/useIsomorphicLayoutEffect";
+import { disableTransitions, enableTransitions, onNextFrame } from "../../utilities/animation";
+import { GlobalColorModeContext } from "./Theme.context";
+import { getRootThemeEl } from "./Theme.utilities";
+import { useGlobalColorMode } from "./useTheme";
 const GlobalColorMode = (props) => {
     const { defaultMode, mode: passedMode, scopeRef, children } = props;
     const [mode, setMode] = React.useState(defaultMode);

package/dist/components/Theme/Theme.js

@@ -2,10 +2,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from "react";
 import { classNames } from "@reshaped/utilities";
-import useIsomorphicLayoutEffect from "../../hooks/useIsomorphicLayoutEffect.js";
-import { ThemeContext } from "./Theme.context.js";
-import { getRootThemeEl } from "./Theme.utilities.js";
-import { useGlobalColorMode, useTheme } from "./useTheme.js";
+import useIsomorphicLayoutEffect from "../../hooks/useIsomorphicLayoutEffect";
+import { ThemeContext } from "./Theme.context";
+import { getRootThemeEl } from "./Theme.utilities";
+import { useGlobalColorMode, useTheme } from "./useTheme";
 import s from "./Theme.module.css";
 const getThemeAttribute = (theme) => {
     if (typeof theme === "string")

package/dist/components/Theme/index.js

@@ -1,3 +1,3 @@
-export { default as GlobalColorMode } from "./GlobalColorMode.js";
-export { default, PrivateTheme } from "./Theme.js";
-export { useTheme } from "./useTheme.js";
+export { default as GlobalColorMode } from "./GlobalColorMode";
+export { default, PrivateTheme } from "./Theme";
+export { useTheme } from "./useTheme";

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

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

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

@@ -38,12 +38,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.disabledTransition = exports.uncontrolled = exports.controlled = exports.inverted = exports.inherited = exports.dark = exports.light = exports.scoped = void 0;
 const test_1 = require("storybook/test");
-const Button_1 = __importDefault(require("../../Button"));
-const Card_1 = __importDefault(require("../../Card"));
-const MenuItem_1 = __importDefault(require("../../MenuItem"));
-const Popover_1 = __importDefault(require("../../Popover"));
-const Theme_1 = __importStar(require("./.."));
-const View_1 = __importDefault(require("../../View"));
+const Button_1 = __importDefault(require("../../../components/Button"));
+const Card_1 = __importDefault(require("../../../components/Card"));
+const MenuItem_1 = __importDefault(require("../../../components/MenuItem"));
+const Popover_1 = __importDefault(require("../../../components/Popover"));
+const Theme_1 = __importStar(require("../../../components/Theme"));
+const View_1 = __importDefault(require("../../../components/View"));
 const storybook_1 = require("../../../utilities/storybook");
 exports.default = {
     title: "Utility components/Theme",

package/dist/components/Theme/useTheme.js

@@ -1,6 +1,6 @@
 "use client";
 import React from "react";
-import { GlobalColorModeContext, ThemeContext } from "./Theme.context.js";
+import { GlobalColorModeContext, ThemeContext } from "./Theme.context";
 export const useGlobalColorMode = () => {
     return React.useContext(GlobalColorModeContext);
 };

package/dist/components/Toast/Toast.context.js

@@ -1,5 +1,5 @@
 "use client";
 import React from "react";
-import { defaultContextData } from "./Toast.constants.js";
+import { defaultContextData } from "./Toast.constants";
 const context = React.createContext(defaultContextData);
 export default context;

package/dist/components/Toast/Toast.js

@@ -2,10 +2,10 @@
 import { createElement as _createElement } from "react";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
-import Button from "../Button/index.js";
-import Icon from "../Icon/index.js";
-import Text from "../Text/index.js";
-import View from "../View/index.js";
+import Button from "../../components/Button";
+import Icon from "../../components/Icon";
+import Text from "../../components/Text";
+import View from "../../components/View";
 import s from "./Toast.module.css";
 const Toast = (props) => {
     const { text, children, color = "neutral", orientation = "horizontal", icon, title, actionsSlot, startSlot, className, attributes, } = props;
@@ -17,7 +17,7 @@ const Toast = (props) => {
         actions = Array.isArray(actionsSlot) ? actionsSlot : [actionsSlot];
     }
     const textContent = (title || text) && (_jsxs(React.Fragment, { children: [title && (_jsx(Text, { variant: "body-2", weight: "semibold", as: "h3", children: title })), _jsx(Text, { variant: "body-2", as: "p", color: color === "neutral" && title ? "neutral-faded" : undefined, children: text })] }));
-    const toastNode = (_jsxs(View, { backgroundColor: backgroundColor, borderColor: borderColor, padding: 4, borderRadius: "medium", animated: true, direction: "row", gap: 3, align: isVertical || title ? "start" : "center", className: className, attributes: attributes, children: [icon && _jsx(Icon, { size: 5, svg: icon, className: s.icon }), startSlot && !icon && _jsx(View.Item, { children: startSlot }), _jsx(View.Item, { grow: true, children: _jsxs(View, { direction: isVertical ? "column" : "row", align: isVertical ? "start" : "center", gap: 3, children: [_jsx(View.Item, { grow: true, children: textContent && children ? (_jsxs(View, { gap: 0.5, children: [textContent, children && _jsx(View, { gap: 3, children: children })] })) : (textContent || children) }), actions.length && (_jsx(View, { direction: "row", align: "center", gap: 2, children: actions.map((slot, index) => {
+    const toastNode = (_jsxs(View, { backgroundColor: backgroundColor, borderColor: borderColor, padding: 4, borderRadius: "medium", animated: true, direction: "row", gap: 3, align: isVertical || title ? "start" : "center", className: className, attributes: attributes, children: [icon && _jsx(Icon, { size: 5, svg: icon, className: s.icon }), startSlot && !icon && _jsx(View.Item, { children: startSlot }), _jsx(View.Item, { grow: true, children: _jsxs(View, { direction: isVertical ? "column" : "row", align: isVertical ? "start" : "center", gap: 3, children: [_jsx(View.Item, { grow: true, children: textContent && children ? (_jsxs(View, { gap: 0.5, children: [textContent, children && _jsx(View, { gap: 3, children: children })] })) : (textContent || children) }), actions.length > 0 && (_jsx(View, { direction: "row", align: "center", gap: 2, children: actions.map((slot, index) => {
                                 const defaultProps = {
                                     variant: "ghost",
                                     size: "small",