@dododog/ui 0.1.0

package/dist/chunk-UKCH6RYL.mjs

@@ -0,0 +1,93 @@
+import { cn } from './chunk-IMKLN273.mjs';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var breadcrumbVariants = cva("py-3", {
+  variants: {
+    variant: {
+      default: "bg-sand",
+      light: "bg-white",
+      dark: "bg-transparent"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+var variantStyles = {
+  default: {
+    text: "text-text-muted",
+    link: "hover:text-primary",
+    separator: "text-text-muted",
+    current: "text-primary font-medium"
+  },
+  light: {
+    text: "text-gray-500",
+    link: "hover:text-primary",
+    separator: "text-gray-400",
+    current: "text-gray-900 font-medium"
+  },
+  dark: {
+    text: "text-white/70",
+    link: "hover:text-white",
+    separator: "text-white/50",
+    current: "text-white font-medium"
+  }
+};
+function ChevronRightIcon({ className }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "16",
+      height: "16",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsx("path", { d: "m9 18 6-6-6-6" })
+    }
+  );
+}
+var Breadcrumb = React.forwardRef(
+  ({ items, variant = "default", renderLink, className, ...props }, ref) => {
+    const styles = variantStyles[variant ?? "default"];
+    const linkClassName = cn(styles.text, styles.link, "transition-colors");
+    const renderLinkElement = (href, children) => {
+      if (renderLink) {
+        return renderLink({ href, className: linkClassName, children });
+      }
+      return /* @__PURE__ */ jsx("a", { href, className: linkClassName, children });
+    };
+    return /* @__PURE__ */ jsx(
+      "nav",
+      {
+        ref,
+        "aria-label": "Fil d'Ariane",
+        className: cn(breadcrumbVariants({ variant, className })),
+        ...props,
+        children: /* @__PURE__ */ jsx("ol", { className: "flex items-center gap-2 text-sm flex-wrap", children: items.map((item, index) => {
+          const isLast = index === items.length - 1;
+          const isFirst = index === 0;
+          return /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-2", children: [
+            !isFirst && /* @__PURE__ */ jsx(
+              ChevronRightIcon,
+              {
+                className: cn("flex-shrink-0", styles.separator)
+              }
+            ),
+            isLast ? /* @__PURE__ */ jsx("span", { className: styles.current, "aria-current": "page", children: item.label }) : renderLinkElement(item.href, item.label)
+          ] }, item.href);
+        }) })
+      }
+    );
+  }
+);
+Breadcrumb.displayName = "Breadcrumb";
+
+export { Breadcrumb, breadcrumbVariants };

package/dist/chunk-UQRQZLMQ.mjs

@@ -0,0 +1,46 @@
+import { cn } from './chunk-IMKLN273.mjs';
+import * as React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var BottomNavBar = React.forwardRef(
+  ({ items, className, onNavigate }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "nav",
+      {
+        ref,
+        "aria-label": "Navigation principale",
+        className: cn(
+          "w-full border-t border-sand-dark bg-white",
+          className
+        ),
+        children: /* @__PURE__ */ jsx("ul", { className: "flex h-16 items-center justify-around", children: items.map((item) => {
+          const Tag = onNavigate ? "button" : "a";
+          return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+            Tag,
+            {
+              ...onNavigate ? { onClick: () => onNavigate(item.href), type: "button" } : { href: item.href },
+              "aria-current": item.isActive ? "page" : void 0,
+              className: "flex min-h-[44px] min-w-[44px] flex-col items-center justify-center gap-0.5 transition-colors duration-300 ease-in-out",
+              children: [
+                /* @__PURE__ */ jsx("span", { className: item.isActive ? "text-primary" : "text-text-muted", children: item.icon }),
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: cn(
+                      "text-[11px] font-medium",
+                      item.isActive ? "text-primary" : "text-text-muted"
+                    ),
+                    children: item.label
+                  }
+                )
+              ]
+            }
+          ) }, item.key);
+        }) })
+      }
+    );
+  }
+);
+BottomNavBar.displayName = "BottomNavBar";
+
+export { BottomNavBar };

package/dist/chunk-UYDZKAGZ.mjs

@@ -0,0 +1,48 @@
+import { cn } from './chunk-IMKLN273.mjs';
+import * as React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var LinkCard = React.forwardRef(
+  ({ icon, title, description, showChevron = true, className, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      "a",
+      {
+        ref,
+        className: cn(
+          "flex items-center gap-4 p-4 bg-white rounded-xl border border-gray-100 shadow-sm",
+          "hover:border-secondary/30 hover:shadow-md transition-all group",
+          className
+        ),
+        ...props,
+        children: [
+          icon && /* @__PURE__ */ jsx("div", { className: "w-10 h-10 rounded-lg bg-secondary/10 flex items-center justify-center text-secondary flex-shrink-0", children: icon }),
+          /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-primary block truncate", children: title }),
+            description && /* @__PURE__ */ jsx("span", { className: "text-xs text-text-secondary block truncate mt-0.5", children: description }),
+            children
+          ] }),
+          showChevron && /* @__PURE__ */ jsx(
+            "svg",
+            {
+              xmlns: "http://www.w3.org/2000/svg",
+              width: "16",
+              height: "16",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              className: "text-gray-400 flex-shrink-0 transition-transform group-hover:translate-x-1",
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ jsx("path", { d: "m9 18 6-6-6-6" })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+LinkCard.displayName = "LinkCard";
+
+export { LinkCard };

package/dist/chunk-V5J2XLPD.mjs

@@ -0,0 +1,90 @@
+import { cn } from './chunk-IMKLN273.mjs';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var cardVariants = cva("bg-white rounded-2xl shadow-card overflow-hidden", {
+  variants: {
+    padding: {
+      none: "",
+      sm: "p-4",
+      md: "p-6",
+      lg: "p-8"
+    },
+    hover: {
+      true: "hover:shadow-card-hover transition-shadow duration-300",
+      false: ""
+    }
+  },
+  defaultVariants: {
+    padding: "none",
+    hover: true
+  }
+});
+var Card = React.forwardRef(
+  ({ className, padding, hover, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(cardVariants({ padding, hover, className })),
+      ...props
+    }
+  )
+);
+Card.displayName = "Card";
+var cardImageVariants = cva(
+  "relative overflow-hidden rounded-t-2xl w-full",
+  {
+    variants: {
+      aspectRatio: {
+        square: "aspect-square",
+        video: "aspect-video",
+        wide: "aspect-[21/9]"
+      }
+    },
+    defaultVariants: {
+      aspectRatio: "video"
+    }
+  }
+);
+var CardImage = React.forwardRef(
+  ({ className, aspectRatio, overlay, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: cn(cardImageVariants({ aspectRatio, className })),
+      ...props,
+      children: [
+        children,
+        overlay && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-black/60 to-transparent", children: overlay })
+      ]
+    }
+  )
+);
+CardImage.displayName = "CardImage";
+var CardContent = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("p-4 md:p-6", className), ...props })
+);
+CardContent.displayName = "CardContent";
+var CardTitle = React.forwardRef(
+  ({ className, as: Comp = "h3", ...props }, ref) => /* @__PURE__ */ jsx(
+    Comp,
+    {
+      ref,
+      className: cn("font-heading font-bold text-primary", className),
+      ...props
+    }
+  )
+);
+CardTitle.displayName = "CardTitle";
+var CardDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "p",
+  {
+    ref,
+    className: cn("text-text-secondary text-sm mt-2", className),
+    ...props
+  }
+));
+CardDescription.displayName = "CardDescription";
+
+export { Card, CardContent, CardDescription, CardImage, CardTitle, cardImageVariants, cardVariants };

package/dist/chunk-VOZPGXQD.mjs

@@ -0,0 +1,51 @@
+import { cn } from './chunk-IMKLN273.mjs';
+import * as React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var Tabs = React.forwardRef(
+  ({ tabs, defaultTab, value, onChange, className }, ref) => {
+    const [internalValue, setInternalValue] = React.useState(
+      defaultTab || tabs[0]?.key || ""
+    );
+    const activeKey = value ?? internalValue;
+    const handleChange = (key) => {
+      if (onChange) {
+        onChange(key);
+      } else {
+        setInternalValue(key);
+      }
+    };
+    const activeTab = tabs.find((t) => t.key === activeKey);
+    return /* @__PURE__ */ jsxs("div", { ref, className: cn("w-full", className), children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          role: "tablist",
+          className: "flex border-b border-gray-200 gap-1 overflow-x-auto",
+          children: tabs.map((tab) => /* @__PURE__ */ jsxs(
+            "button",
+            {
+              role: "tab",
+              type: "button",
+              "aria-selected": tab.key === activeKey,
+              onClick: () => handleChange(tab.key),
+              className: cn(
+                "flex items-center gap-2 px-4 py-3 text-sm font-medium whitespace-nowrap border-b-2 transition-colors -mb-px",
+                tab.key === activeKey ? "border-secondary text-secondary" : "border-transparent text-text-secondary hover:text-primary hover:border-gray-300"
+              ),
+              children: [
+                tab.icon && /* @__PURE__ */ jsx("span", { className: "shrink-0", children: tab.icon }),
+                tab.label
+              ]
+            },
+            tab.key
+          ))
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { role: "tabpanel", className: "py-4", children: activeTab?.content })
+    ] });
+  }
+);
+Tabs.displayName = "Tabs";
+
+export { Tabs };

package/dist/chunk-VQVRKRSM.mjs

@@ -0,0 +1,89 @@
+import { cn } from './chunk-IMKLN273.mjs';
+import * as React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var FilterAccordion = React.forwardRef(
+  ({ items, defaultOpenKeys = [], className }, ref) => {
+    const [openKeys, setOpenKeys] = React.useState(
+      () => new Set(defaultOpenKeys)
+    );
+    const toggle = (key) => {
+      setOpenKeys((prev) => {
+        const next = new Set(prev);
+        if (next.has(key)) {
+          next.delete(key);
+        } else {
+          next.add(key);
+        }
+        return next;
+      });
+    };
+    return /* @__PURE__ */ jsx("div", { ref, className: cn("space-y-3", className), children: items.map((item) => /* @__PURE__ */ jsx(
+      FilterAccordionItem,
+      {
+        title: item.title,
+        isOpen: openKeys.has(item.key),
+        onToggle: () => toggle(item.key),
+        children: item.content
+      },
+      item.key
+    )) });
+  }
+);
+FilterAccordion.displayName = "FilterAccordion";
+function FilterAccordionItem({
+  title,
+  isOpen,
+  onToggle,
+  children
+}) {
+  const contentRef = React.useRef(null);
+  const [height, setHeight] = React.useState(0);
+  React.useEffect(() => {
+    if (contentRef.current) {
+      setHeight(isOpen ? contentRef.current.scrollHeight : 0);
+    }
+  }, [isOpen]);
+  return /* @__PURE__ */ jsxs("div", { className: "bg-white rounded-xl border border-sand-dark overflow-hidden", children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        onClick: onToggle,
+        "aria-expanded": isOpen,
+        className: "w-full flex items-center justify-between p-4 hover:bg-sand-light transition-colors",
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "font-semibold text-primary", children: title }),
+          /* @__PURE__ */ jsx(
+            "svg",
+            {
+              xmlns: "http://www.w3.org/2000/svg",
+              width: "20",
+              height: "20",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              className: cn(
+                "transition-transform duration-200",
+                isOpen && "rotate-180"
+              ),
+              children: /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" })
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: { height },
+        className: "overflow-hidden transition-all duration-300 ease-out",
+        children: /* @__PURE__ */ jsx("div", { ref: contentRef, className: "px-4 pb-4", children })
+      }
+    )
+  ] });
+}
+
+export { FilterAccordion };

package/dist/chunk-VTELEOT7.js

@@ -0,0 +1,100 @@
+'use strict';
+
+var chunkADIDI7AJ_js = require('./chunk-ADIDI7AJ.js');
+var React = require('react');
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var toastVariants = classVarianceAuthority.cva(
+  "flex items-start gap-3 w-full max-w-sm p-4 rounded-xl shadow-lg border transition-all duration-300",
+  {
+    variants: {
+      variant: {
+        success: "bg-white border-green-200 text-green-800",
+        error: "bg-white border-red-200 text-red-800",
+        warning: "bg-white border-amber-200 text-amber-800",
+        info: "bg-white border-blue-200 text-blue-800"
+      }
+    },
+    defaultVariants: {
+      variant: "info"
+    }
+  }
+);
+var iconMap = {
+  success: /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "text-green-500 flex-shrink-0 mt-0.5", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m9 11 3 3L22 4" })
+  ] }),
+  error: /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "text-red-500 flex-shrink-0 mt-0.5", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m15 9-6 6" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m9 9 6 6" })
+  ] }),
+  warning: /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "text-amber-500 flex-shrink-0 mt-0.5", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 9v4" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 17h.01" })
+  ] }),
+  info: /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "text-blue-500 flex-shrink-0 mt-0.5", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 16v-4" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 8h.01" })
+  ] })
+};
+var Toast = React__namespace.forwardRef(
+  ({ variant = "info", title, description, onClose, icon, className, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        role: "alert",
+        className: chunkADIDI7AJ_js.cn(toastVariants({ variant }), className),
+        ...props,
+        children: [
+          icon || iconMap[variant || "info"],
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
+            title && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-semibold", children: title }),
+            description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm opacity-80 mt-0.5", children: description })
+          ] }),
+          onClose && /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              onClick: onClose,
+              className: "flex-shrink-0 p-1 rounded-lg hover:bg-black/5 transition-colors",
+              "aria-label": "Close",
+              children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18 6 6 18" }),
+                /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m6 6 12 12" })
+              ] })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Toast.displayName = "Toast";
+
+exports.Toast = Toast;
+exports.toastVariants = toastVariants;

package/dist/chunk-VWFY24XF.js

@@ -0,0 +1,89 @@
+'use strict';
+
+var chunkADIDI7AJ_js = require('./chunk-ADIDI7AJ.js');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var Drawer = React__namespace.forwardRef(
+  ({ isOpen, onClose, children, side = "right", title, className }, ref) => {
+    React__namespace.useEffect(() => {
+      if (!isOpen) return;
+      const handleKeyDown = (e) => {
+        if (e.key === "Escape") onClose();
+      };
+      document.addEventListener("keydown", handleKeyDown);
+      return () => document.removeEventListener("keydown", handleKeyDown);
+    }, [isOpen, onClose]);
+    React__namespace.useEffect(() => {
+      if (!isOpen) return;
+      const prev = document.body.style.overflow;
+      document.body.style.overflow = "hidden";
+      return () => {
+        document.body.style.overflow = prev;
+      };
+    }, [isOpen]);
+    if (!isOpen) return null;
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: "fixed inset-0 z-50", role: "dialog", "aria-modal": "true", "aria-label": title, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: "absolute inset-0 bg-black/50 transition-opacity",
+          onClick: onClose,
+          "aria-hidden": "true"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: chunkADIDI7AJ_js.cn(
+            "absolute top-0 bottom-0 bg-white shadow-xl flex flex-col",
+            side === "right" && "right-0 w-full max-w-md",
+            side === "left" && "left-0 w-full max-w-md",
+            className
+          ),
+          children: [
+            title && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-4 h-16 border-b border-gray-100 shrink-0", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-heading font-semibold text-primary", children: title }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  onClick: onClose,
+                  className: "p-2 hover:bg-gray-100 rounded-full transition-colors",
+                  "aria-label": "Fermer",
+                  children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18 6 6 18" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m6 6 12 12" })
+                  ] })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-y-auto", children })
+          ]
+        }
+      )
+    ] });
+  }
+);
+Drawer.displayName = "Drawer";
+
+exports.Drawer = Drawer;

package/dist/chunk-W7DZZS6L.js

@@ -0,0 +1,70 @@
+'use strict';
+
+var chunkADIDI7AJ_js = require('./chunk-ADIDI7AJ.js');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var LinkCard = React__namespace.forwardRef(
+  ({ icon, title, description, showChevron = true, className, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "a",
+      {
+        ref,
+        className: chunkADIDI7AJ_js.cn(
+          "flex items-center gap-4 p-4 bg-white rounded-xl border border-gray-100 shadow-sm",
+          "hover:border-secondary/30 hover:shadow-md transition-all group",
+          className
+        ),
+        ...props,
+        children: [
+          icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-10 h-10 rounded-lg bg-secondary/10 flex items-center justify-center text-secondary flex-shrink-0", children: icon }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-semibold text-primary block truncate", children: title }),
+            description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-text-secondary block truncate mt-0.5", children: description }),
+            children
+          ] }),
+          showChevron && /* @__PURE__ */ jsxRuntime.jsx(
+            "svg",
+            {
+              xmlns: "http://www.w3.org/2000/svg",
+              width: "16",
+              height: "16",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              className: "text-gray-400 flex-shrink-0 transition-transform group-hover:translate-x-1",
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m9 18 6-6-6-6" })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+LinkCard.displayName = "LinkCard";
+
+exports.LinkCard = LinkCard;