@vkzstudio/muza-ui 1.0.44 → 1.0.46

package/dist/components/Slider/Slider.d.ts

@@ -0,0 +1,65 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+import * as SliderPrimitive from '@radix-ui/react-slider';
+declare const sliderVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare const sliderTrackVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare const sliderThumbVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/**
+ * Props for the Slider component.
+ * Extends [Radix Slider](https://www.radix-ui.com/primitives/docs/components/slider)
+ * root primitive with a size variant, horizontal/vertical orientation, and per-thumb
+ * aria-label overrides backed by the translation system.
+ */
+export interface SliderProps extends Omit<React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root>, 'orientation'>, VariantProps<typeof sliderVariants> {
+    /** Track height and thumb diameter. @default 'md' */
+    size?: 'sm' | 'md' | 'lg';
+    /** Slider orientation. Vertical sliders fill their container's height. @default 'horizontal' */
+    orientation?: 'horizontal' | 'vertical';
+    /**
+     * Accessible label per thumb (one entry per thumb in `value` / `defaultValue`).
+     * Falls back to translation defaults: a single thumb uses `slider.thumbAriaLabel`;
+     * a range slider uses `slider.minThumbAriaLabel` and `slider.maxThumbAriaLabel`.
+     *
+     * @example
+     * <Slider defaultValue={[20, 80]} thumbAriaLabels={['Min price', 'Max price']} />
+     */
+    thumbAriaLabels?: string[];
+    /** Controlled value array. Single-element for one thumb, multi-element for a range. */
+    value?: number[];
+    /**
+     * Initial value array for uncontrolled usage.
+     * Pass `[n]` for a single-thumb slider or `[a, b]` for a range slider.
+     *
+     * @default [min]
+     */
+    defaultValue?: number[];
+    /** Fires continuously while dragging. Receives the current value array. */
+    onValueChange?: (value: number[]) => void;
+    /** Fires when the user finishes dragging (releases the thumb). Receives the committed value array. */
+    onValueCommit?: (value: number[]) => void;
+    /** Minimum allowed value. @default 0 */
+    min?: number;
+    /** Maximum allowed value. @default 100 */
+    max?: number;
+    /** Step increment between selectable values. @default 1 */
+    step?: number;
+    /** Minimum number of steps separating thumbs in a range slider. @default 0 */
+    minStepsBetweenThumbs?: number;
+    /** Prevents interaction and applies disabled styling. @default false */
+    disabled?: boolean;
+    /** Form field name for native form submission. */
+    name?: string;
+    /** Visually inverts the slider direction (the filled side flips). @default false */
+    inverted?: boolean;
+    /** Reading direction. Affects keyboard navigation and visual order. */
+    dir?: 'ltr' | 'rtl';
+}
+declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLSpanElement>>;
+export { Slider, sliderVariants, sliderTrackVariants, sliderThumbVariants };
+//# sourceMappingURL=Slider.d.ts.map

package/dist/components/Slider/Slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AACzD,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,cAAc;;8EAiBnB,CAAA;AAED,QAAA,MAAM,mBAAmB;;8EAkBxB,CAAA;AAED,QAAA,MAAM,mBAAmB;;8EAsBxB,CAAA;AAED;;;;;GAKG;AACH,MAAM,WAAW,WACf,SAAQ,IAAI,CACR,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,EAC3D,aAAa,CACd,EACD,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,qDAAqD;IACrD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,gGAAgG;IAChG,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC;;;;;;;OAOG;IACH,eAAe,CAAC,EAAE,MAAM,EAAE,CAAA;IAC1B,uFAAuF;IACvF,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,2EAA2E;IAC3E,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACzC,sGAAsG;IACtG,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACzC,wCAAwC;IACxC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,0CAA0C;IAC1C,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,2DAA2D;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,8EAA8E;IAC9E,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,kDAAkD;IAClD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,oFAAoF;IACpF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,uEAAuE;IACvE,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAA;CACpB;AAED,QAAA,MAAM,MAAM,qFA6EX,CAAA;AAGD,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,CAAA"}

package/dist/components/Slider/Slider.js

@@ -0,0 +1,134 @@
+import { jsxs as k, jsx as n } from "react/jsx-runtime";
+import * as h from "react";
+import * as s from "@radix-ui/react-slider";
+import { cva as m } from "class-variance-authority";
+import { useMuzaTranslations as w } from "../../translations/TranslationContext.js";
+import { cn as u } from "../../utils/cn.js";
+const T = m(
+  [
+    "group relative flex touch-none items-center select-none",
+    "data-[disabled]:pointer-events-none",
+    "data-[orientation=horizontal]:w-full",
+    "data-[orientation=vertical]:h-full data-[orientation=vertical]:flex-col"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "data-[orientation=horizontal]:h-comp-slider-thumb-size-sm data-[orientation=vertical]:w-comp-slider-thumb-size-sm",
+        md: "data-[orientation=horizontal]:h-comp-slider-thumb-size-md data-[orientation=vertical]:w-comp-slider-thumb-size-md",
+        lg: "data-[orientation=horizontal]:h-comp-slider-thumb-size-lg data-[orientation=vertical]:w-comp-slider-thumb-size-lg"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+), y = m(
+  [
+    "relative overflow-hidden rounded-comp-slider-radius-track",
+    "bg-comp-slider-track-bg-def",
+    "group-data-[disabled]:bg-comp-slider-track-bg-disabled",
+    "data-[orientation=horizontal]:w-full",
+    "data-[orientation=vertical]:h-full"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "data-[orientation=horizontal]:h-comp-slider-track-h-sm data-[orientation=vertical]:w-comp-slider-track-h-sm",
+        md: "data-[orientation=horizontal]:h-comp-slider-track-h-md data-[orientation=vertical]:w-comp-slider-track-h-md",
+        lg: "data-[orientation=horizontal]:h-comp-slider-track-h-lg data-[orientation=vertical]:w-comp-slider-track-h-lg"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+), N = m(
+  [
+    "block rounded-full transition-colors",
+    "bg-comp-slider-thumb-bg-def",
+    "border border-comp-slider-thumb-stroke-def",
+    "cursor-grab active:cursor-grabbing",
+    "hover:border-comp-slider-thumb-stroke-hover",
+    "focus-visible-default focus-visible:border-comp-slider-thumb-stroke-focused",
+    "group-data-[disabled]:cursor-not-allowed",
+    "group-data-[disabled]:bg-comp-slider-thumb-bg-disabled",
+    "group-data-[disabled]:border-comp-slider-thumb-stroke-disabled"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "size-comp-slider-thumb-size-sm",
+        md: "size-comp-slider-thumb-size-md",
+        lg: "size-comp-slider-thumb-size-lg"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+), R = h.forwardRef(
+  ({
+    className: p,
+    size: d = "md",
+    orientation: g = "horizontal",
+    defaultValue: t,
+    value: i,
+    min: l = 0,
+    max: c = 100,
+    thumbAriaLabels: o,
+    ...f
+  }, z) => {
+    const e = w(), b = h.useMemo(
+      () => Array.isArray(i) ? i : Array.isArray(t) ? t : [l],
+      [i, t, l, c]
+    ), v = (r, a) => o != null && o[r] ? o[r] : a === 1 ? e.slider.thumbAriaLabel : r === 0 ? e.slider.minThumbAriaLabel : r === a - 1 ? e.slider.maxThumbAriaLabel : e.slider.thumbAriaLabel;
+    return /* @__PURE__ */ k(
+      s.Root,
+      {
+        ref: z,
+        "data-slot": "slider",
+        defaultValue: t,
+        value: i,
+        min: l,
+        max: c,
+        orientation: g,
+        className: u(T({ size: d }), p),
+        ...f,
+        children: [
+          /* @__PURE__ */ n(
+            s.Track,
+            {
+              "data-slot": "slider-track",
+              className: y({ size: d }),
+              children: /* @__PURE__ */ n(
+                s.Range,
+                {
+                  "data-slot": "slider-range",
+                  className: u(
+                    "absolute",
+                    "bg-comp-slider-range-bg-def transition-colors",
+                    "group-hover:bg-comp-slider-range-bg-hover",
+                    "group-data-[disabled]:bg-comp-slider-range-bg-disabled",
+                    "data-[orientation=horizontal]:h-full",
+                    "data-[orientation=vertical]:w-full"
+                  )
+                }
+              )
+            }
+          ),
+          b.map((r, a) => /* @__PURE__ */ n(
+            s.Thumb,
+            {
+              "data-slot": "slider-thumb",
+              "aria-label": v(a, b.length),
+              className: N({ size: d })
+            },
+            a
+          ))
+        ]
+      }
+    );
+  }
+);
+R.displayName = "Slider";
+export {
+  R as Slider,
+  N as sliderThumbVariants,
+  y as sliderTrackVariants,
+  T as sliderVariants
+};

package/dist/components/Slider/Slider.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { Slider } from './Slider';
+declare const meta: Meta<typeof Slider>;
+export default meta;
+type Story = StoryObj<typeof Slider>;
+export declare const Default: Story;
+export declare const Range: Story;
+export declare const Sizes: Story;
+export declare const Vertical: Story;
+export declare const Disabled: Story;
+export declare const Playground: Story;
+//# sourceMappingURL=Slider.stories.d.ts.map

package/dist/components/Slider/Slider.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAG3D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAqC7B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAA;AAEpC,eAAO,MAAM,OAAO,EAAE,KAqBrB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAoBnB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KA2CnB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAmBtB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAkBtB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAoCxB,CAAA"}

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

@@ -0,0 +1,2 @@
+export * from './Slider';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Slider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA"}

package/dist/components/TextEditor/TextEditor.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextEditor.stories.d.ts","sourceRoot":"","sources":["../../../src/components/TextEditor/TextEditor.stories.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAO3D,OAAO,EACL,UAAU,EAIX,MAAM,SAAS,CAAA;AAEhB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CA0JjC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAGxC,eAAO,MAAM,OAAO,EAAE,KAerB,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAgBlC,CAAA;AAGD,eAAO,MAAM,UAAU,EAAE,KA4BxB,CAAA;AAGD,eAAO,MAAM,mBAAmB,EAAE,KAmCjC,CAAA;AAGD,eAAO,MAAM,SAAS,EAAE,KA6DvB,CAAA;AAGD,eAAO,MAAM,kBAAkB,EAAE,KAsBhC,CAAA;AAGD,eAAO,MAAM,cAAc,EAAE,KAsB5B,CAAA;AAGD,eAAO,MAAM,gBAAgB,EAAE,KAsC9B,CAAA;AAGD,eAAO,MAAM,YAAY,EAAE,KAmC1B,CAAA;AAGD,eAAO,MAAM,mBAAmB,EAAE,KAsCjC,CAAA;AAqKD;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,YAAY,EAAE,KAwD1B,CAAA;AAMD;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,mBAAmB,EAAE,KA0DjC,CAAA;AAGD,eAAO,MAAM,QAAQ,EAAE,KA6CtB,CAAA;AAGD,eAAO,MAAM,mBAAmB,EAAE,KA0CjC,CAAA"}
+{"version":3,"file":"TextEditor.stories.d.ts","sourceRoot":"","sources":["../../../src/components/TextEditor/TextEditor.stories.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAO3D,OAAO,EACL,UAAU,EAIX,MAAM,SAAS,CAAA;AAEhB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CA0JjC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAGxC,eAAO,MAAM,OAAO,EAAE,KAerB,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAgBlC,CAAA;AAGD,eAAO,MAAM,UAAU,EAAE,KA4BxB,CAAA;AAGD,eAAO,MAAM,mBAAmB,EAAE,KAmCjC,CAAA;AAGD,eAAO,MAAM,SAAS,EAAE,KA6DvB,CAAA;AAGD,eAAO,MAAM,kBAAkB,EAAE,KAsBhC,CAAA;AAGD,eAAO,MAAM,cAAc,EAAE,KAsB5B,CAAA;AAGD,eAAO,MAAM,gBAAgB,EAAE,KAuC9B,CAAA;AAGD,eAAO,MAAM,YAAY,EAAE,KAmC1B,CAAA;AAGD,eAAO,MAAM,mBAAmB,EAAE,KAsCjC,CAAA;AAqKD;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,YAAY,EAAE,KAwD1B,CAAA;AAMD;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,mBAAmB,EAAE,KA0DjC,CAAA;AAGD,eAAO,MAAM,QAAQ,EAAE,KA6CtB,CAAA;AAGD,eAAO,MAAM,mBAAmB,EAAE,KA0CjC,CAAA"}

package/dist/components/Toggle/Toggle.js

@@ -19,7 +19,7 @@ const b = u(
     // Active/pressed state (on)
     "data-[state=on]:bg-comp-button-primary-bg-def data-[state=on]:text-comp-button-primary-text-def",
     // Disabled state
-    "disabled:pointer-events-none disabled:bg-surface-brand-primary-disabled disabled:text-text-dark-disabled"
+    "disabled:pointer-events-none disabled:bg-surface-brand-primary-disabled2 disabled:text-text-dark-disabled"
   ],
   {
     variants: {

package/dist/components/ToggleCheckButton/ToggleCheckButton.d.ts

@@ -0,0 +1,69 @@
+import { ComponentProps } from 'react';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+declare const toggleCheckButtonVariants: (props?: ({
+    error?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/**
+ * Props for the ToggleCheckButton component.
+ * Extends Radix Checkbox root props, sharing the Checkbox API for controlled
+ * and uncontrolled use and form integration, but rendered as a compact
+ * icon-only pill.
+ */
+export interface ToggleCheckButtonProps extends Omit<ComponentProps<typeof CheckboxPrimitive.Root>, 'asChild' | 'children'> {
+    /**
+     * Controlled checked state. Use with `onCheckedChange` for fully controlled
+     * behavior. Accepts `'indeterminate'` for a partially-selected state (e.g.
+     * a parent row whose children are mixed).
+     *
+     * @example
+     * <ToggleCheckButton checked={allSelected ? true : someSelected ? 'indeterminate' : false} />
+     */
+    checked?: boolean | 'indeterminate';
+    /** Initial checked state for uncontrolled usage. @default false */
+    defaultChecked?: boolean;
+    /**
+     * Fires when the checked state changes. Receives `true`, `false`, or
+     * `'indeterminate'` — narrow to `boolean` before storing in typical state.
+     *
+     * @example
+     * onCheckedChange={(value) => setChecked(value === true)}
+     */
+    onCheckedChange?: (checked: boolean | 'indeterminate') => void;
+    /** Prevents interaction and applies disabled styling. @default false */
+    disabled?: boolean;
+    /** Name attribute for form submission. */
+    name?: string;
+    /** Value attribute for form submission. */
+    value?: string;
+    /** Marks the control as required for form submission. @default false */
+    required?: boolean;
+    /** Custom ID for the underlying button element. */
+    id?: string;
+    /** Applies error styling (red icon) for validation failure. @default false */
+    error?: boolean;
+    /**
+     * Accessible name for the icon-only control. Should be supplied unless an
+     * external `<label htmlFor>` is associated via `id`.
+     */
+    'aria-label'?: string;
+}
+/**
+ * A compact icon-only toggle that shares the Checkbox API.
+ * Renders a 32×32 circular button showing a check-circle icon that fills in
+ * when checked. Because it uses the Radix Checkbox primitive, it integrates
+ * with HTML forms exactly like Checkbox (supports `name`, `value`, `required`).
+ *
+ * @example
+ * ```tsx
+ * const [checked, setChecked] = useState(false)
+ *
+ * <ToggleCheckButton
+ *   checked={checked}
+ *   onCheckedChange={(value) => setChecked(value === true)}
+ *   aria-label="Mark as done"
+ * />
+ * ```
+ */
+declare const ToggleCheckButton: import('react').ForwardRefExoticComponent<Omit<ToggleCheckButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+export { ToggleCheckButton, toggleCheckButtonVariants };
+//# sourceMappingURL=ToggleCheckButton.d.ts.map

package/dist/components/ToggleCheckButton/ToggleCheckButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleCheckButton.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleCheckButton/ToggleCheckButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAA+B,MAAM,OAAO,CAAA;AACxE,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAA;AAK7D,QAAA,MAAM,yBAAyB;;8EAwB9B,CAAA;AAED;;;;;GAKG;AACH,MAAM,WAAW,sBACf,SAAQ,IAAI,CACV,cAAc,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,EAC7C,SAAS,GAAG,UAAU,CACvB;IACD;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,eAAe,CAAA;IACnC,mEAAmE;IACnE,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB;;;;;;OAMG;IACH,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,eAAe,KAAK,IAAI,CAAA;IAC9D,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mDAAmD;IACnD,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,8EAA8E;IAC9E,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,QAAA,MAAM,iBAAiB,mIAwBrB,CAAA;AAGF,OAAO,EAAE,iBAAiB,EAAE,yBAAyB,EAAE,CAAA"}

package/dist/components/ToggleCheckButton/ToggleCheckButton.js

@@ -0,0 +1,64 @@
+import { jsxs as d, jsx as t } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+import * as o from "@radix-ui/react-checkbox";
+import { cva as l } from "class-variance-authority";
+import { cn as h } from "../../utils/cn.js";
+import { CheckCircleOutline as u, CheckCircleBold as g } from "@solar-icons/react-perf";
+const m = l(
+  [
+    "group inline-flex size-comp-button-h-xs shrink-0 items-center justify-center rounded-full",
+    "cursor-pointer transition-colors",
+    "focus-visible-default",
+    "[&>svg]:size-icon-small [&>svg]:shrink-0",
+    "text-comp-button-toggle-check-icon-def",
+    "hover:text-comp-button-toggle-check-icon-hover",
+    "focus-visible:text-comp-button-toggle-check-icon-focused",
+    "data-[state=checked]:text-comp-button-toggle-check-icon-active",
+    "data-[state=checked]:hover:text-comp-button-toggle-check-icon-hover",
+    "disabled:pointer-events-none disabled:cursor-not-allowed disabled:text-comp-button-toggle-check-icon-disabled disabled:data-[state=checked]:text-comp-button-toggle-check-icon-disabled"
+  ],
+  {
+    variants: {
+      error: {
+        true: "text-text-state-error-def hover:text-text-state-error-def focus-visible:text-text-state-error-def data-[state=checked]:text-text-state-error-def data-[state=checked]:hover:text-text-state-error-def",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      error: !1
+    }
+  }
+), f = n(({ className: c, disabled: r, required: e, error: a, ...i }, s) => /* @__PURE__ */ d(
+  o.Root,
+  {
+    ref: s,
+    "data-slot": "toggle-check-button",
+    className: h(m({ error: a, className: c })),
+    disabled: r,
+    required: e,
+    "aria-required": e,
+    ...i,
+    children: [
+      /* @__PURE__ */ t(
+        u,
+        {
+          "aria-hidden": "true",
+          className: "group-data-[state=checked]:hidden"
+        }
+      ),
+      /* @__PURE__ */ t(
+        o.Indicator,
+        {
+          "data-slot": "toggle-check-button-indicator",
+          asChild: !0,
+          children: /* @__PURE__ */ t(g, { "aria-hidden": "true" })
+        }
+      )
+    ]
+  }
+));
+f.displayName = "ToggleCheckButton";
+export {
+  f as ToggleCheckButton,
+  m as toggleCheckButtonVariants
+};

package/dist/components/ToggleCheckButton/ToggleCheckButton.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { ToggleCheckButton } from './ToggleCheckButton';
+declare const meta: Meta<typeof ToggleCheckButton>;
+export default meta;
+type Story = StoryObj<typeof ToggleCheckButton>;
+export declare const Default: Story;
+export declare const AllStates: Story;
+//# sourceMappingURL=ToggleCheckButton.stories.d.ts.map

package/dist/components/ToggleCheckButton/ToggleCheckButton.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleCheckButton.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleCheckButton/ToggleCheckButton.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAEvD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,iBAAiB,CAmCxC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,iBAAiB,CAAC,CAAA;AAE/C,eAAO,MAAM,OAAO,EAAE,KAuBrB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAiEvB,CAAA"}

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

@@ -0,0 +1,2 @@
+export * from './ToggleCheckButton';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ToggleCheckButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleCheckButton/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA"}

package/dist/components/Typography/Typography.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Typography.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Typography.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,EAAE,UAAU,EAAwB,MAAM,cAAc,CAAA;AAgC/D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAgFjC,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAsCxC,eAAO,MAAM,OAAO,EAAE,KAkBrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAwEtB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAsEtB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAuE3B,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAsErB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAgC5B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAuC9B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAyC9B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAwD/B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KA4H9B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAkBxB,CAAA"}
+{"version":3,"file":"Typography.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Typography.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,EAAE,UAAU,EAAwB,MAAM,cAAc,CAAA;AAgC/D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAgFjC,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAuCxC,eAAO,MAAM,OAAO,EAAE,KAkBrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAwEtB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAsEtB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAuE3B,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAsErB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAgC5B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAuC9B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAyC9B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAwD/B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KA4H9B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAkBxB,CAAA"}

package/dist/components/WebCheckoutNav/WebCheckoutNav.examples.d.ts

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+export interface PartnerOption {
+    value: string;
+    label: string;
+    description: string;
+}
+export interface Language {
+    name: string;
+    value: string;
+    icon: ReactNode;
+}
+export interface WebCheckoutNavProps {
+    partnerOptions: PartnerOption[];
+    languages: Language[];
+}
+export declare const partnerOptions: PartnerOption[];
+export declare const languages: Language[];
+export declare const WebCheckoutNav: ({ partnerOptions, languages, }: WebCheckoutNavProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=WebCheckoutNav.examples.d.ts.map

package/dist/components/WebCheckoutNav/WebCheckoutNav.examples.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebCheckoutNav.examples.d.ts","sourceRoot":"","sources":["../../../src/components/WebCheckoutNav/WebCheckoutNav.examples.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAA;AA8BhD,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,SAAS,CAAA;CAChB;AAED,MAAM,WAAW,mBAAmB;IAClC,cAAc,EAAE,aAAa,EAAE,CAAA;IAC/B,SAAS,EAAE,QAAQ,EAAE,CAAA;CACtB;AAID,eAAO,MAAM,cAAc,EAAE,aAAa,EAgBzC,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,QAAQ,EAI/B,CAAA;AAID,eAAO,MAAM,cAAc,GAAI,gCAG5B,mBAAmB,4CA6MrB,CAAA"}

package/dist/components/WebCheckoutNav/WebCheckoutNav.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { WebCheckoutNavProps } from './WebCheckoutNav.examples';
+declare const meta: Meta<WebCheckoutNavProps>;
+export default meta;
+type Story = StoryObj<WebCheckoutNavProps>;
+export declare const Responsive: Story;
+export declare const SinglePartner: Story;
+//# sourceMappingURL=WebCheckoutNav.stories.d.ts.map

package/dist/components/WebCheckoutNav/WebCheckoutNav.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebCheckoutNav.stories.d.ts","sourceRoot":"","sources":["../../../src/components/WebCheckoutNav/WebCheckoutNav.stories.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAEL,KAAK,mBAAmB,EAGzB,MAAM,2BAA2B,CAAA;AAGlC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,mBAAmB,CAwCnC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,mBAAmB,CAAC,CAAA;AAE1C,eAAO,MAAM,UAAU,EAAE,KAaxB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAM3B,CAAA"}

package/dist/components/index.d.ts

@@ -6,6 +6,8 @@ export * from './Breadcrumb';
 export * from './Button';
 export * from './ButtonArrow';
 export * from './Calendar';
+export * from './Card';
+export * from './Carousel';
 export * from './Checkbox';
 export * from './Chip';
 export * from './DatePicker';
@@ -27,13 +29,16 @@ export * from './Pagination';
 export * from './PasswordInput';
 export * from './PinIndicator';
 export * from './Popover';
+export * from './Progress';
 export * from './Radio';
 export * from './Reorderable';
 export * from './ReorderableTable';
 export * from './Searchbar';
 export * from './Select';
 export * from './SegmentedControl';
+export * from './Sheet';
 export * from './SegmentedIconControl';
+export * from './Slider';
 export * from './SliderIndicators';
 export * from './Toast';
 export * from './Stepper';
@@ -44,10 +49,12 @@ export * from './Textarea';
 export * from './TextEditor';
 export * from './TimePicker';
 export * from './Toggle';
+export * from './ToggleCheckButton';
 export * from './ToggleGroup';
 export * from './Tooltip';
 export * from './Typography';
 export * from './DataTable';
 export * from './ExpandableTable';
+export * from './ResponsiveLayoutTable';
 export * from './Skeleton';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,cAAc,iBAAiB,CAAA;AAG/B,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,QAAQ,CAAA;AACtB,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,oBAAoB,CAAA;AAClC,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,eAAe,CAAA;AAC7B,cAAc,kBAAkB,CAAA;AAChC,cAAc,cAAc,CAAA;AAC5B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,oBAAoB,CAAA;AAClC,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,oBAAoB,CAAA;AAClC,cAAc,wBAAwB,CAAA;AACtC,cAAc,oBAAoB,CAAA;AAClC,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,OAAO,CAAA;AACrB,cAAc,YAAY,CAAA;AAC1B,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,WAAW,CAAA;AACzB,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,cAAc,iBAAiB,CAAA;AAG/B,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,QAAQ,CAAA;AACtB,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,oBAAoB,CAAA;AAClC,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,eAAe,CAAA;AAC7B,cAAc,kBAAkB,CAAA;AAChC,cAAc,cAAc,CAAA;AAC5B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,oBAAoB,CAAA;AAClC,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,oBAAoB,CAAA;AAClC,cAAc,SAAS,CAAA;AACvB,cAAc,wBAAwB,CAAA;AACtC,cAAc,UAAU,CAAA;AACxB,cAAc,oBAAoB,CAAA;AAClC,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,OAAO,CAAA;AACrB,cAAc,YAAY,CAAA;AAC1B,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,qBAAqB,CAAA;AACnC,cAAc,eAAe,CAAA;AAC7B,cAAc,WAAW,CAAA;AACzB,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,yBAAyB,CAAA;AACvC,cAAc,YAAY,CAAA"}

package/dist/globals.css

@@ -7,6 +7,7 @@
 @import './styles/white-label.css';
 @import './styles/token-colors.css';
 @import './styles/token-sizes.css';
+@import './styles/legacy-tokens.css';
 @import './styles/typography.css';
 @import './styles/animations.css';
 @import './styles/utilities.css';

package/dist/hooks/use-is-breakpoint.d.ts

@@ -1,3 +1,5 @@
+export declare const useIsMinXs: () => boolean;
+export declare const useIsMaxXs: () => boolean;
 export declare const useIsMinSm: () => boolean;
 export declare const useIsMaxSm: () => boolean;
 export declare const useIsMinMd: () => boolean;
@@ -10,4 +12,13 @@ export declare const useIsMin2xl: () => boolean;
 export declare const useIsMax2xl: () => boolean;
 export declare const useIsMin3xl: () => boolean;
 export declare const useIsMax3xl: () => boolean;
+/**
+ * Named breakpoint matching the project's Tailwind breakpoint scale.
+ */
+export type ResponsiveBreakpoint = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
+/**
+ * Returns the current match state of all named breakpoints.
+ * Each key is `true` when the viewport is at or above that breakpoint.
+ */
+export declare const useBreakpoints: () => Record<ResponsiveBreakpoint, boolean>;
 //# sourceMappingURL=use-is-breakpoint.d.ts.map

package/dist/hooks/use-is-breakpoint.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-is-breakpoint.d.ts","sourceRoot":"","sources":["../../src/hooks/use-is-breakpoint.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,UAAU,eAEtB,CAAA;AAED,eAAO,MAAM,UAAU,eAEtB,CAAA;AAED,eAAO,MAAM,UAAU,eAEtB,CAAA;AAED,eAAO,MAAM,UAAU,eAEtB,CAAA;AAED,eAAO,MAAM,UAAU,eAEtB,CAAA;AAED,eAAO,MAAM,UAAU,eAEtB,CAAA;AAED,eAAO,MAAM,UAAU,eAEtB,CAAA;AAED,eAAO,MAAM,UAAU,eAEtB,CAAA;AAED,eAAO,MAAM,WAAW,eAEvB,CAAA;AAED,eAAO,MAAM,WAAW,eAEvB,CAAA;AAED,eAAO,MAAM,WAAW,eAEvB,CAAA;AAED,eAAO,MAAM,WAAW,eAEvB,CAAA"}
+{"version":3,"file":"use-is-breakpoint.d.ts","sourceRoot":"","sources":["../../src/hooks/use-is-breakpoint.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,UAAU,eAEtB,CAAA;AAED,eAAO,MAAM,UAAU,eAEtB,CAAA;AAED,eAAO,MAAM,UAAU,eAEtB,CAAA;AAED,eAAO,MAAM,UAAU,eAEtB,CAAA;AAED,eAAO,MAAM,UAAU,eAEtB,CAAA;AAED,eAAO,MAAM,UAAU,eAEtB,CAAA;AAED,eAAO,MAAM,UAAU,eAEtB,CAAA;AAED,eAAO,MAAM,UAAU,eAEtB,CAAA;AAED,eAAO,MAAM,UAAU,eAEtB,CAAA;AAED,eAAO,MAAM,UAAU,eAEtB,CAAA;AAED,eAAO,MAAM,WAAW,eAEvB,CAAA;AAED,eAAO,MAAM,WAAW,eAEvB,CAAA;AAED,eAAO,MAAM,WAAW,eAEvB,CAAA;AAED,eAAO,MAAM,WAAW,eAEvB,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAC5B,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,GACL,KAAK,CAAA;AAET;;;GAGG;AACH,eAAO,MAAM,cAAc,QAAO,MAAM,CAAC,oBAAoB,EAAE,OAAO,CAQpE,CAAA"}

package/dist/hooks/use-is-breakpoint.js

@@ -1,16 +1,27 @@
-import { useMediaQuery as t } from "./use-media-query.js";
-const s = 40, n = 48, e = 64, r = 80, m = 100, i = 120, o = () => t(`(min-width: ${s}rem)`), c = () => t(`(max-width: ${s}rem)`), I = () => t(`(min-width: ${n}rem)`), x = () => t(`(max-width: ${n}rem)`), M = () => t(`(min-width: ${e}rem)`), d = () => t(`(max-width: ${e}rem)`), a = () => t(`(min-width: ${r}rem)`), h = () => t(`(max-width: ${r}rem)`), w = () => t(`(min-width: ${m}rem)`), $ = () => t(`(max-width: ${m}rem)`), X = () => t(`(min-width: ${i}rem)`), l = () => t(`(max-width: ${i}rem)`);
+import { useMediaQuery as s } from "./use-media-query.js";
+const t = 21, n = 40, e = 48, r = 64, m = 80, u = 100, i = 120, h = () => s(`(min-width: ${t}rem)`), w = () => s(`(max-width: ${t}rem)`), o = () => s(`(min-width: ${n}rem)`), $ = () => s(`(max-width: ${n}rem)`), x = () => s(`(min-width: ${e}rem)`), X = () => s(`(max-width: ${e}rem)`), c = () => s(`(min-width: ${r}rem)`), l = () => s(`(max-width: ${r}rem)`), I = () => s(`(min-width: ${m}rem)`), B = () => s(`(max-width: ${m}rem)`), M = () => s(`(min-width: ${u}rem)`), A = () => s(`(max-width: ${u}rem)`), d = () => s(`(min-width: ${i}rem)`), E = () => s(`(max-width: ${i}rem)`), K = () => ({
+  xs: !0,
+  sm: o(),
+  md: x(),
+  lg: c(),
+  xl: I(),
+  "2xl": M(),
+  "3xl": d()
+});
 export {
-  $ as useIsMax2xl,
-  l as useIsMax3xl,
-  d as useIsMaxLg,
-  x as useIsMaxMd,
-  c as useIsMaxSm,
-  h as useIsMaxXl,
-  w as useIsMin2xl,
-  X as useIsMin3xl,
-  M as useIsMinLg,
-  I as useIsMinMd,
+  K as useBreakpoints,
+  A as useIsMax2xl,
+  E as useIsMax3xl,
+  l as useIsMaxLg,
+  X as useIsMaxMd,
+  $ as useIsMaxSm,
+  B as useIsMaxXl,
+  w as useIsMaxXs,
+  M as useIsMin2xl,
+  d as useIsMin3xl,
+  c as useIsMinLg,
+  x as useIsMinMd,
   o as useIsMinSm,
-  a as useIsMinXl
+  I as useIsMinXl,
+  h as useIsMinXs
 };