@vkzstudio/muza-ui 1.0.31 → 1.0.33

package/dist/components/Input/Input.js

@@ -1,5 +1,5 @@
-import { jsx as c, jsxs as W } from "react/jsx-runtime";
-import { forwardRef as $, useId as A, useRef as C, useEffect as y } from "react";
+import { jsx as s, jsxs as $ } from "react/jsx-runtime";
+import { forwardRef as z, useId as A, useRef as C, useEffect as y } from "react";
 import { cva as E } from "class-variance-authority";
 import "../../node_modules/imask/esm/index.js";
 import "../../node_modules/imask/esm/controls/input.js";
@@ -22,14 +22,15 @@ const Y = E(
     "hover:border-comp-input-stroke-hover",
     "focus-within:border-comp-input-icon-brand-focused",
     "has-[:disabled]:cursor-not-allowed has-[:disabled]:border-comp-input-stroke-disabled has-[:disabled]:bg-comp-input-fill-disabled",
-    "flex items-center gap-comp-input-gap px-comp-input-p-hor"
+    "flex items-center gap-comp-input-gap"
   ],
   {
     variants: {
       size: {
-        sm: "h-comp-input-h-small",
-        base: "h-comp-input-h-def",
-        lg: "h-comp-input-h-large"
+        xs: "h-comp-input-h-xsm px-comp-input-p-xsm",
+        sm: "h-comp-input-h-small px-comp-input-p-hor",
+        base: "h-comp-input-h-def px-comp-input-p-hor",
+        lg: "h-comp-input-h-large px-comp-input-p-hor"
       },
       error: {
         true: "border-comp-input-stroke-error-def"
@@ -40,9 +41,9 @@ const Y = E(
       error: !1
     }
   }
-), B = (d) => u(
+), B = (p) => u(
   U({
-    size: d === "sm" ? "input" : "base",
+    size: p === "xs" || p === "sm" ? "input" : "base",
     weight: "medium",
     fixY: !0
   }),
@@ -51,17 +52,17 @@ const Y = E(
   "placeholder:font-regular",
   "disabled:cursor-not-allowed",
   "w-full"
-), D = $(
+), D = z(
   ({
-    className: d,
+    className: p,
     type: w = "text",
     prefix: m,
     suffix: f,
-    label: b,
-    hint: h,
+    label: h,
+    hint: b,
     size: x,
-    error: s,
-    mask: i,
+    error: d,
+    mask: o,
     onChange: a,
     id: I,
     required: l,
@@ -69,64 +70,64 @@ const Y = E(
     labelExtra: R,
     infoTooltip: V,
     ...v
-  }, o) => {
-    const F = A(), p = I ?? F, g = h ? `${p}-hint` : void 0, k = b ? `${p}-label` : void 0, e = C(null), r = M(
+  }, i) => {
+    const F = A(), c = I ?? F, g = b ? `${c}-hint` : void 0, k = h ? `${c}-label` : void 0, t = C(null), r = M(
       {
-        mask: i || "",
+        mask: o || "",
         // Pattern like 'aaaaa-aaaaa' where 'a' = alphanumeric, '0' = digit
-        prepare: (t) => t.toUpperCase()
+        prepare: (e) => e.toUpperCase()
         // Auto-uppercase all typed characters
       },
       {
-        ref: e
+        ref: t
       }
     );
     y(() => {
-      if (i && (r != null && r.maskRef.current) && a) {
-        const t = r.maskRef.current, n = () => {
-          const z = {
-            target: { value: t.value }
+      if (o && (r != null && r.maskRef.current) && a) {
+        const e = r.maskRef.current, n = () => {
+          const W = {
+            target: { value: e.value }
           };
-          a(z);
+          a(W);
         };
-        return t.on("accept", n), () => {
-          t.off("accept", n);
+        return e.on("accept", n), () => {
+          e.off("accept", n);
         };
       }
-    }, [i, r, a]), y(() => {
-      o && (typeof o == "function" ? o(e.current) : o.current = e.current);
-    }, [e, o]);
-    const j = (t) => {
+    }, [o, r, a]), y(() => {
+      i && (typeof i == "function" ? i(t.current) : i.current = t.current);
+    }, [t, i]);
+    const j = (e) => {
       var n;
-      v.disabled || t.target !== e.current && ((n = e.current) == null || n.focus());
+      v.disabled || e.target !== t.current && ((n = t.current) == null || n.focus());
     };
-    return /* @__PURE__ */ c(
+    return /* @__PURE__ */ s(
       T,
       {
-        label: b,
-        hint: h,
-        error: s,
+        label: h,
+        hint: b,
+        error: d,
         required: l,
         disableRequiredAsterisk: N,
-        htmlFor: p,
+        htmlFor: c,
         labelId: k,
         hintId: g,
         labelExtra: R,
         infoTooltip: V,
-        children: /* @__PURE__ */ W(
+        children: /* @__PURE__ */ $(
           "div",
           {
             className: u(
               Y({
                 size: x,
-                error: s
+                error: d
               }),
-              d
+              p
             ),
             onClick: j,
             children: [
-              m && /* @__PURE__ */ c("div", { className: "flex items-center text-icon-dark-secondary-def", children: m }),
-              /* @__PURE__ */ c(
+              m && /* @__PURE__ */ s("div", { className: "flex items-center text-icon-dark-secondary-def", children: m }),
+              /* @__PURE__ */ s(
                 "input",
                 {
                   type: w,
@@ -136,18 +137,18 @@ const Y = E(
                     "[&::-webkit-calendar-picker-indicator]:hidden [&::-webkit-clear-button]:hidden [&::-webkit-inner-spin-button]:hidden",
                     "[&::-webkit-datetime-edit-text]:px-3xs"
                   ),
-                  ref: i ? r.ref : e,
-                  onChange: i ? void 0 : a,
-                  id: p,
+                  ref: o ? r.ref : t,
+                  onChange: o ? void 0 : a,
+                  id: c,
                   "aria-describedby": g,
                   "aria-labelledby": k,
-                  "aria-invalid": s,
+                  "aria-invalid": d,
                   "aria-required": l,
                   required: l,
                   ...v
                 }
               ),
-              f && /* @__PURE__ */ c("div", { className: "flex items-center text-icon-dark-secondary-def", children: f })
+              f && /* @__PURE__ */ s("div", { className: "flex items-center text-icon-dark-secondary-def", children: f })
             ]
           }
         )

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

@@ -1 +1 @@
-{"version":3,"file":"Input.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE/B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAiK5B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAA;AAGnC,eAAO,MAAM,OAAO,EAAE,KAarB,CAAA;AAED,eAAO,MAAM,wBAAwB,EAAE,KAgBtC,CAAA;AAED,eAAO,MAAM,qBAAqB,EAAE,KAgBnC,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAgB5B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAgB3B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAyB3B,CAAA;AAED,eAAO,MAAM,yBAAyB,EAAE,KAyBvC,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAoBtB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAsBtB,CAAA"}
+{"version":3,"file":"Input.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE/B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAiK5B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAA;AAGnC,eAAO,MAAM,OAAO,EAAE,KAarB,CAAA;AAED,eAAO,MAAM,wBAAwB,EAAE,KAgBtC,CAAA;AAED,eAAO,MAAM,qBAAqB,EAAE,KAgBnC,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAgB5B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAgB3B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAyB3B,CAAA;AAED,eAAO,MAAM,yBAAyB,EAAE,KAyBvC,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAqBtB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAsBtB,CAAA"}

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

@@ -20,7 +20,7 @@ export interface IMultiSelectProps {
     /** Placeholder text shown when no options are selected. @default translations.select.placeholder */
     placeholder?: string;
     /** Controls height and padding. @default 'base' */
-    size?: 'sm' | 'base' | 'lg';
+    size?: 'xs' | 'sm' | 'base' | 'lg';
     /**
      * Array of selectable options.
      *

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

@@ -1 +1 @@
-{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSelect/MultiSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,KAAK,SAAS,EAMf,MAAM,OAAO,CAAA;AAed;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yFAAyF;IACzF,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,yDAAyD;IACzD,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+EAA+E;IAC/E,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,+EAA+E;IAC/E,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,4DAA4D;IAC5D,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,oGAAoG;IACpG,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,mDAAmD;IACnD,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAC3B;;;;;;;;;OASG;IACH,OAAO,EAAE,KAAK,CAAC;QACb,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,EAAE,SAAS,CAAA;QAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;QAClB,IAAI,CAAC,EAAE,SAAS,CAAA;KACjB,CAAC,CAAA;IACF,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,kGAAkG;IAClG,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,uFAAuF;IACvF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACpC,6EAA6E;IAC7E,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,gHAAgH;IAChH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gHAAgH;IAChH,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED,eAAO,MAAM,WAAW,6FAqMvB,CAAA"}
+{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSelect/MultiSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,KAAK,SAAS,EAMf,MAAM,OAAO,CAAA;AAed;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yFAAyF;IACzF,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,yDAAyD;IACzD,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+EAA+E;IAC/E,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,+EAA+E;IAC/E,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,4DAA4D;IAC5D,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,oGAAoG;IACpG,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,mDAAmD;IACnD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAClC;;;;;;;;;OASG;IACH,OAAO,EAAE,KAAK,CAAC;QACb,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,EAAE,SAAS,CAAA;QAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;QAClB,IAAI,CAAC,EAAE,SAAS,CAAA;KACjB,CAAC,CAAA;IACF,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,kGAAkG;IAClG,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,uFAAuF;IACvF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACpC,6EAA6E;IAC7E,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,gHAAgH;IAChH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gHAAgH;IAChH,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED,eAAO,MAAM,WAAW,6FAqMvB,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,CAsHlC,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,KAiDtB,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"}
+{"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,CAsHlC,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"}

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

@@ -0,0 +1,61 @@
+import * as React from 'react';
+/**
+ * Props for the {@link Pagination} component.
+ *
+ * Pagination provides page navigation controls with optional page info display
+ * and items-per-page selection. Supports both controlled and uncontrolled modes.
+ */
+export interface PaginationProps extends Omit<React.HTMLAttributes<HTMLElement>, 'onChange'> {
+    /** Current page number (1-based). When provided, component is controlled. */
+    page?: number;
+    /** Default page for uncontrolled mode. @default 1 */
+    defaultPage?: number;
+    /** Total number of items. Used to calculate max page and page info display. */
+    totalItems: number;
+    /** Current items per page. When provided, controls the items-per-page selector. */
+    itemsPerPage?: number;
+    /** Default items per page for uncontrolled mode. @default 10 */
+    defaultItemsPerPage?: number;
+    /**
+     * Available page size options for the items-per-page selector.
+     * @default [{value:'10',label:'10'},{value:'25',label:'25'},{value:'50',label:'50'},{value:'100',label:'100'}]
+     */
+    pageSizeOptions?: Array<{
+        value: string;
+        label: string;
+    }>;
+    /** Callback fired when the current page changes. */
+    onPageChange?: (page: number) => void;
+    /** Callback fired when items per page changes. */
+    onItemsPerPageChange?: (itemsPerPage: number) => void;
+    /**
+     * Position of the navigation buttons (prev/next arrows + page input).
+     * @default 'left'
+     */
+    buttonsPosition?: 'left' | 'right';
+    /**
+     * Whether to show the page info text (e.g. "20–30 of 123").
+     * @default true
+     */
+    showPageInfo?: boolean;
+    /**
+     * Whether to show the items-per-page selector.
+     * @default true
+     */
+    showItemsPerPage?: boolean;
+    /** Override for the "of" separator text. @default translations.pagination.of */
+    ofLabel?: string;
+    /** Override for the "Rows per page" label. @default translations.pagination.rowsPerPage */
+    rowsPerPageLabel?: string;
+    /** Override for the previous page button aria label. @default translations.pagination.previousPage */
+    previousPageAriaLabel?: string;
+    /** Override for the next page button aria label. @default translations.pagination.nextPage */
+    nextPageAriaLabel?: string;
+    /** Override for the page input aria label. @default translations.pagination.currentPage */
+    currentPageAriaLabel?: string;
+    /** Override for the nav element aria label. @default translations.pagination.navigation */
+    navigationAriaLabel?: string;
+}
+declare const Pagination: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<HTMLElement>>;
+export { Pagination };
+//# sourceMappingURL=Pagination.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAgB9B;;;;;GAKG;AACH,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC;IAC3D,6EAA6E;IAC7E,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,qDAAqD;IACrD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,+EAA+E;IAC/E,UAAU,EAAE,MAAM,CAAA;IAClB,mFAAmF;IACnF,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,gEAAgE;IAChE,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B;;;OAGG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IACzD,oDAAoD;IACpD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,kDAAkD;IAClD,oBAAoB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;IACrD;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAClC;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,gFAAgF;IAChF,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,2FAA2F;IAC3F,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,sGAAsG;IACtG,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,8FAA8F;IAC9F,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,2FAA2F;IAC3F,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,2FAA2F;IAC3F,mBAAmB,CAAC,EAAE,MAAM,CAAA;CAC7B;AAED,QAAA,MAAM,UAAU,qFA6Nf,CAAA;AAID,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/dist/components/Pagination/Pagination.js

@@ -0,0 +1,213 @@
+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 { Input as ea } from "../Input/Input.js";
+import { Typography as v } from "../Typography/Typography.js";
+const ta = [
+  { value: "10", label: "10" },
+  { value: "25", label: "25" },
+  { value: "50", label: "50" },
+  { value: "100", label: "100" }
+], ra = X.forwardRef(
+  ({
+    page: P,
+    defaultPage: E = 1,
+    totalItems: c,
+    itemsPerPage: M,
+    defaultItemsPerPage: T = 10,
+    pageSizeOptions: _ = ta,
+    onPageChange: r,
+    onItemsPerPageChange: m,
+    buttonsPosition: w = "left",
+    showPageInfo: f = !0,
+    showItemsPerPage: x = !0,
+    ofLabel: $,
+    rowsPerPageLabel: j,
+    previousPageAriaLabel: B,
+    nextPageAriaLabel: D,
+    currentPageAriaLabel: F,
+    navigationAriaLabel: O,
+    className: R,
+    ...G
+  }, I) => {
+    const i = C(), h = $ ?? i.pagination.of, K = j ?? i.pagination.rowsPerPage, U = B ?? i.pagination.previousPage, V = D ?? i.pagination.nextPage, L = F ?? i.pagination.currentPage, Z = O ?? i.pagination.navigation, [q, N] = S(E), [H, J] = S(T), a = P ?? q, d = M ?? H, e = Math.max(1, Math.ceil(c / d)), o = b(
+      (t) => {
+        N(t), r == null || r(t);
+      },
+      [r]
+    ), Q = b(
+      (t) => {
+        const s = Number(t);
+        J(s), N(1), m == null || m(s), r == null || r(1);
+      },
+      [m, r]
+    ), [u, g] = S(a.toString());
+    Y(() => {
+      g(a.toString());
+    }, [a]);
+    const W = b(
+      (t) => {
+        const s = t.target.value.replace(/[^0-9]/g, "");
+        g(s), s && Number(s) > e && g(e.toString());
+      },
+      [e]
+    ), y = b(() => {
+      const t = Number(u);
+      !u || t < 1 ? o(1) : t > e ? (o(e), g(e.toString())) : o(t);
+    }, [e, u, o]), A = c === 0 ? 0 : (a - 1) * d + 1, k = Math.min(a * d, c);
+    return /* @__PURE__ */ l(
+      p,
+      {
+        component: "nav",
+        ref: I,
+        align: "center",
+        justify: "between",
+        direction: w === "right" ? "row-reverse" : "row",
+        className: R,
+        "aria-label": Z,
+        ...G,
+        children: [
+          /* @__PURE__ */ l(p, { align: "center", gap: "md", className: "shrink-0", children: [
+            /* @__PURE__ */ n(
+              z,
+              {
+                direction: "left",
+                size: "sm",
+                onClick: () => o(a - 1),
+                disabled: a <= 1,
+                "aria-disabled": a <= 1,
+                "aria-label": U
+              }
+            ),
+            /* @__PURE__ */ l(
+              p,
+              {
+                align: "center",
+                gap: "md",
+                "aria-label": `${L}: ${a} ${h} ${e}`,
+                children: [
+                  /* @__PURE__ */ n(
+                    ea,
+                    {
+                      value: u,
+                      size: "xs",
+                      onChange: W,
+                      onBlur: y,
+                      maxLength: e.toString().length,
+                      onKeyDown: (t) => {
+                        t.key === "Enter" && y();
+                      },
+                      role: "spinbutton",
+                      "aria-label": L,
+                      "aria-valuemin": 1,
+                      "aria-valuemax": e,
+                      "aria-valuenow": a,
+                      className: "w-[calc(var(--spacing-comp-input-p-xsm)*2+var(--spacing-2-5-xl))] [&_input]:text-center"
+                    }
+                  ),
+                  /* @__PURE__ */ n(
+                    v,
+                    {
+                      component: "span",
+                      variant: "body",
+                      size: "base",
+                      className: "text-comp-pagination-text-def",
+                      "aria-hidden": "true",
+                      children: h
+                    }
+                  ),
+                  /* @__PURE__ */ n(
+                    v,
+                    {
+                      component: "span",
+                      variant: "body",
+                      size: "base",
+                      className: "text-comp-pagination-text-def",
+                      "aria-hidden": "true",
+                      children: e
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ n(
+              z,
+              {
+                direction: "right",
+                size: "sm",
+                onClick: () => o(a + 1),
+                disabled: a >= e,
+                "aria-disabled": a >= e,
+                "aria-label": V
+              }
+            )
+          ] }),
+          (f || x) && /* @__PURE__ */ l(
+            p,
+            {
+              align: "center",
+              gap: "md",
+              direction: w === "right" ? "row-reverse" : "row",
+              className: "shrink-0",
+              children: [
+                f && /* @__PURE__ */ l(
+                  v,
+                  {
+                    component: "span",
+                    variant: "body",
+                    size: "sm",
+                    className: "whitespace-nowrap text-text-dark-primary-def",
+                    "aria-label": i.pagination.showingItems.replace("{start}", A.toString()).replace("{end}", k.toString()).replace("{total}", c.toString()),
+                    children: [
+                      A,
+                      "–",
+                      k,
+                      " ",
+                      h,
+                      " ",
+                      c
+                    ]
+                  }
+                ),
+                f && x && /* @__PURE__ */ n("div", { className: "h-6 w-px bg-comp-select-stroke-def" }),
+                x && /* @__PURE__ */ l(p, { component: "label", gap: "md", align: "center", children: [
+                  /* @__PURE__ */ l(
+                    v,
+                    {
+                      component: "span",
+                      variant: "body",
+                      size: "sm",
+                      className: "whitespace-nowrap text-text-dark-primary-def",
+                      children: [
+                        K,
+                        ":"
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ n(
+                    aa,
+                    {
+                      value: d.toString(),
+                      onChange: Q,
+                      options: _,
+                      size: "xs"
+                    }
+                  )
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ n("span", { className: "sr-only", "aria-live": "polite", role: "status", children: i.pagination.pageAnnouncement.replace("{current}", a.toString()).replace("{max}", e.toString()) })
+        ]
+      }
+    );
+  }
+);
+ra.displayName = "Pagination";
+export {
+  ra as Pagination
+};

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

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { Pagination } from './Pagination';
+declare const meta: Meta<typeof Pagination>;
+export default meta;
+type Story = StoryObj<typeof Pagination>;
+export declare const Default: Story;
+export declare const ButtonsRight: Story;
+export declare const WithoutPageInfo: Story;
+export declare const WithoutItemsPerPage: Story;
+export declare const MinimalButtons: Story;
+export declare const Controlled: Story;
+//# sourceMappingURL=Pagination.stories.d.ts.map

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

@@ -0,0 +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"}

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

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

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

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

package/dist/components/ReorderableTable/ReorderableTable.js

@@ -3,7 +3,7 @@ import { forwardRef as E } from "react";
 import { motion as n } from "../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
 import { ReorderableGroup as D, ReorderableItem as R, ReorderableHandle as j } from "../Reorderable/Reorderable.js";
 import { Reorder as P } from "../Icons/CustomIcons.js";
-import { cn as i } from "../../utils/cn.js";
+import { cn as d } from "../../utils/cn.js";
 import { typographyVariants as S, Typography as z } from "../Typography/Typography.js";
 const p = 72, u = 20, G = 24, W = 4, K = ({
   data: y,
@@ -26,17 +26,17 @@ const p = 72, u = 20, G = 24, W = 4, K = ({
   "table",
   {
     ref: H,
-    className: i(
+    className: d(
       "-my-sm w-full border-separate border-spacing-y-sm",
       T
     ),
     ...C,
     children: [
       I && /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ m("tr", { children: [
-        o.map((d, r) => /* @__PURE__ */ e(
+        o.map((i, r) => /* @__PURE__ */ e(
           "th",
           {
-            className: i(
+            className: d(
               S({
                 size: "sm",
                 uppercase: !0,
@@ -44,9 +44,9 @@ const p = 72, u = 20, G = 24, W = 4, K = ({
                 weight: "medium"
               }),
               "px-comp-table-p text-left text-text-dark-secondary",
-              d.className
+              i.className
             ),
-            children: d.title
+            children: i.title
           },
           r
         )),
@@ -76,7 +76,7 @@ const p = 72, u = 20, G = 24, W = 4, K = ({
           animatePresence: w,
           as: "tbody",
           className: "contents",
-          children: (d) => d.map((r, h) => {
+          children: (i) => i.map((r, h) => {
             const O = (l == null ? void 0 : l(r, h)) ?? !1, t = b || O;
             return /* @__PURE__ */ m(
               R,
@@ -99,8 +99,8 @@ const p = 72, u = 20, G = 24, W = 4, K = ({
                           paddingRight: s ? G : W
                         } : void 0,
                         transition: { duration: 0.3, ease: "easeInOut" },
-                        className: i(
-                          "h-comp-table-h border-y border-stroke-base-secondary bg-surface-base-secondary align-middle",
+                        className: d(
+                          "h-comp-table-h-def border-y border-stroke-base-secondary bg-surface-base-secondary align-middle",
                           f ? "pl-comp-table-p" : "px-comp-table-p",
                           {
                             "rounded-l-xl border-l": k,
@@ -119,7 +119,7 @@ const p = 72, u = 20, G = 24, W = 4, K = ({
                             size: "base",
                             weight: "regular",
                             component: "span",
-                            className: i(
+                            className: d(
                               t && "text-text-dark-disabled",
                               {
                                 "line-clamp-1": a.lineClamp === !0 || a.lineClamp === 1,
@@ -141,8 +141,8 @@ const p = 72, u = 20, G = 24, W = 4, K = ({
                         width: s ? p : u
                       },
                       transition: { duration: 0.3, ease: "easeInOut" },
-                      className: i(
-                        "h-comp-table-h min-w-[20px] rounded-r-xl border-y border-r border-stroke-base-secondary bg-surface-base-secondary align-middle",
+                      className: d(
+                        "h-comp-table-h-def min-w-[20px] rounded-r-xl border-y border-r border-stroke-base-secondary bg-surface-base-secondary align-middle",
                         {
                           "group-focus-within:border-icon-brand-focus group-hover:border-icon-brand-hover": !t
                         }
@@ -161,7 +161,7 @@ const p = 72, u = 20, G = 24, W = 4, K = ({
                             j,
                             {
                               disabled: !s || t,
-                              className: i(
+                              className: d(
                                 "flex h-comp-button-h-sm w-comp-button-w-sm items-center justify-center focus-visible-default",
                                 t ? "text-text-dark-disabled" : "text-text-brand-def"
                               ),

package/dist/components/Searchbar/Searchbar.d.ts

@@ -10,7 +10,7 @@ export interface SearchbarProps extends Omit<InputProps, 'type' | 'onSubmit' | '
     /** Initial value for uncontrolled mode. */
     defaultValue?: string;
     /** Controls height and padding of the search input. @default 'sm' */
-    size?: 'sm' | 'base' | 'lg';
+    size?: 'xs' | 'sm' | 'base' | 'lg';
     /** Shows clear and search icon buttons inside the input. @default true */
     showButtons?: boolean;
     /** Accessible label for the clear button. Defaults to translation value. */

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

@@ -1 +1 @@
-{"version":3,"file":"Searchbar.d.ts","sourceRoot":"","sources":["../../../src/components/Searchbar/Searchbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,UAAU,CAAA;AAEjD;;;GAGG;AACH,MAAM,WAAW,cACf,SAAQ,IAAI,CACV,UAAU,EACV,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,cAAc,GAAG,QAAQ,CAC1D;IACD,qFAAqF;IACrF,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,qEAAqE;IACrE,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAC3B,0EAA0E;IAC1E,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,4EAA4E;IAC5E,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,oFAAoF;IACpF,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,sGAAsG;IACtG,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,KAAK,IAAI,CAAA;CACzD;AAED,QAAA,MAAM,SAAS,GAAI,2NAehB,cAAc,4CAuGhB,CAAA;AAED,OAAO,EAAE,SAAS,EAAE,CAAA"}
+{"version":3,"file":"Searchbar.d.ts","sourceRoot":"","sources":["../../../src/components/Searchbar/Searchbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,UAAU,CAAA;AAEjD;;;GAGG;AACH,MAAM,WAAW,cACf,SAAQ,IAAI,CACV,UAAU,EACV,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,cAAc,GAAG,QAAQ,CAC1D;IACD,qFAAqF;IACrF,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,qEAAqE;IACrE,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAClC,0EAA0E;IAC1E,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,4EAA4E;IAC5E,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,oFAAoF;IACpF,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,sGAAsG;IACtG,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,KAAK,IAAI,CAAA;CACzD;AAED,QAAA,MAAM,SAAS,GAAI,2NAehB,cAAc,4CAuGhB,CAAA;AAED,OAAO,EAAE,SAAS,EAAE,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"Searchbar.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Searchbar/Searchbar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAmHhC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAA;AAEvC,eAAO,MAAM,OAAO,EAAE,KAmBrB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAmBpB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAoBtB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAoBnB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAoBrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAoBtB,CAAA"}
+{"version":3,"file":"Searchbar.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Searchbar/Searchbar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAmHhC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAA;AAEvC,eAAO,MAAM,OAAO,EAAE,KAmBrB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAmBpB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAoBtB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAoBnB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAoBrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAyBtB,CAAA"}

package/dist/components/Select/Select.d.ts

@@ -18,7 +18,7 @@ export interface ISelectProps {
     /** Text shown when no option is selected. @default translations.select.placeholder */
     placeholder?: string;
     /** Controls trigger height and padding. @default 'base' */
-    size?: 'sm' | 'base' | 'lg';
+    size?: 'xs' | 'sm' | 'base' | 'lg';
     /**
      * Array of selectable option objects.
      *

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

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,KAAK,SAAS,EAMf,MAAM,OAAO,CAAA;AAed,uDAAuD;AACvD,MAAM,WAAW,YAAY;IAC3B,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,2FAA2F;IAC3F,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,gFAAgF;IAChF,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+EAA+E;IAC/E,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,kDAAkD;IAClD,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,2DAA2D;IAC3D,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,sFAAsF;IACtF,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,2DAA2D;IAC3D,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAC3B;;;;;;;;;;OAUG;IACH,OAAO,EAAE,KAAK,CAAC;QACb,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,EAAE,SAAS,CAAA;QAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;QAClB,IAAI,CAAC,EAAE,SAAS,CAAA;KACjB,CAAC,CAAA;IACF,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,8EAA8E;IAC9E,4BAA4B,CAAC,EAAE,OAAO,CAAA;IACtC,gHAAgH;IAChH,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,6EAA6E;IAC7E,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,gHAAgH;IAChH,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,eAAO,MAAM,MAAM,wFA0LlB,CAAA"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,KAAK,SAAS,EAMf,MAAM,OAAO,CAAA;AAed,uDAAuD;AACvD,MAAM,WAAW,YAAY;IAC3B,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,2FAA2F;IAC3F,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,gFAAgF;IAChF,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+EAA+E;IAC/E,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,kDAAkD;IAClD,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,2DAA2D;IAC3D,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,sFAAsF;IACtF,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,2DAA2D;IAC3D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAClC;;;;;;;;;;OAUG;IACH,OAAO,EAAE,KAAK,CAAC;QACb,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,EAAE,SAAS,CAAA;QAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;QAClB,IAAI,CAAC,EAAE,SAAS,CAAA;KACjB,CAAC,CAAA;IACF,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,8EAA8E;IAC9E,4BAA4B,CAAC,EAAE,OAAO,CAAA;IACtC,gHAAgH;IAChH,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,6EAA6E;IAC7E,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,gHAAgH;IAChH,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,eAAO,MAAM,MAAM,wFA0LlB,CAAA"}