@widergy/energy-ui 3.172.3 → 3.173.0

package/dist/types/buttonTypes.js

@@ -1 +1,23 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.buttonTypes=void 0;var _propTypes=require("prop-types");const buttonTypes=exports.buttonTypes={classes:(0,_propTypes.objectOf)(_propTypes.string),classNames:(0,_propTypes.objectOf)(_propTypes.string),colorTheme:_propTypes.string,count:_propTypes.number,dataTestId:_propTypes.string,disabled:_propTypes.bool,hideTextOnResponsive:_propTypes.bool,Icon:_propTypes.elementType,iconPlacement:_propTypes.string,loading:_propTypes.bool,onClick:_propTypes.func,size:_propTypes.string,type:_propTypes.string,variant:_propTypes.string};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.buttonTypes = void 0;
+var _propTypes = require("prop-types");
+const buttonTypes = exports.buttonTypes = {
+  classes: (0, _propTypes.objectOf)(_propTypes.string),
+  classNames: (0, _propTypes.objectOf)(_propTypes.string),
+  colorTheme: _propTypes.string,
+  count: _propTypes.number,
+  dataTestId: _propTypes.string,
+  disabled: _propTypes.bool,
+  hideTextOnResponsive: _propTypes.bool,
+  Icon: _propTypes.elementType,
+  iconPlacement: _propTypes.string,
+  loading: _propTypes.bool,
+  onClick: _propTypes.func,
+  size: _propTypes.string,
+  type: _propTypes.string,
+  variant: _propTypes.string
+};

package/dist/types/commonTypes.js

@@ -1 +1,17 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.refType=exports.classesType=void 0;var _propTypes=require("prop-types");const classesType=exports.classesType=(0,_propTypes.shape)({container:_propTypes.string,root:_propTypes.string,colorPrimary:_propTypes.string,barColorPrimary:_propTypes.string,label:_propTypes.string}),refType=exports.refType=(0,_propTypes.oneOfType)([_propTypes.func,(0,_propTypes.shape)({current:_propTypes.any})]);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.refType = exports.classesType = void 0;
+var _propTypes = require("prop-types");
+const classesType = exports.classesType = (0, _propTypes.shape)({
+  container: _propTypes.string,
+  root: _propTypes.string,
+  colorPrimary: _propTypes.string,
+  barColorPrimary: _propTypes.string,
+  label: _propTypes.string
+});
+const refType = exports.refType = (0, _propTypes.oneOfType)([_propTypes.func, (0, _propTypes.shape)({
+  current: _propTypes.any
+})]);

package/dist/types/consumptionTypes.js

@@ -1 +1,28 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.consumptionLevelsTypes=exports.consumptionCategoriesTypes=void 0;var _propTypes=require("prop-types");const consumptionLevelsTypes=exports.consumptionLevelsTypes=(0,_propTypes.arrayOf)((0,_propTypes.shape)({charge:(0,_propTypes.arrayOf)((0,_propTypes.shape)({date:_propTypes.string,value:_propTypes.number})),color:_propTypes.string,name:_propTypes.string,range:(0,_propTypes.arrayOf)(_propTypes.number)})),consumptionCategoriesTypes=exports.consumptionCategoriesTypes=(0,_propTypes.arrayOf)((0,_propTypes.shape)({name:_propTypes.string,title:_propTypes.string,usage:_propTypes.any,selections:_propTypes.array,appliances:(0,_propTypes.arrayOf)((0,_propTypes.shape)({icon:_propTypes.string,id:_propTypes.number,kWh:_propTypes.number,name:_propTypes.string}))}));
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.consumptionLevelsTypes = exports.consumptionCategoriesTypes = void 0;
+var _propTypes = require("prop-types");
+const consumptionLevelsTypes = exports.consumptionLevelsTypes = (0, _propTypes.arrayOf)((0, _propTypes.shape)({
+  charge: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
+    date: _propTypes.string,
+    value: _propTypes.number
+  })),
+  color: _propTypes.string,
+  name: _propTypes.string,
+  range: (0, _propTypes.arrayOf)(_propTypes.number)
+}));
+const consumptionCategoriesTypes = exports.consumptionCategoriesTypes = (0, _propTypes.arrayOf)((0, _propTypes.shape)({
+  name: _propTypes.string,
+  title: _propTypes.string,
+  usage: _propTypes.any,
+  selections: _propTypes.array,
+  appliances: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
+    icon: _propTypes.string,
+    id: _propTypes.number,
+    kWh: _propTypes.number,
+    name: _propTypes.string
+  }))
+}));

package/dist/types/formTypes.js

@@ -1 +1,74 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.metaPropTypes=exports.inputPropTypes=exports.fieldType=void 0;var _propTypes=require("prop-types");const inputPropTypes=exports.inputPropTypes=(0,_propTypes.shape)({name:_propTypes.string,onBlur:_propTypes.func,onChange:_propTypes.func,onDragStart:_propTypes.func,onDrop:_propTypes.func,onFocus:_propTypes.func,value:(0,_propTypes.oneOfType)([_propTypes.array,_propTypes.bool,_propTypes.number,_propTypes.object,_propTypes.string])}),metaPropTypes=exports.metaPropTypes=(0,_propTypes.shape)({active:_propTypes.bool,asyncValidating:_propTypes.bool,autofilled:_propTypes.bool,dirty:_propTypes.bool,dispatch:_propTypes.func,error:_propTypes.string,form:_propTypes.string,invalid:_propTypes.bool,pristine:_propTypes.bool,submitFailed:_propTypes.bool,submitting:_propTypes.bool,touched:_propTypes.bool,valid:_propTypes.bool,visited:_propTypes.bool}),fieldType=exports.fieldType=(0,_propTypes.shape)({id:_propTypes.number,type:_propTypes.string,order:_propTypes.number,suborder:_propTypes.number,title:_propTypes.string,code:_propTypes.string,description:_propTypes.string,required:_propTypes.bool,required_message:_propTypes.string,key:_propTypes.string,field_options:(0,_propTypes.arrayOf)((0,_propTypes.shape)({name:(0,_propTypes.oneOfType)([_propTypes.string,_propTypes.node]),id:(0,_propTypes.oneOfType)([_propTypes.string,_propTypes.number]),key:_propTypes.string,value:(0,_propTypes.oneOfType)([_propTypes.string,_propTypes.number])})),placeholder:_propTypes.string,tooltip:_propTypes.string,format:_propTypes.string,format_error_message:_propTypes.string,validate:(0,_propTypes.oneOfType)([_propTypes.func,(0,_propTypes.arrayOf)(_propTypes.func)]),normalize:(0,_propTypes.oneOfType)([_propTypes.func,(0,_propTypes.arrayOf)(_propTypes.func)]),form_id:_propTypes.number,child_keys:(0,_propTypes.oneOfType)([_propTypes.array,_propTypes.string]),visibility_parent_field_key_id:_propTypes.number,visibility_parent_field_option_value_id:(0,_propTypes.oneOfType)([_propTypes.number,(0,_propTypes.arrayOf)(_propTypes.number)]),visibility_parent_field_option_values:_propTypes.array,visibility_toggleable_field_id:_propTypes.number,visibility_toggleable_field_value:_propTypes.string,read_only:_propTypes.bool,default_value:(0,_propTypes.oneOfType)([_propTypes.string,_propTypes.bool,_propTypes.number]),auxiliary:_propTypes.bool,hidden:_propTypes.bool,logic_evaluation:_propTypes.string,logic_evaluation_error_message:_propTypes.string,image_url:_propTypes.string,configuration:_propTypes.object,editable:_propTypes.bool,linked_default_value_key:_propTypes.string,external_field_options:_propTypes.bool});
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.metaPropTypes = exports.inputPropTypes = exports.fieldType = void 0;
+var _propTypes = require("prop-types");
+const inputPropTypes = exports.inputPropTypes = (0, _propTypes.shape)({
+  name: _propTypes.string,
+  onBlur: _propTypes.func,
+  onChange: _propTypes.func,
+  onDragStart: _propTypes.func,
+  onDrop: _propTypes.func,
+  onFocus: _propTypes.func,
+  value: (0, _propTypes.oneOfType)([_propTypes.array, _propTypes.bool, _propTypes.number, _propTypes.object, _propTypes.string])
+});
+const metaPropTypes = exports.metaPropTypes = (0, _propTypes.shape)({
+  active: _propTypes.bool,
+  asyncValidating: _propTypes.bool,
+  autofilled: _propTypes.bool,
+  dirty: _propTypes.bool,
+  dispatch: _propTypes.func,
+  error: _propTypes.string,
+  form: _propTypes.string,
+  invalid: _propTypes.bool,
+  pristine: _propTypes.bool,
+  submitFailed: _propTypes.bool,
+  submitting: _propTypes.bool,
+  touched: _propTypes.bool,
+  valid: _propTypes.bool,
+  visited: _propTypes.bool
+});
+const fieldType = exports.fieldType = (0, _propTypes.shape)({
+  id: _propTypes.number,
+  type: _propTypes.string,
+  order: _propTypes.number,
+  suborder: _propTypes.number,
+  title: _propTypes.string,
+  code: _propTypes.string,
+  description: _propTypes.string,
+  required: _propTypes.bool,
+  required_message: _propTypes.string,
+  key: _propTypes.string,
+  field_options: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
+    name: (0, _propTypes.oneOfType)([_propTypes.string, _propTypes.node]),
+    id: (0, _propTypes.oneOfType)([_propTypes.string, _propTypes.number]),
+    key: _propTypes.string,
+    value: (0, _propTypes.oneOfType)([_propTypes.string, _propTypes.number])
+  })),
+  placeholder: _propTypes.string,
+  tooltip: _propTypes.string,
+  format: _propTypes.string,
+  format_error_message: _propTypes.string,
+  validate: (0, _propTypes.oneOfType)([_propTypes.func, (0, _propTypes.arrayOf)(_propTypes.func)]),
+  normalize: (0, _propTypes.oneOfType)([_propTypes.func, (0, _propTypes.arrayOf)(_propTypes.func)]),
+  form_id: _propTypes.number,
+  child_keys: (0, _propTypes.oneOfType)([_propTypes.array, _propTypes.string]),
+  visibility_parent_field_key_id: _propTypes.number,
+  visibility_parent_field_option_value_id: (0, _propTypes.oneOfType)([_propTypes.number, (0, _propTypes.arrayOf)(_propTypes.number)]),
+  visibility_parent_field_option_values: _propTypes.array,
+  visibility_toggleable_field_id: _propTypes.number,
+  visibility_toggleable_field_value: _propTypes.string,
+  read_only: _propTypes.bool,
+  default_value: (0, _propTypes.oneOfType)([_propTypes.string, _propTypes.bool, _propTypes.number]),
+  auxiliary: _propTypes.bool,
+  hidden: _propTypes.bool,
+  logic_evaluation: _propTypes.string,
+  logic_evaluation_error_message: _propTypes.string,
+  image_url: _propTypes.string,
+  configuration: _propTypes.object,
+  editable: _propTypes.bool,
+  linked_default_value_key: _propTypes.string,
+  external_field_options: _propTypes.bool
+});

package/dist/types/googleMapsTypes.js

@@ -1 +1,54 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.UTMapPropTypes=exports.UTGoogleAutocompletePropTypes=void 0;var _propTypes=require("prop-types"),_formTypes=require("./formTypes");const coordinatePropType=(0,_propTypes.oneOfType)([_propTypes.number,_propTypes.func]),UTMapPropTypes=exports.UTMapPropTypes={onChange:_propTypes.func.isRequired,singleMarker:_propTypes.bool,startLocation:(0,_propTypes.shape)({position:(0,_propTypes.shape)({lat:coordinatePropType,lng:coordinatePropType}),key:_propTypes.number,defaultAnimation:_propTypes.number}),useGeolocation:_propTypes.bool,usePolygon:_propTypes.bool,placeholder:_propTypes.string,polygonPath:(0,_propTypes.arrayOf)((0,_propTypes.shape)({lat:_propTypes.number,lng:_propTypes.number})),onLocationOutOfBoundsCallback:_propTypes.func,errors:(0,_propTypes.shape)({retrievingLocation:_propTypes.string,retrieveLocationError:_propTypes.string}),className:_propTypes.string,field:_formTypes.fieldType,meta:_formTypes.metaPropTypes,input:_formTypes.inputPropTypes,apiKey:_propTypes.string,disabled:_propTypes.bool},UTGoogleAutocompletePropTypes=exports.UTGoogleAutocompletePropTypes={alert:_propTypes.string,apikey:_propTypes.string,classes:(0,_propTypes.objectOf)(_propTypes.string),dataTestId:_propTypes.string,detailErrorLabel:_propTypes.string,helperTextDataTestId:_propTypes.string,inputProps:_propTypes.object,minChar:_propTypes.number,noResultsLabel:_propTypes.string,predictionsErrorLabel:_propTypes.string,retrieveError:_propTypes.func,searchRestrictions:_propTypes.object,setSelectedPlace:_propTypes.func};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UTMapPropTypes = exports.UTGoogleAutocompletePropTypes = void 0;
+var _propTypes = require("prop-types");
+var _formTypes = require("./formTypes");
+const coordinatePropType = (0, _propTypes.oneOfType)([_propTypes.number, _propTypes.func]);
+const UTMapPropTypes = exports.UTMapPropTypes = {
+  onChange: _propTypes.func.isRequired,
+  singleMarker: _propTypes.bool,
+  startLocation: (0, _propTypes.shape)({
+    position: (0, _propTypes.shape)({
+      lat: coordinatePropType,
+      lng: coordinatePropType
+    }),
+    key: _propTypes.number,
+    defaultAnimation: _propTypes.number
+  }),
+  useGeolocation: _propTypes.bool,
+  usePolygon: _propTypes.bool,
+  placeholder: _propTypes.string,
+  polygonPath: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
+    lat: _propTypes.number,
+    lng: _propTypes.number
+  })),
+  onLocationOutOfBoundsCallback: _propTypes.func,
+  errors: (0, _propTypes.shape)({
+    retrievingLocation: _propTypes.string,
+    retrieveLocationError: _propTypes.string
+  }),
+  className: _propTypes.string,
+  field: _formTypes.fieldType,
+  meta: _formTypes.metaPropTypes,
+  input: _formTypes.inputPropTypes,
+  apiKey: _propTypes.string,
+  disabled: _propTypes.bool
+};
+const UTGoogleAutocompletePropTypes = exports.UTGoogleAutocompletePropTypes = {
+  alert: _propTypes.string,
+  apikey: _propTypes.string,
+  classes: (0, _propTypes.objectOf)(_propTypes.string),
+  dataTestId: _propTypes.string,
+  detailErrorLabel: _propTypes.string,
+  helperTextDataTestId: _propTypes.string,
+  inputProps: _propTypes.object,
+  minChar: _propTypes.number,
+  noResultsLabel: _propTypes.string,
+  predictionsErrorLabel: _propTypes.string,
+  retrieveError: _propTypes.func,
+  searchRestrictions: _propTypes.object,
+  setSelectedPlace: _propTypes.func
+};

package/dist/types/iconTypes.js

@@ -1 +1,25 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.iconPropTypes=void 0;var _propTypes=require("prop-types");const iconPropTypes=exports.iconPropTypes=(0,_propTypes.shape)({area:_propTypes.bool,classes:(0,_propTypes.objectOf)(_propTypes.string),className:_propTypes.string,color:_propTypes.string,colorTheme:_propTypes.string,dataTestId:_propTypes.string,fillShade:_propTypes.string,fillTheme:_propTypes.string,name:_propTypes.string,shade:_propTypes.string,size:_propTypes.number,theme:_propTypes.object,variant:_propTypes.string});
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.iconPropTypes = void 0;
+var _propTypes = require("prop-types");
+const iconPropTypes = exports.iconPropTypes = (0, _propTypes.shape)({
+  area: _propTypes.bool,
+  classes: (0, _propTypes.objectOf)(_propTypes.string),
+  className: _propTypes.string,
+  /**
+   * @deprecated The "color" prop is deprecated and will be removed in a future release. Please use "colorTheme" instead.
+   */
+  color: _propTypes.string,
+  colorTheme: _propTypes.string,
+  dataTestId: _propTypes.string,
+  fillShade: _propTypes.string,
+  fillTheme: _propTypes.string,
+  name: _propTypes.string,
+  shade: _propTypes.string,
+  size: _propTypes.number,
+  theme: _propTypes.object,
+  variant: _propTypes.string
+});

package/dist/types/tableTypes.js

@@ -1 +1,16 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.columnsType=void 0;var _propTypes=require("prop-types");const columnsType=exports.columnsType=(0,_propTypes.arrayOf)((0,_propTypes.shape)({key:_propTypes.string.isRequired,label:_propTypes.string,headerRender:_propTypes.node,cellRenderer:_propTypes.node,sortable:_propTypes.bool,sortKey:_propTypes.string,align:_propTypes.string}));
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.columnsType = void 0;
+var _propTypes = require("prop-types");
+const columnsType = exports.columnsType = (0, _propTypes.arrayOf)((0, _propTypes.shape)({
+  key: _propTypes.string.isRequired,
+  label: _propTypes.string,
+  headerRender: _propTypes.node,
+  cellRenderer: _propTypes.node,
+  sortable: _propTypes.bool,
+  sortKey: _propTypes.string,
+  align: _propTypes.string
+}));

package/dist/utils/classesUtils.js

@@ -1 +1,48 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.withImportant=exports.resolveCssValue=exports.mergeMultipleClassNames=exports.mergeClasses=void 0;const mergeClasses=(themeClasses,classNames)=>{if(!classNames)return themeClasses;const classes={};return[...Object.keys(classNames),...Object.keys(themeClasses)].forEach(name=>{classes[name]="".concat(themeClasses[name]||""," ").concat(classNames[name]||"").trim()}),classes};exports.mergeClasses=mergeClasses;const mergeMultipleClassNames=function(){for(var _len=arguments.length,classSources=new Array(_len),_key=0;_key<_len;_key++)classSources[_key]=arguments[_key];const classes={},allKeysClassNames=new Set;return classSources.forEach(source=>{source&&Object.keys(source).forEach(key=>allKeysClassNames.add(key))}),allKeysClassNames.forEach(key=>{const mergedClass=classSources.map(source=>(null==source?void 0:source[key])||"").join(" ").trim();mergedClass&&(classes[key]=mergedClass)}),classes};exports.mergeMultipleClassNames=mergeMultipleClassNames;const withImportant=style=>style&&"".concat(style," !important");exports.withImportant=withImportant;const resolveCssValue=value=>{if("string"==typeof value&&value.startsWith("var(")){const variableName=value.slice(4,-1).trim();if("undefined"!=typeof window&&window.getComputedStyle){return window.getComputedStyle(document.documentElement).getPropertyValue(variableName).trim()||value}}return value};exports.resolveCssValue=resolveCssValue;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.withImportant = exports.resolveCssValue = exports.mergeMultipleClassNames = exports.mergeClasses = void 0;
+/**
+ * @deprecated use mergeMultipleClassNames instead
+ */
+const mergeClasses = (themeClasses, classNames) => {
+  if (!classNames) return themeClasses;
+  const classes = {};
+  const allClassNames = [...Object.keys(classNames), ...Object.keys(themeClasses)];
+  allClassNames.forEach(name => {
+    classes[name] = "".concat(themeClasses[name] || '', " ").concat(classNames[name] || '').trim();
+  });
+  return classes;
+};
+exports.mergeClasses = mergeClasses;
+const mergeMultipleClassNames = function () {
+  for (var _len = arguments.length, classSources = new Array(_len), _key = 0; _key < _len; _key++) {
+    classSources[_key] = arguments[_key];
+  }
+  const classes = {};
+  const allKeysClassNames = new Set();
+  classSources.forEach(source => {
+    if (source) Object.keys(source).forEach(key => allKeysClassNames.add(key));
+  });
+  allKeysClassNames.forEach(key => {
+    const mergedClass = classSources.map(source => (source === null || source === void 0 ? void 0 : source[key]) || '').join(' ').trim();
+    if (mergedClass) classes[key] = mergedClass;
+  });
+  return classes;
+};
+exports.mergeMultipleClassNames = mergeMultipleClassNames;
+const withImportant = style => style && "".concat(style, " !important");
+exports.withImportant = withImportant;
+const resolveCssValue = value => {
+  if (typeof value === 'string' && value.startsWith('var(')) {
+    const variableName = value.slice(4, -1).trim();
+    if (typeof window !== 'undefined' && window.getComputedStyle) {
+      const computedValue = window.getComputedStyle(document.documentElement).getPropertyValue(variableName).trim();
+      return computedValue || value;
+    }
+  }
+  return value;
+};
+exports.resolveCssValue = resolveCssValue;

package/dist/utils/colorUtils.js

@@ -1 +1,34 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getColorValue=void 0;const getColorValue=function(varName){let fallback=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";if("undefined"==typeof window||"undefined"==typeof document)return fallback;try{var _window$getComputedSt,_window,_window$getComputedSt2;const root=document.documentElement;return(null===(_window$getComputedSt=(_window=window).getComputedStyle)||void 0===_window$getComputedSt||null===(_window$getComputedSt=_window$getComputedSt.call(_window,root))||void 0===_window$getComputedSt||null===(_window$getComputedSt2=_window$getComputedSt.getPropertyValue)||void 0===_window$getComputedSt2||null===(_window$getComputedSt2=_window$getComputedSt2.call(_window$getComputedSt,varName))||void 0===_window$getComputedSt2?void 0:_window$getComputedSt2.trim())||fallback}catch{return fallback}};exports.getColorValue=getColorValue;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getPaletteCssVar = exports.getColorValue = void 0;
+var _Palette = require("../constants/Palette");
+/**
+ * Arma la referencia var(--prefijoShade) de la paleta multi-tenant, resolviendo el prefijo real de
+ * cada colorTheme vía PALETTE_CSS_VAR_PREFIX_MAPPER (ej. 'accent', '01' -> 'var(--actionAccent01)').
+ * Los colorTheme sin prefijo mapeado (ej. 'dark', 'light', 'gray') usan el colorTheme tal cual.
+ * @param {string} colorTheme - Color theme de la paleta (ver COLOR_THEMES).
+ * @param {string} shade - Shade de la paleta ('01' a '05').
+ * @param {string} [fallback] - Valor de fallback si la variable no está definida.
+ * @returns {string} Ej. 'var(--actionAccent01, #FFFFFF)'.
+ */
+const getPaletteCssVar = (colorTheme, shade, fallback) => {
+  const prefix = _Palette.PALETTE_CSS_VAR_PREFIX_MAPPER[colorTheme] || colorTheme;
+  return "var(--".concat(prefix).concat(shade).concat(fallback ? ", ".concat(fallback) : '', ")");
+};
+exports.getPaletteCssVar = getPaletteCssVar;
+const getColorValue = function (varName) {
+  let fallback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  if (typeof window === 'undefined' || typeof document === 'undefined') return fallback;
+  try {
+    var _window$getComputedSt, _window, _window$getComputedSt2;
+    const root = document.documentElement;
+    const cssValue = (_window$getComputedSt = (_window = window).getComputedStyle) === null || _window$getComputedSt === void 0 || (_window$getComputedSt = _window$getComputedSt.call(_window, root)) === null || _window$getComputedSt === void 0 || (_window$getComputedSt2 = _window$getComputedSt.getPropertyValue) === null || _window$getComputedSt2 === void 0 || (_window$getComputedSt2 = _window$getComputedSt2.call(_window$getComputedSt, varName)) === null || _window$getComputedSt2 === void 0 ? void 0 : _window$getComputedSt2.trim();
+    return cssValue || fallback;
+  } catch {
+    return fallback;
+  }
+};
+exports.getColorValue = getColorValue;

package/dist/utils/componentUtils.js

@@ -1 +1,33 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.valueExists=exports.isUTLabel=exports.isUTIcon=exports.getDefaultColorShade=exports.default=exports.capitalize=void 0;var _Palette=require("../constants/Palette");const A_CHAR_CODE=65,Z_CHAR_CODE=90,capitalize=str=>str.charAt(0).toUpperCase()+str.slice(1).toLowerCase();exports.capitalize=capitalize;const getAvatarColors=(userName,colors)=>colors[((null==userName?void 0:userName.split("").reduce((acum,_letter,index)=>{const letterCode=userName.toUpperCase().charCodeAt(index);return letterCode>=65&&letterCode<=90?acum+letterCode-65+1:acum},0))||0)%colors.length],getFirstLetter=userName=>(null==userName?void 0:userName.trim().slice(0,1).toUpperCase())||"A",isUTIcon=icon=>"string"==typeof icon;exports.isUTIcon=isUTIcon;const isUTLabel=label=>"string"==typeof label||"number"==typeof label;exports.isUTLabel=isUTLabel;const getDefaultColorShade=colorTheme=>colorTheme===_Palette.COLOR_THEMES.gray?_Palette.COLOR_SHADES.shade04:colorTheme===_Palette.COLOR_THEMES.light?_Palette.COLOR_SHADES.shade01:_Palette.COLOR_SHADES.shade05;exports.getDefaultColorShade=getDefaultColorShade;const valueExists=value=>null!=value&&""!==value;exports.valueExists=valueExists;var _default=exports.default={capitalize:capitalize,getAvatarColors:getAvatarColors,getFirstLetter:getFirstLetter,isUTIcon:isUTIcon};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.valueExists = exports.isUTLabel = exports.isUTIcon = exports.getDefaultColorShade = exports.default = exports.capitalize = void 0;
+var _Palette = require("../constants/Palette");
+const A_CHAR_CODE = 65;
+const Z_CHAR_CODE = 90;
+const capitalize = str => str.charAt(0).toUpperCase() + str.slice(1).toLowerCase();
+exports.capitalize = capitalize;
+const getAvatarColors = (userName, colors) => {
+  const hashIndex = (userName === null || userName === void 0 ? void 0 : userName.split('').reduce((acum, _letter, index) => {
+    const letterCode = userName.toUpperCase().charCodeAt(index);
+    return letterCode >= A_CHAR_CODE && letterCode <= Z_CHAR_CODE ? acum + letterCode - A_CHAR_CODE + 1 : acum;
+  }, 0)) || 0;
+  return colors[hashIndex % colors.length];
+};
+const getFirstLetter = userName => (userName === null || userName === void 0 ? void 0 : userName.trim().slice(0, 1).toUpperCase()) || 'A';
+const isUTIcon = icon => typeof icon === 'string';
+exports.isUTIcon = isUTIcon;
+const isUTLabel = label => typeof label === 'string' || typeof label === 'number';
+exports.isUTLabel = isUTLabel;
+const getDefaultColorShade = colorTheme => colorTheme === _Palette.COLOR_THEMES.gray ? _Palette.COLOR_SHADES.shade04 : colorTheme === _Palette.COLOR_THEMES.light ? _Palette.COLOR_SHADES.shade01 : _Palette.COLOR_SHADES.shade05;
+exports.getDefaultColorShade = getDefaultColorShade;
+const valueExists = value => value !== undefined && value !== null && value !== '';
+exports.valueExists = valueExists;
+var _default = exports.default = {
+  capitalize,
+  getAvatarColors,
+  getFirstLetter,
+  isUTIcon
+};

package/dist/utils/helperFunctions.js

@@ -1 +1,38 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.throttle=exports.base64ToFile=void 0;const throttle=(func,limit)=>{let inThrottle;return function(){const context=this;if(!inThrottle){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];func.apply(context,args),inThrottle=!0,setTimeout(()=>{inThrottle=!1},limit)}}};exports.throttle=throttle;const base64ToFile=(base64,filename)=>{var _arr$0$match;const arr=base64.split(","),mime=(null===(_arr$0$match=arr[0].match(/:(.*?);/))||void 0===_arr$0$match?void 0:_arr$0$match[1])||"image/png",bstr=atob(arr[1]),n=bstr.length,u8arr=new Uint8Array(n);for(let i=0;i<n;i+=1)u8arr[i]=bstr.charCodeAt(i);return new File([u8arr],filename,{type:mime})};exports.base64ToFile=base64ToFile;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.throttle = exports.base64ToFile = void 0;
+const throttle = (func, limit) => {
+  let inThrottle;
+  return function throttled() {
+    const context = this;
+    if (!inThrottle) {
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      func.apply(context, args);
+      inThrottle = true;
+      setTimeout(() => {
+        inThrottle = false;
+      }, limit);
+    }
+  };
+};
+exports.throttle = throttle;
+const base64ToFile = (base64, filename) => {
+  var _arr$0$match;
+  const arr = base64.split(',');
+  const mime = ((_arr$0$match = arr[0].match(/:(.*?);/)) === null || _arr$0$match === void 0 ? void 0 : _arr$0$match[1]) || 'image/png';
+  const bstr = atob(arr[1]);
+  const n = bstr.length;
+  const u8arr = new Uint8Array(n);
+  for (let i = 0; i < n; i += 1) {
+    u8arr[i] = bstr.charCodeAt(i);
+  }
+  return new File([u8arr], filename, {
+    type: mime
+  });
+};
+exports.base64ToFile = base64ToFile;

package/dist/utils/hooks/use-scroll-based-menu.js

@@ -1 +1,67 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=require("react"),_reactIntersectionObserver=require("react-intersection-observer");const useScrollBasedMenu=function(){let options=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const[anchor,setAnchor]=(0,_react.useState)(null),[savedAnchorElement,setSavedAnchorElement]=(0,_react.useState)(null),[wasMenuOpenBeforeHiding,setWasMenuOpenBeforeHiding]=(0,_react.useState)(!1),{rootMargin:rootMargin="-10px",threshold:threshold=.1}=options,{ref:ref,inView:inView}=(0,_reactIntersectionObserver.useInView)({rootMargin:rootMargin,threshold:threshold}),closeMenu=()=>setAnchor(null);return(0,_react.useEffect)(()=>{!inView&&anchor?(setWasMenuOpenBeforeHiding(!0),closeMenu()):inView&&wasMenuOpenBeforeHiding&&!anchor&&savedAnchorElement&&(setAnchor(savedAnchorElement),setWasMenuOpenBeforeHiding(!1))},[anchor,inView,savedAnchorElement,wasMenuOpenBeforeHiding]),{anchor:anchor,closeMenu:closeMenu,inView:inView,openMenu:event=>{const anchorElement=event.currentTarget;setAnchor(anchorElement),setSavedAnchorElement(anchorElement)},ref:ref}};var _default=exports.default=useScrollBasedMenu;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _reactIntersectionObserver = require("react-intersection-observer");
+/**
+ * Custom hook for managing menu visibility based on scroll position
+ * Automatically closes menu when anchor element scrolls out of view
+ * and reopens it when it comes back into view (if it was previously open)
+ *
+ * @param {Object} options - Configuration options
+ * @param {number} options.threshold - Intersection observer threshold (default: 0.1)
+ * @param {string} options.rootMargin - Intersection observer root margin (default: '-10px')
+ *
+ * @returns {Object} Hook return value
+ * @returns {Function} openMenu - Function to open the menu (call with event)
+ * @returns {Function} closeMenu - Function to close the menu
+ * @returns {HTMLElement|null} anchor - Current anchor element for the menu
+ * @returns {Function} ref - Ref to attach to the element you want to track
+ * @returns {boolean} inView - Whether the tracked element is in view
+ */
+const useScrollBasedMenu = function () {
+  let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const [anchor, setAnchor] = (0, _react.useState)(null);
+  const [savedAnchorElement, setSavedAnchorElement] = (0, _react.useState)(null);
+  const [wasMenuOpenBeforeHiding, setWasMenuOpenBeforeHiding] = (0, _react.useState)(false);
+  const {
+    rootMargin = '-10px',
+    // Add some margin to prevent flickering
+    threshold = 0.1 // Require at least 10% of the element to be visible
+  } = options;
+  const {
+    ref,
+    inView
+  } = (0, _reactIntersectionObserver.useInView)({
+    rootMargin,
+    threshold
+  });
+  const openMenu = event => {
+    const anchorElement = event.currentTarget;
+    setAnchor(anchorElement);
+    setSavedAnchorElement(anchorElement);
+  };
+  const closeMenu = () => setAnchor(null);
+  (0, _react.useEffect)(() => {
+    if (!inView && anchor) {
+      // Element went out of view and menu is open - remember this and close menu
+      setWasMenuOpenBeforeHiding(true);
+      closeMenu();
+    } else if (inView && wasMenuOpenBeforeHiding && !anchor && savedAnchorElement) {
+      // Element came back into view and menu was previously open - reopen it using saved anchor
+      setAnchor(savedAnchorElement);
+      setWasMenuOpenBeforeHiding(false);
+    }
+  }, [anchor, inView, savedAnchorElement, wasMenuOpenBeforeHiding]);
+  return {
+    anchor,
+    closeMenu,
+    inView,
+    openMenu,
+    ref
+  };
+};
+var _default = exports.default = useScrollBasedMenu;