@atom-learning/components 6.4.1 → 6.5.0

package/dist/components/carousel/Carousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"Carousel.js","sources":["../../../src/components/carousel/Carousel.tsx"],"sourcesContent":["import { CarouselContext, CarouselProvider } from 'pure-react-carousel'\nimport * as React from 'react'\n\nimport { CSSWrapper } from '~/utilities/css-wrapper/CSSWrapper'\n\nimport { CarouselArrowNext, CarouselArrowPrevious } from './CarouselArrows'\nimport { CarouselPagination } from './CarouselPagination'\nimport { CarouselSlide } from './CarouselSlide'\nimport { CarouselSlider } from './CarouselSlider'\n\ntype CarouselProps = {\n  slideHeight: number\n  slideWidth: number\n  numSlides: number\n}\n\nexport const CarouselComponent = ({\n  children,\n  className,\n  slideHeight,\n  slideWidth,\n  numSlides,\n  ...props\n}: CarouselProps &\n  Omit<\n    React.ComponentProps<typeof CarouselProvider>,\n    'naturalSlideWidth' | 'naturalSlideHeight' | 'totalSlides'\n  > &\n  React.ComponentProps<typeof CSSWrapper>) => (\n  <CSSWrapper className={className}>\n    <CarouselProvider\n      naturalSlideWidth={slideWidth}\n      naturalSlideHeight={slideHeight}\n      totalSlides={numSlides}\n      {...props}\n    >\n      {children}\n    </CarouselProvider>\n  </CSSWrapper>\n)\n\n/**\n * Documentation about the hook usage\n * https://github.com/express-labs/pure-react-carousel#hooks-and-usecontext\n */\nexport const useCarousel = () => React.useContext(CarouselContext)\n\nexport const Carousel = Object.assign(CarouselComponent, {\n  ArrowNext: CarouselArrowNext,\n  ArrowPrevious: CarouselArrowPrevious,\n  Pagination: CarouselPagination,\n  Slide: CarouselSlide,\n  Slider: CarouselSlider\n})\n\nCarouselComponent.displayName = 'Carousel'\n"],"names":["CarouselComponent","children","className","slideHeight","slideWidth","numSlides","props","React","CSSWrapper","CarouselProvider","useCarousel","CarouselContext","Carousel","CarouselArrowNext","CarouselArrowPrevious","CarouselPagination","CarouselSlide","CarouselSlider"],"mappings":"maAgBO,MAAMA,EAAoB,CAAC,CAChC,SAAAC,EACA,UAAAC,EACA,YAAAC,EACA,WAAAC,EACA,UAAAC,EACA,GAAGC,CACL,IAMEC,EAAA,cAACC,EAAA,CAAW,UAAWN,GACrBK,EAAA,cAACE,EAAA,CACC,kBAAmBL,EACnB,mBAAoBD,EACpB,YAAaE,EACZ,GAAGC,GAEHL,CACH,CACF,EAOWS,EAAc,IAAMH,EAAM,WAAWI,CAAe,EAEpDC,EAAW,OAAO,OAAOZ,EAAmB,CACvD,UAAWa,EACX,cAAeC,EACf,WAAYC,EACZ,MAAOC,EACP,OAAQC,CACV,CAAC,EAEDjB,EAAkB,YAAc"}
+{"version":3,"file":"Carousel.js","names":[],"sources":["../../../src/components/carousel/Carousel.tsx"],"sourcesContent":["import { CarouselContext, CarouselProvider } from 'pure-react-carousel'\nimport * as React from 'react'\n\nimport { CSSWrapper } from '~/utilities/css-wrapper/CSSWrapper'\n\nimport { CarouselArrowNext, CarouselArrowPrevious } from './CarouselArrows'\nimport { CarouselPagination } from './CarouselPagination'\nimport { CarouselSlide } from './CarouselSlide'\nimport { CarouselSlider } from './CarouselSlider'\n\ntype CarouselProps = {\n  slideHeight: number\n  slideWidth: number\n  numSlides: number\n}\n\nexport const CarouselComponent = ({\n  children,\n  className,\n  slideHeight,\n  slideWidth,\n  numSlides,\n  ...props\n}: CarouselProps &\n  Omit<\n    React.ComponentProps<typeof CarouselProvider>,\n    'naturalSlideWidth' | 'naturalSlideHeight' | 'totalSlides'\n  > &\n  React.ComponentProps<typeof CSSWrapper>) => (\n  <CSSWrapper className={className}>\n    <CarouselProvider\n      naturalSlideWidth={slideWidth}\n      naturalSlideHeight={slideHeight}\n      totalSlides={numSlides}\n      {...props}\n    >\n      {children}\n    </CarouselProvider>\n  </CSSWrapper>\n)\n\n/**\n * Documentation about the hook usage\n * https://github.com/express-labs/pure-react-carousel#hooks-and-usecontext\n */\nexport const useCarousel = () => React.useContext(CarouselContext)\n\nexport const Carousel = Object.assign(CarouselComponent, {\n  ArrowNext: CarouselArrowNext,\n  ArrowPrevious: CarouselArrowPrevious,\n  Pagination: CarouselPagination,\n  Slide: CarouselSlide,\n  Slider: CarouselSlider\n})\n\nCarouselComponent.displayName = 'Carousel'\n"],"mappings":";;;;;;;;AAgBA,IAAa,KAAqB,EAChC,aACA,cACA,gBACA,eACA,cACA,GAAG,QAOH,kBAAA,cAAC,GAAD,EAAuB,cASV,EARX,kBAAA,cAAC,GAAD;CACE,mBAAmB;CACnB,oBAAoB;CACpB,aAAa;CACb,GAAI;CAGa,EADhB,EACgB,CACR,EAOF,UAAoB,EAAM,WAAW,EAAgB,EAErD,IAAW,OAAO,OAAO,GAAmB;CACvD,WAAW;CACX,eAAe;CACf,YAAY;CACZ,OAAO;CACP,QAAQ;CACT,CAAC;AAEF,EAAkB,cAAc"}

package/dist/components/carousel/CarouselArrows.js

@@ -1,2 +1,27 @@
-import{ChevronLeft as n,ChevronRight as s}from"@atom-learning/icons";import{ButtonBack as a,ButtonNext as m}from"pure-react-carousel";import*as e from"react";import{Icon as r}from"../icon/Icon.js";import{styled as o}from"../../styled.js";const i=["items-center","bg-[unset]","text-primary-800","cursor-pointer","flex","justify-center","size-12","top-1/2","-translate-y-1/2","transition-colors","duration-150","ease-in-out","hover:text-primary-900","active:text-primary-1000","disabled:text-grey-200"],c=o(a,{base:i}),p=o(m,{base:i}),l=t=>e.createElement(c,{...t},e.createElement(r,{is:n})),u=t=>e.createElement(p,{...t},e.createElement(r,{is:s}));export{u as CarouselArrowNext,l as CarouselArrowPrevious};
-//# sourceMappingURL=CarouselArrows.js.map
+import { styled as e } from "../../styled.js";
+import { Icon as t } from "../icon/Icon.js";
+import * as n from "react";
+import { ChevronLeft as r, ChevronRight as i } from "@atom-learning/icons";
+import { ButtonBack as a, ButtonNext as o } from "pure-react-carousel";
+//#region src/components/carousel/CarouselArrows.tsx
+var s = [
+	"items-center",
+	"bg-[unset]",
+	"text-primary-800",
+	"cursor-pointer",
+	"flex",
+	"justify-center",
+	"size-12",
+	"top-1/2",
+	"-translate-y-1/2",
+	"transition-colors",
+	"duration-150",
+	"ease-in-out",
+	"hover:text-primary-900",
+	"active:text-primary-1000",
+	"disabled:text-grey-200"
+], c = e(a, { base: s }), l = e(o, { base: s }), u = (e) => /* @__PURE__ */ n.createElement(c, e, /* @__PURE__ */ n.createElement(t, { is: r })), d = (e) => /* @__PURE__ */ n.createElement(l, e, /* @__PURE__ */ n.createElement(t, { is: i }));
+//#endregion
+export { d as CarouselArrowNext, u as CarouselArrowPrevious };
+
+//# sourceMappingURL=CarouselArrows.js.map

package/dist/components/carousel/CarouselArrows.js.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselArrows.js","sources":["../../../src/components/carousel/CarouselArrows.tsx"],"sourcesContent":["import { ChevronLeft, ChevronRight } from '@atom-learning/icons'\nimport {\n  ButtonBack as BaseButtonBack,\n  ButtonNext as BaseButtonNext\n} from 'pure-react-carousel'\nimport * as React from 'react'\n\nimport { Icon } from '~/components/icon/Icon'\nimport { styled } from '~/styled'\n\nconst buttonStyles = [\n  'items-center',\n  'bg-[unset]',\n  'text-primary-800',\n  'cursor-pointer',\n  'flex',\n  'justify-center',\n  'size-12',\n  'top-1/2',\n  '-translate-y-1/2',\n  'transition-colors',\n  'duration-150',\n  'ease-in-out',\n  'hover:text-primary-900',\n  'active:text-primary-1000',\n  'disabled:text-grey-200'\n]\n\nconst StyledButtonBack = styled(BaseButtonBack, {\n  base: buttonStyles\n})\n\nconst StyledButtonNext = styled(BaseButtonNext, {\n  base: buttonStyles\n})\n\nexport const CarouselArrowPrevious = (\n  props: Omit<React.ComponentProps<typeof StyledButtonBack>, 'children'>\n) => (\n  <StyledButtonBack {...props}>\n    <Icon is={ChevronLeft} />\n  </StyledButtonBack>\n)\nexport const CarouselArrowNext = (\n  props: Omit<React.ComponentProps<typeof StyledButtonNext>, 'children'>\n) => (\n  <StyledButtonNext {...props}>\n    <Icon is={ChevronRight} />\n  </StyledButtonNext>\n)\n"],"names":["buttonStyles","StyledButtonBack","styled","BaseButtonBack","StyledButtonNext","BaseButtonNext","CarouselArrowPrevious","props","React","Icon","ChevronLeft","CarouselArrowNext","ChevronRight"],"mappings":"8OAUA,MAAMA,EAAe,CACnB,eACA,aACA,mBACA,iBACA,OACA,iBACA,UACA,UACA,mBACA,oBACA,eACA,cACA,yBACA,2BACA,wBACF,EAEMC,EAAmBC,EAAOC,EAAgB,CAC9C,KAAMH,CACR,CAAC,EAEKI,EAAmBF,EAAOG,EAAgB,CAC9C,KAAML,CACR,CAAC,EAEYM,EACXC,GAEAC,EAAA,cAACP,EAAA,CAAkB,GAAGM,CACpBC,EAAAA,EAAA,cAACC,EAAA,CAAK,GAAIC,CAAAA,CAAa,CACzB,EAEWC,EACXJ,GAEAC,EAAA,cAACJ,EAAA,CAAkB,GAAGG,GACpBC,EAAA,cAACC,EAAA,CAAK,GAAIG,EAAc,CAC1B"}
+{"version":3,"file":"CarouselArrows.js","names":[],"sources":["../../../src/components/carousel/CarouselArrows.tsx"],"sourcesContent":["import { ChevronLeft, ChevronRight } from '@atom-learning/icons'\nimport {\n  ButtonBack as BaseButtonBack,\n  ButtonNext as BaseButtonNext\n} from 'pure-react-carousel'\nimport * as React from 'react'\n\nimport { Icon } from '~/components/icon/Icon'\nimport { styled } from '~/styled'\n\nconst buttonStyles = [\n  'items-center',\n  'bg-[unset]',\n  'text-primary-800',\n  'cursor-pointer',\n  'flex',\n  'justify-center',\n  'size-12',\n  'top-1/2',\n  '-translate-y-1/2',\n  'transition-colors',\n  'duration-150',\n  'ease-in-out',\n  'hover:text-primary-900',\n  'active:text-primary-1000',\n  'disabled:text-grey-200'\n]\n\nconst StyledButtonBack = styled(BaseButtonBack, {\n  base: buttonStyles\n})\n\nconst StyledButtonNext = styled(BaseButtonNext, {\n  base: buttonStyles\n})\n\nexport const CarouselArrowPrevious = (\n  props: Omit<React.ComponentProps<typeof StyledButtonBack>, 'children'>\n) => (\n  <StyledButtonBack {...props}>\n    <Icon is={ChevronLeft} />\n  </StyledButtonBack>\n)\nexport const CarouselArrowNext = (\n  props: Omit<React.ComponentProps<typeof StyledButtonNext>, 'children'>\n) => (\n  <StyledButtonNext {...props}>\n    <Icon is={ChevronRight} />\n  </StyledButtonNext>\n)\n"],"mappings":";;;;;;AAUA,IAAM,IAAe;CACnB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EAEK,IAAmB,EAAO,GAAgB,EAC9C,MAAM,GACP,CAAC,EAEI,IAAmB,EAAO,GAAgB,EAC9C,MAAM,GACP,CAAC,EAEW,KACX,MAEA,kBAAA,cAAC,GAAqB,GACpB,kBAAA,cAAC,GAAD,EAAM,IAAI,GAAe,CAAA,CACR,EAER,KACX,MAEA,kBAAA,cAAC,GAAqB,GACpB,kBAAA,cAAC,GAAD,EAAM,IAAI,GAAgB,CAAA,CACT"}

package/dist/components/carousel/CarouselPagination.js

@@ -1,2 +1,22 @@
-import{DotGroup as t}from"pure-react-carousel";import{styled as o}from"../../styled.js";const n=o(t,{base:["justify-center","[&_button]:[[class*=selected]]:bg-primary-800","[&_button]:bg-grey-600","[&_button]:cursor-pointer","[&_button]:duration-100","[&_button]:ease-in","[&_button]:focus:bg-primary-900","[&_button]:hover:bg-primary-900","[&_button]:mx-1","[&_button]:p-1","[&_button]:rounded-[50%]","[&_button]:size-3","[&_button]:transition-all"]});export{n as CarouselPagination};
-//# sourceMappingURL=CarouselPagination.js.map
+import { styled as e } from "../../styled.js";
+import { DotGroup as t } from "pure-react-carousel";
+//#region src/components/carousel/CarouselPagination.tsx
+var n = e(t, { base: [
+	"justify-center",
+	"[&_button]:[[class*=selected]]:bg-primary-800",
+	"[&_button]:bg-grey-600",
+	"[&_button]:cursor-pointer",
+	"[&_button]:duration-100",
+	"[&_button]:ease-in",
+	"[&_button]:focus:bg-primary-900",
+	"[&_button]:hover:bg-primary-900",
+	"[&_button]:mx-1",
+	"[&_button]:p-1",
+	"[&_button]:rounded-[50%]",
+	"[&_button]:size-3",
+	"[&_button]:transition-all"
+] });
+//#endregion
+export { n as CarouselPagination };
+
+//# sourceMappingURL=CarouselPagination.js.map

package/dist/components/carousel/CarouselPagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselPagination.js","sources":["../../../src/components/carousel/CarouselPagination.tsx"],"sourcesContent":["import { DotGroup } from 'pure-react-carousel'\n\nimport { styled } from '~/styled'\n\nexport const CarouselPagination = styled(DotGroup, {\n  base: [\n    'justify-center',\n    '[&_button]:[[class*=selected]]:bg-primary-800',\n    '[&_button]:bg-grey-600',\n    '[&_button]:cursor-pointer',\n    '[&_button]:duration-100',\n    '[&_button]:ease-in',\n    '[&_button]:focus:bg-primary-900',\n    '[&_button]:hover:bg-primary-900',\n    '[&_button]:mx-1',\n    '[&_button]:p-1',\n    '[&_button]:rounded-[50%]',\n    '[&_button]:size-3',\n    '[&_button]:transition-all'\n  ]\n})\n"],"names":["CarouselPagination","styled","DotGroup"],"mappings":"wFAIO,MAAMA,EAAqBC,EAAOC,EAAU,CACjD,KAAM,CACJ,iBACA,gDACA,yBACA,4BACA,0BACA,qBACA,kCACA,kCACA,kBACA,iBACA,2BACA,oBACA,2BACF,CACF,CAAC"}
+{"version":3,"file":"CarouselPagination.js","names":[],"sources":["../../../src/components/carousel/CarouselPagination.tsx"],"sourcesContent":["import { DotGroup } from 'pure-react-carousel'\n\nimport { styled } from '~/styled'\n\nexport const CarouselPagination = styled(DotGroup, {\n  base: [\n    'justify-center',\n    '[&_button]:[[class*=selected]]:bg-primary-800',\n    '[&_button]:bg-grey-600',\n    '[&_button]:cursor-pointer',\n    '[&_button]:duration-100',\n    '[&_button]:ease-in',\n    '[&_button]:focus:bg-primary-900',\n    '[&_button]:hover:bg-primary-900',\n    '[&_button]:mx-1',\n    '[&_button]:p-1',\n    '[&_button]:rounded-[50%]',\n    '[&_button]:size-3',\n    '[&_button]:transition-all'\n  ]\n})\n"],"mappings":";;;AAIA,IAAa,IAAqB,EAAO,GAAU,EACjD,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACF,CAAC"}

package/dist/components/carousel/CarouselSlide.js

@@ -1,2 +1,11 @@
-import{Slide as a}from"pure-react-carousel";import*as e from"react";const i=({children:r,...t})=>e.createElement(a,{...t,tag:"div"},e.createElement("div",{className:"px-3"},r));export{i as CarouselSlide};
-//# sourceMappingURL=CarouselSlide.js.map
+import * as e from "react";
+import { Slide as t } from "pure-react-carousel";
+//#region src/components/carousel/CarouselSlide.tsx
+var n = ({ children: n, ...r }) => /* @__PURE__ */ e.createElement(t, {
+	...r,
+	tag: "div"
+}, /* @__PURE__ */ e.createElement("div", { className: "px-3" }, n));
+//#endregion
+export { n as CarouselSlide };
+
+//# sourceMappingURL=CarouselSlide.js.map

package/dist/components/carousel/CarouselSlide.js.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselSlide.js","sources":["../../../src/components/carousel/CarouselSlide.tsx"],"sourcesContent":["import { Slide as BaseSlide } from 'pure-react-carousel'\nimport * as React from 'react'\n\nexport const CarouselSlide = ({\n  children,\n  ...remainingProps\n}: React.ComponentProps<typeof BaseSlide> & {\n  className?: string\n  index: number\n}) => (\n  <BaseSlide {...remainingProps} tag=\"div\">\n    {/* padding to create the gap between slides */}\n    <div className=\"px-3\">{children}</div>\n  </BaseSlide>\n)\n"],"names":["CarouselSlide","children","remainingProps","React","BaseSlide"],"mappings":"oEAGa,MAAAA,EAAgB,CAAC,CAC5B,SAAAC,EACA,GAAGC,CACL,IAIEC,EAAA,cAACC,EAAA,CAAW,GAAGF,EAAgB,IAAI,KAEjCC,EAAAA,EAAA,cAAC,MAAA,CAAI,UAAU,MAAA,EAAQF,CAAS,CAClC"}
+{"version":3,"file":"CarouselSlide.js","names":[],"sources":["../../../src/components/carousel/CarouselSlide.tsx"],"sourcesContent":["import { Slide as BaseSlide } from 'pure-react-carousel'\nimport * as React from 'react'\n\nexport const CarouselSlide = ({\n  children,\n  ...remainingProps\n}: React.ComponentProps<typeof BaseSlide> & {\n  className?: string\n  index: number\n}) => (\n  <BaseSlide {...remainingProps} tag=\"div\">\n    {/* padding to create the gap between slides */}\n    <div className=\"px-3\">{children}</div>\n  </BaseSlide>\n)\n"],"mappings":";;;AAGA,IAAa,KAAiB,EAC5B,aACA,GAAG,QAKH,kBAAA,cAAC,GAAD;CAAW,GAAI;CAAgB,KAAI;CAGvB,EADV,kBAAA,cAAC,OAAD,EAAK,WAAU,QAAuB,EAAf,EAAe,CAC5B"}

package/dist/components/carousel/CarouselSlider.js

@@ -1,2 +1,12 @@
-import a from"clsx";import{Slider as i}from"pure-react-carousel";import*as o from"react";const t=({children:e,className:r,overflow:s,...l})=>o.createElement(i,{...l,className:String.raw`ml-[50%] -translate-x-1/2 cursor-grab overflow-hidden **:[[class*=slideInner]]:flex **:[[class*=slideInner]]:justify-center **:[[class*=slide\_]]:float-left **:[[class*=slide\_]]:pb-0! **:[[class*=sliderTray\_]]:transition-transform **:[[class*=sliderTray\_]]:duration-500 **:[[class*=sliderTray\_]]:ease-[cubic-bezier(.645,.045,.355,1)]`+a(s&&"overflow-visible",r)},e);export{t as CarouselSlider};
-//# sourceMappingURL=CarouselSlider.js.map
+import e from "clsx";
+import * as t from "react";
+import { Slider as n } from "pure-react-carousel";
+//#region src/components/carousel/CarouselSlider.tsx
+var r = ({ children: r, className: i, overflow: a, ...o }) => /* @__PURE__ */ t.createElement(n, {
+	...o,
+	className: String.raw`ml-[50%] -translate-x-1/2 cursor-grab overflow-hidden **:[[class*=slideInner]]:flex **:[[class*=slideInner]]:justify-center **:[[class*=slide\_]]:float-left **:[[class*=slide\_]]:pb-0! **:[[class*=sliderTray\_]]:transition-transform **:[[class*=sliderTray\_]]:duration-500 **:[[class*=sliderTray\_]]:ease-[cubic-bezier(.645,.045,.355,1)]` + e(a && "overflow-visible", i)
+}, r);
+//#endregion
+export { r as CarouselSlider };
+
+//# sourceMappingURL=CarouselSlider.js.map

package/dist/components/carousel/CarouselSlider.js.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselSlider.js","sources":["../../../src/components/carousel/CarouselSlider.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport { Slider as BaseSlider } from 'pure-react-carousel'\nimport * as React from 'react'\n\nexport const CarouselSlider = ({\n  children,\n  className,\n  overflow,\n  ...rest\n}: React.PropsWithChildren<\n  typeof BaseSlider & {\n    tabIndex?: number\n    className?: string\n    overflow?: boolean\n  }\n>) => (\n  <BaseSlider\n    {...rest}\n    className={\n      String.raw`ml-[50%] -translate-x-1/2 cursor-grab overflow-hidden **:[[class*=slideInner]]:flex **:[[class*=slideInner]]:justify-center **:[[class*=slide\\_]]:float-left **:[[class*=slide\\_]]:pb-0! **:[[class*=sliderTray\\_]]:transition-transform **:[[class*=sliderTray\\_]]:duration-500 **:[[class*=sliderTray\\_]]:ease-[cubic-bezier(.645,.045,.355,1)]` +\n      clsx(overflow && 'overflow-visible', className)\n    }\n  >\n    {children}\n  </BaseSlider>\n)\n"],"names":["CarouselSlider","children","className","overflow","rest","React","BaseSlider","clsx"],"mappings":"yFAIO,MAAMA,EAAiB,CAAC,CAC7B,SAAAC,EACA,UAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAOEC,EAAA,cAACC,EAAA,CACE,GAAGF,EACJ,UACE,OAAO,uVACPG,EAAKJ,GAAY,mBAAoBD,CAAS,GAG/CD,CACH"}
+{"version":3,"file":"CarouselSlider.js","names":[],"sources":["../../../src/components/carousel/CarouselSlider.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport { Slider as BaseSlider } from 'pure-react-carousel'\nimport * as React from 'react'\n\nexport const CarouselSlider = ({\n  children,\n  className,\n  overflow,\n  ...rest\n}: React.PropsWithChildren<\n  typeof BaseSlider & {\n    tabIndex?: number\n    className?: string\n    overflow?: boolean\n  }\n>) => (\n  <BaseSlider\n    {...rest}\n    className={\n      String.raw`ml-[50%] -translate-x-1/2 cursor-grab overflow-hidden **:[[class*=slideInner]]:flex **:[[class*=slideInner]]:justify-center **:[[class*=slide\\_]]:float-left **:[[class*=slide\\_]]:pb-0! **:[[class*=sliderTray\\_]]:transition-transform **:[[class*=sliderTray\\_]]:duration-500 **:[[class*=sliderTray\\_]]:ease-[cubic-bezier(.645,.045,.355,1)]` +\n      clsx(overflow && 'overflow-visible', className)\n    }\n  >\n    {children}\n  </BaseSlider>\n)\n"],"mappings":";;;;AAIA,IAAa,KAAkB,EAC7B,aACA,cACA,aACA,GAAG,QAQH,kBAAA,cAAC,GAAD;CACE,GAAI;CACJ,WACE,OAAO,GAAG,sVACV,EAAK,KAAY,oBAAoB,EAAU;CAItC,EADV,EACU"}

package/dist/components/checkbox/Checkbox.js

@@ -1,2 +1,41 @@
-import{Minus as b,Ok as c}from"@atom-learning/icons";import*as a from"@radix-ui/react-checkbox";import*as e from"react";import{styled as o}from"../../styled.js";import{overrideStyledVariantValue as m}from"../../utilities/override-styled-variant-value/overrideStyledVariantValue.js";import{Icon as f}from"../icon/Icon.js";const u=o("div",{base:["relative","z-1"]}),p=o("div",{base:["absolute","-inset-3","opacity-50"]}),y=o(a.Root,{base:["appearance-none","relative","border","border-grey-800","rounded-[3px]","text-white","bg-white","cursor-pointer","size-4","flex","items-center","justify-center","transition-all","duration-50","ease-out","shrink-0","not-disabled:before:-inset-2","not-disabled:before:-z-1","not-disabled:before:absolute","not-disabled:before:bg-primary-300","not-disabled:before:content-['']","not-disabled:before:duration-125","not-disabled:before:ease-in-out","not-disabled:before:opacity-0","not-disabled:before:rounded-[50%]","not-disabled:before:scale-0","not-disabled:before:transition-[opacity,scale]","not-disabled:hover:before:opacity-100","not-disabled:hover:before:scale-100","data-[state=checked]:bg-primary-800","data-[state=checked]:border-primary-800","data-[state=indeterminate]:bg-primary-800","data-[state=indeterminate]:border-primary-800","focus:-outline-offset-1","focus:outline-2","focus:outline-primary-800","focus:outline-solid","disabled:cursor-not-allowed","disabled:opacity-30"],variants:{state:{error:["border-danger"]},size:{md:["size-4"],lg:["mt-px","size-6"]}}}),h={md:"sm",lg:"sm"},i=e.forwardRef(({size:t="md",checked:r,...s},d)=>{const n=e.useMemo(()=>m(t,l=>h[l]),[t]);return e.createElement(u,null,e.createElement(y,{ref:d,checked:r,size:t,...s},e.createElement(p,null),e.createElement(a.Indicator,{asChild:!0},e.createElement(f,{is:r==="indeterminate"?b:c,size:n,className:"stroke-3"}))))});i.displayName="Checkbox";export{i as Checkbox};
-//# sourceMappingURL=Checkbox.js.map
+import { styled as e } from "../../styled.js";
+import { Icon as t } from "../icon/Icon.js";
+import { overrideStyledVariantValue as n } from "../../utilities/override-styled-variant-value/overrideStyledVariantValue.js";
+import * as r from "react";
+import { Minus as i, Ok as a } from "@atom-learning/icons";
+import * as o from "@radix-ui/react-checkbox";
+//#region src/components/checkbox/Checkbox.tsx
+var s = e("div", { base: ["relative", "z-1"] }), c = e("div", { base: [
+	"absolute",
+	"-inset-3",
+	"opacity-50"
+] }), l = e(o.Root, {
+	base: /* @__PURE__ */ "appearance-none.relative.border.border-grey-800.rounded-[3px].text-white.bg-white.cursor-pointer.size-4.flex.items-center.justify-center.transition-all.duration-50.ease-out.shrink-0.not-disabled:before:-inset-2.not-disabled:before:-z-1.not-disabled:before:absolute.not-disabled:before:bg-primary-300.not-disabled:before:content-[''].not-disabled:before:duration-125.not-disabled:before:ease-in-out.not-disabled:before:opacity-0.not-disabled:before:rounded-[50%].not-disabled:before:scale-0.not-disabled:before:transition-[opacity,scale].not-disabled:hover:before:opacity-100.not-disabled:hover:before:scale-100.data-[state=checked]:bg-primary-800.data-[state=checked]:border-primary-800.data-[state=indeterminate]:bg-primary-800.data-[state=indeterminate]:border-primary-800.focus:-outline-offset-1.focus:outline-2.focus:outline-primary-800.focus:outline-solid.disabled:cursor-not-allowed.disabled:opacity-30".split("."),
+	variants: {
+		state: { error: ["border-danger"] },
+		size: {
+			md: ["size-4"],
+			lg: ["mt-px", "size-6"]
+		}
+	}
+}), u = {
+	md: "sm",
+	lg: "sm"
+}, d = r.forwardRef(({ size: e = "md", checked: d, ...f }, p) => {
+	let m = r.useMemo(() => n(e, (e) => u[e]), [e]);
+	return /* @__PURE__ */ r.createElement(s, null, /* @__PURE__ */ r.createElement(l, {
+		ref: p,
+		checked: d,
+		size: e,
+		...f
+	}, /* @__PURE__ */ r.createElement(c, null), /* @__PURE__ */ r.createElement(o.Indicator, { asChild: !0 }, /* @__PURE__ */ r.createElement(t, {
+		is: d === "indeterminate" ? i : a,
+		size: m,
+		className: "stroke-3"
+	}))));
+});
+d.displayName = "Checkbox";
+//#endregion
+export { d as Checkbox };
+
+//# sourceMappingURL=Checkbox.js.map

package/dist/components/checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../src/components/checkbox/Checkbox.tsx"],"sourcesContent":["import { Minus, Ok } from '@atom-learning/icons'\nimport * as RadixCheckbox from '@radix-ui/react-checkbox'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\nimport { overrideStyledVariantValue } from '~/utilities/override-styled-variant-value/overrideStyledVariantValue'\n\nimport { Icon } from '../icon/Icon'\n\nconst CheckboxContainer = styled('div', {\n  base: ['relative', 'z-1']\n})\n\nconst CheckboxHitArea = styled('div', {\n  base: ['absolute', '-inset-3', 'opacity-50']\n})\n\nconst StyledCheckbox = styled(RadixCheckbox.Root, {\n  base: [\n    'appearance-none',\n    'relative',\n    'border',\n    'border-grey-800',\n    'rounded-[3px]',\n    'text-white',\n    'bg-white',\n    'cursor-pointer',\n    'size-4',\n    'flex',\n    'items-center',\n    'justify-center',\n    'transition-all',\n    'duration-50',\n    'ease-out',\n    'shrink-0',\n    'not-disabled:before:-inset-2',\n    'not-disabled:before:-z-1',\n    'not-disabled:before:absolute',\n    'not-disabled:before:bg-primary-300',\n    \"not-disabled:before:content-['']\",\n    'not-disabled:before:duration-125',\n    'not-disabled:before:ease-in-out',\n    'not-disabled:before:opacity-0',\n    'not-disabled:before:rounded-[50%]',\n    'not-disabled:before:scale-0',\n    'not-disabled:before:transition-[opacity,scale]',\n    'not-disabled:hover:before:opacity-100',\n    'not-disabled:hover:before:scale-100',\n    'data-[state=checked]:bg-primary-800',\n    'data-[state=checked]:border-primary-800',\n    'data-[state=indeterminate]:bg-primary-800',\n    'data-[state=indeterminate]:border-primary-800',\n    'focus:-outline-offset-1',\n    'focus:outline-2',\n    'focus:outline-primary-800',\n    'focus:outline-solid',\n    'disabled:cursor-not-allowed',\n    'disabled:opacity-30'\n  ],\n  variants: {\n    state: {\n      error: ['border-danger']\n    },\n    size: {\n      md: ['size-4'],\n      lg: ['mt-px', 'size-6']\n    }\n  }\n})\n\nconst toIconSize = {\n  md: 'sm',\n  lg: 'sm'\n}\n\nexport const Checkbox = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<typeof StyledCheckbox>\n>(({ size = 'md', checked, ...rest }, ref) => {\n  const iconSize = React.useMemo(\n    () => overrideStyledVariantValue(size, (s) => toIconSize[s]),\n    [size]\n  )\n\n  return (\n    <CheckboxContainer>\n      <StyledCheckbox ref={ref} checked={checked} size={size} {...rest}>\n        <CheckboxHitArea />\n        <RadixCheckbox.Indicator asChild>\n          <Icon\n            is={checked === 'indeterminate' ? Minus : Ok}\n            size={iconSize}\n            className=\"stroke-3\"\n          />\n        </RadixCheckbox.Indicator>\n      </StyledCheckbox>\n    </CheckboxContainer>\n  )\n})\n\nCheckbox.displayName = 'Checkbox'\n"],"names":["CheckboxContainer","styled","CheckboxHitArea","StyledCheckbox","RadixCheckbox","toIconSize","Checkbox","React","size","checked","rest","ref","iconSize","overrideStyledVariantValue","s","Icon","Minus","Ok"],"mappings":"iUASA,MAAMA,EAAoBC,EAAO,MAAO,CACtC,KAAM,CAAC,WAAY,KAAK,CAC1B,CAAC,EAEKC,EAAkBD,EAAO,MAAO,CACpC,KAAM,CAAC,WAAY,WAAY,YAAY,CAC7C,CAAC,EAEKE,EAAiBF,EAAOG,EAAc,KAAM,CAChD,KAAM,CACJ,kBACA,WACA,SACA,kBACA,gBACA,aACA,WACA,iBACA,SACA,OACA,eACA,iBACA,iBACA,cACA,WACA,WACA,+BACA,2BACA,+BACA,qCACA,mCACA,mCACA,kCACA,gCACA,oCACA,8BACA,iDACA,wCACA,sCACA,sCACA,0CACA,4CACA,gDACA,0BACA,kBACA,4BACA,sBACA,8BACA,qBACF,EACA,SAAU,CACR,MAAO,CACL,MAAO,CAAC,eAAe,CACzB,EACA,KAAM,CACJ,GAAI,CAAC,QAAQ,EACb,GAAI,CAAC,QAAS,QAAQ,CACxB,CACF,CACF,CAAC,EAEKC,EAAa,CACjB,GAAI,KACJ,GAAI,IACN,EAEaC,EAAWC,EAAM,WAG5B,CAAC,CAAE,KAAAC,EAAO,KAAM,QAAAC,EAAS,GAAGC,CAAK,EAAGC,IAAQ,CAC5C,MAAMC,EAAWL,EAAM,QACrB,IAAMM,EAA2BL,EAAOM,GAAMT,EAAWS,CAAC,CAAC,EAC3D,CAACN,CAAI,CACP,EAEA,OACED,EAAA,cAACP,EAAA,KACCO,EAAA,cAACJ,EAAA,CAAe,IAAKQ,EAAK,QAASF,EAAS,KAAMD,EAAO,GAAGE,CAAAA,EAC1DH,EAAA,cAACL,EAAA,IAAgB,EACjBK,EAAA,cAACH,EAAc,UAAd,CAAwB,QAAO,EAC9BG,EAAAA,EAAA,cAACQ,EAAA,CACC,GAAIN,IAAY,gBAAkBO,EAAQC,EAC1C,KAAML,EACN,UAAU,UAAA,CACZ,CACF,CACF,CACF,CAEJ,CAAC,EAEDN,EAAS,YAAc"}
+{"version":3,"file":"Checkbox.js","names":[],"sources":["../../../src/components/checkbox/Checkbox.tsx"],"sourcesContent":["import { Minus, Ok } from '@atom-learning/icons'\nimport * as RadixCheckbox from '@radix-ui/react-checkbox'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\nimport { overrideStyledVariantValue } from '~/utilities/override-styled-variant-value/overrideStyledVariantValue'\n\nimport { Icon } from '../icon/Icon'\n\nconst CheckboxContainer = styled('div', {\n  base: ['relative', 'z-1']\n})\n\nconst CheckboxHitArea = styled('div', {\n  base: ['absolute', '-inset-3', 'opacity-50']\n})\n\nconst StyledCheckbox = styled(RadixCheckbox.Root, {\n  base: [\n    'appearance-none',\n    'relative',\n    'border',\n    'border-grey-800',\n    'rounded-[3px]',\n    'text-white',\n    'bg-white',\n    'cursor-pointer',\n    'size-4',\n    'flex',\n    'items-center',\n    'justify-center',\n    'transition-all',\n    'duration-50',\n    'ease-out',\n    'shrink-0',\n    'not-disabled:before:-inset-2',\n    'not-disabled:before:-z-1',\n    'not-disabled:before:absolute',\n    'not-disabled:before:bg-primary-300',\n    \"not-disabled:before:content-['']\",\n    'not-disabled:before:duration-125',\n    'not-disabled:before:ease-in-out',\n    'not-disabled:before:opacity-0',\n    'not-disabled:before:rounded-[50%]',\n    'not-disabled:before:scale-0',\n    'not-disabled:before:transition-[opacity,scale]',\n    'not-disabled:hover:before:opacity-100',\n    'not-disabled:hover:before:scale-100',\n    'data-[state=checked]:bg-primary-800',\n    'data-[state=checked]:border-primary-800',\n    'data-[state=indeterminate]:bg-primary-800',\n    'data-[state=indeterminate]:border-primary-800',\n    'focus:-outline-offset-1',\n    'focus:outline-2',\n    'focus:outline-primary-800',\n    'focus:outline-solid',\n    'disabled:cursor-not-allowed',\n    'disabled:opacity-30'\n  ],\n  variants: {\n    state: {\n      error: ['border-danger']\n    },\n    size: {\n      md: ['size-4'],\n      lg: ['mt-px', 'size-6']\n    }\n  }\n})\n\nconst toIconSize = {\n  md: 'sm',\n  lg: 'sm'\n}\n\nexport const Checkbox = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<typeof StyledCheckbox>\n>(({ size = 'md', checked, ...rest }, ref) => {\n  const iconSize = React.useMemo(\n    () => overrideStyledVariantValue(size, (s) => toIconSize[s]),\n    [size]\n  )\n\n  return (\n    <CheckboxContainer>\n      <StyledCheckbox ref={ref} checked={checked} size={size} {...rest}>\n        <CheckboxHitArea />\n        <RadixCheckbox.Indicator asChild>\n          <Icon\n            is={checked === 'indeterminate' ? Minus : Ok}\n            size={iconSize}\n            className=\"stroke-3\"\n          />\n        </RadixCheckbox.Indicator>\n      </StyledCheckbox>\n    </CheckboxContainer>\n  )\n})\n\nCheckbox.displayName = 'Checkbox'\n"],"mappings":";;;;;;;AASA,IAAM,IAAoB,EAAO,OAAO,EACtC,MAAM,CAAC,YAAY,MAAM,EAC1B,CAAC,EAEI,IAAkB,EAAO,OAAO,EACpC,MAAM;CAAC;CAAY;CAAY;CAAa,EAC7C,CAAC,EAEI,IAAiB,EAAO,EAAc,MAAM;CAChD,MAAM,y6BAwCL;CACD,UAAU;EACR,OAAO,EACL,OAAO,CAAC,gBAAgB,EACzB;EACD,MAAM;GACJ,IAAI,CAAC,SAAS;GACd,IAAI,CAAC,SAAS,SAAS;GACxB;EACF;CACF,CAAC,EAEI,IAAa;CACjB,IAAI;CACJ,IAAI;CACL,EAEY,IAAW,EAAM,YAG3B,EAAE,UAAO,MAAM,YAAS,GAAG,KAAQ,MAAQ;CAC5C,IAAM,IAAW,EAAM,cACf,EAA2B,IAAO,MAAM,EAAW,GAAG,EAC5D,CAAC,EAAK,CACP;AAED,QACE,kBAAA,cAAC,GAAA,MACC,kBAAA,cAAC,GAAD;EAAqB;EAAc;EAAe;EAAM,GAAI;EAS3C,EARf,kBAAA,cAAC,GAAA,KAAkB,EACnB,kBAAA,cAAC,EAAc,WAAf,EAAyB,SAAA,IAMC,EALxB,kBAAA,cAAC,GAAD;EACE,IAAI,MAAY,kBAAkB,IAAQ;EAC1C,MAAM;EACN,WAAU;EACV,CAAA,CACsB,CACX,CACC;EAEtB;AAEF,EAAS,cAAc"}

package/dist/components/checkbox-field/CheckboxField.js

@@ -1,2 +1,40 @@
-import*as l from"react";import{useFormContext as F,useController as x}from"react-hook-form";import{Checkbox as b}from"../checkbox/Checkbox.js";import{InlineFieldWrapper as v}from"../field-wrapper/InlineFieldWrapper.js";import{useFieldError as E}from"../form/useFieldError.js";var N=(e=>(e.ON="on",e.OFF="off",e))(N||{});const d=({className:e,label:f,name:a,validation:r,description:u,defaultChecked:s=!1,checked:o,onCheckedChange:n,...h})=>{const{control:p}=F(),{error:t}=E(a),{field:{ref:C,onChange:c,value:m,name:k}}=x({name:a,control:p,rules:r,defaultValue:s});return l.useEffect(()=>{typeof o<"u"&&c(o)},[o]),l.createElement(v,{className:e,description:u,error:t,label:f,required:!!(r!=null&&r.required)},l.createElement(b,{ref:C,name:k,...h,onCheckedChange:i=>{c(i),n==null||n(i)},value:m?"on":"off",checked:m,...t&&{state:"error"}}))};d.displayName="CheckboxField";export{d as CheckboxField};
-//# sourceMappingURL=CheckboxField.js.map
+import { Checkbox as e } from "../checkbox/Checkbox.js";
+import { InlineFieldWrapper as t } from "../field-wrapper/InlineFieldWrapper.js";
+import { useFieldError as n } from "../form/useFieldError.js";
+import * as r from "react";
+import { useController as i, useFormContext as a } from "react-hook-form";
+//#region src/components/checkbox-field/CheckboxField.tsx
+var o = /* @__PURE__ */ function(e) {
+	return e.ON = "on", e.OFF = "off", e;
+}(o || {}), s = ({ className: s, label: c, name: l, validation: u, description: d, defaultChecked: f = !1, checked: p, onCheckedChange: m, ...h }) => {
+	let { control: g } = a(), { error: _ } = n(l), { field: { ref: v, onChange: y, value: b, name: x } } = i({
+		name: l,
+		control: g,
+		rules: u,
+		defaultValue: f
+	});
+	return r.useEffect(() => {
+		p !== void 0 && y(p);
+	}, [p]), /* @__PURE__ */ r.createElement(t, {
+		className: s,
+		description: d,
+		error: _,
+		label: c,
+		required: !!u?.required
+	}, /* @__PURE__ */ r.createElement(e, {
+		ref: v,
+		name: x,
+		...h,
+		onCheckedChange: (e) => {
+			y(e), m?.(e);
+		},
+		value: b ? o.ON : o.OFF,
+		checked: b,
+		..._ && { state: "error" }
+	}));
+};
+s.displayName = "CheckboxField";
+//#endregion
+export { s as CheckboxField };
+
+//# sourceMappingURL=CheckboxField.js.map

package/dist/components/checkbox-field/CheckboxField.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxField.js","sources":["../../../src/components/checkbox-field/CheckboxField.tsx"],"sourcesContent":["import * as React from 'react'\nimport { useController, useFormContext } from 'react-hook-form'\n\nimport { Checkbox } from '~/components/checkbox/Checkbox'\nimport { FieldElementWrapperProps } from '~/components/field-wrapper/FieldWrapper'\nimport { InlineFieldWrapper } from '~/components/field-wrapper/InlineFieldWrapper'\nimport { useFieldError } from '~/components/form/useFieldError'\n\nenum CheckboxValue {\n  ON = 'on',\n  OFF = 'off'\n}\n\nexport const CheckboxField = ({\n  className,\n  label,\n  name,\n  validation,\n  description,\n  defaultChecked = false,\n  checked,\n  onCheckedChange,\n  ...remainingProps\n}: React.ComponentProps<typeof Checkbox> & FieldElementWrapperProps) => {\n  const { control } = useFormContext()\n  const { error } = useFieldError(name)\n  const {\n    field: { ref, onChange, value: innerChecked, name: innerName }\n  } = useController({\n    name,\n    control,\n    rules: validation,\n    defaultValue: defaultChecked\n  })\n\n  React.useEffect(() => {\n    // Update the react-hook-form inner checked to match what is passed in.\n    if (typeof checked !== 'undefined') onChange(checked)\n  }, [checked])\n\n  return (\n    <InlineFieldWrapper\n      className={className}\n      description={description}\n      error={error}\n      label={label}\n      required={Boolean(validation?.required)}\n    >\n      <Checkbox\n        ref={ref}\n        name={innerName}\n        {...remainingProps}\n        onCheckedChange={(newChecked) => {\n          onChange(newChecked)\n          onCheckedChange?.(newChecked)\n        }}\n        value={innerChecked ? CheckboxValue.ON : CheckboxValue.OFF}\n        checked={innerChecked}\n        {...(error && { state: 'error' })}\n      />\n    </InlineFieldWrapper>\n  )\n}\n\nCheckboxField.displayName = 'CheckboxField'\n"],"names":["CheckboxValue","CheckboxField","className","label","name","validation","description","defaultChecked","checked","onCheckedChange","remainingProps","control","useFormContext","error","useFieldError","ref","onChange","innerChecked","innerName","useController","React","InlineFieldWrapper","Checkbox","newChecked"],"mappings":"oRAQA,IAAKA,OACHA,EAAA,GAAK,KACLA,EAAA,IAAM,MAFHA,IAAAA,GAAA,CAKE,CAAA,EAAA,MAAMC,EAAgB,CAAC,CAC5B,UAAAC,EACA,MAAAC,EACA,KAAAC,EACA,WAAAC,EACA,YAAAC,EACA,eAAAC,EAAiB,GACjB,QAAAC,EACA,gBAAAC,EACA,GAAGC,CACL,IAAwE,CACtE,KAAM,CAAE,QAAAC,CAAQ,EAAIC,EACd,EAAA,CAAE,MAAAC,CAAM,EAAIC,EAAcV,CAAI,EAC9B,CACJ,MAAO,CAAE,IAAAW,EAAK,SAAAC,EAAU,MAAOC,EAAc,KAAMC,CAAU,CAC/D,EAAIC,EAAc,CAChB,KAAAf,EACA,QAAAO,EACA,MAAON,EACP,aAAcE,CAChB,CAAC,EAED,OAAAa,EAAM,UAAU,IAAM,CAEhB,OAAOZ,EAAY,KAAaQ,EAASR,CAAO,CACtD,EAAG,CAACA,CAAO,CAAC,EAGVY,EAAA,cAACC,EAAA,CACC,UAAWnB,EACX,YAAaI,EACb,MAAOO,EACP,MAAOV,EACP,SAAU,CAAA,EAAQE,GAAA,MAAAA,EAAY,SAE9Be,EAAAA,EAAA,cAACE,EAAA,CACC,IAAKP,EACL,KAAMG,EACL,GAAGR,EACJ,gBAAkBa,GAAe,CAC/BP,EAASO,CAAU,EACnBd,GAAA,MAAAA,EAAkBc,EACpB,EACA,MAAON,EAAe,KAAmB,MACzC,QAASA,EACR,GAAIJ,GAAS,CAAE,MAAO,OAAQ,CAAA,CACjC,CACF,CAEJ,EAEAZ,EAAc,YAAc"}
+{"version":3,"file":"CheckboxField.js","names":[],"sources":["../../../src/components/checkbox-field/CheckboxField.tsx"],"sourcesContent":["import * as React from 'react'\nimport { useController, useFormContext } from 'react-hook-form'\n\nimport { Checkbox } from '~/components/checkbox/Checkbox'\nimport { FieldElementWrapperProps } from '~/components/field-wrapper/FieldWrapper'\nimport { InlineFieldWrapper } from '~/components/field-wrapper/InlineFieldWrapper'\nimport { useFieldError } from '~/components/form/useFieldError'\n\nenum CheckboxValue {\n  ON = 'on',\n  OFF = 'off'\n}\n\nexport const CheckboxField = ({\n  className,\n  label,\n  name,\n  validation,\n  description,\n  defaultChecked = false,\n  checked,\n  onCheckedChange,\n  ...remainingProps\n}: React.ComponentProps<typeof Checkbox> & FieldElementWrapperProps) => {\n  const { control } = useFormContext()\n  const { error } = useFieldError(name)\n  const {\n    field: { ref, onChange, value: innerChecked, name: innerName }\n  } = useController({\n    name,\n    control,\n    rules: validation,\n    defaultValue: defaultChecked\n  })\n\n  React.useEffect(() => {\n    // Update the react-hook-form inner checked to match what is passed in.\n    if (typeof checked !== 'undefined') onChange(checked)\n  }, [checked])\n\n  return (\n    <InlineFieldWrapper\n      className={className}\n      description={description}\n      error={error}\n      label={label}\n      required={Boolean(validation?.required)}\n    >\n      <Checkbox\n        ref={ref}\n        name={innerName}\n        {...remainingProps}\n        onCheckedChange={(newChecked) => {\n          onChange(newChecked)\n          onCheckedChange?.(newChecked)\n        }}\n        value={innerChecked ? CheckboxValue.ON : CheckboxValue.OFF}\n        checked={innerChecked}\n        {...(error && { state: 'error' })}\n      />\n    </InlineFieldWrapper>\n  )\n}\n\nCheckboxField.displayName = 'CheckboxField'\n"],"mappings":";;;;;;AAQA,IAAK,IAAL,yBAAA,GAAA;QACE,EAAA,KAAA,MACA,EAAA,MAAA;EAFG,KAAA,EAAA,CAGJ,EAEY,KAAiB,EAC5B,cACA,UACA,SACA,eACA,gBACA,oBAAiB,IACjB,YACA,oBACA,GAAG,QACmE;CACtE,IAAM,EAAE,eAAY,GAAgB,EAC9B,EAAE,aAAU,EAAc,EAAK,EAC/B,EACJ,OAAO,EAAE,QAAK,aAAU,OAAO,GAAc,MAAM,QACjD,EAAc;EAChB;EACA;EACA,OAAO;EACP,cAAc;EACf,CAAC;AAOF,QALA,EAAM,gBAAgB;AAEpB,EAAW,MAAY,UAAa,EAAS,EAAQ;IACpD,CAAC,EAAQ,CAAC,EAGX,kBAAA,cAAC,GAAD;EACa;EACE;EACN;EACA;EACP,UAAU,EAAQ,GAAY;EAcX,EAZnB,kBAAA,cAAC,GAAD;EACO;EACL,MAAM;EACN,GAAI;EACJ,kBAAkB,MAAe;AAE/B,GADA,EAAS,EAAW,EACpB,IAAkB,EAAW;;EAE/B,OAAO,IAAe,EAAc,KAAK,EAAc;EACvD,SAAS;EACT,GAAK,KAAS,EAAE,OAAO,SAAS;EAChC,CAAA,CACiB;;AAIzB,EAAc,cAAc"}

package/dist/components/checkbox-group/CheckboxGroup.js

@@ -1,2 +1,23 @@
-import{Slot as h}from"@radix-ui/react-slot";import*as e from"react";import{CheckboxGroupAllItem as d}from"./CheckboxGroupAllItem.js";import{CheckboxGroupItem as p}from"./CheckboxGroupItem.js";import{CheckboxGroupSub as C}from"./CheckboxGroupSub.js";import{CheckboxGroupCheckedProvider as k}from"./context/CheckboxGroupChecked.context.js";import{CheckboxGroupMountedProvider as l}from"./context/CheckboxGroupMounted.context.js";const i=({checked:o,defaultChecked:r,onCheckedChange:t,asChild:c=!1,...m})=>e.createElement(k,{checked:o,defaultChecked:r,onCheckedChange:t},e.createElement(l,null,e.createElement(c?h:"div",{...m}))),n=Object.assign(i,{Item:p,AllItem:d,Sub:C});export{n as CheckboxGroup};
-//# sourceMappingURL=CheckboxGroup.js.map
+import { CheckboxGroupCheckedProvider as e } from "./context/CheckboxGroupChecked.context.js";
+import { CheckboxGroupMountedProvider as t } from "./context/CheckboxGroupMounted.context.js";
+import { CheckboxGroupAllItem as n } from "./CheckboxGroupAllItem.js";
+import { CheckboxGroupItem as r } from "./CheckboxGroupItem.js";
+import { CheckboxGroupSub as i } from "./CheckboxGroupSub.js";
+import * as a from "react";
+import { Slot as o } from "@radix-ui/react-slot";
+var s = Object.assign(({ checked: n, defaultChecked: r, onCheckedChange: i, asChild: s = !1, ...c }) => {
+	let l = s ? o : "div";
+	return /* @__PURE__ */ a.createElement(e, {
+		checked: n,
+		defaultChecked: r,
+		onCheckedChange: i
+	}, /* @__PURE__ */ a.createElement(t, null, /* @__PURE__ */ a.createElement(l, c)));
+}, {
+	Item: r,
+	AllItem: n,
+	Sub: i
+});
+//#endregion
+export { s as CheckboxGroup };
+
+//# sourceMappingURL=CheckboxGroup.js.map

package/dist/components/checkbox-group/CheckboxGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroup.js","sources":["../../../src/components/checkbox-group/CheckboxGroup.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport * as React from 'react'\n\nimport type { CheckboxGroupItemValue } from './CheckboxGroup.types'\nimport { CheckboxGroupAllItem } from './CheckboxGroupAllItem'\nimport { CheckboxGroupItem } from './CheckboxGroupItem'\nimport { CheckboxGroupSub } from './CheckboxGroupSub'\nimport { CheckboxGroupCheckedProvider } from './context/CheckboxGroupChecked.context'\nimport { CheckboxGroupMountedProvider } from './context/CheckboxGroupMounted.context'\n\ntype CheckboxGroupRootProps = Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  'defaultChecked'\n> & {\n  checked?: CheckboxGroupItemValue[]\n  onCheckedChange?: (checked: CheckboxGroupItemValue[]) => void\n  defaultChecked?: CheckboxGroupItemValue[]\n  asChild?: boolean\n}\n\nconst CheckboxGroupRoot = ({\n  checked,\n  defaultChecked,\n  onCheckedChange,\n  asChild = false,\n  ...rest\n}: CheckboxGroupRootProps) => {\n  const Component = asChild ? Slot : 'div'\n\n  return (\n    <CheckboxGroupCheckedProvider\n      checked={checked}\n      defaultChecked={defaultChecked}\n      onCheckedChange={onCheckedChange}\n    >\n      <CheckboxGroupMountedProvider>\n        <Component {...rest} />\n      </CheckboxGroupMountedProvider>\n    </CheckboxGroupCheckedProvider>\n  )\n}\n\nexport const CheckboxGroup = Object.assign(CheckboxGroupRoot, {\n  Item: CheckboxGroupItem,\n  AllItem: CheckboxGroupAllItem,\n  Sub: CheckboxGroupSub\n})\n"],"names":["CheckboxGroupRoot","checked","defaultChecked","onCheckedChange","asChild","rest","React","CheckboxGroupCheckedProvider","CheckboxGroupMountedProvider","Slot","CheckboxGroup","CheckboxGroupItem","CheckboxGroupAllItem","CheckboxGroupSub"],"mappings":"2aAoBA,MAAMA,EAAoB,CAAC,CACzB,QAAAC,EACA,eAAAC,EACA,gBAAAC,EACA,QAAAC,EAAU,GACV,GAAGC,CACL,IAIIC,EAAA,cAACC,EAAA,CACC,QAASN,EACT,eAAgBC,EAChB,gBAAiBC,GAEjBG,EAAA,cAACE,EAAA,KACCF,EAAA,cATYF,EAAUK,EAAO,MAS5B,CAAW,GAAGJ,CAAM,CAAA,CACvB,CACF,EAISK,EAAgB,OAAO,OAAOV,EAAmB,CAC5D,KAAMW,EACN,QAASC,EACT,IAAKC,CACP,CAAC"}
+{"version":3,"file":"CheckboxGroup.js","names":[],"sources":["../../../src/components/checkbox-group/CheckboxGroup.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport * as React from 'react'\n\nimport type { CheckboxGroupItemValue } from './CheckboxGroup.types'\nimport { CheckboxGroupAllItem } from './CheckboxGroupAllItem'\nimport { CheckboxGroupItem } from './CheckboxGroupItem'\nimport { CheckboxGroupSub } from './CheckboxGroupSub'\nimport { CheckboxGroupCheckedProvider } from './context/CheckboxGroupChecked.context'\nimport { CheckboxGroupMountedProvider } from './context/CheckboxGroupMounted.context'\n\ntype CheckboxGroupRootProps = Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  'defaultChecked'\n> & {\n  checked?: CheckboxGroupItemValue[]\n  onCheckedChange?: (checked: CheckboxGroupItemValue[]) => void\n  defaultChecked?: CheckboxGroupItemValue[]\n  asChild?: boolean\n}\n\nconst CheckboxGroupRoot = ({\n  checked,\n  defaultChecked,\n  onCheckedChange,\n  asChild = false,\n  ...rest\n}: CheckboxGroupRootProps) => {\n  const Component = asChild ? Slot : 'div'\n\n  return (\n    <CheckboxGroupCheckedProvider\n      checked={checked}\n      defaultChecked={defaultChecked}\n      onCheckedChange={onCheckedChange}\n    >\n      <CheckboxGroupMountedProvider>\n        <Component {...rest} />\n      </CheckboxGroupMountedProvider>\n    </CheckboxGroupCheckedProvider>\n  )\n}\n\nexport const CheckboxGroup = Object.assign(CheckboxGroupRoot, {\n  Item: CheckboxGroupItem,\n  AllItem: CheckboxGroupAllItem,\n  Sub: CheckboxGroupSub\n})\n"],"mappings":";;;;;;;AA0CA,IAAa,IAAgB,OAAO,QAtBT,EACzB,YACA,mBACA,oBACA,aAAU,IACV,GAAG,QACyB;CAC5B,IAAM,IAAY,IAAU,IAAO;AAEnC,QACE,kBAAA,cAAC,GAAD;EACW;EACO;EACC;EAKY,EAH7B,kBAAA,cAAC,GAAA,MACC,kBAAA,cAAC,GAAc,EAAQ,CACM,CACF;GAI2B;CAC5D,MAAM;CACN,SAAS;CACT,KAAK;CACN,CAAC"}

package/dist/components/checkbox-group/CheckboxGroupAllItem.js

@@ -1,2 +1,22 @@
-import*as n from"react";import{Checkbox as u}from"../checkbox/Checkbox.js";import{CheckboxGroupCheckedContext as i}from"./context/CheckboxGroupChecked.context.js";import{CheckboxGroupMountedContext as k}from"./context/CheckboxGroupMounted.context.js";const a=({onCheckedChange:r,title:c="all",...h})=>{const{checked:o,handleItemCheckedChange:l}=n.useContext(i),{mounted:t}=n.useContext(k),C=e=>{t.forEach(d=>{l(e,d)}),r==null||r(e)},m=!o.length||!t.length?!1:t.every(e=>o.includes(e))?!0:t.some(e=>o.includes(e))?"indeterminate":!1;return n.createElement(u,{onCheckedChange:C,checked:m,title:c,...h})};export{a as CheckboxGroupAllItem};
-//# sourceMappingURL=CheckboxGroupAllItem.js.map
+import { Checkbox as e } from "../checkbox/Checkbox.js";
+import { CheckboxGroupCheckedContext as t } from "./context/CheckboxGroupChecked.context.js";
+import { CheckboxGroupMountedContext as n } from "./context/CheckboxGroupMounted.context.js";
+import * as r from "react";
+//#region src/components/checkbox-group/CheckboxGroupAllItem.tsx
+var i = ({ onCheckedChange: i, title: a = "all", ...o }) => {
+	let { checked: s, handleItemCheckedChange: c } = r.useContext(t), { mounted: l } = r.useContext(n), u = (e) => {
+		l.forEach((t) => {
+			c(e, t);
+		}), i?.(e);
+	}, d = !s.length || !l.length ? !1 : l.every((e) => s.includes(e)) ? !0 : l.some((e) => s.includes(e)) ? "indeterminate" : !1;
+	return /* @__PURE__ */ r.createElement(e, {
+		onCheckedChange: u,
+		checked: d,
+		title: a,
+		...o
+	});
+};
+//#endregion
+export { i as CheckboxGroupAllItem };
+
+//# sourceMappingURL=CheckboxGroupAllItem.js.map

package/dist/components/checkbox-group/CheckboxGroupAllItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroupAllItem.js","sources":["../../../src/components/checkbox-group/CheckboxGroupAllItem.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Checkbox } from '../checkbox/Checkbox'\nimport { CheckboxGroupCheckedContext } from './context/CheckboxGroupChecked.context'\nimport { CheckboxGroupMountedContext } from './context/CheckboxGroupMounted.context'\n\ntype CheckboxGroupAllItemProps = Omit<\n  React.ComponentProps<typeof Checkbox>,\n  'checked' | 'defaultChecked'\n>\n\nexport const CheckboxGroupAllItem = ({\n  onCheckedChange,\n  title = 'all',\n  ...rest\n}: CheckboxGroupAllItemProps): JSX.Element => {\n  const {\n    checked: checkedItems,\n    handleItemCheckedChange: handleItemCheckedChangeContext\n  } = React.useContext(CheckboxGroupCheckedContext)\n  const { mounted: mountedItems } = React.useContext(\n    CheckboxGroupMountedContext\n  )\n\n  const handleItemCheckedChange = (newChecked) => {\n    mountedItems.forEach((value) => {\n      handleItemCheckedChangeContext(newChecked, value)\n    })\n    onCheckedChange?.(newChecked)\n  }\n\n  const isAllChecked = (() => {\n    if (!checkedItems.length || !mountedItems.length) return false\n\n    if (mountedItems.every((mountedItem) => checkedItems.includes(mountedItem)))\n      return true\n\n    if (mountedItems.some((mountedItem) => checkedItems.includes(mountedItem)))\n      return 'indeterminate'\n\n    return false\n  })()\n\n  return (\n    <Checkbox\n      onCheckedChange={handleItemCheckedChange}\n      checked={isAllChecked}\n      title={title}\n      {...rest}\n    />\n  )\n}\n"],"names":["CheckboxGroupAllItem","onCheckedChange","title","rest","checkedItems","handleItemCheckedChangeContext","React","CheckboxGroupCheckedContext","mountedItems","CheckboxGroupMountedContext","handleItemCheckedChange","newChecked","value","isAllChecked","mountedItem","Checkbox"],"mappings":"2PAWa,MAAAA,EAAuB,CAAC,CACnC,gBAAAC,EACA,MAAAC,EAAQ,MACR,GAAGC,CACL,IAA8C,CAC5C,KAAM,CACJ,QAASC,EACT,wBAAyBC,CAC3B,EAAIC,EAAM,WAAWC,CAA2B,EAC1C,CAAE,QAASC,CAAa,EAAIF,EAAM,WACtCG,CACF,EAEMC,EAA2BC,GAAe,CAC9CH,EAAa,QAASI,GAAU,CAC9BP,EAA+BM,EAAYC,CAAK,CAClD,CAAC,EACDX,GAAA,MAAAA,EAAkBU,CAAAA,CACpB,EAEME,EACA,CAACT,EAAa,QAAU,CAACI,EAAa,OAAe,GAErDA,EAAa,MAAOM,GAAgBV,EAAa,SAASU,CAAW,CAAC,EACjE,GAELN,EAAa,KAAMM,GAAgBV,EAAa,SAASU,CAAW,CAAC,EAChE,gBAEF,GAGT,OACER,EAAA,cAACS,EAAA,CACC,gBAAiBL,EACjB,QAASG,EACT,MAAOX,EACN,GAAGC,CAAAA,CACN,CAEJ"}
+{"version":3,"file":"CheckboxGroupAllItem.js","names":[],"sources":["../../../src/components/checkbox-group/CheckboxGroupAllItem.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Checkbox } from '../checkbox/Checkbox'\nimport { CheckboxGroupCheckedContext } from './context/CheckboxGroupChecked.context'\nimport { CheckboxGroupMountedContext } from './context/CheckboxGroupMounted.context'\n\ntype CheckboxGroupAllItemProps = Omit<\n  React.ComponentProps<typeof Checkbox>,\n  'checked' | 'defaultChecked'\n>\n\nexport const CheckboxGroupAllItem = ({\n  onCheckedChange,\n  title = 'all',\n  ...rest\n}: CheckboxGroupAllItemProps): JSX.Element => {\n  const {\n    checked: checkedItems,\n    handleItemCheckedChange: handleItemCheckedChangeContext\n  } = React.useContext(CheckboxGroupCheckedContext)\n  const { mounted: mountedItems } = React.useContext(\n    CheckboxGroupMountedContext\n  )\n\n  const handleItemCheckedChange = (newChecked) => {\n    mountedItems.forEach((value) => {\n      handleItemCheckedChangeContext(newChecked, value)\n    })\n    onCheckedChange?.(newChecked)\n  }\n\n  const isAllChecked = (() => {\n    if (!checkedItems.length || !mountedItems.length) return false\n\n    if (mountedItems.every((mountedItem) => checkedItems.includes(mountedItem)))\n      return true\n\n    if (mountedItems.some((mountedItem) => checkedItems.includes(mountedItem)))\n      return 'indeterminate'\n\n    return false\n  })()\n\n  return (\n    <Checkbox\n      onCheckedChange={handleItemCheckedChange}\n      checked={isAllChecked}\n      title={title}\n      {...rest}\n    />\n  )\n}\n"],"mappings":";;;;;AAWA,IAAa,KAAwB,EACnC,oBACA,WAAQ,OACR,GAAG,QACyC;CAC5C,IAAM,EACJ,SAAS,GACT,yBAAyB,MACvB,EAAM,WAAW,EAA4B,EAC3C,EAAE,SAAS,MAAiB,EAAM,WACtC,EACD,EAEK,KAA2B,MAAe;AAI9C,EAHA,EAAa,SAAS,MAAU;AAC9B,KAA+B,GAAY,EAAM;IACjD,EACF,IAAkB,EAAW;IAGzB,IACA,CAAC,EAAa,UAAU,CAAC,EAAa,SAAe,KAErD,EAAa,OAAO,MAAgB,EAAa,SAAS,EAAY,CAAC,GAClE,KAEL,EAAa,MAAM,MAAgB,EAAa,SAAS,EAAY,CAAC,GACjE,kBAEF;AAGT,QACE,kBAAA,cAAC,GAAD;EACE,iBAAiB;EACjB,SAAS;EACF;EACP,GAAI;EACJ,CAAA"}

package/dist/components/checkbox-group/CheckboxGroupItem.js

@@ -1,2 +1,22 @@
-import*as t from"react";import{Checkbox as u}from"../checkbox/Checkbox.js";import{CheckboxGroupCheckedContext as k}from"./context/CheckboxGroupChecked.context.js";import{CheckboxGroupMountedContext as a}from"./context/CheckboxGroupMounted.context.js";const l=({value:e,title:C,onCheckedChange:n,...h})=>{const{checked:r,handleItemCheckedChange:m}=t.useContext(k),{handleItemMountedChange:o}=t.useContext(a),d=c=>{m(c,e),n==null||n(c)};return t.useEffect(()=>(o(!0,e),()=>{o(!1,e)}),[o,e]),t.createElement(u,{onCheckedChange:d,checked:r.includes(e),title:C??String(e),...h})};export{l as CheckboxGroupItem};
-//# sourceMappingURL=CheckboxGroupItem.js.map
+import { Checkbox as e } from "../checkbox/Checkbox.js";
+import { CheckboxGroupCheckedContext as t } from "./context/CheckboxGroupChecked.context.js";
+import { CheckboxGroupMountedContext as n } from "./context/CheckboxGroupMounted.context.js";
+import * as r from "react";
+//#region src/components/checkbox-group/CheckboxGroupItem.tsx
+var i = ({ value: i, title: a, onCheckedChange: o, ...s }) => {
+	let { checked: c, handleItemCheckedChange: l } = r.useContext(t), { handleItemMountedChange: u } = r.useContext(n);
+	return r.useEffect(() => (u(!0, i), () => {
+		u(!1, i);
+	}), [u, i]), /* @__PURE__ */ r.createElement(e, {
+		onCheckedChange: (e) => {
+			l(e, i), o?.(e);
+		},
+		checked: c.includes(i),
+		title: a ?? String(i),
+		...s
+	});
+};
+//#endregion
+export { i as CheckboxGroupItem };
+
+//# sourceMappingURL=CheckboxGroupItem.js.map

package/dist/components/checkbox-group/CheckboxGroupItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroupItem.js","sources":["../../../src/components/checkbox-group/CheckboxGroupItem.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Checkbox } from '../checkbox/Checkbox'\nimport { CheckboxGroupCheckedContext } from './context/CheckboxGroupChecked.context'\nimport { CheckboxGroupMountedContext } from './context/CheckboxGroupMounted.context'\n\ntype CheckboxGroupItemProps = Omit<\n  React.ComponentProps<typeof Checkbox>,\n  'onCheckedChange' | 'checked' | 'defaultChecked'\n> & {\n  onCheckedChange?: (newChecked: boolean) => void\n}\n\nexport const CheckboxGroupItem = ({\n  value,\n  title,\n  onCheckedChange,\n  ...rest\n}: CheckboxGroupItemProps): JSX.Element => {\n  const {\n    checked: checkedItems,\n    handleItemCheckedChange: handleItemCheckedChangeContext\n  } = React.useContext(CheckboxGroupCheckedContext)\n  const { handleItemMountedChange } = React.useContext(\n    CheckboxGroupMountedContext\n  )\n\n  const handleItemCheckedChange = (newChecked) => {\n    handleItemCheckedChangeContext(newChecked, value)\n    onCheckedChange?.(newChecked)\n  }\n\n  React.useEffect(() => {\n    handleItemMountedChange(true, value)\n    return () => {\n      handleItemMountedChange(false, value)\n    }\n  }, [handleItemMountedChange, value])\n\n  return (\n    <Checkbox\n      onCheckedChange={handleItemCheckedChange}\n      checked={checkedItems.includes(value)}\n      title={title ?? String(value)}\n      {...rest}\n    />\n  )\n}\n"],"names":["CheckboxGroupItem","value","title","onCheckedChange","rest","checkedItems","handleItemCheckedChangeContext","React","CheckboxGroupCheckedContext","handleItemMountedChange","CheckboxGroupMountedContext","handleItemCheckedChange","newChecked","Checkbox"],"mappings":"2PAaa,MAAAA,EAAoB,CAAC,CAChC,MAAAC,EACA,MAAAC,EACA,gBAAAC,EACA,GAAGC,CACL,IAA2C,CACzC,KAAM,CACJ,QAASC,EACT,wBAAyBC,CAC3B,EAAIC,EAAM,WAAWC,CAA2B,EAC1C,CAAE,wBAAAC,CAAwB,EAAIF,EAAM,WACxCG,CACF,EAEMC,EAA2BC,GAAe,CAC9CN,EAA+BM,EAAYX,CAAK,EAChDE,GAAA,MAAAA,EAAkBS,EACpB,EAEA,OAAAL,EAAM,UAAU,KACdE,EAAwB,GAAMR,CAAK,EAC5B,IAAM,CACXQ,EAAwB,GAAOR,CAAK,CACtC,GACC,CAACQ,EAAyBR,CAAK,CAAC,EAGjCM,EAAA,cAACM,EAAA,CACC,gBAAiBF,EACjB,QAASN,EAAa,SAASJ,CAAK,EACpC,MAAOC,GAAS,OAAOD,CAAK,EAC3B,GAAGG,CAAAA,CACN,CAEJ"}
+{"version":3,"file":"CheckboxGroupItem.js","names":[],"sources":["../../../src/components/checkbox-group/CheckboxGroupItem.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Checkbox } from '../checkbox/Checkbox'\nimport { CheckboxGroupCheckedContext } from './context/CheckboxGroupChecked.context'\nimport { CheckboxGroupMountedContext } from './context/CheckboxGroupMounted.context'\n\ntype CheckboxGroupItemProps = Omit<\n  React.ComponentProps<typeof Checkbox>,\n  'onCheckedChange' | 'checked' | 'defaultChecked'\n> & {\n  onCheckedChange?: (newChecked: boolean) => void\n}\n\nexport const CheckboxGroupItem = ({\n  value,\n  title,\n  onCheckedChange,\n  ...rest\n}: CheckboxGroupItemProps): JSX.Element => {\n  const {\n    checked: checkedItems,\n    handleItemCheckedChange: handleItemCheckedChangeContext\n  } = React.useContext(CheckboxGroupCheckedContext)\n  const { handleItemMountedChange } = React.useContext(\n    CheckboxGroupMountedContext\n  )\n\n  const handleItemCheckedChange = (newChecked) => {\n    handleItemCheckedChangeContext(newChecked, value)\n    onCheckedChange?.(newChecked)\n  }\n\n  React.useEffect(() => {\n    handleItemMountedChange(true, value)\n    return () => {\n      handleItemMountedChange(false, value)\n    }\n  }, [handleItemMountedChange, value])\n\n  return (\n    <Checkbox\n      onCheckedChange={handleItemCheckedChange}\n      checked={checkedItems.includes(value)}\n      title={title ?? String(value)}\n      {...rest}\n    />\n  )\n}\n"],"mappings":";;;;;AAaA,IAAa,KAAqB,EAChC,UACA,UACA,oBACA,GAAG,QACsC;CACzC,IAAM,EACJ,SAAS,GACT,yBAAyB,MACvB,EAAM,WAAW,EAA4B,EAC3C,EAAE,+BAA4B,EAAM,WACxC,EACD;AAcD,QAPA,EAAM,iBACJ,EAAwB,IAAM,EAAM,QACvB;AACX,IAAwB,IAAO,EAAM;KAEtC,CAAC,GAAyB,EAAM,CAAC,EAGlC,kBAAA,cAAC,GAAD;EACE,kBAd6B,MAAe;AAE9C,GADA,EAA+B,GAAY,EAAM,EACjD,IAAkB,EAAW;;EAa3B,SAAS,EAAa,SAAS,EAAM;EACrC,OAAO,KAAS,OAAO,EAAM;EAC7B,GAAI;EACJ,CAAA"}

package/dist/components/checkbox-group/CheckboxGroupSub.js

@@ -1,2 +1,12 @@
-import{Slot as t}from"@radix-ui/react-slot";import*as o from"react";import{CheckboxGroupMountedProvider as m}from"./context/CheckboxGroupMounted.context.js";const i=({asChild:e=!1,...r})=>o.createElement(m,null,o.createElement(e?t:"div",{...r}));export{i as CheckboxGroupSub};
-//# sourceMappingURL=CheckboxGroupSub.js.map
+import { CheckboxGroupMountedProvider as e } from "./context/CheckboxGroupMounted.context.js";
+import * as t from "react";
+import { Slot as n } from "@radix-ui/react-slot";
+//#region src/components/checkbox-group/CheckboxGroupSub.tsx
+var r = ({ asChild: r = !1, ...i }) => {
+	let a = r ? n : "div";
+	return /* @__PURE__ */ t.createElement(e, null, /* @__PURE__ */ t.createElement(a, i));
+};
+//#endregion
+export { r as CheckboxGroupSub };
+
+//# sourceMappingURL=CheckboxGroupSub.js.map

package/dist/components/checkbox-group/CheckboxGroupSub.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroupSub.js","sources":["../../../src/components/checkbox-group/CheckboxGroupSub.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport * as React from 'react'\n\nimport { CheckboxGroupMountedProvider } from './context/CheckboxGroupMounted.context'\n\ntype CheckboxGroupSubProps = React.HTMLAttributes<HTMLDivElement> & {\n  asChild?: boolean\n}\n\nexport const CheckboxGroupSub = ({\n  asChild = false,\n  ...rest\n}: CheckboxGroupSubProps): JSX.Element => {\n  const Component = asChild ? Slot : 'div'\n\n  return (\n    <CheckboxGroupMountedProvider>\n      <Component {...rest} />\n    </CheckboxGroupMountedProvider>\n  )\n}\n"],"names":["CheckboxGroupSub","asChild","rest","React","CheckboxGroupMountedProvider","Slot"],"mappings":"6JASO,MAAMA,EAAmB,CAAC,CAC/B,QAAAC,EAAU,GACV,GAAGC,CACL,IAIIC,EAAA,cAACC,EAAA,KACCD,EAAA,cAJcF,EAAUI,EAAO,MAI9B,CAAW,GAAGH,EAAM,CACvB"}
+{"version":3,"file":"CheckboxGroupSub.js","names":[],"sources":["../../../src/components/checkbox-group/CheckboxGroupSub.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport * as React from 'react'\n\nimport { CheckboxGroupMountedProvider } from './context/CheckboxGroupMounted.context'\n\ntype CheckboxGroupSubProps = React.HTMLAttributes<HTMLDivElement> & {\n  asChild?: boolean\n}\n\nexport const CheckboxGroupSub = ({\n  asChild = false,\n  ...rest\n}: CheckboxGroupSubProps): JSX.Element => {\n  const Component = asChild ? Slot : 'div'\n\n  return (\n    <CheckboxGroupMountedProvider>\n      <Component {...rest} />\n    </CheckboxGroupMountedProvider>\n  )\n}\n"],"mappings":";;;;AASA,IAAa,KAAoB,EAC/B,aAAU,IACV,GAAG,QACqC;CACxC,IAAM,IAAY,IAAU,IAAO;AAEnC,QACE,kBAAA,cAAC,GAAA,MACC,kBAAA,cAAC,GAAc,EAAQ,CACM"}

package/dist/components/checkbox-group/context/CheckboxGroupChecked.context.js

@@ -1,2 +1,39 @@
-import*as c from"react";const C=c.createContext({checked:[],handleItemCheckedChange:()=>null}),k=r=>(o,e)=>{const t=new Set(r);return o?t.add(e):t.delete(e),Array.from(t)},i=({checked:r,defaultChecked:o=[],onCheckedChange:e,...t})=>{const[u,m]=c.useState(o),d=c.useCallback((n,a)=>{if(!r)return()=>null;const l=k(r)(n,a);e==null||e(l)},[e,r]),h=c.useCallback((n,a)=>{m(l=>{const s=k(l)(n,a);return e==null||e(s),s})},[e]),x=c.useMemo(()=>{const n=Array.isArray(r);return{checked:n?r:u,handleItemCheckedChange:n?d:h}},[u,h,d,r]);return c.createElement(C.Provider,{value:x,...t})};export{C as CheckboxGroupCheckedContext,i as CheckboxGroupCheckedProvider};
-//# sourceMappingURL=CheckboxGroupChecked.context.js.map
+import * as e from "react";
+//#region src/components/checkbox-group/context/CheckboxGroupChecked.context.tsx
+var t = e.createContext({
+	checked: [],
+	handleItemCheckedChange: () => null
+}), n = (e) => (t, n) => {
+	let r = new Set(e);
+	return t ? r.add(n) : r.delete(n), Array.from(r);
+}, r = ({ checked: r, defaultChecked: i = [], onCheckedChange: a, ...o }) => {
+	let [s, c] = e.useState(i), l = e.useCallback((e, t) => {
+		if (!r) return () => null;
+		let i = n(r)(e, t);
+		a?.(i);
+	}, [a, r]), u = e.useCallback((e, t) => {
+		c((r) => {
+			let i = n(r)(e, t);
+			return a?.(i), i;
+		});
+	}, [a]), d = e.useMemo(() => {
+		let e = Array.isArray(r);
+		return {
+			checked: e ? r : s,
+			handleItemCheckedChange: e ? l : u
+		};
+	}, [
+		s,
+		u,
+		l,
+		r
+	]);
+	return /* @__PURE__ */ e.createElement(t.Provider, {
+		value: d,
+		...o
+	});
+};
+//#endregion
+export { t as CheckboxGroupCheckedContext, r as CheckboxGroupCheckedProvider };
+
+//# sourceMappingURL=CheckboxGroupChecked.context.js.map

package/dist/components/checkbox-group/context/CheckboxGroupChecked.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroupChecked.context.js","sources":["../../../../src/components/checkbox-group/context/CheckboxGroupChecked.context.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport type { CheckboxGroupItemValue } from '../CheckboxGroup.types'\n\ntype CheckboxGroupCheckedContextValue = {\n  checked: CheckboxGroupItemValue[]\n  handleItemCheckedChange: (\n    newItemChecked: boolean,\n    itemValue: CheckboxGroupItemValue\n  ) => void\n}\n\ntype CheckboxGroupCheckedContextProps = {\n  checked?: CheckboxGroupCheckedContextValue['checked']\n  defaultChecked?: CheckboxGroupCheckedContextValue['checked']\n  onCheckedChange?: (\n    checked: CheckboxGroupCheckedContextValue['checked']\n  ) => void\n}\n\nexport const CheckboxGroupCheckedContext =\n  React.createContext<CheckboxGroupCheckedContextValue>({\n    checked: [],\n    handleItemCheckedChange: () => null\n  })\n\nconst generateNewCheckedFn = (\n  currentChecked: CheckboxGroupCheckedContextValue['checked']\n) => {\n  return (newItemChecked, itemValue) => {\n    const newCheckedSet = new Set(currentChecked)\n    newItemChecked\n      ? newCheckedSet.add(itemValue)\n      : newCheckedSet.delete(itemValue)\n    const newChecked = Array.from(newCheckedSet)\n    return newChecked\n  }\n}\n\nexport const CheckboxGroupCheckedProvider = ({\n  checked: controlledChecked,\n  defaultChecked = [],\n  onCheckedChange,\n  ...rest\n}: React.PropsWithChildren<CheckboxGroupCheckedContextProps>) => {\n  const [checked, setChecked] = React.useState(defaultChecked)\n\n  const handleItemControlledCheckedChange = React.useCallback(\n    (newItemChecked, itemValue) => {\n      if (!controlledChecked) return () => null\n      const newCheckedFn = generateNewCheckedFn(controlledChecked)\n      const newChecked = newCheckedFn(newItemChecked, itemValue)\n      onCheckedChange?.(newChecked)\n    },\n    [onCheckedChange, controlledChecked]\n  )\n\n  const handleItemCheckedChange = React.useCallback(\n    (newItemChecked, itemValue) => {\n      setChecked((prevChecked) => {\n        const newCheckedFn = generateNewCheckedFn(prevChecked)\n        const newChecked = newCheckedFn(newItemChecked, itemValue)\n        onCheckedChange?.(newChecked)\n        return newChecked\n      })\n    },\n    [onCheckedChange]\n  )\n\n  const value = React.useMemo<CheckboxGroupCheckedContextValue>(() => {\n    const isControlled = Array.isArray(controlledChecked)\n    return {\n      checked: isControlled\n        ? (controlledChecked as CheckboxGroupCheckedContextValue['checked']) // We're literally JUST checking it above but TS still flags it, wrongly, so casting\n        : checked,\n      handleItemCheckedChange: isControlled\n        ? handleItemControlledCheckedChange\n        : handleItemCheckedChange\n    }\n  }, [\n    checked,\n    handleItemCheckedChange,\n    handleItemControlledCheckedChange,\n    controlledChecked\n  ])\n\n  return <CheckboxGroupCheckedContext.Provider value={value} {...rest} />\n}\n"],"names":["CheckboxGroupCheckedContext","React","generateNewCheckedFn","currentChecked","newItemChecked","itemValue","newCheckedSet","CheckboxGroupCheckedProvider","controlledChecked","defaultChecked","onCheckedChange","rest","checked","setChecked","handleItemControlledCheckedChange","newChecked","handleItemCheckedChange","prevChecked","value","isControlled"],"mappings":"wBAoBO,MAAMA,EACXC,EAAM,cAAgD,CACpD,QAAS,CAAA,EACT,wBAAyB,IAAM,IACjC,CAAC,EAEGC,EACJC,GAEO,CAACC,EAAgBC,IAAc,CACpC,MAAMC,EAAgB,IAAI,IAAIH,CAAc,EAC5C,OAAAC,EACIE,EAAc,IAAID,CAAS,EAC3BC,EAAc,OAAOD,CAAS,EACf,MAAM,KAAKC,CAAa,CAE7C,EAGWC,EAA+B,CAAC,CAC3C,QAASC,EACT,eAAAC,EAAiB,CACjB,EAAA,gBAAAC,EACA,GAAGC,CACL,IAAiE,CAC/D,KAAM,CAACC,EAASC,CAAU,EAAIZ,EAAM,SAASQ,CAAc,EAErDK,EAAoCb,EAAM,YAC9C,CAACG,EAAgBC,IAAc,CAC7B,GAAI,CAACG,EAAmB,MAAO,IAAM,KAErC,MAAMO,EADeb,EAAqBM,CAAiB,EAC3BJ,EAAgBC,CAAS,EACzDK,GAAA,MAAAA,EAAkBK,EACpB,EACA,CAACL,EAAiBF,CAAiB,CACrC,EAEMQ,EAA0Bf,EAAM,YACpC,CAACG,EAAgBC,IAAc,CAC7BQ,EAAYI,GAAgB,CAE1B,MAAMF,EADeb,EAAqBe,CAAW,EACrBb,EAAgBC,CAAS,EACzD,OAAAK,GAAA,MAAAA,EAAkBK,CAAAA,EACXA,CACT,CAAC,CACH,EACA,CAACL,CAAe,CAClB,EAEMQ,EAAQjB,EAAM,QAA0C,IAAM,CAClE,MAAMkB,EAAe,MAAM,QAAQX,CAAiB,EACpD,MAAO,CACL,QAASW,EACJX,EACDI,EACJ,wBAAyBO,EACrBL,EACAE,CACN,CACF,EAAG,CACDJ,EACAI,EACAF,EACAN,CACF,CAAC,EAED,OAAOP,EAAA,cAACD,EAA4B,SAA5B,CAAqC,MAAOkB,EAAQ,GAAGP,EAAM,CACvE"}
+{"version":3,"file":"CheckboxGroupChecked.context.js","names":[],"sources":["../../../../src/components/checkbox-group/context/CheckboxGroupChecked.context.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport type { CheckboxGroupItemValue } from '../CheckboxGroup.types'\n\ntype CheckboxGroupCheckedContextValue = {\n  checked: CheckboxGroupItemValue[]\n  handleItemCheckedChange: (\n    newItemChecked: boolean,\n    itemValue: CheckboxGroupItemValue\n  ) => void\n}\n\ntype CheckboxGroupCheckedContextProps = {\n  checked?: CheckboxGroupCheckedContextValue['checked']\n  defaultChecked?: CheckboxGroupCheckedContextValue['checked']\n  onCheckedChange?: (\n    checked: CheckboxGroupCheckedContextValue['checked']\n  ) => void\n}\n\nexport const CheckboxGroupCheckedContext =\n  React.createContext<CheckboxGroupCheckedContextValue>({\n    checked: [],\n    handleItemCheckedChange: () => null\n  })\n\nconst generateNewCheckedFn = (\n  currentChecked: CheckboxGroupCheckedContextValue['checked']\n) => {\n  return (newItemChecked, itemValue) => {\n    const newCheckedSet = new Set(currentChecked)\n    if (newItemChecked) {\n      newCheckedSet.add(itemValue)\n    } else {\n      newCheckedSet.delete(itemValue)\n    }\n    const newChecked = Array.from(newCheckedSet)\n    return newChecked\n  }\n}\n\nexport const CheckboxGroupCheckedProvider = ({\n  checked: controlledChecked,\n  defaultChecked = [],\n  onCheckedChange,\n  ...rest\n}: React.PropsWithChildren<CheckboxGroupCheckedContextProps>) => {\n  const [checked, setChecked] = React.useState(defaultChecked)\n\n  const handleItemControlledCheckedChange = React.useCallback(\n    (newItemChecked, itemValue) => {\n      if (!controlledChecked) return () => null\n      const newCheckedFn = generateNewCheckedFn(controlledChecked)\n      const newChecked = newCheckedFn(newItemChecked, itemValue)\n      onCheckedChange?.(newChecked)\n    },\n    [onCheckedChange, controlledChecked]\n  )\n\n  const handleItemCheckedChange = React.useCallback(\n    (newItemChecked, itemValue) => {\n      setChecked((prevChecked) => {\n        const newCheckedFn = generateNewCheckedFn(prevChecked)\n        const newChecked = newCheckedFn(newItemChecked, itemValue)\n        onCheckedChange?.(newChecked)\n        return newChecked\n      })\n    },\n    [onCheckedChange]\n  )\n\n  const value = React.useMemo<CheckboxGroupCheckedContextValue>(() => {\n    const isControlled = Array.isArray(controlledChecked)\n    return {\n      checked: isControlled\n        ? (controlledChecked as CheckboxGroupCheckedContextValue['checked']) // We're literally JUST checking it above but TS still flags it, wrongly, so casting\n        : checked,\n      handleItemCheckedChange: isControlled\n        ? handleItemControlledCheckedChange\n        : handleItemCheckedChange\n    }\n  }, [\n    checked,\n    handleItemCheckedChange,\n    handleItemControlledCheckedChange,\n    controlledChecked\n  ])\n\n  return <CheckboxGroupCheckedContext.Provider value={value} {...rest} />\n}\n"],"mappings":";;AAoBA,IAAa,IACX,EAAM,cAAgD;CACpD,SAAS,EAAE;CACX,+BAA+B;CAChC,CAAC,EAEE,KACJ,OAEQ,GAAgB,MAAc;CACpC,IAAM,IAAgB,IAAI,IAAI,EAAe;AAO7C,QANI,IACF,EAAc,IAAI,EAAU,GAE5B,EAAc,OAAO,EAAU,EAEd,MAAM,KAAK,EAAc;GAKnC,KAAgC,EAC3C,SAAS,GACT,oBAAiB,EAAE,EACnB,oBACA,GAAG,QAC4D;CAC/D,IAAM,CAAC,GAAS,KAAc,EAAM,SAAS,EAAe,EAEtD,IAAoC,EAAM,aAC7C,GAAgB,MAAc;AAC7B,MAAI,CAAC,EAAmB,cAAa;EAErC,IAAM,IADe,EAAqB,EAAkB,CAC5B,GAAgB,EAAU;AAC1D,MAAkB,EAAW;IAE/B,CAAC,GAAiB,EAAkB,CACrC,EAEK,IAA0B,EAAM,aACnC,GAAgB,MAAc;AAC7B,KAAY,MAAgB;GAE1B,IAAM,IADe,EAAqB,EAAY,CACtB,GAAgB,EAAU;AAE1D,UADA,IAAkB,EAAW,EACtB;IACP;IAEJ,CAAC,EAAgB,CAClB,EAEK,IAAQ,EAAM,cAAgD;EAClE,IAAM,IAAe,MAAM,QAAQ,EAAkB;AACrD,SAAO;GACL,SAAS,IACJ,IACD;GACJ,yBAAyB,IACrB,IACA;GACL;IACA;EACD;EACA;EACA;EACA;EACD,CAAC;AAEF,QAAO,kBAAA,cAAC,EAA4B,UAA7B;EAA6C;EAAO,GAAI;EAAQ,CAAA"}

package/dist/components/checkbox-group/context/CheckboxGroupMounted.context.js

@@ -1,2 +1,24 @@
-import*as e from"react";const r=e.createContext({mounted:[],handleItemMountedChange:()=>null}),h=l=>{const{handleItemMountedChange:t}=e.useContext(r),[u,m]=e.useState([]),a=e.useCallback((d,n)=>{t==null||t(d,n),m(c=>{const o=new Set(c);return d?o.add(n):o.delete(n),Array.from(o)})},[t]),C=e.useMemo(()=>({mounted:u,handleItemMountedChange:a}),[u,a]);return e.createElement(r.Provider,{value:C,...l})};export{r as CheckboxGroupMountedContext,h as CheckboxGroupMountedProvider};
-//# sourceMappingURL=CheckboxGroupMounted.context.js.map
+import * as e from "react";
+//#region src/components/checkbox-group/context/CheckboxGroupMounted.context.tsx
+var t = e.createContext({
+	mounted: [],
+	handleItemMountedChange: () => null
+}), n = (n) => {
+	let { handleItemMountedChange: r } = e.useContext(t), [i, a] = e.useState([]), o = e.useCallback((e, t) => {
+		r?.(e, t), a((n) => {
+			let r = new Set(n);
+			return e ? r.add(t) : r.delete(t), Array.from(r);
+		});
+	}, [r]), s = e.useMemo(() => ({
+		mounted: i,
+		handleItemMountedChange: o
+	}), [i, o]);
+	return /* @__PURE__ */ e.createElement(t.Provider, {
+		value: s,
+		...n
+	});
+};
+//#endregion
+export { t as CheckboxGroupMountedContext, n as CheckboxGroupMountedProvider };
+
+//# sourceMappingURL=CheckboxGroupMounted.context.js.map

package/dist/components/checkbox-group/context/CheckboxGroupMounted.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroupMounted.context.js","sources":["../../../../src/components/checkbox-group/context/CheckboxGroupMounted.context.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport type { CheckboxGroupItemValue } from '../CheckboxGroup.types'\n\ntype CheckboxGroupMountedContextValue = {\n  mounted: CheckboxGroupItemValue[]\n  handleItemMountedChange: (\n    newItemMounted: boolean,\n    itemValue: CheckboxGroupItemValue\n  ) => void\n}\n\nexport const CheckboxGroupMountedContext =\n  React.createContext<CheckboxGroupMountedContextValue>({\n    mounted: [],\n    handleItemMountedChange: () => null\n  })\n\nexport const CheckboxGroupMountedProvider = (props) => {\n  const { handleItemMountedChange: handleItemMountedChangeFurtherUpContext } =\n    React.useContext(CheckboxGroupMountedContext)\n\n  const [mounted, setMounted] = React.useState<CheckboxGroupItemValue[]>([])\n  const handleItemMountedChange = React.useCallback(\n    (newItemMounted, itemValue) => {\n      handleItemMountedChangeFurtherUpContext?.(newItemMounted, itemValue)\n      setMounted((prevMounted) => {\n        const newMountedSet = new Set(prevMounted)\n        newItemMounted\n          ? newMountedSet.add(itemValue)\n          : newMountedSet.delete(itemValue)\n        const newMounted = Array.from(newMountedSet)\n        return newMounted\n      })\n    },\n    [handleItemMountedChangeFurtherUpContext]\n  )\n\n  const value = React.useMemo<CheckboxGroupMountedContextValue>(\n    () => ({ mounted, handleItemMountedChange }),\n    [mounted, handleItemMountedChange]\n  )\n\n  return <CheckboxGroupMountedContext.Provider value={value} {...props} />\n}\n"],"names":["CheckboxGroupMountedContext","React","CheckboxGroupMountedProvider","props","handleItemMountedChangeFurtherUpContext","mounted","setMounted","handleItemMountedChange","newItemMounted","itemValue","prevMounted","newMountedSet","value"],"mappings":"wBAYa,MAAAA,EACXC,EAAM,cAAgD,CACpD,QAAS,CAAA,EACT,wBAAyB,IAAM,IACjC,CAAC,EAEUC,EAAgCC,GAAU,CACrD,KAAM,CAAE,wBAAyBC,CAAwC,EACvEH,EAAM,WAAWD,CAA2B,EAExC,CAACK,EAASC,CAAU,EAAIL,EAAM,SAAmC,CAAE,CAAA,EACnEM,EAA0BN,EAAM,YACpC,CAACO,EAAgBC,IAAc,CAC7BL,GAAA,MAAAA,EAA0CI,EAAgBC,CAC1DH,EAAAA,EAAYI,GAAgB,CAC1B,MAAMC,EAAgB,IAAI,IAAID,CAAW,EACzC,OAAAF,EACIG,EAAc,IAAIF,CAAS,EAC3BE,EAAc,OAAOF,CAAS,EACf,MAAM,KAAKE,CAAa,CAE7C,CAAC,CACH,EACA,CAACP,CAAuC,CAC1C,EAEMQ,EAAQX,EAAM,QAClB,KAAO,CAAE,QAAAI,EAAS,wBAAAE,CAAwB,GAC1C,CAACF,EAASE,CAAuB,CACnC,EAEA,OAAON,EAAA,cAACD,EAA4B,SAA5B,CAAqC,MAAOY,EAAQ,GAAGT,CAAAA,CAAO,CACxE"}
+{"version":3,"file":"CheckboxGroupMounted.context.js","names":[],"sources":["../../../../src/components/checkbox-group/context/CheckboxGroupMounted.context.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport type { CheckboxGroupItemValue } from '../CheckboxGroup.types'\n\ntype CheckboxGroupMountedContextValue = {\n  mounted: CheckboxGroupItemValue[]\n  handleItemMountedChange: (\n    newItemMounted: boolean,\n    itemValue: CheckboxGroupItemValue\n  ) => void\n}\n\nexport const CheckboxGroupMountedContext =\n  React.createContext<CheckboxGroupMountedContextValue>({\n    mounted: [],\n    handleItemMountedChange: () => null\n  })\n\nexport const CheckboxGroupMountedProvider = (props) => {\n  const { handleItemMountedChange: handleItemMountedChangeFurtherUpContext } =\n    React.useContext(CheckboxGroupMountedContext)\n\n  const [mounted, setMounted] = React.useState<CheckboxGroupItemValue[]>([])\n  const handleItemMountedChange = React.useCallback(\n    (newItemMounted, itemValue) => {\n      handleItemMountedChangeFurtherUpContext?.(newItemMounted, itemValue)\n      setMounted((prevMounted) => {\n        const newMountedSet = new Set(prevMounted)\n        if (newItemMounted) {\n          newMountedSet.add(itemValue)\n        } else {\n          newMountedSet.delete(itemValue)\n        }\n        const newMounted = Array.from(newMountedSet)\n        return newMounted\n      })\n    },\n    [handleItemMountedChangeFurtherUpContext]\n  )\n\n  const value = React.useMemo<CheckboxGroupMountedContextValue>(\n    () => ({ mounted, handleItemMountedChange }),\n    [mounted, handleItemMountedChange]\n  )\n\n  return <CheckboxGroupMountedContext.Provider value={value} {...props} />\n}\n"],"mappings":";;AAYA,IAAa,IACX,EAAM,cAAgD;CACpD,SAAS,EAAE;CACX,+BAA+B;CAChC,CAAC,EAES,KAAgC,MAAU;CACrD,IAAM,EAAE,yBAAyB,MAC/B,EAAM,WAAW,EAA4B,EAEzC,CAAC,GAAS,KAAc,EAAM,SAAmC,EAAE,CAAC,EACpE,IAA0B,EAAM,aACnC,GAAgB,MAAc;AAE7B,EADA,IAA0C,GAAgB,EAAU,EACpE,GAAY,MAAgB;GAC1B,IAAM,IAAgB,IAAI,IAAI,EAAY;AAO1C,UANI,IACF,EAAc,IAAI,EAAU,GAE5B,EAAc,OAAO,EAAU,EAEd,MAAM,KAAK,EAAc;IAE5C;IAEJ,CAAC,EAAwC,CAC1C,EAEK,IAAQ,EAAM,eACX;EAAE;EAAS;EAAyB,GAC3C,CAAC,GAAS,EAAwB,CACnC;AAED,QAAO,kBAAA,cAAC,EAA4B,UAA7B;EAA6C;EAAO,GAAI;EAAS,CAAA"}