@thetinycode/hash-ui 1.0.0

package/dist/index.cjs

@@ -0,0 +1,1111 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  Alert: () => Alert,
+  AlertDescription: () => AlertDescription,
+  AlertTitle: () => AlertTitle,
+  Avatar: () => Avatar,
+  AvatarGroup: () => AvatarGroup,
+  Badge: () => Badge,
+  Box: () => Box,
+  Breadcrumb: () => Breadcrumb,
+  BreadcrumbItem: () => BreadcrumbItem,
+  BreadcrumbList: () => BreadcrumbList,
+  BreadcrumbPage: () => BreadcrumbPage,
+  BreadcrumbSeparator: () => BreadcrumbSeparator,
+  Button: () => Button,
+  Card: () => Card,
+  CardContent: () => CardContent,
+  CardDescription: () => CardDescription,
+  CardFooter: () => CardFooter,
+  CardHeader: () => CardHeader,
+  CardTitle: () => CardTitle,
+  Container: () => Container,
+  Divider: () => Divider,
+  Drawer: () => Drawer,
+  Dropdown: () => Dropdown,
+  DropdownItem: () => DropdownItem,
+  DropdownMenu: () => DropdownMenu,
+  EmptyState: () => EmptyState,
+  EmptyStateActions: () => EmptyStateActions,
+  EmptyStateDescription: () => EmptyStateDescription,
+  EmptyStateTitle: () => EmptyStateTitle,
+  Grid: () => Grid,
+  Header: () => Header,
+  HeaderActions: () => HeaderActions,
+  HeaderBrand: () => HeaderBrand,
+  HeaderInner: () => HeaderInner,
+  HeaderNav: () => HeaderNav,
+  Hero: () => Hero,
+  HeroActions: () => HeroActions,
+  HeroBadge: () => HeroBadge,
+  HeroContent: () => HeroContent,
+  HeroDescription: () => HeroDescription,
+  HeroTitle: () => HeroTitle,
+  Input: () => Input,
+  Label: () => Label,
+  Modal: () => Modal,
+  ModalContent: () => ModalContent,
+  ModalDescription: () => ModalDescription,
+  ModalFooter: () => ModalFooter,
+  ModalHeader: () => ModalHeader,
+  ModalTitle: () => ModalTitle,
+  Pagination: () => Pagination,
+  PaginationItem: () => PaginationItem,
+  PaginationLink: () => PaginationLink,
+  PaginationList: () => PaginationList,
+  Section: () => Section,
+  SectionDescription: () => SectionDescription,
+  SectionHeader: () => SectionHeader,
+  SectionTitle: () => SectionTitle,
+  Select: () => Select,
+  Stack: () => Stack,
+  Stat: () => Stat,
+  StatChange: () => StatChange,
+  StatLabel: () => StatLabel,
+  StatValue: () => StatValue,
+  Switch: () => Switch,
+  Tabs: () => Tabs,
+  TabsContent: () => TabsContent,
+  TabsList: () => TabsList,
+  TabsTrigger: () => TabsTrigger,
+  Textarea: () => Textarea,
+  Toast: () => Toast,
+  ToastDescription: () => ToastDescription,
+  ToastTitle: () => ToastTitle,
+  ToastViewport: () => ToastViewport,
+  Tooltip: () => Tooltip,
+  cn: () => cn
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/components/forms/button.tsx
+var React = require("react");
+var import_class_variance_authority = require("class-variance-authority");
+
+// src/lib/cn.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/components/forms/button.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var buttonVariants = (0, import_class_variance_authority.cva)(
+  "inline-flex items-center justify-center rounded-xl font-medium transition-colors focus:outline-none disabled:pointer-events-none disabled:opacity-50",
+  {
+    variants: {
+      variant: {
+        primary: "bg-blue-600 text-white hover:bg-blue-700",
+        secondary: "bg-gray-100 text-gray-900 hover:bg-gray-200",
+        outline: "border border-gray-300 bg-white text-gray-900 hover:bg-gray-50",
+        ghost: "hover:bg-gray-100 text-gray-900"
+      },
+      size: {
+        sm: "h-9 px-3 text-sm",
+        md: "h-10 px-4 text-sm",
+        lg: "h-12 px-6 text-base"
+      }
+    },
+    defaultVariants: {
+      variant: "primary",
+      size: "md"
+    }
+  }
+);
+function Button({
+  className,
+  variant,
+  size,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "button",
+    {
+      className: cn(buttonVariants({ variant, size }), className),
+      ...props
+    }
+  );
+}
+
+// src/components/forms/input.tsx
+var React2 = __toESM(require("react"), 1);
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var Input = React2.forwardRef(
+  ({ className, type = "text", ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "input",
+      {
+        ref,
+        type,
+        className: cn(
+          "flex h-10 w-full rounded-xl border border-gray-300 bg-white px-3 py-2 text-sm text-gray-900 outline-none transition-colors placeholder:text-gray-400 focus:border-gray-400 disabled:cursor-not-allowed disabled:opacity-50",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+Input.displayName = "Input";
+
+// src/components/forms/label.tsx
+var React3 = require("react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function Label({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    "label",
+    {
+      className: cn(
+        "text-sm font-medium leading-none text-gray-900",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/components/forms/select.tsx
+var React4 = __toESM(require("react"), 1);
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var Select = React4.forwardRef(
+  ({ className, children, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      "select",
+      {
+        ref,
+        className: cn(
+          "flex h-10 w-full rounded-xl border border-gray-300 bg-white px-3 py-2 text-sm text-gray-900 outline-none transition-colors focus:border-gray-400 disabled:cursor-not-allowed disabled:opacity-50",
+          className
+        ),
+        ...props,
+        children
+      }
+    );
+  }
+);
+Select.displayName = "Select";
+
+// src/components/forms/switch.tsx
+var React5 = __toESM(require("react"), 1);
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var Switch = React5.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "inline-flex cursor-pointer items-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { ref, type: "checkbox", className: "peer sr-only", ...props }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        "span",
+        {
+          className: cn(
+            "relative h-6 w-11 rounded-full bg-gray-300 transition-colors after:absolute after:left-0.5 after:top-0.5 after:h-5 after:w-5 after:rounded-full after:bg-white after:transition-transform peer-checked:bg-gray-900 peer-checked:after:translate-x-5 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+            className
+          )
+        }
+      )
+    ] });
+  }
+);
+Switch.displayName = "Switch";
+
+// src/components/forms/textarea.tsx
+var React6 = __toESM(require("react"), 1);
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var Textarea = React6.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      "textarea",
+      {
+        ref,
+        className: cn(
+          "flex min-h-[120px] w-full rounded-xl border border-gray-300 bg-white px-3 py-2 text-sm text-gray-900 outline-none transition-colors placeholder:text-gray-400 focus:border-gray-400 disabled:cursor-not-allowed disabled:opacity-50",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+Textarea.displayName = "Textarea";
+
+// src/components/display/alert.tsx
+var React7 = require("react");
+var import_class_variance_authority2 = require("class-variance-authority");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var alertVariants = (0, import_class_variance_authority2.cva)("rounded-2xl border p-4", {
+  variants: {
+    variant: {
+      default: "border-gray-200 bg-white text-gray-900",
+      success: "border-green-200 bg-green-50 text-green-800",
+      warning: "border-yellow-200 bg-yellow-50 text-yellow-800",
+      danger: "border-red-200 bg-red-50 text-red-800",
+      info: "border-blue-200 bg-blue-50 text-blue-800"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+function Alert({ className, variant, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { role: "alert", className: cn(alertVariants({ variant }), className), ...props });
+}
+function AlertTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h5", { className: cn("mb-1 font-semibold", className), ...props });
+}
+function AlertDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: cn("text-sm opacity-90", className), ...props });
+}
+
+// src/components/display/avatar.tsx
+var React8 = require("react");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+function Avatar({
+  className,
+  src,
+  alt,
+  fallback,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    "div",
+    {
+      className: cn(
+        "relative flex h-10 w-10 shrink-0 items-center justify-center overflow-hidden rounded-full bg-gray-100 text-sm font-medium text-gray-700",
+        className
+      ),
+      ...props,
+      children: src ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("img", { src, alt: alt ?? "Avatar", className: "h-full w-full object-cover" }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: fallback ?? "UI" })
+    }
+  );
+}
+function AvatarGroup({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: cn("flex -space-x-3", className), ...props });
+}
+
+// src/components/display/badge.tsx
+var React9 = require("react");
+var import_class_variance_authority3 = require("class-variance-authority");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var badgeVariants = (0, import_class_variance_authority3.cva)(
+  "inline-flex items-center rounded-full px-2.5 py-1 text-xs font-medium",
+  {
+    variants: {
+      variant: {
+        default: "bg-gray-900 text-white",
+        secondary: "bg-gray-100 text-gray-900",
+        success: "bg-green-100 text-green-700",
+        warning: "bg-yellow-100 text-yellow-700",
+        danger: "bg-red-100 text-red-700",
+        info: "bg-blue-100 text-blue-700"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge({ className, variant, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: cn(badgeVariants({ variant }), className), ...props });
+}
+
+// src/components/display/card.tsx
+var React10 = require("react");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+function Card({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    "div",
+    {
+      className: cn("rounded-2xl border border-gray-200 bg-white shadow-sm", className),
+      ...props
+    }
+  );
+}
+function CardHeader({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: cn("p-6 pb-4", className), ...props });
+}
+function CardTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("h3", { className: cn("text-lg font-semibold text-gray-900", className), ...props });
+}
+function CardDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: cn("text-sm text-gray-500", className), ...props });
+}
+function CardContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: cn("p-6 pt-0", className), ...props });
+}
+function CardFooter({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: cn("flex items-center p-6 pt-4", className), ...props });
+}
+
+// src/components/display/empty-state.tsx
+var React11 = require("react");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+function EmptyState({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    "div",
+    {
+      className: cn(
+        "flex flex-col items-center justify-center rounded-2xl border border-dashed border-gray-300 bg-gray-50 p-10 text-center",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function EmptyStateTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("h3", { className: cn("mt-4 text-lg font-semibold text-gray-900", className), ...props });
+}
+function EmptyStateDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: cn("mt-2 max-w-md text-sm text-gray-500", className), ...props });
+}
+function EmptyStateActions({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: cn("mt-6 flex items-center gap-3", className), ...props });
+}
+
+// src/components/display/stat.tsx
+var React12 = require("react");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+function Stat({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    "div",
+    {
+      className: cn("rounded-2xl border border-gray-200 bg-white p-6 shadow-sm", className),
+      ...props
+    }
+  );
+}
+function StatLabel({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: cn("text-sm text-gray-500", className), ...props });
+}
+function StatValue({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: cn("mt-2 text-3xl font-semibold text-gray-900", className), ...props });
+}
+function StatChange({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: cn("mt-2 text-sm font-medium text-gray-600", className), ...props });
+}
+
+// src/components/primitives/box.tsx
+var React13 = require("react");
+var import_jsx_runtime13 = require("react/jsx-runtime");
+function Box({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: cn(className), ...props });
+}
+
+// src/components/primitives/container.tsx
+var React14 = require("react");
+var import_jsx_runtime14 = require("react/jsx-runtime");
+function Container({
+  className,
+  size = "lg",
+  ...props
+}) {
+  const sizes = {
+    sm: "max-w-3xl",
+    md: "max-w-5xl",
+    lg: "max-w-7xl",
+    full: "max-w-none"
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    "div",
+    {
+      className: cn("mx-auto w-full px-4 sm:px-6 lg:px-8", sizes[size], className),
+      ...props
+    }
+  );
+}
+
+// src/components/primitives/divider.tsx
+var React15 = require("react");
+var import_jsx_runtime15 = require("react/jsx-runtime");
+function Divider({
+  className,
+  orientation = "horizontal",
+  ...props
+}) {
+  if (orientation === "vertical") {
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: cn("h-full w-px bg-gray-200", className), ...props });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("hr", { className: cn("w-full border-0 border-t border-gray-200", className), ...props });
+}
+
+// src/components/primitives/grid.tsx
+var React16 = require("react");
+var import_jsx_runtime16 = require("react/jsx-runtime");
+function Grid({
+  className,
+  cols = 3,
+  gap = "md",
+  ...props
+}) {
+  const colsClasses = {
+    1: "grid-cols-1",
+    2: "grid-cols-2",
+    3: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3",
+    4: "grid-cols-1 md:grid-cols-2 lg:grid-cols-4",
+    5: "grid-cols-1 md:grid-cols-2 lg:grid-cols-5",
+    6: "grid-cols-1 md:grid-cols-2 lg:grid-cols-6",
+    12: "grid-cols-12"
+  };
+  const gapClasses = {
+    xs: "gap-1",
+    sm: "gap-2",
+    md: "gap-4",
+    lg: "gap-6",
+    xl: "gap-8"
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    "div",
+    {
+      className: cn("grid", colsClasses[cols], gapClasses[gap], className),
+      ...props
+    }
+  );
+}
+
+// src/components/primitives/section.tsx
+var React17 = require("react");
+var import_jsx_runtime17 = require("react/jsx-runtime");
+function Section({
+  className,
+  spacing = "lg",
+  as: Comp = "section",
+  ...props
+}) {
+  const spacingClasses = {
+    sm: "py-8",
+    md: "py-12",
+    lg: "py-16",
+    xl: "py-24"
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Comp, { className: cn(spacingClasses[spacing], className), ...props });
+}
+function SectionHeader({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: cn("mb-10 space-y-3", className), ...props });
+}
+function SectionTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    "h2",
+    {
+      className: cn("text-3xl font-semibold tracking-tight text-gray-900", className),
+      ...props
+    }
+  );
+}
+function SectionDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: cn("max-w-2xl text-sm text-gray-500", className), ...props });
+}
+
+// src/components/primitives/stack.tsx
+var React18 = require("react");
+var import_jsx_runtime18 = require("react/jsx-runtime");
+function Stack({
+  className,
+  direction = "col",
+  gap = "md",
+  ...props
+}) {
+  const directionClasses = {
+    row: "flex flex-row",
+    col: "flex flex-col"
+  };
+  const gapClasses = {
+    xs: "gap-1",
+    sm: "gap-2",
+    md: "gap-4",
+    lg: "gap-6",
+    xl: "gap-8"
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    "div",
+    {
+      className: cn(directionClasses[direction], gapClasses[gap], className),
+      ...props
+    }
+  );
+}
+
+// src/components/navigation/breadcrumb.tsx
+var React19 = require("react");
+var import_jsx_runtime19 = require("react/jsx-runtime");
+function Breadcrumb({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("nav", { "aria-label": "Breadcrumb", className: cn("text-sm text-gray-500", className), ...props });
+}
+function BreadcrumbList({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("ol", { className: cn("flex flex-wrap items-center gap-2", className), ...props });
+}
+function BreadcrumbItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("li", { className: cn("inline-flex items-center gap-2", className), ...props });
+}
+function BreadcrumbSeparator({
+  className,
+  children = "/",
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: cn("text-gray-400", className), ...props, children });
+}
+function BreadcrumbPage({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: cn("font-medium text-gray-900", className), ...props });
+}
+
+// src/components/navigation/header.tsx
+var React20 = require("react");
+var import_jsx_runtime20 = require("react/jsx-runtime");
+function Header({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    "header",
+    {
+      className: cn("w-full border-b border-gray-200 bg-white", className),
+      ...props
+    }
+  );
+}
+function HeaderInner({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    "div",
+    {
+      className: cn(
+        "mx-auto flex h-16 max-w-7xl items-center justify-between px-4 sm:px-6 lg:px-8",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function HeaderBrand({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: cn("flex items-center gap-3 font-semibold text-gray-900", className), ...props });
+}
+function HeaderNav({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("nav", { className: cn("hidden items-center gap-6 md:flex", className), ...props });
+}
+function HeaderActions({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: cn("flex items-center gap-3", className), ...props });
+}
+
+// src/components/navigation/pagination.tsx
+var React21 = require("react");
+var import_jsx_runtime21 = require("react/jsx-runtime");
+function Pagination({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("nav", { "aria-label": "Pagination", className: cn("flex items-center justify-center", className), ...props });
+}
+function PaginationList({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("ul", { className: cn("flex items-center gap-2", className), ...props });
+}
+function PaginationItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("li", { className: cn(className), ...props });
+}
+function PaginationLink({
+  className,
+  isActive,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    "a",
+    {
+      className: cn(
+        "inline-flex h-9 min-w-9 items-center justify-center rounded-lg px-3 text-sm transition-colors",
+        isActive ? "bg-gray-900 text-white" : "border border-gray-300 bg-white text-gray-900 hover:bg-gray-50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/components/navigation/tabs.tsx
+var React22 = require("react");
+var import_jsx_runtime22 = require("react/jsx-runtime");
+function Tabs({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: cn("w-full", className), ...props });
+}
+function TabsList({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    "div",
+    {
+      className: cn(
+        "inline-flex items-center rounded-xl bg-gray-100 p-1",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TabsTrigger({
+  className,
+  active,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    "button",
+    {
+      className: cn(
+        "inline-flex items-center rounded-lg px-3 py-2 text-sm font-medium transition-colors",
+        active ? "bg-white text-gray-900 shadow-sm" : "text-gray-600 hover:text-gray-900",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TabsContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: cn("mt-4", className), ...props });
+}
+
+// src/components/overlays/drawer.tsx
+var React23 = require("react");
+var import_jsx_runtime23 = require("react/jsx-runtime");
+function Drawer({
+  className,
+  open = true,
+  side = "right",
+  ...props
+}) {
+  if (!open) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "fixed inset-0 z-50 bg-black/40", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    "div",
+    {
+      className: cn(
+        "absolute top-0 h-full w-full max-w-md bg-white shadow-xl",
+        side === "right" ? "right-0" : "left-0",
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+
+// src/components/overlays/dropdown.tsx
+var React24 = require("react");
+var import_jsx_runtime24 = require("react/jsx-runtime");
+function Dropdown({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: cn("relative inline-block text-left", className), ...props });
+}
+function DropdownMenu({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    "div",
+    {
+      className: cn(
+        "absolute right-0 z-50 mt-2 min-w-48 rounded-xl border border-gray-200 bg-white p-2 shadow-lg",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DropdownItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    "button",
+    {
+      className: cn(
+        "flex w-full items-center rounded-lg px-3 py-2 text-sm text-gray-700 transition-colors hover:bg-gray-100",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/components/overlays/modal.tsx
+var React25 = require("react");
+var import_jsx_runtime25 = require("react/jsx-runtime");
+function Modal({
+  className,
+  open = true,
+  ...props
+}) {
+  if (!open) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    "div",
+    {
+      className: "fixed inset-0 z-50 flex items-center justify-center bg-black/40 p-4",
+      "aria-modal": "true",
+      role: "dialog",
+      children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        "div",
+        {
+          className: cn(
+            "w-full max-w-lg rounded-2xl bg-white shadow-xl",
+            className
+          ),
+          ...props
+        }
+      )
+    }
+  );
+}
+function ModalHeader({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: cn("border-b border-gray-200 p-6", className), ...props });
+}
+function ModalTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("h2", { className: cn("text-lg font-semibold text-gray-900", className), ...props });
+}
+function ModalDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: cn("mt-1 text-sm text-gray-500", className), ...props });
+}
+function ModalContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: cn("p-6", className), ...props });
+}
+function ModalFooter({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: cn("flex items-center justify-end gap-3 border-t border-gray-200 p-6", className), ...props });
+}
+
+// src/components/overlays/toast.tsx
+var React26 = require("react");
+var import_class_variance_authority4 = require("class-variance-authority");
+var import_jsx_runtime26 = require("react/jsx-runtime");
+var toastVariants = (0, import_class_variance_authority4.cva)(
+  "w-full max-w-sm rounded-2xl border p-4 shadow-lg",
+  {
+    variants: {
+      variant: {
+        default: "border-gray-200 bg-white text-gray-900",
+        success: "border-green-200 bg-green-50 text-green-800",
+        warning: "border-yellow-200 bg-yellow-50 text-yellow-800",
+        danger: "border-red-200 bg-red-50 text-red-800",
+        info: "border-blue-200 bg-blue-50 text-blue-800"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Toast({ className, variant, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: cn(toastVariants({ variant }), className), ...props });
+}
+function ToastTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("h4", { className: cn("font-semibold", className), ...props });
+}
+function ToastDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: cn("mt-1 text-sm opacity-90", className), ...props });
+}
+function ToastViewport({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    "div",
+    {
+      className: cn("fixed right-4 top-4 z-50 flex flex-col gap-3", className),
+      ...props
+    }
+  );
+}
+
+// src/components/overlays/tooltip.tsx
+var React27 = require("react");
+var import_jsx_runtime27 = require("react/jsx-runtime");
+function Tooltip({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    "div",
+    {
+      role: "tooltip",
+      className: cn(
+        "inline-flex rounded-lg bg-gray-900 px-2 py-1 text-xs text-white shadow-md",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/components/marketing/hero.tsx
+var React28 = require("react");
+var import_jsx_runtime28 = require("react/jsx-runtime");
+function Hero({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+    "section",
+    {
+      className: cn("relative overflow-hidden py-20 sm:py-28", className),
+      ...props
+    }
+  );
+}
+function HeroContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: cn("mx-auto max-w-3xl text-center", className), ...props });
+}
+function HeroBadge({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+    "div",
+    {
+      className: cn(
+        "mb-6 inline-flex items-center rounded-full border border-gray-200 bg-white px-3 py-1 text-sm text-gray-600 shadow-sm",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function HeroTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("h1", { className: cn("text-4xl font-semibold tracking-tight text-gray-900 sm:text-6xl", className), ...props });
+}
+function HeroDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: cn("mx-auto mt-6 max-w-2xl text-base text-gray-500 sm:text-lg", className), ...props });
+}
+function HeroActions({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: cn("mt-8 flex flex-wrap items-center justify-center gap-3", className), ...props });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Alert,
+  AlertDescription,
+  AlertTitle,
+  Avatar,
+  AvatarGroup,
+  Badge,
+  Box,
+  Breadcrumb,
+  BreadcrumbItem,
+  BreadcrumbList,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+  Button,
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  Container,
+  Divider,
+  Drawer,
+  Dropdown,
+  DropdownItem,
+  DropdownMenu,
+  EmptyState,
+  EmptyStateActions,
+  EmptyStateDescription,
+  EmptyStateTitle,
+  Grid,
+  Header,
+  HeaderActions,
+  HeaderBrand,
+  HeaderInner,
+  HeaderNav,
+  Hero,
+  HeroActions,
+  HeroBadge,
+  HeroContent,
+  HeroDescription,
+  HeroTitle,
+  Input,
+  Label,
+  Modal,
+  ModalContent,
+  ModalDescription,
+  ModalFooter,
+  ModalHeader,
+  ModalTitle,
+  Pagination,
+  PaginationItem,
+  PaginationLink,
+  PaginationList,
+  Section,
+  SectionDescription,
+  SectionHeader,
+  SectionTitle,
+  Select,
+  Stack,
+  Stat,
+  StatChange,
+  StatLabel,
+  StatValue,
+  Switch,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  Textarea,
+  Toast,
+  ToastDescription,
+  ToastTitle,
+  ToastViewport,
+  Tooltip,
+  cn
+});