@commercetools/nimbus 3.3.0 → 3.4.0

package/dist/components/password-input.es.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/password-input-B2OHc-gn.esm.js";
+import { t as e } from "../chunks/password-input-ZHMvWFue.esm.js";
 export { e as PasswordInput };

package/dist/components/patterns.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/form-action-bar-C_pQubyB.cjs.js"),t=require("./floating-action-button.cjs"),n=require("../chunks/confirmation-dialog-JqWYM_7U.cjs.js"),r=require("./info-dialog.cjs"),i=require("../chunks/form-dialog-D14UuUnS.cjs.js"),a=require("./date-range-picker-field.cjs"),o=require("../chunks/money-input-field-DeajMPme.cjs.js"),s=require("../chunks/multiline-text-input-field-DDzHc9t0.cjs.js"),c=require("../chunks/number-input-field-C5DhaRwc.cjs.js"),l=require("./search-input-field.cjs"),u=require("../chunks/password-input-field-Cf-zBu2O.cjs.js"),d=require("./text-input-field.cjs"),f=require("../chunks/public-page-layout-LW1MEoPD.cjs.js");exports.ConfirmationDialog=n.t,exports.DateRangePickerField=a.DateRangePickerField,exports.FloatingActionButton=t.FloatingActionButton,exports.FormActionBar=e.t,exports.FormDialog=i.t,exports.InfoDialog=r.InfoDialog,exports.MoneyInputField=o.t,exports.MultilineTextInputField=s.t,exports.NumberInputField=c.t,exports.PasswordInputField=u.t,exports.PublicPageLayout=f.t,exports.SearchInputField=l.SearchInputField,exports.TextInputField=d.TextInputField;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/form-action-bar-DhmjijBw.cjs.js"),t=require("./floating-action-button.cjs"),n=require("../chunks/confirmation-dialog-DGV0mgM8.cjs.js"),r=require("./info-dialog.cjs"),i=require("../chunks/form-dialog-CLrL718p.cjs.js"),a=require("./date-range-picker-field.cjs"),o=require("../chunks/money-input-field-Deavtpts.cjs.js"),s=require("../chunks/multiline-text-input-field-Dmrep7c1.cjs.js"),c=require("../chunks/number-input-field-C0XJ94dJ.cjs.js"),l=require("./search-input-field.cjs"),u=require("../chunks/password-input-field-Bh-LmgfF.cjs.js"),d=require("./text-input-field.cjs"),f=require("../chunks/public-page-layout-LW1MEoPD.cjs.js");exports.ConfirmationDialog=n.t,exports.DateRangePickerField=a.DateRangePickerField,exports.FloatingActionButton=t.FloatingActionButton,exports.FormActionBar=e.t,exports.FormDialog=i.t,exports.InfoDialog=r.InfoDialog,exports.MoneyInputField=o.t,exports.MultilineTextInputField=s.t,exports.NumberInputField=c.t,exports.PasswordInputField=u.t,exports.PublicPageLayout=f.t,exports.SearchInputField=l.SearchInputField,exports.TextInputField=d.TextInputField;

package/dist/components/patterns.es.js

@@ -1,14 +1,14 @@
-import { t as e } from "../chunks/form-action-bar-C8wkuLiF.esm.js";
+import { t as e } from "../chunks/form-action-bar-CfJjVyeS.esm.js";
 import { FloatingActionButton as t } from "./floating-action-button.es.js";
-import { t as n } from "../chunks/confirmation-dialog-CHUQLqNJ.esm.js";
+import { t as n } from "../chunks/confirmation-dialog-EiNUlhQA.esm.js";
 import { InfoDialog as r } from "./info-dialog.es.js";
-import { t as i } from "../chunks/form-dialog-BaD03TZo.esm.js";
+import { t as i } from "../chunks/form-dialog-D86jNeIZ.esm.js";
 import { DateRangePickerField as a } from "./date-range-picker-field.es.js";
-import { t as o } from "../chunks/money-input-field-Dy6VCxeQ.esm.js";
-import { t as s } from "../chunks/multiline-text-input-field-Dj3yuO2D.esm.js";
-import { t as c } from "../chunks/number-input-field-BKAb5VQ2.esm.js";
+import { t as o } from "../chunks/money-input-field-DMZMbP9B.esm.js";
+import { t as s } from "../chunks/multiline-text-input-field-DtKT6KA3.esm.js";
+import { t as c } from "../chunks/number-input-field-Da0Hux_Q.esm.js";
 import { SearchInputField as l } from "./search-input-field.es.js";
-import { t as u } from "../chunks/password-input-field-BFj95JMU.esm.js";
+import { t as u } from "../chunks/password-input-field-B6I17gLd.esm.js";
 import { TextInputField as d } from "./text-input-field.es.js";
 import { t as f } from "../chunks/public-page-layout-2SG_YHdv.esm.js";
 export { n as ConfirmationDialog, a as DateRangePickerField, t as FloatingActionButton, e as FormActionBar, i as FormDialog, r as InfoDialog, o as MoneyInputField, s as MultilineTextInputField, c as NumberInputField, u as PasswordInputField, f as PublicPageLayout, l as SearchInputField, d as TextInputField };

package/dist/components/popover.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/popover-eUvkAe8L.cjs.js");exports.Popover=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/popover-B4aHN9qY.cjs.js");exports.Popover=e.t;

package/dist/components/popover.es.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/popover-CwdOyGHr.esm.js";
+import { t as e } from "../chunks/popover-biPpujsV.esm.js";
 export { e as Popover };

package/dist/components/progress-bar.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/progress-bar-DhZVJqY_.cjs.js");exports.ProgressBar=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/progress-bar-D_PAUwhj.cjs.js");exports.ProgressBar=e.t;

package/dist/components/progress-bar.es.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/progress-bar-Be7o97DL.esm.js";
+import { t as e } from "../chunks/progress-bar-PjyuiZvS.esm.js";
 export { e as ProgressBar };

package/dist/components/radio-input.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/radio-input-_eEv0K2W.cjs.js");exports.RadioInput=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/radio-input-FRyDwoTk.cjs.js");exports.RadioInput=e.t;

package/dist/components/radio-input.es.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/radio-input-Cj03oX72.esm.js";
+import { t as e } from "../chunks/radio-input-CZNQh41n.esm.js";
 export { e as RadioInput };

package/dist/components/range-calendar.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/range-calendar-B0U51wMd.cjs.js");exports.RangeCalendar=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/range-calendar-D1yls6jq.cjs.js");exports.RangeCalendar=e.t;

package/dist/components/range-calendar.es.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/range-calendar-DA5hJpYL.esm.js";
+import { t as e } from "../chunks/range-calendar-DhgT-Y8T.esm.js";
 export { e as RangeCalendar };

package/dist/components/range-slider.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/range-slider-Ch4kXVc3.cjs.js");exports.RangeSlider=e.t;

package/dist/components/range-slider.es.js

@@ -0,0 +1,2 @@
+import { t as e } from "../chunks/range-slider-CiNJCiKg.esm.js";
+export { e as RangeSlider };

package/dist/components/rich-text-input.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/rich-text-input-C0UU1Uoq.cjs.js");exports.RichTextInput=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/rich-text-input-D9MMIdJJ.cjs.js");exports.RichTextInput=e.t;

package/dist/components/rich-text-input.es.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/rich-text-input-PYMjw5DQ.esm.js";
+import { t as e } from "../chunks/rich-text-input-CLwl2b63.esm.js";
 export { e as RichTextInput };

package/dist/components/scoped-search-input.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/scoped-search-input-Kj-JJpvo.cjs.js");exports.ScopedSearchInput=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/scoped-search-input-C9PJWoSh.cjs.js");exports.ScopedSearchInput=e.t;

package/dist/components/scoped-search-input.es.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/scoped-search-input-D80PFOdN.esm.js";
+import { t as e } from "../chunks/scoped-search-input-BzTmH7Ms.esm.js";
 export { e as ScopedSearchInput };

package/dist/components/search-input-field.cjs

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/search-input-yUmma36U.cjs.js"),t=require("../chunks/field-errors-j8Gxj0gP.cjs.js"),n=require("../chunks/form-field-CrSE8x3q.cjs.js");let r=require("react/jsx-runtime");var i=({id:i,label:a,description:o,info:s,errors:c,renderError:l,touched:u=!1,isRequired:d=!1,isDisabled:f=!1,isReadOnly:p=!1,isInvalid:m=!1,size:h=`md`,...g})=>{let _=u&&c&&Object.values(c).some(Boolean);return(0,r.jsxs)(n.t.Root,{id:i,size:h,isInvalid:_||m,isRequired:d,isDisabled:f,isReadOnly:p,children:[(0,r.jsx)(n.t.Label,{children:a}),(0,r.jsx)(n.t.Input,{children:(0,r.jsx)(e.t,{size:h,...g})}),o&&(0,r.jsx)(n.t.Description,{children:o}),s&&(0,r.jsx)(n.t.InfoBox,{children:s}),_&&(0,r.jsx)(n.t.Error,{children:(0,r.jsx)(t.t,{id:`${i}-errors`,errors:c,renderError:l})})]})};i.displayName=`SearchInputField`,exports.SearchInputField=i;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/search-input-Cocic3Im.cjs.js"),t=require("../chunks/field-errors-j8Gxj0gP.cjs.js"),n=require("../chunks/form-field-CaTJgt57.cjs.js");let r=require("react/jsx-runtime");var i=({id:i,label:a,description:o,info:s,errors:c,renderError:l,touched:u=!1,isRequired:d=!1,isDisabled:f=!1,isReadOnly:p=!1,isInvalid:m=!1,size:h=`md`,...g})=>{let _=u&&c&&Object.values(c).some(Boolean);return(0,r.jsxs)(n.t.Root,{id:i,size:h,isInvalid:_||m,isRequired:d,isDisabled:f,isReadOnly:p,children:[(0,r.jsx)(n.t.Label,{children:a}),(0,r.jsx)(n.t.Input,{children:(0,r.jsx)(e.t,{size:h,...g})}),o&&(0,r.jsx)(n.t.Description,{children:o}),s&&(0,r.jsx)(n.t.InfoBox,{children:s}),_&&(0,r.jsx)(n.t.Error,{children:(0,r.jsx)(t.t,{id:`${i}-errors`,errors:c,renderError:l})})]})};i.displayName=`SearchInputField`,exports.SearchInputField=i;
 //# sourceMappingURL=search-input-field.cjs.map

package/dist/components/search-input-field.es.js

@@ -1,6 +1,6 @@
-import { t as e } from "../chunks/search-input-BMq6pRov.esm.js";
+import { t as e } from "../chunks/search-input-DLixG2wL.esm.js";
 import { t } from "../chunks/field-errors-D_EXr1kO.esm.js";
-import { t as n } from "../chunks/form-field-DRhB7O5k.esm.js";
+import { t as n } from "../chunks/form-field-B5H98u7s.esm.js";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/patterns/fields/search-input-field/search-input-field.tsx
 var a = ({ id: a, label: o, description: s, info: c, errors: l, renderError: u, touched: d = !1, isRequired: f = !1, isDisabled: p = !1, isReadOnly: m = !1, isInvalid: h = !1, size: g = "md", ..._ }) => {

package/dist/components/search-input.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/search-input-yUmma36U.cjs.js");exports.SearchInput=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/search-input-Cocic3Im.cjs.js");exports.SearchInput=e.t;

package/dist/components/search-input.es.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/search-input-BMq6pRov.esm.js";
+import { t as e } from "../chunks/search-input-DLixG2wL.esm.js";
 export { e as SearchInput };

package/dist/components/select.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/select-DdeLYdJ3.cjs.js");exports.Select=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/select-g5OICT61.cjs.js");exports.Select=e.t;

package/dist/components/select.es.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/select-D39rm0xA.esm.js";
+import { t as e } from "../chunks/select-CZzyQOhP.esm.js";
 export { e as Select };

package/dist/components/separator.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/separator-CRFMcKYe.cjs.js");exports.Separator=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/separator-DW1Lj5oz.cjs.js");exports.Separator=e.t;

package/dist/components/separator.es.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/separator-AUEVwjXs.esm.js";
+import { t as e } from "../chunks/separator-DYgOOvtr.esm.js";
 export { e as Separator };

package/dist/components/skeleton/derivatives/skeleton-circle/index.d.ts

@@ -0,0 +1,2 @@
+export { SkeletonCircle } from './skeleton-circle.js';
+export type { SkeletonCircleProps } from './skeleton-circle.types.js';

package/dist/components/skeleton/derivatives/skeleton-circle/skeleton-circle.d.ts

@@ -0,0 +1,17 @@
+import { SkeletonCircleProps } from './skeleton-circle.types.js';
+/**
+ * # SkeletonCircle
+ *
+ * A circular loading placeholder. Sugar over `Skeleton` with `shape="circle"`:
+ * size it with the avatar-aligned `size` prop (inherited from `Skeleton`) to
+ * stand in for an `Avatar`, or with a `boxSize` style prop for a custom
+ * dimension. Defaults to a `1em` circle, useful inline.
+ *
+ * @see {@link https://nimbus-documentation.vercel.app/components/feedback/skeletoncircle}
+ *
+ * @supportsStyleProps
+ */
+export declare const SkeletonCircle: {
+    (props: SkeletonCircleProps): import("react").JSX.Element;
+    displayName: string;
+};

package/dist/components/skeleton/derivatives/skeleton-circle/skeleton-circle.types.d.ts

@@ -0,0 +1,21 @@
+import { OmitInternalProps } from '../../../../type-utils/omit-props.js';
+import { SkeletonRootSlotProps } from '../../skeleton.types.js';
+/**
+ * Props for the SkeletonCircle component.
+ *
+ * A circular loading placeholder. Inherits the base `Skeleton` props: use the
+ * avatar-aligned `size` prop (`2xs`/`xs`/`md`) to match an `Avatar`, or a
+ * `boxSize` style prop for a custom dimension. `width`/`height` and `shape` are
+ * omitted — it always renders as a circle, and defaults to `1em` when unsized.
+ */
+export type SkeletonCircleProps = OmitInternalProps<SkeletonRootSlotProps, "width" | "height" | "shape"> & {
+    /**
+     * Whether the element is hidden from assistive technology.
+     * @default true
+     */
+    "aria-hidden"?: boolean | "true" | "false";
+    /**
+     * Ref forwarding to the root element.
+     */
+    ref?: React.Ref<HTMLDivElement>;
+};

package/dist/components/skeleton/derivatives/skeleton-text/index.d.ts

@@ -0,0 +1,2 @@
+export { SkeletonText } from './skeleton-text.js';
+export type { SkeletonTextProps } from './skeleton-text.types.js';

package/dist/components/skeleton/derivatives/skeleton-text/skeleton-text.d.ts

@@ -0,0 +1,16 @@
+import { SkeletonTextProps } from './skeleton-text.types.js';
+/**
+ * # SkeletonText
+ *
+ * A stack of placeholder lines that approximates a paragraph of text while
+ * content loads. The last line is narrower by default to mimic a real paragraph
+ * ending. Composed of `Skeleton` lines; does not use its own recipe.
+ *
+ * @see {@link https://nimbus-documentation.vercel.app/components/feedback/skeletontext}
+ *
+ * @supportsStyleProps
+ */
+export declare const SkeletonText: {
+    (props: SkeletonTextProps): import("react").JSX.Element;
+    displayName: string;
+};

package/dist/components/skeleton/derivatives/skeleton-text/skeleton-text.types.d.ts

@@ -0,0 +1,45 @@
+import { OmitInternalProps } from '../../../../type-utils/omit-props.js';
+import { HTMLChakraProps } from '@chakra-ui/react/styled-system';
+import { SkeletonRecipeProps } from '../../skeleton.types.js';
+/**
+ * Props for the SkeletonText component.
+ * Renders a stack of N placeholder lines to approximate a paragraph of text.
+ *
+ * Note: `shape` is intentionally absent — SkeletonText lines are always
+ * rectangles. Use `Skeleton shape="circle"` or `SkeletonCircle` for circular
+ * placeholders.
+ */
+export type SkeletonTextProps = OmitInternalProps<HTMLChakraProps<"div">> & {
+    /**
+     * Number of placeholder lines to render.
+     * @default 3
+     */
+    lines?: number;
+    /**
+     * Nimbus text style the placeholder should visually match (e.g. `"body"`,
+     * `"caption"`, `"3xl"`). Each line becomes a `1lh` line-box sized by this
+     * style, with a `0.75em` (≈ cap-height) bar centered in it — so the whole
+     * placeholder scales to the same vertical rhythm as real text of that style.
+     * @default "body"
+     */
+    textStyle?: HTMLChakraProps<"div">["textStyle"];
+    /**
+     * Width of the last line, narrower to mimic a paragraph ending.
+     * @default "60%"
+     */
+    lastLineWidth?: string | number;
+    /**
+     * Animation forwarded to each Skeleton line.
+     * @default "pulse"
+     */
+    animation?: SkeletonRecipeProps["animation"];
+    /**
+     * Whether the container is hidden from assistive technology.
+     * @default true
+     */
+    "aria-hidden"?: boolean | "true" | "false";
+    /**
+     * Ref forwarding to the root container element.
+     */
+    ref?: React.Ref<HTMLDivElement>;
+};

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

@@ -0,0 +1,6 @@
+export { Skeleton } from './skeleton.js';
+export type { SkeletonProps, SkeletonRecipeProps } from './skeleton.types.js';
+export { SkeletonText } from './derivatives/skeleton-text/index.js';
+export type { SkeletonTextProps } from './derivatives/skeleton-text/index.js';
+export { SkeletonCircle } from './derivatives/skeleton-circle/index.js';
+export type { SkeletonCircleProps } from './derivatives/skeleton-circle/index.js';

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

@@ -0,0 +1,20 @@
+import { SkeletonProps } from './skeleton.types.js';
+/**
+ * # Skeleton
+ *
+ * A loading placeholder that holds space for content while it loads.
+ * Renders as a muted, optionally animated shape to reduce layout shift.
+ * Decorative by default (`aria-hidden="true"`); reduced motion is respected.
+ *
+ * Two derivatives are built on top of this base and live under `derivatives/`:
+ * `SkeletonText` (a paragraph of lines) and `SkeletonCircle` (an avatar-sized
+ * circle).
+ *
+ * @see {@link https://nimbus-documentation.vercel.app/components/feedback/skeleton}
+ *
+ * @supportsStyleProps
+ */
+export declare const Skeleton: {
+    (props: SkeletonProps): import("react").JSX.Element;
+    displayName: string;
+};

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

@@ -0,0 +1,59 @@
+/**
+ * Recipe configuration for the Skeleton component.
+ * Defines the styling variants and base styles using Chakra UI's recipe system.
+ *
+ * Animations:
+ * - pulse: reuses the existing `pulse` keyframe (opacity oscillation)
+ * - wave: uses the `skeleton-wave` keyframe with an `::after` gradient sweep
+ * - none: no animation
+ *
+ * The wave shimmer highlight color uses a CSS custom property
+ * `--skeleton-shimmer-color` with a `_dark` override for proper dark-mode support.
+ * All animations are disabled under `prefers-reduced-motion`.
+ */
+export declare const skeletonRecipe: import('@chakra-ui/react').RecipeDefinition<{
+    size: {
+        "2xs": {
+            boxSize: "600";
+        };
+        xs: {
+            boxSize: "800";
+        };
+        md: {
+            boxSize: "1000";
+        };
+    };
+    shape: {
+        rectangle: {
+            borderRadius: "{radii.100}";
+        };
+        circle: {
+            borderRadius: "full";
+            aspectRatio: "1 / 1";
+        };
+    };
+    animation: {
+        pulse: {
+            animation: "pulse 2s ease-in-out infinite";
+        };
+        wave: {
+            "--skeleton-shimmer-color": "rgba(255, 255, 255, 0.6)";
+            _dark: {
+                "--skeleton-shimmer-color": "rgba(255, 255, 255, 0.13)";
+            };
+            "&::after": {
+                content: "\"\"";
+                position: "absolute";
+                top: "0";
+                left: "0";
+                right: "0";
+                bottom: "0";
+                backgroundImage: "linear-gradient(90deg, transparent, var(--skeleton-shimmer-color), transparent)";
+                animation: "skeleton-wave 1.6s ease-in-out 0.5s infinite";
+            };
+        };
+        none: {
+            animation: "none";
+        };
+    };
+}>;

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

@@ -0,0 +1,7 @@
+import { SlotComponent } from '../../type-utils/index.js';
+import { SkeletonRootSlotProps } from './skeleton.types.js';
+/**
+ * Root component that provides the styling context for the Skeleton component.
+ * Uses Chakra UI's recipe context system for consistent styling across instances.
+ */
+export declare const SkeletonRoot: SlotComponent<HTMLDivElement, SkeletonRootSlotProps>;

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

@@ -0,0 +1,50 @@
+import { OmitInternalProps } from '../../type-utils/omit-props.js';
+import { HTMLChakraProps, UnstyledProp } from '@chakra-ui/react/styled-system';
+export type SkeletonRecipeProps = {
+    /**
+     * Named square size, aligned with the Avatar size scale
+     * (`2xs` = 24px, `xs` = 32px, `md` = 40px), applied as equal width and height.
+     * Opt-in with no default — leave unset and size the placeholder with
+     * `width`/`height`/`boxSize` instead. `SkeletonCircle` reuses this to size its
+     * circle.
+     */
+    size?: "2xs" | "xs" | "md";
+    /**
+     * Shape variant of the skeleton placeholder.
+     * - rectangle: default shape with small border radius (~4px)
+     * - circle: fully-rounded with 1:1 aspect ratio
+     * @default "rectangle"
+     */
+    shape?: "rectangle" | "circle";
+    /**
+     * Animation variant of the skeleton placeholder.
+     * - pulse: opacity oscillation (default)
+     * - wave: gradient shimmer sweep via ::after pseudo-element
+     * - none: no animation
+     * @default "pulse"
+     */
+    animation?: "pulse" | "wave" | "none";
+} & UnstyledProp;
+export type SkeletonRootSlotProps = HTMLChakraProps<"div", SkeletonRecipeProps>;
+/**
+ * Props for the Skeleton component.
+ * Renders a single block-level loading placeholder element.
+ * Accepts all standard Chakra UI style props for sizing and positioning
+ * (e.g. `width`, `height`, `borderRadius`).
+ */
+export type SkeletonProps = OmitInternalProps<SkeletonRootSlotProps> & {
+    /**
+     * Whether the element is hidden from assistive technology.
+     * Skeleton placeholders are decorative by default.
+     * @default true
+     */
+    "aria-hidden"?: boolean | "true" | "false";
+    /**
+     * Ref forwarding to the root element.
+     */
+    ref?: React.Ref<HTMLDivElement>;
+    /**
+     * Data attributes for testing or custom metadata.
+     */
+    [key: `data-${string}`]: unknown;
+};

package/dist/components/skeleton-circle.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/skeleton-circle-CbqEiVJ8.cjs.js");exports.SkeletonCircle=e.t;

package/dist/components/skeleton-circle.es.js

@@ -0,0 +1,2 @@
+import { t as e } from "../chunks/skeleton-circle-C5RFsv29.esm.js";
+export { e as SkeletonCircle };

package/dist/components/skeleton-text.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/skeleton-text-CEr3QStr.cjs.js");exports.SkeletonText=e.t;

package/dist/components/skeleton-text.es.js

@@ -0,0 +1,2 @@
+import { t as e } from "../chunks/skeleton-text-B-r_Iovw.esm.js";
+export { e as SkeletonText };

package/dist/components/skeleton.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/skeleton-SWjnk1LM.cjs.js"),t=require("../chunks/skeleton-text-CEr3QStr.cjs.js");require("./skeleton-text.cjs");const n=require("../chunks/skeleton-circle-CbqEiVJ8.cjs.js");require("./skeleton-circle.cjs"),exports.Skeleton=e.t,exports.SkeletonCircle=n.t,exports.SkeletonText=t.t;

package/dist/components/skeleton.es.js

@@ -0,0 +1,6 @@
+import { t as e } from "../chunks/skeleton-C-MXf-Vh.esm.js";
+import { t } from "../chunks/skeleton-text-B-r_Iovw.esm.js";
+import "./skeleton-text.es.js";
+import { t as n } from "../chunks/skeleton-circle-C5RFsv29.esm.js";
+import "./skeleton-circle.es.js";
+export { e as Skeleton, n as SkeletonCircle, t as SkeletonText };

package/dist/components/slider/derivatives/range-slider/index.d.ts

@@ -0,0 +1,2 @@
+export { RangeSlider } from './range-slider.js';
+export type { RangeSliderProps } from './range-slider.types.js';

package/dist/components/slider/derivatives/range-slider/range-slider.d.ts

@@ -0,0 +1,20 @@
+import { RangeSliderProps } from './range-slider.types.js';
+/**
+ * # RangeSlider
+ *
+ * A two-thumb slider for selecting a `[min, max]` numeric range within bounds.
+ * Wraps React Aria's Slider with two thumbs; the thumbs cannot cross. Each
+ * thumb's current value is shown in its own tooltip while it's hovered,
+ * focused, or dragged.
+ *
+ * Each thumb needs its own accessible name — provide `thumbLabels` (e.g.
+ * `["Minimum price", "Maximum price"]`); when omitted, the thumbs fall back
+ * to localized "Minimum" / "Maximum" labels rather than being left
+ * anonymous. The control as a whole still needs an accessible name of its
+ * own too: provide an `aria-label` (or use inside `FormField`), same as
+ * `Slider`.
+ */
+export declare const RangeSlider: {
+    (props: RangeSliderProps): import("react").JSX.Element;
+    displayName: string;
+};

package/dist/components/slider/derivatives/range-slider/range-slider.types.d.ts

@@ -0,0 +1,13 @@
+import { SliderSharedProps } from '../../slider.types.js';
+/**
+ * Props for the `RangeSlider` component — a two-thumb slider selecting a
+ * `[min, max]` numeric range. Shares the whole prop surface of `Slider` (via
+ * {@link SliderSharedProps}) but specializes `value`/`defaultValue`/`onChange`/
+ * `onChangeEnd` to operate on a `[number, number]` tuple.
+ */
+export type RangeSliderProps = SliderSharedProps & {
+    value?: [number, number];
+    defaultValue?: [number, number];
+    onChange?: (value: [number, number]) => void;
+    onChangeEnd?: (value: [number, number]) => void;
+};

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

@@ -0,0 +1,4 @@
+export { Slider } from './slider.js';
+export type { SliderProps } from './slider.types.js';
+export { RangeSlider } from './derivatives/range-slider/index.js';
+export type { RangeSliderProps } from './derivatives/range-slider/index.js';

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

@@ -0,0 +1,10 @@
+/**
+ * Pre-compiled de messages for Slider
+ * Generated by @internationalized/string-compiler
+ * DO NOT EDIT MANUALLY
+ */
+declare const _default: {
+    maximumThumb: string;
+    minimumThumb: string;
+};
+export default _default;

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

@@ -0,0 +1,10 @@
+/**
+ * Pre-compiled en messages for Slider
+ * Generated by @internationalized/string-compiler
+ * DO NOT EDIT MANUALLY
+ */
+declare const _default: {
+    maximumThumb: string;
+    minimumThumb: string;
+};
+export default _default;

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

@@ -0,0 +1,10 @@
+/**
+ * Pre-compiled es messages for Slider
+ * Generated by @internationalized/string-compiler
+ * DO NOT EDIT MANUALLY
+ */
+declare const _default: {
+    maximumThumb: string;
+    minimumThumb: string;
+};
+export default _default;

package/dist/components/slider/intl/fr-FR.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Pre-compiled fr-FR messages for Slider
+ * Generated by @internationalized/string-compiler
+ * DO NOT EDIT MANUALLY
+ */
+declare const _default: {
+    maximumThumb: string;
+    minimumThumb: string;
+};
+export default _default;

package/dist/components/slider/intl/pt-BR.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Pre-compiled pt-BR messages for Slider
+ * Generated by @internationalized/string-compiler
+ * DO NOT EDIT MANUALLY
+ */
+declare const _default: {
+    maximumThumb: string;
+    minimumThumb: string;
+};
+export default _default;

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

@@ -0,0 +1,10 @@
+import { SliderBaseProps } from './slider.types.js';
+/**
+ * Shared internal implementation for Slider and RangeSlider. Renders the full
+ * React Aria Slider anatomy for any number of thumbs (driven by state.values),
+ * each thumb showing its current value in a tooltip.
+ */
+export declare const SliderBase: {
+    (props: SliderBaseProps): import("react").JSX.Element;
+    displayName: string;
+};

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

@@ -0,0 +1,13 @@
+import { SliderProps } from './slider.types.js';
+/**
+ * # Slider
+ *
+ * A single-thumb slider for selecting one numeric value within a range. Wraps
+ * React Aria's Slider with Nimbus styling; the current value is shown in a
+ * tooltip on the handle while hovering, focusing, or dragging. Provide an
+ * `aria-label` (or use inside `FormField`) for the accessible name.
+ */
+export declare const Slider: {
+    (props: SliderProps): import("react").JSX.Element;
+    displayName: string;
+};

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

@@ -0,0 +1,12 @@
+export declare const messages: {
+    minimumThumb: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    maximumThumb: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+};

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

@@ -0,0 +1,6 @@
+import { LocalizedString, LocalizedStrings } from '@internationalized/string';
+export declare const sliderMessagesStrings: LocalizedStrings<string, LocalizedString>;
+/**
+ * Available message keys for Slider component
+ */
+export type SliderMessageKey = "maximumThumb" | "minimumThumb";