@nulogy/components 16.1.0 → 17.0.0

package/dist/src/i18n.d.ts

@@ -1,2 +1,3 @@
 import i18n from "i18next";
+export declare function initI18n(): import("i18next").i18n;
 export default i18n;

package/dist/src/i18n.js

@@ -45,14 +45,21 @@ const resources = {
         nds: zh_CN,
     },
 };
-i18n.init({
-    ns: ["nds"],
-    defaultNS: "nds",
-    resources,
-    lng: "en_US",
-    keySeparator: false, // we do not use keys in form messages.welcome
-    interpolation: {
-        escapeValue: false, // react already safes from xss
-    },
-});
+let initialized = false;
+export function initI18n() {
+    if (initialized)
+        return i18n;
+    initialized = true;
+    i18n.init({
+        ns: ["nds"],
+        defaultNS: "nds",
+        resources,
+        lng: "en_US",
+        keySeparator: false, // we do not use keys in form messages.welcome
+        interpolation: {
+            escapeValue: false, // react already safes from xss
+        },
+    });
+    return i18n;
+}
 export default i18n;

package/dist/src/utils/story/resizable.d.ts

@@ -6,22 +6,8 @@ interface ResizableProps {
     showContainerOutline?: boolean;
 }
 export declare const Resizable: ({ children, containerWidth, onResize, showContainerOutline, }: ResizableProps) => import("react/jsx-runtime").JSX.Element;
-export declare const WidthText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "textTransform" | keyof React.HTMLAttributes<HTMLParagraphElement> | "disabled" | "inline" | "compact" | keyof import("../..").StyledProps> & React.HTMLAttributes<HTMLParagraphElement> & {
-    variant?: import("../../NDSProvider/ComponentVariantContext").ComponentVariant;
-    inline?: boolean;
-    compact?: boolean;
-    disabled?: boolean;
-    textTransform?: "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "unset" | "capitalize" | "full-size-kana" | "full-width" | "lowercase" | "uppercase" | undefined;
-    fontSize?: string;
-} & import("../..").StyledProps & import("framer-motion").MotionProps, "ref"> & React.RefAttributes<HTMLElement | SVGElement>, "ref"> & {
-    ref?: React.Ref<HTMLElement | SVGElement>;
-}, never>> & string & Omit<import("framer-motion").CustomDomComponent<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "textTransform" | keyof React.HTMLAttributes<HTMLParagraphElement> | "disabled" | "inline" | "compact" | keyof import("../..").StyledProps> & React.HTMLAttributes<HTMLParagraphElement> & {
-    variant?: import("../../NDSProvider/ComponentVariantContext").ComponentVariant;
-    inline?: boolean;
-    compact?: boolean;
-    disabled?: boolean;
-    textTransform?: "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "unset" | "capitalize" | "full-size-kana" | "full-width" | "lowercase" | "uppercase" | undefined;
-    fontSize?: string;
-} & import("../..").StyledProps>, keyof React.Component<any, {}, any>>;
+export declare const WidthText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("framer-motion").HTMLMotionProps<"span">, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref"> & {
+    ref?: React.Ref<HTMLSpanElement>;
+}, never>> & string & Omit<import("framer-motion").ForwardRefComponent<HTMLSpanElement, import("framer-motion").HTMLMotionProps<"span">>, keyof React.Component<any, {}, any>>;
 export declare const ResizeHandle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export {};

package/dist/src/utils/story/resizable.js

@@ -5,24 +5,25 @@ import { Resizable as ReResizable } from "re-resizable";
 import { styled } from "styled-components";
 import { Box } from "../../Box";
 import { DashedBox } from "../../DescriptionList/stories/fixtures";
-import { Text } from "../../Type";
 const CONTAINER_BORDER_WIDTH = 2 * 2; // 2px * 2 sides (left and right)
 export const Resizable = ({ children, containerWidth = "100%", onResize, showContainerOutline = false, }) => {
     const [width, setWidth] = useState(containerWidth);
     const [showWidth, setShowWidth] = useState(false);
-    const WidthIndicator = (_jsx(AnimatePresence, { children: showWidth && (_jsx(WidthText, { fontSize: "sm", color: "midGrey", initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, children: width })) }));
+    const WidthIndicator = (_jsx(AnimatePresence, { children: showWidth && (_jsx(WidthText, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, children: width })) }));
     return (_jsx(ReResizable, { enable: { right: true }, size: { width: width }, handleComponent: { right: _jsx(ResizeHandle, {}) }, onResizeStart: () => setShowWidth(true), onResizeStop: () => setShowWidth(false), onResize: (_, __, ref) => {
             const width = Math.round(ref.getBoundingClientRect().width);
             setWidth(`${width - (showContainerOutline ? CONTAINER_BORDER_WIDTH : 0)}px`);
             onResize?.(width - (showContainerOutline ? CONTAINER_BORDER_WIDTH : 0));
         }, children: showContainerOutline ? (_jsxs(DashedBox, { children: [children, WidthIndicator] })) : (_jsxs(Box, { children: [children, WidthIndicator] })) }));
 };
-export const WidthText = styled(motion(Text)) `
-  position: absolute;
-  right: 0;
-  transform: translateX(50%);
-  bottom: -${(props) => props.theme.space.x3};
-`;
+export const WidthText = styled(motion.span)(({ theme }) => ({
+    position: "absolute",
+    right: 0,
+    transform: "translateX(50%)",
+    bottom: `-${theme.space.x3}`,
+    fontSize: theme.fontSizes.small,
+    color: theme.colors.midGrey,
+}));
 export const ResizeHandle = styled.div `
   position: absolute;
   top: 50%;

package/dist/vite.config.js

@@ -42,22 +42,30 @@ export default defineConfig({
     },
     build: {
         emptyOutDir: false,
-        lib: {
-            entry: resolve(__dirname, "src/index.ts"),
-            name: "NDSComponents",
-            formats: ["umd", "es"],
-            fileName: (format) => {
-                if (format === "umd") {
-                    return "main.js";
-                }
-                return "main.module.js";
-            },
-        },
         rollupOptions: {
+            input: resolve(__dirname, "src/index.ts"),
             external,
-            output: {
-                globals: GLOBALS,
-            },
+            preserveEntrySignatures: "strict",
+            output: [
+                // ESM with preserved modules — enables tree-shaking in consumers
+                {
+                    format: "es",
+                    dir: "dist/esm",
+                    preserveModules: true,
+                    preserveModulesRoot: "src",
+                    entryFileNames: "[name].js",
+                    exports: "named",
+                },
+                // UMD monolith — retained for legacy/CDN use
+                {
+                    format: "umd",
+                    dir: "dist",
+                    entryFileNames: "main.js",
+                    name: "NDSComponents",
+                    globals: GLOBALS,
+                    exports: "named",
+                },
+            ],
         },
         sourcemap: true,
         minify: false,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nulogy/components",
-  "version": "16.1.0",
+  "version": "17.0.0",
   "type": "module",
   "description": "Component library for the Nulogy Design System - http://nulogy.design",
   "private": false,
@@ -48,12 +48,13 @@
     "component library"
   ],
   "main": "dist/main.js",
-  "module": "dist/main.module.js",
+  "module": "dist/esm/index.js",
   "typings": "dist/src/index.d.ts",
+  "sideEffects": false,
   "exports": {
     ".": {
       "types": "./dist/src/index.d.ts",
-      "import": "./dist/main.module.js",
+      "import": "./dist/esm/index.js",
       "require": "./dist/main.js"
     }
   },
@@ -70,21 +71,21 @@
   "devDependencies": {
     "@apollo/client": "^4.1.6",
     "@eslint/js": "^9.0.0",
-    "@nulogy/icons": "^4.37.2",
+    "@nulogy/icons": "^4.39.0",
     "@semantic-release/changelog": "^6.0.2",
     "@semantic-release/commit-analyzer": "^9.0.2",
     "@semantic-release/git": "^10.0.1",
     "@semantic-release/github": "^8.0.7",
     "@semantic-release/npm": "^9.0.0",
     "@semantic-release/release-notes-generator": "^10.0.3",
-    "@storybook/addon-a11y": "10.2.14",
-    "@storybook/addon-docs": "10.2.14",
-    "@storybook/addon-vitest": "10.2.14",
-    "@storybook/react-vite": "10.2.14",
+    "@storybook/addon-a11y": "10.2.16",
+    "@storybook/addon-docs": "10.2.16",
+    "@storybook/addon-vitest": "10.2.16",
+    "@storybook/react-vite": "10.2.16",
     "@testing-library/react": "^16.0.0",
     "@types/css-mediaquery": "^0.1.4",
     "@types/deep-equal": "^1.0.4",
-    "@types/node": "^24.10.4",
+    "@types/node": "^25.3.5",
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",
     "@typescript-eslint/eslint-plugin": "^8.49.0",
@@ -114,7 +115,7 @@
     "react-dom": "18.3.1",
     "react-router-dom": "^6.0.0",
     "semantic-release": "^24.2.5",
-    "storybook": "10.2.14",
+    "storybook": "10.2.16",
     "styled-components": "^6.1.19",
     "svg-sprite-loader": "^6.0.11",
     "typescript": "^5.9.3",
@@ -136,7 +137,7 @@
     "date-fns": "2.23.0",
     "debounce": "^3.0.0",
     "deep-equal": "^2.2.1",
-    "framer-motion": "6.5.1",
+    "framer-motion": "^12.35.0",
     "i18next": "^19.3.1",
     "polished": "4.3.1",
     "react-datepicker": "^4.25.0",