@atom-learning/components 6.6.0-beta.1 → 6.6.0-beta.2

package/dist/_virtual/_rolldown/runtime.js

@@ -1,11 +1,13 @@
 //#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
+var __defProp = Object.defineProperty;
+var __exportAll = (all, no_symbols) => {
+	let target = {};
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
 	});
-	return n || e(r, Symbol.toStringTag, { value: "Module" }), r;
+	if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
+	return target;
 };
 //#endregion
-export { t as __exportAll };
+export { __exportAll };

package/dist/components/accordion/Accordion.js

@@ -1,18 +1,21 @@
-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";
+import { AccordionContent } from "./AccordionContent.js";
+import { AccordionItem } from "./AccordionItem.js";
+import { AccordionTrigger } from "./AccordionTrigger.js";
+import { Root } from "@radix-ui/react-accordion";
+import clsx from "clsx";
+import React 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";
+var Accordion = React.forwardRef(({ type = "single", className, children, ...remainingProps }, ref) => /* @__PURE__ */ React.createElement(Root, {
+	ref,
+	type,
+	className: clsx("w-full", className),
+	...remainingProps
+}, children));
+Accordion.Item = AccordionItem;
+Accordion.Content = AccordionContent;
+Accordion.Trigger = AccordionTrigger;
+Accordion.displayName = "Accordion";
 //#endregion
-export { o as Accordion };
+export { Accordion };
 
 //# sourceMappingURL=Accordion.js.map

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

@@ -1 +1 @@
-{"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"}
+{"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,YAAY,MAAM,YAC5B,EAAE,OAAO,UAAU,WAAW,UAAU,GAAG,kBAAkB,QAG5D,sBAAA,cAAC,MAAD;CACO;CACC;CACN,WAAW,KAAK,UAAU,UAAU;CACpC,GAAI;CAGC,EADJ,SACI,CAEV;AAED,UAAU,OAAO;AACjB,UAAU,UAAU;AACpB,UAAU,UAAU;AAEpB,UAAU,cAAc"}

package/dist/components/accordion/AccordionContent.js

@@ -1,9 +1,9 @@
-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";
+import { styled } from "../../styled.js";
+import { CSSWrapper } from "../../utilities/css-wrapper/CSSWrapper.js";
+import { Content } from "@radix-ui/react-accordion";
+import React from "react";
 //#region src/components/accordion/AccordionContent.tsx
-var i = e(n, { base: [
+var StyledContent = styled(Content, { base: [
 	"border-none",
 	"w-full",
 	"bg-(--base-1)",
@@ -12,8 +12,9 @@ var i = e(n, { base: [
 	"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));
+] });
+var AccordionContent = ({ children, className, ...remainingProps }) => /* @__PURE__ */ React.createElement(StyledContent, remainingProps, /* @__PURE__ */ React.createElement(CSSWrapper, { className }, children));
 //#endregion
-export { a as AccordionContent };
+export { AccordionContent };
 
 //# sourceMappingURL=AccordionContent.js.map

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

@@ -1 +1 @@
-{"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    'border-none',\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;CACA;CACD,EACF,CAAC,EAEW,KAAoB,EAC/B,aACA,cACA,GAAG,QAEH,kBAAA,cAAC,GAAkB,GACjB,kBAAA,cAAC,GAAD,EAAuB,cAAkC,EAAtB,EAAsB,CAC3C"}
+{"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    'border-none',\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,gBAAgB,OAAO,SAAS,EACpC,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACF,CAAC;AAEF,IAAa,oBAAoB,EAC/B,UACA,WACA,GAAG,qBAEH,sBAAA,cAAC,eAAkB,gBACjB,sBAAA,cAAC,YAAD,EAAuB,WAAkC,EAAtB,SAAsB,CAC3C"}

package/dist/components/accordion/AccordionItem.js

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

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

@@ -1 +1 @@
-{"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"}
+{"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,gBAAgB,OAAO,MAAM,EACxC,MAAM,CAAC,UAAU,gBAAgB,EAClC,CAAC"}

package/dist/components/accordion/AccordionTrigger.js

@@ -1,16 +1,17 @@
-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";
+import { styled } from "../../styled.js";
+import { ColorScheme } from "../../experiments/color-scheme/ColorScheme.js";
+import { Icon } from "../icon/Icon.js";
+import { Trigger } from "@radix-ui/react-accordion";
+import React from "react";
+import { ChevronDown } from "@atom-learning/icons";
 //#region src/components/accordion/AccordionTrigger.tsx
-var o = e(n, { base: [
+var RotatingIcon = styled(Icon, { base: [
 	"transition-transform",
 	"duration-300",
 	"[[data-state=open]>&]:rotate-180",
 	"[[data-state=closed]>&]:rotate-0"
-] }), s = e(r, {
+] });
+var StyledTrigger = styled(Trigger, {
 	base: [
 		"border-none",
 		"py-3",
@@ -44,20 +45,21 @@ var o = e(n, { base: [
 		],
 		right: []
 	} }
-}), c = ({ children: e, colorScheme: n = {}, asChild: r, arrowPosition: c = "right", ...l }) => /* @__PURE__ */ i.createElement(t, {
-	asChild: !0,
+});
+var AccordionTrigger = ({ children, colorScheme = {}, asChild, arrowPosition = "right", ...remainingProps }) => /* @__PURE__ */ React.createElement(ColorScheme, {
+	asChild: true,
 	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,
+	...colorScheme
+}, /* @__PURE__ */ React.createElement(StyledTrigger, {
+	asChild,
+	arrowPosition,
+	...remainingProps
+}, asChild ? children : /* @__PURE__ */ React.createElement(React.Fragment, null, children, /* @__PURE__ */ React.createElement(RotatingIcon, {
+	is: ChevronDown,
 	"data-testid": "accordion-chevron"
 }))));
 //#endregion
-export { c as AccordionTrigger };
+export { AccordionTrigger };
 
 //# sourceMappingURL=AccordionTrigger.js.map

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

@@ -1 +1 @@
-{"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    'border-none',\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;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"}
+{"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    'border-none',\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,eAAe,OAAO,MAAM,EAChC,MAAM;CACJ;CACA;CACA;CACA;CACD,EACF,CAAC;AAEF,IAAM,gBAAgB,OAAO,SAAS;CACpC,MAAM;EACJ;EACA;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;AAEF,IAAa,oBAAoB,EAC/B,UACA,cAAc,EAAE,EAChB,SACA,gBAAgB,SAChB,GAAG,qBAIH,sBAAA,cAAC,aAAD;CAAa,SAAA;CAAQ,QAAO;CAAQ,aAAY;CAAa,GAAI;CAenD,EAdZ,sBAAA,cAAC,eAAD;CACW;CACM;CACf,GAAI;CAUU,EARb,UACC,WAEA,sBAAA,cAAA,MAAA,UAAA,MACG,UACD,sBAAA,cAAC,cAAD;CAAc,IAAI;CAAa,eAAY;CAAsB,CAAA,CAChE,CAES,CACJ"}

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

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

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

@@ -1 +1 @@
-{"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"}
+{"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,oBAAoB;CAC/B,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL"}

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

@@ -1,12 +1,12 @@
-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";
+import { styled } from "../../styled.js";
+import { Icon } from "../icon/Icon.js";
+import { OptionalTooltipWrapper } from "../../utilities/optional-tooltip-wrapper/OptionalTooltipWrapper.js";
+import { getExternalAnchorProps } from "../../utilities/uri/index.js";
+import { ActionIconSizeMap } from "./ActionIcon.constants.js";
+import * as React$1 from "react";
+import invariant from "invariant";
 //#region src/components/action-icon/ActionIcon.tsx
-var s = e("button", {
+var StyledButton = styled("button", {
 	base: [
 		"items-center",
 		"appearance-none",
@@ -100,36 +100,38 @@ var s = e("button", {
 		},
 		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 ? {
+}, { enabledResponsiveVariants: true });
+var ActionIcon = React$1.forwardRef(({ children, theme = "primary", appearance = "simple", size = "sm", label, href, disabled, hasTooltip = true, tooltipSide, ...remainingProps }, ref) => {
+	const INVALID_CHILDREN_MESSAGE = `A single ${Icon.displayName} component is permitted as a child of ${ActionIcon.displayName}`;
+	invariant(React$1.Children.count(children) === 1, INVALID_CHILDREN_MESSAGE);
+	const optionalLinkProps = href ? {
 		as: "a",
-		href: m ? void 0 : p,
+		href: disabled ? void 0 : href,
 		onClick: void 0,
-		"aria-disabled": !!m
+		"aria-disabled": !!disabled
 	} : { 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] });
+	return /* @__PURE__ */ React$1.createElement(OptionalTooltipWrapper, {
+		hasTooltip,
+		label,
+		tooltipSide
+	}, /* @__PURE__ */ React$1.createElement(StyledButton, {
+		...optionalLinkProps,
+		...getExternalAnchorProps(href),
+		...remainingProps,
+		"aria-label": label,
+		theme,
+		appearance,
+		size,
+		ref,
+		disabled
+	}, React$1.Children.map(children, (child) => {
+		if (!React$1.isValidElement(child)) throw new Error(INVALID_CHILDREN_MESSAGE);
+		invariant(child.type === Icon, `Children of type ${child?.type} aren't permitted. Only an ${Icon.displayName} component is allowed in ${ActionIcon.displayName}`);
+		return React$1.cloneElement(child, { size: ActionIconSizeMap[size] });
 	})));
 });
-c.displayName = "ActionIcon";
+ActionIcon.displayName = "ActionIcon";
 //#endregion
-export { c as ActionIcon };
+export { ActionIcon };
 
 //# sourceMappingURL=ActionIcon.js.map

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

@@ -1 +1 @@
-{"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      'box-border',\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;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"}
+{"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      'box-border',\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,eAAe,OACnB,UACA;CACE,MAAM;EACJ;EACA;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,MAC5B,CACF;AAWD,IAAa,aAAa,QAAM,YAE5B,EACE,UACA,QAAQ,WACR,aAAa,UACb,OAAO,MACP,OACA,MACA,UACA,aAAa,MACb,aACA,GAAG,kBAEL,QACG;CACH,MAAM,2BAA2B,YAAY,KAAK,YAAY,wCAAwC,WAAW;AAEjH,WAAU,QAAM,SAAS,MAAM,SAAS,KAAK,GAAG,yBAAyB;CAIzE,MAAM,oBAAoB,OACrB;EACC,IAAI;EACJ,MAAM,WAAW,KAAA,IAAY;EAC7B,SAAS,KAAA;EACT,iBAAiB,CAAC,CAAC;EACpB,GACA,EAAE,MAAM,UAAU;AAEvB,QACE,wBAAA,cAAC,wBAAD;EACc;EACL;EACM;EAiCU,EA/BvB,wBAAA,cAAC,cAAD;EACE,GAAK;EACL,GAAI,uBAAuB,KAAK;EAChC,GAAI;EACJ,cAAY;EACL;EACK;EACN;EACD;EACK;EAqBG,EAnBZ,QAAM,SAAS,IAAI,WAAW,UAAU;AAGvC,MAAI,CAAC,QAAM,eAAe,MAAM,CAC9B,OAAM,IAAI,MAAM,yBAAyB;AAG3C,YACE,MAAM,SAAS,MACf,oBAAoB,OAAO,KAAK,6BAA6B,KAAK,YAAY,2BAA2B,WAAW,cACrH;AAED,SAAO,QAAM,aACX,OACA,EACE,MAAM,kBAAkB,OACzB,CACF;GACD,CACW,CACQ;EAG9B;AAED,WAAW,cAAc"}

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

@@ -1,16 +1,16 @@
-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";
+import { AlertDialogContent } from "./AlertDialogContent.js";
+import { Action, Cancel, Description, Root, Title, Trigger } 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
+var AlertDialog = Object.assign(Root, {
+	Description,
+	Title,
+	Action,
+	Cancel,
+	Content: AlertDialogContent,
+	Trigger
 });
-s.displayName = "AlertDialog";
+AlertDialog.displayName = "AlertDialog";
 //#endregion
-export { s as AlertDialog };
+export { AlertDialog };
 
 //# sourceMappingURL=AlertDialog.js.map

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

@@ -1 +1 @@
-{"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"}
+{"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,cAAc,OAAO,OAAO,MAAM;CAChC;CACN;CACC;CACA;CACR,SAAS;CACA;CACV,CAAC;AAEF,YAAY,cAAc"}

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

@@ -1,8 +1,8 @@
-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";
+import { styled } from "../../styled.js";
+import * as React$1 from "react";
+import { Content, Overlay, Portal } from "@radix-ui/react-alert-dialog";
 //#region src/components/alert-dialog/AlertDialogContent.tsx
-var a = e(r, { base: [
+var StyledAlertDialogOverlay = styled(Overlay, { base: [
 	"bg-alpha-600",
 	"top-0",
 	"right-0",
@@ -12,7 +12,8 @@ var a = e(r, { base: [
 	"z-1147483646",
 	"motion-safe:data-[state=open]:animate-fade-in",
 	"motion-safe:data-[state=closed]:animate-fade-out"
-] }), o = e(n, {
+] });
+var StyledAlertDialogContent = styled(Content, {
 	base: [
 		"transform-[translate(-50%,-50%)]",
 		"bg-white",
@@ -34,11 +35,12 @@ var a = e(r, { base: [
 		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
+});
+var AlertDialogContent = ({ size = "sm", ...remainingProps }) => /* @__PURE__ */ React$1.createElement(Portal, null, /* @__PURE__ */ React$1.createElement(StyledAlertDialogOverlay, null), /* @__PURE__ */ React$1.createElement(StyledAlertDialogContent, {
+	size,
+	...remainingProps
 }));
 //#endregion
-export { s as AlertDialogContent };
+export { AlertDialogContent };
 
 //# sourceMappingURL=AlertDialogContent.js.map

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

@@ -1 +1 @@
-{"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    'box-border',\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;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"}
+{"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    'box-border',\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,2BAA2B,OAAO,SAAS,EAC/C,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACF,CAAC;AACF,IAAM,2BAA2B,OAAO,SAAS;CAC/C,MAAM;EAIJ;EACA;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;AAEF,IAAa,sBAAsB,EACjC,OAAO,MACP,GAAG,qBAEH,wBAAA,cAAC,QAAA,MACC,wBAAA,cAAC,0BAAA,KAA2B,EAC5B,wBAAA,cAAC,0BAAD;CAAgC;CAAM,GAAI;CAAkB,CAAA,CACrD"}

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

@@ -1,29 +1,32 @@
-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";
+import { useIsMountedRef } from "../../../utilities/hooks/useIsMountedRef.js";
+import { Alert } from "./AlertDialog.js";
+import { initialState, reducer } from "./reducer.js";
+import * as React$1 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,
+var AlertContext = React$1.createContext({ showAlert: () => null });
+var AlertProvider = ({ children }) => {
+	const [alerts, dispatch] = React$1.useReducer(reducer, initialState);
+	const isMountedRef = useIsMountedRef();
+	return /* @__PURE__ */ React$1.createElement(AlertContext.Provider, { value: { showAlert: (content) => dispatch({
+		payload: content,
 		type: "ADD"
-	}) } }, !!s.length && /* @__PURE__ */ i.createElement(t, {
-		...s[0],
-		key: s[0].id,
+	}) } }, Boolean(alerts.length) && /* @__PURE__ */ React$1.createElement(Alert, {
+		...alerts[0],
+		key: alerts[0].id,
 		onClose: () => {
-			l.current && c({
-				payload: s[0].id,
+			if (isMountedRef.current) dispatch({
+				payload: alerts[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;
+	}), children);
+};
+var useAlert = () => {
+	const context = React$1.useContext(AlertContext);
+	if (context === void 0) throw new Error("useAlert must be used within a AlertProvider");
+	return context;
 };
 //#endregion
-export { o as AlertProvider, s as useAlert };
+export { AlertProvider, useAlert };
 
 //# sourceMappingURL=AlertContext.js.map

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

@@ -1 +1 @@
-{"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"}
+{"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,eAAe,QAAM,cAAuB,EAChD,iBAAiB,MAClB,CAAC;AAEF,IAAa,iBAAiB,EAC5B,eACsC;CACtC,MAAM,CAAC,QAAQ,YAAY,QAAM,WAAW,SAAS,aAAa;CAClE,MAAM,eAAe,iBAAiB;AAEtC,QACE,wBAAA,cAAC,aAAa,UAAd,EACE,OAAO,EACL,YAAY,YACV,SAAS;EACP,SAAS;EACT,MAAM;EACP,CAAC,EACL,EAgBqB,EAdrB,QAAQ,OAAO,OAAO,IACrB,wBAAA,cAAC,OAAD;EACE,GAAI,OAAO;EACX,KAAK,OAAO,GAAG;EACf,eAAe;AACb,OAAI,aAAa,QACf,UAAS;IACP,SAAS,OAAO,GAAG;IACnB,MAAM;IACP,CAAC;;EAEN,CAAA,EAEH,SACqB;;AAI5B,IAAa,iBAA0B;CACrC,MAAM,UAAU,QAAM,WAAW,aAAa;AAE9C,KAAI,YAAY,KAAA,EACd,OAAM,IAAI,MAAM,+CAA+C;AAGjE,QAAO"}

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

@@ -1,32 +1,32 @@
-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";
+import { AlertDialog } from "../AlertDialog.js";
+import { Button } from "../../button/Button.js";
+import { Heading } from "../../heading/Heading.js";
+import { Text } from "../../text/Text.js";
+import { AlertDialogIcon } from "./AlertDialogIcon.js";
+import * as React$1 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,
+var Alert = ({ title, size, theme, description, onAction, cancelActionText, confirmActionText, onClose, confirmElement, cancelElement, ...remainingProps }) => /* @__PURE__ */ React$1.createElement(AlertDialog, { defaultOpen: true }, /* @__PURE__ */ React$1.createElement(AlertDialog.Content, {
+	size,
 	onEscapeKeyDown: (e) => e.preventDefault(),
-	onCloseAutoFocus: p,
-	...g,
+	onCloseAutoFocus: onClose,
+	...remainingProps,
 	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,
+}, /* @__PURE__ */ React$1.createElement("div", { className: "flex items-center gap-2" }, theme && /* @__PURE__ */ React$1.createElement(AlertDialogIcon, { theme }), /* @__PURE__ */ React$1.createElement(Heading, {
+	as: AlertDialog.Title,
 	size: "sm",
 	className: "mr-4"
-}, o)), l && /* @__PURE__ */ a.createElement(r, {
-	as: e.Description,
+}, title)), description && /* @__PURE__ */ React$1.createElement(Text, {
+	as: AlertDialog.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, {
+}, description), /* @__PURE__ */ React$1.createElement("div", { className: "flex flex-wrap justify-end gap-2" }, /* @__PURE__ */ React$1.createElement(AlertDialog.Cancel, { asChild: true }, cancelElement || cancelActionText && /* @__PURE__ */ React$1.createElement(Button, {
 	size: "sm",
 	appearance: "outline",
-	onClick: () => u?.(!1)
-}, d)), /* @__PURE__ */ a.createElement(e.Action, { asChild: !0 }, m || /* @__PURE__ */ a.createElement(t, {
+	onClick: () => onAction?.(false)
+}, cancelActionText)), /* @__PURE__ */ React$1.createElement(AlertDialog.Action, { asChild: true }, confirmElement || /* @__PURE__ */ React$1.createElement(Button, {
 	size: "sm",
-	onClick: () => u?.(!0)
-}, f)))));
+	onClick: () => onAction?.(true)
+}, confirmActionText)))));
 //#endregion
-export { o as Alert };
+export { Alert };
 
 //# sourceMappingURL=AlertDialog.js.map

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

@@ -1 +1 @@
-{"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"}
+{"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,SAAS,EACpB,OACA,MACA,OACA,aACA,UACA,kBACA,mBACA,SACA,gBACA,eACA,GAAG,qBAEH,wBAAA,cAAC,aAAD,EAAa,aAAA,MAyCC,EAxCZ,wBAAA,cAAC,YAAY,SAAb;CACQ;CACN,kBAAkB,MAAM,EAAE,gBAAgB;CAC1C,kBAAkB;CAClB,GAAI;CACJ,WAAU;CAkCU,EAhCpB,wBAAA,cAAC,OAAD,EAAK,WAAU,2BAKT,EAJH,SAAS,wBAAA,cAAC,iBAAD,EAAwB,OAAS,CAAA,EAC3C,wBAAA,cAAC,SAAD;CAAS,IAAI,YAAY;CAAO,MAAK;CAAK,WAAU;CAE1C,EADP,MACO,CACN,EACL,eACC,wBAAA,cAAC,MAAD;CAAM,IAAI,YAAY;CAAa,WAAU;CAEtC,EADJ,YACI,EAET,wBAAA,cAAC,OAAD,EAAK,WAAU,oCAoBT,EAnBJ,wBAAA,cAAC,YAAY,QAAb,EAAoB,SAAA,MAWC,EAVlB,iBACE,oBACC,wBAAA,cAAC,QAAD;CACE,MAAK;CACL,YAAW;CACX,eAAe,WAAW,MAAM;CAGzB,EADN,iBACM,CAEM,EACrB,wBAAA,cAAC,YAAY,QAAb,EAAoB,SAAA,MAMC,EALlB,kBACC,wBAAA,cAAC,QAAD;CAAQ,MAAK;CAAK,eAAe,WAAW,KAAK;CAExC,EADN,kBACM,CAEQ,CACjB,CACc,CACV"}