@dododog/ui 0.1.0

package/dist/chunk-6EG6EAHW.js

@@ -0,0 +1,108 @@
+'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 bannerVariants = classVarianceAuthority.cva(
+  "flex items-start gap-3 p-4 rounded-xl border",
+  {
+    variants: {
+      variant: {
+        info: "bg-blue-50 border-blue-200 text-blue-800",
+        success: "bg-green-50 border-green-200 text-green-800",
+        warning: "bg-amber-50 border-amber-200 text-amber-800",
+        error: "bg-red-50 border-red-200 text-red-800"
+      }
+    },
+    defaultVariants: {
+      variant: "info"
+    }
+  }
+);
+var iconMap = {
+  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" })
+  ] }),
+  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" })
+  ] }),
+  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" })
+  ] }),
+  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" })
+  ] })
+};
+var Banner = React__namespace.forwardRef(
+  ({ variant = "info", title, icon, onDismiss, action, className, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        role: "alert",
+        className: chunkADIDI7AJ_js.cn(bannerVariants({ 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 mb-0.5", children: title }),
+            children && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm opacity-80", children }),
+            action && /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                onClick: action.onClick,
+                className: "text-sm font-semibold underline underline-offset-2 mt-1.5 hover:opacity-70 transition-opacity",
+                children: action.label
+              }
+            )
+          ] }),
+          onDismiss && /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              onClick: onDismiss,
+              className: "flex-shrink-0 p-1 rounded-lg hover:bg-black/5 transition-colors",
+              "aria-label": "Dismiss",
+              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" })
+              ] })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Banner.displayName = "Banner";
+
+exports.Banner = Banner;
+exports.bannerVariants = bannerVariants;

package/dist/chunk-74B2EGKT.mjs

@@ -0,0 +1,99 @@
+import { cn } from './chunk-IMKLN273.mjs';
+import * as React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var Modal = React.forwardRef(
+  ({ isOpen, onClose, children, title, className }, ref) => {
+    const contentRef = React.useRef(null);
+    React.useEffect(() => {
+      if (!isOpen) return;
+      const handleKeyDown = (e) => {
+        if (e.key === "Escape") onClose();
+      };
+      document.addEventListener("keydown", handleKeyDown);
+      return () => document.removeEventListener("keydown", handleKeyDown);
+    }, [isOpen, onClose]);
+    React.useEffect(() => {
+      if (!isOpen) return;
+      const prev = document.body.style.overflow;
+      document.body.style.overflow = "hidden";
+      return () => {
+        document.body.style.overflow = prev;
+      };
+    }, [isOpen]);
+    React.useEffect(() => {
+      if (!isOpen || !contentRef.current) return;
+      const focusable = contentRef.current.querySelectorAll(
+        'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
+      );
+      if (focusable.length > 0) focusable[0].focus();
+    }, [isOpen]);
+    if (!isOpen) return null;
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: "fixed inset-0 z-50 flex items-center justify-center p-4",
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-label": title,
+        children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "absolute inset-0 bg-black/50",
+              onClick: onClose,
+              "aria-hidden": "true"
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              ref: contentRef,
+              className: cn(
+                "relative bg-white rounded-2xl shadow-xl max-w-md w-full max-h-[90vh] overflow-auto",
+                className
+              ),
+              children: [
+                title && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 pt-6 pb-2", children: [
+                  /* @__PURE__ */ jsx("h2", { className: "text-lg font-heading font-semibold text-primary", children: title }),
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: onClose,
+                      className: "text-text-muted hover:text-primary transition-colors",
+                      "aria-label": "Fermer",
+                      children: /* @__PURE__ */ 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__ */ jsx("path", { d: "M18 6 6 18" }),
+                            /* @__PURE__ */ jsx("path", { d: "m6 6 12 12" })
+                          ]
+                        }
+                      )
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsx("div", { className: cn(title ? "px-6 pb-6" : "p-6"), children })
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Modal.displayName = "Modal";
+
+export { Modal };

package/dist/chunk-762LQMWP.js

@@ -0,0 +1,73 @@
+'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 Tabs = React__namespace.forwardRef(
+  ({ tabs, defaultTab, value, onChange, className }, ref) => {
+    const [internalValue, setInternalValue] = React__namespace.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__ */ jsxRuntime.jsxs("div", { ref, className: chunkADIDI7AJ_js.cn("w-full", className), children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          role: "tablist",
+          className: "flex border-b border-gray-200 gap-1 overflow-x-auto",
+          children: tabs.map((tab) => /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              role: "tab",
+              type: "button",
+              "aria-selected": tab.key === activeKey,
+              onClick: () => handleChange(tab.key),
+              className: chunkADIDI7AJ_js.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__ */ jsxRuntime.jsx("span", { className: "shrink-0", children: tab.icon }),
+                tab.label
+              ]
+            },
+            tab.key
+          ))
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { role: "tabpanel", className: "py-4", children: activeTab?.content })
+    ] });
+  }
+);
+Tabs.displayName = "Tabs";
+
+exports.Tabs = Tabs;

package/dist/chunk-76DZXGKJ.mjs

@@ -0,0 +1,58 @@
+import { cn } from './chunk-IMKLN273.mjs';
+import * as React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var DetailList = React.forwardRef(
+  ({ items, direction = "vertical", dividers = true, className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "dl",
+      {
+        ref,
+        className: cn(
+          direction === "horizontal" ? "flex flex-wrap gap-6" : "space-y-0",
+          className
+        ),
+        ...props,
+        children: items.map((item, i) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              direction === "vertical" && "flex items-center justify-between py-3",
+              direction === "vertical" && dividers && i < items.length - 1 && "border-b border-gray-100",
+              direction === "horizontal" && "flex flex-col"
+            ),
+            children: [
+              /* @__PURE__ */ jsxs(
+                "dt",
+                {
+                  className: cn(
+                    "flex items-center gap-2 text-sm text-text-secondary",
+                    direction === "horizontal" && "text-xs uppercase tracking-wider mb-1"
+                  ),
+                  children: [
+                    item.icon && /* @__PURE__ */ jsx("span", { className: "flex-shrink-0", "aria-hidden": "true", children: item.icon }),
+                    item.label
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "dd",
+                {
+                  className: cn(
+                    "text-sm font-medium text-primary",
+                    direction === "horizontal" && "text-lg font-bold"
+                  ),
+                  children: item.value
+                }
+              )
+            ]
+          },
+          i
+        ))
+      }
+    );
+  }
+);
+DetailList.displayName = "DetailList";
+
+export { DetailList };

package/dist/chunk-77WKG2D7.js

@@ -0,0 +1,80 @@
+'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 inputVariants = classVarianceAuthority.cva(
+  "w-full border bg-white transition-all placeholder:text-text-muted text-primary",
+  {
+    variants: {
+      size: {
+        sm: "px-3 py-2 text-sm rounded-xl",
+        md: "px-4 py-3 text-sm rounded-xl",
+        lg: "px-4 py-3 text-base rounded-xl"
+      },
+      variant: {
+        default: "border-gray-200 focus:border-secondary focus:outline-none focus:ring-1 focus:ring-secondary",
+        error: "border-red-300 focus:outline-none focus:ring-2 focus:ring-red-500 focus:border-red-500"
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      variant: "default"
+    }
+  }
+);
+var Input = React__namespace.forwardRef(
+  ({ className, size, variant, label, error, required, leftIcon, rightIcon, ...props }, ref) => {
+    const resolvedVariant = error ? "error" : variant ?? "default";
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full", children: [
+      label && /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "block text-sm font-medium text-primary mb-1.5", children: [
+        label,
+        required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-secondary", children: " *" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+        leftIcon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-text-muted", children: leftIcon }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            ref,
+            className: chunkADIDI7AJ_js.cn(
+              inputVariants({ size, variant: resolvedVariant }),
+              leftIcon && "pl-10",
+              rightIcon && "pr-10",
+              className
+            ),
+            ...props
+          }
+        ),
+        rightIcon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute right-3 top-1/2 -translate-y-1/2 text-text-muted", children: rightIcon })
+      ] }),
+      error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-red-500", children: error })
+    ] });
+  }
+);
+Input.displayName = "Input";
+
+exports.Input = Input;
+exports.inputVariants = inputVariants;

package/dist/chunk-7IJOHVNJ.js

@@ -0,0 +1,88 @@
+'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 tagVariants = classVarianceAuthority.cva(
+  "inline-flex items-center gap-1.5 font-medium transition-colors",
+  {
+    variants: {
+      variant: {
+        default: "bg-gray-100 text-gray-700",
+        primary: "bg-primary/10 text-primary",
+        secondary: "bg-secondary/10 text-secondary",
+        accent: "bg-accent/10 text-accent",
+        success: "bg-green-50 text-green-700",
+        warning: "bg-amber-50 text-amber-700",
+        error: "bg-red-50 text-red-700",
+        outline: "bg-transparent border border-gray-300 text-gray-700"
+      },
+      size: {
+        sm: "px-2 py-0.5 text-xs rounded-md",
+        md: "px-2.5 py-1 text-sm rounded-lg",
+        lg: "px-3 py-1.5 text-sm rounded-lg"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "md"
+    }
+  }
+);
+var Tag = React__namespace.forwardRef(
+  ({ variant, size, icon, onRemove, className, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "span",
+      {
+        ref,
+        className: chunkADIDI7AJ_js.cn(tagVariants({ variant, size }), className),
+        ...props,
+        children: [
+          icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-shrink-0", "aria-hidden": "true", children: icon }),
+          children,
+          onRemove && /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              onClick: (e) => {
+                e.stopPropagation();
+                onRemove();
+              },
+              className: "flex-shrink-0 p-0.5 rounded hover:bg-black/10 transition-colors",
+              "aria-label": "Remove",
+              children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", 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" })
+              ] })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Tag.displayName = "Tag";
+
+exports.Tag = Tag;
+exports.tagVariants = tagVariants;