@epicbagel/saas-kit 1.26.0 → 1.28.0

package/dist/primitives/item.cjs

@@ -1,197 +1,27 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _chunkNQK5ZWC7cjs = require('../chunk-NQK5ZWC7.cjs');
-
-
-var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
-
-// src/primitives/item.tsx
-var _classvarianceauthority = require('class-variance-authority');
-var _radixui = require('radix-ui');
-var _jsxruntime = require('react/jsx-runtime');
-function ItemGroup({ className, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      role: "list",
-      "data-slot": "item-group",
-      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
-        "group/item-group flex w-full flex-col gap-4 has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function ItemSeparator({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkNQK5ZWC7cjs.Separator,
-    {
-      "data-slot": "item-separator",
-      orientation: "horizontal",
-      className: _chunkKWLSBTB2cjs.cn.call(void 0, "my-2", className),
-      ...props
-    }
-  );
-}
-var itemVariants = _classvarianceauthority.cva.call(void 0, 
-  "group/item flex w-full flex-wrap items-center rounded-md border text-sm transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [a]:transition-colors [a]:hover:bg-muted",
-  {
-    variants: {
-      variant: {
-        default: "border-transparent",
-        outline: "border-border",
-        muted: "border-transparent bg-muted/50"
-      },
-      size: {
-        default: "gap-3.5 px-4 py-3.5",
-        sm: "gap-2.5 px-3 py-2.5",
-        xs: "gap-2 px-2.5 py-2 in-data-[slot=dropdown-menu-content]:p-0"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-function Item({
-  className,
-  variant = "default",
-  size = "default",
-  asChild = false,
-  ...props
-}) {
-  const Comp = asChild ? _radixui.Slot.Root : "div";
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    Comp,
-    {
-      "data-slot": "item",
-      "data-variant": variant,
-      "data-size": size,
-      className: _chunkKWLSBTB2cjs.cn.call(void 0, itemVariants({ variant, size, className })),
-      ...props
-    }
-  );
-}
-var itemMediaVariants = _classvarianceauthority.cva.call(void 0, 
-  "flex shrink-0 items-center justify-center gap-2 group-has-data-[slot=item-description]/item:translate-y-0.5 group-has-data-[slot=item-description]/item:self-start [&_svg]:pointer-events-none",
-  {
-    variants: {
-      variant: {
-        default: "bg-transparent",
-        icon: "[&_svg:not([class*='size-'])]:size-4",
-        image: "size-10 overflow-hidden rounded-sm group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 [&_img]:size-full [&_img]:object-cover"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-function ItemMedia({
-  className,
-  variant = "default",
-  ...props
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      "data-slot": "item-media",
-      "data-variant": variant,
-      className: _chunkKWLSBTB2cjs.cn.call(void 0, itemMediaVariants({ variant, className })),
-      ...props
-    }
-  );
-}
-function ItemContent({ className, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      "data-slot": "item-content",
-      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
-        "flex flex-1 flex-col gap-1 group-data-[size=xs]/item:gap-0 [&+[data-slot=item-content]]:flex-none",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function ItemTitle({ className, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      "data-slot": "item-title",
-      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
-        "line-clamp-1 flex w-fit items-center gap-2 text-sm leading-snug font-medium underline-offset-4",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function ItemDescription({ className, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "p",
-    {
-      "data-slot": "item-description",
-      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
-        "line-clamp-2 text-left text-sm leading-normal font-normal text-muted-foreground group-data-[size=xs]/item:text-xs [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function ItemActions({ className, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      "data-slot": "item-actions",
-      className: _chunkKWLSBTB2cjs.cn.call(void 0, "flex items-center gap-2", className),
-      ...props
-    }
-  );
-}
-function ItemHeader({ className, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      "data-slot": "item-header",
-      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
-        "flex basis-full items-center justify-between gap-2",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function ItemFooter({ className, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      "data-slot": "item-footer",
-      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
-        "flex basis-full items-center justify-between gap-2",
-        className
-      ),
-      ...props
-    }
-  );
-}
-
-
-
-
-
-
-
-
-
-
-
-exports.Item = Item; exports.ItemActions = ItemActions; exports.ItemContent = ItemContent; exports.ItemDescription = ItemDescription; exports.ItemFooter = ItemFooter; exports.ItemGroup = ItemGroup; exports.ItemHeader = ItemHeader; exports.ItemMedia = ItemMedia; exports.ItemSeparator = ItemSeparator; exports.ItemTitle = ItemTitle;
+
+
+
+
+
+
+
+
+
+var _chunkDHXKCMKYcjs = require('../chunk-DHXKCMKY.cjs');
+require('../chunk-NQK5ZWC7.cjs');
+require('../chunk-KWLSBTB2.cjs');
+
+
+
+
+
+
+
+
+
+
+
+exports.Item = _chunkDHXKCMKYcjs.Item; exports.ItemActions = _chunkDHXKCMKYcjs.ItemActions; exports.ItemContent = _chunkDHXKCMKYcjs.ItemContent; exports.ItemDescription = _chunkDHXKCMKYcjs.ItemDescription; exports.ItemFooter = _chunkDHXKCMKYcjs.ItemFooter; exports.ItemGroup = _chunkDHXKCMKYcjs.ItemGroup; exports.ItemHeader = _chunkDHXKCMKYcjs.ItemHeader; exports.ItemMedia = _chunkDHXKCMKYcjs.ItemMedia; exports.ItemSeparator = _chunkDHXKCMKYcjs.ItemSeparator; exports.ItemTitle = _chunkDHXKCMKYcjs.ItemTitle;

package/dist/primitives/item.js

@@ -1,188 +1,18 @@
 "use client";
 import {
-  Separator
-} from "../chunk-HYTILYE5.js";
-import {
-  cn
-} from "../chunk-G6SRSWXB.js";
-
-// src/primitives/item.tsx
-import { cva } from "class-variance-authority";
-import { Slot } from "radix-ui";
-import { jsx } from "react/jsx-runtime";
-function ItemGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      role: "list",
-      "data-slot": "item-group",
-      className: cn(
-        "group/item-group flex w-full flex-col gap-4 has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function ItemSeparator({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Separator,
-    {
-      "data-slot": "item-separator",
-      orientation: "horizontal",
-      className: cn("my-2", className),
-      ...props
-    }
-  );
-}
-var itemVariants = cva(
-  "group/item flex w-full flex-wrap items-center rounded-md border text-sm transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [a]:transition-colors [a]:hover:bg-muted",
-  {
-    variants: {
-      variant: {
-        default: "border-transparent",
-        outline: "border-border",
-        muted: "border-transparent bg-muted/50"
-      },
-      size: {
-        default: "gap-3.5 px-4 py-3.5",
-        sm: "gap-2.5 px-3 py-2.5",
-        xs: "gap-2 px-2.5 py-2 in-data-[slot=dropdown-menu-content]:p-0"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-function Item({
-  className,
-  variant = "default",
-  size = "default",
-  asChild = false,
-  ...props
-}) {
-  const Comp = asChild ? Slot.Root : "div";
-  return /* @__PURE__ */ jsx(
-    Comp,
-    {
-      "data-slot": "item",
-      "data-variant": variant,
-      "data-size": size,
-      className: cn(itemVariants({ variant, size, className })),
-      ...props
-    }
-  );
-}
-var itemMediaVariants = cva(
-  "flex shrink-0 items-center justify-center gap-2 group-has-data-[slot=item-description]/item:translate-y-0.5 group-has-data-[slot=item-description]/item:self-start [&_svg]:pointer-events-none",
-  {
-    variants: {
-      variant: {
-        default: "bg-transparent",
-        icon: "[&_svg:not([class*='size-'])]:size-4",
-        image: "size-10 overflow-hidden rounded-sm group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 [&_img]:size-full [&_img]:object-cover"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-function ItemMedia({
-  className,
-  variant = "default",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "item-media",
-      "data-variant": variant,
-      className: cn(itemMediaVariants({ variant, className })),
-      ...props
-    }
-  );
-}
-function ItemContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "item-content",
-      className: cn(
-        "flex flex-1 flex-col gap-1 group-data-[size=xs]/item:gap-0 [&+[data-slot=item-content]]:flex-none",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function ItemTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "item-title",
-      className: cn(
-        "line-clamp-1 flex w-fit items-center gap-2 text-sm leading-snug font-medium underline-offset-4",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function ItemDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "p",
-    {
-      "data-slot": "item-description",
-      className: cn(
-        "line-clamp-2 text-left text-sm leading-normal font-normal text-muted-foreground group-data-[size=xs]/item:text-xs [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function ItemActions({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "item-actions",
-      className: cn("flex items-center gap-2", className),
-      ...props
-    }
-  );
-}
-function ItemHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "item-header",
-      className: cn(
-        "flex basis-full items-center justify-between gap-2",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function ItemFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "item-footer",
-      className: cn(
-        "flex basis-full items-center justify-between gap-2",
-        className
-      ),
-      ...props
-    }
-  );
-}
+  Item,
+  ItemActions,
+  ItemContent,
+  ItemDescription,
+  ItemFooter,
+  ItemGroup,
+  ItemHeader,
+  ItemMedia,
+  ItemSeparator,
+  ItemTitle
+} from "../chunk-SG4ZE2EN.js";
+import "../chunk-HYTILYE5.js";
+import "../chunk-G6SRSWXB.js";
 export {
   Item,
   ItemActions,

package/dist/primitives/person-avatar.cjs

@@ -2,10 +2,10 @@
 
 
 
-var _chunkU7XNNLVPcjs = require('../chunk-U7XNNLVP.cjs');
+var _chunkWP7CKIPEcjs = require('../chunk-WP7CKIPE.cjs');
 require('../chunk-WABCLRBR.cjs');
 require('../chunk-KWLSBTB2.cjs');
 
 
 
-exports.PersonAvatar = _chunkU7XNNLVPcjs.PersonAvatar; exports.initials = _chunkU7XNNLVPcjs.initials;
+exports.PersonAvatar = _chunkWP7CKIPEcjs.PersonAvatar; exports.initials = _chunkWP7CKIPEcjs.initials;

package/dist/primitives/person-avatar.d.cts

@@ -20,6 +20,11 @@ interface PersonAvatarProps {
     /** Class for the initials fallback — e.g. a smaller type scale. */
     fallbackClassName?: string;
     fallbackSize?: "default" | "xl";
+    /**
+     * Beside the person's name already (a chip, a list row): hidden from
+     * screen readers, so the name isn't read twice or as initials.
+     */
+    decorative?: boolean;
 }
 /**
  * A person's avatar: their photo if we have one, their initials if we don't.
@@ -28,6 +33,6 @@ interface PersonAvatarProps {
  * coloured tile masks a missing photo by pretending to be one, while plain
  * initials make a missing photo obvious.
  */
-declare function PersonAvatar({ name, photoUrl, size, className, fallbackClassName, fallbackSize, }: PersonAvatarProps): react_jsx_runtime.JSX.Element;
+declare function PersonAvatar({ name, photoUrl, size, className, fallbackClassName, fallbackSize, decorative, }: PersonAvatarProps): react_jsx_runtime.JSX.Element;
 
 export { PersonAvatar, type PersonAvatarProps, initials };

package/dist/primitives/person-avatar.d.ts

@@ -20,6 +20,11 @@ interface PersonAvatarProps {
     /** Class for the initials fallback — e.g. a smaller type scale. */
     fallbackClassName?: string;
     fallbackSize?: "default" | "xl";
+    /**
+     * Beside the person's name already (a chip, a list row): hidden from
+     * screen readers, so the name isn't read twice or as initials.
+     */
+    decorative?: boolean;
 }
 /**
  * A person's avatar: their photo if we have one, their initials if we don't.
@@ -28,6 +33,6 @@ interface PersonAvatarProps {
  * coloured tile masks a missing photo by pretending to be one, while plain
  * initials make a missing photo obvious.
  */
-declare function PersonAvatar({ name, photoUrl, size, className, fallbackClassName, fallbackSize, }: PersonAvatarProps): react_jsx_runtime.JSX.Element;
+declare function PersonAvatar({ name, photoUrl, size, className, fallbackClassName, fallbackSize, decorative, }: PersonAvatarProps): react_jsx_runtime.JSX.Element;
 
 export { PersonAvatar, type PersonAvatarProps, initials };

package/dist/primitives/person-avatar.js

@@ -2,7 +2,7 @@
 import {
   PersonAvatar,
   initials
-} from "../chunk-NXFZULS3.js";
+} from "../chunk-T5AFBLP2.js";
 import "../chunk-3OWGL4Q2.js";
 import "../chunk-G6SRSWXB.js";
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@epicbagel/saas-kit",
-  "version": "1.26.0",
+  "version": "1.28.0",
   "description": "Accessible React primitives, layout components and design tokens for SaaS apps, built on Radix UI and Tailwind CSS v4.",
   "license": "MIT",
   "keywords": [

package/dist/chunk-KGFL3VWY.cjs

@@ -1,62 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
-
-
-var _chunkVGTINL5Qcjs = require('./chunk-VGTINL5Q.cjs');
-
-
-var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
-
-// src/primitives/chip-tabs.tsx
-var _jsxruntime = require('react/jsx-runtime');
-function ChipTabs({
-  items,
-  value,
-  onChange,
-  size = "sm",
-  variant = "soft",
-  trailing,
-  className,
-  marginBottom = "none",
-  placement = "inline",
-  disabled = false,
-  guidedValue
-}) {
-  const padClass = size === "xs" ? "px-1.5 py-0.5" : size === "md" ? "px-3.5 py-2" : "px-2 py-1";
-  const textClass = size === "xs" ? "text-[11px]" : size === "md" ? "text-sm" : "text-xs";
-  const gapClass = size === "md" ? "gap-2" : "gap-1";
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkKWLSBTB2cjs.cn.call(void 0, "flex items-center", gapClass, marginBottom === "lg" && "mb-6", placement === "panel" && "border-b px-3 py-2", className), children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkKWLSBTB2cjs.cn.call(void 0, "flex min-w-0 flex-wrap", gapClass), children: items.map((item) => {
-      const active = item.id === value;
-      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-        "button",
-        {
-          type: "button",
-          disabled,
-          onClick: () => onChange(item.id),
-          className: _chunkKWLSBTB2cjs.cn.call(void 0, 
-            "rounded-md transition-colors inline-flex items-center gap-1 disabled:pointer-events-none disabled:opacity-60",
-            textClass,
-            padClass,
-            variant === "outline" && "border",
-            item.id === guidedValue && "ring-2 ring-destructive/60 ring-offset-2 ring-offset-background animate-pulse-once motion-reduce:animate-none",
-            active && variant === "soft" && "bg-accent text-accent-foreground font-medium",
-            !active && variant === "soft" && "text-muted-foreground hover:bg-accent/50",
-            active && variant === "outline" && "border-primary bg-primary/10 text-foreground font-medium",
-            !active && variant === "outline" && "border-muted-foreground/50 bg-background text-muted-foreground hover:border-foreground/60 hover:text-foreground"
-          ),
-          children: [
-            item.icon,
-            item.label,
-            item.count != null && item.count > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVGTINL5Qcjs.CountBadge, { value: item.count, variant: "secondary" })
-          ]
-        },
-        item.id
-      );
-    }) }),
-    trailing && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "ml-auto flex items-center gap-1", children: trailing })
-  ] });
-}
-
-
-
-exports.ChipTabs = ChipTabs;

package/dist/chunk-QD63LB2F.js

@@ -1,62 +0,0 @@
-"use client";
-import {
-  CountBadge
-} from "./chunk-H7TETFLB.js";
-import {
-  cn
-} from "./chunk-G6SRSWXB.js";
-
-// src/primitives/chip-tabs.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function ChipTabs({
-  items,
-  value,
-  onChange,
-  size = "sm",
-  variant = "soft",
-  trailing,
-  className,
-  marginBottom = "none",
-  placement = "inline",
-  disabled = false,
-  guidedValue
-}) {
-  const padClass = size === "xs" ? "px-1.5 py-0.5" : size === "md" ? "px-3.5 py-2" : "px-2 py-1";
-  const textClass = size === "xs" ? "text-[11px]" : size === "md" ? "text-sm" : "text-xs";
-  const gapClass = size === "md" ? "gap-2" : "gap-1";
-  return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center", gapClass, marginBottom === "lg" && "mb-6", placement === "panel" && "border-b px-3 py-2", className), children: [
-    /* @__PURE__ */ jsx("div", { className: cn("flex min-w-0 flex-wrap", gapClass), children: items.map((item) => {
-      const active = item.id === value;
-      return /* @__PURE__ */ jsxs(
-        "button",
-        {
-          type: "button",
-          disabled,
-          onClick: () => onChange(item.id),
-          className: cn(
-            "rounded-md transition-colors inline-flex items-center gap-1 disabled:pointer-events-none disabled:opacity-60",
-            textClass,
-            padClass,
-            variant === "outline" && "border",
-            item.id === guidedValue && "ring-2 ring-destructive/60 ring-offset-2 ring-offset-background animate-pulse-once motion-reduce:animate-none",
-            active && variant === "soft" && "bg-accent text-accent-foreground font-medium",
-            !active && variant === "soft" && "text-muted-foreground hover:bg-accent/50",
-            active && variant === "outline" && "border-primary bg-primary/10 text-foreground font-medium",
-            !active && variant === "outline" && "border-muted-foreground/50 bg-background text-muted-foreground hover:border-foreground/60 hover:text-foreground"
-          ),
-          children: [
-            item.icon,
-            item.label,
-            item.count != null && item.count > 0 && /* @__PURE__ */ jsx(CountBadge, { value: item.count, variant: "secondary" })
-          ]
-        },
-        item.id
-      );
-    }) }),
-    trailing && /* @__PURE__ */ jsx("div", { className: "ml-auto flex items-center gap-1", children: trailing })
-  ] });
-}
-
-export {
-  ChipTabs
-};