@temp-spotwork/ui 1.8.1 → 1.8.2

package/dist/components/molecules/dataviz/marker-progress-bar/MarkerProgressBar.stories.js

@@ -0,0 +1,68 @@
+import r from "react";
+import { MarkerProgressBar as e } from "./marker-progress-bar.js";
+const a = {
+  title: "@spotwork-ui/MarkerProgressBar",
+  component: e,
+  decorators: [
+    (s) => r.createElement("div", { style: { width: 215 } }, r.createElement(s))
+  ],
+  parameters: {
+    layout: "centered"
+  },
+  tags: ["autodocs"],
+  argTypes: {
+    progress: {
+      control: { type: "range", min: 0, max: 100, step: 1 }
+    },
+    bestProgress: {
+      control: { type: "range", min: 0, max: 100, step: 1 }
+    },
+    color: {
+      control: "select",
+      options: ["subdued", "disabled", "success", "warning", "alert"]
+    },
+    icon: {
+      control: "text"
+    }
+  }
+}, c = {
+  args: {
+    progress: 0,
+    color: "subdued"
+  }
+}, n = {
+  args: {
+    progress: 43,
+    color: "success"
+  }
+}, l = {
+  args: {
+    progress: 100,
+    color: "success"
+  }
+}, g = {
+  args: {
+    progress: 43,
+    color: "warning"
+  }
+}, p = {
+  args: {
+    progress: 37,
+    bestProgress: 70,
+    color: "alert"
+  }
+}, d = {
+  args: {
+    progress: 0,
+    color: "disabled"
+  }
+};
+export {
+  p as AlertWithRegression,
+  l as Complete,
+  d as Disabled,
+  c as Subdued,
+  n as Success,
+  g as Warning,
+  a as default
+};

package/dist/components/molecules/dataviz/marker-progress-bar/index.d.ts

@@ -0,0 +1,2 @@
+export { MarkerProgressBar } from './marker-progress-bar';
+export type { MarkerProgressBarProps, MarkerProgressBarColor } from './marker-progress-bar';

package/dist/components/molecules/dataviz/marker-progress-bar/index.js

@@ -0,0 +1,4 @@
+import { MarkerProgressBar as o } from "./marker-progress-bar.js";
+export {
+  o as MarkerProgressBar
+};

package/dist/components/molecules/dataviz/marker-progress-bar/marker-progress-bar.d.ts

@@ -0,0 +1,31 @@
+import { SvgKey } from '../../../atoms/icons/iconMap';
+
+/** Semantic track + marker colors from the design system. */
+export type MarkerProgressBarColor = 'subdued' | 'disabled' | 'success' | 'warning' | 'alert';
+export type MarkerProgressBarProps = {
+    /**
+     * Current marker position along the track, from 0 to 100.
+     */
+    progress: number;
+    /**
+     * Track fill + marker chip color.
+     * - subdued / disabled → gray track only
+     * - success / warning / alert → colored fill + matching marker chip
+     */
+    color: MarkerProgressBarColor;
+    /**
+     * Best (closest-to-destination) progress previously reached.
+     * When greater than `progress`, a diagonal regression stripe is drawn
+     * between the current marker and this peak (Figma Frame 812316).
+     */
+    bestProgress?: number;
+    /**
+     * Icon inside the marker. Defaults to outline map pin (Figma).
+     */
+    icon?: SvgKey;
+    /**
+     * Optional class name on the root container.
+     */
+    className?: string;
+};
+export declare function MarkerProgressBar({ progress, color, bestProgress, icon, className, }: MarkerProgressBarProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/molecules/dataviz/marker-progress-bar/marker-progress-bar.js

@@ -0,0 +1,97 @@
+import { jsxs as u, jsx as e } from "react/jsx-runtime";
+import { t as f } from "../../../../bundle-mjs-BjFsLjkg.js";
+import { svgs as h } from "../../../atoms/icons/iconMap.js";
+import "../../../styles/colors/colors.js";
+import { glyph as o, surface as l } from "../../../styles/colors/colormap.js";
+import { getRegressionStripeBackground as N, getStyles as k } from "./styles.js";
+const w = {
+  subdued: l.disabled,
+  disabled: l.disabled,
+  success: l.success,
+  warning: l.warning,
+  alert: l.alert
+}, C = {
+  subdued: "subdued",
+  disabled: "disabled",
+  success: "success",
+  warning: "warning",
+  alert: "alert"
+}, M = {
+  success: o.success,
+  warning: o.warning,
+  alert: o.alert
+};
+function g(a) {
+  return Number.isNaN(a) ? 0 : Math.min(100, Math.max(0, a));
+}
+function R({ icon: a, strokeColor: t }) {
+  const n = h[a];
+  return /* @__PURE__ */ e("div", { className: k().markerIconSlot, children: /* @__PURE__ */ e(n, { fill: t, hover: void 0, active: void 0 }) });
+}
+function L({
+  progress: a,
+  color: t,
+  bestProgress: n,
+  icon: p = "MapPinOutlineSmall",
+  className: v
+}) {
+  const s = k(), r = g(a), i = n !== void 0 ? g(n) : void 0, c = i !== void 0 && i > r + 0.01, d = M[t], m = c ? i : r, b = o[C[t]];
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      className: f(s.root, v),
+      "data-testid": "marker-progress-bar",
+      role: "progressbar",
+      "aria-valuemin": 0,
+      "aria-valuemax": 100,
+      "aria-valuenow": r,
+      ...c ? { "aria-valuetext": `Current ${r}%, best ${i}%` } : {},
+      children: [
+        /* @__PURE__ */ u("div", { className: s.trackLayer, children: [
+          /* @__PURE__ */ e(
+            "div",
+            {
+              "data-testid": "marker-progress-bar-track",
+              className: s.trackBackground
+            }
+          ),
+          d && m > 0 ? /* @__PURE__ */ e(
+            "div",
+            {
+              "data-testid": "marker-progress-bar-fill",
+              className: s.trackFill,
+              style: { width: `${m}%`, background: d }
+            }
+          ) : null,
+          c && d ? /* @__PURE__ */ e(
+            "div",
+            {
+              "data-testid": "marker-progress-bar-regression",
+              className: s.regressionStripe,
+              style: {
+                left: `${r}%`,
+                width: `${i - r}%`,
+                background: N()
+              }
+            }
+          ) : null
+        ] }),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            "data-testid": "marker-progress-bar-marker",
+            className: s.marker,
+            style: {
+              left: `clamp(1rem, ${r}%, calc(100% - 1rem))`,
+              background: w[t]
+            },
+            children: /* @__PURE__ */ e(R, { icon: p, strokeColor: b })
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  L as MarkerProgressBar
+};

package/dist/components/molecules/dataviz/marker-progress-bar/styles.d.ts

@@ -0,0 +1,11 @@
+export declare const getStyles: () => {
+    /** Room for marker chip centered on 5px track (Figma 31063:30317). */
+    root: string;
+    trackLayer: string;
+    trackBackground: string;
+    trackFill: string;
+    regressionStripe: string;
+    marker: string;
+    markerIconSlot: string;
+};
+export declare function getRegressionStripeBackground(): string;

package/dist/components/molecules/dataviz/marker-progress-bar/styles.js

@@ -0,0 +1,25 @@
+import "../../../styles/colors/colors.js";
+import { woodsmoke as e } from "../../../styles/colors/colormap.js";
+const o = () => ({
+  /** Room for marker chip centered on 5px track (Figma 31063:30317). */
+  root: "relative w-full h-[2rem]",
+  trackLayer: "absolute inset-x-0 top-1/2 -translate-y-1/2 h-[0.5rem]",
+  trackBackground: "absolute inset-0 rounded bg-progressBar-trackDefault",
+  trackFill: "absolute left-0 top-0 h-full rounded",
+  regressionStripe: "absolute top-0 h-full rounded overflow-hidden",
+  marker: "absolute top-1/2 -translate-y-1/2 -translate-x-1/2 size-[2rem] rounded-full flex items-center justify-center p-xxs",
+  markerIconSlot: "size-[1.5rem] shrink-0 flex items-center justify-center [&>svg]:size-[1.5rem]"
+});
+function s() {
+  return `repeating-linear-gradient(
+    -45deg,
+    ${e[600]} 0,
+    ${e[600]} 4px,
+    ${e[0]} 4px,
+    ${e[0]} 5px
+  )`;
+}
+export {
+  s as getRegressionStripeBackground,
+  o as getStyles
+};

package/dist/components/molecules/dialog/dialog.js

@@ -25,12 +25,13 @@ import "../../atoms/form/timeselect/timeselect.js";
 import { Button as d } from "../button/button.js";
 import "../datatables/cell/cell.js";
 import "../dataviz/donut-chart/donut-chart.js";
+import "../dataviz/marker-progress-bar/marker-progress-bar.js";
 import "../../../react-spring_web.modern-CKwWSQke.js";
 import "../form/radiogroup/radiogroup.js";
 import "../../../purify.es-Bxiq5T7l.js";
 import "../../../card-Cc2Qkiqr.js";
 import { useUIElementSize as n } from "./use-ui-element-size.js";
-function dr({
+function nr({
   children: f,
   width: h,
   open: x,
@@ -102,5 +103,5 @@ function dr({
   ] }) });
 }
 export {
-  dr as Dialog
+  nr as Dialog
 };

package/dist/components/molecules/drawer/drawer.js

@@ -25,27 +25,28 @@ import "../../atoms/form/timeselect/timeselect.js";
 import { Button as L } from "../button/button.js";
 import "../datatables/cell/cell.js";
 import "../dataviz/donut-chart/donut-chart.js";
+import "../dataviz/marker-progress-bar/marker-progress-bar.js";
 import "../form/radiogroup/radiogroup.js";
 import "../../../purify.es-Bxiq5T7l.js";
 import "../../../card-Cc2Qkiqr.js";
-function Nr({
+function br({
   children: N,
   actionBox: b,
   title: l,
   open: o,
   setOpen: e,
   width: a,
-  transitionDuration: c = 500,
+  transitionDuration: m = 500,
   hasOverlayBg: C = !1,
   metadata: d,
   subheading: f,
   buttonProps: u,
   enableWidthTransition: p = !1,
-  preserveScrollPosition: m = !0,
+  preserveScrollPosition: c = !0,
   scrollBehavior: D = "auto",
   enableScroll: s = !0
 }) {
-  const [n, T] = I(c), i = y(null), h = y(0), R = X(
+  const [n, T] = I(m), i = y(null), h = y(0), R = X(
     () => ({
       from: { opacity: 0, transform: `translateX(${a})` },
       enter: { opacity: 1, transform: "translateX(0%)" },
@@ -57,17 +58,17 @@ function Nr({
     [a, n]
   ), B = E(o, R);
   v(() => {
-    T(c);
-  }, [c]);
+    T(m);
+  }, [m]);
   const _ = F({
     width: o ? a : 0,
     config: { duration: n }
   });
   v(() => {
-    o && m && s && i.current && (i.current.scrollTop = h.current);
-  }, [o, m, s]);
+    o && c && s && i.current && (i.current.scrollTop = h.current);
+  }, [o, c, s]);
   const $ = () => {
-    m && s && i.current && (h.current = i.current.scrollTop), e == null || e(!1);
+    c && s && i.current && (h.current = i.current.scrollTop), e == null || e(!1);
   };
   return /* @__PURE__ */ r(M, { open: o, onOpenChange: e, children: /* @__PURE__ */ r(q, { children: B(
     (x, j) => j ? /* @__PURE__ */ t(k, { children: [
@@ -125,5 +126,5 @@ function Nr({
   ) }) });
 }
 export {
-  Nr as Drawer
+  br as Drawer
 };

package/dist/components/molecules/snackbar/Snackbar.stories.js

@@ -1,6 +1,6 @@
 import { jsx as t, jsxs as a } from "react/jsx-runtime";
 import { useState as l } from "react";
-import { S as r, P as c, V as d } from "../../../snackbar-B9zd5z5s.js";
+import { S as r, P as c, V as d } from "../../../snackbar-CLpxASgP.js";
 import { Button as h } from "../button/button.js";
 const w = {
   title: "@spotwork-ui/Snackbar",

package/dist/components/molecules/snackbar/index.js

@@ -1,4 +1,4 @@
-import { S as o } from "../../../snackbar-B9zd5z5s.js";
+import { S as o } from "../../../snackbar-CLpxASgP.js";
 export {
   o as Snackbar
 };

package/dist/components/molecules/snackbar/snackbar.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { S as F } from "../../../snackbar-B9zd5z5s.js";
+import { S as G } from "../../../snackbar-CLpxASgP.js";
 import "../../styles/tailwind-config/index.js";
 import "../../styles/typography/typography.js";
 import "../../styles/colors/colors.js";
@@ -24,11 +24,12 @@ import "../../atoms/form/timeselect/timeselect.js";
 import "../button/button.js";
 import "../datatables/cell/cell.js";
 import "../dataviz/donut-chart/donut-chart.js";
+import "../dataviz/marker-progress-bar/marker-progress-bar.js";
 import "../../../react-spring_web.modern-CKwWSQke.js";
 import "../form/radiogroup/radiogroup.js";
 import "../../../purify.es-Bxiq5T7l.js";
 import "../../../card-Cc2Qkiqr.js";
 import "./styles.js";
 export {
-  F as Snackbar
+  G as Snackbar
 };

package/dist/main.d.ts

@@ -74,6 +74,8 @@ export { DonutChart } from './components/molecules/dataviz/donut-chart';
 export { DotMatrix } from './components/molecules/dataviz/dot-matrix';
 export { ProgressBar } from './components/molecules/dataviz/progress-bar';
 export type { ProgressBarProps } from './components/molecules/dataviz/progress-bar';
+export { MarkerProgressBar } from './components/molecules/dataviz/marker-progress-bar';
+export type { MarkerProgressBarProps, MarkerProgressBarColor, } from './components/molecules/dataviz/marker-progress-bar';
 export { SingleStackedBar } from './components/molecules/dataviz/single-stacked-bar';
 export type { SingleStackedBarProps } from './components/molecules/dataviz/single-stacked-bar';
 export * from './components/molecules/dataviz/legend';

package/dist/main.js

@@ -3,17 +3,17 @@ import { a as x } from "./index-CSucbNlF.js";
 import { Avatar as n } from "./components/atoms/avatar/avatar.js";
 import { Badge as l } from "./components/atoms/badge/badge.js";
 import { LabelValuePair as d } from "./components/atoms/card-content/label-value-pair/label-value-pair.js";
-import { Note as b } from "./components/atoms/card-content/note/note.js";
+import { Note as g } from "./components/atoms/card-content/note/note.js";
 import { Chatheader as u } from "./components/atoms/conversation/chatheader/chatheader.js";
 import { ContextMenu as S } from "./components/molecules/navigation/context-menu/context-menu.js";
 import { Dateselect as D } from "./components/atoms/form/dateselect/dateselect.js";
-import { TimePicker as w } from "./components/atoms/form/time-picker/time-picker.js";
-import { RecurrenceDay as y } from "./components/atoms/daybubble/recurrence-day/recurrence-day.js";
-import { RecurrenceWeek as k } from "./components/atoms/form/recurrence-week/recurrence-week.js";
+import { TimePicker as M } from "./components/atoms/form/time-picker/time-picker.js";
+import { RecurrenceDay as k } from "./components/atoms/daybubble/recurrence-day/recurrence-day.js";
+import { RecurrenceWeek as R } from "./components/atoms/form/recurrence-week/recurrence-week.js";
 import { Checkbox as N } from "./components/atoms/form/checkbox/checkbox.js";
 import { Chips as L } from "./components/atoms/form/chips/chips.js";
-import { Dropdown as G } from "./components/atoms/form/dropdown/dropdown.js";
-import { DropdownFilter as P } from "./components/molecules/filter/dropdown-selector/dropdown-selector.js";
+import { Dropdown as F } from "./components/atoms/form/dropdown/dropdown.js";
+import { DropdownFilter as H } from "./components/molecules/filter/dropdown-selector/dropdown-selector.js";
 import { DropdownSearch as I } from "./components/atoms/form/dropdown-search/dropdown-search.js";
 import { DropdownItem as V, renderSpotterDropdownOption as W } from "./components/atoms/form/dropdown-item/dropdown-item.js";
 import { Calendar as O } from "./components/atoms/form/calendar/calendar.js";
@@ -32,140 +32,142 @@ import { Switch as ao } from "./components/atoms/form/switch/switch.js";
 import { Stepper as fo } from "./components/atoms/form/stepper/stepper.js";
 import { Tab as io } from "./components/atoms/tab/tab.js";
 import { Textarea as so } from "./components/atoms/form/textarea/textarea.js";
-import { RichTextarea as bo } from "./components/atoms/form/textarea/rich-textarea.js";
+import { RichTextarea as go } from "./components/atoms/form/textarea/rich-textarea.js";
 import { Textfield as uo } from "./components/atoms/form/textfield/textfield.js";
 import { Timeselect as So } from "./components/atoms/form/timeselect/timeselect.js";
 import { Typeahead as Do } from "./components/atoms/form/typeahead/typeahead.js";
-import { Button as wo } from "./components/molecules/button/button.js";
-import { NotesAndHistory as yo } from "./components/molecules/card-content/notes-and-history/notes-and-history.js";
-import { CollapsibleCard as ko } from "./components/molecules/collapsible-card/collapsible-card.js";
+import { Button as Mo } from "./components/molecules/button/button.js";
+import { NotesAndHistory as ko } from "./components/molecules/card-content/notes-and-history/notes-and-history.js";
+import { CollapsibleCard as Ro } from "./components/molecules/collapsible-card/collapsible-card.js";
 import { Contact as No } from "./components/molecules/conversation/contact/contact.js";
 import { MessageEditor as Lo } from "./components/molecules/conversation/message-editor/message-editor.js";
-import { MessageGroupComposer as Go } from "./components/molecules/conversation/message-group-composer/message-group-composer.js";
-import { Cell as Po } from "./components/molecules/datatables/cell/cell.js";
+import { MessageGroupComposer as Fo } from "./components/molecules/conversation/message-group-composer/message-group-composer.js";
+import { Cell as Ho } from "./components/molecules/datatables/cell/cell.js";
 import { Row as Io } from "./components/molecules/datatables/row/row.js";
 import { RowHeader as Vo } from "./components/molecules/datatables/row-header/row-header.js";
 import { DonutChart as Eo } from "./components/molecules/dataviz/donut-chart/donut-chart.js";
 import { DotMatrix as _o } from "./components/molecules/dataviz/dot-matrix/dot-matrix.js";
 import { ProgressBar as qo } from "./components/molecules/dataviz/progress-bar/progress-bar.js";
-import { SingleStackedBar as Ko } from "./components/molecules/dataviz/single-stacked-bar/single-stacked-bar.js";
-import { Legend as Uo } from "./components/molecules/dataviz/legend/legend.js";
-import { Drawer as Yo } from "./components/molecules/drawer/drawer.js";
-import { DateSelector as $o } from "./components/molecules/filter/date-selector/date-selector.js";
-import { DateRangeSelector as rr } from "./components/molecules/filter/date-range-selector/date-range-selector.js";
-import { RangeSelector as tr } from "./components/molecules/filter/range-selector/range-selector.js";
-import { Radiogroup as mr } from "./components/molecules/form/radiogroup/radiogroup.js";
-import { Link as xr } from "./components/molecules/link/link.js";
-import { Header as nr } from "./components/molecules/navigation/header/header.js";
-import { Sidebar as lr } from "./components/molecules/navigation/sidebar/sidebar.js";
-import { Content as dr } from "./components/molecules/notifications/content/content.js";
-import { S as br, i as gr } from "./snackbar-B9zd5z5s.js";
-import { Tooltip as Cr } from "./components/atoms/tooltip/tooltip.js";
-import { TabGroup as hr } from "./components/molecules/tab-group/tab-group.js";
-import { Menubar as Tr } from "./components/molecules/navigation/menubar/menubar.js";
-import { ContextSearch as Mr } from "./components/molecules/filter/context-search/context-search.js";
-import { SmallLargeText as Rr } from "./components/atoms/small-large-text/small-large-text.js";
-import { HorizontalBorder as Br } from "./components/atoms/horizontal-border/horizontal-border.js";
-import { Dialog as vr } from "./components/molecules/dialog/dialog.js";
-import { Alert as Fr } from "./components/molecules/alert/alert.js";
-import { c as Hr } from "./card-Cc2Qkiqr.js";
-import { Colors as Ar } from "./components/styles/colors/colors.js";
-import { apple as zr, blueRibbon as Vr, borderColor as Wr, buttonBorder as Er, buttonGlyph as Or, buttonSurface as _r, cinnabar as jr, crusta as qr, glyph as Jr, linkColors as Kr, progressBar as Qr, shadow as Ur, sun as Xr, surface as Yr, woodsmoke as Zr } from "./components/styles/colors/colormap.js";
-import { Typography as oe } from "./components/styles/typography/typography.js";
-import { fontFamilyMap as ee, fontSizeMap as te, fontWeightMap as pe, styleMap as me, textTypeMap as ae } from "./components/styles/typography/style.js";
-import { DashedLineSVG as fe } from "./components/styles/dashedBorder/DashedLineSVG.js";
+import { MarkerProgressBar as Ko } from "./components/molecules/dataviz/marker-progress-bar/marker-progress-bar.js";
+import { SingleStackedBar as Uo } from "./components/molecules/dataviz/single-stacked-bar/single-stacked-bar.js";
+import { Legend as Yo } from "./components/molecules/dataviz/legend/legend.js";
+import { Drawer as $o } from "./components/molecules/drawer/drawer.js";
+import { DateSelector as rr } from "./components/molecules/filter/date-selector/date-selector.js";
+import { DateRangeSelector as tr } from "./components/molecules/filter/date-range-selector/date-range-selector.js";
+import { RangeSelector as mr } from "./components/molecules/filter/range-selector/range-selector.js";
+import { Radiogroup as xr } from "./components/molecules/form/radiogroup/radiogroup.js";
+import { Link as nr } from "./components/molecules/link/link.js";
+import { Header as lr } from "./components/molecules/navigation/header/header.js";
+import { Sidebar as dr } from "./components/molecules/navigation/sidebar/sidebar.js";
+import { Content as gr } from "./components/molecules/notifications/content/content.js";
+import { S as ur, i as Cr } from "./snackbar-CLpxASgP.js";
+import { Tooltip as hr } from "./components/atoms/tooltip/tooltip.js";
+import { TabGroup as Tr } from "./components/molecules/tab-group/tab-group.js";
+import { Menubar as wr } from "./components/molecules/navigation/menubar/menubar.js";
+import { ContextSearch as yr } from "./components/molecules/filter/context-search/context-search.js";
+import { SmallLargeText as Br } from "./components/atoms/small-large-text/small-large-text.js";
+import { HorizontalBorder as vr } from "./components/atoms/horizontal-border/horizontal-border.js";
+import { Dialog as Pr } from "./components/molecules/dialog/dialog.js";
+import { Alert as Gr } from "./components/molecules/alert/alert.js";
+import { c as Ar } from "./card-Cc2Qkiqr.js";
+import { Colors as zr } from "./components/styles/colors/colors.js";
+import { apple as Wr, blueRibbon as Er, borderColor as Or, buttonBorder as _r, buttonGlyph as jr, buttonSurface as qr, cinnabar as Jr, crusta as Kr, glyph as Qr, linkColors as Ur, progressBar as Xr, shadow as Yr, sun as Zr, surface as $r, woodsmoke as oe } from "./components/styles/colors/colormap.js";
+import { Typography as ee } from "./components/styles/typography/typography.js";
+import { fontFamilyMap as pe, fontSizeMap as me, fontWeightMap as ae, styleMap as xe, textTypeMap as fe } from "./components/styles/typography/style.js";
+import { DashedLineSVG as ie } from "./components/styles/dashedBorder/DashedLineSVG.js";
 export {
-  Fr as Alert,
+  Gr as Alert,
   n as Avatar,
   l as Badge,
-  wo as Button,
+  Mo as Button,
   O as Calendar,
-  Hr as Card,
-  Po as Cell,
+  Ar as Card,
+  Ho as Cell,
   u as Chatheader,
   N as Checkbox,
   j as CheckboxFilter,
   L as Chips,
-  ko as CollapsibleCard,
-  Ar as Colors,
+  Ro as CollapsibleCard,
+  zr as Colors,
   No as Contact,
   S as ContextMenu,
-  Mr as ContextSearch,
-  fe as DashedLineSVG,
-  rr as DateRangeSelector,
-  $o as DateSelector,
+  yr as ContextSearch,
+  ie as DashedLineSVG,
+  tr as DateRangeSelector,
+  rr as DateSelector,
   D as Dateselect,
-  vr as Dialog,
+  Pr as Dialog,
   Eo as DonutChart,
   _o as DotMatrix,
-  Yo as Drawer,
-  G as Dropdown,
-  P as DropdownFilter,
+  $o as Drawer,
+  F as Dropdown,
+  H as DropdownFilter,
   V as DropdownItem,
   I as DropdownSearch,
   J as FormNavigation,
-  nr as Header,
-  Br as HorizontalBorder,
+  lr as Header,
+  vr as HorizontalBorder,
   Q as Icons,
   d as LabelValuePair,
-  Uo as Legend,
-  xr as Link,
-  Tr as Menubar,
+  Yo as Legend,
+  nr as Link,
+  Ko as MarkerProgressBar,
+  wr as Menubar,
   X as Message,
   Lo as MessageEditor,
-  Go as MessageGroupComposer,
+  Fo as MessageGroupComposer,
   Z as Multiselect,
   oo as NavigationItem,
-  b as Note,
-  yo as NotesAndHistory,
-  dr as NotificationContent,
+  g as Note,
+  ko as NotesAndHistory,
+  gr as NotificationContent,
   qo as ProgressBar,
   eo as Radiobutton,
-  mr as Radiogroup,
-  tr as RangeSelector,
-  y as RecurrenceDay,
-  k as RecurrenceWeek,
-  bo as RichTextarea,
+  xr as Radiogroup,
+  mr as RangeSelector,
+  k as RecurrenceDay,
+  R as RecurrenceWeek,
+  go as RichTextarea,
   Io as Row,
   Vo as RowHeader,
   po as SegmentedControl,
-  lr as Sidebar,
-  Ko as SingleStackedBar,
-  Rr as SmallLargeText,
-  br as Snackbar,
+  dr as Sidebar,
+  Uo as SingleStackedBar,
+  Br as SmallLargeText,
+  ur as Snackbar,
   fo as Stepper,
   ao as Switch,
   io as Tab,
-  hr as TabGroup,
+  Tr as TabGroup,
   so as Textarea,
   uo as Textfield,
-  w as TimePicker,
+  M as TimePicker,
   So as Timeselect,
-  gr as Toast,
-  Cr as Tooltip,
+  Cr as Toast,
+  hr as Tooltip,
   x as TooltipProvider,
   Do as Typeahead,
-  oe as Typography,
-  zr as apple,
-  Vr as blue_ribbon,
-  Wr as borderColor,
-  Er as buttonBorder,
-  Or as buttonGlyph,
-  _r as buttonSurface,
-  jr as cinnabar,
-  qr as crusta,
-  ee as fontFamilyMap,
-  te as fontSizeMap,
-  pe as fontWeightMap,
-  Jr as glyph,
-  Kr as linkColors,
-  Qr as progressBar,
+  ee as Typography,
+  Wr as apple,
+  Er as blue_ribbon,
+  Or as borderColor,
+  _r as buttonBorder,
+  jr as buttonGlyph,
+  qr as buttonSurface,
+  Jr as cinnabar,
+  Kr as crusta,
+  pe as fontFamilyMap,
+  me as fontSizeMap,
+  ae as fontWeightMap,
+  Qr as glyph,
+  Ur as linkColors,
+  Xr as progressBar,
   W as renderSpotterDropdownOption,
-  Ur as shadow,
-  me as styleMap,
-  Xr as sun,
-  Yr as surface,
+  Yr as shadow,
+  xe as styleMap,
+  Zr as sun,
+  $r as surface,
   m as tailwindConfig,
-  ae as textTypeMap,
-  Zr as woodsmoke
+  fe as textTypeMap,
+  oe as woodsmoke
 };