@hanzogui/avatar 7.3.0 → 8.0.0

package/dist/cjs/Avatar.cjs

@@ -63,11 +63,6 @@ const AvatarImage = React.forwardRef((props, forwardedRef) => {
   } = props;
   const context = useAvatarContext(IMAGE_NAME, __scopeAvatar);
   const [status, setStatus] = React.useState("idle");
-  const shapeSize = (0, import_core.getVariableValue)((0, import_shapes.getShapeSize)(context.size,
-  // @ts-expect-error
-  {
-    tokens: (0, import_core.getTokens)()
-  })?.width);
   const resolvedSrc = src || (source && typeof source === "object" && "uri" in source ? source.uri : source);
   React.useEffect(() => {
     if (!resolvedSrc) {
@@ -93,10 +88,8 @@ const AvatarImage = React.forwardRef((props, forwardedRef) => {
       right: 0,
       bottom: 0,
       objectFit: "cover",
-      ...(typeof shapeSize === "number" && !Number.isNaN(shapeSize) && {
-        width: shapeSize,
-        height: shapeSize
-      }),
+      width: "100%",
+      height: "100%",
       ...imageProps,
       ref: forwardedRef,
       src: resolvedSrc,

package/dist/cjs/Avatar.native.js

@@ -61,7 +61,6 @@ var [createAvatarContext, createAvatarScope] = (0, import_create_context.createC
 var [AvatarProvider, useAvatarContext] = createAvatarContext(AVATAR_NAME);
 var IMAGE_NAME = "AvatarImage";
 var AvatarImage = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
-  var _getShapeSize;
   var {
     __scopeAvatar,
     src,
@@ -71,11 +70,6 @@ var AvatarImage = /* @__PURE__ */React.forwardRef(function (props, forwardedRef)
   } = props;
   var context = useAvatarContext(IMAGE_NAME, __scopeAvatar);
   var [status, setStatus] = React.useState("idle");
-  var shapeSize = (0, import_core.getVariableValue)((_getShapeSize = (0, import_shapes.getShapeSize)(context.size,
-  // @ts-expect-error
-  {
-    tokens: (0, import_core.getTokens)()
-  })) === null || _getShapeSize === void 0 ? void 0 : _getShapeSize.width);
   var resolvedSrc = src || (source && (typeof source === "undefined" ? "undefined" : _type_of(source)) === "object" && "uri" in source ? source.uri : source);
   React.useEffect(function () {
     if (!resolvedSrc) {
@@ -101,10 +95,15 @@ var AvatarImage = /* @__PURE__ */React.forwardRef(function (props, forwardedRef)
       right: 0,
       bottom: 0,
       objectFit: "cover",
-      ...(typeof shapeSize === "number" && !Number.isNaN(shapeSize) && {
-        width: shapeSize,
-        height: shapeSize
-      }),
+      // fill the frame. previously the image was sized to
+      // getShapeSize(context.size) — but that resolves a numeric `size`
+      // (e.g. <Avatar size={16} />) as a size-TOKEN index (tokens.size[16]),
+      // so it got the token-scale value (~224px) instead of 16px, blowing
+      // the image far past its frame; object-fit:cover then showed a
+      // blurry mis-cropped corner. the frame already owns the size, so the
+      // image just fills it — correct for numeric and token sizes alike.
+      width: "100%",
+      height: "100%",
       ...imageProps,
       // @ts-ignore
       ref: forwardedRef,

package/dist/cjs/Avatar.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Avatar_exports","__export","Avatar","AvatarFallback","AvatarFallbackFrame","AvatarFrame","AvatarImage","createAvatarScope","module","exports","import_jsx_runtime","require","import_core","import_create_context","import_helpers","import_image","import_shapes","import_stacks","React","__toESM","_type_of","obj","Symbol","constructor","AVATAR_NAME","createAvatarContext","createContextScope","AvatarProvider","useAvatarContext","IMAGE_NAME","forwardRef","props","forwardedRef","_getShapeSize","__scopeAvatar","src","source","onLoadingStatusChange","imageProps","context","status","setStatus","useState","shapeSize","getVariableValue","getShapeSize","size","tokens","getTokens","width","resolvedSrc","uri","useEffect","onImageLoadingStatusChange","jsx","YStack","fullscreen","zIndex","children","Image","position","top","left","right","bottom","objectFit","Number","isNaN","height","ref","onError","onLoad","displayName","FALLBACK_NAME","styled","name","styleable","delayMs","fallbackProps","canRender","setCanRender","timerId","setTimeout","clearTimeout","imageLoadingStatus","Square","overflow","withStaticProperties","avatarProps","setImageLoadingStatus","scope"],"sources":["../../src/Avatar.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Avatar_exports","__export","Avatar","AvatarFallback","AvatarFallbackFrame","AvatarFrame","AvatarImage","createAvatarScope","module","exports","import_jsx_runtime","require","import_core","import_create_context","import_helpers","import_image","import_shapes","import_stacks","React","__toESM","_type_of","obj","Symbol","constructor","AVATAR_NAME","createAvatarContext","createContextScope","AvatarProvider","useAvatarContext","IMAGE_NAME","forwardRef","props","forwardedRef","__scopeAvatar","src","source","onLoadingStatusChange","imageProps","context","status","setStatus","useState","resolvedSrc","uri","useEffect","onImageLoadingStatusChange","jsx","YStack","fullscreen","zIndex","children","Image","position","top","left","right","bottom","objectFit","width","height","ref","onError","onLoad","displayName","FALLBACK_NAME","styled","name","styleable","delayMs","fallbackProps","canRender","setCanRender","timerId","setTimeout","clearTimeout","imageLoadingStatus","Square","overflow"],"sources":["../../src/Avatar.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/Avatar.mjs

@@ -1,8 +1,8 @@
-import { getTokens, getVariableValue, styled } from "@hanzogui/core";
+import { styled } from "@hanzogui/core";
 import { createContextScope } from "@hanzogui/create-context";
 import { withStaticProperties } from "@hanzogui/helpers";
 import { Image } from "@hanzogui/image";
-import { Square, getShapeSize } from "@hanzogui/shapes";
+import { Square } from "@hanzogui/shapes";
 import { YStack } from "@hanzogui/stacks";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
@@ -20,11 +20,6 @@ const AvatarImage = React.forwardRef((props, forwardedRef) => {
   } = props;
   const context = useAvatarContext(IMAGE_NAME, __scopeAvatar);
   const [status, setStatus] = React.useState("idle");
-  const shapeSize = getVariableValue(getShapeSize(context.size,
-  // @ts-expect-error
-  {
-    tokens: getTokens()
-  })?.width);
   const resolvedSrc = src || (source && typeof source === "object" && "uri" in source ? source.uri : source);
   React.useEffect(() => {
     if (!resolvedSrc) {
@@ -50,10 +45,8 @@ const AvatarImage = React.forwardRef((props, forwardedRef) => {
       right: 0,
       bottom: 0,
       objectFit: "cover",
-      ...(typeof shapeSize === "number" && !Number.isNaN(shapeSize) && {
-        width: shapeSize,
-        height: shapeSize
-      }),
+      width: "100%",
+      height: "100%",
       ...imageProps,
       ref: forwardedRef,
       src: resolvedSrc,

package/dist/esm/Avatar.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["getTokens","getVariableValue","styled","createContextScope","withStaticProperties","Image","Square","getShapeSize","YStack","React","jsx","AVATAR_NAME","createAvatarContext","createAvatarScope","AvatarProvider","useAvatarContext","IMAGE_NAME","AvatarImage","forwardRef","props","forwardedRef","__scopeAvatar","src","source","onLoadingStatusChange","imageProps","context","status","setStatus","useState","shapeSize","size","tokens","width","resolvedSrc","uri","useEffect","onImageLoadingStatusChange","fullscreen","zIndex","children","position","top","left","right","bottom","objectFit","Number","isNaN","height","ref","onError","onLoad","displayName","FALLBACK_NAME","AvatarFallbackFrame","name","AvatarFallback","styleable","delayMs","fallbackProps","canRender","setCanRender","timerId","setTimeout","clearTimeout","imageLoadingStatus","AvatarFrame","overflow","Avatar","avatarProps","setImageLoadingStatus","scope","Fallback"],"sources":["../../src/Avatar.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["styled","createContextScope","withStaticProperties","Image","Square","YStack","React","jsx","AVATAR_NAME","createAvatarContext","createAvatarScope","AvatarProvider","useAvatarContext","IMAGE_NAME","AvatarImage","forwardRef","props","forwardedRef","__scopeAvatar","src","source","onLoadingStatusChange","imageProps","context","status","setStatus","useState","resolvedSrc","uri","useEffect","onImageLoadingStatusChange","fullscreen","zIndex","children","position","top","left","right","bottom","objectFit","width","height","ref","onError","onLoad","displayName","FALLBACK_NAME","AvatarFallbackFrame","name","AvatarFallback","styleable","delayMs","fallbackProps","canRender","setCanRender","timerId","setTimeout","clearTimeout","imageLoadingStatus","AvatarFrame","overflow","Avatar","size","avatarProps","setImageLoadingStatus","scope","Fallback"],"sources":["../../src/Avatar.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/Avatar.native.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { getTokens, getVariableValue, styled } from "@hanzogui/core";
+import { styled } from "@hanzogui/core";
 import { createContextScope } from "@hanzogui/create-context";
 import { withStaticProperties } from "@hanzogui/helpers";
 import { Image } from "@hanzogui/image";
-import { Square, getShapeSize } from "@hanzogui/shapes";
+import { Square } from "@hanzogui/shapes";
 import { YStack } from "@hanzogui/stacks";
 import * as React from "react";
 function _type_of(obj) {
@@ -16,7 +16,6 @@ var [createAvatarContext, createAvatarScope] = createContextScope(AVATAR_NAME);
 var [AvatarProvider, useAvatarContext] = createAvatarContext(AVATAR_NAME);
 var IMAGE_NAME = "AvatarImage";
 var AvatarImage = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
-  var _getShapeSize;
   var {
     __scopeAvatar,
     src,
@@ -26,11 +25,6 @@ var AvatarImage = /* @__PURE__ */React.forwardRef(function (props, forwardedRef)
   } = props;
   var context = useAvatarContext(IMAGE_NAME, __scopeAvatar);
   var [status, setStatus] = React.useState("idle");
-  var shapeSize = getVariableValue((_getShapeSize = getShapeSize(context.size,
-  // @ts-expect-error
-  {
-    tokens: getTokens()
-  })) === null || _getShapeSize === void 0 ? void 0 : _getShapeSize.width);
   var resolvedSrc = src || (source && (typeof source === "undefined" ? "undefined" : _type_of(source)) === "object" && "uri" in source ? source.uri : source);
   React.useEffect(function () {
     if (!resolvedSrc) {
@@ -56,10 +50,15 @@ var AvatarImage = /* @__PURE__ */React.forwardRef(function (props, forwardedRef)
       right: 0,
       bottom: 0,
       objectFit: "cover",
-      ...(typeof shapeSize === "number" && !Number.isNaN(shapeSize) && {
-        width: shapeSize,
-        height: shapeSize
-      }),
+      // fill the frame. previously the image was sized to
+      // getShapeSize(context.size) — but that resolves a numeric `size`
+      // (e.g. <Avatar size={16} />) as a size-TOKEN index (tokens.size[16]),
+      // so it got the token-scale value (~224px) instead of 16px, blowing
+      // the image far past its frame; object-fit:cover then showed a
+      // blurry mis-cropped corner. the frame already owns the size, so the
+      // image just fills it — correct for numeric and token sizes alike.
+      width: "100%",
+      height: "100%",
       ...imageProps,
       // @ts-ignore
       ref: forwardedRef,

package/dist/esm/Avatar.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","getTokens","getVariableValue","styled","createContextScope","withStaticProperties","Image","Square","getShapeSize","YStack","React","_type_of","obj","Symbol","constructor","AVATAR_NAME","createAvatarContext","createAvatarScope","AvatarProvider","useAvatarContext","IMAGE_NAME","AvatarImage","forwardRef","props","forwardedRef","_getShapeSize","__scopeAvatar","src","source","onLoadingStatusChange","imageProps","context","status","setStatus","useState","shapeSize","size","tokens","width","resolvedSrc","uri","useEffect","onImageLoadingStatusChange","fullscreen","zIndex","children","position","top","left","right","bottom","objectFit","Number","isNaN","height","ref","onError","onLoad","displayName","FALLBACK_NAME","AvatarFallbackFrame","name","AvatarFallback","styleable","delayMs","fallbackProps","canRender","setCanRender","timerId","setTimeout","clearTimeout","imageLoadingStatus","AvatarFrame","overflow","Avatar","avatarProps","setImageLoadingStatus","scope"],"sources":["../../src/Avatar.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","styled","createContextScope","withStaticProperties","Image","Square","YStack","React","_type_of","obj","Symbol","constructor","AVATAR_NAME","createAvatarContext","createAvatarScope","AvatarProvider","useAvatarContext","IMAGE_NAME","AvatarImage","forwardRef","props","forwardedRef","__scopeAvatar","src","source","onLoadingStatusChange","imageProps","context","status","setStatus","useState","resolvedSrc","uri","useEffect","onImageLoadingStatusChange","fullscreen","zIndex","children","position","top","left","right","bottom","objectFit","width","height","ref","onError","onLoad","displayName","FALLBACK_NAME","AvatarFallbackFrame","name","AvatarFallback","styleable","delayMs","fallbackProps","canRender","setCanRender","timerId","setTimeout","clearTimeout","imageLoadingStatus","AvatarFrame","overflow","Avatar"],"sources":["../../src/Avatar.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/Avatar.mjs

@@ -1,8 +1,8 @@
-import { getTokens, getVariableValue, styled } from "@hanzogui/core";
+import { styled } from "@hanzogui/core";
 import { createContextScope } from "@hanzogui/create-context";
 import { withStaticProperties } from "@hanzogui/helpers";
 import { Image } from "@hanzogui/image";
-import { Square, getShapeSize } from "@hanzogui/shapes";
+import { Square } from "@hanzogui/shapes";
 import { YStack } from "@hanzogui/stacks";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
@@ -20,11 +20,6 @@ const AvatarImage = React.forwardRef((props, forwardedRef) => {
   } = props;
   const context = useAvatarContext(IMAGE_NAME, __scopeAvatar);
   const [status, setStatus] = React.useState("idle");
-  const shapeSize = getVariableValue(getShapeSize(context.size,
-  // @ts-expect-error
-  {
-    tokens: getTokens()
-  })?.width);
   const resolvedSrc = src || (source && typeof source === "object" && "uri" in source ? source.uri : source);
   React.useEffect(() => {
     if (!resolvedSrc) {
@@ -50,10 +45,8 @@ const AvatarImage = React.forwardRef((props, forwardedRef) => {
       right: 0,
       bottom: 0,
       objectFit: "cover",
-      ...(typeof shapeSize === "number" && !Number.isNaN(shapeSize) && {
-        width: shapeSize,
-        height: shapeSize
-      }),
+      width: "100%",
+      height: "100%",
       ...imageProps,
       ref: forwardedRef,
       src: resolvedSrc,

package/dist/jsx/Avatar.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["getTokens","getVariableValue","styled","createContextScope","withStaticProperties","Image","Square","getShapeSize","YStack","React","jsx","AVATAR_NAME","createAvatarContext","createAvatarScope","AvatarProvider","useAvatarContext","IMAGE_NAME","AvatarImage","forwardRef","props","forwardedRef","__scopeAvatar","src","source","onLoadingStatusChange","imageProps","context","status","setStatus","useState","shapeSize","size","tokens","width","resolvedSrc","uri","useEffect","onImageLoadingStatusChange","fullscreen","zIndex","children","position","top","left","right","bottom","objectFit","Number","isNaN","height","ref","onError","onLoad","displayName","FALLBACK_NAME","AvatarFallbackFrame","name","AvatarFallback","styleable","delayMs","fallbackProps","canRender","setCanRender","timerId","setTimeout","clearTimeout","imageLoadingStatus","AvatarFrame","overflow","Avatar","avatarProps","setImageLoadingStatus","scope","Fallback"],"sources":["../../src/Avatar.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["styled","createContextScope","withStaticProperties","Image","Square","YStack","React","jsx","AVATAR_NAME","createAvatarContext","createAvatarScope","AvatarProvider","useAvatarContext","IMAGE_NAME","AvatarImage","forwardRef","props","forwardedRef","__scopeAvatar","src","source","onLoadingStatusChange","imageProps","context","status","setStatus","useState","resolvedSrc","uri","useEffect","onImageLoadingStatusChange","fullscreen","zIndex","children","position","top","left","right","bottom","objectFit","width","height","ref","onError","onLoad","displayName","FALLBACK_NAME","AvatarFallbackFrame","name","AvatarFallback","styleable","delayMs","fallbackProps","canRender","setCanRender","timerId","setTimeout","clearTimeout","imageLoadingStatus","AvatarFrame","overflow","Avatar","size","avatarProps","setImageLoadingStatus","scope","Fallback"],"sources":["../../src/Avatar.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/Avatar.native.js

@@ -61,7 +61,6 @@ var [createAvatarContext, createAvatarScope] = (0, import_create_context.createC
 var [AvatarProvider, useAvatarContext] = createAvatarContext(AVATAR_NAME);
 var IMAGE_NAME = "AvatarImage";
 var AvatarImage = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
-  var _getShapeSize;
   var {
     __scopeAvatar,
     src,
@@ -71,11 +70,6 @@ var AvatarImage = /* @__PURE__ */React.forwardRef(function (props, forwardedRef)
   } = props;
   var context = useAvatarContext(IMAGE_NAME, __scopeAvatar);
   var [status, setStatus] = React.useState("idle");
-  var shapeSize = (0, import_core.getVariableValue)((_getShapeSize = (0, import_shapes.getShapeSize)(context.size,
-  // @ts-expect-error
-  {
-    tokens: (0, import_core.getTokens)()
-  })) === null || _getShapeSize === void 0 ? void 0 : _getShapeSize.width);
   var resolvedSrc = src || (source && (typeof source === "undefined" ? "undefined" : _type_of(source)) === "object" && "uri" in source ? source.uri : source);
   React.useEffect(function () {
     if (!resolvedSrc) {
@@ -101,10 +95,15 @@ var AvatarImage = /* @__PURE__ */React.forwardRef(function (props, forwardedRef)
       right: 0,
       bottom: 0,
       objectFit: "cover",
-      ...(typeof shapeSize === "number" && !Number.isNaN(shapeSize) && {
-        width: shapeSize,
-        height: shapeSize
-      }),
+      // fill the frame. previously the image was sized to
+      // getShapeSize(context.size) — but that resolves a numeric `size`
+      // (e.g. <Avatar size={16} />) as a size-TOKEN index (tokens.size[16]),
+      // so it got the token-scale value (~224px) instead of 16px, blowing
+      // the image far past its frame; object-fit:cover then showed a
+      // blurry mis-cropped corner. the frame already owns the size, so the
+      // image just fills it — correct for numeric and token sizes alike.
+      width: "100%",
+      height: "100%",
       ...imageProps,
       // @ts-ignore
       ref: forwardedRef,

package/dist/jsx/Avatar.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","Avatar_exports","Avatar","AvatarFallback","AvatarFallbackFrame","AvatarFrame","AvatarImage","createAvatarScope","module","exports","import_jsx_runtime","require","import_core","import_create_context","import_helpers","import_image","import_shapes","import_stacks","React","_type_of","obj","Symbol","constructor","AVATAR_NAME","createAvatarContext","createContextScope","AvatarProvider","useAvatarContext","IMAGE_NAME","forwardRef","props","forwardedRef","_getShapeSize","__scopeAvatar","src","source","onLoadingStatusChange","imageProps","context","status","setStatus","useState","shapeSize","getVariableValue","getShapeSize","size","tokens","getTokens","width","resolvedSrc","uri","useEffect","onImageLoadingStatusChange","jsx","YStack","fullscreen","zIndex","children","Image","position","top","left","right","bottom","objectFit","Number","isNaN","height","ref","onError","onLoad","displayName","FALLBACK_NAME","styled"],"sources":["../../src/Avatar.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","Avatar_exports","Avatar","AvatarFallback","AvatarFallbackFrame","AvatarFrame","AvatarImage","createAvatarScope","module","exports","import_jsx_runtime","require","import_core","import_create_context","import_helpers","import_image","import_shapes","import_stacks","React","_type_of","obj","Symbol","constructor","AVATAR_NAME","createAvatarContext","createContextScope","AvatarProvider","useAvatarContext","IMAGE_NAME","forwardRef","props","forwardedRef","__scopeAvatar","src","source","onLoadingStatusChange","imageProps","context","status","setStatus","useState","resolvedSrc","uri","useEffect","onImageLoadingStatusChange","jsx","YStack","fullscreen","zIndex","children","Image","position","top","left","right","bottom","objectFit","width","height","ref","onError","onLoad"],"sources":["../../src/Avatar.tsx"],"sourcesContent":[null],"mappings":"AAGA,YAAS;;AAET,IAAAA,QAAS,GAAAC,MAAA,CAAAC,MAAA;AACT,IAAAC,SAAS,GAAAF,MAAA,CAAAG,cAA4B;AAErC,IAAAC,gBAAS,GAAaJ,MAAA,CAAAK,wBAAA;AACtB,IAAAC,iBAAS,GAAcN,MAAA,CAAAO,mBAAA;AACvB,IAAAC,YAAS,GAAAR,MAAc,CAAAS,cAAA;AACvB,IAAAC,YAAY,GAAAV,MAAW,CAAAW,SAAA,CAAAC,cAAA;AAkEf,IAAAC,QAAA,GAAAA,CAAAC,MAAA,EAAAC,GAAA;EAhER,KAAM,IAAAC,IAAA,IAAAD,GAAc,EAGpBb,SAAO,CAAAY,MAAA,EAAAE,IAAA,EAAqB;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAiBE,UAAI;EAAA;AAUjD;AAOA,IAAAC,WAAM,GAAAA,CAAaC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EAMnB,IAAMF,IAAA,WAAcA,IAAA,KAAM,mBAAAA,IAAA;IACvB,SAAsCG,GAAA,IAAAlB,iBAAiB,CAAAe,IAAA,GACtD,IAAM,CAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACJpB,SAAA,CAAAkB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAnB,gBAAA,CAAAiB,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAAA;EACA,OACAE,EAAA;AAAA;AAC8B,IAAAM,OAAC,GAAAA,CAAAC,GAAA,EAAAC,UAAA,EAAAd,MAAA,MAAAA,MAAA,GAAAa,GAAA,WAAA5B,QAAA,CAAAS,YAAA,CAAAmB,GAAA,SAAAR,WAAA;AAAA;AAC5B;AAEL;AACA;AAGAS,UAAM,KAAAD,GAAA,IACJ,CAAAA,GAAA,CAAAE,UACC,GAAU3B,SAAO,CAAAY,MAAA,EAAW;EAAYgB,KAAA,EAAAH,GAAS;EAAAT,UAAS,EAAO;AAAA,CAAM,IAAAJ,MAAA,EAE1Ea,GAEE;AACE,IAAAI,YAAA,GAAUJ,GAAA,IAAOR,WAAA,CAAAjB,SAAA;EAAA4B,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAK,cACZ;AACLnB,QAAA,CAAAmB,cAAU,EAAM;EAAAC,MAClB,EAAAA,CAAA,KAAAA,MAAA;EAAAC,cACE,EAAAA,CAAA,KAAYA,cAAA;EAEhBC,mBAAgB,EAAAA,CAAA,KAAMA,mBAAA;EACpBC,WAAA,EAAAA,CAAA,KAAAA,WAAsB;EACtBC,WAAA,EAAQA,CAAA,KAAAA,WAAA;EAAiCC,iBAChC,EAAAA,CAAA,KAAAA;AAGX;AACEC,MAAA,CAAAC,OAAO,GAAAT,YAAA,CAAAC,cAAA;AAAA,IACTS,kBAAA,GAAAC,OAAA;AAEA,IAAAC,WACE,GAAAD,OAAA,iBAAQ;AACN,IAAAE,qBAAC,GAAAF,OAAA;AAAA,IAAAG,cAAA,GAAAH,OAAA;AAAA,IAAAI,YACC,GAASJ,OAAA;AAAA,IAAAK,aACJ,GAAAL,OAAA;AAAA,IAAAM,aACC,GAAAN,OAAA;AAAA,IAAAO,KACN,GAAAvB,OAAO,CAAAgB,OAAA;AAAA,SACPQ,QAAQA,CAAAC,GAAA;EAAA,uBACE;;EAAA,OAQVA,GAAA,IAAM,OAAAC,MAAA,oBAAAD,GAAA,CAAAE,WAAA,KAAAD,MAAA,qBAAAD,GAAA;AAAA;AACC,IAAAG,WACH;AAAA,KAAAC,mBAEC,EAAAjB,iBAAA,QAAAM,qBAAA,CAAAY,kBAAA,EAAAF,WAAA;AAAA,KAAAG,cAEA,EAAAC,gBAAA,IAAAH,mBAAA,CAAAD,WAAA;AAAA,IAAAK,UAIL,GAAS,aAAM;AACb,IAAAtB,WAAA,kBAAiBY,KAAA,CAAAW,UAAA,WAAAC,KAAA,EAAAC,YAAA;EAAA;IACnBC,aAAA;IAAAC,GAAA;IAAAC,MAAA;IAAAC,qBAAA,YAAAA,CAAA;IAAA,GACAC;EAAQ,IAAMN,KAAA;EACZ,IAAAO,OAAA,GAAAV,gBAAkB,CAAAC,UAAA,EAAAI,aAAA;EAAA,KAAAM,MACpB,EAAAC,SAAA,IAAArB,KAAA,CAAAsB,QAAA;EAAA,IAAAC,WAAA,GAAAR,GAAA,KAAAC,MAAA,YAAAA,MAAA,iCAAAf,QAAA,CAAAe,MAAA,4BAAAA,MAAA,GAAAA,MAAA,CAAAQ,GAAA,GAAAR,MAAA;EAAAhB,KAEJ,CAAAyB,SAAA;IAEJ,KAAAF,WAAA;MACFF,SAAA;IAEA;MAMMA,SAAA,OAAgB;IAEf;EACL,IACAE,WAAU,CACV;EACAvB,KAAA,CAAAyB,SAAQ;IACTR,qBAAA,CAAAG,MAAA;IAODD,OAAM,CAAAO,0BAAiB,CAAAN,MAAoB;EAGzC,IACAA,MAAM,CACN;EAEA,KAAAG,WAAgB;IACd,OAAI;EACF;EACA,sBAAa,IAAA/B,kBAAoB,CAAAmC,GAAA,EAAA5B,aAAA,CAAA6B,MAAA;IACnCC,UAAA;IACFC,MAAI,GAAO;IAEXC,QAAO,iBAAqB,IAAAvC,kBAAA,CAAuBmC,GAAA,EAAA9B,YACjD,CAAAmC,KAAA;MAEHC,QAAA;MAEDC,GAAA;MAMaC,IAAA;MACXC,KAAM;MACNC,MAAU;MACVC,SAAU;MACX;MAmBK;MACJ;MACG;MACC;MACA;MAEA;MACEC,KAAC;MAAAC,MAAA;MAAA,GAAAtB,UACC;MAAA;MACOuB,GAAA,EACP5B,YAAA;MAAA;MAC4BE,GAAA,EAE5BQ,WAAA;MAA6D;MAC/D;MAEJ;MACFmB,OAAA,WAAAA,CAAA;QACArB,SAAA;MACE;MACAsB,MAAA,EAAU,SAAAA,CAAA;QACZtB,SAAA;MACF;IAEA","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzogui/avatar",
-  "version": "7.3.0",
+  "version": "8.0.0",
   "source": "src/index.ts",
   "files": [
     "src",
@@ -8,9 +8,7 @@
     "dist"
   ],
   "type": "module",
-  "sideEffects": [
-    "*.css"
-  ],
+  "sideEffects": false,
   "main": "dist/cjs",
   "module": "dist/esm",
   "types": "./types/index.d.ts",
@@ -30,30 +28,27 @@
     "access": "public"
   },
   "scripts": {
-    "build": "gui-build",
-    "watch": "gui-build --watch",
-    "clean": "gui-build clean",
-    "clean:build": "gui-build clean:build"
+    "build": "hanzogui-build",
+    "watch": "hanzogui-build --watch",
+    "clean": "hanzogui-build clean",
+    "clean:build": "hanzogui-build clean:build"
   },
   "dependencies": {
-    "@hanzogui/core": "7.3.0",
-    "@hanzogui/create-context": "7.3.0",
-    "@hanzogui/helpers": "7.3.0",
-    "@hanzogui/image": "7.3.0",
-    "@hanzogui/shapes": "7.3.0",
-    "@hanzogui/stacks": "7.3.0",
-    "@hanzogui/text": "7.3.0"
+    "@hanzogui/core": "8.0.0",
+    "@hanzogui/create-context": "8.0.0",
+    "@hanzogui/helpers": "8.0.0",
+    "@hanzogui/image": "8.0.0",
+    "@hanzogui/shapes": "8.0.0",
+    "@hanzogui/stacks": "8.0.0",
+    "@hanzogui/text": "8.0.0"
   },
   "devDependencies": {
-    "@hanzogui/build": "7.3.0",
+    "@hanzogui/build": "8.0.0",
     "react": ">=19",
     "react-native": "0.83.2"
   },
   "peerDependencies": {
-    "react": ">=19",
-    "react-native": "*"
+    "react": ">=19"
   },
-  "module:jsx": "dist/jsx",
-  "license": "BSD-3-Clause",
-  "author": "Hanzo AI <dev@hanzo.ai>"
+  "module:jsx": "dist/jsx"
 }

package/src/Avatar.tsx

@@ -1,13 +1,13 @@
 // forked from radix https://github.com/radix-ui/primitives/blob/main/packages/react/avatar/src/Avatar.tsx
 
 import type { GetProps, SizeTokens, GuiElement } from '@hanzogui/core'
-import { getTokens, getVariableValue, styled } from '@hanzogui/core'
+import { styled } from '@hanzogui/core'
 import type { Scope } from '@hanzogui/create-context'
 import { createContextScope } from '@hanzogui/create-context'
 import { withStaticProperties } from '@hanzogui/helpers'
 import type { ImageProps } from '@hanzogui/image'
 import { Image } from '@hanzogui/image'
-import { Square, getShapeSize } from '@hanzogui/shapes'
+import { Square } from '@hanzogui/shapes'
 import { YStack } from '@hanzogui/stacks'
 import * as React from 'react'
 
@@ -48,13 +48,6 @@ const AvatarImage = React.forwardRef<GuiElement, AvatarImageProps>(
     } = props
     const context = useAvatarContext(IMAGE_NAME, __scopeAvatar)
     const [status, setStatus] = React.useState<ImageLoadingStatus>('idle')
-    const shapeSize = getVariableValue(
-      getShapeSize(
-        context.size,
-        // @ts-expect-error
-        { tokens: getTokens() }
-      )?.width
-    ) as number
 
     // Support both `src` (web) and `source` (RN) props
     const resolvedSrc =
@@ -89,11 +82,15 @@ const AvatarImage = React.forwardRef<GuiElement, AvatarImageProps>(
           right={0}
           bottom={0}
           objectFit="cover"
-          {...(typeof shapeSize === 'number' &&
-            !Number.isNaN(shapeSize) && {
-              width: shapeSize,
-              height: shapeSize,
-            })}
+          // fill the frame. previously the image was sized to
+          // getShapeSize(context.size) — but that resolves a numeric `size`
+          // (e.g. <Avatar size={16} />) as a size-TOKEN index (tokens.size[16]),
+          // so it got the token-scale value (~224px) instead of 16px, blowing
+          // the image far past its frame; object-fit:cover then showed a
+          // blurry mis-cropped corner. the frame already owns the size, so the
+          // image just fills it — correct for numeric and token sizes alike.
+          width="100%"
+          height="100%"
           {...imageProps}
           // @ts-ignore
           ref={forwardedRef}
@@ -169,7 +166,7 @@ type AvatarProps = GetProps<typeof AvatarFrame>
 
 /**
  * @summary A component that displays an image or a fallback icon.
- * @see — Docs https://gui.dev/ui/avatar
+ * @see — Docs https://hanzogui.dev/ui/avatar
  *
  * @example
  * ```tsx

package/types/Avatar.d.ts

@@ -10,7 +10,7 @@ type AvatarImageProps = Partial<ImageProps> & {
 declare const AvatarImage: React.ForwardRefExoticComponent<Partial<ImageProps> & {
     onLoadingStatusChange?: (status: ImageLoadingStatus) => void;
 } & React.RefAttributes<GuiElement>>;
-export declare const AvatarFallbackFrame: import("@hanzogui/core").GuiComponent<import("@hanzogui/core").TamaDefer, GuiElement, import("@hanzogui/core").RNViewNonStyleProps, import("@hanzogui/core").StackStyleBase, {
+export declare const AvatarFallbackFrame: import("@hanzogui/core").GuiComponent<import("@hanzogui/core").TamaDefer, GuiElement, import("@hanzogui/core").RNGuiViewNonStyleProps, import("@hanzogui/core").StackStyleBase, {
     elevation?: number | SizeTokens | undefined;
     fullscreen?: boolean | undefined;
 }, import("@hanzogui/core").StaticConfigPublic>;
@@ -18,18 +18,18 @@ type AvatarFallbackExtraProps = {
     delayMs?: number;
 };
 type AvatarFallbackProps = GetProps<typeof AvatarFallbackFrame> & AvatarFallbackExtraProps;
-declare const AvatarFallback: import("@hanzogui/core").GuiComponent<Omit<import("@hanzogui/core").GetFinalProps<import("@hanzogui/core").RNViewNonStyleProps, import("@hanzogui/core").StackStyleBase, {
+declare const AvatarFallback: import("@hanzogui/core").GuiComponent<Omit<import("@hanzogui/core").GetFinalProps<import("@hanzogui/core").RNGuiViewNonStyleProps, import("@hanzogui/core").StackStyleBase, {
     elevation?: number | SizeTokens | undefined;
     fullscreen?: boolean | undefined;
 }>, "delayMs" | "__scopeAvatar"> & AvatarFallbackExtraProps & {
     __scopeAvatar?: Scope;
-}, GuiElement, import("@hanzogui/core").RNViewNonStyleProps & AvatarFallbackExtraProps & {
+}, GuiElement, import("@hanzogui/core").RNGuiViewNonStyleProps & AvatarFallbackExtraProps & {
     __scopeAvatar?: Scope;
 }, import("@hanzogui/core").StackStyleBase, {
     elevation?: number | SizeTokens | undefined;
     fullscreen?: boolean | undefined;
 }, import("@hanzogui/core").StaticConfigPublic>;
-export declare const AvatarFrame: import("@hanzogui/core").GuiComponent<import("@hanzogui/core").TamaDefer, GuiElement, import("@hanzogui/core").RNViewNonStyleProps, import("@hanzogui/core").StackStyleBase, {
+export declare const AvatarFrame: import("@hanzogui/core").GuiComponent<import("@hanzogui/core").TamaDefer, GuiElement, import("@hanzogui/core").RNGuiViewNonStyleProps, import("@hanzogui/core").StackStyleBase, {
     elevation?: number | import("@hanzogui/web").SizeTokens | undefined;
     size?: number | import("@hanzogui/web").SizeTokens | undefined;
     transparent?: boolean | undefined;
@@ -44,7 +44,7 @@ export declare const AvatarFrame: import("@hanzogui/core").GuiComponent<import("
 type AvatarProps = GetProps<typeof AvatarFrame>;
 /**
  * @summary A component that displays an image or a fallback icon.
- * @see — Docs https://gui.dev/ui/avatar
+ * @see — Docs https://hanzogui.dev/ui/avatar
  *
  * @example
  * ```tsx
@@ -57,7 +57,7 @@ type AvatarProps = GetProps<typeof AvatarFrame>;
  * </Avatar>
  * ```
  */
-declare const Avatar: React.ForwardRefExoticComponent<Omit<import("@hanzogui/core").RNViewNonStyleProps, "size" | "elevation" | keyof import("@hanzogui/core").StackStyleBase | "fullscreen" | "transparent" | "circular" | "elevate" | "bordered" | "chromeless"> & import("@hanzogui/core").WithThemeValues<import("@hanzogui/core").StackStyleBase> & {
+declare const Avatar: React.ForwardRefExoticComponent<Omit<import("@hanzogui/core").RNGuiViewNonStyleProps, "size" | "elevation" | keyof import("@hanzogui/core").StackStyleBase | "fullscreen" | "transparent" | "circular" | "elevate" | "bordered" | "chromeless"> & import("@hanzogui/core").WithThemeValues<import("@hanzogui/core").StackStyleBase> & {
     elevation?: number | import("@hanzogui/web").SizeTokens | undefined;
     size?: number | import("@hanzogui/web").SizeTokens | undefined;
     transparent?: boolean | undefined;
@@ -88,12 +88,12 @@ declare const Avatar: React.ForwardRefExoticComponent<Omit<import("@hanzogui/cor
     Image: React.ForwardRefExoticComponent<Partial<ImageProps> & {
         onLoadingStatusChange?: (status: ImageLoadingStatus) => void;
     } & React.RefAttributes<GuiElement>>;
-    Fallback: import("@hanzogui/core").GuiComponent<Omit<import("@hanzogui/core").GetFinalProps<import("@hanzogui/core").RNViewNonStyleProps, import("@hanzogui/core").StackStyleBase, {
+    Fallback: import("@hanzogui/core").GuiComponent<Omit<import("@hanzogui/core").GetFinalProps<import("@hanzogui/core").RNGuiViewNonStyleProps, import("@hanzogui/core").StackStyleBase, {
         elevation?: number | SizeTokens | undefined;
         fullscreen?: boolean | undefined;
     }>, "delayMs" | "__scopeAvatar"> & AvatarFallbackExtraProps & {
         __scopeAvatar?: Scope;
-    }, GuiElement, import("@hanzogui/core").RNViewNonStyleProps & AvatarFallbackExtraProps & {
+    }, GuiElement, import("@hanzogui/core").RNGuiViewNonStyleProps & AvatarFallbackExtraProps & {
         __scopeAvatar?: Scope;
     }, import("@hanzogui/core").StackStyleBase, {
         elevation?: number | SizeTokens | undefined;

package/types/Avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../src/Avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAEtE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAGrD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAIjD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,QAAA,MAA4B,iBAAiB,gDAAmC,CAAA;AAEhF,KAAK,kBAAkB,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAA;AAiBjE,KAAK,gBAAgB,GAAG,OAAO,CAAC,UAAU,CAAC,GAAG;IAC5C,qBAAqB,CAAC,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAA;CAC7D,CAAA;AAED,QAAA,MAAM,WAAW;4BAHS,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI;oCA8E7D,CAAA;AAUD,eAAO,MAAM,mBAAmB;;;+CAK9B,CAAA;AAEF,KAAK,wBAAwB,GAAG;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AACD,KAAK,mBAAmB,GAAG,QAAQ,CAAC,OAAO,mBAAmB,CAAC,GAAG,wBAAwB,CAAA;AAE1F,QAAA,MAAM,cAAc;;;;oBAzHwB,KAAK;;oBAAL,KAAK;;;;+CA0I/C,CAAA;AAQF,eAAO,MAAM,WAAW;;;;;;;;;;;EAItB,CAAA;AAEF,KAAK,WAAW,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAA;AAE/C;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCApJc,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI;;;;;;wBArBlB,KAAK;;wBAAL,KAAK;;;;;CA+LhD,CAAA;AAID,OAAO,EAAE,iBAAiB,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,CAAA;AACjE,YAAY,EAAE,WAAW,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,CAAA"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../src/Avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAEtE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAGrD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAIjD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,QAAA,MAA4B,iBAAiB,gDAAmC,CAAA;AAEhF,KAAK,kBAAkB,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAA;AAiBjE,KAAK,gBAAgB,GAAG,OAAO,CAAC,UAAU,CAAC,GAAG;IAC5C,qBAAqB,CAAC,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAA;CAC7D,CAAA;AAED,QAAA,MAAM,WAAW;4BAHS,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI;oCA2E7D,CAAA;AAUD,eAAO,MAAM,mBAAmB;;;+CAK9B,CAAA;AAEF,KAAK,wBAAwB,GAAG;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AACD,KAAK,mBAAmB,GAAG,QAAQ,CAAC,OAAO,mBAAmB,CAAC,GAAG,wBAAwB,CAAA;AAE1F,QAAA,MAAM,cAAc;;;;oBAtHwB,KAAK;;oBAAL,KAAK;;;;+CAuI/C,CAAA;AAQF,eAAO,MAAM,WAAW;;;;;;;;;;;EAItB,CAAA;AAEF,KAAK,WAAW,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAA;AAE/C;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAjJc,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI;;;;;;wBArBlB,KAAK;;wBAAL,KAAK;;;;;CA4LhD,CAAA;AAID,OAAO,EAAE,iBAAiB,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,CAAA;AACjE,YAAY,EAAE,WAAW,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,CAAA"}

package/LICENSE

@@ -1,42 +0,0 @@
-BSD 3-Clause License
-
-Copyright (c) 2026-present, Hanzo AI, Inc.
-
-Portions of this software are derived from upstream code originally licensed under
-the MIT License, with the following copyright notices retained per its terms:
-
-  Copyright (c) 2020 Nate Wienert
-  Copyright (c) 2015-present, Nicolas Gallagher.
-  Copyright (c) 2015-present, Facebook, Inc.
-  Copyright (c) 2021 Radix
-  Copyright (c) 2017 Carmelo Pullara
-  Copyright (c) 2018 Framer B.V.
-  Copyright (c) 2022 WorkOS
-
-All rights reserved.
-
-Redistribution and use in source and binary forms, with or without
-modification, are permitted provided that the following conditions are met:
-
-1. Redistributions of source code must retain the above copyright notice, this
-   list of conditions and the following disclaimer.
-
-2. Redistributions in binary form must reproduce the above copyright notice,
-   this list of conditions and the following disclaimer in the documentation
-   and/or other materials provided with the distribution.
-
-3. Neither the name of the copyright holder nor the names of its contributors
-   may be used to endorse or promote products derived from this software
-   without specific prior written permission.
-
-THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
-AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
-IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
-ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE
-LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
-CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
-SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
-INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
-CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
-ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
-POSSIBILITY OF SUCH DAMAGE.