@prototyperco/ui 0.5.0-alpha.0 → 0.5.0

package/dist/components/breadcrumb.d.cts

@@ -0,0 +1,20 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+declare function Breadcrumb({ ...props }: React.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbList({ className, ...props }: React.ComponentProps<"ol">): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbItem({ className, ...props }: React.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbLink({ className, ...props }: React.ComponentProps<"a">): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+
+type BreadcrumbProps = React.ComponentProps<typeof Breadcrumb>;
+type BreadcrumbListProps = React.ComponentProps<typeof BreadcrumbList>;
+type BreadcrumbItemProps = React.ComponentProps<typeof BreadcrumbItem>;
+type BreadcrumbLinkProps = React.ComponentProps<typeof BreadcrumbLink>;
+type BreadcrumbPageProps = React.ComponentProps<typeof BreadcrumbPage>;
+type BreadcrumbSeparatorProps = React.ComponentProps<typeof BreadcrumbSeparator>;
+type BreadcrumbEllipsisProps = React.ComponentProps<typeof BreadcrumbEllipsis>;
+
+export { Breadcrumb, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbList, type BreadcrumbListProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps };

package/dist/components/breadcrumb.d.ts

@@ -0,0 +1,20 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+declare function Breadcrumb({ ...props }: React.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbList({ className, ...props }: React.ComponentProps<"ol">): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbItem({ className, ...props }: React.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbLink({ className, ...props }: React.ComponentProps<"a">): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+
+type BreadcrumbProps = React.ComponentProps<typeof Breadcrumb>;
+type BreadcrumbListProps = React.ComponentProps<typeof BreadcrumbList>;
+type BreadcrumbItemProps = React.ComponentProps<typeof BreadcrumbItem>;
+type BreadcrumbLinkProps = React.ComponentProps<typeof BreadcrumbLink>;
+type BreadcrumbPageProps = React.ComponentProps<typeof BreadcrumbPage>;
+type BreadcrumbSeparatorProps = React.ComponentProps<typeof BreadcrumbSeparator>;
+type BreadcrumbEllipsisProps = React.ComponentProps<typeof BreadcrumbEllipsis>;
+
+export { Breadcrumb, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbList, type BreadcrumbListProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps };

package/dist/components/breadcrumb.js

@@ -0,0 +1,112 @@
+"use client";
+
+// src/components/breadcrumb.tsx
+import { ChevronRight, MoreHorizontal } from "lucide-react";
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/components/breadcrumb.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function Breadcrumb({ ...props }) {
+  return /* @__PURE__ */ jsx("nav", { "data-slot": "breadcrumb", "aria-label": "breadcrumb", ...props });
+}
+function BreadcrumbList({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "ol",
+    {
+      "data-slot": "breadcrumb-list",
+      className: cn(
+        "flex flex-wrap items-center gap-1.5 text-sm text-muted-foreground sm:gap-2.5",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function BreadcrumbItem({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "li",
+    {
+      "data-slot": "breadcrumb-item",
+      className: cn("inline-flex items-center gap-1.5", className),
+      ...props
+    }
+  );
+}
+function BreadcrumbLink({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "a",
+    {
+      "data-slot": "breadcrumb-link",
+      className: cn(
+        "rounded-sm transition-colors duration-150 hover-only:hover:text-foreground focus-visible:focus-ring",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function BreadcrumbPage({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "breadcrumb-page",
+      role: "link",
+      "aria-disabled": "true",
+      "aria-current": "page",
+      className: cn("font-normal text-foreground", className),
+      ...props
+    }
+  );
+}
+function BreadcrumbSeparator({
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "li",
+    {
+      "data-slot": "breadcrumb-separator",
+      role: "presentation",
+      "aria-hidden": "true",
+      className: cn("[&>svg]:size-3.5", className),
+      ...props,
+      children: children ?? /* @__PURE__ */ jsx(ChevronRight, {})
+    }
+  );
+}
+function BreadcrumbEllipsis({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      "data-slot": "breadcrumb-ellipsis",
+      role: "presentation",
+      "aria-hidden": "true",
+      className: cn("flex size-9 items-center justify-center", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(MoreHorizontal, { className: "size-4" }),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "More" })
+      ]
+    }
+  );
+}
+export {
+  Breadcrumb,
+  BreadcrumbEllipsis,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbList,
+  BreadcrumbPage,
+  BreadcrumbSeparator
+};
+//# sourceMappingURL=breadcrumb.js.map

package/dist/components/breadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/breadcrumb.tsx","../../src/lib/utils.ts"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { ChevronRight, MoreHorizontal } from \"lucide-react\";\n\nimport { cn } from \"../lib/utils\";\n\nfunction Breadcrumb({ ...props }: React.ComponentProps<\"nav\">) {\n  return <nav data-slot=\"breadcrumb\" aria-label=\"breadcrumb\" {...props} />;\n}\n\nfunction BreadcrumbList({ className, ...props }: React.ComponentProps<\"ol\">) {\n  return (\n    <ol\n      data-slot=\"breadcrumb-list\"\n      className={cn(\n        \"flex flex-wrap items-center gap-1.5 text-sm text-muted-foreground sm:gap-2.5\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbItem({ className, ...props }: React.ComponentProps<\"li\">) {\n  return (\n    <li\n      data-slot=\"breadcrumb-item\"\n      className={cn(\"inline-flex items-center gap-1.5\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbLink({ className, ...props }: React.ComponentProps<\"a\">) {\n  return (\n    <a\n      data-slot=\"breadcrumb-link\"\n      className={cn(\n        \"rounded-sm transition-colors duration-150 hover-only:hover:text-foreground focus-visible:focus-ring\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbPage({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"breadcrumb-page\"\n      role=\"link\"\n      aria-disabled=\"true\"\n      aria-current=\"page\"\n      className={cn(\"font-normal text-foreground\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbSeparator({\n  children,\n  className,\n  ...props\n}: React.ComponentProps<\"li\">) {\n  return (\n    <li\n      data-slot=\"breadcrumb-separator\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn(\"[&>svg]:size-3.5\", className)}\n      {...props}\n    >\n      {children ?? <ChevronRight />}\n    </li>\n  );\n}\n\nfunction BreadcrumbEllipsis({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"breadcrumb-ellipsis\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn(\"flex size-9 items-center justify-center\", className)}\n      {...props}\n    >\n      <MoreHorizontal className=\"size-4\" />\n      <span className=\"sr-only\">More</span>\n    </span>\n  );\n}\n\nexport {\n  Breadcrumb,\n  BreadcrumbList,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n  BreadcrumbEllipsis,\n};\n\nexport type BreadcrumbProps = React.ComponentProps<typeof Breadcrumb>;\nexport type BreadcrumbListProps = React.ComponentProps<typeof BreadcrumbList>;\nexport type BreadcrumbItemProps = React.ComponentProps<typeof BreadcrumbItem>;\nexport type BreadcrumbLinkProps = React.ComponentProps<typeof BreadcrumbLink>;\nexport type BreadcrumbPageProps = React.ComponentProps<typeof BreadcrumbPage>;\nexport type BreadcrumbSeparatorProps = React.ComponentProps<\n  typeof BreadcrumbSeparator\n>;\nexport type BreadcrumbEllipsisProps = React.ComponentProps<\n  typeof BreadcrumbEllipsis\n>;\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":";;;AAGA,SAAS,cAAc,sBAAsB;;;ACH7C,SAAS,YAA6B;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;;;ADGS,cA2EL,YA3EK;AADT,SAAS,WAAW,EAAE,GAAG,MAAM,GAAgC;AAC7D,SAAO,oBAAC,SAAI,aAAU,cAAa,cAAW,cAAc,GAAG,OAAO;AACxE;AAEA,SAAS,eAAe,EAAE,WAAW,GAAG,MAAM,GAA+B;AAC3E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,eAAe,EAAE,WAAW,GAAG,MAAM,GAA+B;AAC3E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,oCAAoC,SAAS;AAAA,MAC1D,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,eAAe,EAAE,WAAW,GAAG,MAAM,GAA8B;AAC1E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,eAAe,EAAE,WAAW,GAAG,MAAM,GAAiC;AAC7E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,MAAK;AAAA,MACL,iBAAc;AAAA,MACd,gBAAa;AAAA,MACb,WAAW,GAAG,+BAA+B,SAAS;AAAA,MACrD,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,oBAAoB;AAAA,EAC3B;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA+B;AAC7B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,MAAK;AAAA,MACL,eAAY;AAAA,MACZ,WAAW,GAAG,oBAAoB,SAAS;AAAA,MAC1C,GAAG;AAAA,MAEH,sBAAY,oBAAC,gBAAa;AAAA;AAAA,EAC7B;AAEJ;AAEA,SAAS,mBAAmB;AAAA,EAC1B;AAAA,EACA,GAAG;AACL,GAAiC;AAC/B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,MAAK;AAAA,MACL,eAAY;AAAA,MACZ,WAAW,GAAG,2CAA2C,SAAS;AAAA,MACjE,GAAG;AAAA,MAEJ;AAAA,4BAAC,kBAAe,WAAU,UAAS;AAAA,QACnC,oBAAC,UAAK,WAAU,WAAU,kBAAI;AAAA;AAAA;AAAA,EAChC;AAEJ;","names":[]}

package/dist/components/button.cjs

@@ -0,0 +1,145 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/button.tsx
+var button_exports = {};
+__export(button_exports, {
+  Button: () => Button,
+  buttonVariants: () => buttonVariants
+});
+module.exports = __toCommonJS(button_exports);
+var import_button = require("@base-ui/react/button");
+var import_class_variance_authority = require("class-variance-authority");
+
+// src/lib/utils.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/button.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var buttonVariants = (0, import_class_variance_authority.cva)(
+  [
+    "inline-flex items-center justify-center whitespace-nowrap rounded-lg text-sm font-medium",
+    "transform-gpu transition-[color,background-color,border-color,box-shadow,opacity,transform] duration-150 ease-smooth",
+    "motion-reduce:transition-none",
+    "disabled:status-disabled",
+    "focus-visible:focus-ring",
+    "[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+    "shrink-0 group/button select-none no-highlight"
+  ],
+  {
+    variants: {
+      variant: {
+        default: [
+          // Base styles
+          "relative rounded-lg overflow-visible shadow-surface border border-primary dark:border-primary-dark",
+          "isolate text-primary-foreground [text-shadow:_0_1px_2px_oklch(0%_0_0_/_30%)]",
+          "[&>*]:relative [&>*]:z-[2]",
+          // Combined gradient layer with primary colors
+          "before:pointer-events-none before:absolute before:inset-[-0.5px] before:rounded-[inherit]",
+          "before:bg-gradient-to-br before:from-primary-light before:via-primary-middle before:to-primary-dark",
+          "before:dark:from-primary-light before:dark:via-primary-middle before:dark:to-primary-dark",
+          "before:z-[-1]",
+          // Additional outer border
+          "after:pointer-events-none after:absolute after:inset-[0.5px] after:rounded-[inherit]",
+          "after:bg-gradient-to-br after:from-primary after:to-primary-dark",
+          "after:z-[-1] after:transition-opacity after:duration-200 after:opacity-40 after:motion-reduce:transition-none",
+          // Hover state
+          "hover-only:after:opacity-100 hover-only:transition-opacity hover-only:duration-200"
+        ].join(" "),
+        destructive: "bg-destructive text-destructive-foreground hover-only:hover:bg-destructive-hover",
+        outline: [
+          // Base styles
+          "relative rounded-lg overflow-visible shadow-field border",
+          "isolate text-foreground",
+          "[&>*]:relative [&>*]:z-[2]",
+          // Background layer
+          "before:pointer-events-none before:absolute before:inset-[-0.5px] before:rounded-[inherit]",
+          "before:bg-gradient-to-br before:from-border-light before:via-border before:to-border-dark/50",
+          "before:dark:from-border-light before:dark:to-border-dark",
+          "before:z-[-1]",
+          // Inner background layer
+          "after:pointer-events-none after:absolute after:inset-[0.5px] after:rounded-[inherit]",
+          "after:bg-background",
+          "after:z-[-1]",
+          "after:transition-colors after:duration-200 after:ease-out after:motion-reduce:transition-none",
+          // Hover state
+          "hover-only:after:bg-muted"
+        ].join(" "),
+        secondary: "bg-secondary text-secondary-foreground hover-only:hover:bg-accent",
+        ghost: "hover-only:bg-accent hover-only:text-accent-foreground motion-safe:active:scale-100",
+        "primary-soft": "bg-primary-soft text-primary hover-only:hover:bg-primary-soft-hover",
+        "destructive-soft": "bg-destructive-soft text-destructive hover-only:hover:bg-destructive-soft-hover",
+        success: "bg-success text-success-foreground hover-only:hover:bg-success-hover",
+        warning: "bg-warning text-warning-foreground hover-only:hover:bg-warning-hover",
+        link: "dark:text-primary-light text-primary-dark underline-offset-4 hover-only:underline motion-safe:active:scale-100"
+      },
+      size: {
+        default: "h-9 gap-2 px-4 py-1 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 motion-safe:active:scale-[0.97]",
+        xs: "h-6 gap-1 rounded-lg px-2 text-xs in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3 motion-safe:active:scale-[0.985]",
+        sm: "h-8 gap-1.5 rounded-lg px-3 text-xs in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 motion-safe:active:scale-[0.98]",
+        lg: "h-10 gap-2 rounded-lg px-8 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3 motion-safe:active:scale-[0.96]",
+        icon: "size-9 motion-safe:active:scale-[0.97]",
+        "icon-xs": "size-6 rounded-lg in-data-[slot=button-group]:rounded-md motion-safe:active:scale-[0.985]",
+        "icon-sm": "size-8 rounded-lg in-data-[slot=button-group]:rounded-md motion-safe:active:scale-[0.98]",
+        "icon-lg": "size-10 motion-safe:active:scale-[0.96]"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Button({
+  className,
+  variant = "default",
+  size = "default",
+  isPending,
+  nativeButton,
+  render,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_button.Button,
+    {
+      "data-slot": "button",
+      "data-pending": isPending || void 0,
+      "aria-disabled": isPending || void 0,
+      nativeButton: nativeButton ?? (render ? false : void 0),
+      render,
+      className: cn(
+        buttonVariants({ variant, size }),
+        isPending && "status-pending",
+        className
+      ),
+      ...props
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Button,
+  buttonVariants
+});
+//# sourceMappingURL=button.cjs.map

package/dist/components/button.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/button.tsx","../../src/lib/utils.ts"],"sourcesContent":["\"use client\";\n\nimport { Button as ButtonPrimitive } from \"@base-ui/react/button\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"../lib/utils\";\n\nconst buttonVariants = cva(\n  [\n    \"inline-flex items-center justify-center whitespace-nowrap rounded-lg text-sm font-medium\",\n    \"transform-gpu transition-[color,background-color,border-color,box-shadow,opacity,transform] duration-150 ease-smooth\",\n    \"motion-reduce:transition-none\",\n    \"disabled:status-disabled\",\n    \"focus-visible:focus-ring\",\n    \"[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n    \"shrink-0 group/button select-none no-highlight\",\n  ],\n  {\n    variants: {\n      variant: {\n        default: [\n          // Base styles\n          \"relative rounded-lg overflow-visible shadow-surface border border-primary dark:border-primary-dark\",\n          \"isolate text-primary-foreground [text-shadow:_0_1px_2px_oklch(0%_0_0_/_30%)]\",\n          \"[&>*]:relative [&>*]:z-[2]\",\n          // Combined gradient layer with primary colors\n          \"before:pointer-events-none before:absolute before:inset-[-0.5px] before:rounded-[inherit]\",\n          \"before:bg-gradient-to-br before:from-primary-light before:via-primary-middle before:to-primary-dark\",\n          \"before:dark:from-primary-light before:dark:via-primary-middle before:dark:to-primary-dark\",\n          \"before:z-[-1]\",\n          // Additional outer border\n          \"after:pointer-events-none after:absolute after:inset-[0.5px] after:rounded-[inherit]\",\n          \"after:bg-gradient-to-br after:from-primary after:to-primary-dark\",\n          \"after:z-[-1] after:transition-opacity after:duration-200 after:opacity-40 after:motion-reduce:transition-none\",\n          // Hover state\n          \"hover-only:after:opacity-100 hover-only:transition-opacity hover-only:duration-200\",\n        ].join(\" \"),\n        destructive:\n          \"bg-destructive text-destructive-foreground hover-only:hover:bg-destructive-hover\",\n        outline: [\n          // Base styles\n          \"relative rounded-lg overflow-visible shadow-field border\",\n          \"isolate text-foreground\",\n          \"[&>*]:relative [&>*]:z-[2]\",\n          // Background layer\n          \"before:pointer-events-none before:absolute before:inset-[-0.5px] before:rounded-[inherit]\",\n          \"before:bg-gradient-to-br before:from-border-light before:via-border before:to-border-dark/50\",\n          \"before:dark:from-border-light before:dark:to-border-dark\",\n          \"before:z-[-1]\",\n          // Inner background layer\n          \"after:pointer-events-none after:absolute after:inset-[0.5px] after:rounded-[inherit]\",\n          \"after:bg-background\",\n          \"after:z-[-1]\",\n          \"after:transition-colors after:duration-200 after:ease-out after:motion-reduce:transition-none\",\n          // Hover state\n          \"hover-only:after:bg-muted\",\n        ].join(\" \"),\n        secondary:\n          \"bg-secondary text-secondary-foreground hover-only:hover:bg-accent\",\n        ghost:\n          \"hover-only:bg-accent hover-only:text-accent-foreground motion-safe:active:scale-100\",\n        \"primary-soft\":\n          \"bg-primary-soft text-primary hover-only:hover:bg-primary-soft-hover\",\n        \"destructive-soft\":\n          \"bg-destructive-soft text-destructive hover-only:hover:bg-destructive-soft-hover\",\n        success:\n          \"bg-success text-success-foreground hover-only:hover:bg-success-hover\",\n        warning:\n          \"bg-warning text-warning-foreground hover-only:hover:bg-warning-hover\",\n        link: \"dark:text-primary-light text-primary-dark underline-offset-4 hover-only:underline motion-safe:active:scale-100\",\n      },\n      size: {\n        default:\n          \"h-9 gap-2 px-4 py-1 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 motion-safe:active:scale-[0.97]\",\n        xs: \"h-6 gap-1 rounded-lg px-2 text-xs in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3 motion-safe:active:scale-[0.985]\",\n        sm: \"h-8 gap-1.5 rounded-lg px-3 text-xs in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 motion-safe:active:scale-[0.98]\",\n        lg: \"h-10 gap-2 rounded-lg px-8 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3 motion-safe:active:scale-[0.96]\",\n        icon: \"size-9 motion-safe:active:scale-[0.97]\",\n        \"icon-xs\":\n          \"size-6 rounded-lg in-data-[slot=button-group]:rounded-md motion-safe:active:scale-[0.985]\",\n        \"icon-sm\":\n          \"size-8 rounded-lg in-data-[slot=button-group]:rounded-md motion-safe:active:scale-[0.98]\",\n        \"icon-lg\": \"size-10 motion-safe:active:scale-[0.96]\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  },\n);\n\nfunction Button({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  isPending,\n  nativeButton,\n  render,\n  ...props\n}: ButtonPrimitive.Props &\n  VariantProps<typeof buttonVariants> & { isPending?: boolean }) {\n  return (\n    <ButtonPrimitive\n      data-slot=\"button\"\n      data-pending={isPending || undefined}\n      aria-disabled={isPending || undefined}\n      nativeButton={nativeButton ?? (render ? false : undefined)}\n      render={render}\n      className={cn(\n        buttonVariants({ variant, size }),\n        isPending && \"status-pending\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Button, buttonVariants };\n\nexport type ButtonProps = React.ComponentProps<typeof Button>;\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,oBAA0C;AAC1C,sCAAuC;;;ACHvC,kBAAsC;AACtC,4BAAwB;AAEjB,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;;;ADkGI;AAhGJ,IAAM,qBAAiB;AAAA,EACrB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA;AAAA,UAEP;AAAA,UACA;AAAA,UACA;AAAA;AAAA,UAEA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,UAEA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,UAEA;AAAA,QACF,EAAE,KAAK,GAAG;AAAA,QACV,aACE;AAAA,QACF,SAAS;AAAA;AAAA,UAEP;AAAA,UACA;AAAA,UACA;AAAA;AAAA,UAEA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,UAEA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,UAEA;AAAA,QACF,EAAE,KAAK,GAAG;AAAA,QACV,WACE;AAAA,QACF,OACE;AAAA,QACF,gBACE;AAAA,QACF,oBACE;AAAA,QACF,SACE;AAAA,QACF,SACE;AAAA,QACF,MAAM;AAAA,MACR;AAAA,MACA,MAAM;AAAA,QACJ,SACE;AAAA,QACF,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,WACE;AAAA,QACF,WACE;AAAA,QACF,WAAW;AAAA,MACb;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAEA,SAAS,OAAO;AAAA,EACd;AAAA,EACA,UAAU;AAAA,EACV,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACiE;AAC/D,SACE;AAAA,IAAC,cAAAA;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,gBAAc,aAAa;AAAA,MAC3B,iBAAe,aAAa;AAAA,MAC5B,cAAc,iBAAiB,SAAS,QAAQ;AAAA,MAChD;AAAA,MACA,WAAW;AAAA,QACT,eAAe,EAAE,SAAS,KAAK,CAAC;AAAA,QAChC,aAAa;AAAA,QACb;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;","names":["ButtonPrimitive"]}

package/dist/components/button.d.cts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { Button as Button$1 } from '@base-ui/react/button';
+import { VariantProps } from 'class-variance-authority';
+
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | "primary-soft" | "destructive-soft" | "success" | "warning" | null | undefined;
+    size?: "default" | "sm" | "xs" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Button({ className, variant, size, isPending, nativeButton, render, ...props }: Button$1.Props & VariantProps<typeof buttonVariants> & {
+    isPending?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+type ButtonProps = React.ComponentProps<typeof Button>;
+
+export { Button, type ButtonProps, buttonVariants };

package/dist/components/button.d.ts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { Button as Button$1 } from '@base-ui/react/button';
+import { VariantProps } from 'class-variance-authority';
+
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | "primary-soft" | "destructive-soft" | "success" | "warning" | null | undefined;
+    size?: "default" | "sm" | "xs" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Button({ className, variant, size, isPending, nativeButton, render, ...props }: Button$1.Props & VariantProps<typeof buttonVariants> & {
+    isPending?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+type ButtonProps = React.ComponentProps<typeof Button>;
+
+export { Button, type ButtonProps, buttonVariants };

package/dist/components/button.js

@@ -0,0 +1,120 @@
+"use client";
+
+// src/components/button.tsx
+import { Button as ButtonPrimitive } from "@base-ui/react/button";
+import { cva } from "class-variance-authority";
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/components/button.tsx
+import { jsx } from "react/jsx-runtime";
+var buttonVariants = cva(
+  [
+    "inline-flex items-center justify-center whitespace-nowrap rounded-lg text-sm font-medium",
+    "transform-gpu transition-[color,background-color,border-color,box-shadow,opacity,transform] duration-150 ease-smooth",
+    "motion-reduce:transition-none",
+    "disabled:status-disabled",
+    "focus-visible:focus-ring",
+    "[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+    "shrink-0 group/button select-none no-highlight"
+  ],
+  {
+    variants: {
+      variant: {
+        default: [
+          // Base styles
+          "relative rounded-lg overflow-visible shadow-surface border border-primary dark:border-primary-dark",
+          "isolate text-primary-foreground [text-shadow:_0_1px_2px_oklch(0%_0_0_/_30%)]",
+          "[&>*]:relative [&>*]:z-[2]",
+          // Combined gradient layer with primary colors
+          "before:pointer-events-none before:absolute before:inset-[-0.5px] before:rounded-[inherit]",
+          "before:bg-gradient-to-br before:from-primary-light before:via-primary-middle before:to-primary-dark",
+          "before:dark:from-primary-light before:dark:via-primary-middle before:dark:to-primary-dark",
+          "before:z-[-1]",
+          // Additional outer border
+          "after:pointer-events-none after:absolute after:inset-[0.5px] after:rounded-[inherit]",
+          "after:bg-gradient-to-br after:from-primary after:to-primary-dark",
+          "after:z-[-1] after:transition-opacity after:duration-200 after:opacity-40 after:motion-reduce:transition-none",
+          // Hover state
+          "hover-only:after:opacity-100 hover-only:transition-opacity hover-only:duration-200"
+        ].join(" "),
+        destructive: "bg-destructive text-destructive-foreground hover-only:hover:bg-destructive-hover",
+        outline: [
+          // Base styles
+          "relative rounded-lg overflow-visible shadow-field border",
+          "isolate text-foreground",
+          "[&>*]:relative [&>*]:z-[2]",
+          // Background layer
+          "before:pointer-events-none before:absolute before:inset-[-0.5px] before:rounded-[inherit]",
+          "before:bg-gradient-to-br before:from-border-light before:via-border before:to-border-dark/50",
+          "before:dark:from-border-light before:dark:to-border-dark",
+          "before:z-[-1]",
+          // Inner background layer
+          "after:pointer-events-none after:absolute after:inset-[0.5px] after:rounded-[inherit]",
+          "after:bg-background",
+          "after:z-[-1]",
+          "after:transition-colors after:duration-200 after:ease-out after:motion-reduce:transition-none",
+          // Hover state
+          "hover-only:after:bg-muted"
+        ].join(" "),
+        secondary: "bg-secondary text-secondary-foreground hover-only:hover:bg-accent",
+        ghost: "hover-only:bg-accent hover-only:text-accent-foreground motion-safe:active:scale-100",
+        "primary-soft": "bg-primary-soft text-primary hover-only:hover:bg-primary-soft-hover",
+        "destructive-soft": "bg-destructive-soft text-destructive hover-only:hover:bg-destructive-soft-hover",
+        success: "bg-success text-success-foreground hover-only:hover:bg-success-hover",
+        warning: "bg-warning text-warning-foreground hover-only:hover:bg-warning-hover",
+        link: "dark:text-primary-light text-primary-dark underline-offset-4 hover-only:underline motion-safe:active:scale-100"
+      },
+      size: {
+        default: "h-9 gap-2 px-4 py-1 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 motion-safe:active:scale-[0.97]",
+        xs: "h-6 gap-1 rounded-lg px-2 text-xs in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3 motion-safe:active:scale-[0.985]",
+        sm: "h-8 gap-1.5 rounded-lg px-3 text-xs in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 motion-safe:active:scale-[0.98]",
+        lg: "h-10 gap-2 rounded-lg px-8 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3 motion-safe:active:scale-[0.96]",
+        icon: "size-9 motion-safe:active:scale-[0.97]",
+        "icon-xs": "size-6 rounded-lg in-data-[slot=button-group]:rounded-md motion-safe:active:scale-[0.985]",
+        "icon-sm": "size-8 rounded-lg in-data-[slot=button-group]:rounded-md motion-safe:active:scale-[0.98]",
+        "icon-lg": "size-10 motion-safe:active:scale-[0.96]"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Button({
+  className,
+  variant = "default",
+  size = "default",
+  isPending,
+  nativeButton,
+  render,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    ButtonPrimitive,
+    {
+      "data-slot": "button",
+      "data-pending": isPending || void 0,
+      "aria-disabled": isPending || void 0,
+      nativeButton: nativeButton ?? (render ? false : void 0),
+      render,
+      className: cn(
+        buttonVariants({ variant, size }),
+        isPending && "status-pending",
+        className
+      ),
+      ...props
+    }
+  );
+}
+export {
+  Button,
+  buttonVariants
+};
+//# sourceMappingURL=button.js.map

package/dist/components/button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/button.tsx","../../src/lib/utils.ts"],"sourcesContent":["\"use client\";\n\nimport { Button as ButtonPrimitive } from \"@base-ui/react/button\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"../lib/utils\";\n\nconst buttonVariants = cva(\n  [\n    \"inline-flex items-center justify-center whitespace-nowrap rounded-lg text-sm font-medium\",\n    \"transform-gpu transition-[color,background-color,border-color,box-shadow,opacity,transform] duration-150 ease-smooth\",\n    \"motion-reduce:transition-none\",\n    \"disabled:status-disabled\",\n    \"focus-visible:focus-ring\",\n    \"[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n    \"shrink-0 group/button select-none no-highlight\",\n  ],\n  {\n    variants: {\n      variant: {\n        default: [\n          // Base styles\n          \"relative rounded-lg overflow-visible shadow-surface border border-primary dark:border-primary-dark\",\n          \"isolate text-primary-foreground [text-shadow:_0_1px_2px_oklch(0%_0_0_/_30%)]\",\n          \"[&>*]:relative [&>*]:z-[2]\",\n          // Combined gradient layer with primary colors\n          \"before:pointer-events-none before:absolute before:inset-[-0.5px] before:rounded-[inherit]\",\n          \"before:bg-gradient-to-br before:from-primary-light before:via-primary-middle before:to-primary-dark\",\n          \"before:dark:from-primary-light before:dark:via-primary-middle before:dark:to-primary-dark\",\n          \"before:z-[-1]\",\n          // Additional outer border\n          \"after:pointer-events-none after:absolute after:inset-[0.5px] after:rounded-[inherit]\",\n          \"after:bg-gradient-to-br after:from-primary after:to-primary-dark\",\n          \"after:z-[-1] after:transition-opacity after:duration-200 after:opacity-40 after:motion-reduce:transition-none\",\n          // Hover state\n          \"hover-only:after:opacity-100 hover-only:transition-opacity hover-only:duration-200\",\n        ].join(\" \"),\n        destructive:\n          \"bg-destructive text-destructive-foreground hover-only:hover:bg-destructive-hover\",\n        outline: [\n          // Base styles\n          \"relative rounded-lg overflow-visible shadow-field border\",\n          \"isolate text-foreground\",\n          \"[&>*]:relative [&>*]:z-[2]\",\n          // Background layer\n          \"before:pointer-events-none before:absolute before:inset-[-0.5px] before:rounded-[inherit]\",\n          \"before:bg-gradient-to-br before:from-border-light before:via-border before:to-border-dark/50\",\n          \"before:dark:from-border-light before:dark:to-border-dark\",\n          \"before:z-[-1]\",\n          // Inner background layer\n          \"after:pointer-events-none after:absolute after:inset-[0.5px] after:rounded-[inherit]\",\n          \"after:bg-background\",\n          \"after:z-[-1]\",\n          \"after:transition-colors after:duration-200 after:ease-out after:motion-reduce:transition-none\",\n          // Hover state\n          \"hover-only:after:bg-muted\",\n        ].join(\" \"),\n        secondary:\n          \"bg-secondary text-secondary-foreground hover-only:hover:bg-accent\",\n        ghost:\n          \"hover-only:bg-accent hover-only:text-accent-foreground motion-safe:active:scale-100\",\n        \"primary-soft\":\n          \"bg-primary-soft text-primary hover-only:hover:bg-primary-soft-hover\",\n        \"destructive-soft\":\n          \"bg-destructive-soft text-destructive hover-only:hover:bg-destructive-soft-hover\",\n        success:\n          \"bg-success text-success-foreground hover-only:hover:bg-success-hover\",\n        warning:\n          \"bg-warning text-warning-foreground hover-only:hover:bg-warning-hover\",\n        link: \"dark:text-primary-light text-primary-dark underline-offset-4 hover-only:underline motion-safe:active:scale-100\",\n      },\n      size: {\n        default:\n          \"h-9 gap-2 px-4 py-1 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 motion-safe:active:scale-[0.97]\",\n        xs: \"h-6 gap-1 rounded-lg px-2 text-xs in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3 motion-safe:active:scale-[0.985]\",\n        sm: \"h-8 gap-1.5 rounded-lg px-3 text-xs in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 motion-safe:active:scale-[0.98]\",\n        lg: \"h-10 gap-2 rounded-lg px-8 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3 motion-safe:active:scale-[0.96]\",\n        icon: \"size-9 motion-safe:active:scale-[0.97]\",\n        \"icon-xs\":\n          \"size-6 rounded-lg in-data-[slot=button-group]:rounded-md motion-safe:active:scale-[0.985]\",\n        \"icon-sm\":\n          \"size-8 rounded-lg in-data-[slot=button-group]:rounded-md motion-safe:active:scale-[0.98]\",\n        \"icon-lg\": \"size-10 motion-safe:active:scale-[0.96]\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  },\n);\n\nfunction Button({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  isPending,\n  nativeButton,\n  render,\n  ...props\n}: ButtonPrimitive.Props &\n  VariantProps<typeof buttonVariants> & { isPending?: boolean }) {\n  return (\n    <ButtonPrimitive\n      data-slot=\"button\"\n      data-pending={isPending || undefined}\n      aria-disabled={isPending || undefined}\n      nativeButton={nativeButton ?? (render ? false : undefined)}\n      render={render}\n      className={cn(\n        buttonVariants({ variant, size }),\n        isPending && \"status-pending\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Button, buttonVariants };\n\nexport type ButtonProps = React.ComponentProps<typeof Button>;\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":";;;AAEA,SAAS,UAAU,uBAAuB;AAC1C,SAAS,WAA8B;;;ACHvC,SAAS,YAA6B;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;;;ADkGI;AAhGJ,IAAM,iBAAiB;AAAA,EACrB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA;AAAA,UAEP;AAAA,UACA;AAAA,UACA;AAAA;AAAA,UAEA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,UAEA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,UAEA;AAAA,QACF,EAAE,KAAK,GAAG;AAAA,QACV,aACE;AAAA,QACF,SAAS;AAAA;AAAA,UAEP;AAAA,UACA;AAAA,UACA;AAAA;AAAA,UAEA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,UAEA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,UAEA;AAAA,QACF,EAAE,KAAK,GAAG;AAAA,QACV,WACE;AAAA,QACF,OACE;AAAA,QACF,gBACE;AAAA,QACF,oBACE;AAAA,QACF,SACE;AAAA,QACF,SACE;AAAA,QACF,MAAM;AAAA,MACR;AAAA,MACA,MAAM;AAAA,QACJ,SACE;AAAA,QACF,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,WACE;AAAA,QACF,WACE;AAAA,QACF,WAAW;AAAA,MACb;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAEA,SAAS,OAAO;AAAA,EACd;AAAA,EACA,UAAU;AAAA,EACV,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACiE;AAC/D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,gBAAc,aAAa;AAAA,MAC3B,iBAAe,aAAa;AAAA,MAC5B,cAAc,iBAAiB,SAAS,QAAQ;AAAA,MAChD;AAAA,MACA,WAAW;AAAA,QACT,eAAe,EAAE,SAAS,KAAK,CAAC;AAAA,QAChC,aAAa;AAAA,QACb;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/components/card.cjs

@@ -0,0 +1,141 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/card.tsx
+var card_exports = {};
+__export(card_exports, {
+  Card: () => Card,
+  CardContent: () => CardContent,
+  CardDescription: () => CardDescription,
+  CardFooter: () => CardFooter,
+  CardHeader: () => CardHeader,
+  CardTitle: () => CardTitle,
+  cardVariants: () => cardVariants
+});
+module.exports = __toCommonJS(card_exports);
+var import_class_variance_authority = require("class-variance-authority");
+
+// src/lib/utils.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/card.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var cardVariants = (0, import_class_variance_authority.cva)(
+  [
+    "relative flex flex-col gap-3 overflow-hidden rounded-xl p-4",
+    "text-foreground",
+    "transition-[transform,box-shadow,border-color] duration-200 ease-out-fluid motion-reduce:transition-none"
+  ],
+  {
+    variants: {
+      variant: {
+        default: "bg-surface shadow-surface",
+        secondary: "bg-surface-secondary shadow-surface",
+        tertiary: "bg-surface-tertiary shadow-surface",
+        elevated: "bg-surface shadow-overlay",
+        transparent: "bg-transparent shadow-none"
+      },
+      interactive: {
+        true: "cursor-pointer hover-only:hover:-translate-y-0.5 hover-only:hover:shadow-overlay motion-safe:active:scale-[0.99]"
+      }
+    },
+    defaultVariants: { variant: "default" }
+  }
+);
+function Card({
+  className,
+  variant,
+  interactive,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      "data-slot": "card",
+      className: cn(cardVariants({ variant, interactive }), className),
+      ...props
+    }
+  );
+}
+function CardHeader({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      "data-slot": "card-header",
+      className: cn("flex flex-col", className),
+      ...props
+    }
+  );
+}
+function CardTitle({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "h3",
+    {
+      "data-slot": "card-title",
+      className: cn("text-sm font-medium", className),
+      ...props
+    }
+  );
+}
+function CardDescription({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "p",
+    {
+      "data-slot": "card-description",
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+function CardContent({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      "data-slot": "card-content",
+      className: cn("flex flex-1 flex-col gap-1", className),
+      ...props
+    }
+  );
+}
+function CardFooter({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      "data-slot": "card-footer",
+      className: cn("flex items-center gap-2", className),
+      ...props
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  cardVariants
+});
+//# sourceMappingURL=card.cjs.map