period-ui 0.1.54 → 0.1.56

package/README.md

@@ -1 +1,114 @@
-## Read me
+# Period UI
+
+Librería de componentes de UI para React basada en el Design System de [Period UI](https://www.figma.com/design/ZK3xvBxkM2rtGMkbyQycfl/Period-Design-System), creado por Billo.
+
+
+## 💡 ¿Qué es?
+
+Period UI es una librería de componentes reutilizables, accesibles y alineados 100% al design system de Billo. Pensada para uso interno en productos y prototipos.
+
+* Componentes escritos en React + TypeScript.
+* Totalmente tipados, con sugerencias de props en IDE.
+* Estilos con Tailwind + Sass.
+* Incluye sistema de iconos propio vía fuente (`BilloIcon`).
+* Soporte a dark mode, responsive y test unitarios.
+
+Figma Design System: [Solicítalo a Fernanda López](mailto:flopez@ld.co.cr) para acceso.
+
+---
+
+## 📦 Uso básico
+
+```tsx
+import { Button } from 'period-ui';
+import 'period-ui/dist/index.css';
+
+<Button variant="primary">Hola Billo</Button>
+```
+
+---
+
+## 🚀 Instalación
+
+### 1. Instala el paquete:
+
+   ```sh
+   yarn add period-ui
+   # o
+   npm install period-ui
+   ```
+
+### 2. Importa los estilos globales (necesario para los iconos y fuentes):
+
+Importante: Para que los íconos y fuentes personalizadas funcionen correctamente, debes importar el archivo de estilos global (index.css) de la librería.
+
+#### Next.js (Recomendado para Next 13+ o 14+):
+En tu archivo global de estilos (por ejemplo `src/app/globals.css` o `src/styles/globals.css`), agrega al inicio:
+
+```css
+@import '../../node_modules/period-ui/dist/index.css';
+```
+> Nota: Asegúrate de ajustar la ruta relativa según dónde esté tu archivo de estilos.
+Por ejemplo, si tu CSS está en `src/app/globals.css` y tu node_modules está en la raíz, la ruta anterior funcionará.
+
+No es necesario importar el CSS en tu archivo TypeScript/JSX (`import 'period-ui/dist/index.css'`), ya que Next.js 13/14 en modo app router puede tener problemas resolviendo archivos CSS fuera de `/src` o `/public` vía JS.
+
+#### Vite o CRA (Create React App):
+En el entry point de tu app (por ejemplo, `src/main.tsx` o `src/index.tsx`):
+
+```js
+import 'period-ui/dist/index.css';
+```
+
+o bien puedes usar `@import` en tu propio archivo CSS, igual que arriba.
+
+---
+
+## 📚 Storybook (Probar localmente)
+
+Para ver todos los componentes y ejemplos:
+
+```sh
+yarn storybook
+```
+
+---
+
+## 🛠️ Desarrollo
+
+Si vas a contribuir o agregar un nuevo componente:
+
+* **Componentes puros y bien escritos:**
+
+    * Solo lógica relacionada al UI, sin side effects, ni dependencias externas innecesarias.
+* **Basados 100% en el Design System de Billo:**
+
+    * Debes consultar y seguir los lineamientos de Figma (pide acceso a flopez).
+* **Unit tests obligatorios:**
+
+    * Usa Vitest y Testing Library. Todo nuevo componente debe tener coverage.
+* **Stories en Storybook obligatorias:**
+
+    * Cada estado/variante debe estar documentado.
+* **Exportar correctamente el tipo de los props** para mejor DX.
+
+### Build y publicación
+
+* Build: `yarn build`
+* Subir versión: `npm version patch` (o `minor`, `major` según el cambio)
+* Publicar (solo mfernandez o haraya): `npm publish`
+
+> **NOTA:** Para publicar, debes solicitarlo a [Mario Fernández](mailto:mfernandez@ld.co.cr) o [Hans Araya](mailto:haraya@ld.co.cr).
+>
+> El design system de Figma solo puede ser editado por Fernanda López.
+
+---
+
+## 📝 Notas adicionales
+
+* Si tu app no renderiza iconos, verifica que los fonts estén correctamente servidos desde `/public/fonts` y que `index.css` esté importado en el entrypoint.
+* Si tienes dudas o mejoras, abre un PR o contacta a los responsables.
+
+---
+
+**Built with ❤ by Billo**

package/dist/components/atoms/billo-icon/billo-icon.d.ts

@@ -0,0 +1,11 @@
+import { IconColor, IconSize, IconSymbol } from './billo-icon-types';
+type Props = {
+    icon: IconSymbol;
+    size?: IconSize;
+    color?: IconColor;
+    touchTarget?: string;
+    className?: string;
+};
+export declare function BilloIcon({ icon, size, color, touchTarget, className, }: Props): JSX.Element;
+export type { Props as BilloIconProps };
+//# sourceMappingURL=billo-icon.d.ts.map

package/dist/components/atoms/billo-icon/billo-icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"billo-icon.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/billo-icon/billo-icon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErE,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,UAAU,CAAC;IACjB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,IAAkB,EAClB,KAAyB,EACzB,WAAW,EACX,SAAS,GACV,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAMrB"}
+{"version":3,"file":"billo-icon.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/billo-icon/billo-icon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErE,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,UAAU,CAAC;IACjB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,IAAkB,EAClB,KAAyB,EACzB,WAAW,EACX,SAAS,GACV,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAMrB;AAED,YAAY,EAAE,KAAK,IAAI,cAAc,EAAE,CAAC"}

package/dist/components/atoms/billo-icon/index.d.ts

@@ -0,0 +1,3 @@
+export * from './billo-icon';
+export * from './billo-icon-types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/button/button-types.d.ts

@@ -0,0 +1,6 @@
+export declare enum ButtonVariant {
+    PRIMARY = "primary",
+    SECONDARY = "secondary",
+    DESTRUCTIVE = "destructive"
+}
+//# sourceMappingURL=button-types.d.ts.map

package/dist/components/atoms/button/button.d.ts

@@ -4,6 +4,6 @@ declare const buttonStyles: (props?: ({
     variant?: "primary" | "secondary" | "destructive" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 type Props = ComponentProps<'button'> & VariantProps<typeof buttonStyles>;
-export declare const Button: import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-export {};
+export declare const Button: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLButtonElement>>;
+export type { Props as ButtonProps };
 //# sourceMappingURL=button.d.ts.map

package/dist/components/atoms/button/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAc,MAAM,OAAO,CAAC;AACnD,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAI7D,QAAA,MAAM,YAAY;;mFAsBjB,CAAC;AAEF,KAAK,KAAK,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC;AAE1E,eAAO,MAAM,MAAM,kHAMlB,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAc,MAAM,OAAO,CAAC;AACnD,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAI7D,QAAA,MAAM,YAAY;;mFAsBjB,CAAC;AAEF,KAAK,KAAK,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC;AAa1E,eAAO,MAAM,MAAM,EAAgB,KAAK,CAAC,yBAAyB,CAChE,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAC/C,CAAC;AAEF,YAAY,EAAE,KAAK,IAAI,WAAW,EAAE,CAAC"}

package/dist/components/atoms/button/button.js

@@ -23,7 +23,9 @@ const buttonStyles = (0, class_variance_authority_1.cva)([
     },
     defaultVariants: { variant: 'primary' },
 });
-exports.Button = (0, react_1.forwardRef)(({ variant = button_types_1.ButtonVariant.PRIMARY, className, ...props }, ref) => {
+const RawButton = (0, react_1.forwardRef)(({ variant = button_types_1.ButtonVariant.PRIMARY, className, ...props }, ref) => {
     return ((0, jsx_runtime_1.jsx)("button", { ref: ref, className: (0, tailwind_utils_1.tailwind)(buttonStyles({ variant, className })), ...props }));
 });
+RawButton.displayName = 'Button';
+exports.Button = RawButton;
 //# sourceMappingURL=button.js.map

package/dist/components/atoms/button/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../../src/components/atoms/button/button.tsx"],"names":[],"mappings":";;;;AAAA,iCAAmD;AACnD,uEAA6D;AAC7D,kEAAyD;AACzD,iDAA+C;AAE/C,MAAM,YAAY,GAAG,IAAA,8BAAG,EACtB;IACE,iBAAiB;IACjB,cAAc;IACd,YAAY;IACZ,mCAAmC;IACnC,mCAAmC;IACnC,6BAA6B;CAC9B,EACD;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EACL,mHAAmH;YACrH,SAAS,EACP,6JAA6J;YAC/J,WAAW,EACT,8GAA8G;SACjH;KACF;IACD,eAAe,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;CACxC,CACF,CAAC;AAIW,QAAA,MAAM,GAAG,IAAA,kBAAU,EAC9B,CAAC,EAAE,OAAO,GAAG,4BAAa,CAAC,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAChE,OAAO,CACL,mCAAQ,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAA,yBAAQ,EAAC,YAAY,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAC,KAAM,KAAK,GAAI,CAC3F,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../../src/components/atoms/button/button.tsx"],"names":[],"mappings":";;;;AAAA,iCAAmD;AACnD,uEAA6D;AAC7D,kEAAyD;AACzD,iDAA+C;AAE/C,MAAM,YAAY,GAAG,IAAA,8BAAG,EACtB;IACE,iBAAiB;IACjB,cAAc;IACd,YAAY;IACZ,mCAAmC;IACnC,mCAAmC;IACnC,6BAA6B;CAC9B,EACD;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EACL,mHAAmH;YACrH,SAAS,EACP,6JAA6J;YAC/J,WAAW,EACT,8GAA8G;SACjH;KACF;IACD,eAAe,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;CACxC,CACF,CAAC;AAIF,MAAM,SAAS,GAAG,IAAA,kBAAU,EAC1B,CAAC,EAAE,OAAO,GAAG,4BAAa,CAAC,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAChE,OAAO,CACL,mCAAQ,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAA,yBAAQ,EAAC,YAAY,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAC,KAAM,KAAK,GAAI,CAC3F,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,QAAQ,CAAC;AAGpB,QAAA,MAAM,GAAG,SAErB,CAAC"}

package/dist/components/atoms/button/index.d.ts

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

package/dist/components/atoms/check-box/check-box-types.d.ts

@@ -0,0 +1,10 @@
+export declare enum CheckboxVariant {
+    DEFAULT = "DEFAULT",
+    INTERMEDIATE = "INTERMEDIATE",
+    DESTRUCTIVE = "DESTRUCTIVE"
+}
+export type ExcludedVariants = Exclude<CheckboxVariant, CheckboxVariant.INTERMEDIATE>;
+export declare const checkBoxStyles: {
+    [type in ExcludedVariants]: string;
+};
+//# sourceMappingURL=check-box-types.d.ts.map

package/dist/components/atoms/check-box/check-box-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"check-box-types.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/check-box/check-box-types.ts"],"names":[],"mappings":"AAAA,oBAAY,eAAe;IACzB,OAAO,YAAY;IACnB,YAAY,iBAAiB;IAC7B,WAAW,gBAAgB;CAC5B;AAED,KAAK,gBAAgB,GAAG,OAAO,CAAC,eAAe,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;AAE/E,eAAO,MAAM,cAAc,EAAE;KAC1B,IAAI,IAAI,gBAAgB,GAAG,MAAM;CAMnC,CAAC"}
+{"version":3,"file":"check-box-types.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/check-box/check-box-types.ts"],"names":[],"mappings":"AAAA,oBAAY,eAAe;IACzB,OAAO,YAAY;IACnB,YAAY,iBAAiB;IAC7B,WAAW,gBAAgB;CAC5B;AAED,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC,eAAe,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;AAEtF,eAAO,MAAM,cAAc,EAAE;KAC1B,IAAI,IAAI,gBAAgB,GAAG,MAAM;CAMnC,CAAC"}

package/dist/components/atoms/check-box/check-box.d.ts

@@ -1,5 +1,5 @@
-import { CheckboxVariant } from './check-box-types';
-export type CheckboxProps = {
+import { CheckboxVariant } from '../../../components';
+type Props = {
     value?: boolean;
     isDisabled?: boolean;
     label?: string;
@@ -9,5 +9,6 @@ export type CheckboxProps = {
     variant?: CheckboxVariant;
     onCheckToggle?: (value: boolean) => void;
 };
-export declare function Checkbox({ value, isDisabled, label, className, labelClassName, containerClassName, variant, onCheckToggle, }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
+export declare function Checkbox({ value, isDisabled, label, className, labelClassName, containerClassName, variant, onCheckToggle, }: Props): import("react/jsx-runtime").JSX.Element;
+export type { Props as CheckboxProps };
 //# sourceMappingURL=check-box.d.ts.map

package/dist/components/atoms/check-box/check-box.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"check-box.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/check-box/check-box.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAkB,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpE,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C,CAAC;AAEF,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,UAAkB,EAClB,KAAK,EACL,SAAS,EACT,cAAc,EACd,kBAAkB,EAClB,OAAiC,EACjC,aAAwB,GACzB,EAAE,aAAa,2CAmEf"}
+{"version":3,"file":"check-box.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/check-box/check-box.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAkB,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtE,KAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C,CAAC;AAEF,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,UAAkB,EAClB,KAAK,EACL,SAAS,EACT,cAAc,EACd,kBAAkB,EAClB,OAAiC,EACjC,aAAwB,GACzB,EAAE,KAAK,2CAmEP;AAED,YAAY,EAAE,KAAK,IAAI,aAAa,EAAE,CAAC"}

package/dist/components/atoms/check-box/check-box.js

@@ -5,8 +5,8 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const components_1 = require("../../../components");
 const tailwind_utils_1 = require("../../../utils/tailwind-utils");
 const window_dimensions_utils_1 = require("../../../utils/window-dimensions-utils");
-const check_box_types_1 = require("./check-box-types");
-function Checkbox({ value, isDisabled = false, label, className, labelClassName, containerClassName, variant = check_box_types_1.CheckboxVariant.DEFAULT, onCheckToggle = () => { }, }) {
+const components_2 = require("../../../components");
+function Checkbox({ value, isDisabled = false, label, className, labelClassName, containerClassName, variant = components_2.CheckboxVariant.DEFAULT, onCheckToggle = () => { }, }) {
     const { isMobile } = (0, window_dimensions_utils_1.useWindowDimensions)();
     const handleClick = () => {
         if (isDisabled) {
@@ -14,8 +14,8 @@ function Checkbox({ value, isDisabled = false, label, className, labelClassName,
         }
         onCheckToggle?.(!value);
     };
-    const isIntermediate = variant === check_box_types_1.CheckboxVariant.INTERMEDIATE;
-    const checkBoxVariantStyle = check_box_types_1.checkBoxStyles[isIntermediate ? check_box_types_1.CheckboxVariant.DEFAULT : variant];
+    const isIntermediate = variant === components_2.CheckboxVariant.INTERMEDIATE;
+    const checkBoxVariantStyle = components_2.checkBoxStyles[isIntermediate ? components_2.CheckboxVariant.DEFAULT : variant];
     return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex flex-row w-fit items-center', isDisabled ? 'cursor-not-allowed' : 'cursor-pointer', containerClassName), onClick: handleClick, children: [(0, jsx_runtime_1.jsxs)("button", { role: "checkbox", type: "button", disabled: isDisabled, className: (0, tailwind_utils_1.tailwind)('flex justify-center items-center border-2 border-gray-04 rounded shrink-0', 'h-[18px] w-[18px] md:h-5 md:w-5', 'hover:border-gray-03 hover:bg-gray-05', 'disabled:bg-gray-06 disabled:border-gray-04 disabled:cursor-not-allowed', 'focus-visible:border-none focus-visible:outline-2 focus-visible:bg-gray-05 focus-visible:outline-offset-2 focus:outline-blue-01', value && `${checkBoxVariantStyle} border-none`, className), children: [value && !isIntermediate && ((0, jsx_runtime_1.jsx)(components_1.BilloIcon, { size: isMobile ? components_1.IconSize.XXS : components_1.IconSize.XS, icon: components_1.IconSymbol.CHECK, className: "no-selectable text-white" })), value && isIntermediate && ((0, jsx_runtime_1.jsx)(components_1.BilloIcon, { size: isMobile ? components_1.IconSize.XXS : components_1.IconSize.XS, icon: components_1.IconSymbol.MINUS, className: "text-white" }))] }), label && ((0, jsx_runtime_1.jsx)(components_1.Text, { variant: components_1.TextVariant.BODY, className: (0, tailwind_utils_1.tailwind)('flex ml-2 select-none whitespace-normal', labelClassName), color: isDisabled ? components_1.TextColors.BLACK_03 : components_1.TextColors.BLACK, children: label }))] }) }));
 }
 //# sourceMappingURL=check-box.js.map

package/dist/components/atoms/check-box/check-box.js.map

@@ -1 +1 @@
-{"version":3,"file":"check-box.js","sourceRoot":"","sources":["../../../../src/components/atoms/check-box/check-box.tsx"],"names":[],"mappings":";;AAuBA,4BA4EC;;AAnGD,oDAO6B;AAC7B,kEAAyD;AACzD,oFAA6E;AAC7E,uDAAoE;AAapE,SAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,UAAU,GAAG,KAAK,EAClB,KAAK,EACL,SAAS,EACT,cAAc,EACd,kBAAkB,EAClB,OAAO,GAAG,iCAAe,CAAC,OAAO,EACjC,aAAa,GAAG,GAAG,EAAE,GAAE,CAAC,GACV;IACd,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,6CAAmB,GAAE,CAAC;IAE3C,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,UAAU,EAAE,CAAC;YACf,OAAO;QACT,CAAC;QAED,aAAa,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,OAAO,KAAK,iCAAe,CAAC,YAAY,CAAC;IAChE,MAAM,oBAAoB,GAAG,gCAAc,CAAC,cAAc,CAAC,CAAC,CAAC,iCAAe,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAEhG,OAAO,CACL,2DACE,iCACE,SAAS,EAAE,IAAA,yBAAQ,EACjB,kCAAkC,EAClC,UAAU,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,gBAAgB,EACpD,kBAAkB,CACnB,EACD,OAAO,EAAE,WAAW,aAEpB,oCACE,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,IAAA,yBAAQ,EACjB,2EAA2E,EAC3E,iCAAiC,EACjC,uCAAuC,EACvC,yEAAyE,EACzE,iIAAiI,EACjI,KAAK,IAAI,GAAG,oBAAoB,cAAc,EAC9C,SAAS,CACV,aAEA,KAAK,IAAI,CAAC,cAAc,IAAI,CAC3B,uBAAC,sBAAS,IACR,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,qBAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,EAC3C,IAAI,EAAE,uBAAU,CAAC,KAAK,EACtB,SAAS,EAAC,0BAA0B,GACpC,CACH,EAEA,KAAK,IAAI,cAAc,IAAI,CAC1B,uBAAC,sBAAS,IACR,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,qBAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,EAC3C,IAAI,EAAE,uBAAU,CAAC,KAAK,EACtB,SAAS,EAAC,YAAY,GACtB,CACH,IACM,EAER,KAAK,IAAI,CACR,uBAAC,iBAAI,IACH,OAAO,EAAE,wBAAW,CAAC,IAAI,EACzB,SAAS,EAAE,IAAA,yBAAQ,EAAC,yCAAyC,EAAE,cAAc,CAAC,EAC9E,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,uBAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,uBAAU,CAAC,KAAK,YAEzD,KAAK,GACD,CACR,IACG,GACL,CACJ,CAAC;AACJ,CAAC"}
+{"version":3,"file":"check-box.js","sourceRoot":"","sources":["../../../../src/components/atoms/check-box/check-box.tsx"],"names":[],"mappings":";;AAgBA,4BA4EC;;AA5FD,oDAAqG;AACrG,kEAAyD;AACzD,oFAA6E;AAC7E,oDAAsE;AAatE,SAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,UAAU,GAAG,KAAK,EAClB,KAAK,EACL,SAAS,EACT,cAAc,EACd,kBAAkB,EAClB,OAAO,GAAG,4BAAe,CAAC,OAAO,EACjC,aAAa,GAAG,GAAG,EAAE,GAAE,CAAC,GAClB;IACN,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,6CAAmB,GAAE,CAAC;IAE3C,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,UAAU,EAAE,CAAC;YACf,OAAO;QACT,CAAC;QAED,aAAa,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,OAAO,KAAK,4BAAe,CAAC,YAAY,CAAC;IAChE,MAAM,oBAAoB,GAAG,2BAAc,CAAC,cAAc,CAAC,CAAC,CAAC,4BAAe,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAEhG,OAAO,CACL,2DACE,iCACE,SAAS,EAAE,IAAA,yBAAQ,EACjB,kCAAkC,EAClC,UAAU,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,gBAAgB,EACpD,kBAAkB,CACnB,EACD,OAAO,EAAE,WAAW,aAEpB,oCACE,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,IAAA,yBAAQ,EACjB,2EAA2E,EAC3E,iCAAiC,EACjC,uCAAuC,EACvC,yEAAyE,EACzE,iIAAiI,EACjI,KAAK,IAAI,GAAG,oBAAoB,cAAc,EAC9C,SAAS,CACV,aAEA,KAAK,IAAI,CAAC,cAAc,IAAI,CAC3B,uBAAC,sBAAS,IACR,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,qBAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,EAC3C,IAAI,EAAE,uBAAU,CAAC,KAAK,EACtB,SAAS,EAAC,0BAA0B,GACpC,CACH,EAEA,KAAK,IAAI,cAAc,IAAI,CAC1B,uBAAC,sBAAS,IACR,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,qBAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,EAC3C,IAAI,EAAE,uBAAU,CAAC,KAAK,EACtB,SAAS,EAAC,YAAY,GACtB,CACH,IACM,EAER,KAAK,IAAI,CACR,uBAAC,iBAAI,IACH,OAAO,EAAE,wBAAW,CAAC,IAAI,EACzB,SAAS,EAAE,IAAA,yBAAQ,EAAC,yCAAyC,EAAE,cAAc,CAAC,EAC9E,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,uBAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,uBAAU,CAAC,KAAK,YAEzD,KAAK,GACD,CACR,IACG,GACL,CACJ,CAAC;AACJ,CAAC"}

package/dist/components/atoms/chip/chip/chip.d.ts

@@ -0,0 +1,9 @@
+type Props = {
+    id: string;
+    label: string;
+    className?: string;
+    onClick?: () => void;
+};
+export declare function Chip({ id, label, className, onClick }: Props): import("react/jsx-runtime").JSX.Element;
+export type { Props as ChipProps };
+//# sourceMappingURL=chip.d.ts.map

package/dist/components/atoms/chip/chip/chip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/chip/chip/chip.tsx"],"names":[],"mappings":"AAKA,KAAK,KAAK,GAAG;IACX,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,IAAI,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,KAAK,2CAwB5D"}
+{"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/chip/chip/chip.tsx"],"names":[],"mappings":"AAKA,KAAK,KAAK,GAAG;IACX,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,IAAI,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,KAAK,2CAwB5D;AAED,YAAY,EAAE,KAAK,IAAI,SAAS,EAAE,CAAC"}

package/dist/components/atoms/chip/chip/components/clear-button.d.ts

@@ -0,0 +1,11 @@
+import { IconColor, IconSize } from '../../../../../components';
+type Props = {
+    isDisabled?: boolean;
+    size?: IconSize;
+    color?: IconColor;
+    onClick: () => void;
+    className?: string;
+};
+export declare function ClearButton({ isDisabled, size, onClick, className, }: Props): JSX.Element;
+export type { Props as ClearButtonProps };
+//# sourceMappingURL=clear-button.d.ts.map

package/dist/components/atoms/chip/chip/components/clear-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"clear-button.d.ts","sourceRoot":"","sources":["../../../../../../src/components/atoms/chip/chip/components/clear-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,SAAS,EAAE,QAAQ,EAAc,MAAM,2BAA2B,CAAC;AAGvF,KAAK,KAAK,GAAG;IACX,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,UAAkB,EAClB,IAAkB,EAClB,OAAO,EACP,SAAS,GACV,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAiCrB"}
+{"version":3,"file":"clear-button.d.ts","sourceRoot":"","sources":["../../../../../../src/components/atoms/chip/chip/components/clear-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,SAAS,EAAE,QAAQ,EAAc,MAAM,2BAA2B,CAAC;AAGvF,KAAK,KAAK,GAAG;IACX,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,UAAkB,EAClB,IAAkB,EAClB,OAAO,EACP,SAAS,GACV,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAiCrB;AAED,YAAY,EAAE,KAAK,IAAI,gBAAgB,EAAE,CAAC"}

package/dist/components/atoms/chip/chip/index.d.ts

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

package/dist/components/atoms/chip/chips-list/chips-list.d.ts

@@ -0,0 +1,15 @@
+import { ReactElement } from 'react';
+export type ChipOptionsProps = {
+    label: string;
+    value: string;
+    onClear: () => void;
+};
+type Props = {
+    data: ChipOptionsProps[];
+    firstComponent?: ReactElement;
+    lasItemComponent?: ReactElement;
+    className?: string;
+};
+export declare function ChipList({ data, className, firstComponent, lasItemComponent }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=chips-list.d.ts.map

package/dist/components/atoms/chip/chips-list/index.d.ts

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

package/dist/components/atoms/drop-down-menu/components/index.d.ts

@@ -0,0 +1,3 @@
+export * from './menu-item';
+export * from './menu-item-types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/drop-down-menu/components/menu-item-types.d.ts

@@ -0,0 +1,7 @@
+export declare enum MenuItemVariant {
+    DEFAULT = "DEFAULT",
+    TEXT_BUTTON = "TEXT_BUTTON",
+    DESTRUCTIVE = "DESTRUCTIVE",
+    CHECK_BOX = "CHECK_BOX"
+}
+//# sourceMappingURL=menu-item-types.d.ts.map

package/dist/components/atoms/drop-down-menu/components/menu-item.d.ts

@@ -0,0 +1,16 @@
+import { IconSymbol } from '../../../../components';
+import { MenuItemVariant } from './menu-item-types';
+type Props = {
+    isDisabled?: boolean;
+    isSelected?: boolean;
+    id: string;
+    label: string;
+    className?: string;
+    helperLabel?: string;
+    variant?: MenuItemVariant;
+    icon?: IconSymbol;
+    onClick?: () => void;
+};
+export declare function MenuItem({ isDisabled, isSelected, id, label, className, helperLabel, variant, icon, onClick, }: Props): JSX.Element;
+export {};
+//# sourceMappingURL=menu-item.d.ts.map

package/dist/components/atoms/drop-down-menu/drop-down-menu-types.d.ts

@@ -1,4 +1,4 @@
-import { MultiOptions } from '@/types/general';
+import { MultiOptions } from '../../../types/general';
 import { IconSymbol } from '../billo-icon';
 import { MenuItemVariant } from './components';
 export type DropDownMenuOptionProps = MultiOptions & {

package/dist/components/atoms/drop-down-menu/drop-down-menu.d.ts

@@ -0,0 +1,13 @@
+import { ReactElement } from 'react';
+import { DropDownMenuOptionProps } from '../../../components';
+import { MenuItemVariant } from './components';
+type Props = {
+    className?: string;
+    selectedIDs: string[];
+    variant?: MenuItemVariant;
+    emptyElement?: ReactElement;
+    options: DropDownMenuOptionProps[];
+};
+export declare function DropDownMenu({ options, className, emptyElement, selectedIDs, variant, }: Props): JSX.Element;
+export {};
+//# sourceMappingURL=drop-down-menu.d.ts.map

package/dist/components/atoms/icon-button/icon-button-types.d.ts

@@ -0,0 +1,7 @@
+export declare enum IconButtonVariant {
+    REGULAR = "regular",
+    FILLED = "filled",
+    DESTRUCTIVE = "destructive",
+    DESTRUCTIVE_FILLED = "destructive-filled"
+}
+//# sourceMappingURL=icon-button-types.d.ts.map

package/dist/components/atoms/icon-button/index.d.ts

@@ -0,0 +1,3 @@
+export * from './icon-button';
+export * from './icon-button-types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/search-bar/components/clear-button.d.ts

@@ -0,0 +1,10 @@
+import { IconSize } from '../../../../components';
+type Props = {
+    isDisabled: boolean;
+    size?: IconSize;
+    onClick: () => void;
+    className?: string;
+};
+export declare function ClearButton({ isDisabled, size, onClick, className, }: Props): JSX.Element;
+export {};
+//# sourceMappingURL=clear-button.d.ts.map

package/dist/components/atoms/search-bar/index.d.ts

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

package/dist/components/atoms/search-bar/search-bar.d.ts

@@ -0,0 +1,12 @@
+import { ChangeEvent } from 'react';
+type Props = {
+    isDisabled?: boolean;
+    value: string;
+    placeholder?: string;
+    onChange: (e: ChangeEvent<HTMLInputElement>) => void;
+    onClear: () => void;
+    className?: string;
+};
+export declare function SearchBar({ isDisabled, value, placeholder, onChange, onClear, className, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=search-bar.d.ts.map

package/dist/components/atoms/text/index.d.ts

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

package/dist/components/atoms/text/text-types.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+export declare enum TextVariant {
+    HEADLINE = "headline",
+    SUBTITLE = "subtitle",
+    ACCENT = "accent",
+    BODY = "body",
+    BODY_SEMIBOLD = "bodySemibold",
+    BODY_BOLD = "bodyBold",
+    LINK = "link",
+    HELPER = "helper"
+}
+export declare const TextStyle: Record<TextVariant, string>;
+export declare enum TextColors {
+    WHITE = "text-white",
+    BLACK = "text-gray-01",
+    BLACK_02 = "text-gray-02",
+    BLACK_03 = "text-gray-03",
+    BLUE = "text-blue-01",
+    BLUE_03 = "text-blue-03",
+    RED = "text-red-01",
+    RED_03 = "text-red-03",
+    PURPLE = "text-purple-01"
+}
+export type PropsOf<C extends keyof JSX.IntrinsicElements | React.JSXElementConstructor<unknown>> = JSX.LibraryManagedAttributes<C, React.ComponentPropsWithoutRef<C>>;
+type AsProp<C extends React.ElementType> = {
+    as?: C;
+};
+export type ExtendableProps<ExtendedProps = {}, OverrideProps = {}> = OverrideProps & Omit<ExtendedProps, keyof OverrideProps>;
+export type InheritableElementProps<C extends React.ElementType, Props = {}> = ExtendableProps<PropsOf<C>, Props>;
+export type PolymorphicComponentProps<C extends React.ElementType, Props = {}> = InheritableElementProps<C, Props & AsProp<C>>;
+export type PolymorphicRef<C extends React.ElementType> = React.ComponentPropsWithRef<C>['ref'];
+export type PolymorphicComponentPropsWithRef<C extends React.ElementType, Props = {}> = PolymorphicComponentProps<C, Props> & {
+    ref?: PolymorphicRef<C>;
+};
+export {};
+//# sourceMappingURL=text-types.d.ts.map

package/dist/components/atoms/text/text.d.ts

@@ -0,0 +1,14 @@
+import { VariantProps } from 'class-variance-authority';
+import { PolymorphicComponentPropsWithRef, TextColors, TextVariant } from './text-types';
+declare const textStyles: (props?: ({
+    variant?: TextVariant | null | undefined;
+    color?: TextColors | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+type TextProps<C extends React.ElementType> = PolymorphicComponentPropsWithRef<C, Omit<VariantProps<typeof textStyles>, 'variant' | 'color'> & {
+    variant?: TextVariant;
+    color?: TextColors;
+}>;
+type TextComponent = <C extends React.ElementType = 'span'>(props: TextProps<C>) => React.ReactElement | null;
+export declare const Text: TextComponent;
+export {};
+//# sourceMappingURL=text.d.ts.map

package/dist/components/atoms/text-button/index.d.ts

@@ -0,0 +1,3 @@
+export * from './text-button';
+export * from './text-button-types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/text-button/text-button-types.d.ts

@@ -0,0 +1,8 @@
+export declare enum TextButtonVariant {
+    DEFAULT = "DEFAULT",
+    DESTRUCTIVE = "DESTRUCTIVE"
+}
+export declare const textButtonStyles: {
+    [type in TextButtonVariant]: string;
+};
+//# sourceMappingURL=text-button-types.d.ts.map

package/dist/components/molecules/form/form-select/form-select.d.ts

@@ -0,0 +1,7 @@
+import { SelectProps } from '../../../../components';
+import { FormControlProps } from '../../../../containers';
+export type FormSelectProps = FormControlProps & SelectProps & {
+    formControlClassName?: string;
+};
+export declare function FormSelect({ formControlClassName, ...props }: FormSelectProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=form-select.d.ts.map

package/dist/components/molecules/form/form-select/index.d.ts

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

package/dist/components/molecules/form/form-story-stubs.d.ts

@@ -0,0 +1,11 @@
+import { FormikValues } from 'formik';
+import { FormHelpers, FormRenderProps } from './form-types';
+export type TestFormValues = {
+    test: string;
+};
+export type FormConfig<FormValuesType> = {
+    initialValues: FormValuesType;
+    onSubmit: (values: FormValuesType, helpers?: FormHelpers<FormValuesType>) => void;
+};
+export declare function createMockFormikProps<T extends FormikValues>(config: FormConfig<T>): FormRenderProps<T>;
+//# sourceMappingURL=form-story-stubs.d.ts.map

package/dist/components/molecules/form/form-test-stubs.d.ts

@@ -0,0 +1,6 @@
+import { FormRenderProps } from './form-types';
+export type TestFormValues = {
+    test: string;
+};
+export declare const mockFormProps: FormRenderProps<TestFormValues>;
+//# sourceMappingURL=form-test-stubs.d.ts.map

package/dist/components/molecules/form/form-text-field/form-text-field.d.ts

@@ -0,0 +1,7 @@
+import { FormControlProps } from '../../../../containers';
+import { TextFieldProps } from '../../../../components';
+export type FormTextFieldProps = FormControlProps & TextFieldProps & {
+    formControlClassName?: string;
+};
+export declare function FormTextField({ formControlClassName, ...props }: FormTextFieldProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=form-text-field.d.ts.map

package/dist/components/molecules/form/form-text-field/index.d.ts

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

package/dist/components/molecules/form/form-types.d.ts

@@ -0,0 +1,24 @@
+import BaseSchema from 'yup/lib/schema';
+import { FormikHelpers, FormikProps } from 'formik';
+export type FormNames<FormValuesType> = {
+    [key in keyof FormValuesType]: string;
+};
+export type FormErrors<FormValuesType> = {
+    [key in keyof FormValuesType]: string;
+};
+export type FormSchema<FormValuesType> = {
+    [key in keyof FormValuesType]: BaseSchema;
+};
+export type FormHelpers<FormValuesType> = FormikHelpers<FormValuesType>;
+export type FormRenderProps<FormValuesType> = FormikProps<FormValuesType> & {
+    submitButtonDisabled: boolean;
+};
+export type FormConfig<FormValuesType> = {
+    enableReinitialize?: boolean;
+    names: FormNames<FormValuesType>;
+    initialValues: FormValuesType;
+    validationSchema?: FormSchema<FormValuesType>;
+    innerRef?: React.Ref<FormikProps<FormValuesType>>;
+    onSubmit: (values: FormValuesType, helpers?: FormHelpers<FormValuesType>) => void;
+};
+//# sourceMappingURL=form-types.d.ts.map

package/dist/components/molecules/form/form.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { FormikValues } from 'formik';
+import { FormConfig, FormNames, FormRenderProps } from './form-types';
+type FormProps<FormValuesType> = {
+    id?: string;
+    config: FormConfig<FormValuesType>;
+    className?: string;
+    children: (props: FormRenderProps<FormValuesType>, names: FormNames<FormValuesType>) => React.ReactElement;
+};
+export declare function Form<FormValuesType extends FormikValues>({ id, config, className, children, }: FormProps<FormValuesType>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=form.d.ts.map

package/dist/components/molecules/form/index.d.ts

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

package/dist/components/molecules/modal/components/content.d.ts

@@ -1,9 +1,9 @@
 import { ReactElement } from 'react';
-type ExtendableContentViewProps = {
+type Props = {
     className?: string;
     footerFixed?: boolean;
     children?: ReactElement | ReactElement[];
 };
-export declare function ExtendableContentView({ children, className }: ExtendableContentViewProps): import("react/jsx-runtime").JSX.Element;
-export {};
+export declare function ExtendableContentView({ children, className }: Props): import("react/jsx-runtime").JSX.Element;
+export type { Props as ExtendableContentProps };
 //# sourceMappingURL=content.d.ts.map

package/dist/components/molecules/modal/components/content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"content.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/modal/components/content.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAA+B,MAAM,OAAO,CAAC;AAGlE,KAAK,0BAA0B,GAAG;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;CAC1C,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,0BAA0B,2CA6BxF"}
+{"version":3,"file":"content.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/modal/components/content.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAA+B,MAAM,OAAO,CAAC;AAGlE,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;CAC1C,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,KAAK,2CA6BnE;AAED,YAAY,EAAE,KAAK,IAAI,sBAAsB,EAAE,CAAC"}

package/dist/components/molecules/modal/components/content.js.map

@@ -1 +1 @@
-{"version":3,"file":"content.js","sourceRoot":"","sources":["../../../../../src/components/molecules/modal/components/content.tsx"],"names":[],"mappings":";;AASA,sDA6BC;;AAtCD,iCAAkE;AAClE,qEAA4D;AAQ5D,SAAgB,qBAAqB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAA8B;IACvF,MAAM,GAAG,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IACzC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAElD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC;QAC5B,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC;QAE9E,KAAK,EAAE,CAAC;QACR,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;QACzC,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;IAC3D,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,yBAAQ,EACjB,oCAAoC,EACpC,uBAAuB,EACvB,kBAAkB,EAClB,SAAS,IAAI,kBAAkB,EAC/B,SAAS,CACV,YAEA,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"content.js","sourceRoot":"","sources":["../../../../../src/components/molecules/modal/components/content.tsx"],"names":[],"mappings":";;AASA,sDA6BC;;AAtCD,iCAAkE;AAClE,qEAA4D;AAQ5D,SAAgB,qBAAqB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAS;IAClE,MAAM,GAAG,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IACzC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAElD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC;QAC5B,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC;QAE9E,KAAK,EAAE,CAAC;QACR,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;QACzC,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;IAC3D,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,yBAAQ,EACjB,oCAAoC,EACpC,uBAAuB,EACvB,kBAAkB,EAClB,SAAS,IAAI,kBAAkB,EAC/B,SAAS,CACV,YAEA,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}