@epicbagel/saas-kit 0.0.0-stage → 1.0.0

package/dist/primitives/progress.d.ts

@@ -0,0 +1,6 @@
+import * as ProgressPrimitive from '@radix-ui/react-progress';
+import * as React from 'react';
+
+declare const Progress: React.ForwardRefExoticComponent<Omit<ProgressPrimitive.ProgressProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+export { Progress };

package/dist/primitives/progress.js

@@ -0,0 +1,31 @@
+"use client";
+import {
+  cn
+} from "../chunk-G6SRSWXB.js";
+
+// src/primitives/progress.tsx
+import * as ProgressPrimitive from "@radix-ui/react-progress";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+var Progress = React.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx(
+  ProgressPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "relative h-4 w-full overflow-hidden rounded-full bg-muted",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx(
+      ProgressPrimitive.Indicator,
+      {
+        className: "h-full w-full flex-1 bg-primary transition-all",
+        style: { transform: `translateX(-${100 - (value || 0)}%)` }
+      }
+    )
+  }
+));
+Progress.displayName = ProgressPrimitive.Root.displayName;
+export {
+  Progress
+};

package/dist/primitives/quick-filters.cjs

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

package/dist/primitives/quick-filters.d.cts

@@ -0,0 +1,36 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface QuickFilter {
+    id: string;
+    label: string;
+    icon?: React.ComponentType<{
+        className?: string;
+    }>;
+    filters: Record<string, any>;
+    /**
+     * Optional group id. Filters sharing a `group` render together as one
+     * segment and are single-select within that group; selections in different
+     * groups are independent (they MERGE into the active filters instead of
+     * replacing them). When no filter sets `group`, the component keeps its
+     * original single-select-preset behaviour (clicking replaces all filters,
+     * clicking the active one clears them) — so existing consumers are unchanged.
+     */
+    group?: string;
+}
+type QuickFiltersAppearance = "surface" | "underline";
+interface QuickFiltersProps {
+    quickFilters: QuickFilter[];
+    activeFilters: Record<string, any>;
+    onFilterClick: (_filters: Record<string, any>) => void;
+    /** Hide the "Quick filters:" label (e.g. when horizontal space is tight). */
+    showLabel?: boolean;
+    /**
+     * `surface` keeps the compact chip treatment. `underline` is the roomier,
+     * editorial treatment for primary list filters and page-level states.
+     */
+    appearance?: QuickFiltersAppearance;
+    className?: string;
+}
+declare function QuickFilters({ quickFilters, activeFilters, onFilterClick, showLabel, appearance, className, }: QuickFiltersProps): react_jsx_runtime.JSX.Element | null;
+
+export { type QuickFilter, QuickFilters, type QuickFiltersAppearance, type QuickFiltersProps };

package/dist/primitives/quick-filters.d.ts

@@ -0,0 +1,36 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface QuickFilter {
+    id: string;
+    label: string;
+    icon?: React.ComponentType<{
+        className?: string;
+    }>;
+    filters: Record<string, any>;
+    /**
+     * Optional group id. Filters sharing a `group` render together as one
+     * segment and are single-select within that group; selections in different
+     * groups are independent (they MERGE into the active filters instead of
+     * replacing them). When no filter sets `group`, the component keeps its
+     * original single-select-preset behaviour (clicking replaces all filters,
+     * clicking the active one clears them) — so existing consumers are unchanged.
+     */
+    group?: string;
+}
+type QuickFiltersAppearance = "surface" | "underline";
+interface QuickFiltersProps {
+    quickFilters: QuickFilter[];
+    activeFilters: Record<string, any>;
+    onFilterClick: (_filters: Record<string, any>) => void;
+    /** Hide the "Quick filters:" label (e.g. when horizontal space is tight). */
+    showLabel?: boolean;
+    /**
+     * `surface` keeps the compact chip treatment. `underline` is the roomier,
+     * editorial treatment for primary list filters and page-level states.
+     */
+    appearance?: QuickFiltersAppearance;
+    className?: string;
+}
+declare function QuickFilters({ quickFilters, activeFilters, onFilterClick, showLabel, appearance, className, }: QuickFiltersProps): react_jsx_runtime.JSX.Element | null;
+
+export { type QuickFilter, QuickFilters, type QuickFiltersAppearance, type QuickFiltersProps };

package/dist/primitives/quick-filters.js

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

package/dist/primitives/radio-group.cjs

@@ -0,0 +1,46 @@
+"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";
+"use client";
+
+
+var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
+
+// src/primitives/radio-group.tsx
+var _reactradiogroup = require('@radix-ui/react-radio-group'); var RadioGroupPrimitive = _interopRequireWildcard(_reactradiogroup);
+var _react = require('react'); var React = _interopRequireWildcard(_react);
+var _lucidereact = require('lucide-react');
+var _jsxruntime = require('react/jsx-runtime');
+var RadioGroup = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  RadioGroupPrimitive.Root,
+  {
+    ref,
+    "data-slot": "radio-group",
+    className: _chunkKWLSBTB2cjs.cn.call(void 0, "grid gap-3", className),
+    ...props
+  }
+));
+RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
+var RadioGroupItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  RadioGroupPrimitive.Item,
+  {
+    ref,
+    "data-slot": "radio-group-item",
+    className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+      "aspect-square size-4 shrink-0 rounded-full border border-input text-primary shadow-xs transition-[color,box-shadow] outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:bg-input/30 dark:aria-invalid:ring-destructive/40",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      RadioGroupPrimitive.Indicator,
+      {
+        "data-slot": "radio-group-indicator",
+        className: "relative flex items-center justify-center",
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.CircleIcon, { className: "absolute left-1/2 top-1/2 size-2 -translate-x-1/2 -translate-y-1/2 fill-primary" })
+      }
+    )
+  }
+));
+RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
+
+
+
+exports.RadioGroup = RadioGroup; exports.RadioGroupItem = RadioGroupItem;

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

@@ -0,0 +1,7 @@
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import * as React from 'react';
+
+declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const RadioGroupItem: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+
+export { RadioGroup, RadioGroupItem };

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

@@ -0,0 +1,7 @@
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import * as React from 'react';
+
+declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const RadioGroupItem: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+
+export { RadioGroup, RadioGroupItem };

package/dist/primitives/radio-group.js

@@ -0,0 +1,46 @@
+"use client";
+"use client";
+import {
+  cn
+} from "../chunk-G6SRSWXB.js";
+
+// src/primitives/radio-group.tsx
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+import * as React from "react";
+import { CircleIcon } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
+var RadioGroup = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  RadioGroupPrimitive.Root,
+  {
+    ref,
+    "data-slot": "radio-group",
+    className: cn("grid gap-3", className),
+    ...props
+  }
+));
+RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
+var RadioGroupItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  RadioGroupPrimitive.Item,
+  {
+    ref,
+    "data-slot": "radio-group-item",
+    className: cn(
+      "aspect-square size-4 shrink-0 rounded-full border border-input text-primary shadow-xs transition-[color,box-shadow] outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:bg-input/30 dark:aria-invalid:ring-destructive/40",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx(
+      RadioGroupPrimitive.Indicator,
+      {
+        "data-slot": "radio-group-indicator",
+        className: "relative flex items-center justify-center",
+        children: /* @__PURE__ */ jsx(CircleIcon, { className: "absolute left-1/2 top-1/2 size-2 -translate-x-1/2 -translate-y-1/2 fill-primary" })
+      }
+    )
+  }
+));
+RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
+export {
+  RadioGroup,
+  RadioGroupItem
+};

package/dist/primitives/resource-card.cjs

@@ -0,0 +1,104 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkBEJJN2SYcjs = require('../chunk-BEJJN2SY.cjs');
+
+
+var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
+
+// src/primitives/resource-card.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function ResourceCard({
+  className,
+  children,
+  tone = "default",
+  scrollAnchor = false,
+  interaction = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        // The same universal treatment as every other interactive card in the
+        // kit. `interaction` is intentionally ignored: contexts cannot select
+        // their own hover styling.
+        _chunkBEJJN2SYcjs.interactiveCardClass.call(void 0, ),
+        // ResourceCard is a div wrapping a consumer-provided link, so the ring
+        // has to come from focus WITHIN rather than from the card itself.
+        // `overflow-hidden` is this card's own: its header/body/footer dividers
+        // run to the edge and need clipping by the rounded border.
+        "overflow-hidden rounded-lg focus-within:border-foreground/40 focus-within:ring-2 focus-within:ring-ring",
+        tone === "muted" && "opacity-60",
+        scrollAnchor && "scroll-mt-24",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
+function ResourceCardHeader({
+  media,
+  title,
+  subtitle,
+  meta,
+  className
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "flex items-start justify-between gap-3 p-4",
+        className
+      ),
+      children: [
+        media && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "shrink-0", children: media }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "font-medium truncate", children: title }),
+          subtitle && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-sm text-muted-foreground truncate mt-0.5", children: subtitle })
+        ] }),
+        meta && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "shrink-0 text-xs text-muted-foreground/70", children: meta })
+      ]
+    }
+  );
+}
+function ResourceCardBody({
+  className,
+  children,
+  paddingBottom = "none"
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, "border-t border-border px-4", paddingBottom === "default" && "pb-4", className),
+      children
+    }
+  );
+}
+function ResourceCardFooter({
+  className,
+  align = "end",
+  wrap = false,
+  children
+}) {
+  const justify = align === "start" ? "justify-start" : align === "between" ? "justify-between" : "justify-end";
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "border-t border-border px-3 py-2 flex items-center gap-1",
+        justify,
+        wrap && "flex-wrap",
+        className
+      ),
+      children
+    }
+  );
+}
+
+
+
+
+
+exports.ResourceCard = ResourceCard; exports.ResourceCardBody = ResourceCardBody; exports.ResourceCardFooter = ResourceCardFooter; exports.ResourceCardHeader = ResourceCardHeader;

package/dist/primitives/resource-card.d.cts

@@ -0,0 +1,93 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { HTMLAttributes, ReactNode } from 'react';
+
+/**
+ * The "list-item summary card" pattern, packaged. Composes a
+ * clickable header + body region with a footer-action row, and
+ * handles the visual chrome (border, hover, focus ring, dividers)
+ * in one place so every list across every app reads the same.
+ *
+ * Why three sub-components instead of one big prop bag:
+ *   - `<Link>` (consumer-provided) wraps Header + Body so the whole
+ *     summary area is the nav target. Footer sits OUTSIDE the link
+ *     so action buttons inside it (Delete, Cancel, etc.) don't also
+ *     trigger navigation — no stopPropagation gymnastics required.
+ *   - Body content varies wildly across apps (DefinitionList,
+ *     plain text, custom). Slot keeps the primitive flexible.
+ *   - Footer is opt-in; cards without actions render header + body
+ *     only and skip the divider.
+ *
+ * Typical shape:
+ *
+ *   <ResourceCard>
+ *     <Link href={...}>
+ *       <ResourceCardHeader title="…" subtitle="…" />
+ *       <ResourceCardBody>
+ *         <DefinitionList>…</DefinitionList>
+ *       </ResourceCardBody>
+ *     </Link>
+ *     <ResourceCardFooter>
+ *       <Button>Delete</Button>
+ *     </ResourceCardFooter>
+ *   </ResourceCard>
+ *
+ * Drop the Link wrapper for a non-navigable card (display-only).
+ */
+interface ResourceCardProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+    tone?: "default" | "muted";
+    scrollAnchor?: boolean;
+    /**
+     * @deprecated Resource cards now have one universal border-only treatment.
+     * Retained as a no-op so existing consumers do not break during migration.
+     */
+    interaction?: "default" | "border";
+}
+declare function ResourceCard({ className, children, tone, scrollAnchor, interaction, ...props }: ResourceCardProps): react_jsx_runtime.JSX.Element;
+interface ResourceCardHeaderProps {
+    /** Optional leading avatar, logo or icon. Sized by the consumer. */
+    media?: ReactNode;
+    title: ReactNode;
+    /** Muted line under the title — typically "For X" / "Created Y". */
+    subtitle?: ReactNode;
+    /**
+     * Right-aligned shrink-0 region. Use sparingly for a small badge
+     * or status pip; large content here clashes with the title.
+     */
+    meta?: ReactNode;
+    className?: string;
+}
+declare function ResourceCardHeader({ media, title, subtitle, meta, className, }: ResourceCardHeaderProps): react_jsx_runtime.JSX.Element;
+interface ResourceCardBodyProps {
+    className?: string;
+    children: ReactNode;
+    paddingBottom?: "none" | "default";
+}
+/**
+ * Mid-card content. Owns the divider above + the standard
+ * horizontal padding so consumers can drop a DefinitionList or
+ * arbitrary children without worrying about alignment with the
+ * header/footer.
+ */
+declare function ResourceCardBody({ className, children, paddingBottom, }: ResourceCardBodyProps): react_jsx_runtime.JSX.Element;
+interface ResourceCardFooterProps {
+    className?: string;
+    /**
+     * Where actions sit horizontally. Defaults to `"end"` (right-
+     * aligned) because most card footers are 1–2 destructive /
+     * secondary actions. Use `"between"` when the row pairs a
+     * left-leaning meta label with right-leaning actions.
+     */
+    align?: "start" | "end" | "between";
+    wrap?: boolean;
+    children: ReactNode;
+}
+/**
+ * Action row at the bottom of a ResourceCard. Sits OUTSIDE any
+ * `<Link>` wrapper so its buttons don't double-trigger as
+ * navigation. Owns the divider above + tight vertical padding —
+ * actions should feel attached to the card, not floating below it.
+ */
+declare function ResourceCardFooter({ className, align, wrap, children, }: ResourceCardFooterProps): react_jsx_runtime.JSX.Element;
+
+export { ResourceCard, ResourceCardBody, type ResourceCardBodyProps, ResourceCardFooter, type ResourceCardFooterProps, ResourceCardHeader, type ResourceCardHeaderProps, type ResourceCardProps };

package/dist/primitives/resource-card.d.ts

@@ -0,0 +1,93 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { HTMLAttributes, ReactNode } from 'react';
+
+/**
+ * The "list-item summary card" pattern, packaged. Composes a
+ * clickable header + body region with a footer-action row, and
+ * handles the visual chrome (border, hover, focus ring, dividers)
+ * in one place so every list across every app reads the same.
+ *
+ * Why three sub-components instead of one big prop bag:
+ *   - `<Link>` (consumer-provided) wraps Header + Body so the whole
+ *     summary area is the nav target. Footer sits OUTSIDE the link
+ *     so action buttons inside it (Delete, Cancel, etc.) don't also
+ *     trigger navigation — no stopPropagation gymnastics required.
+ *   - Body content varies wildly across apps (DefinitionList,
+ *     plain text, custom). Slot keeps the primitive flexible.
+ *   - Footer is opt-in; cards without actions render header + body
+ *     only and skip the divider.
+ *
+ * Typical shape:
+ *
+ *   <ResourceCard>
+ *     <Link href={...}>
+ *       <ResourceCardHeader title="…" subtitle="…" />
+ *       <ResourceCardBody>
+ *         <DefinitionList>…</DefinitionList>
+ *       </ResourceCardBody>
+ *     </Link>
+ *     <ResourceCardFooter>
+ *       <Button>Delete</Button>
+ *     </ResourceCardFooter>
+ *   </ResourceCard>
+ *
+ * Drop the Link wrapper for a non-navigable card (display-only).
+ */
+interface ResourceCardProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+    tone?: "default" | "muted";
+    scrollAnchor?: boolean;
+    /**
+     * @deprecated Resource cards now have one universal border-only treatment.
+     * Retained as a no-op so existing consumers do not break during migration.
+     */
+    interaction?: "default" | "border";
+}
+declare function ResourceCard({ className, children, tone, scrollAnchor, interaction, ...props }: ResourceCardProps): react_jsx_runtime.JSX.Element;
+interface ResourceCardHeaderProps {
+    /** Optional leading avatar, logo or icon. Sized by the consumer. */
+    media?: ReactNode;
+    title: ReactNode;
+    /** Muted line under the title — typically "For X" / "Created Y". */
+    subtitle?: ReactNode;
+    /**
+     * Right-aligned shrink-0 region. Use sparingly for a small badge
+     * or status pip; large content here clashes with the title.
+     */
+    meta?: ReactNode;
+    className?: string;
+}
+declare function ResourceCardHeader({ media, title, subtitle, meta, className, }: ResourceCardHeaderProps): react_jsx_runtime.JSX.Element;
+interface ResourceCardBodyProps {
+    className?: string;
+    children: ReactNode;
+    paddingBottom?: "none" | "default";
+}
+/**
+ * Mid-card content. Owns the divider above + the standard
+ * horizontal padding so consumers can drop a DefinitionList or
+ * arbitrary children without worrying about alignment with the
+ * header/footer.
+ */
+declare function ResourceCardBody({ className, children, paddingBottom, }: ResourceCardBodyProps): react_jsx_runtime.JSX.Element;
+interface ResourceCardFooterProps {
+    className?: string;
+    /**
+     * Where actions sit horizontally. Defaults to `"end"` (right-
+     * aligned) because most card footers are 1–2 destructive /
+     * secondary actions. Use `"between"` when the row pairs a
+     * left-leaning meta label with right-leaning actions.
+     */
+    align?: "start" | "end" | "between";
+    wrap?: boolean;
+    children: ReactNode;
+}
+/**
+ * Action row at the bottom of a ResourceCard. Sits OUTSIDE any
+ * `<Link>` wrapper so its buttons don't double-trigger as
+ * navigation. Owns the divider above + tight vertical padding —
+ * actions should feel attached to the card, not floating below it.
+ */
+declare function ResourceCardFooter({ className, align, wrap, children, }: ResourceCardFooterProps): react_jsx_runtime.JSX.Element;
+
+export { ResourceCard, ResourceCardBody, type ResourceCardBodyProps, ResourceCardFooter, type ResourceCardFooterProps, ResourceCardHeader, type ResourceCardHeaderProps, type ResourceCardProps };

package/dist/primitives/resource-card.js

@@ -0,0 +1,104 @@
+"use client";
+import {
+  interactiveCardClass
+} from "../chunk-F73ONTCK.js";
+import {
+  cn
+} from "../chunk-G6SRSWXB.js";
+
+// src/primitives/resource-card.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function ResourceCard({
+  className,
+  children,
+  tone = "default",
+  scrollAnchor = false,
+  interaction = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        // The same universal treatment as every other interactive card in the
+        // kit. `interaction` is intentionally ignored: contexts cannot select
+        // their own hover styling.
+        interactiveCardClass(),
+        // ResourceCard is a div wrapping a consumer-provided link, so the ring
+        // has to come from focus WITHIN rather than from the card itself.
+        // `overflow-hidden` is this card's own: its header/body/footer dividers
+        // run to the edge and need clipping by the rounded border.
+        "overflow-hidden rounded-lg focus-within:border-foreground/40 focus-within:ring-2 focus-within:ring-ring",
+        tone === "muted" && "opacity-60",
+        scrollAnchor && "scroll-mt-24",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
+function ResourceCardHeader({
+  media,
+  title,
+  subtitle,
+  meta,
+  className
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex items-start justify-between gap-3 p-4",
+        className
+      ),
+      children: [
+        media && /* @__PURE__ */ jsx("div", { className: "shrink-0", children: media }),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx("div", { className: "font-medium truncate", children: title }),
+          subtitle && /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground truncate mt-0.5", children: subtitle })
+        ] }),
+        meta && /* @__PURE__ */ jsx("div", { className: "shrink-0 text-xs text-muted-foreground/70", children: meta })
+      ]
+    }
+  );
+}
+function ResourceCardBody({
+  className,
+  children,
+  paddingBottom = "none"
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("border-t border-border px-4", paddingBottom === "default" && "pb-4", className),
+      children
+    }
+  );
+}
+function ResourceCardFooter({
+  className,
+  align = "end",
+  wrap = false,
+  children
+}) {
+  const justify = align === "start" ? "justify-start" : align === "between" ? "justify-between" : "justify-end";
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "border-t border-border px-3 py-2 flex items-center gap-1",
+        justify,
+        wrap && "flex-wrap",
+        className
+      ),
+      children
+    }
+  );
+}
+export {
+  ResourceCard,
+  ResourceCardBody,
+  ResourceCardFooter,
+  ResourceCardHeader
+};

package/dist/primitives/resource-list.cjs

@@ -0,0 +1,28 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+"use client";
+
+
+var _chunkRWWOFWLPcjs = require('../chunk-RWWOFWLP.cjs');
+require('../chunk-PNWNU6JW.cjs');
+require('../chunk-FNDBM67K.cjs');
+require('../chunk-U2NES7VR.cjs');
+require('../chunk-SGW4FWBX.cjs');
+require('../chunk-PPX2VPGI.cjs');
+require('../chunk-WNXVGUBF.cjs');
+require('../chunk-IQZLUT2Y.cjs');
+require('../chunk-LELBCBDT.cjs');
+require('../chunk-R5L4CM6V.cjs');
+require('../chunk-JH4GAGOQ.cjs');
+require('../chunk-YYFVG5A6.cjs');
+require('../chunk-XLIAY56V.cjs');
+require('../chunk-V5SPFLKW.cjs');
+require('../chunk-PQUSJEXL.cjs');
+require('../chunk-VGTINL5Q.cjs');
+require('../chunk-I6GUOEBO.cjs');
+require('../chunk-VBPPFC7X.cjs');
+require('../chunk-L4DH72UF.cjs');
+require('../chunk-R35FT53G.cjs');
+require('../chunk-KWLSBTB2.cjs');
+
+
+exports.ResourceList = _chunkRWWOFWLPcjs.ResourceList;