@clyrex-digital/clyrex-controls-dev 0.8.1-dev.20260903053106 → 0.8.1-dev.20260903094942

package/dist/AvatarViewClient-4GOKYZYT.mjs

@@ -0,0 +1,108 @@
+"use client";
+
+"use client";
+import {
+  AssetUtility_default
+} from "./chunk-UPCAOGEY.mjs";
+
+// src/components/controls/view/AvatarViewClient.tsx
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+var AVATAR_COLORS = [
+  "bg-error-strong",
+  "bg-accent-base",
+  "bg-warning-base",
+  "bg-success-base",
+  "bg-info-base",
+  "bg-primary-base",
+  "bg-secondary-base"
+];
+var getAvatarColor = (text) => {
+  let hash = 0;
+  for (let i = 0; i < text.length; i += 1) {
+    hash = hash * 31 + text.charCodeAt(i) >>> 0;
+  }
+  return AVATAR_COLORS[hash % AVATAR_COLORS.length];
+};
+var getInitials = (text) => {
+  const words = text.trim().split(/\s+/).filter(Boolean);
+  if (words.length === 0) {
+    return "?";
+  }
+  if (words.length === 1) {
+    return words[0].slice(0, 2).toUpperCase();
+  }
+  return `${words[0][0]}${words[words.length - 1][0]}`.toUpperCase();
+};
+var getContactImageInfo = (text) => {
+  if (!text.includes("-")) {
+    return null;
+  }
+  const parts = text.split("-");
+  if (parts.length <= 1) {
+    return null;
+  }
+  const first = parts[0].trim();
+  if (!/^\d+$/.test(first)) {
+    return null;
+  }
+  return {
+    contactId: first,
+    name: parts.slice(1).join("-").trim() || text
+  };
+};
+var AvatarViewClient = (props) => {
+  const text = props.value === null || props.value === void 0 ? "" : String(props.value).trim();
+  const [imageFailed, setImageFailed] = React.useState(false);
+  React.useEffect(() => {
+    setImageFailed(false);
+  }, [text, props.assetBaseUrl]);
+  if (!text) {
+    return null;
+  }
+  const size = props.width ?? "1.75rem";
+  const contactInfo = getContactImageInfo(text);
+  const imageUrl = contactInfo ? AssetUtility_default.resolveUrl(
+    props.assetBaseUrl,
+    `itemassets/contacts/contact-${contactInfo.contactId}`
+  ) : void 0;
+  const displayName = contactInfo?.name ?? text;
+  if (imageUrl && !imageFailed) {
+    return /* @__PURE__ */ jsx(
+      "img",
+      {
+        className: "avatar-view inline-block flex-shrink-0 rounded-full object-cover select-none",
+        src: imageUrl,
+        alt: displayName,
+        title: displayName,
+        "aria-label": displayName,
+        loading: "lazy",
+        onError: () => setImageFailed(true),
+        style: {
+          width: size,
+          height: size
+        }
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: `avatar-view inline-flex flex-shrink-0 items-center justify-center rounded-full font-semibold uppercase select-none overflow-hidden ${getAvatarColor(displayName)}`,
+      title: displayName,
+      "aria-label": displayName,
+      style: {
+        width: size,
+        height: size,
+        fontSize: "0.6875rem",
+        letterSpacing: "0.02em",
+        lineHeight: 1
+      },
+      children: getInitials(displayName)
+    }
+  );
+};
+var AvatarViewClient_default = AvatarViewClient;
+export {
+  AvatarViewClient_default as default
+};

package/dist/AvatarViewClient-S3GJZZZS.mjs

@@ -0,0 +1,106 @@
+"use client";
+import {
+  AssetUtility_default
+} from "./chunk-TQ6BXQ3A.mjs";
+
+// src/components/controls/view/AvatarViewClient.tsx
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+var AVATAR_COLORS = [
+  "bg-error-strong",
+  "bg-accent-base",
+  "bg-warning-base",
+  "bg-success-base",
+  "bg-info-base",
+  "bg-primary-base",
+  "bg-secondary-base"
+];
+var getAvatarColor = (text) => {
+  let hash = 0;
+  for (let i = 0; i < text.length; i += 1) {
+    hash = hash * 31 + text.charCodeAt(i) >>> 0;
+  }
+  return AVATAR_COLORS[hash % AVATAR_COLORS.length];
+};
+var getInitials = (text) => {
+  const words = text.trim().split(/\s+/).filter(Boolean);
+  if (words.length === 0) {
+    return "?";
+  }
+  if (words.length === 1) {
+    return words[0].slice(0, 2).toUpperCase();
+  }
+  return `${words[0][0]}${words[words.length - 1][0]}`.toUpperCase();
+};
+var getContactImageInfo = (text) => {
+  if (!text.includes("-")) {
+    return null;
+  }
+  const parts = text.split("-");
+  if (parts.length <= 1) {
+    return null;
+  }
+  const first = parts[0].trim();
+  if (!/^\d+$/.test(first)) {
+    return null;
+  }
+  return {
+    contactId: first,
+    name: parts.slice(1).join("-").trim() || text
+  };
+};
+var AvatarViewClient = (props) => {
+  const text = props.value === null || props.value === void 0 ? "" : String(props.value).trim();
+  const [imageFailed, setImageFailed] = React.useState(false);
+  React.useEffect(() => {
+    setImageFailed(false);
+  }, [text, props.assetBaseUrl]);
+  if (!text) {
+    return null;
+  }
+  const size = props.width ?? "1.75rem";
+  const contactInfo = getContactImageInfo(text);
+  const imageUrl = contactInfo ? AssetUtility_default.resolveUrl(
+    props.assetBaseUrl,
+    `itemassets/contacts/contact-${contactInfo.contactId}`
+  ) : void 0;
+  const displayName = contactInfo?.name ?? text;
+  if (imageUrl && !imageFailed) {
+    return /* @__PURE__ */ jsx(
+      "img",
+      {
+        className: "avatar-view inline-block flex-shrink-0 rounded-full object-cover select-none",
+        src: imageUrl,
+        alt: displayName,
+        title: displayName,
+        "aria-label": displayName,
+        loading: "lazy",
+        onError: () => setImageFailed(true),
+        style: {
+          width: size,
+          height: size
+        }
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: `avatar-view inline-flex flex-shrink-0 items-center justify-center rounded-full font-semibold uppercase select-none overflow-hidden ${getAvatarColor(displayName)}`,
+      title: displayName,
+      "aria-label": displayName,
+      style: {
+        width: size,
+        height: size,
+        fontSize: "0.6875rem",
+        letterSpacing: "0.02em",
+        lineHeight: 1
+      },
+      children: getInitials(displayName)
+    }
+  );
+};
+var AvatarViewClient_default = AvatarViewClient;
+export {
+  AvatarViewClient_default as default
+};

package/dist/{DataBindingControls-GWNAJ7PR.mjs → DataBindingControls-UUDERFAD.mjs}

@@ -3,7 +3,7 @@
 "use client";
 import {
   InputControl_default
-} from "./chunk-Q3LFGHLM.mjs";
+} from "./chunk-7JWVEYJY.mjs";
 import {
   InputControlType_default
 } from "./chunk-DTWPZPSX.mjs";

package/dist/{chunk-Q3LFGHLM.mjs → chunk-7JWVEYJY.mjs}

@@ -3,7 +3,7 @@
 
 // src/components/controls/edit/InputControl.tsx
 import dynamic from "next/dynamic";
-var InputControl = dynamic(() => import("./InputControlClient-GRH7VSJR.mjs"), {
+var InputControl = dynamic(() => import("./InputControlClient-5NX4CEZB.mjs"), {
   ssr: false
 });
 var InputControl_default = InputControl;