@atom-learning/components 6.4.1 → 6.5.0

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.colorscheme.config.js","sources":["../../../src/components/badge/Badge.colorscheme.config.ts"],"sourcesContent":["/*\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\t•\tNon-semantic themes\n*/\nconst primary = {\n  '--text-subtle': 'var(--color-primary-1000)',\n  '--background-subtle': 'var(--color-primary-200)',\n  '--text-subtle-hover': 'var(--color-primary-1100)',\n  '--background-subtle-hover': 'var(--color-primary-300)',\n  '--text-bold': 'white',\n  '--background-bold': 'var(--color-primary-800)',\n  '--background-bold-hover': 'var(--color-primary-900)',\n  '--text-on-white': 'var(--color-primary-800)'\n}\nconst grey = {\n  '--text-subtle': 'var(--color-grey-1000)',\n  '--background-subtle': 'var(--color-grey-200)',\n  '--text-subtle-hover': 'var(--color-grey-1100)',\n  '--background-subtle-hover': 'var(--color-grey-300)',\n  '--text-bold': 'white',\n  '--background-bold': 'var(--color-grey-800)',\n  '--background-bold-hover': 'var(--color-grey-900)',\n  '--text-on-white': 'var(--color-grey-800)'\n}\nconst blue = {\n  '--text-subtle': 'var(--color-blue-1000)',\n  '--background-subtle': 'var(--color-blue-200)',\n  '--text-subtle-hover': 'var(--color-blue-1100)',\n  '--background-subtle-hover': 'var(--color-blue-300)',\n  '--text-bold': 'white',\n  '--background-bold': 'var(--color-blue-800)',\n  '--background-bold-hover': 'var(--color-blue-900)',\n  '--text-on-white': 'var(--color-blue-800)'\n}\nconst pink = {\n  '--text-subtle': 'var(--color-pink-1000)',\n  '--background-subtle': 'var(--color-pink-200)',\n  '--text-subtle-hover': 'var(--color-pink-1100)',\n  '--background-subtle-hover': 'var(--color-pink-300)',\n  '--text-bold': 'white',\n  '--background-bold': 'var(--color-pink-800)',\n  '--background-bold-hover': 'var(--color-pink-900)',\n  '--text-on-white': 'var(--color-pink-800)'\n}\nconst purple = {\n  '--text-subtle': 'var(--color-purple-1000)',\n  '--background-subtle': 'var(--color-purple-200)',\n  '--text-subtle-hover': 'var(--color-purple-1100)',\n  '--background-subtle-hover': 'var(--color-purple-300)',\n  '--text-bold': 'white',\n  '--background-bold': 'var(--color-purple-800)',\n  '--background-bold-hover': 'var(--color-purple-900)',\n  '--text-on-white': 'var(--color-purple-700)'\n}\nconst cyan = {\n  '--text-subtle': 'var(--color-cyan-1000)',\n  '--background-subtle': 'var(--color-cyan-200)',\n  '--text-subtle-hover': 'var(--color-cyan-1100)',\n  '--background-subtle-hover': 'var(--color-cyan-300)',\n  '--text-bold': 'white',\n  '--background-bold': 'var(--color-cyan-800)',\n  '--background-bold-hover': 'var(--color-cyan-900)',\n  '--text-on-white': 'var(--color-cyan-800)'\n}\nconst green = {\n  '--text-subtle': 'var(--color-green-1000)',\n  '--background-subtle': 'var(--color-green-200)',\n  '--text-subtle-hover': 'var(--color-green-1100)',\n  '--background-subtle-hover': 'var(--color-green-300)',\n  '--text-bold': 'white',\n  '--background-bold': 'var(--color-green-800)',\n  '--background-bold-hover': 'var(--color-green-900)',\n  '--text-on-white': 'var(--color-green-800)'\n}\nconst magenta = {\n  '--text-subtle': 'var(--color-magenta-1000)',\n  '--background-subtle': 'var(--color-magenta-200)',\n  '--text-subtle-hover': 'var(--color-magenta-1100)',\n  '--background-subtle-hover': 'var(--color-magenta-300)',\n  '--text-bold': 'white',\n  '--background-bold': 'var(--color-magenta-800)',\n  '--background-bold-hover': 'var(--color-magenta-900)',\n  '--text-on-white': 'var(--color-magenta-800)'\n}\nconst red = {\n  '--text-subtle': 'var(--color-red-1000)',\n  '--background-subtle': 'var(--color-red-200)',\n  '--text-subtle-hover': 'var(--color-red-1100)',\n  '--background-subtle-hover': 'var(--color-red-400)',\n  '--text-bold': 'white',\n  '--background-bold': 'var(--color-red-800)',\n  '--background-bold-hover': 'var(--color-red-900)',\n  '--text-on-white': 'var(--color-red-800)'\n}\nconst teal = {\n  '--text-subtle': 'var(--color-teal-1000)',\n  '--background-subtle': 'var(--color-teal-200)',\n  '--text-subtle-hover': 'var(--color-teal-1100)',\n  '--background-subtle-hover': 'var(--color-teal-300)',\n  '--text-bold': 'white',\n  '--background-bold': 'var(--color-teal-800)',\n  '--background-bold-hover': 'var(--color-teal-900)',\n  '--text-on-white': 'var(--color-teal-800)'\n}\nconst orange = {\n  '--text-subtle': 'var(--color-orange-1000)',\n  '--background-subtle': 'var(--color-orange-200)',\n  '--text-subtle-hover': 'var(--color-orange-1100)',\n  '--background-subtle-hover': 'var(--color-orange-300)',\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}\nconst yellow = {\n  '--text-subtle': 'var(--color-yellow-1000)',\n  '--background-subtle': 'var(--color-yellow-200)',\n  '--text-subtle-hover': 'var(--color-yellow-1100)',\n  '--background-subtle-hover': 'var(--color-yellow-300)',\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}\nconst lime = {\n  '--text-subtle': 'var(--color-lime-1000)',\n  '--background-subtle': 'var(--color-lime-200)',\n  '--text-subtle-hover': 'var(--color-lime-1100)',\n  '--background-subtle-hover': 'var(--color-lime-300)',\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}\nconst lapis = {\n  '--text-subtle': 'var(--color-lapis-1000)',\n  '--background-subtle': 'var(--color-lapis-200)',\n  '--text-subtle-hover': 'var(--color-lapis-1100)',\n  '--background-subtle-hover': 'var(--color-lapis-300)',\n  '--text-bold': 'white',\n  '--background-bold': 'var(--color-lapis-700)',\n  '--background-bold-hover': 'var(--color-lapis-900)',\n  '--text-on-white': 'var(--color-lapis-700)'\n}\nconst maroon = {\n  '--text-subtle': 'var(--color-maroon-1000)',\n  '--background-subtle': 'var(--color-maroon-200)',\n  '--text-subtle-hover': 'var(--color-maroon-1100)',\n  '--background-subtle-hover': 'var(--color-maroon-300)',\n  '--text-bold': 'white',\n  '--background-bold': 'var(--color-maroon-800)',\n  '--background-bold-hover': 'var(--color-maroon-900)',\n  '--text-on-white': 'var(--color-maroon-700)'\n}\nconst marsh = {\n  '--text-subtle': 'var(--color-marsh-1000)',\n  '--background-subtle': 'var(--color-marsh-200)',\n  '--text-subtle-hover': 'var(--color-marsh-1100)',\n  '--background-subtle-hover': 'var(--color-marsh-300)',\n  '--text-bold': 'white',\n  '--background-bold': 'var(--color-marsh-800)',\n  '--background-bold-hover': 'var(--color-marsh-900)',\n  '--text-on-white': 'var(--color-marsh-700)'\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,\n  grey,\n  blue,\n  pink,\n  purple,\n  cyan,\n  green,\n  magenta,\n  red,\n  teal,\n  orange,\n  yellow,\n  lime,\n  lapis,\n  maroon,\n  marsh\n}\n"],"names":["info","neutral","success","danger","warning","primary","grey","blue","pink","purple","cyan","green","magenta","red","teal","orange","yellow","lime","lapis","maroon","marsh","badgeSemanticNames","colorSchemes"],"mappings":"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"}
+{"version":3,"file":"Badge.colorscheme.config.js","names":[],"sources":["../../../src/components/badge/Badge.colorscheme.config.ts"],"sourcesContent":["/*\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\t•\tNon-semantic themes\n*/\nconst primary = {\n  '--text-subtle': 'var(--color-primary-1000)',\n  '--background-subtle': 'var(--color-primary-200)',\n  '--text-subtle-hover': 'var(--color-primary-1100)',\n  '--background-subtle-hover': 'var(--color-primary-300)',\n  '--text-bold': 'white',\n  '--background-bold': 'var(--color-primary-800)',\n  '--background-bold-hover': 'var(--color-primary-900)',\n  '--text-on-white': 'var(--color-primary-800)'\n}\nconst grey = {\n  '--text-subtle': 'var(--color-grey-1000)',\n  '--background-subtle': 'var(--color-grey-200)',\n  '--text-subtle-hover': 'var(--color-grey-1100)',\n  '--background-subtle-hover': 'var(--color-grey-300)',\n  '--text-bold': 'white',\n  '--background-bold': 'var(--color-grey-800)',\n  '--background-bold-hover': 'var(--color-grey-900)',\n  '--text-on-white': 'var(--color-grey-800)'\n}\nconst blue = {\n  '--text-subtle': 'var(--color-blue-1000)',\n  '--background-subtle': 'var(--color-blue-200)',\n  '--text-subtle-hover': 'var(--color-blue-1100)',\n  '--background-subtle-hover': 'var(--color-blue-300)',\n  '--text-bold': 'white',\n  '--background-bold': 'var(--color-blue-800)',\n  '--background-bold-hover': 'var(--color-blue-900)',\n  '--text-on-white': 'var(--color-blue-800)'\n}\nconst pink = {\n  '--text-subtle': 'var(--color-pink-1000)',\n  '--background-subtle': 'var(--color-pink-200)',\n  '--text-subtle-hover': 'var(--color-pink-1100)',\n  '--background-subtle-hover': 'var(--color-pink-300)',\n  '--text-bold': 'white',\n  '--background-bold': 'var(--color-pink-800)',\n  '--background-bold-hover': 'var(--color-pink-900)',\n  '--text-on-white': 'var(--color-pink-800)'\n}\nconst purple = {\n  '--text-subtle': 'var(--color-purple-1000)',\n  '--background-subtle': 'var(--color-purple-200)',\n  '--text-subtle-hover': 'var(--color-purple-1100)',\n  '--background-subtle-hover': 'var(--color-purple-300)',\n  '--text-bold': 'white',\n  '--background-bold': 'var(--color-purple-800)',\n  '--background-bold-hover': 'var(--color-purple-900)',\n  '--text-on-white': 'var(--color-purple-700)'\n}\nconst cyan = {\n  '--text-subtle': 'var(--color-cyan-1000)',\n  '--background-subtle': 'var(--color-cyan-200)',\n  '--text-subtle-hover': 'var(--color-cyan-1100)',\n  '--background-subtle-hover': 'var(--color-cyan-300)',\n  '--text-bold': 'white',\n  '--background-bold': 'var(--color-cyan-800)',\n  '--background-bold-hover': 'var(--color-cyan-900)',\n  '--text-on-white': 'var(--color-cyan-800)'\n}\nconst green = {\n  '--text-subtle': 'var(--color-green-1000)',\n  '--background-subtle': 'var(--color-green-200)',\n  '--text-subtle-hover': 'var(--color-green-1100)',\n  '--background-subtle-hover': 'var(--color-green-300)',\n  '--text-bold': 'white',\n  '--background-bold': 'var(--color-green-800)',\n  '--background-bold-hover': 'var(--color-green-900)',\n  '--text-on-white': 'var(--color-green-800)'\n}\nconst magenta = {\n  '--text-subtle': 'var(--color-magenta-1000)',\n  '--background-subtle': 'var(--color-magenta-200)',\n  '--text-subtle-hover': 'var(--color-magenta-1100)',\n  '--background-subtle-hover': 'var(--color-magenta-300)',\n  '--text-bold': 'white',\n  '--background-bold': 'var(--color-magenta-800)',\n  '--background-bold-hover': 'var(--color-magenta-900)',\n  '--text-on-white': 'var(--color-magenta-800)'\n}\nconst red = {\n  '--text-subtle': 'var(--color-red-1000)',\n  '--background-subtle': 'var(--color-red-200)',\n  '--text-subtle-hover': 'var(--color-red-1100)',\n  '--background-subtle-hover': 'var(--color-red-400)',\n  '--text-bold': 'white',\n  '--background-bold': 'var(--color-red-800)',\n  '--background-bold-hover': 'var(--color-red-900)',\n  '--text-on-white': 'var(--color-red-800)'\n}\nconst teal = {\n  '--text-subtle': 'var(--color-teal-1000)',\n  '--background-subtle': 'var(--color-teal-200)',\n  '--text-subtle-hover': 'var(--color-teal-1100)',\n  '--background-subtle-hover': 'var(--color-teal-300)',\n  '--text-bold': 'white',\n  '--background-bold': 'var(--color-teal-800)',\n  '--background-bold-hover': 'var(--color-teal-900)',\n  '--text-on-white': 'var(--color-teal-800)'\n}\nconst orange = {\n  '--text-subtle': 'var(--color-orange-1000)',\n  '--background-subtle': 'var(--color-orange-200)',\n  '--text-subtle-hover': 'var(--color-orange-1100)',\n  '--background-subtle-hover': 'var(--color-orange-300)',\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}\nconst yellow = {\n  '--text-subtle': 'var(--color-yellow-1000)',\n  '--background-subtle': 'var(--color-yellow-200)',\n  '--text-subtle-hover': 'var(--color-yellow-1100)',\n  '--background-subtle-hover': 'var(--color-yellow-300)',\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}\nconst lime = {\n  '--text-subtle': 'var(--color-lime-1000)',\n  '--background-subtle': 'var(--color-lime-200)',\n  '--text-subtle-hover': 'var(--color-lime-1100)',\n  '--background-subtle-hover': 'var(--color-lime-300)',\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}\nconst lapis = {\n  '--text-subtle': 'var(--color-lapis-1000)',\n  '--background-subtle': 'var(--color-lapis-200)',\n  '--text-subtle-hover': 'var(--color-lapis-1100)',\n  '--background-subtle-hover': 'var(--color-lapis-300)',\n  '--text-bold': 'white',\n  '--background-bold': 'var(--color-lapis-700)',\n  '--background-bold-hover': 'var(--color-lapis-900)',\n  '--text-on-white': 'var(--color-lapis-700)'\n}\nconst maroon = {\n  '--text-subtle': 'var(--color-maroon-1000)',\n  '--background-subtle': 'var(--color-maroon-200)',\n  '--text-subtle-hover': 'var(--color-maroon-1100)',\n  '--background-subtle-hover': 'var(--color-maroon-300)',\n  '--text-bold': 'white',\n  '--background-bold': 'var(--color-maroon-800)',\n  '--background-bold-hover': 'var(--color-maroon-900)',\n  '--text-on-white': 'var(--color-maroon-700)'\n}\nconst marsh = {\n  '--text-subtle': 'var(--color-marsh-1000)',\n  '--background-subtle': 'var(--color-marsh-200)',\n  '--text-subtle-hover': 'var(--color-marsh-1100)',\n  '--background-subtle-hover': 'var(--color-marsh-300)',\n  '--text-bold': 'white',\n  '--background-bold': 'var(--color-marsh-800)',\n  '--background-bold-hover': 'var(--color-marsh-900)',\n  '--text-on-white': 'var(--color-marsh-700)'\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,\n  grey,\n  blue,\n  pink,\n  purple,\n  cyan,\n  green,\n  magenta,\n  red,\n  teal,\n  orange,\n  yellow,\n  lime,\n  lapis,\n  maroon,\n  marsh\n}\n"],"mappings":"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"}

package/dist/components/badge/Badge.context.js

@@ -1,2 +1,20 @@
-import*as e from"react";const i=e.createContext({}),l=({size:r,overflow:o,children:n})=>{const[t,s]=e.useState(!1),a=e.useMemo(()=>({size:r,overflow:o,isOverflowing:t,setIsOverflowing:s}),[r,o,t,s]);return e.createElement(i.Provider,{value:a},n)};export{i as BadgeContext,l as BadgeProvider};
-//# sourceMappingURL=Badge.context.js.map
+import * as e from "react";
+//#region src/components/badge/Badge.context.tsx
+var t = e.createContext({}), n = ({ size: n, overflow: r, children: i }) => {
+	let [a, o] = e.useState(!1), s = e.useMemo(() => ({
+		size: n,
+		overflow: r,
+		isOverflowing: a,
+		setIsOverflowing: o
+	}), [
+		n,
+		r,
+		a,
+		o
+	]);
+	return /* @__PURE__ */ e.createElement(t.Provider, { value: s }, i);
+};
+//#endregion
+export { t as BadgeContext, n as BadgeProvider };
+
+//# sourceMappingURL=Badge.context.js.map

package/dist/components/badge/Badge.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.context.js","sources":["../../../src/components/badge/Badge.context.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport type { TBadgeProps } from './Badge'\n\ntype TBadgeProviderProps = {\n  size?: TBadgeProps['size']\n  overflow?: TBadgeProps['overflow']\n}\n\ntype TBadgeContext = TBadgeProviderProps & {\n  isOverflowing?: boolean\n  setIsOverflowing?: React.Dispatch<React.SetStateAction<boolean>>\n}\n\nexport const BadgeContext = React.createContext<TBadgeContext>({})\n\nexport const BadgeProvider = ({\n  size,\n  overflow,\n  children\n}: React.PropsWithChildren<TBadgeProviderProps>) => {\n  const [isOverflowing, setIsOverflowing] = React.useState(false)\n\n  const value = React.useMemo<TBadgeContext>(\n    () => ({ size, overflow, isOverflowing, setIsOverflowing }),\n    [size, overflow, isOverflowing, setIsOverflowing]\n  )\n  return <BadgeContext.Provider value={value}>{children}</BadgeContext.Provider>\n}\n"],"names":["BadgeContext","React","BadgeProvider","size","overflow","children","isOverflowing","setIsOverflowing","value"],"mappings":"wBAcO,MAAMA,EAAeC,EAAM,cAA6B,CAAA,CAAE,EAEpDC,EAAgB,CAAC,CAC5B,KAAAC,EACA,SAAAC,EACA,SAAAC,CACF,IAAoD,CAClD,KAAM,CAACC,EAAeC,CAAgB,EAAIN,EAAM,SAAS,EAAK,EAExDO,EAAQP,EAAM,QAClB,KAAO,CAAE,KAAAE,EAAM,SAAAC,EAAU,cAAAE,EAAe,iBAAAC,CAAiB,GACzD,CAACJ,EAAMC,EAAUE,EAAeC,CAAgB,CAClD,EACA,OAAON,EAAA,cAACD,EAAa,SAAb,CAAsB,MAAOQ,CAAQH,EAAAA,CAAS,CACxD"}
+{"version":3,"file":"Badge.context.js","names":[],"sources":["../../../src/components/badge/Badge.context.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport type { TBadgeProps } from './Badge'\n\ntype TBadgeProviderProps = {\n  size?: TBadgeProps['size']\n  overflow?: TBadgeProps['overflow']\n}\n\ntype TBadgeContext = TBadgeProviderProps & {\n  isOverflowing?: boolean\n  setIsOverflowing?: React.Dispatch<React.SetStateAction<boolean>>\n}\n\nexport const BadgeContext = React.createContext<TBadgeContext>({})\n\nexport const BadgeProvider = ({\n  size,\n  overflow,\n  children\n}: React.PropsWithChildren<TBadgeProviderProps>) => {\n  const [isOverflowing, setIsOverflowing] = React.useState(false)\n\n  const value = React.useMemo<TBadgeContext>(\n    () => ({ size, overflow, isOverflowing, setIsOverflowing }),\n    [size, overflow, isOverflowing, setIsOverflowing]\n  )\n  return <BadgeContext.Provider value={value}>{children}</BadgeContext.Provider>\n}\n"],"mappings":";;AAcA,IAAa,IAAe,EAAM,cAA6B,EAAE,CAAC,EAErD,KAAiB,EAC5B,SACA,aACA,kBACkD;CAClD,IAAM,CAAC,GAAe,KAAoB,EAAM,SAAS,GAAM,EAEzD,IAAQ,EAAM,eACX;EAAE;EAAM;EAAU;EAAe;EAAkB,GAC1D;EAAC;EAAM;EAAU;EAAe;EAAiB,CAClD;AACD,QAAO,kBAAA,cAAC,EAAa,UAAd,EAA8B,UAAyC,EAAjC,EAAiC"}

package/dist/components/badge/Badge.js

@@ -1,2 +1,102 @@
-import*as e from"react";import{Icon as v}from"../icon/Icon.js";import{styled as w}from"../../styled.js";import{useCallbackRefState as k}from"../../utilities/hooks/useCallbackRef.js";import{OptionalTooltipWrapper as y}from"../../utilities/optional-tooltip-wrapper/OptionalTooltipWrapper.js";import{colorSchemes as C,badgeSemanticNames as E}from"./Badge.colorscheme.config.js";import{BadgeContext as B,BadgeProvider as O}from"./Badge.context.js";import{BadgeIcon as n}from"./BadgeIcon.js";import{BadgeText as b}from"./BadgeText.js";const z=w("div",{base:["flex","justify-center","items-center","rounded-sm","min-w-0","border","border-white","font-body","*:not-last:mr-1"],variants:{emphasis:{white:["text-(--text-on-white)","bg-white"],subtle:["text-(--text-subtle)","bg-(--background-subtle)"],bold:["text-(--text-bold)","bg-(--background-bold)"]},size:{xs:["px-1","py-0"],sm:["px-1","py-0.5"],md:["px-2","py-1"]},isClickable:{true:["cursor-pointer"]},highlighted:{true:[]}},compoundVariants:[{isClickable:!0,emphasis:"white",class:["hover:text-(--text-on-white)","hover:bg-[color-mix(in_srgb,(--text-on-white),transparent_92%)]"]},{isClickable:!0,emphasis:"subtle",class:["hover:bg-(--background-subtle-hover)","hover:text-(--text-subtle-hover)"]},{isClickable:!0,emphasis:"bold",class:["hover:bg-(--background-bold-hover)","hover:text-(--text-bold)"]},{emphasis:"white",highlighted:!0,class:["text-(--text-on-white)","bg-[color-mix(in_srgb,(--text-on-white),transparent_92%)]"]},{emphasis:"subtle",highlighted:!0,class:["text-(--text-subtle-hover)","(--bg-background-subtle-hover)"]},{emphasis:"bold",highlighted:!0,class:["text-(--text-bold)","bg-(--background-bold-hover)"]}]},{enabledResponsiveVariants:!0}),I=e.forwardRef(({theme:o="info",emphasis:s="subtle",children:r,style:i,...l},h)=>{const{size:c,overflow:d,isOverflowing:p}=e.useContext(B),[a,g]=k();e.useImperativeHandle(h,()=>a);const u=a==null?void 0:a.textContent,x=E.includes(o),f=Object.keys(l).includes("onClick")||Object.keys(l).includes("href");return e.createElement(y,{hasTooltip:d==="ellipsis"&&p,label:u},e.createElement(z,{role:"status",emphasis:s,size:c,style:{...C[o],...i},...l,ref:g,isClickable:f&&!x},e.Children.map(r,t=>typeof t=="string"||typeof t=="number"?e.createElement(b,null,t):e.isValidElement(t)&&t.type===v?e.createElement(n,{...t.props}):t)))}),m=e.forwardRef(({size:o="sm",overflow:s="wrap",...r},i)=>e.createElement(O,{size:o,overflow:s},e.createElement(I,{...r,ref:i}))),j=Object.assign(m,{Icon:n,Text:b});m.displayName="Badge";export{j as Badge};
-//# sourceMappingURL=Badge.js.map
+import { styled as e } from "../../styled.js";
+import { Icon as t } from "../icon/Icon.js";
+import { OptionalTooltipWrapper as n } from "../../utilities/optional-tooltip-wrapper/OptionalTooltipWrapper.js";
+import { useCallbackRefState as r } from "../../utilities/hooks/useCallbackRef.js";
+import { badgeSemanticNames as i, colorSchemes as a } from "./Badge.colorscheme.config.js";
+import { BadgeContext as o, BadgeProvider as s } from "./Badge.context.js";
+import { BadgeIcon as c } from "./BadgeIcon.js";
+import { BadgeText as l } from "./BadgeText.js";
+import * as u from "react";
+//#region src/components/badge/Badge.tsx
+var d = e("div", {
+	base: [
+		"flex",
+		"justify-center",
+		"items-center",
+		"rounded-sm",
+		"min-w-0",
+		"border",
+		"border-white",
+		"font-body",
+		"*:not-last:mr-1"
+	],
+	variants: {
+		emphasis: {
+			white: ["text-(--text-on-white)", "bg-white"],
+			subtle: ["text-(--text-subtle)", "bg-(--background-subtle)"],
+			bold: ["text-(--text-bold)", "bg-(--background-bold)"]
+		},
+		size: {
+			xs: ["px-1", "py-0"],
+			sm: ["px-1", "py-0.5"],
+			md: ["px-2", "py-1"]
+		},
+		isClickable: { true: ["cursor-pointer"] },
+		highlighted: { true: [] }
+	},
+	compoundVariants: [
+		{
+			isClickable: !0,
+			emphasis: "white",
+			class: ["hover:text-(--text-on-white)", "hover:bg-[color-mix(in_srgb,(--text-on-white),transparent_92%)]"]
+		},
+		{
+			isClickable: !0,
+			emphasis: "subtle",
+			class: ["hover:bg-(--background-subtle-hover)", "hover:text-(--text-subtle-hover)"]
+		},
+		{
+			isClickable: !0,
+			emphasis: "bold",
+			class: ["hover:bg-(--background-bold-hover)", "hover:text-(--text-bold)"]
+		},
+		{
+			emphasis: "white",
+			highlighted: !0,
+			class: ["text-(--text-on-white)", "bg-[color-mix(in_srgb,(--text-on-white),transparent_92%)]"]
+		},
+		{
+			emphasis: "subtle",
+			highlighted: !0,
+			class: ["text-(--text-subtle-hover)", "(--bg-background-subtle-hover)"]
+		},
+		{
+			emphasis: "bold",
+			highlighted: !0,
+			class: ["text-(--text-bold)", "bg-(--background-bold-hover)"]
+		}
+	]
+}, { enabledResponsiveVariants: !0 }), f = u.forwardRef(({ theme: e = "info", emphasis: s = "subtle", children: f, style: p, ...m }, h) => {
+	let { size: g, overflow: _, isOverflowing: v } = u.useContext(o), [y, b] = r();
+	u.useImperativeHandle(h, () => y);
+	let x = y?.textContent, S = i.includes(e), C = Object.keys(m).includes("onClick") || Object.keys(m).includes("href");
+	return /* @__PURE__ */ u.createElement(n, {
+		hasTooltip: _ === "ellipsis" && v,
+		label: x
+	}, /* @__PURE__ */ u.createElement(d, {
+		role: "status",
+		emphasis: s,
+		size: g,
+		style: {
+			...a[e],
+			...p
+		},
+		...m,
+		ref: b,
+		isClickable: C && !S
+	}, u.Children.map(f, (e) => typeof e == "string" || typeof e == "number" ? /* @__PURE__ */ u.createElement(l, null, e) : u.isValidElement(e) && e.type === t ? /* @__PURE__ */ u.createElement(c, e.props) : e)));
+}), p = u.forwardRef(({ size: e = "sm", overflow: t = "wrap", ...n }, r) => /* @__PURE__ */ u.createElement(s, {
+	size: e,
+	overflow: t
+}, /* @__PURE__ */ u.createElement(f, {
+	...n,
+	ref: r
+}))), m = Object.assign(p, {
+	Icon: c,
+	Text: l
+});
+p.displayName = "Badge";
+//#endregion
+export { m as Badge };
+
+//# sourceMappingURL=Badge.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sources":["../../../src/components/badge/Badge.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Icon } from '~/components/icon/Icon'\nimport { styled } from '~/styled'\nimport { useCallbackRefState } from '~/utilities/hooks/useCallbackRef'\nimport { OptionalTooltipWrapper } from '~/utilities/optional-tooltip-wrapper/OptionalTooltipWrapper'\n\nimport {\n  badgeSemanticNames,\n  colorSchemes as badgeColorSchemes\n} from './Badge.colorscheme.config'\nimport { BadgeContext, BadgeProvider } from './Badge.context'\nimport { BadgeIcon } from './BadgeIcon'\nimport { BadgeText } from './BadgeText'\n\nconst StyledBadge = styled(\n  'div',\n  {\n    base: [\n      'flex',\n      'justify-center',\n      'items-center',\n      'rounded-sm',\n      'min-w-0',\n      'border',\n      'border-white',\n      'font-body',\n      '*:not-last:mr-1'\n    ],\n    variants: {\n      emphasis: {\n        white: ['text-(--text-on-white)', 'bg-white'],\n        subtle: ['text-(--text-subtle)', 'bg-(--background-subtle)'],\n        bold: ['text-(--text-bold)', 'bg-(--background-bold)']\n      },\n      size: {\n        xs: ['px-1', 'py-0'],\n        sm: ['px-1', 'py-0.5'],\n        md: ['px-2', 'py-1']\n      },\n      isClickable: {\n        true: ['cursor-pointer']\n      },\n      highlighted: {\n        true: []\n      }\n    },\n    compoundVariants: [\n      {\n        isClickable: true,\n        emphasis: 'white',\n        class: [\n          'hover:text-(--text-on-white)',\n          'hover:bg-[color-mix(in_srgb,(--text-on-white),transparent_92%)]'\n        ]\n      },\n      {\n        isClickable: true,\n        emphasis: 'subtle',\n        class: [\n          'hover:bg-(--background-subtle-hover)',\n          'hover:text-(--text-subtle-hover)'\n        ]\n      },\n      {\n        isClickable: true,\n        emphasis: 'bold',\n        class: [\n          'hover:bg-(--background-bold-hover)',\n          'hover:text-(--text-bold)'\n        ]\n      },\n      {\n        emphasis: 'white',\n        highlighted: true,\n        class: [\n          'text-(--text-on-white)',\n          'bg-[color-mix(in_srgb,(--text-on-white),transparent_92%)]'\n        ]\n      },\n      {\n        emphasis: 'subtle',\n        highlighted: true,\n        class: ['text-(--text-subtle-hover)', '(--bg-background-subtle-hover)']\n      },\n      {\n        emphasis: 'bold',\n        highlighted: true,\n        class: ['text-(--text-bold)', 'bg-(--background-bold-hover)']\n      }\n    ]\n  },\n  { enabledResponsiveVariants: true }\n)\n\nexport type TBadgeProps = React.ComponentProps<typeof StyledBadge> & {\n  theme?: keyof typeof badgeColorSchemes\n  overflow?: React.ComponentProps<typeof BadgeText>['overflow']\n}\n\ntype TBadgeInnerProps = Omit<TBadgeProps, 'size' | 'overflow'>\n\nconst BadgeInner = React.forwardRef<HTMLDivElement, TBadgeInnerProps>(\n  ({ theme = 'info', emphasis = 'subtle', children, style, ...rest }, ref) => {\n    const { size, overflow, isOverflowing } = React.useContext(BadgeContext)\n    const [badgeElRef, setBadgeElRef] = useCallbackRefState()\n    React.useImperativeHandle(ref, () => badgeElRef as HTMLDivElement)\n\n    const label = badgeElRef?.textContent\n\n    const isInfoOnly = badgeSemanticNames.includes(theme)\n\n    const isClickable =\n      Object.keys(rest).includes('onClick') ||\n      Object.keys(rest).includes('href')\n\n    return (\n      <OptionalTooltipWrapper\n        hasTooltip={overflow === 'ellipsis' && isOverflowing}\n        label={label}\n      >\n        <StyledBadge\n          role=\"status\"\n          emphasis={emphasis}\n          size={size}\n          style={{\n            ...badgeColorSchemes[theme],\n            ...style\n          }}\n          {...rest}\n          ref={setBadgeElRef}\n          isClickable={isClickable && !isInfoOnly}\n        >\n          {React.Children.map(children, (child) => {\n            if (typeof child === 'string' || typeof child === 'number') {\n              return <BadgeText>{child}</BadgeText>\n            }\n            if (React.isValidElement(child) && child.type === Icon) {\n              return <BadgeIcon {...child.props} />\n            }\n            return child\n          })}\n        </StyledBadge>\n      </OptionalTooltipWrapper>\n    )\n  }\n)\n\nconst BadgeComponent = React.forwardRef<HTMLDivElement, TBadgeProps>(\n  ({ size = 'sm', overflow = 'wrap', ...rest }, ref) => {\n    return (\n      <BadgeProvider size={size} overflow={overflow}>\n        <BadgeInner {...rest} ref={ref} />\n      </BadgeProvider>\n    )\n  }\n)\n\nexport const Badge = Object.assign(BadgeComponent, {\n  Icon: BadgeIcon,\n  Text: BadgeText\n})\n\nBadgeComponent.displayName = 'Badge'\n"],"names":["StyledBadge","styled","BadgeInner","React","theme","emphasis","children","style","rest","ref","size","overflow","isOverflowing","BadgeContext","badgeElRef","setBadgeElRef","useCallbackRefState","label","isInfoOnly","badgeSemanticNames","isClickable","OptionalTooltipWrapper","badgeColorSchemes","child","BadgeText","Icon","BadgeIcon","BadgeComponent","BadgeProvider","Badge"],"mappings":"khBAeA,MAAMA,EAAcC,EAClB,MACA,CACE,KAAM,CACJ,OACA,iBACA,eACA,aACA,UACA,SACA,eACA,YACA,iBACF,EACA,SAAU,CACR,SAAU,CACR,MAAO,CAAC,yBAA0B,UAAU,EAC5C,OAAQ,CAAC,uBAAwB,0BAA0B,EAC3D,KAAM,CAAC,qBAAsB,wBAAwB,CACvD,EACA,KAAM,CACJ,GAAI,CAAC,OAAQ,MAAM,EACnB,GAAI,CAAC,OAAQ,QAAQ,EACrB,GAAI,CAAC,OAAQ,MAAM,CACrB,EACA,YAAa,CACX,KAAM,CAAC,gBAAgB,CACzB,EACA,YAAa,CACX,KAAM,EACR,CACF,EACA,iBAAkB,CAChB,CACE,YAAa,GACb,SAAU,QACV,MAAO,CACL,+BACA,iEACF,CACF,EACA,CACE,YAAa,GACb,SAAU,SACV,MAAO,CACL,uCACA,kCACF,CACF,EACA,CACE,YAAa,GACb,SAAU,OACV,MAAO,CACL,qCACA,0BACF,CACF,EACA,CACE,SAAU,QACV,YAAa,GACb,MAAO,CACL,yBACA,2DACF,CACF,EACA,CACE,SAAU,SACV,YAAa,GACb,MAAO,CAAC,6BAA8B,gCAAgC,CACxE,EACA,CACE,SAAU,OACV,YAAa,GACb,MAAO,CAAC,qBAAsB,8BAA8B,CAC9D,CACF,CACF,EACA,CAAE,0BAA2B,EAAK,CACpC,EASMC,EAAaC,EAAM,WACvB,CAAC,CAAE,MAAAC,EAAQ,OAAQ,SAAAC,EAAW,SAAU,SAAAC,EAAU,MAAAC,EAAO,GAAGC,CAAK,EAAGC,IAAQ,CAC1E,KAAM,CAAE,KAAAC,EAAM,SAAAC,EAAU,cAAAC,CAAc,EAAIT,EAAM,WAAWU,CAAY,EACjE,CAACC,EAAYC,CAAa,EAAIC,IACpCb,EAAM,oBAAoBM,EAAK,IAAMK,CAA4B,EAEjE,MAAMG,EAAQH,GAAA,KAAAA,OAAAA,EAAY,YAEpBI,EAAaC,EAAmB,SAASf,CAAK,EAE9CgB,EACJ,OAAO,KAAKZ,CAAI,EAAE,SAAS,SAAS,GACpC,OAAO,KAAKA,CAAI,EAAE,SAAS,MAAM,EAEnC,OACEL,EAAA,cAACkB,EAAA,CACC,WAAYV,IAAa,YAAcC,EACvC,MAAOK,CAEPd,EAAAA,EAAA,cAACH,EAAA,CACC,KAAK,SACL,SAAUK,EACV,KAAMK,EACN,MAAO,CACL,GAAGY,EAAkBlB,CAAK,EAC1B,GAAGG,CACL,EACC,GAAGC,EACJ,IAAKO,EACL,YAAaK,GAAe,CAACF,CAAAA,EAE5Bf,EAAM,SAAS,IAAIG,EAAWiB,GACzB,OAAOA,GAAU,UAAY,OAAOA,GAAU,SACzCpB,EAAA,cAACqB,EAAA,KAAWD,CAAM,EAEvBpB,EAAM,eAAeoB,CAAK,GAAKA,EAAM,OAASE,EACzCtB,EAAA,cAACuB,EAAA,CAAW,GAAGH,EAAM,MAAO,EAE9BA,CACR,CACH,CACF,CAEJ,CACF,EAEMI,EAAiBxB,EAAM,WAC3B,CAAC,CAAE,KAAAO,EAAO,KAAM,SAAAC,EAAW,OAAQ,GAAGH,CAAK,EAAGC,IAE1CN,EAAA,cAACyB,EAAA,CAAc,KAAMlB,EAAM,SAAUC,GACnCR,EAAA,cAACD,EAAA,CAAY,GAAGM,EAAM,IAAKC,CAAAA,CAAK,CAClC,CAGN,EAEaoB,EAAQ,OAAO,OAAOF,EAAgB,CACjD,KAAMD,EACN,KAAMF,CACR,CAAC,EAEDG,EAAe,YAAc"}
+{"version":3,"file":"Badge.js","names":[],"sources":["../../../src/components/badge/Badge.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Icon } from '~/components/icon/Icon'\nimport { styled } from '~/styled'\nimport { useCallbackRefState } from '~/utilities/hooks/useCallbackRef'\nimport { OptionalTooltipWrapper } from '~/utilities/optional-tooltip-wrapper/OptionalTooltipWrapper'\n\nimport {\n  badgeSemanticNames,\n  colorSchemes as badgeColorSchemes\n} from './Badge.colorscheme.config'\nimport { BadgeContext, BadgeProvider } from './Badge.context'\nimport { BadgeIcon } from './BadgeIcon'\nimport { BadgeText } from './BadgeText'\n\nconst StyledBadge = styled(\n  'div',\n  {\n    base: [\n      'flex',\n      'justify-center',\n      'items-center',\n      'rounded-sm',\n      'min-w-0',\n      'border',\n      'border-white',\n      'font-body',\n      '*:not-last:mr-1'\n    ],\n    variants: {\n      emphasis: {\n        white: ['text-(--text-on-white)', 'bg-white'],\n        subtle: ['text-(--text-subtle)', 'bg-(--background-subtle)'],\n        bold: ['text-(--text-bold)', 'bg-(--background-bold)']\n      },\n      size: {\n        xs: ['px-1', 'py-0'],\n        sm: ['px-1', 'py-0.5'],\n        md: ['px-2', 'py-1']\n      },\n      isClickable: {\n        true: ['cursor-pointer']\n      },\n      highlighted: {\n        true: []\n      }\n    },\n    compoundVariants: [\n      {\n        isClickable: true,\n        emphasis: 'white',\n        class: [\n          'hover:text-(--text-on-white)',\n          'hover:bg-[color-mix(in_srgb,(--text-on-white),transparent_92%)]'\n        ]\n      },\n      {\n        isClickable: true,\n        emphasis: 'subtle',\n        class: [\n          'hover:bg-(--background-subtle-hover)',\n          'hover:text-(--text-subtle-hover)'\n        ]\n      },\n      {\n        isClickable: true,\n        emphasis: 'bold',\n        class: [\n          'hover:bg-(--background-bold-hover)',\n          'hover:text-(--text-bold)'\n        ]\n      },\n      {\n        emphasis: 'white',\n        highlighted: true,\n        class: [\n          'text-(--text-on-white)',\n          'bg-[color-mix(in_srgb,(--text-on-white),transparent_92%)]'\n        ]\n      },\n      {\n        emphasis: 'subtle',\n        highlighted: true,\n        class: ['text-(--text-subtle-hover)', '(--bg-background-subtle-hover)']\n      },\n      {\n        emphasis: 'bold',\n        highlighted: true,\n        class: ['text-(--text-bold)', 'bg-(--background-bold-hover)']\n      }\n    ]\n  },\n  { enabledResponsiveVariants: true }\n)\n\nexport type TBadgeProps = React.ComponentProps<typeof StyledBadge> & {\n  theme?: keyof typeof badgeColorSchemes\n  overflow?: React.ComponentProps<typeof BadgeText>['overflow']\n}\n\ntype TBadgeInnerProps = Omit<TBadgeProps, 'size' | 'overflow'>\n\nconst BadgeInner = React.forwardRef<HTMLDivElement, TBadgeInnerProps>(\n  ({ theme = 'info', emphasis = 'subtle', children, style, ...rest }, ref) => {\n    const { size, overflow, isOverflowing } = React.useContext(BadgeContext)\n    const [badgeElRef, setBadgeElRef] = useCallbackRefState()\n    React.useImperativeHandle(ref, () => badgeElRef as HTMLDivElement)\n\n    const label = badgeElRef?.textContent\n\n    const isInfoOnly = badgeSemanticNames.includes(theme)\n\n    const isClickable =\n      Object.keys(rest).includes('onClick') ||\n      Object.keys(rest).includes('href')\n\n    return (\n      <OptionalTooltipWrapper\n        hasTooltip={overflow === 'ellipsis' && isOverflowing}\n        label={label}\n      >\n        <StyledBadge\n          role=\"status\"\n          emphasis={emphasis}\n          size={size}\n          style={{\n            ...badgeColorSchemes[theme],\n            ...style\n          }}\n          {...rest}\n          ref={setBadgeElRef}\n          isClickable={isClickable && !isInfoOnly}\n        >\n          {React.Children.map(children, (child) => {\n            if (typeof child === 'string' || typeof child === 'number') {\n              return <BadgeText>{child}</BadgeText>\n            }\n            if (React.isValidElement(child) && child.type === Icon) {\n              return <BadgeIcon {...child.props} />\n            }\n            return child\n          })}\n        </StyledBadge>\n      </OptionalTooltipWrapper>\n    )\n  }\n)\n\nconst BadgeComponent = React.forwardRef<HTMLDivElement, TBadgeProps>(\n  ({ size = 'sm', overflow = 'wrap', ...rest }, ref) => {\n    return (\n      <BadgeProvider size={size} overflow={overflow}>\n        <BadgeInner {...rest} ref={ref} />\n      </BadgeProvider>\n    )\n  }\n)\n\nexport const Badge = Object.assign(BadgeComponent, {\n  Icon: BadgeIcon,\n  Text: BadgeText\n})\n\nBadgeComponent.displayName = 'Badge'\n"],"mappings":";;;;;;;;;;AAeA,IAAM,IAAc,EAClB,OACA;CACE,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACD,UAAU;EACR,UAAU;GACR,OAAO,CAAC,0BAA0B,WAAW;GAC7C,QAAQ,CAAC,wBAAwB,2BAA2B;GAC5D,MAAM,CAAC,sBAAsB,yBAAyB;GACvD;EACD,MAAM;GACJ,IAAI,CAAC,QAAQ,OAAO;GACpB,IAAI,CAAC,QAAQ,SAAS;GACtB,IAAI,CAAC,QAAQ,OAAO;GACrB;EACD,aAAa,EACX,MAAM,CAAC,iBAAiB,EACzB;EACD,aAAa,EACX,MAAM,EAAE,EACT;EACF;CACD,kBAAkB;EAChB;GACE,aAAa;GACb,UAAU;GACV,OAAO,CACL,gCACA,kEACD;GACF;EACD;GACE,aAAa;GACb,UAAU;GACV,OAAO,CACL,wCACA,mCACD;GACF;EACD;GACE,aAAa;GACb,UAAU;GACV,OAAO,CACL,sCACA,2BACD;GACF;EACD;GACE,UAAU;GACV,aAAa;GACb,OAAO,CACL,0BACA,4DACD;GACF;EACD;GACE,UAAU;GACV,aAAa;GACb,OAAO,CAAC,8BAA8B,iCAAiC;GACxE;EACD;GACE,UAAU;GACV,aAAa;GACb,OAAO,CAAC,sBAAsB,+BAA+B;GAC9D;EACF;CACF,EACD,EAAE,2BAA2B,IAAM,CACpC,EASK,IAAa,EAAM,YACtB,EAAE,WAAQ,QAAQ,cAAW,UAAU,aAAU,UAAO,GAAG,KAAQ,MAAQ;CAC1E,IAAM,EAAE,SAAM,aAAU,qBAAkB,EAAM,WAAW,EAAa,EAClE,CAAC,GAAY,KAAiB,GAAqB;AACzD,GAAM,oBAAoB,SAAW,EAA6B;CAElE,IAAM,IAAQ,GAAY,aAEpB,IAAa,EAAmB,SAAS,EAAM,EAE/C,IACJ,OAAO,KAAK,EAAK,CAAC,SAAS,UAAU,IACrC,OAAO,KAAK,EAAK,CAAC,SAAS,OAAO;AAEpC,QACE,kBAAA,cAAC,GAAD;EACE,YAAY,MAAa,cAAc;EAChC;EAwBgB,EAtBvB,kBAAA,cAAC,GAAD;EACE,MAAK;EACK;EACJ;EACN,OAAO;GACL,GAAG,EAAkB;GACrB,GAAG;GACJ;EACD,GAAI;EACJ,KAAK;EACL,aAAa,KAAe,CAAC;EAWjB,EATX,EAAM,SAAS,IAAI,IAAW,MACzB,OAAO,KAAU,YAAY,OAAO,KAAU,WACzC,kBAAA,cAAC,GAAA,MAAW,EAAkB,GAEnC,EAAM,eAAe,EAAM,IAAI,EAAM,SAAS,IACzC,kBAAA,cAAC,GAAc,EAAM,MAAS,GAEhC,EACP,CACU,CACS;EAG9B,EAEK,IAAiB,EAAM,YAC1B,EAAE,UAAO,MAAM,cAAW,QAAQ,GAAG,KAAQ,MAE1C,kBAAA,cAAC,GAAD;CAAqB;CAAgB;CAErB,EADd,kBAAA,cAAC,GAAD;CAAY,GAAI;CAAW;CAAO,CAAA,CACpB,CAGrB,EAEY,IAAQ,OAAO,OAAO,GAAgB;CACjD,MAAM;CACN,MAAM;CACP,CAAC;AAEF,EAAe,cAAc"}

package/dist/components/badge/BadgeIcon.js

@@ -1,2 +1,11 @@
-import*as o from"react";import{Icon as m}from"../icon/Icon.js";const r=e=>o.createElement(m,{size:"sm",...e});export{r as BadgeIcon};
-//# sourceMappingURL=BadgeIcon.js.map
+import { Icon as e } from "../icon/Icon.js";
+import * as t from "react";
+//#region src/components/badge/BadgeIcon.tsx
+var n = (n) => /* @__PURE__ */ t.createElement(e, {
+	size: "sm",
+	...n
+});
+//#endregion
+export { n as BadgeIcon };
+
+//# sourceMappingURL=BadgeIcon.js.map

package/dist/components/badge/BadgeIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"BadgeIcon.js","sources":["../../../src/components/badge/BadgeIcon.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Icon } from '~/components/icon/Icon'\n\nexport const BadgeIcon = (props: React.ComponentProps<typeof Icon>) => (\n  <Icon size=\"sm\" {...props} />\n)\n"],"names":["BadgeIcon","props","React","Icon"],"mappings":"+DAIa,MAAAA,EAAaC,GACxBC,EAAA,cAACC,EAAA,CAAK,KAAK,KAAM,GAAGF,CAAO,CAAA"}
+{"version":3,"file":"BadgeIcon.js","names":[],"sources":["../../../src/components/badge/BadgeIcon.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Icon } from '~/components/icon/Icon'\n\nexport const BadgeIcon = (props: React.ComponentProps<typeof Icon>) => (\n  <Icon size=\"sm\" {...props} />\n)\n"],"mappings":";;;AAIA,IAAa,KAAa,MACxB,kBAAA,cAAC,GAAD;CAAM,MAAK;CAAK,GAAI;CAAS,CAAA"}

package/dist/components/badge/BadgeText.js

@@ -1,2 +1,45 @@
-import*as t from"react";import{Text as d}from"../text/Text.js";import{styled as p}from"../../styled.js";import{useCallbackRefState as f}from"../../utilities/hooks/useCallbackRef.js";import{useResizeObserver as c}from"../../utilities/hooks/useResizeObserver.js";import{overrideStyledVariantValue as u}from"../../utilities/override-styled-variant-value/overrideStyledVariantValue.js";import{BadgeContext as s}from"./Badge.context.js";const w=({elRef:e})=>{const{setIsOverflowing:r}=t.useContext(s);return c({delay:0,elements:[e],onResize:()=>{!(e!=null&&e.scrollWidth)||!(e!=null&&e.clientWidth)||r==null||r(e.scrollWidth>e.clientWidth)}}),null},x=p(d,{base:["py-0.5"],variants:{overflow:{ellipsis:["overflow-x-hidden","text-ellipsis","whitespace-nowrap"],wrap:["whitespace-normal"]}}}),h={xs:"sm",sm:"md",md:"md"},v=({children:e,...r})=>{const{size:l,overflow:o}=t.useContext(s),i=t.useMemo(()=>u(l,a=>h[a]),[l]),[n,m]=f();return t.createElement(t.Fragment,null,o==="ellipsis"&&t.createElement(w,{elRef:n}),t.createElement(x,{noCapsize:!0,size:i,overflow:o,ref:m,...r},e))};export{v as BadgeText};
-//# sourceMappingURL=BadgeText.js.map
+import { styled as e } from "../../styled.js";
+import { Text as t } from "../text/Text.js";
+import { overrideStyledVariantValue as n } from "../../utilities/override-styled-variant-value/overrideStyledVariantValue.js";
+import { useCallbackRefState as r } from "../../utilities/hooks/useCallbackRef.js";
+import { BadgeContext as i } from "./Badge.context.js";
+import { useResizeObserver as a } from "../../utilities/hooks/useResizeObserver.js";
+import * as o from "react";
+//#region src/components/badge/BadgeText.tsx
+var s = ({ elRef: e }) => {
+	let { setIsOverflowing: t } = o.useContext(i);
+	return a({
+		delay: 0,
+		elements: [e],
+		onResize: () => {
+			!e?.scrollWidth || !e?.clientWidth || t?.(e.scrollWidth > e.clientWidth);
+		}
+	}), null;
+}, c = e(t, {
+	base: ["py-0.5"],
+	variants: { overflow: {
+		ellipsis: [
+			"overflow-x-hidden",
+			"text-ellipsis",
+			"whitespace-nowrap"
+		],
+		wrap: ["whitespace-normal"]
+	} }
+}), l = {
+	xs: "sm",
+	sm: "md",
+	md: "md"
+}, u = ({ children: e, ...t }) => {
+	let { size: a, overflow: u } = o.useContext(i), d = o.useMemo(() => n(a, (e) => l[e]), [a]), [f, p] = r();
+	return /* @__PURE__ */ o.createElement(o.Fragment, null, u === "ellipsis" && /* @__PURE__ */ o.createElement(s, { elRef: f }), /* @__PURE__ */ o.createElement(c, {
+		noCapsize: !0,
+		size: d,
+		overflow: u,
+		ref: p,
+		...t
+	}, e));
+};
+//#endregion
+export { u as BadgeText };
+
+//# sourceMappingURL=BadgeText.js.map

package/dist/components/badge/BadgeText.js.map

@@ -1 +1 @@
-{"version":3,"file":"BadgeText.js","sources":["../../../src/components/badge/BadgeText.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Text } from '~/components/text/Text'\nimport { styled } from '~/styled'\nimport { useCallbackRefState } from '~/utilities/hooks/useCallbackRef'\nimport { useResizeObserver } from '~/utilities/hooks/useResizeObserver'\nimport { overrideStyledVariantValue } from '~/utilities/override-styled-variant-value/overrideStyledVariantValue'\n\nimport { BadgeContext } from './Badge.context'\n\n/*\n * Instead of sticking a resize observer on every `BadgeText`\n * regardless of overflow type, split the resize logic into a component.\n * Basically call the hook conditionally, only for the version with\n * the `overflow === 'ellipsis'` which needs it.\n * This saves us from initialising a resize observer for any badge which doesn't need it.\n */\nconst ObserveBadgeTextOverflow: React.VFC<{ elRef: HTMLElement | null }> = ({\n  elRef\n}) => {\n  const { setIsOverflowing } = React.useContext(BadgeContext)\n\n  useResizeObserver({\n    delay: 0,\n    elements: [elRef],\n    onResize: () => {\n      if (!elRef?.scrollWidth || !elRef?.clientWidth) return\n      setIsOverflowing?.(elRef.scrollWidth > elRef.clientWidth)\n    }\n  })\n\n  return null\n}\n\nconst StyledBadgeText = styled(Text, {\n  base: ['py-0.5'],\n  variants: {\n    overflow: {\n      ellipsis: ['overflow-x-hidden', 'text-ellipsis', 'whitespace-nowrap'],\n      wrap: ['whitespace-normal']\n    }\n  }\n})\n\ntype TBadgeTextProps = React.ComponentProps<typeof StyledBadgeText>\n\nconst toTextSize = {\n  xs: 'sm',\n  sm: 'md',\n  md: 'md'\n}\n\nexport const BadgeText = ({\n  children,\n  ...rest\n}: TBadgeTextProps): JSX.Element => {\n  // We need the return type here. Otherwise typsecript breaks when this type is used in Badge. Do not remove unless you want to tackle that issue again.\n  const { size: badgeSize, overflow } = React.useContext(BadgeContext)\n\n  const size = React.useMemo(\n    () => overrideStyledVariantValue(badgeSize, (s) => toTextSize[s]),\n    [badgeSize]\n  )\n\n  const [elRef, setElRef] = useCallbackRefState()\n\n  return (\n    <>\n      {overflow === 'ellipsis' && <ObserveBadgeTextOverflow elRef={elRef} />}\n      <StyledBadgeText\n        noCapsize\n        size={size}\n        overflow={overflow}\n        ref={setElRef}\n        {...rest}\n      >\n        {children}\n      </StyledBadgeText>\n    </>\n  )\n}\n"],"names":["ObserveBadgeTextOverflow","elRef","setIsOverflowing","React","BadgeContext","useResizeObserver","StyledBadgeText","styled","Text","toTextSize","BadgeText","children","rest","badgeSize","overflow","size","overrideStyledVariantValue","s","setElRef","useCallbackRefState"],"mappings":"gbAiBA,MAAMA,EAAqE,CAAC,CAC1E,MAAAC,CACF,IAAM,CACJ,KAAM,CAAE,iBAAAC,CAAiB,EAAIC,EAAM,WAAWC,CAAY,EAE1D,OAAAC,EAAkB,CAChB,MAAO,EACP,SAAU,CAACJ,CAAK,EAChB,SAAU,IAAM,CACV,EAACA,GAAA,MAAAA,EAAO,cAAe,EAACA,GAAA,MAAAA,EAAO,cACnCC,GAAA,MAAAA,EAAmBD,EAAM,YAAcA,EAAM,YAC/C,CACF,CAAC,EAEM,IACT,EAEMK,EAAkBC,EAAOC,EAAM,CACnC,KAAM,CAAC,QAAQ,EACf,SAAU,CACR,SAAU,CACR,SAAU,CAAC,oBAAqB,gBAAiB,mBAAmB,EACpE,KAAM,CAAC,mBAAmB,CAC5B,CACF,CACF,CAAC,EAIKC,EAAa,CACjB,GAAI,KACJ,GAAI,KACJ,GAAI,IACN,EAEaC,EAAY,CAAC,CACxB,SAAAC,EACA,GAAGC,CACL,IAAoC,CAElC,KAAM,CAAE,KAAMC,EAAW,SAAAC,CAAS,EAAIX,EAAM,WAAWC,CAAY,EAE7DW,EAAOZ,EAAM,QACjB,IAAMa,EAA2BH,EAAYI,GAAMR,EAAWQ,CAAC,CAAC,EAChE,CAACJ,CAAS,CACZ,EAEM,CAACZ,EAAOiB,CAAQ,EAAIC,EAAAA,EAE1B,OACEhB,EAAA,cAAAA,EAAA,SAAA,KACGW,IAAa,YAAcX,EAAA,cAACH,EAAA,CAAyB,MAAOC,CAAO,CAAA,EACpEE,EAAA,cAACG,EAAA,CACC,UAAS,GACT,KAAMS,EACN,SAAUD,EACV,IAAKI,EACJ,GAAGN,CAEHD,EAAAA,CACH,CACF,CAEJ"}
+{"version":3,"file":"BadgeText.js","names":[],"sources":["../../../src/components/badge/BadgeText.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Text } from '~/components/text/Text'\nimport { styled } from '~/styled'\nimport { useCallbackRefState } from '~/utilities/hooks/useCallbackRef'\nimport { useResizeObserver } from '~/utilities/hooks/useResizeObserver'\nimport { overrideStyledVariantValue } from '~/utilities/override-styled-variant-value/overrideStyledVariantValue'\n\nimport { BadgeContext } from './Badge.context'\n\n/*\n * Instead of sticking a resize observer on every `BadgeText`\n * regardless of overflow type, split the resize logic into a component.\n * Basically call the hook conditionally, only for the version with\n * the `overflow === 'ellipsis'` which needs it.\n * This saves us from initialising a resize observer for any badge which doesn't need it.\n */\nconst ObserveBadgeTextOverflow: React.VFC<{ elRef: HTMLElement | null }> = ({\n  elRef\n}) => {\n  const { setIsOverflowing } = React.useContext(BadgeContext)\n\n  useResizeObserver({\n    delay: 0,\n    elements: [elRef],\n    onResize: () => {\n      if (!elRef?.scrollWidth || !elRef?.clientWidth) return\n      setIsOverflowing?.(elRef.scrollWidth > elRef.clientWidth)\n    }\n  })\n\n  return null\n}\n\nconst StyledBadgeText = styled(Text, {\n  base: ['py-0.5'],\n  variants: {\n    overflow: {\n      ellipsis: ['overflow-x-hidden', 'text-ellipsis', 'whitespace-nowrap'],\n      wrap: ['whitespace-normal']\n    }\n  }\n})\n\ntype TBadgeTextProps = React.ComponentProps<typeof StyledBadgeText>\n\nconst toTextSize = {\n  xs: 'sm',\n  sm: 'md',\n  md: 'md'\n}\n\nexport const BadgeText = ({\n  children,\n  ...rest\n}: TBadgeTextProps): JSX.Element => {\n  // We need the return type here. Otherwise typsecript breaks when this type is used in Badge. Do not remove unless you want to tackle that issue again.\n  const { size: badgeSize, overflow } = React.useContext(BadgeContext)\n\n  const size = React.useMemo(\n    () => overrideStyledVariantValue(badgeSize, (s) => toTextSize[s]),\n    [badgeSize]\n  )\n\n  const [elRef, setElRef] = useCallbackRefState()\n\n  return (\n    <>\n      {overflow === 'ellipsis' && <ObserveBadgeTextOverflow elRef={elRef} />}\n      <StyledBadgeText\n        noCapsize\n        size={size}\n        overflow={overflow}\n        ref={setElRef}\n        {...rest}\n      >\n        {children}\n      </StyledBadgeText>\n    </>\n  )\n}\n"],"mappings":";;;;;;;;AAiBA,IAAM,KAAsE,EAC1E,eACI;CACJ,IAAM,EAAE,wBAAqB,EAAM,WAAW,EAAa;AAW3D,QATA,EAAkB;EAChB,OAAO;EACP,UAAU,CAAC,EAAM;EACjB,gBAAgB;AACV,IAAC,GAAO,eAAe,CAAC,GAAO,eACnC,IAAmB,EAAM,cAAc,EAAM,YAAY;;EAE5D,CAAC,EAEK;GAGH,IAAkB,EAAO,GAAM;CACnC,MAAM,CAAC,SAAS;CAChB,UAAU,EACR,UAAU;EACR,UAAU;GAAC;GAAqB;GAAiB;GAAoB;EACrE,MAAM,CAAC,oBAAoB;EAC5B,EACF;CACF,CAAC,EAII,IAAa;CACjB,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,EAEY,KAAa,EACxB,aACA,GAAG,QAC+B;CAElC,IAAM,EAAE,MAAM,GAAW,gBAAa,EAAM,WAAW,EAAa,EAE9D,IAAO,EAAM,cACX,EAA2B,IAAY,MAAM,EAAW,GAAG,EACjE,CAAC,EAAU,CACZ,EAEK,CAAC,GAAO,KAAY,GAAqB;AAE/C,QACE,kBAAA,cAAA,EAAA,UAAA,MACG,MAAa,cAAc,kBAAA,cAAC,GAAD,EAAiC,UAAS,CAAA,EACtE,kBAAA,cAAC,GAAD;EACE,WAAA;EACM;EACI;EACV,KAAK;EACL,GAAI;EAGY,EADf,EACe,CACjB"}

package/dist/components/banner/Banner.js

@@ -1,2 +1,8 @@
-import{Dismissible as r}from"../dismissible/index.js";import{BannerProvider as i}from"./BannerContext.js";const s=Object.assign(i,{Dismiss:r.Trigger});export{s as Banner};
-//# sourceMappingURL=Banner.js.map
+import { Dismissible as e } from "../dismissible/index.js";
+import { BannerProvider as t } from "./BannerContext.js";
+//#region src/components/banner/Banner.tsx
+var n = Object.assign(t, { Dismiss: e.Trigger });
+//#endregion
+export { n as Banner };
+
+//# sourceMappingURL=Banner.js.map

package/dist/components/banner/Banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.js","sources":["../../../src/components/banner/Banner.tsx"],"sourcesContent":["import { Dismissible } from '../dismissible'\nimport { BannerProvider } from './BannerContext'\n\nexport const Banner = Object.assign(BannerProvider, {\n  Dismiss: Dismissible.Trigger\n})\n"],"names":["Banner","BannerProvider","Dismissible"],"mappings":"0GAGO,MAAMA,EAAS,OAAO,OAAOC,EAAgB,CAClD,QAASC,EAAY,OACvB,CAAC"}
+{"version":3,"file":"Banner.js","names":[],"sources":["../../../src/components/banner/Banner.tsx"],"sourcesContent":["import { Dismissible } from '../dismissible'\nimport { BannerProvider } from './BannerContext'\n\nexport const Banner = Object.assign(BannerProvider, {\n  Dismiss: Dismissible.Trigger\n})\n"],"mappings":";;;AAGA,IAAa,IAAS,OAAO,OAAO,GAAgB,EAClD,SAAS,EAAY,SACtB,CAAC"}

package/dist/components/banner/BannerContainer.js

@@ -1,2 +1,52 @@
-import*as e from"react";import{ColorScheme as t}from"../../experiments/color-scheme/ColorScheme.js";import{styled as i}from"../../styled.js";import{Dismissible as l}from"../dismissible/index.js";import{useBannerContext as m}from"./BannerContext.js";const d=i("section",{base:["flex","relative","w-full","rounded-lg","overflow-hidden","text-(--foreground)","[--banner-heading-color:var(--color-foreground)]","[--banner-text-color:var(--color-grey-900)]"],variants:{emphasis:{bold:["[--banner-heading-color:var(--color-foreground-7-plus)]","[--banner-text-color:var(--color-grey-100)]","bg-(--base-11)","text-(--foreground-7-plus)"],subtle:["bg-(--base-3)"],minimal:["bg-(--base-1)"]},size:{sm:[],md:[]}}},{enabledResponsiveVariants:!0}),c=({colorScheme:r={},onDismiss:o,dismissed:s,...n})=>{const{emphasis:a}=m();return e.createElement(t,{...r,asChild:!0},e.createElement(l,{asChild:!0,onDismiss:o,dismissed:s},e.createElement(d,{role:"banner",emphasis:a,...n})))};export{c as BannerContainer};
-//# sourceMappingURL=BannerContainer.js.map
+import { styled as e } from "../../styled.js";
+import { ColorScheme as t } from "../../experiments/color-scheme/ColorScheme.js";
+import { Dismissible as n } from "../dismissible/index.js";
+import { useBannerContext as r } from "./BannerContext.js";
+import * as i from "react";
+//#region src/components/banner/BannerContainer.tsx
+var a = e("section", {
+	base: [
+		"flex",
+		"relative",
+		"w-full",
+		"rounded-lg",
+		"overflow-hidden",
+		"text-(--foreground)",
+		"[--banner-heading-color:var(--color-foreground)]",
+		"[--banner-text-color:var(--color-grey-900)]"
+	],
+	variants: {
+		emphasis: {
+			bold: [
+				"[--banner-heading-color:var(--color-foreground-7-plus)]",
+				"[--banner-text-color:var(--color-grey-100)]",
+				"bg-(--base-11)",
+				"text-(--foreground-7-plus)"
+			],
+			subtle: ["bg-(--base-3)"],
+			minimal: ["bg-(--base-1)"]
+		},
+		size: {
+			sm: [],
+			md: []
+		}
+	}
+}, { enabledResponsiveVariants: !0 }), o = ({ colorScheme: e = {}, onDismiss: o, dismissed: s, ...c }) => {
+	let { emphasis: l } = r();
+	return /* @__PURE__ */ i.createElement(t, {
+		...e,
+		asChild: !0
+	}, /* @__PURE__ */ i.createElement(n, {
+		asChild: !0,
+		onDismiss: o,
+		dismissed: s
+	}, /* @__PURE__ */ i.createElement(a, {
+		role: "banner",
+		emphasis: l,
+		...c
+	})));
+};
+//#endregion
+export { o as BannerContainer };
+
+//# sourceMappingURL=BannerContainer.js.map

package/dist/components/banner/BannerContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerContainer.js","sources":["../../../src/components/banner/BannerContainer.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport {\n  ColorScheme,\n  TcolorScheme\n} from '~/experiments/color-scheme/ColorScheme'\nimport { styled } from '~/styled'\n\nimport { Dismissible } from '../dismissible'\nimport { useBannerContext } from './BannerContext'\n\nconst StyledBannerContainer = styled(\n  'section',\n  {\n    base: [\n      'flex',\n      'relative',\n      'w-full',\n      'rounded-lg',\n      'overflow-hidden',\n      'text-(--foreground)',\n      '[--banner-heading-color:var(--color-foreground)]',\n      '[--banner-text-color:var(--color-grey-900)]'\n    ],\n    variants: {\n      emphasis: {\n        bold: [\n          '[--banner-heading-color:var(--color-foreground-7-plus)]',\n          '[--banner-text-color:var(--color-grey-100)]',\n          'bg-(--base-11)',\n          'text-(--foreground-7-plus)'\n        ],\n        subtle: ['bg-(--base-3)'],\n        minimal: ['bg-(--base-1)']\n      },\n      size: {\n        sm: [],\n        md: []\n      }\n    }\n  },\n  {\n    enabledResponsiveVariants: true\n  }\n)\n\nexport type TBannerContainerProps = React.ComponentProps<\n  typeof StyledBannerContainer\n> & {\n  colorScheme?: TcolorScheme\n} & React.ComponentProps<typeof Dismissible>\n\nexport const BannerContainer = ({\n  colorScheme = {},\n  onDismiss,\n  dismissed,\n  ...props\n}: TBannerContainerProps): JSX.Element => {\n  const { emphasis } = useBannerContext()\n\n  return (\n    <ColorScheme {...colorScheme} asChild>\n      <Dismissible asChild onDismiss={onDismiss} dismissed={dismissed}>\n        <StyledBannerContainer role=\"banner\" emphasis={emphasis} {...props} />\n      </Dismissible>\n    </ColorScheme>\n  )\n}\n"],"names":["StyledBannerContainer","styled","BannerContainer","colorScheme","onDismiss","dismissed","props","emphasis","useBannerContext","React","ColorScheme","Dismissible"],"mappings":"yPAWA,MAAMA,EAAwBC,EAC5B,UACA,CACE,KAAM,CACJ,OACA,WACA,SACA,aACA,kBACA,sBACA,mDACA,6CACF,EACA,SAAU,CACR,SAAU,CACR,KAAM,CACJ,0DACA,8CACA,iBACA,4BACF,EACA,OAAQ,CAAC,eAAe,EACxB,QAAS,CAAC,eAAe,CAC3B,EACA,KAAM,CACJ,GAAI,CAAA,EACJ,GAAI,CACN,CAAA,CACF,CACF,EACA,CACE,0BAA2B,EAC7B,CACF,EAQaC,EAAkB,CAAC,CAC9B,YAAAC,EAAc,CAAC,EACf,UAAAC,EACA,UAAAC,EACA,GAAGC,CACL,IAA0C,CACxC,KAAM,CAAE,SAAAC,CAAS,EAAIC,EAAAA,EAErB,OACEC,EAAA,cAACC,EAAA,CAAa,GAAGP,EAAa,QAAO,EAAA,EACnCM,EAAA,cAACE,EAAA,CAAY,QAAO,GAAC,UAAWP,EAAW,UAAWC,CAAAA,EACpDI,EAAA,cAACT,EAAA,CAAsB,KAAK,SAAS,SAAUO,EAAW,GAAGD,CAAAA,CAAO,CACtE,CACF,CAEJ"}
+{"version":3,"file":"BannerContainer.js","names":[],"sources":["../../../src/components/banner/BannerContainer.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport {\n  ColorScheme,\n  TcolorScheme\n} from '~/experiments/color-scheme/ColorScheme'\nimport { styled } from '~/styled'\n\nimport { Dismissible } from '../dismissible'\nimport { useBannerContext } from './BannerContext'\n\nconst StyledBannerContainer = styled(\n  'section',\n  {\n    base: [\n      'flex',\n      'relative',\n      'w-full',\n      'rounded-lg',\n      'overflow-hidden',\n      'text-(--foreground)',\n      '[--banner-heading-color:var(--color-foreground)]',\n      '[--banner-text-color:var(--color-grey-900)]'\n    ],\n    variants: {\n      emphasis: {\n        bold: [\n          '[--banner-heading-color:var(--color-foreground-7-plus)]',\n          '[--banner-text-color:var(--color-grey-100)]',\n          'bg-(--base-11)',\n          'text-(--foreground-7-plus)'\n        ],\n        subtle: ['bg-(--base-3)'],\n        minimal: ['bg-(--base-1)']\n      },\n      size: {\n        sm: [],\n        md: []\n      }\n    }\n  },\n  {\n    enabledResponsiveVariants: true\n  }\n)\n\nexport type TBannerContainerProps = React.ComponentProps<\n  typeof StyledBannerContainer\n> & {\n  colorScheme?: TcolorScheme\n} & React.ComponentProps<typeof Dismissible>\n\nexport const BannerContainer = ({\n  colorScheme = {},\n  onDismiss,\n  dismissed,\n  ...props\n}: TBannerContainerProps): JSX.Element => {\n  const { emphasis } = useBannerContext()\n\n  return (\n    <ColorScheme {...colorScheme} asChild>\n      <Dismissible asChild onDismiss={onDismiss} dismissed={dismissed}>\n        <StyledBannerContainer role=\"banner\" emphasis={emphasis} {...props} />\n      </Dismissible>\n    </ColorScheme>\n  )\n}\n"],"mappings":";;;;;;AAWA,IAAM,IAAwB,EAC5B,WACA;CACE,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACD,UAAU;EACR,UAAU;GACR,MAAM;IACJ;IACA;IACA;IACA;IACD;GACD,QAAQ,CAAC,gBAAgB;GACzB,SAAS,CAAC,gBAAgB;GAC3B;EACD,MAAM;GACJ,IAAI,EAAE;GACN,IAAI,EAAE;GACP;EACF;CACF,EACD,EACE,2BAA2B,IAC5B,CACF,EAQY,KAAmB,EAC9B,iBAAc,EAAE,EAChB,cACA,cACA,GAAG,QACqC;CACxC,IAAM,EAAE,gBAAa,GAAkB;AAEvC,QACE,kBAAA,cAAC,GAAD;EAAa,GAAI;EAAa,SAAA;EAIhB,EAHZ,kBAAA,cAAC,GAAD;EAAa,SAAA;EAAmB;EAAsB;EAExC,EADZ,kBAAA,cAAC,GAAD;EAAuB,MAAK;EAAmB;EAAU,GAAI;EAAS,CAAA,CAC1D,CACF"}

package/dist/components/banner/BannerContext.js

@@ -1,2 +1,36 @@
-import*as s from"react";const i=s.createContext({emphasis:"minimal",size:{"@initial":"sm","@md":"md"},hasDismiss:!1,setHasDismiss:()=>null}),d=()=>{const e=s.useContext(i);if(e===void 0)throw new Error("useBannerContext must be used within a BannerProvider");return e},a=({emphasis:e="minimal",size:n={"@initial":"sm","@md":"md"},children:m})=>{const[t,r]=s.useState(!1),o=s.useMemo(()=>({emphasis:e,size:n,hasDismiss:t,setHasDismiss:r}),[e,n,t,r]);return s.createElement(i.Provider,{value:o},m)};a.displayName="Banner";export{i as BannerContext,a as BannerProvider,d as useBannerContext};
-//# sourceMappingURL=BannerContext.js.map
+import * as e from "react";
+//#region src/components/banner/BannerContext.tsx
+var t = e.createContext({
+	emphasis: "minimal",
+	size: {
+		"@initial": "sm",
+		"@md": "md"
+	},
+	hasDismiss: !1,
+	setHasDismiss: () => null
+}), n = () => {
+	let n = e.useContext(t);
+	if (n === void 0) throw Error("useBannerContext must be used within a BannerProvider");
+	return n;
+}, r = ({ emphasis: n = "minimal", size: r = {
+	"@initial": "sm",
+	"@md": "md"
+}, children: i }) => {
+	let [a, o] = e.useState(!1), s = e.useMemo(() => ({
+		emphasis: n,
+		size: r,
+		hasDismiss: a,
+		setHasDismiss: o
+	}), [
+		n,
+		r,
+		a,
+		o
+	]);
+	return /* @__PURE__ */ e.createElement(t.Provider, { value: s }, i);
+};
+r.displayName = "Banner";
+//#endregion
+export { r as BannerProvider, n as useBannerContext };
+
+//# sourceMappingURL=BannerContext.js.map

package/dist/components/banner/BannerContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerContext.js","sources":["../../../src/components/banner/BannerContext.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { TBannerContainerProps } from './BannerContainer'\n\ntype Breakpoint = '@initial' | '@sm' | '@md' | '@lg' | '@xl'\ntype ResponsiveSize = 'sm' | 'md' | Partial<Record<Breakpoint, 'sm' | 'md'>>\n\n// Extract size and emphasis props, preserving responsive variant types\nexport type TBannerProviderProps = {\n  size?: ResponsiveSize\n  emphasis?: TBannerContainerProps['emphasis']\n}\n\ntype TBannerContextValue = TBannerProviderProps & {\n  hasDismiss: boolean\n  setHasDismiss: React.Dispatch<React.SetStateAction<boolean>>\n}\n\nexport const BannerContext = React.createContext<TBannerContextValue>({\n  emphasis: 'minimal',\n  size: {\n    '@initial': 'sm',\n    '@md': 'md'\n  } as unknown as TBannerProviderProps['size'],\n  hasDismiss: false,\n  setHasDismiss: () => null\n})\n\nexport const useBannerContext = (): TBannerContextValue => {\n  const context = React.useContext(BannerContext)\n\n  if (context === undefined) {\n    throw new Error('useBannerContext must be used within a BannerProvider')\n  }\n\n  return context\n}\n\nexport const BannerProvider = ({\n  emphasis = 'minimal',\n  size = {\n    '@initial': 'sm',\n    '@md': 'md'\n  } as unknown as TBannerProviderProps['size'],\n  children\n}: React.PropsWithChildren<TBannerProviderProps>) => {\n  const [hasDismiss, setHasDismiss] = React.useState(false)\n  const value = React.useMemo<TBannerContextValue>(\n    () => ({ emphasis, size, hasDismiss, setHasDismiss }),\n    [emphasis, size, hasDismiss, setHasDismiss]\n  )\n  return (\n    <BannerContext.Provider value={value}>{children}</BannerContext.Provider>\n  )\n}\n\nBannerProvider.displayName = 'Banner'\n"],"names":["BannerContext","React","useBannerContext","context","BannerProvider","emphasis","size","children","hasDismiss","setHasDismiss","value"],"mappings":"wBAkBa,MAAAA,EAAgBC,EAAM,cAAmC,CACpE,SAAU,UACV,KAAM,CACJ,WAAY,KACZ,MAAO,IACT,EACA,WAAY,GACZ,cAAe,IAAM,IACvB,CAAC,EAEYC,EAAmB,IAA2B,CACzD,MAAMC,EAAUF,EAAM,WAAWD,CAAa,EAE9C,GAAIG,IAAY,OACd,MAAM,IAAI,MAAM,uDAAuD,EAGzE,OAAOA,CACT,EAEaC,EAAiB,CAAC,CAC7B,SAAAC,EAAW,UACX,KAAAC,EAAO,CACL,WAAY,KACZ,MAAO,IACT,EACA,SAAAC,CACF,IAAqD,CACnD,KAAM,CAACC,EAAYC,CAAa,EAAIR,EAAM,SAAS,EAAK,EAClDS,EAAQT,EAAM,QAClB,KAAO,CAAE,SAAAI,EAAU,KAAAC,EAAM,WAAAE,EAAY,cAAAC,CAAc,GACnD,CAACJ,EAAUC,EAAME,EAAYC,CAAa,CAC5C,EACA,OACER,EAAA,cAACD,EAAc,SAAd,CAAuB,MAAOU,GAAQH,CAAS,CAEpD,EAEAH,EAAe,YAAc"}
+{"version":3,"file":"BannerContext.js","names":[],"sources":["../../../src/components/banner/BannerContext.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { TBannerContainerProps } from './BannerContainer'\n\ntype Breakpoint = '@initial' | '@sm' | '@md' | '@lg' | '@xl'\ntype ResponsiveSize = 'sm' | 'md' | Partial<Record<Breakpoint, 'sm' | 'md'>>\n\n// Extract size and emphasis props, preserving responsive variant types\nexport type TBannerProviderProps = {\n  size?: ResponsiveSize\n  emphasis?: TBannerContainerProps['emphasis']\n}\n\ntype TBannerContextValue = TBannerProviderProps & {\n  hasDismiss: boolean\n  setHasDismiss: React.Dispatch<React.SetStateAction<boolean>>\n}\n\nexport const BannerContext = React.createContext<TBannerContextValue>({\n  emphasis: 'minimal',\n  size: {\n    '@initial': 'sm',\n    '@md': 'md'\n  } as unknown as TBannerProviderProps['size'],\n  hasDismiss: false,\n  setHasDismiss: () => null\n})\n\nexport const useBannerContext = (): TBannerContextValue => {\n  const context = React.useContext(BannerContext)\n\n  if (context === undefined) {\n    throw new Error('useBannerContext must be used within a BannerProvider')\n  }\n\n  return context\n}\n\nexport const BannerProvider = ({\n  emphasis = 'minimal',\n  size = {\n    '@initial': 'sm',\n    '@md': 'md'\n  } as unknown as TBannerProviderProps['size'],\n  children\n}: React.PropsWithChildren<TBannerProviderProps>) => {\n  const [hasDismiss, setHasDismiss] = React.useState(false)\n  const value = React.useMemo<TBannerContextValue>(\n    () => ({ emphasis, size, hasDismiss, setHasDismiss }),\n    [emphasis, size, hasDismiss, setHasDismiss]\n  )\n  return (\n    <BannerContext.Provider value={value}>{children}</BannerContext.Provider>\n  )\n}\n\nBannerProvider.displayName = 'Banner'\n"],"mappings":";;AAkBA,IAAa,IAAgB,EAAM,cAAmC;CACpE,UAAU;CACV,MAAM;EACJ,YAAY;EACZ,OAAO;EACR;CACD,YAAY;CACZ,qBAAqB;CACtB,CAAC,EAEW,UAA8C;CACzD,IAAM,IAAU,EAAM,WAAW,EAAc;AAE/C,KAAI,MAAY,KAAA,EACd,OAAU,MAAM,wDAAwD;AAG1E,QAAO;GAGI,KAAkB,EAC7B,cAAW,WACX,UAAO;CACL,YAAY;CACZ,OAAO;CACR,EACD,kBACmD;CACnD,IAAM,CAAC,GAAY,KAAiB,EAAM,SAAS,GAAM,EACnD,IAAQ,EAAM,eACX;EAAE;EAAU;EAAM;EAAY;EAAe,GACpD;EAAC;EAAU;EAAM;EAAY;EAAc,CAC5C;AACD,QACE,kBAAA,cAAC,EAAc,UAAf,EAA+B,UAA0C,EAAlC,EAAkC;;AAI7E,EAAe,cAAc"}

package/dist/components/banner/banner-regular/BannerRegular.js

@@ -1,2 +1,32 @@
-import*as e from"react";import{Banner as i}from"../Banner.js";import{BannerRegularActions as s}from"./BannerRegularActions.js";import{BannerRegularButton as g}from"./BannerRegularButton.js";import{BannerRegularContainer as l}from"./BannerRegularContainer.js";import{BannerRegularContent as p}from"./BannerRegularContent.js";import{BannerRegularDismiss as B}from"./BannerRegularDismiss.js";import{BannerRegularHeading as u}from"./BannerRegularHeading.js";import{BannerRegularImage as c}from"./BannerRegularImage.js";import{BannerRegularText as f}from"./BannerRegularText.js";const r=({colorScheme:n,size:o,emphasis:a,onDismiss:m,...t})=>e.createElement(i,{size:o,emphasis:a},e.createElement(l,{colorScheme:n,onDismiss:m,...t})),R=Object.assign(r,{Content:p,Heading:u,Text:f,Actions:s,Image:c,Button:g,Dismiss:B});r.displayName="BannerRegular";export{R as BannerRegular};
-//# sourceMappingURL=BannerRegular.js.map
+import { Banner as e } from "../Banner.js";
+import { BannerRegularButton as t } from "./BannerRegularButton.js";
+import { BannerRegularActions as n } from "./BannerRegularActions.js";
+import { BannerRegularContainer as r } from "./BannerRegularContainer.js";
+import { BannerRegularContent as i } from "./BannerRegularContent.js";
+import { BannerRegularDismiss as a } from "./BannerRegularDismiss.js";
+import { BannerRegularHeading as o } from "./BannerRegularHeading.js";
+import { BannerRegularImage as s } from "./BannerRegularImage.js";
+import { BannerRegularText as c } from "./BannerRegularText.js";
+import * as l from "react";
+//#region src/components/banner/banner-regular/BannerRegular.tsx
+var u = ({ colorScheme: t, size: n, emphasis: i, onDismiss: a, ...o }) => /* @__PURE__ */ l.createElement(e, {
+	size: n,
+	emphasis: i
+}, /* @__PURE__ */ l.createElement(r, {
+	colorScheme: t,
+	onDismiss: a,
+	...o
+})), d = Object.assign(u, {
+	Content: i,
+	Heading: o,
+	Text: c,
+	Actions: n,
+	Image: s,
+	Button: t,
+	Dismiss: a
+});
+u.displayName = "BannerRegular";
+//#endregion
+export { d as BannerRegular };
+
+//# sourceMappingURL=BannerRegular.js.map

package/dist/components/banner/banner-regular/BannerRegular.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerRegular.js","sources":["../../../../src/components/banner/banner-regular/BannerRegular.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Banner } from '../Banner'\nimport { BannerRegularActions } from './BannerRegularActions'\nimport { BannerRegularButton } from './BannerRegularButton'\nimport { BannerRegularContainer } from './BannerRegularContainer'\nimport { BannerRegularContent } from './BannerRegularContent'\nimport { BannerRegularDismiss } from './BannerRegularDismiss'\nimport { BannerRegularHeading } from './BannerRegularHeading'\nimport { BannerRegularImage } from './BannerRegularImage'\nimport { BannerRegularText } from './BannerRegularText'\n\nconst BannerRegularComponent = ({\n  colorScheme,\n  size,\n  emphasis,\n  onDismiss,\n  ...rest\n}: React.ComponentProps<typeof BannerRegularContainer>) => (\n  <Banner size={size} emphasis={emphasis}>\n    <BannerRegularContainer\n      colorScheme={colorScheme}\n      onDismiss={onDismiss}\n      {...rest}\n    />\n  </Banner>\n)\n\nexport const BannerRegular = Object.assign(BannerRegularComponent, {\n  Content: BannerRegularContent,\n  Heading: BannerRegularHeading,\n  Text: BannerRegularText,\n  Actions: BannerRegularActions,\n  Image: BannerRegularImage,\n  Button: BannerRegularButton,\n  Dismiss: BannerRegularDismiss\n})\n\nBannerRegularComponent.displayName = 'BannerRegular'\n"],"names":["BannerRegularComponent","colorScheme","size","emphasis","onDismiss","rest","React","Banner","BannerRegularContainer","BannerRegular","BannerRegularContent","BannerRegularHeading","BannerRegularText","BannerRegularActions","BannerRegularImage","BannerRegularButton","BannerRegularDismiss"],"mappings":"8jBAYA,MAAMA,EAAyB,CAAC,CAC9B,YAAAC,EACA,KAAAC,EACA,SAAAC,EACA,UAAAC,EACA,GAAGC,CACL,IACEC,EAAA,cAACC,EAAA,CAAO,KAAML,EAAM,SAAUC,GAC5BG,EAAA,cAACE,EAAA,CACC,YAAaP,EACb,UAAWG,EACV,GAAGC,CAAAA,CACN,CACF,EAGWI,EAAgB,OAAO,OAAOT,EAAwB,CACjE,QAASU,EACT,QAASC,EACT,KAAMC,EACN,QAASC,EACT,MAAOC,EACP,OAAQC,EACR,QAASC,CACX,CAAC,EAEDhB,EAAuB,YAAc"}
+{"version":3,"file":"BannerRegular.js","names":[],"sources":["../../../../src/components/banner/banner-regular/BannerRegular.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Banner } from '../Banner'\nimport { BannerRegularActions } from './BannerRegularActions'\nimport { BannerRegularButton } from './BannerRegularButton'\nimport { BannerRegularContainer } from './BannerRegularContainer'\nimport { BannerRegularContent } from './BannerRegularContent'\nimport { BannerRegularDismiss } from './BannerRegularDismiss'\nimport { BannerRegularHeading } from './BannerRegularHeading'\nimport { BannerRegularImage } from './BannerRegularImage'\nimport { BannerRegularText } from './BannerRegularText'\n\nconst BannerRegularComponent = ({\n  colorScheme,\n  size,\n  emphasis,\n  onDismiss,\n  ...rest\n}: React.ComponentProps<typeof BannerRegularContainer>) => (\n  <Banner size={size} emphasis={emphasis}>\n    <BannerRegularContainer\n      colorScheme={colorScheme}\n      onDismiss={onDismiss}\n      {...rest}\n    />\n  </Banner>\n)\n\nexport const BannerRegular = Object.assign(BannerRegularComponent, {\n  Content: BannerRegularContent,\n  Heading: BannerRegularHeading,\n  Text: BannerRegularText,\n  Actions: BannerRegularActions,\n  Image: BannerRegularImage,\n  Button: BannerRegularButton,\n  Dismiss: BannerRegularDismiss\n})\n\nBannerRegularComponent.displayName = 'BannerRegular'\n"],"mappings":";;;;;;;;;;;AAYA,IAAM,KAA0B,EAC9B,gBACA,SACA,aACA,cACA,GAAG,QAEH,kBAAA,cAAC,GAAD;CAAc;CAAgB;CAMrB,EALP,kBAAA,cAAC,GAAD;CACe;CACF;CACX,GAAI;CACJ,CAAA,CACK,EAGE,IAAgB,OAAO,OAAO,GAAwB;CACjE,SAAS;CACT,SAAS;CACT,MAAM;CACN,SAAS;CACT,OAAO;CACP,QAAQ;CACR,SAAS;CACV,CAAC;AAEF,EAAuB,cAAc"}

package/dist/components/banner/banner-regular/BannerRegularActions.js

@@ -1,2 +1,30 @@
-import u from"clsx";import l from"invariant";import*as n from"react";import{useBannerContext as y}from"../BannerContext.js";import{BannerRegularButton as t}from"./BannerRegularButton.js";const i=2,g={sm:"gap-2",md:"gap-4"},x={sm:"flex-col",md:"flex-row"},a=({children:r,className:m,...s})=>{const{size:o}=y(),p=n.useMemo(()=>typeof o=="string"?g[o]:"gap-2 md:gap-4",[o]),d=n.useMemo(()=>typeof o=="string"?x[o]:"flex-col md:flex-row",[o]);return l(n.Children.count(r)<=i,`A maximum of ${i} ${t.displayName} component(s) are permitted as children of ${a.displayName}`),n.createElement("div",{className:u("flex",p,d,m),...s},n.Children.map(r,(e,c)=>{if(e==null)return e;if(!n.isValidElement(e))throw new Error(`Child passed to ${a.displayName} is not a valid element`);l(e.type===t,`Children of type ${e==null?void 0:e.type} aren't permitted. Only an ${t.displayName} component is allowed in ${a.displayName}`);const f={appearance:c>0?"outline":void 0};return n.cloneElement(e,f)}))};a.displayName="BannerRegularActions";export{a as BannerRegularActions};
-//# sourceMappingURL=BannerRegularActions.js.map
+import { useBannerContext as e } from "../BannerContext.js";
+import { BannerRegularButton as t } from "./BannerRegularButton.js";
+import n from "clsx";
+import * as r from "react";
+import i from "invariant";
+//#region src/components/banner/banner-regular/BannerRegularActions.tsx
+var a = 2, o = {
+	sm: "gap-2",
+	md: "gap-4"
+}, s = {
+	sm: "flex-col",
+	md: "flex-row"
+}, c = ({ children: l, className: u, ...d }) => {
+	let { size: f } = e(), p = r.useMemo(() => typeof f == "string" ? o[f] : "gap-2 md:gap-4", [f]), m = r.useMemo(() => typeof f == "string" ? s[f] : "flex-col md:flex-row", [f]);
+	return i(r.Children.count(l) <= a, `A maximum of ${a} ${t.displayName} component(s) are permitted as children of ${c.displayName}`), /* @__PURE__ */ r.createElement("div", {
+		className: n("flex", p, m, u),
+		...d
+	}, r.Children.map(l, (e, n) => {
+		if (e == null) return e;
+		if (!r.isValidElement(e)) throw Error(`Child passed to ${c.displayName} is not a valid element`);
+		i(e.type === t, `Children of type ${e?.type} aren't permitted. Only an ${t.displayName} component is allowed in ${c.displayName}`);
+		let a = { appearance: n > 0 ? "outline" : void 0 };
+		return r.cloneElement(e, a);
+	}));
+};
+c.displayName = "BannerRegularActions";
+//#endregion
+export { c as BannerRegularActions };
+
+//# sourceMappingURL=BannerRegularActions.js.map