@audius/harmony 0.0.25

package/dist/components/completion-check/CompletionCheck.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompletionCheck.js","sources":["../../../src/components/completion-check/CompletionCheck.tsx"],"sourcesContent":["import type { CSSProperties } from 'react'\n\nimport { useTransition, animated } from '@react-spring/web'\nimport cn from 'classnames'\n\nimport { IconValidationCheck, IconValidationX } from 'icons'\n\nimport { Flex } from '../layout'\n\nimport styles from './CompletionCheck.module.css'\nimport type { CompletionCheckProps } from './types'\n\nexport const CompletionDefault = () => (\n  <div className={cn(styles.defaultCompletionIcon)} />\n)\nexport const CompletionEmpty = () => (\n  <div className={cn(styles.completionIcon, styles.emptyCompletionIcon)} />\n)\n\ntype CompletionChangeIconProps = {\n  iconStyles: CSSProperties\n}\n\nexport const CompletionError = (props: CompletionChangeIconProps) => (\n  <animated.div\n    style={props.iconStyles}\n    className={cn(styles.completionIcon, styles.xIcon)}\n  >\n    {' '}\n    <IconValidationX size='s' />{' '}\n  </animated.div>\n)\nexport const CompletionSuccess = (props: CompletionChangeIconProps) => (\n  <animated.div\n    style={props.iconStyles}\n    className={cn(styles.completionIcon, styles.checkIcon)}\n  >\n    {' '}\n    <IconValidationCheck size='s' />\n  </animated.div>\n)\n\nconst completionComponents = {\n  complete: CompletionSuccess,\n  error: CompletionError,\n  incomplete: CompletionEmpty\n}\n\nexport const CompletionCheck = (props: CompletionCheckProps) => {\n  const transitions = useTransition(props.value, {\n    from: { x: 0 },\n    enter: { x: 1 },\n    leave: { x: 0 }\n  })\n  return (\n    <Flex alignItems='center' className={styles.container}>\n      <CompletionDefault />\n      {transitions((style, value) => {\n        if (completionComponents[value]) {\n          const CompletionIcon = completionComponents[value]\n          return (\n            <CompletionIcon\n              iconStyles={{\n                opacity: style.x.to({\n                  output: [0.3, 1]\n                }) as any,\n                transform: style.x\n                  .to({\n                    range: [0, 0.75, 1],\n                    output: [0, 1.2, 1]\n                  })\n                  .to((x) => `scale3d(${x}, ${x}, ${x})`) as any\n              }}\n            />\n          )\n        }\n        return null\n      })}\n    </Flex>\n  )\n}\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/components/completion-check/CompletionCheck.module.css.js

@@ -0,0 +1,4 @@
+var styles = {"container":"CompletionCheck-module_container__oIO8R","defaultCompletionIcon":"CompletionCheck-module_defaultCompletionIcon__Tvq-3","completionIcon":"CompletionCheck-module_completionIcon__f4BET","emptyCompletionIcon":"CompletionCheck-module_emptyCompletionIcon__jHSrl","checkIcon":"CompletionCheck-module_checkIcon__zX2hl","xIcon":"CompletionCheck-module_xIcon__w6CQV"};
+
+export { styles as default };
+//# sourceMappingURL=CompletionCheck.module.css.js.map

package/dist/components/completion-check/CompletionCheck.module.css.js.map

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

package/dist/components/completion-check/CompletionCheck.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { CompletionCheck } from './CompletionCheck';
+declare const meta: Meta<typeof CompletionCheck>;
+export default meta;
+type Story = StoryObj<typeof CompletionCheck>;
+export declare const Incomplete: Story;
+export declare const Complete: Story;
+export declare const Error: Story;
+//# sourceMappingURL=CompletionCheck.stories.d.ts.map

package/dist/components/completion-check/CompletionCheck.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompletionCheck.stories.d.ts","sourceRoot":"","sources":["../../../src/components/completion-check/CompletionCheck.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEtD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAEnD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,eAAe,CAGtC,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,eAAe,CAAC,CAAA;AAE7C,eAAO,MAAM,UAAU,EAAE,KAIxB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAItB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAInB,CAAA"}

package/dist/components/completion-check/index.d.ts

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

package/dist/components/completion-check/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/completion-check/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA"}

package/dist/components/completion-check/types.d.ts

@@ -0,0 +1,4 @@
+export type CompletionCheckProps = {
+    value: 'incomplete' | 'complete' | 'error';
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/completion-check/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/completion-check/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,EAAE,YAAY,GAAG,UAAU,GAAG,OAAO,CAAA;CAC3C,CAAA"}

package/dist/components/hint/Hint.d.ts

@@ -0,0 +1,8 @@
+import type { IconComponent } from "../icon";
+import { PaperProps } from "../layout/Paper";
+type HintProps = {
+    icon: IconComponent;
+} & PaperProps;
+export declare const Hint: (props: HintProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Hint.d.ts.map

package/dist/components/hint/Hint.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hint.d.ts","sourceRoot":"","sources":["../../../src/components/hint/Hint.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAuB;AACpD,OAAO,EAAS,UAAU,EAAE,wBAA+B;AAG3D,KAAK,SAAS,GAAG;IACf,IAAI,EAAE,aAAa,CAAA;CACpB,GAAG,UAAU,CAAA;AAKd,eAAO,MAAM,IAAI,UAAW,SAAS,qDAoBpC,CAAA"}

package/dist/components/hint/Hint.js

@@ -0,0 +1,15 @@
+import { __rest, __assign } from '../../_virtual/_tslib.js';
+import { jsxs, jsx } from '@emotion/react/jsx-runtime';
+import { Paper } from '../layout/Paper/Paper.js';
+import { Text } from '../text/Text/Text.js';
+
+/*
+ * A way of informing the user of important details in line in a prominent way.
+ */
+var Hint = function (props) {
+    var Icon = props.icon, children = props.children, other = __rest(props, ["icon", "children"]);
+    return (jsxs(Paper, __assign({ role: 'alert', ph: 'l', pv: 'm', backgroundColor: 'surface2', alignItems: 'center', gap: 'l', shadow: 'flat', border: 'strong' }, other, { children: [jsx(Icon, { size: 'l', color: 'default' }), jsx(Text, __assign({ variant: 'body', color: 'default' }, { children: children }))] })));
+};
+
+export { Hint };
+//# sourceMappingURL=Hint.js.map

package/dist/components/hint/Hint.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hint.js","sources":["../../../src/components/hint/Hint.tsx"],"sourcesContent":["import type { IconComponent } from 'components/icon'\nimport { Paper, PaperProps } from 'components/layout/Paper'\nimport { Text } from 'components/text'\n\ntype HintProps = {\n  icon: IconComponent\n} & PaperProps\n\n/*\n * A way of informing the user of important details in line in a prominent way.\n */\nexport const Hint = (props: HintProps) => {\n  const { icon: Icon, children, ...other } = props\n  return (\n    <Paper\n      role='alert'\n      ph='l'\n      pv='m'\n      backgroundColor='surface2'\n      alignItems='center'\n      gap='l'\n      shadow='flat'\n      border='strong'\n      {...other}\n    >\n      <Icon size='l' color='default' />\n      <Text variant='body' color='default'>\n        {children}\n      </Text>\n    </Paper>\n  )\n}\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;AAQA;;AAEG;AACI,IAAM,IAAI,GAAG,UAAC,KAAgB,EAAA;AAC3B,IAAA,IAAM,IAAI,GAAyB,KAAK,CAA9B,IAAA,EAAE,QAAQ,GAAe,KAAK,CAApB,QAAA,EAAK,KAAK,GAAK,MAAA,CAAA,KAAK,EAA1C,CAAA,MAAA,EAAA,UAAA,CAAkC,CAAF,CAAU;AAChD,IAAA,QACEA,IAAA,CAAC,KAAK,EAAA,QAAA,CAAA,EACJ,IAAI,EAAC,OAAO,EACZ,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,GAAG,EACN,eAAe,EAAC,UAAU,EAC1B,UAAU,EAAC,QAAQ,EACnB,GAAG,EAAC,GAAG,EACP,MAAM,EAAC,MAAM,EACb,MAAM,EAAC,QAAQ,EAAA,EACX,KAAK,EAAA,EAAA,QAAA,EAAA,CAETC,GAAC,CAAA,IAAI,EAAC,EAAA,IAAI,EAAC,GAAG,EAAC,KAAK,EAAC,SAAS,EAAA,CAAG,EACjCA,GAAA,CAAC,IAAI,EAAA,QAAA,CAAA,EAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,EACjC,EAAA,EAAA,QAAA,EAAA,QAAQ,EACJ,CAAA,CAAA,CAAA,EAAA,CAAA,CACD,EACT;AACH;;;;"}

package/dist/components/hint/Hint.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Hint } from './Hint';
+declare const meta: Meta<typeof Hint>;
+export default meta;
+type Story = StoryObj<typeof Hint>;
+export declare const Default: Story;
+//# sourceMappingURL=Hint.stories.d.ts.map

package/dist/components/hint/Hint.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hint.stories.d.ts","sourceRoot":"","sources":["../../../src/components/hint/Hint.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAItD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAG3B,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA"}

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

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

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

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

package/dist/components/icon/Icon.d.ts

@@ -0,0 +1,33 @@
+import type { ComponentType, SVGProps } from 'react';
+import type { IconColors } from "../../foundations/color";
+export declare const iconSizes: {
+    xs: number;
+    s: number;
+    m: number;
+    l: number;
+    xl: number;
+    '2xl': number;
+};
+type IconSize = keyof typeof iconSizes;
+type BaseIconProps = SVGProps<SVGSVGElement>;
+type IconProps = BaseIconProps & {
+    color?: IconColors;
+    size?: IconSize;
+    sizeW?: IconSize;
+    sizeH?: IconSize;
+};
+export type IconComponent = ComponentType<BaseIconProps | IconProps>;
+/**
+ * Renders a harmony Icon component
+ */
+export declare const Icon: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & BaseIconProps & {
+    color?: "heading" | "default" | "subdued" | "disabled" | "accent" | "staticWhite" | undefined;
+    size?: "xs" | "s" | "m" | "l" | "xl" | "2xl" | undefined;
+    sizeW?: "xs" | "s" | "m" | "l" | "xl" | "2xl" | undefined;
+    sizeH?: "xs" | "s" | "m" | "l" | "xl" | "2xl" | undefined;
+}, SVGProps<SVGSVGElement>, {}>;
+export {};
+//# sourceMappingURL=Icon.d.ts.map

package/dist/components/icon/Icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAKpD,OAAO,KAAK,EAAE,UAAU,EAAE,gCAAyB;AAEnD,eAAO,MAAM,SAAS;;;;;;;CAOrB,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,OAAO,SAAS,CAAA;AAEtC,KAAK,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAA;AAE5C,KAAK,SAAS,GAAG,aAAa,GAAG;IAC/B,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,KAAK,CAAC,EAAE,QAAQ,CAAA;IAChB,KAAK,CAAC,EAAE,QAAQ,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG,aAAa,CAAC,aAAa,GAAG,SAAS,CAAC,CAAA;AAEpE;;GAEG;AACH,eAAO,MAAM,IAAI;;;;;;;;+BAuBf,CAAA"}

package/dist/components/icon/Icon.js

@@ -0,0 +1,39 @@
+import { useTheme } from '@emotion/react';
+import styled from '@emotion/styled';
+
+const iconSizes = {
+    xs: 14,
+    s: 16,
+    m: 20,
+    l: 24,
+    xl: 30,
+    '2xl': 32
+};
+/**
+ * Renders a harmony Icon component
+ */
+const Icon = styled.svg((props) => {
+    const { color, size, sizeH, sizeW } = props;
+    const theme = useTheme();
+    const iconSize = size ? iconSizes[size] : undefined;
+    const iconSizeW = sizeW ? iconSizes[sizeW] : undefined;
+    const iconSizeH = sizeH ? iconSizes[sizeH] : undefined;
+    const iconColor = color ? theme.color.icon[color] : undefined;
+    return {
+        ...(iconSize && {
+            height: iconSize,
+            width: iconSize,
+            minWidth: iconSize
+        }),
+        ...(iconSizeH && {
+            height: iconSizeH
+        }),
+        ...(iconSizeW && {
+            width: iconSizeW
+        }),
+        ...(iconColor && { path: { fill: iconColor } })
+    };
+});
+
+export { Icon, iconSizes };
+//# sourceMappingURL=Icon.js.map

package/dist/components/icon/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sources":["../../../src/components/icon/Icon.tsx"],"sourcesContent":["import type { ComponentType, SVGProps } from 'react'\n\nimport { useTheme } from '@emotion/react'\nimport styled from '@emotion/styled'\n\nimport type { IconColors } from 'foundations/color'\n\nexport const iconSizes = {\n  xs: 14,\n  s: 16,\n  m: 20,\n  l: 24,\n  xl: 30,\n  '2xl': 32\n}\n\ntype IconSize = keyof typeof iconSizes\n\ntype BaseIconProps = SVGProps<SVGSVGElement>\n\ntype IconProps = BaseIconProps & {\n  color?: IconColors\n  size?: IconSize\n  sizeW?: IconSize\n  sizeH?: IconSize\n}\n\nexport type IconComponent = ComponentType<BaseIconProps | IconProps>\n\n/**\n * Renders a harmony Icon component\n */\nexport const Icon = styled.svg<IconProps>((props) => {\n  const { color, size, sizeH, sizeW } = props\n\n  const theme = useTheme()\n  const iconSize = size ? iconSizes[size] : undefined\n  const iconSizeW = sizeW ? iconSizes[sizeW] : undefined\n  const iconSizeH = sizeH ? iconSizes[sizeH] : undefined\n  const iconColor = color ? theme.color.icon[color] : undefined\n\n  return {\n    ...(iconSize && {\n      height: iconSize,\n      width: iconSize,\n      minWidth: iconSize\n    }),\n    ...(iconSizeH && {\n      height: iconSizeH\n    }),\n    ...(iconSizeW && {\n      width: iconSizeW\n    }),\n    ...(iconColor && { path: { fill: iconColor } })\n  }\n})\n"],"names":[],"mappings":";;;AAOa,MAAA,SAAS,GAAG;AACvB,IAAA,EAAE,EAAE,EAAE;AACN,IAAA,CAAC,EAAE,EAAE;AACL,IAAA,CAAC,EAAE,EAAE;AACL,IAAA,CAAC,EAAE,EAAE;AACL,IAAA,EAAE,EAAE,EAAE;AACN,IAAA,KAAK,EAAE,EAAE;EACV;AAeD;;AAEG;AACU,MAAA,IAAI,GAAG,MAAM,CAAC,GAAG,CAAY,CAAC,KAAK,KAAI;IAClD,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;AAE3C,IAAA,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;AACxB,IAAA,MAAM,QAAQ,GAAG,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC,GAAG,SAAS,CAAA;AACnD,IAAA,MAAM,SAAS,GAAG,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAAA;AACtD,IAAA,MAAM,SAAS,GAAG,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAAA;AACtD,IAAA,MAAM,SAAS,GAAG,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,SAAS,CAAA;IAE7D,OAAO;QACL,IAAI,QAAQ,IAAI;AACd,YAAA,MAAM,EAAE,QAAQ;AAChB,YAAA,KAAK,EAAE,QAAQ;AACf,YAAA,QAAQ,EAAE,QAAQ;SACnB;QACD,IAAI,SAAS,IAAI;AACf,YAAA,MAAM,EAAE,SAAS;SAClB;QACD,IAAI,SAAS,IAAI;AACf,YAAA,KAAK,EAAE,SAAS;SACjB;AACD,QAAA,IAAI,SAAS,IAAI,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;KAC/C,CAAA;AACH,CAAC;;;;"}

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

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

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

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

package/dist/components/icon.d.ts

@@ -0,0 +1,19 @@
+import type { ComponentType, SVGProps } from 'react';
+import type { IconColors } from '../foundations/color/semantic';
+import type { ShadowOptions } from '../foundations/shadows';
+import { iconSizes } from '../foundations/spacing';
+type IconSize = keyof typeof iconSizes;
+type SVGBaseProps = SVGProps<SVGSVGElement>;
+export type IconProps = {
+    color?: IconColors;
+    size?: IconSize;
+    sizeW?: IconSize;
+    sizeH?: IconSize;
+    height?: number;
+    width?: number;
+    shadow?: ShadowOptions;
+};
+type SVGIconProps = SVGBaseProps & IconProps;
+export type IconComponent = ComponentType<SVGBaseProps | SVGIconProps>;
+export {};
+//# sourceMappingURL=icon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../src/components/icon.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAA;AAC/D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAElD,KAAK,QAAQ,GAAG,MAAM,OAAO,SAAS,CAAA;AAEtC,KAAK,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAA;AAE3C,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,KAAK,CAAC,EAAE,QAAQ,CAAA;IAChB,KAAK,CAAC,EAAE,QAAQ,CAAA;IAChB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,aAAa,CAAA;CACvB,CAAA;AAED,KAAK,YAAY,GAAG,YAAY,GAAG,SAAS,CAAA;AAE5C,MAAM,MAAM,aAAa,GAAG,aAAa,CAAC,YAAY,GAAG,YAAY,CAAC,CAAA"}

package/dist/components/icon.js

@@ -0,0 +1,11 @@
+var iconSizes = {
+    xs: 14,
+    s: 16,
+    m: 20,
+    l: 24,
+    xl: 30,
+    '2xl': 32
+};
+
+export { iconSizes };
+//# sourceMappingURL=icon.js.map

package/dist/components/icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.js","sources":["../../src/components/icon.ts"],"sourcesContent":["import type { ComponentType, SVGProps } from 'react'\n\nimport type { IconColors } from '../foundations/color/semantic'\nimport type { ShadowOptions } from '../foundations/shadows'\n\nexport const iconSizes = {\n  xs: 14,\n  s: 16,\n  m: 20,\n  l: 24,\n  xl: 30,\n  '2xl': 32\n}\n\ntype IconSize = keyof typeof iconSizes\n\ntype SVGBaseProps = SVGProps<SVGSVGElement>\n\nexport type IconProps = {\n  color?: IconColors\n  size?: IconSize\n  sizeW?: IconSize\n  sizeH?: IconSize\n  height?: number\n  width?: number\n  shadow?: ShadowOptions\n}\n\ntype SVGIconProps = SVGBaseProps & IconProps\n\nexport type IconComponent = ComponentType<SVGBaseProps | SVGIconProps>\n"],"names":[],"mappings":"AAKa,IAAA,SAAS,GAAG;AACvB,IAAA,EAAE,EAAE,EAAE;AACN,IAAA,CAAC,EAAE,EAAE;AACL,IAAA,CAAC,EAAE,EAAE;AACL,IAAA,CAAC,EAAE,EAAE;AACL,IAAA,EAAE,EAAE,EAAE;AACN,IAAA,KAAK,EAAE,EAAE;;;;;"}

package/dist/components/index.d.ts

@@ -0,0 +1,18 @@
+export * from './avatar';
+export * from './input';
+export * from './layout';
+export * from './text';
+export * from './button';
+export * from './completion-check';
+export * from './icon';
+export * from './text-link';
+export * from './hint';
+export * from './tag';
+export * from './switch';
+export * from './segmented-control';
+export * from './scrollbar';
+export * from './radio';
+export * from './radio-group';
+export * from './popup-menu';
+export * from './modal';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,oBAAoB,CAAA;AAClC,cAAc,QAAQ,CAAA;AACtB,cAAc,aAAa,CAAA;AAC3B,cAAc,QAAQ,CAAA;AACtB,cAAc,OAAO,CAAA;AACrB,cAAc,UAAU,CAAA;AACxB,cAAc,qBAAqB,CAAA;AACnC,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA"}

package/dist/components/input/PasswordInput/PasswordInput.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const PasswordInput: (props: Omit<import("../TextInput").TextInputProps, "type"> & {
+    hideVisibilityToggle?: boolean | undefined;
+} & import("react").RefAttributes<HTMLInputElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+//# sourceMappingURL=PasswordInput.d.ts.map

package/dist/components/input/PasswordInput/PasswordInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordInput.d.ts","sourceRoot":"","sources":["../../../../src/components/input/PasswordInput/PasswordInput.tsx"],"names":[],"mappings":";AAgBA,eAAO,MAAM,aAAa;;qJA+BzB,CAAA"}

package/dist/components/input/PasswordInput/PasswordInput.js

@@ -0,0 +1,31 @@
+import { __rest, __assign } from '../../../_virtual/_tslib.js';
+import { jsx } from '@emotion/react/jsx-runtime';
+import { forwardRef } from 'react';
+import { useToggle } from 'react-use';
+import '../../button/Button/Button.js';
+import '../../button/PlainButton/PlainButton.js';
+import { IconVisibilityPublic, IconVisibilityHidden } from '../../../icons/utilityIcons.js';
+import '@emotion/react';
+import '@emotion/css';
+import '../../button/FollowButton/FollowButton.js';
+import '../../button/FilterButton/FilterButton.js';
+import { IconButton } from '../../button/IconButton/IconButton.js';
+import { TextInput } from '../TextInput/TextInput.js';
+
+var messages = {
+    hidePasswordInput: 'Hide password input',
+    showPasswordInput: 'Show password input'
+};
+var PasswordInput = forwardRef(function (props, ref) {
+    var hideVisibilityToggle = props.hideVisibilityToggle, restProps = __rest(props, ["hideVisibilityToggle"]);
+    var _a = useToggle(false), isPasswordVisible = _a[0], toggleIsPasswordVisible = _a[1];
+    var VisibilityIcon = isPasswordVisible
+        ? IconVisibilityPublic
+        : IconVisibilityHidden;
+    return (jsx(TextInput, __assign({ ref: ref, type: isPasswordVisible ? 'text' : 'password', endAdornment: hideVisibilityToggle ? null : (jsx(IconButton, { icon: VisibilityIcon, color: 'subdued', onClick: toggleIsPasswordVisible, "aria-label": isPasswordVisible
+                ? messages.hidePasswordInput
+                : messages.showPasswordInput, ripple: true })) }, restProps)));
+});
+
+export { PasswordInput };
+//# sourceMappingURL=PasswordInput.js.map

package/dist/components/input/PasswordInput/PasswordInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordInput.js","sources":["../../../../src/components/input/PasswordInput/PasswordInput.tsx"],"sourcesContent":["import { forwardRef } from 'react'\n\nimport { useToggle } from 'react-use'\n\nimport { IconButton } from 'components/button'\nimport { IconVisibilityHidden, IconVisibilityPublic } from 'icons'\n\nimport { TextInput } from '../TextInput'\n\nimport type { PasswordInputProps } from './types'\n\nconst messages = {\n  hidePasswordInput: 'Hide password input',\n  showPasswordInput: 'Show password input'\n}\n\nexport const PasswordInput = forwardRef<HTMLInputElement, PasswordInputProps>(\n  (props, ref) => {\n    const { hideVisibilityToggle, ...restProps } = props\n    const [isPasswordVisible, toggleIsPasswordVisible] = useToggle(false)\n    const VisibilityIcon = isPasswordVisible\n      ? IconVisibilityPublic\n      : IconVisibilityHidden\n\n    return (\n      <TextInput\n        ref={ref}\n        type={isPasswordVisible ? 'text' : 'password'}\n        endAdornment={\n          hideVisibilityToggle ? null : (\n            <IconButton\n              icon={VisibilityIcon}\n              color='subdued'\n              onClick={toggleIsPasswordVisible}\n              aria-label={\n                isPasswordVisible\n                  ? messages.hidePasswordInput\n                  : messages.showPasswordInput\n              }\n              ripple\n            />\n          )\n        }\n        {...restProps}\n      />\n    )\n  }\n)\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;AAWA,IAAM,QAAQ,GAAG;AACf,IAAA,iBAAiB,EAAE,qBAAqB;AACxC,IAAA,iBAAiB,EAAE,qBAAqB;CACzC,CAAA;IAEY,aAAa,GAAG,UAAU,CACrC,UAAC,KAAK,EAAE,GAAG,EAAA;IACD,IAAA,oBAAoB,GAAmB,KAAK,CAAxB,oBAAA,EAAK,SAAS,GAAA,MAAA,CAAK,KAAK,EAA9C,CAAsC,sBAAA,CAAA,CAAF,CAAU;IAC9C,IAAA,EAAA,GAA+C,SAAS,CAAC,KAAK,CAAC,EAA9D,iBAAiB,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,uBAAuB,GAAA,EAAA,CAAA,CAAA,CAAoB,CAAA;IACrE,IAAM,cAAc,GAAG,iBAAiB;AACtC,UAAE,oBAAoB;UACpB,oBAAoB,CAAA;IAExB,QACEA,IAAC,SAAS,EAAA,QAAA,CAAA,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,iBAAiB,GAAG,MAAM,GAAG,UAAU,EAC7C,YAAY,EACV,oBAAoB,GAAG,IAAI,IACzBA,GAAA,CAAC,UAAU,EACT,EAAA,IAAI,EAAE,cAAc,EACpB,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,uBAAuB,EAAA,YAAA,EAE9B,iBAAiB;kBACb,QAAQ,CAAC,iBAAiB;AAC5B,kBAAE,QAAQ,CAAC,iBAAiB,EAEhC,MAAM,EACN,IAAA,EAAA,CAAA,CACH,EAEC,EAAA,SAAS,CACb,CAAA,EACH;AACH,CAAC;;;;"}

package/dist/components/input/PasswordInput/PasswordInput.modules.css.js

@@ -0,0 +1,4 @@
+var styles = {"button":"PasswordInput-modules_button__IvtK-"};
+
+export { styles as default };
+//# sourceMappingURL=PasswordInput.modules.css.js.map

package/dist/components/input/PasswordInput/PasswordInput.modules.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordInput.modules.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/input/PasswordInput/PasswordInput.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { PasswordInput } from './PasswordInput';
+declare const meta: Meta<typeof PasswordInput>;
+export default meta;
+type Story = StoryObj<typeof PasswordInput>;
+export declare const Default: Story;
+export declare const NoVisibilityToggle: Story;
+//# sourceMappingURL=PasswordInput.stories.d.ts.map

package/dist/components/input/PasswordInput/PasswordInput.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordInput.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/input/PasswordInput/PasswordInput.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEtD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAgB/C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAWpC,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAA;AAE3C,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAKhC,CAAA"}

package/dist/components/input/PasswordInput/index.d.ts

@@ -0,0 +1,3 @@
+export * from './PasswordInput';
+export { PasswordInputProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/input/PasswordInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/input/PasswordInput/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA"}

package/dist/components/input/PasswordInput/types.d.ts

@@ -0,0 +1,5 @@
+import type { TextInputProps } from '../TextInput/types';
+export type PasswordInputProps = Omit<TextInputProps, 'type'> & {
+    hideVisibilityToggle?: boolean;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/input/PasswordInput/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/input/PasswordInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAExD,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC,GAAG;IAC9D,oBAAoB,CAAC,EAAE,OAAO,CAAA;CAC/B,CAAA"}

package/dist/components/input/SelectablePill/SelectablePill.d.ts

@@ -0,0 +1,3 @@
+import type { SelectablePillProps } from './types';
+export declare const SelectablePill: (props: SelectablePillProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SelectablePill.d.ts.map

package/dist/components/input/SelectablePill/SelectablePill.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectablePill.d.ts","sourceRoot":"","sources":["../../../../src/components/input/SelectablePill/SelectablePill.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAkBlD,eAAO,MAAM,cAAc,UAAW,mBAAmB,qDAqIxD,CAAA"}

package/dist/components/input/SelectablePill/SelectablePill.js

@@ -0,0 +1,70 @@
+import { __rest, __assign } from '../../../_virtual/_tslib.js';
+import { jsxs, Fragment, jsx } from '@emotion/react/jsx-runtime';
+import { useTheme } from '@emotion/react';
+import { HiddenInput } from '../../common/HiddenInput.js';
+import { useRadioGroup } from '../../radio-group/useRadioGroup.js';
+import { Text } from '../../text/Text/Text.js';
+
+var RadioInput = function (props) {
+    var _a = useRadioGroup(props), name = _a.name, checked = _a.checked, onChange = _a.onChange;
+    var isSelected = props.isSelected;
+    return (jsx(HiddenInput, __assign({}, props, { name: name, checked: checked !== null && checked !== void 0 ? checked : isSelected, onChange: onChange })));
+};
+var SelectablePill = function (props) {
+    var isSelected = props.isSelected, _a = props.size, size = _a === void 0 ? 'small' : _a, _isHovered = props._isHovered, Icon = props.icon, className = props.className, other = __rest(props, ["isSelected", "size", "_isHovered", "icon", "className"]);
+    var disabled = other.disabled, type = other.type;
+    var theme = useTheme();
+    var spacing = theme.spacing;
+    var hoverCss = __assign({ backgroundColor: theme.color.secondary.s200, color: theme.color.static.white, border: "1px solid ".concat(theme.color.secondary.secondary) }, (size === 'large' && {
+        backgroundColor: theme.color.secondary.s100,
+        border: "1px solid ".concat(theme.color.secondary.s200),
+        boxShadow: 'none'
+    }));
+    var activeCss = __assign({ backgroundColor: theme.color.secondary.s400, color: theme.color.static.white, border: "1px solid ".concat(theme.color.secondary.s400) }, (size === 'large' && {
+        boxShadow: 'none'
+    }));
+    var rootCss = __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({ display: 'inline-flex', position: 'relative', alignItems: 'center', justifyContent: 'center', gap: theme.spacing.xs, color: theme.color.text.default, backgroundColor: theme.color.background.white, cursor: 'pointer', userSelect: 'none', transition: 'all 0.12s ease-out', textWrap: 'nowrap', border: "1px solid ".concat(theme.color.border.strong), borderRadius: theme.cornerRadius['2xl'] }, (size === 'small' && {
+        height: theme.spacing.xl,
+        paddingInline: theme.spacing.m
+    })), (size === 'large' && {
+        height: theme.spacing['2xl'],
+        paddingInline: theme.spacing.l,
+        boxShadow: theme.shadows.near
+    })), (size === 'oversized' && {
+        height: spacing.unit12,
+        padding: spacing.m,
+        borderWidth: 2
+    })), (disabled && { opacity: 0.45 })), (_isHovered && hoverCss)), (isSelected && activeCss)), ((disabled || _isHovered) && {
+        pointerEvents: 'none'
+    })), { ':hover': hoverCss, ':active': activeCss });
+    var iconCss = {
+        width: spacing.l,
+        height: spacing.l,
+        '& path': {
+            fill: 'currentColor'
+        }
+    };
+    var rootProps = {
+        css: rootCss,
+        className: className
+    };
+    var pillContent = (jsxs(Fragment, { children: [Icon ? jsx(Icon, { css: iconCss }) : null, 'label' in other ? (jsx(Text, __assign({ variant: size === 'oversized' ? 'heading' : 'body', tag: 'span', css: size === 'oversized' && { textTransform: 'uppercase' } }, { children: other.label }))) : null] }));
+    switch (type) {
+        case 'checkbox': {
+            var checked = other.checked, rest = __rest(other, ["checked"]);
+            return (jsxs("label", __assign({}, rootProps, { children: [pillContent, jsx(HiddenInput, __assign({}, rest, { checked: checked !== null && checked !== void 0 ? checked : isSelected }))] })));
+        }
+        case 'radio': {
+            return (jsxs("label", __assign({}, rootProps, { children: [pillContent, jsx(RadioInput, __assign({}, other, { isSelected: isSelected }))] })));
+        }
+        case 'button':
+        case 'reset':
+        case 'submit':
+        default: {
+            return (jsx("button", __assign({}, rootProps, other, { children: pillContent })));
+        }
+    }
+};
+
+export { SelectablePill };
+//# sourceMappingURL=SelectablePill.js.map

package/dist/components/input/SelectablePill/SelectablePill.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectablePill.js","sources":["../../../../src/components/input/SelectablePill/SelectablePill.tsx"],"sourcesContent":["import { ComponentProps } from 'react'\n\nimport { CSSObject, useTheme } from '@emotion/react'\n\nimport { HiddenInput } from 'components/common/HiddenInput'\nimport { useRadioGroup } from 'components/radio-group/useRadioGroup'\nimport { Text } from 'components/text'\n\nimport type { SelectablePillProps } from './types'\n\nconst RadioInput = (\n  props: ComponentProps<'input'> & { isSelected?: boolean }\n) => {\n  const { name, checked, onChange } = useRadioGroup(props)\n  const { isSelected } = props\n\n  return (\n    <HiddenInput\n      {...props}\n      name={name}\n      checked={checked ?? isSelected}\n      onChange={onChange}\n    />\n  )\n}\n\nexport const SelectablePill = (props: SelectablePillProps) => {\n  const {\n    isSelected,\n    size = 'small',\n    _isHovered,\n    icon: Icon,\n    className,\n    ...other\n  } = props\n\n  const { disabled, type } = other\n\n  const theme = useTheme()\n  const { spacing } = theme\n\n  const hoverCss: CSSObject = {\n    backgroundColor: theme.color.secondary.s200,\n    color: theme.color.static.white,\n    border: `1px solid ${theme.color.secondary.secondary}`,\n    ...(size === 'large' && {\n      backgroundColor: theme.color.secondary.s100,\n      border: `1px solid ${theme.color.secondary.s200}`,\n      boxShadow: 'none'\n    })\n  }\n\n  const activeCss: CSSObject = {\n    backgroundColor: theme.color.secondary.s400,\n    color: theme.color.static.white,\n    border: `1px solid ${theme.color.secondary.s400}`,\n\n    ...(size === 'large' && {\n      boxShadow: 'none'\n    })\n  }\n\n  const rootCss: CSSObject = {\n    display: 'inline-flex',\n    position: 'relative',\n    alignItems: 'center',\n    justifyContent: 'center',\n    gap: theme.spacing.xs,\n    color: theme.color.text.default,\n    backgroundColor: theme.color.background.white,\n    cursor: 'pointer',\n    userSelect: 'none',\n    transition: 'all 0.12s ease-out',\n    textWrap: 'nowrap',\n    border: `1px solid ${theme.color.border.strong}`,\n    borderRadius: theme.cornerRadius['2xl'],\n    ...(size === 'small' && {\n      height: theme.spacing.xl,\n      paddingInline: theme.spacing.m\n    }),\n    ...(size === 'large' && {\n      height: theme.spacing['2xl'],\n      paddingInline: theme.spacing.l,\n      boxShadow: theme.shadows.near\n    }),\n    ...(size === 'oversized' && {\n      height: spacing.unit12,\n      padding: spacing.m,\n      borderWidth: 2\n    }),\n    ...(disabled && { opacity: 0.45 }),\n    ...(_isHovered && hoverCss),\n    ...(isSelected && activeCss),\n    ...((disabled || _isHovered) && {\n      pointerEvents: 'none'\n    }),\n    ':hover': hoverCss,\n    ':active': activeCss\n  }\n\n  const iconCss = {\n    width: spacing.l,\n    height: spacing.l,\n\n    '& path': {\n      fill: 'currentColor'\n    }\n  }\n\n  const rootProps = {\n    css: rootCss,\n    className\n  }\n\n  const pillContent = (\n    <>\n      {Icon ? <Icon css={iconCss} /> : null}\n      {'label' in other ? (\n        <Text\n          variant={size === 'oversized' ? 'heading' : 'body'}\n          tag='span'\n          css={size === 'oversized' && { textTransform: 'uppercase' }}\n        >\n          {other.label}\n        </Text>\n      ) : null}\n    </>\n  )\n\n  switch (type) {\n    case 'checkbox': {\n      const { checked, ...rest } = other\n\n      return (\n        <label {...rootProps}>\n          {pillContent}\n          <HiddenInput {...rest} checked={checked ?? isSelected} />\n        </label>\n      )\n    }\n    case 'radio': {\n      return (\n        <label {...rootProps}>\n          {pillContent}\n          <RadioInput {...other} isSelected={isSelected} />\n        </label>\n      )\n    }\n    case 'button':\n    case 'reset':\n    case 'submit':\n    default: {\n      return (\n        <button {...rootProps} {...other}>\n          {pillContent}\n        </button>\n      )\n    }\n  }\n}\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}

package/dist/components/input/SelectablePill/SelectablePill.module.css.js

@@ -0,0 +1,4 @@
+var styles = {"pill":"SelectablePill-module_pill__KQ1uO","large":"SelectablePill-module_large__BZp5I","selected":"SelectablePill-module_selected__bp7iY","disabled":"SelectablePill-module_disabled__yqAWj","icon":"SelectablePill-module_icon__0xA2w"};
+
+export { styles as default };
+//# sourceMappingURL=SelectablePill.module.css.js.map

package/dist/components/input/SelectablePill/SelectablePill.module.css.js.map

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

package/dist/components/input/SelectablePill/SelectablePill.stories.d.ts

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { SelectablePill } from './SelectablePill';
+declare const meta: Meta<typeof SelectablePill>;
+export default meta;
+type Story = StoryObj<typeof SelectablePill>;
+export declare const Primary: Story;
+export declare const Size: Story;
+export declare const States: Story;
+export declare const PillAsMenu: Story;
+export declare const LeadingIcon: Story;
+export declare const PillAsInput: Story;
+//# sourceMappingURL=SelectablePill.stories.d.ts.map

package/dist/components/input/SelectablePill/SelectablePill.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectablePill.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/input/SelectablePill/SelectablePill.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAKtD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAMrC,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAA;AAE5C,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,KAalB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KA8BpB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAExB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAEzB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAazB,CAAA"}

package/dist/components/input/SelectablePill/index.d.ts

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

package/dist/components/input/SelectablePill/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/input/SelectablePill/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA"}

package/dist/components/input/SelectablePill/types.d.ts

@@ -0,0 +1,28 @@
+import type { ComponentPropsWithoutRef } from 'react';
+import type { IconComponent } from '../../icon';
+type InternalProps = {
+    /**
+     * @ignore: This prop is for internal use only
+     */
+    _isHovered?: boolean;
+};
+type BaseProps = {
+    size?: 'small' | 'large' | 'oversized';
+    isSelected?: boolean;
+    disabled?: boolean;
+    icon?: IconComponent;
+};
+type LabelProps = {
+    label: string;
+} | {
+    icon: IconComponent;
+    'aria-label': string;
+};
+type InputProps = ({
+    type: 'checkbox' | 'radio';
+} & Omit<ComponentPropsWithoutRef<'input'>, 'children' | 'size'>) | ({
+    type?: 'button' | 'submit' | 'reset' | undefined;
+} & Omit<ComponentPropsWithoutRef<'button'>, 'children'>);
+export type SelectablePillProps = BaseProps & LabelProps & InternalProps & InputProps;
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/input/SelectablePill/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/input/SelectablePill/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAA;AAErD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAE/C,KAAK,aAAa,GAAG;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;AAED,KAAK,SAAS,GAAG;IAEf,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,WAAW,CAAA;IACtC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,aAAa,CAAA;CACrB,CAAA;AAED,KAAK,UAAU,GACX;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,GACjB;IAAE,IAAI,EAAE,aAAa,CAAC;IAAC,YAAY,EAAE,MAAM,CAAA;CAAE,CAAA;AAEjD,KAAK,UAAU,GACX,CAAC;IACC,IAAI,EAAE,UAAU,GAAG,OAAO,CAAA;CAC3B,GAAG,IAAI,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC,CAAC,GACjE,CAAC;IACC,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAA;CACjD,GAAG,IAAI,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,CAAC,CAAA;AAE7D,MAAM,MAAM,mBAAmB,GAAG,SAAS,GACzC,UAAU,GACV,aAAa,GACb,UAAU,CAAA"}

package/dist/components/input/TextInput/TextInput.d.ts

@@ -0,0 +1,29 @@
+import { ReactNode } from 'react';
+import { TextInputSize } from './types';
+/**
+ * An input is a field where users can enter and edit text and  enables the user to provide input in the form of plain text.
+ */
+export declare const TextInput: (props: Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "required" | "size"> & {
+    size?: TextInputSize | undefined;
+    warning?: boolean | undefined;
+    error?: boolean | undefined;
+    hideLabel?: boolean | undefined;
+    label: string;
+    inputRootClassName?: string | undefined;
+    helperText?: ReactNode;
+    startAdornmentText?: string | undefined;
+    endAdornmentText?: string | undefined;
+    startIcon?: import("../..").IconComponent | undefined;
+    endIcon?: import("../..").IconComponent | undefined;
+    IconProps?: Partial<import("../..").IconProps> | undefined;
+    endAdornment?: ReactNode;
+    required?: boolean | undefined;
+    showMaxLengthThreshold?: number | undefined;
+    maxLengthWarningThreshold?: number | undefined;
+} & {
+    _incorrectError?: boolean | undefined;
+    _isHovered?: boolean | undefined;
+    _isFocused?: boolean | undefined;
+    _disablePointerEvents?: boolean | undefined;
+} & import("react").RefAttributes<HTMLInputElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+//# sourceMappingURL=TextInput.d.ts.map

package/dist/components/input/TextInput/TextInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../../src/components/input/TextInput/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAA;AAWpD,OAAO,EAAE,aAAa,EAAuB,MAAM,SAAS,CAAA;AAE5D;;GAEG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;qJAyNrB,CAAA"}