@sats-group/ui-lib 80.3.0 → 81.0.0

package/react/text-area/text-area.js

@@ -0,0 +1,2 @@
+var O=Object.defineProperty;var p=Object.getOwnPropertySymbols;var b=Object.prototype.hasOwnProperty,y=Object.prototype.propertyIsEnumerable;var g=(e,t,a)=>t in e?O(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,A=(e,t)=>{for(var a in t||(t={}))b.call(t,a)&&g(e,a,t[a]);if(p)for(var a of p(t))y.call(t,a)&&g(e,a,t[a]);return e};var C=(e,t)=>{var a={};for(var i in e)b.call(e,i)&&t.indexOf(i)<0&&(a[i]=e[i]);if(e!=null&&p)for(var i of p(e))t.indexOf(i)<0&&y.call(e,i)&&(a[i]=e[i]);return a};import d from"classnames";import*as r from"react";import n from"../text";import W from"../use-input-validation";import{themes as I,sizes as v}from"./text-area.types";const k=r.forwardRef((B,E)=>{var z=B,{children:e,helpText:t,label:a,name:i,placeholder:w,disabled:u,required:c,isLabelVisible:N=!0,helpIcon:T,size:x=v.default,theme:s=I.light,isShort:$,maxLength:m,defaultValue:l}=z,_=C(z,["children","helpText","label","name","placeholder","disabled","required","isLabelVisible","helpIcon","size","theme","isShort","maxLength","defaultValue"]);const[j,H,f]=W(),[M,h]=r.useState(0);return r.useEffect(()=>{l&&(typeof l=="string"?h(l.length):typeof l=="number"&&h(l))},[_]),r.createElement("label",{className:"text-area"},r.createElement("div",{className:"text-area__wrapper"},N?r.createElement("div",{className:"text-area__header"},r.createElement(n,{theme:n.themes.emphasis,size:x===v.default?n.sizes.basic:n.sizes.small,className:d("text-area__label",{[`text-area__label--theme-${s}-disabled`]:u,[`text-area__label--theme-${s}`]:s})},a,c?r.createElement("span",{className:d("text-area__asterisk",{[`text-area__asterisk--theme-${s}-disabled`]:u,[`text-area__asterisk--theme-${s}`]:s})},"*"):null,e),m?r.createElement(n,{className:"text-area__max",size:n.sizes.small},M,"/",m):null):null,r.createElement("textarea",A({className:d("text-area__input",{[`text-area__input--theme-${s}`]:s,[`text-area__input--theme-${s}-error`]:f,[`text-area__input--size-${x}-short`]:$,[`text-area__input--size-${x}`]:x}),"aria-label":N?a:void 0,name:i,maxLength:m,ref:E,cols:1,required:c,defaultValue:l,rows:$?1:2,onChange:o=>{_.onChange&&_.onChange(o),j(o),m&&h(o.target.value.length)},onInvalid:o=>{_.onInvalid&&_.onInvalid(o),H(o)},placeholder:w,disabled:u},_))),t?r.createElement("div",{className:"text-area__help"},r.createElement(n,{size:n.sizes.interface,className:d("text-area__help-text",{[`text-area__help-text--theme-${s}-error`]:f,[`text-area__help-text--theme-${s}`]:s})},T||null,t)):null,f&&r.createElement("div",{"aria-hidden":"true",className:"text-area__error"},r.createElement(n,null,f)))});k.displayName="TextArea";const q=Object.assign(k,{themes:I,sizes:v});var S=q;export{S as default};
+//# sourceMappingURL=text-area.js.map

package/react/text-area/text-area.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../react/text-area/text-area.tsx"],
+  "sourcesContent": ["import cn from 'classnames';\nimport * as React from 'react';\n\nimport Text from '../text';\nimport useInputValidation from '../use-input-validation';\n\nimport { TextArea as Props, themes, sizes } from './text-area.types';\n\nconst RefTextArea = React.forwardRef<\n  HTMLTextAreaElement,\n  React.PropsWithChildren<Props>\n>(\n  (\n    {\n      children,\n      helpText,\n      label,\n      name,\n      placeholder,\n      disabled,\n      required,\n      isLabelVisible = true,\n      helpIcon,\n      size = sizes.default,\n      theme = themes.light,\n      isShort,\n      maxLength,\n      defaultValue,\n      ...restProps\n    },\n    ref,\n  ) => {\n    const [onChange, onInvalid, error] = useInputValidation();\n    const [count, setCount] = React.useState(0);\n\n    React.useEffect(() => {\n      if (defaultValue) {\n        if (typeof defaultValue === 'string') {\n          setCount(defaultValue.length);\n        } else if (typeof defaultValue === 'number') {\n          setCount(defaultValue);\n        }\n      }\n    }, [restProps]);\n\n    return (\n      <label className=\"text-area\">\n        <div className=\"text-area__wrapper\">\n          {isLabelVisible ? (\n            <div className=\"text-area__header\">\n              <Text\n                theme={Text.themes.emphasis}\n                size={\n                  size === sizes.default ? Text.sizes.basic : Text.sizes.small\n                }\n                className={cn('text-area__label', {\n                  [`text-area__label--theme-${theme}-disabled`]: disabled,\n                  [`text-area__label--theme-${theme}`]: theme,\n                })}\n              >\n                {label}\n                {required ? (\n                  <span\n                    className={cn('text-area__asterisk', {\n                      [`text-area__asterisk--theme-${theme}-disabled`]:\n                        disabled,\n                      [`text-area__asterisk--theme-${theme}`]: theme,\n                    })}\n                  >\n                    *\n                  </span>\n                ) : null}\n                {children}\n              </Text>\n              {maxLength ? (\n                <Text className=\"text-area__max\" size={Text.sizes.small}>\n                  {count}/{maxLength}\n                </Text>\n              ) : null}\n            </div>\n          ) : null}\n          <textarea\n            className={cn('text-area__input', {\n              [`text-area__input--theme-${theme}`]: theme,\n              [`text-area__input--theme-${theme}-error`]: error,\n              [`text-area__input--size-${size}-short`]: isShort,\n              [`text-area__input--size-${size}`]: size,\n            })}\n            aria-label={isLabelVisible ? label : undefined}\n            name={name}\n            maxLength={maxLength}\n            ref={ref}\n            cols={1}\n            required={required}\n            defaultValue={defaultValue}\n            rows={isShort ? 1 : 2}\n            onChange={e => {\n              // NOTE: To not break compatibility\n              if (restProps.onChange) {\n                restProps.onChange(e);\n              }\n              onChange(e);\n              if (maxLength) {\n                setCount(e.target.value.length);\n              }\n            }}\n            onInvalid={e => {\n              // NOTE: To not break compatibility\n              if (restProps.onInvalid) restProps.onInvalid(e);\n              onInvalid(e);\n            }}\n            placeholder={placeholder}\n            disabled={disabled}\n            {...restProps}\n          />\n        </div>\n\n        {helpText ? (\n          <div className=\"text-area__help\">\n            <Text\n              size={Text.sizes.interface}\n              className={cn('text-area__help-text', {\n                [`text-area__help-text--theme-${theme}-error`]: error,\n                [`text-area__help-text--theme-${theme}`]: theme,\n              })}\n            >\n              {helpIcon ? helpIcon : null}\n              {helpText}\n            </Text>\n          </div>\n        ) : null}\n\n        {/* NOTE: This is aria-hidden because reporting of validation errors is handled by the browser */}\n        {error && (\n          <div aria-hidden=\"true\" className=\"text-area__error\">\n            <Text>{error}</Text>\n          </div>\n        )}\n      </label>\n    );\n  },\n);\n\n// NOTE: If this isn't set, stack traces say \"forwardRef\" instead of \"TextArea\"\nRefTextArea.displayName = 'TextArea';\n// NOTE: The component is redeclared here because TypeScript doesn't accept assigning extra properties to `RefComponent` when it's declared\n\nconst TextArea: typeof RefTextArea & {\n  themes: typeof themes;\n  sizes: typeof sizes;\n} = Object.assign(RefTextArea, { themes, sizes });\n\nexport default TextArea;\n"],
+  "mappings": "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",
+  "names": ["cn", "React", "Text", "useInputValidation", "themes", "sizes", "RefTextArea", "_a", "ref", "_b", "children", "helpText", "label", "name", "placeholder", "disabled", "required", "isLabelVisible", "helpIcon", "size", "theme", "isShort", "maxLength", "defaultValue", "restProps", "__objRest", "onChange", "onInvalid", "error", "count", "setCount", "__spreadValues", "e", "TextArea", "text_area_default"]
+}

package/react/text-area/text-area.types.d.ts

@@ -0,0 +1,21 @@
+import type { ReactElement } from 'react';
+import type { ObjectValues, TextAreaHtmlProps } from '../types';
+export declare const themes: {
+    readonly light: "light";
+    readonly dark: "dark";
+};
+export declare const sizes: {
+    readonly default: "default";
+    readonly small: "small";
+};
+export type TextArea = {
+    helpText?: string;
+    label: string;
+    theme?: ObjectValues<typeof themes>;
+    size?: ObjectValues<typeof sizes>;
+    isLabelVisible?: boolean;
+    helpIcon?: ReactElement;
+    isShort?: boolean;
+    name: string;
+    defaultValue?: string;
+} & TextAreaHtmlProps;

package/react/text-area/text-area.types.js

@@ -0,0 +1,2 @@
+const e={light:"light",dark:"dark"},t={default:"default",small:"small"};export{t as sizes,e as themes};
+//# sourceMappingURL=text-area.types.js.map

package/react/text-area/text-area.types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../react/text-area/text-area.types.ts"],
+  "sourcesContent": ["import type { ReactElement } from 'react';\nimport type { ObjectValues, TextAreaHtmlProps } from '../types';\n\nexport const themes = {\n  light: 'light',\n  dark: 'dark',\n} as const;\n\nexport const sizes = {\n  default: 'default',\n  small: 'small',\n} as const;\n\nexport type TextArea = {\n  helpText?: string;\n  label: string;\n  theme?: ObjectValues<typeof themes>;\n  size?: ObjectValues<typeof sizes>;\n  isLabelVisible?: boolean;\n  helpIcon?: ReactElement;\n  isShort?: boolean;\n  name: string;\n  defaultValue?: string;\n} & TextAreaHtmlProps;\n"],
+  "mappings": "AAGO,MAAMA,EAAS,CACpB,MAAO,QACP,KAAM,MACR,EAEaC,EAAQ,CACnB,QAAS,UACT,MAAO,OACT",
+  "names": ["themes", "sizes"]
+}

package/react/text-input/index.js

@@ -0,0 +1,2 @@
+import t from"./text-input";var o=t;export{o as default};
+//# sourceMappingURL=index.js.map

package/react/text-input/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../react/text-input/index.ts"],
+  "sourcesContent": ["import TextInput from './text-input';\nexport default TextInput;\n"],
+  "mappings": "AAAA,OAAOA,MAAe,eACtB,IAAOC,EAAQD",
+  "names": ["TextInput", "text_input_default"]
+}

package/react/text-input/text-input.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { themes, variants } from './text-input.types';
+declare const RefTextInput: React.ForwardRefExoticComponent<{
+    customErrorMessages?: import("../use-input-validation.types").Messages;
+    hasError?: boolean;
+    helpText?: string;
+    label: string;
+    leadingIcon?: React.ReactNode;
+    name: string;
+    theme?: import("../types").ObjectValues<typeof themes>;
+    trailingIcon?: React.ReactNode;
+    variant?: import("../types").ObjectValues<typeof variants>;
+} & import("../types").InputHtmlProps & React.RefAttributes<HTMLInputElement>>;
+declare const TextInput: typeof RefTextInput & {
+    themes: typeof themes;
+    variants: typeof variants;
+};
+export default TextInput;

package/react/text-input/text-input.js

@@ -0,0 +1,2 @@
+var F=Object.defineProperty;var m=Object.getOwnPropertySymbols;var w=Object.prototype.hasOwnProperty,S=Object.prototype.propertyIsEnumerable;var I=(i,e,s)=>e in i?F(i,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):i[e]=s,k=(i,e)=>{for(var s in e||(e={}))w.call(e,s)&&I(i,s,e[s]);if(m)for(var s of m(e))S.call(e,s)&&I(i,s,e[s]);return i};var C=(i,e)=>{var s={};for(var n in i)w.call(i,n)&&e.indexOf(n)<0&&(s[n]=i[n]);if(i!=null&&m)for(var n of m(i))e.indexOf(n)<0&&S.call(i,n)&&(s[n]=i[n]);return s};import G from"classnames";import*as t from"react";import p from"../text";import J from"../use-input-validation";import K from"../icons/16/info";import L from"../icons/16/error";import{themes as _,variants as l}from"./text-input.types";import{useEffect as M}from"react";const E=t.forwardRef((U,q)=>{var b=U,{customErrorMessages:i,defaultValue:e,disabled:s,hasError:n,helpText:N,label:h,leadingIcon:o,maxLength:a,name:O,onChange:j=()=>{},placeholder:H,required:c,theme:z,trailingIcon:d,type:P="text",variant:u=l.large}=b,T=C(b,["customErrorMessages","defaultValue","disabled","hasError","helpText","label","leadingIcon","maxLength","name","onChange","placeholder","required","theme","trailingIcon","type","variant"]);const[A,f]=t.useState(0),[g,y]=t.useState(n),[B,D,x]=J(i,i?i.defaultError:void 0,g),v=a?a>0:void 0;return t.useEffect(()=>{e&&(typeof e=="string"?f(e.length):typeof e=="number"&&f(e))},[T]),M(()=>{y(n)},[n]),t.createElement("label",{className:G("text-input",{"text-input--theme-dark":z===_.dark,"text-input--theme-light":z===_.light,"text-input--disabled":s,"text-input--error":x||g,"text-input--icon":o||d,"text-input--variant-small":u===l.small,"text-input--variant-large":u===l.large})},t.createElement("div",{className:"text-input__wrapper"},t.createElement("div",{className:"text-input__label-wrapper"},t.createElement(p,{className:"text-input__label",theme:p.themes.emphasis,size:u===l.small?p.sizes.small:p.sizes.basic},h,c?t.createElement("span",{className:"text-input__asterisk"},"*"):null),v?t.createElement("div",{className:"text-input__length-counter"},t.createElement(p,{size:u===l.small?p.sizes.small:p.sizes.basic},A,"/",a)):null),t.createElement("div",{className:"text-input__input-wrapper"},o?t.createElement("div",{className:"text-input__icon"},o):null,t.createElement("input",k({className:"text-input__input",defaultValue:e,disabled:s,required:c,name:O,maxLength:v?a:void 0,onInvalid:r=>D(r),onChange:r=>{j(r),B(r),y(!1),v&&f(r.target.value.length)},placeholder:H,ref:q,type:P,"aria-label":h},T)),d?t.createElement("div",{className:"text-input__icon"},d):null),N?t.createElement("div",{className:"text-input__help"},t.createElement("div",{className:"text-input__help-icon"},t.createElement(K,null)),t.createElement(p,{size:p.sizes.interface},N)):null,x?t.createElement("div",{"aria-hidden":"true",className:"text-input__error"},t.createElement("div",{className:"text-input__error-icon"},t.createElement(L,null)),t.createElement(p,{size:p.sizes.interface},x)):null))});E.displayName="TextInput";const Q=Object.assign(E,{themes:_,variants:l});var it=Q;export{it as default};
+//# sourceMappingURL=text-input.js.map

package/react/text-input/text-input.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../react/text-input/text-input.tsx"],
+  "sourcesContent": ["import cn from 'classnames';\nimport * as React from 'react';\n\nimport Text from '../text';\nimport useInputValidation from '../use-input-validation';\nimport SvgInfo from '../icons/16/info';\nimport SvgError from '../icons/16/error';\n\nimport { themes, variants, TextInput as Props } from './text-input.types';\nimport { useEffect } from 'react';\n\nconst RefTextInput = React.forwardRef<HTMLInputElement, Props>(\n  (\n    {\n      customErrorMessages,\n      defaultValue,\n      disabled,\n      hasError,\n      helpText,\n      label,\n      leadingIcon,\n      maxLength,\n      name,\n      onChange = () => {},\n      placeholder,\n      required,\n      theme,\n      trailingIcon,\n      type = 'text',\n      variant = variants.large,\n      ...restProps\n    },\n    ref,\n  ) => {\n    const [count, setCount] = React.useState(0);\n    const [isError, setIsError] = React.useState(hasError);\n    const [validationOnChange, onInvalid, error] = useInputValidation(\n      customErrorMessages,\n      customErrorMessages ? customErrorMessages.defaultError : undefined,\n      isError,\n    );\n    const isMaxLengthValid = maxLength ? maxLength > 0 : undefined;\n\n    React.useEffect(() => {\n      if (defaultValue) {\n        if (typeof defaultValue === 'string') {\n          setCount(defaultValue.length);\n        } else if (typeof defaultValue === 'number') {\n          setCount(defaultValue);\n        }\n      }\n    }, [restProps]);\n\n    useEffect(() => {\n      setIsError(hasError);\n    }, [hasError]);\n\n    return (\n      <label\n        className={cn('text-input', {\n          'text-input--theme-dark': theme === themes.dark,\n          'text-input--theme-light': theme === themes.light,\n          'text-input--disabled': disabled,\n          'text-input--error': error || isError,\n          'text-input--icon': leadingIcon || trailingIcon,\n          'text-input--variant-small': variant === variants.small,\n          'text-input--variant-large': variant === variants.large,\n        })}\n      >\n        <div className=\"text-input__wrapper\">\n          <div className=\"text-input__label-wrapper\">\n            <Text\n              className=\"text-input__label\"\n              theme={Text.themes.emphasis}\n              size={\n                variant === variants.small ? Text.sizes.small : Text.sizes.basic\n              }\n            >\n              {label}\n              {required ? (\n                <span className=\"text-input__asterisk\">*</span>\n              ) : null}\n            </Text>\n            {isMaxLengthValid ? (\n              <div className=\"text-input__length-counter\">\n                <Text\n                  size={\n                    variant === variants.small\n                      ? Text.sizes.small\n                      : Text.sizes.basic\n                  }\n                >\n                  {count}/{maxLength}\n                </Text>\n              </div>\n            ) : null}\n          </div>\n\n          <div className=\"text-input__input-wrapper\">\n            {leadingIcon ? (\n              <div className=\"text-input__icon\">{leadingIcon}</div>\n            ) : null}\n            <input\n              className=\"text-input__input\"\n              defaultValue={defaultValue}\n              disabled={disabled}\n              required={required}\n              name={name}\n              maxLength={isMaxLengthValid ? maxLength : undefined}\n              onInvalid={e => onInvalid(e)}\n              onChange={e => {\n                onChange(e);\n                validationOnChange(e);\n                setIsError(false); // NOTE: We want to reset error state on change to not confuse users.\n                if (isMaxLengthValid) {\n                  setCount(e.target.value.length);\n                }\n              }}\n              placeholder={placeholder}\n              ref={ref}\n              type={type}\n              aria-label={label}\n              {...restProps}\n            />\n            {trailingIcon ? (\n              <div className=\"text-input__icon\">{trailingIcon}</div>\n            ) : null}\n          </div>\n          {helpText ? (\n            <div className=\"text-input__help\">\n              <div className=\"text-input__help-icon\">\n                <SvgInfo />\n              </div>\n              <Text size={Text.sizes.interface}>{helpText}</Text>\n            </div>\n          ) : null}\n          {/* NOTE: This is aria-hidden because reporting of validation errors is handled by the browser */}\n          {error ? (\n            <div aria-hidden=\"true\" className=\"text-input__error\">\n              <div className=\"text-input__error-icon\">\n                <SvgError />\n              </div>\n              <Text size={Text.sizes.interface}>{error}</Text>\n            </div>\n          ) : null}\n        </div>\n      </label>\n    );\n  },\n);\n\n// NOTE: If this isn't set, stack traces say \"forwardRef\" instead of \"TextInput\"\nRefTextInput.displayName = 'TextInput';\n\nconst TextInput: typeof RefTextInput & {\n  themes: typeof themes;\n  variants: typeof variants;\n} = Object.assign(RefTextInput, { themes, variants });\n\nexport default TextInput;\n"],
+  "mappings": "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",
+  "names": ["cn", "React", "Text", "useInputValidation", "SvgInfo", "SvgError", "themes", "variants", "useEffect", "RefTextInput", "_a", "ref", "_b", "customErrorMessages", "defaultValue", "disabled", "hasError", "helpText", "label", "leadingIcon", "maxLength", "name", "onChange", "placeholder", "required", "theme", "trailingIcon", "type", "variant", "restProps", "__objRest", "count", "setCount", "isError", "setIsError", "validationOnChange", "onInvalid", "error", "isMaxLengthValid", "__spreadValues", "e", "TextInput", "text_input_default"]
+}

package/react/text-input/text-input.types.d.ts

@@ -0,0 +1,21 @@
+import { InputHtmlProps, ObjectValues } from '../types';
+import { Messages } from '../use-input-validation.types';
+export declare const themes: {
+    readonly dark: "dark";
+    readonly light: "light";
+};
+export declare const variants: {
+    small: string;
+    large: string;
+};
+export type TextInput = {
+    customErrorMessages?: Messages;
+    hasError?: boolean;
+    helpText?: string;
+    label: string;
+    leadingIcon?: React.ReactNode;
+    name: string;
+    theme?: ObjectValues<typeof themes>;
+    trailingIcon?: React.ReactNode;
+    variant?: ObjectValues<typeof variants>;
+} & InputHtmlProps;

package/react/text-input/text-input.types.js

@@ -0,0 +1,2 @@
+const o={dark:"dark",light:"light"},l={small:"small",large:"large"};export{o as themes,l as variants};
+//# sourceMappingURL=text-input.types.js.map

package/react/text-input/text-input.types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../react/text-input/text-input.types.ts"],
+  "sourcesContent": ["import { InputHtmlProps, ObjectValues } from '../types';\nimport { Messages } from '../use-input-validation.types';\n\nexport const themes = {\n  dark: 'dark',\n  light: 'light',\n} as const;\n\nexport const variants = {\n  small: 'small',\n  large: 'large',\n};\n\nexport type TextInput = {\n  customErrorMessages?: Messages;\n  hasError?: boolean;\n  helpText?: string;\n  label: string;\n  leadingIcon?: React.ReactNode;\n  name: string;\n  theme?: ObjectValues<typeof themes>;\n  trailingIcon?: React.ReactNode;\n  variant?: ObjectValues<typeof variants>;\n} & InputHtmlProps;\n"],
+  "mappings": "AAGO,MAAMA,EAAS,CACpB,KAAM,OACN,MAAO,OACT,EAEaC,EAAW,CACtB,MAAO,QACP,MAAO,OACT",
+  "names": ["themes", "variants"]
+}

package/react/toggle/index.js

@@ -0,0 +1,2 @@
+import o from"./toggle";var r=o;export{r as default};
+//# sourceMappingURL=index.js.map

package/react/toggle/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../react/toggle/index.ts"],
+  "sourcesContent": ["import Toggle from './toggle';\nexport default Toggle;\n"],
+  "mappings": "AAAA,OAAOA,MAAY,WACnB,IAAOC,EAAQD",
+  "names": ["Toggle", "toggle_default"]
+}

package/react/toggle/toggle.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+declare const Toggle: React.ForwardRefExoticComponent<Omit<import("../types").InputHtmlProps, "value"> & {
+    isLabelVisible?: boolean;
+    label: string;
+    labelPosition?: "left" | "right";
+    name: string;
+    value: string;
+    spaceBetween?: boolean;
+    testId?: string;
+} & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLInputElement>>;
+export default Toggle;

package/react/toggle/toggle.js

@@ -0,0 +1,2 @@
+var w=Object.defineProperty;var r=Object.getOwnPropertySymbols;var m=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable;var d=(o,n,e)=>n in o?w(o,n,{enumerable:!0,configurable:!0,writable:!0,value:e}):o[n]=e,p=(o,n)=>{for(var e in n||(n={}))m.call(n,e)&&d(o,e,n[e]);if(r)for(var e of r(n))s.call(n,e)&&d(o,e,n[e]);return o};var _=(o,n)=>{var e={};for(var t in o)m.call(o,t)&&n.indexOf(t)<0&&(e[t]=o[t]);if(o!=null&&r)for(var t of r(o))n.indexOf(t)<0&&s.call(o,t)&&(e[t]=o[t]);return e};import v from"classnames";import*as a from"react";import f from"../text";import P from"../use-input-validation";const b=a.forwardRef((k,I)=>{var i=k,{children:o,isLabelVisible:n=!0,label:e,labelPosition:t="right",name:u,value:h="",spaceBetween:N,testId:c}=i,l=_(i,["children","isLabelVisible","label","labelPosition","name","value","spaceBetween","testId"]);const[T,x,C]=P();return a.createElement("div",{className:v("toggle",{"toggle--error":C})},a.createElement("label",{className:v("toggle__content",{"toggle__content--space-between":N}),"data-testid":c},n&&t==="left"&&a.createElement("div",{className:"toggle__label"},a.createElement(f,null,e),o),a.createElement("div",{className:"toggle__button-wrap"},a.createElement("input",p({"aria-label":n?void 0:e,className:"toggle__input",type:"checkbox",name:u,onChange:g=>{l.onChange&&l.onChange(g),T(g)},onInvalid:g=>{l.onInvalid&&l.onInvalid(g),x(g)},ref:I,value:h},l)),a.createElement("span",{className:"toggle__slider"},a.createElement("div",{className:"toggle__slider-element"}))),n&&t==="right"&&a.createElement("div",{className:"toggle__label"},a.createElement(f,null,e),o)))});var q=b;export{q as default};
+//# sourceMappingURL=toggle.js.map

package/react/toggle/toggle.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../react/toggle/toggle.tsx"],
+  "sourcesContent": ["import cn from 'classnames';\nimport * as React from 'react';\n\nimport Text from '../text';\nimport useInputValidation from '../use-input-validation';\n\nimport { Toggle as Props } from './toggle.types';\n\nconst Toggle = React.forwardRef<\n  HTMLInputElement,\n  React.PropsWithChildren<Props>\n>(\n  (\n    {\n      children,\n      isLabelVisible = true,\n      label,\n      labelPosition = 'right',\n      name,\n      value = '',\n      spaceBetween,\n      testId,\n      ...rest\n    },\n    ref,\n  ) => {\n    const [onChange, onInvalid, error] = useInputValidation();\n\n    return (\n      <div\n        className={cn('toggle', {\n          'toggle--error': error,\n        })}\n      >\n        <label\n          className={cn('toggle__content', {\n            'toggle__content--space-between': spaceBetween,\n          })}\n          data-testid={testId}\n        >\n          {isLabelVisible && labelPosition === 'left' && (\n            <div className=\"toggle__label\">\n              <Text>{label}</Text>\n              {children}\n            </div>\n          )}\n\n          <div className=\"toggle__button-wrap\">\n            <input\n              aria-label={isLabelVisible ? undefined : label}\n              className=\"toggle__input\"\n              type=\"checkbox\"\n              name={name}\n              onChange={e => {\n                // NOTE: If props specify an `onChange`, we need to call that too\n                if (rest.onChange) rest.onChange(e);\n                onChange(e);\n              }}\n              onInvalid={e => {\n                // NOTE: If props specify an `onInvalid`, we need to call that too\n                if (rest.onInvalid) rest.onInvalid(e);\n                onInvalid(e);\n              }}\n              ref={ref}\n              value={value}\n              {...rest}\n            />\n            <span className=\"toggle__slider\">\n              <div className=\"toggle__slider-element\"></div>\n            </span>\n          </div>\n\n          {isLabelVisible && labelPosition === 'right' && (\n            <div className=\"toggle__label\">\n              <Text>{label}</Text>\n              {children}\n            </div>\n          )}\n        </label>\n      </div>\n    );\n  },\n);\n\nexport default Toggle;\n"],
+  "mappings": "2fAAA,OAAOA,MAAQ,aACf,UAAYC,MAAW,QAEvB,OAAOC,MAAU,UACjB,OAAOC,MAAwB,0BAI/B,MAAMC,EAASH,EAAM,WAInB,CACEI,EAWAC,IACG,CAZH,IAAAC,EAAAF,EACE,UAAAG,EACA,eAAAC,EAAiB,GACjB,MAAAC,EACA,cAAAC,EAAgB,QAChB,KAAAC,EACA,MAAAC,EAAQ,GACR,aAAAC,EACA,OAAAC,CArBN,EAaIR,EASKS,EAAAC,EATLV,EASK,CARH,WACA,iBACA,QACA,gBACA,OACA,QACA,eACA,WAKF,KAAM,CAACW,EAAUC,EAAWC,CAAK,EAAIjB,EAAmB,EAExD,OACEF,EAAA,cAAC,OACC,UAAWD,EAAG,SAAU,CACtB,gBAAiBoB,CACnB,CAAC,GAEDnB,EAAA,cAAC,SACC,UAAWD,EAAG,kBAAmB,CAC/B,iCAAkCc,CACpC,CAAC,EACD,cAAaC,GAEZN,GAAkBE,IAAkB,QACnCV,EAAA,cAAC,OAAI,UAAU,iBACbA,EAAA,cAACC,EAAA,KAAMQ,CAAM,EACZF,CACH,EAGFP,EAAA,cAAC,OAAI,UAAU,uBACbA,EAAA,cAAC,QAAAoB,EAAA,CACC,aAAYZ,EAAiB,OAAYC,EACzC,UAAU,gBACV,KAAK,WACL,KAAME,EACN,SAAUU,GAAK,CAETN,EAAK,UAAUA,EAAK,SAASM,CAAC,EAClCJ,EAASI,CAAC,CACZ,EACA,UAAWA,GAAK,CAEVN,EAAK,WAAWA,EAAK,UAAUM,CAAC,EACpCH,EAAUG,CAAC,CACb,EACA,IAAKhB,EACL,MAAOO,GACHG,EACN,EACAf,EAAA,cAAC,QAAK,UAAU,kBACdA,EAAA,cAAC,OAAI,UAAU,yBAAyB,CAC1C,CACF,EAECQ,GAAkBE,IAAkB,SACnCV,EAAA,cAAC,OAAI,UAAU,iBACbA,EAAA,cAACC,EAAA,KAAMQ,CAAM,EACZF,CACH,CAEJ,CACF,CAEJ,CACF,EAEA,IAAOe,EAAQnB",
+  "names": ["cn", "React", "Text", "useInputValidation", "Toggle", "_a", "ref", "_b", "children", "isLabelVisible", "label", "labelPosition", "name", "value", "spaceBetween", "testId", "rest", "__objRest", "onChange", "onInvalid", "error", "__spreadValues", "e", "toggle_default"]
+}

package/react/toggle/toggle.types.d.ts

@@ -0,0 +1,10 @@
+import { InputHtmlProps } from '../types';
+export type Toggle = Omit<InputHtmlProps, 'value'> & {
+    isLabelVisible?: boolean;
+    label: string;
+    labelPosition?: 'left' | 'right';
+    name: string;
+    value: string;
+    spaceBetween?: boolean;
+    testId?: string;
+};

package/react/toggle/toggle.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=toggle.types.js.map

package/react/toggle/toggle.types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/react/toolbox/index.js

@@ -0,0 +1,2 @@
+import o from"./toolbox";var t=o;export{t as default};
+//# sourceMappingURL=index.js.map

package/react/toolbox/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../react/toolbox/index.ts"],
+  "sourcesContent": ["import Toolbox from './toolbox';\nexport default Toolbox;\n"],
+  "mappings": "AAAA,OAAOA,MAAa,YACpB,IAAOC,EAAQD",
+  "names": ["Toolbox", "toolbox_default"]
+}

package/react/toolbox/toolbox.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { type Toolbox as Props } from './toolbox.types';
+declare const Toolbox: React.FunctionComponent<Props>;
+export default Toolbox;

package/react/toolbox/toolbox.js

@@ -0,0 +1,2 @@
+var x=Object.defineProperty,b=Object.defineProperties;var u=Object.getOwnPropertyDescriptors;var e=Object.getOwnPropertySymbols;var f=Object.prototype.hasOwnProperty,_=Object.prototype.propertyIsEnumerable;var n=(p,o,s)=>o in p?x(p,o,{enumerable:!0,configurable:!0,writable:!0,value:s}):p[o]=s,l=(p,o)=>{for(var s in o||(o={}))f.call(o,s)&&n(p,s,o[s]);if(e)for(var s of e(o))_.call(o,s)&&n(p,s,o[s]);return p},a=(p,o)=>b(p,u(o));import t from"react";import{Types as T}from"./toolbox.types";import r from"../text";import y from"../hidden-input";const N=({items:p})=>t.createElement("div",{className:"toolbox"},p.map(({item:o,icon:s},d)=>t.createElement("div",{className:"toolbox__item-wrapper",key:d},o.type===T.Link?t.createElement("a",a(l({},o.props.link),{className:"toolbox__item"}),s||null,t.createElement(r,{size:r.sizes.small},o.props.text)):t.createElement("form",l({onSubmit:o.props.handleSubmit,method:"POST",className:"toolbox__list-item-form"},o.props.form),t.createElement("button",l({className:"toolbox__item","data-testid":o.props.testId},o.props.button),s||null,t.createElement(r,{size:r.sizes.small},o.props.text)),o.props.hiddenInputs?o.props.hiddenInputs.map((m,i)=>t.createElement(y,l({key:m.name+i},m))):null))));var P=N;export{P as default};
+//# sourceMappingURL=toolbox.js.map

package/react/toolbox/toolbox.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../react/toolbox/toolbox.tsx"],
+  "sourcesContent": ["import React from 'react';\n\nimport { Types, type Toolbox as Props } from './toolbox.types';\nimport Text from '../text';\nimport HiddenInput from '../hidden-input';\n\nconst Toolbox: React.FunctionComponent<Props> = ({ items }) => (\n  <div className=\"toolbox\">\n    {items.map(({ item, icon }, i) => (\n      <div className=\"toolbox__item-wrapper\" key={i}>\n        {item.type === Types.Link ? (\n          <a {...item.props.link} className=\"toolbox__item\">\n            {icon ? icon : null}\n            <Text size={Text.sizes.small}>{item.props.text}</Text>\n          </a>\n        ) : (\n          <form\n            onSubmit={item.props.handleSubmit}\n            method=\"POST\"\n            className=\"toolbox__list-item-form\"\n            {...item.props.form}\n          >\n            <button\n              className=\"toolbox__item\"\n              data-testid={item.props.testId}\n              {...item.props.button}\n            >\n              {icon ? icon : null}\n              <Text size={Text.sizes.small}>{item.props.text}</Text>\n            </button>\n            {item.props.hiddenInputs\n              ? item.props.hiddenInputs.map((input, index) => (\n                  <HiddenInput key={input.name + index} {...input} />\n                ))\n              : null}\n          </form>\n        )}\n      </div>\n    ))}\n  </div>\n);\n\nexport default Toolbox;\n"],
+  "mappings": "6aAAA,OAAOA,MAAW,QAElB,OAAS,SAAAC,MAAoC,kBAC7C,OAAOC,MAAU,UACjB,OAAOC,MAAiB,kBAExB,MAAMC,EAA0C,CAAC,CAAE,MAAAC,CAAM,IACvDL,EAAA,cAAC,OAAI,UAAU,WACZK,EAAM,IAAI,CAAC,CAAE,KAAAC,EAAM,KAAAC,CAAK,EAAGC,IAC1BR,EAAA,cAAC,OAAI,UAAU,wBAAwB,IAAKQ,GACzCF,EAAK,OAASL,EAAM,KACnBD,EAAA,cAAC,IAAAS,EAAAC,EAAA,GAAMJ,EAAK,MAAM,MAAjB,CAAuB,UAAU,kBAC/BC,GAAc,KACfP,EAAA,cAACE,EAAA,CAAK,KAAMA,EAAK,MAAM,OAAQI,EAAK,MAAM,IAAK,CACjD,EAEAN,EAAA,cAAC,OAAAU,EAAA,CACC,SAAUJ,EAAK,MAAM,aACrB,OAAO,OACP,UAAU,2BACNA,EAAK,MAAM,MAEfN,EAAA,cAAC,SAAAU,EAAA,CACC,UAAU,gBACV,cAAaJ,EAAK,MAAM,QACpBA,EAAK,MAAM,QAEdC,GAAc,KACfP,EAAA,cAACE,EAAA,CAAK,KAAMA,EAAK,MAAM,OAAQI,EAAK,MAAM,IAAK,CACjD,EACCA,EAAK,MAAM,aACRA,EAAK,MAAM,aAAa,IAAI,CAACK,EAAOC,IAClCZ,EAAA,cAACG,EAAAO,EAAA,CAAY,IAAKC,EAAM,KAAOC,GAAWD,EAAO,CAClD,EACD,IACN,CAEJ,CACD,CACH,EAGF,IAAOE,EAAQT",
+  "names": ["React", "Types", "Text", "HiddenInput", "Toolbox", "items", "item", "icon", "i", "__spreadProps", "__spreadValues", "input", "index", "toolbox_default"]
+}

package/react/toolbox/toolbox.types.d.ts

@@ -0,0 +1,34 @@
+import type { ReactNode } from 'react';
+import type { HiddenInput } from '../hidden-input/hidden-input.types';
+import type { ButtonHtmlProps, FormHtmlProps, LinkHtmlProps } from '../types';
+export declare enum Types {
+    Button = "Button",
+    Link = "Link"
+}
+type LinkItem = {
+    type: Types.Link;
+    props: {
+        text: string;
+        link: LinkHtmlProps;
+        testId?: string;
+    };
+};
+type FormItem = {
+    type: Types.Button;
+    props: {
+        text: string;
+        form: FormHtmlProps;
+        button: ButtonHtmlProps;
+        handleSubmit?: () => void;
+        hiddenInputs?: HiddenInput[];
+        testId?: string;
+    };
+};
+type MenuItem = {
+    icon?: ReactNode;
+    item: LinkItem | FormItem;
+};
+export type Toolbox = {
+    items: MenuItem[];
+};
+export {};

package/react/toolbox/toolbox.types.js

@@ -0,0 +1,2 @@
+var e=(t=>(t.Button="Button",t.Link="Link",t))(e||{});export{e as Types};
+//# sourceMappingURL=toolbox.types.js.map

package/react/toolbox/toolbox.types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../react/toolbox/toolbox.types.ts"],
+  "sourcesContent": ["import type { ReactNode } from 'react';\n\nimport type { HiddenInput } from '../hidden-input/hidden-input.types';\nimport type { ButtonHtmlProps, FormHtmlProps, LinkHtmlProps } from '../types';\n\nexport enum Types {\n  Button = 'Button',\n  Link = 'Link',\n}\n\ntype LinkItem = {\n  type: Types.Link;\n  props: {\n    text: string;\n    link: LinkHtmlProps;\n    testId?: string;\n  };\n};\n\ntype FormItem = {\n  type: Types.Button;\n  props: {\n    text: string;\n    form: FormHtmlProps;\n    button: ButtonHtmlProps;\n    handleSubmit?: () => void;\n    hiddenInputs?: HiddenInput[];\n    testId?: string;\n  };\n};\n\ntype MenuItem = {\n  icon?: ReactNode;\n  item: LinkItem | FormItem;\n};\n\nexport type Toolbox = {\n  items: MenuItem[];\n};\n"],
+  "mappings": "AAKO,IAAKA,OACVA,EAAA,OAAS,SACTA,EAAA,KAAO,OAFGA,OAAA",
+  "names": ["Types"]
+}

package/react/ts/debounce.d.ts

@@ -0,0 +1 @@
+export default function debounce<T extends any[]>(callback: (...args: T) => void, wait: number): (...args: T) => void;

package/react/ts/debounce.js

@@ -0,0 +1,2 @@
+function u(t,n){let e;return(...r)=>{clearTimeout(e),e=window.setTimeout(()=>t(...r),n)}}export{u as default};
+//# sourceMappingURL=debounce.js.map

package/react/ts/debounce.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../react/ts/debounce.ts"],
+  "sourcesContent": ["// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport default function debounce<T extends any[]>(\n  callback: (...args: T) => void,\n  wait: number,\n) {\n  let timerRef: number;\n\n  return (...args: T) => {\n    clearTimeout(timerRef);\n    timerRef = window.setTimeout(() => callback(...args), wait);\n  };\n}\n"],
+  "mappings": "AACe,SAARA,EACLC,EACAC,EACA,CACA,IAAIC,EAEJ,MAAO,IAAIC,IAAY,CACrB,aAAaD,CAAQ,EACrBA,EAAW,OAAO,WAAW,IAAMF,EAAS,GAAGG,CAAI,EAAGF,CAAI,CAC5D,CACF",
+  "names": ["debounce", "callback", "wait", "timerRef", "args"]
+}

package/react/{types.ts → types.d.ts}

@@ -1,15 +1,4 @@
-import {
-  AnchorHTMLAttributes,
-  ButtonHTMLAttributes,
-  HTMLAttributes,
-  ImgHTMLAttributes,
-  InputHTMLAttributes,
-  OptionHTMLAttributes,
-  SelectHTMLAttributes,
-  TextareaHTMLAttributes,
-  FormHTMLAttributes,
-} from 'react';
-
+import { AnchorHTMLAttributes, ButtonHTMLAttributes, HTMLAttributes, ImgHTMLAttributes, InputHTMLAttributes, OptionHTMLAttributes, SelectHTMLAttributes, TextareaHTMLAttributes, FormHTMLAttributes } from 'react';
 /** Removes any generics from type, resulting in only the raw type:
 ```ts
 // In editors, this type will sometimes show up as `NonNullable<{ a: string | null }>`
@@ -20,15 +9,11 @@ type X = NonNullable<{
 type Y = Flatten<X>;
 ```
  */
-// eslint-disable-next-line
-export type Flatten<T> = T extends infer T
-  ? { [key in keyof T]: T[key] }
-  : never;
-
+export type Flatten<T> = T extends infer T ? {
+    [key in keyof T]: T[key];
+} : never;
 /** Extracts the property value types from an object */
 export type ObjectValues<T> = Flatten<T[keyof T]>;
-
-// NOTE: The below types include all of the supported props for "html" react components (like `button` or `a`).
 export type ButtonHtmlProps = ButtonHTMLAttributes<HTMLButtonElement>;
 export type DivHtmlProps = HTMLAttributes<HTMLDivElement>;
 export type LinkHtmlProps = AnchorHTMLAttributes<HTMLAnchorElement>;

package/react/types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

package/react/types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/react/use-input-validation.d.ts

@@ -0,0 +1,4 @@
+import { Messages } from './use-input-validation.types';
+type SupportedElement = HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
+declare const _default: (customMessages?: Messages, defaultError?: string, isError?: boolean) => [(e: React.ChangeEvent<SupportedElement>) => void, (e: React.FormEvent<SupportedElement>) => void, string | undefined];
+export default _default;

package/react/use-input-validation.js

@@ -0,0 +1,2 @@
+import{useRef as s,useState as c,useEffect as l}from"react";const f=(t,e)=>{if(t.badInput)return e.badInput;if(t.customError)return e.customError;if(t.patternMismatch)return e.patternMismatch;if(t.rangeOverflow)return e.rangeOverflow;if(t.rangeUnderflow)return e.rangeUnderflow;if(t.stepMismatch)return e.stepMismatch;if(t.tooLong)return e.tooLong;if(t.tooShort)return e.tooShort;if(t.typeMismatch)return e.typeMismatch;if(t.valueMissing)return e.valueMissing};var E=(t={},e,u)=>{const[i,o]=c(),p=s(!1);return l(()=>{o(u&&e?e:void 0)},[u,e]),[n=>{var r;const a=f(n.target.validity,t);o(a||((r=n.target)==null?void 0:r.validationMessage)||void 0)},n=>{var r;p.current=!0;const a=f(n.target.validity,t);o(a||((r=n.target)==null?void 0:r.validationMessage))},i]};export{E as default};
+//# sourceMappingURL=use-input-validation.js.map

package/react/use-input-validation.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../react/use-input-validation.ts"],
+  "sourcesContent": ["import { useRef, useState, useEffect } from 'react';\n\nimport { Messages } from './use-input-validation.types';\n\ntype SupportedElement =\n  | HTMLInputElement\n  | HTMLSelectElement\n  | HTMLTextAreaElement;\n\nconst getCustomMessage = (validity: ValidityState, messages: Messages) => {\n  if (validity.badInput) return messages.badInput;\n  if (validity.customError) return messages.customError;\n  if (validity.patternMismatch) return messages.patternMismatch;\n  if (validity.rangeOverflow) return messages.rangeOverflow;\n  if (validity.rangeUnderflow) return messages.rangeUnderflow;\n  if (validity.stepMismatch) return messages.stepMismatch;\n  if (validity.tooLong) return messages.tooLong;\n  if (validity.tooShort) return messages.tooShort;\n  if (validity.typeMismatch) return messages.typeMismatch;\n  if (validity.valueMissing) return messages.valueMissing;\n  return undefined;\n};\n\nexport default (\n  customMessages: Messages = {},\n  defaultError?: string,\n  isError?: boolean,\n) => {\n  const [error, setError] = useState<string | undefined>();\n  const validationEnabled = useRef(false);\n\n  useEffect(() => {\n    if (isError && defaultError) {\n      setError(defaultError);\n    } else {\n      setError(undefined);\n    }\n  }, [isError, defaultError]);\n\n  const onInvalid = (e: React.FormEvent<SupportedElement>) => {\n    validationEnabled.current = true;\n\n    const message = getCustomMessage(\n      (e.target as HTMLInputElement).validity,\n      customMessages,\n    );\n    setError(message || (e.target as HTMLInputElement)?.validationMessage);\n  };\n\n  const onChange = (e: React.ChangeEvent<SupportedElement>) => {\n    const message = getCustomMessage(e.target.validity, customMessages);\n    setError(message || e.target?.validationMessage || undefined);\n  };\n\n  return [onChange, onInvalid, error] as [\n    typeof onChange,\n    typeof onInvalid,\n    typeof error,\n  ];\n};\n"],
+  "mappings": "AAAA,OAAS,UAAAA,EAAQ,YAAAC,EAAU,aAAAC,MAAiB,QAS5C,MAAMC,EAAmB,CAACC,EAAyBC,IAAuB,CACxE,GAAID,EAAS,SAAU,OAAOC,EAAS,SACvC,GAAID,EAAS,YAAa,OAAOC,EAAS,YAC1C,GAAID,EAAS,gBAAiB,OAAOC,EAAS,gBAC9C,GAAID,EAAS,cAAe,OAAOC,EAAS,cAC5C,GAAID,EAAS,eAAgB,OAAOC,EAAS,eAC7C,GAAID,EAAS,aAAc,OAAOC,EAAS,aAC3C,GAAID,EAAS,QAAS,OAAOC,EAAS,QACtC,GAAID,EAAS,SAAU,OAAOC,EAAS,SACvC,GAAID,EAAS,aAAc,OAAOC,EAAS,aAC3C,GAAID,EAAS,aAAc,OAAOC,EAAS,YAE7C,EAEA,IAAOC,EAAQ,CACbC,EAA2B,CAAC,EAC5BC,EACAC,IACG,CACH,KAAM,CAACC,EAAOC,CAAQ,EAAIV,EAA6B,EACjDW,EAAoBZ,EAAO,EAAK,EAEtC,OAAAE,EAAU,IAAM,CAEZS,EADEF,GAAWD,EACJA,EAEA,MAFY,CAIzB,EAAG,CAACC,EAASD,CAAY,CAAC,EAiBnB,CALWK,GAA2C,CAjD/D,IAAAC,EAkDI,MAAMC,EAAUZ,EAAiBU,EAAE,OAAO,SAAUN,CAAc,EAClEI,EAASI,KAAWD,EAAAD,EAAE,SAAF,YAAAC,EAAU,oBAAqB,MAAS,CAC9D,EAbmBD,GAAyC,CAvC9D,IAAAC,EAwCIF,EAAkB,QAAU,GAE5B,MAAMG,EAAUZ,EACbU,EAAE,OAA4B,SAC/BN,CACF,EACAI,EAASI,KAAYD,EAAAD,EAAE,SAAF,YAAAC,EAA+B,kBAAiB,CACvE,EAO6BJ,CAAK,CAKpC",
+  "names": ["useRef", "useState", "useEffect", "getCustomMessage", "validity", "messages", "use_input_validation_default", "customMessages", "defaultError", "isError", "error", "setError", "validationEnabled", "e", "_a", "message"]
+}

package/react/use-input-validation.types.d.ts

@@ -0,0 +1,13 @@
+export type Messages = {
+    badInput?: string;
+    customError?: string;
+    defaultError?: string;
+    patternMismatch?: string;
+    rangeOverflow?: string;
+    rangeUnderflow?: string;
+    stepMismatch?: string;
+    tooLong?: string;
+    tooShort?: string;
+    typeMismatch?: string;
+    valueMissing?: string;
+};

package/react/use-input-validation.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=use-input-validation.types.js.map

package/react/use-input-validation.types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/react/visually-button/index.js

@@ -0,0 +1,2 @@
+import t from"./visually-button";var l=t;export{l as default};
+//# sourceMappingURL=index.js.map

package/react/visually-button/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../react/visually-button/index.ts"],
+  "sourcesContent": ["import VisuallyButton from './visually-button';\nexport default VisuallyButton;\n"],
+  "mappings": "AAAA,OAAOA,MAAoB,oBAC3B,IAAOC,EAAQD",
+  "names": ["VisuallyButton", "visually_button_default"]
+}

package/react/visually-button/maps.d.ts

@@ -0,0 +1,6 @@
+import type { ValueOf } from '../indexed-access-type';
+import { sizes as textSizes, themes as textThemes } from '../text/text.types';
+import { variants, sizes } from './visually-button.types';
+export declare const italicMap: Partial<Record<ValueOf<typeof variants>, true>>;
+export declare const sizeMap: Record<keyof typeof sizes, keyof typeof textSizes>;
+export declare const themeMap: Record<ValueOf<typeof variants>, keyof typeof textThemes>;

package/react/visually-button/maps.js

@@ -0,0 +1,2 @@
+import{sizes as s,themes as e}from"../text/text.types";const o={cta:!0,"cta-secondary":!0,"cta-secondary-white":!0},p={small:s.small,basic:s.basic,large:s.large},c={complete:e.emphasis,cta:e.headline,"cta-secondary":e.headline,"cta-secondary-white":e.headline,primary:e.emphasis,"primary-destructive":e.emphasis,"primary-white":e.emphasis,secondary:e.emphasis,"secondary-white":e.emphasis,"secondary-destructive":e.emphasis,tertiary:e.emphasis,"tertiary-destructive":e.emphasis,"fixed-tertiary":e.emphasis,waitlist:e.emphasis,"waitlist-secondary":e.emphasis};export{o as italicMap,p as sizeMap,c as themeMap};
+//# sourceMappingURL=maps.js.map

package/react/visually-button/maps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../react/visually-button/maps.ts"],
+  "sourcesContent": ["import type { ValueOf } from '../indexed-access-type';\nimport { sizes as textSizes, themes as textThemes } from '../text/text.types';\nimport { variants, sizes } from './visually-button.types';\n\nexport const italicMap: Partial<Record<ValueOf<typeof variants>, true>> = {\n  cta: true,\n  'cta-secondary': true,\n  'cta-secondary-white': true,\n};\n\nexport const sizeMap: Record<keyof typeof sizes, keyof typeof textSizes> = {\n  small: textSizes.small,\n  basic: textSizes.basic,\n  large: textSizes.large,\n};\n\nexport const themeMap: Record<\n  ValueOf<typeof variants>,\n  keyof typeof textThemes\n> = {\n  complete: textThemes.emphasis,\n  cta: textThemes.headline,\n  'cta-secondary': textThemes.headline,\n  'cta-secondary-white': textThemes.headline,\n  primary: textThemes.emphasis,\n  'primary-destructive': textThemes.emphasis,\n  'primary-white': textThemes.emphasis,\n  secondary: textThemes.emphasis,\n  'secondary-white': textThemes.emphasis,\n  'secondary-destructive': textThemes.emphasis,\n  tertiary: textThemes.emphasis,\n  'tertiary-destructive': textThemes.emphasis,\n  'fixed-tertiary': textThemes.emphasis,\n  waitlist: textThemes.emphasis,\n  'waitlist-secondary': textThemes.emphasis,\n};\n"],
+  "mappings": "AACA,OAAS,SAASA,EAAW,UAAUC,MAAkB,qBAGlD,MAAMC,EAA6D,CACxE,IAAK,GACL,gBAAiB,GACjB,sBAAuB,EACzB,EAEaC,EAA8D,CACzE,MAAOH,EAAU,MACjB,MAAOA,EAAU,MACjB,MAAOA,EAAU,KACnB,EAEaI,EAGT,CACF,SAAUH,EAAW,SACrB,IAAKA,EAAW,SAChB,gBAAiBA,EAAW,SAC5B,sBAAuBA,EAAW,SAClC,QAASA,EAAW,SACpB,sBAAuBA,EAAW,SAClC,gBAAiBA,EAAW,SAC5B,UAAWA,EAAW,SACtB,kBAAmBA,EAAW,SAC9B,wBAAyBA,EAAW,SACpC,SAAUA,EAAW,SACrB,uBAAwBA,EAAW,SACnC,iBAAkBA,EAAW,SAC7B,SAAUA,EAAW,SACrB,qBAAsBA,EAAW,QACnC",
+  "names": ["textSizes", "textThemes", "italicMap", "sizeMap", "themeMap"]
+}

package/react/visually-button/visually-button.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { sizes, variants, type VisuallyButton as Props } from './visually-button.types';
+declare const VisuallyButtonRef: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLElement>>;
+declare const VisuallyButton: typeof VisuallyButtonRef & {
+    sizes: typeof sizes;
+    variants: typeof variants;
+};
+export default VisuallyButton;

package/react/visually-button/visually-button.js

@@ -0,0 +1,2 @@
+var z=Object.defineProperty,L=Object.defineProperties;var T=Object.getOwnPropertyDescriptors;var u=Object.getOwnPropertySymbols;var c=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable;var m=(t,s,l)=>s in t?z(t,s,{enumerable:!0,configurable:!0,writable:!0,value:l}):t[s]=l,b=(t,s)=>{for(var l in s||(s={}))c.call(s,l)&&m(t,l,s[l]);if(u)for(var l of u(s))d.call(s,l)&&m(t,l,s[l]);return t},f=(t,s)=>L(t,T(s));var h=(t,s)=>{var l={};for(var o in t)c.call(t,o)&&s.indexOf(o)<0&&(l[o]=t[o]);if(t!=null&&u)for(var o of u(t))s.indexOf(o)<0&&d.call(t,o)&&(l[o]=t[o]);return l};import j from"classnames";import*as i from"react";import E from"../text";import{italicMap as P,sizeMap as $,themeMap as g}from"./maps";import{sizes as x,variants as _}from"./visually-button.types";const C=i.forwardRef((O,M)=>{var v=O,{iconOnly:t,className:s,elementName:l,leadingIcon:o,trailingIcon:e,hasStackedIcon:w,size:r=x.basic,spinning:p,testId:B,text:y,variant:n=_.primary,wide:N}=v,k=h(v,["iconOnly","className","elementName","leadingIcon","trailingIcon","hasStackedIcon","size","spinning","testId","text","variant","wide"]);const a=!!(t&&!!(o||e)),V=a&&l==="div"?"img":void 0;return i.createElement(l,f(b({"aria-label":a?y:void 0,className:j("visually-button",{"visually-button--icon":a,"visually-button--icon-text":(o||e)&&!t,"visually-button--icon-text--stacked":w,[`visually-button--size-${r}`]:r,"visually-button--spinning":p,[`visually-button--variant-${n}`]:n,"visually-button--wide":N},s),"data-testid":B,role:V},k),{ref:M}),o?i.createElement("div",{className:"visually-button__icon"},o):null,a?null:i.createElement(E,{className:"visually-button__text",italic:P[n],size:$[r],theme:g[n],elementName:"span"},y),e?i.createElement("div",{className:"visually-button__icon"},e):null,p?i.createElement("div",{className:"visually-button__spinner"},i.createElement("svg",{className:"visually-button__spinner-icon",width:"24px",height:"24px",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",xmlns:"http://www.w3.org/2000/svg"},i.createElement("circle",{opacity:"0.1",cx:"12",cy:"12",r:"10"}),i.createElement("path",{d:"M12 2C13.9778 2 15.9112 2.58649 17.5557 3.6853C19.2002 4.78412 20.4819 6.3459 21.2388 8.17316C21.9957 10.0004 22.1937 12.0111 21.8079 13.9509C21.422 15.8907 20.4696 17.6725 19.0711 19.0711C17.6725 20.4696 15.8907 21.422 13.9509 21.8079C12.0111 22.1937 10.0004 21.9957 8.17317 21.2388C6.3459 20.4819 4.78412 19.2002 3.6853 17.5557C2.58649 15.9112 2 13.9778 2 12",strokeLinecap:"round",strokeLinejoin:"round"}))):null)});C.displayName="VisuallyButton";const H=Object.assign(C,{sizes:x,variants:_});var J=H;export{J as default};
+//# sourceMappingURL=visually-button.js.map

package/react/visually-button/visually-button.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../react/visually-button/visually-button.tsx"],
+  "sourcesContent": ["import cn from 'classnames';\nimport * as React from 'react';\n\nimport Text from '../text';\n\nimport { italicMap, sizeMap, themeMap } from './maps';\nimport {\n  sizes,\n  variants,\n  type VisuallyButton as Props,\n} from './visually-button.types';\n\nconst VisuallyButtonRef = React.forwardRef<HTMLElement, Props>(\n  (\n    {\n      iconOnly,\n      className,\n      elementName,\n      leadingIcon,\n      trailingIcon,\n      hasStackedIcon,\n      size = sizes.basic,\n      spinning,\n      testId,\n      text,\n      variant = variants.primary,\n      wide,\n      ...rest\n    },\n    ref,\n  ) => {\n    const hasIcon = Boolean(leadingIcon || trailingIcon);\n    const renderIconOnly = Boolean(iconOnly && hasIcon);\n    const role = renderIconOnly && elementName === 'div' ? 'img' : undefined;\n\n    return React.createElement(\n      elementName,\n      {\n        'aria-label': renderIconOnly ? text : undefined,\n        className: cn(\n          'visually-button',\n          {\n            'visually-button--icon': renderIconOnly,\n            'visually-button--icon-text':\n              (leadingIcon || trailingIcon) && !iconOnly,\n            'visually-button--icon-text--stacked': hasStackedIcon,\n            [`visually-button--size-${size}`]: size,\n            'visually-button--spinning': spinning,\n            [`visually-button--variant-${variant}`]: variant,\n            'visually-button--wide': wide,\n          },\n          className,\n        ),\n        'data-testid': testId,\n        role,\n        ...rest,\n        ref,\n      },\n      leadingIcon ? (\n        <div className=\"visually-button__icon\">{leadingIcon}</div>\n      ) : null,\n      renderIconOnly ? null : (\n        <Text\n          className=\"visually-button__text\"\n          italic={italicMap[variant]}\n          size={sizeMap[size]}\n          theme={themeMap[variant]}\n          elementName=\"span\"\n        >\n          {text}\n        </Text>\n      ),\n      trailingIcon ? (\n        <div className=\"visually-button__icon\">{trailingIcon}</div>\n      ) : null,\n      spinning ? (\n        <div className=\"visually-button__spinner\">\n          <svg\n            className=\"visually-button__spinner-icon\"\n            width=\"24px\"\n            height=\"24px\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <circle opacity=\"0.1\" cx=\"12\" cy=\"12\" r=\"10\" />\n            <path\n              d=\"M12 2C13.9778 2 15.9112 2.58649 17.5557 3.6853C19.2002 4.78412 20.4819 6.3459 21.2388 8.17316C21.9957 10.0004 22.1937 12.0111 21.8079 13.9509C21.422 15.8907 20.4696 17.6725 19.0711 19.0711C17.6725 20.4696 15.8907 21.422 13.9509 21.8079C12.0111 22.1937 10.0004 21.9957 8.17317 21.2388C6.3459 20.4819 4.78412 19.2002 3.6853 17.5557C2.58649 15.9112 2 13.9778 2 12\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n            />\n          </svg>\n        </div>\n      ) : null,\n    );\n  },\n);\n\nVisuallyButtonRef.displayName = 'VisuallyButton';\n\nconst VisuallyButton: typeof VisuallyButtonRef & {\n  sizes: typeof sizes;\n  variants: typeof variants;\n} = Object.assign(VisuallyButtonRef, {\n  sizes,\n  variants,\n});\n\nexport default VisuallyButton;\n"],
+  "mappings": "+kBAAA,OAAOA,MAAQ,aACf,UAAYC,MAAW,QAEvB,OAAOC,MAAU,UAEjB,OAAS,aAAAC,EAAW,WAAAC,EAAS,YAAAC,MAAgB,SAC7C,OACE,SAAAC,EACA,YAAAC,MAEK,0BAEP,MAAMC,EAAoBP,EAAM,WAC9B,CACEQ,EAeAC,IACG,CAhBH,IAAAC,EAAAF,EACE,UAAAG,EACA,UAAAC,EACA,YAAAC,EACA,YAAAC,EACA,aAAAC,EACA,eAAAC,EACA,KAAAC,EAAOZ,EAAM,MACb,SAAAa,EACA,OAAAC,EACA,KAAAC,EACA,QAAAC,EAAUf,EAAS,QACnB,KAAAgB,CA1BN,EAcIZ,EAaKa,EAAAC,EAbLd,EAaK,CAZH,WACA,YACA,cACA,cACA,eACA,iBACA,OACA,WACA,SACA,OACA,UACA,SAMF,MAAMe,EAAiB,GAAQd,GADf,GAAQG,GAAeC,IAEjCW,EAAOD,GAAkBZ,IAAgB,MAAQ,MAAQ,OAE/D,OAAOb,EAAM,cACXa,EACAc,EAAAC,EAAA,CACE,aAAcH,EAAiBL,EAAO,OACtC,UAAWrB,EACT,kBACA,CACE,wBAAyB0B,EACzB,8BACGX,GAAeC,IAAiB,CAACJ,EACpC,sCAAuCK,EACvC,CAAC,yBAAyBC,CAAI,EAAE,EAAGA,EACnC,4BAA6BC,EAC7B,CAAC,4BAA4BG,CAAO,EAAE,EAAGA,EACzC,wBAAyBC,CAC3B,EACAV,CACF,EACA,cAAeO,EACf,KAAAO,GACGH,GAlBL,CAmBE,IAAAd,CACF,GACAK,EACEd,EAAA,cAAC,OAAI,UAAU,yBAAyBc,CAAY,EAClD,KACJW,EAAiB,KACfzB,EAAA,cAACC,EAAA,CACC,UAAU,wBACV,OAAQC,EAAUmB,CAAO,EACzB,KAAMlB,EAAQc,CAAI,EAClB,MAAOb,EAASiB,CAAO,EACvB,YAAY,QAEXD,CACH,EAEFL,EACEf,EAAA,cAAC,OAAI,UAAU,yBAAyBe,CAAa,EACnD,KACJG,EACElB,EAAA,cAAC,OAAI,UAAU,4BACbA,EAAA,cAAC,OACC,UAAU,gCACV,MAAM,OACN,OAAO,OACP,QAAQ,YACR,KAAK,OACL,OAAO,eACP,YAAY,IACZ,MAAM,8BAENA,EAAA,cAAC,UAAO,QAAQ,MAAM,GAAG,KAAK,GAAG,KAAK,EAAE,KAAK,EAC7CA,EAAA,cAAC,QACC,EAAE,2WACF,cAAc,QACd,eAAe,QACjB,CACF,CACF,EACE,IACN,CACF,CACF,EAEAO,EAAkB,YAAc,iBAEhC,MAAMsB,EAGF,OAAO,OAAOtB,EAAmB,CACnC,MAAAF,EACA,SAAAC,CACF,CAAC,EAED,IAAOwB,EAAQD",
+  "names": ["cn", "React", "Text", "italicMap", "sizeMap", "themeMap", "sizes", "variants", "VisuallyButtonRef", "_a", "ref", "_b", "iconOnly", "className", "elementName", "leadingIcon", "trailingIcon", "hasStackedIcon", "size", "spinning", "testId", "text", "variant", "wide", "rest", "__objRest", "renderIconOnly", "role", "__spreadProps", "__spreadValues", "VisuallyButton", "visually_button_default"]
+}

package/react/visually-button/visually-button.types.d.ts

@@ -0,0 +1,46 @@
+import type { ReactElement } from 'react';
+import type { ButtonHtmlProps, DivHtmlProps, LinkHtmlProps, ObjectValues } from '../types';
+export declare const sizes: {
+    readonly small: "small";
+    readonly basic: "basic";
+    readonly large: "large";
+};
+export declare const variants: {
+    readonly complete: "complete";
+    readonly cta: "cta";
+    readonly ctaSecondary: "cta-secondary";
+    readonly ctaSecondaryWhite: "cta-secondary-white";
+    readonly primary: "primary";
+    readonly primaryDestructive: "primary-destructive";
+    readonly primaryWhite: "primary-white";
+    readonly secondary: "secondary";
+    readonly secondaryWhite: "secondary-white";
+    readonly secondaryDestructive: "secondary-destructive";
+    readonly tertiary: "tertiary";
+    readonly tertiaryDestructive: "tertiary-destructive";
+    readonly fixedTertiary: "fixed-tertiary";
+    readonly waitlist: "waitlist";
+    readonly waitlistSecondary: "waitlist-secondary";
+};
+type CommonProps<ElementName extends string> = {
+    className?: string;
+    elementName: ElementName;
+    hasStackedIcon?: boolean;
+    iconOnly?: boolean;
+    leadingIcon?: ReactElement;
+    size?: ObjectValues<typeof sizes>;
+    spinning?: boolean;
+    testId?: string;
+    text: string;
+    trailingIcon?: ReactElement;
+    variant?: ObjectValues<typeof variants>;
+    wide?: boolean;
+};
+type Props<ElementProps, ElementName extends string> = ElementProps & CommonProps<ElementName>;
+export type VisuallyButtonButton = Props<ButtonHtmlProps, 'button'>;
+export type VisuallyButtonDiv = Props<DivHtmlProps, 'div'>;
+export type VisuallyButtonLink = Props<LinkHtmlProps, 'a'> & {
+    href: string;
+};
+export type VisuallyButton = VisuallyButtonButton | VisuallyButtonDiv | VisuallyButtonLink;
+export {};

package/react/visually-button/visually-button.types.js

@@ -0,0 +1,2 @@
+const t={small:"small",basic:"basic",large:"large"},e={complete:"complete",cta:"cta",ctaSecondary:"cta-secondary",ctaSecondaryWhite:"cta-secondary-white",primary:"primary",primaryDestructive:"primary-destructive",primaryWhite:"primary-white",secondary:"secondary",secondaryWhite:"secondary-white",secondaryDestructive:"secondary-destructive",tertiary:"tertiary",tertiaryDestructive:"tertiary-destructive",fixedTertiary:"fixed-tertiary",waitlist:"waitlist",waitlistSecondary:"waitlist-secondary"};export{t as sizes,e as variants};
+//# sourceMappingURL=visually-button.types.js.map