@cdx-ui/primitives 0.0.1-alpha.17 → 0.0.1-alpha.18

package/lib/commonjs/avatar/context.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useAvatarContext = exports.AvatarProvider = void 0;
+var _utils = require("@cdx-ui/utils");
+const [AvatarProvider, useAvatarContext] = (0, _utils.createContext)('AvatarContext');
+exports.useAvatarContext = useAvatarContext;
+exports.AvatarProvider = AvatarProvider;
+//# sourceMappingURL=context.js.map

package/lib/commonjs/avatar/context.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_utils","require","AvatarProvider","useAvatarContext","createContext","exports"],"sourceRoot":"../../../src","sources":["avatar/context.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAGO,MAAM,CAACC,cAAc,EAAEC,gBAAgB,CAAC,GAC7C,IAAAC,oBAAa,EAAsB,eAAe,CAAC;AAACC,OAAA,CAAAF,gBAAA,GAAAA,gBAAA;AAAAE,OAAA,CAAAH,cAAA,GAAAA,cAAA","ignoreList":[]}

package/lib/commonjs/avatar/createAvatarBadge.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createAvatarBadge = void 0;
+var _react = require("react");
+var _jsxRuntime = require("react/jsx-runtime");
+const createAvatarBadge = BaseBadge => /*#__PURE__*/(0, _react.forwardRef)(({
+  children,
+  ...props
+}, ref) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseBadge, {
+    ref: ref,
+    ...props,
+    children: children
+  });
+});
+exports.createAvatarBadge = createAvatarBadge;
+//# sourceMappingURL=createAvatarBadge.js.map

package/lib/commonjs/avatar/createAvatarBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_jsxRuntime","createAvatarBadge","BaseBadge","forwardRef","children","props","ref","jsx","exports"],"sourceRoot":"../../../src","sources":["avatar/createAvatarBadge.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAAmC,IAAAC,WAAA,GAAAD,OAAA;AAG5B,MAAME,iBAAiB,GAAQC,SAAiC,iBACrE,IAAAC,iBAAU,EAA6B,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACtE,oBACE,IAAAN,WAAA,CAAAO,GAAA,EAACL,SAAS;IAACI,GAAG,EAAEA,GAAI;IAAA,GAAMD,KAAK;IAAAD,QAAA,EAC5BA;EAAQ,CACA,CAAC;AAEhB,CAAC,CAAC;AAACI,OAAA,CAAAP,iBAAA,GAAAA,iBAAA","ignoreList":[]}

package/lib/commonjs/avatar/createAvatarIcon.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createAvatarIcon = void 0;
+var _react = require("react");
+var _context = require("./context");
+var _jsxRuntime = require("react/jsx-runtime");
+const createAvatarIcon = BaseIcon => /*#__PURE__*/(0, _react.forwardRef)(({
+  children,
+  style,
+  ...props
+}, ref) => {
+  const {
+    imageLoaded,
+    imageError
+  } = (0, _context.useAvatarContext)();
+  const visible = !imageLoaded || imageError;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseIcon, {
+    ref: ref,
+    style: [style, !visible && {
+      opacity: 0
+    }],
+    ...props,
+    children: children
+  });
+});
+exports.createAvatarIcon = createAvatarIcon;
+//# sourceMappingURL=createAvatarIcon.js.map

package/lib/commonjs/avatar/createAvatarIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_context","_jsxRuntime","createAvatarIcon","BaseIcon","forwardRef","children","style","props","ref","imageLoaded","imageError","useAvatarContext","visible","jsx","opacity","exports"],"sourceRoot":"../../../src","sources":["avatar/createAvatarIcon.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAA6C,IAAAE,WAAA,GAAAF,OAAA;AAGtC,MAAMG,gBAAgB,GAAQC,QAAgC,iBACnE,IAAAC,iBAAU,EAA4B,CAAC;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC5E,MAAM;IAAEC,WAAW;IAAEC;EAAW,CAAC,GAAG,IAAAC,yBAAgB,EAAC,CAAC;EACtD,MAAMC,OAAO,GAAG,CAACH,WAAW,IAAIC,UAAU;EAE1C,oBACE,IAAAT,WAAA,CAAAY,GAAA,EAACV,QAAQ;IAACK,GAAG,EAAEA,GAAI;IAACF,KAAK,EAAE,CAACA,KAAK,EAAE,CAACM,OAAO,IAAI;MAAEE,OAAO,EAAE;IAAE,CAAC,CAAE;IAAA,GAAMP,KAAK;IAAAF,QAAA,EACvEA;EAAQ,CACD,CAAC;AAEf,CAAC,CAAC;AAACU,OAAA,CAAAb,gBAAA,GAAAA,gBAAA","ignoreList":[]}

package/lib/commonjs/avatar/createAvatarImage.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createAvatarImage = void 0;
+var _react = require("react");
+var _context = require("./context");
+var _jsxRuntime = require("react/jsx-runtime");
+const createAvatarImage = BaseImage => /*#__PURE__*/(0, _react.forwardRef)(({
+  src,
+  source,
+  onLoad,
+  onError,
+  ...props
+}, ref) => {
+  const {
+    imageError,
+    setImageLoaded,
+    setImageError
+  } = (0, _context.useAvatarContext)();
+  const resolvedSource = (0, _react.useMemo)(() => src ? {
+    uri: src
+  } : source, [src, source]);
+  (0, _react.useEffect)(() => {
+    if (!resolvedSource) {
+      setImageError(true);
+    } else {
+      setImageError(false);
+      setImageLoaded(false);
+    }
+  }, [resolvedSource, setImageError, setImageLoaded]);
+  if (!resolvedSource || imageError) {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseImage, {
+    ref: ref,
+    source: resolvedSource,
+    onLoad: e => {
+      setImageLoaded(true);
+      onLoad?.(e);
+    },
+    onError: e => {
+      setImageError(true);
+      onError?.(e);
+    },
+    ...props
+  });
+});
+exports.createAvatarImage = createAvatarImage;
+//# sourceMappingURL=createAvatarImage.js.map

package/lib/commonjs/avatar/createAvatarImage.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_context","_jsxRuntime","createAvatarImage","BaseImage","forwardRef","src","source","onLoad","onError","props","ref","imageError","setImageLoaded","setImageError","useAvatarContext","resolvedSource","useMemo","uri","useEffect","jsx","e","exports"],"sourceRoot":"../../../src","sources":["avatar/createAvatarImage.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAA6C,IAAAE,WAAA,GAAAF,OAAA;AAGtC,MAAMG,iBAAiB,GAAQC,SAAiC,iBACrE,IAAAC,iBAAU,EAA6B,CAAC;EAAEC,GAAG;EAAEC,MAAM;EAAEC,MAAM;EAAEC,OAAO;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC1F,MAAM;IAAEC,UAAU;IAAEC,cAAc;IAAEC;EAAc,CAAC,GAAG,IAAAC,yBAAgB,EAAC,CAAC;EAExE,MAAMC,cAAc,GAAG,IAAAC,cAAO,EAAC,MAAOX,GAAG,GAAG;IAAEY,GAAG,EAAEZ;EAAI,CAAC,GAAGC,MAAO,EAAE,CAACD,GAAG,EAAEC,MAAM,CAAC,CAAC;EAElF,IAAAY,gBAAS,EAAC,MAAM;IACd,IAAI,CAACH,cAAc,EAAE;MACnBF,aAAa,CAAC,IAAI,CAAC;IACrB,CAAC,MAAM;MACLA,aAAa,CAAC,KAAK,CAAC;MACpBD,cAAc,CAAC,KAAK,CAAC;IACvB;EACF,CAAC,EAAE,CAACG,cAAc,EAAEF,aAAa,EAAED,cAAc,CAAC,CAAC;EAEnD,IAAI,CAACG,cAAc,IAAIJ,UAAU,EAAE;IACjC,OAAO,IAAI;EACb;EAEA,oBACE,IAAAV,WAAA,CAAAkB,GAAA,EAAChB,SAAS;IACRO,GAAG,EAAEA,GAAI;IACTJ,MAAM,EAAES,cAAe;IACvBR,MAAM,EAAGa,CAAU,IAAK;MACtBR,cAAc,CAAC,IAAI,CAAC;MACnBL,MAAM,GAA4Ba,CAAC,CAAC;IACvC,CAAE;IACFZ,OAAO,EAAGY,CAAU,IAAK;MACvBP,aAAa,CAAC,IAAI,CAAC;MAClBL,OAAO,GAA4BY,CAAC,CAAC;IACxC,CAAE;IAAA,GACGX;EAAK,CACX,CAAC;AAEN,CAAC,CAAC;AAACY,OAAA,CAAAnB,iBAAA,GAAAA,iBAAA","ignoreList":[]}

package/lib/commonjs/avatar/createAvatarRoot.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createAvatarRoot = void 0;
+var _react = require("react");
+var _context = require("./context");
+var _jsxRuntime = require("react/jsx-runtime");
+const createAvatarRoot = BaseAvatar => /*#__PURE__*/(0, _react.forwardRef)(({
+  children,
+  ...props
+}, ref) => {
+  const [imageLoaded, setImageLoaded] = (0, _react.useState)(false);
+  const [imageError, setImageError] = (0, _react.useState)(false);
+  const contextValue = (0, _react.useMemo)(() => ({
+    imageLoaded,
+    imageError,
+    setImageLoaded,
+    setImageError
+  }), [imageLoaded, imageError]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.AvatarProvider, {
+    value: contextValue,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseAvatar, {
+      ref: ref,
+      role: "img",
+      accessibilityRole: "image",
+      ...props,
+      children: children
+    })
+  });
+});
+exports.createAvatarRoot = createAvatarRoot;
+//# sourceMappingURL=createAvatarRoot.js.map

package/lib/commonjs/avatar/createAvatarRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_context","_jsxRuntime","createAvatarRoot","BaseAvatar","forwardRef","children","props","ref","imageLoaded","setImageLoaded","useState","imageError","setImageError","contextValue","useMemo","jsx","AvatarProvider","value","role","accessibilityRole","exports"],"sourceRoot":"../../../src","sources":["avatar/createAvatarRoot.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAA2C,IAAAE,WAAA,GAAAF,OAAA;AAGpC,MAAMG,gBAAgB,GAAQC,UAAkC,iBACrE,IAAAC,iBAAU,EAAwB,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACjE,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EACrD,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAF,eAAQ,EAAC,KAAK,CAAC;EAEnD,MAAMG,YAAY,GAAG,IAAAC,cAAO,EAC1B,OAAO;IAAEN,WAAW;IAAEG,UAAU;IAAEF,cAAc;IAAEG;EAAc,CAAC,CAAC,EAClE,CAACJ,WAAW,EAAEG,UAAU,CAC1B,CAAC;EAED,oBACE,IAAAV,WAAA,CAAAc,GAAA,EAACf,QAAA,CAAAgB,cAAc;IAACC,KAAK,EAAEJ,YAAa;IAAAR,QAAA,eAClC,IAAAJ,WAAA,CAAAc,GAAA,EAACZ,UAAU;MAACI,GAAG,EAAEA,GAAI;MAACW,IAAI,EAAC,KAAK;MAACC,iBAAiB,EAAC,OAAO;MAAA,GAAMb,KAAK;MAAAD,QAAA,EAClEA;IAAQ,CACC;EAAC,CACC,CAAC;AAErB,CAAC,CAAC;AAACe,OAAA,CAAAlB,gBAAA,GAAAA,gBAAA","ignoreList":[]}

package/lib/commonjs/avatar/createAvatarText.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createAvatarText = void 0;
+var _react = require("react");
+var _context = require("./context");
+var _jsxRuntime = require("react/jsx-runtime");
+function getInitials(name) {
+  const words = name.trim().split(/\s+/);
+  let result = '';
+  for (const word of words) {
+    if (word.length > 0) {
+      result += word.charAt(0);
+    }
+    if (result.length >= 2) break;
+  }
+  return result.toUpperCase();
+}
+const createAvatarText = BaseText => /*#__PURE__*/(0, _react.forwardRef)(({
+  children,
+  style,
+  ...props
+}, ref) => {
+  const {
+    imageLoaded,
+    imageError
+  } = (0, _context.useAvatarContext)();
+  const visible = !imageLoaded || imageError;
+  const text = typeof children === 'string' ? getInitials(children) : children;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseText, {
+    ref: ref,
+    style: [style, !visible && {
+      opacity: 0
+    }],
+    ...props,
+    children: text
+  });
+});
+exports.createAvatarText = createAvatarText;
+//# sourceMappingURL=createAvatarText.js.map

package/lib/commonjs/avatar/createAvatarText.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_context","_jsxRuntime","getInitials","name","words","trim","split","result","word","length","charAt","toUpperCase","createAvatarText","BaseText","forwardRef","children","style","props","ref","imageLoaded","imageError","useAvatarContext","visible","text","jsx","opacity","exports"],"sourceRoot":"../../../src","sources":["avatar/createAvatarText.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAA6C,IAAAE,WAAA,GAAAF,OAAA;AAG7C,SAASG,WAAWA,CAACC,IAAY,EAAU;EACzC,MAAMC,KAAK,GAAGD,IAAI,CAACE,IAAI,CAAC,CAAC,CAACC,KAAK,CAAC,KAAK,CAAC;EACtC,IAAIC,MAAM,GAAG,EAAE;EACf,KAAK,MAAMC,IAAI,IAAIJ,KAAK,EAAE;IACxB,IAAII,IAAI,CAACC,MAAM,GAAG,CAAC,EAAE;MACnBF,MAAM,IAAIC,IAAI,CAACE,MAAM,CAAC,CAAC,CAAC;IAC1B;IACA,IAAIH,MAAM,CAACE,MAAM,IAAI,CAAC,EAAE;EAC1B;EACA,OAAOF,MAAM,CAACI,WAAW,CAAC,CAAC;AAC7B;AAEO,MAAMC,gBAAgB,GAAQC,QAAgC,iBACnE,IAAAC,iBAAU,EAA4B,CAAC;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC5E,MAAM;IAAEC,WAAW;IAAEC;EAAW,CAAC,GAAG,IAAAC,yBAAgB,EAAC,CAAC;EACtD,MAAMC,OAAO,GAAG,CAACH,WAAW,IAAIC,UAAU;EAE1C,MAAMG,IAAI,GAAG,OAAOR,QAAQ,KAAK,QAAQ,GAAGb,WAAW,CAACa,QAAQ,CAAC,GAAGA,QAAQ;EAE5E,oBACE,IAAAd,WAAA,CAAAuB,GAAA,EAACX,QAAQ;IAACK,GAAG,EAAEA,GAAI;IAACF,KAAK,EAAE,CAACA,KAAK,EAAE,CAACM,OAAO,IAAI;MAAEG,OAAO,EAAE;IAAE,CAAC,CAAE;IAAA,GAAMR,KAAK;IAAAF,QAAA,EACvEQ;EAAI,CACG,CAAC;AAEf,CAAC,CAAC;AAACG,OAAA,CAAAd,gBAAA,GAAAA,gBAAA","ignoreList":[]}

package/lib/commonjs/avatar/index.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createAvatar = createAvatar;
+var _createAvatarBadge = require("./createAvatarBadge");
+var _createAvatarIcon = require("./createAvatarIcon");
+var _createAvatarText = require("./createAvatarText");
+var _createAvatarImage = require("./createAvatarImage");
+var _createAvatarRoot = require("./createAvatarRoot");
+function createAvatar(BaseComponents) {
+  const Avatar = (0, _createAvatarRoot.createAvatarRoot)(BaseComponents.Root);
+  const AvatarImage = (0, _createAvatarImage.createAvatarImage)(BaseComponents.Image);
+  const Text = (0, _createAvatarText.createAvatarText)(BaseComponents.Text);
+  const AvatarIcon = (0, _createAvatarIcon.createAvatarIcon)(BaseComponents.Icon);
+  const Badge = (0, _createAvatarBadge.createAvatarBadge)(BaseComponents.Badge);
+  Avatar.displayName = 'AvatarPrimitive';
+  AvatarImage.displayName = 'AvatarPrimitive.Image';
+  Text.displayName = 'AvatarPrimitive.Text';
+  AvatarIcon.displayName = 'AvatarPrimitive.Icon';
+  Badge.displayName = 'AvatarPrimitive.Badge';
+  return Object.assign(Avatar, {
+    Image: AvatarImage,
+    Text,
+    Icon: AvatarIcon,
+    Badge
+  });
+}
+//# sourceMappingURL=index.js.map

package/lib/commonjs/avatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_createAvatarBadge","require","_createAvatarIcon","_createAvatarText","_createAvatarImage","_createAvatarRoot","createAvatar","BaseComponents","Avatar","createAvatarRoot","Root","AvatarImage","createAvatarImage","Image","Text","createAvatarText","AvatarIcon","createAvatarIcon","Icon","Badge","createAvatarBadge","displayName","Object","assign"],"sourceRoot":"../../../src","sources":["avatar/index.ts"],"mappings":";;;;;;AACA,IAAAA,kBAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAJ,OAAA;AAYO,SAASK,YAAYA,CAAiCC,cAM5D,EAAE;EACD,MAAMC,MAAM,GAAG,IAAAC,kCAAgB,EAACF,cAAc,CAACG,IAAI,CAAC;EACpD,MAAMC,WAAW,GAAG,IAAAC,oCAAiB,EAACL,cAAc,CAACM,KAAK,CAAC;EAC3D,MAAMC,IAAI,GAAG,IAAAC,kCAAgB,EAACR,cAAc,CAACO,IAAI,CAAC;EAClD,MAAME,UAAU,GAAG,IAAAC,kCAAgB,EAACV,cAAc,CAACW,IAAI,CAAC;EACxD,MAAMC,KAAK,GAAG,IAAAC,oCAAiB,EAACb,cAAc,CAACY,KAAK,CAAC;EAErDX,MAAM,CAACa,WAAW,GAAG,iBAAiB;EACtCV,WAAW,CAACU,WAAW,GAAG,uBAAuB;EACjDP,IAAI,CAACO,WAAW,GAAG,sBAAsB;EACzCL,UAAU,CAACK,WAAW,GAAG,sBAAsB;EAC/CF,KAAK,CAACE,WAAW,GAAG,uBAAuB;EAE3C,OAAOC,MAAM,CAACC,MAAM,CAACf,MAAM,EAAE;IAC3BK,KAAK,EAAEF,WAAW;IAClBG,IAAI;IACJI,IAAI,EAAEF,UAAU;IAChBG;EACF,CAAC,CAAC;AACJ","ignoreList":[]}

package/lib/commonjs/avatar/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

package/lib/commonjs/avatar/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["avatar/types.ts"],"mappings":"","ignoreList":[]}

package/lib/commonjs/index.js

@@ -12,6 +12,18 @@ Object.defineProperty(exports, "OverlayInsetsProvider", {
     return _overlay.OverlayInsetsProvider;
   }
 });
+var _avatar = require("./avatar");
+Object.keys(_avatar).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _avatar[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _avatar[key];
+    }
+  });
+});
 var _button = require("./button");
 Object.keys(_button).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/lib/commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_button","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_checkbox","_input","_link","_overlay","_select","_switch"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_avatar","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_button","_checkbox","_input","_link","_overlay","_select","_switch"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/avatar/context.js

@@ -0,0 +1,5 @@
+"use strict";
+
+import { createContext } from '@cdx-ui/utils';
+export const [AvatarProvider, useAvatarContext] = createContext('AvatarContext');
+//# sourceMappingURL=context.js.map

package/lib/module/avatar/context.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","AvatarProvider","useAvatarContext"],"sourceRoot":"../../../src","sources":["avatar/context.tsx"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,eAAe;AAG7C,OAAO,MAAM,CAACC,cAAc,EAAEC,gBAAgB,CAAC,GAC7CF,aAAa,CAAsB,eAAe,CAAC","ignoreList":[]}

package/lib/module/avatar/createAvatarBadge.js

@@ -0,0 +1,15 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const createAvatarBadge = BaseBadge => /*#__PURE__*/forwardRef(({
+  children,
+  ...props
+}, ref) => {
+  return /*#__PURE__*/_jsx(BaseBadge, {
+    ref: ref,
+    ...props,
+    children: children
+  });
+});
+//# sourceMappingURL=createAvatarBadge.js.map

package/lib/module/avatar/createAvatarBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","jsx","_jsx","createAvatarBadge","BaseBadge","children","props","ref"],"sourceRoot":"../../../src","sources":["avatar/createAvatarBadge.tsx"],"mappings":";;AACA,SAASA,UAAU,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGnC,OAAO,MAAMC,iBAAiB,GAAQC,SAAiC,iBACrEJ,UAAU,CAA6B,CAAC;EAAEK,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACtE,oBACEL,IAAA,CAACE,SAAS;IAACG,GAAG,EAAEA,GAAI;IAAA,GAAMD,KAAK;IAAAD,QAAA,EAC5BA;EAAQ,CACA,CAAC;AAEhB,CAAC,CAAC","ignoreList":[]}

package/lib/module/avatar/createAvatarIcon.js

@@ -0,0 +1,25 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { useAvatarContext } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const createAvatarIcon = BaseIcon => /*#__PURE__*/forwardRef(({
+  children,
+  style,
+  ...props
+}, ref) => {
+  const {
+    imageLoaded,
+    imageError
+  } = useAvatarContext();
+  const visible = !imageLoaded || imageError;
+  return /*#__PURE__*/_jsx(BaseIcon, {
+    ref: ref,
+    style: [style, !visible && {
+      opacity: 0
+    }],
+    ...props,
+    children: children
+  });
+});
+//# sourceMappingURL=createAvatarIcon.js.map

package/lib/module/avatar/createAvatarIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useAvatarContext","jsx","_jsx","createAvatarIcon","BaseIcon","children","style","props","ref","imageLoaded","imageError","visible","opacity"],"sourceRoot":"../../../src","sources":["avatar/createAvatarIcon.tsx"],"mappings":";;AACA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,gBAAgB,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG7C,OAAO,MAAMC,gBAAgB,GAAQC,QAAgC,iBACnEL,UAAU,CAA4B,CAAC;EAAEM,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC5E,MAAM;IAAEC,WAAW;IAAEC;EAAW,CAAC,GAAGV,gBAAgB,CAAC,CAAC;EACtD,MAAMW,OAAO,GAAG,CAACF,WAAW,IAAIC,UAAU;EAE1C,oBACER,IAAA,CAACE,QAAQ;IAACI,GAAG,EAAEA,GAAI;IAACF,KAAK,EAAE,CAACA,KAAK,EAAE,CAACK,OAAO,IAAI;MAAEC,OAAO,EAAE;IAAE,CAAC,CAAE;IAAA,GAAML,KAAK;IAAAF,QAAA,EACvEA;EAAQ,CACD,CAAC;AAEf,CAAC,CAAC","ignoreList":[]}

package/lib/module/avatar/createAvatarImage.js

@@ -0,0 +1,46 @@
+"use strict";
+
+import { forwardRef, useEffect, useMemo } from 'react';
+import { useAvatarContext } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const createAvatarImage = BaseImage => /*#__PURE__*/forwardRef(({
+  src,
+  source,
+  onLoad,
+  onError,
+  ...props
+}, ref) => {
+  const {
+    imageError,
+    setImageLoaded,
+    setImageError
+  } = useAvatarContext();
+  const resolvedSource = useMemo(() => src ? {
+    uri: src
+  } : source, [src, source]);
+  useEffect(() => {
+    if (!resolvedSource) {
+      setImageError(true);
+    } else {
+      setImageError(false);
+      setImageLoaded(false);
+    }
+  }, [resolvedSource, setImageError, setImageLoaded]);
+  if (!resolvedSource || imageError) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx(BaseImage, {
+    ref: ref,
+    source: resolvedSource,
+    onLoad: e => {
+      setImageLoaded(true);
+      onLoad?.(e);
+    },
+    onError: e => {
+      setImageError(true);
+      onError?.(e);
+    },
+    ...props
+  });
+});
+//# sourceMappingURL=createAvatarImage.js.map

package/lib/module/avatar/createAvatarImage.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useEffect","useMemo","useAvatarContext","jsx","_jsx","createAvatarImage","BaseImage","src","source","onLoad","onError","props","ref","imageError","setImageLoaded","setImageError","resolvedSource","uri","e"],"sourceRoot":"../../../src","sources":["avatar/createAvatarImage.tsx"],"mappings":";;AACA,SAASA,UAAU,EAAEC,SAAS,EAAEC,OAAO,QAAQ,OAAO;AACtD,SAASC,gBAAgB,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG7C,OAAO,MAAMC,iBAAiB,GAAQC,SAAiC,iBACrEP,UAAU,CAA6B,CAAC;EAAEQ,GAAG;EAAEC,MAAM;EAAEC,MAAM;EAAEC,OAAO;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC1F,MAAM;IAAEC,UAAU;IAAEC,cAAc;IAAEC;EAAc,CAAC,GAAGb,gBAAgB,CAAC,CAAC;EAExE,MAAMc,cAAc,GAAGf,OAAO,CAAC,MAAOM,GAAG,GAAG;IAAEU,GAAG,EAAEV;EAAI,CAAC,GAAGC,MAAO,EAAE,CAACD,GAAG,EAAEC,MAAM,CAAC,CAAC;EAElFR,SAAS,CAAC,MAAM;IACd,IAAI,CAACgB,cAAc,EAAE;MACnBD,aAAa,CAAC,IAAI,CAAC;IACrB,CAAC,MAAM;MACLA,aAAa,CAAC,KAAK,CAAC;MACpBD,cAAc,CAAC,KAAK,CAAC;IACvB;EACF,CAAC,EAAE,CAACE,cAAc,EAAED,aAAa,EAAED,cAAc,CAAC,CAAC;EAEnD,IAAI,CAACE,cAAc,IAAIH,UAAU,EAAE;IACjC,OAAO,IAAI;EACb;EAEA,oBACET,IAAA,CAACE,SAAS;IACRM,GAAG,EAAEA,GAAI;IACTJ,MAAM,EAAEQ,cAAe;IACvBP,MAAM,EAAGS,CAAU,IAAK;MACtBJ,cAAc,CAAC,IAAI,CAAC;MACnBL,MAAM,GAA4BS,CAAC,CAAC;IACvC,CAAE;IACFR,OAAO,EAAGQ,CAAU,IAAK;MACvBH,aAAa,CAAC,IAAI,CAAC;MAClBL,OAAO,GAA4BQ,CAAC,CAAC;IACxC,CAAE;IAAA,GACGP;EAAK,CACX,CAAC;AAEN,CAAC,CAAC","ignoreList":[]}

package/lib/module/avatar/createAvatarRoot.js

@@ -0,0 +1,29 @@
+"use strict";
+
+import { forwardRef, useMemo, useState } from 'react';
+import { AvatarProvider } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const createAvatarRoot = BaseAvatar => /*#__PURE__*/forwardRef(({
+  children,
+  ...props
+}, ref) => {
+  const [imageLoaded, setImageLoaded] = useState(false);
+  const [imageError, setImageError] = useState(false);
+  const contextValue = useMemo(() => ({
+    imageLoaded,
+    imageError,
+    setImageLoaded,
+    setImageError
+  }), [imageLoaded, imageError]);
+  return /*#__PURE__*/_jsx(AvatarProvider, {
+    value: contextValue,
+    children: /*#__PURE__*/_jsx(BaseAvatar, {
+      ref: ref,
+      role: "img",
+      accessibilityRole: "image",
+      ...props,
+      children: children
+    })
+  });
+});
+//# sourceMappingURL=createAvatarRoot.js.map

package/lib/module/avatar/createAvatarRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useMemo","useState","AvatarProvider","jsx","_jsx","createAvatarRoot","BaseAvatar","children","props","ref","imageLoaded","setImageLoaded","imageError","setImageError","contextValue","value","role","accessibilityRole"],"sourceRoot":"../../../src","sources":["avatar/createAvatarRoot.tsx"],"mappings":";;AACA,SAASA,UAAU,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACrD,SAASC,cAAc,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG3C,OAAO,MAAMC,gBAAgB,GAAQC,UAAkC,iBACrEP,UAAU,CAAwB,CAAC;EAAEQ,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACjE,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGV,QAAQ,CAAC,KAAK,CAAC;EACrD,MAAM,CAACW,UAAU,EAAEC,aAAa,CAAC,GAAGZ,QAAQ,CAAC,KAAK,CAAC;EAEnD,MAAMa,YAAY,GAAGd,OAAO,CAC1B,OAAO;IAAEU,WAAW;IAAEE,UAAU;IAAED,cAAc;IAAEE;EAAc,CAAC,CAAC,EAClE,CAACH,WAAW,EAAEE,UAAU,CAC1B,CAAC;EAED,oBACER,IAAA,CAACF,cAAc;IAACa,KAAK,EAAED,YAAa;IAAAP,QAAA,eAClCH,IAAA,CAACE,UAAU;MAACG,GAAG,EAAEA,GAAI;MAACO,IAAI,EAAC,KAAK;MAACC,iBAAiB,EAAC,OAAO;MAAA,GAAMT,KAAK;MAAAD,QAAA,EAClEA;IAAQ,CACC;EAAC,CACC,CAAC;AAErB,CAAC,CAAC","ignoreList":[]}

package/lib/module/avatar/createAvatarText.js

@@ -0,0 +1,37 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { useAvatarContext } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+function getInitials(name) {
+  const words = name.trim().split(/\s+/);
+  let result = '';
+  for (const word of words) {
+    if (word.length > 0) {
+      result += word.charAt(0);
+    }
+    if (result.length >= 2) break;
+  }
+  return result.toUpperCase();
+}
+export const createAvatarText = BaseText => /*#__PURE__*/forwardRef(({
+  children,
+  style,
+  ...props
+}, ref) => {
+  const {
+    imageLoaded,
+    imageError
+  } = useAvatarContext();
+  const visible = !imageLoaded || imageError;
+  const text = typeof children === 'string' ? getInitials(children) : children;
+  return /*#__PURE__*/_jsx(BaseText, {
+    ref: ref,
+    style: [style, !visible && {
+      opacity: 0
+    }],
+    ...props,
+    children: text
+  });
+});
+//# sourceMappingURL=createAvatarText.js.map

package/lib/module/avatar/createAvatarText.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useAvatarContext","jsx","_jsx","getInitials","name","words","trim","split","result","word","length","charAt","toUpperCase","createAvatarText","BaseText","children","style","props","ref","imageLoaded","imageError","visible","text","opacity"],"sourceRoot":"../../../src","sources":["avatar/createAvatarText.tsx"],"mappings":";;AACA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,gBAAgB,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG7C,SAASC,WAAWA,CAACC,IAAY,EAAU;EACzC,MAAMC,KAAK,GAAGD,IAAI,CAACE,IAAI,CAAC,CAAC,CAACC,KAAK,CAAC,KAAK,CAAC;EACtC,IAAIC,MAAM,GAAG,EAAE;EACf,KAAK,MAAMC,IAAI,IAAIJ,KAAK,EAAE;IACxB,IAAII,IAAI,CAACC,MAAM,GAAG,CAAC,EAAE;MACnBF,MAAM,IAAIC,IAAI,CAACE,MAAM,CAAC,CAAC,CAAC;IAC1B;IACA,IAAIH,MAAM,CAACE,MAAM,IAAI,CAAC,EAAE;EAC1B;EACA,OAAOF,MAAM,CAACI,WAAW,CAAC,CAAC;AAC7B;AAEA,OAAO,MAAMC,gBAAgB,GAAQC,QAAgC,iBACnEf,UAAU,CAA4B,CAAC;EAAEgB,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC5E,MAAM;IAAEC,WAAW;IAAEC;EAAW,CAAC,GAAGpB,gBAAgB,CAAC,CAAC;EACtD,MAAMqB,OAAO,GAAG,CAACF,WAAW,IAAIC,UAAU;EAE1C,MAAME,IAAI,GAAG,OAAOP,QAAQ,KAAK,QAAQ,GAAGZ,WAAW,CAACY,QAAQ,CAAC,GAAGA,QAAQ;EAE5E,oBACEb,IAAA,CAACY,QAAQ;IAACI,GAAG,EAAEA,GAAI;IAACF,KAAK,EAAE,CAACA,KAAK,EAAE,CAACK,OAAO,IAAI;MAAEE,OAAO,EAAE;IAAE,CAAC,CAAE;IAAA,GAAMN,KAAK;IAAAF,QAAA,EACvEO;EAAI,CACG,CAAC;AAEf,CAAC,CAAC","ignoreList":[]}

package/lib/module/avatar/index.js

@@ -0,0 +1,26 @@
+"use strict";
+
+import { createAvatarBadge } from './createAvatarBadge';
+import { createAvatarIcon } from './createAvatarIcon';
+import { createAvatarText } from './createAvatarText';
+import { createAvatarImage } from './createAvatarImage';
+import { createAvatarRoot } from './createAvatarRoot';
+export function createAvatar(BaseComponents) {
+  const Avatar = createAvatarRoot(BaseComponents.Root);
+  const AvatarImage = createAvatarImage(BaseComponents.Image);
+  const Text = createAvatarText(BaseComponents.Text);
+  const AvatarIcon = createAvatarIcon(BaseComponents.Icon);
+  const Badge = createAvatarBadge(BaseComponents.Badge);
+  Avatar.displayName = 'AvatarPrimitive';
+  AvatarImage.displayName = 'AvatarPrimitive.Image';
+  Text.displayName = 'AvatarPrimitive.Text';
+  AvatarIcon.displayName = 'AvatarPrimitive.Icon';
+  Badge.displayName = 'AvatarPrimitive.Badge';
+  return Object.assign(Avatar, {
+    Image: AvatarImage,
+    Text,
+    Icon: AvatarIcon,
+    Badge
+  });
+}
+//# sourceMappingURL=index.js.map

package/lib/module/avatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createAvatarBadge","createAvatarIcon","createAvatarText","createAvatarImage","createAvatarRoot","createAvatar","BaseComponents","Avatar","Root","AvatarImage","Image","Text","AvatarIcon","Icon","Badge","displayName","Object","assign"],"sourceRoot":"../../../src","sources":["avatar/index.ts"],"mappings":";;AACA,SAASA,iBAAiB,QAAQ,qBAAqB;AACvD,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,iBAAiB,QAAQ,qBAAqB;AACvD,SAASC,gBAAgB,QAAQ,oBAAoB;AAYrD,OAAO,SAASC,YAAYA,CAAiCC,cAM5D,EAAE;EACD,MAAMC,MAAM,GAAGH,gBAAgB,CAACE,cAAc,CAACE,IAAI,CAAC;EACpD,MAAMC,WAAW,GAAGN,iBAAiB,CAACG,cAAc,CAACI,KAAK,CAAC;EAC3D,MAAMC,IAAI,GAAGT,gBAAgB,CAACI,cAAc,CAACK,IAAI,CAAC;EAClD,MAAMC,UAAU,GAAGX,gBAAgB,CAACK,cAAc,CAACO,IAAI,CAAC;EACxD,MAAMC,KAAK,GAAGd,iBAAiB,CAACM,cAAc,CAACQ,KAAK,CAAC;EAErDP,MAAM,CAACQ,WAAW,GAAG,iBAAiB;EACtCN,WAAW,CAACM,WAAW,GAAG,uBAAuB;EACjDJ,IAAI,CAACI,WAAW,GAAG,sBAAsB;EACzCH,UAAU,CAACG,WAAW,GAAG,sBAAsB;EAC/CD,KAAK,CAACC,WAAW,GAAG,uBAAuB;EAE3C,OAAOC,MAAM,CAACC,MAAM,CAACV,MAAM,EAAE;IAC3BG,KAAK,EAAED,WAAW;IAClBE,IAAI;IACJE,IAAI,EAAED,UAAU;IAChBE;EACF,CAAC,CAAC;AACJ","ignoreList":[]}

package/lib/module/avatar/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/avatar/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["avatar/types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/index.js

@@ -1,5 +1,6 @@
 "use strict";
 
+export * from './avatar';
 export * from './button';
 export * from './checkbox';
 export * from './input';

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["OverlayInsetsProvider"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA,cAAc,UAAU;AACxB,cAAc,YAAY;AAC1B,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,SAA0BA,qBAAqB,QAAQ,WAAW;AAClE,cAAc,UAAU;AACxB,cAAc,UAAU","ignoreList":[]}
+{"version":3,"names":["OverlayInsetsProvider"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,YAAY;AAC1B,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,SAA0BA,qBAAqB,QAAQ,WAAW;AAClE,cAAc,UAAU;AACxB,cAAc,UAAU","ignoreList":[]}

package/lib/typescript/avatar/context.d.ts

@@ -0,0 +1,6 @@
+import type { IAvatarContextValue } from './types';
+export declare const AvatarProvider: import("react").FunctionComponent<{
+    children: import("react").ReactNode;
+    value: IAvatarContextValue;
+}>, useAvatarContext: () => IAvatarContextValue;
+//# sourceMappingURL=context.d.ts.map

package/lib/typescript/avatar/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/avatar/context.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD,eAAO,MAAO,cAAc;;;IAAE,gBAAgB,2BACO,CAAC"}

package/lib/typescript/avatar/createAvatarBadge.d.ts

@@ -0,0 +1,4 @@
+import type React from 'react';
+import type { IAvatarBadgeProps } from './types';
+export declare const createAvatarBadge: <T>(BaseBadge: React.ComponentType<T>) => React.ForwardRefExoticComponent<IAvatarBadgeProps & React.RefAttributes<unknown>>;
+//# sourceMappingURL=createAvatarBadge.d.ts.map

package/lib/typescript/avatar/createAvatarBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createAvatarBadge.d.ts","sourceRoot":"","sources":["../../../src/avatar/createAvatarBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,eAAO,MAAM,iBAAiB,GAAI,CAAC,EAAG,WAAW,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,sFAOnE,CAAC"}

package/lib/typescript/avatar/createAvatarIcon.d.ts

@@ -0,0 +1,4 @@
+import type React from 'react';
+import type { IAvatarIconProps } from './types';
+export declare const createAvatarIcon: <T>(BaseIcon: React.ComponentType<T>) => React.ForwardRefExoticComponent<IAvatarIconProps & React.RefAttributes<unknown>>;
+//# sourceMappingURL=createAvatarIcon.d.ts.map

package/lib/typescript/avatar/createAvatarIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createAvatarIcon.d.ts","sourceRoot":"","sources":["../../../src/avatar/createAvatarIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,eAAO,MAAM,gBAAgB,GAAI,CAAC,EAAG,UAAU,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,qFAUjE,CAAC"}

package/lib/typescript/avatar/createAvatarImage.d.ts

@@ -0,0 +1,4 @@
+import type React from 'react';
+import type { IAvatarImageProps } from './types';
+export declare const createAvatarImage: <T>(BaseImage: React.ComponentType<T>) => React.ForwardRefExoticComponent<IAvatarImageProps & React.RefAttributes<unknown>>;
+//# sourceMappingURL=createAvatarImage.d.ts.map

package/lib/typescript/avatar/createAvatarImage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createAvatarImage.d.ts","sourceRoot":"","sources":["../../../src/avatar/createAvatarImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,eAAO,MAAM,iBAAiB,GAAI,CAAC,EAAG,WAAW,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,sFAkCnE,CAAC"}

package/lib/typescript/avatar/createAvatarRoot.d.ts

@@ -0,0 +1,4 @@
+import type React from 'react';
+import type { IAvatarProps } from './types';
+export declare const createAvatarRoot: <T>(BaseAvatar: React.ComponentType<T>) => React.ForwardRefExoticComponent<IAvatarProps & React.RefAttributes<unknown>>;
+//# sourceMappingURL=createAvatarRoot.d.ts.map

package/lib/typescript/avatar/createAvatarRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createAvatarRoot.d.ts","sourceRoot":"","sources":["../../../src/avatar/createAvatarRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,eAAO,MAAM,gBAAgB,GAAI,CAAC,EAAG,YAAY,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,iFAiBnE,CAAC"}

package/lib/typescript/avatar/createAvatarText.d.ts

@@ -0,0 +1,4 @@
+import type React from 'react';
+import type { IAvatarTextProps } from './types';
+export declare const createAvatarText: <T>(BaseText: React.ComponentType<T>) => React.ForwardRefExoticComponent<IAvatarTextProps & React.RefAttributes<unknown>>;
+//# sourceMappingURL=createAvatarText.d.ts.map

package/lib/typescript/avatar/createAvatarText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createAvatarText.d.ts","sourceRoot":"","sources":["../../../src/avatar/createAvatarText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAchD,eAAO,MAAM,gBAAgB,GAAI,CAAC,EAAG,UAAU,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,qFAYjE,CAAC"}

package/lib/typescript/avatar/index.d.ts

@@ -0,0 +1,11 @@
+import type React from 'react';
+import type { IAvatarComponentType } from './types';
+export type { IAvatarBadgeProps, IAvatarComponentType, IAvatarIconProps, IAvatarTextProps, IAvatarImageProps, IAvatarProps, } from './types';
+export declare function createAvatar<Root, Image, Text, Icon, Badge>(BaseComponents: {
+    Root: React.ComponentType<Root>;
+    Image: React.ComponentType<Image>;
+    Text: React.ComponentType<Text>;
+    Icon: React.ComponentType<Icon>;
+    Badge: React.ComponentType<Badge>;
+}): IAvatarComponentType<Root, Image, Text, Icon, Badge>;
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/avatar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEpD,YAAY,EACV,iBAAiB,EACjB,oBAAoB,EACpB,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EACjB,YAAY,GACb,MAAM,SAAS,CAAC;AAEjB,wBAAgB,YAAY,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,cAAc,EAAE;IAC3E,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IAChC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAClC,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IAChC,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IAChC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;CACnC,GAkBkB,oBAAoB,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,CACtE"}

package/lib/typescript/avatar/types.d.ts

@@ -0,0 +1,33 @@
+import type { ImageProps, TextProps, ViewProps } from 'react-native';
+export interface IAvatarProps extends ViewProps {
+    children?: React.ReactNode;
+}
+export interface IAvatarImageProps extends Omit<ImageProps, 'source'> {
+    /** Image source — URI string or RN ImageSourcePropType */
+    src?: string;
+    source?: ImageProps['source'];
+    alt?: string;
+}
+export interface IAvatarTextProps extends TextProps {
+    /** Full name — initials will be derived automatically */
+    children?: React.ReactNode;
+}
+export interface IAvatarIconProps extends ViewProps {
+    children?: React.ReactNode;
+}
+export interface IAvatarBadgeProps extends ViewProps {
+    children?: React.ReactNode;
+}
+export interface IAvatarContextValue {
+    imageLoaded: boolean;
+    imageError: boolean;
+    setImageLoaded: (loaded: boolean) => void;
+    setImageError: (error: boolean) => void;
+}
+export type IAvatarComponentType<Root, Image, Text, Icon, Badge> = React.ForwardRefExoticComponent<React.RefAttributes<Root> & React.PropsWithoutRef<Root> & IAvatarProps> & {
+    Image: React.ForwardRefExoticComponent<React.RefAttributes<Image> & React.PropsWithoutRef<Image> & IAvatarImageProps>;
+    Text: React.ForwardRefExoticComponent<React.RefAttributes<Text> & React.PropsWithoutRef<Text> & IAvatarTextProps>;
+    Icon: React.ForwardRefExoticComponent<React.RefAttributes<Icon> & React.PropsWithoutRef<Icon> & IAvatarIconProps>;
+    Badge: React.ForwardRefExoticComponent<React.RefAttributes<Badge> & React.PropsWithoutRef<Badge> & IAvatarBadgeProps>;
+};
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/avatar/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/avatar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAMrE,MAAM,WAAW,YAAa,SAAQ,SAAS;IAC7C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAMD,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC;IACnE,0DAA0D;IAC1D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC9B,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAMD,MAAM,WAAW,gBAAiB,SAAQ,SAAS;IACjD,yDAAyD;IACzD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAMD,MAAM,WAAW,gBAAiB,SAAQ,SAAS;IACjD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAMD,MAAM,WAAW,iBAAkB,SAAQ,SAAS;IAClD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAMD,MAAM,WAAW,mBAAmB;IAClC,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,aAAa,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACzC;AAMD,MAAM,MAAM,oBAAoB,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,IAAI,KAAK,CAAC,yBAAyB,CAChG,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,eAAe,CAAC,IAAI,CAAC,GAAG,YAAY,CACvE,GAAG;IACF,KAAK,EAAE,KAAK,CAAC,yBAAyB,CACpC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,eAAe,CAAC,KAAK,CAAC,GAAG,iBAAiB,CAC9E,CAAC;IACF,IAAI,EAAE,KAAK,CAAC,yBAAyB,CACnC,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,eAAe,CAAC,IAAI,CAAC,GAAG,gBAAgB,CAC3E,CAAC;IACF,IAAI,EAAE,KAAK,CAAC,yBAAyB,CACnC,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,eAAe,CAAC,IAAI,CAAC,GAAG,gBAAgB,CAC3E,CAAC;IACF,KAAK,EAAE,KAAK,CAAC,yBAAyB,CACpC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,eAAe,CAAC,KAAK,CAAC,GAAG,iBAAiB,CAC9E,CAAC;CACH,CAAC"}

package/lib/typescript/checkbox/useCheckboxRoot.d.ts

@@ -73,12 +73,12 @@ export declare function useCheckboxRoot(props: ICheckboxProps, ref?: React.Ref<u
         accessibilityLargeContentTitle?: string | undefined;
         accessibilityRespondsToUserInteraction?: boolean | undefined;
         id?: string | undefined;
-        needsOffscreenAlphaCompositing?: boolean | undefined | undefined;
         onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined | undefined;
-        pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined | undefined;
-        removeClippedSubviews?: boolean | undefined | undefined;
         testID?: string | undefined | undefined;
         nativeID?: string | undefined | undefined;
+        needsOffscreenAlphaCompositing?: boolean | undefined | undefined;
+        pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined | undefined;
+        removeClippedSubviews?: boolean | undefined | undefined;
         collapsable?: boolean | undefined | undefined;
         collapsableChildren?: boolean | undefined | undefined;
         renderToHardwareTextureAndroid?: boolean | undefined | undefined;

package/lib/typescript/index.d.ts

@@ -1,3 +1,4 @@
+export * from './avatar';
 export * from './button';
 export * from './checkbox';
 export * from './input';

package/lib/typescript/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,OAAO,EAAE,KAAK,UAAU,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AACnE,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,YAAY,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,OAAO,EAAE,KAAK,UAAU,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AACnE,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,YAAY,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cdx-ui/primitives",
-  "version": "0.0.1-alpha.17",
+  "version": "0.0.1-alpha.18",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
   "react-native": "src/index.ts",
@@ -52,7 +52,7 @@
     "@react-native-aria/interactions": "^0.2.16",
     "@react-stately/checkbox": "3.7.4",
     "@react-stately/toggle": "3.9.4",
-    "@cdx-ui/utils": "0.0.1-alpha.17"
+    "@cdx-ui/utils": "0.0.1-alpha.18"
   },
   "devDependencies": {
     "@types/react": "*",

package/src/avatar/context.tsx

@@ -0,0 +1,5 @@
+import { createContext } from '@cdx-ui/utils';
+import type { IAvatarContextValue } from './types';
+
+export const [AvatarProvider, useAvatarContext] =
+  createContext<IAvatarContextValue>('AvatarContext');

package/src/avatar/createAvatarBadge.tsx

@@ -0,0 +1,12 @@
+import type React from 'react';
+import { forwardRef } from 'react';
+import type { IAvatarBadgeProps } from './types';
+
+export const createAvatarBadge = <T,>(BaseBadge: React.ComponentType<T>) =>
+  forwardRef<unknown, IAvatarBadgeProps>(({ children, ...props }, ref) => {
+    return (
+      <BaseBadge ref={ref} {...(props as T)}>
+        {children}
+      </BaseBadge>
+    );
+  });

package/src/avatar/createAvatarIcon.tsx

@@ -0,0 +1,16 @@
+import type React from 'react';
+import { forwardRef } from 'react';
+import { useAvatarContext } from './context';
+import type { IAvatarIconProps } from './types';
+
+export const createAvatarIcon = <T,>(BaseIcon: React.ComponentType<T>) =>
+  forwardRef<unknown, IAvatarIconProps>(({ children, style, ...props }, ref) => {
+    const { imageLoaded, imageError } = useAvatarContext();
+    const visible = !imageLoaded || imageError;
+
+    return (
+      <BaseIcon ref={ref} style={[style, !visible && { opacity: 0 }]} {...(props as T)}>
+        {children}
+      </BaseIcon>
+    );
+  });

package/src/avatar/createAvatarImage.tsx

@@ -0,0 +1,40 @@
+import type React from 'react';
+import { forwardRef, useEffect, useMemo } from 'react';
+import { useAvatarContext } from './context';
+import type { IAvatarImageProps } from './types';
+
+export const createAvatarImage = <T,>(BaseImage: React.ComponentType<T>) =>
+  forwardRef<unknown, IAvatarImageProps>(({ src, source, onLoad, onError, ...props }, ref) => {
+    const { imageError, setImageLoaded, setImageError } = useAvatarContext();
+
+    const resolvedSource = useMemo(() => (src ? { uri: src } : source), [src, source]);
+
+    useEffect(() => {
+      if (!resolvedSource) {
+        setImageError(true);
+      } else {
+        setImageError(false);
+        setImageLoaded(false);
+      }
+    }, [resolvedSource, setImageError, setImageLoaded]);
+
+    if (!resolvedSource || imageError) {
+      return null;
+    }
+
+    return (
+      <BaseImage
+        ref={ref}
+        source={resolvedSource}
+        onLoad={(e: unknown) => {
+          setImageLoaded(true);
+          (onLoad as (e: unknown) => void)?.(e);
+        }}
+        onError={(e: unknown) => {
+          setImageError(true);
+          (onError as (e: unknown) => void)?.(e);
+        }}
+        {...(props as T)}
+      />
+    );
+  });

package/src/avatar/createAvatarRoot.tsx

@@ -0,0 +1,23 @@
+import type React from 'react';
+import { forwardRef, useMemo, useState } from 'react';
+import { AvatarProvider } from './context';
+import type { IAvatarProps } from './types';
+
+export const createAvatarRoot = <T,>(BaseAvatar: React.ComponentType<T>) =>
+  forwardRef<unknown, IAvatarProps>(({ children, ...props }, ref) => {
+    const [imageLoaded, setImageLoaded] = useState(false);
+    const [imageError, setImageError] = useState(false);
+
+    const contextValue = useMemo(
+      () => ({ imageLoaded, imageError, setImageLoaded, setImageError }),
+      [imageLoaded, imageError],
+    );
+
+    return (
+      <AvatarProvider value={contextValue}>
+        <BaseAvatar ref={ref} role="img" accessibilityRole="image" {...(props as T)}>
+          {children}
+        </BaseAvatar>
+      </AvatarProvider>
+    );
+  });

package/src/avatar/createAvatarText.tsx

@@ -0,0 +1,30 @@
+import type React from 'react';
+import { forwardRef } from 'react';
+import { useAvatarContext } from './context';
+import type { IAvatarTextProps } from './types';
+
+function getInitials(name: string): string {
+  const words = name.trim().split(/\s+/);
+  let result = '';
+  for (const word of words) {
+    if (word.length > 0) {
+      result += word.charAt(0);
+    }
+    if (result.length >= 2) break;
+  }
+  return result.toUpperCase();
+}
+
+export const createAvatarText = <T,>(BaseText: React.ComponentType<T>) =>
+  forwardRef<unknown, IAvatarTextProps>(({ children, style, ...props }, ref) => {
+    const { imageLoaded, imageError } = useAvatarContext();
+    const visible = !imageLoaded || imageError;
+
+    const text = typeof children === 'string' ? getInitials(children) : children;
+
+    return (
+      <BaseText ref={ref} style={[style, !visible && { opacity: 0 }]} {...(props as T)}>
+        {text}
+      </BaseText>
+    );
+  });

package/src/avatar/index.ts

@@ -0,0 +1,43 @@
+import type React from 'react';
+import { createAvatarBadge } from './createAvatarBadge';
+import { createAvatarIcon } from './createAvatarIcon';
+import { createAvatarText } from './createAvatarText';
+import { createAvatarImage } from './createAvatarImage';
+import { createAvatarRoot } from './createAvatarRoot';
+import type { IAvatarComponentType } from './types';
+
+export type {
+  IAvatarBadgeProps,
+  IAvatarComponentType,
+  IAvatarIconProps,
+  IAvatarTextProps,
+  IAvatarImageProps,
+  IAvatarProps,
+} from './types';
+
+export function createAvatar<Root, Image, Text, Icon, Badge>(BaseComponents: {
+  Root: React.ComponentType<Root>;
+  Image: React.ComponentType<Image>;
+  Text: React.ComponentType<Text>;
+  Icon: React.ComponentType<Icon>;
+  Badge: React.ComponentType<Badge>;
+}) {
+  const Avatar = createAvatarRoot(BaseComponents.Root);
+  const AvatarImage = createAvatarImage(BaseComponents.Image);
+  const Text = createAvatarText(BaseComponents.Text);
+  const AvatarIcon = createAvatarIcon(BaseComponents.Icon);
+  const Badge = createAvatarBadge(BaseComponents.Badge);
+
+  Avatar.displayName = 'AvatarPrimitive';
+  AvatarImage.displayName = 'AvatarPrimitive.Image';
+  Text.displayName = 'AvatarPrimitive.Text';
+  AvatarIcon.displayName = 'AvatarPrimitive.Icon';
+  Badge.displayName = 'AvatarPrimitive.Badge';
+
+  return Object.assign(Avatar, {
+    Image: AvatarImage,
+    Text,
+    Icon: AvatarIcon,
+    Badge,
+  }) as unknown as IAvatarComponentType<Root, Image, Text, Icon, Badge>;
+}

package/src/avatar/types.ts

@@ -0,0 +1,77 @@
+import type { ImageProps, TextProps, ViewProps } from 'react-native';
+
+// =============================================================================
+// AVATAR ROOT
+// =============================================================================
+
+export interface IAvatarProps extends ViewProps {
+  children?: React.ReactNode;
+}
+
+// =============================================================================
+// AVATAR IMAGE
+// =============================================================================
+
+export interface IAvatarImageProps extends Omit<ImageProps, 'source'> {
+  /** Image source — URI string or RN ImageSourcePropType */
+  src?: string;
+  source?: ImageProps['source'];
+  alt?: string;
+}
+
+// =============================================================================
+// AVATAR FALLBACK TEXT
+// =============================================================================
+
+export interface IAvatarTextProps extends TextProps {
+  /** Full name — initials will be derived automatically */
+  children?: React.ReactNode;
+}
+
+// =============================================================================
+// AVATAR ICON (fallback icon — hidden when image loads)
+// =============================================================================
+
+export interface IAvatarIconProps extends ViewProps {
+  children?: React.ReactNode;
+}
+
+// =============================================================================
+// AVATAR BADGE
+// =============================================================================
+
+export interface IAvatarBadgeProps extends ViewProps {
+  children?: React.ReactNode;
+}
+
+// =============================================================================
+// CONTEXT
+// =============================================================================
+
+export interface IAvatarContextValue {
+  imageLoaded: boolean;
+  imageError: boolean;
+  setImageLoaded: (loaded: boolean) => void;
+  setImageError: (error: boolean) => void;
+}
+
+// =============================================================================
+// COMPOUND COMPONENT TYPE
+// =============================================================================
+
+export type IAvatarComponentType<Root, Image, Text, Icon, Badge> = React.ForwardRefExoticComponent<
+  React.RefAttributes<Root> & React.PropsWithoutRef<Root> & IAvatarProps
+> & {
+  Image: React.ForwardRefExoticComponent<
+    React.RefAttributes<Image> & React.PropsWithoutRef<Image> & IAvatarImageProps
+  >;
+  Text: React.ForwardRefExoticComponent<
+    React.RefAttributes<Text> & React.PropsWithoutRef<Text> & IAvatarTextProps
+  >;
+  Icon: React.ForwardRefExoticComponent<
+    React.RefAttributes<Icon> & React.PropsWithoutRef<Icon> & IAvatarIconProps
+  >;
+  Badge: React.ForwardRefExoticComponent<
+    React.RefAttributes<Badge> & React.PropsWithoutRef<Badge> & IAvatarBadgeProps
+  >;
+};

package/src/index.ts

@@ -1,3 +1,4 @@
+export * from './avatar';
 export * from './button';
 export * from './checkbox';
 export * from './input';