@atom-learning/components 6.4.1 → 6.5.0

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

@@ -1 +1 @@
-{"version":3,"file":"BannerRegularActions.js","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"],"names":["MAX_ALLOWED_CHILDREN","toGap","toDirection","BannerRegularActions","children","className","props","size","useBannerContext","gap","React","direction","invariant","BannerRegularButton","clsx","child","index","propsToInject"],"mappings":"2LAOA,MAAMA,EAAuB,EAEvBC,EAAQ,CACZ,GAAI,QACJ,GAAI,OACN,EAEMC,EAAc,CAClB,GAAI,WACJ,GAAI,UACN,EAEaC,EAAuB,CAAC,CACnC,SAAAC,EACA,UAAAC,EACA,GAAGC,CACL,IAA4D,CAC1D,KAAM,CAAE,KAAAC,CAAK,EAAIC,IAEXC,EAAMC,EAAM,QAAQ,IACpB,OAAOH,GAAS,SACXN,EAAMM,CAAI,EAEZ,iBACN,CAACA,CAAI,CAAC,EAEHI,EAAYD,EAAM,QAAQ,IAC1B,OAAOH,GAAS,SACXL,EAAYK,CAAI,EAElB,uBACN,CAACA,CAAI,CAAC,EAET,OAAAK,EACEF,EAAM,SAAS,MAAMN,CAAQ,GAAKJ,EAClC,gBAAgBA,CAAoB,IAAIa,EAAoB,WAAW,8CAA8CV,EAAqB,WAAW,EACvJ,EAGEO,EAAA,cAAC,MAAI,CAAA,UAAWI,EAAK,OAAQL,EAAKE,EAAWN,CAAS,EAAI,GAAGC,CAAAA,EAC1DI,EAAM,SAAS,IAAIN,EAAU,CAACW,EAAOC,IAAU,CAG9C,GAAID,GAAS,KAAM,OAAOA,EAE1B,GAAI,CAACL,EAAM,eAAeK,CAAK,EAC7B,MAAM,IAAI,MACR,mBAAmBZ,EAAqB,WAAW,yBACrD,EAGFS,EACEG,EAAM,OAASF,EACf,oBAAoBE,GAAA,KAAA,OAAAA,EAAO,IAAI,8BAA8BF,EAAoB,WAAW,4BAA4BV,EAAqB,WAAW,EAC1J,EAEA,MAAMc,EAEF,CAEF,WAAYD,EAAQ,EAAI,UAAY,MACtC,EAEA,OAAON,EAAM,aACXK,EAGAE,CACF,CACF,CAAC,CACH,CAEJ,EAEAd,EAAqB,YAAc"}
+{"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"}

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

@@ -1,2 +1,19 @@
-import*as r from"react";import{overrideStyledVariantValue as i}from"../../../utilities/override-styled-variant-value/overrideStyledVariantValue.js";import{Button as s}from"../../button/Button.js";import{useBannerContext as u}from"../BannerContext.js";const t=o=>{const{emphasis:n,size:e}=u(),a=r.useMemo(()=>i(e,m=>m==="sm"),[e]);return r.createElement(s,{size:e,fullWidth:a,theme:n==="bold"?"neutral":"primary",...o})};t.displayName="BannerRegularButton";export{t as BannerRegularButton};
-//# sourceMappingURL=BannerRegularButton.js.map
+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";
+//#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
+	});
+};
+i.displayName = "BannerRegularButton";
+//#endregion
+export { i as BannerRegularButton };
+
+//# sourceMappingURL=BannerRegularButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BannerRegularButton.js","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"],"names":["BannerRegularButton","props","emphasis","size","useBannerContext","fullWidth","React","overrideStyledVariantValue","s","Button"],"mappings":"2PAOa,MAAAA,EACXC,GACG,CACH,KAAM,CAAE,SAAAC,EAAU,KAAAC,CAAK,EAAIC,EAAAA,EAErBC,EAAYC,EAAM,QACtB,IAAMC,EAA2BJ,EAAOK,GAAMA,IAAM,IAAI,EACxD,CAACL,CAAI,CACP,EAEA,OACEG,EAAA,cAACG,EAAA,CACC,KAAMN,EACN,UAAWE,EACX,MAAOH,IAAa,OAAS,UAAY,UACxC,GAAGD,CACN,CAAA,CAEJ,EAEAD,EAAoB,YAAc"}
+{"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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"BannerRegularContainer.js","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"],"names":["BannerRegularContainer","props","React","BannerContainer"],"mappings":"gFASO,MAAMA,EAA0BC,GACrCC,EAAA,cAACC,EAAA,CAAiB,GAAGF,CAAO,CAAA"}
+{"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"}

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

@@ -1,2 +1,22 @@
-import*as t from"react";import{styled as a}from"../../../styled.js";import{useBannerContext as s}from"../BannerContext.js";const o=a("div",{base:["w-31/50","grow"],variants:{size:{sm:["p-4"],md:["p-6","pr-8"]}}},{enabledResponsiveVariants:!0}),e=n=>{const{size:r}=s();return t.createElement(o,{size:r,...n})};e.displayName="BannerRegularContent";export{e as BannerRegularContent};
-//# sourceMappingURL=BannerRegularContent.js.map
+import { styled as e } from "../../../styled.js";
+import { useBannerContext as t } from "../BannerContext.js";
+import * as n from "react";
+//#region src/components/banner/banner-regular/BannerRegularContent.tsx
+var r = e("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
+	});
+};
+i.displayName = "BannerRegularContent";
+//#endregion
+export { i as BannerRegularContent };
+
+//# sourceMappingURL=BannerRegularContent.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BannerRegularContent.js","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"],"names":["Container","styled","BannerRegularContent","props","size","useBannerContext","React"],"mappings":"2HAMA,MAAMA,EAAYC,EAChB,MACA,CACE,KAAM,CAAC,UAAW,MAAM,EACxB,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,KAAK,EACV,GAAI,CAAC,MAAO,MAAM,CACpB,CACF,CACF,EACA,CACE,0BAA2B,EAC7B,CACF,EAEaC,EACXC,GACG,CACH,KAAM,CAAE,KAAAC,CAAK,EAAIC,IAEjB,OAAOC,EAAA,cAACN,EAAA,CAAU,KAAMI,EAAO,GAAGD,CAAAA,CAAO,CAC3C,EAEAD,EAAqB,YAAc"}
+{"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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"BannerRegularDismiss.js","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"],"names":["toActionIconSize","StyledDismiss","styled","ActionIcon","BannerRegularDismiss","label","rest","size","setHasDismiss","useBannerContext","React","actionIconSize","overrideStyledVariantValue","s","Banner","Icon","Close"],"mappings":"ibAWA,MAAMA,EAAmB,CACvB,GAAI,KACJ,GAAI,IACN,EAEMC,EAAgBC,EAAOC,EAAY,CACvC,KAAM,CAAC,MAAO,WAAY,QAAS,SAAS,CAC9C,CAAC,EAOYC,EAAuB,CAAC,CACnC,MAAAC,EAAQ,UACR,GAAGC,CACL,IAAiC,CAC/B,KAAM,CAAE,KAAAC,EAAM,cAAAC,CAAc,EAAIC,EAEhCC,EAAAA,EAAM,UAAU,KACdF,EAAc,EAAI,EACX,IAAM,CACXA,EAAc,EAAK,CACrB,GACC,CAACA,CAAa,CAAC,EAElB,MAAMG,EAAiBD,EAAM,QAC3B,IAAME,EAA2BL,EAAOM,GAAMb,EAAiBa,CAAC,CAAC,EACjE,CAACN,CAAI,CACP,EAEA,OACEG,EAAA,cAACI,EAAO,QAAP,CAAe,QAAO,EACrBJ,EAAAA,EAAA,cAACT,EAAA,CACC,MAAOI,EACP,KAAMM,EACN,WAAY,GACZ,UAAS,GACT,MAAM,UACN,WAAW,QACV,GAAGL,CAEJI,EAAAA,EAAA,cAACK,EAAA,CAAK,GAAIC,CAAAA,CAAO,CACnB,CACF,CAEJ,EAEAZ,EAAqB,YAAc"}
+{"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"}

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

@@ -1,2 +1,33 @@
-import*as i from"react";import{styled as r}from"../../../styled.js";import{Heading as t}from"../../heading/Heading.js";import{useBannerContext as o}from"../BannerContext.js";const m=r(t,{base:["mb-4","text-(--banner-heading-color)"],variants:{containerSize:{sm:[],md:[]},hasDismiss:{true:[]}},compoundVariants:[{containerSize:"sm",hasDismiss:!0,class:["mr-10"]}]},{enabledResponsiveVariants:!0}),e=s=>{const{size:n,hasDismiss:a}=o();return i.createElement(m,{size:"md",containerSize:n,hasDismiss:a,...s})};e.displayName="BannerRegularHeading";export{e as BannerRegularHeading};
-//# sourceMappingURL=BannerRegularHeading.js.map
+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";
+//#region src/components/banner/banner-regular/BannerRegularHeading.tsx
+var i = e(t, {
+	base: ["mb-4", "text-(--banner-heading-color)"],
+	variants: {
+		containerSize: {
+			sm: [],
+			md: []
+		},
+		hasDismiss: { true: [] }
+	},
+	compoundVariants: [{
+		containerSize: "sm",
+		hasDismiss: !0,
+		class: ["mr-10"]
+	}]
+}, { enabledResponsiveVariants: !0 }), a = (e) => {
+	let { size: t, hasDismiss: a } = n();
+	return /* @__PURE__ */ r.createElement(i, {
+		size: "md",
+		containerSize: t,
+		hasDismiss: a,
+		...e
+	});
+};
+a.displayName = "BannerRegularHeading";
+//#endregion
+export { a as BannerRegularHeading };
+
+//# sourceMappingURL=BannerRegularHeading.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BannerRegularHeading.js","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"],"names":["StyledHeading","styled","Heading","BannerRegularHeading","props","size","hasDismiss","useBannerContext","React"],"mappings":"8KAOA,MAAMA,EAAgBC,EACpBC,EACA,CACE,KAAM,CAAC,OAAQ,+BAA+B,EAC9C,SAAU,CACR,cAAe,CACb,GAAI,CAAA,EACJ,GAAI,CAAA,CACN,EACA,WAAY,CACV,KAAM,CACR,CAAA,CACF,EACA,iBAAkB,CAChB,CACE,cAAe,KACf,WAAY,GACZ,MAAO,CAAC,OAAO,CACjB,CACF,CACF,EACA,CACE,0BAA2B,EAC7B,CACF,EAEaC,EACXC,GACG,CACH,KAAM,CAAE,KAAAC,EAAM,WAAAC,CAAW,EAAIC,EAAiB,EAE9C,OACEC,EAAA,cAACR,EAAA,CACC,KAAK,KACL,cAAeK,EACf,WAAYC,EACX,GAAGF,EACN,CAEJ,EAEAD,EAAqB,YAAc"}
+{"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"}

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

@@ -1,2 +1,29 @@
-import*as e from"react";import{styled as a}from"../../../styled.js";import{Image as t}from"../../image/Image.js";import{useBannerContext as s}from"../BannerContext.js";const i=a("div",{base:["relative","overflow-hidden","w-19/50"],variants:{size:{sm:["hidden"],md:["block"]}}},{enabledResponsiveVariants:!0}),m=a(t,{base:["absolute","max-w-none","size-full","object-cover"]}),r=n=>{const{size:o}=s();return e.createElement(i,{size:o},e.createElement(m,{...n}))};r.displayName="BannerRegularImage";export{r as BannerRegularImage};
-//# sourceMappingURL=BannerRegularImage.js.map
+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";
+//#region src/components/banner/banner-regular/BannerRegularImage.tsx
+var i = e("div", {
+	base: [
+		"relative",
+		"overflow-hidden",
+		"w-19/50"
+	],
+	variants: { size: {
+		sm: ["hidden"],
+		md: ["block"]
+	} }
+}, { enabledResponsiveVariants: !0 }), a = e(t, { 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));
+};
+o.displayName = "BannerRegularImage";
+//#endregion
+export { o as BannerRegularImage };
+
+//# sourceMappingURL=BannerRegularImage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BannerRegularImage.js","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"],"names":["Container","styled","StyledImage","Image","BannerRegularImage","props","size","useBannerContext","React"],"mappings":"wKAOA,MAAMA,EAAYC,EAChB,MACA,CACE,KAAM,CAAC,WAAY,kBAAmB,SAAS,EAC/C,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,QAAQ,EACb,GAAI,CAAC,OAAO,CACd,CACF,CACF,EACA,CACE,0BAA2B,EAC7B,CACF,EAEMC,EAAcD,EAAOE,EAAO,CAChC,KAAM,CAAC,WAAY,aAAc,YAAa,cAAc,CAC9D,CAAC,EAEYC,EACXC,GACG,CACH,KAAM,CAAE,KAAAC,CAAK,EAAIC,EAEjB,EAAA,OACEC,EAAA,cAACR,EAAA,CAAU,KAAMM,CAAAA,EACfE,EAAA,cAACN,EAAA,CAAa,GAAGG,CAAAA,CAAO,CAC1B,CAEJ,EAEAD,EAAmB,YAAc"}
+{"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"}

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

@@ -1,2 +1,33 @@
-import*as a from"react";import{styled as n}from"../../../styled.js";import{Text as i}from"../../text/Text.js";import{useBannerContext as o}from"../BannerContext.js";const m=n(i,{base:["text-(--banner-text-color)"],variants:{containerSize:{sm:["mb-4"],md:["mb-6"]},hasDismiss:{true:[]}},compoundVariants:[{containerSize:"sm",hasDismiss:!0,class:["mr-10"]}]},{enabledResponsiveVariants:!0}),s=t=>{const{size:e,hasDismiss:r}=o();return a.createElement(m,{size:e,containerSize:e,hasDismiss:r,...t})};s.displayName="BannerRegularText";export{s as BannerRegularText};
-//# sourceMappingURL=BannerRegularText.js.map
+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";
+//#region src/components/banner/banner-regular/BannerRegularText.tsx
+var i = e(t, {
+	base: ["text-(--banner-text-color)"],
+	variants: {
+		containerSize: {
+			sm: ["mb-4"],
+			md: ["mb-6"]
+		},
+		hasDismiss: { true: [] }
+	},
+	compoundVariants: [{
+		containerSize: "sm",
+		hasDismiss: !0,
+		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
+	});
+};
+a.displayName = "BannerRegularText";
+//#endregion
+export { a as BannerRegularText };
+
+//# sourceMappingURL=BannerRegularText.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BannerRegularText.js","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"],"names":["StyledText","styled","Text","BannerRegularText","props","size","hasDismiss","useBannerContext","React"],"mappings":"qKAOA,MAAMA,EAAaC,EACjBC,EACA,CACE,KAAM,CAAC,4BAA4B,EACnC,SAAU,CACR,cAAe,CACb,GAAI,CAAC,MAAM,EACX,GAAI,CAAC,MAAM,CACb,EACA,WAAY,CACV,KAAM,CAAA,CACR,CACF,EACA,iBAAkB,CAChB,CACE,cAAe,KACf,WAAY,GACZ,MAAO,CAAC,OAAO,CACjB,CACF,CACF,EACA,CACE,0BAA2B,EAC7B,CACF,EAEaC,EAAqBC,GAA6C,CAC7E,KAAM,CAAE,KAAAC,EAAM,WAAAC,CAAW,EAAIC,EAAiB,EAE9C,OACEC,EAAA,cAACR,EAAA,CACC,KAAMK,EACN,cAAeA,EACf,WAAYC,EACX,GAAGF,EACN,CAEJ,EAEAD,EAAkB,YAAc"}
+{"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"}

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

@@ -1,2 +1,30 @@
-import*as m from"react";import{Banner as s}from"../Banner.js";import{BannerSlimActions as a}from"./BannerSlimActions.js";import{BannerSlimButton as l}from"./BannerSlimButton.js";import{BannerSlimContainer as p}from"./BannerSlimContainer.js";import{BannerSlimContent as B}from"./BannerSlimContent.js";import{BannerSlimDismiss as c}from"./BannerSlimDismiss.js";import{BannerSlimImage as S}from"./BannerSlimImage.js";import{BannerSlimText as f}from"./BannerSlimText.js";const e=({colorScheme:n,size:i,emphasis:o,onDismiss:r,...t})=>m.createElement(s,{size:i,emphasis:o},m.createElement(p,{colorScheme:n,onDismiss:r,...t})),h=Object.assign(e,{Content:B,Text:f,Image:S,Button:l,Dismiss:c,Actions:a});e.displayName="BannerSlim";export{h as BannerSlim};
-//# sourceMappingURL=BannerSlim.js.map
+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";
+//#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
+});
+l.displayName = "BannerSlim";
+//#endregion
+export { u as BannerSlim };
+
+//# sourceMappingURL=BannerSlim.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BannerSlim.js","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"],"names":["BannerSlimComponent","colorScheme","size","emphasis","onDismiss","rest","React","Banner","BannerSlimContainer","BannerSlim","BannerSlimContent","BannerSlimText","BannerSlimImage","BannerSlimButton","BannerSlimDismiss","BannerSlimActions"],"mappings":"mdAYA,MAAMA,EAAsB,CAAC,CAC3B,YAAAC,EACA,KAAAC,EACA,SAAAC,EACA,UAAAC,EACA,GAAGC,CACL,IAEEC,EAAA,cAACC,EAAA,CAAO,KAAML,EAAM,SAAUC,GAC5BG,EAAA,cAACE,EAAA,CACC,YAAaP,EACb,UAAWG,EACV,GAAGC,CACN,CAAA,CACF,EAGWI,EAAa,OAAO,OAAOT,EAAqB,CAC3D,QAASU,EACT,KAAMC,EACN,MAAOC,EACP,OAAQC,EACR,QAASC,EACT,QAASC,CACX,CAAC,EAEDf,EAAoB,YAAc"}
+{"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"}

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

@@ -1,2 +1,22 @@
-import*as r from"react";import{styled as i}from"../../../styled.js";import{useBannerContext as a}from"../BannerContext.js";const o=i("div",{base:["flex","gap-4"],variants:{size:{sm:["w-full"],md:["w-auto"]}}},{enabledResponsiveVariants:!0}),e=({children:n,...t})=>{const{size:s}=a();return r.createElement(o,{size:s,...t},n)};e.displayName="BannerSlimActions";export{e as BannerSlimActions};
-//# sourceMappingURL=BannerSlimActions.js.map
+import { styled as e } from "../../../styled.js";
+import { useBannerContext as t } from "../BannerContext.js";
+import * as n from "react";
+//#region src/components/banner/banner-slim/BannerSlimActions.tsx
+var r = e("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);
+};
+i.displayName = "BannerSlimActions";
+//#endregion
+export { i as BannerSlimActions };
+
+//# sourceMappingURL=BannerSlimActions.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BannerSlimActions.js","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"],"names":["StyledBannerSlimActions","styled","BannerSlimActions","children","props","size","useBannerContext","React"],"mappings":"2HAMA,MAAMA,EAA0BC,EAC9B,MACA,CACE,KAAM,CAAC,OAAQ,OAAO,EACtB,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,QAAQ,EACb,GAAI,CAAC,QAAQ,CACf,CACF,CACF,EACA,CACE,0BAA2B,EAC7B,CACF,EAEaC,EAAoB,CAAC,CAChC,SAAAC,EACA,GAAGC,CACL,IAA4D,CAC1D,KAAM,CAAE,KAAAC,CAAK,EAAIC,IACjB,OACEC,EAAA,cAACP,EAAA,CAAwB,KAAMK,EAAO,GAAGD,CACtCD,EAAAA,CACH,CAEJ,EAEAD,EAAkB,YAAc"}
+{"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"}

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

@@ -1,2 +1,21 @@
-import s from"clsx";import*as t from"react";import{overrideStyledVariantValue as l}from"../../../utilities/override-styled-variant-value/overrideStyledVariantValue.js";import{Button as p}from"../../button/Button.js";import{useBannerContext as u}from"../BannerContext.js";const m=({className:r,...o})=>{const{emphasis:a,size:e}=u(),n=t.useMemo(()=>l(e,i=>i==="sm"),[e]);return t.createElement(p,{size:"md",fullWidth:n,theme:a==="bold"?"neutral":"primary",...o,className:s("ml-auto",r)})};m.displayName="BannerSlimButton";export{m as BannerSlimButton};
-//# sourceMappingURL=BannerSlimButton.js.map
+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 r from "clsx";
+import * as i from "react";
+//#region src/components/banner/banner-slim/BannerSlimButton.tsx
+var a = ({ className: a, ...o }) => {
+	let { emphasis: s, size: c } = n(), l = i.useMemo(() => t(c, (e) => e === "sm"), [c]);
+	return /* @__PURE__ */ i.createElement(e, {
+		size: "md",
+		fullWidth: l,
+		theme: s === "bold" ? "neutral" : "primary",
+		...o,
+		className: r("ml-auto", a)
+	});
+};
+a.displayName = "BannerSlimButton";
+//#endregion
+export { a as BannerSlimButton };
+
+//# sourceMappingURL=BannerSlimButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BannerSlimButton.js","sources":["../../../../src/components/banner/banner-slim/BannerSlimButton.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport * 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 BannerSlimButton = ({\n  className,\n  ...props\n}: React.ComponentProps<typeof Button>) => {\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=\"md\"\n      fullWidth={fullWidth}\n      theme={emphasis === 'bold' ? 'neutral' : 'primary'}\n      {...props}\n      className={clsx('ml-auto', className)}\n    />\n  )\n}\n\nBannerSlimButton.displayName = 'BannerSlimButton'\n"],"names":["BannerSlimButton","className","props","emphasis","size","useBannerContext","fullWidth","React","overrideStyledVariantValue","s","Button","clsx"],"mappings":"+QAQa,MAAAA,EAAmB,CAAC,CAC/B,UAAAC,EACA,GAAGC,CACL,IAA2C,CACzC,KAAM,CAAE,SAAAC,EAAU,KAAAC,CAAK,EAAIC,IAErBC,EAAYC,EAAM,QACtB,IAAMC,EAA2BJ,EAAOK,GAAMA,IAAM,IAAI,EACxD,CAACL,CAAI,CACP,EAEA,OACEG,EAAA,cAACG,EAAA,CACC,KAAK,KACL,UAAWJ,EACX,MAAOH,IAAa,OAAS,UAAY,UACxC,GAAGD,EACJ,UAAWS,EAAK,UAAWV,CAAS,CAAA,CACtC,CAEJ,EAEAD,EAAiB,YAAc"}
+{"version":3,"file":"BannerSlimButton.js","names":[],"sources":["../../../../src/components/banner/banner-slim/BannerSlimButton.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport * 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 BannerSlimButton = ({\n  className,\n  ...props\n}: React.ComponentProps<typeof Button>) => {\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=\"md\"\n      fullWidth={fullWidth}\n      theme={emphasis === 'bold' ? 'neutral' : 'primary'}\n      {...props}\n      className={clsx('ml-auto', className)}\n    />\n  )\n}\n\nBannerSlimButton.displayName = 'BannerSlimButton'\n"],"mappings":";;;;;;AAQA,IAAa,KAAoB,EAC/B,cACA,GAAG,QACsC;CACzC,IAAM,EAAE,aAAU,YAAS,GAAkB,EAEvC,IAAY,EAAM,cAChB,EAA2B,IAAO,MAAM,MAAM,KAAK,EACzD,CAAC,EAAK,CACP;AAED,QACE,kBAAA,cAAC,GAAD;EACE,MAAK;EACM;EACX,OAAO,MAAa,SAAS,YAAY;EACzC,GAAI;EACJ,WAAW,EAAK,WAAW,EAAU;EACrC,CAAA;;AAIN,EAAiB,cAAc"}

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

@@ -1,2 +1,34 @@
-import a from"clsx";import*as r from"react";import{styled as i}from"../../../styled.js";import{BannerContainer as p}from"../BannerContainer.js";import{useBannerContext as l}from"../BannerContext.js";const f={sm:"flex-col",md:"flex-row"},d={sm:"items-start",md:"items-center"},c={sm:"flex-wrap",md:"flex-nowrap"},x=i(p,{base:["p-4"],variants:{sizeWorkaround:{sm:[],md:["px-6"]}}},{enabledResponsiveVariants:!0}),o=t=>{const{size:e}=l(),s=r.useMemo(()=>typeof e=="string"?f[e]:"flex-col md:flex-row",[e]),m=r.useMemo(()=>typeof e=="string"?d[e]:"items-start md:items-center",[e]),n=r.useMemo(()=>typeof e=="string"?c[e]:"flex-wrap md:flex-nowrap",[e]);return r.createElement(x,{sizeWorkaround:e,className:a(s,m,"gap-4",n,t.className),...t})};o.displayName="BannerSlimContainer";export{o as BannerSlimContainer};
-//# sourceMappingURL=BannerSlimContainer.js.map
+import { styled as e } from "../../../styled.js";
+import { useBannerContext as t } from "../BannerContext.js";
+import { BannerContainer as n } from "../BannerContainer.js";
+import r from "clsx";
+import * as i from "react";
+//#region src/components/banner/banner-slim/BannerSlimContainer.tsx
+var a = {
+	sm: "flex-col",
+	md: "flex-row"
+}, o = {
+	sm: "items-start",
+	md: "items-center"
+}, s = {
+	sm: "flex-wrap",
+	md: "flex-nowrap"
+}, c = e(n, {
+	base: ["p-4"],
+	variants: { sizeWorkaround: {
+		sm: [],
+		md: ["px-6"]
+	} }
+}, { enabledResponsiveVariants: !0 }), l = (e) => {
+	let { size: n } = t(), l = i.useMemo(() => typeof n == "string" ? a[n] : "flex-col md:flex-row", [n]), u = i.useMemo(() => typeof n == "string" ? o[n] : "items-start md:items-center", [n]), d = i.useMemo(() => typeof n == "string" ? s[n] : "flex-wrap md:flex-nowrap", [n]);
+	return /* @__PURE__ */ i.createElement(c, {
+		sizeWorkaround: n,
+		className: r(l, u, "gap-4", d, e.className),
+		...e
+	});
+};
+l.displayName = "BannerSlimContainer";
+//#endregion
+export { l as BannerSlimContainer };
+
+//# sourceMappingURL=BannerSlimContainer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BannerSlimContainer.js","sources":["../../../../src/components/banner/banner-slim/BannerSlimContainer.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { BannerContainer } from '../BannerContainer'\nimport { useBannerContext } from '../BannerContext'\n\nconst toDirection = {\n  sm: 'flex-col',\n  md: 'flex-row'\n}\n\nconst toAlign = {\n  sm: 'items-start',\n  md: 'items-center'\n}\n\nconst toWrap = {\n  sm: 'flex-wrap',\n  md: 'flex-nowrap'\n}\n\nconst StyledBannerSlimContainer = styled(\n  BannerContainer,\n  {\n    base: ['p-4'],\n    variants: {\n      sizeWorkaround: {\n        sm: [],\n        md: ['px-6']\n      }\n    }\n  },\n  {\n    enabledResponsiveVariants: true\n  }\n)\n\ntype TBannerSlimContainerProps = React.ComponentProps<\n  typeof StyledBannerSlimContainer\n>\n\nexport const BannerSlimContainer = (\n  props: TBannerSlimContainerProps\n): JSX.Element => {\n  const { size } = useBannerContext()\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  const align = React.useMemo(() => {\n    if (typeof size === 'string') {\n      return toAlign[size]\n    }\n    return 'items-start md:items-center'\n  }, [size])\n\n  const wrap = React.useMemo(() => {\n    if (typeof size === 'string') {\n      return toWrap[size]\n    }\n    return 'flex-wrap md:flex-nowrap'\n  }, [size])\n\n  return (\n    <StyledBannerSlimContainer\n      sizeWorkaround={size}\n      className={clsx(direction, align, 'gap-4', wrap, props.className)}\n      {...props}\n    />\n  )\n}\n\nBannerSlimContainer.displayName = 'BannerSlimContainer'\n"],"names":["toDirection","toAlign","toWrap","StyledBannerSlimContainer","styled","BannerContainer","BannerSlimContainer","props","size","useBannerContext","direction","React","align","wrap","clsx"],"mappings":"uMAQA,MAAMA,EAAc,CAClB,GAAI,WACJ,GAAI,UACN,EAEMC,EAAU,CACd,GAAI,cACJ,GAAI,cACN,EAEMC,EAAS,CACb,GAAI,YACJ,GAAI,aACN,EAEMC,EAA4BC,EAChCC,EACA,CACE,KAAM,CAAC,KAAK,EACZ,SAAU,CACR,eAAgB,CACd,GAAI,CAAA,EACJ,GAAI,CAAC,MAAM,CACb,CACF,CACF,EACA,CACE,0BAA2B,EAC7B,CACF,EAMaC,EACXC,GACgB,CAChB,KAAM,CAAE,KAAAC,CAAK,EAAIC,EAAiB,EAE5BC,EAAYC,EAAM,QAAQ,IAC1B,OAAOH,GAAS,SACXR,EAAYQ,CAAI,EAElB,uBACN,CAACA,CAAI,CAAC,EAEHI,EAAQD,EAAM,QAAQ,IACtB,OAAOH,GAAS,SACXP,EAAQO,CAAI,EAEd,8BACN,CAACA,CAAI,CAAC,EAEHK,EAAOF,EAAM,QAAQ,IACrB,OAAOH,GAAS,SACXN,EAAOM,CAAI,EAEb,2BACN,CAACA,CAAI,CAAC,EAET,OACEG,EAAA,cAACR,EAAA,CACC,eAAgBK,EAChB,UAAWM,EAAKJ,EAAWE,EAAO,QAASC,EAAMN,EAAM,SAAS,EAC/D,GAAGA,CAAAA,CACN,CAEJ,EAEAD,EAAoB,YAAc"}
+{"version":3,"file":"BannerSlimContainer.js","names":[],"sources":["../../../../src/components/banner/banner-slim/BannerSlimContainer.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { BannerContainer } from '../BannerContainer'\nimport { useBannerContext } from '../BannerContext'\n\nconst toDirection = {\n  sm: 'flex-col',\n  md: 'flex-row'\n}\n\nconst toAlign = {\n  sm: 'items-start',\n  md: 'items-center'\n}\n\nconst toWrap = {\n  sm: 'flex-wrap',\n  md: 'flex-nowrap'\n}\n\nconst StyledBannerSlimContainer = styled(\n  BannerContainer,\n  {\n    base: ['p-4'],\n    variants: {\n      sizeWorkaround: {\n        sm: [],\n        md: ['px-6']\n      }\n    }\n  },\n  {\n    enabledResponsiveVariants: true\n  }\n)\n\ntype TBannerSlimContainerProps = React.ComponentProps<\n  typeof StyledBannerSlimContainer\n>\n\nexport const BannerSlimContainer = (\n  props: TBannerSlimContainerProps\n): JSX.Element => {\n  const { size } = useBannerContext()\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  const align = React.useMemo(() => {\n    if (typeof size === 'string') {\n      return toAlign[size]\n    }\n    return 'items-start md:items-center'\n  }, [size])\n\n  const wrap = React.useMemo(() => {\n    if (typeof size === 'string') {\n      return toWrap[size]\n    }\n    return 'flex-wrap md:flex-nowrap'\n  }, [size])\n\n  return (\n    <StyledBannerSlimContainer\n      sizeWorkaround={size}\n      className={clsx(direction, align, 'gap-4', wrap, props.className)}\n      {...props}\n    />\n  )\n}\n\nBannerSlimContainer.displayName = 'BannerSlimContainer'\n"],"mappings":";;;;;;AAQA,IAAM,IAAc;CAClB,IAAI;CACJ,IAAI;CACL,EAEK,IAAU;CACd,IAAI;CACJ,IAAI;CACL,EAEK,IAAS;CACb,IAAI;CACJ,IAAI;CACL,EAEK,IAA4B,EAChC,GACA;CACE,MAAM,CAAC,MAAM;CACb,UAAU,EACR,gBAAgB;EACd,IAAI,EAAE;EACN,IAAI,CAAC,OAAO;EACb,EACF;CACF,EACD,EACE,2BAA2B,IAC5B,CACF,EAMY,KACX,MACgB;CAChB,IAAM,EAAE,YAAS,GAAkB,EAE7B,IAAY,EAAM,cAClB,OAAO,KAAS,WACX,EAAY,KAEd,wBACN,CAAC,EAAK,CAAC,EAEJ,IAAQ,EAAM,cACd,OAAO,KAAS,WACX,EAAQ,KAEV,+BACN,CAAC,EAAK,CAAC,EAEJ,IAAO,EAAM,cACb,OAAO,KAAS,WACX,EAAO,KAET,4BACN,CAAC,EAAK,CAAC;AAEV,QACE,kBAAA,cAAC,GAAD;EACE,gBAAgB;EAChB,WAAW,EAAK,GAAW,GAAO,SAAS,GAAM,EAAM,UAAU;EACjE,GAAI;EACJ,CAAA;;AAIN,EAAoB,cAAc"}

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

@@ -1,2 +1,13 @@
-import{styled as n}from"../../../styled.js";const e=n("div",{base:["w-full","flex","items-center","gap-4"]});e.displayName="BannerSlimContent";export{e as BannerSlimContent};
-//# sourceMappingURL=BannerSlimContent.js.map
+import { styled as e } from "../../../styled.js";
+//#region src/components/banner/banner-slim/BannerSlimContent.tsx
+var t = e("div", { base: [
+	"w-full",
+	"flex",
+	"items-center",
+	"gap-4"
+] });
+t.displayName = "BannerSlimContent";
+//#endregion
+export { t as BannerSlimContent };
+
+//# sourceMappingURL=BannerSlimContent.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BannerSlimContent.js","sources":["../../../../src/components/banner/banner-slim/BannerSlimContent.tsx"],"sourcesContent":["import { styled } from '~/styled'\n\nexport const BannerSlimContent = styled('div', {\n  base: ['w-full', 'flex', 'items-center', 'gap-4']\n})\n\nBannerSlimContent.displayName = 'BannerSlimContent'\n"],"names":["BannerSlimContent","styled"],"mappings":"kDAEaA,EAAoBC,EAAO,MAAO,CAC7C,KAAM,CAAC,SAAU,OAAQ,eAAgB,OAAO,CAClD,CAAC,EAEDD,EAAkB,YAAc"}
+{"version":3,"file":"BannerSlimContent.js","names":[],"sources":["../../../../src/components/banner/banner-slim/BannerSlimContent.tsx"],"sourcesContent":["import { styled } from '~/styled'\n\nexport const BannerSlimContent = styled('div', {\n  base: ['w-full', 'flex', 'items-center', 'gap-4']\n})\n\nBannerSlimContent.displayName = 'BannerSlimContent'\n"],"mappings":";;AAEA,IAAa,IAAoB,EAAO,OAAO,EAC7C,MAAM;CAAC;CAAU;CAAQ;CAAgB;CAAQ,EAClD,CAAC;AAEF,EAAkB,cAAc"}

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

@@ -1,2 +1,41 @@
-import{Close as a}from"@atom-learning/icons";import*as e from"react";import{styled as n}from"../../../styled.js";import{ActionIcon as l}from"../../action-icon/ActionIcon.js";import{Icon as p}from"../../icon/Icon.js";import{Banner as c}from"../Banner.js";import{useBannerContext as d}from"../BannerContext.js";const f=n(l,{base:[],variants:{emphasis:{bold:["text-white!"]},containerSize:{sm:["absolute","right-4","top-4"],md:["static"]}}},{enabledResponsiveVariants:!0}),i=({label:t="dismiss",...m})=>{const{size:o,setHasDismiss:s,emphasis:r}=d();return e.useEffect(()=>(s(!0),()=>{s(!1)}),[s]),e.createElement(c.Dismiss,{asChild:!0},e.createElement(f,{label:t,size:"md",hasTooltip:!1,isRounded:!0,theme:"neutral",containerSize:o,emphasis:r,...m},e.createElement(p,{is:a})))};i.displayName="BannerSlimDismiss";export{i as BannerSlimDismiss};
-//# sourceMappingURL=BannerSlimDismiss.js.map
+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 { useBannerContext as r } from "../BannerContext.js";
+import { Banner as i } from "../Banner.js";
+import * as a from "react";
+import { Close as o } from "@atom-learning/icons";
+//#region src/components/banner/banner-slim/BannerSlimDismiss.tsx
+var s = e(n, {
+	base: [],
+	variants: {
+		emphasis: { bold: ["text-white!"] },
+		containerSize: {
+			sm: [
+				"absolute",
+				"right-4",
+				"top-4"
+			],
+			md: ["static"]
+		}
+	}
+}, { enabledResponsiveVariants: !0 }), c = ({ label: e = "dismiss", ...n }) => {
+	let { size: c, setHasDismiss: l, emphasis: u } = r();
+	return a.useEffect(() => (l(!0), () => {
+		l(!1);
+	}), [l]), /* @__PURE__ */ a.createElement(i.Dismiss, { asChild: !0 }, /* @__PURE__ */ a.createElement(s, {
+		label: e,
+		size: "md",
+		hasTooltip: !1,
+		isRounded: !0,
+		theme: "neutral",
+		containerSize: c,
+		emphasis: u,
+		...n
+	}, /* @__PURE__ */ a.createElement(t, { is: o })));
+};
+c.displayName = "BannerSlimDismiss";
+//#endregion
+export { c as BannerSlimDismiss };
+
+//# sourceMappingURL=BannerSlimDismiss.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BannerSlimDismiss.js","sources":["../../../../src/components/banner/banner-slim/BannerSlimDismiss.tsx"],"sourcesContent":["import { Close } from '@atom-learning/icons'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { ActionIcon } from '../../action-icon/ActionIcon'\nimport { Icon } from '../../icon/Icon'\nimport { Banner } from '../Banner'\nimport { useBannerContext } from '../BannerContext'\n\nconst StyledDismiss = styled(\n  ActionIcon,\n  {\n    base: [],\n    variants: {\n      emphasis: {\n        bold: ['text-white!']\n      },\n      containerSize: {\n        sm: ['absolute', 'right-4', 'top-4'],\n        md: ['static']\n      }\n    }\n  },\n  {\n    enabledResponsiveVariants: true\n  }\n)\n\ntype TBannerSlimDismissProps = Omit<\n  React.ComponentProps<typeof StyledDismiss>,\n  'children' | 'onClick' | 'href'\n>\n\nexport const BannerSlimDismiss = ({\n  label = 'dismiss',\n  ...rest\n}: TBannerSlimDismissProps): JSX.Element => {\n  const { size, setHasDismiss, emphasis } = useBannerContext()\n\n  React.useEffect(() => {\n    setHasDismiss(true)\n    return () => {\n      setHasDismiss(false)\n    }\n  }, [setHasDismiss])\n\n  return (\n    <Banner.Dismiss asChild>\n      <StyledDismiss\n        label={label}\n        size=\"md\"\n        hasTooltip={false}\n        isRounded\n        theme=\"neutral\"\n        containerSize={size}\n        emphasis={emphasis as TBannerSlimDismissProps['emphasis']}\n        {...rest}\n      >\n        <Icon is={Close} />\n      </StyledDismiss>\n    </Banner.Dismiss>\n  )\n}\n\nBannerSlimDismiss.displayName = 'BannerSlimDismiss'\n"],"names":["StyledDismiss","styled","ActionIcon","BannerSlimDismiss","label","rest","size","setHasDismiss","emphasis","useBannerContext","React","Banner","Icon","Close"],"mappings":"qTAUA,MAAMA,EAAgBC,EACpBC,EACA,CACE,KAAM,CAAA,EACN,SAAU,CACR,SAAU,CACR,KAAM,CAAC,aAAa,CACtB,EACA,cAAe,CACb,GAAI,CAAC,WAAY,UAAW,OAAO,EACnC,GAAI,CAAC,QAAQ,CACf,CACF,CACF,EACA,CACE,0BAA2B,EAC7B,CACF,EAOaC,EAAoB,CAAC,CAChC,MAAAC,EAAQ,UACR,GAAGC,CACL,IAA4C,CAC1C,KAAM,CAAE,KAAAC,EAAM,cAAAC,EAAe,SAAAC,CAAS,EAAIC,EAAiB,EAE3D,OAAAC,EAAM,UAAU,KACdH,EAAc,EAAI,EACX,IAAM,CACXA,EAAc,EAAK,CACrB,GACC,CAACA,CAAa,CAAC,EAGhBG,EAAA,cAACC,EAAO,QAAP,CAAe,QAAO,EACrBD,EAAAA,EAAA,cAACV,EAAA,CACC,MAAOI,EACP,KAAK,KACL,WAAY,GACZ,UAAS,GACT,MAAM,UACN,cAAeE,EACf,SAAUE,EACT,GAAGH,CAEJK,EAAAA,EAAA,cAACE,EAAA,CAAK,GAAIC,CAAAA,CAAO,CACnB,CACF,CAEJ,EAEAV,EAAkB,YAAc"}
+{"version":3,"file":"BannerSlimDismiss.js","names":[],"sources":["../../../../src/components/banner/banner-slim/BannerSlimDismiss.tsx"],"sourcesContent":["import { Close } from '@atom-learning/icons'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { ActionIcon } from '../../action-icon/ActionIcon'\nimport { Icon } from '../../icon/Icon'\nimport { Banner } from '../Banner'\nimport { useBannerContext } from '../BannerContext'\n\nconst StyledDismiss = styled(\n  ActionIcon,\n  {\n    base: [],\n    variants: {\n      emphasis: {\n        bold: ['text-white!']\n      },\n      containerSize: {\n        sm: ['absolute', 'right-4', 'top-4'],\n        md: ['static']\n      }\n    }\n  },\n  {\n    enabledResponsiveVariants: true\n  }\n)\n\ntype TBannerSlimDismissProps = Omit<\n  React.ComponentProps<typeof StyledDismiss>,\n  'children' | 'onClick' | 'href'\n>\n\nexport const BannerSlimDismiss = ({\n  label = 'dismiss',\n  ...rest\n}: TBannerSlimDismissProps): JSX.Element => {\n  const { size, setHasDismiss, emphasis } = useBannerContext()\n\n  React.useEffect(() => {\n    setHasDismiss(true)\n    return () => {\n      setHasDismiss(false)\n    }\n  }, [setHasDismiss])\n\n  return (\n    <Banner.Dismiss asChild>\n      <StyledDismiss\n        label={label}\n        size=\"md\"\n        hasTooltip={false}\n        isRounded\n        theme=\"neutral\"\n        containerSize={size}\n        emphasis={emphasis as TBannerSlimDismissProps['emphasis']}\n        {...rest}\n      >\n        <Icon is={Close} />\n      </StyledDismiss>\n    </Banner.Dismiss>\n  )\n}\n\nBannerSlimDismiss.displayName = 'BannerSlimDismiss'\n"],"mappings":";;;;;;;;AAUA,IAAM,IAAgB,EACpB,GACA;CACE,MAAM,EAAE;CACR,UAAU;EACR,UAAU,EACR,MAAM,CAAC,cAAc,EACtB;EACD,eAAe;GACb,IAAI;IAAC;IAAY;IAAW;IAAQ;GACpC,IAAI,CAAC,SAAS;GACf;EACF;CACF,EACD,EACE,2BAA2B,IAC5B,CACF,EAOY,KAAqB,EAChC,WAAQ,WACR,GAAG,QACuC;CAC1C,IAAM,EAAE,SAAM,kBAAe,gBAAa,GAAkB;AAS5D,QAPA,EAAM,iBACJ,EAAc,GAAK,QACN;AACX,IAAc,GAAM;KAErB,CAAC,EAAc,CAAC,EAGjB,kBAAA,cAAC,EAAO,SAAR,EAAgB,SAAA,IAaC,EAZf,kBAAA,cAAC,GAAD;EACS;EACP,MAAK;EACL,YAAY;EACZ,WAAA;EACA,OAAM;EACN,eAAe;EACL;EACV,GAAI;EAGU,EADd,kBAAA,cAAC,GAAD,EAAM,IAAI,GAAS,CAAA,CACL,CACD;;AAIrB,EAAkB,cAAc"}