acinguiux-ds-react-framework 0.1.18 → 0.1.20

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

@@ -0,0 +1,27 @@
+import { Sizes as e } from "../../consts/index.js";
+const a = {
+  [e.XSmall]: {
+    width: 64,
+    pectenSize: 32,
+    avatarSize: e.Medium
+  },
+  [e.Small]: {
+    width: 72,
+    pectenSize: 32,
+    avatarSize: e.Medium
+  },
+  [e.Medium]: {
+    width: 80,
+    pectenSize: 36,
+    avatarSize: e.Medium
+  },
+  [e.Large]: {
+    width: 88,
+    pectenSize: 40,
+    avatarSize: e.Large
+  }
+};
+export {
+  a as consts
+};
+//# sourceMappingURL=NavBarVerticalStatic.consts.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavBarVerticalStatic.consts.js","sources":["../../../../../../../react-base/src/components/NavBar/NavBarVerticalStatic.consts.ts"],"sourcesContent":["import { Sizes } from '../../consts';\nimport type { Size } from './NavBar.types';\n\ntype SizesType = {\n  [size in Size]: {\n    width: number;\n    pectenSize: number;\n    avatarSize: Size;\n  };\n};\n\nexport const consts: SizesType = {\n  [Sizes.XSmall]: {\n    width: 64,\n    pectenSize: 32,\n    avatarSize: Sizes.Medium,\n  },\n  [Sizes.Small]: {\n    width: 72,\n    pectenSize: 32,\n    avatarSize: Sizes.Medium,\n  },\n  [Sizes.Medium]: {\n    width: 80,\n    pectenSize: 36,\n    avatarSize: Sizes.Medium,\n  },\n  [Sizes.Large]: {\n    width: 88,\n    pectenSize: 40,\n    avatarSize: Sizes.Large,\n  },\n};\n"],"names":["consts","Sizes"],"mappings":";AAWO,MAAMA,IAAoB;AAAA,EAC/B,CAACC,EAAM,MAAM,GAAG;AAAA,IACd,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,YAAYA,EAAM;AAAA,EAAA;AAAA,EAEpB,CAACA,EAAM,KAAK,GAAG;AAAA,IACb,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,YAAYA,EAAM;AAAA,EAAA;AAAA,EAEpB,CAACA,EAAM,MAAM,GAAG;AAAA,IACd,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,YAAYA,EAAM;AAAA,EAAA;AAAA,EAEpB,CAACA,EAAM,KAAK,GAAG;AAAA,IACb,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,YAAYA,EAAM;AAAA,EAAA;AAEtB;"}

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

@@ -1,4 +1,5 @@
 export * as NavBarConsts from './NavBar.consts';
+export * as NavBarVerticalStaticConsts from './NavBarVerticalStatic.consts';
 export * as NavBarTypes from './NavBar.types';
 export * as NavBarUtils from './utils';
 //# sourceMappingURL=index.d.ts.map

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

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

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

@@ -8,6 +8,7 @@ export type IProps = {
 };
 type ILocaleProps = {
     i18n?: i18n;
+    numberFormatter?: Intl.NumberFormat;
 };
 export type ISimpleProps = {
     size?: Size;

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

@@ -1 +1 @@
-{"version":3,"file":"Pagination.types.d.ts","sourceRoot":"","sources":["../../../../../../../react-base/src/components/Pagination/Pagination.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAEpC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAEhD,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,QAAQ,GAAG,GAAG,SAAS,CAAC,IAAI,GAAG,SAAS,CAAC,KAAK,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC;AAEhF,MAAM,MAAM,MAAM,GAAG;IACnB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB,CAAC;AAEF,KAAK,YAAY,GAAG;IAClB,IAAI,CAAC,EAAE,IAAI,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAChE,GAAG,YAAY,CAAC;AAEjB,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,YAAY,EAAE,OAAO,CAAC,GAAG;IACxD,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC"}
+{"version":3,"file":"Pagination.types.d.ts","sourceRoot":"","sources":["../../../../../../../react-base/src/components/Pagination/Pagination.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAEpC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAEhD,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,QAAQ,GAAG,GAAG,SAAS,CAAC,IAAI,GAAG,SAAS,CAAC,KAAK,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC;AAEhF,MAAM,MAAM,MAAM,GAAG;IACnB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB,CAAC;AAEF,KAAK,YAAY,GAAG;IAClB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,eAAe,CAAC,EAAE,IAAI,CAAC,YAAY,CAAC;CACrC,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAChE,GAAG,YAAY,CAAC;AAEjB,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,YAAY,EAAE,OAAO,CAAC,GAAG;IACxD,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC"}

package/build/esm/react-base/src/components/Pagination/locales/de.d.ts

@@ -0,0 +1,4 @@
+import type { PaginationLocale } from './type';
+declare const pagination: PaginationLocale;
+export default pagination;
+//# sourceMappingURL=de.d.ts.map

package/build/esm/react-base/src/components/Pagination/locales/de.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"de.d.ts","sourceRoot":"","sources":["../../../../../../../../react-base/src/components/Pagination/locales/de.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAE/C,QAAA,MAAM,UAAU,EAAE,gBAgBjB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/build/esm/react-base/src/components/Pagination/locales/de.js

@@ -0,0 +1,21 @@
+const e = {
+  itemsPerPage: "pro Seite",
+  displayingItemsPerPage: "Zeige",
+  ofTotal: "von",
+  jumpTo: "Gehe zu Seite",
+  jumpToPagePlaceholder: "#",
+  page: "Seite",
+  prevPage: "Vorherige Seite",
+  nextPage: "Nächste Seite",
+  startPage: "Erste Seite",
+  endPage: "Letzte Seite",
+  prevNPages: "Vorherige {{pages}} Seiten",
+  nextNPages: "Nächste {{pages}} Seiten",
+  total: "Gesamt",
+  item_one: "Element",
+  item_other: "Elemente"
+};
+export {
+  e as default
+};
+//# sourceMappingURL=de.js.map

package/build/esm/react-base/src/components/Pagination/locales/de.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"de.js","sources":["../../../../../../../../react-base/src/components/Pagination/locales/de.ts"],"sourcesContent":["import type { PaginationLocale } from './type';\n\nconst pagination: PaginationLocale = {\n  itemsPerPage: 'pro Seite',\n  displayingItemsPerPage: 'Zeige',\n  ofTotal: 'von',\n  jumpTo: 'Gehe zu Seite',\n  jumpToPagePlaceholder: '#',\n  page: 'Seite',\n  prevPage: 'Vorherige Seite',\n  nextPage: 'Nächste Seite',\n  startPage: 'Erste Seite',\n  endPage: 'Letzte Seite',\n  prevNPages: 'Vorherige {{pages}} Seiten',\n  nextNPages: 'Nächste {{pages}} Seiten',\n  total: 'Gesamt',\n  item_one: 'Element',\n  item_other: 'Elemente',\n};\n\nexport default pagination;\n"],"names":["pagination"],"mappings":"AAEA,MAAMA,IAA+B;AAAA,EACnC,cAAc;AAAA,EACd,wBAAwB;AAAA,EACxB,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,uBAAuB;AAAA,EACvB,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AAAA,EACV,WAAW;AAAA,EACX,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,UAAU;AAAA,EACV,YAAY;AACd;"}

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

@@ -1,3 +1,4 @@
 export type { PaginationLocale } from './type';
 export { default as enGb } from './en_GB';
+export { default as de } from './de';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../react-base/src/components/Pagination/locales/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAE/C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../react-base/src/components/Pagination/locales/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAE/C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,OAAO,IAAI,EAAE,EAAE,MAAM,MAAM,CAAC"}

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

@@ -7,7 +7,7 @@ export declare const useProps: ({ size, sentiment, popupPlacement, }: UseProps)
 };
 export declare const useStyles: ({ size, sentiment, theme }: UseStylesProps) => {
     iconColor: string;
-    iconSize: 32 | 24 | 28;
+    iconSize: 24 | 28 | 32;
     gap: 10 | 8;
     padding: 10 | 16 | 12;
 };

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

@@ -1,5 +1,4 @@
 export * as RadioButtonConsts from './RadioButton.consts';
-export * as RadioButtonStyles from './RadioButton.styles';
 export * as RadioButtonTypes from './RadioButton.types';
 export * as RadioButtonUtils from './RadioButton.utils';
 //# sourceMappingURL=index.d.ts.map

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

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

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

@@ -1,6 +1,6 @@
-import { Sizes as d } from "../../consts/index.js";
+import { Sizes as a } from "../../consts/index.js";
 const g = {
-  [d.XSmall]: {
+  [a.XSmall]: {
     prefixPadding: 3,
     gap: 2,
     tags: {
@@ -11,7 +11,7 @@ const g = {
       padding: 5
     }
   },
-  [d.Small]: {
+  [a.Small]: {
     prefixPadding: 0,
     gap: 3,
     tags: {
@@ -22,7 +22,7 @@ const g = {
       padding: 5
     }
   },
-  [d.Medium]: {
+  [a.Medium]: {
     prefixPadding: 2,
     gap: 5,
     tags: {
@@ -33,7 +33,7 @@ const g = {
       padding: 6
     }
   },
-  [d.Large]: {
+  [a.Large]: {
     prefixPadding: 4,
     gap: 7,
     tags: {
@@ -44,146 +44,9 @@ const g = {
       padding: 8
     }
   }
-}, a = {
-  [d.XSmall]: {
-    icon: {
-      size: 16,
-      right: 4,
-      top: 3
-    },
-    tag: {
-      paddingContainer: 3,
-      paddingTopBottom: 1,
-      paddingRight: 5,
-      paddingLeft: 5,
-      gapContainer: 2,
-      gap: 4
-    },
-    group: {
-      paddingTop: 6,
-      paddingBottom: 10,
-      paddingLeft: 10,
-      paddingRight: 10
-    },
-    option: {
-      paddingTopBottom: 5,
-      paddingLeft: 10,
-      paddingRight: 30
-    },
-    default: {
-      paddingTopBottom: 3,
-      paddingLeft: 8,
-      paddingRight: 30,
-      height: 24,
-      loading: 16,
-      loadingMargin: 4
-    }
-  },
-  [d.Small]: {
-    icon: {
-      size: 16,
-      right: 6,
-      top: 3
-    },
-    tag: {
-      paddingContainer: 0,
-      paddingTopBottom: 2,
-      paddingRight: 5,
-      paddingLeft: 5,
-      gapContainer: 3,
-      gap: 4
-    },
-    group: {
-      paddingTop: 6,
-      paddingBottom: 10,
-      paddingLeft: 10,
-      paddingRight: 10
-    },
-    option: {
-      paddingTopBottom: 5,
-      paddingLeft: 10,
-      paddingRight: 38
-    },
-    default: {
-      paddingTopBottom: 7,
-      paddingLeft: 10,
-      paddingRight: 38,
-      height: 32,
-      loading: 16,
-      loadingMargin: 2
-    }
-  },
-  [d.Medium]: {
-    icon: {
-      size: 24,
-      right: 8,
-      top: 7
-    },
-    tag: {
-      paddingContainer: 2,
-      paddingTopBottom: 4,
-      paddingRight: 5,
-      paddingLeft: 5,
-      gapContainer: 5,
-      gap: 6
-    },
-    group: {
-      paddingTop: 12,
-      paddingBottom: 12,
-      paddingLeft: 12,
-      paddingRight: 12
-    },
-    option: {
-      paddingTopBottom: 9,
-      paddingLeft: 12,
-      paddingRight: 38
-    },
-    default: {
-      paddingTopBottom: 11,
-      paddingLeft: 12,
-      paddingRight: 38,
-      height: 40,
-      loading: 24,
-      loadingMargin: 2
-    }
-  },
-  [d.Large]: {
-    icon: {
-      size: 24,
-      right: 12,
-      top: 11
-    },
-    tag: {
-      paddingContainer: 4,
-      paddingTopBottom: 4,
-      paddingRight: 8,
-      paddingLeft: 8,
-      gapContainer: 7,
-      gap: 6
-    },
-    group: {
-      paddingTop: 16,
-      paddingBottom: 16,
-      paddingLeft: 16,
-      paddingRight: 16
-    },
-    option: {
-      paddingTopBottom: 13,
-      paddingLeft: 16,
-      paddingRight: 38
-    },
-    default: {
-      paddingTopBottom: 13,
-      paddingLeft: 16,
-      paddingRight: 38,
-      height: 48,
-      loading: 24,
-      loadingMargin: 0
-    }
-  }
 };
+a.XSmall + "", a.Small + "", a.Medium + "", a.Large + "";
 export {
-  a as consts,
   g as newConsts
 };
 //# sourceMappingURL=Select.consts.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Select.consts.js","sources":["../../../../../../../react-base/src/components/Select/Select.consts.ts"],"sourcesContent":["import { Sizes } from '../../consts';\n\nexport const newConsts = {\n  [Sizes.XSmall]: {\n    prefixPadding: 3,\n    gap: 2,\n    tags: {\n      borderRadius: 3,\n      gap: 4,\n      height: 18,\n      textGap: 4,\n      padding: 5,\n    },\n  },\n  [Sizes.Small]: {\n    prefixPadding: 0,\n    gap: 3,\n    tags: {\n      borderRadius: 4,\n      gap: 6,\n      height: 24,\n      textGap: 4,\n      padding: 5,\n    },\n  },\n  [Sizes.Medium]: {\n    prefixPadding: 2,\n    gap: 5,\n    tags: {\n      borderRadius: 4,\n      gap: 6,\n      height: 28,\n      textGap: 4,\n      padding: 6,\n    },\n  },\n  [Sizes.Large]: {\n    prefixPadding: 4,\n    gap: 7,\n    tags: {\n      borderRadius: 4,\n      gap: 6,\n      height: 32,\n      textGap: 4,\n      padding: 8,\n    },\n  },\n};\n\nexport const consts = {\n  [Sizes.XSmall]: {\n    icon: {\n      size: 16,\n      right: 4,\n      top: 3,\n    },\n    tag: {\n      paddingContainer: 3,\n      paddingTopBottom: 1,\n      paddingRight: 5,\n      paddingLeft: 5,\n      gapContainer: 2,\n      gap: 4,\n    },\n    group: {\n      paddingTop: 6,\n      paddingBottom: 10,\n      paddingLeft: 10,\n      paddingRight: 10,\n    },\n    option: {\n      paddingTopBottom: 5,\n      paddingLeft: 10,\n      paddingRight: 30,\n    },\n    default: {\n      paddingTopBottom: 3,\n      paddingLeft: 8,\n      paddingRight: 30,\n      height: 24,\n      loading: 16,\n      loadingMargin: 4,\n    },\n  },\n  [Sizes.Small]: {\n    icon: {\n      size: 16,\n      right: 6,\n      top: 3,\n    },\n    tag: {\n      paddingContainer: 0,\n      paddingTopBottom: 2,\n      paddingRight: 5,\n      paddingLeft: 5,\n      gapContainer: 3,\n      gap: 4,\n    },\n    group: {\n      paddingTop: 6,\n      paddingBottom: 10,\n      paddingLeft: 10,\n      paddingRight: 10,\n    },\n    option: {\n      paddingTopBottom: 5,\n      paddingLeft: 10,\n      paddingRight: 38,\n    },\n    default: {\n      paddingTopBottom: 7,\n      paddingLeft: 10,\n      paddingRight: 38,\n      height: 32,\n      loading: 16,\n      loadingMargin: 2,\n    },\n  },\n  [Sizes.Medium]: {\n    icon: {\n      size: 24,\n      right: 8,\n      top: 7,\n    },\n    tag: {\n      paddingContainer: 2,\n      paddingTopBottom: 4,\n      paddingRight: 5,\n      paddingLeft: 5,\n      gapContainer: 5,\n      gap: 6,\n    },\n    group: {\n      paddingTop: 12,\n      paddingBottom: 12,\n      paddingLeft: 12,\n      paddingRight: 12,\n    },\n    option: {\n      paddingTopBottom: 9,\n      paddingLeft: 12,\n      paddingRight: 38,\n    },\n    default: {\n      paddingTopBottom: 11,\n      paddingLeft: 12,\n      paddingRight: 38,\n      height: 40,\n      loading: 24,\n      loadingMargin: 2,\n    },\n  },\n  [Sizes.Large]: {\n    icon: {\n      size: 24,\n      right: 12,\n      top: 11,\n    },\n    tag: {\n      paddingContainer: 4,\n      paddingTopBottom: 4,\n      paddingRight: 8,\n      paddingLeft: 8,\n      gapContainer: 7,\n      gap: 6,\n    },\n    group: {\n      paddingTop: 16,\n      paddingBottom: 16,\n      paddingLeft: 16,\n      paddingRight: 16,\n    },\n    option: {\n      paddingTopBottom: 13,\n      paddingLeft: 16,\n      paddingRight: 38,\n    },\n    default: {\n      paddingTopBottom: 13,\n      paddingLeft: 16,\n      paddingRight: 38,\n      height: 48,\n      loading: 24,\n      loadingMargin: 0,\n    },\n  },\n} as const;\n"],"names":["newConsts","Sizes","consts"],"mappings":"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"}
+{"version":3,"file":"Select.consts.js","sources":["../../../../../../../react-base/src/components/Select/Select.consts.ts"],"sourcesContent":["import { Sizes } from '../../consts';\n\nexport const newConsts = {\n  [Sizes.XSmall]: {\n    prefixPadding: 3,\n    gap: 2,\n    tags: {\n      borderRadius: 3,\n      gap: 4,\n      height: 18,\n      textGap: 4,\n      padding: 5,\n    },\n  },\n  [Sizes.Small]: {\n    prefixPadding: 0,\n    gap: 3,\n    tags: {\n      borderRadius: 4,\n      gap: 6,\n      height: 24,\n      textGap: 4,\n      padding: 5,\n    },\n  },\n  [Sizes.Medium]: {\n    prefixPadding: 2,\n    gap: 5,\n    tags: {\n      borderRadius: 4,\n      gap: 6,\n      height: 28,\n      textGap: 4,\n      padding: 6,\n    },\n  },\n  [Sizes.Large]: {\n    prefixPadding: 4,\n    gap: 7,\n    tags: {\n      borderRadius: 4,\n      gap: 6,\n      height: 32,\n      textGap: 4,\n      padding: 8,\n    },\n  },\n};\n\nexport const consts = {\n  [Sizes.XSmall]: {\n    icon: {\n      size: 16,\n      right: 4,\n      top: 3,\n    },\n    tag: {\n      paddingContainer: 3,\n      paddingTopBottom: 1,\n      paddingRight: 5,\n      paddingLeft: 5,\n      gapContainer: 2,\n      gap: 4,\n    },\n    group: {\n      paddingTop: 6,\n      paddingBottom: 10,\n      paddingLeft: 10,\n      paddingRight: 10,\n    },\n    option: {\n      paddingTopBottom: 5,\n      paddingLeft: 10,\n      paddingRight: 30,\n    },\n    default: {\n      paddingTopBottom: 3,\n      paddingLeft: 8,\n      paddingRight: 30,\n      height: 24,\n      loading: 16,\n      loadingMargin: 4,\n    },\n  },\n  [Sizes.Small]: {\n    icon: {\n      size: 16,\n      right: 6,\n      top: 3,\n    },\n    tag: {\n      paddingContainer: 0,\n      paddingTopBottom: 2,\n      paddingRight: 5,\n      paddingLeft: 5,\n      gapContainer: 3,\n      gap: 4,\n    },\n    group: {\n      paddingTop: 6,\n      paddingBottom: 10,\n      paddingLeft: 10,\n      paddingRight: 10,\n    },\n    option: {\n      paddingTopBottom: 5,\n      paddingLeft: 10,\n      paddingRight: 38,\n    },\n    default: {\n      paddingTopBottom: 7,\n      paddingLeft: 10,\n      paddingRight: 38,\n      height: 32,\n      loading: 16,\n      loadingMargin: 2,\n    },\n  },\n  [Sizes.Medium]: {\n    icon: {\n      size: 24,\n      right: 8,\n      top: 7,\n    },\n    tag: {\n      paddingContainer: 2,\n      paddingTopBottom: 4,\n      paddingRight: 5,\n      paddingLeft: 5,\n      gapContainer: 5,\n      gap: 6,\n    },\n    group: {\n      paddingTop: 12,\n      paddingBottom: 12,\n      paddingLeft: 12,\n      paddingRight: 12,\n    },\n    option: {\n      paddingTopBottom: 9,\n      paddingLeft: 12,\n      paddingRight: 38,\n    },\n    default: {\n      paddingTopBottom: 11,\n      paddingLeft: 12,\n      paddingRight: 38,\n      height: 40,\n      loading: 24,\n      loadingMargin: 2,\n    },\n  },\n  [Sizes.Large]: {\n    icon: {\n      size: 24,\n      right: 12,\n      top: 11,\n    },\n    tag: {\n      paddingContainer: 4,\n      paddingTopBottom: 4,\n      paddingRight: 8,\n      paddingLeft: 8,\n      gapContainer: 7,\n      gap: 6,\n    },\n    group: {\n      paddingTop: 16,\n      paddingBottom: 16,\n      paddingLeft: 16,\n      paddingRight: 16,\n    },\n    option: {\n      paddingTopBottom: 13,\n      paddingLeft: 16,\n      paddingRight: 38,\n    },\n    default: {\n      paddingTopBottom: 13,\n      paddingLeft: 16,\n      paddingRight: 38,\n      height: 48,\n      loading: 24,\n      loadingMargin: 0,\n    },\n  },\n} as const;\n"],"names":["newConsts","Sizes"],"mappings":";AAEO,MAAMA,IAAY;AAAA,EACvB,CAACC,EAAM,MAAM,GAAG;AAAA,IACd,eAAe;AAAA,IACf,KAAK;AAAA,IACL,MAAM;AAAA,MACJ,cAAc;AAAA,MACd,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,SAAS;AAAA,IAAA;AAAA,EACX;AAAA,EAEF,CAACA,EAAM,KAAK,GAAG;AAAA,IACb,eAAe;AAAA,IACf,KAAK;AAAA,IACL,MAAM;AAAA,MACJ,cAAc;AAAA,MACd,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,SAAS;AAAA,IAAA;AAAA,EACX;AAAA,EAEF,CAACA,EAAM,MAAM,GAAG;AAAA,IACd,eAAe;AAAA,IACf,KAAK;AAAA,IACL,MAAM;AAAA,MACJ,cAAc;AAAA,MACd,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,SAAS;AAAA,IAAA;AAAA,EACX;AAAA,EAEF,CAACA,EAAM,KAAK,GAAG;AAAA,IACb,eAAe;AAAA,IACf,KAAK;AAAA,IACL,MAAM;AAAA,MACJ,cAAc;AAAA,MACd,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;AAGGA,EAAM,SAAN,IAkCAA,EAAM,QAAN,IAkCAA,EAAM,SAAN,IAkCAA,EAAM,QAAN;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Select.utils.d.ts","sourceRoot":"","sources":["../../../../../../../react-base/src/components/Select/Select.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAGxF,eAAO,MAAM,iBAAiB,SAAU,SAAS,KAAG,IAAI,IAAI,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAqI,CAAC;AAEtO,eAAO,MAAM,YAAY,SAAU,SAAS,KAAG,IAAI,IAAI,KAAK,CAAC,YAAY,CAAC,YAAY,CAAgI,CAAC;AAGvN,eAAO,MAAM,QAAQ,YAAa,OAAO,KAAG,MAAM,IAAI,OAAO,GAAG;IAAE,OAAO,EAAE,KAAK,CAAA;CAAsD,CAAC;AAEvI,eAAO,MAAM,eAAe,SAAU,SAAS,YAAY,MAAM,SAAS,MAAM,KAAG,OAAO,EAqCzF,CAAC;AAEF,eAAO,MAAM,eAAe,WAAY,YAAY,YAAY,MAAM,SAAS,MAAM,KAAG,OAiBvF,CAAC;AAEF,eAAO,MAAM,iBAAiB,YAAa,YAAY,EAAE,YAAY,MAAM,KAAG,OAAO,EAA8E,CAAC"}
+{"version":3,"file":"Select.utils.d.ts","sourceRoot":"","sources":["../../../../../../../react-base/src/components/Select/Select.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAGxF,eAAO,MAAM,iBAAiB,SAAU,SAAS,KAAG,IAAI,IAAI,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAqI,CAAC;AAEtO,eAAO,MAAM,YAAY,SAAU,SAAS,KAAG,IAAI,IAAI,KAAK,CAAC,YAAY,CAAC,YAAY,CAAgI,CAAC;AAGvN,eAAO,MAAM,QAAQ,YAAa,OAAO,KAAG,MAAM,IAAI,OAAO,GAAG;IAAE,OAAO,EAAE,KAAK,CAAA;CAAwE,CAAC;AAEzJ,eAAO,MAAM,eAAe,SAAU,SAAS,YAAY,MAAM,SAAS,MAAM,KAAG,OAAO,EAqCzF,CAAC;AAEF,eAAO,MAAM,eAAe,WAAY,YAAY,YAAY,MAAM,SAAS,MAAM,KAAG,OAiBvF,CAAC;AAEF,eAAO,MAAM,iBAAiB,YAAa,YAAY,EAAE,YAAY,MAAM,KAAG,OAAO,EAA8E,CAAC"}

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

@@ -1,5 +1,5 @@
 import { isValidElement as t } from "react";
-const u = (p) => t(p) && typeof p.type == "function" && "displayName" in p.type && p.type.displayName === "OptionGroup", o = (p) => t(p) && typeof p.type == "function" && "displayName" in p.type && p.type.displayName === "Option", f = (p) => !!p && !p.isGroup && "value" in p, l = (p, s, a) => {
+const u = (p) => t(p) && typeof p.type == "function" && "displayName" in p.type && p.type.displayName === "OptionGroup", o = (p) => t(p) && typeof p.type == "function" && "displayName" in p.type && p.type.displayName === "Option", f = (p) => !!p && !p.isGroup && typeof p.value < "u", l = (p, s, a) => {
   if (u(p)) {
     const r = `${s}-optgrp-${p.key ?? a}`;
     return [
@@ -9,7 +9,7 @@ const u = (p) => t(p) && typeof p.type == "function" && "displayName" in p.type
         disabled: p.props.disabled,
         label: p.props.label ?? p.props.children,
         className: p.props.className,
-        options: (Array.isArray(p.props.children) ? p.props.children.flatMap((i, e) => l(i, r, e)) : l(p.props.children, r, 0)).filter(Boolean)
+        options: (Array.isArray(p.props.children) ? p.props.children.flatMap((e, i) => l(e, r, i)) : l(p.props.children, r, 0)).filter(Boolean)
       }
     ];
   }
@@ -22,14 +22,14 @@ const u = (p) => t(p) && typeof p.type == "function" && "displayName" in p.type
       label: p.props.label ?? p.props.children,
       className: p.props.className
     }
-  ] : t(p) && Array.isArray(p.props.children) ? p.props.children.flatMap((r, i) => l(r, s, i)) : [];
+  ] : t(p) && Array.isArray(p.props.children) ? p.props.children.flatMap((r, e) => l(r, s, e)) : [];
 }, y = (p, s, a) => {
   if ("options" in p) {
     const r = p.key ?? `${s}-optgrp-${p.label}-${a}`;
     return {
       ...p,
       key: r,
-      options: p.options.map((i, e) => y(i, r, e)),
+      options: p.options.map((e, i) => y(e, r, i)),
       isGroup: !0
     };
   }

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

@@ -1 +1 @@
-{"version":3,"file":"Select.utils.js","sources":["../../../../../../../react-base/src/components/Select/Select.utils.ts"],"sourcesContent":["import { isValidElement, ReactNode } from 'react';\n\nimport { IOption, IOptionGroupProps, IOptionParam, IOptionProps } from './Select.types';\n\n\nexport const isNodeOptionGroup = (node: ReactNode): node is React.ReactElement<IOptionGroupProps> => isValidElement(node) && typeof node.type === 'function' && 'displayName' in node.type && node.type.displayName === 'OptionGroup';\n\nexport const isNodeOption = (node: ReactNode): node is React.ReactElement<IOptionProps> => isValidElement(node) && typeof node.type === 'function' && 'displayName' in node.type && node.type.displayName === 'Option';\n\n\nexport const isOption = (option?: IOption): option is IOption & { isGroup: false } => !!option && !option.isGroup && 'value' in option;\n\nexport const convertToOption = (node: ReactNode, selectId: string, index: number): IOption[] => {\n  if (isNodeOptionGroup(node)) {\n    const grpKey = `${selectId}-optgrp-${node.key ?? index}`;\n\n    return [\n      {\n        key: grpKey,\n        isGroup: true,\n        disabled: node.props.disabled,\n        label: node.props.label ?? node.props.children,\n        className: node.props.className,\n        options: (Array.isArray(node.props.children)\n        ? node.props.children.flatMap((opt: ReactNode, idx: number) => convertToOption(opt, grpKey, idx))\n        : convertToOption(node.props.children, grpKey, 0)\n      ).filter(Boolean),\n      },\n    ];\n  }\n    \n  if (isNodeOption(node)) {\n      return [\n        {\n          key: `${selectId}-opt-${node.key ?? index}`,\n          isGroup: false,\n          value: node.props.value,\n          disabled: node.props.disabled,\n          label: node.props.label ?? node.props.children,\n          className: node.props.className,\n        },\n      ];\n  }\n\n  if (isValidElement(node) && Array.isArray(node.props.children)) {\n    return node.props.children.flatMap((opt: ReactNode, idx: number) => convertToOption(opt, selectId, idx));\n  }\n\n  return [];\n};\n\nexport const ensureOptionKey = (option: IOptionParam, selectId: string, index: number): IOption => {\n  if ('options' in option) {\n    const grpKey = option.key ?? `${selectId}-optgrp-${option.label}-${index}`;\n\n    return {\n      ...option,\n      key: grpKey,\n      options: option.options.map((opt, idx) => ensureOptionKey(opt, grpKey, idx)),\n      isGroup: true,\n    };\n  }\n\n  return {\n    ...option,\n    key: option.key ?? `${selectId}-opt-${option.value}-${index}`,\n    isGroup: false,\n  };\n};\n\nexport const ensureOptionsKeys = (options: IOptionParam[], selectId: string): IOption[] => options.map((option, index) => ensureOptionKey(option, selectId, index));"],"names":["isNodeOptionGroup","node","isValidElement","isNodeOption","isOption","option","convertToOption","selectId","index","grpKey","opt","idx","ensureOptionKey","ensureOptionsKeys","options"],"mappings":";AAKO,MAAMA,IAAoB,CAACC,MAAmEC,EAAeD,CAAI,KAAK,OAAOA,EAAK,QAAS,cAAc,iBAAiBA,EAAK,QAAQA,EAAK,KAAK,gBAAgB,eAE3ME,IAAe,CAACF,MAA8DC,EAAeD,CAAI,KAAK,OAAOA,EAAK,QAAS,cAAc,iBAAiBA,EAAK,QAAQA,EAAK,KAAK,gBAAgB,UAGjMG,IAAW,CAACC,MAA6D,CAAC,CAACA,KAAU,CAACA,EAAO,WAAW,WAAWA,GAEnHC,IAAkB,CAACL,GAAiBM,GAAkBC,MAA6B;AAC9F,MAAIR,EAAkBC,CAAI,GAAG;AAC3B,UAAMQ,IAAS,GAAGF,CAAQ,WAAWN,EAAK,OAAOO,CAAK;AAEtD,WAAO;AAAA,MACL;AAAA,QACE,KAAKC;AAAA,QACL,SAAS;AAAA,QACT,UAAUR,EAAK,MAAM;AAAA,QACrB,OAAOA,EAAK,MAAM,SAASA,EAAK,MAAM;AAAA,QACtC,WAAWA,EAAK,MAAM;AAAA,QACtB,UAAU,MAAM,QAAQA,EAAK,MAAM,QAAQ,IACzCA,EAAK,MAAM,SAAS,QAAQ,CAACS,GAAgBC,MAAgBL,EAAgBI,GAAKD,GAAQE,CAAG,CAAC,IAC9FL,EAAgBL,EAAK,MAAM,UAAUQ,GAAQ,CAAC,GAChD,OAAO,OAAO;AAAA,MAAA;AAAA,IAChB;AAAA,EAEJ;AAEA,SAAIN,EAAaF,CAAI,IACV;AAAA,IACL;AAAA,MACE,KAAK,GAAGM,CAAQ,QAAQN,EAAK,OAAOO,CAAK;AAAA,MACzC,SAAS;AAAA,MACT,OAAOP,EAAK,MAAM;AAAA,MAClB,UAAUA,EAAK,MAAM;AAAA,MACrB,OAAOA,EAAK,MAAM,SAASA,EAAK,MAAM;AAAA,MACtC,WAAWA,EAAK,MAAM;AAAA,IAAA;AAAA,EACxB,IAIFC,EAAeD,CAAI,KAAK,MAAM,QAAQA,EAAK,MAAM,QAAQ,IACpDA,EAAK,MAAM,SAAS,QAAQ,CAACS,GAAgBC,MAAgBL,EAAgBI,GAAKH,GAAUI,CAAG,CAAC,IAGlG,CAAA;AACT,GAEaC,IAAkB,CAACP,GAAsBE,GAAkBC,MAA2B;AACjG,MAAI,aAAaH,GAAQ;AACvB,UAAMI,IAASJ,EAAO,OAAO,GAAGE,CAAQ,WAAWF,EAAO,KAAK,IAAIG,CAAK;AAExE,WAAO;AAAA,MACL,GAAGH;AAAA,MACH,KAAKI;AAAA,MACL,SAASJ,EAAO,QAAQ,IAAI,CAACK,GAAKC,MAAQC,EAAgBF,GAAKD,GAAQE,CAAG,CAAC;AAAA,MAC3E,SAAS;AAAA,IAAA;AAAA,EAEb;AAEA,SAAO;AAAA,IACL,GAAGN;AAAA,IACH,KAAKA,EAAO,OAAO,GAAGE,CAAQ,QAAQF,EAAO,KAAK,IAAIG,CAAK;AAAA,IAC3D,SAAS;AAAA,EAAA;AAEb,GAEaK,IAAoB,CAACC,GAAyBP,MAAgCO,EAAQ,IAAI,CAACT,GAAQG,MAAUI,EAAgBP,GAAQE,GAAUC,CAAK,CAAC;"}
+{"version":3,"file":"Select.utils.js","sources":["../../../../../../../react-base/src/components/Select/Select.utils.ts"],"sourcesContent":["import { isValidElement, ReactNode } from 'react';\n\nimport { IOption, IOptionGroupProps, IOptionParam, IOptionProps } from './Select.types';\n\n\nexport const isNodeOptionGroup = (node: ReactNode): node is React.ReactElement<IOptionGroupProps> => isValidElement(node) && typeof node.type === 'function' && 'displayName' in node.type && node.type.displayName === 'OptionGroup';\n\nexport const isNodeOption = (node: ReactNode): node is React.ReactElement<IOptionProps> => isValidElement(node) && typeof node.type === 'function' && 'displayName' in node.type && node.type.displayName === 'Option';\n\n\nexport const isOption = (option?: IOption): option is IOption & { isGroup: false } => !!option && !option.isGroup && typeof option.value !== 'undefined';\n\nexport const convertToOption = (node: ReactNode, selectId: string, index: number): IOption[] => {\n  if (isNodeOptionGroup(node)) {\n    const grpKey = `${selectId}-optgrp-${node.key ?? index}`;\n\n    return [\n      {\n        key: grpKey,\n        isGroup: true,\n        disabled: node.props.disabled,\n        label: node.props.label ?? node.props.children,\n        className: node.props.className,\n        options: (Array.isArray(node.props.children)\n        ? node.props.children.flatMap((opt: ReactNode, idx: number) => convertToOption(opt, grpKey, idx))\n        : convertToOption(node.props.children, grpKey, 0)\n      ).filter(Boolean),\n      },\n    ];\n  }\n    \n  if (isNodeOption(node)) {\n      return [\n        {\n          key: `${selectId}-opt-${node.key ?? index}`,\n          isGroup: false,\n          value: node.props.value,\n          disabled: node.props.disabled,\n          label: node.props.label ?? node.props.children,\n          className: node.props.className,\n        },\n      ];\n  }\n\n  if (isValidElement(node) && Array.isArray(node.props.children)) {\n    return node.props.children.flatMap((opt: ReactNode, idx: number) => convertToOption(opt, selectId, idx));\n  }\n\n  return [];\n};\n\nexport const ensureOptionKey = (option: IOptionParam, selectId: string, index: number): IOption => {\n  if ('options' in option) {\n    const grpKey = option.key ?? `${selectId}-optgrp-${option.label}-${index}`;\n\n    return {\n      ...option,\n      key: grpKey,\n      options: option.options.map((opt, idx) => ensureOptionKey(opt, grpKey, idx)),\n      isGroup: true,\n    };\n  }\n\n  return {\n    ...option,\n    key: option.key ?? `${selectId}-opt-${option.value}-${index}`,\n    isGroup: false,\n  };\n};\n\nexport const ensureOptionsKeys = (options: IOptionParam[], selectId: string): IOption[] => options.map((option, index) => ensureOptionKey(option, selectId, index));"],"names":["isNodeOptionGroup","node","isValidElement","isNodeOption","isOption","option","convertToOption","selectId","index","grpKey","opt","idx","ensureOptionKey","ensureOptionsKeys","options"],"mappings":";AAKO,MAAMA,IAAoB,CAACC,MAAmEC,EAAeD,CAAI,KAAK,OAAOA,EAAK,QAAS,cAAc,iBAAiBA,EAAK,QAAQA,EAAK,KAAK,gBAAgB,eAE3ME,IAAe,CAACF,MAA8DC,EAAeD,CAAI,KAAK,OAAOA,EAAK,QAAS,cAAc,iBAAiBA,EAAK,QAAQA,EAAK,KAAK,gBAAgB,UAGjMG,IAAW,CAACC,MAA6D,CAAC,CAACA,KAAU,CAACA,EAAO,WAAW,OAAOA,EAAO,QAAU,KAEhIC,IAAkB,CAACL,GAAiBM,GAAkBC,MAA6B;AAC9F,MAAIR,EAAkBC,CAAI,GAAG;AAC3B,UAAMQ,IAAS,GAAGF,CAAQ,WAAWN,EAAK,OAAOO,CAAK;AAEtD,WAAO;AAAA,MACL;AAAA,QACE,KAAKC;AAAA,QACL,SAAS;AAAA,QACT,UAAUR,EAAK,MAAM;AAAA,QACrB,OAAOA,EAAK,MAAM,SAASA,EAAK,MAAM;AAAA,QACtC,WAAWA,EAAK,MAAM;AAAA,QACtB,UAAU,MAAM,QAAQA,EAAK,MAAM,QAAQ,IACzCA,EAAK,MAAM,SAAS,QAAQ,CAACS,GAAgBC,MAAgBL,EAAgBI,GAAKD,GAAQE,CAAG,CAAC,IAC9FL,EAAgBL,EAAK,MAAM,UAAUQ,GAAQ,CAAC,GAChD,OAAO,OAAO;AAAA,MAAA;AAAA,IAChB;AAAA,EAEJ;AAEA,SAAIN,EAAaF,CAAI,IACV;AAAA,IACL;AAAA,MACE,KAAK,GAAGM,CAAQ,QAAQN,EAAK,OAAOO,CAAK;AAAA,MACzC,SAAS;AAAA,MACT,OAAOP,EAAK,MAAM;AAAA,MAClB,UAAUA,EAAK,MAAM;AAAA,MACrB,OAAOA,EAAK,MAAM,SAASA,EAAK,MAAM;AAAA,MACtC,WAAWA,EAAK,MAAM;AAAA,IAAA;AAAA,EACxB,IAIFC,EAAeD,CAAI,KAAK,MAAM,QAAQA,EAAK,MAAM,QAAQ,IACpDA,EAAK,MAAM,SAAS,QAAQ,CAACS,GAAgBC,MAAgBL,EAAgBI,GAAKH,GAAUI,CAAG,CAAC,IAGlG,CAAA;AACT,GAEaC,IAAkB,CAACP,GAAsBE,GAAkBC,MAA2B;AACjG,MAAI,aAAaH,GAAQ;AACvB,UAAMI,IAASJ,EAAO,OAAO,GAAGE,CAAQ,WAAWF,EAAO,KAAK,IAAIG,CAAK;AAExE,WAAO;AAAA,MACL,GAAGH;AAAA,MACH,KAAKI;AAAA,MACL,SAASJ,EAAO,QAAQ,IAAI,CAACK,GAAKC,MAAQC,EAAgBF,GAAKD,GAAQE,CAAG,CAAC;AAAA,MAC3E,SAAS;AAAA,IAAA;AAAA,EAEb;AAEA,SAAO;AAAA,IACL,GAAGN;AAAA,IACH,KAAKA,EAAO,OAAO,GAAGE,CAAQ,QAAQF,EAAO,KAAK,IAAIG,CAAK;AAAA,IAC3D,SAAS;AAAA,EAAA;AAEb,GAEaK,IAAoB,CAACC,GAAyBP,MAAgCO,EAAQ,IAAI,CAACT,GAAQG,MAAUI,EAAgBP,GAAQE,GAAUC,CAAK,CAAC;"}

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

@@ -19,7 +19,7 @@ export declare const useProps: ({ size, shape, variant, sentiment, closeButton,
     iconOnly: boolean;
 };
 export declare const getLayer: (theme: Theme, sentiment: Sentiment, variant: Variant) => import("../../theme").VariableValues;
-export declare const useStyles: ({ theme, sentiment, variant, size, icon, iconOnly, shape }: UseStyleProps) => {
+export declare const useStyles: ({ theme, sentiment, variant, size, icon, iconOnly, iconPosition, shape }: UseStyleProps) => {
     minHeight: number;
     paddingInline: number;
     labelPaddingInline: string;

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

@@ -1 +1 @@
-{"version":3,"file":"Tag.utils.d.ts","sourceRoot":"","sources":["../../../../../../../react-base/src/components/Tag/Tag.utils.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC1E,OAAO,EAAE,KAAK,EAAa,MAAM,aAAa,CAAC;AAG/C,eAAO,MAAM,aAAa,aAAc,OAAO,wCAU9C,CAAC;AAEF,eAAO,MAAM,eAAe,YAAa,OAAO;;;CAG9C,CAAC;AAEH,eAAO,MAAM,QAAQ,qGAUlB,QAAQ;;;;;;;;;;;;CAUT,CAAC;AAEH,eAAO,MAAM,QAAQ,UAAW,KAAK,aAAa,SAAS,WAAW,OAAO,yCACJ,CAAC;AAE1E,eAAO,MAAM,SAAS,+DAAgE,aAAa;;;;;;;;;;;;CAuBlG,CAAC"}
+{"version":3,"file":"Tag.utils.d.ts","sourceRoot":"","sources":["../../../../../../../react-base/src/components/Tag/Tag.utils.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC1E,OAAO,EAAE,KAAK,EAAa,MAAM,aAAa,CAAC;AAG/C,eAAO,MAAM,aAAa,aAAc,OAAO,wCAU9C,CAAC;AAEF,eAAO,MAAM,eAAe,YAAa,OAAO;;;CAG9C,CAAC;AAEH,eAAO,MAAM,QAAQ,qGAUlB,QAAQ;;;;;;;;;;;;CAUT,CAAC;AAEH,eAAO,MAAM,QAAQ,UAAW,KAAK,aAAa,SAAS,WAAW,OAAO,yCACJ,CAAC;AAE1E,eAAO,MAAM,SAAS,6EAA8E,aAAa;;;;;;;;;;;;CAuBhH,CAAC"}

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

@@ -1,61 +1,61 @@
 import { FabricsVariables as c } from "acinguiux-ds-fabrics";
-import { Positions as g, NOOP_VOID as S, Variants as a, Shapes as b, Sizes as P } from "../../consts/index.js";
-import { Variables as u } from "../../theme/types/layer.js";
-import { consts as t } from "./Tag.consts.js";
-const f = (r) => {
-  switch (r) {
-    case a.Outlined:
+import { Positions as s, NOOP_VOID as b, Variants as d, Shapes as P, Sizes as f } from "../../consts/index.js";
+import { Variables as S } from "../../theme/types/layer.js";
+import { consts as r } from "./Tag.consts.js";
+const I = (t) => {
+  switch (t) {
+    case d.Outlined:
       return c.SentimentProminences.Transparent;
-    case a.Subtle:
+    case d.Subtle:
       return c.SentimentProminences.Subtle;
-    case a.Filled:
+    case d.Filled:
     default:
       return c.SentimentProminences.Strong;
   }
-}, O = (r) => ({
-  borderWidth: r === a.Outlined ? 1 : 0,
+}, O = (t) => ({
+  borderWidth: t === d.Outlined ? 1 : 0,
   borderStyle: "solid"
-}), k = ({
-  size: r = P.Medium,
-  shape: o = b.Square,
-  variant: i = a.Filled,
+}), V = ({
+  size: t = f.Medium,
+  shape: o = P.Square,
+  variant: i = d.Filled,
   sentiment: n = c.Sentiments.Neutral,
   closeButton: m = !1,
-  onCloseClick: s = S,
-  iconPosition: e = g.Left,
-  iconOnly: l = !1,
-  ...d
+  onCloseClick: g = b,
+  iconPosition: a = s.Left,
+  iconOnly: e = !1,
+  ...l
 }) => ({
-  size: r,
+  size: t,
   shape: o,
   variant: i,
   sentiment: n,
   closeButton: m,
-  onCloseClick: s,
-  iconPosition: e,
-  iconOnly: l,
-  ...d
-}), p = (r, o, i) => r.layer({ sentiment: o, sentimentProminence: f(i) }), V = ({ theme: r, sentiment: o, variant: i, size: n, icon: m, iconOnly: s, shape: e }) => {
-  const l = p(r, o, i);
-  let d = `${t[n][e].labelPaddingInline}px`;
-  return s ? d = `${t[n][e].iconPaddingInline}px` : m && (d = `${t[n][e].iconPaddingInline}px ${t[n][e].labelPaddingInline}px`), {
-    color: l[u.TextOnSentimentOnBackground],
-    backgroundColor: l[u.BackgroundSentiment],
-    borderColor: l[u.BorderOnSentimentOnBackground],
+  onCloseClick: g,
+  iconPosition: a,
+  iconOnly: e,
+  ...l
+}), p = (t, o, i) => t.layer({ sentiment: o, sentimentProminence: I(i) }), $ = ({ theme: t, sentiment: o, variant: i, size: n, icon: m, iconOnly: g, iconPosition: a, shape: e }) => {
+  const l = p(t, o, i);
+  let u = `${r[n][e].labelPaddingInline}px`;
+  return g ? u = `${r[n][e].iconPaddingInline}px` : m && (u = `${a === "right" ? r[n][e].labelPaddingInline : r[n][e].iconPaddingInline}px ${a === "right" ? r[n][e].iconPaddingInline : r[n][e].labelPaddingInline}px`), {
+    color: l[S.TextOnSentimentOnBackground],
+    backgroundColor: l[S.BackgroundSentiment],
+    borderColor: l[S.BorderOnSentimentOnBackground],
     ...O(i),
-    minHeight: t[n][e].minHeight,
-    paddingInline: t[n][e].paddingInline,
-    labelPaddingInline: d,
-    gap: t[n][e].gap,
-    borderRadius: t[n][e].radius,
-    iconSize: t[n][e].iconSize
+    minHeight: r[n][e].minHeight,
+    paddingInline: r[n][e].paddingInline,
+    labelPaddingInline: u,
+    gap: r[n][e].gap,
+    borderRadius: r[n][e].radius,
+    iconSize: r[n][e].iconSize
   };
 };
 export {
   O as getBorderStyles,
   p as getLayer,
-  f as getProminence,
-  k as useProps,
-  V as useStyles
+  I as getProminence,
+  V as useProps,
+  $ as useStyles
 };
 //# sourceMappingURL=Tag.utils.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tag.utils.js","sources":["../../../../../../../react-base/src/components/Tag/Tag.utils.ts"],"sourcesContent":["import { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport { NOOP_VOID, Positions, Shapes, Sizes, Variants } from '../../consts';\nimport { Sentiment, Variant, UseProps, UseStyleProps } from './Tag.types';\nimport { Theme, Variables } from '../../theme';\nimport { consts } from './Tag.consts';\n\nexport const getProminence = (variant?: Variant) => {\n  switch (variant) {\n    case Variants.Outlined:\n      return FabricsVariables.SentimentProminences.Transparent;\n    case Variants.Subtle:\n      return FabricsVariables.SentimentProminences.Subtle;\n    case Variants.Filled:\n    default:\n      return FabricsVariables.SentimentProminences.Strong;\n  }\n};\n\nexport const getBorderStyles = (variant: Variant) => ({\n  borderWidth: variant === Variants.Outlined ? 1 : 0,\n  borderStyle: 'solid',\n});\n\nexport const useProps = ({\n  size = Sizes.Medium,\n  shape = Shapes.Square,\n  variant = Variants.Filled,\n  sentiment = FabricsVariables.Sentiments.Neutral,\n  closeButton = false,\n  onCloseClick = NOOP_VOID,\n  iconPosition = Positions.Left,\n  iconOnly = false,\n  ...props\n}: UseProps) => ({\n  size,\n  shape,\n  variant,\n  sentiment,\n  closeButton,\n  onCloseClick,\n  iconPosition,\n  iconOnly,\n  ...props,\n});\n\nexport const getLayer = (theme: Theme, sentiment: Sentiment, variant: Variant) =>\n  theme.layer({ sentiment, sentimentProminence: getProminence(variant) });\n\nexport const useStyles = ({ theme, sentiment, variant, size, icon, iconOnly, shape }: UseStyleProps) => {\n  const layer = getLayer(theme, sentiment, variant);\n  let labelPaddingInline = `${consts[size][shape].labelPaddingInline}px`;\n\n  if (iconOnly) {\n    labelPaddingInline = `${consts[size][shape].iconPaddingInline}px`;\n  } else if (icon) {\n    labelPaddingInline = `${consts[size][shape].iconPaddingInline}px ${consts[size][shape].labelPaddingInline}px`;\n  }\n\n  return {\n    color: layer[Variables.TextOnSentimentOnBackground],\n    backgroundColor: layer[Variables.BackgroundSentiment],\n    borderColor: layer[Variables.BorderOnSentimentOnBackground],\n    ...getBorderStyles(variant),\n\n    minHeight: consts[size][shape].minHeight,\n    paddingInline: consts[size][shape].paddingInline,\n    labelPaddingInline,\n    gap: consts[size][shape].gap,\n    borderRadius: consts[size][shape].radius,\n    iconSize: consts[size][shape].iconSize,\n  };\n};\n"],"names":["getProminence","variant","Variants","FabricsVariables","getBorderStyles","useProps","size","Sizes","shape","Shapes","sentiment","closeButton","onCloseClick","NOOP_VOID","iconPosition","Positions","iconOnly","props","getLayer","theme","useStyles","icon","layer","labelPaddingInline","consts","Variables"],"mappings":";;;;AAOO,MAAMA,IAAgB,CAACC,MAAsB;AAClD,UAAQA,GAAA;AAAA,IACN,KAAKC,EAAS;AACZ,aAAOC,EAAiB,qBAAqB;AAAA,IAC/C,KAAKD,EAAS;AACZ,aAAOC,EAAiB,qBAAqB;AAAA,IAC/C,KAAKD,EAAS;AAAA,IACd;AACE,aAAOC,EAAiB,qBAAqB;AAAA,EAAA;AAEnD,GAEaC,IAAkB,CAACH,OAAsB;AAAA,EACpD,aAAaA,MAAYC,EAAS,WAAW,IAAI;AAAA,EACjD,aAAa;AACf,IAEaG,IAAW,CAAC;AAAA,EACvB,MAAAC,IAAOC,EAAM;AAAA,EACb,OAAAC,IAAQC,EAAO;AAAA,EACf,SAAAR,IAAUC,EAAS;AAAA,EACnB,WAAAQ,IAAYP,EAAiB,WAAW;AAAA,EACxC,aAAAQ,IAAc;AAAA,EACd,cAAAC,IAAeC;AAAA,EACf,cAAAC,IAAeC,EAAU;AAAA,EACzB,UAAAC,IAAW;AAAA,EACX,GAAGC;AACL,OAAiB;AAAA,EACf,MAAAX;AAAA,EACA,OAAAE;AAAA,EACA,SAAAP;AAAA,EACA,WAAAS;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAE;AAAA,EACA,UAAAE;AAAA,EACA,GAAGC;AACL,IAEaC,IAAW,CAACC,GAAcT,GAAsBT,MAC3DkB,EAAM,MAAM,EAAE,WAAAT,GAAW,qBAAqBV,EAAcC,CAAO,GAAG,GAE3DmB,IAAY,CAAC,EAAE,OAAAD,GAAO,WAAAT,GAAW,SAAAT,GAAS,MAAAK,GAAM,MAAAe,GAAM,UAAAL,GAAU,OAAAR,QAA2B;AACtG,QAAMc,IAAQJ,EAASC,GAAOT,GAAWT,CAAO;AAChD,MAAIsB,IAAqB,GAAGC,EAAOlB,CAAI,EAAEE,CAAK,EAAE,kBAAkB;AAElE,SAAIQ,IACFO,IAAqB,GAAGC,EAAOlB,CAAI,EAAEE,CAAK,EAAE,iBAAiB,OACpDa,MACTE,IAAqB,GAAGC,EAAOlB,CAAI,EAAEE,CAAK,EAAE,iBAAiB,MAAMgB,EAAOlB,CAAI,EAAEE,CAAK,EAAE,kBAAkB,OAGpG;AAAA,IACL,OAAOc,EAAMG,EAAU,2BAA2B;AAAA,IAClD,iBAAiBH,EAAMG,EAAU,mBAAmB;AAAA,IACpD,aAAaH,EAAMG,EAAU,6BAA6B;AAAA,IAC1D,GAAGrB,EAAgBH,CAAO;AAAA,IAE1B,WAAWuB,EAAOlB,CAAI,EAAEE,CAAK,EAAE;AAAA,IAC/B,eAAegB,EAAOlB,CAAI,EAAEE,CAAK,EAAE;AAAA,IACnC,oBAAAe;AAAA,IACA,KAAKC,EAAOlB,CAAI,EAAEE,CAAK,EAAE;AAAA,IACzB,cAAcgB,EAAOlB,CAAI,EAAEE,CAAK,EAAE;AAAA,IAClC,UAAUgB,EAAOlB,CAAI,EAAEE,CAAK,EAAE;AAAA,EAAA;AAElC;"}
+{"version":3,"file":"Tag.utils.js","sources":["../../../../../../../react-base/src/components/Tag/Tag.utils.ts"],"sourcesContent":["import { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport { NOOP_VOID, Positions, Shapes, Sizes, Variants } from '../../consts';\nimport { Sentiment, Variant, UseProps, UseStyleProps } from './Tag.types';\nimport { Theme, Variables } from '../../theme';\nimport { consts } from './Tag.consts';\n\nexport const getProminence = (variant?: Variant) => {\n  switch (variant) {\n    case Variants.Outlined:\n      return FabricsVariables.SentimentProminences.Transparent;\n    case Variants.Subtle:\n      return FabricsVariables.SentimentProminences.Subtle;\n    case Variants.Filled:\n    default:\n      return FabricsVariables.SentimentProminences.Strong;\n  }\n};\n\nexport const getBorderStyles = (variant: Variant) => ({\n  borderWidth: variant === Variants.Outlined ? 1 : 0,\n  borderStyle: 'solid',\n});\n\nexport const useProps = ({\n  size = Sizes.Medium,\n  shape = Shapes.Square,\n  variant = Variants.Filled,\n  sentiment = FabricsVariables.Sentiments.Neutral,\n  closeButton = false,\n  onCloseClick = NOOP_VOID,\n  iconPosition = Positions.Left,\n  iconOnly = false,\n  ...props\n}: UseProps) => ({\n  size,\n  shape,\n  variant,\n  sentiment,\n  closeButton,\n  onCloseClick,\n  iconPosition,\n  iconOnly,\n  ...props,\n});\n\nexport const getLayer = (theme: Theme, sentiment: Sentiment, variant: Variant) =>\n  theme.layer({ sentiment, sentimentProminence: getProminence(variant) });\n\nexport const useStyles = ({ theme, sentiment, variant, size, icon, iconOnly, iconPosition, shape }: UseStyleProps) => {\n  const layer = getLayer(theme, sentiment, variant);\n  let labelPaddingInline = `${consts[size][shape].labelPaddingInline}px`;\n\n  if (iconOnly) {\n    labelPaddingInline = `${consts[size][shape].iconPaddingInline}px`;\n  } else if (icon) {\n    labelPaddingInline = `${iconPosition === 'right' ? consts[size][shape].labelPaddingInline : consts[size][shape].iconPaddingInline}px ${iconPosition === 'right' ? consts[size][shape].iconPaddingInline : consts[size][shape].labelPaddingInline}px`;\n  }\n\n  return {\n    color: layer[Variables.TextOnSentimentOnBackground],\n    backgroundColor: layer[Variables.BackgroundSentiment],\n    borderColor: layer[Variables.BorderOnSentimentOnBackground],\n    ...getBorderStyles(variant),\n\n    minHeight: consts[size][shape].minHeight,\n    paddingInline: consts[size][shape].paddingInline,\n    labelPaddingInline,\n    gap: consts[size][shape].gap,\n    borderRadius: consts[size][shape].radius,\n    iconSize: consts[size][shape].iconSize,\n  };\n};\n"],"names":["getProminence","variant","Variants","FabricsVariables","getBorderStyles","useProps","size","Sizes","shape","Shapes","sentiment","closeButton","onCloseClick","NOOP_VOID","iconPosition","Positions","iconOnly","props","getLayer","theme","useStyles","icon","layer","labelPaddingInline","consts","Variables"],"mappings":";;;;AAOO,MAAMA,IAAgB,CAACC,MAAsB;AAClD,UAAQA,GAAA;AAAA,IACN,KAAKC,EAAS;AACZ,aAAOC,EAAiB,qBAAqB;AAAA,IAC/C,KAAKD,EAAS;AACZ,aAAOC,EAAiB,qBAAqB;AAAA,IAC/C,KAAKD,EAAS;AAAA,IACd;AACE,aAAOC,EAAiB,qBAAqB;AAAA,EAAA;AAEnD,GAEaC,IAAkB,CAACH,OAAsB;AAAA,EACpD,aAAaA,MAAYC,EAAS,WAAW,IAAI;AAAA,EACjD,aAAa;AACf,IAEaG,IAAW,CAAC;AAAA,EACvB,MAAAC,IAAOC,EAAM;AAAA,EACb,OAAAC,IAAQC,EAAO;AAAA,EACf,SAAAR,IAAUC,EAAS;AAAA,EACnB,WAAAQ,IAAYP,EAAiB,WAAW;AAAA,EACxC,aAAAQ,IAAc;AAAA,EACd,cAAAC,IAAeC;AAAA,EACf,cAAAC,IAAeC,EAAU;AAAA,EACzB,UAAAC,IAAW;AAAA,EACX,GAAGC;AACL,OAAiB;AAAA,EACf,MAAAX;AAAA,EACA,OAAAE;AAAA,EACA,SAAAP;AAAA,EACA,WAAAS;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAE;AAAA,EACA,UAAAE;AAAA,EACA,GAAGC;AACL,IAEaC,IAAW,CAACC,GAAcT,GAAsBT,MAC3DkB,EAAM,MAAM,EAAE,WAAAT,GAAW,qBAAqBV,EAAcC,CAAO,GAAG,GAE3DmB,IAAY,CAAC,EAAE,OAAAD,GAAO,WAAAT,GAAW,SAAAT,GAAS,MAAAK,GAAM,MAAAe,GAAM,UAAAL,GAAU,cAAAF,GAAc,OAAAN,QAA2B;AACpH,QAAMc,IAAQJ,EAASC,GAAOT,GAAWT,CAAO;AAChD,MAAIsB,IAAqB,GAAGC,EAAOlB,CAAI,EAAEE,CAAK,EAAE,kBAAkB;AAElE,SAAIQ,IACFO,IAAqB,GAAGC,EAAOlB,CAAI,EAAEE,CAAK,EAAE,iBAAiB,OACpDa,MACTE,IAAqB,GAAGT,MAAiB,UAAUU,EAAOlB,CAAI,EAAEE,CAAK,EAAE,qBAAqBgB,EAAOlB,CAAI,EAAEE,CAAK,EAAE,iBAAiB,MAAMM,MAAiB,UAAUU,EAAOlB,CAAI,EAAEE,CAAK,EAAE,oBAAoBgB,EAAOlB,CAAI,EAAEE,CAAK,EAAE,kBAAkB,OAG3O;AAAA,IACL,OAAOc,EAAMG,EAAU,2BAA2B;AAAA,IAClD,iBAAiBH,EAAMG,EAAU,mBAAmB;AAAA,IACpD,aAAaH,EAAMG,EAAU,6BAA6B;AAAA,IAC1D,GAAGrB,EAAgBH,CAAO;AAAA,IAE1B,WAAWuB,EAAOlB,CAAI,EAAEE,CAAK,EAAE;AAAA,IAC/B,eAAegB,EAAOlB,CAAI,EAAEE,CAAK,EAAE;AAAA,IACnC,oBAAAe;AAAA,IACA,KAAKC,EAAOlB,CAAI,EAAEE,CAAK,EAAE;AAAA,IACzB,cAAcgB,EAAOlB,CAAI,EAAEE,CAAK,EAAE;AAAA,IAClC,UAAUgB,EAAOlB,CAAI,EAAEE,CAAK,EAAE;AAAA,EAAA;AAElC;"}

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

@@ -1,6 +1,6 @@
 import { Contrasts, Sizes, TextElementTypes } from '../../../../consts';
 export type Contrast = `${Contrasts.Strong | Contrasts.Subtle}`;
-export type Size = `${Sizes.XSmall | Sizes.Small | Sizes.Medium | Sizes.Large | Sizes.XLarge}`;
+export type Size = `${Sizes.Smallest | Sizes.XSmall | Sizes.Small | Sizes.Medium | Sizes.Large | Sizes.XLarge}`;
 export type TextElementType = `${TextElementTypes.Span | TextElementTypes.Label}`;
 export type IProps = {
     size?: Size;

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

@@ -1 +1 @@
-{"version":3,"file":"Label.types.d.ts","sourceRoot":"","sources":["../../../../../../../../../react-base/src/components/Text/components/Label/Label.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAExE,MAAM,MAAM,QAAQ,GAAG,GAAG,SAAS,CAAC,MAAM,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC;AAChE,MAAM,MAAM,IAAI,GAAG,GAAG,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC;AAC/F,MAAM,MAAM,eAAe,GAAG,GAAG,gBAAgB,CAAC,IAAI,GAAG,gBAAgB,CAAC,KAAK,EAAE,CAAC;AAElF,MAAM,MAAM,MAAM,GAAG;IACnB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,eAAe,CAAC;CACxB,CAAC"}
+{"version":3,"file":"Label.types.d.ts","sourceRoot":"","sources":["../../../../../../../../../react-base/src/components/Text/components/Label/Label.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAExE,MAAM,MAAM,QAAQ,GAAG,GAAG,SAAS,CAAC,MAAM,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC;AAChE,MAAM,MAAM,IAAI,GAAG,GAAG,KAAK,CAAC,QAAQ,GAAG,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC;AAChH,MAAM,MAAM,eAAe,GAAG,GAAG,gBAAgB,CAAC,IAAI,GAAG,gBAAgB,CAAC,KAAK,EAAE,CAAC;AAElF,MAAM,MAAM,MAAM,GAAG;IACnB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,eAAe,CAAC;CACxB,CAAC"}

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

@@ -2,7 +2,7 @@ import type { IProps, Size } from './Label.types';
 import type { Theme } from '../../../../theme';
 export declare const font: (size: Size, weight: "normal" | "bold", theme: Theme) => import("../../../../theme").TypographyElementPx;
 export declare const useProps: ({ size, type, contrast, gutter, bold, disabled, ...rest }: IProps) => {
-    $size: "xsmall" | "small" | "medium" | "large" | "xlarge";
+    $size: "smallest" | "xsmall" | "small" | "medium" | "large" | "xlarge";
     $bold: boolean;
     $disabled: boolean;
     $gutter: boolean;

package/build/esm/react-base/src/theme/layer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"layer.d.ts","sourceRoot":"","sources":["../../../../../../react-base/src/theme/layer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAOL,KAAK,OAAO,EAQb,MAAM,eAAe,CAAC;AAyEvB,eAAO,MAAM,YAAY,EAAE,WAAW,CAAC,OAAO,CAiC3C,CAAC"}
+{"version":3,"file":"layer.d.ts","sourceRoot":"","sources":["../../../../../../react-base/src/theme/layer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAOL,KAAK,OAAO,EAQb,MAAM,eAAe,CAAC;AAyEvB,eAAO,MAAM,YAAY,EAAE,WAAW,CAAC,OAAO,CA6B3C,CAAC"}