@epicbagel/saas-kit 1.0.0 → 1.1.0

package/dist/primitives/attachment.cjs

@@ -1,203 +1,25 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }"use client";
-
-
-var _chunkL4DH72UFcjs = require('../chunk-L4DH72UF.cjs');
-
-
-var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
-
-// src/primitives/attachment.tsx
-var _classvarianceauthority = require('class-variance-authority');
-var _radixui = require('radix-ui');
-var _jsxruntime = require('react/jsx-runtime');
-var attachmentVariants = _classvarianceauthority.cva.call(void 0, 
-  "cn-attachment group/attachment relative flex max-w-full min-w-0 shrink-0 flex-wrap border bg-card text-card-foreground transition-colors has-[>a,>button]:hover:bg-muted/50 data-[state=error]:border-destructive/30 data-[state=idle]:border-dashed",
-  {
-    variants: {
-      size: {
-        default: "cn-attachment-size-default",
-        sm: "cn-attachment-size-sm",
-        xs: "cn-attachment-size-xs"
-      },
-      orientation: {
-        horizontal: "cn-attachment-orientation-horizontal items-center",
-        vertical: "cn-attachment-orientation-vertical flex-col"
-      }
-    }
-  }
-);
-function Attachment({
-  className,
-  state = "done",
-  size = "default",
-  orientation = "horizontal",
-  ...props
-}) {
-  const resolvedOrientation = _nullishCoalesce(orientation, () => ( "horizontal"));
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      "data-slot": "attachment",
-      "data-state": state,
-      "data-size": size,
-      "data-orientation": resolvedOrientation,
-      className: _chunkKWLSBTB2cjs.cn.call(void 0, attachmentVariants({ size, orientation }), className),
-      ...props
-    }
-  );
-}
-var attachmentMediaVariants = _classvarianceauthority.cva.call(void 0, 
-  "cn-attachment-media relative flex aspect-square shrink-0 items-center justify-center overflow-hidden group-data-[state=error]/attachment:bg-destructive/10 group-data-[state=error]/attachment:text-destructive [&_svg]:pointer-events-none",
-  {
-    variants: {
-      variant: {
-        icon: "cn-attachment-media-variant-icon",
-        image: "cn-attachment-media-variant-image *:[img]:aspect-square *:[img]:w-full *:[img]:object-cover"
-      }
-    },
-    defaultVariants: {
-      variant: "icon"
-    }
-  }
-);
-function AttachmentMedia({
-  className,
-  variant = "icon",
-  ...props
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      "data-slot": "attachment-media",
-      "data-variant": variant,
-      className: _chunkKWLSBTB2cjs.cn.call(void 0, attachmentMediaVariants({ variant }), className),
-      ...props
-    }
-  );
-}
-function AttachmentContent({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      "data-slot": "attachment-content",
-      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
-        "cn-attachment-content max-w-full min-w-0 flex-1",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function AttachmentTitle({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "span",
-    {
-      "data-slot": "attachment-title",
-      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
-        "cn-attachment-title block max-w-full min-w-0 truncate group-data-[state=processing]/attachment:shimmer group-data-[state=uploading]/attachment:shimmer",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function AttachmentDescription({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "span",
-    {
-      "data-slot": "attachment-description",
-      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
-        "cn-attachment-description block min-w-0 truncate text-muted-foreground group-data-[state=error]/attachment:text-destructive/80",
-        "max-w-full",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function AttachmentActions({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      "data-slot": "attachment-actions",
-      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
-        "cn-attachment-actions flex shrink-0 items-center",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function AttachmentAction({
-  className,
-  variant,
-  size = "icon-xs",
-  ...props
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkL4DH72UFcjs.Button,
-    {
-      "data-slot": "attachment-action",
-      variant: _nullishCoalesce(variant, () => ( "ghost")),
-      size,
-      className: _chunkKWLSBTB2cjs.cn.call(void 0, "cn-attachment-action", className),
-      ...props
-    }
-  );
-}
-function AttachmentTrigger({
-  className,
-  asChild = false,
-  type,
-  ...props
-}) {
-  const Comp = asChild ? _radixui.Slot.Root : "button";
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    Comp,
-    {
-      "data-slot": "attachment-trigger",
-      type: asChild ? void 0 : _nullishCoalesce(type, () => ( "button")),
-      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
-        "cn-attachment-trigger absolute inset-0 z-10 outline-none",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function AttachmentGroup({ className, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      "data-slot": "attachment-group",
-      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
-        "cn-attachment-group flex min-w-0 scroll-fade-x snap-x snap-mandatory scrollbar-none overflow-x-auto overscroll-x-contain *:data-[slot=attachment]:flex-none *:data-[slot=attachment]:snap-start",
-        className
-      ),
-      ...props
-    }
-  );
-}
-
-
-
-
-
-
-
-
-
-
-exports.Attachment = Attachment; exports.AttachmentAction = AttachmentAction; exports.AttachmentActions = AttachmentActions; exports.AttachmentContent = AttachmentContent; exports.AttachmentDescription = AttachmentDescription; exports.AttachmentGroup = AttachmentGroup; exports.AttachmentMedia = AttachmentMedia; exports.AttachmentTitle = AttachmentTitle; exports.AttachmentTrigger = AttachmentTrigger;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+
+
+
+
+
+
+
+
+var _chunk32Q4XOTUcjs = require('../chunk-32Q4XOTU.cjs');
+require('../chunk-L4DH72UF.cjs');
+require('../chunk-KWLSBTB2.cjs');
+
+
+
+
+
+
+
+
+
+
+exports.Attachment = _chunk32Q4XOTUcjs.Attachment; exports.AttachmentAction = _chunk32Q4XOTUcjs.AttachmentAction; exports.AttachmentActions = _chunk32Q4XOTUcjs.AttachmentActions; exports.AttachmentContent = _chunk32Q4XOTUcjs.AttachmentContent; exports.AttachmentDescription = _chunk32Q4XOTUcjs.AttachmentDescription; exports.AttachmentGroup = _chunk32Q4XOTUcjs.AttachmentGroup; exports.AttachmentMedia = _chunk32Q4XOTUcjs.AttachmentMedia; exports.AttachmentTitle = _chunk32Q4XOTUcjs.AttachmentTitle; exports.AttachmentTrigger = _chunk32Q4XOTUcjs.AttachmentTrigger;

package/dist/primitives/attachment.d.cts

@@ -12,7 +12,7 @@ declare function Attachment({ className, state, size, orientation, ...props }: R
     state?: "idle" | "uploading" | "processing" | "error" | "done";
 }): react_jsx_runtime.JSX.Element;
 declare const attachmentMediaVariants: (props?: ({
-    variant?: "icon" | "image" | null | undefined;
+    variant?: "image" | "icon" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function AttachmentMedia({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof attachmentMediaVariants>): react_jsx_runtime.JSX.Element;
 declare function AttachmentContent({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;

package/dist/primitives/attachment.d.ts

@@ -12,7 +12,7 @@ declare function Attachment({ className, state, size, orientation, ...props }: R
     state?: "idle" | "uploading" | "processing" | "error" | "done";
 }): react_jsx_runtime.JSX.Element;
 declare const attachmentMediaVariants: (props?: ({
-    variant?: "icon" | "image" | null | undefined;
+    variant?: "image" | "icon" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function AttachmentMedia({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof attachmentMediaVariants>): react_jsx_runtime.JSX.Element;
 declare function AttachmentContent({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;

package/dist/primitives/attachment.js

@@ -1,195 +1,17 @@
 "use client";
 import {
-  Button
-} from "../chunk-HQRWRRZJ.js";
-import {
-  cn
-} from "../chunk-G6SRSWXB.js";
-
-// src/primitives/attachment.tsx
-import { cva } from "class-variance-authority";
-import { Slot } from "radix-ui";
-import { jsx } from "react/jsx-runtime";
-var attachmentVariants = cva(
-  "cn-attachment group/attachment relative flex max-w-full min-w-0 shrink-0 flex-wrap border bg-card text-card-foreground transition-colors has-[>a,>button]:hover:bg-muted/50 data-[state=error]:border-destructive/30 data-[state=idle]:border-dashed",
-  {
-    variants: {
-      size: {
-        default: "cn-attachment-size-default",
-        sm: "cn-attachment-size-sm",
-        xs: "cn-attachment-size-xs"
-      },
-      orientation: {
-        horizontal: "cn-attachment-orientation-horizontal items-center",
-        vertical: "cn-attachment-orientation-vertical flex-col"
-      }
-    }
-  }
-);
-function Attachment({
-  className,
-  state = "done",
-  size = "default",
-  orientation = "horizontal",
-  ...props
-}) {
-  const resolvedOrientation = orientation ?? "horizontal";
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "attachment",
-      "data-state": state,
-      "data-size": size,
-      "data-orientation": resolvedOrientation,
-      className: cn(attachmentVariants({ size, orientation }), className),
-      ...props
-    }
-  );
-}
-var attachmentMediaVariants = cva(
-  "cn-attachment-media relative flex aspect-square shrink-0 items-center justify-center overflow-hidden group-data-[state=error]/attachment:bg-destructive/10 group-data-[state=error]/attachment:text-destructive [&_svg]:pointer-events-none",
-  {
-    variants: {
-      variant: {
-        icon: "cn-attachment-media-variant-icon",
-        image: "cn-attachment-media-variant-image *:[img]:aspect-square *:[img]:w-full *:[img]:object-cover"
-      }
-    },
-    defaultVariants: {
-      variant: "icon"
-    }
-  }
-);
-function AttachmentMedia({
-  className,
-  variant = "icon",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "attachment-media",
-      "data-variant": variant,
-      className: cn(attachmentMediaVariants({ variant }), className),
-      ...props
-    }
-  );
-}
-function AttachmentContent({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "attachment-content",
-      className: cn(
-        "cn-attachment-content max-w-full min-w-0 flex-1",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function AttachmentTitle({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      "data-slot": "attachment-title",
-      className: cn(
-        "cn-attachment-title block max-w-full min-w-0 truncate group-data-[state=processing]/attachment:shimmer group-data-[state=uploading]/attachment:shimmer",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function AttachmentDescription({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      "data-slot": "attachment-description",
-      className: cn(
-        "cn-attachment-description block min-w-0 truncate text-muted-foreground group-data-[state=error]/attachment:text-destructive/80",
-        "max-w-full",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function AttachmentActions({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "attachment-actions",
-      className: cn(
-        "cn-attachment-actions flex shrink-0 items-center",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function AttachmentAction({
-  className,
-  variant,
-  size = "icon-xs",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      "data-slot": "attachment-action",
-      variant: variant ?? "ghost",
-      size,
-      className: cn("cn-attachment-action", className),
-      ...props
-    }
-  );
-}
-function AttachmentTrigger({
-  className,
-  asChild = false,
-  type,
-  ...props
-}) {
-  const Comp = asChild ? Slot.Root : "button";
-  return /* @__PURE__ */ jsx(
-    Comp,
-    {
-      "data-slot": "attachment-trigger",
-      type: asChild ? void 0 : type ?? "button",
-      className: cn(
-        "cn-attachment-trigger absolute inset-0 z-10 outline-none",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function AttachmentGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "attachment-group",
-      className: cn(
-        "cn-attachment-group flex min-w-0 scroll-fade-x snap-x snap-mandatory scrollbar-none overflow-x-auto overscroll-x-contain *:data-[slot=attachment]:flex-none *:data-[slot=attachment]:snap-start",
-        className
-      ),
-      ...props
-    }
-  );
-}
+  Attachment,
+  AttachmentAction,
+  AttachmentActions,
+  AttachmentContent,
+  AttachmentDescription,
+  AttachmentGroup,
+  AttachmentMedia,
+  AttachmentTitle,
+  AttachmentTrigger
+} from "../chunk-EZCKWTH7.js";
+import "../chunk-HQRWRRZJ.js";
+import "../chunk-G6SRSWXB.js";
 export {
   Attachment,
   AttachmentAction,

package/dist/primitives/badge.d.cts

@@ -4,7 +4,7 @@ import { VariantProps } from 'class-variance-authority';
 import { ElementType } from 'react';
 
 declare const badgeVariants: (props?: ({
-    variant?: "error" | "success" | "default" | "secondary" | "destructive" | "outline" | "warning" | "info" | "neutral" | null | undefined;
+    variant?: "default" | "secondary" | "destructive" | "outline" | "success" | "warning" | "error" | "info" | "neutral" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
     weight?: "normal" | "semibold" | "bold";

package/dist/primitives/badge.d.ts

@@ -4,7 +4,7 @@ import { VariantProps } from 'class-variance-authority';
 import { ElementType } from 'react';
 
 declare const badgeVariants: (props?: ({
-    variant?: "error" | "success" | "default" | "secondary" | "destructive" | "outline" | "warning" | "info" | "neutral" | null | undefined;
+    variant?: "default" | "secondary" | "destructive" | "outline" | "success" | "warning" | "error" | "info" | "neutral" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
     weight?: "normal" | "semibold" | "bold";

package/dist/primitives/board-view.cjs

@@ -2,16 +2,16 @@
 "use client";
 
 
-var _chunkRWWOFWLPcjs = require('../chunk-RWWOFWLP.cjs');
+var _chunkIH3COANJcjs = require('../chunk-IH3COANJ.cjs');
 require('../chunk-PNWNU6JW.cjs');
 require('../chunk-FNDBM67K.cjs');
-require('../chunk-U2NES7VR.cjs');
 require('../chunk-SGW4FWBX.cjs');
 require('../chunk-PPX2VPGI.cjs');
 require('../chunk-WNXVGUBF.cjs');
 require('../chunk-IQZLUT2Y.cjs');
 require('../chunk-LELBCBDT.cjs');
 require('../chunk-R5L4CM6V.cjs');
+require('../chunk-U2NES7VR.cjs');
 require('../chunk-JH4GAGOQ.cjs');
 require('../chunk-YYFVG5A6.cjs');
 require('../chunk-XLIAY56V.cjs');
@@ -57,7 +57,7 @@ function BoardView({
   onSortChange
 }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkRWWOFWLPcjs.ResourceList,
+    _chunkIH3COANJcjs.ResourceList,
     {
       data,
       loading,

package/dist/primitives/board-view.js

@@ -2,16 +2,16 @@
 "use client";
 import {
   ResourceList
-} from "../chunk-UGF2K6NR.js";
+} from "../chunk-HRLP4BHJ.js";
 import "../chunk-LI5EOSQG.js";
 import "../chunk-J3GQXM37.js";
-import "../chunk-ZRLUUZHK.js";
 import "../chunk-MLHNYRFX.js";
 import "../chunk-G76JANB4.js";
 import "../chunk-YG7FBJRM.js";
 import "../chunk-E2TQMDO7.js";
 import "../chunk-H2O6NMLZ.js";
 import "../chunk-RRRD5EUI.js";
+import "../chunk-ZRLUUZHK.js";
 import "../chunk-OICAYRVH.js";
 import "../chunk-62UTAG2C.js";
 import "../chunk-LELFPLTE.js";

package/dist/primitives/bubble.cjs

@@ -0,0 +1,14 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+
+
+
+var _chunkV4YWTRLDcjs = require('../chunk-V4YWTRLD.cjs');
+require('../chunk-KWLSBTB2.cjs');
+
+
+
+
+
+exports.Bubble = _chunkV4YWTRLDcjs.Bubble; exports.BubbleContent = _chunkV4YWTRLDcjs.BubbleContent; exports.BubbleGroup = _chunkV4YWTRLDcjs.BubbleGroup; exports.BubbleReactions = _chunkV4YWTRLDcjs.BubbleReactions;

package/dist/primitives/bubble.d.cts

@@ -0,0 +1,21 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare function BubbleGroup({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare const bubbleVariants: (props?: ({
+    variant?: "default" | "muted" | "secondary" | "destructive" | "outline" | "ghost" | "tinted" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Bubble({ variant, align, className, ...props }: React.ComponentProps<"div"> & VariantProps<typeof bubbleVariants> & {
+    align?: "start" | "end";
+}): react_jsx_runtime.JSX.Element;
+declare function BubbleContent({ asChild, className, ...props }: React.ComponentProps<"div"> & {
+    asChild?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function BubbleReactions({ side, align, className, ...props }: React.ComponentProps<"div"> & {
+    align?: "start" | "end";
+    side?: "top" | "bottom";
+}): react_jsx_runtime.JSX.Element;
+
+export { Bubble, BubbleContent, BubbleGroup, BubbleReactions };

package/dist/primitives/bubble.d.ts

@@ -0,0 +1,21 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare function BubbleGroup({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare const bubbleVariants: (props?: ({
+    variant?: "default" | "muted" | "secondary" | "destructive" | "outline" | "ghost" | "tinted" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Bubble({ variant, align, className, ...props }: React.ComponentProps<"div"> & VariantProps<typeof bubbleVariants> & {
+    align?: "start" | "end";
+}): react_jsx_runtime.JSX.Element;
+declare function BubbleContent({ asChild, className, ...props }: React.ComponentProps<"div"> & {
+    asChild?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function BubbleReactions({ side, align, className, ...props }: React.ComponentProps<"div"> & {
+    align?: "start" | "end";
+    side?: "top" | "bottom";
+}): react_jsx_runtime.JSX.Element;
+
+export { Bubble, BubbleContent, BubbleGroup, BubbleReactions };

package/dist/primitives/bubble.js

@@ -0,0 +1,14 @@
+"use client";
+import {
+  Bubble,
+  BubbleContent,
+  BubbleGroup,
+  BubbleReactions
+} from "../chunk-F366BHWH.js";
+import "../chunk-G6SRSWXB.js";
+export {
+  Bubble,
+  BubbleContent,
+  BubbleGroup,
+  BubbleReactions
+};

package/dist/primitives/button.d.cts

@@ -5,12 +5,12 @@ import { VariantProps } from 'class-variance-authority';
 
 declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "outline-muted" | "ghost" | "quiet" | "ghost-destructive" | "link-muted" | "inverted" | "status-error" | "status-warning" | "status-muted" | null | undefined;
-    size?: "filter" | "status" | "icon" | "toolbar" | "sm" | "lg" | "default" | "micro" | "compact" | "hero" | "icon-lg" | "icon-sm" | "icon-md" | "icon-xs" | "icon-compact" | "icon-micro" | "bare" | "voice-sm" | "voice" | "suggestion" | "tone" | null | undefined;
+    size?: "filter" | "status" | "toolbar" | "sm" | "lg" | "default" | "micro" | "compact" | "hero" | "icon" | "icon-lg" | "icon-sm" | "icon-md" | "icon-xs" | "icon-compact" | "icon-micro" | "bare" | "voice-sm" | "voice" | "suggestion" | "tone" | null | undefined;
     width?: "auto" | "full" | "responsive" | null | undefined;
     align?: "center" | "start" | null | undefined;
     shrink?: boolean | null | undefined;
     shape?: "circle" | "default" | null | undefined;
-    ring?: "surface" | "none" | null | undefined;
+    ring?: "none" | "surface" | null | undefined;
     grow?: boolean | null | undefined;
     minWidth?: "auto" | "zero" | null | undefined;
     textAlign?: "center" | "start" | null | undefined;

package/dist/primitives/button.d.ts

@@ -5,12 +5,12 @@ import { VariantProps } from 'class-variance-authority';
 
 declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "outline-muted" | "ghost" | "quiet" | "ghost-destructive" | "link-muted" | "inverted" | "status-error" | "status-warning" | "status-muted" | null | undefined;
-    size?: "filter" | "status" | "icon" | "toolbar" | "sm" | "lg" | "default" | "micro" | "compact" | "hero" | "icon-lg" | "icon-sm" | "icon-md" | "icon-xs" | "icon-compact" | "icon-micro" | "bare" | "voice-sm" | "voice" | "suggestion" | "tone" | null | undefined;
+    size?: "filter" | "status" | "toolbar" | "sm" | "lg" | "default" | "micro" | "compact" | "hero" | "icon" | "icon-lg" | "icon-sm" | "icon-md" | "icon-xs" | "icon-compact" | "icon-micro" | "bare" | "voice-sm" | "voice" | "suggestion" | "tone" | null | undefined;
     width?: "auto" | "full" | "responsive" | null | undefined;
     align?: "center" | "start" | null | undefined;
     shrink?: boolean | null | undefined;
     shape?: "circle" | "default" | null | undefined;
-    ring?: "surface" | "none" | null | undefined;
+    ring?: "none" | "surface" | null | undefined;
     grow?: boolean | null | undefined;
     minWidth?: "auto" | "zero" | null | undefined;
     textAlign?: "center" | "start" | null | undefined;