@raystack/apsara 0.39.0 → 0.40.0

package/dist/v1/components/input-field/input-field.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"input-field.cjs","sources":["../../../../v1/components/input-field/input-field.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport clsx from \"clsx\";\nimport { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport { InfoCircledIcon } from \"@radix-ui/react-icons\";\nimport { Tooltip } from \"../tooltip\";\n\nimport { Chip } from \"../chip\";\nimport styles from \"./input-field.module.css\";\n\n// Todo: Add a dropdown support\n\nconst inputWrapper = cva(styles.inputWrapper, {\n  variants: {\n    size: {\n      small: styles[\"size-small\"],\n      large: styles[\"size-large\"],\n    },\n    variant: {\n      default: styles[\"variant-default\"],\n      borderless: styles[\"variant-borderless\"],\n    }\n  },\n  defaultVariants: {\n    size: \"large\",\n    variant: \"default\",\n  }\n});\n\nexport interface InputFieldProps\n  extends Omit<ComponentPropsWithoutRef<\"input\">, \"error\" | \"size\">,\n    VariantProps<typeof inputWrapper> {\n  label?: string;\n  helperText?: string;\n  error?: string;\n  disabled?: boolean;\n  leadingIcon?: ReactNode;\n  trailingIcon?: ReactNode;\n  optional?: boolean;\n  prefix?: string;\n  suffix?: string;\n  width?: string | number;\n  chips?: Array<{ label: string; onRemove?: () => void }>;\n  maxChipsVisible?: number;\n  ref?: React.RefObject<HTMLInputElement>;\n  infoTooltip?: string;\n  variant?: \"default\" | \"borderless\";\n}\n\nexport const InputField = ({ \n  className,\n  disabled,\n  label,\n  helperText,\n  placeholder,\n  error,\n  leadingIcon,\n  trailingIcon,\n  optional,\n  prefix,\n  suffix,\n  width,\n  chips,\n  maxChipsVisible = 2,\n  ref,\n  size,\n  infoTooltip,\n  variant = \"default\",\n  ...props \n}: InputFieldProps) => {\n  return (\n    <div className={styles.container} style={{ width: width || '100%' }}>\n      {label && (\n        <div className={styles.labelContainer}>\n          <label className={clsx(styles.label, disabled && styles[\"label-disabled\"])}>\n            {label}\n            {optional && <span className={styles.optional}>(optional)</span>}\n          </label>\n          {infoTooltip && (\n            <Tooltip message={infoTooltip} side=\"right\">\n              <span className={styles.helpIcon}>\n                <InfoCircledIcon />\n              </span>\n            </Tooltip>\n          )}\n        </div>\n      )}\n      <div \n        className={clsx(\n          inputWrapper({ size, variant, className }),\n          error && styles['input-error-wrapper'],\n          disabled && styles['input-disabled-wrapper'],\n          chips?.length && styles['has-chips']\n        )}\n      >\n        {leadingIcon && <div className={styles['leading-icon']}>{leadingIcon}</div>}\n        {prefix && <div className={styles.prefix}>{prefix}</div>}\n        \n        <div className={styles['chip-input-container']}>\n          {chips?.slice(0, maxChipsVisible).map((chip, index) => (\n            <Chip\n              key={index}\n              variant=\"outline\"\n              isDismissible={!!chip.onRemove}\n              onDismiss={chip.onRemove}\n              className={styles.chip}\n            >\n              {chip.label}\n            </Chip>\n          ))}\n          {chips && chips.length > maxChipsVisible && (\n            <span className={styles['chip-overflow']}>\n              +{chips.length - maxChipsVisible}\n            </span>\n          )}\n          <input\n            ref={ref}\n            className={clsx(\n              styles['input-field'],\n              leadingIcon && styles['has-leading-icon'],\n              trailingIcon && styles['has-trailing-icon'],\n              prefix && styles['has-prefix'],\n              suffix && styles['has-suffix'],\n              error && styles['input-error'],\n              disabled && styles['input-disabled'],\n              className\n            )}\n            aria-invalid={!!error}\n            placeholder={placeholder}\n            disabled={disabled}\n            {...props}\n          />\n        </div>\n        \n        {suffix && <div className={styles.suffix}>{suffix}</div>}\n        {trailingIcon && <div className={styles['trailing-icon']}>{trailingIcon}</div>}\n      </div>\n      {(error || helperText) && (\n        <span \n          className={clsx(\n            styles['helper-text'], \n            error && styles['helper-text-error'],\n            disabled && styles['helper-text-disabled']\n          )}\n        >\n          {error || helperText}\n        </span>\n      )}\n    </div>\n  );\n};\n\nInputField.displayName = \"InputField\";"],"names":["cva","styles","_jsxs","clsx","_jsx","Tooltip","InfoCircledIcon","chip","Chip"],"mappings":"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"}
+{"version":3,"file":"input-field.cjs","sources":["../../../../v1/components/input-field/input-field.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport clsx from \"clsx\";\nimport { ComponentPropsWithoutRef, ReactNode, forwardRef } from \"react\";\nimport { InfoCircledIcon } from \"@radix-ui/react-icons\";\nimport { Tooltip } from \"../tooltip\";\n\nimport { Chip } from \"../chip\";\nimport styles from \"./input-field.module.css\";\n\n// Todo: Add a dropdown support\n\nconst inputWrapper = cva(styles.inputWrapper, {\n  variants: {\n    size: {\n      small: styles[\"size-small\"],\n      large: styles[\"size-large\"],\n    },\n    variant: {\n      default: styles[\"variant-default\"],\n      borderless: styles[\"variant-borderless\"],\n    },\n  },\n  defaultVariants: {\n    size: \"large\",\n    variant: \"default\",\n  },\n});\n\nexport interface InputFieldProps\n  extends Omit<ComponentPropsWithoutRef<\"input\">, \"error\" | \"size\">,\n    VariantProps<typeof inputWrapper> {\n  label?: string;\n  helperText?: string;\n  error?: string;\n  disabled?: boolean;\n  leadingIcon?: ReactNode;\n  trailingIcon?: ReactNode;\n  optional?: boolean;\n  prefix?: string;\n  suffix?: string;\n  width?: string | number;\n  chips?: Array<{ label: string; onRemove?: () => void }>;\n  maxChipsVisible?: number;\n  ref?: React.RefObject<HTMLInputElement>;\n  infoTooltip?: string;\n  variant?: \"default\" | \"borderless\";\n}\n\nexport const InputField = forwardRef<HTMLInputElement, InputFieldProps>(\n  (\n    {\n      className,\n      disabled,\n      label,\n      helperText,\n      placeholder,\n      error,\n      leadingIcon,\n      trailingIcon,\n      optional,\n      prefix,\n      suffix,\n      width,\n      chips,\n      maxChipsVisible = 2,\n      size,\n      infoTooltip,\n      variant = \"default\",\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <div className={styles.container} style={{ width: width || \"100%\" }}>\n        {label && (\n          <div className={styles.labelContainer}>\n            <label\n              className={clsx(\n                styles.label,\n                disabled && styles[\"label-disabled\"]\n              )}\n            >\n              {label}\n              {optional && <span className={styles.optional}>(optional)</span>}\n            </label>\n            {infoTooltip && (\n              <Tooltip message={infoTooltip} side=\"right\">\n                <span className={styles.helpIcon}>\n                  <InfoCircledIcon />\n                </span>\n              </Tooltip>\n            )}\n          </div>\n        )}\n        <div\n          className={clsx(\n            inputWrapper({ size, variant, className }),\n            error && styles[\"input-error-wrapper\"],\n            disabled && styles[\"input-disabled-wrapper\"],\n            chips?.length && styles[\"has-chips\"]\n          )}\n        >\n          {leadingIcon && (\n            <div className={styles[\"leading-icon\"]}>{leadingIcon}</div>\n          )}\n          {prefix && <div className={styles.prefix}>{prefix}</div>}\n\n          <div className={styles[\"chip-input-container\"]}>\n            {chips?.slice(0, maxChipsVisible).map((chip, index) => (\n              <Chip\n                key={index}\n                variant=\"outline\"\n                isDismissible={!!chip.onRemove}\n                onDismiss={chip.onRemove}\n                className={styles.chip}\n              >\n                {chip.label}\n              </Chip>\n            ))}\n            {chips && chips.length > maxChipsVisible && (\n              <span className={styles[\"chip-overflow\"]}>\n                +{chips.length - maxChipsVisible}\n              </span>\n            )}\n            <input\n              ref={ref}\n              className={clsx(\n                styles[\"input-field\"],\n                leadingIcon && styles[\"has-leading-icon\"],\n                trailingIcon && styles[\"has-trailing-icon\"],\n                prefix && styles[\"has-prefix\"],\n                suffix && styles[\"has-suffix\"],\n                error && styles[\"input-error\"],\n                disabled && styles[\"input-disabled\"],\n                className\n              )}\n              aria-invalid={!!error}\n              placeholder={placeholder}\n              disabled={disabled}\n              {...props}\n            />\n          </div>\n\n          {suffix && <div className={styles.suffix}>{suffix}</div>}\n          {trailingIcon && (\n            <div className={styles[\"trailing-icon\"]}>{trailingIcon}</div>\n          )}\n        </div>\n        {(error || helperText) && (\n          <span\n            className={clsx(\n              styles[\"helper-text\"],\n              error && styles[\"helper-text-error\"],\n              disabled && styles[\"helper-text-disabled\"]\n            )}\n          >\n            {error || helperText}\n          </span>\n        )}\n      </div>\n    );\n  }\n);\n\nInputField.displayName = \"InputField\";\n"],"names":["cva","styles","forwardRef","_jsxs","clsx","_jsx","Tooltip","InfoCircledIcon","chip","Chip"],"mappings":"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"}

package/dist/v1/components/input-field/input-field.d.ts

@@ -24,9 +24,6 @@ export interface InputFieldProps extends Omit<ComponentPropsWithoutRef<"input">,
     infoTooltip?: string;
     variant?: "default" | "borderless";
 }
-export declare const InputField: {
-    ({ className, disabled, label, helperText, placeholder, error, leadingIcon, trailingIcon, optional, prefix, suffix, width, chips, maxChipsVisible, ref, size, infoTooltip, variant, ...props }: InputFieldProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const InputField: import("react").ForwardRefExoticComponent<Omit<InputFieldProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
 export {};
 //# sourceMappingURL=input-field.d.ts.map

package/dist/v1/components/input-field/input-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input-field.d.ts","sourceRoot":"","sources":["../../../../v1/components/input-field/input-field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAS5D,QAAA,MAAM,YAAY;;;mFAehB,CAAC;AAEH,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC,EAC/D,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC,CAAC;IACxD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,YAAY,CAAC;CACpC;AAED,eAAO,MAAM,UAAU;oMAoBpB,eAAe;;CAiFjB,CAAC"}
+{"version":3,"file":"input-field.d.ts","sourceRoot":"","sources":["../../../../v1/components/input-field/input-field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAE,wBAAwB,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AASxE,QAAA,MAAM,YAAY;;;mFAehB,CAAC;AAEH,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC,EAC/D,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC,CAAC;IACxD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,YAAY,CAAC;CACpC;AAED,eAAO,MAAM,UAAU,2HAkHtB,CAAC"}

package/dist/v1/components/input-field/input-field.js

@@ -1,6 +1,7 @@
 import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
 import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
 import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
+import { forwardRef } from 'react';
 import { InfoCircledIcon } from '../../node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js';
 import { Tooltip } from '../tooltip/tooltip.js';
 import { Chip } from '../chip/chip.js';
@@ -16,16 +17,16 @@ const inputWrapper = cva(styles.inputWrapper, {
         variant: {
             default: styles["variant-default"],
             borderless: styles["variant-borderless"],
-        }
+        },
     },
     defaultVariants: {
         size: "large",
         variant: "default",
-    }
+    },
+});
+const InputField = forwardRef(({ className, disabled, label, helperText, placeholder, error, leadingIcon, trailingIcon, optional, prefix, suffix, width, chips, maxChipsVisible = 2, size, infoTooltip, variant = "default", ...props }, ref) => {
+    return (jsxRuntimeExports.jsxs("div", { className: styles.container, style: { width: width || "100%" }, children: [label && (jsxRuntimeExports.jsxs("div", { className: styles.labelContainer, children: [jsxRuntimeExports.jsxs("label", { className: clsx(styles.label, disabled && styles["label-disabled"]), children: [label, optional && jsxRuntimeExports.jsx("span", { className: styles.optional, children: "(optional)" })] }), infoTooltip && (jsxRuntimeExports.jsx(Tooltip, { message: infoTooltip, side: "right", children: jsxRuntimeExports.jsx("span", { className: styles.helpIcon, children: jsxRuntimeExports.jsx(InfoCircledIcon, {}) }) }))] })), jsxRuntimeExports.jsxs("div", { className: clsx(inputWrapper({ size, variant, className }), error && styles["input-error-wrapper"], disabled && styles["input-disabled-wrapper"], chips?.length && styles["has-chips"]), children: [leadingIcon && (jsxRuntimeExports.jsx("div", { className: styles["leading-icon"], children: leadingIcon })), prefix && jsxRuntimeExports.jsx("div", { className: styles.prefix, children: prefix }), jsxRuntimeExports.jsxs("div", { className: styles["chip-input-container"], children: [chips?.slice(0, maxChipsVisible).map((chip, index) => (jsxRuntimeExports.jsx(Chip, { variant: "outline", isDismissible: !!chip.onRemove, onDismiss: chip.onRemove, className: styles.chip, children: chip.label }, index))), chips && chips.length > maxChipsVisible && (jsxRuntimeExports.jsxs("span", { className: styles["chip-overflow"], children: ["+", chips.length - maxChipsVisible] })), jsxRuntimeExports.jsx("input", { ref: ref, className: clsx(styles["input-field"], leadingIcon && styles["has-leading-icon"], trailingIcon && styles["has-trailing-icon"], prefix && styles["has-prefix"], suffix && styles["has-suffix"], error && styles["input-error"], disabled && styles["input-disabled"], className), "aria-invalid": !!error, placeholder: placeholder, disabled: disabled, ...props })] }), suffix && jsxRuntimeExports.jsx("div", { className: styles.suffix, children: suffix }), trailingIcon && (jsxRuntimeExports.jsx("div", { className: styles["trailing-icon"], children: trailingIcon }))] }), (error || helperText) && (jsxRuntimeExports.jsx("span", { className: clsx(styles["helper-text"], error && styles["helper-text-error"], disabled && styles["helper-text-disabled"]), children: error || helperText }))] }));
 });
-const InputField = ({ className, disabled, label, helperText, placeholder, error, leadingIcon, trailingIcon, optional, prefix, suffix, width, chips, maxChipsVisible = 2, ref, size, infoTooltip, variant = "default", ...props }) => {
-    return (jsxRuntimeExports.jsxs("div", { className: styles.container, style: { width: width || '100%' }, children: [label && (jsxRuntimeExports.jsxs("div", { className: styles.labelContainer, children: [jsxRuntimeExports.jsxs("label", { className: clsx(styles.label, disabled && styles["label-disabled"]), children: [label, optional && jsxRuntimeExports.jsx("span", { className: styles.optional, children: "(optional)" })] }), infoTooltip && (jsxRuntimeExports.jsx(Tooltip, { message: infoTooltip, side: "right", children: jsxRuntimeExports.jsx("span", { className: styles.helpIcon, children: jsxRuntimeExports.jsx(InfoCircledIcon, {}) }) }))] })), jsxRuntimeExports.jsxs("div", { className: clsx(inputWrapper({ size, variant, className }), error && styles['input-error-wrapper'], disabled && styles['input-disabled-wrapper'], chips?.length && styles['has-chips']), children: [leadingIcon && jsxRuntimeExports.jsx("div", { className: styles['leading-icon'], children: leadingIcon }), prefix && jsxRuntimeExports.jsx("div", { className: styles.prefix, children: prefix }), jsxRuntimeExports.jsxs("div", { className: styles['chip-input-container'], children: [chips?.slice(0, maxChipsVisible).map((chip, index) => (jsxRuntimeExports.jsx(Chip, { variant: "outline", isDismissible: !!chip.onRemove, onDismiss: chip.onRemove, className: styles.chip, children: chip.label }, index))), chips && chips.length > maxChipsVisible && (jsxRuntimeExports.jsxs("span", { className: styles['chip-overflow'], children: ["+", chips.length - maxChipsVisible] })), jsxRuntimeExports.jsx("input", { ref: ref, className: clsx(styles['input-field'], leadingIcon && styles['has-leading-icon'], trailingIcon && styles['has-trailing-icon'], prefix && styles['has-prefix'], suffix && styles['has-suffix'], error && styles['input-error'], disabled && styles['input-disabled'], className), "aria-invalid": !!error, placeholder: placeholder, disabled: disabled, ...props })] }), suffix && jsxRuntimeExports.jsx("div", { className: styles.suffix, children: suffix }), trailingIcon && jsxRuntimeExports.jsx("div", { className: styles['trailing-icon'], children: trailingIcon })] }), (error || helperText) && (jsxRuntimeExports.jsx("span", { className: clsx(styles['helper-text'], error && styles['helper-text-error'], disabled && styles['helper-text-disabled']), children: error || helperText }))] }));
-};
 InputField.displayName = "InputField";
 
 export { InputField };

package/dist/v1/components/input-field/input-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-field.js","sources":["../../../../v1/components/input-field/input-field.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport clsx from \"clsx\";\nimport { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport { InfoCircledIcon } from \"@radix-ui/react-icons\";\nimport { Tooltip } from \"../tooltip\";\n\nimport { Chip } from \"../chip\";\nimport styles from \"./input-field.module.css\";\n\n// Todo: Add a dropdown support\n\nconst inputWrapper = cva(styles.inputWrapper, {\n  variants: {\n    size: {\n      small: styles[\"size-small\"],\n      large: styles[\"size-large\"],\n    },\n    variant: {\n      default: styles[\"variant-default\"],\n      borderless: styles[\"variant-borderless\"],\n    }\n  },\n  defaultVariants: {\n    size: \"large\",\n    variant: \"default\",\n  }\n});\n\nexport interface InputFieldProps\n  extends Omit<ComponentPropsWithoutRef<\"input\">, \"error\" | \"size\">,\n    VariantProps<typeof inputWrapper> {\n  label?: string;\n  helperText?: string;\n  error?: string;\n  disabled?: boolean;\n  leadingIcon?: ReactNode;\n  trailingIcon?: ReactNode;\n  optional?: boolean;\n  prefix?: string;\n  suffix?: string;\n  width?: string | number;\n  chips?: Array<{ label: string; onRemove?: () => void }>;\n  maxChipsVisible?: number;\n  ref?: React.RefObject<HTMLInputElement>;\n  infoTooltip?: string;\n  variant?: \"default\" | \"borderless\";\n}\n\nexport const InputField = ({ \n  className,\n  disabled,\n  label,\n  helperText,\n  placeholder,\n  error,\n  leadingIcon,\n  trailingIcon,\n  optional,\n  prefix,\n  suffix,\n  width,\n  chips,\n  maxChipsVisible = 2,\n  ref,\n  size,\n  infoTooltip,\n  variant = \"default\",\n  ...props \n}: InputFieldProps) => {\n  return (\n    <div className={styles.container} style={{ width: width || '100%' }}>\n      {label && (\n        <div className={styles.labelContainer}>\n          <label className={clsx(styles.label, disabled && styles[\"label-disabled\"])}>\n            {label}\n            {optional && <span className={styles.optional}>(optional)</span>}\n          </label>\n          {infoTooltip && (\n            <Tooltip message={infoTooltip} side=\"right\">\n              <span className={styles.helpIcon}>\n                <InfoCircledIcon />\n              </span>\n            </Tooltip>\n          )}\n        </div>\n      )}\n      <div \n        className={clsx(\n          inputWrapper({ size, variant, className }),\n          error && styles['input-error-wrapper'],\n          disabled && styles['input-disabled-wrapper'],\n          chips?.length && styles['has-chips']\n        )}\n      >\n        {leadingIcon && <div className={styles['leading-icon']}>{leadingIcon}</div>}\n        {prefix && <div className={styles.prefix}>{prefix}</div>}\n        \n        <div className={styles['chip-input-container']}>\n          {chips?.slice(0, maxChipsVisible).map((chip, index) => (\n            <Chip\n              key={index}\n              variant=\"outline\"\n              isDismissible={!!chip.onRemove}\n              onDismiss={chip.onRemove}\n              className={styles.chip}\n            >\n              {chip.label}\n            </Chip>\n          ))}\n          {chips && chips.length > maxChipsVisible && (\n            <span className={styles['chip-overflow']}>\n              +{chips.length - maxChipsVisible}\n            </span>\n          )}\n          <input\n            ref={ref}\n            className={clsx(\n              styles['input-field'],\n              leadingIcon && styles['has-leading-icon'],\n              trailingIcon && styles['has-trailing-icon'],\n              prefix && styles['has-prefix'],\n              suffix && styles['has-suffix'],\n              error && styles['input-error'],\n              disabled && styles['input-disabled'],\n              className\n            )}\n            aria-invalid={!!error}\n            placeholder={placeholder}\n            disabled={disabled}\n            {...props}\n          />\n        </div>\n        \n        {suffix && <div className={styles.suffix}>{suffix}</div>}\n        {trailingIcon && <div className={styles['trailing-icon']}>{trailingIcon}</div>}\n      </div>\n      {(error || helperText) && (\n        <span \n          className={clsx(\n            styles['helper-text'], \n            error && styles['helper-text-error'],\n            disabled && styles['helper-text-disabled']\n          )}\n        >\n          {error || helperText}\n        </span>\n      )}\n    </div>\n  );\n};\n\nInputField.displayName = \"InputField\";"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;AASA;AAEA,MAAM,YAAY,GAAG,GAAG,CAAC,MAAM,CAAC,YAAY,EAAE;AAC5C,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAE,MAAM,CAAC,YAAY,CAAC;AAC3B,YAAA,KAAK,EAAE,MAAM,CAAC,YAAY,CAAC;AAC5B,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAE,MAAM,CAAC,iBAAiB,CAAC;AAClC,YAAA,UAAU,EAAE,MAAM,CAAC,oBAAoB,CAAC;AACzC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,OAAO,EAAE,SAAS;AACnB,KAAA;AACF,CAAA,CAAC,CAAC;MAsBU,UAAU,GAAG,CAAC,EACzB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,UAAU,EACV,WAAW,EACX,KAAK,EACL,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,MAAM,EACN,MAAM,EACN,KAAK,EACL,KAAK,EACL,eAAe,GAAG,CAAC,EACnB,GAAG,EACH,IAAI,EACJ,WAAW,EACX,OAAO,GAAG,SAAS,EACnB,GAAG,KAAK,EACQ,KAAI;IACpB,QACEA,gCAAK,SAAS,EAAE,MAAM,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,IAAI,MAAM,EAAE,EAChE,QAAA,EAAA,CAAA,KAAK,KACJA,sBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,cAAc,EAAA,QAAA,EAAA,CACnCA,kCAAO,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,QAAQ,IAAI,MAAM,CAAC,gBAAgB,CAAC,CAAC,EACvE,QAAA,EAAA,CAAA,KAAK,EACL,QAAQ,IAAIC,gCAAM,SAAS,EAAE,MAAM,CAAC,QAAQ,2BAAmB,CAC1D,EAAA,CAAA,EACP,WAAW,KACVA,sBAAC,OAAO,EAAA,EAAC,OAAO,EAAE,WAAW,EAAE,IAAI,EAAC,OAAO,EACzC,QAAA,EAAAA,qBAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAA,QAAA,EAC9BA,sBAAC,eAAe,EAAA,EAAA,CAAG,GACd,EACC,CAAA,CACX,IACG,CACP,EACDD,gCACE,SAAS,EAAE,IAAI,CACb,YAAY,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,EAC1C,KAAK,IAAI,MAAM,CAAC,qBAAqB,CAAC,EACtC,QAAQ,IAAI,MAAM,CAAC,wBAAwB,CAAC,EAC5C,KAAK,EAAE,MAAM,IAAI,MAAM,CAAC,WAAW,CAAC,CACrC,aAEA,WAAW,IAAIC,+BAAK,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC,EAAG,QAAA,EAAA,WAAW,GAAO,EAC1E,MAAM,IAAIA,qBAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,MAAM,EAAG,QAAA,EAAA,MAAM,GAAO,EAExDD,sBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,sBAAsB,CAAC,aAC3C,KAAK,EAAE,KAAK,CAAC,CAAC,EAAE,eAAe,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,MAChDC,qBAAA,CAAC,IAAI,EAEH,EAAA,OAAO,EAAC,SAAS,EACjB,aAAa,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,EAC9B,SAAS,EAAE,IAAI,CAAC,QAAQ,EACxB,SAAS,EAAE,MAAM,CAAC,IAAI,EAErB,QAAA,EAAA,IAAI,CAAC,KAAK,EAAA,EANN,KAAK,CAOL,CACR,CAAC,EACD,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,eAAe,KACtCD,sBAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC,kBACpC,KAAK,CAAC,MAAM,GAAG,eAAe,IAC3B,CACR,EACDC,iCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,aAAa,CAAC,EACrB,WAAW,IAAI,MAAM,CAAC,kBAAkB,CAAC,EACzC,YAAY,IAAI,MAAM,CAAC,mBAAmB,CAAC,EAC3C,MAAM,IAAI,MAAM,CAAC,YAAY,CAAC,EAC9B,MAAM,IAAI,MAAM,CAAC,YAAY,CAAC,EAC9B,KAAK,IAAI,MAAM,CAAC,aAAa,CAAC,EAC9B,QAAQ,IAAI,MAAM,CAAC,gBAAgB,CAAC,EACpC,SAAS,CACV,EACa,cAAA,EAAA,CAAC,CAAC,KAAK,EACrB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EACd,GAAA,KAAK,GACT,CACE,EAAA,CAAA,EAEL,MAAM,IAAIA,qBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,MAAM,EAAA,QAAA,EAAG,MAAM,EAAO,CAAA,EACvD,YAAY,IAAIA,qBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC,YAAG,YAAY,EAAA,CAAO,IAC1E,EACL,CAAC,KAAK,IAAI,UAAU,MACnBA,gCACE,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,aAAa,CAAC,EACrB,KAAK,IAAI,MAAM,CAAC,mBAAmB,CAAC,EACpC,QAAQ,IAAI,MAAM,CAAC,sBAAsB,CAAC,CAC3C,YAEA,KAAK,IAAI,UAAU,EACf,CAAA,CACR,CACG,EAAA,CAAA,EACN;AACJ,EAAE;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}
+{"version":3,"file":"input-field.js","sources":["../../../../v1/components/input-field/input-field.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport clsx from \"clsx\";\nimport { ComponentPropsWithoutRef, ReactNode, forwardRef } from \"react\";\nimport { InfoCircledIcon } from \"@radix-ui/react-icons\";\nimport { Tooltip } from \"../tooltip\";\n\nimport { Chip } from \"../chip\";\nimport styles from \"./input-field.module.css\";\n\n// Todo: Add a dropdown support\n\nconst inputWrapper = cva(styles.inputWrapper, {\n  variants: {\n    size: {\n      small: styles[\"size-small\"],\n      large: styles[\"size-large\"],\n    },\n    variant: {\n      default: styles[\"variant-default\"],\n      borderless: styles[\"variant-borderless\"],\n    },\n  },\n  defaultVariants: {\n    size: \"large\",\n    variant: \"default\",\n  },\n});\n\nexport interface InputFieldProps\n  extends Omit<ComponentPropsWithoutRef<\"input\">, \"error\" | \"size\">,\n    VariantProps<typeof inputWrapper> {\n  label?: string;\n  helperText?: string;\n  error?: string;\n  disabled?: boolean;\n  leadingIcon?: ReactNode;\n  trailingIcon?: ReactNode;\n  optional?: boolean;\n  prefix?: string;\n  suffix?: string;\n  width?: string | number;\n  chips?: Array<{ label: string; onRemove?: () => void }>;\n  maxChipsVisible?: number;\n  ref?: React.RefObject<HTMLInputElement>;\n  infoTooltip?: string;\n  variant?: \"default\" | \"borderless\";\n}\n\nexport const InputField = forwardRef<HTMLInputElement, InputFieldProps>(\n  (\n    {\n      className,\n      disabled,\n      label,\n      helperText,\n      placeholder,\n      error,\n      leadingIcon,\n      trailingIcon,\n      optional,\n      prefix,\n      suffix,\n      width,\n      chips,\n      maxChipsVisible = 2,\n      size,\n      infoTooltip,\n      variant = \"default\",\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <div className={styles.container} style={{ width: width || \"100%\" }}>\n        {label && (\n          <div className={styles.labelContainer}>\n            <label\n              className={clsx(\n                styles.label,\n                disabled && styles[\"label-disabled\"]\n              )}\n            >\n              {label}\n              {optional && <span className={styles.optional}>(optional)</span>}\n            </label>\n            {infoTooltip && (\n              <Tooltip message={infoTooltip} side=\"right\">\n                <span className={styles.helpIcon}>\n                  <InfoCircledIcon />\n                </span>\n              </Tooltip>\n            )}\n          </div>\n        )}\n        <div\n          className={clsx(\n            inputWrapper({ size, variant, className }),\n            error && styles[\"input-error-wrapper\"],\n            disabled && styles[\"input-disabled-wrapper\"],\n            chips?.length && styles[\"has-chips\"]\n          )}\n        >\n          {leadingIcon && (\n            <div className={styles[\"leading-icon\"]}>{leadingIcon}</div>\n          )}\n          {prefix && <div className={styles.prefix}>{prefix}</div>}\n\n          <div className={styles[\"chip-input-container\"]}>\n            {chips?.slice(0, maxChipsVisible).map((chip, index) => (\n              <Chip\n                key={index}\n                variant=\"outline\"\n                isDismissible={!!chip.onRemove}\n                onDismiss={chip.onRemove}\n                className={styles.chip}\n              >\n                {chip.label}\n              </Chip>\n            ))}\n            {chips && chips.length > maxChipsVisible && (\n              <span className={styles[\"chip-overflow\"]}>\n                +{chips.length - maxChipsVisible}\n              </span>\n            )}\n            <input\n              ref={ref}\n              className={clsx(\n                styles[\"input-field\"],\n                leadingIcon && styles[\"has-leading-icon\"],\n                trailingIcon && styles[\"has-trailing-icon\"],\n                prefix && styles[\"has-prefix\"],\n                suffix && styles[\"has-suffix\"],\n                error && styles[\"input-error\"],\n                disabled && styles[\"input-disabled\"],\n                className\n              )}\n              aria-invalid={!!error}\n              placeholder={placeholder}\n              disabled={disabled}\n              {...props}\n            />\n          </div>\n\n          {suffix && <div className={styles.suffix}>{suffix}</div>}\n          {trailingIcon && (\n            <div className={styles[\"trailing-icon\"]}>{trailingIcon}</div>\n          )}\n        </div>\n        {(error || helperText) && (\n          <span\n            className={clsx(\n              styles[\"helper-text\"],\n              error && styles[\"helper-text-error\"],\n              disabled && styles[\"helper-text-disabled\"]\n            )}\n          >\n            {error || helperText}\n          </span>\n        )}\n      </div>\n    );\n  }\n);\n\nInputField.displayName = \"InputField\";\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/v1/components/search/search.cjs

@@ -5,16 +5,17 @@ var reactIcons_esm = require('../../node_modules/.pnpm/@radix-ui_react-icons@1.3
 var inputField = require('../input-field/input-field.cjs');
 var iconButton = require('../icon-button/icon-button.cjs');
 var search_module = require('./search.module.css.cjs');
+var React = require('react');
 
-const Search = ({ className, disabled, placeholder = "Search", size, showClearButton, onClear, value, onChange, width = "100%", variant = "default", ...props }) => {
-    const trailingIconWithClear = showClearButton && value ? (jsxRuntime.jsxRuntimeExports.jsx("div", { className: search_module.default.clearButtonWrapper, children: jsxRuntime.jsxRuntimeExports.jsx(iconButton.IconButton, { size: size === 'small' ? 2 : 3, onClick: (e) => {
+const Search = React.forwardRef(({ className, disabled, placeholder = "Search", size, showClearButton, onClear, value, onChange, width = "100%", variant = "default", ...props }, ref) => {
+    const trailingIconWithClear = showClearButton && value ? (jsxRuntime.jsxRuntimeExports.jsx("div", { className: search_module.default.clearButtonWrapper, children: jsxRuntime.jsxRuntimeExports.jsx(iconButton.IconButton, { size: size === "small" ? 2 : 3, onClick: (e) => {
                 e.stopPropagation();
                 if (!disabled && onClear) {
                     onClear();
                 }
             }, disabled: disabled, "aria-label": "Clear search", className: search_module.default.clearButton, children: jsxRuntime.jsxRuntimeExports.jsx(reactIcons_esm.CrossCircledIcon, {}) }) })) : undefined;
-    return (jsxRuntime.jsxRuntimeExports.jsx("div", { className: search_module.default.container, role: "search", style: { width }, children: jsxRuntime.jsxRuntimeExports.jsx(inputField.InputField, { leadingIcon: jsxRuntime.jsxRuntimeExports.jsx(reactIcons_esm.MagnifyingGlassIcon, {}), trailingIcon: trailingIconWithClear, placeholder: placeholder, disabled: disabled, value: value, onChange: onChange, size: size, className: className, "aria-label": placeholder, variant: variant, ...props }) }));
-};
+    return (jsxRuntime.jsxRuntimeExports.jsx("div", { className: search_module.default.container, role: "search", style: { width }, children: jsxRuntime.jsxRuntimeExports.jsx(inputField.InputField, { leadingIcon: jsxRuntime.jsxRuntimeExports.jsx(reactIcons_esm.MagnifyingGlassIcon, {}), trailingIcon: trailingIconWithClear, placeholder: placeholder, disabled: disabled, value: value, onChange: onChange, size: size, className: className, "aria-label": placeholder, variant: variant, ref: ref, ...props }) }));
+});
 Search.displayName = "Search";
 
 exports.Search = Search;

package/dist/v1/components/search/search.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"search.cjs","sources":["../../../../v1/components/search/search.tsx"],"sourcesContent":["import { CrossCircledIcon, MagnifyingGlassIcon } from \"@radix-ui/react-icons\";\nimport { InputField } from \"../input-field\";\nimport { InputFieldProps } from \"../input-field/input-field\";\nimport { IconButton } from \"../icon-button\";\n\nimport styles from \"./search.module.css\";\n\nexport interface SearchProps extends Omit<InputFieldProps, 'leadingIcon'> {\n  showClearButton?: boolean;\n  onClear?: () => void;\n  variant?: 'default' | 'borderless';\n}\n\nexport const Search = ({ \n  className, \n  disabled, \n  placeholder = \"Search\", \n  size, \n  showClearButton, \n  onClear, \n  value,\n  onChange,\n  width = \"100%\",\n  variant = \"default\",\n  ...props \n}: SearchProps) => {\n  const trailingIconWithClear = showClearButton && value ? (\n    <div className={styles.clearButtonWrapper}>\n      <IconButton\n        size={size === 'small' ? 2 : 3}\n        onClick={(e) => {\n          e.stopPropagation();\n          if (!disabled && onClear) {\n            onClear();\n          }\n        }}\n        disabled={disabled}\n        aria-label=\"Clear search\"\n        className={styles.clearButton}\n      >\n        <CrossCircledIcon />\n      </IconButton>\n    </div>\n  ) : undefined;\n\n  return (\n    <div className={styles.container} role=\"search\" style={{ width }}>\n      <InputField\n        leadingIcon={<MagnifyingGlassIcon />}\n        trailingIcon={trailingIconWithClear}\n        placeholder={placeholder}\n        disabled={disabled}\n        value={value}\n        onChange={onChange}\n        size={size}\n        className={className}\n        aria-label={placeholder}\n        variant={variant}\n        {...props}\n      />\n    </div>\n  );\n};\n\nSearch.displayName = \"Search\";"],"names":["_jsx","styles","IconButton","CrossCircledIcon","InputField","MagnifyingGlassIcon"],"mappings":";;;;;;;;AAaa,MAAA,MAAM,GAAG,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,WAAW,GAAG,QAAQ,EACtB,IAAI,EACJ,eAAe,EACf,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,GAAG,MAAM,EACd,OAAO,GAAG,SAAS,EACnB,GAAG,KAAK,EACI,KAAI;AAChB,IAAA,MAAM,qBAAqB,GAAG,eAAe,IAAI,KAAK,IACpDA,gCAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEC,qBAAM,CAAC,kBAAkB,EAAA,QAAA,EACvCD,iCAACE,qBAAU,EAAA,EACT,IAAI,EAAE,IAAI,KAAK,OAAO,GAAG,CAAC,GAAG,CAAC,EAC9B,OAAO,EAAE,CAAC,CAAC,KAAI;gBACb,CAAC,CAAC,eAAe,EAAE,CAAC;AACpB,gBAAA,IAAI,CAAC,QAAQ,IAAI,OAAO,EAAE;AACxB,oBAAA,OAAO,EAAE,CAAC;iBACX;aACF,EACD,QAAQ,EAAE,QAAQ,gBACP,cAAc,EACzB,SAAS,EAAED,qBAAM,CAAC,WAAW,EAE7B,QAAA,EAAAD,gCAAA,CAACG,+BAAgB,EAAA,EAAA,CAAG,EACT,CAAA,EAAA,CACT,IACJ,SAAS,CAAC;AAEd,IAAA,QACEH,gCAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEC,qBAAM,CAAC,SAAS,EAAE,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAC9D,QAAA,EAAAD,gCAAA,CAACI,qBAAU,EAAA,EACT,WAAW,EAAEJ,gCAAC,CAAAK,kCAAmB,EAAG,EAAA,CAAA,EACpC,YAAY,EAAE,qBAAqB,EACnC,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EAAA,YAAA,EACR,WAAW,EACvB,OAAO,EAAE,OAAO,EACZ,GAAA,KAAK,EACT,CAAA,EAAA,CACE,EACN;AACJ,EAAE;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}
+{"version":3,"file":"search.cjs","sources":["../../../../v1/components/search/search.tsx"],"sourcesContent":["import { CrossCircledIcon, MagnifyingGlassIcon } from \"@radix-ui/react-icons\";\nimport { InputField } from \"../input-field\";\nimport { InputFieldProps } from \"../input-field/input-field\";\nimport { IconButton } from \"../icon-button\";\n\nimport styles from \"./search.module.css\";\nimport { forwardRef } from \"react\";\n\nexport interface SearchProps extends Omit<InputFieldProps, \"leadingIcon\"> {\n  showClearButton?: boolean;\n  onClear?: () => void;\n  variant?: \"default\" | \"borderless\";\n}\n\nexport const Search = forwardRef<HTMLInputElement, SearchProps>(\n  (\n    {\n      className,\n      disabled,\n      placeholder = \"Search\",\n      size,\n      showClearButton,\n      onClear,\n      value,\n      onChange,\n      width = \"100%\",\n      variant = \"default\",\n      ...props\n    }: SearchProps,\n    ref\n  ) => {\n    const trailingIconWithClear =\n      showClearButton && value ? (\n        <div className={styles.clearButtonWrapper}>\n          <IconButton\n            size={size === \"small\" ? 2 : 3}\n            onClick={(e) => {\n              e.stopPropagation();\n              if (!disabled && onClear) {\n                onClear();\n              }\n            }}\n            disabled={disabled}\n            aria-label=\"Clear search\"\n            className={styles.clearButton}\n          >\n            <CrossCircledIcon />\n          </IconButton>\n        </div>\n      ) : undefined;\n\n    return (\n      <div className={styles.container} role=\"search\" style={{ width }}>\n        <InputField\n          leadingIcon={<MagnifyingGlassIcon />}\n          trailingIcon={trailingIconWithClear}\n          placeholder={placeholder}\n          disabled={disabled}\n          value={value}\n          onChange={onChange}\n          size={size}\n          className={className}\n          aria-label={placeholder}\n          variant={variant}\n          ref={ref}\n          {...props}\n        />\n      </div>\n    );\n  }\n);\n\nSearch.displayName = \"Search\";\n"],"names":["forwardRef","_jsx","styles","IconButton","CrossCircledIcon","InputField","MagnifyingGlassIcon"],"mappings":";;;;;;;;;AAca,MAAA,MAAM,GAAGA,gBAAU,CAC9B,CACE,EACE,SAAS,EACT,QAAQ,EACR,WAAW,GAAG,QAAQ,EACtB,IAAI,EACJ,eAAe,EACf,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,GAAG,MAAM,EACd,OAAO,GAAG,SAAS,EACnB,GAAG,KAAK,EACI,EACd,GAAG,KACD;AACF,IAAA,MAAM,qBAAqB,GACzB,eAAe,IAAI,KAAK,IACtBC,gCAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEC,qBAAM,CAAC,kBAAkB,EAAA,QAAA,EACvCD,iCAACE,qBAAU,EAAA,EACT,IAAI,EAAE,IAAI,KAAK,OAAO,GAAG,CAAC,GAAG,CAAC,EAC9B,OAAO,EAAE,CAAC,CAAC,KAAI;gBACb,CAAC,CAAC,eAAe,EAAE,CAAC;AACpB,gBAAA,IAAI,CAAC,QAAQ,IAAI,OAAO,EAAE;AACxB,oBAAA,OAAO,EAAE,CAAC;iBACX;aACF,EACD,QAAQ,EAAE,QAAQ,gBACP,cAAc,EACzB,SAAS,EAAED,qBAAM,CAAC,WAAW,EAE7B,QAAA,EAAAD,gCAAA,CAACG,+BAAgB,EAAA,EAAA,CAAG,EACT,CAAA,EAAA,CACT,IACJ,SAAS,CAAC;AAEhB,IAAA,QACEH,gCAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEC,qBAAM,CAAC,SAAS,EAAE,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA,QAAA,EAC9DD,gCAAC,CAAAI,qBAAU,EACT,EAAA,WAAW,EAAEJ,gCAAC,CAAAK,kCAAmB,EAAG,EAAA,CAAA,EACpC,YAAY,EAAE,qBAAqB,EACnC,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACR,YAAA,EAAA,WAAW,EACvB,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,EACJ,GAAA,KAAK,EACT,CAAA,EAAA,CACE,EACN;AACJ,CAAC,EACD;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}

package/dist/v1/components/search/search.d.ts

@@ -1,11 +1,8 @@
 import { InputFieldProps } from "../input-field/input-field";
-export interface SearchProps extends Omit<InputFieldProps, 'leadingIcon'> {
+export interface SearchProps extends Omit<InputFieldProps, "leadingIcon"> {
     showClearButton?: boolean;
     onClear?: () => void;
-    variant?: 'default' | 'borderless';
+    variant?: "default" | "borderless";
 }
-export declare const Search: {
-    ({ className, disabled, placeholder, size, showClearButton, onClear, value, onChange, width, variant, ...props }: SearchProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const Search: import("react").ForwardRefExoticComponent<Omit<SearchProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=search.d.ts.map

package/dist/v1/components/search/search.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../../../v1/components/search/search.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAK7D,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,eAAe,EAAE,aAAa,CAAC;IACvE,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,YAAY,CAAC;CACpC;AAED,eAAO,MAAM,MAAM;sHAYhB,WAAW;;CAqCb,CAAC"}
+{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../../../v1/components/search/search.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAM7D,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,eAAe,EAAE,aAAa,CAAC;IACvE,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,YAAY,CAAC;CACpC;AAED,eAAO,MAAM,MAAM,uHAwDlB,CAAC"}

package/dist/v1/components/search/search.js

@@ -3,16 +3,17 @@ import { CrossCircledIcon, MagnifyingGlassIcon } from '../../node_modules/.pnpm/
 import { InputField } from '../input-field/input-field.js';
 import { IconButton } from '../icon-button/icon-button.js';
 import styles from './search.module.css.js';
+import { forwardRef } from 'react';
 
-const Search = ({ className, disabled, placeholder = "Search", size, showClearButton, onClear, value, onChange, width = "100%", variant = "default", ...props }) => {
-    const trailingIconWithClear = showClearButton && value ? (jsxRuntimeExports.jsx("div", { className: styles.clearButtonWrapper, children: jsxRuntimeExports.jsx(IconButton, { size: size === 'small' ? 2 : 3, onClick: (e) => {
+const Search = forwardRef(({ className, disabled, placeholder = "Search", size, showClearButton, onClear, value, onChange, width = "100%", variant = "default", ...props }, ref) => {
+    const trailingIconWithClear = showClearButton && value ? (jsxRuntimeExports.jsx("div", { className: styles.clearButtonWrapper, children: jsxRuntimeExports.jsx(IconButton, { size: size === "small" ? 2 : 3, onClick: (e) => {
                 e.stopPropagation();
                 if (!disabled && onClear) {
                     onClear();
                 }
             }, disabled: disabled, "aria-label": "Clear search", className: styles.clearButton, children: jsxRuntimeExports.jsx(CrossCircledIcon, {}) }) })) : undefined;
-    return (jsxRuntimeExports.jsx("div", { className: styles.container, role: "search", style: { width }, children: jsxRuntimeExports.jsx(InputField, { leadingIcon: jsxRuntimeExports.jsx(MagnifyingGlassIcon, {}), trailingIcon: trailingIconWithClear, placeholder: placeholder, disabled: disabled, value: value, onChange: onChange, size: size, className: className, "aria-label": placeholder, variant: variant, ...props }) }));
-};
+    return (jsxRuntimeExports.jsx("div", { className: styles.container, role: "search", style: { width }, children: jsxRuntimeExports.jsx(InputField, { leadingIcon: jsxRuntimeExports.jsx(MagnifyingGlassIcon, {}), trailingIcon: trailingIconWithClear, placeholder: placeholder, disabled: disabled, value: value, onChange: onChange, size: size, className: className, "aria-label": placeholder, variant: variant, ref: ref, ...props }) }));
+});
 Search.displayName = "Search";
 
 export { Search };

package/dist/v1/components/search/search.js.map

@@ -1 +1 @@
-{"version":3,"file":"search.js","sources":["../../../../v1/components/search/search.tsx"],"sourcesContent":["import { CrossCircledIcon, MagnifyingGlassIcon } from \"@radix-ui/react-icons\";\nimport { InputField } from \"../input-field\";\nimport { InputFieldProps } from \"../input-field/input-field\";\nimport { IconButton } from \"../icon-button\";\n\nimport styles from \"./search.module.css\";\n\nexport interface SearchProps extends Omit<InputFieldProps, 'leadingIcon'> {\n  showClearButton?: boolean;\n  onClear?: () => void;\n  variant?: 'default' | 'borderless';\n}\n\nexport const Search = ({ \n  className, \n  disabled, \n  placeholder = \"Search\", \n  size, \n  showClearButton, \n  onClear, \n  value,\n  onChange,\n  width = \"100%\",\n  variant = \"default\",\n  ...props \n}: SearchProps) => {\n  const trailingIconWithClear = showClearButton && value ? (\n    <div className={styles.clearButtonWrapper}>\n      <IconButton\n        size={size === 'small' ? 2 : 3}\n        onClick={(e) => {\n          e.stopPropagation();\n          if (!disabled && onClear) {\n            onClear();\n          }\n        }}\n        disabled={disabled}\n        aria-label=\"Clear search\"\n        className={styles.clearButton}\n      >\n        <CrossCircledIcon />\n      </IconButton>\n    </div>\n  ) : undefined;\n\n  return (\n    <div className={styles.container} role=\"search\" style={{ width }}>\n      <InputField\n        leadingIcon={<MagnifyingGlassIcon />}\n        trailingIcon={trailingIconWithClear}\n        placeholder={placeholder}\n        disabled={disabled}\n        value={value}\n        onChange={onChange}\n        size={size}\n        className={className}\n        aria-label={placeholder}\n        variant={variant}\n        {...props}\n      />\n    </div>\n  );\n};\n\nSearch.displayName = \"Search\";"],"names":["_jsx"],"mappings":";;;;;;AAaa,MAAA,MAAM,GAAG,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,WAAW,GAAG,QAAQ,EACtB,IAAI,EACJ,eAAe,EACf,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,GAAG,MAAM,EACd,OAAO,GAAG,SAAS,EACnB,GAAG,KAAK,EACI,KAAI;AAChB,IAAA,MAAM,qBAAqB,GAAG,eAAe,IAAI,KAAK,IACpDA,qBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,kBAAkB,EAAA,QAAA,EACvCA,sBAAC,UAAU,EAAA,EACT,IAAI,EAAE,IAAI,KAAK,OAAO,GAAG,CAAC,GAAG,CAAC,EAC9B,OAAO,EAAE,CAAC,CAAC,KAAI;gBACb,CAAC,CAAC,eAAe,EAAE,CAAC;AACpB,gBAAA,IAAI,CAAC,QAAQ,IAAI,OAAO,EAAE;AACxB,oBAAA,OAAO,EAAE,CAAC;iBACX;aACF,EACD,QAAQ,EAAE,QAAQ,gBACP,cAAc,EACzB,SAAS,EAAE,MAAM,CAAC,WAAW,EAE7B,QAAA,EAAAA,qBAAA,CAAC,gBAAgB,EAAA,EAAA,CAAG,EACT,CAAA,EAAA,CACT,IACJ,SAAS,CAAC;AAEd,IAAA,QACEA,qBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,SAAS,EAAE,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAC9D,QAAA,EAAAA,qBAAA,CAAC,UAAU,EAAA,EACT,WAAW,EAAEA,qBAAC,CAAA,mBAAmB,EAAG,EAAA,CAAA,EACpC,YAAY,EAAE,qBAAqB,EACnC,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EAAA,YAAA,EACR,WAAW,EACvB,OAAO,EAAE,OAAO,EACZ,GAAA,KAAK,EACT,CAAA,EAAA,CACE,EACN;AACJ,EAAE;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}
+{"version":3,"file":"search.js","sources":["../../../../v1/components/search/search.tsx"],"sourcesContent":["import { CrossCircledIcon, MagnifyingGlassIcon } from \"@radix-ui/react-icons\";\nimport { InputField } from \"../input-field\";\nimport { InputFieldProps } from \"../input-field/input-field\";\nimport { IconButton } from \"../icon-button\";\n\nimport styles from \"./search.module.css\";\nimport { forwardRef } from \"react\";\n\nexport interface SearchProps extends Omit<InputFieldProps, \"leadingIcon\"> {\n  showClearButton?: boolean;\n  onClear?: () => void;\n  variant?: \"default\" | \"borderless\";\n}\n\nexport const Search = forwardRef<HTMLInputElement, SearchProps>(\n  (\n    {\n      className,\n      disabled,\n      placeholder = \"Search\",\n      size,\n      showClearButton,\n      onClear,\n      value,\n      onChange,\n      width = \"100%\",\n      variant = \"default\",\n      ...props\n    }: SearchProps,\n    ref\n  ) => {\n    const trailingIconWithClear =\n      showClearButton && value ? (\n        <div className={styles.clearButtonWrapper}>\n          <IconButton\n            size={size === \"small\" ? 2 : 3}\n            onClick={(e) => {\n              e.stopPropagation();\n              if (!disabled && onClear) {\n                onClear();\n              }\n            }}\n            disabled={disabled}\n            aria-label=\"Clear search\"\n            className={styles.clearButton}\n          >\n            <CrossCircledIcon />\n          </IconButton>\n        </div>\n      ) : undefined;\n\n    return (\n      <div className={styles.container} role=\"search\" style={{ width }}>\n        <InputField\n          leadingIcon={<MagnifyingGlassIcon />}\n          trailingIcon={trailingIconWithClear}\n          placeholder={placeholder}\n          disabled={disabled}\n          value={value}\n          onChange={onChange}\n          size={size}\n          className={className}\n          aria-label={placeholder}\n          variant={variant}\n          ref={ref}\n          {...props}\n        />\n      </div>\n    );\n  }\n);\n\nSearch.displayName = \"Search\";\n"],"names":["_jsx"],"mappings":";;;;;;;AAca,MAAA,MAAM,GAAG,UAAU,CAC9B,CACE,EACE,SAAS,EACT,QAAQ,EACR,WAAW,GAAG,QAAQ,EACtB,IAAI,EACJ,eAAe,EACf,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,GAAG,MAAM,EACd,OAAO,GAAG,SAAS,EACnB,GAAG,KAAK,EACI,EACd,GAAG,KACD;AACF,IAAA,MAAM,qBAAqB,GACzB,eAAe,IAAI,KAAK,IACtBA,qBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,kBAAkB,EAAA,QAAA,EACvCA,sBAAC,UAAU,EAAA,EACT,IAAI,EAAE,IAAI,KAAK,OAAO,GAAG,CAAC,GAAG,CAAC,EAC9B,OAAO,EAAE,CAAC,CAAC,KAAI;gBACb,CAAC,CAAC,eAAe,EAAE,CAAC;AACpB,gBAAA,IAAI,CAAC,QAAQ,IAAI,OAAO,EAAE;AACxB,oBAAA,OAAO,EAAE,CAAC;iBACX;aACF,EACD,QAAQ,EAAE,QAAQ,gBACP,cAAc,EACzB,SAAS,EAAE,MAAM,CAAC,WAAW,EAE7B,QAAA,EAAAA,qBAAA,CAAC,gBAAgB,EAAA,EAAA,CAAG,EACT,CAAA,EAAA,CACT,IACJ,SAAS,CAAC;AAEhB,IAAA,QACEA,qBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,SAAS,EAAE,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA,QAAA,EAC9DA,qBAAC,CAAA,UAAU,EACT,EAAA,WAAW,EAAEA,qBAAC,CAAA,mBAAmB,EAAG,EAAA,CAAA,EACpC,YAAY,EAAE,qBAAqB,EACnC,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACR,YAAA,EAAA,WAAW,EACvB,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,EACJ,GAAA,KAAK,EACT,CAAA,EAAA,CACE,EACN;AACJ,CAAC,EACD;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}

package/dist/v1/icons/assets/buildings-filled.svg.cjs

@@ -0,0 +1,42 @@
+'use strict';
+
+var React = require('react');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+var _path;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var SvgBuildingsFilled = function SvgBuildingsFilled(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    fill: "none",
+    viewBox: "0 0 16 16"
+  }, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "currentColor",
+    fillRule: "evenodd",
+    d: "M.8 2.2a.6.6 0 0 1 .6-.6h8.4a.6.6 0 1 1 0 1.2h-.2v11a.6.6 0 0 1-.6.6H7.8a.6.6 0 0 1-.6-.6v-2a.6.6 0 0 0-.6-.6h-2a.6.6 0 0 0-.6.6v2a.6.6 0 0 1-.6.6h-2a.6.6 0 1 1 0-1.2h.2V2.8h-.2a.6.6 0 0 1-.6-.6m2.4 2.2a.4.4 0 0 1 .4-.4h.8a.4.4 0 0 1 .4.4v.8a.4.4 0 0 1-.4.4h-.8a.4.4 0 0 1-.4-.4zm.4 2.8a.4.4 0 0 0-.4.4v.8a.4.4 0 0 0 .4.4h.8a.4.4 0 0 0 .4-.4v-.8a.4.4 0 0 0-.4-.4zm2.8-2.8a.4.4 0 0 1 .4-.4h.8a.4.4 0 0 1 .4.4v.8a.4.4 0 0 1-.4.4h-.8a.4.4 0 0 1-.4-.4zm.4 2.8a.4.4 0 0 0-.4.4v.8a.4.4 0 0 0 .4.4h.8a.4.4 0 0 0 .4-.4v-.8a.4.4 0 0 0-.4-.4zm4.6-2.4a.6.6 0 0 0-.6.6v8.2a.8.8 0 0 0 .8.8h3a.6.6 0 1 0 0-1.2h-.2V6h.2a.6.6 0 1 0 0-1.2zm.4 2.8a.4.4 0 0 1 .4-.4h.8a.4.4 0 0 1 .4.4v.8a.4.4 0 0 1-.4.4h-.8a.4.4 0 0 1-.4-.4zm.4 2.8a.4.4 0 0 0-.4.4v.8a.4.4 0 0 0 .4.4h.8a.4.4 0 0 0 .4-.4v-.8a.4.4 0 0 0-.4-.4z",
+    clipRule: "evenodd"
+  })));
+};
+
+exports.ReactComponent = SvgBuildingsFilled;
+//# sourceMappingURL=buildings-filled.svg.cjs.map

package/dist/v1/icons/assets/buildings-filled.svg.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildings-filled.svg.cjs","sources":["../../../../v1/icons/assets/buildings-filled.svg"],"sourcesContent":["var img = \"data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.800049 2.19998C0.800049 2.04085 0.863263 1.88823 0.975785 1.77571C1.08831 1.66319 1.24092 1.59998 1.40005 1.59998H9.80005C9.95918 1.59998 10.1118 1.66319 10.2243 1.77571C10.3368 1.88823 10.4 2.04085 10.4 2.19998C10.4 2.35911 10.3368 2.51172 10.2243 2.62424C10.1118 2.73676 9.95918 2.79998 9.80005 2.79998H9.60005V13.8C9.60005 13.9591 9.53683 14.1117 9.42431 14.2242C9.31179 14.3368 9.15918 14.4 9.00005 14.4H7.80005C7.64092 14.4 7.48831 14.3368 7.37578 14.2242C7.26326 14.1117 7.20005 13.9591 7.20005 13.8V11.8C7.20005 11.6408 7.13683 11.4882 7.02431 11.3757C6.91179 11.2632 6.75918 11.2 6.60005 11.2H4.60005C4.44092 11.2 4.28831 11.2632 4.17578 11.3757C4.06326 11.4882 4.00005 11.6408 4.00005 11.8V13.8C4.00005 13.9591 3.93683 14.1117 3.82431 14.2242C3.71179 14.3368 3.55918 14.4 3.40005 14.4H1.40005C1.24092 14.4 1.08831 14.3368 0.975785 14.2242C0.863263 14.1117 0.800049 13.9591 0.800049 13.8C0.800049 13.6408 0.863263 13.4882 0.975785 13.3757C1.08831 13.2632 1.24092 13.2 1.40005 13.2H1.60005V2.79998H1.40005C1.24092 2.79998 1.08831 2.73676 0.975785 2.62424C0.863263 2.51172 0.800049 2.35911 0.800049 2.19998ZM3.20005 4.39998C3.20005 4.29389 3.24219 4.19215 3.31721 4.11713C3.39222 4.04212 3.49396 3.99998 3.60005 3.99998H4.40005C4.50614 3.99998 4.60788 4.04212 4.68289 4.11713C4.75791 4.19215 4.80005 4.29389 4.80005 4.39998V5.19998C4.80005 5.30606 4.75791 5.4078 4.68289 5.48282C4.60788 5.55783 4.50614 5.59998 4.40005 5.59998H3.60005C3.49396 5.59998 3.39222 5.55783 3.31721 5.48282C3.24219 5.4078 3.20005 5.30606 3.20005 5.19998V4.39998ZM3.60005 7.19998C3.49396 7.19998 3.39222 7.24212 3.31721 7.31713C3.24219 7.39215 3.20005 7.49389 3.20005 7.59998V8.39998C3.20005 8.50606 3.24219 8.6078 3.31721 8.68282C3.39222 8.75783 3.49396 8.79998 3.60005 8.79998H4.40005C4.50614 8.79998 4.60788 8.75783 4.68289 8.68282C4.75791 8.6078 4.80005 8.50606 4.80005 8.39998V7.59998C4.80005 7.49389 4.75791 7.39215 4.68289 7.31713C4.60788 7.24212 4.50614 7.19998 4.40005 7.19998H3.60005ZM6.40005 4.39998C6.40005 4.29389 6.44219 4.19215 6.51721 4.11713C6.59222 4.04212 6.69396 3.99998 6.80005 3.99998H7.60005C7.70613 3.99998 7.80788 4.04212 7.88289 4.11713C7.95791 4.19215 8.00005 4.29389 8.00005 4.39998V5.19998C8.00005 5.30606 7.95791 5.4078 7.88289 5.48282C7.80788 5.55783 7.70613 5.59998 7.60005 5.59998H6.80005C6.69396 5.59998 6.59222 5.55783 6.51721 5.48282C6.44219 5.4078 6.40005 5.30606 6.40005 5.19998V4.39998ZM6.80005 7.19998C6.69396 7.19998 6.59222 7.24212 6.51721 7.31713C6.44219 7.39215 6.40005 7.49389 6.40005 7.59998V8.39998C6.40005 8.50606 6.44219 8.6078 6.51721 8.68282C6.59222 8.75783 6.69396 8.79998 6.80005 8.79998H7.60005C7.70613 8.79998 7.80788 8.75783 7.88289 8.68282C7.95791 8.6078 8.00005 8.50606 8.00005 8.39998V7.59998C8.00005 7.49389 7.95791 7.39215 7.88289 7.31713C7.80788 7.24212 7.70613 7.19998 7.60005 7.19998H6.80005ZM11.4 4.79998C11.2409 4.79998 11.0883 4.86319 10.9758 4.97571C10.8633 5.08823 10.8 5.24085 10.8 5.39998V13.6C10.8 13.8121 10.8843 14.0156 11.0344 14.1657C11.1844 14.3157 11.3879 14.4 11.6 14.4H14.6C14.7592 14.4 14.9118 14.3368 15.0243 14.2242C15.1368 14.1117 15.2 13.9591 15.2 13.8C15.2 13.6408 15.1368 13.4882 15.0243 13.3757C14.9118 13.2632 14.7592 13.2 14.6 13.2H14.4V5.99998H14.6C14.7592 5.99998 14.9118 5.93676 15.0243 5.82424C15.1368 5.71172 15.2 5.55911 15.2 5.39998C15.2 5.24085 15.1368 5.08823 15.0243 4.97571C14.9118 4.86319 14.7592 4.79998 14.6 4.79998H11.4ZM11.8 7.59998C11.8 7.49389 11.8422 7.39215 11.9172 7.31713C11.9922 7.24212 12.094 7.19998 12.2 7.19998H13C13.1061 7.19998 13.2079 7.24212 13.2829 7.31713C13.3579 7.39215 13.4 7.49389 13.4 7.59998V8.39998C13.4 8.50606 13.3579 8.6078 13.2829 8.68282C13.2079 8.75783 13.1061 8.79998 13 8.79998H12.2C12.094 8.79998 11.9922 8.75783 11.9172 8.68282C11.8422 8.6078 11.8 8.50606 11.8 8.39998V7.59998ZM12.2 10.4C12.094 10.4 11.9922 10.4421 11.9172 10.5171C11.8422 10.5921 11.8 10.6939 11.8 10.8V11.6C11.8 11.7061 11.8422 11.8078 11.9172 11.8828C11.9922 11.9578 12.094 12 12.2 12H13C13.1061 12 13.2079 11.9578 13.2829 11.8828C13.3579 11.8078 13.4 11.7061 13.4 11.6V10.8C13.4 10.6939 13.3579 10.5921 13.2829 10.5171C13.2079 10.4421 13.1061 10.4 13 10.4H12.2Z' fill='currentColor'/%3e%3c/svg%3e\";\n  export default img;"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAI,KAAK,CAAC;AACV,SAAS,QAAQ,GAAG,EAAE,OAAO,QAAQ,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,GAAG,UAAU,CAAC,EAAE,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,EAAE;AAEjR,IAAC,kBAAkB,GAAG,SAAS,kBAAkB,CAAC,KAAK,EAAE;AAC5D,EAAE,oBAAoBA,gBAAK,CAAC,aAAa,CAAC,KAAK,EAAE,QAAQ,CAAC;AAC1D,IAAI,KAAK,EAAE,4BAA4B;AACvC,IAAI,KAAK,EAAE,EAAE;AACb,IAAI,MAAM,EAAE,EAAE;AACd,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,WAAW;AACxB,GAAG,EAAE,KAAK,CAAC,EAAE,KAAK,KAAK,KAAK,gBAAgBA,gBAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACxE,IAAI,IAAI,EAAE,cAAc;AACxB,IAAI,QAAQ,EAAE,SAAS;AACvB,IAAI,CAAC,EAAE,wxBAAwxB;AAC/xB,IAAI,QAAQ,EAAE,SAAS;AACvB,GAAG,CAAC,CAAC,CAAC,CAAC;AACP;;;;"}

package/dist/v1/icons/assets/buildings-filled.svg.js

@@ -0,0 +1,21 @@
+import * as React from 'react';
+
+var _path;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var SvgBuildingsFilled = function SvgBuildingsFilled(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    fill: "none",
+    viewBox: "0 0 16 16"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fill: "currentColor",
+    fillRule: "evenodd",
+    d: "M.8 2.2a.6.6 0 0 1 .6-.6h8.4a.6.6 0 1 1 0 1.2h-.2v11a.6.6 0 0 1-.6.6H7.8a.6.6 0 0 1-.6-.6v-2a.6.6 0 0 0-.6-.6h-2a.6.6 0 0 0-.6.6v2a.6.6 0 0 1-.6.6h-2a.6.6 0 1 1 0-1.2h.2V2.8h-.2a.6.6 0 0 1-.6-.6m2.4 2.2a.4.4 0 0 1 .4-.4h.8a.4.4 0 0 1 .4.4v.8a.4.4 0 0 1-.4.4h-.8a.4.4 0 0 1-.4-.4zm.4 2.8a.4.4 0 0 0-.4.4v.8a.4.4 0 0 0 .4.4h.8a.4.4 0 0 0 .4-.4v-.8a.4.4 0 0 0-.4-.4zm2.8-2.8a.4.4 0 0 1 .4-.4h.8a.4.4 0 0 1 .4.4v.8a.4.4 0 0 1-.4.4h-.8a.4.4 0 0 1-.4-.4zm.4 2.8a.4.4 0 0 0-.4.4v.8a.4.4 0 0 0 .4.4h.8a.4.4 0 0 0 .4-.4v-.8a.4.4 0 0 0-.4-.4zm4.6-2.4a.6.6 0 0 0-.6.6v8.2a.8.8 0 0 0 .8.8h3a.6.6 0 1 0 0-1.2h-.2V6h.2a.6.6 0 1 0 0-1.2zm.4 2.8a.4.4 0 0 1 .4-.4h.8a.4.4 0 0 1 .4.4v.8a.4.4 0 0 1-.4.4h-.8a.4.4 0 0 1-.4-.4zm.4 2.8a.4.4 0 0 0-.4.4v.8a.4.4 0 0 0 .4.4h.8a.4.4 0 0 0 .4-.4v-.8a.4.4 0 0 0-.4-.4z",
+    clipRule: "evenodd"
+  })));
+};
+
+export { SvgBuildingsFilled as ReactComponent };
+//# sourceMappingURL=buildings-filled.svg.js.map

package/dist/v1/icons/assets/buildings-filled.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildings-filled.svg.js","sources":["../../../../v1/icons/assets/buildings-filled.svg"],"sourcesContent":["var img = \"data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.800049 2.19998C0.800049 2.04085 0.863263 1.88823 0.975785 1.77571C1.08831 1.66319 1.24092 1.59998 1.40005 1.59998H9.80005C9.95918 1.59998 10.1118 1.66319 10.2243 1.77571C10.3368 1.88823 10.4 2.04085 10.4 2.19998C10.4 2.35911 10.3368 2.51172 10.2243 2.62424C10.1118 2.73676 9.95918 2.79998 9.80005 2.79998H9.60005V13.8C9.60005 13.9591 9.53683 14.1117 9.42431 14.2242C9.31179 14.3368 9.15918 14.4 9.00005 14.4H7.80005C7.64092 14.4 7.48831 14.3368 7.37578 14.2242C7.26326 14.1117 7.20005 13.9591 7.20005 13.8V11.8C7.20005 11.6408 7.13683 11.4882 7.02431 11.3757C6.91179 11.2632 6.75918 11.2 6.60005 11.2H4.60005C4.44092 11.2 4.28831 11.2632 4.17578 11.3757C4.06326 11.4882 4.00005 11.6408 4.00005 11.8V13.8C4.00005 13.9591 3.93683 14.1117 3.82431 14.2242C3.71179 14.3368 3.55918 14.4 3.40005 14.4H1.40005C1.24092 14.4 1.08831 14.3368 0.975785 14.2242C0.863263 14.1117 0.800049 13.9591 0.800049 13.8C0.800049 13.6408 0.863263 13.4882 0.975785 13.3757C1.08831 13.2632 1.24092 13.2 1.40005 13.2H1.60005V2.79998H1.40005C1.24092 2.79998 1.08831 2.73676 0.975785 2.62424C0.863263 2.51172 0.800049 2.35911 0.800049 2.19998ZM3.20005 4.39998C3.20005 4.29389 3.24219 4.19215 3.31721 4.11713C3.39222 4.04212 3.49396 3.99998 3.60005 3.99998H4.40005C4.50614 3.99998 4.60788 4.04212 4.68289 4.11713C4.75791 4.19215 4.80005 4.29389 4.80005 4.39998V5.19998C4.80005 5.30606 4.75791 5.4078 4.68289 5.48282C4.60788 5.55783 4.50614 5.59998 4.40005 5.59998H3.60005C3.49396 5.59998 3.39222 5.55783 3.31721 5.48282C3.24219 5.4078 3.20005 5.30606 3.20005 5.19998V4.39998ZM3.60005 7.19998C3.49396 7.19998 3.39222 7.24212 3.31721 7.31713C3.24219 7.39215 3.20005 7.49389 3.20005 7.59998V8.39998C3.20005 8.50606 3.24219 8.6078 3.31721 8.68282C3.39222 8.75783 3.49396 8.79998 3.60005 8.79998H4.40005C4.50614 8.79998 4.60788 8.75783 4.68289 8.68282C4.75791 8.6078 4.80005 8.50606 4.80005 8.39998V7.59998C4.80005 7.49389 4.75791 7.39215 4.68289 7.31713C4.60788 7.24212 4.50614 7.19998 4.40005 7.19998H3.60005ZM6.40005 4.39998C6.40005 4.29389 6.44219 4.19215 6.51721 4.11713C6.59222 4.04212 6.69396 3.99998 6.80005 3.99998H7.60005C7.70613 3.99998 7.80788 4.04212 7.88289 4.11713C7.95791 4.19215 8.00005 4.29389 8.00005 4.39998V5.19998C8.00005 5.30606 7.95791 5.4078 7.88289 5.48282C7.80788 5.55783 7.70613 5.59998 7.60005 5.59998H6.80005C6.69396 5.59998 6.59222 5.55783 6.51721 5.48282C6.44219 5.4078 6.40005 5.30606 6.40005 5.19998V4.39998ZM6.80005 7.19998C6.69396 7.19998 6.59222 7.24212 6.51721 7.31713C6.44219 7.39215 6.40005 7.49389 6.40005 7.59998V8.39998C6.40005 8.50606 6.44219 8.6078 6.51721 8.68282C6.59222 8.75783 6.69396 8.79998 6.80005 8.79998H7.60005C7.70613 8.79998 7.80788 8.75783 7.88289 8.68282C7.95791 8.6078 8.00005 8.50606 8.00005 8.39998V7.59998C8.00005 7.49389 7.95791 7.39215 7.88289 7.31713C7.80788 7.24212 7.70613 7.19998 7.60005 7.19998H6.80005ZM11.4 4.79998C11.2409 4.79998 11.0883 4.86319 10.9758 4.97571C10.8633 5.08823 10.8 5.24085 10.8 5.39998V13.6C10.8 13.8121 10.8843 14.0156 11.0344 14.1657C11.1844 14.3157 11.3879 14.4 11.6 14.4H14.6C14.7592 14.4 14.9118 14.3368 15.0243 14.2242C15.1368 14.1117 15.2 13.9591 15.2 13.8C15.2 13.6408 15.1368 13.4882 15.0243 13.3757C14.9118 13.2632 14.7592 13.2 14.6 13.2H14.4V5.99998H14.6C14.7592 5.99998 14.9118 5.93676 15.0243 5.82424C15.1368 5.71172 15.2 5.55911 15.2 5.39998C15.2 5.24085 15.1368 5.08823 15.0243 4.97571C14.9118 4.86319 14.7592 4.79998 14.6 4.79998H11.4ZM11.8 7.59998C11.8 7.49389 11.8422 7.39215 11.9172 7.31713C11.9922 7.24212 12.094 7.19998 12.2 7.19998H13C13.1061 7.19998 13.2079 7.24212 13.2829 7.31713C13.3579 7.39215 13.4 7.49389 13.4 7.59998V8.39998C13.4 8.50606 13.3579 8.6078 13.2829 8.68282C13.2079 8.75783 13.1061 8.79998 13 8.79998H12.2C12.094 8.79998 11.9922 8.75783 11.9172 8.68282C11.8422 8.6078 11.8 8.50606 11.8 8.39998V7.59998ZM12.2 10.4C12.094 10.4 11.9922 10.4421 11.9172 10.5171C11.8422 10.5921 11.8 10.6939 11.8 10.8V11.6C11.8 11.7061 11.8422 11.8078 11.9172 11.8828C11.9922 11.9578 12.094 12 12.2 12H13C13.1061 12 13.2079 11.9578 13.2829 11.8828C13.3579 11.8078 13.4 11.7061 13.4 11.6V10.8C13.4 10.6939 13.3579 10.5921 13.2829 10.5171C13.2079 10.4421 13.1061 10.4 13 10.4H12.2Z' fill='currentColor'/%3e%3c/svg%3e\";\n  export default img;"],"names":[],"mappings":";;AAAA,IAAI,KAAK,CAAC;AACV,SAAS,QAAQ,GAAG,EAAE,OAAO,QAAQ,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,GAAG,UAAU,CAAC,EAAE,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,EAAE;AAEjR,IAAC,kBAAkB,GAAG,SAAS,kBAAkB,CAAC,KAAK,EAAE;AAC5D,EAAE,oBAAoB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,QAAQ,CAAC;AAC1D,IAAI,KAAK,EAAE,4BAA4B;AACvC,IAAI,KAAK,EAAE,EAAE;AACb,IAAI,MAAM,EAAE,EAAE;AACd,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,WAAW;AACxB,GAAG,EAAE,KAAK,CAAC,EAAE,KAAK,KAAK,KAAK,gBAAgB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACxE,IAAI,IAAI,EAAE,cAAc;AACxB,IAAI,QAAQ,EAAE,SAAS;AACvB,IAAI,CAAC,EAAE,wxBAAwxB;AAC/xB,IAAI,QAAQ,EAAE,SAAS;AACvB,GAAG,CAAC,CAAC,CAAC,CAAC;AACP;;;;"}

package/dist/v1/icons/index.cjs

@@ -2,6 +2,7 @@
 
 var bellSlash = require('./assets/bell-slash.svg.cjs');
 var bell = require('./assets/bell.svg.cjs');
+var buildingsFilled = require('./assets/buildings-filled.svg.cjs');
 var checkCircleFilled = require('./assets/check-circle-filled.svg.cjs');
 var coinColored = require('./assets/coin-colored.svg.cjs');
 var coin = require('./assets/coin.svg.cjs');
@@ -15,6 +16,7 @@ var sidebar = require('./assets/sidebar.svg.cjs');
 
 exports.BellSlashIcon = bellSlash.ReactComponent;
 exports.BellIcon = bell.ReactComponent;
+exports.BuildingsFilledIcon = buildingsFilled.ReactComponent;
 exports.CheckCircleFilledIcon = checkCircleFilled.ReactComponent;
 exports.CoinColoredIcon = coinColored.ReactComponent;
 exports.CoinIcon = coin.ReactComponent;

package/dist/v1/icons/index.cjs.map

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

package/dist/v1/icons/index.d.ts

@@ -1,5 +1,6 @@
 export { ReactComponent as BellSlashIcon } from "./assets/bell-slash.svg";
 export { ReactComponent as BellIcon } from "./assets/bell.svg";
+export { ReactComponent as BuildingsFilledIcon } from "./assets/buildings-filled.svg";
 export { ReactComponent as CheckCircleFilledIcon } from "./assets/check-circle-filled.svg";
 export { ReactComponent as CoinColoredIcon } from "./assets/coin-colored.svg";
 export { ReactComponent as CoinIcon } from "./assets/coin.svg";

package/dist/v1/icons/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../v1/icons/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,IAAI,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,EAAE,cAAc,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,cAAc,IAAI,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AAC3F,OAAO,EAAE,cAAc,IAAI,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAC9E,OAAO,EAAE,cAAc,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,cAAc,IAAI,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AAC3F,OAAO,EAAE,cAAc,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,cAAc,IAAI,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC/E,OAAO,EAAE,cAAc,IAAI,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AAC3F,OAAO,EAAE,cAAc,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../v1/icons/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,IAAI,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,EAAE,cAAc,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,cAAc,IAAI,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACtF,OAAO,EAAE,cAAc,IAAI,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AAC3F,OAAO,EAAE,cAAc,IAAI,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAC9E,OAAO,EAAE,cAAc,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,cAAc,IAAI,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AAC3F,OAAO,EAAE,cAAc,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,cAAc,IAAI,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC/E,OAAO,EAAE,cAAc,IAAI,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AAC3F,OAAO,EAAE,cAAc,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/v1/icons/index.js

@@ -1,5 +1,6 @@
 export { ReactComponent as BellSlashIcon } from './assets/bell-slash.svg.js';
 export { ReactComponent as BellIcon } from './assets/bell.svg.js';
+export { ReactComponent as BuildingsFilledIcon } from './assets/buildings-filled.svg.js';
 export { ReactComponent as CheckCircleFilledIcon } from './assets/check-circle-filled.svg.js';
 export { ReactComponent as CoinColoredIcon } from './assets/coin-colored.svg.js';
 export { ReactComponent as CoinIcon } from './assets/coin.svg.js';

package/dist/v1/icons/index.js.map

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