@hybridcore/ui 1.6.0 → 1.6.2

package/dist/main.js

@@ -1,143 +1,176 @@
-import { ThemeProvider as o, createTheme as t } from "@mui/material";
+import { ThemeProvider as e, createTheme as t } from "@mui/material";
 import { LocalizationProvider as m } from "@mui/x-date-pickers";
 import { Access as x } from "./components/access/index.js";
-import { h as i } from "./helpers-B4UL9NMD.js";
-import { Card as l } from "./components/card/index.js";
+import { h as i } from "./helpers-D4uXfBfO.js";
+import { Card as n } from "./components/card/index.js";
 import { CardAlternate as s } from "./components/card-alternate/index.js";
 import { ChartWrapper as C } from "./components/charts/chart-wrapper/index.js";
-import { CandlestickChart as P } from "./components/charts/candlestick/index.js";
-import { ColumnLineMix as h } from "./components/charts/column-line-mix/index.js";
+import { CandlestickChart as T } from "./components/charts/candlestick/index.js";
+import { ColumnLineMix as L } from "./components/charts/column-line-mix/index.js";
 import { DrillDownTreemap as u } from "./components/charts/drill-down-treemap/index.js";
-import { DrillDownVoronoiTreemap as S } from "./components/charts/drill-down-voronoi-treemap/index.js";
-import { Heatmap as F } from "./components/charts/heatmap/index.js";
-import { HighlightLineChart as y } from "./components/charts/highlighting-line-data/index.js";
-import { LineChart as b } from "./components/charts/line/index.js";
-import { LogaritmicScale as E } from "./components/charts/logaritmic-scale/index.js";
-import { MultipleValueAxes as V } from "./components/charts/multiple-value-axes/index.js";
-import { NestedPie as w } from "./components/charts/nested-pie/index.js";
-import { PackedCircles as W } from "./components/charts/packed-circles/index.js";
-import { PieChart as H } from "./components/charts/pie-chart/index.js";
-import { StackedAreaRadar as j } from "./components/charts/stacked-area-radar/index.js";
-import { StackedColumnChart as G } from "./components/charts/stacked-column-chart/index.js";
+import { DrillDownVoronoiTreemap as I } from "./components/charts/drill-down-voronoi-treemap/index.js";
+import { Heatmap as y } from "./components/charts/heatmap/index.js";
+import { HighlightLineChart as F } from "./components/charts/highlighting-line-data/index.js";
+import { LineChart as M } from "./components/charts/line/index.js";
+import { LogaritmicScale as V } from "./components/charts/logaritmic-scale/index.js";
+import { MultipleValueAxes as v } from "./components/charts/multiple-value-axes/index.js";
+import { NestedPie as E } from "./components/charts/nested-pie/index.js";
+import { PackedCircles as H } from "./components/charts/packed-circles/index.js";
+import { PieChart as W } from "./components/charts/pie-chart/index.js";
+import { StackedAreaRadar as O } from "./components/charts/stacked-area-radar/index.js";
+import { StackedColumnChart as N } from "./components/charts/stacked-column-chart/index.js";
 import { XYChart as z } from "./components/charts/xy-chart/index.js";
-import { DEFAULT_VIRIDIS_COOL as X } from "./components/charts/_common/utils.js";
-import { CollapsibleCard as q } from "./components/collapsible-card/index.js";
-import { ConditionalWrapper as Q } from "./components/conditional-wrapper/index.js";
-import { alert as $, confirm as rr } from "./components/confirm/index.js";
-import { Container as or } from "./components/container/index.js";
-import { ContextMenu as pr } from "./components/context-menu/index.js";
-import { DataMap as ar } from "./components/data-map/index.js";
-import { DisseminationList as fr } from "./components/data-security-selectors/dissemination-list/index.js";
-import { SecurityLevel as nr } from "./components/data-security-selectors/security-level/index.js";
-import { A as cr, D as sr } from "./index-syTc6m_V.js";
-import { DEFAULT_RELATIVE_PRESET_LABELS as Cr } from "./components/date-picker-with-custom-range/logic.js";
-import { DateTimePicker as Pr } from "./components/date-time-picker/index.js";
-import { Divider as hr } from "./components/divider/index.js";
-import { DocumentViewer as ur } from "./components/document-viewer/index.js";
-import { GeometryPicker as Sr } from "./components/geometry-picker/index.js";
-import { HeatMap as Fr } from "./components/heat-map/index.js";
-import { IconButton as yr } from "./components/icon-button/index.js";
-import { InstanceForm as br } from "./components/instance-form/index.js";
-import { InstanceHierarchyTable as Er } from "./components/instance-hierarchy-table/index.js";
-import { InstanceTable as Vr } from "./components/instance-table/index.js";
-import { InstanceVariableList as wr } from "./components/instance-variable-list/index.js";
-import { KeyProtectionMenu as Wr } from "./components/key-protection/menu.js";
-import { S as Hr } from "./utils-Bq0ye5vf.js";
-import { LinearIndicator as jr } from "./components/linear-indicator/index.js";
-import { Loading as Gr } from "./components/loading/index.js";
-import { i as zr } from "./index-kCJ_Zvl8.js";
-import { MetricCard as Xr } from "./components/metric-card/index.js";
-import { ObjectProfileCard as qr } from "./components/object-profile-card/index.js";
-import { PaginatedList as Qr } from "./components/paginated-list/index.js";
-import { PhoneInput as $r } from "./components/phone-input/index.js";
-import { PrrMap as ee } from "./components/prr-map/index.js";
-import { RasterGridMap as te } from "./components/raster-grid-map/index.js";
-import { SearchInput as me } from "./components/search-input/index.js";
-import { SimplePivotTable as xe } from "./components/simple-pivot-table/index.js";
-import { StaticText as ie } from "./components/static-text/index.js";
-import { Tabs as le } from "./components/tabs/index.js";
-import { TemplateFilters as se } from "./components/template-filters/index.js";
-import { TemplateForm as Ce } from "./components/template-form/index.js";
-import { TemplatePropertyFilters as Pe } from "./components/template-property-filters/index.js";
-import { Property as he } from "./components/template-property-filters/property.js";
-import { TimelineWidget as ue } from "./components/timeline/index.js";
-import { TreeSelect as Se } from "./components/tree-select/index.js";
-import { TreeViewFilter as Fe } from "./components/treeview-filter/index.js";
-import { Uploader as ye } from "./components/uploader/index.js";
-import { Widget as be } from "./components/widget/styled.js";
-import { FlexCol as Ee } from "./components/flex-col/index.js";
-import { FlexRow as Ve } from "./components/flex-row/index.js";
+import { DEFAULT_VIRIDIS_COOL as Y } from "./components/charts/_common/utils.js";
+import { Button as J } from "./components/button/index.js";
+import { ColorPicker as Q } from "./components/color-picker/index.js";
+import { CollapsibleCard as $ } from "./components/collapsible-card/index.js";
+import { ConditionalWrapper as or } from "./components/conditional-wrapper/index.js";
+import { alert as tr, confirm as pr } from "./components/confirm/index.js";
+import { HCNotificationProvider as ar } from "./components/notification/index.js";
+import { Container as fr } from "./components/container/index.js";
+import { ContextMenu as lr } from "./components/context-menu/index.js";
+import { DataGrid as cr } from "./components/data-grid/index.js";
+import { DataMap as dr } from "./components/data-map/index.js";
+import { DisseminationList as Pr } from "./components/data-security-selectors/dissemination-list/index.js";
+import { SecurityLevel as Dr } from "./components/data-security-selectors/security-level/index.js";
+import { A as hr, D as ur } from "./index-e9xTIYWt.js";
+import { DEFAULT_RELATIVE_PRESET_LABELS as Ir } from "./components/date-picker-with-custom-range/logic.js";
+import { DateTimePicker as yr } from "./components/date-time-picker/index.js";
+import { Divider as Fr } from "./components/divider/index.js";
+import { DateRangePicker as Mr } from "./components/date-range-picker/index.js";
+import { DocumentViewer as Vr } from "./components/document-viewer/index.js";
+import { DurationSelect as vr } from "./components/duration-select/index.js";
+import { GeometryPicker as Er } from "./components/geometry-picker/index.js";
+import { Geometry as Hr } from "./components/geometry-picker/geometry/index.js";
+import { Parser as Wr } from "./components/geometry-picker/parser/index.js";
+import { HeatMap as Or } from "./components/heat-map/index.js";
+import { IconButton as Nr } from "./components/icon-button/index.js";
+import { InstanceForm as zr } from "./components/instance-form/index.js";
+import { InstanceHierarchyTable as Yr } from "./components/instance-hierarchy-table/index.js";
+import { InstanceTable as Jr } from "./components/instance-table/index.js";
+import { InstanceVariableList as Qr } from "./components/instance-variable-list/index.js";
+import { LinearIndicator as $r } from "./components/linear-indicator/index.js";
+import { Loading as oo } from "./components/loading/index.js";
+import { Map as to } from "./components/map/index.js";
+import { MetricCard as mo } from "./components/metric-card/index.js";
+import { ObjectProfileCard as xo } from "./components/object-profile-card/index.js";
+import { PaginatedList as io } from "./components/paginated-list/index.js";
+import { PhoneInput as no } from "./components/phone-input/index.js";
+import { Placeholder as so } from "./components/placeholder/index.js";
+import { PositionalTooltip as Po } from "./components/positional-tooltip/index.js";
+import { PrrMap as Do } from "./components/prr-map/index.js";
+import { RangeSelector as ho } from "./components/range-selector/index.js";
+import { RasterGridMap as So } from "./components/raster-grid-map/index.js";
+import { SearchInput as go } from "./components/search-input/index.js";
+import { ScrollDrag as Ao } from "./components/scroll-drag/index.js";
+import { SimplePivotTable as ko } from "./components/simple-pivot-table/index.js";
+import { SortableList as Ro } from "./components/sortable-list/index.js";
+import { StatsBox as bo } from "./components/stats-box/index.js";
+import { StaticText as wo } from "./components/static-text/index.js";
+import { Tabs as Go } from "./components/tabs/index.js";
+import { TextOverflow as Bo } from "./components/text-overflow/index.js";
+import { TemplateFilters as _o } from "./components/template-filters/index.js";
+import { TemplateForm as Uo } from "./components/template-form/index.js";
+import { TemplatePropertyFilters as jo } from "./components/template-property-filters/index.js";
+import { Property as Xo } from "./components/template-property-filters/property.js";
+import { TimelineWidget as qo } from "./components/timeline/index.js";
+import { ToggleViewButton as Ko } from "./components/toggle-view-button/index.js";
+import { TreeSelect as Zo } from "./components/tree-select/index.js";
+import { TreeViewFilter as re } from "./components/treeview-filter/index.js";
+import { Uploader as ee } from "./components/uploader/index.js";
+import { VisuallyHiddenInput as pe } from "./components/visually-hidden-input/styled.js";
+import { Widget as ae } from "./components/widget/styled.js";
+import { FlexCol as fe } from "./components/flex-col/index.js";
+import { FlexRow as le } from "./components/flex-row/index.js";
+import { notify as ce, removeNotification as se } from "./components/notification/store.js";
 export {
   x as Access,
   i as AccessUtils,
-  cr as AdapterDayjs,
-  P as CandlestickChart,
-  l as Card,
+  hr as AdapterDayjs,
+  J as Button,
+  T as CandlestickChart,
+  n as Card,
   s as CardAlternate,
   C as ChartWrapper,
-  q as CollapsibleCard,
-  h as ColumnLineMix,
-  Q as ConditionalWrapper,
-  or as Container,
-  pr as ContextMenu,
-  Cr as DEFAULT_RELATIVE_PRESET_LABELS,
-  X as DEFAULT_VIRIDIS_COOL,
-  ar as DataMap,
-  sr as DatePickerWithCustomRange,
-  Pr as DateTimePicker,
-  fr as DisseminationList,
-  hr as Divider,
-  ur as DocumentViewer,
+  $ as CollapsibleCard,
+  Q as ColorPicker,
+  L as ColumnLineMix,
+  or as ConditionalWrapper,
+  fr as Container,
+  lr as ContextMenu,
+  Ir as DEFAULT_RELATIVE_PRESET_LABELS,
+  Y as DEFAULT_VIRIDIS_COOL,
+  cr as DataGrid,
+  dr as DataMap,
+  ur as DatePickerWithCustomRange,
+  Mr as DateRangePicker,
+  yr as DateTimePicker,
+  Pr as DisseminationList,
+  Fr as Divider,
+  Vr as DocumentViewer,
   u as DrillDownTreemap,
-  S as DrillDownVoronoiTreemap,
-  Ee as FlexCol,
-  Ve as FlexRow,
-  Sr as GeometryPicker,
-  Fr as HeatMap,
-  F as Heatmap,
-  y as HighlightLineChart,
-  yr as IconButton,
-  br as InstanceForm,
-  Er as InstanceHierarchyTable,
-  Vr as InstanceTable,
-  wr as InstanceVariableList,
-  Hr as KeyProductionUtils,
-  Wr as KeyProtectionMenu,
-  b as LineChart,
-  jr as LinearIndicator,
-  Gr as Loading,
+  I as DrillDownVoronoiTreemap,
+  vr as DurationSelect,
+  fe as FlexCol,
+  le as FlexRow,
+  Hr as GeometryDraw,
+  Wr as GeometryParser,
+  Er as GeometryPicker,
+  ar as HCNotificationProvider,
+  Or as HeatMap,
+  y as Heatmap,
+  F as HighlightLineChart,
+  Nr as IconButton,
+  zr as InstanceForm,
+  Yr as InstanceHierarchyTable,
+  Jr as InstanceTable,
+  Qr as InstanceVariableList,
+  M as LineChart,
+  $r as LinearIndicator,
+  oo as Loading,
   m as LocalizationProvider,
-  E as LogaritmicScale,
-  zr as Map,
-  Xr as MetricCard,
-  V as MultipleValueAxes,
-  w as NestedPie,
-  qr as ObjectProfileCard,
-  W as PackedCircles,
-  Qr as PaginatedList,
-  $r as PhoneInput,
-  H as PieChart,
-  he as PropertyFilterInput,
-  ee as PrrMap,
-  te as RasterGridMap,
-  me as SearchInput,
-  nr as SecurityLevel,
-  xe as SimplePivotTable,
-  j as StackedAreaRadar,
-  G as StackedColumnChart,
-  ie as StaticText,
-  le as Tabs,
-  se as TemplateFilters,
-  Ce as TemplateForm,
-  Pe as TemplatePropertyFilters,
-  o as ThemeProvider,
-  ue as TimelineWidget,
-  Se as TreeSelect,
-  Fe as TreeViewFilter,
-  ye as Uploader,
-  be as Widget,
+  V as LogaritmicScale,
+  to as Map,
+  mo as MetricCard,
+  v as MultipleValueAxes,
+  E as NestedPie,
+  xo as ObjectProfileCard,
+  H as PackedCircles,
+  io as PaginatedList,
+  no as PhoneInput,
+  W as PieChart,
+  so as Placeholder,
+  Po as PositionalTooltip,
+  Xo as PropertyFilterInput,
+  Do as PrrMap,
+  ho as RangeSelector,
+  So as RasterGridMap,
+  Ao as ScrollDrag,
+  go as SearchInput,
+  Dr as SecurityLevel,
+  ko as SimplePivotTable,
+  Ro as SortableList,
+  O as StackedAreaRadar,
+  N as StackedColumnChart,
+  wo as StaticText,
+  bo as StatsBox,
+  Go as Tabs,
+  _o as TemplateFilters,
+  Uo as TemplateForm,
+  jo as TemplatePropertyFilters,
+  Bo as TextOverflow,
+  e as ThemeProvider,
+  qo as TimelineWidget,
+  Ko as ToggleViewButton,
+  Zo as TreeSelect,
+  re as TreeViewFilter,
+  ee as Uploader,
+  pe as VisuallyHiddenInput,
+  ae as Widget,
   z as XYChart,
-  $ as alert,
-  rr as confirm,
-  t as createTheme
+  tr as alert,
+  pr as confirm,
+  t as createTheme,
+  ce as notify,
+  se as removeNotification
 };

package/dist/ownerWindow-wg6foiOE.js

@@ -0,0 +1,10 @@
+function o(n) {
+  return n && n.ownerDocument || document;
+}
+function t(n) {
+  return o(n).defaultView || window;
+}
+export {
+  t as a,
+  o
+};

package/dist/setPrototypeOf-NPgp4cYc.js

@@ -0,0 +1,8 @@
+function e(o, r) {
+  return e = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t, n) {
+    return t.__proto__ = n, t;
+  }, e(o, r);
+}
+export {
+  e as _
+};

package/dist/styled-Db1RdcPA.js

@@ -0,0 +1,323 @@
+import { styled as h, Box as z } from "@mui/material";
+import { a as i, _ as T } from "./objectWithoutPropertiesLoose-DJteAcBH.js";
+import * as d from "react";
+import { P as e } from "./index-C__OZmYy.js";
+import { c as U } from "./clsx-OuTLNxxd.js";
+import { s as u, r as I, g as D, a as F, b as p, f as G, u as V, c as H } from "./generateUtilityClasses-C3ivN9Ie.js";
+import { S as W } from "./SwitchBase-DTndTqI8.js";
+import { c as x } from "./createSvgIcon-Ch_cT8az.js";
+import { jsx as r, jsxs as q } from "react/jsx-runtime";
+import { c as L } from "./createChainedFunction-C0nujS3O.js";
+import { r as Z } from "./TransitionGroupContext-BDAp2T0O.js";
+const P = /* @__PURE__ */ d.createContext(void 0);
+process.env.NODE_ENV !== "production" && (P.displayName = "RadioGroupContext");
+function A() {
+  return d.useContext(P);
+}
+const J = x(/* @__PURE__ */ r("path", {
+  d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+}), "RadioButtonUnchecked"), K = x(/* @__PURE__ */ r("path", {
+  d: "M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
+}), "RadioButtonChecked"), Q = u("span", {
+  name: "MuiRadioButtonIcon",
+  shouldForwardProp: I
+})({
+  position: "relative",
+  display: "flex"
+}), X = u(J, {
+  name: "MuiRadioButtonIcon"
+})({
+  // Scale applied to prevent dot misalignment in Safari
+  transform: "scale(1)"
+}), Y = u(K, {
+  name: "MuiRadioButtonIcon"
+})(({
+  theme: o,
+  ownerState: n
+}) => i({
+  left: 0,
+  position: "absolute",
+  transform: "scale(0)",
+  transition: o.transitions.create("transform", {
+    easing: o.transitions.easing.easeIn,
+    duration: o.transitions.duration.shortest
+  })
+}, n.checked && {
+  transform: "scale(1)",
+  transition: o.transitions.create("transform", {
+    easing: o.transitions.easing.easeOut,
+    duration: o.transitions.duration.shortest
+  })
+}));
+function k(o) {
+  const {
+    checked: n = !1,
+    classes: a = {},
+    fontSize: t
+  } = o, s = i({}, o, {
+    checked: n
+  });
+  return /* @__PURE__ */ q(Q, {
+    className: a.root,
+    ownerState: s,
+    children: [/* @__PURE__ */ r(X, {
+      fontSize: t,
+      className: a.background,
+      ownerState: s
+    }), /* @__PURE__ */ r(Y, {
+      fontSize: t,
+      className: a.dot,
+      ownerState: s
+    })]
+  });
+}
+process.env.NODE_ENV !== "production" && (k.propTypes = {
+  /**
+   * If `true`, the component is checked.
+   */
+  checked: e.bool,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * The size of the component.
+   * `small` is equivalent to the dense radio styling.
+   */
+  fontSize: e.oneOf(["small", "medium"])
+});
+function oo(o) {
+  return F("MuiRadio", o);
+}
+const b = D("MuiRadio", ["root", "checked", "disabled", "colorPrimary", "colorSecondary", "sizeSmall"]), eo = ["checked", "checkedIcon", "color", "icon", "name", "onChange", "size", "className"], no = (o) => {
+  const {
+    classes: n,
+    color: a,
+    size: t
+  } = o, s = {
+    root: ["root", `color${p(a)}`, t !== "medium" && `size${p(t)}`]
+  };
+  return i({}, n, H(s, oo, n));
+}, ao = u(W, {
+  shouldForwardProp: (o) => I(o) || o === "classes",
+  name: "MuiRadio",
+  slot: "Root",
+  overridesResolver: (o, n) => {
+    const {
+      ownerState: a
+    } = o;
+    return [n.root, a.size !== "medium" && n[`size${p(a.size)}`], n[`color${p(a.color)}`]];
+  }
+})(({
+  theme: o,
+  ownerState: n
+}) => i({
+  color: (o.vars || o).palette.text.secondary
+}, !n.disableRipple && {
+  "&:hover": {
+    backgroundColor: o.vars ? `rgba(${n.color === "default" ? o.vars.palette.action.activeChannel : o.vars.palette[n.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : G(n.color === "default" ? o.palette.action.active : o.palette[n.color].main, o.palette.action.hoverOpacity),
+    // Reset on touch devices, it doesn't add specificity
+    "@media (hover: none)": {
+      backgroundColor: "transparent"
+    }
+  }
+}, n.color !== "default" && {
+  [`&.${b.checked}`]: {
+    color: (o.vars || o).palette[n.color].main
+  }
+}, {
+  [`&.${b.disabled}`]: {
+    color: (o.vars || o).palette.action.disabled
+  }
+}));
+function to(o, n) {
+  return typeof n == "object" && n !== null ? o === n : String(o) === String(n);
+}
+const y = /* @__PURE__ */ r(k, {
+  checked: !0
+}), v = /* @__PURE__ */ r(k, {}), S = /* @__PURE__ */ d.forwardRef(function(n, a) {
+  var t, s;
+  const l = V({
+    props: n,
+    name: "MuiRadio"
+  }), {
+    checked: B,
+    checkedIcon: N = y,
+    color: O = "primary",
+    icon: $ = v,
+    name: w,
+    onChange: M,
+    size: f = "medium",
+    className: _
+  } = l, j = T(l, eo), g = i({}, l, {
+    color: O,
+    size: f
+  }), R = no(g), c = A();
+  let m = B;
+  const E = L(M, c && c.onChange);
+  let C = w;
+  return c && (typeof m > "u" && (m = to(c.value, l.value)), typeof C > "u" && (C = c.name)), /* @__PURE__ */ r(ao, i({
+    type: "radio",
+    icon: /* @__PURE__ */ d.cloneElement($, {
+      fontSize: (t = v.props.fontSize) != null ? t : f
+    }),
+    checkedIcon: /* @__PURE__ */ d.cloneElement(N, {
+      fontSize: (s = y.props.fontSize) != null ? s : f
+    }),
+    ownerState: g,
+    classes: R,
+    name: C,
+    checked: m,
+    onChange: E,
+    ref: a,
+    className: U(R.root, _)
+  }, j));
+});
+process.env.NODE_ENV !== "production" && (S.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * If `true`, the component is checked.
+   */
+  checked: e.bool,
+  /**
+   * The icon to display when the component is checked.
+   * @default <RadioButtonIcon checked />
+   */
+  checkedIcon: e.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * @ignore
+   */
+  className: e.string,
+  /**
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
+   * @default 'primary'
+   */
+  color: e.oneOfType([e.oneOf(["default", "primary", "secondary", "error", "info", "success", "warning"]), e.string]),
+  /**
+   * If `true`, the component is disabled.
+   */
+  disabled: e.bool,
+  /**
+   * If `true`, the ripple effect is disabled.
+   * @default false
+   */
+  disableRipple: e.bool,
+  /**
+   * The icon to display when the component is unchecked.
+   * @default <RadioButtonIcon />
+   */
+  icon: e.node,
+  /**
+   * The id of the `input` element.
+   */
+  id: e.string,
+  /**
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
+   */
+  inputProps: e.object,
+  /**
+   * Pass a ref to the `input` element.
+   */
+  inputRef: Z,
+  /**
+   * Name attribute of the `input` element.
+   */
+  name: e.string,
+  /**
+   * Callback fired when the state is changed.
+   *
+   * @param {React.ChangeEvent<HTMLInputElement>} event The event source of the callback.
+   * You can pull out the new value by accessing `event.target.value` (string).
+   * You can pull out the new checked state by accessing `event.target.checked` (boolean).
+   */
+  onChange: e.func,
+  /**
+   * If `true`, the `input` element is required.
+   * @default false
+   */
+  required: e.bool,
+  /**
+   * The size of the component.
+   * `small` is equivalent to the dense radio styling.
+   * @default 'medium'
+   */
+  size: e.oneOfType([e.oneOf(["medium", "small"]), e.string]),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
+  /**
+   * The value of the component. The DOM API casts this to a string.
+   */
+  value: e.any
+});
+const so = (o) => o !== "itemcolor", ko = h(z, {
+  name: "HCColorPicker",
+  slot: "root"
+})({
+  display: "flex"
+}), go = h(S, {
+  name: "HCColorPicker",
+  slot: "radio",
+  shouldForwardProp: so
+})(({ itemcolor: o }) => ({
+  color: o,
+  padding: 0,
+  "&.Mui-checked": {
+    color: o,
+    "&:before": {
+      position: "absolute",
+      display: "block",
+      content: '" "',
+      width: 22,
+      height: 22,
+      zIndex: 0,
+      border: "2px solid",
+      borderColor: o === "#ffffff" ? "#333" : o,
+      borderRadius: "50%",
+      opacity: 0.5
+    }
+  },
+  "& .PrivateSwitchBase-input": {
+    zIndex: 2
+  },
+  "& .MuiSvgIcon-root": {
+    position: "relative",
+    zIndex: 1
+  },
+  ...o === "#ffffff" && {
+    "&:after": {
+      position: "absolute",
+      display: "block",
+      content: '" "',
+      width: 18,
+      height: 18,
+      backgroundColor: "#333",
+      zIndex: 0,
+      borderRadius: "50%"
+    }
+  }
+})), Ro = h(z, {
+  name: "HCColorPicker",
+  slot: "pickerWrapper"
+})({
+  position: "fixed",
+  marginTop: 25.6,
+  right: 32,
+  zIndex: 9999
+});
+export {
+  ko as C,
+  P as R,
+  go as a,
+  Ro as b
+};