@womp/kookie-ui 0.3.22

package/dist/cjs/components/alert-dialog.props.d.ts

@@ -0,0 +1,70 @@
+import type { GetPropDefTypes } from '../props/prop-def.js';
+declare const alertDialogContentPropDefs: {
+    material: {
+        type: "enum";
+        values: readonly ["solid", "translucent"];
+        default: undefined;
+    };
+    height: {
+        type: "string";
+        className: string;
+        customProperties: "--height"[];
+        responsive: true;
+    };
+    minHeight: {
+        type: "string";
+        className: string;
+        customProperties: "--min-height"[];
+        responsive: true;
+    };
+    maxHeight: {
+        type: "string";
+        className: string;
+        customProperties: "--max-height"[];
+        responsive: true;
+    };
+    align: {
+        type: "enum";
+        className: string;
+        values: ("center" | "start")[];
+        default: "center";
+    };
+    size: {
+        type: "enum";
+        className: string;
+        values: readonly ["1", "2", "3", "4"];
+        default: "3";
+        responsive: true;
+    };
+    panelBackground: {
+        type: "enum";
+        values: readonly ["solid", "translucent"];
+        default: undefined;
+    };
+    width: {
+        type: "string";
+        className: string;
+        customProperties: "--width"[];
+        responsive: true;
+    };
+    minWidth: {
+        type: "string";
+        className: string;
+        customProperties: "--min-width"[];
+        responsive: true;
+    };
+    maxWidth: {
+        default: string;
+        type: "string";
+        className: string;
+        customProperties: "--max-width"[];
+        responsive: true;
+    };
+    asChild: {
+        type: "boolean";
+    };
+};
+type AlertDialogContentOwnProps = GetPropDefTypes<typeof alertDialogContentPropDefs>;
+export { alertDialogContentPropDefs };
+export type { AlertDialogContentOwnProps };
+//# sourceMappingURL=alert-dialog.props.d.ts.map

package/dist/cjs/components/alert-dialog.props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog.props.d.ts","sourceRoot":"","sources":["../../../src/components/alert-dialog.props.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAW,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAIrE,QAAA,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAW/B,CAAC;AAEF,KAAK,0BAA0B,GAAG,eAAe,CAAC,OAAO,0BAA0B,CAAC,CAAC;AAErF,OAAO,EAAE,0BAA0B,EAAE,CAAC;AACtC,YAAY,EAAE,0BAA0B,EAAE,CAAC"}

package/dist/cjs/components/alert-dialog.props.js

@@ -0,0 +1,2 @@
+"use strict";var p=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var l=Object.prototype.hasOwnProperty;var P=(t,e)=>{for(var o in e)p(t,o,{get:e[o],enumerable:!0})},h=(t,e,o,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of d(e))!l.call(t,r)&&r!==o&&p(t,r,{get:()=>e[r],enumerable:!(i=m(e,r))||i.enumerable});return t};var D=t=>h(p({},"__esModule",{value:!0}),t);var w={};P(w,{alertDialogContentPropDefs:()=>x});module.exports=D(w);var n={asChild:{type:"boolean"}};var s={width:{type:"string",className:"rt-r-w",customProperties:["--width"],responsive:!0},minWidth:{type:"string",className:"rt-r-min-w",customProperties:["--min-width"],responsive:!0},maxWidth:{type:"string",className:"rt-r-max-w",customProperties:["--max-width"],responsive:!0}};var a={height:{type:"string",className:"rt-r-h",customProperties:["--height"],responsive:!0},minHeight:{type:"string",className:"rt-r-min-h",customProperties:["--min-height"],responsive:!0},maxHeight:{type:"string",className:"rt-r-max-h",customProperties:["--max-height"],responsive:!0}};var g=["1","2","3","4"],u=["solid","translucent"],c=["solid","translucent"],f={...n,align:{type:"enum",className:"rt-r-align",values:["start","center"],default:"center"},size:{type:"enum",className:"rt-r-size",values:g,default:"3",responsive:!0},panelBackground:{type:"enum",values:u,default:void 0},material:{type:"enum",values:c,default:void 0},width:s.width,minWidth:s.minWidth,maxWidth:{...s.maxWidth,default:"600px"},...a};var y=["solid","translucent"],x={...f,material:{type:"enum",values:y,default:void 0}};
+//# sourceMappingURL=alert-dialog.props.js.map

package/dist/cjs/components/alert-dialog.props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/alert-dialog.props.tsx", "../../../src/props/as-child.prop.ts", "../../../src/props/width.props.ts", "../../../src/props/height.props.ts", "../../../src/components/dialog.props.tsx"],
+  "sourcesContent": ["import { dialogContentPropDefs } from './dialog.props.js';\nimport type { PropDef, GetPropDefTypes } from '../props/prop-def.js';\n\nconst materials = ['solid', 'translucent'] as const;\n\nconst alertDialogContentPropDefs = {\n  ...dialogContentPropDefs,\n  material: { type: 'enum', values: materials, default: undefined },\n} satisfies {\n  align: PropDef<'start' | 'center'>;\n  size: PropDef<'1' | '2' | '3' | '4'>;\n  panelBackground: PropDef<'solid' | 'translucent' | undefined>;\n  width: PropDef<string>;\n  minWidth: PropDef<string>;\n  maxWidth: PropDef<string>;\n  material: PropDef<'solid' | 'translucent' | undefined>;\n};\n\ntype AlertDialogContentOwnProps = GetPropDefTypes<typeof alertDialogContentPropDefs>;\n\nexport { alertDialogContentPropDefs };\nexport type { AlertDialogContentOwnProps };\n", "import type { PropDef } from './prop-def.js';\n\nconst asChildPropDef = {\n  /**\n   * Composes the component into its immediate child instead of rendering its own HTML element.\n   * You\u2019ll have to provide a single React Element child.\n   */\n  asChild: {\n    type: 'boolean',\n  },\n} satisfies {\n  asChild: PropDef<boolean>;\n};\n\nexport { asChildPropDef };\n", "import type { GetPropDefTypes, PropDef } from './prop-def.js';\n\nconst widthPropDefs = {\n  /**\n   * Sets the CSS **width** property.\n   * Supports CSS strings and responsive objects.\n   *\n   * @example\n   * width=\"100px\"\n   * width={{ md: '100vw', xl: '1400px' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/width\n   */\n  width: {\n    type: 'string',\n    className: 'rt-r-w',\n    customProperties: ['--width'],\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **min-width** property.\n   * Supports CSS strings and responsive objects.\n   *\n   * @example\n   * minWidth=\"100px\"\n   * minWidth={{ md: '100vw', xl: '1400px' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/min-width\n   */\n  minWidth: {\n    type: 'string',\n    className: 'rt-r-min-w',\n    customProperties: ['--min-width'],\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **max-width** property.\n   * Supports CSS strings and responsive objects.\n   *\n   * @example\n   * maxWidth=\"100px\"\n   * maxWidth={{ md: '100vw', xl: '1400px' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/max-width\n   */\n  maxWidth: {\n    type: 'string',\n    className: 'rt-r-max-w',\n    customProperties: ['--max-width'],\n    responsive: true,\n  },\n} satisfies {\n  width: PropDef<string>;\n  minWidth: PropDef<string>;\n  maxWidth: PropDef<string>;\n};\n\ntype WidthProps = GetPropDefTypes<typeof widthPropDefs>;\n\nexport { widthPropDefs };\nexport type { WidthProps };\n", "import type { PropDef, GetPropDefTypes } from './prop-def.js';\n\nconst heightPropDefs = {\n  /**\n   * Sets the CSS **height** property.\n   * Supports CSS strings and responsive objects.\n   *\n   * @example\n   * height=\"100px\"\n   * height={{ md: '100vh', xl: '600px' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/height\n   */\n  height: {\n    type: 'string',\n    className: 'rt-r-h',\n    customProperties: ['--height'],\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **min-height** property.\n   * Supports CSS strings and responsive objects.\n   *\n   * @example\n   * minHeight=\"100px\"\n   * minHeight={{ md: '100vh', xl: '600px' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/min-height\n   */\n  minHeight: {\n    type: 'string',\n    className: 'rt-r-min-h',\n    customProperties: ['--min-height'],\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **max-height** property.\n   * Supports CSS strings and responsive objects.\n   *\n   * @example\n   * maxHeight=\"100px\"\n   * maxHeight={{ md: '100vh', xl: '600px' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/max-height\n   */\n  maxHeight: {\n    type: 'string',\n    className: 'rt-r-max-h',\n    customProperties: ['--max-height'],\n    responsive: true,\n  },\n} satisfies {\n  height: PropDef<string>;\n  minHeight: PropDef<string>;\n  maxHeight: PropDef<string>;\n};\n\ntype HeightProps = GetPropDefTypes<typeof heightPropDefs>;\n\nexport { heightPropDefs };\nexport type { HeightProps };\n", "import { asChildPropDef } from '../props/as-child.prop.js';\nimport { widthPropDefs } from '../props/width.props.js';\nimport { heightPropDefs } from '../props/height.props.js';\n\nimport type { PropDef, GetPropDefTypes } from '../props/prop-def.js';\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst alignValues = ['start', 'center'] as const;\nconst contentSizes = ['1', '2', '3', '4'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\nconst materials = ['solid', 'translucent'] as const;\n\nconst dialogContentPropDefs = {\n  ...asChildPropDef,\n  align: {\n    type: 'enum',\n    className: 'rt-r-align',\n    values: ['start', 'center'],\n    default: 'center',\n  },\n  size: {\n    type: 'enum',\n    className: 'rt-r-size',\n    values: contentSizes,\n    default: '3',\n    responsive: true,\n  },\n  panelBackground: { type: 'enum', values: panelBackgrounds, default: undefined },\n  material: { type: 'enum', values: materials, default: undefined },\n  width: widthPropDefs.width,\n  minWidth: widthPropDefs.minWidth,\n  maxWidth: { ...widthPropDefs.maxWidth, default: '600px' },\n  ...heightPropDefs,\n} satisfies {\n  align: PropDef<(typeof alignValues)[number]>;\n  size: PropDef<(typeof contentSizes)[number]>;\n  panelBackground: PropDef<(typeof panelBackgrounds)[number] | undefined>;\n  material: PropDef<(typeof materials)[number] | undefined>;\n  width: PropDef<string>;\n  minWidth: PropDef<string>;\n  maxWidth: PropDef<string>;\n};\n\ntype DialogContentOwnProps = GetPropDefTypes<\n  typeof dialogContentPropDefs & typeof asChildPropDef & typeof widthPropDefs\n>;\n\nexport { dialogContentPropDefs };\nexport type { DialogContentOwnProps };\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,gCAAAE,IAAA,eAAAC,EAAAH,GCEA,IAAMI,EAAiB,CAKrB,QAAS,CACP,KAAM,SACR,CACF,ECRA,IAAMC,EAAgB,CAYpB,MAAO,CACL,KAAM,SACN,UAAW,SACX,iBAAkB,CAAC,SAAS,EAC5B,WAAY,EACd,EAYA,SAAU,CACR,KAAM,SACN,UAAW,aACX,iBAAkB,CAAC,aAAa,EAChC,WAAY,EACd,EAYA,SAAU,CACR,KAAM,SACN,UAAW,aACX,iBAAkB,CAAC,aAAa,EAChC,WAAY,EACd,CACF,ECpDA,IAAMC,EAAiB,CAYrB,OAAQ,CACN,KAAM,SACN,UAAW,SACX,iBAAkB,CAAC,UAAU,EAC7B,WAAY,EACd,EAYA,UAAW,CACT,KAAM,SACN,UAAW,aACX,iBAAkB,CAAC,cAAc,EACjC,WAAY,EACd,EAYA,UAAW,CACT,KAAM,SACN,UAAW,aACX,iBAAkB,CAAC,cAAc,EACjC,WAAY,EACd,CACF,EC9CA,IAAMC,EAAe,CAAC,IAAK,IAAK,IAAK,GAAG,EAClCC,EAAmB,CAAC,QAAS,aAAa,EAC1CC,EAAY,CAAC,QAAS,aAAa,EAEnCC,EAAwB,CAC5B,GAAGC,EACH,MAAO,CACL,KAAM,OACN,UAAW,aACX,OAAQ,CAAC,QAAS,QAAQ,EAC1B,QAAS,QACX,EACA,KAAM,CACJ,KAAM,OACN,UAAW,YACX,OAAQJ,EACR,QAAS,IACT,WAAY,EACd,EACA,gBAAiB,CAAE,KAAM,OAAQ,OAAQC,EAAkB,QAAS,MAAU,EAC9E,SAAU,CAAE,KAAM,OAAQ,OAAQC,EAAW,QAAS,MAAU,EAChE,MAAOG,EAAc,MACrB,SAAUA,EAAc,SACxB,SAAU,CAAE,GAAGA,EAAc,SAAU,QAAS,OAAQ,EACxD,GAAGC,CACL,EJ9BA,IAAMC,EAAY,CAAC,QAAS,aAAa,EAEnCC,EAA6B,CACjC,GAAGC,EACH,SAAU,CAAE,KAAM,OAAQ,OAAQF,EAAW,QAAS,MAAU,CAClE",
+  "names": ["alert_dialog_props_exports", "__export", "alertDialogContentPropDefs", "__toCommonJS", "asChildPropDef", "widthPropDefs", "heightPropDefs", "contentSizes", "panelBackgrounds", "materials", "dialogContentPropDefs", "asChildPropDef", "widthPropDefs", "heightPropDefs", "materials", "alertDialogContentPropDefs", "dialogContentPropDefs"]
+}

package/dist/cjs/components/aspect-ratio.d.ts

@@ -0,0 +1,4 @@
+import { AspectRatio as AspectRatioPrimitive } from 'radix-ui';
+export declare const AspectRatio: import("react").ForwardRefExoticComponent<AspectRatioPrimitive.AspectRatioProps & import("react").RefAttributes<HTMLDivElement>>;
+export type AspectRatioProps = AspectRatioPrimitive.AspectRatioProps;
+//# sourceMappingURL=aspect-ratio.d.ts.map

package/dist/cjs/components/aspect-ratio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"aspect-ratio.d.ts","sourceRoot":"","sources":["../../../src/components/aspect-ratio.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAC/D,eAAO,MAAM,WAAW,kIAA4B,CAAC;AACrD,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,CAAC,gBAAgB,CAAC"}

package/dist/cjs/components/aspect-ratio.js

@@ -0,0 +1,2 @@
+"use strict";var e=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var R=Object.prototype.hasOwnProperty;var A=(o,t)=>{for(var p in t)e(o,p,{get:t[p],enumerable:!0})},m=(o,t,p,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of c(t))!R.call(o,i)&&i!==p&&e(o,i,{get:()=>t[i],enumerable:!(s=a(t,i))||s.enumerable});return o};var P=o=>m(e({},"__esModule",{value:!0}),o);var x={};A(x,{AspectRatio:()=>v});module.exports=P(x);var r=require("radix-ui"),v=r.AspectRatio.Root;
+//# sourceMappingURL=aspect-ratio.js.map

package/dist/cjs/components/aspect-ratio.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/aspect-ratio.tsx"],
+  "sourcesContent": ["import { AspectRatio as AspectRatioPrimitive } from 'radix-ui';\nexport const AspectRatio = AspectRatioPrimitive.Root;\nexport type AspectRatioProps = AspectRatioPrimitive.AspectRatioProps;\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,iBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAoD,oBACvCF,EAAc,EAAAG,YAAqB",
+  "names": ["aspect_ratio_exports", "__export", "AspectRatio", "__toCommonJS", "import_radix_ui", "AspectRatioPrimitive"]
+}

package/dist/cjs/components/avatar.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { Avatar as AvatarPrimitive } from 'radix-ui';
+import { avatarPropDefs } from './avatar.props.js';
+import type { MarginProps } from '../props/margin.props.js';
+import type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';
+import type { GetPropDefTypes } from '../props/prop-def.js';
+interface AvatarProps extends MarginProps, AvatarImplProps {
+}
+declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLImageElement>>;
+type AvatarOwnProps = GetPropDefTypes<typeof avatarPropDefs>;
+interface AvatarImplProps extends ComponentPropsWithout<typeof AvatarPrimitive.Image, RemovedProps>, AvatarOwnProps {
+    fallback: NonNullable<AvatarOwnProps['fallback']>;
+}
+export { Avatar };
+export type { AvatarProps };
+//# sourceMappingURL=avatar.d.ts.map

package/dist/cjs/components/avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../src/components/avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AAErD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAKnD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACzF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAE5D,UAAU,WAAY,SAAQ,WAAW,EAAE,eAAe;CAAG;AAC7D,QAAA,MAAM,MAAM,sFAuDV,CAAC;AAIH,KAAK,cAAc,GAAG,eAAe,CAAC,OAAO,cAAc,CAAC,CAAC;AAE7D,UAAU,eACR,SAAQ,qBAAqB,CAAC,OAAO,eAAe,CAAC,KAAK,EAAE,YAAY,CAAC,EACvE,cAAc;IAEhB,QAAQ,EAAE,WAAW,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC,CAAC;CACnD;AA6CD,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,YAAY,EAAE,WAAW,EAAE,CAAC"}

package/dist/cjs/components/avatar.js

@@ -0,0 +1,2 @@
+"use strict";"use client";var z=Object.create;var g=Object.defineProperty;var F=Object.getOwnPropertyDescriptor;var M=Object.getOwnPropertyNames;var W=Object.getPrototypeOf,L=Object.prototype.hasOwnProperty;var _=(t,e)=>{for(var r in e)g(t,r,{get:e[r],enumerable:!0})},S=(t,e,r,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of M(e))!L.call(t,s)&&s!==r&&g(t,s,{get:()=>e[s],enumerable:!(a=F(e,s))||a.enumerable});return t};var P=(t,e,r)=>(r=t!=null?z(W(t)):{},S(e||!t||!t.__esModule?g(r,"default",{value:t,enumerable:!0}):r,t)),H=t=>S(g({},"__esModule",{value:!0}),t);var oe={};_(oe,{Avatar:()=>$});module.exports=H(oe);var l=P(require("react")),x=P(require("classnames")),D=require("radix-ui");var A={asChild:{type:"boolean"}};var R=["gray","gold","bronze","brown","yellow","amber","orange","tomato","red","ruby","crimson","pink","plum","purple","violet","iris","indigo","blue","cyan","teal","jade","green","grass","lime","mint","sky"];var k={color:{type:"enum",values:R,default:""}};var V={highContrast:{type:"boolean",className:"rt-high-contrast",default:void 0}};var J=["none","small","medium","large","full"],O={radius:{type:"enum",values:J,default:void 0}};var Q=["1","2","3","4","5","6","7","8","9","10","11","12"],X=["classic","solid","soft","surface","outline"],Y=["solid","translucent"],Z=["solid","translucent"],ee=["cover","contain","fill","scale-down","none"],j={...A,size:{type:"enum",className:"rt-r-size",values:Q,default:"3",responsive:!0},variant:{type:"enum",className:"rt-variant",values:X,default:"soft"},...k,...V,...O,fallback:{type:"ReactNode",required:!0},material:{type:"enum",values:Z,default:void 0},panelBackground:{type:"enum",values:Y,default:void 0},status:{type:"enum",values:R,default:void 0},badge:{type:"ReactNode",default:void 0},fit:{type:"enum",className:"rt-r-fit",values:ee,default:"cover",responsive:!0}};var y=P(require("classnames"));var te=["initial","xs","sm","md","lg","xl"],N=new Set(te);function h(t,e){return Object.prototype.hasOwnProperty.call(t,e)}var re=new Set(["initial","xs","sm","md","lg","xl"]);function m(t){if(typeof t!="object"||t===null)return!1;for(let e in t)if(re.has(e))return!0;return!1}function E({className:t,customProperties:e,...r}){let a=C({allowArbitraryValues:!0,className:t,...r}),s=se({customProperties:e,...r});return[a,s]}function C({allowArbitraryValues:t,value:e,className:r,propValues:a,parseValue:s=i=>i}){let i=[];if(e){if(typeof e=="string"&&a.includes(e))return w(r,e,s);if(m(e)){let p=e;for(let o in p){if(!h(p,o)||!N.has(o))continue;let n=p[o];if(n!==void 0){if(a.includes(n)){let f=w(r,n,s),u=o==="initial"?f:`${o}:${f}`;i.push(u)}else if(t){let f=o==="initial"?r:`${o}:${r}`;i.push(f)}}}return i.join(" ")}if(t)return r}}function w(t,e,r){let a=t?"-":"",s=r(e),i=s?.startsWith("-"),p=i?"-":"",o=i?s?.substring(1):s;return`${p}${t}${a}${o}`}function se({customProperties:t,value:e,propValues:r,parseValue:a=s=>s}){let s={};if(!(!e||typeof e=="string"&&r.includes(e))){if(typeof e=="string"&&(s=Object.fromEntries(t.map(i=>[i,e]))),m(e)){let i=e;for(let p in i){if(!h(i,p)||!N.has(p))continue;let o=i[p];if(!r.includes(o))for(let n of t){let f=p==="initial"?n:`${n}-${p}`;s[f]=o}}}for(let i in s){let p=s[i];p!==void 0&&(s[i]=a(p))}return s}}function T(...t){let e;for(let r of t)r&&(e===void 0&&(e={}),Object.assign(e,r));return e}function ne(...t){return Object.assign({},...t)}function I(t,...e){let r,a,s={...t},i=ne(...e);for(let p in i){let o=s[p],n=i[p];if(n.default!==void 0&&o===void 0&&(o=n.default),n.type==="enum"&&![n.default,...n.values].includes(o)&&!m(o)&&(o=n.default),s[p]=o,"className"in n&&n.className){delete s[p];let f="responsive"in n;if(!o||m(o)&&!f)continue;if(m(o)&&(n.default!==void 0&&o.initial===void 0&&(o.initial=n.default),n.type==="enum"&&([n.default,...n.values].includes(o.initial)||(o.initial=n.default))),n.type==="enum"){let u=C({allowArbitraryValues:!1,value:o,className:n.className,propValues:n.values,parseValue:n.parseValue});r=(0,y.default)(r,u);continue}if(n.type==="string"||n.type==="enum | string"){let u=n.type==="string"?[]:n.values,[c,b]=E({className:n.className,customProperties:n.customProperties,propValues:u,parseValue:n.parseValue,value:o});a=T(a,b),r=(0,y.default)(r,c);continue}if(n.type==="boolean"&&o){r=(0,y.default)(r,n.className);continue}}}return s.className=(0,y.default)(r,t.className),s.style=T(a,t.style),s}var v=P(require("react"));function B(t,e){let{asChild:r,children:a}=t;if(!r)return typeof e=="function"?e(a):e;let s=v.Children.only(a);return v.cloneElement(s,{children:typeof e=="function"?e(s.props.children):e})}var d=["0","1","2","3","4","5","6","7","8","9","10","11","12","-1","-2","-3","-4","-5","-6","-7","-8","-9","-10","-11","-12"],G={m:{type:"enum | string",values:d,responsive:!0,className:"rt-r-m",customProperties:["--m"]},mx:{type:"enum | string",values:d,responsive:!0,className:"rt-r-mx",customProperties:["--ml","--mr"]},my:{type:"enum | string",values:d,responsive:!0,className:"rt-r-my",customProperties:["--mt","--mb"]},mt:{type:"enum | string",values:d,responsive:!0,className:"rt-r-mt",customProperties:["--mt"]},mr:{type:"enum | string",values:d,responsive:!0,className:"rt-r-mr",customProperties:["--mr"]},mb:{type:"enum | string",values:d,responsive:!0,className:"rt-r-mb",customProperties:["--mb"]},ml:{type:"enum | string",values:d,responsive:!0,className:"rt-r-ml",customProperties:["--ml"]}};var $=l.forwardRef((t,e)=>{let{asChild:r,children:a,className:s,style:i,color:p,radius:o,material:n,panelBackground:f,status:u,badge:c,...b}=I(t,j,G),U=r&&a!=null&&l.isValidElement(a)&&(a.props.disabled===!0||a.props["data-disabled"]===!0),q=c!==void 0||u!==void 0;return l.createElement(D.Avatar.Root,{"data-accent-color":p,"data-radius":o,"data-material":n,"data-panel-background":f,"data-disabled":U||void 0,"data-has-indicator":q||void 0,className:(0,x.default)("rt-reset","rt-AvatarRoot",s),style:i,asChild:r},B({asChild:r,children:a},l.createElement(K,{ref:e,...b})),c!==void 0?l.createElement("span",{className:"rt-AvatarBadge"},c):u!==void 0?l.createElement("span",{className:"rt-AvatarStatus","data-accent-color":u}):null)});$.displayName="Avatar";var K=l.memo(l.forwardRef(({fallback:t,onLoadingStatusChange:e,...r},a)=>{let[s,i]=l.useState("idle"),p=l.useCallback(o=>{e?.(o),i(o)},[e]);return l.createElement(l.Fragment,null,s==="idle"||s==="loading"?l.createElement("span",{className:"rt-AvatarFallback"}):null,s==="error"?l.createElement(D.Avatar.Fallback,{className:(0,x.default)("rt-AvatarFallback",{"rt-one-letter":typeof t=="string"&&t.length===1,"rt-two-letters":typeof t=="string"&&t.length===2}),delayMs:0},t):null,l.createElement(D.Avatar.Image,{ref:a,className:"rt-AvatarImage",...r,onLoadingStatusChange:p}))}));K.displayName="AvatarImpl";
+//# sourceMappingURL=avatar.js.map

package/dist/cjs/components/avatar.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/avatar.tsx", "../../../src/props/as-child.prop.ts", "../../../src/props/color.prop.ts", "../../../src/props/high-contrast.prop.ts", "../../../src/props/radius.prop.ts", "../../../src/components/avatar.props.tsx", "../../../src/helpers/extract-props.ts", "../../../src/props/prop-def.ts", "../../../src/helpers/has-own-property.ts", "../../../src/helpers/is-responsive-object.ts", "../../../src/helpers/get-responsive-styles.ts", "../../../src/helpers/merge-styles.ts", "../../../src/helpers/get-subtree.ts", "../../../src/props/margin.props.ts"],
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { Avatar as AvatarPrimitive } from 'radix-ui';\n\nimport { avatarPropDefs } from './avatar.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { getSubtree } from '../helpers/get-subtree.js';\nimport { marginPropDefs } from '../props/margin.props.js';\n\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ninterface AvatarProps extends MarginProps, AvatarImplProps {}\nconst Avatar = React.forwardRef<AvatarImplElement, AvatarProps>((props, forwardedRef) => {\n  const {\n    asChild,\n    children,\n    className,\n    style,\n    color,\n    radius,\n    material,\n    panelBackground,\n    status,\n    badge,\n    ...imageProps\n  } = extractProps(props, avatarPropDefs, marginPropDefs);\n\n  if (process.env.NODE_ENV !== 'production') {\n    if (status !== undefined && badge !== undefined) {\n      console.warn(\n        'Avatar: Cannot use both `status` and `badge` props together. ' +\n          'The `badge` prop will be used and `status` will be ignored.'\n      );\n    }\n  }\n\n  // Cheap boolean checks \u2014 no memoization needed\n  const isDisabled =\n    asChild &&\n    children != null &&\n    React.isValidElement(children) &&\n    ((children.props as any).disabled === true ||\n      (children.props as any)['data-disabled'] === true);\n\n  const hasIndicator = badge !== undefined || status !== undefined;\n\n  return (\n    // TODO as a rule, should we rather spread the props on root?\n    <AvatarPrimitive.Root\n      data-accent-color={color}\n      data-radius={radius}\n      data-material={material}\n      data-panel-background={panelBackground}\n      data-disabled={isDisabled || undefined}\n      data-has-indicator={hasIndicator || undefined}\n      className={classNames('rt-reset', 'rt-AvatarRoot', className)}\n      style={style}\n      asChild={asChild}\n    >\n      {getSubtree({ asChild, children }, <AvatarImpl ref={forwardedRef} {...imageProps} />)}\n      {badge !== undefined ? (\n        <span className=\"rt-AvatarBadge\">{badge}</span>\n      ) : status !== undefined ? (\n        <span className=\"rt-AvatarStatus\" data-accent-color={status} />\n      ) : null}\n    </AvatarPrimitive.Root>\n  );\n});\nAvatar.displayName = 'Avatar';\n\ntype AvatarImplElement = React.ElementRef<typeof AvatarPrimitive.Image>;\ntype AvatarOwnProps = GetPropDefTypes<typeof avatarPropDefs>;\n\ninterface AvatarImplProps\n  extends ComponentPropsWithout<typeof AvatarPrimitive.Image, RemovedProps>,\n    AvatarOwnProps {\n  // TODO: See if we can automate making prop defs with `required: true` non nullable\n  fallback: NonNullable<AvatarOwnProps['fallback']>;\n}\n\nconst AvatarImpl = React.memo(\n  React.forwardRef<AvatarImplElement, AvatarImplProps>(\n    ({ fallback, onLoadingStatusChange, ...imageProps }, forwardedRef) => {\n      const [status, setStatus] = React.useState<'idle' | 'loading' | 'loaded' | 'error'>('idle');\n\n      const handleLoadingStatusChange = React.useCallback(\n        (newStatus: 'idle' | 'loading' | 'loaded' | 'error') => {\n          onLoadingStatusChange?.(newStatus);\n          setStatus(newStatus);\n        },\n        [onLoadingStatusChange],\n      );\n\n      return (\n        <>\n          {status === 'idle' || status === 'loading' ? <span className=\"rt-AvatarFallback\" /> : null}\n\n          {status === 'error' ? (\n            <AvatarPrimitive.Fallback\n              className={classNames('rt-AvatarFallback', {\n                'rt-one-letter': typeof fallback === 'string' && fallback.length === 1,\n                'rt-two-letters': typeof fallback === 'string' && fallback.length === 2,\n              })}\n              delayMs={0}\n            >\n              {fallback}\n            </AvatarPrimitive.Fallback>\n          ) : null}\n\n          <AvatarPrimitive.Image\n            ref={forwardedRef}\n            className=\"rt-AvatarImage\"\n            {...imageProps}\n            onLoadingStatusChange={handleLoadingStatusChange}\n          />\n        </>\n      );\n    },\n  ),\n);\n\nAvatarImpl.displayName = 'AvatarImpl';\n\nexport { Avatar };\nexport type { AvatarProps };\n", "import type { PropDef } from './prop-def.js';\n\nconst asChildPropDef = {\n  /**\n   * Composes the component into its immediate child instead of rendering its own HTML element.\n   * You\u2019ll have to provide a single React Element child.\n   */\n  asChild: {\n    type: 'boolean',\n  },\n} satisfies {\n  asChild: PropDef<boolean>;\n};\n\nexport { asChildPropDef };\n", "import type { PropDef } from './prop-def.js';\n\n// prettier-ignore\nconst accentColors = ['gray', 'gold', 'bronze', 'brown', 'yellow', 'amber', 'orange', 'tomato', 'red', 'ruby', 'crimson', 'pink', 'plum', 'purple', 'violet', 'iris', 'indigo', 'blue', 'cyan', 'teal', 'jade', 'green', 'grass', 'lime', 'mint', 'sky'] as const;\n\nconst grayColors = ['auto', 'gray', 'mauve', 'slate', 'sage', 'olive', 'sand'] as const;\n\nconst colorPropDef = {\n  color: {\n    type: 'enum',\n    values: accentColors,\n    default: undefined as (typeof accentColors)[number] | undefined,\n  },\n} satisfies {\n  color: PropDef<(typeof accentColors)[number]>;\n};\n\n// 1. When used on components that compose Text, sets the color of the text to the current accent.\n// 2. Defines accent color for descendant text components\u00A0with `highContrast={true}`.\nconst accentColorPropDef = {\n  color: {\n    type: 'enum',\n    values: accentColors,\n    default: '' as (typeof accentColors)[number],\n  },\n} satisfies {\n  color: PropDef<(typeof accentColors)[number]>;\n};\n\nexport {\n  accentColorPropDef,\n  colorPropDef,\n  //\n  accentColors,\n  grayColors,\n};\n", "import type { PropDef } from './prop-def.js';\n\nconst highContrastPropDef = {\n  highContrast: {\n    type: 'boolean',\n    className: 'rt-high-contrast',\n    default: undefined,\n  },\n} satisfies {\n  highContrast: PropDef<boolean>;\n};\n\nexport { highContrastPropDef };\n", "import type { PropDef } from './prop-def.js';\n\nconst radii = ['none', 'small', 'medium', 'large', 'full'] as const;\n\nconst radiusPropDef = {\n  radius: {\n    type: 'enum',\n    values: radii,\n    default: undefined,\n  },\n} satisfies {\n  radius: PropDef<(typeof radii)[number]>;\n};\n\nexport { radiusPropDef, radii };\n", "import { asChildPropDef } from '../props/as-child.prop.js';\nimport { accentColorPropDef, accentColors } from '../props/color.prop.js';\nimport { highContrastPropDef } from '../props/high-contrast.prop.js';\nimport { radiusPropDef } from '../props/radius.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'] as const;\nconst variants = ['classic', 'solid', 'soft', 'surface', 'outline'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\nconst materials = ['solid', 'translucent'] as const;\nconst objectFitValues = ['cover', 'contain', 'fill', 'scale-down', 'none'] as const;\n\nconst avatarPropDefs = {\n  ...asChildPropDef,\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '3', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'soft' },\n  ...accentColorPropDef,\n  ...highContrastPropDef,\n  ...radiusPropDef,\n  fallback: { type: 'ReactNode', required: true },\n  material: { type: 'enum', values: materials, default: undefined },\n  /**\n   * @deprecated Use `material` prop instead. This prop will be removed in a future version.\n   */\n  panelBackground: { type: 'enum', values: panelBackgrounds, default: undefined },\n  /**\n   * Status indicator color. Renders a small colored dot at the bottom-right corner.\n   * Cannot be used together with `badge`.\n   */\n  status: { type: 'enum', values: accentColors, default: undefined },\n  /**\n   * Custom badge content. Renders at the bottom-right corner.\n   * Cannot be used together with `status`.\n   */\n  badge: { type: 'ReactNode', default: undefined },\n  /**\n   * Controls how the avatar image should be resized to fit its container.\n   * Defaults to 'cover' which crops the image to fill the avatar.\n   * Use 'contain' to show the full image without cropping.\n   */\n  fit: { type: 'enum', className: 'rt-r-fit', values: objectFitValues, default: 'cover', responsive: true },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  fallback: PropDef<React.ReactNode>;\n  material: PropDef<(typeof materials)[number] | undefined>;\n  panelBackground: PropDef<(typeof panelBackgrounds)[number] | undefined>;\n  status: PropDef<(typeof accentColors)[number] | undefined>;\n  badge: PropDef<React.ReactNode>;\n  fit: PropDef<(typeof objectFitValues)[number]>;\n};\n\nexport { avatarPropDefs };\n", "import classNames from 'classnames';\n\nimport { getResponsiveClassNames, getResponsiveStyles } from './get-responsive-styles.js';\nimport { isResponsiveObject } from './is-responsive-object.js';\nimport { mergeStyles } from './merge-styles.js';\n\nimport type * as React from 'react';\nimport type { PropDef } from '../props/prop-def.js';\n\ntype PropDefsWithClassName<T> = T extends Record<string, PropDef>\n  ? { [K in keyof T]: T[K] extends { className: string } ? K : never }[keyof T]\n  : never;\n\nfunction mergePropDefs<T extends Record<string, PropDef>[]>(...args: T): Record<string, PropDef> {\n  return Object.assign({}, ...args);\n}\n\n/**\n * Takes props, checks them against prop defs that have a `className` on them,\n * adds necessary CSS classes and inline styles, and returns the props without\n * the corresponding prop defs that were used to formulate the new `className`\n * and `style` values. Also applies prop def defaults to every prop.\n */\nfunction extractProps<\n  P extends { className?: string; style?: React.CSSProperties; [key: string]: any },\n  T extends Record<string, PropDef>[]\n>(\n  props: P,\n  ...propDefs: T\n): Omit<P & { className?: string; style?: React.CSSProperties }, PropDefsWithClassName<T[number]>> {\n  let className: string | undefined;\n  let style: ReturnType<typeof mergeStyles>;\n  const extractedProps = { ...props };\n  const allPropDefs = mergePropDefs(...propDefs);\n\n  for (const key in allPropDefs) {\n    let value = extractedProps[key];\n    const propDef = allPropDefs[key];\n\n    // Apply prop def defaults\n    if (propDef.default !== undefined && value === undefined) {\n      value = propDef.default;\n    }\n\n    // Apply the default value if the value is not a valid enum value\n    if (propDef.type === 'enum') {\n      const values = [propDef.default, ...propDef.values];\n\n      if (!values.includes(value) && !isResponsiveObject(value)) {\n        value = propDef.default;\n      }\n    }\n\n    // Apply the value with defaults\n    (extractedProps as Record<string, any>)[key] = value;\n\n    if ('className' in propDef && propDef.className) {\n      delete extractedProps[key];\n\n      const isResponsivePropDef = 'responsive' in propDef;\n      // Make sure we are not threading through responsive values for non-responsive prop defs\n      if (!value || (isResponsiveObject(value) && !isResponsivePropDef)) {\n        continue;\n      }\n\n      if (isResponsiveObject(value)) {\n        // Apply prop def defaults to the `initial` breakpoint\n        if (propDef.default !== undefined && value.initial === undefined) {\n          value.initial = propDef.default;\n        }\n\n        // Apply the default value to the `initial` breakpoint when it is not a valid enum value\n        if (propDef.type === 'enum') {\n          const values = [propDef.default, ...propDef.values];\n\n          if (!values.includes(value.initial)) {\n            value.initial = propDef.default;\n          }\n        }\n      }\n\n      if (propDef.type === 'enum') {\n        const propClassName = getResponsiveClassNames({\n          allowArbitraryValues: false,\n          value,\n          className: propDef.className,\n          propValues: propDef.values,\n          parseValue: propDef.parseValue,\n        });\n\n        className = classNames(className, propClassName);\n        continue;\n      }\n\n      if (propDef.type === 'string' || propDef.type === 'enum | string') {\n        const propDefValues = propDef.type === 'string' ? [] : propDef.values;\n\n        const [propClassNames, propCustomProperties] = getResponsiveStyles({\n          className: propDef.className,\n          customProperties: propDef.customProperties,\n          propValues: propDefValues,\n          parseValue: propDef.parseValue,\n          value,\n        });\n\n        style = mergeStyles(style, propCustomProperties);\n        className = classNames(className, propClassNames);\n        continue;\n      }\n\n      if (propDef.type === 'boolean' && value) {\n        // TODO handle responsive boolean props\n        className = classNames(className, propDef.className);\n        continue;\n      }\n    }\n  }\n\n  extractedProps.className = classNames(className, props.className);\n  extractedProps.style = mergeStyles(style, props.style);\n  return extractedProps;\n}\n\nexport { extractProps };\n", "import type React from 'react';\n\n// Creates a union type of string literals with strings, but retains intellisense for the literals.\n// Union<string, 'foo' | 'bar'> => string | Omit<string, 'foo' | 'bar'>\ntype Union<S = string, T extends string | number = string> = T | Omit<S, T>;\n\nconst breakpoints = ['initial', 'xs', 'sm', 'md', 'lg', 'xl'] as const;\nconst breakpointSet: Set<string> = new Set(breakpoints);\ntype Breakpoint = (typeof breakpoints)[number];\ntype Responsive<T> = T | Partial<Record<Breakpoint, T>>;\n\ntype BooleanPropDef = {\n  type: 'boolean';\n  default?: boolean;\n  required?: boolean;\n  className?: string;\n};\ntype StringPropDef = {\n  type: 'string';\n  default?: string;\n  required?: boolean;\n};\ntype ReactNodePropDef = {\n  type: 'ReactNode';\n  default?: React.ReactNode;\n  required?: boolean;\n};\ntype EnumPropDef<T> = {\n  type: 'enum';\n  values: readonly T[];\n  default?: T;\n  required?: boolean;\n};\ntype EnumOrStringPropDef<T> = {\n  type: 'enum | string';\n  values: readonly T[];\n  default?: T | string;\n  required?: boolean;\n};\n\ntype NonStylingPropDef = {\n  className?: never;\n  customProperties?: never;\n  parseValue?: never;\n};\n\ntype StylingPropDef = {\n  className: string;\n  parseValue?: (value: string) => string | undefined;\n};\n\ntype ArbitraryStylingPropDef = {\n  className: string;\n  customProperties: `--${string}`[];\n  parseValue?: (value: string) => string | undefined;\n};\n\ntype RegularPropDef<T> =\n  | ReactNodePropDef\n  | BooleanPropDef\n  | (StringPropDef & ArbitraryStylingPropDef)\n  | (StringPropDef & NonStylingPropDef)\n  | (EnumPropDef<T> & StylingPropDef)\n  | (EnumPropDef<T> & NonStylingPropDef)\n  | (EnumOrStringPropDef<T> & ArbitraryStylingPropDef)\n  | (EnumOrStringPropDef<T> & NonStylingPropDef);\ntype ResponsivePropDef<T = any> = RegularPropDef<T> & { responsive: true };\ntype PropDef<T = any> = RegularPropDef<T> | ResponsivePropDef<T>;\n\n// prettier-ignore\ntype GetPropDefType<Def> =\n    Def extends BooleanPropDef ? (Def extends ResponsivePropDef ? Responsive<boolean> : boolean)\n  : Def extends StringPropDef ? (Def extends ResponsivePropDef ? Responsive<string> : string)\n  : Def extends ReactNodePropDef ? (Def extends ResponsivePropDef ? Responsive<React.ReactNode> : React.ReactNode)\n  : Def extends EnumOrStringPropDef<infer Type> ?\n    Def extends ResponsivePropDef<infer Type extends string> ? Responsive<Union<string, Type>> : Type\n  : Def extends EnumPropDef<infer Type> ? (Def extends ResponsivePropDef<infer Type> ? Responsive<Type> : Type)\n  : never;\n\ntype GetPropDefTypes<P> = {\n  [K in keyof P]?: GetPropDefType<P[K]>;\n};\n\nexport { breakpoints, breakpointSet };\nexport type {\n  PropDef,\n  GetPropDefTypes,\n  ResponsivePropDef,\n  //\n  Breakpoint,\n  Responsive,\n  Union,\n};\n", "/** A util to check whether the object has a key, while inferring the correct key type */\nfunction hasOwnProperty<K extends string | number | symbol>(\n  obj: Record<K, unknown>,\n  key: string | number | symbol\n): key is K {\n  return Object.prototype.hasOwnProperty.call(obj, key);\n}\n\nexport { hasOwnProperty };\n", "import type { Responsive, Breakpoint } from '../props/prop-def.js';\n\n// Use a Set for O(1) lookup instead of array.includes() which is O(n)\nconst breakpointSet = new Set<string>(['initial', 'xs', 'sm', 'md', 'lg', 'xl']);\n\nexport function isResponsiveObject<Value extends string>(\n  obj: Responsive<Value | Omit<string, Value>> | undefined\n): obj is Record<Breakpoint, string> {\n  if (typeof obj !== 'object' || obj === null) {\n    return false;\n  }\n  // Use for...in to avoid Object.keys() array allocation\n  for (const key in obj) {\n    if (breakpointSet.has(key)) {\n      return true;\n    }\n  }\n  return false;\n}\n", "import { breakpointSet } from '../props/prop-def.js';\nimport { hasOwnProperty } from './has-own-property.js';\nimport { isResponsiveObject } from './is-responsive-object.js';\n\nimport type { Responsive, Union } from '../props/prop-def.js';\n\ninterface GetResponsiveStylesOptions {\n  className: string;\n  customProperties: `--${string}`[];\n  value: Responsive<Union> | Responsive<string> | undefined;\n  propValues: string[] | readonly string[];\n  parseValue?: (value: string) => string | undefined;\n}\n\nfunction getResponsiveStyles({ className, customProperties, ...args }: GetResponsiveStylesOptions) {\n  const responsiveClassNames = getResponsiveClassNames({\n    allowArbitraryValues: true,\n    className,\n    ...args,\n  });\n\n  const responsiveCustomProperties = getResponsiveCustomProperties({ customProperties, ...args });\n  return [responsiveClassNames, responsiveCustomProperties] as const;\n}\n\ninterface GetResponsiveClassNamesOptions {\n  allowArbitraryValues?: boolean;\n  className: string;\n  value: Responsive<Union> | Responsive<string> | undefined;\n  propValues: string[] | readonly string[];\n  parseValue?: (value: string) => string | undefined;\n}\n\nfunction getResponsiveClassNames({\n  allowArbitraryValues,\n  value,\n  className,\n  propValues,\n  parseValue = (value) => value,\n}: GetResponsiveClassNamesOptions): string | undefined {\n  const classNames: string[] = [];\n\n  if (!value) {\n    return undefined;\n  }\n\n  if (typeof value === 'string' && propValues.includes(value)) {\n    return getBaseClassName(className, value, parseValue);\n  }\n\n  if (isResponsiveObject(value)) {\n    const object = value;\n\n    for (const bp in object) {\n      // Make sure we are not iterating over keys that aren't breakpoints\n      if (!hasOwnProperty(object, bp) || !breakpointSet.has(bp)) {\n        continue;\n      }\n\n      const value = object[bp];\n\n      if (value !== undefined) {\n        if (propValues.includes(value)) {\n          const baseClassName = getBaseClassName(className, value, parseValue);\n          const bpClassName = bp === 'initial' ? baseClassName : `${bp}:${baseClassName}`;\n          classNames.push(bpClassName);\n        } else if (allowArbitraryValues) {\n          const bpClassName = bp === 'initial' ? className : `${bp}:${className}`;\n          classNames.push(bpClassName);\n        }\n      }\n    }\n\n    return classNames.join(' ');\n  }\n\n  if (allowArbitraryValues) {\n    return className;\n  }\n}\n\nfunction getBaseClassName(\n  className: string,\n  value: string,\n  parseValue: (value: string) => string | undefined\n): string {\n  const delimiter = className ? '-' : '';\n  const matchedValue = parseValue(value);\n  const isNegative = matchedValue?.startsWith('-');\n  const minus = isNegative ? '-' : '';\n  const absoluteValue = isNegative ? matchedValue?.substring(1) : matchedValue;\n  return `${minus}${className}${delimiter}${absoluteValue}`;\n}\n\ninterface GetResponsiveCustomPropertiesOptions {\n  customProperties: `--${string}`[];\n  value: Responsive<Union> | Responsive<string> | undefined;\n  propValues: string[] | readonly string[];\n  parseValue?: (value: string) => string | undefined;\n}\n\nfunction getResponsiveCustomProperties({\n  customProperties,\n  value,\n  propValues,\n  parseValue = (value) => value,\n}: GetResponsiveCustomPropertiesOptions) {\n  let styles: Record<string, string | undefined> = {};\n\n  // Don't generate custom properties if the value is not arbitrary\n  if (!value || (typeof value === 'string' && propValues.includes(value))) {\n    return undefined;\n  }\n\n  if (typeof value === 'string') {\n    styles = Object.fromEntries(customProperties.map((prop) => [prop, value]));\n  }\n\n  if (isResponsiveObject(value)) {\n    const object = value;\n\n    for (const bp in object) {\n      // Make sure we are not iterating over keys that aren't breakpoints\n      if (!hasOwnProperty(object, bp) || !breakpointSet.has(bp)) {\n        continue;\n      }\n\n      const value = object[bp];\n\n      // Don't generate a custom property if the value is not arbitrary\n      if (propValues.includes(value)) {\n        continue;\n      }\n\n      for (const customProperty of customProperties) {\n        const bpProperty = bp === 'initial' ? customProperty : `${customProperty}-${bp}`;\n        styles[bpProperty] = value;\n      }\n    }\n  }\n\n  for (const key in styles) {\n    const value = styles[key];\n    if (value !== undefined) {\n      styles[key] = parseValue(value);\n    }\n  }\n\n  return styles;\n}\n\nexport { getResponsiveStyles, getResponsiveCustomProperties, getResponsiveClassNames };\n", "type InlineStyle =\n  | React.CSSProperties\n  | Record<string, string | number | null | undefined>\n  | undefined;\n\n// Merges CSS styles like `classNames` merges CSS classes\n// Optimized to avoid object spread in loop - uses Object.assign for in-place mutation\nexport function mergeStyles(...styles: Array<InlineStyle>): InlineStyle {\n  let result: Record<string, string | number | null | undefined> | undefined;\n\n  for (const style of styles) {\n    if (style) {\n      if (result === undefined) {\n        // First non-empty style - create result object\n        result = {};\n      }\n      Object.assign(result, style);\n    }\n  }\n\n  return result;\n}\n", "import * as React from 'react';\n\n/**\n * This is a helper function that is used when a component supports `asChild`\n * using the `Slot` component but its implementation contains nested DOM elements.\n *\n * Using it ensures if a consumer uses the `asChild` prop, the elements are in\n * correct order in the DOM, adopting the intended consumer `children`.\n */\nexport function getSubtree(\n  options: { asChild: boolean | undefined; children: React.ReactNode },\n  content: React.ReactNode | ((children: React.ReactNode) => React.ReactNode)\n) {\n  const { asChild, children } = options;\n  if (!asChild) return typeof content === 'function' ? content(children) : content;\n\n  const firstChild = React.Children.only(children) as React.ReactElement;\n  return React.cloneElement(firstChild, {\n    // @ts-expect-error\n    children: typeof content === 'function' ? content(firstChild.props.children) : content,\n  });\n}\n", "import type { PropDef, GetPropDefTypes } from './prop-def.js';\n\n// prettier-ignore\nconst marginValues = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '-1', '-2', '-3', '-4', '-5', '-6', '-7', '-8', '-9', '-10', '-11', '-12'] as const;\n\nconst marginPropDefs = {\n  /**\n   * Sets the CSS **margin** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * m=\"4\"\n   * m=\"100px\"\n   * m={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin\n   */\n  m: {\n    type: 'enum | string',\n    values: marginValues,\n    responsive: true,\n    className: 'rt-r-m',\n    customProperties: ['--m'],\n  },\n  /**\n   * Sets the CSS **margin-left** and **margin-right** properties.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * mx=\"4\"\n   * mx=\"100px\"\n   * mx={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-left\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-right\n   */\n  mx: {\n    type: 'enum | string',\n    values: marginValues,\n    responsive: true,\n    className: 'rt-r-mx',\n    customProperties: ['--ml', '--mr'],\n  },\n  /**\n   * Sets the CSS **margin-top** and **margin-bottom** properties.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * my=\"4\"\n   * my=\"100px\"\n   * my={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-top\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-bottom\n   */\n  my: {\n    type: 'enum | string',\n    values: marginValues,\n    responsive: true,\n    className: 'rt-r-my',\n    customProperties: ['--mt', '--mb'],\n  },\n  /**\n   * Sets the CSS **margin-top** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * mt=\"4\"\n   * mt=\"100px\"\n   * mt={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-top\n   */\n  mt: {\n    type: 'enum | string',\n    values: marginValues,\n    responsive: true,\n    className: 'rt-r-mt',\n    customProperties: ['--mt'],\n  },\n  /**\n   * Sets the CSS **margin-right** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * mr=\"4\"\n   * mr=\"100px\"\n   * mr={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-right\n   */\n  mr: {\n    type: 'enum | string',\n    values: marginValues,\n    responsive: true,\n    className: 'rt-r-mr',\n    customProperties: ['--mr'],\n  },\n  /**\n   * Sets the CSS **margin-bottom** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * mb=\"4\"\n   * mb=\"100px\"\n   * mb={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-bottom\n   */\n  mb: {\n    type: 'enum | string',\n    values: marginValues,\n    responsive: true,\n    className: 'rt-r-mb',\n    customProperties: ['--mb'],\n  },\n  /**\n   * Sets the CSS **margin-left** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * ml=\"4\"\n   * ml=\"100px\"\n   * ml={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-left\n   */\n  ml: {\n    type: 'enum | string',\n    values: marginValues,\n    responsive: true,\n    className: 'rt-r-ml',\n    customProperties: ['--ml'],\n  },\n} satisfies {\n  m: PropDef<(typeof marginValues)[number]>;\n  mx: PropDef<(typeof marginValues)[number]>;\n  my: PropDef<(typeof marginValues)[number]>;\n  mt: PropDef<(typeof marginValues)[number]>;\n  mr: PropDef<(typeof marginValues)[number]>;\n  mb: PropDef<(typeof marginValues)[number]>;\n  ml: PropDef<(typeof marginValues)[number]>;\n};\n\ntype MarginProps = GetPropDefTypes<typeof marginPropDefs>;\n\nexport { marginPropDefs };\nexport type { MarginProps };\n"],
+  "mappings": "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",
+  "names": ["avatar_exports", "__export", "Avatar", "__toCommonJS", "React", "import_classnames", "import_radix_ui", "asChildPropDef", "accentColors", "accentColorPropDef", "accentColors", "highContrastPropDef", "radii", "radiusPropDef", "sizes", "variants", "panelBackgrounds", "materials", "objectFitValues", "avatarPropDefs", "asChildPropDef", "accentColorPropDef", "highContrastPropDef", "radiusPropDef", "accentColors", "import_classnames", "breakpoints", "breakpointSet", "hasOwnProperty", "obj", "key", "breakpointSet", "isResponsiveObject", "obj", "key", "getResponsiveStyles", "className", "customProperties", "args", "responsiveClassNames", "getResponsiveClassNames", "responsiveCustomProperties", "getResponsiveCustomProperties", "allowArbitraryValues", "value", "propValues", "parseValue", "classNames", "getBaseClassName", "isResponsiveObject", "object", "bp", "hasOwnProperty", "breakpointSet", "baseClassName", "bpClassName", "delimiter", "matchedValue", "isNegative", "minus", "absoluteValue", "styles", "prop", "customProperty", "bpProperty", "key", "mergeStyles", "styles", "result", "style", "mergePropDefs", "args", "extractProps", "props", "propDefs", "className", "style", "extractedProps", "allPropDefs", "key", "value", "propDef", "isResponsiveObject", "isResponsivePropDef", "propClassName", "getResponsiveClassNames", "classNames", "propDefValues", "propClassNames", "propCustomProperties", "getResponsiveStyles", "mergeStyles", "React", "getSubtree", "options", "content", "asChild", "children", "firstChild", "marginValues", "marginPropDefs", "Avatar", "props", "forwardedRef", "asChild", "children", "className", "style", "color", "radius", "material", "panelBackground", "status", "badge", "imageProps", "extractProps", "avatarPropDefs", "marginPropDefs", "isDisabled", "hasIndicator", "AvatarPrimitive", "classNames", "getSubtree", "AvatarImpl", "fallback", "onLoadingStatusChange", "setStatus", "handleLoadingStatusChange", "newStatus"]
+}

package/dist/cjs/components/avatar.props.d.ts

@@ -0,0 +1,82 @@
+import { accentColors } from '../props/color.prop.js';
+declare const avatarPropDefs: {
+    fallback: {
+        type: "ReactNode";
+        required: true;
+    };
+    material: {
+        type: "enum";
+        values: readonly ["solid", "translucent"];
+        default: undefined;
+    };
+    /**
+     * @deprecated Use `material` prop instead. This prop will be removed in a future version.
+     */
+    panelBackground: {
+        type: "enum";
+        values: readonly ["solid", "translucent"];
+        default: undefined;
+    };
+    /**
+     * Status indicator color. Renders a small colored dot at the bottom-right corner.
+     * Cannot be used together with `badge`.
+     */
+    status: {
+        type: "enum";
+        values: readonly ["gray", "gold", "bronze", "brown", "yellow", "amber", "orange", "tomato", "red", "ruby", "crimson", "pink", "plum", "purple", "violet", "iris", "indigo", "blue", "cyan", "teal", "jade", "green", "grass", "lime", "mint", "sky"];
+        default: undefined;
+    };
+    /**
+     * Custom badge content. Renders at the bottom-right corner.
+     * Cannot be used together with `status`.
+     */
+    badge: {
+        type: "ReactNode";
+        default: undefined;
+    };
+    /**
+     * Controls how the avatar image should be resized to fit its container.
+     * Defaults to 'cover' which crops the image to fill the avatar.
+     * Use 'contain' to show the full image without cropping.
+     */
+    fit: {
+        type: "enum";
+        className: string;
+        values: readonly ["cover", "contain", "fill", "scale-down", "none"];
+        default: "cover";
+        responsive: true;
+    };
+    radius: {
+        type: "enum";
+        values: readonly ["none", "small", "medium", "large", "full"];
+        default: undefined;
+    };
+    highContrast: {
+        type: "boolean";
+        className: string;
+        default: undefined;
+    };
+    color: {
+        type: "enum";
+        values: readonly ["gray", "gold", "bronze", "brown", "yellow", "amber", "orange", "tomato", "red", "ruby", "crimson", "pink", "plum", "purple", "violet", "iris", "indigo", "blue", "cyan", "teal", "jade", "green", "grass", "lime", "mint", "sky"];
+        default: (typeof accentColors)[number];
+    };
+    size: {
+        type: "enum";
+        className: string;
+        values: readonly ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"];
+        default: "3";
+        responsive: true;
+    };
+    variant: {
+        type: "enum";
+        className: string;
+        values: readonly ["classic", "solid", "soft", "surface", "outline"];
+        default: "soft";
+    };
+    asChild: {
+        type: "boolean";
+    };
+};
+export { avatarPropDefs };
+//# sourceMappingURL=avatar.props.d.ts.map

package/dist/cjs/components/avatar.props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.props.d.ts","sourceRoot":"","sources":["../../../src/components/avatar.props.tsx"],"names":[],"mappings":"AACA,OAAO,EAAsB,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAY1E,QAAA,MAAM,cAAc;;;;;;;;;;IASlB;;OAEG;;;;;;IAEH;;;OAGG;;;;;;IAEH;;;OAGG;;;;;IAEH;;;;OAIG;;;;;;;;;;;;;;;;;;;;;kBAvBK,mBACN;;;;;;;;;;;;;;;;;;CAiCH,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/cjs/components/avatar.props.js

@@ -0,0 +1,2 @@
+"use strict";var a=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var m=(o,e)=>{for(var r in e)a(o,r,{get:e[r],enumerable:!0})},y=(o,e,r,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of c(e))!d.call(o,t)&&t!==r&&a(o,t,{get:()=>e[t],enumerable:!(n=u(e,t))||n.enumerable});return o};var D=o=>y(a({},"__esModule",{value:!0}),o);var k={};m(k,{avatarPropDefs:()=>j});module.exports=D(k);var p={asChild:{type:"boolean"}};var s=["gray","gold","bronze","brown","yellow","amber","orange","tomato","red","ruby","crimson","pink","plum","purple","violet","iris","indigo","blue","cyan","teal","jade","green","grass","lime","mint","sky"];var f={color:{type:"enum",values:s,default:""}};var i={highContrast:{type:"boolean",className:"rt-high-contrast",default:void 0}};var P=["none","small","medium","large","full"],l={radius:{type:"enum",values:P,default:void 0}};var b=["1","2","3","4","5","6","7","8","9","10","11","12"],v=["classic","solid","soft","surface","outline"],g=["solid","translucent"],C=["solid","translucent"],h=["cover","contain","fill","scale-down","none"],j={...p,size:{type:"enum",className:"rt-r-size",values:b,default:"3",responsive:!0},variant:{type:"enum",className:"rt-variant",values:v,default:"soft"},...f,...i,...l,fallback:{type:"ReactNode",required:!0},material:{type:"enum",values:C,default:void 0},panelBackground:{type:"enum",values:g,default:void 0},status:{type:"enum",values:s,default:void 0},badge:{type:"ReactNode",default:void 0},fit:{type:"enum",className:"rt-r-fit",values:h,default:"cover",responsive:!0}};
+//# sourceMappingURL=avatar.props.js.map

package/dist/cjs/components/avatar.props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/avatar.props.tsx", "../../../src/props/as-child.prop.ts", "../../../src/props/color.prop.ts", "../../../src/props/high-contrast.prop.ts", "../../../src/props/radius.prop.ts"],
+  "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { accentColorPropDef, accentColors } from '../props/color.prop.js';\nimport { highContrastPropDef } from '../props/high-contrast.prop.js';\nimport { radiusPropDef } from '../props/radius.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'] as const;\nconst variants = ['classic', 'solid', 'soft', 'surface', 'outline'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\nconst materials = ['solid', 'translucent'] as const;\nconst objectFitValues = ['cover', 'contain', 'fill', 'scale-down', 'none'] as const;\n\nconst avatarPropDefs = {\n  ...asChildPropDef,\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '3', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'soft' },\n  ...accentColorPropDef,\n  ...highContrastPropDef,\n  ...radiusPropDef,\n  fallback: { type: 'ReactNode', required: true },\n  material: { type: 'enum', values: materials, default: undefined },\n  /**\n   * @deprecated Use `material` prop instead. This prop will be removed in a future version.\n   */\n  panelBackground: { type: 'enum', values: panelBackgrounds, default: undefined },\n  /**\n   * Status indicator color. Renders a small colored dot at the bottom-right corner.\n   * Cannot be used together with `badge`.\n   */\n  status: { type: 'enum', values: accentColors, default: undefined },\n  /**\n   * Custom badge content. Renders at the bottom-right corner.\n   * Cannot be used together with `status`.\n   */\n  badge: { type: 'ReactNode', default: undefined },\n  /**\n   * Controls how the avatar image should be resized to fit its container.\n   * Defaults to 'cover' which crops the image to fill the avatar.\n   * Use 'contain' to show the full image without cropping.\n   */\n  fit: { type: 'enum', className: 'rt-r-fit', values: objectFitValues, default: 'cover', responsive: true },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  fallback: PropDef<React.ReactNode>;\n  material: PropDef<(typeof materials)[number] | undefined>;\n  panelBackground: PropDef<(typeof panelBackgrounds)[number] | undefined>;\n  status: PropDef<(typeof accentColors)[number] | undefined>;\n  badge: PropDef<React.ReactNode>;\n  fit: PropDef<(typeof objectFitValues)[number]>;\n};\n\nexport { avatarPropDefs };\n", "import type { PropDef } from './prop-def.js';\n\nconst asChildPropDef = {\n  /**\n   * Composes the component into its immediate child instead of rendering its own HTML element.\n   * You\u2019ll have to provide a single React Element child.\n   */\n  asChild: {\n    type: 'boolean',\n  },\n} satisfies {\n  asChild: PropDef<boolean>;\n};\n\nexport { asChildPropDef };\n", "import type { PropDef } from './prop-def.js';\n\n// prettier-ignore\nconst accentColors = ['gray', 'gold', 'bronze', 'brown', 'yellow', 'amber', 'orange', 'tomato', 'red', 'ruby', 'crimson', 'pink', 'plum', 'purple', 'violet', 'iris', 'indigo', 'blue', 'cyan', 'teal', 'jade', 'green', 'grass', 'lime', 'mint', 'sky'] as const;\n\nconst grayColors = ['auto', 'gray', 'mauve', 'slate', 'sage', 'olive', 'sand'] as const;\n\nconst colorPropDef = {\n  color: {\n    type: 'enum',\n    values: accentColors,\n    default: undefined as (typeof accentColors)[number] | undefined,\n  },\n} satisfies {\n  color: PropDef<(typeof accentColors)[number]>;\n};\n\n// 1. When used on components that compose Text, sets the color of the text to the current accent.\n// 2. Defines accent color for descendant text components\u00A0with `highContrast={true}`.\nconst accentColorPropDef = {\n  color: {\n    type: 'enum',\n    values: accentColors,\n    default: '' as (typeof accentColors)[number],\n  },\n} satisfies {\n  color: PropDef<(typeof accentColors)[number]>;\n};\n\nexport {\n  accentColorPropDef,\n  colorPropDef,\n  //\n  accentColors,\n  grayColors,\n};\n", "import type { PropDef } from './prop-def.js';\n\nconst highContrastPropDef = {\n  highContrast: {\n    type: 'boolean',\n    className: 'rt-high-contrast',\n    default: undefined,\n  },\n} satisfies {\n  highContrast: PropDef<boolean>;\n};\n\nexport { highContrastPropDef };\n", "import type { PropDef } from './prop-def.js';\n\nconst radii = ['none', 'small', 'medium', 'large', 'full'] as const;\n\nconst radiusPropDef = {\n  radius: {\n    type: 'enum',\n    values: radii,\n    default: undefined,\n  },\n} satisfies {\n  radius: PropDef<(typeof radii)[number]>;\n};\n\nexport { radiusPropDef, radii };\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,oBAAAE,IAAA,eAAAC,EAAAH,GCEA,IAAMI,EAAiB,CAKrB,QAAS,CACP,KAAM,SACR,CACF,ECPA,IAAMC,EAAe,CAAC,OAAQ,OAAQ,SAAU,QAAS,SAAU,QAAS,SAAU,SAAU,MAAO,OAAQ,UAAW,OAAQ,OAAQ,SAAU,SAAU,OAAQ,SAAU,OAAQ,OAAQ,OAAQ,OAAQ,QAAS,QAAS,OAAQ,OAAQ,KAAK,EAgBvP,IAAMC,EAAqB,CACzB,MAAO,CACL,KAAM,OACN,OAAQC,EACR,QAAS,EACX,CACF,ECvBA,IAAMC,EAAsB,CAC1B,aAAc,CACZ,KAAM,UACN,UAAW,mBACX,QAAS,MACX,CACF,ECNA,IAAMC,EAAQ,CAAC,OAAQ,QAAS,SAAU,QAAS,MAAM,EAEnDC,EAAgB,CACpB,OAAQ,CACN,KAAM,OACN,OAAQD,EACR,QAAS,MACX,CACF,EJHA,IAAME,EAAQ,CAAC,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,KAAM,KAAM,IAAI,EACtEC,EAAW,CAAC,UAAW,QAAS,OAAQ,UAAW,SAAS,EAC5DC,EAAmB,CAAC,QAAS,aAAa,EAC1CC,EAAY,CAAC,QAAS,aAAa,EACnCC,EAAkB,CAAC,QAAS,UAAW,OAAQ,aAAc,MAAM,EAEnEC,EAAiB,CACrB,GAAGC,EACH,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQN,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,MAAO,EACpF,GAAGM,EACH,GAAGC,EACH,GAAGC,EACH,SAAU,CAAE,KAAM,YAAa,SAAU,EAAK,EAC9C,SAAU,CAAE,KAAM,OAAQ,OAAQN,EAAW,QAAS,MAAU,EAIhE,gBAAiB,CAAE,KAAM,OAAQ,OAAQD,EAAkB,QAAS,MAAU,EAK9E,OAAQ,CAAE,KAAM,OAAQ,OAAQQ,EAAc,QAAS,MAAU,EAKjE,MAAO,CAAE,KAAM,YAAa,QAAS,MAAU,EAM/C,IAAK,CAAE,KAAM,OAAQ,UAAW,WAAY,OAAQN,EAAiB,QAAS,QAAS,WAAY,EAAK,CAC1G",
+  "names": ["avatar_props_exports", "__export", "avatarPropDefs", "__toCommonJS", "asChildPropDef", "accentColors", "accentColorPropDef", "accentColors", "highContrastPropDef", "radii", "radiusPropDef", "sizes", "variants", "panelBackgrounds", "materials", "objectFitValues", "avatarPropDefs", "asChildPropDef", "accentColorPropDef", "highContrastPropDef", "radiusPropDef", "accentColors"]
+}

package/dist/cjs/components/badge.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { badgePropDefs } from './badge.props.js';
+import type { MarginProps } from '../props/margin.props.js';
+import type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';
+import type { GetPropDefTypes } from '../props/prop-def.js';
+type BadgeOwnProps = GetPropDefTypes<typeof badgePropDefs>;
+interface BadgeTooltipProps {
+    tooltip?: React.ReactNode;
+    tooltipSide?: 'top' | 'right' | 'bottom' | 'left';
+    tooltipAlign?: 'start' | 'center' | 'end';
+    tooltipDelayDuration?: number;
+    tooltipDisableHoverableContent?: boolean;
+}
+interface BadgeProps extends ComponentPropsWithout<'span', RemovedProps>, MarginProps, BadgeOwnProps, BadgeTooltipProps {
+}
+declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
+export { Badge };
+export type { BadgeProps };
+//# sourceMappingURL=badge.d.ts.map

package/dist/cjs/components/badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAKjD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACzF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAG5D,KAAK,aAAa,GAAG,eAAe,CAAC,OAAO,aAAa,CAAC,CAAC;AAG3D,UAAU,iBAAiB;IACzB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAClD,YAAY,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IAC1C,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,8BAA8B,CAAC,EAAE,OAAO,CAAC;CAC1C;AAED,UAAU,UACR,SAAQ,qBAAqB,CAAC,MAAM,EAAE,YAAY,CAAC,EACjD,WAAW,EACX,aAAa,EACb,iBAAiB;CAAG;AAExB,QAAA,MAAM,KAAK,oFAkET,CAAC;AAGH,OAAO,EAAE,KAAK,EAAE,CAAC;AACjB,YAAY,EAAE,UAAU,EAAE,CAAC"}

package/dist/cjs/components/badge.js

@@ -0,0 +1,2 @@
+"use strict";var Se=Object.create;var I=Object.defineProperty;var we=Object.getOwnPropertyDescriptor;var Be=Object.getOwnPropertyNames;var je=Object.getPrototypeOf,Oe=Object.prototype.hasOwnProperty;var Ge=(e,t)=>{for(var o in t)I(e,o,{get:t[o],enumerable:!0})},ne=(e,t,o,l)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of Be(t))!Oe.call(e,n)&&n!==o&&I(e,n,{get:()=>t[n],enumerable:!(l=we(t,n))||l.enumerable});return e};var C=(e,t,o)=>(o=e!=null?Se(je(e)):{},ne(t||!e||!e.__esModule?I(o,"default",{value:e,enumerable:!0}):o,e)),Fe=e=>ne(I({},"__esModule",{value:!0}),e);var rt={};Ge(rt,{Badge:()=>ke});module.exports=Fe(rt);var h=C(require("react")),xe=C(require("classnames")),Ne=require("radix-ui");var B={asChild:{type:"boolean"}};var $=["gray","gold","bronze","brown","yellow","amber","orange","tomato","red","ruby","crimson","pink","plum","purple","violet","iris","indigo","blue","cyan","teal","jade","green","grass","lime","mint","sky"],ae=["auto","gray","mauve","slate","sage","olive","sand"],se={color:{type:"enum",values:$,default:void 0}},pe={color:{type:"enum",values:$,default:""}};var z={highContrast:{type:"boolean",className:"rt-high-contrast",default:void 0}};var J=["none","small","medium","large","full"],ie={radius:{type:"enum",values:J,default:void 0}};var Ve=["1","2","3","4"],Ee=["solid","soft","surface","outline","ghost","classic"],Ae=["solid","translucent"],We=["solid","translucent"],le={...B,size:{type:"enum",className:"rt-r-size",values:Ve,default:"1",responsive:!0},variant:{type:"enum",className:"rt-variant",values:Ee,default:"soft"},...pe,...z,...ie,material:{type:"enum",values:We,default:void 0},panelBackground:{type:"enum",values:Ae,default:void 0}};var E=C(require("classnames"));var Me=["initial","xs","sm","md","lg","xl"],Q=new Set(Me);function X(e,t){return Object.prototype.hasOwnProperty.call(e,t)}var Ie=new Set(["initial","xs","sm","md","lg","xl"]);function v(e){if(typeof e!="object"||e===null)return!1;for(let t in e)if(Ie.has(t))return!0;return!1}function fe({className:e,customProperties:t,...o}){let l=Y({allowArbitraryValues:!0,className:e,...o}),n=$e({customProperties:t,...o});return[l,n]}function Y({allowArbitraryValues:e,value:t,className:o,propValues:l,parseValue:n=i=>i}){let i=[];if(t){if(typeof t=="string"&&l.includes(t))return me(o,t,n);if(v(t)){let p=t;for(let a in p){if(!X(p,a)||!Q.has(a))continue;let r=p[a];if(r!==void 0){if(l.includes(r)){let f=me(o,r,n),c=a==="initial"?f:`${a}:${f}`;i.push(c)}else if(e){let f=a==="initial"?o:`${a}:${o}`;i.push(f)}}}return i.join(" ")}if(e)return o}}function me(e,t,o){let l=e?"-":"",n=o(t),i=n?.startsWith("-"),p=i?"-":"",a=i?n?.substring(1):n;return`${p}${e}${l}${a}`}function $e({customProperties:e,value:t,propValues:o,parseValue:l=n=>n}){let n={};if(!(!t||typeof t=="string"&&o.includes(t))){if(typeof t=="string"&&(n=Object.fromEntries(e.map(i=>[i,t]))),v(t)){let i=t;for(let p in i){if(!X(i,p)||!Q.has(p))continue;let a=i[p];if(!o.includes(a))for(let r of e){let f=p==="initial"?r:`${r}-${p}`;n[f]=a}}}for(let i in n){let p=n[i];p!==void 0&&(n[i]=l(p))}return n}}function Z(...e){let t;for(let o of e)o&&(t===void 0&&(t={}),Object.assign(t,o));return t}function ze(...e){return Object.assign({},...e)}function j(e,...t){let o,l,n={...e},i=ze(...t);for(let p in i){let a=n[p],r=i[p];if(r.default!==void 0&&a===void 0&&(a=r.default),r.type==="enum"&&![r.default,...r.values].includes(a)&&!v(a)&&(a=r.default),n[p]=a,"className"in r&&r.className){delete n[p];let f="responsive"in r;if(!a||v(a)&&!f)continue;if(v(a)&&(r.default!==void 0&&a.initial===void 0&&(a.initial=r.default),r.type==="enum"&&([r.default,...r.values].includes(a.initial)||(a.initial=r.default))),r.type==="enum"){let c=Y({allowArbitraryValues:!1,value:a,className:r.className,propValues:r.values,parseValue:r.parseValue});o=(0,E.default)(o,c);continue}if(r.type==="string"||r.type==="enum | string"){let c=r.type==="string"?[]:r.values,[d,y]=fe({className:r.className,customProperties:r.customProperties,propValues:c,parseValue:r.parseValue,value:a});l=Z(l,y),o=(0,E.default)(o,d);continue}if(r.type==="boolean"&&a){o=(0,E.default)(o,r.className);continue}}}return n.className=(0,E.default)(o,e.className),n.style=Z(l,e.style),n}var R=["0","1","2","3","4","5","6","7","8","9","10","11","12","-1","-2","-3","-4","-5","-6","-7","-8","-9","-10","-11","-12"],H={m:{type:"enum | string",values:R,responsive:!0,className:"rt-r-m",customProperties:["--m"]},mx:{type:"enum | string",values:R,responsive:!0,className:"rt-r-mx",customProperties:["--ml","--mr"]},my:{type:"enum | string",values:R,responsive:!0,className:"rt-r-my",customProperties:["--mt","--mb"]},mt:{type:"enum | string",values:R,responsive:!0,className:"rt-r-mt",customProperties:["--mt"]},mr:{type:"enum | string",values:R,responsive:!0,className:"rt-r-mr",customProperties:["--mr"]},mb:{type:"enum | string",values:R,responsive:!0,className:"rt-r-mb",customProperties:["--mb"]},ml:{type:"enum | string",values:R,responsive:!0,className:"rt-r-ml",customProperties:["--ml"]}};var P=C(require("react")),be=C(require("classnames")),G=require("radix-ui");var b=C(require("react")),De=require("radix-ui");var He=["normal","start","end","both"],ce={trim:{type:"enum",className:"rt-r-lt",values:He,responsive:!0}};var Ue=["left","center","right"],ue={align:{type:"enum",className:"rt-r-ta",values:Ue,responsive:!0}};var Ke=["wrap","nowrap","pretty","balance"],de={wrap:{type:"enum",className:"rt-r-tw",values:Ke,responsive:!0}};var ye={truncate:{type:"boolean",className:"rt-truncate"}};var qe=["sans","mono","serif"],ge={font:{type:"enum",className:"rt-r-ff",values:qe}};var Le=["thin","extralight","light","regular","medium","semibold","bold","extrabold"],Pe={weight:{type:"enum",className:"rt-r-weight",values:Le,responsive:!0}};var Je=["span","div","label","p"],Qe=["0","1","2","3","4","5","6","7","8","9","10","11","12"],he={as:{type:"enum",values:Je,default:"span"},...B,size:{type:"enum",className:"rt-r-size",values:Qe,responsive:!0},...ge,...Pe,...ue,...ce,...ye,...de,...se,...z};var Xe={...he,...H},_=b.memo(b.forwardRef((e,t)=>{let{children:o,className:l,asChild:n,as:i="span",color:p,...a}=j(e,Xe),r=l?`rt-Text ${l}`:"rt-Text";return n?b.createElement(De.Slot.Root,{"data-accent-color":p,...a,ref:t,className:r},o):b.createElement(i,{"data-accent-color":p,...a,ref:t,className:r},o)}));_.displayName="Text";var s=C(require("react")),Ce=C(require("classnames")),O=require("radix-ui");function Te(e){switch(e){case"tomato":case"red":case"ruby":case"crimson":case"pink":case"plum":case"purple":case"violet":return"mauve";case"iris":case"indigo":case"blue":case"sky":case"cyan":return"slate";case"teal":case"jade":case"mint":case"green":return"sage";case"grass":case"lime":return"olive";case"yellow":case"amber":case"orange":case"brown":case"gold":case"bronze":return"sand";case"gray":return"gray"}}var Ye=["inherit","light","dark"],Ze=["solid","translucent"],_e=["solid","translucent"],et=["90%","95%","100%","105%","110%"],tt=["sans","mono","serif"],m={...B,hasBackground:{type:"boolean",default:!0},appearance:{type:"enum",values:Ye,default:"inherit"},accentColor:{type:"enum",values:$,default:"blue"},grayColor:{type:"enum",values:ae,default:"slate"},material:{type:"enum",values:_e,default:"translucent"},panelBackground:{type:"enum",values:Ze,default:"translucent"},radius:{type:"enum",values:J,default:"medium"},scaling:{type:"enum",values:et,default:"100%"},fontFamily:{type:"enum",values:tt,default:"sans"}};var u=()=>{},eo={appearance:m.appearance.default,accentColor:m.accentColor.default,grayColor:m.grayColor.default,resolvedGrayColor:m.grayColor.default,material:m.material.default,panelBackground:m.panelBackground.default,radius:m.radius.default,scaling:m.scaling.default,fontFamily:m.fontFamily.default,onAppearanceChange:u,onAccentColorChange:u,onGrayColorChange:u,onMaterialChange:u,onPanelBackgroundChange:u,onRadiusChange:u,onScalingChange:u,onFontFamilyChange:u},ee=s.createContext(void 0);var te=s.forwardRef((e,t)=>s.useContext(ee)===void 0?s.createElement(O.Tooltip.Provider,{delayDuration:200},s.createElement(O.Direction.Provider,{dir:"ltr"},s.createElement(ve,{...e,ref:t}))):s.createElement(oe,{...e,ref:t}));te.displayName="Theme";var ve=s.forwardRef((e,t)=>{let{appearance:o=m.appearance.default,accentColor:l=m.accentColor.default,grayColor:n=m.grayColor.default,material:i=m.material.default,panelBackground:p=m.panelBackground.default,radius:a=m.radius.default,scaling:r=m.scaling.default,fontFamily:f=m.fontFamily.default,hasBackground:c=m.hasBackground.default,...d}=e;s.useEffect(()=>{e.panelBackground!==void 0&&console.warn("Warning: The `panelBackground` prop is deprecated and will be removed in a future version. Use `material` prop instead.")},[e.panelBackground]);let[y,g]=s.useState(o);s.useEffect(()=>g(o),[o]);let[x,D]=s.useState(l);s.useEffect(()=>D(l),[l]);let[N,T]=s.useState(n);s.useEffect(()=>T(n),[n]);let k=i!==m.material.default?i:p,[S,F]=s.useState(k);s.useEffect(()=>F(k),[k]);let[A,V]=s.useState(p);s.useEffect(()=>V(S),[S]);let[K,w]=s.useState(a);s.useEffect(()=>w(a),[a]);let[q,W]=s.useState(r);s.useEffect(()=>W(r),[r]);let[L,M]=s.useState(f);return s.useEffect(()=>M(f),[f]),s.createElement(oe,{...d,ref:t,isRoot:!0,hasBackground:c,appearance:y,accentColor:x,grayColor:N,material:S,panelBackground:A,radius:K,scaling:q,fontFamily:L,onAppearanceChange:g,onAccentColorChange:D,onGrayColorChange:T,onMaterialChange:F,onPanelBackgroundChange:V,onRadiusChange:w,onScalingChange:W,onFontFamilyChange:M})});ve.displayName="ThemeRoot";function ot(){if(typeof navigator>"u")return;let e=navigator.userAgent;if(e.includes("Win"))return"windows";if(e.includes("Mac"))return"macos";if(e.includes("Linux"))return"linux"}var oe=s.forwardRef((e,t)=>{let o=s.useContext(ee),{asChild:l,isRoot:n,hasBackground:i,appearance:p=e.appearance??o?.appearance??m.appearance.default,accentColor:a=e.accentColor??o?.accentColor??m.accentColor.default,grayColor:r=e.grayColor??o?.resolvedGrayColor??m.grayColor.default,material:f=e.material??o?.material??m.material.default,panelBackground:c=e.panelBackground??o?.panelBackground??m.panelBackground.default,radius:d=e.radius??o?.radius??m.radius.default,scaling:y=e.scaling??o?.scaling??m.scaling.default,fontFamily:g=e.fontFamily??o?.fontFamily??m.fontFamily.default,onAppearanceChange:x=u,onAccentColorChange:D=u,onGrayColorChange:N=u,onMaterialChange:T=u,onPanelBackgroundChange:k=u,onRadiusChange:S=u,onScalingChange:F=u,onFontFamilyChange:A=u,...V}=e,K=l?O.Slot.Root:"div",w=r==="auto"?Te(a):r,q=e.appearance==="light"||e.appearance==="dark",W=i===void 0?n||q:i,[L,M]=s.useState(void 0);return s.useEffect(()=>{n&&M(ot())},[n]),s.createElement(ee.Provider,{value:s.useMemo(()=>({appearance:p,accentColor:a,grayColor:r,resolvedGrayColor:w,material:f,panelBackground:c,radius:d,scaling:y,fontFamily:g,onAppearanceChange:x,onAccentColorChange:D,onGrayColorChange:N,onMaterialChange:T,onPanelBackgroundChange:k,onRadiusChange:S,onScalingChange:F,onFontFamilyChange:A}),[p,a,r,w,f,c,d,y,g,x,D,N,T,k,S,F,A])},s.createElement(K,{"data-is-root-theme":n?"true":"false","data-accent-color":a,"data-gray-color":w,"data-has-background":W?"true":"false","data-material":f,"data-panel-background":c,"data-radius":d,"data-scaling":y,"data-font-family":g,"data-os":n?L:void 0,ref:t,...V,className:(0,Ce.default)("radix-themes",{light:p==="light",dark:p==="dark"},V.className)}))});oe.displayName="ThemeImpl";var U={width:{type:"string",className:"rt-r-w",customProperties:["--width"],responsive:!0},minWidth:{type:"string",className:"rt-r-min-w",customProperties:["--min-width"],responsive:!0},maxWidth:{type:"string",className:"rt-r-max-w",customProperties:["--max-width"],responsive:!0}};var Re={content:{type:"ReactNode",required:!0},width:U.width,minWidth:U.minWidth,maxWidth:{...U.maxWidth,default:"360px"}};var re=P.forwardRef((e,t)=>{let{children:o,className:l,open:n,defaultOpen:i,onOpenChange:p,delayDuration:a,disableHoverableContent:r,content:f,container:c,forceMount:d,...y}=j(e,Re),g={open:n,defaultOpen:i,onOpenChange:p,delayDuration:a,disableHoverableContent:r};return P.createElement(G.Tooltip.Root,{...g},P.createElement(G.Tooltip.Trigger,{asChild:!0},o),P.createElement(G.Tooltip.Portal,{container:c,forceMount:d},P.createElement(te,{asChild:!0},P.createElement(G.Tooltip.Content,{sideOffset:4,collisionPadding:10,...y,asChild:!1,ref:t,className:(0,be.default)("rt-TooltipContent",l)},P.createElement(_,{as:"p",className:"rt-TooltipText",size:"1"},f),P.createElement(G.Tooltip.Arrow,{className:"rt-TooltipArrow"})))))});re.displayName="Tooltip";var ke=h.forwardRef((e,t)=>{let{asChild:o,className:l,children:n,color:i,radius:p,material:a,panelBackground:r,tooltip:f,tooltipSide:c="top",tooltipAlign:d="center",tooltipDelayDuration:y,tooltipDisableHoverableContent:g,...x}=j(e,le,H),D=h.useMemo(()=>a??r,[a,r]);h.useEffect(()=>{r!==void 0&&console.warn("Warning: The `panelBackground` prop is deprecated and will be removed in a future version. Use `material` prop instead.")},[r]);let N=h.useMemo(()=>o?Ne.Slot.Root:"span",[o]),T=h.createElement(N,{"data-accent-color":i,"data-radius":p,"data-material":D,"data-panel-background":D,...x,ref:t,className:(0,xe.default)("rt-reset","rt-Badge",l)},n);return f?h.createElement(re,{content:f,side:c,align:d,delayDuration:y,disableHoverableContent:g},T):T});ke.displayName="Badge";
+//# sourceMappingURL=badge.js.map