@atom-learning/components 6.5.4 → 6.5.5

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

@@ -1,30 +1,42 @@
-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";
+import { useBannerContext } from "../BannerContext.js";
+import { BannerRegularButton } from "./BannerRegularButton.js";
+import clsx from "clsx";
+import * as React$1 from "react";
+import invariant from "invariant";
 //#region src/components/banner/banner-regular/BannerRegularActions.tsx
-var a = 2, o = {
+var MAX_ALLOWED_CHILDREN = 2;
+var toGap = {
 	sm: "gap-2",
 	md: "gap-4"
-}, s = {
+};
+var toDirection = {
 	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);
+};
+var BannerRegularActions = ({ children, className, ...props }) => {
+	const { size } = useBannerContext();
+	const gap = React$1.useMemo(() => {
+		if (typeof size === "string") return toGap[size];
+		return "gap-2 md:gap-4";
+	}, [size]);
+	const direction = React$1.useMemo(() => {
+		if (typeof size === "string") return toDirection[size];
+		return "flex-col md:flex-row";
+	}, [size]);
+	invariant(React$1.Children.count(children) <= MAX_ALLOWED_CHILDREN, `A maximum of ${MAX_ALLOWED_CHILDREN} ${BannerRegularButton.displayName} component(s) are permitted as children of ${BannerRegularActions.displayName}`);
+	return /* @__PURE__ */ React$1.createElement("div", {
+		className: clsx("flex", gap, direction, className),
+		...props
+	}, React$1.Children.map(children, (child, index) => {
+		if (child == null) return child;
+		if (!React$1.isValidElement(child)) throw new Error(`Child passed to ${BannerRegularActions.displayName} is not a valid element`);
+		invariant(child.type === BannerRegularButton, `Children of type ${child?.type} aren't permitted. Only an ${BannerRegularButton.displayName} component is allowed in ${BannerRegularActions.displayName}`);
+		const propsToInject = { appearance: index > 0 ? "outline" : void 0 };
+		return React$1.cloneElement(child, propsToInject);
 	}));
 };
-c.displayName = "BannerRegularActions";
+BannerRegularActions.displayName = "BannerRegularActions";
 //#endregion
-export { c as BannerRegularActions };
+export { BannerRegularActions };
 
 //# sourceMappingURL=BannerRegularActions.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BannerRegularActions.js","names":[],"sources":["../../../../src/components/banner/banner-regular/BannerRegularActions.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport invariant from 'invariant'\nimport * as React from 'react'\n\nimport { useBannerContext } from '../BannerContext'\nimport { BannerRegularButton } from './BannerRegularButton'\n\nconst MAX_ALLOWED_CHILDREN = 2\n\nconst toGap = {\n  sm: 'gap-2',\n  md: 'gap-4'\n}\n\nconst toDirection = {\n  sm: 'flex-col',\n  md: 'flex-row'\n}\n\nexport const BannerRegularActions = ({\n  children,\n  className,\n  ...props\n}: React.PropsWithChildren<React.ComponentProps<'div'>>) => {\n  const { size } = useBannerContext()\n\n  const gap = React.useMemo(() => {\n    if (typeof size === 'string') {\n      return toGap[size]\n    }\n    return 'gap-2 md:gap-4'\n  }, [size])\n\n  const direction = React.useMemo(() => {\n    if (typeof size === 'string') {\n      return toDirection[size]\n    }\n    return 'flex-col md:flex-row'\n  }, [size])\n\n  invariant(\n    React.Children.count(children) <= MAX_ALLOWED_CHILDREN,\n    `A maximum of ${MAX_ALLOWED_CHILDREN} ${BannerRegularButton.displayName} component(s) are permitted as children of ${BannerRegularActions.displayName}`\n  )\n\n  return (\n    <div className={clsx('flex', gap, direction, className)} {...props}>\n      {React.Children.map(children, (child, index) => {\n        // if child is undefined or null, React.isValidElement returns false and hence error is thrown.\n        // This line will prevent that from happening\n        if (child == null) return child\n\n        if (!React.isValidElement(child)) {\n          throw new Error(\n            `Child passed to ${BannerRegularActions.displayName} is not a valid element`\n          )\n        }\n\n        invariant(\n          child.type === BannerRegularButton,\n          `Children of type ${child?.type} aren't permitted. Only an ${BannerRegularButton.displayName} component is allowed in ${BannerRegularActions.displayName}`\n        )\n\n        const propsToInject: Partial<\n          React.ComponentProps<typeof BannerRegularButton>\n        > = {\n          // Override button appearance - make the second button outlined\n          appearance: index > 0 ? 'outline' : undefined\n        }\n\n        return React.cloneElement(\n          child as React.ReactElement<\n            React.ComponentProps<typeof BannerRegularButton>\n          >,\n          propsToInject\n        )\n      })}\n    </div>\n  )\n}\n\nBannerRegularActions.displayName = 'BannerRegularActions'\n"],"mappings":";;;;;;AAOA,IAAM,IAAuB,GAEvB,IAAQ;CACZ,IAAI;CACJ,IAAI;CACL,EAEK,IAAc;CAClB,IAAI;CACJ,IAAI;CACL,EAEY,KAAwB,EACnC,aACA,cACA,GAAG,QACuD;CAC1D,IAAM,EAAE,YAAS,GAAkB,EAE7B,IAAM,EAAM,cACZ,OAAO,KAAS,WACX,EAAM,KAER,kBACN,CAAC,EAAK,CAAC,EAEJ,IAAY,EAAM,cAClB,OAAO,KAAS,WACX,EAAY,KAEd,wBACN,CAAC,EAAK,CAAC;AAOV,QALA,EACE,EAAM,SAAS,MAAM,EAAS,IAAI,GAClC,gBAAgB,EAAqB,GAAG,EAAoB,YAAY,6CAA6C,EAAqB,cAC3I,EAGC,kBAAA,cAAC,OAAD;EAAK,WAAW,EAAK,QAAQ,GAAK,GAAW,EAAU;EAAE,GAAI;EA+BvD,EA9BH,EAAM,SAAS,IAAI,IAAW,GAAO,MAAU;AAG9C,MAAI,KAAS,KAAM,QAAO;AAE1B,MAAI,CAAC,EAAM,eAAe,EAAM,CAC9B,OAAU,MACR,mBAAmB,EAAqB,YAAY,yBACrD;AAGH,IACE,EAAM,SAAS,GACf,oBAAoB,GAAO,KAAK,6BAA6B,EAAoB,YAAY,2BAA2B,EAAqB,cAC9I;EAED,IAAM,IAEF,EAEF,YAAY,IAAQ,IAAI,YAAY,KAAA,GACrC;AAED,SAAO,EAAM,aACX,GAGA,EACD;GACD,CACE;;AAIV,EAAqB,cAAc"}
+{"version":3,"file":"BannerRegularActions.js","names":[],"sources":["../../../../src/components/banner/banner-regular/BannerRegularActions.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport invariant from 'invariant'\nimport * as React from 'react'\n\nimport { useBannerContext } from '../BannerContext'\nimport { BannerRegularButton } from './BannerRegularButton'\n\nconst MAX_ALLOWED_CHILDREN = 2\n\nconst toGap = {\n  sm: 'gap-2',\n  md: 'gap-4'\n}\n\nconst toDirection = {\n  sm: 'flex-col',\n  md: 'flex-row'\n}\n\nexport const BannerRegularActions = ({\n  children,\n  className,\n  ...props\n}: React.PropsWithChildren<React.ComponentProps<'div'>>) => {\n  const { size } = useBannerContext()\n\n  const gap = React.useMemo(() => {\n    if (typeof size === 'string') {\n      return toGap[size]\n    }\n    return 'gap-2 md:gap-4'\n  }, [size])\n\n  const direction = React.useMemo(() => {\n    if (typeof size === 'string') {\n      return toDirection[size]\n    }\n    return 'flex-col md:flex-row'\n  }, [size])\n\n  invariant(\n    React.Children.count(children) <= MAX_ALLOWED_CHILDREN,\n    `A maximum of ${MAX_ALLOWED_CHILDREN} ${BannerRegularButton.displayName} component(s) are permitted as children of ${BannerRegularActions.displayName}`\n  )\n\n  return (\n    <div className={clsx('flex', gap, direction, className)} {...props}>\n      {React.Children.map(children, (child, index) => {\n        // if child is undefined or null, React.isValidElement returns false and hence error is thrown.\n        // This line will prevent that from happening\n        if (child == null) return child\n\n        if (!React.isValidElement(child)) {\n          throw new Error(\n            `Child passed to ${BannerRegularActions.displayName} is not a valid element`\n          )\n        }\n\n        invariant(\n          child.type === BannerRegularButton,\n          `Children of type ${child?.type} aren't permitted. Only an ${BannerRegularButton.displayName} component is allowed in ${BannerRegularActions.displayName}`\n        )\n\n        const propsToInject: Partial<\n          React.ComponentProps<typeof BannerRegularButton>\n        > = {\n          // Override button appearance - make the second button outlined\n          appearance: index > 0 ? 'outline' : undefined\n        }\n\n        return React.cloneElement(\n          child as React.ReactElement<\n            React.ComponentProps<typeof BannerRegularButton>\n          >,\n          propsToInject\n        )\n      })}\n    </div>\n  )\n}\n\nBannerRegularActions.displayName = 'BannerRegularActions'\n"],"mappings":";;;;;;AAOA,IAAM,uBAAuB;AAE7B,IAAM,QAAQ;CACZ,IAAI;CACJ,IAAI;CACL;AAED,IAAM,cAAc;CAClB,IAAI;CACJ,IAAI;CACL;AAED,IAAa,wBAAwB,EACnC,UACA,WACA,GAAG,YACuD;CAC1D,MAAM,EAAE,SAAS,kBAAkB;CAEnC,MAAM,MAAM,QAAM,cAAc;AAC9B,MAAI,OAAO,SAAS,SAClB,QAAO,MAAM;AAEf,SAAO;IACN,CAAC,KAAK,CAAC;CAEV,MAAM,YAAY,QAAM,cAAc;AACpC,MAAI,OAAO,SAAS,SAClB,QAAO,YAAY;AAErB,SAAO;IACN,CAAC,KAAK,CAAC;AAEV,WACE,QAAM,SAAS,MAAM,SAAS,IAAI,sBAClC,gBAAgB,qBAAqB,GAAG,oBAAoB,YAAY,6CAA6C,qBAAqB,cAC3I;AAED,QACE,wBAAA,cAAC,OAAD;EAAK,WAAW,KAAK,QAAQ,KAAK,WAAW,UAAU;EAAE,GAAI;EA+BvD,EA9BH,QAAM,SAAS,IAAI,WAAW,OAAO,UAAU;AAG9C,MAAI,SAAS,KAAM,QAAO;AAE1B,MAAI,CAAC,QAAM,eAAe,MAAM,CAC9B,OAAM,IAAI,MACR,mBAAmB,qBAAqB,YAAY,yBACrD;AAGH,YACE,MAAM,SAAS,qBACf,oBAAoB,OAAO,KAAK,6BAA6B,oBAAoB,YAAY,2BAA2B,qBAAqB,cAC9I;EAED,MAAM,gBAEF,EAEF,YAAY,QAAQ,IAAI,YAAY,KAAA,GACrC;AAED,SAAO,QAAM,aACX,OAGA,cACD;GACD,CACE;;AAIV,qBAAqB,cAAc"}

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

@@ -1,19 +1,20 @@
-import { Button as e } from "../../button/Button.js";
-import { overrideStyledVariantValue as t } from "../../../utilities/override-styled-variant-value/overrideStyledVariantValue.js";
-import { useBannerContext as n } from "../BannerContext.js";
-import * as r from "react";
+import { Button } from "../../button/Button.js";
+import { overrideStyledVariantValue } from "../../../utilities/override-styled-variant-value/overrideStyledVariantValue.js";
+import { useBannerContext } from "../BannerContext.js";
+import * as React$1 from "react";
 //#region src/components/banner/banner-regular/BannerRegularButton.tsx
-var i = (i) => {
-	let { emphasis: a, size: o } = n(), s = r.useMemo(() => t(o, (e) => e === "sm"), [o]);
-	return /* @__PURE__ */ r.createElement(e, {
-		size: o,
-		fullWidth: s,
-		theme: a === "bold" ? "neutral" : "primary",
-		...i
+var BannerRegularButton = (props) => {
+	const { emphasis, size } = useBannerContext();
+	const fullWidth = React$1.useMemo(() => overrideStyledVariantValue(size, (s) => s === "sm"), [size]);
+	return /* @__PURE__ */ React$1.createElement(Button, {
+		size,
+		fullWidth,
+		theme: emphasis === "bold" ? "neutral" : "primary",
+		...props
 	});
 };
-i.displayName = "BannerRegularButton";
+BannerRegularButton.displayName = "BannerRegularButton";
 //#endregion
-export { i as BannerRegularButton };
+export { BannerRegularButton };
 
 //# sourceMappingURL=BannerRegularButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BannerRegularButton.js","names":[],"sources":["../../../../src/components/banner/banner-regular/BannerRegularButton.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { overrideStyledVariantValue } from '~/utilities/override-styled-variant-value/overrideStyledVariantValue'\n\nimport { Button } from '../../button/Button'\nimport { useBannerContext } from '../BannerContext'\n\nexport const BannerRegularButton = (\n  props: React.ComponentProps<typeof Button>\n) => {\n  const { emphasis, size } = useBannerContext()\n\n  const fullWidth = React.useMemo(\n    () => overrideStyledVariantValue(size, (s) => s === 'sm'),\n    [size]\n  )\n\n  return (\n    <Button\n      size={size}\n      fullWidth={fullWidth}\n      theme={emphasis === 'bold' ? 'neutral' : 'primary'}\n      {...props}\n    />\n  )\n}\n\nBannerRegularButton.displayName = 'BannerRegularButton'\n"],"mappings":";;;;;AAOA,IAAa,KACX,MACG;CACH,IAAM,EAAE,aAAU,YAAS,GAAkB,EAEvC,IAAY,EAAM,cAChB,EAA2B,IAAO,MAAM,MAAM,KAAK,EACzD,CAAC,EAAK,CACP;AAED,QACE,kBAAA,cAAC,GAAD;EACQ;EACK;EACX,OAAO,MAAa,SAAS,YAAY;EACzC,GAAI;EACJ,CAAA;;AAIN,EAAoB,cAAc"}
+{"version":3,"file":"BannerRegularButton.js","names":[],"sources":["../../../../src/components/banner/banner-regular/BannerRegularButton.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { overrideStyledVariantValue } from '~/utilities/override-styled-variant-value/overrideStyledVariantValue'\n\nimport { Button } from '../../button/Button'\nimport { useBannerContext } from '../BannerContext'\n\nexport const BannerRegularButton = (\n  props: React.ComponentProps<typeof Button>\n) => {\n  const { emphasis, size } = useBannerContext()\n\n  const fullWidth = React.useMemo(\n    () => overrideStyledVariantValue(size, (s) => s === 'sm'),\n    [size]\n  )\n\n  return (\n    <Button\n      size={size}\n      fullWidth={fullWidth}\n      theme={emphasis === 'bold' ? 'neutral' : 'primary'}\n      {...props}\n    />\n  )\n}\n\nBannerRegularButton.displayName = 'BannerRegularButton'\n"],"mappings":";;;;;AAOA,IAAa,uBACX,UACG;CACH,MAAM,EAAE,UAAU,SAAS,kBAAkB;CAE7C,MAAM,YAAY,QAAM,cAChB,2BAA2B,OAAO,MAAM,MAAM,KAAK,EACzD,CAAC,KAAK,CACP;AAED,QACE,wBAAA,cAAC,QAAD;EACQ;EACK;EACX,OAAO,aAAa,SAAS,YAAY;EACzC,GAAI;EACJ,CAAA;;AAIN,oBAAoB,cAAc"}

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

@@ -1,8 +1,8 @@
-import { BannerContainer as e } from "../BannerContainer.js";
-import * as t from "react";
+import { BannerContainer } from "../BannerContainer.js";
+import * as React$1 from "react";
 //#region src/components/banner/banner-regular/BannerRegularContainer.tsx
-var n = (n) => /* @__PURE__ */ t.createElement(e, n);
+var BannerRegularContainer = (props) => /* @__PURE__ */ React$1.createElement(BannerContainer, props);
 //#endregion
-export { n as BannerRegularContainer };
+export { BannerRegularContainer };
 
 //# sourceMappingURL=BannerRegularContainer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BannerRegularContainer.js","names":[],"sources":["../../../../src/components/banner/banner-regular/BannerRegularContainer.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { BannerContainer } from '../BannerContainer'\n\ntype TBannerRegularContainerProps = Omit<\n  React.ComponentProps<typeof BannerContainer>,\n  'direction' | 'align' | 'wrap' | 'gap' | 'justify'\n>\n\nexport const BannerRegularContainer = (props: TBannerRegularContainerProps) => (\n  <BannerContainer {...props} />\n)\n"],"mappings":";;;AASA,IAAa,KAA0B,MACrC,kBAAA,cAAC,GAAoB,EAAS"}
+{"version":3,"file":"BannerRegularContainer.js","names":[],"sources":["../../../../src/components/banner/banner-regular/BannerRegularContainer.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { BannerContainer } from '../BannerContainer'\n\ntype TBannerRegularContainerProps = Omit<\n  React.ComponentProps<typeof BannerContainer>,\n  'direction' | 'align' | 'wrap' | 'gap' | 'justify'\n>\n\nexport const BannerRegularContainer = (props: TBannerRegularContainerProps) => (\n  <BannerContainer {...props} />\n)\n"],"mappings":";;;AASA,IAAa,0BAA0B,UACrC,wBAAA,cAAC,iBAAoB,MAAS"}

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

@@ -1,22 +1,23 @@
-import { styled as e } from "../../../styled.js";
-import { useBannerContext as t } from "../BannerContext.js";
-import * as n from "react";
+import { styled } from "../../../styled.js";
+import { useBannerContext } from "../BannerContext.js";
+import * as React$1 from "react";
 //#region src/components/banner/banner-regular/BannerRegularContent.tsx
-var r = e("div", {
+var Container = styled("div", {
 	base: ["w-31/50", "grow"],
 	variants: { size: {
 		sm: ["p-4"],
 		md: ["p-6", "pr-8"]
 	} }
-}, { enabledResponsiveVariants: !0 }), i = (e) => {
-	let { size: i } = t();
-	return /* @__PURE__ */ n.createElement(r, {
-		size: i,
-		...e
+}, { enabledResponsiveVariants: true });
+var BannerRegularContent = (props) => {
+	const { size } = useBannerContext();
+	return /* @__PURE__ */ React$1.createElement(Container, {
+		size,
+		...props
 	});
 };
-i.displayName = "BannerRegularContent";
+BannerRegularContent.displayName = "BannerRegularContent";
 //#endregion
-export { i as BannerRegularContent };
+export { BannerRegularContent };
 
 //# sourceMappingURL=BannerRegularContent.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BannerRegularContent.js","names":[],"sources":["../../../../src/components/banner/banner-regular/BannerRegularContent.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { useBannerContext } from '../BannerContext'\n\nconst Container = styled(\n  'div',\n  {\n    base: ['w-31/50', 'grow'],\n    variants: {\n      size: {\n        sm: ['p-4'],\n        md: ['p-6', 'pr-8']\n      }\n    }\n  },\n  {\n    enabledResponsiveVariants: true\n  }\n)\n\nexport const BannerRegularContent = (\n  props: React.ComponentProps<typeof Container>\n) => {\n  const { size } = useBannerContext()\n\n  return <Container size={size} {...props} />\n}\n\nBannerRegularContent.displayName = 'BannerRegularContent'\n"],"mappings":";;;;AAMA,IAAM,IAAY,EAChB,OACA;CACE,MAAM,CAAC,WAAW,OAAO;CACzB,UAAU,EACR,MAAM;EACJ,IAAI,CAAC,MAAM;EACX,IAAI,CAAC,OAAO,OAAO;EACpB,EACF;CACF,EACD,EACE,2BAA2B,IAC5B,CACF,EAEY,KACX,MACG;CACH,IAAM,EAAE,YAAS,GAAkB;AAEnC,QAAO,kBAAA,cAAC,GAAD;EAAiB;EAAM,GAAI;EAAS,CAAA;;AAG7C,EAAqB,cAAc"}
+{"version":3,"file":"BannerRegularContent.js","names":[],"sources":["../../../../src/components/banner/banner-regular/BannerRegularContent.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { useBannerContext } from '../BannerContext'\n\nconst Container = styled(\n  'div',\n  {\n    base: ['w-31/50', 'grow'],\n    variants: {\n      size: {\n        sm: ['p-4'],\n        md: ['p-6', 'pr-8']\n      }\n    }\n  },\n  {\n    enabledResponsiveVariants: true\n  }\n)\n\nexport const BannerRegularContent = (\n  props: React.ComponentProps<typeof Container>\n) => {\n  const { size } = useBannerContext()\n\n  return <Container size={size} {...props} />\n}\n\nBannerRegularContent.displayName = 'BannerRegularContent'\n"],"mappings":";;;;AAMA,IAAM,YAAY,OAChB,OACA;CACE,MAAM,CAAC,WAAW,OAAO;CACzB,UAAU,EACR,MAAM;EACJ,IAAI,CAAC,MAAM;EACX,IAAI,CAAC,OAAO,OAAO;EACpB,EACF;CACF,EACD,EACE,2BAA2B,MAC5B,CACF;AAED,IAAa,wBACX,UACG;CACH,MAAM,EAAE,SAAS,kBAAkB;AAEnC,QAAO,wBAAA,cAAC,WAAD;EAAiB;EAAM,GAAI;EAAS,CAAA;;AAG7C,qBAAqB,cAAc"}

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

@@ -1,38 +1,43 @@
-import { styled as e } from "../../../styled.js";
-import { Icon as t } from "../../icon/Icon.js";
-import { ActionIcon as n } from "../../action-icon/ActionIcon.js";
-import { overrideStyledVariantValue as r } from "../../../utilities/override-styled-variant-value/overrideStyledVariantValue.js";
-import { useBannerContext as i } from "../BannerContext.js";
-import { Banner as a } from "../Banner.js";
-import * as o from "react";
-import { Close as s } from "@atom-learning/icons";
+import { styled } from "../../../styled.js";
+import { Icon } from "../../icon/Icon.js";
+import { ActionIcon } from "../../action-icon/ActionIcon.js";
+import { overrideStyledVariantValue } from "../../../utilities/override-styled-variant-value/overrideStyledVariantValue.js";
+import { useBannerContext } from "../BannerContext.js";
+import { Banner } from "../Banner.js";
+import * as React$1 from "react";
+import { Close } from "@atom-learning/icons";
 //#region src/components/banner/banner-regular/BannerRegularDismiss.tsx
-var c = {
+var toActionIconSize = {
 	sm: "md",
 	md: "sm"
-}, l = e(n, { base: [
+};
+var StyledDismiss = styled(ActionIcon, { base: [
 	"z-1",
 	"absolute",
 	"top-3",
 	"right-3"
-] }), u = ({ label: e = "dismiss", ...n }) => {
-	let { size: u, setHasDismiss: d } = i();
-	o.useEffect(() => (d(!0), () => {
-		d(!1);
-	}), [d]);
-	let f = o.useMemo(() => r(u, (e) => c[e]), [u]);
-	return /* @__PURE__ */ o.createElement(a.Dismiss, { asChild: !0 }, /* @__PURE__ */ o.createElement(l, {
-		label: e,
-		size: f,
-		hasTooltip: !1,
-		isRounded: !0,
+] });
+var BannerRegularDismiss = ({ label = "dismiss", ...rest }) => {
+	const { size, setHasDismiss } = useBannerContext();
+	React$1.useEffect(() => {
+		setHasDismiss(true);
+		return () => {
+			setHasDismiss(false);
+		};
+	}, [setHasDismiss]);
+	const actionIconSize = React$1.useMemo(() => overrideStyledVariantValue(size, (s) => toActionIconSize[s]), [size]);
+	return /* @__PURE__ */ React$1.createElement(Banner.Dismiss, { asChild: true }, /* @__PURE__ */ React$1.createElement(StyledDismiss, {
+		label,
+		size: actionIconSize,
+		hasTooltip: false,
+		isRounded: true,
 		theme: "neutral",
 		appearance: "solid",
-		...n
-	}, /* @__PURE__ */ o.createElement(t, { is: s })));
+		...rest
+	}, /* @__PURE__ */ React$1.createElement(Icon, { is: Close })));
 };
-u.displayName = "BannerRegularDismiss";
+BannerRegularDismiss.displayName = "BannerRegularDismiss";
 //#endregion
-export { u as BannerRegularDismiss };
+export { BannerRegularDismiss };
 
 //# sourceMappingURL=BannerRegularDismiss.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BannerRegularDismiss.js","names":[],"sources":["../../../../src/components/banner/banner-regular/BannerRegularDismiss.tsx"],"sourcesContent":["import { Close } from '@atom-learning/icons'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\nimport { overrideStyledVariantValue } from '~/utilities/override-styled-variant-value/overrideStyledVariantValue'\n\nimport { ActionIcon } from '../../action-icon/ActionIcon'\nimport { Icon } from '../../icon/Icon'\nimport { Banner } from '../Banner'\nimport { useBannerContext } from '../BannerContext'\n\nconst toActionIconSize = {\n  sm: 'md',\n  md: 'sm'\n}\n\nconst StyledDismiss = styled(ActionIcon, {\n  base: ['z-1', 'absolute', 'top-3', 'right-3']\n})\n\ntype BannerRegularDismissProps = Omit<\n  React.ComponentProps<typeof StyledDismiss>,\n  'children' | 'onClick' | 'href'\n>\n\nexport const BannerRegularDismiss = ({\n  label = 'dismiss',\n  ...rest\n}: BannerRegularDismissProps) => {\n  const { size, setHasDismiss } = useBannerContext()\n\n  React.useEffect(() => {\n    setHasDismiss(true)\n    return () => {\n      setHasDismiss(false)\n    }\n  }, [setHasDismiss])\n\n  const actionIconSize = React.useMemo(\n    () => overrideStyledVariantValue(size, (s) => toActionIconSize[s]),\n    [size]\n  )\n\n  return (\n    <Banner.Dismiss asChild>\n      <StyledDismiss\n        label={label}\n        size={actionIconSize}\n        hasTooltip={false}\n        isRounded\n        theme=\"neutral\"\n        appearance=\"solid\"\n        {...rest}\n      >\n        <Icon is={Close} />\n      </StyledDismiss>\n    </Banner.Dismiss>\n  )\n}\n\nBannerRegularDismiss.displayName = 'BannerRegularDismiss'\n"],"mappings":";;;;;;;;;AAWA,IAAM,IAAmB;CACvB,IAAI;CACJ,IAAI;CACL,EAEK,IAAgB,EAAO,GAAY,EACvC,MAAM;CAAC;CAAO;CAAY;CAAS;CAAU,EAC9C,CAAC,EAOW,KAAwB,EACnC,WAAQ,WACR,GAAG,QAC4B;CAC/B,IAAM,EAAE,SAAM,qBAAkB,GAAkB;AAElD,GAAM,iBACJ,EAAc,GAAK,QACN;AACX,IAAc,GAAM;KAErB,CAAC,EAAc,CAAC;CAEnB,IAAM,IAAiB,EAAM,cACrB,EAA2B,IAAO,MAAM,EAAiB,GAAG,EAClE,CAAC,EAAK,CACP;AAED,QACE,kBAAA,cAAC,EAAO,SAAR,EAAgB,SAAA,IAYC,EAXf,kBAAA,cAAC,GAAD;EACS;EACP,MAAM;EACN,YAAY;EACZ,WAAA;EACA,OAAM;EACN,YAAW;EACX,GAAI;EAGU,EADd,kBAAA,cAAC,GAAD,EAAM,IAAI,GAAS,CAAA,CACL,CACD;;AAIrB,EAAqB,cAAc"}
+{"version":3,"file":"BannerRegularDismiss.js","names":[],"sources":["../../../../src/components/banner/banner-regular/BannerRegularDismiss.tsx"],"sourcesContent":["import { Close } from '@atom-learning/icons'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\nimport { overrideStyledVariantValue } from '~/utilities/override-styled-variant-value/overrideStyledVariantValue'\n\nimport { ActionIcon } from '../../action-icon/ActionIcon'\nimport { Icon } from '../../icon/Icon'\nimport { Banner } from '../Banner'\nimport { useBannerContext } from '../BannerContext'\n\nconst toActionIconSize = {\n  sm: 'md',\n  md: 'sm'\n}\n\nconst StyledDismiss = styled(ActionIcon, {\n  base: ['z-1', 'absolute', 'top-3', 'right-3']\n})\n\ntype BannerRegularDismissProps = Omit<\n  React.ComponentProps<typeof StyledDismiss>,\n  'children' | 'onClick' | 'href'\n>\n\nexport const BannerRegularDismiss = ({\n  label = 'dismiss',\n  ...rest\n}: BannerRegularDismissProps) => {\n  const { size, setHasDismiss } = useBannerContext()\n\n  React.useEffect(() => {\n    setHasDismiss(true)\n    return () => {\n      setHasDismiss(false)\n    }\n  }, [setHasDismiss])\n\n  const actionIconSize = React.useMemo(\n    () => overrideStyledVariantValue(size, (s) => toActionIconSize[s]),\n    [size]\n  )\n\n  return (\n    <Banner.Dismiss asChild>\n      <StyledDismiss\n        label={label}\n        size={actionIconSize}\n        hasTooltip={false}\n        isRounded\n        theme=\"neutral\"\n        appearance=\"solid\"\n        {...rest}\n      >\n        <Icon is={Close} />\n      </StyledDismiss>\n    </Banner.Dismiss>\n  )\n}\n\nBannerRegularDismiss.displayName = 'BannerRegularDismiss'\n"],"mappings":";;;;;;;;;AAWA,IAAM,mBAAmB;CACvB,IAAI;CACJ,IAAI;CACL;AAED,IAAM,gBAAgB,OAAO,YAAY,EACvC,MAAM;CAAC;CAAO;CAAY;CAAS;CAAU,EAC9C,CAAC;AAOF,IAAa,wBAAwB,EACnC,QAAQ,WACR,GAAG,WAC4B;CAC/B,MAAM,EAAE,MAAM,kBAAkB,kBAAkB;AAElD,SAAM,gBAAgB;AACpB,gBAAc,KAAK;AACnB,eAAa;AACX,iBAAc,MAAM;;IAErB,CAAC,cAAc,CAAC;CAEnB,MAAM,iBAAiB,QAAM,cACrB,2BAA2B,OAAO,MAAM,iBAAiB,GAAG,EAClE,CAAC,KAAK,CACP;AAED,QACE,wBAAA,cAAC,OAAO,SAAR,EAAgB,SAAA,MAYC,EAXf,wBAAA,cAAC,eAAD;EACS;EACP,MAAM;EACN,YAAY;EACZ,WAAA;EACA,OAAM;EACN,YAAW;EACX,GAAI;EAGU,EADd,wBAAA,cAAC,MAAD,EAAM,IAAI,OAAS,CAAA,CACL,CACD;;AAIrB,qBAAqB,cAAc"}

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

@@ -1,9 +1,9 @@
-import { styled as e } from "../../../styled.js";
-import { Heading as t } from "../../heading/Heading.js";
-import { useBannerContext as n } from "../BannerContext.js";
-import * as r from "react";
+import { styled } from "../../../styled.js";
+import { Heading } from "../../heading/Heading.js";
+import { useBannerContext } from "../BannerContext.js";
+import * as React$1 from "react";
 //#region src/components/banner/banner-regular/BannerRegularHeading.tsx
-var i = e(t, {
+var StyledHeading = styled(Heading, {
 	base: ["mb-4", "text-(--banner-heading-color)"],
 	variants: {
 		containerSize: {
@@ -14,20 +14,21 @@ var i = e(t, {
 	},
 	compoundVariants: [{
 		containerSize: "sm",
-		hasDismiss: !0,
+		hasDismiss: true,
 		class: ["mr-10"]
 	}]
-}, { enabledResponsiveVariants: !0 }), a = (e) => {
-	let { size: t, hasDismiss: a } = n();
-	return /* @__PURE__ */ r.createElement(i, {
+}, { enabledResponsiveVariants: true });
+var BannerRegularHeading = (props) => {
+	const { size, hasDismiss } = useBannerContext();
+	return /* @__PURE__ */ React$1.createElement(StyledHeading, {
 		size: "md",
-		containerSize: t,
-		hasDismiss: a,
-		...e
+		containerSize: size,
+		hasDismiss,
+		...props
 	});
 };
-a.displayName = "BannerRegularHeading";
+BannerRegularHeading.displayName = "BannerRegularHeading";
 //#endregion
-export { a as BannerRegularHeading };
+export { BannerRegularHeading };
 
 //# sourceMappingURL=BannerRegularHeading.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BannerRegularHeading.js","names":[],"sources":["../../../../src/components/banner/banner-regular/BannerRegularHeading.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { Heading } from '../../heading/Heading'\nimport { useBannerContext } from '../BannerContext'\n\nconst StyledHeading = styled(\n  Heading,\n  {\n    base: ['mb-4', 'text-(--banner-heading-color)'],\n    variants: {\n      containerSize: {\n        sm: [],\n        md: []\n      },\n      hasDismiss: {\n        true: []\n      }\n    },\n    compoundVariants: [\n      {\n        containerSize: 'sm',\n        hasDismiss: true,\n        class: ['mr-10']\n      }\n    ]\n  },\n  {\n    enabledResponsiveVariants: true\n  }\n)\n\nexport const BannerRegularHeading = (\n  props: React.ComponentProps<typeof Heading>\n) => {\n  const { size, hasDismiss } = useBannerContext()\n\n  return (\n    <StyledHeading\n      size=\"md\"\n      containerSize={size}\n      hasDismiss={hasDismiss}\n      {...props}\n    />\n  )\n}\n\nBannerRegularHeading.displayName = 'BannerRegularHeading'\n"],"mappings":";;;;;AAOA,IAAM,IAAgB,EACpB,GACA;CACE,MAAM,CAAC,QAAQ,gCAAgC;CAC/C,UAAU;EACR,eAAe;GACb,IAAI,EAAE;GACN,IAAI,EAAE;GACP;EACD,YAAY,EACV,MAAM,EAAE,EACT;EACF;CACD,kBAAkB,CAChB;EACE,eAAe;EACf,YAAY;EACZ,OAAO,CAAC,QAAQ;EACjB,CACF;CACF,EACD,EACE,2BAA2B,IAC5B,CACF,EAEY,KACX,MACG;CACH,IAAM,EAAE,SAAM,kBAAe,GAAkB;AAE/C,QACE,kBAAA,cAAC,GAAD;EACE,MAAK;EACL,eAAe;EACH;EACZ,GAAI;EACJ,CAAA;;AAIN,EAAqB,cAAc"}
+{"version":3,"file":"BannerRegularHeading.js","names":[],"sources":["../../../../src/components/banner/banner-regular/BannerRegularHeading.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { Heading } from '../../heading/Heading'\nimport { useBannerContext } from '../BannerContext'\n\nconst StyledHeading = styled(\n  Heading,\n  {\n    base: ['mb-4', 'text-(--banner-heading-color)'],\n    variants: {\n      containerSize: {\n        sm: [],\n        md: []\n      },\n      hasDismiss: {\n        true: []\n      }\n    },\n    compoundVariants: [\n      {\n        containerSize: 'sm',\n        hasDismiss: true,\n        class: ['mr-10']\n      }\n    ]\n  },\n  {\n    enabledResponsiveVariants: true\n  }\n)\n\nexport const BannerRegularHeading = (\n  props: React.ComponentProps<typeof Heading>\n) => {\n  const { size, hasDismiss } = useBannerContext()\n\n  return (\n    <StyledHeading\n      size=\"md\"\n      containerSize={size}\n      hasDismiss={hasDismiss}\n      {...props}\n    />\n  )\n}\n\nBannerRegularHeading.displayName = 'BannerRegularHeading'\n"],"mappings":";;;;;AAOA,IAAM,gBAAgB,OACpB,SACA;CACE,MAAM,CAAC,QAAQ,gCAAgC;CAC/C,UAAU;EACR,eAAe;GACb,IAAI,EAAE;GACN,IAAI,EAAE;GACP;EACD,YAAY,EACV,MAAM,EAAE,EACT;EACF;CACD,kBAAkB,CAChB;EACE,eAAe;EACf,YAAY;EACZ,OAAO,CAAC,QAAQ;EACjB,CACF;CACF,EACD,EACE,2BAA2B,MAC5B,CACF;AAED,IAAa,wBACX,UACG;CACH,MAAM,EAAE,MAAM,eAAe,kBAAkB;AAE/C,QACE,wBAAA,cAAC,eAAD;EACE,MAAK;EACL,eAAe;EACH;EACZ,GAAI;EACJ,CAAA;;AAIN,qBAAqB,cAAc"}

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

@@ -1,9 +1,9 @@
-import { styled as e } from "../../../styled.js";
-import { Image as t } from "../../image/Image.js";
-import { useBannerContext as n } from "../BannerContext.js";
-import * as r from "react";
+import { styled } from "../../../styled.js";
+import { Image } from "../../image/Image.js";
+import { useBannerContext } from "../BannerContext.js";
+import * as React$1 from "react";
 //#region src/components/banner/banner-regular/BannerRegularImage.tsx
-var i = e("div", {
+var Container = styled("div", {
 	base: [
 		"relative",
 		"overflow-hidden",
@@ -13,17 +13,19 @@ var i = e("div", {
 		sm: ["hidden"],
 		md: ["block"]
 	} }
-}, { enabledResponsiveVariants: !0 }), a = e(t, { base: [
+}, { enabledResponsiveVariants: true });
+var StyledImage = styled(Image, { base: [
 	"absolute",
 	"max-w-none",
 	"size-full",
 	"object-cover"
-] }), o = (e) => {
-	let { size: t } = n();
-	return /* @__PURE__ */ r.createElement(i, { size: t }, /* @__PURE__ */ r.createElement(a, e));
+] });
+var BannerRegularImage = (props) => {
+	const { size } = useBannerContext();
+	return /* @__PURE__ */ React$1.createElement(Container, { size }, /* @__PURE__ */ React$1.createElement(StyledImage, props));
 };
-o.displayName = "BannerRegularImage";
+BannerRegularImage.displayName = "BannerRegularImage";
 //#endregion
-export { o as BannerRegularImage };
+export { BannerRegularImage };
 
 //# sourceMappingURL=BannerRegularImage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BannerRegularImage.js","names":[],"sources":["../../../../src/components/banner/banner-regular/BannerRegularImage.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { Image } from '../../image/Image'\nimport { useBannerContext } from '../BannerContext'\n\nconst Container = styled(\n  'div',\n  {\n    base: ['relative', 'overflow-hidden', 'w-19/50'],\n    variants: {\n      size: {\n        sm: ['hidden'],\n        md: ['block']\n      }\n    }\n  },\n  {\n    enabledResponsiveVariants: true\n  }\n)\n\nconst StyledImage = styled(Image, {\n  base: ['absolute', 'max-w-none', 'size-full', 'object-cover']\n})\n\nexport const BannerRegularImage = (\n  props: React.ComponentProps<typeof Image>\n) => {\n  const { size } = useBannerContext()\n\n  return (\n    <Container size={size}>\n      <StyledImage {...props} />\n    </Container>\n  )\n}\n\nBannerRegularImage.displayName = 'BannerRegularImage'\n"],"mappings":";;;;;AAOA,IAAM,IAAY,EAChB,OACA;CACE,MAAM;EAAC;EAAY;EAAmB;EAAU;CAChD,UAAU,EACR,MAAM;EACJ,IAAI,CAAC,SAAS;EACd,IAAI,CAAC,QAAQ;EACd,EACF;CACF,EACD,EACE,2BAA2B,IAC5B,CACF,EAEK,IAAc,EAAO,GAAO,EAChC,MAAM;CAAC;CAAY;CAAc;CAAa;CAAe,EAC9D,CAAC,EAEW,KACX,MACG;CACH,IAAM,EAAE,YAAS,GAAkB;AAEnC,QACE,kBAAA,cAAC,GAAD,EAAiB,SAEL,EADV,kBAAA,cAAC,GAAgB,EAAS,CAChB;;AAIhB,EAAmB,cAAc"}
+{"version":3,"file":"BannerRegularImage.js","names":[],"sources":["../../../../src/components/banner/banner-regular/BannerRegularImage.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { Image } from '../../image/Image'\nimport { useBannerContext } from '../BannerContext'\n\nconst Container = styled(\n  'div',\n  {\n    base: ['relative', 'overflow-hidden', 'w-19/50'],\n    variants: {\n      size: {\n        sm: ['hidden'],\n        md: ['block']\n      }\n    }\n  },\n  {\n    enabledResponsiveVariants: true\n  }\n)\n\nconst StyledImage = styled(Image, {\n  base: ['absolute', 'max-w-none', 'size-full', 'object-cover']\n})\n\nexport const BannerRegularImage = (\n  props: React.ComponentProps<typeof Image>\n) => {\n  const { size } = useBannerContext()\n\n  return (\n    <Container size={size}>\n      <StyledImage {...props} />\n    </Container>\n  )\n}\n\nBannerRegularImage.displayName = 'BannerRegularImage'\n"],"mappings":";;;;;AAOA,IAAM,YAAY,OAChB,OACA;CACE,MAAM;EAAC;EAAY;EAAmB;EAAU;CAChD,UAAU,EACR,MAAM;EACJ,IAAI,CAAC,SAAS;EACd,IAAI,CAAC,QAAQ;EACd,EACF;CACF,EACD,EACE,2BAA2B,MAC5B,CACF;AAED,IAAM,cAAc,OAAO,OAAO,EAChC,MAAM;CAAC;CAAY;CAAc;CAAa;CAAe,EAC9D,CAAC;AAEF,IAAa,sBACX,UACG;CACH,MAAM,EAAE,SAAS,kBAAkB;AAEnC,QACE,wBAAA,cAAC,WAAD,EAAiB,MAEL,EADV,wBAAA,cAAC,aAAgB,MAAS,CAChB;;AAIhB,mBAAmB,cAAc"}

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

@@ -1,9 +1,9 @@
-import { styled as e } from "../../../styled.js";
-import { Text as t } from "../../text/Text.js";
-import { useBannerContext as n } from "../BannerContext.js";
-import * as r from "react";
+import { styled } from "../../../styled.js";
+import { Text } from "../../text/Text.js";
+import { useBannerContext } from "../BannerContext.js";
+import * as React$1 from "react";
 //#region src/components/banner/banner-regular/BannerRegularText.tsx
-var i = e(t, {
+var StyledText = styled(Text, {
 	base: ["text-(--banner-text-color)"],
 	variants: {
 		containerSize: {
@@ -14,20 +14,21 @@ var i = e(t, {
 	},
 	compoundVariants: [{
 		containerSize: "sm",
-		hasDismiss: !0,
+		hasDismiss: true,
 		class: ["mr-10"]
 	}]
-}, { enabledResponsiveVariants: !0 }), a = (e) => {
-	let { size: t, hasDismiss: a } = n();
-	return /* @__PURE__ */ r.createElement(i, {
-		size: t,
-		containerSize: t,
-		hasDismiss: a,
-		...e
+}, { enabledResponsiveVariants: true });
+var BannerRegularText = (props) => {
+	const { size, hasDismiss } = useBannerContext();
+	return /* @__PURE__ */ React$1.createElement(StyledText, {
+		size,
+		containerSize: size,
+		hasDismiss,
+		...props
 	});
 };
-a.displayName = "BannerRegularText";
+BannerRegularText.displayName = "BannerRegularText";
 //#endregion
-export { a as BannerRegularText };
+export { BannerRegularText };
 
 //# sourceMappingURL=BannerRegularText.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BannerRegularText.js","names":[],"sources":["../../../../src/components/banner/banner-regular/BannerRegularText.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { Text } from '../../text/Text'\nimport { useBannerContext } from '../BannerContext'\n\nconst StyledText = styled(\n  Text,\n  {\n    base: ['text-(--banner-text-color)'],\n    variants: {\n      containerSize: {\n        sm: ['mb-4'],\n        md: ['mb-6']\n      },\n      hasDismiss: {\n        true: []\n      }\n    },\n    compoundVariants: [\n      {\n        containerSize: 'sm',\n        hasDismiss: true,\n        class: ['mr-10']\n      }\n    ]\n  },\n  {\n    enabledResponsiveVariants: true\n  }\n)\n\nexport const BannerRegularText = (props: React.ComponentProps<typeof Text>) => {\n  const { size, hasDismiss } = useBannerContext()\n\n  return (\n    <StyledText\n      size={size}\n      containerSize={size}\n      hasDismiss={hasDismiss}\n      {...props}\n    />\n  )\n}\n\nBannerRegularText.displayName = 'BannerRegularText'\n"],"mappings":";;;;;AAOA,IAAM,IAAa,EACjB,GACA;CACE,MAAM,CAAC,6BAA6B;CACpC,UAAU;EACR,eAAe;GACb,IAAI,CAAC,OAAO;GACZ,IAAI,CAAC,OAAO;GACb;EACD,YAAY,EACV,MAAM,EAAE,EACT;EACF;CACD,kBAAkB,CAChB;EACE,eAAe;EACf,YAAY;EACZ,OAAO,CAAC,QAAQ;EACjB,CACF;CACF,EACD,EACE,2BAA2B,IAC5B,CACF,EAEY,KAAqB,MAA6C;CAC7E,IAAM,EAAE,SAAM,kBAAe,GAAkB;AAE/C,QACE,kBAAA,cAAC,GAAD;EACQ;EACN,eAAe;EACH;EACZ,GAAI;EACJ,CAAA;;AAIN,EAAkB,cAAc"}
+{"version":3,"file":"BannerRegularText.js","names":[],"sources":["../../../../src/components/banner/banner-regular/BannerRegularText.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { Text } from '../../text/Text'\nimport { useBannerContext } from '../BannerContext'\n\nconst StyledText = styled(\n  Text,\n  {\n    base: ['text-(--banner-text-color)'],\n    variants: {\n      containerSize: {\n        sm: ['mb-4'],\n        md: ['mb-6']\n      },\n      hasDismiss: {\n        true: []\n      }\n    },\n    compoundVariants: [\n      {\n        containerSize: 'sm',\n        hasDismiss: true,\n        class: ['mr-10']\n      }\n    ]\n  },\n  {\n    enabledResponsiveVariants: true\n  }\n)\n\nexport const BannerRegularText = (props: React.ComponentProps<typeof Text>) => {\n  const { size, hasDismiss } = useBannerContext()\n\n  return (\n    <StyledText\n      size={size}\n      containerSize={size}\n      hasDismiss={hasDismiss}\n      {...props}\n    />\n  )\n}\n\nBannerRegularText.displayName = 'BannerRegularText'\n"],"mappings":";;;;;AAOA,IAAM,aAAa,OACjB,MACA;CACE,MAAM,CAAC,6BAA6B;CACpC,UAAU;EACR,eAAe;GACb,IAAI,CAAC,OAAO;GACZ,IAAI,CAAC,OAAO;GACb;EACD,YAAY,EACV,MAAM,EAAE,EACT;EACF;CACD,kBAAkB,CAChB;EACE,eAAe;EACf,YAAY;EACZ,OAAO,CAAC,QAAQ;EACjB,CACF;CACF,EACD,EACE,2BAA2B,MAC5B,CACF;AAED,IAAa,qBAAqB,UAA6C;CAC7E,MAAM,EAAE,MAAM,eAAe,kBAAkB;AAE/C,QACE,wBAAA,cAAC,YAAD;EACQ;EACN,eAAe;EACH;EACZ,GAAI;EACJ,CAAA;;AAIN,kBAAkB,cAAc"}

package/dist/components/banner/banner-slim/BannerSlim.js

@@ -1,30 +1,31 @@
-import { Banner as e } from "../Banner.js";
-import { BannerSlimActions as t } from "./BannerSlimActions.js";
-import { BannerSlimButton as n } from "./BannerSlimButton.js";
-import { BannerSlimContainer as r } from "./BannerSlimContainer.js";
-import { BannerSlimContent as i } from "./BannerSlimContent.js";
-import { BannerSlimDismiss as a } from "./BannerSlimDismiss.js";
-import { BannerSlimImage as o } from "./BannerSlimImage.js";
-import { BannerSlimText as s } from "./BannerSlimText.js";
-import * as c from "react";
+import { Banner } from "../Banner.js";
+import { BannerSlimActions } from "./BannerSlimActions.js";
+import { BannerSlimButton } from "./BannerSlimButton.js";
+import { BannerSlimContainer } from "./BannerSlimContainer.js";
+import { BannerSlimContent } from "./BannerSlimContent.js";
+import { BannerSlimDismiss } from "./BannerSlimDismiss.js";
+import { BannerSlimImage } from "./BannerSlimImage.js";
+import { BannerSlimText } from "./BannerSlimText.js";
+import * as React$1 from "react";
 //#region src/components/banner/banner-slim/BannerSlim.tsx
-var l = ({ colorScheme: t, size: n, emphasis: i, onDismiss: a, ...o }) => /* @__PURE__ */ c.createElement(e, {
-	size: n,
-	emphasis: i
-}, /* @__PURE__ */ c.createElement(r, {
-	colorScheme: t,
-	onDismiss: a,
-	...o
-})), u = Object.assign(l, {
-	Content: i,
-	Text: s,
-	Image: o,
-	Button: n,
-	Dismiss: a,
-	Actions: t
+var BannerSlimComponent = ({ colorScheme, size, emphasis, onDismiss, ...rest }) => /* @__PURE__ */ React$1.createElement(Banner, {
+	size,
+	emphasis
+}, /* @__PURE__ */ React$1.createElement(BannerSlimContainer, {
+	colorScheme,
+	onDismiss,
+	...rest
+}));
+var BannerSlim = Object.assign(BannerSlimComponent, {
+	Content: BannerSlimContent,
+	Text: BannerSlimText,
+	Image: BannerSlimImage,
+	Button: BannerSlimButton,
+	Dismiss: BannerSlimDismiss,
+	Actions: BannerSlimActions
 });
-l.displayName = "BannerSlim";
+BannerSlimComponent.displayName = "BannerSlim";
 //#endregion
-export { u as BannerSlim };
+export { BannerSlim };
 
 //# sourceMappingURL=BannerSlim.js.map

package/dist/components/banner/banner-slim/BannerSlim.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerSlim.js","names":[],"sources":["../../../../src/components/banner/banner-slim/BannerSlim.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Banner } from '../Banner'\nimport { BannerContainer } from '../BannerContainer'\nimport { BannerSlimActions } from './BannerSlimActions'\nimport { BannerSlimButton } from './BannerSlimButton'\nimport { BannerSlimContainer } from './BannerSlimContainer'\nimport { BannerSlimContent } from './BannerSlimContent'\nimport { BannerSlimDismiss } from './BannerSlimDismiss'\nimport { BannerSlimImage } from './BannerSlimImage'\nimport { BannerSlimText } from './BannerSlimText'\n\nconst BannerSlimComponent = ({\n  colorScheme,\n  size,\n  emphasis,\n  onDismiss,\n  ...rest\n}: React.ComponentProps<typeof Banner> &\n  React.ComponentProps<typeof BannerContainer>) => (\n  <Banner size={size} emphasis={emphasis}>\n    <BannerSlimContainer\n      colorScheme={colorScheme}\n      onDismiss={onDismiss}\n      {...rest}\n    />\n  </Banner>\n)\n\nexport const BannerSlim = Object.assign(BannerSlimComponent, {\n  Content: BannerSlimContent,\n  Text: BannerSlimText,\n  Image: BannerSlimImage,\n  Button: BannerSlimButton,\n  Dismiss: BannerSlimDismiss,\n  Actions: BannerSlimActions\n})\n\nBannerSlimComponent.displayName = 'BannerSlim'\n"],"mappings":";;;;;;;;;;AAYA,IAAM,KAAuB,EAC3B,gBACA,SACA,aACA,cACA,GAAG,QAGH,kBAAA,cAAC,GAAD;CAAc;CAAgB;CAMrB,EALP,kBAAA,cAAC,GAAD;CACe;CACF;CACX,GAAI;CACJ,CAAA,CACK,EAGE,IAAa,OAAO,OAAO,GAAqB;CAC3D,SAAS;CACT,MAAM;CACN,OAAO;CACP,QAAQ;CACR,SAAS;CACT,SAAS;CACV,CAAC;AAEF,EAAoB,cAAc"}
+{"version":3,"file":"BannerSlim.js","names":[],"sources":["../../../../src/components/banner/banner-slim/BannerSlim.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Banner } from '../Banner'\nimport { BannerContainer } from '../BannerContainer'\nimport { BannerSlimActions } from './BannerSlimActions'\nimport { BannerSlimButton } from './BannerSlimButton'\nimport { BannerSlimContainer } from './BannerSlimContainer'\nimport { BannerSlimContent } from './BannerSlimContent'\nimport { BannerSlimDismiss } from './BannerSlimDismiss'\nimport { BannerSlimImage } from './BannerSlimImage'\nimport { BannerSlimText } from './BannerSlimText'\n\nconst BannerSlimComponent = ({\n  colorScheme,\n  size,\n  emphasis,\n  onDismiss,\n  ...rest\n}: React.ComponentProps<typeof Banner> &\n  React.ComponentProps<typeof BannerContainer>) => (\n  <Banner size={size} emphasis={emphasis}>\n    <BannerSlimContainer\n      colorScheme={colorScheme}\n      onDismiss={onDismiss}\n      {...rest}\n    />\n  </Banner>\n)\n\nexport const BannerSlim = Object.assign(BannerSlimComponent, {\n  Content: BannerSlimContent,\n  Text: BannerSlimText,\n  Image: BannerSlimImage,\n  Button: BannerSlimButton,\n  Dismiss: BannerSlimDismiss,\n  Actions: BannerSlimActions\n})\n\nBannerSlimComponent.displayName = 'BannerSlim'\n"],"mappings":";;;;;;;;;;AAYA,IAAM,uBAAuB,EAC3B,aACA,MACA,UACA,WACA,GAAG,WAGH,wBAAA,cAAC,QAAD;CAAc;CAAgB;CAMrB,EALP,wBAAA,cAAC,qBAAD;CACe;CACF;CACX,GAAI;CACJ,CAAA,CACK;AAGX,IAAa,aAAa,OAAO,OAAO,qBAAqB;CAC3D,SAAS;CACT,MAAM;CACN,OAAO;CACP,QAAQ;CACR,SAAS;CACT,SAAS;CACV,CAAC;AAEF,oBAAoB,cAAc"}

package/dist/components/banner/banner-slim/BannerSlimActions.js

@@ -1,22 +1,23 @@
-import { styled as e } from "../../../styled.js";
-import { useBannerContext as t } from "../BannerContext.js";
-import * as n from "react";
+import { styled } from "../../../styled.js";
+import { useBannerContext } from "../BannerContext.js";
+import * as React$1 from "react";
 //#region src/components/banner/banner-slim/BannerSlimActions.tsx
-var r = e("div", {
+var StyledBannerSlimActions = styled("div", {
 	base: ["flex", "gap-4"],
 	variants: { size: {
 		sm: ["w-full"],
 		md: ["w-auto"]
 	} }
-}, { enabledResponsiveVariants: !0 }), i = ({ children: e, ...i }) => {
-	let { size: a } = t();
-	return /* @__PURE__ */ n.createElement(r, {
-		size: a,
-		...i
-	}, e);
+}, { enabledResponsiveVariants: true });
+var BannerSlimActions = ({ children, ...props }) => {
+	const { size } = useBannerContext();
+	return /* @__PURE__ */ React$1.createElement(StyledBannerSlimActions, {
+		size,
+		...props
+	}, children);
 };
-i.displayName = "BannerSlimActions";
+BannerSlimActions.displayName = "BannerSlimActions";
 //#endregion
-export { i as BannerSlimActions };
+export { BannerSlimActions };
 
 //# sourceMappingURL=BannerSlimActions.js.map

package/dist/components/banner/banner-slim/BannerSlimActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerSlimActions.js","names":[],"sources":["../../../../src/components/banner/banner-slim/BannerSlimActions.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { useBannerContext } from '../BannerContext'\n\nconst StyledBannerSlimActions = styled(\n  'div',\n  {\n    base: ['flex', 'gap-4'],\n    variants: {\n      size: {\n        sm: ['w-full'],\n        md: ['w-auto']\n      }\n    }\n  },\n  {\n    enabledResponsiveVariants: true\n  }\n)\n\nexport const BannerSlimActions = ({\n  children,\n  ...props\n}: React.ComponentProps<typeof StyledBannerSlimActions>) => {\n  const { size } = useBannerContext()\n  return (\n    <StyledBannerSlimActions size={size} {...props}>\n      {children}\n    </StyledBannerSlimActions>\n  )\n}\n\nBannerSlimActions.displayName = 'BannerSlimActions'\n"],"mappings":";;;;AAMA,IAAM,IAA0B,EAC9B,OACA;CACE,MAAM,CAAC,QAAQ,QAAQ;CACvB,UAAU,EACR,MAAM;EACJ,IAAI,CAAC,SAAS;EACd,IAAI,CAAC,SAAS;EACf,EACF;CACF,EACD,EACE,2BAA2B,IAC5B,CACF,EAEY,KAAqB,EAChC,aACA,GAAG,QACuD;CAC1D,IAAM,EAAE,YAAS,GAAkB;AACnC,QACE,kBAAA,cAAC,GAAD;EAA+B;EAAM,GAAI;EAEf,EADvB,EACuB;;AAI9B,EAAkB,cAAc"}
+{"version":3,"file":"BannerSlimActions.js","names":[],"sources":["../../../../src/components/banner/banner-slim/BannerSlimActions.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { useBannerContext } from '../BannerContext'\n\nconst StyledBannerSlimActions = styled(\n  'div',\n  {\n    base: ['flex', 'gap-4'],\n    variants: {\n      size: {\n        sm: ['w-full'],\n        md: ['w-auto']\n      }\n    }\n  },\n  {\n    enabledResponsiveVariants: true\n  }\n)\n\nexport const BannerSlimActions = ({\n  children,\n  ...props\n}: React.ComponentProps<typeof StyledBannerSlimActions>) => {\n  const { size } = useBannerContext()\n  return (\n    <StyledBannerSlimActions size={size} {...props}>\n      {children}\n    </StyledBannerSlimActions>\n  )\n}\n\nBannerSlimActions.displayName = 'BannerSlimActions'\n"],"mappings":";;;;AAMA,IAAM,0BAA0B,OAC9B,OACA;CACE,MAAM,CAAC,QAAQ,QAAQ;CACvB,UAAU,EACR,MAAM;EACJ,IAAI,CAAC,SAAS;EACd,IAAI,CAAC,SAAS;EACf,EACF;CACF,EACD,EACE,2BAA2B,MAC5B,CACF;AAED,IAAa,qBAAqB,EAChC,UACA,GAAG,YACuD;CAC1D,MAAM,EAAE,SAAS,kBAAkB;AACnC,QACE,wBAAA,cAAC,yBAAD;EAA+B;EAAM,GAAI;EAEf,EADvB,SACuB;;AAI9B,kBAAkB,cAAc"}