@vkzstudio/muza-ui 1.0.45 → 1.0.47

package/dist/components/Flex/Flex.js

@@ -1,55 +1,51 @@
 import * as e from "react";
-import { cva as v } from "class-variance-authority";
-import { getSpacingVariants as y, spacingVariantDefinitions as j } from "../../utils/spacing.js";
+import { cva as d } from "class-variance-authority";
+import { spacingVariantDefinitions as v, getSpacingVariants as j } from "../../utils/spacing.js";
 import { cn as g } from "../../utils/cn.js";
-const h = v(
-  // Base classes
-  "flex",
-  {
-    variants: {
-      direction: {
-        row: "flex-row",
-        column: "flex-col",
-        "row-reverse": "flex-row-reverse",
-        "column-reverse": "flex-col-reverse"
-      },
-      wrap: {
-        nowrap: "flex-nowrap",
-        wrap: "flex-wrap",
-        "wrap-reverse": "flex-wrap-reverse"
-      },
-      justify: {
-        start: "justify-start",
-        end: "justify-end",
-        center: "justify-center",
-        between: "justify-between",
-        around: "justify-around",
-        evenly: "justify-evenly",
-        stretch: "justify-stretch"
-      },
-      align: {
-        start: "items-start",
-        end: "items-end",
-        center: "items-center",
-        baseline: "items-baseline",
-        stretch: "items-stretch"
-      },
-      flex: {
-        1: "flex-1",
-        auto: "flex-auto",
-        initial: "flex-initial",
-        none: "flex-none"
-      },
-      ...j
-    },
-    defaultVariants: {
-      direction: "row",
-      wrap: "nowrap",
-      justify: "start",
-      align: "stretch"
-    }
-  }
-), V = e.forwardRef(
+const V = {
+  direction: {
+    row: "flex-row",
+    column: "flex-col",
+    "row-reverse": "flex-row-reverse",
+    "column-reverse": "flex-col-reverse"
+  },
+  wrap: {
+    nowrap: "flex-nowrap",
+    wrap: "flex-wrap",
+    "wrap-reverse": "flex-wrap-reverse"
+  },
+  justify: {
+    start: "justify-start",
+    end: "justify-end",
+    center: "justify-center",
+    between: "justify-between",
+    around: "justify-around",
+    evenly: "justify-evenly",
+    stretch: "justify-stretch"
+  },
+  align: {
+    start: "items-start",
+    end: "items-end",
+    center: "items-center",
+    baseline: "items-baseline",
+    stretch: "items-stretch"
+  },
+  flex: {
+    1: "flex-1",
+    auto: "flex-auto",
+    initial: "flex-initial",
+    none: "flex-none"
+  },
+  ...v
+}, h = {
+  direction: "row",
+  wrap: "nowrap",
+  justify: "start",
+  align: "stretch"
+}, b = d("flex", {
+  variants: V,
+  defaultVariants: h
+}), D = e.forwardRef(
   ({
     children: t,
     className: r,
@@ -61,35 +57,37 @@ const h = v(
     flex: l,
     gap: f,
     padding: c,
-    margin: m,
-    component: p = "div",
-    ...u
-  }, w) => {
-    const x = p ?? "div", d = y({ gap: f, padding: c, margin: m });
+    margin: u,
+    component: m = "div",
+    ...p
+  }, x) => {
+    const w = m ?? "div", y = j({ gap: f, padding: c, margin: u });
     return e.createElement(
-      x,
+      w,
       {
-        ref: w,
+        ref: x,
         className: g(
-          h({
+          b({
             direction: n,
             wrap: s,
             justify: i,
             align: o,
             flex: l,
-            ...d
+            ...y
           }),
           r
         ),
         style: a,
-        ...u
+        ...p
       },
       t
     );
   }
 );
-V.displayName = "Flex";
+D.displayName = "Flex";
 export {
-  V as Flex,
-  h as flexVariants
+  D as Flex,
+  h as flexLayoutDefaults,
+  V as flexLayoutVariants,
+  b as flexVariants
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Flex.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Flex/Flex.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAiB7B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAgI3B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAGlC,eAAO,MAAM,UAAU,EAAE,KAmBxB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAmBtB,CAAA;AAGD,eAAO,MAAM,YAAY,EAAE,KAoB1B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAoB3B,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAmB5B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAmB3B,CAAA;AAGD,eAAO,MAAM,UAAU,EAAE,KAoBxB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAoBzB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAoB1B,CAAA;AAGD,eAAO,MAAM,MAAM,EAAE,KAsBpB,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,KAqBlB,CAAA;AAGD,eAAO,MAAM,QAAQ,EAAE,KAkBtB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAkBtB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAsB5B,CAAA;AAGD,eAAO,MAAM,QAAQ,EAAE,KAmBtB,CAAA;AAGD,eAAO,MAAM,WAAW,EAAE,KAoBzB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAqB9B,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,KAqBpC,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAoBxB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAqB7B,CAAA;AAED,eAAO,MAAM,qBAAqB,EAAE,KAqBnC,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAwBhC,CAAA;AAGD,eAAO,MAAM,SAAS,EAAE,KAoBvB,CAAA;AAGD,eAAO,MAAM,UAAU,EAAE,KA2BxB,CAAA"}
+{"version":3,"file":"Flex.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Flex/Flex.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAkB7B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAgI3B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAGlC,eAAO,MAAM,UAAU,EAAE,KAmBxB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAmBtB,CAAA;AAGD,eAAO,MAAM,YAAY,EAAE,KAoB1B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAoB3B,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAmB5B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAmB3B,CAAA;AAGD,eAAO,MAAM,UAAU,EAAE,KAoBxB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAoBzB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAoB1B,CAAA;AAGD,eAAO,MAAM,MAAM,EAAE,KAsBpB,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,KAqBlB,CAAA;AAGD,eAAO,MAAM,QAAQ,EAAE,KAkBtB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAkBtB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAsB5B,CAAA;AAGD,eAAO,MAAM,QAAQ,EAAE,KAmBtB,CAAA;AAGD,eAAO,MAAM,WAAW,EAAE,KAoBzB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAqB9B,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,KAqBpC,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAoBxB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAqB7B,CAAA;AAED,eAAO,MAAM,qBAAqB,EAAE,KAqBnC,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAwBhC,CAAA;AAGD,eAAO,MAAM,SAAS,EAAE,KAoBvB,CAAA;AAGD,eAAO,MAAM,UAAU,EAAE,KA2BxB,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"Icons.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/Icons.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAG3D,QAAA,MAAM,IAAI,kDAAuB,CAAA;AAEjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CA8C3B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAerB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAyBxB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAyCnB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KA4BpB,CAAA;AAsBD,eAAO,MAAM,gBAAgB,EAAE,KA8C9B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAcxB,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAsBjC,CAAA"}
+{"version":3,"file":"Icons.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/Icons.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAG3D,QAAA,MAAM,IAAI,kDAAuB,CAAA;AAEjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CA8C3B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAerB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAyBxB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAyCnB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KA4BpB,CAAA;AAuBD,eAAO,MAAM,gBAAgB,EAAE,KA8C9B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAcxB,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAsBjC,CAAA"}

package/dist/components/Icons/LogosAndBadges.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LogosAndBadges.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/LogosAndBadges.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAI3D,QAAA,MAAM,IAAI,EAAE,IAeX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAwBrB,eAAO,MAAM,KAAK,EAAE,KAoBnB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAyBpB,CAAA"}
+{"version":3,"file":"LogosAndBadges.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/LogosAndBadges.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAI3D,QAAA,MAAM,IAAI,EAAE,IAeX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAyBrB,eAAO,MAAM,KAAK,EAAE,KAoBnB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAyBpB,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"MultiSelect.stories.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSelect/MultiSelect.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAQ3D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAqB3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CA4HlC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAsBlC,eAAO,MAAM,OAAO,EAAE,KAerB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAmB9B,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAkBvB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAgBtB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA4DtB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAoBzB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAqB5B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAgBxB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAuBzB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KA2C5B,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAoDhC,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAkCjC,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAqBvB,CAAA"}
+{"version":3,"file":"MultiSelect.stories.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSelect/MultiSelect.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAQ3D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAqB3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CA4HlC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAuBlC,eAAO,MAAM,OAAO,EAAE,KAerB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAmB9B,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAkBvB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAgBtB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA4DtB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAoBzB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAqB5B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAgBxB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAuBzB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KA2C5B,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAoDhC,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAkCjC,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAqBvB,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"MuzaUIProvider.stories.d.ts","sourceRoot":"","sources":["../../../src/components/MuzaUIProvider/MuzaUIProvider.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAQ3D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAIjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAkKrC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAA;AAE5C,eAAO,MAAM,OAAO,EAAE,KAoCrB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAsBhC,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAwBjC,CAAA;AAED,eAAO,MAAM,wBAAwB,EAAE,KA+CtC,CAAA;AAqID,eAAO,MAAM,iBAAiB,EAAE,KAmC/B,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAwD7B,CAAA"}
+{"version":3,"file":"MuzaUIProvider.stories.d.ts","sourceRoot":"","sources":["../../../src/components/MuzaUIProvider/MuzaUIProvider.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAQ3D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAIjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAkKrC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAA;AAE5C,eAAO,MAAM,OAAO,EAAE,KAoCrB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAsBhC,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAwBjC,CAAA;AAED,eAAO,MAAM,wBAAwB,EAAE,KA+CtC,CAAA;AAuID,eAAO,MAAM,iBAAiB,EAAE,KAmC/B,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAwD7B,CAAA"}

package/dist/components/Pagination/Pagination.js

@@ -2,9 +2,9 @@ import { jsxs as l, jsx as n } from "react/jsx-runtime";
 import * as X from "react";
 import { useState as S, useCallback as b, useEffect as Y } from "react";
 import { useMuzaTranslations as C } from "../../translations/TranslationContext.js";
-import { ButtonArrow as z } from "../ButtonArrow/ButtonArrow.js";
 import { Select as aa } from "../Select/Select.js";
 import { Flex as p } from "../Flex/Flex.js";
+import { ButtonArrow as z } from "../ButtonArrow/ButtonArrow.js";
 import { Input as ea } from "../Input/Input.js";
 import { Typography as v } from "../Typography/Typography.js";
 const ta = [

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

@@ -1 +1 @@
-{"version":3,"file":"Pagination.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAiFjC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAExC,eAAO,MAAM,OAAO,EAAE,KAcrB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAgB1B,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAgB7B,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAgBjC,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAgB5B,CAAA;AAqBD,eAAO,MAAM,UAAU,EAAE,KAWxB,CAAA"}
+{"version":3,"file":"Pagination.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAiFjC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAExC,eAAO,MAAM,OAAO,EAAE,KAcrB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAgB1B,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAgB7B,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAgBjC,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAgB5B,CAAA;AAsBD,eAAO,MAAM,UAAU,EAAE,KAWxB,CAAA"}

package/dist/components/Progress/Progress.d.ts

@@ -0,0 +1,49 @@
+import { ComponentPropsWithoutRef } from 'react';
+import { VariantProps } from 'class-variance-authority';
+import * as ProgressPrimitive from '@radix-ui/react-progress';
+/**
+ * CVA variants for the Progress root track.
+ * Exposes the `size` variant (`sm` | `md` | `lg`) that controls bar height.
+ */
+export declare const progressVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/**
+ * Props for the Progress component.
+ * Renders a horizontal progress bar built on
+ * [Radix Progress](https://www.radix-ui.com/primitives/docs/components/progress).
+ */
+export interface ProgressProps extends ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>, VariantProps<typeof progressVariants> {
+    /**
+     * Current progress value. Numbers are clamped to the `[0, max]` range.
+     * Pass `null` (or omit) for the indeterminate state — the indicator
+     * collapses to zero width and Radix exposes `data-state="indeterminate"`
+     * for custom styling.
+     *
+     * @example
+     * <Progress value={42} />            // 42% complete
+     * <Progress value={null} />          // indeterminate
+     * <Progress value={120} max={200} /> // 60% complete with custom max
+     */
+    value?: number | null;
+    /** Maximum value the bar can reach. @default 100 */
+    max?: number;
+    /** Controls bar height. @default 'md' */
+    size?: 'sm' | 'md' | 'lg';
+    /**
+     * Sets the accessible label announced by screen readers.
+     * Falls back to `translations.progress.ariaLabel` (English: `"Progress"`).
+     */
+    ariaLabel?: string;
+    /**
+     * Applies non-interactive disabled styling. Sets `data-disabled` and
+     * `aria-disabled` on the root so track + indicator pick up the
+     * `data-[disabled]:` Tailwind variants.
+     *
+     * @default false
+     */
+    disabled?: boolean;
+}
+declare const Progress: import('react').ForwardRefExoticComponent<ProgressProps & import('react').RefAttributes<HTMLDivElement>>;
+export { Progress };
+//# sourceMappingURL=Progress.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/Progress.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,wBAAwB,EAG9B,MAAM,OAAO,CAAA;AACd,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAA;AAC7D,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAA;AAIjE;;;GAGG;AACH,eAAO,MAAM,gBAAgB;;8EAgB5B,CAAA;AAQD;;;;GAIG;AACH,MAAM,WAAW,aACf,SAAQ,wBAAwB,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,EAC7D,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC;;;;;;;;;;OAUG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,oDAAoD;IACpD,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,yCAAyC;IACzC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,QAAA,MAAM,QAAQ,0GAwCb,CAAA;AAGD,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/components/Progress/Progress.js

@@ -0,0 +1,64 @@
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as b } from "react";
+import * as t from "@radix-ui/react-progress";
+import { cva as u } from "class-variance-authority";
+import { useMuzaTranslations as h } from "../../translations/TranslationContext.js";
+import { cn as i } from "../../utils/cn.js";
+const v = u(
+  [
+    "group relative w-full overflow-hidden rounded-comp-progress-radius",
+    "bg-comp-progress-bg-track-def",
+    "data-[disabled]:bg-comp-progress-bg-track-disabled"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "h-comp-progress-h-sm",
+        md: "h-comp-progress-h-md",
+        lg: "h-comp-progress-h-lg"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+), w = i(
+  "h-full w-full flex-1 rounded-comp-progress-radius transition-transform duration-500 ease-out",
+  "bg-comp-progress-bg-fill-def",
+  "group-data-[disabled]:bg-comp-progress-bg-fill-disabled"
+), P = b(
+  ({
+    className: l,
+    value: r,
+    max: s = 100,
+    size: d = "md",
+    ariaLabel: m,
+    disabled: o = !1,
+    ...p
+  }, n) => {
+    const c = h(), g = m ?? c.progress.ariaLabel, a = typeof r == "number" ? Math.min(Math.max(r, 0), s) : null, f = a == null ? 0 : a / s * 100;
+    return /* @__PURE__ */ e(
+      t.Root,
+      {
+        ref: n,
+        value: r ?? void 0,
+        max: s,
+        "aria-label": g,
+        "aria-disabled": o || void 0,
+        "data-disabled": o ? "" : void 0,
+        className: i(v({ size: d }), l),
+        ...p,
+        children: /* @__PURE__ */ e(
+          t.Indicator,
+          {
+            className: w,
+            style: { transform: `translateX(-${100 - f}%)` }
+          }
+        )
+      }
+    );
+  }
+);
+P.displayName = "Progress";
+export {
+  P as Progress,
+  v as progressVariants
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/Progress.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAoC/B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAA;AAMtC,eAAO,MAAM,OAAO,EAAE,KAiBrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAiBtB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAoBvB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAWtB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAwBtB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAA"}

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Reorderable.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Reorderable/Reorderable.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAY3D,OAAO,EACL,gBAAgB,EAIjB,MAAM,eAAe,CAAA;AAwFtB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAsFvC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAU9C,eAAO,MAAM,OAAO,EAAE,KAiCrB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAsCxB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAuCtB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAmC5B,CAAA;AASD,eAAO,MAAM,SAAS,EAAE,KA2FvB,CAAA;AAgBD,eAAO,MAAM,cAAc,EAAE,KAsC5B,CAAA;AAmBD,eAAO,MAAM,aAAa,EAAE,KAgD3B,CAAA;AAGD,eAAO,MAAM,aAAa,EAAE,KA+E3B,CAAA;AA4BD,eAAO,MAAM,UAAU,EAAE,KAkDxB,CAAA;AA8GD,eAAO,MAAM,QAAQ,EAAE,KAsFtB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAsC3B,CAAA"}
+{"version":3,"file":"Reorderable.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Reorderable/Reorderable.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAY3D,OAAO,EACL,gBAAgB,EAIjB,MAAM,eAAe,CAAA;AAyFtB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAsFvC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAU9C,eAAO,MAAM,OAAO,EAAE,KAiCrB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAsCxB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAuCtB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAmC5B,CAAA;AASD,eAAO,MAAM,SAAS,EAAE,KA2FvB,CAAA;AAgBD,eAAO,MAAM,cAAc,EAAE,KAsC5B,CAAA;AAmBD,eAAO,MAAM,aAAa,EAAE,KAgD3B,CAAA;AAGD,eAAO,MAAM,aAAa,EAAE,KA+E3B,CAAA;AA4BD,eAAO,MAAM,UAAU,EAAE,KAkDxB,CAAA;AA+GD,eAAO,MAAM,QAAQ,EAAE,KAsFtB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAsC3B,CAAA"}

package/dist/components/Sheet/Sheet.d.ts

@@ -0,0 +1,89 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { VariantProps } from 'class-variance-authority';
+import * as SheetPrimitive from '@radix-ui/react-dialog';
+/**
+ * Props for the Sheet root component. Controls open state and modality.
+ * Extends Radix Dialog Root props.
+ */
+export interface SheetProps extends React.ComponentProps<typeof SheetPrimitive.Root> {
+    /** Controlled open state of the sheet. Pair with `onOpenChange` for controlled usage. */
+    open?: boolean;
+    /** Initial open state for uncontrolled usage. @default false */
+    defaultOpen?: boolean;
+    /** Fires when the open state changes. Receives the new open state. */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Controls whether the sheet blocks interaction with page content behind it.
+     * When `true`, renders a backdrop overlay and traps focus inside the sheet.
+     * @default true
+     */
+    modal?: boolean;
+}
+declare const Sheet: React.FC<SheetProps>;
+declare const SheetTrigger: import('react').ForwardRefExoticComponent<SheetPrimitive.DialogTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
+declare const SheetPortal: import('react').FC<SheetPrimitive.DialogPortalProps>;
+declare const SheetClose: import('react').ForwardRefExoticComponent<SheetPrimitive.DialogCloseProps & import('react').RefAttributes<HTMLButtonElement>>;
+declare const SheetTitle: import('react').ForwardRefExoticComponent<SheetPrimitive.DialogTitleProps & import('react').RefAttributes<HTMLHeadingElement>>;
+declare const SheetDescription: import('react').ForwardRefExoticComponent<SheetPrimitive.DialogDescriptionProps & import('react').RefAttributes<HTMLParagraphElement>>;
+declare const SheetOverlay: import('react').ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const sheetContentVariants: (props?: ({
+    side?: "bottom" | "left" | "right" | "top" | null | undefined;
+    size?: "small" | "medium" | "large" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/**
+ * Props for the SheetContent component. Renders the slide-out panel with
+ * backdrop and side-aware slide-in/out animations.
+ */
+export interface SheetContentProps extends ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, Omit<VariantProps<typeof sheetContentVariants>, 'side' | 'size'> {
+    /**
+     * Edge of the viewport the sheet slides in from. Determines the slide
+     * direction and which corners are rounded.
+     * @default 'right'
+     */
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    /**
+     * Controls panel size — width for `left`/`right` sides, height for
+     * `top`/`bottom` sides.
+     * @default 'medium'
+     */
+    size?: 'small' | 'medium' | 'large';
+}
+declare const SheetContent: import('react').ForwardRefExoticComponent<SheetContentProps & import('react').RefAttributes<HTMLDivElement>>;
+/**
+ * Props for the SheetHeader component. Renders a styled header with an
+ * optional icon, an accessible title (rendered via Radix `Dialog.Title`), and
+ * a close button. Extends `<div>` attributes (without `title`, which is
+ * repurposed for the sheet title content).
+ */
+export interface SheetHeaderProps extends Omit<ComponentPropsWithoutRef<'div'>, 'title'> {
+    /** Optional icon element displayed before the title. */
+    icon?: ReactNode;
+    /**
+     * Sheet title content. Falls back to `children` when not provided so the
+     * common case of `<SheetHeader>Title</SheetHeader>` keeps working.
+     */
+    title?: ReactNode;
+    /** Hides the close button in the header. @default false */
+    hideCloseButton?: boolean;
+    /**
+     * Accessible label for the close button. Falls back to the
+     * `sheet.closeAriaLabel` translation (English default: `'Close'`).
+     */
+    closeAriaLabel?: string;
+}
+declare const SheetHeader: import('react').ForwardRefExoticComponent<SheetHeaderProps & import('react').RefAttributes<HTMLDivElement>>;
+/**
+ * Props for the SheetBody component. Scrollable main content area rendered
+ * between `SheetHeader` and `SheetFooter`. Extends standard `<div>` attributes.
+ */
+export type SheetBodyProps = ComponentPropsWithoutRef<'div'>;
+declare const SheetBody: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+/**
+ * Props for the SheetFooter component. Renders a fixed footer area for action
+ * buttons with a top border separating it from `SheetBody`. Extends standard
+ * `<div>` attributes.
+ */
+export type SheetFooterProps = ComponentPropsWithoutRef<'div'>;
+declare const SheetFooter: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export { Sheet, SheetPortal, SheetOverlay, SheetClose, SheetTrigger, SheetContent, SheetHeader, SheetBody, SheetFooter, SheetTitle, SheetDescription, };
+//# sourceMappingURL=Sheet.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/Sheet.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,wBAAwB,EAE7B,KAAK,SAAS,EAEf,MAAM,OAAO,CAAA;AACd,OAAO,KAAK,cAAc,MAAM,wBAAwB,CAAA;AACxD,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAA;AAOjE;;;GAGG;AACH,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC;IACxD,yFAAyF;IACzF,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,gEAAgE;IAChE,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,sEAAsE;IACtE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAAuB,CAAA;AACvD,QAAA,MAAM,YAAY,iIAAyB,CAAA;AAC3C,QAAA,MAAM,WAAW,sDAAwB,CAAA;AACzC,QAAA,MAAM,UAAU,+HAAuB,CAAA;AACvC,QAAA,MAAM,UAAU,gIAAuB,CAAA;AACvC,QAAA,MAAM,gBAAgB,wIAA6B,CAAA;AAEnD,QAAA,MAAM,YAAY,2LAYhB,CAAA;AAGF,eAAO,MAAM,oBAAoB;;;8EAuDhC,CAAA;AAED;;;GAGG;AACH,MAAM,WAAW,iBACf,SAAQ,wBAAwB,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,EAC7D,IAAI,CAAC,YAAY,CAAC,OAAO,oBAAoB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAClE;;;;OAIG;IACH,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;IAC1C;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;CACpC;AAED,QAAA,MAAM,YAAY,8GAchB,CAAA;AAGF;;;;;GAKG;AACH,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IACtD,wDAAwD;IACxD,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,2DAA2D;IAC3D,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,QAAA,MAAM,WAAW,6GAyDhB,CAAA;AAGD;;;GAGG;AACH,MAAM,MAAM,cAAc,GAAG,wBAAwB,CAAC,KAAK,CAAC,CAAA;AAE5D,QAAA,MAAM,SAAS,2MAed,CAAA;AAGD;;;;GAIG;AACH,MAAM,MAAM,gBAAgB,GAAG,wBAAwB,CAAC,KAAK,CAAC,CAAA;AAE9D,QAAA,MAAM,WAAW,2MAgBhB,CAAA;AAGD,OAAO,EACL,KAAK,EACL,WAAW,EACX,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,SAAS,EACT,WAAW,EACX,UAAU,EACV,gBAAgB,GACjB,CAAA"}

package/dist/components/Sheet/Sheet.js

@@ -0,0 +1,189 @@
+import { jsx as o, jsxs as p } from "react/jsx-runtime";
+import { forwardRef as l } from "react";
+import * as e from "@radix-ui/react-dialog";
+import { cva as g } from "class-variance-authority";
+import { typographyVariants as y } from "../Typography/Typography.js";
+import { useMuzaTranslations as x } from "../../translations/TranslationContext.js";
+import { cn as i } from "../../utils/cn.js";
+import { Flex as n } from "../Flex/Flex.js";
+import { XClose as N } from "../Icons/CustomIcons.js";
+const P = e.Root, B = e.Trigger, v = e.Portal, H = e.Close, R = e.Title, M = e.Description, c = l(({ className: a, ...t }, s) => /* @__PURE__ */ o(
+  e.Overlay,
+  {
+    ref: s,
+    className: i(
+      "fixed inset-0 z-50 bg-surface-base-overlay data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0",
+      a
+    ),
+    ...t
+  }
+));
+c.displayName = e.Overlay.displayName;
+const w = g(
+  "fixed z-50 flex flex-col bg-comp-sheet-bg-def text-comp-sheet-text-def shadow-lg transition ease-in-out outline-none data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:animate-in data-[state=open]:duration-500",
+  {
+    variants: {
+      side: {
+        top: "inset-x-0 top-0 rounded-b-comp-sheet-radius border-b border-stroke-base-primary data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
+        bottom: "inset-x-0 bottom-0 rounded-t-comp-sheet-radius border-t border-stroke-base-primary data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
+        left: "inset-y-0 left-0 h-full rounded-r-comp-sheet-radius border-r border-stroke-base-primary data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left",
+        right: "inset-y-0 right-0 h-full rounded-l-comp-sheet-radius border-l border-stroke-base-primary data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right"
+      },
+      size: {
+        small: "",
+        medium: "",
+        large: ""
+      }
+    },
+    compoundVariants: [
+      {
+        side: ["left", "right"],
+        size: "small",
+        className: "w-full max-w-comp-sheet-w-sm"
+      },
+      {
+        side: ["left", "right"],
+        size: "medium",
+        className: "w-full max-w-comp-sheet-w-md"
+      },
+      {
+        side: ["left", "right"],
+        size: "large",
+        className: "w-full max-w-comp-sheet-w-lg"
+      },
+      {
+        side: ["top", "bottom"],
+        size: "small",
+        className: "h-comp-sheet-h-sm"
+      },
+      {
+        side: ["top", "bottom"],
+        size: "medium",
+        className: "h-comp-sheet-h-md"
+      },
+      {
+        side: ["top", "bottom"],
+        size: "large",
+        className: "h-comp-sheet-h-lg"
+      }
+    ],
+    defaultVariants: {
+      side: "right",
+      size: "medium"
+    }
+  }
+), z = l(({ className: a, children: t, side: s = "right", size: r = "medium", ...m }, d) => /* @__PURE__ */ p(v, { children: [
+  /* @__PURE__ */ o(c, {}),
+  /* @__PURE__ */ o(
+    e.Content,
+    {
+      ref: d,
+      className: i(w({ side: s, size: r }), a),
+      ...m,
+      children: t
+    }
+  )
+] }));
+z.displayName = e.Content.displayName;
+const S = l(
+  ({
+    className: a,
+    icon: t,
+    children: s,
+    title: r,
+    hideCloseButton: m = !1,
+    closeAriaLabel: d,
+    ...h
+  }, f) => {
+    const u = x(), b = d ?? u.sheet.closeAriaLabel;
+    return /* @__PURE__ */ p(
+      n,
+      {
+        ref: f,
+        align: "center",
+        gap: "lg",
+        className: i(
+          "border-b border-stroke-base-primary px-comp-sheet-p py-comp-sheet-p-ver-def",
+          a
+        ),
+        ...h,
+        children: [
+          t && /* @__PURE__ */ o("span", { className: "text-surface-brand-primary [&>svg]:size-icon-medium", children: t }),
+          /* @__PURE__ */ o(
+            e.Title,
+            {
+              className: i(
+                "text-text-primary min-w-0 flex-1",
+                y({
+                  variant: "title",
+                  size: "md",
+                  weight: "medium",
+                  fixY: !0
+                })
+              ),
+              children: r ?? s
+            }
+          ),
+          !m && /* @__PURE__ */ o(
+            e.Close,
+            {
+              className: "shrink-0 cursor-pointer transition-opacity focus-visible:focus-default disabled:pointer-events-none",
+              "aria-label": b,
+              children: /* @__PURE__ */ o(N, { className: "size-icon-medium" })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+S.displayName = "SheetHeader";
+const C = l(
+  ({ className: a, children: t, ...s }, r) => /* @__PURE__ */ o(
+    n,
+    {
+      ref: r,
+      direction: "column",
+      flex: 1,
+      className: i(
+        "min-h-0 gap-comp-sheet-gap overflow-y-auto p-comp-sheet-p",
+        a
+      ),
+      ...s,
+      children: t
+    }
+  )
+);
+C.displayName = "SheetBody";
+const k = l(
+  ({ className: a, children: t, ...s }, r) => /* @__PURE__ */ o(
+    n,
+    {
+      ref: r,
+      align: "center",
+      justify: "end",
+      gap: "sm",
+      className: i(
+        "border-t border-stroke-base-primary px-comp-sheet-p py-comp-sheet-p-ver-sm",
+        a
+      ),
+      ...s,
+      children: t
+    }
+  )
+);
+k.displayName = "SheetFooter";
+export {
+  P as Sheet,
+  C as SheetBody,
+  H as SheetClose,
+  z as SheetContent,
+  M as SheetDescription,
+  k as SheetFooter,
+  S as SheetHeader,
+  c as SheetOverlay,
+  v as SheetPortal,
+  R as SheetTitle,
+  B as SheetTrigger,
+  w as sheetContentVariants
+};