bromcom-ui 2.10.1-rc.8 → 2.10.1

package/dist/esm/{number-helper-36dd7ffd.js → number-helper-847951a8.js}

@@ -2,7 +2,7 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { s as snq } from './generate-172d2481.js';
+import { s as snq } from './generate-7b9db394.js';
 
 class NumberHelper {
 }

package/dist/esm/old-bcm-popover-box.entry.js

@@ -2,19 +2,19 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-0615c2b8.js';
-import './element-dragger-89bb52fd.js';
-import { g as getPlacement, s as setPosition } from './popover-placement-279ce860.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-4614b7f0.js';
+import './element-dragger-7ea06c76.js';
+import { g as getPlacement, s as setPosition } from './popover-placement-e6ed184e.js';
 import { F as FloatingUI } from './floating-ui-a4e67246.js';
-import { c as classnames } from './index-00c8a8f7.js';
-import { G as Generate } from './generate-172d2481.js';
-import { N as NumberHelper } from './number-helper-36dd7ffd.js';
-import { S as StringHelper } from './string-helper-8f5da9ec.js';
-import './utils-57652744.js';
+import { c as classnames } from './index-b84bc8c9.js';
+import { G as Generate } from './generate-7b9db394.js';
+import { N as NumberHelper } from './number-helper-847951a8.js';
+import { S as StringHelper } from './string-helper-3526c4fe.js';
+import './utils-b3338faf.js';
 import './bcm-0f9cc27c.js';
-import './_commonjsHelpers-7002e5de.js';
-import './package-1d2d00da.js';
-import './colors-ebea297f.js';
+import './_commonjsHelpers-be0d4ec8.js';
+import './package-a6df69df.js';
+import './colors-e1c31f79.js';
 
 const oldPopoverBoxCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-popover-box{display:none;position:absolute;transition:transform 0.2s ease-in-out;}.bcm-popover-box .bcm-pop-box{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-size:10px;line-height:calc(10px + 8px);box-shadow:0 4px 12px 2px rgba(17, 24, 38, 0.1);border-radius:4px;position:absolute;box-sizing:border-box;background-color:#FFFFFF;border:1px solid #FFFFFF;z-index:-99999;overflow:hidden;visibility:hidden;width:fit-content;position:absolute;display:block;overflow:hidden;visibility:hidden;z-index:-99999;filter:drop-shadow(0px 1px 6px rgba(0, 0, 0, 0.25))}.bcm-popover-box .bcm-pop-box.bcm-pop-open{overflow:unset;visibility:visible;height:unset}.bcm-popover-box .bcm-pop-box .bcm-pop-heading,.bcm-popover-box .bcm-pop-box .bcm-pop-content{display:block}.bcm-popover-box .bcm-pop-box .bcm-pop-heading:not(:empty){padding:4px 16px;border-bottom:1px solid #D9D9D9;color:var(--bcm-color-grey-9)}.bcm-popover-box .bcm-pop-box .bcm-pop-content:not(:empty){padding:8px 16px;color:var(--bcm-color-grey-8)}.bcm-popover-box::after{content:\"\";position:absolute;display:none;border:6px solid;z-index:10900;pointer-events:none}.bcm-popover-box.bcm-pop-open{display:block;z-index:10900}.bcm-popover-box.bcm-pop-open .bcm-pop-box{z-index:10900;overflow:unset;visibility:unset}.bcm-popover-box.bcm-pop-open::after{display:block}.bcm-popover-box.top .bcm-pop-box{bottom:100%;margin-bottom:16px}.bcm-popover-box.top::after{bottom:100%;margin-bottom:4px;border-color:#FFFFFF transparent transparent transparent}.bcm-popover-box.bottom .bcm-pop-box{top:100%;margin-top:16px}.bcm-popover-box.bottom::after{top:100%;margin-top:4px;border-color:transparent transparent #FFFFFF transparent}.bcm-popover-box.left .bcm-pop-box{right:100%;margin-right:16px}.bcm-popover-box.left::after{right:100%;margin-right:4px;border-color:transparent transparent transparent #FFFFFF}.bcm-popover-box.right .bcm-pop-box{left:100%;margin-left:16px}.bcm-popover-box.right::after{left:100%;margin-left:4px;border-color:transparent #FFFFFF transparent transparent}.bcm-popover-box.top.center .bcm-pop-box,.bcm-popover-box.bottom.center .bcm-pop-box{left:50%;transform:translateX(-50%)}.bcm-popover-box.top.center::after,.bcm-popover-box.bottom.center::after{left:50%;transform:translateX(-50%)}.bcm-popover-box.top.start .bcm-pop-box,.bcm-popover-box.bottom.start .bcm-pop-box{left:0}.bcm-popover-box.top.start::after,.bcm-popover-box.bottom.start::after{left:16px}.bcm-popover-box.top.end .bcm-pop-box,.bcm-popover-box.bottom.end .bcm-pop-box{right:0}.bcm-popover-box.top.end::after,.bcm-popover-box.bottom.end::after{right:16px}.bcm-popover-box.left.center .bcm-pop-box,.bcm-popover-box.right.center .bcm-pop-box{top:50%;transform:translateY(-50%)}.bcm-popover-box.left.center::after,.bcm-popover-box.right.center::after{top:50%;transform:translateY(-50%)}.bcm-popover-box.left.start .bcm-pop-box,.bcm-popover-box.right.start .bcm-pop-box{top:0}.bcm-popover-box.left.start::after,.bcm-popover-box.right.start::after{top:12px}.bcm-popover-box.left.end .bcm-pop-box,.bcm-popover-box.right.end .bcm-pop-box{bottom:0}.bcm-popover-box.left.end::after,.bcm-popover-box.right.end::after{bottom:12px}.bcm-popover-box.top{transform:translateY(1px)}.bcm-popover-box.bottom{transform:translateY(-1px)}.bcm-popover-box.left{transform:translateX(1px)}.bcm-popover-box.right{transform:translateX(-1px)}.bcm-popover-box.top.bcm-pop-open,.bcm-popover-box.bottom.bcm-pop-open{transform:translateY(0)}.bcm-popover-box.left.bcm-pop-open,.bcm-popover-box.right.bcm-pop-open{transform:translateX(0)}.bcm-popover-box.bcm-pop-linked.top .bcm-pop-box{margin:0 0 2px 0}.bcm-popover-box.bcm-pop-linked.bottom .bcm-pop-box{margin:2px 0 0 0}.bcm-popover-box.bcm-pop-linked.left .bcm-pop-box{margin:0 2px 0 0}.bcm-popover-box.bcm-pop-linked.right .bcm-pop-box{margin:0 0 0 2px}.bcm-popover-box.bcm-pop-linked .bcm-pop-box{filter:unset;border-radius:8px;box-shadow:0 2px 6px 1px rgba(17, 24, 38, 0.1)}.bcm-popover-box.bcm-pop-linked::after{display:none}";
 

package/dist/esm/old-bcm-popover.entry.js

@@ -2,13 +2,13 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0615c2b8.js';
-import { c as classnames } from './index-00c8a8f7.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-4614b7f0.js';
+import { c as classnames } from './index-b84bc8c9.js';
 import { B as Bcm } from './bcm-0f9cc27c.js';
-import { G as Generate } from './generate-172d2481.js';
-import './_commonjsHelpers-7002e5de.js';
-import './package-1d2d00da.js';
-import './colors-ebea297f.js';
+import { G as Generate } from './generate-7b9db394.js';
+import './_commonjsHelpers-be0d4ec8.js';
+import './package-a6df69df.js';
+import './colors-e1c31f79.js';
 
 const oldPopoverCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}.bcm-popover{display:inline-flex}";
 

package/dist/esm/{package-1d2d00da.js → package-a6df69df.js}

@@ -2,6 +2,6 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-const version = "2.10.1-rc.8";
+const version = "2.10.1";
 
 export { version as v };

package/dist/esm/{popover-placement-279ce860.js → popover-placement-e6ed184e.js}

@@ -2,7 +2,7 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { S as StringHelper } from './string-helper-8f5da9ec.js';
+import { S as StringHelper } from './string-helper-3526c4fe.js';
 
 const opposites = {
   left: 'right',

package/dist/esm/{slot-template-9234df88.js → slot-template-481a5ac5.js}

@@ -2,8 +2,8 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { h } from './index-0615c2b8.js';
-import { S as StringHelper } from './string-helper-8f5da9ec.js';
+import { h } from './index-4614b7f0.js';
+import { S as StringHelper } from './string-helper-3526c4fe.js';
 
 const SlotTemplate = ({ value, className, name }) => {
   return StringHelper.isNullOrEmpty(value) ? h("span", { class: className },

package/dist/esm/{stepper-states-d326813d.js → stepper-states-f49a097b.js}

@@ -2,9 +2,9 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { c as createStore } from './index-7e71bbc8.js';
-import { G as Generate, s as snq } from './generate-172d2481.js';
-import { f as forceUpdate } from './index-0615c2b8.js';
+import { c as createStore } from './index-f38e3364.js';
+import { G as Generate, s as snq } from './generate-7b9db394.js';
+import { f as forceUpdate } from './index-4614b7f0.js';
 
 const { state } = createStore({
   value: new Map(),

package/dist/esm/{string-helper-8f5da9ec.js → string-helper-3526c4fe.js}

@@ -3,7 +3,7 @@
  * Copyright (c) Bromcom.
  */
 import { B as Bcm } from './bcm-0f9cc27c.js';
-import { c as createCommonjsModule, a as commonjsGlobal } from './_commonjsHelpers-7002e5de.js';
+import { c as createCommonjsModule, a as commonjsGlobal } from './_commonjsHelpers-be0d4ec8.js';
 
 var slugify = createCommonjsModule(function (module, exports) {
 (function (name, root, factory) {

package/dist/esm/{tooltip-helper-f35ebea5.js → tooltip-helper-b8b00aee.js}

@@ -2,15 +2,15 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import './element-dragger-89bb52fd.js';
-import { S as StringHelper } from './string-helper-8f5da9ec.js';
-import { d as delay } from './utils-57652744.js';
+import './element-dragger-7ea06c76.js';
+import { S as StringHelper } from './string-helper-3526c4fe.js';
+import { d as delay } from './utils-b3338faf.js';
 import { F as FloatingUI } from './floating-ui-a4e67246.js';
-import { C as ColorHelper } from './color-helper-845ba523.js';
+import { C as ColorHelper } from './color-helper-c4fa9ebc.js';
 import './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-172d2481.js';
-import './number-helper-36dd7ffd.js';
-import './validators-6ce73b32.js';
+import { G as Generate } from './generate-7b9db394.js';
+import './number-helper-847951a8.js';
+import './validators-74e39305.js';
 import { a as Bcm } from './bcm-0f9cc27c.js';
 
 class Tooltip {

package/dist/esm/{utils-57652744.js → utils-b3338faf.js}

@@ -120,4 +120,4 @@ const pluralize = (function () {
   return text;
 })();
 
-export { getTransform as a, dropInComponent as b, getChilds as c, delay as d, extractColor as e, getChildElements as g, pluralize as p };
+export { getChildElements as a, dropInComponent as b, getChilds as c, delay as d, extractColor as e, getTransform as g, pluralize as p };

package/dist/esm/{validators-6ce73b32.js → validators-74e39305.js}

@@ -2,7 +2,7 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { s as snq } from './generate-172d2481.js';
+import { s as snq } from './generate-7b9db394.js';
 
 class Validators {
 }

package/dist/types/components/molecules/linked/linked.d.ts

@@ -11,6 +11,7 @@ export declare class BcmLinked implements ComponentInterface {
   minHeight: string;
   isOpen: boolean;
   hideDelay: number;
+  moveOverLayContainer: boolean;
   bcmOpen: EventEmitter;
   isMouseOverLink: boolean;
   constructor();

package/dist/types/components/organism/form/form.d.ts

@@ -30,5 +30,6 @@ export declare class BcmForm {
   isListComponent(item: string): boolean;
   userFormData(): Promise<any>;
   handleChange(e: any): Promise<void>;
+  handleSubmitForm(e: any): Promise<void>;
   render(): any;
 }

package/dist/types/components/organism/list/list.d.ts

@@ -75,7 +75,7 @@ export declare class BcmList implements ComponentInterface {
     status: Bcm.Status;
     indeterminate: string;
   };
-  shouldTriggerChange: boolean;
+  shouldTriggerChange: any;
   placement: PlacementTypes;
   bcmChecklist: EventEmitter;
   bcmSelected: EventEmitter;

package/dist/types/components/other/attendance-actions/attendance-actions-comment.d.ts

@@ -0,0 +1,24 @@
+import { Bcm, SizeTypes } from "../../../models";
+import { ComponentInterface, EventEmitter } from "../../../stencil-public-runtime";
+export declare class BcmAttendanceActionsComment implements ComponentInterface {
+  el: HTMLElement;
+  _id: string;
+  size: SizeTypes;
+  disabled: boolean;
+  selectedKey: string;
+  targetId: string;
+  isShow: boolean;
+  isLate: boolean;
+  selectedItem: Bcm.InputDropdownData;
+  private lateMinutes;
+  private comment;
+  change: EventEmitter;
+  handleSave(lateMinutes: number, comment: string): void;
+  show(): Promise<void>;
+  private focusInput;
+  private focusTextarea;
+  hide(): Promise<void>;
+  handleClickOutside(event: any): void;
+  formSubmit(): Promise<void>;
+  render(): any;
+}

package/dist/types/components/other/attendance-actions/attendance-actions-comment.style.d.ts

@@ -0,0 +1,52 @@
+export declare const attendanceActionCommentStyle: import("tailwind-variants").TVReturnType<{
+  size: {
+    small: {};
+    medium: {};
+    large: {};
+  };
+}, {
+  host: string[];
+  footer: string[];
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+  size: {
+    small: {};
+    medium: {};
+    large: {};
+  };
+}, {
+  size: {
+    small: {};
+    medium: {};
+    large: {};
+  };
+}>, {
+  size: {
+    small: {};
+    medium: {};
+    large: {};
+  };
+}, {
+  host: string[];
+  footer: string[];
+}, import("tailwind-variants").TVReturnType<{
+  size: {
+    small: {};
+    medium: {};
+    large: {};
+  };
+}, {
+  host: string[];
+  footer: string[];
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+  size: {
+    small: {};
+    medium: {};
+    large: {};
+  };
+}, {
+  size: {
+    small: {};
+    medium: {};
+    large: {};
+  };
+}>, unknown, unknown, undefined>>;

package/dist/types/components/other/attendance-actions/attendance-actions-dropdown.d.ts

@@ -0,0 +1,18 @@
+import { Bcm, SizeTypes } from "../../../models";
+import { ComponentInterface, EventEmitter } from "../../../stencil-public-runtime";
+export declare class BcmAttendanceActionsDropdown implements ComponentInterface {
+  el: HTMLElement;
+  _id: string;
+  size: SizeTypes;
+  disabled: boolean;
+  selectedKey: string;
+  targetId: string;
+  isShow: boolean;
+  data: Bcm.InputDropdownData[];
+  change: EventEmitter;
+  handleSelectItem(item: Bcm.InputDropdownData): void;
+  show(): Promise<void>;
+  hide(): Promise<void>;
+  handleClickOutside(): void;
+  render(): any;
+}

package/dist/types/components/other/attendance-actions/attendance-actions-dropdown.style.d.ts

@@ -0,0 +1,100 @@
+export declare const attendanceActionDropdownStyle: import("tailwind-variants").TVReturnType<{
+  size: {
+    small: {
+      dataItem: string[];
+    };
+    medium: {
+      dataItem: string[];
+    };
+    large: {
+      dataItem: string[];
+    };
+  };
+}, {
+  host: string[];
+  dataItem: string[];
+  key: string[];
+  selectedItem: string[];
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+  size: {
+    small: {
+      dataItem: string[];
+    };
+    medium: {
+      dataItem: string[];
+    };
+    large: {
+      dataItem: string[];
+    };
+  };
+}, {
+  size: {
+    small: {
+      dataItem: string[];
+    };
+    medium: {
+      dataItem: string[];
+    };
+    large: {
+      dataItem: string[];
+    };
+  };
+}>, {
+  size: {
+    small: {
+      dataItem: string[];
+    };
+    medium: {
+      dataItem: string[];
+    };
+    large: {
+      dataItem: string[];
+    };
+  };
+}, {
+  host: string[];
+  dataItem: string[];
+  key: string[];
+  selectedItem: string[];
+}, import("tailwind-variants").TVReturnType<{
+  size: {
+    small: {
+      dataItem: string[];
+    };
+    medium: {
+      dataItem: string[];
+    };
+    large: {
+      dataItem: string[];
+    };
+  };
+}, {
+  host: string[];
+  dataItem: string[];
+  key: string[];
+  selectedItem: string[];
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+  size: {
+    small: {
+      dataItem: string[];
+    };
+    medium: {
+      dataItem: string[];
+    };
+    large: {
+      dataItem: string[];
+    };
+  };
+}, {
+  size: {
+    small: {
+      dataItem: string[];
+    };
+    medium: {
+      dataItem: string[];
+    };
+    large: {
+      dataItem: string[];
+    };
+  };
+}>, unknown, unknown, undefined>>;

package/dist/types/components/other/attendance-actions/attendance-actions.d.ts

@@ -0,0 +1,29 @@
+import { Bcm, SizeTypes } from "../../../models";
+import { ComponentInterface, EventEmitter } from "../../../stencil-public-runtime";
+export declare class BcmAttendanceActions implements ComponentInterface {
+  el: HTMLElement;
+  _id: string;
+  size: SizeTypes;
+  disabled: boolean;
+  data: Bcm.InputDropdownData[];
+  lateKeys: string;
+  hideComment: boolean;
+  change: EventEmitter;
+  private get selectedItem();
+  private get priorityButtons();
+  private get renderButtons();
+  private get lateKeysMap();
+  private get isLate();
+  private get dropdownMenuElement();
+  private get commentAreaElement();
+  private handleSelectItem;
+  private changed;
+  private hasDataForKey;
+  private handleKeyPress;
+  private handleSave;
+  private dropdownMenu;
+  private commentArea;
+  set(key: string, triggerChange?: boolean): Promise<void>;
+  get(): Promise<Bcm.InputDropdownData>;
+  render(): any;
+}

package/dist/types/components/other/attendance-actions/attendance-actions.style.d.ts

@@ -0,0 +1,242 @@
+export declare const attendanceActionStyle: import("tailwind-variants").TVReturnType<{
+  selected: {
+    true: {
+      button: string[];
+      mainButton: string[];
+    };
+    false: {
+      button: string[];
+    };
+  };
+  size: {
+    small: {
+      button: string[];
+      mainButton: string[];
+      dropdownButton: string[];
+    };
+    medium: {
+      button: string[];
+      mainButton: string[];
+      dropdownButton: string[];
+    };
+    large: {
+      button: string[];
+      mainButton: string[];
+      dropdownButton: string[];
+    };
+  };
+  disabled: {
+    true: {};
+    false: {};
+  };
+}, {
+  host: string[];
+  base: string;
+  buttonContainer: string;
+  button: string[];
+  dropdownButton: string;
+  mainButton: string;
+  commentIcon: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+  selected: {
+    true: {
+      button: string[];
+      mainButton: string[];
+    };
+    false: {
+      button: string[];
+    };
+  };
+  size: {
+    small: {
+      button: string[];
+      mainButton: string[];
+      dropdownButton: string[];
+    };
+    medium: {
+      button: string[];
+      mainButton: string[];
+      dropdownButton: string[];
+    };
+    large: {
+      button: string[];
+      mainButton: string[];
+      dropdownButton: string[];
+    };
+  };
+  disabled: {
+    true: {};
+    false: {};
+  };
+}, {
+  selected: {
+    true: {
+      button: string[];
+      mainButton: string[];
+    };
+    false: {
+      button: string[];
+    };
+  };
+  size: {
+    small: {
+      button: string[];
+      mainButton: string[];
+      dropdownButton: string[];
+    };
+    medium: {
+      button: string[];
+      mainButton: string[];
+      dropdownButton: string[];
+    };
+    large: {
+      button: string[];
+      mainButton: string[];
+      dropdownButton: string[];
+    };
+  };
+  disabled: {
+    true: {};
+    false: {};
+  };
+}>, {
+  selected: {
+    true: {
+      button: string[];
+      mainButton: string[];
+    };
+    false: {
+      button: string[];
+    };
+  };
+  size: {
+    small: {
+      button: string[];
+      mainButton: string[];
+      dropdownButton: string[];
+    };
+    medium: {
+      button: string[];
+      mainButton: string[];
+      dropdownButton: string[];
+    };
+    large: {
+      button: string[];
+      mainButton: string[];
+      dropdownButton: string[];
+    };
+  };
+  disabled: {
+    true: {};
+    false: {};
+  };
+}, {
+  host: string[];
+  base: string;
+  buttonContainer: string;
+  button: string[];
+  dropdownButton: string;
+  mainButton: string;
+  commentIcon: string;
+}, import("tailwind-variants").TVReturnType<{
+  selected: {
+    true: {
+      button: string[];
+      mainButton: string[];
+    };
+    false: {
+      button: string[];
+    };
+  };
+  size: {
+    small: {
+      button: string[];
+      mainButton: string[];
+      dropdownButton: string[];
+    };
+    medium: {
+      button: string[];
+      mainButton: string[];
+      dropdownButton: string[];
+    };
+    large: {
+      button: string[];
+      mainButton: string[];
+      dropdownButton: string[];
+    };
+  };
+  disabled: {
+    true: {};
+    false: {};
+  };
+}, {
+  host: string[];
+  base: string;
+  buttonContainer: string;
+  button: string[];
+  dropdownButton: string;
+  mainButton: string;
+  commentIcon: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+  selected: {
+    true: {
+      button: string[];
+      mainButton: string[];
+    };
+    false: {
+      button: string[];
+    };
+  };
+  size: {
+    small: {
+      button: string[];
+      mainButton: string[];
+      dropdownButton: string[];
+    };
+    medium: {
+      button: string[];
+      mainButton: string[];
+      dropdownButton: string[];
+    };
+    large: {
+      button: string[];
+      mainButton: string[];
+      dropdownButton: string[];
+    };
+  };
+  disabled: {
+    true: {};
+    false: {};
+  };
+}, {
+  selected: {
+    true: {
+      button: string[];
+      mainButton: string[];
+    };
+    false: {
+      button: string[];
+    };
+  };
+  size: {
+    small: {
+      button: string[];
+      mainButton: string[];
+      dropdownButton: string[];
+    };
+    medium: {
+      button: string[];
+      mainButton: string[];
+      dropdownButton: string[];
+    };
+    large: {
+      button: string[];
+      mainButton: string[];
+      dropdownButton: string[];
+    };
+  };
+  disabled: {
+    true: {};
+    false: {};
+  };
+}>, unknown, unknown, undefined>>;