acinguiux-ds-react-framework 0.1.18 → 0.1.19

package/build/esm/react-base/src/theme/typography.js

@@ -1,128 +1,14 @@
-import { isTypographyWeighted as l } from "./types/typography.js";
-const o = () => ({
-  display: {
-    extraSmall: { fontFamily: "Be Vietnam Pro, sans-serif", fontWeight: 600, fontSize: 32, fontStyle: "normal", letterSpacing: 0, lineHeight: 40, paragraphSpacing: 48 },
-    small: { fontFamily: "Be Vietnam Pro, sans-serif", fontWeight: 600, fontSize: 40, fontStyle: "normal", letterSpacing: 0, lineHeight: 48, paragraphSpacing: 60 },
-    medium: { fontFamily: "Be Vietnam Pro, sans-serif", fontWeight: 600, fontSize: 48, fontStyle: "normal", letterSpacing: 0, lineHeight: 56, paragraphSpacing: 72 },
-    large: { fontFamily: "Be Vietnam Pro, sans-serif", fontWeight: 600, fontSize: 56, fontStyle: "normal", letterSpacing: 0, lineHeight: 68, paragraphSpacing: 84 }
-  },
-  heading: {
-    smallest: { fontFamily: "Be Vietnam Pro, sans-serif", fontWeight: 500, fontSize: 14, fontStyle: "normal", letterSpacing: 0, lineHeight: 16, paragraphSpacing: 20 },
-    extraSmall: { fontFamily: "Be Vietnam Pro, sans-serif", fontWeight: 500, fontSize: 16, fontStyle: "normal", letterSpacing: 0, lineHeight: 20, paragraphSpacing: 24 },
-    small: { fontFamily: "Be Vietnam Pro, sans-serif", fontWeight: 500, fontSize: 20, fontStyle: "normal", letterSpacing: 0, lineHeight: 24, paragraphSpacing: 32 },
-    medium: { fontFamily: "Be Vietnam Pro, sans-serif", fontWeight: 500, fontSize: 24, fontStyle: "normal", letterSpacing: 0, lineHeight: 28, paragraphSpacing: 36 },
-    large: { fontFamily: "Be Vietnam Pro, sans-serif", fontWeight: 500, fontSize: 32, fontStyle: "normal", letterSpacing: 0, lineHeight: 40, paragraphSpacing: 48 },
-    extraLarge: { fontFamily: "Be Vietnam Pro, sans-serif", fontWeight: 500, fontSize: 40, fontStyle: "normal", letterSpacing: 0, lineHeight: 48, paragraphSpacing: 60 }
-  },
-  label: {
-    regular: {
-      smallest: { fontFamily: "system-ui", fontWeight: 400, fontSize: 10, fontStyle: "normal", letterSpacing: 0, lineHeight: 12, paragraphSpacing: 12 },
-      extraSmall: { fontFamily: "system-ui", fontWeight: 400, fontSize: 12, fontStyle: "normal", letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },
-      small: { fontFamily: "system-ui", fontWeight: 400, fontSize: 14, fontStyle: "normal", letterSpacing: 0, lineHeight: 20, paragraphSpacing: 16 },
-      medium: { fontFamily: "system-ui", fontWeight: 400, fontSize: 16, fontStyle: "normal", letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },
-      large: { fontFamily: "system-ui", fontWeight: 400, fontSize: 18, fontStyle: "normal", letterSpacing: 0, lineHeight: 24, paragraphSpacing: 20 }
-    },
-    strong: {
-      smallest: { fontFamily: "system-ui", fontWeight: 700, fontSize: 10, fontStyle: "normal", letterSpacing: 0, lineHeight: 12, paragraphSpacing: 12 },
-      extraSmall: { fontFamily: "system-ui", fontWeight: 700, fontSize: 12, fontStyle: "normal", letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },
-      small: { fontFamily: "system-ui", fontWeight: 700, fontSize: 14, fontStyle: "normal", letterSpacing: 0, lineHeight: 20, paragraphSpacing: 16 },
-      medium: { fontFamily: "system-ui", fontWeight: 700, fontSize: 16, fontStyle: "normal", letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },
-      large: { fontFamily: "system-ui", fontWeight: 700, fontSize: 18, fontStyle: "normal", letterSpacing: 0, lineHeight: 24, paragraphSpacing: 20 }
-    },
-    medium: {
-      smallest: { fontFamily: "system-ui", fontWeight: 500, fontSize: 10, fontStyle: "normal", letterSpacing: 0, lineHeight: 12, paragraphSpacing: 12 },
-      extraSmall: { fontFamily: "system-ui", fontWeight: 500, fontSize: 12, fontStyle: "normal", letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },
-      small: { fontFamily: "system-ui", fontWeight: 500, fontSize: 14, fontStyle: "normal", letterSpacing: 0, lineHeight: 20, paragraphSpacing: 16 },
-      medium: { fontFamily: "system-ui", fontWeight: 500, fontSize: 16, fontStyle: "normal", letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },
-      large: { fontFamily: "system-ui", fontWeight: 500, fontSize: 18, fontStyle: "normal", letterSpacing: 0, lineHeight: 24, paragraphSpacing: 20 }
-    },
-    extraStrong: {
-      smallest: { fontFamily: "system-ui", fontWeight: 800, fontSize: 10, fontStyle: "normal", letterSpacing: 0, lineHeight: 12, paragraphSpacing: 12 },
-      extraSmall: { fontFamily: "system-ui", fontWeight: 800, fontSize: 12, fontStyle: "normal", letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },
-      small: { fontFamily: "system-ui", fontWeight: 800, fontSize: 14, fontStyle: "normal", letterSpacing: 0, lineHeight: 20, paragraphSpacing: 16 },
-      medium: { fontFamily: "system-ui", fontWeight: 800, fontSize: 16, fontStyle: "normal", letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },
-      large: { fontFamily: "system-ui", fontWeight: 800, fontSize: 18, fontStyle: "normal", letterSpacing: 0, lineHeight: 24, paragraphSpacing: 20 }
-    }
-  },
-  paragraph: {
-    regular: {
-      extraLarge: { fontFamily: "Be Vietnam Pro, sans-serif", fontWeight: 400, fontSize: 20, fontStyle: "normal", letterSpacing: 0, lineHeight: 32, paragraphSpacing: 32 },
-      large: { fontFamily: "Be Vietnam Pro, sans-serif", fontWeight: 400, fontSize: 18, fontStyle: "normal", letterSpacing: 0, lineHeight: 28, paragraphSpacing: 28 },
-      medium: { fontFamily: "Be Vietnam Pro, sans-serif", fontWeight: 400, fontSize: 16, fontStyle: "normal", letterSpacing: 0, lineHeight: 24, paragraphSpacing: 24 },
-      small: { fontFamily: "Be Vietnam Pro, sans-serif", fontWeight: 400, fontSize: 14, fontStyle: "normal", letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },
-      extraSmall: { fontFamily: "Be Vietnam Pro, sans-serif", fontWeight: 400, fontSize: 12, fontStyle: "normal", letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 }
-    },
-    strong: {
-      extraLarge: { fontFamily: "Be Vietnam Pro, sans-serif", fontWeight: 600, fontSize: 20, fontStyle: "normal", letterSpacing: 0, lineHeight: 32, paragraphSpacing: 32 },
-      large: { fontFamily: "Be Vietnam Pro, sans-serif", fontWeight: 600, fontSize: 18, fontStyle: "normal", letterSpacing: 0, lineHeight: 28, paragraphSpacing: 28 },
-      medium: { fontFamily: "Be Vietnam Pro, sans-serif", fontWeight: 600, fontSize: 16, fontStyle: "normal", letterSpacing: 0, lineHeight: 24, paragraphSpacing: 24 },
-      small: { fontFamily: "Be Vietnam Pro, sans-serif", fontWeight: 600, fontSize: 14, fontStyle: "normal", letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },
-      extraSmall: { fontFamily: "Be Vietnam Pro, sans-serif", fontWeight: 600, fontSize: 12, fontStyle: "normal", letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 }
-    },
-    medium: {
-      extraLarge: { fontFamily: "Be Vietnam Pro, sans-serif", fontWeight: 500, fontSize: 20, fontStyle: "normal", letterSpacing: 0, lineHeight: 32, paragraphSpacing: 32 },
-      large: { fontFamily: "Be Vietnam Pro, sans-serif", fontWeight: 500, fontSize: 18, fontStyle: "normal", letterSpacing: 0, lineHeight: 28, paragraphSpacing: 28 },
-      medium: { fontFamily: "Be Vietnam Pro, sans-serif", fontWeight: 500, fontSize: 16, fontStyle: "normal", letterSpacing: 0, lineHeight: 24, paragraphSpacing: 24 },
-      small: { fontFamily: "Be Vietnam Pro, sans-serif", fontWeight: 500, fontSize: 14, fontStyle: "normal", letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },
-      extraSmall: { fontFamily: "Be Vietnam Pro, sans-serif", fontWeight: 500, fontSize: 12, fontStyle: "normal", letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 }
-    },
-    extraStrong: {
-      extraLarge: { fontFamily: "Be Vietnam Pro, sans-serif", fontWeight: 700, fontSize: 20, fontStyle: "normal", letterSpacing: 0, lineHeight: 32, paragraphSpacing: 32 },
-      large: { fontFamily: "Be Vietnam Pro, sans-serif", fontWeight: 700, fontSize: 18, fontStyle: "normal", letterSpacing: 0, lineHeight: 28, paragraphSpacing: 28 },
-      medium: { fontFamily: "Be Vietnam Pro, sans-serif", fontWeight: 700, fontSize: 16, fontStyle: "normal", letterSpacing: 0, lineHeight: 24, paragraphSpacing: 24 },
-      small: { fontFamily: "Be Vietnam Pro, sans-serif", fontWeight: 700, fontSize: 14, fontStyle: "normal", letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },
-      extraSmall: { fontFamily: "Be Vietnam Pro, sans-serif", fontWeight: 700, fontSize: 12, fontStyle: "normal", letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 }
-    }
-  }
-}), e = o(), i = (t) => ({
-  ...t,
-  fontWeight: `${t.fontWeight ?? "normal"}`,
-  fontSize: `${t.fontSize ?? 0}px`,
-  lineHeight: `${t.lineHeight ?? 0}px`,
-  paragraphSpacing: `${t.paragraphSpacing ?? 0}px`,
-  letterSpacing: `${t.letterSpacing ?? 0}px`
-}), f = (t, n = "medium", a = "regular") => {
-  if (!e || !e[t])
-    return console.warn(`Typography object or kind "${t}" not available during SSR - using fallback values`), {
-      fontFamily: "Arial, sans-serif",
-      fontStyle: "normal",
-      fontWeight: "normal",
-      fontSize: "16px",
-      lineHeight: "24px",
-      paragraphSpacing: "0px",
-      letterSpacing: "0px"
-    };
-  try {
-    return l(t) ? e[t][a] ? e[t][a][n] ? i(e[t][a][n]) : (console.warn(`Typography size "${n}" not available for kind "${t}" weight "${a}" - using fallback`), {
-      fontFamily: "Arial, sans-serif",
-      fontStyle: "normal",
-      fontWeight: "normal",
-      fontSize: "16px",
-      lineHeight: "24px",
-      paragraphSpacing: "0px",
-      letterSpacing: "0px"
-    }) : (console.warn(`Typography weight "${a}" not available for kind "${t}" - using fallback. Available weights:`, Object.keys(e[t] || {})), {
-      fontFamily: "Arial, sans-serif",
-      fontStyle: "normal",
-      fontWeight: "normal",
-      fontSize: "16px",
-      lineHeight: "24px",
-      paragraphSpacing: "0px",
-      letterSpacing: "0px"
-    }) : i(e[t][n]);
-  } catch (r) {
-    return console.warn(`Error accessing typography values for kind "${t}", size "${n}", weight "${a}" - using fallback`, r), {
-      fontFamily: "Arial, sans-serif",
-      fontStyle: "normal",
-      fontWeight: "normal",
-      fontSize: "16px",
-      lineHeight: "24px",
-      paragraphSpacing: "0px",
-      letterSpacing: "0px"
-    };
-  }
-};
+import { Typography as r } from "acinguiux-ds-fabrics";
+import { isTypographyWeighted as i } from "./types/typography.js";
+const o = (p) => ({
+  ...p,
+  fontWeight: `${p.fontWeight ?? "normal"}`,
+  fontSize: `${p.fontSize ?? 0}px`,
+  lineHeight: `${p.lineHeight ?? 0}px`,
+  paragraphSpacing: `${p.paragraphSpacing ?? 0}px`,
+  letterSpacing: `${p.letterSpacing ?? 0}px`
+}), n = (p, t = "medium", g = "regular") => i(p) ? o(r[p][g][t]) : o(r[p][t]);
 export {
-  f as typography
+  n as typography
 };
 //# sourceMappingURL=typography.js.map

package/build/esm/react-base/src/theme/typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"typography.js","sources":["../../../../../../react-base/src/theme/typography.ts"],"sourcesContent":["import { type TypographyType } from 'acinguiux-ds-fabrics';\n\nimport {\n  isTypographyWeighted,\n  TypographyKind,\n  TypographySize,\n  TypographyWeights,\n  type TypographyElement,\n  type TypographyElementPx,\n  type TypographyFn,\n} from './types/typography';\n\n// SSR-safe Typography fallback\nconst createTypographyFallback = (): TypographyType => ({\n  display: {\n    extraSmall: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 32, fontStyle: 'normal', letterSpacing: 0, lineHeight: 40, paragraphSpacing: 48 },\n    small: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 40, fontStyle: 'normal', letterSpacing: 0, lineHeight: 48, paragraphSpacing: 60 },\n    medium: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 48, fontStyle: 'normal', letterSpacing: 0, lineHeight: 56, paragraphSpacing: 72 },\n    large: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 56, fontStyle: 'normal', letterSpacing: 0, lineHeight: 68, paragraphSpacing: 84 },\n  },\n  heading: {\n    smallest: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 20 },\n    extraSmall: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 24 },\n    small: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 20, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 32 },\n    medium: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 24, fontStyle: 'normal', letterSpacing: 0, lineHeight: 28, paragraphSpacing: 36 },\n    large: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 32, fontStyle: 'normal', letterSpacing: 0, lineHeight: 40, paragraphSpacing: 48 },\n    extraLarge: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 40, fontStyle: 'normal', letterSpacing: 0, lineHeight: 48, paragraphSpacing: 60 },\n  },\n  label: {\n    regular: {\n      smallest: { fontFamily: 'system-ui', fontWeight: 400, fontSize: 10, fontStyle: 'normal', letterSpacing: 0, lineHeight: 12, paragraphSpacing: 12 },\n      extraSmall: { fontFamily: 'system-ui', fontWeight: 400, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n      small: { fontFamily: 'system-ui', fontWeight: 400, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 16 },\n      medium: { fontFamily: 'system-ui', fontWeight: 400, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n      large: { fontFamily: 'system-ui', fontWeight: 400, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 20 },\n    },\n    strong: {\n      smallest: { fontFamily: 'system-ui', fontWeight: 700, fontSize: 10, fontStyle: 'normal', letterSpacing: 0, lineHeight: 12, paragraphSpacing: 12 },\n      extraSmall: { fontFamily: 'system-ui', fontWeight: 700, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n      small: { fontFamily: 'system-ui', fontWeight: 700, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 16 },\n      medium: { fontFamily: 'system-ui', fontWeight: 700, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n      large: { fontFamily: 'system-ui', fontWeight: 700, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 20 },\n    },\n    medium: {\n      smallest: { fontFamily: 'system-ui', fontWeight: 500, fontSize: 10, fontStyle: 'normal', letterSpacing: 0, lineHeight: 12, paragraphSpacing: 12 },\n      extraSmall: { fontFamily: 'system-ui', fontWeight: 500, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n      small: { fontFamily: 'system-ui', fontWeight: 500, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 16 },\n      medium: { fontFamily: 'system-ui', fontWeight: 500, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n      large: { fontFamily: 'system-ui', fontWeight: 500, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 20 },\n    },\n    extraStrong: {\n      smallest: { fontFamily: 'system-ui', fontWeight: 800, fontSize: 10, fontStyle: 'normal', letterSpacing: 0, lineHeight: 12, paragraphSpacing: 12 },\n      extraSmall: { fontFamily: 'system-ui', fontWeight: 800, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n      small: { fontFamily: 'system-ui', fontWeight: 800, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 16 },\n      medium: { fontFamily: 'system-ui', fontWeight: 800, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n      large: { fontFamily: 'system-ui', fontWeight: 800, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 20 },\n    },\n  },\n  paragraph: {\n    regular: {\n      extraLarge: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 400, fontSize: 20, fontStyle: 'normal', letterSpacing: 0, lineHeight: 32, paragraphSpacing: 32 },\n      large: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 400, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 28, paragraphSpacing: 28 },\n      medium: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 400, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 24 },\n      small: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 400, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n      extraSmall: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 400, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n    },\n    strong: {\n      extraLarge: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 20, fontStyle: 'normal', letterSpacing: 0, lineHeight: 32, paragraphSpacing: 32 },\n      large: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 28, paragraphSpacing: 28 },\n      medium: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 24 },\n      small: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n      extraSmall: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n    },\n    medium: {\n      extraLarge: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 20, fontStyle: 'normal', letterSpacing: 0, lineHeight: 32, paragraphSpacing: 32 },\n      large: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 28, paragraphSpacing: 28 },\n      medium: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 24 },\n      small: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n      extraSmall: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n    },\n    extraStrong: {\n      extraLarge: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 700, fontSize: 20, fontStyle: 'normal', letterSpacing: 0, lineHeight: 32, paragraphSpacing: 32 },\n      large: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 700, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 28, paragraphSpacing: 28 },\n      medium: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 700, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 24 },\n      small: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 700, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n      extraSmall: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 700, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n    },\n  },\n} as any);\n\n// Validation function to check if Typography object has required structure\nconst isValidTypography = (typo: any): boolean => {\n  if (!typo || typeof typo !== 'object') {\n    console.warn('[Typography SSR] Typography is not an object:', typo);\n    return false;\n  }\n\n  // Check that all required kinds exist\n  const requiredKinds = ['label', 'paragraph', 'heading', 'display'];\n  for (const kind of requiredKinds) {\n    if (!typo[kind]) {\n      console.warn(`[Typography SSR] Missing kind \"${kind}\" in Typography object`);\n      return false;\n    }\n  }\n\n  // Check that label and paragraph have both regular and strong weights\n  if (!typo.label?.regular || !typo.label?.strong || !typo.paragraph?.regular || !typo.paragraph?.strong) {\n    console.warn('[Typography SSR] Missing required weights. Has label.regular:', !!typo.label?.regular, 'label.strong:', !!typo.label?.strong, 'paragraph.regular:', !!typo.paragraph?.regular, 'paragraph.strong:', !!typo.paragraph?.strong);\n    return false;\n  }\n\n  console.log('[Typography SSR] Typography validation passed');\n  return true;\n};\n\n// Use validated Typography or fallback\n// Always use fallback for SSR safety during Next.js build\nconst safeTypography = createTypographyFallback();\n\nconst transformValuesToPx = <T extends TypographyElement>(value: T): TypographyElementPx => ({\n  ...value,\n  fontWeight: `${value.fontWeight ?? 'normal'}`,\n  fontSize: `${value.fontSize ?? 0}px`,\n  lineHeight: `${value.lineHeight ?? 0}px`,\n  paragraphSpacing: `${value.paragraphSpacing ?? 0}px`,\n  letterSpacing: `${value.letterSpacing ?? 0}px`,\n});\n\n/**\n * typography() is a function that returns a typography element with the specified values.\n *\n * @param kind the typography content type ('label', 'paragraph', 'heading' or 'display')\n * @param size the size of the typography content ('extraSmall', 'small', 'medium', 'large', 'extraLarge' or 'smallest')\n * @param weight the weight of the typography content ('regular' or 'strong')\n * @returns the typography element with the specified values\n *\n * @defaults typography('paragraph', 'medium', 'regular')\n */\nexport const typography: TypographyFn = <\n  Kind extends TypographyKind,\n  Size extends TypographySize<Kind>,\n  Weight extends TypographyWeights<Kind>,\n>(\n  kind: Kind,\n  size = 'medium' as Size,\n  weight = 'regular' as Weight,\n) => {\n  // SSR-safe check for Typography object\n  if (!safeTypography || !safeTypography[kind]) {\n    console.warn(`Typography object or kind \"${kind}\" not available during SSR - using fallback values`);\n    return {\n      fontFamily: 'Arial, sans-serif',\n      fontStyle: 'normal',\n      fontWeight: 'normal',\n      fontSize: '16px',\n      lineHeight: '24px',\n      paragraphSpacing: '0px',\n      letterSpacing: '0px',\n    } as TypographyElementPx;\n  }\n\n  try {\n    if (isTypographyWeighted(kind)) {\n      // Additional safety check for weight\n      if (!safeTypography[kind][weight]) {\n        console.warn(`Typography weight \"${weight}\" not available for kind \"${kind}\" - using fallback. Available weights:`, Object.keys(safeTypography[kind] || {}));\n        return {\n          fontFamily: 'Arial, sans-serif',\n          fontStyle: 'normal',\n          fontWeight: 'normal',\n          fontSize: '16px',\n          lineHeight: '24px',\n          paragraphSpacing: '0px',\n          letterSpacing: '0px',\n        } as TypographyElementPx;\n      }\n      \n      // Additional safety check for size within weight\n      if (!safeTypography[kind][weight][size as keyof TypographyType[Kind][Weight]]) {\n        console.warn(`Typography size \"${size}\" not available for kind \"${kind}\" weight \"${weight}\" - using fallback`);\n        return {\n          fontFamily: 'Arial, sans-serif',\n          fontStyle: 'normal',\n          fontWeight: 'normal',\n          fontSize: '16px',\n          lineHeight: '24px',\n          paragraphSpacing: '0px',\n          letterSpacing: '0px',\n        } as TypographyElementPx;\n      }\n      \n      return transformValuesToPx(safeTypography[kind][weight][size as keyof TypographyType[Kind][Weight]] as TypographyElement);\n    } else {\n      return transformValuesToPx(safeTypography[kind][size as keyof TypographyType[typeof kind]] as TypographyElement);\n    }\n  } catch (error) {\n    console.warn(`Error accessing typography values for kind \"${kind}\", size \"${size}\", weight \"${weight}\" - using fallback`, error);\n    return {\n      fontFamily: 'Arial, sans-serif',\n      fontStyle: 'normal',\n      fontWeight: 'normal',\n      fontSize: '16px',\n      lineHeight: '24px',\n      paragraphSpacing: '0px',\n      letterSpacing: '0px',\n    } as TypographyElementPx;\n  }\n};\n"],"names":["createTypographyFallback","safeTypography","transformValuesToPx","value","typography","kind","size","weight","isTypographyWeighted","error"],"mappings":"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"}
+{"version":3,"file":"typography.js","sources":["../../../../../../react-base/src/theme/typography.ts"],"sourcesContent":["import { Typography, type TypographyType } from 'acinguiux-ds-fabrics';\n\nimport {\n  isTypographyWeighted,\n  TypographyKind,\n  TypographySize,\n  TypographyWeights,\n  type TypographyElement,\n  type TypographyElementPx,\n  type TypographyFn,\n} from './types/typography';\n\nconst transformValuesToPx = <T extends TypographyElement>(value: T): TypographyElementPx => ({\n  ...value,\n  fontWeight: `${value.fontWeight ?? 'normal'}`,\n  fontSize: `${value.fontSize ?? 0}px`,\n  lineHeight: `${value.lineHeight ?? 0}px`,\n  paragraphSpacing: `${value.paragraphSpacing ?? 0}px`,\n  letterSpacing: `${value.letterSpacing ?? 0}px`,\n});\n\n/**\n * typography() is a function that returns a typography element with the specified values.\n *\n * @param kind the typography content type ('label', 'paragraph', 'heading' or 'display')\n * @param size the size of the typography content ('extraSmall', 'small', 'medium', 'large', 'extraLarge' or 'smallest')\n * @param weight the weight of the typography content ('regular' or 'strong')\n * @returns the typography element with the specified values\n *\n * @defaults typography('paragraph', 'medium', 'regular')\n */\nexport const typography: TypographyFn = <\n  Kind extends TypographyKind,\n  Size extends TypographySize<Kind>,\n  Weight extends TypographyWeights<Kind>,\n>(\n  kind: Kind,\n  size = 'medium' as Size,\n  weight = 'regular' as Weight,\n) =>\n  isTypographyWeighted(kind)\n    ? transformValuesToPx(Typography[kind][weight][size as keyof TypographyType[Kind][Weight]] as TypographyElement)\n    : transformValuesToPx(Typography[kind][size as keyof TypographyType[typeof kind]] as TypographyElement);\n"],"names":["transformValuesToPx","value","typography","kind","size","weight","isTypographyWeighted","Typography"],"mappings":";;AAYA,MAAMA,IAAsB,CAA8BC,OAAmC;AAAA,EAC3F,GAAGA;AAAA,EACH,YAAY,GAAGA,EAAM,cAAc,QAAQ;AAAA,EAC3C,UAAU,GAAGA,EAAM,YAAY,CAAC;AAAA,EAChC,YAAY,GAAGA,EAAM,cAAc,CAAC;AAAA,EACpC,kBAAkB,GAAGA,EAAM,oBAAoB,CAAC;AAAA,EAChD,eAAe,GAAGA,EAAM,iBAAiB,CAAC;AAC5C,IAYaC,IAA2B,CAKtCC,GACAC,IAAO,UACPC,IAAS,cAETC,EAAqBH,CAAI,IACrBH,EAAoBO,EAAWJ,CAAI,EAAEE,CAAM,EAAED,CAA0C,CAAsB,IAC7GJ,EAAoBO,EAAWJ,CAAI,EAAEC,CAAyC,CAAsB;"}

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

@@ -1,5 +1,5 @@
 import { Theme } from '../theme';
-export declare const getFocusStyles: (theme: Theme) => import("styled-components").RuleSet<object>;
+export declare const getFocusStyles: (theme: Theme, offset?: boolean) => import("styled-components").RuleSet<object>;
 export declare const getLabelFontStyles: (theme: Theme, disabled?: boolean) => {
     color: string;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"stylesUtils.d.ts","sourceRoot":"","sources":["../../../../../../react-base/src/utils/stylesUtils.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAa,MAAM,UAAU,CAAC;AAE5C,eAAO,MAAM,cAAc,UAAW,KAAK,gDAG1C,CAAC;AAEF,eAAO,MAAM,kBAAkB,UAAW,KAAK,aAAa,OAAO;;CAKjE,CAAC;AAEH,eAAO,MAAM,wBAAwB,UAAW,KAAK,aAAa,OAAO;;;CAMvE,CAAC"}
+{"version":3,"file":"stylesUtils.d.ts","sourceRoot":"","sources":["../../../../../../react-base/src/utils/stylesUtils.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAa,MAAM,UAAU,CAAC;AAE5C,eAAO,MAAM,cAAc,UAAW,KAAK,WAAU,OAAO,gDAG3D,CAAC;AAEF,eAAO,MAAM,kBAAkB,UAAW,KAAK,aAAa,OAAO;;CAKjE,CAAC;AAEH,eAAO,MAAM,wBAAwB,UAAW,KAAK,aAAa,OAAO;;;CAMvE,CAAC"}

package/build/esm/react-base/src/utils/stylesUtils.js

@@ -1,9 +1,9 @@
 import { css as l } from "styled-components";
 import { FabricsVariables as t } from "acinguiux-ds-fabrics";
 import { Variables as s } from "../theme/types/layer.js";
-const i = (o) => l`
-  outline: 3px solid ${o.globals("others").focus};
-  outline-offset: 2px;
+const i = (o, e = !1) => l`
+  outline: 2px solid ${o.globals("others").focus};
+  outline-offset: ${e ? "1px" : "-1px"};
 `, d = (o, e) => ({
   color: o.layer({
     foundation: "surface",

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

@@ -1 +1 @@
-{"version":3,"file":"stylesUtils.js","sources":["../../../../../../react-base/src/utils/stylesUtils.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport { Theme, Variables } from '../theme';\n\nexport const getFocusStyles = (theme: Theme) => css`\n  outline: 3px solid ${theme.globals('others').focus};\n  outline-offset: 2px;\n`;\n\nexport const getLabelFontStyles = (theme: Theme, disabled?: boolean) => ({\n  color: theme.layer({\n    foundation: 'surface',\n    disabled: disabled ? FabricsVariables.Disableds.True : undefined,\n  })[Variables.TextOnFoundationStrong],\n});\n\nexport const getPlaceholderFontStyles = (theme: Theme, disabled?: boolean) => ({\n  color: theme.layer({\n    foundation: 'surface',\n    disabled: disabled ? FabricsVariables.Disableds.True : undefined,\n  })[Variables.TextOnFoundationSubtle],\n  fontStyle: 'normal',\n});\n"],"names":["getFocusStyles","theme","css","getLabelFontStyles","disabled","FabricsVariables","Variables","getPlaceholderFontStyles"],"mappings":";;;AAKO,MAAMA,IAAiB,CAACC,MAAiBC;AAAA,uBACzBD,EAAM,QAAQ,QAAQ,EAAE,KAAK;AAAA;AAAA,GAIvCE,IAAqB,CAACF,GAAcG,OAAwB;AAAA,EACvE,OAAOH,EAAM,MAAM;AAAA,IACjB,YAAY;AAAA,IACZ,UAAUG,IAAWC,EAAiB,UAAU,OAAO;AAAA,EAAA,CACxD,EAAEC,EAAU,sBAAsB;AACrC,IAEaC,IAA2B,CAACN,GAAcG,OAAwB;AAAA,EAC7E,OAAOH,EAAM,MAAM;AAAA,IACjB,YAAY;AAAA,IACZ,UAAUG,IAAWC,EAAiB,UAAU,OAAO;AAAA,EAAA,CACxD,EAAEC,EAAU,sBAAsB;AAAA,EACnC,WAAW;AACb;"}
+{"version":3,"file":"stylesUtils.js","sources":["../../../../../../react-base/src/utils/stylesUtils.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport { Theme, Variables } from '../theme';\n\nexport const getFocusStyles = (theme: Theme, offset: boolean = false) => css`\n  outline: 2px solid ${theme.globals('others').focus};\n  outline-offset: ${offset ? '1px' : '-1px'};\n`;\n\nexport const getLabelFontStyles = (theme: Theme, disabled?: boolean) => ({\n  color: theme.layer({\n    foundation: 'surface',\n    disabled: disabled ? FabricsVariables.Disableds.True : undefined,\n  })[Variables.TextOnFoundationStrong],\n});\n\nexport const getPlaceholderFontStyles = (theme: Theme, disabled?: boolean) => ({\n  color: theme.layer({\n    foundation: 'surface',\n    disabled: disabled ? FabricsVariables.Disableds.True : undefined,\n  })[Variables.TextOnFoundationSubtle],\n  fontStyle: 'normal',\n});\n"],"names":["getFocusStyles","theme","offset","css","getLabelFontStyles","disabled","FabricsVariables","Variables","getPlaceholderFontStyles"],"mappings":";;;AAKO,MAAMA,IAAiB,CAACC,GAAcC,IAAkB,OAAUC;AAAA,uBAClDF,EAAM,QAAQ,QAAQ,EAAE,KAAK;AAAA,oBAChCC,IAAS,QAAQ,MAAM;AAAA,GAG9BE,IAAqB,CAACH,GAAcI,OAAwB;AAAA,EACvE,OAAOJ,EAAM,MAAM;AAAA,IACjB,YAAY;AAAA,IACZ,UAAUI,IAAWC,EAAiB,UAAU,OAAO;AAAA,EAAA,CACxD,EAAEC,EAAU,sBAAsB;AACrC,IAEaC,IAA2B,CAACP,GAAcI,OAAwB;AAAA,EAC7E,OAAOJ,EAAM,MAAM;AAAA,IACjB,YAAY;AAAA,IACZ,UAAUI,IAAWC,EAAiB,UAAU,OAAO;AAAA,EAAA,CACxD,EAAEC,EAAU,sBAAsB;AAAA,EACnC,WAAW;AACb;"}

package/build/esm/utils/storybookUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"storybookUtils.d.ts","sourceRoot":"","sources":["../../../src/utils/storybookUtils.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,yBAAyB,kFAAkF,CAAC;AAEzH,eAAO,MAAM,mBAAmB,+DAA+D,CAAC;AAChG,eAAO,MAAM,mBAAmB,yDAAyD,CAAC;AAC1F,eAAO,MAAM,kBAAkB,mDAAmD,CAAC;AASnF,eAAO,MAAM,YAAY,SAAU,MAAM,KAAG,MAU3C,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;GA+B/B,CAAC;AAEF,eAAO,MAAM,UAAU;;;GAqKtB,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;GAqEpC,CAAC;AAIF,eAAO,MAAM,cAAc,mBAAoB,MAAM,KAAG,MAAM,GAAG,IAQhE,CAAC;AAEF,eAAO,MAAM,MAAM,mBAAoB,MAAM,YAAY;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,EAAE,KAAG,MAAM,GAAG,SACpB,CAAC;AAE/E,eAAO,MAAM,WAAW,GAAI,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,kBACxE,CAAC,EAAE,KACR,MAAM,CAAC,MAAM,EAAE;IAAE,KAAK,EAAE;QAAE,QAAQ,EAAE,IAAI,CAAA;KAAE,CAAA;CAAE,CACmC,CAAC"}
+{"version":3,"file":"storybookUtils.d.ts","sourceRoot":"","sources":["../../../src/utils/storybookUtils.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,yBAAyB,kFAAkF,CAAC;AAEzH,eAAO,MAAM,mBAAmB,+DAA+D,CAAC;AAChG,eAAO,MAAM,mBAAmB,yDAAyD,CAAC;AAC1F,eAAO,MAAM,kBAAkB,mDAAmD,CAAC;AASnF,eAAO,MAAM,YAAY,SAAU,MAAM,KAAG,MAU3C,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;GA+B/B,CAAC;AAEF,eAAO,MAAM,UAAU;;;GAqKtB,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;GAiEpC,CAAC;AAIF,eAAO,MAAM,cAAc,mBAAoB,MAAM,KAAG,MAAM,GAAG,IAQhE,CAAC;AAEF,eAAO,MAAM,MAAM,mBAAoB,MAAM,YAAY;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,EAAE,KAAG,MAAM,GAAG,SACpB,CAAC;AAE/E,eAAO,MAAM,WAAW,GAAI,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,kBACxE,CAAC,EAAE,KACR,MAAM,CAAC,MAAM,EAAE;IAAE,KAAK,EAAE;QAAE,QAAQ,EAAE,IAAI,CAAA;KAAE,CAAA;CAAE,CACmC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "acinguiux-ds-react-framework",
-  "version": "0.1.18",
+  "version": "0.1.19",
   "description": "All Acingui-UX components for React",
   "main": "./build/cjs/index.js",
   "module": "./build/esm/index.js",
@@ -10,13 +10,11 @@
       "import": "./build/esm/index.js",
       "types": "./build/esm/index.d.ts",
       "require": "./build/cjs/index.js"
-    },
-    "./CHANGELOG.md": "./CHANGELOG.md"
+    }
   },
   "files": [
     "build",
     "README.md",
-    "CHANGELOG.md",
     "package.json"
   ],
   "sideEffects": false,
@@ -31,8 +29,7 @@
   "license": "ISC",
   "scripts": {
     "clean": "rimraf build",
-    "build": "pnpm run build:lib && pnpm run build:storybook",
-    "build:lib": "pnpm clean && pnpm run build:vite && pnpm run build:types-base && pnpm run build:types && pnpm run build:types-internal",
+    "build": "pnpm clean && pnpm run build:vite && pnpm run build:types-base && pnpm run build:types && pnpm run build:types-internal",
     "build:vite": "vite build -c vite.config.ts",
     "build:types-base": "pnpm tsc -p ../react-base/tsconfig.build.json --emitDeclarationOnly --outDir ./build/esm/react-base/src/",
     "build:types": "pnpm tsc -p ./tsconfig.build.json --emitDeclarationOnly",
@@ -52,8 +49,6 @@
     "serve-storybook": "pnpm run http-server -p 6006 docs"
   },
   "devDependencies": {
-    "eslint-config-acinguiux": "workspace:*",
-    "acinguiux-ds-react-base": "workspace:*",
     "@storybook/addon-a11y": "8.6.2",
     "@storybook/addon-actions": "8.6.2",
     "@storybook/addon-docs": "8.6.2",
@@ -68,8 +63,8 @@
     "@storybook/react": "8.6.2",
     "@storybook/react-vite": "8.6.2",
     "@storybook/theming": "8.6.2",
-    "@swc/core": "1.10.1",
-    "@swc/plugin-styled-components": "6.0.2",
+    "@swc/core": "1.15.2",
+    "@swc/plugin-styled-components": "11.1.0",
     "@testing-library/dom": "10.4.0",
     "@testing-library/jest-dom": "6.6.3",
     "@testing-library/react": "16.1.0",
@@ -85,18 +80,20 @@
     "@types/tinycolor2": "1.4.6",
     "@typescript-eslint/eslint-plugin": "7.10.0",
     "@typescript-eslint/parser": "7.10.0",
-    "@vitejs/plugin-react-swc": "3.7.2",
-    "@vitest/coverage-v8": "3.1.1",
+    "@vitejs/plugin-react-swc": "4.2.2",
+    "@vitest/coverage-v8": "3.2.4",
+    "acinguiux-ds-react-base": "workspace:*",
     "axe-core": "4.9.1",
     "change-case": "5.4.4",
     "chromatic": "11.4.0",
-    "eslint": "9.23.0",
+    "eslint": "9.33.0",
+    "eslint-config-acinguiux": "workspace:*",
     "eslint-plugin-storybook": "0.8.0",
     "http-server": "^14.1.1",
     "husky": "9.0.11",
     "identity-obj-proxy": "^3.0.0",
     "jest-axe": "8.0.0",
-    "jsdom": "25.0.1",
+    "jsdom": "26.1.0",
     "lint-staged": "15.2.4",
     "npm-run-all": "4.1.5",
     "postcss": "8.4.38",
@@ -113,9 +110,9 @@
     "tsconfig": "workspace:*",
     "tslib": "2.8.1",
     "typescript": "5.7.2",
-    "vite": "6.3.5",
-    "vite-plugin-checker": "0.9.1",
-    "vitest": "3.1.1"
+    "vite": "7.1.11",
+    "vite-plugin-checker": "0.10.3",
+    "vitest": "3.2.4"
   },
   "dependencies": {
     "@dnd-kit/core": "6.3.1",
@@ -123,12 +120,13 @@
     "@dnd-kit/sortable": "10.0.0",
     "@dnd-kit/utilities": "3.2.2",
     "@radix-ui/react-popover": "^1.1.2",
+    "@rc-component/menu": "1.1.4",
     "@rc-component/trigger": "2.1.1",
-    "acinguiux-ds-fabrics": "workspace:*",
-    "acinguiux-ds-foundations": "workspace:*",
     "@tanstack/match-sorter-utils": "8.15.1",
     "@tanstack/react-table": "8.17.3",
     "@tanstack/react-virtual": "3.11.1",
+    "acinguiux-ds-fabrics": "workspace:*",
+    "acinguiux-ds-foundations": "workspace:*",
     "classnames": "2.5.1",
     "countup.js": "2.8.0",
     "date-fns": "3.6.0",
@@ -142,20 +140,17 @@
     "rc-dialog": "8.6.0",
     "rc-drawer": "6.4.1",
     "rc-dropdown": "3.6.2",
-    "rc-menu": "9.15.1",
     "rc-motion": "2.9.2",
     "rc-pagination": "5.0.0",
     "rc-resize-observer": "1.4.0",
-    "rc-select": "14.16.6",
     "rc-slider": "10.5.0",
     "rc-switch": "4.1.0",
-    "rc-table": "7.41.0",
     "rc-tabs": "12.15.0",
     "rc-tree": "5.13.1",
     "rc-trigger": "5.3.4",
     "react-aria": "3.33.1",
     "react-countup": "6.5.3",
-    "react-day-picker": "9.7.0",
+    "react-day-picker": "9.11.0",
     "react-i18next": "15.5.1",
     "react-resizable": "3.0.5",
     "react-stately": "3.31.1",

package/README.md

@@ -1,132 +0,0 @@
-# acinguiux Design System - React Framework
-
----
-
-Welcome to the acinguiux Design System React Framework, a collection of reusable components written in ReactJS. You can explore these components on our [Storybook page](https://acinguiux-ds-react-framework.azurewebsites.net/).
-
-## Table of Contents
-
-1. [Documentation](#documentation)
-2. [Installation](#installation)
-3. [Commands](#commands)
-4. [Support](#support)
-5. [Transpiling](#transpiling)
-
----
-
-## Documentation
-
-Our comprehensive documentation is available in the [GitHub Wiki](https://github.com/sds/wiki).
-We provide a Storybook page to showcase and document our components:
-
-- beta (release/minor_patch branch): [https://acinguiux-ds-minor-patch-react-framework.azurewebsites.net/](https://acinguiux-ds-minor-patch-react-framework.azurewebsites.net/)
-- next-major (release/major branch): [https://acinguiux-ds-major-react-framework.azurewebsites.net/](https://acinguiux-ds-major-react-framework.azurewebsites.net/)
-- stable (main branch): [https://acinguiux-ds-react-framework.azurewebsites.net/](https://acinguiux-ds-react-framework.azurewebsites.net/)
-
----
-
-## Usage in acinguiux
-
-If you are creating a new repository, we recommend you to leverage the [Client React Web](https://github.com/Template-Client-React-Web) template to ensure you comply with acinguiux standards.
-
-## Installation
-
-To use the acinguiux Design System React Framework in your project, follow these steps:
-
-### Step 1: Generate GitHub Token
-
-1. Go to [GitHub Tokens](https://github.com/settings/tokens) or navigate to GitHub Settings => Developer Settings => Personal Access Tokens.
-2. Generate a new token with at least the repo and read:packages scopes.
-3. Copy the token and, if prompted, configure SSO authorization in the organization.
-
-Add the token to the file `~/.npmrc` (if it does not exist, create it):
-
-> ⚠️ Make sure you insert the token in the configuration of your home directory (~). \
-> You should **never** push the token into your codebase.
-
-```
-//npm.pkg.github.com/:_authToken=YOUR_TOKEN_HERE
-```
-
-If you do not have access to this file or you are in a Windows OS, you can run the following command:
-
-```
-npm login --registry=https://npm.pkg.github.com
-> Username: USERNAME
-> Password: TOKEN
-> Email: PUBLIC-EMAIL-ADDRESS
-```
-
-### Step 2: Update NPM Registry
-
-Update your npm registry. Create or edit a `.npmrc` file in your project root folder and add:
-
-Your other dependencies will still be downloaded from the default npm registry.
-
-### Step 3: Install the Framework
-
-Run the following command:
-
-```
-npm install --save acinguiux-ds-react-framework
-```
-
-### Step 4: Add Fonts
-
-Add the following font link to your `index.html`:
-
-```html
-<link href="https://acinguiux-fonts.azureedge.net/index.css" rel="stylesheet" />
-```
-
-### Step 5: Theme Provider
-
-In your app entry point (e.g., `src/App.tsx` for Create React App), add the following snippet:
-
-```js
-import React, { ReactElement } from 'react';
-import { AcinguiuxThemeProvider } from 'acinguiux-ds-react-framework';
-
-function App(): ReactElement {
-  return <AcinguiuxThemeProvider theme="light"><!-- Your app content --></AcinguiuxThemeProvider>;
-}
-
-export default App;
-```
-
-Choose between the light and dark themes.
-
-### 🤖 CI setup
-
-In order to correctly setup your CI, make sure **no tokens** are pushed directly in your codebase and you are following the [SEMS guidelines on secret management](https://devkit.acinguiux.com/content/sems/guidelines/SecretManagement). If you're having troubles installing packages in your CI, you can read more on how to authenticate on [GitHub docs](https://docs.github.com/en/packages/working-with-a-github-packages-registry/working-with-the-npm-registry).
-
----
-
-## Commands
-
-- `pnpm start`: launches the Storybook app
-- `pnpm test`: runs tests for all `*.test.ts?x` files
-- `pnpm test:watch`: watches all `*.test.ts?x` files and runs tests on each change
-- `pnpm build`: builds the application for distribution as a NPM package
-- `pnpm lint`: runs TS and Styled Component linters
-- `pnpm format`: formats all files based on Prettier configurations
-
----
-
-## Support
-
-For support or inquiries, please contact the acinguiux Design System Team:
-
-- [GitHub issues page](https://github.com/issues)
-- [SDS Teams channel](https://teams.microsoft.com/l/channel/19%3Aac0e8c95a3c840c2a1095a7440206c51%40thread.tacv2/Questions?groupId=dd072cdc-70c5-4aaf-a665-284c4fdeef4d&tenantId=db1e96a8-a3da-442a-930b-235cac24cd5c)
-- [mail: GX-GL-acinguiuxDesignSystemTeam@acinguiux.com](mailto:GX-GL-acinguiuxDesignSystemTeam@acinguiux.com)
-
----
-
-## Transpiling
-
-Transpiling documentation can be found in the [root README.md file](../../README.md).
-
----
-
-> See root README here: https://github.com/sds/README.md

package/build/cjs/components/DeprecatedSelect/Select.js

@@ -1,2 +0,0 @@
-"use strict";const n=require("react/jsx-runtime"),r=require("react"),b=require("classnames"),B=require("rc-select"),u=require("../../react-base/src/consts/index.js"),F=require("../../react-base/src/utils/sizesUtils.js"),S=require("./components/Icons/Icons.js"),T=require("./Select.styles.js"),x=require("../TextArea/TextArea.styles.js"),_=require("../Icon/components/Cross.js"),k=require("../TextInput/components/Affix.js"),D=require("../Icon/components/ChevronDown.js"),K=require("../../hooks/useFocusRingOnKeyboard.js"),f=require("../../react-base/src/consts/classes.js"),M=r.forwardRef(({className:s,...e},t)=>n.jsx(B,{ref:t,dropdownClassName:s,className:s,getPopupContainer:l=>l,dropdownAlign:{offset:[0,4],...e.dropdownAlign},...e})),$=r.forwardRef(({className:s,size:e=u.Sizes.Medium,mode:t="single",placeholder:l,invalid:i=!1,showSearch:p=!0,allowClear:m,placement:R,optionFilterProp:q="children",optionLabelProp:w="children",disabled:o,onFocus:h,onBlur:j,onClick:A,...g},y)=>{const a=r.useRef(null),d=r.useRef(null);r.useImperativeHandle(y,()=>a.current);const{focusKind:E,setFocusKind:I,handleOnClick:C,handleOnFocus:L,handleOnBlur:O,handleOnMouseDownCapture:v}=K.useFocusRingOnKeyboard({inputRef:a,onFocus:h,onBlur:j,onClick:A});return n.jsx(T.Select,{as:M,ref:a,onFocus:L,onBlur:O,onClick:C,onMouseDownCapture:v,className:b(i&&f.SELECT_ERROR_CLASS,f.SELECT_CLASS,s),prefixCls:f.SELECT_CLASS,"aria-label":"Select","data-focused":E,$size:e,mode:t!=="single"?t:void 0,placeholder:l,showSearch:p,suffixIcon:n.jsx(k.Affix,{affix:{transparent:!0,node:n.jsx(D,{})},size:e,disabled:Array.isArray(o)?o.some(Boolean):o,type:"suffix",invalid:i}),allowClear:m?{clearIcon:n.jsx(x.ClearButtonContainer,{$size:e,children:n.jsx(x.ClearButton,{ref:d,onFocus:()=>I("keyboard"),onMouseDown:c=>{C(c)},onClick:()=>{var c;(c=d.current)==null||c.dispatchEvent(new Event("mousedown",{bubbles:!0}))},size:e===u.Sizes.XSmall?e:F.getSmallerSize(e),variant:u.Variants.Transparent,icon:n.jsx(_,{}),iconOnly:!0})})}:!1,optionFilterProp:q,optionLabelProp:w,$invalid:i,$disabled:o,disabled:o,listHeight:250,...g,removeIcon:n.jsx(S.RemoveIcon,{size:e}),menuItemSelectedIcon:n.jsx(S.SelectedIcon,{size:e}),placement:R===u.Positions.Top?"topLeft":"bottomLeft"})});module.exports=$;
-//# sourceMappingURL=Select.js.map

package/build/cjs/components/DeprecatedSelect/Select.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Select.js","sources":["../../../../src/components/DeprecatedSelect/Select.tsx"],"sourcesContent":["import {\n  forwardRef,\n  MouseEvent as ReactMouseEvent,\n  RefObject,\n  useImperativeHandle,\n  useRef,\n  type ReactElement,\n} from 'react';\n\nimport classNames from 'classnames';\nimport RCSelect, { type BaseSelectRef, type SelectProps } from 'rc-select';\nimport { Sizes, Positions, SELECT_ERROR_CLASS, SELECT_CLASS, Variants } from 'acinguiux-ds-react-base/consts';\nimport { getSmallerSize } from 'acinguiux-ds-react-base/utils/sizesUtils';\nimport { SelectTypes } from 'acinguiux-ds-react-base/components/Select';\n\nimport { RemoveIcon, SelectedIcon } from './components/Icons/Icons';\nimport * as Styled from './Select.styles';\nimport type { ISelectProps } from './Select.types';\nimport * as TextAreaStyled from '../TextArea/TextArea.styles';\nimport Cross from '../Icon/components/Cross';\nimport { Affix } from '../TextInput/components/Affix';\nimport ChevronDown from '../Icon/components/ChevronDown';\nimport { useFocusRingOnKeyboard } from '../../hooks/useFocusRingOnKeyboard';\n\nconst RCSelectRef = forwardRef<BaseSelectRef, SelectProps>(({ className, ...rest }: SelectProps, ref) => (\n  <RCSelect\n    ref={ref}\n    dropdownClassName={className}\n    className={className}\n    getPopupContainer={(element) => element}\n    dropdownAlign={{ offset: [0, 4], ...rest.dropdownAlign }}\n    {...rest}\n  />\n));\n\nconst Select = forwardRef<BaseSelectRef, ISelectProps>(\n  (\n    {\n      className,\n      size = Sizes.Medium,\n      mode = 'single',\n      placeholder,\n      invalid = false,\n      showSearch = true,\n      allowClear,\n      placement,\n      optionFilterProp = 'children',\n      optionLabelProp = 'children',\n      disabled,\n      onFocus,\n      onBlur,\n      onClick,\n      ...rest\n    }: ISelectProps,\n    ref,\n  ): ReactElement => {\n    const inputRef = useRef<BaseSelectRef>(null);\n    const clearBtn = useRef<HTMLButtonElement>(null);\n\n    useImperativeHandle(ref, () => inputRef.current!);\n\n    const { focusKind, setFocusKind, handleOnClick, handleOnFocus, handleOnBlur, handleOnMouseDownCapture } =\n      useFocusRingOnKeyboard({\n        inputRef: inputRef as unknown as RefObject<HTMLInputElement>,\n        onFocus,\n        onBlur,\n        onClick,\n      });\n\n    return (\n      <Styled.Select\n        as={RCSelectRef}\n        ref={inputRef}\n        onFocus={handleOnFocus}\n        onBlur={handleOnBlur}\n        onClick={handleOnClick}\n        onMouseDownCapture={handleOnMouseDownCapture}\n        className={classNames(invalid && SELECT_ERROR_CLASS, SELECT_CLASS, className)}\n        prefixCls={SELECT_CLASS}\n        aria-label=\"Select\"\n        data-focused={focusKind}\n        $size={size}\n        mode={mode !== 'single' ? mode : undefined}\n        placeholder={placeholder}\n        showSearch={showSearch}\n        suffixIcon={\n          <Affix\n            affix={{ transparent: true, node: <ChevronDown /> }}\n            size={size}\n            disabled={Array.isArray(disabled) ? disabled.some(Boolean) : disabled}\n            type=\"suffix\"\n            invalid={invalid}\n          />\n        }\n        allowClear={\n          allowClear\n            ? {\n                clearIcon: (\n                  <TextAreaStyled.ClearButtonContainer $size={size}>\n                    <TextAreaStyled.ClearButton\n                      ref={clearBtn}\n                      onFocus={() => setFocusKind('keyboard')}\n                      onMouseDown={(event) => {\n                        handleOnClick(event as unknown as ReactMouseEvent<HTMLDivElement, MouseEvent>);\n                      }}\n                      onClick={() => {\n                        clearBtn.current?.dispatchEvent(new Event('mousedown', { bubbles: true }));\n                      }}\n                      size={size === Sizes.XSmall ? size : (getSmallerSize(size) as SelectTypes.Size)}\n                      variant={Variants.Transparent}\n                      icon={<Cross />}\n                      iconOnly={true}\n                    />\n                  </TextAreaStyled.ClearButtonContainer>\n                ),\n              }\n            : false\n        }\n        optionFilterProp={optionFilterProp}\n        optionLabelProp={optionLabelProp}\n        $invalid={invalid}\n        $disabled={disabled}\n        disabled={disabled}\n        listHeight={250} // default max-height for Select\n        {...rest}\n        removeIcon={<RemoveIcon size={size} />}\n        menuItemSelectedIcon={<SelectedIcon size={size} />}\n        placement={placement === Positions.Top ? 'topLeft' : 'bottomLeft'}\n      />\n    );\n  },\n);\n\nexport default Select;\n"],"names":["RCSelectRef","forwardRef","className","rest","ref","jsx","RCSelect","element","Select","size","Sizes","mode","placeholder","invalid","showSearch","allowClear","placement","optionFilterProp","optionLabelProp","disabled","onFocus","onBlur","onClick","inputRef","useRef","clearBtn","useImperativeHandle","focusKind","setFocusKind","handleOnClick","handleOnFocus","handleOnBlur","handleOnMouseDownCapture","useFocusRingOnKeyboard","Styled.Select","classNames","SELECT_ERROR_CLASS","SELECT_CLASS","Affix","ChevronDown","TextAreaStyled.ClearButtonContainer","TextAreaStyled.ClearButton","event","_a","getSmallerSize","Variants","Cross","RemoveIcon","SelectedIcon","Positions"],"mappings":"8jBAwBMA,EAAcC,EAAAA,WAAuC,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAAqBC,IAC/FC,EAAAA,IAACC,EAAA,CACC,IAAAF,EACA,kBAAmBF,EACnB,UAAAA,EACA,kBAAoBK,GAAYA,EAChC,cAAe,CAAE,OAAQ,CAAC,EAAG,CAAC,EAAG,GAAGJ,EAAK,aAAA,EACxC,GAAGA,CAAA,CACN,CACD,EAEKK,EAASP,EAAAA,WACb,CACE,CACE,UAAAC,EACA,KAAAO,EAAOC,EAAAA,MAAM,OACb,KAAAC,EAAO,SACP,YAAAC,EACA,QAAAC,EAAU,GACV,WAAAC,EAAa,GACb,WAAAC,EACA,UAAAC,EACA,iBAAAC,EAAmB,WACnB,gBAAAC,EAAkB,WAClB,SAAAC,EACA,QAAAC,EACA,OAAAC,EACA,QAAAC,EACA,GAAGnB,CAAA,EAELC,IACiB,CACjB,MAAMmB,EAAWC,EAAAA,OAAsB,IAAI,EACrCC,EAAWD,EAAAA,OAA0B,IAAI,EAE/CE,EAAAA,oBAAoBtB,EAAK,IAAMmB,EAAS,OAAQ,EAEhD,KAAM,CAAE,UAAAI,EAAW,aAAAC,EAAc,cAAAC,EAAe,cAAAC,EAAe,aAAAC,EAAc,yBAAAC,CAAA,EAC3EC,yBAAuB,CACrB,SAAAV,EACA,QAAAH,EACA,OAAAC,EACA,QAAAC,CAAA,CACD,EAEH,OACEjB,EAAAA,IAAC6B,EAAAA,OAAA,CACC,GAAIlC,EACJ,IAAKuB,EACL,QAASO,EACT,OAAQC,EACR,QAASF,EACT,mBAAoBG,EACpB,UAAWG,EAAWtB,GAAWuB,EAAAA,mBAAoBC,EAAAA,aAAcnC,CAAS,EAC5E,UAAWmC,EAAAA,aACX,aAAW,SACX,eAAcV,EACd,MAAOlB,EACP,KAAME,IAAS,SAAWA,EAAO,OACjC,YAAAC,EACA,WAAAE,EACA,WACET,EAAAA,IAACiC,EAAAA,MAAA,CACC,MAAO,CAAE,YAAa,GAAM,KAAMjC,MAACkC,IAAY,CAAA,EAC/C,KAAA9B,EACA,SAAU,MAAM,QAAQU,CAAQ,EAAIA,EAAS,KAAK,OAAO,EAAIA,EAC7D,KAAK,SACL,QAAAN,CAAA,CAAA,EAGJ,WACEE,EACI,CACE,UACEV,EAAAA,IAACmC,EAAAA,qBAAA,CAAoC,MAAO/B,EAC1C,SAAAJ,EAAAA,IAACoC,EAAAA,YAAA,CACC,IAAKhB,EACL,QAAS,IAAMG,EAAa,UAAU,EACtC,YAAcc,GAAU,CACtBb,EAAca,CAA+D,CAC/E,EACA,QAAS,IAAM,QACbC,EAAAlB,EAAS,UAAT,MAAAkB,EAAkB,cAAc,IAAI,MAAM,YAAa,CAAE,QAAS,EAAA,CAAM,EAC1E,EACA,KAAMlC,IAASC,EAAAA,MAAM,OAASD,EAAQmC,EAAAA,eAAenC,CAAI,EACzD,QAASoC,EAAAA,SAAS,YAClB,WAAOC,EAAA,EAAM,EACb,SAAU,EAAA,CAAA,CACZ,CACF,CAAA,EAGJ,GAEN,iBAAA7B,EACA,gBAAAC,EACA,SAAUL,EACV,UAAWM,EACX,SAAAA,EACA,WAAY,IACX,GAAGhB,EACJ,WAAYE,EAAAA,IAAC0C,aAAA,CAAW,KAAAtC,CAAA,CAAY,EACpC,qBAAsBJ,EAAAA,IAAC2C,eAAA,CAAa,KAAAvC,CAAA,CAAY,EAChD,UAAWO,IAAciC,YAAU,IAAM,UAAY,YAAA,CAAA,CAG3D,CACF"}