@atom-learning/components 6.0.0-beta.5 → 6.0.0-beta.7

package/dist/components/button/Button.js

@@ -1,2 +1,2 @@
-import{opacify as s}from"color2k";import*as a from"react";import{StyledIcon as d}from"../icon/Icon.js";import{Loader as u}from"../loader/Loader.js";import{styled as $}from"../../stitches.js";import"../../utilities/css-wrapper/CSSWrapper.js";import"../../utilities/no-overflow-wrapper/NoOverflowWrapper.js";import"../../utilities/style/keyframe-animations.js";import{disabledStyle as l}from"../../utilities/style/disabledStyle.js";import{getExternalAnchorProps as f}from"../../utilities/uri/index.js";const p=(e,r,i,t)=>({theme:e,appearance:"outline",css:{border:"1px solid",borderColor:"currentColor",color:r,"&[disabled]":l,"&:not([disabled]):hover, &:not([disabled]):focus":{textDecoration:"none",color:i},"&:not([disabled]):active":{color:t}}}),n=(e,r,i,t,o="white")=>({theme:e,appearance:"solid",css:{bg:r,color:o,"&[disabled]":l,"&:not([disabled]):hover, &:not([disabled]):focus":{bg:i,color:o},"&:not([disabled]):active":{bg:t}}}),g=$("button",{alignItems:"center",bg:"unset",border:"unset",borderRadius:"$1",cursor:"pointer",display:"flex",fontFamily:"$body",fontWeight:600,justifyContent:"center",p:"unset",textDecoration:"none",transition:"all 100ms ease-out",whiteSpace:"nowrap",width:"max-content","&[disabled]":l,variants:{theme:{primary:{},secondary:{},success:{},warning:{},danger:{},neutral:{}},appearance:{solid:{},outline:{}},size:{sm:{fontSize:"$sm",lineHeight:1.53,height:"$3",px:"$4",gap:"$2",[`& ${d}`]:{size:16}},md:{fontSize:"$md",lineHeight:1.5,height:"$4",px:"$5",gap:"$3",[`& ${d}`]:{size:20}},lg:{fontSize:"$lg",lineHeight:1.5,height:"$5",px:"$5",gap:"$3",[`& ${d}`]:{size:22}},xl:{fontSize:"$lg",lineHeight:1.5,height:"$6",px:"$5",gap:"$3",[`& ${d}`]:{size:22}}},isLoading:{true:{cursor:"not-allowed",opacity:.6,pointerEvents:"none"}},fullWidth:{true:{width:"100%"},false:{width:"max-content"}}},compoundVariants:[n("primary","$primary800","$primary900","$primary1000"),n("secondary","$primary1000","$primary1100","$primary1200"),n("success","$success","$successMid","$successDark"),n("warning","$warning","$warningMid","$warningDark","$grey900"),n("danger","$danger","$dangerMid","$dangerDark"),n("neutral","white",s("white",-.1),s("white",-.25),"$primary800"),p("primary","$primary800","$primary900","$primary1000"),p("secondary","$primary1000","$primary1100","$primary1200"),p("neutral","white",s("white",-.2),s("white",-.35))],defaultVariants:{appearance:"solid",size:"md",theme:"primary"}}),b=$("span",{alignItems:"center",display:"flex",justifyContent:"center",visibility:"hidden",variants:{size:{sm:{gap:"$2"},md:{gap:"$3"},lg:{gap:"$3"},xl:{gap:"$3"}}},defaultVariants:{size:"md"}}),w=({size:e,children:r})=>a.createElement(a.Fragment,null,a.createElement(u,{css:{position:"absolute"}}),a.createElement(b,{size:e},r)),h=a.forwardRef(({children:e,as:r,href:i,isLoading:t=!1,onClick:o,disabled:m,...c},y)=>a.createElement(g,{as:r||(i?"a":void 0),...!m&&!t&&{href:i,onClick:o},isLoading:t,type:i?void 0:"button",disabled:m,...c,...f(i),ref:y},t?a.createElement(w,{size:c.size},e):e));h.displayName="Button";export{h as Button,g as StyledButton};
+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]","border-[unset]","rounded-md","cursor-pointer","flex","font-body","font-semibold","justify-center","px-[unset]","py-[unset]","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)]"],danger:["[--base:var(--color-danger)]","[--interact:var(--color-danger-mid)]","[--active:var(--color-danger-dark)]"],neutral:["[--base:white]","[--interact:rgba(white,0.1)]","[--active:rgba(white,0.25)]","[--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"}}),u=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"}}),g=({size:a,children:r})=>e.createElement(e.Fragment,null,e.createElement(p,{className:"absolute"}),e.createElement(u,{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

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

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../src/components/button/Button.tsx"],"sourcesContent":["import type { VariantProps } from '@atom-learning/stitches-react'\nimport { opacify } from 'color2k'\nimport * as React from 'react'\n\nimport { StyledIcon } from '~/components/icon'\nimport { Loader } from '~/components/loader'\nimport { styled } from '~/stitches'\nimport { NavigatorActions } from '~/types'\nimport { disabledStyle, Override } from '~/utilities'\nimport { getExternalAnchorProps } from '~/utilities/uri'\n\nconst getButtonOutlineVariant = (\n  theme: string,\n  base: string,\n  interact: string,\n  active: string\n) => ({\n  theme,\n  appearance: 'outline',\n  css: {\n    border: '1px solid',\n    borderColor: 'currentColor',\n    color: base,\n    '&[disabled]': disabledStyle,\n    '&:not([disabled]):hover, &:not([disabled]):focus': {\n      textDecoration: 'none',\n      color: interact\n    },\n    '&:not([disabled]):active': { color: active }\n  }\n})\n\nconst getButtonSolidVariant = (\n  theme: string,\n  base: string,\n  interact: string,\n  active: string,\n  text = 'white'\n) => ({\n  theme,\n  appearance: 'solid',\n  css: {\n    bg: base,\n    color: text,\n    '&[disabled]': disabledStyle,\n    '&:not([disabled]):hover, &:not([disabled]):focus': {\n      bg: interact,\n      color: text\n    },\n    '&:not([disabled]):active': { bg: active }\n  }\n})\n\nexport const StyledButton = styled('button', {\n  alignItems: 'center',\n  bg: 'unset',\n  border: 'unset',\n  borderRadius: '$1',\n  cursor: 'pointer',\n  display: 'flex',\n  fontFamily: '$body',\n  fontWeight: 600,\n  justifyContent: 'center',\n  p: 'unset',\n  textDecoration: 'none',\n  transition: 'all 100ms ease-out',\n  whiteSpace: 'nowrap',\n  width: 'max-content',\n  '&[disabled]': disabledStyle,\n  variants: {\n    theme: {\n      primary: {},\n      secondary: {},\n      success: {},\n      warning: {},\n      danger: {},\n      neutral: {}\n    },\n    appearance: {\n      solid: {},\n      outline: {}\n    },\n    size: {\n      sm: {\n        fontSize: '$sm',\n        lineHeight: 1.53,\n        height: '$3',\n        px: '$4',\n        gap: '$2',\n        [`& ${StyledIcon}`]: { size: 16 }\n      },\n      md: {\n        fontSize: '$md',\n        lineHeight: 1.5,\n        height: '$4',\n        px: '$5',\n        gap: '$3',\n        [`& ${StyledIcon}`]: { size: 20 }\n      },\n      lg: {\n        fontSize: '$lg',\n        lineHeight: 1.5,\n        height: '$5',\n        px: '$5',\n        gap: '$3',\n        [`& ${StyledIcon}`]: { size: 22 }\n      },\n      xl: {\n        fontSize: '$lg',\n        lineHeight: 1.5,\n        height: '$6',\n        px: '$5',\n        gap: '$3',\n        [`& ${StyledIcon}`]: { size: 22 }\n      }\n    },\n    isLoading: {\n      true: {\n        cursor: 'not-allowed',\n        opacity: 0.6,\n        pointerEvents: 'none'\n      }\n    },\n    fullWidth: {\n      true: { width: '100%' },\n      false: { width: 'max-content' }\n    }\n  },\n\n  // prettier-ignore\n  compoundVariants: [\n    getButtonSolidVariant('primary', '$primary800', '$primary900', '$primary1000'),\n    getButtonSolidVariant('secondary', '$primary1000', '$primary1100', '$primary1200'),\n    getButtonSolidVariant('success', '$success', '$successMid', '$successDark'),\n    getButtonSolidVariant('warning', '$warning', '$warningMid', '$warningDark', '$grey900'),\n    getButtonSolidVariant('danger', '$danger', '$dangerMid', '$dangerDark'),\n    getButtonSolidVariant('neutral', 'white', opacify('white', -0.1), opacify('white', -0.25), '$primary800'),\n    getButtonOutlineVariant('primary', '$primary800', '$primary900', '$primary1000'),\n    getButtonOutlineVariant('secondary', '$primary1000', '$primary1100', '$primary1200'),\n    getButtonOutlineVariant('neutral', 'white', opacify('white', -0.2), opacify('white', -0.35))\n  ],\n\n  defaultVariants: {\n    appearance: 'solid',\n    size: 'md',\n    theme: 'primary'\n  }\n})\n\nconst LoaderContentsWrapper = styled('span', {\n  alignItems: 'center',\n  display: 'flex',\n  justifyContent: 'center',\n  visibility: 'hidden',\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\nconst WithLoader = ({\n  size,\n  children\n}: React.ComponentProps<typeof LoaderContentsWrapper>) => (\n  <>\n    <Loader css={{ position: 'absolute' }} />\n    <LoaderContentsWrapper size={size}>{children}</LoaderContentsWrapper>\n  </>\n)\n\ntype ButtonProps = Override<\n  React.ComponentProps<typeof StyledButton>,\n  VariantProps<typeof StyledButton> & {\n    as?: React.ComponentType | React.ElementType\n    children: React.ReactNode\n    href?: string\n    isLoading?: boolean\n  } & NavigatorActions\n>\n\nexport const Button: React.ForwardRefExoticComponent<ButtonProps> =\n  React.forwardRef(\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}\n      >\n        {isLoading ? (\n          <WithLoader size={rest.size}>{children}</WithLoader>\n        ) : (\n          children\n        )}\n      </StyledButton>\n    )\n  )\n\nButton.displayName = 'Button'\n"],"names":["getButtonOutlineVariant","theme","base","interact","active","disabledStyle","getButtonSolidVariant","text","StyledButton","styled","StyledIcon","opacify","LoaderContentsWrapper","WithLoader","size","children","React","Loader","Button","as","href","isLoading","onClick","disabled","rest","ref","getExternalAnchorProps"],"mappings":"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"}
+{"version":3,"file":"Button.js","sources":["../../../src/components/button/Button.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Loader } from '~/components/loader'\nimport { styled } from '~/styled'\nimport { NavigatorActions } from '~/types'\nimport { Override } from '~/utilities'\nimport { getExternalAnchorProps } from '~/utilities/uri'\n\nexport const StyledButton = styled('button', {\n  base: [\n    'items-center',\n    'bg-[unset]',\n    'border-[unset]',\n    'rounded-md',\n    'cursor-pointer',\n    'flex',\n    'font-body',\n    'font-semibold',\n    'justify-center',\n    'px-[unset]',\n    'py-[unset]',\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      ],\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(white,0.1)]',\n        '[--active:rgba(white,0.25)]',\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\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: ['text-sm leading-[1.53] h-8 px-4 gap-2 [&_svg]:size-4'],\n      md: ['text-md leading-normal h-10 px-8 gap-3 [&_svg]:size-5'],\n      lg: ['text-lg leading-normal h-12 px-8 gap-3 [&_svg]:size-[22px]'],\n      xl: ['text-lg leading-normal h-16 px-8 gap-3 [&_svg]:size-[22px]']\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\n  defaultVariants: {\n    appearance: 'solid',\n    size: 'md',\n    theme: 'primary'\n  }\n})\n\nconst LoaderContentsWrapper = styled('span', {\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\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    as?: React.ComponentType | React.ElementType\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":"0LAQaA,EAAeC,EAAO,SAAU,CAC3C,KAAM,CACJ,eACA,aACA,iBACA,aACA,iBACA,OACA,YACA,gBACA,iBACA,aACA,aACA,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,sCACF,EACA,OAAQ,CACN,+BACA,uCACA,qCACF,EACA,QAAS,CACP,iBACA,+BACA,8BACA,mCACF,CACF,EACA,WAAY,CACV,MAAO,CACL,cACA,sBACA,sBACA,8BACA,qCACA,yCACA,qCACA,yCACA,mCACF,EACA,QAAS,CACP,SAEA,iBACA,gBACA,sBACA,8BACA,kCACA,uCACA,kCACA,uCACA,qCACF,CACF,EACA,KAAM,CACJ,GAAI,CAAC,sDAAsD,EAC3D,GAAI,CAAC,uDAAuD,EAC5D,GAAI,CAAC,4DAA4D,EACjE,GAAI,CAAC,4DAA4D,CACnE,EACA,UAAW,CACT,KAAM,CAAC,mDAAmD,CAC5D,EACA,UAAW,CACT,KAAM,CAAC,QAAQ,EACf,MAAO,CAAC,OAAO,CACjB,CACF,EAEA,gBAAiB,CACf,WAAY,QACZ,KAAM,KACN,MAAO,SACT,CACF,CAAC,EAEKC,EAAwBD,EAAO,OAAQ,CAC3C,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,CAAC,EAEKE,EAAa,CAAC,CAClB,KAAAC,EACA,SAAAC,CACF,IACEC,EAAA,cAAAA,EAAA,SAAA,KACEA,EAAA,cAACC,EAAA,CAAO,UAAU,WAAW,EAC7BD,EAAA,cAACJ,EAAA,CAAsB,KAAME,CAAAA,EAAOC,CAAS,CAC/C,EAaWG,EAASF,EAAM,WAC1B,CACE,CAAE,SAAAD,EAAU,GAAAI,EAAI,KAAAC,EAAM,UAAAC,EAAY,GAAO,QAAAC,EAAS,SAAAC,EAAU,GAAGC,CAAK,EACpEC,IAEAT,EAAA,cAACN,EACC,CAAA,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,CAEJJ,EAAAA,EACCL,EAAA,cAACH,EAAA,CAAW,KAAMW,EAAK,IAAA,EAAOT,CAAS,EAEvCA,CAEJ,CAEJ,EAEAG,EAAO,YAAc"}

package/dist/components/calendar/Calendar.js

@@ -1,2 +1,2 @@
-import{ChevronLeft as _,ChevronRight as H}from"@atom-learning/icons";import{useDayzed as J}from"dayzed";import*as e from"react";import{ActionIcon as w}from"../action-icon/ActionIcon.js";import{Box as $}from"../box/Box.js";import{Button as x}from"../button/Button.js";import{Flex as C}from"../flex/Flex.js";import{Icon as Y}from"../icon/Icon.js";import{Text as K}from"../text/Text.js";import{styled as F}from"../../stitches.js";import{monthNamesShort as Q,weekdayNamesShort as V,DEFAULT_LABELS as X}from"./constants.js";import{Day as Z}from"./Day.js";const h=F("div",{display:"grid",gridTemplateColumns:"repeat(7, 1fr)",gridGap:"$1 $2"}),ee=F(x,{color:"$grey1000",p:"$3",width:"$6",variants:{selected:{false:{color:"$grey1000 !important",fontWeight:400,"&:hover":{bg:"$grey200 !important",color:"$grey1000 !important"},"&[disabled]":{bg:"white !important"}}}}}),te=(i,c)=>{const u=i.slice(0,c);return i.slice(c).concat(u)},S=({css:i,refDateSelected:c,refDateToday:u,firstDayOfWeek:y=0,monthNames:N=Q,weekdayNames:T=V,labels:f=X,date:n=new Date,minDate:l,maxDate:s,setYear:A,...L})=>{const[a,E]=e.useState(!1),[m,k]=e.useState(n==null?void 0:n.getFullYear()),O=t=>{const r=n;r.setFullYear(t),A(r),E(!1)},z=l&&m-16<=l.getFullYear(),B=s&&m>=s.getFullYear(),I=Array.from({length:16},(t,r)=>{const o=m-r;return s&&o>s.getFullYear()||l&&o<l.getFullYear()?0:o}),{calendars:d,getBackProps:M,getForwardProps:G,getDateProps:P}=J({firstDayOfWeek:y,showOutsideDays:!0,date:n,minDate:l,maxDate:s,...L});return d.length?e.createElement($,{css:{position:"relative",width:"min-content",mt:"-$1",...i}},e.createElement(C,{css:{position:"absolute",top:0,right:"-$1"}},e.createElement(w,{label:f[a?"previousYear":"previous"],theme:"neutral",size:"md",...!a&&M({calendars:d}),...a&&{onClick:()=>k(m-16)},disabled:a&&z},e.createElement(Y,{is:_})),e.createElement(w,{label:f[a?"nextYear":"next"],theme:"neutral",size:"md",...!a&&G({calendars:d}),...a&&{onClick:()=>k(m+16)},disabled:a&&B},e.createElement(Y,{is:H}))),a&&e.createElement(h,{css:{gridTemplateColumns:"repeat(4, 1fr)",pt:"$7",direction:"rtl",gridGap:"$3 $1"}},I.map((t,r)=>{const o=t===n.getFullYear();return t?e.createElement(ee,{key:`${t}${r}`,theme:o?"primary":"neutral",onClick:()=>O(t),selected:o},t):e.createElement($,{key:r,css:{width:"$6",height:"$4"}})})),!a&&d.map(({month:t,year:r,weeks:o})=>e.createElement($,{key:`${t}${r}`},e.createElement(C,{css:{height:"$4",alignItems:"center",mb:"$4"}},e.createElement(x,{theme:"neutral",css:{px:"0",color:"$grey1000"},onClick:()=>E(!0)},N[t]," ",r)),e.createElement(h,{css:{mb:"$3"}},te(T,y).map(p=>e.createElement(K,{as:"span",size:"sm",weight:"bold",key:`${t}${r}${p}`,css:{textAlign:"center"}},p))),e.createElement(h,null,o.map((p,W)=>p.map((g,j)=>{const D=`${t}${r}${W}${j}`;if(!g)return e.createElement("div",{key:D});const{date:R,selected:b,today:v,prevMonth:U,nextMonth:q}=g;return e.createElement(Z,{isOutsideMonth:U||q,isSelected:b,isToday:v,key:D,ref:b?c:v?u:null,...P({dateObj:g}),type:"button"},R.getDate())})))))):null};S.displayName="Calendar";export{S as Calendar};
+import{ChevronLeft as G,ChevronRight as H}from"@atom-learning/icons";import J from"clsx";import{useDayzed as K}from"dayzed";import*as e from"react";import{ActionIcon as D}from"../action-icon/ActionIcon.js";import{Button as N}from"../button/Button.js";import{Flex as w}from"../flex/Flex.js";import{Icon as Y}from"../icon/Icon.js";import{Text as Q}from"../text/Text.js";import{styled as F}from"../../styled.js";import{monthNamesShort as V,weekdayNamesShort as X,DEFAULT_LABELS as Z}from"./constants.js";import{Day as $}from"./Day.js";const g=F("div",{base:["grid","grid-cols-[repeat(7,1fr)]","gap-x-2","gap-y-1"]}),ee=F(N,{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!"]}}}),te=(m,i)=>{const u=m.slice(0,i);return m.slice(i).concat(u)},C=({className:m,refDateSelected:i,refDateToday:u,firstDayOfWeek:f=0,monthNames:S=V,weekdayNames:z=X,labels:h=Z,date:o=new Date,minDate:n,maxDate:c,setYear:L,...O})=>{const[r,E]=e.useState(!1),[s,b]=e.useState(o==null?void 0:o.getFullYear()),A=t=>{const a=o;a.setFullYear(t),L(a),E(!1)},B=n&&s-16<=n.getFullYear(),M=c&&s>=c.getFullYear(),T=Array.from({length:16},(t,a)=>{const l=s-a;return c&&l>c.getFullYear()||n&&l<n.getFullYear()?0:l}),{calendars:d,getBackProps:I,getForwardProps:P,getDateProps:j}=K({firstDayOfWeek:f,showOutsideDays:!0,date:o,minDate:n,maxDate:c,...O});return d.length?e.createElement("div",{className:J("relative","w-min","-mt-1",m)},e.createElement(w,{className:"absolute top-0 -right-1"},e.createElement(D,{label:h[r?"previousYear":"previous"],theme:"neutral",size:"md",...!r&&I({calendars:d}),...r&&{onClick:()=>b(s-16)},disabled:r&&B},e.createElement(Y,{is:G})),e.createElement(D,{label:h[r?"nextYear":"next"],theme:"neutral",size:"md",...!r&&P({calendars:d}),...r&&{onClick:()=>b(s+16)},disabled:r&&M},e.createElement(Y,{is:H}))),r&&e.createElement(g,{className:"grid-cols-[repeat(4,1fr)] gap-x-1 gap-y-3 pt-12 [direction:rtl]"},T.map((t,a)=>{const l=t===o.getFullYear();return t?e.createElement(ee,{key:"".concat(t).concat(a),theme:l?"primary":"neutral",onClick:()=>A(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:"".concat(t).concat(a)},e.createElement(w,{className:"mb-4 h-10 items-center"},e.createElement(N,{theme:"neutral",onClick:()=>E(!0),className:"text-grey-1000 px-0"},S[t]," ",a)),e.createElement(g,{className:"mb-3"},te(z,f).map(p=>e.createElement(Q,{as:"span",size:"sm",weight:"bold",key:"".concat(t).concat(a).concat(p),className:"text-center"},p))),e.createElement(g,null,l.map((p,R)=>p.map((y,U)=>{const x="".concat(t).concat(a).concat(R).concat(U);if(!y)return e.createElement("div",{key:x});const{date:W,selected:k,today:v,prevMonth:_,nextMonth:q}=y;return e.createElement($,{isOutsideMonth:_||q,isSelected:k,isToday:v,key:x,ref:k?i:v?u:null,...j({dateObj:y}),type:"button"},W.getDate())})))))):null};C.displayName="Calendar";export{C 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 type { Props as DayzedInterface } from 'dayzed'\nimport { useDayzed } from 'dayzed'\nimport * as React from 'react'\n\nimport { ActionIcon } from '~/components/action-icon'\nimport { Box } from '~/components/box'\nimport { Button } from '~/components/button'\nimport { Flex } from '~/components/flex'\nimport { Icon } from '~/components/icon'\nimport { Text } from '~/components/text'\nimport type { CSS } from '~/stitches'\nimport { styled } from '~/stitches'\n\nimport { DEFAULT_LABELS, monthNamesShort, weekdayNamesShort } from './constants'\nimport { Day } from './Day'\n\nconst Grid = styled('div', {\n  display: 'grid',\n  gridTemplateColumns: 'repeat(7, 1fr)',\n  gridGap: '$1 $2'\n})\n\nconst StyledButton = styled(Button, {\n  color: '$grey1000',\n  p: '$3',\n  width: '$6',\n  variants: {\n    selected: {\n      false: {\n        color: '$grey1000 !important',\n        fontWeight: 400,\n        '&:hover': {\n          bg: '$grey200 !important',\n          color: '$grey1000 !important'\n        },\n        '&[disabled]': { bg: 'white !important' }\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    css?: CSS\n    refDateToday?: React.RefObject<HTMLButtonElement>\n    refDateSelected?: React.RefObject<HTMLButtonElement>\n    setYear: (date: Date) => Promise<void>\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  css,\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    <Box\n      css={{ position: 'relative', width: 'min-content', mt: '-$1', ...css }}\n    >\n      <Flex css={{ position: 'absolute', top: 0, right: '-$1' }}>\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      </Flex>\n      {showYears && (\n        <Grid\n          css={{\n            gridTemplateColumns: 'repeat(4, 1fr)',\n            pt: '$7',\n            direction: 'rtl',\n            gridGap: '$3 $1'\n          }}\n        >\n          {yearList.map((year, i) => {\n            const isCurrentYear = year === date.getFullYear()\n            if (!year)\n              return <Box key={i} css={{ width: '$6', height: '$4' }} />\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        </Grid>\n      )}\n      {!showYears &&\n        calendars.map(({ month, year, weeks }) => (\n          <Box key={`${month}${year}`}>\n            <Flex css={{ height: '$4', alignItems: 'center', mb: '$4' }}>\n              <Button\n                theme=\"neutral\"\n                css={{ px: '0', color: '$grey1000' }}\n                onClick={() => setShowYears(true)}\n              >\n                {monthNames[month]} {year}\n              </Button>\n            </Flex>\n            <Grid css={{ mb: '$3' }}>\n              {offsetWeekdayNames(weekdayNames, firstDayOfWeek).map(\n                (weekday) => (\n                  <Text\n                    as=\"span\"\n                    size=\"sm\"\n                    weight=\"bold\"\n                    key={`${month}${year}${weekday}`}\n                    css={{ textAlign: 'center' }}\n                  >\n                    {weekday}\n                  </Text>\n                )\n              )}\n            </Grid>\n            <Grid>\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            </Grid>\n          </Box>\n        ))}\n    </Box>\n  )\n}\n\nCalendar.displayName = 'Calendar'\n"],"names":["Grid","styled","StyledButton","Button","offsetWeekdayNames","weekdayNames","firstDayOfWeek","start","Calendar","css","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","Box","Flex","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","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'\nimport { Button } from '~/components/button'\nimport { Flex } from '~/components/flex'\nimport { Icon } from '~/components/icon'\nimport { Text } from '~/components/text'\nimport { styled } from '~/styled'\n\nimport { DEFAULT_LABELS, monthNamesShort, weekdayNamesShort } from './constants'\nimport { Day } from './Day'\n\nconst Grid = styled('div', {\n  base: ['grid', 'grid-cols-[repeat(7,1fr)]', 'gap-x-2', 'gap-y-1']\n})\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-min', '-mt-1', className)}>\n      <Flex className=\"absolute top-0 -right-1\">\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      </Flex>\n      {showYears && (\n        <Grid className=\"grid-cols-[repeat(4,1fr)] 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        </Grid>\n      )}\n      {!showYears &&\n        calendars.map(({ month, year, weeks }) => (\n          <div key={`${month}${year}`}>\n            <Flex className=\"mb-4 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            </Flex>\n            <Grid className=\"mb-3\">\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            </Grid>\n            <Grid>\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            </Grid>\n          </div>\n        ))}\n    </div>\n  )\n}\n\nCalendar.displayName = 'Calendar'\n"],"names":["Grid","styled","StyledButton","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","Flex","ActionIcon","Icon","ChevronLeft","ChevronRight","isCurrentYear","month","weeks","weekday","Text","week","weekIndex","dateObj","index","key","selected","today","prevMonth","nextMonth","Day"],"mappings":"ohBAgBA,MAAMA,EAAOC,EAAO,MAAO,CACzB,KAAM,CAAC,OAAQ,4BAA6B,UAAW,SAAS,CAClE,CAAC,EAEKC,GAAeD,EAAOE,EAAQ,CAClC,KAAM,CAAC,iBAAkB,MAAO,MAAM,EACtC,SAAU,CACR,SAAU,CACR,MAAO,CACL,qBACA,cACA,qBACA,wBACA,iBACF,CACF,CACF,CACF,CAAC,EAsBKC,GAAqB,CACzBC,EACAC,IACa,CACb,MAAMC,EAAQF,EAAa,MAAM,EAAGC,CAAc,EAElD,OADYD,EAAa,MAAMC,CAAc,EAClC,OAAOC,CAAK,CACzB,EAEaC,EAAW,CAAC,CACvB,UAAAC,EACA,gBAAAC,EACA,aAAAC,EACA,eAAAL,EAAiB,EACjB,WAAAM,EAAaC,EACb,aAAAR,EAAeS,EACf,OAAAC,EAASC,EACT,KAAAC,EAAO,IAAI,KACX,QAAAC,EACA,QAAAC,EACA,QAAAC,EACA,GAAGC,CACL,IAAqB,CACnB,KAAM,CAACC,EAAWC,CAAY,EAAIC,EAAM,SAAkB,EAAK,EACzD,CAACC,EAAaC,CAAc,EAAIF,EAAM,SAC1CP,GAAA,KAAA,OAAAA,EAAM,YACR,CAAA,EAEMU,EAAiBC,GAAuB,CAC5C,MAAMC,EAAUZ,EAChBY,EAAQ,YAAYD,CAAI,EACxBR,EAAQS,CAAO,EACfN,EAAa,EAAK,CACpB,EAEMO,EAAcZ,GAAWO,EAAc,IAAMP,EAAQ,YACrDa,EAAAA,EAAcZ,GAAWM,GAAeN,EAAQ,YAAY,EAE5Da,EAAW,MAAM,KAAK,CAAE,OAAQ,EAAG,EAAG,CAACC,EAAGC,IAAM,CACpD,MAAMN,EAAOH,EAAcS,EAC3B,OACGf,GAAWS,EAAOT,EAAQ,YAAY,GACtCD,GAAWU,EAAOV,EAAQ,YAAY,EAEhC,EACFU,CACT,CAAC,EAEK,CAAE,UAAAO,EAAW,aAAAC,EAAc,gBAAAC,EAAiB,aAAAC,CAAa,EAAIC,EAAU,CAC3E,eAAAjC,EACA,gBAAiB,GACjB,KAAAW,EACA,QAAAC,EACA,QAAAC,EACA,GAAGE,CACL,CAAC,EAED,OAAKc,EAAU,OAGbX,EAAA,cAAC,MAAI,CAAA,UAAWgB,EAAK,WAAY,QAAS,QAAS/B,CAAS,CAC1De,EAAAA,EAAA,cAACiB,EAAA,CAAK,UAAU,yBAAA,EACdjB,EAAA,cAACkB,EAAA,CACC,MAAO3B,EAAOO,EAAY,eAAiB,UAAU,EACrD,MAAM,UACN,KAAK,KACJ,GAAI,CAACA,GAAac,EAAa,CAAE,UAAAD,CAAU,CAAC,EAC5C,GAAIb,GAAa,CAChB,QAAS,IAAMI,EAAeD,EAAc,EAAE,CAChD,EACA,SAAUH,GAAaQ,CAEvBN,EAAAA,EAAA,cAACmB,EAAA,CAAK,GAAIC,CAAAA,CAAa,CACzB,EACApB,EAAA,cAACkB,EAAA,CACC,MAAO3B,EAAOO,EAAY,WAAa,MAAM,EAC7C,MAAM,UACN,KAAK,KACJ,GAAI,CAACA,GAAae,EAAgB,CAAE,UAAAF,CAAU,CAAC,EAC/C,GAAIb,GAAa,CAChB,QAAS,IAAMI,EAAeD,EAAc,EAAE,CAChD,EACA,SAAUH,GAAaS,CAEvBP,EAAAA,EAAA,cAACmB,EAAA,CAAK,GAAIE,EAAc,CAC1B,CACF,EACCvB,GACCE,EAAA,cAACxB,EAAA,CAAK,UAAU,mEACbgC,EAAS,IAAI,CAACJ,EAAMM,IAAM,CACzB,MAAMY,EAAgBlB,IAASX,EAAK,YAAA,EACpC,OAAKW,EAGHJ,EAAA,cAACtB,GAAA,CACC,IAAK,GAAG,OAAA0B,CAAAA,EAAO,OAAAM,CAAAA,EACf,MAAOY,EAAgB,UAAY,UACnC,QAAS,IAAMnB,EAAcC,CAAI,EACjC,SAAUkB,CAETlB,EAAAA,CACH,EAVgBJ,EAAA,cAAC,MAAI,CAAA,IAAKU,EAAG,UAAU,WAAY,CAAA,CAYvD,CAAC,CACH,EAED,CAACZ,GACAa,EAAU,IAAI,CAAC,CAAE,MAAAY,EAAO,KAAAnB,EAAM,MAAAoB,CAAM,IAClCxB,EAAA,cAAC,MAAA,CAAI,IAAK,GAAG,OAAAuB,CAAQ,EAAA,OAAAnB,IACnBJ,EAAA,cAACiB,EAAA,CAAK,UAAU,wBACdjB,EAAAA,EAAA,cAACrB,EAAA,CACC,MAAM,UACN,QAAS,IAAMoB,EAAa,EAAI,EAChC,UAAU,qBAETX,EAAAA,EAAWmC,CAAK,EAAE,IAAEnB,CACvB,CACF,EACAJ,EAAA,cAACxB,EAAA,CAAK,UAAU,QACbI,GAAmBC,EAAcC,CAAc,EAAE,IAC/C2C,GACCzB,EAAA,cAAC0B,EAAA,CACC,GAAG,OACH,KAAK,KACL,OAAO,OACP,IAAK,GAAG,OAAAH,CAAQ,EAAA,OAAAnB,CAAO,EAAA,OAAAqB,GACvB,UAAU,aAAA,EAETA,CACH,CAEJ,CACF,EACAzB,EAAA,cAACxB,EAAA,KACEgD,EAAM,IAAI,CAACG,EAAMC,IAChBD,EAAK,IAAI,CAACE,EAASC,IAAU,CAC3B,MAAMC,EAAM,GAAG,OAAAR,CAAAA,EAAQ,OAAAnB,CAAAA,EAAO,OAAAwB,CAAAA,EAAY,OAAAE,CAAAA,EAE1C,GAAI,CAACD,EAAS,OAAO7B,EAAA,cAAC,MAAA,CAAI,IAAK+B,CAAAA,CAAK,EAEpC,KAAM,CAAE,KAAAtC,EAAM,SAAAuC,EAAU,MAAAC,EAAO,UAAAC,EAAW,UAAAC,CAAU,EAClDN,EAEF,OACE7B,EAAA,cAACoC,EAAA,CACC,eAAgBF,GAAaC,EAC7B,WAAYH,EACZ,QAASC,EACT,IAAKF,EACL,IACEC,EAAW9C,EAAkB+C,EAAQ9C,EAAe,KAErD,GAAG2B,EAAa,CAAE,QAAAe,CAAQ,CAAC,EAC5B,KAAK,QAEJpC,EAAAA,EAAK,QACR,CAAA,CAEJ,CAAC,CACH,CACF,CACF,CACD,CACL,EA1G4B,IA4GhC,EAEAT,EAAS,YAAc"}

package/dist/components/calendar/Day.js

@@ -1,2 +1,2 @@
-import{styled as r}from"../../stitches.js";const o=r("button",{bg:"transparent",border:"none",borderRadius:"$round",color:"$grey900",cursor:"pointer",fontFamily:"$body",fontSize:"$sm",size:"$3",p:0,transition:"all 75ms","&:hover":{bg:"$grey200"},"&:active":{color:"white",bg:"$primary800"},"&:focus":{outline:"2px solid $primary800",outlineOffset:"2px"},"&[disabled]":{opacity:"0.3",cursor:"default"},variants:{isSelected:{true:{bg:"$primary800",color:"white","&:hover":{bg:"$primary800"}}},isToday:{true:{bg:"$grey200"}},isOutsideMonth:{true:{color:"$grey600"}}}});export{o as Day};
+import{styled as t}from"../../styled.js";const e=t("button",{base:["bg-transparent","border-none","rounded-round","text-grey-900","cursor-pointer","font-body","text-sm","size-8","p-0","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

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

@@ -1 +1 @@
-{"version":3,"file":"Day.js","sources":["../../../src/components/calendar/Day.tsx"],"sourcesContent":["import { styled } from '~/stitches'\n\nexport const Day = styled('button', {\n  bg: 'transparent',\n  border: 'none',\n  borderRadius: '$round',\n  color: '$grey900',\n  cursor: 'pointer',\n  fontFamily: '$body',\n  fontSize: '$sm',\n  size: '$3',\n  p: 0,\n  transition: 'all 75ms',\n  '&:hover': {\n    bg: '$grey200'\n  },\n  '&:active': {\n    color: 'white',\n    bg: '$primary800'\n  },\n  '&:focus': {\n    outline: '2px solid $primary800',\n    outlineOffset: '2px'\n  },\n  '&[disabled]': {\n    opacity: '0.3',\n    cursor: 'default'\n  },\n  variants: {\n    isSelected: {\n      true: {\n        bg: '$primary800',\n        color: 'white',\n        '&:hover': { bg: '$primary800' }\n      }\n    },\n    isToday: {\n      true: { bg: '$grey200' }\n    },\n    isOutsideMonth: {\n      true: { color: '$grey600' }\n    }\n  }\n})\n"],"names":["Day","styled"],"mappings":"iDAEaA,EAAMC,EAAO,SAAU,CAClC,GAAI,cACJ,OAAQ,OACR,aAAc,SACd,MAAO,WACP,OAAQ,UACR,WAAY,QACZ,SAAU,MACV,KAAM,KACN,EAAG,EACH,WAAY,WACZ,UAAW,CACT,GAAI,UACN,EACA,WAAY,CACV,MAAO,QACP,GAAI,aACN,EACA,UAAW,CACT,QAAS,wBACT,cAAe,KACjB,EACA,cAAe,CACb,QAAS,MACT,OAAQ,SACV,EACA,SAAU,CACR,WAAY,CACV,KAAM,CACJ,GAAI,cACJ,MAAO,QACP,UAAW,CAAE,GAAI,aAAc,CACjC,CACF,EACA,QAAS,CACP,KAAM,CAAE,GAAI,UAAW,CACzB,EACA,eAAgB,CACd,KAAM,CAAE,MAAO,UAAW,CAC5B,CACF,CACF,CAAC"}
+{"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    'bg-transparent',\n    'border-none',\n    'rounded-round',\n    'text-grey-900',\n    'cursor-pointer',\n    'font-body',\n    'text-sm',\n    'size-8',\n    'p-0',\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,iBACA,cACA,gBACA,gBACA,iBACA,YACA,UACA,SACA,MACA,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"}

package/dist/components/carousel/Carousel.js

@@ -1,2 +1,2 @@
-import{CarouselProvider as m,CarouselContext as u}from"pure-react-carousel";import*as r from"react";import"../../stitches.js";import{CSSWrapper as n}from"../../utilities/css-wrapper/CSSWrapper.js";import"../../utilities/no-overflow-wrapper/NoOverflowWrapper.js";import"color2k";import"../../utilities/style/keyframe-animations.js";import{CarouselArrowNext as p,CarouselArrowPrevious as d}from"./CarouselArrows.js";import{CarouselPagination as C}from"./CarouselPagination.js";import{CarouselSlide as S}from"./CarouselSlide.js";import{CarouselSlider as c}from"./CarouselSlider.js";const e=({children:o,css:i,slideHeight:t,slideWidth:l,numSlides:s,...a})=>r.createElement(n,{css:i},r.createElement(m,{naturalSlideWidth:l,naturalSlideHeight:t,totalSlides:s,...a},o)),f=()=>r.useContext(u),g=Object.assign(e,{ArrowNext:p,ArrowPrevious:d,Pagination:C,Slide:S,Slider:c});e.displayName="Carousel";export{g as Carousel,e as CarouselComponent,f as useCarousel};
+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"../../utilities/no-overflow-wrapper/NoOverflowWrapper.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:i,slideHeight:t,slideWidth:a,numSlides:l,...s})=>e.createElement(n,{className:i},e.createElement(m,{naturalSlideWidth:a,naturalSlideHeight:t,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

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'\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  css,\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 css={css}>\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","css","slideHeight","slideWidth","numSlides","props","React","CSSWrapper","CarouselProvider","useCarousel","CarouselContext","Carousel","CarouselArrowNext","CarouselArrowPrevious","CarouselPagination","CarouselSlide","CarouselSlider"],"mappings":"ykBAgBaA,EAAoB,CAAC,CAChC,SAAAC,EACA,IAAAC,EACA,YAAAC,EACA,WAAAC,EACA,UAAAC,KACGC,CACL,IAMEC,EAAA,cAACC,EAAA,CAAW,IAAKN,GACfK,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","sources":["../../../src/components/carousel/Carousel.tsx"],"sourcesContent":["import { CarouselContext, CarouselProvider } from 'pure-react-carousel'\nimport * as React from 'react'\n\nimport { CSSWrapper } from '~/utilities'\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":"oeAgBO,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"}

package/dist/components/carousel/CarouselArrows.js

@@ -1,2 +1,2 @@
-import{ChevronLeft as s,ChevronRight as i}from"@atom-learning/icons";import{ButtonBack as a,ButtonNext as m}from"pure-react-carousel";import*as r from"react";import{Icon as t}from"../icon/Icon.js";import{styled as o}from"../../stitches.js";const n={alignItems:"center",bg:"unset",border:"unset",color:"$primary800",cursor:"pointer",display:"flex",justifyContent:"center",p:"unset",size:"$5",top:"50%",transform:"translateY(-50%)",transition:"color 0.15s ease-in-out","&:hover":{color:"$primary900"},"&:active":{color:"$primary1000"},"&:disabled":{color:"$grey200"}},l=o(a,n),c=o(m,n),p=e=>r.createElement(l,{...e},r.createElement(t,{is:s})),u=e=>r.createElement(c,{...e},r.createElement(t,{is:i}));export{u as CarouselArrowNext,p as CarouselArrowPrevious};
+import{ChevronLeft as s,ChevronRight as i}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 n=["items-center","bg-[unset]","border-[unset]","text-primary-800","cursor-pointer","flex","justify-center","px-[unset]","py-[unset]","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"],p=o(a,{base:n}),c=o(m,{base:n}),u=t=>e.createElement(p,{...t},e.createElement(r,{is:s})),l=t=>e.createElement(c,{...t},e.createElement(r,{is:i}));export{l 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'\nimport { CSS, styled } from '~/stitches'\n\nconst buttonStyles = {\n  alignItems: 'center',\n  bg: 'unset',\n  border: 'unset',\n  color: '$primary800',\n  cursor: 'pointer',\n  display: 'flex',\n  justifyContent: 'center',\n  p: 'unset',\n  size: '$5',\n  top: '50%',\n  transform: 'translateY(-50%)',\n  transition: 'color 0.15s ease-in-out',\n  '&:hover': {\n    color: '$primary900'\n  },\n  '&:active': {\n    color: '$primary1000'\n  },\n  '&:disabled': {\n    color: '$grey200'\n  }\n}\n\nconst StyledButtonBack = styled(BaseButtonBack, buttonStyles)\n\nconst StyledButtonNext = styled(BaseButtonNext, buttonStyles)\n\nexport const CarouselArrowPrevious = (props: { css: CSS }) => (\n  <StyledButtonBack {...props}>\n    <Icon is={ChevronLeft} />\n  </StyledButtonBack>\n)\nexport const CarouselArrowNext = (props: { css: CSS }) => (\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":"gPAUA,MAAMA,EAAe,CACnB,WAAY,SACZ,GAAI,QACJ,OAAQ,QACR,MAAO,cACP,OAAQ,UACR,QAAS,OACT,eAAgB,SAChB,EAAG,QACH,KAAM,KACN,IAAK,MACL,UAAW,mBACX,WAAY,0BACZ,UAAW,CACT,MAAO,aACT,EACA,WAAY,CACV,MAAO,cACT,EACA,aAAc,CACZ,MAAO,UACT,CACF,EAEMC,EAAmBC,EAAOC,EAAgBH,CAAY,EAEtDI,EAAmBF,EAAOG,EAAgBL,CAAY,EAE/CM,EAAyBC,GACpCC,EAAA,cAACP,EAAA,CAAkB,GAAGM,CACpBC,EAAAA,EAAA,cAACC,EAAA,CAAK,GAAIC,CAAAA,CAAa,CACzB,EAEWC,EAAqBJ,GAChCC,EAAA,cAACJ,EAAA,CAAkB,GAAGG,CACpBC,EAAAA,EAAA,cAACC,EAAA,CAAK,GAAIG,CAAAA,CAAc,CAC1B"}
+{"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'\nimport { styled } from '~/styled'\n\nconst buttonStyles = [\n  'items-center',\n  'bg-[unset]',\n  'border-[unset]',\n  'text-primary-800',\n  'cursor-pointer',\n  'flex',\n  'justify-center',\n  'px-[unset]',\n  'py-[unset]',\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: React.ComponentProps<typeof StyledButtonBack>\n) => (\n  <StyledButtonBack {...props}>\n    <Icon is={ChevronLeft} />\n  </StyledButtonBack>\n)\nexport const CarouselArrowNext = (\n  props: React.ComponentProps<typeof StyledButtonNext>\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,iBACA,mBACA,iBACA,OACA,iBACA,aACA,aACA,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,CAAAA,EACpBC,EAAA,cAACC,EAAA,CAAK,GAAIC,CAAAA,CAAa,CACzB,EAEWC,EACXJ,GAEAC,EAAA,cAACJ,EAAA,CAAkB,GAAGG,GACpBC,EAAA,cAACC,EAAA,CAAK,GAAIG,EAAc,CAC1B"}

package/dist/components/carousel/CarouselPagination.js

@@ -1,2 +1,2 @@
-import{DotGroup as r}from"pure-react-carousel";import{styled as o}from"../../stitches.js";const e=o(r,{justifyContent:"center","& button":{bg:"$grey600",border:"none",borderRadius:"50%",cursor:"pointer",mx:"$1",p:"$1",size:"$space$3",transition:"all 100ms ease-in",'&[class*="selected"]':{bg:"$primary800"},"&:hover, &:focus":{bg:"$primary900"}}});export{e as CarouselPagination};
+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]:border-none","[&_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

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 '~/stitches'\n\nexport const CarouselPagination = styled(DotGroup, {\n  justifyContent: 'center',\n  '& button': {\n    bg: '$grey600',\n    border: 'none',\n    borderRadius: '50%',\n    cursor: 'pointer',\n    mx: '$1',\n    p: '$1',\n    size: '$space$3',\n    transition: 'all 100ms ease-in',\n    '&[class*=\"selected\"]': {\n      bg: '$primary800'\n    },\n    '&:hover, &:focus': {\n      bg: '$primary900'\n    }\n  }\n})\n"],"names":["CarouselPagination","styled","DotGroup"],"mappings":"0FAIa,MAAAA,EAAqBC,EAAOC,EAAU,CACjD,eAAgB,SAChB,WAAY,CACV,GAAI,WACJ,OAAQ,OACR,aAAc,MACd,OAAQ,UACR,GAAI,KACJ,EAAG,KACH,KAAM,WACN,WAAY,oBACZ,uBAAwB,CACtB,GAAI,aACN,EACA,mBAAoB,CAClB,GAAI,aACN,CACF,CACF,CAAC"}
+{"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]:border-none',\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,yBACA,4BACA,0BACA,qBACA,kCACA,kCACA,kBACA,iBACA,2BACA,oBACA,2BACF,CACF,CAAC"}

package/dist/components/carousel/CarouselSlide.js

@@ -1,2 +1,2 @@
-import{Slide as t}from"pure-react-carousel";import*as e from"react";import{Box as m}from"../box/Box.js";import{styled as i}from"../../stitches.js";const l=i(t,{}),s=({children:o,...r})=>e.createElement(l,{...r,tag:"div"},e.createElement(m,{css:{px:"$3"}},o));export{s as CarouselSlide};
+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

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\nimport { Box } from '~/components/box'\nimport { styled } from '~/stitches'\n\nconst StyledSlide = styled(BaseSlide, {})\n\nexport const CarouselSlide = ({\n  children,\n  ...remainingProps\n}: React.ComponentProps<typeof StyledSlide> & { index: number }) => (\n  <StyledSlide {...remainingProps} tag=\"div\">\n    {/* padding to create the gap between slides */}\n    <Box css={{ px: '$3' }}>{children}</Box>\n  </StyledSlide>\n)\n"],"names":["StyledSlide","styled","BaseSlide","CarouselSlide","children","remainingProps","React","Box"],"mappings":"mJAMA,MAAMA,EAAcC,EAAOC,EAAW,CAAE,CAAA,EAE3BC,EAAgB,CAAC,CAC5B,SAAAC,KACGC,CACL,IACEC,EAAA,cAACN,EAAA,CAAa,GAAGK,EAAgB,IAAI,OAEnCC,EAAA,cAACC,EAAA,CAAI,IAAK,CAAE,GAAI,IAAK,CAAIH,EAAAA,CAAS,CACpC"}
+{"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> & { index: number }) => (\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,IACEC,EAAA,cAACC,EAAA,CAAW,GAAGF,EAAgB,IAAI,KAEjCC,EAAAA,EAAA,cAAC,MAAA,CAAI,UAAU,MAAA,EAAQF,CAAS,CAClC"}

package/dist/components/carousel/CarouselSlider.js

@@ -1,2 +1,2 @@
-import{Slider as r}from"pure-react-carousel";import{styled as e}from"../../stitches.js";const s=e(r,{cursor:"grab",ml:"50%",overflow:"hidden",transform:"translateX(-50%)",'& [class*="sliderTray_"]':{p:"unset",m:"unset",transition:"transform .5s cubic-bezier(.645,.045,.355,1)"},'& [class*="slide_"]':{float:"left",pb:"0 !important"},'& [class*="slideInner"]':{display:"flex",justifyContent:"center"},variants:{overflow:{true:{overflow:"visible"}}}});export{s as CarouselSlider};
+import{Slider as s}from"pure-react-carousel";import{styled as r}from"../../styled.js";const e=r(s,{base:["cursor-grab","ml-[50%]","overflow-hidden","-translate-x-1/2","**:[[class*=sliderTray\\_]]:duration-500","**:[[class*=sliderTray\\_]]:ease-[cubic-bezier(.645,.045,.355,1)]","**:[[class*=sliderTray\\_]]:m-[unset]","**:[[class*=sliderTray\\_]]:p-[unset]","**:[[class*=sliderTray\\_]]:transition-transform","**:[[class*=slide\\_]]:float-left","**:[[class*=slide\\_]]:pb-0!","**:[[class*=slideInner]]:flex","**:[[class*=slideInner]]:justify-center"],variants:{overflow:{true:["overflow-visible"]}}});export{e 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 { Slider as BaseSlider } from 'pure-react-carousel'\n\nimport { styled } from '~/stitches'\n\nexport const CarouselSlider = styled(BaseSlider, {\n  cursor: 'grab',\n  ml: '50%',\n  overflow: 'hidden',\n  transform: 'translateX(-50%)',\n  '& [class*=\"sliderTray_\"]': {\n    p: 'unset',\n    m: 'unset',\n    transition: 'transform .5s cubic-bezier(.645,.045,.355,1)'\n  },\n  '& [class*=\"slide_\"]': {\n    float: 'left',\n    pb: '0 !important'\n  },\n  '& [class*=\"slideInner\"]': {\n    display: 'flex',\n    justifyContent: 'center'\n  },\n  variants: {\n    overflow: {\n      true: {\n        overflow: 'visible'\n      }\n    }\n  }\n})\n"],"names":["CarouselSlider","styled","BaseSlider"],"mappings":"wFAIO,MAAMA,EAAiBC,EAAOC,EAAY,CAC/C,OAAQ,OACR,GAAI,MACJ,SAAU,SACV,UAAW,mBACX,2BAA4B,CAC1B,EAAG,QACH,EAAG,QACH,WAAY,8CACd,EACA,sBAAuB,CACrB,MAAO,OACP,GAAI,cACN,EACA,0BAA2B,CACzB,QAAS,OACT,eAAgB,QAClB,EACA,SAAU,CACR,SAAU,CACR,KAAM,CACJ,SAAU,SACZ,CACF,CACF,CACF,CAAC"}
+{"version":3,"file":"CarouselSlider.js","sources":["../../../src/components/carousel/CarouselSlider.tsx"],"sourcesContent":["import { Slider as BaseSlider } from 'pure-react-carousel'\n\nimport { styled } from '~/styled'\n\nexport const CarouselSlider = styled(BaseSlider, {\n  base: [\n    'cursor-grab',\n    'ml-[50%]',\n    'overflow-hidden',\n    '-translate-x-1/2',\n    '**:[[class*=sliderTray\\\\_]]:duration-500',\n    '**:[[class*=sliderTray\\\\_]]:ease-[cubic-bezier(.645,.045,.355,1)]',\n    '**:[[class*=sliderTray\\\\_]]:m-[unset]',\n    '**:[[class*=sliderTray\\\\_]]:p-[unset]',\n    '**:[[class*=sliderTray\\\\_]]:transition-transform',\n    '**:[[class*=slide\\\\_]]:float-left',\n    '**:[[class*=slide\\\\_]]:pb-0!',\n    '**:[[class*=slideInner]]:flex',\n    '**:[[class*=slideInner]]:justify-center'\n  ],\n  variants: {\n    overflow: {\n      true: ['overflow-visible']\n    }\n  }\n})\n"],"names":["CarouselSlider","styled","BaseSlider"],"mappings":"sFAIO,MAAMA,EAAiBC,EAAOC,EAAY,CAC/C,KAAM,CACJ,cACA,WACA,kBACA,mBACA,2CACA,oEACA,wCACA,wCACA,mDACA,oCACA,+BACA,gCACA,yCACF,EACA,SAAU,CACR,SAAU,CACR,KAAM,CAAC,kBAAkB,CAC3B,CACF,CACF,CAAC"}

package/dist/components/checkbox/Checkbox.js

@@ -1,2 +1,2 @@
-import{Minus as d,Ok as c}from"@atom-learning/icons";import*as i from"@radix-ui/react-checkbox";import*as e from"react";import{styled as r}from"../../stitches.js";import"../../utilities/css-wrapper/CSSWrapper.js";import"../../utilities/no-overflow-wrapper/NoOverflowWrapper.js";import"color2k";import"../../utilities/style/keyframe-animations.js";import{overrideStitchesVariantValue as p}from"../../utilities/override-stitches-variant-value/overrideStitchesVariantValue.js";import{disabledStyle as f}from"../../utilities/style/disabledStyle.js";import{Icon as u}from"../icon/Icon.js";const b=r("div",{position:"relative",zIndex:1}),y=r("div",{position:"absolute",inset:"-$3",opacity:.5}),$=r(i.Indicator,{}),h=r(i.Root,{appearance:"none",position:"relative",backgroundColor:"transparent",border:"1px solid $colors$grey800",borderRadius:"3px",color:"white",bg:"white",cursor:"pointer",size:"$1",p:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"all 50ms ease-out",flexShrink:0,"&:before":{content:'""',position:"absolute",inset:"-$2",zIndex:-1,borderRadius:"50%",bg:"$primary300",opacity:0,transform:"scale(0)",transition:"opacity 150ms ease-in-out, transform 100ms ease-in-out"},"&:hover:before":{opacity:1,transform:"scale(1)"},'&[data-state="checked"]':{backgroundColor:"$primary800",borderColor:"$primary800"},'&[data-state="indeterminate"]':{backgroundColor:"$primary800",borderColor:"$primary800"},"&:focus":{outline:"2px solid $primary800",outlineOffset:"-1px"},"&[disabled]":f,variants:{state:{error:{borderColor:"$danger"}},size:{md:{size:"$1"},lg:{size:"$2",mt:"-$1"}}}}),x={md:"sm",lg:"sm"},a=e.forwardRef(({size:o="md",checked:t,...s},n)=>{const m=e.useMemo(()=>p(o,l=>x[l]),[o]);return e.createElement(b,null,e.createElement(h,{ref:n,checked:t,size:o,...s},e.createElement(y,null),e.createElement($,{asChild:!0},e.createElement(u,{is:t==="indeterminate"?d:c,css:{strokeWidth:"3"},size:m}))))});a.displayName="Checkbox";export{a as Checkbox};
+import{Minus as l,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","bg-transparent","border","border-grey-800","rounded-[3px]","text-white","bg-white","cursor-pointer","size-4","p-0","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:duration-125","not-disabled:before:ease-in-out","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","not-disabled:before:transition-transform","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,b=>h[b]),[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"?l:c,size:n,className:"stroke-3"}))))});i.displayName="Checkbox";export{i 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 '~/stitches'\nimport { disabledStyle } from '~/utilities'\nimport { overrideStitchesVariantValue } from '~/utilities/override-stitches-variant-value/overrideStitchesVariantValue'\n\nimport { Icon } from '../icon'\n\nconst CheckboxContainer = styled('div', {\n  position: 'relative',\n  zIndex: 1\n})\n\nconst CheckboxHitArea = styled('div', {\n  position: 'absolute',\n  inset: '-$3',\n  opacity: 0.5\n})\n\nconst StyledIndicator = styled(RadixCheckbox.Indicator, {})\n\nconst StyledCheckbox = styled(RadixCheckbox.Root, {\n  appearance: 'none',\n  position: 'relative',\n  backgroundColor: 'transparent',\n  border: '1px solid $colors$grey800',\n  borderRadius: '3px',\n  color: 'white',\n  bg: 'white',\n  cursor: 'pointer',\n  size: '$1',\n  p: 0,\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  transition: 'all 50ms ease-out',\n  flexShrink: 0,\n\n  //hover circle\n  '&:before': {\n    content: '\"\"',\n    position: 'absolute',\n    inset: '-$2',\n    zIndex: -1,\n    borderRadius: '50%',\n    bg: '$primary300',\n    opacity: 0,\n    transform: 'scale(0)',\n    transition: 'opacity 150ms ease-in-out, transform 100ms ease-in-out'\n  },\n  '&:hover:before': {\n    opacity: 1,\n    transform: 'scale(1)'\n  },\n\n  '&[data-state=\"checked\"]': {\n    backgroundColor: '$primary800',\n    borderColor: '$primary800'\n  },\n  '&[data-state=\"indeterminate\"]': {\n    backgroundColor: '$primary800',\n    borderColor: '$primary800'\n  },\n  '&:focus': {\n    outline: '2px solid $primary800',\n    outlineOffset: '-1px'\n  },\n  '&[disabled]': disabledStyle,\n  variants: {\n    state: {\n      error: {\n        borderColor: '$danger'\n      }\n    },\n    size: {\n      md: {\n        size: '$1'\n      },\n      lg: {\n        size: '$2',\n        mt: '-$1'\n      }\n    }\n  }\n})\n\nconst toIconSize = {\n  md: 'sm',\n  lg: 'sm'\n}\n\nexport const Checkbox: React.ForwardRefExoticComponent<\n  React.ComponentProps<typeof StyledCheckbox>\n> = React.forwardRef(({ size = 'md', checked, ...rest }, ref) => {\n  const iconSize = React.useMemo(\n    () => overrideStitchesVariantValue(size, (s) => toIconSize[s]),\n    [size]\n  )\n\n  return (\n    <CheckboxContainer>\n      <StyledCheckbox ref={ref} checked={checked} size={size} {...rest}>\n        <CheckboxHitArea />\n        <StyledIndicator asChild>\n          <Icon\n            is={checked === 'indeterminate' ? Minus : Ok}\n            css={{\n              strokeWidth: '3'\n            }}\n            size={iconSize}\n          />\n        </StyledIndicator>\n      </StyledCheckbox>\n    </CheckboxContainer>\n  )\n})\n\nCheckbox.displayName = 'Checkbox'\n"],"names":["CheckboxContainer","styled","CheckboxHitArea","StyledIndicator","RadixCheckbox","StyledCheckbox","disabledStyle","toIconSize","Checkbox","React","size","checked","rest","ref","iconSize","overrideStitchesVariantValue","s","Icon","Minus","Ok"],"mappings":"wkBAUA,MAAMA,EAAoBC,EAAO,MAAO,CACtC,SAAU,WACV,OAAQ,CACV,CAAC,EAEKC,EAAkBD,EAAO,MAAO,CACpC,SAAU,WACV,MAAO,MACP,QAAS,EACX,CAAC,EAEKE,EAAkBF,EAAOG,EAAc,UAAW,CAAA,CAAE,EAEpDC,EAAiBJ,EAAOG,EAAc,KAAM,CAChD,WAAY,OACZ,SAAU,WACV,gBAAiB,cACjB,OAAQ,4BACR,aAAc,MACd,MAAO,QACP,GAAI,QACJ,OAAQ,UACR,KAAM,KACN,EAAG,EACH,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,WAAY,oBACZ,WAAY,EAGZ,WAAY,CACV,QAAS,KACT,SAAU,WACV,MAAO,MACP,OAAQ,GACR,aAAc,MACd,GAAI,cACJ,QAAS,EACT,UAAW,WACX,WAAY,wDACd,EACA,iBAAkB,CAChB,QAAS,EACT,UAAW,UACb,EAEA,0BAA2B,CACzB,gBAAiB,cACjB,YAAa,aACf,EACA,gCAAiC,CAC/B,gBAAiB,cACjB,YAAa,aACf,EACA,UAAW,CACT,QAAS,wBACT,cAAe,MACjB,EACA,cAAeE,EACf,SAAU,CACR,MAAO,CACL,MAAO,CACL,YAAa,SACf,CACF,EACA,KAAM,CACJ,GAAI,CACF,KAAM,IACR,EACA,GAAI,CACF,KAAM,KACN,GAAI,KACN,CACF,CACF,CACF,CAAC,EAEKC,EAAa,CACjB,GAAI,KACJ,GAAI,IACN,EAEaC,EAETC,EAAM,WAAW,CAAC,CAAE,KAAAC,EAAO,KAAM,QAAAC,KAAYC,CAAK,EAAGC,IAAQ,CAC/D,MAAMC,EAAWL,EAAM,QACrB,IAAMM,EAA6BL,EAAOM,GAAMT,EAAWS,EAAE,EAC7D,CAACN,CAAI,CACP,EAEA,OACED,EAAA,cAACT,EAAA,KACCS,EAAA,cAACJ,EAAA,CAAe,IAAKQ,EAAK,QAASF,EAAS,KAAMD,EAAO,GAAGE,CAAAA,EAC1DH,EAAA,cAACP,EAAA,IAAgB,EACjBO,EAAA,cAACN,EAAA,CAAgB,QAAO,EAAA,EACtBM,EAAA,cAACQ,EAAA,CACC,GAAIN,IAAY,gBAAkBO,EAAQC,EAC1C,IAAK,CACH,YAAa,GACf,EACA,KAAML,CAAAA,CACR,CACF,CACF,CACF,CAEJ,CAAC,EAEDN,EAAS,YAAc"}
+{"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'\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    'bg-transparent',\n    'border',\n    'border-grey-800',\n    'rounded-[3px]',\n    'text-white',\n    'bg-white',\n    'cursor-pointer',\n    'size-4',\n    'p-0',\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:duration-125',\n    'not-disabled:before:ease-in-out',\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',\n    'not-disabled:before:transition-transform',\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,iBACA,SACA,kBACA,gBACA,aACA,WACA,iBACA,SACA,MACA,OACA,eACA,iBACA,iBACA,cACA,WACA,WACA,+BACA,2BACA,+BACA,qCACA,mCACA,mCACA,mCACA,kCACA,kCACA,gCACA,oCACA,8BACA,yCACA,2CACA,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"}

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

@@ -1,2 +1,2 @@
-import*as t from"react";import{useFormContext as F,useController as x}from"react-hook-form";import{Checkbox as b}from"../checkbox/Checkbox.js";import"../field-wrapper/FieldWrapper.js";import{InlineFieldWrapper as v}from"../field-wrapper/InlineFieldWrapper.js";import"../form/Form.js";import{useFieldError as E}from"../form/useFieldError.js";import"../form/useFormCustomContext.js";var g=(e=>(e.ON="on",e.OFF="off",e))(g||{});const m=({css:e,label:f,name:l,validation:r,description:s,defaultChecked:u=!1,checked:o,onCheckedChange:n,...p})=>{const{control:h}=F(),{error:a}=E(l),{field:{ref:C,onChange:i,value:c,name:k}}=x({name:l,control:h,rules:r,defaultValue:u});return t.useEffect(()=>{typeof o<"u"&&i(o)},[o]),t.createElement(v,{css:e,description:s,error:a,label:f,required:Boolean(r==null?void 0:r.required)},t.createElement(b,{ref:C,name:k,...p,onCheckedChange:d=>{i(d),n==null||n(d)},value:c?"on":"off",checked:c,...a&&{state:"error"}}))};m.displayName="CheckboxField";export{m as CheckboxField};
+import*as t from"react";import{useFormContext as F,useController as x}from"react-hook-form";import{Checkbox as b}from"../checkbox/Checkbox.js";import"../field-wrapper/FieldWrapper.js";import{InlineFieldWrapper as v}from"../field-wrapper/InlineFieldWrapper.js";import"../form/Form.js";import{useFieldError as E}from"../form/useFieldError.js";import"../form/useFormCustomContext.js";var N=(e=>(e.ON="on",e.OFF="off",e))(N||{});const d=({className:e,label:s,name:l,validation:r,description:f,defaultChecked:u=!1,checked:o,onCheckedChange:a,...p})=>{const{control:h}=F(),{error:n}=E(l),{field:{ref:C,onChange:m,value:i,name:k}}=x({name:l,control:h,rules:r,defaultValue:u});return t.useEffect(()=>{typeof o<"u"&&m(o)},[o]),t.createElement(v,{className:e,description:f,error:n,label:s,required:!!(r!=null&&r.required)},t.createElement(b,{ref:C,name:k,...p,onCheckedChange:c=>{m(c),a==null||a(c)},value:i?"on":"off",checked:i,...n&&{state:"error"}}))};d.displayName="CheckboxField";export{d 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'\nimport {\n  FieldElementWrapperProps,\n  InlineFieldWrapper\n} from '~/components/field-wrapper'\nimport { useFieldError } from '~/components/form'\n\nenum CheckboxValue {\n  ON = 'on',\n  OFF = 'off'\n}\n\nexport const CheckboxField = ({\n  css,\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      css={css}\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","css","label","name","validation","description","defaultChecked","checked","onCheckedChange","remainingProps","control","useFormContext","error","useFieldError","ref","onChange","innerChecked","innerName","useController","React","InlineFieldWrapper","Checkbox","newChecked"],"mappings":"6XAUA,IAAKA,OACHA,EAAA,GAAK,KACLA,EAAA,IAAM,MAFHA,IAAAA,GAAA,CAKE,CAAA,EAAA,MAAMC,EAAgB,CAAC,CAC5B,IAAAC,EACA,MAAAC,EACA,KAAAC,EACA,WAAAC,EACA,YAAAC,EACA,eAAAC,EAAiB,GACjB,QAAAC,EACA,gBAAAC,KACGC,CACL,IAAwE,CACtE,KAAM,CAAE,QAAAC,CAAQ,EAAIC,EAAe,EAC7B,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,IAAKnB,EACL,YAAaI,EACb,MAAOO,EACP,MAAOV,EACP,SAAU,QAAQE,GAAA,KAAAA,OAAAA,EAAY,QAAQ,CAEtCe,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","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'\nimport {\n  FieldElementWrapperProps,\n  InlineFieldWrapper\n} from '~/components/field-wrapper'\nimport { useFieldError } from '~/components/form'\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":"6XAUA,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"}

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

@@ -1,2 +1,2 @@
-import{Slot as h}from"@radix-ui/react-slot";import*as e from"react";import{styled as p}from"../../stitches.js";import{Box as l}from"../box/Box.js";import{CheckboxGroupMountedProvider as d}from"./context/CheckboxGroupMounted.context.js";import{CheckboxGroupCheckedProvider as C}from"./context/CheckboxGroupChecked.context.js";import{CheckboxGroupAllItem as i}from"./CheckboxGroupAllItem.js";import{CheckboxGroupItem as k}from"./CheckboxGroupItem.js";import{CheckboxGroupSub as n}from"./CheckboxGroupSub.js";const u=p(h),f=({checked:o,defaultChecked:r,onCheckedChange:t,asChild:m=!1,...c})=>e.createElement(C,{checked:o,defaultChecked:r,onCheckedChange:t},e.createElement(d,null,e.createElement(m?u:l,{...c}))),a=Object.assign(f,{Item:k,AllItem:i,Sub:n});export{a as CheckboxGroup};
+import{Slot as h}from"@radix-ui/react-slot";import*as e from"react";import{CheckboxGroupMountedProvider as d}from"./context/CheckboxGroupMounted.context.js";import{CheckboxGroupCheckedProvider as p}from"./context/CheckboxGroupChecked.context.js";import{CheckboxGroupAllItem as C}from"./CheckboxGroupAllItem.js";import{CheckboxGroupItem as k}from"./CheckboxGroupItem.js";import{CheckboxGroupSub as l}from"./CheckboxGroupSub.js";const i=({checked:o,defaultChecked:r,onCheckedChange:t,asChild:c=!1,...m})=>e.createElement(p,{checked:o,defaultChecked:r,onCheckedChange:t},e.createElement(d,null,e.createElement(c?h:"div",{...m}))),n=Object.assign(i,{Item:k,AllItem:C,Sub:l});export{n 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 { styled } from '~/stitches'\n\nimport { Box } from '../box'\nimport {\n  CheckboxGroupCheckedProvider,\n  CheckboxGroupMountedProvider\n} from './CheckboxGroup.context'\nimport type { CheckboxGroupItemValue } from './CheckboxGroup.types'\nimport { CheckboxGroupAllItem } from './CheckboxGroupAllItem'\nimport { CheckboxGroupItem } from './CheckboxGroupItem'\nimport { CheckboxGroupSub } from './CheckboxGroupSub'\n\ntype CheckboxGroupRootProps = Omit<\n  React.ComponentProps<typeof Box>,\n  'defaultChecked'\n> & {\n  checked?: CheckboxGroupItemValue[]\n  onCheckedChange?: (checked: CheckboxGroupItemValue[]) => void\n  defaultChecked?: CheckboxGroupItemValue[]\n  asChild?: boolean\n}\n\nconst StyledSlot = styled(Slot)\n\nconst CheckboxGroupRoot = ({\n  checked,\n  defaultChecked,\n  onCheckedChange,\n  asChild = false,\n  ...rest\n}: CheckboxGroupRootProps) => {\n  const Component = asChild ? StyledSlot : Box\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":["StyledSlot","styled","Slot","CheckboxGroupRoot","checked","defaultChecked","onCheckedChange","asChild","rest","React","CheckboxGroupCheckedProvider","CheckboxGroupMountedProvider","Box","CheckboxGroup","CheckboxGroupItem","CheckboxGroupAllItem","CheckboxGroupSub"],"mappings":"0fAyBA,MAAMA,EAAaC,EAAOC,CAAI,EAExBC,EAAoB,CAAC,CACzB,QAAAC,EACA,eAAAC,EACA,gBAAAC,EACA,QAAAC,EAAU,MACPC,CACL,IAIIC,EAAA,cAACC,EAAA,CACC,QAASN,EACT,eAAgBC,EAChB,gBAAiBC,CAAAA,EAEjBG,EAAA,cAACE,EAAA,KACCF,EAAA,cATYF,EAAUP,EAAaY,EASlC,CAAW,GAAGJ,EAAM,CACvB,CACF,EAISK,EAAgB,OAAO,OAAOV,EAAmB,CAC5D,KAAMW,EACN,QAASC,EACT,IAAKC,CACP,CAAC"}
+{"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 {\n  CheckboxGroupCheckedProvider,\n  CheckboxGroupMountedProvider\n} from './CheckboxGroup.context'\nimport type { CheckboxGroupItemValue } from './CheckboxGroup.types'\nimport { CheckboxGroupAllItem } from './CheckboxGroupAllItem'\nimport { CheckboxGroupItem } from './CheckboxGroupItem'\nimport { CheckboxGroupSub } from './CheckboxGroupSub'\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":"2aAsBA,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,CAAAA,EAEjBG,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"}

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

@@ -1,2 +1,2 @@
-import*as n from"react";import{Checkbox as u}from"../checkbox/Checkbox.js";import{CheckboxGroupMountedContext as i}from"./context/CheckboxGroupMounted.context.js";import{CheckboxGroupCheckedContext as k}from"./context/CheckboxGroupChecked.context.js";const a=({onCheckedChange:r,title:c="all",...h})=>{const{checked:o,handleItemCheckedChange:m}=n.useContext(k),{mounted:t}=n.useContext(i),C=e=>{t.forEach(d=>{m(e,d)}),r==null||r(e)},l=(()=>!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:l,title:c,...h})};export{a as CheckboxGroupAllItem};
+import*as n from"react";import{Checkbox as u}from"../checkbox/Checkbox.js";import{CheckboxGroupMountedContext as i}from"./context/CheckboxGroupMounted.context.js";import{CheckboxGroupCheckedContext as k}from"./context/CheckboxGroupChecked.context.js";const a=({onCheckedChange:r,title:c="all",...h})=>{const{checked:o,handleItemCheckedChange:m}=n.useContext(k),{mounted:t}=n.useContext(i),C=e=>{t.forEach(d=>{m(e,d)}),r==null||r(e)},l=!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:l,title:c,...h})};export{a 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'\nimport {\n  CheckboxGroupCheckedContext,\n  CheckboxGroupMountedContext\n} from './CheckboxGroup.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":"2PAaa,MAAAA,EAAuB,CAAC,CACnC,gBAAAC,EACA,MAAAC,EAAQ,SACLC,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,GAAgB,IAChB,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,IAAA,EAGT,OACER,EAAA,cAACS,EAAA,CACC,gBAAiBL,EACjB,QAASG,EACT,MAAOX,EACN,GAAGC,CAAAA,CACN,CAEJ"}
+{"version":3,"file":"CheckboxGroupAllItem.js","sources":["../../../src/components/checkbox-group/CheckboxGroupAllItem.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Checkbox } from '../checkbox'\nimport {\n  CheckboxGroupCheckedContext,\n  CheckboxGroupMountedContext\n} from './CheckboxGroup.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":"2PAaa,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,CACpB,CAAA,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"}

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'\nimport {\n  CheckboxGroupCheckedContext,\n  CheckboxGroupMountedContext\n} from './CheckboxGroup.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":"2PAeO,MAAMA,EAAoB,CAAC,CAChC,MAAAC,EACA,MAAAC,EACA,gBAAAC,KACGC,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,GAAA,KAAAA,EAAS,OAAOD,CAAK,EAC3B,GAAGG,CAAAA,CACN,CAEJ"}
+{"version":3,"file":"CheckboxGroupItem.js","sources":["../../../src/components/checkbox-group/CheckboxGroupItem.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Checkbox } from '../checkbox'\nimport {\n  CheckboxGroupCheckedContext,\n  CheckboxGroupMountedContext\n} from './CheckboxGroup.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":"2PAeO,MAAMA,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,CACpB,CAAA,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,GAAA,KAAAA,EAAS,OAAOD,CAAK,EAC3B,GAAGG,CAAAA,CACN,CAEJ"}

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

@@ -1,2 +1,2 @@
-import{Slot as e}from"@radix-ui/react-slot";import*as o from"react";import{styled as m}from"../../stitches.js";import{Box as p}from"../box/Box.js";import{CheckboxGroupMountedProvider as i}from"./context/CheckboxGroupMounted.context.js";import"./context/CheckboxGroupChecked.context.js";const l=m(e),c=({asChild:r=!1,...t})=>o.createElement(i,null,o.createElement(r?l:p,{...t}));export{c as CheckboxGroupSub};
+import{Slot as t}from"@radix-ui/react-slot";import*as o from"react";import{CheckboxGroupMountedProvider as m}from"./context/CheckboxGroupMounted.context.js";import"./context/CheckboxGroupChecked.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

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 { styled } from '~/stitches'\n\nimport { Box } from '../box'\nimport { CheckboxGroupMountedProvider } from './CheckboxGroup.context'\n\ntype CheckboxGroupSubProps = React.ComponentProps<typeof Box> & {\n  asChild?: boolean\n}\nconst StyledSlot = styled(Slot)\n\nexport const CheckboxGroupSub = ({\n  asChild = false,\n  ...rest\n}: CheckboxGroupSubProps): JSX.Element => {\n  const Component = asChild ? StyledSlot : Box\n\n  return (\n    <CheckboxGroupMountedProvider>\n      <Component {...rest} />\n    </CheckboxGroupMountedProvider>\n  )\n}\n"],"names":["StyledSlot","styled","Slot","CheckboxGroupSub","asChild","rest","React","CheckboxGroupMountedProvider","Box"],"mappings":"8RAWA,MAAMA,EAAaC,EAAOC,CAAI,EAEjBC,EAAmB,CAAC,CAC/B,QAAAC,EAAU,MACPC,CACL,IAIIC,EAAA,cAACC,EAAA,KACCD,EAAA,cAJcF,EAAUJ,EAAaQ,EAIpC,CAAW,GAAGH,EAAM,CACvB"}
+{"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 './CheckboxGroup.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":"+MASO,MAAMA,EAAmB,CAAC,CAC/B,QAAAC,EAAU,GACV,GAAGC,CACL,IAIIC,EAAA,cAACC,EAAA,KACCD,EAAA,cAJcF,EAAUI,EAAO,MAI9B,CAAW,GAAGH,EAAM,CACvB"}

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,CAAC,EAClB,gBAAAC,KACGC,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","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"}

package/dist/components/checkbox-tree/CheckboxTree.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxTree.js","sources":["../../../src/components/checkbox-tree/CheckboxTree.tsx"],"sourcesContent":["import React from 'react'\n\nimport { CheckboxGroup } from '../checkbox-group'\nimport { Tree } from '../tree'\nimport { CheckboxTreeCollapsible } from './CheckboxTreeCollapsible'\nimport { CheckboxTreeCollapsibleContent } from './CheckboxTreeCollapsibleContent'\nimport { CheckboxTreeCollapsibleTrigger } from './CheckboxTreeCollapsibleTrigger'\nimport { CheckboxTreeItem } from './CheckboxTreeItem'\n\ntype CheckboxTreeRootProps = Omit<\n  React.ComponentProps<typeof CheckboxGroup> &\n    React.ComponentProps<typeof Tree>,\n  'asChild'\n>\n\nexport const CheckboxTreeRoot = ({\n  checked,\n  defaultChecked,\n  onCheckedChange,\n  ...rest\n}: CheckboxTreeRootProps) => {\n  const checkboxGroupProps = { checked, defaultChecked, onCheckedChange }\n  return (\n    <CheckboxGroup {...checkboxGroupProps} asChild>\n      <Tree {...rest} />\n    </CheckboxGroup>\n  )\n}\n\nexport const CheckboxTree = Object.assign(CheckboxTreeRoot, {\n  Collapsible: CheckboxTreeCollapsible,\n  CollapsibleContent: CheckboxTreeCollapsibleContent,\n  CollapsibleTrigger: CheckboxTreeCollapsibleTrigger,\n  Item: CheckboxTreeItem\n})\n"],"names":["CheckboxTreeRoot","checked","defaultChecked","onCheckedChange","rest","React","CheckboxGroup","Tree","CheckboxTree","CheckboxTreeCollapsible","CheckboxTreeCollapsibleContent","CheckboxTreeCollapsibleTrigger","CheckboxTreeItem"],"mappings":"yaAeO,MAAMA,EAAmB,CAAC,CAC/B,QAAAC,EACA,eAAAC,EACA,gBAAAC,KACGC,CACL,IAGIC,EAAA,cAACC,EAAA,CAF0B,QAAAL,EAAS,eAAAC,EAAgB,gBAAAC,EAEb,QAAO,EAAA,EAC5CE,EAAA,cAACE,EAAA,CAAM,GAAGH,EAAM,CAClB,EAISI,EAAe,OAAO,OAAOR,EAAkB,CAC1D,YAAaS,EACb,mBAAoBC,EACpB,mBAAoBC,EACpB,KAAMC,CACR,CAAC"}
+{"version":3,"file":"CheckboxTree.js","sources":["../../../src/components/checkbox-tree/CheckboxTree.tsx"],"sourcesContent":["import React from 'react'\n\nimport { CheckboxGroup } from '../checkbox-group'\nimport { Tree } from '../tree'\nimport { CheckboxTreeCollapsible } from './CheckboxTreeCollapsible'\nimport { CheckboxTreeCollapsibleContent } from './CheckboxTreeCollapsibleContent'\nimport { CheckboxTreeCollapsibleTrigger } from './CheckboxTreeCollapsibleTrigger'\nimport { CheckboxTreeItem } from './CheckboxTreeItem'\n\ntype CheckboxTreeRootProps = Omit<\n  React.ComponentProps<typeof CheckboxGroup> &\n    React.ComponentProps<typeof Tree>,\n  'asChild'\n>\n\nexport const CheckboxTreeRoot = ({\n  checked,\n  defaultChecked,\n  onCheckedChange,\n  ...rest\n}: CheckboxTreeRootProps) => {\n  const checkboxGroupProps = { checked, defaultChecked, onCheckedChange }\n  return (\n    <CheckboxGroup {...checkboxGroupProps} asChild>\n      <Tree {...rest} />\n    </CheckboxGroup>\n  )\n}\n\nexport const CheckboxTree = Object.assign(CheckboxTreeRoot, {\n  Collapsible: CheckboxTreeCollapsible,\n  CollapsibleContent: CheckboxTreeCollapsibleContent,\n  CollapsibleTrigger: CheckboxTreeCollapsibleTrigger,\n  Item: CheckboxTreeItem\n})\n"],"names":["CheckboxTreeRoot","checked","defaultChecked","onCheckedChange","rest","React","CheckboxGroup","Tree","CheckboxTree","CheckboxTreeCollapsible","CheckboxTreeCollapsibleContent","CheckboxTreeCollapsibleTrigger","CheckboxTreeItem"],"mappings":"yaAeO,MAAMA,EAAmB,CAAC,CAC/B,QAAAC,EACA,eAAAC,EACA,gBAAAC,EACA,GAAGC,CACL,IAGIC,EAAA,cAACC,EAAA,CAF0B,QAAAL,EAAS,eAAAC,EAAgB,gBAAAC,EAEb,QAAO,EAAA,EAC5CE,EAAA,cAACE,EAAA,CAAM,GAAGH,EAAM,CAClB,EAISI,EAAe,OAAO,OAAOR,EAAkB,CAC1D,YAAaS,EACb,mBAAoBC,EACpB,mBAAoBC,EACpB,KAAMC,CACR,CAAC"}

package/dist/components/checkbox-tree/CheckboxTreeCollapsible.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxTreeCollapsible.js","sources":["../../../src/components/checkbox-tree/CheckboxTreeCollapsible.tsx"],"sourcesContent":["import React from 'react'\n\nimport { CheckboxGroup } from '../checkbox-group'\nimport { Tree } from '../tree'\n\ntype CheckboxTreeCollapsibleProps = Omit<\n  React.ComponentProps<typeof Tree.Collapsible> &\n    React.ComponentProps<typeof CheckboxGroup.Sub>,\n  'asChild'\n>\n\nexport const CheckboxTreeCollapsible = ({\n  children,\n  ...rest\n}: CheckboxTreeCollapsibleProps): JSX.Element => {\n  return (\n    <CheckboxGroup.Sub asChild>\n      <Tree.Collapsible {...rest}>{children}</Tree.Collapsible>\n    </CheckboxGroup.Sub>\n  )\n}\n"],"names":["CheckboxTreeCollapsible","children","rest","React","CheckboxGroup","Tree"],"mappings":"+HAWO,MAAMA,EAA0B,CAAC,CACtC,SAAAC,KACGC,CACL,IAEIC,EAAA,cAACC,EAAc,IAAd,CAAkB,QAAO,EAAA,EACxBD,EAAA,cAACE,EAAK,YAAL,CAAkB,GAAGH,CAAAA,EAAOD,CAAS,CACxC"}
+{"version":3,"file":"CheckboxTreeCollapsible.js","sources":["../../../src/components/checkbox-tree/CheckboxTreeCollapsible.tsx"],"sourcesContent":["import React from 'react'\n\nimport { CheckboxGroup } from '../checkbox-group'\nimport { Tree } from '../tree'\n\ntype CheckboxTreeCollapsibleProps = Omit<\n  React.ComponentProps<typeof Tree.Collapsible> &\n    React.ComponentProps<typeof CheckboxGroup.Sub>,\n  'asChild'\n>\n\nexport const CheckboxTreeCollapsible = ({\n  children,\n  ...rest\n}: CheckboxTreeCollapsibleProps): JSX.Element => {\n  return (\n    <CheckboxGroup.Sub asChild>\n      <Tree.Collapsible {...rest}>{children}</Tree.Collapsible>\n    </CheckboxGroup.Sub>\n  )\n}\n"],"names":["CheckboxTreeCollapsible","children","rest","React","CheckboxGroup","Tree"],"mappings":"+HAWa,MAAAA,EAA0B,CAAC,CACtC,SAAAC,EACA,GAAGC,CACL,IAEIC,EAAA,cAACC,EAAc,IAAd,CAAkB,QAAO,EAAA,EACxBD,EAAA,cAACE,EAAK,YAAL,CAAkB,GAAGH,CAAAA,EAAOD,CAAS,CACxC"}