@epicbagel/saas-kit 0.0.0-stage → 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 epicbagel
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,72 @@
-# Temporary Holding Version
+# @epicbagel/saas-kit
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+The public base kit: accessible React primitives, layout components, hooks and
+design tokens for SaaS apps. Built on [Radix UI](https://www.radix-ui.com) and
+Tailwind CSS v4, in the shadcn/ui style, with one neutral palette and light and
+dark modes.
+
+## Install
+
+```bash
+npm install @epicbagel/saas-kit
+```
+
+Peer dependencies: `react` and `react-dom` (18 or 19), `lucide-react`
+(`>=0.400.0 <2`), `react-icons` (5) and `tailwindcss` v4.
+
+## Styles
+
+If the app has no Tailwind entry of its own, import the complete stylesheet:
+
+```css
+@import "@epicbagel/saas-kit/styles/globals.css";
+```
+
+If it already imports Tailwind, add the kit's three entry points instead.
+The snippet imports `tw-animate-css` from the app's own stylesheet, so the app
+needs it as a direct dependency (`npm install tw-animate-css`); a strict
+installer such as pnpm won't resolve the kit's copy from there.
+
+```css
+@import "tailwindcss";
+@import "tw-animate-css";
+@import "@epicbagel/saas-kit/styles/tokens.css";    /* neutral palette, @theme token map, base rules */
+@import "@epicbagel/saas-kit/styles/utilities.css"; /* palette-free utilities, component classes, keyframes */
+@import "@epicbagel/saas-kit/styles/source.css";    /* registers the kit's dist as a Tailwind class source */
+```
+
+`source.css` points Tailwind at the package's own build, so the app needs no
+`@source` line for `node_modules`.
+
+The neutral palette sits in `@layer base`, so any unlayered `:root` (or
+`.dark`) override in the app wins without specificity tricks. Dark mode is the
+`.dark` class on an ancestor, usually `<html>`.
+
+## Use
+
+Every module is its own subpath export:
+
+```tsx
+import { Button } from "@epicbagel/saas-kit/primitives/button";
+import { Stack } from "@epicbagel/saas-kit/primitives/stack";
+import { useIsMobile } from "@epicbagel/saas-kit/hooks/use-mobile";
+import { cn } from "@epicbagel/saas-kit/lib/utils";
+
+export function Toolbar() {
+  return (
+    <Stack direction="horizontal" gap="sm">
+      <Button>Save</Button>
+      <Button variant="outline">Cancel</Button>
+    </Stack>
+  );
+}
+```
+
+Components ship as client modules (`"use client"`); the `lib/*` utilities are
+plain modules that are safe to call from React Server Components. Both ESM and
+CommonJS builds are included, each with type declarations.
+
+## License
+
+MIT. Some components and styles are adapted from shadcn/ui; see
+`THIRD_PARTY_NOTICES.md`.

package/THIRD_PARTY_NOTICES.md

@@ -0,0 +1,47 @@
+# Third-party notices
+
+`@epicbagel/saas-kit` is MIT licensed (see `LICENSE`). Parts of it are adapted
+from the third-party projects below, whose notices are reproduced here as their
+licenses require. Runtime dependencies installed from npm (Radix UI, lucide,
+class-variance-authority and the rest) are not vendored and carry their own
+licenses in their own packages.
+
+## shadcn/ui
+
+Source: https://github.com/shadcn-ui/ui
+
+These modules are adapted from shadcn/ui components and styles. The compiled
+output under `dist/` includes code derived from them.
+
+- `primitives/`: alert, alert-dialog, aspect-ratio, attachment, avatar, badge,
+  button, calendar, card, checkbox, collapsible, dialog, drawer, dropdown-menu,
+  field, input, label, message, popover, progress, radio-group, scroll-area,
+  select, separator, sheet, skeleton, switch, tabs, textarea, toggle,
+  toggle-group, tooltip
+- `lib/utils` (`cn`)
+- `src/styles/shadcn.css`, `src/styles/components/attachment.css`,
+  `src/styles/components/message.css`
+
+```
+MIT License
+
+Copyright (c) 2023 shadcn
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+```

package/dist/chunk-23UMHZ4S.cjs

@@ -0,0 +1,124 @@
+"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 _chunkL4DH72UFcjs = require('./chunk-L4DH72UF.cjs');
+
+
+var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
+
+// src/primitives/alert-dialog.tsx
+var _reactalertdialog = require('@radix-ui/react-alert-dialog'); var AlertDialogPrimitive = _interopRequireWildcard(_reactalertdialog);
+var _react = require('react'); var React = _interopRequireWildcard(_react);
+var _jsxruntime = require('react/jsx-runtime');
+var AlertDialog = AlertDialogPrimitive.Root;
+var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
+var AlertDialogPortal = AlertDialogPrimitive.Portal;
+var AlertDialogOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  AlertDialogPrimitive.Overlay,
+  {
+    className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+      "fixed inset-0 z-50 bg-black/30 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    ),
+    ...props,
+    ref
+  }
+));
+AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
+var AlertDialogContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, AlertDialogPortal, { children: [
+  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AlertDialogOverlay, {}),
+  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    AlertDialogPrimitive.Content,
+    {
+      ref,
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "fixed left-[50%] top-[50%] z-50 grid max-h-[calc(100dvh-2rem)] w-[calc(100%-2rem)] max-w-md translate-x-[-50%] translate-y-[-50%] overflow-hidden rounded-xl border bg-background shadow-xl outline-none duration-150 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+        className
+      ),
+      ...props
+    }
+  )
+] }));
+AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
+var AlertDialogHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  "div",
+  {
+    className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+      "flex flex-col gap-1.5 p-6 text-left",
+      className
+    ),
+    ...props
+  }
+);
+AlertDialogHeader.displayName = "AlertDialogHeader";
+var AlertDialogFooter = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  "div",
+  {
+    className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+      "flex gap-3 border-t border-border bg-muted/30 px-6 py-4",
+      className
+    ),
+    ...props
+  }
+);
+AlertDialogFooter.displayName = "AlertDialogFooter";
+var AlertDialogTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  AlertDialogPrimitive.Title,
+  {
+    ref,
+    className: _chunkKWLSBTB2cjs.cn.call(void 0, "text-lg font-semibold", className),
+    ...props
+  }
+));
+AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
+var AlertDialogDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  AlertDialogPrimitive.Description,
+  {
+    ref,
+    className: _chunkKWLSBTB2cjs.cn.call(void 0, "text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
+var AlertDialogAction = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  AlertDialogPrimitive.Action,
+  {
+    ref,
+    className: _chunkKWLSBTB2cjs.cn.call(void 0, _chunkL4DH72UFcjs.buttonVariants.call(void 0, ), "flex-1", className),
+    ...props
+  }
+));
+AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
+var AlertDialogCancel = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  AlertDialogPrimitive.Cancel,
+  {
+    ref,
+    className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+      _chunkL4DH72UFcjs.buttonVariants.call(void 0, { variant: "outline" }),
+      "flex-1",
+      className
+    ),
+    ...props
+  }
+));
+AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.AlertDialog = AlertDialog; exports.AlertDialogTrigger = AlertDialogTrigger; exports.AlertDialogPortal = AlertDialogPortal; exports.AlertDialogOverlay = AlertDialogOverlay; exports.AlertDialogContent = AlertDialogContent; exports.AlertDialogHeader = AlertDialogHeader; exports.AlertDialogFooter = AlertDialogFooter; exports.AlertDialogTitle = AlertDialogTitle; exports.AlertDialogDescription = AlertDialogDescription; exports.AlertDialogAction = AlertDialogAction; exports.AlertDialogCancel = AlertDialogCancel;

package/dist/chunk-2BHI5ZWJ.cjs

@@ -0,0 +1,117 @@
+"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/drawer.tsx
+var _react = require('react'); var React = _interopRequireWildcard(_react);
+var _vaul = require('vaul');
+var _jsxruntime = require('react/jsx-runtime');
+var Drawer = ({
+  shouldScaleBackground = true,
+  ...props
+}) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  _vaul.Drawer.Root,
+  {
+    shouldScaleBackground,
+    ...props
+  }
+);
+Drawer.displayName = "Drawer";
+var DrawerTrigger = _vaul.Drawer.Trigger;
+var DrawerPortal = _vaul.Drawer.Portal;
+var DrawerClose = _vaul.Drawer.Close;
+var DrawerOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  _vaul.Drawer.Overlay,
+  {
+    ref,
+    "data-slot": "drawer-overlay",
+    className: _chunkKWLSBTB2cjs.cn.call(void 0, "fixed inset-0 z-50 bg-black/80", className),
+    ...props
+  }
+));
+DrawerOverlay.displayName = _vaul.Drawer.Overlay.displayName;
+var DrawerContent = React.forwardRef(({ className, children, height = "auto", overflow = "visible", ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, DrawerPortal, { children: [
+  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DrawerOverlay, {}),
+  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    _vaul.Drawer.Content,
+    {
+      ref,
+      "data-slot": "drawer-content",
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background",
+        height === "viewport-lg" && "h-[90dvh]",
+        overflow === "hidden" && "overflow-hidden",
+        overflow === "auto" && "overflow-auto",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" }),
+        children
+      ]
+    }
+  )
+] }));
+DrawerContent.displayName = "DrawerContent";
+var DrawerHeader = ({
+  className,
+  align = "responsive",
+  ...props
+}) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  "div",
+  {
+    "data-slot": "drawer-header",
+    className: _chunkKWLSBTB2cjs.cn.call(void 0, "grid gap-1.5 p-4", align === "responsive" ? "text-center sm:text-left" : "text-left", className),
+    ...props
+  }
+);
+DrawerHeader.displayName = "DrawerHeader";
+var DrawerFooter = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  "div",
+  {
+    "data-slot": "drawer-footer",
+    className: _chunkKWLSBTB2cjs.cn.call(void 0, "mt-auto flex flex-col gap-2 p-4", className),
+    ...props
+  }
+);
+DrawerFooter.displayName = "DrawerFooter";
+var DrawerTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  _vaul.Drawer.Title,
+  {
+    ref,
+    "data-slot": "drawer-title",
+    className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+      "text-lg font-semibold leading-none tracking-tight",
+      className
+    ),
+    ...props
+  }
+));
+DrawerTitle.displayName = _vaul.Drawer.Title.displayName;
+var DrawerDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  _vaul.Drawer.Description,
+  {
+    ref,
+    "data-slot": "drawer-description",
+    className: _chunkKWLSBTB2cjs.cn.call(void 0, "text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+DrawerDescription.displayName = _vaul.Drawer.Description.displayName;
+
+
+
+
+
+
+
+
+
+
+
+
+exports.Drawer = Drawer; exports.DrawerTrigger = DrawerTrigger; exports.DrawerPortal = DrawerPortal; exports.DrawerClose = DrawerClose; exports.DrawerOverlay = DrawerOverlay; exports.DrawerContent = DrawerContent; exports.DrawerHeader = DrawerHeader; exports.DrawerFooter = DrawerFooter; exports.DrawerTitle = DrawerTitle; exports.DrawerDescription = DrawerDescription;

package/dist/chunk-2HTYXBDU.cjs

@@ -0,0 +1,34 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkI6GUOEBOcjs = require('./chunk-I6GUOEBO.cjs');
+
+// src/primitives/status-badge.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var statusBadgeVariants = {
+  neutral: "neutral",
+  active: "destructive",
+  success: "success",
+  warning: "warning",
+  error: "error",
+  info: "info"
+};
+function StatusBadge({ tone = "neutral", ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkI6GUOEBOcjs.Badge,
+    {
+      "data-slot": "status-badge",
+      variant: statusBadgeVariants[tone],
+      size: "micro",
+      padding: "roomy",
+      weight: "semibold",
+      shrink: true,
+      transform: "uppercase",
+      ...props
+    }
+  );
+}
+
+
+
+exports.StatusBadge = StatusBadge;

package/dist/chunk-2XDFTB2W.cjs

@@ -0,0 +1,35 @@
+"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/switch.tsx
+var _react = require('react'); var React = _interopRequireWildcard(_react);
+var _reactswitch = require('@radix-ui/react-switch'); var SwitchPrimitives = _interopRequireWildcard(_reactswitch);
+var _jsxruntime = require('react/jsx-runtime');
+var Switch = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  SwitchPrimitives.Root,
+  {
+    "data-slot": "switch",
+    className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+      "peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
+      className
+    ),
+    ...props,
+    ref,
+    children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      SwitchPrimitives.Thumb,
+      {
+        "data-slot": "switch-thumb",
+        className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+          "pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
+        )
+      }
+    )
+  }
+));
+Switch.displayName = SwitchPrimitives.Root.displayName;
+
+
+
+exports.Switch = Switch;

package/dist/chunk-35YMAIEL.js

@@ -0,0 +1,135 @@
+"use client";
+import {
+  cn
+} from "./chunk-G6SRSWXB.js";
+
+// src/primitives/card.tsx
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+var Card = forwardRef(
+  ({ className, padding = "none", overflow = "visible", align = "start", radius = "lg", spacing = "none", width = "auto", surface = "card", marginBottom = "none", printMode = "default", textSize = "inherit", interaction = "none", borderStyle = "solid", divided = false, mobileTreatment = "card", ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "card",
+      "data-surface": surface,
+      "data-radius": radius,
+      className: cn(
+        "border text-card-foreground shadow-xs",
+        surface === "card" ? "bg-card" : "bg-muted/40",
+        radius === "md" ? "rounded-md" : radius === "lg" ? "rounded-lg" : "rounded-xl",
+        padding === "xs" && "p-[14px]",
+        padding === "compact" && "p-3",
+        padding === "row" && "px-4 py-3",
+        padding === "sm" && "p-[22px]",
+        padding === "md" && "p-[26px]",
+        padding === "lg" && "p-[30px]",
+        padding === "responsive" && "p-6 md:p-8",
+        borderStyle === "dashed" && "border-2 border-dashed",
+        overflow === "hidden" && "overflow-hidden",
+        align === "center" && "text-center",
+        spacing === "md" && "space-y-4",
+        spacing === "compact" && "space-y-3",
+        width === "full" && "w-full",
+        marginBottom === "md" && "mb-4",
+        marginBottom === "lg" && "mb-8",
+        printMode === "flat" && "print:border-0 print:shadow-none",
+        textSize === "xs" && "text-xs",
+        interaction === "group" && "group",
+        divided && "divide-y",
+        mobileTreatment === "flat" && "flex flex-1 flex-col rounded-none border-0 p-0 shadow-none md:block md:flex-none md:rounded-lg md:border md:shadow-xs",
+        className
+      ),
+      ...props
+    }
+  )
+);
+Card.displayName = "Card";
+var CardHeader = forwardRef(
+  ({ className, paddingBottom = "default", padding = "default", direction = "column", justify = "start", border = "none", ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "card-header",
+      className: cn(
+        "flex",
+        padding === "default" ? "p-6" : "p-8",
+        direction === "column" ? "flex-col space-y-1.5" : "flex-row items-center",
+        paddingBottom === "compact" && "pb-3",
+        justify === "between" && "justify-between",
+        border === "bottom" && "border-b border-border",
+        className
+      ),
+      ...props
+    }
+  )
+);
+CardHeader.displayName = "CardHeader";
+var CardTitle = forwardRef(({ className, size = "default", display = "block", ...props }, ref) => /* @__PURE__ */ jsx(
+  "h3",
+  {
+    ref,
+    "data-slot": "card-title",
+    className: cn(
+      "font-semibold leading-none tracking-tight",
+      size === "default" ? "text-2xl" : size === "section" ? "text-lg" : size === "base" ? "text-base" : "text-sm",
+      display === "inline-flex" && "inline-flex items-center gap-2",
+      className
+    ),
+    ...props
+  }
+));
+CardTitle.displayName = "CardTitle";
+var CardDescription = forwardRef(({ className, marginTop = "none", ...props }, ref) => /* @__PURE__ */ jsx(
+  "p",
+  {
+    ref,
+    "data-slot": "card-description",
+    className: cn("text-sm text-muted-foreground", marginTop === "xs" && "mt-1", className),
+    ...props
+  }
+));
+CardDescription.displayName = "CardDescription";
+var CardContent = forwardRef(
+  ({ className, padding = "default", textSize = "inherit", align = "start", spacing = "none", layout = "block", ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, "data-slot": "card-content", className: cn(
+    padding === "default" && "p-6 pt-0",
+    padding === "compact" && "p-4",
+    padding === "spacious" && "p-8",
+    textSize === "sm" && "text-sm",
+    align === "center" && "text-center",
+    spacing === "md" && "space-y-4",
+    spacing === "compact" && "space-y-3",
+    spacing === "lg" && "space-y-5",
+    layout === "empty-state" && "flex flex-col items-center gap-3 py-16 text-center",
+    className
+  ), ...props })
+);
+CardContent.displayName = "CardContent";
+var CardFooter = forwardRef(
+  ({ className, justify = "start", border = "none", padding = "default", printVisibility = "visible", ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "card-footer",
+      className: cn(
+        "flex items-center",
+        padding === "default" ? "p-6 pt-0" : "p-4",
+        justify === "center" && "justify-center",
+        border === "top" && "border-t border-border",
+        printVisibility === "hidden" && "print:hidden",
+        className
+      ),
+      ...props
+    }
+  )
+);
+CardFooter.displayName = "CardFooter";
+
+export {
+  Card,
+  CardHeader,
+  CardTitle,
+  CardDescription,
+  CardContent,
+  CardFooter
+};

package/dist/chunk-373W6VAD.cjs

@@ -0,0 +1,82 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }"use client";
+
+
+var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
+
+// src/primitives/text.tsx
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+var variantStyles = {
+  default: "text-base leading-relaxed",
+  muted: "text-base leading-relaxed text-muted-foreground",
+  lead: "text-lg leading-relaxed",
+  small: "text-sm leading-relaxed",
+  caption: "text-sm leading-relaxed text-muted-foreground",
+  micro: "text-[11px] leading-snug",
+  eyebrow: "font-mono text-xs uppercase tracking-[0.18em] text-muted-foreground",
+  inherit: ""
+};
+var sizeStyles = { inherit: "", micro: "text-[11px]", xs: "text-xs", sm: "text-sm", base: "text-base", lg: "text-lg" };
+var toneStyles = { inherit: "", muted: "text-muted-foreground", subtle: "text-muted-foreground/60", soft: "text-foreground/90", primary: "text-primary", success: "text-emerald-600 dark:text-emerald-400", warning: "text-amber-600 dark:text-amber-400", destructive: "text-destructive" };
+var weightStyles = { normal: "font-normal", medium: "font-medium", semibold: "font-semibold" };
+var displayStyles = { inline: "inline", block: "block", "inline-flex": "inline-flex items-center gap-1.5" };
+var leadingStyles = { normal: "leading-relaxed", none: "leading-none", snug: "leading-snug" };
+var Text = _react.forwardRef.call(void 0, 
+  function Text2({ variant = "default", size = "inherit", tone = "inherit", weight = "normal", display, truncate, grow = false, minWidth = "auto", font = "sans", align = "start", transform = "none", whitespace = "normal", marginTop = "none", marginBottom = "none", marginStart = "none", padding = "none", paddingY = "none", marginEnd = "none", italic = false, shrink = true, lineClamp, responsiveVisibility = "always", opacity = "full", marginTopNegative = "none", paddingX = "none", numeric = "normal", leading = "normal", decoration = "none", maxWidth = "none", as, className, ...props }, ref) {
+    const Tag = _nullishCoalesce(as, () => ( "p"));
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Tag, { ref, className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+      variantStyles[variant],
+      sizeStyles[size],
+      (leading !== "normal" || variant !== "inherit") && leadingStyles[leading],
+      toneStyles[tone],
+      weightStyles[weight],
+      display && displayStyles[display],
+      truncate && "truncate",
+      grow && "flex-1",
+      minWidth === "zero" && "min-w-0",
+      font === "mono" && "font-mono",
+      align === "center" && "text-center",
+      align === "end" && "text-right",
+      transform === "uppercase" && "uppercase",
+      transform === "capitalize" && "capitalize",
+      whitespace === "pre-wrap" && "whitespace-pre-wrap",
+      whitespace === "pre-line" && "whitespace-pre-line",
+      whitespace === "nowrap" && "whitespace-nowrap",
+      marginTop === "tight" && "mt-0.5",
+      marginTop === "xs" && "mt-1",
+      marginTop === "sm" && "mt-2",
+      marginTop === "md" && "mt-4",
+      marginTop === "lg" && "mt-6",
+      marginBottom === "xs" && "mb-1",
+      marginBottom === "sm" && "mb-2",
+      marginBottom === "md" && "mb-4",
+      marginBottom === "lg" && "mb-6",
+      marginStart === "sm" && "ml-1.5",
+      padding === "md" && "p-4",
+      paddingY === "sm" && "py-2",
+      paddingY === "lg" && "py-6",
+      marginEnd === "xs" && "mr-0.5",
+      marginEnd === "md" && "mr-2",
+      italic && "italic",
+      !shrink && "shrink-0",
+      lineClamp === 1 && "line-clamp-1",
+      lineClamp === 2 && "line-clamp-2",
+      lineClamp === 3 && "line-clamp-3",
+      responsiveVisibility === "desktop" && "hidden sm:inline",
+      opacity === "soft" && "opacity-70",
+      marginTopNegative === "xs" && "-mt-1",
+      paddingX === "sm" && "px-2",
+      paddingX === "md" && "px-3",
+      numeric === "tabular" && "tabular-nums",
+      decoration === "line-through" && "line-through",
+      maxWidth === "sm" && "max-w-36",
+      maxWidth === "md" && "max-w-md",
+      maxWidth === "lg" && "max-w-lg",
+      className
+    ), ...props });
+  }
+);
+
+
+
+exports.Text = Text;