@m4l/gclick 0.3.1-beta.0 → 0.3.1-beta.2

package/components/DeviceStatus/DeviceStatus.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceStatus.styles.d.ts","sourceRoot":"","sources":["../../../../../../packages/gclick/src/components/DeviceStatus/DeviceStatus.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAClD,eAAO,MAAM,kBAAkB,EAAE,kBAShC,CAAC"}

package/components/DeviceStatus/DeviceStatus.styles.js

@@ -1 +1,13 @@
-
+const e = {
+  /**
+   * TODO: Documentar
+   */
+  root: () => ({
+    display: "flex",
+    alignItems: "center"
+    // flexGrow: 1,
+  })
+};
+export {
+  e as deviceStatusStyles
+};

package/components/DeviceStatus/constants.d.ts

@@ -1,2 +1,3 @@
 export declare const COMPONENT_TEST_ID = "M4LDeviceStatus";
 export declare const COMPONET_KEY_COMPONENT = "M4LDeviceStatus";
+//# sourceMappingURL=constants.d.ts.map

package/components/DeviceStatus/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../packages/gclick/src/components/DeviceStatus/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB,oBAAoB,CAAC;AACnD,eAAO,MAAM,sBAAsB,oBAAoB,CAAC"}

package/components/DeviceStatus/constants.js

@@ -1 +1,4 @@
-
+const t = "M4LDeviceStatus";
+export {
+  t as COMPONET_KEY_COMPONENT
+};

package/components/DeviceStatus/dictionary.d.ts

@@ -11,3 +11,4 @@ export declare const MDS_DICTIONARY: {
     readonly LABEL_POWER_SAVING: "device.label_power_saving";
     readonly LABEL_MAX_SPEED: "device.label_max_speed";
 };
+//# sourceMappingURL=dictionary.d.ts.map

package/components/DeviceStatus/dictionary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dictionary.d.ts","sourceRoot":"","sources":["../../../../../../packages/gclick/src/components/DeviceStatus/dictionary.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB,WAAW,CAAC;AAC1C,wBAAgB,mCAAmC,aAElD;AACD,eAAO,MAAM,cAAc;;;;;;;;;;CAUjB,CAAC"}

package/components/DeviceStatus/dictionary.js

@@ -1,7 +1,8 @@
-const MDS_DICTIONARY_ID = "device";
-function getDeviceStatusComponentsDictionary() {
-  return [MDS_DICTIONARY_ID].concat();
+const t = "device";
+function e() {
+  return [t].concat();
 }
 export {
-  getDeviceStatusComponentsDictionary as g
+  t as MDS_DICTIONARY_ID,
+  e as getDeviceStatusComponentsDictionary
 };

package/components/DeviceStatus/icons.d.ts

@@ -9,3 +9,4 @@ export declare const DEVICE_STATUS_ICONS: {
     POWER_SAVING: string;
     MAX_SPEED: string;
 };
+//# sourceMappingURL=icons.d.ts.map

package/components/DeviceStatus/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../../../../packages/gclick/src/components/DeviceStatus/icons.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB;;;;;;;;;;CAU/B,CAAC"}

package/components/DeviceStatus/index.d.ts

@@ -3,3 +3,4 @@ export { getDeviceStatusComponentsDictionary } from './dictionary';
 export { getDeviceStatusByData } from '../Device/helpers/helperDeviceStatus';
 export { DEVICE_STATUSES_CONFIG } from '../Device/hooks/constants';
 export { useDeviceStatus } from '../Device/hooks/useDeviceStatus';
+//# sourceMappingURL=index.d.ts.map

package/components/DeviceStatus/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/gclick/src/components/DeviceStatus/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,mCAAmC,EAAE,MAAM,cAAc,CAAC;AACnE,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC"}

package/components/DeviceStatus/slots/DeviceStatusSlots.d.ts

@@ -1 +1,2 @@
-export declare const DeviceStatusRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const DeviceStatusRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+//# sourceMappingURL=DeviceStatusSlots.d.ts.map

package/components/DeviceStatus/slots/DeviceStatusSlots.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceStatusSlots.d.ts","sourceRoot":"","sources":["../../../../../../../packages/gclick/src/components/DeviceStatus/slots/DeviceStatusSlots.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,sBAAsB,2WAGP,CAAC"}

package/components/DeviceStatus/slots/DeviceStatusSlots.js

@@ -1 +1,8 @@
-import "@mui/material/styles";
+import { styled as o } from "@mui/material/styles";
+import { COMPONET_KEY_COMPONENT as t } from "../constants.js";
+import { deviceStatusStyles as r } from "../DeviceStatus.styles.js";
+import { DeviceStatusSlots as m } from "./slots.js";
+o("div", {
+  name: t,
+  slot: m.root
+})(r?.root);

package/components/DeviceStatus/slots/slots.d.ts

@@ -1,3 +1,4 @@
 export declare enum DeviceStatusSlots {
     root = "root"
 }
+//# sourceMappingURL=slots.d.ts.map

package/components/DeviceStatus/slots/slots.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slots.d.ts","sourceRoot":"","sources":["../../../../../../../packages/gclick/src/components/DeviceStatus/slots/slots.ts"],"names":[],"mappings":"AAAA,oBAAY,iBAAiB;IAC3B,IAAI,SAAS;CACd"}

package/components/DeviceStatus/slots/slots.js

@@ -1 +1,4 @@
-
+var o = /* @__PURE__ */ ((r) => (r.root = "root", r))(o || {});
+export {
+  o as DeviceStatusSlots
+};

package/components/DeviceStatus/types.d.ts

@@ -2,7 +2,7 @@ import { DeviceStatusSlots } from './slots/slots';
 import { COMPONET_KEY_COMPONENT } from './constants';
 import { Theme } from '@mui/material/styles';
 import { DeviceDataType } from '../../@types';
-import { M4LOverridesStyleRules } from '../../@types/augmentations';
+import { M4LOverridesStyleRules } from '@m4l/components';
 export interface DeviceStatusProps {
     deviceData: DeviceDataType;
 }
@@ -14,3 +14,4 @@ export type DeviceStatusOwnerState = {
     iconKey: string;
 };
 export type DeviceStatusStyles = M4LOverridesStyleRules<DeviceStatusSlotsType, typeof COMPONET_KEY_COMPONENT, Theme>;
+//# sourceMappingURL=types.d.ts.map

package/components/DeviceStatus/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/gclick/src/components/DeviceStatus/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACzD,MAAM,WAAW,iBAAiB;IAChC,UAAU,EAAE,cAAc,CAAC;CAC5B;AACD,MAAM,MAAM,oBAAoB,GAAG,iBAAiB,GAAG;IAAC,SAAS,CAAC,EAAC,OAAO,CAAA;CAAC,CAAC;AAC5E,MAAM,MAAM,qBAAqB,GAAG,MAAM,OAAO,iBAAiB,CAAC;AACnE,MAAM,MAAM,sBAAsB,GAAG;IAAC,OAAO,EAAC,MAAM,CAAA;CAAC,CAAC;AACtD,MAAM,MAAM,kBAAkB,GACxB,sBAAsB,CAAC,qBAAqB,EAAE,OAAO,sBAAsB,EAAE,KAAK,CAAC,CAAE"}

package/components/GaugeCircular/GaugeCircular.d.ts

@@ -5,4 +5,5 @@ import { GaugeCircularProps } from './types';
  * @param props - GaugeFullCircleProps
  * @returns GaugeFullCircleRootStyled
  */
-export declare const GaugeCircular: (props: GaugeCircularProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GaugeCircular: (props: GaugeCircularProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=GaugeCircular.d.ts.map

package/components/GaugeCircular/GaugeCircular.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GaugeCircular.d.ts","sourceRoot":"","sources":["../../../../../../packages/gclick/src/components/GaugeCircular/GaugeCircular.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAG7C;;;;;GAKG;AACH,eAAO,MAAM,aAAa,GAAI,OAAO,kBAAkB,qDAsBtD,CAAC"}

package/components/GaugeCircular/GaugeCircular.js

@@ -1,30 +1,28 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useModuleSkeleton } from "@m4l/core";
-import { G as GAUGE_CIRCULAR_CLASSES } from "./constants.js";
-import { G as GaugeFullCircleRootStyled, a as GaugeFullCircleCircularBgStyled, b as GaugeFullCircleInnerStyled } from "./slots/GaugeCircularSlots.js";
-import clsx from "clsx";
-import { C as CircularProgress } from "./subcomponents/CircularProgress/CircularProgress.js";
-const GaugeCircular = (props) => {
-  const { value, children, className } = props;
-  const isSkeleton = useModuleSkeleton();
-  const normalizedValue = isSkeleton ? 0 : Math.max(0, Math.min(100, value));
-  return /* @__PURE__ */ jsxs(
-    GaugeFullCircleRootStyled,
+import { jsxs as t, jsx as r } from "@emotion/react/jsx-runtime";
+import { useModuleSkeleton as u } from "@m4l/core";
+import { GAUGE_CIRCULAR_CLASSES as m } from "./constants.js";
+import { GaugeFullCircleRootStyled as s, GaugeFullCircleCircularBgStyled as c, GaugeFullCircleInnerStyled as n } from "./slots/GaugeCircularSlots.js";
+import { CircularProgress as C } from "./subcomponents/CircularProgress/CircularProgress.js";
+import S from "clsx";
+const h = (l) => {
+  const { value: a, children: o, className: i } = l, e = u() ? 0 : Math.max(0, Math.min(100, a));
+  return /* @__PURE__ */ t(
+    s,
     {
       role: "progressbar",
       "aria-label": "GaugeCircular",
-      "aria-valuenow": normalizedValue,
+      "aria-valuenow": e,
       "aria-valuemin": 0,
       "aria-valuemax": 100,
-      className: clsx(GAUGE_CIRCULAR_CLASSES.root, className),
+      className: S(m.root, i),
       children: [
-        /* @__PURE__ */ jsx(GaugeFullCircleCircularBgStyled, {}),
-        /* @__PURE__ */ jsx(CircularProgress, { value: normalizedValue }),
-        /* @__PURE__ */ jsx(GaugeFullCircleInnerStyled, { children })
+        /* @__PURE__ */ r(c, {}),
+        /* @__PURE__ */ r(C, { value: e }),
+        /* @__PURE__ */ r(n, { children: o })
       ]
     }
   );
 };
 export {
-  GaugeCircular as G
+  h as GaugeCircular
 };

package/components/GaugeCircular/GaugeCircular.styles.d.ts

@@ -1,2 +1,3 @@
 import { GaugeCircularStyles } from './types';
 export declare const gaugeCircularStyles: GaugeCircularStyles;
+//# sourceMappingURL=GaugeCircular.styles.d.ts.map

package/components/GaugeCircular/GaugeCircular.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GaugeCircular.styles.d.ts","sourceRoot":"","sources":["../../../../../../packages/gclick/src/components/GaugeCircular/GaugeCircular.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAE9C,eAAO,MAAM,mBAAmB,EAAE,mBAqDjC,CAAC"}

package/components/GaugeCircular/GaugeCircular.styles.js

@@ -1,8 +1,8 @@
-const gaugeCircularStyles = {
+const t = {
   /**
    * Estilos para el contenedor principal del gauge
    */
-  root: ({ theme }) => ({
+  root: ({ theme: e }) => ({
     position: "relative",
     width: "76px",
     height: "76px",
@@ -10,11 +10,11 @@ const gaugeCircularStyles = {
     justifyContent: "center",
     alignItems: "center",
     borderRadius: "50%",
-    boxShadow: `inset 0 4px 4px 0 ${theme.vars.palette.background.surface}`,
+    boxShadow: `inset 0 4px 4px 0 ${e.vars.palette.background.surface}`,
     "& > svg": {
       zIndex: 1,
       "& .circular-progress-circle": {
-        stroke: `${theme.vars.palette.primary.enabled}!important`,
+        stroke: `${e.vars.palette.primary.enabled}!important`,
         transition: "stroke-dashoffset 0.3s ease-in-out"
       }
     }
@@ -22,31 +22,31 @@ const gaugeCircularStyles = {
   /**
    * Estilos para el fondo del gauge
    */
-  circularBg: ({ theme }) => ({
+  circularBg: ({ theme: e }) => ({
     opacity: 0.5,
     width: "inherit",
     height: "inherit",
     borderRadius: "inherit",
     position: "absolute",
-    background: theme.vars.palette.background.surface
+    background: e.vars.palette.background.surface
   }),
   /**
    * Estilos para el contenedor interno del gauge
    */
-  inner: ({ theme }) => ({
+  inner: ({ theme: e }) => ({
     width: "60px",
     height: "60px",
     borderRadius: "50%",
-    background: theme.vars.palette.background.default,
+    background: e.vars.palette.background.default,
     position: "absolute",
     display: "flex",
     flexDirection: "column",
-    gap: theme.vars.size.baseSpacings.sp1,
+    gap: e.vars.size.baseSpacings.sp1,
     justifyContent: "center",
     alignItems: "center",
-    boxShadow: `0 4px 4px 0 ${theme.vars.palette.background.surface}`
+    boxShadow: `0 4px 4px 0 ${e.vars.palette.background.surface}`
   })
 };
 export {
-  gaugeCircularStyles as g
+  t as gaugeCircularStyles
 };

package/components/GaugeCircular/constants.d.ts

@@ -1,2 +1,3 @@
 export declare const GAUGE_CIRCULAR_KEY_COMPONENT = "M4LGaugeCircular";
 export declare const GAUGE_CIRCULAR_CLASSES: Record<"root" | "inner" | "circularBg", string>;
+//# sourceMappingURL=constants.d.ts.map

package/components/GaugeCircular/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../packages/gclick/src/components/GaugeCircular/constants.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,4BAA4B,qBAAqB,CAAC;AAE/D,eAAO,MAAM,sBAAsB,iDAAwE,CAAC"}

package/components/GaugeCircular/constants.js

@@ -1,8 +1,7 @@
-import { getComponentClasses } from "@m4l/components";
-import { G as GaugeCircularSlots } from "./slots/GaugeCircularEnum.js";
-const GAUGE_CIRCULAR_KEY_COMPONENT = "M4LGaugeCircular";
-const GAUGE_CIRCULAR_CLASSES = getComponentClasses(GAUGE_CIRCULAR_KEY_COMPONENT, GaugeCircularSlots);
+import { getComponentClasses as o } from "@m4l/components";
+import { GaugeCircularSlots as C } from "./slots/GaugeCircularEnum.js";
+const r = "M4LGaugeCircular", s = o(r, C);
 export {
-  GAUGE_CIRCULAR_CLASSES as G,
-  GAUGE_CIRCULAR_KEY_COMPONENT as a
+  s as GAUGE_CIRCULAR_CLASSES,
+  r as GAUGE_CIRCULAR_KEY_COMPONENT
 };

package/components/GaugeCircular/index.d.ts

@@ -1 +1,2 @@
 export { GaugeCircular } from './GaugeCircular';
+//# sourceMappingURL=index.d.ts.map

package/components/GaugeCircular/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/gclick/src/components/GaugeCircular/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

package/components/GaugeCircular/slots/GaugeCircularEnum.d.ts

@@ -3,3 +3,4 @@ export declare enum GaugeCircularSlots {
     inner = "inner",
     circularBg = "circularBg"
 }
+//# sourceMappingURL=GaugeCircularEnum.d.ts.map

package/components/GaugeCircular/slots/GaugeCircularEnum.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GaugeCircularEnum.d.ts","sourceRoot":"","sources":["../../../../../../../packages/gclick/src/components/GaugeCircular/slots/GaugeCircularEnum.ts"],"names":[],"mappings":"AAAA,oBAAY,kBAAkB;IAC5B,IAAI,SAAS;IACb,KAAK,UAAU;IACf,UAAU,eAAe;CAC1B"}

package/components/GaugeCircular/slots/GaugeCircularEnum.js

@@ -1,9 +1,4 @@
-var GaugeCircularSlots = /* @__PURE__ */ ((GaugeCircularSlots2) => {
-  GaugeCircularSlots2["root"] = "root";
-  GaugeCircularSlots2["inner"] = "inner";
-  GaugeCircularSlots2["circularBg"] = "circularBg";
-  return GaugeCircularSlots2;
-})(GaugeCircularSlots || {});
+var n = /* @__PURE__ */ ((r) => (r.root = "root", r.inner = "inner", r.circularBg = "circularBg", r))(n || {});
 export {
-  GaugeCircularSlots as G
+  n as GaugeCircularSlots
 };

package/components/GaugeCircular/slots/GaugeCircularSlots.d.ts

@@ -1,3 +1,4 @@
-export declare const GaugeFullCircleRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const GaugeFullCircleInnerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const GaugeFullCircleCircularBgStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const GaugeFullCircleRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const GaugeFullCircleInnerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const GaugeFullCircleCircularBgStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+//# sourceMappingURL=GaugeCircularSlots.d.ts.map

package/components/GaugeCircular/slots/GaugeCircularSlots.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GaugeCircularSlots.d.ts","sourceRoot":"","sources":["../../../../../../../packages/gclick/src/components/GaugeCircular/slots/GaugeCircularSlots.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,yBAAyB,2WAGT,CAAC;AAG9B,eAAO,MAAM,0BAA0B,2WAGT,CAAC;AAE/B,eAAO,MAAM,+BAA+B,2WAGT,CAAC"}

package/components/GaugeCircular/slots/GaugeCircularSlots.js

@@ -1,21 +1,19 @@
-import { styled } from "@mui/material/styles";
-import { a as GAUGE_CIRCULAR_KEY_COMPONENT } from "../constants.js";
-import { G as GaugeCircularSlots } from "./GaugeCircularEnum.js";
-import { g as gaugeCircularStyles } from "../GaugeCircular.styles.js";
-const GaugeFullCircleRootStyled = styled("div", {
-  name: GAUGE_CIRCULAR_KEY_COMPONENT,
-  slot: GaugeCircularSlots.root
-})(gaugeCircularStyles?.root);
-const GaugeFullCircleInnerStyled = styled("div", {
-  name: GAUGE_CIRCULAR_KEY_COMPONENT,
-  slot: GaugeCircularSlots.inner
-})(gaugeCircularStyles?.inner);
-const GaugeFullCircleCircularBgStyled = styled("div", {
-  name: GAUGE_CIRCULAR_KEY_COMPONENT,
-  slot: GaugeCircularSlots.circularBg
-})(gaugeCircularStyles?.circularBg);
+import { styled as r } from "@mui/material/styles";
+import { GAUGE_CIRCULAR_KEY_COMPONENT as l } from "../constants.js";
+import { GaugeCircularSlots as o } from "./GaugeCircularEnum.js";
+import { gaugeCircularStyles as e } from "../GaugeCircular.styles.js";
+const u = r("div", {
+  name: l,
+  slot: o.root
+})(e?.root), n = r("div", {
+  name: l,
+  slot: o.inner
+})(e?.inner), m = r("div", {
+  name: l,
+  slot: o.circularBg
+})(e?.circularBg);
 export {
-  GaugeFullCircleRootStyled as G,
-  GaugeFullCircleCircularBgStyled as a,
-  GaugeFullCircleInnerStyled as b
+  m as GaugeFullCircleCircularBgStyled,
+  n as GaugeFullCircleInnerStyled,
+  u as GaugeFullCircleRootStyled
 };

package/components/GaugeCircular/subcomponents/CircularProgress/CircularProgress.d.ts

@@ -5,4 +5,5 @@
  */
 export declare const CircularProgress: ({ value }: {
     value?: number | undefined;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CircularProgress.d.ts.map

package/components/GaugeCircular/subcomponents/CircularProgress/CircularProgress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CircularProgress.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/gclick/src/components/GaugeCircular/subcomponents/CircularProgress/CircularProgress.tsx"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,GAAI;;CAAc,qDAwC9C,CAAC"}

package/components/GaugeCircular/subcomponents/CircularProgress/CircularProgress.js

@@ -1,44 +1,42 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { C as CIRCULAR_PROGRESS_SIZE, a as CIRCULAR_PROGRESS_STROKE_WIDTH } from "./constants.js";
-const CircularProgress = ({ value = 30 }) => {
-  const { radius, circumference, offset } = useMemo(() => {
-    const radius2 = (CIRCULAR_PROGRESS_SIZE - CIRCULAR_PROGRESS_STROKE_WIDTH) / 2;
-    const circumference2 = 2 * Math.PI * radius2;
-    const offset2 = circumference2 - value / 100 * circumference2;
-    return { radius: radius2, circumference: circumference2, offset: offset2 };
-  }, [value]);
-  return /* @__PURE__ */ jsxs("svg", { width: CIRCULAR_PROGRESS_SIZE, height: CIRCULAR_PROGRESS_SIZE, style: { position: "absolute" }, children: [
-    /* @__PURE__ */ jsx(
+import { jsxs as l, jsx as i } from "@emotion/react/jsx-runtime";
+import { useMemo as u } from "react";
+import { CIRCULAR_PROGRESS_SIZE as r, CIRCULAR_PROGRESS_STROKE_WIDTH as s } from "./constants.js";
+const p = ({ value: c = 30 }) => {
+  const { radius: o, circumference: n, offset: a } = u(() => {
+    const t = (r - s) / 2, e = 2 * Math.PI * t, f = e - c / 100 * e;
+    return { radius: t, circumference: e, offset: f };
+  }, [c]);
+  return /* @__PURE__ */ l("svg", { width: r, height: r, style: { position: "absolute" }, children: [
+    /* @__PURE__ */ i(
       "circle",
       {
-        cx: CIRCULAR_PROGRESS_SIZE / 2,
-        cy: CIRCULAR_PROGRESS_SIZE / 2,
-        r: radius,
-        strokeWidth: CIRCULAR_PROGRESS_STROKE_WIDTH,
+        cx: r / 2,
+        cy: r / 2,
+        r: o,
+        strokeWidth: s,
         strokeLinecap: "butt",
         fill: "none"
       },
       "background-circle"
     ),
-    /* @__PURE__ */ jsx(
+    /* @__PURE__ */ i(
       "circle",
       {
         className: "circular-progress-circle",
-        cx: CIRCULAR_PROGRESS_SIZE / 2,
-        cy: CIRCULAR_PROGRESS_SIZE / 2,
-        r: radius,
-        strokeWidth: CIRCULAR_PROGRESS_STROKE_WIDTH,
+        cx: r / 2,
+        cy: r / 2,
+        r: o,
+        strokeWidth: s,
         fill: "none",
-        strokeDasharray: circumference,
-        strokeDashoffset: offset,
+        strokeDasharray: n,
+        strokeDashoffset: a,
         strokeLinecap: "round",
-        transform: `rotate(-90 ${CIRCULAR_PROGRESS_SIZE / 2} ${CIRCULAR_PROGRESS_SIZE / 2})`
+        transform: `rotate(-90 ${r / 2} ${r / 2})`
       },
       "progress-circle"
     )
   ] });
 };
 export {
-  CircularProgress as C
+  p as CircularProgress
 };

package/components/GaugeCircular/subcomponents/CircularProgress/constants.d.ts

@@ -1,2 +1,3 @@
 export declare const CIRCULAR_PROGRESS_SIZE = 72;
 export declare const CIRCULAR_PROGRESS_STROKE_WIDTH = 4;
+//# sourceMappingURL=constants.d.ts.map

package/components/GaugeCircular/subcomponents/CircularProgress/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/gclick/src/components/GaugeCircular/subcomponents/CircularProgress/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB,KAAK,CAAC;AACzC,eAAO,MAAM,8BAA8B,IAAI,CAAC"}

package/components/GaugeCircular/subcomponents/CircularProgress/constants.js

@@ -1,6 +1,5 @@
-const CIRCULAR_PROGRESS_SIZE = 72;
-const CIRCULAR_PROGRESS_STROKE_WIDTH = 4;
+const R = 72, S = 4;
 export {
-  CIRCULAR_PROGRESS_SIZE as C,
-  CIRCULAR_PROGRESS_STROKE_WIDTH as a
+  R as CIRCULAR_PROGRESS_SIZE,
+  S as CIRCULAR_PROGRESS_STROKE_WIDTH
 };

package/components/GaugeCircular/subcomponents/CircularProgress/index.d.ts

@@ -1 +1,2 @@
 export { CircularProgress } from './CircularProgress';
+//# sourceMappingURL=index.d.ts.map

package/components/GaugeCircular/subcomponents/CircularProgress/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/gclick/src/components/GaugeCircular/subcomponents/CircularProgress/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC"}

package/components/GaugeCircular/types.d.ts

@@ -23,3 +23,4 @@ export interface GaugeCircularProps {
 export type GaugeCircularOwnerState = {};
 export type GaugeCircularSlotsType = keyof typeof GaugeCircularSlots;
 export type GaugeCircularStyles = M4LOverridesStyleRules<GaugeCircularSlotsType, typeof GAUGE_CIRCULAR_KEY_COMPONENT, Theme>;
+//# sourceMappingURL=types.d.ts.map

package/components/GaugeCircular/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/gclick/src/components/GaugeCircular/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAE,4BAA4B,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEtC,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,MAAM,uBAAuB,GAAG,EAAE,CAAC;AAEzC,MAAM,MAAM,sBAAsB,GAAG,MAAM,OAAO,kBAAkB,CAAC;AAErE,MAAM,MAAM,mBAAmB,GAAG,sBAAsB,CAAC,sBAAsB,EAAE,OAAO,4BAA4B,EAAE,KAAK,CAAC,CAAA"}

package/components/VideoTimeLineSelector/VideoTimeLineSelector.d.ts

@@ -2,4 +2,5 @@ import { VideoTimeLineSelectorProps } from './types';
 /**
  * VideoTimeLineSelector component
  */
-export declare const VideoTimeLineSelector: <T>(props: VideoTimeLineSelectorProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const VideoTimeLineSelector: <T>(props: VideoTimeLineSelectorProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=VideoTimeLineSelector.d.ts.map

package/components/VideoTimeLineSelector/VideoTimeLineSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoTimeLineSelector.d.ts","sourceRoot":"","sources":["../../../../../../packages/gclick/src/components/VideoTimeLineSelector/VideoTimeLineSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAKrD;;GAEG;AACH,eAAO,MAAM,qBAAqB,GAAI,CAAC,EAAG,OAAO,0BAA0B,CAAC,CAAC,CAAC,qDAkB7E,CAAC"}

package/components/VideoTimeLineSelector/VideoTimeLineSelector.js

@@ -1,22 +1,22 @@
-import { jsx } from "react/jsx-runtime";
-import { V as VideoTimeLineSelectorProvider } from "./store/VideoTimeLineSelectorContext.js";
-import { B as BaseVideoTimeLineSelector } from "./subcomponents/BaseVideoTimeLineSelector/BaseVideoTimeLineSelector.js";
-import { AppearanceComponentProvider } from "@m4l/components";
-const VideoTimeLineSelector = (props) => {
-  const { maxChannelsSelected = 1, channels, segments, events, onChange, size = "medium", defaultTime, loading } = props;
-  return /* @__PURE__ */ jsx(AppearanceComponentProvider, { defaultSize: size, children: /* @__PURE__ */ jsx(
-    VideoTimeLineSelectorProvider,
+import { jsx as e } from "@emotion/react/jsx-runtime";
+import { VideoTimeLineSelectorProvider as c } from "./store/VideoTimeLineSelectorContext.js";
+import { BaseVideoTimeLineSelector as s } from "./subcomponents/BaseVideoTimeLineSelector/BaseVideoTimeLineSelector.js";
+import { AppearanceComponentProvider as p } from "@m4l/components";
+const T = (o) => {
+  const { maxChannelsSelected: i = 1, channels: r, segments: n, events: m, onChange: t, size: d = "medium", defaultTime: l, loading: a } = o;
+  return /* @__PURE__ */ e(p, { defaultSize: d, children: /* @__PURE__ */ e(
+    c,
     {
-      channels,
-      maxChannelsSelected,
-      segments,
-      events,
-      defaultTime,
-      loading,
-      children: /* @__PURE__ */ jsx(BaseVideoTimeLineSelector, { onChange })
+      channels: r,
+      maxChannelsSelected: i,
+      segments: n,
+      events: m,
+      defaultTime: l,
+      loading: a,
+      children: /* @__PURE__ */ e(s, { onChange: t })
     }
   ) });
 };
 export {
-  VideoTimeLineSelector as V
+  T as VideoTimeLineSelector
 };

package/components/VideoTimeLineSelector/VideoTimeLineSelector.styles.d.ts

@@ -1,2 +1,3 @@
 import { VideoTimeLineSelectorStyles } from './types';
 export declare const chartTimeLineStyles: VideoTimeLineSelectorStyles;
+//# sourceMappingURL=VideoTimeLineSelector.styles.d.ts.map

package/components/VideoTimeLineSelector/VideoTimeLineSelector.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoTimeLineSelector.styles.d.ts","sourceRoot":"","sources":["../../../../../../packages/gclick/src/components/VideoTimeLineSelector/VideoTimeLineSelector.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAGtD,eAAO,MAAM,mBAAmB,EAAE,2BAkXjC,CAAC"}