@epicbagel/saas-kit 0.0.0-stage → 1.0.0

package/dist/primitives/selection-overlay.js

@@ -0,0 +1,24 @@
+"use client";
+import {
+  Icon
+} from "../chunk-KN4RPX35.js";
+import {
+  cn
+} from "../chunk-G6SRSWXB.js";
+
+// src/primitives/selection-overlay.tsx
+import { Check } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
+function SelectionOverlay({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn("absolute inset-0 flex items-center justify-center rounded-full bg-primary text-primary-foreground", className),
+      ...props,
+      children: /* @__PURE__ */ jsx(Icon, { icon: Check, size: "lg", strokeWidth: 3 })
+    }
+  );
+}
+export {
+  SelectionOverlay
+};

package/dist/primitives/sentiment-dot.cjs

@@ -0,0 +1,15 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+
+
+
+var _chunkW5I4FN7Gcjs = require('../chunk-W5I4FN7G.cjs');
+require('../chunk-EJP2L5QV.cjs');
+require('../chunk-KWLSBTB2.cjs');
+
+
+
+
+
+exports.SentimentBadge = _chunkW5I4FN7Gcjs.SentimentBadge; exports.SentimentDot = _chunkW5I4FN7Gcjs.SentimentDot; exports.SentimentLabel = _chunkW5I4FN7Gcjs.SentimentLabel; exports.sentimentTone = _chunkW5I4FN7Gcjs.sentimentTone;

package/dist/primitives/sentiment-dot.d.cts

@@ -0,0 +1,42 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { StatusColorKey } from '../lib/status-colors.cjs';
+
+/**
+ * Three-tone sentiment label shared by `SentimentDot`, `SentimentBadge`,
+ * `DottedList`, and `StatusList`. Maps to the kit's standard tone tokens.
+ */
+type Sentiment = "positive" | "neutral" | "negative" | "warning";
+declare function sentimentTone(sentiment: Sentiment): StatusColorKey;
+interface SentimentDotProps {
+    sentiment: Sentiment;
+    /** Pixel size. `xs` matches dense bullet lists; `sm` matches inline pills. */
+    size?: "xs" | "sm";
+    placement?: "inline" | "notification";
+    className?: string;
+}
+declare function SentimentDot({ sentiment, size, placement, className }: SentimentDotProps): react_jsx_runtime.JSX.Element;
+interface SentimentLabelProps {
+    sentiment: Sentiment;
+    children: ReactNode;
+    /** Dot size. `sm` is the default for body-sized status labels. */
+    size?: "xs" | "sm";
+    className?: string;
+}
+/**
+ * A semantic status dot and label with guaranteed vertical alignment.
+ *
+ * Use this instead of composing `SentimentDot` beside text. The standalone
+ * dot keeps a top offset for multi-line bullet lists; this compound owns an
+ * `items-center` row and removes that offset so the indicator stays centred
+ * against the label at every font size and line height.
+ */
+declare function SentimentLabel({ sentiment, children, size, className }: SentimentLabelProps): react_jsx_runtime.JSX.Element;
+interface SentimentBadgeProps {
+    sentiment: Sentiment;
+    children: ReactNode;
+    className?: string;
+}
+declare function SentimentBadge({ sentiment, children, className }: SentimentBadgeProps): react_jsx_runtime.JSX.Element;
+
+export { type Sentiment, SentimentBadge, type SentimentBadgeProps, SentimentDot, type SentimentDotProps, SentimentLabel, type SentimentLabelProps, sentimentTone };

package/dist/primitives/sentiment-dot.d.ts

@@ -0,0 +1,42 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { StatusColorKey } from '../lib/status-colors.js';
+
+/**
+ * Three-tone sentiment label shared by `SentimentDot`, `SentimentBadge`,
+ * `DottedList`, and `StatusList`. Maps to the kit's standard tone tokens.
+ */
+type Sentiment = "positive" | "neutral" | "negative" | "warning";
+declare function sentimentTone(sentiment: Sentiment): StatusColorKey;
+interface SentimentDotProps {
+    sentiment: Sentiment;
+    /** Pixel size. `xs` matches dense bullet lists; `sm` matches inline pills. */
+    size?: "xs" | "sm";
+    placement?: "inline" | "notification";
+    className?: string;
+}
+declare function SentimentDot({ sentiment, size, placement, className }: SentimentDotProps): react_jsx_runtime.JSX.Element;
+interface SentimentLabelProps {
+    sentiment: Sentiment;
+    children: ReactNode;
+    /** Dot size. `sm` is the default for body-sized status labels. */
+    size?: "xs" | "sm";
+    className?: string;
+}
+/**
+ * A semantic status dot and label with guaranteed vertical alignment.
+ *
+ * Use this instead of composing `SentimentDot` beside text. The standalone
+ * dot keeps a top offset for multi-line bullet lists; this compound owns an
+ * `items-center` row and removes that offset so the indicator stays centred
+ * against the label at every font size and line height.
+ */
+declare function SentimentLabel({ sentiment, children, size, className }: SentimentLabelProps): react_jsx_runtime.JSX.Element;
+interface SentimentBadgeProps {
+    sentiment: Sentiment;
+    children: ReactNode;
+    className?: string;
+}
+declare function SentimentBadge({ sentiment, children, className }: SentimentBadgeProps): react_jsx_runtime.JSX.Element;
+
+export { type Sentiment, SentimentBadge, type SentimentBadgeProps, SentimentDot, type SentimentDotProps, SentimentLabel, type SentimentLabelProps, sentimentTone };

package/dist/primitives/sentiment-dot.js

@@ -0,0 +1,15 @@
+"use client";
+import {
+  SentimentBadge,
+  SentimentDot,
+  SentimentLabel,
+  sentimentTone
+} from "../chunk-YWAQRAXP.js";
+import "../chunk-F7JHSZNT.js";
+import "../chunk-G6SRSWXB.js";
+export {
+  SentimentBadge,
+  SentimentDot,
+  SentimentLabel,
+  sentimentTone
+};

package/dist/primitives/separator.cjs

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

package/dist/primitives/separator.d.cts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+
+interface SeparatorProps extends React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root> {
+    grow?: boolean;
+}
+declare const Separator: React.ForwardRefExoticComponent<SeparatorProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Separator, type SeparatorProps };

package/dist/primitives/separator.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+
+interface SeparatorProps extends React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root> {
+    grow?: boolean;
+}
+declare const Separator: React.ForwardRefExoticComponent<SeparatorProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Separator, type SeparatorProps };

package/dist/primitives/separator.js

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

package/dist/primitives/sheet.cjs

@@ -0,0 +1,27 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+"use client";
+
+
+
+
+
+
+
+
+
+
+
+var _chunkPPX2VPGIcjs = require('../chunk-PPX2VPGI.cjs');
+require('../chunk-KWLSBTB2.cjs');
+
+
+
+
+
+
+
+
+
+
+
+exports.Sheet = _chunkPPX2VPGIcjs.Sheet; exports.SheetClose = _chunkPPX2VPGIcjs.SheetClose; exports.SheetContent = _chunkPPX2VPGIcjs.SheetContent; exports.SheetDescription = _chunkPPX2VPGIcjs.SheetDescription; exports.SheetFooter = _chunkPPX2VPGIcjs.SheetFooter; exports.SheetHeader = _chunkPPX2VPGIcjs.SheetHeader; exports.SheetOverlay = _chunkPPX2VPGIcjs.SheetOverlay; exports.SheetPortal = _chunkPPX2VPGIcjs.SheetPortal; exports.SheetTitle = _chunkPPX2VPGIcjs.SheetTitle; exports.SheetTrigger = _chunkPPX2VPGIcjs.SheetTrigger;

package/dist/primitives/sheet.d.cts

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