@atom-learning/components 6.4.1 → 6.5.0

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

@@ -1,2 +1,26 @@
-import{Info as t,Danger as r,OkCircle as n}from"@atom-learning/icons";import*as o from"react";import{styled as s}from"../../../styled.js";import{Icon as i}from"../../icon/Icon.js";const a=s(i,{base:["self-start"],variants:{theme:{info:["text-info"],warning:["text-warning-mid"],danger:["rotate-180","text-danger"],success:["text-success"]}}}),c={info:t,warning:r,danger:t,success:n},m=({theme:e})=>o.createElement(a,{theme:e,is:c[e]});export{m as AlertDialogIcon};
-//# sourceMappingURL=AlertDialogIcon.js.map
+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";
+//#region src/components/alert-dialog/alert-context/AlertDialogIcon.tsx
+var o = e(t, {
+	base: ["self-start"],
+	variants: { theme: {
+		info: ["text-info"],
+		warning: ["text-warning-mid"],
+		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]
+});
+//#endregion
+export { c as AlertDialogIcon };
+
+//# sourceMappingURL=AlertDialogIcon.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AlertDialogIcon.js","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"],"names":["StyledIcon","styled","Icon","iconMap","Info","Danger","OkCircle","AlertDialogIcon","theme","React"],"mappings":"oLASA,MAAMA,EAAaC,EAAOC,EAAM,CAC9B,KAAM,CAAC,YAAY,EACnB,SAAU,CACR,MAAO,CACL,KAAM,CAAC,WAAW,EAClB,QAAS,CAAC,kBAAkB,EAC5B,OAAQ,CAAC,aAAc,aAAa,EACpC,QAAS,CAAC,cAAc,CAC1B,CACF,CACF,CAAC,EAEKC,EAGF,CACF,KAAMC,EACN,QAASC,EACT,OAAQD,EACR,QAASE,CACX,EAEaC,EAAkB,CAAC,CAAE,MAAAC,CAAM,IACtCC,EAAA,cAACT,EAAA,CAAW,MAAOQ,EAAO,GAAIL,EAAQK,CAAK,CAAG,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,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"}

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

@@ -1,2 +1,16 @@
-import{uid as a}from"uid";const i=[],d=(r,t)=>{switch(t.type){case"ADD":return[...r,{...t.payload,id:a()}];case"REMOVE":return r.filter(({id:e})=>e!==t.payload);default:return r}};export{i as initialState,d as reducer};
-//# sourceMappingURL=reducer.js.map
+import { uid as e } 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()
+		}];
+		case "REMOVE": return t.filter(({ id: e }) => e !== n.payload);
+		default: return t;
+	}
+};
+//#endregion
+export { t as initialState, n as reducer };
+
+//# sourceMappingURL=reducer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"reducer.js","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"],"names":["initialState","reducer","state","action","uid","id"],"mappings":"0BASO,MAAMA,EAAe,CAAC,EAEhBC,EAAU,CAACC,EAAcC,IAA4B,CAChE,OAAQA,EAAO,KACb,CAAA,IAAK,MACH,MAAO,CAAC,GAAGD,EAAO,CAAE,GAAGC,EAAO,QAAS,GAAIC,GAAM,CAAC,EACpD,IAAK,SACH,OAAOF,EAAM,OAAO,CAAC,CAAE,GAAAG,CAAG,IAAMA,IAAOF,EAAO,OAAO,EACvD,QACE,OAAOD,CACX,CACF"}
+{"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"}

package/dist/components/avatar/Avatar.js

@@ -1,2 +1,76 @@
-import*as o from"react";import{styled as l}from"../../styled.js";import{AvatarRootContext as m}from"./AvatarContext.js";import{AvatarRootContext as C}from"./AvatarContext.js";import{AvatarIcon as c}from"./AvatarIcon.js";import{AvatarImage as b}from"./AvatarImage.js";import{AvatarInitial as v}from"./AvatarInitial.js";import{AvatarPlaceholder as x}from"./AvatarPlaceholder.js";const d=["flex","justify-center","items-center","text-grey-800","rounded-full","border-2","border-grey-200","bg-white","overflow-hidden"],p=l("div",{base:d,variants:{size:{xs:["size-6"],sm:["size-8"],md:["size-10"],lg:["size-12"],xl:["size-16"],xxl:["size-24"]}}}),z=l("button",{base:[...d,"not-disabled:active:bg-grey-200","not-disabled:active:border-primary-800","not-disabled:hover:bg-grey-100","not-disabled:hover:border-grey-800","not-disabled:focus-visible:outline-none","not-disabled:focus-visible:relative","not-disabled:focus-visible:shadow-[var(--color-primary-800)_0px_0px_0px_4px]","not-disabled:focus-visible:shadow-[white_0px_0px_0px_2px]","not-disabled:focus-visible:z-1","disabled:cursor-not-allowed","disabled:opacity-30"],variants:{size:{xs:["size-6"],sm:["size-8"],md:["size-10"],lg:["size-12"],xl:["size-16"],xxl:["size-24"]}}}),n=({children:r,name:e,size:t})=>{const i=o.useMemo(()=>({name:e,size:t}),[e,t]);return o.createElement(m.Provider,{value:i},r)},a=({children:r,size:e="lg",name:t,disabled:i=!1,onClick:s})=>o.createElement(n,{name:t,size:e},s?o.createElement(z,{size:e,disabled:i,onClick:i?void 0:s,className:i?"cursor-auto":"cursor-pointer"},r):o.createElement(p,{size:e},r)),f=Object.assign(a,{Image:b,Initial:v,Placeholder:x,Icon:c});a.displayName="Avatar";export{f as Avatar,a as AvatarRoot,C as AvatarRootContext,n as AvatarRootProvider};
-//# sourceMappingURL=Avatar.js.map
+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";
+//#region src/components/avatar/Avatar.tsx
+var s = [
+	"flex",
+	"justify-center",
+	"items-center",
+	"text-grey-800",
+	"rounded-full",
+	"border-2",
+	"border-grey-200",
+	"bg-white",
+	"overflow-hidden"
+], c = e("div", {
+	base: s,
+	variants: { size: {
+		xs: ["size-6"],
+		sm: ["size-8"],
+		md: ["size-10"],
+		lg: ["size-12"],
+		xl: ["size-16"],
+		xxl: ["size-24"]
+	} }
+}), l = e("button", {
+	base: [
+		...s,
+		"not-disabled:active:bg-grey-200",
+		"not-disabled:active:border-primary-800",
+		"not-disabled:hover:bg-grey-100",
+		"not-disabled:hover:border-grey-800",
+		"not-disabled:focus-visible:outline-none",
+		"not-disabled:focus-visible:relative",
+		"not-disabled:focus-visible:shadow-[var(--color-primary-800)_0px_0px_0px_4px]",
+		"not-disabled:focus-visible:shadow-[white_0px_0px_0px_2px]",
+		"not-disabled:focus-visible:z-1",
+		"disabled:cursor-not-allowed",
+		"disabled:opacity-30"
+	],
+	variants: { size: {
+		xs: ["size-6"],
+		sm: ["size-8"],
+		md: ["size-10"],
+		lg: ["size-12"],
+		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";
+//#endregion
+export { f as Avatar };
+
+//# sourceMappingURL=Avatar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","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"],"names":["avatarRootStyles","StyledDiv","styled","StyledButton","AvatarRootProvider","children","name","size","value","React","AvatarRootContext","AvatarRoot","disabled","onClick","Avatar","AvatarImage","AvatarInitial","AvatarPlaceholder","AvatarIcon"],"mappings":"yXAWA,MAAMA,EAAmB,CACvB,OACA,iBACA,eACA,gBACA,eACA,WACA,kBACA,WACA,iBACF,EAEMC,EAAYC,EAAO,MAAO,CAC9B,KAAMF,EACN,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,QAAQ,EACb,GAAI,CAAC,QAAQ,EACb,GAAI,CAAC,SAAS,EACd,GAAI,CAAC,SAAS,EACd,GAAI,CAAC,SAAS,EACd,IAAK,CAAC,SAAS,CACjB,CACF,CACF,CAAC,EAEKG,EAAeD,EAAO,SAAU,CACpC,KAAM,CACJ,GAAGF,EACH,kCACA,yCACA,iCACA,qCACA,0CACA,sCACA,+EACA,4DACA,iCACA,8BACA,qBACF,EACA,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,QAAQ,EACb,GAAI,CAAC,QAAQ,EACb,GAAI,CAAC,SAAS,EACd,GAAI,CAAC,SAAS,EACd,GAAI,CAAC,SAAS,EACd,IAAK,CAAC,SAAS,CACjB,CACF,CACF,CAAC,EAiBYI,EAAqB,CAAC,CAAE,SAAAC,EAAU,KAAAC,EAAM,KAAAC,CAAK,IAAoB,CAC5E,MAAMC,EAAQC,EAAM,QAClB,KAAO,CAAE,KAAAH,EAAM,KAAAC,CAAK,GACpB,CAACD,EAAMC,CAAI,CACb,EAEA,OACEE,EAAA,cAACC,EAAkB,SAAlB,CAA2B,MAAOF,CAChCH,EAAAA,CACH,CAEJ,EAEaM,EAAa,CAAC,CACzB,SAAAN,EACA,KAAAE,EAAO,KACP,KAAAD,EACA,SAAAM,EAAW,GACX,QAAAC,CACF,IACEJ,EAAA,cAACL,EAAA,CAAmB,KAAME,EAAM,KAAMC,CAAAA,EACnCM,EACCJ,EAAA,cAACN,EAAA,CACC,KAAMI,EACN,SAAUK,EACV,QAASA,EAAW,OAAYC,EAChC,UAAWD,EAAW,cAAgB,gBAErCP,EAAAA,CACH,EAEAI,EAAA,cAACR,EAAA,CAAU,KAAMM,CAAOF,EAAAA,CAAS,CAErC,EAGWS,EAAS,OAAO,OAAOH,EAAY,CAC9C,MAAOI,EACP,QAASC,EACT,YAAaC,EACb,KAAMC,CACR,CAAC,EAEDP,EAAW,YAAc"}
+{"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"}

package/dist/components/avatar/AvatarContext.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarContext.js","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"],"names":["AvatarRootContext","React"],"mappings":"wBAOO,MAAMA,EAAoBC,EAAM,cAAkC,CACvE,KAAM,OACN,KAAM,IACR,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,IAAoB,EAAM,cAAkC;CACvE,MAAM,KAAA;CACN,MAAM;CACP,CAAC"}

package/dist/components/avatar/AvatarIcon.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarIcon.js","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"],"names":["toIconSize","AvatarIcon","is","rootContext","React","AvatarRootContext","size","iconSize","overrideStyledVariantValue","s","Icon"],"mappings":"+OAOA,MAAMA,EAAa,CACjB,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,IAAK,IACP,EAEaC,EAAa,CAAC,CAAE,GAAAC,CAAG,IAA2B,CACzD,MAAMC,EAAcC,EAAM,WAAWC,CAAiB,EAChD,CAAE,KAAAC,CAAK,EAAIH,EACXI,EAAWH,EAAM,QACrB,IAAMI,EAA2BF,EAAOG,GAAMT,EAAWS,CAAC,CAAC,EAC3D,CAACH,CAAI,CACP,EAEA,OAAOF,EAAA,cAACM,EAAA,CAAK,KAAMH,EAAU,GAAIL,EAAI,CACvC"}
+{"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"}

package/dist/components/avatar/AvatarImage.js

@@ -1,2 +1,13 @@
-import*as t from"react";import{Image as r}from"../image/Image.js";import{AvatarInitial as m}from"./AvatarInitial.js";const l=({src:e,alt:a})=>e?t.createElement(r,{className:"size-full object-cover",src:e,alt:a}):t.createElement(m,null);export{l as AvatarImage};
-//# sourceMappingURL=AvatarImage.js.map
+import { Image as e } from "../image/Image.js";
+import { AvatarInitial as t } from "./AvatarInitial.js";
+import * as n 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);
+//#endregion
+export { r as AvatarImage };
+
+//# sourceMappingURL=AvatarImage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarImage.js","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"],"names":["AvatarImage","src","alt","React","Image","AvatarInitial"],"mappings":"qHAKa,MAAAA,EAAc,CAAC,CAAE,IAAAC,EAAK,IAAAC,CAAI,IAChCD,EAIEE,EAAA,cAACC,EAAA,CAAM,UAAU,yBAAyB,IAAKH,EAAK,IAAKC,CAAK,CAAA,EAH5DC,EAAA,cAACE,EAAA,IAAc"}
+{"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"}

package/dist/components/avatar/AvatarInitial.js

@@ -1,2 +1,24 @@
-import*as e from"react";import{overrideStyledVariantValue as s}from"../../utilities/override-styled-variant-value/overrideStyledVariantValue.js";import{Text as l}from"../text/Text.js";import{AvatarRootContext as n}from"./AvatarContext.js";import{AvatarPlaceholder as i}from"./AvatarPlaceholder.js";const x={xs:"xs",sm:"sm",md:"sm",lg:"md",xl:"md",xxl:"lg"},p=()=>{const o=e.useContext(n),{name:t,size:r}=o,m=e.useMemo(()=>s(r,a=>x[a]),[r]);return t?e.createElement(l,{size:m,className:"text-grey-800"},t[0].toUpperCase()):e.createElement(i,null)};export{p as AvatarInitial};
-//# sourceMappingURL=AvatarInitial.js.map
+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";
+//#region src/components/avatar/AvatarInitial.tsx
+var a = {
+	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,
+		className: "text-grey-800"
+	}, o[0].toUpperCase()) : /* @__PURE__ */ i.createElement(r, null);
+};
+//#endregion
+export { o as AvatarInitial };
+
+//# sourceMappingURL=AvatarInitial.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarInitial.js","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"],"names":["toTextSize","AvatarInitial","rootContext","React","AvatarRootContext","name","size","textSize","overrideStyledVariantValue","s","Text","AvatarPlaceholder"],"mappings":"0SAQA,MAAMA,EAAa,CACjB,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,IAAK,IACP,EAEaC,EAAgB,IAAM,CACjC,MAAMC,EAAcC,EAAM,WAAWC,CAAiB,EAChD,CAAE,KAAAC,EAAM,KAAAC,CAAK,EAAIJ,EACjBK,EAAWJ,EAAM,QACrB,IAAMK,EAA2BF,EAAOG,GAAMT,EAAWS,CAAC,CAAC,EAC3D,CAACH,CAAI,CACP,EAEA,OAAKD,EAKHF,EAAA,cAACO,EAAA,CAAK,KAAMH,EAAU,UAAU,eAAA,EAC7BF,EAAK,CAAC,EAAE,YACX,CAAA,EANOF,EAAA,cAACQ,EAAA,IAAkB,CAQ9B"}
+{"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"}

package/dist/components/avatar/AvatarPlaceholder.js

@@ -1,2 +1,12 @@
-import{User as r}from"@atom-learning/icons";import*as e from"react";import{Icon as a}from"../icon/Icon.js";const l=()=>e.createElement("div",{className:"relative size-full"},e.createElement(a,{is:r,className:"size-full"}));export{l as AvatarPlaceholder};
-//# sourceMappingURL=AvatarPlaceholder.js.map
+import { Icon as e } from "../icon/Icon.js";
+import * as t from "react";
+import { User as n } 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"
+}));
+//#endregion
+export { r as AvatarPlaceholder };
+
+//# sourceMappingURL=AvatarPlaceholder.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarPlaceholder.js","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"],"names":["AvatarPlaceholder","React","Icon","User"],"mappings":"2GAKO,MAAMA,EAAoB,IAE7BC,EAAA,cAAC,MAAA,CAAI,UAAU,oBAAA,EACbA,EAAA,cAACC,EAAA,CAAK,GAAIC,EAAM,UAAU,WAAA,CAAY,CACxC"}
+{"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"}

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

@@ -1,2 +1,208 @@
-const o={"--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)"},r={"--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)"},e={"--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)"},l={"--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={"--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)"},t={"--text-subtle":"var(--color-primary-1000)","--background-subtle":"var(--color-primary-200)","--text-subtle-hover":"var(--color-primary-1100)","--background-subtle-hover":"var(--color-primary-300)","--text-bold":"white","--background-bold":"var(--color-primary-800)","--background-bold-hover":"var(--color-primary-900)","--text-on-white":"var(--color-primary-800)"},c={"--text-subtle":"var(--color-grey-1000)","--background-subtle":"var(--color-grey-200)","--text-subtle-hover":"var(--color-grey-1100)","--background-subtle-hover":"var(--color-grey-300)","--text-bold":"white","--background-bold":"var(--color-grey-800)","--background-bold-hover":"var(--color-grey-900)","--text-on-white":"var(--color-grey-800)"},b={"--text-subtle":"var(--color-blue-1000)","--background-subtle":"var(--color-blue-200)","--text-subtle-hover":"var(--color-blue-1100)","--background-subtle-hover":"var(--color-blue-300)","--text-bold":"white","--background-bold":"var(--color-blue-800)","--background-bold-hover":"var(--color-blue-900)","--text-on-white":"var(--color-blue-800)"},v={"--text-subtle":"var(--color-pink-1000)","--background-subtle":"var(--color-pink-200)","--text-subtle-hover":"var(--color-pink-1100)","--background-subtle-hover":"var(--color-pink-300)","--text-bold":"white","--background-bold":"var(--color-pink-800)","--background-bold-hover":"var(--color-pink-900)","--text-on-white":"var(--color-pink-800)"},n={"--text-subtle":"var(--color-purple-1000)","--background-subtle":"var(--color-purple-200)","--text-subtle-hover":"var(--color-purple-1100)","--background-subtle-hover":"var(--color-purple-300)","--text-bold":"white","--background-bold":"var(--color-purple-800)","--background-bold-hover":"var(--color-purple-900)","--text-on-white":"var(--color-purple-700)"},u={"--text-subtle":"var(--color-cyan-1000)","--background-subtle":"var(--color-cyan-200)","--text-subtle-hover":"var(--color-cyan-1100)","--background-subtle-hover":"var(--color-cyan-300)","--text-bold":"white","--background-bold":"var(--color-cyan-800)","--background-bold-hover":"var(--color-cyan-900)","--text-on-white":"var(--color-cyan-800)"},d={"--text-subtle":"var(--color-green-1000)","--background-subtle":"var(--color-green-200)","--text-subtle-hover":"var(--color-green-1100)","--background-subtle-hover":"var(--color-green-300)","--text-bold":"white","--background-bold":"var(--color-green-800)","--background-bold-hover":"var(--color-green-900)","--text-on-white":"var(--color-green-800)"},g={"--text-subtle":"var(--color-magenta-1000)","--background-subtle":"var(--color-magenta-200)","--text-subtle-hover":"var(--color-magenta-1100)","--background-subtle-hover":"var(--color-magenta-300)","--text-bold":"white","--background-bold":"var(--color-magenta-800)","--background-bold-hover":"var(--color-magenta-900)","--text-on-white":"var(--color-magenta-800)"},s={"--text-subtle":"var(--color-red-1000)","--background-subtle":"var(--color-red-200)","--text-subtle-hover":"var(--color-red-1100)","--background-subtle-hover":"var(--color-red-400)","--text-bold":"white","--background-bold":"var(--color-red-800)","--background-bold-hover":"var(--color-red-900)","--text-on-white":"var(--color-red-800)"},h={"--text-subtle":"var(--color-teal-1000)","--background-subtle":"var(--color-teal-200)","--text-subtle-hover":"var(--color-teal-1100)","--background-subtle-hover":"var(--color-teal-300)","--text-bold":"white","--background-bold":"var(--color-teal-800)","--background-bold-hover":"var(--color-teal-900)","--text-on-white":"var(--color-teal-800)"},i={"--text-subtle":"var(--color-orange-1000)","--background-subtle":"var(--color-orange-200)","--text-subtle-hover":"var(--color-orange-1100)","--background-subtle-hover":"var(--color-orange-300)","--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)"},k={"--text-subtle":"var(--color-yellow-1000)","--background-subtle":"var(--color-yellow-200)","--text-subtle-hover":"var(--color-yellow-1100)","--background-subtle-hover":"var(--color-yellow-300)","--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)"},x={"--text-subtle":"var(--color-lime-1000)","--background-subtle":"var(--color-lime-200)","--text-subtle-hover":"var(--color-lime-1100)","--background-subtle-hover":"var(--color-lime-300)","--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)"},w={"--text-subtle":"var(--color-lapis-1000)","--background-subtle":"var(--color-lapis-200)","--text-subtle-hover":"var(--color-lapis-1100)","--background-subtle-hover":"var(--color-lapis-300)","--text-bold":"white","--background-bold":"var(--color-lapis-700)","--background-bold-hover":"var(--color-lapis-900)","--text-on-white":"var(--color-lapis-700)"},m={"--text-subtle":"var(--color-maroon-1000)","--background-subtle":"var(--color-maroon-200)","--text-subtle-hover":"var(--color-maroon-1100)","--background-subtle-hover":"var(--color-maroon-300)","--text-bold":"white","--background-bold":"var(--color-maroon-800)","--background-bold-hover":"var(--color-maroon-900)","--text-on-white":"var(--color-maroon-700)"},p={"--text-subtle":"var(--color-marsh-1000)","--background-subtle":"var(--color-marsh-200)","--text-subtle-hover":"var(--color-marsh-1100)","--background-subtle-hover":"var(--color-marsh-300)","--text-bold":"white","--background-bold":"var(--color-marsh-800)","--background-bold-hover":"var(--color-marsh-900)","--text-on-white":"var(--color-marsh-700)"},y=["info","neutral","success","danger","warning"],f={info:o,neutral:r,success:e,danger:l,warning:a,primary:t,grey:c,blue:b,pink:v,purple:n,cyan:u,green:d,magenta:g,red:s,teal:h,orange:i,yellow:k,lime:x,lapis:w,maroon:m,marsh:p};export{y as badgeSemanticNames,f as colorSchemes};
-//# sourceMappingURL=Badge.colorscheme.config.js.map
+//#region src/components/badge/Badge.colorscheme.config.ts
+var e = {
+	"--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)"
+}, t = {
+	"--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)"
+}, n = {
+	"--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)"
+}, r = {
+	"--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)"
+}, i = {
+	"--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)"
+}, a = {
+	"--text-subtle": "var(--color-primary-1000)",
+	"--background-subtle": "var(--color-primary-200)",
+	"--text-subtle-hover": "var(--color-primary-1100)",
+	"--background-subtle-hover": "var(--color-primary-300)",
+	"--text-bold": "white",
+	"--background-bold": "var(--color-primary-800)",
+	"--background-bold-hover": "var(--color-primary-900)",
+	"--text-on-white": "var(--color-primary-800)"
+}, o = {
+	"--text-subtle": "var(--color-grey-1000)",
+	"--background-subtle": "var(--color-grey-200)",
+	"--text-subtle-hover": "var(--color-grey-1100)",
+	"--background-subtle-hover": "var(--color-grey-300)",
+	"--text-bold": "white",
+	"--background-bold": "var(--color-grey-800)",
+	"--background-bold-hover": "var(--color-grey-900)",
+	"--text-on-white": "var(--color-grey-800)"
+}, s = {
+	"--text-subtle": "var(--color-blue-1000)",
+	"--background-subtle": "var(--color-blue-200)",
+	"--text-subtle-hover": "var(--color-blue-1100)",
+	"--background-subtle-hover": "var(--color-blue-300)",
+	"--text-bold": "white",
+	"--background-bold": "var(--color-blue-800)",
+	"--background-bold-hover": "var(--color-blue-900)",
+	"--text-on-white": "var(--color-blue-800)"
+}, c = {
+	"--text-subtle": "var(--color-pink-1000)",
+	"--background-subtle": "var(--color-pink-200)",
+	"--text-subtle-hover": "var(--color-pink-1100)",
+	"--background-subtle-hover": "var(--color-pink-300)",
+	"--text-bold": "white",
+	"--background-bold": "var(--color-pink-800)",
+	"--background-bold-hover": "var(--color-pink-900)",
+	"--text-on-white": "var(--color-pink-800)"
+}, l = {
+	"--text-subtle": "var(--color-purple-1000)",
+	"--background-subtle": "var(--color-purple-200)",
+	"--text-subtle-hover": "var(--color-purple-1100)",
+	"--background-subtle-hover": "var(--color-purple-300)",
+	"--text-bold": "white",
+	"--background-bold": "var(--color-purple-800)",
+	"--background-bold-hover": "var(--color-purple-900)",
+	"--text-on-white": "var(--color-purple-700)"
+}, u = {
+	"--text-subtle": "var(--color-cyan-1000)",
+	"--background-subtle": "var(--color-cyan-200)",
+	"--text-subtle-hover": "var(--color-cyan-1100)",
+	"--background-subtle-hover": "var(--color-cyan-300)",
+	"--text-bold": "white",
+	"--background-bold": "var(--color-cyan-800)",
+	"--background-bold-hover": "var(--color-cyan-900)",
+	"--text-on-white": "var(--color-cyan-800)"
+}, d = {
+	"--text-subtle": "var(--color-green-1000)",
+	"--background-subtle": "var(--color-green-200)",
+	"--text-subtle-hover": "var(--color-green-1100)",
+	"--background-subtle-hover": "var(--color-green-300)",
+	"--text-bold": "white",
+	"--background-bold": "var(--color-green-800)",
+	"--background-bold-hover": "var(--color-green-900)",
+	"--text-on-white": "var(--color-green-800)"
+}, f = {
+	"--text-subtle": "var(--color-magenta-1000)",
+	"--background-subtle": "var(--color-magenta-200)",
+	"--text-subtle-hover": "var(--color-magenta-1100)",
+	"--background-subtle-hover": "var(--color-magenta-300)",
+	"--text-bold": "white",
+	"--background-bold": "var(--color-magenta-800)",
+	"--background-bold-hover": "var(--color-magenta-900)",
+	"--text-on-white": "var(--color-magenta-800)"
+}, p = {
+	"--text-subtle": "var(--color-red-1000)",
+	"--background-subtle": "var(--color-red-200)",
+	"--text-subtle-hover": "var(--color-red-1100)",
+	"--background-subtle-hover": "var(--color-red-400)",
+	"--text-bold": "white",
+	"--background-bold": "var(--color-red-800)",
+	"--background-bold-hover": "var(--color-red-900)",
+	"--text-on-white": "var(--color-red-800)"
+}, m = {
+	"--text-subtle": "var(--color-teal-1000)",
+	"--background-subtle": "var(--color-teal-200)",
+	"--text-subtle-hover": "var(--color-teal-1100)",
+	"--background-subtle-hover": "var(--color-teal-300)",
+	"--text-bold": "white",
+	"--background-bold": "var(--color-teal-800)",
+	"--background-bold-hover": "var(--color-teal-900)",
+	"--text-on-white": "var(--color-teal-800)"
+}, h = {
+	"--text-subtle": "var(--color-orange-1000)",
+	"--background-subtle": "var(--color-orange-200)",
+	"--text-subtle-hover": "var(--color-orange-1100)",
+	"--background-subtle-hover": "var(--color-orange-300)",
+	"--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)"
+}, g = {
+	"--text-subtle": "var(--color-yellow-1000)",
+	"--background-subtle": "var(--color-yellow-200)",
+	"--text-subtle-hover": "var(--color-yellow-1100)",
+	"--background-subtle-hover": "var(--color-yellow-300)",
+	"--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)"
+}, _ = {
+	"--text-subtle": "var(--color-lime-1000)",
+	"--background-subtle": "var(--color-lime-200)",
+	"--text-subtle-hover": "var(--color-lime-1100)",
+	"--background-subtle-hover": "var(--color-lime-300)",
+	"--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)"
+}, v = {
+	"--text-subtle": "var(--color-lapis-1000)",
+	"--background-subtle": "var(--color-lapis-200)",
+	"--text-subtle-hover": "var(--color-lapis-1100)",
+	"--background-subtle-hover": "var(--color-lapis-300)",
+	"--text-bold": "white",
+	"--background-bold": "var(--color-lapis-700)",
+	"--background-bold-hover": "var(--color-lapis-900)",
+	"--text-on-white": "var(--color-lapis-700)"
+}, y = {
+	"--text-subtle": "var(--color-maroon-1000)",
+	"--background-subtle": "var(--color-maroon-200)",
+	"--text-subtle-hover": "var(--color-maroon-1100)",
+	"--background-subtle-hover": "var(--color-maroon-300)",
+	"--text-bold": "white",
+	"--background-bold": "var(--color-maroon-800)",
+	"--background-bold-hover": "var(--color-maroon-900)",
+	"--text-on-white": "var(--color-maroon-700)"
+}, b = {
+	"--text-subtle": "var(--color-marsh-1000)",
+	"--background-subtle": "var(--color-marsh-200)",
+	"--text-subtle-hover": "var(--color-marsh-1100)",
+	"--background-subtle-hover": "var(--color-marsh-300)",
+	"--text-bold": "white",
+	"--background-bold": "var(--color-marsh-800)",
+	"--background-bold-hover": "var(--color-marsh-900)",
+	"--text-on-white": "var(--color-marsh-700)"
+}, x = [
+	"info",
+	"neutral",
+	"success",
+	"danger",
+	"warning"
+], S = {
+	info: e,
+	neutral: t,
+	success: n,
+	danger: r,
+	warning: i,
+	primary: a,
+	grey: o,
+	blue: s,
+	pink: c,
+	purple: l,
+	cyan: u,
+	green: d,
+	magenta: f,
+	red: p,
+	teal: m,
+	orange: h,
+	yellow: g,
+	lime: _,
+	lapis: v,
+	maroon: y,
+	marsh: b
+};
+//#endregion
+export { x as badgeSemanticNames, S as colorSchemes };
+
+//# sourceMappingURL=Badge.colorscheme.config.js.map