@dimaan/ui 0.0.0 → 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: [
@@ -752,6 +744,140 @@ var Checkbox = react.forwardRef(function Checkbox2({
     )
   ] });
 });
+
+// src/components/input/inputVariants.ts
+var inputVariantClass = {
+  default: "border border-input bg-background hover:border-ring",
+  filled: "border border-transparent bg-muted hover:bg-muted/80",
+  ghost: "border border-transparent bg-transparent hover:bg-accent"
+};
+var inputSizeClass = {
+  sm: "h-8 rounded-md px-2.5 text-sm gap-1.5",
+  md: "h-9 rounded-md px-3 text-sm gap-2",
+  lg: "h-11 rounded-md px-4 text-base gap-2.5"
+};
+var inputBaseClass = "group/input relative inline-flex w-full items-center text-foreground outline-none transition-[background-color,border-color,box-shadow] focus-within:ring-2 focus-within:ring-ring/40 focus-within:ring-offset-1 focus-within:ring-offset-background aria-[invalid=true]:border-destructive aria-[invalid=true]:focus-within:ring-destructive/40 has-[input:disabled]:pointer-events-none has-[input:disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0";
+var Input = react.forwardRef(function Input2({
+  variant = "default",
+  inputSize = "md",
+  label,
+  helperText,
+  error,
+  leadingIcon,
+  trailingIcon,
+  fullWidth = true,
+  type = "text",
+  id,
+  className,
+  wrapperClassName,
+  containerClassName,
+  "aria-invalid": ariaInvalidProp,
+  "aria-describedby": ariaDescribedByProp,
+  disabled,
+  ...props
+}, ref) {
+  const generatedId = react.useId();
+  const inputId = id ?? generatedId;
+  const helperId = `${inputId}-helper`;
+  const errorId = `${inputId}-error`;
+  const hasError = error !== void 0 && error !== null && error !== false;
+  const ariaInvalid = ariaInvalidProp ?? (hasError ? true : void 0);
+  const describedByIds = [
+    ariaDescribedByProp,
+    hasError ? errorId : null,
+    !hasError && helperText ? helperId : null
+  ].filter(Boolean).join(" ");
+  const ariaDescribedBy = describedByIds.length > 0 ? describedByIds : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-1.5", fullWidth && "w-full", containerClassName), children: [
+    label !== void 0 && label !== null && /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: inputId, className: "text-sm font-medium text-foreground select-none", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        "data-slot": "input-wrapper",
+        className: cn(
+          inputBaseClass,
+          inputVariantClass[variant],
+          inputSizeClass[inputSize],
+          wrapperClassName
+        ),
+        "aria-invalid": ariaInvalid,
+        "data-disabled": disabled ? "true" : void 0,
+        children: [
+          leadingIcon ? /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: "inline-flex h-4 w-4 items-center justify-center text-muted-foreground",
+              children: leadingIcon
+            }
+          ) : null,
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              ref,
+              id: inputId,
+              type,
+              disabled,
+              "aria-invalid": ariaInvalid,
+              "aria-describedby": ariaDescribedBy,
+              className: cn(
+                "h-full w-full min-w-0 flex-1 bg-transparent outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed",
+                className
+              ),
+              ...props
+            }
+          ),
+          trailingIcon ? /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: "inline-flex h-4 w-4 items-center justify-center text-muted-foreground",
+              children: trailingIcon
+            }
+          ) : null
+        ]
+      }
+    ),
+    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");
@@ -1273,6 +1399,8 @@ exports.HeaderCollapseTrigger = HeaderCollapseTrigger;
 exports.HeaderMobileTrigger = HeaderMobileTrigger;
 exports.HeaderSearch = HeaderSearch;
 exports.HeaderTitle = HeaderTitle;
+exports.Input = Input;
+exports.LanguageSwitcher = LanguageSwitcher;
 exports.Sidebar = Sidebar;
 exports.SidebarFooter = SidebarFooter;
 exports.SidebarGroup = SidebarGroup;
@@ -1285,6 +1413,9 @@ exports.buttonBaseClass = buttonBaseClass;
 exports.buttonSizeClass = buttonSizeClass;
 exports.buttonVariantClass = buttonVariantClass;
 exports.cn = cn;
+exports.inputBaseClass = inputBaseClass;
+exports.inputSizeClass = inputSizeClass;
+exports.inputVariantClass = inputVariantClass;
 exports.tableAlignClass = alignClass;
 exports.tableBaseClass = tableBaseClass;
 exports.tableSelectedRowClass = selectedRowClass;