@vkzstudio/muza-ui 1.0.44 → 1.0.45

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/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

@@ -44,10 +44,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,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,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/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
 };