@epicbagel/saas-kit 0.0.0-stage → 1.0.0

package/dist/primitives/status-panel.js

@@ -0,0 +1,83 @@
+"use client";
+import {
+  cn
+} from "../chunk-G6SRSWXB.js";
+
+// src/primitives/status-panel.tsx
+import {
+  forwardRef
+} from "react";
+import { jsx } from "react/jsx-runtime";
+var StatusPanel = forwardRef(
+  function StatusPanel2({ tone = "neutral", density = "compact", className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        "data-tone": tone,
+        "data-density": density,
+        className: cn(
+          "rounded-lg border text-sm leading-relaxed",
+          density === "compact" && "p-3",
+          density === "roomy" && "p-4",
+          "data-[tone=neutral]:border-border data-[tone=neutral]:bg-muted/40 data-[tone=neutral]:text-muted-foreground",
+          "data-[tone=info]:border-primary/30 data-[tone=info]:bg-primary/5 data-[tone=info]:text-foreground",
+          "data-[tone=success]:border-emerald-500/30 data-[tone=success]:bg-emerald-500/10 data-[tone=success]:text-emerald-800 dark:data-[tone=success]:text-emerald-300",
+          "data-[tone=warning]:border-amber-500/30 data-[tone=warning]:bg-amber-500/10 data-[tone=warning]:text-amber-800 dark:data-[tone=warning]:text-amber-300",
+          "data-[tone=destructive]:border-destructive/40 data-[tone=destructive]:bg-destructive/10 data-[tone=destructive]:text-destructive",
+          "[&_[data-slot=title]]:block [&_[data-slot=title]]:font-semibold",
+          "[&_[data-slot=meta]]:block [&_[data-slot=meta]]:text-current/70",
+          "[&_[data-slot=row]]:flex [&_[data-slot=row]]:items-center",
+          density === "compact" && "[&_[data-slot=meta]]:text-xs [&_[data-slot=row]]:mt-1.5 [&_[data-slot=row]]:gap-2",
+          density === "roomy" && "[&_[data-slot=meta]]:text-sm [&_[data-slot=row]]:gap-4",
+          "[&_[data-slot=label]]:min-w-0 [&_[data-slot=label]]:flex-1 [&_[data-slot=label]]:truncate",
+          "[&_[data-slot=badge]]:shrink-0 [&_[data-slot=badge]]:rounded-md [&_[data-slot=badge]]:border [&_[data-slot=badge]]:px-1.5 [&_[data-slot=badge]]:py-0.5 [&_[data-slot=badge]]:text-[10px] [&_[data-slot=badge]]:font-semibold",
+          "[&_[data-slot=action]]:font-medium [&_[data-slot=action]]:underline [&_[data-slot=action]]:underline-offset-2",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+var StatusPanelTitle = forwardRef(
+  function StatusPanelTitle2(props, ref) {
+    return /* @__PURE__ */ jsx("span", { ref, "data-slot": "title", ...props });
+  }
+);
+var StatusPanelMeta = forwardRef(
+  function StatusPanelMeta2(props, ref) {
+    return /* @__PURE__ */ jsx("span", { ref, "data-slot": "meta", ...props });
+  }
+);
+var StatusPanelRow = forwardRef(
+  function StatusPanelRow2(props, ref) {
+    return /* @__PURE__ */ jsx("div", { ref, "data-slot": "row", ...props });
+  }
+);
+var StatusPanelLinkRow = forwardRef(function StatusPanelLinkRow2(props, ref) {
+  return /* @__PURE__ */ jsx("a", { ref, "data-slot": "row", ...props });
+});
+var StatusPanelLabel = forwardRef(
+  function StatusPanelLabel2(props, ref) {
+    return /* @__PURE__ */ jsx("span", { ref, "data-slot": "label", ...props });
+  }
+);
+var StatusPanelBadge = forwardRef(
+  function StatusPanelBadge2(props, ref) {
+    return /* @__PURE__ */ jsx("span", { ref, "data-slot": "badge", ...props });
+  }
+);
+var StatusPanelAction = forwardRef(function StatusPanelAction2(props, ref) {
+  return /* @__PURE__ */ jsx("a", { ref, "data-slot": "action", ...props });
+});
+export {
+  StatusPanel,
+  StatusPanelAction,
+  StatusPanelBadge,
+  StatusPanelLabel,
+  StatusPanelLinkRow,
+  StatusPanelMeta,
+  StatusPanelRow,
+  StatusPanelTitle
+};

package/dist/primitives/switch-field.cjs

@@ -0,0 +1,44 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunk2XDFTB2Wcjs = require('../chunk-2XDFTB2W.cjs');
+
+
+var _chunk373W6VADcjs = require('../chunk-373W6VAD.cjs');
+
+
+var _chunkR3DQS6U4cjs = require('../chunk-R3DQS6U4.cjs');
+
+
+var _chunkIQZLUT2Ycjs = require('../chunk-IQZLUT2Y.cjs');
+
+
+var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
+
+// src/primitives/switch-field.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function SwitchField({
+  id,
+  label,
+  description,
+  className,
+  variant = "card",
+  align = "start",
+  ...switchProps
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkR3DQS6U4cjs.Card, { className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+    "flex justify-between gap-4",
+    variant === "card" ? "p-3" : "border-0 bg-transparent p-0 shadow-none",
+    align === "start" ? "items-start" : "items-center",
+    className
+  ), children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "min-w-0 space-y-1", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIQZLUT2Ycjs.Label, { htmlFor: id, children: label }),
+      description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk373W6VADcjs.Text, { variant: "muted", className: "text-xs", children: description })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XDFTB2Wcjs.Switch, { id, className: "shrink-0", ...switchProps })
+  ] });
+}
+
+
+exports.SwitchField = SwitchField;

package/dist/primitives/switch-field.d.cts

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentProps, ReactNode } from 'react';
+import { Switch } from './switch.cjs';
+import '@radix-ui/react-switch';
+
+interface SwitchFieldProps extends Omit<ComponentProps<typeof Switch>, "id"> {
+    id: string;
+    label: ReactNode;
+    description?: ReactNode;
+    className?: string;
+    variant?: "card" | "inline";
+    align?: "start" | "center";
+}
+/** A consistently labelled switch row for forms and settings surfaces. */
+declare function SwitchField({ id, label, description, className, variant, align, ...switchProps }: SwitchFieldProps): react_jsx_runtime.JSX.Element;
+
+export { SwitchField, type SwitchFieldProps };

package/dist/primitives/switch-field.d.ts

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentProps, ReactNode } from 'react';
+import { Switch } from './switch.js';
+import '@radix-ui/react-switch';
+
+interface SwitchFieldProps extends Omit<ComponentProps<typeof Switch>, "id"> {
+    id: string;
+    label: ReactNode;
+    description?: ReactNode;
+    className?: string;
+    variant?: "card" | "inline";
+    align?: "start" | "center";
+}
+/** A consistently labelled switch row for forms and settings surfaces. */
+declare function SwitchField({ id, label, description, className, variant, align, ...switchProps }: SwitchFieldProps): react_jsx_runtime.JSX.Element;
+
+export { SwitchField, type SwitchFieldProps };

package/dist/primitives/switch-field.js

@@ -0,0 +1,44 @@
+"use client";
+import {
+  Switch
+} from "../chunk-XAPPU3MD.js";
+import {
+  Text
+} from "../chunk-EIY5LLSP.js";
+import {
+  Card
+} from "../chunk-35YMAIEL.js";
+import {
+  Label
+} from "../chunk-E2TQMDO7.js";
+import {
+  cn
+} from "../chunk-G6SRSWXB.js";
+
+// src/primitives/switch-field.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function SwitchField({
+  id,
+  label,
+  description,
+  className,
+  variant = "card",
+  align = "start",
+  ...switchProps
+}) {
+  return /* @__PURE__ */ jsxs(Card, { className: cn(
+    "flex justify-between gap-4",
+    variant === "card" ? "p-3" : "border-0 bg-transparent p-0 shadow-none",
+    align === "start" ? "items-start" : "items-center",
+    className
+  ), children: [
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0 space-y-1", children: [
+      /* @__PURE__ */ jsx(Label, { htmlFor: id, children: label }),
+      description && /* @__PURE__ */ jsx(Text, { variant: "muted", className: "text-xs", children: description })
+    ] }),
+    /* @__PURE__ */ jsx(Switch, { id, className: "shrink-0", ...switchProps })
+  ] });
+}
+export {
+  SwitchField
+};

package/dist/primitives/switch.cjs

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

package/dist/primitives/switch.d.cts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import * as SwitchPrimitives from '@radix-ui/react-switch';
+
+declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+
+export { Switch };

package/dist/primitives/switch.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import * as SwitchPrimitives from '@radix-ui/react-switch';
+
+declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+
+export { Switch };

package/dist/primitives/switch.js

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

package/dist/primitives/tabs.cjs

@@ -0,0 +1,14 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+
+
+
+var _chunkDFB4ILN6cjs = require('../chunk-DFB4ILN6.cjs');
+require('../chunk-KWLSBTB2.cjs');
+
+
+
+
+
+exports.Tabs = _chunkDFB4ILN6cjs.Tabs; exports.TabsContent = _chunkDFB4ILN6cjs.TabsContent; exports.TabsList = _chunkDFB4ILN6cjs.TabsList; exports.TabsTrigger = _chunkDFB4ILN6cjs.TabsTrigger;

package/dist/primitives/tabs.d.cts

@@ -0,0 +1,36 @@
+import * as React from 'react';
+import { ComponentPropsWithoutRef } from 'react';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+
+declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
+interface TabsListProps extends ComponentPropsWithoutRef<typeof TabsPrimitive.List> {
+    /**
+     * Keep a small, fixed set of tabs visible on phones: two columns on
+     * mobile, then a single row from the small breakpoint upwards.
+     */
+    responsiveGrid?: boolean;
+    /**
+     * Let the strip scroll sideways instead of overflowing its container.
+     *
+     * Triggers are `whitespace-nowrap`, so four or more of them run past
+     * the edge of a phone-width column and the last one becomes
+     * unreachable. Opt-in rather than default, because the common two- or
+     * three-tab strip should stay centred and inline-flex.
+     */
+    scrollable?: boolean;
+    width?: "auto" | "full";
+    marginBottom?: "none" | "lg";
+}
+declare const TabsList: React.ForwardRefExoticComponent<TabsListProps & React.RefAttributes<HTMLDivElement>>;
+interface TabsTriggerProps extends ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger> {
+    /** Roomy by default; opt into a denser tab only when its context requires it. */
+    padding?: "sm" | "md" | "lg" | "xl";
+}
+declare const TabsTrigger: React.ForwardRefExoticComponent<TabsTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+interface TabsContentProps extends ComponentPropsWithoutRef<typeof TabsPrimitive.Content> {
+    spacing?: "none" | "compact" | "md" | "relaxed";
+    marginTop?: "default" | "md";
+}
+declare const TabsContent: React.ForwardRefExoticComponent<TabsContentProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, TabsTrigger, type TabsTriggerProps };

package/dist/primitives/tabs.d.ts

@@ -0,0 +1,36 @@
+import * as React from 'react';
+import { ComponentPropsWithoutRef } from 'react';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+
+declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
+interface TabsListProps extends ComponentPropsWithoutRef<typeof TabsPrimitive.List> {
+    /**
+     * Keep a small, fixed set of tabs visible on phones: two columns on
+     * mobile, then a single row from the small breakpoint upwards.
+     */
+    responsiveGrid?: boolean;
+    /**
+     * Let the strip scroll sideways instead of overflowing its container.
+     *
+     * Triggers are `whitespace-nowrap`, so four or more of them run past
+     * the edge of a phone-width column and the last one becomes
+     * unreachable. Opt-in rather than default, because the common two- or
+     * three-tab strip should stay centred and inline-flex.
+     */
+    scrollable?: boolean;
+    width?: "auto" | "full";
+    marginBottom?: "none" | "lg";
+}
+declare const TabsList: React.ForwardRefExoticComponent<TabsListProps & React.RefAttributes<HTMLDivElement>>;
+interface TabsTriggerProps extends ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger> {
+    /** Roomy by default; opt into a denser tab only when its context requires it. */
+    padding?: "sm" | "md" | "lg" | "xl";
+}
+declare const TabsTrigger: React.ForwardRefExoticComponent<TabsTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+interface TabsContentProps extends ComponentPropsWithoutRef<typeof TabsPrimitive.Content> {
+    spacing?: "none" | "compact" | "md" | "relaxed";
+    marginTop?: "default" | "md";
+}
+declare const TabsContent: React.ForwardRefExoticComponent<TabsContentProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, TabsTrigger, type TabsTriggerProps };

package/dist/primitives/tabs.js

@@ -0,0 +1,14 @@
+"use client";
+import {
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger
+} from "../chunk-7CRDYV3C.js";
+import "../chunk-G6SRSWXB.js";
+export {
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger
+};

package/dist/primitives/tag-input.cjs

@@ -0,0 +1,90 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+"use client";
+
+
+var _chunkIQZLUT2Ycjs = require('../chunk-IQZLUT2Y.cjs');
+
+
+var _chunkPQUSJEXLcjs = require('../chunk-PQUSJEXL.cjs');
+
+
+var _chunkI6GUOEBOcjs = require('../chunk-I6GUOEBO.cjs');
+
+
+var _chunkL4DH72UFcjs = require('../chunk-L4DH72UF.cjs');
+require('../chunk-KWLSBTB2.cjs');
+
+// src/primitives/tag-input.tsx
+var _lucidereact = require('lucide-react');
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+function TagInput({
+  value = [],
+  onChange,
+  placeholder = "Add a tag...",
+  label,
+  disabled = false,
+  className = ""
+}) {
+  const [inputValue, setInputValue] = _react.useState.call(void 0, "");
+  const handleAddTag = () => {
+    const trimmedValue = inputValue.trim();
+    if (trimmedValue && !value.includes(trimmedValue)) {
+      onChange([...value, trimmedValue]);
+      setInputValue("");
+    }
+  };
+  const handleRemoveTag = (tagToRemove) => {
+    onChange(value.filter((tag) => tag !== tagToRemove));
+  };
+  const handleKeyPress = (e) => {
+    if (e.key === "Enter") {
+      e.preventDefault();
+      handleAddTag();
+    }
+  };
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: `space-y-2 ${className}`, children: [
+    label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIQZLUT2Ycjs.Label, { children: label }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-wrap gap-2", children: value.map((tag) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkI6GUOEBOcjs.Badge, { variant: "secondary", className: "text-sm", children: [
+      tag,
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkL4DH72UFcjs.Button,
+        {
+          variant: "ghost",
+          size: "sm",
+          className: "h-auto p-0 ml-1 hover:bg-transparent",
+          onClick: () => handleRemoveTag(tag),
+          disabled,
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.X, { className: "h-3 w-3" })
+        }
+      )
+    ] }, tag)) }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkPQUSJEXLcjs.Input,
+        {
+          value: inputValue,
+          onChange: (e) => setInputValue(e.target.value),
+          onKeyPress: handleKeyPress,
+          placeholder,
+          disabled,
+          className: "flex-1"
+        }
+      ),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkL4DH72UFcjs.Button,
+        {
+          type: "button",
+          variant: "outline",
+          size: "sm",
+          onClick: handleAddTag,
+          disabled: disabled || !inputValue.trim(),
+          children: "Add"
+        }
+      )
+    ] })
+  ] });
+}
+
+
+exports.TagInput = TagInput;

package/dist/primitives/tag-input.d.cts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface TagInputProps {
+    value: string[];
+    onChange: (_tags: string[]) => void;
+    placeholder?: string;
+    label?: string;
+    disabled?: boolean;
+    className?: string;
+}
+declare function TagInput({ value, onChange, placeholder, label, disabled, className, }: TagInputProps): react_jsx_runtime.JSX.Element;
+
+export { TagInput };

package/dist/primitives/tag-input.d.ts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface TagInputProps {
+    value: string[];
+    onChange: (_tags: string[]) => void;
+    placeholder?: string;
+    label?: string;
+    disabled?: boolean;
+    className?: string;
+}
+declare function TagInput({ value, onChange, placeholder, label, disabled, className, }: TagInputProps): react_jsx_runtime.JSX.Element;
+
+export { TagInput };

package/dist/primitives/tag-input.js

@@ -0,0 +1,90 @@
+"use client";
+"use client";
+import {
+  Label
+} from "../chunk-E2TQMDO7.js";
+import {
+  Input
+} from "../chunk-QMA3WVB7.js";
+import {
+  Badge
+} from "../chunk-D4ZL2OEQ.js";
+import {
+  Button
+} from "../chunk-HQRWRRZJ.js";
+import "../chunk-G6SRSWXB.js";
+
+// src/primitives/tag-input.tsx
+import { X } from "lucide-react";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function TagInput({
+  value = [],
+  onChange,
+  placeholder = "Add a tag...",
+  label,
+  disabled = false,
+  className = ""
+}) {
+  const [inputValue, setInputValue] = useState("");
+  const handleAddTag = () => {
+    const trimmedValue = inputValue.trim();
+    if (trimmedValue && !value.includes(trimmedValue)) {
+      onChange([...value, trimmedValue]);
+      setInputValue("");
+    }
+  };
+  const handleRemoveTag = (tagToRemove) => {
+    onChange(value.filter((tag) => tag !== tagToRemove));
+  };
+  const handleKeyPress = (e) => {
+    if (e.key === "Enter") {
+      e.preventDefault();
+      handleAddTag();
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: `space-y-2 ${className}`, children: [
+    label && /* @__PURE__ */ jsx(Label, { children: label }),
+    /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: value.map((tag) => /* @__PURE__ */ jsxs(Badge, { variant: "secondary", className: "text-sm", children: [
+      tag,
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "ghost",
+          size: "sm",
+          className: "h-auto p-0 ml-1 hover:bg-transparent",
+          onClick: () => handleRemoveTag(tag),
+          disabled,
+          children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3" })
+        }
+      )
+    ] }, tag)) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          value: inputValue,
+          onChange: (e) => setInputValue(e.target.value),
+          onKeyPress: handleKeyPress,
+          placeholder,
+          disabled,
+          className: "flex-1"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          size: "sm",
+          onClick: handleAddTag,
+          disabled: disabled || !inputValue.trim(),
+          children: "Add"
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  TagInput
+};

package/dist/primitives/text.cjs

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

package/dist/primitives/text.d.cts

@@ -0,0 +1,51 @@
+import * as React from 'react';
+import { HTMLAttributes, ElementType } from 'react';
+
+/**
+ * Text — body / paragraph primitive.
+ *
+ * One canonical body scale. Consumers render <Text variant="muted"> instead
+ * of typing `<p className="text-sm text-muted-foreground">` ad hoc.
+ *
+ * `variant` controls the visual treatment. Default is paragraph body
+ * text. `muted` greys the text (descriptions, captions). `lead` is a
+ * larger paragraph for hero/intro copy. `small` is for meta text
+ * (timestamps, counts).
+ */
+type TextVariant = "default" | "muted" | "lead" | "small" | "caption" | "micro" | "eyebrow" | "inherit";
+interface TextProps extends HTMLAttributes<HTMLElement> {
+    variant?: TextVariant;
+    size?: "inherit" | "micro" | "xs" | "sm" | "base" | "lg";
+    tone?: "inherit" | "muted" | "subtle" | "soft" | "primary" | "success" | "warning" | "destructive";
+    weight?: "normal" | "medium" | "semibold";
+    display?: "inline" | "block" | "inline-flex";
+    truncate?: boolean;
+    grow?: boolean;
+    minWidth?: "auto" | "zero";
+    font?: "sans" | "mono";
+    align?: "start" | "center" | "end";
+    transform?: "none" | "uppercase" | "capitalize";
+    whitespace?: "normal" | "pre-wrap" | "pre-line" | "nowrap";
+    marginTop?: "none" | "tight" | "xs" | "sm" | "md" | "lg";
+    marginBottom?: "none" | "xs" | "sm" | "md" | "lg";
+    marginStart?: "none" | "sm";
+    padding?: "none" | "md";
+    paddingY?: "none" | "sm" | "lg";
+    marginEnd?: "none" | "xs" | "md";
+    italic?: boolean;
+    shrink?: boolean;
+    lineClamp?: 1 | 2 | 3;
+    responsiveVisibility?: "always" | "desktop";
+    opacity?: "full" | "soft";
+    marginTopNegative?: "none" | "xs";
+    paddingX?: "none" | "sm" | "md";
+    numeric?: "normal" | "tabular";
+    leading?: "normal" | "none" | "snug";
+    decoration?: "none" | "line-through";
+    maxWidth?: "none" | "sm" | "md" | "lg";
+    /** Override the rendered tag. Defaults to <p>. */
+    as?: ElementType;
+}
+declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLElement>>;
+
+export { Text, type TextVariant };