@atom-learning/components 6.4.2 → 6.5.0

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

@@ -1,2 +1,29 @@
-import*as e from"react";import{styled as r}from"../../../styled.js";import{Image as t}from"../../image/Image.js";import{useBannerContext as i}from"../BannerContext.js";const o=r("div",{base:["overflow-hidden","rounded-full","self-start","shrink-0"],variants:{size:{sm:["size-10"],md:["size-12"]}}},{enabledResponsiveVariants:!0}),m=r(t,{base:["max-w-none","size-full","object-cover"]}),s=n=>{const{size:a}=i();return e.createElement(o,{size:a},e.createElement(m,{...n}))};s.displayName="BannerSlimImage";export{s as BannerSlimImage};
-//# sourceMappingURL=BannerSlimImage.js.map
+import { styled as e } from "../../../styled.js";
+import { Image as t } from "../../image/Image.js";
+import { useBannerContext as n } from "../BannerContext.js";
+import * as r from "react";
+//#region src/components/banner/banner-slim/BannerSlimImage.tsx
+var i = e("div", {
+	base: [
+		"overflow-hidden",
+		"rounded-full",
+		"self-start",
+		"shrink-0"
+	],
+	variants: { size: {
+		sm: ["size-10"],
+		md: ["size-12"]
+	} }
+}, { enabledResponsiveVariants: !0 }), a = e(t, { base: [
+	"max-w-none",
+	"size-full",
+	"object-cover"
+] }), o = (e) => {
+	let { size: t } = n();
+	return /* @__PURE__ */ r.createElement(i, { size: t }, /* @__PURE__ */ r.createElement(a, e));
+};
+o.displayName = "BannerSlimImage";
+//#endregion
+export { o as BannerSlimImage };
+
+//# sourceMappingURL=BannerSlimImage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BannerSlimImage.js","sources":["../../../../src/components/banner/banner-slim/BannerSlimImage.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { Image } from '../../image/Image'\nimport { useBannerContext } from '../BannerContext'\n\nconst Container = styled(\n  'div',\n  {\n    base: ['overflow-hidden', 'rounded-full', 'self-start', 'shrink-0'],\n    variants: {\n      size: {\n        sm: ['size-10'],\n        md: ['size-12']\n      }\n    }\n  },\n  {\n    enabledResponsiveVariants: true\n  }\n)\n\nconst StyledImage = styled(Image, {\n  base: ['max-w-none', 'size-full', 'object-cover']\n})\n\nexport const BannerSlimImage = (props: React.ComponentProps<typeof Image>) => {\n  const { size } = useBannerContext()\n\n  return (\n    <Container size={size}>\n      <StyledImage {...props} />\n    </Container>\n  )\n}\n\nBannerSlimImage.displayName = 'BannerSlimImage'\n"],"names":["Container","styled","StyledImage","Image","BannerSlimImage","props","size","useBannerContext","React"],"mappings":"wKAOA,MAAMA,EAAYC,EAChB,MACA,CACE,KAAM,CAAC,kBAAmB,eAAgB,aAAc,UAAU,EAClE,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,SAAS,EACd,GAAI,CAAC,SAAS,CAChB,CACF,CACF,EACA,CACE,0BAA2B,EAC7B,CACF,EAEMC,EAAcD,EAAOE,EAAO,CAChC,KAAM,CAAC,aAAc,YAAa,cAAc,CAClD,CAAC,EAEYC,EAAmBC,GAA8C,CAC5E,KAAM,CAAE,KAAAC,CAAK,EAAIC,EAEjB,EAAA,OACEC,EAAA,cAACR,EAAA,CAAU,KAAMM,CAAAA,EACfE,EAAA,cAACN,EAAA,CAAa,GAAGG,CAAAA,CAAO,CAC1B,CAEJ,EAEAD,EAAgB,YAAc"}
+{"version":3,"file":"BannerSlimImage.js","names":[],"sources":["../../../../src/components/banner/banner-slim/BannerSlimImage.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { Image } from '../../image/Image'\nimport { useBannerContext } from '../BannerContext'\n\nconst Container = styled(\n  'div',\n  {\n    base: ['overflow-hidden', 'rounded-full', 'self-start', 'shrink-0'],\n    variants: {\n      size: {\n        sm: ['size-10'],\n        md: ['size-12']\n      }\n    }\n  },\n  {\n    enabledResponsiveVariants: true\n  }\n)\n\nconst StyledImage = styled(Image, {\n  base: ['max-w-none', 'size-full', 'object-cover']\n})\n\nexport const BannerSlimImage = (props: React.ComponentProps<typeof Image>) => {\n  const { size } = useBannerContext()\n\n  return (\n    <Container size={size}>\n      <StyledImage {...props} />\n    </Container>\n  )\n}\n\nBannerSlimImage.displayName = 'BannerSlimImage'\n"],"mappings":";;;;;AAOA,IAAM,IAAY,EAChB,OACA;CACE,MAAM;EAAC;EAAmB;EAAgB;EAAc;EAAW;CACnE,UAAU,EACR,MAAM;EACJ,IAAI,CAAC,UAAU;EACf,IAAI,CAAC,UAAU;EAChB,EACF;CACF,EACD,EACE,2BAA2B,IAC5B,CACF,EAEK,IAAc,EAAO,GAAO,EAChC,MAAM;CAAC;CAAc;CAAa;CAAe,EAClD,CAAC,EAEW,KAAmB,MAA8C;CAC5E,IAAM,EAAE,YAAS,GAAkB;AAEnC,QACE,kBAAA,cAAC,GAAD,EAAiB,SAEL,EADV,kBAAA,cAAC,GAAgB,EAAS,CAChB;;AAIhB,EAAgB,cAAc"}

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

@@ -1,2 +1,35 @@
-import*as t from"react";import{styled as a}from"../../../styled.js";import{Text as r}from"../../text/Text.js";import{useBannerContext as o}from"../BannerContext.js";const m=a(r,{base:["text-(--banner-heading-color)"],variants:{containerSize:{sm:[],md:[]},hasDismiss:{true:[]}},compoundVariants:[{containerSize:"sm",hasDismiss:!0,class:["mr-10"]}]},{enabledResponsiveVariants:!0}),s=e=>{const{size:i,hasDismiss:n}=o();return t.createElement(m,{size:"md",weight:"bold",containerSize:i,hasDismiss:n,noCapsize:!0,...e})};s.displayName="BannerSlimText";export{s as BannerSlimText};
-//# sourceMappingURL=BannerSlimText.js.map
+import { styled as e } from "../../../styled.js";
+import { Text as t } from "../../text/Text.js";
+import { useBannerContext as n } from "../BannerContext.js";
+import * as r from "react";
+//#region src/components/banner/banner-slim/BannerSlimText.tsx
+var i = e(t, {
+	base: ["text-(--banner-heading-color)"],
+	variants: {
+		containerSize: {
+			sm: [],
+			md: []
+		},
+		hasDismiss: { true: [] }
+	},
+	compoundVariants: [{
+		containerSize: "sm",
+		hasDismiss: !0,
+		class: ["mr-10"]
+	}]
+}, { enabledResponsiveVariants: !0 }), a = (e) => {
+	let { size: t, hasDismiss: a } = n();
+	return /* @__PURE__ */ r.createElement(i, {
+		size: "md",
+		weight: "bold",
+		containerSize: t,
+		hasDismiss: a,
+		noCapsize: !0,
+		...e
+	});
+};
+a.displayName = "BannerSlimText";
+//#endregion
+export { a as BannerSlimText };
+
+//# sourceMappingURL=BannerSlimText.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BannerSlimText.js","sources":["../../../../src/components/banner/banner-slim/BannerSlimText.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { Text } from '../../text/Text'\nimport { useBannerContext } from '../BannerContext'\n\nconst StyledText = styled(\n  Text,\n  {\n    base: ['text-(--banner-heading-color)'],\n    variants: {\n      containerSize: {\n        sm: [],\n        md: []\n      },\n      hasDismiss: {\n        true: []\n      }\n    },\n    compoundVariants: [\n      {\n        containerSize: 'sm',\n        hasDismiss: true,\n        class: ['mr-10']\n      }\n    ]\n  },\n  {\n    enabledResponsiveVariants: true\n  }\n)\n\nexport const BannerSlimText = (props: React.ComponentProps<typeof Text>) => {\n  const { size, hasDismiss } = useBannerContext()\n\n  return (\n    <StyledText\n      size=\"md\"\n      weight=\"bold\"\n      containerSize={size}\n      hasDismiss={hasDismiss}\n      noCapsize\n      {...props}\n    />\n  )\n}\n\nBannerSlimText.displayName = 'BannerSlimText'\n"],"names":["StyledText","styled","Text","BannerSlimText","props","size","hasDismiss","useBannerContext","React"],"mappings":"qKAOA,MAAMA,EAAaC,EACjBC,EACA,CACE,KAAM,CAAC,+BAA+B,EACtC,SAAU,CACR,cAAe,CACb,GAAI,CAAA,EACJ,GAAI,CAAA,CACN,EACA,WAAY,CACV,KAAM,CAAA,CACR,CACF,EACA,iBAAkB,CAChB,CACE,cAAe,KACf,WAAY,GACZ,MAAO,CAAC,OAAO,CACjB,CACF,CACF,EACA,CACE,0BAA2B,EAC7B,CACF,EAEaC,EAAkBC,GAA6C,CAC1E,KAAM,CAAE,KAAAC,EAAM,WAAAC,CAAW,EAAIC,EAAiB,EAE9C,OACEC,EAAA,cAACR,EAAA,CACC,KAAK,KACL,OAAO,OACP,cAAeK,EACf,WAAYC,EACZ,UAAS,GACR,GAAGF,CACN,CAAA,CAEJ,EAEAD,EAAe,YAAc"}
+{"version":3,"file":"BannerSlimText.js","names":[],"sources":["../../../../src/components/banner/banner-slim/BannerSlimText.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { Text } from '../../text/Text'\nimport { useBannerContext } from '../BannerContext'\n\nconst StyledText = styled(\n  Text,\n  {\n    base: ['text-(--banner-heading-color)'],\n    variants: {\n      containerSize: {\n        sm: [],\n        md: []\n      },\n      hasDismiss: {\n        true: []\n      }\n    },\n    compoundVariants: [\n      {\n        containerSize: 'sm',\n        hasDismiss: true,\n        class: ['mr-10']\n      }\n    ]\n  },\n  {\n    enabledResponsiveVariants: true\n  }\n)\n\nexport const BannerSlimText = (props: React.ComponentProps<typeof Text>) => {\n  const { size, hasDismiss } = useBannerContext()\n\n  return (\n    <StyledText\n      size=\"md\"\n      weight=\"bold\"\n      containerSize={size}\n      hasDismiss={hasDismiss}\n      noCapsize\n      {...props}\n    />\n  )\n}\n\nBannerSlimText.displayName = 'BannerSlimText'\n"],"mappings":";;;;;AAOA,IAAM,IAAa,EACjB,GACA;CACE,MAAM,CAAC,gCAAgC;CACvC,UAAU;EACR,eAAe;GACb,IAAI,EAAE;GACN,IAAI,EAAE;GACP;EACD,YAAY,EACV,MAAM,EAAE,EACT;EACF;CACD,kBAAkB,CAChB;EACE,eAAe;EACf,YAAY;EACZ,OAAO,CAAC,QAAQ;EACjB,CACF;CACF,EACD,EACE,2BAA2B,IAC5B,CACF,EAEY,KAAkB,MAA6C;CAC1E,IAAM,EAAE,SAAM,kBAAe,GAAkB;AAE/C,QACE,kBAAA,cAAC,GAAD;EACE,MAAK;EACL,QAAO;EACP,eAAe;EACH;EACZ,WAAA;EACA,GAAI;EACJ,CAAA;;AAIN,EAAe,cAAc"}

package/dist/components/box/Box.js

@@ -1,2 +1,8 @@
-import{styled as e}from"../../styled.js";const o=e("div",{base:[]});o.displayName="Box";export{o as Box};
-//# sourceMappingURL=Box.js.map
+import { styled as e } from "../../styled.js";
+//#region src/components/box/Box.tsx
+var t = e("div", { base: [] });
+t.displayName = "Box";
+//#endregion
+export { t as Box };
+
+//# sourceMappingURL=Box.js.map

package/dist/components/box/Box.js.map

@@ -1 +1 @@
-{"version":3,"file":"Box.js","sources":["../../../src/components/box/Box.tsx"],"sourcesContent":["import { styled } from '~/styled'\n\nexport const Box = styled('div', {\n  base: []\n})\n\nBox.displayName = 'Box'\n"],"names":["Box","styled"],"mappings":"yCAEO,MAAMA,EAAMC,EAAO,MAAO,CAC/B,KAAM,CAAA,CACR,CAAC,EAEDD,EAAI,YAAc"}
+{"version":3,"file":"Box.js","names":[],"sources":["../../../src/components/box/Box.tsx"],"sourcesContent":["import { styled } from '~/styled'\n\nexport const Box = styled('div', {\n  base: []\n})\n\nBox.displayName = 'Box'\n"],"mappings":";;AAEA,IAAa,IAAM,EAAO,OAAO,EAC/B,MAAM,EAAE,EACT,CAAC;AAEF,EAAI,cAAc"}

package/dist/components/button/Button.js

@@ -1,2 +1,161 @@
-import*as e from"react";import{Loader as p}from"../loader/Loader.js";import{styled as s}from"../../styled.js";import{getExternalAnchorProps as b}from"../../utilities/uri/index.js";const l=s("button",{base:["items-center","bg-[unset]","rounded-md","cursor-pointer","flex","font-body","font-semibold","justify-center","no-underline","transition-all","duration-100","ease-out","whitespace-nowrap","w-max","disabled:cursor-not-allowed","disabled:opacity-30"],variants:{theme:{primary:["[--base:var(--color-primary-800)]","[--interact:var(--color-primary-900)]","[--active:var(--color-primary-1000)]"],secondary:["[--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)]","[--text:var(--color-grey-800)]"],danger:["[--base:var(--color-danger)]","[--interact:var(--color-danger-mid)]","[--active:var(--color-danger-dark)]"],neutral:["[--base:white]","[--interact:rgba(255,255,255,0.9)]","[--active:rgba(255,255,255,0.75)]","[--text:var(--color-primary-800)]"]},appearance:{solid:["bg-(--base)","text-(--text,white)","disabled:opacity-30","disabled:cursor-not-allowed","not-disabled:hover:bg-(--interact)","not-disabled:hover:text-(--text,white)","not-disabled:focus:bg-(--interact)","not-disabled:focus:text-(--text,white)","not-disabled:active:bg-(--active)"],outline:["border","border-current","text-(--base)","disabled:opacity-30","disabled:cursor-not-allowed","not-disabled:hover:no-underline","not-disabled:hover:text-(--interact)","not-disabled:focus:no-underline","not-disabled:focus:text-(--interact)","not-disabled:active:text-(--active)"]},size:{sm:["text-sm","leading-[1.53]","h-8","px-4","gap-2","[&_svg]:size-4"],md:["text-md","leading-normal","h-10","px-8","gap-3","[&_svg]:size-5"],lg:["text-lg","leading-normal","h-12","px-8","gap-3","[&_svg]:size-[22px]"],xl:["text-lg","leading-normal","h-16","px-8","gap-3","[&_svg]:size-[22px]"]},isLoading:{true:["cursor-not-allowed opacity-60 pointer-events-none"]},fullWidth:{true:["w-full"],false:["w-max"]}},defaultVariants:{appearance:"solid",size:"md",theme:"primary"}},{enabledResponsiveVariants:!0}),v=s("span",{base:["items-center","flex","justify-center","invisible"],variants:{size:{sm:["gap-2"],md:["gap-3"],lg:["gap-3"],xl:["gap-3"]}},defaultVariants:{size:"md"}},{enabledResponsiveVariants:!0}),g=({size:a,children:r})=>e.createElement(e.Fragment,null,e.createElement(p,{className:"absolute"}),e.createElement(v,{size:a},r)),d=e.forwardRef(({children:a,as:r,href:t,isLoading:i=!1,onClick:c,disabled:o,...n},m)=>e.createElement(l,{as:r||(t?"a":void 0),...!o&&!i&&{href:t,onClick:c},isLoading:i,type:t?void 0:"button",disabled:o,...n,...b(t),ref:m},i?e.createElement(g,{size:n.size},a):a));d.displayName="Button";export{d as Button,l as StyledButton};
-//# sourceMappingURL=Button.js.map
+import { styled as e } from "../../styled.js";
+import { getExternalAnchorProps as t } from "../../utilities/uri/index.js";
+import { Loader as n } from "../loader/Loader.js";
+import * as r from "react";
+//#region src/components/button/Button.tsx
+var i = e("button", {
+	base: [
+		"items-center",
+		"bg-[unset]",
+		"rounded-md",
+		"cursor-pointer",
+		"flex",
+		"font-body",
+		"font-semibold",
+		"justify-center",
+		"no-underline",
+		"transition-all",
+		"duration-100",
+		"ease-out",
+		"whitespace-nowrap",
+		"w-max",
+		"disabled:cursor-not-allowed",
+		"disabled:opacity-30"
+	],
+	variants: {
+		theme: {
+			primary: [
+				"[--base:var(--color-primary-800)]",
+				"[--interact:var(--color-primary-900)]",
+				"[--active:var(--color-primary-1000)]"
+			],
+			secondary: [
+				"[--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)]",
+				"[--text:var(--color-grey-800)]"
+			],
+			danger: [
+				"[--base:var(--color-danger)]",
+				"[--interact:var(--color-danger-mid)]",
+				"[--active:var(--color-danger-dark)]"
+			],
+			neutral: [
+				"[--base:white]",
+				"[--interact:rgba(255,255,255,0.9)]",
+				"[--active:rgba(255,255,255,0.75)]",
+				"[--text:var(--color-primary-800)]"
+			]
+		},
+		appearance: {
+			solid: [
+				"bg-(--base)",
+				"text-(--text,white)",
+				"disabled:opacity-30",
+				"disabled:cursor-not-allowed",
+				"not-disabled:hover:bg-(--interact)",
+				"not-disabled:hover:text-(--text,white)",
+				"not-disabled:focus:bg-(--interact)",
+				"not-disabled:focus:text-(--text,white)",
+				"not-disabled:active:bg-(--active)"
+			],
+			outline: [
+				"border",
+				"border-current",
+				"text-(--base)",
+				"disabled:opacity-30",
+				"disabled:cursor-not-allowed",
+				"not-disabled:hover:no-underline",
+				"not-disabled:hover:text-(--interact)",
+				"not-disabled:focus:no-underline",
+				"not-disabled:focus:text-(--interact)",
+				"not-disabled:active:text-(--active)"
+			]
+		},
+		size: {
+			sm: [
+				"text-sm",
+				"leading-[1.53]",
+				"h-8",
+				"px-4",
+				"gap-2",
+				"[&_svg]:size-4"
+			],
+			md: [
+				"text-md",
+				"leading-normal",
+				"h-10",
+				"px-8",
+				"gap-3",
+				"[&_svg]:size-5"
+			],
+			lg: [
+				"text-lg",
+				"leading-normal",
+				"h-12",
+				"px-8",
+				"gap-3",
+				"[&_svg]:size-[22px]"
+			],
+			xl: [
+				"text-lg",
+				"leading-normal",
+				"h-16",
+				"px-8",
+				"gap-3",
+				"[&_svg]:size-[22px]"
+			]
+		},
+		isLoading: { true: ["cursor-not-allowed opacity-60 pointer-events-none"] },
+		fullWidth: {
+			true: ["w-full"],
+			false: ["w-max"]
+		}
+	},
+	defaultVariants: {
+		appearance: "solid",
+		size: "md",
+		theme: "primary"
+	}
+}, { enabledResponsiveVariants: !0 }), a = e("span", {
+	base: [
+		"items-center",
+		"flex",
+		"justify-center",
+		"invisible"
+	],
+	variants: { size: {
+		sm: ["gap-2"],
+		md: ["gap-3"],
+		lg: ["gap-3"],
+		xl: ["gap-3"]
+	} },
+	defaultVariants: { size: "md" }
+}, { enabledResponsiveVariants: !0 }), o = ({ size: e, children: t }) => /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(n, { className: "absolute" }), /* @__PURE__ */ r.createElement(a, { size: e }, t)), s = r.forwardRef(({ children: e, as: n, href: a, isLoading: s = !1, onClick: c, disabled: l, ...u }, d) => /* @__PURE__ */ r.createElement(i, {
+	as: n || (a ? "a" : void 0),
+	...!l && !s && {
+		href: a,
+		onClick: c
+	},
+	isLoading: s,
+	type: a ? void 0 : "button",
+	disabled: l,
+	...u,
+	...t(a),
+	ref: d
+}, s ? /* @__PURE__ */ r.createElement(o, { size: u.size }, e) : e));
+s.displayName = "Button";
+//#endregion
+export { s as Button, i as StyledButton };
+
+//# sourceMappingURL=Button.js.map

package/dist/components/button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../src/components/button/Button.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Loader } from '~/components/loader/Loader'\nimport { styled } from '~/styled'\nimport { NavigatorActions } from '~/types/navigatorActions.types'\nimport { Override } from '~/utilities/types'\nimport { getExternalAnchorProps } from '~/utilities/uri'\n\nexport const StyledButton = styled(\n  'button',\n  {\n    base: [\n      'items-center',\n      'bg-[unset]',\n      'rounded-md',\n      'cursor-pointer',\n      'flex',\n      'font-body',\n      'font-semibold',\n      'justify-center',\n      'no-underline',\n      'transition-all',\n      'duration-100',\n      'ease-out',\n      'whitespace-nowrap',\n      'w-max',\n      'disabled:cursor-not-allowed',\n      'disabled:opacity-30'\n    ],\n    variants: {\n      theme: {\n        primary: [\n          '[--base:var(--color-primary-800)]',\n          '[--interact:var(--color-primary-900)]',\n          '[--active:var(--color-primary-1000)]'\n        ],\n        secondary: [\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          '[--text:var(--color-grey-800)]'\n        ],\n        danger: [\n          '[--base:var(--color-danger)]',\n          '[--interact:var(--color-danger-mid)]',\n          '[--active:var(--color-danger-dark)]'\n        ],\n        neutral: [\n          '[--base:white]',\n          '[--interact:rgba(255,255,255,0.9)]',\n          '[--active:rgba(255,255,255,0.75)]',\n          '[--text:var(--color-primary-800)]'\n        ]\n      },\n      appearance: {\n        solid: [\n          'bg-(--base)',\n          'text-(--text,white)',\n          'disabled:opacity-30',\n          'disabled:cursor-not-allowed',\n          'not-disabled:hover:bg-(--interact)',\n          'not-disabled:hover:text-(--text,white)',\n          'not-disabled:focus:bg-(--interact)',\n          'not-disabled:focus:text-(--text,white)',\n          'not-disabled:active:bg-(--active)'\n        ],\n        outline: [\n          'border',\n          'border-current',\n          'text-(--base)',\n          'disabled:opacity-30',\n          'disabled:cursor-not-allowed',\n          'not-disabled:hover:no-underline',\n          'not-disabled:hover:text-(--interact)',\n          'not-disabled:focus:no-underline',\n          'not-disabled:focus:text-(--interact)',\n          'not-disabled:active:text-(--active)'\n        ]\n      },\n      size: {\n        sm: [\n          'text-sm',\n          'leading-[1.53]',\n          'h-8',\n          'px-4',\n          'gap-2',\n          '[&_svg]:size-4'\n        ],\n        md: [\n          'text-md',\n          'leading-normal',\n          'h-10',\n          'px-8',\n          'gap-3',\n          '[&_svg]:size-5'\n        ],\n        lg: [\n          'text-lg',\n          'leading-normal',\n          'h-12',\n          'px-8',\n          'gap-3',\n          '[&_svg]:size-[22px]'\n        ],\n        xl: [\n          'text-lg',\n          'leading-normal',\n          'h-16',\n          'px-8',\n          'gap-3',\n          '[&_svg]:size-[22px]'\n        ]\n      },\n      isLoading: {\n        true: ['cursor-not-allowed opacity-60 pointer-events-none']\n      },\n      fullWidth: {\n        true: ['w-full'],\n        false: ['w-max']\n      }\n    },\n    defaultVariants: {\n      appearance: 'solid',\n      size: 'md',\n      theme: 'primary'\n    }\n  },\n  {\n    enabledResponsiveVariants: true\n  }\n)\n\nconst LoaderContentsWrapper = styled(\n  'span',\n  {\n    base: ['items-center', 'flex', 'justify-center', 'invisible'],\n    variants: {\n      size: {\n        sm: ['gap-2'],\n        md: ['gap-3'],\n        lg: ['gap-3'],\n        xl: ['gap-3']\n      }\n    },\n    defaultVariants: {\n      size: 'md'\n    }\n  },\n  {\n    enabledResponsiveVariants: true\n  }\n)\n\nconst WithLoader = ({\n  size,\n  children\n}: React.ComponentProps<typeof LoaderContentsWrapper>) => (\n  <>\n    <Loader className=\"absolute\" />\n    <LoaderContentsWrapper size={size}>{children}</LoaderContentsWrapper>\n  </>\n)\n\ntype ButtonProps = Override<\n  React.ComponentProps<typeof StyledButton>,\n  {\n    children: React.ReactNode\n    href?: string\n    isLoading?: boolean\n  } & NavigatorActions\n>\n\nexport const Button = React.forwardRef<HTMLElement, ButtonProps>(\n  (\n    { children, as, href, isLoading = false, onClick, disabled, ...rest },\n    ref\n  ) => (\n    <StyledButton\n      as={as || (href ? 'a' : undefined)}\n      {...(!disabled && !isLoading && { href, onClick })}\n      isLoading={isLoading}\n      type={!href ? 'button' : undefined}\n      disabled={disabled}\n      {...rest}\n      {...getExternalAnchorProps(href)}\n      ref={ref as any}\n    >\n      {isLoading ? (\n        <WithLoader size={rest.size}>{children}</WithLoader>\n      ) : (\n        children\n      )}\n    </StyledButton>\n  )\n)\n\nButton.displayName = 'Button'\n"],"names":["StyledButton","styled","LoaderContentsWrapper","WithLoader","size","children","React","Loader","Button","as","href","isLoading","onClick","disabled","rest","ref","getExternalAnchorProps"],"mappings":"oLAQO,MAAMA,EAAeC,EAC1B,SACA,CACE,KAAM,CACJ,eACA,aACA,aACA,iBACA,OACA,YACA,gBACA,iBACA,eACA,iBACA,eACA,WACA,oBACA,QACA,8BACA,qBACF,EACA,SAAU,CACR,MAAO,CACL,QAAS,CACP,oCACA,wCACA,sCACF,EACA,UAAW,CACT,qCACA,yCACA,sCACF,EACA,QAAS,CACP,gCACA,wCACA,sCACF,EACA,QAAS,CACP,gCACA,wCACA,uCACA,gCACF,EACA,OAAQ,CACN,+BACA,uCACA,qCACF,EACA,QAAS,CACP,iBACA,qCACA,oCACA,mCACF,CACF,EACA,WAAY,CACV,MAAO,CACL,cACA,sBACA,sBACA,8BACA,qCACA,yCACA,qCACA,yCACA,mCACF,EACA,QAAS,CACP,SACA,iBACA,gBACA,sBACA,8BACA,kCACA,uCACA,kCACA,uCACA,qCACF,CACF,EACA,KAAM,CACJ,GAAI,CACF,UACA,iBACA,MACA,OACA,QACA,gBACF,EACA,GAAI,CACF,UACA,iBACA,OACA,OACA,QACA,gBACF,EACA,GAAI,CACF,UACA,iBACA,OACA,OACA,QACA,qBACF,EACA,GAAI,CACF,UACA,iBACA,OACA,OACA,QACA,qBACF,CACF,EACA,UAAW,CACT,KAAM,CAAC,mDAAmD,CAC5D,EACA,UAAW,CACT,KAAM,CAAC,QAAQ,EACf,MAAO,CAAC,OAAO,CACjB,CACF,EACA,gBAAiB,CACf,WAAY,QACZ,KAAM,KACN,MAAO,SACT,CACF,EACA,CACE,0BAA2B,EAC7B,CACF,EAEMC,EAAwBD,EAC5B,OACA,CACE,KAAM,CAAC,eAAgB,OAAQ,iBAAkB,WAAW,EAC5D,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,OAAO,EACZ,GAAI,CAAC,OAAO,EACZ,GAAI,CAAC,OAAO,EACZ,GAAI,CAAC,OAAO,CACd,CACF,EACA,gBAAiB,CACf,KAAM,IACR,CACF,EACA,CACE,0BAA2B,EAC7B,CACF,EAEME,EAAa,CAAC,CAClB,KAAAC,EACA,SAAAC,CACF,IACEC,EAAA,cAAAA,EAAA,SACEA,KAAAA,EAAA,cAACC,EAAA,CAAO,UAAU,UAAW,CAAA,EAC7BD,EAAA,cAACJ,EAAA,CAAsB,KAAME,CAAOC,EAAAA,CAAS,CAC/C,EAYWG,EAASF,EAAM,WAC1B,CACE,CAAE,SAAAD,EAAU,GAAAI,EAAI,KAAAC,EAAM,UAAAC,EAAY,GAAO,QAAAC,EAAS,SAAAC,EAAU,GAAGC,CAAK,EACpEC,IAEAT,EAAA,cAACN,EAAA,CACC,GAAIS,IAAOC,EAAO,IAAM,QACvB,GAAI,CAACG,GAAY,CAACF,GAAa,CAAE,KAAAD,EAAM,QAAAE,CAAQ,EAChD,UAAWD,EACX,KAAOD,EAAkB,OAAX,SACd,SAAUG,EACT,GAAGC,EACH,GAAGE,EAAuBN,CAAI,EAC/B,IAAKK,CAAAA,EAEJJ,EACCL,EAAA,cAACH,EAAA,CAAW,KAAMW,EAAK,MAAOT,CAAS,EAEvCA,CAEJ,CAEJ,EAEAG,EAAO,YAAc"}
+{"version":3,"file":"Button.js","names":[],"sources":["../../../src/components/button/Button.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Loader } from '~/components/loader/Loader'\nimport { styled } from '~/styled'\nimport { NavigatorActions } from '~/types/navigatorActions.types'\nimport { Override } from '~/utilities/types'\nimport { getExternalAnchorProps } from '~/utilities/uri'\n\nexport const StyledButton = styled(\n  'button',\n  {\n    base: [\n      'items-center',\n      'bg-[unset]',\n      'rounded-md',\n      'cursor-pointer',\n      'flex',\n      'font-body',\n      'font-semibold',\n      'justify-center',\n      'no-underline',\n      'transition-all',\n      'duration-100',\n      'ease-out',\n      'whitespace-nowrap',\n      'w-max',\n      'disabled:cursor-not-allowed',\n      'disabled:opacity-30'\n    ],\n    variants: {\n      theme: {\n        primary: [\n          '[--base:var(--color-primary-800)]',\n          '[--interact:var(--color-primary-900)]',\n          '[--active:var(--color-primary-1000)]'\n        ],\n        secondary: [\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          '[--text:var(--color-grey-800)]'\n        ],\n        danger: [\n          '[--base:var(--color-danger)]',\n          '[--interact:var(--color-danger-mid)]',\n          '[--active:var(--color-danger-dark)]'\n        ],\n        neutral: [\n          '[--base:white]',\n          '[--interact:rgba(255,255,255,0.9)]',\n          '[--active:rgba(255,255,255,0.75)]',\n          '[--text:var(--color-primary-800)]'\n        ]\n      },\n      appearance: {\n        solid: [\n          'bg-(--base)',\n          'text-(--text,white)',\n          'disabled:opacity-30',\n          'disabled:cursor-not-allowed',\n          'not-disabled:hover:bg-(--interact)',\n          'not-disabled:hover:text-(--text,white)',\n          'not-disabled:focus:bg-(--interact)',\n          'not-disabled:focus:text-(--text,white)',\n          'not-disabled:active:bg-(--active)'\n        ],\n        outline: [\n          'border',\n          'border-current',\n          'text-(--base)',\n          'disabled:opacity-30',\n          'disabled:cursor-not-allowed',\n          'not-disabled:hover:no-underline',\n          'not-disabled:hover:text-(--interact)',\n          'not-disabled:focus:no-underline',\n          'not-disabled:focus:text-(--interact)',\n          'not-disabled:active:text-(--active)'\n        ]\n      },\n      size: {\n        sm: [\n          'text-sm',\n          'leading-[1.53]',\n          'h-8',\n          'px-4',\n          'gap-2',\n          '[&_svg]:size-4'\n        ],\n        md: [\n          'text-md',\n          'leading-normal',\n          'h-10',\n          'px-8',\n          'gap-3',\n          '[&_svg]:size-5'\n        ],\n        lg: [\n          'text-lg',\n          'leading-normal',\n          'h-12',\n          'px-8',\n          'gap-3',\n          '[&_svg]:size-[22px]'\n        ],\n        xl: [\n          'text-lg',\n          'leading-normal',\n          'h-16',\n          'px-8',\n          'gap-3',\n          '[&_svg]:size-[22px]'\n        ]\n      },\n      isLoading: {\n        true: ['cursor-not-allowed opacity-60 pointer-events-none']\n      },\n      fullWidth: {\n        true: ['w-full'],\n        false: ['w-max']\n      }\n    },\n    defaultVariants: {\n      appearance: 'solid',\n      size: 'md',\n      theme: 'primary'\n    }\n  },\n  {\n    enabledResponsiveVariants: true\n  }\n)\n\nconst LoaderContentsWrapper = styled(\n  'span',\n  {\n    base: ['items-center', 'flex', 'justify-center', 'invisible'],\n    variants: {\n      size: {\n        sm: ['gap-2'],\n        md: ['gap-3'],\n        lg: ['gap-3'],\n        xl: ['gap-3']\n      }\n    },\n    defaultVariants: {\n      size: 'md'\n    }\n  },\n  {\n    enabledResponsiveVariants: true\n  }\n)\n\nconst WithLoader = ({\n  size,\n  children\n}: React.ComponentProps<typeof LoaderContentsWrapper>) => (\n  <>\n    <Loader className=\"absolute\" />\n    <LoaderContentsWrapper size={size}>{children}</LoaderContentsWrapper>\n  </>\n)\n\ntype ButtonProps = Override<\n  React.ComponentProps<typeof StyledButton>,\n  {\n    children: React.ReactNode\n    href?: string\n    isLoading?: boolean\n  } & NavigatorActions\n>\n\nexport const Button = React.forwardRef<HTMLElement, ButtonProps>(\n  (\n    { children, as, href, isLoading = false, onClick, disabled, ...rest },\n    ref\n  ) => (\n    <StyledButton\n      as={as || (href ? 'a' : undefined)}\n      {...(!disabled && !isLoading && { href, onClick })}\n      isLoading={isLoading}\n      type={!href ? 'button' : undefined}\n      disabled={disabled}\n      {...rest}\n      {...getExternalAnchorProps(href)}\n      ref={ref as any}\n    >\n      {isLoading ? (\n        <WithLoader size={rest.size}>{children}</WithLoader>\n      ) : (\n        children\n      )}\n    </StyledButton>\n  )\n)\n\nButton.displayName = 'Button'\n"],"mappings":";;;;;AAQA,IAAa,IAAe,EAC1B,UACA;CACE,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACD,UAAU;EACR,OAAO;GACL,SAAS;IACP;IACA;IACA;IACD;GACD,WAAW;IACT;IACA;IACA;IACD;GACD,SAAS;IACP;IACA;IACA;IACD;GACD,SAAS;IACP;IACA;IACA;IACA;IACD;GACD,QAAQ;IACN;IACA;IACA;IACD;GACD,SAAS;IACP;IACA;IACA;IACA;IACD;GACF;EACD,YAAY;GACV,OAAO;IACL;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACD;GACD,SAAS;IACP;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACD;GACF;EACD,MAAM;GACJ,IAAI;IACF;IACA;IACA;IACA;IACA;IACA;IACD;GACD,IAAI;IACF;IACA;IACA;IACA;IACA;IACA;IACD;GACD,IAAI;IACF;IACA;IACA;IACA;IACA;IACA;IACD;GACD,IAAI;IACF;IACA;IACA;IACA;IACA;IACA;IACD;GACF;EACD,WAAW,EACT,MAAM,CAAC,oDAAoD,EAC5D;EACD,WAAW;GACT,MAAM,CAAC,SAAS;GAChB,OAAO,CAAC,QAAQ;GACjB;EACF;CACD,iBAAiB;EACf,YAAY;EACZ,MAAM;EACN,OAAO;EACR;CACF,EACD,EACE,2BAA2B,IAC5B,CACF,EAEK,IAAwB,EAC5B,QACA;CACE,MAAM;EAAC;EAAgB;EAAQ;EAAkB;EAAY;CAC7D,UAAU,EACR,MAAM;EACJ,IAAI,CAAC,QAAQ;EACb,IAAI,CAAC,QAAQ;EACb,IAAI,CAAC,QAAQ;EACb,IAAI,CAAC,QAAQ;EACd,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,EACD,EACE,2BAA2B,IAC5B,CACF,EAEK,KAAc,EAClB,SACA,kBAEA,kBAAA,cAAA,EAAA,UAAA,MACE,kBAAA,cAAC,GAAD,EAAQ,WAAU,YAAa,CAAA,EAC/B,kBAAA,cAAC,GAAD,EAA6B,SAAwC,EAAjC,EAAiC,CACpE,EAYQ,IAAS,EAAM,YAExB,EAAE,aAAU,OAAI,SAAM,eAAY,IAAO,YAAS,aAAU,GAAG,KAC/D,MAEA,kBAAA,cAAC,GAAD;CACE,IAAI,MAAO,IAAO,MAAM,KAAA;CACxB,GAAK,CAAC,KAAY,CAAC,KAAa;EAAE;EAAM;EAAS;CACtC;CACX,MAAO,IAAkB,KAAA,IAAX;CACJ;CACV,GAAI;CACJ,GAAI,EAAuB,EAAK;CAC3B;CAOQ,EALZ,IACC,kBAAA,cAAC,GAAD,EAAY,MAAM,EAAK,MAA6B,EAAtB,EAAsB,GAEpD,EAEW,CAElB;AAED,EAAO,cAAc"}

package/dist/components/calendar/Calendar.js

@@ -1,2 +1,98 @@
-import{ChevronLeft as j,ChevronRight as H}from"@atom-learning/icons";import R from"clsx";import{useDayzed as U}from"dayzed";import*as e from"react";import{ActionIcon as k}from"../action-icon/ActionIcon.js";import{Button as D}from"../button/Button.js";import{Icon as N}from"../icon/Icon.js";import{Text as Z}from"../text/Text.js";import{styled as q}from"../../styled.js";import{monthNamesShort as G,weekdayNamesShort as J,DEFAULT_LABELS as K}from"./constants.js";import{Day as Q}from"./Day.js";const V=q(D,{base:["text-grey-1000","p-3","w-16"],variants:{selected:{false:["disabled:bg-white!","font-normal","hover:bg-grey-200!","hover:text-grey-1000!","text-grey-1000!"]}}}),X=(i,c)=>{const g=i.slice(0,c);return i.slice(c).concat(g)},$=({className:i,refDateSelected:c,refDateToday:g,firstDayOfWeek:y=0,monthNames:w=G,weekdayNames:Y=J,labels:h=K,date:s=new Date,minDate:m,maxDate:o,setYear:F,...C})=>{const[r,f]=e.useState(!1),[n,E]=e.useState(s==null?void 0:s.getFullYear()),S=t=>{const a=s;a.setFullYear(t),F(a),f(!1)},z=m&&n-16<=m.getFullYear(),A=o&&n>=o.getFullYear(),L=Array.from({length:16},(t,a)=>{const l=n-a;return o&&l>o.getFullYear()||m&&l<m.getFullYear()?0:l}),{calendars:d,getBackProps:O,getForwardProps:T,getDateProps:B}=U({firstDayOfWeek:y,showOutsideDays:!0,date:s,minDate:m,maxDate:o,...C});return d.length?e.createElement("div",{className:R("relative","w-fit","-mt-1",i)},e.createElement("div",{className:"absolute top-0 -right-1 flex"},e.createElement(k,{label:h[r?"previousYear":"previous"],theme:"neutral",size:"md",...!r&&O({calendars:d}),...r&&{onClick:()=>E(n-16)},disabled:r&&z},e.createElement(N,{is:j})),e.createElement(k,{label:h[r?"nextYear":"next"],theme:"neutral",size:"md",...!r&&T({calendars:d}),...r&&{onClick:()=>E(n+16)},disabled:r&&A},e.createElement(N,{is:H}))),r&&e.createElement("div",{className:"grid grid-cols-4 gap-x-1 gap-y-3 pt-12 [direction:rtl]"},L.map((t,a)=>{const l=t===s.getFullYear();return t?e.createElement(V,{key:`${t}${a}`,theme:l?"primary":"neutral",onClick:()=>S(t),selected:l},t):e.createElement("div",{key:a,className:"h-10 w-16"})})),!r&&d.map(({month:t,year:a,weeks:l})=>e.createElement("div",{key:`${t}${a}`},e.createElement("div",{className:"mb-4 flex h-10 items-center"},e.createElement(D,{theme:"neutral",onClick:()=>f(!0),className:"text-grey-1000 px-0"},w[t]," ",a)),e.createElement("div",{className:"mb-3 grid grid-cols-7 gap-x-2 gap-y-1"},X(Y,y).map(p=>e.createElement(Z,{as:"span",size:"sm",weight:"bold",key:`${t}${a}${p}`,className:"text-center"},p))),e.createElement("div",{className:"grid grid-cols-7 gap-x-2 gap-y-1"},l.map((p,M)=>p.map((u,P)=>{const x=`${t}${a}${M}${P}`;if(!u)return e.createElement("div",{key:x});const{date:W,selected:v,today:b,prevMonth:I,nextMonth:_}=u;return e.createElement(Q,{isOutsideMonth:I||_,isSelected:v,isToday:b,key:x,ref:v?c:b?g:null,...B({dateObj:u}),type:"button"},W.getDate())})))))):null};$.displayName="Calendar";export{$ as Calendar};
-//# sourceMappingURL=Calendar.js.map
+import { styled as e } from "../../styled.js";
+import { Icon as t } from "../icon/Icon.js";
+import { ActionIcon as n } from "../action-icon/ActionIcon.js";
+import { Button as r } from "../button/Button.js";
+import { Text as i } from "../text/Text.js";
+import { DEFAULT_LABELS as a, monthNamesShort as o, weekdayNamesShort as s } from "./constants.js";
+import { Day as c } from "./Day.js";
+import l from "clsx";
+import * as u from "react";
+import { ChevronLeft as d, ChevronRight as f } from "@atom-learning/icons";
+import { useDayzed as p } from "dayzed";
+//#region src/components/calendar/Calendar.tsx
+var m = e(r, {
+	base: [
+		"text-grey-1000",
+		"p-3",
+		"w-16"
+	],
+	variants: { selected: { false: [
+		"disabled:bg-white!",
+		"font-normal",
+		"hover:bg-grey-200!",
+		"hover:text-grey-1000!",
+		"text-grey-1000!"
+	] } }
+}), h = (e, t) => {
+	let n = e.slice(0, t);
+	return e.slice(t).concat(n);
+}, g = ({ className: e, refDateSelected: g, refDateToday: _, firstDayOfWeek: v = 0, monthNames: y = o, weekdayNames: b = s, labels: x = a, date: S = /* @__PURE__ */ new Date(), minDate: C, maxDate: w, setYear: T, ...E }) => {
+	let [D, O] = u.useState(!1), [k, A] = u.useState(S?.getFullYear()), j = (e) => {
+		let t = S;
+		t.setFullYear(e), T(t), O(!1);
+	}, M = C && k - 16 <= C.getFullYear(), N = w && k >= w.getFullYear(), P = Array.from({ length: 16 }, (e, t) => {
+		let n = k - t;
+		return w && n > w.getFullYear() || C && n < C.getFullYear() ? 0 : n;
+	}), { calendars: F, getBackProps: I, getForwardProps: L, getDateProps: R } = p({
+		firstDayOfWeek: v,
+		showOutsideDays: !0,
+		date: S,
+		minDate: C,
+		maxDate: w,
+		...E
+	});
+	return F.length ? /* @__PURE__ */ u.createElement("div", { className: l("relative", "w-fit", "-mt-1", e) }, /* @__PURE__ */ u.createElement("div", { className: "absolute top-0 -right-1 flex" }, /* @__PURE__ */ u.createElement(n, {
+		label: x[D ? "previousYear" : "previous"],
+		theme: "neutral",
+		size: "md",
+		...!D && I({ calendars: F }),
+		...D && { onClick: () => A(k - 16) },
+		disabled: D && M
+	}, /* @__PURE__ */ u.createElement(t, { is: d })), /* @__PURE__ */ u.createElement(n, {
+		label: x[D ? "nextYear" : "next"],
+		theme: "neutral",
+		size: "md",
+		...!D && L({ calendars: F }),
+		...D && { onClick: () => A(k + 16) },
+		disabled: D && N
+	}, /* @__PURE__ */ u.createElement(t, { is: f }))), D && /* @__PURE__ */ u.createElement("div", { className: "grid grid-cols-4 gap-x-1 gap-y-3 pt-12 [direction:rtl]" }, P.map((e, t) => {
+		let n = e === S.getFullYear();
+		return e ? /* @__PURE__ */ u.createElement(m, {
+			key: `${e}${t}`,
+			theme: n ? "primary" : "neutral",
+			onClick: () => j(e),
+			selected: n
+		}, e) : /* @__PURE__ */ u.createElement("div", {
+			key: t,
+			className: "h-10 w-16"
+		});
+	})), !D && F.map(({ month: e, year: t, weeks: n }) => /* @__PURE__ */ u.createElement("div", { key: `${e}${t}` }, /* @__PURE__ */ u.createElement("div", { className: "mb-4 flex h-10 items-center" }, /* @__PURE__ */ u.createElement(r, {
+		theme: "neutral",
+		onClick: () => O(!0),
+		className: "text-grey-1000 px-0"
+	}, y[e], " ", t)), /* @__PURE__ */ u.createElement("div", { className: "mb-3 grid grid-cols-7 gap-x-2 gap-y-1" }, h(b, v).map((n) => /* @__PURE__ */ u.createElement(i, {
+		as: "span",
+		size: "sm",
+		weight: "bold",
+		key: `${e}${t}${n}`,
+		className: "text-center"
+	}, n))), /* @__PURE__ */ u.createElement("div", { className: "grid grid-cols-7 gap-x-2 gap-y-1" }, n.map((n, r) => n.map((n, i) => {
+		let a = `${e}${t}${r}${i}`;
+		if (!n) return /* @__PURE__ */ u.createElement("div", { key: a });
+		let { date: o, selected: s, today: l, prevMonth: d, nextMonth: f } = n;
+		return /* @__PURE__ */ u.createElement(c, {
+			isOutsideMonth: d || f,
+			isSelected: s,
+			isToday: l,
+			key: a,
+			ref: s ? g : l ? _ : null,
+			...R({ dateObj: n }),
+			type: "button"
+		}, o.getDate());
+	})))))) : null;
+};
+g.displayName = "Calendar";
+//#endregion
+export { g as Calendar };
+
+//# sourceMappingURL=Calendar.js.map

package/dist/components/calendar/Calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.js","sources":["../../../src/components/calendar/Calendar.tsx"],"sourcesContent":["import { ChevronLeft, ChevronRight } from '@atom-learning/icons'\nimport clsx from 'clsx'\nimport type { Props as DayzedInterface } from 'dayzed'\nimport { useDayzed } from 'dayzed'\nimport * as React from 'react'\n\nimport { ActionIcon } from '~/components/action-icon/ActionIcon'\nimport { Button } from '~/components/button/Button'\nimport { Icon } from '~/components/icon/Icon'\nimport { Text } from '~/components/text/Text'\nimport { styled } from '~/styled'\n\nimport { DEFAULT_LABELS, monthNamesShort, weekdayNamesShort } from './constants'\nimport { Day } from './Day'\n\nconst StyledButton = styled(Button, {\n  base: ['text-grey-1000', 'p-3', 'w-16'],\n  variants: {\n    selected: {\n      false: [\n        'disabled:bg-white!',\n        'font-normal',\n        'hover:bg-grey-200!',\n        'hover:text-grey-1000!',\n        'text-grey-1000!'\n      ]\n    }\n  }\n})\n\nexport type CalendarTranslationProps = {\n  monthNames?: string[]\n  weekdayNames?: string[]\n  labels?: {\n    open: string\n    next: string\n    previous: string\n    nextYear: string\n    previousYear: string\n  }\n}\n\ntype CalendarProps = DayzedInterface &\n  CalendarTranslationProps & {\n    refDateToday?: React.RefObject<HTMLButtonElement>\n    refDateSelected?: React.RefObject<HTMLButtonElement>\n    setYear: (date: Date) => Promise<void>\n    className?: string\n  }\n\nconst offsetWeekdayNames = (\n  weekdayNames: string[],\n  firstDayOfWeek: number\n): string[] => {\n  const start = weekdayNames.slice(0, firstDayOfWeek)\n  const end = weekdayNames.slice(firstDayOfWeek)\n  return end.concat(start)\n}\n\nexport const Calendar = ({\n  className,\n  refDateSelected,\n  refDateToday,\n  firstDayOfWeek = 0,\n  monthNames = monthNamesShort,\n  weekdayNames = weekdayNamesShort,\n  labels = DEFAULT_LABELS,\n  date = new Date(),\n  minDate,\n  maxDate,\n  setYear,\n  ...remainingProps\n}: CalendarProps) => {\n  const [showYears, setShowYears] = React.useState<boolean>(false)\n  const [currentYear, setCurrentYear] = React.useState<number>(\n    date?.getFullYear()\n  )\n\n  const handleSetYear = (year: number): void => {\n    const newDate = date\n    newDate.setFullYear(year)\n    setYear(newDate)\n    setShowYears(false)\n  }\n\n  const isAtMinYear = minDate && currentYear - 16 <= minDate.getFullYear()\n  const isAtMaxYear = maxDate && currentYear >= maxDate.getFullYear()\n\n  const yearList = Array.from({ length: 16 }, (_, i) => {\n    const year = currentYear - i\n    if (\n      (maxDate && year > maxDate.getFullYear()) ||\n      (minDate && year < minDate.getFullYear())\n    )\n      return 0\n    return year\n  })\n\n  const { calendars, getBackProps, getForwardProps, getDateProps } = useDayzed({\n    firstDayOfWeek,\n    showOutsideDays: true,\n    date,\n    minDate,\n    maxDate,\n    ...remainingProps\n  })\n\n  if (!calendars.length) return null\n\n  return (\n    <div className={clsx('relative', 'w-fit', '-mt-1', className)}>\n      <div className=\"absolute top-0 -right-1 flex\">\n        <ActionIcon\n          label={labels[showYears ? 'previousYear' : 'previous']}\n          theme=\"neutral\"\n          size=\"md\"\n          {...(!showYears && getBackProps({ calendars }))}\n          {...(showYears && {\n            onClick: () => setCurrentYear(currentYear - 16)\n          })}\n          disabled={showYears && isAtMinYear}\n        >\n          <Icon is={ChevronLeft} />\n        </ActionIcon>\n        <ActionIcon\n          label={labels[showYears ? 'nextYear' : 'next']}\n          theme=\"neutral\"\n          size=\"md\"\n          {...(!showYears && getForwardProps({ calendars }))}\n          {...(showYears && {\n            onClick: () => setCurrentYear(currentYear + 16)\n          })}\n          disabled={showYears && isAtMaxYear}\n        >\n          <Icon is={ChevronRight} />\n        </ActionIcon>\n      </div>\n      {showYears && (\n        <div className=\"grid grid-cols-4 gap-x-1 gap-y-3 pt-12 [direction:rtl]\">\n          {yearList.map((year, i) => {\n            const isCurrentYear = year === date.getFullYear()\n            if (!year) return <div key={i} className=\"h-10 w-16\" />\n\n            return (\n              <StyledButton\n                key={`${year}${i}`}\n                theme={isCurrentYear ? 'primary' : 'neutral'}\n                onClick={() => handleSetYear(year)}\n                selected={isCurrentYear}\n              >\n                {year}\n              </StyledButton>\n            )\n          })}\n        </div>\n      )}\n      {!showYears &&\n        calendars.map(({ month, year, weeks }) => (\n          <div key={`${month}${year}`}>\n            <div className=\"mb-4 flex h-10 items-center\">\n              <Button\n                theme=\"neutral\"\n                onClick={() => setShowYears(true)}\n                className=\"text-grey-1000 px-0\"\n              >\n                {monthNames[month]} {year}\n              </Button>\n            </div>\n            <div className=\"mb-3 grid grid-cols-7 gap-x-2 gap-y-1\">\n              {offsetWeekdayNames(weekdayNames, firstDayOfWeek).map(\n                (weekday) => (\n                  <Text\n                    as=\"span\"\n                    size=\"sm\"\n                    weight=\"bold\"\n                    key={`${month}${year}${weekday}`}\n                    className=\"text-center\"\n                  >\n                    {weekday}\n                  </Text>\n                )\n              )}\n            </div>\n            <div className=\"grid grid-cols-7 gap-x-2 gap-y-1\">\n              {weeks.map((week, weekIndex) =>\n                week.map((dateObj, index) => {\n                  const key = `${month}${year}${weekIndex}${index}`\n\n                  if (!dateObj) return <div key={key} />\n\n                  const { date, selected, today, prevMonth, nextMonth } =\n                    dateObj\n\n                  return (\n                    <Day\n                      isOutsideMonth={prevMonth || nextMonth}\n                      isSelected={selected}\n                      isToday={today}\n                      key={key}\n                      ref={\n                        selected ? refDateSelected : today ? refDateToday : null\n                      }\n                      {...getDateProps({ dateObj })}\n                      type=\"button\"\n                    >\n                      {date.getDate()}\n                    </Day>\n                  )\n                })\n              )}\n            </div>\n          </div>\n        ))}\n    </div>\n  )\n}\n\nCalendar.displayName = 'Calendar'\n"],"names":["StyledButton","styled","Button","offsetWeekdayNames","weekdayNames","firstDayOfWeek","start","Calendar","className","refDateSelected","refDateToday","monthNames","monthNamesShort","weekdayNamesShort","labels","DEFAULT_LABELS","date","minDate","maxDate","setYear","remainingProps","showYears","setShowYears","React","currentYear","setCurrentYear","handleSetYear","year","newDate","isAtMinYear","isAtMaxYear","yearList","_","i","calendars","getBackProps","getForwardProps","getDateProps","useDayzed","clsx","ActionIcon","Icon","ChevronLeft","ChevronRight","isCurrentYear","month","weeks","weekday","Text","week","weekIndex","dateObj","index","key","selected","today","prevMonth","nextMonth","Day"],"mappings":"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"}
+{"version":3,"file":"Calendar.js","names":[],"sources":["../../../src/components/calendar/Calendar.tsx"],"sourcesContent":["import { ChevronLeft, ChevronRight } from '@atom-learning/icons'\nimport clsx from 'clsx'\nimport type { Props as DayzedInterface } from 'dayzed'\nimport { useDayzed } from 'dayzed'\nimport * as React from 'react'\n\nimport { ActionIcon } from '~/components/action-icon/ActionIcon'\nimport { Button } from '~/components/button/Button'\nimport { Icon } from '~/components/icon/Icon'\nimport { Text } from '~/components/text/Text'\nimport { styled } from '~/styled'\n\nimport { DEFAULT_LABELS, monthNamesShort, weekdayNamesShort } from './constants'\nimport { Day } from './Day'\n\nconst StyledButton = styled(Button, {\n  base: ['text-grey-1000', 'p-3', 'w-16'],\n  variants: {\n    selected: {\n      false: [\n        'disabled:bg-white!',\n        'font-normal',\n        'hover:bg-grey-200!',\n        'hover:text-grey-1000!',\n        'text-grey-1000!'\n      ]\n    }\n  }\n})\n\nexport type CalendarTranslationProps = {\n  monthNames?: string[]\n  weekdayNames?: string[]\n  labels?: {\n    open: string\n    next: string\n    previous: string\n    nextYear: string\n    previousYear: string\n  }\n}\n\ntype CalendarProps = DayzedInterface &\n  CalendarTranslationProps & {\n    refDateToday?: React.RefObject<HTMLButtonElement>\n    refDateSelected?: React.RefObject<HTMLButtonElement>\n    setYear: (date: Date) => Promise<void>\n    className?: string\n  }\n\nconst offsetWeekdayNames = (\n  weekdayNames: string[],\n  firstDayOfWeek: number\n): string[] => {\n  const start = weekdayNames.slice(0, firstDayOfWeek)\n  const end = weekdayNames.slice(firstDayOfWeek)\n  return end.concat(start)\n}\n\nexport const Calendar = ({\n  className,\n  refDateSelected,\n  refDateToday,\n  firstDayOfWeek = 0,\n  monthNames = monthNamesShort,\n  weekdayNames = weekdayNamesShort,\n  labels = DEFAULT_LABELS,\n  date = new Date(),\n  minDate,\n  maxDate,\n  setYear,\n  ...remainingProps\n}: CalendarProps) => {\n  const [showYears, setShowYears] = React.useState<boolean>(false)\n  const [currentYear, setCurrentYear] = React.useState<number>(\n    date?.getFullYear()\n  )\n\n  const handleSetYear = (year: number): void => {\n    const newDate = date\n    newDate.setFullYear(year)\n    setYear(newDate)\n    setShowYears(false)\n  }\n\n  const isAtMinYear = minDate && currentYear - 16 <= minDate.getFullYear()\n  const isAtMaxYear = maxDate && currentYear >= maxDate.getFullYear()\n\n  const yearList = Array.from({ length: 16 }, (_, i) => {\n    const year = currentYear - i\n    if (\n      (maxDate && year > maxDate.getFullYear()) ||\n      (minDate && year < minDate.getFullYear())\n    )\n      return 0\n    return year\n  })\n\n  const { calendars, getBackProps, getForwardProps, getDateProps } = useDayzed({\n    firstDayOfWeek,\n    showOutsideDays: true,\n    date,\n    minDate,\n    maxDate,\n    ...remainingProps\n  })\n\n  if (!calendars.length) return null\n\n  return (\n    <div className={clsx('relative', 'w-fit', '-mt-1', className)}>\n      <div className=\"absolute top-0 -right-1 flex\">\n        <ActionIcon\n          label={labels[showYears ? 'previousYear' : 'previous']}\n          theme=\"neutral\"\n          size=\"md\"\n          {...(!showYears && getBackProps({ calendars }))}\n          {...(showYears && {\n            onClick: () => setCurrentYear(currentYear - 16)\n          })}\n          disabled={showYears && isAtMinYear}\n        >\n          <Icon is={ChevronLeft} />\n        </ActionIcon>\n        <ActionIcon\n          label={labels[showYears ? 'nextYear' : 'next']}\n          theme=\"neutral\"\n          size=\"md\"\n          {...(!showYears && getForwardProps({ calendars }))}\n          {...(showYears && {\n            onClick: () => setCurrentYear(currentYear + 16)\n          })}\n          disabled={showYears && isAtMaxYear}\n        >\n          <Icon is={ChevronRight} />\n        </ActionIcon>\n      </div>\n      {showYears && (\n        <div className=\"grid grid-cols-4 gap-x-1 gap-y-3 pt-12 [direction:rtl]\">\n          {yearList.map((year, i) => {\n            const isCurrentYear = year === date.getFullYear()\n            if (!year) return <div key={i} className=\"h-10 w-16\" />\n\n            return (\n              <StyledButton\n                key={`${year}${i}`}\n                theme={isCurrentYear ? 'primary' : 'neutral'}\n                onClick={() => handleSetYear(year)}\n                selected={isCurrentYear}\n              >\n                {year}\n              </StyledButton>\n            )\n          })}\n        </div>\n      )}\n      {!showYears &&\n        calendars.map(({ month, year, weeks }) => (\n          <div key={`${month}${year}`}>\n            <div className=\"mb-4 flex h-10 items-center\">\n              <Button\n                theme=\"neutral\"\n                onClick={() => setShowYears(true)}\n                className=\"text-grey-1000 px-0\"\n              >\n                {monthNames[month]} {year}\n              </Button>\n            </div>\n            <div className=\"mb-3 grid grid-cols-7 gap-x-2 gap-y-1\">\n              {offsetWeekdayNames(weekdayNames, firstDayOfWeek).map(\n                (weekday) => (\n                  <Text\n                    as=\"span\"\n                    size=\"sm\"\n                    weight=\"bold\"\n                    key={`${month}${year}${weekday}`}\n                    className=\"text-center\"\n                  >\n                    {weekday}\n                  </Text>\n                )\n              )}\n            </div>\n            <div className=\"grid grid-cols-7 gap-x-2 gap-y-1\">\n              {weeks.map((week, weekIndex) =>\n                week.map((dateObj, index) => {\n                  const key = `${month}${year}${weekIndex}${index}`\n\n                  if (!dateObj) return <div key={key} />\n\n                  const { date, selected, today, prevMonth, nextMonth } =\n                    dateObj\n\n                  return (\n                    <Day\n                      isOutsideMonth={prevMonth || nextMonth}\n                      isSelected={selected}\n                      isToday={today}\n                      key={key}\n                      ref={\n                        selected ? refDateSelected : today ? refDateToday : null\n                      }\n                      {...getDateProps({ dateObj })}\n                      type=\"button\"\n                    >\n                      {date.getDate()}\n                    </Day>\n                  )\n                })\n              )}\n            </div>\n          </div>\n        ))}\n    </div>\n  )\n}\n\nCalendar.displayName = 'Calendar'\n"],"mappings":"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"}

package/dist/components/calendar/Day.js

@@ -1,2 +1,36 @@
-import{styled as t}from"../../styled.js";const e=t("button",{base:["rounded-full","text-grey-900","cursor-pointer","font-body","text-sm","size-8","transition-all","duration-75","hover:bg-grey-200","active:bg-primary-800","active:text-white","focus:outline-2","focus:outline-offset-2","focus:outline-primary-800","focus:outline-solid","disabled:cursor-default","disabled:opacity-30"],variants:{isSelected:{true:["bg-primary-800","hover:bg-primary-800","text-white"]},isToday:{true:["bg-grey-200"]},isOutsideMonth:{true:["text-grey-600"]}}});export{e as Day};
-//# sourceMappingURL=Day.js.map
+import { styled as e } from "../../styled.js";
+//#region src/components/calendar/Day.tsx
+var t = e("button", {
+	base: [
+		"rounded-full",
+		"text-grey-900",
+		"cursor-pointer",
+		"font-body",
+		"text-sm",
+		"size-8",
+		"transition-all",
+		"duration-75",
+		"hover:bg-grey-200",
+		"active:bg-primary-800",
+		"active:text-white",
+		"focus:outline-2",
+		"focus:outline-offset-2",
+		"focus:outline-primary-800",
+		"focus:outline-solid",
+		"disabled:cursor-default",
+		"disabled:opacity-30"
+	],
+	variants: {
+		isSelected: { true: [
+			"bg-primary-800",
+			"hover:bg-primary-800",
+			"text-white"
+		] },
+		isToday: { true: ["bg-grey-200"] },
+		isOutsideMonth: { true: ["text-grey-600"] }
+	}
+});
+//#endregion
+export { t as Day };
+
+//# sourceMappingURL=Day.js.map

package/dist/components/calendar/Day.js.map

@@ -1 +1 @@
-{"version":3,"file":"Day.js","sources":["../../../src/components/calendar/Day.tsx"],"sourcesContent":["import { styled } from '~/styled'\n\nexport const Day = styled('button', {\n  base: [\n    'rounded-full',\n    'text-grey-900',\n    'cursor-pointer',\n    'font-body',\n    'text-sm',\n    'size-8',\n    'transition-all',\n    'duration-75',\n    'hover:bg-grey-200',\n    'active:bg-primary-800',\n    'active:text-white',\n    'focus:outline-2',\n    'focus:outline-offset-2',\n    'focus:outline-primary-800',\n    'focus:outline-solid',\n    'disabled:cursor-default',\n    'disabled:opacity-30'\n  ],\n  variants: {\n    isSelected: {\n      true: ['bg-primary-800', 'hover:bg-primary-800', 'text-white']\n    },\n    isToday: {\n      true: ['bg-grey-200']\n    },\n    isOutsideMonth: {\n      true: ['text-grey-600']\n    }\n  }\n})\n"],"names":["Day","styled"],"mappings":"yCAEa,MAAAA,EAAMC,EAAO,SAAU,CAClC,KAAM,CACJ,eACA,gBACA,iBACA,YACA,UACA,SACA,iBACA,cACA,oBACA,wBACA,oBACA,kBACA,yBACA,4BACA,sBACA,0BACA,qBACF,EACA,SAAU,CACR,WAAY,CACV,KAAM,CAAC,iBAAkB,uBAAwB,YAAY,CAC/D,EACA,QAAS,CACP,KAAM,CAAC,aAAa,CACtB,EACA,eAAgB,CACd,KAAM,CAAC,eAAe,CACxB,CACF,CACF,CAAC"}
+{"version":3,"file":"Day.js","names":[],"sources":["../../../src/components/calendar/Day.tsx"],"sourcesContent":["import { styled } from '~/styled'\n\nexport const Day = styled('button', {\n  base: [\n    'rounded-full',\n    'text-grey-900',\n    'cursor-pointer',\n    'font-body',\n    'text-sm',\n    'size-8',\n    'transition-all',\n    'duration-75',\n    'hover:bg-grey-200',\n    'active:bg-primary-800',\n    'active:text-white',\n    'focus:outline-2',\n    'focus:outline-offset-2',\n    'focus:outline-primary-800',\n    'focus:outline-solid',\n    'disabled:cursor-default',\n    'disabled:opacity-30'\n  ],\n  variants: {\n    isSelected: {\n      true: ['bg-primary-800', 'hover:bg-primary-800', 'text-white']\n    },\n    isToday: {\n      true: ['bg-grey-200']\n    },\n    isOutsideMonth: {\n      true: ['text-grey-600']\n    }\n  }\n})\n"],"mappings":";;AAEA,IAAa,IAAM,EAAO,UAAU;CAClC,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACD,UAAU;EACR,YAAY,EACV,MAAM;GAAC;GAAkB;GAAwB;GAAa,EAC/D;EACD,SAAS,EACP,MAAM,CAAC,cAAc,EACtB;EACD,gBAAgB,EACd,MAAM,CAAC,gBAAgB,EACxB;EACF;CACF,CAAC"}

package/dist/components/calendar/constants.js

@@ -1,2 +1,33 @@
-const e=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],r=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],o={open:"Open calendar",next:"Next month",previous:"Previous month",nextYear:"Next year",previousYear:"Previous year"};export{o as DEFAULT_LABELS,e as monthNamesShort,r as weekdayNamesShort};
-//# sourceMappingURL=constants.js.map
+//#region src/components/calendar/constants.ts
+var e = [
+	"Jan",
+	"Feb",
+	"Mar",
+	"Apr",
+	"May",
+	"Jun",
+	"Jul",
+	"Aug",
+	"Sep",
+	"Oct",
+	"Nov",
+	"Dec"
+], t = [
+	"Sun",
+	"Mon",
+	"Tue",
+	"Wed",
+	"Thu",
+	"Fri",
+	"Sat"
+], n = {
+	open: "Open calendar",
+	next: "Next month",
+	previous: "Previous month",
+	nextYear: "Next year",
+	previousYear: "Previous year"
+};
+//#endregion
+export { n as DEFAULT_LABELS, e as monthNamesShort, t as weekdayNamesShort };
+
+//# sourceMappingURL=constants.js.map

package/dist/components/calendar/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../src/components/calendar/constants.ts"],"sourcesContent":["export const monthNamesShort = [\n  'Jan',\n  'Feb',\n  'Mar',\n  'Apr',\n  'May',\n  'Jun',\n  'Jul',\n  'Aug',\n  'Sep',\n  'Oct',\n  'Nov',\n  'Dec'\n]\n\nexport const weekdayNamesShort = [\n  'Sun',\n  'Mon',\n  'Tue',\n  'Wed',\n  'Thu',\n  'Fri',\n  'Sat'\n]\n\nexport const DEFAULT_LABELS = {\n  open: 'Open calendar',\n  next: 'Next month',\n  previous: 'Previous month',\n  nextYear: 'Next year',\n  previousYear: 'Previous year'\n}\n"],"names":["monthNamesShort","weekdayNamesShort","DEFAULT_LABELS"],"mappings":"AAAO,MAAMA,EAAkB,CAC7B,MACA,MACA,MACA,MACA,MACA,MACA,MACA,MACA,MACA,MACA,MACA,KACF,EAEaC,EAAoB,CAC/B,MACA,MACA,MACA,MACA,MACA,MACA,KACF,EAEaC,EAAiB,CAC5B,KAAM,gBACN,KAAM,aACN,SAAU,iBACV,SAAU,YACV,aAAc,eAChB"}
+{"version":3,"file":"constants.js","names":[],"sources":["../../../src/components/calendar/constants.ts"],"sourcesContent":["export const monthNamesShort = [\n  'Jan',\n  'Feb',\n  'Mar',\n  'Apr',\n  'May',\n  'Jun',\n  'Jul',\n  'Aug',\n  'Sep',\n  'Oct',\n  'Nov',\n  'Dec'\n]\n\nexport const weekdayNamesShort = [\n  'Sun',\n  'Mon',\n  'Tue',\n  'Wed',\n  'Thu',\n  'Fri',\n  'Sat'\n]\n\nexport const DEFAULT_LABELS = {\n  open: 'Open calendar',\n  next: 'Next month',\n  previous: 'Previous month',\n  nextYear: 'Next year',\n  previousYear: 'Previous year'\n}\n"],"mappings":";AAAA,IAAa,IAAkB;CAC7B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EAEY,IAAoB;CAC/B;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EAEY,IAAiB;CAC5B,MAAM;CACN,MAAM;CACN,UAAU;CACV,UAAU;CACV,cAAc;CACf"}

package/dist/components/carousel/Carousel.js

@@ -1,2 +1,25 @@
-import{CarouselProvider as m,CarouselContext as u}from"pure-react-carousel";import*as e from"react";import{CSSWrapper as n}from"../../utilities/css-wrapper/CSSWrapper.js";import{CarouselArrowNext as d,CarouselArrowPrevious as C}from"./CarouselArrows.js";import{CarouselPagination as p}from"./CarouselPagination.js";import{CarouselSlide as S}from"./CarouselSlide.js";import{CarouselSlider as c}from"./CarouselSlider.js";const r=({children:o,className:a,slideHeight:i,slideWidth:t,numSlides:l,...s})=>e.createElement(n,{className:a},e.createElement(m,{naturalSlideWidth:t,naturalSlideHeight:i,totalSlides:l,...s},o)),f=()=>e.useContext(u),g=Object.assign(r,{ArrowNext:d,ArrowPrevious:C,Pagination:p,Slide:S,Slider:c});r.displayName="Carousel";export{g as Carousel,r as CarouselComponent,f as useCarousel};
-//# sourceMappingURL=Carousel.js.map
+import { CSSWrapper as e } from "../../utilities/css-wrapper/CSSWrapper.js";
+import { CarouselArrowNext as t, CarouselArrowPrevious as n } from "./CarouselArrows.js";
+import { CarouselPagination as r } from "./CarouselPagination.js";
+import { CarouselSlide as i } from "./CarouselSlide.js";
+import { CarouselSlider as a } from "./CarouselSlider.js";
+import * as o from "react";
+import { CarouselContext as s, CarouselProvider as c } from "pure-react-carousel";
+//#region src/components/carousel/Carousel.tsx
+var l = ({ children: t, className: n, slideHeight: r, slideWidth: i, numSlides: a, ...s }) => /* @__PURE__ */ o.createElement(e, { className: n }, /* @__PURE__ */ o.createElement(c, {
+	naturalSlideWidth: i,
+	naturalSlideHeight: r,
+	totalSlides: a,
+	...s
+}, t)), u = () => o.useContext(s), d = Object.assign(l, {
+	ArrowNext: t,
+	ArrowPrevious: n,
+	Pagination: r,
+	Slide: i,
+	Slider: a
+});
+l.displayName = "Carousel";
+//#endregion
+export { d as Carousel, u as useCarousel };
+
+//# sourceMappingURL=Carousel.js.map