period-ui 0.1.2 → 0.1.4

package/dist/components/atoms/drop-down-menu/drop-down-menu.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DropDownMenu = DropDownMenu;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const tailwind_utils_1 = require("../../../utils/tailwind-utils");
+const menu_item_1 = require("./components/menu-item");
+function DropDownMenu({ options, className, emptyElement, selectedIDs = [], variant = menu_item_1.MenuItemVariant.DEFAULT, }) {
+    function handleIsSelected(optionID) {
+        return selectedIDs.includes(optionID);
+    }
+    const uniqueOptions = options?.filter((_option, index, self) => self.findIndex((option) => option.value === _option.value) === index);
+    return ((0, jsx_runtime_1.jsx)("div", { className: (0, tailwind_utils_1.tailwind)('absolute z-30 mt-2 shadow-black-01 rounded-lg w-fit', 'overflow-y-auto overflow-x-hidden h-fit', className), children: uniqueOptions && uniqueOptions.length > 0
+            ? uniqueOptions.map((option, key) => {
+                const isLastItem = key === uniqueOptions.length - 1;
+                const isFistItem = key === 0;
+                return ((0, react_1.createElement)(menu_item_1.MenuItem, { ...option, variant: option.variant ?? variant, key: option.value, id: option.value, className: (0, tailwind_utils_1.tailwind)({
+                        'rounded-b-lg': isLastItem,
+                        'rounded-t-lg': isFistItem,
+                        'border-t': !isFistItem,
+                    }), isSelected: handleIsSelected(option.value) }));
+            })
+            : emptyElement }));
+}
+//# sourceMappingURL=drop-down-menu.js.map

package/dist/components/atoms/drop-down-menu/drop-down-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drop-down-menu.js","sourceRoot":"","sources":["../../../../src/components/atoms/drop-down-menu/drop-down-menu.tsx"],"names":[],"mappings":";;AAuBA,oCA6CC;;;AAlED,kEAAyD;AAEzD,sDAAmE;AAmBnE,SAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,SAAS,EACT,YAAY,EACZ,WAAW,GAAG,EAAE,EAChB,OAAO,GAAG,2BAAe,CAAC,OAAO,GAC3B;IACN,SAAS,gBAAgB,CAAC,QAAgB;QACxC,OAAO,WAAW,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACxC,CAAC;IAED,MAAM,aAAa,GAAG,OAAO,EAAE,MAAM,CACnC,CAAC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,OAAO,CAAC,KAAK,CAAC,KAAK,KAAK,CAC/F,CAAC;IAEF,OAAO,CACL,gCACE,SAAS,EAAE,IAAA,yBAAQ,EACjB,qDAAqD,EACrD,yCAAyC,EACzC,SAAS,CACV,YAEA,aAAa,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC;YACxC,CAAC,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE;gBAChC,MAAM,UAAU,GAAG,GAAG,KAAK,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC;gBACpD,MAAM,UAAU,GAAG,GAAG,KAAK,CAAC,CAAC;gBAC7B,OAAO,CACL,2BAAC,oBAAQ,OACH,MAAM,EACV,OAAO,EAAE,MAAM,CAAC,OAAO,IAAI,OAAO,EAClC,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,EAAE,EAAE,MAAM,CAAC,KAAK,EAChB,SAAS,EAAE,IAAA,yBAAQ,EAAC;wBAClB,cAAc,EAAE,UAAU;wBAC1B,cAAc,EAAE,UAAU;wBAC1B,UAAU,EAAE,CAAC,UAAU;qBACxB,CAAC,EACF,UAAU,EAAE,gBAAgB,CAAC,MAAM,CAAC,KAAK,CAAC,GAC1C,CACH,CAAC;YACJ,CAAC,CAAC;YACJ,CAAC,CAAC,YAAY,GACZ,CACP,CAAC;AACJ,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/icon-button/icon-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAGjF,KAAK,KAAK,GAAG;IACX,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,UAAU,CAAC;IACjB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,UAAU,CAAC,EACzB,UAAkB,EAClB,IAAI,EACJ,IAAkB,EAClB,KAAyB,EACzB,OAAO,EACP,SAAS,GACV,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAmBrB"}

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

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconButton = IconButton;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const components_1 = require("../../../components");
+const tailwind_utils_1 = require("../../../utils/tailwind-utils");
+function IconButton({ isDisabled = false, icon, size = components_1.IconSize.LG, color = components_1.IconColor.GRAY_02, onClick, className, }) {
+    const isClickable = Boolean(onClick);
+    return ((0, jsx_runtime_1.jsx)("button", { type: "button", disabled: isDisabled, onClick: onClick, className: (0, tailwind_utils_1.tailwind)('inline-flex items-center justify-center', isClickable && 'w-10 h-10', isClickable && 'cursor-pointer', isDisabled && 'cursor-not-allowed', className), children: (0, jsx_runtime_1.jsx)(components_1.BilloIcon, { icon: icon, size: size, color: color }) }));
+}
+//# sourceMappingURL=icon-button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button.js","sourceRoot":"","sources":["../../../../src/components/atoms/icon-button/icon-button.tsx"],"names":[],"mappings":";;AAYA,gCA0BC;;AAtCD,oDAAiF;AACjF,kEAAyD;AAWzD,SAAgB,UAAU,CAAC,EACzB,UAAU,GAAG,KAAK,EAClB,IAAI,EACJ,IAAI,GAAG,qBAAQ,CAAC,EAAE,EAClB,KAAK,GAAG,sBAAS,CAAC,OAAO,EACzB,OAAO,EACP,SAAS,GACH;IACN,MAAM,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IAErC,OAAO,CACL,mCACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,IAAA,yBAAQ,EACjB,yCAAyC,EACzC,WAAW,IAAI,WAAW,EAC1B,WAAW,IAAI,gBAAgB,EAC/B,UAAU,IAAI,oBAAoB,EAClC,SAAS,CACV,YAED,uBAAC,sBAAS,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,GAAI,GAC5C,CACV,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,10 @@
+import { IconSize } from '../../billo-icon/billo-icon';
+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/components/clear-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"clear-button.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/search-bar/components/clear-button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAwB,QAAQ,EAAc,MAAM,6BAA6B,CAAC;AAEzF,KAAK,KAAK,GAAG;IACX,UAAU,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,UAAU,EACV,IAAkB,EAClB,OAAO,EACP,SAAS,GACV,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CA6BrB"}

package/dist/components/atoms/search-bar/components/clear-button.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ClearButton = ClearButton;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const tailwind_utils_1 = require("../../../../utils/tailwind-utils");
+const billo_icon_1 = require("../../billo-icon/billo-icon");
+function ClearButton({ isDisabled, size = billo_icon_1.IconSize.LG, onClick, className, }) {
+    return ((0, jsx_runtime_1.jsx)("button", { type: "button", disabled: isDisabled, onClick: onClick, className: (0, tailwind_utils_1.tailwind)('group', 'w-[34px] h-[34px] md:w-[40px] md:h-[40px]', 'active:bg-gray-04', 'hover:bg-gray-05', 'focus:bg-gray-05 focus:outline-2 focus:outline-offset-2 focus:outline-blue-01', 'rounded-full cursor-pointer', isDisabled && 'cursor-not-allowed', className), children: (0, jsx_runtime_1.jsx)(billo_icon_1.BilloIcon, { icon: billo_icon_1.IconSymbol.ICON_X, size: size, color: isDisabled ? billo_icon_1.IconColor.GRAY_03 : billo_icon_1.IconColor.GRAY_02, touchTarget: "w-[34px] h-[34px] md:w-[40px] md:h-[40px]", className: (0, tailwind_utils_1.tailwind)(!isDisabled &&
+                'group-active:text-gray-01 group-hover:text-gray-01 group-focus:text-gray-01') }) }));
+}
+//# sourceMappingURL=clear-button.js.map

package/dist/components/atoms/search-bar/components/clear-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clear-button.js","sourceRoot":"","sources":["../../../../../src/components/atoms/search-bar/components/clear-button.tsx"],"names":[],"mappings":";;AAUA,kCAkCC;;AA5CD,qEAA4D;AAC5D,4DAAyF;AASzF,SAAgB,WAAW,CAAC,EAC1B,UAAU,EACV,IAAI,GAAG,qBAAQ,CAAC,EAAE,EAClB,OAAO,EACP,SAAS,GACH;IACN,OAAO,CACL,mCACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,IAAA,yBAAQ,EACjB,OAAO,EACP,2CAA2C,EAC3C,mBAAmB,EACnB,kBAAkB,EAClB,+EAA+E,EAC/E,6BAA6B,EAC7B,UAAU,IAAI,oBAAoB,EAClC,SAAS,CACV,YAED,uBAAC,sBAAS,IACR,IAAI,EAAE,uBAAU,CAAC,MAAM,EACvB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,sBAAS,CAAC,OAAO,CAAC,CAAC,CAAC,sBAAS,CAAC,OAAO,EACzD,WAAW,EAAC,2CAA2C,EACvD,SAAS,EAAE,IAAA,yBAAQ,EACjB,CAAC,UAAU;gBACT,6EAA6E,CAChF,GACD,GACK,CACV,CAAC;AACJ,CAAC"}

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/search-bar/search-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-bar.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/search-bar/search-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAOpC,KAAK,KAAK,GAAG;IACX,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACrD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,SAAS,CAAC,EACxB,UAAkB,EAClB,KAAK,EACL,WAAW,EACX,QAAQ,EACR,OAAO,EACP,SAAS,GACV,EAAE,KAAK,2CA+CP"}

package/dist/components/atoms/search-bar/search-bar.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SearchBar = SearchBar;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const tailwind_utils_1 = require("../../../utils/tailwind-utils");
+const window_dimensions_utils_1 = require("../../../utils/window-dimensions-utils");
+const billo_icon_1 = require("../billo-icon/billo-icon");
+const text_1 = require("../text/text");
+const clear_button_1 = require("./components/clear-button");
+function SearchBar({ isDisabled = false, value, placeholder, onChange, onClear, className, }) {
+    const { isMobile } = (0, window_dimensions_utils_1.useWindowDimensions)();
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex items-center rounded-full', 'w-[272px] md:w-[314px] lg:w-[314px] xl:w-[314px]', 'h-[50px] md:h-[56px] lg:h-[56px] xl:h-[56px]', 'border border-gray-04', value ? 'pl-4 pr-2' : 'px-4', isDisabled && 'bg-gray-05 cursor-not-allowed', !isDisabled &&
+            'hover:border-blue-02 focus-within:border-blue-01 focus-within:hover:border-blue-01', className), children: [(0, jsx_runtime_1.jsx)(billo_icon_1.BilloIcon, { icon: billo_icon_1.IconSymbol.MAGNIFYING_GLASS, size: isMobile ? billo_icon_1.IconSize.LG : billo_icon_1.IconSize.XL, color: isDisabled ? billo_icon_1.IconColor.GRAY_03 : billo_icon_1.IconColor.GRAY_02 }), (0, jsx_runtime_1.jsx)("input", { disabled: isDisabled, type: "text", value: value, placeholder: placeholder, onChange: onChange, className: (0, tailwind_utils_1.tailwind)('flex flex-row items-center py-4 ml-2 w-full', 'bg-transparent outline-none', `${text_1.TextStyle[text_1.TextVariant.BODY]}`, 'text-gray-01', 'placeholder:text-gray-03', 'disabled:text-gray-03 disabled:cursor-not-allowed') }), (0, jsx_runtime_1.jsx)(clear_button_1.ClearButton, { isDisabled: isDisabled, size: isMobile ? billo_icon_1.IconSize.XS : billo_icon_1.IconSize.SM, onClick: onClear, className: (0, tailwind_utils_1.tailwind)(!value && 'hidden') })] }));
+}
+//# sourceMappingURL=search-bar.js.map

package/dist/components/atoms/search-bar/search-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-bar.js","sourceRoot":"","sources":["../../../../src/components/atoms/search-bar/search-bar.tsx"],"names":[],"mappings":";;AAgBA,8BAsDC;;AArED,kEAAyD;AACzD,oFAA6E;AAC7E,yDAAsF;AACtF,uCAAsD;AACtD,4DAAwD;AAWxD,SAAgB,SAAS,CAAC,EACxB,UAAU,GAAG,KAAK,EAClB,KAAK,EACL,WAAW,EACX,QAAQ,EACR,OAAO,EACP,SAAS,GACH;IACN,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,6CAAmB,GAAE,CAAC;IAE3C,OAAO,CACL,iCACE,SAAS,EAAE,IAAA,yBAAQ,EACjB,gCAAgC,EAChC,kDAAkD,EAClD,8CAA8C,EAC9C,uBAAuB,EACvB,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,EAC5B,UAAU,IAAI,+BAA+B,EAC7C,CAAC,UAAU;YACT,oFAAoF,EACtF,SAAS,CACV,aAED,uBAAC,sBAAS,IACR,IAAI,EAAE,uBAAU,CAAC,gBAAgB,EACjC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,EAC1C,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,sBAAS,CAAC,OAAO,CAAC,CAAC,CAAC,sBAAS,CAAC,OAAO,GACzD,EAEF,kCACE,QAAQ,EAAE,UAAU,EACpB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,IAAA,yBAAQ,EACjB,6CAA6C,EAC7C,6BAA6B,EAC7B,GAAG,gBAAS,CAAC,kBAAW,CAAC,IAAI,CAAC,EAAE,EAChC,cAAc,EACd,0BAA0B,EAC1B,mDAAmD,CACpD,GACD,EAEF,uBAAC,0BAAW,IACV,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,EAC1C,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,IAAA,yBAAQ,EAAC,CAAC,KAAK,IAAI,QAAQ,CAAC,GACvC,IACE,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,35 @@
+import { VariantProps } from 'class-variance-authority';
+import { PolymorphicComponentPropsWithRef } from '../../../types/text-types';
+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 {
+    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"
+}
+declare const textStyles: (props?: ({
+    variant?: TextVariant | null | undefined;
+    color?: TextColors | null | undefined;
+} & import("class-variance-authority/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/text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/text/text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,EAAE,gCAAgC,EAAkB,MAAM,2BAA2B,CAAC;AAG7F,oBAAY,WAAW;IACrB,QAAQ,aAAa;IACrB,QAAQ,aAAa;IACrB,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,aAAa,iBAAiB;IAC9B,SAAS,aAAa;IACtB,IAAI,SAAS;IACb,MAAM,WAAW;CAClB;AAED,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAajD,CAAC;AAEF,oBAAY,UAAU;IACpB,KAAK,iBAAiB;IACtB,QAAQ,iBAAiB;IACzB,QAAQ,iBAAiB;IACzB,IAAI,iBAAiB;IACrB,OAAO,iBAAiB;IACxB,GAAG,gBAAgB;IACnB,MAAM,gBAAgB;IACtB,MAAM,mBAAmB;CAC1B;AAUD,QAAA,MAAM,UAAU;;;8EAMd,CAAC;AAEH,KAAK,SAAS,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAAI,gCAAgC,CAC5E,CAAC,EACD,IAAI,CAAC,YAAY,CAAC,OAAO,UAAU,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC,GAAG;IAC3D,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB,CACF,CAAC;AAEF,KAAK,aAAa,GAAG,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,MAAM,EACxD,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAChB,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;AAI/B,eAAO,MAAM,IAAI,EAAE,aAsBlB,CAAC"}

package/dist/components/atoms/text/text.js

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Text = exports.TextColors = exports.TextStyle = exports.TextVariant = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const class_variance_authority_1 = require("class-variance-authority");
+const react_1 = require("react");
+const tailwind_utils_1 = require("../../../utils/tailwind-utils");
+var TextVariant;
+(function (TextVariant) {
+    TextVariant["HEADLINE"] = "headline";
+    TextVariant["SUBTITLE"] = "subtitle";
+    TextVariant["ACCENT"] = "accent";
+    TextVariant["BODY"] = "body";
+    TextVariant["BODY_SEMIBOLD"] = "bodySemibold";
+    TextVariant["BODY_BOLD"] = "bodyBold";
+    TextVariant["LINK"] = "link";
+    TextVariant["HELPER"] = "helper";
+})(TextVariant || (exports.TextVariant = TextVariant = {}));
+exports.TextStyle = {
+    [TextVariant.HEADLINE]: 'font-semibold text-[20px] leading-[26px] md:text-[28px] md:leading-[42px]',
+    [TextVariant.SUBTITLE]: 'font-semibold text-[16px] leading-[21px] md:text-[24px] md:leading-[36px]',
+    [TextVariant.ACCENT]: 'font-bold text-[16px] leading-[27px] md:text-[18px] md:leading-[27px]',
+    [TextVariant.BODY]: 'font-normal text-[14px] leading-[18px] md:text-[16px] md:leading-[24px]',
+    [TextVariant.BODY_SEMIBOLD]: 'font-semibold text-[14px] leading-[18px] md:text-[16px] md:leading-[24px]',
+    [TextVariant.BODY_BOLD]: 'font-bold text-[14px] leading-[18px] md:text-[16px] md:leading-[24px]',
+    [TextVariant.LINK]: 'cursor-pointer underline font-normal text-[14px] leading-[18px] md:text-[16px] md:leading-[24px]',
+    [TextVariant.HELPER]: 'font-normal text-[12px] leading-[16px] md:text-[14px] md:leading-[21px]',
+};
+var TextColors;
+(function (TextColors) {
+    TextColors["BLACK"] = "text-gray-01";
+    TextColors["BLACK_02"] = "text-gray-02";
+    TextColors["BLACK_03"] = "text-gray-03";
+    TextColors["BLUE"] = "text-blue-01";
+    TextColors["BLUE_03"] = "text-blue-03";
+    TextColors["RED"] = "text-red-01";
+    TextColors["RED_03"] = "text-red-03";
+    TextColors["PURPLE"] = "text-purple-01";
+})(TextColors || (exports.TextColors = TextColors = {}));
+const variant = Object.fromEntries(Object.values(TextVariant).map((variant) => [variant, exports.TextStyle[variant]]));
+const color = Object.fromEntries(Object.values(TextColors).map((c) => [c, c]));
+const textStyles = (0, class_variance_authority_1.cva)(['whitespace-nowrap', 'font-geist font-variant-numeric'], {
+    variants: { variant, color },
+    defaultVariants: {
+        variant: TextVariant.BODY,
+        color: TextColors.BLACK,
+    },
+});
+exports.Text = (0, react_1.forwardRef)(({ as, variant, color, className, ...props }, ref) => {
+    const Component = as || 'span';
+    return ((0, jsx_runtime_1.jsx)(Component, { ref: ref, className: (0, tailwind_utils_1.tailwind)(textStyles({
+            variant: variant,
+            color,
+            className,
+        })), ...props }));
+});
+//# sourceMappingURL=text.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"text.js","sourceRoot":"","sources":["../../../../src/components/atoms/text/text.tsx"],"names":[],"mappings":";;;;AAAA,uEAA6D;AAC7D,iCAAmC;AAEnC,kEAAyD;AAEzD,IAAY,WASX;AATD,WAAY,WAAW;IACrB,oCAAqB,CAAA;IACrB,oCAAqB,CAAA;IACrB,gCAAiB,CAAA;IACjB,4BAAa,CAAA;IACb,6CAA8B,CAAA;IAC9B,qCAAsB,CAAA;IACtB,4BAAa,CAAA;IACb,gCAAiB,CAAA;AACnB,CAAC,EATW,WAAW,2BAAX,WAAW,QAStB;AAEY,QAAA,SAAS,GAAgC;IACpD,CAAC,WAAW,CAAC,QAAQ,CAAC,EACpB,2EAA2E;IAC7E,CAAC,WAAW,CAAC,QAAQ,CAAC,EACpB,2EAA2E;IAC7E,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,uEAAuE;IAC7F,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,yEAAyE;IAC7F,CAAC,WAAW,CAAC,aAAa,CAAC,EACzB,2EAA2E;IAC7E,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,uEAAuE;IAChG,CAAC,WAAW,CAAC,IAAI,CAAC,EAChB,kGAAkG;IACpG,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,yEAAyE;CAChG,CAAC;AAEF,IAAY,UASX;AATD,WAAY,UAAU;IACpB,oCAAsB,CAAA;IACtB,uCAAyB,CAAA;IACzB,uCAAyB,CAAA;IACzB,mCAAqB,CAAA;IACrB,sCAAwB,CAAA;IACxB,iCAAmB,CAAA;IACnB,oCAAsB,CAAA;IACtB,uCAAyB,CAAA;AAC3B,CAAC,EATW,UAAU,0BAAV,UAAU,QASrB;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,WAAW,CAChC,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,OAAO,EAAE,iBAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAC5C,CAAC;AAEjC,MAAM,KAAK,GAA+B,MAAM,CAAC,WAAW,CAC1D,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CACf,CAAC;AAEhC,MAAM,UAAU,GAAG,IAAA,8BAAG,EAAC,CAAC,mBAAmB,EAAE,iCAAiC,CAAC,EAAE;IAC/E,QAAQ,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;IAC5B,eAAe,EAAE;QACf,OAAO,EAAE,WAAW,CAAC,IAAI;QACzB,KAAK,EAAE,UAAU,CAAC,KAAK;KACxB;CACF,CAAC,CAAC;AAgBU,QAAA,IAAI,GAAkB,IAAA,kBAAU,EAE3C,CACE,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAgB,EACzD,GAAuB,EACvB,EAAE;IACF,MAAM,SAAS,GAAG,EAAE,IAAI,MAAM,CAAC;IAE/B,OAAO,CACL,uBAAC,SAAS,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,yBAAQ,EACjB,UAAU,CAAC;YACT,OAAO,EAAE,OAAgE;YACzE,KAAK;YACL,SAAS;SACV,CAAC,CACH,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC"}

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

@@ -0,0 +1,19 @@
+import { IconSymbol } from '../..';
+export declare enum TextButtonVariant {
+    DEFAULT = "DEFAULT",
+    DESTRUCTIVE = "DESTRUCTIVE"
+}
+export declare const textButtonStyles: {
+    [type in TextButtonVariant]: string;
+};
+type Props = {
+    isDisabled?: boolean;
+    label: string;
+    className?: string;
+    icon?: IconSymbol;
+    variant?: TextButtonVariant;
+    onClick: () => void;
+};
+export declare function TextButton({ isDisabled, label, className, icon, variant, onClick, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=text-button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"text-button.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/text-button/text-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,UAAU,EAAqB,MAAM,OAAO,CAAC;AAI3E,oBAAY,iBAAiB;IAC3B,OAAO,YAAY;IACnB,WAAW,gBAAgB;CAC5B;AAED,eAAO,MAAM,gBAAgB,EAAE;KAC5B,IAAI,IAAI,iBAAiB,GAAG,MAAM;CAMpC,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,wBAAgB,UAAU,CAAC,EACzB,UAAU,EACV,KAAK,EACL,SAAS,EACT,IAAI,EACJ,OAAmC,EACnC,OAAO,GACR,EAAE,KAAK,2CAgCP"}

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

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.textButtonStyles = exports.TextButtonVariant = void 0;
+exports.TextButton = TextButton;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const __1 = require("../..");
+const tailwind_utils_1 = require("../../../utils/tailwind-utils");
+const window_dimensions_utils_1 = require("../../../utils/window-dimensions-utils");
+var TextButtonVariant;
+(function (TextButtonVariant) {
+    TextButtonVariant["DEFAULT"] = "DEFAULT";
+    TextButtonVariant["DESTRUCTIVE"] = "DESTRUCTIVE";
+})(TextButtonVariant || (exports.TextButtonVariant = TextButtonVariant = {}));
+exports.textButtonStyles = {
+    [TextButtonVariant.DEFAULT]: 'text-blue-01 disabled:text-blue-03 hover:bg-blue-03 active:text-blue-00 active:bg-blue-03 focus-visible:bg-blue-03',
+    [TextButtonVariant.DESTRUCTIVE]: 'text-red-01 disabled:text-red-03 hover:bg-red-03 active:text-red-00 active:bg-red-03 focus-visible:bg-red-03',
+};
+function TextButton({ isDisabled, label, className, icon, variant = TextButtonVariant.DEFAULT, onClick, }) {
+    const checkBoxVariantStyle = exports.textButtonStyles[variant];
+    const { isMobile } = (0, window_dimensions_utils_1.useWindowDimensions)();
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("button", { type: "button", role: "button", disabled: isDisabled, className: (0, tailwind_utils_1.tailwind)('flex justify-center p-2 items-center rounded-lg bg-white', 'disabled:cursor-not-allowed disabled:bg-white', 'focus-visible:border-none focus-visible:outline-2 focus-visible:outline-offset-2 focus:outline-blue-01', checkBoxVariantStyle, className), onClick: onClick, children: [icon && ((0, jsx_runtime_1.jsx)(__1.BilloIcon, { className: "mr-2 text-inherit", size: isMobile ? __1.IconSize.LG : __1.IconSize.XL, icon: icon })), (0, jsx_runtime_1.jsx)(__1.Text, { variant: __1.TextVariant.BODY_SEMIBOLD, className: "text-inherit", children: label })] }) }));
+}
+//# sourceMappingURL=text-button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"text-button.js","sourceRoot":"","sources":["../../../../src/components/atoms/text-button/text-button.tsx"],"names":[],"mappings":";;;AA2BA,gCAuCC;;AAlED,6BAA2E;AAC3E,kEAAyD;AACzD,oFAA6E;AAE7E,IAAY,iBAGX;AAHD,WAAY,iBAAiB;IAC3B,wCAAmB,CAAA;IACnB,gDAA2B,CAAA;AAC7B,CAAC,EAHW,iBAAiB,iCAAjB,iBAAiB,QAG5B;AAEY,QAAA,gBAAgB,GAEzB;IACF,CAAC,iBAAiB,CAAC,OAAO,CAAC,EACzB,oHAAoH;IACtH,CAAC,iBAAiB,CAAC,WAAW,CAAC,EAC7B,8GAA8G;CACjH,CAAC;AAWF,SAAgB,UAAU,CAAC,EACzB,UAAU,EACV,KAAK,EACL,SAAS,EACT,IAAI,EACJ,OAAO,GAAG,iBAAiB,CAAC,OAAO,EACnC,OAAO,GACD;IACN,MAAM,oBAAoB,GAAG,wBAAgB,CAAC,OAAO,CAAC,CAAC;IACvD,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,6CAAmB,GAAE,CAAC;IAE3C,OAAO,CACL,2DACE,oCACE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,IAAA,yBAAQ,EACjB,0DAA0D,EAC1D,+CAA+C,EAC/C,wGAAwG,EACxG,oBAAoB,EACpB,SAAS,CACV,EACD,OAAO,EAAE,OAAO,aAEf,IAAI,IAAI,CACP,uBAAC,aAAS,IACR,SAAS,EAAC,mBAAmB,EAC7B,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,YAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,YAAQ,CAAC,EAAE,EAC1C,IAAI,EAAE,IAAI,GACV,CACH,EACD,uBAAC,QAAI,IAAC,OAAO,EAAE,eAAW,CAAC,aAAa,EAAE,SAAS,EAAC,cAAc,YAC/D,KAAK,GACD,IACA,GACR,CACJ,CAAC;AACJ,CAAC"}

package/dist/components/index.d.ts

@@ -0,0 +1,14 @@
+export * from './atoms/billo-icon/billo-icon';
+export * from './atoms/button/button';
+export * from './atoms/check-box/check-box';
+export * from './atoms/chip/chip/chip';
+export * from './atoms/chip/chips-list/chips-list';
+export * from './atoms/drop-down-menu/drop-down-menu';
+export * from './atoms/icon-button/icon-button';
+export * from './atoms/search-bar/search-bar';
+export * from './atoms/text-button/text-button';
+export * from './atoms/text/text';
+export * from './molecules/form/form';
+export * from './molecules/form/form-select/form-select';
+export * from './molecules/select/select';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,oCAAoC,CAAC;AACnD,cAAc,uCAAuC,CAAC;AACtD,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iCAAiC,CAAC;AAChD,cAAc,mBAAmB,CAAC;AAGlC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0CAA0C,CAAC;AACzD,cAAc,2BAA2B,CAAC"}

package/dist/components/index.js

@@ -0,0 +1,30 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./atoms/billo-icon/billo-icon"), exports);
+__exportStar(require("./atoms/button/button"), exports);
+__exportStar(require("./atoms/check-box/check-box"), exports);
+__exportStar(require("./atoms/chip/chip/chip"), exports);
+__exportStar(require("./atoms/chip/chips-list/chips-list"), exports);
+__exportStar(require("./atoms/drop-down-menu/drop-down-menu"), exports);
+__exportStar(require("./atoms/icon-button/icon-button"), exports);
+__exportStar(require("./atoms/search-bar/search-bar"), exports);
+__exportStar(require("./atoms/text-button/text-button"), exports);
+__exportStar(require("./atoms/text/text"), exports);
+__exportStar(require("./molecules/form/form"), exports);
+__exportStar(require("./molecules/form/form-select/form-select"), exports);
+__exportStar(require("./molecules/select/select"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AACA,gEAA8C;AAC9C,wDAAsC;AACtC,8DAA4C;AAC5C,yDAAuC;AACvC,qEAAmD;AACnD,wEAAsD;AACtD,kEAAgD;AAChD,gEAA8C;AAC9C,kEAAgD;AAChD,oDAAkC;AAGlC,wDAAsC;AACtC,2EAAyD;AACzD,4DAA0C"}

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

@@ -0,0 +1,7 @@
+import { SelectProps } from '../../..';
+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/form-select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-select.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-select/form-select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,WAAW,EAAE,MAAM,UAAU,CAAC;AAC/C,OAAO,EAAe,gBAAgB,EAAkB,MAAM,wBAAwB,CAAC;AAEvF,MAAM,MAAM,eAAe,GAAG,gBAAgB,GAC5C,WAAW,GAAG;IACZ,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B,CAAC;AAEJ,wBAAgB,UAAU,CAAC,EAAE,oBAAoB,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CA4C7E"}

package/dist/components/molecules/form/form-select/form-select.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormSelect = FormSelect;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const __1 = require("../../..");
+const containers_1 = require("../../../../containers");
+function FormSelect({ formControlClassName, ...props }) {
+    async function handleValueChange(value) {
+        const { formProps, formName, onChangeText } = props;
+        await formProps.setFieldValue(formName, value || '');
+        if (onChangeText) {
+            onChangeText(value);
+        }
+    }
+    async function handleChange(selectedValues) {
+        const { formProps, formName, onOptionChange, options } = props;
+        const [selectedValue] = selectedValues;
+        const newOption = options.find((option) => option.value === selectedValue);
+        if (!newOption) {
+            return;
+        }
+        await formProps.setFieldValue(formName, newOption.label || '');
+        if (onOptionChange) {
+            onOptionChange(selectedValues);
+        }
+    }
+    return ((0, jsx_runtime_1.jsx)(containers_1.FormControl, { ...props, errorText: props.errorText || props.formProps.errors[props.formName], inputWidth: props.isMultiSelect ? containers_1.FormInputWidth.FOUR_COLUMN : props.inputWidth, className: formControlClassName, children: ({ isErrorVisible }) => ((0, jsx_runtime_1.jsx)(__1.Select, { ...props, onChangeText: handleValueChange, onOptionChange: handleChange, isErrorVisible: isErrorVisible })) }));
+}
+//# sourceMappingURL=form-select.js.map

package/dist/components/molecules/form/form-select/form-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-select.js","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-select/form-select.tsx"],"names":[],"mappings":";;AAQA,gCA4CC;;AApDD,gCAA+C;AAC/C,uDAAuF;AAOvF,SAAgB,UAAU,CAAC,EAAE,oBAAoB,EAAE,GAAG,KAAK,EAAmB;IAC5E,KAAK,UAAU,iBAAiB,CAAC,KAAa;QAC5C,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;QAEpD,MAAM,SAAS,CAAC,aAAa,CAAC,QAAS,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC;QAEtD,IAAI,YAAY,EAAE,CAAC;YACjB,YAAY,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC;IACH,CAAC;IAED,KAAK,UAAU,YAAY,CAAC,cAAwB;QAClD,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,cAAc,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;QAC/D,MAAM,CAAC,aAAa,CAAC,GAAG,cAAc,CAAC;QACvC,MAAM,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,aAAa,CAAC,CAAC;QAE3E,IAAI,CAAC,SAAS,EAAE,CAAC;YACf,OAAO;QACT,CAAC;QAED,MAAM,SAAS,CAAC,aAAa,CAAC,QAAS,EAAE,SAAS,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;QAEhE,IAAI,cAAc,EAAE,CAAC;YACnB,cAAc,CAAC,cAAc,CAAC,CAAC;QACjC,CAAC;IACH,CAAC;IAED,OAAO,CACL,uBAAC,wBAAW,OACN,KAAK,EACT,SAAS,EAAE,KAAK,CAAC,SAAS,IAAK,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,QAAS,CAAwB,EAC7F,UAAU,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,2BAAc,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,EAC/E,SAAS,EAAE,oBAAoB,YAE9B,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,CACvB,uBAAC,UAAM,OACD,KAAK,EACT,YAAY,EAAE,iBAAiB,EAC/B,cAAc,EAAE,YAAY,EAC5B,cAAc,EAAE,cAAc,GAC9B,CACH,GACW,CACf,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import { FormikHelpers, FormikProps, FormikValues } from 'formik';
+import BaseSchema from 'yup/lib/schema';
+export type FormNames<FormValuesType> = {
+    [key in keyof FormValuesType]: string;
+};
+export type FromErrors<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;
+};
+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/form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/form/form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAU,aAAa,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAE1E,OAAO,UAAU,MAAM,gBAAgB,CAAC;AAGxC,MAAM,MAAM,SAAS,CAAC,cAAc,IAAI;KAAG,GAAG,IAAI,MAAM,cAAc,GAAG,MAAM;CAAE,CAAC;AAElF,MAAM,MAAM,UAAU,CAAC,cAAc,IAAI;KAAG,GAAG,IAAI,MAAM,cAAc,GAAG,MAAM;CAAE,CAAC;AAEnF,MAAM,MAAM,UAAU,CAAC,cAAc,IAAI;KAAG,GAAG,IAAI,MAAM,cAAc,GAAG,UAAU;CAAE,CAAC;AAEvF,MAAM,MAAM,WAAW,CAAC,cAAc,IAAI,aAAa,CAAC,cAAc,CAAC,CAAC;AAExE,MAAM,MAAM,eAAe,CAAC,cAAc,IAAI,WAAW,CAAC,cAAc,CAAC,GAAG;IAC1E,oBAAoB,EAAE,OAAO,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,UAAU,CAAC,cAAc,IAAI;IACvC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,KAAK,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACjC,aAAa,EAAE,cAAc,CAAC;IAC9B,gBAAgB,CAAC,EAAE,UAAU,CAAC,cAAc,CAAC,CAAC;IAC9C,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC,CAAC;IAClD,QAAQ,EAAE,CAAC,MAAM,EAAE,cAAc,EAAE,OAAO,CAAC,EAAE,WAAW,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;CACnF,CAAC;AAEF,KAAK,SAAS,CAAC,cAAc,IAAI;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,UAAU,CAAC,cAAc,CAAC,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,CACR,KAAK,EAAE,eAAe,CAAC,cAAc,CAAC,EACtC,KAAK,EAAE,SAAS,CAAC,cAAc,CAAC,KAC7B,KAAK,CAAC,YAAY,CAAC;CACzB,CAAC;AAgBF,wBAAgB,IAAI,CAAC,cAAc,SAAS,YAAY,EAAE,EACxD,EAAE,EACF,MAAM,EACN,SAAS,EACT,QAAQ,GACT,EAAE,SAAS,CAAC,cAAc,CAAC,2CAmC3B"}

package/dist/components/molecules/form/form.js

@@ -0,0 +1,44 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Form = Form;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const formik_1 = require("formik");
+const yup = __importStar(require("yup"));
+const tailwind_utils_1 = require("../../../utils/tailwind-utils");
+function Form({ id, config, className, children, }) {
+    const { names, initialValues, validationSchema, onSubmit } = config;
+    return ((0, jsx_runtime_1.jsx)(formik_1.Formik, { initialValues: initialValues, validationSchema: validationSchema && yup.object(validationSchema), onSubmit: onSubmit, children: (formikProps) => {
+            const submitButtonDisabled = !formikProps.dirty || !formikProps.isValid || formikProps.isSubmitting;
+            return ((0, jsx_runtime_1.jsx)("form", { id: id, role: "form", onSubmit: (event) => {
+                    event.preventDefault();
+                    formikProps.handleSubmit();
+                }, className: (0, tailwind_utils_1.tailwind)(className), children: children({
+                    ...formikProps,
+                    submitButtonDisabled,
+                }, names) }));
+        } }));
+}
+//# sourceMappingURL=form.js.map

package/dist/components/molecules/form/form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.js","sourceRoot":"","sources":["../../../../src/components/molecules/form/form.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAmDA,oBAwCC;;AA1FD,mCAA0E;AAC1E,yCAA2B;AAE3B,kEAAyD;AA+CzD,SAAgB,IAAI,CAAsC,EACxD,EAAE,EACF,MAAM,EACN,SAAS,EACT,QAAQ,GACkB;IAC1B,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC;IAEpE,OAAO,CACL,uBAAC,eAAM,IACL,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAgB,IAAI,GAAG,CAAC,MAAM,CAAC,gBAAgB,CAAC,EAClE,QAAQ,EAAE,QAAQ,YAEjB,CAAC,WAAwC,EAAsB,EAAE;YAChE,MAAM,oBAAoB,GACxB,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC,WAAW,CAAC,OAAO,IAAI,WAAW,CAAC,YAAY,CAAC;YAEzE,OAAO,CACL,iCACE,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oBAClB,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,WAAW,CAAC,YAAY,EAAE,CAAC;gBAC7B,CAAC,EACD,SAAS,EAAE,IAAA,yBAAQ,EAAC,SAAS,CAAC,YAE7B,QAAQ,CACP;oBACE,GAAG,WAAW;oBACd,oBAAoB;iBACrB,EACD,KAAK,CACN,GACI,CACR,CAAC;QACJ,CAAC,GACM,CACV,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,11 @@
+import { FormikValues } from 'formik';
+import { FormHelpers, FormRenderProps } from './form';
+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=formStoryStubs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"formStoryStubs.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/form/formStoryStubs.ts"],"names":[],"mappings":"AAAA,OAAO,EAOL,YAAY,EACb,MAAM,QAAQ,CAAC;AAChB,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAEtD,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,UAAU,CAAC,cAAc,IAAI;IACvC,aAAa,EAAE,cAAc,CAAC;IAC9B,QAAQ,EAAE,CAAC,MAAM,EAAE,cAAc,EAAE,OAAO,CAAC,EAAE,WAAW,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;CACnF,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,CAAC,SAAS,YAAY,EACxD,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,GACpB,eAAe,CAAC,CAAC,CAAC,CAuFpB"}

package/dist/components/molecules/form/formStoryStubs.js

@@ -0,0 +1,81 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createMockFormikProps = createMockFormikProps;
+function createMockFormikProps(config) {
+    const { initialValues, onSubmit } = config;
+    return {
+        isValid: true,
+        values: initialValues,
+        initialValues,
+        errors: {},
+        touched: {},
+        isSubmitting: false,
+        isValidating: false,
+        submitButtonDisabled: false,
+        status: null,
+        dirty: false,
+        submitCount: 0,
+        initialTouched: {},
+        initialErrors: {},
+        registerField: () => { },
+        unregisterField: () => { },
+        setErrors: (_errors) => { },
+        setFieldError: (_field, _message) => { },
+        setFieldTouched: async (_field, _isTouched, _shouldValidate) => { },
+        setFieldValue: async (_field, _value, _shouldValidate) => { },
+        setStatus: (_status) => { },
+        setSubmitting: (_isSubmitting) => { },
+        setTouched: async (_touched, _shouldValidate) => {
+            return;
+        },
+        setValues: async (values, _shouldValidate) => {
+            if (typeof values === 'function') {
+                const updater = values;
+                const newValues = updater(initialValues);
+                return newValues;
+            }
+            return;
+        },
+        resetForm: (_nextState) => { },
+        validateForm: async () => ({}),
+        validateField: async (_field) => { },
+        submitForm: async () => { },
+        setFormikState: (_stateOrCb) => { },
+        getFieldProps: (props) => {
+            const name = typeof props === 'string' ? props : props.name;
+            return {
+                name,
+                value: initialValues[name],
+                onChange: () => { },
+                onBlur: () => { },
+            };
+        },
+        getFieldMeta: (name) => ({
+            touched: false,
+            error: undefined,
+            initialValue: initialValues[name],
+            initialTouched: false,
+            initialError: undefined,
+            value: initialValues[name],
+        }),
+        getFieldHelpers: () => ({
+            setValue: async () => {
+                return;
+            },
+            setTouched: async () => {
+                return;
+            },
+            setError: async () => {
+                return;
+            },
+        }),
+        handleBlur: (_e) => { },
+        handleChange: (_e) => { },
+        handleReset: (_e) => { },
+        handleSubmit: (e) => {
+            e?.preventDefault?.();
+            onSubmit(initialValues);
+        },
+    };
+}
+//# sourceMappingURL=formStoryStubs.js.map

package/dist/components/molecules/form/formStoryStubs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formStoryStubs.js","sourceRoot":"","sources":["../../../../src/components/molecules/form/formStoryStubs.ts"],"names":[],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"formTestStubs.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/form/formTestStubs.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAEzC,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,eAAe,CAAC,cAAc,CAyCzD,CAAC"}