colibri-ui 0.7.7 → 0.7.9

package/Theme/themes/buenos_aires.d.ts

@@ -1,6 +1,43 @@
 import type { CheckboxVariant } from "../../Checkbox/index.props";
 import type { ButtonBase, ButtonVariant } from "../../Button/index.props";
 export declare const ButtonThemeBA: ButtonVariant & ButtonBase;
+export declare const InputThemeBA: {
+    placeholder: {
+        color: string;
+    };
+    primary: {
+        normal: {
+            borderColor: string;
+        };
+        hovered: {
+            borderColor: string;
+            boxShadow: string;
+        };
+        focused: {
+            borderColor: string;
+        };
+        disabled: {
+            color: string;
+            backgroundColor: string;
+            borderColor: string;
+        };
+        error: {
+            normal: {
+                backgroundColor: string;
+                borderColor: string;
+            };
+            hovered: {
+                backgroundColor: string;
+                borderColor: string;
+                boxShadow: string;
+            };
+            focused: {
+                backgroundColor: string;
+                borderColor: string;
+            };
+        };
+    };
+};
 export declare const CheckboxThemeBA: CheckboxVariant;
 export declare const TypographyThemeBA: {
     alert: {
@@ -9,6 +46,9 @@ export declare const TypographyThemeBA: {
     success: {
         color: string;
     };
+    secondary: {
+        color: string;
+    };
 };
 export declare const SwitchThemeDefault: {
     circle: {
@@ -28,6 +68,43 @@ export declare const SwitchThemeDefault: {
 export declare const THEME_BA: {
     breakpoints: import("../breakpoints").BreakpointsTheme;
     button: ButtonVariant & ButtonBase;
+    input: {
+        placeholder: {
+            color: string;
+        };
+        primary: {
+            normal: {
+                borderColor: string;
+            };
+            hovered: {
+                borderColor: string;
+                boxShadow: string;
+            };
+            focused: {
+                borderColor: string;
+            };
+            disabled: {
+                color: string;
+                backgroundColor: string;
+                borderColor: string;
+            };
+            error: {
+                normal: {
+                    backgroundColor: string;
+                    borderColor: string;
+                };
+                hovered: {
+                    backgroundColor: string;
+                    borderColor: string;
+                    boxShadow: string;
+                };
+                focused: {
+                    backgroundColor: string;
+                    borderColor: string;
+                };
+            };
+        };
+    };
     checkbox: CheckboxVariant;
     typography: {
         alert: {
@@ -36,6 +113,9 @@ export declare const THEME_BA: {
         success: {
             color: string;
         };
+        secondary: {
+            color: string;
+        };
     };
     switch: {
         circle: {
@@ -88,9 +168,12 @@ export declare const THEME_BA: {
         BG_3: string;
         BG_4: string;
         BG_5: string;
-        TEXT_BA_PRIMARY: string;
-        TEXT_BA_SECONDARY: string;
-        TEXT_BA_TRETIARY: string;
+        BRAND_BA_1: string;
+        BRAND_BA_2: string;
+        BRAND_BA_3: string;
+        BRAND_DEFAULT_1: string;
+        BRAND_DEFAULT_2: string;
+        BRAND_DEFAULT_3: string;
         ALERT: string;
         SUCCESS: string;
         WHITE: string;

package/Theme/themes/buenos_aires.js

@@ -15,12 +15,12 @@ var ButtonThemeBA = {
       backgroundColor: color.Color.PRIMARY_BA_4,
       borderColor: color.Color.PRIMARY_BA_4
     },
-    hover: {
+    hovered: {
       color: color.Color.WHITE,
       backgroundColor: color.Color.PRIMARY_BA_5,
       borderColor: color.Color.PRIMARY_BA_5
     },
-    focus: {
+    focused: {
       color: color.Color.WHITE,
       backgroundColor: color.Color.PRIMARY_BA_5,
       borderColor: color.Color.PRIMARY_BA_5
@@ -31,9 +31,9 @@ var ButtonThemeBA = {
       borderColor: color.Color.PRIMARY_BA_5
     },
     disabled: {
-      color: color.Color.PRIMARY_BA_3,
-      backgroundColor: color.Color.PRIMARY_BA_2,
-      borderColor: color.Color.PRIMARY_BA_2
+      color: color.Color.BG_3,
+      backgroundColor: color.Color.BG_1,
+      borderColor: color.Color.BG_1
     }
   },
   secondary: {
@@ -42,12 +42,12 @@ var ButtonThemeBA = {
       backgroundColor: color.Color.SECONDARY_BA_4,
       borderColor: color.Color.SECONDARY_BA_4
     },
-    hover: {
+    hovered: {
       color: color.Color.WHITE,
       backgroundColor: color.Color.SECONDARY_BA_5,
       borderColor: color.Color.SECONDARY_BA_5
     },
-    focus: {
+    focused: {
       color: color.Color.WHITE,
       backgroundColor: color.Color.SECONDARY_BA_5,
       borderColor: color.Color.SECONDARY_BA_5
@@ -58,9 +58,9 @@ var ButtonThemeBA = {
       borderColor: color.Color.SECONDARY_BA_5
     },
     disabled: {
-      color: color.Color.SECONDARY_BA_3,
-      backgroundColor: color.Color.SECONDARY_BA_2,
-      borderColor: color.Color.SECONDARY_BA_2
+      color: color.Color.BG_3,
+      backgroundColor: color.Color.BG_1,
+      borderColor: color.Color.BG_1
     }
   },
   clear: {
@@ -69,7 +69,7 @@ var ButtonThemeBA = {
       backgroundColor: color.Color.WHITE,
       borderColor: color.Color.WHITE
     },
-    hover: {
+    hovered: {
       color: color.Color.TRETIARY_BA_5,
       backgroundColor: color.Color.TRETIARY_BA_2,
       borderColor: color.Color.TRETIARY_BA_2
@@ -80,9 +80,46 @@ var ButtonThemeBA = {
       borderColor: color.Color.TRETIARY_BA_2
     },
     disabled: {
-      color: color.Color.TRETIARY_BA_3,
-      backgroundColor: color.Color.TRETIARY_BA_1,
-      borderColor: color.Color.TRETIARY_BA_1
+      color: color.Color.BG_3,
+      backgroundColor: color.Color.BG_1,
+      borderColor: color.Color.BG_1
+    }
+  }
+};
+var InputThemeBA = {
+  placeholder: {
+    color: color.Color.BG_2
+  },
+  primary: {
+    normal: {
+      borderColor: color.Color.BG_3
+    },
+    hovered: {
+      borderColor: color.Color.PRIMARY_BA_3,
+      boxShadow: "0px 0px 0px 2px ".concat(color.Color.PRIMARY_BA_2)
+    },
+    focused: {
+      borderColor: color.Color.PRIMARY_BA_4
+    },
+    disabled: {
+      color: color.Color.BG_3,
+      backgroundColor: color.Color.BG_1,
+      borderColor: color.Color.BG_3
+    },
+    error: {
+      normal: {
+        backgroundColor: color.Color.TRETIARY_2,
+        borderColor: color.Color.ALERT
+      },
+      hovered: {
+        backgroundColor: color.Color.WHITE,
+        borderColor: color.Color.ALERT,
+        boxShadow: "0px 0px 0px 2px ".concat(color.Color.TRETIARY_2)
+      },
+      focused: {
+        backgroundColor: color.Color.WHITE,
+        borderColor: color.Color.ALERT
+      }
     }
   }
 };
@@ -91,10 +128,10 @@ var CheckboxThemeBA = {
     normal: {
       backgroundColor: color.Color.PRIMARY_BA_4
     },
-    hover: {
+    hovered: {
       backgroundColor: color.Color.PRIMARY_BA_4
     },
-    focus: {
+    focused: {
       boxShadow: "0 0 0 2px ".concat(color.Color.PRIMARY_BA_1)
     },
     checked: {
@@ -116,6 +153,9 @@ var TypographyThemeBA = {
   },
   success: {
     color: color.Color.SUCCESS
+  },
+  secondary: {
+    color: color.Color.BG_3
   }
 };
 var SwitchThemeDefault = {
@@ -124,8 +164,8 @@ var SwitchThemeDefault = {
   },
   state: {
     normal: {
-      backgroundColor: color.Color.BG_1,
-      borderColor: color.Color.BG_1
+      backgroundColor: color.Color.BG_2,
+      borderColor: color.Color.BG_2
     },
     checked: {
       backgroundColor: color.Color.PRIMARY_BA_5,
@@ -136,6 +176,7 @@ var SwitchThemeDefault = {
 var THEME_BA = {
   breakpoints: breakpoints.default,
   button: ButtonThemeBA,
+  input: InputThemeBA,
   checkbox: CheckboxThemeBA,
   typography: TypographyThemeBA,
   "switch": SwitchThemeDefault,
@@ -144,6 +185,7 @@ var THEME_BA = {
 
 exports.ButtonThemeBA = ButtonThemeBA;
 exports.CheckboxThemeBA = CheckboxThemeBA;
+exports.InputThemeBA = InputThemeBA;
 exports.SwitchThemeDefault = SwitchThemeDefault;
 exports.THEME_BA = THEME_BA;
 exports.TypographyThemeBA = TypographyThemeBA;

package/Theme/themes/default.d.ts

@@ -1,6 +1,43 @@
 import type { CheckboxVariant } from "../../Checkbox/index.props";
 import type { ButtonBase, ButtonVariant } from "../../Button/index.props";
 export declare const ButtonThemeDefault: ButtonVariant & ButtonBase;
+export declare const InputThemeDefault: {
+    placeholder: {
+        color: string;
+    };
+    primary: {
+        normal: {
+            borderColor: string;
+        };
+        hovered: {
+            borderColor: string;
+            boxShadow: string;
+        };
+        focused: {
+            borderColor: string;
+        };
+        disabled: {
+            color: string;
+            backgroundColor: string;
+            borderColor: string;
+        };
+        error: {
+            normal: {
+                backgroundColor: string;
+                borderColor: string;
+            };
+            hovered: {
+                backgroundColor: string;
+                borderColor: string;
+                boxShadow: string;
+            };
+            focused: {
+                backgroundColor: string;
+                borderColor: string;
+            };
+        };
+    };
+};
 export declare const CheckboxThemeDefault: CheckboxVariant;
 export declare const TypographyThemeDefault: {
     alert: {
@@ -9,6 +46,9 @@ export declare const TypographyThemeDefault: {
     success: {
         color: string;
     };
+    secondary: {
+        color: string;
+    };
 };
 export declare const SwitchThemeDefault: {
     circle: {
@@ -28,6 +68,43 @@ export declare const SwitchThemeDefault: {
 export declare const THEME_DEFAULT: {
     breakpoints: import("../breakpoints").BreakpointsTheme;
     button: ButtonVariant & ButtonBase;
+    input: {
+        placeholder: {
+            color: string;
+        };
+        primary: {
+            normal: {
+                borderColor: string;
+            };
+            hovered: {
+                borderColor: string;
+                boxShadow: string;
+            };
+            focused: {
+                borderColor: string;
+            };
+            disabled: {
+                color: string;
+                backgroundColor: string;
+                borderColor: string;
+            };
+            error: {
+                normal: {
+                    backgroundColor: string;
+                    borderColor: string;
+                };
+                hovered: {
+                    backgroundColor: string;
+                    borderColor: string;
+                    boxShadow: string;
+                };
+                focused: {
+                    backgroundColor: string;
+                    borderColor: string;
+                };
+            };
+        };
+    };
     checkbox: CheckboxVariant;
     typography: {
         alert: {
@@ -36,6 +113,9 @@ export declare const THEME_DEFAULT: {
         success: {
             color: string;
         };
+        secondary: {
+            color: string;
+        };
     };
     switch: {
         circle: {
@@ -88,9 +168,12 @@ export declare const THEME_DEFAULT: {
         BG_3: string;
         BG_4: string;
         BG_5: string;
-        TEXT_BA_PRIMARY: string;
-        TEXT_BA_SECONDARY: string;
-        TEXT_BA_TRETIARY: string;
+        BRAND_BA_1: string;
+        BRAND_BA_2: string;
+        BRAND_BA_3: string;
+        BRAND_DEFAULT_1: string;
+        BRAND_DEFAULT_2: string;
+        BRAND_DEFAULT_3: string;
         ALERT: string;
         SUCCESS: string;
         WHITE: string;

package/Theme/themes/default.js

@@ -5,7 +5,6 @@ var breakpoints = require('../breakpoints.js');
 
 var ButtonThemeDefault = {
   base: {
-    color: color.Color.BLACK,
     borderRadius: "26px"
   },
   primary: {
@@ -14,12 +13,12 @@ var ButtonThemeDefault = {
       backgroundColor: color.Color.PRIMARY_4,
       borderColor: color.Color.PRIMARY_4
     },
-    hover: {
+    hovered: {
       color: color.Color.WHITE,
       backgroundColor: color.Color.PRIMARY_5,
       borderColor: color.Color.PRIMARY_5
     },
-    focus: {
+    focused: {
       color: color.Color.WHITE,
       backgroundColor: color.Color.PRIMARY_5,
       borderColor: color.Color.PRIMARY_5
@@ -30,9 +29,9 @@ var ButtonThemeDefault = {
       borderColor: color.Color.PRIMARY_5
     },
     disabled: {
-      color: color.Color.PRIMARY_3,
-      backgroundColor: color.Color.PRIMARY_2,
-      borderColor: color.Color.PRIMARY_2
+      color: color.Color.BG_3,
+      backgroundColor: color.Color.BG_1,
+      borderColor: color.Color.BG_1
     }
   },
   secondary: {
@@ -41,12 +40,12 @@ var ButtonThemeDefault = {
       backgroundColor: color.Color.SECONDARY_4,
       borderColor: color.Color.SECONDARY_4
     },
-    hover: {
+    hovered: {
       color: color.Color.WHITE,
       backgroundColor: color.Color.SECONDARY_5,
       borderColor: color.Color.SECONDARY_5
     },
-    focus: {
+    focused: {
       color: color.Color.WHITE,
       backgroundColor: color.Color.SECONDARY_5,
       borderColor: color.Color.SECONDARY_5
@@ -57,9 +56,9 @@ var ButtonThemeDefault = {
       borderColor: color.Color.SECONDARY_5
     },
     disabled: {
-      color: color.Color.SECONDARY_3,
-      backgroundColor: color.Color.SECONDARY_2,
-      borderColor: color.Color.SECONDARY_2
+      color: color.Color.BG_3,
+      backgroundColor: color.Color.BG_1,
+      borderColor: color.Color.BG_1
     }
   },
   clear: {
@@ -68,7 +67,7 @@ var ButtonThemeDefault = {
       backgroundColor: color.Color.WHITE,
       borderColor: color.Color.WHITE
     },
-    hover: {
+    hovered: {
       color: color.Color.TRETIARY_5,
       backgroundColor: color.Color.TRETIARY_2,
       borderColor: color.Color.TRETIARY_2
@@ -79,9 +78,46 @@ var ButtonThemeDefault = {
       borderColor: color.Color.TRETIARY_2
     },
     disabled: {
-      color: color.Color.TRETIARY_3,
-      backgroundColor: color.Color.TRETIARY_1,
-      borderColor: color.Color.TRETIARY_1
+      color: color.Color.BG_3,
+      backgroundColor: color.Color.BG_1,
+      borderColor: color.Color.BG_1
+    }
+  }
+};
+var InputThemeDefault = {
+  placeholder: {
+    color: color.Color.BG_2
+  },
+  primary: {
+    normal: {
+      borderColor: color.Color.BG_3
+    },
+    hovered: {
+      borderColor: color.Color.PRIMARY_3,
+      boxShadow: "0px 0px 0px 2px ".concat(color.Color.PRIMARY_2)
+    },
+    focused: {
+      borderColor: color.Color.PRIMARY_4
+    },
+    disabled: {
+      color: color.Color.BG_3,
+      backgroundColor: color.Color.BG_1,
+      borderColor: color.Color.BG_3
+    },
+    error: {
+      normal: {
+        backgroundColor: color.Color.TRETIARY_2,
+        borderColor: color.Color.ALERT
+      },
+      hovered: {
+        backgroundColor: color.Color.WHITE,
+        borderColor: color.Color.ALERT,
+        boxShadow: "0px 0px 0px 2px ".concat(color.Color.TRETIARY_2)
+      },
+      focused: {
+        backgroundColor: color.Color.WHITE,
+        borderColor: color.Color.ALERT
+      }
     }
   }
 };
@@ -90,10 +126,10 @@ var CheckboxThemeDefault = {
     normal: {
       backgroundColor: color.Color.PRIMARY_4
     },
-    hover: {
+    hovered: {
       backgroundColor: color.Color.PRIMARY_4
     },
-    focus: {
+    focused: {
       boxShadow: "0 0 0 2px ".concat(color.Color.PRIMARY_1)
     },
     checked: {
@@ -115,6 +151,9 @@ var TypographyThemeDefault = {
   },
   success: {
     color: color.Color.SUCCESS
+  },
+  secondary: {
+    color: color.Color.BG_3
   }
 };
 var SwitchThemeDefault = {
@@ -123,8 +162,8 @@ var SwitchThemeDefault = {
   },
   state: {
     normal: {
-      backgroundColor: color.Color.BG_1,
-      borderColor: color.Color.BG_1
+      backgroundColor: color.Color.BG_2,
+      borderColor: color.Color.BG_2
     },
     checked: {
       backgroundColor: color.Color.PRIMARY_5,
@@ -135,6 +174,7 @@ var SwitchThemeDefault = {
 var THEME_DEFAULT = {
   breakpoints: breakpoints.default,
   button: ButtonThemeDefault,
+  input: InputThemeDefault,
   checkbox: CheckboxThemeDefault,
   typography: TypographyThemeDefault,
   "switch": SwitchThemeDefault,
@@ -143,6 +183,7 @@ var THEME_DEFAULT = {
 
 exports.ButtonThemeDefault = ButtonThemeDefault;
 exports.CheckboxThemeDefault = CheckboxThemeDefault;
+exports.InputThemeDefault = InputThemeDefault;
 exports.SwitchThemeDefault = SwitchThemeDefault;
 exports.THEME_DEFAULT = THEME_DEFAULT;
 exports.TypographyThemeDefault = TypographyThemeDefault;

package/Typography/index.props.d.ts

@@ -1,18 +1,15 @@
 import type { CSSObject } from "@emotion/react";
-export declare enum VARIANT {
-    ALERT = "alert",
-    SUCCESS = "success"
-}
 type VariantStyles = {
     color?: CSSObject["color"];
 };
 export type TypographyVariant = {
-    [VARIANT.ALERT]: VariantStyles;
-    [VARIANT.SUCCESS]: VariantStyles;
+    alert: VariantStyles;
+    success: VariantStyles;
+    secondary: VariantStyles;
 };
 export type TypographyFontWeight = "normal" | "medium" | "bold";
 export type TypographySize = "xs" | "s" | "m" | "l" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
-export type TypographyTag = "span" | "legend" | "p" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "s";
+export type TypographyTag = "span" | "label" | "legend" | "p" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "s";
 export type TypographyProps = {
     className?: string;
     tag?: TypographyTag;

package/base/FormField/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { FormFieldProps } from "./index.props";
+declare const FormField: import("react").ForwardRefExoticComponent<FormFieldProps & import("react").RefAttributes<HTMLDivElement>>;
+export default FormField;

package/base/FormField/index.js

@@ -0,0 +1,30 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+var react = require('react');
+var index = require('../../Typography/index.js');
+var styles = require('./styles.js');
+
+var FormField = /*#__PURE__*/react.forwardRef(function (_a, ref) {
+  var label = _a.label,
+    hint = _a.hint,
+    children = _a.children,
+    error = _a.error,
+    className = _a.className;
+  return jsxRuntime.jsxs(styles.BaseContainer, {
+    className: className,
+    ref: ref,
+    children: [label && jsxRuntime.jsx(index.default, {
+      tag: "label",
+      children: label
+    }), children, hint && jsxRuntime.jsx(index.default, {
+      variant: error ? "alert" : "secondary",
+      tag: "span",
+      children: hint
+    })]
+  });
+});
+
+exports.default = FormField;

package/base/FormField/index.props.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from "react";
+export type FormFieldProps = {
+    label?: ReactNode;
+    hint?: ReactNode;
+    error?: boolean;
+    className?: string;
+    children: ReactNode;
+};

package/base/FormField/styles.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const BaseContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/base/FormField/styles.js

@@ -0,0 +1,18 @@
+'use strict';
+
+var _styled = require('@emotion/styled/base');
+var tslib = require('tslib');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var _styled__default = /*#__PURE__*/_interopDefault(_styled);
+
+var BaseContainer = /*#__PURE__*/_styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "ex9vcr90"
+} : {
+  target: "ex9vcr90",
+  label: "BaseContainer"
+})(templateObject_1 || (templateObject_1 = tslib.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFMkIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuZXhwb3J0IHZhciBCYXNlQ29udGFpbmVyID0gc3R5bGVkLmRpdih0ZW1wbGF0ZU9iamVjdF8xIHx8ICh0ZW1wbGF0ZU9iamVjdF8xID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICBkaXNwbGF5OiBmbGV4O1xcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcXG4gIGdhcDogOHB4O1xcblwiXSwgW1wiXFxuICBkaXNwbGF5OiBmbGV4O1xcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcXG4gIGdhcDogOHB4O1xcblwiXSkpKTtcbnZhciB0ZW1wbGF0ZU9iamVjdF8xO1xuLy8jIHNvdXJjZU1hcHBpbmdVUkw9c3R5bGVzLmpzLm1hcCJdfQ== */")], ["\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFMkIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuZXhwb3J0IHZhciBCYXNlQ29udGFpbmVyID0gc3R5bGVkLmRpdih0ZW1wbGF0ZU9iamVjdF8xIHx8ICh0ZW1wbGF0ZU9iamVjdF8xID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICBkaXNwbGF5OiBmbGV4O1xcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcXG4gIGdhcDogOHB4O1xcblwiXSwgW1wiXFxuICBkaXNwbGF5OiBmbGV4O1xcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcXG4gIGdhcDogOHB4O1xcblwiXSkpKTtcbnZhciB0ZW1wbGF0ZU9iamVjdF8xO1xuLy8jIHNvdXJjZU1hcHBpbmdVUkw9c3R5bGVzLmpzLm1hcCJdfQ== */")])));
+var templateObject_1;
+
+exports.BaseContainer = BaseContainer;

package/base/InputRoot/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { InputProps } from "./index.props";
+declare const InputRoot: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLDivElement>>;
+export default InputRoot;