reshaped 4.0.3 → 4.1.0

package/dist/styles/resolvers/inset/inset.css

@@ -1 +1 @@
-[style*="--rs-inset-s:"]{inset:calc(var(--rs-inset) * var(--rs-unit-x1));--rs-inset-s:0;--rs-inset-m:var(--rs-inset-s);--rs-inset-l:var(--rs-inset-m);--rs-inset-xl:var(--rs-inset-l);--rs-inset:var(--rs-inset-s)}[style*="--rs-inset-inline-"]{inset-inline:calc(var(--rs-inset-inline) * var(--rs-unit-x1));--rs-inset-inline-s:0;--rs-inset-inline-m:var(--rs-inset-inline-s);--rs-inset-inline-l:var(--rs-inset-inline-m);--rs-inset-inline-xl:var(--rs-inset-inline-l);--rs-inset-inline:var(--rs-inset-inline-s)}[style*="--rs-inset-block-"]{inset-block:calc(var(--rs-inset-block) * var(--rs-unit-x1));--rs-inset-block-s:0;--rs-inset-block-m:var(--rs-inset-block-s);--rs-inset-block-l:var(--rs-inset-block-m);--rs-inset-block-xl:var(--rs-inset-block-l);--rs-inset-block:var(--rs-inset-block-s)}[style*="--rs-inset-end-"]{inset-inline-end:calc(var(--rs-inset-end) * var(--rs-unit-x1));--rs-inset-end-s:0;--rs-inset-end-m:var(--rs-inset-end-s);--rs-inset-end-l:var(--rs-inset-end-m);--rs-inset-end-xl:var(--rs-inset-end-l);--rs-inset-end:var(--rs-inset-end-s)}[style*="--rs-inset-start-"]{inset-inline-start:calc(var(--rs-inset-start) * var(--rs-unit-x1));--rs-inset-start-s:0;--rs-inset-start-m:var(--rs-inset-start-s);--rs-inset-start-l:var(--rs-inset-start-m);--rs-inset-start-xl:var(--rs-inset-start-l);--rs-inset-start:var(--rs-inset-start-s)}[style*="--rs-inset-top-"]{inset-block-start:calc(var(--rs-inset-top) * var(--rs-unit-x1));--rs-inset-top-s:0;--rs-inset-top-m:var(--rs-inset-top-s);--rs-inset-top-l:var(--rs-inset-top-m);--rs-inset-top-xl:var(--rs-inset-top-l);--rs-inset-top:var(--rs-inset-top-s)}[style*="--rs-inset-bottom-"]{inset-block-end:calc(var(--rs-inset-bottom) * var(--rs-unit-x1));--rs-inset-bottom-s:0;--rs-inset-bottom-m:var(--rs-inset-bottom-s);--rs-inset-bottom-l:var(--rs-inset-bottom-m);--rs-inset-bottom-xl:var(--rs-inset-bottom-l);--rs-inset-bottom:var(--rs-inset-bottom-s)}@media (--rs-viewport-m ){[style*="--rs-inset-s:"]{--rs-inset:var(--rs-inset-m)}[style*="--rs-inset-inline-"]{--rs-inset-inline:var(--rs-inset-inline-m)}[style*="--rs-inset-block-"]{--rs-inset-block:var(--rs-inset-block-m)}[style*="--rs-inset-end-"]{--rs-inset-end:var(--rs-inset-end-m)}[style*="--rs-inset-start-"]{--rs-inset-start:var(--rs-inset-start-m)}[style*="--rs-inset-top-"]{--rs-inset-top:var(--rs-inset-top-m)}[style*="--rs-inset-bottom-"]{--rs-inset-bottom:var(--rs-inset-bottom-m)}}@media (--rs-viewport-l ){[style*="--rs-inset-s:"]{--rs-inset:var(--rs-inset-l)}[style*="--rs-inset-inline-"]{--rs-inset-inline:var(--rs-inset-inline-l)}[style*="--rs-inset-block-"]{--rs-inset-block:var(--rs-inset-block-l)}[style*="--rs-inset-end-"]{--rs-inset-end:var(--rs-inset-end-l)}[style*="--rs-inset-start-"]{--rs-inset-start:var(--rs-inset-start-l)}[style*="--rs-inset-top-"]{--rs-inset-top:var(--rs-inset-top-l)}[style*="--rs-inset-bottom-"]{--rs-inset-bottom:var(--rs-inset-bottom-l)}}@media (--rs-viewport-xl ){[style*="--rs-inset-s:"]{--rs-inset:var(--rs-inset-xl)}[style*="--rs-inset-inline-"]{--rs-inset-inline:var(--rs-inset-inline-xl)}[style*="--rs-inset-block-"]{--rs-inset-block:var(--rs-inset-block-xl)}[style*="--rs-inset-end-"]{--rs-inset-end:var(--rs-inset-end-xl)}[style*="--rs-inset-start-"]{--rs-inset-start:var(--rs-inset-start-xl)}[style*="--rs-inset-top-"]{--rs-inset-top:var(--rs-inset-top-xl)}[style*="--rs-inset-bottom-"]{--rs-inset-bottom:var(--rs-inset-bottom-xl)}}
+[style*="--rs-inset-s:"]{inset:calc(var(--rs-inset) * var(--rs-unit-x1));--rs-inset-s:0;--rs-inset-m:var(--rs-inset-s);--rs-inset-l:var(--rs-inset-m);--rs-inset-xl:var(--rs-inset-l);--rs-inset:var(--rs-inset-s)}[style*="--rs-inset-end-"]{inset-inline-end:calc(var(--rs-inset-end) * var(--rs-unit-x1));--rs-inset-end-s:0;--rs-inset-end-m:var(--rs-inset-end-s);--rs-inset-end-l:var(--rs-inset-end-m);--rs-inset-end-xl:var(--rs-inset-end-l);--rs-inset-end:var(--rs-inset-end-s)}[style*="--rs-inset-start-"]{inset-inline-start:calc(var(--rs-inset-start) * var(--rs-unit-x1));--rs-inset-start-s:0;--rs-inset-start-m:var(--rs-inset-start-s);--rs-inset-start-l:var(--rs-inset-start-m);--rs-inset-start-xl:var(--rs-inset-start-l);--rs-inset-start:var(--rs-inset-start-s)}[style*="--rs-inset-top-"]{inset-block-start:calc(var(--rs-inset-top) * var(--rs-unit-x1));--rs-inset-top-s:0;--rs-inset-top-m:var(--rs-inset-top-s);--rs-inset-top-l:var(--rs-inset-top-m);--rs-inset-top-xl:var(--rs-inset-top-l);--rs-inset-top:var(--rs-inset-top-s)}[style*="--rs-inset-bottom-"]{inset-block-end:calc(var(--rs-inset-bottom) * var(--rs-unit-x1));--rs-inset-bottom-s:0;--rs-inset-bottom-m:var(--rs-inset-bottom-s);--rs-inset-bottom-l:var(--rs-inset-bottom-m);--rs-inset-bottom-xl:var(--rs-inset-bottom-l);--rs-inset-bottom:var(--rs-inset-bottom-s)}@media (--rs-viewport-m ){[style*="--rs-inset-s:"]{--rs-inset:var(--rs-inset-m)}[style*="--rs-inset-end-"]{--rs-inset-end:var(--rs-inset-end-m)}[style*="--rs-inset-start-"]{--rs-inset-start:var(--rs-inset-start-m)}[style*="--rs-inset-top-"]{--rs-inset-top:var(--rs-inset-top-m)}[style*="--rs-inset-bottom-"]{--rs-inset-bottom:var(--rs-inset-bottom-m)}}@media (--rs-viewport-l ){[style*="--rs-inset-s:"]{--rs-inset:var(--rs-inset-l)}[style*="--rs-inset-end-"]{--rs-inset-end:var(--rs-inset-end-l)}[style*="--rs-inset-start-"]{--rs-inset-start:var(--rs-inset-start-l)}[style*="--rs-inset-top-"]{--rs-inset-top:var(--rs-inset-top-l)}[style*="--rs-inset-bottom-"]{--rs-inset-bottom:var(--rs-inset-bottom-l)}}@media (--rs-viewport-xl ){[style*="--rs-inset-s:"]{--rs-inset:var(--rs-inset-xl)}[style*="--rs-inset-end-"]{--rs-inset-end:var(--rs-inset-end-xl)}[style*="--rs-inset-start-"]{--rs-inset-start:var(--rs-inset-start-xl)}[style*="--rs-inset-top-"]{--rs-inset-top:var(--rs-inset-top-xl)}[style*="--rs-inset-bottom-"]{--rs-inset-bottom:var(--rs-inset-bottom-xl)}}

package/dist/styles/resolvers/inset/inset.module.css

@@ -0,0 +1 @@
+@property --rs-inset-translate-x{syntax:"<length-percentage>";initial-value:0;inherits:false}@property --rs-inset-translate-y{syntax:"<length-percentage>";initial-value:0;inherits:false}.root[style*="--rs-inset-inline-"]{--rs-inset-inline-s:0;--rs-inset-inline-m:var(--rs-inset-inline-s);--rs-inset-inline-l:var(--rs-inset-inline-m);--rs-inset-inline-xl:var(--rs-inset-inline-l);--rs-inset-inline:var(--rs-inset-inline-s)}.root[style*="--rs-inset-block-"]{--rs-inset-block-s:0;--rs-inset-block-m:var(--rs-inset-block-s);--rs-inset-block-l:var(--rs-inset-block-m);--rs-inset-block-xl:var(--rs-inset-block-l);--rs-inset-block:var(--rs-inset-block-s)}.--inline-center{left:50%;right:auto;--rs-inset-translate-x:-50%;translate:var(--rs-inset-translate-x,0) var(--rs-inset-translate-y,0)}.--inline-unit{--rs-inset-translate-x:0;inset-inline:calc(var(--rs-inset-inline) * var(--rs-unit-x1))}.--block-center{top:50%;bottom:auto;--rs-inset-translate-y:-50%;translate:var(--rs-inset-translate-x,0) var(--rs-inset-translate-y,0)}.--block-unit{--rs-inset-translate-y:0;inset-block:calc(var(--rs-inset-block) * var(--rs-unit-x1))}@media (--rs-viewport-m ){.root[style*="--rs-inset-inline-"]{--rs-inset-inline:var(--rs-inset-inline-m)}.root[style*="--rs-inset-block-"]{--rs-inset-block:var(--rs-inset-block-m)}.--inline-center--m{left:50%;right:auto;--rs-inset-translate-x:-50%;translate:var(--rs-inset-translate-x,0) var(--rs-inset-translate-y,0)}.--inline-unit--m{--rs-inset-translate-x:0;inset-inline:calc(var(--rs-inset-inline) * var(--rs-unit-x1))}.--block-center--m{top:50%;bottom:auto;--rs-inset-translate-y:-50%;translate:var(--rs-inset-translate-x,0) var(--rs-inset-translate-y,0)}.--block-unit--m{--rs-inset-translate-y:0;inset-block:calc(var(--rs-inset-block) * var(--rs-unit-x1))}}@media (--rs-viewport-l ){.root[style*="--rs-inset-inline-"]{--rs-inset-inline:var(--rs-inset-inline-l)}.root[style*="--rs-inset-block-"]{--rs-inset-block:var(--rs-inset-block-l)}.--inline-center--l{left:50%;right:auto;--rs-inset-translate-x:-50%;translate:var(--rs-inset-translate-x,0) var(--rs-inset-translate-y,0)}.--inline-unit--l{--rs-inset-translate-x:0;inset-inline:calc(var(--rs-inset-inline) * var(--rs-unit-x1))}.--block-center--l{top:50%;bottom:auto;--rs-inset-translate-y:-50%;translate:var(--rs-inset-translate-x,0) var(--rs-inset-translate-y,0)}.--block-unit--l{--rs-inset-translate-y:0;inset-block:calc(var(--rs-inset-block) * var(--rs-unit-x1))}}@media (--rs-viewport-xl ){.root[style*="--rs-inset-inline-"]{--rs-inset-inline:var(--rs-inset-inline-xl)}.root[style*="--rs-inset-block-"]{--rs-inset-block:var(--rs-inset-block-xl)}.--inline-center--xl{left:50%;right:auto;--rs-inset-translate-x:-50%;translate:var(--rs-inset-translate-x,0) var(--rs-inset-translate-y,0)}.--inline-unit--xl{--rs-inset-translate-x:0;inset-inline:calc(var(--rs-inset-inline) * var(--rs-unit-x1))}.--block-center--xl{top:50%;bottom:auto;--rs-inset-translate-y:-50%;translate:var(--rs-inset-translate-x,0) var(--rs-inset-translate-y,0)}.--block-unit--xl{--rs-inset-translate-y:0;inset-block:calc(var(--rs-inset-block) * var(--rs-unit-x1))}}

package/dist/styles/resolvers/justify/index.d.ts

@@ -1,4 +1,4 @@
-import * as T from "../../types";
+import * as T from "../../../styles/types";
 import "./justify.css";
 declare const justify: T.StyleResolver<T.Justify>;
 export default justify;

package/dist/styles/resolvers/justify/index.js

@@ -1,4 +1,4 @@
-import { responsiveVariables } from "../../../utilities/props.js";
+import { responsiveVariables } from "../../../utilities/props";
 import "./justify.css";
 const justify = (value) => {
     if (!value)

package/dist/styles/resolvers/margin/index.d.ts

@@ -1,4 +1,4 @@
-import * as T from "../../types";
+import * as T from "../../../styles/types";
 import "./margin.css";
 declare const margin: T.StyleResolver<T.Margin>;
 export declare const marginTop: T.StyleResolver<T.Margin>;

package/dist/styles/resolvers/margin/index.js

@@ -1,4 +1,4 @@
-import { responsiveVariables } from "../../../utilities/props.js";
+import { responsiveVariables } from "../../../utilities/props";
 import "./margin.css";
 const margin = (value) => {
     if (!value)

package/dist/styles/resolvers/maxHeight/index.d.ts

@@ -1,3 +1,3 @@
-import * as T from "../../types";
+import * as T from "../../../styles/types";
 declare const maxHeight: T.StyleResolver<T.MaxHeight>;
 export default maxHeight;

package/dist/styles/resolvers/maxHeight/index.js

@@ -1,4 +1,4 @@
-import { responsiveClassNames, responsiveVariables } from "../../../utilities/props.js";
+import { responsiveClassNames, responsiveVariables } from "../../../utilities/props";
 import s from "./maxHeight.module.css";
 const maxHeight = (value) => {
     if (!value)

package/dist/styles/resolvers/maxWidth/index.d.ts

@@ -1,3 +1,3 @@
-import * as T from "../../types";
+import * as T from "../../../styles/types";
 declare const maxWidth: T.StyleResolver<T.MaxWidth>;
 export default maxWidth;

package/dist/styles/resolvers/maxWidth/index.js

@@ -1,4 +1,4 @@
-import { responsiveClassNames, responsiveVariables } from "../../../utilities/props.js";
+import { responsiveClassNames, responsiveVariables } from "../../../utilities/props";
 import s from "./maxWidth.module.css";
 const maxWidth = (value) => {
     if (!value)

package/dist/styles/resolvers/minHeight/index.d.ts

@@ -1,3 +1,3 @@
-import * as T from "../../types";
+import * as T from "../../../styles/types";
 declare const minHeight: T.StyleResolver<T.MinHeight>;
 export default minHeight;

package/dist/styles/resolvers/minHeight/index.js

@@ -1,4 +1,4 @@
-import { responsiveClassNames, responsiveVariables } from "../../../utilities/props.js";
+import { responsiveClassNames, responsiveVariables } from "../../../utilities/props";
 import s from "./minHeight.module.css";
 const minHeight = (value) => {
     if (!value)

package/dist/styles/resolvers/minWidth/index.d.ts

@@ -1,3 +1,3 @@
-import * as T from "../../types";
+import * as T from "../../../styles/types";
 declare const minWidth: T.StyleResolver<T.MinWidth>;
 export default minWidth;

package/dist/styles/resolvers/minWidth/index.js

@@ -1,4 +1,4 @@
-import { responsiveClassNames, responsiveVariables } from "../../../utilities/props.js";
+import { responsiveClassNames, responsiveVariables } from "../../../utilities/props";
 import s from "./minWidth.module.css";
 const minWidth = (value) => {
     if (!value)

package/dist/styles/resolvers/padding/index.d.ts

@@ -1,4 +1,4 @@
-import * as T from "../../types";
+import * as T from "../../../styles/types";
 import "./padding.css";
 declare const padding: T.StyleResolver<T.Padding>;
 export declare const paddingTop: T.StyleResolver<T.Padding>;

package/dist/styles/resolvers/padding/index.js

@@ -1,4 +1,4 @@
-import { responsiveVariables } from "../../../utilities/props.js";
+import { responsiveVariables } from "../../../utilities/props";
 import "./padding.css";
 const padding = (value) => {
     if (!value)

package/dist/styles/resolvers/position/index.d.ts

@@ -1,4 +1,4 @@
-import * as T from "../../types";
+import * as T from "../../../styles/types";
 import "./position.css";
 declare const position: T.StyleResolver<T.Position>;
 export default position;

package/dist/styles/resolvers/position/index.js

@@ -1,4 +1,4 @@
-import { responsiveVariables } from "../../../utilities/props.js";
+import { responsiveVariables } from "../../../utilities/props";
 import "./position.css";
 const position = (value) => {
     if (!value)

package/dist/styles/resolvers/radius/index.d.ts

@@ -1,3 +1,3 @@
-import * as T from "../../types";
+import * as T from "../../../styles/types";
 declare const radius: T.StyleResolver<T.Radius>;
 export default radius;

package/dist/styles/resolvers/radius/index.js

@@ -1,4 +1,4 @@
-import { responsiveClassNames } from "../../../utilities/props.js";
+import { responsiveClassNames } from "../../../utilities/props";
 import s from "./radius.module.css";
 const radius = (value) => {
     if (!value)

package/dist/styles/resolvers/shadow/index.d.ts

@@ -1,5 +1,5 @@
 import type { ClassName } from "@reshaped/utilities";
-import * as T from "../../types";
+import * as T from "../../../styles/types";
 declare const shadow: (value: T.Shadow) => {
     classNames?: ClassName;
     variables?: React.CSSProperties;

package/dist/styles/resolvers/shadow/shadow.module.css

@@ -1 +1 @@
-.root{position:relative}.root:after{border-radius:inherit;content:"";inset:1px;pointer-events:none;position:absolute;z-index:var(--rs-z-index-relative)}.--shadow-outline:after{box-shadow:var(--rs-shadow-outline)}.--shadow-outline-intense:after{box-shadow:var(--rs-shadow-outline-intense)}.--shadow-raised:after{box-shadow:var(--rs-shadow-raised)}.--shadow-raised-intense:after{box-shadow:var(--rs-shadow-raised-intense)}.--shadow-overlay:after{box-shadow:var(--rs-shadow-overlay)}.--shadow-overlay-intense:after{box-shadow:var(--rs-shadow-overlay-intense)}
+.root{position:relative}.root:after{content:"";position:absolute;inset:1px;pointer-events:none;border-radius:inherit;z-index:var(--rs-z-index-relative)}.--shadow-outline:after{box-shadow:var(--rs-shadow-outline)}.--shadow-outline-intense:after{box-shadow:var(--rs-shadow-outline-intense)}.--shadow-raised:after{box-shadow:var(--rs-shadow-raised)}.--shadow-raised-intense:after{box-shadow:var(--rs-shadow-raised-intense)}.--shadow-overlay:after{box-shadow:var(--rs-shadow-overlay)}.--shadow-overlay-intense:after{box-shadow:var(--rs-shadow-overlay-intense)}

package/dist/styles/resolvers/textAlign/index.d.ts

@@ -1,4 +1,4 @@
-import * as T from "../../types";
+import * as T from "../../../styles/types";
 import "./textAlign.css";
 declare const textAlign: T.StyleResolver<T.TextAlign>;
 export default textAlign;

package/dist/styles/resolvers/textAlign/index.js

@@ -1,4 +1,4 @@
-import { responsiveVariables } from "../../../utilities/props.js";
+import { responsiveVariables } from "../../../utilities/props";
 import "./textAlign.css";
 const textAlign = (value) => {
     if (!value)

package/dist/styles/resolvers/width/index.d.ts

@@ -1,3 +1,3 @@
-import * as T from "../../types";
+import * as T from "../../../styles/types";
 declare const width: T.StyleResolver<T.Width>;
 export default width;

package/dist/styles/resolvers/width/index.js

@@ -1,4 +1,4 @@
-import { responsiveClassNames, responsiveVariables } from "../../../utilities/props.js";
+import { responsiveClassNames, responsiveVariables } from "../../../utilities/props";
 import s from "./width.module.css";
 const width = (value) => {
     if (!value)

package/dist/styles/resolvers/zIndex/index.d.ts

@@ -0,0 +1,9 @@
+import type React from "react";
+import type { ClassName } from "@reshaped/utilities";
+import * as T from "../../../styles/types";
+import "./zIndex.css";
+declare const zIndex: (value?: T.ZIndex) => {
+    variables?: React.CSSProperties;
+    classNames?: ClassName;
+};
+export default zIndex;

package/dist/styles/resolvers/zIndex/index.js

@@ -0,0 +1,11 @@
+import "./zIndex.css";
+const zIndex = (value) => {
+    if (value === undefined)
+        return {};
+    return {
+        variables: {
+            "--rs-z": typeof value === "number" ? value : `var(--rs-z-index-${value})`,
+        },
+    };
+};
+export default zIndex;

package/dist/styles/resolvers/zIndex/zIndex.css

@@ -0,0 +1 @@
+[style*="--rs-z:"]{z-index:var(--rs-z)}

package/dist/styles/types.d.ts

@@ -7,6 +7,7 @@ type Size = Literal | Unit;
 export type Margin = Unit;
 export type Padding = Unit;
 export type Inset = Unit | "auto";
+export type InsetAxis = Inset | "center";
 export type AspectRatio = number;
 export type Bleed = Unit;
 export type Height = Size;
@@ -20,6 +21,7 @@ export type Justify = "start" | "center" | "end" | "space-between";
 export type Align = "start" | "center" | "end" | "stretch" | "baseline";
 export type Radius = "small" | "medium" | "large" | "circular" | "none";
 export type Position = "relative" | "absolute" | "fixed" | "sticky" | "static";
+export type ZIndex = number | "relative" | "absolute" | "fixed";
 export type Shadow = "outline" | "outline-intense" | "raised" | "raised-intense" | "overlay" | "overlay-intense";
 export type Border = boolean;
 export type BorderColor = "neutral" | "neutral-faded" | "critical" | "critical-faded" | "warning" | "warning-faded" | "positive" | "positive-faded" | "primary" | "primary-faded" | "disabled" | "brand" | "transparent";
@@ -53,13 +55,14 @@ export type Mixin = {
     minWidth?: G.Responsive<MinWidth>;
     minHeight?: G.Responsive<MinHeight>;
     position?: G.Responsive<Position>;
+    zIndex?: ZIndex;
     inset?: G.Responsive<Inset>;
     insetTop?: G.Responsive<Inset>;
     insetBottom?: G.Responsive<Inset>;
     insetStart?: G.Responsive<Inset>;
     insetEnd?: G.Responsive<Inset>;
-    insetInline?: G.Responsive<Inset>;
-    insetBlock?: G.Responsive<Inset>;
+    insetInline?: G.Responsive<InsetAxis>;
+    insetBlock?: G.Responsive<InsetAxis>;
     padding?: G.Responsive<Padding>;
     paddingTop?: G.Responsive<Padding>;
     paddingBottom?: G.Responsive<Padding>;

package/dist/tests/ThemesPlayground.js

@@ -1,27 +1,27 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
-import Alert from "../components/Alert/index.js";
-import Avatar from "../components/Avatar/index.js";
-import Badge from "../components/Badge/index.js";
-import Button from "../components/Button/index.js";
-import Card from "../components/Card/index.js";
-import Checkbox from "../components/Checkbox/index.js";
-import CheckboxGroup from "../components/CheckboxGroup/index.js";
-import Divider from "../components/Divider/index.js";
-import DropdownMenu from "../components/DropdownMenu/index.js";
-import FormControl from "../components/FormControl/index.js";
-import Grid from "../components/Grid/index.js";
-import Image from "../components/Image/index.js";
-import Link from "../components/Link/index.js";
-import Switch from "../components/Switch/index.js";
-import Table from "../components/Table/index.js";
-import Text from "../components/Text/index.js";
-import TextField from "../components/TextField/index.js";
-import View from "../components/View/index.js";
-import useToggle from "../hooks/useToggle.js";
-import IconChevronDown from "../icons/ChevronDown.js";
-import IconChevronRight from "../icons/ChevronRight.js";
-import IconZap from "../icons/Zap.js";
+import Alert from "../components/Alert";
+import Avatar from "../components/Avatar";
+import Badge from "../components/Badge";
+import Button from "../components/Button";
+import Card from "../components/Card";
+import Checkbox from "../components/Checkbox";
+import CheckboxGroup from "../components/CheckboxGroup";
+import Divider from "../components/Divider";
+import DropdownMenu from "../components/DropdownMenu";
+import FormControl from "../components/FormControl";
+import Grid from "../components/Grid";
+import Image from "../components/Image";
+import Link from "../components/Link";
+import Switch from "../components/Switch";
+import Table from "../components/Table";
+import Text from "../components/Text";
+import TextField from "../components/TextField";
+import View from "../components/View";
+import useToggle from "../hooks/useToggle";
+import IconChevronDown from "../icons/ChevronDown";
+import IconChevronRight from "../icons/ChevronRight";
+import IconZap from "../icons/Zap";
 const Color = (props) => {
     return (_jsx(View, { padding: 2, height: 25, gap: 2, direction: "row", borderRadius: "medium", backgroundColor: props.backgroundColor, borderColor: props.borderColor, attributes: {
             style: {

package/dist/themes/slate/theme.css

@@ -1 +1 @@
-[data-rs-theme~=slate]{--rs-color-brand:oklch(0.55 0.24 262.67);--rs-color-white:oklch(1 0 0);--rs-color-black:oklch(0 0 0);--rs-color-on-background-primary:oklch(1 0 0);--rs-color-on-background-critical:oklch(1 0 0);--rs-color-on-background-warning:oklch(0 0 0);--rs-color-on-background-positive:oklch(1 0 0);--rs-color-on-brand:oklch(1 0 0);--rs-font-family-headline:Inter,BlinkMacSystemFont,-apple-system,Roboto,Helvetica,Arial,sans-serif;--rs-font-family-title:Inter,BlinkMacSystemFont,-apple-system,Roboto,Helvetica,Arial,sans-serif;--rs-font-family-body:Inter,BlinkMacSystemFont,-apple-system,Roboto,Helvetica,Arial,sans-serif;--rs-font-family-monospace:Geist Mono,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;--rs-font-weight-regular:400;--rs-font-weight-medium:500;--rs-font-weight-semibold:600;--rs-font-weight-bold:700;--rs-font-weight-extrabold:800;--rs-font-weight-black:900;--rs-font-size-headline-1:5rem;--rs-line-height-headline-1:5.25rem;--rs-font-family-headline-1:var(--rs-font-family-headline);--rs-font-weight-headline-1:var(--rs-font-weight-bold);--rs-letter-spacing-headline-1:normal;--rs-font-size-headline-2:4rem;--rs-line-height-headline-2:4.25rem;--rs-font-family-headline-2:var(--rs-font-family-headline);--rs-font-weight-headline-2:var(--rs-font-weight-bold);--rs-letter-spacing-headline-2:normal;--rs-font-size-headline-3:3rem;--rs-line-height-headline-3:3.25rem;--rs-font-family-headline-3:var(--rs-font-family-headline);--rs-font-weight-headline-3:var(--rs-font-weight-bold);--rs-letter-spacing-headline-3:normal;--rs-font-size-featured-1:2.5rem;--rs-line-height-featured-1:2.75rem;--rs-font-family-featured-1:var(--rs-font-family-title);--rs-font-weight-featured-1:var(--rs-font-weight-semibold);--rs-letter-spacing-featured-1:normal;--rs-font-size-featured-2:2rem;--rs-line-height-featured-2:2.25rem;--rs-font-family-featured-2:var(--rs-font-family-title);--rs-font-weight-featured-2:var(--rs-font-weight-semibold);--rs-letter-spacing-featured-2:normal;--rs-font-size-featured-3:1.75rem;--rs-line-height-featured-3:2rem;--rs-font-family-featured-3:var(--rs-font-family-title);--rs-font-weight-featured-3:var(--rs-font-weight-semibold);--rs-letter-spacing-featured-3:normal;--rs-font-size-featured-4:1.5rem;--rs-line-height-featured-4:2rem;--rs-font-family-featured-4:var(--rs-font-family-title);--rs-font-weight-featured-4:var(--rs-font-weight-semibold);--rs-letter-spacing-featured-4:normal;--rs-font-size-featured-5:1.25rem;--rs-line-height-featured-5:1.75rem;--rs-font-family-featured-5:var(--rs-font-family-title);--rs-font-weight-featured-5:var(--rs-font-weight-semibold);--rs-letter-spacing-featured-5:normal;--rs-font-size-featured-6:1.125rem;--rs-line-height-featured-6:1.5rem;--rs-font-family-featured-6:var(--rs-font-family-title);--rs-font-weight-featured-6:var(--rs-font-weight-semibold);--rs-letter-spacing-featured-6:normal;--rs-font-size-body-1:1rem;--rs-line-height-body-1:1.5rem;--rs-font-family-body-1:var(--rs-font-family-body);--rs-font-weight-body-1:var(--rs-font-weight-regular);--rs-letter-spacing-body-1:normal;--rs-font-size-body-2:0.875rem;--rs-line-height-body-2:1.25rem;--rs-font-family-body-2:var(--rs-font-family-body);--rs-font-weight-body-2:var(--rs-font-weight-regular);--rs-letter-spacing-body-2:normal;--rs-font-size-caption-1:0.75rem;--rs-line-height-caption-1:1rem;--rs-font-family-caption-1:var(--rs-font-family-body);--rs-font-weight-caption-1:var(--rs-font-weight-regular);--rs-letter-spacing-caption-1:normal;--rs-font-size-caption-2:0.625rem;--rs-line-height-caption-2:0.75rem;--rs-font-family-caption-2:var(--rs-font-family-body);--rs-font-weight-caption-2:var(--rs-font-weight-regular);--rs-letter-spacing-caption-2:normal;--rs-unit-base:4px;--rs-unit-x1:4px;--rs-unit-x2:8px;--rs-unit-x3:12px;--rs-unit-x4:16px;--rs-unit-x5:20px;--rs-unit-x6:24px;--rs-unit-x7:28px;--rs-unit-x8:32px;--rs-unit-x9:36px;--rs-unit-x10:40px;--rs-unit-x0-5:2px;--rs-unit-x1-5:6px;--rs-radius-small:4px;--rs-radius-medium:6px;--rs-radius-large:10px;--rs-duration-rapid:100ms;--rs-duration-fast:150ms;--rs-duration-medium:200ms;--rs-duration-slow:300ms;--rs-easing-standard:cubic-bezier(0.4,0,0.2,1);--rs-easing-accelerate:cubic-bezier(0.4,0,1,1);--rs-easing-decelerate:cubic-bezier(0,0,0.2,1);--rs-viewport-m-min:660;--rs-viewport-l-min:900;--rs-viewport-xl-min:1280;--rs-z-index-relative:10;--rs-z-index-absolute:100;--rs-z-index-fixed:200}[data-rs-theme~=slate][data-rs-color-mode=light]{--rs-color-background-primary:oklch(0.55 0.24 262.67);--rs-color-background-primary-faded:oklch(0.98 0.02 262.67);--rs-color-background-primary-highlighted:oklch(0.495 0.24 262.67);--rs-color-background-primary-highlighted-faded:oklch(0.55 0.24 262.67/0.06);--rs-color-border-primary:oklch(0.51 0.24 262.67);--rs-color-border-primary-faded:oklch(0.94 0.02 262.67);--rs-color-foreground-primary:oklch(0.52 0.24 262.67);--rs-color-background-critical:oklch(0.59 0.205 20.28);--rs-color-background-critical-faded:oklch(0.98 0.02 20.28);--rs-color-background-critical-highlighted:oklch(0.531 0.205 20.28);--rs-color-background-critical-highlighted-faded:oklch(0.59 0.205 20.28/0.06);--rs-color-border-critical:oklch(0.55 0.205 20.28);--rs-color-border-critical-faded:oklch(0.94 0.02 20.28);--rs-color-foreground-critical:oklch(0.52 0.205 20.28);--rs-color-background-warning:oklch(0.82 0.22 80);--rs-color-background-warning-faded:oklch(0.98 0.04 80);--rs-color-background-warning-highlighted:oklch(0.738 0.22 80);--rs-color-background-warning-highlighted-faded:oklch(0.82 0.22 80/0.06);--rs-color-border-warning:oklch(0.78 0.22 80);--rs-color-border-warning-faded:oklch(0.94 0.04 80);--rs-color-foreground-warning:oklch(0.52 0.22 80);--rs-color-background-positive:oklch(0.55 0.13 151.8);--rs-color-background-positive-faded:oklch(0.98 0.02 151.8);--rs-color-background-positive-highlighted:oklch(0.495 0.13 151.8);--rs-color-background-positive-highlighted-faded:oklch(0.55 0.13 151.8/0.06);--rs-color-border-positive:oklch(0.51 0.13 151.8);--rs-color-border-positive-faded:oklch(0.94 0.02 151.8);--rs-color-foreground-positive:oklch(0.52 0.13 151.8);--rs-color-background-neutral:oklch(0.94 0 89.88);--rs-color-background-neutral-faded:oklch(0 0 89.88/0.03);--rs-color-background-neutral-highlighted:oklch(0.9118 0 89.88);--rs-color-background-neutral-highlighted-faded:oklch(0.94 0 89.88/0.48);--rs-color-border-neutral:oklch(0 0 89.88/0.12);--rs-color-border-neutral-faded:oklch(0 0 89.88/0.08);--rs-color-foreground-neutral:oklch(0.24 0 89.88);--rs-color-foreground-neutral-faded:oklch(0.49 0 89.88);--rs-color-background-disabled:oklch(0.95 0 89.88);--rs-color-background-disabled-faded:oklch(0.98 0 89.88);--rs-color-border-disabled:oklch(0 0 89.88/0.06);--rs-color-foreground-disabled:oklch(0.65 0 89.88);--rs-color-background-elevation-base:oklch(1 0 89.88);--rs-color-background-elevation-raised:oklch(1 0 89.88);--rs-color-background-elevation-overlay:oklch(1 0 89.88);--rs-color-background-page:oklch(1 0 89.88);--rs-color-background-page-faded:oklch(0.98 0 89.88);--rs-color-on-background-neutral:oklch(0 0 0);--rs-shadow-outline:0px 1px 2px -0.5px rgba(0,0,0,.06),0px 2px 3px -1px rgba(0,0,0,.06);--rs-shadow-outline-intense:0px 1px 2px -0.5px rgba(0,0,0,.12),0px 2px 3px -1px rgba(0,0,0,.12);--rs-shadow-raised:0px 8px 12px -4px rgba(0,0,0,.08),0px 1px 2px 0px rgba(0,0,0,.1);--rs-shadow-raised-intense:0px 8px 12px -4px rgba(0,0,0,.16),0px 1px 2px 0px rgba(0,0,0,.2);--rs-shadow-overlay:0px 16px 24px -4px rgba(0,0,0,.06),0px 8px 12px -4px rgba(0,0,0,.06),0px 4px 6px -2px rgba(0,0,0,.06);--rs-shadow-overlay-intense:0px 16px 24px -4px rgba(0,0,0,.12),0px 8px 12px -4px rgba(0,0,0,.12),0px 4px 6px -2px rgba(0,0,0,.12)}[data-rs-theme~=slate][data-rs-color-mode=dark]{--rs-color-background-primary:oklch(0.5498 0.192 262.67);--rs-color-background-primary-faded:oklch(0.24 0.0196 262.67);--rs-color-background-primary-highlighted:oklch(0.5949 0.192 262.67);--rs-color-background-primary-highlighted-faded:oklch(0.5498 0.192 262.67/0.08);--rs-color-border-primary:oklch(0.6498 0.192 262.67);--rs-color-border-primary-faded:oklch(0.3 0.0196 262.67);--rs-color-foreground-primary:oklch(0.75 0.204 262.67);--rs-color-background-critical:oklch(0.5842 0.164 20.28);--rs-color-background-critical-faded:oklch(0.24 0.0167 20.28);--rs-color-background-critical-highlighted:oklch(0.6258 0.164 20.28);--rs-color-background-critical-highlighted-faded:oklch(0.5842 0.164 20.28/0.08);--rs-color-border-critical:oklch(0.6842 0.164 20.28);--rs-color-border-critical-faded:oklch(0.3 0.0167 20.28);--rs-color-foreground-critical:oklch(0.75 0.1742 20.28);--rs-color-background-warning:oklch(0.8108 0.176 80);--rs-color-background-warning-faded:oklch(0.24 0.018 80);--rs-color-background-warning-highlighted:oklch(0.7297 0.176 80);--rs-color-background-warning-highlighted-faded:oklch(0.8108 0.176 80/0.08);--rs-color-border-warning:oklch(0.9108 0.176 80);--rs-color-border-warning-faded:oklch(0.3 0.018 80);--rs-color-foreground-warning:oklch(0.75 0.187 80);--rs-color-background-positive:oklch(0.527 0.104 151.8);--rs-color-background-positive-faded:oklch(0.24 0.0106 151.8);--rs-color-background-positive-highlighted:oklch(0.5743 0.104 151.8);--rs-color-background-positive-highlighted-faded:oklch(0.527 0.104 151.8/0.08);--rs-color-border-positive:oklch(0.627 0.104 151.8);--rs-color-border-positive-faded:oklch(0.3 0.0106 151.8);--rs-color-foreground-positive:oklch(0.75 0.1105 151.8);--rs-color-background-neutral:oklch(0.32 0 89.88);--rs-color-background-neutral-faded:oklch(1 0 89.88/0.04);--rs-color-background-neutral-highlighted:oklch(0.3608 0 89.88);--rs-color-background-neutral-highlighted-faded:oklch(0.32 0 89.88/0.28);--rs-color-border-neutral:oklch(1 0 89.88/0.1);--rs-color-border-neutral-faded:oklch(1 0 89.88/0.07);--rs-color-foreground-neutral:oklch(0.96 0 89.88);--rs-color-foreground-neutral-faded:oklch(0.81 0 89.88);--rs-color-background-disabled:oklch(0.28 0 89.88);--rs-color-background-disabled-faded:oklch(0.225 0 89.88);--rs-color-border-disabled:oklch(1 0 89.88/0.06);--rs-color-foreground-disabled:oklch(0.45 0 89.88);--rs-color-background-elevation-base:oklch(0.2 0 89.88);--rs-color-background-elevation-raised:oklch(0.22 0 89.88);--rs-color-background-elevation-overlay:oklch(0.24 0 89.88);--rs-color-background-page:oklch(0.16 0 89.88);--rs-color-background-page-faded:oklch(0.18 0 89.88);--rs-color-on-background-neutral:oklch(1 0 0);--rs-shadow-outline:0px -1px 2px -0.5px hsla(0,0%,100%,.06),0px -1px 3px -1px hsla(0,0%,100%,.05);--rs-shadow-outline-intense:0px -1px 2px -0.5px hsla(0,0%,100%,.12),0px -1px 3px -1px hsla(0,0%,100%,.1);--rs-shadow-raised:0px 8px 12px -4px rgba(0,0,0,.08),0px -1.5px 2px -1px hsla(0,0%,100%,.1);--rs-shadow-raised-intense:0px 8px 12px -4px rgba(0,0,0,.16),0px -1.5px 2px -1px hsla(0,0%,100%,.2);--rs-shadow-overlay:0px 16px 24px -4px rgba(0,0,0,.06),0px 8px 12px -4px rgba(0,0,0,.06),0px 8px 6px -4px rgba(0,0,0,.06);--rs-shadow-overlay-intense:0px 16px 24px -4px rgba(0,0,0,.12),0px 8px 12px -4px rgba(0,0,0,.12),0px 8px 6px -4px rgba(0,0,0,.12)}
+[data-rs-theme~=slate]{--rs-color-brand:oklch(0.55 0.24 262.67);--rs-color-white:oklch(1 0 0);--rs-color-black:oklch(0 0 0);--rs-color-on-background-primary:oklch(1 0 0);--rs-color-on-background-critical:oklch(1 0 0);--rs-color-on-background-warning:oklch(0 0 0);--rs-color-on-background-positive:oklch(1 0 0);--rs-color-on-brand:oklch(1 0 0);--rs-font-family-headline:Inter,BlinkMacSystemFont,-apple-system,Roboto,Helvetica,Arial,sans-serif;--rs-font-family-title:Inter,BlinkMacSystemFont,-apple-system,Roboto,Helvetica,Arial,sans-serif;--rs-font-family-body:Inter,BlinkMacSystemFont,-apple-system,Roboto,Helvetica,Arial,sans-serif;--rs-font-family-monospace:Geist Mono,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;--rs-font-weight-regular:400;--rs-font-weight-medium:500;--rs-font-weight-semibold:600;--rs-font-weight-bold:700;--rs-font-weight-extrabold:800;--rs-font-weight-black:900;--rs-font-size-headline-1:5rem;--rs-line-height-headline-1:5.25rem;--rs-font-family-headline-1:var(--rs-font-family-headline);--rs-font-weight-headline-1:var(--rs-font-weight-bold);--rs-letter-spacing-headline-1:normal;--rs-font-size-headline-2:4rem;--rs-line-height-headline-2:4.25rem;--rs-font-family-headline-2:var(--rs-font-family-headline);--rs-font-weight-headline-2:var(--rs-font-weight-bold);--rs-letter-spacing-headline-2:normal;--rs-font-size-headline-3:3rem;--rs-line-height-headline-3:3.25rem;--rs-font-family-headline-3:var(--rs-font-family-headline);--rs-font-weight-headline-3:var(--rs-font-weight-bold);--rs-letter-spacing-headline-3:normal;--rs-font-size-featured-1:2.5rem;--rs-line-height-featured-1:2.75rem;--rs-font-family-featured-1:var(--rs-font-family-title);--rs-font-weight-featured-1:var(--rs-font-weight-semibold);--rs-letter-spacing-featured-1:normal;--rs-font-size-featured-2:2rem;--rs-line-height-featured-2:2.25rem;--rs-font-family-featured-2:var(--rs-font-family-title);--rs-font-weight-featured-2:var(--rs-font-weight-semibold);--rs-letter-spacing-featured-2:normal;--rs-font-size-featured-3:1.75rem;--rs-line-height-featured-3:2rem;--rs-font-family-featured-3:var(--rs-font-family-title);--rs-font-weight-featured-3:var(--rs-font-weight-semibold);--rs-letter-spacing-featured-3:normal;--rs-font-size-featured-4:1.5rem;--rs-line-height-featured-4:2rem;--rs-font-family-featured-4:var(--rs-font-family-title);--rs-font-weight-featured-4:var(--rs-font-weight-semibold);--rs-letter-spacing-featured-4:normal;--rs-font-size-featured-5:1.25rem;--rs-line-height-featured-5:1.75rem;--rs-font-family-featured-5:var(--rs-font-family-title);--rs-font-weight-featured-5:var(--rs-font-weight-semibold);--rs-letter-spacing-featured-5:normal;--rs-font-size-featured-6:1.125rem;--rs-line-height-featured-6:1.5rem;--rs-font-family-featured-6:var(--rs-font-family-title);--rs-font-weight-featured-6:var(--rs-font-weight-semibold);--rs-letter-spacing-featured-6:normal;--rs-font-size-body-1:1rem;--rs-line-height-body-1:1.5rem;--rs-font-family-body-1:var(--rs-font-family-body);--rs-font-weight-body-1:var(--rs-font-weight-regular);--rs-letter-spacing-body-1:normal;--rs-font-size-body-2:0.875rem;--rs-line-height-body-2:1.25rem;--rs-font-family-body-2:var(--rs-font-family-body);--rs-font-weight-body-2:var(--rs-font-weight-regular);--rs-letter-spacing-body-2:normal;--rs-font-size-caption-1:0.75rem;--rs-line-height-caption-1:1rem;--rs-font-family-caption-1:var(--rs-font-family-body);--rs-font-weight-caption-1:var(--rs-font-weight-regular);--rs-letter-spacing-caption-1:normal;--rs-font-size-caption-2:0.625rem;--rs-line-height-caption-2:0.75rem;--rs-font-family-caption-2:var(--rs-font-family-body);--rs-font-weight-caption-2:var(--rs-font-weight-regular);--rs-letter-spacing-caption-2:normal;--rs-unit-base:4px;--rs-unit-x1:4px;--rs-unit-x2:8px;--rs-unit-x3:12px;--rs-unit-x4:16px;--rs-unit-x5:20px;--rs-unit-x6:24px;--rs-unit-x7:28px;--rs-unit-x8:32px;--rs-unit-x9:36px;--rs-unit-x10:40px;--rs-unit-x0-5:2px;--rs-unit-x1-5:6px;--rs-radius-small:4px;--rs-radius-medium:6px;--rs-radius-large:10px;--rs-duration-rapid:100ms;--rs-duration-fast:150ms;--rs-duration-medium:200ms;--rs-duration-slow:300ms;--rs-easing-standard:cubic-bezier(0.2,0,0,1);--rs-easing-accelerate:cubic-bezier(0.4,0,1,1);--rs-easing-decelerate:cubic-bezier(0,0,0.2,1);--rs-viewport-m-min:660;--rs-viewport-l-min:900;--rs-viewport-xl-min:1280;--rs-z-index-relative:10;--rs-z-index-absolute:100;--rs-z-index-fixed:200}[data-rs-theme~=slate][data-rs-color-mode=light]{--rs-color-background-primary:oklch(0.55 0.24 262.67);--rs-color-background-primary-faded:oklch(0.98 0.02 262.67);--rs-color-background-primary-highlighted:oklch(0.495 0.24 262.67);--rs-color-background-primary-highlighted-faded:oklch(0.55 0.24 262.67/0.06);--rs-color-border-primary:oklch(0.51 0.24 262.67);--rs-color-border-primary-faded:oklch(0.94 0.02 262.67);--rs-color-foreground-primary:oklch(0.52 0.24 262.67);--rs-color-background-critical:oklch(0.59 0.205 20.28);--rs-color-background-critical-faded:oklch(0.98 0.02 20.28);--rs-color-background-critical-highlighted:oklch(0.531 0.205 20.28);--rs-color-background-critical-highlighted-faded:oklch(0.59 0.205 20.28/0.06);--rs-color-border-critical:oklch(0.55 0.205 20.28);--rs-color-border-critical-faded:oklch(0.94 0.02 20.28);--rs-color-foreground-critical:oklch(0.52 0.205 20.28);--rs-color-background-warning:oklch(0.82 0.22 80);--rs-color-background-warning-faded:oklch(0.98 0.04 80);--rs-color-background-warning-highlighted:oklch(0.738 0.22 80);--rs-color-background-warning-highlighted-faded:oklch(0.82 0.22 80/0.06);--rs-color-border-warning:oklch(0.78 0.22 80);--rs-color-border-warning-faded:oklch(0.94 0.04 80);--rs-color-foreground-warning:oklch(0.52 0.22 80);--rs-color-background-positive:oklch(0.55 0.13 151.8);--rs-color-background-positive-faded:oklch(0.98 0.02 151.8);--rs-color-background-positive-highlighted:oklch(0.495 0.13 151.8);--rs-color-background-positive-highlighted-faded:oklch(0.55 0.13 151.8/0.06);--rs-color-border-positive:oklch(0.51 0.13 151.8);--rs-color-border-positive-faded:oklch(0.94 0.02 151.8);--rs-color-foreground-positive:oklch(0.52 0.13 151.8);--rs-color-background-neutral:oklch(0.94 0 89.88);--rs-color-background-neutral-faded:oklch(0 0 89.88/0.03);--rs-color-background-neutral-highlighted:oklch(0.9118 0 89.88);--rs-color-background-neutral-highlighted-faded:oklch(0 0 0/0.03);--rs-color-border-neutral:oklch(0 0 89.88/0.12);--rs-color-border-neutral-faded:oklch(0 0 89.88/0.08);--rs-color-foreground-neutral:oklch(0.24 0 89.88);--rs-color-foreground-neutral-faded:oklch(0.54 0 89.88);--rs-color-background-disabled:oklch(0.95 0 89.88);--rs-color-background-disabled-faded:oklch(0.98 0 89.88);--rs-color-border-disabled:oklch(0 0 89.88/0.06);--rs-color-foreground-disabled:oklch(0.65 0 89.88);--rs-color-background-elevation-base:oklch(1 0 89.88);--rs-color-background-elevation-raised:oklch(1 0 89.88);--rs-color-background-elevation-overlay:oklch(1 0 89.88);--rs-color-background-page:oklch(1 0 89.88);--rs-color-background-page-faded:oklch(0.98 0 89.88);--rs-color-on-background-neutral:oklch(0 0 0);--rs-shadow-outline:0px 1px 2px -0.5px rgba(0,0,0,.06),0px 2px 3px -1px rgba(0,0,0,.06);--rs-shadow-outline-intense:0px 1px 2px -0.5px rgba(0,0,0,.12),0px 2px 3px -1px rgba(0,0,0,.12);--rs-shadow-raised:0px 8px 12px -4px rgba(0,0,0,.08),0px 1px 2px 0px rgba(0,0,0,.1);--rs-shadow-raised-intense:0px 8px 12px -4px rgba(0,0,0,.16),0px 1px 2px 0px rgba(0,0,0,.2);--rs-shadow-overlay:0px 16px 24px -4px rgba(0,0,0,.06),0px 8px 12px -4px rgba(0,0,0,.06),0px 4px 6px -2px rgba(0,0,0,.06);--rs-shadow-overlay-intense:0px 16px 24px -4px rgba(0,0,0,.12),0px 8px 12px -4px rgba(0,0,0,.12),0px 4px 6px -2px rgba(0,0,0,.12)}[data-rs-theme~=slate][data-rs-color-mode=dark]{--rs-color-background-primary:oklch(0.5498 0.192 262.67);--rs-color-background-primary-faded:oklch(0.24 0.0196 262.67);--rs-color-background-primary-highlighted:oklch(0.5949 0.192 262.67);--rs-color-background-primary-highlighted-faded:oklch(0.5498 0.192 262.67/0.08);--rs-color-border-primary:oklch(0.6498 0.192 262.67);--rs-color-border-primary-faded:oklch(0.3 0.0196 262.67);--rs-color-foreground-primary:oklch(0.75 0.204 262.67);--rs-color-background-critical:oklch(0.5842 0.164 20.28);--rs-color-background-critical-faded:oklch(0.24 0.0167 20.28);--rs-color-background-critical-highlighted:oklch(0.6258 0.164 20.28);--rs-color-background-critical-highlighted-faded:oklch(0.5842 0.164 20.28/0.08);--rs-color-border-critical:oklch(0.6842 0.164 20.28);--rs-color-border-critical-faded:oklch(0.3 0.0167 20.28);--rs-color-foreground-critical:oklch(0.75 0.1742 20.28);--rs-color-background-warning:oklch(0.8108 0.176 80);--rs-color-background-warning-faded:oklch(0.24 0.018 80);--rs-color-background-warning-highlighted:oklch(0.7297 0.176 80);--rs-color-background-warning-highlighted-faded:oklch(0.8108 0.176 80/0.08);--rs-color-border-warning:oklch(0.9108 0.176 80);--rs-color-border-warning-faded:oklch(0.3 0.018 80);--rs-color-foreground-warning:oklch(0.75 0.187 80);--rs-color-background-positive:oklch(0.527 0.104 151.8);--rs-color-background-positive-faded:oklch(0.24 0.0106 151.8);--rs-color-background-positive-highlighted:oklch(0.5743 0.104 151.8);--rs-color-background-positive-highlighted-faded:oklch(0.527 0.104 151.8/0.08);--rs-color-border-positive:oklch(0.627 0.104 151.8);--rs-color-border-positive-faded:oklch(0.3 0.0106 151.8);--rs-color-foreground-positive:oklch(0.75 0.1105 151.8);--rs-color-background-neutral:oklch(0.32 0 89.88);--rs-color-background-neutral-faded:oklch(1 0 89.88/0.04);--rs-color-background-neutral-highlighted:oklch(0.3608 0 89.88);--rs-color-background-neutral-highlighted-faded:oklch(1 0 0/0.05);--rs-color-border-neutral:oklch(1 0 89.88/0.11);--rs-color-border-neutral-faded:oklch(1 0 89.88/0.08);--rs-color-foreground-neutral:oklch(0.96 0 89.88);--rs-color-foreground-neutral-faded:oklch(0.74 0 89.88);--rs-color-background-disabled:oklch(0.28 0 89.88);--rs-color-background-disabled-faded:oklch(0.225 0 89.88);--rs-color-border-disabled:oklch(1 0 89.88/0.06);--rs-color-foreground-disabled:oklch(0.45 0 89.88);--rs-color-background-elevation-base:oklch(0.2 0 89.88);--rs-color-background-elevation-raised:oklch(0.22 0 89.88);--rs-color-background-elevation-overlay:oklch(0.24 0 89.88);--rs-color-background-page:oklch(0.16 0 89.88);--rs-color-background-page-faded:oklch(0.18 0 89.88);--rs-color-on-background-neutral:oklch(1 0 0);--rs-shadow-outline:0px -1px 2px -0.5px hsla(0,0%,100%,.06),0px -1px 3px -1px hsla(0,0%,100%,.05);--rs-shadow-outline-intense:0px -1px 2px -0.5px hsla(0,0%,100%,.12),0px -1px 3px -1px hsla(0,0%,100%,.1);--rs-shadow-raised:0px 8px 12px -4px rgba(0,0,0,.08),0px -1.5px 2px -1px hsla(0,0%,100%,.1);--rs-shadow-raised-intense:0px 8px 12px -4px rgba(0,0,0,.16),0px -1.5px 2px -1px hsla(0,0%,100%,.2);--rs-shadow-overlay:0px 16px 24px -4px rgba(0,0,0,.06),0px 8px 12px -4px rgba(0,0,0,.06),0px 8px 6px -4px rgba(0,0,0,.06);--rs-shadow-overlay-intense:0px 16px 24px -4px rgba(0,0,0,.12),0px 8px 12px -4px rgba(0,0,0,.12),0px 8px 6px -4px rgba(0,0,0,.12)}

package/dist/utilities/storybook/Example.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Text from "../../components/Text/index.js";
-import View from "../../components/View/index.js";
+import Text from "../../components/Text";
+import View from "../../components/View";
 const Example = (props) => {
     return (_jsxs(View, { gap: 3, attributes: props.title ? { style: { marginTop: -17 } } : undefined, children: [props.title && (_jsx(View, { bleed: 4, paddingInline: 4, paddingBlock: 3, backgroundColor: "neutral-faded", borderColor: "neutral-faded", position: "sticky", insetTop: 0, zIndex: 100, children: props.title })), props.children] }));
 };

package/dist/utilities/storybook/index.js

@@ -1,2 +1,2 @@
-export { default as Example } from "./Example.js";
-export { default as Placeholder } from "./Placeholder.js";
+export { default as Example } from "./Example";
+export { default as Placeholder } from "./Placeholder";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "reshaped",
-  "version": "4.0.3",
+  "version": "4.1.0",
   "description": "Professionally crafted design system in React and Figma for building products of any scale and complexity",
   "keywords": [
     "accessibility",
@@ -68,11 +68,11 @@
     "@csstools/postcss-global-data": "4.0.0",
     "chalk": "4.1.2",
     "commander": "14.0.3",
-    "cssnano": "7.1.4",
+    "cssnano": "8.0.2",
     "csstype": "3.2.3",
     "postcss-custom-media": "12.0.1",
-    "@reshaped/theming": "4.0.3",
-    "@reshaped/utilities": "4.0.3"
+    "@reshaped/theming": "4.1.0",
+    "@reshaped/utilities": "4.1.0"
   },
   "peerDependencies": {
     "postcss": "^8",
@@ -88,9 +88,9 @@
     "dev": "storybook dev -p 3001 -c ../../.storybook --disable-telemetry",
     "build": "pnpm clean && pnpm build:stories && pnpm build:esm && pnpm build:css && pnpm build:bundle",
     "build:themes": "node bin/cli.js theming --output src/themes",
-    "build:esm": "tsc -p tsconfig.esm.json && resolve-tspaths -p tsconfig.esm.json",
+    "build:esm": "tsc -p tsconfig.esm.json && tsc-alias -p tsconfig.esm.json",
     "build:css": "postcss \"src/**/*.css\" --dir dist --base src --config tools/build",
-    "build:stories": "tsc -p tsconfig.stories.json && resolve-tspaths -p tsconfig.stories.json",
+    "build:stories": "tsc -p tsconfig.stories.json && tsc-alias -p tsconfig.stories.json",
     "build:bundle": "vite build && shx cp dist/index.d.ts dist/bundle.d.ts",
     "build:size": "pnpm clean && pnpm build:esm && pnpm build:bundle",
     "test:browser": "vitest run --project=storybook",