@storm-ds/ui 0.1.0

package/dist/index.js

@@ -0,0 +1,3987 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }'use client';
+
+// src/components/Button.tsx
+var _react = require('react');
+
+// src/utils/cn.ts
+var _tailwindmerge = require('tailwind-merge');
+function toClassString(input) {
+  if (!input) return "";
+  if (typeof input === "string") return input;
+  if (Array.isArray(input)) return input.map(toClassString).filter(Boolean).join(" ");
+  return Object.entries(input).filter(([, value]) => Boolean(value)).map(([key]) => key).join(" ");
+}
+function cn(...inputs) {
+  return _tailwindmerge.twMerge.call(void 0, inputs.map(toClassString).filter(Boolean).join(" "));
+}
+
+// src/components/Button.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var variantStyles = {
+  default: "border border-storm-primary bg-storm-primary text-storm-primary-foreground hover:bg-storm-primary/90",
+  secondary: "border border-storm-secondary bg-storm-secondary text-storm-secondary-foreground hover:bg-storm-secondary/80",
+  outline: "border border-storm-border bg-transparent text-storm-foreground hover:bg-storm-accent/10",
+  ghost: "border border-transparent bg-transparent text-storm-foreground hover:bg-storm-accent/10",
+  destructive: "border border-storm-destructive bg-storm-destructive text-white hover:bg-storm-destructive/90"
+};
+var sizeStyles = {
+  sm: "px-3 py-1.5 text-sm",
+  md: "px-4 py-2 text-base",
+  lg: "px-6 py-3 text-lg"
+};
+var iconOnlySizeStyles = {
+  sm: "h-8 w-8",
+  md: "h-10 w-10",
+  lg: "h-12 w-12"
+};
+var Button = _react.forwardRef.call(void 0, 
+  ({ className, variant = "default", size = "md", loading, iconOnly, disabled, children, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "button",
+      {
+        ref,
+        disabled: disabled || loading,
+        className: cn(
+          "relative inline-flex items-center justify-center rounded-storm-md font-medium transition-colors",
+          "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-storm-ring",
+          "disabled:pointer-events-none disabled:opacity-50",
+          variantStyles[variant],
+          iconOnly ? iconOnlySizeStyles[size] : sizeStyles[size],
+          iconOnly && "p-0",
+          className
+        ),
+        ...props,
+        children: [
+          loading && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "svg", { className: "absolute h-4 w-4 animate-spin", viewBox: "0 0 24 24", fill: "none", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: cn(loading && "opacity-0"), children })
+        ]
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+
+// src/components/Card.tsx
+
+
+var variantStyles2 = {
+  outlined: "border border-storm-border bg-storm-background",
+  filled: "border border-transparent bg-storm-muted",
+  ghost: "border border-transparent bg-transparent"
+};
+var Card = _react.forwardRef.call(void 0, 
+  ({ className, variant = "outlined", interactive, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        className: cn(
+          "rounded-storm-lg text-storm-foreground",
+          variantStyles2[variant],
+          interactive && "cursor-pointer transition-colors hover:border-storm-primary/50",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+var CardHeader = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        className: cn("p-6 pb-0", className),
+        ...props
+      }
+    );
+  }
+);
+var CardBody = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        className: cn("p-6", className),
+        ...props
+      }
+    );
+  }
+);
+var CardFooter = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        className: cn("flex items-center p-6 pt-0", className),
+        ...props
+      }
+    );
+  }
+);
+var CardImage = _react.forwardRef.call(void 0, 
+  ({ className, aspectRatio, alt = "", ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        className: cn(
+          "overflow-hidden",
+          aspectRatio === "square" && "aspect-square",
+          aspectRatio === "video" && "aspect-video",
+          aspectRatio === "4/3" && "aspect-[4/3]",
+          aspectRatio === "21/9" && "aspect-[21/9]"
+        ),
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "img",
+          {
+            ref,
+            className: cn("h-full w-full object-cover", className),
+            alt,
+            ...props
+          }
+        )
+      }
+    );
+  }
+);
+var CardTitle = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "h3",
+      {
+        ref,
+        className: cn("text-lg font-semibold text-storm-foreground", className),
+        ...props
+      }
+    );
+  }
+);
+var CardDescription = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "p",
+      {
+        ref,
+        className: cn("text-sm text-storm-muted-foreground", className),
+        ...props
+      }
+    );
+  }
+);
+Card.displayName = "Card";
+CardHeader.displayName = "CardHeader";
+CardBody.displayName = "CardBody";
+CardFooter.displayName = "CardFooter";
+CardImage.displayName = "CardImage";
+CardTitle.displayName = "CardTitle";
+CardDescription.displayName = "CardDescription";
+
+// src/components/Input.tsx
+
+
+var sizeStyles2 = {
+  sm: "h-8 px-3 py-1.5 text-sm",
+  md: "h-10 px-4 py-2 text-base",
+  lg: "h-12 px-6 py-3 text-lg"
+};
+var Input = _react.forwardRef.call(void 0, 
+  ({ className, size = "md", type = "text", error, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "input",
+      {
+        ref,
+        type,
+        "aria-invalid": error || void 0,
+        className: cn(
+          "w-full rounded-storm-md border bg-storm-background text-storm-foreground transition-colors",
+          "placeholder:text-storm-muted-foreground",
+          error ? "border-storm-destructive focus-visible:ring-storm-destructive" : "border-storm-border focus-visible:border-storm-primary",
+          "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-storm-ring",
+          "disabled:pointer-events-none disabled:opacity-50",
+          sizeStyles2[size],
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+Input.displayName = "Input";
+
+// src/components/Textarea.tsx
+
+
+var resizeStyles = {
+  none: "resize-none",
+  vertical: "resize-y",
+  horizontal: "resize-x",
+  both: "resize"
+};
+var Textarea = _react.forwardRef.call(void 0, 
+  ({ className, error, resize = "vertical", ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "textarea",
+      {
+        ref,
+        "aria-invalid": error || void 0,
+        className: cn(
+          "w-full min-h-[120px] rounded-storm-md border bg-storm-background px-4 py-2 text-base text-storm-foreground transition-colors",
+          "placeholder:text-storm-muted-foreground",
+          error ? "border-storm-destructive focus-visible:ring-storm-destructive" : "border-storm-border focus-visible:border-storm-primary",
+          "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-storm-ring",
+          "disabled:pointer-events-none disabled:opacity-50",
+          resizeStyles[resize],
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+Textarea.displayName = "Textarea";
+
+// src/components/Label.tsx
+
+
+var Label = _react.forwardRef.call(void 0, 
+  ({ className, required, children, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "label",
+      {
+        ref,
+        className: cn(
+          "text-sm font-medium text-storm-foreground",
+          "peer-disabled:opacity-50 peer-disabled:cursor-not-allowed",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          required && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-storm-destructive ml-0.5", "aria-hidden": "true", children: "*" })
+        ]
+      }
+    );
+  }
+);
+Label.displayName = "Label";
+
+// src/components/Select.tsx
+
+
+var sizeStyles3 = {
+  sm: "h-8 px-3 py-1.5 text-sm",
+  md: "h-10 px-4 py-2 text-base",
+  lg: "h-12 px-6 py-2 text-lg"
+};
+var Select = _react.forwardRef.call(void 0, 
+  ({ className, size = "md", error, children, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "select",
+      {
+        ref,
+        "aria-invalid": error || void 0,
+        className: cn(
+          "w-full appearance-none rounded-storm-md border bg-storm-background pr-10 text-storm-foreground transition-colors",
+          `bg-[url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%2371717A'%3E%3Cpath fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z' clip-rule='evenodd'/%3E%3C/svg%3E")] bg-[position:right_0.75rem_center] bg-[length:1.25rem_1.25rem] bg-no-repeat`,
+          error ? "border-storm-destructive focus-visible:ring-storm-destructive" : "border-storm-border focus-visible:border-storm-primary",
+          "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-storm-ring",
+          "disabled:pointer-events-none disabled:opacity-50",
+          sizeStyles3[size],
+          className
+        ),
+        ...props,
+        children
+      }
+    );
+  }
+);
+Select.displayName = "Select";
+
+// src/components/Checkbox.tsx
+
+
+var sizeStyles4 = {
+  sm: "h-4 w-4",
+  md: "h-5 w-5",
+  lg: "h-6 w-6"
+};
+var Checkbox = _react.forwardRef.call(void 0, 
+  ({ className, size = "md", ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "input",
+      {
+        ref,
+        type: "checkbox",
+        className: cn(
+          "shrink-0 cursor-pointer appearance-none rounded-storm-sm border border-storm-border bg-storm-background transition-colors",
+          "checked:border-storm-primary checked:bg-storm-primary",
+          `checked:bg-[url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3E%3C/svg%3E")] checked:bg-center checked:bg-no-repeat checked:bg-[length:100%_100%]`,
+          "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-storm-ring",
+          "disabled:pointer-events-none disabled:opacity-50",
+          sizeStyles4[size],
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+Checkbox.displayName = "Checkbox";
+
+// src/components/Switch.tsx
+
+
+var trackSizeStyles = {
+  sm: "h-5 w-9",
+  md: "h-6 w-11",
+  lg: "h-7 w-14"
+};
+var thumbSizeStyles = {
+  sm: "h-3 w-3",
+  md: "h-4 w-4",
+  lg: "h-5 w-5"
+};
+var thumbTranslateStyles = {
+  sm: "translate-x-4",
+  md: "translate-x-5",
+  lg: "translate-x-7"
+};
+var Switch = _react.forwardRef.call(void 0, 
+  ({ className, checked = false, onChange, disabled, size = "md", ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "button",
+      {
+        ref,
+        type: "button",
+        role: "switch",
+        "aria-checked": checked,
+        disabled,
+        onClick: () => _optionalChain([onChange, 'optionalCall', _2 => _2(!checked)]),
+        className: cn(
+          "inline-flex shrink-0 cursor-pointer items-center rounded-full border transition-colors",
+          checked ? "border-storm-primary bg-storm-primary" : "border-storm-border bg-storm-muted",
+          "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-storm-ring",
+          "disabled:pointer-events-none disabled:opacity-50",
+          trackSizeStyles[size],
+          className
+        ),
+        ...props,
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "span",
+          {
+            className: cn(
+              "pointer-events-none block rounded-full bg-storm-background transition-transform",
+              thumbSizeStyles[size],
+              checked ? thumbTranslateStyles[size] : "translate-x-0.5"
+            )
+          }
+        )
+      }
+    );
+  }
+);
+Switch.displayName = "Switch";
+
+// src/components/RadioGroup.tsx
+
+
+var sizeStyles5 = {
+  sm: "h-4 w-4",
+  md: "h-5 w-5",
+  lg: "h-6 w-6"
+};
+var RadioGroup = _react.forwardRef.call(void 0, 
+  ({ className, orientation = "vertical", ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        role: "radiogroup",
+        className: cn(
+          "flex gap-2",
+          orientation === "vertical" ? "flex-col" : "flex-row items-center",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+var RadioGroupItem = _react.forwardRef.call(void 0, 
+  ({ className, size = "md", ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "input",
+      {
+        ref,
+        type: "radio",
+        className: cn(
+          "shrink-0 cursor-pointer appearance-none rounded-full border border-storm-border bg-storm-background transition-colors",
+          "checked:border-storm-primary checked:bg-storm-primary",
+          `checked:bg-[url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")] checked:bg-center checked:bg-no-repeat checked:bg-[length:100%_100%]`,
+          "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-storm-ring",
+          "disabled:pointer-events-none disabled:opacity-50",
+          sizeStyles5[size],
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+RadioGroup.displayName = "RadioGroup";
+RadioGroupItem.displayName = "RadioGroupItem";
+
+// src/components/InputGroup.tsx
+
+
+var InputGroup = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        className: cn(
+          "flex items-stretch",
+          "[&>*:first-child]:rounded-l-storm-md [&>*:first-child]:rounded-r-none",
+          "[&>*:last-child]:rounded-r-storm-md [&>*:last-child]:rounded-l-none",
+          "[&>*:not(:first-child):not(:last-child)]:rounded-none",
+          "[&>*:not(:first-child)]:-ml-0.5",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+var InputGroupAddon = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        className: cn(
+          "inline-flex items-center border border-storm-border bg-storm-muted px-3 text-sm text-storm-muted-foreground",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+InputGroup.displayName = "InputGroup";
+InputGroupAddon.displayName = "InputGroupAddon";
+
+// src/components/Alert.tsx
+
+
+var variantStyles3 = {
+  default: "border border-storm-border bg-storm-background text-storm-foreground",
+  secondary: "border border-storm-secondary bg-storm-secondary text-storm-secondary-foreground",
+  destructive: "border border-storm-destructive/50 bg-storm-destructive/10 text-storm-destructive",
+  success: "border border-storm-success/50 bg-storm-success/10 text-storm-success",
+  warning: "border border-storm-warning/50 bg-storm-warning/10 text-storm-warning",
+  info: "border border-storm-info/50 bg-storm-info/10 text-storm-info"
+};
+var Alert = _react.forwardRef.call(void 0, 
+  ({ className, variant = "default", icon, children, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "div",
+      {
+        ref,
+        role: "alert",
+        className: cn(
+          "relative w-full rounded-storm-md p-4",
+          icon ? "flex gap-3" : "",
+          variantStyles3[variant],
+          className
+        ),
+        ...props,
+        children: [
+          icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "shrink-0 [&>svg]:h-5 [&>svg]:w-5", children: icon }),
+          icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-1", children }) : children
+        ]
+      }
+    );
+  }
+);
+var AlertTitle = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "h5",
+      {
+        ref,
+        className: cn("mb-1 font-medium leading-none", className),
+        ...props
+      }
+    );
+  }
+);
+var AlertDescription = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "p",
+      {
+        ref,
+        className: cn("text-sm opacity-90", className),
+        ...props
+      }
+    );
+  }
+);
+Alert.displayName = "Alert";
+AlertTitle.displayName = "AlertTitle";
+AlertDescription.displayName = "AlertDescription";
+
+// src/components/Badge.tsx
+
+
+var variantStyles4 = {
+  default: "border border-storm-primary bg-storm-primary text-storm-primary-foreground",
+  secondary: "border border-storm-secondary bg-storm-secondary text-storm-secondary-foreground",
+  outline: "border border-storm-border bg-transparent text-storm-foreground",
+  destructive: "border border-storm-destructive bg-storm-destructive text-white",
+  success: "border border-storm-success bg-storm-success text-storm-success-foreground",
+  warning: "border border-storm-warning bg-storm-warning text-storm-warning-foreground",
+  info: "border border-storm-info bg-storm-info text-storm-info-foreground"
+};
+var sizeStyles6 = {
+  sm: "px-1.5 py-0.5 text-[10px]",
+  md: "px-2.5 py-0.5 text-xs",
+  lg: "px-3 py-1 text-sm"
+};
+var Badge = _react.forwardRef.call(void 0, 
+  ({ className, variant = "default", size = "md", ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "span",
+      {
+        ref,
+        className: cn(
+          "inline-flex items-center rounded-storm-sm font-medium transition-colors",
+          variantStyles4[variant],
+          sizeStyles6[size],
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+Badge.displayName = "Badge";
+
+// src/components/Avatar.tsx
+
+
+var sizeStyles7 = {
+  sm: "h-8 w-8 text-xs",
+  md: "h-10 w-10 text-sm",
+  lg: "h-12 w-12 text-base"
+};
+var Avatar = _react.forwardRef.call(void 0, 
+  ({ className, size = "md", src, alt, fallback, ...props }, ref) => {
+    const [imgError, setImgError] = _react.useState.call(void 0, false);
+    const initials = fallback || (alt ? alt.split(" ").map((w) => w[0]).slice(0, 2).join("").toUpperCase() : "?");
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "span",
+      {
+        ref,
+        className: cn(
+          "relative inline-flex shrink-0 items-center justify-center overflow-hidden rounded-full border border-storm-border bg-storm-muted font-medium text-storm-muted-foreground",
+          sizeStyles7[size],
+          className
+        ),
+        "aria-label": alt,
+        ...props,
+        children: src && !imgError ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "img",
+          {
+            src,
+            alt: alt || "",
+            className: "h-full w-full object-cover",
+            onError: () => setImgError(true)
+          }
+        ) : initials
+      }
+    );
+  }
+);
+var AvatarGroup = _react.forwardRef.call(void 0, 
+  ({ className, max, children, ...props }, ref) => {
+    const childArray = Array.isArray(children) ? children : [children];
+    const visibleChildren = max ? childArray.slice(0, max) : childArray;
+    const overflow = max ? childArray.length - max : 0;
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "div",
+      {
+        ref,
+        className: cn("flex items-center -space-x-2", className),
+        ...props,
+        children: [
+          visibleChildren,
+          overflow > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "relative inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-full border border-storm-border bg-storm-muted text-xs font-medium text-storm-muted-foreground", children: [
+            "+",
+            overflow
+          ] })
+        ]
+      }
+    );
+  }
+);
+Avatar.displayName = "Avatar";
+AvatarGroup.displayName = "AvatarGroup";
+
+// src/components/Skeleton.tsx
+
+
+var variantStyles5 = {
+  default: "rounded-storm-md",
+  circle: "rounded-full",
+  text: "rounded-storm-sm h-4"
+};
+var Skeleton = _react.forwardRef.call(void 0, 
+  ({ className, variant = "default", ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        className: cn(
+          "animate-pulse bg-storm-muted",
+          variantStyles5[variant],
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+Skeleton.displayName = "Skeleton";
+
+// src/components/Separator.tsx
+
+
+var orientationStyles = {
+  horizontal: "h-0 w-full border-t border-storm-border",
+  vertical: "w-0 self-stretch border-l border-storm-border"
+};
+var Separator = _react.forwardRef.call(void 0, 
+  ({ className, orientation = "horizontal", label, ...props }, ref) => {
+    if (label && orientation === "horizontal") {
+      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        "div",
+        {
+          ref,
+          className: cn("flex items-center gap-3", className),
+          role: "separator",
+          ...props,
+          children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "hr", { className: "flex-1 border-0 border-t border-storm-border" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "shrink-0 text-xs text-storm-muted-foreground", children: label }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "hr", { className: "flex-1 border-0 border-t border-storm-border" })
+          ]
+        }
+      );
+    }
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "hr",
+      {
+        ref,
+        className: cn(
+          "border-0",
+          orientationStyles[orientation],
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+Separator.displayName = "Separator";
+
+// src/components/Breadcrumb.tsx
+
+
+var Breadcrumb = _react.forwardRef.call(void 0, 
+  ({ className, separator = "/", children, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "nav", { ref, "aria-label": "Breadcrumb", ...props, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "ol",
+      {
+        className: cn(
+          "flex items-center gap-2 text-sm text-storm-muted-foreground",
+          className
+        ),
+        children
+      }
+    ) });
+  }
+);
+var BreadcrumbItem = _react.forwardRef.call(void 0, 
+  ({ className, active, children, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "li",
+      {
+        ref,
+        "aria-current": active ? "page" : void 0,
+        className: cn(
+          "inline-flex items-center gap-2",
+          active ? "text-storm-foreground font-medium" : "text-storm-muted-foreground",
+          className
+        ),
+        ...props,
+        children
+      }
+    );
+  }
+);
+var BreadcrumbSeparator = _react.forwardRef.call(void 0, 
+  ({ className, children, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "span",
+      {
+        ref,
+        role: "presentation",
+        "aria-hidden": "true",
+        className: cn("text-storm-muted-foreground", className),
+        ...props,
+        children: children || "/"
+      }
+    );
+  }
+);
+var BreadcrumbEllipsis = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "span",
+      {
+        ref,
+        "aria-hidden": "true",
+        className: cn("inline-flex items-center text-storm-muted-foreground", className),
+        ...props,
+        children: "\u2026"
+      }
+    );
+  }
+);
+Breadcrumb.displayName = "Breadcrumb";
+BreadcrumbItem.displayName = "BreadcrumbItem";
+BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
+BreadcrumbEllipsis.displayName = "BreadcrumbEllipsis";
+
+// src/components/Pagination.tsx
+
+
+var sizeStyles8 = {
+  sm: "h-8 w-8 text-xs",
+  md: "h-10 w-10 text-sm",
+  lg: "h-12 w-12 text-base"
+};
+var Pagination = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "nav",
+      {
+        ref,
+        role: "navigation",
+        "aria-label": "Pagination",
+        className: cn("flex items-center gap-1", className),
+        ...props
+      }
+    );
+  }
+);
+var PaginationItem = _react.forwardRef.call(void 0, 
+  ({ className, active, disabled, size = "md", ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "button",
+      {
+        ref,
+        disabled,
+        "aria-current": active ? "page" : void 0,
+        className: cn(
+          "inline-flex items-center justify-center rounded-storm-md border font-medium transition-colors",
+          "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-storm-ring",
+          "disabled:pointer-events-none disabled:opacity-50",
+          active ? "border-storm-primary bg-storm-primary text-storm-primary-foreground" : "border-storm-border bg-storm-background text-storm-foreground hover:bg-storm-accent/10",
+          sizeStyles8[size],
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+var PaginationPrevious = _react.forwardRef.call(void 0, 
+  ({ className, children, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "button",
+      {
+        ref,
+        "aria-label": "Go to previous page",
+        className: cn(
+          "inline-flex h-10 items-center justify-center gap-1 rounded-storm-md border border-storm-border bg-storm-background px-3 text-sm font-medium text-storm-foreground transition-colors",
+          "hover:bg-storm-accent/10",
+          "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-storm-ring",
+          "disabled:pointer-events-none disabled:opacity-50",
+          className
+        ),
+        ...props,
+        children: children || "Previous"
+      }
+    );
+  }
+);
+var PaginationNext = _react.forwardRef.call(void 0, 
+  ({ className, children, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "button",
+      {
+        ref,
+        "aria-label": "Go to next page",
+        className: cn(
+          "inline-flex h-10 items-center justify-center gap-1 rounded-storm-md border border-storm-border bg-storm-background px-3 text-sm font-medium text-storm-foreground transition-colors",
+          "hover:bg-storm-accent/10",
+          "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-storm-ring",
+          "disabled:pointer-events-none disabled:opacity-50",
+          className
+        ),
+        ...props,
+        children: children || "Next"
+      }
+    );
+  }
+);
+var PaginationEllipsis = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "span",
+      {
+        ref,
+        "aria-hidden": "true",
+        className: cn(
+          "inline-flex h-10 w-10 items-center justify-center text-sm text-storm-muted-foreground",
+          className
+        ),
+        ...props,
+        children: "\u2026"
+      }
+    );
+  }
+);
+Pagination.displayName = "Pagination";
+PaginationItem.displayName = "PaginationItem";
+PaginationPrevious.displayName = "PaginationPrevious";
+PaginationNext.displayName = "PaginationNext";
+PaginationEllipsis.displayName = "PaginationEllipsis";
+
+// src/components/NavigationMenu.tsx
+
+
+var NavigationMenu = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "nav",
+      {
+        ref,
+        className: cn(
+          "flex items-center gap-1",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+var NavigationMenuItem = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        className: cn("relative", className),
+        ...props
+      }
+    );
+  }
+);
+var NavigationMenuLink = _react.forwardRef.call(void 0, 
+  ({ className, active, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "a",
+      {
+        ref,
+        className: cn(
+          "inline-flex items-center rounded-storm-md px-3 py-2 text-sm font-medium transition-colors",
+          "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-storm-ring",
+          active ? "text-storm-primary" : "text-storm-foreground hover:text-storm-primary hover:bg-storm-accent/10",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+NavigationMenu.displayName = "NavigationMenu";
+NavigationMenuItem.displayName = "NavigationMenuItem";
+NavigationMenuLink.displayName = "NavigationMenuLink";
+
+// src/components/Dialog.tsx
+
+var _icons = require('@storm-ds/icons');
+
+var sizeStyles9 = {
+  sm: "max-w-sm",
+  md: "max-w-lg",
+  lg: "max-w-2xl",
+  xl: "max-w-4xl",
+  full: "max-w-[calc(100vw-2rem)]"
+};
+var Dialog = _react.forwardRef.call(void 0, 
+  ({ className, children, size = "md", ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "dialog",
+      {
+        ref,
+        className: cn(
+          "fixed inset-0 z-50 m-auto max-h-[85vh] w-full rounded-storm-lg border border-storm-border bg-storm-background p-0 text-storm-foreground backdrop:bg-black/50",
+          "open:animate-in open:fade-in-0 open:zoom-in-95",
+          sizeStyles9[size],
+          className
+        ),
+        ...props,
+        children
+      }
+    );
+  }
+);
+var DialogContent = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        className: cn("p-6", className),
+        ...props
+      }
+    );
+  }
+);
+var DialogHeader = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        className: cn("mb-4 space-y-1.5", className),
+        ...props
+      }
+    );
+  }
+);
+var DialogTitle = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "h2",
+      {
+        ref,
+        className: cn("text-lg font-semibold text-storm-foreground", className),
+        ...props
+      }
+    );
+  }
+);
+var DialogDescription = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "p",
+      {
+        ref,
+        className: cn("text-sm text-storm-muted-foreground", className),
+        ...props
+      }
+    );
+  }
+);
+var DialogFooter = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        className: cn("flex justify-end gap-2 pt-4", className),
+        ...props
+      }
+    );
+  }
+);
+var DialogClose = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "button",
+      {
+        ref,
+        type: "button",
+        className: cn(
+          "absolute right-4 top-4 rounded-storm-sm p-1 text-storm-muted-foreground transition-colors",
+          "hover:text-storm-foreground",
+          "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-storm-ring",
+          className
+        ),
+        ...props,
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _icons.X, { className: "h-4 w-4" })
+      }
+    );
+  }
+);
+Dialog.displayName = "Dialog";
+DialogContent.displayName = "DialogContent";
+DialogHeader.displayName = "DialogHeader";
+DialogTitle.displayName = "DialogTitle";
+DialogDescription.displayName = "DialogDescription";
+DialogFooter.displayName = "DialogFooter";
+DialogClose.displayName = "DialogClose";
+
+// src/components/DropdownMenu.tsx
+
+
+var DropdownMenu = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        className: cn("relative inline-block", className),
+        ...props
+      }
+    );
+  }
+);
+var DropdownMenuTrigger = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "button",
+      {
+        ref,
+        type: "button",
+        className: cn(
+          "inline-flex items-center justify-center transition-colors",
+          "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-storm-ring",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+var DropdownMenuContent = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        role: "menu",
+        className: cn(
+          "absolute z-50 mt-1 min-w-[8rem] overflow-hidden rounded-storm-md border border-storm-border bg-storm-background p-1",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+var DropdownMenuItem = _react.forwardRef.call(void 0, 
+  ({ className, destructive, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "button",
+      {
+        ref,
+        role: "menuitem",
+        type: "button",
+        className: cn(
+          "flex w-full items-center rounded-storm-sm px-2 py-1.5 text-sm transition-colors",
+          "focus-visible:outline-none",
+          "disabled:pointer-events-none disabled:opacity-50",
+          destructive ? "text-storm-destructive hover:bg-storm-destructive/10 focus-visible:bg-storm-destructive/10" : "text-storm-foreground hover:bg-storm-accent/10 focus-visible:bg-storm-accent/10",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+var DropdownMenuSeparator = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "hr",
+      {
+        ref,
+        className: cn("my-1 border-0 border-t border-storm-border", className),
+        ...props
+      }
+    );
+  }
+);
+var DropdownMenuLabel = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        className: cn("px-2 py-1.5 text-xs font-semibold text-storm-muted-foreground", className),
+        ...props
+      }
+    );
+  }
+);
+DropdownMenu.displayName = "DropdownMenu";
+DropdownMenuTrigger.displayName = "DropdownMenuTrigger";
+DropdownMenuContent.displayName = "DropdownMenuContent";
+DropdownMenuItem.displayName = "DropdownMenuItem";
+DropdownMenuSeparator.displayName = "DropdownMenuSeparator";
+DropdownMenuLabel.displayName = "DropdownMenuLabel";
+
+// src/components/Tabs.tsx
+
+
+var TabsContext = _react.createContext.call(void 0, { activeTab: "", setActiveTab: () => {
+} });
+var Tabs = _react.forwardRef.call(void 0, 
+  ({ className, defaultValue = "", children, ...props }, ref) => {
+    const [activeTab, setActiveTab] = _react.useState.call(void 0, defaultValue);
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TabsContext.Provider, { value: { activeTab, setActiveTab }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        className: cn("w-full", className),
+        ...props,
+        children
+      }
+    ) });
+  }
+);
+var TabsList = _react.forwardRef.call(void 0, 
+  ({ className, fullWidth, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        role: "tablist",
+        className: cn(
+          "inline-flex items-center gap-1 rounded-storm-md border border-storm-border bg-storm-muted p-1",
+          fullWidth && "w-full [&>*]:flex-1",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+var TabsTrigger = _react.forwardRef.call(void 0, 
+  ({ className, value, ...props }, ref) => {
+    const { activeTab, setActiveTab } = _react.useContext.call(void 0, TabsContext);
+    const active = activeTab === value;
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "button",
+      {
+        ref,
+        type: "button",
+        role: "tab",
+        "aria-selected": active,
+        className: cn(
+          "inline-flex items-center justify-center rounded-storm-sm px-3 py-1.5 text-sm font-medium transition-colors",
+          "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-storm-ring",
+          "disabled:pointer-events-none disabled:opacity-50",
+          active ? "bg-storm-background text-storm-foreground border border-storm-border" : "text-storm-muted-foreground hover:text-storm-foreground border border-transparent",
+          className
+        ),
+        onClick: () => setActiveTab(value),
+        ...props
+      }
+    );
+  }
+);
+var TabsContent = _react.forwardRef.call(void 0, 
+  ({ className, value, ...props }, ref) => {
+    const { activeTab } = _react.useContext.call(void 0, TabsContext);
+    if (activeTab !== value) return null;
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        role: "tabpanel",
+        className: cn("mt-2", className),
+        ...props
+      }
+    );
+  }
+);
+Tabs.displayName = "Tabs";
+TabsList.displayName = "TabsList";
+TabsTrigger.displayName = "TabsTrigger";
+TabsContent.displayName = "TabsContent";
+
+// src/components/Toast.tsx
+
+
+var variantStyles6 = {
+  default: "border border-storm-border bg-storm-background text-storm-foreground",
+  destructive: "border border-storm-destructive/50 bg-storm-destructive/10 text-storm-destructive",
+  success: "border border-storm-success/50 bg-storm-success/10 text-storm-success",
+  warning: "border border-storm-warning/50 bg-storm-warning/10 text-storm-warning",
+  info: "border border-storm-info/50 bg-storm-info/10 text-storm-info"
+};
+var Toast = _react.forwardRef.call(void 0, 
+  ({ className, variant = "default", ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        role: "alert",
+        className: cn(
+          "pointer-events-auto w-full max-w-sm rounded-storm-md p-4",
+          variantStyles6[variant],
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+var ToastTitle = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        className: cn("text-sm font-semibold", className),
+        ...props
+      }
+    );
+  }
+);
+var ToastDescription = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        className: cn("text-sm opacity-90", className),
+        ...props
+      }
+    );
+  }
+);
+var ToastClose = _react.forwardRef.call(void 0, 
+  ({ className, children, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "button",
+      {
+        ref,
+        type: "button",
+        className: cn(
+          "absolute right-2 top-2 rounded-storm-sm p-1 opacity-70 transition-opacity",
+          "hover:opacity-100",
+          "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-storm-ring",
+          className
+        ),
+        ...props,
+        children: children || "\xD7"
+      }
+    );
+  }
+);
+var ToastAction = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "button",
+      {
+        ref,
+        type: "button",
+        className: cn(
+          "inline-flex shrink-0 items-center justify-center rounded-storm-sm border border-storm-border bg-transparent px-3 py-1 text-sm font-medium transition-colors",
+          "hover:bg-storm-accent/10",
+          "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-storm-ring",
+          "disabled:pointer-events-none disabled:opacity-50",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+Toast.displayName = "Toast";
+ToastTitle.displayName = "ToastTitle";
+ToastDescription.displayName = "ToastDescription";
+ToastClose.displayName = "ToastClose";
+ToastAction.displayName = "ToastAction";
+
+// src/components/Tooltip.tsx
+
+
+var sideStyles = {
+  top: "bottom-full left-1/2 mb-2 -translate-x-1/2",
+  bottom: "top-full left-1/2 mt-2 -translate-x-1/2",
+  left: "right-full top-1/2 mr-2 -translate-y-1/2",
+  right: "left-full top-1/2 ml-2 -translate-y-1/2"
+};
+var Tooltip = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        className: cn("relative inline-block group/tooltip", className),
+        ...props
+      }
+    );
+  }
+);
+var TooltipTrigger = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        className: cn("inline-flex", className),
+        ...props
+      }
+    );
+  }
+);
+var TooltipContent = _react.forwardRef.call(void 0, 
+  ({ className, side = "top", ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        role: "tooltip",
+        className: cn(
+          "absolute z-50 rounded-storm-sm border border-storm-border bg-storm-foreground px-3 py-1.5 text-xs text-storm-background whitespace-nowrap",
+          "invisible opacity-0 group-hover/tooltip:visible group-hover/tooltip:opacity-100 transition-opacity",
+          sideStyles[side],
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+Tooltip.displayName = "Tooltip";
+TooltipTrigger.displayName = "TooltipTrigger";
+TooltipContent.displayName = "TooltipContent";
+
+// src/components/ButtonGroup.tsx
+
+
+var ButtonGroup = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        role: "group",
+        className: cn(
+          "inline-flex",
+          "[&>*:first-child]:rounded-r-none",
+          "[&>*:last-child]:rounded-l-none",
+          "[&>*:not(:first-child):not(:last-child)]:rounded-none",
+          "[&>*:not(:first-child)]:-ml-0.5",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+ButtonGroup.displayName = "ButtonGroup";
+
+// src/components/Table.tsx
+
+
+var Table = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "table",
+      {
+        ref,
+        className: cn("w-full caption-bottom text-sm", className),
+        ...props
+      }
+    ) });
+  }
+);
+var TableHeader = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "thead",
+      {
+        ref,
+        className: cn("[&_tr]:border-b [&_tr]:border-storm-border", className),
+        ...props
+      }
+    );
+  }
+);
+var TableBody = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "tbody",
+      {
+        ref,
+        className: cn("[&_tr:last-child]:border-0", className),
+        ...props
+      }
+    );
+  }
+);
+var TableFooter = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "tfoot",
+      {
+        ref,
+        className: cn("border-t border-storm-border bg-storm-accent/5 font-medium", className),
+        ...props
+      }
+    );
+  }
+);
+var TableRow = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "tr",
+      {
+        ref,
+        className: cn(
+          "border-b border-storm-border transition-colors",
+          "hover:bg-storm-accent/5",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+var TableHead = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "th",
+      {
+        ref,
+        className: cn(
+          "h-10 px-3 text-left align-middle font-medium text-storm-muted-foreground",
+          "[&:has([role=checkbox])]:pr-0",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+var TableCell = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "td",
+      {
+        ref,
+        className: cn(
+          "p-3 align-middle",
+          "[&:has([role=checkbox])]:pr-0",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+var TableCaption = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "caption",
+      {
+        ref,
+        className: cn("mt-4 text-sm text-storm-muted-foreground", className),
+        ...props
+      }
+    );
+  }
+);
+Table.displayName = "Table";
+TableHeader.displayName = "TableHeader";
+TableBody.displayName = "TableBody";
+TableFooter.displayName = "TableFooter";
+TableRow.displayName = "TableRow";
+TableHead.displayName = "TableHead";
+TableCell.displayName = "TableCell";
+TableCaption.displayName = "TableCaption";
+
+// src/components/Progress.tsx
+
+
+var sizeStyles10 = {
+  sm: "h-1",
+  md: "h-2",
+  lg: "h-3"
+};
+var variantStyles7 = {
+  default: "bg-storm-primary",
+  secondary: "bg-storm-secondary-foreground",
+  destructive: "bg-storm-destructive",
+  success: "bg-green-500"
+};
+var Progress = _react.forwardRef.call(void 0, 
+  ({ className, value = 0, max = 100, size = "md", variant = "default", ...props }, ref) => {
+    const percentage = Math.min(100, Math.max(0, value / max * 100));
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        role: "progressbar",
+        "aria-valuenow": value,
+        "aria-valuemin": 0,
+        "aria-valuemax": max,
+        className: cn(
+          "w-full overflow-hidden rounded-full bg-storm-accent/20",
+          sizeStyles10[size],
+          className
+        ),
+        ...props,
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "div",
+          {
+            className: cn(
+              "h-full rounded-full transition-all duration-300",
+              variantStyles7[variant]
+            ),
+            style: { width: `${percentage}%` }
+          }
+        )
+      }
+    );
+  }
+);
+Progress.displayName = "Progress";
+
+// src/components/Slider.tsx
+
+
+var sizeStyles11 = {
+  sm: { track: "h-1", thumb: "h-3 w-3" },
+  md: { track: "h-2", thumb: "h-4 w-4" },
+  lg: { track: "h-3", thumb: "h-5 w-5" }
+};
+var Slider = _react.forwardRef.call(void 0, 
+  ({ className, value: controlledValue, defaultValue = 0, min = 0, max = 100, step = 1, size = "md", disabled, onChange, ...props }, ref) => {
+    const [internalValue, setInternalValue] = _react.useState.call(void 0, defaultValue);
+    const value = controlledValue !== void 0 ? controlledValue : internalValue;
+    const trackRef = _react.useRef.call(void 0, null);
+    const dragging = _react.useRef.call(void 0, false);
+    const percentage = Math.min(100, Math.max(0, (value - min) / (max - min) * 100));
+    const updateValue = _react.useCallback.call(void 0, (clientX) => {
+      if (!trackRef.current || disabled) return;
+      const rect = trackRef.current.getBoundingClientRect();
+      const ratio = Math.min(1, Math.max(0, (clientX - rect.left) / rect.width));
+      const raw = min + ratio * (max - min);
+      const stepped = Math.round(raw / step) * step;
+      const clamped = Math.min(max, Math.max(min, stepped));
+      if (controlledValue === void 0) setInternalValue(clamped);
+      _optionalChain([onChange, 'optionalCall', _3 => _3(clamped)]);
+    }, [min, max, step, disabled, controlledValue, onChange]);
+    _react.useEffect.call(void 0, () => {
+      const handleMove = (e) => {
+        if (dragging.current) updateValue(e.clientX);
+      };
+      const handleUp = () => {
+        dragging.current = false;
+      };
+      document.addEventListener("mousemove", handleMove);
+      document.addEventListener("mouseup", handleUp);
+      return () => {
+        document.removeEventListener("mousemove", handleMove);
+        document.removeEventListener("mouseup", handleUp);
+      };
+    }, [updateValue]);
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "div",
+      {
+        ref,
+        className: cn(
+          "relative flex w-full touch-none select-none items-center",
+          disabled && "pointer-events-none opacity-50",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "div",
+            {
+              ref: trackRef,
+              className: cn(
+                "relative w-full cursor-pointer overflow-hidden rounded-full bg-storm-accent/20",
+                sizeStyles11[size].track
+              ),
+              onMouseDown: (e) => {
+                dragging.current = true;
+                updateValue(e.clientX);
+              },
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "div",
+                {
+                  className: "h-full rounded-full bg-storm-primary transition-all",
+                  style: { width: `${percentage}%` }
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "div",
+            {
+              className: cn(
+                "absolute rounded-full border border-storm-border bg-storm-background cursor-grab active:cursor-grabbing",
+                "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-storm-ring",
+                sizeStyles11[size].thumb
+              ),
+              style: { left: `calc(${percentage}% - ${size === "sm" ? 6 : size === "md" ? 8 : 10}px)` },
+              role: "slider",
+              tabIndex: disabled ? -1 : 0,
+              "aria-valuenow": value,
+              "aria-valuemin": min,
+              "aria-valuemax": max,
+              onMouseDown: () => {
+                dragging.current = true;
+              },
+              onKeyDown: (e) => {
+                if (e.key === "ArrowRight" || e.key === "ArrowUp") {
+                  e.preventDefault();
+                  const next = Math.min(max, value + step);
+                  if (controlledValue === void 0) setInternalValue(next);
+                  _optionalChain([onChange, 'optionalCall', _4 => _4(next)]);
+                } else if (e.key === "ArrowLeft" || e.key === "ArrowDown") {
+                  e.preventDefault();
+                  const next = Math.max(min, value - step);
+                  if (controlledValue === void 0) setInternalValue(next);
+                  _optionalChain([onChange, 'optionalCall', _5 => _5(next)]);
+                }
+              }
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Slider.displayName = "Slider";
+
+// src/components/Toggle.tsx
+
+
+var variantStyles8 = {
+  default: "hover:bg-storm-accent/10 data-[state=on]:bg-storm-accent/20 data-[state=on]:text-storm-foreground",
+  outline: "border border-storm-border hover:bg-storm-accent/10 data-[state=on]:bg-storm-accent/20 data-[state=on]:text-storm-foreground"
+};
+var sizeStyles12 = {
+  sm: "h-8 px-2 text-sm",
+  md: "h-10 px-3 text-base",
+  lg: "h-12 px-4 text-lg"
+};
+var Toggle = _react.forwardRef.call(void 0, 
+  ({ className, variant = "default", size = "md", pressed, defaultPressed, onPressedChange, onClick, ...props }, ref) => {
+    const isControlled = pressed !== void 0;
+    const state = isControlled ? pressed : void 0;
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "button",
+      {
+        ref,
+        type: "button",
+        role: "switch",
+        "aria-pressed": state,
+        "data-state": state ? "on" : "off",
+        className: cn(
+          "inline-flex items-center justify-center rounded-storm-md font-medium transition-colors",
+          "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-storm-ring",
+          "disabled:pointer-events-none disabled:opacity-50",
+          "text-storm-muted-foreground",
+          variantStyles8[variant],
+          sizeStyles12[size],
+          className
+        ),
+        onClick: (e) => {
+          _optionalChain([onPressedChange, 'optionalCall', _6 => _6(!state)]);
+          _optionalChain([onClick, 'optionalCall', _7 => _7(e)]);
+        },
+        ...props
+      }
+    );
+  }
+);
+Toggle.displayName = "Toggle";
+
+// src/components/ToggleGroup.tsx
+
+
+var sizeStyles13 = {
+  sm: "h-8 px-2 text-sm",
+  md: "h-10 px-3 text-base",
+  lg: "h-12 px-4 text-lg"
+};
+var ToggleGroup = _react.forwardRef.call(void 0, 
+  ({ className, variant = "default", size = "md", ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        role: "group",
+        className: cn(
+          "inline-flex items-center gap-1",
+          variant === "outline" && "rounded-storm-md border border-storm-border p-1",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+var ToggleGroupItem = _react.forwardRef.call(void 0, 
+  ({ className, active, size = "md", ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "button",
+      {
+        ref,
+        type: "button",
+        "data-state": active ? "on" : "off",
+        className: cn(
+          "inline-flex items-center justify-center rounded-storm-md font-medium transition-colors",
+          "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-storm-ring",
+          "disabled:pointer-events-none disabled:opacity-50",
+          "text-storm-muted-foreground hover:bg-storm-accent/10",
+          active && "bg-storm-accent/20 text-storm-foreground",
+          sizeStyles13[size],
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+ToggleGroup.displayName = "ToggleGroup";
+ToggleGroupItem.displayName = "ToggleGroupItem";
+
+// src/components/Sheet.tsx
+
+
+var sideStyles2 = {
+  left: "inset-y-0 left-0 border-r border-storm-border data-[open]:animate-in data-[open]:slide-in-from-left",
+  right: "inset-y-0 right-0 border-l border-storm-border data-[open]:animate-in data-[open]:slide-in-from-right",
+  top: "inset-x-0 top-0 border-b border-storm-border data-[open]:animate-in data-[open]:slide-in-from-top",
+  bottom: "inset-x-0 bottom-0 border-t border-storm-border data-[open]:animate-in data-[open]:slide-in-from-bottom"
+};
+var sizeMap = {
+  left: { sm: "w-64", md: "w-80", lg: "w-96", xl: "w-[480px]", full: "w-screen" },
+  right: { sm: "w-64", md: "w-80", lg: "w-96", xl: "w-[480px]", full: "w-screen" },
+  top: { sm: "h-32", md: "h-48", lg: "h-64", xl: "h-96", full: "h-screen" },
+  bottom: { sm: "h-32", md: "h-48", lg: "h-64", xl: "h-96", full: "h-screen" }
+};
+var Sheet = _react.forwardRef.call(void 0, 
+  ({ className, children, side = "right", size = "md", ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "dialog",
+      {
+        ref,
+        className: cn(
+          "fixed z-50 m-0 bg-storm-background p-0 text-storm-foreground backdrop:bg-black/50",
+          sideStyles2[side],
+          sizeMap[side][size],
+          className
+        ),
+        ...props,
+        children
+      }
+    );
+  }
+);
+var SheetContent = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        className: cn("flex h-full flex-col p-6", className),
+        ...props
+      }
+    );
+  }
+);
+var SheetHeader = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        className: cn("mb-4 space-y-1.5", className),
+        ...props
+      }
+    );
+  }
+);
+var SheetTitle = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "h2",
+      {
+        ref,
+        className: cn("text-lg font-semibold text-storm-foreground", className),
+        ...props
+      }
+    );
+  }
+);
+var SheetDescription = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "p",
+      {
+        ref,
+        className: cn("text-sm text-storm-muted-foreground", className),
+        ...props
+      }
+    );
+  }
+);
+var SheetFooter = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        className: cn("mt-auto flex justify-end gap-2 pt-4", className),
+        ...props
+      }
+    );
+  }
+);
+var SheetClose = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "button",
+      {
+        ref,
+        type: "button",
+        className: cn(
+          "absolute right-4 top-4 rounded-storm-sm p-1 text-storm-muted-foreground transition-colors",
+          "hover:text-storm-foreground",
+          "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-storm-ring",
+          className
+        ),
+        ...props,
+        children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "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.call(void 0, "line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+        ] })
+      }
+    );
+  }
+);
+Sheet.displayName = "Sheet";
+SheetContent.displayName = "SheetContent";
+SheetHeader.displayName = "SheetHeader";
+SheetTitle.displayName = "SheetTitle";
+SheetDescription.displayName = "SheetDescription";
+SheetFooter.displayName = "SheetFooter";
+SheetClose.displayName = "SheetClose";
+
+// src/components/Popover.tsx
+
+
+var Popover = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        className: cn("relative inline-block", className),
+        ...props
+      }
+    );
+  }
+);
+var PopoverTrigger = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        className: cn("inline-flex", className),
+        ...props
+      }
+    );
+  }
+);
+var alignStyles = {
+  start: "left-0",
+  center: "left-1/2 -translate-x-1/2",
+  end: "right-0"
+};
+var sideStyles3 = {
+  top: "bottom-full mb-2",
+  bottom: "top-full mt-2"
+};
+var PopoverContent = _react.forwardRef.call(void 0, 
+  ({ className, align = "center", side = "bottom", ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        className: cn(
+          "absolute z-50 w-72 rounded-storm-lg border border-storm-border bg-storm-background p-4 text-storm-foreground",
+          "animate-in fade-in-0 zoom-in-95",
+          sideStyles3[side],
+          alignStyles[align],
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+Popover.displayName = "Popover";
+PopoverTrigger.displayName = "PopoverTrigger";
+PopoverContent.displayName = "PopoverContent";
+
+// src/components/Collapsible.tsx
+
+
+var Collapsible = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        className: cn("w-full", className),
+        ...props
+      }
+    );
+  }
+);
+var CollapsibleTrigger = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "button",
+      {
+        ref,
+        type: "button",
+        className: cn(
+          "flex w-full items-center justify-between py-2 text-sm font-medium transition-colors",
+          "hover:text-storm-foreground",
+          "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-storm-ring",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+var CollapsibleContent = _react.forwardRef.call(void 0, 
+  ({ className, open, ...props }, ref) => {
+    if (!open) return null;
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        className: cn("overflow-hidden animate-in fade-in-0", className),
+        ...props
+      }
+    );
+  }
+);
+Collapsible.displayName = "Collapsible";
+CollapsibleTrigger.displayName = "CollapsibleTrigger";
+CollapsibleContent.displayName = "CollapsibleContent";
+
+// src/components/ScrollArea.tsx
+
+
+var ScrollArea = _react.forwardRef.call(void 0, 
+  ({ className, orientation = "vertical", ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        className: cn(
+          "relative",
+          orientation === "vertical" && "overflow-y-auto overflow-x-hidden",
+          orientation === "horizontal" && "overflow-x-auto overflow-y-hidden",
+          orientation === "both" && "overflow-auto",
+          "[&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar]:h-2",
+          "[&::-webkit-scrollbar-track]:bg-transparent",
+          "[&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-storm-accent/30",
+          "[&::-webkit-scrollbar-thumb:hover]:bg-storm-accent/50",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+ScrollArea.displayName = "ScrollArea";
+
+// src/components/AspectRatio.tsx
+
+
+var AspectRatio = _react.forwardRef.call(void 0, 
+  ({ className, ratio = 16 / 9, style, children, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        className: cn("relative w-full overflow-hidden", className),
+        style: { ...style, paddingBottom: `${1 / ratio * 100}%` },
+        ...props,
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute inset-0", children })
+      }
+    );
+  }
+);
+AspectRatio.displayName = "AspectRatio";
+
+// src/components/Accordion.tsx
+
+
+
+var AccordionContext = _react.createContext.call(void 0, { openItems: /* @__PURE__ */ new Set(), toggle: () => {
+} });
+var Accordion = _react.forwardRef.call(void 0, 
+  ({ className, type = "single", defaultValue, children, ...props }, ref) => {
+    const [openItems, setOpenItems] = _react.useState.call(void 0, () => {
+      if (!defaultValue) return /* @__PURE__ */ new Set();
+      return new Set(Array.isArray(defaultValue) ? defaultValue : [defaultValue]);
+    });
+    const toggle = (value) => {
+      setOpenItems((prev) => {
+        const next = new Set(prev);
+        if (next.has(value)) {
+          next.delete(value);
+        } else {
+          if (type === "single") next.clear();
+          next.add(value);
+        }
+        return next;
+      });
+    };
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AccordionContext.Provider, { value: { openItems, toggle }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: cn("w-full", className), ...props, children }) });
+  }
+);
+var AccordionItem = _react.forwardRef.call(void 0, 
+  ({ className, value, children, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        "data-value": value,
+        className: cn("border-b border-storm-border last:border-b-0", className),
+        ...props,
+        children
+      }
+    );
+  }
+);
+var AccordionTrigger = _react.forwardRef.call(void 0, 
+  ({ className, value, children, ...props }, ref) => {
+    const { openItems, toggle } = _react.useContext.call(void 0, AccordionContext);
+    const isOpen = openItems.has(value);
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "button",
+      {
+        ref,
+        type: "button",
+        "aria-expanded": isOpen,
+        className: cn(
+          "flex w-full items-center justify-between py-4 text-sm font-medium text-storm-foreground transition-colors",
+          "hover:text-storm-foreground/80",
+          "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-storm-ring",
+          className
+        ),
+        onClick: () => toggle(value),
+        ...props,
+        children: [
+          children,
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _icons.ChevronDown, { className: cn("h-4 w-4 shrink-0 text-storm-muted-foreground transition-transform duration-200", isOpen && "rotate-180") })
+        ]
+      }
+    );
+  }
+);
+var AccordionContent = _react.forwardRef.call(void 0, 
+  ({ className, value, children, ...props }, ref) => {
+    const { openItems } = _react.useContext.call(void 0, AccordionContext);
+    const isOpen = openItems.has(value);
+    if (!isOpen) return null;
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        className: cn("pb-4 text-sm text-storm-muted-foreground animate-in fade-in-0", className),
+        ...props,
+        children
+      }
+    );
+  }
+);
+Accordion.displayName = "Accordion";
+AccordionItem.displayName = "AccordionItem";
+AccordionTrigger.displayName = "AccordionTrigger";
+AccordionContent.displayName = "AccordionContent";
+
+// src/components/AlertDialog.tsx
+
+
+var AlertDialog = _react.forwardRef.call(void 0, 
+  ({ className, children, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "dialog",
+      {
+        ref,
+        className: cn(
+          "fixed inset-0 z-50 m-auto max-h-[85vh] w-full max-w-lg rounded-storm-lg border border-storm-border bg-storm-background p-0 text-storm-foreground backdrop:bg-black/50",
+          "open:animate-in open:fade-in-0 open:zoom-in-95",
+          className
+        ),
+        ...props,
+        children
+      }
+    );
+  }
+);
+var AlertDialogContent = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: cn("p-6", className), ...props });
+  }
+);
+var AlertDialogHeader = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: cn("mb-4 space-y-2", className), ...props });
+  }
+);
+var AlertDialogTitle = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { ref, className: cn("text-lg font-semibold text-storm-foreground", className), ...props });
+  }
+);
+var AlertDialogDescription = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { ref, className: cn("text-sm text-storm-muted-foreground", className), ...props });
+  }
+);
+var AlertDialogFooter = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: cn("flex justify-end gap-2 pt-4", className), ...props });
+  }
+);
+var AlertDialogAction = _react.forwardRef.call(void 0, 
+  ({ className, variant = "default", ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "button",
+      {
+        ref,
+        type: "button",
+        className: cn(
+          "inline-flex items-center justify-center rounded-storm-md px-4 py-2 text-sm font-medium transition-colors",
+          "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-storm-ring",
+          variant === "destructive" ? "border border-storm-destructive bg-storm-destructive text-white hover:bg-storm-destructive/90" : "border border-storm-primary bg-storm-primary text-storm-primary-foreground hover:bg-storm-primary/90",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+var AlertDialogCancel = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "button",
+      {
+        ref,
+        type: "button",
+        className: cn(
+          "inline-flex items-center justify-center rounded-storm-md border border-storm-border bg-transparent px-4 py-2 text-sm font-medium text-storm-foreground transition-colors",
+          "hover:bg-storm-accent/10",
+          "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-storm-ring",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+AlertDialog.displayName = "AlertDialog";
+AlertDialogContent.displayName = "AlertDialogContent";
+AlertDialogHeader.displayName = "AlertDialogHeader";
+AlertDialogTitle.displayName = "AlertDialogTitle";
+AlertDialogDescription.displayName = "AlertDialogDescription";
+AlertDialogFooter.displayName = "AlertDialogFooter";
+AlertDialogAction.displayName = "AlertDialogAction";
+AlertDialogCancel.displayName = "AlertDialogCancel";
+
+// src/components/Calendar.tsx
+
+
+var DAYS = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
+var MONTHS = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
+function getDaysInMonth(year, month) {
+  return new Date(year, month + 1, 0).getDate();
+}
+function getFirstDayOfMonth(year, month) {
+  return new Date(year, month, 1).getDay();
+}
+var Calendar = _react.forwardRef.call(void 0, 
+  ({ className, value, defaultValue, onChange, min, max, ...props }, ref) => {
+    const today = /* @__PURE__ */ new Date();
+    const [internalValue, setInternalValue] = _react.useState.call(void 0, defaultValue);
+    const selected = _nullishCoalesce(value, () => ( internalValue));
+    const [viewYear, setViewYear] = _react.useState.call(void 0, _nullishCoalesce(_optionalChain([selected, 'optionalAccess', _8 => _8.getFullYear, 'call', _9 => _9()]), () => ( today.getFullYear())));
+    const [viewMonth, setViewMonth] = _react.useState.call(void 0, _nullishCoalesce(_optionalChain([selected, 'optionalAccess', _10 => _10.getMonth, 'call', _11 => _11()]), () => ( today.getMonth())));
+    const daysInMonth = getDaysInMonth(viewYear, viewMonth);
+    const firstDay = getFirstDayOfMonth(viewYear, viewMonth);
+    const prevMonth = () => {
+      if (viewMonth === 0) {
+        setViewMonth(11);
+        setViewYear(viewYear - 1);
+      } else setViewMonth(viewMonth - 1);
+    };
+    const nextMonth = () => {
+      if (viewMonth === 11) {
+        setViewMonth(0);
+        setViewYear(viewYear + 1);
+      } else setViewMonth(viewMonth + 1);
+    };
+    const selectDate = (day) => {
+      const date = new Date(viewYear, viewMonth, day);
+      if (min && date < min) return;
+      if (max && date > max) return;
+      if (value === void 0) setInternalValue(date);
+      _optionalChain([onChange, 'optionalCall', _12 => _12(date)]);
+    };
+    const isSelected = (day) => {
+      if (!selected) return false;
+      return selected.getDate() === day && selected.getMonth() === viewMonth && selected.getFullYear() === viewYear;
+    };
+    const isToday = (day) => {
+      return today.getDate() === day && today.getMonth() === viewMonth && today.getFullYear() === viewYear;
+    };
+    const isDisabled = (day) => {
+      const date = new Date(viewYear, viewMonth, day);
+      if (min && date < new Date(min.getFullYear(), min.getMonth(), min.getDate())) return true;
+      if (max && date > max) return true;
+      return false;
+    };
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "div",
+      {
+        ref,
+        className: cn("w-[280px] rounded-storm-lg border border-storm-border bg-storm-background p-3", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between mb-2", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "button",
+              {
+                type: "button",
+                onClick: prevMonth,
+                className: "inline-flex h-7 w-7 items-center justify-center rounded-storm-sm text-storm-muted-foreground hover:text-storm-foreground hover:bg-storm-accent/10 transition-colors",
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "polyline", { points: "15 18 9 12 15 6" }) })
+              }
+            ),
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "text-sm font-medium text-storm-foreground", children: [
+              MONTHS[viewMonth],
+              " ",
+              viewYear
+            ] }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "button",
+              {
+                type: "button",
+                onClick: nextMonth,
+                className: "inline-flex h-7 w-7 items-center justify-center rounded-storm-sm text-storm-muted-foreground hover:text-storm-foreground hover:bg-storm-accent/10 transition-colors",
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "polyline", { points: "9 18 15 12 9 6" }) })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "grid grid-cols-7 gap-0", children: [
+            DAYS.map((d) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-8 items-center justify-center text-xs text-storm-muted-foreground font-medium", children: d }, d)),
+            Array.from({ length: firstDay }, (_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-8" }, `empty-${i}`)),
+            Array.from({ length: daysInMonth }, (_, i) => {
+              const day = i + 1;
+              const disabled = isDisabled(day);
+              return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "button",
+                {
+                  type: "button",
+                  disabled,
+                  onClick: () => selectDate(day),
+                  className: cn(
+                    "flex h-8 w-8 items-center justify-center rounded-storm-sm text-sm transition-colors mx-auto",
+                    "hover:bg-storm-accent/10",
+                    "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-storm-ring",
+                    "disabled:pointer-events-none disabled:opacity-50",
+                    isSelected(day) && "bg-storm-primary text-storm-primary-foreground hover:bg-storm-primary/90",
+                    isToday(day) && !isSelected(day) && "border border-storm-primary text-storm-primary"
+                  ),
+                  children: day
+                },
+                day
+              );
+            })
+          ] })
+        ]
+      }
+    );
+  }
+);
+Calendar.displayName = "Calendar";
+
+// src/components/DatePicker.tsx
+
+
+var DatePicker = _react.forwardRef.call(void 0, 
+  ({ className, value, defaultValue, onChange, placeholder = "Pick a date", min, max, disabled, ...props }, ref) => {
+    const [internalValue, setInternalValue] = _react.useState.call(void 0, defaultValue);
+    const selected = _nullishCoalesce(value, () => ( internalValue));
+    const [open, setOpen] = _react.useState.call(void 0, false);
+    const containerRef = _react.useRef.call(void 0, null);
+    _react.useEffect.call(void 0, () => {
+      const handleClick = (e) => {
+        if (containerRef.current && !containerRef.current.contains(e.target)) {
+          setOpen(false);
+        }
+      };
+      document.addEventListener("mousedown", handleClick);
+      return () => document.removeEventListener("mousedown", handleClick);
+    }, []);
+    const formatDate = (date) => {
+      return date.toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" });
+    };
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref: containerRef, className: cn("relative", className), children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        "button",
+        {
+          ref,
+          type: "button",
+          disabled,
+          onClick: () => setOpen(!open),
+          className: cn(
+            "inline-flex h-10 w-full min-w-[200px] items-center justify-between rounded-storm-md border border-storm-border bg-storm-background px-3 py-2 text-sm transition-colors",
+            "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-storm-ring",
+            "disabled:pointer-events-none disabled:opacity-50",
+            selected ? "text-storm-foreground" : "text-storm-muted-foreground"
+          ),
+          ...props,
+          children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: selected ? formatDate(selected) : placeholder }),
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "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-storm-muted-foreground", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", ry: "2" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "line", { x1: "16", y1: "2", x2: "16", y2: "6" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "line", { x1: "8", y1: "2", x2: "8", y2: "6" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "line", { x1: "3", y1: "10", x2: "21", y2: "10" })
+            ] })
+          ]
+        }
+      ),
+      open && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute left-0 top-full z-50 mt-1 animate-in fade-in-0 zoom-in-95", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        Calendar,
+        {
+          value: selected,
+          min,
+          max,
+          onChange: (date) => {
+            if (value === void 0) setInternalValue(date);
+            _optionalChain([onChange, 'optionalCall', _13 => _13(date)]);
+            setOpen(false);
+          }
+        }
+      ) })
+    ] });
+  }
+);
+DatePicker.displayName = "DatePicker";
+
+// src/components/Combobox.tsx
+
+
+
+var Combobox = _react.forwardRef.call(void 0, 
+  ({ className, options, value, defaultValue = "", onChange, placeholder = "Select...", searchPlaceholder = "Search...", emptyMessage = "No results found.", disabled, ...props }, ref) => {
+    const [internalValue, setInternalValue] = _react.useState.call(void 0, defaultValue);
+    const selected = _nullishCoalesce(value, () => ( internalValue));
+    const [open, setOpen] = _react.useState.call(void 0, false);
+    const [search, setSearch] = _react.useState.call(void 0, "");
+    const containerRef = _react.useRef.call(void 0, null);
+    const inputRef = _react.useRef.call(void 0, null);
+    const filtered = options.filter((o) => o.label.toLowerCase().includes(search.toLowerCase()));
+    const selectedOption = options.find((o) => o.value === selected);
+    _react.useEffect.call(void 0, () => {
+      const handleClick = (e) => {
+        if (containerRef.current && !containerRef.current.contains(e.target)) {
+          setOpen(false);
+          setSearch("");
+        }
+      };
+      document.addEventListener("mousedown", handleClick);
+      return () => document.removeEventListener("mousedown", handleClick);
+    }, []);
+    _react.useEffect.call(void 0, () => {
+      if (open && inputRef.current) inputRef.current.focus();
+    }, [open]);
+    const select = (val) => {
+      if (value === void 0) setInternalValue(val);
+      _optionalChain([onChange, 'optionalCall', _14 => _14(val)]);
+      setOpen(false);
+      setSearch("");
+    };
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref: containerRef, className: cn("relative", className), children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        "button",
+        {
+          ref,
+          type: "button",
+          disabled,
+          onClick: () => setOpen(!open),
+          className: cn(
+            "inline-flex h-10 w-full min-w-[200px] items-center justify-between rounded-storm-md border border-storm-border bg-storm-background px-3 py-2 text-sm transition-colors",
+            "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-storm-ring",
+            "disabled:pointer-events-none disabled:opacity-50",
+            selected ? "text-storm-foreground" : "text-storm-muted-foreground"
+          ),
+          ...props,
+          children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: _optionalChain([selectedOption, 'optionalAccess', _15 => _15.label]) || placeholder }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _icons.ChevronDown, { className: "h-3.5 w-3.5 text-storm-muted-foreground" })
+          ]
+        }
+      ),
+      open && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "absolute left-0 top-full z-50 mt-1 w-full min-w-[200px] rounded-storm-md border border-storm-border bg-storm-background p-1 animate-in fade-in-0 zoom-in-95", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "px-2 pb-1", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "input",
+          {
+            ref: inputRef,
+            type: "text",
+            value: search,
+            onChange: (e) => setSearch(e.target.value),
+            placeholder: searchPlaceholder,
+            className: "h-8 w-full rounded-storm-sm border border-storm-border bg-transparent px-2 text-sm text-storm-foreground placeholder:text-storm-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-storm-ring"
+          }
+        ) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "max-h-48 overflow-y-auto", children: filtered.length === 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "px-2 py-4 text-center text-sm text-storm-muted-foreground", children: emptyMessage }) : filtered.map((option) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          "button",
+          {
+            type: "button",
+            disabled: option.disabled,
+            onClick: () => select(option.value),
+            className: cn(
+              "flex w-full items-center gap-2 rounded-storm-sm px-2 py-1.5 text-sm transition-colors",
+              "hover:bg-storm-accent/10",
+              "disabled:pointer-events-none disabled:opacity-50",
+              option.value === selected && "bg-storm-accent/10 font-medium"
+            ),
+            children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _icons.Check,
+                {
+                  className: cn("h-3.5 w-3.5 shrink-0", option.value === selected ? "opacity-100" : "opacity-0")
+                }
+              ),
+              option.label
+            ]
+          },
+          option.value
+        )) })
+      ] })
+    ] });
+  }
+);
+Combobox.displayName = "Combobox";
+
+// src/components/Command.tsx
+
+
+
+var Command = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        className: cn(
+          "flex w-full flex-col overflow-hidden rounded-storm-lg border border-storm-border bg-storm-background text-storm-foreground",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+var CommandInput = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center border-b border-storm-border px-3", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _icons.Search, { className: "mr-2 h-4 w-4 shrink-0 text-storm-muted-foreground" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "input",
+        {
+          ref,
+          className: cn(
+            "flex h-10 w-full bg-transparent text-sm text-storm-foreground placeholder:text-storm-muted-foreground",
+            "focus:outline-none",
+            className
+          ),
+          ...props
+        }
+      )
+    ] });
+  }
+);
+var CommandList = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        className: cn("max-h-[300px] overflow-y-auto p-1", className),
+        ...props
+      }
+    );
+  }
+);
+var CommandGroup = _react.forwardRef.call(void 0, 
+  ({ className, heading, children, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref, className: cn("py-1", className), ...props, children: [
+      heading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "px-2 py-1.5 text-xs font-medium text-storm-muted-foreground", children: heading }),
+      children
+    ] });
+  }
+);
+var CommandItem = _react.forwardRef.call(void 0, 
+  ({ className, disabled, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        className: cn(
+          "flex cursor-pointer items-center gap-2 rounded-storm-sm px-2 py-1.5 text-sm transition-colors",
+          "hover:bg-storm-accent/10",
+          disabled && "pointer-events-none opacity-50",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+var CommandSeparator = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        className: cn("-mx-1 my-1 h-px bg-storm-border", className),
+        ...props
+      }
+    );
+  }
+);
+var CommandEmpty = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        className: cn("py-6 text-center text-sm text-storm-muted-foreground", className),
+        ...props
+      }
+    );
+  }
+);
+var CommandShortcut = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "span",
+      {
+        ref,
+        className: cn("ml-auto text-xs text-storm-muted-foreground", className),
+        ...props
+      }
+    );
+  }
+);
+var CommandDialog = _react.forwardRef.call(void 0, 
+  ({ className, children, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "dialog",
+      {
+        ref,
+        className: cn(
+          "fixed inset-0 z-50 m-auto max-h-[85vh] w-full max-w-lg rounded-storm-lg border-0 bg-transparent p-0 backdrop:bg-black/50",
+          "open:animate-in open:fade-in-0 open:zoom-in-95",
+          className
+        ),
+        ...props,
+        children
+      }
+    );
+  }
+);
+Command.displayName = "Command";
+CommandInput.displayName = "CommandInput";
+CommandList.displayName = "CommandList";
+CommandGroup.displayName = "CommandGroup";
+CommandItem.displayName = "CommandItem";
+CommandSeparator.displayName = "CommandSeparator";
+CommandEmpty.displayName = "CommandEmpty";
+CommandShortcut.displayName = "CommandShortcut";
+CommandDialog.displayName = "CommandDialog";
+
+// src/components/ContextMenu.tsx
+
+
+var ContextMenu = _react.forwardRef.call(void 0, 
+  ({ className, children, onContextMenu, ...props }, ref) => {
+    const [position, setPosition] = _react.useState.call(void 0, null);
+    const containerRef = _react.useRef.call(void 0, null);
+    _react.useEffect.call(void 0, () => {
+      const handleClick = () => setPosition(null);
+      document.addEventListener("click", handleClick);
+      return () => document.removeEventListener("click", handleClick);
+    }, []);
+    const handleContextMenu = (e) => {
+      e.preventDefault();
+      setPosition({ x: e.clientX, y: e.clientY });
+      _optionalChain([onContextMenu, 'optionalCall', _16 => _16(e)]);
+    };
+    const childArray = Array.isArray(children) ? children : [children];
+    const trigger = childArray[0];
+    const content = childArray[1];
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref: containerRef, className: cn("relative", className), onContextMenu: handleContextMenu, ...props, children: [
+      trigger,
+      position && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "div",
+        {
+          className: "fixed z-50 animate-in fade-in-0 zoom-in-95",
+          style: { left: position.x, top: position.y },
+          children: content
+        }
+      )
+    ] });
+  }
+);
+var ContextMenuContent = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        className: cn(
+          "min-w-[180px] rounded-storm-md border border-storm-border bg-storm-background p-1 text-storm-foreground",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+var ContextMenuItem = _react.forwardRef.call(void 0, 
+  ({ className, destructive, disabled, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        className: cn(
+          "flex cursor-pointer items-center rounded-storm-sm px-2 py-1.5 text-sm transition-colors",
+          "hover:bg-storm-accent/10",
+          destructive && "text-storm-destructive hover:bg-storm-destructive/10",
+          disabled && "pointer-events-none opacity-50",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+var ContextMenuSeparator = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: cn("-mx-1 my-1 h-px bg-storm-border", className), ...props });
+  }
+);
+var ContextMenuLabel = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: cn("px-2 py-1.5 text-xs font-semibold text-storm-muted-foreground", className), ...props });
+  }
+);
+ContextMenu.displayName = "ContextMenu";
+ContextMenuContent.displayName = "ContextMenuContent";
+ContextMenuItem.displayName = "ContextMenuItem";
+ContextMenuSeparator.displayName = "ContextMenuSeparator";
+ContextMenuLabel.displayName = "ContextMenuLabel";
+
+// src/components/HoverCard.tsx
+
+
+var HoverCard = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        className: cn("group relative inline-block", className),
+        ...props
+      }
+    );
+  }
+);
+var HoverCardTrigger = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: cn("inline-flex", className), ...props });
+  }
+);
+var alignStyles2 = {
+  start: "left-0",
+  center: "left-1/2 -translate-x-1/2",
+  end: "right-0"
+};
+var sideStyles4 = {
+  top: "bottom-full mb-2",
+  bottom: "top-full mt-2"
+};
+var HoverCardContent = _react.forwardRef.call(void 0, 
+  ({ className, align = "center", side = "bottom", ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        className: cn(
+          "invisible absolute z-50 w-64 rounded-storm-lg border border-storm-border bg-storm-background p-4 text-storm-foreground opacity-0 transition-all duration-200",
+          "group-hover:visible group-hover:opacity-100",
+          sideStyles4[side],
+          alignStyles2[align],
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+HoverCard.displayName = "HoverCard";
+HoverCardTrigger.displayName = "HoverCardTrigger";
+HoverCardContent.displayName = "HoverCardContent";
+
+// src/components/Menubar.tsx
+
+
+var Menubar = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        className: cn(
+          "inline-flex items-center gap-1 rounded-storm-md border border-storm-border bg-storm-background p-1",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+var MenubarMenu = _react.forwardRef.call(void 0, 
+  ({ className, children, ...props }, ref) => {
+    const [open, setOpen] = _react.useState.call(void 0, false);
+    const menuRef = _react.useRef.call(void 0, null);
+    _react.useEffect.call(void 0, () => {
+      const handleClick = (e) => {
+        if (menuRef.current && !menuRef.current.contains(e.target)) {
+          setOpen(false);
+        }
+      };
+      document.addEventListener("mousedown", handleClick);
+      return () => document.removeEventListener("mousedown", handleClick);
+    }, []);
+    const childArray = Array.isArray(children) ? children : [children];
+    const trigger = childArray[0];
+    const content = childArray.slice(1);
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref: menuRef, className: cn("relative", className), ...props, children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { onClick: () => setOpen(!open), children: trigger }),
+      open && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: content })
+    ] });
+  }
+);
+var MenubarTrigger = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "button",
+      {
+        ref,
+        type: "button",
+        className: cn(
+          "inline-flex items-center rounded-storm-sm px-3 py-1 text-sm font-medium text-storm-foreground transition-colors",
+          "hover:bg-storm-accent/10",
+          "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-storm-ring",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+var MenubarContent = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        className: cn(
+          "absolute left-0 top-full z-50 mt-1 min-w-[180px] rounded-storm-md border border-storm-border bg-storm-background p-1 animate-in fade-in-0 zoom-in-95",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+var MenubarItem = _react.forwardRef.call(void 0, 
+  ({ className, disabled, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        className: cn(
+          "flex cursor-pointer items-center rounded-storm-sm px-2 py-1.5 text-sm transition-colors",
+          "hover:bg-storm-accent/10",
+          disabled && "pointer-events-none opacity-50",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+var MenubarSeparator = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: cn("-mx-1 my-1 h-px bg-storm-border", className), ...props });
+  }
+);
+var MenubarShortcut = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { ref, className: cn("ml-auto text-xs text-storm-muted-foreground", className), ...props });
+  }
+);
+Menubar.displayName = "Menubar";
+MenubarMenu.displayName = "MenubarMenu";
+MenubarTrigger.displayName = "MenubarTrigger";
+MenubarContent.displayName = "MenubarContent";
+MenubarItem.displayName = "MenubarItem";
+MenubarSeparator.displayName = "MenubarSeparator";
+MenubarShortcut.displayName = "MenubarShortcut";
+
+// src/components/Drawer.tsx
+
+
+var Drawer = _react.forwardRef.call(void 0, 
+  ({ className, children, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "dialog",
+      {
+        ref,
+        className: cn(
+          "fixed inset-x-0 bottom-0 z-50 m-0 w-full max-w-full rounded-t-storm-xl border-t border-storm-border bg-storm-background p-0 text-storm-foreground backdrop:bg-black/50",
+          "open:animate-in open:slide-in-from-bottom",
+          className
+        ),
+        ...props,
+        children
+      }
+    );
+  }
+);
+var DrawerContent = _react.forwardRef.call(void 0, 
+  ({ className, children, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref, className: cn("mx-auto max-w-lg p-6", className), ...props, children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mx-auto mb-4 h-1.5 w-12 rounded-full bg-storm-accent/30" }),
+      children
+    ] });
+  }
+);
+var DrawerHeader = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: cn("mb-4 space-y-1.5 text-center", className), ...props });
+  }
+);
+var DrawerTitle = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { ref, className: cn("text-lg font-semibold text-storm-foreground", className), ...props });
+  }
+);
+var DrawerDescription = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { ref, className: cn("text-sm text-storm-muted-foreground", className), ...props });
+  }
+);
+var DrawerFooter = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: cn("flex flex-col gap-2 pt-4", className), ...props });
+  }
+);
+var DrawerClose = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "button",
+      {
+        ref,
+        type: "button",
+        className: cn(
+          "absolute right-4 top-4 rounded-storm-sm p-1 text-storm-muted-foreground transition-colors",
+          "hover:text-storm-foreground",
+          "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-storm-ring",
+          className
+        ),
+        ...props,
+        children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "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.call(void 0, "line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+        ] })
+      }
+    );
+  }
+);
+Drawer.displayName = "Drawer";
+DrawerContent.displayName = "DrawerContent";
+DrawerHeader.displayName = "DrawerHeader";
+DrawerTitle.displayName = "DrawerTitle";
+DrawerDescription.displayName = "DrawerDescription";
+DrawerFooter.displayName = "DrawerFooter";
+DrawerClose.displayName = "DrawerClose";
+
+// src/components/Resizable.tsx
+
+
+var ResizablePanelGroup = _react.forwardRef.call(void 0, 
+  ({ className, direction = "horizontal", ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        "data-direction": direction,
+        className: cn(
+          "flex w-full overflow-hidden rounded-storm-lg border border-storm-border",
+          direction === "horizontal" ? "flex-row" : "flex-col",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+var ResizablePanel = _react.forwardRef.call(void 0, 
+  ({ className, defaultSize = 50, minSize = 10, maxSize = 90, style, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        className: cn("flex-shrink-0 overflow-auto", className),
+        style: { ...style, flexBasis: `${defaultSize}%`, flexGrow: 0 },
+        ...props
+      }
+    );
+  }
+);
+var ResizableHandle = _react.forwardRef.call(void 0, 
+  ({ className, withHandle = false, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        className: cn(
+          "relative flex shrink-0 items-center justify-center bg-storm-border transition-colors",
+          "after:absolute after:inset-0 after:z-10",
+          "hover:bg-storm-primary/30",
+          "data-[direction=horizontal]:w-px data-[direction=horizontal]:cursor-col-resize",
+          "data-[direction=vertical]:h-px data-[direction=vertical]:cursor-row-resize",
+          "w-px cursor-col-resize",
+          className
+        ),
+        ...props,
+        children: withHandle && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "z-20 flex h-4 w-3 items-center justify-center rounded-sm border border-storm-border bg-storm-background", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "svg", { xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 24 24", fill: "currentColor", className: "text-storm-muted-foreground", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { cx: "9", cy: "12", r: "1.5" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { cx: "15", cy: "12", r: "1.5" })
+        ] }) })
+      }
+    );
+  }
+);
+ResizablePanelGroup.displayName = "ResizablePanelGroup";
+ResizablePanel.displayName = "ResizablePanel";
+ResizableHandle.displayName = "ResizableHandle";
+
+// src/components/InputOTP.tsx
+
+
+var InputOTP = _react.forwardRef.call(void 0, 
+  ({ className, length = 6, value: controlledValue, onChange, disabled, ...props }, ref) => {
+    const [internalValue, setInternalValue] = _react.useState.call(void 0, "");
+    const value = _nullishCoalesce(controlledValue, () => ( internalValue));
+    const inputRefs = _react.useRef.call(void 0, []);
+    const handleChange = (index, char) => {
+      if (disabled) return;
+      const sanitized = char.replace(/[^0-9]/g, "");
+      if (!sanitized && char !== "") return;
+      const chars = value.split("");
+      chars[index] = sanitized;
+      const newValue = chars.join("").slice(0, length);
+      if (controlledValue === void 0) setInternalValue(newValue);
+      _optionalChain([onChange, 'optionalCall', _17 => _17(newValue)]);
+      if (sanitized && index < length - 1) {
+        _optionalChain([inputRefs, 'access', _18 => _18.current, 'access', _19 => _19[index + 1], 'optionalAccess', _20 => _20.focus, 'call', _21 => _21()]);
+      }
+    };
+    const handleKeyDown = (index, e) => {
+      if (e.key === "Backspace" && !value[index] && index > 0) {
+        _optionalChain([inputRefs, 'access', _22 => _22.current, 'access', _23 => _23[index - 1], 'optionalAccess', _24 => _24.focus, 'call', _25 => _25()]);
+        const chars = value.split("");
+        chars[index - 1] = "";
+        const newValue = chars.join("");
+        if (controlledValue === void 0) setInternalValue(newValue);
+        _optionalChain([onChange, 'optionalCall', _26 => _26(newValue)]);
+      }
+      if (e.key === "ArrowLeft" && index > 0) {
+        _optionalChain([inputRefs, 'access', _27 => _27.current, 'access', _28 => _28[index - 1], 'optionalAccess', _29 => _29.focus, 'call', _30 => _30()]);
+      }
+      if (e.key === "ArrowRight" && index < length - 1) {
+        _optionalChain([inputRefs, 'access', _31 => _31.current, 'access', _32 => _32[index + 1], 'optionalAccess', _33 => _33.focus, 'call', _34 => _34()]);
+      }
+    };
+    const handlePaste = (e) => {
+      e.preventDefault();
+      const pasted = e.clipboardData.getData("text").replace(/[^0-9]/g, "").slice(0, length);
+      if (controlledValue === void 0) setInternalValue(pasted);
+      _optionalChain([onChange, 'optionalCall', _35 => _35(pasted)]);
+      const focusIndex = Math.min(pasted.length, length - 1);
+      _optionalChain([inputRefs, 'access', _36 => _36.current, 'access', _37 => _37[focusIndex], 'optionalAccess', _38 => _38.focus, 'call', _39 => _39()]);
+    };
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        className: cn("flex items-center gap-2", className),
+        ...props,
+        children: Array.from({ length }, (_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "input",
+          {
+            ref: (el) => {
+              inputRefs.current[i] = el;
+            },
+            type: "text",
+            inputMode: "numeric",
+            maxLength: 1,
+            disabled,
+            value: value[i] || "",
+            onChange: (e) => handleChange(i, e.target.value),
+            onKeyDown: (e) => handleKeyDown(i, e),
+            onPaste: i === 0 ? handlePaste : void 0,
+            className: cn(
+              "h-10 w-10 rounded-storm-md border border-storm-border bg-storm-background text-center text-sm font-medium text-storm-foreground transition-colors",
+              "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-storm-ring",
+              "disabled:pointer-events-none disabled:opacity-50"
+            )
+          },
+          i
+        ))
+      }
+    );
+  }
+);
+var InputOTPSeparator = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: cn("flex items-center text-storm-muted-foreground", className), ...props, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "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.call(void 0, "line", { x1: "5", y1: "12", x2: "19", y2: "12" }) }) });
+  }
+);
+InputOTP.displayName = "InputOTP";
+InputOTPSeparator.displayName = "InputOTPSeparator";
+
+// src/components/Kbd.tsx
+
+
+var sizeStyles14 = {
+  sm: "min-w-[1.25rem] h-5 px-1 text-[10px]",
+  md: "min-w-[1.5rem] h-6 px-1.5 text-xs",
+  lg: "min-w-[1.75rem] h-7 px-2 text-sm"
+};
+var Kbd = _react.forwardRef.call(void 0, 
+  ({ className, size = "md", ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "kbd",
+      {
+        ref,
+        className: cn(
+          "inline-flex items-center justify-center rounded-storm-sm border border-storm-border bg-storm-muted font-storm-mono font-medium text-storm-muted-foreground",
+          sizeStyles14[size],
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+Kbd.displayName = "Kbd";
+
+// src/components/Spinner.tsx
+
+
+var sizeStyles15 = {
+  sm: "h-4 w-4 border-[1.5px]",
+  md: "h-5 w-5 border-2",
+  lg: "h-8 w-8 border-2"
+};
+var Spinner = _react.forwardRef.call(void 0, 
+  ({ className, size = "md", ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        role: "status",
+        "aria-label": "Loading",
+        className: cn(
+          "inline-block animate-spin rounded-full border-storm-primary border-t-transparent",
+          sizeStyles15[size],
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+Spinner.displayName = "Spinner";
+
+// src/components/Typography.tsx
+
+
+var TypographyH1 = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h1", { ref, className: cn("scroll-m-20 text-4xl font-bold tracking-tight text-storm-foreground lg:text-5xl", className), ...props })
+);
+var TypographyH2 = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { ref, className: cn("scroll-m-20 border-b border-storm-border pb-2 text-3xl font-semibold tracking-tight text-storm-foreground first:mt-0", className), ...props })
+);
+var TypographyH3 = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { ref, className: cn("scroll-m-20 text-2xl font-semibold tracking-tight text-storm-foreground", className), ...props })
+);
+var TypographyH4 = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h4", { ref, className: cn("scroll-m-20 text-xl font-semibold tracking-tight text-storm-foreground", className), ...props })
+);
+var TypographyP = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { ref, className: cn("leading-7 text-storm-foreground [&:not(:first-child)]:mt-6", className), ...props })
+);
+var TypographyLead = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { ref, className: cn("text-xl text-storm-muted-foreground", className), ...props })
+);
+var TypographyLarge = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: cn("text-lg font-semibold text-storm-foreground", className), ...props })
+);
+var TypographySmall = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "small", { ref, className: cn("text-sm font-medium leading-none text-storm-foreground", className), ...props })
+);
+var TypographyMuted = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { ref, className: cn("text-sm text-storm-muted-foreground", className), ...props })
+);
+var TypographyBlockquote = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "blockquote", { ref, className: cn("mt-6 border-l-2 border-storm-border pl-6 italic text-storm-muted-foreground", className), ...props })
+);
+var TypographyInlineCode = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "code", { ref, className: cn("relative rounded bg-storm-muted px-[0.3rem] py-[0.2rem] font-storm-mono text-sm font-semibold text-storm-foreground", className), ...props })
+);
+var TypographyList = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { ref, className: cn("my-6 ml-6 list-disc text-storm-foreground [&>li]:mt-2", className), ...props })
+);
+TypographyH1.displayName = "TypographyH1";
+TypographyH2.displayName = "TypographyH2";
+TypographyH3.displayName = "TypographyH3";
+TypographyH4.displayName = "TypographyH4";
+TypographyP.displayName = "TypographyP";
+TypographyLead.displayName = "TypographyLead";
+TypographyLarge.displayName = "TypographyLarge";
+TypographySmall.displayName = "TypographySmall";
+TypographyMuted.displayName = "TypographyMuted";
+TypographyBlockquote.displayName = "TypographyBlockquote";
+TypographyInlineCode.displayName = "TypographyInlineCode";
+TypographyList.displayName = "TypographyList";
+
+// src/components/Empty.tsx
+
+
+var Empty = _react.forwardRef.call(void 0, 
+  ({ className, icon, title, description, action, children, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "div",
+      {
+        ref,
+        className: cn("flex flex-col items-center justify-center py-12 px-4 text-center", className),
+        ...props,
+        children: [
+          icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-4 flex h-12 w-12 items-center justify-center rounded-full bg-storm-muted text-storm-muted-foreground", children: icon }),
+          title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "text-lg font-semibold text-storm-foreground mb-1", children: title }),
+          description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm text-storm-muted-foreground max-w-sm mb-4", children: description }),
+          action && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mt-2", children: action }),
+          children
+        ]
+      }
+    );
+  }
+);
+Empty.displayName = "Empty";
+
+// src/components/Field.tsx
+
+
+var Field = _react.forwardRef.call(void 0, 
+  ({ className, label, htmlFor, required, error, description, children, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref, className: cn("space-y-2", className), ...props, children: [
+      label && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        "label",
+        {
+          htmlFor,
+          className: cn(
+            "text-sm font-medium leading-none text-storm-foreground",
+            "peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+          ),
+          children: [
+            label,
+            required && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-storm-destructive ml-1", children: "*" })
+          ]
+        }
+      ),
+      description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-xs text-storm-muted-foreground", children: description }),
+      children,
+      error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm text-storm-destructive", children: error })
+    ] });
+  }
+);
+Field.displayName = "Field";
+
+// src/components/Direction.tsx
+
+
+var DirectionContext = _react.createContext.call(void 0, "ltr");
+function useDirection() {
+  return _react.useContext.call(void 0, DirectionContext);
+}
+var DirectionProvider = _react.forwardRef.call(void 0, 
+  ({ className, dir, children, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DirectionContext.Provider, { value: dir, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, dir, className: cn(className), ...props, children }) });
+  }
+);
+DirectionProvider.displayName = "DirectionProvider";
+
+// src/components/NativeSelect.tsx
+
+
+var sizeStyles16 = {
+  sm: "h-8 text-sm px-2",
+  md: "h-10 text-sm px-3",
+  lg: "h-12 text-base px-4"
+};
+var NativeSelect = _react.forwardRef.call(void 0, 
+  ({ className, error, selectSize = "md", ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "select",
+      {
+        ref,
+        className: cn(
+          "w-full rounded-storm-md border bg-storm-background text-storm-foreground transition-colors appearance-none",
+          'bg-[url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23888%22%20stroke-width%3D%222%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%2F%3E%3C%2Fsvg%3E")] bg-[length:12px] bg-[right_12px_center] bg-no-repeat pr-8',
+          error ? "border-storm-destructive" : "border-storm-border",
+          "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-storm-ring",
+          "disabled:pointer-events-none disabled:opacity-50",
+          sizeStyles16[selectSize],
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+NativeSelect.displayName = "NativeSelect";
+
+// src/components/Item.tsx
+
+
+var Item = _react.forwardRef.call(void 0, 
+  ({ className, active, disabled, leading, trailing, children, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "div",
+      {
+        ref,
+        "data-active": active ? "" : void 0,
+        "data-disabled": disabled ? "" : void 0,
+        className: cn(
+          "flex items-center gap-3 px-3 py-2 rounded-storm-md text-sm transition-colors cursor-pointer",
+          active ? "bg-storm-primary/10 text-storm-primary" : "text-storm-foreground hover:bg-storm-muted",
+          disabled && "pointer-events-none opacity-50",
+          className
+        ),
+        ...props,
+        children: [
+          leading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "shrink-0", children: leading }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex-1 min-w-0", children }),
+          trailing && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "shrink-0 text-storm-muted-foreground", children: trailing })
+        ]
+      }
+    );
+  }
+);
+Item.displayName = "Item";
+
+// src/components/Carousel.tsx
+
+
+var CarouselContext = _react.createContext.call(void 0, {
+  current: 0,
+  total: 0,
+  scrollTo: () => {
+  },
+  next: () => {
+  },
+  previous: () => {
+  },
+  orientation: "horizontal",
+  containerRef: { current: null }
+});
+function useCarousel() {
+  return _react.useContext.call(void 0, CarouselContext);
+}
+var Carousel = _react.forwardRef.call(void 0, 
+  ({ className, orientation = "horizontal", loop = false, autoplay = false, autoplayInterval = 3e3, children, ...props }, ref) => {
+    const [current, setCurrent] = _react.useState.call(void 0, 0);
+    const [total, setTotal] = _react.useState.call(void 0, 0);
+    const containerRef = _react.useRef.call(void 0, null);
+    const scrollTo = _react.useCallback.call(void 0, (index) => {
+      const container = containerRef.current;
+      if (!container) return;
+      const items = container.children;
+      if (items.length === 0) return;
+      setTotal(items.length);
+      let target = index;
+      if (loop) {
+        target = (index % items.length + items.length) % items.length;
+      } else {
+        target = Math.max(0, Math.min(index, items.length - 1));
+      }
+      setCurrent(target);
+      const child = items[target];
+      if (orientation === "horizontal") {
+        container.scrollTo({ left: child.offsetLeft, behavior: "smooth" });
+      } else {
+        container.scrollTo({ top: child.offsetTop, behavior: "smooth" });
+      }
+    }, [loop, orientation]);
+    const next = _react.useCallback.call(void 0, () => scrollTo(current + 1), [current, scrollTo]);
+    const previous = _react.useCallback.call(void 0, () => scrollTo(current - 1), [current, scrollTo]);
+    _react.useEffect.call(void 0, () => {
+      const container = containerRef.current;
+      if (container) setTotal(container.children.length);
+    }, []);
+    _react.useEffect.call(void 0, () => {
+      if (!autoplay) return;
+      const timer = setInterval(next, autoplayInterval);
+      return () => clearInterval(timer);
+    }, [autoplay, autoplayInterval, next]);
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: cn("relative", className), ...props, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CarouselContext.Provider, { value: { current, total, scrollTo, next, previous, orientation, containerRef }, children }) });
+  }
+);
+var CarouselContent = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    const { orientation, containerRef } = useCarousel();
+    const setRefs = _react.useCallback.call(void 0, (node) => {
+      containerRef.current = node;
+      if (typeof ref === "function") ref(node);
+      else if (ref) ref.current = node;
+    }, [ref, containerRef]);
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref: setRefs,
+        className: cn(
+          "flex snap-mandatory overflow-hidden scrollbar-hide",
+          orientation === "horizontal" ? "snap-x flex-row" : "snap-y flex-col h-full",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+var CarouselItem = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        className: cn("min-w-0 shrink-0 grow-0 basis-full snap-start", className),
+        ...props
+      }
+    );
+  }
+);
+var CarouselPrevious = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    const { previous } = useCarousel();
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "button",
+      {
+        ref,
+        type: "button",
+        onClick: previous,
+        className: cn(
+          "absolute left-2 top-1/2 -translate-y-1/2 z-10 inline-flex h-8 w-8 items-center justify-center rounded-full border border-storm-border bg-storm-background text-storm-foreground hover:bg-storm-muted transition-colors",
+          "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-storm-ring",
+          "disabled:pointer-events-none disabled:opacity-50",
+          className
+        ),
+        ...props,
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "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.call(void 0, "polyline", { points: "15 18 9 12 15 6" }) })
+      }
+    );
+  }
+);
+var CarouselNext = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    const { next } = useCarousel();
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "button",
+      {
+        ref,
+        type: "button",
+        onClick: next,
+        className: cn(
+          "absolute right-2 top-1/2 -translate-y-1/2 z-10 inline-flex h-8 w-8 items-center justify-center rounded-full border border-storm-border bg-storm-background text-storm-foreground hover:bg-storm-muted transition-colors",
+          "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-storm-ring",
+          "disabled:pointer-events-none disabled:opacity-50",
+          className
+        ),
+        ...props,
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "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.call(void 0, "polyline", { points: "9 18 15 12 9 6" }) })
+      }
+    );
+  }
+);
+Carousel.displayName = "Carousel";
+CarouselContent.displayName = "CarouselContent";
+CarouselItem.displayName = "CarouselItem";
+CarouselPrevious.displayName = "CarouselPrevious";
+CarouselNext.displayName = "CarouselNext";
+
+// src/components/DataTable.tsx
+
+
+
+function DataTableInner({ className, columns, data, pageSize = 10, searchable = false, searchPlaceholder = "Search...", emptyMessage = "No results.", resultsLabel = "results", ...props }, ref) {
+  const [page, setPage] = _react.useState.call(void 0, 0);
+  const [sortKey, setSortKey] = _react.useState.call(void 0, null);
+  const [sortDir, setSortDir] = _react.useState.call(void 0, "asc");
+  const [search, setSearch] = _react.useState.call(void 0, "");
+  const filtered = _react.useMemo.call(void 0, () => {
+    if (!search) return data;
+    const lower = search.toLowerCase();
+    return data.filter(
+      (row) => columns.some((col) => {
+        const val = row[col.key];
+        return val != null && String(val).toLowerCase().includes(lower);
+      })
+    );
+  }, [data, search, columns]);
+  const sorted = _react.useMemo.call(void 0, () => {
+    if (!sortKey) return filtered;
+    return [...filtered].sort((a, b) => {
+      const aVal = a[sortKey];
+      const bVal = b[sortKey];
+      if (aVal == null || bVal == null) return 0;
+      const cmp = String(aVal).localeCompare(String(bVal), void 0, { numeric: true });
+      return sortDir === "asc" ? cmp : -cmp;
+    });
+  }, [filtered, sortKey, sortDir]);
+  const totalPages = Math.max(1, Math.ceil(sorted.length / pageSize));
+  const pageData = sorted.slice(page * pageSize, (page + 1) * pageSize);
+  const handleSort = (key) => {
+    if (sortKey === key) {
+      setSortDir(sortDir === "asc" ? "desc" : "asc");
+    } else {
+      setSortKey(key);
+      setSortDir("asc");
+    }
+    setPage(0);
+  };
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref, className: cn("space-y-4", className), ...props, children: [
+    searchable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "input",
+      {
+        type: "text",
+        value: search,
+        onChange: (e) => {
+          setSearch(e.target.value);
+          setPage(0);
+        },
+        placeholder: searchPlaceholder,
+        className: "h-9 w-full max-w-sm rounded-storm-md border border-storm-border bg-storm-background px-3 text-sm text-storm-foreground placeholder:text-storm-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-storm-ring"
+      }
+    ),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rounded-storm-md border border-storm-border overflow-hidden", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "table", { className: "w-full caption-bottom text-sm", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "thead", { className: "border-b border-storm-border bg-storm-muted/50", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", { children: columns.map((col) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "th",
+        {
+          className: cn(
+            "h-10 px-4 text-left align-middle font-medium text-storm-muted-foreground",
+            col.sortable && "cursor-pointer select-none hover:text-storm-foreground"
+          ),
+          onClick: col.sortable ? () => handleSort(col.key) : void 0,
+          children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "inline-flex items-center gap-1", children: [
+            col.header,
+            col.sortable && sortKey === col.key && (sortDir === "asc" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _icons.ChevronUp, { className: "h-3 w-3" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _icons.ChevronDown, { className: "h-3 w-3" }))
+          ] })
+        },
+        col.key
+      )) }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tbody", { children: pageData.length === 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { colSpan: columns.length, className: "h-24 text-center text-storm-muted-foreground", children: emptyMessage }) }) : pageData.map((row, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", { className: "border-b border-storm-border last:border-0 hover:bg-storm-muted/50 transition-colors", children: columns.map((col) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { className: "px-4 py-3 align-middle text-storm-foreground", children: col.render ? col.render(row) : String(_nullishCoalesce(row[col.key], () => ( ""))) }, col.key)) }, i)) })
+    ] }) }),
+    totalPages > 1 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: "text-sm text-storm-muted-foreground", children: [
+        sorted.length,
+        " ",
+        resultsLabel
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "button",
+          {
+            type: "button",
+            disabled: page === 0,
+            onClick: () => setPage(page - 1),
+            className: "inline-flex h-8 w-8 items-center justify-center rounded-storm-sm border border-storm-border text-sm text-storm-foreground hover:bg-storm-muted transition-colors disabled:pointer-events-none disabled:opacity-50",
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _icons.ChevronLeft, { className: "h-3.5 w-3.5" })
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "px-2 text-sm text-storm-muted-foreground", children: [
+          page + 1,
+          " / ",
+          totalPages
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "button",
+          {
+            type: "button",
+            disabled: page >= totalPages - 1,
+            onClick: () => setPage(page + 1),
+            className: "inline-flex h-8 w-8 items-center justify-center rounded-storm-sm border border-storm-border text-sm text-storm-foreground hover:bg-storm-muted transition-colors disabled:pointer-events-none disabled:opacity-50",
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _icons.ChevronRight, { className: "h-3.5 w-3.5" })
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+var DataTable = _react.forwardRef.call(void 0, DataTableInner);
+DataTable.displayName = "DataTable";
+
+// src/components/StormSidebar.tsx
+
+
+var SidebarContext = _react.createContext.call(void 0, {
+  collapsed: false,
+  setCollapsed: () => {
+  },
+  toggle: () => {
+  }
+});
+function useSidebar() {
+  return _react.useContext.call(void 0, SidebarContext);
+}
+var SidebarProvider = _react.forwardRef.call(void 0, 
+  ({ className, defaultCollapsed = false, children, ...props }, ref) => {
+    const [collapsed, setCollapsed] = _react.useState.call(void 0, defaultCollapsed);
+    const toggle = () => setCollapsed((v) => !v);
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SidebarContext.Provider, { value: { collapsed, setCollapsed, toggle }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: cn("flex min-h-screen", className), ...props, children }) });
+  }
+);
+var StormSidebar = _react.forwardRef.call(void 0, 
+  ({ className, side = "left", children, ...props }, ref) => {
+    const { collapsed } = useSidebar();
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "aside",
+      {
+        ref,
+        "data-side": side,
+        "data-collapsed": collapsed ? "" : void 0,
+        className: cn(
+          "flex flex-col border-storm-border bg-storm-background transition-[width] duration-200",
+          side === "left" ? "border-r" : "border-l order-last",
+          collapsed ? "w-16" : "w-64",
+          className
+        ),
+        ...props,
+        children
+      }
+    );
+  }
+);
+var SidebarHeader = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: cn("flex items-center h-14 px-4 border-b border-storm-border shrink-0", className), ...props })
+);
+var SidebarContent = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: cn("flex-1 overflow-y-auto px-3 py-4 space-y-4", className), ...props })
+);
+var SidebarFooter = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: cn("flex items-center px-4 py-3 border-t border-storm-border shrink-0", className), ...props })
+);
+var SidebarGroup = _react.forwardRef.call(void 0, 
+  ({ className, label, children, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref, className: cn("space-y-1", className), ...props, children: [
+    label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "px-3 mb-1 text-[11px] font-semibold uppercase tracking-wider text-storm-muted-foreground", children: label }),
+    children
+  ] })
+);
+var SidebarItem = _react.forwardRef.call(void 0, 
+  ({ className, active, icon, children, ...props }, ref) => {
+    const { collapsed } = useSidebar();
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "div",
+      {
+        ref,
+        "data-active": active ? "" : void 0,
+        className: cn(
+          "flex items-center gap-3 rounded-storm-sm px-3 py-2 text-sm cursor-pointer transition-colors",
+          active ? "bg-storm-muted text-storm-foreground font-medium" : "text-storm-muted-foreground hover:text-storm-foreground hover:bg-storm-muted/50",
+          collapsed && "justify-center px-0",
+          className
+        ),
+        ...props,
+        children: [
+          icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "shrink-0", children: icon }),
+          !collapsed && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "truncate", children })
+        ]
+      }
+    );
+  }
+);
+var SidebarTrigger = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => {
+    const { toggle } = useSidebar();
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "button",
+      {
+        ref,
+        type: "button",
+        onClick: toggle,
+        className: cn(
+          "inline-flex h-8 w-8 items-center justify-center rounded-storm-sm border border-storm-border text-storm-foreground hover:bg-storm-muted transition-colors",
+          "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-storm-ring",
+          className
+        ),
+        ...props,
+        children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "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.call(void 0, "line", { x1: "3", y1: "6", x2: "21", y2: "6" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "line", { x1: "3", y1: "12", x2: "21", y2: "12" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "line", { x1: "3", y1: "18", x2: "21", y2: "18" })
+        ] })
+      }
+    );
+  }
+);
+SidebarProvider.displayName = "SidebarProvider";
+StormSidebar.displayName = "StormSidebar";
+SidebarHeader.displayName = "SidebarHeader";
+SidebarContent.displayName = "SidebarContent";
+SidebarFooter.displayName = "SidebarFooter";
+SidebarGroup.displayName = "SidebarGroup";
+SidebarItem.displayName = "SidebarItem";
+SidebarTrigger.displayName = "SidebarTrigger";
+
+// src/components/Sonner.tsx
+
+
+var SonnerContext = _react.createContext.call(void 0, {
+  toasts: [],
+  addToast: () => "",
+  removeToast: () => {
+  }
+});
+function useSonner() {
+  return _react.useContext.call(void 0, SonnerContext);
+}
+var globalId = 0;
+function SonnerProvider({ children }) {
+  const [toasts, setToasts] = _react.useState.call(void 0, []);
+  const addToast = _react.useCallback.call(void 0, (toast) => {
+    const id = `sonner-${++globalId}`;
+    setToasts((prev) => [...prev, { ...toast, id }]);
+    return id;
+  }, []);
+  const removeToast = _react.useCallback.call(void 0, (id) => {
+    setToasts((prev) => prev.filter((t) => t.id !== id));
+  }, []);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SonnerContext.Provider, { value: { toasts, addToast, removeToast }, children });
+}
+var variantStyles9 = {
+  default: "border-storm-border bg-storm-background text-storm-foreground",
+  success: "border-green-500/30 bg-green-500/10 text-storm-foreground",
+  error: "border-storm-destructive/30 bg-storm-destructive/10 text-storm-foreground",
+  warning: "border-amber-500/30 bg-amber-500/10 text-storm-foreground",
+  info: "border-blue-500/30 bg-blue-500/10 text-storm-foreground"
+};
+var positionStyles = {
+  "top-left": "top-4 left-4",
+  "top-right": "top-4 right-4",
+  "top-center": "top-4 left-1/2 -translate-x-1/2",
+  "bottom-left": "bottom-4 left-4",
+  "bottom-right": "bottom-4 right-4",
+  "bottom-center": "bottom-4 left-1/2 -translate-x-1/2"
+};
+var SonnerToaster = _react.forwardRef.call(void 0, 
+  ({ className, position = "bottom-right", ...props }, ref) => {
+    const { toasts, removeToast } = useSonner();
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        className: cn("fixed z-[100] flex flex-col gap-2 w-[356px] max-w-[calc(100vw-2rem)]", positionStyles[position], className),
+        ...props,
+        children: toasts.map((toast) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SonnerToastItem, { toast, onDismiss: () => removeToast(toast.id) }, toast.id))
+      }
+    );
+  }
+);
+function SonnerToastItem({ toast, onDismiss }) {
+  _react.useEffect.call(void 0, () => {
+    const duration = _nullishCoalesce(toast.duration, () => ( 4e3));
+    const timer = setTimeout(onDismiss, duration);
+    return () => clearTimeout(timer);
+  }, [toast.duration, onDismiss]);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      className: cn(
+        "flex items-start gap-3 rounded-storm-md border p-4 animate-in slide-in-from-right-full fade-in-0",
+        variantStyles9[_nullishCoalesce(toast.variant, () => ( "default"))]
+      ),
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 min-w-0", children: [
+          toast.title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm font-semibold", children: toast.title }),
+          toast.description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm text-storm-muted-foreground mt-0.5", children: toast.description })
+        ] }),
+        toast.action && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              _optionalChain([toast, 'access', _40 => _40.action, 'optionalAccess', _41 => _41.onClick, 'call', _42 => _42()]);
+              onDismiss();
+            },
+            className: "shrink-0 text-sm font-medium text-storm-primary hover:text-storm-primary/80 transition-colors",
+            children: toast.action.label
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "button",
+          {
+            type: "button",
+            onClick: onDismiss,
+            className: "shrink-0 text-storm-muted-foreground hover:text-storm-foreground transition-colors",
+            children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+            ] })
+          }
+        )
+      ]
+    }
+  );
+}
+SonnerProvider.displayName = "SonnerProvider";
+SonnerToaster.displayName = "SonnerToaster";
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.Accordion = Accordion; exports.AccordionContent = AccordionContent; exports.AccordionItem = AccordionItem; exports.AccordionTrigger = AccordionTrigger; exports.Alert = Alert; exports.AlertDescription = AlertDescription; exports.AlertDialog = AlertDialog; exports.AlertDialogAction = AlertDialogAction; exports.AlertDialogCancel = AlertDialogCancel; exports.AlertDialogContent = AlertDialogContent; exports.AlertDialogDescription = AlertDialogDescription; exports.AlertDialogFooter = AlertDialogFooter; exports.AlertDialogHeader = AlertDialogHeader; exports.AlertDialogTitle = AlertDialogTitle; exports.AlertTitle = AlertTitle; exports.AspectRatio = AspectRatio; exports.Avatar = Avatar; exports.AvatarGroup = AvatarGroup; exports.Badge = Badge; exports.Breadcrumb = Breadcrumb; exports.BreadcrumbEllipsis = BreadcrumbEllipsis; exports.BreadcrumbItem = BreadcrumbItem; exports.BreadcrumbSeparator = BreadcrumbSeparator; exports.Button = Button; exports.ButtonGroup = ButtonGroup; exports.Calendar = Calendar; exports.Card = Card; exports.CardBody = CardBody; exports.CardDescription = CardDescription; exports.CardFooter = CardFooter; exports.CardHeader = CardHeader; exports.CardImage = CardImage; exports.CardTitle = CardTitle; exports.Carousel = Carousel; exports.CarouselContent = CarouselContent; exports.CarouselItem = CarouselItem; exports.CarouselNext = CarouselNext; exports.CarouselPrevious = CarouselPrevious; exports.Checkbox = Checkbox; exports.Collapsible = Collapsible; exports.CollapsibleContent = CollapsibleContent; exports.CollapsibleTrigger = CollapsibleTrigger; exports.Combobox = Combobox; exports.Command = Command; exports.CommandDialog = CommandDialog; exports.CommandEmpty = CommandEmpty; exports.CommandGroup = CommandGroup; exports.CommandInput = CommandInput; exports.CommandItem = CommandItem; exports.CommandList = CommandList; exports.CommandSeparator = CommandSeparator; exports.CommandShortcut = CommandShortcut; exports.ContextMenu = ContextMenu; exports.ContextMenuContent = ContextMenuContent; exports.ContextMenuItem = ContextMenuItem; exports.ContextMenuLabel = ContextMenuLabel; exports.ContextMenuSeparator = ContextMenuSeparator; exports.DataTable = DataTable; exports.DatePicker = DatePicker; exports.Dialog = Dialog; exports.DialogClose = DialogClose; exports.DialogContent = DialogContent; exports.DialogDescription = DialogDescription; exports.DialogFooter = DialogFooter; exports.DialogHeader = DialogHeader; exports.DialogTitle = DialogTitle; exports.DirectionProvider = DirectionProvider; exports.Drawer = Drawer; exports.DrawerClose = DrawerClose; exports.DrawerContent = DrawerContent; exports.DrawerDescription = DrawerDescription; exports.DrawerFooter = DrawerFooter; exports.DrawerHeader = DrawerHeader; exports.DrawerTitle = DrawerTitle; exports.DropdownMenu = DropdownMenu; exports.DropdownMenuContent = DropdownMenuContent; exports.DropdownMenuItem = DropdownMenuItem; exports.DropdownMenuLabel = DropdownMenuLabel; exports.DropdownMenuSeparator = DropdownMenuSeparator; exports.DropdownMenuTrigger = DropdownMenuTrigger; exports.Empty = Empty; exports.Field = Field; exports.HoverCard = HoverCard; exports.HoverCardContent = HoverCardContent; exports.HoverCardTrigger = HoverCardTrigger; exports.Input = Input; exports.InputGroup = InputGroup; exports.InputGroupAddon = InputGroupAddon; exports.InputOTP = InputOTP; exports.InputOTPSeparator = InputOTPSeparator; exports.Item = Item; exports.Kbd = Kbd; exports.Label = Label; exports.Menubar = Menubar; exports.MenubarContent = MenubarContent; exports.MenubarItem = MenubarItem; exports.MenubarMenu = MenubarMenu; exports.MenubarSeparator = MenubarSeparator; exports.MenubarShortcut = MenubarShortcut; exports.MenubarTrigger = MenubarTrigger; exports.NativeSelect = NativeSelect; exports.NavigationMenu = NavigationMenu; exports.NavigationMenuItem = NavigationMenuItem; exports.NavigationMenuLink = NavigationMenuLink; exports.Pagination = Pagination; exports.PaginationEllipsis = PaginationEllipsis; exports.PaginationItem = PaginationItem; exports.PaginationNext = PaginationNext; exports.PaginationPrevious = PaginationPrevious; exports.Popover = Popover; exports.PopoverContent = PopoverContent; exports.PopoverTrigger = PopoverTrigger; exports.Progress = Progress; exports.RadioGroup = RadioGroup; exports.RadioGroupItem = RadioGroupItem; exports.ResizableHandle = ResizableHandle; exports.ResizablePanel = ResizablePanel; exports.ResizablePanelGroup = ResizablePanelGroup; exports.ScrollArea = ScrollArea; exports.Select = Select; exports.Separator = Separator; exports.Sheet = Sheet; exports.SheetClose = SheetClose; exports.SheetContent = SheetContent; exports.SheetDescription = SheetDescription; exports.SheetFooter = SheetFooter; exports.SheetHeader = SheetHeader; exports.SheetTitle = SheetTitle; exports.SidebarContent = SidebarContent; exports.SidebarFooter = SidebarFooter; exports.SidebarGroup = SidebarGroup; exports.SidebarHeader = SidebarHeader; exports.SidebarItem = SidebarItem; exports.SidebarProvider = SidebarProvider; exports.SidebarTrigger = SidebarTrigger; exports.Skeleton = Skeleton; exports.Slider = Slider; exports.SonnerProvider = SonnerProvider; exports.SonnerToaster = SonnerToaster; exports.Spinner = Spinner; exports.StormSidebar = StormSidebar; exports.Switch = Switch; exports.Table = Table; exports.TableBody = TableBody; exports.TableCaption = TableCaption; exports.TableCell = TableCell; exports.TableFooter = TableFooter; exports.TableHead = TableHead; exports.TableHeader = TableHeader; exports.TableRow = TableRow; exports.Tabs = Tabs; exports.TabsContent = TabsContent; exports.TabsList = TabsList; exports.TabsTrigger = TabsTrigger; exports.Textarea = Textarea; exports.Toast = Toast; exports.ToastAction = ToastAction; exports.ToastClose = ToastClose; exports.ToastDescription = ToastDescription; exports.ToastTitle = ToastTitle; exports.Toggle = Toggle; exports.ToggleGroup = ToggleGroup; exports.ToggleGroupItem = ToggleGroupItem; exports.Tooltip = Tooltip; exports.TooltipContent = TooltipContent; exports.TooltipTrigger = TooltipTrigger; exports.TypographyBlockquote = TypographyBlockquote; exports.TypographyH1 = TypographyH1; exports.TypographyH2 = TypographyH2; exports.TypographyH3 = TypographyH3; exports.TypographyH4 = TypographyH4; exports.TypographyInlineCode = TypographyInlineCode; exports.TypographyLarge = TypographyLarge; exports.TypographyLead = TypographyLead; exports.TypographyList = TypographyList; exports.TypographyMuted = TypographyMuted; exports.TypographyP = TypographyP; exports.TypographySmall = TypographySmall; exports.cn = cn; exports.useDirection = useDirection; exports.useSidebar = useSidebar; exports.useSonner = useSonner;
+//# sourceMappingURL=index.js.map