@soppiya/elementus 1.0.0

package/dist/index.d.ts

@@ -0,0 +1,32 @@
+export * from "./ui/badge";
+export * from "./ui/banner";
+export * from "./ui/button";
+export * from "./ui/card";
+export * from "./ui/checkbox";
+export * from "./ui/colorPicker";
+export * from "./ui/input";
+export * from "./ui/logo";
+export * from "./ui/modal";
+export * from "./ui/otp";
+export * from "./ui/phone";
+export * from "./ui/radio";
+export * from "./ui/select";
+export * from "./ui/selectCountry";
+export * from "./ui/selectLanguage";
+export * from "./ui/selectTimezone";
+export * from "./ui/spinner";
+export * from "./ui/table";
+export * from "./ui/tabs";
+export * from "./ui/text";
+export * from "./ui/textarea";
+export * from "./ui/userAvatar";
+export * from "./ui/verifiedBadge";
+export * from "./ui/checkbox";
+export * from "./ui/select";
+export * from "./ui/selectCountry";
+export * from "./ui/radio";
+export * from "./ui/table";
+export * from "./ui/colorPicker";
+export * from "./ui/dropzone";
+export * from "./ui/imageManager";
+export * from "./ui/imageViewer";

package/dist/index.js

@@ -0,0 +1,2 @@
+export{default as Badge}from"./ui/badge/Badge.js";export{default as Banner}from"./ui/banner/Banner.js";export{default as Button}from"./ui/button/Button.js";export{default as Card}from"./ui/card/Card.js";export{default as CardBody}from"./ui/card/cardBody/CardBody.js";export{default as CardFooter}from"./ui/card/cardFooter/CardFooter.js";export{default as CardHeader}from"./ui/card/cardHeader/CardHeader.js";export{default as Checkbox}from"./ui/checkbox/Checkbox.js";export{default as ColorPicker}from"./ui/colorPicker/ColorPicker.js";export{default as Input}from"./ui/input/Input.js";export{default as Logo}from"./ui/logo/Logo.js";export{default as Modal}from"./ui/modal/Modal.js";export{default as OTP}from"./ui/otp/OTP.js";export{default as Phone}from"./ui/phone/Phone.js";export{default as Radio}from"./ui/radio/Radio.js";export{default as Select}from"./ui/select/Select.js";export{default as SelectCountry}from"./ui/selectCountry/SelectCountry.js";export{default as SelectLanguage}from"./ui/selectLanguage/SelectLanguage.js";export{default as SelectTimezone}from"./ui/selectTimezone/SelectTimezone.js";export{default as Spinner}from"./ui/spinner/Spinner.js";export{default as Table}from"./ui/table/Table.js";export{default as Tabs}from"./ui/tabs/Tabs.js";export{default as Text}from"./ui/text/Text.js";export{default as TextArea}from"./ui/textarea/Textarea.js";export{default as UserAvatar}from"./ui/userAvatar/UserAvatar.js";export{default as VerifiedBadge}from"./ui/verifiedBadge/VerifiedBadge.js";export{default as DropZone}from"./ui/dropzone/DropZone.js";export{default as ImageManager}from"./ui/imageManager/ImageManager.js";export{default as ImageViewer}from"./ui/imageViewer/ImageViewer.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

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

package/dist/styles/style-inject/dist/style-inject.es.js

@@ -0,0 +1,2 @@
+function e(e,t){void 0===t&&(t={});var d=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css","top"===d&&n.firstChild?n.insertBefore(s,n.firstChild):n.appendChild(s),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(document.createTextNode(e))}}export{e as default};
+//# sourceMappingURL=style-inject.es.js.map

package/dist/styles/style-inject/dist/style-inject.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-inject.es.js","sources":["../../../../../../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n"],"names":["styleInject","css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode"],"mappings":"AAAA,SAASA,EAAYC,EAAKC,QACX,IAARA,IAAiBA,EAAM,CAAA,GAC5B,IAAIC,EAAWD,EAAIC,SAEnB,GAAKF,GAA2B,oBAAbG,SAAnB,CAEA,IAAIC,EAAOD,SAASC,MAAQD,SAASE,qBAAqB,QAAQ,GAC9DC,EAAQH,SAASI,cAAc,SACnCD,EAAME,KAAO,WAEI,QAAbN,GACEE,EAAKK,WACPL,EAAKM,aAAaJ,EAAOF,EAAKK,YAKhCL,EAAKO,YAAYL,GAGfA,EAAMM,WACRN,EAAMM,WAAWC,QAAUb,EAE3BM,EAAMK,YAAYR,SAASW,eAAed,GAnBY,CAqB1D","x_google_ignoreList":[0]}

package/dist/ui/badge/Badge.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { BadgeProps } from "./badgeModel";
+declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
+export default Badge;

package/dist/ui/badge/Badge.js

@@ -0,0 +1,2 @@
+import e from"../../utils/classNames.js";import r from"react";import a from"./badge.module.scss.js";const s=r.forwardRef((({children:s="Neutral",variation:t="neutral"},o)=>{const m=e(a.badge,a["badge_"+t]);return r.createElement("span",{ref:o,className:m},s)}));export{s as default};
+//# sourceMappingURL=Badge.js.map

package/dist/ui/badge/Badge.js.map

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

package/dist/ui/badge/badge.module.scss.js

@@ -0,0 +1,2 @@
+import e from"../../styles/style-inject/dist/style-inject.es.js";var d={badge:"elementus_badge_1thze",badge_neutral:"elementus_badge_neutral_1thze",badge_info:"elementus_badge_info_1thze",badge_success:"elementus_badge_success_1thze",badge_warning:"elementus_badge_warning_1thze",badge_danger:"elementus_badge_danger_1thze"};e(".elementus_badge_1thze{border:1px solid #d2d5d8;border-radius:10px;color:#616161;display:inline-block;font-size:12px;font-weight:400;line-height:16px;padding:2px 8px}.elementus_badge_1thze.elementus_badge_neutral_1thze{background:#ececec;border-color:#d2d5d8;color:#616161}.elementus_badge_1thze.elementus_badge_info_1thze{background:#ebf9fc;border-color:#98c6cd;color:#00a0ac}.elementus_badge_1thze.elementus_badge_success_1thze{background:#f1f8f5;border-color:#95c9b4;color:#008060}.elementus_badge_1thze.elementus_badge_warning_1thze{background:#fff5ea;border-color:#e1b878;color:#b98900}.elementus_badge_1thze.elementus_badge_danger_1thze{background:#fff4f4;border-color:#ffa7a3;color:#d82c0d}");export{d as default};
+//# sourceMappingURL=badge.module.scss.js.map

package/dist/ui/badge/badge.module.scss.js.map

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

package/dist/ui/badge/badgeModel.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export type BadgeProps = {
+    children?: React.ReactNode;
+    variation?: "neutral" | "info" | "success" | "warning" | "danger";
+};

package/dist/ui/badge/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Badge } from "./Badge";
+export type { BadgeProps } from "./badgeModel";

package/dist/ui/banner/Banner.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { BannerProps } from "./bannerModel";
+declare const Banner: ({ children, status, onClose, isCross }: BannerProps) => React.JSX.Element;
+export default Banner;

package/dist/ui/banner/Banner.js

@@ -0,0 +1,2 @@
+import e from"react";import s from"../../assets/icons/checkCircle/CheckCircle.js";import n from"../../assets/icons/crossLine/CrossLineIcon.js";import t from"../../assets/icons/error/ErrorIcon.js";import r from"../../assets/icons/info/InfoIcon.js";import a from"../../assets/icons/warning/WarningIcon.js";import o from"../button/Button.js";import c from"../../utils/classNames.js";import l from"./banner.module.scss.js";const m=({children:m,status:i="default",onClose:u,isCross:f})=>{const E={default:e.createElement(s,null),info:e.createElement(r,null),success:e.createElement(s,null),warning:e.createElement(a,null),danger:e.createElement(t,null)};return e.createElement("div",{className:c(l.banner,l[i])},e.createElement("div",{className:l.banner_inner},e.createElement("div",{className:l.banner_left_col},e.createElement("span",{className:l.banner_status_icon},E[i])),e.createElement("div",{className:l.banner_right_col},m),f&&e.createElement("div",{className:l.banner_cross_icon},e.createElement(o,{type:"text",onClick:u},e.createElement(n,null)))))};export{m as default};
+//# sourceMappingURL=Banner.js.map

package/dist/ui/banner/Banner.js.map

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

package/dist/ui/banner/banner.module.scss.js

@@ -0,0 +1,2 @@
+import e from"../../styles/style-inject/dist/style-inject.es.js";var n={banner:"elementus_banner_s8ges",banner_inner:"elementus_banner_inner_s8ges",banner_left_col:"elementus_banner_left_col_s8ges",banner_status_icon:"elementus_banner_status_icon_s8ges",banner_right_col:"elementus_banner_right_col_s8ges",banner_title:"elementus_banner_title_s8ges",banner_button:"elementus_banner_button_s8ges",banner_cross_icon:"elementus_banner_cross_icon_s8ges",info:"elementus_info_s8ges",success:"elementus_success_s8ges",warning:"elementus_warning_s8ges",danger:"elementus_danger_s8ges"};e(".elementus_banner_s8ges{background:rgba(235,249,252,.95);border:1px solid #95c9b4;border-radius:3px;padding:20px}.elementus_banner_s8ges .elementus_banner_inner_s8ges{display:flex;gap:10px;position:relative}.elementus_banner_s8ges .elementus_banner_inner_s8ges .elementus_banner_left_col_s8ges{width:25px}.elementus_banner_s8ges .elementus_banner_inner_s8ges .elementus_banner_left_col_s8ges .elementus_banner_status_icon_s8ges{display:inline-flex}.elementus_banner_s8ges .elementus_banner_inner_s8ges .elementus_banner_left_col_s8ges .elementus_banner_status_icon_s8ges svg{height:20px;width:20px}.elementus_banner_s8ges .elementus_banner_inner_s8ges .elementus_banner_right_col_s8ges{width:calc(100% - 25px)}.elementus_banner_s8ges .elementus_banner_inner_s8ges .elementus_banner_right_col_s8ges .elementus_banner_title_s8ges{margin-bottom:4px}.elementus_banner_s8ges .elementus_banner_inner_s8ges .elementus_banner_right_col_s8ges .elementus_banner_button_s8ges{align-items:center;display:flex;gap:10px;margin-top:20px}.elementus_banner_s8ges .elementus_banner_inner_s8ges .elementus_banner_cross_icon_s8ges{position:absolute;right:0;top:0}.elementus_banner_s8ges.elementus_info_s8ges{background:rgba(235,249,252,.95)!important;border:1px solid #00a0ac!important}.elementus_banner_s8ges.elementus_success_s8ges{background:#f1f8f5!important;border:1px solid #00a0ac!important}.elementus_banner_s8ges.elementus_warning_s8ges{background:rgba(255,245,234,.95)!important;border:1px solid #e1b878!important}.elementus_banner_s8ges.elementus_danger_s8ges{background:#fff4f4!important;border:1px solid #ffa7a3!important}");export{n as default};
+//# sourceMappingURL=banner.module.scss.js.map

package/dist/ui/banner/banner.module.scss.js.map

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

package/dist/ui/banner/bannerModel.d.ts

@@ -0,0 +1,7 @@
+import { MouseEvent } from "react";
+export type BannerProps = {
+    children?: React.ReactNode;
+    status?: "default" | "info" | "success" | "warning" | "danger";
+    isCross?: boolean;
+    onClose?: (event?: MouseEvent) => void;
+};

package/dist/ui/banner/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Banner } from "./Banner";
+export { BannerProps } from "./bannerModel";

package/dist/ui/button/Button.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { ButtonProps } from "./buttonModel";
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export default Button;

package/dist/ui/button/Button.js

@@ -0,0 +1,2 @@
+import e from"../spinner/Spinner.js";import s from"../../utils/classNames.js";import t from"react";import n from"./button.module.scss.js";const r=t.forwardRef((({variant:r="default",size:i="md",display:o="inline_block",type:l="normal",children:a,loading:m=!1,submit:d=!1,disabled:p=!1,isPressed:c=!1,spinnerType:u,spinnerColor:b,onClick:f},y)=>{const j=s(n.button,n[r],{[n.disabled]:p},{[n.isPressed]:c},{[n.loading]:m},n[o],n[l],n["button_"+i]);return t.createElement("button",{ref:y,className:j,onClick:f,disabled:p,type:d?"submit":"button"},m?t.createElement(e,{size:"xsm",color:b,spinnerType:u}):a)}));export{r as default};
+//# sourceMappingURL=Button.js.map

package/dist/ui/button/Button.js.map

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

package/dist/ui/button/button.module.scss.js

@@ -0,0 +1,2 @@
+import e from"../../styles/style-inject/dist/style-inject.es.js";var t={button:"elementus_button_1yu42",loading:"elementus_loading_1yu42",default:"elementus_default_1yu42",danger:"elementus_danger_1yu42",success:"elementus_success_1yu42",warning:"elementus_warning_1yu42",disabled:"elementus_disabled_1yu42",info:"elementus_info_1yu42",white:"elementus_white_1yu42",button_sm:"elementus_button_sm_1yu42",button_md:"elementus_button_md_1yu42",button_lg:"elementus_button_lg_1yu42",button_xlg:"elementus_button_xlg_1yu42",block:"elementus_block_1yu42",inline_block:"elementus_inline_block_1yu42",outline:"elementus_outline_1yu42",text:"elementus_text_1yu42",link:"elementus_link_1yu42",isPressed:"elementus_isPressed_1yu42"};e(".elementus_button_1yu42{align-items:center;background:#303030;border:1px solid #303030;border-radius:3px;color:#fff;display:flex;font-weight:500;gap:8px;justify-content:center;transition:all .3s}.elementus_button_1yu42.elementus_loading_1yu42{border:none!important}.elementus_default_1yu42{background:#303030;border:1px solid #303030;color:#fff}.elementus_default_1yu42:hover{background-color:#1a1a1a;border:1px solid #1a1a1a}.elementus_danger_1yu42{background:#d82c0d;border:1px solid #d82c0d;color:#fff}.elementus_success_1yu42{background:#008060;border:1px solid #008060;color:#fff}.elementus_warning_1yu42{background:#e1b878;border:1px solid #e1b878;color:#fff}.elementus_disabled_1yu42{background:#d4d4d4!important;border:1px solid #d4d4d4;color:#fff}.elementus_disabled_1yu42:hover{border:1px solid transparent!important}.elementus_info_1yu42{background:#00a0ac!important;border:1px solid #00a0ac;color:#fff}.elementus_white_1yu42{background:#fff!important;border:1px solid #babfc3;color:#303030}.elementus_button_sm_1yu42{font-size:12px;height:28px;padding:0 16px}.elementus_button_md_1yu42{font-size:13px;height:32px;padding:0 20px}.elementus_button_lg_1yu42{font-size:13px;height:36px;padding:0 24px}.elementus_button_xlg_1yu42{font-size:13px;height:40px;padding:0 24px}.elementus_block_1yu42{display:flex;width:100%}.elementus_inline_block_1yu42{display:inline-flex;width:auto}.elementus_outline_1yu42{background:transparent;border:1px solid #babfc3;color:#303030}.elementus_outline_1yu42:hover{background-color:#f1f2f3}.elementus_outline_1yu42.elementus_default_1yu42{background:transparent!important;border:1px solid #babfc3;color:#303030}.elementus_outline_1yu42.elementus_disabled_1yu42{background:transparent!important;border:1px solid #d4d4d4;color:#d4d4d4}.elementus_outline_1yu42.elementus_danger_1yu42{background:transparent!important;border:1px solid #d82c0d;color:#303030}.elementus_outline_1yu42.elementus_success_1yu42{background:transparent!important;border:1px solid #008060;color:#303030}.elementus_outline_1yu42.elementus_warning_1yu42{background:transparent!important;border:1px solid #e1b878;color:#303030}.elementus_outline_1yu42.elementus_info_1yu42{background:transparent!important;border:1px solid #00a0ac!important;color:#303030}.elementus_outline_1yu42.elementus_white_1yu42{background:transparent!important;border:1px solid #babfc3!important;color:#babfc3}.elementus_outline_1yu42.elementus_danger_1yu42:hover,.elementus_outline_1yu42.elementus_default_1yu42:hover,.elementus_outline_1yu42.elementus_disabled_1yu42,.elementus_outline_1yu42.elementus_success_1yu42,.elementus_outline_1yu42.elementus_warning_1yu42:hover{background:transparent}.elementus_text_1yu42.elementus_link_1yu42{color:#005bd3!important}.elementus_text_1yu42{background:transparent!important;border:none;box-shadow:none!important;color:#303030;display:inline-flex;padding:0!important;width:auto}.elementus_text_1yu42 svg,.elementus_text_1yu42 svg path{fill:#303030}.elementus_text_1yu42.elementus_button_lg_1yu42,.elementus_text_1yu42.elementus_button_md_1yu42,.elementus_text_1yu42.elementus_button_sm_1yu42,.elementus_text_1yu42.elementus_button_xlg_1yu42{height:auto!important;padding:0!important}.elementus_text_1yu42.elementus_info_1yu42{color:#00a0ac!important}.elementus_text_1yu42.elementus_info_1yu42 svg,.elementus_text_1yu42.elementus_info_1yu42 svg path{fill:#00a0ac}.elementus_text_1yu42.elementus_success_1yu42{color:#008060!important}.elementus_text_1yu42.elementus_success_1yu42 svg,.elementus_text_1yu42.elementus_success_1yu42 svg path{fill:#008060}.elementus_text_1yu42.elementus_warning_1yu42{color:#b98900!important}.elementus_text_1yu42.elementus_warning_1yu42 svg,.elementus_text_1yu42.elementus_warning_1yu42 svg path{fill:#b98900}.elementus_text_1yu42.elementus_danger_1yu42{color:#d82c0d!important}.elementus_text_1yu42.elementus_danger_1yu42 svg,.elementus_text_1yu42.elementus_danger_1yu42 svg path{fill:#d82c0d}.elementus_text_1yu42.elementus_default_1yu42{color:#303030!important}.elementus_text_1yu42.elementus_default_1yu42 svg,.elementus_text_1yu42.elementus_default_1yu42 svg path{fill:#303030}.elementus_text_1yu42:hover{background:transparent;border:none;outline:none}.elementus_isPressed_1yu42{box-shadow:inset 0 -1px 0 0 rgba(0,0,0,.3),0 1px 0 0 rgba(0,0,0,.08)}.elementus_loading_1yu42{background:#d4d4d4;border:1px solid #d4d4d4;box-sizing:border-box;padding:0 30px}@media screen and (min-width:768px){.elementus_button_sm_1yu42{height:32px}.elementus_button_md_1yu42{height:36px}.elementus_button_lg_1yu42{font-size:16px;height:40px}.elementus_button_xlg_1yu42{font-size:16px;height:50px}}@media screen and (min-width:1024px){.elementus_button_1yu42{cursor:pointer}}");export{t as default};
+//# sourceMappingURL=button.module.scss.js.map

package/dist/ui/button/button.module.scss.js.map

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

package/dist/ui/button/buttonModel.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+export type ButtonVariant = "default" | "info" | "danger" | "success" | "warning" | "disabled" | "white" | "link";
+export type ButtonProps = {
+    children?: React.ReactNode;
+    variant?: ButtonVariant;
+    size?: "sm" | "md" | "lg" | "xlg";
+    display?: "block" | "inline_block";
+    type?: "normal" | "outline" | "text";
+    spinnerType?: string;
+    spinnerColor?: string;
+    submit?: boolean;
+    disabled?: boolean;
+    loading?: boolean;
+    isPressed?: boolean;
+    onClick?: (event?: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+};

package/dist/ui/button/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Button } from "./Button";
+export type { ButtonProps, ButtonVariant } from "./buttonModel";

package/dist/ui/card/Card.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { CardBody } from "./cardBody";
+import { CardFooter } from "./cardFooter";
+import { CardHeader } from "./cardHeader";
+import { CardProps } from "./cardModel";
+interface CardComponent extends React.FC<CardProps> {
+    Body: typeof CardBody;
+    Header: typeof CardHeader;
+    Footer: typeof CardFooter;
+}
+declare const Card: CardComponent;
+export default Card;

package/dist/ui/card/Card.js

@@ -0,0 +1,2 @@
+import r from"react";import o from"./card.module.scss.js";import a from"./cardBody/CardBody.js";import e from"./cardFooter/CardFooter.js";import d from"./cardHeader/CardHeader.js";import s from"../../utils/classNames.js";const m=({children:a,className:e})=>r.createElement("div",{className:s(o.card,e||"")},a);m.Body=a,m.Header=d,m.Footer=e;export{m as default};
+//# sourceMappingURL=Card.js.map

package/dist/ui/card/Card.js.map

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

package/dist/ui/card/card.module.scss.js

@@ -0,0 +1,2 @@
+import e from"../../styles/style-inject/dist/style-inject.es.js";var t={card:"elementus_card_lbket"};e(".elementus_card_lbket{background:#fff;border-radius:3px;box-shadow:0 1px 2px 0 rgba(48,48,48,.1)}");export{t as default};
+//# sourceMappingURL=card.module.scss.js.map

package/dist/ui/card/card.module.scss.js.map

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

package/dist/ui/card/cardBody/CardBody.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { CardBodyProps } from "./cardBodyModel";
+declare const CardBody: ({ children, border, padding, customPadding, className, onClick }: CardBodyProps) => React.JSX.Element;
+export default CardBody;

package/dist/ui/card/cardBody/CardBody.js

@@ -0,0 +1,2 @@
+import d from"../../../utils/classNames.js";import s from"react";import a from"./cardBody.module.scss.js";const o=({children:o,border:r,padding:e="lg",customPadding:c,className:i,onClick:l})=>s.createElement("div",{className:d(a.card_body,a["border_"+r],a["padding_"+e],i||""),style:{padding:c},onClick:l},o);export{o as default};
+//# sourceMappingURL=CardBody.js.map

package/dist/ui/card/cardBody/CardBody.js.map

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

package/dist/ui/card/cardBody/cardBody.module.scss.js

@@ -0,0 +1,2 @@
+import e from"../../../styles/style-inject/dist/style-inject.es.js";var s={card_body:"elementus_card_body_s5mos",padding_sm:"elementus_padding_sm_s5mos",padding_md:"elementus_padding_md_s5mos",padding_lg:"elementus_padding_lg_s5mos",padding_none:"elementus_padding_none_s5mos",border_bottom:"elementus_border_bottom_s5mos"};e(".elementus_card_body_s5mos{padding:20px}.elementus_card_body_s5mos.elementus_padding_sm_s5mos{padding:10px}.elementus_card_body_s5mos.elementus_padding_md_s5mos{padding:15px}.elementus_card_body_s5mos.elementus_padding_lg_s5mos{padding:20px}.elementus_card_body_s5mos.elementus_padding_none_s5mos{padding:0}.elementus_border_bottom_s5mos{border-bottom:1px solid #ebebeb}");export{s as default};
+//# sourceMappingURL=cardBody.module.scss.js.map

package/dist/ui/card/cardBody/cardBody.module.scss.js.map

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

package/dist/ui/card/cardBody/cardBodyModel.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export type CardBodyProps = {
+    children: React.ReactNode;
+    border?: "bottom";
+    padding?: "sm" | "md" | "lg" | "none";
+    customPadding?: string;
+    className?: string;
+    onClick?: () => void;
+};

package/dist/ui/card/cardBody/index.d.ts

@@ -0,0 +1 @@
+export { default as CardBody } from "./CardBody";

package/dist/ui/card/cardFooter/CardFooter.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { CardFooterProps } from "./cardFooterModel";
+declare const CardFooter: ({ children, justifyContent, border, padding, customPadding, className }: CardFooterProps) => React.JSX.Element;
+export default CardFooter;

package/dist/ui/card/cardFooter/CardFooter.js

@@ -0,0 +1,2 @@
+import e from"../../../utils/classNames.js";import r from"react";import s from"./cardFooter.module.scss.js";const t=({children:t,justifyContent:o,border:a,padding:d="lg",customPadding:c,className:l})=>{const m=e(s.card_footer,o&&s.flex,s["flex_"+o],s["border_"+a],s["padding_"+d],l||"");return r.createElement("div",{className:m,style:{padding:c}},t)};export{t as default};
+//# sourceMappingURL=CardFooter.js.map

package/dist/ui/card/cardFooter/CardFooter.js.map

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

package/dist/ui/card/cardFooter/cardFooter.module.scss.js

@@ -0,0 +1,2 @@
+import e from"../../../styles/style-inject/dist/style-inject.es.js";var _={card_footer:"elementus_card_footer_1sjb1",padding_sm:"elementus_padding_sm_1sjb1",padding_md:"elementus_padding_md_1sjb1",padding_lg:"elementus_padding_lg_1sjb1",flex:"elementus_flex_1sjb1",flex_start:"elementus_flex_start_1sjb1",flex_center:"elementus_flex_center_1sjb1",flex_end:"elementus_flex_end_1sjb1",flex_between:"elementus_flex_between_1sjb1",flex_around:"elementus_flex_around_1sjb1",border_top:"elementus_border_top_1sjb1"};e(".elementus_card_footer_1sjb1{padding:20px}.elementus_card_footer_1sjb1.elementus_padding_sm_1sjb1{padding:10px}.elementus_card_footer_1sjb1.elementus_padding_md_1sjb1{padding:15px}.elementus_card_footer_1sjb1.elementus_padding_lg_1sjb1{padding:20px}.elementus_flex_1sjb1{display:flex;gap:15px}.elementus_flex_start_1sjb1{justify-content:start}.elementus_flex_center_1sjb1{justify-content:center}.elementus_flex_end_1sjb1{justify-content:end}.elementus_flex_between_1sjb1{justify-content:space-between}.elementus_flex_around_1sjb1{justify-content:space-around}.elementus_border_top_1sjb1{border-top:1px solid #ebebeb}");export{_ as default};
+//# sourceMappingURL=cardFooter.module.scss.js.map

package/dist/ui/card/cardFooter/cardFooter.module.scss.js.map

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

package/dist/ui/card/cardFooter/cardFooterModel.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export type CardFooterProps = {
+    children: React.ReactNode;
+    justifyContent?: "start" | "center" | "end" | "between" | "around";
+    border?: "top";
+    padding?: "sm" | "md" | "lg";
+    customPadding?: string;
+    className?: string;
+};

package/dist/ui/card/cardFooter/index.d.ts

@@ -0,0 +1 @@
+export { default as CardFooter } from "./CardFooter";

package/dist/ui/card/cardHeader/CardHeader.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { CardHeaderProps } from "./cardHeaderModel";
+declare const CardHeader: ({ children, justifyContent, border, padding, customPadding, className }: CardHeaderProps) => React.JSX.Element;
+export default CardHeader;

package/dist/ui/card/cardHeader/CardHeader.js

@@ -0,0 +1,2 @@
+import e from"../../../utils/classNames.js";import r from"react";import s from"./cardHeader.module.scss.js";const a=({children:a,justifyContent:d,border:t,padding:o="lg",customPadding:c,className:l})=>{const m=e(s.card_header,d&&s.flex,s["flex_"+d],s["border_"+t],s["padding_"+o],l||"");return r.createElement("div",{className:m,style:{padding:c}},a)};export{a as default};
+//# sourceMappingURL=CardHeader.js.map

package/dist/ui/card/cardHeader/CardHeader.js.map

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

package/dist/ui/card/cardHeader/cardHeader.module.scss.js

@@ -0,0 +1,2 @@
+import e from"../../../styles/style-inject/dist/style-inject.es.js";var _={card_header:"elementus_card_header_1d5fq",padding_sm:"elementus_padding_sm_1d5fq",padding_md:"elementus_padding_md_1d5fq",padding_lg:"elementus_padding_lg_1d5fq",flex:"elementus_flex_1d5fq",flex_start:"elementus_flex_start_1d5fq",flex_center:"elementus_flex_center_1d5fq",flex_end:"elementus_flex_end_1d5fq",flex_between:"elementus_flex_between_1d5fq",flex_around:"elementus_flex_around_1d5fq",border_bottom:"elementus_border_bottom_1d5fq"};e(".elementus_card_header_1d5fq{padding:20px}.elementus_padding_sm_1d5fq{padding:10px}.elementus_padding_md_1d5fq{padding:15px}.elementus_padding_lg_1d5fq{padding:20px}.elementus_flex_1d5fq{display:flex;gap:15px}.elementus_flex_start_1d5fq{justify-content:start}.elementus_flex_center_1d5fq{justify-content:center}.elementus_flex_end_1d5fq{justify-content:end}.elementus_flex_between_1d5fq{justify-content:space-between}.elementus_flex_around_1d5fq{justify-content:space-around}.elementus_border_bottom_1d5fq{border-bottom:1px solid #ebebeb}");export{_ as default};
+//# sourceMappingURL=cardHeader.module.scss.js.map

package/dist/ui/card/cardHeader/cardHeader.module.scss.js.map

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

package/dist/ui/card/cardHeader/cardHeaderModel.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export type CardHeaderProps = {
+    children: React.ReactNode;
+    justifyContent?: "start" | "center" | "end" | "between" | "around";
+    border?: "bottom";
+    padding?: "sm" | "md" | "lg";
+    customPadding?: string;
+    className?: string;
+};

package/dist/ui/card/cardHeader/index.d.ts

@@ -0,0 +1 @@
+export { default as CardHeader } from "./CardHeader";

package/dist/ui/card/cardModel.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export type CardProps = {
+    children?: React.ReactNode;
+    className?: string;
+};

package/dist/ui/card/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Card } from "./Card";
+export { CardBody } from "./cardBody";
+export { CardFooter } from "./cardFooter";
+export { CardHeader } from "./cardHeader";

package/dist/ui/checkbox/Checkbox.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { CheckboxProps } from "./checkboxModels";
+declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
+export default Checkbox;

package/dist/ui/checkbox/Checkbox.js

@@ -0,0 +1,2 @@
+import e from"../../utils/classNames.js";import a from"react";import t from"./checkbox.module.scss.js";const l=a.forwardRef((({type:l="default",title:c,name:s,label:m,helpText:r,checked:o,onChange:d},n)=>a.createElement("div",{className:e(t.checkbox,t[l+"_type"])},m&&a.createElement("label",{htmlFor:s,className:t.label_text},m),a.createElement("div",{className:t.checkbox_field_wrapper},a.createElement("input",{ref:n,type:"checkbox",id:s,checked:o,onChange:d,className:e(t.checkbox_field),disabled:"disabled"===l&&!0}),c&&a.createElement("label",{htmlFor:s,className:e(t.name_text)},c)),r&&a.createElement("div",{className:t.help_text_wrapper},a.createElement("label",{className:t.help_text},r)))));export{l as default};
+//# sourceMappingURL=Checkbox.js.map

package/dist/ui/checkbox/Checkbox.js.map

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

package/dist/ui/checkbox/checkbox.module.scss.js

@@ -0,0 +1,2 @@
+import e from"../../styles/style-inject/dist/style-inject.es.js";var t={checkbox:"elementus_checkbox_1pkpv",label_text:"elementus_label_text_1pkpv",name_text:"elementus_name_text_1pkpv",checkbox_field_wrapper:"elementus_checkbox_field_wrapper_1pkpv",checkbox_field:"elementus_checkbox_field_1pkpv",help_text_wrapper:"elementus_help_text_wrapper_1pkpv",help_text:"elementus_help_text_1pkpv",default_type:"elementus_default_type_1pkpv",error_type:"elementus_error_type_1pkpv"};e(".elementus_checkbox_1pkpv .elementus_label_text_1pkpv,.elementus_checkbox_1pkpv .elementus_name_text_1pkpv{color:#303030;display:inline-block;font-family:Inter,sans-serif;font-size:12px;font-weight:500;margin-bottom:7px;width:100%}.elementus_checkbox_1pkpv .elementus_name_text_1pkpv{margin-bottom:0}.elementus_checkbox_1pkpv .elementus_checkbox_field_wrapper_1pkpv{align-items:center;display:flex;gap:7px}.elementus_checkbox_1pkpv .elementus_checkbox_field_1pkpv{margin:0;padding:0}.elementus_checkbox_1pkpv .elementus_help_text_wrapper_1pkpv{margin:7px 0 0}.elementus_checkbox_1pkpv .elementus_help_text_1pkpv{color:#6d7175;font-family:Inter,sans-serif;font-size:12px;font-weight:400;letter-spacing:.5px}input[type=checkbox i]{border-radius:5px!important;font:inherit;height:16px;transform:translateY(-.075em);width:16px}.elementus_default_type_1pkpv input[type=checkbox]:checked{accent-color:#303030}.elementus_error_type_1pkpv input[type=checkbox]:checked{accent-color:#d82c0d}");export{t as default};
+//# sourceMappingURL=checkbox.module.scss.js.map

package/dist/ui/checkbox/checkbox.module.scss.js.map

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

package/dist/ui/checkbox/checkboxModels.d.ts

@@ -0,0 +1,11 @@
+import { ChangeEvent } from "react";
+export type CheckboxProps = {
+    size?: "sm" | "md" | "lg";
+    title?: string;
+    name?: string;
+    label?: string;
+    helpText?: string;
+    checked?: boolean;
+    type?: "default" | "error" | "disabled";
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+};

package/dist/ui/checkbox/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Checkbox } from "./Checkbox";
+export type { CheckboxProps } from "./checkboxModels";

package/dist/ui/colorPicker/ColorPicker.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import "./color.css";
+interface MyColorPickerProps {
+    onColorChange: (color: string) => void;
+}
+declare const ColorPicker: React.FC<MyColorPickerProps>;
+export default ColorPicker;

package/dist/ui/colorPicker/ColorPicker.js

@@ -0,0 +1,2 @@
+import e,{useState as o,useEffect as t}from"react";import"./color.css.js";const r=({onColorChange:r})=>{const[n,c]=o(!1);o("#000000");return t((()=>{}),[]),e.createElement("div",null,e.createElement("button",{onClick:()=>{c(!n)}},"Open Color Picker"))};export{r as default};
+//# sourceMappingURL=ColorPicker.js.map

package/dist/ui/colorPicker/ColorPicker.js.map

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

package/dist/ui/colorPicker/color.css.js

@@ -0,0 +1,2 @@
+import t from"../../styles/style-inject/dist/style-inject.es.js";var e="";t("");export{e as default};
+//# sourceMappingURL=color.css.js.map

package/dist/ui/colorPicker/color.css.js.map

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

package/dist/ui/colorPicker/colorPickerModel.d.ts

@@ -0,0 +1,16 @@
+import { ChangeEvent, FocusEvent } from "react";
+export type ErrorType = {
+    status: boolean;
+    message: string;
+};
+export type InputProps = {
+    name?: string;
+    label?: string;
+    helpText?: string;
+    value?: string;
+    disabled?: boolean;
+    error?: ErrorType;
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+    onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
+    onFocus?: (event: FocusEvent<HTMLInputElement>) => void;
+};

package/dist/ui/colorPicker/index.d.ts

@@ -0,0 +1 @@
+export { default as ColorPicker } from "./ColorPicker";

package/dist/ui/dropzone/DropZone.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { DropZoneProps } from "./dropZoneModel";
+declare const DropZone: ({ loading, imgFormat, setTime, onImageUpload }: DropZoneProps) => React.JSX.Element;
+export default DropZone;

package/dist/ui/dropzone/DropZone.js

@@ -0,0 +1,2 @@
+import e,{useState as t,useRef as r,useEffect as a}from"react";import n from"../../assets/icons/iconPlusCircle/IconPlusCircle.js";import s from"../../utils/classNames.js";import l from"../spinner/Spinner.js";import i from"../text/Text.js";import o from"./dropzone.module.scss.js";const m=({loading:m,imgFormat:c=[],setTime:u,onImageUpload:p})=>{const[d,f]=t(!1),[g,v]=t({status:!1,msg:""}),y=r(null),E=e=>new Promise(((t,r)=>{if(e&&j(e,c)){const r=new FileReader;r.onload=r=>{t({url:r.target.result,file:e})},r.readAsDataURL(e)}else r("File type is not valid"),v({status:!0,msg:"File type is not valid"})})),j=(e,t)=>{if(0===t.length)return!0;const r=t.map((e=>"image/"+e));return r.includes(e.type)};return a((()=>{if(!g.status)return;const e=setTimeout((()=>{v({status:!1,msg:""})}),u||400);return()=>clearTimeout(e)}),[g.status,u]),e.createElement("div",{className:o.wrapper},e.createElement("div",{className:o.container},g.status&&e.createElement("div",{className:o.invalid},e.createElement("div",{className:o.invalid_content},e.createElement(i,{size:"sm",fontWeight:"regular",truncate:!0},g.msg))),!g.status&&e.createElement("div",{className:s(o.container_item,{[o.dragging]:d}),onDrop:async e=>{e.preventDefault(),f(!1);const t=Array.from(e.dataTransfer.files),r=await Promise.all(t.map((e=>E(e))));if(t.length>1)return p(r);p(r[0])},onDragEnter:e=>{e.preventDefault(),f(!0)},onDragOver:e=>e.preventDefault(),onClick:()=>{y.current?.click()}},m?e.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"}},e.createElement(l,{size:"md"})):e.createElement(e.Fragment,null,e.createElement("span",{className:o.icon_plus},e.createElement(n,null)),e.createElement("input",{type:"file",accept:c.join(","),onChange:async e=>{const t=Array.from(e.target.files||[]),r=await Promise.all(t.map((e=>E(e))));if(t.length>1)return p(r);p(r[0])},style:{display:"none"},multiple:!0,ref:y}),e.createElement(i,{size:"sm",fontWeight:"regular",color:"secondary"},"or drag and drop"))),undefined))};export{m as default};
+//# sourceMappingURL=DropZone.js.map

package/dist/ui/dropzone/DropZone.js.map

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

package/dist/ui/dropzone/dropZoneModel.d.ts

@@ -0,0 +1,10 @@
+export type UploadFileSchema = {
+    url: string;
+    file: File;
+};
+export type DropZoneProps = {
+    loading: boolean;
+    imgFormat: string[];
+    setTime?: number;
+    onImageUpload: (upload: UploadFileSchema | UploadFileSchema[]) => void;
+};

package/dist/ui/dropzone/dropzone.module.scss.js

@@ -0,0 +1,2 @@
+import e from"../../styles/style-inject/dist/style-inject.es.js";var t={wrapper:"elementus_wrapper_11jym",container:"elementus_container_11jym",custom_file_label:"elementus_custom_file_label_11jym",invalid:"elementus_invalid_11jym",container_item:"elementus_container_item_11jym",icon_plus:"elementus_icon_plus_11jym",dragging:"elementus_dragging_11jym"};e(".elementus_wrapper_11jym .elementus_container_11jym{height:120px;width:100%}.elementus_wrapper_11jym .elementus_custom_file_label_11jym{justify-content:center}.elementus_wrapper_11jym .elementus_invalid_11jym{align-items:center;background-color:#fafbfb;border:1px dotted #d82c0d;border-radius:5px;display:flex;height:120px;justify-content:center}.elementus_wrapper_11jym .elementus_container_item_11jym{align-items:center;background-color:#fafbfb;border:1px dashed #d4d4d4;border-radius:5px;display:flex;flex-direction:column;font-weight:300;height:100%;justify-content:center;width:100%}.elementus_wrapper_11jym .elementus_icon_plus_11jym svg{height:30px;width:30px}.elementus_wrapper_11jym .elementus_dragging_11jym{border:2px dashed #d4d4d4}@media screen and (min-width:1024px){.elementus_wrapper_11jym .elementus_container_item_11jym{cursor:pointer}}");export{t as default};
+//# sourceMappingURL=dropzone.module.scss.js.map

package/dist/ui/dropzone/dropzone.module.scss.js.map

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

package/dist/ui/dropzone/index.d.ts

@@ -0,0 +1,2 @@
+export { default as DropZone } from "./DropZone";
+export type { DropZoneProps, UploadFileSchema } from "./dropZoneModel";

package/dist/ui/imageManager/ImageManager.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { ImageMangerProps, ImageSchema } from "./imageManagerModel";
+export declare const images: import("@preact/signals-core").Signal<ImageSchema[]>;
+declare const ImageManager: ({ title, buttonText, selectLimit, onClose, onComplete, }: ImageMangerProps) => React.JSX.Element;
+export default ImageManager;

package/dist/ui/imageManager/ImageManager.js

@@ -0,0 +1,2 @@
+import{clients as e}from"../../graphql/graphql.js";import{Queries as a}from"../../graphql/query.js";import l from"../dropzone/DropZone.js";import t from"../../utils/classNames.js";import{signal as r,useSignal as i,useSignalEffect as n}from"@preact/signals-react";import{useLazyQuery as o,useMutation as s}from"@soppiya/client";import{removeNull as m,removeTypename as u,useMount as c}from"@soppiya/elemix";import v,{useRef as d,useEffect as p}from"react";import g from"../modal/Modal.js";import f from"../spinner/Spinner.js";import _ from"./imageCard/ImageCard.js";import y from"./imageManager.module.scss.js";import h from"./imageManagerHeader/ImageManagerHeader.js";import E from"./previewSlide/PreviewSlide.js";const w=r([]),C=({title:r="Select image",buttonText:C="Done",selectLimit:b=1,onClose:j,onComplete:N})=>{const S=i({search:"",limit:15,skip:0,sort_by:"createdAt",sort_type:"desc"}),{search:I,sort_by:k,sort_type:A,skip:x,limit:z}=S.value,L=i(!1),M=i("grid"),T=i([]),H=i([]),q=i(""),D=i(!1),P=d(null),$=d(null),F=d(null),G=d(null),[O,{loading:U}]=o(a.LIST_IMAGES,{client:e.httpClient.upload}),[B,{loading:V}]=s(a.UPLOAD_IMAGES,{client:e.uploadClient.upload,onCompleted(e){const a=m(u(e.upload_images));w.value=[...w.value,...a]}}),Z=async(e="default")=>{try{if("default"===e&&w.value.length)return;"scroll"===e&&(L.value=!0);const{data:a}=await O({variables:{data:{limit:z,search:I,skip:x,sort:{sort_by:k,sort_type:A}}}});L.value=!1;const l=m(u(a.list_images));if("scroll"===e)return void(w.value=[...w.value,...l.images]);w.value=l.images}catch(e){console.log(e)}},J=e=>{q.value=e,D.value=!0},K=(e,a)=>Array.isArray(e)?(T.value=T.value.filter((a=>!e.includes(a))),void(H.value=H.value.filter((a=>!e.includes(a._id))))):T.value.includes(e)?(T.value=T.value.filter((a=>a!==e)),void(H.value=H.value.filter((e=>e._id!==a?._id)))):(T.value=[...T.value,e],void(H.value=[...H.value,a])),Q=()=>{try{const{clientHeight:e,scrollTop:a}=$.current,{offsetHeight:l}=F.current,{offsetHeight:t}=G.current;e+a===l+t+30&&(S.value={...S.value,skip:w.value.length})}catch(e){console.log(e.message)}};return p((()=>{Z()}),[]),c((()=>{Z("filter")}),[I,k,A]),c((()=>{Z("scroll")}),[x]),n((()=>($.current?.addEventListener("scroll",Q),()=>$.current?.removeEventListener("scroll",Q)))),v.createElement(g,{cardBodyPadding:"none",title:r,size:"slg",buttonText:`${C} ${T.value.length>1?`(${T.value.length})`:""}`,buttonVariant:T.value.length&&T.value.length<=b?"default":"disabled",scrollOff:!0,onClose:j,onClickFunc:()=>{if(H.value.length<=1)return"function"==typeof N&&N(H.value[0]);"function"==typeof N&&N(H.value)}},v.createElement("div",{className:y.image_manager_wrapper},v.createElement("div",{className:y.image_manager_container},v.createElement("div",{className:y.header_area},v.createElement(h,{selectedImages:T.value,onChangeLayout:e=>{M.value=e},onSearch:e=>{const{value:a}=e.target;P.current&&clearInterval(P.current),P.current=setTimeout((()=>S.value={...S.value,search:a,skip:0}),250)},onSorting:(e,a)=>{S.value={...S.value,sort_by:e,sort_type:a,skip:0}},onDelete:e=>K(e)})),v.createElement("div",{className:t(y.content_body,y.show_preview,{[y.manage_image_view_width]:!D.value})},v.createElement("div",{ref:$,className:y.image_and_dropzone},v.createElement("div",{ref:G,className:y.drop_zone},v.createElement(l,{loading:V,onImageUpload:e=>{Array.isArray(e)?B({variables:{data:e.map((e=>e.file))}}):B({variables:{data:[e.file]}})},imgFormat:[],setTime:1200})),U&&!L.value?v.createElement("div",{style:{display:"flex",justifyContent:"center"}},v.createElement(f,{size:"lg"})):v.createElement("div",{ref:F,className:y.image_view},v.createElement("div",{className:t(y.images_list,"grid"===M.value?y.grid_view:y.list_view)},w.value.map((e=>v.createElement(_,{key:e._id,image:e,selected:T.value.includes(e._id),className:M.value,onCurrentPreview:J,onSelect:K}))))),L.value&&v.createElement("div",{style:{display:"flex",justifyContent:"center"}},v.createElement(f,{size:"lg"}))),D.value&&v.createElement("div",{className:t(y.preview,{[y.active_preview]:D.value})},v.createElement(E,{images:w.value,currentId:q.value,onClose:()=>D.value=!1}))))))};export{C as default,w as images};
+//# sourceMappingURL=ImageManager.js.map

package/dist/ui/imageManager/ImageManager.js.map

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

package/dist/ui/imageManager/imageCard/ImageCard.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { ImageCardProps } from "./imageModel";
+declare const ImageCard: ({ selected, image, className, onSelect, onCurrentPreview }: ImageCardProps) => React.JSX.Element;
+export default ImageCard;

package/dist/ui/imageManager/imageCard/ImageCard.js

@@ -0,0 +1,2 @@
+import e,{useState as t,useRef as a,useEffect as m}from"react";import r from"../../../assets/icons/dotsIcon/DotsIcon.js";import n from"../../text/Text.js";import s from"../../../utils/classNames.js";import c from"./imageCard.module.scss.js";const l=({selected:l,image:i,className:o,onSelect:d,onCurrentPreview:u})=>{const[v,E]=t(!1),f=a(null),g=e=>{f.current&&!f.current.contains(e.target)&&E(!1)};return m((()=>(document.addEventListener("mousedown",g),()=>{document.removeEventListener("mousedown",g)})),[]),e.createElement("div",{ref:f,className:s(c.image_card,l?c.selected_image:"",o&&c[o+"_view"]),onClick:()=>"function"==typeof d&&d(i._id,i)},e.createElement("div",{className:c.card_top},e.createElement("div",{className:c.image_wrapper},e.createElement("img",{src:i.url,alt:i.file_name,draggable:!1})),e.createElement("div",{className:c.hover},e.createElement("div",{className:c.dot_button,onClick:e=>{e.stopPropagation(),E((e=>!e))}},e.createElement(r,null)),e.createElement("div",{className:s(c.menus,v&&c.active)},e.createElement("div",{className:c.menu_item},e.createElement("div",{className:c.menu_text},e.createElement(n,{size:"md",fontWeight:"regular"},"Edit"))),e.createElement("div",{className:c.menu_item},e.createElement("div",{className:c.menu_text,onClick:()=>"function"==typeof u&&u(i._id)},e.createElement(n,{size:"md",fontWeight:"regular"},"Preview")))))),e.createElement("div",{className:c.card_bottom},e.createElement("div",{className:c.name},e.createElement(n,{size:"sm",fontWeight:"regular",truncate:!0},i.file_name))))};export{l as default};
+//# sourceMappingURL=ImageCard.js.map

package/dist/ui/imageManager/imageCard/ImageCard.js.map

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

package/dist/ui/imageManager/imageCard/imageCard.module.scss.js

@@ -0,0 +1,2 @@
+import e from"../../../styles/style-inject/dist/style-inject.es.js";var t={image_card:"elementus_image_card_q4kxz",selected_image:"elementus_selected_image_q4kxz",card_top:"elementus_card_top_q4kxz",image_wrapper:"elementus_image_wrapper_q4kxz",dot_button:"elementus_dot_button_q4kxz",menus:"elementus_menus_q4kxz",menu_item:"elementus_menu_item_q4kxz",menu_text:"elementus_menu_text_q4kxz",name:"elementus_name_q4kxz",active:"elementus_active_q4kxz",list_view:"elementus_list_view_q4kxz",hover:"elementus_hover_q4kxz"};e(".elementus_image_card_q4kxz{border-radius:5px;height:180px;padding:10px;position:relative;width:150px}.elementus_selected_image_q4kxz{background-color:#ebebeb}.elementus_card_top_q4kxz{height:130px;width:130px}.elementus_image_wrapper_q4kxz{border-radius:5px;height:130px;margin:0 auto;width:130px}.elementus_image_wrapper_q4kxz img{border-radius:5px;height:100%;object-fit:cover;width:100%}.elementus_dot_button_q4kxz{align-items:center;background:#fff;border-radius:3px;display:flex;height:20px;justify-content:center;position:absolute;right:20px;top:20px;width:20px}.elementus_menus_q4kxz{background-color:#fff;border-radius:5px;box-shadow:0 0 2px 0 rgba(48,48,48,.102),0 1px 0 0 rgba(48,48,48,.102);height:0;padding:0;position:absolute;right:20px;top:43px;transition:all .3s;visibility:hidden;width:88px;z-index:1}.elementus_menu_item_q4kxz{opacity:0;padding:8px 0}.elementus_menu_item_q4kxz:not(:last-child){border-bottom:1px solid #f3f3f3}.elementus_menu_text_q4kxz{padding:0 16px}.elementus_name_q4kxz{align-items:center;display:flex;justify-content:center;margin-top:10px}.elementus_menus_q4kxz.elementus_active_q4kxz{height:86px;opacity:1;padding:8px 0;transition:all .3s;visibility:visible}.elementus_menus_q4kxz.elementus_active_q4kxz .elementus_menu_item_q4kxz{opacity:1;transition:all .3s}.elementus_list_view_q4kxz{align-items:center;border-radius:0!important;display:flex;gap:11px;height:70px!important;justify-content:start;padding:20px;width:100%!important}.elementus_list_view_q4kxz .elementus_card_top_q4kxz,.elementus_list_view_q4kxz .elementus_image_wrapper_q4kxz{height:50px;width:50px}.elementus_list_view_q4kxz .elementus_dot_button_q4kxz{top:26px}.elementus_list_view_q4kxz:not(:last-child){border-bottom:1px solid #f3f3f3!important}@media screen and (min-width:768px){.elementus_image_card_q4kxz{height:150px;width:117px}.elementus_card_top_q4kxz,.elementus_image_wrapper_q4kxz{height:100px;width:100px}}@media screen and (min-width:1024px){.elementus_image_card_q4kxz{cursor:pointer;height:154px;width:128px}.elementus_hover_q4kxz{display:none}.elementus_image_card_q4kxz:hover .elementus_hover_q4kxz{display:block}.elementus_dot_button_q4kxz{cursor:pointer}.elementus_image_wrapper_q4kxz{height:104px;width:108px}}");export{t as default};
+//# sourceMappingURL=imageCard.module.scss.js.map

package/dist/ui/imageManager/imageCard/imageCard.module.scss.js.map

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

package/dist/ui/imageManager/imageCard/imageModel.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { ImageSchema } from "../imageManagerModel";
+export type ImageCardProps = {
+    image: ImageSchema;
+    buttonLoader?: boolean;
+    className?: string;
+    selected?: boolean;
+    onCurrentPreview?: (id: string) => void;
+    onClick?: (event?: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    onSelect?: (id: string, image: ImageSchema) => void;
+};

package/dist/ui/imageManager/imageCard/index.d.ts

@@ -0,0 +1 @@
+export { default as ImageCard } from "./ImageCard";

package/dist/ui/imageManager/imageManager.module.scss.js

@@ -0,0 +1,2 @@
+import e from"../../styles/style-inject/dist/style-inject.es.js";var _={image_manager_wrapper:"elementus_image_manager_wrapper_1luh1",header_area:"elementus_header_area_1luh1",content_body:"elementus_content_body_1luh1",show_preview:"elementus_show_preview_1luh1",image_and_dropzone:"elementus_image_and_dropzone_1luh1",drop_zone:"elementus_drop_zone_1luh1",image_view:"elementus_image_view_1luh1",images_list:"elementus_images_list_1luh1",grid_view:"elementus_grid_view_1luh1",list_view:"elementus_list_view_1luh1",preview:"elementus_preview_1luh1",active_preview:"elementus_active_preview_1luh1",manage_image_view_width:"elementus_manage_image_view_width_1luh1"};e(".elementus_image_manager_wrapper_1luh1{overflow:hidden;position:relative;width:100%}.elementus_image_manager_wrapper_1luh1 .elementus_header_area_1luh1{padding:20px}.elementus_image_manager_wrapper_1luh1 .elementus_content_body_1luh1{padding:0 20px}.elementus_image_manager_wrapper_1luh1 .elementus_show_preview_1luh1{transition:all .3s;width:100%}.elementus_image_manager_wrapper_1luh1 .elementus_image_and_dropzone_1luh1{max-height:calc(70vh - 60px);overflow-y:auto;transition:all .3s}.elementus_image_manager_wrapper_1luh1 .elementus_image_and_dropzone_1luh1::-webkit-scrollbar{width:0}.elementus_image_manager_wrapper_1luh1 .elementus_drop_zone_1luh1{margin-bottom:30px}.elementus_image_manager_wrapper_1luh1 .elementus_image_view_1luh1{margin:0 auto;padding-bottom:20px;width:320px}.elementus_image_manager_wrapper_1luh1 .elementus_images_list_1luh1,.elementus_image_manager_wrapper_1luh1 .elementus_images_list_1luh1.elementus_grid_view_1luh1{column-gap:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));row-gap:20px;width:100%}.elementus_image_manager_wrapper_1luh1 .elementus_images_list_1luh1.elementus_list_view_1luh1{gap:0!important;grid-template-columns:repeat(1,1fr)!important}.elementus_image_manager_wrapper_1luh1 .elementus_preview_1luh1{height:100%;position:absolute;right:-100%;top:0;transition:all .3s;width:100%}.elementus_image_manager_wrapper_1luh1 .elementus_active_preview_1luh1{right:0!important;transition:all .3s}.elementus_image_manager_wrapper_1luh1 .elementus_manage_image_view_width_1luh1{transition:all .3s}.elementus_image_manager_wrapper_1luh1 .elementus_manage_image_view_width_1luh1 .elementus_image_and_dropzone_1luh1{transition:all .3s;width:100%!important}@media screen and (min-width:768px){.elementus_image_manager_wrapper_1luh1 .elementus_images_list_1luh1{column-gap:30px;grid-template-columns:repeat(auto-fill,minmax(117px,1fr))!important;row-gap:30px}.elementus_image_manager_wrapper_1luh1 .elementus_image_view_1luh1{width:395px!important}.elementus_image_manager_wrapper_1luh1 .elementus_show_preview_1luh1.elementus_content_body_1luh1{display:flex;gap:20px;padding-right:0}.elementus_image_manager_wrapper_1luh1 .elementus_show_preview_1luh1 .elementus_preview_1luh1{height:auto;position:relative;width:273px}.elementus_image_manager_wrapper_1luh1 .elementus_show_preview_1luh1 .elementus_image_and_dropzone_1luh1{width:calc(100% - 300px)}.elementus_image_manager_wrapper_1luh1 .elementus_manage_image_view_width_1luh1 .elementus_image_and_dropzone_1luh1 .elementus_image_view_1luh1{width:100%!important;width:708px!important}.elementus_image_manager_wrapper_1luh1 .elementus_manage_image_view_width_1luh1 .elementus_image_and_dropzone_1luh1 .elementus_images_list_1luh1{gap:30px;grid-template-columns:repeat(auto-fill,minmax(117px,1fr))}.elementus_image_manager_wrapper_1luh1 .elementus_manage_image_view_width_1luh1{padding-right:20px!important}}@media screen and (min-width:1024px){.elementus_image_manager_wrapper_1luh1 .elementus_images_list_1luh1{column-gap:30px;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));row-gap:30px}.elementus_image_manager_wrapper_1luh1 .elementus_image_view_1luh1{width:444px!important}.elementus_image_manager_wrapper_1luh1 .elementus_show_preview_1luh1.elementus_content_body_1luh1{display:flex;gap:20px}.elementus_image_manager_wrapper_1luh1 .elementus_show_preview_1luh1 .elementus_preview_1luh1{width:336px}.elementus_image_manager_wrapper_1luh1 .elementus_show_preview_1luh1 .elementus_image_and_dropzone_1luh1{width:calc(100% - 336px)}.elementus_image_manager_wrapper_1luh1 .elementus_show_preview_1luh1 .elementus_images_list_1luh1{grid-template-columns:repeat(auto-fill,minmax(117px,1fr))}.elementus_image_manager_wrapper_1luh1 .elementus_manage_image_view_width_1luh1 .elementus_image_and_dropzone_1luh1 .elementus_image_view_1luh1{width:780px!important}.elementus_image_manager_wrapper_1luh1 .elementus_manage_image_view_width_1luh1 .elementus_image_and_dropzone_1luh1 .elementus_images_list_1luh1{gap:35px;grid-template-columns:repeat(auto-fill,minmax(117px,1fr))}}");export{_ as default};
+//# sourceMappingURL=imageManager.module.scss.js.map

package/dist/ui/imageManager/imageManager.module.scss.js.map

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

package/dist/ui/imageManager/imageManagerHeader/ImageManagerHeader.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { ContentBodyHeaderProps } from "./imageManagerHeaderModel";
+declare const ImageManagerHeader: ({ selectedImages, onChangeLayout, onSearch, onSorting, onDelete, }: ContentBodyHeaderProps) => React.JSX.Element;
+export default ImageManagerHeader;