@dimaan/ui 0.0.1 → 0.0.2

package/dist/index.cjs

@@ -557,18 +557,11 @@ function SidebarNavItem({
     }
   );
 }
-function isSection(entry) {
-  return "items" in entry && !("label" in entry && "href" in entry) && Array.isArray(entry.items);
-}
 function isGroup(entry) {
-  return "items" in entry;
-}
-function normalize(nav) {
-  if (nav.length === 0) return [];
-  if (isSection(nav[0])) return nav;
-  return [{ key: "__root", items: nav }];
+  return "items" in entry && Array.isArray(entry.items);
 }
-function renderItem(item) {
+function renderItem(item, fallbackKey) {
+  const key = item.key ?? fallbackKey;
   if (item.render) {
     return /* @__PURE__ */ jsxRuntime.jsx(
       SidebarNavItem,
@@ -579,7 +572,7 @@ function renderItem(item) {
         render: item.render,
         children: item.label
       },
-      item.key
+      key
     );
   }
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -591,7 +584,7 @@ function renderItem(item) {
       endSlot: item.endSlot,
       children: item.label
     },
-    item.key
+    key
   );
 }
 function AppShell({
@@ -607,7 +600,6 @@ function AppShell({
   onCollapsedChange,
   children
 }) {
-  const sections = normalize(nav);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     DashboardLayout,
     {
@@ -620,19 +612,19 @@ function AppShell({
             brand.logo,
             brand.name ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-sm font-semibold", children: brand.name }) : null
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(SidebarNav, { children: sections.map((section) => /* @__PURE__ */ jsxRuntime.jsx(SidebarGroup, { label: section.label, children: section.items.map(
-            (entry) => isGroup(entry) ? /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx(SidebarNav, { children: nav.map(
+            (entry, index) => isGroup(entry) ? /* @__PURE__ */ jsxRuntime.jsx(
               SidebarNavGroup,
               {
                 label: entry.label,
                 icon: entry.icon,
                 active: entry.active,
                 defaultOpen: entry.defaultOpen ?? entry.items.some((i) => i.active),
-                children: entry.items.map(renderItem)
+                children: entry.items.map((item, itemIndex) => renderItem(item, itemIndex))
               },
-              entry.key
-            ) : renderItem(entry)
-          ) }, section.key)) }),
+              entry.key ?? index
+            ) : renderItem(entry, index)
+          ) }),
           sidebarFooter ? /* @__PURE__ */ jsxRuntime.jsx(SidebarFooter, { children: sidebarFooter }) : null
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs(DashboardMain, { children: [
@@ -849,6 +841,43 @@ var Input = react.forwardRef(function Input2({
     hasError ? /* @__PURE__ */ jsxRuntime.jsx("p", { id: errorId, className: "text-xs text-destructive", children: error }) : helperText ? /* @__PURE__ */ jsxRuntime.jsx("p", { id: helperId, className: "text-xs text-muted-foreground", children: helperText }) : null
   ] });
 });
+function LanguageSwitcher({
+  languages,
+  value,
+  onChange,
+  ariaLabel = "Language",
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "fieldset",
+    {
+      "aria-label": ariaLabel,
+      className: cn(
+        "inline-flex items-center rounded-md border border-border bg-background p-0.5 text-xs",
+        className
+      ),
+      ...props,
+      children: languages.map((lang) => {
+        const isActive = lang.code === value;
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => onChange(lang.code),
+            "aria-pressed": isActive,
+            className: cn(
+              "rounded px-2 py-1 font-medium transition-colors",
+              isActive ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:text-foreground"
+            ),
+            children: lang.label ?? lang.code.toUpperCase()
+          },
+          lang.code
+        );
+      })
+    }
+  );
+}
 function readDocumentDirection() {
   if (typeof document === "undefined") return "ltr";
   const dir = document.documentElement.getAttribute("dir");
@@ -1371,6 +1400,7 @@ exports.HeaderMobileTrigger = HeaderMobileTrigger;
 exports.HeaderSearch = HeaderSearch;
 exports.HeaderTitle = HeaderTitle;
 exports.Input = Input;
+exports.LanguageSwitcher = LanguageSwitcher;
 exports.Sidebar = Sidebar;
 exports.SidebarFooter = SidebarFooter;
 exports.SidebarGroup = SidebarGroup;