@epicbagel/saas-kit 0.0.0-stage → 1.1.0

package/dist/primitives/sheet.d.ts

@@ -0,0 +1,48 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+
+declare const Sheet: React.FC<DialogPrimitive.DialogProps>;
+declare const SheetTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const SheetClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const SheetPortal: React.FC<DialogPrimitive.DialogPortalProps>;
+declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const sheetVariants: (props?: ({
+    side?: "bottom" | "top" | "right" | "left" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof sheetVariants> {
+    /**
+     * Suppress the default top-right close (×) button. Useful when the
+     * consumer renders its own close affordance or relies on overlay-tap /
+     * swipe to dismiss.
+     */
+    hideClose?: boolean;
+    width?: "default" | "xl" | "full";
+    padding?: "default" | "none";
+    overflow?: "hidden" | "y-auto";
+}
+declare const SheetContent: React.ForwardRefExoticComponent<SheetContentProps & React.RefAttributes<HTMLDivElement>>;
+interface SheetHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+    padding?: "none" | "compact";
+    border?: "none" | "bottom";
+    shrink?: boolean;
+    align?: "responsive" | "start";
+    paddingEnd?: "none" | "lg";
+}
+declare const SheetHeader: {
+    ({ className, padding, border, shrink, align, paddingEnd, ...props }: SheetHeaderProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const SheetFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+interface SheetTitleProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title> {
+    display?: "block" | "inline-flex";
+}
+declare const SheetTitle: React.ForwardRefExoticComponent<SheetTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+declare const SheetDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, type SheetHeaderProps, SheetOverlay, SheetPortal, SheetTitle, type SheetTitleProps, SheetTrigger };

package/dist/primitives/sheet.js

@@ -0,0 +1,27 @@
+"use client";
+"use client";
+import {
+  Sheet,
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetOverlay,
+  SheetPortal,
+  SheetTitle,
+  SheetTrigger
+} from "../chunk-G76JANB4.js";
+import "../chunk-G6SRSWXB.js";
+export {
+  Sheet,
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetOverlay,
+  SheetPortal,
+  SheetTitle,
+  SheetTrigger
+};

package/dist/primitives/skeleton.cjs

@@ -0,0 +1,8 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkVBPPFC7Xcjs = require('../chunk-VBPPFC7X.cjs');
+require('../chunk-KWLSBTB2.cjs');
+
+
+exports.Skeleton = _chunkVBPPFC7Xcjs.Skeleton;

package/dist/primitives/skeleton.d.cts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
+    preset?: "blank" | "line" | "line-short" | "line-full" | "line-wide" | "title" | "title-full" | "heading" | "heading-wide" | "bar" | "control-sm" | "control" | "row-compact" | "row" | "row-lg" | "panel" | "panel-lg" | "article" | "card-sm" | "card-md";
+    radius?: "md" | "xl";
+    width?: "preset" | "full" | "three-quarter" | "two-third" | "half" | "two-fifth" | "one-third" | "three-fifth" | "four-fifth" | "sm" | "md";
+    height?: "preset" | "dot" | "xs" | "sm" | "md" | "lg" | "xl";
+    shape?: "rounded" | "circle";
+    centered?: boolean;
+    shrink?: boolean;
+    marginTop?: "none" | "xs";
+}
+declare function Skeleton({ className, preset, radius, width, height, shape, centered, shrink, marginTop, ...props }: SkeletonProps): react_jsx_runtime.JSX.Element;
+
+export { Skeleton, type SkeletonProps };

package/dist/primitives/skeleton.d.ts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
+    preset?: "blank" | "line" | "line-short" | "line-full" | "line-wide" | "title" | "title-full" | "heading" | "heading-wide" | "bar" | "control-sm" | "control" | "row-compact" | "row" | "row-lg" | "panel" | "panel-lg" | "article" | "card-sm" | "card-md";
+    radius?: "md" | "xl";
+    width?: "preset" | "full" | "three-quarter" | "two-third" | "half" | "two-fifth" | "one-third" | "three-fifth" | "four-fifth" | "sm" | "md";
+    height?: "preset" | "dot" | "xs" | "sm" | "md" | "lg" | "xl";
+    shape?: "rounded" | "circle";
+    centered?: boolean;
+    shrink?: boolean;
+    marginTop?: "none" | "xs";
+}
+declare function Skeleton({ className, preset, radius, width, height, shape, centered, shrink, marginTop, ...props }: SkeletonProps): react_jsx_runtime.JSX.Element;
+
+export { Skeleton, type SkeletonProps };

package/dist/primitives/skeleton.js

@@ -0,0 +1,8 @@
+"use client";
+import {
+  Skeleton
+} from "../chunk-YEW65ASC.js";
+import "../chunk-G6SRSWXB.js";
+export {
+  Skeleton
+};

package/dist/primitives/spacer.cjs

@@ -0,0 +1,20 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
+
+// src/primitives/spacer.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var sizes = {
+  xs: "h-1",
+  sm: "h-2",
+  md: "h-3",
+  lg: "h-6",
+  xl: "h-24"
+};
+function Spacer({ size = "md", paddingBottom = "none", className, "aria-hidden": ariaHidden = true, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "aria-hidden": ariaHidden, className: _chunkKWLSBTB2cjs.cn.call(void 0, sizes[size], paddingBottom === "sm" && "pb-2", className), ...props });
+}
+
+
+exports.Spacer = Spacer;

package/dist/primitives/spacer.d.cts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { HTMLAttributes } from 'react';
+
+interface SpacerProps extends HTMLAttributes<HTMLDivElement> {
+    size?: "xs" | "sm" | "md" | "lg" | "xl";
+    paddingBottom?: "none" | "sm";
+}
+/** Intentional vertical whitespace on the shared spacing scale. */
+declare function Spacer({ size, paddingBottom, className, "aria-hidden": ariaHidden, ...props }: SpacerProps): react_jsx_runtime.JSX.Element;
+
+export { Spacer, type SpacerProps };

package/dist/primitives/spacer.d.ts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { HTMLAttributes } from 'react';
+
+interface SpacerProps extends HTMLAttributes<HTMLDivElement> {
+    size?: "xs" | "sm" | "md" | "lg" | "xl";
+    paddingBottom?: "none" | "sm";
+}
+/** Intentional vertical whitespace on the shared spacing scale. */
+declare function Spacer({ size, paddingBottom, className, "aria-hidden": ariaHidden, ...props }: SpacerProps): react_jsx_runtime.JSX.Element;
+
+export { Spacer, type SpacerProps };

package/dist/primitives/spacer.js

@@ -0,0 +1,20 @@
+"use client";
+import {
+  cn
+} from "../chunk-G6SRSWXB.js";
+
+// src/primitives/spacer.tsx
+import { jsx } from "react/jsx-runtime";
+var sizes = {
+  xs: "h-1",
+  sm: "h-2",
+  md: "h-3",
+  lg: "h-6",
+  xl: "h-24"
+};
+function Spacer({ size = "md", paddingBottom = "none", className, "aria-hidden": ariaHidden = true, ...props }) {
+  return /* @__PURE__ */ jsx("div", { "aria-hidden": ariaHidden, className: cn(sizes[size], paddingBottom === "sm" && "pb-2", className), ...props });
+}
+export {
+  Spacer
+};

package/dist/primitives/spinner.cjs

@@ -0,0 +1,23 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
+
+// src/primitives/spinner.tsx
+var _lucidereact = require('lucide-react');
+var _jsxruntime = require('react/jsx-runtime');
+function Spinner({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _lucidereact.Loader2,
+    {
+      "data-slot": "spinner",
+      role: "status",
+      "aria-label": "Loading",
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, "size-4 animate-spin", className),
+      ...props
+    }
+  );
+}
+
+
+exports.Spinner = Spinner;

package/dist/primitives/spinner.d.cts

@@ -0,0 +1,6 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+declare function Spinner({ className, ...props }: React.ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+
+export { Spinner };

package/dist/primitives/spinner.d.ts

@@ -0,0 +1,6 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+declare function Spinner({ className, ...props }: React.ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+
+export { Spinner };

package/dist/primitives/spinner.js

@@ -0,0 +1,23 @@
+"use client";
+import {
+  cn
+} from "../chunk-G6SRSWXB.js";
+
+// src/primitives/spinner.tsx
+import { Loader2 } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
+function Spinner({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Loader2,
+    {
+      "data-slot": "spinner",
+      role: "status",
+      "aria-label": "Loading",
+      className: cn("size-4 animate-spin", className),
+      ...props
+    }
+  );
+}
+export {
+  Spinner
+};

package/dist/primitives/split-action-button.cjs

@@ -0,0 +1,95 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }"use client";
+
+
+
+
+
+
+
+var _chunkZAITUDYDcjs = require('../chunk-ZAITUDYD.cjs');
+
+
+var _chunkL4DH72UFcjs = require('../chunk-L4DH72UF.cjs');
+
+
+var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
+
+// src/primitives/split-action-button.tsx
+var _react = require('react');
+var _lucidereact = require('lucide-react');
+var _jsxruntime = require('react/jsx-runtime');
+var SplitActionButton = _react.forwardRef.call(void 0, function SplitActionButton2({
+  label,
+  icon,
+  variant,
+  size = "sm",
+  onAction,
+  items,
+  onSelect,
+  menuLabel,
+  customLabel,
+  onCustom,
+  chevronAriaLabel = "More options",
+  className,
+  disabled
+}, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref, className: _chunkKWLSBTB2cjs.cn.call(void 0, "inline-flex items-stretch", className), children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      _chunkL4DH72UFcjs.Button,
+      {
+        size,
+        variant,
+        className: "flex-1 rounded-r-none",
+        disabled,
+        onClick: (e) => {
+          e.stopPropagation();
+          onAction();
+        },
+        children: [
+          icon,
+          label
+        ]
+      }
+    ),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkZAITUDYDcjs.DropdownMenu, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZAITUDYDcjs.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkL4DH72UFcjs.Button,
+        {
+          size,
+          variant,
+          disabled,
+          className: "rounded-l-none border-l border-l-foreground/10 px-1.5",
+          onClick: (e) => e.stopPropagation(),
+          "aria-label": chevronAriaLabel,
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronDown, { className: "h-3.5 w-3.5" })
+        }
+      ) }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkZAITUDYDcjs.DropdownMenuContent, { align: "end", className: "w-[260px]", onClick: (event) => event.stopPropagation(), children: [
+        menuLabel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZAITUDYDcjs.DropdownMenuLabel, { className: "text-[10px] uppercase tracking-wider", children: menuLabel }),
+        items.map((item) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkZAITUDYDcjs.DropdownMenuItem,
+          {
+            onSelect: () => onSelect(item.value),
+            className: "text-xs",
+            children: item.label
+          },
+          item.value
+        )),
+        onCustom && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+          items.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZAITUDYDcjs.DropdownMenuSeparator, {}),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunkZAITUDYDcjs.DropdownMenuItem,
+            {
+              onSelect: onCustom,
+              className: "text-xs text-muted-foreground",
+              children: _nullishCoalesce(customLabel, () => ( "Custom\u2026"))
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] });
+});
+
+
+exports.SplitActionButton = SplitActionButton;

package/dist/primitives/split-action-button.d.cts

@@ -0,0 +1,41 @@
+import * as React from 'react';
+import { ReactNode } from 'react';
+import { ButtonProps } from './button.cjs';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+
+interface SplitActionMenuItem {
+    /** Value passed to `onSelect`. */
+    value: string;
+    /** Label rendered inside the menu item. */
+    label: ReactNode;
+}
+interface SplitActionButtonProps {
+    /** Label shown on the main button. */
+    label: ReactNode;
+    /** Optional leading icon on the main button. */
+    icon?: ReactNode;
+    /** Main button visual variant. Mirrors `ButtonProps["variant"]`. */
+    variant?: ButtonProps["variant"];
+    /** Main button size. Mirrors `ButtonProps["size"]`. Defaults to `sm`. */
+    size?: ButtonProps["size"];
+    /** Fired when the main button (not the chevron) is clicked. */
+    onAction: () => void;
+    /** Pre-populated menu items shown in the dropdown. */
+    items: SplitActionMenuItem[];
+    /** Fired when the user picks one of the pre-populated items. */
+    onSelect: (value: string) => void;
+    /** Header above the menu items. */
+    menuLabel?: ReactNode;
+    /** Render a trailing "Custom…" item that fires `onCustom`. */
+    customLabel?: ReactNode;
+    /** Fired when the trailing custom item is selected. */
+    onCustom?: () => void;
+    /** Accessible label for the chevron sub-button. */
+    chevronAriaLabel?: string;
+    className?: string;
+    disabled?: boolean;
+}
+declare const SplitActionButton: React.ForwardRefExoticComponent<SplitActionButtonProps & React.RefAttributes<HTMLDivElement>>;
+
+export { SplitActionButton, type SplitActionButtonProps, type SplitActionMenuItem };

package/dist/primitives/split-action-button.d.ts

@@ -0,0 +1,41 @@
+import * as React from 'react';
+import { ReactNode } from 'react';
+import { ButtonProps } from './button.js';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+
+interface SplitActionMenuItem {
+    /** Value passed to `onSelect`. */
+    value: string;
+    /** Label rendered inside the menu item. */
+    label: ReactNode;
+}
+interface SplitActionButtonProps {
+    /** Label shown on the main button. */
+    label: ReactNode;
+    /** Optional leading icon on the main button. */
+    icon?: ReactNode;
+    /** Main button visual variant. Mirrors `ButtonProps["variant"]`. */
+    variant?: ButtonProps["variant"];
+    /** Main button size. Mirrors `ButtonProps["size"]`. Defaults to `sm`. */
+    size?: ButtonProps["size"];
+    /** Fired when the main button (not the chevron) is clicked. */
+    onAction: () => void;
+    /** Pre-populated menu items shown in the dropdown. */
+    items: SplitActionMenuItem[];
+    /** Fired when the user picks one of the pre-populated items. */
+    onSelect: (value: string) => void;
+    /** Header above the menu items. */
+    menuLabel?: ReactNode;
+    /** Render a trailing "Custom…" item that fires `onCustom`. */
+    customLabel?: ReactNode;
+    /** Fired when the trailing custom item is selected. */
+    onCustom?: () => void;
+    /** Accessible label for the chevron sub-button. */
+    chevronAriaLabel?: string;
+    className?: string;
+    disabled?: boolean;
+}
+declare const SplitActionButton: React.ForwardRefExoticComponent<SplitActionButtonProps & React.RefAttributes<HTMLDivElement>>;
+
+export { SplitActionButton, type SplitActionButtonProps, type SplitActionMenuItem };

package/dist/primitives/split-action-button.js

@@ -0,0 +1,95 @@
+"use client";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger
+} from "../chunk-V4LE2HWP.js";
+import {
+  Button
+} from "../chunk-HQRWRRZJ.js";
+import {
+  cn
+} from "../chunk-G6SRSWXB.js";
+
+// src/primitives/split-action-button.tsx
+import { forwardRef } from "react";
+import { ChevronDown } from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var SplitActionButton = forwardRef(function SplitActionButton2({
+  label,
+  icon,
+  variant,
+  size = "sm",
+  onAction,
+  items,
+  onSelect,
+  menuLabel,
+  customLabel,
+  onCustom,
+  chevronAriaLabel = "More options",
+  className,
+  disabled
+}, ref) {
+  return /* @__PURE__ */ jsxs("div", { ref, className: cn("inline-flex items-stretch", className), children: [
+    /* @__PURE__ */ jsxs(
+      Button,
+      {
+        size,
+        variant,
+        className: "flex-1 rounded-r-none",
+        disabled,
+        onClick: (e) => {
+          e.stopPropagation();
+          onAction();
+        },
+        children: [
+          icon,
+          label
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+      /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          size,
+          variant,
+          disabled,
+          className: "rounded-l-none border-l border-l-foreground/10 px-1.5",
+          onClick: (e) => e.stopPropagation(),
+          "aria-label": chevronAriaLabel,
+          children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-3.5 w-3.5" })
+        }
+      ) }),
+      /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", className: "w-[260px]", onClick: (event) => event.stopPropagation(), children: [
+        menuLabel && /* @__PURE__ */ jsx(DropdownMenuLabel, { className: "text-[10px] uppercase tracking-wider", children: menuLabel }),
+        items.map((item) => /* @__PURE__ */ jsx(
+          DropdownMenuItem,
+          {
+            onSelect: () => onSelect(item.value),
+            className: "text-xs",
+            children: item.label
+          },
+          item.value
+        )),
+        onCustom && /* @__PURE__ */ jsxs(Fragment, { children: [
+          items.length > 0 && /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+          /* @__PURE__ */ jsx(
+            DropdownMenuItem,
+            {
+              onSelect: onCustom,
+              className: "text-xs text-muted-foreground",
+              children: customLabel ?? "Custom\u2026"
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] });
+});
+export {
+  SplitActionButton
+};

package/dist/primitives/stack.cjs

@@ -0,0 +1,8 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkRSFEKQDRcjs = require('../chunk-RSFEKQDR.cjs');
+require('../chunk-KWLSBTB2.cjs');
+
+
+exports.Stack = _chunkRSFEKQDRcjs.Stack;

package/dist/primitives/stack.d.cts

@@ -0,0 +1,63 @@
+import * as React from 'react';
+import { HTMLAttributes, ElementType } from 'react';
+
+/**
+ * Stack — flex container with a canonical gap scale.
+ *
+ * Consumers stop guessing between `gap-2`, `gap-3`, `gap-4`, etc.
+ * Five sizes map to the shared spacing scale from no gap through large.
+ */
+type StackGap = "none" | "xs" | "sm" | "compact" | "md" | "lg";
+type StackDirection = "vertical" | "horizontal";
+interface StackProps extends HTMLAttributes<HTMLElement> {
+    gap?: StackGap;
+    direction?: StackDirection;
+    reverse?: boolean;
+    /** Cross-axis alignment (defaults to stretch). */
+    align?: "start" | "center" | "end" | "stretch" | "baseline";
+    /** Main-axis distribution. */
+    justify?: "start" | "center" | "end" | "between";
+    /** Allow children to wrap onto additional lines. */
+    wrap?: boolean;
+    grow?: boolean;
+    shrink?: boolean;
+    minWidth?: "auto" | "zero";
+    minHeight?: "auto" | "zero";
+    height?: "auto" | "full";
+    overflow?: "visible" | "hidden" | "auto" | "x-auto" | "y-auto";
+    marginTop?: "none" | "xs" | "sm" | "md" | "lg";
+    marginBottom?: "none" | "md" | "lg";
+    marginEnd?: "none" | "negative-xs";
+    marginStart?: "none" | "auto";
+    overlap?: "none" | "sm";
+    padding?: "none" | "xs" | "sm" | "control" | "compact" | "md" | "lg" | "action-row" | "card-header" | "card-footer";
+    paddingX?: "none" | "md" | "lg";
+    paddingY?: "none" | "sm" | "compact" | "section" | "md" | "lg" | "xl" | "hero";
+    paddingTop?: "none" | "tight" | "md" | "base" | "lg" | "safe";
+    paddingBottom?: "none" | "sm" | "md";
+    border?: "none" | "top" | "bottom" | "dashed";
+    tone?: "inherit" | "muted" | "subtle" | "primary" | "warning" | "destructive";
+    textSize?: "inherit" | "xs" | "sm";
+    surface?: "none" | "background" | "card" | "muted";
+    radius?: "none" | "md" | "lg" | "xl";
+    width?: "auto" | "fit" | "full";
+    textAlign?: "start" | "center";
+    columnGap?: "none" | "md";
+    rowGap?: "none" | "xs";
+    font?: "sans" | "mono";
+    transform?: "none" | "uppercase";
+    tracking?: "normal" | "wide";
+    maxWidth?: "none" | "xl";
+    maxHeight?: "none" | "viewport";
+    centered?: boolean;
+    opacity?: "full" | "soft";
+    interaction?: "none" | "group" | "hover-accent" | "group-hover-accent";
+    selected?: boolean;
+    divided?: boolean;
+    gridSpan?: "auto" | "full";
+    /** Semantic element used for the stack. */
+    as?: ElementType;
+}
+declare const Stack: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<HTMLElement>>;
+
+export { Stack };