npm - @atom-learning/components - Versions diffs - 6.2.1 → 6.3.1 - Mend

@atom-learning/components 6.2.1 → 6.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (550) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"BannerSlimText.js","sources":["../../../../src/components/banner/banner-slim/BannerSlimText.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { Text } from '../../text'\nimport { useBannerContext } from '../BannerContext'\n\nconst StyledText = styled(\n Text,\n {\n base: ['text-(--banner-heading-color)'],\n variants: {\n containerSize: {\n sm: [],\n md: []\n },\n hasDismiss: {\n true: []\n }\n },\n compoundVariants: [\n {\n containerSize: 'sm',\n hasDismiss: true,\n class: ['mr-10']\n }\n ]\n },\n {\n enabledResponsiveVariants: true\n }\n)\n\nexport const BannerSlimText = (props: React.ComponentProps<typeof Text>) => {\n const { size, hasDismiss } = useBannerContext()\n\n return (\n <StyledText\n size=\"md\"\n weight=\"bold\"\n containerSize={size}\n hasDismiss={hasDismiss}\n noCapsize\n {...props}\n />\n )\n}\n\nBannerSlimText.displayName = 'BannerSlimText'\n"],"names":["StyledText","styled","Text","BannerSlimText","props","size","hasDismiss","useBannerContext","React"],"mappings":"qKAOA,MAAMA,EAAaC,EACjBC,EACA,CACE,KAAM,CAAC,+BAA+B,EACtC,SAAU,CACR,cAAe,CACb,GAAI,CAAA,EACJ,GAAI,CAAA,CACN,EACA,WAAY,CACV,KAAM,CAAA,CACR,CACF,EACA,iBAAkB,CAChB,CACE,cAAe,KACf,WAAY,GACZ,MAAO,CAAC,OAAO,CACjB,CACF,CACF,EACA,CACE,0BAA2B,EAC7B,CACF,EAEaC,EAAkBC,GAA6C,CAC1E,KAAM,CAAE,KAAAC,EAAM,WAAAC,CAAW,EAAIC,EAAiB,EAE9C,OACEC,EAAA,cAACR,EAAA,CACC,KAAK,KACL,OAAO,OACP,cAAeK,EACf,WAAYC,EACZ,UAAS,GACR,GAAGF,CACN,CAAA,CAEJ,EAEAD,EAAe,YAAc"}
1	+ {"version":3,"file":"BannerSlimText.js","sources":["../../../../src/components/banner/banner-slim/BannerSlimText.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { Text } from '../../text/Text'\nimport { useBannerContext } from '../BannerContext'\n\nconst StyledText = styled(\n Text,\n {\n base: ['text-(--banner-heading-color)'],\n variants: {\n containerSize: {\n sm: [],\n md: []\n },\n hasDismiss: {\n true: []\n }\n },\n compoundVariants: [\n {\n containerSize: 'sm',\n hasDismiss: true,\n class: ['mr-10']\n }\n ]\n },\n {\n enabledResponsiveVariants: true\n }\n)\n\nexport const BannerSlimText = (props: React.ComponentProps<typeof Text>) => {\n const { size, hasDismiss } = useBannerContext()\n\n return (\n <StyledText\n size=\"md\"\n weight=\"bold\"\n containerSize={size}\n hasDismiss={hasDismiss}\n noCapsize\n {...props}\n />\n )\n}\n\nBannerSlimText.displayName = 'BannerSlimText'\n"],"names":["StyledText","styled","Text","BannerSlimText","props","size","hasDismiss","useBannerContext","React"],"mappings":"qKAOA,MAAMA,EAAaC,EACjBC,EACA,CACE,KAAM,CAAC,+BAA+B,EACtC,SAAU,CACR,cAAe,CACb,GAAI,CAAA,EACJ,GAAI,CAAA,CACN,EACA,WAAY,CACV,KAAM,CAAA,CACR,CACF,EACA,iBAAkB,CAChB,CACE,cAAe,KACf,WAAY,GACZ,MAAO,CAAC,OAAO,CACjB,CACF,CACF,EACA,CACE,0BAA2B,EAC7B,CACF,EAEaC,EAAkBC,GAA6C,CAC1E,KAAM,CAAE,KAAAC,EAAM,WAAAC,CAAW,EAAIC,EAAiB,EAE9C,OACEC,EAAA,cAACR,EAAA,CACC,KAAK,KACL,OAAO,OACP,cAAeK,EACf,WAAYC,EACZ,UAAS,GACR,GAAGF,CACN,CAAA,CAEJ,EAEAD,EAAe,YAAc"}

package/dist/components/button/Button.d.ts CHANGED Viewed

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import { NavigatorActions } from '../../types';
-import { Override } from '../../utilities';
+import { NavigatorActions } from '../../types/navigatorActions.types';
+import { Override } from '../../utilities/types';
 export declare const StyledButton: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
-}, "theme" | "size" | "appearance" | "isLoading" | "fullWidth"> & {
-    theme?: ("warning" | "success" | "neutral" | "primary" | "danger" | "secondary" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "warning" | "success" | "neutral" | "primary" | "danger" | "secondary">>) | undefined;
+}, "appearance" | "size" | "theme" | "isLoading" | "fullWidth"> & {
+    theme?: ("primary" | "neutral" | "success" | "warning" | "danger" | "secondary" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "primary" | "neutral" | "success" | "warning" | "danger" | "secondary">>) | undefined;
     appearance?: ("outline" | "solid" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "outline" | "solid">>) | undefined;
     size?: ("sm" | "md" | "lg" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xl">>) | undefined;
     isLoading?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.js","sources":["../../../src/components/button/Button.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Loader } from '~/components/loader'\nimport { styled } from '~/styled'\nimport { NavigatorActions } from '~/types'\nimport { Override } from '~/utilities'\nimport { getExternalAnchorProps } from '~/utilities/uri'\n\nexport const StyledButton = styled(\n 'button',\n {\n base: [\n 'items-center',\n 'bg-[unset]',\n 'rounded-md',\n 'cursor-pointer',\n 'flex',\n 'font-body',\n 'font-semibold',\n 'justify-center',\n 'no-underline',\n 'transition-all',\n 'duration-100',\n 'ease-out',\n 'whitespace-nowrap',\n 'w-max',\n 'disabled:cursor-not-allowed',\n 'disabled:opacity-30'\n ],\n variants: {\n theme: {\n primary: [\n '[--base:var(--color-primary-800)]',\n '[--interact:var(--color-primary-900)]',\n '[--active:var(--color-primary-1000)]'\n ],\n secondary: [\n '[--base:var(--color-primary-1000)]',\n '[--interact:var(--color-primary-1100)]',\n '[--active:var(--color-primary-1200)]'\n ],\n success: [\n '[--base:var(--color-success)]',\n '[--interact:var(--color-success-mid)]',\n '[--active:var(--color-success-dark)]'\n ],\n warning: [\n '[--base:var(--color-warning)]',\n '[--interact:var(--color-warning-mid)]',\n '[--active:var(--color-warning-dark)]',\n '[--text:var(--color-grey-800)]'\n ],\n danger: [\n '[--base:var(--color-danger)]',\n '[--interact:var(--color-danger-mid)]',\n '[--active:var(--color-danger-dark)]'\n ],\n neutral: [\n '[--base:white]',\n '[--interact:rgba(255,255,255,0.9)]',\n '[--active:rgba(255,255,255,0.75)]',\n '[--text:var(--color-primary-800)]'\n ]\n },\n appearance: {\n solid: [\n 'bg-(--base)',\n 'text-(--text,white)',\n 'disabled:opacity-30',\n 'disabled:cursor-not-allowed',\n 'not-disabled:hover:bg-(--interact)',\n 'not-disabled:hover:text-(--text,white)',\n 'not-disabled:focus:bg-(--interact)',\n 'not-disabled:focus:text-(--text,white)',\n 'not-disabled:active:bg-(--active)'\n ],\n outline: [\n 'border',\n 'border-current',\n 'text-(--base)',\n 'disabled:opacity-30',\n 'disabled:cursor-not-allowed',\n 'not-disabled:hover:no-underline',\n 'not-disabled:hover:text-(--interact)',\n 'not-disabled:focus:no-underline',\n 'not-disabled:focus:text-(--interact)',\n 'not-disabled:active:text-(--active)'\n ]\n },\n size: {\n sm: [\n 'text-sm',\n 'leading-[1.53]',\n 'h-8',\n 'px-4',\n 'gap-2',\n '[&_svg]:size-4'\n ],\n md: [\n 'text-md',\n 'leading-normal',\n 'h-10',\n 'px-8',\n 'gap-3',\n '[&_svg]:size-5'\n ],\n lg: [\n 'text-lg',\n 'leading-normal',\n 'h-12',\n 'px-8',\n 'gap-3',\n '[&_svg]:size-[22px]'\n ],\n xl: [\n 'text-lg',\n 'leading-normal',\n 'h-16',\n 'px-8',\n 'gap-3',\n '[&_svg]:size-[22px]'\n ]\n },\n isLoading: {\n true: ['cursor-not-allowed opacity-60 pointer-events-none']\n },\n fullWidth: {\n true: ['w-full'],\n false: ['w-max']\n }\n },\n defaultVariants: {\n appearance: 'solid',\n size: 'md',\n theme: 'primary'\n }\n },\n {\n enabledResponsiveVariants: true\n }\n)\n\nconst LoaderContentsWrapper = styled(\n 'span',\n {\n base: ['items-center', 'flex', 'justify-center', 'invisible'],\n variants: {\n size: {\n sm: ['gap-2'],\n md: ['gap-3'],\n lg: ['gap-3'],\n xl: ['gap-3']\n }\n },\n defaultVariants: {\n size: 'md'\n }\n },\n {\n enabledResponsiveVariants: true\n }\n)\n\nconst WithLoader = ({\n size,\n children\n}: React.ComponentProps<typeof LoaderContentsWrapper>) => (\n <>\n <Loader className=\"absolute\" />\n <LoaderContentsWrapper size={size}>{children}</LoaderContentsWrapper>\n </>\n)\n\ntype ButtonProps = Override<\n React.ComponentProps<typeof StyledButton>,\n {\n children: React.ReactNode\n href?: string\n isLoading?: boolean\n } & NavigatorActions\n>\n\nexport const Button = React.forwardRef<HTMLElement, ButtonProps>(\n (\n { children, as, href, isLoading = false, onClick, disabled, ...rest },\n ref\n ) => (\n <StyledButton\n as={as \|\| (href ? 'a' : undefined)}\n {...(!disabled && !isLoading && { href, onClick })}\n isLoading={isLoading}\n type={!href ? 'button' : undefined}\n disabled={disabled}\n {...rest}\n {...getExternalAnchorProps(href)}\n ref={ref as any}\n >\n {isLoading ? (\n <WithLoader size={rest.size}>{children}</WithLoader>\n ) : (\n children\n )}\n </StyledButton>\n )\n)\n\nButton.displayName = 'Button'\n"],"names":["StyledButton","styled","LoaderContentsWrapper","WithLoader","size","children","React","Loader","Button","as","href","isLoading","onClick","disabled","rest","ref","getExternalAnchorProps"],"mappings":"oLAQO,MAAMA,EAAeC,EAC1B,SACA,CACE,KAAM,CACJ,eACA,aACA,aACA,iBACA,OACA,YACA,gBACA,iBACA,eACA,iBACA,eACA,WACA,oBACA,QACA,8BACA,qBACF,EACA,SAAU,CACR,MAAO,CACL,QAAS,CACP,oCACA,wCACA,sCACF,EACA,UAAW,CACT,qCACA,yCACA,sCACF,EACA,QAAS,CACP,gCACA,wCACA,sCACF,EACA,QAAS,CACP,gCACA,wCACA,uCACA,gCACF,EACA,OAAQ,CACN,+BACA,uCACA,qCACF,EACA,QAAS,CACP,iBACA,qCACA,oCACA,mCACF,CACF,EACA,WAAY,CACV,MAAO,CACL,cACA,sBACA,sBACA,8BACA,qCACA,yCACA,qCACA,yCACA,mCACF,EACA,QAAS,CACP,SACA,iBACA,gBACA,sBACA,8BACA,kCACA,uCACA,kCACA,uCACA,qCACF,CACF,EACA,KAAM,CACJ,GAAI,CACF,UACA,iBACA,MACA,OACA,QACA,gBACF,EACA,GAAI,CACF,UACA,iBACA,OACA,OACA,QACA,gBACF,EACA,GAAI,CACF,UACA,iBACA,OACA,OACA,QACA,qBACF,EACA,GAAI,CACF,UACA,iBACA,OACA,OACA,QACA,qBACF,CACF,EACA,UAAW,CACT,KAAM,CAAC,mDAAmD,CAC5D,EACA,UAAW,CACT,KAAM,CAAC,QAAQ,EACf,MAAO,CAAC,OAAO,CACjB,CACF,EACA,gBAAiB,CACf,WAAY,QACZ,KAAM,KACN,MAAO,SACT,CACF,EACA,CACE,0BAA2B,EAC7B,CACF,EAEMC,EAAwBD,EAC5B,OACA,CACE,KAAM,CAAC,eAAgB,OAAQ,iBAAkB,WAAW,EAC5D,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,OAAO,EACZ,GAAI,CAAC,OAAO,EACZ,GAAI,CAAC,OAAO,EACZ,GAAI,CAAC,OAAO,CACd,CACF,EACA,gBAAiB,CACf,KAAM,IACR,CACF,EACA,CACE,0BAA2B,EAC7B,CACF,EAEME,EAAa,CAAC,CAClB,KAAAC,EACA,SAAAC,CACF,IACEC,EAAA,cAAAA,EAAA,SACEA,KAAAA,EAAA,cAACC,EAAA,CAAO,UAAU,UAAW,CAAA,EAC7BD,EAAA,cAACJ,EAAA,CAAsB,KAAME,CAAOC,EAAAA,CAAS,CAC/C,EAYWG,EAASF,EAAM,WAC1B,CACE,CAAE,SAAAD,EAAU,GAAAI,EAAI,KAAAC,EAAM,UAAAC,EAAY,GAAO,QAAAC,EAAS,SAAAC,EAAU,GAAGC,CAAK,EACpEC,IAEAT,EAAA,cAACN,EAAA,CACC,GAAIS,IAAOC,EAAO,IAAM,QACvB,GAAI,CAACG,GAAY,CAACF,GAAa,CAAE,KAAAD,EAAM,QAAAE,CAAQ,EAChD,UAAWD,EACX,KAAOD,EAAkB,OAAX,SACd,SAAUG,EACT,GAAGC,EACH,GAAGE,EAAuBN,CAAI,EAC/B,IAAKK,CAAAA,EAEJJ,EACCL,EAAA,cAACH,EAAA,CAAW,KAAMW,EAAK,MAAOT,CAAS,EAEvCA,CAEJ,CAEJ,EAEAG,EAAO,YAAc"}
1	+ {"version":3,"file":"Button.js","sources":["../../../src/components/button/Button.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Loader } from '~/components/loader/Loader'\nimport { styled } from '~/styled'\nimport { NavigatorActions } from '~/types/navigatorActions.types'\nimport { Override } from '~/utilities/types'\nimport { getExternalAnchorProps } from '~/utilities/uri'\n\nexport const StyledButton = styled(\n 'button',\n {\n base: [\n 'items-center',\n 'bg-[unset]',\n 'rounded-md',\n 'cursor-pointer',\n 'flex',\n 'font-body',\n 'font-semibold',\n 'justify-center',\n 'no-underline',\n 'transition-all',\n 'duration-100',\n 'ease-out',\n 'whitespace-nowrap',\n 'w-max',\n 'disabled:cursor-not-allowed',\n 'disabled:opacity-30'\n ],\n variants: {\n theme: {\n primary: [\n '[--base:var(--color-primary-800)]',\n '[--interact:var(--color-primary-900)]',\n '[--active:var(--color-primary-1000)]'\n ],\n secondary: [\n '[--base:var(--color-primary-1000)]',\n '[--interact:var(--color-primary-1100)]',\n '[--active:var(--color-primary-1200)]'\n ],\n success: [\n '[--base:var(--color-success)]',\n '[--interact:var(--color-success-mid)]',\n '[--active:var(--color-success-dark)]'\n ],\n warning: [\n '[--base:var(--color-warning)]',\n '[--interact:var(--color-warning-mid)]',\n '[--active:var(--color-warning-dark)]',\n '[--text:var(--color-grey-800)]'\n ],\n danger: [\n '[--base:var(--color-danger)]',\n '[--interact:var(--color-danger-mid)]',\n '[--active:var(--color-danger-dark)]'\n ],\n neutral: [\n '[--base:white]',\n '[--interact:rgba(255,255,255,0.9)]',\n '[--active:rgba(255,255,255,0.75)]',\n '[--text:var(--color-primary-800)]'\n ]\n },\n appearance: {\n solid: [\n 'bg-(--base)',\n 'text-(--text,white)',\n 'disabled:opacity-30',\n 'disabled:cursor-not-allowed',\n 'not-disabled:hover:bg-(--interact)',\n 'not-disabled:hover:text-(--text,white)',\n 'not-disabled:focus:bg-(--interact)',\n 'not-disabled:focus:text-(--text,white)',\n 'not-disabled:active:bg-(--active)'\n ],\n outline: [\n 'border',\n 'border-current',\n 'text-(--base)',\n 'disabled:opacity-30',\n 'disabled:cursor-not-allowed',\n 'not-disabled:hover:no-underline',\n 'not-disabled:hover:text-(--interact)',\n 'not-disabled:focus:no-underline',\n 'not-disabled:focus:text-(--interact)',\n 'not-disabled:active:text-(--active)'\n ]\n },\n size: {\n sm: [\n 'text-sm',\n 'leading-[1.53]',\n 'h-8',\n 'px-4',\n 'gap-2',\n '[&_svg]:size-4'\n ],\n md: [\n 'text-md',\n 'leading-normal',\n 'h-10',\n 'px-8',\n 'gap-3',\n '[&_svg]:size-5'\n ],\n lg: [\n 'text-lg',\n 'leading-normal',\n 'h-12',\n 'px-8',\n 'gap-3',\n '[&_svg]:size-[22px]'\n ],\n xl: [\n 'text-lg',\n 'leading-normal',\n 'h-16',\n 'px-8',\n 'gap-3',\n '[&_svg]:size-[22px]'\n ]\n },\n isLoading: {\n true: ['cursor-not-allowed opacity-60 pointer-events-none']\n },\n fullWidth: {\n true: ['w-full'],\n false: ['w-max']\n }\n },\n defaultVariants: {\n appearance: 'solid',\n size: 'md',\n theme: 'primary'\n }\n },\n {\n enabledResponsiveVariants: true\n }\n)\n\nconst LoaderContentsWrapper = styled(\n 'span',\n {\n base: ['items-center', 'flex', 'justify-center', 'invisible'],\n variants: {\n size: {\n sm: ['gap-2'],\n md: ['gap-3'],\n lg: ['gap-3'],\n xl: ['gap-3']\n }\n },\n defaultVariants: {\n size: 'md'\n }\n },\n {\n enabledResponsiveVariants: true\n }\n)\n\nconst WithLoader = ({\n size,\n children\n}: React.ComponentProps<typeof LoaderContentsWrapper>) => (\n <>\n <Loader className=\"absolute\" />\n <LoaderContentsWrapper size={size}>{children}</LoaderContentsWrapper>\n </>\n)\n\ntype ButtonProps = Override<\n React.ComponentProps<typeof StyledButton>,\n {\n children: React.ReactNode\n href?: string\n isLoading?: boolean\n } & NavigatorActions\n>\n\nexport const Button = React.forwardRef<HTMLElement, ButtonProps>(\n (\n { children, as, href, isLoading = false, onClick, disabled, ...rest },\n ref\n ) => (\n <StyledButton\n as={as \|\| (href ? 'a' : undefined)}\n {...(!disabled && !isLoading && { href, onClick })}\n isLoading={isLoading}\n type={!href ? 'button' : undefined}\n disabled={disabled}\n {...rest}\n {...getExternalAnchorProps(href)}\n ref={ref as any}\n >\n {isLoading ? (\n <WithLoader size={rest.size}>{children}</WithLoader>\n ) : (\n children\n )}\n </StyledButton>\n )\n)\n\nButton.displayName = 'Button'\n"],"names":["StyledButton","styled","LoaderContentsWrapper","WithLoader","size","children","React","Loader","Button","as","href","isLoading","onClick","disabled","rest","ref","getExternalAnchorProps"],"mappings":"oLAQO,MAAMA,EAAeC,EAC1B,SACA,CACE,KAAM,CACJ,eACA,aACA,aACA,iBACA,OACA,YACA,gBACA,iBACA,eACA,iBACA,eACA,WACA,oBACA,QACA,8BACA,qBACF,EACA,SAAU,CACR,MAAO,CACL,QAAS,CACP,oCACA,wCACA,sCACF,EACA,UAAW,CACT,qCACA,yCACA,sCACF,EACA,QAAS,CACP,gCACA,wCACA,sCACF,EACA,QAAS,CACP,gCACA,wCACA,uCACA,gCACF,EACA,OAAQ,CACN,+BACA,uCACA,qCACF,EACA,QAAS,CACP,iBACA,qCACA,oCACA,mCACF,CACF,EACA,WAAY,CACV,MAAO,CACL,cACA,sBACA,sBACA,8BACA,qCACA,yCACA,qCACA,yCACA,mCACF,EACA,QAAS,CACP,SACA,iBACA,gBACA,sBACA,8BACA,kCACA,uCACA,kCACA,uCACA,qCACF,CACF,EACA,KAAM,CACJ,GAAI,CACF,UACA,iBACA,MACA,OACA,QACA,gBACF,EACA,GAAI,CACF,UACA,iBACA,OACA,OACA,QACA,gBACF,EACA,GAAI,CACF,UACA,iBACA,OACA,OACA,QACA,qBACF,EACA,GAAI,CACF,UACA,iBACA,OACA,OACA,QACA,qBACF,CACF,EACA,UAAW,CACT,KAAM,CAAC,mDAAmD,CAC5D,EACA,UAAW,CACT,KAAM,CAAC,QAAQ,EACf,MAAO,CAAC,OAAO,CACjB,CACF,EACA,gBAAiB,CACf,WAAY,QACZ,KAAM,KACN,MAAO,SACT,CACF,EACA,CACE,0BAA2B,EAC7B,CACF,EAEMC,EAAwBD,EAC5B,OACA,CACE,KAAM,CAAC,eAAgB,OAAQ,iBAAkB,WAAW,EAC5D,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,OAAO,EACZ,GAAI,CAAC,OAAO,EACZ,GAAI,CAAC,OAAO,EACZ,GAAI,CAAC,OAAO,CACd,CACF,EACA,gBAAiB,CACf,KAAM,IACR,CACF,EACA,CACE,0BAA2B,EAC7B,CACF,EAEME,EAAa,CAAC,CAClB,KAAAC,EACA,SAAAC,CACF,IACEC,EAAA,cAAAA,EAAA,SACEA,KAAAA,EAAA,cAACC,EAAA,CAAO,UAAU,UAAW,CAAA,EAC7BD,EAAA,cAACJ,EAAA,CAAsB,KAAME,CAAOC,EAAAA,CAAS,CAC/C,EAYWG,EAASF,EAAM,WAC1B,CACE,CAAE,SAAAD,EAAU,GAAAI,EAAI,KAAAC,EAAM,UAAAC,EAAY,GAAO,QAAAC,EAAS,SAAAC,EAAU,GAAGC,CAAK,EACpEC,IAEAT,EAAA,cAACN,EAAA,CACC,GAAIS,IAAOC,EAAO,IAAM,QACvB,GAAI,CAACG,GAAY,CAACF,GAAa,CAAE,KAAAD,EAAM,QAAAE,CAAQ,EAChD,UAAWD,EACX,KAAOD,EAAkB,OAAX,SACd,SAAUG,EACT,GAAGC,EACH,GAAGE,EAAuBN,CAAI,EAC/B,IAAKK,CAAAA,EAEJJ,EACCL,EAAA,cAACH,EAAA,CAAW,KAAMW,EAAK,MAAOT,CAAS,EAEvCA,CAEJ,CAEJ,EAEAG,EAAO,YAAc"}

package/dist/components/calendar/Calendar.js CHANGED Viewed

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

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

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

package/dist/components/calendar/Day.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{styled as t}from"../../styled.js";const e=t("button",{base:["bg-transparent","border-none","rounded-full","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};
+import{styled as t}from"../../styled.js";const e=t("button",{base:["rounded-full","text-grey-900","cursor-pointer","font-body","text-sm","size-8","transition-all","duration-75","hover:bg-grey-200","active:bg-primary-800","active:text-white","focus:outline-2","focus:outline-offset-2","focus:outline-primary-800","focus:outline-solid","disabled:cursor-default","disabled:opacity-30"],variants:{isSelected:{true:["bg-primary-800","hover:bg-primary-800","text-white"]},isToday:{true:["bg-grey-200"]},isOutsideMonth:{true:["text-grey-600"]}}});export{e as Day};
 //# sourceMappingURL=Day.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Day.js","sources":["../../../src/components/calendar/Day.tsx"],"sourcesContent":["import { styled } from '~/styled'\n\nexport const Day = styled('button', {\n base: [\n '~~bg-transparent',\n 'border-none',\n '~~rounded-full',\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,~~eACA,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"}
1	+ {"version":3,"file":"Day.js","sources":["../../../src/components/calendar/Day.tsx"],"sourcesContent":["import { styled } from '~/styled'\n\nexport const Day = styled('button', {\n base: [\n 'rounded-full',\n 'text-grey-900',\n 'cursor-pointer',\n 'font-body',\n 'text-sm',\n 'size-8',\n 'transition-all',\n 'duration-75',\n 'hover:bg-grey-200',\n 'active:bg-primary-800',\n 'active:text-white',\n 'focus:outline-2',\n 'focus:outline-offset-2',\n 'focus:outline-primary-800',\n 'focus:outline-solid',\n 'disabled:cursor-default',\n 'disabled:opacity-30'\n ],\n variants: {\n isSelected: {\n true: ['bg-primary-800', 'hover:bg-primary-800', 'text-white']\n },\n isToday: {\n true: ['bg-grey-200']\n },\n isOutsideMonth: {\n true: ['text-grey-600']\n }\n }\n})\n"],"names":["Day","styled"],"mappings":"yCAEa,MAAAA,EAAMC,EAAO,SAAU,CAClC,KAAM,CACJ,eACA,gBACA,iBACA,YACA,UACA,SACA,iBACA,cACA,oBACA,wBACA,oBACA,kBACA,yBACA,4BACA,sBACA,0BACA,qBACF,EACA,SAAU,CACR,WAAY,CACV,KAAM,CAAC,iBAAkB,uBAAwB,YAAY,CAC/D,EACA,QAAS,CACP,KAAM,CAAC,aAAa,CACtB,EACA,eAAgB,CACd,KAAM,CAAC,eAAe,CACxB,CACF,CACF,CAAC"}

package/dist/components/carousel/Carousel.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { CarouselProvider } from 'pure-react-carousel';
 import * as React from 'react';
-import { CSSWrapper } from '../../utilities';
+import { CSSWrapper } from '../../utilities/css-wrapper/CSSWrapper';
 type CarouselProps = {
     slideHeight: number;
     slideWidth: number;

package/dist/components/carousel/Carousel.js CHANGED Viewed

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

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

	@@ -1 +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 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"}
1	+ {"version":3,"file":"Carousel.js","sources":["../../../src/components/carousel/Carousel.tsx"],"sourcesContent":["import { CarouselContext, CarouselProvider } from 'pure-react-carousel'\nimport * as React from 'react'\n\nimport { CSSWrapper } from '~/utilities/css-wrapper/CSSWrapper'\n\nimport { CarouselArrowNext, CarouselArrowPrevious } from './CarouselArrows'\nimport { CarouselPagination } from './CarouselPagination'\nimport { CarouselSlide } from './CarouselSlide'\nimport { CarouselSlider } from './CarouselSlider'\n\ntype CarouselProps = {\n slideHeight: number\n slideWidth: number\n numSlides: number\n}\n\nexport const CarouselComponent = ({\n children,\n className,\n slideHeight,\n slideWidth,\n numSlides,\n ...props\n}: CarouselProps &\n Omit<\n React.ComponentProps<typeof CarouselProvider>,\n 'naturalSlideWidth' \| 'naturalSlideHeight' \| 'totalSlides'\n > &\n React.ComponentProps<typeof CSSWrapper>) => (\n <CSSWrapper className={className}>\n <CarouselProvider\n naturalSlideWidth={slideWidth}\n naturalSlideHeight={slideHeight}\n totalSlides={numSlides}\n {...props}\n >\n {children}\n </CarouselProvider>\n </CSSWrapper>\n)\n\n/*\n Documentation about the hook usage\n * https://github.com/express-labs/pure-react-carousel#hooks-and-usecontext\n */\nexport const useCarousel = () => React.useContext(CarouselContext)\n\nexport const Carousel = Object.assign(CarouselComponent, {\n ArrowNext: CarouselArrowNext,\n ArrowPrevious: CarouselArrowPrevious,\n Pagination: CarouselPagination,\n Slide: CarouselSlide,\n Slider: CarouselSlider\n})\n\nCarouselComponent.displayName = 'Carousel'\n"],"names":["CarouselComponent","children","className","slideHeight","slideWidth","numSlides","props","React","CSSWrapper","CarouselProvider","useCarousel","CarouselContext","Carousel","CarouselArrowNext","CarouselArrowPrevious","CarouselPagination","CarouselSlide","CarouselSlider"],"mappings":"maAgBO,MAAMA,EAAoB,CAAC,CAChC,SAAAC,EACA,UAAAC,EACA,YAAAC,EACA,WAAAC,EACA,UAAAC,EACA,GAAGC,CACL,IAMEC,EAAA,cAACC,EAAA,CAAW,UAAWN,GACrBK,EAAA,cAACE,EAAA,CACC,kBAAmBL,EACnB,mBAAoBD,EACpB,YAAaE,EACZ,GAAGC,GAEHL,CACH,CACF,EAOWS,EAAc,IAAMH,EAAM,WAAWI,CAAe,EAEpDC,EAAW,OAAO,OAAOZ,EAAmB,CACvD,UAAWa,EACX,cAAeC,EACf,WAAYC,EACZ,MAAOC,EACP,OAAQC,CACV,CAAC,EAEDjB,EAAkB,YAAc"}

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

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

package/dist/components/carousel/CarouselPagination.js CHANGED Viewed

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

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

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

package/dist/components/carousel/CarouselSlider.js CHANGED Viewed

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

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

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

package/dist/components/checkbox/Checkbox.js CHANGED Viewed

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Checkbox.js","sources":["../../../src/components/checkbox/Checkbox.tsx"],"sourcesContent":["import { Minus, Ok } from '@atom-learning/icons'\nimport * as RadixCheckbox from '@radix-ui/react-checkbox'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\nimport { overrideStyledVariantValue } from '~/utilities/override-styled-variant-value/overrideStyledVariantValue'\n\nimport { Icon } from '../icon'\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:ease-in-out',\n 'not-disabled:before:opacity-0',\n 'not-disabled:before:rounded-[50%]',\n 'not-disabled:before:scale-0',\n 'not-disabled:before:transition-[opacity,scale]',\n 'not-disabled:hover:before:opacity-100',\n 'not-disabled:hover:before:scale-100',\n 'data-[state=checked]:bg-primary-800',\n 'data-[state=checked]:border-primary-800',\n 'data-[state=indeterminate]:bg-primary-800',\n 'data-[state=indeterminate]:border-primary-800',\n 'focus:-outline-offset-1',\n 'focus:outline-2',\n 'focus:outline-primary-800',\n 'focus:outline-solid',\n 'disabled:cursor-not-allowed',\n 'disabled:opacity-30'\n ],\n variants: {\n state: {\n error: ['border-danger']\n },\n size: {\n md: ['size-4'],\n lg: ['mt-px', 'size-6']\n }\n }\n})\n\nconst toIconSize = {\n md: 'sm',\n lg: 'sm'\n}\n\nexport const Checkbox = React.forwardRef<\n HTMLButtonElement,\n React.ComponentProps<typeof StyledCheckbox>\n>(({ size = 'md', checked, ...rest }, ref) => {\n const iconSize = React.useMemo(\n () => overrideStyledVariantValue(size, (s) => toIconSize[s]),\n [size]\n )\n\n return (\n <CheckboxContainer>\n <StyledCheckbox ref={ref} checked={checked} size={size} {...rest}>\n <CheckboxHitArea />\n <RadixCheckbox.Indicator asChild>\n <Icon\n is={checked === 'indeterminate' ? Minus : Ok}\n size={iconSize}\n className=\"stroke-3\"\n />\n </RadixCheckbox.Indicator>\n </StyledCheckbox>\n </CheckboxContainer>\n )\n})\n\nCheckbox.displayName = 'Checkbox'\n"],"names":["CheckboxContainer","styled","CheckboxHitArea","StyledCheckbox","RadixCheckbox","toIconSize","Checkbox","React","size","checked","rest","ref","iconSize","overrideStyledVariantValue","s","Icon","Minus","Ok"],"mappings":"iUASA,MAAMA,EAAoBC,EAAO,MAAO,CACtC,KAAM,CAAC,WAAY,KAAK,CAC1B,CAAC,EAEKC,EAAkBD,EAAO,MAAO,CACpC,KAAM,CAAC,WAAY,WAAY,YAAY,CAC7C,CAAC,EAEKE,EAAiBF,EAAOG,EAAc,KAAM,CAChD,KAAM,CACJ,kBACA,WACA,~~iBACA,~~SACA,kBACA,gBACA,aACA,WACA,iBACA,SACA,~~MACA,~~OACA,eACA,iBACA,iBACA,cACA,WACA,WACA,+BACA,2BACA,+BACA,qCACA,mCACA,mCACA,kCACA,gCACA,oCACA,8BACA,iDACA,wCACA,sCACA,sCACA,0CACA,4CACA,gDACA,0BACA,kBACA,4BACA,sBACA,8BACA,qBACF,EACA,SAAU,CACR,MAAO,CACL,MAAO,CAAC,eAAe,CACzB,EACA,KAAM,CACJ,GAAI,CAAC,QAAQ,EACb,GAAI,CAAC,QAAS,QAAQ,CACxB,CACF,CACF,CAAC,EAEKC,EAAa,CACjB,GAAI,KACJ,GAAI,IACN,EAEaC,EAAWC,EAAM,WAG5B,CAAC,CAAE,KAAAC,EAAO,KAAM,QAAAC,EAAS,GAAGC,CAAK,EAAGC,IAAQ,CAC5C,MAAMC,EAAWL,EAAM,QACrB,IAAMM,EAA2BL,EAAOM,GAAMT,EAAWS,CAAC,CAAC,EAC3D,CAACN,CAAI,CACP,EAEA,OACED,EAAA,cAACP,EAAA,KACCO,EAAA,cAACJ,EAAA,CAAe,IAAKQ,EAAK,QAASF,EAAS,KAAMD,EAAO,GAAGE,CAAAA,EAC1DH,EAAA,cAACL,EAAA,IAAgB,EACjBK,EAAA,cAACH,EAAc,UAAd,CAAwB,QAAO,EAC9BG,EAAAA,EAAA,cAACQ,EAAA,CACC,GAAIN,IAAY,gBAAkBO,EAAQC,EAC1C,KAAML,EACN,UAAU,UAAA,CACZ,CACF,CACF,CACF,CAEJ,CAAC,EAEDN,EAAS,YAAc"}
1	+ {"version":3,"file":"Checkbox.js","sources":["../../../src/components/checkbox/Checkbox.tsx"],"sourcesContent":["import { Minus, Ok } from '@atom-learning/icons'\nimport * as RadixCheckbox from '@radix-ui/react-checkbox'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\nimport { overrideStyledVariantValue } from '~/utilities/override-styled-variant-value/overrideStyledVariantValue'\n\nimport { Icon } from '../icon/Icon'\n\nconst CheckboxContainer = styled('div', {\n base: ['relative', 'z-1']\n})\n\nconst CheckboxHitArea = styled('div', {\n base: ['absolute', '-inset-3', 'opacity-50']\n})\n\nconst StyledCheckbox = styled(RadixCheckbox.Root, {\n base: [\n 'appearance-none',\n 'relative',\n 'border',\n 'border-grey-800',\n 'rounded-[3px]',\n 'text-white',\n 'bg-white',\n 'cursor-pointer',\n 'size-4',\n 'flex',\n 'items-center',\n 'justify-center',\n 'transition-all',\n 'duration-50',\n 'ease-out',\n 'shrink-0',\n 'not-disabled:before:-inset-2',\n 'not-disabled:before:-z-1',\n 'not-disabled:before:absolute',\n 'not-disabled:before:bg-primary-300',\n \"not-disabled:before:content-['']\",\n 'not-disabled:before:duration-125',\n 'not-disabled:before:ease-in-out',\n 'not-disabled:before:opacity-0',\n 'not-disabled:before:rounded-[50%]',\n 'not-disabled:before:scale-0',\n 'not-disabled:before:transition-[opacity,scale]',\n 'not-disabled:hover:before:opacity-100',\n 'not-disabled:hover:before:scale-100',\n 'data-[state=checked]:bg-primary-800',\n 'data-[state=checked]:border-primary-800',\n 'data-[state=indeterminate]:bg-primary-800',\n 'data-[state=indeterminate]:border-primary-800',\n 'focus:-outline-offset-1',\n 'focus:outline-2',\n 'focus:outline-primary-800',\n 'focus:outline-solid',\n 'disabled:cursor-not-allowed',\n 'disabled:opacity-30'\n ],\n variants: {\n state: {\n error: ['border-danger']\n },\n size: {\n md: ['size-4'],\n lg: ['mt-px', 'size-6']\n }\n }\n})\n\nconst toIconSize = {\n md: 'sm',\n lg: 'sm'\n}\n\nexport const Checkbox = React.forwardRef<\n HTMLButtonElement,\n React.ComponentProps<typeof StyledCheckbox>\n>(({ size = 'md', checked, ...rest }, ref) => {\n const iconSize = React.useMemo(\n () => overrideStyledVariantValue(size, (s) => toIconSize[s]),\n [size]\n )\n\n return (\n <CheckboxContainer>\n <StyledCheckbox ref={ref} checked={checked} size={size} {...rest}>\n <CheckboxHitArea />\n <RadixCheckbox.Indicator asChild>\n <Icon\n is={checked === 'indeterminate' ? Minus : Ok}\n size={iconSize}\n className=\"stroke-3\"\n />\n </RadixCheckbox.Indicator>\n </StyledCheckbox>\n </CheckboxContainer>\n )\n})\n\nCheckbox.displayName = 'Checkbox'\n"],"names":["CheckboxContainer","styled","CheckboxHitArea","StyledCheckbox","RadixCheckbox","toIconSize","Checkbox","React","size","checked","rest","ref","iconSize","overrideStyledVariantValue","s","Icon","Minus","Ok"],"mappings":"iUASA,MAAMA,EAAoBC,EAAO,MAAO,CACtC,KAAM,CAAC,WAAY,KAAK,CAC1B,CAAC,EAEKC,EAAkBD,EAAO,MAAO,CACpC,KAAM,CAAC,WAAY,WAAY,YAAY,CAC7C,CAAC,EAEKE,EAAiBF,EAAOG,EAAc,KAAM,CAChD,KAAM,CACJ,kBACA,WACA,SACA,kBACA,gBACA,aACA,WACA,iBACA,SACA,OACA,eACA,iBACA,iBACA,cACA,WACA,WACA,+BACA,2BACA,+BACA,qCACA,mCACA,mCACA,kCACA,gCACA,oCACA,8BACA,iDACA,wCACA,sCACA,sCACA,0CACA,4CACA,gDACA,0BACA,kBACA,4BACA,sBACA,8BACA,qBACF,EACA,SAAU,CACR,MAAO,CACL,MAAO,CAAC,eAAe,CACzB,EACA,KAAM,CACJ,GAAI,CAAC,QAAQ,EACb,GAAI,CAAC,QAAS,QAAQ,CACxB,CACF,CACF,CAAC,EAEKC,EAAa,CACjB,GAAI,KACJ,GAAI,IACN,EAEaC,EAAWC,EAAM,WAG5B,CAAC,CAAE,KAAAC,EAAO,KAAM,QAAAC,EAAS,GAAGC,CAAK,EAAGC,IAAQ,CAC5C,MAAMC,EAAWL,EAAM,QACrB,IAAMM,EAA2BL,EAAOM,GAAMT,EAAWS,CAAC,CAAC,EAC3D,CAACN,CAAI,CACP,EAEA,OACED,EAAA,cAACP,EAAA,KACCO,EAAA,cAACJ,EAAA,CAAe,IAAKQ,EAAK,QAASF,EAAS,KAAMD,EAAO,GAAGE,CAAAA,EAC1DH,EAAA,cAACL,EAAA,IAAgB,EACjBK,EAAA,cAACH,EAAc,UAAd,CAAwB,QAAO,EAC9BG,EAAAA,EAAA,cAACQ,EAAA,CACC,GAAIN,IAAY,gBAAkBO,EAAQC,EAC1C,KAAML,EACN,UAAU,UAAA,CACZ,CACF,CACF,CACF,CAEJ,CAAC,EAEDN,EAAS,YAAc"}

package/dist/components/checkbox-field/CheckboxField.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { Checkbox } from '../../components/checkbox';
-import { FieldElementWrapperProps } from '../../components/field-wrapper';
+import { Checkbox } from '../../components/checkbox/Checkbox';
+import { FieldElementWrapperProps } from '../../components/field-wrapper/FieldWrapper';
 export declare const CheckboxField: {
     ({ className, label, name, validation, description, defaultChecked, checked, onCheckedChange, ...remainingProps }: React.ComponentProps<typeof Checkbox> & FieldElementWrapperProps): React.JSX.Element;
     displayName: string;

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

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

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

	@@ -1 +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 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"}
1	+ {"version":3,"file":"CheckboxField.js","sources":["../../../src/components/checkbox-field/CheckboxField.tsx"],"sourcesContent":["import * as React from 'react'\nimport { useController, useFormContext } from 'react-hook-form'\n\nimport { Checkbox } from '~/components/checkbox/Checkbox'\nimport { FieldElementWrapperProps } from '~/components/field-wrapper/FieldWrapper'\nimport { InlineFieldWrapper } from '~/components/field-wrapper/InlineFieldWrapper'\nimport { useFieldError } from '~/components/form/useFieldError'\n\nenum CheckboxValue {\n ON = 'on',\n OFF = 'off'\n}\n\nexport const CheckboxField = ({\n className,\n label,\n name,\n validation,\n description,\n defaultChecked = false,\n checked,\n onCheckedChange,\n ...remainingProps\n}: React.ComponentProps<typeof Checkbox> & FieldElementWrapperProps) => {\n const { control } = useFormContext()\n const { error } = useFieldError(name)\n const {\n field: { ref, onChange, value: innerChecked, name: innerName }\n } = useController({\n name,\n control,\n rules: validation,\n defaultValue: defaultChecked\n })\n\n React.useEffect(() => {\n // Update the react-hook-form inner checked to match what is passed in.\n if (typeof checked !== 'undefined') onChange(checked)\n }, [checked])\n\n return (\n <InlineFieldWrapper\n className={className}\n description={description}\n error={error}\n label={label}\n required={Boolean(validation?.required)}\n >\n <Checkbox\n ref={ref}\n name={innerName}\n {...remainingProps}\n onCheckedChange={(newChecked) => {\n onChange(newChecked)\n onCheckedChange?.(newChecked)\n }}\n value={innerChecked ? CheckboxValue.ON : CheckboxValue.OFF}\n checked={innerChecked}\n {...(error && { state: 'error' })}\n />\n </InlineFieldWrapper>\n )\n}\n\nCheckboxField.displayName = 'CheckboxField'\n"],"names":["CheckboxValue","CheckboxField","className","label","name","validation","description","defaultChecked","checked","onCheckedChange","remainingProps","control","useFormContext","error","useFieldError","ref","onChange","innerChecked","innerName","useController","React","InlineFieldWrapper","Checkbox","newChecked"],"mappings":"oRAQA,IAAKA,OACHA,EAAA,GAAK,KACLA,EAAA,IAAM,MAFHA,IAAAA,GAAA,CAKE,CAAA,EAAA,MAAMC,EAAgB,CAAC,CAC5B,UAAAC,EACA,MAAAC,EACA,KAAAC,EACA,WAAAC,EACA,YAAAC,EACA,eAAAC,EAAiB,GACjB,QAAAC,EACA,gBAAAC,EACA,GAAGC,CACL,IAAwE,CACtE,KAAM,CAAE,QAAAC,CAAQ,EAAIC,EACd,EAAA,CAAE,MAAAC,CAAM,EAAIC,EAAcV,CAAI,EAC9B,CACJ,MAAO,CAAE,IAAAW,EAAK,SAAAC,EAAU,MAAOC,EAAc,KAAMC,CAAU,CAC/D,EAAIC,EAAc,CAChB,KAAAf,EACA,QAAAO,EACA,MAAON,EACP,aAAcE,CAChB,CAAC,EAED,OAAAa,EAAM,UAAU,IAAM,CAEhB,OAAOZ,EAAY,KAAaQ,EAASR,CAAO,CACtD,EAAG,CAACA,CAAO,CAAC,EAGVY,EAAA,cAACC,EAAA,CACC,UAAWnB,EACX,YAAaI,EACb,MAAOO,EACP,MAAOV,EACP,SAAU,CAAA,EAAQE,GAAA,MAAAA,EAAY,SAE9Be,EAAAA,EAAA,cAACE,EAAA,CACC,IAAKP,EACL,KAAMG,EACL,GAAGR,EACJ,gBAAkBa,GAAe,CAC/BP,EAASO,CAAU,EACnBd,GAAA,MAAAA,EAAkBc,EACpB,EACA,MAAON,EAAe,KAAmB,MACzC,QAASA,EACR,GAAIJ,GAAS,CAAE,MAAO,OAAQ,CAAA,CACjC,CACF,CAEJ,EAEAZ,EAAc,YAAc"}

package/dist/components/checkbox-group/CheckboxGroup.d.ts CHANGED Viewed

@@ -16,6 +16,12 @@ export declare const CheckboxGroup: (({ checked, defaultChecked, onCheckedChange
         onCheckedChange?: (newChecked: boolean) => void;
     }) => JSX.Element;
     AllItem: ({ onCheckedChange, title, ...rest }: {
+        required?: boolean | undefined;
+        content?: string | undefined | undefined;
+        size?: "md" | "lg" | undefined;
+        translate?: "yes" | "no" | undefined | undefined;
+        color?: string | undefined | undefined;
+        prefix?: string | undefined | undefined;
         children?: React.ReactNode;
         form?: string | undefined | undefined;
         slot?: string | undefined | undefined;
@@ -23,7 +29,6 @@ export declare const CheckboxGroup: (({ checked, defaultChecked, onCheckedChange
         title?: string | undefined | undefined;
         ref?: React.Ref<HTMLButtonElement> | undefined;
         className?: string | undefined | undefined;
-        color?: string | undefined | undefined;
         id?: string | undefined | undefined;
         lang?: string | undefined | undefined;
         name?: string | undefined | undefined;
@@ -247,7 +252,7 @@ export declare const CheckboxGroup: (({ checked, defaultChecked, onCheckedChange
         suppressHydrationWarning?: boolean | undefined | undefined;
         accessKey?: string | undefined | undefined;
         autoFocus?: boolean | undefined | undefined;
-        contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
+        contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
         contextMenu?: string | undefined | undefined;
         dir?: string | undefined | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
@@ -255,13 +260,10 @@ export declare const CheckboxGroup: (({ checked, defaultChecked, onCheckedChange
         nonce?: string | undefined | undefined;
         placeholder?: string | undefined | undefined;
         spellCheck?: (boolean | "true" | "false") | undefined;
-        translate?: "yes" | "no" | undefined | undefined;
         radioGroup?: string | undefined | undefined;
         about?: string | undefined | undefined;
-        content?: string | undefined | undefined;
         datatype?: string | undefined | undefined;
         inlist?: any;
-        prefix?: string | undefined | undefined;
         property?: string | undefined | undefined;
         rel?: string | undefined | undefined;
         resource?: string | undefined | undefined;
@@ -281,16 +283,14 @@ export declare const CheckboxGroup: (({ checked, defaultChecked, onCheckedChange
         unselectable?: "on" | "off" | undefined | undefined;
         inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
         is?: string | undefined | undefined;
-        as?: React.ElementType | undefined;
         disabled?: boolean | undefined | undefined;
+        value?: string | number | readonly string[] | undefined;
+        as?: React.ElementType | undefined;
         formAction?: string | undefined | undefined;
         formEncType?: string | undefined | undefined;
         formMethod?: string | undefined | undefined;
         formNoValidate?: boolean | undefined | undefined;
         formTarget?: string | undefined | undefined;
-        value?: string | number | readonly string[] | undefined;
-        required?: boolean | undefined;
-        size?: "md" | "lg" | undefined;
         asChild?: boolean | undefined;
         state?: "error" | undefined;
         onCheckedChange?: ((checked: import("@radix-ui/react-checkbox").CheckedState) => void) | undefined;

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

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

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

	@@ -1 +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 {~~\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"}
1	+ {"version":3,"file":"CheckboxGroup.js","sources":["../../../src/components/checkbox-group/CheckboxGroup.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport * as React from 'react'\n\nimport type { CheckboxGroupItemValue } from './CheckboxGroup.types'\nimport { CheckboxGroupAllItem } from './CheckboxGroupAllItem'\nimport { CheckboxGroupItem } from './CheckboxGroupItem'\nimport { CheckboxGroupSub } from './CheckboxGroupSub'\nimport { CheckboxGroupCheckedProvider } from './context/CheckboxGroupChecked.context'\nimport { CheckboxGroupMountedProvider } from './context/CheckboxGroupMounted.context'\n\ntype CheckboxGroupRootProps = Omit<\n React.HTMLAttributes<HTMLDivElement>,\n 'defaultChecked'\n> & {\n checked?: CheckboxGroupItemValue[]\n onCheckedChange?: (checked: CheckboxGroupItemValue[]) => void\n defaultChecked?: CheckboxGroupItemValue[]\n asChild?: boolean\n}\n\nconst CheckboxGroupRoot = ({\n checked,\n defaultChecked,\n onCheckedChange,\n asChild = false,\n ...rest\n}: CheckboxGroupRootProps) => {\n const Component = asChild ? Slot : 'div'\n\n return (\n <CheckboxGroupCheckedProvider\n checked={checked}\n defaultChecked={defaultChecked}\n onCheckedChange={onCheckedChange}\n >\n <CheckboxGroupMountedProvider>\n <Component {...rest} />\n </CheckboxGroupMountedProvider>\n </CheckboxGroupCheckedProvider>\n )\n}\n\nexport const CheckboxGroup = Object.assign(CheckboxGroupRoot, {\n Item: CheckboxGroupItem,\n AllItem: CheckboxGroupAllItem,\n Sub: CheckboxGroupSub\n})\n"],"names":["CheckboxGroupRoot","checked","defaultChecked","onCheckedChange","asChild","rest","React","CheckboxGroupCheckedProvider","CheckboxGroupMountedProvider","Slot","CheckboxGroup","CheckboxGroupItem","CheckboxGroupAllItem","CheckboxGroupSub"],"mappings":"2aAoBA,MAAMA,EAAoB,CAAC,CACzB,QAAAC,EACA,eAAAC,EACA,gBAAAC,EACA,QAAAC,EAAU,GACV,GAAGC,CACL,IAIIC,EAAA,cAACC,EAAA,CACC,QAASN,EACT,eAAgBC,EAChB,gBAAiBC,GAEjBG,EAAA,cAACE,EAAA,KACCF,EAAA,cATYF,EAAUK,EAAO,MAS5B,CAAW,GAAGJ,CAAM,CAAA,CACvB,CACF,EAISK,EAAgB,OAAO,OAAOV,EAAmB,CAC5D,KAAMW,EACN,QAASC,EACT,IAAKC,CACP,CAAC"}

package/dist/components/checkbox-group/CheckboxGroup.types.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
 import * as React from 'react';
-import { Checkbox } from '../checkbox';
+import { Checkbox } from '../checkbox/Checkbox';
 export type CheckboxGroupItemValue = React.ComponentProps<typeof Checkbox>['value'];

package/dist/components/checkbox-group/CheckboxGroupAllItem.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Checkbox } from '../checkbox';
+import { Checkbox } from '../checkbox/Checkbox';
 type CheckboxGroupAllItemProps = Omit<React.ComponentProps<typeof Checkbox>, 'checked' | 'defaultChecked'>;
 export declare const CheckboxGroupAllItem: ({ onCheckedChange, title, ...rest }: CheckboxGroupAllItemProps) => JSX.Element;
 export {};

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

@@ -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{CheckboxGroupCheckedContext as i}from"./context/CheckboxGroupChecked.context.js";import{CheckboxGroupMountedContext as k}from"./context/CheckboxGroupMounted.context.js";const a=({onCheckedChange:r,title:c="all",...h})=>{const{checked:o,handleItemCheckedChange:l}=n.useContext(i),{mounted:t}=n.useContext(k),C=e=>{t.forEach(d=>{l(e,d)}),r==null||r(e)},m=!o.length||!t.length?!1:t.every(e=>o.includes(e))?!0:t.some(e=>o.includes(e))?"indeterminate":!1;return n.createElement(u,{onCheckedChange:C,checked:m,title:c,...h})};export{a as CheckboxGroupAllItem};
 //# sourceMappingURL=CheckboxGroupAllItem.js.map

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

	@@ -1 +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,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"}
1	+ {"version":3,"file":"CheckboxGroupAllItem.js","sources":["../../../src/components/checkbox-group/CheckboxGroupAllItem.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Checkbox } from '../checkbox/Checkbox'\nimport { CheckboxGroupCheckedContext } from './context/CheckboxGroupChecked.context'\nimport { CheckboxGroupMountedContext } from './context/CheckboxGroupMounted.context'\n\ntype CheckboxGroupAllItemProps = Omit<\n React.ComponentProps<typeof Checkbox>,\n 'checked' \| 'defaultChecked'\n>\n\nexport const CheckboxGroupAllItem = ({\n onCheckedChange,\n title = 'all',\n ...rest\n}: CheckboxGroupAllItemProps): JSX.Element => {\n const {\n checked: checkedItems,\n handleItemCheckedChange: handleItemCheckedChangeContext\n } = React.useContext(CheckboxGroupCheckedContext)\n const { mounted: mountedItems } = React.useContext(\n CheckboxGroupMountedContext\n )\n\n const handleItemCheckedChange = (newChecked) => {\n mountedItems.forEach((value) => {\n handleItemCheckedChangeContext(newChecked, value)\n })\n onCheckedChange?.(newChecked)\n }\n\n const isAllChecked = (() => {\n if (!checkedItems.length \|\| !mountedItems.length) return false\n\n if (mountedItems.every((mountedItem) => checkedItems.includes(mountedItem)))\n return true\n\n if (mountedItems.some((mountedItem) => checkedItems.includes(mountedItem)))\n return 'indeterminate'\n\n return false\n })()\n\n return (\n <Checkbox\n onCheckedChange={handleItemCheckedChange}\n checked={isAllChecked}\n title={title}\n {...rest}\n />\n )\n}\n"],"names":["CheckboxGroupAllItem","onCheckedChange","title","rest","checkedItems","handleItemCheckedChangeContext","React","CheckboxGroupCheckedContext","mountedItems","CheckboxGroupMountedContext","handleItemCheckedChange","newChecked","value","isAllChecked","mountedItem","Checkbox"],"mappings":"2PAWa,MAAAA,EAAuB,CAAC,CACnC,gBAAAC,EACA,MAAAC,EAAQ,MACR,GAAGC,CACL,IAA8C,CAC5C,KAAM,CACJ,QAASC,EACT,wBAAyBC,CAC3B,EAAIC,EAAM,WAAWC,CAA2B,EAC1C,CAAE,QAASC,CAAa,EAAIF,EAAM,WACtCG,CACF,EAEMC,EAA2BC,GAAe,CAC9CH,EAAa,QAASI,GAAU,CAC9BP,EAA+BM,EAAYC,CAAK,CAClD,CAAC,EACDX,GAAA,MAAAA,EAAkBU,CAAAA,CACpB,EAEME,EACA,CAACT,EAAa,QAAU,CAACI,EAAa,OAAe,GAErDA,EAAa,MAAOM,GAAgBV,EAAa,SAASU,CAAW,CAAC,EACjE,GAELN,EAAa,KAAMM,GAAgBV,EAAa,SAASU,CAAW,CAAC,EAChE,gBAEF,GAGT,OACER,EAAA,cAACS,EAAA,CACC,gBAAiBL,EACjB,QAASG,EACT,MAAOX,EACN,GAAGC,CAAAA,CACN,CAEJ"}

package/dist/components/checkbox-group/CheckboxGroupItem.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Checkbox } from '../checkbox';
+import { Checkbox } from '../checkbox/Checkbox';
 type CheckboxGroupItemProps = Omit<React.ComponentProps<typeof Checkbox>, 'onCheckedChange' | 'checked' | 'defaultChecked'> & {
     onCheckedChange?: (newChecked: boolean) => void;
 };

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

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

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

	@@ -1 +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,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,~~CAAAA~~,~~CACpB,~~EAEA,OAAAL,EAAM,UAAU,KACdE,EAAwB,GAAMR,CAAK,EAC5B,IAAM,CACXQ,EAAwB,GAAOR,CAAK,CACtC,GACC,CAACQ,EAAyBR,CAAK,CAAC,EAGjCM,EAAA,cAACM,EAAA,CACC,gBAAiBF,EACjB,QAASN,EAAa,SAASJ,CAAK,EACpC,MAAOC,GAAS,OAAOD,CAAK,EAC3B,GAAGG,CAAAA,CACN,CAEJ"}
1	+ {"version":3,"file":"CheckboxGroupItem.js","sources":["../../../src/components/checkbox-group/CheckboxGroupItem.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Checkbox } from '../checkbox/Checkbox'\nimport { CheckboxGroupCheckedContext } from './context/CheckboxGroupChecked.context'\nimport { CheckboxGroupMountedContext } from './context/CheckboxGroupMounted.context'\n\ntype CheckboxGroupItemProps = Omit<\n React.ComponentProps<typeof Checkbox>,\n 'onCheckedChange' \| 'checked' \| 'defaultChecked'\n> & {\n onCheckedChange?: (newChecked: boolean) => void\n}\n\nexport const CheckboxGroupItem = ({\n value,\n title,\n onCheckedChange,\n ...rest\n}: CheckboxGroupItemProps): JSX.Element => {\n const {\n checked: checkedItems,\n handleItemCheckedChange: handleItemCheckedChangeContext\n } = React.useContext(CheckboxGroupCheckedContext)\n const { handleItemMountedChange } = React.useContext(\n CheckboxGroupMountedContext\n )\n\n const handleItemCheckedChange = (newChecked) => {\n handleItemCheckedChangeContext(newChecked, value)\n onCheckedChange?.(newChecked)\n }\n\n React.useEffect(() => {\n handleItemMountedChange(true, value)\n return () => {\n handleItemMountedChange(false, value)\n }\n }, [handleItemMountedChange, value])\n\n return (\n <Checkbox\n onCheckedChange={handleItemCheckedChange}\n checked={checkedItems.includes(value)}\n title={title ?? String(value)}\n {...rest}\n />\n )\n}\n"],"names":["CheckboxGroupItem","value","title","onCheckedChange","rest","checkedItems","handleItemCheckedChangeContext","React","CheckboxGroupCheckedContext","handleItemMountedChange","CheckboxGroupMountedContext","handleItemCheckedChange","newChecked","Checkbox"],"mappings":"2PAaa,MAAAA,EAAoB,CAAC,CAChC,MAAAC,EACA,MAAAC,EACA,gBAAAC,EACA,GAAGC,CACL,IAA2C,CACzC,KAAM,CACJ,QAASC,EACT,wBAAyBC,CAC3B,EAAIC,EAAM,WAAWC,CAA2B,EAC1C,CAAE,wBAAAC,CAAwB,EAAIF,EAAM,WACxCG,CACF,EAEMC,EAA2BC,GAAe,CAC9CN,EAA+BM,EAAYX,CAAK,EAChDE,GAAA,MAAAA,EAAkBS,EACpB,EAEA,OAAAL,EAAM,UAAU,KACdE,EAAwB,GAAMR,CAAK,EAC5B,IAAM,CACXQ,EAAwB,GAAOR,CAAK,CACtC,GACC,CAACQ,EAAyBR,CAAK,CAAC,EAGjCM,EAAA,cAACM,EAAA,CACC,gBAAiBF,EACjB,QAASN,EAAa,SAASJ,CAAK,EACpC,MAAOC,GAAS,OAAOD,CAAK,EAC3B,GAAGG,CAAAA,CACN,CAEJ"}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"CheckboxGroupSub.js","sources":["../../../src/components/checkbox-group/CheckboxGroupSub.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport * as React from 'react'\n\nimport { CheckboxGroupMountedProvider } from './~~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"}
1	+ {"version":3,"file":"CheckboxGroupSub.js","sources":["../../../src/components/checkbox-group/CheckboxGroupSub.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport * as React from 'react'\n\nimport { CheckboxGroupMountedProvider } from './context/CheckboxGroupMounted.context'\n\ntype CheckboxGroupSubProps = React.HTMLAttributes<HTMLDivElement> & {\n asChild?: boolean\n}\n\nexport const CheckboxGroupSub = ({\n asChild = false,\n ...rest\n}: CheckboxGroupSubProps): JSX.Element => {\n const Component = asChild ? Slot : 'div'\n\n return (\n <CheckboxGroupMountedProvider>\n <Component {...rest} />\n </CheckboxGroupMountedProvider>\n )\n}\n"],"names":["CheckboxGroupSub","asChild","rest","React","CheckboxGroupMountedProvider","Slot"],"mappings":"6JASO,MAAMA,EAAmB,CAAC,CAC/B,QAAAC,EAAU,GACV,GAAGC,CACL,IAIIC,EAAA,cAACC,EAAA,KACCD,EAAA,cAJcF,EAAUI,EAAO,MAI9B,CAAW,GAAGH,EAAM,CACvB"}