@epicbagel/saas-kit 0.0.0-stage → 1.1.0

package/dist/chunk-J3GQXM37.js

@@ -0,0 +1,61 @@
+"use client";
+import {
+  Button
+} from "./chunk-HQRWRRZJ.js";
+import {
+  cn
+} from "./chunk-G6SRSWXB.js";
+
+// src/primitives/load-more-button.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function LoadMoreButton({
+  onClick,
+  hasMore,
+  loading = false,
+  label = "Load more",
+  loadingLabel = "Loading\u2026",
+  doneLabel = "All caught up",
+  totalLoaded,
+  totalCount,
+  className
+}) {
+  if (!hasMore) {
+    const showCount = typeof totalLoaded === "number";
+    return /* @__PURE__ */ jsxs(
+      "p",
+      {
+        className: cn(
+          "mt-4 text-center text-xs text-muted-foreground italic",
+          className
+        ),
+        children: [
+          doneLabel,
+          showCount && /* @__PURE__ */ jsxs(Fragment, { children: [
+            " \xB7 ",
+            /* @__PURE__ */ jsxs("span", { className: "not-italic tabular-nums", children: [
+              totalLoaded,
+              typeof totalCount === "number" && totalCount !== totalLoaded ? ` of ${totalCount}` : ""
+            ] }),
+            totalLoaded === 1 ? " item" : " items"
+          ] })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx("div", { className: cn("mt-4 flex justify-center", className), children: /* @__PURE__ */ jsx(
+    Button,
+    {
+      type: "button",
+      variant: "outline",
+      size: "lg",
+      onClick,
+      disabled: loading,
+      className: "w-full sm:w-auto sm:min-w-[12rem] h-11",
+      children: loading ? loadingLabel : label
+    }
+  ) });
+}
+
+export {
+  LoadMoreButton
+};

package/dist/chunk-J6NXDZR5.js

@@ -0,0 +1,145 @@
+"use client";
+import {
+  cn
+} from "./chunk-G6SRSWXB.js";
+
+// src/primitives/select.tsx
+import * as SelectPrimitive from "@radix-ui/react-select";
+import * as React from "react";
+import {
+  LiaCheckSolid,
+  LiaChevronDownSolid,
+  LiaChevronUpSolid
+} from "react-icons/lia";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Select = SelectPrimitive.Root;
+var SelectGroup = SelectPrimitive.Group;
+var SelectValue = SelectPrimitive.Value;
+var SelectTrigger = React.forwardRef(({ className, children, controlSize = "default", grow = false, textSize = "sm", width = "full", shrink = true, ...props }, ref) => /* @__PURE__ */ jsxs(
+  SelectPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "flex w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 ring-offset-background placeholder:text-muted-foreground focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 data-[disabled]:hover:border-input hover:border-muted-foreground/30 hover:bg-accent/10 transition-colors",
+      controlSize === "default" && "h-10",
+      controlSize === "sm" && "h-9",
+      controlSize === "dense" && "h-8",
+      controlSize === "compact" && "h-7",
+      grow && "flex-1",
+      textSize === "sm" ? "text-sm" : "text-xs",
+      width === "sm" && "w-[140px]",
+      width === "compact" && "w-[130px]",
+      width === "md" && "w-[190px]",
+      !shrink && "shrink-0",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(LiaChevronDownSolid, { className: "h-4 w-4 opacity-50" }) })
+    ]
+  }
+));
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+var SelectScrollUpButton = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SelectPrimitive.ScrollUpButton,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default items-center justify-center py-1",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx(LiaChevronUpSolid, { className: "h-4 w-4" })
+  }
+));
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
+var SelectScrollDownButton = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SelectPrimitive.ScrollDownButton,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default items-center justify-center py-1",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx(LiaChevronDownSolid, { className: "h-4 w-4" })
+  }
+));
+SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
+var SelectContent = React.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+  SelectPrimitive.Content,
+  {
+    ref,
+    className: cn(
+      "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+      className
+    ),
+    position,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(SelectScrollUpButton, {}),
+      /* @__PURE__ */ jsx(
+        SelectPrimitive.Viewport,
+        {
+          className: cn(
+            "p-1",
+            position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+          ),
+          children
+        }
+      ),
+      /* @__PURE__ */ jsx(SelectScrollDownButton, {})
+    ]
+  }
+) }));
+SelectContent.displayName = SelectPrimitive.Content.displayName;
+var SelectLabel = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SelectPrimitive.Label,
+  {
+    ref,
+    className: cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className),
+    ...props
+  }
+));
+SelectLabel.displayName = SelectPrimitive.Label.displayName;
+var SelectItem = React.forwardRef(({ className, children, size = "sm", ...props }, ref) => /* @__PURE__ */ jsxs(
+  SelectPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 outline-hidden focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      size === "sm" ? "text-sm" : "text-xs",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(LiaCheckSolid, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })
+    ]
+  }
+));
+SelectItem.displayName = SelectPrimitive.Item.displayName;
+var SelectSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SelectPrimitive.Separator,
+  {
+    ref,
+    className: cn("-mx-1 my-1 h-px bg-muted", className),
+    ...props
+  }
+));
+SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
+
+export {
+  Select,
+  SelectGroup,
+  SelectValue,
+  SelectTrigger,
+  SelectScrollUpButton,
+  SelectScrollDownButton,
+  SelectContent,
+  SelectLabel,
+  SelectItem,
+  SelectSeparator
+};

package/dist/chunk-JH4GAGOQ.cjs

@@ -0,0 +1,34 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
+
+
+var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
+
+// src/primitives/checkbox.tsx
+var _reactcheckbox = require('@radix-ui/react-checkbox'); var CheckboxPrimitive = _interopRequireWildcard(_reactcheckbox);
+var _react = require('react');
+var _lucidereact = require('lucide-react');
+var _jsxruntime = require('react/jsx-runtime');
+var Checkbox = _react.forwardRef.call(void 0, ({ className, shape = "square", ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  CheckboxPrimitive.Root,
+  {
+    ref,
+    className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+      "peer h-4 w-4 shrink-0 border border-primary ring-offset-background focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
+      shape === "circle" ? "rounded-full" : "rounded-sm",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      CheckboxPrimitive.Indicator,
+      {
+        className: _chunkKWLSBTB2cjs.cn.call(void 0, "flex items-center justify-center text-current"),
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Check, { className: "h-3.5 w-3.5" })
+      }
+    )
+  }
+));
+Checkbox.displayName = CheckboxPrimitive.Root.displayName;
+
+
+
+exports.Checkbox = Checkbox;

package/dist/chunk-JZOBIPFC.js

@@ -0,0 +1,96 @@
+"use client";
+import {
+  cn
+} from "./chunk-G6SRSWXB.js";
+
+// src/primitives/message.tsx
+import { jsx } from "react/jsx-runtime";
+function MessageGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "message-group",
+      className: cn("cn-message-group flex min-w-0 flex-col", className),
+      ...props
+    }
+  );
+}
+function Message({
+  className,
+  align = "start",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "message",
+      "data-align": align,
+      className: cn(
+        "cn-message group/message relative flex w-full min-w-0 data-[align=end]:flex-row-reverse",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MessageAvatar({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "message-avatar",
+      className: cn(
+        "cn-message-avatar flex w-fit shrink-0 items-center justify-center self-end overflow-hidden rounded-full bg-muted",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MessageContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "message-content",
+      className: cn(
+        "cn-message-content flex w-full min-w-0 flex-col wrap-break-word",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MessageHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "message-header",
+      className: cn(
+        "cn-message-header flex max-w-full min-w-0 items-center",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MessageFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "message-footer",
+      className: cn(
+        "cn-message-footer flex max-w-full min-w-0 items-center group-data-[align=end]/message:justify-end",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+export {
+  MessageGroup,
+  Message,
+  MessageAvatar,
+  MessageContent,
+  MessageHeader,
+  MessageFooter
+};

package/dist/chunk-KENBU3NV.cjs

@@ -0,0 +1,27 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
+
+
+var _chunkELPV44S6cjs = require('./chunk-ELPV44S6.cjs');
+
+
+var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
+
+// src/primitives/lazy-markdown.tsx
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+var Markdown = _react.lazy.call(void 0, 
+  () => Promise.resolve().then(() => _interopRequireWildcard(require("./primitives/markdown.cjs"))).then((module) => ({ default: module.Markdown }))
+);
+function LazyMarkdown({ children, components, className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _react.Suspense,
+    {
+      fallback: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkELPV44S6cjs.RichText, { ...props, className: _chunkKWLSBTB2cjs.cn.call(void 0, "whitespace-pre-wrap", className), children }),
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Markdown, { ...props, className, components, children })
+    }
+  );
+}
+
+
+
+exports.LazyMarkdown = LazyMarkdown;

package/dist/chunk-KGFL3VWY.cjs

@@ -0,0 +1,62 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkVGTINL5Qcjs = require('./chunk-VGTINL5Q.cjs');
+
+
+var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
+
+// src/primitives/chip-tabs.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function ChipTabs({
+  items,
+  value,
+  onChange,
+  size = "sm",
+  variant = "soft",
+  trailing,
+  className,
+  marginBottom = "none",
+  placement = "inline",
+  disabled = false,
+  guidedValue
+}) {
+  const padClass = size === "xs" ? "px-1.5 py-0.5" : size === "md" ? "px-3.5 py-2" : "px-2 py-1";
+  const textClass = size === "xs" ? "text-[11px]" : size === "md" ? "text-sm" : "text-xs";
+  const gapClass = size === "md" ? "gap-2" : "gap-1";
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkKWLSBTB2cjs.cn.call(void 0, "flex items-center", gapClass, marginBottom === "lg" && "mb-6", placement === "panel" && "border-b px-3 py-2", className), children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkKWLSBTB2cjs.cn.call(void 0, "flex min-w-0 flex-wrap", gapClass), children: items.map((item) => {
+      const active = item.id === value;
+      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        "button",
+        {
+          type: "button",
+          disabled,
+          onClick: () => onChange(item.id),
+          className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+            "rounded-md transition-colors inline-flex items-center gap-1 disabled:pointer-events-none disabled:opacity-60",
+            textClass,
+            padClass,
+            variant === "outline" && "border",
+            item.id === guidedValue && "ring-2 ring-destructive/60 ring-offset-2 ring-offset-background animate-pulse-once motion-reduce:animate-none",
+            active && variant === "soft" && "bg-accent text-accent-foreground font-medium",
+            !active && variant === "soft" && "text-muted-foreground hover:bg-accent/50",
+            active && variant === "outline" && "border-primary bg-primary/10 text-foreground font-medium",
+            !active && variant === "outline" && "border-muted-foreground/50 bg-background text-muted-foreground hover:border-foreground/60 hover:text-foreground"
+          ),
+          children: [
+            item.icon,
+            item.label,
+            item.count != null && item.count > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVGTINL5Qcjs.CountBadge, { value: item.count, variant: "secondary" })
+          ]
+        },
+        item.id
+      );
+    }) }),
+    trailing && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "ml-auto flex items-center gap-1", children: trailing })
+  ] });
+}
+
+
+
+exports.ChipTabs = ChipTabs;

package/dist/chunk-KN4RPX35.js

@@ -0,0 +1,36 @@
+"use client";
+import {
+  cn
+} from "./chunk-G6SRSWXB.js";
+
+// src/primitives/icon.tsx
+import { createElement } from "react";
+var sizes = {
+  xs: "size-3",
+  sm: "size-3.5",
+  md: "size-4",
+  lg: "size-5",
+  xl: "size-6"
+};
+var tones = {
+  inherit: "text-current",
+  muted: "text-muted-foreground",
+  primary: "text-primary",
+  info: "text-blue-600 dark:text-blue-400",
+  success: "text-emerald-600 dark:text-emerald-400",
+  warning: "text-amber-600 dark:text-amber-400",
+  destructive: "text-destructive",
+  disabled: "text-muted-foreground/40"
+};
+function Icon({ icon, size = "md", tone = "inherit", spin = false, align = "center", filled = false, visibility = "visible", marginEnd = "none", marginStart = "none", motion = "none", rotation = "none", marginBottom = "none", className, ...props }) {
+  return createElement(icon, {
+    "aria-hidden": true,
+    className: cn("shrink-0", typeof size === "number" ? void 0 : sizes[size], tones[tone], spin && "animate-spin", align === "start" && "mt-0.5", filled && "fill-current", visibility === "hidden" && "opacity-0", visibility === "parent-hover" && "opacity-0 transition-opacity group-hover:opacity-100", marginEnd === "md" && "mr-2", marginStart === "sm" && "ml-1", motion === "parent-nudge" && "transition-transform duration-200 ease-out group-hover:translate-x-1", rotation === "half" && "rotate-180 transition-transform", marginBottom === "sm" && "mb-2", marginBottom === "md" && "mb-3", className),
+    ...typeof size === "number" ? { size } : {},
+    ...props
+  });
+}
+
+export {
+  Icon
+};

package/dist/chunk-KWLSBTB2.cjs

@@ -0,0 +1,34 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
+
+// src/lib/utils.ts
+var _clsx = require('clsx');
+var _tailwindmerge = require('tailwind-merge');
+function cn(...inputs) {
+  return _tailwindmerge.twMerge.call(void 0, _clsx.clsx.call(void 0, inputs));
+}
+function generateInitials(name, email) {
+  if (name && name.trim()) {
+    const nameParts = name.trim().split(" ");
+    if (nameParts.length >= 2 && nameParts[0] && nameParts[nameParts.length - 1] && nameParts[0][0] && _optionalChain([nameParts, 'access', _ => _[nameParts.length - 1], 'optionalAccess', _2 => _2[0]])) {
+      return (nameParts[0][0] + nameParts[nameParts.length - 1][0]).toUpperCase();
+    }
+    if (nameParts[0] && nameParts[0].length > 0 && nameParts[0][0]) {
+      return nameParts[0][0].toUpperCase();
+    }
+  }
+  if (email) {
+    const emailParts = email.split("@");
+    if (emailParts[0] && emailParts[0].length >= 2 && emailParts[0][0] && emailParts[0][1]) {
+      return (emailParts[0][0] + emailParts[0][1]).toUpperCase();
+    }
+    if (emailParts[0] && emailParts[0].length > 0 && emailParts[0][0]) {
+      return emailParts[0][0].toUpperCase();
+    }
+  }
+  return "U";
+}
+
+
+
+
+exports.cn = cn; exports.generateInitials = generateInitials;

package/dist/chunk-L4DH72UF.cjs

@@ -0,0 +1,179 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }"use client";
+
+
+var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
+
+// src/primitives/button.tsx
+var _reactslot = require('@radix-ui/react-slot');
+var _classvarianceauthority = require('class-variance-authority');
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+var buttonVariants = _classvarianceauthority.cva.call(void 0, 
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+        "outline-muted": "border border-input bg-background text-muted-foreground hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        quiet: "text-muted-foreground hover:bg-accent hover:text-accent-foreground",
+        "ghost-destructive": "text-destructive hover:bg-destructive/10 hover:text-destructive",
+        link: "text-primary underline-offset-4 hover:underline",
+        "link-muted": "text-muted-foreground underline-offset-4 hover:text-foreground hover:underline",
+        inverted: "bg-background text-foreground hover:bg-background/90",
+        "status-error": "bg-red-100 text-red-800 hover:bg-red-200 dark:bg-red-900/20 dark:text-red-300",
+        "status-warning": "bg-amber-100 text-amber-800 hover:bg-amber-200 dark:bg-amber-900/20 dark:text-amber-300",
+        "status-muted": "bg-muted text-muted-foreground hover:bg-muted/80"
+      },
+      size: {
+        // Standard text buttons are intentionally roomy: small is the 44px
+        // minimum control, while default and larger actions step up from it.
+        // Dense utility controls keep their explicit compact/filter variants.
+        default: "min-h-12 px-6 py-3",
+        sm: "min-h-11 rounded-md px-5 py-2.5",
+        lg: "min-h-14 rounded-md px-8 py-4",
+        hero: "min-h-14 rounded-md px-8 py-4",
+        toolbar: "min-h-12 px-5 py-3",
+        // Normal icon controls share a 44px minimum target. The icon stays
+        // visually small; the button supplies the comfortable click/tap area.
+        icon: "h-11 w-11",
+        "icon-lg": "h-12 w-12",
+        "icon-sm": "h-11 w-11",
+        "icon-md": "h-11 w-11",
+        "icon-xs": "h-6 w-6",
+        "icon-compact": "h-7 w-7",
+        "icon-micro": "h-5 w-5",
+        compact: "h-7 px-2 text-xs",
+        filter: "h-8 px-3 text-xs",
+        micro: "h-6 px-2 text-[11px]",
+        bare: "h-auto justify-start p-0",
+        status: "h-auto rounded-full px-3 py-1 text-xs",
+        "voice-sm": "h-16 w-16 rounded-full border-2",
+        voice: "h-20 w-20 rounded-full border-2",
+        suggestion: "h-auto rounded-full border-dashed px-2.5 py-1 text-[11px]",
+        tone: "h-auto w-full justify-start gap-1.5 px-2 py-1"
+      },
+      width: {
+        auto: "",
+        full: "w-full",
+        responsive: "w-full sm:w-auto"
+      },
+      align: {
+        center: "justify-center",
+        start: "justify-start"
+      },
+      shrink: {
+        true: "shrink-0",
+        false: ""
+      },
+      shape: {
+        default: "",
+        circle: "rounded-full"
+      },
+      ring: {
+        none: "",
+        surface: "ring-2 ring-background"
+      },
+      grow: {
+        true: "flex-1",
+        false: ""
+      },
+      minWidth: {
+        auto: "",
+        zero: "min-w-0"
+      },
+      textAlign: {
+        center: "text-center",
+        start: "text-left"
+      },
+      marginTop: {
+        none: "",
+        xs: "mt-1",
+        sm: "mt-2"
+      },
+      marginStart: {
+        none: "",
+        sm: "ml-1",
+        "negative-sm": "-ml-2",
+        auto: "ml-auto"
+      },
+      reveal: {
+        always: "",
+        "parent-hover": "opacity-0 transition-opacity group-hover:opacity-100 focus:opacity-100",
+        "parent-hover-responsive": "opacity-60 transition-opacity sm:opacity-0 sm:group-hover:opacity-100 focus:opacity-100"
+      },
+      interaction: {
+        none: "",
+        group: "group"
+      },
+      position: {
+        static: "",
+        relative: "relative",
+        "viewport-top-end": "fixed right-4 top-4 z-10"
+      },
+      transform: {
+        none: "",
+        capitalize: "capitalize"
+      },
+      marginEnd: {
+        none: "",
+        "negative-xs": "-mr-1"
+      },
+      gap: {
+        default: "",
+        xs: "gap-1"
+      },
+      numeric: {
+        normal: "",
+        tabular: "tabular-nums"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+      width: "auto",
+      align: "center",
+      shrink: false,
+      shape: "default",
+      ring: "none",
+      grow: false,
+      minWidth: "auto",
+      textAlign: "center",
+      marginTop: "none",
+      marginStart: "none",
+      reveal: "always",
+      interaction: "none",
+      position: "static",
+      transform: "none",
+      marginEnd: "none",
+      gap: "default",
+      numeric: "normal"
+    }
+  }
+);
+var Button = _react.forwardRef.call(void 0, 
+  ({ className, variant, size, width, align, shrink, shape, ring, grow, minWidth, textAlign, marginTop, marginStart, reveal, interaction, position, transform, marginEnd, gap, numeric, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? _reactslot.Slot : "button";
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      Comp,
+      {
+        "data-slot": "button",
+        "data-variant": _nullishCoalesce(variant, () => ( "default")),
+        "data-size": _nullishCoalesce(size, () => ( "default")),
+        "data-shape": _nullishCoalesce(shape, () => ( "default")),
+        className: _chunkKWLSBTB2cjs.cn.call(void 0, buttonVariants({ variant, size, width, align, shrink, shape, ring, grow, minWidth, textAlign, marginTop, marginStart, reveal, interaction, position, transform, marginEnd, gap, numeric, className })),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+
+
+
+
+exports.buttonVariants = buttonVariants; exports.Button = Button;