@crewlethq/ui 0.8.1 → 0.10.0

package/dist/chunk-IA232OTU.js

@@ -1,156 +0,0 @@
-import { cx } from './chunk-ODEQTPFM.js';
-import './Avatar-XID7Z74C.css';
-import './AvatarStack-GEJBNV7E.css';
-import { useState, useEffect } from 'react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var AVATAR_SIZES = { xs: 20, sm: 26, md: 32, lg: 40 };
-var AVATAR_CORNER_RATIO = 0.29;
-var getInitials = (name) => {
-  if (!name) return "?";
-  const words = name.trim().split(/[\s\-_.]+/).filter(Boolean);
-  if (words.length === 0) return "?";
-  const first = (word2) => (Array.from(word2)[0] ?? "").toUpperCase();
-  if (words.length >= 2) return words.slice(0, 2).map(first).join("") || "?";
-  const word = words[0];
-  const humps = word.split(/(?<=\p{Ll})(?=\p{Lu})/u);
-  if (humps.length >= 2) return humps.slice(0, 2).map(first).join("");
-  return Array.from(word).slice(0, 2).map((character) => character.toUpperCase()).join("") || "?";
-};
-var TINT_COUNT = 10;
-var avatarTint = (seed) => {
-  let hash = 0;
-  for (let i = 0; i < seed.length; i += 1) {
-    hash = hash * 31 + seed.charCodeAt(i) >>> 0;
-  }
-  return hash % TINT_COUNT;
-};
-function avatarPixels(size) {
-  return typeof size === "number" ? size : AVATAR_SIZES[size];
-}
-function avatarCorner(pixels) {
-  return pixels * AVATAR_CORNER_RATIO;
-}
-var Avatar = ({
-  src,
-  name,
-  size = "md",
-  kind = "agent",
-  tone = "neutral",
-  ring,
-  decorative = false,
-  colorSeed,
-  className,
-  style,
-  ...rest
-}) => {
-  const [imageFailed, setImageFailed] = useState(false);
-  useEffect(() => {
-    setImageFailed(false);
-  }, [src]);
-  const step = typeof size === "number" ? null : size;
-  const pixels = avatarPixels(size);
-  const measured = step === null ? {
-    "--crewlet-avatar-size": `${pixels}px`,
-    fontSize: Math.max(9, Math.round(pixels * 0.36))
-  } : {};
-  const seeded = tone === "seeded" ? avatarTint(colorSeed ?? name ?? "") : null;
-  const classes = cx(
-    "crewlet-avatar",
-    `crewlet-avatar--${kind}`,
-    step === null ? null : `crewlet-avatar--${step}`,
-    ring === void 0 ? null : `crewlet-avatar--ring-${ring}`,
-    className
-  );
-  if (src && !imageFailed) {
-    return /* @__PURE__ */ jsx(
-      "img",
-      {
-        ...rest,
-        className: cx(classes, "crewlet-avatar--image"),
-        style: { ...measured, ...style },
-        src,
-        alt: decorative ? "" : name ?? "",
-        "aria-hidden": decorative ? true : void 0,
-        onError: () => setImageFailed(true)
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      ...rest,
-      className: cx(
-        classes,
-        "crewlet-avatar--fallback",
-        `crewlet-avatar--${tone}`,
-        seeded === null ? null : `crewlet-avatar--tint-${seeded}`
-      ),
-      style: { ...measured, ...style },
-      role: decorative ? void 0 : "img",
-      "aria-hidden": decorative ? true : void 0,
-      "aria-label": decorative ? void 0 : name ? `${name} avatar` : "Avatar",
-      children: getInitials(name)
-    }
-  );
-};
-function counted(count, one, many) {
-  return `${count} ${count === 1 ? one : many}`;
-}
-function avatarStackLabel(members) {
-  const humans = members.filter((member) => member.kind === "human").length;
-  const agents = members.length - humans;
-  const agentWords = counted(agents, "agent", "agents");
-  const humanWords = counted(humans, "person", "people");
-  const who = humans === 0 ? agentWords : agents === 0 ? humanWords : `${agentWords} and ${humanWords}`;
-  return `${who}: ${members.map((member) => member.name).join(", ")}`;
-}
-function AvatarStack({
-  members,
-  max = 4,
-  size = "sm",
-  label,
-  decorative = false,
-  className,
-  style,
-  ...rest
-}) {
-  if (!Number.isInteger(max) || max < 1) {
-    throw new RangeError(`AvatarStack max must be a whole number of at least 1; it was ${max}`);
-  }
-  if (members.length === 0) return null;
-  const shown = members.slice(0, max);
-  const overflow = members.length - shown.length;
-  return /* @__PURE__ */ jsxs(
-    "span",
-    {
-      ...rest,
-      className: cx("crewlet-avatar-stack", className),
-      style: { "--crewlet-avatar-stack-size": `${AVATAR_SIZES[size]}px`, ...style },
-      role: decorative ? void 0 : "img",
-      "aria-label": decorative ? void 0 : label ?? avatarStackLabel(members),
-      "aria-hidden": decorative ? true : void 0,
-      children: [
-        shown.map((member) => /* @__PURE__ */ jsx(
-          Avatar,
-          {
-            className: "crewlet-avatar-stack__member",
-            name: member.name,
-            kind: member.kind,
-            src: member.src,
-            ring: member.ring,
-            size,
-            decorative: true
-          },
-          member.id ?? member.name
-        )),
-        overflow > 0 ? /* @__PURE__ */ jsxs("span", { className: "crewlet-avatar-stack__member crewlet-avatar-stack__more", "aria-hidden": "true", children: [
-          "+",
-          overflow
-        ] }) : null
-      ]
-    }
-  );
-}
-
-export { AVATAR_CORNER_RATIO, AVATAR_SIZES, Avatar, AvatarStack, avatarCorner, avatarPixels, avatarStackLabel, avatarTint, getInitials };

package/dist/{chunk-4JHWMJZI.js → chunk-6HXH57BL.js}

@@ -1,8 +1,8 @@
 import { Kbd } from './chunk-SMBKXWML.js';
 import { FormField, Textarea, Input } from './chunk-ZGX2DP7F.js';
+import { announce } from './chunk-RSAQOKH3.js';
 import { isComposing } from './chunk-R25RGPUB.js';
 import { IconButton } from './chunk-4FQT6ZAY.js';
-import { announce } from './chunk-RSAQOKH3.js';
 import './ListInput-O7LJKOIG.css';
 import { useState, useRef, useLayoutEffect } from 'react';
 import { ArrowUpGlyph, ArrowDownGlyph, XGlyph, PlusGlyph } from '@crewlethq/icons/glyphs';

package/dist/{chunk-KTIEJ5Q5.js → chunk-CVB7O3SZ.js}

@@ -2,8 +2,8 @@ import { Menu } from './chunk-LSB3EHBW.js';
 import { EmptyValue } from './chunk-EUCC37WY.js';
 import { Modal } from './chunk-BTHX2FS3.js';
 import { useCardHeaderSlot } from './chunk-AV2DXAEL.js';
-import { useClipboard } from './chunk-5VNUYO76.js';
 import { Checkbox } from './chunk-YCTMKKRA.js';
+import { useClipboard } from './chunk-5VNUYO76.js';
 import { IconButton } from './chunk-4FQT6ZAY.js';
 import { Button } from './chunk-OG6CL3EB.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';

package/dist/{chunk-BXPLX7YU.js → chunk-IGWPZZIB.js}

@@ -1,7 +1,7 @@
 import { Kbd } from './chunk-SMBKXWML.js';
-import { Modal } from './chunk-BTHX2FS3.js';
 import { useListbox } from './chunk-6MU7HNB4.js';
 import { Input } from './chunk-ZGX2DP7F.js';
+import { Modal } from './chunk-BTHX2FS3.js';
 import { Count } from './chunk-BHHIIK3M.js';
 import { isComposing } from './chunk-R25RGPUB.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';

package/dist/{chunk-HVPC2GHY.js → chunk-IZHN5I3H.js}

@@ -1,7 +1,7 @@
 import { Select } from './chunk-SEFMO2EV.js';
+import { Input } from './chunk-ZGX2DP7F.js';
 import { Popover } from './chunk-PDUZO35I.js';
 import { today, shiftMonth, CalendarGrid, compareDays } from './chunk-GXQ3B46I.js';
-import { Input } from './chunk-ZGX2DP7F.js';
 import { isComposing } from './chunk-R25RGPUB.js';
 import { IconButton } from './chunk-4FQT6ZAY.js';
 import { Button } from './chunk-OG6CL3EB.js';

package/dist/{chunk-DBUGBINU.js → chunk-MPXI6FM6.js}

@@ -1,8 +1,8 @@
 import { Tag } from './chunk-LOECRMHA.js';
 import { useListbox } from './chunk-6MU7HNB4.js';
+import { announce } from './chunk-RSAQOKH3.js';
 import { isComposing } from './chunk-R25RGPUB.js';
 import { IconButton } from './chunk-4FQT6ZAY.js';
-import { announce } from './chunk-RSAQOKH3.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './TagsInput-P2HS5QL4.css';
 import { forwardRef, useState, useRef, useId, useImperativeHandle, useEffect, useMemo, useLayoutEffect } from 'react';