@epicbagel/saas-kit 0.0.0-stage → 1.1.0

package/dist/primitives/contact-header.cjs

@@ -0,0 +1,60 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
+
+// src/primitives/contact-header.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function ContactHeader({
+  avatar,
+  name,
+  status,
+  meta,
+  actions,
+  onClose,
+  closeLabel = "Close",
+  className,
+  spacing = "default"
+}) {
+  const hasTrailing = !!actions || !!onClose;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkKWLSBTB2cjs.cn.call(void 0, "flex items-start gap-4", spacing === "default" && "mb-6", className), children: [
+    avatar && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "shrink-0", children: avatar }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-start justify-between gap-3", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h1", { className: "min-w-0 text-xl font-semibold tracking-tight md:text-2xl", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "inline-flex min-w-0 max-w-full items-center gap-2", children: [
+          name,
+          status
+        ] }) }),
+        hasTrailing && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex shrink-0 items-center gap-1.5", children: [
+          actions,
+          onClose && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "button",
+            {
+              type: "button",
+              onClick: onClose,
+              "aria-label": closeLabel,
+              className: "inline-flex h-8 w-8 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-accent hover:text-foreground",
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "svg",
+                {
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  strokeLinecap: "round",
+                  className: "h-4 w-4",
+                  "aria-hidden": true,
+                  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M18 6 6 18M6 6l12 12" })
+                }
+              )
+            }
+          )
+        ] })
+      ] }),
+      meta && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mt-1.5 flex flex-wrap items-center gap-1.5", children: meta })
+    ] })
+  ] });
+}
+
+
+exports.ContactHeader = ContactHeader;

package/dist/primitives/contact-header.d.cts

@@ -0,0 +1,54 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface ContactHeaderProps {
+    /** Avatar or avatar uploader. Sized by the caller; 44–48px reads best. */
+    avatar?: ReactNode;
+    /** The person's name — plain text, or an inline editor. */
+    name: ReactNode;
+    /**
+     * A marker that belongs ON the name line: an unread dot, a "needs contact"
+     * indicator, a verification tick. Kept out of `meta` so it can't be pushed
+     * onto the second line when the chips wrap.
+     */
+    status?: ReactNode;
+    /**
+     * Secondary identity under the name — role and company, typically as chips
+     * or inline editors. Wraps freely.
+     */
+    meta?: ReactNode;
+    /** Reach-out controls. Sits on the name line, right-aligned. */
+    actions?: ReactNode;
+    /** Renders a close control alongside the actions. Omit outside a panel. */
+    onClose?: () => void;
+    closeLabel?: string;
+    className?: string;
+    spacing?: "none" | "default";
+}
+/**
+ * The identity block at the top of a contact view — avatar, name, role and
+ * company, and the ways to reach them.
+ *
+ * Exists because composing this from a page header goes subtly wrong. A page
+ * header IS a row: title left, actions right, `justify-between` between them. Put it
+ * in a column beside an avatar and that row collapses to the column's width,
+ * so the actions have nowhere to go but underneath — a third stacked band with
+ * a lone icon in it, and a wide empty gutter to the right of the name. Its
+ * page-level `text-3xl` and `mb-6` are tuned for a route heading, not for
+ * sitting next to a 44px avatar.
+ *
+ * So this owns the whole composition instead:
+ *   - one row: avatar, then a column of (name + actions) over (meta)
+ *   - the actions share the name's line, which is what closes the gutter and
+ *     removes the orphaned band
+ *   - the close control joins the actions, so there's a single right-hand
+ *     cluster rather than a × floating in the corner
+ *   - the name steps down to text-xl/2xl — a contact is the subject of a
+ *     panel, not the title of a page
+ *
+ * Every slot is a ReactNode, so the same header serves a read-only card and a
+ * fully editable detail view without knowing which it is.
+ */
+declare function ContactHeader({ avatar, name, status, meta, actions, onClose, closeLabel, className, spacing, }: ContactHeaderProps): react_jsx_runtime.JSX.Element;
+
+export { ContactHeader, type ContactHeaderProps };

package/dist/primitives/contact-header.d.ts

@@ -0,0 +1,54 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface ContactHeaderProps {
+    /** Avatar or avatar uploader. Sized by the caller; 44–48px reads best. */
+    avatar?: ReactNode;
+    /** The person's name — plain text, or an inline editor. */
+    name: ReactNode;
+    /**
+     * A marker that belongs ON the name line: an unread dot, a "needs contact"
+     * indicator, a verification tick. Kept out of `meta` so it can't be pushed
+     * onto the second line when the chips wrap.
+     */
+    status?: ReactNode;
+    /**
+     * Secondary identity under the name — role and company, typically as chips
+     * or inline editors. Wraps freely.
+     */
+    meta?: ReactNode;
+    /** Reach-out controls. Sits on the name line, right-aligned. */
+    actions?: ReactNode;
+    /** Renders a close control alongside the actions. Omit outside a panel. */
+    onClose?: () => void;
+    closeLabel?: string;
+    className?: string;
+    spacing?: "none" | "default";
+}
+/**
+ * The identity block at the top of a contact view — avatar, name, role and
+ * company, and the ways to reach them.
+ *
+ * Exists because composing this from a page header goes subtly wrong. A page
+ * header IS a row: title left, actions right, `justify-between` between them. Put it
+ * in a column beside an avatar and that row collapses to the column's width,
+ * so the actions have nowhere to go but underneath — a third stacked band with
+ * a lone icon in it, and a wide empty gutter to the right of the name. Its
+ * page-level `text-3xl` and `mb-6` are tuned for a route heading, not for
+ * sitting next to a 44px avatar.
+ *
+ * So this owns the whole composition instead:
+ *   - one row: avatar, then a column of (name + actions) over (meta)
+ *   - the actions share the name's line, which is what closes the gutter and
+ *     removes the orphaned band
+ *   - the close control joins the actions, so there's a single right-hand
+ *     cluster rather than a × floating in the corner
+ *   - the name steps down to text-xl/2xl — a contact is the subject of a
+ *     panel, not the title of a page
+ *
+ * Every slot is a ReactNode, so the same header serves a read-only card and a
+ * fully editable detail view without knowing which it is.
+ */
+declare function ContactHeader({ avatar, name, status, meta, actions, onClose, closeLabel, className, spacing, }: ContactHeaderProps): react_jsx_runtime.JSX.Element;
+
+export { ContactHeader, type ContactHeaderProps };

package/dist/primitives/contact-header.js

@@ -0,0 +1,60 @@
+"use client";
+import {
+  cn
+} from "../chunk-G6SRSWXB.js";
+
+// src/primitives/contact-header.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function ContactHeader({
+  avatar,
+  name,
+  status,
+  meta,
+  actions,
+  onClose,
+  closeLabel = "Close",
+  className,
+  spacing = "default"
+}) {
+  const hasTrailing = !!actions || !!onClose;
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex items-start gap-4", spacing === "default" && "mb-6", className), children: [
+    avatar && /* @__PURE__ */ jsx("div", { className: "shrink-0", children: avatar }),
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3", children: [
+        /* @__PURE__ */ jsx("h1", { className: "min-w-0 text-xl font-semibold tracking-tight md:text-2xl", children: /* @__PURE__ */ jsxs("span", { className: "inline-flex min-w-0 max-w-full items-center gap-2", children: [
+          name,
+          status
+        ] }) }),
+        hasTrailing && /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-1.5", children: [
+          actions,
+          onClose && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: onClose,
+              "aria-label": closeLabel,
+              className: "inline-flex h-8 w-8 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-accent hover:text-foreground",
+              children: /* @__PURE__ */ jsx(
+                "svg",
+                {
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  strokeLinecap: "round",
+                  className: "h-4 w-4",
+                  "aria-hidden": true,
+                  children: /* @__PURE__ */ jsx("path", { d: "M18 6 6 18M6 6l12 12" })
+                }
+              )
+            }
+          )
+        ] })
+      ] }),
+      meta && /* @__PURE__ */ jsx("div", { className: "mt-1.5 flex flex-wrap items-center gap-1.5", children: meta })
+    ] })
+  ] });
+}
+export {
+  ContactHeader
+};

package/dist/primitives/copy-button.cjs

@@ -0,0 +1,10 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkVKIGJNJRcjs = require('../chunk-VKIGJNJR.cjs');
+require('../chunk-L4DH72UF.cjs');
+require('../chunk-4LXN6GLZ.cjs');
+require('../chunk-KWLSBTB2.cjs');
+
+
+exports.CopyButton = _chunkVKIGJNJRcjs.CopyButton;

package/dist/primitives/copy-button.d.cts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { ReactNode } from 'react';
+import { ButtonProps } from './button.cjs';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+
+interface CopyButtonProps extends Omit<ButtonProps, "onClick" | "children"> {
+    /** The text to copy when clicked. */
+    text: string;
+    /** Optional label shown next to the icon. Omit for an icon-only button. */
+    label?: ReactNode;
+    /** Label shown after a successful copy. Defaults to `label`. */
+    copiedLabel?: ReactNode;
+    /** ms before the success state reverts. Defaults to 2000. */
+    resetAfter?: number;
+    /** Fired after `navigator.clipboard.writeText` resolves with success/failure. */
+    onCopied?: (success: boolean) => void;
+}
+declare const CopyButton: React.ForwardRefExoticComponent<CopyButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { CopyButton, type CopyButtonProps };

package/dist/primitives/copy-button.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { ReactNode } from 'react';
+import { ButtonProps } from './button.js';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+
+interface CopyButtonProps extends Omit<ButtonProps, "onClick" | "children"> {
+    /** The text to copy when clicked. */
+    text: string;
+    /** Optional label shown next to the icon. Omit for an icon-only button. */
+    label?: ReactNode;
+    /** Label shown after a successful copy. Defaults to `label`. */
+    copiedLabel?: ReactNode;
+    /** ms before the success state reverts. Defaults to 2000. */
+    resetAfter?: number;
+    /** Fired after `navigator.clipboard.writeText` resolves with success/failure. */
+    onCopied?: (success: boolean) => void;
+}
+declare const CopyButton: React.ForwardRefExoticComponent<CopyButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { CopyButton, type CopyButtonProps };

package/dist/primitives/copy-button.js

@@ -0,0 +1,10 @@
+"use client";
+import {
+  CopyButton
+} from "../chunk-NW3OWKBN.js";
+import "../chunk-HQRWRRZJ.js";
+import "../chunk-ZWZAAGQF.js";
+import "../chunk-G6SRSWXB.js";
+export {
+  CopyButton
+};

package/dist/primitives/count-badge.cjs

@@ -0,0 +1,9 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkVGTINL5Qcjs = require('../chunk-VGTINL5Q.cjs');
+require('../chunk-I6GUOEBO.cjs');
+require('../chunk-KWLSBTB2.cjs');
+
+
+exports.CountBadge = _chunkVGTINL5Qcjs.CountBadge;

package/dist/primitives/count-badge.d.cts

@@ -0,0 +1,21 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { BadgeProps } from './badge.cjs';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+import 'react';
+
+interface CountBadgeProps extends Omit<BadgeProps, "as" | "children" | "size" | "shrink"> {
+    /** Theme colour. Defaults to destructive; use secondary for neutral totals. */
+    variant?: BadgeProps["variant"];
+    /** Number or compact count label, for example `12`, `9+`, or `…`. */
+    value: number | string;
+}
+/**
+ * Compact numeric status badge with stable geometry.
+ *
+ * A single character is a true 20px circle. Longer values grow horizontally
+ * while retaining a 20px height, centred text, and tabular numerals.
+ */
+declare function CountBadge({ value, variant, className, ...props }: CountBadgeProps): react_jsx_runtime.JSX.Element;
+
+export { CountBadge, type CountBadgeProps };

package/dist/primitives/count-badge.d.ts

@@ -0,0 +1,21 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { BadgeProps } from './badge.js';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+import 'react';
+
+interface CountBadgeProps extends Omit<BadgeProps, "as" | "children" | "size" | "shrink"> {
+    /** Theme colour. Defaults to destructive; use secondary for neutral totals. */
+    variant?: BadgeProps["variant"];
+    /** Number or compact count label, for example `12`, `9+`, or `…`. */
+    value: number | string;
+}
+/**
+ * Compact numeric status badge with stable geometry.
+ *
+ * A single character is a true 20px circle. Longer values grow horizontally
+ * while retaining a 20px height, centred text, and tabular numerals.
+ */
+declare function CountBadge({ value, variant, className, ...props }: CountBadgeProps): react_jsx_runtime.JSX.Element;
+
+export { CountBadge, type CountBadgeProps };

package/dist/primitives/count-badge.js

@@ -0,0 +1,9 @@
+"use client";
+import {
+  CountBadge
+} from "../chunk-H7TETFLB.js";
+import "../chunk-D4ZL2OEQ.js";
+import "../chunk-G6SRSWXB.js";
+export {
+  CountBadge
+};

package/dist/primitives/decision-actions.cjs

@@ -0,0 +1,66 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+"use client";
+
+
+var _chunkRSFEKQDRcjs = require('../chunk-RSFEKQDR.cjs');
+
+
+var _chunkL4DH72UFcjs = require('../chunk-L4DH72UF.cjs');
+
+
+var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
+
+// src/primitives/decision-actions.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function DecisionActions({
+  options,
+  value,
+  onChange,
+  disabled = false,
+  ariaLabel = "Decision",
+  trailing,
+  layout = "inline"
+}) {
+  const fill = layout === "fill";
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    _chunkRSFEKQDRcjs.Stack,
+    {
+      direction: "horizontal",
+      gap: "sm",
+      align: "center",
+      wrap: !fill,
+      grow: fill,
+      width: fill ? "full" : "auto",
+      role: "group",
+      "aria-label": ariaLabel,
+      children: [
+        options.map((option) => {
+          const selected = option.value === value;
+          return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunkL4DH72UFcjs.Button,
+            {
+              type: "button",
+              size: "compact",
+              grow: fill,
+              className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+                "h-auto",
+                fill ? "min-h-11 px-5 py-2.5" : "px-4 py-2",
+                selected && "border border-transparent"
+              ),
+              variant: selected ? "default" : "outline",
+              disabled,
+              "aria-pressed": selected,
+              onClick: () => onChange(option.value),
+              children: option.label
+            },
+            option.value
+          );
+        }),
+        trailing
+      ]
+    }
+  );
+}
+
+
+exports.DecisionActions = DecisionActions;

package/dist/primitives/decision-actions.d.cts

@@ -0,0 +1,31 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface DecisionActionOption<TValue extends string = string> {
+    value: TValue;
+    label: ReactNode;
+}
+interface DecisionActionsProps<TValue extends string = string> {
+    options: readonly DecisionActionOption<TValue>[];
+    value?: TValue;
+    onChange: (value: TValue) => void;
+    disabled?: boolean;
+    ariaLabel?: string;
+    trailing?: ReactNode;
+    /**
+     * `inline` keeps a compact cluster. `fill` gives every decision equal space
+     * inside a persistent action bar without increasing the label typography.
+     */
+    layout?: "inline" | "fill";
+}
+/**
+ * Roomy, reusable controls for choosing a review disposition.
+ *
+ * These keep the compact label typography and visual scale while increasing
+ * only the inset between the label and its border. Keeping that distinction
+ * here prevents products from conflating a padding request with rescaling the
+ * entire control.
+ */
+declare function DecisionActions<TValue extends string>({ options, value, onChange, disabled, ariaLabel, trailing, layout, }: DecisionActionsProps<TValue>): react_jsx_runtime.JSX.Element;
+
+export { type DecisionActionOption, DecisionActions, type DecisionActionsProps };

package/dist/primitives/decision-actions.d.ts

@@ -0,0 +1,31 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface DecisionActionOption<TValue extends string = string> {
+    value: TValue;
+    label: ReactNode;
+}
+interface DecisionActionsProps<TValue extends string = string> {
+    options: readonly DecisionActionOption<TValue>[];
+    value?: TValue;
+    onChange: (value: TValue) => void;
+    disabled?: boolean;
+    ariaLabel?: string;
+    trailing?: ReactNode;
+    /**
+     * `inline` keeps a compact cluster. `fill` gives every decision equal space
+     * inside a persistent action bar without increasing the label typography.
+     */
+    layout?: "inline" | "fill";
+}
+/**
+ * Roomy, reusable controls for choosing a review disposition.
+ *
+ * These keep the compact label typography and visual scale while increasing
+ * only the inset between the label and its border. Keeping that distinction
+ * here prevents products from conflating a padding request with rescaling the
+ * entire control.
+ */
+declare function DecisionActions<TValue extends string>({ options, value, onChange, disabled, ariaLabel, trailing, layout, }: DecisionActionsProps<TValue>): react_jsx_runtime.JSX.Element;
+
+export { type DecisionActionOption, DecisionActions, type DecisionActionsProps };

package/dist/primitives/decision-actions.js

@@ -0,0 +1,66 @@
+"use client";
+"use client";
+import {
+  Stack
+} from "../chunk-6RVPQGYS.js";
+import {
+  Button
+} from "../chunk-HQRWRRZJ.js";
+import {
+  cn
+} from "../chunk-G6SRSWXB.js";
+
+// src/primitives/decision-actions.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function DecisionActions({
+  options,
+  value,
+  onChange,
+  disabled = false,
+  ariaLabel = "Decision",
+  trailing,
+  layout = "inline"
+}) {
+  const fill = layout === "fill";
+  return /* @__PURE__ */ jsxs(
+    Stack,
+    {
+      direction: "horizontal",
+      gap: "sm",
+      align: "center",
+      wrap: !fill,
+      grow: fill,
+      width: fill ? "full" : "auto",
+      role: "group",
+      "aria-label": ariaLabel,
+      children: [
+        options.map((option) => {
+          const selected = option.value === value;
+          return /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              size: "compact",
+              grow: fill,
+              className: cn(
+                "h-auto",
+                fill ? "min-h-11 px-5 py-2.5" : "px-4 py-2",
+                selected && "border border-transparent"
+              ),
+              variant: selected ? "default" : "outline",
+              disabled,
+              "aria-pressed": selected,
+              onClick: () => onChange(option.value),
+              children: option.label
+            },
+            option.value
+          );
+        }),
+        trailing
+      ]
+    }
+  );
+}
+export {
+  DecisionActions
+};

package/dist/primitives/definition-list.cjs

@@ -0,0 +1,65 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
+
+// src/primitives/definition-list.tsx
+var _react = require('react');
+var _classvarianceauthority = require('class-variance-authority');
+var _jsxruntime = require('react/jsx-runtime');
+var definitionListVariants = _classvarianceauthority.cva.call(void 0, "", {
+  variants: {
+    variant: {
+      divided: "divide-y",
+      plain: "space-y-1"
+    }
+  },
+  defaultVariants: {
+    variant: "divided"
+  }
+});
+var DefinitionList = _react.forwardRef.call(void 0, 
+  function DefinitionList2({ variant, inset = "none", className, ...rest }, ref) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "dl",
+      {
+        ref,
+        className: _chunkKWLSBTB2cjs.cn.call(void 0, definitionListVariants({ variant }), inset === "lg" && "px-5", className),
+        ...rest
+      }
+    );
+  }
+);
+function DefinitionItem({
+  label,
+  children,
+  valueClassName,
+  className
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "flex items-baseline justify-between gap-2 py-2.5 text-sm",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "dt", { className: "text-muted-foreground", children: label }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "dd",
+          {
+            className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+              "text-right font-medium text-foreground/90 max-w-[60%] break-words",
+              valueClassName
+            ),
+            children
+          }
+        )
+      ]
+    }
+  );
+}
+
+
+
+exports.DefinitionItem = DefinitionItem; exports.DefinitionList = DefinitionList;

package/dist/primitives/definition-list.d.cts

@@ -0,0 +1,23 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { ReactNode, HTMLAttributes } from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+declare const definitionListVariants: (props?: ({
+    variant?: "plain" | "divided" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface DefinitionListProps extends HTMLAttributes<HTMLDListElement>, VariantProps<typeof definitionListVariants> {
+    inset?: "none" | "lg";
+}
+declare const DefinitionList: React.ForwardRefExoticComponent<DefinitionListProps & React.RefAttributes<HTMLDListElement>>;
+interface DefinitionItemProps {
+    label: ReactNode;
+    children: ReactNode;
+    /** Width-bound the value so long strings wrap rather than push the label. */
+    valueClassName?: string;
+    className?: string;
+}
+declare function DefinitionItem({ label, children, valueClassName, className, }: DefinitionItemProps): react_jsx_runtime.JSX.Element;
+
+export { DefinitionItem, type DefinitionItemProps, DefinitionList, type DefinitionListProps };