@vadimcomanescu/nadicode-design-system 2.0.9 → 4.0.0

package/dist/components/blocks/AuthLayout.js

@@ -1,83 +1,19 @@
 'use client';
-import { LoginBlock } from '../../chunk-RGE5OQMZ.js';
-import { StaggerChildren } from '../../chunk-DQPK2XRL.js';
-import { Heading } from '../../chunk-WI547C47.js';
+export { AuthLayout } from '../../chunk-N3YFYMNZ.js';
+import '../../chunk-RGE5OQMZ.js';
+import '../../chunk-DQPK2XRL.js';
+import '../../chunk-WI547C47.js';
 import '../../chunk-RX5EUODB.js';
-import { siteConfig } from '../../chunk-A7NUWD76.js';
+import '../../chunk-A7NUWD76.js';
 import '../../chunk-AP3XXYAY.js';
 import '../../chunk-LIBXYD5Q.js';
 import '../../chunk-DJTF3XFB.js';
 import '../../chunk-AH6YSYYT.js';
 import '../../chunk-7KIDDF3I.js';
-import { AnimatedBackground } from '../../chunk-4GSFNJAJ.js';
-import { useMotionConfig, m, motionSpring } from '../../chunk-PD2YEH3H.js';
+import '../../chunk-4GSFNJAJ.js';
+import '../../chunk-PD2YEH3H.js';
 import '../../chunk-CRY67BIF.js';
 import '../../chunk-HJC6U46F.js';
-import { SparklesIcon } from '../../chunk-CGUCH322.js';
+import '../../chunk-CGUCH322.js';
 import '../../chunk-ASKFAYYR.js';
-import { cn } from '../../chunk-QYZT24TS.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var FORM_ENTRANCE_Y = 12;
-var VISUAL_STAGGER_MS = 100;
-var defaultLabels = {
-  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"
-};
-function AuthLayout({
-  mode = "login",
-  action,
-  error,
-  googleAction,
-  labels: userLabels,
-  className
-}) {
-  const motionConfig = useMotionConfig();
-  const labels = { ...defaultLabels, ...userLabels };
-  return /* @__PURE__ */ jsxs("div", { className: cn("w-full min-h-dvh lg:h-dvh lg:min-h-[800px] grid lg:grid-cols-2 overflow-hidden bg-background", className), children: [
-    /* @__PURE__ */ jsxs("div", { className: "hidden lg:flex relative h-full w-full flex-col bg-muted text-overlay-foreground dark:border-r border-border/50", children: [
-      /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-surface-active" }),
-      /* @__PURE__ */ jsx("div", { className: "absolute inset-0", children: /* @__PURE__ */ jsx(AnimatedBackground, {}) }),
-      /* @__PURE__ */ jsxs("div", { className: "relative z-20 flex items-center text-lg font-medium p-8", children: [
-        /* @__PURE__ */ jsx(SparklesIcon, { size: 24, className: "mr-2 text-accent" }),
-        siteConfig.name
-      ] }),
-      /* @__PURE__ */ jsxs(StaggerChildren, { staggerMs: VISUAL_STAGGER_MS, className: "relative z-20 m-auto max-w-lg text-center space-y-4", children: [
-        /* @__PURE__ */ jsx(Heading, { level: 2, size: "display", className: "font-bold bg-clip-text text-transparent bg-gradient-to-b from-overlay-foreground to-overlay-foreground/60 relative", children: labels.headline }),
-        /* @__PURE__ */ jsxs("blockquote", { className: "text-lg text-text-tertiary relative", children: [
-          /* @__PURE__ */ jsxs("p", { children: [
-            '"',
-            labels.quote,
-            '"'
-          ] }),
-          /* @__PURE__ */ jsx("footer", { className: "mt-2 text-sm", children: labels.quoteAttribution })
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center p-8 bg-background relative overflow-y-auto", children: [
-      /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-background via-background to-accent/5 pointer-events-none" }),
-      /* @__PURE__ */ jsx(
-        m.div,
-        {
-          initial: { opacity: 0, y: FORM_ENTRANCE_Y },
-          animate: { opacity: 1, y: 0 },
-          transition: { ...motionSpring.gentle, ...motionConfig },
-          className: "relative z-10 w-full max-w-sm",
-          children: /* @__PURE__ */ jsx(
-            LoginBlock,
-            {
-              className: "w-full",
-              type: mode === "signup" ? "signup" : "login",
-              action,
-              error,
-              googleAction
-            }
-          )
-        }
-      )
-    ] })
-  ] });
-}
-
-export { AuthLayout };
+import '../../chunk-QYZT24TS.js';

package/dist/components/blocks/BannerBlock.js

@@ -1,7 +1,8 @@
 'use client';
-import { Typography } from '../../chunk-N53OMWW2.js';
-import { Button } from '../../chunk-7KIDDF3I.js';
-import { useMotionConfig, m, motionSpring } from '../../chunk-PD2YEH3H.js';
+export { BannerBlock } from '../../chunk-DNJOBML6.js';
+import '../../chunk-N53OMWW2.js';
+import '../../chunk-7KIDDF3I.js';
+import '../../chunk-PD2YEH3H.js';
 import '../../chunk-CRY67BIF.js';
 import '../../chunk-HJC6U46F.js';
 import '../../chunk-GO35FTNJ.js';
@@ -46,7 +47,7 @@ import '../../chunk-2IZC7HSV.js';
 import '../../chunk-2SDZMTB2.js';
 import '../../chunk-IQEBXXB5.js';
 import '../../chunk-AZUJNRQU.js';
-import { InfoIcon } from '../../chunk-W3B3UOEG.js';
+import '../../chunk-W3B3UOEG.js';
 import '../../chunk-ACRVOD7W.js';
 import '../../chunk-QSU23VYZ.js';
 import '../../chunk-BJYCQ2NV.js';
@@ -106,73 +107,14 @@ import '../../chunk-R3AO6AZM.js';
 import '../../chunk-GCUTJI7M.js';
 import '../../chunk-CXACRCZ4.js';
 import '../../chunk-P6IRHPFM.js';
-import { AlertTriangleIcon } from '../../chunk-SXHYB7JB.js';
+import '../../chunk-SXHYB7JB.js';
 import '../../chunk-BFLN54VR.js';
 import '../../chunk-ONGJ7AC2.js';
 import '../../chunk-UHXGBV5N.js';
-import { XIcon } from '../../chunk-UIUMTURU.js';
+import '../../chunk-UIUMTURU.js';
 import '../../chunk-PRUXIDBD.js';
 import '../../chunk-NURPUVUV.js';
 import '../../chunk-TV4RSQH4.js';
 import '../../chunk-HJBXUXTD.js';
 import '../../chunk-ASKFAYYR.js';
-import { cn } from '../../chunk-QYZT24TS.js';
-import { useState } from 'react';
-import { AnimatePresence } from 'motion/react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var variantStyles = {
-  info: "border-info/30 bg-info/5 text-info",
-  warning: "border-warning/30 bg-warning/5 text-warning",
-  accent: "border-accent/30 bg-accent/5 text-accent"
-};
-var variantIcons = {
-  info: /* @__PURE__ */ jsx(InfoIcon, { size: 16, className: "shrink-0" }),
-  warning: /* @__PURE__ */ jsx(AlertTriangleIcon, { size: 16, className: "shrink-0" }),
-  accent: /* @__PURE__ */ jsx(InfoIcon, { size: 16, className: "shrink-0" })
-};
-function BannerBlock({
-  children,
-  variant = "info",
-  dismissible = true,
-  onDismiss,
-  className
-}) {
-  const motionConfig = useMotionConfig();
-  const [visible, setVisible] = useState(true);
-  const handleDismiss = () => {
-    setVisible(false);
-    onDismiss?.();
-  };
-  return /* @__PURE__ */ jsx(AnimatePresence, { children: !!visible && /* @__PURE__ */ jsxs(
-    m.div,
-    {
-      initial: { opacity: 0, y: -12 },
-      animate: { opacity: 1, y: 0 },
-      exit: { opacity: 0, y: -12 },
-      transition: { ...motionSpring.snappy, ...motionConfig },
-      className: cn(
-        "flex items-center gap-4 rounded-lg border px-4 py-4",
-        variantStyles[variant],
-        className
-      ),
-      children: [
-        variantIcons[variant],
-        /* @__PURE__ */ jsx(Typography, { variant: "small", className: "flex-1 font-medium", children }),
-        !!dismissible && /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "ghost",
-            size: "icon",
-            className: "shrink-0 hover:bg-transparent",
-            onClick: handleDismiss,
-            "aria-label": "Dismiss",
-            children: /* @__PURE__ */ jsx(XIcon, { size: 14 })
-          }
-        )
-      ]
-    }
-  ) });
-}
-
-export { BannerBlock };
+import '../../chunk-QYZT24TS.js';

package/dist/components/blocks/BarChartBlock.js

@@ -1,52 +1,10 @@
 'use client';
-import { BarChart } from '../../chunk-UWHKZX4Y.js';
+export { BarChartBlock } from '../../chunk-3JJBJ4VR.js';
+import '../../chunk-UWHKZX4Y.js';
 import '../../chunk-WSU2PCA2.js';
-import { Empty, EmptyTitle, EmptyDescription } from '../../chunk-55HD4L6G.js';
-import { Card, CardHeader, CardTitle, CardDescription, CardContent } from '../../chunk-AH6YSYYT.js';
+import '../../chunk-55HD4L6G.js';
+import '../../chunk-AH6YSYYT.js';
 import '../../chunk-PD2YEH3H.js';
 import '../../chunk-CRY67BIF.js';
 import '../../chunk-HJC6U46F.js';
-import { cn } from '../../chunk-QYZT24TS.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var defaultData = [
-  { name: "Jan", total: 3200, prediction: 1800 },
-  { name: "Feb", total: 4100, prediction: 2200 },
-  { name: "Mar", total: 2800, prediction: 1500 },
-  { name: "Apr", total: 4600, prediction: 2900 },
-  { name: "May", total: 3500, prediction: 2100 },
-  { name: "Jun", total: 5200, prediction: 3100 }
-];
-var defaultConfig = {
-  total: { label: "Total", color: "rgb(var(--chart-1))" },
-  prediction: { label: "Prediction", color: "rgb(var(--chart-2))" }
-};
-function BarChartBlock({
-  data = defaultData,
-  config = defaultConfig,
-  title = "Token Usage",
-  description = "Monthly inference token consumption",
-  className
-}) {
-  return /* @__PURE__ */ jsxs(Card, { className: cn("w-full", className), children: [
-    /* @__PURE__ */ jsxs(CardHeader, { children: [
-      /* @__PURE__ */ jsx(CardTitle, { children: title }),
-      /* @__PURE__ */ jsx(CardDescription, { children: description })
-    ] }),
-    /* @__PURE__ */ jsx(CardContent, { className: "pb-4", children: data.length === 0 ? /* @__PURE__ */ jsxs(Empty, { className: "min-h-[240px]", children: [
-      /* @__PURE__ */ jsx(EmptyTitle, { children: "No chart data" }),
-      /* @__PURE__ */ jsx(EmptyDescription, { children: "Token usage will appear here once analytics data is available." })
-    ] }) : /* @__PURE__ */ jsx(
-      BarChart,
-      {
-        data,
-        config,
-        indexKey: "name",
-        bars: ["total", "prediction"],
-        stacked: true
-      }
-    ) })
-  ] });
-}
-
-export { BarChartBlock };
+import '../../chunk-QYZT24TS.js';

package/dist/components/blocks/ChartBlock.js

@@ -1,8 +1,9 @@
 'use client';
-import { BarChart } from '../../chunk-UWHKZX4Y.js';
+export { ChartBlock } from '../../chunk-LV4P7WVM.js';
+import '../../chunk-UWHKZX4Y.js';
 import '../../chunk-WSU2PCA2.js';
-import { ScrollFadeIn } from '../../chunk-I23DDSU7.js';
-import { Card, CardHeader, CardTitle, CardDescription, CardContent } from '../../chunk-AH6YSYYT.js';
+import '../../chunk-I23DDSU7.js';
+import '../../chunk-AH6YSYYT.js';
 import '../../chunk-PD2YEH3H.js';
 import '../../chunk-CRY67BIF.js';
 import '../../chunk-HJC6U46F.js';
@@ -13,7 +14,7 @@ import '../../chunk-3CLXYQKB.js';
 import '../../chunk-S4GKGKON.js';
 import '../../chunk-LCDDAE7J.js';
 import '../../chunk-R674XI7C.js';
-import { SmartphoneIcon } from '../../chunk-HNY45VUQ.js';
+import '../../chunk-HNY45VUQ.js';
 import '../../chunk-BPCCTJSK.js';
 import '../../chunk-CGUCH322.js';
 import '../../chunk-ELKIUARM.js';
@@ -30,7 +31,7 @@ import '../../chunk-UBIGDGOP.js';
 import '../../chunk-ALMGJVMT.js';
 import '../../chunk-QPXTBZWN.js';
 import '../../chunk-4NXZIMYZ.js';
-import { MonitorIcon } from '../../chunk-R5XP45PD.js';
+import '../../chunk-R5XP45PD.js';
 import '../../chunk-G5EO5FWC.js';
 import '../../chunk-NCULQXJE.js';
 import '../../chunk-VDYPDMYR.js';
@@ -118,52 +119,4 @@ import '../../chunk-NURPUVUV.js';
 import '../../chunk-TV4RSQH4.js';
 import '../../chunk-HJBXUXTD.js';
 import '../../chunk-ASKFAYYR.js';
-import { cn } from '../../chunk-QYZT24TS.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var defaultData = [
-  { month: "January", desktop: 186, mobile: 80 },
-  { month: "February", desktop: 305, mobile: 200 },
-  { month: "March", desktop: 237, mobile: 120 },
-  { month: "April", desktop: 73, mobile: 190 },
-  { month: "May", desktop: 209, mobile: 130 },
-  { month: "June", desktop: 214, mobile: 140 }
-];
-var defaultConfig = {
-  desktop: {
-    label: "Desktop",
-    color: "rgb(var(--chart-1))",
-    icon: ({ ...props }) => /* @__PURE__ */ jsx(MonitorIcon, { size: 16, ...props })
-  },
-  mobile: {
-    label: "Mobile",
-    color: "rgb(var(--chart-2))",
-    icon: ({ ...props }) => /* @__PURE__ */ jsx(SmartphoneIcon, { size: 16, ...props })
-  }
-};
-function ChartBlock({
-  data = defaultData,
-  config = defaultConfig,
-  title = "Analytics",
-  description = "January - June 2024",
-  className
-}) {
-  return /* @__PURE__ */ jsx(ScrollFadeIn, { children: /* @__PURE__ */ jsxs(Card, { className: cn(className), children: [
-    /* @__PURE__ */ jsxs(CardHeader, { children: [
-      /* @__PURE__ */ jsx(CardTitle, { children: title }),
-      /* @__PURE__ */ jsx(CardDescription, { children: description })
-    ] }),
-    /* @__PURE__ */ jsx(CardContent, { children: data.length > 0 && /* @__PURE__ */ jsx(
-      BarChart,
-      {
-        data,
-        config,
-        indexKey: "month",
-        bars: ["desktop", "mobile"],
-        className: "min-h-[200px] w-full"
-      }
-    ) })
-  ] }) });
-}
-
-export { ChartBlock };
+import '../../chunk-QYZT24TS.js';

package/dist/components/blocks/ChartCollectionBlock.js

@@ -1,177 +1,17 @@
 'use client';
-import { HeatmapChartBlock } from '../../chunk-VDONTZZX.js';
-import { RadialBarChart } from '../../chunk-WAP7DBSW.js';
-import { AreaChart } from '../../chunk-IPXL7WX7.js';
-import { BarChart } from '../../chunk-UWHKZX4Y.js';
+export { ChartCollectionBlock } from '../../chunk-YMJOUYMT.js';
+import '../../chunk-VDONTZZX.js';
+import '../../chunk-WAP7DBSW.js';
+import '../../chunk-IPXL7WX7.js';
+import '../../chunk-UWHKZX4Y.js';
 import '../../chunk-XCZIF75R.js';
-import { LineChart } from '../../chunk-HRIEX66J.js';
-import { PieChart } from '../../chunk-U7V6TREO.js';
-import { RadarChart } from '../../chunk-LDW4LHUM.js';
-import { StaggerChildren } from '../../chunk-DQPK2XRL.js';
+import '../../chunk-HRIEX66J.js';
+import '../../chunk-U7V6TREO.js';
+import '../../chunk-LDW4LHUM.js';
+import '../../chunk-DQPK2XRL.js';
 import '../../chunk-WSU2PCA2.js';
-import { Card, CardHeader, CardTitle, CardDescription, CardContent } from '../../chunk-AH6YSYYT.js';
+import '../../chunk-AH6YSYYT.js';
 import '../../chunk-PD2YEH3H.js';
 import '../../chunk-CRY67BIF.js';
 import '../../chunk-HJC6U46F.js';
-import { cn } from '../../chunk-QYZT24TS.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var areaData = [
-  { month: "Jan", desktop: 186, mobile: 80 },
-  { month: "Feb", desktop: 305, mobile: 200 },
-  { month: "Mar", desktop: 237, mobile: 120 },
-  { month: "Apr", desktop: 73, mobile: 190 },
-  { month: "May", desktop: 209, mobile: 130 },
-  { month: "Jun", desktop: 214, mobile: 140 }
-];
-var chartData = [
-  { browser: "chrome", visitors: 275, fill: "rgb(var(--chart-1))" },
-  { browser: "safari", visitors: 200, fill: "rgb(var(--chart-2))" },
-  { browser: "firefox", visitors: 187, fill: "rgb(var(--chart-3))" },
-  { browser: "edge", visitors: 173, fill: "rgb(var(--chart-4))" },
-  { browser: "other", visitors: 90, fill: "rgb(var(--chart-5))" }
-];
-var radarData = [
-  { month: "January", desktop: 186 },
-  { month: "February", desktop: 305 },
-  { month: "March", desktop: 237 },
-  { month: "April", desktop: 273 },
-  { month: "May", desktop: 209 },
-  { month: "June", desktop: 214 }
-];
-var radialData = [
-  { browser: "chrome", visitors: 275, fill: "rgb(var(--chart-1))" },
-  { browser: "safari", visitors: 200, fill: "rgb(var(--chart-2))" },
-  { browser: "firefox", visitors: 187, fill: "rgb(var(--chart-3))" },
-  { browser: "edge", visitors: 173, fill: "rgb(var(--chart-4))" },
-  { browser: "other", visitors: 90, fill: "rgb(var(--chart-5))" }
-];
-var areaConfig = {
-  desktop: {
-    label: "Desktop",
-    color: "rgb(var(--chart-1))"
-  }
-};
-var barLineConfig = {
-  desktop: {
-    label: "Desktop",
-    color: "rgb(var(--chart-1))"
-  }
-};
-var pieConfig = {
-  chrome: { label: "Chrome", color: "rgb(var(--chart-1))" },
-  safari: { label: "Safari", color: "rgb(var(--chart-2))" },
-  firefox: { label: "Firefox", color: "rgb(var(--chart-3))" },
-  edge: { label: "Edge", color: "rgb(var(--chart-4))" },
-  other: { label: "Other", color: "rgb(var(--chart-5))" }
-};
-var radarConfig = {
-  desktop: {
-    label: "Desktop",
-    color: "rgb(var(--chart-1))"
-  }
-};
-var radialConfig = {
-  chrome: { label: "Chrome", color: "rgb(var(--chart-1))" },
-  safari: { label: "Safari", color: "rgb(var(--chart-2))" },
-  firefox: { label: "Firefox", color: "rgb(var(--chart-3))" },
-  edge: { label: "Edge", color: "rgb(var(--chart-4))" },
-  other: { label: "Other", color: "rgb(var(--chart-5))" }
-};
-function ChartCollectionBlock({ className }) {
-  return /* @__PURE__ */ jsxs(StaggerChildren, { staggerMs: 100, className: cn("grid gap-6 md:grid-cols-2 lg:grid-cols-3", className), children: [
-    /* @__PURE__ */ jsxs(Card, { children: [
-      /* @__PURE__ */ jsxs(CardHeader, { children: [
-        /* @__PURE__ */ jsx(CardTitle, { children: "Area Chart" }),
-        /* @__PURE__ */ jsx(CardDescription, { children: "Usage overview" })
-      ] }),
-      /* @__PURE__ */ jsx(CardContent, { children: areaData.length > 0 && /* @__PURE__ */ jsx(
-        AreaChart,
-        {
-          data: areaData,
-          config: areaConfig,
-          indexKey: "month",
-          areas: ["desktop"],
-          className: "h-[250px] w-full",
-          showLegend: false
-        }
-      ) })
-    ] }),
-    /* @__PURE__ */ jsxs(Card, { children: [
-      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: "Bar Chart" }) }),
-      /* @__PURE__ */ jsx(CardContent, { children: areaData.length > 0 && /* @__PURE__ */ jsx(
-        BarChart,
-        {
-          data: areaData,
-          config: barLineConfig,
-          indexKey: "month",
-          bars: ["desktop"],
-          className: "h-[250px] w-full",
-          showLegend: false
-        }
-      ) })
-    ] }),
-    /* @__PURE__ */ jsxs(Card, { children: [
-      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: "Line Chart" }) }),
-      /* @__PURE__ */ jsx(CardContent, { children: areaData.length > 0 && /* @__PURE__ */ jsx(
-        LineChart,
-        {
-          data: areaData,
-          config: barLineConfig,
-          indexKey: "month",
-          lines: ["desktop"],
-          className: "h-[250px] w-full",
-          showLegend: false
-        }
-      ) })
-    ] }),
-    /* @__PURE__ */ jsxs(Card, { children: [
-      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: "Pie Chart" }) }),
-      /* @__PURE__ */ jsx(CardContent, { children: chartData.length > 0 && /* @__PURE__ */ jsx(
-        PieChart,
-        {
-          data: chartData,
-          config: pieConfig,
-          dataKey: "visitors",
-          nameKey: "browser",
-          variant: "donut",
-          innerRadius: 60,
-          showLegend: false
-        }
-      ) })
-    ] }),
-    /* @__PURE__ */ jsxs(Card, { children: [
-      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: "Radar Chart" }) }),
-      /* @__PURE__ */ jsx(CardContent, { children: radarData.length > 0 && /* @__PURE__ */ jsx(
-        RadarChart,
-        {
-          data: radarData,
-          config: radarConfig,
-          indexKey: "month",
-          series: ["desktop"],
-          className: "h-[250px] w-full",
-          showLegend: false
-        }
-      ) })
-    ] }),
-    /* @__PURE__ */ jsxs(Card, { children: [
-      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: "Radial Chart" }) }),
-      /* @__PURE__ */ jsx(CardContent, { children: radialData.length > 0 && /* @__PURE__ */ jsx(
-        RadialBarChart,
-        {
-          data: radialData,
-          config: radialConfig,
-          dataKey: "visitors",
-          nameKey: "browser",
-          innerRadius: 40,
-          outerRadius: 100,
-          className: "h-[250px] w-full",
-          showLegend: false
-        }
-      ) })
-    ] }),
-    /* @__PURE__ */ jsx(HeatmapChartBlock, {})
-  ] });
-}
-
-export { ChartCollectionBlock };
+import '../../chunk-QYZT24TS.js';