@atom-learning/components 6.5.4 → 6.5.5

package/dist/components/alert-dialog/alert-context/AlertDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertDialog.js","names":[],"sources":["../../../../src/components/alert-dialog/alert-context/AlertDialog.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Button } from '../../button/Button'\nimport { Heading } from '../../heading/Heading'\nimport { Text } from '../../text/Text'\nimport { AlertDialog } from '../AlertDialog'\nimport { AlertDialogIcon } from './AlertDialogIcon'\nimport type { alert } from './types'\n\ntype AlertDialogContentProps = React.ComponentProps<typeof AlertDialog> & {\n  className?: string\n  onClose: () => void\n} & alert\n\nexport const Alert = ({\n  title,\n  size,\n  theme,\n  description,\n  onAction,\n  cancelActionText,\n  confirmActionText,\n  onClose,\n  confirmElement,\n  cancelElement,\n  ...remainingProps\n}: AlertDialogContentProps) => (\n  <AlertDialog defaultOpen>\n    <AlertDialog.Content\n      size={size}\n      onEscapeKeyDown={(e) => e.preventDefault()}\n      onCloseAutoFocus={onClose}\n      {...remainingProps}\n      className=\"flex max-h-[90vh] flex-col gap-8\"\n    >\n      <div className=\"flex items-center gap-2\">\n        {theme && <AlertDialogIcon theme={theme} />}\n        <Heading as={AlertDialog.Title} size=\"sm\" className=\"mr-4\">\n          {title}\n        </Heading>\n      </div>\n      {description && (\n        <Text as={AlertDialog.Description} className=\"flex overflow-y-auto\">\n          {description}\n        </Text>\n      )}\n      <div className=\"flex flex-wrap justify-end gap-2\">\n        <AlertDialog.Cancel asChild>\n          {cancelElement ||\n            (cancelActionText && (\n              <Button\n                size=\"sm\"\n                appearance=\"outline\"\n                onClick={() => onAction?.(false)}\n              >\n                {cancelActionText}\n              </Button>\n            ))}\n        </AlertDialog.Cancel>\n        <AlertDialog.Action asChild>\n          {confirmElement || (\n            <Button size=\"sm\" onClick={() => onAction?.(true)}>\n              {confirmActionText}\n            </Button>\n          )}\n        </AlertDialog.Action>\n      </div>\n    </AlertDialog.Content>\n  </AlertDialog>\n)\n"],"mappings":";;;;;;;AAcA,IAAa,KAAS,EACpB,UACA,SACA,UACA,gBACA,aACA,qBACA,sBACA,YACA,mBACA,kBACA,GAAG,QAEH,kBAAA,cAAC,GAAD,EAAa,aAAA,IAyCC,EAxCZ,kBAAA,cAAC,EAAY,SAAb;CACQ;CACN,kBAAkB,MAAM,EAAE,gBAAgB;CAC1C,kBAAkB;CAClB,GAAI;CACJ,WAAU;CAkCU,EAhCpB,kBAAA,cAAC,OAAD,EAAK,WAAU,2BAKT,EAJH,KAAS,kBAAA,cAAC,GAAD,EAAwB,UAAS,CAAA,EAC3C,kBAAA,cAAC,GAAD;CAAS,IAAI,EAAY;CAAO,MAAK;CAAK,WAAU;CAE1C,EADP,EACO,CACN,EACL,KACC,kBAAA,cAAC,GAAD;CAAM,IAAI,EAAY;CAAa,WAAU;CAEtC,EADJ,EACI,EAET,kBAAA,cAAC,OAAD,EAAK,WAAU,oCAoBT,EAnBJ,kBAAA,cAAC,EAAY,QAAb,EAAoB,SAAA,IAWC,EAVlB,KACE,KACC,kBAAA,cAAC,GAAD;CACE,MAAK;CACL,YAAW;CACX,eAAe,IAAW,GAAM;CAGzB,EADN,EACM,CAEM,EACrB,kBAAA,cAAC,EAAY,QAAb,EAAoB,SAAA,IAMC,EALlB,KACC,kBAAA,cAAC,GAAD;CAAQ,MAAK;CAAK,eAAe,IAAW,GAAK;CAExC,EADN,EACM,CAEQ,CACjB,CACc,CACV"}
+{"version":3,"file":"AlertDialog.js","names":[],"sources":["../../../../src/components/alert-dialog/alert-context/AlertDialog.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Button } from '../../button/Button'\nimport { Heading } from '../../heading/Heading'\nimport { Text } from '../../text/Text'\nimport { AlertDialog } from '../AlertDialog'\nimport { AlertDialogIcon } from './AlertDialogIcon'\nimport type { alert } from './types'\n\ntype AlertDialogContentProps = React.ComponentProps<typeof AlertDialog> & {\n  className?: string\n  onClose: () => void\n} & alert\n\nexport const Alert = ({\n  title,\n  size,\n  theme,\n  description,\n  onAction,\n  cancelActionText,\n  confirmActionText,\n  onClose,\n  confirmElement,\n  cancelElement,\n  ...remainingProps\n}: AlertDialogContentProps) => (\n  <AlertDialog defaultOpen>\n    <AlertDialog.Content\n      size={size}\n      onEscapeKeyDown={(e) => e.preventDefault()}\n      onCloseAutoFocus={onClose}\n      {...remainingProps}\n      className=\"flex max-h-[90vh] flex-col gap-8\"\n    >\n      <div className=\"flex items-center gap-2\">\n        {theme && <AlertDialogIcon theme={theme} />}\n        <Heading as={AlertDialog.Title} size=\"sm\" className=\"mr-4\">\n          {title}\n        </Heading>\n      </div>\n      {description && (\n        <Text as={AlertDialog.Description} className=\"flex overflow-y-auto\">\n          {description}\n        </Text>\n      )}\n      <div className=\"flex flex-wrap justify-end gap-2\">\n        <AlertDialog.Cancel asChild>\n          {cancelElement ||\n            (cancelActionText && (\n              <Button\n                size=\"sm\"\n                appearance=\"outline\"\n                onClick={() => onAction?.(false)}\n              >\n                {cancelActionText}\n              </Button>\n            ))}\n        </AlertDialog.Cancel>\n        <AlertDialog.Action asChild>\n          {confirmElement || (\n            <Button size=\"sm\" onClick={() => onAction?.(true)}>\n              {confirmActionText}\n            </Button>\n          )}\n        </AlertDialog.Action>\n      </div>\n    </AlertDialog.Content>\n  </AlertDialog>\n)\n"],"mappings":";;;;;;;AAcA,IAAa,SAAS,EACpB,OACA,MACA,OACA,aACA,UACA,kBACA,mBACA,SACA,gBACA,eACA,GAAG,qBAEH,wBAAA,cAAC,aAAD,EAAa,aAAA,MAyCC,EAxCZ,wBAAA,cAAC,YAAY,SAAb;CACQ;CACN,kBAAkB,MAAM,EAAE,gBAAgB;CAC1C,kBAAkB;CAClB,GAAI;CACJ,WAAU;CAkCU,EAhCpB,wBAAA,cAAC,OAAD,EAAK,WAAU,2BAKT,EAJH,SAAS,wBAAA,cAAC,iBAAD,EAAwB,OAAS,CAAA,EAC3C,wBAAA,cAAC,SAAD;CAAS,IAAI,YAAY;CAAO,MAAK;CAAK,WAAU;CAE1C,EADP,MACO,CACN,EACL,eACC,wBAAA,cAAC,MAAD;CAAM,IAAI,YAAY;CAAa,WAAU;CAEtC,EADJ,YACI,EAET,wBAAA,cAAC,OAAD,EAAK,WAAU,oCAoBT,EAnBJ,wBAAA,cAAC,YAAY,QAAb,EAAoB,SAAA,MAWC,EAVlB,iBACE,oBACC,wBAAA,cAAC,QAAD;CACE,MAAK;CACL,YAAW;CACX,eAAe,WAAW,MAAM;CAGzB,EADN,iBACM,CAEM,EACrB,wBAAA,cAAC,YAAY,QAAb,EAAoB,SAAA,MAMC,EALlB,kBACC,wBAAA,cAAC,QAAD;CAAQ,MAAK;CAAK,eAAe,WAAW,KAAK;CAExC,EADN,kBACM,CAEQ,CACjB,CACc,CACV"}

package/dist/components/alert-dialog/alert-context/AlertDialogIcon.js

@@ -1,9 +1,9 @@
-import { styled as e } from "../../../styled.js";
-import { Icon as t } from "../../icon/Icon.js";
-import * as n from "react";
-import { Danger as r, Info as i, OkCircle as a } from "@atom-learning/icons";
+import { styled } from "../../../styled.js";
+import { Icon } from "../../icon/Icon.js";
+import * as React$1 from "react";
+import { Danger, Info, OkCircle } from "@atom-learning/icons";
 //#region src/components/alert-dialog/alert-context/AlertDialogIcon.tsx
-var o = e(t, {
+var StyledIcon = styled(Icon, {
 	base: ["self-start"],
 	variants: { theme: {
 		info: ["text-info"],
@@ -11,16 +11,18 @@ var o = e(t, {
 		danger: ["rotate-180", "text-danger"],
 		success: ["text-success"]
 	} }
-}), s = {
-	info: i,
-	warning: r,
-	danger: i,
-	success: a
-}, c = ({ theme: e }) => /* @__PURE__ */ n.createElement(o, {
-	theme: e,
-	is: s[e]
+});
+var iconMap = {
+	info: Info,
+	warning: Danger,
+	danger: Info,
+	success: OkCircle
+};
+var AlertDialogIcon = ({ theme }) => /* @__PURE__ */ React$1.createElement(StyledIcon, {
+	theme,
+	is: iconMap[theme]
 });
 //#endregion
-export { c as AlertDialogIcon };
+export { AlertDialogIcon };
 
 //# sourceMappingURL=AlertDialogIcon.js.map

package/dist/components/alert-dialog/alert-context/AlertDialogIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertDialogIcon.js","names":[],"sources":["../../../../src/components/alert-dialog/alert-context/AlertDialogIcon.tsx"],"sourcesContent":["import { Danger, Info, OkCircle } from '@atom-learning/icons'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { Icon } from '../../icon/Icon'\n\nexport type AlertDialogTheme = 'info' | 'warning' | 'danger' | 'success'\n\nconst StyledIcon = styled(Icon, {\n  base: ['self-start'],\n  variants: {\n    theme: {\n      info: ['text-info'],\n      warning: ['text-warning-mid'],\n      danger: ['rotate-180', 'text-danger'],\n      success: ['text-success']\n    }\n  }\n})\n\nconst iconMap: Record<\n  AlertDialogTheme,\n  React.FC<React.SVGProps<SVGSVGElement>>\n> = {\n  info: Info,\n  warning: Danger,\n  danger: Info,\n  success: OkCircle\n}\n\nexport const AlertDialogIcon = ({ theme }: { theme: AlertDialogTheme }) => (\n  <StyledIcon theme={theme} is={iconMap[theme]} />\n)\n"],"mappings":";;;;;AASA,IAAM,IAAa,EAAO,GAAM;CAC9B,MAAM,CAAC,aAAa;CACpB,UAAU,EACR,OAAO;EACL,MAAM,CAAC,YAAY;EACnB,SAAS,CAAC,mBAAmB;EAC7B,QAAQ,CAAC,cAAc,cAAc;EACrC,SAAS,CAAC,eAAe;EAC1B,EACF;CACF,CAAC,EAEI,IAGF;CACF,MAAM;CACN,SAAS;CACT,QAAQ;CACR,SAAS;CACV,EAEY,KAAmB,EAAE,eAChC,kBAAA,cAAC,GAAD;CAAmB;CAAO,IAAI,EAAQ;CAAU,CAAA"}
+{"version":3,"file":"AlertDialogIcon.js","names":[],"sources":["../../../../src/components/alert-dialog/alert-context/AlertDialogIcon.tsx"],"sourcesContent":["import { Danger, Info, OkCircle } from '@atom-learning/icons'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { Icon } from '../../icon/Icon'\n\nexport type AlertDialogTheme = 'info' | 'warning' | 'danger' | 'success'\n\nconst StyledIcon = styled(Icon, {\n  base: ['self-start'],\n  variants: {\n    theme: {\n      info: ['text-info'],\n      warning: ['text-warning-mid'],\n      danger: ['rotate-180', 'text-danger'],\n      success: ['text-success']\n    }\n  }\n})\n\nconst iconMap: Record<\n  AlertDialogTheme,\n  React.FC<React.SVGProps<SVGSVGElement>>\n> = {\n  info: Info,\n  warning: Danger,\n  danger: Info,\n  success: OkCircle\n}\n\nexport const AlertDialogIcon = ({ theme }: { theme: AlertDialogTheme }) => (\n  <StyledIcon theme={theme} is={iconMap[theme]} />\n)\n"],"mappings":";;;;;AASA,IAAM,aAAa,OAAO,MAAM;CAC9B,MAAM,CAAC,aAAa;CACpB,UAAU,EACR,OAAO;EACL,MAAM,CAAC,YAAY;EACnB,SAAS,CAAC,mBAAmB;EAC7B,QAAQ,CAAC,cAAc,cAAc;EACrC,SAAS,CAAC,eAAe;EAC1B,EACF;CACF,CAAC;AAEF,IAAM,UAGF;CACF,MAAM;CACN,SAAS;CACT,QAAQ;CACR,SAAS;CACV;AAED,IAAa,mBAAmB,EAAE,YAChC,wBAAA,cAAC,YAAD;CAAmB;CAAO,IAAI,QAAQ;CAAU,CAAA"}

package/dist/components/alert-dialog/alert-context/reducer.js

@@ -1,16 +1,17 @@
-import { uid as e } from "uid";
+import { uid } from "uid";
 //#region src/components/alert-dialog/alert-context/reducer.ts
-var t = [], n = (t, n) => {
-	switch (n.type) {
-		case "ADD": return [...t, {
-			...n.payload,
-			id: e()
+var initialState = [];
+var reducer = (state, action) => {
+	switch (action.type) {
+		case "ADD": return [...state, {
+			...action.payload,
+			id: uid()
 		}];
-		case "REMOVE": return t.filter(({ id: e }) => e !== n.payload);
-		default: return t;
+		case "REMOVE": return state.filter(({ id }) => id !== action.payload);
+		default: return state;
 	}
 };
 //#endregion
-export { t as initialState, n as reducer };
+export { initialState, reducer };
 
 //# sourceMappingURL=reducer.js.map

package/dist/components/alert-dialog/alert-context/reducer.js.map

@@ -1 +1 @@
-{"version":3,"file":"reducer.js","names":[],"sources":["../../../../src/components/alert-dialog/alert-context/reducer.ts"],"sourcesContent":["import { uid } from 'uid'\n\nimport { alert } from './types'\n\ntype State = alert[]\ntype Action =\n  | { type: 'ADD'; payload: alert }\n  | { type: 'REMOVE'; payload: string }\n\nexport const initialState = []\n\nexport const reducer = (state: State, action: Action): alert[] => {\n  switch (action.type) {\n    case 'ADD':\n      return [...state, { ...action.payload, id: uid() }]\n    case 'REMOVE':\n      return state.filter(({ id }) => id !== action.payload)\n    default:\n      return state\n  }\n}\n"],"mappings":";;AASA,IAAa,IAAe,EAAE,EAEjB,KAAW,GAAc,MAA4B;AAChE,SAAQ,EAAO,MAAf;EACE,KAAK,MACH,QAAO,CAAC,GAAG,GAAO;GAAE,GAAG,EAAO;GAAS,IAAI,GAAK;GAAE,CAAC;EACrD,KAAK,SACH,QAAO,EAAM,QAAQ,EAAE,YAAS,MAAO,EAAO,QAAQ;EACxD,QACE,QAAO"}
+{"version":3,"file":"reducer.js","names":[],"sources":["../../../../src/components/alert-dialog/alert-context/reducer.ts"],"sourcesContent":["import { uid } from 'uid'\n\nimport { alert } from './types'\n\ntype State = alert[]\ntype Action =\n  | { type: 'ADD'; payload: alert }\n  | { type: 'REMOVE'; payload: string }\n\nexport const initialState = []\n\nexport const reducer = (state: State, action: Action): alert[] => {\n  switch (action.type) {\n    case 'ADD':\n      return [...state, { ...action.payload, id: uid() }]\n    case 'REMOVE':\n      return state.filter(({ id }) => id !== action.payload)\n    default:\n      return state\n  }\n}\n"],"mappings":";;AASA,IAAa,eAAe,EAAE;AAE9B,IAAa,WAAW,OAAc,WAA4B;AAChE,SAAQ,OAAO,MAAf;EACE,KAAK,MACH,QAAO,CAAC,GAAG,OAAO;GAAE,GAAG,OAAO;GAAS,IAAI,KAAK;GAAE,CAAC;EACrD,KAAK,SACH,QAAO,MAAM,QAAQ,EAAE,SAAS,OAAO,OAAO,QAAQ;EACxD,QACE,QAAO"}

package/dist/components/avatar/Avatar.js

@@ -1,12 +1,12 @@
-import { styled as e } from "../../styled.js";
-import { AvatarRootContext as t } from "./AvatarContext.js";
-import { AvatarIcon as n } from "./AvatarIcon.js";
-import { AvatarPlaceholder as r } from "./AvatarPlaceholder.js";
-import { AvatarInitial as i } from "./AvatarInitial.js";
-import { AvatarImage as a } from "./AvatarImage.js";
-import * as o from "react";
+import { styled } from "../../styled.js";
+import { AvatarRootContext } from "./AvatarContext.js";
+import { AvatarIcon } from "./AvatarIcon.js";
+import { AvatarPlaceholder } from "./AvatarPlaceholder.js";
+import { AvatarInitial } from "./AvatarInitial.js";
+import { AvatarImage } from "./AvatarImage.js";
+import * as React$1 from "react";
 //#region src/components/avatar/Avatar.tsx
-var s = [
+var avatarRootStyles = [
 	"flex",
 	"justify-center",
 	"items-center",
@@ -16,8 +16,9 @@ var s = [
 	"border-grey-200",
 	"bg-white",
 	"overflow-hidden"
-], c = e("div", {
-	base: s,
+];
+var StyledDiv = styled("div", {
+	base: avatarRootStyles,
 	variants: { size: {
 		xs: ["size-6"],
 		sm: ["size-8"],
@@ -26,9 +27,10 @@ var s = [
 		xl: ["size-16"],
 		xxl: ["size-24"]
 	} }
-}), l = e("button", {
+});
+var StyledButton = styled("button", {
 	base: [
-		...s,
+		...avatarRootStyles,
 		"not-disabled:active:bg-grey-200",
 		"not-disabled:active:border-primary-800",
 		"not-disabled:hover:bg-grey-100",
@@ -49,28 +51,31 @@ var s = [
 		xl: ["size-16"],
 		xxl: ["size-24"]
 	} }
-}), u = ({ children: e, name: n, size: r }) => {
-	let i = o.useMemo(() => ({
-		name: n,
-		size: r
-	}), [n, r]);
-	return /* @__PURE__ */ o.createElement(t.Provider, { value: i }, e);
-}, d = ({ children: e, size: t = "lg", name: n, disabled: r = !1, onClick: i }) => /* @__PURE__ */ o.createElement(u, {
-	name: n,
-	size: t
-}, i ? /* @__PURE__ */ o.createElement(l, {
-	size: t,
-	disabled: r,
-	onClick: r ? void 0 : i,
-	className: r ? "cursor-auto" : "cursor-pointer"
-}, e) : /* @__PURE__ */ o.createElement(c, { size: t }, e)), f = Object.assign(d, {
-	Image: a,
-	Initial: i,
-	Placeholder: r,
-	Icon: n
 });
-d.displayName = "Avatar";
+var AvatarRootProvider = ({ children, name, size }) => {
+	const value = React$1.useMemo(() => ({
+		name,
+		size
+	}), [name, size]);
+	return /* @__PURE__ */ React$1.createElement(AvatarRootContext.Provider, { value }, children);
+};
+var AvatarRoot = ({ children, size = "lg", name, disabled = false, onClick }) => /* @__PURE__ */ React$1.createElement(AvatarRootProvider, {
+	name,
+	size
+}, onClick ? /* @__PURE__ */ React$1.createElement(StyledButton, {
+	size,
+	disabled,
+	onClick: disabled ? void 0 : onClick,
+	className: disabled ? "cursor-auto" : "cursor-pointer"
+}, children) : /* @__PURE__ */ React$1.createElement(StyledDiv, { size }, children));
+var Avatar = Object.assign(AvatarRoot, {
+	Image: AvatarImage,
+	Initial: AvatarInitial,
+	Placeholder: AvatarPlaceholder,
+	Icon: AvatarIcon
+});
+AvatarRoot.displayName = "Avatar";
 //#endregion
-export { f as Avatar };
+export { Avatar };
 
 //# sourceMappingURL=Avatar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","names":[],"sources":["../../../src/components/avatar/Avatar.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport type { TAvatarRootContext } from './AvatarContext'\nimport { AvatarRootContext } from './AvatarContext'\nimport { AvatarIcon } from './AvatarIcon'\nimport { AvatarImage } from './AvatarImage'\nimport { AvatarInitial } from './AvatarInitial'\nimport { AvatarPlaceholder } from './AvatarPlaceholder'\n\nconst avatarRootStyles = [\n  'flex',\n  'justify-center',\n  'items-center',\n  'text-grey-800',\n  'rounded-full',\n  'border-2',\n  'border-grey-200',\n  'bg-white',\n  'overflow-hidden'\n]\n\nconst StyledDiv = styled('div', {\n  base: avatarRootStyles,\n  variants: {\n    size: {\n      xs: ['size-6'],\n      sm: ['size-8'],\n      md: ['size-10'],\n      lg: ['size-12'],\n      xl: ['size-16'],\n      xxl: ['size-24']\n    }\n  }\n})\n\nconst StyledButton = styled('button', {\n  base: [\n    ...avatarRootStyles,\n    'not-disabled:active:bg-grey-200',\n    'not-disabled:active:border-primary-800',\n    'not-disabled:hover:bg-grey-100',\n    'not-disabled:hover:border-grey-800',\n    'not-disabled:focus-visible:outline-none',\n    'not-disabled:focus-visible:relative',\n    'not-disabled:focus-visible:shadow-[var(--color-primary-800)_0px_0px_0px_4px]',\n    'not-disabled:focus-visible:shadow-[white_0px_0px_0px_2px]',\n    'not-disabled:focus-visible:z-1',\n    'disabled:cursor-not-allowed',\n    'disabled:opacity-30'\n  ],\n  variants: {\n    size: {\n      xs: ['size-6'],\n      sm: ['size-8'],\n      md: ['size-10'],\n      lg: ['size-12'],\n      xl: ['size-16'],\n      xxl: ['size-24']\n    }\n  }\n})\n\ntype TAvatarProps = React.ComponentProps<\n  typeof StyledDiv | typeof StyledButton\n> & {\n  name?: string\n} & (\n    | {\n        onClick: React.MouseEventHandler<HTMLButtonElement>\n        disabled?: boolean\n      }\n    | { onClick?: never; disabled?: never }\n  )\n\nexport { AvatarRootContext }\nexport type { TAvatarRootContext }\n\nexport const AvatarRootProvider = ({ children, name, size }: TAvatarProps) => {\n  const value = React.useMemo<TAvatarRootContext>(\n    () => ({ name, size }),\n    [name, size]\n  )\n\n  return (\n    <AvatarRootContext.Provider value={value}>\n      {children}\n    </AvatarRootContext.Provider>\n  )\n}\n\nexport const AvatarRoot = ({\n  children,\n  size = 'lg',\n  name,\n  disabled = false,\n  onClick\n}: TAvatarProps) => (\n  <AvatarRootProvider name={name} size={size}>\n    {onClick ? (\n      <StyledButton\n        size={size}\n        disabled={disabled}\n        onClick={disabled ? undefined : onClick}\n        className={disabled ? 'cursor-auto' : 'cursor-pointer'}\n      >\n        {children}\n      </StyledButton>\n    ) : (\n      <StyledDiv size={size}>{children}</StyledDiv>\n    )}\n  </AvatarRootProvider>\n)\n\nexport const Avatar = Object.assign(AvatarRoot, {\n  Image: AvatarImage,\n  Initial: AvatarInitial,\n  Placeholder: AvatarPlaceholder,\n  Icon: AvatarIcon\n})\n\nAvatarRoot.displayName = 'Avatar'\n"],"mappings":";;;;;;;;AAWA,IAAM,IAAmB;CACvB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EAEK,IAAY,EAAO,OAAO;CAC9B,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI,CAAC,SAAS;EACd,IAAI,CAAC,SAAS;EACd,IAAI,CAAC,UAAU;EACf,IAAI,CAAC,UAAU;EACf,IAAI,CAAC,UAAU;EACf,KAAK,CAAC,UAAU;EACjB,EACF;CACF,CAAC,EAEI,IAAe,EAAO,UAAU;CACpC,MAAM;EACJ,GAAG;EACH;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACD,UAAU,EACR,MAAM;EACJ,IAAI,CAAC,SAAS;EACd,IAAI,CAAC,SAAS;EACd,IAAI,CAAC,UAAU;EACf,IAAI,CAAC,UAAU;EACf,IAAI,CAAC,UAAU;EACf,KAAK,CAAC,UAAU;EACjB,EACF;CACF,CAAC,EAiBW,KAAsB,EAAE,aAAU,SAAM,cAAyB;CAC5E,IAAM,IAAQ,EAAM,eACX;EAAE;EAAM;EAAM,GACrB,CAAC,GAAM,EAAK,CACb;AAED,QACE,kBAAA,cAAC,EAAkB,UAAnB,EAAmC,UAEN,EAD1B,EAC0B;GAIpB,KAAc,EACzB,aACA,UAAO,MACP,SACA,cAAW,IACX,iBAEA,kBAAA,cAAC,GAAD;CAA0B;CAAY;CAajB,EAZlB,IACC,kBAAA,cAAC,GAAD;CACQ;CACI;CACV,SAAS,IAAW,KAAA,IAAY;CAChC,WAAW,IAAW,gBAAgB;CAGzB,EADZ,EACY,GAEf,kBAAA,cAAC,GAAD,EAAiB,SAA4B,EAArB,EAAqB,CAE5B,EAGV,IAAS,OAAO,OAAO,GAAY;CAC9C,OAAO;CACP,SAAS;CACT,aAAa;CACb,MAAM;CACP,CAAC;AAEF,EAAW,cAAc"}
+{"version":3,"file":"Avatar.js","names":[],"sources":["../../../src/components/avatar/Avatar.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport type { TAvatarRootContext } from './AvatarContext'\nimport { AvatarRootContext } from './AvatarContext'\nimport { AvatarIcon } from './AvatarIcon'\nimport { AvatarImage } from './AvatarImage'\nimport { AvatarInitial } from './AvatarInitial'\nimport { AvatarPlaceholder } from './AvatarPlaceholder'\n\nconst avatarRootStyles = [\n  'flex',\n  'justify-center',\n  'items-center',\n  'text-grey-800',\n  'rounded-full',\n  'border-2',\n  'border-grey-200',\n  'bg-white',\n  'overflow-hidden'\n]\n\nconst StyledDiv = styled('div', {\n  base: avatarRootStyles,\n  variants: {\n    size: {\n      xs: ['size-6'],\n      sm: ['size-8'],\n      md: ['size-10'],\n      lg: ['size-12'],\n      xl: ['size-16'],\n      xxl: ['size-24']\n    }\n  }\n})\n\nconst StyledButton = styled('button', {\n  base: [\n    ...avatarRootStyles,\n    'not-disabled:active:bg-grey-200',\n    'not-disabled:active:border-primary-800',\n    'not-disabled:hover:bg-grey-100',\n    'not-disabled:hover:border-grey-800',\n    'not-disabled:focus-visible:outline-none',\n    'not-disabled:focus-visible:relative',\n    'not-disabled:focus-visible:shadow-[var(--color-primary-800)_0px_0px_0px_4px]',\n    'not-disabled:focus-visible:shadow-[white_0px_0px_0px_2px]',\n    'not-disabled:focus-visible:z-1',\n    'disabled:cursor-not-allowed',\n    'disabled:opacity-30'\n  ],\n  variants: {\n    size: {\n      xs: ['size-6'],\n      sm: ['size-8'],\n      md: ['size-10'],\n      lg: ['size-12'],\n      xl: ['size-16'],\n      xxl: ['size-24']\n    }\n  }\n})\n\ntype TAvatarProps = React.ComponentProps<\n  typeof StyledDiv | typeof StyledButton\n> & {\n  name?: string\n} & (\n    | {\n        onClick: React.MouseEventHandler<HTMLButtonElement>\n        disabled?: boolean\n      }\n    | { onClick?: never; disabled?: never }\n  )\n\nexport { AvatarRootContext }\nexport type { TAvatarRootContext }\n\nexport const AvatarRootProvider = ({ children, name, size }: TAvatarProps) => {\n  const value = React.useMemo<TAvatarRootContext>(\n    () => ({ name, size }),\n    [name, size]\n  )\n\n  return (\n    <AvatarRootContext.Provider value={value}>\n      {children}\n    </AvatarRootContext.Provider>\n  )\n}\n\nexport const AvatarRoot = ({\n  children,\n  size = 'lg',\n  name,\n  disabled = false,\n  onClick\n}: TAvatarProps) => (\n  <AvatarRootProvider name={name} size={size}>\n    {onClick ? (\n      <StyledButton\n        size={size}\n        disabled={disabled}\n        onClick={disabled ? undefined : onClick}\n        className={disabled ? 'cursor-auto' : 'cursor-pointer'}\n      >\n        {children}\n      </StyledButton>\n    ) : (\n      <StyledDiv size={size}>{children}</StyledDiv>\n    )}\n  </AvatarRootProvider>\n)\n\nexport const Avatar = Object.assign(AvatarRoot, {\n  Image: AvatarImage,\n  Initial: AvatarInitial,\n  Placeholder: AvatarPlaceholder,\n  Icon: AvatarIcon\n})\n\nAvatarRoot.displayName = 'Avatar'\n"],"mappings":";;;;;;;;AAWA,IAAM,mBAAmB;CACvB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAED,IAAM,YAAY,OAAO,OAAO;CAC9B,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI,CAAC,SAAS;EACd,IAAI,CAAC,SAAS;EACd,IAAI,CAAC,UAAU;EACf,IAAI,CAAC,UAAU;EACf,IAAI,CAAC,UAAU;EACf,KAAK,CAAC,UAAU;EACjB,EACF;CACF,CAAC;AAEF,IAAM,eAAe,OAAO,UAAU;CACpC,MAAM;EACJ,GAAG;EACH;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACD,UAAU,EACR,MAAM;EACJ,IAAI,CAAC,SAAS;EACd,IAAI,CAAC,SAAS;EACd,IAAI,CAAC,UAAU;EACf,IAAI,CAAC,UAAU;EACf,IAAI,CAAC,UAAU;EACf,KAAK,CAAC,UAAU;EACjB,EACF;CACF,CAAC;AAiBF,IAAa,sBAAsB,EAAE,UAAU,MAAM,WAAyB;CAC5E,MAAM,QAAQ,QAAM,eACX;EAAE;EAAM;EAAM,GACrB,CAAC,MAAM,KAAK,CACb;AAED,QACE,wBAAA,cAAC,kBAAkB,UAAnB,EAAmC,OAEN,EAD1B,SAC0B;;AAIjC,IAAa,cAAc,EACzB,UACA,OAAO,MACP,MACA,WAAW,OACX,cAEA,wBAAA,cAAC,oBAAD;CAA0B;CAAY;CAajB,EAZlB,UACC,wBAAA,cAAC,cAAD;CACQ;CACI;CACV,SAAS,WAAW,KAAA,IAAY;CAChC,WAAW,WAAW,gBAAgB;CAGzB,EADZ,SACY,GAEf,wBAAA,cAAC,WAAD,EAAiB,MAA4B,EAArB,SAAqB,CAE5B;AAGvB,IAAa,SAAS,OAAO,OAAO,YAAY;CAC9C,OAAO;CACP,SAAS;CACT,aAAa;CACb,MAAM;CACP,CAAC;AAEF,WAAW,cAAc"}

package/dist/components/avatar/AvatarContext.js

@@ -1,10 +1,10 @@
-import * as e from "react";
+import * as React$1 from "react";
 //#region src/components/avatar/AvatarContext.tsx
-var t = e.createContext({
+var AvatarRootContext = React$1.createContext({
 	name: void 0,
 	size: "lg"
 });
 //#endregion
-export { t as AvatarRootContext };
+export { AvatarRootContext };
 
 //# sourceMappingURL=AvatarContext.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarContext.js","names":[],"sources":["../../../src/components/avatar/AvatarContext.tsx"],"sourcesContent":["import * as React from 'react'\n\nexport type TAvatarRootContext = {\n  name?: string\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'\n}\n\nexport const AvatarRootContext = React.createContext<TAvatarRootContext>({\n  name: undefined,\n  size: 'lg'\n})\n"],"mappings":";;AAOA,IAAa,IAAoB,EAAM,cAAkC;CACvE,MAAM,KAAA;CACN,MAAM;CACP,CAAC"}
+{"version":3,"file":"AvatarContext.js","names":[],"sources":["../../../src/components/avatar/AvatarContext.tsx"],"sourcesContent":["import * as React from 'react'\n\nexport type TAvatarRootContext = {\n  name?: string\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'\n}\n\nexport const AvatarRootContext = React.createContext<TAvatarRootContext>({\n  name: undefined,\n  size: 'lg'\n})\n"],"mappings":";;AAOA,IAAa,oBAAoB,QAAM,cAAkC;CACvE,MAAM,KAAA;CACN,MAAM;CACP,CAAC"}

package/dist/components/avatar/AvatarIcon.js

@@ -1,23 +1,25 @@
-import { Icon as e } from "../icon/Icon.js";
-import { AvatarRootContext as t } from "./AvatarContext.js";
-import { overrideStyledVariantValue as n } from "../../utilities/override-styled-variant-value/overrideStyledVariantValue.js";
-import * as r from "react";
+import { Icon } from "../icon/Icon.js";
+import { AvatarRootContext } from "./AvatarContext.js";
+import { overrideStyledVariantValue } from "../../utilities/override-styled-variant-value/overrideStyledVariantValue.js";
+import * as React$1 from "react";
 //#region src/components/avatar/AvatarIcon.tsx
-var i = {
+var toIconSize = {
 	xs: "sm",
 	sm: "sm",
 	md: "md",
 	lg: "md",
 	xl: "lg",
 	xxl: "lg"
-}, a = ({ is: a }) => {
-	let { size: o } = r.useContext(t), s = r.useMemo(() => n(o, (e) => i[e]), [o]);
-	return /* @__PURE__ */ r.createElement(e, {
-		size: s,
-		is: a
+};
+var AvatarIcon = ({ is }) => {
+	const { size } = React$1.useContext(AvatarRootContext);
+	const iconSize = React$1.useMemo(() => overrideStyledVariantValue(size, (s) => toIconSize[s]), [size]);
+	return /* @__PURE__ */ React$1.createElement(Icon, {
+		size: iconSize,
+		is
 	});
 };
 //#endregion
-export { a as AvatarIcon };
+export { AvatarIcon };
 
 //# sourceMappingURL=AvatarIcon.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarIcon.js","names":[],"sources":["../../../src/components/avatar/AvatarIcon.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { overrideStyledVariantValue } from '~/utilities/override-styled-variant-value/overrideStyledVariantValue'\n\nimport { Icon } from '../icon/Icon'\nimport { AvatarRootContext } from './AvatarContext'\n\nconst toIconSize = {\n  xs: 'sm',\n  sm: 'sm',\n  md: 'md',\n  lg: 'md',\n  xl: 'lg',\n  xxl: 'lg'\n}\n\nexport const AvatarIcon = ({ is }: { is: typeof Icon }) => {\n  const rootContext = React.useContext(AvatarRootContext)\n  const { size } = rootContext\n  const iconSize = React.useMemo(\n    () => overrideStyledVariantValue(size, (s) => toIconSize[s]),\n    [size]\n  )\n\n  return <Icon size={iconSize} is={is} />\n}\n"],"mappings":";;;;;AAOA,IAAM,IAAa;CACjB,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,KAAK;CACN,EAEY,KAAc,EAAE,YAA8B;CAEzD,IAAM,EAAE,YADY,EAAM,WAAW,EAAkB,EAEjD,IAAW,EAAM,cACf,EAA2B,IAAO,MAAM,EAAW,GAAG,EAC5D,CAAC,EAAK,CACP;AAED,QAAO,kBAAA,cAAC,GAAD;EAAM,MAAM;EAAc;EAAM,CAAA"}
+{"version":3,"file":"AvatarIcon.js","names":[],"sources":["../../../src/components/avatar/AvatarIcon.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { overrideStyledVariantValue } from '~/utilities/override-styled-variant-value/overrideStyledVariantValue'\n\nimport { Icon } from '../icon/Icon'\nimport { AvatarRootContext } from './AvatarContext'\n\nconst toIconSize = {\n  xs: 'sm',\n  sm: 'sm',\n  md: 'md',\n  lg: 'md',\n  xl: 'lg',\n  xxl: 'lg'\n}\n\nexport const AvatarIcon = ({ is }: { is: typeof Icon }) => {\n  const rootContext = React.useContext(AvatarRootContext)\n  const { size } = rootContext\n  const iconSize = React.useMemo(\n    () => overrideStyledVariantValue(size, (s) => toIconSize[s]),\n    [size]\n  )\n\n  return <Icon size={iconSize} is={is} />\n}\n"],"mappings":";;;;;AAOA,IAAM,aAAa;CACjB,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,KAAK;CACN;AAED,IAAa,cAAc,EAAE,SAA8B;CAEzD,MAAM,EAAE,SADY,QAAM,WAAW,kBAAkB;CAEvD,MAAM,WAAW,QAAM,cACf,2BAA2B,OAAO,MAAM,WAAW,GAAG,EAC5D,CAAC,KAAK,CACP;AAED,QAAO,wBAAA,cAAC,MAAD;EAAM,MAAM;EAAc;EAAM,CAAA"}

package/dist/components/avatar/AvatarImage.js

@@ -1,13 +1,16 @@
-import { Image as e } from "../image/Image.js";
-import { AvatarInitial as t } from "./AvatarInitial.js";
-import * as n from "react";
+import { Image } from "../image/Image.js";
+import { AvatarInitial } from "./AvatarInitial.js";
+import * as React$1 from "react";
 //#region src/components/avatar/AvatarImage.tsx
-var r = ({ src: r, alt: i }) => r ? /* @__PURE__ */ n.createElement(e, {
-	className: "size-full object-cover",
-	src: r,
-	alt: i
-}) : /* @__PURE__ */ n.createElement(t, null);
+var AvatarImage = ({ src, alt }) => {
+	if (!src) return /* @__PURE__ */ React$1.createElement(AvatarInitial, null);
+	return /* @__PURE__ */ React$1.createElement(Image, {
+		className: "size-full object-cover",
+		src,
+		alt
+	});
+};
 //#endregion
-export { r as AvatarImage };
+export { AvatarImage };
 
 //# sourceMappingURL=AvatarImage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarImage.js","names":[],"sources":["../../../src/components/avatar/AvatarImage.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Image } from '../image/Image'\nimport { AvatarInitial } from './AvatarInitial'\n\nexport const AvatarImage = ({ src, alt }: { src: string; alt: string }) => {\n  if (!src) {\n    return <AvatarInitial />\n  }\n\n  return <Image className=\"size-full object-cover\" src={src} alt={alt} />\n}\n"],"mappings":";;;;AAKA,IAAa,KAAe,EAAE,QAAK,aAC5B,IAIE,kBAAA,cAAC,GAAD;CAAO,WAAU;CAA8B;CAAU;CAAO,CAAA,GAH9D,kBAAA,cAAC,GAAA,KAAgB"}
+{"version":3,"file":"AvatarImage.js","names":[],"sources":["../../../src/components/avatar/AvatarImage.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Image } from '../image/Image'\nimport { AvatarInitial } from './AvatarInitial'\n\nexport const AvatarImage = ({ src, alt }: { src: string; alt: string }) => {\n  if (!src) {\n    return <AvatarInitial />\n  }\n\n  return <Image className=\"size-full object-cover\" src={src} alt={alt} />\n}\n"],"mappings":";;;;AAKA,IAAa,eAAe,EAAE,KAAK,UAAwC;AACzE,KAAI,CAAC,IACH,QAAO,wBAAA,cAAC,eAAA,KAAgB;AAG1B,QAAO,wBAAA,cAAC,OAAD;EAAO,WAAU;EAA8B;EAAU;EAAO,CAAA"}

package/dist/components/avatar/AvatarInitial.js

@@ -1,24 +1,27 @@
-import { Text as e } from "../text/Text.js";
-import { AvatarRootContext as t } from "./AvatarContext.js";
-import { overrideStyledVariantValue as n } from "../../utilities/override-styled-variant-value/overrideStyledVariantValue.js";
-import { AvatarPlaceholder as r } from "./AvatarPlaceholder.js";
-import * as i from "react";
+import { Text } from "../text/Text.js";
+import { AvatarRootContext } from "./AvatarContext.js";
+import { overrideStyledVariantValue } from "../../utilities/override-styled-variant-value/overrideStyledVariantValue.js";
+import { AvatarPlaceholder } from "./AvatarPlaceholder.js";
+import * as React$1 from "react";
 //#region src/components/avatar/AvatarInitial.tsx
-var a = {
+var toTextSize = {
 	xs: "xs",
 	sm: "sm",
 	md: "sm",
 	lg: "md",
 	xl: "md",
 	xxl: "lg"
-}, o = () => {
-	let { name: o, size: s } = i.useContext(t), c = i.useMemo(() => n(s, (e) => a[e]), [s]);
-	return o ? /* @__PURE__ */ i.createElement(e, {
-		size: c,
+};
+var AvatarInitial = () => {
+	const { name, size } = React$1.useContext(AvatarRootContext);
+	const textSize = React$1.useMemo(() => overrideStyledVariantValue(size, (s) => toTextSize[s]), [size]);
+	if (!name) return /* @__PURE__ */ React$1.createElement(AvatarPlaceholder, null);
+	return /* @__PURE__ */ React$1.createElement(Text, {
+		size: textSize,
 		className: "text-grey-800"
-	}, o[0].toUpperCase()) : /* @__PURE__ */ i.createElement(r, null);
+	}, name[0].toUpperCase());
 };
 //#endregion
-export { o as AvatarInitial };
+export { AvatarInitial };
 
 //# sourceMappingURL=AvatarInitial.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarInitial.js","names":[],"sources":["../../../src/components/avatar/AvatarInitial.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { overrideStyledVariantValue } from '~/utilities/override-styled-variant-value/overrideStyledVariantValue'\n\nimport { Text } from '../text/Text'\nimport { AvatarRootContext } from './AvatarContext'\nimport { AvatarPlaceholder } from './AvatarPlaceholder'\n\nconst toTextSize = {\n  xs: 'xs',\n  sm: 'sm',\n  md: 'sm',\n  lg: 'md',\n  xl: 'md',\n  xxl: 'lg'\n}\n\nexport const AvatarInitial = () => {\n  const rootContext = React.useContext(AvatarRootContext)\n  const { name, size } = rootContext\n  const textSize = React.useMemo(\n    () => overrideStyledVariantValue(size, (s) => toTextSize[s]),\n    [size]\n  )\n\n  if (!name) {\n    return <AvatarPlaceholder />\n  }\n\n  return (\n    <Text size={textSize} className=\"text-grey-800\">\n      {name[0].toUpperCase()}\n    </Text>\n  )\n}\n"],"mappings":";;;;;;AAQA,IAAM,IAAa;CACjB,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,KAAK;CACN,EAEY,UAAsB;CAEjC,IAAM,EAAE,SAAM,YADM,EAAM,WAAW,EAAkB,EAEjD,IAAW,EAAM,cACf,EAA2B,IAAO,MAAM,EAAW,GAAG,EAC5D,CAAC,EAAK,CACP;AAMD,QAJK,IAKH,kBAAA,cAAC,GAAD;EAAM,MAAM;EAAU,WAAU;EAEzB,EADJ,EAAK,GAAG,aAAa,CACjB,GANA,kBAAA,cAAC,GAAA,KAAoB"}
+{"version":3,"file":"AvatarInitial.js","names":[],"sources":["../../../src/components/avatar/AvatarInitial.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { overrideStyledVariantValue } from '~/utilities/override-styled-variant-value/overrideStyledVariantValue'\n\nimport { Text } from '../text/Text'\nimport { AvatarRootContext } from './AvatarContext'\nimport { AvatarPlaceholder } from './AvatarPlaceholder'\n\nconst toTextSize = {\n  xs: 'xs',\n  sm: 'sm',\n  md: 'sm',\n  lg: 'md',\n  xl: 'md',\n  xxl: 'lg'\n}\n\nexport const AvatarInitial = () => {\n  const rootContext = React.useContext(AvatarRootContext)\n  const { name, size } = rootContext\n  const textSize = React.useMemo(\n    () => overrideStyledVariantValue(size, (s) => toTextSize[s]),\n    [size]\n  )\n\n  if (!name) {\n    return <AvatarPlaceholder />\n  }\n\n  return (\n    <Text size={textSize} className=\"text-grey-800\">\n      {name[0].toUpperCase()}\n    </Text>\n  )\n}\n"],"mappings":";;;;;;AAQA,IAAM,aAAa;CACjB,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,KAAK;CACN;AAED,IAAa,sBAAsB;CAEjC,MAAM,EAAE,MAAM,SADM,QAAM,WAAW,kBAAkB;CAEvD,MAAM,WAAW,QAAM,cACf,2BAA2B,OAAO,MAAM,WAAW,GAAG,EAC5D,CAAC,KAAK,CACP;AAED,KAAI,CAAC,KACH,QAAO,wBAAA,cAAC,mBAAA,KAAoB;AAG9B,QACE,wBAAA,cAAC,MAAD;EAAM,MAAM;EAAU,WAAU;EAEzB,EADJ,KAAK,GAAG,aAAa,CACjB"}

package/dist/components/avatar/AvatarPlaceholder.js

@@ -1,12 +1,14 @@
-import { Icon as e } from "../icon/Icon.js";
-import * as t from "react";
-import { User as n } from "@atom-learning/icons";
+import { Icon } from "../icon/Icon.js";
+import * as React$1 from "react";
+import { User } from "@atom-learning/icons";
 //#region src/components/avatar/AvatarPlaceholder.tsx
-var r = () => /* @__PURE__ */ t.createElement("div", { className: "relative size-full" }, /* @__PURE__ */ t.createElement(e, {
-	is: n,
-	className: "size-full"
-}));
+var AvatarPlaceholder = () => {
+	return /* @__PURE__ */ React$1.createElement("div", { className: "relative size-full" }, /* @__PURE__ */ React$1.createElement(Icon, {
+		is: User,
+		className: "size-full"
+	}));
+};
 //#endregion
-export { r as AvatarPlaceholder };
+export { AvatarPlaceholder };
 
 //# sourceMappingURL=AvatarPlaceholder.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarPlaceholder.js","names":[],"sources":["../../../src/components/avatar/AvatarPlaceholder.tsx"],"sourcesContent":["import { User } from '@atom-learning/icons'\nimport * as React from 'react'\n\nimport { Icon } from '../icon/Icon'\n\nexport const AvatarPlaceholder = () => {\n  return (\n    <div className=\"relative size-full\">\n      <Icon is={User} className=\"size-full\" />\n    </div>\n  )\n}\n"],"mappings":";;;;AAKA,IAAa,UAET,kBAAA,cAAC,OAAD,EAAK,WAAU,sBAET,EADJ,kBAAA,cAAC,GAAD;CAAM,IAAI;CAAM,WAAU;CAAc,CAAA,CACpC"}
+{"version":3,"file":"AvatarPlaceholder.js","names":[],"sources":["../../../src/components/avatar/AvatarPlaceholder.tsx"],"sourcesContent":["import { User } from '@atom-learning/icons'\nimport * as React from 'react'\n\nimport { Icon } from '../icon/Icon'\n\nexport const AvatarPlaceholder = () => {\n  return (\n    <div className=\"relative size-full\">\n      <Icon is={User} className=\"size-full\" />\n    </div>\n  )\n}\n"],"mappings":";;;;AAKA,IAAa,0BAA0B;AACrC,QACE,wBAAA,cAAC,OAAD,EAAK,WAAU,sBAET,EADJ,wBAAA,cAAC,MAAD;EAAM,IAAI;EAAM,WAAU;EAAc,CAAA,CACpC"}

package/dist/components/badge/Badge.colorscheme.config.js

@@ -1,92 +1,99 @@
 //#region src/components/badge/Badge.colorscheme.config.ts
-var e = (e, t = {}) => ({
-	"--text-subtle": `var(--color-${e}-1000)`,
-	"--background-subtle": `var(--color-${e}-200)`,
-	"--text-subtle-hover": `var(--color-${e}-1100)`,
-	"--background-subtle-hover": `var(--color-${e}-300)`,
+var createScheme = (c, overrides = {}) => ({
+	"--text-subtle": `var(--color-${c}-1000)`,
+	"--background-subtle": `var(--color-${c}-200)`,
+	"--text-subtle-hover": `var(--color-${c}-1100)`,
+	"--background-subtle-hover": `var(--color-${c}-300)`,
 	"--text-bold": "white",
-	"--background-bold": `var(--color-${e}-800)`,
-	"--background-bold-hover": `var(--color-${e}-900)`,
-	"--text-on-white": `var(--color-${e}-800)`,
-	...t
-}), t = {
+	"--background-bold": `var(--color-${c}-800)`,
+	"--background-bold-hover": `var(--color-${c}-900)`,
+	"--text-on-white": `var(--color-${c}-800)`,
+	...overrides
+});
+var info = {
 	"--text-subtle": "var(--color-info-mid)",
 	"--background-subtle": "var(--color-info-light)",
 	"--text-bold": "white",
 	"--background-bold": "var(--color-info)",
 	"--text-on-white": "var(--color-info)"
-}, n = {
+};
+var neutral = {
 	"--text-subtle": "var(--color-grey-900)",
 	"--background-subtle": "var(--color-grey-100)",
 	"--text-bold": "white",
 	"--background-bold": "var(--color-grey-800)",
 	"--text-on-white": "var(--color-grey-800)"
-}, r = {
+};
+var success = {
 	"--text-subtle": "var(--color-success-mid)",
 	"--background-subtle": "var(--color-success-light)",
 	"--text-bold": "white",
 	"--background-bold": "var(--color-success)",
 	"--text-on-white": "var(--color-success)"
-}, i = {
+};
+var danger = {
 	"--text-subtle": "var(--color-danger-mid)",
 	"--background-subtle": "var(--color-danger-light)",
 	"--text-bold": "white",
 	"--background-bold": "var(--color-danger)",
 	"--text-on-white": "var(--color-danger)"
-}, a = {
+};
+var warning = {
 	"--text-subtle": "var(--color-warning-text)",
 	"--background-subtle": "var(--color-warning-light)",
 	"--text-bold": "var(--color-grey-1000)",
 	"--background-bold": "var(--color-warning)",
 	"--text-on-white": "var(--color-warning)"
-}, o = [
+};
+var badgeSemanticNames = [
 	"info",
 	"neutral",
 	"success",
 	"danger",
 	"warning"
-], s = {
-	info: t,
-	neutral: n,
-	success: r,
-	danger: i,
-	warning: a,
-	primary: e("primary"),
-	grey: e("grey"),
-	blue: e("blue"),
-	pink: e("pink"),
-	purple: e("purple", { "--text-on-white": "var(--color-purple-700)" }),
-	cyan: e("cyan"),
-	green: e("green"),
-	magenta: e("magenta"),
-	red: e("red", { "--background-subtle-hover": "var(--color-red-400)" }),
-	teal: e("teal"),
-	orange: e("orange", {
+];
+var colorSchemes = {
+	info,
+	neutral,
+	success,
+	danger,
+	warning,
+	primary: createScheme("primary"),
+	grey: createScheme("grey"),
+	blue: createScheme("blue"),
+	pink: createScheme("pink"),
+	purple: createScheme("purple", { "--text-on-white": "var(--color-purple-700)" }),
+	cyan: createScheme("cyan"),
+	green: createScheme("green"),
+	magenta: createScheme("magenta"),
+	red: createScheme("red", { "--background-subtle-hover": "var(--color-red-400)" }),
+	teal: createScheme("teal"),
+	orange: createScheme("orange", {
 		"--text-bold": "var(--color-grey-1200)",
 		"--background-bold": "var(--color-orange-600)",
 		"--background-bold-hover": "var(--color-orange-700)",
 		"--text-on-white": "var(--color-orange-1000)"
 	}),
-	yellow: e("yellow", {
+	yellow: createScheme("yellow", {
 		"--text-bold": "var(--color-grey-1200)",
 		"--background-bold": "var(--color-yellow-500)",
 		"--background-bold-hover": "var(--color-yellow-600)",
 		"--text-on-white": "var(--color-yellow-900)"
 	}),
-	lime: e("lime", {
+	lime: createScheme("lime", {
 		"--text-bold": "var(--color-grey-1200)",
 		"--background-bold": "var(--color-lime-600)",
 		"--background-bold-hover": "var(--color-lime-700)",
 		"--text-on-white": "var(--color-lime-900)"
 	}),
-	lapis: e("lapis", {
+	lapis: createScheme("lapis", {
 		"--background-bold": "var(--color-lapis-700)",
 		"--text-on-white": "var(--color-lapis-700)"
 	}),
-	maroon: e("maroon", { "--text-on-white": "var(--color-maroon-700)" }),
-	marsh: e("marsh", { "--text-on-white": "var(--color-marsh-700)" })
+	maroon: createScheme("maroon", { "--text-on-white": "var(--color-maroon-700)" }),
+	marsh: createScheme("marsh", { "--text-on-white": "var(--color-marsh-700)" })
 };
 //#endregion
-export { o as badgeSemanticNames, s as colorSchemes };
+export { badgeSemanticNames, colorSchemes };
 
 //# sourceMappingURL=Badge.colorscheme.config.js.map

package/dist/components/badge/Badge.colorscheme.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.colorscheme.config.js","names":[],"sources":["../../../src/components/badge/Badge.colorscheme.config.ts"],"sourcesContent":["/*\n\t•\tFactory for non-semantic color schemes\n*/\nconst createScheme = (c: string, overrides: Record<string, string> = {}) => ({\n  '--text-subtle': `var(--color-${c}-1000)`,\n  '--background-subtle': `var(--color-${c}-200)`,\n  '--text-subtle-hover': `var(--color-${c}-1100)`,\n  '--background-subtle-hover': `var(--color-${c}-300)`,\n  '--text-bold': 'white',\n  '--background-bold': `var(--color-${c}-800)`,\n  '--background-bold-hover': `var(--color-${c}-900)`,\n  '--text-on-white': `var(--color-${c}-800)`,\n  ...overrides\n})\n\n/*\n\t•\tSemantic themes\n*/\nconst info = {\n  '--text-subtle': 'var(--color-info-mid)',\n  '--background-subtle': 'var(--color-info-light)',\n  '--text-bold': 'white',\n  '--background-bold': 'var(--color-info)',\n  '--text-on-white': 'var(--color-info)'\n}\nconst neutral = {\n  '--text-subtle': 'var(--color-grey-900)',\n  '--background-subtle': 'var(--color-grey-100)',\n  '--text-bold': 'white',\n  '--background-bold': 'var(--color-grey-800)',\n  '--text-on-white': 'var(--color-grey-800)'\n}\nconst success = {\n  '--text-subtle': 'var(--color-success-mid)',\n  '--background-subtle': 'var(--color-success-light)',\n  '--text-bold': 'white',\n  '--background-bold': 'var(--color-success)',\n  '--text-on-white': 'var(--color-success)'\n}\nconst danger = {\n  '--text-subtle': 'var(--color-danger-mid)',\n  '--background-subtle': 'var(--color-danger-light)',\n  '--text-bold': 'white',\n  '--background-bold': 'var(--color-danger)',\n  '--text-on-white': 'var(--color-danger)'\n}\nconst warning = {\n  '--text-subtle': 'var(--color-warning-text)',\n  '--background-subtle': 'var(--color-warning-light)',\n  '--text-bold': 'var(--color-grey-1000)',\n  '--background-bold': 'var(--color-warning)',\n  '--text-on-white': 'var(--color-warning)'\n}\n\n/*\n\t•\tNon-semantic themes\n*/\nexport const badgeSemanticNames = [\n  'info',\n  'neutral',\n  'success',\n  'danger',\n  'warning'\n]\nexport const colorSchemes = {\n  info,\n  neutral,\n  success,\n  danger,\n  warning,\n  primary: createScheme('primary'),\n  grey: createScheme('grey'),\n  blue: createScheme('blue'),\n  pink: createScheme('pink'),\n  purple: createScheme('purple', {\n    '--text-on-white': 'var(--color-purple-700)'\n  }),\n  cyan: createScheme('cyan'),\n  green: createScheme('green'),\n  magenta: createScheme('magenta'),\n  red: createScheme('red', {\n    '--background-subtle-hover': 'var(--color-red-400)'\n  }),\n  teal: createScheme('teal'),\n  orange: createScheme('orange', {\n    '--text-bold': 'var(--color-grey-1200)',\n    '--background-bold': 'var(--color-orange-600)',\n    '--background-bold-hover': 'var(--color-orange-700)',\n    '--text-on-white': 'var(--color-orange-1000)'\n  }),\n  yellow: createScheme('yellow', {\n    '--text-bold': 'var(--color-grey-1200)',\n    '--background-bold': 'var(--color-yellow-500)',\n    '--background-bold-hover': 'var(--color-yellow-600)',\n    '--text-on-white': 'var(--color-yellow-900)'\n  }),\n  lime: createScheme('lime', {\n    '--text-bold': 'var(--color-grey-1200)',\n    '--background-bold': 'var(--color-lime-600)',\n    '--background-bold-hover': 'var(--color-lime-700)',\n    '--text-on-white': 'var(--color-lime-900)'\n  }),\n  lapis: createScheme('lapis', {\n    '--background-bold': 'var(--color-lapis-700)',\n    '--text-on-white': 'var(--color-lapis-700)'\n  }),\n  maroon: createScheme('maroon', {\n    '--text-on-white': 'var(--color-maroon-700)'\n  }),\n  marsh: createScheme('marsh', { '--text-on-white': 'var(--color-marsh-700)' })\n}\n"],"mappings":";AAGA,IAAM,KAAgB,GAAW,IAAoC,EAAE,MAAM;CAC3E,iBAAiB,eAAe,EAAE;CAClC,uBAAuB,eAAe,EAAE;CACxC,uBAAuB,eAAe,EAAE;CACxC,6BAA6B,eAAe,EAAE;CAC9C,eAAe;CACf,qBAAqB,eAAe,EAAE;CACtC,2BAA2B,eAAe,EAAE;CAC5C,mBAAmB,eAAe,EAAE;CACpC,GAAG;CACJ,GAKK,IAAO;CACX,iBAAiB;CACjB,uBAAuB;CACvB,eAAe;CACf,qBAAqB;CACrB,mBAAmB;CACpB,EACK,IAAU;CACd,iBAAiB;CACjB,uBAAuB;CACvB,eAAe;CACf,qBAAqB;CACrB,mBAAmB;CACpB,EACK,IAAU;CACd,iBAAiB;CACjB,uBAAuB;CACvB,eAAe;CACf,qBAAqB;CACrB,mBAAmB;CACpB,EACK,IAAS;CACb,iBAAiB;CACjB,uBAAuB;CACvB,eAAe;CACf,qBAAqB;CACrB,mBAAmB;CACpB,EACK,IAAU;CACd,iBAAiB;CACjB,uBAAuB;CACvB,eAAe;CACf,qBAAqB;CACrB,mBAAmB;CACpB,EAKY,IAAqB;CAChC;CACA;CACA;CACA;CACA;CACD,EACY,IAAe;CAC1B;CACA;CACA;CACA;CACA;CACA,SAAS,EAAa,UAAU;CAChC,MAAM,EAAa,OAAO;CAC1B,MAAM,EAAa,OAAO;CAC1B,MAAM,EAAa,OAAO;CAC1B,QAAQ,EAAa,UAAU,EAC7B,mBAAmB,2BACpB,CAAC;CACF,MAAM,EAAa,OAAO;CAC1B,OAAO,EAAa,QAAQ;CAC5B,SAAS,EAAa,UAAU;CAChC,KAAK,EAAa,OAAO,EACvB,6BAA6B,wBAC9B,CAAC;CACF,MAAM,EAAa,OAAO;CAC1B,QAAQ,EAAa,UAAU;EAC7B,eAAe;EACf,qBAAqB;EACrB,2BAA2B;EAC3B,mBAAmB;EACpB,CAAC;CACF,QAAQ,EAAa,UAAU;EAC7B,eAAe;EACf,qBAAqB;EACrB,2BAA2B;EAC3B,mBAAmB;EACpB,CAAC;CACF,MAAM,EAAa,QAAQ;EACzB,eAAe;EACf,qBAAqB;EACrB,2BAA2B;EAC3B,mBAAmB;EACpB,CAAC;CACF,OAAO,EAAa,SAAS;EAC3B,qBAAqB;EACrB,mBAAmB;EACpB,CAAC;CACF,QAAQ,EAAa,UAAU,EAC7B,mBAAmB,2BACpB,CAAC;CACF,OAAO,EAAa,SAAS,EAAE,mBAAmB,0BAA0B,CAAC;CAC9E"}
+{"version":3,"file":"Badge.colorscheme.config.js","names":[],"sources":["../../../src/components/badge/Badge.colorscheme.config.ts"],"sourcesContent":["/*\n\t•\tFactory for non-semantic color schemes\n*/\nconst createScheme = (c: string, overrides: Record<string, string> = {}) => ({\n  '--text-subtle': `var(--color-${c}-1000)`,\n  '--background-subtle': `var(--color-${c}-200)`,\n  '--text-subtle-hover': `var(--color-${c}-1100)`,\n  '--background-subtle-hover': `var(--color-${c}-300)`,\n  '--text-bold': 'white',\n  '--background-bold': `var(--color-${c}-800)`,\n  '--background-bold-hover': `var(--color-${c}-900)`,\n  '--text-on-white': `var(--color-${c}-800)`,\n  ...overrides\n})\n\n/*\n\t•\tSemantic themes\n*/\nconst info = {\n  '--text-subtle': 'var(--color-info-mid)',\n  '--background-subtle': 'var(--color-info-light)',\n  '--text-bold': 'white',\n  '--background-bold': 'var(--color-info)',\n  '--text-on-white': 'var(--color-info)'\n}\nconst neutral = {\n  '--text-subtle': 'var(--color-grey-900)',\n  '--background-subtle': 'var(--color-grey-100)',\n  '--text-bold': 'white',\n  '--background-bold': 'var(--color-grey-800)',\n  '--text-on-white': 'var(--color-grey-800)'\n}\nconst success = {\n  '--text-subtle': 'var(--color-success-mid)',\n  '--background-subtle': 'var(--color-success-light)',\n  '--text-bold': 'white',\n  '--background-bold': 'var(--color-success)',\n  '--text-on-white': 'var(--color-success)'\n}\nconst danger = {\n  '--text-subtle': 'var(--color-danger-mid)',\n  '--background-subtle': 'var(--color-danger-light)',\n  '--text-bold': 'white',\n  '--background-bold': 'var(--color-danger)',\n  '--text-on-white': 'var(--color-danger)'\n}\nconst warning = {\n  '--text-subtle': 'var(--color-warning-text)',\n  '--background-subtle': 'var(--color-warning-light)',\n  '--text-bold': 'var(--color-grey-1000)',\n  '--background-bold': 'var(--color-warning)',\n  '--text-on-white': 'var(--color-warning)'\n}\n\n/*\n\t•\tNon-semantic themes\n*/\nexport const badgeSemanticNames = [\n  'info',\n  'neutral',\n  'success',\n  'danger',\n  'warning'\n]\nexport const colorSchemes = {\n  info,\n  neutral,\n  success,\n  danger,\n  warning,\n  primary: createScheme('primary'),\n  grey: createScheme('grey'),\n  blue: createScheme('blue'),\n  pink: createScheme('pink'),\n  purple: createScheme('purple', {\n    '--text-on-white': 'var(--color-purple-700)'\n  }),\n  cyan: createScheme('cyan'),\n  green: createScheme('green'),\n  magenta: createScheme('magenta'),\n  red: createScheme('red', {\n    '--background-subtle-hover': 'var(--color-red-400)'\n  }),\n  teal: createScheme('teal'),\n  orange: createScheme('orange', {\n    '--text-bold': 'var(--color-grey-1200)',\n    '--background-bold': 'var(--color-orange-600)',\n    '--background-bold-hover': 'var(--color-orange-700)',\n    '--text-on-white': 'var(--color-orange-1000)'\n  }),\n  yellow: createScheme('yellow', {\n    '--text-bold': 'var(--color-grey-1200)',\n    '--background-bold': 'var(--color-yellow-500)',\n    '--background-bold-hover': 'var(--color-yellow-600)',\n    '--text-on-white': 'var(--color-yellow-900)'\n  }),\n  lime: createScheme('lime', {\n    '--text-bold': 'var(--color-grey-1200)',\n    '--background-bold': 'var(--color-lime-600)',\n    '--background-bold-hover': 'var(--color-lime-700)',\n    '--text-on-white': 'var(--color-lime-900)'\n  }),\n  lapis: createScheme('lapis', {\n    '--background-bold': 'var(--color-lapis-700)',\n    '--text-on-white': 'var(--color-lapis-700)'\n  }),\n  maroon: createScheme('maroon', {\n    '--text-on-white': 'var(--color-maroon-700)'\n  }),\n  marsh: createScheme('marsh', { '--text-on-white': 'var(--color-marsh-700)' })\n}\n"],"mappings":";AAGA,IAAM,gBAAgB,GAAW,YAAoC,EAAE,MAAM;CAC3E,iBAAiB,eAAe,EAAE;CAClC,uBAAuB,eAAe,EAAE;CACxC,uBAAuB,eAAe,EAAE;CACxC,6BAA6B,eAAe,EAAE;CAC9C,eAAe;CACf,qBAAqB,eAAe,EAAE;CACtC,2BAA2B,eAAe,EAAE;CAC5C,mBAAmB,eAAe,EAAE;CACpC,GAAG;CACJ;AAKD,IAAM,OAAO;CACX,iBAAiB;CACjB,uBAAuB;CACvB,eAAe;CACf,qBAAqB;CACrB,mBAAmB;CACpB;AACD,IAAM,UAAU;CACd,iBAAiB;CACjB,uBAAuB;CACvB,eAAe;CACf,qBAAqB;CACrB,mBAAmB;CACpB;AACD,IAAM,UAAU;CACd,iBAAiB;CACjB,uBAAuB;CACvB,eAAe;CACf,qBAAqB;CACrB,mBAAmB;CACpB;AACD,IAAM,SAAS;CACb,iBAAiB;CACjB,uBAAuB;CACvB,eAAe;CACf,qBAAqB;CACrB,mBAAmB;CACpB;AACD,IAAM,UAAU;CACd,iBAAiB;CACjB,uBAAuB;CACvB,eAAe;CACf,qBAAqB;CACrB,mBAAmB;CACpB;AAKD,IAAa,qBAAqB;CAChC;CACA;CACA;CACA;CACA;CACD;AACD,IAAa,eAAe;CAC1B;CACA;CACA;CACA;CACA;CACA,SAAS,aAAa,UAAU;CAChC,MAAM,aAAa,OAAO;CAC1B,MAAM,aAAa,OAAO;CAC1B,MAAM,aAAa,OAAO;CAC1B,QAAQ,aAAa,UAAU,EAC7B,mBAAmB,2BACpB,CAAC;CACF,MAAM,aAAa,OAAO;CAC1B,OAAO,aAAa,QAAQ;CAC5B,SAAS,aAAa,UAAU;CAChC,KAAK,aAAa,OAAO,EACvB,6BAA6B,wBAC9B,CAAC;CACF,MAAM,aAAa,OAAO;CAC1B,QAAQ,aAAa,UAAU;EAC7B,eAAe;EACf,qBAAqB;EACrB,2BAA2B;EAC3B,mBAAmB;EACpB,CAAC;CACF,QAAQ,aAAa,UAAU;EAC7B,eAAe;EACf,qBAAqB;EACrB,2BAA2B;EAC3B,mBAAmB;EACpB,CAAC;CACF,MAAM,aAAa,QAAQ;EACzB,eAAe;EACf,qBAAqB;EACrB,2BAA2B;EAC3B,mBAAmB;EACpB,CAAC;CACF,OAAO,aAAa,SAAS;EAC3B,qBAAqB;EACrB,mBAAmB;EACpB,CAAC;CACF,QAAQ,aAAa,UAAU,EAC7B,mBAAmB,2BACpB,CAAC;CACF,OAAO,aAAa,SAAS,EAAE,mBAAmB,0BAA0B,CAAC;CAC9E"}