@epicbagel/saas-kit 0.0.0-stage → 1.0.0

package/dist/primitives/text.d.ts

@@ -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 };

package/dist/primitives/text.js

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

package/dist/primitives/textarea.cjs

@@ -0,0 +1,37 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
+
+
+var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
+
+// src/primitives/textarea.tsx
+var _react = require('react'); var React = _interopRequireWildcard(_react);
+var _jsxruntime = require('react/jsx-runtime');
+var Textarea = React.forwardRef(
+  ({ className, textSize = "sm", resize = "vertical", grow = false, font = "sans", height = "auto", ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "textarea",
+      {
+        "data-slot": "textarea",
+        className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+          "flex min-h-[80px] w-full rounded-md border bg-background px-3 py-2 ring-offset-background placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+          // Entered text keeps the iOS-safe floor. The shared stylesheet sizes
+          // placeholder copy independently at the compact 14px base scale.
+          textSize === "sm" ? "text-[16px] md:text-sm" : "text-[16px] md:text-xs",
+          resize === "none" && "resize-none",
+          grow && "flex-1",
+          font === "mono" && "font-mono",
+          height === "panel" && "h-32",
+          height === "editor" && "h-72",
+          height === "editor-lg" && "h-80",
+          className
+        ),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Textarea.displayName = "Textarea";
+
+
+exports.Textarea = Textarea;

package/dist/primitives/textarea.d.cts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+
+interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+    textSize?: "sm" | "xs";
+    resize?: "vertical" | "none";
+    grow?: boolean;
+    font?: "sans" | "mono";
+    height?: "auto" | "panel" | "editor" | "editor-lg";
+}
+declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+
+export { Textarea, type TextareaProps };

package/dist/primitives/textarea.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+
+interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+    textSize?: "sm" | "xs";
+    resize?: "vertical" | "none";
+    grow?: boolean;
+    font?: "sans" | "mono";
+    height?: "auto" | "panel" | "editor" | "editor-lg";
+}
+declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+
+export { Textarea, type TextareaProps };

package/dist/primitives/textarea.js

@@ -0,0 +1,37 @@
+"use client";
+import {
+  cn
+} from "../chunk-G6SRSWXB.js";
+
+// src/primitives/textarea.tsx
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+var Textarea = React.forwardRef(
+  ({ className, textSize = "sm", resize = "vertical", grow = false, font = "sans", height = "auto", ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "textarea",
+      {
+        "data-slot": "textarea",
+        className: cn(
+          "flex min-h-[80px] w-full rounded-md border bg-background px-3 py-2 ring-offset-background placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+          // Entered text keeps the iOS-safe floor. The shared stylesheet sizes
+          // placeholder copy independently at the compact 14px base scale.
+          textSize === "sm" ? "text-[16px] md:text-sm" : "text-[16px] md:text-xs",
+          resize === "none" && "resize-none",
+          grow && "flex-1",
+          font === "mono" && "font-mono",
+          height === "panel" && "h-32",
+          height === "editor" && "h-72",
+          height === "editor-lg" && "h-80",
+          className
+        ),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Textarea.displayName = "Textarea";
+export {
+  Textarea
+};

package/dist/primitives/thinking-screen.cjs

@@ -0,0 +1,87 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }"use client";
+"use client";
+
+
+var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
+
+// src/primitives/thinking-screen.tsx
+var _react = require('react');
+var _reactdom = require('react-dom');
+var _lucidereact = require('lucide-react');
+var _jsxruntime = require('react/jsx-runtime');
+function ThinkingScreen({
+  open,
+  messages,
+  icon,
+  rotateMs = 2200,
+  brand,
+  backdropClassName
+}) {
+  const list = Array.isArray(messages) ? messages : messages ? [messages] : ["Thinking\u2026"];
+  const [idx, setIdx] = _react.useState.call(void 0, 0);
+  _react.useEffect.call(void 0, () => {
+    if (!open) {
+      setIdx(0);
+      return;
+    }
+    if (list.length <= 1) return;
+    const id = setInterval(
+      () => setIdx((i) => (i + 1) % list.length),
+      rotateMs
+    );
+    return () => clearInterval(id);
+  }, [open, list.length, rotateMs]);
+  if (!open || typeof document === "undefined") return null;
+  return _reactdom.createPortal.call(void 0, 
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "div",
+      {
+        role: "status",
+        "aria-live": "polite",
+        "aria-label": list[idx],
+        className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+          "fixed inset-0 z-[200] flex flex-col items-center justify-center bg-background/95 backdrop-blur-sm animate-in fade-in duration-200",
+          backdropClassName
+        ),
+        children: [
+          brand && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute top-6 left-1/2 -translate-x-1/2 text-xs tracking-[0.25em] uppercase text-muted-foreground font-mono", children: brand }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col items-center gap-7 px-8", children: [
+            _nullishCoalesce(icon, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DefaultThinkingIcon, {}))),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "div",
+              {
+                className: "min-h-[1.5rem] text-base text-foreground/80 font-mono text-center animate-in fade-in duration-500",
+                children: list[idx]
+              },
+              idx
+            )
+          ] })
+        ]
+      }
+    ),
+    document.body
+  );
+}
+function DefaultThinkingIcon() {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative h-24 w-24 grid place-items-center", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        "aria-hidden": true,
+        className: "absolute inset-0 rounded-full border border-foreground/15 animate-spin",
+        style: { animationDuration: "4s" },
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2 h-2 w-2 rounded-full bg-foreground" })
+      }
+    ),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _lucidereact.Sparkles,
+      {
+        "aria-hidden": true,
+        className: "h-9 w-9 text-foreground animate-pulse"
+      }
+    )
+  ] });
+}
+
+
+exports.ThinkingScreen = ThinkingScreen;

package/dist/primitives/thinking-screen.d.cts

@@ -0,0 +1,46 @@
+import * as React from 'react';
+import { ReactNode } from 'react';
+
+interface ThinkingScreenProps {
+    /** Whether the takeover is visible. */
+    open: boolean;
+    /**
+     * Short stage labels rotated through while open. Pass one string
+     * for a static label, or several for ~2s rotation. Keep them brief
+     * (≤8 words) — this is a hold screen, not a story.
+     */
+    messages?: string | string[];
+    /**
+     * Override the centered icon. Default is a sparkle with a single
+     * orbiting dot — minimal, on-brand for AI moments.
+     */
+    icon?: ReactNode;
+    /** Rotation interval in ms. Default 2200. */
+    rotateMs?: number;
+    /**
+     * Small brand label rendered above the icon — consumer's app name,
+     * a logo mark, or anything else that pins the takeover to *this*
+     * product rather than feeling generic.
+     */
+    brand?: ReactNode;
+    /** Override the backdrop class. Default: bg-background/95 + blur-sm. */
+    backdropClassName?: string;
+}
+/**
+ * Full-screen modal "AI is thinking" takeover. Use during async work
+ * the user shouldn't try to interact with — typically a chat → AI →
+ * draft pipeline where leaving the chat UI visible reads as "I can
+ * keep typing" even though anything you type would be lost.
+ *
+ * Renders via portal at z-200 with a subtle backdrop blur-sm. The
+ * rotating message line gives a sense of progress without committing
+ * to specific stages — pick a short, light set of strings that fits
+ * your app's voice ("Reading your week…", "Finding decent slots…").
+ *
+ * Brand slot is intentionally small and uppercase — it locates the
+ * takeover in the user's mental map ("oh, this is the booking app
+ * doing AI things") without dominating the screen.
+ */
+declare function ThinkingScreen({ open, messages, icon, rotateMs, brand, backdropClassName, }: ThinkingScreenProps): React.ReactPortal | null;
+
+export { ThinkingScreen, type ThinkingScreenProps };

package/dist/primitives/thinking-screen.d.ts

@@ -0,0 +1,46 @@
+import * as React from 'react';
+import { ReactNode } from 'react';
+
+interface ThinkingScreenProps {
+    /** Whether the takeover is visible. */
+    open: boolean;
+    /**
+     * Short stage labels rotated through while open. Pass one string
+     * for a static label, or several for ~2s rotation. Keep them brief
+     * (≤8 words) — this is a hold screen, not a story.
+     */
+    messages?: string | string[];
+    /**
+     * Override the centered icon. Default is a sparkle with a single
+     * orbiting dot — minimal, on-brand for AI moments.
+     */
+    icon?: ReactNode;
+    /** Rotation interval in ms. Default 2200. */
+    rotateMs?: number;
+    /**
+     * Small brand label rendered above the icon — consumer's app name,
+     * a logo mark, or anything else that pins the takeover to *this*
+     * product rather than feeling generic.
+     */
+    brand?: ReactNode;
+    /** Override the backdrop class. Default: bg-background/95 + blur-sm. */
+    backdropClassName?: string;
+}
+/**
+ * Full-screen modal "AI is thinking" takeover. Use during async work
+ * the user shouldn't try to interact with — typically a chat → AI →
+ * draft pipeline where leaving the chat UI visible reads as "I can
+ * keep typing" even though anything you type would be lost.
+ *
+ * Renders via portal at z-200 with a subtle backdrop blur-sm. The
+ * rotating message line gives a sense of progress without committing
+ * to specific stages — pick a short, light set of strings that fits
+ * your app's voice ("Reading your week…", "Finding decent slots…").
+ *
+ * Brand slot is intentionally small and uppercase — it locates the
+ * takeover in the user's mental map ("oh, this is the booking app
+ * doing AI things") without dominating the screen.
+ */
+declare function ThinkingScreen({ open, messages, icon, rotateMs, brand, backdropClassName, }: ThinkingScreenProps): React.ReactPortal | null;
+
+export { ThinkingScreen, type ThinkingScreenProps };

package/dist/primitives/thinking-screen.js

@@ -0,0 +1,87 @@
+"use client";
+"use client";
+import {
+  cn
+} from "../chunk-G6SRSWXB.js";
+
+// src/primitives/thinking-screen.tsx
+import { useEffect, useState } from "react";
+import { createPortal } from "react-dom";
+import { Sparkles } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function ThinkingScreen({
+  open,
+  messages,
+  icon,
+  rotateMs = 2200,
+  brand,
+  backdropClassName
+}) {
+  const list = Array.isArray(messages) ? messages : messages ? [messages] : ["Thinking\u2026"];
+  const [idx, setIdx] = useState(0);
+  useEffect(() => {
+    if (!open) {
+      setIdx(0);
+      return;
+    }
+    if (list.length <= 1) return;
+    const id = setInterval(
+      () => setIdx((i) => (i + 1) % list.length),
+      rotateMs
+    );
+    return () => clearInterval(id);
+  }, [open, list.length, rotateMs]);
+  if (!open || typeof document === "undefined") return null;
+  return createPortal(
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        role: "status",
+        "aria-live": "polite",
+        "aria-label": list[idx],
+        className: cn(
+          "fixed inset-0 z-[200] flex flex-col items-center justify-center bg-background/95 backdrop-blur-sm animate-in fade-in duration-200",
+          backdropClassName
+        ),
+        children: [
+          brand && /* @__PURE__ */ jsx("div", { className: "absolute top-6 left-1/2 -translate-x-1/2 text-xs tracking-[0.25em] uppercase text-muted-foreground font-mono", children: brand }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-7 px-8", children: [
+            icon ?? /* @__PURE__ */ jsx(DefaultThinkingIcon, {}),
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "min-h-[1.5rem] text-base text-foreground/80 font-mono text-center animate-in fade-in duration-500",
+                children: list[idx]
+              },
+              idx
+            )
+          ] })
+        ]
+      }
+    ),
+    document.body
+  );
+}
+function DefaultThinkingIcon() {
+  return /* @__PURE__ */ jsxs("div", { className: "relative h-24 w-24 grid place-items-center", children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        "aria-hidden": true,
+        className: "absolute inset-0 rounded-full border border-foreground/15 animate-spin",
+        style: { animationDuration: "4s" },
+        children: /* @__PURE__ */ jsx("span", { className: "absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2 h-2 w-2 rounded-full bg-foreground" })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Sparkles,
+      {
+        "aria-hidden": true,
+        className: "h-9 w-9 text-foreground animate-pulse"
+      }
+    )
+  ] });
+}
+export {
+  ThinkingScreen
+};

package/dist/primitives/timeline.cjs

@@ -0,0 +1,13 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+
+
+var _chunkGRZMUGT6cjs = require('../chunk-GRZMUGT6.cjs');
+require('../chunk-BGLGRUPP.cjs');
+require('../chunk-KWLSBTB2.cjs');
+
+
+
+
+exports.Timeline = _chunkGRZMUGT6cjs.Timeline; exports.TimelineMarker = _chunkGRZMUGT6cjs.TimelineMarker; exports.TimelineRow = _chunkGRZMUGT6cjs.TimelineRow;

package/dist/primitives/timeline.d.cts

@@ -0,0 +1,54 @@
+import * as React$1 from 'react';
+import { ReactNode, HTMLAttributes, ElementType } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface TimelineProps {
+    children: ReactNode;
+    /** Vertical spacing between rows. Defaults to `space-y-2`. */
+    spacing?: "tight" | "normal" | "loose";
+    className?: string;
+}
+declare function Timeline({ children, spacing, className }: TimelineProps): react_jsx_runtime.JSX.Element;
+interface TimelineMarkerProps extends HTMLAttributes<HTMLSpanElement> {
+    active?: boolean;
+    placement?: "inline" | "guide";
+    tone?: "neutral" | "info" | "success" | "accent" | "destructive";
+}
+/** Small current/past marker for timeline lists, including guide-line layouts. */
+declare const TimelineMarker: React$1.ForwardRefExoticComponent<TimelineMarkerProps & React$1.RefAttributes<HTMLSpanElement>>;
+interface TimelineRowProps {
+    /**
+     * Status drives the leading icon via `<StatusIcon>`. Pass `icon` to
+     * override entirely.
+     */
+    status?: string;
+    /** Override the leading visual. */
+    icon?: ReactNode;
+    /** Primary line (title or headline). */
+    title: ReactNode;
+    /** Optional secondary line (subtitle, meta, kind). */
+    subtitle?: ReactNode;
+    /** Right-aligned timestamp. */
+    timestamp?: ReactNode;
+    /** Optional error message rendered below the body in destructive tone. */
+    error?: ReactNode;
+    /**
+     * Extra content below the body, rendered inside the text column so it
+     * aligns under the title rather than beside the icon. Use for
+     * expandable detail, inline actions, a nested list.
+     */
+    children?: ReactNode;
+    /** Add hover styling and pointer cursor for clickable rows. */
+    interactive?: boolean;
+    /** Render as a different element — `a`, `button`, etc. Defaults to `div`. */
+    as?: ElementType;
+    className?: string;
+    onClick?: (e: React.MouseEvent) => void;
+    /** Pass-through for anchor href when `as="a"`. */
+    href?: string;
+    surface?: "muted" | "transparent";
+    radius?: "md" | "none";
+}
+declare const TimelineRow: React$1.ForwardRefExoticComponent<TimelineRowProps & React$1.RefAttributes<HTMLElement>>;
+
+export { Timeline, TimelineMarker, type TimelineMarkerProps, type TimelineProps, TimelineRow, type TimelineRowProps };

package/dist/primitives/timeline.d.ts

@@ -0,0 +1,54 @@
+import * as React$1 from 'react';
+import { ReactNode, HTMLAttributes, ElementType } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface TimelineProps {
+    children: ReactNode;
+    /** Vertical spacing between rows. Defaults to `space-y-2`. */
+    spacing?: "tight" | "normal" | "loose";
+    className?: string;
+}
+declare function Timeline({ children, spacing, className }: TimelineProps): react_jsx_runtime.JSX.Element;
+interface TimelineMarkerProps extends HTMLAttributes<HTMLSpanElement> {
+    active?: boolean;
+    placement?: "inline" | "guide";
+    tone?: "neutral" | "info" | "success" | "accent" | "destructive";
+}
+/** Small current/past marker for timeline lists, including guide-line layouts. */
+declare const TimelineMarker: React$1.ForwardRefExoticComponent<TimelineMarkerProps & React$1.RefAttributes<HTMLSpanElement>>;
+interface TimelineRowProps {
+    /**
+     * Status drives the leading icon via `<StatusIcon>`. Pass `icon` to
+     * override entirely.
+     */
+    status?: string;
+    /** Override the leading visual. */
+    icon?: ReactNode;
+    /** Primary line (title or headline). */
+    title: ReactNode;
+    /** Optional secondary line (subtitle, meta, kind). */
+    subtitle?: ReactNode;
+    /** Right-aligned timestamp. */
+    timestamp?: ReactNode;
+    /** Optional error message rendered below the body in destructive tone. */
+    error?: ReactNode;
+    /**
+     * Extra content below the body, rendered inside the text column so it
+     * aligns under the title rather than beside the icon. Use for
+     * expandable detail, inline actions, a nested list.
+     */
+    children?: ReactNode;
+    /** Add hover styling and pointer cursor for clickable rows. */
+    interactive?: boolean;
+    /** Render as a different element — `a`, `button`, etc. Defaults to `div`. */
+    as?: ElementType;
+    className?: string;
+    onClick?: (e: React.MouseEvent) => void;
+    /** Pass-through for anchor href when `as="a"`. */
+    href?: string;
+    surface?: "muted" | "transparent";
+    radius?: "md" | "none";
+}
+declare const TimelineRow: React$1.ForwardRefExoticComponent<TimelineRowProps & React$1.RefAttributes<HTMLElement>>;
+
+export { Timeline, TimelineMarker, type TimelineMarkerProps, type TimelineProps, TimelineRow, type TimelineRowProps };

package/dist/primitives/timeline.js

@@ -0,0 +1,13 @@
+"use client";
+import {
+  Timeline,
+  TimelineMarker,
+  TimelineRow
+} from "../chunk-3BZ4CQHW.js";
+import "../chunk-V7542UGX.js";
+import "../chunk-G6SRSWXB.js";
+export {
+  Timeline,
+  TimelineMarker,
+  TimelineRow
+};

package/dist/primitives/toggle-group.cjs

@@ -0,0 +1,51 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
+
+
+var _chunkGXHGMI3Zcjs = require('../chunk-GXHGMI3Z.cjs');
+
+
+var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
+
+// src/primitives/toggle-group.tsx
+var _react = require('react'); var React = _interopRequireWildcard(_react);
+var _reacttogglegroup = require('@radix-ui/react-toggle-group'); var ToggleGroupPrimitive = _interopRequireWildcard(_reacttogglegroup);
+var _jsxruntime = require('react/jsx-runtime');
+var ToggleGroupContext = React.createContext({
+  size: "default",
+  variant: "default"
+});
+var ToggleGroup = React.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  ToggleGroupPrimitive.Root,
+  {
+    ref,
+    className: _chunkKWLSBTB2cjs.cn.call(void 0, "flex items-center justify-center gap-1", className),
+    ...props,
+    children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ToggleGroupContext.Provider, { value: { variant, size }, children })
+  }
+));
+ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
+var ToggleGroupItem = React.forwardRef(({ className, children, variant, size, grow = false, textSize = "inherit", ...props }, ref) => {
+  const context = React.useContext(ToggleGroupContext);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    ToggleGroupPrimitive.Item,
+    {
+      ref,
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        _chunkGXHGMI3Zcjs.toggleVariants.call(void 0, {
+          variant: context.variant || variant,
+          size: context.size || size
+        }),
+        grow && "flex-1",
+        textSize === "xs" && "text-xs",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+});
+ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
+
+
+
+exports.ToggleGroup = ToggleGroup; exports.ToggleGroupItem = ToggleGroupItem;

package/dist/primitives/toggle-group.d.cts

@@ -0,0 +1,18 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
+import { VariantProps } from 'class-variance-authority';
+
+declare const ToggleGroup: React.ForwardRefExoticComponent<((Omit<ToggleGroupPrimitive.ToggleGroupSingleProps & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps & React.RefAttributes<HTMLDivElement>, "ref">) & VariantProps<(props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "icon" | "sm" | "lg" | "default" | "icon-lg" | "avatar" | "chip" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string>) & React.RefAttributes<HTMLDivElement>>;
+declare const ToggleGroupItem: React.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "icon" | "sm" | "lg" | "default" | "icon-lg" | "avatar" | "chip" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & {
+    grow?: boolean;
+    textSize?: "inherit" | "xs";
+} & React.RefAttributes<HTMLButtonElement>>;
+
+export { ToggleGroup, ToggleGroupItem };

package/dist/primitives/toggle-group.d.ts

@@ -0,0 +1,18 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
+import { VariantProps } from 'class-variance-authority';
+
+declare const ToggleGroup: React.ForwardRefExoticComponent<((Omit<ToggleGroupPrimitive.ToggleGroupSingleProps & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps & React.RefAttributes<HTMLDivElement>, "ref">) & VariantProps<(props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "icon" | "sm" | "lg" | "default" | "icon-lg" | "avatar" | "chip" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string>) & React.RefAttributes<HTMLDivElement>>;
+declare const ToggleGroupItem: React.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "icon" | "sm" | "lg" | "default" | "icon-lg" | "avatar" | "chip" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & {
+    grow?: boolean;
+    textSize?: "inherit" | "xs";
+} & React.RefAttributes<HTMLButtonElement>>;
+
+export { ToggleGroup, ToggleGroupItem };