@autoguru/overdrive 4.1.9 → 4.1.10

package/dist/components/ProgressBarGroup/ProgressBarGroup.js

@@ -1,44 +1,16 @@
-"use strict";
-
 import * as React from 'react';
 import { Fragment } from 'react';
-import { Box } from "../Box/index.js";
-import { ProgressBar } from "../ProgressBar/index.js";
-import { Text } from "../Text/index.js";
-import * as styles from "./ProgressBarGroup.css.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export const ProgressBarGroup = _ref => {
-  let {
-    prefixLabels,
-    suffixLabels,
-    values,
-    count = values.reduce((result, item) => result + item, 0),
-    colour
-  } = _ref;
-  const hasPrefixLabels = Array.isArray(prefixLabels);
-  const hasSuffixLabels = Array.isArray(suffixLabels);
-  return _jsx(Box, {
-    className: styles.root,
-    alignItems: "center",
-    style: {
-      gridTemplateColumns: "".concat(hasPrefixLabels ? 'auto ' : '', "1fr").concat(hasSuffixLabels ? ' auto' : '')
-    },
-    children: values.map((value, idx) => _jsxs(Fragment, {
-      children: [_jsx(Text, {
-        size: "3",
-        align: "right",
-        colour: "light",
-        children: hasPrefixLabels ? prefixLabels[idx] : ''
-      }), _jsx(ProgressBar, {
-        colour: colour,
-        value: value / count
-      }), _jsx(Text, {
-        size: "3",
-        align: "left",
-        colour: "light",
-        children: hasSuffixLabels ? suffixLabels[idx] : ''
-      })]
-    }, idx))
-  });
-};
+import { Box } from '../Box';
+import { ProgressBar } from '../ProgressBar';
+import { Text } from '../Text';
+import * as styles from './ProgressBarGroup.css';
+export const ProgressBarGroup = ({ prefixLabels, suffixLabels, values, count = values.reduce((result, item) => result + item, 0), colour, }) => {
+    const hasPrefixLabels = Array.isArray(prefixLabels);
+    const hasSuffixLabels = Array.isArray(suffixLabels);
+    return (React.createElement(Box, { className: styles.root, alignItems: "center", style: {
+            gridTemplateColumns: `${hasPrefixLabels ? 'auto ' : ''}1fr${hasSuffixLabels ? ' auto' : ''}`,
+        } }, values.map((value, idx) => (React.createElement(Fragment, { key: idx },
+        React.createElement(Text, { size: "3", align: "right", colour: "light" }, hasPrefixLabels ? prefixLabels[idx] : ''),
+        React.createElement(ProgressBar, { colour: colour, value: value / count }),
+        React.createElement(Text, { size: "3", align: "left", colour: "light" }, hasSuffixLabels ? suffixLabels[idx] : ''))))));
+};

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

@@ -0,0 +1,2 @@
+export { ProgressBarGroup } from './ProgressBarGroup';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ProgressBarGroup/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/ProgressBarGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/ProgressBarGroup/index.js

@@ -1,3 +1 @@
-"use strict";
-
-export { ProgressBarGroup } from "./ProgressBarGroup.js";
+export { ProgressBarGroup } from './ProgressBarGroup';

package/dist/components/ProgressBarGroup/stories.js

@@ -2,9 +2,9 @@
 
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import * as React from 'react';
 import { ProgressBarGroup } from "./index.js";

package/dist/components/ProgressSpinner/ProgressSpinner.css.d.ts

@@ -0,0 +1,9 @@
+export declare const circular: string;
+export declare const path: string;
+export declare const colours: Record<"primary" | "secondary" | "danger" | "warning" | "light", string>;
+export declare const size: {
+    small: Record<"path" | "circular", string>;
+    medium: Record<"path" | "circular", string>;
+    large: Record<"path" | "circular", string>;
+};
+//# sourceMappingURL=ProgressSpinner.css.d.ts.map

package/dist/components/ProgressSpinner/ProgressSpinner.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressSpinner.css.d.ts","sourceRoot":"","sources":["../../../lib/components/ProgressSpinner/ProgressSpinner.css.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,QAAQ,QAMnB,CAAC;AAkBH,eAAO,MAAM,IAAI,QAQf,CAAC;AAEH,eAAO,MAAM,OAAO,0EAgBlB,CAAC;AAEH,eAAO,MAAM,IAAI;;;;CA+BhB,CAAC"}

package/dist/components/ProgressSpinner/ProgressSpinner.css.js

@@ -1,91 +1,83 @@
-"use strict";
-
-import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
-__vanilla_filescope__.setFileScope("lib/components/ProgressSpinner/ProgressSpinner.css.ts", "@autoguru/overdrive");
-
 import { keyframes, style, styleVariants } from '@vanilla-extract/css';
-import { vars } from "../../themes/base/vars.css.js";
+import { vars } from '../../themes/base/vars.css';
 const spinAnim = keyframes({
-  '100%': {
-    transform: 'rotate(360deg)'
-  }
-}, "spinAnim");
+    '100%': {
+        transform: 'rotate(360deg)',
+    },
+});
 export const circular = style({
-  animationName: spinAnim,
-  transformOrigin: 'center center',
-  animationDuration: '2s',
-  animationTimingFunction: 'linear',
-  animationIterationCount: 'infinite'
-}, "circular");
+    animationName: spinAnim,
+    transformOrigin: 'center center',
+    animationDuration: '2s',
+    animationTimingFunction: 'linear',
+    animationIterationCount: 'infinite',
+});
 const stokeAnim = keyframes({
-  '0%': {
-    strokeDasharray: '1, 200',
-    strokeDashoffset: 0
-  },
-  '50%': {
-    strokeDasharray: '89, 200',
-    strokeDashoffset: '-35px'
-  },
-  '100%': {
-    strokeDasharray: '89, 200',
-    strokeDashoffset: '-124px'
-  }
-}, "stokeAnim");
+    '0%': {
+        strokeDasharray: '1, 200',
+        strokeDashoffset: 0,
+    },
+    '50%': {
+        strokeDasharray: '89, 200',
+        strokeDashoffset: '-35px',
+    },
+    '100%': {
+        strokeDasharray: '89, 200',
+        strokeDashoffset: '-124px',
+    },
+});
 export const path = style({
-  strokeDasharray: '1, 200',
-  strokeDashoffset: 0,
-  strokeLinecap: 'round',
-  animationDuration: '1.5s',
-  animationTimingFunction: vars.animation.easing.standard,
-  animationIterationCount: 'infinite',
-  animationName: stokeAnim
-}, "path");
+    strokeDasharray: '1, 200',
+    strokeDashoffset: 0,
+    strokeLinecap: 'round',
+    animationDuration: '1.5s',
+    animationTimingFunction: vars.animation.easing.standard,
+    animationIterationCount: 'infinite',
+    animationName: stokeAnim,
+});
 export const colours = styleVariants({
-  light: {
-    stroke: vars.typography.colour.white
-  },
-  primary: {
-    stroke: vars.typography.colour.primary
-  },
-  secondary: {
-    stroke: vars.typography.colour.secondary
-  },
-  warning: {
-    stroke: vars.typography.colour.warning
-  },
-  danger: {
-    stroke: vars.typography.colour.danger
-  }
-}, "colours");
-export const size = {
-  small: styleVariants({
-    circular: {
-      width: vars.space['3'],
-      height: vars.space['3']
+    light: {
+        stroke: vars.typography.colour.white,
+    },
+    primary: {
+        stroke: vars.typography.colour.primary,
     },
-    path: {
-      strokeWidth: '4px'
-    }
-  }, "size_small"),
-  medium: styleVariants({
-    circular: {
-      width: vars.space['4'],
-      height: vars.space['4']
+    secondary: {
+        stroke: vars.typography.colour.secondary,
     },
-    path: {
-      strokeWidth: '5px'
-    }
-  }, "size_medium"),
-  large: styleVariants({
-    circular: {
-      width: vars.space['6'],
-      height: vars.space['6']
+    warning: {
+        stroke: vars.typography.colour.warning,
     },
-    path: {
-      strokeWidth: '6px'
-    }
-  }, "size_large")
+    danger: {
+        stroke: vars.typography.colour.danger,
+    },
+});
+export const size = {
+    small: styleVariants({
+        circular: {
+            width: vars.space['3'],
+            height: vars.space['3'],
+        },
+        path: {
+            strokeWidth: '4px',
+        },
+    }),
+    medium: styleVariants({
+        circular: {
+            width: vars.space['4'],
+            height: vars.space['4'],
+        },
+        path: {
+            strokeWidth: '5px',
+        },
+    }),
+    large: styleVariants({
+        circular: {
+            width: vars.space['6'],
+            height: vars.space['6'],
+        },
+        path: {
+            strokeWidth: '6px',
+        },
+    }),
 };
-
-__vanilla_filescope__.endFileScope();

package/dist/components/ProgressSpinner/ProgressSpinner.d.ts

@@ -0,0 +1,9 @@
+import { FunctionComponent } from 'react';
+import * as styles from './ProgressSpinner.css';
+export interface Props {
+    className?: string;
+    size?: keyof typeof styles.size;
+    colour?: keyof typeof styles.colours;
+}
+export declare const ProgressSpinner: FunctionComponent<Props>;
+//# sourceMappingURL=ProgressSpinner.d.ts.map

package/dist/components/ProgressSpinner/ProgressSpinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressSpinner.d.ts","sourceRoot":"","sources":["../../../lib/components/ProgressSpinner/ProgressSpinner.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAI1C,OAAO,KAAK,MAAM,MAAM,uBAAuB,CAAC;AAEhD,MAAM,WAAW,KAAK;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,IAAI,CAAC;IAChC,MAAM,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,OAAO,CAAC;CACrC;AAED,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,KAAK,CA+BpD,CAAC"}

package/dist/components/ProgressSpinner/ProgressSpinner.js

@@ -1,33 +1,15 @@
-"use strict";
-
 import clsx from 'clsx';
 import * as React from 'react';
-import { Box, useBoxStyles } from "../Box/index.js";
-import * as styles from "./ProgressSpinner.css.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const ProgressSpinner = _ref => {
-  let {
-    className = '',
-    colour = 'primary',
-    size = 'medium'
-  } = _ref;
-  return _jsx(Box, {
-    className: [styles.size[size].circular, styles.colours[colour], className],
-    children: _jsx("svg", {
-      className: clsx(useBoxStyles({
-        is: 'svg',
-        display: 'block',
-        overflow: 'hidden'
-      }), styles.circular),
-      viewBox: "25 25 50 50",
-      children: _jsx("circle", {
-        className: clsx(styles.path, styles.size[size].path),
-        cx: "50",
-        cy: "50",
-        r: "20",
-        fill: "none",
-        strokeMiterlimit: "10"
-      })
-    })
-  });
-};
+import { Box, useBoxStyles } from '../Box';
+import * as styles from './ProgressSpinner.css';
+export const ProgressSpinner = ({ className = '', colour = 'primary', size = 'medium', }) => (React.createElement(Box, { className: [
+        styles.size[size].circular,
+        styles.colours[colour],
+        className,
+    ] },
+    React.createElement("svg", { className: clsx(useBoxStyles({
+            is: 'svg',
+            display: 'block',
+            overflow: 'hidden',
+        }), styles.circular), viewBox: "25 25 50 50" },
+        React.createElement("circle", { className: clsx(styles.path, styles.size[size].path), cx: "50", cy: "50", r: "20", fill: "none", strokeMiterlimit: "10" }))));

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

@@ -0,0 +1,2 @@
+export { ProgressSpinner } from './ProgressSpinner';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ProgressSpinner/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/ProgressSpinner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/components/ProgressSpinner/index.js

@@ -1,3 +1 @@
-"use strict";
-
-export { ProgressSpinner } from "./ProgressSpinner.js";
+export { ProgressSpinner } from './ProgressSpinner';

package/dist/components/ProgressSpinner/stories.js

@@ -2,9 +2,9 @@
 
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import * as React from 'react';
 import { ProgressSpinner } from "./index.js";

package/dist/components/Radio/Radio.css.d.ts

@@ -0,0 +1,2 @@
+export declare const circle: Record<"default" | "selected" | "outer" | "inner" | "selectedInner", string>;
+//# sourceMappingURL=Radio.css.d.ts.map

package/dist/components/Radio/Radio.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Radio/Radio.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM,8EAsBjB,CAAC"}

package/dist/components/Radio/Radio.css.js

@@ -1,33 +1,25 @@
-"use strict";
-
-import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
-__vanilla_filescope__.setFileScope("lib/components/Radio/Radio.css.ts", "@autoguru/overdrive");
-
 import { styleVariants } from '@vanilla-extract/css';
-import { vars } from "../../themes/base/vars.css.js";
+import { vars } from '../../themes/base/vars.css';
 export const circle = styleVariants({
-  default: {
-    transition: "border-color 0.2s ".concat(vars.animation.easing.decelerate, " 0s")
-  },
-  outer: {
-    top: vars.space['3'],
-    left: vars.space['3'],
-    width: vars.space['4'],
-    height: vars.space['4']
-  },
-  inner: {
-    top: "calc(".concat(vars.space['3'], " + (").concat(vars.space['4'], " - ").concat(vars.space['2'], ") * 0.5)"),
-    left: "calc(".concat(vars.space['3'], " + (").concat(vars.space['4'], " - ").concat(vars.space['2'], ") * 0.5)"),
-    width: vars.space['2'],
-    height: vars.space['2']
-  },
-  selectedInner: {
-    borderWidth: "calc(".concat(vars.space['2'], " / 2)")
-  },
-  selected: {
-    borderColor: vars.typography.colour.primary
-  }
-}, "circle");
-
-__vanilla_filescope__.endFileScope();
+    default: {
+        transition: `border-color 0.2s ${vars.animation.easing.decelerate} 0s`,
+    },
+    outer: {
+        top: vars.space['3'],
+        left: vars.space['3'],
+        width: vars.space['4'],
+        height: vars.space['4'],
+    },
+    inner: {
+        top: `calc(${vars.space['3']} + (${vars.space['4']} - ${vars.space['2']}) * 0.5)`,
+        left: `calc(${vars.space['3']} + (${vars.space['4']} - ${vars.space['2']}) * 0.5)`,
+        width: vars.space['2'],
+        height: vars.space['2'],
+    },
+    selectedInner: {
+        borderWidth: `calc(${vars.space['2']} / 2)`,
+    },
+    selected: {
+        borderColor: vars.typography.colour.primary,
+    },
+});

package/dist/components/Radio/Radio.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { ReactNode } from 'react';
+export interface Props {
+    value: string;
+    className?: string;
+    disabled?: boolean;
+    children: ReactNode;
+}
+export declare const Radio: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=Radio.d.ts.map

package/dist/components/Radio/Radio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../lib/components/Radio/Radio.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAS9C,MAAM,WAAW,KAAK;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACpB;AAED,eAAO,MAAM,KAAK,gFAmDjB,CAAC"}

package/dist/components/Radio/Radio.js

@@ -1,61 +1,22 @@
-"use strict";
-
 import clsx from 'clsx';
 import * as React from 'react';
 import { forwardRef } from 'react';
-import { Box } from "../Box/index.js";
-import { CheckableBase } from "../private/CheckableBase/index.js";
-import { useCheckableStyles } from "../private/CheckableBase/useCheckableStyles.js";
-import * as styles from "./Radio.css.js";
-import { useRadioContext } from "./RadioGroup.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export const Radio = forwardRef((_ref, ref) => {
-  let {
-    value,
-    className = '',
-    children,
-    disabled = false
-  } = _ref;
-  const {
-    checkableItem
-  } = useCheckableStyles();
-  const radioContext = useRadioContext();
-  const isChecked = value === radioContext.value;
-
-  const handleClick = () => {
-    var _radioContext$radioSe;
-
-    return (_radioContext$radioSe = radioContext.radioSelected) === null || _radioContext$radioSe === void 0 ? void 0 : _radioContext$radioSe.call(radioContext, value);
-  };
-
-  return _jsxs(CheckableBase, {
-    ref: ref,
-    inputType: "radio",
-    className: className,
-    inputName: radioContext.inputName,
-    value: value,
-    label: children,
-    disabled: disabled,
-    checked: isChecked,
-    handleClick: handleClick,
-    children: [_jsx(Box, {
-      borderRadius: "pill",
-      position: "absolute",
-      borderWidth: "2",
-      borderColour: "gray",
-      className: clsx(checkableItem, styles.circle.default, styles.circle.outer, {
-        [styles.circle.selected]: isChecked
-      })
-    }), _jsx(Box, {
-      borderRadius: "pill",
-      position: "absolute",
-      borderColour: "gray",
-      borderWidth: "none",
-      className: clsx(styles.circle.default, styles.circle.inner, {
-        [styles.circle.selected]: isChecked,
-        [styles.circle.selectedInner]: isChecked
-      })
-    })]
-  });
-});
+import { Box } from '../Box';
+import { CheckableBase } from '../private/CheckableBase';
+import { useCheckableStyles } from '../private/CheckableBase/useCheckableStyles';
+import * as styles from './Radio.css';
+import { useRadioContext } from './RadioGroup';
+export const Radio = forwardRef(({ value, className = '', children, disabled = false }, ref) => {
+    const { checkableItem } = useCheckableStyles();
+    const radioContext = useRadioContext();
+    const isChecked = value === radioContext.value;
+    const handleClick = () => radioContext.radioSelected?.(value);
+    return (React.createElement(CheckableBase, { ref: ref, inputType: "radio", className: className, inputName: radioContext.inputName, value: value, label: children, disabled: disabled, checked: isChecked, handleClick: handleClick },
+        React.createElement(Box, { borderRadius: "pill", position: "absolute", borderWidth: "2", borderColour: "gray", className: clsx(checkableItem, styles.circle.default, styles.circle.outer, {
+                [styles.circle.selected]: isChecked,
+            }) }),
+        React.createElement(Box, { borderRadius: "pill", position: "absolute", borderColour: "gray", borderWidth: "none", className: clsx(styles.circle.default, styles.circle.inner, {
+                [styles.circle.selected]: isChecked,
+                [styles.circle.selectedInner]: isChecked,
+            }) })));
+});

package/dist/components/Radio/RadioGroup.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { ReactNode } from 'react';
+export interface Props {
+    name: string;
+    className?: string;
+    value: string;
+    children: ReactNode;
+    onChange?(value: string): void;
+}
+interface RadioGroupContext {
+    inputName: string;
+    value: string;
+    radioSelected?(value: string): void;
+}
+export declare const RadioContext: React.Context<RadioGroupContext>;
+export declare const useRadioContext: () => RadioGroupContext;
+export declare const RadioGroup: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=RadioGroup.d.ts.map

package/dist/components/Radio/RadioGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../lib/components/Radio/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGN,SAAS,EAGT,MAAM,OAAO,CAAC;AAIf,MAAM,WAAW,KAAK;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;IAEpB,QAAQ,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B;AAED,UAAU,iBAAiB;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IAEd,aAAa,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACpC;AAED,eAAO,MAAM,YAAY,kCAAgD,CAAC;AAE1E,eAAO,MAAM,eAAe,QAAO,iBACT,CAAC;AAE3B,eAAO,MAAM,UAAU,8EAsBtB,CAAC"}

package/dist/components/Radio/RadioGroup.js

@@ -1,35 +1,10 @@
-"use strict";
-
 import * as React from 'react';
-import { createContext, forwardRef, useContext, useMemo } from 'react';
-import { Box } from "../Box/index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, forwardRef, useContext, useMemo, } from 'react';
+import { Box } from '../Box';
 export const RadioContext = createContext(null);
 export const useRadioContext = () => useContext(RadioContext);
-export const RadioGroup = forwardRef((_ref, ref) => {
-  let {
-    name,
-    value,
-    className = '',
-    onChange,
-    children
-  } = _ref;
-  const contextValue = useMemo(() => ({
-    value,
-    inputName: name,
-    radioSelected: onChange
-  }), [value, name, onChange]);
-  return _jsx(RadioContext.Provider, {
-    value: contextValue,
-    children: _jsx(Box, {
-      ref: ref,
-      position: "relative",
-      display: "flex",
-      flexDirection: "column",
-      width: "full",
-      padding: "none",
-      className: className,
-      children: children
-    })
-  });
-});
+export const RadioGroup = forwardRef(({ name, value, className = '', onChange, children }, ref) => {
+    const contextValue = useMemo(() => ({ value, inputName: name, radioSelected: onChange }), [value, name, onChange]);
+    return (React.createElement(RadioContext.Provider, { value: contextValue },
+        React.createElement(Box, { ref: ref, position: "relative", display: "flex", flexDirection: "column", width: "full", padding: "none", className: className }, children)));
+});

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

@@ -0,0 +1,3 @@
+export { Radio } from './Radio';
+export { RadioGroup } from './RadioGroup';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Radio/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/Radio/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/Radio/index.js

@@ -1,4 +1,2 @@
-"use strict";
-
-export { Radio } from "./Radio.js";
-export { RadioGroup } from "./RadioGroup.js";
+export { Radio } from './Radio';
+export { RadioGroup } from './RadioGroup';

package/dist/components/Radio/stories.js

@@ -5,9 +5,9 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 const _excluded = ["value", "children"],
       _excluded2 = ["value"];
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import * as React from 'react';
 import { Badge } from "../Badge/index.js";

package/dist/components/Section/Section.css.d.ts

@@ -0,0 +1,3 @@
+export declare const root: string;
+export declare const width: Record<"small" | "medium" | "large", string>;
+//# sourceMappingURL=Section.css.d.ts.map

package/dist/components/Section/Section.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Section/Section.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,QAEf,CAAC;AACH,eAAO,MAAM,KAAK,8CAEjB,CAAC"}