acinguiux-ds-react-framework 0.1.18 → 0.1.19

package/build/esm/react-base/src/components/Checkbox/Checkbox.consts.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.consts.js","sources":["../../../../../../../react-base/src/components/Checkbox/Checkbox.consts.ts"],"sourcesContent":["import { Sizes } from '../../consts';\n\nexport const consts = {\n  [Sizes.XSmall]: {\n    width: 16,\n    height: 16,\n    borderRadius: 3,\n    labelSpacing: 8,\n  },\n  [Sizes.Small]: {\n    width: 20,\n    height: 20,\n    borderRadius: 4,\n    labelSpacing: 8,\n  },\n  [Sizes.Medium]: {\n    width: 24,\n    height: 24,\n    borderRadius: 5,\n    labelSpacing: 10,\n  },\n  [Sizes.Large]: {\n    width: 28,\n    height: 28,\n    borderRadius: 6,\n    labelSpacing: 12,\n  },\n} as const;\n"],"names":["consts","Sizes"],"mappings":";AAEO,MAAMA,IAAS;AAAA,EACpB,CAACC,EAAM,MAAM,GAAG;AAAA,IACd,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,cAAc;AAAA,EAAA;AAAA,EAEhB,CAACA,EAAM,KAAK,GAAG;AAAA,IACb,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,cAAc;AAAA,EAAA;AAAA,EAEhB,CAACA,EAAM,MAAM,GAAG;AAAA,IACd,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,cAAc;AAAA,EAAA;AAAA,EAEhB,CAACA,EAAM,KAAK,GAAG;AAAA,IACb,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,cAAc;AAAA,EAAA;AAElB;"}
+{"version":3,"file":"Checkbox.consts.js","sources":["../../../../../../../react-base/src/components/Checkbox/Checkbox.consts.ts"],"sourcesContent":["import { Sizes } from '../../consts';\n\nexport const consts = {\n  [Sizes.XSmall]: {\n    width: 16,\n    height: 16,\n    borderRadius: 3,\n    labelSpacing: 6,\n  },\n  [Sizes.Small]: {\n    width: 20,\n    height: 20,\n    borderRadius: 4,\n    labelSpacing: 8,\n  },\n  [Sizes.Medium]: {\n    width: 24,\n    height: 24,\n    borderRadius: 5,\n    labelSpacing: 10,\n  },\n  [Sizes.Large]: {\n    width: 28,\n    height: 28,\n    borderRadius: 6,\n    labelSpacing: 12,\n  },\n} as const;\n"],"names":["consts","Sizes"],"mappings":";AAEO,MAAMA,IAAS;AAAA,EACpB,CAACC,EAAM,MAAM,GAAG;AAAA,IACd,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,cAAc;AAAA,EAAA;AAAA,EAEhB,CAACA,EAAM,KAAK,GAAG;AAAA,IACb,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,cAAc;AAAA,EAAA;AAAA,EAEhB,CAACA,EAAM,MAAM,GAAG;AAAA,IACd,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,cAAc;AAAA,EAAA;AAAA,EAEhB,CAACA,EAAM,KAAK,GAAG;AAAA,IACb,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,cAAc;AAAA,EAAA;AAElB;"}

package/build/esm/react-base/src/components/Checkbox/Checkbox.utils.js

@@ -6,11 +6,11 @@ const B = (t, e, r, o) => !t || o ? n.BackgroundFoundation : e && !r ? n.Backgro
     foundation: "surface",
     sentiment: "negative",
     sentimentProminence: !a && o || u ? "transparent" : "strong"
-  }, c = t.layer(g), l = B(a, o, r, u), m = o && !r ? n.BorderOnSentimentOnBackground : n.BorderOnFoundationMedium, s = S(a, o, r, u);
+  }, c = t.layer(g), s = B(a, o, r, u), l = o && !r ? n.BorderOnSentimentOnBackground : n.BorderOnFoundationMedium, m = S(a, o, r, u);
   return {
-    backgroundColor: c[l],
-    borderColor: c[m],
-    color: c[s]
+    backgroundColor: c[s],
+    borderColor: a ? "transparent" : c[l],
+    color: c[m]
   };
 };
 export {

package/build/esm/react-base/src/components/Checkbox/Checkbox.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.utils.js","sources":["../../../../../../../react-base/src/components/Checkbox/Checkbox.utils.ts"],"sourcesContent":["import { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport { type Theme, Variables, type ModesType } from '../../theme';\n\nconst getBackgroundColorVariableName = (\n  checked?: boolean,\n  invalid?: boolean,\n  disabled?: boolean,\n  indeterminate?: boolean,\n) => {\n  if (!checked || indeterminate) {\n    return Variables.BackgroundFoundation;\n  }\n  if (invalid && !disabled) {\n    return Variables.BackgroundSentiment;\n  }\n\n  return Variables.BackgroundSelected;\n};\n\nconst getColorVariableName = (checked?: boolean, invalid?: boolean, disabled?: boolean, indeterminate?: boolean) => {\n  if ((checked && invalid && !disabled) || (indeterminate && invalid && !disabled)) {\n    return Variables.TextOnSentimentOnBackground;\n  }\n\n  if (!checked || indeterminate) {\n    return Variables.TextOnFoundationSubtle;\n  }\n\n  return Variables.TextOnSelectedBackgroundStrong;\n};\n\nexport const getStyles = (\n  theme: Theme,\n  state?: FabricsVariables.StateType,\n  disabled?: boolean,\n  invalid?: boolean,\n  checked?: boolean,\n  indeterminate?: boolean,\n) => {\n  const modes: ModesType = {\n    disabled,\n    state,\n    foundation: 'surface',\n    sentiment: 'negative',\n    sentimentProminence: (!checked && invalid) || indeterminate ? 'transparent' : 'strong',\n  };\n  const layer = theme.layer(modes);\n\n  const backgroundColorVariableName = getBackgroundColorVariableName(checked, invalid, disabled, indeterminate);\n  const borderColorVariableName =\n    invalid && !disabled ? Variables.BorderOnSentimentOnBackground : Variables.BorderOnFoundationMedium;\n  const colorVariableName = getColorVariableName(checked, invalid, disabled, indeterminate);\n\n  return {\n    backgroundColor: layer[backgroundColorVariableName],\n    borderColor: layer[borderColorVariableName],\n    color: layer[colorVariableName],\n  };\n};\n"],"names":["getBackgroundColorVariableName","checked","invalid","disabled","indeterminate","Variables","getColorVariableName","getStyles","theme","state","modes","layer","backgroundColorVariableName","borderColorVariableName","colorVariableName"],"mappings":";AAIA,MAAMA,IAAiC,CACrCC,GACAC,GACAC,GACAC,MAEI,CAACH,KAAWG,IACPC,EAAU,uBAEfH,KAAW,CAACC,IACPE,EAAU,sBAGZA,EAAU,oBAGbC,IAAuB,CAACL,GAAmBC,GAAmBC,GAAoBC,MACjFH,KAAWC,KAAW,CAACC,KAAcC,KAAiBF,KAAW,CAACC,IAC9DE,EAAU,8BAGf,CAACJ,KAAWG,IACPC,EAAU,yBAGZA,EAAU,gCAGNE,IAAY,CACvBC,GACAC,GACAN,GACAD,GACAD,GACAG,MACG;AACH,QAAMM,IAAmB;AAAA,IACvB,UAAAP;AAAA,IACA,OAAAM;AAAA,IACA,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,qBAAsB,CAACR,KAAWC,KAAYE,IAAgB,gBAAgB;AAAA,EAAA,GAE1EO,IAAQH,EAAM,MAAME,CAAK,GAEzBE,IAA8BZ,EAA+BC,GAASC,GAASC,GAAUC,CAAa,GACtGS,IACJX,KAAW,CAACC,IAAWE,EAAU,gCAAgCA,EAAU,0BACvES,IAAoBR,EAAqBL,GAASC,GAASC,GAAUC,CAAa;AAExF,SAAO;AAAA,IACL,iBAAiBO,EAAMC,CAA2B;AAAA,IAClD,aAAaD,EAAME,CAAuB;AAAA,IAC1C,OAAOF,EAAMG,CAAiB;AAAA,EAAA;AAElC;"}
+{"version":3,"file":"Checkbox.utils.js","sources":["../../../../../../../react-base/src/components/Checkbox/Checkbox.utils.ts"],"sourcesContent":["import { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport { type Theme, Variables, type ModesType } from '../../theme';\n\nconst getBackgroundColorVariableName = (\n  checked?: boolean,\n  invalid?: boolean,\n  disabled?: boolean,\n  indeterminate?: boolean,\n) => {\n  if (!checked || indeterminate) {\n    return Variables.BackgroundFoundation;\n  }\n  if (invalid && !disabled) {\n    return Variables.BackgroundSentiment;\n  }\n\n  return Variables.BackgroundSelected;\n};\n\nconst getColorVariableName = (checked?: boolean, invalid?: boolean, disabled?: boolean, indeterminate?: boolean) => {\n  if ((checked && invalid && !disabled) || (indeterminate && invalid && !disabled)) {\n    return Variables.TextOnSentimentOnBackground;\n  }\n\n  if (!checked || indeterminate) {\n    return Variables.TextOnFoundationSubtle;\n  }\n\n  return Variables.TextOnSelectedBackgroundStrong;\n};\n\nexport const getStyles = (\n  theme: Theme,\n  state?: FabricsVariables.StateType,\n  disabled?: boolean,\n  invalid?: boolean,\n  checked?: boolean,\n  indeterminate?: boolean,\n) => {\n  const modes: ModesType = {\n    disabled,\n    state,\n    foundation: 'surface',\n    sentiment: 'negative',\n    sentimentProminence: (!checked && invalid) || indeterminate ? 'transparent' : 'strong',\n  };\n  const layer = theme.layer(modes);\n\n  const backgroundColorVariableName = getBackgroundColorVariableName(checked, invalid, disabled, indeterminate);\n  const borderColorVariableName =\n    invalid && !disabled ? Variables.BorderOnSentimentOnBackground : Variables.BorderOnFoundationMedium;\n  const colorVariableName = getColorVariableName(checked, invalid, disabled, indeterminate);\n\n  return {\n    backgroundColor: layer[backgroundColorVariableName],\n    borderColor: checked ? 'transparent' : layer[borderColorVariableName],\n    color: layer[colorVariableName],\n  };\n};\n"],"names":["getBackgroundColorVariableName","checked","invalid","disabled","indeterminate","Variables","getColorVariableName","getStyles","theme","state","modes","layer","backgroundColorVariableName","borderColorVariableName","colorVariableName"],"mappings":";AAIA,MAAMA,IAAiC,CACrCC,GACAC,GACAC,GACAC,MAEI,CAACH,KAAWG,IACPC,EAAU,uBAEfH,KAAW,CAACC,IACPE,EAAU,sBAGZA,EAAU,oBAGbC,IAAuB,CAACL,GAAmBC,GAAmBC,GAAoBC,MACjFH,KAAWC,KAAW,CAACC,KAAcC,KAAiBF,KAAW,CAACC,IAC9DE,EAAU,8BAGf,CAACJ,KAAWG,IACPC,EAAU,yBAGZA,EAAU,gCAGNE,IAAY,CACvBC,GACAC,GACAN,GACAD,GACAD,GACAG,MACG;AACH,QAAMM,IAAmB;AAAA,IACvB,UAAAP;AAAA,IACA,OAAAM;AAAA,IACA,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,qBAAsB,CAACR,KAAWC,KAAYE,IAAgB,gBAAgB;AAAA,EAAA,GAE1EO,IAAQH,EAAM,MAAME,CAAK,GAEzBE,IAA8BZ,EAA+BC,GAASC,GAASC,GAAUC,CAAa,GACtGS,IACJX,KAAW,CAACC,IAAWE,EAAU,gCAAgCA,EAAU,0BACvES,IAAoBR,EAAqBL,GAASC,GAASC,GAAUC,CAAa;AAExF,SAAO;AAAA,IACL,iBAAiBO,EAAMC,CAA2B;AAAA,IAClD,aAAaX,IAAU,gBAAgBU,EAAME,CAAuB;AAAA,IACpE,OAAOF,EAAMG,CAAiB;AAAA,EAAA;AAElC;"}

package/build/esm/react-base/src/components/Checkbox/index.d.ts

@@ -1,5 +1,4 @@
 export * as CheckboxConsts from './Checkbox.consts';
-export * as CheckboxStyles from './Checkbox.styles';
 export * as CheckboxTypes from './Checkbox.types';
 export * as CheckboxUtils from './Checkbox.utils';
 //# sourceMappingURL=index.d.ts.map

package/build/esm/react-base/src/components/Checkbox/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../react-base/src/components/Checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc,MAAM,mBAAmB,CAAC;AACpD,OAAO,KAAK,cAAc,MAAM,mBAAmB,CAAC;AACpD,OAAO,KAAK,aAAa,MAAM,kBAAkB,CAAC;AAClD,OAAO,KAAK,aAAa,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../react-base/src/components/Checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc,MAAM,mBAAmB,CAAC;AACpD,OAAO,KAAK,aAAa,MAAM,kBAAkB,CAAC;AAClD,OAAO,KAAK,aAAa,MAAM,kBAAkB,CAAC"}

package/build/esm/react-base/src/components/DatePicker/DatePicker.types.d.ts

@@ -13,10 +13,14 @@ export interface IProps {
 }
 export interface ICalendarProps {
     size?: CalendarSize;
+    zIndex?: number;
     variant?: Variant;
     picker?: PickerType;
     showToday?: boolean;
 }
+export interface IRangeCalendarProps {
+    bound?: 'start' | 'end';
+}
 export interface ISinglePickerProps {
     size?: Size;
     picker?: PickerType;
@@ -56,6 +60,7 @@ export interface IRangePickerProps {
     allowClear?: boolean;
     defaultValue?: RangeDate;
     value?: RangeDate;
+    closeOnComplete?: boolean;
     onChange?: (date?: RangeDate) => void;
 }
 //# sourceMappingURL=DatePicker.types.d.ts.map

package/build/esm/react-base/src/components/DatePicker/DatePicker.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.types.d.ts","sourceRoot":"","sources":["../../../../../../../react-base/src/components/DatePicker/DatePicker.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAErC,MAAM,MAAM,IAAI,GAAG,GAAG,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;AAChF,MAAM,MAAM,YAAY,GAAG,GAAG,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;AACzE,MAAM,MAAM,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AACzC,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;AAGlD,MAAM,WAAW,MAAM;IACrB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,QAAQ,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,KAAK,IAAI,CAAC;CAClC;AAED,MAAM,MAAM,SAAS,GAAG;IAAE,IAAI,EAAE,IAAI,GAAG,SAAS,CAAC;IAAC,EAAE,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;CAAE,CAAC;AAE1E,MAAM,WAAW,iBAAiB;IAChC,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,MAAM,CAAC,EAAE,OAAO,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;IACpC,WAAW,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC;IAC3C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,SAAS,KAAK,IAAI,CAAC;CACvC"}
+{"version":3,"file":"DatePicker.types.d.ts","sourceRoot":"","sources":["../../../../../../../react-base/src/components/DatePicker/DatePicker.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAErC,MAAM,MAAM,IAAI,GAAG,GAAG,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;AAChF,MAAM,MAAM,YAAY,GAAG,GAAG,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;AACzE,MAAM,MAAM,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AACzC,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;AAGlD,MAAM,WAAW,MAAM;IACrB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;CACzB;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,QAAQ,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,KAAK,IAAI,CAAC;CAClC;AAED,MAAM,MAAM,SAAS,GAAG;IAAE,IAAI,EAAE,IAAI,GAAG,SAAS,CAAC;IAAC,EAAE,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;CAAE,CAAC;AAE1E,MAAM,WAAW,iBAAiB;IAChC,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,MAAM,CAAC,EAAE,OAAO,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;IACpC,WAAW,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC;IAC3C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,SAAS,KAAK,IAAI,CAAC;CACvC"}

package/build/esm/react-base/src/components/Divider/Divider.utils.d.ts

@@ -2,7 +2,7 @@ import { FabricsVariables } from 'acinguiux-ds-fabrics';
 import type { IProps, Contrast } from './Divider.types';
 import { type Theme, Variables } from '../../theme';
 export type UsePropsReturnType = ReturnType<typeof useProps>;
-export declare const useProps: ({ size, direction, contrast, shape, sentiment, sentimentProminence, }: IProps) => {
+export declare const useProps: ({ size, direction, contrast, shape, sentiment, sentimentProminence, ...rest }: IProps) => {
     size: "small" | "medium" | "large";
     direction: "horizontal" | "vertical";
     contrast: "medium" | "subtle" | "strong";

package/build/esm/react-base/src/components/Divider/Divider.utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.utils.d.ts","sourceRoot":"","sources":["../../../../../../../react-base/src/components/Divider/Divider.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAGxD,OAAO,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,EAAE,KAAK,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGpD,MAAM,MAAM,kBAAkB,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAE7D,eAAO,MAAM,QAAQ,0EAOlB,MAAM;;;;;;;CAOP,CAAC;AAEH,eAAO,MAAM,YAAY,aAAc,QAAQ,cAAc,gBAAgB,CAAC,aAAa,2JAc1F,CAAC;AAEF,KAAK,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,MAAM,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO,CAAC,CAAC,GACvE,IAAI,CAAC,MAAM,EAAE,WAAW,GAAG,qBAAqB,CAAC,GAAG;IAClD,KAAK,EAAE,KAAK,CAAC;CACd,CAAC;AAEJ,eAAO,MAAM,SAAS,qEAAsE,YAAY;;;;;CAUvG,CAAC"}
+{"version":3,"file":"Divider.utils.d.ts","sourceRoot":"","sources":["../../../../../../../react-base/src/components/Divider/Divider.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAGxD,OAAO,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,EAAE,KAAK,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGpD,MAAM,MAAM,kBAAkB,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAE7D,eAAO,MAAM,QAAQ,kFAQlB,MAAM;;;;;;;CAQP,CAAC;AAEH,eAAO,MAAM,YAAY,aAAc,QAAQ,cAAc,gBAAgB,CAAC,aAAa,2JAc1F,CAAC;AAEF,KAAK,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,MAAM,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO,CAAC,CAAC,GACvE,IAAI,CAAC,MAAM,EAAE,WAAW,GAAG,qBAAqB,CAAC,GAAG;IAClD,KAAK,EAAE,KAAK,CAAC;CACd,CAAC;AAGJ,eAAO,MAAM,SAAS,qEAAsE,YAAY;;;;;CAUvG,CAAC"}

package/build/esm/react-base/src/components/Divider/Divider.utils.js

@@ -1,32 +1,34 @@
-import { FabricsVariables as l } from "acinguiux-ds-fabrics";
-import { Shapes as c, Contrasts as s, Directions as S, Sizes as a } from "../../consts/index.js";
+import { FabricsVariables as c } from "acinguiux-ds-fabrics";
+import { Shapes as S, Contrasts as s, Directions as f, Sizes as m } from "../../consts/index.js";
 import { Variables as n } from "../../theme/types/layer.js";
-import { consts as u } from "./Divider.consts.js";
+import { consts as a } from "./Divider.consts.js";
 const h = ({
-  size: r = a.Medium,
-  direction: o = S.Horizontal,
+  size: r = m.Medium,
+  direction: o = f.Horizontal,
   contrast: t = s.Medium,
-  shape: e = c.Rounded,
+  shape: e = S.Rounded,
   sentiment: i,
-  sentimentProminence: d = l.SentimentProminences.Strong
+  sentimentProminence: d = c.SentimentProminences.Strong,
+  ...u
 }) => ({
   size: r,
   direction: o,
   contrast: t,
   shape: e,
   sentiment: i,
-  sentimentProminence: d
-}), f = (r, o) => o ? n.BorderOnSentimentOnBackground : r === s.Strong ? n.BorderOnFoundationStrong : r === s.Medium ? n.BorderOnFoundationMedium : n.BorderOnFoundationSubtle, y = ({ size: r, contrast: o, sentimentProminence: t, sentiment: e, shape: i, theme: d }) => {
-  const m = d.layer({ sentiment: e, sentimentProminence: t })[f(o, e)];
+  sentimentProminence: d,
+  ...u
+}), p = (r, o) => o ? n.BorderOnSentimentOnBackground : r === s.Strong ? n.BorderOnFoundationStrong : r === s.Medium ? n.BorderOnFoundationMedium : n.BorderOnFoundationSubtle, y = ({ size: r, contrast: o, sentimentProminence: t, sentiment: e, shape: i, theme: d }) => {
+  const l = d.layer({ sentiment: e, sentimentProminence: t })[p(o, e)];
   return {
-    borderRadius: u.radius[i],
-    borderWidth: u.width[r],
-    color: m,
-    width: r === a.Small ? 1 : 0
+    borderRadius: a.radius[i],
+    borderWidth: a.width[r],
+    color: l,
+    width: r === m.Small ? 1 : 0
   };
 };
 export {
-  f as getColorName,
+  p as getColorName,
   h as useProps,
   y as useStyles
 };

package/build/esm/react-base/src/components/Divider/Divider.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.utils.js","sources":["../../../../../../../react-base/src/components/Divider/Divider.utils.ts"],"sourcesContent":["import { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport { Sizes, Directions, Contrasts, Shapes } from '../../consts';\nimport type { IProps, Contrast } from './Divider.types';\nimport { type Theme, Variables } from '../../theme';\nimport { consts } from './Divider.consts';\n\nexport type UsePropsReturnType = ReturnType<typeof useProps>;\n\nexport const useProps = ({\n  size = Sizes.Medium,\n  direction = Directions.Horizontal,\n  contrast = Contrasts.Medium,\n  shape = Shapes.Rounded,\n  sentiment,\n  sentimentProminence = FabricsVariables.SentimentProminences.Strong,\n}: IProps) => ({\n  size,\n  direction,\n  contrast,\n  shape,\n  sentiment,\n  sentimentProminence,\n});\n\nexport const getColorName = (contrast: Contrast, sentiment?: FabricsVariables.SentimentType) => {\n  if (sentiment) {\n    return Variables.BorderOnSentimentOnBackground;\n  }\n\n  if (contrast === Contrasts.Strong) {\n    return Variables.BorderOnFoundationStrong;\n  }\n\n  if (contrast === Contrasts.Medium) {\n    return Variables.BorderOnFoundationMedium;\n  }\n\n  return Variables.BorderOnFoundationSubtle;\n};\n\ntype UseStyleType = Required<Pick<IProps, 'size' | 'contrast' | 'shape'>> &\n  Pick<IProps, 'sentiment' | 'sentimentProminence'> & {\n    theme: Theme;\n  };\n\nexport const useStyles = ({ size, contrast, sentimentProminence, sentiment, shape, theme }: UseStyleType) => {\n  const layer = theme.layer({ sentiment, sentimentProminence });\n  const color = layer[getColorName(contrast, sentiment)];\n\n  return {\n    borderRadius: consts.radius[shape],\n    borderWidth: consts.width[size],\n    color,\n    width: size === Sizes.Small ? 1 : 0,\n  };\n};\n"],"names":["useProps","size","Sizes","direction","Directions","contrast","Contrasts","shape","Shapes","sentiment","sentimentProminence","FabricsVariables","getColorName","Variables","useStyles","theme","color","consts"],"mappings":";;;;AASO,MAAMA,IAAW,CAAC;AAAA,EACvB,MAAAC,IAAOC,EAAM;AAAA,EACb,WAAAC,IAAYC,EAAW;AAAA,EACvB,UAAAC,IAAWC,EAAU;AAAA,EACrB,OAAAC,IAAQC,EAAO;AAAA,EACf,WAAAC;AAAA,EACA,qBAAAC,IAAsBC,EAAiB,qBAAqB;AAC9D,OAAe;AAAA,EACb,MAAAV;AAAA,EACA,WAAAE;AAAA,EACA,UAAAE;AAAA,EACA,OAAAE;AAAA,EACA,WAAAE;AAAA,EACA,qBAAAC;AACF,IAEaE,IAAe,CAACP,GAAoBI,MAC3CA,IACKI,EAAU,gCAGfR,MAAaC,EAAU,SAClBO,EAAU,2BAGfR,MAAaC,EAAU,SAClBO,EAAU,2BAGZA,EAAU,0BAQNC,IAAY,CAAC,EAAE,MAAAb,GAAM,UAAAI,GAAU,qBAAAK,GAAqB,WAAAD,GAAW,OAAAF,GAAO,OAAAQ,QAA0B;AAE3G,QAAMC,IADQD,EAAM,MAAM,EAAE,WAAAN,GAAW,qBAAAC,GAAqB,EACxCE,EAAaP,GAAUI,CAAS,CAAC;AAErD,SAAO;AAAA,IACL,cAAcQ,EAAO,OAAOV,CAAK;AAAA,IACjC,aAAaU,EAAO,MAAMhB,CAAI;AAAA,IAC9B,OAAAe;AAAA,IACA,OAAOf,MAASC,EAAM,QAAQ,IAAI;AAAA,EAAA;AAEtC;"}
+{"version":3,"file":"Divider.utils.js","sources":["../../../../../../../react-base/src/components/Divider/Divider.utils.ts"],"sourcesContent":["import { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport { Sizes, Directions, Contrasts, Shapes } from '../../consts';\nimport type { IProps, Contrast } from './Divider.types';\nimport { type Theme, Variables } from '../../theme';\nimport { consts } from './Divider.consts';\n\nexport type UsePropsReturnType = ReturnType<typeof useProps>;\n\nexport const useProps = ({\n  size = Sizes.Medium,\n  direction = Directions.Horizontal,\n  contrast = Contrasts.Medium,\n  shape = Shapes.Rounded,\n  sentiment,\n  sentimentProminence = FabricsVariables.SentimentProminences.Strong,\n  ...rest\n}: IProps) => ({\n  size,\n  direction,\n  contrast,\n  shape,\n  sentiment,\n  sentimentProminence,\n  ...rest,\n});\n\nexport const getColorName = (contrast: Contrast, sentiment?: FabricsVariables.SentimentType) => {\n  if (sentiment) {\n    return Variables.BorderOnSentimentOnBackground;\n  }\n\n  if (contrast === Contrasts.Strong) {\n    return Variables.BorderOnFoundationStrong;\n  }\n\n  if (contrast === Contrasts.Medium) {\n    return Variables.BorderOnFoundationMedium;\n  }\n\n  return Variables.BorderOnFoundationSubtle;\n};\n\ntype UseStyleType = Required<Pick<IProps, 'size' | 'contrast' | 'shape'>> &\n  Pick<IProps, 'sentiment' | 'sentimentProminence'> & {\n    theme: Theme;\n  };\n\n\nexport const useStyles = ({ size, contrast, sentimentProminence, sentiment, shape, theme }: UseStyleType) => {\n  const layer = theme.layer({ sentiment, sentimentProminence });\n  const color = layer[getColorName(contrast, sentiment)];\n\n  return {\n    borderRadius: consts.radius[shape],\n    borderWidth: consts.width[size],\n    color,\n    width: size === Sizes.Small ? 1 : 0,\n  };\n};\n"],"names":["useProps","size","Sizes","direction","Directions","contrast","Contrasts","shape","Shapes","sentiment","sentimentProminence","FabricsVariables","rest","getColorName","Variables","useStyles","theme","color","consts"],"mappings":";;;;AASO,MAAMA,IAAW,CAAC;AAAA,EACvB,MAAAC,IAAOC,EAAM;AAAA,EACb,WAAAC,IAAYC,EAAW;AAAA,EACvB,UAAAC,IAAWC,EAAU;AAAA,EACrB,OAAAC,IAAQC,EAAO;AAAA,EACf,WAAAC;AAAA,EACA,qBAAAC,IAAsBC,EAAiB,qBAAqB;AAAA,EAC5D,GAAGC;AACL,OAAe;AAAA,EACb,MAAAX;AAAA,EACA,WAAAE;AAAA,EACA,UAAAE;AAAA,EACA,OAAAE;AAAA,EACA,WAAAE;AAAA,EACA,qBAAAC;AAAA,EACA,GAAGE;AACL,IAEaC,IAAe,CAACR,GAAoBI,MAC3CA,IACKK,EAAU,gCAGfT,MAAaC,EAAU,SAClBQ,EAAU,2BAGfT,MAAaC,EAAU,SAClBQ,EAAU,2BAGZA,EAAU,0BASNC,IAAY,CAAC,EAAE,MAAAd,GAAM,UAAAI,GAAU,qBAAAK,GAAqB,WAAAD,GAAW,OAAAF,GAAO,OAAAS,QAA0B;AAE3G,QAAMC,IADQD,EAAM,MAAM,EAAE,WAAAP,GAAW,qBAAAC,GAAqB,EACxCG,EAAaR,GAAUI,CAAS,CAAC;AAErD,SAAO;AAAA,IACL,cAAcS,EAAO,OAAOX,CAAK;AAAA,IACjC,aAAaW,EAAO,MAAMjB,CAAI;AAAA,IAC9B,OAAAgB;AAAA,IACA,OAAOhB,MAASC,EAAM,QAAQ,IAAI;AAAA,EAAA;AAEtC;"}

package/build/esm/react-base/src/components/Drawer/Drawer.types.d.ts

@@ -15,6 +15,7 @@ export type IHeader = {
 };
 export interface IProps {
     size?: Size;
+    zIndex?: number;
     header?: IHeader;
     actionsAlignment?: ActionsAlignment;
     actionsDirection?: ActionsDirection;

package/build/esm/react-base/src/components/Drawer/Drawer.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.types.d.ts","sourceRoot":"","sources":["../../../../../../../react-base/src/components/Drawer/Drawer.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,KAAK,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,KAAK,EAAE,aAAa,IAAI,YAAY,EAAE,eAAe,IAAI,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAEtH,MAAM,MAAM,IAAI,GAAG,GAAG,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;AACjE,MAAM,MAAM,gBAAgB,GAAG,GAAG,UAAU,CAAC,IAAI,GAAG,UAAU,CAAC,KAAK,GAAG,UAAU,CAAC,IAAI,EAAE,CAAC;AACzF,MAAM,MAAM,gBAAgB,GAAG,GAAG,UAAU,EAAE,CAAC;AAC/C,MAAM,MAAM,MAAM,GAAG,UAAU,CAAC,YAAY,GAAG,qBAAqB,CAAC,CAAC;AAEtE,MAAM,MAAM,OAAO,GAAG;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,WAAW,MAAM;IACrB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB"}
+{"version":3,"file":"Drawer.types.d.ts","sourceRoot":"","sources":["../../../../../../../react-base/src/components/Drawer/Drawer.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,KAAK,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,KAAK,EAAE,aAAa,IAAI,YAAY,EAAE,eAAe,IAAI,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAEtH,MAAM,MAAM,IAAI,GAAG,GAAG,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;AACjE,MAAM,MAAM,gBAAgB,GAAG,GAAG,UAAU,CAAC,IAAI,GAAG,UAAU,CAAC,KAAK,GAAG,UAAU,CAAC,IAAI,EAAE,CAAC;AACzF,MAAM,MAAM,gBAAgB,GAAG,GAAG,UAAU,EAAE,CAAC;AAC/C,MAAM,MAAM,MAAM,GAAG,UAAU,CAAC,YAAY,GAAG,qBAAqB,CAAC,CAAC;AAEtE,MAAM,MAAM,OAAO,GAAG;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,WAAW,MAAM;IACrB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB"}

package/build/esm/react-base/src/components/FileUploader/FileUploader.types.d.ts

@@ -64,6 +64,7 @@ export interface IProps {
     showAcceptedFiles?: boolean;
     showButton?: boolean;
     showUploads?: boolean;
+    showErrors?: boolean;
     dropzoneAlignment?: `${Directions}`;
     initialFiles?: (IFileUpload | IFileUploadError)[];
 }

package/build/esm/react-base/src/components/FileUploader/FileUploader.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploader.types.d.ts","sourceRoot":"","sources":["../../../../../../../react-base/src/components/FileUploader/FileUploader.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"FileUploader.types.d.ts","sourceRoot":"","sources":["../../../../../../../react-base/src/components/FileUploader/FileUploader.types.ts"],"names":[],"mappings":"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"}

package/build/esm/react-base/src/components/FileUploader/FileUploader.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploader.types.js","sources":["../../../../../../../react-base/src/components/FileUploader/FileUploader.types.ts"],"sourcesContent":["import type { URL } from 'url';\n\nimport { Directions, Sizes } from '../../consts';\nimport type { Type } from '../ProgressBar/ProgressBar.types';\n\nexport type Size = `${Sizes.XSmall | Sizes.Small | Sizes.Medium | Sizes.Large}`;\n\nexport type FileErrors = {\n  hasFileTypeError?: boolean;\n  hasFileSizeError?: boolean;\n  hasGenericError?: boolean;\n};\n\nexport type OnProgressHandler = (event: ProgressEvent<XMLHttpRequestEventTarget>) => void;\n\nexport type ReadyStateChangeHandler = (event: Event) => void;\n\nexport type FileFormDataMap = Record<\n  File['name'],\n  {\n    xhr: XMLHttpRequest;\n    formData: FormData;\n    onProgressHandler: OnProgressHandler;\n    readyStateChangeHandler: ReadyStateChangeHandler;\n  }\n>;\n\nexport interface IFileUpload {\n  file: File;\n  fileName: string;\n  errors?: never;\n  progressPercentage: number;\n}\n\nexport interface IFileUploadError {\n  fileName: string;\n  errors: FileErrors;\n}\n\nexport interface IUseFileXhrUploaderProps {\n  url: string | URL;\n  onUpload?: () => void;\n  onDrop?: OnDropFiles;\n  onRemoveFile?: OnRemoveFile;\n  uploadOnSubmit?: boolean;\n}\n\nexport enum FileType {\n  Single = 'single',\n  MultiHorizontal = 'multiHorizontal',\n  MultiVertical = 'multiVertical',\n}\n\nexport enum FilePreview {\n  None = 'none',\n  Icon = 'icon',\n  Image = 'image',\n}\n\nexport type OnProgress = (fileName: string, progressPercentage: number) => void;\n\nexport type OnError = (fileName: string) => void;\n\nexport type OnDropFiles = (files: File[], onProgress: OnProgress, OnError: OnError) => void;\n\nexport type OnRemoveFile = (fileName: string) => void;\n\nexport interface IProps {\n  size?: Size;\n  filePreview?: `${FilePreview}`;\n  fileType?: `${FileType}`;\n  maxFileSize?: number;\n  progressBarType?: Type;\n  disabled?: boolean;\n  acceptedFileTypes?: string[];\n  dropFilesAction: OnDropFiles;\n  removeFileAction: OnRemoveFile;\n  onProgress?: OnProgress;\n  onError?: OnError;\n  showIcon?: boolean;\n  /** @deprecated use `showAcceptedFiles` instead */\n  showDescription?: boolean;\n  showAcceptedFiles?: boolean;\n  showButton?: boolean;\n  showUploads?: boolean;\n  dropzoneAlignment?: `${Directions}`;\n  initialFiles?: (IFileUpload | IFileUploadError)[];\n}\n"],"names":["FileType","FilePreview"],"mappings":"AA+CO,IAAKA,sBAAAA,OACVA,EAAA,SAAS,UACTA,EAAA,kBAAkB,mBAClBA,EAAA,gBAAgB,iBAHNA,IAAAA,KAAA,CAAA,CAAA,GAMAC,sBAAAA,OACVA,EAAA,OAAO,QACPA,EAAA,OAAO,QACPA,EAAA,QAAQ,SAHEA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"FileUploader.types.js","sources":["../../../../../../../react-base/src/components/FileUploader/FileUploader.types.ts"],"sourcesContent":["import type { URL } from 'url';\n\nimport { Directions, Sizes } from '../../consts';\nimport type { Type } from '../ProgressBar/ProgressBar.types';\n\nexport type Size = `${Sizes.XSmall | Sizes.Small | Sizes.Medium | Sizes.Large}`;\n\nexport type FileErrors = {\n  hasFileTypeError?: boolean;\n  hasFileSizeError?: boolean;\n  hasGenericError?: boolean;\n};\n\nexport type OnProgressHandler = (event: ProgressEvent<XMLHttpRequestEventTarget>) => void;\n\nexport type ReadyStateChangeHandler = (event: Event) => void;\n\nexport type FileFormDataMap = Record<\n  File['name'],\n  {\n    xhr: XMLHttpRequest;\n    formData: FormData;\n    onProgressHandler: OnProgressHandler;\n    readyStateChangeHandler: ReadyStateChangeHandler;\n  }\n>;\n\nexport interface IFileUpload {\n  file: File;\n  fileName: string;\n  errors?: never;\n  progressPercentage: number;\n}\n\nexport interface IFileUploadError {\n  fileName: string;\n  errors: FileErrors;\n}\n\nexport interface IUseFileXhrUploaderProps {\n  url: string | URL;\n  onUpload?: () => void;\n  onDrop?: OnDropFiles;\n  onRemoveFile?: OnRemoveFile;\n  uploadOnSubmit?: boolean;\n}\n\nexport enum FileType {\n  Single = 'single',\n  MultiHorizontal = 'multiHorizontal',\n  MultiVertical = 'multiVertical',\n}\n\nexport enum FilePreview {\n  None = 'none',\n  Icon = 'icon',\n  Image = 'image',\n}\n\nexport type OnProgress = (fileName: string, progressPercentage: number) => void;\n\nexport type OnError = (fileName: string) => void;\n\nexport type OnDropFiles = (files: File[], onProgress: OnProgress, OnError: OnError) => void;\n\nexport type OnRemoveFile = (fileName: string) => void;\n\nexport interface IProps {\n  size?: Size;\n  filePreview?: `${FilePreview}`;\n  fileType?: `${FileType}`;\n  maxFileSize?: number;\n  progressBarType?: Type;\n  disabled?: boolean;\n  acceptedFileTypes?: string[];\n  dropFilesAction: OnDropFiles;\n  removeFileAction: OnRemoveFile;\n  onProgress?: OnProgress;\n  onError?: OnError;\n  showIcon?: boolean;\n  /** @deprecated use `showAcceptedFiles` instead */\n  showDescription?: boolean;\n  showAcceptedFiles?: boolean;\n  showButton?: boolean;\n  showUploads?: boolean;\n  showErrors?: boolean;\n  dropzoneAlignment?: `${Directions}`;\n  initialFiles?: (IFileUpload | IFileUploadError)[];\n}\n"],"names":["FileType","FilePreview"],"mappings":"AA+CO,IAAKA,sBAAAA,OACVA,EAAA,SAAS,UACTA,EAAA,kBAAkB,mBAClBA,EAAA,gBAAgB,iBAHNA,IAAAA,KAAA,CAAA,CAAA,GAMAC,sBAAAA,OACVA,EAAA,OAAO,QACPA,EAAA,OAAO,QACPA,EAAA,QAAQ,SAHEA,IAAAA,KAAA,CAAA,CAAA;"}

package/build/esm/react-base/src/components/FormField/FormField.styles.js

@@ -2,14 +2,15 @@ import { css as o } from "styled-components";
 import { consts as e } from "./FormField.consts.js";
 import { getColor as s } from "./FormField.utils.js";
 import { getLabelTypographySize as i } from "../../utils/sizesUtils.js";
-const f = o`
+import "acinguiux-ds-fabrics";
+const g = o`
   ${({ $size: p }) => o`
     display: flex;
     flex-direction: column;
     gap: ${e[p].gap}px;
     width: 100%;
   `}
-`, g = o`
+`, n = o`
   ${({ $kind: p, $size: t, $disabled: l, theme: r }) => o`
     ${r.typography("label", i(t))};
     display: flex;
@@ -17,7 +18,7 @@ const f = o`
   `};
 `;
 export {
-  g as MessageStyles,
-  f as Styles
+  n as MessageStyles,
+  g as Styles
 };
 //# sourceMappingURL=FormField.styles.js.map

package/build/esm/react-base/src/components/FormField/FormField.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormField.styles.js","sources":["../../../../../../../react-base/src/components/FormField/FormField.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\n\nimport { consts } from './FormField.consts';\nimport type { Size, Kind } from './FormField.types';\nimport { getColor } from './FormField.utils';\nimport { getLabelTypographySize } from '../../utils';\n\ntype MessageStyledProps = {\n  $size: Size;\n  $disabled: boolean;\n  $kind?: Kind;\n};\n\nexport const Styles = css<{ $size: Size }>`\n  ${({ $size }) => css`\n    display: flex;\n    flex-direction: column;\n    gap: ${consts[$size].gap}px;\n    width: 100%;\n  `}\n`;\n\nexport const MessageStyles = css<MessageStyledProps>`\n  ${({ $kind, $size, $disabled, theme }) => css`\n    ${theme.typography('label', getLabelTypographySize($size))};\n    display: flex;\n    color: ${getColor(theme, $disabled, $kind)};\n  `};\n`;\n"],"names":["Styles","css","$size","consts","MessageStyles","$kind","$disabled","theme","getLabelTypographySize","getColor"],"mappings":";;;;AAaO,MAAMA,IAASC;AAAA,IAClB,CAAC,EAAE,OAAAC,EAAA,MAAYD;AAAA;AAAA;AAAA,WAGRE,EAAOD,CAAK,EAAE,GAAG;AAAA;AAAA,GAEzB;AAAA,GAGUE,IAAgBH;AAAA,IACzB,CAAC,EAAE,OAAAI,GAAO,OAAAH,GAAO,WAAAI,GAAW,OAAAC,QAAYN;AAAA,MACtCM,EAAM,WAAW,SAASC,EAAuBN,CAAK,CAAC,CAAC;AAAA;AAAA,aAEjDO,EAASF,GAAOD,GAAWD,CAAK,CAAC;AAAA,GAC3C;AAAA;"}
+{"version":3,"file":"FormField.styles.js","sources":["../../../../../../../react-base/src/components/FormField/FormField.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\n\nimport { consts } from './FormField.consts';\nimport type { Size, Kind } from './FormField.types';\nimport { getColor } from './FormField.utils';\nimport { getLabelTypographySize } from '../../utils';\n\ntype MessageStyledProps = {\n  $size: Size;\n  $disabled: boolean;\n  $kind?: Kind;\n};\n\nexport const Styles = css<{ $size: Size }>`\n  ${({ $size }) => css`\n    display: flex;\n    flex-direction: column;\n    gap: ${consts[$size].gap}px;\n    width: 100%;\n  `}\n`;\n\nexport const MessageStyles = css<MessageStyledProps>`\n  ${({ $kind, $size, $disabled, theme }) => css`\n    ${theme.typography('label', getLabelTypographySize($size))};\n    display: flex;\n    color: ${getColor(theme, $disabled, $kind)};\n  `};\n`;\n"],"names":["Styles","css","$size","consts","MessageStyles","$kind","$disabled","theme","getLabelTypographySize","getColor"],"mappings":";;;;;AAaO,MAAMA,IAASC;AAAA,IAClB,CAAC,EAAE,OAAAC,EAAA,MAAYD;AAAA;AAAA;AAAA,WAGRE,EAAOD,CAAK,EAAE,GAAG;AAAA;AAAA,GAEzB;AAAA,GAGUE,IAAgBH;AAAA,IACzB,CAAC,EAAE,OAAAI,GAAO,OAAAH,GAAO,WAAAI,GAAW,OAAAC,QAAYN;AAAA,MACtCM,EAAM,WAAW,SAASC,EAAuBN,CAAK,CAAC,CAAC;AAAA;AAAA,aAEjDO,EAASF,GAAOD,GAAWD,CAAK,CAAC;AAAA,GAC3C;AAAA;"}

package/build/esm/react-base/src/components/FormField/components/FormFieldLabel/FormFieldLabel.styles.js

@@ -1,19 +1,20 @@
-import { css as a } from "styled-components";
+import { css as t } from "styled-components";
 import { consts as r } from "../../FormField.consts.js";
 import { Variables as n } from "../../../../theme/types/layer.js";
 import { getLabelTypographySize as l } from "../../../../utils/sizesUtils.js";
-const c = a`
-  ${({ $size: o, $disabled: t, theme: e }) => a`
+import "acinguiux-ds-fabrics";
+const d = t`
+  ${({ $size: o, $disabled: a, theme: e }) => t`
     ${e.typography("label", l(o))};
 
     display: flex;
     flex-direction: column;
     flex-grow: 1;
     gap: ${r[o].headerGap}px;
-    color: ${e.layer({ foundation: "surface", disabled: t })[n.TextOnFoundationStrong]};
+    color: ${e.layer({ foundation: "surface", disabled: a })[n.TextOnFoundationStrong]};
   `}
-`, d = a`
-  ${({ $size: o }) => a`
+`, f = t`
+  ${({ $size: o }) => t`
     display: flex;
     flex-direction: row;
     align-items: center;
@@ -21,50 +22,50 @@ const c = a`
     flex-grow: 1;
     gap: ${r[o].labelHelperGap}px;
   `};
-`, f = a`
-  ${({ $size: o, $disabled: t, theme: e }) => a`
+`, g = t`
+  ${({ $size: o, $disabled: a, theme: e }) => t`
     ${e.typography("label", l(o), "strong")};
 
-    color: ${e.layer({ foundation: "surface", disabled: t })[n.TextOnFoundationStrong]};
+    color: ${e.layer({ foundation: "surface", disabled: a })[n.TextOnFoundationStrong]};
     display: flex;
     gap: ${r[o].labelContainerGap}px;
     align-items: center;
   `};
-`, g = a`
+`, x = t`
   display: flex;
   gap: 6px;
-`, x = a`
-  ${({ $size: o, $disabled: t, theme: e }) => a`
+`, b = t`
+  ${({ $size: o, $disabled: a, theme: e }) => t`
     ${e.typography("label", l(o), "strong")};
 
-    color: ${e.layer({ foundation: "surface", disabled: t })[n.TextOnFoundationStrong]};
+    color: ${e.layer({ foundation: "surface", disabled: a })[n.TextOnFoundationStrong]};
   `}
-`, b = a`
-  ${({ $size: o, $disabled: t, theme: e }) => a`
+`, u = t`
+  ${({ $size: o, $disabled: a, theme: e }) => t`
     ${e.typography("label", l(o), "strong")};
 
     color: ${e.layer({
   foundation: "surface",
   sentiment: "negative",
   sentimentProminence: "transparent",
-  disabled: t
+  disabled: a
 })[n.TextOnSentimentOnBackground]};
     margin-left: 1px;
   `}
-`, u = a`
-  ${({ $size: o, $disabled: t, theme: e }) => a`
+`, $ = t`
+  ${({ $size: o, $disabled: a, theme: e }) => t`
     ${e.typography("label", l(o))};
 
-    color: ${e.layer({ foundation: "surface", disabled: t })[n.TextOnFoundationSubtle]};
+    color: ${e.layer({ foundation: "surface", disabled: a })[n.TextOnFoundationSubtle]};
   `}
 `;
 export {
-  u as DescriptionStyles,
-  c as HeaderStyles,
-  f as LabelContainerStyles,
-  d as LabelHelperStyles,
-  g as LabelTextStyles,
-  b as MandatoryStyles,
-  x as TitleStyles
+  $ as DescriptionStyles,
+  d as HeaderStyles,
+  g as LabelContainerStyles,
+  f as LabelHelperStyles,
+  x as LabelTextStyles,
+  u as MandatoryStyles,
+  b as TitleStyles
 };
 //# sourceMappingURL=FormFieldLabel.styles.js.map

package/build/esm/react-base/src/components/FormField/components/FormFieldLabel/FormFieldLabel.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormFieldLabel.styles.js","sources":["../../../../../../../../../react-base/src/components/FormField/components/FormFieldLabel/FormFieldLabel.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\n\nimport type { Size } from '../../FormField.types';\nimport { consts } from '../../FormField.consts';\nimport { Variables } from '../../../../theme';\nimport { getLabelTypographySize } from '../../../../utils';\n\ntype StyledProps = {\n  $size: Size;\n  $disabled?: boolean;\n};\n\nexport const HeaderStyles = css<StyledProps>`\n  ${({ $size, $disabled, theme }) => css`\n    ${theme.typography('label', getLabelTypographySize($size))};\n\n    display: flex;\n    flex-direction: column;\n    flex-grow: 1;\n    gap: ${consts[$size].headerGap}px;\n    color: ${theme.layer({ foundation: 'surface', disabled: $disabled })[Variables.TextOnFoundationStrong]};\n  `}\n`;\n\nexport const LabelHelperStyles = css<StyledProps>`\n  ${({ $size }) => css`\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    flex-grow: 1;\n    gap: ${consts[$size].labelHelperGap}px;\n  `};\n`;\n\nexport const LabelContainerStyles = css<StyledProps>`\n  ${({ $size, $disabled, theme }) => css`\n    ${theme.typography('label', getLabelTypographySize($size), 'strong')};\n\n    color: ${theme.layer({ foundation: 'surface', disabled: $disabled })[Variables.TextOnFoundationStrong]};\n    display: flex;\n    gap: ${consts[$size].labelContainerGap}px;\n    align-items: center;\n  `};\n`;\n\nexport const LabelTextStyles = css`\n  display: flex;\n  gap: 6px;\n`;\n\nexport const TitleStyles = css<StyledProps>`\n  ${({ $size, $disabled, theme }) => css`\n    ${theme.typography('label', getLabelTypographySize($size), 'strong')};\n\n    color: ${theme.layer({ foundation: 'surface', disabled: $disabled })[Variables.TextOnFoundationStrong]};\n  `}\n`;\n\nexport const MandatoryStyles = css<StyledProps>`\n  ${({ $size, $disabled, theme }) => css`\n    ${theme.typography('label', getLabelTypographySize($size), 'strong')};\n\n    color: ${theme.layer({\n      foundation: 'surface',\n      sentiment: 'negative',\n      sentimentProminence: 'transparent',\n      disabled: $disabled,\n    })[Variables.TextOnSentimentOnBackground]};\n    margin-left: 1px;\n  `}\n`;\n\nexport const DescriptionStyles = css<StyledProps>`\n  ${({ $size, $disabled, theme }) => css`\n    ${theme.typography('label', getLabelTypographySize($size))};\n\n    color: ${theme.layer({ foundation: 'surface', disabled: $disabled })[Variables.TextOnFoundationSubtle]};\n  `}\n`;\n"],"names":["HeaderStyles","css","$size","$disabled","theme","getLabelTypographySize","consts","Variables","LabelHelperStyles","LabelContainerStyles","LabelTextStyles","TitleStyles","MandatoryStyles","DescriptionStyles"],"mappings":";;;;AAYO,MAAMA,IAAeC;AAAA,IACxB,CAAC,EAAE,OAAAC,GAAO,WAAAC,GAAW,OAAAC,QAAYH;AAAA,MAC/BG,EAAM,WAAW,SAASC,EAAuBH,CAAK,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,WAKnDI,EAAOJ,CAAK,EAAE,SAAS;AAAA,aACrBE,EAAM,MAAM,EAAE,YAAY,WAAW,UAAUD,GAAW,EAAEI,EAAU,sBAAsB,CAAC;AAAA,GACvG;AAAA,GAGUC,IAAoBP;AAAA,IAC7B,CAAC,EAAE,OAAAC,EAAA,MAAYD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAMRK,EAAOJ,CAAK,EAAE,cAAc;AAAA,GACpC;AAAA,GAGUO,IAAuBR;AAAA,IAChC,CAAC,EAAE,OAAAC,GAAO,WAAAC,GAAW,OAAAC,QAAYH;AAAA,MAC/BG,EAAM,WAAW,SAASC,EAAuBH,CAAK,GAAG,QAAQ,CAAC;AAAA;AAAA,aAE3DE,EAAM,MAAM,EAAE,YAAY,WAAW,UAAUD,GAAW,EAAEI,EAAU,sBAAsB,CAAC;AAAA;AAAA,WAE/FD,EAAOJ,CAAK,EAAE,iBAAiB;AAAA;AAAA,GAEvC;AAAA,GAGUQ,IAAkBT;AAAA;AAAA;AAAA,GAKlBU,IAAcV;AAAA,IACvB,CAAC,EAAE,OAAAC,GAAO,WAAAC,GAAW,OAAAC,QAAYH;AAAA,MAC/BG,EAAM,WAAW,SAASC,EAAuBH,CAAK,GAAG,QAAQ,CAAC;AAAA;AAAA,aAE3DE,EAAM,MAAM,EAAE,YAAY,WAAW,UAAUD,GAAW,EAAEI,EAAU,sBAAsB,CAAC;AAAA,GACvG;AAAA,GAGUK,IAAkBX;AAAA,IAC3B,CAAC,EAAE,OAAAC,GAAO,WAAAC,GAAW,OAAAC,QAAYH;AAAA,MAC/BG,EAAM,WAAW,SAASC,EAAuBH,CAAK,GAAG,QAAQ,CAAC;AAAA;AAAA,aAE3DE,EAAM,MAAM;AAAA,EACnB,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,qBAAqB;AAAA,EACrB,UAAUD;AACZ,CAAC,EAAEI,EAAU,2BAA2B,CAAC;AAAA;AAAA,GAE1C;AAAA,GAGUM,IAAoBZ;AAAA,IAC7B,CAAC,EAAE,OAAAC,GAAO,WAAAC,GAAW,OAAAC,QAAYH;AAAA,MAC/BG,EAAM,WAAW,SAASC,EAAuBH,CAAK,CAAC,CAAC;AAAA;AAAA,aAEjDE,EAAM,MAAM,EAAE,YAAY,WAAW,UAAUD,GAAW,EAAEI,EAAU,sBAAsB,CAAC;AAAA,GACvG;AAAA;"}
+{"version":3,"file":"FormFieldLabel.styles.js","sources":["../../../../../../../../../react-base/src/components/FormField/components/FormFieldLabel/FormFieldLabel.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\n\nimport type { Size } from '../../FormField.types';\nimport { consts } from '../../FormField.consts';\nimport { Variables } from '../../../../theme';\nimport { getLabelTypographySize } from '../../../../utils';\n\ntype StyledProps = {\n  $size: Size;\n  $disabled?: boolean;\n};\n\nexport const HeaderStyles = css<StyledProps>`\n  ${({ $size, $disabled, theme }) => css`\n    ${theme.typography('label', getLabelTypographySize($size))};\n\n    display: flex;\n    flex-direction: column;\n    flex-grow: 1;\n    gap: ${consts[$size].headerGap}px;\n    color: ${theme.layer({ foundation: 'surface', disabled: $disabled })[Variables.TextOnFoundationStrong]};\n  `}\n`;\n\nexport const LabelHelperStyles = css<StyledProps>`\n  ${({ $size }) => css`\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    flex-grow: 1;\n    gap: ${consts[$size].labelHelperGap}px;\n  `};\n`;\n\nexport const LabelContainerStyles = css<StyledProps>`\n  ${({ $size, $disabled, theme }) => css`\n    ${theme.typography('label', getLabelTypographySize($size), 'strong')};\n\n    color: ${theme.layer({ foundation: 'surface', disabled: $disabled })[Variables.TextOnFoundationStrong]};\n    display: flex;\n    gap: ${consts[$size].labelContainerGap}px;\n    align-items: center;\n  `};\n`;\n\nexport const LabelTextStyles = css`\n  display: flex;\n  gap: 6px;\n`;\n\nexport const TitleStyles = css<StyledProps>`\n  ${({ $size, $disabled, theme }) => css`\n    ${theme.typography('label', getLabelTypographySize($size), 'strong')};\n\n    color: ${theme.layer({ foundation: 'surface', disabled: $disabled })[Variables.TextOnFoundationStrong]};\n  `}\n`;\n\nexport const MandatoryStyles = css<StyledProps>`\n  ${({ $size, $disabled, theme }) => css`\n    ${theme.typography('label', getLabelTypographySize($size), 'strong')};\n\n    color: ${theme.layer({\n      foundation: 'surface',\n      sentiment: 'negative',\n      sentimentProminence: 'transparent',\n      disabled: $disabled,\n    })[Variables.TextOnSentimentOnBackground]};\n    margin-left: 1px;\n  `}\n`;\n\nexport const DescriptionStyles = css<StyledProps>`\n  ${({ $size, $disabled, theme }) => css`\n    ${theme.typography('label', getLabelTypographySize($size))};\n\n    color: ${theme.layer({ foundation: 'surface', disabled: $disabled })[Variables.TextOnFoundationSubtle]};\n  `}\n`;\n"],"names":["HeaderStyles","css","$size","$disabled","theme","getLabelTypographySize","consts","Variables","LabelHelperStyles","LabelContainerStyles","LabelTextStyles","TitleStyles","MandatoryStyles","DescriptionStyles"],"mappings":";;;;;AAYO,MAAMA,IAAeC;AAAA,IACxB,CAAC,EAAE,OAAAC,GAAO,WAAAC,GAAW,OAAAC,QAAYH;AAAA,MAC/BG,EAAM,WAAW,SAASC,EAAuBH,CAAK,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,WAKnDI,EAAOJ,CAAK,EAAE,SAAS;AAAA,aACrBE,EAAM,MAAM,EAAE,YAAY,WAAW,UAAUD,GAAW,EAAEI,EAAU,sBAAsB,CAAC;AAAA,GACvG;AAAA,GAGUC,IAAoBP;AAAA,IAC7B,CAAC,EAAE,OAAAC,EAAA,MAAYD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAMRK,EAAOJ,CAAK,EAAE,cAAc;AAAA,GACpC;AAAA,GAGUO,IAAuBR;AAAA,IAChC,CAAC,EAAE,OAAAC,GAAO,WAAAC,GAAW,OAAAC,QAAYH;AAAA,MAC/BG,EAAM,WAAW,SAASC,EAAuBH,CAAK,GAAG,QAAQ,CAAC;AAAA;AAAA,aAE3DE,EAAM,MAAM,EAAE,YAAY,WAAW,UAAUD,GAAW,EAAEI,EAAU,sBAAsB,CAAC;AAAA;AAAA,WAE/FD,EAAOJ,CAAK,EAAE,iBAAiB;AAAA;AAAA,GAEvC;AAAA,GAGUQ,IAAkBT;AAAA;AAAA;AAAA,GAKlBU,IAAcV;AAAA,IACvB,CAAC,EAAE,OAAAC,GAAO,WAAAC,GAAW,OAAAC,QAAYH;AAAA,MAC/BG,EAAM,WAAW,SAASC,EAAuBH,CAAK,GAAG,QAAQ,CAAC;AAAA;AAAA,aAE3DE,EAAM,MAAM,EAAE,YAAY,WAAW,UAAUD,GAAW,EAAEI,EAAU,sBAAsB,CAAC;AAAA,GACvG;AAAA,GAGUK,IAAkBX;AAAA,IAC3B,CAAC,EAAE,OAAAC,GAAO,WAAAC,GAAW,OAAAC,QAAYH;AAAA,MAC/BG,EAAM,WAAW,SAASC,EAAuBH,CAAK,GAAG,QAAQ,CAAC;AAAA;AAAA,aAE3DE,EAAM,MAAM;AAAA,EACnB,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,qBAAqB;AAAA,EACrB,UAAUD;AACZ,CAAC,EAAEI,EAAU,2BAA2B,CAAC;AAAA;AAAA,GAE1C;AAAA,GAGUM,IAAoBZ;AAAA,IAC7B,CAAC,EAAE,OAAAC,GAAO,WAAAC,GAAW,OAAAC,QAAYH;AAAA,MAC/BG,EAAM,WAAW,SAASC,EAAuBH,CAAK,CAAC,CAAC;AAAA;AAAA,aAEjDE,EAAM,MAAM,EAAE,YAAY,WAAW,UAAUD,GAAW,EAAEI,EAAU,sBAAsB,CAAC;AAAA,GACvG;AAAA;"}

package/build/esm/react-base/src/components/ListItem/ListItem.consts.d.ts

@@ -1,11 +1,17 @@
 import type { Size } from './ListItem.types';
+import type { Size as LabelSize } from '../Text/components/Label/Label.types';
+import type { Size as CheckboxSize } from '../Checkbox/Checkbox.types';
+import type { Size as RadioButtonSize } from '../RadioButton/RadioButton.types';
 type ListItemConstsType = {
     [size in Size]: {
         iconSize: number;
+        metaSize: LabelSize;
+        inputSize: CheckboxSize | RadioButtonSize;
         padding: {
             vertical: number;
             horizontal: number;
         };
+        gap: number;
     };
 };
 export declare const consts: ListItemConstsType;

package/build/esm/react-base/src/components/ListItem/ListItem.consts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.consts.d.ts","sourceRoot":"","sources":["../../../../../../../react-base/src/components/ListItem/ListItem.consts.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAE7C,KAAK,kBAAkB,GAAG;KACvB,IAAI,IAAI,IAAI,GAAG;QACd,QAAQ,EAAE,MAAM,CAAC;QACjB,OAAO,EAAE;YAAE,QAAQ,EAAE,MAAM,CAAC;YAAC,UAAU,EAAE,MAAM,CAAA;SAAE,CAAC;KACnD;CACF,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,kBAapB,CAAC"}
+{"version":3,"file":"ListItem.consts.d.ts","sourceRoot":"","sources":["../../../../../../../react-base/src/components/ListItem/ListItem.consts.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,KAAK,EAAE,IAAI,IAAI,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAC9E,OAAO,KAAK,EAAE,IAAI,IAAI,YAAY,EAAE,MAAM,4BAA4B,CAAC;AACvE,OAAO,KAAK,EAAE,IAAI,IAAI,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAEhF,KAAK,kBAAkB,GAAG;KACvB,IAAI,IAAI,IAAI,GAAG;QACd,QAAQ,EAAE,MAAM,CAAC;QACjB,QAAQ,EAAE,SAAS,CAAC;QACpB,SAAS,EAAE,YAAY,GAAG,eAAe,CAAC;QAC1C,OAAO,EAAE;YAAE,QAAQ,EAAE,MAAM,CAAC;YAAC,UAAU,EAAE,MAAM,CAAA;SAAE,CAAC;QAClD,GAAG,EAAE,MAAM,CAAC;KACb;CACF,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,kBAsBpB,CAAC"}

package/build/esm/react-base/src/components/ListItem/ListItem.consts.js

@@ -1,19 +1,28 @@
 import { Sizes as i } from "../../consts/index.js";
-const a = {
+const e = {
   [i.Small]: {
-    iconSize: 16,
-    padding: { vertical: 6, horizontal: 10 }
+    iconSize: 20,
+    metaSize: i.XSmall,
+    inputSize: i.Small,
+    padding: { vertical: 6, horizontal: 10 },
+    gap: 6
   },
   [i.Medium]: {
     iconSize: 20,
-    padding: { vertical: 10, horizontal: 12 }
+    metaSize: i.Small,
+    inputSize: i.Small,
+    padding: { vertical: 10, horizontal: 12 },
+    gap: 8
   },
   [i.Large]: {
     iconSize: 24,
-    padding: { vertical: 12, horizontal: 16 }
+    metaSize: i.Small,
+    inputSize: i.Medium,
+    padding: { vertical: 12, horizontal: 16 },
+    gap: 10
   }
 };
 export {
-  a as consts
+  e as consts
 };
 //# sourceMappingURL=ListItem.consts.js.map

package/build/esm/react-base/src/components/ListItem/ListItem.consts.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.consts.js","sources":["../../../../../../../react-base/src/components/ListItem/ListItem.consts.ts"],"sourcesContent":["import { Sizes } from '../../consts';\nimport type { Size } from './ListItem.types';\n\ntype ListItemConstsType = {\n  [size in Size]: {\n    iconSize: number;\n    padding: { vertical: number; horizontal: number };\n  };\n};\n\nexport const consts: ListItemConstsType = {\n  [Sizes.Small]: {\n    iconSize: 16,\n    padding: { vertical: 6, horizontal: 10 },\n  },\n  [Sizes.Medium]: {\n    iconSize: 20,\n    padding: { vertical: 10, horizontal: 12 },\n  },\n  [Sizes.Large]: {\n    iconSize: 24,\n    padding: { vertical: 12, horizontal: 16 },\n  },\n};\n"],"names":["consts","Sizes"],"mappings":";AAUO,MAAMA,IAA6B;AAAA,EACxC,CAACC,EAAM,KAAK,GAAG;AAAA,IACb,UAAU;AAAA,IACV,SAAS,EAAE,UAAU,GAAG,YAAY,GAAA;AAAA,EAAG;AAAA,EAEzC,CAACA,EAAM,MAAM,GAAG;AAAA,IACd,UAAU;AAAA,IACV,SAAS,EAAE,UAAU,IAAI,YAAY,GAAA;AAAA,EAAG;AAAA,EAE1C,CAACA,EAAM,KAAK,GAAG;AAAA,IACb,UAAU;AAAA,IACV,SAAS,EAAE,UAAU,IAAI,YAAY,GAAA;AAAA,EAAG;AAE5C;"}
+{"version":3,"file":"ListItem.consts.js","sources":["../../../../../../../react-base/src/components/ListItem/ListItem.consts.ts"],"sourcesContent":["import { Sizes } from '../../consts';\nimport type { Size } from './ListItem.types';\nimport type { Size as LabelSize } from '../Text/components/Label/Label.types';\nimport type { Size as CheckboxSize } from '../Checkbox/Checkbox.types';\nimport type { Size as RadioButtonSize } from '../RadioButton/RadioButton.types';\n\ntype ListItemConstsType = {\n  [size in Size]: {\n    iconSize: number;\n    metaSize: LabelSize;\n    inputSize: CheckboxSize | RadioButtonSize;\n    padding: { vertical: number; horizontal: number };\n    gap: number;\n  };\n};\n\nexport const consts: ListItemConstsType = {\n  [Sizes.Small]: {\n    iconSize: 20,\n    metaSize: Sizes.XSmall,\n    inputSize: Sizes.Small,\n    padding: { vertical: 6, horizontal: 10 },\n    gap: 6,\n  },\n  [Sizes.Medium]: {\n    iconSize: 20,\n    metaSize: Sizes.Small,\n    inputSize: Sizes.Small,\n    padding: { vertical: 10, horizontal: 12 },\n    gap: 8,\n  },\n  [Sizes.Large]: {\n    iconSize: 24,\n    metaSize: Sizes.Small,\n    inputSize: Sizes.Medium,\n    padding: { vertical: 12, horizontal: 16 },\n    gap: 10,\n  },\n};\n"],"names":["consts","Sizes"],"mappings":";AAgBO,MAAMA,IAA6B;AAAA,EACxC,CAACC,EAAM,KAAK,GAAG;AAAA,IACb,UAAU;AAAA,IACV,UAAUA,EAAM;AAAA,IAChB,WAAWA,EAAM;AAAA,IACjB,SAAS,EAAE,UAAU,GAAG,YAAY,GAAA;AAAA,IACpC,KAAK;AAAA,EAAA;AAAA,EAEP,CAACA,EAAM,MAAM,GAAG;AAAA,IACd,UAAU;AAAA,IACV,UAAUA,EAAM;AAAA,IAChB,WAAWA,EAAM;AAAA,IACjB,SAAS,EAAE,UAAU,IAAI,YAAY,GAAA;AAAA,IACrC,KAAK;AAAA,EAAA;AAAA,EAEP,CAACA,EAAM,KAAK,GAAG;AAAA,IACb,UAAU;AAAA,IACV,UAAUA,EAAM;AAAA,IAChB,WAAWA,EAAM;AAAA,IACjB,SAAS,EAAE,UAAU,IAAI,YAAY,GAAA;AAAA,IACrC,KAAK;AAAA,EAAA;AAET;"}

package/build/esm/react-base/src/components/ListItem/ListItem.types.d.ts

@@ -1,4 +1,4 @@
-import type { ReactElement } from 'react';
+import type { ReactElement, ReactNode } from 'react';
 import { Sizes, Positions } from '../../consts';
 import { type Prettify } from '../../types';
 export declare enum ListItemVariants {
@@ -6,9 +6,14 @@ export declare enum ListItemVariants {
     Icon = "icon",
     Flag = "flag"
 }
+export declare enum ListItemSelectionType {
+    Radio = "radio",
+    Checkbox = "checkbox"
+}
 export type Size = `${Sizes.Small | Sizes.Medium | Sizes.Large}`;
 export type Variant = `${ListItemVariants.Default | ListItemVariants.Icon | ListItemVariants.Flag}`;
 export type MetaTextPosition = `${Positions.Top | Positions.Right | Positions.Bottom}`;
+export type SelectionType = `${ListItemSelectionType.Radio | ListItemSelectionType.Checkbox}`;
 type IDefaultVariantProps = {
     variant?: `${ListItemVariants.Default}`;
     icon?: never;
@@ -33,11 +38,15 @@ type INoMetaProps = {
     metaTextPosition?: never;
 };
 export type IProps<FlagName extends string> = Prettify<{
-    label: string;
+    label: ReactNode;
     className?: string;
     size?: Size;
     selected?: boolean;
     disabled?: boolean;
+    showInputControls?: boolean;
+    selectionType?: SelectionType;
+    optionItem?: boolean;
+    multiline?: boolean;
 } & (IMetaProps | INoMetaProps) & (IDefaultVariantProps | IconVariantProps | IFlagVariantProps<FlagName>)>;
 export {};
 //# sourceMappingURL=ListItem.types.d.ts.map

package/build/esm/react-base/src/components/ListItem/ListItem.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.types.d.ts","sourceRoot":"","sources":["../../../../../../../react-base/src/components/ListItem/ListItem.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5C,oBAAY,gBAAgB;IAC1B,OAAO,YAAY;IACnB,IAAI,SAAS;IACb,IAAI,SAAS;CACd;AACD,MAAM,MAAM,IAAI,GAAG,GAAG,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;AACjE,MAAM,MAAM,OAAO,GAAG,GAAG,gBAAgB,CAAC,OAAO,GAAG,gBAAgB,CAAC,IAAI,GAAG,gBAAgB,CAAC,IAAI,EAAE,CAAC;AACpG,MAAM,MAAM,gBAAgB,GAAG,GAAG,SAAS,CAAC,GAAG,GAAG,SAAS,CAAC,KAAK,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC;AAEvF,KAAK,oBAAoB,GAAG;IAC1B,OAAO,CAAC,EAAE,GAAG,gBAAgB,CAAC,OAAO,EAAE,CAAC;IACxC,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,IAAI,CAAC,EAAE,KAAK,CAAC;CACd,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACtB,OAAO,CAAC,EAAE,GAAG,gBAAgB,CAAC,IAAI,EAAE,CAAC;IACrC,IAAI,EAAE,YAAY,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC;CACd,CAAC;AAEF,KAAK,iBAAiB,CAAC,QAAQ,SAAS,MAAM,IAAI;IAChD,OAAO,CAAC,EAAE,GAAG,gBAAgB,CAAC,IAAI,EAAE,CAAC;IACrC,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,IAAI,EAAE,QAAQ,CAAC;CAChB,CAAC;AAEF,KAAK,UAAU,GAAG;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;CACrC,CAAC;AAEF,KAAK,YAAY,GAAG;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,gBAAgB,CAAC,EAAE,KAAK,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,MAAM,CAAC,QAAQ,SAAS,MAAM,IAAI,QAAQ,CACpD;IACE,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,CAAC,UAAU,GAAG,YAAY,CAAC,GAC7B,CAAC,oBAAoB,GAAG,gBAAgB,GAAG,iBAAiB,CAAC,QAAQ,CAAC,CAAC,CAC1E,CAAC"}
+{"version":3,"file":"ListItem.types.d.ts","sourceRoot":"","sources":["../../../../../../../react-base/src/components/ListItem/ListItem.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5C,oBAAY,gBAAgB;IAC1B,OAAO,YAAY;IACnB,IAAI,SAAS;IACb,IAAI,SAAS;CACd;AACD,oBAAY,qBAAqB;IAC/B,KAAK,UAAU;IACf,QAAQ,aAAa;CACtB;AACD,MAAM,MAAM,IAAI,GAAG,GAAG,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;AACjE,MAAM,MAAM,OAAO,GAAG,GAAG,gBAAgB,CAAC,OAAO,GAAG,gBAAgB,CAAC,IAAI,GAAG,gBAAgB,CAAC,IAAI,EAAE,CAAC;AACpG,MAAM,MAAM,gBAAgB,GAAG,GAAG,SAAS,CAAC,GAAG,GAAG,SAAS,CAAC,KAAK,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC;AACvF,MAAM,MAAM,aAAa,GAAG,GAAG,qBAAqB,CAAC,KAAK,GAAG,qBAAqB,CAAC,QAAQ,EAAE,CAAC;AAE9F,KAAK,oBAAoB,GAAG;IAC1B,OAAO,CAAC,EAAE,GAAG,gBAAgB,CAAC,OAAO,EAAE,CAAC;IACxC,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,IAAI,CAAC,EAAE,KAAK,CAAC;CACd,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACtB,OAAO,CAAC,EAAE,GAAG,gBAAgB,CAAC,IAAI,EAAE,CAAC;IACrC,IAAI,EAAE,YAAY,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC;CACd,CAAC;AAEF,KAAK,iBAAiB,CAAC,QAAQ,SAAS,MAAM,IAAI;IAChD,OAAO,CAAC,EAAE,GAAG,gBAAgB,CAAC,IAAI,EAAE,CAAC;IACrC,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,IAAI,EAAE,QAAQ,CAAC;CAChB,CAAC;AAEF,KAAK,UAAU,GAAG;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;CACrC,CAAC;AAEF,KAAK,YAAY,GAAG;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,gBAAgB,CAAC,EAAE,KAAK,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,MAAM,CAAC,QAAQ,SAAS,MAAM,IAAI,QAAQ,CACpD;IACE,KAAK,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,GAAG,CAAC,UAAU,GAAG,YAAY,CAAC,GAC7B,CAAC,oBAAoB,GAAG,gBAAgB,GAAG,iBAAiB,CAAC,QAAQ,CAAC,CAAC,CAC1E,CAAC"}

package/build/esm/react-base/src/components/ListItem/ListItem.types.js

@@ -1,5 +1,6 @@
-var f = /* @__PURE__ */ ((l) => (l.Default = "default", l.Icon = "icon", l.Flag = "flag", l))(f || {});
+var r = /* @__PURE__ */ ((o) => (o.Default = "default", o.Icon = "icon", o.Flag = "flag", o))(r || {}), a = /* @__PURE__ */ ((o) => (o.Radio = "radio", o.Checkbox = "checkbox", o))(a || {});
 export {
-  f as ListItemVariants
+  a as ListItemSelectionType,
+  r as ListItemVariants
 };
 //# sourceMappingURL=ListItem.types.js.map

package/build/esm/react-base/src/components/ListItem/ListItem.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.types.js","sources":["../../../../../../../react-base/src/components/ListItem/ListItem.types.ts"],"sourcesContent":["import type { ReactElement } from 'react';\n\nimport { Sizes, Positions } from '../../consts';\nimport { type Prettify } from '../../types';\n\nexport enum ListItemVariants {\n  Default = 'default',\n  Icon = 'icon',\n  Flag = 'flag',\n}\nexport type Size = `${Sizes.Small | Sizes.Medium | Sizes.Large}`;\nexport type Variant = `${ListItemVariants.Default | ListItemVariants.Icon | ListItemVariants.Flag}`;\nexport type MetaTextPosition = `${Positions.Top | Positions.Right | Positions.Bottom}`;\n\ntype IDefaultVariantProps = {\n  variant?: `${ListItemVariants.Default}`;\n  icon?: never;\n  flag?: never;\n};\n\ntype IconVariantProps = {\n  variant?: `${ListItemVariants.Icon}`;\n  icon: ReactElement;\n  flag?: never;\n};\n\ntype IFlagVariantProps<FlagName extends string> = {\n  variant?: `${ListItemVariants.Flag}`;\n  icon?: never;\n  flag: FlagName;\n};\n\ntype IMetaProps = {\n  metaText: string;\n  metaTextPosition?: MetaTextPosition;\n};\n\ntype INoMetaProps = {\n  metaText?: never;\n  metaTextPosition?: never;\n};\n\nexport type IProps<FlagName extends string> = Prettify<\n  {\n    label: string;\n    className?: string;\n    size?: Size;\n    selected?: boolean;\n    disabled?: boolean;\n  } & (IMetaProps | INoMetaProps) &\n    (IDefaultVariantProps | IconVariantProps | IFlagVariantProps<FlagName>)\n>;\n"],"names":["ListItemVariants"],"mappings":"AAKO,IAAKA,sBAAAA,OACVA,EAAA,UAAU,WACVA,EAAA,OAAO,QACPA,EAAA,OAAO,QAHGA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"ListItem.types.js","sources":["../../../../../../../react-base/src/components/ListItem/ListItem.types.ts"],"sourcesContent":["import type { ReactElement, ReactNode } from 'react';\n\nimport { Sizes, Positions } from '../../consts';\nimport { type Prettify } from '../../types';\n\nexport enum ListItemVariants {\n  Default = 'default',\n  Icon = 'icon',\n  Flag = 'flag',\n}\nexport enum ListItemSelectionType {\n  Radio = 'radio',\n  Checkbox = 'checkbox',\n}\nexport type Size = `${Sizes.Small | Sizes.Medium | Sizes.Large}`;\nexport type Variant = `${ListItemVariants.Default | ListItemVariants.Icon | ListItemVariants.Flag}`;\nexport type MetaTextPosition = `${Positions.Top | Positions.Right | Positions.Bottom}`;\nexport type SelectionType = `${ListItemSelectionType.Radio | ListItemSelectionType.Checkbox}`;\n\ntype IDefaultVariantProps = {\n  variant?: `${ListItemVariants.Default}`;\n  icon?: never;\n  flag?: never;\n};\n\ntype IconVariantProps = {\n  variant?: `${ListItemVariants.Icon}`;\n  icon: ReactElement;\n  flag?: never;\n};\n\ntype IFlagVariantProps<FlagName extends string> = {\n  variant?: `${ListItemVariants.Flag}`;\n  icon?: never;\n  flag: FlagName;\n};\n\ntype IMetaProps = {\n  metaText: string;\n  metaTextPosition?: MetaTextPosition;\n};\n\ntype INoMetaProps = {\n  metaText?: never;\n  metaTextPosition?: never;\n};\n\nexport type IProps<FlagName extends string> = Prettify<\n  {\n    label: ReactNode;\n    className?: string;\n    size?: Size;\n    selected?: boolean;\n    disabled?: boolean;\n    showInputControls?: boolean;\n    selectionType?: SelectionType;\n    optionItem?: boolean;\n    multiline?: boolean;\n  } & (IMetaProps | INoMetaProps) &\n    (IDefaultVariantProps | IconVariantProps | IFlagVariantProps<FlagName>)\n>;\n"],"names":["ListItemVariants","ListItemSelectionType"],"mappings":"AAKO,IAAKA,sBAAAA,OACVA,EAAA,UAAU,WACVA,EAAA,OAAO,QACPA,EAAA,OAAO,QAHGA,IAAAA,KAAA,CAAA,CAAA,GAKAC,sBAAAA,OACVA,EAAA,QAAQ,SACRA,EAAA,WAAW,YAFDA,IAAAA,KAAA,CAAA,CAAA;"}

package/build/esm/react-base/src/components/ListItem/ListItemHeader.consts.d.ts

@@ -0,0 +1,15 @@
+import type { Size } from './ListItem.types';
+import type { Size as LabelSize } from '../Text/components/Label/Label.types';
+type ListItemHeaderConstsType = {
+    [size in Size]: {
+        padding: {
+            vertical: number;
+            horizontal: number;
+        };
+        gap: number;
+        labelSize: LabelSize;
+    };
+};
+export declare const consts: ListItemHeaderConstsType;
+export {};
+//# sourceMappingURL=ListItemHeader.consts.d.ts.map

package/build/esm/react-base/src/components/ListItem/ListItemHeader.consts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemHeader.consts.d.ts","sourceRoot":"","sources":["../../../../../../../react-base/src/components/ListItem/ListItemHeader.consts.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,KAAK,EAAE,IAAI,IAAI,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAE9E,KAAK,wBAAwB,GAAG;KAC7B,IAAI,IAAI,IAAI,GAAG;QACd,OAAO,EAAE;YAAE,QAAQ,EAAE,MAAM,CAAC;YAAC,UAAU,EAAE,MAAM,CAAA;SAAE,CAAC;QAClD,GAAG,EAAE,MAAM,CAAC;QACZ,SAAS,EAAE,SAAS,CAAC;KACtB;CACF,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,wBAgBpB,CAAC"}

package/build/esm/react-base/src/components/ListItem/ListItemHeader.consts.js

@@ -0,0 +1,22 @@
+import { Sizes as a } from "../../consts/index.js";
+const i = {
+  [a.Small]: {
+    padding: { vertical: 12, horizontal: 10 },
+    gap: 6,
+    labelSize: a.XSmall
+  },
+  [a.Medium]: {
+    padding: { vertical: 14, horizontal: 12 },
+    gap: 8,
+    labelSize: a.XSmall
+  },
+  [a.Large]: {
+    padding: { vertical: 16, horizontal: 16 },
+    gap: 8,
+    labelSize: a.Small
+  }
+};
+export {
+  i as consts
+};
+//# sourceMappingURL=ListItemHeader.consts.js.map

package/build/esm/react-base/src/components/ListItem/ListItemHeader.consts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemHeader.consts.js","sources":["../../../../../../../react-base/src/components/ListItem/ListItemHeader.consts.ts"],"sourcesContent":["import { Sizes } from '../../consts';\nimport type { Size } from './ListItem.types';\nimport type { Size as LabelSize } from '../Text/components/Label/Label.types';\n\ntype ListItemHeaderConstsType = {\n  [size in Size]: {\n    padding: { vertical: number; horizontal: number };\n    gap: number;\n    labelSize: LabelSize;\n  };\n};\n\nexport const consts: ListItemHeaderConstsType = {\n  [Sizes.Small]: {\n    padding: { vertical: 12, horizontal: 10 },\n    gap: 6,\n    labelSize: Sizes.XSmall,\n  },\n  [Sizes.Medium]: {\n    padding: { vertical: 14, horizontal: 12 },\n    gap: 8,\n    labelSize: Sizes.XSmall,\n  },\n  [Sizes.Large]: {\n    padding: { vertical: 16, horizontal: 16 },\n    gap: 8,\n    labelSize: Sizes.Small,\n  },\n};\n"],"names":["consts","Sizes"],"mappings":";AAYO,MAAMA,IAAmC;AAAA,EAC9C,CAACC,EAAM,KAAK,GAAG;AAAA,IACb,SAAS,EAAE,UAAU,IAAI,YAAY,GAAA;AAAA,IACrC,KAAK;AAAA,IACL,WAAWA,EAAM;AAAA,EAAA;AAAA,EAEnB,CAACA,EAAM,MAAM,GAAG;AAAA,IACd,SAAS,EAAE,UAAU,IAAI,YAAY,GAAA;AAAA,IACrC,KAAK;AAAA,IACL,WAAWA,EAAM;AAAA,EAAA;AAAA,EAEnB,CAACA,EAAM,KAAK,GAAG;AAAA,IACb,SAAS,EAAE,UAAU,IAAI,YAAY,GAAA;AAAA,IACrC,KAAK;AAAA,IACL,WAAWA,EAAM;AAAA,EAAA;AAErB;"}

package/build/esm/react-base/src/components/ListItem/index.d.ts

@@ -1,5 +1,4 @@
 export * as ListItemConsts from './ListItem.consts';
+export * as ListItemHeaderConsts from './ListItemHeader.consts';
 export * as ListItemTypes from './ListItem.types';
-export * as ListItemUtils from './ListItem.utils';
-export * as ListItemStyles from './ListItem.styles';
 //# sourceMappingURL=index.d.ts.map