@atom-learning/components 6.4.1 → 6.5.0

package/dist/_virtual/_rolldown/runtime.js

@@ -0,0 +1,11 @@
+//#region \0rolldown/runtime.js
+var e = Object.defineProperty, t = (t, n) => {
+	let r = {};
+	for (var i in t) e(r, i, {
+		get: t[i],
+		enumerable: !0
+	});
+	return n || e(r, Symbol.toStringTag, { value: "Module" }), r;
+};
+//#endregion
+export { t as __exportAll };

package/dist/components/accordion/Accordion.js

@@ -1,2 +1,18 @@
-import{Root as n}from"@radix-ui/react-accordion";import f from"clsx";import r from"react";import{AccordionContent as p}from"./AccordionContent.js";import{AccordionItem as a}from"./AccordionItem.js";import{AccordionTrigger as d}from"./AccordionTrigger.js";const o=r.forwardRef(({type:e="single",className:t,children:m,...i},c)=>r.createElement(n,{ref:c,type:e,className:f("w-full",t),...i},m));o.Item=a,o.Content=p,o.Trigger=d,o.displayName="Accordion";export{o as Accordion};
-//# sourceMappingURL=Accordion.js.map
+import { AccordionContent as e } from "./AccordionContent.js";
+import { AccordionItem as t } from "./AccordionItem.js";
+import { AccordionTrigger as n } from "./AccordionTrigger.js";
+import { Root as r } from "@radix-ui/react-accordion";
+import i from "clsx";
+import a from "react";
+//#region src/components/accordion/Accordion.tsx
+var o = a.forwardRef(({ type: e = "single", className: t, children: n, ...o }, s) => /* @__PURE__ */ a.createElement(r, {
+	ref: s,
+	type: e,
+	className: i("w-full", t),
+	...o
+}, n));
+o.Item = t, o.Content = e, o.Trigger = n, o.displayName = "Accordion";
+//#endregion
+export { o as Accordion };
+
+//# sourceMappingURL=Accordion.js.map

package/dist/components/accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sources":["../../../src/components/accordion/Accordion.tsx"],"sourcesContent":["import { Root } from '@radix-ui/react-accordion'\nimport clsx from 'clsx'\nimport React from 'react'\n\nimport { AccordionContent } from './AccordionContent'\nimport { AccordionItem } from './AccordionItem'\nimport { AccordionTrigger } from './AccordionTrigger'\n\ntype AccordionProps = React.ComponentProps<typeof Root> & {\n  type: 'single' | 'multiple'\n}\n\ntype AccordionType = ReturnType<\n  typeof React.forwardRef<HTMLDivElement, AccordionProps>\n> & {\n  Item: typeof AccordionItem\n  Content: typeof AccordionContent\n  Trigger: typeof AccordionTrigger\n}\n\nexport const Accordion = React.forwardRef<HTMLDivElement, AccordionProps>(\n  ({ type = 'single', className, children, ...remainingProps }, ref) => (\n    // eslint-disable-next-line\n    // @ts-ignore TODO: Radix has an TS error that throws a warning if you pass multiple in. Needs to be fixed by the owner\n    <Root\n      ref={ref}\n      type={type}\n      className={clsx('w-full', className)}\n      {...remainingProps}\n    >\n      {children}\n    </Root>\n  )\n) as AccordionType\n\nAccordion.Item = AccordionItem\nAccordion.Content = AccordionContent\nAccordion.Trigger = AccordionTrigger\n\nAccordion.displayName = 'Accordion'\n"],"names":["Accordion","React","type","className","children","remainingProps","ref","Root","clsx","AccordionItem","AccordionContent","AccordionTrigger"],"mappings":"qQAoBaA,EAAYC,EAAM,WAC7B,CAAC,CAAE,KAAAC,EAAO,SAAU,UAAAC,EAAW,SAAAC,EAAU,GAAGC,CAAe,EAAGC,IAG5DL,EAAA,cAACM,EAAA,CACC,IAAKD,EACL,KAAMJ,EACN,UAAWM,EAAK,SAAUL,CAAS,EAClC,GAAGE,CAEHD,EAAAA,CACH,CAEJ,EAEAJ,EAAU,KAAOS,EACjBT,EAAU,QAAUU,EACpBV,EAAU,QAAUW,EAEpBX,EAAU,YAAc"}
+{"version":3,"file":"Accordion.js","names":[],"sources":["../../../src/components/accordion/Accordion.tsx"],"sourcesContent":["import { Root } from '@radix-ui/react-accordion'\nimport clsx from 'clsx'\nimport React from 'react'\n\nimport { AccordionContent } from './AccordionContent'\nimport { AccordionItem } from './AccordionItem'\nimport { AccordionTrigger } from './AccordionTrigger'\n\ntype AccordionProps = React.ComponentProps<typeof Root> & {\n  type: 'single' | 'multiple'\n}\n\ntype AccordionType = ReturnType<\n  typeof React.forwardRef<HTMLDivElement, AccordionProps>\n> & {\n  Item: typeof AccordionItem\n  Content: typeof AccordionContent\n  Trigger: typeof AccordionTrigger\n}\n\nexport const Accordion = React.forwardRef<HTMLDivElement, AccordionProps>(\n  ({ type = 'single', className, children, ...remainingProps }, ref) => (\n    // eslint-disable-next-line\n    // @ts-ignore TODO: Radix has an TS error that throws a warning if you pass multiple in. Needs to be fixed by the owner\n    <Root\n      ref={ref}\n      type={type}\n      className={clsx('w-full', className)}\n      {...remainingProps}\n    >\n      {children}\n    </Root>\n  )\n) as AccordionType\n\nAccordion.Item = AccordionItem\nAccordion.Content = AccordionContent\nAccordion.Trigger = AccordionTrigger\n\nAccordion.displayName = 'Accordion'\n"],"mappings":";;;;;;;AAoBA,IAAa,IAAY,EAAM,YAC5B,EAAE,UAAO,UAAU,cAAW,aAAU,GAAG,KAAkB,MAG5D,kBAAA,cAAC,GAAD;CACO;CACC;CACN,WAAW,EAAK,UAAU,EAAU;CACpC,GAAI;CAGC,EADJ,EACI,CAEV;AAED,EAAU,OAAO,GACjB,EAAU,UAAU,GACpB,EAAU,UAAU,GAEpB,EAAU,cAAc"}

package/dist/components/accordion/AccordionContent.js

@@ -1,2 +1,18 @@
-import{Content as n}from"@radix-ui/react-accordion";import e from"react";import{styled as r}from"../../styled.js";import{CSSWrapper as s}from"../../utilities/css-wrapper/CSSWrapper.js";const d=r(n,{base:["w-full","bg-(--base-1)","overflow-hidden","data-[state=open]:rounded-b-sm","data-[state=open]:rounded-t-none","motion-safe:data-[state=open]:animate-accordion-open","motion-safe:data-[state=closed]:animate-accordion-close"]}),m=({children:o,className:t,...a})=>e.createElement(d,{...a},e.createElement(s,{className:t},o));export{m as AccordionContent};
-//# sourceMappingURL=AccordionContent.js.map
+import { styled as e } from "../../styled.js";
+import { CSSWrapper as t } from "../../utilities/css-wrapper/CSSWrapper.js";
+import { Content as n } from "@radix-ui/react-accordion";
+import r from "react";
+//#region src/components/accordion/AccordionContent.tsx
+var i = e(n, { base: [
+	"w-full",
+	"bg-(--base-1)",
+	"overflow-hidden",
+	"data-[state=open]:rounded-b-sm",
+	"data-[state=open]:rounded-t-none",
+	"motion-safe:data-[state=open]:animate-accordion-open",
+	"motion-safe:data-[state=closed]:animate-accordion-close"
+] }), a = ({ children: e, className: n, ...a }) => /* @__PURE__ */ r.createElement(i, a, /* @__PURE__ */ r.createElement(t, { className: n }, e));
+//#endregion
+export { a as AccordionContent };
+
+//# sourceMappingURL=AccordionContent.js.map

package/dist/components/accordion/AccordionContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionContent.js","sources":["../../../src/components/accordion/AccordionContent.tsx"],"sourcesContent":["import { Content } from '@radix-ui/react-accordion'\nimport React from 'react'\n\nimport { styled } from '~/styled'\nimport { CSSWrapper } from '~/utilities/css-wrapper/CSSWrapper'\n\nconst StyledContent = styled(Content, {\n  base: [\n    'w-full',\n    'bg-(--base-1)',\n    'overflow-hidden',\n    'data-[state=open]:rounded-b-sm',\n    'data-[state=open]:rounded-t-none',\n    'motion-safe:data-[state=open]:animate-accordion-open',\n    'motion-safe:data-[state=closed]:animate-accordion-close'\n  ]\n})\n\nexport const AccordionContent = ({\n  children,\n  className,\n  ...remainingProps\n}: React.ComponentProps<typeof StyledContent>) => (\n  <StyledContent {...remainingProps}>\n    <CSSWrapper className={className}>{children}</CSSWrapper>\n  </StyledContent>\n)\n"],"names":["StyledContent","styled","Content","AccordionContent","children","className","remainingProps","React","CSSWrapper"],"mappings":"yLAMA,MAAMA,EAAgBC,EAAOC,EAAS,CACpC,KAAM,CACJ,SACA,gBACA,kBACA,iCACA,mCACA,uDACA,yDACF,CACF,CAAC,EAEYC,EAAmB,CAAC,CAC/B,SAAAC,EACA,UAAAC,EACA,GAAGC,CACL,IACEC,EAAA,cAACP,EAAA,CAAe,GAAGM,CACjBC,EAAAA,EAAA,cAACC,EAAA,CAAW,UAAWH,CAAYD,EAAAA,CAAS,CAC9C"}
+{"version":3,"file":"AccordionContent.js","names":[],"sources":["../../../src/components/accordion/AccordionContent.tsx"],"sourcesContent":["import { Content } from '@radix-ui/react-accordion'\nimport React from 'react'\n\nimport { styled } from '~/styled'\nimport { CSSWrapper } from '~/utilities/css-wrapper/CSSWrapper'\n\nconst StyledContent = styled(Content, {\n  base: [\n    'w-full',\n    'bg-(--base-1)',\n    'overflow-hidden',\n    'data-[state=open]:rounded-b-sm',\n    'data-[state=open]:rounded-t-none',\n    'motion-safe:data-[state=open]:animate-accordion-open',\n    'motion-safe:data-[state=closed]:animate-accordion-close'\n  ]\n})\n\nexport const AccordionContent = ({\n  children,\n  className,\n  ...remainingProps\n}: React.ComponentProps<typeof StyledContent>) => (\n  <StyledContent {...remainingProps}>\n    <CSSWrapper className={className}>{children}</CSSWrapper>\n  </StyledContent>\n)\n"],"mappings":";;;;;AAMA,IAAM,IAAgB,EAAO,GAAS,EACpC,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACF,CAAC,EAEW,KAAoB,EAC/B,aACA,cACA,GAAG,QAEH,kBAAA,cAAC,GAAkB,GACjB,kBAAA,cAAC,GAAD,EAAuB,cAAkC,EAAtB,EAAsB,CAC3C"}

package/dist/components/accordion/AccordionItem.js

@@ -1,2 +1,8 @@
-import{Item as o}from"@radix-ui/react-accordion";import{styled as t}from"../../styled.js";const m=t(o,{base:["w-full","not-last:mb-1"]});export{m as AccordionItem};
-//# sourceMappingURL=AccordionItem.js.map
+import { styled as e } from "../../styled.js";
+import { Item as t } from "@radix-ui/react-accordion";
+//#region src/components/accordion/AccordionItem.tsx
+var n = e(t, { base: ["w-full", "not-last:mb-1"] });
+//#endregion
+export { n as AccordionItem };
+
+//# sourceMappingURL=AccordionItem.js.map

package/dist/components/accordion/AccordionItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.js","sources":["../../../src/components/accordion/AccordionItem.tsx"],"sourcesContent":["import { Item } from '@radix-ui/react-accordion'\nimport React from 'react'\n\nimport { styled } from '~/styled'\n\nexport const AccordionItem = styled(Item, {\n  base: ['w-full', 'not-last:mb-1']\n})\n"],"names":["AccordionItem","styled","Item"],"mappings":"0FAKO,MAAMA,EAAgBC,EAAOC,EAAM,CACxC,KAAM,CAAC,SAAU,eAAe,CAClC,CAAC"}
+{"version":3,"file":"AccordionItem.js","names":[],"sources":["../../../src/components/accordion/AccordionItem.tsx"],"sourcesContent":["import { Item } from '@radix-ui/react-accordion'\nimport React from 'react'\n\nimport { styled } from '~/styled'\n\nexport const AccordionItem = styled(Item, {\n  base: ['w-full', 'not-last:mb-1']\n})\n"],"mappings":";;;AAKA,IAAa,IAAgB,EAAO,GAAM,EACxC,MAAM,CAAC,UAAU,gBAAgB,EAClC,CAAC"}

package/dist/components/accordion/AccordionTrigger.js

@@ -1,2 +1,62 @@
-import{ChevronDown as s}from"@atom-learning/icons";import{Trigger as d}from"@radix-ui/react-accordion";import e from"react";import{ColorScheme as l}from"../../experiments/color-scheme/ColorScheme.js";import{styled as i}from"../../styled.js";import{Icon as c}from"../icon/Icon.js";const b=i(c,{base:["transition-transform","duration-300","[[data-state=open]>&]:rotate-180","[[data-state=closed]>&]:rotate-0"]}),p=i(d,{base:["py-3","px-4","w-full","flex","justify-between","items-center","cursor-pointer","bg-(--interactive-2)","text-(--interactive-foreground)","disabled:cursor-not-allowed","disabled:opacity-30","not-disabled:active:bg-(--interactive-3)","not-disabled:focus-visible:bg-(--interactive-3)","not-disabled:focus-visible:outline-none","not-disabled:focus-visible:relative","not-disabled:focus-visible:shadow-[var(--color-primary-800)_0px_0px_0px_4px]","not-disabled:focus-visible:shadow-[white_0px_0px_0px_2px]","not-disabled:focus-visible:z-1","not-disabled:hover:bg-(--interactive-3)","data-[state=open]:rounded-b-none","data-[state=open]:rounded-t-sm","data-[state=closed]:rounded-sm"],variants:{arrowPosition:{left:["flex-row-reverse","gap-2","justify-end"],right:[]}}}),m=({children:t,colorScheme:r={},asChild:o,arrowPosition:a="right",...n})=>e.createElement(l,{asChild:!0,accent:"grey1",interactive:"loContrast",...r},e.createElement(p,{asChild:o,arrowPosition:a,...n},o?t:e.createElement(e.Fragment,null,t,e.createElement(b,{is:s,"data-testid":"accordion-chevron"}))));export{m as AccordionTrigger};
-//# sourceMappingURL=AccordionTrigger.js.map
+import { styled as e } from "../../styled.js";
+import { ColorScheme as t } from "../../experiments/color-scheme/ColorScheme.js";
+import { Icon as n } from "../icon/Icon.js";
+import { Trigger as r } from "@radix-ui/react-accordion";
+import i from "react";
+import { ChevronDown as a } from "@atom-learning/icons";
+//#region src/components/accordion/AccordionTrigger.tsx
+var o = e(n, { base: [
+	"transition-transform",
+	"duration-300",
+	"[[data-state=open]>&]:rotate-180",
+	"[[data-state=closed]>&]:rotate-0"
+] }), s = e(r, {
+	base: [
+		"py-3",
+		"px-4",
+		"w-full",
+		"flex",
+		"justify-between",
+		"items-center",
+		"cursor-pointer",
+		"bg-(--interactive-2)",
+		"text-(--interactive-foreground)",
+		"disabled:cursor-not-allowed",
+		"disabled:opacity-30",
+		"not-disabled:active:bg-(--interactive-3)",
+		"not-disabled:focus-visible:bg-(--interactive-3)",
+		"not-disabled:focus-visible:outline-none",
+		"not-disabled:focus-visible:relative",
+		"not-disabled:focus-visible:shadow-[var(--color-primary-800)_0px_0px_0px_4px]",
+		"not-disabled:focus-visible:shadow-[white_0px_0px_0px_2px]",
+		"not-disabled:focus-visible:z-1",
+		"not-disabled:hover:bg-(--interactive-3)",
+		"data-[state=open]:rounded-b-none",
+		"data-[state=open]:rounded-t-sm",
+		"data-[state=closed]:rounded-sm"
+	],
+	variants: { arrowPosition: {
+		left: [
+			"flex-row-reverse",
+			"gap-2",
+			"justify-end"
+		],
+		right: []
+	} }
+}), c = ({ children: e, colorScheme: n = {}, asChild: r, arrowPosition: c = "right", ...l }) => /* @__PURE__ */ i.createElement(t, {
+	asChild: !0,
+	accent: "grey1",
+	interactive: "loContrast",
+	...n
+}, /* @__PURE__ */ i.createElement(s, {
+	asChild: r,
+	arrowPosition: c,
+	...l
+}, r ? e : /* @__PURE__ */ i.createElement(i.Fragment, null, e, /* @__PURE__ */ i.createElement(o, {
+	is: a,
+	"data-testid": "accordion-chevron"
+}))));
+//#endregion
+export { c as AccordionTrigger };
+
+//# sourceMappingURL=AccordionTrigger.js.map

package/dist/components/accordion/AccordionTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionTrigger.js","sources":["../../../src/components/accordion/AccordionTrigger.tsx"],"sourcesContent":["import { ChevronDown } from '@atom-learning/icons'\nimport { Trigger } from '@radix-ui/react-accordion'\nimport React from 'react'\n\nimport {\n  ColorScheme,\n  TcolorScheme\n} from '~/experiments/color-scheme/ColorScheme'\nimport { styled } from '~/styled'\n\nimport { Icon } from '../icon/Icon'\n\nconst RotatingIcon = styled(Icon, {\n  base: [\n    'transition-transform',\n    'duration-300',\n    '[[data-state=open]>&]:rotate-180',\n    '[[data-state=closed]>&]:rotate-0'\n  ]\n})\n\nconst StyledTrigger = styled(Trigger, {\n  base: [\n    'py-3',\n    'px-4',\n    'w-full',\n    'flex',\n    'justify-between',\n    'items-center',\n    'cursor-pointer',\n    'bg-(--interactive-2)',\n    'text-(--interactive-foreground)',\n    'disabled:cursor-not-allowed',\n    'disabled:opacity-30',\n    'not-disabled:active:bg-(--interactive-3)',\n    'not-disabled:focus-visible:bg-(--interactive-3)',\n    'not-disabled:focus-visible:outline-none',\n    'not-disabled:focus-visible:relative',\n    'not-disabled:focus-visible:shadow-[var(--color-primary-800)_0px_0px_0px_4px]',\n    'not-disabled:focus-visible:shadow-[white_0px_0px_0px_2px]',\n    'not-disabled:focus-visible:z-1',\n    'not-disabled:hover:bg-(--interactive-3)',\n    'data-[state=open]:rounded-b-none',\n    'data-[state=open]:rounded-t-sm',\n    'data-[state=closed]:rounded-sm'\n  ],\n  variants: {\n    arrowPosition: {\n      left: ['flex-row-reverse', 'gap-2', 'justify-end'],\n      right: []\n    }\n  }\n})\n\nexport const AccordionTrigger = ({\n  children,\n  colorScheme = {},\n  asChild,\n  arrowPosition = 'right',\n  ...remainingProps\n}: React.ComponentProps<typeof StyledTrigger> & {\n  colorScheme?: TcolorScheme\n}) => (\n  <ColorScheme asChild accent=\"grey1\" interactive=\"loContrast\" {...colorScheme}>\n    <StyledTrigger\n      asChild={asChild}\n      arrowPosition={arrowPosition}\n      {...remainingProps}\n    >\n      {asChild ? (\n        children\n      ) : (\n        <>\n          {children}\n          <RotatingIcon is={ChevronDown} data-testid=\"accordion-chevron\" />\n        </>\n      )}\n    </StyledTrigger>\n  </ColorScheme>\n)\n"],"names":["RotatingIcon","styled","Icon","StyledTrigger","Trigger","AccordionTrigger","children","colorScheme","asChild","arrowPosition","remainingProps","React","ColorScheme","ChevronDown"],"mappings":"wRAYA,MAAMA,EAAeC,EAAOC,EAAM,CAChC,KAAM,CACJ,uBACA,eACA,mCACA,kCACF,CACF,CAAC,EAEKC,EAAgBF,EAAOG,EAAS,CACpC,KAAM,CACJ,OACA,OACA,SACA,OACA,kBACA,eACA,iBACA,uBACA,kCACA,8BACA,sBACA,2CACA,kDACA,0CACA,sCACA,+EACA,4DACA,iCACA,0CACA,mCACA,iCACA,gCACF,EACA,SAAU,CACR,cAAe,CACb,KAAM,CAAC,mBAAoB,QAAS,aAAa,EACjD,MAAO,CAAA,CACT,CACF,CACF,CAAC,EAEYC,EAAmB,CAAC,CAC/B,SAAAC,EACA,YAAAC,EAAc,CACd,EAAA,QAAAC,EACA,cAAAC,EAAgB,QAChB,GAAGC,CACL,IAGEC,EAAA,cAACC,EAAA,CAAY,QAAO,GAAC,OAAO,QAAQ,YAAY,aAAc,GAAGL,GAC/DI,EAAA,cAACR,EAAA,CACC,QAASK,EACT,cAAeC,EACd,GAAGC,CAEHF,EAAAA,EACCF,EAEAK,EAAA,cAAAA,EAAA,SACGL,KAAAA,EACDK,EAAA,cAACX,EAAA,CAAa,GAAIa,EAAa,cAAY,mBAAoB,CAAA,CACjE,CAEJ,CACF"}
+{"version":3,"file":"AccordionTrigger.js","names":[],"sources":["../../../src/components/accordion/AccordionTrigger.tsx"],"sourcesContent":["import { ChevronDown } from '@atom-learning/icons'\nimport { Trigger } from '@radix-ui/react-accordion'\nimport React from 'react'\n\nimport {\n  ColorScheme,\n  TcolorScheme\n} from '~/experiments/color-scheme/ColorScheme'\nimport { styled } from '~/styled'\n\nimport { Icon } from '../icon/Icon'\n\nconst RotatingIcon = styled(Icon, {\n  base: [\n    'transition-transform',\n    'duration-300',\n    '[[data-state=open]>&]:rotate-180',\n    '[[data-state=closed]>&]:rotate-0'\n  ]\n})\n\nconst StyledTrigger = styled(Trigger, {\n  base: [\n    'py-3',\n    'px-4',\n    'w-full',\n    'flex',\n    'justify-between',\n    'items-center',\n    'cursor-pointer',\n    'bg-(--interactive-2)',\n    'text-(--interactive-foreground)',\n    'disabled:cursor-not-allowed',\n    'disabled:opacity-30',\n    'not-disabled:active:bg-(--interactive-3)',\n    'not-disabled:focus-visible:bg-(--interactive-3)',\n    'not-disabled:focus-visible:outline-none',\n    'not-disabled:focus-visible:relative',\n    'not-disabled:focus-visible:shadow-[var(--color-primary-800)_0px_0px_0px_4px]',\n    'not-disabled:focus-visible:shadow-[white_0px_0px_0px_2px]',\n    'not-disabled:focus-visible:z-1',\n    'not-disabled:hover:bg-(--interactive-3)',\n    'data-[state=open]:rounded-b-none',\n    'data-[state=open]:rounded-t-sm',\n    'data-[state=closed]:rounded-sm'\n  ],\n  variants: {\n    arrowPosition: {\n      left: ['flex-row-reverse', 'gap-2', 'justify-end'],\n      right: []\n    }\n  }\n})\n\nexport const AccordionTrigger = ({\n  children,\n  colorScheme = {},\n  asChild,\n  arrowPosition = 'right',\n  ...remainingProps\n}: React.ComponentProps<typeof StyledTrigger> & {\n  colorScheme?: TcolorScheme\n}) => (\n  <ColorScheme asChild accent=\"grey1\" interactive=\"loContrast\" {...colorScheme}>\n    <StyledTrigger\n      asChild={asChild}\n      arrowPosition={arrowPosition}\n      {...remainingProps}\n    >\n      {asChild ? (\n        children\n      ) : (\n        <>\n          {children}\n          <RotatingIcon is={ChevronDown} data-testid=\"accordion-chevron\" />\n        </>\n      )}\n    </StyledTrigger>\n  </ColorScheme>\n)\n"],"mappings":";;;;;;;AAYA,IAAM,IAAe,EAAO,GAAM,EAChC,MAAM;CACJ;CACA;CACA;CACA;CACD,EACF,CAAC,EAEI,IAAgB,EAAO,GAAS;CACpC,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACD,UAAU,EACR,eAAe;EACb,MAAM;GAAC;GAAoB;GAAS;GAAc;EAClD,OAAO,EAAE;EACV,EACF;CACF,CAAC,EAEW,KAAoB,EAC/B,aACA,iBAAc,EAAE,EAChB,YACA,mBAAgB,SAChB,GAAG,QAIH,kBAAA,cAAC,GAAD;CAAa,SAAA;CAAQ,QAAO;CAAQ,aAAY;CAAa,GAAI;CAenD,EAdZ,kBAAA,cAAC,GAAD;CACW;CACM;CACf,GAAI;CAUU,EARb,IACC,IAEA,kBAAA,cAAA,EAAA,UAAA,MACG,GACD,kBAAA,cAAC,GAAD;CAAc,IAAI;CAAa,eAAY;CAAsB,CAAA,CAChE,CAES,CACJ"}

package/dist/components/action-icon/ActionIcon.constants.js

@@ -1,2 +1,11 @@
-const m={xs:"sm",sm:"sm",md:"md",lg:"lg"};export{m as ActionIconSizeMap};
-//# sourceMappingURL=ActionIcon.constants.js.map
+//#region src/components/action-icon/ActionIcon.constants.ts
+var e = {
+	xs: "sm",
+	sm: "sm",
+	md: "md",
+	lg: "lg"
+};
+//#endregion
+export { e as ActionIconSizeMap };
+
+//# sourceMappingURL=ActionIcon.constants.js.map

package/dist/components/action-icon/ActionIcon.constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionIcon.constants.js","sources":["../../../src/components/action-icon/ActionIcon.constants.ts"],"sourcesContent":["export const ActionIconSizeMap = {\n  xs: 'sm',\n  sm: 'sm',\n  md: 'md',\n  lg: 'lg'\n}\n"],"names":["ActionIconSizeMap"],"mappings":"AAAa,MAAAA,EAAoB,CAC/B,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,IACN"}
+{"version":3,"file":"ActionIcon.constants.js","names":[],"sources":["../../../src/components/action-icon/ActionIcon.constants.ts"],"sourcesContent":["export const ActionIconSizeMap = {\n  xs: 'sm',\n  sm: 'sm',\n  md: 'md',\n  lg: 'lg'\n}\n"],"mappings":";AAAA,IAAa,IAAoB;CAC/B,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL"}

package/dist/components/action-icon/ActionIcon.js

@@ -1,2 +1,134 @@
-import d from"invariant";import*as e from"react";import{styled as y}from"../../styled.js";import{OptionalTooltipWrapper as f}from"../../utilities/optional-tooltip-wrapper/OptionalTooltipWrapper.js";import{getExternalAnchorProps as g}from"../../utilities/uri/index.js";import{Icon as o}from"../icon/Icon.js";import{ActionIconSizeMap as x}from"./ActionIcon.constants.js";const w=y("button",{base:["items-center","appearance-none","bg-white","rounded-md","cursor-pointer","flex","shrink-0","justify-center","transition-all","duration-100","ease-out","disabled:cursor-not-allowed","disabled:opacity-30"],variants:{theme:{neutral:["[--solid-base:var(--color-white)]","[--solid-interact:var(--color-grey-100)]","[--solid-active:var(--color-grey-200)]","[--solid-text:var(--color-grey-1200)]","[--base:var(--color-grey-700)]","[--interact:var(--color-primary-900)]","[--active:var(--color-primary-1100)]"],primary:["[--base:var(--color-primary-800)]","[--interact:var(--color-primary-900)]","[--active:var(--color-primary-1000)]"],primaryDark:["[--base:var(--color-primary-1000)]","[--interact:var(--color-primary-1100)]","[--active:var(--color-primary-1200)]"],success:["[--base:var(--color-success)]","[--interact:var(--color-success-mid)]","[--active:var(--color-success-dark)]"],warning:["[--base:var(--color-warning)]","[--interact:var(--color-warning-mid)]","[--active:var(--color-warning-dark)]"],danger:["[--base:var(--color-danger)]","[--interact:var(--color-danger-mid)]","[--active:var(--color-danger-dark)]"],white:["[--base:var(--color-white)]","[--interact:var(--color-white)]","[--active:var(--color-white)]"]},appearance:{simple:["bg-transparent","text-(--base)","not-disabled:hover:text-(--interact)","not-disabled:focus:text-(--interact)","not-disabled:active:text-(--active)"],outline:["bg-[unset]","border","border-current","text-(--base)","not-disabled:hover:text-(--interact)","not-disabled:focus:text-(--interact)","not-disabled:active:text-(--active)"],solid:["bg-(--solid-base,var(--base))","text-(--solid-text,white)","not-disabled:hover:bg-(--solid-interact,var(--interact))","not-disabled:hover:text-(--solid-text,white)","not-disabled:focus:bg-(--solid-interact,var(--interact))","not-disabled:focus:text-(--solid-text,white)","not-disabled:active:bg-(--solid-active,var(--active))"]},size:{xs:["size-6"],sm:["size-8"],md:["size-10"],lg:["size-12"]},isRounded:{true:["rounded-full"]}}},{enabledResponsiveVariants:!0}),a=e.forwardRef(({children:l,theme:p="primary",appearance:v="simple",size:n="sm",label:s,href:t,disabled:i,hasTooltip:m=!0,tooltipSide:b,...h},u)=>{const c=`A single ${o.displayName} component is permitted as a child of ${a.displayName}`;return d(e.Children.count(l)===1,c),e.createElement(f,{hasTooltip:m,label:s,tooltipSide:b},e.createElement(w,{...t?{as:"a",href:i?void 0:t,onClick:void 0,"aria-disabled":!!i}:{type:"button"},...g(t),...h,"aria-label":s,theme:p,appearance:v,size:n,ref:u,disabled:i},e.Children.map(l,r=>{if(!e.isValidElement(r))throw new Error(c);return d(r.type===o,`Children of type ${r==null?void 0:r.type} aren't permitted. Only an ${o.displayName} component is allowed in ${a.displayName}`),e.cloneElement(r,{size:x[n]})})))});a.displayName="ActionIcon";export{a as ActionIcon};
-//# sourceMappingURL=ActionIcon.js.map
+import { styled as e } from "../../styled.js";
+import { Icon as t } from "../icon/Icon.js";
+import { OptionalTooltipWrapper as n } from "../../utilities/optional-tooltip-wrapper/OptionalTooltipWrapper.js";
+import { getExternalAnchorProps as r } from "../../utilities/uri/index.js";
+import { ActionIconSizeMap as i } from "./ActionIcon.constants.js";
+import * as a from "react";
+import o from "invariant";
+//#region src/components/action-icon/ActionIcon.tsx
+var s = e("button", {
+	base: [
+		"items-center",
+		"appearance-none",
+		"bg-white",
+		"rounded-md",
+		"cursor-pointer",
+		"flex",
+		"shrink-0",
+		"justify-center",
+		"transition-all",
+		"duration-100",
+		"ease-out",
+		"disabled:cursor-not-allowed",
+		"disabled:opacity-30"
+	],
+	variants: {
+		theme: {
+			neutral: [
+				"[--solid-base:var(--color-white)]",
+				"[--solid-interact:var(--color-grey-100)]",
+				"[--solid-active:var(--color-grey-200)]",
+				"[--solid-text:var(--color-grey-1200)]",
+				"[--base:var(--color-grey-700)]",
+				"[--interact:var(--color-primary-900)]",
+				"[--active:var(--color-primary-1100)]"
+			],
+			primary: [
+				"[--base:var(--color-primary-800)]",
+				"[--interact:var(--color-primary-900)]",
+				"[--active:var(--color-primary-1000)]"
+			],
+			primaryDark: [
+				"[--base:var(--color-primary-1000)]",
+				"[--interact:var(--color-primary-1100)]",
+				"[--active:var(--color-primary-1200)]"
+			],
+			success: [
+				"[--base:var(--color-success)]",
+				"[--interact:var(--color-success-mid)]",
+				"[--active:var(--color-success-dark)]"
+			],
+			warning: [
+				"[--base:var(--color-warning)]",
+				"[--interact:var(--color-warning-mid)]",
+				"[--active:var(--color-warning-dark)]"
+			],
+			danger: [
+				"[--base:var(--color-danger)]",
+				"[--interact:var(--color-danger-mid)]",
+				"[--active:var(--color-danger-dark)]"
+			],
+			white: [
+				"[--base:var(--color-white)]",
+				"[--interact:var(--color-white)]",
+				"[--active:var(--color-white)]"
+			]
+		},
+		appearance: {
+			simple: [
+				"bg-transparent",
+				"text-(--base)",
+				"not-disabled:hover:text-(--interact)",
+				"not-disabled:focus:text-(--interact)",
+				"not-disabled:active:text-(--active)"
+			],
+			outline: [
+				"bg-[unset]",
+				"border",
+				"border-current",
+				"text-(--base)",
+				"not-disabled:hover:text-(--interact)",
+				"not-disabled:focus:text-(--interact)",
+				"not-disabled:active:text-(--active)"
+			],
+			solid: [
+				"bg-(--solid-base,var(--base))",
+				"text-(--solid-text,white)",
+				"not-disabled:hover:bg-(--solid-interact,var(--interact))",
+				"not-disabled:hover:text-(--solid-text,white)",
+				"not-disabled:focus:bg-(--solid-interact,var(--interact))",
+				"not-disabled:focus:text-(--solid-text,white)",
+				"not-disabled:active:bg-(--solid-active,var(--active))"
+			]
+		},
+		size: {
+			xs: ["size-6"],
+			sm: ["size-8"],
+			md: ["size-10"],
+			lg: ["size-12"]
+		},
+		isRounded: { true: ["rounded-full"] }
+	}
+}, { enabledResponsiveVariants: !0 }), c = a.forwardRef(({ children: e, theme: l = "primary", appearance: u = "simple", size: d = "sm", label: f, href: p, disabled: m, hasTooltip: h = !0, tooltipSide: g, ..._ }, v) => {
+	let y = `A single ${t.displayName} component is permitted as a child of ${c.displayName}`;
+	o(a.Children.count(e) === 1, y);
+	let b = p ? {
+		as: "a",
+		href: m ? void 0 : p,
+		onClick: void 0,
+		"aria-disabled": !!m
+	} : { type: "button" };
+	return /* @__PURE__ */ a.createElement(n, {
+		hasTooltip: h,
+		label: f,
+		tooltipSide: g
+	}, /* @__PURE__ */ a.createElement(s, {
+		...b,
+		...r(p),
+		..._,
+		"aria-label": f,
+		theme: l,
+		appearance: u,
+		size: d,
+		ref: v,
+		disabled: m
+	}, a.Children.map(e, (e) => {
+		if (!a.isValidElement(e)) throw Error(y);
+		return o(e.type === t, `Children of type ${e?.type} aren't permitted. Only an ${t.displayName} component is allowed in ${c.displayName}`), a.cloneElement(e, { size: i[d] });
+	})));
+});
+c.displayName = "ActionIcon";
+//#endregion
+export { c as ActionIcon };
+
+//# sourceMappingURL=ActionIcon.js.map

package/dist/components/action-icon/ActionIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionIcon.js","sources":["../../../src/components/action-icon/ActionIcon.tsx"],"sourcesContent":["import invariant from 'invariant'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\nimport { NavigatorActions } from '~/types/navigatorActions.types'\nimport type { TOptionalTooltipWrapperProps } from '~/utilities/optional-tooltip-wrapper/OptionalTooltipWrapper'\nimport { OptionalTooltipWrapper } from '~/utilities/optional-tooltip-wrapper/OptionalTooltipWrapper'\nimport { Override } from '~/utilities/types'\nimport { getExternalAnchorProps } from '~/utilities/uri'\n\nimport { Icon } from '../icon/Icon'\nimport { ActionIconSizeMap } from './ActionIcon.constants'\n\nconst StyledButton = styled(\n  'button',\n  {\n    base: [\n      'items-center',\n      'appearance-none',\n      'bg-white',\n      'rounded-md',\n      'cursor-pointer',\n      'flex',\n      'shrink-0',\n      'justify-center',\n      'transition-all',\n      'duration-100',\n      'ease-out',\n      'disabled:cursor-not-allowed',\n      'disabled:opacity-30'\n    ],\n    variants: {\n      theme: {\n        neutral: [\n          '[--solid-base:var(--color-white)]',\n          '[--solid-interact:var(--color-grey-100)]',\n          '[--solid-active:var(--color-grey-200)]',\n          '[--solid-text:var(--color-grey-1200)]',\n          '[--base:var(--color-grey-700)]',\n          '[--interact:var(--color-primary-900)]',\n          '[--active:var(--color-primary-1100)]'\n        ],\n        primary: [\n          '[--base:var(--color-primary-800)]',\n          '[--interact:var(--color-primary-900)]',\n          '[--active:var(--color-primary-1000)]'\n        ],\n        primaryDark: [\n          '[--base:var(--color-primary-1000)]',\n          '[--interact:var(--color-primary-1100)]',\n          '[--active:var(--color-primary-1200)]'\n        ],\n        success: [\n          '[--base:var(--color-success)]',\n          '[--interact:var(--color-success-mid)]',\n          '[--active:var(--color-success-dark)]'\n        ],\n        warning: [\n          '[--base:var(--color-warning)]',\n          '[--interact:var(--color-warning-mid)]',\n          '[--active:var(--color-warning-dark)]'\n        ],\n        danger: [\n          '[--base:var(--color-danger)]',\n          '[--interact:var(--color-danger-mid)]',\n          '[--active:var(--color-danger-dark)]'\n        ],\n        white: [\n          '[--base:var(--color-white)]',\n          '[--interact:var(--color-white)]',\n          '[--active:var(--color-white)]'\n        ]\n      },\n      appearance: {\n        simple: [\n          'bg-transparent',\n          'text-(--base)',\n          'not-disabled:hover:text-(--interact)',\n          'not-disabled:focus:text-(--interact)',\n          'not-disabled:active:text-(--active)'\n        ],\n        outline: [\n          'bg-[unset]',\n          'border',\n          'border-current',\n          'text-(--base)',\n          'not-disabled:hover:text-(--interact)',\n          'not-disabled:focus:text-(--interact)',\n          'not-disabled:active:text-(--active)'\n        ],\n        solid: [\n          'bg-(--solid-base,var(--base))',\n          'text-(--solid-text,white)',\n          'not-disabled:hover:bg-(--solid-interact,var(--interact))',\n          'not-disabled:hover:text-(--solid-text,white)',\n          'not-disabled:focus:bg-(--solid-interact,var(--interact))',\n          'not-disabled:focus:text-(--solid-text,white)',\n          'not-disabled:active:bg-(--solid-active,var(--active))'\n        ]\n      },\n      size: {\n        xs: ['size-6'],\n        sm: ['size-8'],\n        md: ['size-10'],\n        lg: ['size-12']\n      },\n      isRounded: {\n        true: ['rounded-full']\n      }\n    }\n  },\n  {\n    enabledResponsiveVariants: true\n  }\n)\n\ntype ActionIconProps = Override<\n  React.ComponentProps<typeof StyledButton>,\n  {\n    children: React.ReactNode\n    label: string\n  } & Omit<TOptionalTooltipWrapperProps, 'label'> &\n    NavigatorActions\n>\n\nexport const ActionIcon = React.forwardRef<HTMLButtonElement, ActionIconProps>(\n  (\n    {\n      children,\n      theme = 'primary',\n      appearance = 'simple',\n      size = 'sm',\n      label,\n      href,\n      disabled,\n      hasTooltip = true,\n      tooltipSide,\n      ...remainingProps\n    },\n    ref\n  ) => {\n    const INVALID_CHILDREN_MESSAGE = `A single ${Icon.displayName} component is permitted as a child of ${ActionIcon.displayName}`\n\n    invariant(React.Children.count(children) === 1, INVALID_CHILDREN_MESSAGE)\n\n    // Polymorphic props: can be either button or anchor element\n    // Type assertion needed due to TypeScript limitations with polymorphic components\n    const optionalLinkProps = href\n      ? ({\n          as: 'a',\n          href: disabled ? undefined : href,\n          onClick: undefined,\n          'aria-disabled': !!disabled\n        } as const)\n      : ({ type: 'button' } as const)\n\n    return (\n      <OptionalTooltipWrapper\n        hasTooltip={hasTooltip}\n        label={label}\n        tooltipSide={tooltipSide}\n      >\n        <StyledButton\n          {...(optionalLinkProps as any)}\n          {...getExternalAnchorProps(href)}\n          {...remainingProps}\n          aria-label={label}\n          theme={theme}\n          appearance={appearance}\n          size={size}\n          ref={ref as any}\n          disabled={disabled}\n        >\n          {React.Children.map(children, (child) => {\n            // TS needs this check for any following code to access child.type\n            // even with optional chaining\n            if (!React.isValidElement(child)) {\n              throw new Error(INVALID_CHILDREN_MESSAGE)\n            }\n\n            invariant(\n              child.type === Icon,\n              `Children of type ${child?.type} aren't permitted. Only an ${Icon.displayName} component is allowed in ${ActionIcon.displayName}`\n            )\n\n            return React.cloneElement(\n              child as React.ReactElement<React.ComponentProps<typeof Icon>>,\n              {\n                size: ActionIconSizeMap[size as string]\n              }\n            )\n          })}\n        </StyledButton>\n      </OptionalTooltipWrapper>\n    )\n  }\n)\n\nActionIcon.displayName = 'ActionIcon'\n"],"names":["StyledButton","styled","ActionIcon","React","children","theme","appearance","size","label","href","disabled","hasTooltip","tooltipSide","remainingProps","ref","INVALID_CHILDREN_MESSAGE","Icon","invariant","OptionalTooltipWrapper","getExternalAnchorProps","child","ActionIconSizeMap"],"mappings":"iXAaA,MAAMA,EAAeC,EACnB,SACA,CACE,KAAM,CACJ,eACA,kBACA,WACA,aACA,iBACA,OACA,WACA,iBACA,iBACA,eACA,WACA,8BACA,qBACF,EACA,SAAU,CACR,MAAO,CACL,QAAS,CACP,oCACA,2CACA,yCACA,wCACA,iCACA,wCACA,sCACF,EACA,QAAS,CACP,oCACA,wCACA,sCACF,EACA,YAAa,CACX,qCACA,yCACA,sCACF,EACA,QAAS,CACP,gCACA,wCACA,sCACF,EACA,QAAS,CACP,gCACA,wCACA,sCACF,EACA,OAAQ,CACN,+BACA,uCACA,qCACF,EACA,MAAO,CACL,8BACA,kCACA,+BACF,CACF,EACA,WAAY,CACV,OAAQ,CACN,iBACA,gBACA,uCACA,uCACA,qCACF,EACA,QAAS,CACP,aACA,SACA,iBACA,gBACA,uCACA,uCACA,qCACF,EACA,MAAO,CACL,gCACA,4BACA,2DACA,+CACA,2DACA,+CACA,uDACF,CACF,EACA,KAAM,CACJ,GAAI,CAAC,QAAQ,EACb,GAAI,CAAC,QAAQ,EACb,GAAI,CAAC,SAAS,EACd,GAAI,CAAC,SAAS,CAChB,EACA,UAAW,CACT,KAAM,CAAC,cAAc,CACvB,CACF,CACF,EACA,CACE,0BAA2B,EAC7B,CACF,EAWaC,EAAaC,EAAM,WAC9B,CACE,CACE,SAAAC,EACA,MAAAC,EAAQ,UACR,WAAAC,EAAa,SACb,KAAAC,EAAO,KACP,MAAAC,EACA,KAAAC,EACA,SAAAC,EACA,WAAAC,EAAa,GACb,YAAAC,EACA,GAAGC,CACL,EACAC,IACG,CACH,MAAMC,EAA2B,YAAYC,EAAK,WAAW,yCAAyCd,EAAW,WAAW,GAE5H,OAAAe,EAAUd,EAAM,SAAS,MAAMC,CAAQ,IAAM,EAAGW,CAAwB,EActEZ,EAAA,cAACe,EAAA,CACC,WAAYP,EACZ,MAAOH,EACP,YAAaI,CAAAA,EAEbT,EAAA,cAACH,EAAA,CACE,GAhBmBS,EACrB,CACC,GAAI,IACJ,KAAMC,EAAW,OAAYD,EAC7B,QAAS,OACT,gBAAiB,CAAC,CAACC,CACrB,EACC,CAAE,KAAM,QAAS,EAUf,GAAGS,EAAuBV,CAAI,EAC9B,GAAGI,EACJ,aAAYL,EACZ,MAAOH,EACP,WAAYC,EACZ,KAAMC,EACN,IAAKO,EACL,SAAUJ,CAAAA,EAETP,EAAM,SAAS,IAAIC,EAAWgB,GAAU,CAGvC,GAAI,CAACjB,EAAM,eAAeiB,CAAK,EAC7B,MAAM,IAAI,MAAML,CAAwB,EAG1C,OAAAE,EACEG,EAAM,OAASJ,EACf,oBAAoBI,GAAA,KAAA,OAAAA,EAAO,IAAI,8BAA8BJ,EAAK,WAAW,4BAA4Bd,EAAW,WAAW,EACjI,EAEOC,EAAM,aACXiB,EACA,CACE,KAAMC,EAAkBd,CAAc,CACxC,CACF,CACF,CAAC,CACH,CACF,CAEJ,CACF,EAEAL,EAAW,YAAc"}
+{"version":3,"file":"ActionIcon.js","names":[],"sources":["../../../src/components/action-icon/ActionIcon.tsx"],"sourcesContent":["import invariant from 'invariant'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\nimport { NavigatorActions } from '~/types/navigatorActions.types'\nimport type { TOptionalTooltipWrapperProps } from '~/utilities/optional-tooltip-wrapper/OptionalTooltipWrapper'\nimport { OptionalTooltipWrapper } from '~/utilities/optional-tooltip-wrapper/OptionalTooltipWrapper'\nimport { Override } from '~/utilities/types'\nimport { getExternalAnchorProps } from '~/utilities/uri'\n\nimport { Icon } from '../icon/Icon'\nimport { ActionIconSizeMap } from './ActionIcon.constants'\n\nconst StyledButton = styled(\n  'button',\n  {\n    base: [\n      'items-center',\n      'appearance-none',\n      'bg-white',\n      'rounded-md',\n      'cursor-pointer',\n      'flex',\n      'shrink-0',\n      'justify-center',\n      'transition-all',\n      'duration-100',\n      'ease-out',\n      'disabled:cursor-not-allowed',\n      'disabled:opacity-30'\n    ],\n    variants: {\n      theme: {\n        neutral: [\n          '[--solid-base:var(--color-white)]',\n          '[--solid-interact:var(--color-grey-100)]',\n          '[--solid-active:var(--color-grey-200)]',\n          '[--solid-text:var(--color-grey-1200)]',\n          '[--base:var(--color-grey-700)]',\n          '[--interact:var(--color-primary-900)]',\n          '[--active:var(--color-primary-1100)]'\n        ],\n        primary: [\n          '[--base:var(--color-primary-800)]',\n          '[--interact:var(--color-primary-900)]',\n          '[--active:var(--color-primary-1000)]'\n        ],\n        primaryDark: [\n          '[--base:var(--color-primary-1000)]',\n          '[--interact:var(--color-primary-1100)]',\n          '[--active:var(--color-primary-1200)]'\n        ],\n        success: [\n          '[--base:var(--color-success)]',\n          '[--interact:var(--color-success-mid)]',\n          '[--active:var(--color-success-dark)]'\n        ],\n        warning: [\n          '[--base:var(--color-warning)]',\n          '[--interact:var(--color-warning-mid)]',\n          '[--active:var(--color-warning-dark)]'\n        ],\n        danger: [\n          '[--base:var(--color-danger)]',\n          '[--interact:var(--color-danger-mid)]',\n          '[--active:var(--color-danger-dark)]'\n        ],\n        white: [\n          '[--base:var(--color-white)]',\n          '[--interact:var(--color-white)]',\n          '[--active:var(--color-white)]'\n        ]\n      },\n      appearance: {\n        simple: [\n          'bg-transparent',\n          'text-(--base)',\n          'not-disabled:hover:text-(--interact)',\n          'not-disabled:focus:text-(--interact)',\n          'not-disabled:active:text-(--active)'\n        ],\n        outline: [\n          'bg-[unset]',\n          'border',\n          'border-current',\n          'text-(--base)',\n          'not-disabled:hover:text-(--interact)',\n          'not-disabled:focus:text-(--interact)',\n          'not-disabled:active:text-(--active)'\n        ],\n        solid: [\n          'bg-(--solid-base,var(--base))',\n          'text-(--solid-text,white)',\n          'not-disabled:hover:bg-(--solid-interact,var(--interact))',\n          'not-disabled:hover:text-(--solid-text,white)',\n          'not-disabled:focus:bg-(--solid-interact,var(--interact))',\n          'not-disabled:focus:text-(--solid-text,white)',\n          'not-disabled:active:bg-(--solid-active,var(--active))'\n        ]\n      },\n      size: {\n        xs: ['size-6'],\n        sm: ['size-8'],\n        md: ['size-10'],\n        lg: ['size-12']\n      },\n      isRounded: {\n        true: ['rounded-full']\n      }\n    }\n  },\n  {\n    enabledResponsiveVariants: true\n  }\n)\n\ntype ActionIconProps = Override<\n  React.ComponentProps<typeof StyledButton>,\n  {\n    children: React.ReactNode\n    label: string\n  } & Omit<TOptionalTooltipWrapperProps, 'label'> &\n    NavigatorActions\n>\n\nexport const ActionIcon = React.forwardRef<HTMLButtonElement, ActionIconProps>(\n  (\n    {\n      children,\n      theme = 'primary',\n      appearance = 'simple',\n      size = 'sm',\n      label,\n      href,\n      disabled,\n      hasTooltip = true,\n      tooltipSide,\n      ...remainingProps\n    },\n    ref\n  ) => {\n    const INVALID_CHILDREN_MESSAGE = `A single ${Icon.displayName} component is permitted as a child of ${ActionIcon.displayName}`\n\n    invariant(React.Children.count(children) === 1, INVALID_CHILDREN_MESSAGE)\n\n    // Polymorphic props: can be either button or anchor element\n    // Type assertion needed due to TypeScript limitations with polymorphic components\n    const optionalLinkProps = href\n      ? ({\n          as: 'a',\n          href: disabled ? undefined : href,\n          onClick: undefined,\n          'aria-disabled': !!disabled\n        } as const)\n      : ({ type: 'button' } as const)\n\n    return (\n      <OptionalTooltipWrapper\n        hasTooltip={hasTooltip}\n        label={label}\n        tooltipSide={tooltipSide}\n      >\n        <StyledButton\n          {...(optionalLinkProps as any)}\n          {...getExternalAnchorProps(href)}\n          {...remainingProps}\n          aria-label={label}\n          theme={theme}\n          appearance={appearance}\n          size={size}\n          ref={ref as any}\n          disabled={disabled}\n        >\n          {React.Children.map(children, (child) => {\n            // TS needs this check for any following code to access child.type\n            // even with optional chaining\n            if (!React.isValidElement(child)) {\n              throw new Error(INVALID_CHILDREN_MESSAGE)\n            }\n\n            invariant(\n              child.type === Icon,\n              `Children of type ${child?.type} aren't permitted. Only an ${Icon.displayName} component is allowed in ${ActionIcon.displayName}`\n            )\n\n            return React.cloneElement(\n              child as React.ReactElement<React.ComponentProps<typeof Icon>>,\n              {\n                size: ActionIconSizeMap[size as string]\n              }\n            )\n          })}\n        </StyledButton>\n      </OptionalTooltipWrapper>\n    )\n  }\n)\n\nActionIcon.displayName = 'ActionIcon'\n"],"mappings":";;;;;;;;AAaA,IAAM,IAAe,EACnB,UACA;CACE,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACD,UAAU;EACR,OAAO;GACL,SAAS;IACP;IACA;IACA;IACA;IACA;IACA;IACA;IACD;GACD,SAAS;IACP;IACA;IACA;IACD;GACD,aAAa;IACX;IACA;IACA;IACD;GACD,SAAS;IACP;IACA;IACA;IACD;GACD,SAAS;IACP;IACA;IACA;IACD;GACD,QAAQ;IACN;IACA;IACA;IACD;GACD,OAAO;IACL;IACA;IACA;IACD;GACF;EACD,YAAY;GACV,QAAQ;IACN;IACA;IACA;IACA;IACA;IACD;GACD,SAAS;IACP;IACA;IACA;IACA;IACA;IACA;IACA;IACD;GACD,OAAO;IACL;IACA;IACA;IACA;IACA;IACA;IACA;IACD;GACF;EACD,MAAM;GACJ,IAAI,CAAC,SAAS;GACd,IAAI,CAAC,SAAS;GACd,IAAI,CAAC,UAAU;GACf,IAAI,CAAC,UAAU;GAChB;EACD,WAAW,EACT,MAAM,CAAC,eAAe,EACvB;EACF;CACF,EACD,EACE,2BAA2B,IAC5B,CACF,EAWY,IAAa,EAAM,YAE5B,EACE,aACA,WAAQ,WACR,gBAAa,UACb,UAAO,MACP,UACA,SACA,aACA,gBAAa,IACb,gBACA,GAAG,KAEL,MACG;CACH,IAAM,IAA2B,YAAY,EAAK,YAAY,wCAAwC,EAAW;AAEjH,GAAU,EAAM,SAAS,MAAM,EAAS,KAAK,GAAG,EAAyB;CAIzE,IAAM,IAAoB,IACrB;EACC,IAAI;EACJ,MAAM,IAAW,KAAA,IAAY;EAC7B,SAAS,KAAA;EACT,iBAAiB,CAAC,CAAC;EACpB,GACA,EAAE,MAAM,UAAU;AAEvB,QACE,kBAAA,cAAC,GAAD;EACc;EACL;EACM;EAiCU,EA/BvB,kBAAA,cAAC,GAAD;EACE,GAAK;EACL,GAAI,EAAuB,EAAK;EAChC,GAAI;EACJ,cAAY;EACL;EACK;EACN;EACD;EACK;EAqBG,EAnBZ,EAAM,SAAS,IAAI,IAAW,MAAU;AAGvC,MAAI,CAAC,EAAM,eAAe,EAAM,CAC9B,OAAU,MAAM,EAAyB;AAQ3C,SALA,EACE,EAAM,SAAS,GACf,oBAAoB,GAAO,KAAK,6BAA6B,EAAK,YAAY,2BAA2B,EAAW,cACrH,EAEM,EAAM,aACX,GACA,EACE,MAAM,EAAkB,IACzB,CACF;GACD,CACW,CACQ;EAG9B;AAED,EAAW,cAAc"}

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

@@ -1,2 +1,16 @@
-import{Root as i,Description as o,Title as e,Action as r,Cancel as n,Trigger as l}from"@radix-ui/react-alert-dialog";import{AlertDialogContent as a}from"./AlertDialogContent.js";const t=Object.assign(i,{Description:o,Title:e,Action:r,Cancel:n,Content:a,Trigger:l});t.displayName="AlertDialog";export{t as AlertDialog};
-//# sourceMappingURL=AlertDialog.js.map
+import { AlertDialogContent as e } from "./AlertDialogContent.js";
+import { Action as t, Cancel as n, Description as r, Root as i, Title as a, Trigger as o } from "@radix-ui/react-alert-dialog";
+//#region src/components/alert-dialog/AlertDialog.tsx
+var s = Object.assign(i, {
+	Description: r,
+	Title: a,
+	Action: t,
+	Cancel: n,
+	Content: e,
+	Trigger: o
+});
+s.displayName = "AlertDialog";
+//#endregion
+export { s as AlertDialog };
+
+//# sourceMappingURL=AlertDialog.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AlertDialog.js","sources":["../../../src/components/alert-dialog/AlertDialog.tsx"],"sourcesContent":["import {\n  Action,\n  Cancel,\n  Description,\n  Root,\n  Title,\n  Trigger\n} from '@radix-ui/react-alert-dialog'\nimport * as React from 'react'\n\nimport { AlertDialogContent } from './AlertDialogContent'\n\nexport const AlertDialog = Object.assign(Root, {\n  Description: Description,\n  Title: Title,\n  Action: Action,\n  Cancel: Cancel,\n  Content: AlertDialogContent,\n  Trigger: Trigger\n})\n\nAlertDialog.displayName = 'AlertDialog'\n"],"names":["AlertDialog","Root","Description","Title","Action","Cancel","AlertDialogContent","Trigger"],"mappings":"kLAYa,MAAAA,EAAc,OAAO,OAAOC,EAAM,CAC7C,YAAaC,EACb,MAAOC,EACP,OAAQC,EACR,OAAQC,EACR,QAASC,EACT,QAASC,CACX,CAAC,EAEDP,EAAY,YAAc"}
+{"version":3,"file":"AlertDialog.js","names":[],"sources":["../../../src/components/alert-dialog/AlertDialog.tsx"],"sourcesContent":["import {\n  Action,\n  Cancel,\n  Description,\n  Root,\n  Title,\n  Trigger\n} from '@radix-ui/react-alert-dialog'\nimport * as React from 'react'\n\nimport { AlertDialogContent } from './AlertDialogContent'\n\nexport const AlertDialog = Object.assign(Root, {\n  Description: Description,\n  Title: Title,\n  Action: Action,\n  Cancel: Cancel,\n  Content: AlertDialogContent,\n  Trigger: Trigger\n})\n\nAlertDialog.displayName = 'AlertDialog'\n"],"mappings":";;;AAYA,IAAa,IAAc,OAAO,OAAO,GAAM;CAChC;CACN;CACC;CACA;CACR,SAAS;CACA;CACV,CAAC;AAEF,EAAY,cAAc"}

package/dist/components/alert-dialog/AlertDialogContent.js

@@ -1,2 +1,43 @@
-import{Overlay as n,Content as s,Portal as i}from"@radix-ui/react-alert-dialog";import*as e from"react";import{styled as t}from"../../styled.js";const l=t(n,{base:["bg-alpha-600","top-0","right-0","bottom-0","left-0","fixed","z-1147483646","motion-safe:data-[state=open]:animate-fade-in","motion-safe:data-[state=closed]:animate-fade-out"]}),m=t(s,{base:["transform-[translate(-50%,-50%)]","bg-white","rounded-md","shadow-xl","left-1/2","max-w-[90vw]","p-8","fixed","top-1/2","focus:outline-none","z-1147483646","motion-safe:data-[state=open]:animate-slide-in-center","motion-safe:data-[state=closed]:animate-slide-out-center"],variants:{size:{sm:["w-95"],md:["w-120"],lg:["w-150"]}}}),r=({size:a="sm",...o})=>e.createElement(i,null,e.createElement(l,null),e.createElement(m,{size:a,...o}));export{r as AlertDialogContent};
-//# sourceMappingURL=AlertDialogContent.js.map
+import { styled as e } from "../../styled.js";
+import * as t from "react";
+import { Content as n, Overlay as r, Portal as i } from "@radix-ui/react-alert-dialog";
+//#region src/components/alert-dialog/AlertDialogContent.tsx
+var a = e(r, { base: [
+	"bg-alpha-600",
+	"top-0",
+	"right-0",
+	"bottom-0",
+	"left-0",
+	"fixed",
+	"z-1147483646",
+	"motion-safe:data-[state=open]:animate-fade-in",
+	"motion-safe:data-[state=closed]:animate-fade-out"
+] }), o = e(n, {
+	base: [
+		"transform-[translate(-50%,-50%)]",
+		"bg-white",
+		"rounded-md",
+		"shadow-xl",
+		"left-1/2",
+		"max-w-[90vw]",
+		"p-8",
+		"fixed",
+		"top-1/2",
+		"focus:outline-none",
+		"z-1147483646",
+		"motion-safe:data-[state=open]:animate-slide-in-center",
+		"motion-safe:data-[state=closed]:animate-slide-out-center"
+	],
+	variants: { size: {
+		sm: ["w-95"],
+		md: ["w-120"],
+		lg: ["w-150"]
+	} }
+}), s = ({ size: e = "sm", ...n }) => /* @__PURE__ */ t.createElement(i, null, /* @__PURE__ */ t.createElement(a, null), /* @__PURE__ */ t.createElement(o, {
+	size: e,
+	...n
+}));
+//#endregion
+export { s as AlertDialogContent };
+
+//# sourceMappingURL=AlertDialogContent.js.map

package/dist/components/alert-dialog/AlertDialogContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertDialogContent.js","sources":["../../../src/components/alert-dialog/AlertDialogContent.tsx"],"sourcesContent":["import { Content, Overlay, Portal } from '@radix-ui/react-alert-dialog'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nconst StyledAlertDialogOverlay = styled(Overlay, {\n  base: [\n    'bg-alpha-600',\n    'top-0',\n    'right-0',\n    'bottom-0',\n    'left-0',\n    'fixed',\n    'z-1147483646',\n    'motion-safe:data-[state=open]:animate-fade-in',\n    'motion-safe:data-[state=closed]:animate-fade-out'\n  ]\n})\nconst StyledAlertDialogContent = styled(Content, {\n  base: [\n    // `transform: translate()` is required for `floating-ui` to\n    // correctly position elements within the Dialog component.\n    // we can't use the translate property directly\n    'transform-[translate(-50%,-50%)]',\n    'bg-white',\n    'rounded-md',\n    'shadow-xl',\n    'left-1/2',\n    'max-w-[90vw]',\n    'p-8',\n    'fixed',\n    'top-1/2',\n    'focus:outline-none',\n    'z-1147483646',\n    'motion-safe:data-[state=open]:animate-slide-in-center',\n    'motion-safe:data-[state=closed]:animate-slide-out-center'\n  ],\n  variants: {\n    size: {\n      sm: ['w-95'],\n      md: ['w-120'],\n      lg: ['w-150']\n    }\n  }\n})\n\nexport const AlertDialogContent = ({\n  size = 'sm',\n  ...remainingProps\n}: React.ComponentProps<typeof StyledAlertDialogContent>) => (\n  <Portal>\n    <StyledAlertDialogOverlay />\n    <StyledAlertDialogContent size={size} {...remainingProps} />\n  </Portal>\n)\n"],"names":["StyledAlertDialogOverlay","styled","Overlay","StyledAlertDialogContent","Content","AlertDialogContent","size","remainingProps","React","Portal"],"mappings":"iJAKA,MAAMA,EAA2BC,EAAOC,EAAS,CAC/C,KAAM,CACJ,eACA,QACA,UACA,WACA,SACA,QACA,eACA,gDACA,kDACF,CACF,CAAC,EACKC,EAA2BF,EAAOG,EAAS,CAC/C,KAAM,CAIJ,mCACA,WACA,aACA,YACA,WACA,eACA,MACA,QACA,UACA,qBACA,eACA,wDACA,0DACF,EACA,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,MAAM,EACX,GAAI,CAAC,OAAO,EACZ,GAAI,CAAC,OAAO,CACd,CACF,CACF,CAAC,EAEYC,EAAqB,CAAC,CACjC,KAAAC,EAAO,KACP,GAAGC,CACL,IACEC,EAAA,cAACC,EAAA,KACCD,EAAA,cAACR,EAAA,IAAyB,EAC1BQ,EAAA,cAACL,EAAA,CAAyB,KAAMG,EAAO,GAAGC,CAAAA,CAAgB,CAC5D"}
+{"version":3,"file":"AlertDialogContent.js","names":[],"sources":["../../../src/components/alert-dialog/AlertDialogContent.tsx"],"sourcesContent":["import { Content, Overlay, Portal } from '@radix-ui/react-alert-dialog'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nconst StyledAlertDialogOverlay = styled(Overlay, {\n  base: [\n    'bg-alpha-600',\n    'top-0',\n    'right-0',\n    'bottom-0',\n    'left-0',\n    'fixed',\n    'z-1147483646',\n    'motion-safe:data-[state=open]:animate-fade-in',\n    'motion-safe:data-[state=closed]:animate-fade-out'\n  ]\n})\nconst StyledAlertDialogContent = styled(Content, {\n  base: [\n    // `transform: translate()` is required for `floating-ui` to\n    // correctly position elements within the Dialog component.\n    // we can't use the translate property directly\n    'transform-[translate(-50%,-50%)]',\n    'bg-white',\n    'rounded-md',\n    'shadow-xl',\n    'left-1/2',\n    'max-w-[90vw]',\n    'p-8',\n    'fixed',\n    'top-1/2',\n    'focus:outline-none',\n    'z-1147483646',\n    'motion-safe:data-[state=open]:animate-slide-in-center',\n    'motion-safe:data-[state=closed]:animate-slide-out-center'\n  ],\n  variants: {\n    size: {\n      sm: ['w-95'],\n      md: ['w-120'],\n      lg: ['w-150']\n    }\n  }\n})\n\nexport const AlertDialogContent = ({\n  size = 'sm',\n  ...remainingProps\n}: React.ComponentProps<typeof StyledAlertDialogContent>) => (\n  <Portal>\n    <StyledAlertDialogOverlay />\n    <StyledAlertDialogContent size={size} {...remainingProps} />\n  </Portal>\n)\n"],"mappings":";;;;AAKA,IAAM,IAA2B,EAAO,GAAS,EAC/C,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACF,CAAC,EACI,IAA2B,EAAO,GAAS;CAC/C,MAAM;EAIJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACD,UAAU,EACR,MAAM;EACJ,IAAI,CAAC,OAAO;EACZ,IAAI,CAAC,QAAQ;EACb,IAAI,CAAC,QAAQ;EACd,EACF;CACF,CAAC,EAEW,KAAsB,EACjC,UAAO,MACP,GAAG,QAEH,kBAAA,cAAC,GAAA,MACC,kBAAA,cAAC,GAAA,KAA2B,EAC5B,kBAAA,cAAC,GAAD;CAAgC;CAAM,GAAI;CAAkB,CAAA,CACrD"}

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

@@ -1,2 +1,29 @@
-import*as e from"react";import{useIsMountedRef as s}from"../../../utilities/hooks/useIsMountedRef.js";import{Alert as u}from"./AlertDialog.js";import{reducer as d,initialState as a}from"./reducer.js";const n=e.createContext({showAlert:()=>null}),c=({children:r})=>{const[t,o]=e.useReducer(d,a),i=s();return e.createElement(n.Provider,{value:{showAlert:l=>o({payload:l,type:"ADD"})}},!!t.length&&e.createElement(u,{...t[0],key:t[0].id,onClose:()=>{i.current&&o({payload:t[0].id,type:"REMOVE"})}}),r)},m=()=>{const r=e.useContext(n);if(r===void 0)throw new Error("useAlert must be used within a AlertProvider");return r};export{c as AlertProvider,m as useAlert};
-//# sourceMappingURL=AlertContext.js.map
+import { useIsMountedRef as e } from "../../../utilities/hooks/useIsMountedRef.js";
+import { Alert as t } from "./AlertDialog.js";
+import { initialState as n, reducer as r } from "./reducer.js";
+import * as i from "react";
+//#region src/components/alert-dialog/alert-context/AlertContext.tsx
+var a = i.createContext({ showAlert: () => null }), o = ({ children: o }) => {
+	let [s, c] = i.useReducer(r, n), l = e();
+	return /* @__PURE__ */ i.createElement(a.Provider, { value: { showAlert: (e) => c({
+		payload: e,
+		type: "ADD"
+	}) } }, !!s.length && /* @__PURE__ */ i.createElement(t, {
+		...s[0],
+		key: s[0].id,
+		onClose: () => {
+			l.current && c({
+				payload: s[0].id,
+				type: "REMOVE"
+			});
+		}
+	}), o);
+}, s = () => {
+	let e = i.useContext(a);
+	if (e === void 0) throw Error("useAlert must be used within a AlertProvider");
+	return e;
+};
+//#endregion
+export { o as AlertProvider, s as useAlert };
+
+//# sourceMappingURL=AlertContext.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AlertContext.js","sources":["../../../../src/components/alert-dialog/alert-context/AlertContext.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { useIsMountedRef } from '~/utilities/hooks/useIsMountedRef'\n\nimport { Alert } from './AlertDialog'\nimport { initialState, reducer } from './reducer'\nimport type { alert } from './types'\n\ntype context = {\n  showAlert: (data: alert) => void\n}\n\nconst AlertContext = React.createContext<context>({\n  showAlert: () => null\n})\n\nexport const AlertProvider = ({\n  children\n}: React.PropsWithChildren<unknown>) => {\n  const [alerts, dispatch] = React.useReducer(reducer, initialState)\n  const isMountedRef = useIsMountedRef()\n\n  return (\n    <AlertContext.Provider\n      value={{\n        showAlert: (content: alert) =>\n          dispatch({\n            payload: content,\n            type: 'ADD'\n          })\n      }}\n    >\n      {Boolean(alerts.length) && (\n        <Alert\n          {...alerts[0]}\n          key={alerts[0].id}\n          onClose={() => {\n            if (isMountedRef.current)\n              dispatch({\n                payload: alerts[0].id,\n                type: 'REMOVE'\n              })\n          }}\n        />\n      )}\n      {children}\n    </AlertContext.Provider>\n  )\n}\n\nexport const useAlert = (): context => {\n  const context = React.useContext(AlertContext)\n\n  if (context === undefined) {\n    throw new Error('useAlert must be used within a AlertProvider')\n  }\n\n  return context\n}\n"],"names":["AlertContext","React","AlertProvider","children","alerts","dispatch","reducer","initialState","isMountedRef","useIsMountedRef","content","Alert","useAlert","context"],"mappings":"wMAYA,MAAMA,EAAeC,EAAM,cAAuB,CAChD,UAAW,IAAM,IACnB,CAAC,EAEYC,EAAgB,CAAC,CAC5B,SAAAC,CACF,IAAwC,CACtC,KAAM,CAACC,EAAQC,CAAQ,EAAIJ,EAAM,WAAWK,EAASC,CAAY,EAC3DC,EAAeC,EAAAA,EAErB,OACER,EAAA,cAACD,EAAa,SAAb,CACC,MAAO,CACL,UAAYU,GACVL,EAAS,CACP,QAASK,EACT,KAAM,KACR,CAAC,CACL,CAEC,EAAA,CAAA,CAAQN,EAAO,QACdH,EAAA,cAACU,EAAA,CACE,GAAGP,EAAO,CAAC,EACZ,IAAKA,EAAO,CAAC,EAAE,GACf,QAAS,IAAM,CACTI,EAAa,SACfH,EAAS,CACP,QAASD,EAAO,CAAC,EAAE,GACnB,KAAM,QACR,CAAC,CACL,CAAA,CACF,EAEDD,CACH,CAEJ,EAEaS,EAAW,IAAe,CACrC,MAAMC,EAAUZ,EAAM,WAAWD,CAAY,EAE7C,GAAIa,IAAY,OACd,MAAM,IAAI,MAAM,8CAA8C,EAGhE,OAAOA,CACT"}
+{"version":3,"file":"AlertContext.js","names":[],"sources":["../../../../src/components/alert-dialog/alert-context/AlertContext.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { useIsMountedRef } from '~/utilities/hooks/useIsMountedRef'\n\nimport { Alert } from './AlertDialog'\nimport { initialState, reducer } from './reducer'\nimport type { alert } from './types'\n\ntype context = {\n  showAlert: (data: alert) => void\n}\n\nconst AlertContext = React.createContext<context>({\n  showAlert: () => null\n})\n\nexport const AlertProvider = ({\n  children\n}: React.PropsWithChildren<unknown>) => {\n  const [alerts, dispatch] = React.useReducer(reducer, initialState)\n  const isMountedRef = useIsMountedRef()\n\n  return (\n    <AlertContext.Provider\n      value={{\n        showAlert: (content: alert) =>\n          dispatch({\n            payload: content,\n            type: 'ADD'\n          })\n      }}\n    >\n      {Boolean(alerts.length) && (\n        <Alert\n          {...alerts[0]}\n          key={alerts[0].id}\n          onClose={() => {\n            if (isMountedRef.current)\n              dispatch({\n                payload: alerts[0].id,\n                type: 'REMOVE'\n              })\n          }}\n        />\n      )}\n      {children}\n    </AlertContext.Provider>\n  )\n}\n\nexport const useAlert = (): context => {\n  const context = React.useContext(AlertContext)\n\n  if (context === undefined) {\n    throw new Error('useAlert must be used within a AlertProvider')\n  }\n\n  return context\n}\n"],"mappings":";;;;;AAYA,IAAM,IAAe,EAAM,cAAuB,EAChD,iBAAiB,MAClB,CAAC,EAEW,KAAiB,EAC5B,kBACsC;CACtC,IAAM,CAAC,GAAQ,KAAY,EAAM,WAAW,GAAS,EAAa,EAC5D,IAAe,GAAiB;AAEtC,QACE,kBAAA,cAAC,EAAa,UAAd,EACE,OAAO,EACL,YAAY,MACV,EAAS;EACP,SAAS;EACT,MAAM;EACP,CAAC,EACL,EAgBqB,EAdrB,EAAQ,EAAO,UACd,kBAAA,cAAC,GAAD;EACE,GAAI,EAAO;EACX,KAAK,EAAO,GAAG;EACf,eAAe;AACb,GAAI,EAAa,WACf,EAAS;IACP,SAAS,EAAO,GAAG;IACnB,MAAM;IACP,CAAC;;EAEN,CAAA,EAEH,EACqB;GAIf,UAA0B;CACrC,IAAM,IAAU,EAAM,WAAW,EAAa;AAE9C,KAAI,MAAY,KAAA,EACd,OAAU,MAAM,+CAA+C;AAGjE,QAAO"}

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

@@ -1,2 +1,32 @@
-import*as e from"react";import{Button as m}from"../../button/Button.js";import{Heading as d}from"../../heading/Heading.js";import{Text as u}from"../../text/Text.js";import{AlertDialog as t}from"../AlertDialog.js";import{AlertDialogIcon as A}from"./AlertDialogIcon.js";const C=({title:c,size:i,theme:n,description:o,onAction:l,cancelActionText:a,confirmActionText:r,onClose:s,confirmElement:f,cancelElement:p,...E})=>e.createElement(t,{defaultOpen:!0},e.createElement(t.Content,{size:i,onEscapeKeyDown:x=>x.preventDefault(),onCloseAutoFocus:s,...E,className:"flex max-h-[90vh] flex-col gap-8"},e.createElement("div",{className:"flex items-center gap-2"},n&&e.createElement(A,{theme:n}),e.createElement(d,{as:t.Title,size:"sm",className:"mr-4"},c)),o&&e.createElement(u,{as:t.Description,className:"flex overflow-y-auto"},o),e.createElement("div",{className:"flex flex-wrap justify-end gap-2"},e.createElement(t.Cancel,{asChild:!0},p||a&&e.createElement(m,{size:"sm",appearance:"outline",onClick:()=>l==null?void 0:l(!1)},a)),e.createElement(t.Action,{asChild:!0},f||e.createElement(m,{size:"sm",onClick:()=>l==null?void 0:l(!0)},r)))));export{C as Alert};
-//# sourceMappingURL=AlertDialog.js.map
+import { AlertDialog as e } from "../AlertDialog.js";
+import { Button as t } from "../../button/Button.js";
+import { Heading as n } from "../../heading/Heading.js";
+import { Text as r } from "../../text/Text.js";
+import { AlertDialogIcon as i } from "./AlertDialogIcon.js";
+import * as a from "react";
+//#region src/components/alert-dialog/alert-context/AlertDialog.tsx
+var o = ({ title: o, size: s, theme: c, description: l, onAction: u, cancelActionText: d, confirmActionText: f, onClose: p, confirmElement: m, cancelElement: h, ...g }) => /* @__PURE__ */ a.createElement(e, { defaultOpen: !0 }, /* @__PURE__ */ a.createElement(e.Content, {
+	size: s,
+	onEscapeKeyDown: (e) => e.preventDefault(),
+	onCloseAutoFocus: p,
+	...g,
+	className: "flex max-h-[90vh] flex-col gap-8"
+}, /* @__PURE__ */ a.createElement("div", { className: "flex items-center gap-2" }, c && /* @__PURE__ */ a.createElement(i, { theme: c }), /* @__PURE__ */ a.createElement(n, {
+	as: e.Title,
+	size: "sm",
+	className: "mr-4"
+}, o)), l && /* @__PURE__ */ a.createElement(r, {
+	as: e.Description,
+	className: "flex overflow-y-auto"
+}, l), /* @__PURE__ */ a.createElement("div", { className: "flex flex-wrap justify-end gap-2" }, /* @__PURE__ */ a.createElement(e.Cancel, { asChild: !0 }, h || d && /* @__PURE__ */ a.createElement(t, {
+	size: "sm",
+	appearance: "outline",
+	onClick: () => u?.(!1)
+}, d)), /* @__PURE__ */ a.createElement(e.Action, { asChild: !0 }, m || /* @__PURE__ */ a.createElement(t, {
+	size: "sm",
+	onClick: () => u?.(!0)
+}, f)))));
+//#endregion
+export { o as Alert };
+
+//# sourceMappingURL=AlertDialog.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AlertDialog.js","sources":["../../../../src/components/alert-dialog/alert-context/AlertDialog.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Button } from '../../button/Button'\nimport { Heading } from '../../heading/Heading'\nimport { Text } from '../../text/Text'\nimport { AlertDialog } from '../AlertDialog'\nimport { AlertDialogIcon } from './AlertDialogIcon'\nimport type { alert } from './types'\n\ntype AlertDialogContentProps = React.ComponentProps<typeof AlertDialog> & {\n  className?: string\n  onClose: () => void\n} & alert\n\nexport const Alert = ({\n  title,\n  size,\n  theme,\n  description,\n  onAction,\n  cancelActionText,\n  confirmActionText,\n  onClose,\n  confirmElement,\n  cancelElement,\n  ...remainingProps\n}: AlertDialogContentProps) => (\n  <AlertDialog defaultOpen>\n    <AlertDialog.Content\n      size={size}\n      onEscapeKeyDown={(e) => e.preventDefault()}\n      onCloseAutoFocus={onClose}\n      {...remainingProps}\n      className=\"flex max-h-[90vh] flex-col gap-8\"\n    >\n      <div className=\"flex items-center gap-2\">\n        {theme && <AlertDialogIcon theme={theme} />}\n        <Heading as={AlertDialog.Title} size=\"sm\" className=\"mr-4\">\n          {title}\n        </Heading>\n      </div>\n      {description && (\n        <Text as={AlertDialog.Description} className=\"flex overflow-y-auto\">\n          {description}\n        </Text>\n      )}\n      <div className=\"flex flex-wrap justify-end gap-2\">\n        <AlertDialog.Cancel asChild>\n          {cancelElement ||\n            (cancelActionText && (\n              <Button\n                size=\"sm\"\n                appearance=\"outline\"\n                onClick={() => onAction?.(false)}\n              >\n                {cancelActionText}\n              </Button>\n            ))}\n        </AlertDialog.Cancel>\n        <AlertDialog.Action asChild>\n          {confirmElement || (\n            <Button size=\"sm\" onClick={() => onAction?.(true)}>\n              {confirmActionText}\n            </Button>\n          )}\n        </AlertDialog.Action>\n      </div>\n    </AlertDialog.Content>\n  </AlertDialog>\n)\n"],"names":["Alert","title","size","theme","description","onAction","cancelActionText","confirmActionText","onClose","confirmElement","cancelElement","remainingProps","React","AlertDialog","e","AlertDialogIcon","Heading","Text","Button"],"mappings":"4QAca,MAAAA,EAAQ,CAAC,CACpB,MAAAC,EACA,KAAAC,EACA,MAAAC,EACA,YAAAC,EACA,SAAAC,EACA,iBAAAC,EACA,kBAAAC,EACA,QAAAC,EACA,eAAAC,EACA,cAAAC,EACA,GAAGC,CACL,IACEC,EAAA,cAACC,EAAA,CAAY,YAAW,EAAA,EACtBD,EAAA,cAACC,EAAY,QAAZ,CACC,KAAMX,EACN,gBAAkBY,GAAMA,EAAE,iBAC1B,iBAAkBN,EACjB,GAAGG,EACJ,UAAU,kCAEVC,EAAAA,EAAA,cAAC,MAAI,CAAA,UAAU,2BACZT,GAASS,EAAA,cAACG,EAAA,CAAgB,MAAOZ,CAAAA,CAAO,EACzCS,EAAA,cAACI,EAAA,CAAQ,GAAIH,EAAY,MAAO,KAAK,KAAK,UAAU,MACjDZ,EAAAA,CACH,CACF,EACCG,GACCQ,EAAA,cAACK,EAAA,CAAK,GAAIJ,EAAY,YAAa,UAAU,wBAC1CT,CACH,EAEFQ,EAAA,cAAC,MAAA,CAAI,UAAU,kCAAA,EACbA,EAAA,cAACC,EAAY,OAAZ,CAAmB,QAAO,IACxBH,GACEJ,GACCM,EAAA,cAACM,EAAA,CACC,KAAK,KACL,WAAW,UACX,QAAS,IAAMb,GAAA,KAAA,OAAAA,EAAW,EAEzBC,CAAAA,EAAAA,CACH,CAEN,EACAM,EAAA,cAACC,EAAY,OAAZ,CAAmB,QAAO,IACxBJ,GACCG,EAAA,cAACM,EAAA,CAAO,KAAK,KAAK,QAAS,IAAMb,GAAA,YAAAA,EAAW,EAAA,CAAA,EACzCE,CACH,CAEJ,CACF,CACF,CACF"}
+{"version":3,"file":"AlertDialog.js","names":[],"sources":["../../../../src/components/alert-dialog/alert-context/AlertDialog.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Button } from '../../button/Button'\nimport { Heading } from '../../heading/Heading'\nimport { Text } from '../../text/Text'\nimport { AlertDialog } from '../AlertDialog'\nimport { AlertDialogIcon } from './AlertDialogIcon'\nimport type { alert } from './types'\n\ntype AlertDialogContentProps = React.ComponentProps<typeof AlertDialog> & {\n  className?: string\n  onClose: () => void\n} & alert\n\nexport const Alert = ({\n  title,\n  size,\n  theme,\n  description,\n  onAction,\n  cancelActionText,\n  confirmActionText,\n  onClose,\n  confirmElement,\n  cancelElement,\n  ...remainingProps\n}: AlertDialogContentProps) => (\n  <AlertDialog defaultOpen>\n    <AlertDialog.Content\n      size={size}\n      onEscapeKeyDown={(e) => e.preventDefault()}\n      onCloseAutoFocus={onClose}\n      {...remainingProps}\n      className=\"flex max-h-[90vh] flex-col gap-8\"\n    >\n      <div className=\"flex items-center gap-2\">\n        {theme && <AlertDialogIcon theme={theme} />}\n        <Heading as={AlertDialog.Title} size=\"sm\" className=\"mr-4\">\n          {title}\n        </Heading>\n      </div>\n      {description && (\n        <Text as={AlertDialog.Description} className=\"flex overflow-y-auto\">\n          {description}\n        </Text>\n      )}\n      <div className=\"flex flex-wrap justify-end gap-2\">\n        <AlertDialog.Cancel asChild>\n          {cancelElement ||\n            (cancelActionText && (\n              <Button\n                size=\"sm\"\n                appearance=\"outline\"\n                onClick={() => onAction?.(false)}\n              >\n                {cancelActionText}\n              </Button>\n            ))}\n        </AlertDialog.Cancel>\n        <AlertDialog.Action asChild>\n          {confirmElement || (\n            <Button size=\"sm\" onClick={() => onAction?.(true)}>\n              {confirmActionText}\n            </Button>\n          )}\n        </AlertDialog.Action>\n      </div>\n    </AlertDialog.Content>\n  </AlertDialog>\n)\n"],"mappings":";;;;;;;AAcA,IAAa,KAAS,EACpB,UACA,SACA,UACA,gBACA,aACA,qBACA,sBACA,YACA,mBACA,kBACA,GAAG,QAEH,kBAAA,cAAC,GAAD,EAAa,aAAA,IAyCC,EAxCZ,kBAAA,cAAC,EAAY,SAAb;CACQ;CACN,kBAAkB,MAAM,EAAE,gBAAgB;CAC1C,kBAAkB;CAClB,GAAI;CACJ,WAAU;CAkCU,EAhCpB,kBAAA,cAAC,OAAD,EAAK,WAAU,2BAKT,EAJH,KAAS,kBAAA,cAAC,GAAD,EAAwB,UAAS,CAAA,EAC3C,kBAAA,cAAC,GAAD;CAAS,IAAI,EAAY;CAAO,MAAK;CAAK,WAAU;CAE1C,EADP,EACO,CACN,EACL,KACC,kBAAA,cAAC,GAAD;CAAM,IAAI,EAAY;CAAa,WAAU;CAEtC,EADJ,EACI,EAET,kBAAA,cAAC,OAAD,EAAK,WAAU,oCAoBT,EAnBJ,kBAAA,cAAC,EAAY,QAAb,EAAoB,SAAA,IAWC,EAVlB,KACE,KACC,kBAAA,cAAC,GAAD;CACE,MAAK;CACL,YAAW;CACX,eAAe,IAAW,GAAM;CAGzB,EADN,EACM,CAEM,EACrB,kBAAA,cAAC,EAAY,QAAb,EAAoB,SAAA,IAMC,EALlB,KACC,kBAAA,cAAC,GAAD;CAAQ,MAAK;CAAK,eAAe,IAAW,GAAK;CAExC,EADN,EACM,CAEQ,CACjB,CACc,CACV"}