@atom-learning/components 1.0.0-rc.3 → 1.0.1

package/dist/stitches.js

@@ -1 +1 @@
-import*as t from"@atom-learning/theme";import{createStitches as i}from"@stitches/react";const m={bg:t=>({background:t}),inset:t=>({top:t,right:t,bottom:t,left:t}),size:t=>({height:t,width:t}),p:t=>({padding:t}),pt:t=>({paddingTop:t}),pr:t=>({paddingRight:t}),pb:t=>({paddingBottom:t}),pl:t=>({paddingLeft:t}),px:t=>({paddingLeft:t,paddingRight:t}),py:t=>({paddingTop:t,paddingBottom:t}),m:t=>({margin:t}),mt:t=>({marginTop:t}),mr:t=>({marginRight:t}),mb:t=>({marginBottom:t}),ml:t=>({marginLeft:t}),mx:t=>({marginLeft:t,marginRight:t}),my:t=>({marginTop:t,marginBottom:t})},e={sm:"(min-width: 550px)",md:"(min-width: 800px)",lg:"(min-width: 1100px)",xl:"(min-width: 1350px)",reducedMotion:"(prefers-reduced-motion)",hover:"(hover: hover)"},d=i({theme:t,utils:m,media:e}),{css:o,getCssText:g,createTheme:n,globalCss:p,keyframes:r,styled:a,theme:h}=d;export{n as createTheme,o as css,g as getCssText,p as globalCss,r as keyframes,e as media,a as styled,h as theme,m as utils};
+import*as t from"@atom-learning/theme";import{createStitches as e}from"@stitches/react";const i={bg:t=>({background:t}),inset:t=>({top:t,right:t,bottom:t,left:t}),size:t=>({height:t,width:t}),p:t=>({padding:t}),pt:t=>({paddingTop:t}),pr:t=>({paddingRight:t}),pb:t=>({paddingBottom:t}),pl:t=>({paddingLeft:t}),px:t=>({paddingLeft:t,paddingRight:t}),py:t=>({paddingTop:t,paddingBottom:t}),m:t=>({margin:t}),mt:t=>({marginTop:t}),mr:t=>({marginRight:t}),mb:t=>({marginBottom:t}),ml:t=>({marginLeft:t}),mx:t=>({marginLeft:t,marginRight:t}),my:t=>({marginTop:t,marginBottom:t})},m={sm:"(min-width: 550px)",md:"(min-width: 800px)",lg:"(min-width: 1100px)",xl:"(min-width: 1350px)",reducedMotion:"(prefers-reduced-motion)",allowMotion:"(prefers-reduced-motion: no-preference)",hover:"(hover: hover)"},o=e({theme:t,utils:i,media:m}),{css:r,getCssText:d,createTheme:n,globalCss:p,keyframes:g,styled:a,theme:h}=o;export{n as createTheme,r as css,d as getCssText,p as globalCss,g as keyframes,m as media,a as styled,h as theme,i as utils};

package/dist/types/navigatorActions.types.d.ts

@@ -1,7 +1,4 @@
 export declare type NavigatorActions = {
-    onClick: (...args: unknown[]) => void;
-    href?: never;
-} | {
-    onClick?: never;
-    href: string;
+    onClick?: (...args: unknown[]) => void;
+    href?: string;
 };

package/dist/utilities/css-wrapper/CSSWrapper.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { CSS } from '../../stitches';
+import type { CSS } from '../../stitches';
 declare type CssWrapperProps = {
     css?: CSS;
     children: React.ReactNode;

package/dist/utilities/css-wrapper/CSSWrapper.js

@@ -1 +1 @@
-import{createElement as r,Fragment as s}from"react";import{Box as o}from"../../components/box/Box.js";const p=({css:p,children:t})=>p?r(o,{css:p,"data-testid":"css-wrapper"},t):r(s,null,t);p.displayName="CSSWrapper";export{p as CSSWrapper};
+import{createElement as o,Fragment as r}from"react";import{Box as s}from"../../components/box/Box.js";const p=({css:p,children:c})=>p?o(s,{css:p},c):o(r,null,c);p.displayName="CSSWrapper";export{p as CSSWrapper};

package/dist/utilities/style/index.d.ts

@@ -1,2 +1,3 @@
-export { capsize } from './capsize';
-export { encodeBackgroundIcon } from './encode-background-icon';
+export * from './capsize';
+export * from './encode-background-icon';
+export * from './keyframe-animations';

package/dist/utilities/style/keyframe-animations.d.ts

@@ -0,0 +1,24 @@
+export declare const slideUpAndFade: {
+    (): string;
+    name: string;
+};
+export declare const slideRightAndFade: {
+    (): string;
+    name: string;
+};
+export declare const slideDownAndFade: {
+    (): string;
+    name: string;
+};
+export declare const slideLeftAndFade: {
+    (): string;
+    name: string;
+};
+export declare const fadeIn: {
+    (): string;
+    name: string;
+};
+export declare const fadeOut: {
+    (): string;
+    name: string;
+};

package/dist/utilities/style/keyframe-animations.js

@@ -0,0 +1 @@
+import{keyframes as t}from"../../stitches.js";const a=t({"0%":{opacity:0,transform:"translateY(2px)"},"100%":{opacity:1,transform:"translateY(0)"}}),r=t({"0%":{opacity:0,transform:"translateX(-2px)"},"100%":{opacity:1,transform:"translateX(0)"}}),o=t({"0%":{opacity:0,transform:"translateY(-2px)"},"100%":{opacity:1,transform:"translateY(0)"}}),s=t({"0%":{opacity:0,transform:"translateX(2px)"},"100%":{opacity:1,transform:"translateX(0)"}}),p=t({"0%":{opacity:0},"100%":{opacity:1}}),n=t({"0%":{opacity:1},"100%":{opacity:0}});export{p as fadeIn,n as fadeOut,o as slideDownAndFade,s as slideLeftAndFade,r as slideRightAndFade,a as slideUpAndFade};

package/package.json

@@ -3,7 +3,7 @@
   "source": "src/index.ts",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
-  "version": "1.0.0-rc.3",
+  "version": "1.0.1",
   "description": "",
   "files": [
     "dist"
@@ -43,13 +43,13 @@
       "path": "dist/index.js"
     },
     {
-      "limit": "300ms",
+      "limit": "400ms",
       "path": "dist/index.js",
       "import": "{ Box }"
     }
   ],
   "devDependencies": {
-    "@atom-learning/icons": "^0.3.0",
+    "@atom-learning/icons": "1.5.0",
     "@atom-learning/jest-stitches": "1.0.10",
     "@atom-learning/theme": "1.0.0",
     "@babel/plugin-transform-modules-commonjs": "^7.12.1",
@@ -58,7 +58,7 @@
     "@babel/preset-typescript": "^7.12.7",
     "@commitlint/cli": "^11.0.0",
     "@commitlint/config-conventional": "^11.0.0",
-    "@radix-ui/react-id": "0.1.0",
+    "@radix-ui/react-id": "0.1.1",
     "@rollup/plugin-babel": "^5.3.0",
     "@rollup/plugin-commonjs": "^17.1.0",
     "@rollup/plugin-node-resolve": "^11.2.0",
@@ -108,7 +108,7 @@
     "rollup-plugin-terser": "^7.0.2",
     "rollup-plugin-visualizer": "^4.2.2",
     "semantic-release": "^17.4.2",
-    "semantic-release-slack-bot": "^2.1.0",
+    "semantic-release-slack-bot": "^2.1.1",
     "size-limit": "^5.0.5",
     "stitches-reset": "^1.0.0",
     "tsc-alias": "^1.3.5",
@@ -122,26 +122,26 @@
     "react": "^16.8.0"
   },
   "dependencies": {
-    "@radix-ui/react-alert-dialog": "0.1.0",
-    "@radix-ui/react-checkbox": "0.1.0",
-    "@radix-ui/react-dialog": "0.1.0",
-    "@radix-ui/react-dropdown-menu": "^0.1.0",
-    "@radix-ui/react-popover": "0.1.0",
-    "@radix-ui/react-progress": "0.1.0",
-    "@radix-ui/react-radio-group": "0.1.0",
-    "@radix-ui/react-switch": "0.1.0",
-    "@radix-ui/react-tabs": "0.1.0",
-    "@radix-ui/react-tooltip": "0.1.0",
-    "@radix-ui/react-visually-hidden": "0.1.0",
-    "@reach/combobox": "^0.15.1",
-    "@stitches/react": "^1.2.1",
-    "@types/react": "^17.0.2",
+    "@radix-ui/react-alert-dialog": "0.1.1",
+    "@radix-ui/react-checkbox": "0.1.1",
+    "@radix-ui/react-dialog": "0.1.1",
+    "@radix-ui/react-dropdown-menu": "^0.1.1",
+    "@radix-ui/react-popover": "0.1.1",
+    "@radix-ui/react-progress": "0.1.1",
+    "@radix-ui/react-radio-group": "0.1.1",
+    "@radix-ui/react-switch": "0.1.1",
+    "@radix-ui/react-tabs": "0.1.1",
+    "@radix-ui/react-tooltip": "0.1.1",
+    "@radix-ui/react-visually-hidden": "0.1.1",
+    "@reach/combobox": "^0.16.1",
+    "@stitches/react": "^1.2.5",
+    "@types/react": "^17.0.30",
     "dlv": "^1.1.3",
     "invariant": "^2.2.4",
     "mdast-util-directive": "1.0.1",
     "mdast-util-from-markdown": "0.8.5",
     "micromark-extension-directive": "1.4.0",
-    "polished": "^4.1.2",
+    "polished": "^4.1.3",
     "pure-react-carousel": "^1.27.6",
     "react-hook-form": "^6.15.4",
     "react-hook-form-persist": "^2.0.0",
@@ -192,6 +192,7 @@
       [
         "semantic-release-slack-bot",
         {
+          "packageName": "@atom-learning/components",
           "branchesConfig": [
             {
               "pattern": "main",

package/dist/components/radio/RadioButton.d.ts

@@ -1,189 +0,0 @@
-import * as RadioGroup from '@radix-ui/react-radio-group';
-import * as React from 'react';
-import { Override } from '../../utilities/types';
-declare const StyledRadioButton: import("@stitches/react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<RadioGroup.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>>, {}, {
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    reducedMotion: string;
-    hover: string;
-}, import("@stitches/react/types/css-util").CSS<{
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    reducedMotion: string;
-    hover: string;
-}, {
-    colors: {
-        textForeground: any;
-        textSubtle: any;
-        textPlaceholder: any;
-        background: any;
-        backgroundAccent: any;
-        tonal50: any;
-        tonal100: any;
-        tonal200: any;
-        tonal300: any;
-        tonal400: any;
-        tonal500: any;
-        tonal600: any;
-        alpha100: any;
-        alpha150: any;
-        alpha200: any;
-        alpha250: any;
-        alpha600: any;
-        primaryLight: any;
-        primary: any;
-        primaryMid: any;
-        primaryDark: any;
-        secondary: any;
-        brandRed: any;
-        brandRedAccent: any;
-        brandGreen: any;
-        brandGreenAccent: any;
-        brandPurple: any;
-        brandPurpleAccent: any;
-        brandYellow: any;
-        brandYellowAccent: any;
-        successLight: any;
-        success: any;
-        successMid: any;
-        successDark: any;
-        dangerLight: any;
-        danger: any;
-        dangerMid: any;
-        dangerDark: any;
-        warningLight: any;
-        warning: any;
-        warningMid: any;
-        warningDark: any;
-        subjectEnglish: any;
-        subjectMaths: any;
-        subjectScience: any;
-        subjectVerbalReasoning: any;
-        subjectNonVerbalReasoning: any;
-        subjectCreativeWriting: any;
-        subjectExamSkills: any;
-    };
-    space: {
-        "0": any;
-        "1": any;
-        "2": any;
-        "3": any;
-        "4": any;
-        "5": any;
-        "6": any;
-        "7": any;
-        "8": any;
-        "9": any;
-    };
-    fontSizes: {
-        xs: any;
-        sm: any;
-        md: any;
-        lg: any;
-        xl: any;
-        "2xl": any;
-        "3xl": any;
-        "4xl": any;
-    };
-    fonts: {
-        sans: any;
-        mono: any;
-        display: any;
-        body: any;
-    };
-    sizes: {
-        "0": any;
-        "1": any;
-        "2": any;
-        "3": any;
-        "4": any;
-        "5": any;
-        "6": any;
-        "7": any;
-        "8": any;
-    };
-    radii: {
-        "0": any;
-        "1": any;
-        "2": any;
-        "3": any;
-        round: any;
-    };
-    shadows: {
-        "0": any;
-        "1": any;
-        "2": any;
-        "3": any;
-    };
-}, import("@stitches/react/types/config").DefaultThemeMap, {
-    bg: (value: import("@stitches/react").PropertyValue<"background">) => {
-        background: import("@stitches/react").PropertyValue<"background">;
-    };
-    inset: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        top: string | number | import("@stitches/react").ScaleValue<"space">;
-        right: string | number | import("@stitches/react").ScaleValue<"space">;
-        bottom: string | number | import("@stitches/react").ScaleValue<"space">;
-        left: string | number | import("@stitches/react").ScaleValue<"space">;
-    };
-    size: (value: string | number | import("@stitches/react").ScaleValue<"size">) => {
-        height: string | number | import("@stitches/react").ScaleValue<"size">;
-        width: string | number | import("@stitches/react").ScaleValue<"size">;
-    };
-    p: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        padding: string | number | import("@stitches/react").ScaleValue<"space">;
-    };
-    pt: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        paddingTop: string | number | import("@stitches/react").ScaleValue<"space">;
-    };
-    pr: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        paddingRight: string | number | import("@stitches/react").ScaleValue<"space">;
-    };
-    pb: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        paddingBottom: string | number | import("@stitches/react").ScaleValue<"space">;
-    };
-    pl: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        paddingLeft: string | number | import("@stitches/react").ScaleValue<"space">;
-    };
-    px: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        paddingLeft: string | number | import("@stitches/react").ScaleValue<"space">;
-        paddingRight: string | number | import("@stitches/react").ScaleValue<"space">;
-    };
-    py: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        paddingTop: string | number | import("@stitches/react").ScaleValue<"space">;
-        paddingBottom: string | number | import("@stitches/react").ScaleValue<"space">;
-    };
-    m: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        margin: string | number | import("@stitches/react").ScaleValue<"space">;
-    };
-    mt: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        marginTop: string | number | import("@stitches/react").ScaleValue<"space">;
-    };
-    mr: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        marginRight: string | number | import("@stitches/react").ScaleValue<"space">;
-    };
-    mb: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        marginBottom: string | number | import("@stitches/react").ScaleValue<"space">;
-    };
-    ml: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        marginLeft: string | number | import("@stitches/react").ScaleValue<"space">;
-    };
-    mx: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        marginLeft: string | number | import("@stitches/react").ScaleValue<"space">;
-        marginRight: string | number | import("@stitches/react").ScaleValue<"space">;
-    };
-    my: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        marginTop: string | number | import("@stitches/react").ScaleValue<"space">;
-        marginBottom: string | number | import("@stitches/react").ScaleValue<"space">;
-    };
-}>>;
-declare type RadioButtonProps = Override<React.ComponentPropsWithoutRef<typeof StyledRadioButton>, {
-    as?: never;
-} & {
-    'aria-label'?: string;
-}>;
-export declare const RadioButton: React.FC<RadioButtonProps>;
-export {};

package/dist/components/radio/RadioButton.js

@@ -1 +0,0 @@
-import{Item as o,Indicator as r}from"@radix-ui/react-radio-group";import{createElement as e}from"react";import{styled as t}from"../../stitches.js";const a=t(o,{alignItems:"center",appearance:"none",backgroundColor:"transparent",border:"1px solid $tonal400",borderRadius:"$round",color:"white",cursor:"pointer",display:"flex",justifyContent:"center",p:0,size:"$1",transition:"all 50ms ease-out","&:focus":{outline:"2px solid $primary",outlineOffset:"1px"},":checked + &":{backgroundColor:"$primary",borderColor:"$primary"},"&[disabled]":{backgroundColor:"$tonal100",borderColor:"$tonal400",color:"$tonal400",cursor:"not-allowed"}}),n=t(r,{size:"6px",borderRadius:"$round",backgroundColor:"currentcolor",position:"absolute"}),i=o=>e(a,Object.assign({},o),e(n,null));i.displayName="RadioButton";export{i as RadioButton};

package/dist/components/radio/RadioButtonGroup.d.ts

@@ -1,183 +0,0 @@
-/// <reference types="react" />
-import * as RadioGroup from '@radix-ui/react-radio-group';
-export declare const RadioButtonGroup: import("@stitches/react/types/styled-component").StyledComponent<import("react").ForwardRefExoticComponent<RadioGroup.RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>, {
-    direction?: "column" | "row" | undefined;
-}, {
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    reducedMotion: string;
-    hover: string;
-}, import("@stitches/react/types/css-util").CSS<{
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    reducedMotion: string;
-    hover: string;
-}, {
-    colors: {
-        textForeground: any;
-        textSubtle: any;
-        textPlaceholder: any;
-        background: any;
-        backgroundAccent: any;
-        tonal50: any;
-        tonal100: any;
-        tonal200: any;
-        tonal300: any;
-        tonal400: any;
-        tonal500: any;
-        tonal600: any;
-        alpha100: any;
-        alpha150: any;
-        alpha200: any;
-        alpha250: any;
-        alpha600: any;
-        primaryLight: any;
-        primary: any;
-        primaryMid: any;
-        primaryDark: any;
-        secondary: any;
-        brandRed: any;
-        brandRedAccent: any;
-        brandGreen: any;
-        brandGreenAccent: any;
-        brandPurple: any;
-        brandPurpleAccent: any;
-        brandYellow: any;
-        brandYellowAccent: any;
-        successLight: any;
-        success: any;
-        successMid: any;
-        successDark: any;
-        dangerLight: any;
-        danger: any;
-        dangerMid: any;
-        dangerDark: any;
-        warningLight: any;
-        warning: any;
-        warningMid: any;
-        warningDark: any;
-        subjectEnglish: any;
-        subjectMaths: any;
-        subjectScience: any;
-        subjectVerbalReasoning: any;
-        subjectNonVerbalReasoning: any;
-        subjectCreativeWriting: any;
-        subjectExamSkills: any;
-    };
-    space: {
-        "0": any;
-        "1": any;
-        "2": any;
-        "3": any;
-        "4": any;
-        "5": any;
-        "6": any;
-        "7": any;
-        "8": any;
-        "9": any;
-    };
-    fontSizes: {
-        xs: any;
-        sm: any;
-        md: any;
-        lg: any;
-        xl: any;
-        "2xl": any;
-        "3xl": any;
-        "4xl": any;
-    };
-    fonts: {
-        sans: any;
-        mono: any;
-        display: any;
-        body: any;
-    };
-    sizes: {
-        "0": any;
-        "1": any;
-        "2": any;
-        "3": any;
-        "4": any;
-        "5": any;
-        "6": any;
-        "7": any;
-        "8": any;
-    };
-    radii: {
-        "0": any;
-        "1": any;
-        "2": any;
-        "3": any;
-        round: any;
-    };
-    shadows: {
-        "0": any;
-        "1": any;
-        "2": any;
-        "3": any;
-    };
-}, import("@stitches/react/types/config").DefaultThemeMap, {
-    bg: (value: import("@stitches/react").PropertyValue<"background">) => {
-        background: import("@stitches/react").PropertyValue<"background">;
-    };
-    inset: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        top: string | number | import("@stitches/react").ScaleValue<"space">;
-        right: string | number | import("@stitches/react").ScaleValue<"space">;
-        bottom: string | number | import("@stitches/react").ScaleValue<"space">;
-        left: string | number | import("@stitches/react").ScaleValue<"space">;
-    };
-    size: (value: string | number | import("@stitches/react").ScaleValue<"size">) => {
-        height: string | number | import("@stitches/react").ScaleValue<"size">;
-        width: string | number | import("@stitches/react").ScaleValue<"size">;
-    };
-    p: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        padding: string | number | import("@stitches/react").ScaleValue<"space">;
-    };
-    pt: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        paddingTop: string | number | import("@stitches/react").ScaleValue<"space">;
-    };
-    pr: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        paddingRight: string | number | import("@stitches/react").ScaleValue<"space">;
-    };
-    pb: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        paddingBottom: string | number | import("@stitches/react").ScaleValue<"space">;
-    };
-    pl: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        paddingLeft: string | number | import("@stitches/react").ScaleValue<"space">;
-    };
-    px: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        paddingLeft: string | number | import("@stitches/react").ScaleValue<"space">;
-        paddingRight: string | number | import("@stitches/react").ScaleValue<"space">;
-    };
-    py: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        paddingTop: string | number | import("@stitches/react").ScaleValue<"space">;
-        paddingBottom: string | number | import("@stitches/react").ScaleValue<"space">;
-    };
-    m: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        margin: string | number | import("@stitches/react").ScaleValue<"space">;
-    };
-    mt: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        marginTop: string | number | import("@stitches/react").ScaleValue<"space">;
-    };
-    mr: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        marginRight: string | number | import("@stitches/react").ScaleValue<"space">;
-    };
-    mb: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        marginBottom: string | number | import("@stitches/react").ScaleValue<"space">;
-    };
-    ml: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        marginLeft: string | number | import("@stitches/react").ScaleValue<"space">;
-    };
-    mx: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        marginLeft: string | number | import("@stitches/react").ScaleValue<"space">;
-        marginRight: string | number | import("@stitches/react").ScaleValue<"space">;
-    };
-    my: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        marginTop: string | number | import("@stitches/react").ScaleValue<"space">;
-        marginBottom: string | number | import("@stitches/react").ScaleValue<"space">;
-    };
-}>>;

package/dist/components/radio-field/RadioField.js

@@ -1 +0,0 @@
-const r=["css","label","value"];import{createElement as e}from"react";import"../field-wrapper/FieldWrapper.js";import{InlineFieldWrapper as i}from"../field-wrapper/InlineFieldWrapper.js";import{RadioButton as o}from"../radio/RadioButton.js";import"../radio/RadioButtonGroup.js";const t=t=>{let{css:a,label:l,value:p}=t,s=function(r,e){if(null==r)return{};var i,o,t={},a=Object.keys(r);for(o=0;o<a.length;o++)i=a[o],e.indexOf(i)>=0||(t[i]=r[i]);return t}(t,r);return e(i,{css:a,label:l},e(o,Object.assign({value:p},s)))};t.displayName="RadioField";export{t as RadioField};

package/dist/components/radio-field/RadioGroupField.js

@@ -1 +0,0 @@
-import{createElement as o}from"react";import{useFormContext as r,Controller as e}from"react-hook-form";import"../form/Form.js";import{useFieldError as t}from"../form/useFieldError.js";import{Label as i}from"../label/Label.js";import"../radio/RadioButton.js";import{RadioButtonGroup as a}from"../radio/RadioButtonGroup.js";import{Text as l}from"../text/Text.js";import{ValidationError as m}from"../validation-error/ValidationError.js";import{styled as s}from"../../stitches.js";import{RadioField as d}from"./RadioField.js";const n=s("fieldset",{all:"unset"}),u=({children:s,css:d,direction:u="column",defaultValue:c,description:p,label:f,name:j,validation:h})=>{const{control:b}=r(),{error:v}=t(j);return o(n,{css:d},o(i,{as:"legend",css:{p:0,mb:"$3"},required:Boolean(null==h?void 0:h.required)},f),p&&o(l,{size:"sm",css:{color:"$tonal300",mb:"$3",maxWidth:"80ch"}},p),o(e,{control:b,name:j,rules:h,defaultValue:c,render:({onChange:r,value:e})=>o(a,{direction:u,defaultValue:c,onValueChange:r,value:e},s)}),v&&o(m,{css:{mt:"$2"}},v))};u.Item=d,u.displayName="RadioGroupField";export{u as RadioGroupField};

package/dist/components/radio-field/index.d.ts

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

package/dist/docs/RadioField.mdx

@@ -1,19 +0,0 @@
----
-title: Radio Field
-component: RadioField
-description: Combines a RadioButton with a Label and ValidationError
-category: Form fields
----
-
-`RadioGroupField` wraps a `RadioGroup` to provide a legend and a `ValidationError`. `RadioGroupField.Item` renders an individual `Radio` with an inline `Label`.
-
-**Note**: a `RadioGroupField.Item`’s `value` **must** be a `string`.
-
-```tsx preview
-<Form>
-  <RadioGroupField name="options">
-    <RadioGroupField.Item label="Option 1" value="1" />
-    <RadioGroupField.Item label="Option 2" value="2" />
-  </RadioGroupField>
-</Form>
-```