acinguiux-ds-react-framework 0.1.23 → 0.1.25

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

@@ -0,0 +1,61 @@
+import { FabricsVariables } from 'acinguiux-ds-fabrics';
+import { Positions } from '../../consts';
+import type { Size, Variant, ISentimentProps, IDefaultProps, RequiredExcept, IOnSentimentProps, IOnBrandProps, IOnSelectedProps, ILinkProps } from './Button.types';
+import { Theme, ModesType } from '../../theme';
+import type { Size as LoadingSize } from '../Loading/Loading.types';
+export declare const getLoaderSize: (size: Size | undefined) => LoadingSize;
+export declare const getSizeStyles: (theme: Theme, size?: Size) => import("../../theme").TypographyElementPx;
+export declare const getSvgStyles: (size: Size) => {
+    width: string;
+    height: string;
+};
+export declare const getPadding: (icon: {
+    only?: boolean;
+    position?: `${Positions.Left | Positions.Right}`;
+} | undefined, size: Size, variant: Variant) => string;
+export declare const getStyles: (icon: {
+    only: boolean;
+    position?: `${Positions.Left | Positions.Right}`;
+} | undefined, size: Size, variant?: Variant) => Record<string, string | undefined>;
+export declare const getBorderStyles: (variant?: Variant) => {
+    borderWidth: number;
+    borderStyle: string;
+} | {
+    borderWidth: number;
+    borderStyle?: undefined;
+};
+export type ButtonKinds = 'Link' | 'Foundation' | 'Sentiment' | 'On Sentiment' | 'On Brand' | 'On Selected';
+export declare const getStylesForState: (style: ButtonKinds) => (theme: Theme, variant: Variant, state?: FabricsVariables.StateType, modes?: ModesType) => {
+    backgroundColor: string;
+    color: string;
+    borderColor: string;
+};
+export declare const getFabricStyles: (theme: Theme, variant: Variant, style: ButtonKinds, modes?: ModesType) => {
+    disabled: {
+        backgroundColor: string;
+        color: string;
+        borderColor: string;
+    };
+    hover: any;
+    press: any;
+    resting: any;
+};
+export declare const useDefaultProps: ({ size, variant, loading, disabled, icon, iconPosition, iconOnly, label, children, ...props }: IDefaultProps) => RequiredExcept<IDefaultProps, "icon" | "children"> & {
+    loaderSize: LoadingSize;
+};
+export declare const useLinkProps: ({ href, disabled, ...props }: ILinkProps) => RequiredExcept<ILinkProps, "icon" | "children"> & {
+    loaderSize: LoadingSize;
+};
+export declare const useSentimentProps: ({ sentiment, ...props }: ISentimentProps) => RequiredExcept<ISentimentProps, "icon" | "children"> & {
+    loaderSize: LoadingSize;
+};
+export declare const useOnSentimentProps: ({ sentiment, sentimentProminence, ...props }: IOnSentimentProps) => RequiredExcept<IOnSentimentProps, "icon" | "children"> & {
+    loaderSize: LoadingSize;
+};
+export declare const useOnBrandProps: ({ brand, ...props }: IOnBrandProps) => RequiredExcept<IOnBrandProps, "icon" | "children"> & {
+    loaderSize: LoadingSize;
+};
+export declare const useOnSelectedProps: ({ ...props }: IOnSelectedProps) => RequiredExcept<IOnSelectedProps, "icon" | "children"> & {
+    loaderSize: LoadingSize;
+};
+//# sourceMappingURL=Button.utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.utils.d.ts","sourceRoot":"","sources":["../../../../../../../react-base/src/components/Button/Button.utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,OAAO,EAAmB,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1D,OAAO,KAAK,EACV,IAAI,EACJ,OAAO,EACP,eAAe,EACf,aAAa,EACb,cAAc,EACd,iBAAiB,EACjB,aAAa,EACb,gBAAgB,EAChB,UAAU,EACX,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,KAAK,EAAE,SAAS,EAAa,MAAM,aAAa,CAAC;AAE1D,OAAO,KAAK,EAAE,IAAI,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAEpE,eAAO,MAAM,aAAa,SAAU,IAAI,GAAG,SAAS,KAAG,WACA,CAAC;AAExD,eAAO,MAAM,aAAa,UAAW,KAAK,SAAS,IAAI,8CAA4D,CAAC;AAEpH,eAAO,MAAM,YAAY,SAAU,IAAI;;;CAGrC,CAAC;AAEH,eAAO,MAAM,UAAU,SACf;IAAE,IAAI,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,EAAE,GAAG,SAAS,CAAC,IAAI,GAAG,SAAS,CAAC,KAAK,EAAE,CAAA;CAAE,GAAG,SAAS,QAChF,IAAI,WACD,OAAO,WAejB,CAAC;AAEF,eAAO,MAAM,SAAS,SACd;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,EAAE,GAAG,SAAS,CAAC,IAAI,GAAG,SAAS,CAAC,KAAK,EAAE,CAAA;CAAE,GAAG,SAAS,QAC/E,IAAI,YACD,OAAO,uCAqBjB,CAAC;AAEF,eAAO,MAAM,eAAe,aAAa,OAAO;;;;;;CAW/C,CAAC;AAqCF,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,YAAY,GAAG,WAAW,GAAG,cAAc,GAAG,UAAU,GAAG,aAAa,CAAC;AA0C5G,eAAO,MAAM,iBAAiB,UACpB,WAAW,aACX,KAAK,WAAW,OAAO,UAAU,gBAAgB,CAAC,SAAS,UAAS,SAAS;;;;CAYpF,CAAC;AAEJ,eAAO,MAAM,eAAe,UAAW,KAAK,WAAW,OAAO,SAAS,WAAW,UAAS,SAAS;;;;;;;;;CAgBnG,CAAC;AAEF,eAAO,MAAM,eAAe,kGAWzB,aAAa,KAAG,cAAc,CAAC,aAAa,EAAE,MAAM,GAAG,UAAU,CAAC,GAAG;IAAE,UAAU,EAAE,WAAW,CAAA;CAY/F,CAAC;AAEH,eAAO,MAAM,YAAY,iCAItB,UAAU,KAAG,cAAc,CAAC,UAAU,EAAE,MAAM,GAAG,UAAU,CAAC,GAAG;IAAE,UAAU,EAAE,WAAW,CAAA;CAIzF,CAAC;AAEH,eAAO,MAAM,iBAAiB,4BAG3B,eAAe,KAAG,cAAc,CAAC,eAAe,EAAE,MAAM,GAAG,UAAU,CAAC,GAAG;IAAE,UAAU,EAAE,WAAW,CAAA;CAGnG,CAAC;AAEH,eAAO,MAAM,mBAAmB,iDAI7B,iBAAiB,KAAG,cAAc,CAAC,iBAAiB,EAAE,MAAM,GAAG,UAAU,CAAC,GAAG;IAAE,UAAU,EAAE,WAAW,CAAA;CAIvG,CAAC;AAEH,eAAO,MAAM,eAAe,wBAGzB,aAAa,KAAG,cAAc,CAAC,aAAa,EAAE,MAAM,GAAG,UAAU,CAAC,GAAG;IAAE,UAAU,EAAE,WAAW,CAAA;CAG/F,CAAC;AAEH,eAAO,MAAM,kBAAkB,iBAE5B,gBAAgB,KAAG,cAAc,CAAC,gBAAgB,EAAE,MAAM,GAAG,UAAU,CAAC,GAAG;IAAE,UAAU,EAAE,WAAW,CAAA;CAErG,CAAC"}

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

@@ -1,34 +1,34 @@
-import { FabricsVariables as i } from "acinguiux-ds-fabrics";
-import { Sizes as B, Positions as S, Variants as O } from "../../consts/index.js";
+import { FabricsVariables as a } from "acinguiux-ds-fabrics";
+import { Positions as S, Variants as O, Sizes as B } from "../../consts/index.js";
 import { consts as l } from "./Button.consts.js";
 import { Variables as n } from "../../theme/types/layer.js";
 import { getLabelTypographySize as C } from "../../utils/sizesUtils.js";
-const F = (t) => t === B.XSmall ? B.Smallest : B.XSmall, q = (t, e) => t.typography("label", C(e)), A = (t) => ({
-  width: l[t].iconSize,
-  height: l[t].iconSize
-}), b = (t, e, o) => {
-  const r = l[e].padding[o], g = l[e].iconPadding[o];
-  if (t?.only || !r)
+const F = (e) => e === B.XSmall ? B.Smallest : B.XSmall, q = (e, t) => e.typography("label", C(t)), A = (e) => ({
+  width: l[e].iconSize,
+  height: l[e].iconSize
+}), b = (e, t, o) => {
+  const r = l[t].padding[o], g = l[t].iconPadding[o];
+  if (e?.only || !r)
     return "0";
-  const d = t && (!t?.position || t?.position === S.Left) ? g ?? r : r;
-  return `0 ${t?.position === S.Right ? g ?? r : r} 0 ${d}`;
-}, E = (t, e, o = O.Filled) => {
+  const d = e && (!e?.position || e?.position === S.Left) ? g ?? r : r;
+  return `0 ${e?.position === S.Right ? g ?? r : r} 0 ${d}`;
+}, E = (e, t, o = O.Filled) => {
   let r = {
-    padding: b(t, e, o)
+    padding: b(e, t, o)
   };
-  return t?.position === S.Right && (r = {
+  return e?.position === S.Right && (r = {
     ...r,
     flexDirection: "row-reverse"
-  }), t?.only && (r = {
+  }), e?.only && (r = {
     ...r,
-    minWidth: l[e].height
+    minWidth: l[t].height
   }), r;
-}, G = (t = O.Filled) => t === O.Outlined ? {
+}, G = (e = O.Filled) => e === O.Outlined ? {
   borderWidth: 1,
   borderStyle: "solid"
 } : {
   borderWidth: 0
-}, a = (t, e, o) => t === "filled" ? e : o, p = (t, e) => a(t, e, n.BackgroundFoundation), x = (t) => p(t, n.BackgroundBrand), y = () => n.BackgroundSentiment, P = (t) => a(t, n.ForegroundOnSentiment, n.BackgroundSentiment), h = (t) => a(t, n.ForegroundOnBrand, n.BackgroundBrand), L = (t) => p(t, n.BackgroundSelected), D = (t, e) => a(t, e, n.TextOnFoundationStrong), R = (t) => D(t, n.TextOnBrandOnBackground), V = (t) => a(t, n.TextOnFoundationStrong, n.TextOnFoundationLink), z = () => n.TextOnSentimentOnBackground, W = (t) => a(t, n.TextOnSentimentOnForeground, n.TextOnSentimentOnBackground), w = (t) => a(t, n.TextOnBrandOnForeground, n.TextOnBrandOnBackground), M = () => n.TextOnSelectedBackgroundStrong, m = {
+}, i = (e, t, o) => e === "filled" ? t : o, p = (e, t) => i(e, t, n.BackgroundFoundation), x = (e) => p(e, n.BackgroundBrand), y = () => n.BackgroundSentiment, P = (e) => i(e, n.ForegroundOnSentiment, n.BackgroundSentiment), h = (e) => i(e, n.ForegroundOnBrand, n.BackgroundBrand), L = (e) => p(e, n.BackgroundSelected), D = (e, t) => i(e, t, n.TextOnFoundationStrong), R = (e) => D(e, n.TextOnBrandOnBackground), V = (e) => i(e, n.TextOnBrandOnBackground, n.TextOnFoundationLink), z = () => n.TextOnSentimentOnBackground, M = (e) => i(e, n.TextOnSentimentOnForeground, n.TextOnSentimentOnBackground), W = (e) => i(e, n.TextOnBrandOnForeground, n.TextOnBrandOnBackground), w = () => n.TextOnSelectedBackgroundStrong, k = {
   Foundation: {
     getBackground: x,
     getTextColor: R,
@@ -37,7 +37,7 @@ const F = (t) => t === B.XSmall ? B.Smallest : B.XSmall, q = (t, e) => t.typogra
   Link: {
     getBackground: x,
     getTextColor: V,
-    getBorderColor: () => n.TextOnFoundationLink
+    getBorderColor: () => n.BorderOnFoundationMedium
   },
   Sentiment: {
     getBackground: y,
@@ -46,96 +46,97 @@ const F = (t) => t === B.XSmall ? B.Smallest : B.XSmall, q = (t, e) => t.typogra
   },
   "On Sentiment": {
     getBackground: P,
-    getTextColor: W,
+    getTextColor: M,
     getBorderColor: () => n.BorderOnSentimentOnBackground
   },
   "On Brand": {
     getBackground: h,
-    getTextColor: w,
+    getTextColor: W,
     getBorderColor: () => n.BorderOnBrandOnBackground
   },
   "On Selected": {
     getBackground: L,
-    getTextColor: M,
+    getTextColor: w,
     getBorderColor: () => n.BorderOnSelectedOnBackground
   }
-}, T = (t) => (e, o, r, g = {}) => {
-  const d = e.layer({
+}, T = (e) => (t, o, r, g = {}) => {
+  const d = t.layer({
     state: r,
     ...g,
     transparentRestingState: r !== "resting" ? !1 : g?.transparentRestingState
   });
   return {
-    backgroundColor: d[m[t].getBackground(o)],
-    color: d[m[t].getTextColor(o)],
-    borderColor: d[m[t].getBorderColor(o)]
+    backgroundColor: d[k[e].getBackground(o)],
+    color: d[k[e].getTextColor(o)],
+    borderColor: d[k[e].getBorderColor(o)]
   };
-}, H = (t, e, o, r = {}) => {
-  const d = Object.values(i.States).reduce(
-    (k, u) => ({
-      ...k,
-      [u]: T(o)(t, e, u, r)
+}, H = (e, t, o, r = {}) => {
+  const d = Object.values(a.States).reduce(
+    (m, u) => ({
+      ...m,
+      [u]: T(o)(e, t, u, r)
     }),
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     {}
-  ), c = T(o)(t, e, i.States.Resting, {
-    disabled: i.Disableds.True
+  ), c = T(o)(e, t, a.States.Resting, {
+    disabled: a.Disableds.True
   });
   return { ...d, disabled: c };
 }, s = ({
-  size: t = B.Medium,
-  variant: e = O.Filled,
+  size: e = B.Medium,
+  variant: t = O.Filled,
   loading: o = !1,
   disabled: r = !1,
   icon: g = void 0,
   iconPosition: d = S.Left,
   iconOnly: c = !1,
-  label: k,
+  label: m,
   children: u,
   ...f
 }) => ({
   // SHOULD BE EXCEPT icon ONLY
-  size: t,
-  variant: e,
+  size: e,
+  variant: t,
   loading: o,
   disabled: r,
   icon: g,
   iconPosition: d,
   iconOnly: c,
-  loaderSize: F(t),
-  label: k ?? u ?? "",
+  loaderSize: F(e),
+  label: m ?? u ?? "",
   ...f
 }), I = ({
-  href: t,
-  disabled: e = !1,
+  href: e,
+  disabled: t = !1,
   ...o
 }) => ({
   ...s(o),
-  href: t,
-  disabled: e || !t
+  href: e,
+  disabled: t || !e
 }), J = ({
-  sentiment: t = i.Sentiments.Positive,
-  ...e
+  sentiment: e = a.Sentiments.Positive,
+  ...t
 }) => ({
-  ...s(e),
-  sentiment: t
+  ...s(t),
+  sentiment: e
 }), K = ({
-  sentiment: t = i.Sentiments.Neutral,
-  sentimentProminence: e = i.SentimentProminences.Strong,
+  sentiment: e = a.Sentiments.Neutral,
+  sentimentProminence: t = a.SentimentProminences.Strong,
   ...o
 }) => ({
   ...s(o),
-  sentiment: t,
-  sentimentProminence: e
+  sentiment: e,
+  sentimentProminence: t
 }), Q = ({
-  brand: t = i.Brands.Primary,
-  ...e
+  brand: e = a.Brands.Primary,
+  ...t
 }) => ({
-  ...s(e),
-  brand: t
+  ...s(t),
+  brand: e
 }), U = ({
-  ...t
+  ...e
 }) => ({
-  ...s(t)
+  ...s(e)
 });
 export {
   G as getBorderStyles,

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

@@ -1 +1 @@
-{"version":3,"file":"Button.utils.js","sources":["../../../../../../../react-base/src/components/Button/Button.utils.ts"],"sourcesContent":["import { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport { Variants, Sizes, Positions } from '../../consts';\nimport { consts } from './Button.consts';\nimport type {\n  Size,\n  Variant,\n  ISentimentProps,\n  IDefaultProps,\n  RequiredExcept,\n  IOnSentimentProps,\n  IOnBrandProps,\n  IOnSelectedProps,\n  ILinkProps,\n} from './Button.types';\nimport { Theme, ModesType, Variables } from '../../theme';\nimport { getLabelTypographySize } from '../../utils/sizesUtils';\nimport type { Size as LoadingSize } from '../Loading/Loading.types';\n\nexport const getLoaderSize = (size: Size | undefined): LoadingSize =>\n  size === Sizes.XSmall ? Sizes.Smallest : Sizes.XSmall;\n\nexport const getSizeStyles = (theme: Theme, size?: Size) => theme.typography('label', getLabelTypographySize(size));\n\nexport const getSvgStyles = (size: Size) => ({\n  width: consts[size].iconSize,\n  height: consts[size].iconSize,\n});\n\nexport const getPadding = (\n  icon: { only?: boolean; position?: `${Positions.Left | Positions.Right}` } | undefined,\n  size: Size,\n  variant: Variant,\n) => {\n  const padding = consts[size].padding[variant];\n  const iconPadding = consts[size].iconPadding[variant];\n\n  // if there is no icon, or icon is only, or no padding, return no padding\n  if (icon?.only || !padding) {\n    return '0';\n  }\n\n  const leftPadding =\n    icon && (!icon?.position || icon?.position === Positions.Left) ? (iconPadding ?? padding) : padding;\n  const rightPadding = icon?.position === Positions.Right ? (iconPadding ?? padding) : padding;\n\n  return `0 ${rightPadding} 0 ${leftPadding}`;\n};\n\nexport const getStyles = (\n  icon: { only: boolean; position?: `${Positions.Left | Positions.Right}` } | undefined,\n  size: Size,\n  variant: Variant = Variants.Filled,\n) => {\n  let styles: Record<string, string | undefined> = {\n    padding: getPadding(icon, size, variant),\n  };\n\n  if (icon?.position === Positions.Right) {\n    styles = {\n      ...styles,\n      flexDirection: 'row-reverse',\n    };\n  }\n\n  if (icon?.only) {\n    styles = {\n      ...styles,\n      minWidth: consts[size].height,\n    };\n  }\n\n  return styles;\n};\n\nexport const getBorderStyles = (variant: Variant = Variants.Filled) => {\n  if (variant === Variants.Outlined) {\n    return {\n      borderWidth: 1,\n      borderStyle: 'solid',\n    };\n  }\n\n  return {\n    borderWidth: 0,\n  };\n};\n\nconst getFilledValueOrFallback = (variant: Variant, filledVariable: Variables, fallback: Variables) => {\n  if (variant === 'filled') {\n    return filledVariable;\n  }\n\n  return fallback;\n};\n\nconst getFilledBackgroundOrDefault = (variant: Variant, filledVariable: Variables) =>\n  getFilledValueOrFallback(variant, filledVariable, Variables.BackgroundFoundation);\n\nconst getDefaultButtonBackground = (variant: Variant) =>\n  getFilledBackgroundOrDefault(variant, Variables.BackgroundBrand);\nconst getSentimentButtonBackground = () => Variables.BackgroundSentiment;\nconst getOnSentimentButtonBackground = (variant: Variant) =>\n  getFilledValueOrFallback(variant, Variables.ForegroundOnSentiment, Variables.BackgroundSentiment);\nconst getOnBrandButtonBackground = (variant: Variant) =>\n  getFilledValueOrFallback(variant, Variables.ForegroundOnBrand, Variables.BackgroundBrand);\nconst getOnSelectedButtonBackground = (variant: Variant) =>\n  getFilledBackgroundOrDefault(variant, Variables.BackgroundSelected);\n\nconst getFilledTextColorOrDefault = (variant: Variant, filledVariable: Variables) =>\n  getFilledValueOrFallback(variant, filledVariable, Variables.TextOnFoundationStrong);\n\nconst getDefaultTextColor = (variant: Variant) =>\n  getFilledTextColorOrDefault(variant, Variables.TextOnBrandOnBackground);\nconst getLinkTextColor = (variant: Variant) =>\n  getFilledValueOrFallback(variant, Variables.TextOnFoundationStrong, Variables.TextOnFoundationLink);\nconst getSentimentTextColor = () => Variables.TextOnSentimentOnBackground;\nconst getOnSentimentTextColor = (variant: Variant) =>\n  getFilledValueOrFallback(variant, Variables.TextOnSentimentOnForeground, Variables.TextOnSentimentOnBackground);\nconst getOnBrandTextColor = (variant: Variant) =>\n  getFilledValueOrFallback(variant, Variables.TextOnBrandOnForeground, Variables.TextOnBrandOnBackground);\nconst getOnSelectedTextColor = () => Variables.TextOnSelectedBackgroundStrong;\n\nexport type ButtonKinds = 'Link' | 'Foundation' | 'Sentiment' | 'On Sentiment' | 'On Brand' | 'On Selected';\n\nconst StyleFunctions: Record<\n  ButtonKinds,\n  {\n    getBackground: typeof getDefaultButtonBackground;\n    getTextColor: typeof getDefaultTextColor;\n    getBorderColor: typeof getDefaultButtonBackground;\n  }\n> = {\n  Foundation: {\n    getBackground: getDefaultButtonBackground,\n    getTextColor: getDefaultTextColor,\n    getBorderColor: () => Variables.BorderOnFoundationMedium,\n  },\n  Link: {\n    getBackground: getDefaultButtonBackground,\n    getTextColor: getLinkTextColor,\n    getBorderColor: () => Variables.TextOnFoundationLink,\n  },\n  Sentiment: {\n    getBackground: getSentimentButtonBackground,\n    getTextColor: getSentimentTextColor,\n    getBorderColor: () => Variables.BorderOnSentimentOnBackground,\n  },\n  'On Sentiment': {\n    getBackground: getOnSentimentButtonBackground,\n    getTextColor: getOnSentimentTextColor,\n    getBorderColor: () => Variables.BorderOnSentimentOnBackground,\n  },\n  'On Brand': {\n    getBackground: getOnBrandButtonBackground,\n    getTextColor: getOnBrandTextColor,\n    getBorderColor: () => Variables.BorderOnBrandOnBackground,\n  },\n  'On Selected': {\n    getBackground: getOnSelectedButtonBackground,\n    getTextColor: getOnSelectedTextColor,\n    getBorderColor: () => Variables.BorderOnSelectedOnBackground,\n  },\n};\n\nexport const getStylesForState =\n  (style: ButtonKinds) =>\n  (theme: Theme, variant: Variant, state?: FabricsVariables.StateType, modes: ModesType = {}) => {\n    const layer = theme.layer({\n      state,\n      ...modes,\n      transparentRestingState: state !== 'resting' ? false : modes?.transparentRestingState,\n    });\n\n    return {\n      backgroundColor: layer[StyleFunctions[style].getBackground(variant)],\n      color: layer[StyleFunctions[style].getTextColor(variant)],\n      borderColor: layer[StyleFunctions[style].getBorderColor(variant)],\n    };\n  };\n\nexport const getFabricStyles = (theme: Theme, variant: Variant, style: ButtonKinds, modes: ModesType = {}) => {\n  const states = Object.values(FabricsVariables.States);\n  const styles = states.reduce(\n    (acc, state) => ({\n      ...acc,\n      [state]: getStylesForState(style)(theme, variant, state, modes),\n    }),\n    {} as { [key in FabricsVariables.StateType]: any },\n  );\n\n  const disabledStyles = getStylesForState(style)(theme, variant, FabricsVariables.States.Resting, {\n    disabled: FabricsVariables.Disableds.True,\n  });\n\n  return { ...styles, disabled: disabledStyles };\n};\n\nexport const useDefaultProps = ({\n  size = Sizes.Medium,\n  variant = Variants.Filled,\n  loading = false,\n  disabled = false,\n  icon = undefined,\n  iconPosition = Positions.Left,\n  iconOnly = false,\n  label,\n  children,\n  ...props\n}: IDefaultProps): RequiredExcept<IDefaultProps, 'icon' | 'children'> & { loaderSize: LoadingSize } => ({\n  // SHOULD BE EXCEPT icon ONLY\n  size,\n  variant,\n  loading,\n  disabled,\n  icon,\n  iconPosition,\n  iconOnly,\n  loaderSize: getLoaderSize(size),\n  label: label ?? (children as string) ?? '',\n  ...props,\n});\n\nexport const useLinkProps = ({\n  href,\n  disabled = false,\n  ...props\n}: ILinkProps): RequiredExcept<ILinkProps, 'icon' | 'children'> & { loaderSize: LoadingSize } => ({\n  ...useDefaultProps(props),\n  href,\n  disabled: disabled || Boolean(!href),\n});\n\nexport const useSentimentProps = ({\n  sentiment = FabricsVariables.Sentiments.Positive,\n  ...props\n}: ISentimentProps): RequiredExcept<ISentimentProps, 'icon' | 'children'> & { loaderSize: LoadingSize } => ({\n  ...useDefaultProps(props),\n  sentiment,\n});\n\nexport const useOnSentimentProps = ({\n  sentiment = FabricsVariables.Sentiments.Neutral,\n  sentimentProminence = FabricsVariables.SentimentProminences.Strong,\n  ...props\n}: IOnSentimentProps): RequiredExcept<IOnSentimentProps, 'icon' | 'children'> & { loaderSize: LoadingSize } => ({\n  ...useDefaultProps(props),\n  sentiment,\n  sentimentProminence,\n});\n\nexport const useOnBrandProps = ({\n  brand = FabricsVariables.Brands.Primary,\n  ...props\n}: IOnBrandProps): RequiredExcept<IOnBrandProps, 'icon' | 'children'> & { loaderSize: LoadingSize } => ({\n  ...useDefaultProps(props),\n  brand,\n});\n\nexport const useOnSelectedProps = ({\n  ...props\n}: IOnSelectedProps): RequiredExcept<IOnSelectedProps, 'icon' | 'children'> & { loaderSize: LoadingSize } => ({\n  ...useDefaultProps(props),\n});\n"],"names":["getLoaderSize","size","Sizes","getSizeStyles","theme","getLabelTypographySize","getSvgStyles","consts","getPadding","icon","variant","padding","iconPadding","leftPadding","Positions","getStyles","Variants","styles","getBorderStyles","getFilledValueOrFallback","filledVariable","fallback","getFilledBackgroundOrDefault","Variables","getDefaultButtonBackground","getSentimentButtonBackground","getOnSentimentButtonBackground","getOnBrandButtonBackground","getOnSelectedButtonBackground","getFilledTextColorOrDefault","getDefaultTextColor","getLinkTextColor","getSentimentTextColor","getOnSentimentTextColor","getOnBrandTextColor","getOnSelectedTextColor","StyleFunctions","getStylesForState","style","state","modes","layer","getFabricStyles","FabricsVariables","acc","disabledStyles","useDefaultProps","loading","disabled","iconPosition","iconOnly","label","children","props","useLinkProps","href","useSentimentProps","sentiment","useOnSentimentProps","sentimentProminence","useOnBrandProps","brand","useOnSelectedProps"],"mappings":"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"}
+{"version":3,"file":"Button.utils.js","sources":["../../../../../../../react-base/src/components/Button/Button.utils.ts"],"sourcesContent":["/* eslint-disable sonarjs/deprecation */\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport { Variants, Sizes, Positions } from '../../consts';\nimport { consts } from './Button.consts';\nimport type {\n  Size,\n  Variant,\n  ISentimentProps,\n  IDefaultProps,\n  RequiredExcept,\n  IOnSentimentProps,\n  IOnBrandProps,\n  IOnSelectedProps,\n  ILinkProps,\n} from './Button.types';\nimport { Theme, ModesType, Variables } from '../../theme';\nimport { getLabelTypographySize } from '../../utils/sizesUtils';\nimport type { Size as LoadingSize } from '../Loading/Loading.types';\n\nexport const getLoaderSize = (size: Size | undefined): LoadingSize =>\n  size === Sizes.XSmall ? Sizes.Smallest : Sizes.XSmall;\n\nexport const getSizeStyles = (theme: Theme, size?: Size) => theme.typography('label', getLabelTypographySize(size));\n\nexport const getSvgStyles = (size: Size) => ({\n  width: consts[size].iconSize,\n  height: consts[size].iconSize,\n});\n\nexport const getPadding = (\n  icon: { only?: boolean; position?: `${Positions.Left | Positions.Right}` } | undefined,\n  size: Size,\n  variant: Variant,\n) => {\n  const padding = consts[size].padding[variant];\n  const iconPadding = consts[size].iconPadding[variant];\n\n  // if there is no icon, or icon is only, or no padding, return no padding\n  if (icon?.only || !padding) {\n    return '0';\n  }\n\n  const leftPadding =\n    icon && (!icon?.position || icon?.position === Positions.Left) ? (iconPadding ?? padding) : padding;\n  const rightPadding = icon?.position === Positions.Right ? (iconPadding ?? padding) : padding;\n\n  return `0 ${rightPadding} 0 ${leftPadding}`;\n};\n\nexport const getStyles = (\n  icon: { only: boolean; position?: `${Positions.Left | Positions.Right}` } | undefined,\n  size: Size,\n  variant: Variant = Variants.Filled,\n) => {\n  let styles: Record<string, string | undefined> = {\n    padding: getPadding(icon, size, variant),\n  };\n\n  if (icon?.position === Positions.Right) {\n    styles = {\n      ...styles,\n      flexDirection: 'row-reverse',\n    };\n  }\n\n  if (icon?.only) {\n    styles = {\n      ...styles,\n      minWidth: consts[size].height,\n    };\n  }\n\n  return styles;\n};\n\nexport const getBorderStyles = (variant: Variant = Variants.Filled) => {\n  if (variant === Variants.Outlined) {\n    return {\n      borderWidth: 1,\n      borderStyle: 'solid',\n    };\n  }\n\n  return {\n    borderWidth: 0,\n  };\n};\n\nconst getFilledValueOrFallback = (variant: Variant, filledVariable: Variables, fallback: Variables) => {\n  if (variant === 'filled') {\n    return filledVariable;\n  }\n\n  return fallback;\n};\n\nconst getFilledBackgroundOrDefault = (variant: Variant, filledVariable: Variables) =>\n  getFilledValueOrFallback(variant, filledVariable, Variables.BackgroundFoundation);\n\nconst getDefaultButtonBackground = (variant: Variant) =>\n  getFilledBackgroundOrDefault(variant, Variables.BackgroundBrand);\nconst getSentimentButtonBackground = () => Variables.BackgroundSentiment;\nconst getOnSentimentButtonBackground = (variant: Variant) =>\n  getFilledValueOrFallback(variant, Variables.ForegroundOnSentiment, Variables.BackgroundSentiment);\nconst getOnBrandButtonBackground = (variant: Variant) =>\n  getFilledValueOrFallback(variant, Variables.ForegroundOnBrand, Variables.BackgroundBrand);\nconst getOnSelectedButtonBackground = (variant: Variant) =>\n  getFilledBackgroundOrDefault(variant, Variables.BackgroundSelected);\n\nconst getFilledTextColorOrDefault = (variant: Variant, filledVariable: Variables) =>\n  getFilledValueOrFallback(variant, filledVariable, Variables.TextOnFoundationStrong);\n\nconst getDefaultTextColor = (variant: Variant) =>\n  getFilledTextColorOrDefault(variant, Variables.TextOnBrandOnBackground);\nconst getLinkTextColor = (variant: Variant) =>\n  getFilledValueOrFallback(variant, Variables.TextOnBrandOnBackground, Variables.TextOnFoundationLink);\nconst getSentimentTextColor = () => Variables.TextOnSentimentOnBackground;\nconst getOnSentimentTextColor = (variant: Variant) =>\n  getFilledValueOrFallback(variant, Variables.TextOnSentimentOnForeground, Variables.TextOnSentimentOnBackground);\nconst getOnBrandTextColor = (variant: Variant) =>\n  getFilledValueOrFallback(variant, Variables.TextOnBrandOnForeground, Variables.TextOnBrandOnBackground);\nconst getOnSelectedTextColor = () => Variables.TextOnSelectedBackgroundStrong;\n\nexport type ButtonKinds = 'Link' | 'Foundation' | 'Sentiment' | 'On Sentiment' | 'On Brand' | 'On Selected';\n\nconst StyleFunctions: Record<\n  ButtonKinds,\n  {\n    getBackground: typeof getDefaultButtonBackground;\n    getTextColor: typeof getDefaultTextColor;\n    getBorderColor: typeof getDefaultButtonBackground;\n  }\n> = {\n  Foundation: {\n    getBackground: getDefaultButtonBackground,\n    getTextColor: getDefaultTextColor,\n    getBorderColor: () => Variables.BorderOnFoundationMedium,\n  },\n  Link: {\n    getBackground: getDefaultButtonBackground,\n    getTextColor: getLinkTextColor,\n    getBorderColor: () => Variables.BorderOnFoundationMedium,\n  },\n  Sentiment: {\n    getBackground: getSentimentButtonBackground,\n    getTextColor: getSentimentTextColor,\n    getBorderColor: () => Variables.BorderOnSentimentOnBackground,\n  },\n  'On Sentiment': {\n    getBackground: getOnSentimentButtonBackground,\n    getTextColor: getOnSentimentTextColor,\n    getBorderColor: () => Variables.BorderOnSentimentOnBackground,\n  },\n  'On Brand': {\n    getBackground: getOnBrandButtonBackground,\n    getTextColor: getOnBrandTextColor,\n    getBorderColor: () => Variables.BorderOnBrandOnBackground,\n  },\n  'On Selected': {\n    getBackground: getOnSelectedButtonBackground,\n    getTextColor: getOnSelectedTextColor,\n    getBorderColor: () => Variables.BorderOnSelectedOnBackground,\n  },\n};\n\nexport const getStylesForState =\n  (style: ButtonKinds) =>\n  (theme: Theme, variant: Variant, state?: FabricsVariables.StateType, modes: ModesType = {}) => {\n    const layer = theme.layer({\n      state,\n      ...modes,\n      transparentRestingState: state !== 'resting' ? false : modes?.transparentRestingState,\n    });\n\n    return {\n      backgroundColor: layer[StyleFunctions[style].getBackground(variant)],\n      color: layer[StyleFunctions[style].getTextColor(variant)],\n      borderColor: layer[StyleFunctions[style].getBorderColor(variant)],\n    };\n  };\n\nexport const getFabricStyles = (theme: Theme, variant: Variant, style: ButtonKinds, modes: ModesType = {}) => {\n  const states = Object.values(FabricsVariables.States);\n  const styles = states.reduce(\n    (acc, state) => ({\n      ...acc,\n      [state]: getStylesForState(style)(theme, variant, state, modes),\n    }),\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    {} as { [key in FabricsVariables.StateType]: any },\n  );\n\n  const disabledStyles = getStylesForState(style)(theme, variant, FabricsVariables.States.Resting, {\n    disabled: FabricsVariables.Disableds.True,\n  });\n\n  return { ...styles, disabled: disabledStyles };\n};\n\nexport const useDefaultProps = ({\n  size = Sizes.Medium,\n  variant = Variants.Filled,\n  loading = false,\n  disabled = false,\n  icon = undefined,\n  iconPosition = Positions.Left,\n  iconOnly = false,\n  label,\n  children,\n  ...props\n}: IDefaultProps): RequiredExcept<IDefaultProps, 'icon' | 'children'> & { loaderSize: LoadingSize } => ({\n  // SHOULD BE EXCEPT icon ONLY\n  size,\n  variant,\n  loading,\n  disabled,\n  icon,\n  iconPosition,\n  iconOnly,\n  loaderSize: getLoaderSize(size),\n  label: label ?? (children as string) ?? '',\n  ...props,\n});\n\nexport const useLinkProps = ({\n  href,\n  disabled = false,\n  ...props\n}: ILinkProps): RequiredExcept<ILinkProps, 'icon' | 'children'> & { loaderSize: LoadingSize } => ({\n  ...useDefaultProps(props),\n  href,\n  disabled: disabled || Boolean(!href),\n});\n\nexport const useSentimentProps = ({\n  sentiment = FabricsVariables.Sentiments.Positive,\n  ...props\n}: ISentimentProps): RequiredExcept<ISentimentProps, 'icon' | 'children'> & { loaderSize: LoadingSize } => ({\n  ...useDefaultProps(props),\n  sentiment,\n});\n\nexport const useOnSentimentProps = ({\n  sentiment = FabricsVariables.Sentiments.Neutral,\n  sentimentProminence = FabricsVariables.SentimentProminences.Strong,\n  ...props\n}: IOnSentimentProps): RequiredExcept<IOnSentimentProps, 'icon' | 'children'> & { loaderSize: LoadingSize } => ({\n  ...useDefaultProps(props),\n  sentiment,\n  sentimentProminence,\n});\n\nexport const useOnBrandProps = ({\n  brand = FabricsVariables.Brands.Primary,\n  ...props\n}: IOnBrandProps): RequiredExcept<IOnBrandProps, 'icon' | 'children'> & { loaderSize: LoadingSize } => ({\n  ...useDefaultProps(props),\n  brand,\n});\n\nexport const useOnSelectedProps = ({\n  ...props\n}: IOnSelectedProps): RequiredExcept<IOnSelectedProps, 'icon' | 'children'> & { loaderSize: LoadingSize } => ({\n  ...useDefaultProps(props),\n});\n"],"names":["getLoaderSize","size","Sizes","getSizeStyles","theme","getLabelTypographySize","getSvgStyles","consts","getPadding","icon","variant","padding","iconPadding","leftPadding","Positions","getStyles","Variants","styles","getBorderStyles","getFilledValueOrFallback","filledVariable","fallback","getFilledBackgroundOrDefault","Variables","getDefaultButtonBackground","getSentimentButtonBackground","getOnSentimentButtonBackground","getOnBrandButtonBackground","getOnSelectedButtonBackground","getFilledTextColorOrDefault","getDefaultTextColor","getLinkTextColor","getSentimentTextColor","getOnSentimentTextColor","getOnBrandTextColor","getOnSelectedTextColor","StyleFunctions","getStylesForState","style","state","modes","layer","getFabricStyles","FabricsVariables","acc","disabledStyles","useDefaultProps","loading","disabled","iconPosition","iconOnly","label","children","props","useLinkProps","href","useSentimentProps","sentiment","useOnSentimentProps","sentimentProminence","useOnBrandProps","brand","useOnSelectedProps"],"mappings":"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"}

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

@@ -0,0 +1,5 @@
+export * as ButtonConsts from './Button.consts';
+export * as ButtonTypes from './Button.types';
+export * as ButtonUtils from './Button.utils';
+export * as ButtonStyles from './Button.styles';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../react-base/src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,YAAY,MAAM,iBAAiB,CAAC;AAChD,OAAO,KAAK,WAAW,MAAM,gBAAgB,CAAC;AAC9C,OAAO,KAAK,WAAW,MAAM,gBAAgB,CAAC;AAC9C,OAAO,KAAK,YAAY,MAAM,iBAAiB,CAAC"}

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

@@ -0,0 +1,17 @@
+import type { ButtonGroupSize } from './ButtonGroup.types';
+type ButtonGroupConstsProps = {
+    [size in ButtonGroupSize]: {
+        height: number;
+        padding: {
+            inline: number;
+            icon: number;
+            iconOnly: number;
+        };
+        borderRadius: number;
+        icon: number;
+        gap: number;
+    };
+};
+export declare const buttonGroupConsts: ButtonGroupConstsProps;
+export {};
+//# sourceMappingURL=ButtonGroup.consts.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.consts.d.ts","sourceRoot":"","sources":["../../../../../../../react-base/src/components/ButtonGroup/ButtonGroup.consts.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAG3D,KAAK,sBAAsB,GAAG;KAC3B,IAAI,IAAI,eAAe,GAAG;QACzB,MAAM,EAAE,MAAM,CAAC;QACf,OAAO,EAAE;YAAE,MAAM,EAAE,MAAM,CAAC;YAAC,IAAI,EAAE,MAAM,CAAC;YAAC,QAAQ,EAAE,MAAM,CAAA;SAAE,CAAC;QAC5D,YAAY,EAAE,MAAM,CAAC;QACrB,IAAI,EAAE,MAAM,CAAC;QACb,GAAG,EAAE,MAAM,CAAC;KACb;CACF,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,sBA6B/B,CAAC"}

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

@@ -0,0 +1,45 @@
+import type { ComponentPropsWithoutRef, ChangeEvent, KeyboardEvent, ReactNode } from 'react';
+import { Positions, Sizes, Variants } from '../../consts';
+export type ButtonGroupSize = `${Sizes.XSmall | Sizes.Small | Sizes.Medium | Sizes.Large}`;
+export type ButtonGroupButtonIconPosition = `${Positions.Left | Positions.Right}`;
+/** @deprecated Type ButtonGroupType is deprecated, use ButtonGroupSelectionType instead */
+export type ButtonGroupType = 'radio' | 'checkbox';
+export type ButtonGroupSelectionType = 'single' | 'multiple';
+export type ButtonGroupVariant = `${Variants.Filled | Variants.Outlined | Variants.Subtle}`;
+export type MultipleSelectionButtonValue = string[];
+export type MultipleSelectionButtonOnChange = (value: string[], event: ChangeEvent<HTMLInputElement> | KeyboardEvent<HTMLButtonElement>) => void;
+export type SingleSelectionButtonValue = string;
+export type SingleSelectionOnChange = (value: string, event: ChangeEvent<HTMLInputElement> | KeyboardEvent<HTMLButtonElement>) => void;
+type CommonButtonGroupButtonProps = {
+    value?: string;
+    label: string;
+    disabled?: boolean;
+    icon?: ReactNode;
+    tooltip?: ReactNode;
+};
+type CommonButtonGroupProps = Omit<ComponentPropsWithoutRef<'div'>, 'onChange' | 'children'> & {
+    size?: ButtonGroupSize;
+    variant?: ButtonGroupVariant;
+    name?: string;
+    buttonsFill?: boolean;
+    iconPosition?: ButtonGroupButtonIconPosition;
+    iconOnly?: boolean;
+    /**
+     * @deprecated emphasis prop is deprecated and will be removed in the next major version.
+     * */
+    emphasis?: boolean;
+    items: CommonButtonGroupButtonProps[];
+    groupDisabled?: boolean;
+};
+export type IButtonGroupProps = CommonButtonGroupProps & ({
+    type?: 'radio' | 'single';
+    onChange?: SingleSelectionOnChange;
+    selectedKey?: SingleSelectionButtonValue;
+} | {
+    type: 'checkbox' | 'multiple';
+    onChange?: MultipleSelectionButtonOnChange;
+    selectedKey?: MultipleSelectionButtonValue;
+});
+export type IButtonGroupButtonProps = Omit<IButtonGroupProps, 'type' | 'items' | 'onChange' | 'selectedKey'> & Required<Pick<IButtonGroupProps, 'variant'>> & Omit<ComponentPropsWithoutRef<'input'>, 'size' | 'onChange' | 'type'> & CommonButtonGroupButtonProps;
+export {};
+//# sourceMappingURL=ButtonGroup.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.types.d.ts","sourceRoot":"","sources":["../../../../../../../react-base/src/components/ButtonGroup/ButtonGroup.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,WAAW,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7F,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE1D,MAAM,MAAM,eAAe,GAAG,GAAG,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;AAC3F,MAAM,MAAM,6BAA6B,GAAG,GAAG,SAAS,CAAC,IAAI,GAAG,SAAS,CAAC,KAAK,EAAE,CAAC;AAElF,2FAA2F;AAC3F,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,UAAU,CAAC;AACnD,MAAM,MAAM,wBAAwB,GAAG,QAAQ,GAAG,UAAU,CAAC;AAC7D,MAAM,MAAM,kBAAkB,GAAG,GAAG,QAAQ,CAAC,MAAM,GAAG,QAAQ,CAAC,QAAQ,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC;AAE5F,MAAM,MAAM,4BAA4B,GAAG,MAAM,EAAE,CAAC;AACpD,MAAM,MAAM,+BAA+B,GAAG,CAC5C,KAAK,EAAE,MAAM,EAAE,EACf,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,GAAG,aAAa,CAAC,iBAAiB,CAAC,KACpE,IAAI,CAAC;AAGV,MAAM,MAAM,0BAA0B,GAAG,MAAM,CAAC;AAChD,MAAM,MAAM,uBAAuB,GAAG,CACpC,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,GAAG,aAAa,CAAC,iBAAiB,CAAC,KACpE,IAAI,CAAC;AAEV,KAAK,4BAA4B,GAAG;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,KAAK,sBAAsB,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC,GAAG;IAC7F,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,6BAA6B,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;SAEK;IACL,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,4BAA4B,EAAE,CAAC;IACtC,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,sBAAsB,GACpD,CACI;IACE,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B,QAAQ,CAAC,EAAE,uBAAuB,CAAC;IACnC,WAAW,CAAC,EAAE,0BAA0B,CAAC;CAC1C,GACD;IACE,IAAI,EAAE,UAAU,GAAG,UAAU,CAAC;IAC9B,QAAQ,CAAC,EAAE,+BAA+B,CAAC;IAC3C,WAAW,CAAC,EAAE,4BAA4B,CAAC;CAC5C,CACJ,CAAC;AAEJ,MAAM,MAAM,uBAAuB,GAAG,IAAI,CAAC,iBAAiB,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,aAAa,CAAC,GAC1G,QAAQ,CAAC,IAAI,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAC,GAC5C,IAAI,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,MAAM,CAAC,GACrE,4BAA4B,CAAC"}

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

@@ -0,0 +1,14 @@
+import { FabricsVariables } from 'acinguiux-ds-fabrics';
+import type { ButtonGroupVariant, ButtonGroupSelectionType, ButtonGroupType } from './ButtonGroup.types';
+import { type Theme } from '../../theme';
+export declare const getLabelStyles: (variant: ButtonGroupVariant, type: ButtonGroupSelectionType, checked: boolean | undefined, disabled: boolean | undefined, theme: Theme) => Record<FabricsVariables.StateType, {
+    color: string;
+    backgroundColor: string;
+    borderColor: string;
+}>;
+export declare const getGroupStyles: (type: ButtonGroupSelectionType, variant: ButtonGroupVariant, disabled: boolean | undefined, theme: Theme) => {
+    borderColor: string;
+    backgroundColor: string;
+};
+export declare const convertDeprecateSelectionType: (type: ButtonGroupType | ButtonGroupSelectionType) => ButtonGroupSelectionType;
+//# sourceMappingURL=ButtonGroup.utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.utils.d.ts","sourceRoot":"","sources":["../../../../../../../react-base/src/components/ButtonGroup/ButtonGroup.utils.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,OAAO,KAAK,EAAE,kBAAkB,EAAE,wBAAwB,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEzG,OAAO,EAAE,KAAK,KAAK,EAA6B,MAAM,aAAa,CAAC;AAEpE,eAAO,MAAM,cAAc,YAChB,kBAAkB,QACrB,wBAAwB,WACrB,OAAO,GAAG,SAAS,YAClB,OAAO,GAAG,SAAS,SACtB,KAAK,KACX,MAAM,CACP,gBAAgB,CAAC,SAAS,EAC1B;IACE,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;CACrB,CAqDA,CAAC;AAEJ,eAAO,MAAM,cAAc,SACnB,wBAAwB,WACrB,kBAAkB,YACjB,OAAO,GAAG,SAAS,SACtB,KAAK,KACX;IACD,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;CAazB,CAAC;AAEF,eAAO,MAAM,6BAA6B,SAClC,eAAe,GAAG,wBAAwB,KAC/C,wBASF,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.utils.js","sources":["../../../../../../../react-base/src/components/ButtonGroup/ButtonGroup.utils.tsx"],"sourcesContent":["import { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport type { ButtonGroupVariant, ButtonGroupSelectionType, ButtonGroupType } from './ButtonGroup.types';\nimport { Variants } from '../../consts';\nimport { type Theme, type ModesType, Variables } from '../../theme';\n\nexport const getLabelStyles = (\n  variant: ButtonGroupVariant,\n  type: ButtonGroupSelectionType,\n  checked: boolean | undefined,\n  disabled: boolean | undefined,\n  theme: Theme,\n): Record<\n  FabricsVariables.StateType,\n  {\n    color: string;\n    backgroundColor: string;\n    borderColor: string;\n  }\n> =>\n  Object.values(FabricsVariables.States).reduce(\n    (acc, state) => {\n      let foundation: FabricsVariables.FoundationType = FabricsVariables.Foundations.Section;\n      let borderColor = 'transparent';\n\n      if (checked) {\n        foundation = FabricsVariables.Foundations.Surface;\n      }\n\n      const modes: ModesType = {\n        selectedProminence: FabricsVariables.SelectedProminences.Strong,\n        state,\n        foundation,\n        disabled,\n      };\n\n      const layer = theme.layer(modes);\n\n      let textColor = layer[Variables.TextOnFoundationStrong];\n      let backgroundColor = layer[Variables.BackgroundFoundation];\n\n      if (checked) {\n        if (variant === Variants.Subtle) {\n          borderColor = layer[Variables.BorderOnFoundationMedium];\n        } else {\n          backgroundColor = layer[Variables.BackgroundSelected];\n          textColor = layer[Variables.TextOnSelectedBackgroundStrong];\n        }\n      } else if (type === 'multiple') {\n        if (variant === Variants.Outlined) {\n          borderColor = layer[Variables.BorderOnFoundationMedium];\n        }\n      }\n\n      return {\n        ...acc,\n        [state]: {\n          borderColor,\n          color: textColor,\n          backgroundColor,\n        },\n      };\n    },\n    {} as Record<\n      FabricsVariables.StateType,\n      {\n        color: string;\n        backgroundColor: string;\n        borderColor: string;\n      }\n    >,\n  );\n\nexport const getGroupStyles = (\n  type: ButtonGroupSelectionType,\n  variant: ButtonGroupVariant,\n  disabled: boolean | undefined,\n  theme: Theme,\n): {\n  borderColor: string;\n  backgroundColor: string;\n} => {\n  const layer = theme.layer({\n    foundation: FabricsVariables.Foundations.Section,\n    transparentRestingState: variant === Variants.Outlined || type === 'multiple',\n    disabled,\n  });\n\n  return {\n    borderColor:\n      variant === Variants.Outlined && type === 'single' ? layer[Variables.BorderOnFoundationMedium] : 'transparent',\n    backgroundColor: layer[Variables.BackgroundFoundation],\n  };\n};\n\nexport const convertDeprecateSelectionType = (\n  type: ButtonGroupType | ButtonGroupSelectionType,\n): ButtonGroupSelectionType => {\n  if (type === 'radio') {\n    return 'single';\n  }\n  if (type === 'checkbox') {\n    return 'multiple';\n  }\n\n  return type;\n};\n"],"names":["getLabelStyles","variant","type","checked","disabled","theme","FabricsVariables","acc","state","foundation","borderColor","modes","layer","textColor","Variables","backgroundColor","Variants","getGroupStyles","convertDeprecateSelectionType"],"mappings":";;;AAMO,MAAMA,IAAiB,CAC5BC,GACAC,GACAC,GACAC,GACAC,MASA,OAAO,OAAOC,EAAiB,MAAM,EAAE;AAAA,EACrC,CAACC,GAAKC,MAAU;AACd,QAAIC,IAA8CH,EAAiB,YAAY,SAC3EI,IAAc;AAElB,IAAIP,MACFM,IAAaH,EAAiB,YAAY;AAG5C,UAAMK,IAAmB;AAAA,MACvB,oBAAoBL,EAAiB,oBAAoB;AAAA,MACzD,OAAAE;AAAA,MACA,YAAAC;AAAA,MACA,UAAAL;AAAA,IAAA,GAGIQ,IAAQP,EAAM,MAAMM,CAAK;AAE/B,QAAIE,IAAYD,EAAME,EAAU,sBAAsB,GAClDC,IAAkBH,EAAME,EAAU,oBAAoB;AAE1D,WAAIX,IACEF,MAAYe,EAAS,SACvBN,IAAcE,EAAME,EAAU,wBAAwB,KAEtDC,IAAkBH,EAAME,EAAU,kBAAkB,GACpDD,IAAYD,EAAME,EAAU,8BAA8B,KAEnDZ,MAAS,cACdD,MAAYe,EAAS,aACvBN,IAAcE,EAAME,EAAU,wBAAwB,IAInD;AAAA,MACL,GAAGP;AAAA,MACH,CAACC,CAAK,GAAG;AAAA,QACP,aAAAE;AAAA,QACA,OAAOG;AAAA,QACP,iBAAAE;AAAA,MAAA;AAAA,IACF;AAAA,EAEJ;AAAA,EACA,CAAA;AAQF,GAEWE,IAAiB,CAC5Bf,GACAD,GACAG,GACAC,MAIG;AACH,QAAMO,IAAQP,EAAM,MAAM;AAAA,IACxB,YAAYC,EAAiB,YAAY;AAAA,IACzC,yBAAyBL,MAAYe,EAAS,YAAYd,MAAS;AAAA,IACnE,UAAAE;AAAA,EAAA,CACD;AAED,SAAO;AAAA,IACL,aACEH,MAAYe,EAAS,YAAYd,MAAS,WAAWU,EAAME,EAAU,wBAAwB,IAAI;AAAA,IACnG,iBAAiBF,EAAME,EAAU,oBAAoB;AAAA,EAAA;AAEzD,GAEaI,IAAgC,CAC3ChB,MAEIA,MAAS,UACJ,WAELA,MAAS,aACJ,aAGFA;"}
+{"version":3,"file":"ButtonGroup.utils.js","sources":["../../../../../../../react-base/src/components/ButtonGroup/ButtonGroup.utils.tsx"],"sourcesContent":["/* eslint-disable sonarjs/deprecation */\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport type { ButtonGroupVariant, ButtonGroupSelectionType, ButtonGroupType } from './ButtonGroup.types';\nimport { Variants } from '../../consts';\nimport { type Theme, type ModesType, Variables } from '../../theme';\n\nexport const getLabelStyles = (\n  variant: ButtonGroupVariant,\n  type: ButtonGroupSelectionType,\n  checked: boolean | undefined,\n  disabled: boolean | undefined,\n  theme: Theme,\n): Record<\n  FabricsVariables.StateType,\n  {\n    color: string;\n    backgroundColor: string;\n    borderColor: string;\n  }\n> =>\n  Object.values(FabricsVariables.States).reduce(\n    (acc, state) => {\n      let foundation: FabricsVariables.FoundationType = FabricsVariables.Foundations.Section;\n      let borderColor = 'transparent';\n\n      if (checked) {\n        foundation = FabricsVariables.Foundations.Surface;\n      }\n\n      const modes: ModesType = {\n        selectedProminence: FabricsVariables.SelectedProminences.Strong,\n        state,\n        foundation,\n        disabled,\n      };\n\n      const layer = theme.layer(modes);\n\n      let textColor = layer[Variables.TextOnFoundationStrong];\n      let backgroundColor = layer[Variables.BackgroundFoundation];\n\n      if (checked) {\n        if (variant === Variants.Subtle) {\n          borderColor = layer[Variables.BorderOnFoundationMedium];\n        } else {\n          backgroundColor = layer[Variables.BackgroundSelected];\n          textColor = layer[Variables.TextOnSelectedBackgroundStrong];\n        }\n      } else if (type === 'multiple') {\n        if (variant === Variants.Outlined) {\n          borderColor = layer[Variables.BorderOnFoundationMedium];\n        }\n      }\n\n      return {\n        ...acc,\n        [state]: {\n          borderColor,\n          color: textColor,\n          backgroundColor,\n        },\n      };\n    },\n    {} as Record<\n      FabricsVariables.StateType,\n      {\n        color: string;\n        backgroundColor: string;\n        borderColor: string;\n      }\n    >,\n  );\n\nexport const getGroupStyles = (\n  type: ButtonGroupSelectionType,\n  variant: ButtonGroupVariant,\n  disabled: boolean | undefined,\n  theme: Theme,\n): {\n  borderColor: string;\n  backgroundColor: string;\n} => {\n  const layer = theme.layer({\n    foundation: FabricsVariables.Foundations.Section,\n    transparentRestingState: variant === Variants.Outlined || type === 'multiple',\n    disabled,\n  });\n\n  return {\n    borderColor:\n      variant === Variants.Outlined && type === 'single' ? layer[Variables.BorderOnFoundationMedium] : 'transparent',\n    backgroundColor: layer[Variables.BackgroundFoundation],\n  };\n};\n\nexport const convertDeprecateSelectionType = (\n  type: ButtonGroupType | ButtonGroupSelectionType,\n): ButtonGroupSelectionType => {\n  if (type === 'radio') {\n    return 'single';\n  }\n  if (type === 'checkbox') {\n    return 'multiple';\n  }\n\n  return type;\n};\n"],"names":["getLabelStyles","variant","type","checked","disabled","theme","FabricsVariables","acc","state","foundation","borderColor","modes","layer","textColor","Variables","backgroundColor","Variants","getGroupStyles","convertDeprecateSelectionType"],"mappings":";;;AAOO,MAAMA,IAAiB,CAC5BC,GACAC,GACAC,GACAC,GACAC,MASA,OAAO,OAAOC,EAAiB,MAAM,EAAE;AAAA,EACrC,CAACC,GAAKC,MAAU;AACd,QAAIC,IAA8CH,EAAiB,YAAY,SAC3EI,IAAc;AAElB,IAAIP,MACFM,IAAaH,EAAiB,YAAY;AAG5C,UAAMK,IAAmB;AAAA,MACvB,oBAAoBL,EAAiB,oBAAoB;AAAA,MACzD,OAAAE;AAAA,MACA,YAAAC;AAAA,MACA,UAAAL;AAAA,IAAA,GAGIQ,IAAQP,EAAM,MAAMM,CAAK;AAE/B,QAAIE,IAAYD,EAAME,EAAU,sBAAsB,GAClDC,IAAkBH,EAAME,EAAU,oBAAoB;AAE1D,WAAIX,IACEF,MAAYe,EAAS,SACvBN,IAAcE,EAAME,EAAU,wBAAwB,KAEtDC,IAAkBH,EAAME,EAAU,kBAAkB,GACpDD,IAAYD,EAAME,EAAU,8BAA8B,KAEnDZ,MAAS,cACdD,MAAYe,EAAS,aACvBN,IAAcE,EAAME,EAAU,wBAAwB,IAInD;AAAA,MACL,GAAGP;AAAA,MACH,CAACC,CAAK,GAAG;AAAA,QACP,aAAAE;AAAA,QACA,OAAOG;AAAA,QACP,iBAAAE;AAAA,MAAA;AAAA,IACF;AAAA,EAEJ;AAAA,EACA,CAAA;AAQF,GAEWE,IAAiB,CAC5Bf,GACAD,GACAG,GACAC,MAIG;AACH,QAAMO,IAAQP,EAAM,MAAM;AAAA,IACxB,YAAYC,EAAiB,YAAY;AAAA,IACzC,yBAAyBL,MAAYe,EAAS,YAAYd,MAAS;AAAA,IACnE,UAAAE;AAAA,EAAA,CACD;AAED,SAAO;AAAA,IACL,aACEH,MAAYe,EAAS,YAAYd,MAAS,WAAWU,EAAME,EAAU,wBAAwB,IAAI;AAAA,IACnG,iBAAiBF,EAAME,EAAU,oBAAoB;AAAA,EAAA;AAEzD,GAEaI,IAAgC,CAC3ChB,MAEIA,MAAS,UACJ,WAELA,MAAS,aACJ,aAGFA;"}

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

@@ -0,0 +1,4 @@
+export * as ButtonGroupTypes from './ButtonGroup.types';
+export * as ButtonGroupConsts from './ButtonGroup.consts';
+export * as ButtonGroupUtils from './ButtonGroup.utils';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../react-base/src/components/ButtonGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,gBAAgB,MAAM,qBAAqB,CAAC;AACxD,OAAO,KAAK,iBAAiB,MAAM,sBAAsB,CAAC;AAC1D,OAAO,KAAK,gBAAgB,MAAM,qBAAqB,CAAC"}

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

@@ -0,0 +1,5 @@
+import type { IDefaultProps } from '../Button/Button.types';
+export type IProps = IDefaultProps & {
+    href: string;
+};
+//# sourceMappingURL=ButtonLink.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonLink.types.d.ts","sourceRoot":"","sources":["../../../../../../../react-base/src/components/ButtonLink/ButtonLink.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAE5D,MAAM,MAAM,MAAM,GAAG,aAAa,GAAG;IACnC,IAAI,EAAE,MAAM,CAAC;CACd,CAAC"}

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

@@ -0,0 +1,2 @@
+export * as ButtonLinkTypes from './ButtonLink.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../react-base/src/components/ButtonLink/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,oBAAoB,CAAC"}

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

@@ -0,0 +1,27 @@
+export declare const consts: {
+    readonly xsmall: {
+        readonly padding: 12;
+        readonly borderRadius: 8;
+        readonly floatingBarBorderRadius: 8;
+        readonly innerCardPadding: 16;
+    };
+    readonly small: {
+        readonly padding: 16;
+        readonly borderRadius: 10;
+        readonly floatingBarBorderRadius: 8;
+        readonly innerCardPadding: 16;
+    };
+    readonly medium: {
+        readonly padding: 20;
+        readonly borderRadius: 12;
+        readonly floatingBarBorderRadius: 8;
+        readonly innerCardPadding: 20;
+    };
+    readonly large: {
+        readonly padding: 24;
+        readonly borderRadius: 16;
+        readonly floatingBarBorderRadius: 8;
+        readonly innerCardPadding: 24;
+    };
+};
+//# sourceMappingURL=Card.consts.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.consts.d.ts","sourceRoot":"","sources":["../../../../../../../react-base/src/components/Card/Card.consts.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;CAyBT,CAAC"}

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

@@ -0,0 +1,52 @@
+import type { ReactNode } from 'react';
+import { Sizes, Directions, Positions } from '../../consts';
+export type Size = `${Sizes.XSmall | Sizes.Small | Sizes.Medium | Sizes.Large}`;
+export type Direction = `${Directions}`;
+export type Position = `${Positions.Left | Positions.Top}`;
+export type ICardBar = {
+    meta?: string;
+    icon?: ReactNode;
+    iconPosition?: Position;
+    title?: string;
+    description?: string;
+    content?: ReactNode;
+};
+type CommonCardProps = {
+    size?: Size;
+    /**
+     * @deprecated use `headerBorder` and `footerBorder` instead
+     */
+    borders?: boolean;
+    headerBorder?: boolean;
+    footerBorder?: boolean;
+    /**
+     * @deprecated use `outlined` instead
+     */
+    elevated?: boolean;
+    outlined?: boolean;
+    /**
+     * @deprecated it will be determined by the use of `onClick`
+     */
+    isClickable?: boolean;
+};
+export type ICardProps = CommonCardProps & {
+    direction?: Direction;
+    header?: ICardBar;
+    footer?: ICardBar;
+    padding?: boolean;
+    bgColor?: boolean;
+    children?: ReactNode;
+};
+export type IInsetCardProps = CommonCardProps & {
+    backgroundImage?: string;
+    backgroundPosition?: string;
+    bar?: ICardBar;
+    fullBar?: boolean;
+    /**
+     * @deprecated it will be determined by the use of `onClick`
+     */
+    interactive?: boolean;
+    children?: ReactNode;
+};
+export {};
+//# sourceMappingURL=Card.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.types.d.ts","sourceRoot":"","sources":["../../../../../../../react-base/src/components/Card/Card.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE5D,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,SAAS,GAAG,GAAG,UAAU,EAAE,CAAC;AACxC,MAAM,MAAM,QAAQ,GAAG,GAAG,SAAS,CAAC,IAAI,GAAG,SAAS,CAAC,GAAG,EAAE,CAAC;AAE3D,MAAM,MAAM,QAAQ,GAAG;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,eAAe,GAAG;IACzC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,MAAM,CAAC,EAAE,QAAQ,CAAC;IAClB,MAAM,CAAC,EAAE,QAAQ,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,eAAe,GAAG;IAC9C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,GAAG,CAAC,EAAE,QAAQ,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC"}

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

@@ -0,0 +1,3 @@
+export * as CardConsts from './Card.consts';
+export * as CardTypes from './Card.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../react-base/src/components/Card/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,UAAU,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,SAAS,MAAM,cAAc,CAAC"}

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

@@ -0,0 +1,27 @@
+export declare const consts: {
+    readonly xsmall: {
+        readonly width: 16;
+        readonly height: 16;
+        readonly borderRadius: 3;
+        readonly labelSpacing: 6;
+    };
+    readonly small: {
+        readonly width: 20;
+        readonly height: 20;
+        readonly borderRadius: 4;
+        readonly labelSpacing: 8;
+    };
+    readonly medium: {
+        readonly width: 24;
+        readonly height: 24;
+        readonly borderRadius: 5;
+        readonly labelSpacing: 10;
+    };
+    readonly large: {
+        readonly width: 28;
+        readonly height: 28;
+        readonly borderRadius: 6;
+        readonly labelSpacing: 12;
+    };
+};
+//# sourceMappingURL=Checkbox.consts.d.ts.map