@node-core/ui-components 1.0.1-a459447336d99556960d6f9e1c997327b29e4974 → 1.0.1-b2d4fae0fc29bf3aeebacb37572f47a0a81dd8ed

package/Containers/Sidebar/index.module.css

@@ -1,48 +1,2 @@
 /*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
-.wrapper {
-  display: flex;
-  width: 100%;
-  flex-direction: column;
-  gap: calc(var(--spacing, 0.25rem)*8);
-  overflow: auto;
-  border-right-style: var(--tw-border-style);
-  border-right-width: 0px;
-  border-color: var(--color-neutral-200, #e9edf0);
-  background-color: var(--color-white, #fff);
-  padding-inline: calc(var(--spacing, 0.25rem)*4);
-  padding-block: calc(var(--spacing, 0.25rem)*6);
-  @media (width >= 40rem) {
-    border-right-style: var(--tw-border-style);
-    border-right-width: 1px;
-  }
-  @media (width >= 48rem) {
-    max-width: var(--container-xs, 20rem);
-  }
-  @media (width >= 64rem) {
-    padding-inline: calc(var(--spacing, 0.25rem)*6);
-  }
-  &:where([data-theme=dark], [data-theme=dark] *) {
-    border-color: var(--color-neutral-900, #2c3437);
-  }
-  &:where([data-theme=dark], [data-theme=dark] *) {
-    background-color: var(--color-neutral-950, #0d121c);
-  }
-  .navigation {
-    display: none;
-    @media (width >= 40rem) {
-      display: flex;
-    }
-  }
-  .mobileSelect {
-    display: flex;
-    width: 100%;
-    @media (width >= 40rem) {
-      display: none;
-    }
-  }
-}
-@property --tw-border-style {
-  syntax: "*";
-  inherits: false;
-  initial-value: solid;
-}
+.wrapper{gap:calc(var(--spacing,.25rem)*8);border-right-style:var(--tw-border-style);border-right-width:0;border-color:var(--color-neutral-200,#e9edf0);background-color:var(--color-white,#fff);width:100%;padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*6);flex-direction:column;display:flex;overflow:auto}@media (min-width:40rem){.wrapper{border-right-style:var(--tw-border-style);border-right-width:1px}}@media (min-width:48rem){.wrapper{max-width:var(--container-xs,20rem)}}@media (min-width:64rem){.wrapper{padding-inline:calc(var(--spacing,.25rem)*6)}}.wrapper:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900,#2c3437);background-color:var(--color-neutral-950,#0d121c)}.wrapper .navigation{display:none}@media (min-width:40rem){.wrapper .navigation{display:flex}}.wrapper .mobileSelect{width:100%;display:flex}@media (min-width:40rem){.wrapper .mobileSelect{display:none}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}

package/MDX/CodeTabs.js

@@ -1,14 +1,23 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as TabsPrimitive from '@radix-ui/react-tabs';
 import CodeTabs from '#ui/Common/CodeTabs';
+const NAME_OVERRIDES = {
+    mjs: 'ESM',
+};
 const MDXCodeTabs = ({ languages: rawLanguages, displayNames: rawDisplayNames, children: codes, defaultTab = '0', ...props }) => {
     const languages = rawLanguages.split('|');
     const displayNames = rawDisplayNames?.split('|') ?? [];
+    const occurrences = {};
     const tabs = languages.map((language, index) => {
-        const displayName = displayNames[index];
+        const base = displayNames[index]?.trim() ||
+            NAME_OVERRIDES[language] ||
+            language.toUpperCase();
+        const count = occurrences[base] ?? 0;
+        occurrences[base] = count + 1;
+        const label = count > 0 ? `${base} (${count + 1})` : base;
         return {
             key: `${language}-${index}`,
-            label: displayName?.length ? displayName : language.toUpperCase(),
+            label: label,
         };
     });
     return (_jsx(CodeTabs, { tabs: tabs, defaultValue: tabs[Number(defaultTab)].key, ...props, children: languages.map((_, index) => (_jsx(TabsPrimitive.Content, { value: tabs[index].key, children: codes[index] }, tabs[index].key))) }));

package/Providers/NotificationProvider/index.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as Toast from '@radix-ui/react-toast';
+import { createContext, useContext, useEffect, useState } from 'react';
+import Notification from '#ui/Common/Notification';
+import styles from './index.module.css';
+const NotificationContext = createContext(null);
+export const NotificationDispatch = createContext(() => { });
+export const useNotification = () => useContext(NotificationDispatch);
+export const NotificationProvider = ({ children }) => {
+    const [notification, dispatch] = useState(null);
+    useEffect(() => {
+        const timeout = setTimeout(() => dispatch(null), notification?.duration);
+        return () => clearTimeout(timeout);
+    }, [notification]);
+    return (_jsx(NotificationContext.Provider, { value: notification, children: _jsx(NotificationDispatch.Provider, { value: dispatch, children: _jsxs(Toast.Provider, { children: [children, notification && (_jsx(Notification, { duration: notification.duration, children: notification.message })), _jsx(Toast.Viewport, { className: styles.viewport })] }) }) }));
+};

package/Providers/NotificationProvider/index.module.css

@@ -0,0 +1,2 @@
+/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
+.viewport{right:calc(var(--spacing,.25rem)*0);bottom:calc(var(--spacing,.25rem)*0);list-style-type:none;position:fixed}

package/package.json

@@ -12,8 +12,11 @@
     "@radix-ui/react-tabs": "~1.1.12",
     "@radix-ui/react-toast": "~1.2.14",
     "@radix-ui/react-tooltip": "~1.2.7",
+    "@tailwindcss/postcss": "~4.1.11",
     "@vcarl/remark-headings": "~0.1.0",
-    "classnames": "~2.5.1"
+    "classnames": "~2.5.1",
+    "postcss-calc": "^10.1.1",
+    "tailwindcss": "~4.0.17"
   },
   "imports": {
     "#ui/*": [
@@ -23,7 +26,7 @@
   "engines": {
     "node": ">=20"
   },
-  "version": "1.0.1-a459447336d99556960d6f9e1c997327b29e4974",
+  "version": "1.0.1-b2d4fae0fc29bf3aeebacb37572f47a0a81dd8ed",
   "scripts": {
     "compile:ts": "tsc",
     "compile:css": "postcss --dir dist --base src \"src/**/*.module.css\" src/styles/index.css",