@mieweb/ui 0.1.0

package/dist/chunk-ORUPC5TV.cjs

@@ -0,0 +1,244 @@
+'use strict';
+
+var chunkOR5DRJCW_cjs = require('./chunk-OR5DRJCW.cjs');
+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 TabsContext = React__namespace.createContext(
+  void 0
+);
+function useTabsContext() {
+  const context = React__namespace.useContext(TabsContext);
+  if (!context) {
+    throw new Error("Tabs components must be used within a Tabs provider");
+  }
+  return context;
+}
+function Tabs({
+  value: controlledValue,
+  defaultValue,
+  onValueChange,
+  variant = "underline",
+  children,
+  className
+}) {
+  const [uncontrolledValue, setUncontrolledValue] = React__namespace.useState(
+    defaultValue || ""
+  );
+  const isControlled = controlledValue !== void 0;
+  const value = isControlled ? controlledValue : uncontrolledValue;
+  const handleValueChange = React__namespace.useCallback(
+    (newValue) => {
+      if (!isControlled) {
+        setUncontrolledValue(newValue);
+      }
+      onValueChange?.(newValue);
+    },
+    [isControlled, onValueChange]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    TabsContext.Provider,
+    {
+      value: { value, onValueChange: handleValueChange, variant },
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkOR5DRJCW_cjs.cn("w-full", className), children })
+    }
+  );
+}
+Tabs.displayName = "Tabs";
+var tabsListVariants = classVarianceAuthority.cva(["flex items-center"], {
+  variants: {
+    variant: {
+      underline: "border-b border-border gap-0",
+      pills: "gap-1 p-1 rounded-lg bg-muted",
+      enclosed: "gap-0 border-b border-border"
+    }
+  },
+  defaultVariants: {
+    variant: "underline"
+  }
+});
+var TabsList = React__namespace.forwardRef(
+  ({ className, ...props }, ref) => {
+    const { variant } = useTabsContext();
+    const listRef = React__namespace.useRef(null);
+    const handleKeyDown = React__namespace.useCallback(
+      (e) => {
+        const list = listRef.current;
+        if (!list) return;
+        const triggers = Array.from(
+          list.querySelectorAll(
+            '[role="tab"]:not([disabled])'
+          )
+        );
+        const currentIndex = triggers.findIndex(
+          (trigger) => trigger === document.activeElement
+        );
+        let nextIndex;
+        switch (e.key) {
+          case "ArrowRight":
+          case "ArrowDown":
+            e.preventDefault();
+            nextIndex = currentIndex === triggers.length - 1 ? 0 : currentIndex + 1;
+            triggers[nextIndex]?.focus();
+            break;
+          case "ArrowLeft":
+          case "ArrowUp":
+            e.preventDefault();
+            nextIndex = currentIndex === 0 ? triggers.length - 1 : currentIndex - 1;
+            triggers[nextIndex]?.focus();
+            break;
+          case "Home":
+            e.preventDefault();
+            triggers[0]?.focus();
+            break;
+          case "End":
+            e.preventDefault();
+            triggers[triggers.length - 1]?.focus();
+            break;
+        }
+      },
+      []
+    );
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref: (node) => {
+          listRef.current = node;
+          if (typeof ref === "function") {
+            ref(node);
+          } else if (ref) {
+            ref.current = node;
+          }
+        },
+        role: "tablist",
+        tabIndex: 0,
+        onKeyDown: handleKeyDown,
+        className: chunkOR5DRJCW_cjs.cn(tabsListVariants({ variant }), className),
+        ...props
+      }
+    );
+  }
+);
+TabsList.displayName = "TabsList";
+var tabsTriggerVariants = classVarianceAuthority.cva(
+  [
+    "inline-flex items-center justify-center gap-2",
+    "font-medium transition-all duration-200",
+    "whitespace-nowrap",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+    "disabled:pointer-events-none disabled:opacity-50"
+  ],
+  {
+    variants: {
+      variant: {
+        underline: [
+          "px-4 py-2 -mb-px",
+          "border-b-2 border-transparent",
+          "text-muted-foreground hover:text-foreground",
+          "data-[state=active]:border-primary-700 data-[state=active]:text-primary-800"
+        ],
+        pills: [
+          "px-3 py-1.5 rounded-md text-sm",
+          "text-muted-foreground hover:text-foreground",
+          "data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm"
+        ],
+        enclosed: [
+          "px-4 py-2 -mb-px",
+          "border border-transparent rounded-t-lg",
+          "text-muted-foreground hover:text-foreground",
+          "data-[state=active]:border-border data-[state=active]:border-b-background data-[state=active]:bg-background data-[state=active]:text-foreground"
+        ]
+      }
+    },
+    defaultVariants: {
+      variant: "underline"
+    }
+  }
+);
+var TabsTrigger = React__namespace.forwardRef(
+  ({ className, value, icon, children, disabled, ...props }, ref) => {
+    const { value: selectedValue, onValueChange, variant } = useTabsContext();
+    const isSelected = selectedValue === value;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        ref,
+        type: "button",
+        role: "tab",
+        "aria-selected": isSelected,
+        "aria-controls": `tabpanel-${value}`,
+        id: `tab-${value}`,
+        tabIndex: isSelected ? 0 : -1,
+        "data-state": isSelected ? "active" : "inactive",
+        disabled,
+        onClick: () => onValueChange(value),
+        className: chunkOR5DRJCW_cjs.cn(tabsTriggerVariants({ variant }), className),
+        ...props,
+        children: [
+          icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0", children: icon }),
+          children
+        ]
+      }
+    );
+  }
+);
+TabsTrigger.displayName = "TabsTrigger";
+var TabsContent = React__namespace.forwardRef(
+  ({ className, value, forceMount = false, children, ...props }, ref) => {
+    const { value: selectedValue } = useTabsContext();
+    const isSelected = selectedValue === value;
+    if (!isSelected && !forceMount) {
+      return null;
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        role: "tabpanel",
+        id: `tabpanel-${value}`,
+        "aria-labelledby": `tab-${value}`,
+        tabIndex: 0,
+        hidden: !isSelected,
+        "data-state": isSelected ? "active" : "inactive",
+        className: chunkOR5DRJCW_cjs.cn(
+          "focus-visible:ring-ring mt-4 rounded-lg focus-visible:ring-2 focus-visible:outline-none",
+          !isSelected && "hidden",
+          className
+        ),
+        ...props,
+        children
+      }
+    );
+  }
+);
+TabsContent.displayName = "TabsContent";
+
+exports.Tabs = Tabs;
+exports.TabsContent = TabsContent;
+exports.TabsList = TabsList;
+exports.TabsTrigger = TabsTrigger;
+exports.tabsListVariants = tabsListVariants;
+exports.tabsTriggerVariants = tabsTriggerVariants;
+//# sourceMappingURL=chunk-ORUPC5TV.cjs.map
+//# sourceMappingURL=chunk-ORUPC5TV.cjs.map

package/dist/chunk-ORUPC5TV.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Tabs/Tabs.tsx"],"names":["React","jsx","cn","cva","jsxs"],"mappings":"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","file":"chunk-ORUPC5TV.cjs","sourcesContent":["import * as React from 'react';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\n// ============================================================================\n// Tabs Context\n// ============================================================================\n\ninterface TabsContextValue {\n  value: string;\n  onValueChange: (value: string) => void;\n  variant: 'underline' | 'pills' | 'enclosed';\n}\n\nconst TabsContext = React.createContext<TabsContextValue | undefined>(\n  undefined\n);\n\nfunction useTabsContext() {\n  const context = React.useContext(TabsContext);\n  if (!context) {\n    throw new Error('Tabs components must be used within a Tabs provider');\n  }\n  return context;\n}\n\n// ============================================================================\n// Tabs Root\n// ============================================================================\n\nexport interface TabsProps {\n  /** The controlled value of the selected tab */\n  value?: string;\n  /** The default value of the selected tab (uncontrolled) */\n  defaultValue?: string;\n  /** Callback when the selected tab changes */\n  onValueChange?: (value: string) => void;\n  /** Visual variant of the tabs */\n  variant?: 'underline' | 'pills' | 'enclosed';\n  /** Tab content */\n  children: React.ReactNode;\n  /** Additional class name */\n  className?: string;\n}\n\n/**\n * Accessible tabs component with keyboard navigation.\n *\n * @example\n * ```tsx\n * <Tabs defaultValue=\"tab1\">\n *   <TabsList>\n *     <TabsTrigger value=\"tab1\">Tab 1</TabsTrigger>\n *     <TabsTrigger value=\"tab2\">Tab 2</TabsTrigger>\n *   </TabsList>\n *   <TabsContent value=\"tab1\">Content 1</TabsContent>\n *   <TabsContent value=\"tab2\">Content 2</TabsContent>\n * </Tabs>\n * ```\n */\nfunction Tabs({\n  value: controlledValue,\n  defaultValue,\n  onValueChange,\n  variant = 'underline',\n  children,\n  className,\n}: TabsProps) {\n  const [uncontrolledValue, setUncontrolledValue] = React.useState(\n    defaultValue || ''\n  );\n\n  const isControlled = controlledValue !== undefined;\n  const value = isControlled ? controlledValue : uncontrolledValue;\n\n  const handleValueChange = React.useCallback(\n    (newValue: string) => {\n      if (!isControlled) {\n        setUncontrolledValue(newValue);\n      }\n      onValueChange?.(newValue);\n    },\n    [isControlled, onValueChange]\n  );\n\n  return (\n    <TabsContext.Provider\n      value={{ value, onValueChange: handleValueChange, variant }}\n    >\n      <div className={cn('w-full', className)}>{children}</div>\n    </TabsContext.Provider>\n  );\n}\n\nTabs.displayName = 'Tabs';\n\n// ============================================================================\n// Tabs List\n// ============================================================================\n\nconst tabsListVariants = cva(['flex items-center'], {\n  variants: {\n    variant: {\n      underline: 'border-b border-border gap-0',\n      pills: 'gap-1 p-1 rounded-lg bg-muted',\n      enclosed: 'gap-0 border-b border-border',\n    },\n  },\n  defaultVariants: {\n    variant: 'underline',\n  },\n});\n\nexport type TabsListProps = React.HTMLAttributes<HTMLDivElement>;\n\n/**\n * Container for tab triggers.\n */\nconst TabsList = React.forwardRef<HTMLDivElement, TabsListProps>(\n  ({ className, ...props }, ref) => {\n    const { variant } = useTabsContext();\n    const listRef = React.useRef<HTMLDivElement>(null);\n\n    // Keyboard navigation\n    const handleKeyDown = React.useCallback(\n      (e: React.KeyboardEvent<HTMLDivElement>) => {\n        const list = listRef.current;\n        if (!list) return;\n\n        const triggers = Array.from(\n          list.querySelectorAll<HTMLButtonElement>(\n            '[role=\"tab\"]:not([disabled])'\n          )\n        );\n        const currentIndex = triggers.findIndex(\n          (trigger) => trigger === document.activeElement\n        );\n\n        let nextIndex: number;\n\n        switch (e.key) {\n          case 'ArrowRight':\n          case 'ArrowDown':\n            e.preventDefault();\n            nextIndex =\n              currentIndex === triggers.length - 1 ? 0 : currentIndex + 1;\n            triggers[nextIndex]?.focus();\n            break;\n          case 'ArrowLeft':\n          case 'ArrowUp':\n            e.preventDefault();\n            nextIndex =\n              currentIndex === 0 ? triggers.length - 1 : currentIndex - 1;\n            triggers[nextIndex]?.focus();\n            break;\n          case 'Home':\n            e.preventDefault();\n            triggers[0]?.focus();\n            break;\n          case 'End':\n            e.preventDefault();\n            triggers[triggers.length - 1]?.focus();\n            break;\n        }\n      },\n      []\n    );\n\n    return (\n      <div\n        ref={(node) => {\n          // Combine refs\n          (listRef as React.MutableRefObject<HTMLDivElement | null>).current =\n            node;\n          if (typeof ref === 'function') {\n            ref(node);\n          } else if (ref) {\n            ref.current = node;\n          }\n        }}\n        role=\"tablist\"\n        tabIndex={0}\n        onKeyDown={handleKeyDown}\n        className={cn(tabsListVariants({ variant }), className)}\n        {...props}\n      />\n    );\n  }\n);\n\nTabsList.displayName = 'TabsList';\n\n// ============================================================================\n// Tabs Trigger\n// ============================================================================\n\nconst tabsTriggerVariants = cva(\n  [\n    'inline-flex items-center justify-center gap-2',\n    'font-medium transition-all duration-200',\n    'whitespace-nowrap',\n    'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n    'disabled:pointer-events-none disabled:opacity-50',\n  ],\n  {\n    variants: {\n      variant: {\n        underline: [\n          'px-4 py-2 -mb-px',\n          'border-b-2 border-transparent',\n          'text-muted-foreground hover:text-foreground',\n          'data-[state=active]:border-primary-700 data-[state=active]:text-primary-800',\n        ],\n        pills: [\n          'px-3 py-1.5 rounded-md text-sm',\n          'text-muted-foreground hover:text-foreground',\n          'data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm',\n        ],\n        enclosed: [\n          'px-4 py-2 -mb-px',\n          'border border-transparent rounded-t-lg',\n          'text-muted-foreground hover:text-foreground',\n          'data-[state=active]:border-border data-[state=active]:border-b-background data-[state=active]:bg-background data-[state=active]:text-foreground',\n        ],\n      },\n    },\n    defaultVariants: {\n      variant: 'underline',\n    },\n  }\n);\n\nexport interface TabsTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** The value that identifies this tab */\n  value: string;\n  /** Icon to show before the label */\n  icon?: React.ReactNode;\n}\n\n/**\n * A tab trigger button.\n */\nconst TabsTrigger = React.forwardRef<HTMLButtonElement, TabsTriggerProps>(\n  ({ className, value, icon, children, disabled, ...props }, ref) => {\n    const { value: selectedValue, onValueChange, variant } = useTabsContext();\n    const isSelected = selectedValue === value;\n\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        role=\"tab\"\n        aria-selected={isSelected}\n        aria-controls={`tabpanel-${value}`}\n        id={`tab-${value}`}\n        tabIndex={isSelected ? 0 : -1}\n        data-state={isSelected ? 'active' : 'inactive'}\n        disabled={disabled}\n        onClick={() => onValueChange(value)}\n        className={cn(tabsTriggerVariants({ variant }), className)}\n        {...props}\n      >\n        {icon && <span className=\"shrink-0\">{icon}</span>}\n        {children}\n      </button>\n    );\n  }\n);\n\nTabsTrigger.displayName = 'TabsTrigger';\n\n// ============================================================================\n// Tabs Content\n// ============================================================================\n\nexport interface TabsContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** The value that identifies this content panel */\n  value: string;\n  /** Force mount the content (useful for animations) */\n  forceMount?: boolean;\n}\n\n/**\n * Content panel for a tab.\n */\nconst TabsContent = React.forwardRef<HTMLDivElement, TabsContentProps>(\n  ({ className, value, forceMount = false, children, ...props }, ref) => {\n    const { value: selectedValue } = useTabsContext();\n    const isSelected = selectedValue === value;\n\n    if (!isSelected && !forceMount) {\n      return null;\n    }\n\n    return (\n      <div\n        ref={ref}\n        role=\"tabpanel\"\n        id={`tabpanel-${value}`}\n        aria-labelledby={`tab-${value}`}\n        tabIndex={0}\n        hidden={!isSelected}\n        data-state={isSelected ? 'active' : 'inactive'}\n        className={cn(\n          'focus-visible:ring-ring mt-4 rounded-lg focus-visible:ring-2 focus-visible:outline-none',\n          !isSelected && 'hidden',\n          className\n        )}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  }\n);\n\nTabsContent.displayName = 'TabsContent';\n\nexport {\n  Tabs,\n  TabsList,\n  TabsTrigger,\n  TabsContent,\n  tabsListVariants,\n  tabsTriggerVariants,\n};\n"]}

package/dist/chunk-OT36EMM5.js

@@ -0,0 +1,22 @@
+import { useEffect } from 'react';
+
+// src/hooks/useClickOutside.ts
+function useClickOutside(ref, callback) {
+  useEffect(() => {
+    const handleClick = (event) => {
+      if (ref.current && !ref.current.contains(event.target)) {
+        callback();
+      }
+    };
+    document.addEventListener("mousedown", handleClick);
+    document.addEventListener("touchstart", handleClick);
+    return () => {
+      document.removeEventListener("mousedown", handleClick);
+      document.removeEventListener("touchstart", handleClick);
+    };
+  }, [ref, callback]);
+}
+
+export { useClickOutside };
+//# sourceMappingURL=chunk-OT36EMM5.js.map
+//# sourceMappingURL=chunk-OT36EMM5.js.map

package/dist/chunk-OT36EMM5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useClickOutside.ts"],"names":[],"mappings":";;;AAuBO,SAAS,eAAA,CACd,KACA,QAAA,EACM;AACN,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,WAAA,GAAc,CAAC,KAAA,KAAiB;AACpC,MAAA,IACE,GAAA,CAAI,WACJ,CAAC,GAAA,CAAI,QAAQ,QAAA,CAAS,KAAA,CAAM,MAAyB,CAAA,EACrD;AACA,QAAA,QAAA,EAAS;AAAA,MACX;AAAA,IACF,CAAA;AAEA,IAAA,QAAA,CAAS,gBAAA,CAAiB,aAAa,WAAW,CAAA;AAClD,IAAA,QAAA,CAAS,gBAAA,CAAiB,cAAc,WAAW,CAAA;AAEnD,IAAA,OAAO,MAAM;AACX,MAAA,QAAA,CAAS,mBAAA,CAAoB,aAAa,WAAW,CAAA;AACrD,MAAA,QAAA,CAAS,mBAAA,CAAoB,cAAc,WAAW,CAAA;AAAA,IACxD,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,GAAA,EAAK,QAAQ,CAAC,CAAA;AACpB","file":"chunk-OT36EMM5.js","sourcesContent":["import { useEffect, type RefObject } from 'react';\n\n/**\n * Hook that detects clicks outside of a specified element.\n * Useful for closing dropdowns, modals, and other overlays.\n *\n * @example\n * ```tsx\n * function Dropdown() {\n *   const [isOpen, setIsOpen] = useState(false);\n *   const ref = useRef<HTMLDivElement>(null);\n *\n *   useClickOutside(ref, () => setIsOpen(false));\n *\n *   return (\n *     <div ref={ref}>\n *       <button onClick={() => setIsOpen(!isOpen)}>Toggle</button>\n *       {isOpen && <div>Dropdown content</div>}\n *     </div>\n *   );\n * }\n * ```\n */\nexport function useClickOutside<T extends HTMLElement>(\n  ref: RefObject<T | null>,\n  callback: () => void\n): void {\n  useEffect(() => {\n    const handleClick = (event: Event) => {\n      if (\n        ref.current &&\n        !ref.current.contains(event.target as globalThis.Node)\n      ) {\n        callback();\n      }\n    };\n\n    document.addEventListener('mousedown', handleClick);\n    document.addEventListener('touchstart', handleClick);\n\n    return () => {\n      document.removeEventListener('mousedown', handleClick);\n      document.removeEventListener('touchstart', handleClick);\n    };\n  }, [ref, callback]);\n}\n"]}

package/dist/chunk-OW2BWGST.js

@@ -0,0 +1,238 @@
+import { cn } from './chunk-F3SOEIN2.js';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var RadioGroupContext = React.createContext(void 0);
+function useRadioGroupContext() {
+  const context = React.useContext(RadioGroupContext);
+  if (!context) {
+    throw new Error("Radio must be used within a RadioGroup");
+  }
+  return context;
+}
+var radioVariants = cva(
+  [
+    "shrink-0 appearance-none",
+    "border-2 border-input rounded-full",
+    "bg-background",
+    "transition-all duration-150",
+    "cursor-pointer",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+    "disabled:cursor-not-allowed disabled:opacity-50",
+    "checked:border-primary-500"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "h-4 w-4",
+        md: "h-5 w-5",
+        lg: "h-6 w-6"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+function RadioGroup({
+  name,
+  value: controlledValue,
+  defaultValue = "",
+  onValueChange,
+  label,
+  description,
+  error,
+  disabled = false,
+  size = "md",
+  orientation = "vertical",
+  children,
+  className
+}) {
+  const generatedName = React.useId();
+  const groupName = name || generatedName;
+  const groupId = React.useId();
+  const descriptionId = `${groupId}-description`;
+  const errorId = `${groupId}-error`;
+  const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue);
+  const isControlled = controlledValue !== void 0;
+  const value = isControlled ? controlledValue : uncontrolledValue;
+  const handleChange = React.useCallback(
+    (newValue) => {
+      if (!isControlled) {
+        setUncontrolledValue(newValue);
+      }
+      onValueChange?.(newValue);
+    },
+    [isControlled, onValueChange]
+  );
+  return /* @__PURE__ */ jsx(
+    RadioGroupContext.Provider,
+    {
+      value: { name: groupName, value, onChange: handleChange, disabled, size },
+      children: /* @__PURE__ */ jsxs(
+        "fieldset",
+        {
+          role: "radiogroup",
+          className: cn("flex flex-col gap-2", className),
+          "aria-describedby": [description ? descriptionId : null, error ? errorId : null].filter(Boolean).join(" ") || void 0,
+          children: [
+            label && /* @__PURE__ */ jsx(
+              "legend",
+              {
+                className: cn(
+                  "text-foreground font-medium",
+                  size === "sm" && "text-xs",
+                  size === "md" && "text-sm",
+                  size === "lg" && "text-base"
+                ),
+                children: label
+              }
+            ),
+            description && /* @__PURE__ */ jsx(
+              "p",
+              {
+                id: descriptionId,
+                className: cn(
+                  "text-muted-foreground",
+                  size === "sm" && "text-[10px]",
+                  size === "md" && "text-xs",
+                  size === "lg" && "text-sm"
+                ),
+                children: description
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn(
+                  "flex gap-4",
+                  orientation === "vertical" && "flex-col gap-3"
+                ),
+                children
+              }
+            ),
+            error && /* @__PURE__ */ jsx(
+              "p",
+              {
+                id: errorId,
+                className: cn(
+                  "text-destructive",
+                  size === "sm" && "text-xs",
+                  size === "md" && "text-sm",
+                  size === "lg" && "text-base"
+                ),
+                role: "alert",
+                children: error
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+RadioGroup.displayName = "RadioGroup";
+var Radio = React.forwardRef(
+  ({
+    className,
+    size: propSize,
+    value,
+    label,
+    description,
+    labelPosition = "right",
+    disabled: propDisabled,
+    id,
+    ...props
+  }, ref) => {
+    const context = useRadioGroupContext();
+    const generatedId = React.useId();
+    const radioId = id || generatedId;
+    const descriptionId = `${radioId}-description`;
+    const isChecked = context.value === value;
+    const isDisabled = propDisabled || context.disabled;
+    const size = propSize || context.size;
+    const handleChange = React.useCallback(() => {
+      if (!isDisabled) {
+        context.onChange(value);
+      }
+    }, [isDisabled, context, value]);
+    const radioElement = /* @__PURE__ */ jsxs("span", { className: "relative inline-flex items-center justify-center", children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          ref,
+          id: radioId,
+          type: "radio",
+          name: context.name,
+          value,
+          checked: isChecked,
+          disabled: isDisabled,
+          onChange: handleChange,
+          "aria-describedby": description ? descriptionId : void 0,
+          className: cn(radioVariants({ size }), className),
+          ...props
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: cn(
+            "bg-primary-500 pointer-events-none absolute rounded-full transition-transform",
+            size === "sm" && "h-2 w-2",
+            size === "md" && "h-2.5 w-2.5",
+            size === "lg" && "h-3 w-3",
+            isChecked ? "scale-100" : "scale-0"
+          )
+        }
+      )
+    ] });
+    const labelElement = label && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5", children: [
+      /* @__PURE__ */ jsx(
+        "label",
+        {
+          htmlFor: radioId,
+          className: cn(
+            "text-foreground cursor-pointer font-medium select-none",
+            size === "sm" && "text-xs",
+            size === "md" && "text-sm",
+            size === "lg" && "text-base",
+            isDisabled && "cursor-not-allowed opacity-50"
+          ),
+          children: label
+        }
+      ),
+      description && /* @__PURE__ */ jsx(
+        "p",
+        {
+          id: descriptionId,
+          className: cn(
+            "text-muted-foreground",
+            size === "sm" && "text-[10px]",
+            size === "md" && "text-xs",
+            size === "lg" && "text-sm"
+          ),
+          children: description
+        }
+      )
+    ] });
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "flex items-start gap-3",
+          labelPosition === "left" && "flex-row-reverse"
+        ),
+        children: [
+          radioElement,
+          labelElement
+        ]
+      }
+    );
+  }
+);
+Radio.displayName = "Radio";
+
+export { Radio, RadioGroup, radioVariants };
+//# sourceMappingURL=chunk-OW2BWGST.js.map
+//# sourceMappingURL=chunk-OW2BWGST.js.map

package/dist/chunk-OW2BWGST.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Radio/Radio.tsx"],"names":[],"mappings":"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","file":"chunk-OW2BWGST.js","sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\n// ============================================================================\n// Radio Group Context\n// ============================================================================\n\ninterface RadioGroupContextValue {\n  name: string;\n  value: string;\n  onChange: (value: string) => void;\n  disabled?: boolean;\n  size?: 'sm' | 'md' | 'lg' | null;\n}\n\nconst RadioGroupContext = React.createContext<\n  RadioGroupContextValue | undefined\n>(undefined);\n\nfunction useRadioGroupContext() {\n  const context = React.useContext(RadioGroupContext);\n  if (!context) {\n    throw new Error('Radio must be used within a RadioGroup');\n  }\n  return context;\n}\n\n// ============================================================================\n// Radio Variants\n// ============================================================================\n\nconst radioVariants = cva(\n  [\n    'shrink-0 appearance-none',\n    'border-2 border-input rounded-full',\n    'bg-background',\n    'transition-all duration-150',\n    'cursor-pointer',\n    'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n    'disabled:cursor-not-allowed disabled:opacity-50',\n    'checked:border-primary-500',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'h-4 w-4',\n        md: 'h-5 w-5',\n        lg: 'h-6 w-6',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  }\n);\n\n// ============================================================================\n// Radio Group\n// ============================================================================\n\nexport interface RadioGroupProps {\n  /** Group name (required for native form behavior) */\n  name?: string;\n  /** Controlled value */\n  value?: string;\n  /** Default value (uncontrolled) */\n  defaultValue?: string;\n  /** Callback when value changes */\n  onValueChange?: (value: string) => void;\n  /** Group label */\n  label?: string;\n  /** Description for the group */\n  description?: string;\n  /** Error message */\n  error?: string;\n  /** Whether all radios are disabled */\n  disabled?: boolean;\n  /** Size of all radios */\n  size?: 'sm' | 'md' | 'lg';\n  /** Orientation of radio items */\n  orientation?: 'horizontal' | 'vertical';\n  /** Children radio items */\n  children: React.ReactNode;\n  /** Additional class name */\n  className?: string;\n}\n\n/**\n * A radio group component for selecting one option from a set.\n *\n * @example\n * ```tsx\n * <RadioGroup name=\"plan\" label=\"Select a plan\" onValueChange={setPlan}>\n *   <Radio value=\"free\" label=\"Free\" />\n *   <Radio value=\"pro\" label=\"Pro\" />\n *   <Radio value=\"enterprise\" label=\"Enterprise\" />\n * </RadioGroup>\n * ```\n */\nfunction RadioGroup({\n  name,\n  value: controlledValue,\n  defaultValue = '',\n  onValueChange,\n  label,\n  description,\n  error,\n  disabled = false,\n  size = 'md',\n  orientation = 'vertical',\n  children,\n  className,\n}: RadioGroupProps) {\n  const generatedName = React.useId();\n  const groupName = name || generatedName;\n  const groupId = React.useId();\n  const descriptionId = `${groupId}-description`;\n  const errorId = `${groupId}-error`;\n\n  const [uncontrolledValue, setUncontrolledValue] =\n    React.useState(defaultValue);\n  const isControlled = controlledValue !== undefined;\n  const value = isControlled ? controlledValue : uncontrolledValue;\n\n  const handleChange = React.useCallback(\n    (newValue: string) => {\n      if (!isControlled) {\n        setUncontrolledValue(newValue);\n      }\n      onValueChange?.(newValue);\n    },\n    [isControlled, onValueChange]\n  );\n\n  return (\n    <RadioGroupContext.Provider\n      value={{ name: groupName, value, onChange: handleChange, disabled, size }}\n    >\n      <fieldset\n        role=\"radiogroup\"\n        className={cn('flex flex-col gap-2', className)}\n        aria-describedby={\n          [description ? descriptionId : null, error ? errorId : null]\n            .filter(Boolean)\n            .join(' ') || undefined\n        }\n      >\n        {label && (\n          <legend\n            className={cn(\n              'text-foreground font-medium',\n              size === 'sm' && 'text-xs',\n              size === 'md' && 'text-sm',\n              size === 'lg' && 'text-base'\n            )}\n          >\n            {label}\n          </legend>\n        )}\n        {description && (\n          <p\n            id={descriptionId}\n            className={cn(\n              'text-muted-foreground',\n              size === 'sm' && 'text-[10px]',\n              size === 'md' && 'text-xs',\n              size === 'lg' && 'text-sm'\n            )}\n          >\n            {description}\n          </p>\n        )}\n        <div\n          className={cn(\n            'flex gap-4',\n            orientation === 'vertical' && 'flex-col gap-3'\n          )}\n        >\n          {children}\n        </div>\n        {error && (\n          <p\n            id={errorId}\n            className={cn(\n              'text-destructive',\n              size === 'sm' && 'text-xs',\n              size === 'md' && 'text-sm',\n              size === 'lg' && 'text-base'\n            )}\n            role=\"alert\"\n          >\n            {error}\n          </p>\n        )}\n      </fieldset>\n    </RadioGroupContext.Provider>\n  );\n}\n\nRadioGroup.displayName = 'RadioGroup';\n\n// ============================================================================\n// Radio Item\n// ============================================================================\n\nexport interface RadioProps\n  extends\n    Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'>,\n    VariantProps<typeof radioVariants> {\n  /** Value for this radio option */\n  value: string;\n  /** Label for the radio */\n  label?: string;\n  /** Description text below the label */\n  description?: string;\n  /** Position of the label */\n  labelPosition?: 'left' | 'right';\n}\n\n/**\n * An individual radio item within a RadioGroup.\n *\n * @example\n * ```tsx\n * <Radio value=\"option1\" label=\"Option 1\" />\n * <Radio value=\"option2\" label=\"Option 2\" description=\"Additional details\" />\n * ```\n */\nconst Radio = React.forwardRef<HTMLInputElement, RadioProps>(\n  (\n    {\n      className,\n      size: propSize,\n      value,\n      label,\n      description,\n      labelPosition = 'right',\n      disabled: propDisabled,\n      id,\n      ...props\n    },\n    ref\n  ) => {\n    const context = useRadioGroupContext();\n    const generatedId = React.useId();\n    const radioId = id || generatedId;\n    const descriptionId = `${radioId}-description`;\n\n    const isChecked = context.value === value;\n    const isDisabled = propDisabled || context.disabled;\n    const size = propSize || context.size;\n\n    const handleChange = React.useCallback(() => {\n      if (!isDisabled) {\n        context.onChange(value);\n      }\n    }, [isDisabled, context, value]);\n\n    const radioElement = (\n      <span className=\"relative inline-flex items-center justify-center\">\n        <input\n          ref={ref}\n          id={radioId}\n          type=\"radio\"\n          name={context.name}\n          value={value}\n          checked={isChecked}\n          disabled={isDisabled}\n          onChange={handleChange}\n          aria-describedby={description ? descriptionId : undefined}\n          className={cn(radioVariants({ size }), className)}\n          {...props}\n        />\n        {/* Custom dot indicator */}\n        <span\n          className={cn(\n            'bg-primary-500 pointer-events-none absolute rounded-full transition-transform',\n            size === 'sm' && 'h-2 w-2',\n            size === 'md' && 'h-2.5 w-2.5',\n            size === 'lg' && 'h-3 w-3',\n            isChecked ? 'scale-100' : 'scale-0'\n          )}\n        />\n      </span>\n    );\n\n    const labelElement = label && (\n      <div className=\"flex flex-col gap-0.5\">\n        <label\n          htmlFor={radioId}\n          className={cn(\n            'text-foreground cursor-pointer font-medium select-none',\n            size === 'sm' && 'text-xs',\n            size === 'md' && 'text-sm',\n            size === 'lg' && 'text-base',\n            isDisabled && 'cursor-not-allowed opacity-50'\n          )}\n        >\n          {label}\n        </label>\n        {description && (\n          <p\n            id={descriptionId}\n            className={cn(\n              'text-muted-foreground',\n              size === 'sm' && 'text-[10px]',\n              size === 'md' && 'text-xs',\n              size === 'lg' && 'text-sm'\n            )}\n          >\n            {description}\n          </p>\n        )}\n      </div>\n    );\n\n    return (\n      <div\n        className={cn(\n          'flex items-start gap-3',\n          labelPosition === 'left' && 'flex-row-reverse'\n        )}\n      >\n        {radioElement}\n        {labelElement}\n      </div>\n    );\n  }\n);\n\nRadio.displayName = 'Radio';\n\nexport { RadioGroup, Radio, radioVariants };\n"]}

package/dist/chunk-OWPWP46L.js

@@ -0,0 +1,92 @@
+// src/brands/waggleline.ts
+var wagglelineBrand = {
+  name: "waggleline",
+  displayName: "Waggleline",
+  description: "Experience visualization and orchestration platform for customer journeys",
+  colors: {
+    // Primary color scale - Waggleline Blue (#17AEED)
+    primary: {
+      50: "#E6F7FF",
+      100: "#BAE7FF",
+      200: "#91D5FF",
+      300: "#69C0FF",
+      400: "#40A9FF",
+      500: "#17AEED",
+      600: "#00A4EB",
+      700: "#0084C8",
+      800: "#006AA5",
+      900: "#004D7A",
+      950: "#003355"
+    },
+    // Light mode semantic colors
+    light: {
+      background: "#fafafa",
+      // gray-50 equivalent
+      foreground: "#1a1a1a",
+      card: "#ffffff",
+      cardForeground: "#1a1a1a",
+      muted: "#f5f5f5",
+      mutedForeground: "#6b7280",
+      border: "#e5e7eb",
+      input: "#e5e7eb",
+      ring: "#17AEED",
+      destructive: "#ef4444",
+      destructiveForeground: "#ffffff",
+      success: "#009C4E",
+      // Brand green
+      successForeground: "#ffffff",
+      warning: "#FFD200",
+      // Brand yellow
+      warningForeground: "#1a1a1a"
+    },
+    // Dark mode semantic colors (charcoal-based, not pure black)
+    dark: {
+      background: "#1F2937",
+      // panel.DEFAULT - charcoal
+      foreground: "#f9fafb",
+      card: "#2D3748",
+      // panel.card
+      cardForeground: "#f9fafb",
+      muted: "#374151",
+      // panel.elevated
+      mutedForeground: "#9ca3af",
+      border: "#374151",
+      input: "#374151",
+      ring: "#17AEED",
+      destructive: "#dc2626",
+      destructiveForeground: "#f9fafb",
+      success: "#009C4E",
+      // Brand green
+      successForeground: "#f9fafb",
+      warning: "#FFD200",
+      // Brand yellow
+      warningForeground: "#1a1a1a"
+    }
+  },
+  typography: {
+    fontFamily: {
+      sans: ["Inter", "ui-sans-serif", "system-ui", "sans-serif"],
+      mono: ["ui-monospace", "SFMono-Regular", "Menlo", "monospace"]
+    }
+  },
+  borderRadius: {
+    none: "0",
+    sm: "0.25rem",
+    md: "0.5rem",
+    lg: "0.75rem",
+    xl: "1rem",
+    "2xl": "1.5rem",
+    full: "9999px"
+  },
+  boxShadow: {
+    card: "0 2px 8px -2px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.06)",
+    // soft
+    dropdown: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
+    modal: "0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.08)"
+    // soft-lg
+  }
+};
+
+export { wagglelineBrand };
+//# sourceMappingURL=chunk-OWPWP46L.js.map
+//# sourceMappingURL=chunk-OWPWP46L.js.map