@vadimcomanescu/nadicode-design-system 2.0.0

package/dist/chunk-4K3PATUT.js

@@ -0,0 +1,370 @@
+// src/messages/en.ts
+var seedMessagesEn = {
+  "common": {
+    "close": "Close",
+    "save": "Save",
+    "cancel": "Cancel",
+    "search": "Search",
+    "back": "Back",
+    "next": "Next",
+    "previous": "Previous",
+    "loading": "Loading",
+    "delete": "Delete",
+    "edit": "Edit",
+    "confirm": "Confirm",
+    "submit": "Submit",
+    "reset": "Reset",
+    "clear": "Clear",
+    "open": "Open",
+    "more": "More",
+    "less": "Less",
+    "expand": "Expand",
+    "collapse": "Collapse",
+    "goToFirstPage": "Go to first page",
+    "goToPreviousPage": "Go to previous page",
+    "goToNextPage": "Go to next page",
+    "goToLastPage": "Go to last page",
+    "page": "Page",
+    "of": "of",
+    "progress": "Progress"
+  },
+  "components": {
+    "avatarUpload": {
+      "change": "Change",
+      "upload": "Upload",
+      "removeImage": "Remove image",
+      "uploadAvatar": "Upload avatar"
+    },
+    "fileUpload": {
+      "uploadFiles": "Upload files",
+      "uploadedFiles": "Uploaded files",
+      "removeFile": "Remove {fileName}",
+      "dragAndDrop": "Drag & drop files here, or click to select files",
+      "dragActive": "Drop the files here",
+      "maxFileSize": "Max file size: {size}",
+      "maxFiles": "Max {count} files"
+    },
+    "searchCommand": {
+      "placeholder": "Type a command or search...",
+      "searching": "Searching...",
+      "noResults": "No results found."
+    },
+    "inputOTP": {
+      "oneTimePassword": "One-time password"
+    },
+    "passwordInput": {
+      "showPassword": "Show password",
+      "hidePassword": "Hide password"
+    },
+    "sidebar": {
+      "toggleSidebar": "Toggle Sidebar"
+    },
+    "notificationCenter": {
+      "notifications": "Notifications",
+      "unreadNotifications": "{count} unread notifications",
+      "markAllAsRead": "Mark all as read",
+      "dismiss": "Dismiss: {title}",
+      "noNotifications": "No notifications"
+    },
+    "tagInput": {
+      "removeTag": "Remove {tag}"
+    },
+    "formWizard": {
+      "formWizard": "Form wizard",
+      "wizardSteps": "Wizard steps",
+      "next": "Continue",
+      "back": "Back",
+      "complete": "Complete",
+      "stepOfTotal": "Step {step} of {total}"
+    },
+    "pagination": {
+      "pagination": "Pagination",
+      "goToFirstPage": "Go to first page",
+      "goToPreviousPage": "Go to previous page",
+      "goToNextPage": "Go to next page",
+      "goToLastPage": "Go to last page",
+      "previous": "Previous",
+      "next": "Next",
+      "morePages": "More pages",
+      "pageOfTotal": "Page {page} of {total}",
+      "rowsPerPage": "Rows per page"
+    },
+    "styleToggle": {
+      "styleSelector": "Style selector",
+      "arctic": "Arctic",
+      "arcticShort": "Arc",
+      "bloom": "Bloom",
+      "bloomShort": "Blo"
+    },
+    "thinkingIndicator": {
+      "thinking": "Thinking",
+      "showReasoning": "Show reasoning",
+      "hideReasoning": "Hide reasoning"
+    },
+    "conversationThread": {
+      "user": "User",
+      "aiAssistant": "AI assistant",
+      "conversationThread": "Conversation thread"
+    },
+    "calendar": {
+      "previousMonth": "Go to previous month",
+      "nextMonth": "Go to next month"
+    },
+    "checkbox": {
+      "checkbox": "Checkbox"
+    },
+    "command": {
+      "noResults": "No results found."
+    },
+    "carousel": {
+      "carousel": "Carousel",
+      "previousSlide": "Previous slide",
+      "nextSlide": "Next slide",
+      "slideInfo": "Slide {current} of {total}"
+    },
+    "select": {
+      "scrollUp": "Scroll up",
+      "scrollDown": "Scroll down"
+    },
+    "slider": {
+      "slider": "Slider"
+    },
+    "floatingDock": {
+      "navigation": "Navigation"
+    },
+    "contextMenu": {
+      "contextMenu": "Context menu"
+    },
+    "dropdownMenu": {
+      "dropdownMenu": "Dropdown menu"
+    },
+    "menubar": {
+      "menubar": "Menubar"
+    },
+    "radioGroup": {
+      "radioGroup": "Radio group"
+    },
+    "agentMetricsCard": {
+      "agentMetrics": "Agent metrics"
+    },
+    "agentTeamPanel": {
+      "agentTeam": "Agent team"
+    },
+    "agentTimeline": {
+      "timeline": "Timeline"
+    },
+    "morphingText": {
+      "morphingText": "Morphing text"
+    },
+    "languageSwitcher": {
+      "label": "Language",
+      "en": "English",
+      "it": "Italiano"
+    }
+  },
+  "blocks": {
+    "chatLayout": {
+      "voiceInput": "Voice input",
+      "sendMessage": "Send message",
+      "chatMessages": "Chat messages",
+      "messageInput": "Message input"
+    },
+    "pricingBlock": {
+      "toggleYearlyBilling": "Toggle yearly billing",
+      "monthly": "Monthly",
+      "yearly": "Yearly",
+      "savePercent": "Save 20%",
+      "mostPopular": "Most Popular"
+    },
+    "onboardingBlock": {
+      "onboardingProgress": "Onboarding progress"
+    },
+    "headerBlock": {
+      "mainNavigation": "Main navigation",
+      "openMenu": "Open Menu",
+      "closeMenu": "Close Menu",
+      "navigationMenu": "Navigation menu"
+    },
+    "footerBlock": {
+      "footer": "Footer",
+      "backToTop": "Back to top",
+      "subscribe": "Subscribe",
+      "product": "Product",
+      "company": "Company",
+      "legal": "Legal",
+      "allRightsReserved": "\xA9 {year} {name}. All rights reserved."
+    },
+    "dataGridBlock": {
+      "searchPlaceholder": "Search...",
+      "noResults": "No results found",
+      "rowsPerPage": "Rows per page",
+      "statusHeader": "Status",
+      "emailHeader": "Email",
+      "amountHeader": "Amount",
+      "actionsHeader": "Actions",
+      "openMenu": "Open menu",
+      "copyPaymentId": "Copy payment ID",
+      "viewCustomer": "View customer",
+      "viewPaymentDetails": "View payment details"
+    },
+    "directoryBlock": {
+      "searchPlaceholder": "Search...",
+      "noResults": "No results found",
+      "platform": "Platform",
+      "projects": "Projects",
+      "viewProject": "View Project",
+      "addToFavorites": "Add to Favorites",
+      "deleteProject": "Delete Project",
+      "selectProject": "Select a project to view details",
+      "more": "More"
+    },
+    "voiceAgentCard": {
+      "voiceAgent": "Voice agent",
+      "startCall": "Start call",
+      "endCall": "End call",
+      "stateReady": "Ready",
+      "stateListening": "Listening",
+      "stateSpeaking": "Speaking"
+    }
+  },
+  "auth": {
+    "signIn": "Sign In",
+    "signUp": "Sign Up",
+    "email": "Email",
+    "password": "Password",
+    "fullName": "Full Name",
+    "forgotPassword": "Forgot password?",
+    "noAccount": "Don't have an account?",
+    "hasAccount": "Already have an account?",
+    "checkEmail": "Check your email",
+    "resetPassword": "Reset Password",
+    "newPassword": "New Password",
+    "confirmPassword": "Confirm Password",
+    "magicLink": "Sign in with magic link",
+    "orContinueWith": "or continue with",
+    "google": "Google",
+    "layout": {
+      "loginHeading": "Sign in to your account",
+      "signupHeading": "Create your account",
+      "headline": "Build the future, faster.",
+      "quote": "This library has saved me countless hours of work and helped me deliver stunning designs to my clients faster than ever before.",
+      "quoteAttribution": "Sofia Davis, Lead Engineer"
+    },
+    "shared": {
+      "continueWithGoogle": "Continue with Google",
+      "orContinueWith": "Or continue with",
+      "emailAddress": "Email address",
+      "password": "Password",
+      "fullName": "Full name",
+      "fullNamePlaceholder": "Jane Doe",
+      "emailPlaceholder": "name@example.com",
+      "forgotPassword": "Forgot password?"
+    },
+    "login": {
+      "title": "Welcome back",
+      "description": "Enter your credentials to access your account",
+      "submit": "Sign In",
+      "pending": "Signing in...",
+      "switchPrompt": "Don't have an account?",
+      "switchAction": "Create account"
+    },
+    "signup": {
+      "title": "Create an account",
+      "description": "Enter your information to create an account",
+      "submit": "Sign Up",
+      "pending": "Signing up...",
+      "switchPrompt": "Already have an account?",
+      "switchAction": "Sign in"
+    },
+    "banners": {
+      "checkEmail": "Check your email for a confirmation link to activate your account.",
+      "passwordReset": "Password reset successfully. Sign in with your new password.",
+      "confirmationFailed": "Email confirmation failed. Please try signing up again.",
+      "authCallbackFailed": "Authentication failed. Please try again.",
+      "logoutFailed": "Sign-out failed. Please try again."
+    },
+    "passwordRecovery": {
+      "shared": {
+        "email": "Email",
+        "emailPlaceholder": "name@example.com",
+        "checkEmail": "Check your email",
+        "sending": "Sending...",
+        "didNotReceiveEmail": "Didn't receive the email?",
+        "resendEmail": "Resend email",
+        "emailResent": "Email resent!",
+        "backToLogin": "Back to login",
+        "genericError": "Something went wrong. Please try again."
+      },
+      "reset": {
+        "title": "Forgot password?",
+        "description": "Enter your email to reset your password",
+        "button": "Send reset link",
+        "successDescription": "We sent a password reset link to",
+        "instructions": {
+          "step1": "Check your inbox for the email",
+          "step2": "Click the link to reset your password",
+          "step3": "Check your spam folder if you don't see it"
+        }
+      },
+      "magicLink": {
+        "title": "Sign in with magic link",
+        "description": "No password needed",
+        "button": "Send magic link",
+        "successDescription": "We sent a magic link to",
+        "backToPassword": "Prefer password? Sign in normally",
+        "instructions": {
+          "step1": "Click the link in the email to sign in",
+          "step2": "The link expires in 15 minutes",
+          "step3": "Check your spam folder if you don't see it"
+        }
+      }
+    },
+    "reset": {
+      "title": "Set new password",
+      "description": "Create a new password for your account.",
+      "newPassword": "New password",
+      "confirmPassword": "Confirm password",
+      "guidance": "Use at least 8 characters, then confirm the new password.",
+      "submit": "Reset password",
+      "pending": "Resetting...",
+      "passwordTooShort": "Password must be at least 8 characters",
+      "passwordMismatch": "Passwords do not match",
+      "backToLogin": "Back to login",
+      "rules": {
+        "minLength": "At least 8 characters",
+        "uppercase": "One uppercase letter",
+        "number": "One number",
+        "special": "One special character",
+        "match": "Passwords match"
+      },
+      "newPasswordPlaceholder": "Enter new password",
+      "confirmPasswordPlaceholder": "Confirm new password"
+    }
+  },
+  "nav": {
+    "dashboard": "Dashboard",
+    "settings": "Settings",
+    "logOut": "Log out",
+    "backToApp": "Back to App",
+    "search": "Search..."
+  },
+  "pages": {
+    "settings": {
+      "title": "Settings",
+      "general": "General",
+      "profile": "Profile",
+      "team": "Team",
+      "notifications": "Notifications",
+      "security": "Security",
+      "billing": "Billing",
+      "appearance": "Appearance",
+      "language": "Language",
+      "settingsNavigation": "Settings navigation",
+      "description": "Manage your account settings and preferences.",
+      "underConstruction": "This section is under construction."
+    }
+  }
+};
+var en_default = seedMessagesEn;
+
+export { en_default, seedMessagesEn };

package/dist/chunk-4NXZIMYZ.js

@@ -0,0 +1,32 @@
+import { useAnimatedIcon } from './chunk-ASKFAYYR.js';
+import { cn } from './chunk-QYZT24TS.js';
+import { useAnimation, motion } from 'motion/react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var CAPSULE_VARIANTS = {
+  normal: { y: 0 },
+  animate: { y: [0, -3, 0, -2, 0], transition: { duration: 0.6, ease: "easeInOut" } }
+};
+function MicIcon({
+  onMouseEnter,
+  onMouseLeave,
+  className,
+  size = 28,
+  ref,
+  ...props
+}) {
+  const controls = useAnimation();
+  const { handleMouseEnter, handleMouseLeave } = useAnimatedIcon(ref, {
+    onMouseEnter,
+    onMouseLeave,
+    animate: () => controls.start("animate"),
+    reset: () => controls.start("normal")
+  });
+  return /* @__PURE__ */ jsx("div", { className: cn(className), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ...props, children: /* @__PURE__ */ jsxs("svg", { fill: "none", height: size, overflow: "visible", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", viewBox: "0 0 24 24", width: size, xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ jsx("path", { d: "M12 19v3" }),
+    /* @__PURE__ */ jsx("path", { d: "M19 10v2a7 7 0 0 1-14 0v-2" }),
+    /* @__PURE__ */ jsx(motion.rect, { animate: controls, height: "13", rx: "3", variants: CAPSULE_VARIANTS, width: "6", x: "9", y: "2" })
+  ] }) });
+}
+
+export { MicIcon };

package/dist/chunk-4O6L5YWT.js

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { useInView } from 'motion/react';
+
+// src/hooks/use-is-in-view.tsx
+function useIsInView(ref, options = {}) {
+  const { inView, inViewOnce = false, inViewMargin = "0px" } = options;
+  const localRef = React.useRef(null);
+  React.useImperativeHandle(ref, () => localRef.current);
+  const inViewResult = useInView(localRef, {
+    once: inViewOnce,
+    margin: inViewMargin
+  });
+  const isInView = !inView || inViewResult;
+  return { ref: localRef, isInView };
+}
+
+export { useIsInView };

package/dist/chunk-4OBE2FS2.js

@@ -0,0 +1,44 @@
+import { Label } from './chunk-LIBXYD5Q.js';
+import { cn } from './chunk-QYZT24TS.js';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var textareaVariants = cva(
+  "flex w-full rounded-md border border-border bg-surface shadow-sm placeholder:text-text-tertiary focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-accent disabled:cursor-not-allowed disabled:opacity-50 text-text-primary",
+  {
+    variants: {
+      size: {
+        sm: "min-h-[60px] px-2.5 py-1.5 text-xs",
+        default: "min-h-[80px] px-4 py-2 text-sm",
+        lg: "min-h-[120px] px-4 py-3 text-base"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+function Textarea({ className, label, error, id, size, ref, ...props }) {
+  const generatedId = React.useId();
+  const textareaId = id || generatedId;
+  return /* @__PURE__ */ jsxs("div", { className: "w-full space-y-2", children: [
+    !!label && /* @__PURE__ */ jsx(Label, { htmlFor: textareaId, children: label }),
+    /* @__PURE__ */ jsx(
+      "textarea",
+      {
+        className: cn(
+          textareaVariants({ size }),
+          error && "border-destructive focus-visible:ring-destructive",
+          className
+        ),
+        ref,
+        id: textareaId,
+        ...props
+      }
+    ),
+    typeof error === "string" && /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-destructive", children: error })
+  ] });
+}
+
+export { Textarea, textareaVariants };

package/dist/chunk-4S326Z3D.js

@@ -0,0 +1,143 @@
+import { m } from './chunk-PD2YEH3H.js';
+import { cn } from './chunk-QYZT24TS.js';
+import { useReducedMotion, useSpring } from 'motion/react';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var avatar3DVariants = cva(
+  "relative inline-flex items-center justify-center rounded-full select-none",
+  {
+    variants: {
+      size: {
+        md: "h-[80px] w-[80px]",
+        lg: "h-[120px] w-[120px]",
+        xl: "h-[200px] w-[200px]"
+      }
+    },
+    defaultVariants: { size: "lg" }
+  }
+);
+function Avatar3D({
+  className,
+  src,
+  name,
+  state = "idle",
+  size,
+  enableTilt = true,
+  maxTilt = 15,
+  onSelect,
+  interactive = true,
+  ref,
+  ...props
+}) {
+  const prefersReduced = useReducedMotion();
+  const rotateX = useSpring(0, { duration: 0.2, bounce: 0 });
+  const rotateY = useSpring(0, { duration: 0.2, bounce: 0 });
+  const clampedTilt = Math.min(Math.max(maxTilt, 5), 25);
+  const handleMouse = (e) => {
+    if (prefersReduced || !enableTilt) return;
+    const rect = e.currentTarget.getBoundingClientRect();
+    const px = (e.clientX - rect.left) / rect.width - 0.5;
+    const py = (e.clientY - rect.top) / rect.height - 0.5;
+    rotateX.set(-py * clampedTilt);
+    rotateY.set(px * clampedTilt);
+  };
+  const handleMouseLeave = () => {
+    rotateX.set(0);
+    rotateY.set(0);
+  };
+  const isActive = state !== "idle";
+  const interactionProps = interactive ? {
+    role: "button",
+    tabIndex: 0,
+    "aria-label": name,
+    onClick: onSelect,
+    onKeyDown: (e) => {
+      if (e.key === "Enter" || e.key === " ") {
+        e.preventDefault();
+        onSelect?.();
+      }
+    }
+  } : {};
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: cn("group inline-flex", interactive ? "cursor-pointer" : "cursor-default", className),
+      ...interactionProps,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "absolute inset-[-8px] rounded-full bg-accent/20 blur-xl transition-opacity duration-500",
+              isActive ? "opacity-100" : "opacity-0",
+              isActive && "avatar-3d-glow",
+              state === "speaking" && "bg-accent/30"
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "absolute inset-[-4px] rounded-full",
+              state === "speaking" && "avatar-3d-speaking",
+              state === "listening" && "avatar-3d-listening"
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          m.div,
+          {
+            style: {
+              perspective: 1e3,
+              rotateX,
+              rotateY,
+              willChange: "transform"
+            },
+            onMouseMove: handleMouse,
+            onMouseLeave: handleMouseLeave,
+            className: "relative",
+            children: /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: cn(
+                  avatar3DVariants({ size }),
+                  "overflow-hidden rounded-full agent-avatar-breathe",
+                  state === "idle" && "ring-2 ring-border/50",
+                  state === "listening" && "ring-2 ring-primary/60 shadow-[0_0_20px_rgba(var(--color-primary),0.2)]",
+                  state === "speaking" && "ring-2 ring-accent shadow-[0_0_30px_rgba(var(--color-accent),0.4)]"
+                ),
+                children: [
+                  /* @__PURE__ */ jsx(
+                    "img",
+                    {
+                      src,
+                      alt: name,
+                      className: "h-full w-full object-cover rounded-full",
+                      draggable: false
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: "absolute inset-0 rounded-full pointer-events-none",
+                      style: {
+                        background: "radial-gradient(circle at 30% 30%, transparent 50%, rgba(0,0,0,0.15) 100%)"
+                      }
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("div", { className: "absolute inset-0 rounded-full bg-overlay/0 group-hover:bg-overlay/10 transition-colors pointer-events-none" })
+                ]
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+
+export { Avatar3D, avatar3DVariants };

package/dist/chunk-55HD4L6G.js

@@ -0,0 +1,67 @@
+import { cn } from './chunk-QYZT24TS.js';
+import { jsx } from 'react/jsx-runtime';
+
+function Empty({
+  className,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(
+        "flex flex-col items-center justify-center space-y-4 rounded-lg border border-dashed border-border bg-surface/50 p-12 text-center shadow-sm animate-in fade-in-50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function EmptyIcon({
+  className,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(
+        "flex h-12 w-12 items-center justify-center rounded-full bg-secondary/50 text-secondary-foreground ring-4 ring-secondary/10",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function EmptyTitle({
+  className,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "h3",
+    {
+      ref,
+      className: cn("text-lg font-semibold text-text-primary tracking-tight", className),
+      ...props
+    }
+  );
+}
+function EmptyDescription({
+  className,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      ref,
+      className: cn("max-w-sm text-sm text-text-tertiary leading-relaxed", className),
+      ...props
+    }
+  );
+}
+
+export { Empty, EmptyDescription, EmptyIcon, EmptyTitle };