@atom-learning/components - npm Package Compare versions

Comparing version 0.1.0-alpha.1 to 0.1.0-alpha.2

dist/components/icon/Icon.d.ts

@@ -38,5 +38,5 @@ import * as React from 'react';
     is: React.FC<React.SVGProps<SVGSVGElement>>;
-    as: never;
+    as?: never;
 }>;
 export declare const Icon: React.FC<IconProps>;
 export {};

dist/components/icon/index.d.ts

 export { Icon } from './Icon';
-export { Check, Home } from './svg';
+export { Check, Home, Eye, EyeOff } from './svg';

dist/components/icon/svg/index.d.ts

 export { ReactComponent as Check } from './check.svg';
+export { ReactComponent as Eye } from './eye.svg';
+export { ReactComponent as EyeOff } from './eye-off.svg';
 export { ReactComponent as Home } from './home.svg';

dist/components/index.d.ts

@@ -15,2 +15,3 @@ export { Box } from './box';
 export { Loader } from './loader';
+export { PasswordField } from './password-field';
 export { Popover } from './popover';
@@ -17,0 +18,0 @@ export { ProgressBar } from './progress-bar';

dist/docgen.json

@@ -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\""}]}},"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..."}]}}}}]
+[{"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":false,"type":{"name":"undefined"}}}},{"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":"PasswordField","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":"{}"},"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":{"value":"Password"},"description":"","name":"label","declarations":[{"fileName":"components/password-field/PasswordField.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"string | undefined","value":[{"value":"undefined"},{"value":"string"}]}},"prompt":{"defaultValue":{"value":"undefined"},"description":"","name":"prompt","declarations":[{"fileName":"components/password-field/PasswordField.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"Prompt | undefined","value":[{"value":"undefined"},{"value":"Prompt"}]}},"hidePasswordText":{"defaultValue":{"value":"Hide password"},"description":"","name":"hidePasswordText","declarations":[{"fileName":"components/password-field/PasswordField.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"string | undefined","value":[{"value":"undefined"},{"value":"string"}]}},"showPasswordText":{"defaultValue":{"value":"Show password"},"description":"","name":"showPasswordText","declarations":[{"fileName":"components/password-field/PasswordField.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"string | undefined","value":[{"value":"undefined"},{"value":"string"}]}},"register":{"defaultValue":{"value":"undefined"},"description":"","name":"register","declarations":[{"fileName":"components/password-field/PasswordField.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>"}]}},"error":{"defaultValue":{"value":""},"description":"","name":"error","declarations":[{"fileName":"components/password-field/PasswordField.tsx","name":"TypeLiteral"}],"required":false,"type":{"name":"enum","raw":"string | undefined","value":[{"value":"undefined"},{"value":"string"}]}}}},{"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..."}]}}}}]

dist/index.js

@@ -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"),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;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("@atom-learning/theme"),r=require("@stitches/react"),o=require("@radix-ui/react-visually-hidden"),a=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 h={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,r]=e;return{height:t,width:r}}return{height:e,width:e}}},u={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=r.createCss({theme:p.default,utils:h,conditions:u}),{css:b,getCssString:y,global:$,keyframes:f,styled:x,theme:w}=g,v=x("div",{}),k=t=>e.createElement(v,Object.assign({},t));k.displayName="Box";const C=x("div",{display:"flex"}),E=t=>e.createElement(C,Object.assign({},t));E.displayName="Flex";const S=x("div",{animationName:`${f({"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:r="Loading",size:a="md"})=>e.createElement(E,{css:{justifyContent:"center",...t},role:"alert"},e.createElement(o.Root,null,r),e.createElement(S,{size:a}),e.createElement(S,{size:a}),e.createElement(S,{size:a})),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=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"},"&.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:r="solid",isLoading:o=!1,type:a="button",children:n,onClick:i,...s})=>e.createElement(R,Object.assign({className:o?"isLoading":"",theme:t,appearance:r,onClick:()=>{return e=i,void(o||e());var e},type:a},s),o?e.createElement(z,null):n);N.displayName="Button";const _=x(a.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(_,Object.assign({},t),e.createElement(a.Indicator,{as:n.CheckIcon}));L.displayName="Checkbox";const I=x("form",{}),F=({children:t,defaultValues:r={},onSubmit:o,validationMode:a="onBlur",...n})=>{const{errors:s,handleSubmit:l,register:c}=i.useForm({defaultValues:r,mode:a});return e.createElement(I,Object.assign({},n,{onSubmit:l(o),"aria-label":"form"}),e.Children.map(t,(t=>{const{validation:r,...o}=t.props;if(!o.name)return t;const a=s[o.name];return e.createElement(t.type,{...{...t.props,error:a?a.message:void 0,register:r?c(r):c,key:name,required:!!r&&!!r.required}})})))};F.displayName="Form";const W=x("div",{display:"grid"});W.displayName="Grid";const B=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"}}}}),H=({as:t="h2",size:r="md",...o})=>e.createElement(B,Object.assign({as:t,size:r},o));H.displayName="Heading";const P=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}}}}),q=({is:t,size:r="sm",...o})=>e.createElement(P,Object.assign({size:r,viewBox:"0 0 24 24","aria-hidden":"true"},o,{as:t}));function T(){return(T=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e}).apply(this,arguments)}var M=e.createElement("path",{d:"M20 6L9 17l-5-5"});function D(){return(D=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e}).apply(this,arguments)}var A=e.createElement("path",{d:"M17.94 17.94A10.07 10.07 0 0112 20c-7 0-11-8-11-8a18.45 18.45 0 015.06-5.94M9.9 4.24A9.12 9.12 0 0112 4c7 0 11 8 11 8a18.5 18.5 0 01-2.16 3.19m-6.72-1.07a3 3 0 11-4.24-4.24M1 1l22 22"});function V(t){return e.createElement("svg",D({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,className:"eye_svg__feather eye_svg__feather-eye-off"},t),A)}function G(){return(G=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e}).apply(this,arguments)}var U=e.createElement("path",{d:"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"}),K=e.createElement("circle",{cx:12,cy:12,r:3});function J(t){return e.createElement("svg",G({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,className:"eye-off_svg__feather eye-off_svg__feather-eye"},t),U,K)}function Q(){return(Q=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e}).apply(this,arguments)}var X=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 Y=x("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=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"}}}}),ee=e.forwardRef((({type:t="text",...r},o)=>"number"===t?e.createElement(Z,Object.assign({type:"text",inputMode:"numeric",pattern:"[0-9]*",ref:o},r)):e.createElement(Z,Object.assign({type:t},r,{ref:o}))));ee.displayName="Input";const te=x("label",{color:"$secondary300",display:"block",fontFamily:"$sans",fontWeight:500,letterSpacing:"0.02em",lineHeight:"1.4",variants:{size:{sm:{fontSize:"$sm"},md:{fontSize:"$md"}}}}),re=({size:t="md",children:r,...o})=>e.createElement(te,Object.assign({size:t},o),r);re.displayName="Label";const oe=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}}}}),ae=({as:t="p",size:r="md",...o})=>e.createElement(oe,Object.assign({as:t,size:r},o));ae.displayName="Text";const ne=x(ae,{color:"$danger"}),ie=x("span",{color:"$danger"}),se=()=>e.createElement(ie,null,"*"),le=({css:t,label:r,name:o,error:a,required:n=!1,register:i=null,...s})=>e.createElement(k,{css:t},e.createElement(re,{css:{mb:"$1"},htmlFor:o},r,n&&e.createElement(se,null)),e.createElement(ee,Object.assign({css:{mb:"$1"},id:o,name:o,ref:i},a&&{state:"error"},s)),a&&e.createElement(ne,null,a));le.displayName="InputField";const ce=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}}}}),de=e.forwardRef((({size:t="md",...r},o)=>e.createElement(ce,Object.assign({size:t},r,{ref:o}))));de.displayName="Link";const pe=({css:t={},error:r="",label:o="Password",name:a="password",hidePasswordText:n="Hide password",showPasswordText:i="Show password",prompt:s,required:l=!1,register:c,...d})=>{const[p,m]=e.useState(!1);return e.createElement(k,{css:{position:"relative",...t}},e.createElement(E,{css:{justifyContent:"space-between",alignItems:"center",mb:"$1"}},e.createElement(re,{htmlFor:a},`${o} ${l?"*":""}`),s&&e.createElement(de,{href:s.link,size:"sm"},s.label)),e.createElement(ee,Object.assign({type:p?"text":"password",css:{mb:"$1",pr:"$sizes$2"},autoComplete:"current-password",name:a,id:a,required:l,ref:c},d)),e.createElement(me,{"aria-label":p?n:i,onClick:()=>m((e=>!e)),onMouseDown:e=>e.preventDefault(),type:"button"},e.createElement(q,{css:{color:"$tonal700"},is:p?V:J})),r&&e.createElement(ne,null,r))};pe.displayName="PasswordField";const me=x("button",{border:"none",padding:0,background:"none",cursor:"pointer",position:"absolute",bottom:0,right:0,size:"$2"}),he=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}}),ue=x("span",{position:"relative"}),ge=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:{...he({left:40}),left:0,transformOrigin:"60px bottom",transform:"translate(-20px, $2) scale(0.9)"},center:{...he({left:"50%"}),transformOrigin:"center bottom",transform:"translate(-50%, $2) scale(0.9)"},right:{...he({right:31}),right:0,transformOrigin:"calc(100% - 51px) bottom",transform:"translate(0, $2) scale(0.9)"}},visibility:{true:{opacity:1,visibility:"visible"}}}}),be=({id:t,children:r,content:o,align:a="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,r)=>e.createElement("span",Object.assign({id:d,"aria-expanded":l,role:"button",tabIndex:0,"aria-label":"popover trigger",onClick:p,onKeyPress:m,ref:r},t))));return e.createElement(ue,Object.assign({},i),e.createElement(h,{ref:s},r),e.createElement(ge,{role:"tooltip",align:a,"aria-labelledby":d,"aria-hidden":!l,visibility:l},o))};be.displayName="Popover";const ye=e=>({background:"$tonal300",color:e}),$e=e=>({border:"1px solid $tonal400",background:"white",color:e}),fe=x(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:ye("$primary500")},{theme:"secondary",appearance:"solid",css:ye("$secondary500")},{theme:"tertiary",appearance:"solid",css:ye("$tertiary500")},{theme:"success",appearance:"solid",css:ye("$success")},{theme:"warning",appearance:"solid",css:ye("$warning")},{theme:"danger",appearance:"solid",css:ye("$danger")},{theme:"primary",appearance:"outline",css:$e("$primary500")},{theme:"secondary",appearance:"outline",css:$e("$secondary500")},{theme:"tertiary",appearance:"outline",css:$e("$tertiary500")},{theme:"success",appearance:"outline",css:$e("$success")},{theme:"warning",appearance:"outline",css:$e("$warning")},{theme:"danger",appearance:"outline",css:$e("$danger")}]}),xe=x(s.Indicator,{boxSizing:"border-box",position:"absolute",backgroundColor:"currentcolor",height:"100%"}),we=({value:t,appearance:r="outline",theme:o="primary",...a})=>e.createElement(fe,Object.assign({appearance:r,theme:o},a),e.createElement(xe,{style:{width:`${t}%`}}));we.displayName="ProgressBar";const ve=x(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"}}),ke=x(l.Indicator,{width:8,height:8,borderRadius:"50%",backgroundColor:"white"}),Ce=t=>e.createElement(ve,Object.assign({},t),e.createElement(ke,null));Ce.displayName="RadioButton";const Ee=x(l.Root,{}),Se=t=>e.createElement(Ee,Object.assign({},t));Se.displayName="RadioButtonGroup";const ze=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"}}),je=({options:t,defaultOption:r,...o})=>e.createElement(ze,Object.assign({},o),r&&e.createElement("option",null," ",r),t&&t.map((t=>e.createElement("option",{key:t.value,value:t.value,disabled:t.disabled},t.label))));je.displayName="Select";const Oe=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"}});Oe.displayName="Textarea";const Re=x(m.default,{}),Ne=({externalId:t,ratio:r=9/16,...o})=>e.createElement(k,{css:{position:"relative",paddingTop:100*r+"%",overflow:"hidden",height:0}},e.createElement(Re,Object.assign({role:"figure",url:`https://player.vimeo.com/video/${t}`},o,{height:"100%",width:"100%",css:{position:"absolute",top:0,left:0}})));Ne.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),M)},exports.Checkbox=L,exports.Flex=E,exports.Form=F,exports.Grid=W,exports.Heading=H,exports.Home=function(t){return e.createElement("svg",Q({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),X)},exports.Icon=q,exports.Image=Y,exports.Input=ee,exports.InputField=le,exports.Label=re,exports.Link=de,exports.Loader=z,exports.PasswordField=pe,exports.Popover=be,exports.ProgressBar=we,exports.RadioButton=Ce,exports.RadioButtonGroup=Se,exports.Select=je,exports.Text=ae,exports.Textarea=Oe,exports.ValidationError=ne,exports.Video=Ne,exports.conditions=u,exports.css=b,exports.getCssString=y,exports.globalCss=$,exports.keyframes=f,exports.styled=x,exports.theme=w,exports.utils=h;

dist/index.modern.js

@@ -1,1 +0,1 @@
-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};
+import{createElement as e,Children as o,forwardRef as t,useState as a,useRef as r}from"react";import i 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 h}from"@radix-ui/react-progress";import{Item as g,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,t]=e;return{height:o,width:t}}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)"},w=n({theme:i,utils:$,conditions:f}),{css:v,getCssString:x,global:k,keyframes:S,styled:C,theme:z}=w,j=C("div",{}),O=o=>e(j,Object.assign({},o));O.displayName="Box";const N=C("div",{display:"flex"}),_=o=>e(N,Object.assign({},o));_.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"}}}}),R=({css:o={},message:t="Loading",size:a="md"})=>e(_,{css:{justifyContent:"center",...o},role:"alert"},e(s,null,t),e(L,{size:a}),e(L,{size:a}),e(L,{size:a})),W=(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}}),F=(e,o)=>({backgroundColor:e,color:"white","&:not([disabled]):hover, &:not([disabled]):focus":{backgroundColor:o},"&:active":{backgroundColor:e},"&[disabled]":{backgroundColor:"$tonal300",color:"$tonal600"}}),H=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:F("$primary500","$primary900")},{theme:"secondary",appearance:"solid",css:F("$secondary500","$secondary700")},{theme:"tertiary",appearance:"solid",css:F("$tertiary500","$tertiary700")},{theme:"success",appearance:"solid",css:F("$success","$successDark")},{theme:"warning",appearance:"solid",css:F("$warning","$warningDark")},{theme:"danger",appearance:"solid",css:F("$danger","$dangerDark")},{theme:"primary",appearance:"outline",css:W("$primary500","$primary900")},{theme:"secondary",appearance:"outline",css:W("$secondary500","$secondary900")},{theme:"tertiary",appearance:"outline",css:W("$tertiary500","$tertiary700")}]}),I=({theme:o="primary",appearance:t="solid",isLoading:a=!1,type:r="button",children:i,onClick:n,...s})=>e(H,Object.assign({className:a?"isLoading":"",theme:o,appearance:t,onClick:()=>{return e=n,void(a||e());var e},type:r},s),a?e(R,null):i);I.displayName="Button";const D=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"}}),M=o=>e(D,Object.assign({},o),e(d,{as:c}));M.displayName="Checkbox";const T=C("form",{}),B=({children:t,defaultValues:a={},onSubmit:r,validationMode:i="onBlur",...n})=>{const{errors:s,handleSubmit:l,register:d}=p({defaultValues:a,mode:i});return e(T,Object.assign({},n,{onSubmit:l(r),"aria-label":"form"}),o.map(t,(o=>{const{validation:t,...a}=o.props;if(!a.name)return o;const r=s[a.name];return e(o.type,{...{...o.props,error:r?r.message:void 0,register:t?d(t):d,key:name,required:!!t&&!!t.required}})})))};B.displayName="Form";const P=C("div",{display:"grid"});P.displayName="Grid";const A=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"}}}}),q=({as:o="h2",size:t="md",...a})=>e(A,Object.assign({as:o,size:t},a));q.displayName="Heading";const V=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:t="sm",...a})=>e(V,Object.assign({size:t,viewBox:"0 0 24 24","aria-hidden":"true"},a,{as:o}));function G(){return(G=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 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 t=arguments[o];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e}).apply(this,arguments)}var Q=e("path",{d:"M17.94 17.94A10.07 10.07 0 0112 20c-7 0-11-8-11-8a18.45 18.45 0 015.06-5.94M9.9 4.24A9.12 9.12 0 0112 4c7 0 11 8 11 8a18.5 18.5 0 01-2.16 3.19m-6.72-1.07a3 3 0 11-4.24-4.24M1 1l22 22"});function X(o){return e("svg",J({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,className:"eye_svg__feather eye_svg__feather-eye-off"},o),Q)}function Y(){return(Y=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 Z=e("path",{d:"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"}),ee=e("circle",{cx:12,cy:12,r:3});function oe(o){return e("svg",Y({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,className:"eye-off_svg__feather eye-off_svg__feather-eye"},o),Z,ee)}function te(){return(te=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 ae=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 re(o){return e("svg",te({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),ae)}const ie=C("img",{verticalAlign:"middle",maxWidth:"100%","&[width]":{width:"auto"},"&[width][height]":{height:"auto"},'&[src$=".svg"]':{width:"100%",height:"auto",maxWidth:"none"}});ie.displayName="Image";const ne=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"}}}}),se=t((({type:o="text",...t},a)=>e(ne,"number"===o?Object.assign({type:"text",inputMode:"numeric",pattern:"[0-9]*",ref:a},t):Object.assign({type:o},t,{ref:a}))));se.displayName="Input";const le=C("label",{color:"$secondary300",display:"block",fontFamily:"$sans",fontWeight:500,letterSpacing:"0.02em",lineHeight:"1.4",variants:{size:{sm:{fontSize:"$sm"},md:{fontSize:"$md"}}}}),de=({size:o="md",children:t,...a})=>e(le,Object.assign({size:o},a),t);de.displayName="Label";const ce=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}}}}),pe=({as:o="p",size:t="md",...a})=>e(ce,Object.assign({as:o,size:t},a));pe.displayName="Text";const me=C(pe,{color:"$danger"}),he=C("span",{color:"$danger"}),ge=()=>e(he,null,"*"),ue=({css:o,label:t,name:a,error:r,required:i=!1,register:n=null,...s})=>e(O,{css:o},e(de,{css:{mb:"$1"},htmlFor:a},t,i&&e(ge,null)),e(se,Object.assign({css:{mb:"$1"},id:a,name:a,ref:n},r&&{state:"error"},s)),r&&e(me,null,r));ue.displayName="InputField";const be=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}}}}),ye=t((({size:o="md",...t},a)=>e(be,Object.assign({size:o},t,{ref:a}))));ye.displayName="Link";const $e=({css:o={},error:t="",label:r="Password",name:i="password",hidePasswordText:n="Hide password",showPasswordText:s="Show password",prompt:l,required:d=!1,register:c,...p})=>{const[m,h]=a(!1);return e(O,{css:{position:"relative",...o}},e(_,{css:{justifyContent:"space-between",alignItems:"center",mb:"$1"}},e(de,{htmlFor:i},`${r} ${d?"*":""}`),l&&e(ye,{href:l.link,size:"sm"},l.label)),e(se,Object.assign({type:m?"text":"password",css:{mb:"$1",pr:"$sizes$2"},autoComplete:"current-password",name:i,id:i,required:d,ref:c},p)),e(fe,{"aria-label":m?n:s,onClick:()=>h((e=>!e)),onMouseDown:e=>e.preventDefault(),type:"button"},e(E,{css:{color:"$tonal700"},is:m?X:oe})),t&&e(me,null,t))};$e.displayName="PasswordField";const fe=C("button",{border:"none",padding:0,background:"none",cursor:"pointer",position:"absolute",bottom:0,right:0,size:"$2"}),we=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}}),ve=C("span",{position:"relative"}),xe=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:{...we({left:40}),left:0,transformOrigin:"60px bottom",transform:"translate(-20px, $2) scale(0.9)"},center:{...we({left:"50%"}),transformOrigin:"center bottom",transform:"translate(-50%, $2) scale(0.9)"},right:{...we({right:31}),right:0,transformOrigin:"calc(100% - 51px) bottom",transform:"translate(0, $2) scale(0.9)"}},visibility:{true:{opacity:1,visibility:"visible"}}}}),ke=({id:o,children:i,content:n,align:s="center",defaultOpen:l=!1,...d})=>{const c=r(null),[p,m]=a(l),h=`popover-trigger-${o||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=t(((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(ve,Object.assign({},d),e(b,{ref:c},i),e(xe,{role:"tooltip",align:s,"aria-labelledby":h,"aria-hidden":!p,visibility:p},n))};ke.displayName="Popover";const Se=e=>({background:"$tonal300",color:e}),Ce=e=>({border:"1px solid $tonal400",background:"white",color:e}),ze=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: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: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")}]}),je=C(h,{boxSizing:"border-box",position:"absolute",backgroundColor:"currentcolor",height:"100%"}),Oe=({value:o,appearance:t="outline",theme:a="primary",...r})=>e(ze,Object.assign({appearance:t,theme:a},r),e(je,{style:{width:`${o}%`}}));Oe.displayName="ProgressBar";const Ne=C(g,{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"}}),_e=C(u,{width:8,height:8,borderRadius:"50%",backgroundColor:"white"}),Le=o=>e(Ne,Object.assign({},o),e(_e,null));Le.displayName="RadioButton";const Re=C(b,{}),We=o=>e(Re,Object.assign({},o));We.displayName="RadioButtonGroup";const Fe=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"}}),He=({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))));He.displayName="Select";const Ie=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"}});Ie.displayName="Textarea";const De=C(y,{}),Me=({externalId:o,ratio:t=9/16,...a})=>e(O,{css:{position:"relative",paddingTop:100*t+"%",overflow:"hidden",height:0}},e(De,Object.assign({role:"figure",url:`https://player.vimeo.com/video/${o}`},a,{height:"100%",width:"100%",css:{position:"absolute",top:0,left:0}})));Me.displayName="Video";export{O as Box,I as Button,K as Check,M as Checkbox,_ as Flex,B as Form,P as Grid,q as Heading,re as Home,E as Icon,ie as Image,se as Input,ue as InputField,de as Label,ye as Link,R as Loader,$e as PasswordField,ke as Popover,Oe as ProgressBar,Le as RadioButton,We as RadioButtonGroup,He as Select,pe as Text,Ie as Textarea,me as ValidationError,Me as Video,f as conditions,v as css,x as getCssString,k as globalCss,S as keyframes,C as styled,z as theme,$ as utils};

package.json

@@ -6,3 +6,3 @@ {
   "module": "dist/index.modern.js",
-  "version": "0.1.0-alpha.1",
+  "version": "0.1.0-alpha.2",
   "description": "",
@@ -9,0 +9,0 @@ "files": [

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This 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

243565

increased by4.28%

Number of package files

90

increased by3.45%

Lines of code

2278

increased by1.7%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes