@atom-learning/components
Advanced tools
@atom-learning/components - npm Package Compare versions
Comparing version 0.1.0-alpha.0 to 0.1.0-alpha.1
@@ -43,4 +43,7 @@ import { StitchesVariants } from '@stitches/react'; | ||
| }, {}>; | ||
| declare type ButtonProps = React.ComponentPropsWithoutRef<typeof StyledButton> & StitchesVariants<typeof StyledButton>; | ||
| declare type ButtonProps = React.ComponentPropsWithoutRef<typeof StyledButton> & StitchesVariants<typeof StyledButton> & { | ||
| isLoading?: boolean; | ||
| onClick: () => void; | ||
| }; | ||
| export declare const Button: React.FC<ButtonProps>; | ||
| export {}; |
@@ -5,2 +5,3 @@ export { Box } from './box'; | ||
| export { Flex } from './flex'; | ||
| export { Form, ValidationOptions } from './form'; | ||
| export { Grid } from './grid'; | ||
@@ -7,0 +8,0 @@ export { Heading } from './heading'; |
| import * as React from 'react'; | ||
| import { ValidationOptions } from '~/components/form/validation'; | ||
| import { InputProps } from '~/components/input'; | ||
| import { Override } from '~/utilities'; | ||
| declare type InputFieldProps = Override<InputProps, { | ||
| declare type InputFieldProps = InputProps & { | ||
| label: string; | ||
@@ -9,4 +9,6 @@ error?: string; | ||
| name: string; | ||
| }>; | ||
| register?: React.ForwardedRef<HTMLInputElement>; | ||
| validation?: ValidationOptions; | ||
| }; | ||
| export declare const InputField: React.FC<InputFieldProps>; | ||
| export {}; |
@@ -34,3 +34,3 @@ import * as React from 'react'; | ||
| }, {}>; | ||
| export declare type InputProps = Override<React.ComponentPropsWithoutRef<typeof StyledInput>, { | ||
| export declare type InputProps = Override<React.ComponentProps<typeof StyledInput>, { | ||
| as?: never; | ||
@@ -37,0 +37,0 @@ type?: 'text' | 'number' | 'email' | 'password' | 'tel' | 'url'; |
@@ -1,1 +0,1 @@ | ||
| [{"tags":{},"description":"","displayName":"StyledBox","methods":[],"props":{"as":{"defaultValue":null,"description":"","name":"as","declarations":[{"fileName":"components/node_modules/@stitches/react/types/index.d.ts","name":"TypeLiteral"}],"required":true,"type":{"name":"string"}},"css":{"defaultValue":null,"description":"","name":"css","declarations":[{"fileName":"components/node_modules/@stitches/react/types/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}> | undefined","value":[{"value":"undefined"},{"value":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}>"}]}}}},{"tags":{},"description":"","displayName":"Button","methods":[],"props":{"appearance":{"defaultValue":{"value":"solid"},"description":"","name":"appearance","declarations":[],"required":false,"type":{"name":"enum","raw":"\"outline\" | \"solid\" | { sm?: \"outline\" | \"solid\" | undefined; md?: \"outline\" | \"solid\" | undefined; lg?: \"outline\" | \"solid\" | undefined; xl?: \"outline\" | \"solid\" | undefined; motion?: \"outline\" | ... 1 more ... | undefined; hover?: \"outline\" | ... 1 more ... | undefined; initial?: \"outline\" | ... 1 more ... | undef...","value":[{"value":"undefined"},{"value":"\"outline\""},{"value":"\"solid\""},{"value":"{ sm?: \"outline\" | \"solid\" | undefined; md?: \"outline\" | \"solid\" | undefined; lg?: \"outline\" | \"solid\" | undefined; xl?: \"outline\" | \"solid\" | undefined; motion?: \"outline\" | \"solid\" | undefined; hover?: \"outline\" | ... 1 more ... | undefined; initial?: \"outline\" | ... 1 more ... | undefined; }"}]}},"theme":{"defaultValue":{"value":"primary"},"description":"","name":"theme","declarations":[],"required":false,"type":{"name":"enum","raw":"\"primary\" | \"secondary\" | \"tertiary\" | \"success\" | \"warning\" | \"danger\" | { sm?: \"primary\" | \"secondary\" | \"tertiary\" | \"success\" | \"warning\" | \"danger\" | undefined; md?: \"primary\" | ... 5 more ... | undefined; ... 4 more ...; initial?: \"primary\" | ... 5 more ... | undefined; } | undefined","value":[{"value":"undefined"},{"value":"\"primary\""},{"value":"\"secondary\""},{"value":"\"tertiary\""},{"value":"\"success\""},{"value":"\"warning\""},{"value":"\"danger\""},{"value":"{ sm?: \"primary\" | \"secondary\" | \"tertiary\" | \"success\" | \"warning\" | \"danger\" | undefined; md?: \"primary\" | \"secondary\" | \"tertiary\" | \"success\" | \"warning\" | \"danger\" | undefined; ... 4 more ...; initial?: \"primary\" | ... 5 more ... | undefined; }"}]}},"css":{"defaultValue":null,"description":"","name":"css","declarations":[{"fileName":"components/node_modules/@stitches/react/types/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}> | undefined","value":[{"value":"undefined"},{"value":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}>"}]}},"as":{"defaultValue":null,"description":"","name":"as","declarations":[{"fileName":"components/node_modules/@stitches/react/types/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"\"button\" | undefined","value":[{"value":"undefined"},{"value":"\"button\""}]}}}},{"tags":{},"description":"","displayName":"Checkbox","methods":[],"props":{"as":{"defaultValue":null,"description":"","name":"as","declarations":[{"fileName":"components/node_modules/@stitches/react/types/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"CheckboxPrimitive | undefined","value":[{"value":"undefined"},{"value":"CheckboxPrimitive"}]}},"defaultChecked":{"defaultValue":null,"description":"","name":"defaultChecked","declarations":[{"fileName":"components/node_modules/@radix-ui/react-checkbox/dist/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"CheckedState | undefined","value":[{"value":"undefined"},{"value":"false"},{"value":"true"},{"value":"\"indeterminate\""}]}},"checked":{"defaultValue":null,"description":"","name":"checked","declarations":[{"fileName":"components/node_modules/@radix-ui/react-checkbox/dist/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"CheckedState | undefined","value":[{"value":"undefined"},{"value":"false"},{"value":"true"},{"value":"\"indeterminate\""}]}},"readOnly":{"defaultValue":null,"description":"","name":"readOnly","declarations":[{"fileName":"components/node_modules/@radix-ui/react-checkbox/dist/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"boolean | undefined","value":[{"value":"undefined"},{"value":"false"},{"value":"true"}]}},"required":{"defaultValue":null,"description":"","name":"required","declarations":[{"fileName":"components/node_modules/@radix-ui/react-checkbox/dist/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"boolean | undefined","value":[{"value":"undefined"},{"value":"false"},{"value":"true"}]}},"selector":{"defaultValue":null,"description":"A string to use as the component selector for CSS purposes. It will be added as\na data attribute. Pass `null` to remove selector.\n@defaultValue radix-{component-name}\n@example `AccordionItem` component will have `radix-accordion-item` selector by\ndefault. Passing `selector=\"org-accordion-item\"` will replace selector\nwith `org-accordion-item`.","name":"selector","declarations":[{"fileName":"components/node_modules/@radix-ui/react-checkbox/node_modules/@radix-ui/react-primitive/dist/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"string | null | undefined","value":[{"value":"undefined"},{"value":"null"},{"value":"string"}]}},"onCheckedChange":{"defaultValue":null,"description":"","name":"onCheckedChange","declarations":[{"fileName":"components/node_modules/@radix-ui/react-checkbox/dist/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"ChangeEventHandler<HTMLInputElement> | undefined","value":[{"value":"undefined"},{"value":"ChangeEventHandler<HTMLInputElement>"}]}},"css":{"defaultValue":null,"description":"","name":"css","declarations":[{"fileName":"components/node_modules/@stitches/react/types/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}> | undefined","value":[{"value":"undefined"},{"value":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}>"}]}}}},{"tags":{},"description":"","displayName":"Flex","methods":[],"props":{"css":{"defaultValue":null,"description":"","name":"css","declarations":[{"fileName":"components/node_modules/@stitches/react/types/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}> | undefined","value":[{"value":"undefined"},{"value":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}>"}]}},"as":{"defaultValue":null,"description":"","name":"as","declarations":[{"fileName":"components/node_modules/@stitches/react/types/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"\"div\" | undefined","value":[{"value":"undefined"},{"value":"\"div\""}]}}}},{"tags":{},"description":"","displayName":"Grid","methods":[],"props":{"as":{"defaultValue":null,"description":"","name":"as","declarations":[{"fileName":"components/node_modules/@stitches/react/types/index.d.ts","name":"TypeLiteral"}],"required":true,"type":{"name":"string"}},"css":{"defaultValue":null,"description":"","name":"css","declarations":[{"fileName":"components/node_modules/@stitches/react/types/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}> | undefined","value":[{"value":"undefined"},{"value":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}>"}]}}}},{"tags":{},"description":"","displayName":"Heading","methods":[],"props":{"css":{"defaultValue":null,"description":"","name":"css","declarations":[{"fileName":"components/node_modules/@stitches/react/types/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}> | undefined","value":[{"value":"undefined"},{"value":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}>"}]}},"as":{"defaultValue":{"value":"h2"},"description":"","name":"as","declarations":[{"fileName":"components/heading/Heading.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | undefined","value":[{"value":"undefined"},{"value":"\"h1\""},{"value":"\"h2\""},{"value":"\"h3\""},{"value":"\"h4\""},{"value":"\"h5\""},{"value":"\"h6\""}]}},"size":{"defaultValue":{"value":"md"},"description":"","name":"size","declarations":[{"fileName":"components/heading/Heading.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"\"sm\" | \"md\" | \"lg\" | undefined","value":[{"value":"undefined"},{"value":"\"sm\""},{"value":"\"md\""},{"value":"\"lg\""}]}}}},{"tags":{},"description":"","displayName":"Icon","methods":[],"props":{"size":{"defaultValue":{"value":"sm"},"description":"","name":"size","declarations":[],"required":false,"type":{"name":"enum","raw":"\"sm\" | \"md\" | \"lg\" | { sm?: \"sm\" | \"md\" | \"lg\" | undefined; md?: \"sm\" | \"md\" | \"lg\" | undefined; lg?: \"sm\" | \"md\" | \"lg\" | undefined; xl?: \"sm\" | \"md\" | \"lg\" | undefined; motion?: \"sm\" | \"md\" | \"lg\" | undefined; hover?: \"sm\" | ... 2 more ... | undefined; initial?: \"sm\" | ... 2 more ... | undefined; } | undefined","value":[{"value":"undefined"},{"value":"\"sm\""},{"value":"\"md\""},{"value":"\"lg\""},{"value":"{ sm?: \"sm\" | \"md\" | \"lg\" | undefined; md?: \"sm\" | \"md\" | \"lg\" | undefined; lg?: \"sm\" | \"md\" | \"lg\" | undefined; xl?: \"sm\" | \"md\" | \"lg\" | undefined; motion?: \"sm\" | \"md\" | \"lg\" | undefined; hover?: \"sm\" | ... 2 more ... | undefined; initial?: \"sm\" | ... 2 more ... | undefined; }"}]}},"css":{"defaultValue":null,"description":"","name":"css","declarations":[{"fileName":"components/node_modules/@stitches/react/types/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}> | undefined","value":[{"value":"undefined"},{"value":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}>"}]}},"is":{"defaultValue":null,"description":"","name":"is","declarations":[{"fileName":"components/icon/Icon.tsx","name":"TypeLiteral"}],"required":true,"type":{"name":"FC<SVGProps<SVGSVGElement>>"}},"as":{"defaultValue":null,"description":"","name":"as","declarations":[{"fileName":"components/icon/Icon.tsx","name":"TypeLiteral"}],"required":true,"type":{"name":"never"}}}},{"tags":{},"description":"","displayName":"Image","methods":[],"props":{"css":{"defaultValue":null,"description":"","name":"css","declarations":[{"fileName":"components/node_modules/@stitches/react/types/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}> | undefined","value":[{"value":"undefined"},{"value":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}>"}]}},"as":{"defaultValue":null,"description":"","name":"as","declarations":[{"fileName":"components/image/Image.tsx","name":"TypeLiteral"}],"required":true,"type":{"name":"never"}}}},{"tags":{},"description":"","displayName":"InputField","methods":[],"props":{"state":{"defaultValue":null,"description":"","name":"state","declarations":[],"required":false,"type":{"name":"enum","raw":"\"error\" | { sm?: \"error\" | undefined; md?: \"error\" | undefined; lg?: \"error\" | undefined; xl?: \"error\" | undefined; motion?: \"error\" | undefined; hover?: \"error\" | undefined; initial?: \"error\" | undefined; } | undefined","value":[{"value":"undefined"},{"value":"\"error\""},{"value":"{ sm?: \"error\" | undefined; md?: \"error\" | undefined; lg?: \"error\" | undefined; xl?: \"error\" | undefined; motion?: \"error\" | undefined; hover?: \"error\" | undefined; initial?: \"error\" | undefined; }"}]}},"css":{"defaultValue":{"value":"undefined"},"description":"","name":"css","declarations":[{"fileName":"components/node_modules/@stitches/react/types/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}> | undefined","value":[{"value":"undefined"},{"value":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}>"}]}},"as":{"defaultValue":null,"description":"","name":"as","declarations":[{"fileName":"components/src/components/input/Input.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"undefined"}},"type":{"defaultValue":null,"description":"","name":"type","declarations":[{"fileName":"components/src/components/input/Input.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"\"number\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"password\" | undefined","value":[{"value":"undefined"},{"value":"\"number\""},{"value":"\"text\""},{"value":"\"tel\""},{"value":"\"url\""},{"value":"\"email\""},{"value":"\"password\""}]}},"label":{"defaultValue":null,"description":"","name":"label","declarations":[{"fileName":"components/input-field/InputField.tsx","name":"TypeLiteral"}],"required":true,"type":{"name":"string"}},"error":{"defaultValue":{"value":"undefined"},"description":"","name":"error","declarations":[{"fileName":"components/input-field/InputField.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"string | undefined","value":[{"value":"undefined"},{"value":"string"}]}},"required":{"defaultValue":{"value":false},"description":"","name":"required","declarations":[{"fileName":"components/input-field/InputField.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"boolean | undefined","value":[{"value":"undefined"},{"value":"false"},{"value":"true"}]}},"name":{"defaultValue":null,"description":"","name":"name","declarations":[{"fileName":"components/input-field/InputField.tsx","name":"TypeLiteral"}],"required":true,"type":{"name":"string"}}}},{"tags":{},"description":"","displayName":"Input","methods":[],"props":{"state":{"defaultValue":null,"description":"","name":"state","declarations":[],"required":false,"type":{"name":"enum","raw":"\"error\" | { sm?: \"error\" | undefined; md?: \"error\" | undefined; lg?: \"error\" | undefined; xl?: \"error\" | undefined; motion?: \"error\" | undefined; hover?: \"error\" | undefined; initial?: \"error\" | undefined; } | undefined","value":[{"value":"undefined"},{"value":"\"error\""},{"value":"{ sm?: \"error\" | undefined; md?: \"error\" | undefined; lg?: \"error\" | undefined; xl?: \"error\" | undefined; motion?: \"error\" | undefined; hover?: \"error\" | undefined; initial?: \"error\" | undefined; }"}]}},"css":{"defaultValue":null,"description":"","name":"css","declarations":[{"fileName":"components/node_modules/@stitches/react/types/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}> | undefined","value":[{"value":"undefined"},{"value":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}>"}]}},"as":{"defaultValue":null,"description":"","name":"as","declarations":[{"fileName":"components/input/Input.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"undefined"}},"type":{"defaultValue":{"value":"text"},"description":"","name":"type","declarations":[{"fileName":"components/input/Input.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"\"number\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"password\" | undefined","value":[{"value":"undefined"},{"value":"\"number\""},{"value":"\"text\""},{"value":"\"tel\""},{"value":"\"url\""},{"value":"\"email\""},{"value":"\"password\""}]}}}},{"tags":{},"description":"","displayName":"Label","methods":[],"props":{"size":{"defaultValue":{"value":"md"},"description":"","name":"size","declarations":[],"required":false,"type":{"name":"enum","raw":"\"sm\" | \"md\" | { sm?: \"sm\" | \"md\" | undefined; md?: \"sm\" | \"md\" | undefined; lg?: \"sm\" | \"md\" | undefined; xl?: \"sm\" | \"md\" | undefined; motion?: \"sm\" | \"md\" | undefined; hover?: \"sm\" | \"md\" | undefined; initial?: \"sm\" | ... 1 more ... | undefined; } | undefined","value":[{"value":"undefined"},{"value":"\"sm\""},{"value":"\"md\""},{"value":"{ sm?: \"sm\" | \"md\" | undefined; md?: \"sm\" | \"md\" | undefined; lg?: \"sm\" | \"md\" | undefined; xl?: \"sm\" | \"md\" | undefined; motion?: \"sm\" | \"md\" | undefined; hover?: \"sm\" | \"md\" | undefined; initial?: \"sm\" | ... 1 more ... | undefined; }"}]}},"css":{"defaultValue":null,"description":"","name":"css","declarations":[{"fileName":"components/node_modules/@stitches/react/types/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}> | undefined","value":[{"value":"undefined"},{"value":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}>"}]}},"as":{"defaultValue":null,"description":"","name":"as","declarations":[{"fileName":"components/label/Label.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"undefined"}}}},{"tags":{},"description":"","displayName":"Link","methods":[],"props":{"size":{"defaultValue":{"value":"md"},"description":"","name":"size","declarations":[],"required":false,"type":{"name":"enum","raw":"\"sm\" | \"md\" | \"lg\" | { sm?: \"sm\" | \"md\" | \"lg\" | undefined; md?: \"sm\" | \"md\" | \"lg\" | undefined; lg?: \"sm\" | \"md\" | \"lg\" | undefined; xl?: \"sm\" | \"md\" | \"lg\" | undefined; motion?: \"sm\" | \"md\" | \"lg\" | undefined; hover?: \"sm\" | ... 2 more ... | undefined; initial?: \"sm\" | ... 2 more ... | undefined; } | undefined","value":[{"value":"undefined"},{"value":"\"sm\""},{"value":"\"md\""},{"value":"\"lg\""},{"value":"{ sm?: \"sm\" | \"md\" | \"lg\" | undefined; md?: \"sm\" | \"md\" | \"lg\" | undefined; lg?: \"sm\" | \"md\" | \"lg\" | undefined; xl?: \"sm\" | \"md\" | \"lg\" | undefined; motion?: \"sm\" | \"md\" | \"lg\" | undefined; hover?: \"sm\" | ... 2 more ... | undefined; initial?: \"sm\" | ... 2 more ... | undefined; }"}]}},"as":{"defaultValue":null,"description":"","name":"as","declarations":[{"fileName":"components/node_modules/@stitches/react/types/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"\"a\" | undefined","value":[{"value":"undefined"},{"value":"\"a\""}]}},"css":{"defaultValue":null,"description":"","name":"css","declarations":[{"fileName":"components/node_modules/@stitches/react/types/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}> | undefined","value":[{"value":"undefined"},{"value":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}>"}]}}}},{"tags":{},"description":"","displayName":"Loader","methods":[],"props":{"message":{"defaultValue":{"value":"Loading"},"description":"","name":"message","declarations":[{"fileName":"components/loader/Loader.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"string | undefined","value":[{"value":"undefined"},{"value":"string"}]}},"size":{"defaultValue":{"value":"md"},"description":"","name":"size","declarations":[{"fileName":"components/loader/Loader.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"\"sm\" | \"md\" | \"lg\" | undefined","value":[{"value":"undefined"},{"value":"\"sm\""},{"value":"\"md\""},{"value":"\"lg\""}]}},"css":{"defaultValue":{"value":"{}"},"description":"","name":"css","declarations":[{"fileName":"components/loader/Loader.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; }, {}, MapUtils<{ p: (config: UtilConfig<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; }, {}, \"\", CSSPropertiesToTokenScale>) => (value: CSSValue) => InternalCSS<...>; ... 14 more ...; size...","value":[{"value":"undefined"},{"value":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; }, {}, MapUtils<{ p: (config: UtilConfig<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; }, {}, \"\", CSSPropertiesToTokenScale>) => (value: CSSValue) => InternalCSS<...>; ... 14 more ...; size..."}]}}}},{"tags":{},"description":"","displayName":"Popover","methods":[],"props":{"css":{"defaultValue":null,"description":"","name":"css","declarations":[{"fileName":"components/node_modules/@stitches/react/types/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}> | undefined","value":[{"value":"undefined"},{"value":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}>"}]}},"as":{"defaultValue":null,"description":"","name":"as","declarations":[{"fileName":"components/node_modules/@stitches/react/types/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"\"span\" | undefined","value":[{"value":"undefined"},{"value":"\"span\""}]}},"id":{"defaultValue":null,"description":"","name":"id","declarations":[{"fileName":"components/popover/Popover.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"string | undefined","value":[{"value":"undefined"},{"value":"string"}]}},"content":{"defaultValue":null,"description":"","name":"content","declarations":[{"fileName":"components/popover/Popover.tsx","name":"TypeLiteral"}],"required":true,"type":{"name":"string"}},"align":{"defaultValue":{"value":"center"},"description":"","name":"align","declarations":[{"fileName":"components/popover/Popover.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"\"left\" | \"right\" | \"center\"","value":[{"value":"\"left\""},{"value":"\"right\""},{"value":"\"center\""}]}},"defaultOpen":{"defaultValue":{"value":false},"description":"","name":"defaultOpen","declarations":[{"fileName":"components/popover/Popover.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"boolean | undefined","value":[{"value":"undefined"},{"value":"false"},{"value":"true"}]}}}},{"tags":{},"description":"","displayName":"ProgressBar","methods":[],"props":{"as":{"defaultValue":null,"description":"","name":"as","declarations":[{"fileName":"components/node_modules/@stitches/react/types/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"ProgressPrimitive | undefined","value":[{"value":"undefined"},{"value":"ProgressPrimitive"}]}},"max":{"defaultValue":null,"description":"","name":"max","declarations":[{"fileName":"components/node_modules/@radix-ui/react-progress/dist/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"number | undefined","value":[{"value":"undefined"},{"value":"number"}]}},"value":{"defaultValue":null,"description":"","name":"value","declarations":[{"fileName":"components/node_modules/@radix-ui/react-progress/dist/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"number | null | undefined","value":[{"value":"undefined"},{"value":"null"},{"value":"number"}]}},"selector":{"defaultValue":null,"description":"A string to use as the component selector for CSS purposes. It will be added as\na data attribute. Pass `null` to remove selector.\n@defaultValue radix-{component-name}\n@example `AccordionItem` component will have `radix-accordion-item` selector by\ndefault. Passing `selector=\"org-accordion-item\"` will replace selector\nwith `org-accordion-item`.","name":"selector","declarations":[{"fileName":"components/node_modules/@radix-ui/react-primitive/dist/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"string | null | undefined","value":[{"value":"undefined"},{"value":"null"},{"value":"string"}]}},"getValueLabel":{"defaultValue":null,"description":"","name":"getValueLabel","declarations":[{"fileName":"components/node_modules/@radix-ui/react-progress/dist/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"((value: number, max: number) => string) | undefined","value":[{"value":"undefined"},{"value":"(value: number, max: number) => string"}]}},"css":{"defaultValue":null,"description":"","name":"css","declarations":[{"fileName":"components/node_modules/@stitches/react/types/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}> | undefined","value":[{"value":"undefined"},{"value":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}>"}]}},"appearance":{"defaultValue":{"value":"outline"},"description":"","name":"appearance","declarations":[{"fileName":"components/progress-bar/ProgressBar.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"\"outline\" | \"solid\" | undefined","value":[{"value":"undefined"},{"value":"\"outline\""},{"value":"\"solid\""}]}},"theme":{"defaultValue":{"value":"primary"},"description":"","name":"theme","declarations":[{"fileName":"components/progress-bar/ProgressBar.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"\"primary\" | \"secondary\" | \"tertiary\" | \"success\" | \"warning\" | \"danger\" | undefined","value":[{"value":"undefined"},{"value":"\"primary\""},{"value":"\"secondary\""},{"value":"\"tertiary\""},{"value":"\"success\""},{"value":"\"warning\""},{"value":"\"danger\""}]}},"id":{"defaultValue":null,"description":"","name":"id","declarations":[{"fileName":"components/progress-bar/ProgressBar.tsx","name":"TypeLiteral"},{"fileName":"components/progress-bar/ProgressBar.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"string | undefined","value":[{"value":"undefined"},{"value":"string"}]}},"aria-label":{"defaultValue":null,"description":"","name":"aria-label","declarations":[{"fileName":"components/progress-bar/ProgressBar.tsx","name":"TypeLiteral"},{"fileName":"components/progress-bar/ProgressBar.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"string | undefined","value":[{"value":"undefined"},{"value":"string"}]}}}},{"tags":{},"description":"","displayName":"RadioButton","methods":[],"props":{"defaultChecked":{"defaultValue":null,"description":"","name":"defaultChecked","declarations":[{"fileName":"components/node_modules/@radix-ui/react-radio-group/dist/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"boolean | undefined","value":[{"value":"undefined"},{"value":"false"},{"value":"true"}]}},"value":{"defaultValue":null,"description":"","name":"value","declarations":[{"fileName":"components/node_modules/@radix-ui/react-radio-group/dist/index.d.ts","name":"TypeLiteral"}],"required":true,"type":{"name":"string"}},"checked":{"defaultValue":null,"description":"","name":"checked","declarations":[{"fileName":"components/node_modules/@radix-ui/react-radio-group/dist/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"boolean | undefined","value":[{"value":"undefined"},{"value":"false"},{"value":"true"}]}},"readOnly":{"defaultValue":null,"description":"","name":"readOnly","declarations":[{"fileName":"components/node_modules/@radix-ui/react-radio-group/dist/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"boolean | undefined","value":[{"value":"undefined"},{"value":"false"},{"value":"true"}]}},"required":{"defaultValue":null,"description":"","name":"required","declarations":[{"fileName":"components/node_modules/@radix-ui/react-radio-group/dist/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"boolean | undefined","value":[{"value":"undefined"},{"value":"false"},{"value":"true"}]}},"selector":{"defaultValue":null,"description":"A string to use as the component selector for CSS purposes. It will be added as\na data attribute. Pass `null` to remove selector.\n@defaultValue radix-{component-name}\n@example `AccordionItem` component will have `radix-accordion-item` selector by\ndefault. Passing `selector=\"org-accordion-item\"` will replace selector\nwith `org-accordion-item`.","name":"selector","declarations":[{"fileName":"components/node_modules/@radix-ui/react-primitive/dist/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"string | null | undefined","value":[{"value":"undefined"},{"value":"null"},{"value":"string"}]}},"onCheckedChange":{"defaultValue":null,"description":"","name":"onCheckedChange","declarations":[{"fileName":"components/node_modules/@radix-ui/react-radio-group/dist/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"ChangeEventHandler<HTMLInputElement> | undefined","value":[{"value":"undefined"},{"value":"ChangeEventHandler<HTMLInputElement>"}]}},"css":{"defaultValue":null,"description":"","name":"css","declarations":[{"fileName":"components/node_modules/@stitches/react/types/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}> | undefined","value":[{"value":"undefined"},{"value":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}>"}]}},"as":{"defaultValue":null,"description":"","name":"as","declarations":[{"fileName":"components/radio/RadioButton.tsx","name":"TypeLiteral"}],"required":true,"type":{"name":"never"}},"aria-label":{"defaultValue":null,"description":"","name":"aria-label","declarations":[{"fileName":"components/radio/RadioButton.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"string | undefined","value":[{"value":"undefined"},{"value":"string"}]}}}},{"tags":{},"description":"","displayName":"RadioButtonGroup","methods":[],"props":{"as":{"defaultValue":null,"description":"","name":"as","declarations":[{"fileName":"components/node_modules/@stitches/react/types/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"RadioGroupPrimitive | undefined","value":[{"value":"undefined"},{"value":"RadioGroupPrimitive"}]}},"name":{"defaultValue":null,"description":"","name":"name","declarations":[{"fileName":"components/node_modules/@radix-ui/react-radio-group/dist/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"string | undefined","value":[{"value":"undefined"},{"value":"string"}]}},"defaultValue":{"defaultValue":null,"description":"","name":"defaultValue","declarations":[{"fileName":"components/node_modules/@radix-ui/react-radio-group/dist/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"string | undefined","value":[{"value":"undefined"},{"value":"string"}]}},"value":{"defaultValue":null,"description":"","name":"value","declarations":[{"fileName":"components/node_modules/@radix-ui/react-radio-group/dist/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"string | undefined","value":[{"value":"undefined"},{"value":"string"}]}},"required":{"defaultValue":null,"description":"","name":"required","declarations":[{"fileName":"components/node_modules/@radix-ui/react-radio-group/dist/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"boolean | undefined","value":[{"value":"undefined"},{"value":"false"},{"value":"true"}]}},"selector":{"defaultValue":null,"description":"A string to use as the component selector for CSS purposes. It will be added as\na data attribute. Pass `null` to remove selector.\n@defaultValue radix-{component-name}\n@example `AccordionItem` component will have `radix-accordion-item` selector by\ndefault. Passing `selector=\"org-accordion-item\"` will replace selector\nwith `org-accordion-item`.","name":"selector","declarations":[{"fileName":"components/node_modules/@radix-ui/react-primitive/dist/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"string | null | undefined","value":[{"value":"undefined"},{"value":"null"},{"value":"string"}]}},"onValueChange":{"defaultValue":null,"description":"","name":"onValueChange","declarations":[{"fileName":"components/node_modules/@radix-ui/react-radio-group/dist/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"((event: ChangeEvent<HTMLInputElement>) => void) | undefined","value":[{"value":"undefined"},{"value":"(event: ChangeEvent<HTMLInputElement>) => void"}]}},"css":{"defaultValue":null,"description":"","name":"css","declarations":[{"fileName":"components/node_modules/@stitches/react/types/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}> | undefined","value":[{"value":"undefined"},{"value":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}>"}]}}}},{"tags":{},"description":"","displayName":"Select","methods":[],"props":{"css":{"defaultValue":null,"description":"","name":"css","declarations":[{"fileName":"components/node_modules/@stitches/react/types/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}> | undefined","value":[{"value":"undefined"},{"value":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}>"}]}},"as":{"defaultValue":null,"description":"","name":"as","declarations":[{"fileName":"components/select/Select.tsx","name":"TypeLiteral"}],"required":true,"type":{"name":"never"}},"options":{"defaultValue":null,"description":"","name":"options","declarations":[{"fileName":"components/select/Select.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"{ value: string; label: string; disabled?: boolean | undefined; }[] | undefined","value":[{"value":"undefined"},{"value":"{ value: string; label: string; disabled?: boolean | undefined; }[]"}]}},"defaultOption":{"defaultValue":null,"description":"","name":"defaultOption","declarations":[{"fileName":"components/select/Select.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"string | undefined","value":[{"value":"undefined"},{"value":"string"}]}},"id":{"defaultValue":null,"description":"","name":"id","declarations":[{"fileName":"components/select/Select.tsx","name":"TypeLiteral"},{"fileName":"components/select/Select.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"string | undefined","value":[{"value":"undefined"},{"value":"string"}]}},"aria-label":{"defaultValue":null,"description":"","name":"aria-label","declarations":[{"fileName":"components/select/Select.tsx","name":"TypeLiteral"},{"fileName":"components/select/Select.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"string | undefined","value":[{"value":"undefined"},{"value":"string"}]}}}},{"tags":{},"description":"","displayName":"Text","methods":[],"props":{"css":{"defaultValue":null,"description":"","name":"css","declarations":[{"fileName":"components/node_modules/@stitches/react/types/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}> | undefined","value":[{"value":"undefined"},{"value":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}>"}]}},"as":{"defaultValue":{"value":"p"},"description":"","name":"as","declarations":[{"fileName":"components/text/Text.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"\"p\" | \"blockquote\" | \"caption\" | \"dd\" | \"dt\" | \"figcaption\" | \"li\" | \"span\" | undefined","value":[{"value":"undefined"},{"value":"\"p\""},{"value":"\"blockquote\""},{"value":"\"caption\""},{"value":"\"dd\""},{"value":"\"dt\""},{"value":"\"figcaption\""},{"value":"\"li\""},{"value":"\"span\""}]}},"size":{"defaultValue":{"value":"md"},"description":"","name":"size","declarations":[{"fileName":"components/text/Text.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"\"sm\" | \"md\" | \"lg\" | undefined","value":[{"value":"undefined"},{"value":"\"sm\""},{"value":"\"md\""},{"value":"\"lg\""}]}}}},{"tags":{},"description":"","displayName":"Textarea","methods":[],"props":{"as":{"defaultValue":null,"description":"","name":"as","declarations":[{"fileName":"components/node_modules/@stitches/react/types/index.d.ts","name":"TypeLiteral"}],"required":true,"type":{"name":"string"}},"css":{"defaultValue":null,"description":"","name":"css","declarations":[{"fileName":"components/node_modules/@stitches/react/types/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}> | undefined","value":[{"value":"undefined"},{"value":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}>"}]}}}},{"tags":{},"description":"","displayName":"ValidationError","methods":[],"props":{"as":{"defaultValue":null,"description":"","name":"as","declarations":[{"fileName":"components/node_modules/@stitches/react/types/index.d.ts","name":"TypeLiteral"}],"required":true,"type":{"name":"string"}},"css":{"defaultValue":null,"description":"","name":"css","declarations":[{"fileName":"components/node_modules/@stitches/react/types/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}> | undefined","value":[{"value":"undefined"},{"value":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}>"}]}}}},{"tags":{},"description":"","displayName":"Video","methods":[],"props":{"externalId":{"defaultValue":null,"description":"","name":"externalId","declarations":[{"fileName":"components/video/Video.tsx","name":"TypeLiteral"}],"required":true,"type":{"name":"string"}},"ratio":{"defaultValue":{"value":"9 / 16"},"description":"","name":"ratio","declarations":[{"fileName":"components/video/Video.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"number | undefined","value":[{"value":"undefined"},{"value":"number"}]}}}},{"tags":{},"description":"","displayName":"CSSWrapper","methods":[],"props":{"css":{"defaultValue":null,"description":"","name":"css","declarations":[{"fileName":"src/utilities/css-wrapper/CSSWrapper.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; }, {}, MapUtils<{ p: (config: UtilConfig<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; }, {}, \"\", CSSPropertiesToTokenScale>) => (value: CSSValue) => InternalCSS<...>; ... 14 more ...; size...","value":[{"value":"undefined"},{"value":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; }, {}, MapUtils<{ p: (config: UtilConfig<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; }, {}, \"\", CSSPropertiesToTokenScale>) => (value: CSSValue) => InternalCSS<...>; ... 14 more ...; size..."}]}}}}] | ||
| [{"tags":{},"description":"","displayName":"StyledBox","methods":[],"props":{"as":{"defaultValue":null,"description":"","name":"as","declarations":[{"fileName":"components/node_modules/@stitches/react/types/index.d.ts","name":"TypeLiteral"}],"required":true,"type":{"name":"string"}},"css":{"defaultValue":null,"description":"","name":"css","declarations":[{"fileName":"components/node_modules/@stitches/react/types/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}> | undefined","value":[{"value":"undefined"},{"value":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}>"}]}}}},{"tags":{},"description":"","displayName":"Button","methods":[],"props":{"appearance":{"defaultValue":{"value":"solid"},"description":"","name":"appearance","declarations":[],"required":false,"type":{"name":"enum","raw":"\"outline\" | \"solid\" | { sm?: \"outline\" | \"solid\" | undefined; md?: \"outline\" | \"solid\" | undefined; lg?: \"outline\" | \"solid\" | undefined; xl?: \"outline\" | \"solid\" | undefined; motion?: \"outline\" | ... 1 more ... | undefined; hover?: \"outline\" | ... 1 more ... | undefined; initial?: \"outline\" | ... 1 more ... | undef...","value":[{"value":"undefined"},{"value":"\"outline\""},{"value":"\"solid\""},{"value":"{ sm?: \"outline\" | \"solid\" | undefined; md?: \"outline\" | \"solid\" | undefined; lg?: \"outline\" | \"solid\" | undefined; xl?: \"outline\" | \"solid\" | undefined; motion?: \"outline\" | \"solid\" | undefined; hover?: \"outline\" | ... 1 more ... | undefined; initial?: \"outline\" | ... 1 more ... | undefined; }"}]}},"theme":{"defaultValue":{"value":"primary"},"description":"","name":"theme","declarations":[],"required":false,"type":{"name":"enum","raw":"\"primary\" | \"secondary\" | \"tertiary\" | \"success\" | \"warning\" | \"danger\" | { sm?: \"primary\" | \"secondary\" | \"tertiary\" | \"success\" | \"warning\" | \"danger\" | undefined; md?: \"primary\" | ... 5 more ... | undefined; ... 4 more ...; initial?: \"primary\" | ... 5 more ... | undefined; } | undefined","value":[{"value":"undefined"},{"value":"\"primary\""},{"value":"\"secondary\""},{"value":"\"tertiary\""},{"value":"\"success\""},{"value":"\"warning\""},{"value":"\"danger\""},{"value":"{ sm?: \"primary\" | \"secondary\" | \"tertiary\" | \"success\" | \"warning\" | \"danger\" | undefined; md?: \"primary\" | \"secondary\" | \"tertiary\" | \"success\" | \"warning\" | \"danger\" | undefined; ... 4 more ...; initial?: \"primary\" | ... 5 more ... | undefined; }"}]}},"css":{"defaultValue":null,"description":"","name":"css","declarations":[{"fileName":"components/node_modules/@stitches/react/types/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}> | undefined","value":[{"value":"undefined"},{"value":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}>"}]}},"as":{"defaultValue":null,"description":"","name":"as","declarations":[{"fileName":"components/node_modules/@stitches/react/types/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"\"button\" | undefined","value":[{"value":"undefined"},{"value":"\"button\""}]}},"isLoading":{"defaultValue":{"value":false},"description":"","name":"isLoading","declarations":[{"fileName":"components/button/Button.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"boolean | undefined","value":[{"value":"undefined"},{"value":"false"},{"value":"true"}]}}}},{"tags":{},"description":"","displayName":"Checkbox","methods":[],"props":{"as":{"defaultValue":null,"description":"","name":"as","declarations":[{"fileName":"components/node_modules/@stitches/react/types/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"CheckboxPrimitive | undefined","value":[{"value":"undefined"},{"value":"CheckboxPrimitive"}]}},"defaultChecked":{"defaultValue":null,"description":"","name":"defaultChecked","declarations":[{"fileName":"components/node_modules/@radix-ui/react-checkbox/dist/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"CheckedState | undefined","value":[{"value":"undefined"},{"value":"false"},{"value":"true"},{"value":"\"indeterminate\""}]}},"checked":{"defaultValue":null,"description":"","name":"checked","declarations":[{"fileName":"components/node_modules/@radix-ui/react-checkbox/dist/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"CheckedState | undefined","value":[{"value":"undefined"},{"value":"false"},{"value":"true"},{"value":"\"indeterminate\""}]}},"readOnly":{"defaultValue":null,"description":"","name":"readOnly","declarations":[{"fileName":"components/node_modules/@radix-ui/react-checkbox/dist/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"boolean | undefined","value":[{"value":"undefined"},{"value":"false"},{"value":"true"}]}},"required":{"defaultValue":null,"description":"","name":"required","declarations":[{"fileName":"components/node_modules/@radix-ui/react-checkbox/dist/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"boolean | undefined","value":[{"value":"undefined"},{"value":"false"},{"value":"true"}]}},"selector":{"defaultValue":null,"description":"A string to use as the component selector for CSS purposes. It will be added as\na data attribute. Pass `null` to remove selector.\n@defaultValue radix-{component-name}\n@example `AccordionItem` component will have `radix-accordion-item` selector by\ndefault. Passing `selector=\"org-accordion-item\"` will replace selector\nwith `org-accordion-item`.","name":"selector","declarations":[{"fileName":"components/node_modules/@radix-ui/react-checkbox/node_modules/@radix-ui/react-primitive/dist/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"string | null | undefined","value":[{"value":"undefined"},{"value":"null"},{"value":"string"}]}},"onCheckedChange":{"defaultValue":null,"description":"","name":"onCheckedChange","declarations":[{"fileName":"components/node_modules/@radix-ui/react-checkbox/dist/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"ChangeEventHandler<HTMLInputElement> | undefined","value":[{"value":"undefined"},{"value":"ChangeEventHandler<HTMLInputElement>"}]}},"css":{"defaultValue":null,"description":"","name":"css","declarations":[{"fileName":"components/node_modules/@stitches/react/types/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}> | undefined","value":[{"value":"undefined"},{"value":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}>"}]}}}},{"tags":{},"description":"","displayName":"Flex","methods":[],"props":{"css":{"defaultValue":null,"description":"","name":"css","declarations":[{"fileName":"components/node_modules/@stitches/react/types/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}> | undefined","value":[{"value":"undefined"},{"value":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}>"}]}},"as":{"defaultValue":null,"description":"","name":"as","declarations":[{"fileName":"components/node_modules/@stitches/react/types/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"\"div\" | undefined","value":[{"value":"undefined"},{"value":"\"div\""}]}}}},{"tags":{},"description":"","displayName":"Form","methods":[],"props":{"css":{"defaultValue":null,"description":"","name":"css","declarations":[{"fileName":"components/node_modules/@stitches/react/types/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}> | undefined","value":[{"value":"undefined"},{"value":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}>"}]}},"as":{"defaultValue":null,"description":"","name":"as","declarations":[{"fileName":"components/node_modules/@stitches/react/types/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"\"form\" | undefined","value":[{"value":"undefined"},{"value":"\"form\""}]}},"defaultValues":{"defaultValue":{"value":"{}"},"description":"","name":"defaultValues","declarations":[{"fileName":"components/form/Form.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"{ [key: string]: string | number; } | undefined","value":[{"value":"undefined"},{"value":"{ [key: string]: string | number; }"}]}},"onSubmit":{"defaultValue":null,"description":"","name":"onSubmit","declarations":[{"fileName":"components/form/Form.tsx","name":"TypeLiteral"}],"required":true,"type":{"name":"(data: any) => void"}},"validationMode":{"defaultValue":{"value":"onBlur"},"description":"","name":"validationMode","declarations":[{"fileName":"components/form/Form.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"\"onBlur\" | \"onSubmit\"","value":[{"value":"\"onBlur\""},{"value":"\"onSubmit\""}]}}}},{"tags":{},"description":"","displayName":"Grid","methods":[],"props":{"as":{"defaultValue":null,"description":"","name":"as","declarations":[{"fileName":"components/node_modules/@stitches/react/types/index.d.ts","name":"TypeLiteral"}],"required":true,"type":{"name":"string"}},"css":{"defaultValue":null,"description":"","name":"css","declarations":[{"fileName":"components/node_modules/@stitches/react/types/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}> | undefined","value":[{"value":"undefined"},{"value":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}>"}]}}}},{"tags":{},"description":"","displayName":"Heading","methods":[],"props":{"css":{"defaultValue":null,"description":"","name":"css","declarations":[{"fileName":"components/node_modules/@stitches/react/types/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}> | undefined","value":[{"value":"undefined"},{"value":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}>"}]}},"as":{"defaultValue":{"value":"h2"},"description":"","name":"as","declarations":[{"fileName":"components/heading/Heading.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | undefined","value":[{"value":"undefined"},{"value":"\"h1\""},{"value":"\"h2\""},{"value":"\"h3\""},{"value":"\"h4\""},{"value":"\"h5\""},{"value":"\"h6\""}]}},"size":{"defaultValue":{"value":"md"},"description":"","name":"size","declarations":[{"fileName":"components/heading/Heading.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"\"sm\" | \"md\" | \"lg\" | undefined","value":[{"value":"undefined"},{"value":"\"sm\""},{"value":"\"md\""},{"value":"\"lg\""}]}}}},{"tags":{},"description":"","displayName":"Icon","methods":[],"props":{"size":{"defaultValue":{"value":"sm"},"description":"","name":"size","declarations":[],"required":false,"type":{"name":"enum","raw":"\"sm\" | \"md\" | \"lg\" | { sm?: \"sm\" | \"md\" | \"lg\" | undefined; md?: \"sm\" | \"md\" | \"lg\" | undefined; lg?: \"sm\" | \"md\" | \"lg\" | undefined; xl?: \"sm\" | \"md\" | \"lg\" | undefined; motion?: \"sm\" | \"md\" | \"lg\" | undefined; hover?: \"sm\" | ... 2 more ... | undefined; initial?: \"sm\" | ... 2 more ... | undefined; } | undefined","value":[{"value":"undefined"},{"value":"\"sm\""},{"value":"\"md\""},{"value":"\"lg\""},{"value":"{ sm?: \"sm\" | \"md\" | \"lg\" | undefined; md?: \"sm\" | \"md\" | \"lg\" | undefined; lg?: \"sm\" | \"md\" | \"lg\" | undefined; xl?: \"sm\" | \"md\" | \"lg\" | undefined; motion?: \"sm\" | \"md\" | \"lg\" | undefined; hover?: \"sm\" | ... 2 more ... | undefined; initial?: \"sm\" | ... 2 more ... | undefined; }"}]}},"css":{"defaultValue":null,"description":"","name":"css","declarations":[{"fileName":"components/node_modules/@stitches/react/types/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}> | undefined","value":[{"value":"undefined"},{"value":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}>"}]}},"is":{"defaultValue":null,"description":"","name":"is","declarations":[{"fileName":"components/icon/Icon.tsx","name":"TypeLiteral"}],"required":true,"type":{"name":"FC<SVGProps<SVGSVGElement>>"}},"as":{"defaultValue":null,"description":"","name":"as","declarations":[{"fileName":"components/icon/Icon.tsx","name":"TypeLiteral"}],"required":true,"type":{"name":"never"}}}},{"tags":{},"description":"","displayName":"Image","methods":[],"props":{"css":{"defaultValue":null,"description":"","name":"css","declarations":[{"fileName":"components/node_modules/@stitches/react/types/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}> | undefined","value":[{"value":"undefined"},{"value":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}>"}]}},"as":{"defaultValue":null,"description":"","name":"as","declarations":[{"fileName":"components/image/Image.tsx","name":"TypeLiteral"}],"required":true,"type":{"name":"never"}}}},{"tags":{},"description":"","displayName":"InputField","methods":[],"props":{"state":{"defaultValue":null,"description":"","name":"state","declarations":[],"required":false,"type":{"name":"enum","raw":"\"error\" | { sm?: \"error\" | undefined; md?: \"error\" | undefined; lg?: \"error\" | undefined; xl?: \"error\" | undefined; motion?: \"error\" | undefined; hover?: \"error\" | undefined; initial?: \"error\" | undefined; } | undefined","value":[{"value":"undefined"},{"value":"\"error\""},{"value":"{ sm?: \"error\" | undefined; md?: \"error\" | undefined; lg?: \"error\" | undefined; xl?: \"error\" | undefined; motion?: \"error\" | undefined; hover?: \"error\" | undefined; initial?: \"error\" | undefined; }"}]}},"css":{"defaultValue":{"value":"undefined"},"description":"","name":"css","declarations":[{"fileName":"components/node_modules/@stitches/react/types/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}> | undefined","value":[{"value":"undefined"},{"value":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}>"}]}},"as":{"defaultValue":null,"description":"","name":"as","declarations":[{"fileName":"components/src/components/input/Input.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"undefined"}},"type":{"defaultValue":null,"description":"","name":"type","declarations":[{"fileName":"components/src/components/input/Input.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"\"number\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"password\" | undefined","value":[{"value":"undefined"},{"value":"\"number\""},{"value":"\"text\""},{"value":"\"tel\""},{"value":"\"url\""},{"value":"\"email\""},{"value":"\"password\""}]}},"label":{"defaultValue":null,"description":"","name":"label","declarations":[{"fileName":"components/input-field/InputField.tsx","name":"TypeLiteral"}],"required":true,"type":{"name":"string"}},"error":{"defaultValue":{"value":"undefined"},"description":"","name":"error","declarations":[{"fileName":"components/input-field/InputField.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"string | undefined","value":[{"value":"undefined"},{"value":"string"}]}},"register":{"defaultValue":{"value":null},"description":"","name":"register","declarations":[{"fileName":"components/input-field/InputField.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"ForwardedRef<HTMLInputElement> | undefined","value":[{"value":"undefined"},{"value":"null"},{"value":"(instance: HTMLInputElement | null) => void"},{"value":"MutableRefObject<HTMLInputElement | null>"}]}},"validation":{"defaultValue":null,"description":"","name":"validation","declarations":[{"fileName":"components/input-field/InputField.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"ValidationOptions | undefined","value":[{"value":"undefined"},{"value":"ValidationOptions"}]}}}},{"tags":{},"description":"","displayName":"Input","methods":[],"props":{"state":{"defaultValue":null,"description":"","name":"state","declarations":[],"required":false,"type":{"name":"enum","raw":"\"error\" | { sm?: \"error\" | undefined; md?: \"error\" | undefined; lg?: \"error\" | undefined; xl?: \"error\" | undefined; motion?: \"error\" | undefined; hover?: \"error\" | undefined; initial?: \"error\" | undefined; } | undefined","value":[{"value":"undefined"},{"value":"\"error\""},{"value":"{ sm?: \"error\" | undefined; md?: \"error\" | undefined; lg?: \"error\" | undefined; xl?: \"error\" | undefined; motion?: \"error\" | undefined; hover?: \"error\" | undefined; initial?: \"error\" | undefined; }"}]}},"css":{"defaultValue":null,"description":"","name":"css","declarations":[{"fileName":"components/node_modules/@stitches/react/types/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}> | undefined","value":[{"value":"undefined"},{"value":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}>"}]}},"as":{"defaultValue":null,"description":"","name":"as","declarations":[{"fileName":"components/input/Input.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"undefined"}},"type":{"defaultValue":{"value":"text"},"description":"","name":"type","declarations":[{"fileName":"components/input/Input.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"\"number\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"password\" | undefined","value":[{"value":"undefined"},{"value":"\"number\""},{"value":"\"text\""},{"value":"\"tel\""},{"value":"\"url\""},{"value":"\"email\""},{"value":"\"password\""}]}}}},{"tags":{},"description":"","displayName":"Label","methods":[],"props":{"size":{"defaultValue":{"value":"md"},"description":"","name":"size","declarations":[],"required":false,"type":{"name":"enum","raw":"\"sm\" | \"md\" | { sm?: \"sm\" | \"md\" | undefined; md?: \"sm\" | \"md\" | undefined; lg?: \"sm\" | \"md\" | undefined; xl?: \"sm\" | \"md\" | undefined; motion?: \"sm\" | \"md\" | undefined; hover?: \"sm\" | \"md\" | undefined; initial?: \"sm\" | ... 1 more ... | undefined; } | undefined","value":[{"value":"undefined"},{"value":"\"sm\""},{"value":"\"md\""},{"value":"{ sm?: \"sm\" | \"md\" | undefined; md?: \"sm\" | \"md\" | undefined; lg?: \"sm\" | \"md\" | undefined; xl?: \"sm\" | \"md\" | undefined; motion?: \"sm\" | \"md\" | undefined; hover?: \"sm\" | \"md\" | undefined; initial?: \"sm\" | ... 1 more ... | undefined; }"}]}},"css":{"defaultValue":null,"description":"","name":"css","declarations":[{"fileName":"components/node_modules/@stitches/react/types/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}> | undefined","value":[{"value":"undefined"},{"value":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}>"}]}},"as":{"defaultValue":null,"description":"","name":"as","declarations":[{"fileName":"components/label/Label.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"undefined"}}}},{"tags":{},"description":"","displayName":"Link","methods":[],"props":{"size":{"defaultValue":{"value":"md"},"description":"","name":"size","declarations":[],"required":false,"type":{"name":"enum","raw":"\"sm\" | \"md\" | \"lg\" | { sm?: \"sm\" | \"md\" | \"lg\" | undefined; md?: \"sm\" | \"md\" | \"lg\" | undefined; lg?: \"sm\" | \"md\" | \"lg\" | undefined; xl?: \"sm\" | \"md\" | \"lg\" | undefined; motion?: \"sm\" | \"md\" | \"lg\" | undefined; hover?: \"sm\" | ... 2 more ... | undefined; initial?: \"sm\" | ... 2 more ... | undefined; } | undefined","value":[{"value":"undefined"},{"value":"\"sm\""},{"value":"\"md\""},{"value":"\"lg\""},{"value":"{ sm?: \"sm\" | \"md\" | \"lg\" | undefined; md?: \"sm\" | \"md\" | \"lg\" | undefined; lg?: \"sm\" | \"md\" | \"lg\" | undefined; xl?: \"sm\" | \"md\" | \"lg\" | undefined; motion?: \"sm\" | \"md\" | \"lg\" | undefined; hover?: \"sm\" | ... 2 more ... | undefined; initial?: \"sm\" | ... 2 more ... | undefined; }"}]}},"as":{"defaultValue":null,"description":"","name":"as","declarations":[{"fileName":"components/node_modules/@stitches/react/types/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"\"a\" | undefined","value":[{"value":"undefined"},{"value":"\"a\""}]}},"css":{"defaultValue":null,"description":"","name":"css","declarations":[{"fileName":"components/node_modules/@stitches/react/types/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}> | undefined","value":[{"value":"undefined"},{"value":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}>"}]}}}},{"tags":{},"description":"","displayName":"Loader","methods":[],"props":{"message":{"defaultValue":{"value":"Loading"},"description":"","name":"message","declarations":[{"fileName":"components/loader/Loader.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"string | undefined","value":[{"value":"undefined"},{"value":"string"}]}},"size":{"defaultValue":{"value":"md"},"description":"","name":"size","declarations":[{"fileName":"components/loader/Loader.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"\"sm\" | \"md\" | \"lg\" | undefined","value":[{"value":"undefined"},{"value":"\"sm\""},{"value":"\"md\""},{"value":"\"lg\""}]}},"css":{"defaultValue":{"value":"{}"},"description":"","name":"css","declarations":[{"fileName":"components/loader/Loader.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; }, {}, MapUtils<{ p: (config: UtilConfig<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; }, {}, \"\", CSSPropertiesToTokenScale>) => (value: CSSValue) => InternalCSS<...>; ... 14 more ...; size...","value":[{"value":"undefined"},{"value":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; }, {}, MapUtils<{ p: (config: UtilConfig<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; }, {}, \"\", CSSPropertiesToTokenScale>) => (value: CSSValue) => InternalCSS<...>; ... 14 more ...; size..."}]}}}},{"tags":{},"description":"","displayName":"Popover","methods":[],"props":{"css":{"defaultValue":null,"description":"","name":"css","declarations":[{"fileName":"components/node_modules/@stitches/react/types/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}> | undefined","value":[{"value":"undefined"},{"value":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}>"}]}},"as":{"defaultValue":null,"description":"","name":"as","declarations":[{"fileName":"components/node_modules/@stitches/react/types/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"\"span\" | undefined","value":[{"value":"undefined"},{"value":"\"span\""}]}},"id":{"defaultValue":null,"description":"","name":"id","declarations":[{"fileName":"components/popover/Popover.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"string | undefined","value":[{"value":"undefined"},{"value":"string"}]}},"content":{"defaultValue":null,"description":"","name":"content","declarations":[{"fileName":"components/popover/Popover.tsx","name":"TypeLiteral"}],"required":true,"type":{"name":"string"}},"align":{"defaultValue":{"value":"center"},"description":"","name":"align","declarations":[{"fileName":"components/popover/Popover.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"\"left\" | \"right\" | \"center\"","value":[{"value":"\"left\""},{"value":"\"right\""},{"value":"\"center\""}]}},"defaultOpen":{"defaultValue":{"value":false},"description":"","name":"defaultOpen","declarations":[{"fileName":"components/popover/Popover.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"boolean | undefined","value":[{"value":"undefined"},{"value":"false"},{"value":"true"}]}}}},{"tags":{},"description":"","displayName":"ProgressBar","methods":[],"props":{"as":{"defaultValue":null,"description":"","name":"as","declarations":[{"fileName":"components/node_modules/@stitches/react/types/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"ProgressPrimitive | undefined","value":[{"value":"undefined"},{"value":"ProgressPrimitive"}]}},"max":{"defaultValue":null,"description":"","name":"max","declarations":[{"fileName":"components/node_modules/@radix-ui/react-progress/dist/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"number | undefined","value":[{"value":"undefined"},{"value":"number"}]}},"value":{"defaultValue":null,"description":"","name":"value","declarations":[{"fileName":"components/node_modules/@radix-ui/react-progress/dist/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"number | null | undefined","value":[{"value":"undefined"},{"value":"null"},{"value":"number"}]}},"selector":{"defaultValue":null,"description":"A string to use as the component selector for CSS purposes. It will be added as\na data attribute. Pass `null` to remove selector.\n@defaultValue radix-{component-name}\n@example `AccordionItem` component will have `radix-accordion-item` selector by\ndefault. Passing `selector=\"org-accordion-item\"` will replace selector\nwith `org-accordion-item`.","name":"selector","declarations":[{"fileName":"components/node_modules/@radix-ui/react-primitive/dist/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"string | null | undefined","value":[{"value":"undefined"},{"value":"null"},{"value":"string"}]}},"getValueLabel":{"defaultValue":null,"description":"","name":"getValueLabel","declarations":[{"fileName":"components/node_modules/@radix-ui/react-progress/dist/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"((value: number, max: number) => string) | undefined","value":[{"value":"undefined"},{"value":"(value: number, max: number) => string"}]}},"css":{"defaultValue":null,"description":"","name":"css","declarations":[{"fileName":"components/node_modules/@stitches/react/types/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}> | undefined","value":[{"value":"undefined"},{"value":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}>"}]}},"appearance":{"defaultValue":{"value":"outline"},"description":"","name":"appearance","declarations":[{"fileName":"components/progress-bar/ProgressBar.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"\"outline\" | \"solid\" | undefined","value":[{"value":"undefined"},{"value":"\"outline\""},{"value":"\"solid\""}]}},"theme":{"defaultValue":{"value":"primary"},"description":"","name":"theme","declarations":[{"fileName":"components/progress-bar/ProgressBar.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"\"primary\" | \"secondary\" | \"tertiary\" | \"success\" | \"warning\" | \"danger\" | undefined","value":[{"value":"undefined"},{"value":"\"primary\""},{"value":"\"secondary\""},{"value":"\"tertiary\""},{"value":"\"success\""},{"value":"\"warning\""},{"value":"\"danger\""}]}},"id":{"defaultValue":null,"description":"","name":"id","declarations":[{"fileName":"components/progress-bar/ProgressBar.tsx","name":"TypeLiteral"},{"fileName":"components/progress-bar/ProgressBar.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"string | undefined","value":[{"value":"undefined"},{"value":"string"}]}},"aria-label":{"defaultValue":null,"description":"","name":"aria-label","declarations":[{"fileName":"components/progress-bar/ProgressBar.tsx","name":"TypeLiteral"},{"fileName":"components/progress-bar/ProgressBar.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"string | undefined","value":[{"value":"undefined"},{"value":"string"}]}}}},{"tags":{},"description":"","displayName":"RadioButton","methods":[],"props":{"defaultChecked":{"defaultValue":null,"description":"","name":"defaultChecked","declarations":[{"fileName":"components/node_modules/@radix-ui/react-radio-group/dist/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"boolean | undefined","value":[{"value":"undefined"},{"value":"false"},{"value":"true"}]}},"value":{"defaultValue":null,"description":"","name":"value","declarations":[{"fileName":"components/node_modules/@radix-ui/react-radio-group/dist/index.d.ts","name":"TypeLiteral"}],"required":true,"type":{"name":"string"}},"checked":{"defaultValue":null,"description":"","name":"checked","declarations":[{"fileName":"components/node_modules/@radix-ui/react-radio-group/dist/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"boolean | undefined","value":[{"value":"undefined"},{"value":"false"},{"value":"true"}]}},"readOnly":{"defaultValue":null,"description":"","name":"readOnly","declarations":[{"fileName":"components/node_modules/@radix-ui/react-radio-group/dist/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"boolean | undefined","value":[{"value":"undefined"},{"value":"false"},{"value":"true"}]}},"required":{"defaultValue":null,"description":"","name":"required","declarations":[{"fileName":"components/node_modules/@radix-ui/react-radio-group/dist/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"boolean | undefined","value":[{"value":"undefined"},{"value":"false"},{"value":"true"}]}},"selector":{"defaultValue":null,"description":"A string to use as the component selector for CSS purposes. It will be added as\na data attribute. Pass `null` to remove selector.\n@defaultValue radix-{component-name}\n@example `AccordionItem` component will have `radix-accordion-item` selector by\ndefault. Passing `selector=\"org-accordion-item\"` will replace selector\nwith `org-accordion-item`.","name":"selector","declarations":[{"fileName":"components/node_modules/@radix-ui/react-primitive/dist/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"string | null | undefined","value":[{"value":"undefined"},{"value":"null"},{"value":"string"}]}},"onCheckedChange":{"defaultValue":null,"description":"","name":"onCheckedChange","declarations":[{"fileName":"components/node_modules/@radix-ui/react-radio-group/dist/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"ChangeEventHandler<HTMLInputElement> | undefined","value":[{"value":"undefined"},{"value":"ChangeEventHandler<HTMLInputElement>"}]}},"css":{"defaultValue":null,"description":"","name":"css","declarations":[{"fileName":"components/node_modules/@stitches/react/types/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}> | undefined","value":[{"value":"undefined"},{"value":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}>"}]}},"as":{"defaultValue":null,"description":"","name":"as","declarations":[{"fileName":"components/radio/RadioButton.tsx","name":"TypeLiteral"}],"required":true,"type":{"name":"never"}},"aria-label":{"defaultValue":null,"description":"","name":"aria-label","declarations":[{"fileName":"components/radio/RadioButton.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"string | undefined","value":[{"value":"undefined"},{"value":"string"}]}}}},{"tags":{},"description":"","displayName":"RadioButtonGroup","methods":[],"props":{"as":{"defaultValue":null,"description":"","name":"as","declarations":[{"fileName":"components/node_modules/@stitches/react/types/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"RadioGroupPrimitive | undefined","value":[{"value":"undefined"},{"value":"RadioGroupPrimitive"}]}},"name":{"defaultValue":null,"description":"","name":"name","declarations":[{"fileName":"components/node_modules/@radix-ui/react-radio-group/dist/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"string | undefined","value":[{"value":"undefined"},{"value":"string"}]}},"defaultValue":{"defaultValue":null,"description":"","name":"defaultValue","declarations":[{"fileName":"components/node_modules/@radix-ui/react-radio-group/dist/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"string | undefined","value":[{"value":"undefined"},{"value":"string"}]}},"value":{"defaultValue":null,"description":"","name":"value","declarations":[{"fileName":"components/node_modules/@radix-ui/react-radio-group/dist/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"string | undefined","value":[{"value":"undefined"},{"value":"string"}]}},"required":{"defaultValue":null,"description":"","name":"required","declarations":[{"fileName":"components/node_modules/@radix-ui/react-radio-group/dist/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"boolean | undefined","value":[{"value":"undefined"},{"value":"false"},{"value":"true"}]}},"selector":{"defaultValue":null,"description":"A string to use as the component selector for CSS purposes. It will be added as\na data attribute. Pass `null` to remove selector.\n@defaultValue radix-{component-name}\n@example `AccordionItem` component will have `radix-accordion-item` selector by\ndefault. Passing `selector=\"org-accordion-item\"` will replace selector\nwith `org-accordion-item`.","name":"selector","declarations":[{"fileName":"components/node_modules/@radix-ui/react-primitive/dist/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"string | null | undefined","value":[{"value":"undefined"},{"value":"null"},{"value":"string"}]}},"onValueChange":{"defaultValue":null,"description":"","name":"onValueChange","declarations":[{"fileName":"components/node_modules/@radix-ui/react-radio-group/dist/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"((event: ChangeEvent<HTMLInputElement>) => void) | undefined","value":[{"value":"undefined"},{"value":"(event: ChangeEvent<HTMLInputElement>) => void"}]}},"css":{"defaultValue":null,"description":"","name":"css","declarations":[{"fileName":"components/node_modules/@stitches/react/types/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}> | undefined","value":[{"value":"undefined"},{"value":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}>"}]}}}},{"tags":{},"description":"","displayName":"Select","methods":[],"props":{"css":{"defaultValue":null,"description":"","name":"css","declarations":[{"fileName":"components/node_modules/@stitches/react/types/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}> | undefined","value":[{"value":"undefined"},{"value":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}>"}]}},"as":{"defaultValue":null,"description":"","name":"as","declarations":[{"fileName":"components/select/Select.tsx","name":"TypeLiteral"}],"required":true,"type":{"name":"never"}},"options":{"defaultValue":null,"description":"","name":"options","declarations":[{"fileName":"components/select/Select.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"{ value: string; label: string; disabled?: boolean | undefined; }[] | undefined","value":[{"value":"undefined"},{"value":"{ value: string; label: string; disabled?: boolean | undefined; }[]"}]}},"defaultOption":{"defaultValue":null,"description":"","name":"defaultOption","declarations":[{"fileName":"components/select/Select.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"string | undefined","value":[{"value":"undefined"},{"value":"string"}]}},"id":{"defaultValue":null,"description":"","name":"id","declarations":[{"fileName":"components/select/Select.tsx","name":"TypeLiteral"},{"fileName":"components/select/Select.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"string | undefined","value":[{"value":"undefined"},{"value":"string"}]}},"aria-label":{"defaultValue":null,"description":"","name":"aria-label","declarations":[{"fileName":"components/select/Select.tsx","name":"TypeLiteral"},{"fileName":"components/select/Select.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"string | undefined","value":[{"value":"undefined"},{"value":"string"}]}}}},{"tags":{},"description":"","displayName":"Text","methods":[],"props":{"css":{"defaultValue":null,"description":"","name":"css","declarations":[{"fileName":"components/node_modules/@stitches/react/types/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}> | undefined","value":[{"value":"undefined"},{"value":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}>"}]}},"as":{"defaultValue":{"value":"p"},"description":"","name":"as","declarations":[{"fileName":"components/text/Text.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"\"p\" | \"blockquote\" | \"caption\" | \"dd\" | \"dt\" | \"figcaption\" | \"li\" | \"span\" | undefined","value":[{"value":"undefined"},{"value":"\"p\""},{"value":"\"blockquote\""},{"value":"\"caption\""},{"value":"\"dd\""},{"value":"\"dt\""},{"value":"\"figcaption\""},{"value":"\"li\""},{"value":"\"span\""}]}},"size":{"defaultValue":{"value":"md"},"description":"","name":"size","declarations":[{"fileName":"components/text/Text.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"\"sm\" | \"md\" | \"lg\" | undefined","value":[{"value":"undefined"},{"value":"\"sm\""},{"value":"\"md\""},{"value":"\"lg\""}]}}}},{"tags":{},"description":"","displayName":"Textarea","methods":[],"props":{"as":{"defaultValue":null,"description":"","name":"as","declarations":[{"fileName":"components/node_modules/@stitches/react/types/index.d.ts","name":"TypeLiteral"}],"required":true,"type":{"name":"string"}},"css":{"defaultValue":null,"description":"","name":"css","declarations":[{"fileName":"components/node_modules/@stitches/react/types/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}> | undefined","value":[{"value":"undefined"},{"value":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}>"}]}}}},{"tags":{},"description":"","displayName":"ValidationError","methods":[],"props":{"as":{"defaultValue":null,"description":"","name":"as","declarations":[{"fileName":"components/node_modules/@stitches/react/types/index.d.ts","name":"TypeLiteral"}],"required":true,"type":{"name":"string"}},"css":{"defaultValue":null,"description":"","name":"css","declarations":[{"fileName":"components/node_modules/@stitches/react/types/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}> | undefined","value":[{"value":"undefined"},{"value":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; } & { initial: \"\"; }, {}, { p: CSSValue; pt: CSSValue; pr: CSSValue; pb: CSSValue; ... 11 more ...; size: CSSValue | CSSValue[]; }, {}>"}]}}}},{"tags":{},"description":"","displayName":"Video","methods":[],"props":{"externalId":{"defaultValue":null,"description":"","name":"externalId","declarations":[{"fileName":"components/video/Video.tsx","name":"TypeLiteral"}],"required":true,"type":{"name":"string"}},"ratio":{"defaultValue":{"value":"9 / 16"},"description":"","name":"ratio","declarations":[{"fileName":"components/video/Video.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"number | undefined","value":[{"value":"undefined"},{"value":"number"}]}}}},{"tags":{},"description":"","displayName":"CSSWrapper","methods":[],"props":{"css":{"defaultValue":null,"description":"","name":"css","declarations":[{"fileName":"src/utilities/css-wrapper/CSSWrapper.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; }, {}, MapUtils<{ p: (config: UtilConfig<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; }, {}, \"\", CSSPropertiesToTokenScale>) => (value: CSSValue) => InternalCSS<...>; ... 14 more ...; size...","value":[{"value":"undefined"},{"value":"InternalCSS<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; }, {}, MapUtils<{ p: (config: UtilConfig<{ sm: string; md: string; lg: string; xl: string; motion: string; hover: string; }, {}, \"\", CSSPropertiesToTokenScale>) => (value: CSSValue) => InternalCSS<...>; ... 14 more ...; size..."}]}}}}] |
@@ -1,1 +0,1 @@ | ||
| "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("@atom-learning/theme"),a=require("@stitches/react"),o=require("@radix-ui/react-checkbox"),r=require("@radix-ui/react-icons"),n=require("@radix-ui/react-visually-hidden"),i=require("@radix-ui/react-progress"),s=require("@radix-ui/react-radio-group"),l=require("react-player/vimeo");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=c(t),p=c(l);const m={p:()=>e=>({padding:e}),pt:()=>e=>({paddingTop:e}),pr:()=>e=>({paddingRight:e}),pb:()=>e=>({paddingBottom:e}),pl:()=>e=>({paddingLeft:e}),px:()=>e=>({paddingLeft:e,paddingRight:e}),py:()=>e=>({paddingTop:e,paddingBottom:e}),m:()=>e=>({margin:e}),mt:()=>e=>({marginTop:e}),mr:()=>e=>({marginRight:e}),mb:()=>e=>({marginBottom:e}),ml:()=>e=>({marginLeft:e}),mx:()=>e=>({marginLeft:e,marginRight:e}),my:()=>e=>({marginTop:e,marginBottom:e}),bg:()=>e=>({background:e}),size:()=>e=>{if(Array.isArray(e)){const[t,a]=e;return{height:t,width:a}}return{height:e,width:e}}},h={sm:"@media (min-width: 550px)",md:"@media (min-width: 800px)",lg:"@media (min-width: 1100px)",xl:"@media (min-width: 1350px)",motion:"@media (prefers-reduced-motion)",hover:"@media (hover: hover)"},g=a.createCss({theme:d.default,utils:m,conditions:h}),{css:u,getCssString:b,global:y,keyframes:$,styled:x,theme:f}=g,v=x("div",{}),w=t=>e.createElement(v,Object.assign({},t));w.displayName="Box";const k=(e,t)=>({boxShadow:"inset 0 0 0 2px",color:e,backgroundColor:"white","&:not([disabled]):hover, &:not([disabled]):focus":{textDecoration:"none",color:t,backgroundColor:"white"},"&:active":{color:e},"&[disabled]":{backgroundColor:"white",color:t}}),S=(e,t)=>({backgroundColor:e,color:"white","&:not([disabled]):hover, &:not([disabled]):focus":{backgroundColor:t},"&:active":{backgroundColor:e},"&[disabled]":{backgroundColor:"$tonal300",color:"$tonal600"}}),C=x("button",{background:"unset",border:"none",borderRadius:"$0",cursor:"pointer",display:"flex",justifyContent:"center",alignItems:"center",fontFamily:"$sans",fontSize:"$md",fontWeight:500,height:"$2",letterSpacing:"0.02em",lineHeight:1.4,transition:"all 125ms ease-out",textDecoration:"none",px:"$4",py:"$2",whiteSpace:"nowrap",width:"max-content","&[disabled]":{opacity:.35,cursor:"not-allowed"},variants:{theme:{primary:{},secondary:{},tertiary:{},success:{},warning:{},danger:{}},appearance:{solid:{},outline:{}}},compoundVariants:[{theme:"primary",appearance:"solid",css:S("$primary500","$primary900")},{theme:"secondary",appearance:"solid",css:S("$secondary500","$secondary700")},{theme:"tertiary",appearance:"solid",css:S("$tertiary500","$tertiary700")},{theme:"success",appearance:"solid",css:S("$success","$successDark")},{theme:"warning",appearance:"solid",css:S("$warning","$warningDark")},{theme:"danger",appearance:"solid",css:S("$danger","$dangerDark")},{theme:"primary",appearance:"outline",css:k("$primary500","$primary900")},{theme:"secondary",appearance:"outline",css:k("$secondary500","$secondary900")},{theme:"tertiary",appearance:"outline",css:k("$tertiary500","$tertiary700")}]}),z=({theme:t="primary",appearance:a="solid",...o})=>e.createElement(C,Object.assign({theme:t,appearance:a},o));z.displayName="Button";const E=x(o.Root,{appearance:"none",backgroundColor:"transparent",border:"none",borderRadius:"$0",boxShadow:"inset 0 0 0 2px $colors$secondary300",color:"white",cursor:"pointer",height:"$0",width:"$0",padding:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"all 100ms ease-out",'&[data-state="unchecked"]:focus, &[data-state="unchecked"]:hover':{backgroundColor:"$tonal300",boxShadow:"inset 0 0 0 2px $colors$secondary700",outline:"none"},'&[data-state="checked"]':{backgroundColor:"$secondary300"},'&[data-state="checked"]:hover, &[data-state="unchecked"]:focus':{backgroundColor:"$secondary700",boxShadow:"inset 0 0 0 2px $colors$secondary700",outline:"none"},"&:focus-within":{outline:"none"}}),j=t=>e.createElement(E,Object.assign({},t),e.createElement(o.Indicator,{as:r.CheckIcon}));j.displayName="Checkbox";const O=x("div",{display:"flex"}),R=t=>e.createElement(O,Object.assign({},t));R.displayName="Flex";const I=x("div",{display:"grid"});I.displayName="Grid";const N=x("h1",{color:"$tonal-900",fontFamily:"$sans",fontWeight:"700",margin:0,lineHeight:"1.4",variants:{size:{sm:{fontSize:"$lg",letterSpacing:"0.01em"},md:{fontSize:"$xl",letterSpacing:"0.02em"},lg:{fontSize:"$xxl",letterSpacing:"0.02em"}}}}),B=({as:t="h2",size:a="md",...o})=>e.createElement(N,Object.assign({as:t,size:a},o));B.displayName="Heading";const H=x("svg",{color:"currentcolor",display:"inline-block",verticalAlign:"middle",variants:{size:{sm:{height:16,width:16},md:{height:24,width:24},lg:{height:32,width:32}}}});function L(){return(L=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var o in a)Object.prototype.hasOwnProperty.call(a,o)&&(e[o]=a[o])}return e}).apply(this,arguments)}var W=e.createElement("path",{d:"M20 6L9 17l-5-5"});function F(){return(F=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var o in a)Object.prototype.hasOwnProperty.call(a,o)&&(e[o]=a[o])}return e}).apply(this,arguments)}var _=e.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"});const T=x("img",{verticalAlign:"middle",maxWidth:"100%","&[width]":{width:"auto"},"&[width][height]":{height:"auto"},'&[src$=".svg"]':{width:"100%",height:"auto",maxWidth:"none"}});T.displayName="Image";const D=x("input",{appearance:"none",border:"1px solid $tonal500",borderRadius:"$0",boxShadow:"none",boxSizing:"border-box",color:"$tonal900",cursor:"text",display:"block",fontFamily:"$sans",fontSize:"$md",height:"$2",width:"100%",p:"$3",transition:"all 100ms ease-out","&:focus":{borderColor:"$primary900",boxShadow:"inset 0 0 0 1px $colors$primary900",outline:"none"},"&[disabled]":{backgroundColor:"$tonal300",color:"$tonal700",cursor:"not-allowed"},variants:{state:{error:{border:"1px solid $danger"}}}}),q=({type:t="text",...a})=>"number"===t?e.createElement(D,Object.assign({type:"text",inputMode:"numeric",pattern:"[0-9]*"},a)):e.createElement(D,Object.assign({type:t},a));q.displayName="Input";const P=x("label",{color:"$secondary300",display:"block",fontFamily:"$sans",fontWeight:500,letterSpacing:"0.02em",lineHeight:"1.4",variants:{size:{sm:{fontSize:"$sm"},md:{fontSize:"$md"}}}}),M=({size:t="md",children:a,...o})=>e.createElement(P,Object.assign({size:t},o),a);M.displayName="Label";const A=x("p",{color:"$tonal900",fontFamily:"$sans",fontWeight:400,margin:0,maxWidth:"60ch",variants:{size:{sm:{fontSize:"$sm",letterSpacing:"0.01em",lineHeight:1.6},md:{fontSize:"$md",letterSpacing:"0.02em",lineHeight:1.4},lg:{fontSize:"$lg",letterSpacing:"0.02em",lineHeight:1.4}}}}),V=({as:t="p",size:a="md",...o})=>e.createElement(A,Object.assign({as:t,size:a},o));V.displayName="Text";const G=x(V,{color:"$danger"}),U=({css:t,label:a,name:o,error:r,required:n=!1,...i})=>e.createElement(w,{css:t},e.createElement(M,{css:{mb:"$1"},htmlFor:o},`${a} ${n?"*":""}`),e.createElement(q,Object.assign({css:{mb:"$1"},id:o,name:o},r&&{state:"error"},i)),r&&e.createElement(G,null,r));U.displayName="InputField";const K=x("a",{color:"$primary500",fontFamily:"$sans",textDecoration:"none",cursor:"pointer","&:visited":{color:"$primary500"},"&:focus, &:hover":{color:"$primary900",textDecoration:"underline"},"&:active":{color:"$primary500"},variants:{size:{sm:{fontSize:"$sm",letterSpacing:"0.01em",lineHeight:1.6},md:{fontSize:"$md",letterSpacing:"0.02em",lineHeight:1.4},lg:{fontSize:"$lg",letterSpacing:"0.02em",lineHeight:1.4}}}}),J=e.forwardRef((({size:t="md",...a},o)=>e.createElement(K,Object.assign({size:t},a,{ref:o}))));J.displayName="Link";const Q=x("div",{animationName:`${$({"0%":{opacity:0},"30%":{opacity:1},"50%":{opacity:1},"80%":{opacity:0},"100%":{opacity:0}})}`,animationDuration:"1s",animationFillMode:"both",animationIterationCount:"infinite",animationTimingFunction:"linear",backgroundColor:"currentColor",borderRadius:"100%","&:nth-child(1)":{animationDelay:"-300ms"},"&:nth-child(2)":{animationDelay:"-150ms"},"&:nth-child(3)":{animationDelay:0},variants:{size:{sm:{size:"4px",mx:"2px"},md:{size:"6px",mx:"2px"},lg:{size:"8px",mx:"3px"}}}}),X=e=>({"&::after":{borderStyle:"solid",borderColor:"transparent",content:"''",height:0,pointerEvents:"none",position:"absolute",top:"100%",width:0,borderTopColor:"white",borderWidth:8,ml:-8,...e},"&::before":{borderStyle:"solid",borderColor:"transparent",content:"''",height:0,pointerEvents:"none",position:"absolute",top:"100%",width:0,borderTopColor:"$tonal400",borderWidth:9,ml:-9,...e}}),Y=x("span",{position:"relative"}),Z=x("div",{boxShadow:"$0",borderRadius:"$1",backgroundColor:"white",border:"1px solid $tonal400",bottom:"calc(100% + $3)",listStyleType:"none",minWidth:140,maxWidth:354,p:"$3",position:"absolute",transition:"all 150ms ease-in-out",width:"max-content",opacity:0,visibility:"hidden",variants:{align:{left:{...X({left:40}),left:0,transformOrigin:"60px bottom",transform:"translate(-20px, $2) scale(0.9)"},center:{...X({left:"50%"}),transformOrigin:"center bottom",transform:"translate(-50%, $2) scale(0.9)"},right:{...X({right:31}),right:0,transformOrigin:"calc(100% - 51px) bottom",transform:"translate(0, $2) scale(0.9)"}},visibility:{true:{opacity:1,visibility:"visible"}}}}),ee=({id:t,children:a,content:o,align:r="center",defaultOpen:n=!1,...i})=>{const s=e.useRef(null),[l,c]=e.useState(n),d=`popover-trigger-${t||Math.random().toString(36).substr(2,9)}`,p=()=>{c(!l)},m=e=>{void 0===e.keyCode||32!==e.keyCode&&13!==e.keyCode||c(!l)},h=e.forwardRef(((t,a)=>e.createElement("span",Object.assign({id:d,"aria-expanded":l,role:"button",tabIndex:0,"aria-label":"popover trigger",onClick:p,onKeyPress:m,ref:a},t))));return e.createElement(Y,Object.assign({},i),e.createElement(h,{ref:s},a),e.createElement(Z,{role:"tooltip",align:r,"aria-labelledby":d,"aria-hidden":!l,visibility:l},o))};ee.displayName="Popover";const te=e=>({background:"$tonal300",color:e}),ae=e=>({border:"1px solid $tonal400",background:"white",color:e}),oe=x(i.Root,{borderRadius:25,height:12,position:"relative",overflow:"hidden",width:"100%",variants:{appearance:{outline:{},solid:{}},theme:{primary:{},secondary:{},tertiary:{},success:{},warning:{},danger:{}}},compoundVariants:[{theme:"primary",appearance:"solid",css:te("$primary500")},{theme:"secondary",appearance:"solid",css:te("$secondary500")},{theme:"tertiary",appearance:"solid",css:te("$tertiary500")},{theme:"success",appearance:"solid",css:te("$success")},{theme:"warning",appearance:"solid",css:te("$warning")},{theme:"danger",appearance:"solid",css:te("$danger")},{theme:"primary",appearance:"outline",css:ae("$primary500")},{theme:"secondary",appearance:"outline",css:ae("$secondary500")},{theme:"tertiary",appearance:"outline",css:ae("$tertiary500")},{theme:"success",appearance:"outline",css:ae("$success")},{theme:"warning",appearance:"outline",css:ae("$warning")},{theme:"danger",appearance:"outline",css:ae("$danger")}]}),re=x(i.Indicator,{boxSizing:"border-box",position:"absolute",backgroundColor:"currentcolor",height:"100%"}),ne=({value:t,appearance:a="outline",theme:o="primary",...r})=>e.createElement(oe,Object.assign({appearance:a,theme:o},r),e.createElement(re,{style:{width:`${t}%`}}));ne.displayName="ProgressBar";const ie=x(s.Item,{appearance:"none",backgroundColor:"transparent",padding:0,borderRadius:"50%",borderColor:"$secondary300",borderWidth:2,borderStyle:"solid",width:"$0",height:"$0",display:"inline-flex",alignItems:"center",justifyContent:"center",verticalAlign:"middle","&:focus":{outline:"none"},":checked + &":{backgroundColor:"$secondary300"},"[disabled] + &":{backgroundColor:"$tonal600",border:"2px solid $tonal600"}}),se=x(s.Indicator,{width:8,height:8,borderRadius:"50%",backgroundColor:"white"}),le=t=>e.createElement(ie,Object.assign({},t),e.createElement(se,null));le.displayName="RadioButton";const ce=x(s.Root,{}),de=t=>e.createElement(ce,Object.assign({},t));de.displayName="RadioButtonGroup";const pe=x("select",{appearance:"none",backgroundColor:"white",backgroundImage:`url(data:image/svg+xml;charset=US-ASCII,${encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="292.4" height="292.4"><path fill="#1066b2" d="M287 69a18 18 0 00-13-5H18c-5 0-9 2-12 5a18 18 0 00-6 13c0 5 2 10 5 13l128 128c4 4 8 5 13 5s9-1 13-5L287 95c4-3 5-8 5-13s-2-9-5-13z"/></svg>')})`,backgroundPosition:"right 16px top 50%, 0 0",backgroundRepeat:"no-repeat, repeat",backgroundSize:"0.65em auto, 100%",borderRadius:"$0",border:"1px solid $tonal500",display:"block",fontFamily:"$sans",fontSize:"$md",fontWeight:400,height:"$2",letterSpacing:"0.01em",lineHeight:"1.4",px:"$3",py:"$2",transition:"all 75ms ease-out",width:"100%","&:hover":{cursor:"pointer"},"&:focus":{boxShadow:"inset 0 0 0 1px $colors$primary900",borderColor:"$primary900",outline:"none"},"&::-ms-expand":{display:"none"},"&[disabled], > option[disabled]":{opacity:"0.7",backgroundColor:"$tonal300",cursor:"not-allowed"}}),me=({options:t,defaultOption:a,...o})=>e.createElement(pe,Object.assign({},o),a&&e.createElement("option",null," ",a),t&&t.map((t=>e.createElement("option",{key:t.value,value:t.value,disabled:t.disabled},t.label))));me.displayName="Select";const he=x("textarea",{appearance:"none",borderRadius:"$0",border:"1px solid $tonal500",boxShadow:"none",fontFamily:"$sans",fontSize:"$md",fontWeight:400,letterSpacing:"0.01em",lineHeight:1.4,minHeight:100,resize:"vertical",width:"100%",color:"$tonal900",py:"$3",px:"$2",transition:"all 75ms ease-out","&:focus":{boxShadow:"inset 0 0 0 1px $color$primary900",borderColor:"$primary900",outline:"none"},"&[disabled]":{opacity:.7,backgroundColor:"$tonal300"}});he.displayName="Textarea";const ge=x(p.default,{}),ue=({externalId:t,ratio:a=9/16,...o})=>e.createElement(w,{css:{position:"relative",paddingTop:100*a+"%",overflow:"hidden",height:0}},e.createElement(ge,Object.assign({role:"figure",url:`https://player.vimeo.com/video/${t}`},o,{height:"100%",width:"100%",css:{position:"absolute",top:0,left:0}})));ue.displayName="Video",exports.Box=w,exports.Button=z,exports.Check=function(t){return e.createElement("svg",L({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",className:"check_svg__feather check_svg__feather-check"},t),W)},exports.Checkbox=j,exports.Flex=R,exports.Grid=I,exports.Heading=B,exports.Home=function(t){return e.createElement("svg",F({className:"home_svg__w-6 home_svg__h-6",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},t),_)},exports.Icon=({is:t,size:a="sm",...o})=>e.createElement(H,Object.assign({size:a,viewBox:"0 0 24 24","aria-hidden":"true"},o,{as:t})),exports.Image=T,exports.Input=q,exports.InputField=U,exports.Label=M,exports.Link=J,exports.Loader=({css:t={},message:a="Loading",size:o="md"})=>e.createElement(R,{css:{justifyContent:"center",...t},role:"alert"},e.createElement(n.Root,null,a),e.createElement(Q,{size:o}),e.createElement(Q,{size:o}),e.createElement(Q,{size:o})),exports.Popover=ee,exports.ProgressBar=ne,exports.RadioButton=le,exports.RadioButtonGroup=de,exports.Select=me,exports.Text=V,exports.Textarea=he,exports.ValidationError=G,exports.Video=ue,exports.conditions=h,exports.css=u,exports.getCssString=b,exports.globalCss=y,exports.keyframes=$,exports.styled=x,exports.theme=f,exports.utils=m; | ||
| "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("@atom-learning/theme"),a=require("@stitches/react"),r=require("@radix-ui/react-visually-hidden"),o=require("@radix-ui/react-checkbox"),n=require("@radix-ui/react-icons"),i=require("react-hook-form"),s=require("@radix-ui/react-progress"),l=require("@radix-ui/react-radio-group"),c=require("react-player/vimeo");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=d(t),m=d(c);const g={p:()=>e=>({padding:e}),pt:()=>e=>({paddingTop:e}),pr:()=>e=>({paddingRight:e}),pb:()=>e=>({paddingBottom:e}),pl:()=>e=>({paddingLeft:e}),px:()=>e=>({paddingLeft:e,paddingRight:e}),py:()=>e=>({paddingTop:e,paddingBottom:e}),m:()=>e=>({margin:e}),mt:()=>e=>({marginTop:e}),mr:()=>e=>({marginRight:e}),mb:()=>e=>({marginBottom:e}),ml:()=>e=>({marginLeft:e}),mx:()=>e=>({marginLeft:e,marginRight:e}),my:()=>e=>({marginTop:e,marginBottom:e}),bg:()=>e=>({background:e}),size:()=>e=>{if(Array.isArray(e)){const[t,a]=e;return{height:t,width:a}}return{height:e,width:e}}},h={sm:"@media (min-width: 550px)",md:"@media (min-width: 800px)",lg:"@media (min-width: 1100px)",xl:"@media (min-width: 1350px)",motion:"@media (prefers-reduced-motion)",hover:"@media (hover: hover)"},u=a.createCss({theme:p.default,utils:g,conditions:h}),{css:b,getCssString:y,global:$,keyframes:x,styled:f,theme:v}=u,w=f("div",{}),k=t=>e.createElement(w,Object.assign({},t));k.displayName="Box";const S=f("div",{display:"flex"}),C=t=>e.createElement(S,Object.assign({},t));C.displayName="Flex";const E=f("div",{animationName:`${x({"0%":{opacity:0},"30%":{opacity:1},"50%":{opacity:1},"80%":{opacity:0},"100%":{opacity:0}})}`,animationDuration:"1s",animationFillMode:"both",animationIterationCount:"infinite",animationTimingFunction:"linear",backgroundColor:"currentColor",borderRadius:"100%","&:nth-child(1)":{animationDelay:"-300ms"},"&:nth-child(2)":{animationDelay:"-150ms"},"&:nth-child(3)":{animationDelay:0},variants:{size:{sm:{size:"4px",mx:"2px"},md:{size:"6px",mx:"2px"},lg:{size:"8px",mx:"3px"}}}}),z=({css:t={},message:a="Loading",size:o="md"})=>e.createElement(C,{css:{justifyContent:"center",...t},role:"alert"},e.createElement(r.Root,null,a),e.createElement(E,{size:o}),e.createElement(E,{size:o}),e.createElement(E,{size:o})),j=(e,t)=>({boxShadow:"inset 0 0 0 2px",color:e,backgroundColor:"white","&:not([disabled]):hover, &:not([disabled]):focus":{textDecoration:"none",color:t,backgroundColor:"white"},"&:active":{color:e},"&[disabled]":{backgroundColor:"white",color:t}}),O=(e,t)=>({backgroundColor:e,color:"white","&:not([disabled]):hover, &:not([disabled]):focus":{backgroundColor:t},"&:active":{backgroundColor:e},"&[disabled]":{backgroundColor:"$tonal300",color:"$tonal600"}}),R=f("button",{background:"unset",border:"none",borderRadius:"$0",cursor:"pointer",display:"flex",justifyContent:"center",alignItems:"center",fontFamily:"$sans",fontSize:"$md",fontWeight:500,height:"$2",letterSpacing:"0.02em",lineHeight:1.4,transition:"all 125ms ease-out",textDecoration:"none",px:"$4",py:"$2",whiteSpace:"nowrap",width:"max-content","&[disabled]":{opacity:.35,cursor:"not-allowed"},"&.isLoading":{cursor:"not-allowed",opacity:.5},"&:not(.isLoading) span":{opacity:0,transition:"opacity 100ms ease-out"},"&.isLoading span":{opacity:1},variants:{theme:{primary:{},secondary:{},tertiary:{},success:{},warning:{},danger:{}},appearance:{solid:{},outline:{}}},compoundVariants:[{theme:"primary",appearance:"solid",css:O("$primary500","$primary900")},{theme:"secondary",appearance:"solid",css:O("$secondary500","$secondary700")},{theme:"tertiary",appearance:"solid",css:O("$tertiary500","$tertiary700")},{theme:"success",appearance:"solid",css:O("$success","$successDark")},{theme:"warning",appearance:"solid",css:O("$warning","$warningDark")},{theme:"danger",appearance:"solid",css:O("$danger","$dangerDark")},{theme:"primary",appearance:"outline",css:j("$primary500","$primary900")},{theme:"secondary",appearance:"outline",css:j("$secondary500","$secondary900")},{theme:"tertiary",appearance:"outline",css:j("$tertiary500","$tertiary700")}]}),N=({theme:t="primary",appearance:a="solid",isLoading:r=!1,children:o,onClick:n,...i})=>e.createElement(R,Object.assign({className:r?"isLoading":"",theme:t,appearance:a,onClick:()=>{return e=n,void(r||e());var e}},i),r?e.createElement(z,null):o);N.displayName="Button";const I=f(o.Root,{appearance:"none",backgroundColor:"transparent",border:"none",borderRadius:"$0",boxShadow:"inset 0 0 0 2px $colors$secondary300",color:"white",cursor:"pointer",height:"$0",width:"$0",padding:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"all 100ms ease-out",'&[data-state="unchecked"]:focus, &[data-state="unchecked"]:hover':{backgroundColor:"$tonal300",boxShadow:"inset 0 0 0 2px $colors$secondary700",outline:"none"},'&[data-state="checked"]':{backgroundColor:"$secondary300"},'&[data-state="checked"]:hover, &[data-state="unchecked"]:focus':{backgroundColor:"$secondary700",boxShadow:"inset 0 0 0 2px $colors$secondary700",outline:"none"},"&:focus-within":{outline:"none"}}),L=t=>e.createElement(I,Object.assign({},t),e.createElement(o.Indicator,{as:n.CheckIcon}));L.displayName="Checkbox";const F=f("form",{}),B=({children:t,defaultValues:a={},onSubmit:r,validationMode:o="onBlur",...n})=>{const{errors:s,handleSubmit:l,register:c}=i.useForm({defaultValues:a,mode:o});return e.createElement(F,Object.assign({},n,{onSubmit:l(r),"aria-label":"form"}),e.Children.map(t,(t=>{const{name:a,validation:r}=t.props;if(!a)return t;const o=s[a];return e.createElement(t.type,{...{...t.props,error:o?o.message:void 0,register:r?c(r):c,key:a,required:!!r&&r.required}})})))};B.displayName="Form";const H=f("div",{display:"grid"});H.displayName="Grid";const W=f("h1",{color:"$tonal-900",fontFamily:"$sans",fontWeight:"700",margin:0,lineHeight:"1.4",variants:{size:{sm:{fontSize:"$lg",letterSpacing:"0.01em"},md:{fontSize:"$xl",letterSpacing:"0.02em"},lg:{fontSize:"$xxl",letterSpacing:"0.02em"}}}}),_=({as:t="h2",size:a="md",...r})=>e.createElement(W,Object.assign({as:t,size:a},r));_.displayName="Heading";const q=f("svg",{color:"currentcolor",display:"inline-block",verticalAlign:"middle",variants:{size:{sm:{height:16,width:16},md:{height:24,width:24},lg:{height:32,width:32}}}});function T(){return(T=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)Object.prototype.hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e}).apply(this,arguments)}var D=e.createElement("path",{d:"M20 6L9 17l-5-5"});function M(){return(M=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)Object.prototype.hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e}).apply(this,arguments)}var P=e.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"});const V=f("img",{verticalAlign:"middle",maxWidth:"100%","&[width]":{width:"auto"},"&[width][height]":{height:"auto"},'&[src$=".svg"]':{width:"100%",height:"auto",maxWidth:"none"}});V.displayName="Image";const A=f("input",{appearance:"none",border:"1px solid $tonal500",borderRadius:"$0",boxShadow:"none",boxSizing:"border-box",color:"$tonal900",cursor:"text",display:"block",fontFamily:"$sans",fontSize:"$md",height:"$2",width:"100%",p:"$3",transition:"all 100ms ease-out","&:focus":{borderColor:"$primary900",boxShadow:"inset 0 0 0 1px $colors$primary900",outline:"none"},"&[disabled]":{backgroundColor:"$tonal300",color:"$tonal700",cursor:"not-allowed"},variants:{state:{error:{border:"1px solid $danger"}}}}),G=e.forwardRef((({type:t="text",...a},r)=>"number"===t?e.createElement(A,Object.assign({type:"text",inputMode:"numeric",pattern:"[0-9]*",ref:r},a)):e.createElement(A,Object.assign({type:t},a,{ref:r}))));G.displayName="Input";const U=f("label",{color:"$secondary300",display:"block",fontFamily:"$sans",fontWeight:500,letterSpacing:"0.02em",lineHeight:"1.4",variants:{size:{sm:{fontSize:"$sm"},md:{fontSize:"$md"}}}}),K=({size:t="md",children:a,...r})=>e.createElement(U,Object.assign({size:t},r),a);K.displayName="Label";const J=f("p",{color:"$tonal900",fontFamily:"$sans",fontWeight:400,margin:0,maxWidth:"60ch",variants:{size:{sm:{fontSize:"$sm",letterSpacing:"0.01em",lineHeight:1.6},md:{fontSize:"$md",letterSpacing:"0.02em",lineHeight:1.4},lg:{fontSize:"$lg",letterSpacing:"0.02em",lineHeight:1.4}}}}),Q=({as:t="p",size:a="md",...r})=>e.createElement(J,Object.assign({as:t,size:a},r));Q.displayName="Text";const X=f(Q,{color:"$danger"}),Y=f("span",{color:"$danger"}),Z=()=>e.createElement(Y,null,"*"),ee=({css:t,label:a,name:r,error:o,required:n=!1,register:i=null,...s})=>e.createElement(k,{css:t},e.createElement(K,{css:{mb:"$1"},htmlFor:r},a,n&&e.createElement(Z,null)),e.createElement(G,Object.assign({css:{mb:"$1"},id:r,name:r,ref:i},o&&{state:"error"},s)),o&&e.createElement(X,null,o));ee.displayName="InputField";const te=f("a",{color:"$primary500",fontFamily:"$sans",textDecoration:"none",cursor:"pointer","&:visited":{color:"$primary500"},"&:focus, &:hover":{color:"$primary900",textDecoration:"underline"},"&:active":{color:"$primary500"},variants:{size:{sm:{fontSize:"$sm",letterSpacing:"0.01em",lineHeight:1.6},md:{fontSize:"$md",letterSpacing:"0.02em",lineHeight:1.4},lg:{fontSize:"$lg",letterSpacing:"0.02em",lineHeight:1.4}}}}),ae=e.forwardRef((({size:t="md",...a},r)=>e.createElement(te,Object.assign({size:t},a,{ref:r}))));ae.displayName="Link";const re=e=>({"&::after":{borderStyle:"solid",borderColor:"transparent",content:"''",height:0,pointerEvents:"none",position:"absolute",top:"100%",width:0,borderTopColor:"white",borderWidth:8,ml:-8,...e},"&::before":{borderStyle:"solid",borderColor:"transparent",content:"''",height:0,pointerEvents:"none",position:"absolute",top:"100%",width:0,borderTopColor:"$tonal400",borderWidth:9,ml:-9,...e}}),oe=f("span",{position:"relative"}),ne=f("div",{boxShadow:"$0",borderRadius:"$1",backgroundColor:"white",border:"1px solid $tonal400",bottom:"calc(100% + $3)",listStyleType:"none",minWidth:140,maxWidth:354,p:"$3",position:"absolute",transition:"all 150ms ease-in-out",width:"max-content",opacity:0,visibility:"hidden",variants:{align:{left:{...re({left:40}),left:0,transformOrigin:"60px bottom",transform:"translate(-20px, $2) scale(0.9)"},center:{...re({left:"50%"}),transformOrigin:"center bottom",transform:"translate(-50%, $2) scale(0.9)"},right:{...re({right:31}),right:0,transformOrigin:"calc(100% - 51px) bottom",transform:"translate(0, $2) scale(0.9)"}},visibility:{true:{opacity:1,visibility:"visible"}}}}),ie=({id:t,children:a,content:r,align:o="center",defaultOpen:n=!1,...i})=>{const s=e.useRef(null),[l,c]=e.useState(n),d=`popover-trigger-${t||Math.random().toString(36).substr(2,9)}`,p=()=>{c(!l)},m=e=>{void 0===e.keyCode||32!==e.keyCode&&13!==e.keyCode||c(!l)},g=e.forwardRef(((t,a)=>e.createElement("span",Object.assign({id:d,"aria-expanded":l,role:"button",tabIndex:0,"aria-label":"popover trigger",onClick:p,onKeyPress:m,ref:a},t))));return e.createElement(oe,Object.assign({},i),e.createElement(g,{ref:s},a),e.createElement(ne,{role:"tooltip",align:o,"aria-labelledby":d,"aria-hidden":!l,visibility:l},r))};ie.displayName="Popover";const se=e=>({background:"$tonal300",color:e}),le=e=>({border:"1px solid $tonal400",background:"white",color:e}),ce=f(s.Root,{borderRadius:25,height:12,position:"relative",overflow:"hidden",width:"100%",variants:{appearance:{outline:{},solid:{}},theme:{primary:{},secondary:{},tertiary:{},success:{},warning:{},danger:{}}},compoundVariants:[{theme:"primary",appearance:"solid",css:se("$primary500")},{theme:"secondary",appearance:"solid",css:se("$secondary500")},{theme:"tertiary",appearance:"solid",css:se("$tertiary500")},{theme:"success",appearance:"solid",css:se("$success")},{theme:"warning",appearance:"solid",css:se("$warning")},{theme:"danger",appearance:"solid",css:se("$danger")},{theme:"primary",appearance:"outline",css:le("$primary500")},{theme:"secondary",appearance:"outline",css:le("$secondary500")},{theme:"tertiary",appearance:"outline",css:le("$tertiary500")},{theme:"success",appearance:"outline",css:le("$success")},{theme:"warning",appearance:"outline",css:le("$warning")},{theme:"danger",appearance:"outline",css:le("$danger")}]}),de=f(s.Indicator,{boxSizing:"border-box",position:"absolute",backgroundColor:"currentcolor",height:"100%"}),pe=({value:t,appearance:a="outline",theme:r="primary",...o})=>e.createElement(ce,Object.assign({appearance:a,theme:r},o),e.createElement(de,{style:{width:`${t}%`}}));pe.displayName="ProgressBar";const me=f(l.Item,{appearance:"none",backgroundColor:"transparent",padding:0,borderRadius:"50%",borderColor:"$secondary300",borderWidth:2,borderStyle:"solid",width:"$0",height:"$0",display:"inline-flex",alignItems:"center",justifyContent:"center",verticalAlign:"middle","&:focus":{outline:"none"},":checked + &":{backgroundColor:"$secondary300"},"[disabled] + &":{backgroundColor:"$tonal600",border:"2px solid $tonal600"}}),ge=f(l.Indicator,{width:8,height:8,borderRadius:"50%",backgroundColor:"white"}),he=t=>e.createElement(me,Object.assign({},t),e.createElement(ge,null));he.displayName="RadioButton";const ue=f(l.Root,{}),be=t=>e.createElement(ue,Object.assign({},t));be.displayName="RadioButtonGroup";const ye=f("select",{appearance:"none",backgroundColor:"white",backgroundImage:`url(data:image/svg+xml;charset=US-ASCII,${encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="292.4" height="292.4"><path fill="#1066b2" d="M287 69a18 18 0 00-13-5H18c-5 0-9 2-12 5a18 18 0 00-6 13c0 5 2 10 5 13l128 128c4 4 8 5 13 5s9-1 13-5L287 95c4-3 5-8 5-13s-2-9-5-13z"/></svg>')})`,backgroundPosition:"right 16px top 50%, 0 0",backgroundRepeat:"no-repeat, repeat",backgroundSize:"0.65em auto, 100%",borderRadius:"$0",border:"1px solid $tonal500",display:"block",fontFamily:"$sans",fontSize:"$md",fontWeight:400,height:"$2",letterSpacing:"0.01em",lineHeight:"1.4",px:"$3",py:"$2",transition:"all 75ms ease-out",width:"100%","&:hover":{cursor:"pointer"},"&:focus":{boxShadow:"inset 0 0 0 1px $colors$primary900",borderColor:"$primary900",outline:"none"},"&::-ms-expand":{display:"none"},"&[disabled], > option[disabled]":{opacity:"0.7",backgroundColor:"$tonal300",cursor:"not-allowed"}}),$e=({options:t,defaultOption:a,...r})=>e.createElement(ye,Object.assign({},r),a&&e.createElement("option",null," ",a),t&&t.map((t=>e.createElement("option",{key:t.value,value:t.value,disabled:t.disabled},t.label))));$e.displayName="Select";const xe=f("textarea",{appearance:"none",borderRadius:"$0",border:"1px solid $tonal500",boxShadow:"none",fontFamily:"$sans",fontSize:"$md",fontWeight:400,letterSpacing:"0.01em",lineHeight:1.4,minHeight:100,resize:"vertical",width:"100%",color:"$tonal900",py:"$3",px:"$2",transition:"all 75ms ease-out","&:focus":{boxShadow:"inset 0 0 0 1px $color$primary900",borderColor:"$primary900",outline:"none"},"&[disabled]":{opacity:.7,backgroundColor:"$tonal300"}});xe.displayName="Textarea";const fe=f(m.default,{}),ve=({externalId:t,ratio:a=9/16,...r})=>e.createElement(k,{css:{position:"relative",paddingTop:100*a+"%",overflow:"hidden",height:0}},e.createElement(fe,Object.assign({role:"figure",url:`https://player.vimeo.com/video/${t}`},r,{height:"100%",width:"100%",css:{position:"absolute",top:0,left:0}})));ve.displayName="Video",exports.Box=k,exports.Button=N,exports.Check=function(t){return e.createElement("svg",T({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",className:"check_svg__feather check_svg__feather-check"},t),D)},exports.Checkbox=L,exports.Flex=C,exports.Form=B,exports.Grid=H,exports.Heading=_,exports.Home=function(t){return e.createElement("svg",M({className:"home_svg__w-6 home_svg__h-6",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},t),P)},exports.Icon=({is:t,size:a="sm",...r})=>e.createElement(q,Object.assign({size:a,viewBox:"0 0 24 24","aria-hidden":"true"},r,{as:t})),exports.Image=V,exports.Input=G,exports.InputField=ee,exports.Label=K,exports.Link=ae,exports.Loader=z,exports.Popover=ie,exports.ProgressBar=pe,exports.RadioButton=he,exports.RadioButtonGroup=be,exports.Select=$e,exports.Text=Q,exports.Textarea=xe,exports.ValidationError=X,exports.Video=ve,exports.conditions=h,exports.css=b,exports.getCssString=y,exports.globalCss=$,exports.keyframes=x,exports.styled=f,exports.theme=v,exports.utils=g; |
@@ -1,1 +0,1 @@ | ||
| import{createElement as e,forwardRef as o,useRef as t,useState as a}from"react";import i from"@atom-learning/theme";import{createCss as r}from"@stitches/react";import{Root as n,Indicator as s}from"@radix-ui/react-checkbox";import{CheckIcon as l}from"@radix-ui/react-icons";import{Root as d}from"@radix-ui/react-visually-hidden";import{Root as c,Indicator as p}from"@radix-ui/react-progress";import{Item as m,Indicator as h,Root as g}from"@radix-ui/react-radio-group";import u from"react-player/vimeo";const b={p:()=>e=>({padding:e}),pt:()=>e=>({paddingTop:e}),pr:()=>e=>({paddingRight:e}),pb:()=>e=>({paddingBottom:e}),pl:()=>e=>({paddingLeft:e}),px:()=>e=>({paddingLeft:e,paddingRight:e}),py:()=>e=>({paddingTop:e,paddingBottom:e}),m:()=>e=>({margin:e}),mt:()=>e=>({marginTop:e}),mr:()=>e=>({marginRight:e}),mb:()=>e=>({marginBottom:e}),ml:()=>e=>({marginLeft:e}),mx:()=>e=>({marginLeft:e,marginRight:e}),my:()=>e=>({marginTop:e,marginBottom:e}),bg:()=>e=>({background:e}),size:()=>e=>{if(Array.isArray(e)){const[o,t]=e;return{height:o,width:t}}return{height:e,width:e}}},y={sm:"@media (min-width: 550px)",md:"@media (min-width: 800px)",lg:"@media (min-width: 1100px)",xl:"@media (min-width: 1350px)",motion:"@media (prefers-reduced-motion)",hover:"@media (hover: hover)"},$=r({theme:i,utils:b,conditions:y}),{css:f,getCssString:x,global:v,keyframes:w,styled:k,theme:S}=$,C=k("div",{}),z=o=>e(C,Object.assign({},o));z.displayName="Box";const O=(e,o)=>({boxShadow:"inset 0 0 0 2px",color:e,backgroundColor:"white","&:not([disabled]):hover, &:not([disabled]):focus":{textDecoration:"none",color:o,backgroundColor:"white"},"&:active":{color:e},"&[disabled]":{backgroundColor:"white",color:o}}),j=(e,o)=>({backgroundColor:e,color:"white","&:not([disabled]):hover, &:not([disabled]):focus":{backgroundColor:o},"&:active":{backgroundColor:e},"&[disabled]":{backgroundColor:"$tonal300",color:"$tonal600"}}),N=k("button",{background:"unset",border:"none",borderRadius:"$0",cursor:"pointer",display:"flex",justifyContent:"center",alignItems:"center",fontFamily:"$sans",fontSize:"$md",fontWeight:500,height:"$2",letterSpacing:"0.02em",lineHeight:1.4,transition:"all 125ms ease-out",textDecoration:"none",px:"$4",py:"$2",whiteSpace:"nowrap",width:"max-content","&[disabled]":{opacity:.35,cursor:"not-allowed"},variants:{theme:{primary:{},secondary:{},tertiary:{},success:{},warning:{},danger:{}},appearance:{solid:{},outline:{}}},compoundVariants:[{theme:"primary",appearance:"solid",css:j("$primary500","$primary900")},{theme:"secondary",appearance:"solid",css:j("$secondary500","$secondary700")},{theme:"tertiary",appearance:"solid",css:j("$tertiary500","$tertiary700")},{theme:"success",appearance:"solid",css:j("$success","$successDark")},{theme:"warning",appearance:"solid",css:j("$warning","$warningDark")},{theme:"danger",appearance:"solid",css:j("$danger","$dangerDark")},{theme:"primary",appearance:"outline",css:O("$primary500","$primary900")},{theme:"secondary",appearance:"outline",css:O("$secondary500","$secondary900")},{theme:"tertiary",appearance:"outline",css:O("$tertiary500","$tertiary700")}]}),R=({theme:o="primary",appearance:t="solid",...a})=>e(N,Object.assign({theme:o,appearance:t},a));R.displayName="Button";const W=k(n,{appearance:"none",backgroundColor:"transparent",border:"none",borderRadius:"$0",boxShadow:"inset 0 0 0 2px $colors$secondary300",color:"white",cursor:"pointer",height:"$0",width:"$0",padding:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"all 100ms ease-out",'&[data-state="unchecked"]:focus, &[data-state="unchecked"]:hover':{backgroundColor:"$tonal300",boxShadow:"inset 0 0 0 2px $colors$secondary700",outline:"none"},'&[data-state="checked"]':{backgroundColor:"$secondary300"},'&[data-state="checked"]:hover, &[data-state="unchecked"]:focus':{backgroundColor:"$secondary700",boxShadow:"inset 0 0 0 2px $colors$secondary700",outline:"none"},"&:focus-within":{outline:"none"}}),H=o=>e(W,Object.assign({},o),e(s,{as:l}));H.displayName="Checkbox";const I=k("div",{display:"flex"}),F=o=>e(I,Object.assign({},o));F.displayName="Flex";const L=k("div",{display:"grid"});L.displayName="Grid";const _=k("h1",{color:"$tonal-900",fontFamily:"$sans",fontWeight:"700",margin:0,lineHeight:"1.4",variants:{size:{sm:{fontSize:"$lg",letterSpacing:"0.01em"},md:{fontSize:"$xl",letterSpacing:"0.02em"},lg:{fontSize:"$xxl",letterSpacing:"0.02em"}}}}),B=({as:o="h2",size:t="md",...a})=>e(_,Object.assign({as:o,size:t},a));B.displayName="Heading";const D=k("svg",{color:"currentcolor",display:"inline-block",verticalAlign:"middle",variants:{size:{sm:{height:16,width:16},md:{height:24,width:24},lg:{height:32,width:32}}}}),T=({is:o,size:t="sm",...a})=>e(D,Object.assign({size:t,viewBox:"0 0 24 24","aria-hidden":"true"},a,{as:o}));function M(){return(M=Object.assign||function(e){for(var o=1;o<arguments.length;o++){var t=arguments[o];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e}).apply(this,arguments)}var A=e("path",{d:"M20 6L9 17l-5-5"});function P(o){return e("svg",M({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",className:"check_svg__feather check_svg__feather-check"},o),A)}function V(){return(V=Object.assign||function(e){for(var o=1;o<arguments.length;o++){var t=arguments[o];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e}).apply(this,arguments)}var E=e("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"});function G(o){return e("svg",V({className:"home_svg__w-6 home_svg__h-6",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},o),E)}const U=k("img",{verticalAlign:"middle",maxWidth:"100%","&[width]":{width:"auto"},"&[width][height]":{height:"auto"},'&[src$=".svg"]':{width:"100%",height:"auto",maxWidth:"none"}});U.displayName="Image";const q=k("input",{appearance:"none",border:"1px solid $tonal500",borderRadius:"$0",boxShadow:"none",boxSizing:"border-box",color:"$tonal900",cursor:"text",display:"block",fontFamily:"$sans",fontSize:"$md",height:"$2",width:"100%",p:"$3",transition:"all 100ms ease-out","&:focus":{borderColor:"$primary900",boxShadow:"inset 0 0 0 1px $colors$primary900",outline:"none"},"&[disabled]":{backgroundColor:"$tonal300",color:"$tonal700",cursor:"not-allowed"},variants:{state:{error:{border:"1px solid $danger"}}}}),K=({type:o="text",...t})=>e(q,"number"===o?Object.assign({type:"text",inputMode:"numeric",pattern:"[0-9]*"},t):Object.assign({type:o},t));K.displayName="Input";const J=k("label",{color:"$secondary300",display:"block",fontFamily:"$sans",fontWeight:500,letterSpacing:"0.02em",lineHeight:"1.4",variants:{size:{sm:{fontSize:"$sm"},md:{fontSize:"$md"}}}}),Q=({size:o="md",children:t,...a})=>e(J,Object.assign({size:o},a),t);Q.displayName="Label";const X=k("p",{color:"$tonal900",fontFamily:"$sans",fontWeight:400,margin:0,maxWidth:"60ch",variants:{size:{sm:{fontSize:"$sm",letterSpacing:"0.01em",lineHeight:1.6},md:{fontSize:"$md",letterSpacing:"0.02em",lineHeight:1.4},lg:{fontSize:"$lg",letterSpacing:"0.02em",lineHeight:1.4}}}}),Y=({as:o="p",size:t="md",...a})=>e(X,Object.assign({as:o,size:t},a));Y.displayName="Text";const Z=k(Y,{color:"$danger"}),ee=({css:o,label:t,name:a,error:i,required:r=!1,...n})=>e(z,{css:o},e(Q,{css:{mb:"$1"},htmlFor:a},`${t} ${r?"*":""}`),e(K,Object.assign({css:{mb:"$1"},id:a,name:a},i&&{state:"error"},n)),i&&e(Z,null,i));ee.displayName="InputField";const oe=k("a",{color:"$primary500",fontFamily:"$sans",textDecoration:"none",cursor:"pointer","&:visited":{color:"$primary500"},"&:focus, &:hover":{color:"$primary900",textDecoration:"underline"},"&:active":{color:"$primary500"},variants:{size:{sm:{fontSize:"$sm",letterSpacing:"0.01em",lineHeight:1.6},md:{fontSize:"$md",letterSpacing:"0.02em",lineHeight:1.4},lg:{fontSize:"$lg",letterSpacing:"0.02em",lineHeight:1.4}}}}),te=o((({size:o="md",...t},a)=>e(oe,Object.assign({size:o},t,{ref:a}))));te.displayName="Link";const ae=k("div",{animationName:`${w({"0%":{opacity:0},"30%":{opacity:1},"50%":{opacity:1},"80%":{opacity:0},"100%":{opacity:0}})}`,animationDuration:"1s",animationFillMode:"both",animationIterationCount:"infinite",animationTimingFunction:"linear",backgroundColor:"currentColor",borderRadius:"100%","&:nth-child(1)":{animationDelay:"-300ms"},"&:nth-child(2)":{animationDelay:"-150ms"},"&:nth-child(3)":{animationDelay:0},variants:{size:{sm:{size:"4px",mx:"2px"},md:{size:"6px",mx:"2px"},lg:{size:"8px",mx:"3px"}}}}),ie=({css:o={},message:t="Loading",size:a="md"})=>e(F,{css:{justifyContent:"center",...o},role:"alert"},e(d,null,t),e(ae,{size:a}),e(ae,{size:a}),e(ae,{size:a})),re=e=>({"&::after":{borderStyle:"solid",borderColor:"transparent",content:"''",height:0,pointerEvents:"none",position:"absolute",top:"100%",width:0,borderTopColor:"white",borderWidth:8,ml:-8,...e},"&::before":{borderStyle:"solid",borderColor:"transparent",content:"''",height:0,pointerEvents:"none",position:"absolute",top:"100%",width:0,borderTopColor:"$tonal400",borderWidth:9,ml:-9,...e}}),ne=k("span",{position:"relative"}),se=k("div",{boxShadow:"$0",borderRadius:"$1",backgroundColor:"white",border:"1px solid $tonal400",bottom:"calc(100% + $3)",listStyleType:"none",minWidth:140,maxWidth:354,p:"$3",position:"absolute",transition:"all 150ms ease-in-out",width:"max-content",opacity:0,visibility:"hidden",variants:{align:{left:{...re({left:40}),left:0,transformOrigin:"60px bottom",transform:"translate(-20px, $2) scale(0.9)"},center:{...re({left:"50%"}),transformOrigin:"center bottom",transform:"translate(-50%, $2) scale(0.9)"},right:{...re({right:31}),right:0,transformOrigin:"calc(100% - 51px) bottom",transform:"translate(0, $2) scale(0.9)"}},visibility:{true:{opacity:1,visibility:"visible"}}}}),le=({id:i,children:r,content:n,align:s="center",defaultOpen:l=!1,...d})=>{const c=t(null),[p,m]=a(l),h=`popover-trigger-${i||Math.random().toString(36).substr(2,9)}`,g=()=>{m(!p)},u=e=>{void 0===e.keyCode||32!==e.keyCode&&13!==e.keyCode||m(!p)},b=o(((o,t)=>e("span",Object.assign({id:h,"aria-expanded":p,role:"button",tabIndex:0,"aria-label":"popover trigger",onClick:g,onKeyPress:u,ref:t},o))));return e(ne,Object.assign({},d),e(b,{ref:c},r),e(se,{role:"tooltip",align:s,"aria-labelledby":h,"aria-hidden":!p,visibility:p},n))};le.displayName="Popover";const de=e=>({background:"$tonal300",color:e}),ce=e=>({border:"1px solid $tonal400",background:"white",color:e}),pe=k(c,{borderRadius:25,height:12,position:"relative",overflow:"hidden",width:"100%",variants:{appearance:{outline:{},solid:{}},theme:{primary:{},secondary:{},tertiary:{},success:{},warning:{},danger:{}}},compoundVariants:[{theme:"primary",appearance:"solid",css:de("$primary500")},{theme:"secondary",appearance:"solid",css:de("$secondary500")},{theme:"tertiary",appearance:"solid",css:de("$tertiary500")},{theme:"success",appearance:"solid",css:de("$success")},{theme:"warning",appearance:"solid",css:de("$warning")},{theme:"danger",appearance:"solid",css:de("$danger")},{theme:"primary",appearance:"outline",css:ce("$primary500")},{theme:"secondary",appearance:"outline",css:ce("$secondary500")},{theme:"tertiary",appearance:"outline",css:ce("$tertiary500")},{theme:"success",appearance:"outline",css:ce("$success")},{theme:"warning",appearance:"outline",css:ce("$warning")},{theme:"danger",appearance:"outline",css:ce("$danger")}]}),me=k(p,{boxSizing:"border-box",position:"absolute",backgroundColor:"currentcolor",height:"100%"}),he=({value:o,appearance:t="outline",theme:a="primary",...i})=>e(pe,Object.assign({appearance:t,theme:a},i),e(me,{style:{width:`${o}%`}}));he.displayName="ProgressBar";const ge=k(m,{appearance:"none",backgroundColor:"transparent",padding:0,borderRadius:"50%",borderColor:"$secondary300",borderWidth:2,borderStyle:"solid",width:"$0",height:"$0",display:"inline-flex",alignItems:"center",justifyContent:"center",verticalAlign:"middle","&:focus":{outline:"none"},":checked + &":{backgroundColor:"$secondary300"},"[disabled] + &":{backgroundColor:"$tonal600",border:"2px solid $tonal600"}}),ue=k(h,{width:8,height:8,borderRadius:"50%",backgroundColor:"white"}),be=o=>e(ge,Object.assign({},o),e(ue,null));be.displayName="RadioButton";const ye=k(g,{}),$e=o=>e(ye,Object.assign({},o));$e.displayName="RadioButtonGroup";const fe=k("select",{appearance:"none",backgroundColor:"white",backgroundImage:`url(data:image/svg+xml;charset=US-ASCII,${encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="292.4" height="292.4"><path fill="#1066b2" d="M287 69a18 18 0 00-13-5H18c-5 0-9 2-12 5a18 18 0 00-6 13c0 5 2 10 5 13l128 128c4 4 8 5 13 5s9-1 13-5L287 95c4-3 5-8 5-13s-2-9-5-13z"/></svg>')})`,backgroundPosition:"right 16px top 50%, 0 0",backgroundRepeat:"no-repeat, repeat",backgroundSize:"0.65em auto, 100%",borderRadius:"$0",border:"1px solid $tonal500",display:"block",fontFamily:"$sans",fontSize:"$md",fontWeight:400,height:"$2",letterSpacing:"0.01em",lineHeight:"1.4",px:"$3",py:"$2",transition:"all 75ms ease-out",width:"100%","&:hover":{cursor:"pointer"},"&:focus":{boxShadow:"inset 0 0 0 1px $colors$primary900",borderColor:"$primary900",outline:"none"},"&::-ms-expand":{display:"none"},"&[disabled], > option[disabled]":{opacity:"0.7",backgroundColor:"$tonal300",cursor:"not-allowed"}}),xe=({options:o,defaultOption:t,...a})=>e(fe,Object.assign({},a),t&&e("option",null," ",t),o&&o.map((o=>e("option",{key:o.value,value:o.value,disabled:o.disabled},o.label))));xe.displayName="Select";const ve=k("textarea",{appearance:"none",borderRadius:"$0",border:"1px solid $tonal500",boxShadow:"none",fontFamily:"$sans",fontSize:"$md",fontWeight:400,letterSpacing:"0.01em",lineHeight:1.4,minHeight:100,resize:"vertical",width:"100%",color:"$tonal900",py:"$3",px:"$2",transition:"all 75ms ease-out","&:focus":{boxShadow:"inset 0 0 0 1px $color$primary900",borderColor:"$primary900",outline:"none"},"&[disabled]":{opacity:.7,backgroundColor:"$tonal300"}});ve.displayName="Textarea";const we=k(u,{}),ke=({externalId:o,ratio:t=9/16,...a})=>e(z,{css:{position:"relative",paddingTop:100*t+"%",overflow:"hidden",height:0}},e(we,Object.assign({role:"figure",url:`https://player.vimeo.com/video/${o}`},a,{height:"100%",width:"100%",css:{position:"absolute",top:0,left:0}})));ke.displayName="Video";export{z as Box,R as Button,P as Check,H as Checkbox,F as Flex,L as Grid,B as Heading,G as Home,T as Icon,U as Image,K as Input,ee as InputField,Q as Label,te as Link,ie as Loader,le as Popover,he as ProgressBar,be as RadioButton,$e as RadioButtonGroup,xe as Select,Y as Text,ve as Textarea,Z as ValidationError,ke as Video,y as conditions,f as css,x as getCssString,v as globalCss,w as keyframes,k as styled,S as theme,b as utils}; | ||
| import{createElement as e,Children as o,forwardRef as a,useRef as t,useState as i}from"react";import r from"@atom-learning/theme";import{createCss as n}from"@stitches/react";import{Root as s}from"@radix-ui/react-visually-hidden";import{Root as l,Indicator as d}from"@radix-ui/react-checkbox";import{CheckIcon as c}from"@radix-ui/react-icons";import{useForm as p}from"react-hook-form";import{Root as m,Indicator as g}from"@radix-ui/react-progress";import{Item as h,Indicator as u,Root as b}from"@radix-ui/react-radio-group";import y from"react-player/vimeo";const $={p:()=>e=>({padding:e}),pt:()=>e=>({paddingTop:e}),pr:()=>e=>({paddingRight:e}),pb:()=>e=>({paddingBottom:e}),pl:()=>e=>({paddingLeft:e}),px:()=>e=>({paddingLeft:e,paddingRight:e}),py:()=>e=>({paddingTop:e,paddingBottom:e}),m:()=>e=>({margin:e}),mt:()=>e=>({marginTop:e}),mr:()=>e=>({marginRight:e}),mb:()=>e=>({marginBottom:e}),ml:()=>e=>({marginLeft:e}),mx:()=>e=>({marginLeft:e,marginRight:e}),my:()=>e=>({marginTop:e,marginBottom:e}),bg:()=>e=>({background:e}),size:()=>e=>{if(Array.isArray(e)){const[o,a]=e;return{height:o,width:a}}return{height:e,width:e}}},f={sm:"@media (min-width: 550px)",md:"@media (min-width: 800px)",lg:"@media (min-width: 1100px)",xl:"@media (min-width: 1350px)",motion:"@media (prefers-reduced-motion)",hover:"@media (hover: hover)"},x=n({theme:r,utils:$,conditions:f}),{css:v,getCssString:w,global:k,keyframes:S,styled:C,theme:z}=x,O=C("div",{}),j=o=>e(O,Object.assign({},o));j.displayName="Box";const N=C("div",{display:"flex"}),R=o=>e(N,Object.assign({},o));R.displayName="Flex";const L=C("div",{animationName:`${S({"0%":{opacity:0},"30%":{opacity:1},"50%":{opacity:1},"80%":{opacity:0},"100%":{opacity:0}})}`,animationDuration:"1s",animationFillMode:"both",animationIterationCount:"infinite",animationTimingFunction:"linear",backgroundColor:"currentColor",borderRadius:"100%","&:nth-child(1)":{animationDelay:"-300ms"},"&:nth-child(2)":{animationDelay:"-150ms"},"&:nth-child(3)":{animationDelay:0},variants:{size:{sm:{size:"4px",mx:"2px"},md:{size:"6px",mx:"2px"},lg:{size:"8px",mx:"3px"}}}}),W=({css:o={},message:a="Loading",size:t="md"})=>e(R,{css:{justifyContent:"center",...o},role:"alert"},e(s,null,a),e(L,{size:t}),e(L,{size:t}),e(L,{size:t})),H=(e,o)=>({boxShadow:"inset 0 0 0 2px",color:e,backgroundColor:"white","&:not([disabled]):hover, &:not([disabled]):focus":{textDecoration:"none",color:o,backgroundColor:"white"},"&:active":{color:e},"&[disabled]":{backgroundColor:"white",color:o}}),I=(e,o)=>({backgroundColor:e,color:"white","&:not([disabled]):hover, &:not([disabled]):focus":{backgroundColor:o},"&:active":{backgroundColor:e},"&[disabled]":{backgroundColor:"$tonal300",color:"$tonal600"}}),F=C("button",{background:"unset",border:"none",borderRadius:"$0",cursor:"pointer",display:"flex",justifyContent:"center",alignItems:"center",fontFamily:"$sans",fontSize:"$md",fontWeight:500,height:"$2",letterSpacing:"0.02em",lineHeight:1.4,transition:"all 125ms ease-out",textDecoration:"none",px:"$4",py:"$2",whiteSpace:"nowrap",width:"max-content","&[disabled]":{opacity:.35,cursor:"not-allowed"},"&.isLoading":{cursor:"not-allowed",opacity:.5},"&:not(.isLoading) span":{opacity:0,transition:"opacity 100ms ease-out"},"&.isLoading span":{opacity:1},variants:{theme:{primary:{},secondary:{},tertiary:{},success:{},warning:{},danger:{}},appearance:{solid:{},outline:{}}},compoundVariants:[{theme:"primary",appearance:"solid",css:I("$primary500","$primary900")},{theme:"secondary",appearance:"solid",css:I("$secondary500","$secondary700")},{theme:"tertiary",appearance:"solid",css:I("$tertiary500","$tertiary700")},{theme:"success",appearance:"solid",css:I("$success","$successDark")},{theme:"warning",appearance:"solid",css:I("$warning","$warningDark")},{theme:"danger",appearance:"solid",css:I("$danger","$dangerDark")},{theme:"primary",appearance:"outline",css:H("$primary500","$primary900")},{theme:"secondary",appearance:"outline",css:H("$secondary500","$secondary900")},{theme:"tertiary",appearance:"outline",css:H("$tertiary500","$tertiary700")}]}),B=({theme:o="primary",appearance:a="solid",isLoading:t=!1,children:i,onClick:r,...n})=>e(F,Object.assign({className:t?"isLoading":"",theme:o,appearance:a,onClick:()=>{return e=r,void(t||e());var e}},n),t?e(W,null):i);B.displayName="Button";const _=C(l,{appearance:"none",backgroundColor:"transparent",border:"none",borderRadius:"$0",boxShadow:"inset 0 0 0 2px $colors$secondary300",color:"white",cursor:"pointer",height:"$0",width:"$0",padding:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"all 100ms ease-out",'&[data-state="unchecked"]:focus, &[data-state="unchecked"]:hover':{backgroundColor:"$tonal300",boxShadow:"inset 0 0 0 2px $colors$secondary700",outline:"none"},'&[data-state="checked"]':{backgroundColor:"$secondary300"},'&[data-state="checked"]:hover, &[data-state="unchecked"]:focus':{backgroundColor:"$secondary700",boxShadow:"inset 0 0 0 2px $colors$secondary700",outline:"none"},"&:focus-within":{outline:"none"}}),D=o=>e(_,Object.assign({},o),e(d,{as:c}));D.displayName="Checkbox";const T=C("form",{}),M=({children:a,defaultValues:t={},onSubmit:i,validationMode:r="onBlur",...n})=>{const{errors:s,handleSubmit:l,register:d}=p({defaultValues:t,mode:r});return e(T,Object.assign({},n,{onSubmit:l(i),"aria-label":"form"}),o.map(a,(o=>{const{name:a,validation:t}=o.props;if(!a)return o;const i=s[a];return e(o.type,{...{...o.props,error:i?i.message:void 0,register:t?d(t):d,key:a,required:!!t&&t.required}})})))};M.displayName="Form";const A=C("div",{display:"grid"});A.displayName="Grid";const P=C("h1",{color:"$tonal-900",fontFamily:"$sans",fontWeight:"700",margin:0,lineHeight:"1.4",variants:{size:{sm:{fontSize:"$lg",letterSpacing:"0.01em"},md:{fontSize:"$xl",letterSpacing:"0.02em"},lg:{fontSize:"$xxl",letterSpacing:"0.02em"}}}}),V=({as:o="h2",size:a="md",...t})=>e(P,Object.assign({as:o,size:a},t));V.displayName="Heading";const q=C("svg",{color:"currentcolor",display:"inline-block",verticalAlign:"middle",variants:{size:{sm:{height:16,width:16},md:{height:24,width:24},lg:{height:32,width:32}}}}),E=({is:o,size:a="sm",...t})=>e(q,Object.assign({size:a,viewBox:"0 0 24 24","aria-hidden":"true"},t,{as:o}));function G(){return(G=Object.assign||function(e){for(var o=1;o<arguments.length;o++){var a=arguments[o];for(var t in a)Object.prototype.hasOwnProperty.call(a,t)&&(e[t]=a[t])}return e}).apply(this,arguments)}var U=e("path",{d:"M20 6L9 17l-5-5"});function K(o){return e("svg",G({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",className:"check_svg__feather check_svg__feather-check"},o),U)}function J(){return(J=Object.assign||function(e){for(var o=1;o<arguments.length;o++){var a=arguments[o];for(var t in a)Object.prototype.hasOwnProperty.call(a,t)&&(e[t]=a[t])}return e}).apply(this,arguments)}var Q=e("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"});function X(o){return e("svg",J({className:"home_svg__w-6 home_svg__h-6",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},o),Q)}const Y=C("img",{verticalAlign:"middle",maxWidth:"100%","&[width]":{width:"auto"},"&[width][height]":{height:"auto"},'&[src$=".svg"]':{width:"100%",height:"auto",maxWidth:"none"}});Y.displayName="Image";const Z=C("input",{appearance:"none",border:"1px solid $tonal500",borderRadius:"$0",boxShadow:"none",boxSizing:"border-box",color:"$tonal900",cursor:"text",display:"block",fontFamily:"$sans",fontSize:"$md",height:"$2",width:"100%",p:"$3",transition:"all 100ms ease-out","&:focus":{borderColor:"$primary900",boxShadow:"inset 0 0 0 1px $colors$primary900",outline:"none"},"&[disabled]":{backgroundColor:"$tonal300",color:"$tonal700",cursor:"not-allowed"},variants:{state:{error:{border:"1px solid $danger"}}}}),ee=a((({type:o="text",...a},t)=>e(Z,"number"===o?Object.assign({type:"text",inputMode:"numeric",pattern:"[0-9]*",ref:t},a):Object.assign({type:o},a,{ref:t}))));ee.displayName="Input";const oe=C("label",{color:"$secondary300",display:"block",fontFamily:"$sans",fontWeight:500,letterSpacing:"0.02em",lineHeight:"1.4",variants:{size:{sm:{fontSize:"$sm"},md:{fontSize:"$md"}}}}),ae=({size:o="md",children:a,...t})=>e(oe,Object.assign({size:o},t),a);ae.displayName="Label";const te=C("p",{color:"$tonal900",fontFamily:"$sans",fontWeight:400,margin:0,maxWidth:"60ch",variants:{size:{sm:{fontSize:"$sm",letterSpacing:"0.01em",lineHeight:1.6},md:{fontSize:"$md",letterSpacing:"0.02em",lineHeight:1.4},lg:{fontSize:"$lg",letterSpacing:"0.02em",lineHeight:1.4}}}}),ie=({as:o="p",size:a="md",...t})=>e(te,Object.assign({as:o,size:a},t));ie.displayName="Text";const re=C(ie,{color:"$danger"}),ne=C("span",{color:"$danger"}),se=()=>e(ne,null,"*"),le=({css:o,label:a,name:t,error:i,required:r=!1,register:n=null,...s})=>e(j,{css:o},e(ae,{css:{mb:"$1"},htmlFor:t},a,r&&e(se,null)),e(ee,Object.assign({css:{mb:"$1"},id:t,name:t,ref:n},i&&{state:"error"},s)),i&&e(re,null,i));le.displayName="InputField";const de=C("a",{color:"$primary500",fontFamily:"$sans",textDecoration:"none",cursor:"pointer","&:visited":{color:"$primary500"},"&:focus, &:hover":{color:"$primary900",textDecoration:"underline"},"&:active":{color:"$primary500"},variants:{size:{sm:{fontSize:"$sm",letterSpacing:"0.01em",lineHeight:1.6},md:{fontSize:"$md",letterSpacing:"0.02em",lineHeight:1.4},lg:{fontSize:"$lg",letterSpacing:"0.02em",lineHeight:1.4}}}}),ce=a((({size:o="md",...a},t)=>e(de,Object.assign({size:o},a,{ref:t}))));ce.displayName="Link";const pe=e=>({"&::after":{borderStyle:"solid",borderColor:"transparent",content:"''",height:0,pointerEvents:"none",position:"absolute",top:"100%",width:0,borderTopColor:"white",borderWidth:8,ml:-8,...e},"&::before":{borderStyle:"solid",borderColor:"transparent",content:"''",height:0,pointerEvents:"none",position:"absolute",top:"100%",width:0,borderTopColor:"$tonal400",borderWidth:9,ml:-9,...e}}),me=C("span",{position:"relative"}),ge=C("div",{boxShadow:"$0",borderRadius:"$1",backgroundColor:"white",border:"1px solid $tonal400",bottom:"calc(100% + $3)",listStyleType:"none",minWidth:140,maxWidth:354,p:"$3",position:"absolute",transition:"all 150ms ease-in-out",width:"max-content",opacity:0,visibility:"hidden",variants:{align:{left:{...pe({left:40}),left:0,transformOrigin:"60px bottom",transform:"translate(-20px, $2) scale(0.9)"},center:{...pe({left:"50%"}),transformOrigin:"center bottom",transform:"translate(-50%, $2) scale(0.9)"},right:{...pe({right:31}),right:0,transformOrigin:"calc(100% - 51px) bottom",transform:"translate(0, $2) scale(0.9)"}},visibility:{true:{opacity:1,visibility:"visible"}}}}),he=({id:o,children:r,content:n,align:s="center",defaultOpen:l=!1,...d})=>{const c=t(null),[p,m]=i(l),g=`popover-trigger-${o||Math.random().toString(36).substr(2,9)}`,h=()=>{m(!p)},u=e=>{void 0===e.keyCode||32!==e.keyCode&&13!==e.keyCode||m(!p)},b=a(((o,a)=>e("span",Object.assign({id:g,"aria-expanded":p,role:"button",tabIndex:0,"aria-label":"popover trigger",onClick:h,onKeyPress:u,ref:a},o))));return e(me,Object.assign({},d),e(b,{ref:c},r),e(ge,{role:"tooltip",align:s,"aria-labelledby":g,"aria-hidden":!p,visibility:p},n))};he.displayName="Popover";const ue=e=>({background:"$tonal300",color:e}),be=e=>({border:"1px solid $tonal400",background:"white",color:e}),ye=C(m,{borderRadius:25,height:12,position:"relative",overflow:"hidden",width:"100%",variants:{appearance:{outline:{},solid:{}},theme:{primary:{},secondary:{},tertiary:{},success:{},warning:{},danger:{}}},compoundVariants:[{theme:"primary",appearance:"solid",css:ue("$primary500")},{theme:"secondary",appearance:"solid",css:ue("$secondary500")},{theme:"tertiary",appearance:"solid",css:ue("$tertiary500")},{theme:"success",appearance:"solid",css:ue("$success")},{theme:"warning",appearance:"solid",css:ue("$warning")},{theme:"danger",appearance:"solid",css:ue("$danger")},{theme:"primary",appearance:"outline",css:be("$primary500")},{theme:"secondary",appearance:"outline",css:be("$secondary500")},{theme:"tertiary",appearance:"outline",css:be("$tertiary500")},{theme:"success",appearance:"outline",css:be("$success")},{theme:"warning",appearance:"outline",css:be("$warning")},{theme:"danger",appearance:"outline",css:be("$danger")}]}),$e=C(g,{boxSizing:"border-box",position:"absolute",backgroundColor:"currentcolor",height:"100%"}),fe=({value:o,appearance:a="outline",theme:t="primary",...i})=>e(ye,Object.assign({appearance:a,theme:t},i),e($e,{style:{width:`${o}%`}}));fe.displayName="ProgressBar";const xe=C(h,{appearance:"none",backgroundColor:"transparent",padding:0,borderRadius:"50%",borderColor:"$secondary300",borderWidth:2,borderStyle:"solid",width:"$0",height:"$0",display:"inline-flex",alignItems:"center",justifyContent:"center",verticalAlign:"middle","&:focus":{outline:"none"},":checked + &":{backgroundColor:"$secondary300"},"[disabled] + &":{backgroundColor:"$tonal600",border:"2px solid $tonal600"}}),ve=C(u,{width:8,height:8,borderRadius:"50%",backgroundColor:"white"}),we=o=>e(xe,Object.assign({},o),e(ve,null));we.displayName="RadioButton";const ke=C(b,{}),Se=o=>e(ke,Object.assign({},o));Se.displayName="RadioButtonGroup";const Ce=C("select",{appearance:"none",backgroundColor:"white",backgroundImage:`url(data:image/svg+xml;charset=US-ASCII,${encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="292.4" height="292.4"><path fill="#1066b2" d="M287 69a18 18 0 00-13-5H18c-5 0-9 2-12 5a18 18 0 00-6 13c0 5 2 10 5 13l128 128c4 4 8 5 13 5s9-1 13-5L287 95c4-3 5-8 5-13s-2-9-5-13z"/></svg>')})`,backgroundPosition:"right 16px top 50%, 0 0",backgroundRepeat:"no-repeat, repeat",backgroundSize:"0.65em auto, 100%",borderRadius:"$0",border:"1px solid $tonal500",display:"block",fontFamily:"$sans",fontSize:"$md",fontWeight:400,height:"$2",letterSpacing:"0.01em",lineHeight:"1.4",px:"$3",py:"$2",transition:"all 75ms ease-out",width:"100%","&:hover":{cursor:"pointer"},"&:focus":{boxShadow:"inset 0 0 0 1px $colors$primary900",borderColor:"$primary900",outline:"none"},"&::-ms-expand":{display:"none"},"&[disabled], > option[disabled]":{opacity:"0.7",backgroundColor:"$tonal300",cursor:"not-allowed"}}),ze=({options:o,defaultOption:a,...t})=>e(Ce,Object.assign({},t),a&&e("option",null," ",a),o&&o.map((o=>e("option",{key:o.value,value:o.value,disabled:o.disabled},o.label))));ze.displayName="Select";const Oe=C("textarea",{appearance:"none",borderRadius:"$0",border:"1px solid $tonal500",boxShadow:"none",fontFamily:"$sans",fontSize:"$md",fontWeight:400,letterSpacing:"0.01em",lineHeight:1.4,minHeight:100,resize:"vertical",width:"100%",color:"$tonal900",py:"$3",px:"$2",transition:"all 75ms ease-out","&:focus":{boxShadow:"inset 0 0 0 1px $color$primary900",borderColor:"$primary900",outline:"none"},"&[disabled]":{opacity:.7,backgroundColor:"$tonal300"}});Oe.displayName="Textarea";const je=C(y,{}),Ne=({externalId:o,ratio:a=9/16,...t})=>e(j,{css:{position:"relative",paddingTop:100*a+"%",overflow:"hidden",height:0}},e(je,Object.assign({role:"figure",url:`https://player.vimeo.com/video/${o}`},t,{height:"100%",width:"100%",css:{position:"absolute",top:0,left:0}})));Ne.displayName="Video";export{j as Box,B as Button,K as Check,D as Checkbox,R as Flex,M as Form,A as Grid,V as Heading,X as Home,E as Icon,Y as Image,ee as Input,le as InputField,ae as Label,ce as Link,W as Loader,he as Popover,fe as ProgressBar,we as RadioButton,Se as RadioButtonGroup,ze as Select,ie as Text,Oe as Textarea,re as ValidationError,Ne as Video,f as conditions,v as css,w as getCssString,k as globalCss,S as keyframes,C as styled,z as theme,$ as utils}; |
@@ -6,3 +6,3 @@ { | ||
| "module": "dist/index.modern.js", | ||
| "version": "0.1.0-alpha.0", | ||
| "version": "0.1.0-alpha.1", | ||
| "description": "", | ||
@@ -59,2 +59,3 @@ "files": [ | ||
| "@testing-library/react": "^11.2.3", | ||
| "@testing-library/user-event": "^12.8.1", | ||
| "@types/jest": "^26.0.20", | ||
@@ -88,3 +89,3 @@ "@types/jest-axe": "^3.5.1", | ||
| "prettier": "^2.2.1", | ||
| "react": "^17.0.1", | ||
| "react": "17.0.1", | ||
| "react-docgen-typescript": "^1.21.0", | ||
@@ -114,3 +115,5 @@ "react-dom": "^17.0.1", | ||
| "@types/resize-observer-browser": "^0.1.5", | ||
| "react-player": "^2.9.0" | ||
| "react-hook-form": "^6.15.4", | ||
| "react-player": "^2.9.0", | ||
| "rollup-plugin-url": "^3.0.1" | ||
| }, | ||
@@ -117,0 +120,0 @@ "husky": { |
Sorry, the diff of this file is not supported yet
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by4.58%
233574
- Number of package files
- increased by4.82%
87
- Lines of code
- increased by3.61%
2240
Worsened metrics
- Dependency count
- increased by18.18%
13
- Dev dependency count
- increased by1.89%
54
Dependency changes
+ Addedreact-hook-form@^6.15.4
+ Addedrollup-plugin-url@^3.0.1
+ Added@rollup/rollup-android-arm-eabi@4.24.0(transitive)
+ Added@rollup/rollup-android-arm64@4.24.0(transitive)
+ Added@rollup/rollup-darwin-arm64@4.24.0(transitive)
+ Added@rollup/rollup-darwin-x64@4.24.0(transitive)
+ Added@rollup/rollup-linux-arm-gnueabihf@4.24.0(transitive)
+ Added@rollup/rollup-linux-arm-musleabihf@4.24.0(transitive)
+ Added@rollup/rollup-linux-arm64-gnu@4.24.0(transitive)
+ Added@rollup/rollup-linux-arm64-musl@4.24.0(transitive)
+ Added@rollup/rollup-linux-powerpc64le-gnu@4.24.0(transitive)
+ Added@rollup/rollup-linux-riscv64-gnu@4.24.0(transitive)
+ Added@rollup/rollup-linux-s390x-gnu@4.24.0(transitive)
+ Added@rollup/rollup-linux-x64-gnu@4.24.0(transitive)
+ Added@rollup/rollup-linux-x64-musl@4.24.0(transitive)
+ Added@rollup/rollup-win32-arm64-msvc@4.24.0(transitive)
+ Added@rollup/rollup-win32-ia32-msvc@4.24.0(transitive)
+ Added@rollup/rollup-win32-x64-msvc@4.24.0(transitive)
+ Added@types/estree@1.0.6(transitive)
+ Addedestree-walker@0.6.1(transitive)
+ Addedfsevents@2.3.3(transitive)
+ Addedmime@2.6.0(transitive)
+ Addedreact-hook-form@6.15.8(transitive)
+ Addedrollup@4.24.0(transitive)
+ Addedrollup-plugin-url@3.0.1(transitive)
+ Addedrollup-pluginutils@2.8.2(transitive)