@sats-group/ui-lib 80.4.0 → 81.0.0

package/react/radio/radio.types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../react/radio/radio.types.ts"],
+  "sourcesContent": ["import { InputHtmlProps, ObjectValues } from '../types';\n\nexport const colors = {\n  light: 'radio--light',\n} as const;\n\nexport type Radio = {\n  color?: ObjectValues<typeof colors>;\n  description?: string;\n  isUnderline?: boolean;\n  label?: string;\n  name: string;\n  showCustomError?: boolean;\n  value: string;\n} & InputHtmlProps;\n"],
+  "mappings": "AAEO,MAAMA,EAAS,CACpB,MAAO,cACT",
+  "names": ["colors"]
+}

package/react/scale-bar/index.js

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

package/react/scale-bar/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../react/scale-bar/index.ts"],
+  "sourcesContent": ["import ScaleBar from './scale-bar';\nexport default ScaleBar;\n"],
+  "mappings": "AAAA,OAAOA,MAAc,cACrB,IAAOC,EAAQD",
+  "names": ["ScaleBar", "scale_bar_default"]
+}

package/react/scale-bar/scale-bar.d.ts

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

package/react/scale-bar/scale-bar.js

@@ -0,0 +1,2 @@
+import*as r from"react";import l from"../visually-hidden/visually-hidden";const m=({max:e=4,value:a})=>r.createElement(r.Fragment,null,r.createElement("div",{className:"scale-bar"},Array(e).fill(0).map((s,i)=>r.createElement("div",{className:`scale-bar__item scale-bar__item--${i<a?"filled":"empty"}`,key:i}))),r.createElement(l,null,r.createElement("meter",{max:e,min:0,value:a},a,"/",e)));var t=m;export{t as default};
+//# sourceMappingURL=scale-bar.js.map

package/react/scale-bar/scale-bar.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../react/scale-bar/scale-bar.tsx"],
+  "sourcesContent": ["import * as React from 'react';\n\nimport VisuallyHidden from '../visually-hidden/visually-hidden';\n\nimport { ScaleBar as Props } from './scale-bar.types';\n\nconst ScaleBar: React.FunctionComponent<Props> = ({ max = 4, value }) => (\n  <>\n    <div className=\"scale-bar\">\n      {Array(max)\n        .fill(0)\n        .map((_, i) => (\n          <div\n            className={`scale-bar__item scale-bar__item--${\n              i < value ? 'filled' : 'empty'\n            }`}\n            key={i}\n          />\n        ))}\n    </div>\n    <VisuallyHidden>\n      <meter max={max} min={0} value={value}>\n        {value}/{max}\n      </meter>\n    </VisuallyHidden>\n  </>\n);\n\nexport default ScaleBar;\n"],
+  "mappings": "AAAA,UAAYA,MAAW,QAEvB,OAAOC,MAAoB,qCAI3B,MAAMC,EAA2C,CAAC,CAAE,IAAAC,EAAM,EAAG,MAAAC,CAAM,IACjEJ,EAAA,cAAAA,EAAA,cACEA,EAAA,cAAC,OAAI,UAAU,aACZ,MAAMG,CAAG,EACP,KAAK,CAAC,EACN,IAAI,CAACE,EAAG,IACPL,EAAA,cAAC,OACC,UAAW,oCACT,EAAII,EAAQ,SAAW,OACzB,GACA,IAAK,EACP,CACD,CACL,EACAJ,EAAA,cAACC,EAAA,KACCD,EAAA,cAAC,SAAM,IAAKG,EAAK,IAAK,EAAG,MAAOC,GAC7BA,EAAM,IAAED,CACX,CACF,CACF,EAGF,IAAOG,EAAQJ",
+  "names": ["React", "VisuallyHidden", "ScaleBar", "max", "value", "_", "scale_bar_default"]
+}

package/react/scale-bar/scale-bar.types.d.ts

@@ -0,0 +1,4 @@
+export type ScaleBar = {
+    max?: number;
+    value: number;
+};

package/react/scale-bar/scale-bar.types.js

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

package/react/scale-bar/scale-bar.types.js.map

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

package/react/search/index.js

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

package/react/search/index.js.map

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

package/react/search/search.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import { themes, inputSizes, variants, expandDirections } from './search.types';
+declare const RefSearch: React.ForwardRefExoticComponent<{
+    button?: import("../button/button.types").Button;
+    clear: import("../button/button.types").Button;
+    customErrorMessages?: import("../use-input-validation.types").Messages;
+    expandable?: {
+        close: import("../button/button.types").Button;
+        direction?: import("../types").ObjectValues<typeof expandDirections>;
+    };
+    helpIcon?: React.ReactElement;
+    helpText?: string;
+    inputSize?: import("../types").ObjectValues<typeof inputSizes>;
+    isLabelVisible?: boolean;
+    label: string;
+    name: string;
+    onChangeFunc?: (arg: string) => void;
+    onClear?: () => void;
+    theme?: import("../types").ObjectValues<typeof themes>;
+    variant?: import("../types").ObjectValues<typeof variants>;
+} & import("../types").InputHtmlProps & React.RefAttributes<HTMLInputElement>>;
+declare const Search: typeof RefSearch & {
+    themes: typeof themes;
+    variants: typeof variants;
+    inputSizes: typeof inputSizes;
+    expandDirections: typeof expandDirections;
+};
+export default Search;

package/react/search/search.js

@@ -0,0 +1,2 @@
+var Z=Object.defineProperty,b=Object.defineProperties;var R=Object.getOwnPropertyDescriptors;var N=Object.getOwnPropertySymbols;var H=Object.prototype.hasOwnProperty,O=Object.prototype.propertyIsEnumerable;var D=(e,a,i)=>a in e?Z(e,a,{enumerable:!0,configurable:!0,writable:!0,value:i}):e[a]=i,p=(e,a)=>{for(var i in a||(a={}))H.call(a,i)&&D(e,i,a[i]);if(N)for(var i of N(a))O.call(a,i)&&D(e,i,a[i]);return e},f=(e,a)=>b(e,R(a));var P=(e,a)=>{var i={};for(var l in e)H.call(e,l)&&a.indexOf(l)<0&&(i[l]=e[l]);if(e!=null&&N)for(var l of N(e))a.indexOf(l)<0&&O.call(e,l)&&(i[l]=e[l]);return i};import o from"classnames";import s,{useRef as ss,useState as V}from"react";import n from"../button";import es from"../hooks/use-click-outside";import{useIsMounted as rs}from"../hooks/use-is-mounted";import as from"../icons/18/close";import is from"../icons/24/search";import _ from"../text";import ns from"../use-input-validation";import{themes as h,inputSizes as m,variants as v,expandDirections as ls}from"./search.types";const j=s.forwardRef((ts,G)=>{var x=ts,{button:e,customErrorMessages:a,clear:i,disabled:l,label:y,isLabelVisible:$=!0,name:q,onChangeFunc:A=()=>{},onClear:B=()=>{},expandable:c,placeholder:L,required:S,inputSize:t=m.small,theme:d=h.inline,variant:r=v.default,value:W="",helpText:g,helpIcon:z}=x,F=P(x,["button","customErrorMessages","clear","disabled","label","isLabelVisible","name","onChangeFunc","onClear","expandable","placeholder","required","inputSize","theme","variant","value","helpText","helpIcon"]);const[J,K,I]=ns(a),T=ss(null),[w,C]=V(!1),Q=rs();es(T,()=>C(!1));const[E,U]=V(W),M=u=>{A(u),U(u)},X=u=>{M(u.target.value),J(u)},k=()=>{M(""),B()},Y=()=>{k(),C(!1)};return s.createElement("div",{className:o("search",{[`search--expand-direction-${c==null?void 0:c.direction}`]:c==null?void 0:c.direction})},Q?s.createElement("div",{className:o("search__inner",{"search__inner--expandable":c,"search__inner--expand":w}),ref:T},d===h.inline&&$?s.createElement(_,{theme:_.themes.emphasis,size:t===m.large?_.sizes.large:_.sizes.small,className:o("search__header",{[`search__header--variant-${r}`]:r})},y):null,s.createElement("div",{className:o("search__input-wrapper",{[`search__input-wrapper--size-${t}`]:t,[`search__input-wrapper--theme-${d}`]:d,[`search__input-wrapper--variant-${r}`]:r})},s.createElement("label",{className:"search__label"},s.createElement("div",{className:o("search__icon",{[`search__icon--variant-${r}`]:r})},s.createElement(is,null)),s.createElement("input",f(p({},F),{className:o("search__input",{[`search__input--variant-${r}`]:r,[`search__input--size-${t}`]:t}),disabled:l,name:q,onChange:X,onClick:()=>C(!0),value:E,onInvalid:K,placeholder:L,ref:G,required:S,type:"search","aria-label":d===h.floating||!$?y:void 0}))),s.createElement("div",{className:o("search__clear-button",{"search__clear-button--visible":E})},s.createElement(n,f(p({},i),{onClick:k,size:t===m.small?n.sizes.small:n.sizes.basic,type:"button",variant:r===v.fixed?n.variants.fixedTertiary:n.variants.tertiary}))),e?s.createElement(n,f(p({},e),{className:"search__search-button",variant:r===v.fixed?n.variants.secondaryWhite:n.variants.secondary,type:"submit",size:t===m.small?n.sizes.small:n.sizes.basic})):null,c&&w?s.createElement(n,f(p({},c.close),{className:"search__close-button",onClick:Y,leadingIcon:s.createElement(as,null),size:t===m.small?n.sizes.small:n.sizes.basic,type:"button",variant:r===v.fixed?n.variants.fixedTertiary:n.variants.tertiary})):null),I?s.createElement("div",{"aria-hidden":"true",className:"search__error"},s.createElement(_,null,I)):null,d===h.inline&&g?s.createElement(_,{size:_.sizes.interface,className:o("search__help-text",{[`search__help-text--variant-${r}`]:r})},z,g):null):s.createElement("div",{className:"search__loading-inner"},d===h.inline&&$?s.createElement("div",{className:o("search__loading-extra",{[`search__loading-extra--${r}`]:r})},y):null,s.createElement("div",{className:o("search__loading-input",{[`search__loading-input--${r}`]:r,[`search__loading-input--${t}`]:t})}),d===h.inline&&g?s.createElement("div",{className:o("search__loading-extra",{[`search__loading-extra--${r}`]:r})},z,g):null))});j.displayName="Search";const os=Object.assign(j,{themes:h,variants:v,inputSizes:m,expandDirections:ls});var $s=os;export{$s as default};
+//# sourceMappingURL=search.js.map

package/react/search/search.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../react/search/search.tsx"],
+  "sourcesContent": ["import classNames from 'classnames';\nimport React, { useRef, useState } from 'react';\n\nimport Button from '../button';\nimport useClickOutside from '../hooks/use-click-outside';\nimport { useIsMounted } from '../hooks/use-is-mounted';\nimport CloseIcon from '../icons/18/close';\nimport SearchIcon from '../icons/24/search';\nimport Text from '../text';\nimport useInputValidation from '../use-input-validation';\n\nimport {\n  Search as Props,\n  themes,\n  inputSizes,\n  variants,\n  expandDirections,\n} from './search.types';\n\nconst RefSearch = React.forwardRef<HTMLInputElement, Props>(\n  (\n    {\n      button,\n      customErrorMessages,\n      clear,\n      disabled,\n      label,\n      isLabelVisible = true,\n      name,\n      onChangeFunc = () => {},\n      onClear = () => {},\n      expandable,\n      placeholder,\n      required,\n      inputSize = inputSizes.small,\n      theme = themes.inline,\n      variant = variants.default,\n      value = '',\n      helpText,\n      helpIcon,\n      ...restProps\n    },\n    ref,\n  ) => {\n    const [validationOnChange, handleInvalid, error] =\n      useInputValidation(customErrorMessages);\n    const searchArea = useRef<HTMLDivElement>(null);\n    const [expand, setExpand] = useState(false);\n    const isMounted = useIsMounted();\n\n    useClickOutside(searchArea, () => setExpand(false));\n\n    const [inputValue, setInputValue] = useState(value);\n\n    const setValue = (value: string) => {\n      onChangeFunc(value);\n      setInputValue(value);\n    };\n\n    const handleChange: React.ChangeEventHandler<HTMLInputElement> = e => {\n      setValue(e.target.value);\n      validationOnChange(e);\n    };\n\n    const handleClear = () => {\n      setValue('');\n      onClear();\n    };\n\n    const handleClose = () => {\n      handleClear();\n      setExpand(false);\n    };\n\n    return (\n      <div\n        className={classNames('search', {\n          [`search--expand-direction-${expandable?.direction}`]:\n            expandable?.direction,\n        })}\n      >\n        {isMounted ? (\n          <div\n            className={classNames('search__inner', {\n              'search__inner--expandable': expandable,\n              'search__inner--expand': expand,\n            })}\n            ref={searchArea}\n          >\n            {theme === themes.inline && isLabelVisible ? (\n              <Text\n                theme={Text.themes.emphasis}\n                size={\n                  inputSize === inputSizes.large\n                    ? Text.sizes.large\n                    : Text.sizes.small\n                }\n                className={classNames('search__header', {\n                  [`search__header--variant-${variant}`]: variant,\n                })}\n              >\n                {label}\n              </Text>\n            ) : null}\n            <div\n              className={classNames('search__input-wrapper', {\n                [`search__input-wrapper--size-${inputSize}`]: inputSize,\n                [`search__input-wrapper--theme-${theme}`]: theme,\n                [`search__input-wrapper--variant-${variant}`]: variant,\n              })}\n            >\n              <label className=\"search__label\">\n                <div\n                  className={classNames('search__icon', {\n                    [`search__icon--variant-${variant}`]: variant,\n                  })}\n                >\n                  <SearchIcon />\n                </div>\n                <input\n                  {...restProps}\n                  className={classNames('search__input', {\n                    [`search__input--variant-${variant}`]: variant,\n                    [`search__input--size-${inputSize}`]: inputSize,\n                  })}\n                  disabled={disabled}\n                  name={name}\n                  onChange={handleChange}\n                  onClick={() => setExpand(true)}\n                  value={inputValue}\n                  onInvalid={handleInvalid}\n                  placeholder={placeholder}\n                  ref={ref}\n                  required={required}\n                  type=\"search\"\n                  aria-label={\n                    theme === themes.floating || !isLabelVisible\n                      ? label\n                      : undefined\n                  }\n                />\n              </label>\n              <div\n                className={classNames('search__clear-button', {\n                  'search__clear-button--visible': inputValue,\n                })}\n              >\n                <Button\n                  {...clear}\n                  onClick={handleClear}\n                  size={\n                    inputSize === inputSizes.small\n                      ? Button.sizes.small\n                      : Button.sizes.basic\n                  }\n                  type=\"button\"\n                  variant={\n                    variant === variants.fixed\n                      ? Button.variants.fixedTertiary\n                      : Button.variants.tertiary\n                  }\n                />\n              </div>\n              {button ? (\n                <Button\n                  {...button}\n                  className=\"search__search-button\"\n                  variant={\n                    variant === variants.fixed\n                      ? Button.variants.secondaryWhite\n                      : Button.variants.secondary\n                  }\n                  type=\"submit\"\n                  size={\n                    inputSize === inputSizes.small\n                      ? Button.sizes.small\n                      : Button.sizes.basic\n                  }\n                />\n              ) : null}\n              {expandable && expand ? (\n                <Button\n                  {...expandable.close}\n                  className=\"search__close-button\"\n                  onClick={handleClose}\n                  leadingIcon={<CloseIcon />}\n                  size={\n                    inputSize === inputSizes.small\n                      ? Button.sizes.small\n                      : Button.sizes.basic\n                  }\n                  type=\"button\"\n                  variant={\n                    variant === variants.fixed\n                      ? Button.variants.fixedTertiary\n                      : Button.variants.tertiary\n                  }\n                />\n              ) : null}\n            </div>\n            {error ? (\n              <div aria-hidden=\"true\" className=\"search__error\">\n                <Text>{error}</Text>\n              </div>\n            ) : null}\n            {theme === themes.inline && helpText ? (\n              <Text\n                size={Text.sizes.interface}\n                className={classNames('search__help-text', {\n                  [`search__help-text--variant-${variant}`]: variant,\n                })}\n              >\n                {helpIcon}\n                {helpText}\n              </Text>\n            ) : null}\n          </div>\n        ) : (\n          <div className=\"search__loading-inner\">\n            {theme === themes.inline && isLabelVisible ? (\n              <div\n                className={classNames('search__loading-extra', {\n                  [`search__loading-extra--${variant}`]: variant,\n                })}\n              >\n                {label}\n              </div>\n            ) : null}\n            <div\n              className={classNames('search__loading-input', {\n                [`search__loading-input--${variant}`]: variant,\n                [`search__loading-input--${inputSize}`]: inputSize,\n              })}\n            ></div>\n            {theme === themes.inline && helpText ? (\n              <div\n                className={classNames('search__loading-extra', {\n                  [`search__loading-extra--${variant}`]: variant,\n                })}\n              >\n                {helpIcon}\n                {helpText}\n              </div>\n            ) : null}\n          </div>\n        )}\n      </div>\n    );\n  },\n);\n\n// NOTE: Stack traces will show \"forwardRef\" instead of \"Search\" if this is not set.\nRefSearch.displayName = 'Search';\n\nconst Search: typeof RefSearch & {\n  themes: typeof themes;\n  variants: typeof variants;\n  inputSizes: typeof inputSizes;\n  expandDirections: typeof expandDirections;\n} = Object.assign(RefSearch, {\n  themes,\n  variants,\n  inputSizes,\n  expandDirections,\n});\n\nexport default Search;\n"],
+  "mappings": "+kBAAA,OAAOA,MAAgB,aACvB,OAAOC,GAAS,UAAAC,GAAQ,YAAAC,MAAgB,QAExC,OAAOC,MAAY,YACnB,OAAOC,OAAqB,6BAC5B,OAAS,gBAAAC,OAAoB,0BAC7B,OAAOC,OAAe,oBACtB,OAAOC,OAAgB,qBACvB,OAAOC,MAAU,UACjB,OAAOC,OAAwB,0BAE/B,OAEE,UAAAC,EACA,cAAAC,EACA,YAAAC,EACA,oBAAAC,OACK,iBAEP,MAAMC,EAAYd,EAAM,WACtB,CACEe,GAqBAC,IACG,CAtBH,IAAAC,EAAAF,GACE,QAAAG,EACA,oBAAAC,EACA,MAAAC,EACA,SAAAC,EACA,MAAAC,EACA,eAAAC,EAAiB,GACjB,KAAAC,EACA,aAAAC,EAAe,IAAM,CAAC,EACtB,QAAAC,EAAU,IAAM,CAAC,EACjB,WAAAC,EACA,YAAAC,EACA,SAAAC,EACA,UAAAC,EAAYnB,EAAW,MACvB,MAAAoB,EAAQrB,EAAO,OACf,QAAAsB,EAAUpB,EAAS,QACnB,MAAAqB,EAAQ,GACR,SAAAC,EACA,SAAAC,CAvCN,EAqBIlB,EAmBKmB,EAAAC,EAnBLpB,EAmBK,CAlBH,SACA,sBACA,QACA,WACA,QACA,iBACA,OACA,eACA,UACA,aACA,cACA,WACA,YACA,QACA,UACA,QACA,WACA,aAKF,KAAM,CAACqB,EAAoBC,EAAeC,CAAK,EAC7C/B,GAAmBU,CAAmB,EAClCsB,EAAaxC,GAAuB,IAAI,EACxC,CAACyC,EAAQC,CAAS,EAAIzC,EAAS,EAAK,EACpC0C,EAAYvC,GAAa,EAE/BD,GAAgBqC,EAAY,IAAME,EAAU,EAAK,CAAC,EAElD,KAAM,CAACE,EAAYC,CAAa,EAAI5C,EAAS+B,CAAK,EAE5Cc,EAAYd,GAAkB,CAClCR,EAAaQ,CAAK,EAClBa,EAAcb,CAAK,CACrB,EAEMe,EAA2DC,GAAK,CACpEF,EAASE,EAAE,OAAO,KAAK,EACvBX,EAAmBW,CAAC,CACtB,EAEMC,EAAc,IAAM,CACxBH,EAAS,EAAE,EACXrB,EAAQ,CACV,EAEMyB,EAAc,IAAM,CACxBD,EAAY,EACZP,EAAU,EAAK,CACjB,EAEA,OACE3C,EAAA,cAAC,OACC,UAAWD,EAAW,SAAU,CAC9B,CAAC,4BAA4B4B,GAAA,YAAAA,EAAY,SAAS,EAAE,EAClDA,GAAA,YAAAA,EAAY,SAChB,CAAC,GAEAiB,EACC5C,EAAA,cAAC,OACC,UAAWD,EAAW,gBAAiB,CACrC,4BAA6B4B,EAC7B,wBAAyBe,CAC3B,CAAC,EACD,IAAKD,GAEJV,IAAUrB,EAAO,QAAUa,EAC1BvB,EAAA,cAACQ,EAAA,CACC,MAAOA,EAAK,OAAO,SACnB,KACEsB,IAAcnB,EAAW,MACrBH,EAAK,MAAM,MACXA,EAAK,MAAM,MAEjB,UAAWT,EAAW,iBAAkB,CACtC,CAAC,2BAA2BiC,CAAO,EAAE,EAAGA,CAC1C,CAAC,GAEAV,CACH,EACE,KACJtB,EAAA,cAAC,OACC,UAAWD,EAAW,wBAAyB,CAC7C,CAAC,+BAA+B+B,CAAS,EAAE,EAAGA,EAC9C,CAAC,gCAAgCC,CAAK,EAAE,EAAGA,EAC3C,CAAC,kCAAkCC,CAAO,EAAE,EAAGA,CACjD,CAAC,GAEDhC,EAAA,cAAC,SAAM,UAAU,iBACfA,EAAA,cAAC,OACC,UAAWD,EAAW,eAAgB,CACpC,CAAC,yBAAyBiC,CAAO,EAAE,EAAGA,CACxC,CAAC,GAEDhC,EAAA,cAACO,GAAA,IAAW,CACd,EACAP,EAAA,cAAC,QAAAoD,EAAAC,EAAA,GACKjB,GADL,CAEC,UAAWrC,EAAW,gBAAiB,CACrC,CAAC,0BAA0BiC,CAAO,EAAE,EAAGA,EACvC,CAAC,uBAAuBF,CAAS,EAAE,EAAGA,CACxC,CAAC,EACD,SAAUT,EACV,KAAMG,EACN,SAAUwB,EACV,QAAS,IAAML,EAAU,EAAI,EAC7B,MAAOE,EACP,UAAWN,EACX,YAAaX,EACb,IAAKZ,EACL,SAAUa,EACV,KAAK,SACL,aACEE,IAAUrB,EAAO,UAAY,CAACa,EAC1BD,EACA,QAER,CACF,EACAtB,EAAA,cAAC,OACC,UAAWD,EAAW,uBAAwB,CAC5C,gCAAiC8C,CACnC,CAAC,GAED7C,EAAA,cAACG,EAAAiD,EAAAC,EAAA,GACKjC,GADL,CAEC,QAAS8B,EACT,KACEpB,IAAcnB,EAAW,MACrBR,EAAO,MAAM,MACbA,EAAO,MAAM,MAEnB,KAAK,SACL,QACE6B,IAAYpB,EAAS,MACjBT,EAAO,SAAS,cAChBA,EAAO,SAAS,UAExB,CACF,EACCe,EACClB,EAAA,cAACG,EAAAiD,EAAAC,EAAA,GACKnC,GADL,CAEC,UAAU,wBACV,QACEc,IAAYpB,EAAS,MACjBT,EAAO,SAAS,eAChBA,EAAO,SAAS,UAEtB,KAAK,SACL,KACE2B,IAAcnB,EAAW,MACrBR,EAAO,MAAM,MACbA,EAAO,MAAM,OAErB,EACE,KACHwB,GAAce,EACb1C,EAAA,cAACG,EAAAiD,EAAAC,EAAA,GACK1B,EAAW,OADhB,CAEC,UAAU,uBACV,QAASwB,EACT,YAAanD,EAAA,cAACM,GAAA,IAAU,EACxB,KACEwB,IAAcnB,EAAW,MACrBR,EAAO,MAAM,MACbA,EAAO,MAAM,MAEnB,KAAK,SACL,QACE6B,IAAYpB,EAAS,MACjBT,EAAO,SAAS,cAChBA,EAAO,SAAS,UAExB,EACE,IACN,EACCqC,EACCxC,EAAA,cAAC,OAAI,cAAY,OAAO,UAAU,iBAChCA,EAAA,cAACQ,EAAA,KAAMgC,CAAM,CACf,EACE,KACHT,IAAUrB,EAAO,QAAUwB,EAC1BlC,EAAA,cAACQ,EAAA,CACC,KAAMA,EAAK,MAAM,UACjB,UAAWT,EAAW,oBAAqB,CACzC,CAAC,8BAA8BiC,CAAO,EAAE,EAAGA,CAC7C,CAAC,GAEAG,EACAD,CACH,EACE,IACN,EAEAlC,EAAA,cAAC,OAAI,UAAU,yBACZ+B,IAAUrB,EAAO,QAAUa,EAC1BvB,EAAA,cAAC,OACC,UAAWD,EAAW,wBAAyB,CAC7C,CAAC,0BAA0BiC,CAAO,EAAE,EAAGA,CACzC,CAAC,GAEAV,CACH,EACE,KACJtB,EAAA,cAAC,OACC,UAAWD,EAAW,wBAAyB,CAC7C,CAAC,0BAA0BiC,CAAO,EAAE,EAAGA,EACvC,CAAC,0BAA0BF,CAAS,EAAE,EAAGA,CAC3C,CAAC,EACF,EACAC,IAAUrB,EAAO,QAAUwB,EAC1BlC,EAAA,cAAC,OACC,UAAWD,EAAW,wBAAyB,CAC7C,CAAC,0BAA0BiC,CAAO,EAAE,EAAGA,CACzC,CAAC,GAEAG,EACAD,CACH,EACE,IACN,CAEJ,CAEJ,CACF,EAGApB,EAAU,YAAc,SAExB,MAAMwC,GAKF,OAAO,OAAOxC,EAAW,CAC3B,OAAAJ,EACA,SAAAE,EACA,WAAAD,EACA,iBAAAE,EACF,CAAC,EAED,IAAO0C,GAAQD",
+  "names": ["classNames", "React", "useRef", "useState", "Button", "useClickOutside", "useIsMounted", "CloseIcon", "SearchIcon", "Text", "useInputValidation", "themes", "inputSizes", "variants", "expandDirections", "RefSearch", "_a", "ref", "_b", "button", "customErrorMessages", "clear", "disabled", "label", "isLabelVisible", "name", "onChangeFunc", "onClear", "expandable", "placeholder", "required", "inputSize", "theme", "variant", "value", "helpText", "helpIcon", "restProps", "__objRest", "validationOnChange", "handleInvalid", "error", "searchArea", "expand", "setExpand", "isMounted", "inputValue", "setInputValue", "setValue", "handleChange", "e", "handleClear", "handleClose", "__spreadProps", "__spreadValues", "Search", "search_default"]
+}

package/react/search/search.types.d.ts

@@ -0,0 +1,39 @@
+import type { ReactElement } from 'react';
+import type { Button } from '../button/button.types';
+import type { InputHtmlProps, ObjectValues } from '../types';
+import type { Messages } from '../use-input-validation.types';
+export declare const themes: {
+    readonly floating: "floating";
+    readonly inline: "inline";
+};
+export declare const inputSizes: {
+    readonly small: "small";
+    readonly large: "large";
+};
+export declare const variants: {
+    readonly default: "default";
+    readonly fixed: "fixed";
+};
+export declare const expandDirections: {
+    readonly left: "left";
+    readonly right: "right";
+};
+export type Search = {
+    button?: Button;
+    clear: Button;
+    customErrorMessages?: Messages;
+    expandable?: {
+        close: Button;
+        direction?: ObjectValues<typeof expandDirections>;
+    };
+    helpIcon?: ReactElement;
+    helpText?: string;
+    inputSize?: ObjectValues<typeof inputSizes>;
+    isLabelVisible?: boolean;
+    label: string;
+    name: string;
+    onChangeFunc?: (arg: string) => void;
+    onClear?: () => void;
+    theme?: ObjectValues<typeof themes>;
+    variant?: ObjectValues<typeof variants>;
+} & InputHtmlProps;

package/react/search/search.types.js

@@ -0,0 +1,2 @@
+const t={floating:"floating",inline:"inline"},e={small:"small",large:"large"},n={default:"default",fixed:"fixed"},o={left:"left",right:"right"};export{o as expandDirections,e as inputSizes,t as themes,n as variants};
+//# sourceMappingURL=search.types.js.map

package/react/search/search.types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../react/search/search.types.ts"],
+  "sourcesContent": ["import type { ReactElement } from 'react';\nimport type { Button } from '../button/button.types';\nimport type { InputHtmlProps, ObjectValues } from '../types';\nimport type { Messages } from '../use-input-validation.types';\n\nexport const themes = {\n  floating: 'floating',\n  inline: 'inline',\n} as const;\n\nexport const inputSizes = {\n  small: 'small',\n  large: 'large',\n} as const;\n\nexport const variants = {\n  default: 'default',\n  fixed: 'fixed',\n} as const;\n\nexport const expandDirections = {\n  left: 'left',\n  right: 'right',\n} as const;\n\nexport type Search = {\n  button?: Button;\n  clear: Button;\n  customErrorMessages?: Messages;\n  expandable?: {\n    close: Button;\n    direction?: ObjectValues<typeof expandDirections>;\n  };\n  helpIcon?: ReactElement;\n  helpText?: string;\n  inputSize?: ObjectValues<typeof inputSizes>; //NOTE: This is not named `size` due to InputHTMLProps having a `size` attribute that will clash\n  isLabelVisible?: boolean;\n  label: string;\n  name: string;\n  onChangeFunc?: (arg: string) => void;\n  onClear?: () => void;\n  theme?: ObjectValues<typeof themes>;\n  variant?: ObjectValues<typeof variants>;\n} & InputHtmlProps;\n"],
+  "mappings": "AAKO,MAAMA,EAAS,CACpB,SAAU,WACV,OAAQ,QACV,EAEaC,EAAa,CACxB,MAAO,QACP,MAAO,OACT,EAEaC,EAAW,CACtB,QAAS,UACT,MAAO,OACT,EAEaC,EAAmB,CAC9B,KAAM,OACN,MAAO,OACT",
+  "names": ["themes", "inputSizes", "variants", "expandDirections"]
+}

package/react/select/index.js

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

package/react/select/index.js.map

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

package/react/select/select.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { labelPositions, Select as Props, variants } from './select.types';
+declare const SelectComponent: <OptionExtra>(props: Props<OptionExtra> & {
+    ref?: React.Ref<HTMLSelectElement>;
+}) => React.ReactElement;
+declare const Select: typeof SelectComponent & {
+    labelPositions: typeof labelPositions;
+    variants: typeof variants;
+};
+export default Select;

package/react/select/select.js

@@ -0,0 +1,2 @@
+var L=Object.defineProperty;var o=Object.getOwnPropertySymbols;var x=Object.prototype.hasOwnProperty,C=Object.prototype.propertyIsEnumerable;var g=(e,s,t)=>s in e?L(e,s,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[s]=t,v=(e,s)=>{for(var t in s||(s={}))x.call(s,t)&&g(e,t,s[t]);if(o)for(var t of o(s))C.call(s,t)&&g(e,t,s[t]);return e};var E=(e,s)=>{var t={};for(var a in e)x.call(e,a)&&s.indexOf(a)<0&&(t[a]=e[a]);if(e!=null&&o)for(var a of o(e))s.indexOf(a)<0&&C.call(e,a)&&(t[a]=e[a]);return t};import i from"classnames";import*as l from"react";import $ from"../use-input-validation";import j from"../select-option/select-option";import r from"../text";import A from"../icons/18/arrow-down";import{labelPositions as b,variants as f}from"./select.types";const w=l.forwardRef((W,T)=>{var N=W,{children:e,className:s,id:t,isLabelVisible:a=!0,label:c,labelPosition:I=b.stacked,name:y,onChange:O=()=>{},onChangeOption:P=()=>{},options:u=[],required:m,variant:h=f.large,wide:p}=N,_=E(N,["children","className","id","isLabelVisible","label","labelPosition","name","onChange","onChangeOption","options","required","variant","wide"]);const[k,z,d]=$(),H=n=>{O(n),P(u.find(({value:M})=>M===n.target.value)),k(n)},S=m?l.createElement("span",{className:"select__asterisk"},"*"):null;return l.createElement("div",{className:i("select",s,{"select--error":d})},l.createElement("div",{className:i(`select__content select__content--position-${I}`,{"select__content--wide":p})},a?l.createElement("label",{className:"select__label",htmlFor:t},c||e?l.createElement("div",{className:"select__label-text"},l.createElement(r,{size:h===f.small?r.sizes.small:r.sizes.basic,theme:r.themes.emphasis},c),S,e):m?S:null):null,l.createElement("div",{className:i("select__native-wrapper",{"select__native-wrapper--wide":p})},l.createElement("select",v({"aria-label":a?void 0:c,className:i(`select__select select__select--variant-${h}`,{"select__select--wide":p}),id:t,name:y,onChange:H,onInvalid:n=>{_.onInvalid&&_.onInvalid(n),z(n)},ref:T,required:m},_),u.map(n=>l.createElement(j,v({key:n.value},n)))),l.createElement("span",{className:"select__chevron"},l.createElement(A,null))),d?l.createElement("div",{"aria-hidden":"true",className:"select__error"},d):null))});w.displayName="Select";const D=w,F=Object.assign(D,{labelPositions:b,variants:f});var Y=F;export{Y as default};
+//# sourceMappingURL=select.js.map

package/react/select/select.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../react/select/select.tsx"],
+  "sourcesContent": ["import cn from 'classnames';\nimport * as React from 'react';\n\nimport useInputValidation from '../use-input-validation';\n\nimport Option from '../select-option/select-option';\nimport Text from '../text';\nimport SvgArrowDown from '../icons/18/arrow-down';\n\nimport { labelPositions, Select as Props, variants } from './select.types';\n\n// NOTE: `onChangeOption` works like `onChange` but returns the props for that option instead of an event object.\nconst RefSelect = React.forwardRef<\n  HTMLSelectElement,\n  React.PropsWithChildren<Props>\n>(\n  (\n    {\n      children,\n      className,\n      id,\n      isLabelVisible = true,\n      label,\n      labelPosition = labelPositions.stacked,\n      name,\n      onChange = () => {},\n      onChangeOption = () => {},\n      options = [],\n      required,\n      variant = variants.large,\n      wide,\n      ...restProps\n    },\n    ref,\n  ) => {\n    const [validationOnChange, onInvalid, error] = useInputValidation();\n\n    const onInputChange = (e: React.ChangeEvent<HTMLSelectElement>) => {\n      onChange(e);\n      onChangeOption(options.find(({ value }) => value === e.target.value));\n      validationOnChange(e);\n    };\n\n    const asterix = required ? (\n      <span className=\"select__asterisk\">*</span>\n    ) : null;\n\n    return (\n      <div className={cn('select', className, { 'select--error': error })}>\n        <div\n          className={cn(\n            `select__content select__content--position-${labelPosition}`,\n            { 'select__content--wide': wide },\n          )}\n        >\n          {isLabelVisible ? (\n            <label className=\"select__label\" htmlFor={id}>\n              {label || children ? (\n                <div className=\"select__label-text\">\n                  <Text\n                    size={\n                      variant === variants.small\n                        ? Text.sizes.small\n                        : Text.sizes.basic\n                    }\n                    theme={Text.themes.emphasis}\n                  >\n                    {label}\n                  </Text>\n                  {asterix}\n                  {children}\n                </div>\n              ) : required ? (\n                asterix\n              ) : null}\n            </label>\n          ) : null}\n          <div\n            className={cn('select__native-wrapper', {\n              'select__native-wrapper--wide': wide,\n            })}\n          >\n            <select\n              aria-label={isLabelVisible ? undefined : label}\n              className={cn(\n                `select__select select__select--variant-${variant}`,\n                {\n                  'select__select--wide': wide,\n                },\n              )}\n              id={id}\n              name={name}\n              onChange={onInputChange}\n              onInvalid={e => {\n                // NOTE: To not break compatibility\n                if (restProps.onInvalid) restProps.onInvalid(e);\n                onInvalid(e);\n              }}\n              ref={ref}\n              required={required}\n              {...restProps}\n            >\n              {options.map(option => (\n                <Option key={option.value} {...option} />\n              ))}\n            </select>\n            <span className=\"select__chevron\">\n              <SvgArrowDown />\n            </span>\n          </div>\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=\"select__error\">\n              {error}\n            </div>\n          ) : null}\n        </div>\n      </div>\n    );\n  },\n);\n\n// NOTE: If this isn't set, stack traces say \"forwardRef\" instead of \"Select\"\nRefSelect.displayName = 'Select';\n\n// NOTE: Since `React.forwardRef` props aren't generic, the component is cast so that generics work as intended. See https://stackoverflow.com/a/58473012\nconst SelectComponent = RefSelect as <OptionExtra>(\n  props: Props<OptionExtra> & {\n    ref?: React.Ref<HTMLSelectElement>;\n  },\n) => React.ReactElement;\n\nconst Select: typeof SelectComponent & {\n  labelPositions: typeof labelPositions;\n  variants: typeof variants;\n} = Object.assign(SelectComponent, { labelPositions, variants });\n\nexport default Select;\n"],
+  "mappings": "2fAAA,OAAOA,MAAQ,aACf,UAAYC,MAAW,QAEvB,OAAOC,MAAwB,0BAE/B,OAAOC,MAAY,iCACnB,OAAOC,MAAU,UACjB,OAAOC,MAAkB,yBAEzB,OAAS,kBAAAC,EAAiC,YAAAC,MAAgB,iBAG1D,MAAMC,EAAYP,EAAM,WAItB,CACEQ,EAgBAC,IACG,CAjBH,IAAAC,EAAAF,EACE,UAAAG,EACA,UAAAC,EACA,GAAAC,EACA,eAAAC,EAAiB,GACjB,MAAAC,EACA,cAAAC,EAAgBX,EAAe,QAC/B,KAAAY,EACA,SAAAC,EAAW,IAAM,CAAC,EAClB,eAAAC,EAAiB,IAAM,CAAC,EACxB,QAAAC,EAAU,CAAC,EACX,SAAAC,EACA,QAAAC,EAAUhB,EAAS,MACnB,KAAAiB,CA9BN,EAiBIb,EAcKc,EAAAC,EAdLf,EAcK,CAbH,WACA,YACA,KACA,iBACA,QACA,gBACA,OACA,WACA,iBACA,UACA,WACA,UACA,SAKF,KAAM,CAACgB,EAAoBC,EAAWC,CAAK,EAAI3B,EAAmB,EAE5D4B,EAAiBC,GAA4C,CACjEZ,EAASY,CAAC,EACVX,EAAeC,EAAQ,KAAK,CAAC,CAAE,MAAAW,CAAM,IAAMA,IAAUD,EAAE,OAAO,KAAK,CAAC,EACpEJ,EAAmBI,CAAC,CACtB,EAEME,EAAUX,EACdrB,EAAA,cAAC,QAAK,UAAU,oBAAmB,GAAC,EAClC,KAEJ,OACEA,EAAA,cAAC,OAAI,UAAWD,EAAG,SAAUa,EAAW,CAAE,gBAAiBgB,CAAM,CAAC,GAChE5B,EAAA,cAAC,OACC,UAAWD,EACT,6CAA6CiB,CAAa,GAC1D,CAAE,wBAAyBO,CAAK,CAClC,GAECT,EACCd,EAAA,cAAC,SAAM,UAAU,gBAAgB,QAASa,GACvCE,GAASJ,EACRX,EAAA,cAAC,OAAI,UAAU,sBACbA,EAAA,cAACG,EAAA,CACC,KACEmB,IAAYhB,EAAS,MACjBH,EAAK,MAAM,MACXA,EAAK,MAAM,MAEjB,MAAOA,EAAK,OAAO,UAElBY,CACH,EACCiB,EACArB,CACH,EACEU,EACFW,EACE,IACN,EACE,KACJhC,EAAA,cAAC,OACC,UAAWD,EAAG,yBAA0B,CACtC,+BAAgCwB,CAClC,CAAC,GAEDvB,EAAA,cAAC,SAAAiC,EAAA,CACC,aAAYnB,EAAiB,OAAYC,EACzC,UAAWhB,EACT,0CAA0CuB,CAAO,GACjD,CACE,uBAAwBC,CAC1B,CACF,EACA,GAAIV,EACJ,KAAMI,EACN,SAAUY,EACV,UAAWC,GAAK,CAEVN,EAAU,WAAWA,EAAU,UAAUM,CAAC,EAC9CH,EAAUG,CAAC,CACb,EACA,IAAKrB,EACL,SAAUY,GACNG,GAEHJ,EAAQ,IAAIc,GACXlC,EAAA,cAACE,EAAA+B,EAAA,CAAO,IAAKC,EAAO,OAAWA,EAAQ,CACxC,CACH,EACAlC,EAAA,cAAC,QAAK,UAAU,mBACdA,EAAA,cAACI,EAAA,IAAa,CAChB,CACF,EAGCwB,EACC5B,EAAA,cAAC,OAAI,cAAY,OAAO,UAAU,iBAC/B4B,CACH,EACE,IACN,CACF,CAEJ,CACF,EAGArB,EAAU,YAAc,SAGxB,MAAM4B,EAAkB5B,EAMlB6B,EAGF,OAAO,OAAOD,EAAiB,CAAE,eAAA9B,EAAgB,SAAAC,CAAS,CAAC,EAE/D,IAAO+B,EAAQD",
+  "names": ["cn", "React", "useInputValidation", "Option", "Text", "SvgArrowDown", "labelPositions", "variants", "RefSelect", "_a", "ref", "_b", "children", "className", "id", "isLabelVisible", "label", "labelPosition", "name", "onChange", "onChangeOption", "options", "required", "variant", "wide", "restProps", "__objRest", "validationOnChange", "onInvalid", "error", "onInputChange", "e", "value", "asterix", "__spreadValues", "option", "SelectComponent", "Select", "select_default"]
+}

package/react/select/select.types.d.ts

@@ -0,0 +1,21 @@
+import { ObjectValues, SelectHtmlProps } from '../types';
+import { SelectOption } from '../select-option/select-option.types';
+export declare const labelPositions: {
+    readonly inline: "inline";
+    readonly stacked: "stacked";
+};
+export declare const variants: {
+    readonly small: "small";
+    readonly large: "large";
+};
+export type Select<OptionExtra = any> = {
+    id: string;
+    isLabelVisible?: boolean;
+    label?: string;
+    labelPosition?: ObjectValues<typeof labelPositions>;
+    name: string;
+    onChangeOption?: (option?: SelectOption<OptionExtra>) => void;
+    options?: SelectOption<OptionExtra>[];
+    variant?: ObjectValues<typeof variants>;
+    wide?: boolean;
+} & SelectHtmlProps;

package/react/select/select.types.js

@@ -0,0 +1,2 @@
+const l={inline:"inline",stacked:"stacked"},a={small:"small",large:"large"};export{l as labelPositions,a as variants};
+//# sourceMappingURL=select.types.js.map

package/react/select/select.types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../react/select/select.types.ts"],
+  "sourcesContent": ["import { ObjectValues, SelectHtmlProps } from '../types';\n\nimport { SelectOption } from '../select-option/select-option.types';\n\nexport const labelPositions = {\n  inline: 'inline',\n  stacked: 'stacked',\n} as const;\n\nexport const variants = {\n  small: 'small',\n  large: 'large',\n} as const;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type Select<OptionExtra = any> = {\n  id: string;\n  isLabelVisible?: boolean;\n  label?: string;\n  labelPosition?: ObjectValues<typeof labelPositions>;\n  name: string;\n  onChangeOption?: (option?: SelectOption<OptionExtra>) => void;\n  options?: SelectOption<OptionExtra>[];\n  variant?: ObjectValues<typeof variants>;\n  wide?: boolean;\n} & SelectHtmlProps;\n"],
+  "mappings": "AAIO,MAAMA,EAAiB,CAC5B,OAAQ,SACR,QAAS,SACX,EAEaC,EAAW,CACtB,MAAO,QACP,MAAO,OACT",
+  "names": ["labelPositions", "variants"]
+}

package/react/select-option/index.js

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

package/react/select-option/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../react/select-option/index.ts"],
+  "sourcesContent": ["import SelectOption from './select-option';\nexport default SelectOption;\n"],
+  "mappings": "AAAA,OAAOA,MAAkB,kBACzB,IAAOC,EAAQD",
+  "names": ["SelectOption", "select_option_default"]
+}

package/react/select-option/{select-option.tsx → select-option.d.ts}

@@ -1,16 +1,5 @@
 import * as React from 'react';
-
 import { SelectOption as Props } from './select-option.types';
-
 /** This component is not intended to be used directly. It is used by `Select` internally */
-const SelectOption: React.FunctionComponent<Props> = ({
-  value,
-  text,
-  ...rest
-}) => (
-  <option value={value} {...rest}>
-    {text}
-  </option>
-);
-
+declare const SelectOption: React.FunctionComponent<Props>;
 export default SelectOption;

package/react/select-option/select-option.js

@@ -0,0 +1,2 @@
+var l=Object.defineProperty;var n=Object.getOwnPropertySymbols;var a=Object.prototype.hasOwnProperty,c=Object.prototype.propertyIsEnumerable;var r=(o,p,t)=>p in o?l(o,p,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[p]=t,m=(o,p)=>{for(var t in p||(p={}))a.call(p,t)&&r(o,t,p[t]);if(n)for(var t of n(p))c.call(p,t)&&r(o,t,p[t]);return o};var s=(o,p)=>{var t={};for(var e in o)a.call(o,e)&&p.indexOf(e)<0&&(t[e]=o[e]);if(o!=null&&n)for(var e of n(o))p.indexOf(e)<0&&c.call(o,e)&&(t[e]=o[e]);return t};import*as f from"react";const u=e=>{var i=e,{value:o,text:p}=i,t=s(i,["value","text"]);return f.createElement("option",m({value:o},t),p)};var d=u;export{d as default};
+//# sourceMappingURL=select-option.js.map

package/react/select-option/select-option.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../react/select-option/select-option.tsx"],
+  "sourcesContent": ["import * as React from 'react';\n\nimport { SelectOption as Props } from './select-option.types';\n\n/** This component is not intended to be used directly. It is used by `Select` internally */\nconst SelectOption: React.FunctionComponent<Props> = ({\n  value,\n  text,\n  ...rest\n}) => (\n  <option value={value} {...rest}>\n    {text}\n  </option>\n);\n\nexport default SelectOption;\n"],
+  "mappings": "2fAAA,UAAYA,MAAW,QAKvB,MAAMC,EAAgDC,GAInD,CAJmD,IAAAC,EAAAD,EACpD,OAAAE,EACA,KAAAC,CAPF,EAKsDF,EAGjDG,EAAAC,EAHiDJ,EAGjD,CAFH,QACA,SAGA,OAAAH,EAAA,cAAC,SAAAQ,EAAA,CAAO,MAAOJ,GAAWE,GACvBD,CACH,GAGF,IAAOI,EAAQR",
+  "names": ["React", "SelectOption", "_a", "_b", "value", "text", "rest", "__objRest", "__spreadValues", "select_option_default"]
+}

package/react/select-option/select-option.types.d.ts

@@ -0,0 +1,6 @@
+import { OptionHtmlProps } from '../types';
+export type SelectOption<Extra = any> = {
+    extra?: Extra;
+    value: string;
+    text: string;
+} & OptionHtmlProps;

package/react/select-option/select-option.types.js

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

package/react/select-option/select-option.types.js.map

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

package/react/tag/index.js

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

package/react/tag/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../react/tag/index.ts"],
+  "sourcesContent": ["import Tag from './tag';\nexport default Tag;\n"],
+  "mappings": "AAAA,OAAOA,MAAS,QAChB,IAAOC,EAAQD",
+  "names": ["Tag", "tag_default"]
+}

package/react/tag/tag.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { Tag as Props, variants, sizes } from './tag.types';
+declare const Tag: React.FunctionComponent<Props> & {
+    sizes: typeof sizes;
+    variants: typeof variants;
+};
+export default Tag;

package/react/tag/tag.js

@@ -0,0 +1,2 @@
+import p from"react";import n from"../text";import{variants as r,sizes as o}from"./tag.types";import f from"classnames";const t=({text:e,icon:a,border:i,size:m=o.m,variant:s=r.primary})=>p.createElement(n,{size:m,tight:!0,className:f("tag",`tag--variant-${s}`,{[`tag--variant-${s}-border`]:i})},a||null,e);t.sizes=o,t.variants=r;var T=t;export{T as default};
+//# sourceMappingURL=tag.js.map

package/react/tag/tag.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../react/tag/tag.tsx"],
+  "sourcesContent": ["import React from 'react';\n\nimport Text from '../text';\n\nimport { Tag as Props, variants, sizes } from './tag.types';\nimport classNames from 'classnames';\n\nconst Tag: React.FunctionComponent<Props> & {\n  sizes: typeof sizes;\n  variants: typeof variants;\n} = ({ text, icon, border, size = sizes.m, variant = variants.primary }) => (\n  <Text\n    size={size}\n    tight\n    className={classNames('tag', `tag--variant-${variant}`, {\n      [`tag--variant-${variant}-border`]: border,\n    })}\n  >\n    {icon ? icon : null}\n    {text}\n  </Text>\n);\n\nTag.sizes = sizes;\nTag.variants = variants;\nexport default Tag;\n"],
+  "mappings": "AAAA,OAAOA,MAAW,QAElB,OAAOC,MAAU,UAEjB,OAAuB,YAAAC,EAAU,SAAAC,MAAa,cAC9C,OAAOC,MAAgB,aAEvB,MAAMC,EAGF,CAAC,CAAE,KAAAC,EAAM,KAAAC,EAAM,OAAAC,EAAQ,KAAAC,EAAON,EAAM,EAAG,QAAAO,EAAUR,EAAS,OAAQ,IACpEF,EAAA,cAACC,EAAA,CACC,KAAMQ,EACN,MAAK,GACL,UAAWL,EAAW,MAAO,gBAAgBM,CAAO,GAAI,CACtD,CAAC,gBAAgBA,CAAO,SAAS,EAAGF,CACtC,CAAC,GAEAD,GAAc,KACdD,CACH,EAGFD,EAAI,MAAQF,EACZE,EAAI,SAAWH,EACf,IAAOS,EAAQN",
+  "names": ["React", "Text", "variants", "sizes", "classNames", "Tag", "text", "icon", "border", "size", "variant", "tag_default"]
+}

package/react/tag/tag.types.d.ts

@@ -0,0 +1,26 @@
+import { ObjectValues } from '../types';
+import { ReactElement } from 'react';
+export declare const sizes: {
+    readonly xs: "interface";
+    readonly s: "small";
+    readonly m: "basic";
+    readonly l: "large";
+};
+export declare const variants: {
+    readonly primary: "primary";
+    readonly secondary: "secondary";
+    readonly tertiary: "tertiary";
+    readonly positive: "positive";
+    readonly attention: "attention";
+    readonly negative: "negative";
+    readonly neutral: "neutral";
+    readonly information: "information";
+    readonly featured: "featured";
+};
+export type Tag = {
+    text: string;
+    border?: boolean;
+    size?: ObjectValues<typeof sizes>;
+    variant?: ObjectValues<typeof variants>;
+    icon?: ReactElement;
+};

package/react/tag/tag.types.js

@@ -0,0 +1,2 @@
+import{sizes as e}from"../text/text.types";const s={xs:e.interface,s:e.small,m:e.basic,l:e.large},n={primary:"primary",secondary:"secondary",tertiary:"tertiary",positive:"positive",attention:"attention",negative:"negative",neutral:"neutral",information:"information",featured:"featured"};export{s as sizes,n as variants};
+//# sourceMappingURL=tag.types.js.map

package/react/tag/tag.types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../react/tag/tag.types.ts"],
+  "sourcesContent": ["import { ObjectValues } from '../types';\nimport { sizes as TextSizes } from '../text/text.types';\nimport { ReactElement } from 'react';\n\nexport const sizes = {\n  xs: TextSizes.interface,\n  s: TextSizes.small,\n  m: TextSizes.basic,\n  l: TextSizes.large,\n} as const;\n\nexport const variants = {\n  primary: 'primary',\n  secondary: 'secondary',\n  tertiary: 'tertiary',\n  positive: 'positive',\n  attention: 'attention',\n  negative: 'negative',\n  neutral: 'neutral',\n  information: 'information',\n  featured: 'featured',\n} as const;\n\nexport type Tag = {\n  text: string;\n  border?: boolean;\n  size?: ObjectValues<typeof sizes>;\n  variant?: ObjectValues<typeof variants>;\n  icon?: ReactElement;\n};\n"],
+  "mappings": "AACA,OAAS,SAASA,MAAiB,qBAG5B,MAAMC,EAAQ,CACnB,GAAID,EAAU,UACd,EAAGA,EAAU,MACb,EAAGA,EAAU,MACb,EAAGA,EAAU,KACf,EAEaE,EAAW,CACtB,QAAS,UACT,UAAW,YACX,SAAU,WACV,SAAU,WACV,UAAW,YACX,SAAU,WACV,QAAS,UACT,YAAa,cACb,SAAU,UACZ",
+  "names": ["TextSizes", "sizes", "variants"]
+}

package/react/text/index.js

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

package/react/text/index.js.map

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

package/react/text/text.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { sizes, themes, Text as Props } from './text.types';
+declare const Text: React.FunctionComponent<React.PropsWithChildren<Props>> & {
+    sizes: typeof sizes;
+    themes: typeof themes;
+};
+export default Text;

package/react/text/text.js

@@ -0,0 +1,2 @@
+var P=Object.defineProperty;var i=Object.getOwnPropertySymbols;var x=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable;var f=(e,s,t)=>s in e?P(e,s,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[s]=t,h=(e,s)=>{for(var t in s||(s={}))x.call(s,t)&&f(e,t,s[t]);if(i)for(var t of i(s))d.call(s,t)&&f(e,t,s[t]);return e};var l=(e,s)=>{var t={};for(var o in e)x.call(e,o)&&s.indexOf(o)<0&&(t[o]=e[o]);if(e!=null&&i)for(var o of i(e))s.indexOf(o)<0&&d.call(e,o)&&(t[o]=e[o]);return t};import R from"classnames";import*as y from"react";import{sizes as r,themes as a}from"./text.types";const c=C=>{var p=C,{children:e,className:s,elementName:t="div",italic:o,size:m=r.basic,theme:n=a.normal,tight:u}=p,z=l(p,["children","className","elementName","italic","size","theme","tight"]);return y.createElement(t,h({className:R("text",{"text--italic":o,[`text--size-${m}`]:m?r[m]:void 0,[`text--theme-${n}`]:n?a[n]:void 0,"text--tight":u},s)},z),e)};c.sizes=r,c.themes=a;var v=c;export{v as default};
+//# sourceMappingURL=text.js.map

package/react/text/text.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../react/text/text.tsx"],
+  "sourcesContent": ["import cn from 'classnames';\nimport * as React from 'react';\n\nimport { sizes, themes, Text as Props } from './text.types';\n\nconst Text: React.FunctionComponent<React.PropsWithChildren<Props>> & {\n  sizes: typeof sizes;\n  themes: typeof themes;\n} = ({\n  children,\n  className,\n  elementName = 'div',\n  italic,\n  size = sizes.basic,\n  theme = themes.normal,\n  tight,\n  ...restProps\n}) =>\n  React.createElement(\n    elementName,\n    {\n      className: cn(\n        'text',\n        {\n          'text--italic': italic,\n          [`text--size-${size}`]: size ? sizes[size] : undefined,\n          [`text--theme-${theme}`]: theme ? themes[theme] : undefined,\n          'text--tight': tight,\n        },\n        className,\n      ),\n      ...restProps,\n    },\n    children,\n  );\n\nText.sizes = sizes;\nText.themes = themes;\n\nexport default Text;\n"],
+  "mappings": "2fAAA,OAAOA,MAAQ,aACf,UAAYC,MAAW,QAEvB,OAAS,SAAAC,EAAO,UAAAC,MAA6B,eAE7C,MAAMC,EAGDC,GASF,CATE,IAAAC,EAAAD,EACH,UAAAE,EACA,UAAAC,EACA,YAAAC,EAAc,MACd,OAAAC,EACA,KAAAC,EAAOT,EAAM,MACb,MAAAU,EAAQT,EAAO,OACf,MAAAU,CAfF,EAQKP,EAQAQ,EAAAC,EARAT,EAQA,CAPH,WACA,YACA,cACA,SACA,OACA,QACA,UAGA,OAAAL,EAAM,cACJQ,EACAO,EAAA,CACE,UAAWhB,EACT,OACA,CACE,eAAgBU,EAChB,CAAC,cAAcC,CAAI,EAAE,EAAGA,EAAOT,EAAMS,CAAI,EAAI,OAC7C,CAAC,eAAeC,CAAK,EAAE,EAAGA,EAAQT,EAAOS,CAAK,EAAI,OAClD,cAAeC,CACjB,EACAL,CACF,GACGM,GAELP,CACF,GAEFH,EAAK,MAAQF,EACbE,EAAK,OAASD,EAEd,IAAOc,EAAQb",
+  "names": ["cn", "React", "sizes", "themes", "Text", "_a", "_b", "children", "className", "elementName", "italic", "size", "theme", "tight", "restProps", "__objRest", "__spreadValues", "text_default"]
+}

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

@@ -0,0 +1,27 @@
+import { ObjectValues } from '../types';
+export declare const sizes: {
+    readonly headline1: "headline1";
+    readonly headline2: "headline2";
+    readonly headline3: "headline3";
+    readonly large: "large";
+    readonly basic: "basic";
+    readonly small: "small";
+    readonly interface: "interface";
+    readonly button: "button";
+    readonly section: "section";
+};
+export declare const themes: {
+    readonly normal: "normal";
+    readonly emphasis: "emphasis";
+    readonly headline: "headline";
+};
+export type Text = {
+    className?: string;
+    elementName?: string;
+    italic?: boolean;
+    size?: ObjectValues<typeof sizes>;
+    theme?: ObjectValues<typeof themes>;
+    tight?: boolean;
+} & {
+    [key: string]: unknown;
+};

package/react/text/text.types.js

@@ -0,0 +1,2 @@
+const a={headline1:"headline1",headline2:"headline2",headline3:"headline3",large:"large",basic:"basic",small:"small",interface:"interface",button:"button",section:"section"},s={normal:"normal",emphasis:"emphasis",headline:"headline"};export{a as sizes,s as themes};
+//# sourceMappingURL=text.types.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../react/text/text.types.ts"],
+  "sourcesContent": ["import { ObjectValues } from '../types';\n\nexport const sizes = {\n  headline1: 'headline1',\n  headline2: 'headline2',\n  headline3: 'headline3',\n  large: 'large',\n  basic: 'basic',\n  small: 'small',\n  interface: 'interface',\n  button: 'button',\n  section: 'section',\n} as const;\n\nexport const themes = {\n  normal: 'normal',\n  emphasis: 'emphasis',\n  headline: 'headline',\n} as const;\n\n// NOTE: The type of the rest spread properties is generic because `elementName` can be _any_ HTML element which we can't type the props for\nexport type Text = {\n  className?: string;\n  elementName?: string;\n  italic?: boolean;\n  size?: ObjectValues<typeof sizes>;\n  theme?: ObjectValues<typeof themes>;\n  tight?: boolean;\n} & { [key: string]: unknown };\n"],
+  "mappings": "AAEO,MAAMA,EAAQ,CACnB,UAAW,YACX,UAAW,YACX,UAAW,YACX,MAAO,QACP,MAAO,QACP,MAAO,QACP,UAAW,YACX,OAAQ,SACR,QAAS,SACX,EAEaC,EAAS,CACpB,OAAQ,SACR,SAAU,WACV,SAAU,UACZ",
+  "names": ["sizes", "themes"]
+}

package/react/text-area/index.js

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../react/text-area/index.ts"],
+  "sourcesContent": ["import TextArea from './text-area';\nexport default TextArea;\n"],
+  "mappings": "AAAA,OAAOA,MAAc,cACrB,IAAOC,EAAQD",
+  "names": ["TextArea", "text_area_default"]
+}

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

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { themes, sizes } from './text-area.types';
+declare const RefTextArea: React.ForwardRefExoticComponent<{
+    helpText?: string;
+    label: string;
+    theme?: import("../types").ObjectValues<typeof themes>;
+    size?: import("../types").ObjectValues<typeof sizes>;
+    isLabelVisible?: boolean;
+    helpIcon?: React.ReactElement;
+    isShort?: boolean;
+    name: string;
+    defaultValue?: string;
+} & import("../types").TextAreaHtmlProps & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLTextAreaElement>>;
+declare const TextArea: typeof RefTextArea & {
+    themes: typeof themes;
+    sizes: typeof sizes;
+};
+export default TextArea;

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