@dododog/ui 0.1.0

package/dist/chunk-GXKON34B.js

@@ -0,0 +1,86 @@
+'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 RadioGroup = React__namespace.forwardRef(
+  ({ value, onChange, label, error, required, orientation = "vertical", columns = 2, options, className }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs("fieldset", { ref, className: chunkADIDI7AJ_js.cn("w-full", className), children: [
+      label && /* @__PURE__ */ jsxRuntime.jsxs("legend", { className: "block text-sm font-medium text-primary mb-2", children: [
+        label,
+        required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-secondary", children: " *" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: chunkADIDI7AJ_js.cn(
+            "gap-3",
+            orientation === "grid" ? `grid ${columns === 3 ? "grid-cols-3" : columns === 4 ? "grid-cols-4" : "grid-cols-2"}` : "flex flex-col"
+          ),
+          children: options.map((option) => {
+            const isSelected = value === option.value;
+            return /* @__PURE__ */ jsxRuntime.jsxs(
+              "button",
+              {
+                type: "button",
+                role: "radio",
+                "aria-checked": isSelected,
+                onClick: () => onChange?.(option.value),
+                className: chunkADIDI7AJ_js.cn(
+                  "relative border-2 rounded-xl p-4 text-left transition-all",
+                  isSelected ? "border-secondary bg-secondary/5" : "border-gray-200 hover:border-gray-300 bg-white"
+                ),
+                children: [
+                  isSelected && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-2 right-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+                    "svg",
+                    {
+                      xmlns: "http://www.w3.org/2000/svg",
+                      width: "20",
+                      height: "20",
+                      viewBox: "0 0 24 24",
+                      fill: "none",
+                      stroke: "currentColor",
+                      strokeWidth: "2.5",
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      className: "text-secondary",
+                      children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20 6 9 17l-5-5" })
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block text-sm font-medium text-primary", children: option.label }),
+                  option.description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block text-xs text-text-secondary mt-0.5", children: option.description })
+                ]
+              },
+              option.value
+            );
+          })
+        }
+      ),
+      error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-red-500", children: error })
+    ] });
+  }
+);
+RadioGroup.displayName = "RadioGroup";
+
+exports.RadioGroup = RadioGroup;

package/dist/chunk-H3JNRTAI.js

@@ -0,0 +1,116 @@
+'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 breadcrumbVariants = classVarianceAuthority.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__ */ 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,
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m9 18 6-6-6-6" })
+    }
+  );
+}
+var Breadcrumb = React__namespace.forwardRef(
+  ({ items, variant = "default", renderLink, className, ...props }, ref) => {
+    const styles = variantStyles[variant ?? "default"];
+    const linkClassName = chunkADIDI7AJ_js.cn(styles.text, styles.link, "transition-colors");
+    const renderLinkElement = (href, children) => {
+      if (renderLink) {
+        return renderLink({ href, className: linkClassName, children });
+      }
+      return /* @__PURE__ */ jsxRuntime.jsx("a", { href, className: linkClassName, children });
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "nav",
+      {
+        ref,
+        "aria-label": "Fil d'Ariane",
+        className: chunkADIDI7AJ_js.cn(breadcrumbVariants({ variant, className })),
+        ...props,
+        children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("li", { className: "flex items-center gap-2", children: [
+            !isFirst && /* @__PURE__ */ jsxRuntime.jsx(
+              ChevronRightIcon,
+              {
+                className: chunkADIDI7AJ_js.cn("flex-shrink-0", styles.separator)
+              }
+            ),
+            isLast ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.current, "aria-current": "page", children: item.label }) : renderLinkElement(item.href, item.label)
+          ] }, item.href);
+        }) })
+      }
+    );
+  }
+);
+Breadcrumb.displayName = "Breadcrumb";
+
+exports.Breadcrumb = Breadcrumb;
+exports.breadcrumbVariants = breadcrumbVariants;

package/dist/chunk-HN6B4TAW.js

@@ -0,0 +1,139 @@
+'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 defaultRenderLink = ({ href, className, onClick, children }) => /* @__PURE__ */ jsxRuntime.jsx("a", { href, className, onClick, children });
+var defaultRenderImage = ({ src, alt, className }) => /* @__PURE__ */ jsxRuntime.jsx("img", { src, alt, className, loading: "lazy" });
+var MegaMenu = React__namespace.forwardRef(
+  ({ section, isOpen, onClose, renderLink = defaultRenderLink, renderImage = defaultRenderImage, className }, ref) => {
+    const panelRef = React__namespace.useRef(null);
+    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]);
+    if (!isOpen) return null;
+    if (section.layout === "cards" && section.cards) {
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: chunkADIDI7AJ_js.cn("bg-white border-b border-gray-100 shadow-sm overflow-hidden", className), children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref: panelRef, className: "flex justify-center px-6 lg:px-8 py-8", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-4xl w-full", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-bold text-primary mb-6", children: section.label }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-4 sm:grid-cols-6 lg:grid-cols-8 gap-3", children: section.cards.map((card) => /* @__PURE__ */ jsxRuntime.jsx(React__namespace.Fragment, { children: renderLink({
+          href: card.href,
+          className: "group",
+          onClick: onClose,
+          children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "aspect-square rounded-xl overflow-hidden bg-gray-100 relative", children: [
+            card.imageUrl ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: renderImage({
+              src: card.imageUrl,
+              alt: card.label,
+              className: "object-cover w-full h-full group-hover:scale-105 transition-transform duration-300",
+              fill: true
+            }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center bg-secondary/10", children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "text-secondary/40", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z" }),
+              /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "10", r: "3" })
+            ] }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-black/50 to-transparent" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute bottom-2 left-2 right-2 text-white text-xs font-medium leading-tight", children: card.label })
+          ] })
+        }) }, card.label)) }),
+        section.ctaLabel && section.ctaHref && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4", children: renderLink({
+          href: section.ctaHref,
+          className: "inline-flex items-center gap-1.5 text-sm font-medium text-secondary hover:text-secondary-dark transition-colors",
+          onClick: onClose,
+          children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            section.ctaLabel,
+            /* @__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", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 12h14" }),
+              /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m12 5 7 7-7 7" })
+            ] })
+          ] })
+        }) })
+      ] }) }) });
+    }
+    if (!section.columns) return null;
+    const totalColumns = section.columns.length;
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: chunkADIDI7AJ_js.cn("bg-white border-b border-gray-100 shadow-sm overflow-hidden", className), children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref: panelRef, className: "flex justify-center px-6 lg:px-8 py-8", children: /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: chunkADIDI7AJ_js.cn(
+          "w-full",
+          totalColumns === 1 && "max-w-xs",
+          totalColumns === 2 && "max-w-xl",
+          totalColumns === 3 && "max-w-4xl",
+          totalColumns >= 4 && "max-w-5xl"
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-bold text-primary mb-6", children: section.label }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: chunkADIDI7AJ_js.cn(
+                "grid gap-x-12 gap-y-2",
+                totalColumns === 1 && "grid-cols-1",
+                totalColumns === 2 && "grid-cols-2",
+                totalColumns === 3 && "grid-cols-3",
+                totalColumns >= 4 && "grid-cols-4"
+              ),
+              children: section.columns.map((column, colIndex) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
+                column.title && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-semibold text-gray-400 uppercase tracking-wider mb-2", children: column.title }),
+                column.image ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center h-full gap-3", children: [
+                  renderImage({
+                    src: column.image.src,
+                    alt: column.image.alt,
+                    className: "object-contain opacity-80 max-w-[200px]"
+                  }),
+                  column.links.map((link) => /* @__PURE__ */ jsxRuntime.jsx(React__namespace.Fragment, { children: renderLink({
+                    href: link.href,
+                    className: "inline-flex items-center gap-1.5 text-sm font-medium text-secondary hover:text-secondary-dark transition-colors",
+                    onClick: onClose,
+                    children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                      link.label,
+                      /* @__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", children: [
+                        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 12h14" }),
+                        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m12 5 7 7-7 7" })
+                      ] })
+                    ] })
+                  }) }, link.href))
+                ] }) : column.links.map((link) => /* @__PURE__ */ jsxRuntime.jsx(React__namespace.Fragment, { children: renderLink({
+                  href: link.href,
+                  className: "flex items-center gap-2 py-1.5 text-[15px] text-gray-600 hover:text-primary transition-colors",
+                  onClick: onClose,
+                  children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                    link.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-secondary/70", children: link.icon }),
+                    link.label
+                  ] })
+                }) }, link.href))
+              ] }, colIndex))
+            }
+          )
+        ]
+      }
+    ) }) });
+  }
+);
+MegaMenu.displayName = "MegaMenu";
+
+exports.MegaMenu = MegaMenu;

package/dist/chunk-HS3MAW3G.js

@@ -0,0 +1,123 @@
+'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 SearchBar = React__namespace.forwardRef(
+  ({
+    fields,
+    onFieldClick,
+    onSearch,
+    searchLabel = "Rechercher",
+    variant = "hero",
+    className
+  }, ref) => {
+    const isCompact = variant === "compact" || variant === "sticky";
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: chunkADIDI7AJ_js.cn("w-full", className), children: /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: chunkADIDI7AJ_js.cn(
+          "bg-white rounded-2xl shadow-lg",
+          isCompact ? "p-2" : "p-4 md:p-6"
+        ),
+        children: /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: chunkADIDI7AJ_js.cn(
+              "grid gap-4",
+              isCompact ? `grid-cols-1 md:grid-cols-${Math.min(fields.length + 1, 5)} items-center` : `grid-cols-1 md:grid-cols-2 lg:grid-cols-${Math.min(fields.length + 1, 5)}`
+            ),
+            children: [
+              fields.map((field) => /* @__PURE__ */ jsxRuntime.jsxs(
+                "div",
+                {
+                  className: "relative cursor-pointer",
+                  onClick: () => onFieldClick?.(field.key),
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "label",
+                      {
+                        className: chunkADIDI7AJ_js.cn(
+                          "block text-sm font-medium text-primary mb-1",
+                          isCompact && "sr-only"
+                        ),
+                        children: field.label
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+                      field.icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-text-muted", children: field.icon }),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        "div",
+                        {
+                          className: chunkADIDI7AJ_js.cn(
+                            "w-full border border-gray-200 rounded-lg bg-white",
+                            "focus-within:ring-2 focus-within:ring-secondary focus-within:border-transparent",
+                            field.icon ? "pl-10 pr-4" : "px-4",
+                            isCompact ? "py-2.5" : "py-3",
+                            field.value ? "text-primary text-base font-medium" : "text-gray-400 text-base"
+                          ),
+                          children: field.value || field.placeholder
+                        }
+                      )
+                    ] })
+                  ]
+                },
+                field.key
+              )),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  className: chunkADIDI7AJ_js.cn(
+                    !isCompact && `md:col-span-2 lg:col-span-${Math.min(fields.length + 1, 5)} flex justify-center mt-2`
+                  ),
+                  children: /* @__PURE__ */ jsxRuntime.jsxs(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: onSearch,
+                      className: chunkADIDI7AJ_js.cn(
+                        "inline-flex items-center justify-center gap-2 bg-secondary text-white font-semibold rounded-xl transition-colors hover:bg-secondary-dark",
+                        isCompact ? "w-full md:w-auto px-8 py-2.5 text-sm" : "px-12 py-3.5 text-base"
+                      ),
+                      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("circle", { cx: "11", cy: "11", r: "8" }),
+                          /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m21 21-4.3-4.3" })
+                        ] }),
+                        searchLabel
+                      ]
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        )
+      }
+    ) });
+  }
+);
+SearchBar.displayName = "SearchBar";
+
+exports.SearchBar = SearchBar;

package/dist/chunk-I4S3R6C6.js

@@ -0,0 +1,105 @@
+'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 switchTrackVariants = classVarianceAuthority.cva(
+  "relative inline-flex shrink-0 cursor-pointer rounded-full transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-secondary focus-visible:ring-offset-2",
+  {
+    variants: {
+      size: {
+        sm: "w-9 h-5",
+        md: "w-11 h-6"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var switchThumbVariants = classVarianceAuthority.cva(
+  "pointer-events-none inline-block rounded-full bg-white shadow-sm transition-transform",
+  {
+    variants: {
+      size: {
+        sm: "w-4 h-4",
+        md: "w-5 h-5"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var Switch = React__namespace.forwardRef(
+  ({ checked = false, onCheckedChange, disabled = false, size, label, description, className, name }, ref) => {
+    const id = React__namespace.useId();
+    const track = /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        ref,
+        id,
+        type: "button",
+        role: "switch",
+        "aria-checked": checked,
+        "aria-label": !label ? name : void 0,
+        disabled,
+        onClick: () => onCheckedChange?.(!checked),
+        className: chunkADIDI7AJ_js.cn(
+          switchTrackVariants({ size }),
+          checked ? "bg-primary" : "bg-gray-300",
+          disabled && "opacity-50 cursor-not-allowed",
+          !label && className
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: chunkADIDI7AJ_js.cn(
+                switchThumbVariants({ size }),
+                "absolute top-0.5 left-0.5",
+                checked && (size === "sm" ? "translate-x-4" : "translate-x-5")
+              )
+            }
+          ),
+          name && /* @__PURE__ */ jsxRuntime.jsx("input", { type: "hidden", name, value: checked ? "on" : "" })
+        ]
+      }
+    );
+    if (!label && !description) return track;
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkADIDI7AJ_js.cn("flex items-center justify-between gap-3", className), children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        label && /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: id, className: "text-sm font-medium text-primary cursor-pointer", children: label }),
+        description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-text-secondary mt-0.5", children: description })
+      ] }),
+      track
+    ] });
+  }
+);
+Switch.displayName = "Switch";
+
+exports.Switch = Switch;
+exports.switchThumbVariants = switchThumbVariants;
+exports.switchTrackVariants = switchTrackVariants;

package/dist/chunk-I4WCNTNP.mjs

@@ -0,0 +1,49 @@
+import { cn } from './chunk-IMKLN273.mjs';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var iconBadgeVariants = cva(
+  "inline-flex items-center justify-center rounded-full flex-shrink-0",
+  {
+    variants: {
+      variant: {
+        primary: "bg-primary/10 text-primary",
+        secondary: "bg-secondary/10 text-secondary",
+        accent: "bg-accent/10 text-accent",
+        success: "bg-green-100 text-green-600",
+        warning: "bg-amber-100 text-amber-600",
+        error: "bg-red-100 text-red-600",
+        info: "bg-blue-100 text-blue-600",
+        neutral: "bg-gray-100 text-gray-600"
+      },
+      size: {
+        sm: "w-8 h-8",
+        md: "w-10 h-10",
+        lg: "w-12 h-12",
+        xl: "w-16 h-16"
+      }
+    },
+    defaultVariants: {
+      variant: "secondary",
+      size: "md"
+    }
+  }
+);
+var IconBadge = React.forwardRef(
+  ({ variant, size, icon, className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(iconBadgeVariants({ variant, size }), className),
+        "aria-hidden": "true",
+        ...props,
+        children: icon
+      }
+    );
+  }
+);
+IconBadge.displayName = "IconBadge";
+
+export { IconBadge, iconBadgeVariants };

package/dist/chunk-IEHX4DU6.js

@@ -0,0 +1,49 @@
+'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 EmptyState = React__namespace.forwardRef(
+  ({ icon, title, description, action, className }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        className: chunkADIDI7AJ_js.cn(
+          "flex flex-col items-center justify-center py-12 text-center",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4 text-text-muted", children: icon }),
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-primary", children: title }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 max-w-sm text-sm text-text-secondary", children: description }),
+          action && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-6", children: action })
+        ]
+      }
+    );
+  }
+);
+EmptyState.displayName = "EmptyState";
+
+exports.EmptyState = EmptyState;