@lglab/compose-ui 0.28.0 → 0.30.0

package/dist/badge.js

@@ -1,203 +1,196 @@
-"use client";
-import { jsx as t } from "react/jsx-runtime";
-import { cva as o } from "class-variance-authority";
-import { c as s } from "./utils-B6yFEsav.js";
-const p = o(
-  [
-    "inline-flex items-center gap-1.5 whitespace-nowrap font-medium transition-colors",
-    "[&_svg]:pointer-events-none [&_svg]:shrink-0"
-  ],
-  {
-    variants: {
-      variant: {
-        default: "",
-        secondary: "",
-        destructive: "",
-        success: "",
-        warning: "",
-        info: ""
-      },
-      appearance: {
-        default: "",
-        outline: "border",
-        light: "",
-        ghost: ""
-      },
-      size: {
-        sm: "text-xs px-2 h-5 min-w-5 [&_svg]:size-3",
-        md: "text-xs px-2.5 h-6 min-w-6 [&_svg]:size-3.5",
-        lg: "text-sm px-3 h-7 min-w-7 [&_svg]:size-4"
-      },
-      shape: {
-        pill: "rounded-full",
-        rounded: "rounded-md"
-      }
-    },
-    compoundVariants: [
-      // Default appearance (solid) - full color bg, white text
-      {
-        variant: "default",
-        appearance: "default",
-        class: "bg-primary text-primary-foreground"
-      },
-      {
-        variant: "secondary",
-        appearance: "default",
-        class: "bg-secondary text-secondary-foreground"
-      },
-      {
-        variant: "destructive",
-        appearance: "default",
-        class: "bg-destructive text-white"
-      },
-      {
-        variant: "success",
-        appearance: "default",
-        class: "bg-success text-white"
-      },
-      {
-        variant: "warning",
-        appearance: "default",
-        class: "bg-warning text-white"
-      },
-      {
-        variant: "info",
-        appearance: "default",
-        class: "bg-info text-white"
-      },
-      // Light appearance - 10% bg, colored text
-      {
-        variant: "default",
-        appearance: "light",
-        class: "bg-primary/10 text-primary"
-      },
-      {
-        variant: "secondary",
-        appearance: "light",
-        class: "bg-secondary text-secondary-foreground"
-      },
-      {
-        variant: "destructive",
-        appearance: "light",
-        class: "bg-destructive/10 text-destructive"
-      },
-      {
-        variant: "success",
-        appearance: "light",
-        class: "bg-success/10 text-success"
-      },
-      {
-        variant: "warning",
-        appearance: "light",
-        class: "bg-warning/10 text-warning"
-      },
-      {
-        variant: "info",
-        appearance: "light",
-        class: "bg-info/10 text-info"
-      },
-      // Outline appearance - border + 10% bg, colored text
-      {
-        variant: "default",
-        appearance: "outline",
-        class: "border-primary bg-primary/10 text-primary"
-      },
-      {
-        variant: "secondary",
-        appearance: "outline",
-        class: "bg-secondary border-border text-foreground"
-      },
-      {
-        variant: "destructive",
-        appearance: "outline",
-        class: "border-destructive bg-destructive/10 text-destructive"
-      },
-      {
-        variant: "success",
-        appearance: "outline",
-        class: "border-success bg-success/10 text-success"
-      },
-      {
-        variant: "warning",
-        appearance: "outline",
-        class: "border-warning bg-warning/10 text-warning"
-      },
-      {
-        variant: "info",
-        appearance: "outline",
-        class: "border-info bg-info/10 text-info"
-      },
-      // Ghost appearance - just colored text
-      {
-        variant: "default",
-        appearance: "ghost",
-        class: "text-primary"
-      },
-      {
-        variant: "secondary",
-        appearance: "ghost",
-        class: "text-secondary-foreground"
-      },
-      {
-        variant: "destructive",
-        appearance: "ghost",
-        class: "text-destructive"
-      },
-      {
-        variant: "success",
-        appearance: "ghost",
-        class: "text-success"
-      },
-      {
-        variant: "warning",
-        appearance: "ghost",
-        class: "text-warning"
-      },
-      {
-        variant: "info",
-        appearance: "ghost",
-        class: "text-info"
-      }
-    ],
-    defaultVariants: {
-      variant: "default",
-      appearance: "default",
-      size: "md",
-      shape: "rounded"
-    }
-  }
-), d = ({ className: a, variant: e, appearance: r, size: n, shape: i, ...c }) => /* @__PURE__ */ t(
-  "span",
-  {
-    className: s(p({ variant: e, appearance: r, size: n, shape: i }), a),
-    ...c
-  }
-);
-d.displayName = "Badge";
-const l = ({ className: a, ...e }) => /* @__PURE__ */ t(
-  "span",
-  {
-    "data-slot": "badge-dot",
-    className: s("size-2 rounded-full bg-[currentColor]", a),
-    ...e
-  }
-);
-l.displayName = "BadgeDot";
-const u = ({ className: a, ...e }) => /* @__PURE__ */ t(
-  "button",
-  {
-    "data-slot": "badge-button",
-    type: "button",
-    className: s(
-      "cursor-pointer transition-all inline-flex items-center justify-center leading-none size-3.5 [&>svg]:opacity-100! [&>svg]:size-3.5! p-0 rounded-md -me-0.5 opacity-60 hover:opacity-100",
-      a
-    ),
-    ...e
-  }
-);
-u.displayName = "BadgeButton";
-export {
-  d as Badge,
-  u as BadgeButton,
-  l as BadgeDot
+'use client';
+
+import { cn } from "./lib/utils.js";
+import "react";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/badge.tsx
+const badgeVariants = cva(["inline-flex items-center gap-1.5 whitespace-nowrap font-medium leading-none transition-colors", "[&_svg]:pointer-events-none [&_svg]:shrink-0"], {
+	variants: {
+		variant: {
+			default: "",
+			secondary: "",
+			destructive: "",
+			success: "",
+			warning: "",
+			info: ""
+		},
+		appearance: {
+			default: "",
+			outline: "border",
+			light: "",
+			ghost: ""
+		},
+		size: {
+			sm: "text-xs px-2 h-5 min-w-5 [&_svg]:size-3",
+			md: "text-xs px-2.5 h-6 min-w-6 [&_svg]:size-3.5",
+			lg: "text-sm px-3 h-7 min-w-7 [&_svg]:size-4"
+		},
+		shape: {
+			pill: "rounded-full",
+			rounded: "rounded-md"
+		}
+	},
+	compoundVariants: [
+		{
+			variant: "default",
+			appearance: "default",
+			class: "bg-primary text-primary-foreground"
+		},
+		{
+			variant: "secondary",
+			appearance: "default",
+			class: "bg-secondary text-secondary-foreground"
+		},
+		{
+			variant: "destructive",
+			appearance: "default",
+			class: "bg-destructive text-white"
+		},
+		{
+			variant: "success",
+			appearance: "default",
+			class: "bg-success text-white"
+		},
+		{
+			variant: "warning",
+			appearance: "default",
+			class: "bg-warning text-white"
+		},
+		{
+			variant: "info",
+			appearance: "default",
+			class: "bg-info text-white"
+		},
+		{
+			variant: "default",
+			appearance: "light",
+			class: "bg-primary/10 text-primary"
+		},
+		{
+			variant: "secondary",
+			appearance: "light",
+			class: "bg-secondary text-secondary-foreground"
+		},
+		{
+			variant: "destructive",
+			appearance: "light",
+			class: "bg-destructive/10 text-destructive"
+		},
+		{
+			variant: "success",
+			appearance: "light",
+			class: "bg-success/10 text-success"
+		},
+		{
+			variant: "warning",
+			appearance: "light",
+			class: "bg-warning/10 text-warning"
+		},
+		{
+			variant: "info",
+			appearance: "light",
+			class: "bg-info/10 text-info"
+		},
+		{
+			variant: "default",
+			appearance: "outline",
+			class: "border-primary bg-primary/10 text-primary"
+		},
+		{
+			variant: "secondary",
+			appearance: "outline",
+			class: "bg-secondary border-border text-foreground"
+		},
+		{
+			variant: "destructive",
+			appearance: "outline",
+			class: "border-destructive/50 bg-destructive/10 text-destructive"
+		},
+		{
+			variant: "success",
+			appearance: "outline",
+			class: "border-success/50 bg-success/10 text-success"
+		},
+		{
+			variant: "warning",
+			appearance: "outline",
+			class: "border-warning/50 bg-warning/10 text-warning"
+		},
+		{
+			variant: "info",
+			appearance: "outline",
+			class: "border-info/50 bg-info/10 text-info"
+		},
+		{
+			variant: "default",
+			appearance: "ghost",
+			class: "text-primary"
+		},
+		{
+			variant: "secondary",
+			appearance: "ghost",
+			class: "text-secondary-foreground"
+		},
+		{
+			variant: "destructive",
+			appearance: "ghost",
+			class: "text-destructive"
+		},
+		{
+			variant: "success",
+			appearance: "ghost",
+			class: "text-success"
+		},
+		{
+			variant: "warning",
+			appearance: "ghost",
+			class: "text-warning"
+		},
+		{
+			variant: "info",
+			appearance: "ghost",
+			class: "text-info"
+		}
+	],
+	defaultVariants: {
+		variant: "default",
+		appearance: "default",
+		size: "md",
+		shape: "rounded"
+	}
+});
+const Badge = ({ className, variant, appearance, size, shape, ...props }) => {
+	return /* @__PURE__ */ jsx("span", {
+		className: cn(badgeVariants({
+			variant,
+			appearance,
+			size,
+			shape
+		}), className),
+		...props
+	});
 };
+Badge.displayName = "Badge";
+const BadgeDot = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "badge-dot",
+		className: cn("size-2 rounded-full bg-[currentColor]", className),
+		...props
+	});
+};
+BadgeDot.displayName = "BadgeDot";
+const BadgeButton = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("button", {
+		"data-slot": "badge-button",
+		type: "button",
+		className: cn("cursor-pointer transition-all inline-flex items-center justify-center leading-none size-3.5 [&>svg]:opacity-100! [&>svg]:size-3.5! p-0 rounded-md -me-0.5 opacity-60 hover:opacity-100", className),
+		...props
+	});
+};
+BadgeButton.displayName = "BadgeButton";
+
+//#endregion
+export { Badge, BadgeButton, BadgeDot };
+//# sourceMappingURL=badge.js.map

package/dist/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","names":[],"sources":["../src/components/badge.tsx"],"sourcesContent":["'use client'\n\nimport { cva } from 'class-variance-authority'\nimport * as React from 'react'\n\nimport { cn } from '../lib/utils'\n\n// ============================================================================\n// Badge Variants\n// ============================================================================\n\nconst badgeVariants = cva(\n  [\n    'inline-flex items-center gap-1.5 whitespace-nowrap font-medium leading-none transition-colors',\n    '[&_svg]:pointer-events-none [&_svg]:shrink-0',\n  ],\n  {\n    variants: {\n      variant: {\n        default: '',\n        secondary: '',\n        destructive: '',\n        success: '',\n        warning: '',\n        info: '',\n      },\n      appearance: {\n        default: '',\n        outline: 'border',\n        light: '',\n        ghost: '',\n      },\n      size: {\n        sm: 'text-xs px-2 h-5 min-w-5 [&_svg]:size-3',\n        md: 'text-xs px-2.5 h-6 min-w-6 [&_svg]:size-3.5',\n        lg: 'text-sm px-3 h-7 min-w-7 [&_svg]:size-4',\n      },\n      shape: {\n        pill: 'rounded-full',\n        rounded: 'rounded-md',\n      },\n    },\n    compoundVariants: [\n      // Default appearance (solid) - full color bg, white text\n      {\n        variant: 'default',\n        appearance: 'default',\n        class: 'bg-primary text-primary-foreground',\n      },\n      {\n        variant: 'secondary',\n        appearance: 'default',\n        class: 'bg-secondary text-secondary-foreground',\n      },\n      {\n        variant: 'destructive',\n        appearance: 'default',\n        class: 'bg-destructive text-white',\n      },\n      {\n        variant: 'success',\n        appearance: 'default',\n        class: 'bg-success text-white',\n      },\n      {\n        variant: 'warning',\n        appearance: 'default',\n        class: 'bg-warning text-white',\n      },\n      {\n        variant: 'info',\n        appearance: 'default',\n        class: 'bg-info text-white',\n      },\n      // Light appearance - 10% bg, colored text\n      {\n        variant: 'default',\n        appearance: 'light',\n        class: 'bg-primary/10 text-primary',\n      },\n      {\n        variant: 'secondary',\n        appearance: 'light',\n        class: 'bg-secondary text-secondary-foreground',\n      },\n      {\n        variant: 'destructive',\n        appearance: 'light',\n        class: 'bg-destructive/10 text-destructive',\n      },\n      {\n        variant: 'success',\n        appearance: 'light',\n        class: 'bg-success/10 text-success',\n      },\n      {\n        variant: 'warning',\n        appearance: 'light',\n        class: 'bg-warning/10 text-warning',\n      },\n      {\n        variant: 'info',\n        appearance: 'light',\n        class: 'bg-info/10 text-info',\n      },\n      // Outline appearance - border + 10% bg, colored text\n      {\n        variant: 'default',\n        appearance: 'outline',\n        class: 'border-primary bg-primary/10 text-primary',\n      },\n      {\n        variant: 'secondary',\n        appearance: 'outline',\n        class: 'bg-secondary border-border text-foreground',\n      },\n      {\n        variant: 'destructive',\n        appearance: 'outline',\n        class: 'border-destructive/50 bg-destructive/10 text-destructive',\n      },\n      {\n        variant: 'success',\n        appearance: 'outline',\n        class: 'border-success/50 bg-success/10 text-success',\n      },\n      {\n        variant: 'warning',\n        appearance: 'outline',\n        class: 'border-warning/50 bg-warning/10 text-warning',\n      },\n      {\n        variant: 'info',\n        appearance: 'outline',\n        class: 'border-info/50 bg-info/10 text-info',\n      },\n      // Ghost appearance - just colored text\n      {\n        variant: 'default',\n        appearance: 'ghost',\n        class: 'text-primary',\n      },\n      {\n        variant: 'secondary',\n        appearance: 'ghost',\n        class: 'text-secondary-foreground',\n      },\n      {\n        variant: 'destructive',\n        appearance: 'ghost',\n        class: 'text-destructive',\n      },\n      {\n        variant: 'success',\n        appearance: 'ghost',\n        class: 'text-success',\n      },\n      {\n        variant: 'warning',\n        appearance: 'ghost',\n        class: 'text-warning',\n      },\n      {\n        variant: 'info',\n        appearance: 'ghost',\n        class: 'text-info',\n      },\n    ],\n    defaultVariants: {\n      variant: 'default',\n      appearance: 'default',\n      size: 'md',\n      shape: 'rounded',\n    },\n  },\n)\n\nexport type BadgeVariant =\n  | 'default'\n  | 'secondary'\n  | 'destructive'\n  | 'success'\n  | 'warning'\n  | 'info'\n\nexport type BadgeAppearance = 'default' | 'outline' | 'light' | 'ghost'\n\nexport type BadgeSize = 'sm' | 'md' | 'lg'\n\nexport type BadgeShape = 'pill' | 'rounded'\n\n// ============================================================================\n// Badge\n// ============================================================================\n\ntype BadgeProps = React.ComponentProps<'span'> & {\n  /** Visual style variant */\n  variant?: BadgeVariant\n  /** Appearance style */\n  appearance?: BadgeAppearance\n  /** Size of the badge */\n  size?: BadgeSize\n  /** Shape of the badge */\n  shape?: BadgeShape\n}\n\nconst Badge = ({ className, variant, appearance, size, shape, ...props }: BadgeProps) => {\n  return (\n    <span\n      className={cn(badgeVariants({ variant, appearance, size, shape }), className)}\n      {...props}\n    />\n  )\n}\n\nBadge.displayName = 'Badge'\n\n// ============================================================================\n// BadgeDot\n// ============================================================================\n\ntype BadgeDotProps = React.ComponentProps<'span'>\n\nconst BadgeDot = ({ className, ...props }: BadgeDotProps) => {\n  return (\n    <span\n      data-slot='badge-dot'\n      className={cn('size-2 rounded-full bg-[currentColor]', className)}\n      {...props}\n    />\n  )\n}\n\nBadgeDot.displayName = 'BadgeDot'\n\n// ============================================================================\n// BadgeButton\n// ============================================================================\n\ntype BadgeButtonProps = React.ComponentProps<'button'>\n\nconst BadgeButton = ({ className, ...props }: BadgeButtonProps) => {\n  return (\n    <button\n      data-slot='badge-button'\n      type='button'\n      className={cn(\n        'cursor-pointer transition-all inline-flex items-center justify-center leading-none size-3.5 [&>svg]:opacity-100! [&>svg]:size-3.5! p-0 rounded-md -me-0.5 opacity-60 hover:opacity-100',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nBadgeButton.displayName = 'BadgeButton'\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport { Badge, BadgeDot, BadgeButton }\n\nexport type { BadgeProps, BadgeDotProps, BadgeButtonProps }\n"],"mappings":";;;;;;;;AAWA,MAAM,gBAAgB,IACpB,CACE,iGACA,+CACD,EACD;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,WAAW;GACX,aAAa;GACb,SAAS;GACT,SAAS;GACT,MAAM;GACP;EACD,YAAY;GACV,SAAS;GACT,SAAS;GACT,OAAO;GACP,OAAO;GACR;EACD,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACD,OAAO;GACL,MAAM;GACN,SAAS;GACV;EACF;CACD,kBAAkB;EAEhB;GACE,SAAS;GACT,YAAY;GACZ,OAAO;GACR;EACD;GACE,SAAS;GACT,YAAY;GACZ,OAAO;GACR;EACD;GACE,SAAS;GACT,YAAY;GACZ,OAAO;GACR;EACD;GACE,SAAS;GACT,YAAY;GACZ,OAAO;GACR;EACD;GACE,SAAS;GACT,YAAY;GACZ,OAAO;GACR;EACD;GACE,SAAS;GACT,YAAY;GACZ,OAAO;GACR;EAED;GACE,SAAS;GACT,YAAY;GACZ,OAAO;GACR;EACD;GACE,SAAS;GACT,YAAY;GACZ,OAAO;GACR;EACD;GACE,SAAS;GACT,YAAY;GACZ,OAAO;GACR;EACD;GACE,SAAS;GACT,YAAY;GACZ,OAAO;GACR;EACD;GACE,SAAS;GACT,YAAY;GACZ,OAAO;GACR;EACD;GACE,SAAS;GACT,YAAY;GACZ,OAAO;GACR;EAED;GACE,SAAS;GACT,YAAY;GACZ,OAAO;GACR;EACD;GACE,SAAS;GACT,YAAY;GACZ,OAAO;GACR;EACD;GACE,SAAS;GACT,YAAY;GACZ,OAAO;GACR;EACD;GACE,SAAS;GACT,YAAY;GACZ,OAAO;GACR;EACD;GACE,SAAS;GACT,YAAY;GACZ,OAAO;GACR;EACD;GACE,SAAS;GACT,YAAY;GACZ,OAAO;GACR;EAED;GACE,SAAS;GACT,YAAY;GACZ,OAAO;GACR;EACD;GACE,SAAS;GACT,YAAY;GACZ,OAAO;GACR;EACD;GACE,SAAS;GACT,YAAY;GACZ,OAAO;GACR;EACD;GACE,SAAS;GACT,YAAY;GACZ,OAAO;GACR;EACD;GACE,SAAS;GACT,YAAY;GACZ,OAAO;GACR;EACD;GACE,SAAS;GACT,YAAY;GACZ,OAAO;GACR;EACF;CACD,iBAAiB;EACf,SAAS;EACT,YAAY;EACZ,MAAM;EACN,OAAO;EACR;CACF,CACF;AA+BD,MAAM,SAAS,EAAE,WAAW,SAAS,YAAY,MAAM,OAAO,GAAG,YAAwB;AACvF,QACE,oBAAC;EACC,WAAW,GAAG,cAAc;GAAE;GAAS;GAAY;GAAM;GAAO,CAAC,EAAE,UAAU;EAC7E,GAAI;GACJ;;AAIN,MAAM,cAAc;AAQpB,MAAM,YAAY,EAAE,WAAW,GAAG,YAA2B;AAC3D,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,yCAAyC,UAAU;EACjE,GAAI;GACJ;;AAIN,SAAS,cAAc;AAQvB,MAAM,eAAe,EAAE,WAAW,GAAG,YAA8B;AACjE,QACE,oBAAC;EACC,aAAU;EACV,MAAK;EACL,WAAW,GACT,0LACA,UACD;EACD,GAAI;GACJ;;AAIN,YAAY,cAAc"}

package/dist/button.d.ts

@@ -1,21 +1,26 @@
-import { Button as Button_2 } from '@base-ui/react/button';
-import { JSX } from 'react/jsx-runtime';
-import * as React_2 from 'react';
-
-export declare const Button: {
-    ({ className, variant, size, disabled, children, ...props }: ButtonProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type ButtonProps = React_2.ComponentProps<typeof Button_2> & {
-    /** Visual style variant */
-    variant?: ButtonVariant;
-    /** Size of the button */
-    size?: ButtonSize;
-};
-
-declare type ButtonSize = 'sm' | 'default' | 'lg' | 'icon' | 'icon-sm' | 'icon-lg';
-
-declare type ButtonVariant = 'default' | 'secondary' | 'outline' | 'ghost' | 'destructive' | 'link';
-
-export { }
+import { ButtonSize, ButtonVariant } from "./lib/button-variants.js";
+import { Button as Button$1 } from "@base-ui/react/button";
+import * as React from "react";
+import * as react_jsx_runtime196 from "react/jsx-runtime";
+
+//#region src/components/button.d.ts
+type ButtonProps = React.ComponentProps<typeof Button$1> & {
+  /** Visual style variant */
+  variant?: ButtonVariant;
+  /** Size of the button */
+  size?: ButtonSize;
+};
+declare const Button: {
+  ({
+    className,
+    variant,
+    size,
+    disabled,
+    children,
+    ...props
+  }: ButtonProps): react_jsx_runtime196.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { Button, type ButtonProps };
+//# sourceMappingURL=button.d.ts.map

package/dist/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","names":[],"sources":["../src/components/button.tsx"],"sourcesContent":[],"mappings":";;;;;;KAYK,WAAA,GAAc,KAAA,CAAM,sBAAsB;;YAEnC;EAFP;EAAW,IAAA,CAAA,EAIP,UAJO;;cAOV,MAPmB,EAAA;;IAEb,SAAA;IAAA,OAAA;IAAA,IAAA;IAAA,QAAA;IAAA,QAAA;IAAA,GAAA;EAAA,CAAA,EAYT,WAZS,CAAA,EAYE,oBAAA,CAAA,GAAA,CAAA,OAZF;aAEH,EAAA,MAAA;CAAU"}

package/dist/button.js

@@ -1,25 +1,25 @@
-"use client";
-import { jsx as a } from "react/jsx-runtime";
-import { Button as i } from "@base-ui/react/button";
-import { b as u } from "./button-variants-CbFMPwc8.js";
-import { c as e } from "./utils-B6yFEsav.js";
-const p = ({
-  className: t,
-  variant: o,
-  size: r,
-  disabled: m,
-  children: n,
-  ...s
-}) => /* @__PURE__ */ a(
-  i,
-  {
-    className: e(u({ variant: o, size: r }), t),
-    disabled: m,
-    ...s,
-    children: n
-  }
-);
-p.displayName = "Button";
-export {
-  p as Button
+'use client';
+
+import { buttonVariants } from "./lib/button-variants.js";
+import { cn } from "./lib/utils.js";
+import { Button as Button$1 } from "@base-ui/react/button";
+import "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/button.tsx
+const Button = ({ className, variant, size, disabled, children, ...props }) => {
+	return /* @__PURE__ */ jsx(Button$1, {
+		className: cn(buttonVariants({
+			variant,
+			size
+		}), className),
+		disabled,
+		...props,
+		children
+	});
 };
+Button.displayName = "Button";
+
+//#endregion
+export { Button };
+//# sourceMappingURL=button.js.map

package/dist/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","names":["BaseButton"],"sources":["../src/components/button.tsx"],"sourcesContent":["'use client'\n\nimport { Button as BaseButton } from '@base-ui/react/button'\nimport * as React from 'react'\n\nimport {\n  type ButtonSize,\n  type ButtonVariant,\n  buttonVariants,\n} from '../lib/button-variants'\nimport { cn } from '../lib/utils'\n\ntype ButtonProps = React.ComponentProps<typeof BaseButton> & {\n  /** Visual style variant */\n  variant?: ButtonVariant\n  /** Size of the button */\n  size?: ButtonSize\n}\n\nconst Button = ({\n  className,\n  variant,\n  size,\n  disabled,\n  children,\n  ...props\n}: ButtonProps) => {\n  return (\n    <BaseButton\n      className={cn(buttonVariants({ variant, size }), className)}\n      disabled={disabled}\n      {...props}\n    >\n      {children}\n    </BaseButton>\n  )\n}\n\nButton.displayName = 'Button'\n\nexport { Button }\n\nexport type { ButtonProps }\n"],"mappings":";;;;;;;;;AAmBA,MAAM,UAAU,EACd,WACA,SACA,MACA,UACA,UACA,GAAG,YACc;AACjB,QACE,oBAACA;EACC,WAAW,GAAG,eAAe;GAAE;GAAS;GAAM,CAAC,EAAE,UAAU;EACjD;EACV,GAAI;EAEH;GACU;;AAIjB,OAAO,cAAc"}