@veeqo/ui 10.0.0-beta.3 → 10.0.0-beta.5

package/dist/components/DimensionsInput/DimensionsInput.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DimensionsInput.cjs","sources":["../../../src/components/DimensionsInput/DimensionsInput.tsx"],"sourcesContent":["import React from 'react';\nimport { withLabels } from '../../hoc';\n\nimport { InputGroup } from '../InputGroup';\n\nimport { Container, Row, TextField } from './styled';\n\nimport { DimensionsProps } from './types';\nimport { CrossIcon } from '../../tempIcons/CrossIcon';\nimport { theme } from '../../theme';\nimport { blockInvalidCharacters } from '../../utils/blockInvalidCharacters';\nimport { invalidCharsList } from '../../utils/invalidCharactersNumeric';\nimport { InputAffix } from '../InputAffix';\n\nconst blockInvalidChars = (e: React.KeyboardEvent) => blockInvalidCharacters(e, invalidCharsList);\n\nexport const DimensionsInput = withLabels<DimensionsProps>(\n  ({\n    size = 'base',\n    handleChangeHeight,\n    handleChangeWidth,\n    handleChangeLength,\n    className,\n    height,\n    width,\n    length,\n    unit = 'cm',\n    hasError,\n    ...rest\n  }) => {\n    const compact = size === 'sm';\n\n    return (\n      <Container className={className} role=\"group\" aria-label=\"Dimensions\">\n        <Row>\n          <TextField\n            name=\"length\"\n            type=\"number\"\n            value={length}\n            aria-label=\"Length\"\n            aria-describedby=\"dimensions-unit\"\n            min=\"0\"\n            step=\"any\"\n            onChange={handleChangeLength}\n            onKeyDown={blockInvalidChars}\n            size={size}\n            placeholder=\"L\"\n            hasError={hasError}\n            {...rest}\n          />\n          <CrossIcon height={theme.sizes.base} width={theme.sizes.base} role=\"presentation\" />\n          <TextField\n            name=\"width\"\n            type=\"number\"\n            value={width}\n            aria-label=\"Width\"\n            aria-describedby=\"dimensions-unit\"\n            min=\"0\"\n            step=\"any\"\n            onChange={handleChangeWidth}\n            onKeyDown={blockInvalidChars}\n            size={size}\n            placeholder=\"W\"\n            hasError={hasError}\n            {...rest}\n          />\n          <CrossIcon height={theme.sizes.base} width={theme.sizes.base} role=\"presentation\" />\n          <InputGroup hasError={hasError} compact={compact}>\n            <TextField\n              name=\"height\"\n              type=\"number\"\n              value={height}\n              aria-label=\"Height\"\n              aria-describedby=\"dimensions-unit\"\n              min=\"0\"\n              step=\"any\"\n              onChange={handleChangeHeight}\n              onKeyDown={blockInvalidChars}\n              size={size}\n              placeholder=\"H\"\n              hasError={hasError}\n              {...rest}\n            />\n            <InputAffix compact={compact} hasError={hasError} id=\"dimensions-unit\">\n              {unit}\n            </InputAffix>\n          </InputGroup>\n        </Row>\n      </Container>\n    );\n  },\n);\n\nDimensionsInput.displayName = 'DimensionsInput';\n"],"names":["blockInvalidCharacters","invalidCharsList","withLabels","React","Container","Row","TextField","CrossIcon","theme","InputGroup","InputAffix"],"mappings":";;;;;;;;;;;;;;;;AAcA,MAAM,iBAAiB,GAAG,CAAC,CAAsB,KAAKA,6CAAsB,CAAC,CAAC,EAAEC,yCAAgB,CAAC;AAEpF,MAAA,eAAe,GAAGC,qBAAU,CACvC,CAAC,EACC,IAAI,GAAG,MAAM,EACb,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,SAAS,EACT,MAAM,EACN,KAAK,EACL,MAAM,EACN,IAAI,GAAG,IAAI,EACX,QAAQ,EACR,GAAG,IAAI,EACR,KAAI;AACH,IAAA,MAAM,OAAO,GAAG,IAAI,KAAK,IAAI;AAE7B,IAAA,QACEC,sBAAA,CAAA,aAAA,CAACC,gBAAS,EAAA,EAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAC,OAAO,EAAA,YAAA,EAAY,YAAY,EAAA;AACnE,QAAAD,sBAAA,CAAA,aAAA,CAACE,UAAG,EAAA,IAAA;YACFF,sBAAC,CAAA,aAAA,CAAAG,gBAAS,IACR,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,MAAM,gBACF,QAAQ,EAAA,kBAAA,EACF,iBAAiB,EAClC,GAAG,EAAC,GAAG,EACP,IAAI,EAAC,KAAK,EACV,QAAQ,EAAE,kBAAkB,EAC5B,SAAS,EAAE,iBAAiB,EAC5B,IAAI,EAAE,IAAI,EACV,WAAW,EAAC,GAAG,EACf,QAAQ,EAAE,QAAQ,EACd,GAAA,IAAI,EACR,CAAA;YACFH,sBAAC,CAAA,aAAA,CAAAI,mBAAS,IAAC,MAAM,EAAEC,WAAK,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAEA,WAAK,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,EAAC,cAAc,EAAG,CAAA;YACpFL,sBAAC,CAAA,aAAA,CAAAG,gBAAS,IACR,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,KAAK,gBACD,OAAO,EAAA,kBAAA,EACD,iBAAiB,EAClC,GAAG,EAAC,GAAG,EACP,IAAI,EAAC,KAAK,EACV,QAAQ,EAAE,iBAAiB,EAC3B,SAAS,EAAE,iBAAiB,EAC5B,IAAI,EAAE,IAAI,EACV,WAAW,EAAC,GAAG,EACf,QAAQ,EAAE,QAAQ,EACd,GAAA,IAAI,EACR,CAAA;YACFH,sBAAC,CAAA,aAAA,CAAAI,mBAAS,IAAC,MAAM,EAAEC,WAAK,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAEA,WAAK,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,EAAC,cAAc,EAAG,CAAA;YACpFL,sBAAC,CAAA,aAAA,CAAAM,kBAAU,IAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAA;gBAC9CN,sBAAC,CAAA,aAAA,CAAAG,gBAAS,IACR,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,MAAM,gBACF,QAAQ,EAAA,kBAAA,EACF,iBAAiB,EAClC,GAAG,EAAC,GAAG,EACP,IAAI,EAAC,KAAK,EACV,QAAQ,EAAE,kBAAkB,EAC5B,SAAS,EAAE,iBAAiB,EAC5B,IAAI,EAAE,IAAI,EACV,WAAW,EAAC,GAAG,EACf,QAAQ,EAAE,QAAQ,EACd,GAAA,IAAI,EACR,CAAA;gBACFH,sBAAC,CAAA,aAAA,CAAAO,qBAAU,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAC,iBAAiB,IACnE,IAAI,CACM,CACF,CACT,CACI;AAEhB,CAAC;AAGH,eAAe,CAAC,WAAW,GAAG,iBAAiB;;;;"}
+{"version":3,"file":"DimensionsInput.cjs","sources":["../../../src/components/DimensionsInput/DimensionsInput.tsx"],"sourcesContent":["import React from 'react';\n\nimport { withLabels } from '../../hoc';\nimport { invalidCharsList } from '../../utils/invalidCharactersNumeric';\nimport { blockInvalidCharacters } from '../../utils/blockInvalidCharacters';\n\nimport { InputAffix, InputAffixProps } from '../InputAffix';\nimport { TextField, TextFieldProps } from '../TextField';\nimport { Stack } from '../Stack';\nimport { InputGroup, InputGroupProps } from '../InputGroup';\n\nimport { DimensionsProps } from './types';\n\ntype ChildComponentProps = {\n  inputGroup: Partial<InputGroupProps>;\n  textField: Partial<TextFieldProps>;\n  inputAffix: Partial<InputAffixProps>;\n};\n\nconst blockInvalidChars = (e: React.KeyboardEvent) => blockInvalidCharacters(e, invalidCharsList);\n\nconst styles = {\n  inputGroup: {\n    flex: 1,\n  },\n  textField: {\n    flex: 1,\n  },\n};\n\nexport const DimensionsInput = withLabels<DimensionsProps>(\n  ({\n    size = 'base',\n    handleChangeHeight,\n    handleChangeWidth,\n    handleChangeLength,\n    className,\n    height,\n    width,\n    length,\n    unit = 'cm',\n    hasError,\n    ...rest\n  }) => {\n    const compact = size === 'sm';\n\n    const childProps: ChildComponentProps = {\n      inputGroup: {\n        hasError,\n        compact,\n        style: styles.inputGroup,\n      },\n      textField: {\n        type: 'number',\n        min: '0',\n        step: 'any',\n        onKeyDown: blockInvalidChars,\n        size,\n        hasError,\n        style: styles.textField,\n        ...rest,\n      },\n      inputAffix: {\n        compact,\n        hasError,\n      },\n    };\n\n    return (\n      <Stack direction=\"horizontal\" alignY=\"center\" className={className}>\n        <InputGroup {...childProps.inputGroup} style={{ flex: 1 }}>\n          <InputAffix {...childProps.inputAffix}>L</InputAffix>\n          <TextField\n            {...childProps.textField}\n            name=\"length\"\n            value={length}\n            aria-label=\"Length\"\n            aria-describedby=\"length-unit\"\n            onChange={handleChangeLength}\n            placeholder=\"0\"\n          />\n          <InputAffix id=\"length-unit\" {...childProps.inputAffix}>\n            {unit}\n          </InputAffix>\n        </InputGroup>\n        <InputGroup {...childProps.inputGroup} style={{ flex: 1 }}>\n          <InputAffix {...childProps.inputAffix}>W</InputAffix>\n          <TextField\n            {...childProps.textField}\n            name=\"width\"\n            value={width}\n            aria-label=\"Width\"\n            aria-describedby=\"width-unit\"\n            onChange={handleChangeWidth}\n            placeholder=\"0\"\n          />\n          <InputAffix id=\"width-unit\" {...childProps.inputAffix}>\n            {unit}\n          </InputAffix>\n        </InputGroup>\n        <InputGroup {...childProps.inputGroup} style={{ flex: 1 }}>\n          <InputAffix {...childProps.inputAffix}>H</InputAffix>\n          <TextField\n            {...childProps.textField}\n            name=\"height\"\n            value={height}\n            aria-label=\"Height\"\n            aria-describedby=\"height-unit\"\n            onChange={handleChangeHeight}\n            placeholder=\"0\"\n          />\n          <InputAffix id=\"height-unit\" {...childProps.inputAffix}>\n            {unit}\n          </InputAffix>\n        </InputGroup>\n      </Stack>\n    );\n  },\n);\n\nDimensionsInput.displayName = 'DimensionsInput';\n"],"names":["blockInvalidCharacters","invalidCharsList","withLabels","React","Stack","InputGroup","InputAffix","TextField"],"mappings":"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"}

package/dist/components/DimensionsInput/DimensionsInput.d.ts

@@ -295,10 +295,10 @@ export declare const DimensionsInput: React.FC<{
     wrap?: string | undefined;
 } & {
     value?: string | undefined;
-    type?: import("../TextField/types").TextFieldType | undefined;
+    type?: import("../TextField").TextFieldType | undefined;
     onChange?: ((value: string) => void) | undefined;
     hasError?: boolean | undefined;
-    size?: import("../types").ComponentSize | undefined;
+    size?: "base" | "sm" | undefined;
     multiline?: boolean | undefined;
 } & {
     handleChangeHeight: (value: string) => void;

package/dist/components/DimensionsInput/DimensionsInput.js

@@ -1,25 +1,58 @@
 import React__default from 'react';
 import { withLabels } from '../../hoc/withLabels/withLabels.js';
-import { InputGroup } from '../InputGroup/index.js';
-import { Container, Row, TextField as StyledTextField } from './styled.js';
-import { CrossIcon } from '../../tempIcons/CrossIcon.js';
-import { theme } from '../../theme/index.js';
-import { blockInvalidCharacters } from '../../utils/blockInvalidCharacters.js';
 import { invalidCharsList } from '../../utils/invalidCharactersNumeric.js';
+import { blockInvalidCharacters } from '../../utils/blockInvalidCharacters.js';
 import { InputAffix } from '../InputAffix/InputAffix.js';
+import { TextField } from '../TextField/index.js';
+import { Stack } from '../Stack/Stack.js';
+import '../Stack/types.js';
+import { InputGroup } from '../InputGroup/index.js';
 
 const blockInvalidChars = (e) => blockInvalidCharacters(e, invalidCharsList);
+const styles = {
+    inputGroup: {
+        flex: 1,
+    },
+    textField: {
+        flex: 1,
+    },
+};
 const DimensionsInput = withLabels(({ size = 'base', handleChangeHeight, handleChangeWidth, handleChangeLength, className, height, width, length, unit = 'cm', hasError, ...rest }) => {
     const compact = size === 'sm';
-    return (React__default.createElement(Container, { className: className, role: "group", "aria-label": "Dimensions" },
-        React__default.createElement(Row, null,
-            React__default.createElement(StyledTextField, { name: "length", type: "number", value: length, "aria-label": "Length", "aria-describedby": "dimensions-unit", min: "0", step: "any", onChange: handleChangeLength, onKeyDown: blockInvalidChars, size: size, placeholder: "L", hasError: hasError, ...rest }),
-            React__default.createElement(CrossIcon, { height: theme.sizes.base, width: theme.sizes.base, role: "presentation" }),
-            React__default.createElement(StyledTextField, { name: "width", type: "number", value: width, "aria-label": "Width", "aria-describedby": "dimensions-unit", min: "0", step: "any", onChange: handleChangeWidth, onKeyDown: blockInvalidChars, size: size, placeholder: "W", hasError: hasError, ...rest }),
-            React__default.createElement(CrossIcon, { height: theme.sizes.base, width: theme.sizes.base, role: "presentation" }),
-            React__default.createElement(InputGroup, { hasError: hasError, compact: compact },
-                React__default.createElement(StyledTextField, { name: "height", type: "number", value: height, "aria-label": "Height", "aria-describedby": "dimensions-unit", min: "0", step: "any", onChange: handleChangeHeight, onKeyDown: blockInvalidChars, size: size, placeholder: "H", hasError: hasError, ...rest }),
-                React__default.createElement(InputAffix, { compact: compact, hasError: hasError, id: "dimensions-unit" }, unit)))));
+    const childProps = {
+        inputGroup: {
+            hasError,
+            compact,
+            style: styles.inputGroup,
+        },
+        textField: {
+            type: 'number',
+            min: '0',
+            step: 'any',
+            onKeyDown: blockInvalidChars,
+            size,
+            hasError,
+            style: styles.textField,
+            ...rest,
+        },
+        inputAffix: {
+            compact,
+            hasError,
+        },
+    };
+    return (React__default.createElement(Stack, { direction: "horizontal", alignY: "center", className: className },
+        React__default.createElement(InputGroup, { ...childProps.inputGroup, style: { flex: 1 } },
+            React__default.createElement(InputAffix, { ...childProps.inputAffix }, "L"),
+            React__default.createElement(TextField, { ...childProps.textField, name: "length", value: length, "aria-label": "Length", "aria-describedby": "length-unit", onChange: handleChangeLength, placeholder: "0" }),
+            React__default.createElement(InputAffix, { id: "length-unit", ...childProps.inputAffix }, unit)),
+        React__default.createElement(InputGroup, { ...childProps.inputGroup, style: { flex: 1 } },
+            React__default.createElement(InputAffix, { ...childProps.inputAffix }, "W"),
+            React__default.createElement(TextField, { ...childProps.textField, name: "width", value: width, "aria-label": "Width", "aria-describedby": "width-unit", onChange: handleChangeWidth, placeholder: "0" }),
+            React__default.createElement(InputAffix, { id: "width-unit", ...childProps.inputAffix }, unit)),
+        React__default.createElement(InputGroup, { ...childProps.inputGroup, style: { flex: 1 } },
+            React__default.createElement(InputAffix, { ...childProps.inputAffix }, "H"),
+            React__default.createElement(TextField, { ...childProps.textField, name: "height", value: height, "aria-label": "Height", "aria-describedby": "height-unit", onChange: handleChangeHeight, placeholder: "0" }),
+            React__default.createElement(InputAffix, { id: "height-unit", ...childProps.inputAffix }, unit))));
 });
 DimensionsInput.displayName = 'DimensionsInput';
 

package/dist/components/DimensionsInput/DimensionsInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"DimensionsInput.js","sources":["../../../src/components/DimensionsInput/DimensionsInput.tsx"],"sourcesContent":["import React from 'react';\nimport { withLabels } from '../../hoc';\n\nimport { InputGroup } from '../InputGroup';\n\nimport { Container, Row, TextField } from './styled';\n\nimport { DimensionsProps } from './types';\nimport { CrossIcon } from '../../tempIcons/CrossIcon';\nimport { theme } from '../../theme';\nimport { blockInvalidCharacters } from '../../utils/blockInvalidCharacters';\nimport { invalidCharsList } from '../../utils/invalidCharactersNumeric';\nimport { InputAffix } from '../InputAffix';\n\nconst blockInvalidChars = (e: React.KeyboardEvent) => blockInvalidCharacters(e, invalidCharsList);\n\nexport const DimensionsInput = withLabels<DimensionsProps>(\n  ({\n    size = 'base',\n    handleChangeHeight,\n    handleChangeWidth,\n    handleChangeLength,\n    className,\n    height,\n    width,\n    length,\n    unit = 'cm',\n    hasError,\n    ...rest\n  }) => {\n    const compact = size === 'sm';\n\n    return (\n      <Container className={className} role=\"group\" aria-label=\"Dimensions\">\n        <Row>\n          <TextField\n            name=\"length\"\n            type=\"number\"\n            value={length}\n            aria-label=\"Length\"\n            aria-describedby=\"dimensions-unit\"\n            min=\"0\"\n            step=\"any\"\n            onChange={handleChangeLength}\n            onKeyDown={blockInvalidChars}\n            size={size}\n            placeholder=\"L\"\n            hasError={hasError}\n            {...rest}\n          />\n          <CrossIcon height={theme.sizes.base} width={theme.sizes.base} role=\"presentation\" />\n          <TextField\n            name=\"width\"\n            type=\"number\"\n            value={width}\n            aria-label=\"Width\"\n            aria-describedby=\"dimensions-unit\"\n            min=\"0\"\n            step=\"any\"\n            onChange={handleChangeWidth}\n            onKeyDown={blockInvalidChars}\n            size={size}\n            placeholder=\"W\"\n            hasError={hasError}\n            {...rest}\n          />\n          <CrossIcon height={theme.sizes.base} width={theme.sizes.base} role=\"presentation\" />\n          <InputGroup hasError={hasError} compact={compact}>\n            <TextField\n              name=\"height\"\n              type=\"number\"\n              value={height}\n              aria-label=\"Height\"\n              aria-describedby=\"dimensions-unit\"\n              min=\"0\"\n              step=\"any\"\n              onChange={handleChangeHeight}\n              onKeyDown={blockInvalidChars}\n              size={size}\n              placeholder=\"H\"\n              hasError={hasError}\n              {...rest}\n            />\n            <InputAffix compact={compact} hasError={hasError} id=\"dimensions-unit\">\n              {unit}\n            </InputAffix>\n          </InputGroup>\n        </Row>\n      </Container>\n    );\n  },\n);\n\nDimensionsInput.displayName = 'DimensionsInput';\n"],"names":["React","TextField"],"mappings":";;;;;;;;;;AAcA,MAAM,iBAAiB,GAAG,CAAC,CAAsB,KAAK,sBAAsB,CAAC,CAAC,EAAE,gBAAgB,CAAC;AAEpF,MAAA,eAAe,GAAG,UAAU,CACvC,CAAC,EACC,IAAI,GAAG,MAAM,EACb,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,SAAS,EACT,MAAM,EACN,KAAK,EACL,MAAM,EACN,IAAI,GAAG,IAAI,EACX,QAAQ,EACR,GAAG,IAAI,EACR,KAAI;AACH,IAAA,MAAM,OAAO,GAAG,IAAI,KAAK,IAAI;AAE7B,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAC,OAAO,EAAA,YAAA,EAAY,YAAY,EAAA;AACnE,QAAAA,cAAA,CAAA,aAAA,CAAC,GAAG,EAAA,IAAA;YACFA,cAAC,CAAA,aAAA,CAAAC,eAAS,IACR,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,MAAM,gBACF,QAAQ,EAAA,kBAAA,EACF,iBAAiB,EAClC,GAAG,EAAC,GAAG,EACP,IAAI,EAAC,KAAK,EACV,QAAQ,EAAE,kBAAkB,EAC5B,SAAS,EAAE,iBAAiB,EAC5B,IAAI,EAAE,IAAI,EACV,WAAW,EAAC,GAAG,EACf,QAAQ,EAAE,QAAQ,EACd,GAAA,IAAI,EACR,CAAA;YACFD,cAAC,CAAA,aAAA,CAAA,SAAS,IAAC,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,EAAC,cAAc,EAAG,CAAA;YACpFA,cAAC,CAAA,aAAA,CAAAC,eAAS,IACR,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,KAAK,gBACD,OAAO,EAAA,kBAAA,EACD,iBAAiB,EAClC,GAAG,EAAC,GAAG,EACP,IAAI,EAAC,KAAK,EACV,QAAQ,EAAE,iBAAiB,EAC3B,SAAS,EAAE,iBAAiB,EAC5B,IAAI,EAAE,IAAI,EACV,WAAW,EAAC,GAAG,EACf,QAAQ,EAAE,QAAQ,EACd,GAAA,IAAI,EACR,CAAA;YACFD,cAAC,CAAA,aAAA,CAAA,SAAS,IAAC,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,EAAC,cAAc,EAAG,CAAA;YACpFA,cAAC,CAAA,aAAA,CAAA,UAAU,IAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAA;gBAC9CA,cAAC,CAAA,aAAA,CAAAC,eAAS,IACR,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,MAAM,gBACF,QAAQ,EAAA,kBAAA,EACF,iBAAiB,EAClC,GAAG,EAAC,GAAG,EACP,IAAI,EAAC,KAAK,EACV,QAAQ,EAAE,kBAAkB,EAC5B,SAAS,EAAE,iBAAiB,EAC5B,IAAI,EAAE,IAAI,EACV,WAAW,EAAC,GAAG,EACf,QAAQ,EAAE,QAAQ,EACd,GAAA,IAAI,EACR,CAAA;gBACFD,cAAC,CAAA,aAAA,CAAA,UAAU,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAC,iBAAiB,IACnE,IAAI,CACM,CACF,CACT,CACI;AAEhB,CAAC;AAGH,eAAe,CAAC,WAAW,GAAG,iBAAiB;;;;"}
+{"version":3,"file":"DimensionsInput.js","sources":["../../../src/components/DimensionsInput/DimensionsInput.tsx"],"sourcesContent":["import React from 'react';\n\nimport { withLabels } from '../../hoc';\nimport { invalidCharsList } from '../../utils/invalidCharactersNumeric';\nimport { blockInvalidCharacters } from '../../utils/blockInvalidCharacters';\n\nimport { InputAffix, InputAffixProps } from '../InputAffix';\nimport { TextField, TextFieldProps } from '../TextField';\nimport { Stack } from '../Stack';\nimport { InputGroup, InputGroupProps } from '../InputGroup';\n\nimport { DimensionsProps } from './types';\n\ntype ChildComponentProps = {\n  inputGroup: Partial<InputGroupProps>;\n  textField: Partial<TextFieldProps>;\n  inputAffix: Partial<InputAffixProps>;\n};\n\nconst blockInvalidChars = (e: React.KeyboardEvent) => blockInvalidCharacters(e, invalidCharsList);\n\nconst styles = {\n  inputGroup: {\n    flex: 1,\n  },\n  textField: {\n    flex: 1,\n  },\n};\n\nexport const DimensionsInput = withLabels<DimensionsProps>(\n  ({\n    size = 'base',\n    handleChangeHeight,\n    handleChangeWidth,\n    handleChangeLength,\n    className,\n    height,\n    width,\n    length,\n    unit = 'cm',\n    hasError,\n    ...rest\n  }) => {\n    const compact = size === 'sm';\n\n    const childProps: ChildComponentProps = {\n      inputGroup: {\n        hasError,\n        compact,\n        style: styles.inputGroup,\n      },\n      textField: {\n        type: 'number',\n        min: '0',\n        step: 'any',\n        onKeyDown: blockInvalidChars,\n        size,\n        hasError,\n        style: styles.textField,\n        ...rest,\n      },\n      inputAffix: {\n        compact,\n        hasError,\n      },\n    };\n\n    return (\n      <Stack direction=\"horizontal\" alignY=\"center\" className={className}>\n        <InputGroup {...childProps.inputGroup} style={{ flex: 1 }}>\n          <InputAffix {...childProps.inputAffix}>L</InputAffix>\n          <TextField\n            {...childProps.textField}\n            name=\"length\"\n            value={length}\n            aria-label=\"Length\"\n            aria-describedby=\"length-unit\"\n            onChange={handleChangeLength}\n            placeholder=\"0\"\n          />\n          <InputAffix id=\"length-unit\" {...childProps.inputAffix}>\n            {unit}\n          </InputAffix>\n        </InputGroup>\n        <InputGroup {...childProps.inputGroup} style={{ flex: 1 }}>\n          <InputAffix {...childProps.inputAffix}>W</InputAffix>\n          <TextField\n            {...childProps.textField}\n            name=\"width\"\n            value={width}\n            aria-label=\"Width\"\n            aria-describedby=\"width-unit\"\n            onChange={handleChangeWidth}\n            placeholder=\"0\"\n          />\n          <InputAffix id=\"width-unit\" {...childProps.inputAffix}>\n            {unit}\n          </InputAffix>\n        </InputGroup>\n        <InputGroup {...childProps.inputGroup} style={{ flex: 1 }}>\n          <InputAffix {...childProps.inputAffix}>H</InputAffix>\n          <TextField\n            {...childProps.textField}\n            name=\"height\"\n            value={height}\n            aria-label=\"Height\"\n            aria-describedby=\"height-unit\"\n            onChange={handleChangeHeight}\n            placeholder=\"0\"\n          />\n          <InputAffix id=\"height-unit\" {...childProps.inputAffix}>\n            {unit}\n          </InputAffix>\n        </InputGroup>\n      </Stack>\n    );\n  },\n);\n\nDimensionsInput.displayName = 'DimensionsInput';\n"],"names":["React"],"mappings":"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"}

package/dist/components/Dropdown/styled.cjs

@@ -9,7 +9,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
 
-const DropdownContainer = styled__default.default(framerMotion.motion(Card.Card.Surface)).withConfig({ displayName: "vui--DropdownContainer", componentId: "vui--a1pzsa" }) `display:inline-flex;flex-direction:column;overflow:hidden;background-color:white;box-shadow:1px 4px 15px ${index.theme.colors.neutral.grey.base};border-radius:${index.theme.radius.base};padding:${index.theme.sizes.base};`;
+const DropdownContainer = styled__default.default(framerMotion.motion(Card.Card.Surface)).withConfig({ displayName: "vui--DropdownContainer", componentId: "vui--a1pzsa" }) `display:inline-flex;flex-direction:column;overflow:hidden;background-color:white;box-shadow:${index.theme.shadows.md};border-radius:${index.theme.radius.base};padding:${index.theme.sizes.base};`;
 
 exports.DropdownContainer = DropdownContainer;
 //# sourceMappingURL=styled.cjs.map

package/dist/components/Dropdown/styled.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/Dropdown/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { motion } from 'framer-motion';\nimport { theme } from '../../theme';\nimport { Card } from '../Card';\n\nexport const DropdownContainer = styled(motion(Card.Surface))`\n  display: inline-flex;\n  flex-direction: column;\n  overflow: hidden;\n\n  background-color: white;\n  box-shadow: 1px 4px 15px ${theme.colors.neutral.grey.base};\n  border-radius: ${theme.radius.base};\n  padding: ${theme.sizes.base};\n`;\n"],"names":["styled","motion","Card","theme"],"mappings":";;;;;;;;;;;AAMa,MAAA,iBAAiB,GAAGA,uBAAM,CAACC,mBAAM,CAACC,SAAI,CAAC,OAAO,CAAC,CAAC,CAMhC,UAAA,CAAA,EAAA,WAAA,EAAA,wBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,yGAAA,EAAAC,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CACxC,eAAA,EAAAA,WAAK,CAAC,MAAM,CAAC,IAAI,CAAA,SAAA,EACvBA,WAAK,CAAC,KAAK,CAAC,IAAI;;;;"}
+{"version":3,"file":"styled.cjs","sources":["../../../src/components/Dropdown/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { motion } from 'framer-motion';\nimport { theme } from '../../theme';\nimport { Card } from '../Card';\n\nexport const DropdownContainer = styled(motion(Card.Surface))`\n  display: inline-flex;\n  flex-direction: column;\n  overflow: hidden;\n\n  background-color: white;\n  box-shadow: ${theme.shadows.md};\n  border-radius: ${theme.radius.base};\n  padding: ${theme.sizes.base};\n`;\n"],"names":["styled","motion","Card","theme"],"mappings":";;;;;;;;;;;AAMO,MAAM,iBAAiB,GAAGA,uBAAM,CAACC,mBAAM,CAACC,SAAI,CAAC,OAAO,CAAC,CAAC,kLAM7CC,WAAK,CAAC,OAAO,CAAC,EAAE,CAAA,eAAA,EACbA,WAAK,CAAC,MAAM,CAAC,IAAI,CACvB,SAAA,EAAAA,WAAK,CAAC,KAAK,CAAC,IAAI;;;;"}

package/dist/components/Dropdown/styled.js

@@ -3,7 +3,7 @@ import { motion } from 'framer-motion';
 import { theme } from '../../theme/index.js';
 import { Card } from '../Card/Card.js';
 
-const DropdownContainer = styled(motion(Card.Surface)).withConfig({ displayName: "vui--DropdownContainer", componentId: "vui--a1pzsa" }) `display:inline-flex;flex-direction:column;overflow:hidden;background-color:white;box-shadow:1px 4px 15px ${theme.colors.neutral.grey.base};border-radius:${theme.radius.base};padding:${theme.sizes.base};`;
+const DropdownContainer = styled(motion(Card.Surface)).withConfig({ displayName: "vui--DropdownContainer", componentId: "vui--a1pzsa" }) `display:inline-flex;flex-direction:column;overflow:hidden;background-color:white;box-shadow:${theme.shadows.md};border-radius:${theme.radius.base};padding:${theme.sizes.base};`;
 
 export { DropdownContainer };
 //# sourceMappingURL=styled.js.map

package/dist/components/Dropdown/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../src/components/Dropdown/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { motion } from 'framer-motion';\nimport { theme } from '../../theme';\nimport { Card } from '../Card';\n\nexport const DropdownContainer = styled(motion(Card.Surface))`\n  display: inline-flex;\n  flex-direction: column;\n  overflow: hidden;\n\n  background-color: white;\n  box-shadow: 1px 4px 15px ${theme.colors.neutral.grey.base};\n  border-radius: ${theme.radius.base};\n  padding: ${theme.sizes.base};\n`;\n"],"names":[],"mappings":";;;;;AAMa,MAAA,iBAAiB,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAMhC,UAAA,CAAA,EAAA,WAAA,EAAA,wBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,yGAAA,EAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CACxC,eAAA,EAAA,KAAK,CAAC,MAAM,CAAC,IAAI,CAAA,SAAA,EACvB,KAAK,CAAC,KAAK,CAAC,IAAI;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../src/components/Dropdown/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { motion } from 'framer-motion';\nimport { theme } from '../../theme';\nimport { Card } from '../Card';\n\nexport const DropdownContainer = styled(motion(Card.Surface))`\n  display: inline-flex;\n  flex-direction: column;\n  overflow: hidden;\n\n  background-color: white;\n  box-shadow: ${theme.shadows.md};\n  border-radius: ${theme.radius.base};\n  padding: ${theme.sizes.base};\n`;\n"],"names":[],"mappings":";;;;;AAMO,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,kLAM7C,KAAK,CAAC,OAAO,CAAC,EAAE,CAAA,eAAA,EACb,KAAK,CAAC,MAAM,CAAC,IAAI,CACvB,SAAA,EAAA,KAAK,CAAC,KAAK,CAAC,IAAI;;;;"}

package/dist/components/FilterTag/styled.cjs

@@ -7,8 +7,8 @@ var Text = require('../Text/Text.cjs');
 require('react');
 require('react-transition-group');
 require('../AnimatedDropdown/styled.cjs');
-var CrossIcon = require('../../tempIcons/CrossIcon.cjs');
-var DownArrowIcon = require('../../tempIcons/DownArrowIcon.cjs');
+var CrossIcon = require('../../icons/CrossIcon.cjs');
+var DownArrowIcon = require('../../icons/DownArrowIcon.cjs');
 var sizes = require('../../theme/modules/sizes.cjs');
 var index = require('../../theme/index.cjs');
 

package/dist/components/FilterTag/styled.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/FilterTag/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { colors } from '../../theme/modules/colors';\n\nimport { BaseContainer } from '../BaseContainer';\nimport { Text } from '../Text';\nimport { AnimatedDropdown } from '../AnimatedDropdown';\nimport { CrossIcon } from '../../tempIcons/CrossIcon';\nimport { DownArrowIcon } from '../../tempIcons/DownArrowIcon';\nimport { sizes } from '../../theme/modules/sizes';\nimport { theme } from '../../theme';\n\nconst Container = styled(BaseContainer).attrs({\n  as: 'button',\n})`\n  display: inline-flex;\n  flex-direction: row;\n  align-items: center;\n  background-color: ${colors.neutral.grey.base};\n  padding: 4px 8px;\n  cursor: pointer;\n\n  border: 1px solid ${colors.neutral.grey.dark};\n  border-radius: 4px;\n\n  svg {\n    width: ${sizes.base};\n    height: ${sizes.base};\n  }\n\n  &:focus {\n    outline: none;\n    box-shadow: 0 0 0 2px ${theme.colors.secondary.blue.light};\n  }\n`;\n\nconst NonSelectableText = styled(Text)`\n  user-select: none;\n`;\n\nconst GroupLabel = styled(NonSelectableText)`\n  margin-right: 4px;\n`;\n\nconst MainIcon = styled(DownArrowIcon)<{ $shouldShow?: boolean }>`\n  margin-left: 4px;\n  transform: rotate(${(props) => (props.$shouldShow ? '180deg' : '0')});\n\n  width: 10px;\n  height: 10px;\n`;\n\nconst StyledCrossIcon = styled(CrossIcon)`\n  margin-left: 4px;\n  height: 10px;\n  width: 10px;\n`;\n\nconst Content = styled(BaseContainer)`\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n`;\n\nconst Header = styled(BaseContainer)<{ color: string }>`\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  padding: 12px 18px;\n  border-bottom: 1px solid ${colors.neutral.grey.base};\n\n  svg {\n    color: ${({ color }) => color};\n    width: ${sizes[5]};\n    height: ${sizes[5]};\n    margin-right: 10px;\n  }\n`;\n\nexport {\n  Container,\n  Text,\n  AnimatedDropdown as Dropdown,\n  GroupLabel,\n  Content,\n  Header,\n  MainIcon,\n  StyledCrossIcon as CrossIcon,\n};\n"],"names":["styled","BaseContainer","colors","sizes","theme","Text","DownArrowIcon","CrossIcon"],"mappings":";;;;;;;;;;;;;;;;;;AAYM,MAAA,SAAS,GAAGA,uBAAM,CAACC,2BAAa,CAAC,CAAC,KAAK,CAAC;AAC5C,IAAA,EAAE,EAAE,QAAQ;AACb,CAAA,CAAC,CAIoB,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,2EAAA,EAAAC,aAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,iDAAA,EAIxBA,aAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,6BAAA,EAIjCC,WAAK,CAAC,IAAI,CACT,QAAA,EAAAA,WAAK,CAAC,IAAI,+CAKIC,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK;AAI7D,MAAM,iBAAiB,GAAGJ,uBAAM,CAACK,SAAI,CAAC,uGAErC;AAED,MAAM,UAAU,GAAGL,uBAAM,CAAC,iBAAiB,CAAC;AAItC,MAAA,QAAQ,GAAGA,uBAAM,CAACM,2BAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,iCAAA,EAEhB,CAAC,KAAK,MAAM,KAAK,CAAC,WAAW,GAAG,QAAQ,GAAG,GAAG,CAAC,CAAA,yBAAA;AAMrE,MAAM,eAAe,GAAGN,uBAAM,CAACO,mBAAS,CAAC;AAMzC,MAAM,OAAO,GAAGP,uBAAM,CAACC,2BAAa,CAAC;AAOrC,MAAM,MAAM,GAAGD,uBAAM,CAACC,2BAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,aAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,wHAAA,EAMPC,aAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,cAGxC,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,UACpBC,WAAK,CAAC,CAAC,CAAC,WACPA,WAAK,CAAC,CAAC,CAAC;;;;;;;;;;"}
+{"version":3,"file":"styled.cjs","sources":["../../../src/components/FilterTag/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { colors } from '../../theme/modules/colors';\n\nimport { BaseContainer } from '../BaseContainer';\nimport { Text } from '../Text';\nimport { AnimatedDropdown } from '../AnimatedDropdown';\nimport { CrossIcon } from '../../icons/CrossIcon';\nimport { DownArrowIcon } from '../../icons/DownArrowIcon';\nimport { sizes } from '../../theme/modules/sizes';\nimport { theme } from '../../theme';\n\nconst Container = styled(BaseContainer).attrs({\n  as: 'button',\n})`\n  display: inline-flex;\n  flex-direction: row;\n  align-items: center;\n  background-color: ${colors.neutral.grey.base};\n  padding: 4px 8px;\n  cursor: pointer;\n\n  border: 1px solid ${colors.neutral.grey.dark};\n  border-radius: 4px;\n\n  svg {\n    width: ${sizes.base};\n    height: ${sizes.base};\n  }\n\n  &:focus {\n    outline: none;\n    box-shadow: 0 0 0 2px ${theme.colors.secondary.blue.light};\n  }\n`;\n\nconst NonSelectableText = styled(Text)`\n  user-select: none;\n`;\n\nconst GroupLabel = styled(NonSelectableText)`\n  margin-right: 4px;\n`;\n\nconst MainIcon = styled(DownArrowIcon)<{ $shouldShow?: boolean }>`\n  margin-left: 4px;\n  transform: rotate(${(props) => (props.$shouldShow ? '180deg' : '0')});\n\n  width: 10px;\n  height: 10px;\n`;\n\nconst StyledCrossIcon = styled(CrossIcon)`\n  margin-left: 4px;\n  height: 10px;\n  width: 10px;\n`;\n\nconst Content = styled(BaseContainer)`\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n`;\n\nconst Header = styled(BaseContainer)<{ color: string }>`\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  padding: 12px 18px;\n  border-bottom: 1px solid ${colors.neutral.grey.base};\n\n  svg {\n    color: ${({ color }) => color};\n    width: ${sizes[5]};\n    height: ${sizes[5]};\n    margin-right: 10px;\n  }\n`;\n\nexport {\n  Container,\n  Text,\n  AnimatedDropdown as Dropdown,\n  GroupLabel,\n  Content,\n  Header,\n  MainIcon,\n  StyledCrossIcon as CrossIcon,\n};\n"],"names":["styled","BaseContainer","colors","sizes","theme","Text","DownArrowIcon","CrossIcon"],"mappings":";;;;;;;;;;;;;;;;;;AAYM,MAAA,SAAS,GAAGA,uBAAM,CAACC,2BAAa,CAAC,CAAC,KAAK,CAAC;AAC5C,IAAA,EAAE,EAAE,QAAQ;AACb,CAAA,CAAC,CAIoB,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,2EAAA,EAAAC,aAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,iDAAA,EAIxBA,aAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,6BAAA,EAIjCC,WAAK,CAAC,IAAI,CACT,QAAA,EAAAA,WAAK,CAAC,IAAI,+CAKIC,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK;AAI7D,MAAM,iBAAiB,GAAGJ,uBAAM,CAACK,SAAI,CAAC,uGAErC;AAED,MAAM,UAAU,GAAGL,uBAAM,CAAC,iBAAiB,CAAC;AAItC,MAAA,QAAQ,GAAGA,uBAAM,CAACM,2BAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,iCAAA,EAEhB,CAAC,KAAK,MAAM,KAAK,CAAC,WAAW,GAAG,QAAQ,GAAG,GAAG,CAAC,CAAA,yBAAA;AAMrE,MAAM,eAAe,GAAGN,uBAAM,CAACO,mBAAS,CAAC;AAMzC,MAAM,OAAO,GAAGP,uBAAM,CAACC,2BAAa,CAAC;AAOrC,MAAM,MAAM,GAAGD,uBAAM,CAACC,2BAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,aAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,wHAAA,EAMPC,aAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,cAGxC,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,UACpBC,WAAK,CAAC,CAAC,CAAC,WACPA,WAAK,CAAC,CAAC,CAAC;;;;;;;;;;"}

package/dist/components/FilterTag/styled.js

@@ -5,8 +5,8 @@ import { Text } from '../Text/Text.js';
 import 'react';
 import 'react-transition-group';
 import '../AnimatedDropdown/styled.js';
-import { CrossIcon } from '../../tempIcons/CrossIcon.js';
-import { DownArrowIcon } from '../../tempIcons/DownArrowIcon.js';
+import { CrossIcon } from '../../icons/CrossIcon.js';
+import { DownArrowIcon } from '../../icons/DownArrowIcon.js';
 import { sizes } from '../../theme/modules/sizes.js';
 import { theme } from '../../theme/index.js';
 

package/dist/components/FilterTag/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../src/components/FilterTag/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { colors } from '../../theme/modules/colors';\n\nimport { BaseContainer } from '../BaseContainer';\nimport { Text } from '../Text';\nimport { AnimatedDropdown } from '../AnimatedDropdown';\nimport { CrossIcon } from '../../tempIcons/CrossIcon';\nimport { DownArrowIcon } from '../../tempIcons/DownArrowIcon';\nimport { sizes } from '../../theme/modules/sizes';\nimport { theme } from '../../theme';\n\nconst Container = styled(BaseContainer).attrs({\n  as: 'button',\n})`\n  display: inline-flex;\n  flex-direction: row;\n  align-items: center;\n  background-color: ${colors.neutral.grey.base};\n  padding: 4px 8px;\n  cursor: pointer;\n\n  border: 1px solid ${colors.neutral.grey.dark};\n  border-radius: 4px;\n\n  svg {\n    width: ${sizes.base};\n    height: ${sizes.base};\n  }\n\n  &:focus {\n    outline: none;\n    box-shadow: 0 0 0 2px ${theme.colors.secondary.blue.light};\n  }\n`;\n\nconst NonSelectableText = styled(Text)`\n  user-select: none;\n`;\n\nconst GroupLabel = styled(NonSelectableText)`\n  margin-right: 4px;\n`;\n\nconst MainIcon = styled(DownArrowIcon)<{ $shouldShow?: boolean }>`\n  margin-left: 4px;\n  transform: rotate(${(props) => (props.$shouldShow ? '180deg' : '0')});\n\n  width: 10px;\n  height: 10px;\n`;\n\nconst StyledCrossIcon = styled(CrossIcon)`\n  margin-left: 4px;\n  height: 10px;\n  width: 10px;\n`;\n\nconst Content = styled(BaseContainer)`\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n`;\n\nconst Header = styled(BaseContainer)<{ color: string }>`\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  padding: 12px 18px;\n  border-bottom: 1px solid ${colors.neutral.grey.base};\n\n  svg {\n    color: ${({ color }) => color};\n    width: ${sizes[5]};\n    height: ${sizes[5]};\n    margin-right: 10px;\n  }\n`;\n\nexport {\n  Container,\n  Text,\n  AnimatedDropdown as Dropdown,\n  GroupLabel,\n  Content,\n  Header,\n  MainIcon,\n  StyledCrossIcon as CrossIcon,\n};\n"],"names":[],"mappings":";;;;;;;;;;;;AAYM,MAAA,SAAS,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC,KAAK,CAAC;AAC5C,IAAA,EAAE,EAAE,QAAQ;AACb,CAAA,CAAC,CAIoB,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,2EAAA,EAAA,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,iDAAA,EAIxB,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,6BAAA,EAIjC,KAAK,CAAC,IAAI,CACT,QAAA,EAAA,KAAK,CAAC,IAAI,+CAKI,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK;AAI7D,MAAM,iBAAiB,GAAG,MAAM,CAAC,IAAI,CAAC,uGAErC;AAED,MAAM,UAAU,GAAG,MAAM,CAAC,iBAAiB,CAAC;AAItC,MAAA,QAAQ,GAAG,MAAM,CAAC,aAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,iCAAA,EAEhB,CAAC,KAAK,MAAM,KAAK,CAAC,WAAW,GAAG,QAAQ,GAAG,GAAG,CAAC,CAAA,yBAAA;AAMrE,MAAM,eAAe,GAAG,MAAM,CAAC,SAAS,CAAC;AAMzC,MAAM,OAAO,GAAG,MAAM,CAAC,aAAa,CAAC;AAOrC,MAAM,MAAM,GAAG,MAAM,CAAC,aAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,aAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,wHAAA,EAMP,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,cAGxC,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,UACpB,KAAK,CAAC,CAAC,CAAC,WACP,KAAK,CAAC,CAAC,CAAC;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../src/components/FilterTag/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { colors } from '../../theme/modules/colors';\n\nimport { BaseContainer } from '../BaseContainer';\nimport { Text } from '../Text';\nimport { AnimatedDropdown } from '../AnimatedDropdown';\nimport { CrossIcon } from '../../icons/CrossIcon';\nimport { DownArrowIcon } from '../../icons/DownArrowIcon';\nimport { sizes } from '../../theme/modules/sizes';\nimport { theme } from '../../theme';\n\nconst Container = styled(BaseContainer).attrs({\n  as: 'button',\n})`\n  display: inline-flex;\n  flex-direction: row;\n  align-items: center;\n  background-color: ${colors.neutral.grey.base};\n  padding: 4px 8px;\n  cursor: pointer;\n\n  border: 1px solid ${colors.neutral.grey.dark};\n  border-radius: 4px;\n\n  svg {\n    width: ${sizes.base};\n    height: ${sizes.base};\n  }\n\n  &:focus {\n    outline: none;\n    box-shadow: 0 0 0 2px ${theme.colors.secondary.blue.light};\n  }\n`;\n\nconst NonSelectableText = styled(Text)`\n  user-select: none;\n`;\n\nconst GroupLabel = styled(NonSelectableText)`\n  margin-right: 4px;\n`;\n\nconst MainIcon = styled(DownArrowIcon)<{ $shouldShow?: boolean }>`\n  margin-left: 4px;\n  transform: rotate(${(props) => (props.$shouldShow ? '180deg' : '0')});\n\n  width: 10px;\n  height: 10px;\n`;\n\nconst StyledCrossIcon = styled(CrossIcon)`\n  margin-left: 4px;\n  height: 10px;\n  width: 10px;\n`;\n\nconst Content = styled(BaseContainer)`\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n`;\n\nconst Header = styled(BaseContainer)<{ color: string }>`\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  padding: 12px 18px;\n  border-bottom: 1px solid ${colors.neutral.grey.base};\n\n  svg {\n    color: ${({ color }) => color};\n    width: ${sizes[5]};\n    height: ${sizes[5]};\n    margin-right: 10px;\n  }\n`;\n\nexport {\n  Container,\n  Text,\n  AnimatedDropdown as Dropdown,\n  GroupLabel,\n  Content,\n  Header,\n  MainIcon,\n  StyledCrossIcon as CrossIcon,\n};\n"],"names":[],"mappings":";;;;;;;;;;;;AAYM,MAAA,SAAS,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC,KAAK,CAAC;AAC5C,IAAA,EAAE,EAAE,QAAQ;AACb,CAAA,CAAC,CAIoB,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,2EAAA,EAAA,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,iDAAA,EAIxB,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,6BAAA,EAIjC,KAAK,CAAC,IAAI,CACT,QAAA,EAAA,KAAK,CAAC,IAAI,+CAKI,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK;AAI7D,MAAM,iBAAiB,GAAG,MAAM,CAAC,IAAI,CAAC,uGAErC;AAED,MAAM,UAAU,GAAG,MAAM,CAAC,iBAAiB,CAAC;AAItC,MAAA,QAAQ,GAAG,MAAM,CAAC,aAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,iCAAA,EAEhB,CAAC,KAAK,MAAM,KAAK,CAAC,WAAW,GAAG,QAAQ,GAAG,GAAG,CAAC,CAAA,yBAAA;AAMrE,MAAM,eAAe,GAAG,MAAM,CAAC,SAAS,CAAC;AAMzC,MAAM,OAAO,GAAG,MAAM,CAAC,aAAa,CAAC;AAOrC,MAAM,MAAM,GAAG,MAAM,CAAC,aAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,aAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,wHAAA,EAMP,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,cAGxC,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,UACpB,KAAK,CAAC,CAAC,CAAC,WACP,KAAK,CAAC,CAAC,CAAC;;;;"}

package/dist/components/Flex/Flex.module.scss.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var ___$insertStyle = require('../../_virtual/____insertStyle.cjs');
+
+___$insertStyle("._alignItems-flex-start_1jyn9_1 {\n  align-items: flex-start;\n}\n\n._alignItems-flex-end_1jyn9_5 {\n  align-items: flex-end;\n}\n\n._alignItems-center_1jyn9_9 {\n  align-items: center;\n}\n\n._alignItems-stretch_1jyn9_13 {\n  align-items: stretch;\n}\n\n._alignItems-baseline_1jyn9_17 {\n  align-items: baseline;\n}\n\n._justifyContent-flex-start_1jyn9_21 {\n  justify-content: flex-start;\n}\n\n._justifyContent-flex-end_1jyn9_25 {\n  justify-content: flex-end;\n}\n\n._justifyContent-center_1jyn9_29 {\n  justify-content: center;\n}\n\n._justifyContent-space-between_1jyn9_33 {\n  justify-content: space-between;\n}\n\n._justifyContent-space-around_1jyn9_37 {\n  justify-content: space-around;\n}\n\n._justifyContent-space-evenly_1jyn9_41 {\n  justify-content: space-evenly;\n}\n\n._flexWrap-nowrap_1jyn9_45 {\n  flex-wrap: nowrap;\n}\n\n._flexWrap-wrap_1jyn9_49 {\n  flex-wrap: wrap;\n}\n\n._flexWrap-wrap-reverse_1jyn9_53 {\n  flex-wrap: wrap-reverse;\n}\n\n._gap-none_1jyn9_57 {\n  gap: var(--sizes-none);\n}\n\n._gap-line_1jyn9_61 {\n  gap: var(--sizes-line);\n}\n\n._gap-xs_1jyn9_65 {\n  gap: var(--sizes-xs);\n}\n\n._gap-sm_1jyn9_69 {\n  gap: var(--sizes-sm);\n}\n\n._gap-base_1jyn9_73 {\n  gap: var(--sizes-base);\n}\n\n._gap-md_1jyn9_77 {\n  gap: var(--sizes-md);\n}\n\n._gap-lg_1jyn9_81 {\n  gap: var(--sizes-lg);\n}\n\n._gap-xl_1jyn9_85 {\n  gap: var(--sizes-xl);\n}\n\n._gap-xxl_1jyn9_89 {\n  gap: var(--sizes-xxl);\n}\n\n._gap-0_1jyn9_93 {\n  gap: var(--sizes-0);\n}\n\n._gap-1_1jyn9_97 {\n  gap: var(--sizes-1);\n}\n\n._gap-2_1jyn9_101 {\n  gap: var(--sizes-2);\n}\n\n._gap-3_1jyn9_105 {\n  gap: var(--sizes-3);\n}\n\n._gap-4_1jyn9_109 {\n  gap: var(--sizes-4);\n}\n\n._gap-5_1jyn9_113 {\n  gap: var(--sizes-5);\n}\n\n._gap-6_1jyn9_117 {\n  gap: var(--sizes-6);\n}\n\n._gap-7_1jyn9_121 {\n  gap: var(--sizes-7);\n}\n\n._gap-8_1jyn9_125 {\n  gap: var(--sizes-8);\n}\n\n._gap-9_1jyn9_129 {\n  gap: var(--sizes-9);\n}\n\n._gap-10_1jyn9_133 {\n  gap: var(--sizes-10);\n}\n\n._gap-11_1jyn9_137 {\n  gap: var(--sizes-11);\n}\n\n._gap-12_1jyn9_141 {\n  gap: var(--sizes-12);\n}\n\n._gap-13_1jyn9_145 {\n  gap: var(--sizes-13);\n}\n\n._gap-14_1jyn9_149 {\n  gap: var(--sizes-14);\n}\n\n._gap-15_1jyn9_153 {\n  gap: var(--sizes-15);\n}\n\n._gap-16_1jyn9_157 {\n  gap: var(--sizes-16);\n}\n\n._gap-17_1jyn9_161 {\n  gap: var(--sizes-17);\n}\n\n._gap-18_1jyn9_165 {\n  gap: var(--sizes-18);\n}\n\n._gap-19_1jyn9_169 {\n  gap: var(--sizes-19);\n}\n\n._gap-20_1jyn9_173 {\n  gap: var(--sizes-20);\n}");
+var flexStyles = {"alignItems-flex-start":"_alignItems-flex-start_1jyn9_1","alignItems-flex-end":"_alignItems-flex-end_1jyn9_5","alignItems-center":"_alignItems-center_1jyn9_9","alignItems-stretch":"_alignItems-stretch_1jyn9_13","alignItems-baseline":"_alignItems-baseline_1jyn9_17","justifyContent-flex-start":"_justifyContent-flex-start_1jyn9_21","justifyContent-flex-end":"_justifyContent-flex-end_1jyn9_25","justifyContent-center":"_justifyContent-center_1jyn9_29","justifyContent-space-between":"_justifyContent-space-between_1jyn9_33","justifyContent-space-around":"_justifyContent-space-around_1jyn9_37","justifyContent-space-evenly":"_justifyContent-space-evenly_1jyn9_41","flexWrap-nowrap":"_flexWrap-nowrap_1jyn9_45","flexWrap-wrap":"_flexWrap-wrap_1jyn9_49","flexWrap-wrap-reverse":"_flexWrap-wrap-reverse_1jyn9_53","gap-none":"_gap-none_1jyn9_57","gap-line":"_gap-line_1jyn9_61","gap-xs":"_gap-xs_1jyn9_65","gap-sm":"_gap-sm_1jyn9_69","gap-base":"_gap-base_1jyn9_73","gap-md":"_gap-md_1jyn9_77","gap-lg":"_gap-lg_1jyn9_81","gap-xl":"_gap-xl_1jyn9_85","gap-xxl":"_gap-xxl_1jyn9_89","gap-0":"_gap-0_1jyn9_93","gap-1":"_gap-1_1jyn9_97","gap-2":"_gap-2_1jyn9_101","gap-3":"_gap-3_1jyn9_105","gap-4":"_gap-4_1jyn9_109","gap-5":"_gap-5_1jyn9_113","gap-6":"_gap-6_1jyn9_117","gap-7":"_gap-7_1jyn9_121","gap-8":"_gap-8_1jyn9_125","gap-9":"_gap-9_1jyn9_129","gap-10":"_gap-10_1jyn9_133","gap-11":"_gap-11_1jyn9_137","gap-12":"_gap-12_1jyn9_141","gap-13":"_gap-13_1jyn9_145","gap-14":"_gap-14_1jyn9_149","gap-15":"_gap-15_1jyn9_153","gap-16":"_gap-16_1jyn9_157","gap-17":"_gap-17_1jyn9_161","gap-18":"_gap-18_1jyn9_165","gap-19":"_gap-19_1jyn9_169","gap-20":"_gap-20_1jyn9_173"};
+
+module.exports = flexStyles;
+//# sourceMappingURL=Flex.module.scss.cjs.map

package/dist/components/Flex/Flex.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flex.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist/components/Flex/Flex.module.scss.js

@@ -0,0 +1,7 @@
+import insertStyle from '../../_virtual/____insertStyle.js';
+
+insertStyle("._alignItems-flex-start_1jyn9_1 {\n  align-items: flex-start;\n}\n\n._alignItems-flex-end_1jyn9_5 {\n  align-items: flex-end;\n}\n\n._alignItems-center_1jyn9_9 {\n  align-items: center;\n}\n\n._alignItems-stretch_1jyn9_13 {\n  align-items: stretch;\n}\n\n._alignItems-baseline_1jyn9_17 {\n  align-items: baseline;\n}\n\n._justifyContent-flex-start_1jyn9_21 {\n  justify-content: flex-start;\n}\n\n._justifyContent-flex-end_1jyn9_25 {\n  justify-content: flex-end;\n}\n\n._justifyContent-center_1jyn9_29 {\n  justify-content: center;\n}\n\n._justifyContent-space-between_1jyn9_33 {\n  justify-content: space-between;\n}\n\n._justifyContent-space-around_1jyn9_37 {\n  justify-content: space-around;\n}\n\n._justifyContent-space-evenly_1jyn9_41 {\n  justify-content: space-evenly;\n}\n\n._flexWrap-nowrap_1jyn9_45 {\n  flex-wrap: nowrap;\n}\n\n._flexWrap-wrap_1jyn9_49 {\n  flex-wrap: wrap;\n}\n\n._flexWrap-wrap-reverse_1jyn9_53 {\n  flex-wrap: wrap-reverse;\n}\n\n._gap-none_1jyn9_57 {\n  gap: var(--sizes-none);\n}\n\n._gap-line_1jyn9_61 {\n  gap: var(--sizes-line);\n}\n\n._gap-xs_1jyn9_65 {\n  gap: var(--sizes-xs);\n}\n\n._gap-sm_1jyn9_69 {\n  gap: var(--sizes-sm);\n}\n\n._gap-base_1jyn9_73 {\n  gap: var(--sizes-base);\n}\n\n._gap-md_1jyn9_77 {\n  gap: var(--sizes-md);\n}\n\n._gap-lg_1jyn9_81 {\n  gap: var(--sizes-lg);\n}\n\n._gap-xl_1jyn9_85 {\n  gap: var(--sizes-xl);\n}\n\n._gap-xxl_1jyn9_89 {\n  gap: var(--sizes-xxl);\n}\n\n._gap-0_1jyn9_93 {\n  gap: var(--sizes-0);\n}\n\n._gap-1_1jyn9_97 {\n  gap: var(--sizes-1);\n}\n\n._gap-2_1jyn9_101 {\n  gap: var(--sizes-2);\n}\n\n._gap-3_1jyn9_105 {\n  gap: var(--sizes-3);\n}\n\n._gap-4_1jyn9_109 {\n  gap: var(--sizes-4);\n}\n\n._gap-5_1jyn9_113 {\n  gap: var(--sizes-5);\n}\n\n._gap-6_1jyn9_117 {\n  gap: var(--sizes-6);\n}\n\n._gap-7_1jyn9_121 {\n  gap: var(--sizes-7);\n}\n\n._gap-8_1jyn9_125 {\n  gap: var(--sizes-8);\n}\n\n._gap-9_1jyn9_129 {\n  gap: var(--sizes-9);\n}\n\n._gap-10_1jyn9_133 {\n  gap: var(--sizes-10);\n}\n\n._gap-11_1jyn9_137 {\n  gap: var(--sizes-11);\n}\n\n._gap-12_1jyn9_141 {\n  gap: var(--sizes-12);\n}\n\n._gap-13_1jyn9_145 {\n  gap: var(--sizes-13);\n}\n\n._gap-14_1jyn9_149 {\n  gap: var(--sizes-14);\n}\n\n._gap-15_1jyn9_153 {\n  gap: var(--sizes-15);\n}\n\n._gap-16_1jyn9_157 {\n  gap: var(--sizes-16);\n}\n\n._gap-17_1jyn9_161 {\n  gap: var(--sizes-17);\n}\n\n._gap-18_1jyn9_165 {\n  gap: var(--sizes-18);\n}\n\n._gap-19_1jyn9_169 {\n  gap: var(--sizes-19);\n}\n\n._gap-20_1jyn9_173 {\n  gap: var(--sizes-20);\n}");
+var flexStyles = {"alignItems-flex-start":"_alignItems-flex-start_1jyn9_1","alignItems-flex-end":"_alignItems-flex-end_1jyn9_5","alignItems-center":"_alignItems-center_1jyn9_9","alignItems-stretch":"_alignItems-stretch_1jyn9_13","alignItems-baseline":"_alignItems-baseline_1jyn9_17","justifyContent-flex-start":"_justifyContent-flex-start_1jyn9_21","justifyContent-flex-end":"_justifyContent-flex-end_1jyn9_25","justifyContent-center":"_justifyContent-center_1jyn9_29","justifyContent-space-between":"_justifyContent-space-between_1jyn9_33","justifyContent-space-around":"_justifyContent-space-around_1jyn9_37","justifyContent-space-evenly":"_justifyContent-space-evenly_1jyn9_41","flexWrap-nowrap":"_flexWrap-nowrap_1jyn9_45","flexWrap-wrap":"_flexWrap-wrap_1jyn9_49","flexWrap-wrap-reverse":"_flexWrap-wrap-reverse_1jyn9_53","gap-none":"_gap-none_1jyn9_57","gap-line":"_gap-line_1jyn9_61","gap-xs":"_gap-xs_1jyn9_65","gap-sm":"_gap-sm_1jyn9_69","gap-base":"_gap-base_1jyn9_73","gap-md":"_gap-md_1jyn9_77","gap-lg":"_gap-lg_1jyn9_81","gap-xl":"_gap-xl_1jyn9_85","gap-xxl":"_gap-xxl_1jyn9_89","gap-0":"_gap-0_1jyn9_93","gap-1":"_gap-1_1jyn9_97","gap-2":"_gap-2_1jyn9_101","gap-3":"_gap-3_1jyn9_105","gap-4":"_gap-4_1jyn9_109","gap-5":"_gap-5_1jyn9_113","gap-6":"_gap-6_1jyn9_117","gap-7":"_gap-7_1jyn9_121","gap-8":"_gap-8_1jyn9_125","gap-9":"_gap-9_1jyn9_129","gap-10":"_gap-10_1jyn9_133","gap-11":"_gap-11_1jyn9_137","gap-12":"_gap-12_1jyn9_141","gap-13":"_gap-13_1jyn9_145","gap-14":"_gap-14_1jyn9_149","gap-15":"_gap-15_1jyn9_153","gap-16":"_gap-16_1jyn9_157","gap-17":"_gap-17_1jyn9_161","gap-18":"_gap-18_1jyn9_165","gap-19":"_gap-19_1jyn9_169","gap-20":"_gap-20_1jyn9_173"};
+
+export { flexStyles as default };
+//# sourceMappingURL=Flex.module.scss.js.map

package/dist/components/Flex/Flex.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flex.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/components/Flex/FlexCol/FlexCol.cjs

@@ -0,0 +1,32 @@
+'use strict';
+
+var React = require('react');
+var buildClassnames = require('../../../utils/buildClassnames.cjs');
+var FlexCol_module = require('./FlexCol.module.scss.cjs');
+var Flex_module = require('../Flex.module.scss.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const FLEX_COL_DEFAULT_PROPS = {
+    alignItems: 'stretch',
+    justifyContent: 'flex-start',
+    gap: 'sm',
+    flexWrap: 'wrap',
+};
+const FlexCol = ({ alignItems = FLEX_COL_DEFAULT_PROPS.alignItems, justifyContent = FLEX_COL_DEFAULT_PROPS.justifyContent, gap = FLEX_COL_DEFAULT_PROPS.gap, flexWrap = FLEX_COL_DEFAULT_PROPS.flexWrap, className, style, children, ...rest }) => {
+    const cssClasses = [
+        FlexCol_module.flexCol,
+        Flex_module[`alignItems-${alignItems}`],
+        Flex_module[`justifyContent-${justifyContent}`],
+        Flex_module[`gap-${gap}`],
+        Flex_module[`flexWrap-${flexWrap}`],
+        className,
+    ];
+    return (React__default.default.createElement("div", { className: buildClassnames.buildClassnames(cssClasses), style: style, ...rest }, children));
+};
+
+exports.FLEX_COL_DEFAULT_PROPS = FLEX_COL_DEFAULT_PROPS;
+exports.FlexCol = FlexCol;
+//# sourceMappingURL=FlexCol.cjs.map

package/dist/components/Flex/FlexCol/FlexCol.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlexCol.cjs","sources":["../../../../src/components/Flex/FlexCol/FlexCol.tsx"],"sourcesContent":["import React from 'react';\nimport { buildClassnames } from '../../../utils/buildClassnames';\nimport { FlexDefaultProps, FlexProps } from '../types';\nimport flexColStyles from './FlexCol.module.scss';\nimport flexStyles from '../Flex.module.scss';\n\nexport const FLEX_COL_DEFAULT_PROPS: FlexDefaultProps = {\n  alignItems: 'stretch',\n  justifyContent: 'flex-start',\n  gap: 'sm',\n  flexWrap: 'wrap',\n};\n\nexport const FlexCol: React.FC<FlexProps> = ({\n  alignItems = FLEX_COL_DEFAULT_PROPS.alignItems,\n  justifyContent = FLEX_COL_DEFAULT_PROPS.justifyContent,\n  gap = FLEX_COL_DEFAULT_PROPS.gap,\n  flexWrap = FLEX_COL_DEFAULT_PROPS.flexWrap,\n  className,\n  style,\n  children,\n  ...rest\n}) => {\n  const cssClasses = [\n    flexColStyles.flexCol,\n    flexStyles[`alignItems-${alignItems}`],\n    flexStyles[`justifyContent-${justifyContent}`],\n    flexStyles[`gap-${gap}`],\n    flexStyles[`flexWrap-${flexWrap}`],\n    className,\n  ];\n\n  return (\n    <div className={buildClassnames(cssClasses)} style={style} {...rest}>\n      {children}\n    </div>\n  );\n};\n"],"names":["flexColStyles","flexStyles","React","buildClassnames"],"mappings":";;;;;;;;;;;AAMa,MAAA,sBAAsB,GAAqB;AACtD,IAAA,UAAU,EAAE,SAAS;AACrB,IAAA,cAAc,EAAE,YAAY;AAC5B,IAAA,GAAG,EAAE,IAAI;AACT,IAAA,QAAQ,EAAE,MAAM;;AAGL,MAAA,OAAO,GAAwB,CAAC,EAC3C,UAAU,GAAG,sBAAsB,CAAC,UAAU,EAC9C,cAAc,GAAG,sBAAsB,CAAC,cAAc,EACtD,GAAG,GAAG,sBAAsB,CAAC,GAAG,EAChC,QAAQ,GAAG,sBAAsB,CAAC,QAAQ,EAC1C,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACR,KAAI;AACH,IAAA,MAAM,UAAU,GAAG;AACjB,QAAAA,cAAa,CAAC,OAAO;AACrB,QAAAC,WAAU,CAAC,CAAA,WAAA,EAAc,UAAU,CAAA,CAAE,CAAC;AACtC,QAAAA,WAAU,CAAC,CAAA,eAAA,EAAkB,cAAc,CAAA,CAAE,CAAC;AAC9C,QAAAA,WAAU,CAAC,CAAA,IAAA,EAAO,GAAG,CAAA,CAAE,CAAC;AACxB,QAAAA,WAAU,CAAC,CAAA,SAAA,EAAY,QAAQ,CAAA,CAAE,CAAC;QAClC,SAAS;KACV;AAED,IAAA,QACEC,sBAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEC,+BAAe,CAAC,UAAU,CAAC,EAAE,KAAK,EAAE,KAAK,EAAM,GAAA,IAAI,IAChE,QAAQ,CACL;AAEV;;;;;"}

package/dist/components/Flex/FlexCol/FlexCol.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { FlexDefaultProps, FlexProps } from '../types';
+export declare const FLEX_COL_DEFAULT_PROPS: FlexDefaultProps;
+export declare const FlexCol: React.FC<FlexProps>;

package/dist/components/Flex/FlexCol/FlexCol.js

@@ -0,0 +1,25 @@
+import React__default from 'react';
+import { buildClassnames } from '../../../utils/buildClassnames.js';
+import flexColStyles from './FlexCol.module.scss.js';
+import flexStyles from '../Flex.module.scss.js';
+
+const FLEX_COL_DEFAULT_PROPS = {
+    alignItems: 'stretch',
+    justifyContent: 'flex-start',
+    gap: 'sm',
+    flexWrap: 'wrap',
+};
+const FlexCol = ({ alignItems = FLEX_COL_DEFAULT_PROPS.alignItems, justifyContent = FLEX_COL_DEFAULT_PROPS.justifyContent, gap = FLEX_COL_DEFAULT_PROPS.gap, flexWrap = FLEX_COL_DEFAULT_PROPS.flexWrap, className, style, children, ...rest }) => {
+    const cssClasses = [
+        flexColStyles.flexCol,
+        flexStyles[`alignItems-${alignItems}`],
+        flexStyles[`justifyContent-${justifyContent}`],
+        flexStyles[`gap-${gap}`],
+        flexStyles[`flexWrap-${flexWrap}`],
+        className,
+    ];
+    return (React__default.createElement("div", { className: buildClassnames(cssClasses), style: style, ...rest }, children));
+};
+
+export { FLEX_COL_DEFAULT_PROPS, FlexCol };
+//# sourceMappingURL=FlexCol.js.map

package/dist/components/Flex/FlexCol/FlexCol.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlexCol.js","sources":["../../../../src/components/Flex/FlexCol/FlexCol.tsx"],"sourcesContent":["import React from 'react';\nimport { buildClassnames } from '../../../utils/buildClassnames';\nimport { FlexDefaultProps, FlexProps } from '../types';\nimport flexColStyles from './FlexCol.module.scss';\nimport flexStyles from '../Flex.module.scss';\n\nexport const FLEX_COL_DEFAULT_PROPS: FlexDefaultProps = {\n  alignItems: 'stretch',\n  justifyContent: 'flex-start',\n  gap: 'sm',\n  flexWrap: 'wrap',\n};\n\nexport const FlexCol: React.FC<FlexProps> = ({\n  alignItems = FLEX_COL_DEFAULT_PROPS.alignItems,\n  justifyContent = FLEX_COL_DEFAULT_PROPS.justifyContent,\n  gap = FLEX_COL_DEFAULT_PROPS.gap,\n  flexWrap = FLEX_COL_DEFAULT_PROPS.flexWrap,\n  className,\n  style,\n  children,\n  ...rest\n}) => {\n  const cssClasses = [\n    flexColStyles.flexCol,\n    flexStyles[`alignItems-${alignItems}`],\n    flexStyles[`justifyContent-${justifyContent}`],\n    flexStyles[`gap-${gap}`],\n    flexStyles[`flexWrap-${flexWrap}`],\n    className,\n  ];\n\n  return (\n    <div className={buildClassnames(cssClasses)} style={style} {...rest}>\n      {children}\n    </div>\n  );\n};\n"],"names":["React"],"mappings":";;;;;AAMa,MAAA,sBAAsB,GAAqB;AACtD,IAAA,UAAU,EAAE,SAAS;AACrB,IAAA,cAAc,EAAE,YAAY;AAC5B,IAAA,GAAG,EAAE,IAAI;AACT,IAAA,QAAQ,EAAE,MAAM;;AAGL,MAAA,OAAO,GAAwB,CAAC,EAC3C,UAAU,GAAG,sBAAsB,CAAC,UAAU,EAC9C,cAAc,GAAG,sBAAsB,CAAC,cAAc,EACtD,GAAG,GAAG,sBAAsB,CAAC,GAAG,EAChC,QAAQ,GAAG,sBAAsB,CAAC,QAAQ,EAC1C,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACR,KAAI;AACH,IAAA,MAAM,UAAU,GAAG;AACjB,QAAA,aAAa,CAAC,OAAO;AACrB,QAAA,UAAU,CAAC,CAAA,WAAA,EAAc,UAAU,CAAA,CAAE,CAAC;AACtC,QAAA,UAAU,CAAC,CAAA,eAAA,EAAkB,cAAc,CAAA,CAAE,CAAC;AAC9C,QAAA,UAAU,CAAC,CAAA,IAAA,EAAO,GAAG,CAAA,CAAE,CAAC;AACxB,QAAA,UAAU,CAAC,CAAA,SAAA,EAAY,QAAQ,CAAA,CAAE,CAAC;QAClC,SAAS;KACV;AAED,IAAA,QACEA,cAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,eAAe,CAAC,UAAU,CAAC,EAAE,KAAK,EAAE,KAAK,EAAM,GAAA,IAAI,IAChE,QAAQ,CACL;AAEV;;;;"}

package/dist/components/Flex/FlexCol/FlexCol.module.scss.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var ___$insertStyle = require('../../../_virtual/____insertStyle.cjs');
+
+___$insertStyle("._flexCol_amseb_1 {\n  display: flex;\n  flex-direction: column;\n}");
+var flexColStyles = {"flexCol":"_flexCol_amseb_1"};
+
+module.exports = flexColStyles;
+//# sourceMappingURL=FlexCol.module.scss.cjs.map

package/dist/components/Flex/FlexCol/FlexCol.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlexCol.module.scss.cjs","sources":["../../../../src/components/Flex/FlexCol/FlexCol.module.scss"],"sourcesContent":[".flexCol {\n  display: flex;\n  flex-direction: column;\n}\n"],"names":[],"mappings":";;;;AACE,eAAA,CAAA,qEAAA;AACA,oBAAA,CAAA,SAAA,CAAA,kBAAA;;;;"}

package/dist/components/Flex/FlexCol/FlexCol.module.scss.js

@@ -0,0 +1,7 @@
+import insertStyle from '../../../_virtual/____insertStyle.js';
+
+insertStyle("._flexCol_amseb_1 {\n  display: flex;\n  flex-direction: column;\n}");
+var flexColStyles = {"flexCol":"_flexCol_amseb_1"};
+
+export { flexColStyles as default };
+//# sourceMappingURL=FlexCol.module.scss.js.map

package/dist/components/Flex/FlexCol/FlexCol.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlexCol.module.scss.js","sources":["../../../../src/components/Flex/FlexCol/FlexCol.module.scss"],"sourcesContent":[".flexCol {\n  display: flex;\n  flex-direction: column;\n}\n"],"names":["___$insertStyle"],"mappings":";;AACEA,WAAA,CAAA,qEAAA;AACA,oBAAA,CAAA,SAAA,CAAA,kBAAA;;;;"}

package/dist/components/Flex/FlexCol/index.d.ts

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

package/dist/components/Flex/FlexRow/FlexRow.cjs

@@ -0,0 +1,33 @@
+'use strict';
+
+var React = require('react');
+var buildClassnames = require('../../../utils/buildClassnames.cjs');
+require('uid/secure');
+var FlexRow_module = require('./FlexRow.module.scss.cjs');
+var Flex_module = require('../Flex.module.scss.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const FLEX_ROW_DEFAULT_PROPS = {
+    alignItems: 'center',
+    justifyContent: 'flex-start',
+    gap: 'sm',
+    flexWrap: 'wrap',
+};
+const FlexRow = React__default.default.forwardRef(({ alignItems = FLEX_ROW_DEFAULT_PROPS.alignItems, justifyContent = FLEX_ROW_DEFAULT_PROPS.justifyContent, gap = FLEX_ROW_DEFAULT_PROPS.gap, flexWrap = FLEX_ROW_DEFAULT_PROPS.flexWrap, className, style, children, ...rest }, ref) => {
+    const cssClasses = [
+        FlexRow_module.flexRow,
+        Flex_module[`alignItems-${alignItems}`],
+        Flex_module[`justifyContent-${justifyContent}`],
+        Flex_module[`gap-${gap}`],
+        Flex_module[`flexWrap-${flexWrap}`],
+        className,
+    ];
+    return (React__default.default.createElement("div", { className: buildClassnames.buildClassnames(cssClasses), style: style, ref: ref, ...rest }, children));
+});
+
+exports.FLEX_ROW_DEFAULT_PROPS = FLEX_ROW_DEFAULT_PROPS;
+exports.FlexRow = FlexRow;
+//# sourceMappingURL=FlexRow.cjs.map

package/dist/components/Flex/FlexRow/FlexRow.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlexRow.cjs","sources":["../../../../src/components/Flex/FlexRow/FlexRow.tsx"],"sourcesContent":["import React from 'react';\nimport { buildClassnames } from '../../../utils';\nimport { FlexDefaultProps, FlexProps } from '../types';\nimport flexRowStyles from './FlexRow.module.scss';\nimport flexStyles from '../Flex.module.scss';\n\nexport const FLEX_ROW_DEFAULT_PROPS: FlexDefaultProps = {\n  alignItems: 'center',\n  justifyContent: 'flex-start',\n  gap: 'sm',\n  flexWrap: 'wrap',\n};\n\nexport const FlexRow = React.forwardRef<HTMLDivElement, FlexProps>(\n  (\n    {\n      alignItems = FLEX_ROW_DEFAULT_PROPS.alignItems,\n      justifyContent = FLEX_ROW_DEFAULT_PROPS.justifyContent,\n      gap = FLEX_ROW_DEFAULT_PROPS.gap,\n      flexWrap = FLEX_ROW_DEFAULT_PROPS.flexWrap,\n      className,\n      style,\n      children,\n      ...rest\n    },\n    ref,\n  ) => {\n    const cssClasses = [\n      flexRowStyles.flexRow,\n      flexStyles[`alignItems-${alignItems}`],\n      flexStyles[`justifyContent-${justifyContent}`],\n      flexStyles[`gap-${gap}`],\n      flexStyles[`flexWrap-${flexWrap}`],\n      className,\n    ];\n\n    return (\n      <div className={buildClassnames(cssClasses)} style={style} ref={ref} {...rest}>\n        {children}\n      </div>\n    );\n  },\n);\n"],"names":["React","flexRowStyles","flexStyles","buildClassnames"],"mappings":";;;;;;;;;;;;AAMa,MAAA,sBAAsB,GAAqB;AACtD,IAAA,UAAU,EAAE,QAAQ;AACpB,IAAA,cAAc,EAAE,YAAY;AAC5B,IAAA,GAAG,EAAE,IAAI;AACT,IAAA,QAAQ,EAAE,MAAM;;MAGL,OAAO,GAAGA,sBAAK,CAAC,UAAU,CACrC,CACE,EACE,UAAU,GAAG,sBAAsB,CAAC,UAAU,EAC9C,cAAc,GAAG,sBAAsB,CAAC,cAAc,EACtD,GAAG,GAAG,sBAAsB,CAAC,GAAG,EAChC,QAAQ,GAAG,sBAAsB,CAAC,QAAQ,EAC1C,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACR,EACD,GAAG,KACD;AACF,IAAA,MAAM,UAAU,GAAG;AACjB,QAAAC,cAAa,CAAC,OAAO;AACrB,QAAAC,WAAU,CAAC,CAAA,WAAA,EAAc,UAAU,CAAA,CAAE,CAAC;AACtC,QAAAA,WAAU,CAAC,CAAA,eAAA,EAAkB,cAAc,CAAA,CAAE,CAAC;AAC9C,QAAAA,WAAU,CAAC,CAAA,IAAA,EAAO,GAAG,CAAA,CAAE,CAAC;AACxB,QAAAA,WAAU,CAAC,CAAA,SAAA,EAAY,QAAQ,CAAA,CAAE,CAAC;QAClC,SAAS;KACV;IAED,QACEF,8CAAK,SAAS,EAAEG,+BAAe,CAAC,UAAU,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAA,GAAM,IAAI,EAC1E,EAAA,QAAQ,CACL;AAEV,CAAC;;;;;"}

package/dist/components/Flex/FlexRow/FlexRow.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { FlexDefaultProps } from '../types';
+export declare const FLEX_ROW_DEFAULT_PROPS: FlexDefaultProps;
+export declare const FlexRow: React.ForwardRefExoticComponent<{
+    alignItems?: import("csstype").Property.AlignItems | undefined;
+    justifyContent?: import("csstype").Property.JustifyContent | undefined;
+    gap?: keyof import("../../../theme/modules/sizes").SizeScale | undefined;
+    flexWrap?: import("csstype").Property.FlexWrap | undefined;
+} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Flex/FlexRow/FlexRow.js

@@ -0,0 +1,26 @@
+import React__default from 'react';
+import { buildClassnames } from '../../../utils/buildClassnames.js';
+import 'uid/secure';
+import flexRowStyles from './FlexRow.module.scss.js';
+import flexStyles from '../Flex.module.scss.js';
+
+const FLEX_ROW_DEFAULT_PROPS = {
+    alignItems: 'center',
+    justifyContent: 'flex-start',
+    gap: 'sm',
+    flexWrap: 'wrap',
+};
+const FlexRow = React__default.forwardRef(({ alignItems = FLEX_ROW_DEFAULT_PROPS.alignItems, justifyContent = FLEX_ROW_DEFAULT_PROPS.justifyContent, gap = FLEX_ROW_DEFAULT_PROPS.gap, flexWrap = FLEX_ROW_DEFAULT_PROPS.flexWrap, className, style, children, ...rest }, ref) => {
+    const cssClasses = [
+        flexRowStyles.flexRow,
+        flexStyles[`alignItems-${alignItems}`],
+        flexStyles[`justifyContent-${justifyContent}`],
+        flexStyles[`gap-${gap}`],
+        flexStyles[`flexWrap-${flexWrap}`],
+        className,
+    ];
+    return (React__default.createElement("div", { className: buildClassnames(cssClasses), style: style, ref: ref, ...rest }, children));
+});
+
+export { FLEX_ROW_DEFAULT_PROPS, FlexRow };
+//# sourceMappingURL=FlexRow.js.map

package/dist/components/Flex/FlexRow/FlexRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlexRow.js","sources":["../../../../src/components/Flex/FlexRow/FlexRow.tsx"],"sourcesContent":["import React from 'react';\nimport { buildClassnames } from '../../../utils';\nimport { FlexDefaultProps, FlexProps } from '../types';\nimport flexRowStyles from './FlexRow.module.scss';\nimport flexStyles from '../Flex.module.scss';\n\nexport const FLEX_ROW_DEFAULT_PROPS: FlexDefaultProps = {\n  alignItems: 'center',\n  justifyContent: 'flex-start',\n  gap: 'sm',\n  flexWrap: 'wrap',\n};\n\nexport const FlexRow = React.forwardRef<HTMLDivElement, FlexProps>(\n  (\n    {\n      alignItems = FLEX_ROW_DEFAULT_PROPS.alignItems,\n      justifyContent = FLEX_ROW_DEFAULT_PROPS.justifyContent,\n      gap = FLEX_ROW_DEFAULT_PROPS.gap,\n      flexWrap = FLEX_ROW_DEFAULT_PROPS.flexWrap,\n      className,\n      style,\n      children,\n      ...rest\n    },\n    ref,\n  ) => {\n    const cssClasses = [\n      flexRowStyles.flexRow,\n      flexStyles[`alignItems-${alignItems}`],\n      flexStyles[`justifyContent-${justifyContent}`],\n      flexStyles[`gap-${gap}`],\n      flexStyles[`flexWrap-${flexWrap}`],\n      className,\n    ];\n\n    return (\n      <div className={buildClassnames(cssClasses)} style={style} ref={ref} {...rest}>\n        {children}\n      </div>\n    );\n  },\n);\n"],"names":["React"],"mappings":";;;;;;AAMa,MAAA,sBAAsB,GAAqB;AACtD,IAAA,UAAU,EAAE,QAAQ;AACpB,IAAA,cAAc,EAAE,YAAY;AAC5B,IAAA,GAAG,EAAE,IAAI;AACT,IAAA,QAAQ,EAAE,MAAM;;MAGL,OAAO,GAAGA,cAAK,CAAC,UAAU,CACrC,CACE,EACE,UAAU,GAAG,sBAAsB,CAAC,UAAU,EAC9C,cAAc,GAAG,sBAAsB,CAAC,cAAc,EACtD,GAAG,GAAG,sBAAsB,CAAC,GAAG,EAChC,QAAQ,GAAG,sBAAsB,CAAC,QAAQ,EAC1C,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACR,EACD,GAAG,KACD;AACF,IAAA,MAAM,UAAU,GAAG;AACjB,QAAA,aAAa,CAAC,OAAO;AACrB,QAAA,UAAU,CAAC,CAAA,WAAA,EAAc,UAAU,CAAA,CAAE,CAAC;AACtC,QAAA,UAAU,CAAC,CAAA,eAAA,EAAkB,cAAc,CAAA,CAAE,CAAC;AAC9C,QAAA,UAAU,CAAC,CAAA,IAAA,EAAO,GAAG,CAAA,CAAE,CAAC;AACxB,QAAA,UAAU,CAAC,CAAA,SAAA,EAAY,QAAQ,CAAA,CAAE,CAAC;QAClC,SAAS;KACV;IAED,QACEA,sCAAK,SAAS,EAAE,eAAe,CAAC,UAAU,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAA,GAAM,IAAI,EAC1E,EAAA,QAAQ,CACL;AAEV,CAAC;;;;"}

package/dist/components/Flex/FlexRow/FlexRow.module.scss.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var ___$insertStyle = require('../../../_virtual/____insertStyle.cjs');
+
+___$insertStyle("._flexRow_hf7w0_1 {\n  display: flex;\n  flex-direction: row;\n}");
+var flexRowStyles = {"flexRow":"_flexRow_hf7w0_1"};
+
+module.exports = flexRowStyles;
+//# sourceMappingURL=FlexRow.module.scss.cjs.map

package/dist/components/Flex/FlexRow/FlexRow.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlexRow.module.scss.cjs","sources":["../../../../src/components/Flex/FlexRow/FlexRow.module.scss"],"sourcesContent":[".flexRow {\n  display: flex;\n  flex-direction: row;\n}\n"],"names":[],"mappings":";;;;AACE,eAAA,CAAA,kEAAA;AACA,oBAAA,CAAA,SAAA,CAAA,kBAAA;;;;"}

package/dist/components/Flex/FlexRow/FlexRow.module.scss.js

@@ -0,0 +1,7 @@
+import insertStyle from '../../../_virtual/____insertStyle.js';
+
+insertStyle("._flexRow_hf7w0_1 {\n  display: flex;\n  flex-direction: row;\n}");
+var flexRowStyles = {"flexRow":"_flexRow_hf7w0_1"};
+
+export { flexRowStyles as default };
+//# sourceMappingURL=FlexRow.module.scss.js.map

package/dist/components/Flex/FlexRow/FlexRow.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlexRow.module.scss.js","sources":["../../../../src/components/Flex/FlexRow/FlexRow.module.scss"],"sourcesContent":[".flexRow {\n  display: flex;\n  flex-direction: row;\n}\n"],"names":["___$insertStyle"],"mappings":";;AACEA,WAAA,CAAA,kEAAA;AACA,oBAAA,CAAA,SAAA,CAAA,kBAAA;;;;"}

package/dist/components/Flex/FlexRow/index.d.ts

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

package/dist/components/Flex/types.d.ts

@@ -0,0 +1,10 @@
+import { CSSProperties, HTMLAttributes } from 'react';
+declare const sizes: import("../../theme/modules/sizes").SizeScale;
+export type FlexProps = {
+    alignItems?: CSSProperties['alignItems'];
+    justifyContent?: CSSProperties['justifyContent'];
+    gap?: keyof typeof sizes;
+    flexWrap?: CSSProperties['flexWrap'];
+} & HTMLAttributes<HTMLDivElement>;
+export type FlexDefaultProps = Pick<CSSProperties, 'alignItems' | 'justifyContent' | 'gap' | 'flexWrap'>;
+export {};