@grandbazar/ui-baza 1.4.0 → 1.5.0

package/dist/index.cjs

@@ -63,7 +63,7 @@ const green = "_green_1s8y9_43";
 const neutral$3 = "_neutral_1s8y9_48";
 const lg$7 = "_lg_1s8y9_53";
 const md$a = "_md_1s8y9_60";
-const styles$y = {
+const styles$D = {
 	badge: badge,
 	primary: primary$4,
 	secondary: secondary$5,
@@ -79,13 +79,13 @@ const styles$y = {
 };
 
 function Badge({ children, className, size = "lg", color = "accent", mode = "primary", ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames(styles$y.badge, styles$y[size], styles$y[color], styles$y[mode], className), ...props, children });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames(styles$D.badge, styles$D[size], styles$D[color], styles$D[mode], className), ...props, children });
 }
 
 const badgeTabsItem = "_badgeTabsItem_10lit_2";
 const primary$3 = "_primary_10lit_18";
 const secondary$4 = "_secondary_10lit_36";
-const styles$x = {
+const styles$C = {
 	badgeTabsItem: badgeTabsItem,
 	primary: primary$3,
 	secondary: secondary$4
@@ -98,7 +98,7 @@ function BadgeTabsItem({ className, children, isActive, mode = "primary", ...pro
       type: "button",
       role: "tab",
       "aria-selected": Boolean(isActive),
-      className: classNames(styles$x.badgeTabsItem, styles$x[mode], className),
+      className: classNames(styles$C.badgeTabsItem, styles$C[mode], className),
       ...props,
       children
     }
@@ -106,12 +106,12 @@ function BadgeTabsItem({ className, children, isActive, mode = "primary", ...pro
 }
 
 const badgeTabsRoot = "_badgeTabsRoot_1qkat_2";
-const styles$w = {
+const styles$B = {
 	badgeTabsRoot: badgeTabsRoot
 };
 
 function BadgeTabsRoot({ className, children, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "tablist", className: classNames(styles$w.badgeTabsRoot, className), ...props, children });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "tablist", className: classNames(styles$B.badgeTabsRoot, className), ...props, children });
 }
 
 function BadgeTabs(props) {
@@ -278,6 +278,16 @@ function IconCalendar(props) {
   ) });
 }
 
+function IconCamera(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M20.7992 8.39989C20.7992 8.16138 20.7046 7.9327 20.5361 7.76398C20.3673 7.5952 20.1378 7.49973 19.8991 7.49973H16.2995C15.9986 7.4997 15.7177 7.34941 15.5508 7.09906L14.018 4.80032H9.58161L8.04876 7.09906C7.88186 7.34941 7.60092 7.4997 7.30005 7.49973H3.70048C3.4618 7.49973 3.23227 7.5952 3.0635 7.76398C2.89493 7.9327 2.80035 8.16138 2.80032 8.39989V18.2995C2.80032 18.5382 2.89472 18.7677 3.0635 18.9365C3.23226 19.1052 3.46187 19.1997 3.70048 19.1997H19.8991C20.1377 19.1997 20.3673 19.1052 20.5361 18.9365C20.7048 18.7677 20.7992 18.5382 20.7992 18.2995V8.39989ZM14.4992 12.8996C14.4991 11.4086 13.2908 10.2002 11.7998 10.2002C10.3087 10.2002 9.10048 11.4086 9.10038 12.8996C9.10038 14.3907 10.3087 15.6001 11.7998 15.6001C13.2909 15.6001 14.4992 14.3907 14.4992 12.8996ZM16.2995 12.8996C16.2995 15.3848 14.285 17.3994 11.7998 17.3994C9.3146 17.3994 7.30005 15.3848 7.30005 12.8996C7.30016 10.4145 9.31466 8.39989 11.7998 8.39989C14.2849 8.39989 16.2994 10.4145 16.2995 12.8996ZM22.5996 18.2995C22.5996 19.0154 22.3151 19.702 21.809 20.2083C21.3026 20.7147 20.6151 21 19.8991 21H3.70048C2.98443 21 2.29692 20.7147 1.79059 20.2083C1.28451 19.702 1 19.0154 1 18.2995V8.39989C1.00003 7.68401 1.28447 6.99736 1.79059 6.49108C2.29692 5.98475 2.98443 5.70048 3.70048 5.70048H6.81882L8.3506 3.40067L8.41935 3.31151C8.58905 3.11527 8.83728 3 9.10038 3H14.4992L14.6109 3.00752C14.8687 3.03962 15.1028 3.18147 15.249 3.40067L16.7807 5.70048H19.8991C20.6151 5.70048 21.3026 5.98475 21.809 6.49108C22.3151 6.99736 22.5995 7.68401 22.5996 8.39989V18.2995Z",
+      fill: "currentColor"
+    }
+  ) });
+}
+
 function IconCharacteristic(props) {
   return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
     "path",
@@ -427,6 +437,16 @@ function IconCopy(props) {
   ) });
 }
 
+function IconDocument(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M19.2 9.246C19.1906 9.16332 19.1725 9.08187 19.146 9.003V8.922C19.1027 8.82946 19.045 8.7444 18.975 8.67L13.575 3.27C13.5006 3.19999 13.4155 3.14227 13.323 3.099H13.242C13.1506 3.04657 13.0496 3.01291 12.945 3H7.5C6.78392 3 6.09716 3.28446 5.59081 3.79081C5.08447 4.29716 4.8 4.98392 4.8 5.7V18.3C4.8 19.0161 5.08447 19.7028 5.59081 20.2092C6.09716 20.7155 6.78392 21 7.5 21H16.5C17.2161 21 17.9028 20.7155 18.4092 20.2092C18.9155 19.7028 19.2 19.0161 19.2 18.3V9.3C19.2 9.3 19.2 9.3 19.2 9.246ZM13.8 6.069L16.131 8.4H14.7C14.4613 8.4 14.2324 8.30518 14.0636 8.1364C13.8948 7.96761 13.8 7.73869 13.8 7.5V6.069ZM17.4 18.3C17.4 18.5387 17.3052 18.7676 17.1364 18.9364C16.9676 19.1052 16.7387 19.2 16.5 19.2H7.5C7.26131 19.2 7.03239 19.1052 6.86361 18.9364C6.69482 18.7676 6.6 18.5387 6.6 18.3V5.7C6.6 5.46131 6.69482 5.23239 6.86361 5.0636C7.03239 4.89482 7.26131 4.8 7.5 4.8H12V7.5C12 8.21608 12.2845 8.90284 12.7908 9.40919C13.2972 9.91554 13.9839 10.2 14.7 10.2H17.4V18.3Z",
+      fill: "currentColor"
+    }
+  ) });
+}
+
 function IconDots(props) {
   return /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: [
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -759,6 +779,25 @@ function IconOneCircle(props) {
   ) });
 }
 
+function IconPause(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M7.92615 21C8.44915 21 8.8632 20.6077 8.8632 20.0956V3.91525C8.8632 3.40315 8.44915 3 7.92615 3C7.41404 3 7 3.40315 7 3.91525V20.0956C7 20.6077 7.41404 21 7.92615 21ZM15.1283 21C15.6404 21 16.0654 20.6077 16.0654 20.0956V3.91525C16.0654 3.40315 15.6404 3 15.1283 3C14.6162 3 14.2022 3.40315 14.2022 3.91525V20.0956C14.2022 20.6077 14.6162 21 15.1283 21Z",
+      fill: "currentColor"
+    }
+  ) });
+}
+IconPause.Filled = function IconPauseFilled(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M6.46961 21H8.98896C9.95029 21 10.4586 20.4918 10.4586 19.5193V4.46961C10.4586 3.46409 9.95029 3 8.98896 3H6.46961C5.50829 3 5 3.50829 5 4.46961V19.5193C5 20.4918 5.50829 21 6.46961 21ZM14.5028 21H17.0111C17.9834 21 18.4807 20.4918 18.4807 19.5193V4.46961C18.4807 3.46409 17.9834 3 17.0111 3H14.5028C13.5304 3 13.0221 3.50829 13.0221 4.46961V19.5193C13.0221 20.4918 13.5304 21 14.5028 21Z",
+      fill: "currentColor"
+    }
+  ) });
+};
+
 function IconPerson(props) {
   return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
     "path",
@@ -792,6 +831,25 @@ function IconPhone(props) {
   ) });
 }
 
+function IconPlay(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M5.09742 21C5.5227 21 5.88419 20.8299 6.30947 20.5853L18.7063 13.4194C19.5888 12.8984 19.8972 12.5582 19.8972 11.9947C19.8972 11.4312 19.5888 11.091 18.7063 10.5806L6.30947 3.40402C5.88419 3.15948 5.5227 3 5.09742 3C4.31065 3 3.82158 3.59539 3.82158 4.52038V19.469C3.82158 20.3939 4.31065 21 5.09742 21ZM5.63966 18.9693C5.57586 18.9693 5.53333 18.9267 5.53333 18.8417V5.14766C5.53333 5.06261 5.57586 5.02008 5.63966 5.02008C5.68218 5.02008 5.72471 5.04135 5.76723 5.07324L17.5369 11.8777C17.59 11.9096 17.6326 11.9415 17.6326 11.9947C17.6326 12.0478 17.59 12.0904 17.5369 12.1116L5.76723 18.9267C5.72471 18.948 5.68218 18.9693 5.63966 18.9693Z",
+      fill: "currentColor"
+    }
+  ) });
+}
+IconPlay.Filled = function IconPlayFilled(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M5.09742 21C5.5227 21 5.88419 20.8299 6.30947 20.5853L18.7063 13.4194C19.5888 12.8984 19.8972 12.5582 19.8972 11.9947C19.8972 11.4312 19.5888 11.091 18.7063 10.5806L6.30947 3.40402C5.88419 3.15948 5.5227 3 5.09742 3C4.31065 3 3.82158 3.59539 3.82158 4.52038V19.469C3.82158 20.3939 4.31065 21 5.09742 21Z",
+      fill: "currentColor"
+    }
+  ) });
+};
+
 function IconPlus(props) {
   return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
     "path",
@@ -1028,6 +1086,16 @@ IconTrash.Filled = function IconTrashFilled(props) {
   ) });
 };
 
+function IconUpload(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M2.99989 18.3V14.6999C2.99989 14.2029 3.40284 13.7999 3.8999 13.7999C4.39697 13.7999 4.79991 14.2029 4.79991 14.6999V18.3C4.79991 18.5387 4.8948 18.7675 5.06359 18.9363C5.23237 19.1051 5.46123 19.2 5.69992 19.2H18.3001C18.5388 19.2 18.7676 19.1051 18.9364 18.9363C19.1052 18.7675 19.2001 18.5387 19.2001 18.3V14.6999C19.2001 14.2029 19.603 13.7999 20.1001 13.7999C20.5972 13.7999 21.0001 14.2029 21.0001 14.6999V18.3C21.0001 19.0161 20.7154 19.7026 20.2091 20.209C19.7027 20.7153 19.0162 21 18.3001 21H5.69992C4.98383 21 4.29727 20.7153 3.79092 20.209C3.28456 19.7026 2.99989 19.0161 2.99989 18.3ZM11.1 14.6999V6.07248L8.13628 9.03619C7.78481 9.38766 7.21509 9.38766 6.86361 9.03619C6.51213 8.68471 6.51213 8.11499 6.86361 7.76352L11.3637 3.26346L11.4322 3.20194C11.7857 2.91362 12.3068 2.93396 12.6363 3.26346L17.1364 7.76352C17.4879 8.11499 17.4879 8.68471 17.1364 9.03619C16.7849 9.38766 16.2152 9.38766 15.8637 9.03619L12.9 6.07248V14.6999C12.9 15.197 12.4971 15.5999 12 15.5999C11.5029 15.5999 11.1 15.197 11.1 14.6999Z",
+      fill: "currentColor"
+    }
+  ) });
+}
+
 function IconXMark(props) {
   return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
     "path",
@@ -1068,7 +1136,7 @@ function IconXMarkCircle(props) {
 const breadcrumbs = "_breadcrumbs_1bfmb_2";
 const breadcrumbsItem = "_breadcrumbsItem_1bfmb_8";
 const defaultSeparator = "_defaultSeparator_1bfmb_14";
-const styles$v = {
+const styles$A = {
 	breadcrumbs: breadcrumbs,
 	breadcrumbsItem: breadcrumbsItem,
 	defaultSeparator: defaultSeparator
@@ -1117,7 +1185,7 @@ function Slot({
 }
 
 const breadcrumbItem = "_breadcrumbItem_cua4v_2";
-const styles$u = {
+const styles$z = {
 	breadcrumbItem: breadcrumbItem
 };
 
@@ -1128,7 +1196,7 @@ function BreadcrumbItem({ children, className, isActive, asChild, ...props }) {
     {
       "data-active": isActive,
       "data-disabled": props.disabled,
-      className: classNames(styles$u.breadcrumbItem, className),
+      className: classNames(styles$z.breadcrumbItem, className),
       ...isActive && { "aria-current": "page" },
       ...!asChild && { type: "button" },
       ...props,
@@ -1140,13 +1208,13 @@ function BreadcrumbItem({ children, className, isActive, asChild, ...props }) {
 function Breadcrumbs({
   className,
   children,
-  separator = /* @__PURE__ */ jsxRuntime.jsx(IconChevron, { className: styles$v.defaultSeparator })
+  separator = /* @__PURE__ */ jsxRuntime.jsx(IconChevron, { className: styles$A.defaultSeparator })
 }) {
   const childrenArray = Array.isArray(children) ? children : [children];
   const lastIndex = childrenArray.length - 1;
-  return /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "breadcrumb", className, children: /* @__PURE__ */ jsxRuntime.jsx("ol", { className: styles$v.breadcrumbs, children: childrenArray.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx("li", { className: styles$v.breadcrumbsItem, children: item }),
-    index < lastIndex && /* @__PURE__ */ jsxRuntime.jsx("li", { className: styles$v.breadcrumbsItem, "aria-hidden": "true", children: separator })
+  return /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "breadcrumb", className, children: /* @__PURE__ */ jsxRuntime.jsx("ol", { className: styles$A.breadcrumbs, children: childrenArray.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("li", { className: styles$A.breadcrumbsItem, children: item }),
+    index < lastIndex && /* @__PURE__ */ jsxRuntime.jsx("li", { className: styles$A.breadcrumbsItem, "aria-hidden": "true", children: separator })
   ] }, index)) }) });
 }
 Breadcrumbs.Item = BreadcrumbItem;
@@ -1161,7 +1229,7 @@ const neutral$2 = "_neutral_1waqk_78";
 const lg$6 = "_lg_1waqk_145";
 const md$9 = "_md_1waqk_153";
 const sm$4 = "_sm_1waqk_161";
-const styles$t = {
+const styles$y = {
 	button: button,
 	accent: accent$3,
 	primary: primary$2,
@@ -1179,7 +1247,7 @@ const accent$2 = "_accent_o8iku_10";
 const neutral$1 = "_neutral_o8iku_22";
 const lg$5 = "_lg_o8iku_41";
 const md$8 = "_md_o8iku_46";
-const styles$s = {
+const styles$x = {
 	buttonFunction: buttonFunction,
 	accent: accent$2,
 	neutral: neutral$1,
@@ -1199,7 +1267,7 @@ function ButtonFunction({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Component,
     {
-      className: classNames(styles$s.buttonFunction, styles$s[color], styles$s[size], className),
+      className: classNames(styles$x.buttonFunction, styles$x[color], styles$x[size], className),
       ...props.disabled && { "data-disabled": true },
       ...!asChild && { type: "button" },
       ...props,
@@ -1221,7 +1289,7 @@ function Button({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Component,
     {
-      className: classNames(styles$t.button, styles$t[color], styles$t[size], styles$t[mode], className),
+      className: classNames(styles$y.button, styles$y[color], styles$y[size], styles$y[mode], className),
       ...!asChild && { type: "button" },
       ...props,
       children
@@ -1233,7 +1301,7 @@ Button.Function = ButtonFunction;
 const checkboxWrapper = "_checkboxWrapper_k1shg_2";
 const icon$2 = "_icon_k1shg_23";
 const checkbox = "_checkbox_k1shg_2";
-const styles$r = {
+const styles$w = {
 	checkboxWrapper: checkboxWrapper,
 	icon: icon$2,
 	checkbox: checkbox
@@ -1246,11 +1314,11 @@ function Checkbox({ className, label, indeterminate, ...props }) {
     {
       "data-disabled": `${Boolean(props.disabled)}`,
       "data-state": dataState,
-      className: classNames(styles$r.checkboxWrapper, className),
+      className: classNames(styles$w.checkboxWrapper, className),
       children: [
-        dataState === "checked" && /* @__PURE__ */ jsxRuntime.jsx(IconCheck, { "data-disabled": `${Boolean(props.disabled)}`, className: styles$r.icon }),
-        dataState === "indeterminate" && /* @__PURE__ */ jsxRuntime.jsx(IconMinus, { "data-disabled": `${Boolean(props.disabled)}`, className: styles$r.icon }),
-        /* @__PURE__ */ jsxRuntime.jsx("input", { "data-state": dataState, type: "checkbox", className: styles$r.checkbox, ...props }),
+        dataState === "checked" && /* @__PURE__ */ jsxRuntime.jsx(IconCheck, { "data-disabled": `${Boolean(props.disabled)}`, className: styles$w.icon }),
+        dataState === "indeterminate" && /* @__PURE__ */ jsxRuntime.jsx(IconMinus, { "data-disabled": `${Boolean(props.disabled)}`, className: styles$w.icon }),
+        /* @__PURE__ */ jsxRuntime.jsx("input", { "data-state": dataState, type: "checkbox", className: styles$w.checkbox, ...props }),
         label
       ]
     }
@@ -1258,7 +1326,7 @@ function Checkbox({ className, label, indeterminate, ...props }) {
 }
 
 const chip = "_chip_dj4kw_2";
-const styles$q = {
+const styles$v = {
 	chip: chip
 };
 
@@ -1266,7 +1334,7 @@ function Chip({ isSelected, children, className, disabled, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: classNames(styles$q.chip, className),
+      className: classNames(styles$v.chip, className),
       "data-selected": isSelected,
       "data-disabled": disabled,
       "aria-disabled": disabled,
@@ -1284,7 +1352,7 @@ const accent$1 = "_accent_ww0fb_37";
 const neutral = "_neutral_ww0fb_42";
 const secondary$2 = "_secondary_ww0fb_47";
 const white = "_white_ww0fb_52";
-const styles$p = {
+const styles$u = {
 	root: root$1,
 	lg: lg$4,
 	md: md$7,
@@ -1296,7 +1364,7 @@ const styles$p = {
 };
 
 function Counter({ className, size = "lg", color = "red", ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames(styles$p.root, styles$p[size], styles$p[color], className), ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames(styles$u.root, styles$u[size], styles$u[color], className), ...props });
 }
 
 const LOCALE_FIRST_DAY_OF_WEEK = {
@@ -1306,7 +1374,7 @@ const LOCALE_FIRST_DAY_OF_WEEK = {
 
 const datePickerCellWrapper = "_datePickerCellWrapper_np1gx_2";
 const datePickerCell = "_datePickerCell_np1gx_2";
-const styles$o = {
+const styles$t = {
 	datePickerCellWrapper: datePickerCellWrapper,
 	datePickerCell: datePickerCell,
 	"radius-none": "_radius-none_np1gx_83",
@@ -1316,10 +1384,10 @@ const styles$o = {
 };
 
 function DatePickerCell({ children, className, state, isCurrent, radius = "both", ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames(styles$o.datePickerCellWrapper, styles$o[`radius-${radius}`]), "data-state": state, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames(styles$t.datePickerCellWrapper, styles$t[`radius-${radius}`]), "data-state": state, children: /* @__PURE__ */ jsxRuntime.jsx(
     "button",
     {
-      className: classNames(styles$o.datePickerCell, styles$o[`radius-${radius}`], className),
+      className: classNames(styles$t.datePickerCell, styles$t[`radius-${radius}`], className),
       type: "button",
       role: "gridcell",
       "aria-selected": state === "selected",
@@ -1389,7 +1457,7 @@ function normalizeDateRange(firstDate, secondDate) {
 const datePickerField = "_datePickerField_1qk8s_2";
 const datePickerFieldCalendar = "_datePickerFieldCalendar_1qk8s_8";
 const datePickerFieldWeek = "_datePickerFieldWeek_1qk8s_14";
-const styles$n = {
+const styles$s = {
 	datePickerField: datePickerField,
 	datePickerFieldCalendar: datePickerFieldCalendar,
 	datePickerFieldWeek: datePickerFieldWeek
@@ -1404,9 +1472,9 @@ function DatePickerField({
   firstDayOfWeek = LOCALE_FIRST_DAY_OF_WEEK.ru
 }) {
   const weeks = React.useMemo(() => getCalendarGrid(month, year, firstDayOfWeek), [month, year, firstDayOfWeek]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classNames(styles$n.datePickerField, className), role: "grid", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classNames(styles$s.datePickerField, className), role: "grid", children: [
     renderWeekdays?.(),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$n.datePickerFieldCalendar, role: "rowgroup", children: weeks.map((week, weekIndex) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$n.datePickerFieldWeek, role: "row", "aria-rowindex": weekIndex + 1, children: week.map((day, dayIndex) => /* @__PURE__ */ jsxRuntime.jsx(Slot, { role: "gridcell", "aria-colindex": dayIndex + 1, children: children(day) }, `${day.year}-${day.month}-${day.date}`)) }, weekIndex)) })
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$s.datePickerFieldCalendar, role: "rowgroup", children: weeks.map((week, weekIndex) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$s.datePickerFieldWeek, role: "row", "aria-rowindex": weekIndex + 1, children: week.map((day, dayIndex) => /* @__PURE__ */ jsxRuntime.jsx(Slot, { role: "gridcell", "aria-colindex": dayIndex + 1, children: children(day) }, `${day.year}-${day.month}-${day.date}`)) }, weekIndex)) })
   ] });
 }
 
@@ -1447,13 +1515,13 @@ const I18N_MONTH_LABELS = {
 
 const datePickerWeekdays = "_datePickerWeekdays_p8tsm_2";
 const datePickerWeekday = "_datePickerWeekday_p8tsm_2";
-const styles$m = {
+const styles$r = {
 	datePickerWeekdays: datePickerWeekdays,
 	datePickerWeekday: datePickerWeekday
 };
 
 function DatePickerWeekDays({ className, locale = "ru" }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames(styles$m.datePickerWeekdays, className), role: "row", children: I18N_WEEKDAY_LABELS[locale].map((label) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$m.datePickerWeekday, role: "columnheader", children: label }, label)) });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames(styles$r.datePickerWeekdays, className), role: "row", children: I18N_WEEKDAY_LABELS[locale].map((label) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$r.datePickerWeekday, role: "columnheader", children: label }, label)) });
 }
 
 function DatePicker() {
@@ -1689,21 +1757,21 @@ const DROPDOWN_PORTAL_SIDE_CONFIG = {
 };
 
 const dropdownContent = "_dropdownContent_12tkb_2";
-const styles$l = {
+const styles$q = {
 	dropdownContent: dropdownContent
 };
 
 function DropdownContent({ className, children, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames(styles$l.dropdownContent, className), ...props, children });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames(styles$q.dropdownContent, className), ...props, children });
 }
 
 const dropdownItem = "_dropdownItem_msc4i_2";
-const styles$k = {
+const styles$p = {
 	dropdownItem: dropdownItem
 };
 
 function DropdownItem({ className, children, disabled, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames(styles$k.dropdownItem, className), role: "menuitem", "data-disabled": disabled, ...props, children });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames(styles$p.dropdownItem, className), role: "menuitem", "data-disabled": disabled, ...props, children });
 }
 
 const CLICK_OUTSIDE_IGNORE_DATA_NAME = "data-clickoutside-ignore";
@@ -2131,7 +2199,7 @@ function useTriggerHandlersByEventTrigger() {
 }
 
 const dropdownPortal = "_dropdownPortal_p3tdk_2";
-const styles$j = {
+const styles$o = {
 	dropdownPortal: dropdownPortal
 };
 
@@ -2171,7 +2239,7 @@ function DropdownPortal({
           ...style
         },
         ref: portalRef,
-        className: classNames(styles$j.dropdownPortal, className),
+        className: classNames(styles$o.dropdownPortal, className),
         ...handlersByTrigger[triggerEvent],
         ...isNested && { [CLICK_OUTSIDE_IGNORE_DATA_NAME]: "true" },
         children
@@ -2228,7 +2296,7 @@ const closeButton = "_closeButton_1kerp_74";
 const closeIcon = "_closeIcon_1kerp_95";
 const description = "_description_1kerp_100";
 const actions = "_actions_1kerp_108";
-const styles$i = {
+const styles$n = {
 	notificationInline: notificationInline,
 	accent: accent,
 	negative: negative,
@@ -2263,15 +2331,15 @@ function NotificationInline({
   ...props
 }) {
   const StatusIcon = STATUS_ICONS[color];
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classNames(styles$i.notificationInline, styles$i[color], styles$i[mode], className), ...props, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(StatusIcon, { className: styles$i.statusIcon, "aria-hidden": "true" }),
-    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: styles$i.body, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: styles$i.titleRow, children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$i.title, children: title }),
-        onClose && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", "aria-label": "Close", className: styles$i.closeButton, onClick: onClose, children: /* @__PURE__ */ jsxRuntime.jsx(IconXMark.Small, { className: styles$i.closeIcon, "aria-hidden": "true" }) })
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classNames(styles$n.notificationInline, styles$n[color], styles$n[mode], className), ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(StatusIcon, { className: styles$n.statusIcon, "aria-hidden": "true" }),
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: styles$n.body, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: styles$n.titleRow, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$n.title, children: title }),
+        onClose && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", "aria-label": "Close", className: styles$n.closeButton, onClick: onClose, children: /* @__PURE__ */ jsxRuntime.jsx(IconXMark.Small, { className: styles$n.closeIcon, "aria-hidden": "true" }) })
       ] }),
-      description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$i.description, children: description }),
-      children && /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$i.actions, children })
+      description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$n.description, children: description }),
+      children && /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$n.actions, children })
     ] })
   ] });
 }
@@ -2287,7 +2355,7 @@ const BOUNDARY_PAGES = 2;
 const paginationItem = "_paginationItem_1ll6p_2";
 const md$6 = "_md_1ll6p_46";
 const sm$3 = "_sm_1ll6p_60";
-const styles$h = {
+const styles$m = {
 	paginationItem: paginationItem,
 	md: md$6,
 	sm: sm$3
@@ -2299,7 +2367,7 @@ function PaginationItem({ className, children, size = "md", isCurrent, ...props
     {
       type: "button",
       ...isCurrent && { "aria-current": "page" },
-      className: classNames(styles$h.paginationItem, styles$h[size], className),
+      className: classNames(styles$m.paginationItem, styles$m[size], className),
       ...props,
       children
     }
@@ -2336,7 +2404,7 @@ function getVisiblePages(totalPages, maxVisiblePagesWithEllipsis, currentPage) {
 const paginationRoot = "_paginationRoot_c5fwx_2";
 const paginationList = "_paginationList_c5fwx_7";
 const arrowLeft = "_arrowLeft_c5fwx_13";
-const styles$g = {
+const styles$l = {
 	paginationRoot: paginationRoot,
 	paginationList: paginationList,
 	arrowLeft: arrowLeft
@@ -2363,9 +2431,9 @@ function PaginationRoot({
     {
       "aria-label": "pagination navigation",
       role: "navigation",
-      className: classNames(styles$g.paginationRoot, className),
+      className: classNames(styles$l.paginationRoot, className),
       ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsxs("ul", { className: styles$g.paginationList, children: [
+      children: /* @__PURE__ */ jsxRuntime.jsxs("ul", { className: styles$l.paginationList, children: [
         showArrows && /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
           PaginationItem$1,
           {
@@ -2373,7 +2441,7 @@ function PaginationRoot({
             onClick: () => onPageChange(currentPage - 1),
             disabled: isFirstPage,
             size,
-            children: /* @__PURE__ */ jsxRuntime.jsx(IconChevron$1, { className: styles$g.arrowLeft })
+            children: /* @__PURE__ */ jsxRuntime.jsx(IconChevron$1, { className: styles$l.arrowLeft })
           }
         ) }),
         visiblePages.map((page, index) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: page === ELLIPSIS_SYMBOL ? /* @__PURE__ */ jsxRuntime.jsx(PaginationItem$1, { "aria-label": "More pages", disabled: true, size, children: /* @__PURE__ */ jsxRuntime.jsx(Ellipsis, {}) }) : /* @__PURE__ */ jsxRuntime.jsx(
@@ -2413,7 +2481,7 @@ const fill$1 = "_fill_33gbh_23";
 const trail = "_trail_33gbh_28";
 const sm$2 = "_sm_33gbh_32";
 const md$5 = "_md_33gbh_36";
-const styles$f = {
+const styles$k = {
 	root: root,
 	segment: segment,
 	flexGrow: flexGrow,
@@ -2434,7 +2502,7 @@ function ProgressBarLinear({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: classNames(styles$f.root, styles$f[size], className),
+      className: classNames(styles$k.root, styles$k[size], className),
       role: "progressbar",
       "aria-valuenow": clampedPercent,
       "aria-valuemin": 0,
@@ -2446,14 +2514,14 @@ function ProgressBarLinear({
         (Boolean(clampedPercent) || showFillOnZero) && /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
-            className: classNames(styles$f.segment, styles$f.fill),
+            className: classNames(styles$k.segment, styles$k.fill),
             style: {
               "--clamped-percent": `${clampedPercent}%`
             },
             "aria-hidden": "true"
           }
         ),
-        clampedPercent < 100 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames(styles$f.segment, styles$f.flexGrow, styles$f.trail), "aria-hidden": "true" })
+        clampedPercent < 100 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames(styles$k.segment, styles$k.flexGrow, styles$k.trail), "aria-hidden": "true" })
       ]
     }
   );
@@ -2473,7 +2541,7 @@ function ProgressBarSteps({
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        className: classNames(styles$f.segment, styles$f.flexGrow, isFilled ? styles$f.fill : styles$f.trail),
+        className: classNames(styles$k.segment, styles$k.flexGrow, isFilled ? styles$k.fill : styles$k.trail),
         "aria-hidden": "true"
       },
       index
@@ -2482,7 +2550,7 @@ function ProgressBarSteps({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: classNames(styles$f.root, styles$f[size], className),
+      className: classNames(styles$k.root, styles$k[size], className),
       role: "progressbar",
       "aria-valuenow": clampedCurrent,
       "aria-valuemin": 0,
@@ -2502,14 +2570,14 @@ ProgressBar.Steps = ProgressBarSteps;
 
 const radioWrapper = "_radioWrapper_13xie_2";
 const radio = "_radio_13xie_2";
-const styles$e = {
+const styles$j = {
 	radioWrapper: radioWrapper,
 	radio: radio
 };
 
 function RadioButton({ className, label, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("label", { "data-disabled": `${Boolean(props.disabled)}`, className: classNames(styles$e.radioWrapper, className), children: [
-    /* @__PURE__ */ jsxRuntime.jsx("input", { type: "radio", className: styles$e.radio, ...props }),
+  return /* @__PURE__ */ jsxRuntime.jsxs("label", { "data-disabled": `${Boolean(props.disabled)}`, className: classNames(styles$j.radioWrapper, className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx("input", { type: "radio", className: styles$j.radio, ...props }),
     label
   ] });
 }
@@ -2520,7 +2588,7 @@ const textFieldAreaWrapper = "_textFieldAreaWrapper_pia91_2";
 const textFieldAreaLabel = "_textFieldAreaLabel_pia91_14";
 const textFieldAreaLabelSuffix = "_textFieldAreaLabelSuffix_pia91_24";
 const textFieldArea = "_textFieldArea_pia91_2";
-const styles$d = {
+const styles$i = {
 	textFieldAreaWrapper: textFieldAreaWrapper,
 	textFieldAreaLabel: textFieldAreaLabel,
 	textFieldAreaLabelSuffix: textFieldAreaLabelSuffix,
@@ -2541,14 +2609,14 @@ function TextFieldArea({
       "data-invalid": isInvalid,
       "aria-invalid": isInvalid,
       "data-element": "field",
-      className: classNames(styles$d.textFieldArea, className),
+      className: classNames(styles$i.textFieldArea, className),
       placeholder,
       ...props
     }
   );
-  return floatingLabel ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$d.textFieldAreaWrapper, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: props.id, className: styles$d.textFieldAreaLabel, "data-element": "label", children: floatingLabel }),
-    floatingLabelSuffix && /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$d.textFieldAreaLabelSuffix, "data-element": "label-suffix", children: floatingLabelSuffix }),
+  return floatingLabel ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$i.textFieldAreaWrapper, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: props.id, className: styles$i.textFieldAreaLabel, "data-element": "label", children: floatingLabel }),
+    floatingLabelSuffix && /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$i.textFieldAreaLabelSuffix, "data-element": "label-suffix", children: floatingLabelSuffix }),
     textFieldArea
   ] }) : textFieldArea;
 }
@@ -2556,7 +2624,7 @@ function TextFieldArea({
 const textFieldInputWrapper = "_textFieldInputWrapper_1m8sa_2";
 const textFieldInputLabel = "_textFieldInputLabel_1m8sa_9";
 const textFieldInput = "_textFieldInput_1m8sa_2";
-const styles$c = {
+const styles$h = {
 	textFieldInputWrapper: textFieldInputWrapper,
 	textFieldInputLabel: textFieldInputLabel,
 	textFieldInput: textFieldInput
@@ -2575,37 +2643,37 @@ function TextFieldInput({
       "data-invalid": isInvalid,
       "aria-invalid": isInvalid,
       "data-element": "field",
-      className: classNames(styles$c.textFieldInput, className),
+      className: classNames(styles$h.textFieldInput, className),
       placeholder,
       ...props
     }
   );
-  return floatingLabel ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$c.textFieldInputWrapper, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: props.id, className: styles$c.textFieldInputLabel, "data-element": "label", children: floatingLabel }),
+  return floatingLabel ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$h.textFieldInputWrapper, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: props.id, className: styles$h.textFieldInputLabel, "data-element": "label", children: floatingLabel }),
     textFieldInput
   ] }) : textFieldInput;
 }
 
 const textFieldLabel = "_textFieldLabel_1xy6x_2";
-const styles$b = {
+const styles$g = {
 	textFieldLabel: textFieldLabel
 };
 
 function TextFieldLabel({ className, children, isRequired, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("label", { className: classNames(styles$b.textFieldLabel, className), "data-required": isRequired, ...props, children });
+  return /* @__PURE__ */ jsxRuntime.jsx("label", { className: classNames(styles$g.textFieldLabel, className), "data-required": isRequired, ...props, children });
 }
 
 const textFieldRoot = "_textFieldRoot_cs7mv_2";
 const lg$3 = "_lg_cs7mv_38";
 const md$4 = "_md_cs7mv_70";
-const styles$a = {
+const styles$f = {
 	textFieldRoot: textFieldRoot,
 	lg: lg$3,
 	md: md$4
 };
 
 function TextFieldRoot({ className, size = "lg", ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames(styles$a.textFieldRoot, styles$a[size], className), ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames(styles$f.textFieldRoot, styles$f[size], className), ...props });
 }
 
 function TextField() {
@@ -2620,7 +2688,7 @@ const custom = "_custom_gh87y_15";
 const icon$1 = "_icon_gh87y_25";
 const inputCustomWrapper = "_inputCustomWrapper_gh87y_34";
 const customButton = "_customButton_gh87y_49";
-const styles$9 = {
+const styles$e = {
 	search: search,
 	"default": "_default_gh87y_10",
 	custom: custom,
@@ -2646,7 +2714,7 @@ function Search(props) {
     value && /* @__PURE__ */ jsxRuntime.jsx(
       IconXMark.Small,
       {
-        className: styles$9.icon,
+        className: styles$e.icon,
         "aria-label": "clear search",
         role: "button",
         onClick: () => {
@@ -2660,13 +2728,13 @@ function Search(props) {
       }
     )
   ] });
-  return /* @__PURE__ */ jsxRuntime.jsxs(TextField.Root, { size: "md", className: classNames(styles$9.search, styles$9[mode], className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(TextField.Root, { size: "md", className: classNames(styles$e.search, styles$e[mode], className), children: [
     mode === "default" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(IconSearch, { className: styles$9.icon, "data-element": "icon" }),
+      /* @__PURE__ */ jsxRuntime.jsx(IconSearch, { className: styles$e.icon, "data-element": "icon" }),
       inputField
     ] }),
     mode === "custom" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$9.inputCustomWrapper, children: inputField }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$e.inputCustomWrapper, children: inputField }),
       /* @__PURE__ */ jsxRuntime.jsx(
         "button",
         {
@@ -2674,11 +2742,11 @@ function Search(props) {
           type: "button",
           onClick: props.onSearch,
           "data-element": "custom-button",
-          className: styles$9.customButton,
+          className: styles$e.customButton,
           style: {
             "--custom-button-width": `${props.buttonWidth ?? DEFAULT_CUSTOM_SEARCH_BUTTON_WIDTH}px`
           },
-          children: /* @__PURE__ */ jsxRuntime.jsx(IconSearch, { className: classNames(styles$9.icon), "data-element": "icon" })
+          children: /* @__PURE__ */ jsxRuntime.jsx(IconSearch, { className: classNames(styles$e.icon), "data-element": "icon" })
         }
       )
     ] })
@@ -2704,7 +2772,7 @@ function useSegmentControlContext() {
 const segmentControlItem = "_segmentControlItem_178px_2";
 const lg$2 = "_lg_178px_23";
 const md$3 = "_md_178px_28";
-const styles$8 = {
+const styles$d = {
 	segmentControlItem: segmentControlItem,
 	lg: lg$2,
 	md: md$3
@@ -2720,7 +2788,7 @@ function SegmentControlItem({ className, children, value, ...props }) {
       "aria-checked": value === activeValue,
       "data-state": value === activeValue ? "on" : "off",
       "data-value": value,
-      className: classNames(styles$8.segmentControlItem, styles$8[size], className),
+      className: classNames(styles$d.segmentControlItem, styles$d[size], className),
       ...props,
       children
     }
@@ -2757,7 +2825,7 @@ const showAfterDelay = "_showAfterDelay_pulca_1";
 const lg$1 = "_lg_pulca_19";
 const md$2 = "_md_pulca_23";
 const indicator$1 = "_indicator_pulca_28";
-const styles$7 = {
+const styles$c = {
 	segmentControlRoot: segmentControlRoot,
 	showAfterDelay: showAfterDelay,
 	lg: lg$1,
@@ -2772,11 +2840,11 @@ function SegmentControlRoot({ className, children, value, size = "md", ...props
     {
       ref: rootRef,
       role: "radiogroup",
-      className: classNames(styles$7.segmentControlRoot, styles$7[size], className),
+      className: classNames(styles$c.segmentControlRoot, styles$c[size], className),
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames(styles$7.indicator, styles$7[size]), style: indicatorStyle })
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames(styles$c.indicator, styles$c[size]), style: indicatorStyle })
       ]
     }
   ) });
@@ -2871,7 +2939,7 @@ const mark = "_mark_vuele_39";
 const markDot = "_markDot_vuele_43";
 const track = "_track_vuele_56";
 const marks = "_marks_vuele_106";
-const styles$6 = {
+const styles$b = {
 	slider: slider,
 	fill: fill,
 	rail: rail,
@@ -2883,16 +2951,16 @@ const styles$6 = {
 };
 
 function SliderMarks({ marks, min, max, activeFrom, activeTo }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$6.marks, children: marks.map(({ value, label }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$b.marks, children: marks.map(({ value, label }) => {
     const isActive = value >= activeFrom && value <= activeTo;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
         "data-state": isActive ? "active" : "default",
-        className: styles$6.mark,
+        className: styles$b.mark,
         style: { insetInlineStart: `${getPercent(value, { min, max })}%` },
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$6.markDot }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$b.markDot }),
           label
         ]
       },
@@ -3015,7 +3083,7 @@ function SliderBase({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: classNames(styles$6.slider, className),
+      className: classNames(styles$b.slider, className),
       "data-disabled": disabled,
       "data-marks": Boolean(marks?.length),
       ...props,
@@ -3023,18 +3091,18 @@ function SliderBase({
         "div",
         {
           ref: railRef,
-          className: styles$6.rail,
+          className: styles$b.rail,
           onPointerDown: handlePointerDown,
           onPointerMove: handlePointerMove,
           onPointerUp: stopDragging,
           onPointerCancel: stopDragging,
           onLostPointerCapture: handleLostPointerCapture,
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$6.track }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$b.track }),
             /* @__PURE__ */ jsxRuntime.jsx(
               "div",
               {
-                className: styles$6.fill,
+                className: styles$b.fill,
                 style: { insetInlineStart: `${toPercent(fillFrom)}%`, insetInlineEnd: `${100 - toPercent(fillTo)}%` }
               }
             ),
@@ -3056,7 +3124,7 @@ function SliderBase({
                 "aria-describedby": ariaDescribedBy,
                 "aria-disabled": disabled,
                 "aria-orientation": "horizontal",
-                className: styles$6.handle,
+                className: styles$b.handle,
                 style: { insetInlineStart: `${toPercent(value)}%` },
                 onKeyDown: (event) => handleKeyDown(event, index)
               },
@@ -3090,7 +3158,7 @@ const lg = "_lg_103n3_24";
 const primary$1 = "_primary_103n3_31";
 const secondary$1 = "_secondary_103n3_41";
 const value = "_value_103n3_50";
-const styles$5 = {
+const styles$a = {
 	stepper: stepper,
 	sm: sm$1,
 	md: md$1,
@@ -3131,7 +3199,7 @@ function Stepper({
     {
       role: "group",
       "aria-label": "Stepper",
-      className: classNames(styles$5.stepper, styles$5[size], styles$5[mode], className),
+      className: classNames(styles$a.stepper, styles$a[size], styles$a[mode], className),
       "data-disabled": disabled,
       ...props,
       children: [
@@ -3147,7 +3215,7 @@ function Stepper({
             children: /* @__PURE__ */ jsxRuntime.jsx(IconMinus, {})
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$5.value, "aria-live": "polite", children: value }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$a.value, "aria-live": "polite", children: value }),
         /* @__PURE__ */ jsxRuntime.jsx(
           Button,
           {
@@ -3167,7 +3235,7 @@ function Stepper({
 
 const switchWrapper = "_switchWrapper_1yukb_2";
 const icon = "_icon_1yukb_25";
-const styles$4 = {
+const styles$9 = {
 	switchWrapper: switchWrapper,
 	icon: icon,
 	"switch": "_switch_1yukb_2"
@@ -3180,16 +3248,111 @@ function Switch({ className, label, indeterminate, ...props }) {
     {
       "data-disabled": `${Boolean(props.disabled)}`,
       "data-state": dataState,
-      className: classNames(styles$4.switchWrapper, className),
+      className: classNames(styles$9.switchWrapper, className),
       children: [
-        dataState === "indeterminate" && /* @__PURE__ */ jsxRuntime.jsx(IconMinus, { "data-disabled": `${Boolean(props.disabled)}`, className: styles$4.icon }),
-        /* @__PURE__ */ jsxRuntime.jsx("input", { "data-state": dataState, type: "checkbox", role: "switch", className: styles$4.switch, ...props }),
+        dataState === "indeterminate" && /* @__PURE__ */ jsxRuntime.jsx(IconMinus, { "data-disabled": `${Boolean(props.disabled)}`, className: styles$9.icon }),
+        /* @__PURE__ */ jsxRuntime.jsx("input", { "data-state": dataState, type: "checkbox", role: "switch", className: styles$9.switch, ...props }),
         label
       ]
     }
   );
 }
 
+function TableBody({ className, children, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("tbody", { className, ...props, children });
+}
+
+const tableCaption = "_tableCaption_fn9c1_2";
+const styles$8 = {
+	tableCaption: tableCaption
+};
+
+function TableCaption({ className, children, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("caption", { className: classNames(styles$8.tableCaption, className), ...props, children });
+}
+
+const tableCell = "_tableCell_fsw3w_2";
+const left$1 = "_left_fsw3w_6";
+const center$1 = "_center_fsw3w_10";
+const right$1 = "_right_fsw3w_14";
+const styles$7 = {
+	tableCell: tableCell,
+	left: left$1,
+	center: center$1,
+	right: right$1
+};
+
+function TableCell({ className, children, align = "left", ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("td", { className: classNames(styles$7.tableCell, styles$7[align], className), ...props, children });
+}
+
+function TableHeader({ className, children, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("thead", { className, ...props, children });
+}
+
+const tableHeaderCell = "_tableHeaderCell_1ubwo_2";
+const left = "_left_1ubwo_10";
+const center = "_center_1ubwo_14";
+const right = "_right_1ubwo_18";
+const styles$6 = {
+	tableHeaderCell: tableHeaderCell,
+	left: left,
+	center: center,
+	right: right
+};
+
+function TableHeaderCell({
+  className,
+  children,
+  align = "left",
+  scope = "col",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("th", { scope, className: classNames(styles$6.tableHeaderCell, styles$6[align], className), ...props, children });
+}
+
+const scrollContainer = "_scrollContainer_3qaei_2";
+const table = "_table_3qaei_10";
+const styles$5 = {
+	scrollContainer: scrollContainer,
+	table: table
+};
+
+function TableRoot({ className, children, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$5.scrollContainer, children: /* @__PURE__ */ jsxRuntime.jsx("table", { className: classNames(styles$5.table, className), ...props, children }) });
+}
+
+const tableRow = "_tableRow_1p3oc_2";
+const group = "_group_1p3oc_16";
+const current = "_current_1p3oc_23";
+const styles$4 = {
+	tableRow: tableRow,
+	"default": "_default_1p3oc_12",
+	group: group,
+	current: current
+};
+
+function TableRow({ className, children, mode = "default", isCurrent = false, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "tr",
+    {
+      className: classNames(styles$4.tableRow, styles$4[mode], isCurrent ? styles$4.current : void 0, className),
+      ...props,
+      children
+    }
+  );
+}
+
+function Table(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(TableRoot, { ...props });
+}
+Table.Caption = TableCaption;
+Table.Header = TableHeader;
+Table.Body = TableBody;
+Table.Row = TableRow;
+Table.HeaderCell = TableHeaderCell;
+Table.Cell = TableCell;
+
 const TabsContext = React.createContext(null);
 
 function TabsProvider({ children, value }) {
@@ -3428,6 +3591,7 @@ exports.IconArrowUTurn = IconArrowUTurn;
 exports.IconBell = IconBell;
 exports.IconBox = IconBox;
 exports.IconCalendar = IconCalendar;
+exports.IconCamera = IconCamera;
 exports.IconCharacteristic = IconCharacteristic;
 exports.IconCheck = IconCheck;
 exports.IconCheckCircle = IconCheckCircle;
@@ -3436,6 +3600,7 @@ exports.IconChevronDouble = IconChevronDouble;
 exports.IconClock = IconClock;
 exports.IconCollapse = IconCollapse;
 exports.IconCopy = IconCopy;
+exports.IconDocument = IconDocument;
 exports.IconDots = IconDots;
 exports.IconDownload = IconDownload;
 exports.IconEye = IconEye;
@@ -3451,8 +3616,10 @@ exports.IconLogo = IconLogo;
 exports.IconMail = IconMail;
 exports.IconMinus = IconMinus;
 exports.IconOneCircle = IconOneCircle;
+exports.IconPause = IconPause;
 exports.IconPerson = IconPerson;
 exports.IconPhone = IconPhone;
+exports.IconPlay = IconPlay;
 exports.IconPlus = IconPlus;
 exports.IconPrize = IconPrize;
 exports.IconProject = IconProject;
@@ -3469,6 +3636,7 @@ exports.IconStop = IconStop;
 exports.IconStore = IconStore;
 exports.IconSwitch = IconSwitch;
 exports.IconTrash = IconTrash;
+exports.IconUpload = IconUpload;
 exports.IconXMark = IconXMark;
 exports.IconXMarkCircle = IconXMarkCircle;
 exports.LOCALE_FIRST_DAY_OF_WEEK = LOCALE_FIRST_DAY_OF_WEEK;
@@ -3481,6 +3649,7 @@ exports.SegmentControl = SegmentControl;
 exports.Slider = Slider;
 exports.Stepper = Stepper;
 exports.Switch = Switch;
+exports.Table = Table;
 exports.Tabs = Tabs;
 exports.Tag = Tag;
 exports.TextField = TextField;