@serendie/ui 3.5.1 → 3.6.0-dev.202607070300

package/dist/components/ProgressIndicator/AnimatedArc.js

@@ -1,46 +1,43 @@
-import { jsx as A } from "react/jsx-runtime";
-import n from "react";
-import { describeArc as R } from "./util.js";
-const h = 2.5, S = ({ className: f, radius: o, width: c }) => {
-  const [t, i] = n.useState(0), s = n.useRef(null), a = n.useRef(null);
-  n.useEffect(() => {
-    const e = (r) => {
-      s.current == null && (s.current = r);
-      const u = (r - s.current) / 1e3;
-      s.current = r;
-      const m = u / h;
-      i((p) => (p + m) % 1), a.current = requestAnimationFrame(e);
+import { jsx as R } from "react/jsx-runtime";
+import e from "react";
+import { getAnimatedArcProps as P } from "./animatedArcProps.js";
+const F = 2.5, E = ({ className: l, radius: u, width: o, progress: t }) => {
+  const [s, m] = e.useState(0), r = e.useRef(null), n = e.useRef(null);
+  e.useEffect(() => {
+    if (t != null)
+      return;
+    const a = (c) => {
+      r.current == null && (r.current = c);
+      const d = (c - r.current) / 1e3;
+      r.current = c;
+      const A = d / F;
+      m((p) => (p + A) % 1), n.current = requestAnimationFrame(a);
     };
-    return a.current = requestAnimationFrame(e), () => {
-      a.current != null && cancelAnimationFrame(a.current);
+    return n.current = requestAnimationFrame(a), () => {
+      n.current != null && cancelAnimationFrame(n.current);
     };
-  }, []);
-  const { d: l, rotationDeg: d } = n.useMemo(() => {
-    const e = t * Math.PI * 2, r = 180 + 40 * Math.sin(-e) + 40, u = 90 * Math.sin(e) + 90;
-    return { d: R(
-      o + c,
-      // cx
-      o + c,
-      // cy
-      o,
-      // r
-      t * 360 + u,
-      t * 360 + r
-    ), rotationDeg: t * 360 };
-  }, [t, o, c]);
-  return /* @__PURE__ */ A(
+  }, [t]);
+  const { d: f, rotationDeg: i } = e.useMemo(
+    () => P({
+      progress: t ?? s,
+      radius: u,
+      width: o
+    }),
+    [t, s, u, o]
+  );
+  return /* @__PURE__ */ R(
     "path",
     {
-      d: l,
-      transform: `rotate(${d})`,
+      d: f,
+      transform: `rotate(${i})`,
       strokeLinecap: "butt",
       stroke: "currentColor",
-      strokeWidth: c,
+      strokeWidth: o,
       fill: "none",
-      className: f
+      className: l
     }
   );
 };
 export {
-  S as AnimatedArc
+  E as AnimatedArc
 };

package/dist/components/ProgressIndicator/AnimatedArc.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/ProgressIndicator/ProgressIndicator.d.ts

@@ -6,6 +6,6 @@ export interface ProgressIndicatorProps extends React.ComponentProps<"div"> {
     max?: number;
 }
 export declare const ProgressIndicator: {
-    ({ value, max, type, size, className, style, ...props }: ProgressIndicatorProps): import("react/jsx-runtime").JSX.Element;
+    ({ value, max, type, size, className, style, ...props }: ProgressIndicatorProps): React.JSX.Element;
     displayName: string;
 };

package/dist/components/ProgressIndicator/ProgressIndicatorIndeterminate.d.ts

@@ -3,8 +3,9 @@ export interface ProgressIndicatorIndeterminateProps extends React.ComponentProp
     type?: "linear" | "circular";
     size?: "small" | "medium" | "large";
     color?: "primary" | "subtle";
+    animationProgress?: number;
 }
 export declare const ProgressIndicatorIndeterminate: {
-    ({ type, size, color, className, style, ...props }: ProgressIndicatorIndeterminateProps): import("react/jsx-runtime").JSX.Element;
+    ({ type, size, color, animationProgress, className, style, ...props }: ProgressIndicatorIndeterminateProps): React.JSX.Element;
     displayName: string;
 };

package/dist/components/ProgressIndicator/ProgressIndicatorIndeterminate.js

@@ -1,8 +1,9 @@
-import { jsx as i, jsxs as p } from "react/jsx-runtime";
-import { AnimatedArc as h } from "./AnimatedArc.js";
-import { cx as c } from "../../styled-system/css/cx.js";
-import { cva as o } from "../../styled-system/css/cva.js";
-const m = o({
+import { jsx as i, jsxs as h } from "react/jsx-runtime";
+import { AnimatedArc as y } from "./AnimatedArc.js";
+import { normalizeProgress as f } from "./animatedArcProps.js";
+import { cx as u } from "../../styled-system/css/cx.js";
+import { cva as l } from "../../styled-system/css/cva.js";
+const p = l({
   base: {
     position: "relative",
     display: "flex",
@@ -80,7 +81,7 @@ const m = o({
     size: "medium",
     color: "primary"
   }
-}), g = o({
+}), b = l({
   base: {
     position: "absolute",
     backgroundColor: "sd.reference.color.scale.gray.100"
@@ -106,7 +107,7 @@ const m = o({
     }
   },
   compoundVariants: []
-}), u = o({
+}), g = l({
   base: {
     position: "absolute"
   },
@@ -140,7 +141,7 @@ const m = o({
     }
   },
   compoundVariants: []
-}), y = (e) => ({
+}), x = (r) => ({
   small: {
     radius: 6,
     strokeWidth: 2
@@ -153,37 +154,40 @@ const m = o({
     radius: 20,
     strokeWidth: 8
   }
-})[e], f = ({
-  type: e = "linear",
-  size: r = "medium",
+})[r], v = ({
+  type: r = "linear",
+  size: e = "medium",
   color: s = "primary",
-  className: l,
-  style: n,
-  ...d
+  animationProgress: n,
+  className: d,
+  style: c,
+  ...m
 }) => {
-  if (e === "circular") {
-    const { radius: a, strokeWidth: t } = y(r);
+  const a = n == null ? void 0 : f(n);
+  if (r === "circular") {
+    const { radius: t, strokeWidth: o } = x(e);
     return /* @__PURE__ */ i(
       "div",
       {
-        className: c(
-          m({ type: e, size: r, color: s }),
-          l
+        className: u(
+          p({ type: r, size: e, color: s }),
+          d
         ),
         role: "progressbar",
         "aria-valuetext": "Loading",
-        style: n,
-        ...d,
+        style: c,
+        ...m,
         children: /* @__PURE__ */ i(
           "svg",
           {
-            viewBox: `0 0 ${a * 2 + t * 2} ${a * 2 + t * 2}`,
+            viewBox: `0 0 ${t * 2 + o * 2} ${t * 2 + o * 2}`,
             children: /* @__PURE__ */ i(
-              h,
+              y,
               {
-                className: u({ type: e, size: r, color: s }),
-                radius: a,
-                width: t
+                className: g({ type: r, size: e, color: s }),
+                radius: t,
+                width: o,
+                progress: a
               }
             )
           }
@@ -191,25 +195,34 @@ const m = o({
       }
     );
   }
-  return /* @__PURE__ */ p(
+  return /* @__PURE__ */ h(
     "div",
     {
-      className: c(
-        m({ type: e, size: r, color: s }),
-        l
+      className: u(
+        p({ type: r, size: e, color: s }),
+        d
       ),
       role: "progressbar",
       "aria-valuetext": "Loading",
-      style: n,
-      ...d,
+      style: c,
+      ...m,
       children: [
-        /* @__PURE__ */ i("div", { className: g({ type: e, size: r }) }),
-        /* @__PURE__ */ i("div", { className: u({ type: e, size: r, color: s }) })
+        /* @__PURE__ */ i("div", { className: b({ type: r, size: e }) }),
+        /* @__PURE__ */ i(
+          "div",
+          {
+            className: g({ type: r, size: e, color: s }),
+            style: a == null ? void 0 : {
+              animation: "none",
+              transform: `translateX(${a * 300 - 150}%)`
+            }
+          }
+        )
       ]
     }
   );
 };
-f.displayName = "ProgressIndicatorIndeterminate";
+v.displayName = "ProgressIndicatorIndeterminate";
 export {
-  f as ProgressIndicatorIndeterminate
+  v as ProgressIndicatorIndeterminate
 };

package/dist/components/ProgressIndicator/animatedArcProps.d.ts

@@ -0,0 +1,11 @@
+type AnimatedArcProps = {
+    progress: number;
+    radius: number;
+    width: number;
+};
+export declare const normalizeProgress: (progress: number) => number;
+export declare const getAnimatedArcProps: ({ progress, radius, width, }: AnimatedArcProps) => {
+    d: string;
+    rotationDeg: number;
+};
+export {};

package/dist/components/ProgressIndicator/animatedArcProps.js

@@ -0,0 +1,19 @@
+import { describeArc as a } from "./util.js";
+const i = (n) => (n % 1 + 1) % 1, h = ({
+  progress: n,
+  radius: o,
+  width: r
+}) => {
+  const t = i(n), e = t * Math.PI * 2, s = 180 + 40 * Math.sin(-e) + 40, c = 90 * Math.sin(e) + 90;
+  return { d: a(
+    o + r,
+    o + r,
+    o,
+    t * 360 + c,
+    t * 360 + s
+  ), rotationDeg: t * 360 };
+};
+export {
+  h as getAnimatedArcProps,
+  i as normalizeProgress
+};

package/dist/components/Tabs/TabItem.d.ts

@@ -18,5 +18,5 @@ type ExclusiveBadgeProps = ({
     dot?: boolean;
 });
 export type TabItemProps = TabItemBaseProps & RecipeVariantProps<typeof TabItemStyle> & ArkTabs.TriggerProps & ExclusiveBadgeProps;
-export declare const TabItem: ({ title, value, disabled, dot, badge, className, ...props }: TabItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TabItem: ({ title, value, disabled, dot, badge, className, ...props }: TabItemProps) => import("react").JSX.Element;
 export {};

package/dist/components/Tabs/Tabs.d.ts

@@ -1,3 +1,3 @@
 import { Tabs as ArkTabs } from '@ark-ui/react';
 export declare const TabsStyle: import('../../../styled-system/types').SlotRecipeRuntimeFn<"list" | "root", import('../../../styled-system/types').SlotRecipeVariantRecord<"list" | "root">>;
-export declare const Tabs: ({ children, className, ...props }: ArkTabs.RootProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Tabs: ({ children, className, ...props }: ArkTabs.RootProps) => import("react").JSX.Element;

package/dist/i18n/dictionary.d.ts

@@ -14,6 +14,8 @@ export declare const dictionary: {
         readonly "pagination.nextPage": "次のページへ";
         readonly "pagination.goToPage": "ページ{{page}}へ移動";
         readonly "modalDialog.close": "閉じる";
+        readonly "breadcrumbs.label": "パンくずリスト";
+        readonly "breadcrumbs.showMore": "折りたたまれた項目を表示";
     };
     readonly en: {
         readonly "common.required": "Required";
@@ -30,5 +32,7 @@ export declare const dictionary: {
         readonly "pagination.nextPage": "Go to next page";
         readonly "pagination.goToPage": "Go to page {{page}}";
         readonly "modalDialog.close": "Close";
+        readonly "breadcrumbs.label": "Breadcrumb";
+        readonly "breadcrumbs.showMore": "Show more breadcrumbs";
     };
 };

package/dist/i18n/dictionary.js

@@ -1,4 +1,4 @@
-const a = {
+const e = {
   ja: {
     "common.required": "必須",
     "textField.clearValue": "値をクリア",
@@ -13,7 +13,9 @@ const a = {
     "pagination.lastPage": "最後のページです",
     "pagination.nextPage": "次のページへ",
     "pagination.goToPage": "ページ{{page}}へ移動",
-    "modalDialog.close": "閉じる"
+    "modalDialog.close": "閉じる",
+    "breadcrumbs.label": "パンくずリスト",
+    "breadcrumbs.showMore": "折りたたまれた項目を表示"
   },
   en: {
     "common.required": "Required",
@@ -29,9 +31,11 @@ const a = {
     "pagination.lastPage": "This is the last page",
     "pagination.nextPage": "Go to next page",
     "pagination.goToPage": "Go to page {{page}}",
-    "modalDialog.close": "Close"
+    "modalDialog.close": "Close",
+    "breadcrumbs.label": "Breadcrumb",
+    "breadcrumbs.showMore": "Show more breadcrumbs"
   }
 };
 export {
-  a as dictionary
+  e as dictionary
 };

package/dist/i18n/provider.d.ts

@@ -32,7 +32,7 @@ export interface SerendieProviderProps {
  * </SerendieProvider>
  * ```
  */
-export declare function SerendieProvider({ lang, colorTheme, colorMode, children, }: SerendieProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function SerendieProvider({ lang, colorTheme, colorMode, children, }: SerendieProviderProps): import("react").JSX.Element;
 /**
  * @deprecated LanguageProvider は SerendieProvider にリネームされました
  */

package/dist/index.d.ts

@@ -5,6 +5,7 @@ export * from './components/Accordion/index.ts';
 export * from './components/Avatar/index.ts';
 export * from './components/Badge/index.ts';
 export * from './components/Banner/index.ts';
+export * from './components/Breadcrumbs/index.ts';
 export * from './components/BottomNavigation/index.ts';
 export * from './components/Button/index.ts';
 export * from './components/Chart/index.ts';

package/dist/index.js

@@ -1,142 +1,146 @@
 import { SerendiePreset as r } from "./preset.js";
 import { ThemeContext as a, resolveTheme as m, useThemeContext as p } from "./theme/ThemeContext.js";
 import { useSystemColorScheme as i } from "./theme/useSystemColorScheme.js";
-import { ColorSchemeScript as s, getColorSchemeScript as f } from "./theme/initColorScheme.js";
+import { ColorSchemeScript as n, getColorSchemeScript as f } from "./theme/initColorScheme.js";
 import { formatDateByLang as l, getTranslations as d, useTranslations as S } from "./i18n/index.js";
 import { Accordion as C } from "./components/Accordion/Accordion.js";
-import { AccordionGroup as y } from "./components/Accordion/AccordionGroup.js";
-import { Avatar as u, AvatarStyle as T } from "./components/Avatar/Avatar.js";
-import { Badge as P, BadgeCloseButton as D, BadgeStyle as b } from "./components/Badge/Badge.js";
+import { AccordionGroup as u } from "./components/Accordion/AccordionGroup.js";
+import { Avatar as y, AvatarStyle as I } from "./components/Avatar/Avatar.js";
+import { Badge as b, BadgeCloseButton as P, BadgeStyle as D } from "./components/Badge/Badge.js";
 import { Banner as v } from "./components/Banner/Banner.js";
-import { BottomNavigation as w } from "./components/BottomNavigation/BottomNavigation.js";
-import { BottomNavigationItem as L, BottomNavigationItemStyle as N } from "./components/BottomNavigation/BottomNavigationItem.js";
-import { Button as F, ButtonStyle as G } from "./components/Button/Button.js";
-import { SerendieChartTheme as W } from "./components/Chart/SerendieChartTheme.js";
-import { compactChartMargin as q, defaultChartMargin as z, getChartColor as E, getChartColors as H, legendChartMargin as J, spaciousChartMargin as K, useBarChartProps as O, useChartProps as Q, useLineChartProps as V, usePieChartProps as X } from "./components/Chart/SerendieChartProps.js";
-import { CheckBox as Z, CheckBoxStyle as _, checkboxCheckedIconCss as $, checkboxIconCss as oo, checkboxUncheckedIconCss as eo } from "./components/CheckBox/CheckBox.js";
-import { ChoiceBox as to, ChoiceBoxStyle as ao } from "./components/ChoiceBox/ChoiceBox.js";
-import { DashboardWidget as po } from "./components/DashboardWidget/DashboardWidget.js";
-import { DataTable as io } from "./components/DataTable/index.js";
-import { DatePicker as so } from "./components/DatePicker/DatePicker.js";
-import { Divider as co, DividerStyle as lo } from "./components/Divider/Divider.js";
-import { Drawer as ho } from "./components/Drawer/Drawer.js";
-import { DropdownMenu as go, DropdownMenuStyle as yo } from "./components/DropdownMenu/DropdownMenu.js";
-import { IconButton as uo, IconButtonStyle as To } from "./components/IconButton/IconButton.js";
-import { List as Po } from "./components/List/List.js";
-import { ListItem as bo, ListItemStyle as ko } from "./components/List/ListItem.js";
-import { ModalDialog as Mo } from "./components/ModalDialog/ModalDialog.js";
-import { NotificationBadge as Ao } from "./components/NotificationBadge/NotificationBadge.js";
-import { Pagination as No, PaginationStyle as Ro } from "./components/Pagination/Pagination.js";
-import { PasswordField as Go } from "./components/PasswordField/PasswordField.js";
-import { ProgressIndicator as Wo } from "./components/ProgressIndicator/ProgressIndicator.js";
-import { ProgressIndicatorIndeterminate as qo } from "./components/ProgressIndicator/ProgressIndicatorIndeterminate.js";
-import { RadioButton as Eo, RadioButtonStyle as Ho, radioCheckedIconCss as Jo, radioIconCss as Ko, radioUncheckedIconCss as Oo } from "./components/RadioButton/RadioButton.js";
-import { RadioGroup as Vo } from "./components/RadioButton/RadioGroup.js";
-import { Search as Yo, SearchStyle as Zo } from "./components/Search/Search.js";
-import { Select as $o, SelectStyle as oe } from "./components/Select/Select.js";
-import { Slider as re, SliderStyle as te } from "./components/Slider/Slider.js";
-import { Steps as me, stepsStyles as pe } from "./components/Steps/Steps.js";
-import { Switch as ie, SwitchStyle as ne } from "./components/Switch/Switch.js";
-import { Tabs as fe, TabsStyle as ce } from "./components/Tabs/Tabs.js";
-import { TabItem as de, TabItemStyle as Se } from "./components/Tabs/TabItem.js";
-import { TextArea as Ce } from "./components/TextArea/TextArea.js";
-import { TextField as ye } from "./components/TextField/TextField.js";
-import { Toast as ue, ToastStyle as Te, toaster as Ie } from "./components/Toast/Toast.js";
-import { Tooltip as De } from "./components/Tooltip/Tooltip.js";
-import { TopAppBar as ke } from "./components/TopAppBar/TopAppBar.js";
-import { DataTableComponent as Me } from "./components/DataTable/DataTableComponent.js";
-import { LanguageProvider as Ae, SerendieProvider as Le } from "./i18n/provider.js";
-import { parse as Re } from "./node_modules/@zag-js/date-picker/dist/date-picker.parse.js";
+import { BreadcrumbItem as w, Breadcrumbs as A, breadcrumbsStyle as L } from "./components/Breadcrumbs/Breadcrumbs.js";
+import { BottomNavigation as R } from "./components/BottomNavigation/BottomNavigation.js";
+import { BottomNavigationItem as G, BottomNavigationItemStyle as U } from "./components/BottomNavigation/BottomNavigationItem.js";
+import { Button as j, ButtonStyle as q } from "./components/Button/Button.js";
+import { SerendieChartTheme as E } from "./components/Chart/SerendieChartTheme.js";
+import { compactChartMargin as J, defaultChartMargin as K, getChartColor as O, getChartColors as Q, legendChartMargin as V, spaciousChartMargin as X, useBarChartProps as Y, useChartProps as Z, useLineChartProps as _, usePieChartProps as $ } from "./components/Chart/SerendieChartProps.js";
+import { CheckBox as eo, CheckBoxStyle as ro, checkboxCheckedIconCss as to, checkboxIconCss as ao, checkboxUncheckedIconCss as mo } from "./components/CheckBox/CheckBox.js";
+import { ChoiceBox as xo, ChoiceBoxStyle as io } from "./components/ChoiceBox/ChoiceBox.js";
+import { DashboardWidget as no } from "./components/DashboardWidget/DashboardWidget.js";
+import { DataTable as co } from "./components/DataTable/index.js";
+import { DatePicker as So } from "./components/DatePicker/DatePicker.js";
+import { Divider as Co, DividerStyle as go } from "./components/Divider/Divider.js";
+import { Drawer as Bo } from "./components/Drawer/Drawer.js";
+import { DropdownMenu as Io, DropdownMenuStyle as To } from "./components/DropdownMenu/DropdownMenu.js";
+import { IconButton as Po, IconButtonStyle as Do } from "./components/IconButton/IconButton.js";
+import { List as vo } from "./components/List/List.js";
+import { ListItem as wo, ListItemStyle as Ao } from "./components/List/ListItem.js";
+import { ModalDialog as No } from "./components/ModalDialog/ModalDialog.js";
+import { NotificationBadge as Fo } from "./components/NotificationBadge/NotificationBadge.js";
+import { Pagination as Uo, PaginationStyle as Wo } from "./components/Pagination/Pagination.js";
+import { PasswordField as qo } from "./components/PasswordField/PasswordField.js";
+import { ProgressIndicator as Eo } from "./components/ProgressIndicator/ProgressIndicator.js";
+import { ProgressIndicatorIndeterminate as Jo } from "./components/ProgressIndicator/ProgressIndicatorIndeterminate.js";
+import { RadioButton as Oo, RadioButtonStyle as Qo, radioCheckedIconCss as Vo, radioIconCss as Xo, radioUncheckedIconCss as Yo } from "./components/RadioButton/RadioButton.js";
+import { RadioGroup as _o } from "./components/RadioButton/RadioGroup.js";
+import { Search as oe, SearchStyle as ee } from "./components/Search/Search.js";
+import { Select as te, SelectStyle as ae } from "./components/Select/Select.js";
+import { Slider as pe, SliderStyle as xe } from "./components/Slider/Slider.js";
+import { Steps as se, stepsStyles as ne } from "./components/Steps/Steps.js";
+import { Switch as ce, SwitchStyle as le } from "./components/Switch/Switch.js";
+import { Tabs as Se, TabsStyle as he } from "./components/Tabs/Tabs.js";
+import { TabItem as ge, TabItemStyle as ue } from "./components/Tabs/TabItem.js";
+import { TextArea as ye } from "./components/TextArea/TextArea.js";
+import { TextField as Te } from "./components/TextField/TextField.js";
+import { Toast as Pe, ToastStyle as De, toaster as ke } from "./components/Toast/Toast.js";
+import { Tooltip as Me } from "./components/Tooltip/Tooltip.js";
+import { TopAppBar as Ae } from "./components/TopAppBar/TopAppBar.js";
+import { DataTableComponent as Ne } from "./components/DataTable/DataTableComponent.js";
+import { LanguageProvider as Fe, SerendieProvider as Ge } from "./i18n/provider.js";
+import { parse as We } from "./node_modules/@zag-js/date-picker/dist/date-picker.parse.js";
 export {
   C as Accordion,
-  y as AccordionGroup,
-  u as Avatar,
-  T as AvatarStyle,
-  P as Badge,
-  D as BadgeCloseButton,
-  b as BadgeStyle,
+  u as AccordionGroup,
+  y as Avatar,
+  I as AvatarStyle,
+  b as Badge,
+  P as BadgeCloseButton,
+  D as BadgeStyle,
   v as Banner,
-  w as BottomNavigation,
-  L as BottomNavigationItem,
-  N as BottomNavigationItemStyle,
-  F as Button,
-  G as ButtonStyle,
-  Z as CheckBox,
-  _ as CheckBoxStyle,
-  to as ChoiceBox,
-  ao as ChoiceBoxStyle,
-  s as ColorSchemeScript,
-  po as DashboardWidget,
-  io as DataTable,
-  Me as DataTableComponent,
-  so as DatePicker,
-  co as Divider,
-  lo as DividerStyle,
-  ho as Drawer,
-  go as DropdownMenu,
-  yo as DropdownMenuStyle,
-  uo as IconButton,
-  To as IconButtonStyle,
-  Ae as LanguageProvider,
-  Po as List,
-  bo as ListItem,
-  ko as ListItemStyle,
-  Mo as ModalDialog,
-  Ao as NotificationBadge,
-  No as Pagination,
-  Ro as PaginationStyle,
-  Go as PasswordField,
-  Wo as ProgressIndicator,
-  qo as ProgressIndicatorIndeterminate,
-  Eo as RadioButton,
-  Ho as RadioButtonStyle,
-  Vo as RadioGroup,
-  Yo as Search,
-  Zo as SearchStyle,
-  $o as Select,
-  oe as SelectStyle,
-  W as SerendieChartTheme,
+  R as BottomNavigation,
+  G as BottomNavigationItem,
+  U as BottomNavigationItemStyle,
+  w as BreadcrumbItem,
+  A as Breadcrumbs,
+  j as Button,
+  q as ButtonStyle,
+  eo as CheckBox,
+  ro as CheckBoxStyle,
+  xo as ChoiceBox,
+  io as ChoiceBoxStyle,
+  n as ColorSchemeScript,
+  no as DashboardWidget,
+  co as DataTable,
+  Ne as DataTableComponent,
+  So as DatePicker,
+  Co as Divider,
+  go as DividerStyle,
+  Bo as Drawer,
+  Io as DropdownMenu,
+  To as DropdownMenuStyle,
+  Po as IconButton,
+  Do as IconButtonStyle,
+  Fe as LanguageProvider,
+  vo as List,
+  wo as ListItem,
+  Ao as ListItemStyle,
+  No as ModalDialog,
+  Fo as NotificationBadge,
+  Uo as Pagination,
+  Wo as PaginationStyle,
+  qo as PasswordField,
+  Eo as ProgressIndicator,
+  Jo as ProgressIndicatorIndeterminate,
+  Oo as RadioButton,
+  Qo as RadioButtonStyle,
+  _o as RadioGroup,
+  oe as Search,
+  ee as SearchStyle,
+  te as Select,
+  ae as SelectStyle,
+  E as SerendieChartTheme,
   r as SerendiePreset,
-  Le as SerendieProvider,
-  re as Slider,
-  te as SliderStyle,
-  me as Steps,
-  ie as Switch,
-  ne as SwitchStyle,
-  de as TabItem,
-  Se as TabItemStyle,
-  fe as Tabs,
-  ce as TabsStyle,
-  Ce as TextArea,
-  ye as TextField,
+  Ge as SerendieProvider,
+  pe as Slider,
+  xe as SliderStyle,
+  se as Steps,
+  ce as Switch,
+  le as SwitchStyle,
+  ge as TabItem,
+  ue as TabItemStyle,
+  Se as Tabs,
+  he as TabsStyle,
+  ye as TextArea,
+  Te as TextField,
   a as ThemeContext,
-  ue as Toast,
-  Te as ToastStyle,
-  De as Tooltip,
-  ke as TopAppBar,
-  $ as checkboxCheckedIconCss,
-  oo as checkboxIconCss,
-  eo as checkboxUncheckedIconCss,
-  q as compactChartMargin,
-  z as defaultChartMargin,
+  Pe as Toast,
+  De as ToastStyle,
+  Me as Tooltip,
+  Ae as TopAppBar,
+  L as breadcrumbsStyle,
+  to as checkboxCheckedIconCss,
+  ao as checkboxIconCss,
+  mo as checkboxUncheckedIconCss,
+  J as compactChartMargin,
+  K as defaultChartMargin,
   l as formatDateByLang,
-  E as getChartColor,
-  H as getChartColors,
+  O as getChartColor,
+  Q as getChartColors,
   f as getColorSchemeScript,
   d as getTranslations,
-  J as legendChartMargin,
-  Re as parseDate,
-  Jo as radioCheckedIconCss,
-  Ko as radioIconCss,
-  Oo as radioUncheckedIconCss,
+  V as legendChartMargin,
+  We as parseDate,
+  Vo as radioCheckedIconCss,
+  Xo as radioIconCss,
+  Yo as radioUncheckedIconCss,
   m as resolveTheme,
-  K as spaciousChartMargin,
-  pe as stepsStyles,
-  Ie as toaster,
-  O as useBarChartProps,
-  Q as useChartProps,
-  V as useLineChartProps,
-  X as usePieChartProps,
+  X as spaciousChartMargin,
+  ne as stepsStyles,
+  ke as toaster,
+  Y as useBarChartProps,
+  Z as useChartProps,
+  _ as useLineChartProps,
+  $ as usePieChartProps,
   i as useSystemColorScheme,
   p as useThemeContext,
   S as useTranslations