@melv1c/ui-kit 1.3.0 → 1.5.0

package/README.md

@@ -12,7 +12,7 @@ This library provides a collection of reusable, accessible UI components that fo
 
 ## Stack
 
-- **React 18** - JavaScript library for building UI
+- **React 19** - JavaScript library for building UI
 - **TypeScript** - Type-safe JavaScript
 - **Tailwind CSS** - Utility-first CSS framework
 - **Storybook** - Component documentation and testing
@@ -22,7 +22,7 @@ This library provides a collection of reusable, accessible UI components that fo
 
 ### Prerequisites
 
-- Node.js 18+
+- Node.js 22+
 - npm
 
 ### Setup
@@ -33,33 +33,3 @@ npm run dev
 ```
 
 This starts the Storybook dev server on `http://localhost:6006`.
-
-### Available Scripts
-
-| Command                   | Description                             |
-| ------------------------- | --------------------------------------- |
-| `npm run dev`             | Start Storybook dev server on port 6006 |
-| `npm run build`           | Build the library with tsup             |
-| `npm run build:watch`     | Build in watch mode                     |
-| `npm run lint`            | Run ESLint                              |
-| `npm run lint:fix`        | Fix ESLint issues                       |
-| `npm run format`          | Format code with Prettier               |
-| `npm run format:check`    | Check code formatting                   |
-| `npm run build-storybook` | Build static Storybook                  |
-
-## Contributing
-
-Contributions are welcome! Please follow these steps:
-
-1. Create a feature branch (`git checkout -b feature/your-feature`)
-2. Make your changes and commit (`git commit -m 'Add feature'`)
-3. Push to the branch (`git push origin feature/your-feature`)
-4. Open a pull request
-
-When adding components:
-
-1. Create your component in the appropriate folder under `src/components/`
-2. Add a `.stories.tsx` file for Storybook documentation
-3. Export the component from the folder's `index.ts`
-4. Run `npm run lint:fix` and `npm run format` before submitting
-5. Ensure all tests pass

package/dist/index.cjs

@@ -4518,65 +4518,69 @@ function DateTimePicker({
     ] })
   ] });
 }
-function LocaleProvider({
+function UIKitProvider({
   children,
-  language,
-  overrides
+  hasToaster = true,
+  i18nConfig = { locale: "en" },
+  loadingComponent = null
 }) {
   const [isReady, setIsReady] = React9.useState(false);
-  const instance = React9.useMemo(() => i18n__default.default.createInstance(), []);
+  const i18nRef = React9.useRef(!i18nConfig.instance ? i18n__default.default.createInstance() : null);
+  const instance = i18nConfig.instance || i18nRef.current;
   React9.useEffect(() => {
-    const baseTranslations = chunkH4O6RXFK_cjs.locales_exports[language] ?? {};
-    const mergedTranslations = overrides ? { ...baseTranslations, ...overrides } : baseTranslations;
-    instance.use(reactI18next.initReactI18next).init({
-      lng: language,
-      fallbackLng: language,
-      defaultNS: "ui",
-      resources: {
-        [language]: {
-          ui: mergedTranslations
+    if (i18nConfig.locale && !instance.isInitialized) {
+      instance.use(reactI18next.initReactI18next).init({
+        lng: i18nConfig.locale,
+        fallbackLng: i18nConfig.locale,
+        defaultNS: "ui",
+        resources: {},
+        interpolation: {
+          escapeValue: false
         }
-      },
-      interpolation: {
-        escapeValue: false
-      }
-    }).then(() => setIsReady(true));
-  }, [instance, language, overrides]);
-  if (!isReady) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(reactI18next.I18nextProvider, { i18n: instance, children });
-}
-function TranslationProvider({
-  i18n: i18n2,
-  children,
-  fallback = null,
-  overrides
-}) {
-  const [isReady, setIsReady] = React9.useState(false);
+      }).then(() => {
+        setIsReady(true);
+      });
+    } else {
+      setIsReady(true);
+    }
+  }, [i18nConfig, instance]);
   React9.useEffect(() => {
-    for (const [lng, resources] of Object.entries(chunkH4O6RXFK_cjs.locales_exports)) {
-      const language = lng;
-      const languageOverrides = overrides?.[language];
-      if (i18n2.hasResourceBundle(language, "ui") && !languageOverrides) {
-        continue;
+    if (i18nConfig.locale) {
+      const baseTranslations = chunkH4O6RXFK_cjs.locales_exports[i18nConfig.locale] ?? {};
+      const mergedTranslations = i18nConfig.overrides ? { ...baseTranslations, ...i18nConfig.overrides } : baseTranslations;
+      instance.addResourceBundle(
+        i18nConfig.locale,
+        "ui",
+        mergedTranslations,
+        true,
+        true
+      );
+      instance.changeLanguage(i18nConfig.locale);
+    } else if (i18nConfig.instance) {
+      for (const [lng, resources] of Object.entries(chunkH4O6RXFK_cjs.locales_exports)) {
+        const languageOverrides = i18nConfig.overrides?.[lng];
+        if (instance.hasResourceBundle(lng, "ui") && !languageOverrides) {
+          continue;
+        }
+        const mergedResources = languageOverrides ? { ...resources, ...languageOverrides } : resources;
+        instance.addResourceBundle(lng, "ui", mergedResources, true, true);
       }
-      const mergedResources = languageOverrides ? { ...resources, ...languageOverrides } : resources;
-      i18n2.addResourceBundle(language, "ui", mergedResources, true, true);
-    }
-    if (overrides) {
-      const supportedLanguages = Object.keys(chunkH4O6RXFK_cjs.locales_exports);
-      for (const [lng, resources] of Object.entries(overrides)) {
-        if (supportedLanguages.includes(lng)) continue;
-        i18n2.addResourceBundle(lng, "ui", resources, true, true);
+      if (i18nConfig.overrides) {
+        const supportedLanguages = Object.keys(chunkH4O6RXFK_cjs.locales_exports);
+        for (const [lng, resources] of Object.entries(i18nConfig.overrides)) {
+          if (supportedLanguages.includes(lng)) continue;
+          instance.addResourceBundle(lng, "ui", resources, true, true);
+        }
       }
     }
-    setIsReady(true);
-  }, [i18n2, overrides]);
-  if (!isReady) {
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: fallback });
+  }, [i18nConfig, instance]);
+  if (!isReady || !instance.isInitialized) {
+    return loadingComponent;
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(reactI18next.I18nextProvider, { i18n: i18n2, children });
+  return /* @__PURE__ */ jsxRuntime.jsxs(reactI18next.I18nextProvider, { i18n: instance, children: [
+    children,
+    hasToaster && /* @__PURE__ */ jsxRuntime.jsx(Toaster, {})
+  ] });
 }
 
 Object.defineProperty(exports, "Skeleton", {
@@ -4760,7 +4764,6 @@ exports.HoverCard = HoverCard;
 exports.HoverCardContent = HoverCardContent;
 exports.HoverCardTrigger = HoverCardTrigger;
 exports.Label = Label3;
-exports.LocaleProvider = LocaleProvider;
 exports.LoginForm = LoginForm;
 exports.Menubar = Menubar;
 exports.MenubarCheckboxItem = MenubarCheckboxItem;
@@ -4862,7 +4865,7 @@ exports.Tooltip = Tooltip;
 exports.TooltipContent = TooltipContent;
 exports.TooltipProvider = TooltipProvider;
 exports.TooltipTrigger = TooltipTrigger;
-exports.TranslationProvider = TranslationProvider;
+exports.UIKitProvider = UIKitProvider;
 exports.appleIconVariants = appleIconVariants;
 exports.badgeVariants = badgeVariants;
 exports.buttonGroupVariants = buttonGroupVariants;