@atom-learning/components 6.0.0-beta.0 → 6.0.0-beta.10

package/dist/components/calendar/constants.d.ts

@@ -0,0 +1,9 @@
+export declare const monthNamesShort: string[];
+export declare const weekdayNamesShort: string[];
+export declare const DEFAULT_LABELS: {
+    open: string;
+    next: string;
+    previous: string;
+    nextYear: string;
+    previousYear: string;
+};

package/dist/components/calendar/index.d.ts

@@ -0,0 +1 @@
+export { Calendar } from './Calendar';

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

@@ -0,0 +1,42 @@
+import { CarouselProvider } from 'pure-react-carousel';
+import * as React from 'react';
+import { CSSWrapper } from '../../utilities';
+type CarouselProps = {
+    slideHeight: number;
+    slideWidth: number;
+    numSlides: number;
+};
+export declare const CarouselComponent: {
+    ({ children, className, slideHeight, slideWidth, numSlides, ...props }: CarouselProps & Omit<React.ComponentProps<typeof CarouselProvider>, "naturalSlideWidth" | "naturalSlideHeight" | "totalSlides"> & React.ComponentProps<typeof CSSWrapper>): React.JSX.Element;
+    displayName: string;
+};
+/**
+ * Documentation about the hook usage
+ * https://github.com/express-labs/pure-react-carousel#hooks-and-usecontext
+ */
+export declare const useCarousel: () => import("pure-react-carousel").CarouselStoreInterface;
+export declare const Carousel: {
+    ({ children, className, slideHeight, slideWidth, numSlides, ...props }: CarouselProps & Omit<React.ComponentProps<typeof CarouselProvider>, "naturalSlideWidth" | "naturalSlideHeight" | "totalSlides"> & React.ComponentProps<typeof CSSWrapper>): React.JSX.Element;
+    displayName: string;
+} & {
+    ArrowNext: (props: React.ComponentProps<React.ForwardRefExoticComponent<Omit<Omit<import("pure-react-carousel").ButtonNextProps & React.RefAttributes<React.Component<import("pure-react-carousel").ButtonNextProps, any, any>>, never> & {
+        as?: React.ElementType;
+    }, "ref"> & React.RefAttributes<React.Component<import("pure-react-carousel").ButtonNextProps, any, any>>>>) => React.JSX.Element;
+    ArrowPrevious: (props: React.ComponentProps<React.ForwardRefExoticComponent<Omit<Omit<import("pure-react-carousel").ButtonBackProps & React.RefAttributes<React.Component<import("pure-react-carousel").ButtonBackProps, any, any>>, never> & {
+        as?: React.ElementType;
+    }, "ref"> & React.RefAttributes<React.Component<import("pure-react-carousel").ButtonBackProps, any, any>>>>) => React.JSX.Element;
+    Pagination: React.ForwardRefExoticComponent<Omit<Omit<import("pure-react-carousel").DotGroupProps & React.RefAttributes<React.Component<import("pure-react-carousel").DotGroupProps, any, any>>, never> & {
+        as?: React.ElementType;
+    }, "ref"> & React.RefAttributes<React.Component<import("pure-react-carousel").DotGroupProps, any, any>>>;
+    Slide: ({ children, ...remainingProps }: React.ComponentProps<React.ComponentClass<import("pure-react-carousel").SlideProps, any> | React.FunctionComponent<import("pure-react-carousel").SlideProps>> & {
+        index: number;
+    }) => React.JSX.Element;
+    Slider: React.ForwardRefExoticComponent<Omit<(import("pure-react-carousel").SliderProps & React.RefAttributes<React.Component<import("pure-react-carousel").SliderProps, any, any>>) | (import("pure-react-carousel").SliderProps & {
+        children?: React.ReactNode | undefined;
+    }), "overflow"> & {
+        overflow?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
+    } & {
+        as?: React.ElementType;
+    } & React.RefAttributes<never>>;
+};
+export {};

package/dist/components/carousel/CarouselArrows.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+declare const StyledButtonBack: React.ForwardRefExoticComponent<Omit<Omit<import("pure-react-carousel").ButtonBackProps & React.RefAttributes<React.Component<import("pure-react-carousel").ButtonBackProps, any, any>>, never> & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<React.Component<import("pure-react-carousel").ButtonBackProps, any, any>>>;
+declare const StyledButtonNext: React.ForwardRefExoticComponent<Omit<Omit<import("pure-react-carousel").ButtonNextProps & React.RefAttributes<React.Component<import("pure-react-carousel").ButtonNextProps, any, any>>, never> & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<React.Component<import("pure-react-carousel").ButtonNextProps, any, any>>>;
+export declare const CarouselArrowPrevious: (props: React.ComponentProps<typeof StyledButtonBack>) => React.JSX.Element;
+export declare const CarouselArrowNext: (props: React.ComponentProps<typeof StyledButtonNext>) => React.JSX.Element;
+export {};

package/dist/components/carousel/CarouselPagination.d.ts

@@ -0,0 +1,3 @@
+export declare const CarouselPagination: import("react").ForwardRefExoticComponent<Omit<Omit<import("pure-react-carousel").DotGroupProps & import("react").RefAttributes<import("react").Component<import("pure-react-carousel").DotGroupProps, any, any>>, never> & {
+    as?: import("react").ElementType;
+}, "ref"> & import("react").RefAttributes<import("react").Component<import("pure-react-carousel").DotGroupProps, any, any>>>;

package/dist/components/carousel/CarouselSlide.d.ts

@@ -0,0 +1,5 @@
+import { Slide as BaseSlide } from 'pure-react-carousel';
+import * as React from 'react';
+export declare const CarouselSlide: ({ children, ...remainingProps }: React.ComponentProps<typeof BaseSlide> & {
+    index: number;
+}) => React.JSX.Element;

package/dist/components/carousel/CarouselSlider.d.ts

@@ -0,0 +1,7 @@
+export declare const CarouselSlider: import("react").ForwardRefExoticComponent<Omit<(import("pure-react-carousel").SliderProps & import("react").RefAttributes<import("react").Component<import("pure-react-carousel").SliderProps, any, any>>) | (import("pure-react-carousel").SliderProps & {
+    children?: import("react").ReactNode | undefined;
+}), "overflow"> & {
+    overflow?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
+} & {
+    as?: import("react").ElementType;
+} & import("react").RefAttributes<never>>;

package/dist/components/carousel/index.d.ts

@@ -0,0 +1 @@
+export { Carousel, useCarousel } from './Carousel';

package/dist/components/checkbox/Checkbox.d.ts

@@ -0,0 +1,8 @@
+import * as RadixCheckbox from '@radix-ui/react-checkbox';
+import * as React from 'react';
+export declare const Checkbox: React.ForwardRefExoticComponent<Omit<Omit<Omit<RadixCheckbox.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "size" | "state"> & {
+    state?: ("error" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "error">>) | undefined;
+    size?: ("md" | "lg" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "md" | "lg">>) | undefined;
+} & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/checkbox/Checkbox.js

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

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

@@ -0,0 +1 @@
+export { Checkbox } from './Checkbox';

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { Checkbox } from '../../components/checkbox';
+import { FieldElementWrapperProps } from '../../components/field-wrapper';
+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/index.d.ts

@@ -0,0 +1 @@
+export { CheckboxField } from './CheckboxField';

package/dist/components/checkbox-group/CheckboxGroup.context.d.ts

@@ -0,0 +1,2 @@
+export { CheckboxGroupMountedContext, CheckboxGroupMountedProvider } from './context/CheckboxGroupMounted.context';
+export { CheckboxGroupCheckedContext, CheckboxGroupCheckedProvider } from './context/CheckboxGroupChecked.context';

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

@@ -0,0 +1,302 @@
+import * as React from 'react';
+import type { CheckboxGroupItemValue } from './CheckboxGroup.types';
+type CheckboxGroupRootProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'defaultChecked'> & {
+    checked?: CheckboxGroupItemValue[];
+    onCheckedChange?: (checked: CheckboxGroupItemValue[]) => void;
+    defaultChecked?: CheckboxGroupItemValue[];
+    asChild?: boolean;
+};
+export declare const CheckboxGroup: (({ checked, defaultChecked, onCheckedChange, asChild, ...rest }: CheckboxGroupRootProps) => React.JSX.Element) & {
+    Item: ({ value, title, onCheckedChange, ...rest }: Omit<Omit<Omit<Omit<import("@radix-ui/react-checkbox").CheckboxProps & React.RefAttributes<HTMLButtonElement>, "size" | "state"> & {
+        state?: ("error" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "error">>) | undefined;
+        size?: ("md" | "lg" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "md" | "lg">>) | undefined;
+    } & {
+        as?: React.ElementType;
+    }, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>, "defaultChecked" | "checked" | "onCheckedChange"> & {
+        onCheckedChange?: (newChecked: boolean) => void;
+    }) => JSX.Element;
+    AllItem: ({ onCheckedChange, title, ...rest }: {
+        children?: React.ReactNode;
+        form?: string | undefined | undefined;
+        slot?: string | undefined | undefined;
+        style?: React.CSSProperties | undefined;
+        title?: string | undefined | undefined;
+        value?: string | number | readonly string[] | 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;
+        type?: "submit" | "reset" | "button" | undefined | undefined;
+        role?: React.AriaRole | undefined;
+        tabIndex?: number | undefined | undefined;
+        "aria-activedescendant"?: string | undefined | undefined;
+        "aria-atomic"?: (boolean | "true" | "false") | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
+        "aria-busy"?: (boolean | "true" | "false") | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+        "aria-colcount"?: number | undefined | undefined;
+        "aria-colindex"?: number | undefined | undefined;
+        "aria-colspan"?: number | undefined | undefined;
+        "aria-controls"?: string | undefined | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
+        "aria-describedby"?: string | undefined | undefined;
+        "aria-details"?: string | undefined | undefined;
+        "aria-disabled"?: (boolean | "true" | "false") | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
+        "aria-errormessage"?: string | undefined | undefined;
+        "aria-expanded"?: (boolean | "true" | "false") | undefined;
+        "aria-flowto"?: string | undefined | undefined;
+        "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
+        "aria-hidden"?: (boolean | "true" | "false") | undefined;
+        "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
+        "aria-keyshortcuts"?: string | undefined | undefined;
+        "aria-label"?: string | undefined | undefined;
+        "aria-labelledby"?: string | undefined | undefined;
+        "aria-level"?: number | undefined | undefined;
+        "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
+        "aria-modal"?: (boolean | "true" | "false") | undefined;
+        "aria-multiline"?: (boolean | "true" | "false") | undefined;
+        "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+        "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
+        "aria-owns"?: string | undefined | undefined;
+        "aria-placeholder"?: string | undefined | undefined;
+        "aria-posinset"?: number | undefined | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+        "aria-readonly"?: (boolean | "true" | "false") | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
+        "aria-required"?: (boolean | "true" | "false") | undefined;
+        "aria-roledescription"?: string | undefined | undefined;
+        "aria-rowcount"?: number | undefined | undefined;
+        "aria-rowindex"?: number | undefined | undefined;
+        "aria-rowspan"?: number | undefined | undefined;
+        "aria-selected"?: (boolean | "true" | "false") | undefined;
+        "aria-setsize"?: number | undefined | undefined;
+        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
+        "aria-valuemax"?: number | undefined | undefined;
+        "aria-valuemin"?: number | undefined | undefined;
+        "aria-valuenow"?: number | undefined | undefined;
+        "aria-valuetext"?: string | undefined | undefined;
+        dangerouslySetInnerHTML?: {
+            __html: string | TrustedHTML;
+        } | undefined | undefined;
+        onCopy?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
+        onCopyCapture?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
+        onCut?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
+        onCutCapture?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
+        onPaste?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
+        onPasteCapture?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
+        onCompositionEnd?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
+        onCompositionEndCapture?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
+        onCompositionStart?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
+        onCompositionStartCapture?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
+        onCompositionUpdate?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
+        onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
+        onFocus?: React.FocusEventHandler<HTMLButtonElement> | undefined;
+        onFocusCapture?: React.FocusEventHandler<HTMLButtonElement> | undefined;
+        onBlur?: React.FocusEventHandler<HTMLButtonElement> | undefined;
+        onBlurCapture?: React.FocusEventHandler<HTMLButtonElement> | undefined;
+        onChange?: React.FormEventHandler<HTMLButtonElement> | undefined;
+        onChangeCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
+        onBeforeInput?: React.FormEventHandler<HTMLButtonElement> | undefined;
+        onBeforeInputCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
+        onInput?: React.FormEventHandler<HTMLButtonElement> | undefined;
+        onInputCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
+        onReset?: React.FormEventHandler<HTMLButtonElement> | undefined;
+        onResetCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
+        onSubmit?: React.FormEventHandler<HTMLButtonElement> | undefined;
+        onSubmitCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
+        onInvalid?: React.FormEventHandler<HTMLButtonElement> | undefined;
+        onInvalidCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
+        onLoad?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onLoadCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onError?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onErrorCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onKeyDown?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
+        onKeyDownCapture?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
+        onKeyPress?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
+        onKeyPressCapture?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
+        onKeyUp?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
+        onKeyUpCapture?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
+        onAbort?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onAbortCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onCanPlay?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onCanPlayCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onCanPlayThrough?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onCanPlayThroughCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onDurationChange?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onDurationChangeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onEmptied?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onEmptiedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onEncrypted?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onEncryptedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onEnded?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onEndedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onLoadedData?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onLoadedDataCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onLoadedMetadata?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onLoadedMetadataCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onLoadStart?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onLoadStartCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onPause?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onPauseCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onPlay?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onPlayCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onPlaying?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onPlayingCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onProgress?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onProgressCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onRateChange?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onRateChangeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onSeeked?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onSeekedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onSeeking?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onSeekingCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onStalled?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onStalledCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onSuspend?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onSuspendCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onTimeUpdate?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onTimeUpdateCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onVolumeChange?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onVolumeChangeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onWaiting?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onWaitingCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onAuxClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+        onAuxClickCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+        onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+        onClickCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+        onContextMenu?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+        onContextMenuCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+        onDoubleClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+        onDoubleClickCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+        onDrag?: React.DragEventHandler<HTMLButtonElement> | undefined;
+        onDragCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
+        onDragEnd?: React.DragEventHandler<HTMLButtonElement> | undefined;
+        onDragEndCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
+        onDragEnter?: React.DragEventHandler<HTMLButtonElement> | undefined;
+        onDragEnterCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
+        onDragExit?: React.DragEventHandler<HTMLButtonElement> | undefined;
+        onDragExitCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
+        onDragLeave?: React.DragEventHandler<HTMLButtonElement> | undefined;
+        onDragLeaveCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
+        onDragOver?: React.DragEventHandler<HTMLButtonElement> | undefined;
+        onDragOverCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
+        onDragStart?: React.DragEventHandler<HTMLButtonElement> | undefined;
+        onDragStartCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
+        onDrop?: React.DragEventHandler<HTMLButtonElement> | undefined;
+        onDropCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
+        onMouseDown?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+        onMouseDownCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+        onMouseEnter?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+        onMouseLeave?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+        onMouseMove?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+        onMouseMoveCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+        onMouseOut?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+        onMouseOutCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+        onMouseOver?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+        onMouseOverCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+        onMouseUp?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+        onMouseUpCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+        onSelect?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onSelectCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onTouchCancel?: React.TouchEventHandler<HTMLButtonElement> | undefined;
+        onTouchCancelCapture?: React.TouchEventHandler<HTMLButtonElement> | undefined;
+        onTouchEnd?: React.TouchEventHandler<HTMLButtonElement> | undefined;
+        onTouchEndCapture?: React.TouchEventHandler<HTMLButtonElement> | undefined;
+        onTouchMove?: React.TouchEventHandler<HTMLButtonElement> | undefined;
+        onTouchMoveCapture?: React.TouchEventHandler<HTMLButtonElement> | undefined;
+        onTouchStart?: React.TouchEventHandler<HTMLButtonElement> | undefined;
+        onTouchStartCapture?: React.TouchEventHandler<HTMLButtonElement> | undefined;
+        onPointerDown?: React.PointerEventHandler<HTMLButtonElement> | undefined;
+        onPointerDownCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
+        onPointerMove?: React.PointerEventHandler<HTMLButtonElement> | undefined;
+        onPointerMoveCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
+        onPointerUp?: React.PointerEventHandler<HTMLButtonElement> | undefined;
+        onPointerUpCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
+        onPointerCancel?: React.PointerEventHandler<HTMLButtonElement> | undefined;
+        onPointerCancelCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
+        onPointerEnter?: React.PointerEventHandler<HTMLButtonElement> | undefined;
+        onPointerEnterCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
+        onPointerLeave?: React.PointerEventHandler<HTMLButtonElement> | undefined;
+        onPointerLeaveCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
+        onPointerOver?: React.PointerEventHandler<HTMLButtonElement> | undefined;
+        onPointerOverCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
+        onPointerOut?: React.PointerEventHandler<HTMLButtonElement> | undefined;
+        onPointerOutCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
+        onGotPointerCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
+        onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
+        onLostPointerCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
+        onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
+        onScroll?: React.UIEventHandler<HTMLButtonElement> | undefined;
+        onScrollCapture?: React.UIEventHandler<HTMLButtonElement> | undefined;
+        onWheel?: React.WheelEventHandler<HTMLButtonElement> | undefined;
+        onWheelCapture?: React.WheelEventHandler<HTMLButtonElement> | undefined;
+        onAnimationStart?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
+        onAnimationStartCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
+        onAnimationEnd?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
+        onAnimationEndCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
+        onAnimationIteration?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
+        onAnimationIterationCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
+        onTransitionEnd?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+        onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+        key?: React.Key | null | undefined;
+        defaultValue?: string | number | readonly string[] | undefined;
+        suppressContentEditableWarning?: boolean | undefined | undefined;
+        suppressHydrationWarning?: boolean | undefined | undefined;
+        accessKey?: string | undefined | undefined;
+        autoFocus?: boolean | undefined | undefined;
+        contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
+        contextMenu?: string | undefined | undefined;
+        dir?: string | undefined | undefined;
+        draggable?: (boolean | "true" | "false") | undefined;
+        hidden?: boolean | undefined | undefined;
+        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;
+        rev?: string | undefined | undefined;
+        typeof?: string | undefined | undefined;
+        vocab?: string | undefined | undefined;
+        autoCapitalize?: string | undefined | undefined;
+        autoCorrect?: string | undefined | undefined;
+        autoSave?: string | undefined | undefined;
+        itemProp?: string | undefined | undefined;
+        itemScope?: boolean | undefined | undefined;
+        itemType?: string | undefined | undefined;
+        itemID?: string | undefined | undefined;
+        itemRef?: string | undefined | undefined;
+        results?: number | undefined | undefined;
+        security?: string | undefined | undefined;
+        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;
+        formAction?: string | undefined | undefined;
+        formEncType?: string | undefined | undefined;
+        formMethod?: string | undefined | undefined;
+        formNoValidate?: boolean | undefined | undefined;
+        formTarget?: string | undefined | undefined;
+        required?: boolean | undefined;
+        size?: ("md" | "lg" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "md" | "lg">>) | undefined;
+        asChild?: boolean | undefined;
+        state?: ("error" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "error">>) | undefined;
+        onCheckedChange?: ((checked: import("@radix-ui/react-checkbox").CheckedState) => void) | undefined;
+    }) => JSX.Element;
+    Sub: ({ asChild, ...rest }: React.HTMLAttributes<HTMLDivElement> & {
+        asChild?: boolean;
+    }) => JSX.Element;
+};
+export {};

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

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

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

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { Checkbox } from '../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/CheckboxGroupItem.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { Checkbox } from '../checkbox';
+type CheckboxGroupItemProps = Omit<React.ComponentProps<typeof Checkbox>, 'onCheckedChange' | 'checked' | 'defaultChecked'> & {
+    onCheckedChange?: (newChecked: boolean) => void;
+};
+export declare const CheckboxGroupItem: ({ value, title, onCheckedChange, ...rest }: CheckboxGroupItemProps) => JSX.Element;
+export {};

package/dist/components/checkbox-group/CheckboxGroupSub.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+type CheckboxGroupSubProps = React.HTMLAttributes<HTMLDivElement> & {
+    asChild?: boolean;
+};
+export declare const CheckboxGroupSub: ({ asChild, ...rest }: CheckboxGroupSubProps) => JSX.Element;
+export {};

package/dist/components/checkbox-group/context/CheckboxGroupChecked.context.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import type { CheckboxGroupItemValue } from '../CheckboxGroup.types';
+type CheckboxGroupCheckedContextValue = {
+    checked: CheckboxGroupItemValue[];
+    handleItemCheckedChange: (newItemChecked: boolean, itemValue: CheckboxGroupItemValue) => void;
+};
+type CheckboxGroupCheckedContextProps = {
+    checked?: CheckboxGroupCheckedContextValue['checked'];
+    defaultChecked?: CheckboxGroupCheckedContextValue['checked'];
+    onCheckedChange?: (checked: CheckboxGroupCheckedContextValue['checked']) => void;
+};
+export declare const CheckboxGroupCheckedContext: React.Context<CheckboxGroupCheckedContextValue>;
+export declare const CheckboxGroupCheckedProvider: ({ checked: controlledChecked, defaultChecked, onCheckedChange, ...rest }: React.PropsWithChildren<CheckboxGroupCheckedContextProps>) => React.JSX.Element;
+export {};

package/dist/components/checkbox-group/context/CheckboxGroupMounted.context.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import type { CheckboxGroupItemValue } from '../CheckboxGroup.types';
+type CheckboxGroupMountedContextValue = {
+    mounted: CheckboxGroupItemValue[];
+    handleItemMountedChange: (newItemMounted: boolean, itemValue: CheckboxGroupItemValue) => void;
+};
+export declare const CheckboxGroupMountedContext: React.Context<CheckboxGroupMountedContextValue>;
+export declare const CheckboxGroupMountedProvider: (props: any) => React.JSX.Element;
+export {};

package/dist/components/checkbox-group/index.d.ts

@@ -0,0 +1 @@
+export { CheckboxGroup } from './CheckboxGroup';