react-science 0.24.3 → 0.26.1

package/lib-esm/components/forms/Input.js

@@ -2,72 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import styled from '@emotion/styled';
 import { FullSpinner } from '../index';
 import { useFieldsContext } from './context/FieldsContext';
-const LabelStyled = styled.label `
-  padding: ${(props) => props.variant === 'default'
-    ? props.hasTrailing
-        ? '2px 9px 4px 9px'
-        : '2px 9px'
-    : props.hasTrailing
-        ? '1px 7px 1px 7px'
-        : '1px 7px'};
-
-  font-size: ${(props) => (props.variant === 'small' ? '1em' : '1.125em')};
-  line-height: '17px';
-
-  background-color: white;
-  border-width: 1px;
-  align-items: center;
-  flex-direction: row;
-  flex: 1 1 0%;
-  display: flex;
-  position: relative;
-
-  border-top-right-radius: ${(props) => props.hasLeading && !props.hasTrailing && '0.375rem'};
-
-  border-bottom-right-radius: ${(props) => props.hasLeading && !props.hasTrailing && '0.375rem'};
-
-  border-top-left-radius: ${(props) => props.hasTrailing && !props.hasLeading && '0.375rem'};
-
-  border-bottom-left-radius: ${(props) => props.hasTrailing && !props.hasLeading && '0.375rem'};
-
-  border-radius: ${(props) => !props.hasLeading && !props.hasTrailing && '0.375rem'};
-
-  border-color: var(--custom-border-color);
-`;
-function getStyleColor(hasError, hasValid) {
-    if (hasError) {
-        return {
-            default: '#ffa39e',
-            hover: '#f95d55',
-        };
-    }
-    if (hasValid) {
-        return {
-            default: '#6adc24',
-            hover: '#62cb21',
-        };
-    }
-    return {
-        default: 'rgb(217, 217, 217)',
-        hover: '#4096ff',
-    };
-}
-const GroupStyled = styled.div `
-  display: flex;
-  border-radius: 0.375rem;
-  margin-top: 0.25rem;
-
-  .addon {
-    color: ${({ hasError }) => hasError && '#f95d55'};
-  }
-
-  --custom-border-color: ${({ hasError, hasValid }) => getStyleColor(hasError, hasValid).default};
-
-  :hover,
-  :focus-within {
-    --custom-border-color: ${({ hasError, hasValid }) => getStyleColor(hasError, hasValid).hover};
-  }
-`;
+import { InputContainer, GroupStyled, LabelStyled, } from './styles';
+import { SubText } from './utils';
 const InputStyled = styled.input `
   padding: 0;
   flex: 1 1 0%;
@@ -113,32 +49,12 @@ const TrailingInlineAddonStyled = styled.div `
   align-items: center;
   padding-left: 0.5rem;
 `;
-const RootInput = styled.div `
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-`;
 export function Input(props) {
     const { variant: variantProps, trailingAddon, leadingAddon, help, error, valid, loading, ...otherProps } = props;
     const { name, variant: contextVariant } = useFieldsContext();
     const hasLeading = (leadingAddon && !leadingAddon.inline) || false;
     const hasTrailing = (trailingAddon && !trailingAddon.inline) || false;
     const variant = variantProps || contextVariant;
-    return (_jsxs(RootInput, { children: [_jsxs(GroupStyled, { hasError: !!error, hasValid: !!valid, children: [leadingAddon && !leadingAddon.inline && (_jsx(LeadingAddonStyled, { children: leadingAddon.addon })), _jsxs(LabelStyled, { variant: variant, hasLeading: hasLeading, hasTrailing: hasTrailing, children: [leadingAddon?.inline && (_jsx(LeadingInlineAddonStyled, { className: "addon", children: leadingAddon.addon })), _jsx(InputStyled, { id: name, name: name, ...otherProps }), trailingAddon?.inline && (_jsx(TrailingInlineAddonStyled, { className: "addon", children: trailingAddon.addon })), loading && (_jsx(TrailingInlineAddonStyled, { style: { height: variant === 'default' ? 20 : 10 }, children: _jsx(FullSpinner, { height: variant === 'default' ? 20 : 10, width: variant === 'default' ? 20 : 10 }) }))] }), trailingAddon && !trailingAddon.inline && (_jsx(TrailingAddonStyled, { children: trailingAddon.addon }))] }), _jsx(SubText, { error: error, help: help, valid: valid })] }));
-}
-function SubText(props) {
-    const { error, help, valid: validProps } = props;
-    const valid = typeof validProps === 'string' ? validProps : undefined;
-    const text = error || valid || help;
-    return _jsx("p", { style: { color: getColor(error, validProps) }, children: text });
-}
-function getColor(error, valid) {
-    if (error) {
-        return '#f95d55';
-    }
-    if (valid && typeof valid !== 'boolean') {
-        return '#62cb21';
-    }
-    return 'gray';
+    return (_jsxs(InputContainer, { children: [_jsxs(GroupStyled, { hasError: !!error, hasValid: !!valid, children: [leadingAddon && !leadingAddon.inline && (_jsx(LeadingAddonStyled, { children: leadingAddon.addon })), _jsxs(LabelStyled, { variant: variant, hasLeading: hasLeading, hasTrailing: hasTrailing, children: [leadingAddon?.inline && (_jsx(LeadingInlineAddonStyled, { className: "addon", children: leadingAddon.addon })), _jsx(InputStyled, { id: name, name: name, ...otherProps }), trailingAddon?.inline && (_jsx(TrailingInlineAddonStyled, { className: "addon", children: trailingAddon.addon })), loading && (_jsx(TrailingInlineAddonStyled, { style: { height: variant === 'default' ? 20 : 10 }, children: _jsx(FullSpinner, { height: variant === 'default' ? 20 : 10, width: variant === 'default' ? 20 : 10 }) }))] }), trailingAddon && !trailingAddon.inline && (_jsx(TrailingAddonStyled, { children: trailingAddon.addon }))] }), _jsx(SubText, { error: error, help: help, valid: valid })] }));
 }
 //# sourceMappingURL=Input.js.map

package/lib-esm/components/forms/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/forms/Input.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/forms/Input.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAGrC,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EACL,cAAc,EACd,WAAW,EACX,WAAW,GAEZ,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,OAAO,EAAgB,MAAM,SAAS,CAAC;AAEhD,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAA;;;;;;CAM/B,CAAC;AAEF,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;CAapC,CAAC;AAEF,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;CAarC,CAAC;AAEF,MAAM,wBAAwB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAI1C,CAAC;AAEF,MAAM,yBAAyB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAI3C,CAAC;AAmBF,MAAM,UAAU,KAAK,CAAC,KAAiB;IACrC,MAAM,EACJ,OAAO,EAAE,YAAY,EACrB,aAAa,EACb,YAAY,EACZ,IAAI,EACJ,KAAK,EACL,KAAK,EACL,OAAO,EACP,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IAEV,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,cAAc,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAE7D,MAAM,UAAU,GAAG,CAAC,YAAY,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC;IACnE,MAAM,WAAW,GAAG,CAAC,aAAa,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC;IACtE,MAAM,OAAO,GAAG,YAAY,IAAI,cAAc,CAAC;IAE/C,OAAO,CACL,MAAC,cAAc,eACb,MAAC,WAAW,IAAC,QAAQ,EAAE,CAAC,CAAC,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,aAC9C,YAAY,IAAI,CAAC,YAAY,CAAC,MAAM,IAAI,CACvC,KAAC,kBAAkB,cAAE,YAAY,CAAC,KAAK,GAAsB,CAC9D,EAED,MAAC,WAAW,IACV,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,aAEvB,YAAY,EAAE,MAAM,IAAI,CACvB,KAAC,wBAAwB,IAAC,SAAS,EAAC,OAAO,YACxC,YAAY,CAAC,KAAK,GACM,CAC5B,EACD,KAAC,WAAW,IAAC,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,KAAM,UAAU,GAAI,EACpD,aAAa,EAAE,MAAM,IAAI,CACxB,KAAC,yBAAyB,IAAC,SAAS,EAAC,OAAO,YACzC,aAAa,CAAC,KAAK,GACM,CAC7B,EAEA,OAAO,IAAI,CACV,KAAC,yBAAyB,IACxB,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,YAElD,KAAC,WAAW,IACV,MAAM,EAAE,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EACvC,KAAK,EAAE,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,GACtC,GACwB,CAC7B,IACW,EAEb,aAAa,IAAI,CAAC,aAAa,CAAC,MAAM,IAAI,CACzC,KAAC,mBAAmB,cAAE,aAAa,CAAC,KAAK,GAAuB,CACjE,IACW,EAEd,KAAC,OAAO,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,GAAI,IACpC,CAClB,CAAC;AACJ,CAAC"}

package/lib-esm/components/forms/Select.d.ts

@@ -12,7 +12,7 @@ export interface SelectProps {
     placeholder?: string;
     value: string | undefined;
     onSelect?: (value: string | undefined) => void;
-    options: (Option[] | Category[])[];
+    options: Array<Option[] | Category[]>;
     disabled?: boolean;
     style?: CSSProperties;
 }

package/lib-esm/components/forms/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/forms/Select.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAY,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAK3D,UAAU,QAAQ;IAChB,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,MAAM,EAAE,CAAC;CACnB;AACD,UAAU,MAAM;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,WAAW;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC/C,OAAO,EAAE,CAAC,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAC,EAAE,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAkFD,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,oDAwFxC"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/forms/Select.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAY,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAK3D,UAAU,QAAQ;IAChB,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,MAAM,EAAE,CAAC;CACnB;AACD,UAAU,MAAM;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,WAAW;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC/C,OAAO,EAAE,KAAK,CAAC,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAC,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAkFD,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,oDAwFxC"}

package/lib-esm/components/forms/TextArea.d.ts

@@ -0,0 +1,8 @@
+import { TextareaHTMLAttributes } from 'react';
+import { InputVariant } from './styles';
+import { SubTextProps } from './utils';
+export interface TextAreaProps extends TextareaHTMLAttributes<HTMLTextAreaElement>, SubTextProps {
+    variant?: InputVariant;
+}
+export declare function TextArea(props: TextAreaProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TextArea.d.ts.map

package/lib-esm/components/forms/TextArea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/components/forms/TextArea.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAG/C,OAAO,EAIL,YAAY,EACb,MAAM,UAAU,CAAC;AAClB,OAAO,EAAW,YAAY,EAAE,MAAM,SAAS,CAAC;AAUhD,MAAM,WAAW,aACf,SAAQ,sBAAsB,CAAC,mBAAmB,CAAC,EACjD,YAAY;IACd,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,2CAkB5C"}

package/lib-esm/components/forms/TextArea.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styled from '@emotion/styled';
+import { useFieldsContext } from './context/FieldsContext';
+import { InputContainer, GroupStyled, LabelStyled, } from './styles';
+import { SubText } from './utils';
+const TextAreaStyled = styled.textarea `
+  padding: 0;
+  flex: 1 1 0%;
+  border: none;
+  position: relative;
+  outline: none;
+`;
+export function TextArea(props) {
+    const { variant: variantProps, help, error, valid, ...otherProps } = props;
+    const { name, variant: contextVariant } = useFieldsContext();
+    const variant = variantProps || contextVariant;
+    return (_jsxs(InputContainer, { children: [_jsx(GroupStyled, { hasError: !!error, hasValid: !!valid, children: _jsx(LabelStyled, { variant: variant, children: _jsx(TextAreaStyled, { id: name, name: name, ...otherProps }) }) }), _jsx(SubText, { error: error, help: help, valid: valid })] }));
+}
+//# sourceMappingURL=TextArea.js.map

package/lib-esm/components/forms/TextArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../src/components/forms/TextArea.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAGrC,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EACL,cAAc,EACd,WAAW,EACX,WAAW,GAEZ,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,OAAO,EAAgB,MAAM,SAAS,CAAC;AAEhD,MAAM,cAAc,GAAG,MAAM,CAAC,QAAQ,CAAA;;;;;;CAMrC,CAAC;AAQF,MAAM,UAAU,QAAQ,CAAC,KAAoB;IAC3C,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAE3E,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,cAAc,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAE7D,MAAM,OAAO,GAAG,YAAY,IAAI,cAAc,CAAC;IAE/C,OAAO,CACL,MAAC,cAAc,eACb,KAAC,WAAW,IAAC,QAAQ,EAAE,CAAC,CAAC,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,YAC/C,KAAC,WAAW,IAAC,OAAO,EAAE,OAAO,YAC3B,KAAC,cAAc,IAAC,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,KAAM,UAAU,GAAI,GAC5C,GACF,EAEd,KAAC,OAAO,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,GAAI,IACpC,CAClB,CAAC;AACJ,CAAC"}

package/lib-esm/components/forms/index.d.ts

@@ -1,5 +1,7 @@
 export * from './Input';
+export * from './TextArea';
 export * from './Checkbox';
 export * from './context';
 export * from './Select';
+export * from './radio-group';
 //# sourceMappingURL=index.d.ts.map

package/lib-esm/components/forms/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/forms/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/forms/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC"}

package/lib-esm/components/forms/index.js

@@ -1,5 +1,7 @@
 export * from './Input';
+export * from './TextArea';
 export * from './Checkbox';
 export * from './context';
 export * from './Select';
+export * from './radio-group';
 //# sourceMappingURL=index.js.map

package/lib-esm/components/forms/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/forms/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/forms/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC"}

package/lib-esm/components/forms/radio-group/ButtonRadioItem.d.ts

@@ -0,0 +1,3 @@
+import { RadioOption, RadioGroupProps } from './RadioGroup';
+export declare function ButtonRadioItem(prop: RadioOption & Pick<RadioGroupProps, 'onSelect' | 'variant' | 'name'>): import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ButtonRadioItem.d.ts.map

package/lib-esm/components/forms/radio-group/ButtonRadioItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonRadioItem.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/radio-group/ButtonRadioItem.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AA6C5D,wBAAgB,eAAe,CAC7B,IAAI,EAAE,WAAW,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC,oDAwB3E"}

package/lib-esm/components/forms/radio-group/ButtonRadioItem.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+/** @jsxImportSource @emotion/react */
+import { css } from '@emotion/react';
+import * as RadioGroup from '@radix-ui/react-radio-group';
+import { enabledColor } from '../styles';
+const buttonStyles = {
+    container: css({
+        border: '1px solid rgba(0, 0, 0, 0.25)',
+        borderRightWidth: 0,
+        position: 'relative',
+    }),
+    item: (disabled, variant) => css({
+        opacity: disabled ? 0.25 : 1,
+        padding: variant === 'default' ? '0px 15px' : '0px 7px',
+        width: '100%',
+        height: '100%',
+        cursor: 'pointer',
+        ':hover': {
+            '& > label': {
+                color: disabled ? '' : enabledColor,
+            },
+        },
+    }),
+    indicator: css({
+        position: 'absolute',
+        top: -1,
+        left: -1,
+        right: -1,
+        bottom: -1,
+        zIndex: 10,
+        border: '1px solid',
+        borderColor: enabledColor,
+        '& ~ label': {
+            color: enabledColor,
+        },
+    }),
+    label: (variant) => css({
+        cursor: 'pointer',
+        fontSize: variant === 'small' ? '1em' : '1.125em',
+        lineHeight: variant === 'default' ? '30px' : '22px',
+    }),
+};
+export function ButtonRadioItem(prop) {
+    const { value, label, disabled = false, onSelect, variant, name } = prop;
+    return (_jsx("div", { css: buttonStyles.container, children: _jsxs(RadioGroup.Item, { css: buttonStyles.item(disabled, variant), value: value, id: `${value}${name}`, onClick: () => {
+                if (!disabled)
+                    onSelect?.(prop);
+            }, children: [_jsx(RadioGroup.Indicator, { css: buttonStyles.indicator }), _jsx("label", { css: buttonStyles.label(variant), htmlFor: `${value}${name}`, style: {}, children: label })] }) }));
+}
+//# sourceMappingURL=ButtonRadioItem.js.map

package/lib-esm/components/forms/radio-group/ButtonRadioItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonRadioItem.js","sourceRoot":"","sources":["../../../../src/components/forms/radio-group/ButtonRadioItem.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,KAAK,UAAU,MAAM,6BAA6B,CAAC;AAE1D,OAAO,EAAE,YAAY,EAAgB,MAAM,WAAW,CAAC;AAIvD,MAAM,YAAY,GAAG;IACnB,SAAS,EAAE,GAAG,CAAC;QACb,MAAM,EAAE,+BAA+B;QACvC,gBAAgB,EAAE,CAAC;QACnB,QAAQ,EAAE,UAAU;KACrB,CAAC;IACF,IAAI,EAAE,CAAC,QAAiB,EAAE,OAAsB,EAAE,EAAE,CAClD,GAAG,CAAC;QACF,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAC5B,OAAO,EAAE,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS;QACvD,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,MAAM,EAAE,SAAS;QACjB,QAAQ,EAAE;YACR,WAAW,EAAE;gBACX,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;aACpC;SACF;KACF,CAAC;IAEJ,SAAS,EAAE,GAAG,CAAC;QACb,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC,CAAC;QACP,IAAI,EAAE,CAAC,CAAC;QACR,KAAK,EAAE,CAAC,CAAC;QACT,MAAM,EAAE,CAAC,CAAC;QACV,MAAM,EAAE,EAAE;QACV,MAAM,EAAE,WAAW;QACnB,WAAW,EAAE,YAAY;QAEzB,WAAW,EAAE;YACX,KAAK,EAAE,YAAY;SACpB;KACF,CAAC;IAEF,KAAK,EAAE,CAAC,OAAsB,EAAE,EAAE,CAChC,GAAG,CAAC;QACF,MAAM,EAAE,SAAS;QACjB,QAAQ,EAAE,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS;QACjD,UAAU,EAAE,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;KACpD,CAAC;CACL,CAAC;AAEF,MAAM,UAAU,eAAe,CAC7B,IAA0E;IAE1E,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,GAAG,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;IACzE,OAAO,CACL,cAAK,GAAG,EAAE,YAAY,CAAC,SAAS,YAC9B,MAAC,UAAU,CAAC,IAAI,IACd,GAAG,EAAE,YAAY,CAAC,IAAI,CAAC,QAAQ,EAAE,OAAO,CAAC,EACzC,KAAK,EAAE,KAAK,EACZ,EAAE,EAAE,GAAG,KAAK,GAAG,IAAI,EAAE,EACrB,OAAO,EAAE,GAAG,EAAE;gBACZ,IAAI,CAAC,QAAQ;oBAAE,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC;YAClC,CAAC,aAED,KAAC,UAAU,CAAC,SAAS,IAAC,GAAG,EAAE,YAAY,CAAC,SAAS,GAAI,EACrD,gBACE,GAAG,EAAE,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,EAChC,OAAO,EAAE,GAAG,KAAK,GAAG,IAAI,EAAE,EAC1B,KAAK,EAAE,EAAE,YAER,KAAK,GACA,IACQ,GACd,CACP,CAAC;AACJ,CAAC"}

package/lib-esm/components/forms/radio-group/ClassicRadioItem.d.ts

@@ -0,0 +1,3 @@
+import { RadioOption, RadioGroupProps } from './RadioGroup';
+export declare function ClassicRadioItem(props: RadioOption & Pick<RadioGroupProps, 'onSelect' | 'variant' | 'name'>): import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ClassicRadioItem.d.ts.map

package/lib-esm/components/forms/radio-group/ClassicRadioItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClassicRadioItem.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/radio-group/ClassicRadioItem.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AA2D5D,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,WAAW,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC,oDA4B5E"}

package/lib-esm/components/forms/radio-group/ClassicRadioItem.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+/** @jsxImportSource @emotion/react */
+import { css } from '@emotion/react';
+import * as RadioGroup from '@radix-ui/react-radio-group';
+import { disabledColor, enabledColor } from '../styles';
+const classicStyles = {
+    container: (disabled) => css({
+        display: 'flex',
+        alignItems: 'center',
+        flexDirection: 'row-reverse',
+        opacity: disabled ? 0.25 : 1,
+        overflow: 'hidden',
+        border: 'none',
+    }),
+    item: (disabled, variant) => css({
+        position: 'relative',
+        width: variant === 'default' ? 16 : 14,
+        height: variant === 'default' ? 16 : 14,
+        borderRadius: '50%',
+        border: '1px solid grey',
+        backgroundColor: disabled ? disabledColor : 'white',
+        ':hover': {
+            borderColor: disabled ? 'grey' : enabledColor,
+        },
+    }),
+    indicator: css({
+        position: 'absolute',
+        top: -1,
+        left: -1,
+        right: -1,
+        bottom: -1,
+        zIndex: 10,
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        backgroundColor: enabledColor,
+        borderRadius: '50%',
+    }),
+    circle: css({
+        width: '40%',
+        height: '40%',
+        borderRadius: '50%',
+        backgroundColor: 'white',
+    }),
+    label: (disabled) => css({
+        cursor: 'pointer',
+        lineHeight: 1,
+        paddingLeft: 5,
+        fontSize: '12px',
+        ':hover': {
+            '& ~ button': {
+                borderColor: disabled ? 'grey' : enabledColor,
+            },
+        },
+    }),
+};
+export function ClassicRadioItem(props) {
+    const { value, label, disabled = false, onSelect, variant, name } = props;
+    return (_jsxs("div", { css: classicStyles.container(disabled), children: [_jsx("label", { css: classicStyles.label(disabled), style: {
+                    fontSize: variant === 'small' ? '1em' : '1.125em',
+                }, htmlFor: `${value}${name}`, children: label }), _jsx(RadioGroup.Item, { css: classicStyles.item(disabled, variant), value: value, id: `${value}${name}`, onClick: () => {
+                    if (!disabled)
+                        onSelect?.(props);
+                }, children: _jsx(RadioGroup.Indicator, { css: classicStyles.indicator, children: _jsx("div", { css: classicStyles.circle }) }) })] }));
+}
+//# sourceMappingURL=ClassicRadioItem.js.map

package/lib-esm/components/forms/radio-group/ClassicRadioItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClassicRadioItem.js","sourceRoot":"","sources":["../../../../src/components/forms/radio-group/ClassicRadioItem.tsx"],"names":[],"mappings":"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"}

package/lib-esm/components/forms/radio-group/RadioGroup.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+import { InputVariant } from '../styles';
+export interface RadioOption {
+    value: string;
+    label: ReactNode;
+    disabled?: boolean;
+}
+export interface RadioGroupProps {
+    selected?: RadioOption;
+    type?: 'classic' | 'button';
+    options?: RadioOption[];
+    onSelect?: (option: RadioOption) => void;
+    name?: string;
+    disabled?: boolean;
+    variant?: InputVariant;
+}
+export declare function RadioGroup(props: RadioGroupProps): import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RadioGroup.d.ts.map

package/lib-esm/components/forms/radio-group/RadioGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/radio-group/RadioGroup.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAKzC,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC5B,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AAkBD,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,oDAyChD"}

package/lib-esm/components/forms/radio-group/RadioGroup.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+/** @jsxImportSource @emotion/react */
+import { css } from '@emotion/react';
+import * as RadioGroupRadix from '@radix-ui/react-radio-group';
+import { ButtonRadioItem } from './ButtonRadioItem';
+import { ClassicRadioItem } from './ClassicRadioItem';
+const rootStyles = {
+    basic: css({
+        display: 'flex',
+        flexDirection: 'row',
+        width: 'fit-content',
+    }),
+    button: (variant) => css({
+        ' & > *:first-of-type, & > *:first-of-type span': {
+            borderRadius: variant === 'default' ? '6px 0 0 6px' : '4px 0 0 4px',
+        },
+        ' & > *:last-of-type, & > *:last-of-type span': {
+            borderRightWidth: 1,
+            borderRadius: variant === 'default' ? '0 6px 6px 0' : '0 4px 4px 0',
+        },
+    }),
+};
+export function RadioGroup(props) {
+    const { selected, type = 'classic', disabled: groupDisabled = false, options = [], onSelect, name = '', variant = 'default', } = props;
+    return (_jsx(RadioGroupRadix.Root, { css: [
+            rootStyles.basic,
+            type === 'classic' ? null : rootStyles.button(variant),
+        ], style: {
+            gap: type === 'classic' ? (variant === 'default' ? 10 : 5) : 0,
+        }, value: selected?.value, name: name, disabled: groupDisabled, children: options?.map(({ value, label, disabled }) => {
+            const childProps = {
+                key: value,
+                value,
+                label,
+                disabled: groupDisabled || disabled,
+                onSelect,
+                variant,
+                name,
+            };
+            return type === 'classic' ? (_jsx(ClassicRadioItem, { ...childProps })) : (_jsx(ButtonRadioItem, { ...childProps }));
+        }) }));
+}
+//# sourceMappingURL=RadioGroup.js.map

package/lib-esm/components/forms/radio-group/RadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../../src/components/forms/radio-group/RadioGroup.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,KAAK,eAAe,MAAM,6BAA6B,CAAC;AAK/D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAgBtD,MAAM,UAAU,GAAG;IACjB,KAAK,EAAE,GAAG,CAAC;QACT,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,KAAK;QACpB,KAAK,EAAE,aAAa;KACrB,CAAC;IACF,MAAM,EAAE,CAAC,OAAqB,EAAE,EAAE,CAChC,GAAG,CAAC;QACF,gDAAgD,EAAE;YAChD,YAAY,EAAE,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa;SACpE;QACD,8CAA8C,EAAE;YAC9C,gBAAgB,EAAE,CAAC;YACnB,YAAY,EAAE,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa;SACpE;KACF,CAAC;CACL,CAAC;AACF,MAAM,UAAU,UAAU,CAAC,KAAsB;IAC/C,MAAM,EACJ,QAAQ,EACR,IAAI,GAAG,SAAS,EAChB,QAAQ,EAAE,aAAa,GAAG,KAAK,EAC/B,OAAO,GAAG,EAAE,EACZ,QAAQ,EACR,IAAI,GAAG,EAAE,EACT,OAAO,GAAG,SAAS,GACpB,GAAG,KAAK,CAAC;IACV,OAAO,CACL,KAAC,eAAe,CAAC,IAAI,IACnB,GAAG,EAAE;YACH,UAAU,CAAC,KAAK;YAChB,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO,CAAC;SACvD,EACD,KAAK,EAAE;YACL,GAAG,EAAE,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SAC/D,EACD,KAAK,EAAE,QAAQ,EAAE,KAAK,EACtB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,aAAa,YAEtB,OAAO,EAAE,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;YAC3C,MAAM,UAAU,GAAG;gBACjB,GAAG,EAAE,KAAK;gBACV,KAAK;gBACL,KAAK;gBACL,QAAQ,EAAE,aAAa,IAAI,QAAQ;gBACnC,QAAQ;gBACR,OAAO;gBACP,IAAI;aACL,CAAC;YACF,OAAO,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,CAC1B,KAAC,gBAAgB,OAAK,UAAU,GAAI,CACrC,CAAC,CAAC,CAAC,CACF,KAAC,eAAe,OAAK,UAAU,GAAI,CACpC,CAAC;QACJ,CAAC,CAAC,GACmB,CACxB,CAAC;AACJ,CAAC"}

package/lib-esm/components/forms/radio-group/index.d.ts

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

package/lib-esm/components/forms/radio-group/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/radio-group/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/lib-esm/components/forms/radio-group/index.js

@@ -0,0 +1,2 @@
+export * from './RadioGroup';
+//# sourceMappingURL=index.js.map

package/lib-esm/components/forms/radio-group/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/forms/radio-group/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/lib-esm/components/forms/styles.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+export type InputVariant = 'default' | 'small';
+interface StyledProps {
+    variant: InputVariant;
+    hasLeading?: boolean;
+    hasTrailing?: boolean;
+}
+export declare const enabledColor = "#1677ff";
+export declare const disabledColor = "#b8b8b8";
+export declare const LabelStyled: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & StyledProps, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
+export declare const GroupStyled: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    hasError: boolean;
+    hasValid: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const InputContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export {};
+//# sourceMappingURL=styles.d.ts.map

package/lib-esm/components/forms/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/forms/styles.ts"],"names":[],"mappings":";AAEA,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,CAAC;AAE/C,UAAU,WAAW;IACnB,OAAO,EAAE,YAAY,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AACD,eAAO,MAAM,YAAY,YAAY,CAAC;AACtC,eAAO,MAAM,aAAa,YAAY,CAAC;AAEvC,eAAO,MAAM,WAAW;;;gIAqCvB,CAAC;AAuBF,eAAO,MAAM,WAAW;;;;cAA0B,OAAO;cAAY,OAAO;yGAiB3E,CAAC;AAEF,eAAO,MAAM,cAAc;;;yGAI1B,CAAC"}

package/lib-esm/components/forms/styles.js

@@ -0,0 +1,75 @@
+import styled from '@emotion/styled';
+export const enabledColor = '#1677ff';
+export const disabledColor = '#b8b8b8';
+export const LabelStyled = styled.label `
+  padding: ${(props) => props.variant === 'default'
+    ? props.hasTrailing
+        ? '2px 9px 4px 9px'
+        : '2px 9px'
+    : props.hasTrailing
+        ? '1px 7px 1px 7px'
+        : '1px 7px'};
+
+  font-size: ${(props) => (props.variant === 'small' ? '1em' : '1.125em')};
+  line-height: '17px';
+
+  background-color: white;
+  border-width: 1px;
+  align-items: center;
+  flex-direction: row;
+  flex: 1 1 0%;
+  display: flex;
+  position: relative;
+
+  border-top-right-radius: ${(props) => props.hasLeading && !props.hasTrailing && '0.375rem'};
+
+  border-bottom-right-radius: ${(props) => props.hasLeading && !props.hasTrailing && '0.375rem'};
+
+  border-top-left-radius: ${(props) => props.hasTrailing && !props.hasLeading && '0.375rem'};
+
+  border-bottom-left-radius: ${(props) => props.hasTrailing && !props.hasLeading && '0.375rem'};
+
+  border-radius: ${(props) => !props.hasLeading && !props.hasTrailing && '0.375rem'};
+
+  border-color: var(--custom-border-color);
+`;
+function getStyleColor(hasError, hasValid) {
+    if (hasError) {
+        return {
+            default: '#ffa39e',
+            hover: '#f95d55',
+        };
+    }
+    if (hasValid) {
+        return {
+            default: '#6adc24',
+            hover: '#62cb21',
+        };
+    }
+    return {
+        default: 'rgb(217, 217, 217)',
+        hover: '#4096ff',
+    };
+}
+export const GroupStyled = styled.div `
+  display: flex;
+  border-radius: 0.375rem;
+  margin-top: 0.25rem;
+
+  .addon {
+    color: ${({ hasError }) => hasError && '#f95d55'};
+  }
+
+  --custom-border-color: ${({ hasError, hasValid }) => getStyleColor(hasError, hasValid).default};
+
+  :hover,
+  :focus-within {
+    --custom-border-color: ${({ hasError, hasValid }) => getStyleColor(hasError, hasValid).hover};
+  }
+`;
+export const InputContainer = styled.div `
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+`;
+//# sourceMappingURL=styles.js.map

package/lib-esm/components/forms/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/forms/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AASrC,MAAM,CAAC,MAAM,YAAY,GAAG,SAAS,CAAC;AACtC,MAAM,CAAC,MAAM,aAAa,GAAG,SAAS,CAAC;AAEvC,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAa;aACvC,CAAC,KAAK,EAAE,EAAE,CACnB,KAAK,CAAC,OAAO,KAAK,SAAS;IACzB,CAAC,CAAC,KAAK,CAAC,WAAW;QACjB,CAAC,CAAC,iBAAiB;QACnB,CAAC,CAAC,SAAS;IACb,CAAC,CAAC,KAAK,CAAC,WAAW;QACnB,CAAC,CAAC,iBAAiB;QACnB,CAAC,CAAC,SAAS;;eAEF,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;;;;;;;;;;;6BAW5C,CAAC,KAAK,EAAE,EAAE,CACnC,KAAK,CAAC,UAAU,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,UAAU;;gCAExB,CAAC,KAAK,EAAE,EAAE,CACtC,KAAK,CAAC,UAAU,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,UAAU;;4BAE5B,CAAC,KAAK,EAAE,EAAE,CAClC,KAAK,CAAC,WAAW,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,UAAU;;+BAEzB,CAAC,KAAK,EAAE,EAAE,CACrC,KAAK,CAAC,WAAW,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,UAAU;;mBAErC,CAAC,KAAK,EAAE,EAAE,CACzB,CAAC,KAAK,CAAC,UAAU,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,UAAU;;;CAGxD,CAAC;AAEF,SAAS,aAAa,CAAC,QAAiB,EAAE,QAAiB;IACzD,IAAI,QAAQ,EAAE;QACZ,OAAO;YACL,OAAO,EAAE,SAAS;YAClB,KAAK,EAAE,SAAS;SACjB,CAAC;KACH;IAED,IAAI,QAAQ,EAAE;QACZ,OAAO;YACL,OAAO,EAAE,SAAS;YAClB,KAAK,EAAE,SAAS;SACjB,CAAC;KACH;IAED,OAAO;QACL,OAAO,EAAE,oBAAoB;QAC7B,KAAK,EAAE,SAAS;KACjB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAA0C;;;;;;aAMlE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,QAAQ,IAAI,SAAS;;;2BAGzB,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,CAClD,aAAa,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,OAAO;;;;6BAIhB,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,CAClD,aAAa,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,KAAK;;CAE5C,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIvC,CAAC"}

package/lib-esm/components/forms/utils/SubText.d.ts

@@ -0,0 +1,7 @@
+export interface SubTextProps {
+    help?: string;
+    error?: string;
+    valid?: true | string;
+}
+export declare function SubText(props: SubTextProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SubText.d.ts.map

package/lib-esm/components/forms/utils/SubText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubText.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/utils/SubText.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,YAAY;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;CACvB;AAED,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,2CAO1C"}

package/lib-esm/components/forms/utils/SubText.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function SubText(props) {
+    const { error, help, valid: validProps } = props;
+    const valid = typeof validProps === 'string' ? validProps : undefined;
+    const text = error || valid || help;
+    return _jsx("p", { style: { color: getColor(error, validProps) }, children: text });
+}
+function getColor(error, valid) {
+    if (error) {
+        return '#f95d55';
+    }
+    if (valid && typeof valid !== 'boolean') {
+        return '#62cb21';
+    }
+    return 'gray';
+}
+//# sourceMappingURL=SubText.js.map

package/lib-esm/components/forms/utils/SubText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubText.js","sourceRoot":"","sources":["../../../../src/components/forms/utils/SubText.tsx"],"names":[],"mappings":";AAQA,MAAM,UAAU,OAAO,CAAC,KAAmB;IACzC,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAEjD,MAAM,KAAK,GAAG,OAAO,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC;IACtE,MAAM,IAAI,GAAG,KAAK,IAAI,KAAK,IAAI,IAAI,CAAC;IAEpC,OAAO,YAAG,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,CAAC,KAAK,EAAE,UAAU,CAAC,EAAE,YAAG,IAAI,GAAK,CAAC;AACtE,CAAC;AAED,SAAS,QAAQ,CACf,KAAc,EACd,KAAqB;IAErB,IAAI,KAAK,EAAE;QACT,OAAO,SAAS,CAAC;KAClB;IAED,IAAI,KAAK,IAAI,OAAO,KAAK,KAAK,SAAS,EAAE;QACvC,OAAO,SAAS,CAAC;KAClB;IAED,OAAO,MAAM,CAAC;AAChB,CAAC"}

package/lib-esm/components/forms/utils/index.d.ts

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

package/lib-esm/components/forms/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

package/lib-esm/components/forms/utils/index.js

@@ -0,0 +1,2 @@
+export * from './SubText';
+//# sourceMappingURL=index.js.map

package/lib-esm/components/forms/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/forms/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

package/lib-esm/components/header/PanelHeader.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+interface PanelHeaderProps {
+    total?: number;
+    current?: number;
+    onClickSettings?: () => void;
+    children?: ReactNode;
+}
+export declare function PanelHeader({ total, current, children, onClickSettings, }: PanelHeaderProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PanelHeader.d.ts.map