@vadimcomanescu/nadicode-design-system 4.0.4 → 4.0.6

package/dist/components/ui/SearchCommand.js

@@ -1,4 +1,5 @@
 'use client';
+export { SearchCommand, searchCommandVariants } from '../../chunk-LIJYUSSE.js';
 import '../../chunk-GO35FTNJ.js';
 import '../../chunk-WUO7OONN.js';
 import '../../chunk-FLF5AMNO.js';
@@ -12,7 +13,7 @@ import '../../chunk-CGUCH322.js';
 import '../../chunk-ELKIUARM.js';
 import '../../chunk-KSHJQ2VT.js';
 import '../../chunk-GAKU7DFY.js';
-import { SearchIcon } from '../../chunk-T6BRD7TS.js';
+import '../../chunk-T6BRD7TS.js';
 import '../../chunk-TXGANOAX.js';
 import '../../chunk-OITJWGFV.js';
 import '../../chunk-Z74D6D2W.js';
@@ -51,7 +52,7 @@ import '../../chunk-PKVTEDKO.js';
 import '../../chunk-I3TH7PIB.js';
 import '../../chunk-WGPK3FQ7.js';
 import '../../chunk-JL4MVVFH.js';
-import { CornerDownLeftIcon } from '../../chunk-4FEAWXJD.js';
+import '../../chunk-4FEAWXJD.js';
 import '../../chunk-JHQTKMKG.js';
 import '../../chunk-WA45EC4Y.js';
 import '../../chunk-2MOEOEOI.js';
@@ -111,153 +112,4 @@ import '../../chunk-NURPUVUV.js';
 import '../../chunk-TV4RSQH4.js';
 import '../../chunk-HJBXUXTD.js';
 import '../../chunk-ASKFAYYR.js';
-import { cn } from '../../chunk-QYZT24TS.js';
-import * as React from 'react';
-import { useTranslations } from 'next-intl';
-import { cva } from 'class-variance-authority';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var searchCommandVariants = cva(
-  "flex flex-col rounded-xl glass-panel overflow-hidden",
-  {
-    variants: {
-      variant: {
-        default: "",
-        floating: "shadow-lg shadow-black/20"
-      },
-      size: {
-        sm: "max-w-sm",
-        default: "max-w-lg",
-        lg: "max-w-2xl"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-var EMPTY_RESULTS = [];
-function SearchCommand({
-  className,
-  variant,
-  size,
-  value = "",
-  onChange,
-  results = EMPTY_RESULTS,
-  onSelect,
-  placeholder,
-  loading = false,
-  showShortcut = true,
-  ref,
-  ...props
-}) {
-  const t = useTranslations("components.searchCommand");
-  const resolvedPlaceholder = placeholder ?? t("placeholder");
-  const [selectedIndex, setSelectedIndex] = React.useState(0);
-  const inputRef = React.useRef(null);
-  const prevResultsRef = React.useRef(results);
-  if (prevResultsRef.current !== results) {
-    prevResultsRef.current = results;
-    if (selectedIndex !== 0) setSelectedIndex(0);
-  }
-  const handleKeyDown = (e) => {
-    if (e.key === "ArrowDown") {
-      e.preventDefault();
-      setSelectedIndex((prev) => (prev + 1) % Math.max(results.length, 1));
-    } else if (e.key === "ArrowUp") {
-      e.preventDefault();
-      setSelectedIndex(
-        (prev) => prev <= 0 ? Math.max(results.length - 1, 0) : prev - 1
-      );
-    } else if (e.key === "Enter" && results[selectedIndex]) {
-      e.preventDefault();
-      onSelect?.(results[selectedIndex]);
-    }
-  };
-  const groupedResults = React.useMemo(() => results.reduce(
-    (acc, result) => {
-      const category = result.category ?? "Results";
-      if (!acc[category]) acc[category] = [];
-      acc[category].push(result);
-      return acc;
-    },
-    {}
-  ), [results]);
-  let flatIndex = -1;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ref,
-      className: cn(searchCommandVariants({ variant, size }), "w-full", className),
-      role: "combobox",
-      "aria-expanded": results.length > 0,
-      "aria-controls": "search-command-listbox",
-      "aria-haspopup": "listbox",
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 border-b border-border pl-4 pr-12 transition-[border-color]", children: [
-          /* @__PURE__ */ jsx(SearchIcon, { size: 16, className: "shrink-0 text-text-tertiary" }),
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              ref: inputRef,
-              className: "flex-1 bg-transparent py-4 text-sm text-text-primary placeholder:text-text-tertiary outline-none focus-visible:outline-1 focus-visible:outline-border",
-              placeholder: resolvedPlaceholder,
-              value,
-              onChange: (e) => onChange?.(e.target.value),
-              onKeyDown: handleKeyDown,
-              role: "searchbox",
-              "aria-label": "Search",
-              "aria-autocomplete": "list",
-              "aria-activedescendant": results[selectedIndex] ? `search-option-${results[selectedIndex].id}` : void 0
-            }
-          ),
-          !!showShortcut && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1.5 text-text-tertiary", children: /* @__PURE__ */ jsx(CornerDownLeftIcon, { size: 12 }) })
-        ] }),
-        !!loading && /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-6", children: /* @__PURE__ */ jsx("span", { className: "text-sm text-text-tertiary animate-pulse", children: t("searching") }) }),
-        !loading && results.length > 0 && /* @__PURE__ */ jsx(
-          "ul",
-          {
-            id: "search-command-listbox",
-            className: "max-h-[300px] overflow-y-auto py-1.5",
-            role: "listbox",
-            "aria-label": "Search results",
-            children: Object.entries(groupedResults).map(([category, items]) => /* @__PURE__ */ jsxs("li", { role: "presentation", children: [
-              /* @__PURE__ */ jsx("div", { className: "px-4 py-1.5 text-[10px] font-semibold uppercase tracking-wider text-text-tertiary", children: category }),
-              /* @__PURE__ */ jsx("ul", { role: "group", "aria-label": category, children: items.map((result) => {
-                flatIndex++;
-                const idx = flatIndex;
-                return /* @__PURE__ */ jsxs(
-                  "li",
-                  {
-                    id: `search-option-${result.id}`,
-                    role: "option",
-                    "aria-selected": idx === selectedIndex,
-                    className: cn(
-                      "flex items-center gap-4 cursor-pointer px-4 py-2 text-sm transition-colors",
-                      idx === selectedIndex ? "bg-accent/10 text-accent" : "text-text-primary hover:bg-surface-hover"
-                    ),
-                    onClick: () => onSelect?.(result),
-                    onMouseEnter: () => setSelectedIndex(idx),
-                    children: [
-                      result.icon && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-text-tertiary", children: result.icon }),
-                      /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-                        /* @__PURE__ */ jsx("p", { className: "truncate", children: result.title }),
-                        result.description && /* @__PURE__ */ jsx("p", { className: "text-xs text-text-tertiary truncate", children: result.description })
-                      ] })
-                    ]
-                  },
-                  result.id
-                );
-              }) })
-            ] }, category))
-          }
-        ),
-        !loading && value && results.length === 0 && /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-6", children: /* @__PURE__ */ jsx("span", { className: "text-sm text-text-tertiary", children: t("noResults") }) })
-      ]
-    }
-  );
-}
-
-export { SearchCommand, searchCommandVariants };
+import '../../chunk-QYZT24TS.js';

package/dist/hooks/useHotkey.js

@@ -1,37 +1 @@
-import { useRef, useEffect, useMemo } from 'react';
-
-// src/hooks/useHotkey.ts
-function parseCombo(combo) {
-  const parts = combo.toLowerCase().split("+");
-  return {
-    key: parts[parts.length - 1],
-    mod: parts.includes("mod"),
-    shift: parts.includes("shift"),
-    alt: parts.includes("alt")
-  };
-}
-function useHotkey(combo, callback, options) {
-  const callbackRef = useRef(callback);
-  const enabled = options?.enabled ?? true;
-  useEffect(() => {
-    callbackRef.current = callback;
-  });
-  const parsed = useMemo(() => parseCombo(combo), [combo]);
-  useEffect(() => {
-    if (!enabled) return;
-    function handler(event) {
-      const mac = typeof navigator !== "undefined" && /Mac|iPhone|iPad/.test(navigator.userAgent);
-      const modPressed = mac ? event.metaKey : event.ctrlKey;
-      if (parsed.mod && !modPressed) return;
-      if (parsed.shift && !event.shiftKey) return;
-      if (parsed.alt && !event.altKey) return;
-      if (event.key.toLowerCase() !== parsed.key) return;
-      event.preventDefault();
-      callbackRef.current(event);
-    }
-    document.addEventListener("keydown", handler);
-    return () => document.removeEventListener("keydown", handler);
-  }, [parsed, enabled]);
-}
-
-export { useHotkey };
+export { useHotkey } from '../chunk-JVIRZNQ6.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vadimcomanescu/nadicode-design-system",
-  "version": "4.0.4",
+  "version": "4.0.6",
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"

package/dist/{chunk-BSCC7OQK.js → chunk-4TUJJ3UI.js}

@@ -1,9 +1,9 @@
+import { Gemini } from './chunk-TSVN5A2F.js';
+import { GooglePaLM } from './chunk-PX2WVDDB.js';
 import { MagicUI } from './chunk-BZYMCJHW.js';
 import { MediaWiki } from './chunk-H466RJCI.js';
 import { Replit } from './chunk-DT6DGTVW.js';
 import { VSCodium } from './chunk-J5DRK4RF.js';
-import { Gemini } from './chunk-TSVN5A2F.js';
-import { GooglePaLM } from './chunk-PX2WVDDB.js';
 import { StaggerChildren } from './chunk-DQPK2XRL.js';
 import { Heading } from './chunk-WI547C47.js';
 import { ScrollFadeIn } from './chunk-I23DDSU7.js';

package/dist/{chunk-Z233ZQZE.js → chunk-E4L6LR6P.js}

@@ -1,5 +1,5 @@
-import { HeaderBlock } from './chunk-WOYBVPXK.js';
 import { FooterBlock } from './chunk-AYWL4IYM.js';
+import { HeaderBlock } from './chunk-WOYBVPXK.js';
 import { cn } from './chunk-QYZT24TS.js';
 import { jsxs, jsx } from 'react/jsx-runtime';