@vkzstudio/muza-ui 1.0.45 → 1.0.47

package/dist/components/Carousel/Carousel.js

@@ -0,0 +1,241 @@
+import { jsx as m, jsxs as H } from "react/jsx-runtime";
+import * as o from "react";
+import j from "embla-carousel-react";
+import { Flex as B } from "../Flex/Flex.js";
+import { useMuzaTranslations as y } from "../../translations/TranslationContext.js";
+import { ButtonArrow as z } from "../ButtonArrow/ButtonArrow.js";
+import { SliderIndicators as F } from "../SliderIndicators/SliderIndicators.js";
+import { cn as b } from "../../utils/cn.js";
+const P = o.createContext(null), x = () => {
+  const t = o.useContext(P);
+  if (!t)
+    throw new Error("useCarousel must be used within a <Carousel />");
+  return t;
+}, M = o.forwardRef(
+  ({
+    orientation: t = "horizontal",
+    opts: l,
+    setApi: n,
+    plugins: a,
+    className: u,
+    children: c,
+    ...f
+  }, p) => {
+    const [C, e] = j(
+      {
+        ...l,
+        axis: t === "horizontal" ? "x" : "y"
+      },
+      a
+    ), [h, s] = o.useState(!1), [i, w] = o.useState(!1), [R, D] = o.useState(0), [E, L] = o.useState(0), d = o.useCallback((r) => {
+      r && (D(r.selectedScrollSnap()), s(r.canScrollPrev()), w(r.canScrollNext()));
+    }, []), v = o.useCallback((r) => {
+      r && L(r.scrollSnapList().length);
+    }, []), S = o.useCallback(() => {
+      e == null || e.scrollPrev();
+    }, [e]), N = o.useCallback(() => {
+      e == null || e.scrollNext();
+    }, [e]), A = o.useCallback(
+      (r) => {
+        e == null || e.scrollTo(r);
+      },
+      [e]
+    ), k = o.useCallback(
+      (r) => {
+        const K = t === "horizontal" ? "ArrowLeft" : "ArrowUp", T = t === "horizontal" ? "ArrowRight" : "ArrowDown";
+        r.key === K ? (r.preventDefault(), S()) : r.key === T && (r.preventDefault(), N());
+      },
+      [t, S, N]
+    );
+    o.useEffect(() => {
+      !e || !n || n(e);
+    }, [e, n]), o.useEffect(() => {
+      if (e)
+        return L(e.scrollSnapList().length), d(e), e.on("select", d), e.on("reInit", d), e.on("reInit", v), () => {
+          e.off("select", d), e.off("reInit", d), e.off("reInit", v);
+        };
+    }, [e, d, v]);
+    const g = [], I = [];
+    return o.Children.forEach(c, (r) => {
+      o.isValidElement(r) && r.type === J ? g.push(r) : I.push(r);
+    }), /* @__PURE__ */ m(
+      P.Provider,
+      {
+        value: {
+          carouselRef: C,
+          api: e,
+          opts: l,
+          orientation: t,
+          plugins: a,
+          scrollPrev: S,
+          scrollNext: N,
+          canScrollPrev: h,
+          canScrollNext: i,
+          selectedIndex: R,
+          scrollTo: A,
+          slidesCount: E
+        },
+        children: /* @__PURE__ */ H(
+          "div",
+          {
+            ref: p,
+            onKeyDownCapture: k,
+            className: u,
+            role: "region",
+            "aria-roledescription": "carousel",
+            ...f,
+            children: [
+              /* @__PURE__ */ m("div", { className: "relative", children: I }),
+              g
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+M.displayName = "Carousel";
+const U = o.forwardRef(
+  ({ className: t, ...l }, n) => {
+    const { carouselRef: a, orientation: u } = x(), c = u === "horizontal";
+    return /* @__PURE__ */ m("div", { ref: a, className: "overflow-hidden", children: /* @__PURE__ */ m(
+      B,
+      {
+        ref: n,
+        direction: c ? "row" : "column",
+        className: b(
+          c ? "-ml-comp-carousel-gap" : "-mt-comp-carousel-gap",
+          t
+        ),
+        ...l
+      }
+    ) });
+  }
+);
+U.displayName = "CarouselContent";
+const V = o.forwardRef(
+  ({ className: t, ...l }, n) => {
+    const { orientation: a } = x();
+    return /* @__PURE__ */ m(
+      "div",
+      {
+        ref: n,
+        role: "group",
+        "aria-roledescription": "slide",
+        className: b(
+          "min-w-0 shrink-0 grow-0 basis-full",
+          {
+            "pl-comp-carousel-gap": a === "horizontal",
+            "pt-comp-carousel-gap": a !== "horizontal"
+          },
+          t
+        ),
+        ...l
+      }
+    );
+  }
+);
+V.displayName = "CarouselItem";
+const q = o.forwardRef(
+  ({
+    className: t,
+    size: l = "default",
+    ariaLabel: n,
+    onClick: a,
+    ...u
+  }, c) => {
+    const { orientation: f, scrollPrev: p, canScrollPrev: C } = x(), e = y(), h = n ?? e.carousel.previousAriaLabel, s = f === "horizontal", i = l === "sm";
+    return /* @__PURE__ */ m(
+      z,
+      {
+        ref: c,
+        direction: "left",
+        size: l,
+        disabled: !C,
+        "aria-label": h,
+        onClick: (w) => {
+          p(), a == null || a(w);
+        },
+        className: b(
+          "absolute",
+          {
+            "top-1/2 -translate-y-1/2": s,
+            "left-1/2 -translate-x-1/2 rotate-90": !s,
+            "-left-comp-carousel-arrow-offset-sm": s && i,
+            "-left-comp-carousel-arrow-offset": s && !i,
+            "-top-comp-carousel-arrow-offset-v-sm": !s && i,
+            "-top-comp-carousel-arrow-offset-v": !s && !i
+          },
+          t
+        ),
+        ...u
+      }
+    );
+  }
+);
+q.displayName = "CarouselPrevious";
+const G = o.forwardRef(
+  ({
+    className: t,
+    size: l = "default",
+    ariaLabel: n,
+    onClick: a,
+    ...u
+  }, c) => {
+    const { orientation: f, scrollNext: p, canScrollNext: C } = x(), e = y(), h = n ?? e.carousel.nextAriaLabel, s = f === "horizontal", i = l === "sm";
+    return /* @__PURE__ */ m(
+      z,
+      {
+        ref: c,
+        direction: "right",
+        size: l,
+        disabled: !C,
+        "aria-label": h,
+        onClick: (w) => {
+          p(), a == null || a(w);
+        },
+        className: b(
+          "absolute",
+          {
+            "top-1/2 -translate-y-1/2": s,
+            "left-1/2 -translate-x-1/2 rotate-90": !s,
+            "-right-comp-carousel-arrow-offset-sm": s && i,
+            "-right-comp-carousel-arrow-offset": s && !i,
+            "-bottom-comp-carousel-arrow-offset-v-sm": !s && i,
+            "-bottom-comp-carousel-arrow-offset-v": !s && !i
+          },
+          t
+        ),
+        ...u
+      }
+    );
+  }
+);
+G.displayName = "CarouselNext";
+const J = ({
+  className: t,
+  ariaLabel: l,
+  buttonAriaLabel: n
+}) => {
+  const { selectedIndex: a, scrollTo: u, slidesCount: c } = x(), f = y();
+  return c <= 1 ? null : /* @__PURE__ */ m(
+    F,
+    {
+      count: c,
+      activeIndex: a,
+      onDotClick: u,
+      interactive: !0,
+      className: b("mt-comp-carousel-dots-gap", t),
+      ariaLabel: l ?? f.carousel.dotsAriaLabel,
+      buttonAriaLabel: n ?? f.carousel.dotAriaLabel
+    }
+  );
+};
+export {
+  M as Carousel,
+  U as CarouselContent,
+  J as CarouselDots,
+  V as CarouselItem,
+  G as CarouselNext,
+  q as CarouselPrevious
+};

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

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { Carousel } from './Carousel';
+declare const meta: Meta<typeof Carousel>;
+export default meta;
+type Story = StoryObj<typeof Carousel>;
+export declare const Default: Story;
+export declare const Vertical: Story;
+export declare const MultipleVisible: Story;
+export declare const WithLinks: Story;
+export declare const Looping: Story;
+export declare const SmallArrows: Story;
+export declare const NoDots: Story;
+//# sourceMappingURL=Carousel.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/Carousel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAG3D,OAAO,EACL,QAAQ,EAMT,MAAM,YAAY,CAAA;AAEnB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAuC/B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAA;AAiCtC,eAAO,MAAM,OAAO,EAAE,KA4BrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAiCtB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KA4B7B,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAyCvB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KA8BrB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KA6BzB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KA2BpB,CAAA"}

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"DataTable.stories.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTable.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAQ3D,QAAA,MAAM,IAAI,EAAE,IAkDX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AA8FrB,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAA;AAaD,eAAO,MAAM,WAAW,EAAE,KAazB,CAAA;AA0CD,eAAO,MAAM,iBAAiB,EAAE,KAa/B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAgB1B,CAAA;AAUD,eAAO,MAAM,kBAAkB,EAAE,KAwIhC,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAwJ1B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAgB1B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KActB,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAclC,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAqEzB,CAAA"}
+{"version":3,"file":"DataTable.stories.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTable.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAQ3D,QAAA,MAAM,IAAI,EAAE,IAkDX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AA+FrB,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAA;AAaD,eAAO,MAAM,WAAW,EAAE,KAazB,CAAA;AA0CD,eAAO,MAAM,iBAAiB,EAAE,KAa/B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAgB1B,CAAA;AAUD,eAAO,MAAM,kBAAkB,EAAE,KAwIhC,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAwJ1B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAgB1B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KActB,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAclC,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAqEzB,CAAA"}

package/dist/components/DropdownMenu/DropdownMenu.js

@@ -3,9 +3,9 @@ import * as m from "react";
 import * as a from "@radix-ui/react-dropdown-menu";
 import { cva as N } from "class-variance-authority";
 import { Button as I } from "../Button/Button.js";
-import { Flex as D } from "../Flex/Flex.js";
 import { cn as s } from "../../utils/cn.js";
 import { UnreadOutline as x } from "@solar-icons/react-perf";
+import { Flex as D } from "../Flex/Flex.js";
 import { Typography as f } from "../Typography/Typography.js";
 const g = m.createContext(null), M = () => m.useContext(g), B = ({ ...o }) => /* @__PURE__ */ e(a.Root, { "data-slot": "dropdown-menu", ...o }), F = ({ ...o }) => /* @__PURE__ */ e(a.Portal, { "data-slot": "dropdown-menu-portal", ...o }), H = ({ ...o }) => /* @__PURE__ */ e(
   a.Trigger,

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

@@ -1 +1 @@
-{"version":3,"file":"EdgeButton.stories.d.ts","sourceRoot":"","sources":["../../../src/components/EdgeButton/EdgeButton.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAI3D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAIzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAkGjC,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAExC,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KActB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAqD/B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAmD3B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAexB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAe3B,CAAA;AAaD,eAAO,MAAM,gBAAgB,EAAE,KA+H9B,CAAA"}
+{"version":3,"file":"EdgeButton.stories.d.ts","sourceRoot":"","sources":["../../../src/components/EdgeButton/EdgeButton.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAI3D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAIzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAkGjC,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAExC,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KActB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAqD/B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAmD3B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAexB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAe3B,CAAA;AAcD,eAAO,MAAM,gBAAgB,EAAE,KA+H9B,CAAA"}

package/dist/components/Flex/Flex.d.ts

@@ -1,6 +1,377 @@
 import { VariantProps } from 'class-variance-authority';
 import { SpacingProps } from '../../utils/spacing';
 import * as React from 'react';
+/**
+ * Reusable layout-variant block — the direction/wrap/justify/align/flex
+ * variants plus all spacing variants. Exposed so other cva-based components
+ * (e.g. Card) can compose Flex's full layout API into a single cva call
+ * without duplicating definitions.
+ */
+export declare const flexLayoutVariants: {
+    gap: {
+        none: string;
+        '3xs': string;
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        '4xl': string;
+        '5xl': string;
+        '6xl': string;
+        '7xl': string;
+        '8xl': string;
+        '9xl': string;
+        '10xl': string;
+    };
+    gapX: {
+        none: string;
+        '3xs': string;
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        '4xl': string;
+        '5xl': string;
+        '6xl': string;
+        '7xl': string;
+        '8xl': string;
+        '9xl': string;
+        '10xl': string;
+    };
+    gapY: {
+        none: string;
+        '3xs': string;
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        '4xl': string;
+        '5xl': string;
+        '6xl': string;
+        '7xl': string;
+        '8xl': string;
+        '9xl': string;
+        '10xl': string;
+    };
+    p: {
+        none: string;
+        '3xs': string;
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        '4xl': string;
+        '5xl': string;
+        '6xl': string;
+        '7xl': string;
+        '8xl': string;
+        '9xl': string;
+        '10xl': string;
+    };
+    px: {
+        none: string;
+        '3xs': string;
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        '4xl': string;
+        '5xl': string;
+        '6xl': string;
+        '7xl': string;
+        '8xl': string;
+        '9xl': string;
+        '10xl': string;
+    };
+    py: {
+        none: string;
+        '3xs': string;
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        '4xl': string;
+        '5xl': string;
+        '6xl': string;
+        '7xl': string;
+        '8xl': string;
+        '9xl': string;
+        '10xl': string;
+    };
+    pt: {
+        none: string;
+        '3xs': string;
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        '4xl': string;
+        '5xl': string;
+        '6xl': string;
+        '7xl': string;
+        '8xl': string;
+        '9xl': string;
+        '10xl': string;
+    };
+    pr: {
+        none: string;
+        '3xs': string;
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        '4xl': string;
+        '5xl': string;
+        '6xl': string;
+        '7xl': string;
+        '8xl': string;
+        '9xl': string;
+        '10xl': string;
+    };
+    pb: {
+        none: string;
+        '3xs': string;
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        '4xl': string;
+        '5xl': string;
+        '6xl': string;
+        '7xl': string;
+        '8xl': string;
+        '9xl': string;
+        '10xl': string;
+    };
+    pl: {
+        none: string;
+        '3xs': string;
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        '4xl': string;
+        '5xl': string;
+        '6xl': string;
+        '7xl': string;
+        '8xl': string;
+        '9xl': string;
+        '10xl': string;
+    };
+    m: {
+        none: string;
+        '3xs': string;
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        '4xl': string;
+        '5xl': string;
+        '6xl': string;
+        '7xl': string;
+        '8xl': string;
+        '9xl': string;
+        '10xl': string;
+    };
+    mx: {
+        none: string;
+        '3xs': string;
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        '4xl': string;
+        '5xl': string;
+        '6xl': string;
+        '7xl': string;
+        '8xl': string;
+        '9xl': string;
+        '10xl': string;
+    };
+    my: {
+        none: string;
+        '3xs': string;
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        '4xl': string;
+        '5xl': string;
+        '6xl': string;
+        '7xl': string;
+        '8xl': string;
+        '9xl': string;
+        '10xl': string;
+    };
+    mt: {
+        none: string;
+        '3xs': string;
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        '4xl': string;
+        '5xl': string;
+        '6xl': string;
+        '7xl': string;
+        '8xl': string;
+        '9xl': string;
+        '10xl': string;
+    };
+    mr: {
+        none: string;
+        '3xs': string;
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        '4xl': string;
+        '5xl': string;
+        '6xl': string;
+        '7xl': string;
+        '8xl': string;
+        '9xl': string;
+        '10xl': string;
+    };
+    mb: {
+        none: string;
+        '3xs': string;
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        '4xl': string;
+        '5xl': string;
+        '6xl': string;
+        '7xl': string;
+        '8xl': string;
+        '9xl': string;
+        '10xl': string;
+    };
+    ml: {
+        none: string;
+        '3xs': string;
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        '4xl': string;
+        '5xl': string;
+        '6xl': string;
+        '7xl': string;
+        '8xl': string;
+        '9xl': string;
+        '10xl': string;
+    };
+    direction: {
+        row: string;
+        column: string;
+        'row-reverse': string;
+        'column-reverse': string;
+    };
+    wrap: {
+        nowrap: string;
+        wrap: string;
+        'wrap-reverse': string;
+    };
+    justify: {
+        start: string;
+        end: string;
+        center: string;
+        between: string;
+        around: string;
+        evenly: string;
+        stretch: string;
+    };
+    align: {
+        start: string;
+        end: string;
+        center: string;
+        baseline: string;
+        stretch: string;
+    };
+    flex: {
+        1: string;
+        auto: string;
+        initial: string;
+        none: string;
+    };
+};
+/** Default values for `flexLayoutVariants`, mirrored on the Flex component. */
+export declare const flexLayoutDefaults: {
+    readonly direction: "row";
+    readonly wrap: "nowrap";
+    readonly justify: "start";
+    readonly align: "stretch";
+};
 declare const flexVariants: (props?: ({
     gap?: "none" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
     gapX?: "none" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
@@ -21,7 +392,7 @@ declare const flexVariants: (props?: ({
     ml?: "none" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
     direction?: "row" | "column" | "row-reverse" | "column-reverse" | null | undefined;
     wrap?: "wrap" | "nowrap" | "wrap-reverse" | null | undefined;
-    justify?: "end" | "start" | "center" | "between" | "around" | "evenly" | "stretch" | null | undefined;
+    justify?: "end" | "start" | "center" | "stretch" | "between" | "around" | "evenly" | null | undefined;
     align?: "end" | "start" | "center" | "baseline" | "stretch" | null | undefined;
     flex?: 1 | "none" | "auto" | "initial" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

@@ -1 +1 @@
-{"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../../src/components/Flex/Flex.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAA;AAEjE,OAAO,EACL,KAAK,YAAY,EAGlB,MAAM,iBAAiB,CAAA;AAExB,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;8EA+CjB,CAAA;AAED,KAAK,cAAc,GAAG,MAAM,KAAK,CAAC,GAAG,CAAC,iBAAiB,GACrD,MAAM,qBAAqB,CAAA;AAE7B;;;GAGG;AACH,MAAM,WAAW,SACf,SAAQ,IAAI,CACR,YAAY,CAAC,OAAO,YAAY,CAAC,EAC/B,KAAK,GACL,MAAM,GACN,MAAM,GACN,GAAG,GACH,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,GAAG,GACH,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,WAAW,GACX,MAAM,GACN,SAAS,GACT,OAAO,GACP,MAAM,CACT,EACD,YAAY;IACd,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,iEAAiE;IACjE,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,2EAA2E;IAC3E,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,kEAAkE;IAClE,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,aAAa,GAAG,gBAAgB,CAAA;IAC/D,4EAA4E;IAC5E,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,cAAc,CAAA;IACzC,yDAAyD;IACzD,OAAO,CAAC,EACJ,OAAO,GACP,KAAK,GACL,QAAQ,GACR,SAAS,GACT,QAAQ,GACR,QAAQ,GACR,SAAS,CAAA;IACb,4DAA4D;IAC5D,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAA;IAC3D,0CAA0C;IAC1C,IAAI,CAAC,EAAE,CAAC,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAA;IACtC;;;;;;;OAOG;IACH,GAAG,CAAC,EAAE,YAAY,CAAC,KAAK,CAAC,CAAA;IACzB;;;;;;;;;OASG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAA;IACjC;;;;;;;;;OASG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAA;CAChC;AAED,QAAA,MAAM,IAAI,+EA4CT,CAAA;AAID,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../../src/components/Flex/Flex.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAA;AAEjE,OAAO,EACL,KAAK,YAAY,EAGlB,MAAM,iBAAiB,CAAA;AAExB;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmC9B,CAAA;AAED,+EAA+E;AAC/E,eAAO,MAAM,kBAAkB;;;;;CAKrB,CAAA;AAEV,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;8EAGhB,CAAA;AAEF,KAAK,cAAc,GAAG,MAAM,KAAK,CAAC,GAAG,CAAC,iBAAiB,GACrD,MAAM,qBAAqB,CAAA;AAE7B;;;GAGG;AACH,MAAM,WAAW,SACf,SAAQ,IAAI,CACR,YAAY,CAAC,OAAO,YAAY,CAAC,EAC/B,KAAK,GACL,MAAM,GACN,MAAM,GACN,GAAG,GACH,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,GAAG,GACH,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,WAAW,GACX,MAAM,GACN,SAAS,GACT,OAAO,GACP,MAAM,CACT,EACD,YAAY;IACd,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,iEAAiE;IACjE,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,2EAA2E;IAC3E,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,kEAAkE;IAClE,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,aAAa,GAAG,gBAAgB,CAAA;IAC/D,4EAA4E;IAC5E,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,cAAc,CAAA;IACzC,yDAAyD;IACzD,OAAO,CAAC,EACJ,OAAO,GACP,KAAK,GACL,QAAQ,GACR,SAAS,GACT,QAAQ,GACR,QAAQ,GACR,SAAS,CAAA;IACb,4DAA4D;IAC5D,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAA;IAC3D,0CAA0C;IAC1C,IAAI,CAAC,EAAE,CAAC,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAA;IACtC;;;;;;;OAOG;IACH,GAAG,CAAC,EAAE,YAAY,CAAC,KAAK,CAAC,CAAA;IACzB;;;;;;;;;OASG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAA;IACjC;;;;;;;;;OASG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAA;CAChC;AAED,QAAA,MAAM,IAAI,+EA4CT,CAAA;AAID,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,CAAA"}