sevatech-library 1.0.30 → 1.0.32

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/components/button/button.component.d.ts +3 -1
  2. package/dist/components/button/button.component.d.ts.map +1 -1
  3. package/dist/components/button/button.constants.d.ts +2 -2
  4. package/dist/components/dropdown-field/dropdown-field.component.d.ts.map +1 -1
  5. package/dist/components/search-dropdown/search-dropdown.argtypes.d.ts.map +1 -1
  6. package/dist/components/search-dropdown/search-dropdown.component.d.ts.map +1 -1
  7. package/dist/index.cjs.js +1 -1
  8. package/dist/index.es.js +6 -6
  9. package/package.json +1 -1
package/dist/components/button/button.component.d.ts CHANGED
@@ -5,7 +5,7 @@ export interface ButtonProps extends Omit<MuiButtonProps, 'variant' | 'color' |
5
5
  /** Kiểu hiển thị: solid (đầy), outline (viền), ghost (nền nhạt), text (chỉ chữ) */
6
6
  variant?: Variant;
7
7
  /** Màu sắc: brand, neutral, error, warning, success, accent, info */
8
- color?: Color;
8
+ color?: Color | string;
9
9
  /** Shade của màu: light (100), main (500), dark (700) hoặc number (50-950) */
10
10
  shade?: 'light' | 'main' | 'dark' | number;
11
11
  /** Kích cỡ: xs, sm, md, lg, xl */
@@ -32,6 +32,8 @@ export interface ButtonProps extends Omit<MuiButtonProps, 'variant' | 'color' |
32
32
  active?: boolean;
33
33
  /** Màu của dot khi active (mặc định: #10b981 - xanh lá) */
34
34
  activeDotColor?: string;
35
+ /** Kích cỡ padding của button (ảnh hưởng đến kích thước tổng thể) */
36
+ sizePadding?: Size;
35
37
  }
36
38
  export declare const ButtonComponent: React.FC<ButtonProps>;
37
39
  //# sourceMappingURL=button.component.d.ts.map
package/dist/components/button/button.component.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"button.component.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,EAAuB,WAAW,IAAI,cAAc,EAAoB,MAAM,eAAe,CAAC;AACrG,OAAO,EACL,OAAO,EACP,KAAK,EAEL,IAAI,EAML,MAAM,oBAAoB,CAAC;AAwE5B,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC3G,mFAAmF;IACnF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qEAAqE;IACrE,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,8EAA8E;IAC9E,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IAC3C,kCAAkC;IAClC,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,4DAA4D;IAC5D,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,0DAA0D;IAC1D,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,qEAAqE;IACrE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mEAAmE;IACnE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6DAA6D;IAC7D,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,4CAA4C;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,wCAAwC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gEAAgE;IAChE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,2DAA2D;IAC3D,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AACD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAmFjD,CAAC"}
1
+ {"version":3,"file":"button.component.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,EAAuB,WAAW,IAAI,cAAc,EAAoB,MAAM,eAAe,CAAC;AACrG,OAAO,EACL,OAAO,EACP,KAAK,EAEL,IAAI,EAML,MAAM,oBAAoB,CAAC;AAiF5B,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC3G,mFAAmF;IACnF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qEAAqE;IACrE,KAAK,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IACvB,8EAA8E;IAC9E,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IAC3C,kCAAkC;IAClC,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,4DAA4D;IAC5D,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,0DAA0D;IAC1D,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,qEAAqE;IACrE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mEAAmE;IACnE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6DAA6D;IAC7D,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,4CAA4C;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,wCAAwC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gEAAgE;IAChE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,2DAA2D;IAC3D,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qEAAqE;IACrE,WAAW,CAAC,EAAE,IAAI,CAAC;CACpB;AACD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAoFjD,CAAC"}
package/dist/components/button/button.constants.d.ts CHANGED
@@ -19,8 +19,8 @@ export declare const BUTTON_CONSTANTS: {
19
19
  readonly ACTIVE_DOT_SIZE: 8;
20
20
  readonly ACTIVE_DOT_MARGIN_RIGHT: 8;
21
21
  readonly SPINNER_SIZE: 16;
22
- readonly GAP: 12;
23
- readonly BORDER_RADIUS: 8;
22
+ readonly GAP: 8;
23
+ readonly BORDER_RADIUS: 4;
24
24
  readonly TRANSITION_DURATION: "0.3s";
25
25
  };
26
26
  /** Accessibility constants */
package/dist/components/dropdown-field/dropdown-field.component.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"dropdown-field.component.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown-field/dropdown-field.component.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiC,OAAO,EAAE,KAAK,EAAc,MAAM,eAAe,CAAC;AAC1F,OAAO,EAAE,SAAS,EAAwB,MAAM,OAAO,CAAC;AAGxD,UAAU,YAAY;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,UAAU,gBAAgB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC9B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CAC1B;AAED,QAAA,MAAM,sBAAsB,GAAI,4KAiB7B,gBAAgB,4CAiLlB,CAAC;AAEF,OAAO,EAAE,sBAAsB,EAAE,CAAC"}
1
+ {"version":3,"file":"dropdown-field.component.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown-field/dropdown-field.component.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiC,OAAO,EAAE,KAAK,EAAc,MAAM,eAAe,CAAC;AAC1F,OAAO,EAAE,SAAS,EAAwB,MAAM,OAAO,CAAC;AAGxD,UAAU,YAAY;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,UAAU,gBAAgB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC9B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CAC1B;AAED,QAAA,MAAM,sBAAsB,GAAI,4KAiB7B,gBAAgB,4CA2LlB,CAAC;AAEF,OAAO,EAAE,sBAAsB,EAAE,CAAC"}
package/dist/components/search-dropdown/search-dropdown.argtypes.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"search-dropdown.argtypes.d.ts","sourceRoot":"","sources":["../../../src/components/search-dropdown/search-dropdown.argtypes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,eAAO,MAAM,sBAAsB,EAAE,QAyIpC,CAAC"}
1
+ {"version":3,"file":"search-dropdown.argtypes.d.ts","sourceRoot":"","sources":["../../../src/components/search-dropdown/search-dropdown.argtypes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,eAAO,MAAM,sBAAsB,EAAE,QAwIpC,CAAC"}
package/dist/components/search-dropdown/search-dropdown.component.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"search-dropdown.component.d.ts","sourceRoot":"","sources":["../../../src/components/search-dropdown/search-dropdown.component.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA0E,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACvH,OAAO,EAAE,SAAS,EAAwC,MAAM,OAAO,CAAC;AACxE,UAAU,oBAAoB;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IAEvB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,UAAU,mBAAmB;IAC3B,YAAY,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,GAAG,oBAAoB,CAAC,EAAE,GAAG,MAAM,GAAG,MAAM,GAAG,oBAAoB,GAAG,IAAI,CAAC;IACnG,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,GAAG,oBAAoB,EAAE,GAAG,IAAI,KAAK,IAAI,CAAC;IACjF,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC,oBAAoB,EAAE,CAAC,CAAC;IACnE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,oBAAoB,EAAE,CAAC;IACjC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACrB;AAsFD,QAAA,MAAM,uBAAuB,GAAI,+NAsB9B,mBAAmB,4CAqOrB,CAAC;AAEF,OAAO,EAAE,uBAAuB,EAAE,CAAC"}
1
+ {"version":3,"file":"search-dropdown.component.d.ts","sourceRoot":"","sources":["../../../src/components/search-dropdown/search-dropdown.component.tsx"],"names":[],"mappings":"AAWA,OAAO,EAA0E,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACvH,OAAO,EAAE,SAAS,EAAwC,MAAM,OAAO,CAAC;AACxE,UAAU,oBAAoB;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IAEvB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,UAAU,mBAAmB;IAC3B,YAAY,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,GAAG,oBAAoB,CAAC,EAAE,GAAG,MAAM,GAAG,MAAM,GAAG,oBAAoB,GAAG,IAAI,CAAC;IACnG,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,GAAG,oBAAoB,EAAE,GAAG,IAAI,KAAK,IAAI,CAAC;IACjF,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC,oBAAoB,EAAE,CAAC,CAAC;IACnE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,oBAAoB,EAAE,CAAC;IACjC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACrB;AAsFD,QAAA,MAAM,uBAAuB,GAAI,+NAsB9B,mBAAmB,4CA6OrB,CAAC;AAEF,OAAO,EAAE,uBAAuB,EAAE,CAAC"}
package/dist/index.cjs.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("@mui/material"),t=require("react"),r=require("@mui/material/styles"),i=require("@mui/icons-material/Link"),n=require("@mui/icons-material/Check"),l=require("@mui/icons-material/Remove"),a=require("@mui/icons-material/FiberManualRecord"),s=require("@mui/x-date-pickers/DatePicker"),d=require("@mui/x-date-pickers/LocalizationProvider"),c=require("@mui/x-date-pickers/AdapterDayjs"),p=require("dayjs"),x=require("@mui/material/TextField"),u=require("formik"),h=require("react-slick"),g=require("@mui/icons-material/AttachMoney"),m=require("@mui/icons-material/Search"),_=require("framer-motion"),f=require("@mui/icons-material/CheckCircle"),b=require("@mui/icons-material/Refresh"),y={xs:24,sm:32,md:40,lg:48,xl:56,"2xl":64},C={xs:8,sm:10,md:12,lg:14,xl:16,"2xl":18},S={xs:4,sm:5,md:6,lg:7,xl:8,"2xl":9},v=e=>"string"==typeof e&&Object.prototype.hasOwnProperty.call(y,e),k=e=>"number"==typeof e?e:v(e)?y[e]:40,I=e=>v(e)?e:"md",F=e=>({"top-left":{top:0,left:0},"top-right":{top:0,right:0},"top-center":{top:0,left:"50%",transform:"translateX(-50%)"},"bottom-left":{bottom:0,left:0},"bottom-right":{bottom:0,right:0},"bottom-center":{bottom:0,left:"50%",transform:"translateX(-50%)"}}[e]);var j=(e=>(e.BACKGROUND_COLOR_BADGE="#000000",e.COLOR_BADGE="#FFFFFF",e.COLOR_TITLE="#414651",e.COLOR_DESCRIPTION="#535862",e))(j||{});const E={large:{width:32,height:32},medium:{width:26,height:26},small:{width:18,height:18},extra_small:{width:20,height:20},extra_large:{width:36,height:36},avatar_group:{width:80,height:80}},B={50:"#EDFFFA",100:"#C3FFF2",200:"#87FFEB",300:"#42FFDC",400:"#0CF5CA",500:"#00D8B2",600:"#00AF93",700:"#008A77",800:"#026D60",900:"#07554B",950:"#003733"},w={50:"#FAFAFA",100:"#F5F5F5",200:"#E5E5E5",300:"#D4D4D4",400:"#A3A3A3",500:"#737373",600:"#525252",700:"#404040",800:"#202626",900:"#171717",950:"#0A0A0A"},T={50:"#F9AFAB",100:"#F3F4F6",200:"#E5E7EB",300:"#DDD5DB",400:"#9CA3AF",500:"#6B7280",600:"#4B5563",700:"#374151",800:"#1F2937",900:"#111827",950:"#030712"},A={50:"#FEF2F2",100:"#FEE2E2",200:"#FECACA",300:"#FCASA5",400:"#F87171",500:"#EF4444",600:"#DC2626",700:"#B91C1C",800:"#991B1B",900:"#7F1D1D",950:"#450A0A"},R={50:"#FFEEB8",100:"#FFDD93",200:"#FFD08A",300:"#FDE047",400:"#FACC15",500:"#EAB308",600:"#CA8A04",700:"#A16207",800:"#854D0E",900:"#713F12",950:"#422006"},O={50:"#F0FDF4",100:"#DCFCE7",200:"#BBF7D0",300:"#A6E96C",400:"#4ADE80",500:"#22C55E",600:"#16A34A",700:"#15803D",800:"#166534",900:"#14532D",950:"#052E16"},D={50:"#EFF8FF",100:"#0B8AFF",200:"#BFD8FE",300:"#93C5FD",400:"#60A5FA",500:"#3B82F6",600:"#2563EB",700:"#1D4ED8",800:"#1E40AF",900:"#1E3A8A",950:"#172554"},M={50:"#F3F3FF",100:"#F9F9FF",200:"#DDD6FE",300:"#C4B5FD",400:"#A78BFA",500:"#8B5CF6",600:"#7C3AED",700:"#6D28D9",800:"#5B21B6",900:"#4C1D95",950:"#2E1065"},z="scale(1.05)",L="0.2s",W="24px",N="16px",H="8px",P="6px",$="12px",U="10px",G="8px",V="3px",q={large:"22px",xl:"20px",medium:"19px",small:"12px"},Y={large:"12px",medium:"8px",small:"4px"},X="rgba(0, 0, 0, 0.12)",Z=Object.freeze(Object.defineProperty({__proto__:null,ANIMATION_TIME:300,BACKGROUND_SYSTEM:"#F2F2F2",BORDER_COLOR_CARD:X,BORDER_COLOR_LAYOUT:"#E4E6E6",BORDER_RADIUS_ELEMENT:U,BORDER_RADIUS_ELEMENT_ACTION:"24px",BORDER_RADIUS_ELEMENT_MIDDLE:G,BORDER_RADIUS_ELEMENT_SMALL:"6px",BORDER_RADIUS_ELEMENT_TAG:V,BORDER_RADIUS_ELEMENT_WRAPPER:$,FONT_SIZE_ICON:q,FONT_SIZE_LOADING:{large:40,medium:22.5,small:16},GAP_ICON_CONTENT_BY_SIZE:Y,HEIGHT_DEFAULT_TEXT_FIELD_BUTTON:"37.13px",HEIGHT_ELEMENT_OTHER:"36px",HEIGHT_HEADER:57,HEIGHT_IMAGE_DEFAULT:"40px",HEIGHT_LOGO_DEFAULT:"40px",PADDING_GAP_BUTTON:"12px",PADDING_GAP_ITEM:H,PADDING_GAP_ITEM_SMALL:P,PADDING_GAP_LAYOUT:N,PADDING_GAP_TAB:W,PADDING_LAYOUT_HEADER:"8px 12px",SCALE_VALUE:z,TEXT_FIELD:{FONT_SIZE_LABEL:15,FONT_SIZE_TITLE:18,FONT_SIZE_CAPTION:10},TRANSITION_TIME:L,VARIANT_BY_SIZE:{large:"h6",medium:"subtitle1",small:"caption"},WIDTH_COLLAPSE:55,WIDTH_LAYOUT_DESKTOP:"1200px",WIDTH_SIDEBAR:224,WIDTH_SIDEBAR_EXPAND:200,WIDTH_TEXT_FIELD:{large:300,medium:200,small:100}},Symbol.toStringTag,{value:"Module"})),K={primary:"Inter, sans-serif"},Q={"5xl":"48px","4xl":"32px","3xl":"28px","2xl":"24px",xl:"20px",lg:"18px",md:"16px",base:"14px",sm:"12px",xs:"10px"},J={bold:700,semiBold:600,medium:500,regular:400},ee={tight:1.2,normal:1.5,relaxed:1.75,loose:2},oe={normal:"normal",underline:"underline",strikethrough:"line-through"},te=(e,o,t,r)=>({fontFamily:K.primary,fontSize:"number"==typeof e?`${e}px`:e,fontWeight:o??J.regular,lineHeight:t??ee.normal,fontStyle:r??oe.normal}),re={h1:te(Q["5xl"],J.bold),h2:te(Q["4xl"],J.bold),h3:te(Q["3xl"],J.bold),h4:te(Q["2xl"],J.bold),h5:te(Q.xl,J.bold),h6:te(Q.lg,J.bold),body:te(Q.md,J.regular),caption:te(Q.sm,J.regular),text14Medium:te(Q.base,J.medium),text14Regular:te(Q.base,J.regular),text14SemiBold:te(Q.base,J.semiBold),text14Bold:te(Q.base,J.bold),text12Medium:te(Q.sm,J.medium),text12Regular:te(Q.sm,J.regular),text12SemiBold:te(Q.sm,J.semiBold),text12Bold:te(Q.sm,J.bold),text10Medium:te(Q.xs,J.medium),text10Regular:te(Q.xs,J.regular),text10SemiBold:te(Q.xs,J.semiBold),text10Bold:te(Q.xs,J.bold),textFieldLabel:te(Q.base,J.medium,ee.relaxed),textFieldHelper:te(Q.sm,J.regular,ee.relaxed)},ie={"2xl":{regular:{fontFamily:'"Inter",sans-serif',fontWeight:400,fontStyle:"normal",fontSize:"72px",lineHeight:"80px",letterSpacing:"0%",verticalAlign:"middle"},medium:{fontFamily:'"Inter",sans-serif',fontWeight:500,fontStyle:"normal",fontSize:"72px",lineHeight:"80px",letterSpacing:"0%",verticalAlign:"middle"},semiBold:{fontFamily:'"Inter",sans-serif',fontWeight:600,fontStyle:"normal",fontSize:"72px",lineHeight:"80px",letterSpacing:"0%",verticalAlign:"middle"},bold:{fontFamily:'"Inter",sans-serif',fontWeight:700,fontStyle:"normal",fontSize:"72px",lineHeight:"80px",letterSpacing:"0%",verticalAlign:"middle"}},xl:{regular:{fontFamily:'"Inter",sans-serif',fontWeight:400,fontStyle:"normal",fontSize:"60px",lineHeight:"68px",letterSpacing:"0%",verticalAlign:"middle"},medium:{fontFamily:'"Inter",sans-serif',fontWeight:500,fontStyle:"normal",fontSize:"60px",lineHeight:"68px",letterSpacing:"0%",verticalAlign:"middle"},semiBold:{fontFamily:'"Inter",sans-serif',fontWeight:600,fontStyle:"normal",fontSize:"60px",lineHeight:"68px",letterSpacing:"0%",verticalAlign:"middle"},bold:{fontFamily:'"Inter",sans-serif',fontWeight:700,fontStyle:"normal",fontSize:"60px",lineHeight:"68px",letterSpacing:"0%",verticalAlign:"middle"}},lg:{regular:{fontFamily:'"Inter",sans-serif',fontWeight:400,fontStyle:"normal",fontSize:"48px",lineHeight:"56px",letterSpacing:"0%",verticalAlign:"middle"},medium:{fontFamily:'"Inter",sans-serif',fontWeight:500,fontStyle:"normal",fontSize:"48px",lineHeight:"56px",letterSpacing:"0%",verticalAlign:"middle"},semiBold:{fontFamily:'"Inter",sans-serif',fontWeight:600,fontStyle:"normal",fontSize:"48px",lineHeight:"56px",letterSpacing:"0%",verticalAlign:"middle"},bold:{fontFamily:'"Inter",sans-serif',fontWeight:700,fontStyle:"normal",fontSize:"48px",lineHeight:"56px",letterSpacing:"0%",verticalAlign:"middle"}},md:{regular:{fontFamily:'"Inter",sans-serif',fontWeight:400,fontStyle:"normal",fontSize:"36px",lineHeight:"44px",letterSpacing:"0%",verticalAlign:"middle"},medium:{fontFamily:'"Inter",sans-serif',fontWeight:500,fontStyle:"normal",fontSize:"36px",lineHeight:"44px",letterSpacing:"0%",verticalAlign:"middle"},semiBold:{fontFamily:'"Inter",sans-serif',fontWeight:600,fontStyle:"normal",fontSize:"36px",lineHeight:"44px",letterSpacing:"0%",verticalAlign:"middle"},bold:{fontFamily:'"Inter",sans-serif',fontWeight:700,fontStyle:"normal",fontSize:"36px",lineHeight:"44px",letterSpacing:"0%",verticalAlign:"middle"}},sm:{regular:{fontFamily:'"Inter",sans-serif',fontWeight:400,fontStyle:"normal",fontSize:"30px",lineHeight:"38px",letterSpacing:"0%",verticalAlign:"middle"},medium:{fontFamily:'"Inter",sans-serif',fontWeight:500,fontStyle:"normal",fontSize:"30px",lineHeight:"38px",letterSpacing:"0%",verticalAlign:"middle"},semiBold:{fontFamily:'"Inter",sans-serif',fontWeight:600,fontStyle:"normal",fontSize:"30px",lineHeight:"38px",letterSpacing:"0%",verticalAlign:"middle"},bold:{fontFamily:'"Inter",sans-serif',fontWeight:700,fontStyle:"normal",fontSize:"30px",lineHeight:"38px",letterSpacing:"0%",verticalAlign:"middle"}},xs:{regular:{fontFamily:'"Inter",sans-serif',fontWeight:400,fontStyle:"normal",fontSize:"24px",lineHeight:"32px",letterSpacing:"0%",verticalAlign:"middle"},medium:{fontFamily:'"Inter",sans-serif',fontWeight:500,fontStyle:"normal",fontSize:"24px",lineHeight:"32px",letterSpacing:"0%",verticalAlign:"middle"},semiBold:{fontFamily:'"Inter",sans-serif',fontWeight:600,fontStyle:"normal",fontSize:"24px",lineHeight:"32px",letterSpacing:"0%",verticalAlign:"middle"},bold:{fontFamily:'"Inter",sans-serif',fontWeight:700,fontStyle:"normal",fontSize:"24px",lineHeight:"32px",letterSpacing:"0%",verticalAlign:"middle"}},textXl:{regular:{fontFamily:'"Inter",sans-serif',fontWeight:400,fontStyle:"normal",fontSize:"20px",lineHeight:"28px",letterSpacing:"0%",verticalAlign:"middle"},medium:{fontFamily:'"Inter",sans-serif',fontWeight:500,fontStyle:"normal",fontSize:"20px",lineHeight:"28px",letterSpacing:"0%",verticalAlign:"middle"},semiBold:{fontFamily:'"Inter",sans-serif',fontWeight:600,fontStyle:"normal",fontSize:"20px",lineHeight:"28px",letterSpacing:"0%",verticalAlign:"middle"},bold:{fontFamily:'"Inter",sans-serif',fontWeight:700,fontStyle:"normal",fontSize:"20px",lineHeight:"28px",letterSpacing:"0%",verticalAlign:"middle"}},textLg:{regular:{fontFamily:'"Inter",sans-serif',fontWeight:400,fontStyle:"normal",fontSize:"18px",lineHeight:"26px",letterSpacing:"0%",verticalAlign:"middle"},medium:{fontFamily:'"Inter",sans-serif',fontWeight:500,fontStyle:"normal",fontSize:"18px",lineHeight:"26px",letterSpacing:"0%",verticalAlign:"middle"},semiBold:{fontFamily:'"Inter",sans-serif',fontWeight:600,fontStyle:"normal",fontSize:"18px",lineHeight:"26px",letterSpacing:"0%",verticalAlign:"middle"},bold:{fontFamily:'"Inter",sans-serif',fontWeight:700,fontStyle:"normal",fontSize:"18px",lineHeight:"26px",letterSpacing:"0%",verticalAlign:"middle"}},textMd:{regular:{fontFamily:'"Inter",sans-serif',fontWeight:400,fontStyle:"normal",fontSize:"16px",lineHeight:"24px",letterSpacing:"0%",verticalAlign:"middle"},medium:{fontFamily:'"Inter",sans-serif',fontWeight:500,fontStyle:"normal",fontSize:"16px",lineHeight:"24px",letterSpacing:"0%",verticalAlign:"middle"},semiBold:{fontFamily:'"Inter",sans-serif',fontWeight:600,fontStyle:"normal",fontSize:"16px",lineHeight:"24px",verticalAlign:"middle"},bold:{fontFamily:'"Inter",sans-serif',fontWeight:700,fontStyle:"normal",fontSize:"16px",lineHeight:"24px",letterSpacing:"0%",verticalAlign:"middle"}},textSm:{regular:{fontFamily:'"Inter",sans-serif',fontWeight:400,fontStyle:"normal",fontSize:"14px",lineHeight:"22px",letterSpacing:"0%",verticalAlign:"middle"},medium:{fontFamily:'"Inter",sans-serif',fontWeight:500,fontStyle:"normal",fontSize:"14px",lineHeight:"22px",letterSpacing:"0%",verticalAlign:"middle"},semiBold:{fontFamily:'"Inter",sans-serif',fontWeight:600,fontStyle:"normal",fontSize:"14px",lineHeight:"22px",letterSpacing:"0%",verticalAlign:"middle"},bold:{fontFamily:'"Inter",sans-serif',fontWeight:700,fontStyle:"normal",fontSize:"14px",lineHeight:"22px",letterSpacing:"0%",verticalAlign:"middle"}},textXs:{regular:{fontFamily:'"Inter",sans-serif',fontWeight:400,fontStyle:"normal",fontSize:"12px",lineHeight:"20px",letterSpacing:"0%",verticalAlign:"middle"},medium:{fontFamily:'"Inter",sans-serif',fontWeight:500,fontStyle:"normal",fontSize:"12px",lineHeight:"20px",letterSpacing:"0%",verticalAlign:"middle"},semiBold:{fontFamily:'"Inter",sans-serif',fontWeight:600,fontStyle:"normal",fontSize:"12px",lineHeight:"20px",letterSpacing:"0%",verticalAlign:"middle"},bold:{fontFamily:'"Inter",sans-serif',fontWeight:700,fontStyle:"normal",fontSize:"12px",lineHeight:"20px",letterSpacing:"0%",verticalAlign:"middle"}},textSmall:{regular:{fontFamily:'"Inter",sans-serif',fontWeight:400,fontStyle:"normal",fontSize:"10px",lineHeight:"12px",letterSpacing:.1,verticalAlign:"middle"},medium:{fontFamily:'"Inter",sans-serif',fontWeight:500,fontStyle:"normal",fontSize:"10px",lineHeight:"12px",letterSpacing:"0%",verticalAlign:"middle"},semiBold:{fontFamily:'"Inter",sans-serif',fontWeight:600,fontStyle:"normal",fontSize:"10px",lineHeight:"12px",letterSpacing:.1,verticalAlign:"middle"},bold:{fontFamily:'"Inter",sans-serif',fontWeight:700,fontStyle:"normal",fontSize:"10px",lineHeight:"12px",letterSpacing:.1,verticalAlign:"middle"}}},ne=r.styled(o.Stack)(()=>({flexDirection:"row"}));r.styled(o.Stack)(()=>({flexDirection:"row",flexWrap:"wrap"}));const le=r.styled(o.Stack)(()=>({flexDirection:"row",alignItems:"center"}));r.styled(o.Stack)(()=>({flexDirection:"row",alignItems:"flex-end"})),r.styled(o.Stack)(()=>({flexDirection:"row",justifyContent:"center"}));const ae=r.styled(o.Stack)(()=>({flexDirection:"row",justifyContent:"space-around"})),se=r.styled(o.Stack)(()=>({flexDirection:"row",alignItems:"center",justifyContent:"center"})),de=r.styled(o.Stack)(()=>({flexDirection:"row",alignItems:"center",justifyContent:"flex-end"}));r.styled(o.Stack)(()=>({flexDirection:"row",justifyContent:"flex-end"})),r.styled(o.Stack)(()=>({flexDirection:"row",justifyContent:"space-between"}));const ce=r.styled(o.Stack)(()=>({flexDirection:"row",alignItems:"center",justifyContent:"space-between"}));r.styled(o.Stack)(()=>({flexDirection:"row",alignItems:"flex-start",justifyContent:"space-between"})),r.styled(o.Stack)(({theme:e})=>({backgroundColor:e.palette.background.default,padding:N,borderRadius:U})),r.styled(o.Stack)(({theme:e})=>({backgroundColor:e.palette.background.paper,padding:N,borderRadius:U})),r.styled(o.Stack)(()=>({flexDirection:"row",alignItems:"center",marginRight:P,gap:P})),r.styled(o.Stack)(({theme:e})=>({border:`1px solid ${e.palette.common.white}`,borderRadius:"50%",display:"flex",justifyContent:"center",alignItems:"center",background:e.palette.background.paper,width:16,height:16})),r.styled(o.Stack)(({theme:e})=>({borderRadius:V,backgroundColor:e.palette.background.paper,boxShadow:e.shadows[1],width:"fit-content",gap:"unset"})),r.styled(o.TableCell)(({theme:e})=>({[`&.${o.tableCellClasses.head}`]:{backgroundColor:"#008A77",color:e.palette.common.white,fontWeight:600},[`&.${o.tableCellClasses.body}`]:{fontSize:14},"&:first-of-type":{borderBottomLeftRadius:"0 !important"},"&:last-child":{borderBottomRightRadius:"0 !important"}})),r.styled(o.LinearProgress)(({theme:e})=>({height:10,borderRadius:5,[`&.${o.linearProgressClasses.colorPrimary}`]:{backgroundColor:e.palette.grey[200],...e.applyStyles("dark",{backgroundColor:e.palette.grey[800]})},[`& .${o.linearProgressClasses.bar}`]:{borderRadius:5,backgroundColor:e.palette.primary}}));var pe=(e=>(e.CIRCLE="CIRCLE",e.SQUARE="SQUARE",e.FULL_WIDTH="FULL_WIDTH",e))(pe||{});const xe=({isWrap:o=!1,children:t})=>o?e.jsx(ne,{alignItems:"center",className:"jsdsdj",children:t}):e.jsx(e.Fragment,{children:t}),ue=({url:r,onClick:i,sx:n={},isBorder:l=!1,isWrap:a=!1,sizeType:s=pe.CIRCLE,size:d="medium",className:c,style:p})=>{const{palette:x}=o.useTheme(),[u,h]=t.useState(!1);let g=n;i&&(g={...g,cursor:"pointer"});const m=s===pe.CIRCLE?"50%":s===pe.SQUARE?"6px":0;return e.jsxs(xe,{isWrap:a,children:[!u&&e.jsx(o.Skeleton,{variant:"rectangular",sx:{...E[d],borderRadius:m}}),e.jsx(o.Box,{component:"img",src:r,onClick:i,onLoad:()=>h(!0),onError:e=>{e.currentTarget.src="/images/diamond.png"},className:c,style:p,sx:{display:u?"block":"none",...E[d],objectFit:"cover",borderRadius:m,border:l?`1px solid ${x.divider}`:"none",...g}})]})},he=({url:t,size:r="md",border:i=!1,borderColor:n="#C3FFF2",borderWidth:l=4,onClick:a,sx:s={},children:d,...c})=>{const p={width:k(r),height:k(r),borderRadius:"50%",position:"relative",overflow:"hidden",...i&&{border:`${l}px solid ${n}`},...s};return!t&&d?e.jsx(o.Box,{...c,onClick:a,sx:{...p,display:"flex",alignItems:"center",justifyContent:"center",bgcolor:"#EDF2F7",color:"#111827",...a&&{cursor:"pointer"}},children:d}):e.jsxs(o.Box,{sx:p,children:[e.jsx(ue,{...c,url:t||"/images/avatarDefault.png",onClick:a,sx:{width:"100%",height:"100%",...a&&{cursor:"pointer"}}}),d&&e.jsx(o.Box,{sx:{position:"absolute",inset:0,display:"flex",alignItems:"center",justifyContent:"center",pointerEvents:"none"},children:d})]})},ge=({url:r,size:i="md",border:n=!1,borderColor:l="#C3FFF2",borderWidth:a=4,badge:s,badgePosition:d="bottom-right",onClick:c,sx:p={},sxProfile:x={},children:u,...h})=>{const g=s&&t.isValidElement(s)?t.cloneElement(s,{size:i}):s;return e.jsxs(o.Box,{sx:{position:"relative",display:"inline-flex",width:k(i),height:k(i),...p},children:[e.jsx(he,{url:r,size:i,border:n,borderWidth:a,borderColor:l,onClick:c,sx:x,...h,children:u}),g&&e.jsx(o.Box,{sx:{position:"absolute",...F(d)},children:g})]})},me=({icon:t,size:r="medium",color:i,disabled:n,onClick:l,sx:a,fill:s=0})=>{const{palette:d}=o.useTheme();return n&&(l=void 0,i="disabled"),l&&(a={cursor:"pointer","&:hover":{color:i?"none":d.primary.main},...a}),e.jsx(o.Icon,{onClick:l,color:i,sx:{cursor:"inherit",fontSize:q[r],fontVariationSettings:`'FILL' ${s}, 'wght' 100, 'GRAD' 200, 'opsz' 24`,...a},component:"span",className:"material-symbols-rounded",children:t})},_e=({avatars:t=[],maxDisplay:r=10,size:i="md",border:n=!0,borderColor:l="#FFFFFF",borderWidth:a=2,onAddClick:s,overlap:d=8,icon:c,sxAvatar:p,sx:x})=>{const u=t.slice(0,r),h=t.length-r,g=k(i);return e.jsxs(le,{sx:{gap:1,...x},children:[e.jsxs(o.Box,{sx:{display:"flex",alignItems:"center"},children:[u.map((t,r)=>e.jsx(o.Box,{sx:{marginLeft:r>0?`-${d}px`:0,position:"relative"},children:e.jsx(ge,{url:t.url,size:i,border:n,borderColor:l,borderWidth:a,sx:p})},t.id||r)),h>0&&e.jsxs(o.Box,{sx:{marginLeft:`-${d}px`,position:"relative",color:"#07554B",backgroundColor:"#EDFFFA",width:g,height:g,display:"flex",alignItems:"center",justifyContent:"center",border:"2px solid #ffffff",borderRadius:"50%",...ie.textMd.medium},children:["+",h]})]}),c&&e.jsx(o.Box,{sx:{width:g,height:g,borderRadius:"50%",border:"2px dashed #D1D5DB",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",transition:"all 0.2s","&:hover":{borderColor:"primary.main"}},onClick:s,children:e.jsx(me,{icon:c,sx:{color:"primary.main"}})})]})},fe=({content:t,sx:r={},...i})=>{return e.jsx(o.Typography,{sx:{...(n=1,{display:"-webkit-box",overflow:"hidden",WebkitBoxOrient:"vertical",WebkitLineClamp:n}),...r},...i,children:t});var n},be={">":"/images/icon/chevron-right.svg","/":"/images/icon/slash-separator.svg"},ye={light:100,main:500,dark:700},Ce={xs:{padding:"6px 12px",fontSize:"10px",height:"28px"},sm:{padding:"8px 16px",fontSize:"12px",height:"32px"},md:{padding:"16px 28px",fontSize:"14px",height:"60px",width:"192px"},lg:{padding:"12px 24px",fontSize:"16px",height:"44px"},xl:{padding:"14px 32px",fontSize:"18px",height:"48px"}},Se={brand:B,neutral:w,error:A,warning:R,success:O,accent:M,info:D},ve={ACTIVE_DOT_SIZE:8,ACTIVE_DOT_MARGIN_RIGHT:8,SPINNER_SIZE:16,GAP:12,BORDER_RADIUS:8,TRANSITION_DURATION:"0.3s"},ke={HOVER_TRANSLATE_Y:"-2px",ACTIVE_TRANSLATE_Y:"0",BOX_SHADOW:"0 4px 12px rgba(0, 0, 0, 0.15)",FOCUS_OFFSET:"2px"},Ie=({variant:t="solid",color:r="brand",shade:i="dark",size:n="md",prefix:l,suffix:a,prefixIcon:s,suffixIcon:d,iconStyle:c,loading:p=!1,children:x,fullWidth:u=!1,disabled:h=!1,active:g=!1,activeDotColor:m="#10b981",sx:_,...f})=>{const b=((e,o,t,r,i)=>{const n=Se[o],l=Ce[r]||Ce.md;let a;a="number"==typeof t?n[t]||n[700]:n[ye[t]||700];const s=n[100],d={padding:l.padding,height:l.height,fontSize:l.fontSize,width:i?"100%":l.width||"auto",fontFamily:re.body.fontFamily,fontWeight:re.body.fontWeight,borderRadius:`${ve.BORDER_RADIUS}px`,gap:`${ve.GAP}px`,textTransform:"none",transition:`all ${ve.TRANSITION_DURATION} ease`,"&:hover":{transform:`translateY(${ke.HOVER_TRANSLATE_Y})`,boxShadow:ke.BOX_SHADOW},"&:active":{transform:`translateY(${ke.ACTIVE_TRANSLATE_Y})`},"&:focus-visible":{outline:`2px solid ${a}`,outlineOffset:ke.FOCUS_OFFSET}},c={solid:{backgroundColor:a,color:"#ffffff","&:hover":{...d["&:hover"],backgroundColor:a},"&:focus-visible":{...d["&:focus-visible"],outline:"2px solid #ffffff"}},outline:{backgroundColor:"transparent",color:a,border:`2px solid ${a}`,"&:hover":{...d["&:hover"],backgroundColor:"transparent",border:`2px solid ${a}`}},ghost:{backgroundColor:s,color:a,"&:hover":{...d["&:hover"],backgroundColor:s}},text:{backgroundColor:"transparent",color:a,border:"none","&:hover":{...d["&:hover"],backgroundColor:"transparent"}}};return{...d,...c[e]}})(t,r,i,n,u),y=p?e.jsx(o.CircularProgress,{size:ve.SPINNER_SIZE,sx:{color:w[50]}}):s?e.jsx(me,{icon:s,sx:c}):l||null,C=d?e.jsx(me,{icon:d,sx:c}):a||null,S=!x&&!g&&(y||C),v=g?e.jsx("span",{style:{width:`${ve.ACTIVE_DOT_SIZE}px`,height:`${ve.ACTIVE_DOT_SIZE}px`,borderRadius:"50%",backgroundColor:m,display:"inline-block",flexShrink:0,marginRight:`${ve.ACTIVE_DOT_MARGIN_RIGHT}px`}}):null;return e.jsx(o.Button,{sx:{...b,..._},disabled:h||p,fullWidth:u,startIcon:S?void 0:y,endIcon:S?void 0:C,...f,children:S?e.jsxs(e.Fragment,{children:[y,C]}):e.jsxs(e.Fragment,{children:[v,x]})})},Fe={default:{border:"#D0D5DD",background:"#FFFFFF",hoverBg:"#F0FDF9"},checked:{border:"#07554B",filledBg:"#07554B",outlinedBg:"#FFFFFF",icon:"#FFFFFF"},disabled:{border:"#E4E7EC",background:"#F2F4F7",icon:"#98A2B3"}},je={default:"#344054",disabled:"#D0D5DD"},Ee={small:{boxSize:16,iconSize:14,titleFontSize:14,titleFontWeight:500},medium:{boxSize:20,iconSize:16,titleFontSize:16,titleFontWeight:600}},Be=({checked:t=!1,disabled:r=!1,shape:i="square",size:s="medium",variant:d="filled",iconType:c="check",title:p,children:x,onChange:u,sxCheckbox:h,sxLabel:g,sx:m})=>{const _=Ee[s],f="filled"===d,b=()=>{r||u?.(!t)},y=r?Fe.disabled.background:t?f?h?.backgroundColor||Fe.checked.filledBg:Fe.checked.outlinedBg:Fe.default.background,C=r?Fe.disabled.border:t?h?.borderColor||Fe.checked.border:Fe.default.border,S=r?Fe.disabled.icon:h?.color?h.color:f?Fe.checked.icon:Fe.checked.border,v=e.jsx(se,{role:"checkbox",tabIndex:r?-1:0,"aria-checked":t,onClick:b,onKeyDown:e=>{r||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),b())},sx:{width:_.boxSize,height:_.boxSize,cursor:r?"not-allowed":"pointer",userSelect:"none",borderRadius:"circle"===i?"50%":`calc(${G} / 2)`,border:`1px solid ${C}`,backgroundColor:y,transition:`all ${L} ease`,...!r&&(!t||!f)&&{"&:hover":{borderColor:h?.backgroundColor||Fe.checked.border,backgroundColor:Fe.default.hoverBg}},"&:focus-visible":{outline:"none",boxShadow:"0 0 0 3px rgba(14, 147, 132, 0.25)"},...r&&{opacity:.4},...h},children:(()=>{if(!t)return null;const o={width:_.iconSize,height:_.iconSize,color:S};switch(c){case"check":return e.jsx(n,{sx:o});case"minus":return e.jsx(l,{sx:o});case"dot":return e.jsx(a,{sx:{...o,width:_.iconSize-3,height:_.iconSize-3}});case"custom":return x;default:return null}})()});return p?e.jsxs(le,{gap:H,onClick:b,sx:{cursor:r?"not-allowed":"pointer",...m},children:[v,e.jsx(o.Typography,{fontSize:_.titleFontSize,fontWeight:_.titleFontWeight,color:r?je.disabled:je.default,sx:{userSelect:"none",...g},children:p})]}):v},we={small:{titleFontSize:14,titleFontWeight:500,contentFontSize:14,lineHeight:"20px"},medium:{titleFontSize:16,titleFontWeight:600,contentFontSize:16,lineHeight:"24px"}},Te={WITH_ICON_LEFT:"4px 8px 4px 4px",WITH_ICON_RIGHT:"4px 4px 4px 8px",NO_ICON:"4px 8px"},Ae={small:{height:24,fontSize:"12px",borderRadius:"12px",iconSize:"16px"},medium:{height:32,fontSize:"14px",borderRadius:"16px",iconSize:"18px"},large:{height:40,fontSize:"16px",borderRadius:"20px",iconSize:"22px"}},Re=(e,o)=>e?"left"===o?Te.WITH_ICON_LEFT:Te.WITH_ICON_RIGHT:Te.NO_ICON,Oe=({icon:t,size:r,sxIcon:i})=>e.jsx(o.Box,{sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",borderRadius:"50%",padding:"2px","& svg":{width:r,height:r,display:"block"},...i},children:t}),De="#FFFFFF";var Me=(e=>(e.SQUARE="4px",e.CIRCLE="20px",e))(Me||{}),ze=(e=>(e.SQUARE="square",e.CIRCLE="circle",e))(ze||{}),Le=(e=>(e.HORIZONTAL="horizontal",e.VERTICAL="vertical",e))(Le||{}),We=(e=>(e[e.SMALL=32]="SMALL",e[e.MEDIUM=40]="MEDIUM",e))(We||{});const Ne={BORDER_COLOR_BUTTON:"#07554B",BORDER_COLOR_DISABLE:"#0000000D",HOVER_BG_COLOR:"rgba(7, 85, 75, 0.04)",BACKGROUND_COLOR:"#FFFFFF",TEXT_COLOR_READONLY:"#27272A"},He={large:40},Pe=({orientation:t,buttonShape:r})=>e.jsxs(o.Box,{display:"inline-flex",flexDirection:t===Le.HORIZONTAL?"row":"column",alignItems:"center",gap:1,children:[e.jsx(o.Skeleton,{variant:r===ze.CIRCLE?"circular":"rectangular",width:He.large,height:He.large,sx:{borderRadius:r===ze.CIRCLE?Me.CIRCLE:Me.SQUARE,maxHeight:He.large}}),e.jsx(o.Skeleton,{width:He.large,sx:{borderRadius:"20px"}}),e.jsx(o.Skeleton,{variant:r===ze.CIRCLE?"circular":"rectangular",width:He.large,height:He.large,sx:{borderRadius:r===ze.CIRCLE?Me.CIRCLE:Me.SQUARE,maxHeight:He.large}})]}),$e=({onClick:t,sx:r={},target:i="_self",...n})=>e.jsx(o.Link,{target:i,rel:"noopener",sx:{textDecoration:"none",color:"unset",...r},onClick:e=>{t&&(e.preventDefault(),t())},...n}),Ue=r.styled(x)(({theme:e})=>({"& .MuiOutlinedInput-root":{"& fieldset":{borderColor:w[300]},"&:hover fieldset":{borderColor:w[400]},"&.Mui-focused fieldset":{borderColor:w[300],borderWidth:"2px"},"&.Mui-focused":{boxShadow:"0 1px 2px 0 rgba(10, 13, 18, 0.05), 0 0 0 4px #FEE4E2"},"&.Mui-disabled":{backgroundColor:w[100],"& fieldset":{borderColor:w[200]},"& input":{color:w[400],WebkitTextFillColor:w[400]}},"&.Mui-error fieldset":{borderColor:A[600],borderWidth:"1px"},"&.Mui-error:hover fieldset":{borderColor:A[600]},"&.Mui-error.Mui-focused fieldset":{borderColor:A[600],borderWidth:"2px"},"&.Mui-error.Mui-focused":{boxShadow:"0 1px 2px 0 rgba(10, 13, 18, 0.05), 0 0 0 4px rgba(255, 66, 79, 0.15)"}},"& .MuiInputBase-input":{...re.text14Regular,padding:"8px 10px",color:T[900],"&::placeholder":{color:w[400],opacity:.7},"&:focus":{outline:"none"}},"& .MuiInputLabel-root":{...re.textFieldLabel,color:T[800],transform:"translate(14px, -9px) scale(0.75)","&.Mui-focused":{color:w[500]},"&.Mui-error":{color:A[600]}},"& .MuiFormHelperText-root":{...re.textFieldHelper,margin:"4px 0 0 0","&.Mui-error":{color:A[600]}}})),Ge={check_circle:"#10B981",warning:"#F59E0B",error:"#EF4444",info:"#3B82F6"},Ve=({content:t})=>e.jsx(o.Typography,{sx:{...ie.textLg.semiBold,color:"#101828"},children:t}),qe=({content:t})=>e.jsx(o.Typography,{sx:{...ie.textSm.regular,color:"#667085"},children:t}),Ye=({type:t,size:r=48})=>e.jsx(o.Box,{sx:{width:r,height:r,borderRadius:"28px",bgcolor:`${Ge[t]}20`,display:"flex",alignItems:"center",justifyContent:"center"},children:e.jsx(me,{icon:t,sx:{fontSize:.6*r,color:Ge[t],flex:1}})}),Xe=({isForm:o=!1,children:r})=>o?e.jsx(u.Form,{noValidate:!0,children:r}):e.jsx(t.Fragment,{children:r}),Ze=["USD","EUR","GBP","JPY","AUD","CAD","CHF","CNY","VND","INR"],Ke=e=>{if(!e)return"";return e.replace(/\D/g,"").replace(/\B(?=(\d{3})+(?!\d))/g,",")},Qe=r.styled(x)(({theme:e})=>({"& .MuiOutlinedInput-root":{"& fieldset":{borderColor:w[300]},"&:hover fieldset":{borderColor:w[400]},"&.Mui-focused fieldset":{borderColor:w[300],borderWidth:"2px"},"&.Mui-focused":{boxShadow:"0 1px 2px 0 rgba(10, 13, 18, 0.05), 0 0 0 4px #FEE4E2"},"&.Mui-disabled":{backgroundColor:w[100],"& fieldset":{borderColor:w[200]},"& input":{color:w[400],WebkitTextFillColor:w[400]}},"&.Mui-error fieldset":{borderColor:A[600],borderWidth:"1px"},"&.Mui-error:hover fieldset":{borderColor:A[600]},"&.Mui-error.Mui-focused fieldset":{borderColor:A[600],borderWidth:"2px"},"&.Mui-error.Mui-focused":{boxShadow:"0 1px 2px 0 rgba(10, 13, 18, 0.05), 0 0 0 4px rgba(255, 66, 79, 0.15)"}},"& .MuiInputBase-input":{...re.text14Regular,padding:"8px 10px",color:T[900],"&::placeholder":{color:w[400],opacity:.7},"&:focus":{outline:"none"}},"& .MuiInputLabel-root":{...re.textFieldLabel,color:T[800],transform:"translate(14px, -9px) scale(0.75)","&.Mui-focused":{color:w[500]},"&.Mui-error":{color:A[600]}},"& .MuiFormHelperText-root":{...re.textFieldHelper,margin:"4px 0 0 0","&.Mui-error":{color:A[600]}}})),Je=[{code:"US",name:"United States",flag:"🇺🇸",value:"+1"},{code:"GB",name:"United Kingdom",flag:"🇬🇧",value:"+44"},{code:"CA",name:"Canada",flag:"🇨🇦",value:"+1"},{code:"AU",name:"Australia",flag:"🇦🇺",value:"+61"},{code:"VN",name:"Vietnam",flag:"🇻🇳",value:"+84"},{code:"JP",name:"Japan",flag:"🇯🇵",value:"+81"},{code:"CN",name:"China",flag:"🇨🇳",value:"+86"},{code:"IN",name:"India",flag:"🇮🇳",value:"+91"},{code:"DE",name:"Germany",flag:"🇩🇪",value:"+49"},{code:"FR",name:"France",flag:"🇫🇷",value:"+33"}],eo=r.styled(x)(()=>({"& .MuiOutlinedInput-root":{"& fieldset":{borderColor:w[300]},"&:hover fieldset":{borderColor:w[400]},"&.Mui-focused fieldset":{borderColor:w[300],borderWidth:"2px"},"&.Mui-focused":{boxShadow:"0 1px 2px 0 rgba(10, 13, 18, 0.05), 0 0 0 4px #FEE4E2"},"&.Mui-disabled":{backgroundColor:w[100],"& fieldset":{borderColor:w[200]},"& input":{color:w[400],WebkitTextFillColor:w[400]}},"&.Mui-error fieldset":{borderColor:A[600],borderWidth:"1px"},"&.Mui-error:hover fieldset":{borderColor:A[600]},"&.Mui-error.Mui-focused fieldset":{borderColor:A[600],borderWidth:"2px"},"&.Mui-error.Mui-focused":{boxShadow:"0 1px 2px 0 rgba(10, 13, 18, 0.05), 0 0 0 4px rgba(255, 66, 79, 0.15)"}},"& .MuiInputBase-input":{...re.text14Regular,padding:"8px 10px",color:T[900],"&::placeholder":{color:w[400],opacity:.7},"&:focus":{outline:"none"}},"& .MuiInputLabel-root":{...re.textFieldLabel,color:T[800],transform:"translate(14px, -9px) scale(0.75)","&.Mui-focused":{color:w[500]},"&.Mui-error":{color:A[600]}},"& .MuiFormHelperText-root":{...re.textFieldHelper,margin:"4px 0 0 0","&.Mui-error":{color:A[600]}}})),oo={sm:{width:40,height:40,fontSize:18},md:{width:48,height:48,fontSize:20},lg:{width:56,height:56,fontSize:24}},to={sm:8,md:12,lg:16},ro=o.styled(o.Autocomplete)(()=>({"& .MuiOutlinedInput-root":{padding:"4px 10px !important",display:"flex",alignItems:"center",gap:"4px","& fieldset":{borderColor:w[300]},"&:hover fieldset":{borderColor:w[400]},"&.Mui-focused fieldset":{borderColor:w[300]+" !important",borderWidth:"1.5px"},"&.Mui-disabled":{backgroundColor:w[100],"& fieldset":{borderColor:w[200]}},"&.Mui-error fieldset":{borderColor:A[500]},"&.Mui-success fieldset":{borderColor:O[500]}},"& .MuiInputBase-input":{padding:"4px 4px !important",fontSize:"14px",flex:1,minWidth:"60px","&::placeholder":{color:w[400],opacity:1},"&.Mui-disabled":{color:w[400],WebkitTextFillColor:w[400]}},"& .MuiAutocomplete-endAdornment":{paddingRight:"4px"},"& .MuiAutocomplete-tag":{backgroundColor:M[50],border:`1px solid ${M[200]}`,color:M[900],fontSize:"12px",margin:"2px","& .MuiChip-deleteIcon":{color:M[400],"&:hover":{color:M[600]}}},"& .search-dropdown-limit-badge":{backgroundColor:M[50],border:`1px solid ${M[200]}`,color:M[700],...ie.textSmall.semiBold,margin:"2px"}})),io=o.styled(o.Autocomplete)(({theme:e})=>({"& .MuiOutlinedInput-root":{padding:"0 !important",display:"flex",alignItems:"center",gap:"8px","& fieldset":{borderColor:w[300]},"&:hover fieldset":{borderColor:w[400]},"&.Mui-focused fieldset":{borderColor:w[300]+" !important"},"&.Mui-disabled":{backgroundColor:w[100],"& fieldset":{borderColor:w[200]}}},"& .MuiInputBase-input":{padding:"8px 8px 8px 0 !important",fontSize:"14px",flex:1,"&::placeholder":{color:w[400],opacity:1},"&.Mui-disabled":{color:w[400],WebkitTextFillColor:w[400]}},"& .MuiAutocomplete-endAdornment":{paddingRight:"8px"}})),no={small:{width:"36px",height:"20px",thumbSize:"16px"},medium:{width:"44px",height:"24px",thumbSize:"20px"}},lo={dark:{trackBackgroundColor:"#F2F4F7",trackHoverColor:"#EAECF0",trackCheckedColor:"#07554B",thumbFocusColor:"#F4EBFF"},light:{trackBackgroundColor:"#F9F5FF",trackHoverColor:"#F4EBFF",trackCheckedColor:"#E9D7FE",thumbFocusColor:"#F4EBFF"}},ao=o.styled(o.Switch,{shouldForwardProp:e=>"size"!==e})(({theme:e,size:o="medium"})=>{const t=e.palette.mode,{width:r,height:i,thumbSize:n}=no[o],{trackBackgroundColor:l,trackHoverColor:a,trackCheckedColor:s,thumbFocusColor:d}=lo[t]||lo.light;return{width:r,height:i,padding:0,"& .MuiSwitch-switchBase":{padding:0,margin:2,transitionDuration:"300ms","&.Mui-checked":{transform:`translateX(${"small"===o?"16px":"20px"})`,color:"#FFFFFF","& + .MuiSwitch-track":{backgroundColor:s,opacity:1,border:0}},"&.Mui-focusVisible .MuiSwitch-thumb":{color:d,border:"6px solid #fff",boxShadow:"0 0 0 4px #F4EBFF"},"&.Mui-disabled .MuiSwitch-thumb":{color:"#FFFFFF"},"&.Mui-disabled + .MuiSwitch-track":{backgroundColor:l}},"& .MuiSwitch-thumb":{boxSizing:"border-box",width:n,height:n},"& .MuiSwitch-track":{borderRadius:13,backgroundColor:l,opacity:1,transition:e.transitions.create(["background-color"],{duration:500}),"&:hover":{backgroundColor:a}}}}),so=({title:o,sx:t,...r})=>o?e.jsxs(de,{sx:{display:"inline-flex",alignItems:"center",gap:"12px",...t},children:[e.jsx(ao,{disableRipple:!0,...r}),o]}):e.jsx(ao,{disableRipple:!0,...r});var co=(e=>(e.AUTO="auto",e.ON="on",e.OFF="off",e))(co||{});const po={position:"relative",padding:"18px 16px",cursor:"pointer",minHeight:44,"&:hover":{bgcolor:"#F3F4F6"}},xo={width:"1px",alignSelf:"stretch",bgcolor:"#E5E7EB"},uo={display:"flex",alignItems:"center",borderBottom:"2px solid #E5E7EB"},ho={position:"absolute",bottom:-2,left:0,right:0,height:"2px",bgcolor:"#0F766E"},go={position:"relative",padding:"10px",cursor:"pointer",minHeight:40,"&:hover":{bgcolor:"#F3F4F6"},width:"100%"},mo={position:"absolute",inset:0,bgcolor:"#E6EEED",borderRadius:1};var _o=(e=>(e.ACTIVE_TEXT="#0F766E",e.INACTIVE_TEXT="#6B7280",e.HOVER_BACKGROUND="#F3F4F6",e.MENU_ACTIVE_BACKGROUND="#E0F2FE",e))(_o||{});const fo=r.styled(x)(({theme:e})=>({"& .MuiOutlinedInput-root":{"& fieldset":{borderColor:w[300]},"&:hover fieldset":{borderColor:w[400]},"&.Mui-focused fieldset":{borderColor:w[300],borderWidth:"2px"},"&.Mui-focused":{boxShadow:"0 1px 2px 0 rgba(10, 13, 18, 0.05), 0 0 0 4px #FEE4E2"},"&.Mui-disabled":{backgroundColor:w[100],"& fieldset":{borderColor:w[200]},"& input":{color:w[400],WebkitTextFillColor:w[400]}},"&.Mui-error fieldset":{borderColor:A[500],borderWidth:"1px"},"&.Mui-error:hover fieldset":{borderColor:A[500]},"&.Mui-error.Mui-focused fieldset":{borderColor:A[500],borderWidth:"2px"},"&.Mui-error.Mui-focused":{boxShadow:"0 1px 2px 0 rgba(10, 13, 18, 0.05), 0 0 0 4px rgba(255, 66, 79, 0.15)"}},"& .MuiInputBase-input":{...re.text14Regular,padding:"8px 10px",color:T[900],"&::placeholder":{color:w[400],opacity:.7},"&:focus":{outline:"none"}},"& .MuiInputLabel-root":{...re.textFieldLabel,color:T[800],transform:"translate(14px, -9px) scale(0.75)","&.Mui-focused":{color:w[500]},"&.Mui-error":{color:A[600]}},"& .MuiFormHelperText-root":{...re.textFieldHelper,margin:"4px 0 0 0","&.Mui-error":{color:A[600]}}})),bo={progressBar:{position:"absolute",top:0,left:0,height:"100%",backgroundColor:T[200],opacity:.8,transition:"width 0.3s ease, opacity 0.3s ease",animation:"wave 1.5s linear infinite","@keyframes wave":{"0%":{backgroundPosition:"0% 0%"},"50%":{backgroundPosition:"100% 0%"},"100%":{backgroundPosition:"0% 0%"}}},imageIcon:{width:"40px",height:"40px",flexShrink:0,position:"relative",zIndex:1},contentBox:{flexGrow:1,minWidth:0,position:"relative",zIndex:1},textBox:{minWidth:0,flexGrow:1,mr:2},actionBox:{flexShrink:0,display:"flex",alignItems:"center",position:"relative",zIndex:1},linearProgress:{mt:1,width:"100%"}},yo=["mp4","mov","avi","wmv","flv","mkv","webm"],Co="/images/icon/film.svg",So="/images/icon/file.svg",vo=e=>{if(0===e)return"0 Bytes";const o=Math.floor(Math.log(e)/Math.log(1024));return parseFloat((e/Math.pow(1024,o)).toFixed(2))+" "+["Bytes","KB","MB","GB","TB"][o]},ko=({file:r,progress:i=0,status:n="pending",onDelete:l,onRetry:a,isProcess:s=!0,borderSuccess:d,borderError:c=A[600],sx:p})=>{const x=t.useMemo(()=>(e=>{const o=e.split(".").pop()?.toLowerCase();return o&&yo.includes(o)?Co:So})(r.name),[r.name]),u="success"===n,h="failed"===n,g="uploading"===n,m=h?String(c):u&&d?String(d):"#e0e0e0",_=h?String(c):"#737373",y=h?String(c):"#a3a3a3";return e.jsxs(o.Box,{sx:{display:"flex",alignItems:"flex-start",padding:"16px",border:"1px solid",borderColor:m,borderRadius:"8px",gap:"16px",position:"relative",overflow:"hidden",transition:"background-color 0.3s ease",backgroundColor:"background.paper",...p},children:[!s&&g&&!u&&!h&&e.jsx(o.Box,{sx:{...bo.progressBar,width:`${i}%`}}),e.jsx(o.Box,{component:"img",src:x,alt:"file icon",sx:bo.imageIcon}),e.jsxs(o.Box,{sx:bo.contentBox,children:[e.jsxs(ce,{children:[e.jsxs(o.Box,{sx:bo.textBox,children:[e.jsx(o.Typography,{noWrap:!0,title:r.name,sx:{...re.text14Medium,color:_},children:r.name}),e.jsxs(o.Typography,{sx:{...re.text14Regular,color:y},children:[vo(r.size),g&&!u?` • ${Math.round(i)}% uploaded`:h?" • Upload failed":""]})]}),e.jsxs(o.Box,{sx:bo.actionBox,children:[!s&&g&&!u&&e.jsx(o.Box,{sx:{position:"relative",display:"inline-flex",mr:1},children:e.jsx(o.CircularProgress,{variant:"determinate",value:i,color:"success",size:24})}),u&&e.jsx(f,{color:"success",sx:{mr:1}}),h&&a&&e.jsx(o.IconButton,{size:"small",onClick:a,title:"Retry upload",children:e.jsx(b,{fontSize:"small",sx:{color:c}})}),!h&&l&&e.jsx(o.IconButton,{size:"small",onClick:l,children:e.jsx(me,{icon:"delete"})})]})]}),s&&g&&e.jsx(o.Box,{sx:bo.linearProgress,children:e.jsx(o.LinearProgress,{variant:"determinate",value:i,color:"success",sx:{height:8,borderRadius:4}})})]})]})},Io=40,Fo=5,jo=320,Eo=100,Bo=`1px solid ${w[200]}`,wo=({value:e,options:o,onChange:r,itemHeight:i=Io})=>{const n=t.useRef(null);t.useEffect(()=>{const t=n.current,r=o.findIndex(o=>o.value===e);if(!t||-1===r)return;Math.round(t.scrollTop/i)%o.length!==r&&(t.scrollTop=r*i)},[e,o,i]);const l=o.findIndex(o=>o.value===e);return{scrollRef:n,handleScroll:t=>{if(!n.current)return;let l=n.current.scrollTop;const a=Math.round(l/i)%o.length,s=o[a];s&&s.value!==e&&r(s.value)},activeIndex:l,scrollToValue:e=>{if(!n.current)return;const t=o.findIndex(o=>o.value===e);if(-1===t)return;let r=t*i;n.current.scrollTo({top:r,behavior:"smooth"})}}},To=({options:t,value:r,onChange:i,width:n=100,showScrollbar:l=!1,sx:a})=>{const{scrollRef:s,handleScroll:d,activeIndex:c,scrollToValue:p}=wo({value:r,options:t,onChange:i}),x=Io,u=Math.floor(Fo/2)*x;return e.jsx(ne,{sx:{height:x*Fo,overflow:"hidden",position:"relative",width:n,minWidth:"60px",...a},children:e.jsx(_.motion.div,{ref:s,onScroll:d,style:{height:"100%",overflowY:"auto",scrollSnapType:"y mandatory",scrollbarWidth:l?"auto":"none",paddingTop:u,paddingBottom:u},initial:{opacity:0},animate:{opacity:1},transition:{duration:.3},children:t.map((r,i)=>{const n=i%t.length===c;return e.jsx(se,{sx:{height:x,scrollSnapAlign:"center",cursor:"pointer",transition:`all ${L}`,paddingX:H},onClick:()=>p(r.value),children:e.jsx(o.Typography,{sx:{...ie.textMd.bold,color:n?w[800]:w[300],transition:`color ${L}, font-weight ${L}`,whiteSpace:"nowrap",transform:n?z:"scale(1)"},children:r.label})},`${r.value}-${i}`)})})})},Ao={xs:48,sm:56,md:64,lg:72,xl:80,"2xl":88},Ro="#FFFFFF",Oo="linear-gradient(to top, rgba(0,0,0,0.7), transparent)",Do="rgba(255, 255, 255, 0.3)",Mo="rgba(255, 255, 255, 0.5)",zo="rgba(255,255,255,0.2)",Lo="rgba(255,255,255,0.3)",Wo=e=>{if(!Number.isFinite(e)||isNaN(e)||e<0)return"0:00";const o=Math.floor(e/60),t=Math.floor(e%60);if(o>=60){return`${Math.floor(o/60)}:${(o%60).toString().padStart(2,"0")}:${t.toString().padStart(2,"0")}`}return`${o}:${t.toString().padStart(2,"0")}`},No=e=>{const o=e.match(/(?:youtube\.com\/(?:[^\/]+\/.+\/|(?:v|e(?:mbed)?)\/|.*[?&]v=)|youtu\.be\/)([^"&?\/\s]{11})/i);return o?`https://www.youtube.com/embed/${o[1]}`:""},Ho=e=>{const o=e.toLowerCase();return o.endsWith(".webm")?"video/webm":o.endsWith(".ogg")||o.endsWith(".ogv")?"video/ogg":(o.endsWith(".mp4"),"video/mp4")};exports.ACCESSIBILITY=ke,exports.AVATAR_SIZES=y,exports.AvatarColor=j,exports.AvatarComponent=ge,exports.AvatarGroupComponent=_e,exports.AvatarLabelGroupComponent=({title:t,description:r,url:i,size:n="md",border:l,borderColor:a,borderWidth:s,badge:d,badgePosition:c,onClick:p,sx:x,sxAvatar:u,children:h,...g})=>e.jsxs(o.Stack,{direction:"row",alignItems:"center",sx:{gap:U,...x},children:[e.jsx(ge,{url:i,size:n,border:l,borderColor:a,borderWidth:s,badge:d,badgePosition:c,onClick:p,sx:u,...g,children:h}),e.jsxs(o.Stack,{sx:{gap:0},children:[e.jsx(o.Typography,{noWrap:!0,sx:{...ie.textSm.semiBold,color:j.COLOR_TITLE},children:t}),e.jsx(o.Typography,{noWrap:!0,sx:{...ie.textXs.regular,color:j.COLOR_DESCRIPTION},children:r})]})]}),exports.AvatarProfileComponent=he,exports.AvatarUserComponent=({title:t,description:r,descriptionHref:n,onDescriptionClick:l,titleColor:a="#414651",descriptionColor:s="#535862",url:d,onClick:c,size:p=160,sx:x})=>e.jsxs(o.Stack,{sx:{gap:1,...x},children:[e.jsx(ue,{sx:{width:k(p),height:k(p),...c&&{cursor:"pointer"}},url:d||"/images/avatarDefault.png",sizeType:pe.SQUARE}),e.jsxs(o.Stack,{sx:{gap:0},children:[e.jsx(fe,{sx:{...ie.textLg.semiBold,color:a},content:t}),r&&e.jsxs(o.Link,{href:n,onClick:l,sx:{display:"flex",alignItems:"center",gap:.5,textDecoration:"underline",color:s,...ie.textSm.regular,cursor:"pointer","&:hover":{opacity:.8}},children:[e.jsx(i,{sx:{fontSize:16,color:s}}),r]})]})]}),exports.BADGE_FONT_SIZES=S,exports.BADGE_SIZES=C,exports.BORDER_TEXT_FIELD_LOADING=20,exports.BUTTON_CONSTANTS=ve,exports.BadgeImage=({url:t,size:r="md"})=>e.jsx(o.Box,{component:"img",src:t,alt:"badge",sx:{width:C[I(r)],height:C[I(r)],borderRadius:"50%",objectFit:"cover",display:"flex",alignItems:"center",justifyContent:"center"}}),exports.BadgeLive=({text:t="LIVE",size:r="md"})=>{const{typography:i}=o.useTheme();return e.jsx(o.Box,{sx:{bgcolor:j.BACKGROUND_COLOR_BADGE,color:j.COLOR_BADGE,borderRadius:"12px",padding:"3px 6px",fontSize:S[I(r)],fontWeight:i.body2.fontWeight},children:t})},exports.BadgeNumber=({number:t,size:r="md"})=>{const{typography:i}=o.useTheme();return e.jsx(o.Box,{sx:{bgcolor:j.BACKGROUND_COLOR_BADGE,color:j.COLOR_BADGE,borderRadius:"50%",width:C[I(r)],height:C[I(r)],display:"flex",alignItems:"center",justifyContent:"center",fontSize:S[I(r)],fontWeight:i.h2.fontWeight},children:t})},exports.BadgeOnline=({size:t="md"})=>e.jsx(o.Box,{sx:{width:C[I(t)],height:C[I(t)],borderRadius:"50%",bgcolor:"#4CAF50",border:"2px solid white"}}),exports.BorderRadius=Me,exports.BreadcrumbsComponent=({items:r,separator:i=">",maxItems:n=5,idSelect:l,sx:a,sxItem:s,onChange:d})=>{const[c,p]=t.useState(null),x=r.length>n,u=x?[r[0],...r.slice(-2)]:r,h=x?r.slice(1,-2):[],g=()=>{p(null)},m=t=>{const r=t.id===l;return e.jsxs(o.Link,{href:t.href,onClick:e=>{t.onClick&&(e.preventDefault(),t.onClick()),d&&d(t.id)},sx:{display:"flex",alignItems:"center",gap:Y.medium,...ie.textSm.semiBold,color:r?"#000000":"#676E76",cursor:"pointer",textDecoration:"none",...s},children:[t.icon&&e.jsx(me,{icon:t.icon}),t.label]},t.id)},_=()=>e.jsx(ue,{sx:{width:14,height:14},url:be[i]});return e.jsxs(t.Fragment,{children:[e.jsx(o.Breadcrumbs,{"aria-label":"breadcrumb",sx:{...a},children:x?e.jsxs(le,{sx:{gap:Y.small},children:[m(r[0]),_(),e.jsx(o.IconButton,{size:"small",onClick:e=>{p(e.currentTarget)},sx:{p:0,mt:"auto"},children:e.jsx(me,{icon:"more_horiz"})}),_(),u.slice(1).map((o,r)=>e.jsxs(t.Fragment,{children:[r>0&&_(),m(o)]},o.id))]}):r.map(e=>m(e))}),e.jsx(o.Menu,{anchorEl:c,open:Boolean(c),onClose:g,disableScrollLock:!0,children:h.map(t=>{const r=t.id===l;return e.jsxs(o.MenuItem,{onClick:()=>{t.onClick&&t.onClick(),g()},sx:{gap:Y.medium,color:r?"#0F766E":"#111827",bgcolor:r?"#E0F2FE":"transparent"},children:[t.icon&&e.jsx(me,{icon:t.icon}),t.label]},t.id)})})]})},exports.ButtonBarComponent=({layout:o,children:t,gap:r=12,style:i})=>{const n={display:"flex",flexDirection:"horizontal"===o?"row":"column",gap:`${r}px`,alignItems:"horizontal"===o?"center":"stretch",...i};return e.jsx("div",{style:n,children:t&&t})},exports.ButtonComponent=Ie,exports.ButtonSize=We,exports.CHECKBOX_COLORS=Fe,exports.CHECKBOX_SIZE=Ee,exports.CHECKBOX_TEXT_COLOR=je,exports.CHIP_ICON_SIZE={small:"16px",medium:"18px",large:"22px"},exports.CHIP_LABEL_PADDING=Te,exports.CHIP_SIZE_CONFIG=Ae,exports.COLORS=Se,exports.COLOR_ACCENT=M,exports.COLOR_BRAND=B,exports.COLOR_ERROR=A,exports.COLOR_GRAY=T,exports.COLOR_INFO=D,exports.COLOR_NEUTRAL=w,exports.COLOR_SUCCESS=O,exports.COLOR_WARNING=R,exports.CheckboxComponent=Be,exports.CheckboxContentComponent=({checked:t=!1,disabled:r=!1,title:i,content:n,size:l="medium",variant:a="filled",shape:s="square",iconType:d="check",onChange:c,sxCheckbox:p,sxLabel:x,sx:u})=>{const h=we[l];return e.jsxs(o.Box,{onClick:()=>{r||c?.(!t)},sx:{display:"flex",alignItems:"flex-start",gap:"12px",cursor:r?"not-allowed":"pointer",width:"fit-content",...u},children:[e.jsx(Be,{checked:t,disabled:r,size:l,variant:a,shape:s,iconType:d,onChange:c,sxCheckbox:p}),e.jsxs(o.Box,{children:[e.jsx(o.Typography,{fontSize:h.titleFontSize,fontWeight:h.titleFontWeight,lineHeight:h.lineHeight,sx:{userSelect:"none",...r&&{opacity:.6},...x},children:i}),n&&e.jsx(o.Typography,{fontSize:h.contentFontSize,lineHeight:h.lineHeight,sx:{mt:"4px",userSelect:"none",...r&&{opacity:.6},...x},children:n})]})]})},exports.ChipComponent=({label:t,onAction:r,icon:i,disabled:n=!1,clickable:l=!0,sx:a,sxIcon:s,iconPosition:d="right",size:c="medium"})=>{const p=Ae[c],x=Boolean(i);return e.jsx(o.Chip,{disabled:n,clickable:l,onClick:r,label:e.jsxs(le,{sx:{gap:"8px"},children:[x&&"left"===d&&e.jsx(Oe,{icon:i,size:p.iconSize,sxIcon:s}),e.jsx(o.Box,{component:"span",children:t}),x&&"right"===d&&e.jsx(Oe,{icon:i,size:p.iconSize,sxIcon:s})]}),sx:{height:p.height,fontSize:p.fontSize,borderRadius:p.borderRadius,cursor:l?"pointer":"default",backgroundColor:"transparent",border:"1px solid #D1D5DB","& .MuiChip-label":{padding:Re(x,d),display:"flex",alignItems:"center"},"& .MuiChip-label svg":{flexShrink:0,color:"#4B5563"},"&.Mui-disabled":{opacity:.5,color:"#9E9E9E"},...a}})},exports.Colors=Ne,exports.DateFieldComponent=({label:t="Label",placeholder:r="DD/MM/YYYY",value:i,disabled:n=!1,error:l=!1,success:a=!1,errorMessage:x,successMessage:u,borderRadius:h=6,helperText:g="",onChange:m,locale:_="vi",format:f="DD/MM/YYYY",required:b=!1,sx:y,disablePastDates:C=!1,...S})=>{const v=i&&"string"==typeof i?p(i,f):i instanceof p?i:null;return e.jsxs(o.Box,{sx:{...y},children:[t&&e.jsxs(o.Box,{sx:{display:"flex",alignItems:"baseline",gap:"2px",marginBottom:"4px"},children:[e.jsx(o.Typography,{sx:{...re.text14Bold,color:T[800]},children:t}),b&&e.jsx(o.Typography,{sx:{color:A[500],...re.text14Bold},children:"*"})]}),e.jsx(d.LocalizationProvider,{dateAdapter:c.AdapterDayjs,adapterLocale:_,children:e.jsx(s.DatePicker,{value:v,onChange:e=>{m?.(e)},disabled:n,shouldDisableDate:e=>!!C&&e.isBefore(p(),"day"),inputFormat:f,slotProps:{textField:{placeholder:r,error:l||!1,helperText:l?x:g,size:"small",fullWidth:!0,disabled:n,required:b},openPickerButton:{size:"small"}},slots:{openPickerIcon:o=>e.jsx(me,{icon:"calendar_today",...o})},sx:{width:"100%","& .MuiPickersInputBase-root":{borderRadius:"max"===h?"100px":`${h}px`,"& fieldset":{borderColor:w[300]},"&:hover fieldset":{borderColor:w[400]},"&.Mui-focused fieldset":{borderColor:w[300],borderWidth:"2px"},"&.Mui-focused":{boxShadow:"0 1px 2px 0 rgba(10, 13, 18, 0.05), 0 0 0 4px #FEE4E2"},"&.Mui-disabled":{backgroundColor:w[100],"& fieldset":{borderColor:w[200]},"& input":{color:w[400],WebkitTextFillColor:w[400]}},"&.Mui-error fieldset":{borderColor:A[500]},"&.Mui-error.Mui-focused fieldset":{borderColor:A[500],borderWidth:"2px"},"&.Mui-error.Mui-focused":{boxShadow:"0 1px 2px 0 rgba(10, 13, 18, 0.05), 0 0 0 4px rgba(255, 66, 79, 0.15)"},...a&&{"&.Mui-focused":{boxShadow:`0 1px 2px 0 rgba(10, 13, 18, 0.05), 0 0 0 4px ${O[100]}`}}},"& .MuiInputBase-input":{...re.text14Regular,padding:"8px 10px",color:T[900],"&::placeholder":{color:w[400],opacity:.7}}},...S})}),a&&!l&&u&&e.jsx(o.Typography,{sx:{...re.textFieldHelper,color:O[500],marginTop:"4px"},children:u})]})},exports.DateRangePickerComponent=({label:r="Date Range",fromDate:i,toDate:n,disabled:l=!1,error:a=!1,success:x=!1,errorMessage:u,successMessage:h,borderRadius:g=6,helperText:m="",onChange:_,locale:f="vi",format:b="DD/MM/YYYY",minDate:y,maxDate:C,required:S=!1,sx:v,disablePastDates:k=!1,...I})=>{const F=i&&"string"==typeof i?p(i,b):i instanceof p?i:null,j=n&&"string"==typeof n?p(n,b):n instanceof p?n:null,[E,B]=t.useState(!1),[R,D]=t.useState("from"),M=t.useRef(null);return e.jsx(d.LocalizationProvider,{dateAdapter:c.AdapterDayjs,adapterLocale:f,children:e.jsxs(o.Box,{sx:{...v},children:[r&&e.jsxs(o.Box,{sx:{display:"flex",alignItems:"baseline",gap:"2px",marginBottom:"4px"},children:[e.jsx(o.Typography,{sx:{...re.text14Bold,color:T[800]},children:r}),S&&e.jsx(o.Typography,{sx:{color:A[500],...re.text14Bold},children:"*"})]}),e.jsxs(o.Box,{ref:M,onClick:l?void 0:()=>{B(!0),F||j||D("from")},sx:{display:"flex",alignItems:"center",gap:"12px",padding:"12px 8px",borderRadius:"max"===g?"100px":`${g}px`,border:`1px solid ${a?A[500]:w[300]}`,backgroundColor:l?w[100]:"white",cursor:l?"default":"pointer",transition:"all 0.2s ease",...S&&{"&::before":{content:'"*"',color:A[500],marginRight:"4px"}},...l?{}:{"&:hover":{borderColor:a?A[500]:w[400]}}},children:[e.jsxs(o.Typography,{sx:{flex:1,...re.text14Regular,color:F||j?T[900]:w[400]},children:[F?F.format(b):b," →"," ",j?j.format(b):b]}),e.jsx(o.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"center",width:"24px",height:"24px",color:w[400]},children:e.jsx(me,{icon:"calendar_today"})})]}),e.jsx(s.DatePicker,{open:E,onOpen:()=>B(!0),onClose:()=>B(!1),value:"from"===R?F:j,onChange:e=>{"from"===R?(_?.([e,j]),e&&D("to")):_?.([F,e])},disabled:l,minDate:"from"===R?y:F||y,maxDate:"to"===R?C:j||C,shouldDisableDate:e=>!!k&&e.isBefore(p(),"day"),inputFormat:b,slotProps:{textField:{hidden:!0,size:"small",sx:{display:"none"}},popper:{anchorEl:M.current,placement:"bottom-start"}}}),m&&!a&&!x&&e.jsx(o.Typography,{sx:{...re.textFieldHelper,color:w[400],marginTop:"4px"},children:m}),a&&u&&e.jsx(o.Typography,{sx:{...re.textFieldHelper,color:A[500],marginTop:"4px"},children:u}),x&&!a&&h&&e.jsx(o.Typography,{sx:{...re.textFieldHelper,color:O[500],marginTop:"4px"},children:h})]})})},exports.DialogWrapper=Xe,exports.DropdownFieldComponent=({label:r="",placeholder:i="Select option",value:n=null,disabled:l=!1,error:a=!1,success:s=!1,errorMessage:d,successMessage:c,borderRadius:p=6,onChange:x,helperText:u="",options:h=[],checkIconColor:g=M[900],required:m=!1,sx:_,labelSx:f})=>{const b="max"===p?"100px":`${p}px`,y=t.useMemo(()=>h.find(e=>e.value===n),[h,n]),C=t.useCallback(()=>a&&d?d:s&&c?c:u||"",[a,d,s,c,u]),S=t.useCallback(()=>a?A[500]:s?O[500]:w[400],[a,s]),v=t.useCallback(()=>a?A[500]:s?O[500]:w[300],[a,s]),k=t.useMemo(()=>({"& .MuiOutlinedInput-root":{borderRadius:b,backgroundColor:l?w[100]:"white",transition:"all 0.2s ease","& fieldset":{borderColor:v()},"&:hover fieldset":{borderColor:l?v():a?A[500]:w[400]},"&.Mui-focused fieldset":{borderColor:a?A[500]:w[400],borderWidth:"1px"}},"& .MuiOutlinedInput-input":{padding:"8px 10px",color:T[900],"&::placeholder":{color:w[400],opacity:1}}}),[b,l,a,v]);return e.jsxs(o.Box,{sx:{..._},children:[r&&e.jsxs(o.Box,{sx:{display:"flex",alignItems:"baseline",gap:"2px",marginBottom:"4px"},children:[e.jsx(o.Typography,{sx:{...re.text14Bold,color:T[800],...f},children:r}),m&&e.jsx(o.Typography,{sx:{color:A[500],...re.text14Bold},children:"*"})]}),e.jsx(o.Select,{fullWidth:!0,value:n||"",onChange:e=>{const o=e.target.value,t=h.find(e=>String(e.value)===String(o));t&&x?.(t.value)},disabled:l,displayEmpty:!0,MenuProps:{disableScrollLock:!0},renderValue:()=>n?e.jsxs(o.Box,{sx:{display:"flex",alignItems:"center",gap:"8px"},children:[y?.statusIndicator&&e.jsx(o.Box,{sx:{width:"8px",height:"8px",borderRadius:"50%",backgroundColor:"#4CAF50"}}),y?.avatar&&e.jsx(o.Avatar,{src:y.avatar,sx:{width:"24px",height:"24px",fontSize:"12px"}}),y?.icon&&e.jsx(me,{icon:y.icon}),e.jsx(o.Typography,{sx:{color:T[900],...re.text14Regular,lineHeight:"1.4375em"},children:y?.label})]}):e.jsx(o.Typography,{sx:{color:w[400],...re.text14Regular,lineHeight:"1.4375em"},children:i}),sx:k,children:h.map(t=>e.jsx(o.MenuItem,{value:t.value,children:e.jsxs(o.Box,{sx:{display:"flex",alignItems:"center",gap:"8px",width:"100%"},children:[t.statusIndicator&&e.jsx(o.Box,{sx:{width:"8px",height:"8px",borderRadius:"50%",backgroundColor:"#4CAF50"}}),t.avatar&&e.jsx(o.Avatar,{src:t.avatar,sx:{width:"24px",height:"24px",fontSize:"12px"}}),t.icon&&e.jsx(me,{icon:t.icon}),e.jsx(o.Typography,{sx:{color:T[900],...re.text14Regular,lineHeight:"1.4375em"},children:t.label}),n===t.value&&e.jsx(o.Box,{sx:{marginLeft:"auto",display:"flex",alignItems:"center"},children:e.jsx(me,{icon:"check",sx:{color:g}})})]})},t.value))}),C()&&e.jsx(o.Box,{sx:{color:S(),marginTop:"4px",...re.textFieldHelper,lineHeight:"1.4375em"},children:C()})]})},exports.FONT_FAMILY=K,exports.FONT_SIZE=Q,exports.FONT_SIZE_ICON={small:12,xl:20},exports.FONT_SIZE_LOADING=He,exports.FONT_STYLE=oe,exports.FONT_WEIGHT=J,exports.GridComponent=({sx:t={},sxContainer:r={},content:i="Grids",children:n})=>e.jsxs(o.Stack,{sx:{bgcolor:De,p:8,borderRadius:8,gap:4,...t},children:[i&&e.jsx(o.Typography,{sx:{color:"#27272A",...ie.lg.bold},children:i}),e.jsx(o.Container,{maxWidth:!1,sx:{bgcolor:De,borderRadius:4,minHeight:400,boxShadow:"0 0 8px -4px rgba(16, 24, 40, 0.3)",...r},children:n&&n})]}),exports.IconElement=me,exports.ImageElement=ue,exports.ImageSizeType=pe,exports.InputStepperComponent=({value:r,onChange:i,min:n,max:l,step:a=1,disabled:s=!1,readOnly:d=!1,orientation:c=Le.HORIZONTAL,loading:p=!1,sx:x={},sxTextField:u={},sxButton:h={},buttonShape:g=ze.SQUARE,buttonColor:m,textFieldShape:_=ze.SQUARE,decrementIcon:f="remove",incrementIcon:b="add"})=>{const[y,C]=t.useState(r??n??0),S=void 0!==r?r:y,v=e=>{let o=e;void 0!==n&&e<n&&(o=n),void 0!==l&&e>l&&(o=l),void 0===r&&C(o),i?.(o)},k=s||void 0!==n&&Number(S)<=n,I=s||void 0!==l&&Number(S)>=l,F=We.MEDIUM;return p?e.jsx(Pe,{orientation:c,buttonShape:g}):e.jsxs(o.Box,{display:"inline-flex",flexDirection:"horizontal"===c?"row":"column",alignItems:"center",gap:H,sx:{opacity:s?.5:1,pointerEvents:s?"none":"auto",...x},children:[e.jsx(o.IconButton,{onClick:()=>{v(Number(S)-a)},disabled:k,sx:{borderRadius:"circle"===g?Me.CIRCLE:Me.SQUARE,width:F,height:F,padding:H,border:k?`1px solid ${Ne.BORDER_COLOR_DISABLE}`:`1px solid ${Ne.BORDER_COLOR_BUTTON}`,backgroundColor:Ne.BACKGROUND_COLOR,color:m||Ne.BORDER_COLOR_BUTTON,"&:hover":{backgroundColor:Ne.HOVER_BG_COLOR},...k?{}:h},children:"string"==typeof f?e.jsx(me,{icon:f}):f}),e.jsx(o.TextField,{value:S,onChange:e=>{if(!d){const o=""===e.target.value?n||0:Number(e.target.value);isNaN(o)||v(o)}},disabled:s,inputProps:{min:n,max:l,step:a,readOnly:d},type:"number",sx:{minWidth:F,width:u?.width||F,minHeight:F,height:u?.height||F,overflow:"hidden",borderRadius:"circle"===_?Me.CIRCLE:Me.SQUARE,color:d?Ne.TEXT_COLOR_READONLY:"",backgroundColor:d?"transparent !important":u?.backgroundColor,"& .MuiOutlinedInput-root":{width:"100%",height:"100%",borderRadius:"inherit","& fieldset":{borderColor:d||s?"transparent":u?.borderColor||Ne.BORDER_COLOR_BUTTON,borderWidth:d||s?0:1,borderRadius:"circle"===_?Me.CIRCLE:Me.SQUARE},"&:hover fieldset":d||s?{}:{borderColor:u?.borderColorHover||Ne.BORDER_COLOR_BUTTON},"&.Mui-focused fieldset":d?{borderColor:"transparent",borderWidth:0}:{borderColor:u?.borderColorFocused||Ne.BORDER_COLOR_BUTTON,borderWidth:1},"&.Mui-disabled fieldset":{borderColor:Ne.BORDER_COLOR_DISABLE,backgroundColor:d?"transparent":Ne.BORDER_COLOR_DISABLE}},"& input[type=number]::-webkit-outer-spin-button, & input[type=number]::-webkit-inner-spin-button":{WebkitAppearance:"none",margin:0},"& input[type=number]":{MozAppearance:"textfield"},"& .MuiInputBase-input":{textAlign:u?.textAlign||"center",padding:u?.padding||"4px 8px",fontSize:d?"16px":u?.fontSize||"1rem",cursor:d?"not-allowed":"text",borderRadius:"inherit",backgroundColor:d?"transparent":u?.backgroundColor||"transparent",color:d?Ne.TEXT_COLOR_READONLY:u?.color||"inherit",fontWeight:u?.fontWeight||(d?700:"normal")}}}),e.jsx(o.IconButton,{onClick:()=>{v(Number(S)+a)},disabled:I,sx:{borderRadius:"circle"===g?Me.CIRCLE:Me.SQUARE,width:F,height:F,padding:H,border:I?`1px solid ${Ne.BORDER_COLOR_DISABLE}`:`1px solid ${Ne.BORDER_COLOR_BUTTON}`,backgroundColor:Ne.BACKGROUND_COLOR,color:m||Ne.BORDER_COLOR_BUTTON,"&:hover":{backgroundColor:Ne.HOVER_BG_COLOR},...I?{}:h},children:"string"==typeof b?e.jsx(me,{icon:b}):b})]})},exports.InputStepperSkeleton=Pe,exports.LINE_HEIGHT=ee,exports.LinkElement=$e,exports.LinkFieldComponent=({label:r="Website",placeholder:i="www.untitledui.com",value:n,disabled:l=!1,error:a=!1,success:s=!1,errorMessage:d,successMessage:c,borderRadius:p=6,helperText:x="This is a hint text to help user.",onChange:u,protocol:h="http://",iconAfter:g,required:m=!1,sx:_,...f})=>{const[b,y]=t.useState(!1);return e.jsxs(o.Box,{sx:{..._},children:[r&&e.jsxs(o.Box,{sx:{display:"flex",alignItems:"baseline",gap:"2px",marginBottom:"4px"},children:[e.jsx(o.Typography,{sx:{...re.text14Bold,color:T[800]},children:r}),m&&e.jsx(o.Typography,{sx:{color:A[500],...re.text14Bold},children:"*"})]}),e.jsx(Ue,{placeholder:i,value:n,disabled:l,error:a||b,helperText:a||b?a?d:"đây không phải link":"",size:"small",fullWidth:!0,required:m,onChange:u,onBlur:e=>{const o=e.target.value;o&&!(e=>{if(!e)return!0;try{const o=e.includes("://")?e:`${h}${e}`;new URL(o);const t=new URL(o).hostname;return!(!t||!t.includes("."))}catch{return!1}})(o)?y(!0):y(!1)},InputProps:{startAdornment:e.jsx(o.InputAdornment,{position:"start",children:e.jsx(o.Typography,{sx:{color:w[300],...re.text14Regular},children:h})}),endAdornment:(s||a||b)&&e.jsx(o.InputAdornment,{position:"end",children:g||e.jsx(me,{icon:a||b?"info":"check_circle",sx:{color:a||b?A[500]:O[500]}})})},sx:{"& .MuiOutlinedInput-root":{borderRadius:"max"===p?"100px":`${p}px`,...s&&{"&.Mui-focused":{boxShadow:`0 1px 2px 0 rgba(10, 13, 18, 0.05), 0 0 0 4px ${O[100]}`}}}}}),s&&!a&&c&&e.jsx(o.Typography,{sx:{...re.textFieldHelper,color:O[500],marginTop:"4px"},children:c})]})},exports.LinkInternalElement=({content:t,onClick:r,sx:i={}})=>e.jsx(o.Typography,{onClick:r,sx:{color:"inherit",textDecorationColor:"inherit",cursor:"pointer","&:hover":{textDecoration:"underline"},...i},children:t}),exports.MAP_SIZE=E,exports.Modal=({open:t,isForm:r=!1,onClose:i,icon:n,avatars:l,title:a,nodeDescription:s,nodeContent:d,buttonLeft:c,buttonCenter:p,buttonRight:x,nodeBottomLeft:u,align:h="flex-start",direction:g="column",sx:m,sxContent:_,sxBottom:f})=>{const b=c||p||x||u;return e.jsx(o.Dialog,{open:t,disableScrollLock:!0,onClose:i,maxWidth:!1,PaperProps:{sx:{borderRadius:$,p:`calc(${N} + 8px)`,minWidth:350,width:"auto",...m}},children:e.jsx(Xe,{isForm:r,children:e.jsx(o.DialogContent,{sx:{p:0,..._},children:e.jsxs(o.Stack,{sx:{gap:0,alignItems:"center"},children:[e.jsxs(o.Stack,{direction:g,sx:{justifyContent:"row"===g?"flex-start":h,gap:N,alignItems:"row"===g?s?"flex-start":"center":h,width:"100%"},children:[n&&e.jsx(Ye,{type:n}),l&&e.jsx(_e,{avatars:l}),(a||s)&&e.jsxs(o.Stack,{sx:{gap:Y.medium,alignItems:"row"===g?"flex-start":h,width:"100%"},children:[a&&e.jsx(Ve,{content:a}),s]})]}),d&&e.jsx(o.Box,{sx:{width:"100%"},children:d}),b&&e.jsx(o.DialogActions,{sx:{width:"100%",mt:`calc(${N} + 8px)`,gap:Y.large,...f},children:e.jsxs(le,{sx:{width:"100%"},children:[u&&e.jsx(o.Box,{sx:{width:"100%"},children:u}),(c||p||x)&&e.jsxs(ne,{sx:{width:"100%",gap:N},children:[c&&e.jsx(o.Box,{sx:{flex:1},children:e.jsx(Ie,{...c,fullWidth:!0})}),p&&e.jsx(o.Box,{sx:{flex:1},children:e.jsx(Ie,{...p,fullWidth:!0})}),x&&e.jsx(o.Box,{sx:{flex:1},children:e.jsx(Ie,{...x,fullWidth:!0})})]})]})})]})})})})},exports.ModalCard=({open:t,isForm:r=!1,onClose:i,items:n,nodeContent:l,buttonLeft:a,buttonCenter:s,buttonRight:d,nodeBottomLeft:c,sx:p,sxContent:x,sxBottom:u})=>{const g=Array.isArray(n)?n:[n],m=g.length>1,_=a||s||d||c,f=t=>e.jsxs(o.Stack,{sx:{gap:"20px",alignItems:"center",textAlign:"center"},children:[e.jsx(ue,{url:t?.image,sx:{borderRadius:G,width:"100%",aspectRatio:1.76,objectFit:"cover",height:"auto"}}),e.jsxs(o.Stack,{sx:{gap:1},children:[e.jsx(Ve,{content:t?.title}),e.jsx(qe,{content:t?.description})]})]});return e.jsx(o.Dialog,{open:t,onClose:i,PaperProps:{sx:{borderRadius:$,p:`calc(${N} + 8px)`,minWidth:350,width:"auto",...p}},children:e.jsxs(Xe,{isForm:r,children:[e.jsx(o.DialogContent,{sx:{p:0,...x},children:e.jsxs(o.Stack,{sx:{gap:`calc(${N} + 8px)`},children:[m?e.jsx(o.Box,{sx:{"& .slick-slider":{position:"relative",paddingBottom:"40px"},"& .slick-dots":{bottom:"0px",position:"absolute"},"& .slick-list":{overflow:"hidden"}},children:e.jsx(h,{dots:!0,infinite:!0,speed:500,slidesToShow:1,slidesToScroll:1,arrows:!1,children:g.map((o,t)=>e.jsx("div",{children:f(o)},t))})}):f(g[0]),l&&e.jsx(o.Box,{sx:{width:"100%"},children:l})]})}),_&&e.jsx(o.DialogActions,{sx:{width:"100%",mt:`calc(${N} + 8px)`,gap:Y.large,...u},children:e.jsxs(le,{sx:{width:"100%"},children:[c&&e.jsx(o.Box,{sx:{width:"100%"},children:c}),(a||s||d)&&e.jsxs(ne,{sx:{width:"100%",gap:N},children:[a&&e.jsx(o.Box,{sx:{flex:1},children:e.jsx(Ie,{...a,fullWidth:!0})}),s&&e.jsx(o.Box,{sx:{flex:1},children:e.jsx(Ie,{...s,fullWidth:!0})}),d&&e.jsx(o.Box,{sx:{flex:1},children:e.jsx(Ie,{...d,fullWidth:!0})})]})]})})]})})},exports.ModalDescription=qe,exports.ModalIcon=Ye,exports.ModalTitle=Ve,exports.MoneyFieldComponent=({label:r="Sale amount",placeholder:i="1,000.00",value:n,disabled:l=!1,error:a=!1,success:s=!1,errorMessage:d,successMessage:c,borderRadius:p=6,helperText:x="This is a hint text to help user.",onChange:u,currency:h="USD",onCurrencyChange:m,iconBefore:_,optionCurrencies:f=Ze,required:b=!1,sx:y,...C})=>{const[S,v]=t.useState(h);return e.jsxs(o.Box,{sx:{...y},children:[r&&e.jsxs(o.Box,{sx:{display:"flex",alignItems:"baseline",gap:"2px",marginBottom:"4px"},children:[e.jsx(o.Typography,{sx:{...re.text14Bold,color:T[800]},children:r}),b&&e.jsx(o.Typography,{sx:{color:A[500],...re.text14Bold},children:"*"})]}),e.jsx(Qe,{placeholder:i,value:Ke(n),disabled:l,error:a,helperText:a?d:x,size:"small",fullWidth:!0,required:b,onChange:e=>{const o=e.target.value.replace(/,/g,"");u?.({...e,target:{...e.target,value:o}})},InputProps:{startAdornment:e.jsx(o.InputAdornment,{position:"start",children:_||e.jsx(g,{sx:{fontSize:"18px",color:T[400],mr:.5}})}),endAdornment:e.jsx(o.InputAdornment,{position:"end",children:e.jsxs(o.Box,{sx:{display:"flex",alignItems:"center",gap:1},children:[(s||a)&&e.jsx(me,{icon:a?"info":"check_circle",sx:{color:a?A[500]:O[500]}}),e.jsx(o.Select,{value:S,onChange:e=>{const o=e.target.value;v(o),m?.(o)},disabled:l,variant:"standard",sx:{border:"none",outline:"none","& .MuiSelect-standard":{border:"none"},"&.MuiInput-underline:before":{borderBottom:"none"},"&.MuiInput-underline:hover:before":{borderBottom:"none"},"&.MuiInput-underline:after":{borderBottom:"none"},minWidth:"70px",fontSize:"14px",color:T[500]},children:f.map(t=>e.jsx(o.MenuItem,{value:t,children:t},t))})]})})},sx:{"& .MuiOutlinedInput-root":{borderRadius:"max"===p?"100px":`${p}px`,...s&&{"&.Mui-focused":{boxShadow:`0 1px 2px 0 rgba(10, 13, 18, 0.05), 0 0 0 4px ${O[100]}`}}}}}),s&&!a&&c&&e.jsx(o.Typography,{sx:{...re.textFieldHelper,color:O[600],marginTop:"4px"},children:c})]})},exports.Orientation=Le,exports.PICKER_ARG_TYPES={columns:{description:"Dữ liệu cho các cột. Mỗi phần tử là một mảng các lựa chọn (PickerOption).",control:"object",table:{type:{summary:"PickerOption[][]"},category:"Dữ liệu (Data)"}},value:{description:"Mảng giá trị đang được chọn của từng cột. Thứ tự tương ứng với mảng columns.",control:"object",table:{type:{summary:"(string | number)[]"},category:"Dữ liệu (Data)"}},onChange:{description:"Hàm xử lý khi người dùng chọn một giá trị mới.",action:"changed",table:{type:{summary:"(value: PickerValue[]) => void"},category:"Sự kiện (Events)"}},columnWidth:{description:"Độ rộng của mỗi cột (px hoặc string). Mặc định là 100.",control:{type:"text"},table:{type:{summary:"string | number"},defaultValue:{summary:"100"},category:"Giao diện (UI)"}},showScrollbar:{description:"Hiển thị thanh cuộn (scrollbar) cho từng cột.",control:"boolean",table:{type:{summary:"boolean"},defaultValue:{summary:"false"},category:"Giao diện (UI)"}},sx:{description:"Style tùy chỉnh cho container chính của Picker.",control:"object",table:{type:{summary:"SxProps<Theme>"},category:"Giao diện (UI)"}},sxColumn:{description:"Style tùy chỉnh áp dụng cho từng cột bên trong.",control:"object",table:{type:{summary:"SxProps<Theme>"},category:"Giao diện (UI)"}}},exports.PINComponent=({length:r=6,value:i,onChange:n,label:l,error:a=!1,errorMessage:s,type:d="text",disabled:c=!1,autoFocus:p=!1,onComplete:x,align:u="left",spacing:h="md",size:g="md",masked:m=!1,borderFocusColor:_,sx:f})=>{const{palette:b}=o.useTheme(),y=t.useRef([]);t.useEffect(()=>{p&&y.current[0]&&y.current[0].focus()},[p]);const C=(e,o)=>{if(!/^\d*$/.test(o))return;const t=i.split("");t[e]=o;const l=t.join("").slice(0,r);n(l),o&&e<r-1&&y.current[e+1]?.focus(),l.length===r&&x?.(l)},S=(e,o)=>{"Backspace"===o.key&&!i[e]&&e>0&&y.current[e-1]?.focus()},v=t=>{const r=i[t]||"",n=!!r,l=oo[g],s=a?b.error.main:T[200],p=_||(a?b.error.main:T[900]);return"bullet"===d?e.jsxs(o.Box,{sx:{position:"relative",width:l.width,height:l.height},children:[e.jsx(o.TextField,{ref:e=>{const o=e?.querySelector("input");o&&(y.current[t]=o)},type:"text",inputMode:"numeric",value:r,onChange:e=>C(t,e.target.value),onKeyDown:e=>S(t,e),disabled:c,error:a,sx:{width:"100%",height:"100%","& .MuiOutlinedInput-root":{height:"100%",padding:0,"& input":{textAlign:"center",fontSize:l.fontSize,fontWeight:600,padding:0,color:m&&n?"transparent":"inherit",WebkitTextFillColor:m&&n?"transparent":"unset",caretColor:b.primary.main,"&::placeholder":{color:b.action.disabled,opacity:1}},"& fieldset":{borderColor:s,borderRadius:"8px"},"&:hover fieldset":{borderColor:a?b.error.main:p},"&.Mui-focused fieldset":{borderColor:p,borderWidth:1}},"& input":{maxLength:1}},placeholder:"-"}),m&&n&&e.jsx(o.Box,{sx:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",fontSize:l.fontSize,fontWeight:600,color:a?b.error.main:b.text.primary,pointerEvents:"none"},children:"●"})]}):"circle"===d?e.jsxs(o.Box,{sx:{position:"relative",width:l.width,height:l.height},children:[e.jsx(o.TextField,{ref:e=>{const o=e?.querySelector("input");o&&(y.current[t]=o)},type:"text",inputMode:"numeric",value:r,onChange:e=>C(t,e.target.value),onKeyDown:e=>S(t,e),disabled:c,error:a,sx:{width:"100%",height:"100%","& .MuiOutlinedInput-root":{height:"100%",padding:0,borderRadius:"50%","& input":{textAlign:"center",fontSize:l.fontSize,fontWeight:600,padding:0,color:m&&n?"transparent":"inherit",WebkitTextFillColor:m&&n?"transparent":"unset",caretColor:b.primary.main,"&::placeholder":{color:b.action.disabled,opacity:1}},"& fieldset":{borderColor:s,borderRadius:"50%"},"&:hover fieldset":{borderColor:a?b.error.main:p},"&.Mui-focused fieldset":{borderColor:p,borderWidth:1}},"& input":{maxLength:1}},placeholder:"-"}),m&&n&&e.jsx(o.Box,{sx:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",fontSize:l.fontSize,fontWeight:600,color:a?b.error.main:b.text.primary,pointerEvents:"none"},children:"●"})]}):e.jsx(o.TextField,{ref:e=>{const o=e?.querySelector("input");o&&(y.current[t]=o)},type:"text",inputMode:"numeric",value:r,onChange:e=>C(t,e.target.value),onKeyDown:e=>S(t,e),disabled:c,error:a,sx:{width:l.width,"& .MuiOutlinedInput-root":{height:l.height,padding:0,"& input":{textAlign:"center",fontSize:l.fontSize,fontWeight:600,padding:0,"&::placeholder":{color:b.action.disabled,opacity:1}},"& fieldset":{borderColor:s},"&:hover fieldset":{borderColor:a?b.error.main:p},"&.Mui-focused fieldset":{borderColor:p,borderWidth:1}},"& input":{maxLength:1}},placeholder:"-"})};return e.jsxs(o.Box,{sx:{...f},children:[l&&e.jsx(o.Box,{sx:{mb:1,...re.text14Bold,color:b.text.primary},children:l}),e.jsx(o.Box,{sx:{display:"flex",gap:`${to[h]}px`,justifyContent:"center"===u?"center":"right"===u?"flex-end":"flex-start"},children:Array.from({length:r}).map((t,r)=>e.jsx(o.Box,{children:v(r)},r))}),a&&s&&e.jsx(o.Box,{sx:{mt:1,fontSize:12,color:b.error.main,textAlign:u},children:s})]})},exports.PIN_SIZES=oo,exports.PIN_SPACING=to,exports.PhoneNumberFieldComponent=({label:t="Số điện thoại",placeholder:r="0123 456 789",value:i,disabled:n=!1,error:l=!1,success:a=!1,errorMessage:s,successMessage:d,borderRadius:c=6,helperText:p,onChange:x,countryCode:u="US",onCountryCodeChange:h,countries:g=Je,required:m=!1,sx:_,...f})=>e.jsxs(o.Box,{sx:{..._},children:[t&&e.jsxs(o.Box,{sx:{display:"flex",alignItems:"baseline",gap:"2px",marginBottom:"4px"},children:[e.jsx(o.Typography,{sx:{...re.text14Bold,color:T[800]},children:t}),m&&e.jsx(o.Typography,{sx:{color:A[500],...re.text14Bold},children:"*"})]}),e.jsx(eo,{placeholder:r,value:i,disabled:n,error:l,helperText:l?s:p,size:"small",fullWidth:!0,required:m,onChange:x,InputProps:{startAdornment:e.jsx(o.InputAdornment,{position:"start",sx:{mr:0},children:e.jsx(o.Select,{value:u,onChange:e=>{const o=e.target.value;h?.(o)},disabled:n,variant:"standard",sx:{border:"none",outline:"none","& .MuiSelect-standard":{border:"none"},"&.MuiInput-underline:before":{borderBottom:"none"},"&.MuiInput-underline:hover:before":{borderBottom:"none"},"&.MuiInput-underline:after":{borderBottom:"none"},minWidth:"50px",fontSize:"14px",color:T[500],display:"flex",alignItems:"center",gap:.5},children:g.map(t=>e.jsx(o.MenuItem,{value:t.code,children:t.code},t.code))})}),endAdornment:(a||l)&&e.jsx(o.InputAdornment,{position:"end",children:e.jsx(me,{icon:l?"info":"check_circle",sx:{color:l?A[500]:O[500]}})})},sx:{"& .MuiOutlinedInput-root":{borderRadius:"max"===c?"100px":`${c}px`,...a&&{"&.Mui-focused":{boxShadow:`0 1px 2px 0 rgba(10, 13, 18, 0.05), 0 0 0 4px ${O[100]}`}}}}}),a&&!l&&d&&e.jsx(o.Typography,{sx:{...re.textFieldHelper,color:O[600],marginTop:"4px"},children:d})]}),exports.PickerColumnElement=To,exports.PickerComponent=({columns:t,value:r,onChange:i,sx:n,sxColumn:l,columnWidth:a=Eo,showScrollbar:s=!1})=>{const d=Io,c=Math.floor(Fo/2)*d;return e.jsxs(ae,{sx:{position:"relative",alignItems:"center",backgroundColor:"#FFFFFF",overflow:"hidden",minWidth:jo,paddingX:W,gap:N,...n},children:[e.jsx(o.Stack,{sx:{position:"absolute",top:c,left:0,right:0,height:d,borderTop:Bo,borderBottom:Bo}}),t.map((o,t)=>e.jsx(To,{options:o,value:r[t],onChange:e=>((e,o)=>{const t=[...r];t[e]=o,i(t)})(t,e),width:a,showScrollbar:s,sx:l},t))]})},exports.SHADE_VALUES=ye,exports.SIZES=Ce,exports.SIZE_EXTRA_LARGE=36,exports.STYLE=Z,exports.SearchDropdownComponent=({value:r,onChange:i,onClear:n,onInputChange:l,onSearch:a,borderRadius:s=6,disabled:d=!1,multiple:c=!1,limitTags:p=2,label:x="",placeholder:u="Search...",error:h=!1,errorMessage:g,success:_=!1,successMessage:f,helperText:b="",options:y=[],loading:C=!1,iconBefore:S,required:v=!1,sx:k})=>{const[I,F]=t.useState(""),[j,E]=t.useState(y),[B,R]=t.useState(!1),D=t.useRef(null),M=t.useRef(a),z=t.useRef(l),L=t.useRef(y);t.useEffect(()=>{M.current=a,z.current=l,L.current=y},[a,l,y]);const W=t.useMemo(()=>{if(!r)return[];return(Array.isArray(r)?r:[r]).map(e=>"object"==typeof e?e:{label:String(e),value:e})},[r]);t.useEffect(()=>{if(D.current&&clearTimeout(D.current),I.trim())return D.current=setTimeout(async()=>{const e=M.current;if(e){R(!0);try{const o=await e(I);E(o)}catch(o){console.error("Search error:",o),E([])}finally{R(!1)}}else{const e=L.current.filter(e=>e.label.toLowerCase().includes(I.toLowerCase()));E(e)}z.current?.(I)},500),()=>{D.current&&clearTimeout(D.current)};E(L.current)},[I]);return e.jsxs(o.Box,{sx:{width:"100%",...k},children:[x&&e.jsxs(o.Box,{sx:{display:"flex",alignItems:"baseline",gap:"2px",marginBottom:"6px"},children:[e.jsx(o.Typography,{sx:{...re.text14Bold,color:T[900],display:"block"},children:x}),v&&e.jsx(o.Typography,{sx:{color:A[500],...re.text14Bold},children:"*"})]}),e.jsx(ro,{multiple:c,freeSolo:!1,options:j,getOptionLabel:e=>e?"object"==typeof e&&"label"in e?e.label:String(e):"",isOptionEqualToValue:(e,o)=>!(!e||!o)&&("object"==typeof e&&"object"==typeof o&&"value"in e&&"value"in o&&e.value===o.value),value:c?W:W[0]||null,inputValue:I,onInputChange:(e,o)=>{F(o)},onChange:(e,o)=>{if(c){const e=Array.isArray(o)?o:o?[o]:[];i?.(e.length>0?e:null),F("")}else i?.(o||null)},disabled:d||C,loading:B||C,noOptionsText:I?"No results found":"Type to search",sx:{"& .MuiOutlinedInput-root":{borderRadius:"max"===s?"100px":`${s}px`,borderColor:h?A[500]:_?O[500]:void 0}},renderInput:t=>e.jsx(o.TextField,{...t,placeholder:W&&W?.length>0?"":u,variant:"outlined",size:"small",error:h,InputProps:{...t.InputProps,startAdornment:e.jsxs(e.Fragment,{children:[e.jsx(o.InputAdornment,{position:"start",sx:{marginLeft:"4px",marginRight:"0px"},children:S||e.jsx(m,{sx:{color:"#999",fontSize:"18px"}})}),t.InputProps.startAdornment]})}}),renderTags:(r,i)=>{const n=Array.isArray(r)?r:[],l=c?n.slice(0,p):n,a=n.length-l.length;return e.jsxs(e.Fragment,{children:[l.map((e,r)=>{const n="object"==typeof e&&e&&"label"in e?e.label:String(e);return t.createElement(o.Chip,{...i({index:r}),key:r,label:n,size:"small"})}),a>0&&e.jsx(o.Chip,{className:"search-dropdown-limit-badge",label:`+${a}`,size:"small"})]})},renderOption:(t,r)=>{const{key:i,...n}=t,l=r?.label||"";return e.jsx(o.Box,{...n,component:"li",children:l},i)},componentsProps:{clearIndicator:{onClick:()=>{F(""),E(L.current),i?.(null),n?.()}}}}),h&&g&&e.jsx(o.Box,{sx:{fontSize:"12px",color:A[500],marginTop:"4px"},children:g}),_&&f&&e.jsx(o.Box,{sx:{fontSize:"12px",color:O[500],marginTop:"4px"},children:f}),b&&!h&&!_&&e.jsx(o.Box,{sx:{fontSize:"12px",color:w[500],marginTop:"4px"},children:b})]})},exports.SearchFieldComponent=({value:r,onChange:i,onClear:n,onInputChange:l,borderRadius:a=6,disabled:s=!1,placeholder:d="Placeholder",sx:c})=>{const[p,x]=t.useState(""),u=t.useRef(null);t.useEffect(()=>(u.current&&clearTimeout(u.current),u.current=setTimeout(()=>{l?.(new Event("debounce"),p,"debounce")},1e3),()=>{u.current&&clearTimeout(u.current)}),[p,l]);const h=t.useCallback((e,o)=>{x(o)},[]),g=t.useCallback(()=>{x(""),n?.(),l?.(new Event("clear"),"","clear")},[n,l]);return e.jsx(io,{freeSolo:!0,options:[],inputValue:p,onInputChange:h,disabled:s,onChange:i,noOptionsText:null,sx:{"& .MuiOutlinedInput-root":{borderRadius:"max"===a?"100px":`${a}px`},...c},renderInput:t=>e.jsx(o.TextField,{...t,placeholder:d,variant:"outlined",size:"small",InputProps:{...t.InputProps,startAdornment:e.jsx(o.InputAdornment,{position:"start",sx:{marginLeft:"8px"},children:e.jsx(m,{sx:{color:"#999",fontSize:"20px"}})})}}),componentsProps:{clearIndicator:{onClick:g}}})},exports.ShapeType=ze,exports.SliderComponent=({value:t,defaultValue:r,min:i=0,max:n=100,step:l=1,disabled:a=!1,onChange:s,onChangeCommitted:d,label:c,valueLabelDisplay:p="auto",marks:x,sx:u})=>e.jsxs(o.Stack,{sx:{width:"100%",...u},children:[c&&e.jsx(o.Typography,{gutterBottom:!0,variant:"body2",color:"text.secondary",sx:{mb:1},children:c}),e.jsx(o.Slider,{value:t,defaultValue:r,min:i,max:n,step:l,disabled:a,onChange:s,onChangeCommitted:d,valueLabelDisplay:p,marks:x,sx:{color:D[600],height:`calc(${H} / 2)`,width:"100%",padding:`calc(${H} + 2px) 0`,"& .MuiSlider-track":{border:"none",height:H,borderRadius:`calc(${H} / 2)`},"& .MuiSlider-rail":{backgroundColor:X,opacity:1,height:`calc(${H} / 2)`,borderRadius:2},"& .MuiSlider-thumb":{height:`calc(${H} * 3)`,width:`calc(${H} * 3)`,backgroundColor:"#fff",boxShadow:"0 1px 4px 0 rgba(0,0,0,0.2)","&:focus, &:hover, &.Mui-active, &.Mui-focusVisible":{boxShadow:"inherit"},"&:hover":{boxShadow:`0 1px 4px 0 rgba(0,0,0,0.2), 0 0 0 ${H} ${D[600]}33`},"&.Mui-focusVisible":{boxShadow:`0 1px 4px 0 rgba(0,0,0,0.2), 0 0 0 ${H} ${D[600]}66`},"&.Mui-active":{boxShadow:`0 1px 4px 0 rgba(0,0,0,0.2), 0 0 0 12px ${D[600]}66`},"&::before":{display:"none"}},"& .MuiSlider-valueLabel":{lineHeight:1.5,fontSize:Q.sm,width:40,height:26,display:"flex",alignItems:"center",justifyContent:"center",borderRadius:`calc(${H} / 2)`,backgroundColor:"#FFFFFF",color:w[800],boxShadow:"0 2px 10px 0 rgba(0,0,0,0.2)",transform:"translateY(-100%) scale(0)",top:-10,"&.MuiSlider-valueLabelOpen":{transform:"translateY(-100%) scale(1)"},"&::before":{display:"block",content:'""',position:"absolute",bottom:`calc(${H} / -2)`,left:"50%",transform:"translateX(-50%) rotate(45deg)",width:H,height:H,backgroundColor:"#FFFFFF",boxShadow:"2px 2px 2px 0 rgba(0,0,0,0.05)"}},"&.Mui-disabled":{color:w[200],"& .MuiSlider-thumb":{backgroundColor:w[200],boxShadow:"none"},"& .MuiSlider-track":{backgroundColor:D[600],opacity:1,border:"none"},"& .MuiSlider-rail":{opacity:1,backgroundColor:w[200]}},...u}})]}),exports.SwitchComponent=so,exports.SwitchContentComponent=({title:t,content:r,checked:i,disabled:n,size:l="medium",onChange:a,sx:s})=>e.jsxs(ne,{sx:{width:"fit-content",gap:"12px",maxWidth:"345px",...s},children:[e.jsx(so,{checked:i,disabled:n,size:l,onChange:a}),e.jsxs(o.Box,{children:[e.jsx(o.Typography,{sx:{fontSize:16,lineHeight:"24px",fontWeight:500,color:"#344054"},children:t}),r&&e.jsx(o.Typography,{sx:{mt:.5,fontSize:16,lineHeight:"24px",fontWeight:400,color:"#667085"},children:r})]})]}),exports.TABS_CONTAINER_HORIZONTAL=uo,exports.TABS_CONTAINER_VERTICAL=go,exports.TAB_ACTIVE_BACKGROUND_HORIZONTAL=ho,exports.TAB_ACTIVE_BACKGROUND_VERTICAL=mo,exports.TAB_BACKGROUND_STYLES={position:"absolute",top:0,left:0,right:0,bottom:0,borderRadius:1},exports.TAB_STYLES=po,exports.TAB_UNDERLINE_STYLES=xo,exports.TYPOGRAPHY=re,exports.TYPOGRAPHY_STYLES=ie,exports.TabColors=_o,exports.TabsComponent=({idSelect:r,tabs:i,size:n,direction:l="row",maxDisplay:a,onChange:s,sx:d,sxTabs:c,sxWrapper:p})=>{const[x,u]=t.useState(r),[h,g]=t.useState(null),m=t.useId();t.useEffect(()=>{u(r)},[r]);const f="column"===l,b=!f&&a&&i.length>a,y=b?i.slice(0,a):i,C=b?i.slice(a):[],S=e=>{u(e.id),s?.(e.id),e.onClick&&e.onClick()};return e.jsx(t.Fragment,{children:f?e.jsx(_.LayoutGroup,{id:m,children:e.jsx(o.Stack,{direction:"column",sx:{width:"fit-content",gap:P,...p},children:i.map(t=>{const r=t.id===x;return e.jsx($e,{href:t.href,onClick:t.onClick,id:t.id,children:e.jsxs(o.Box,{sx:{position:"relative"},children:[e.jsx(o.Stack,{component:_.motion.div,sx:{...go,color:r?_o.ACTIVE_TEXT:_o.INACTIVE_TEXT},onTap:()=>S(t),children:e.jsxs(o.Box,{sx:{...ie.textMd.medium,display:"flex",alignItems:"center",gap:t.icon?.5:0,position:"relative",zIndex:1,...d},children:[t.icon&&e.jsx(me,{size:n,icon:t.icon}),t.name]})}),r&&e.jsx(o.Box,{component:_.motion.div,sx:{...mo},layoutId:`${m}-background`})]})},t.id)})})}):e.jsx(_.LayoutGroup,{id:m,children:e.jsxs(o.Box,{sx:{position:"relative",display:"flex",alignItems:"center"},children:[e.jsxs(o.Box,{sx:{...uo},children:[y.map(t=>{const r=t.id===x;return e.jsx($e,{href:t.href,onClick:t.onClick,id:t.id,children:e.jsxs(o.Stack,{component:_.motion.div,sx:{color:r?_o.ACTIVE_TEXT:_o.INACTIVE_TEXT,position:"relative",padding:"18px 16px",cursor:"pointer",minHeight:40,"&:hover":{bgcolor:_o.HOVER_BACKGROUND},...c},onTap:()=>S(t),children:[e.jsxs(o.Box,{sx:{...ie.textMd.medium,display:"flex",alignItems:"center",gap:t.icon?.5:0,...d},children:[t.icon&&e.jsx(me,{size:n,icon:t.icon}),t.name]}),r&&e.jsx(o.Box,{component:_.motion.div,sx:{...ho},layoutId:`${m}-underline`})]})},t.id)}),b&&e.jsxs(t.Fragment,{children:[e.jsx(o.Box,{sx:{...xo}}),e.jsx(o.Stack,{sx:{...po},onClick:e=>{g(e.currentTarget)},children:e.jsx(me,{icon:"more_horiz",size:n})})]})]}),e.jsx(o.Menu,{disableScrollLock:!0,anchorEl:h,open:Boolean(h),onClose:()=>g(null),anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},children:C.map(t=>{const r=t.id===x;return e.jsx(o.MenuItem,{onClick:()=>(e=>{S(e),g(null)})(t),sx:{color:r?_o.ACTIVE_TEXT:_o.INACTIVE_TEXT,bgcolor:r?_o.MENU_ACTIVE_BACKGROUND:"transparent","&:hover":{bgcolor:r?_o.MENU_ACTIVE_BACKGROUND:_o.HOVER_BACKGROUND}},children:e.jsxs(o.Box,{sx:{display:"flex",alignItems:"center",gap:t.icon?.5:0},children:[t.icon&&e.jsx(me,{size:n,icon:t.icon}),t.name]})},t.id)})})]})})})},exports.TextAreaComponent=({label:t="",placeholder:r="",value:i="",disabled:n=!1,error:l=!1,success:a=!1,errorMessage:s,successMessage:d,borderRadius:c=6,onChange:p,onBlur:x,helperText:u="",rows:h=4,maxLength:g,required:m=!1,sx:_})=>{const f="max"===c?"100px":`${c}px`,b=()=>l&&s?s:a&&d?d:u||"",y=()=>l?A[500]:a?O[500]:w[300];return e.jsxs(o.Box,{sx:{..._},children:[t&&e.jsxs(o.Box,{sx:{display:"flex",alignItems:"baseline",gap:"2px",marginBottom:"4px"},children:[e.jsx(o.Typography,{sx:{...re.text14Bold,color:T[800]},children:t}),m&&e.jsx(o.Typography,{sx:{color:A[500],...re.text14Bold},children:"*"})]}),e.jsxs(o.Box,{sx:{position:"relative"},children:[e.jsx(o.TextField,{fullWidth:!0,multiline:!0,rows:h,placeholder:r,value:i,disabled:n,required:m,onChange:e=>p?.(e.target.value),onBlur:e=>x?.(e.target.value),inputProps:{maxLength:g,style:{...re.text14Regular,paddingBottom:g?"24px":"0px"}},sx:{"& .MuiOutlinedInput-root":{borderRadius:f,backgroundColor:n?w[100]:"white",transition:"all 0.2s ease","& fieldset":{borderColor:y()},"&:hover fieldset":{borderColor:n?y():l?A[500]:w[400]},"&.Mui-focused fieldset":{borderColor:l?A[500]:w[400],borderWidth:"1.5px"}},"& .MuiOutlinedInput-input":{color:i?T[900]:w[400],"&::placeholder":{color:w[400],opacity:1},"&:disabled":{color:w[400],WebkitTextFillColor:w[400]}},"& .MuiOutlinedInput-notchedOutline":{borderColor:y()}}}),g&&e.jsxs(o.Box,{sx:{position:"absolute",bottom:"8px",right:"12px",fontSize:"12px",color:w[400],pointerEvents:"none"},children:["(",i?.length,"/",g,")"]})]}),b()&&e.jsx(o.Box,{sx:{color:l?A[500]:a?O[500]:w[400],marginTop:"4px",...re.textFieldHelper},children:b()})]})},exports.TextFieldComponent=({label:t,placeholder:r="Placeholder",value:i,disabled:n=!1,error:l=!1,success:a=!1,errorMessage:s,successMessage:d,borderRadius:c=6,helperText:p,onChange:x,iconBefore:u,iconAfter:h,sx:g,labelSx:m,inputPadding:_,inputHeight:f,required:b,...y})=>e.jsxs(o.Box,{sx:{...g},children:[t&&e.jsxs(o.Box,{sx:{display:"flex",alignItems:"baseline",gap:"2px",marginBottom:"4px"},children:[e.jsx(o.Typography,{sx:{display:"block",...re.text14Bold,color:T[800],...m},children:t}),b&&e.jsx(o.Typography,{sx:{color:A[500],...re.text14Bold},children:"*"})]}),e.jsx(fo,{placeholder:r,value:i,disabled:n,error:l,helperText:l?s:p,size:"small",fullWidth:!0,onChange:x,required:b,InputProps:{startAdornment:u?e.jsx(o.InputAdornment,{position:"start",children:u}):void 0,endAdornment:h?e.jsx(o.InputAdornment,{position:"end",children:h}):void 0},sx:{"& .MuiOutlinedInput-root":{borderRadius:"max"===c?"100px":`${c}px`,...f&&{height:f},...a&&{"&.Mui-focused":{boxShadow:`0 1px 2px 0 rgba(10, 13, 18, 0.05), 0 0 0 4px ${O[100]}`}}},"& .MuiInputBase-input":{..._&&{padding:_}}},...y}),a&&!l&&d&&e.jsx(o.Typography,{sx:{...re.textFieldHelper,color:O[500],marginTop:"4px"},children:d})]}),exports.TypographyOneLine=fe,exports.UploaderComponent=({onFilesSelected:r,accept:i="*",multiple:n=!0,children:l,sx:a,labelSx:s,uploadLabel:d="Click to upload",appearance:c,files:p,onDeleteFile:x,onRetryFile:u,borderError:h})=>{const g=t.useRef(null),[m,_]=t.useState(!1),f=p||[];return e.jsxs(o.Box,{sx:{border:"2px solid",borderColor:c?.borderColor||"action.selected",borderRadius:"8px",padding:"32px 24px",textAlign:"center",cursor:"pointer",transition:"all 0.3s ease",backgroundColor:m?"action.selected":c?.background||"background.paper","&:hover":{borderColor:c?.borderColorHover||c?.borderColor||"primary.main",filter:"brightness(0.92)"},...a},onClick:()=>{g.current?.click()},onDragOver:e=>{e.preventDefault(),e.stopPropagation(),_(!0)},onDragLeave:e=>{e.preventDefault(),e.stopPropagation(),_(!1)},onDrop:e=>{e.preventDefault(),e.stopPropagation(),_(!1);const o=e.dataTransfer.files;o&&r(Array.from(o))},children:[e.jsx("input",{ref:g,type:"file",accept:i,multiple:n,onChange:e=>{const o=e.target.files;if(o){const e=Array.from(o);r(e)}e.target.value=""},style:{display:"none"}}),0===f.length&&e.jsx(e.Fragment,{children:l?e.jsxs(o.Box,{children:[l,e.jsxs(o.Box,{component:"p",sx:{color:"primary.main",textDecoration:"underline",fontWeight:500,fontSize:"14px",marginTop:"12px",margin:"12px 0 0 0",...s},children:[d," or drag and drop"]})]}):e.jsxs(o.Box,{children:[e.jsx(o.Box,{component:"img",src:"/images/icon/uploader.svg",alt:"Upload icon",sx:{width:"46px",height:"46px",marginBottom:"12px"}}),e.jsxs(o.Box,{component:"p",sx:{color:"primary.main",textDecoration:"underline",fontWeight:500,fontSize:"14px",margin:0,...s},children:[d," or drag and drop"]})]})}),f&&f.length>0&&e.jsx(o.Box,{sx:{marginTop:"24px",display:"flex",flexDirection:"column",gap:"12px",textAlign:"left"},onClick:e=>e.stopPropagation(),children:f.map((o,t)=>e.jsx(ko,{file:o.file,progress:o.progress,status:o.status,isProcess:o.isProcess??!0,onDelete:()=>{return e=o.file,void(x&&x(e));var e},onRetry:()=>u?.(o.id),borderSuccess:c?.borderSuccess,borderError:h},o.id||t))})]})},exports.UploaderItemComponent=ko,exports.ValueLabelDisplay=co,exports.VideoPlayerComponent=({src:r,poster:i,autoPlay:n=!1,loop:l=!1,muted:a=!1,width:s="100%",height:d="auto",iconSize:c,sx:p})=>{const x=t.useRef(null),[u,h]=t.useState(!1),[g,m]=t.useState(0),[_,f]=t.useState(0),[b,y]=t.useState(!1),[C,S]=t.useState(!1),[v,k]=t.useState([]),I=!!(F=r)&&/(?:youtube\.com\/(?:[^\/]+\/.+\/|(?:v|e(?:mbed)?)\/|.*[?&]v=)|youtu\.be\/)([^"&?\/\s]{11})/i.test(F);var F;const{buttonSize:j,iconFontSize:E,containerWidth:B,containerHeight:w}=t.useMemo(()=>{let e=64;return c&&(e=Ao[c]),{buttonSize:e,iconFontSize:.5*e,containerWidth:s,containerHeight:d}},[c,s,d]);t.useEffect(()=>{const e=x.current;if(!e)return;const o=()=>m(e.currentTime),t=()=>{f(e.duration),S(!1)},r=()=>h(!0),i=()=>h(!1),n=()=>h(!1),l=()=>S(!0),a=()=>S(!1),s=()=>{if(!e)return;const o=e.buffered,t=[];for(let e=0;e<o.length;e++)t.push({start:o.start(e),end:o.end(e)});k(t)};return e.addEventListener("timeupdate",o),e.addEventListener("loadedmetadata",t),e.addEventListener("progress",s),e.addEventListener("play",r),e.addEventListener("pause",i),e.addEventListener("ended",n),e.addEventListener("waiting",l),e.addEventListener("playing",a),()=>{e.removeEventListener("timeupdate",o),e.removeEventListener("loadedmetadata",t),e.removeEventListener("play",r),e.removeEventListener("pause",i),e.removeEventListener("ended",n),e.removeEventListener("waiting",l),e.removeEventListener("playing",a),e.removeEventListener("progress",s)}},[I]);const T=()=>{x.current&&(u?x.current.pause():x.current.play())};return e.jsxs(ne,{sx:{position:"relative",width:B,height:w,borderRadius:V,overflow:"hidden","&:hover .controls-overlay":{opacity:1},...p},onMouseEnter:()=>y(!0),onMouseLeave:()=>y(!1),children:[I?e.jsx("iframe",{src:No(r),title:"YouTube video player",style:{width:"100%",height:"100%",border:"none"},allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0}):e.jsx("video",{ref:x,poster:i,autoPlay:n,loop:l,muted:a,style:{width:"100%",height:"100%",objectFit:"cover",display:"block"},onClick:T,children:e.jsx("source",{src:r,type:Ho(r)})}),C&&e.jsx(ne,{sx:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",zIndex:2,pointerEvents:"none"},children:e.jsx(o.CircularProgress,{size:j,sx:{color:Ro}})}),!I&&(!u||b)&&e.jsx(ne,{sx:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",zIndex:2,transition:"opacity 0.3s",opacity:u?0:1,pointerEvents:"none"},children:e.jsx(o.IconButton,{onClick:T,"aria-label":u?"Pause":"Play",sx:{color:Ro,pointerEvents:"auto",backgroundColor:zo,"&:hover":{backgroundColor:Lo},width:j,height:j,padding:0,minWidth:"auto"},children:e.jsx(me,{icon:u?"pause":"play_arrow",sx:{fontSize:E}})})}),!I&&e.jsxs(ne,{className:"controls-overlay",sx:{position:"absolute",bottom:0,left:0,right:0,background:Oo,padding:2,opacity:u?0:1,transition:"opacity 0.3s",zIndex:3},children:[e.jsx(le,{gap:2,sx:{mb:1},children:e.jsx(o.Slider,{value:g,min:0,max:_||100,onChange:(e,o)=>{x.current&&"number"==typeof o&&(x.current.currentTime=o,m(o))},sx:{color:Ro,height:4,padding:"13px 0","& .MuiSlider-thumb":{display:"none"},"& .MuiSlider-rail":{opacity:1,background:(()=>{if(!_||0===v.length)return Do;const e=v.find(e=>g>=e.start&&g<=e.end);if(!e)return Do;const o=Math.min(e.end/_*100,100);return`linear-gradient(to right, ${Mo} 0%, ${Mo} ${o}%, ${Do} ${o}%, ${Do} 100%)`})()},"& .MuiSlider-track":{border:"none",opacity:1,backgroundColor:Ro}}})}),e.jsx(ce,{children:e.jsxs(le,{gap:.5,children:[e.jsx(o.IconButton,{onClick:T,size:"small",sx:{color:Ro},"aria-label":u?"Pause":"Play",children:e.jsx(me,{icon:u?"pause":"play_arrow"})}),e.jsxs(o.Typography,{variant:"body2",sx:{color:Ro,userSelect:"none"},children:[Wo(g)," / ",Wo(_)]})]})})]})]})},exports.createTypography=te,exports.getAvatarSizeValue=k,exports.getBadgePosition=F,exports.getBadgeSizeKey=I,exports.iconsMui=["3d_rotation","ac_unit","access_alarm","access_alarms","access_time","accessibility","accessible","account_balance","account_balance_wallet","account_box","account_circle","adb","add","add_a_photo","add_alarm","add_alert","add_box","add_circle","add_circle_outline","add_location","add_shopping_cart","add_to_photos","add_to_queue","adjust","airline_seat_flat","airline_seat_flat_angled","airline_seat_individual_suite","airline_seat_legroom_extra","airline_seat_legroom_normal","airline_seat_legroom_reduced","airline_seat_recline_extra","airline_seat_recline_normal","airplanemode_active","airplanemode_inactive","airplay","airport_shuttle","alarm","alarm_add","alarm_off","alarm_on","album","all_inclusive","all_out","android","announcement","apps","archive","arrow_back","arrow_downward","arrow_drop_down","arrow_drop_down_circle","arrow_drop_up","arrow_forward","arrow_upward","art_track","aspect_ratio","assessment","assignment","assignment_ind","assignment_late","assignment_return","assignment_returned","assignment_turned_in","assistant","assistant_photo","attach_file","attach_money","attachment","audiotrack","autorenew","av_timer","backspace","backup","battery_alert","battery_charging_full","battery_full","battery_std","battery_unknown","beach_access","beenhere","block","bluetooth","bluetooth_audio","bluetooth_connected","bluetooth_disabled","bluetooth_searching","blur_circular","blur_linear","blur_off","blur_on","book","bookmark","bookmark_border","border_all","border_bottom","border_clear","border_color","border_horizontal","border_inner","border_left","border_outer","border_right","border_style","border_top","border_vertical","branding_watermark","brightness_1","brightness_2","brightness_3","brightness_4","brightness_5","brightness_6","brightness_7","brightness_auto","brightness_high","brightness_low","brightness_medium","broken_image","brush","bubble_chart","bug_report","build","burst_mode","business","business_center","cached","cake","call","call_end","call_made","call_merge","call_missed","call_missed_outgoing","call_received","call_split","call_to_action","camera","camera_alt","camera_enhance","camera_front","camera_rear","camera_roll","cancel","card_giftcard","card_membership","card_travel","casino","cast","cast_connected","center_focus_strong","center_focus_weak","change_history","chat","chat_bubble","chat_bubble_outline","check","check_box","check_box_outline_blank","check_circle","chevron_left","chevron_right","child_care","child_friendly","chrome_reader_mode","class","clear","clear_all","close","closed_caption","cloud","cloud_circle","cloud_done","cloud_download","cloud_off","cloud_queue","cloud_upload","code","collections","collections_bookmark","color_lens","colorize","comment","compare","compare_arrows","computer","confirmation_number","contact_mail","contact_phone","contacts","content_copy","content_cut","content_paste","control_point","control_point_duplicate","copyright","create","create_new_folder","credit_card","crop","crop_16_9","crop_3_2","crop_5_4","crop_7_5","crop_din","crop_free","crop_landscape","crop_original","crop_portrait","crop_rotate","crop_square","dashboard","data_usage","date_range","dehaze","delete","delete_forever","delete_sweep","description","desktop_mac","desktop_windows","details","developer_board","developer_mode","device_hub","devices","devices_other","dialer_sip","dialpad","directions","directions_bike","directions_boat","directions_bus","directions_car","directions_railway","directions_run","directions_subway","directions_transit","directions_walk","disc_full","dns","do_not_disturb","do_not_disturb_alt","do_not_disturb_off","do_not_disturb_on","dock","domain","done","done_all","donut_large","donut_small","drafts","drag_handle","drive_eta","dvr","edit","edit_location","eject","email","enhanced_encryption","equalizer","error","error_outline","euro_symbol","ev_station","event","event_available","event_busy","event_note","event_seat","exit_to_app","expand_less","expand_more","explicit","explore","exposure","exposure_neg_1","exposure_neg_2","exposure_plus_1","exposure_plus_2","exposure_zero","extension","face","fast_forward","fast_rewind","favorite","favorite_border","featured_play_list","featured_video","feedback","fiber_dvr","fiber_manual_record","fiber_new","fiber_pin","fiber_smart_record","file_download","file_upload","filter","filter_1","filter_2","filter_3","filter_4","filter_5","filter_6","filter_7","filter_8","filter_9","filter_9_plus","filter_b_and_w","filter_center_focus","filter_drama","filter_frames","filter_hdr","filter_list","filter_none","filter_tilt_shift","filter_vintage","find_in_page","find_replace","fingerprint","first_page","fitness_center","flag","flare","flash_auto","flash_off","flash_on","flight","flight_land","flight_takeoff","flip","flip_to_back","flip_to_front","folder","folder_open","folder_shared","folder_special","font_download","format_align_center","format_align_justify","format_align_left","format_align_right","format_bold","format_clear","format_color_fill","format_color_reset","format_color_text","format_indent_decrease","format_indent_increase","format_italic","format_line_spacing","format_list_bulleted","format_list_numbered","format_paint","format_quote","format_shapes","format_size","format_strikethrough","format_textdirection_l_to_r","format_textdirection_r_to_l","format_underlined","forum","forward","forward_10","forward_30","forward_5","free_breakfast","fullscreen","fullscreen_exit","functions","g_translate","gamepad","games","gavel","gesture","get_app","gif","golf_course","gps_fixed","gps_not_fixed","gps_off","grade","gradient","grain","graphic_eq","grid_off","grid_on","group","group_add","group_work","hd","hdr_off","hdr_on","hdr_strong","hdr_weak","headset","headset_mic","healing","hearing","help","help_outline","high_quality","highlight","highlight_off","history","home","hot_tub","hotel","hourglass_empty","hourglass_full","http","https","image","image_aspect_ratio","import_contacts","import_export","important_devices","inbox","indeterminate_check_box","info","info_outline","input","insert_chart","insert_comment","insert_drive_file","insert_emoticon","insert_invitation","insert_link","insert_photo","invert_colors","invert_colors_off","iso","keyboard","keyboard_arrow_down","keyboard_arrow_left","keyboard_arrow_right","keyboard_arrow_up","keyboard_backspace","keyboard_capslock","keyboard_hide","keyboard_return","keyboard_tab","keyboard_voice","kitchen","label","label_outline","landscape","language","laptop","laptop_chromebook","laptop_mac","laptop_windows","last_page","launch","layers","layers_clear","leak_add","leak_remove","lens","library_add","library_books","library_music","lightbulb_outline","line_style","line_weight","linear_scale","link","linked_camera","list","live_help","live_tv","local_activity","local_airport","local_atm","local_bar","local_cafe","local_car_wash","local_convenience_store","local_dining","local_drink","local_florist","local_gas_station","local_grocery_store","local_hospital","local_hotel","local_laundry_service","local_library","local_mall","local_movies","local_offer","local_parking","local_pharmacy","local_phone","local_pizza","local_play","local_post_office","local_printshop","local_see","local_shipping","local_taxi","location_city","location_disabled","location_off","location_on","location_searching","lock","lock_open","lock_outline","looks","looks_3","looks_4","looks_5","looks_6","looks_one","looks_two","loop","loupe","low_priority","loyalty","mail","mail_outline","map","markunread","markunread_mailbox","memory","menu","merge_type","message","mic","mic_none","mic_off","mms","mode_comment","mode_edit","monetization_on","money_off","monochrome_photos","mood","mood_bad","more","more_horiz","more_vert","motorcycle","mouse","move_to_inbox","movie","movie_creation","movie_filter","multiline_chart","music_note","music_video","my_location","nature","nature_people","navigate_before","navigate_next","navigation","near_me","network_cell","network_check","network_locked","network_wifi","new_releases","next_week","nfc","no_encryption","no_sim","not_interested","note","note_add","notifications","notifications_active","notifications_none","notifications_off","notifications_paused","offline_pin","ondemand_video","opacity","open_in_browser","open_in_new","open_with","pages","pageview","palette","pan_tool","panorama","panorama_fish_eye","panorama_horizontal","panorama_vertical","panorama_wide_angle","party_mode","pause","pause_circle_filled","pause_circle_outline","payment","people","people_outline","perm_camera_mic","perm_contact_calendar","perm_data_setting","perm_device_information","perm_identity","perm_media","perm_phone_msg","perm_scan_wifi","person","person_add","person_outline","person_pin","person_pin_circle","personal_video","pets","phone","phone_android","phone_bluetooth_speaker","phone_forwarded","phone_in_talk","phone_iphone","phone_locked","phone_missed","phone_paused","phonelink","phonelink_erase","phonelink_lock","phonelink_off","phonelink_ring","phonelink_setup","photo","photo_album","photo_camera","photo_filter","photo_library","photo_size_select_actual","photo_size_select_large","photo_size_select_small","picture_as_pdf","picture_in_picture","picture_in_picture_alt","pie_chart","pie_chart_outlined","pin_drop","place","play_arrow","play_circle_filled","play_circle_outline","play_for_work","playlist_add","playlist_add_check","playlist_play","plus_one","poll","polymer","pool","portable_wifi_off","portrait","power","power_input","power_settings_new","pregnant_woman","present_to_all","print","priority_high","public","publish","query_builder","question_answer","queue","queue_music","queue_play_next","radio","radio_button_checked","radio_button_unchecked","rate_review","receipt","recent_actors","record_voice_over","redeem","redo","refresh","remove","remove_circle","remove_circle_outline","remove_from_queue","remove_red_eye","remove_shopping_cart","reorder","repeat","repeat_one","replay","replay_10","replay_30","replay_5","reply","reply_all","report","report_problem","restaurant","restaurant_menu","restore","restore_page","ring_volume","room","room_service","rotate_90_degrees_ccw","rotate_left","rotate_right","rounded_corner","router","rowing","rss_feed","rv_hookup","satellite","save","scanner","schedule","school","screen_lock_landscape","screen_lock_portrait","screen_lock_rotation","screen_rotation","screen_share","sd_card","sd_storage","search","security","select_all","send","sentiment_dissatisfied","sentiment_neutral","sentiment_satisfied","sentiment_very_dissatisfied","sentiment_very_satisfied","settings","settings_applications","settings_backup_restore","settings_bluetooth","settings_brightness","settings_cell","settings_ethernet","settings_input_antenna","settings_input_component","settings_input_composite","settings_input_hdmi","settings_input_svideo","settings_overscan","settings_phone","settings_power","settings_remote","settings_system_daydream","settings_voice","share","shop","shop_two","shopping_basket","shopping_cart","short_text","show_chart","shuffle","signal_cellular_4_bar","signal_cellular_connected_no_internet_4_bar","signal_cellular_no_sim","signal_cellular_null","signal_cellular_off","signal_wifi_4_bar","signal_wifi_4_bar_lock","signal_wifi_off","sim_card","sim_card_alert","skip_next","skip_previous","slideshow","slow_motion_video","smartphone","smoke_free","smoking_rooms","sms","sms_failed","snooze","sort","sort_by_alpha","spa","space_bar","speaker","speaker_group","speaker_notes","speaker_notes_off","speaker_phone","spellcheck","star","star_border","star_half","stars","stay_current_landscape","stay_current_portrait","stay_primary_landscape","stay_primary_portrait","stop","stop_screen_share","storage","store","store_mall_directory","straighten","streetview","strikethrough_s","style","subdirectory_arrow_left","subdirectory_arrow_right","subject","subscriptions","subtitles","subway","supervisor_account","surround_sound","swap_calls","swap_horiz","swap_vert","swap_vertical_circle","switch_camera","switch_video","sync","sync_disabled","sync_problem","system_update","system_update_alt","tab","tab_unselected","tablet","tablet_android","tablet_mac","tag_faces","tap_and_play","terrain","text_fields","text_format","textsms","texture","theaters","thumb_down","thumb_up","thumbs_up_down","time_to_leave","timelapse","timeline","timer","timer_10","timer_3","timer_off","title","toc","today","toll","tonality","touch_app","toys","track_changes","traffic","train","tram","transfer_within_a_station","transform","translate","trending_down","trending_flat","trending_up","tune","turned_in","turned_in_not","tv","unarchive","undo","unfold_less","unfold_more","update","usb","verified_user","vertical_align_bottom","vertical_align_center","vertical_align_top","vibration","video_call","video_label","video_library","videocam","videocam_off","videogame_asset","view_agenda","view_array","view_carousel","view_column","view_comfy","view_compact","view_day","view_headline","view_list","view_module","view_quilt","view_stream","view_week","vignette","visibility","visibility_off","voice_chat","voicemail","volume_down","volume_mute","volume_off","volume_up","vpn_key","vpn_lock","wallpaper","warning","watch","watch_later","wb_auto","wb_cloudy","wb_incandescent","wb_iridescent","wb_sunny","wc","web","web_asset","weekend","whatshot","widgets","wifi","wifi_lock","wifi_tethering","work","wrap_text","youtube_searched_for","zoom_in","zoom_out","zoom_out_map"],exports.usePickerScroll=wo;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("@mui/material"),t=require("react"),r=require("@mui/material/styles"),i=require("@mui/icons-material/Link"),n=require("@mui/icons-material/Check"),l=require("@mui/icons-material/Remove"),a=require("@mui/icons-material/FiberManualRecord"),s=require("@mui/x-date-pickers/DatePicker"),d=require("@mui/x-date-pickers/LocalizationProvider"),c=require("@mui/x-date-pickers/AdapterDayjs"),p=require("dayjs"),x=require("@mui/material/TextField"),u=require("formik"),h=require("react-slick"),g=require("@mui/icons-material/AttachMoney"),m=require("@mui/icons-material/Search"),_=require("framer-motion"),f=require("@mui/icons-material/CheckCircle"),b=require("@mui/icons-material/Refresh"),y={xs:24,sm:32,md:40,lg:48,xl:56,"2xl":64},C={xs:8,sm:10,md:12,lg:14,xl:16,"2xl":18},S={xs:4,sm:5,md:6,lg:7,xl:8,"2xl":9},v=e=>"string"==typeof e&&Object.prototype.hasOwnProperty.call(y,e),k=e=>"number"==typeof e?e:v(e)?y[e]:40,I=e=>v(e)?e:"md",F=e=>({"top-left":{top:0,left:0},"top-right":{top:0,right:0},"top-center":{top:0,left:"50%",transform:"translateX(-50%)"},"bottom-left":{bottom:0,left:0},"bottom-right":{bottom:0,right:0},"bottom-center":{bottom:0,left:"50%",transform:"translateX(-50%)"}}[e]);var j=(e=>(e.BACKGROUND_COLOR_BADGE="#000000",e.COLOR_BADGE="#FFFFFF",e.COLOR_TITLE="#414651",e.COLOR_DESCRIPTION="#535862",e))(j||{});const E={large:{width:32,height:32},medium:{width:26,height:26},small:{width:18,height:18},extra_small:{width:20,height:20},extra_large:{width:36,height:36},avatar_group:{width:80,height:80}},B={50:"#EDFFFA",100:"#C3FFF2",200:"#87FFEB",300:"#42FFDC",400:"#0CF5CA",500:"#00D8B2",600:"#00AF93",700:"#008A77",800:"#026D60",900:"#07554B",950:"#003733"},w={50:"#FAFAFA",100:"#F5F5F5",200:"#E5E5E5",300:"#D4D4D4",400:"#A3A3A3",500:"#737373",600:"#525252",700:"#404040",800:"#202626",900:"#171717",950:"#0A0A0A"},T={50:"#F9AFAB",100:"#F3F4F6",200:"#E5E7EB",300:"#DDD5DB",400:"#9CA3AF",500:"#6B7280",600:"#4B5563",700:"#374151",800:"#1F2937",900:"#111827",950:"#030712"},A={50:"#FEF2F2",100:"#FEE2E2",200:"#FECACA",300:"#FCASA5",400:"#F87171",500:"#EF4444",600:"#DC2626",700:"#B91C1C",800:"#991B1B",900:"#7F1D1D",950:"#450A0A"},R={50:"#FFEEB8",100:"#FFDD93",200:"#FFD08A",300:"#FDE047",400:"#FACC15",500:"#EAB308",600:"#CA8A04",700:"#A16207",800:"#854D0E",900:"#713F12",950:"#422006"},O={50:"#F0FDF4",100:"#DCFCE7",200:"#BBF7D0",300:"#A6E96C",400:"#4ADE80",500:"#22C55E",600:"#16A34A",700:"#15803D",800:"#166534",900:"#14532D",950:"#052E16"},D={50:"#EFF8FF",100:"#0B8AFF",200:"#BFD8FE",300:"#93C5FD",400:"#60A5FA",500:"#3B82F6",600:"#2563EB",700:"#1D4ED8",800:"#1E40AF",900:"#1E3A8A",950:"#172554"},M={50:"#F3F3FF",100:"#F9F9FF",200:"#DDD6FE",300:"#C4B5FD",400:"#A78BFA",500:"#8B5CF6",600:"#7C3AED",700:"#6D28D9",800:"#5B21B6",900:"#4C1D95",950:"#2E1065"},z="scale(1.05)",L="0.2s",W="24px",N="16px",H="8px",P="6px",$="12px",U="10px",G="8px",V="3px",q={large:"22px",xl:"20px",medium:"19px",small:"12px"},Y={large:"12px",medium:"8px",small:"4px"},X="rgba(0, 0, 0, 0.12)",Z=Object.freeze(Object.defineProperty({__proto__:null,ANIMATION_TIME:300,BACKGROUND_SYSTEM:"#F2F2F2",BORDER_COLOR_CARD:X,BORDER_COLOR_LAYOUT:"#E4E6E6",BORDER_RADIUS_ELEMENT:U,BORDER_RADIUS_ELEMENT_ACTION:"24px",BORDER_RADIUS_ELEMENT_MIDDLE:G,BORDER_RADIUS_ELEMENT_SMALL:"6px",BORDER_RADIUS_ELEMENT_TAG:V,BORDER_RADIUS_ELEMENT_WRAPPER:$,FONT_SIZE_ICON:q,FONT_SIZE_LOADING:{large:40,medium:22.5,small:16},GAP_ICON_CONTENT_BY_SIZE:Y,HEIGHT_DEFAULT_TEXT_FIELD_BUTTON:"37.13px",HEIGHT_ELEMENT_OTHER:"36px",HEIGHT_HEADER:57,HEIGHT_IMAGE_DEFAULT:"40px",HEIGHT_LOGO_DEFAULT:"40px",PADDING_GAP_BUTTON:"12px",PADDING_GAP_ITEM:H,PADDING_GAP_ITEM_SMALL:P,PADDING_GAP_LAYOUT:N,PADDING_GAP_TAB:W,PADDING_LAYOUT_HEADER:"8px 12px",SCALE_VALUE:z,TEXT_FIELD:{FONT_SIZE_LABEL:15,FONT_SIZE_TITLE:18,FONT_SIZE_CAPTION:10},TRANSITION_TIME:L,VARIANT_BY_SIZE:{large:"h6",medium:"subtitle1",small:"caption"},WIDTH_COLLAPSE:55,WIDTH_LAYOUT_DESKTOP:"1200px",WIDTH_SIDEBAR:224,WIDTH_SIDEBAR_EXPAND:200,WIDTH_TEXT_FIELD:{large:300,medium:200,small:100}},Symbol.toStringTag,{value:"Module"})),K={primary:"Inter, sans-serif"},Q={"5xl":"48px","4xl":"32px","3xl":"28px","2xl":"24px",xl:"20px",lg:"18px",md:"16px",base:"14px",sm:"12px",xs:"10px"},J={bold:700,semiBold:600,medium:500,regular:400},ee={tight:1.2,normal:1.5,relaxed:1.75,loose:2},oe={normal:"normal",underline:"underline",strikethrough:"line-through"},te=(e,o,t,r)=>({fontFamily:K.primary,fontSize:"number"==typeof e?`${e}px`:e,fontWeight:o??J.regular,lineHeight:t??ee.normal,fontStyle:r??oe.normal}),re={h1:te(Q["5xl"],J.bold),h2:te(Q["4xl"],J.bold),h3:te(Q["3xl"],J.bold),h4:te(Q["2xl"],J.bold),h5:te(Q.xl,J.bold),h6:te(Q.lg,J.bold),body:te(Q.md,J.regular),caption:te(Q.sm,J.regular),text14Medium:te(Q.base,J.medium),text14Regular:te(Q.base,J.regular),text14SemiBold:te(Q.base,J.semiBold),text14Bold:te(Q.base,J.bold),text12Medium:te(Q.sm,J.medium),text12Regular:te(Q.sm,J.regular),text12SemiBold:te(Q.sm,J.semiBold),text12Bold:te(Q.sm,J.bold),text10Medium:te(Q.xs,J.medium),text10Regular:te(Q.xs,J.regular),text10SemiBold:te(Q.xs,J.semiBold),text10Bold:te(Q.xs,J.bold),textFieldLabel:te(Q.base,J.medium,ee.relaxed),textFieldHelper:te(Q.sm,J.regular,ee.relaxed)},ie={"2xl":{regular:{fontFamily:'"Inter",sans-serif',fontWeight:400,fontStyle:"normal",fontSize:"72px",lineHeight:"80px",letterSpacing:"0%",verticalAlign:"middle"},medium:{fontFamily:'"Inter",sans-serif',fontWeight:500,fontStyle:"normal",fontSize:"72px",lineHeight:"80px",letterSpacing:"0%",verticalAlign:"middle"},semiBold:{fontFamily:'"Inter",sans-serif',fontWeight:600,fontStyle:"normal",fontSize:"72px",lineHeight:"80px",letterSpacing:"0%",verticalAlign:"middle"},bold:{fontFamily:'"Inter",sans-serif',fontWeight:700,fontStyle:"normal",fontSize:"72px",lineHeight:"80px",letterSpacing:"0%",verticalAlign:"middle"}},xl:{regular:{fontFamily:'"Inter",sans-serif',fontWeight:400,fontStyle:"normal",fontSize:"60px",lineHeight:"68px",letterSpacing:"0%",verticalAlign:"middle"},medium:{fontFamily:'"Inter",sans-serif',fontWeight:500,fontStyle:"normal",fontSize:"60px",lineHeight:"68px",letterSpacing:"0%",verticalAlign:"middle"},semiBold:{fontFamily:'"Inter",sans-serif',fontWeight:600,fontStyle:"normal",fontSize:"60px",lineHeight:"68px",letterSpacing:"0%",verticalAlign:"middle"},bold:{fontFamily:'"Inter",sans-serif',fontWeight:700,fontStyle:"normal",fontSize:"60px",lineHeight:"68px",letterSpacing:"0%",verticalAlign:"middle"}},lg:{regular:{fontFamily:'"Inter",sans-serif',fontWeight:400,fontStyle:"normal",fontSize:"48px",lineHeight:"56px",letterSpacing:"0%",verticalAlign:"middle"},medium:{fontFamily:'"Inter",sans-serif',fontWeight:500,fontStyle:"normal",fontSize:"48px",lineHeight:"56px",letterSpacing:"0%",verticalAlign:"middle"},semiBold:{fontFamily:'"Inter",sans-serif',fontWeight:600,fontStyle:"normal",fontSize:"48px",lineHeight:"56px",letterSpacing:"0%",verticalAlign:"middle"},bold:{fontFamily:'"Inter",sans-serif',fontWeight:700,fontStyle:"normal",fontSize:"48px",lineHeight:"56px",letterSpacing:"0%",verticalAlign:"middle"}},md:{regular:{fontFamily:'"Inter",sans-serif',fontWeight:400,fontStyle:"normal",fontSize:"36px",lineHeight:"44px",letterSpacing:"0%",verticalAlign:"middle"},medium:{fontFamily:'"Inter",sans-serif',fontWeight:500,fontStyle:"normal",fontSize:"36px",lineHeight:"44px",letterSpacing:"0%",verticalAlign:"middle"},semiBold:{fontFamily:'"Inter",sans-serif',fontWeight:600,fontStyle:"normal",fontSize:"36px",lineHeight:"44px",letterSpacing:"0%",verticalAlign:"middle"},bold:{fontFamily:'"Inter",sans-serif',fontWeight:700,fontStyle:"normal",fontSize:"36px",lineHeight:"44px",letterSpacing:"0%",verticalAlign:"middle"}},sm:{regular:{fontFamily:'"Inter",sans-serif',fontWeight:400,fontStyle:"normal",fontSize:"30px",lineHeight:"38px",letterSpacing:"0%",verticalAlign:"middle"},medium:{fontFamily:'"Inter",sans-serif',fontWeight:500,fontStyle:"normal",fontSize:"30px",lineHeight:"38px",letterSpacing:"0%",verticalAlign:"middle"},semiBold:{fontFamily:'"Inter",sans-serif',fontWeight:600,fontStyle:"normal",fontSize:"30px",lineHeight:"38px",letterSpacing:"0%",verticalAlign:"middle"},bold:{fontFamily:'"Inter",sans-serif',fontWeight:700,fontStyle:"normal",fontSize:"30px",lineHeight:"38px",letterSpacing:"0%",verticalAlign:"middle"}},xs:{regular:{fontFamily:'"Inter",sans-serif',fontWeight:400,fontStyle:"normal",fontSize:"24px",lineHeight:"32px",letterSpacing:"0%",verticalAlign:"middle"},medium:{fontFamily:'"Inter",sans-serif',fontWeight:500,fontStyle:"normal",fontSize:"24px",lineHeight:"32px",letterSpacing:"0%",verticalAlign:"middle"},semiBold:{fontFamily:'"Inter",sans-serif',fontWeight:600,fontStyle:"normal",fontSize:"24px",lineHeight:"32px",letterSpacing:"0%",verticalAlign:"middle"},bold:{fontFamily:'"Inter",sans-serif',fontWeight:700,fontStyle:"normal",fontSize:"24px",lineHeight:"32px",letterSpacing:"0%",verticalAlign:"middle"}},textXl:{regular:{fontFamily:'"Inter",sans-serif',fontWeight:400,fontStyle:"normal",fontSize:"20px",lineHeight:"28px",letterSpacing:"0%",verticalAlign:"middle"},medium:{fontFamily:'"Inter",sans-serif',fontWeight:500,fontStyle:"normal",fontSize:"20px",lineHeight:"28px",letterSpacing:"0%",verticalAlign:"middle"},semiBold:{fontFamily:'"Inter",sans-serif',fontWeight:600,fontStyle:"normal",fontSize:"20px",lineHeight:"28px",letterSpacing:"0%",verticalAlign:"middle"},bold:{fontFamily:'"Inter",sans-serif',fontWeight:700,fontStyle:"normal",fontSize:"20px",lineHeight:"28px",letterSpacing:"0%",verticalAlign:"middle"}},textLg:{regular:{fontFamily:'"Inter",sans-serif',fontWeight:400,fontStyle:"normal",fontSize:"18px",lineHeight:"26px",letterSpacing:"0%",verticalAlign:"middle"},medium:{fontFamily:'"Inter",sans-serif',fontWeight:500,fontStyle:"normal",fontSize:"18px",lineHeight:"26px",letterSpacing:"0%",verticalAlign:"middle"},semiBold:{fontFamily:'"Inter",sans-serif',fontWeight:600,fontStyle:"normal",fontSize:"18px",lineHeight:"26px",letterSpacing:"0%",verticalAlign:"middle"},bold:{fontFamily:'"Inter",sans-serif',fontWeight:700,fontStyle:"normal",fontSize:"18px",lineHeight:"26px",letterSpacing:"0%",verticalAlign:"middle"}},textMd:{regular:{fontFamily:'"Inter",sans-serif',fontWeight:400,fontStyle:"normal",fontSize:"16px",lineHeight:"24px",letterSpacing:"0%",verticalAlign:"middle"},medium:{fontFamily:'"Inter",sans-serif',fontWeight:500,fontStyle:"normal",fontSize:"16px",lineHeight:"24px",letterSpacing:"0%",verticalAlign:"middle"},semiBold:{fontFamily:'"Inter",sans-serif',fontWeight:600,fontStyle:"normal",fontSize:"16px",lineHeight:"24px",verticalAlign:"middle"},bold:{fontFamily:'"Inter",sans-serif',fontWeight:700,fontStyle:"normal",fontSize:"16px",lineHeight:"24px",letterSpacing:"0%",verticalAlign:"middle"}},textSm:{regular:{fontFamily:'"Inter",sans-serif',fontWeight:400,fontStyle:"normal",fontSize:"14px",lineHeight:"22px",letterSpacing:"0%",verticalAlign:"middle"},medium:{fontFamily:'"Inter",sans-serif',fontWeight:500,fontStyle:"normal",fontSize:"14px",lineHeight:"22px",letterSpacing:"0%",verticalAlign:"middle"},semiBold:{fontFamily:'"Inter",sans-serif',fontWeight:600,fontStyle:"normal",fontSize:"14px",lineHeight:"22px",letterSpacing:"0%",verticalAlign:"middle"},bold:{fontFamily:'"Inter",sans-serif',fontWeight:700,fontStyle:"normal",fontSize:"14px",lineHeight:"22px",letterSpacing:"0%",verticalAlign:"middle"}},textXs:{regular:{fontFamily:'"Inter",sans-serif',fontWeight:400,fontStyle:"normal",fontSize:"12px",lineHeight:"20px",letterSpacing:"0%",verticalAlign:"middle"},medium:{fontFamily:'"Inter",sans-serif',fontWeight:500,fontStyle:"normal",fontSize:"12px",lineHeight:"20px",letterSpacing:"0%",verticalAlign:"middle"},semiBold:{fontFamily:'"Inter",sans-serif',fontWeight:600,fontStyle:"normal",fontSize:"12px",lineHeight:"20px",letterSpacing:"0%",verticalAlign:"middle"},bold:{fontFamily:'"Inter",sans-serif',fontWeight:700,fontStyle:"normal",fontSize:"12px",lineHeight:"20px",letterSpacing:"0%",verticalAlign:"middle"}},textSmall:{regular:{fontFamily:'"Inter",sans-serif',fontWeight:400,fontStyle:"normal",fontSize:"10px",lineHeight:"12px",letterSpacing:.1,verticalAlign:"middle"},medium:{fontFamily:'"Inter",sans-serif',fontWeight:500,fontStyle:"normal",fontSize:"10px",lineHeight:"12px",letterSpacing:"0%",verticalAlign:"middle"},semiBold:{fontFamily:'"Inter",sans-serif',fontWeight:600,fontStyle:"normal",fontSize:"10px",lineHeight:"12px",letterSpacing:.1,verticalAlign:"middle"},bold:{fontFamily:'"Inter",sans-serif',fontWeight:700,fontStyle:"normal",fontSize:"10px",lineHeight:"12px",letterSpacing:.1,verticalAlign:"middle"}}},ne=r.styled(o.Stack)(()=>({flexDirection:"row"}));r.styled(o.Stack)(()=>({flexDirection:"row",flexWrap:"wrap"}));const le=r.styled(o.Stack)(()=>({flexDirection:"row",alignItems:"center"}));r.styled(o.Stack)(()=>({flexDirection:"row",alignItems:"flex-end"})),r.styled(o.Stack)(()=>({flexDirection:"row",justifyContent:"center"}));const ae=r.styled(o.Stack)(()=>({flexDirection:"row",justifyContent:"space-around"})),se=r.styled(o.Stack)(()=>({flexDirection:"row",alignItems:"center",justifyContent:"center"})),de=r.styled(o.Stack)(()=>({flexDirection:"row",alignItems:"center",justifyContent:"flex-end"}));r.styled(o.Stack)(()=>({flexDirection:"row",justifyContent:"flex-end"})),r.styled(o.Stack)(()=>({flexDirection:"row",justifyContent:"space-between"}));const ce=r.styled(o.Stack)(()=>({flexDirection:"row",alignItems:"center",justifyContent:"space-between"}));r.styled(o.Stack)(()=>({flexDirection:"row",alignItems:"flex-start",justifyContent:"space-between"})),r.styled(o.Stack)(({theme:e})=>({backgroundColor:e.palette.background.default,padding:N,borderRadius:U})),r.styled(o.Stack)(({theme:e})=>({backgroundColor:e.palette.background.paper,padding:N,borderRadius:U})),r.styled(o.Stack)(()=>({flexDirection:"row",alignItems:"center",marginRight:P,gap:P})),r.styled(o.Stack)(({theme:e})=>({border:`1px solid ${e.palette.common.white}`,borderRadius:"50%",display:"flex",justifyContent:"center",alignItems:"center",background:e.palette.background.paper,width:16,height:16})),r.styled(o.Stack)(({theme:e})=>({borderRadius:V,backgroundColor:e.palette.background.paper,boxShadow:e.shadows[1],width:"fit-content",gap:"unset"})),r.styled(o.TableCell)(({theme:e})=>({[`&.${o.tableCellClasses.head}`]:{backgroundColor:"#008A77",color:e.palette.common.white,fontWeight:600},[`&.${o.tableCellClasses.body}`]:{fontSize:14},"&:first-of-type":{borderBottomLeftRadius:"0 !important"},"&:last-child":{borderBottomRightRadius:"0 !important"}})),r.styled(o.LinearProgress)(({theme:e})=>({height:10,borderRadius:5,[`&.${o.linearProgressClasses.colorPrimary}`]:{backgroundColor:e.palette.grey[200],...e.applyStyles("dark",{backgroundColor:e.palette.grey[800]})},[`& .${o.linearProgressClasses.bar}`]:{borderRadius:5,backgroundColor:e.palette.primary}}));var pe=(e=>(e.CIRCLE="CIRCLE",e.SQUARE="SQUARE",e.FULL_WIDTH="FULL_WIDTH",e))(pe||{});const xe=({isWrap:o=!1,children:t})=>o?e.jsx(ne,{alignItems:"center",className:"jsdsdj",children:t}):e.jsx(e.Fragment,{children:t}),ue=({url:r,onClick:i,sx:n={},isBorder:l=!1,isWrap:a=!1,sizeType:s=pe.CIRCLE,size:d="medium",className:c,style:p})=>{const{palette:x}=o.useTheme(),[u,h]=t.useState(!1);let g=n;i&&(g={...g,cursor:"pointer"});const m=s===pe.CIRCLE?"50%":s===pe.SQUARE?"6px":0;return e.jsxs(xe,{isWrap:a,children:[!u&&e.jsx(o.Skeleton,{variant:"rectangular",sx:{...E[d],borderRadius:m}}),e.jsx(o.Box,{component:"img",src:r,onClick:i,onLoad:()=>h(!0),onError:e=>{e.currentTarget.src="/images/diamond.png"},className:c,style:p,sx:{display:u?"block":"none",...E[d],objectFit:"cover",borderRadius:m,border:l?`1px solid ${x.divider}`:"none",...g}})]})},he=({url:t,size:r="md",border:i=!1,borderColor:n="#C3FFF2",borderWidth:l=4,onClick:a,sx:s={},children:d,...c})=>{const p={width:k(r),height:k(r),borderRadius:"50%",position:"relative",overflow:"hidden",...i&&{border:`${l}px solid ${n}`},...s};return!t&&d?e.jsx(o.Box,{...c,onClick:a,sx:{...p,display:"flex",alignItems:"center",justifyContent:"center",bgcolor:"#EDF2F7",color:"#111827",...a&&{cursor:"pointer"}},children:d}):e.jsxs(o.Box,{sx:p,children:[e.jsx(ue,{...c,url:t||"/images/avatarDefault.png",onClick:a,sx:{width:"100%",height:"100%",...a&&{cursor:"pointer"}}}),d&&e.jsx(o.Box,{sx:{position:"absolute",inset:0,display:"flex",alignItems:"center",justifyContent:"center",pointerEvents:"none"},children:d})]})},ge=({url:r,size:i="md",border:n=!1,borderColor:l="#C3FFF2",borderWidth:a=4,badge:s,badgePosition:d="bottom-right",onClick:c,sx:p={},sxProfile:x={},children:u,...h})=>{const g=s&&t.isValidElement(s)?t.cloneElement(s,{size:i}):s;return e.jsxs(o.Box,{sx:{position:"relative",display:"inline-flex",width:k(i),height:k(i),...p},children:[e.jsx(he,{url:r,size:i,border:n,borderWidth:a,borderColor:l,onClick:c,sx:x,...h,children:u}),g&&e.jsx(o.Box,{sx:{position:"absolute",...F(d)},children:g})]})},me=({icon:t,size:r="medium",color:i,disabled:n,onClick:l,sx:a,fill:s=0})=>{const{palette:d}=o.useTheme();return n&&(l=void 0,i="disabled"),l&&(a={cursor:"pointer","&:hover":{color:i?"none":d.primary.main},...a}),e.jsx(o.Icon,{onClick:l,color:i,sx:{cursor:"inherit",fontSize:q[r],fontVariationSettings:`'FILL' ${s}, 'wght' 100, 'GRAD' 200, 'opsz' 24`,...a},component:"span",className:"material-symbols-rounded",children:t})},_e=({avatars:t=[],maxDisplay:r=10,size:i="md",border:n=!0,borderColor:l="#FFFFFF",borderWidth:a=2,onAddClick:s,overlap:d=8,icon:c,sxAvatar:p,sx:x})=>{const u=t.slice(0,r),h=t.length-r,g=k(i);return e.jsxs(le,{sx:{gap:1,...x},children:[e.jsxs(o.Box,{sx:{display:"flex",alignItems:"center"},children:[u.map((t,r)=>e.jsx(o.Box,{sx:{marginLeft:r>0?`-${d}px`:0,position:"relative"},children:e.jsx(ge,{url:t.url,size:i,border:n,borderColor:l,borderWidth:a,sx:p})},t.id||r)),h>0&&e.jsxs(o.Box,{sx:{marginLeft:`-${d}px`,position:"relative",color:"#07554B",backgroundColor:"#EDFFFA",width:g,height:g,display:"flex",alignItems:"center",justifyContent:"center",border:"2px solid #ffffff",borderRadius:"50%",...ie.textMd.medium},children:["+",h]})]}),c&&e.jsx(o.Box,{sx:{width:g,height:g,borderRadius:"50%",border:"2px dashed #D1D5DB",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",transition:"all 0.2s","&:hover":{borderColor:"primary.main"}},onClick:s,children:e.jsx(me,{icon:c,sx:{color:"primary.main"}})})]})},fe=({content:t,sx:r={},...i})=>{return e.jsx(o.Typography,{sx:{...(n=1,{display:"-webkit-box",overflow:"hidden",WebkitBoxOrient:"vertical",WebkitLineClamp:n}),...r},...i,children:t});var n},be={">":"/images/icon/chevron-right.svg","/":"/images/icon/slash-separator.svg"},ye={light:100,main:500,dark:700},Ce={xs:{padding:"6px 12px",fontSize:"10px",height:"28px"},sm:{padding:"8px 16px",fontSize:"12px",height:"32px"},md:{padding:"16px 28px",fontSize:"14px",height:"60px",width:"192px"},lg:{padding:"12px 24px",fontSize:"16px",height:"44px"},xl:{padding:"14px 32px",fontSize:"18px",height:"48px"}},Se={brand:B,neutral:w,error:A,warning:R,success:O,accent:M,info:D},ve={ACTIVE_DOT_SIZE:8,ACTIVE_DOT_MARGIN_RIGHT:8,SPINNER_SIZE:16,GAP:8,BORDER_RADIUS:4,TRANSITION_DURATION:"0.3s"},ke={HOVER_TRANSLATE_Y:"-2px",ACTIVE_TRANSLATE_Y:"0",BOX_SHADOW:"0 4px 12px rgba(0, 0, 0, 0.15)",FOCUS_OFFSET:"2px"},Ie=({variant:t="solid",color:r="brand",shade:i="dark",size:n="md",prefix:l,suffix:a,prefixIcon:s,suffixIcon:d,iconStyle:c,loading:p=!1,children:x,fullWidth:u=!1,disabled:h=!1,active:g=!1,activeDotColor:m="#10b981",sx:_,sizePadding:f="md",...b})=>{const y=((e,o,t,r,i,n)=>{const l="string"==typeof o&&!(o in Se),a=l?Se.neutral:Se[o],s=l?o:void 0,d=Ce[n]||Ce.md;let c;c=s||("number"==typeof t?a[t]||a[700]:a[ye[t]||700]);const p=a[100],x={padding:d.padding,fontFamily:re.body.fontFamily,fontWeight:re.body.fontWeight,borderRadius:`${ve.BORDER_RADIUS}px`,gap:`${ve.GAP}px`,textTransform:"none",transition:`all ${ve.TRANSITION_DURATION} ease`,"&:hover":{transform:`translateY(${ke.HOVER_TRANSLATE_Y})`,boxShadow:ke.BOX_SHADOW},"&:active":{transform:`translateY(${ke.ACTIVE_TRANSLATE_Y})`},"&:focus-visible":{outline:`1px solid ${c}`,outlineOffset:ke.FOCUS_OFFSET}},u={solid:{backgroundColor:c,color:"#ffffff","&:hover":{...x["&:hover"],backgroundColor:c},"&:focus-visible":{...x["&:focus-visible"],outline:"1px solid #ffffff"}},outline:{backgroundColor:"transparent",color:c,border:`1px solid ${c}`,"&:hover":{...x["&:hover"],backgroundColor:"transparent",border:`1px solid ${c}`}},ghost:{backgroundColor:p,color:c,"&:hover":{...x["&:hover"],backgroundColor:p}},text:{backgroundColor:"transparent",color:c,border:"none","&:hover":{...x["&:hover"],backgroundColor:"transparent"}}};return{...x,...u[e]}})(t,r,i,0,0,f),C=p?e.jsx(o.CircularProgress,{size:ve.SPINNER_SIZE,sx:{color:w[50]}}):s?e.jsx(me,{icon:s,sx:c}):l||null,S=d?e.jsx(me,{icon:d,sx:c}):a||null,v=!x&&!g&&(C||S),k=g?e.jsx("span",{style:{width:`${ve.ACTIVE_DOT_SIZE}px`,height:`${ve.ACTIVE_DOT_SIZE}px`,borderRadius:"50%",backgroundColor:m,display:"inline-block",flexShrink:0,marginRight:`${ve.ACTIVE_DOT_MARGIN_RIGHT}px`}}):null;return e.jsx(o.Button,{sx:{...y,..._},disabled:h||p,fullWidth:u,startIcon:v?void 0:C,endIcon:v?void 0:S,...b,children:v?e.jsxs(e.Fragment,{children:[C,S]}):e.jsxs(e.Fragment,{children:[k,x]})})},Fe={default:{border:"#D0D5DD",background:"#FFFFFF",hoverBg:"#F0FDF9"},checked:{border:"#07554B",filledBg:"#07554B",outlinedBg:"#FFFFFF",icon:"#FFFFFF"},disabled:{border:"#E4E7EC",background:"#F2F4F7",icon:"#98A2B3"}},je={default:"#344054",disabled:"#D0D5DD"},Ee={small:{boxSize:16,iconSize:14,titleFontSize:14,titleFontWeight:500},medium:{boxSize:20,iconSize:16,titleFontSize:16,titleFontWeight:600}},Be=({checked:t=!1,disabled:r=!1,shape:i="square",size:s="medium",variant:d="filled",iconType:c="check",title:p,children:x,onChange:u,sxCheckbox:h,sxLabel:g,sx:m})=>{const _=Ee[s],f="filled"===d,b=()=>{r||u?.(!t)},y=r?Fe.disabled.background:t?f?h?.backgroundColor||Fe.checked.filledBg:Fe.checked.outlinedBg:Fe.default.background,C=r?Fe.disabled.border:t?h?.borderColor||Fe.checked.border:Fe.default.border,S=r?Fe.disabled.icon:h?.color?h.color:f?Fe.checked.icon:Fe.checked.border,v=e.jsx(se,{role:"checkbox",tabIndex:r?-1:0,"aria-checked":t,onClick:b,onKeyDown:e=>{r||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),b())},sx:{width:_.boxSize,height:_.boxSize,cursor:r?"not-allowed":"pointer",userSelect:"none",borderRadius:"circle"===i?"50%":`calc(${G} / 2)`,border:`1px solid ${C}`,backgroundColor:y,transition:`all ${L} ease`,...!r&&(!t||!f)&&{"&:hover":{borderColor:h?.backgroundColor||Fe.checked.border,backgroundColor:Fe.default.hoverBg}},"&:focus-visible":{outline:"none",boxShadow:"0 0 0 3px rgba(14, 147, 132, 0.25)"},...r&&{opacity:.4},...h},children:(()=>{if(!t)return null;const o={width:_.iconSize,height:_.iconSize,color:S};switch(c){case"check":return e.jsx(n,{sx:o});case"minus":return e.jsx(l,{sx:o});case"dot":return e.jsx(a,{sx:{...o,width:_.iconSize-3,height:_.iconSize-3}});case"custom":return x;default:return null}})()});return p?e.jsxs(le,{gap:H,onClick:b,sx:{cursor:r?"not-allowed":"pointer",...m},children:[v,e.jsx(o.Typography,{fontSize:_.titleFontSize,fontWeight:_.titleFontWeight,color:r?je.disabled:je.default,sx:{userSelect:"none",...g},children:p})]}):v},we={small:{titleFontSize:14,titleFontWeight:500,contentFontSize:14,lineHeight:"20px"},medium:{titleFontSize:16,titleFontWeight:600,contentFontSize:16,lineHeight:"24px"}},Te={WITH_ICON_LEFT:"4px 8px 4px 4px",WITH_ICON_RIGHT:"4px 4px 4px 8px",NO_ICON:"4px 8px"},Ae={small:{height:24,fontSize:"12px",borderRadius:"12px",iconSize:"16px"},medium:{height:32,fontSize:"14px",borderRadius:"16px",iconSize:"18px"},large:{height:40,fontSize:"16px",borderRadius:"20px",iconSize:"22px"}},Re=(e,o)=>e?"left"===o?Te.WITH_ICON_LEFT:Te.WITH_ICON_RIGHT:Te.NO_ICON,Oe=({icon:t,size:r,sxIcon:i})=>e.jsx(o.Box,{sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",borderRadius:"50%",padding:"2px","& svg":{width:r,height:r,display:"block"},...i},children:t}),De="#FFFFFF";var Me=(e=>(e.SQUARE="4px",e.CIRCLE="20px",e))(Me||{}),ze=(e=>(e.SQUARE="square",e.CIRCLE="circle",e))(ze||{}),Le=(e=>(e.HORIZONTAL="horizontal",e.VERTICAL="vertical",e))(Le||{}),We=(e=>(e[e.SMALL=32]="SMALL",e[e.MEDIUM=40]="MEDIUM",e))(We||{});const Ne={BORDER_COLOR_BUTTON:"#07554B",BORDER_COLOR_DISABLE:"#0000000D",HOVER_BG_COLOR:"rgba(7, 85, 75, 0.04)",BACKGROUND_COLOR:"#FFFFFF",TEXT_COLOR_READONLY:"#27272A"},He={large:40},Pe=({orientation:t,buttonShape:r})=>e.jsxs(o.Box,{display:"inline-flex",flexDirection:t===Le.HORIZONTAL?"row":"column",alignItems:"center",gap:1,children:[e.jsx(o.Skeleton,{variant:r===ze.CIRCLE?"circular":"rectangular",width:He.large,height:He.large,sx:{borderRadius:r===ze.CIRCLE?Me.CIRCLE:Me.SQUARE,maxHeight:He.large}}),e.jsx(o.Skeleton,{width:He.large,sx:{borderRadius:"20px"}}),e.jsx(o.Skeleton,{variant:r===ze.CIRCLE?"circular":"rectangular",width:He.large,height:He.large,sx:{borderRadius:r===ze.CIRCLE?Me.CIRCLE:Me.SQUARE,maxHeight:He.large}})]}),$e=({onClick:t,sx:r={},target:i="_self",...n})=>e.jsx(o.Link,{target:i,rel:"noopener",sx:{textDecoration:"none",color:"unset",...r},onClick:e=>{t&&(e.preventDefault(),t())},...n}),Ue=r.styled(x)(({theme:e})=>({"& .MuiOutlinedInput-root":{"& fieldset":{borderColor:w[300]},"&:hover fieldset":{borderColor:w[400]},"&.Mui-focused fieldset":{borderColor:w[300],borderWidth:"2px"},"&.Mui-focused":{boxShadow:"0 1px 2px 0 rgba(10, 13, 18, 0.05), 0 0 0 4px #FEE4E2"},"&.Mui-disabled":{backgroundColor:w[100],"& fieldset":{borderColor:w[200]},"& input":{color:w[400],WebkitTextFillColor:w[400]}},"&.Mui-error fieldset":{borderColor:A[600],borderWidth:"1px"},"&.Mui-error:hover fieldset":{borderColor:A[600]},"&.Mui-error.Mui-focused fieldset":{borderColor:A[600],borderWidth:"2px"},"&.Mui-error.Mui-focused":{boxShadow:"0 1px 2px 0 rgba(10, 13, 18, 0.05), 0 0 0 4px rgba(255, 66, 79, 0.15)"}},"& .MuiInputBase-input":{...re.text14Regular,padding:"8px 10px",color:T[900],"&::placeholder":{color:w[400],opacity:.7},"&:focus":{outline:"none"}},"& .MuiInputLabel-root":{...re.textFieldLabel,color:T[800],transform:"translate(14px, -9px) scale(0.75)","&.Mui-focused":{color:w[500]},"&.Mui-error":{color:A[600]}},"& .MuiFormHelperText-root":{...re.textFieldHelper,margin:"4px 0 0 0","&.Mui-error":{color:A[600]}}})),Ge={check_circle:"#10B981",warning:"#F59E0B",error:"#EF4444",info:"#3B82F6"},Ve=({content:t})=>e.jsx(o.Typography,{sx:{...ie.textLg.semiBold,color:"#101828"},children:t}),qe=({content:t})=>e.jsx(o.Typography,{sx:{...ie.textSm.regular,color:"#667085"},children:t}),Ye=({type:t,size:r=48})=>e.jsx(o.Box,{sx:{width:r,height:r,borderRadius:"28px",bgcolor:`${Ge[t]}20`,display:"flex",alignItems:"center",justifyContent:"center"},children:e.jsx(me,{icon:t,sx:{fontSize:.6*r,color:Ge[t],flex:1}})}),Xe=({isForm:o=!1,children:r})=>o?e.jsx(u.Form,{noValidate:!0,children:r}):e.jsx(t.Fragment,{children:r}),Ze=["USD","EUR","GBP","JPY","AUD","CAD","CHF","CNY","VND","INR"],Ke=e=>{if(!e)return"";return e.replace(/\D/g,"").replace(/\B(?=(\d{3})+(?!\d))/g,",")},Qe=r.styled(x)(({theme:e})=>({"& .MuiOutlinedInput-root":{"& fieldset":{borderColor:w[300]},"&:hover fieldset":{borderColor:w[400]},"&.Mui-focused fieldset":{borderColor:w[300],borderWidth:"2px"},"&.Mui-focused":{boxShadow:"0 1px 2px 0 rgba(10, 13, 18, 0.05), 0 0 0 4px #FEE4E2"},"&.Mui-disabled":{backgroundColor:w[100],"& fieldset":{borderColor:w[200]},"& input":{color:w[400],WebkitTextFillColor:w[400]}},"&.Mui-error fieldset":{borderColor:A[600],borderWidth:"1px"},"&.Mui-error:hover fieldset":{borderColor:A[600]},"&.Mui-error.Mui-focused fieldset":{borderColor:A[600],borderWidth:"2px"},"&.Mui-error.Mui-focused":{boxShadow:"0 1px 2px 0 rgba(10, 13, 18, 0.05), 0 0 0 4px rgba(255, 66, 79, 0.15)"}},"& .MuiInputBase-input":{...re.text14Regular,padding:"8px 10px",color:T[900],"&::placeholder":{color:w[400],opacity:.7},"&:focus":{outline:"none"}},"& .MuiInputLabel-root":{...re.textFieldLabel,color:T[800],transform:"translate(14px, -9px) scale(0.75)","&.Mui-focused":{color:w[500]},"&.Mui-error":{color:A[600]}},"& .MuiFormHelperText-root":{...re.textFieldHelper,margin:"4px 0 0 0","&.Mui-error":{color:A[600]}}})),Je=[{code:"US",name:"United States",flag:"🇺🇸",value:"+1"},{code:"GB",name:"United Kingdom",flag:"🇬🇧",value:"+44"},{code:"CA",name:"Canada",flag:"🇨🇦",value:"+1"},{code:"AU",name:"Australia",flag:"🇦🇺",value:"+61"},{code:"VN",name:"Vietnam",flag:"🇻🇳",value:"+84"},{code:"JP",name:"Japan",flag:"🇯🇵",value:"+81"},{code:"CN",name:"China",flag:"🇨🇳",value:"+86"},{code:"IN",name:"India",flag:"🇮🇳",value:"+91"},{code:"DE",name:"Germany",flag:"🇩🇪",value:"+49"},{code:"FR",name:"France",flag:"🇫🇷",value:"+33"}],eo=r.styled(x)(()=>({"& .MuiOutlinedInput-root":{"& fieldset":{borderColor:w[300]},"&:hover fieldset":{borderColor:w[400]},"&.Mui-focused fieldset":{borderColor:w[300],borderWidth:"2px"},"&.Mui-focused":{boxShadow:"0 1px 2px 0 rgba(10, 13, 18, 0.05), 0 0 0 4px #FEE4E2"},"&.Mui-disabled":{backgroundColor:w[100],"& fieldset":{borderColor:w[200]},"& input":{color:w[400],WebkitTextFillColor:w[400]}},"&.Mui-error fieldset":{borderColor:A[600],borderWidth:"1px"},"&.Mui-error:hover fieldset":{borderColor:A[600]},"&.Mui-error.Mui-focused fieldset":{borderColor:A[600],borderWidth:"2px"},"&.Mui-error.Mui-focused":{boxShadow:"0 1px 2px 0 rgba(10, 13, 18, 0.05), 0 0 0 4px rgba(255, 66, 79, 0.15)"}},"& .MuiInputBase-input":{...re.text14Regular,padding:"8px 10px",color:T[900],"&::placeholder":{color:w[400],opacity:.7},"&:focus":{outline:"none"}},"& .MuiInputLabel-root":{...re.textFieldLabel,color:T[800],transform:"translate(14px, -9px) scale(0.75)","&.Mui-focused":{color:w[500]},"&.Mui-error":{color:A[600]}},"& .MuiFormHelperText-root":{...re.textFieldHelper,margin:"4px 0 0 0","&.Mui-error":{color:A[600]}}})),oo={sm:{width:40,height:40,fontSize:18},md:{width:48,height:48,fontSize:20},lg:{width:56,height:56,fontSize:24}},to={sm:8,md:12,lg:16},ro=o.styled(o.Autocomplete)(()=>({"& .MuiOutlinedInput-root":{padding:"4px 10px !important",display:"flex",alignItems:"center",gap:"4px","& fieldset":{borderColor:w[300]},"&:hover fieldset":{borderColor:w[400]},"&.Mui-focused fieldset":{borderColor:w[300]+" !important",borderWidth:"1.5px"},"&.Mui-disabled":{backgroundColor:w[100],"& fieldset":{borderColor:w[200]}},"&.Mui-error fieldset":{borderColor:A[500]},"&.Mui-success fieldset":{borderColor:O[500]}},"& .MuiInputBase-input":{padding:"4px 4px !important",fontSize:"14px",flex:1,minWidth:"60px","&::placeholder":{color:w[400],opacity:1},"&.Mui-disabled":{color:w[400],WebkitTextFillColor:w[400]}},"& .MuiAutocomplete-endAdornment":{paddingRight:"4px"},"& .MuiAutocomplete-tag":{backgroundColor:M[50],border:`1px solid ${M[200]}`,color:M[900],fontSize:"12px",margin:"2px","& .MuiChip-deleteIcon":{color:M[400],"&:hover":{color:M[600]}}},"& .search-dropdown-limit-badge":{backgroundColor:M[50],border:`1px solid ${M[200]}`,color:M[700],...ie.textSmall.semiBold,margin:"2px"}})),io=o.styled(o.Autocomplete)(({theme:e})=>({"& .MuiOutlinedInput-root":{padding:"0 !important",display:"flex",alignItems:"center",gap:"8px","& fieldset":{borderColor:w[300]},"&:hover fieldset":{borderColor:w[400]},"&.Mui-focused fieldset":{borderColor:w[300]+" !important"},"&.Mui-disabled":{backgroundColor:w[100],"& fieldset":{borderColor:w[200]}}},"& .MuiInputBase-input":{padding:"8px 8px 8px 0 !important",fontSize:"14px",flex:1,"&::placeholder":{color:w[400],opacity:1},"&.Mui-disabled":{color:w[400],WebkitTextFillColor:w[400]}},"& .MuiAutocomplete-endAdornment":{paddingRight:"8px"}})),no={small:{width:"36px",height:"20px",thumbSize:"16px"},medium:{width:"44px",height:"24px",thumbSize:"20px"}},lo={dark:{trackBackgroundColor:"#F2F4F7",trackHoverColor:"#EAECF0",trackCheckedColor:"#07554B",thumbFocusColor:"#F4EBFF"},light:{trackBackgroundColor:"#F9F5FF",trackHoverColor:"#F4EBFF",trackCheckedColor:"#E9D7FE",thumbFocusColor:"#F4EBFF"}},ao=o.styled(o.Switch,{shouldForwardProp:e=>"size"!==e})(({theme:e,size:o="medium"})=>{const t=e.palette.mode,{width:r,height:i,thumbSize:n}=no[o],{trackBackgroundColor:l,trackHoverColor:a,trackCheckedColor:s,thumbFocusColor:d}=lo[t]||lo.light;return{width:r,height:i,padding:0,"& .MuiSwitch-switchBase":{padding:0,margin:2,transitionDuration:"300ms","&.Mui-checked":{transform:`translateX(${"small"===o?"16px":"20px"})`,color:"#FFFFFF","& + .MuiSwitch-track":{backgroundColor:s,opacity:1,border:0}},"&.Mui-focusVisible .MuiSwitch-thumb":{color:d,border:"6px solid #fff",boxShadow:"0 0 0 4px #F4EBFF"},"&.Mui-disabled .MuiSwitch-thumb":{color:"#FFFFFF"},"&.Mui-disabled + .MuiSwitch-track":{backgroundColor:l}},"& .MuiSwitch-thumb":{boxSizing:"border-box",width:n,height:n},"& .MuiSwitch-track":{borderRadius:13,backgroundColor:l,opacity:1,transition:e.transitions.create(["background-color"],{duration:500}),"&:hover":{backgroundColor:a}}}}),so=({title:o,sx:t,...r})=>o?e.jsxs(de,{sx:{display:"inline-flex",alignItems:"center",gap:"12px",...t},children:[e.jsx(ao,{disableRipple:!0,...r}),o]}):e.jsx(ao,{disableRipple:!0,...r});var co=(e=>(e.AUTO="auto",e.ON="on",e.OFF="off",e))(co||{});const po={position:"relative",padding:"18px 16px",cursor:"pointer",minHeight:44,"&:hover":{bgcolor:"#F3F4F6"}},xo={width:"1px",alignSelf:"stretch",bgcolor:"#E5E7EB"},uo={display:"flex",alignItems:"center",borderBottom:"2px solid #E5E7EB"},ho={position:"absolute",bottom:-2,left:0,right:0,height:"2px",bgcolor:"#0F766E"},go={position:"relative",padding:"10px",cursor:"pointer",minHeight:40,"&:hover":{bgcolor:"#F3F4F6"},width:"100%"},mo={position:"absolute",inset:0,bgcolor:"#E6EEED",borderRadius:1};var _o=(e=>(e.ACTIVE_TEXT="#0F766E",e.INACTIVE_TEXT="#6B7280",e.HOVER_BACKGROUND="#F3F4F6",e.MENU_ACTIVE_BACKGROUND="#E0F2FE",e))(_o||{});const fo=r.styled(x)(({theme:e})=>({"& .MuiOutlinedInput-root":{"& fieldset":{borderColor:w[300]},"&:hover fieldset":{borderColor:w[400]},"&.Mui-focused fieldset":{borderColor:w[300],borderWidth:"2px"},"&.Mui-focused":{boxShadow:"0 1px 2px 0 rgba(10, 13, 18, 0.05), 0 0 0 4px #FEE4E2"},"&.Mui-disabled":{backgroundColor:w[100],"& fieldset":{borderColor:w[200]},"& input":{color:w[400],WebkitTextFillColor:w[400]}},"&.Mui-error fieldset":{borderColor:A[500],borderWidth:"1px"},"&.Mui-error:hover fieldset":{borderColor:A[500]},"&.Mui-error.Mui-focused fieldset":{borderColor:A[500],borderWidth:"2px"},"&.Mui-error.Mui-focused":{boxShadow:"0 1px 2px 0 rgba(10, 13, 18, 0.05), 0 0 0 4px rgba(255, 66, 79, 0.15)"}},"& .MuiInputBase-input":{...re.text14Regular,padding:"8px 10px",color:T[900],"&::placeholder":{color:w[400],opacity:.7},"&:focus":{outline:"none"}},"& .MuiInputLabel-root":{...re.textFieldLabel,color:T[800],transform:"translate(14px, -9px) scale(0.75)","&.Mui-focused":{color:w[500]},"&.Mui-error":{color:A[600]}},"& .MuiFormHelperText-root":{...re.textFieldHelper,margin:"4px 0 0 0","&.Mui-error":{color:A[600]}}})),bo={progressBar:{position:"absolute",top:0,left:0,height:"100%",backgroundColor:T[200],opacity:.8,transition:"width 0.3s ease, opacity 0.3s ease",animation:"wave 1.5s linear infinite","@keyframes wave":{"0%":{backgroundPosition:"0% 0%"},"50%":{backgroundPosition:"100% 0%"},"100%":{backgroundPosition:"0% 0%"}}},imageIcon:{width:"40px",height:"40px",flexShrink:0,position:"relative",zIndex:1},contentBox:{flexGrow:1,minWidth:0,position:"relative",zIndex:1},textBox:{minWidth:0,flexGrow:1,mr:2},actionBox:{flexShrink:0,display:"flex",alignItems:"center",position:"relative",zIndex:1},linearProgress:{mt:1,width:"100%"}},yo=["mp4","mov","avi","wmv","flv","mkv","webm"],Co="/images/icon/film.svg",So="/images/icon/file.svg",vo=e=>{if(0===e)return"0 Bytes";const o=Math.floor(Math.log(e)/Math.log(1024));return parseFloat((e/Math.pow(1024,o)).toFixed(2))+" "+["Bytes","KB","MB","GB","TB"][o]},ko=({file:r,progress:i=0,status:n="pending",onDelete:l,onRetry:a,isProcess:s=!0,borderSuccess:d,borderError:c=A[600],sx:p})=>{const x=t.useMemo(()=>(e=>{const o=e.split(".").pop()?.toLowerCase();return o&&yo.includes(o)?Co:So})(r.name),[r.name]),u="success"===n,h="failed"===n,g="uploading"===n,m=h?String(c):u&&d?String(d):"#e0e0e0",_=h?String(c):"#737373",y=h?String(c):"#a3a3a3";return e.jsxs(o.Box,{sx:{display:"flex",alignItems:"flex-start",padding:"16px",border:"1px solid",borderColor:m,borderRadius:"8px",gap:"16px",position:"relative",overflow:"hidden",transition:"background-color 0.3s ease",backgroundColor:"background.paper",...p},children:[!s&&g&&!u&&!h&&e.jsx(o.Box,{sx:{...bo.progressBar,width:`${i}%`}}),e.jsx(o.Box,{component:"img",src:x,alt:"file icon",sx:bo.imageIcon}),e.jsxs(o.Box,{sx:bo.contentBox,children:[e.jsxs(ce,{children:[e.jsxs(o.Box,{sx:bo.textBox,children:[e.jsx(o.Typography,{noWrap:!0,title:r.name,sx:{...re.text14Medium,color:_},children:r.name}),e.jsxs(o.Typography,{sx:{...re.text14Regular,color:y},children:[vo(r.size),g&&!u?` • ${Math.round(i)}% uploaded`:h?" • Upload failed":""]})]}),e.jsxs(o.Box,{sx:bo.actionBox,children:[!s&&g&&!u&&e.jsx(o.Box,{sx:{position:"relative",display:"inline-flex",mr:1},children:e.jsx(o.CircularProgress,{variant:"determinate",value:i,color:"success",size:24})}),u&&e.jsx(f,{color:"success",sx:{mr:1}}),h&&a&&e.jsx(o.IconButton,{size:"small",onClick:a,title:"Retry upload",children:e.jsx(b,{fontSize:"small",sx:{color:c}})}),!h&&l&&e.jsx(o.IconButton,{size:"small",onClick:l,children:e.jsx(me,{icon:"delete"})})]})]}),s&&g&&e.jsx(o.Box,{sx:bo.linearProgress,children:e.jsx(o.LinearProgress,{variant:"determinate",value:i,color:"success",sx:{height:8,borderRadius:4}})})]})]})},Io=40,Fo=5,jo=320,Eo=100,Bo=`1px solid ${w[200]}`,wo=({value:e,options:o,onChange:r,itemHeight:i=Io})=>{const n=t.useRef(null);t.useEffect(()=>{const t=n.current,r=o.findIndex(o=>o.value===e);if(!t||-1===r)return;Math.round(t.scrollTop/i)%o.length!==r&&(t.scrollTop=r*i)},[e,o,i]);const l=o.findIndex(o=>o.value===e);return{scrollRef:n,handleScroll:t=>{if(!n.current)return;let l=n.current.scrollTop;const a=Math.round(l/i)%o.length,s=o[a];s&&s.value!==e&&r(s.value)},activeIndex:l,scrollToValue:e=>{if(!n.current)return;const t=o.findIndex(o=>o.value===e);if(-1===t)return;let r=t*i;n.current.scrollTo({top:r,behavior:"smooth"})}}},To=({options:t,value:r,onChange:i,width:n=100,showScrollbar:l=!1,sx:a})=>{const{scrollRef:s,handleScroll:d,activeIndex:c,scrollToValue:p}=wo({value:r,options:t,onChange:i}),x=Io,u=Math.floor(Fo/2)*x;return e.jsx(ne,{sx:{height:x*Fo,overflow:"hidden",position:"relative",width:n,minWidth:"60px",...a},children:e.jsx(_.motion.div,{ref:s,onScroll:d,style:{height:"100%",overflowY:"auto",scrollSnapType:"y mandatory",scrollbarWidth:l?"auto":"none",paddingTop:u,paddingBottom:u},initial:{opacity:0},animate:{opacity:1},transition:{duration:.3},children:t.map((r,i)=>{const n=i%t.length===c;return e.jsx(se,{sx:{height:x,scrollSnapAlign:"center",cursor:"pointer",transition:`all ${L}`,paddingX:H},onClick:()=>p(r.value),children:e.jsx(o.Typography,{sx:{...ie.textMd.bold,color:n?w[800]:w[300],transition:`color ${L}, font-weight ${L}`,whiteSpace:"nowrap",transform:n?z:"scale(1)"},children:r.label})},`${r.value}-${i}`)})})})},Ao={xs:48,sm:56,md:64,lg:72,xl:80,"2xl":88},Ro="#FFFFFF",Oo="linear-gradient(to top, rgba(0,0,0,0.7), transparent)",Do="rgba(255, 255, 255, 0.3)",Mo="rgba(255, 255, 255, 0.5)",zo="rgba(255,255,255,0.2)",Lo="rgba(255,255,255,0.3)",Wo=e=>{if(!Number.isFinite(e)||isNaN(e)||e<0)return"0:00";const o=Math.floor(e/60),t=Math.floor(e%60);if(o>=60){return`${Math.floor(o/60)}:${(o%60).toString().padStart(2,"0")}:${t.toString().padStart(2,"0")}`}return`${o}:${t.toString().padStart(2,"0")}`},No=e=>{const o=e.match(/(?:youtube\.com\/(?:[^\/]+\/.+\/|(?:v|e(?:mbed)?)\/|.*[?&]v=)|youtu\.be\/)([^"&?\/\s]{11})/i);return o?`https://www.youtube.com/embed/${o[1]}`:""},Ho=e=>{const o=e.toLowerCase();return o.endsWith(".webm")?"video/webm":o.endsWith(".ogg")||o.endsWith(".ogv")?"video/ogg":(o.endsWith(".mp4"),"video/mp4")};exports.ACCESSIBILITY=ke,exports.AVATAR_SIZES=y,exports.AvatarColor=j,exports.AvatarComponent=ge,exports.AvatarGroupComponent=_e,exports.AvatarLabelGroupComponent=({title:t,description:r,url:i,size:n="md",border:l,borderColor:a,borderWidth:s,badge:d,badgePosition:c,onClick:p,sx:x,sxAvatar:u,children:h,...g})=>e.jsxs(o.Stack,{direction:"row",alignItems:"center",sx:{gap:U,...x},children:[e.jsx(ge,{url:i,size:n,border:l,borderColor:a,borderWidth:s,badge:d,badgePosition:c,onClick:p,sx:u,...g,children:h}),e.jsxs(o.Stack,{sx:{gap:0},children:[e.jsx(o.Typography,{noWrap:!0,sx:{...ie.textSm.semiBold,color:j.COLOR_TITLE},children:t}),e.jsx(o.Typography,{noWrap:!0,sx:{...ie.textXs.regular,color:j.COLOR_DESCRIPTION},children:r})]})]}),exports.AvatarProfileComponent=he,exports.AvatarUserComponent=({title:t,description:r,descriptionHref:n,onDescriptionClick:l,titleColor:a="#414651",descriptionColor:s="#535862",url:d,onClick:c,size:p=160,sx:x})=>e.jsxs(o.Stack,{sx:{gap:1,...x},children:[e.jsx(ue,{sx:{width:k(p),height:k(p),...c&&{cursor:"pointer"}},url:d||"/images/avatarDefault.png",sizeType:pe.SQUARE}),e.jsxs(o.Stack,{sx:{gap:0},children:[e.jsx(fe,{sx:{...ie.textLg.semiBold,color:a},content:t}),r&&e.jsxs(o.Link,{href:n,onClick:l,sx:{display:"flex",alignItems:"center",gap:.5,textDecoration:"underline",color:s,...ie.textSm.regular,cursor:"pointer","&:hover":{opacity:.8}},children:[e.jsx(i,{sx:{fontSize:16,color:s}}),r]})]})]}),exports.BADGE_FONT_SIZES=S,exports.BADGE_SIZES=C,exports.BORDER_TEXT_FIELD_LOADING=20,exports.BUTTON_CONSTANTS=ve,exports.BadgeImage=({url:t,size:r="md"})=>e.jsx(o.Box,{component:"img",src:t,alt:"badge",sx:{width:C[I(r)],height:C[I(r)],borderRadius:"50%",objectFit:"cover",display:"flex",alignItems:"center",justifyContent:"center"}}),exports.BadgeLive=({text:t="LIVE",size:r="md"})=>{const{typography:i}=o.useTheme();return e.jsx(o.Box,{sx:{bgcolor:j.BACKGROUND_COLOR_BADGE,color:j.COLOR_BADGE,borderRadius:"12px",padding:"3px 6px",fontSize:S[I(r)],fontWeight:i.body2.fontWeight},children:t})},exports.BadgeNumber=({number:t,size:r="md"})=>{const{typography:i}=o.useTheme();return e.jsx(o.Box,{sx:{bgcolor:j.BACKGROUND_COLOR_BADGE,color:j.COLOR_BADGE,borderRadius:"50%",width:C[I(r)],height:C[I(r)],display:"flex",alignItems:"center",justifyContent:"center",fontSize:S[I(r)],fontWeight:i.h2.fontWeight},children:t})},exports.BadgeOnline=({size:t="md"})=>e.jsx(o.Box,{sx:{width:C[I(t)],height:C[I(t)],borderRadius:"50%",bgcolor:"#4CAF50",border:"2px solid white"}}),exports.BorderRadius=Me,exports.BreadcrumbsComponent=({items:r,separator:i=">",maxItems:n=5,idSelect:l,sx:a,sxItem:s,onChange:d})=>{const[c,p]=t.useState(null),x=r.length>n,u=x?[r[0],...r.slice(-2)]:r,h=x?r.slice(1,-2):[],g=()=>{p(null)},m=t=>{const r=t.id===l;return e.jsxs(o.Link,{href:t.href,onClick:e=>{t.onClick&&(e.preventDefault(),t.onClick()),d&&d(t.id)},sx:{display:"flex",alignItems:"center",gap:Y.medium,...ie.textSm.semiBold,color:r?"#000000":"#676E76",cursor:"pointer",textDecoration:"none",...s},children:[t.icon&&e.jsx(me,{icon:t.icon}),t.label]},t.id)},_=()=>e.jsx(ue,{sx:{width:14,height:14},url:be[i]});return e.jsxs(t.Fragment,{children:[e.jsx(o.Breadcrumbs,{"aria-label":"breadcrumb",sx:{...a},children:x?e.jsxs(le,{sx:{gap:Y.small},children:[m(r[0]),_(),e.jsx(o.IconButton,{size:"small",onClick:e=>{p(e.currentTarget)},sx:{p:0,mt:"auto"},children:e.jsx(me,{icon:"more_horiz"})}),_(),u.slice(1).map((o,r)=>e.jsxs(t.Fragment,{children:[r>0&&_(),m(o)]},o.id))]}):r.map(e=>m(e))}),e.jsx(o.Menu,{anchorEl:c,open:Boolean(c),onClose:g,disableScrollLock:!0,children:h.map(t=>{const r=t.id===l;return e.jsxs(o.MenuItem,{onClick:()=>{t.onClick&&t.onClick(),g()},sx:{gap:Y.medium,color:r?"#0F766E":"#111827",bgcolor:r?"#E0F2FE":"transparent"},children:[t.icon&&e.jsx(me,{icon:t.icon}),t.label]},t.id)})})]})},exports.ButtonBarComponent=({layout:o,children:t,gap:r=12,style:i})=>{const n={display:"flex",flexDirection:"horizontal"===o?"row":"column",gap:`${r}px`,alignItems:"horizontal"===o?"center":"stretch",...i};return e.jsx("div",{style:n,children:t&&t})},exports.ButtonComponent=Ie,exports.ButtonSize=We,exports.CHECKBOX_COLORS=Fe,exports.CHECKBOX_SIZE=Ee,exports.CHECKBOX_TEXT_COLOR=je,exports.CHIP_ICON_SIZE={small:"16px",medium:"18px",large:"22px"},exports.CHIP_LABEL_PADDING=Te,exports.CHIP_SIZE_CONFIG=Ae,exports.COLORS=Se,exports.COLOR_ACCENT=M,exports.COLOR_BRAND=B,exports.COLOR_ERROR=A,exports.COLOR_GRAY=T,exports.COLOR_INFO=D,exports.COLOR_NEUTRAL=w,exports.COLOR_SUCCESS=O,exports.COLOR_WARNING=R,exports.CheckboxComponent=Be,exports.CheckboxContentComponent=({checked:t=!1,disabled:r=!1,title:i,content:n,size:l="medium",variant:a="filled",shape:s="square",iconType:d="check",onChange:c,sxCheckbox:p,sxLabel:x,sx:u})=>{const h=we[l];return e.jsxs(o.Box,{onClick:()=>{r||c?.(!t)},sx:{display:"flex",alignItems:"flex-start",gap:"12px",cursor:r?"not-allowed":"pointer",width:"fit-content",...u},children:[e.jsx(Be,{checked:t,disabled:r,size:l,variant:a,shape:s,iconType:d,onChange:c,sxCheckbox:p}),e.jsxs(o.Box,{children:[e.jsx(o.Typography,{fontSize:h.titleFontSize,fontWeight:h.titleFontWeight,lineHeight:h.lineHeight,sx:{userSelect:"none",...r&&{opacity:.6},...x},children:i}),n&&e.jsx(o.Typography,{fontSize:h.contentFontSize,lineHeight:h.lineHeight,sx:{mt:"4px",userSelect:"none",...r&&{opacity:.6},...x},children:n})]})]})},exports.ChipComponent=({label:t,onAction:r,icon:i,disabled:n=!1,clickable:l=!0,sx:a,sxIcon:s,iconPosition:d="right",size:c="medium"})=>{const p=Ae[c],x=Boolean(i);return e.jsx(o.Chip,{disabled:n,clickable:l,onClick:r,label:e.jsxs(le,{sx:{gap:"8px"},children:[x&&"left"===d&&e.jsx(Oe,{icon:i,size:p.iconSize,sxIcon:s}),e.jsx(o.Box,{component:"span",children:t}),x&&"right"===d&&e.jsx(Oe,{icon:i,size:p.iconSize,sxIcon:s})]}),sx:{height:p.height,fontSize:p.fontSize,borderRadius:p.borderRadius,cursor:l?"pointer":"default",backgroundColor:"transparent",border:"1px solid #D1D5DB","& .MuiChip-label":{padding:Re(x,d),display:"flex",alignItems:"center"},"& .MuiChip-label svg":{flexShrink:0,color:"#4B5563"},"&.Mui-disabled":{opacity:.5,color:"#9E9E9E"},...a}})},exports.Colors=Ne,exports.DateFieldComponent=({label:t="Label",placeholder:r="DD/MM/YYYY",value:i,disabled:n=!1,error:l=!1,success:a=!1,errorMessage:x,successMessage:u,borderRadius:h=6,helperText:g="",onChange:m,locale:_="vi",format:f="DD/MM/YYYY",required:b=!1,sx:y,disablePastDates:C=!1,...S})=>{const v=i&&"string"==typeof i?p(i,f):i instanceof p?i:null;return e.jsxs(o.Box,{sx:{...y},children:[t&&e.jsxs(o.Box,{sx:{display:"flex",alignItems:"baseline",gap:"2px",marginBottom:"4px"},children:[e.jsx(o.Typography,{sx:{...re.text14Bold,color:T[800]},children:t}),b&&e.jsx(o.Typography,{sx:{color:A[500],...re.text14Bold},children:"*"})]}),e.jsx(d.LocalizationProvider,{dateAdapter:c.AdapterDayjs,adapterLocale:_,children:e.jsx(s.DatePicker,{value:v,onChange:e=>{m?.(e)},disabled:n,shouldDisableDate:e=>!!C&&e.isBefore(p(),"day"),inputFormat:f,slotProps:{textField:{placeholder:r,error:l||!1,helperText:l?x:g,size:"small",fullWidth:!0,disabled:n,required:b},openPickerButton:{size:"small"}},slots:{openPickerIcon:o=>e.jsx(me,{icon:"calendar_today",...o})},sx:{width:"100%","& .MuiPickersInputBase-root":{borderRadius:"max"===h?"100px":`${h}px`,"& fieldset":{borderColor:w[300]},"&:hover fieldset":{borderColor:w[400]},"&.Mui-focused fieldset":{borderColor:w[300],borderWidth:"2px"},"&.Mui-focused":{boxShadow:"0 1px 2px 0 rgba(10, 13, 18, 0.05), 0 0 0 4px #FEE4E2"},"&.Mui-disabled":{backgroundColor:w[100],"& fieldset":{borderColor:w[200]},"& input":{color:w[400],WebkitTextFillColor:w[400]}},"&.Mui-error fieldset":{borderColor:A[500]},"&.Mui-error.Mui-focused fieldset":{borderColor:A[500],borderWidth:"2px"},"&.Mui-error.Mui-focused":{boxShadow:"0 1px 2px 0 rgba(10, 13, 18, 0.05), 0 0 0 4px rgba(255, 66, 79, 0.15)"},...a&&{"&.Mui-focused":{boxShadow:`0 1px 2px 0 rgba(10, 13, 18, 0.05), 0 0 0 4px ${O[100]}`}}},"& .MuiInputBase-input":{...re.text14Regular,padding:"8px 10px",color:T[900],"&::placeholder":{color:w[400],opacity:.7}}},...S})}),a&&!l&&u&&e.jsx(o.Typography,{sx:{...re.textFieldHelper,color:O[500],marginTop:"4px"},children:u})]})},exports.DateRangePickerComponent=({label:r="Date Range",fromDate:i,toDate:n,disabled:l=!1,error:a=!1,success:x=!1,errorMessage:u,successMessage:h,borderRadius:g=6,helperText:m="",onChange:_,locale:f="vi",format:b="DD/MM/YYYY",minDate:y,maxDate:C,required:S=!1,sx:v,disablePastDates:k=!1,...I})=>{const F=i&&"string"==typeof i?p(i,b):i instanceof p?i:null,j=n&&"string"==typeof n?p(n,b):n instanceof p?n:null,[E,B]=t.useState(!1),[R,D]=t.useState("from"),M=t.useRef(null);return e.jsx(d.LocalizationProvider,{dateAdapter:c.AdapterDayjs,adapterLocale:f,children:e.jsxs(o.Box,{sx:{...v},children:[r&&e.jsxs(o.Box,{sx:{display:"flex",alignItems:"baseline",gap:"2px",marginBottom:"4px"},children:[e.jsx(o.Typography,{sx:{...re.text14Bold,color:T[800]},children:r}),S&&e.jsx(o.Typography,{sx:{color:A[500],...re.text14Bold},children:"*"})]}),e.jsxs(o.Box,{ref:M,onClick:l?void 0:()=>{B(!0),F||j||D("from")},sx:{display:"flex",alignItems:"center",gap:"12px",padding:"12px 8px",borderRadius:"max"===g?"100px":`${g}px`,border:`1px solid ${a?A[500]:w[300]}`,backgroundColor:l?w[100]:"white",cursor:l?"default":"pointer",transition:"all 0.2s ease",...S&&{"&::before":{content:'"*"',color:A[500],marginRight:"4px"}},...l?{}:{"&:hover":{borderColor:a?A[500]:w[400]}}},children:[e.jsxs(o.Typography,{sx:{flex:1,...re.text14Regular,color:F||j?T[900]:w[400]},children:[F?F.format(b):b," →"," ",j?j.format(b):b]}),e.jsx(o.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"center",width:"24px",height:"24px",color:w[400]},children:e.jsx(me,{icon:"calendar_today"})})]}),e.jsx(s.DatePicker,{open:E,onOpen:()=>B(!0),onClose:()=>B(!1),value:"from"===R?F:j,onChange:e=>{"from"===R?(_?.([e,j]),e&&D("to")):_?.([F,e])},disabled:l,minDate:"from"===R?y:F||y,maxDate:"to"===R?C:j||C,shouldDisableDate:e=>!!k&&e.isBefore(p(),"day"),inputFormat:b,slotProps:{textField:{hidden:!0,size:"small",sx:{display:"none"}},popper:{anchorEl:M.current,placement:"bottom-start"}}}),m&&!a&&!x&&e.jsx(o.Typography,{sx:{...re.textFieldHelper,color:w[400],marginTop:"4px"},children:m}),a&&u&&e.jsx(o.Typography,{sx:{...re.textFieldHelper,color:A[500],marginTop:"4px"},children:u}),x&&!a&&h&&e.jsx(o.Typography,{sx:{...re.textFieldHelper,color:O[500],marginTop:"4px"},children:h})]})})},exports.DialogWrapper=Xe,exports.DropdownFieldComponent=({label:r="",placeholder:i="Select option",value:n=null,disabled:l=!1,error:a=!1,success:s=!1,errorMessage:d,successMessage:c,borderRadius:p=6,onChange:x,helperText:u="",options:h=[],checkIconColor:g=M[900],required:m=!1,sx:_,labelSx:f})=>{const b=t.useMemo(()=>"max"===p?"100px":`${p}px`,[p]),y=t.useMemo(()=>h.find(e=>e.value===n),[h,n]),C=t.useCallback(()=>a&&d?d:s&&c?c:u||"",[a,d,s,c,u]),S=t.useCallback(()=>a?A[500]:s?O[500]:w[400],[a,s]),v=t.useCallback(()=>a?A[500]:s?O[500]:w[300],[a,s]),k=t.useMemo(()=>({"& .MuiOutlinedInput-root":{borderRadius:`${b} !important`,backgroundColor:l?w[100]:"white",transition:"all 0.2s ease","& fieldset":{borderRadius:`${b} !important`,borderColor:v()},"&:hover fieldset":{borderColor:l?v():a?A[500]:w[400]},"&.Mui-focused fieldset":{borderColor:a?A[500]:w[400],borderWidth:"1px"}},"& .MuiOutlinedInput-input":{padding:"8px 10px",color:T[900],"&::placeholder":{color:w[400],opacity:1}}}),[b,l,a,v]);return e.jsxs(o.Box,{sx:{..._},children:[r&&e.jsxs(o.Box,{sx:{display:"flex",alignItems:"baseline",gap:"2px",marginBottom:"4px"},children:[e.jsx(o.Typography,{sx:{...re.text14Bold,color:T[800],...f},children:r}),m&&e.jsx(o.Typography,{sx:{color:A[500],...re.text14Bold},children:"*"})]}),e.jsx(o.Select,{fullWidth:!0,value:n||"",onChange:e=>{const o=e.target.value,t=h.find(e=>String(e.value)===String(o));t&&x?.(t.value)},disabled:l,displayEmpty:!0,MenuProps:{disableScrollLock:!0},slotProps:{root:{sx:{borderRadius:b}}},renderValue:()=>n?e.jsxs(o.Box,{sx:{display:"flex",alignItems:"center",gap:"8px"},children:[y?.statusIndicator&&e.jsx(o.Box,{sx:{width:"8px",height:"8px",borderRadius:"50%",backgroundColor:"#4CAF50"}}),y?.avatar&&e.jsx(o.Avatar,{src:y.avatar,sx:{width:"24px",height:"24px",fontSize:"12px"}}),y?.icon&&e.jsx(me,{icon:y.icon}),e.jsx(o.Typography,{sx:{color:T[900],...re.text14Regular,lineHeight:"1.4375em"},children:y?.label})]}):e.jsx(o.Typography,{sx:{color:w[400],...re.text14Regular,lineHeight:"1.4375em"},children:i}),sx:k,children:h.map(t=>e.jsx(o.MenuItem,{value:t.value,children:e.jsxs(o.Box,{sx:{display:"flex",alignItems:"center",gap:"8px",width:"100%"},children:[t.statusIndicator&&e.jsx(o.Box,{sx:{width:"8px",height:"8px",borderRadius:"50%",backgroundColor:"#4CAF50"}}),t.avatar&&e.jsx(o.Avatar,{src:t.avatar,sx:{width:"24px",height:"24px",fontSize:"12px"}}),t.icon&&e.jsx(me,{icon:t.icon}),e.jsx(o.Typography,{sx:{color:T[900],...re.text14Regular,lineHeight:"1.4375em"},children:t.label}),n===t.value&&e.jsx(o.Box,{sx:{marginLeft:"auto",display:"flex",alignItems:"center"},children:e.jsx(me,{icon:"check",sx:{color:g}})})]})},t.value))}),C()&&e.jsx(o.Box,{sx:{color:S(),marginTop:"4px",...re.textFieldHelper,lineHeight:"1.4375em"},children:C()})]})},exports.FONT_FAMILY=K,exports.FONT_SIZE=Q,exports.FONT_SIZE_ICON={small:12,xl:20},exports.FONT_SIZE_LOADING=He,exports.FONT_STYLE=oe,exports.FONT_WEIGHT=J,exports.GridComponent=({sx:t={},sxContainer:r={},content:i="Grids",children:n})=>e.jsxs(o.Stack,{sx:{bgcolor:De,p:8,borderRadius:8,gap:4,...t},children:[i&&e.jsx(o.Typography,{sx:{color:"#27272A",...ie.lg.bold},children:i}),e.jsx(o.Container,{maxWidth:!1,sx:{bgcolor:De,borderRadius:4,minHeight:400,boxShadow:"0 0 8px -4px rgba(16, 24, 40, 0.3)",...r},children:n&&n})]}),exports.IconElement=me,exports.ImageElement=ue,exports.ImageSizeType=pe,exports.InputStepperComponent=({value:r,onChange:i,min:n,max:l,step:a=1,disabled:s=!1,readOnly:d=!1,orientation:c=Le.HORIZONTAL,loading:p=!1,sx:x={},sxTextField:u={},sxButton:h={},buttonShape:g=ze.SQUARE,buttonColor:m,textFieldShape:_=ze.SQUARE,decrementIcon:f="remove",incrementIcon:b="add"})=>{const[y,C]=t.useState(r??n??0),S=void 0!==r?r:y,v=e=>{let o=e;void 0!==n&&e<n&&(o=n),void 0!==l&&e>l&&(o=l),void 0===r&&C(o),i?.(o)},k=s||void 0!==n&&Number(S)<=n,I=s||void 0!==l&&Number(S)>=l,F=We.MEDIUM;return p?e.jsx(Pe,{orientation:c,buttonShape:g}):e.jsxs(o.Box,{display:"inline-flex",flexDirection:"horizontal"===c?"row":"column",alignItems:"center",gap:H,sx:{opacity:s?.5:1,pointerEvents:s?"none":"auto",...x},children:[e.jsx(o.IconButton,{onClick:()=>{v(Number(S)-a)},disabled:k,sx:{borderRadius:"circle"===g?Me.CIRCLE:Me.SQUARE,width:F,height:F,padding:H,border:k?`1px solid ${Ne.BORDER_COLOR_DISABLE}`:`1px solid ${Ne.BORDER_COLOR_BUTTON}`,backgroundColor:Ne.BACKGROUND_COLOR,color:m||Ne.BORDER_COLOR_BUTTON,"&:hover":{backgroundColor:Ne.HOVER_BG_COLOR},...k?{}:h},children:"string"==typeof f?e.jsx(me,{icon:f}):f}),e.jsx(o.TextField,{value:S,onChange:e=>{if(!d){const o=""===e.target.value?n||0:Number(e.target.value);isNaN(o)||v(o)}},disabled:s,inputProps:{min:n,max:l,step:a,readOnly:d},type:"number",sx:{minWidth:F,width:u?.width||F,minHeight:F,height:u?.height||F,overflow:"hidden",borderRadius:"circle"===_?Me.CIRCLE:Me.SQUARE,color:d?Ne.TEXT_COLOR_READONLY:"",backgroundColor:d?"transparent !important":u?.backgroundColor,"& .MuiOutlinedInput-root":{width:"100%",height:"100%",borderRadius:"inherit","& fieldset":{borderColor:d||s?"transparent":u?.borderColor||Ne.BORDER_COLOR_BUTTON,borderWidth:d||s?0:1,borderRadius:"circle"===_?Me.CIRCLE:Me.SQUARE},"&:hover fieldset":d||s?{}:{borderColor:u?.borderColorHover||Ne.BORDER_COLOR_BUTTON},"&.Mui-focused fieldset":d?{borderColor:"transparent",borderWidth:0}:{borderColor:u?.borderColorFocused||Ne.BORDER_COLOR_BUTTON,borderWidth:1},"&.Mui-disabled fieldset":{borderColor:Ne.BORDER_COLOR_DISABLE,backgroundColor:d?"transparent":Ne.BORDER_COLOR_DISABLE}},"& input[type=number]::-webkit-outer-spin-button, & input[type=number]::-webkit-inner-spin-button":{WebkitAppearance:"none",margin:0},"& input[type=number]":{MozAppearance:"textfield"},"& .MuiInputBase-input":{textAlign:u?.textAlign||"center",padding:u?.padding||"4px 8px",fontSize:d?"16px":u?.fontSize||"1rem",cursor:d?"not-allowed":"text",borderRadius:"inherit",backgroundColor:d?"transparent":u?.backgroundColor||"transparent",color:d?Ne.TEXT_COLOR_READONLY:u?.color||"inherit",fontWeight:u?.fontWeight||(d?700:"normal")}}}),e.jsx(o.IconButton,{onClick:()=>{v(Number(S)+a)},disabled:I,sx:{borderRadius:"circle"===g?Me.CIRCLE:Me.SQUARE,width:F,height:F,padding:H,border:I?`1px solid ${Ne.BORDER_COLOR_DISABLE}`:`1px solid ${Ne.BORDER_COLOR_BUTTON}`,backgroundColor:Ne.BACKGROUND_COLOR,color:m||Ne.BORDER_COLOR_BUTTON,"&:hover":{backgroundColor:Ne.HOVER_BG_COLOR},...I?{}:h},children:"string"==typeof b?e.jsx(me,{icon:b}):b})]})},exports.InputStepperSkeleton=Pe,exports.LINE_HEIGHT=ee,exports.LinkElement=$e,exports.LinkFieldComponent=({label:r="Website",placeholder:i="www.untitledui.com",value:n,disabled:l=!1,error:a=!1,success:s=!1,errorMessage:d,successMessage:c,borderRadius:p=6,helperText:x="This is a hint text to help user.",onChange:u,protocol:h="http://",iconAfter:g,required:m=!1,sx:_,...f})=>{const[b,y]=t.useState(!1);return e.jsxs(o.Box,{sx:{..._},children:[r&&e.jsxs(o.Box,{sx:{display:"flex",alignItems:"baseline",gap:"2px",marginBottom:"4px"},children:[e.jsx(o.Typography,{sx:{...re.text14Bold,color:T[800]},children:r}),m&&e.jsx(o.Typography,{sx:{color:A[500],...re.text14Bold},children:"*"})]}),e.jsx(Ue,{placeholder:i,value:n,disabled:l,error:a||b,helperText:a||b?a?d:"đây không phải link":"",size:"small",fullWidth:!0,required:m,onChange:u,onBlur:e=>{const o=e.target.value;o&&!(e=>{if(!e)return!0;try{const o=e.includes("://")?e:`${h}${e}`;new URL(o);const t=new URL(o).hostname;return!(!t||!t.includes("."))}catch{return!1}})(o)?y(!0):y(!1)},InputProps:{startAdornment:e.jsx(o.InputAdornment,{position:"start",children:e.jsx(o.Typography,{sx:{color:w[300],...re.text14Regular},children:h})}),endAdornment:(s||a||b)&&e.jsx(o.InputAdornment,{position:"end",children:g||e.jsx(me,{icon:a||b?"info":"check_circle",sx:{color:a||b?A[500]:O[500]}})})},sx:{"& .MuiOutlinedInput-root":{borderRadius:"max"===p?"100px":`${p}px`,...s&&{"&.Mui-focused":{boxShadow:`0 1px 2px 0 rgba(10, 13, 18, 0.05), 0 0 0 4px ${O[100]}`}}}}}),s&&!a&&c&&e.jsx(o.Typography,{sx:{...re.textFieldHelper,color:O[500],marginTop:"4px"},children:c})]})},exports.LinkInternalElement=({content:t,onClick:r,sx:i={}})=>e.jsx(o.Typography,{onClick:r,sx:{color:"inherit",textDecorationColor:"inherit",cursor:"pointer","&:hover":{textDecoration:"underline"},...i},children:t}),exports.MAP_SIZE=E,exports.Modal=({open:t,isForm:r=!1,onClose:i,icon:n,avatars:l,title:a,nodeDescription:s,nodeContent:d,buttonLeft:c,buttonCenter:p,buttonRight:x,nodeBottomLeft:u,align:h="flex-start",direction:g="column",sx:m,sxContent:_,sxBottom:f})=>{const b=c||p||x||u;return e.jsx(o.Dialog,{open:t,disableScrollLock:!0,onClose:i,maxWidth:!1,PaperProps:{sx:{borderRadius:$,p:`calc(${N} + 8px)`,minWidth:350,width:"auto",...m}},children:e.jsx(Xe,{isForm:r,children:e.jsx(o.DialogContent,{sx:{p:0,..._},children:e.jsxs(o.Stack,{sx:{gap:0,alignItems:"center"},children:[e.jsxs(o.Stack,{direction:g,sx:{justifyContent:"row"===g?"flex-start":h,gap:N,alignItems:"row"===g?s?"flex-start":"center":h,width:"100%"},children:[n&&e.jsx(Ye,{type:n}),l&&e.jsx(_e,{avatars:l}),(a||s)&&e.jsxs(o.Stack,{sx:{gap:Y.medium,alignItems:"row"===g?"flex-start":h,width:"100%"},children:[a&&e.jsx(Ve,{content:a}),s]})]}),d&&e.jsx(o.Box,{sx:{width:"100%"},children:d}),b&&e.jsx(o.DialogActions,{sx:{width:"100%",mt:`calc(${N} + 8px)`,gap:Y.large,...f},children:e.jsxs(le,{sx:{width:"100%"},children:[u&&e.jsx(o.Box,{sx:{width:"100%"},children:u}),(c||p||x)&&e.jsxs(ne,{sx:{width:"100%",gap:N},children:[c&&e.jsx(o.Box,{sx:{flex:1},children:e.jsx(Ie,{...c,fullWidth:!0})}),p&&e.jsx(o.Box,{sx:{flex:1},children:e.jsx(Ie,{...p,fullWidth:!0})}),x&&e.jsx(o.Box,{sx:{flex:1},children:e.jsx(Ie,{...x,fullWidth:!0})})]})]})})]})})})})},exports.ModalCard=({open:t,isForm:r=!1,onClose:i,items:n,nodeContent:l,buttonLeft:a,buttonCenter:s,buttonRight:d,nodeBottomLeft:c,sx:p,sxContent:x,sxBottom:u})=>{const g=Array.isArray(n)?n:[n],m=g.length>1,_=a||s||d||c,f=t=>e.jsxs(o.Stack,{sx:{gap:"20px",alignItems:"center",textAlign:"center"},children:[e.jsx(ue,{url:t?.image,sx:{borderRadius:G,width:"100%",aspectRatio:1.76,objectFit:"cover",height:"auto"}}),e.jsxs(o.Stack,{sx:{gap:1},children:[e.jsx(Ve,{content:t?.title}),e.jsx(qe,{content:t?.description})]})]});return e.jsx(o.Dialog,{open:t,onClose:i,PaperProps:{sx:{borderRadius:$,p:`calc(${N} + 8px)`,minWidth:350,width:"auto",...p}},children:e.jsxs(Xe,{isForm:r,children:[e.jsx(o.DialogContent,{sx:{p:0,...x},children:e.jsxs(o.Stack,{sx:{gap:`calc(${N} + 8px)`},children:[m?e.jsx(o.Box,{sx:{"& .slick-slider":{position:"relative",paddingBottom:"40px"},"& .slick-dots":{bottom:"0px",position:"absolute"},"& .slick-list":{overflow:"hidden"}},children:e.jsx(h,{dots:!0,infinite:!0,speed:500,slidesToShow:1,slidesToScroll:1,arrows:!1,children:g.map((o,t)=>e.jsx("div",{children:f(o)},t))})}):f(g[0]),l&&e.jsx(o.Box,{sx:{width:"100%"},children:l})]})}),_&&e.jsx(o.DialogActions,{sx:{width:"100%",mt:`calc(${N} + 8px)`,gap:Y.large,...u},children:e.jsxs(le,{sx:{width:"100%"},children:[c&&e.jsx(o.Box,{sx:{width:"100%"},children:c}),(a||s||d)&&e.jsxs(ne,{sx:{width:"100%",gap:N},children:[a&&e.jsx(o.Box,{sx:{flex:1},children:e.jsx(Ie,{...a,fullWidth:!0})}),s&&e.jsx(o.Box,{sx:{flex:1},children:e.jsx(Ie,{...s,fullWidth:!0})}),d&&e.jsx(o.Box,{sx:{flex:1},children:e.jsx(Ie,{...d,fullWidth:!0})})]})]})})]})})},exports.ModalDescription=qe,exports.ModalIcon=Ye,exports.ModalTitle=Ve,exports.MoneyFieldComponent=({label:r="Sale amount",placeholder:i="1,000.00",value:n,disabled:l=!1,error:a=!1,success:s=!1,errorMessage:d,successMessage:c,borderRadius:p=6,helperText:x="This is a hint text to help user.",onChange:u,currency:h="USD",onCurrencyChange:m,iconBefore:_,optionCurrencies:f=Ze,required:b=!1,sx:y,...C})=>{const[S,v]=t.useState(h);return e.jsxs(o.Box,{sx:{...y},children:[r&&e.jsxs(o.Box,{sx:{display:"flex",alignItems:"baseline",gap:"2px",marginBottom:"4px"},children:[e.jsx(o.Typography,{sx:{...re.text14Bold,color:T[800]},children:r}),b&&e.jsx(o.Typography,{sx:{color:A[500],...re.text14Bold},children:"*"})]}),e.jsx(Qe,{placeholder:i,value:Ke(n),disabled:l,error:a,helperText:a?d:x,size:"small",fullWidth:!0,required:b,onChange:e=>{const o=e.target.value.replace(/,/g,"");u?.({...e,target:{...e.target,value:o}})},InputProps:{startAdornment:e.jsx(o.InputAdornment,{position:"start",children:_||e.jsx(g,{sx:{fontSize:"18px",color:T[400],mr:.5}})}),endAdornment:e.jsx(o.InputAdornment,{position:"end",children:e.jsxs(o.Box,{sx:{display:"flex",alignItems:"center",gap:1},children:[(s||a)&&e.jsx(me,{icon:a?"info":"check_circle",sx:{color:a?A[500]:O[500]}}),e.jsx(o.Select,{value:S,onChange:e=>{const o=e.target.value;v(o),m?.(o)},disabled:l,variant:"standard",sx:{border:"none",outline:"none","& .MuiSelect-standard":{border:"none"},"&.MuiInput-underline:before":{borderBottom:"none"},"&.MuiInput-underline:hover:before":{borderBottom:"none"},"&.MuiInput-underline:after":{borderBottom:"none"},minWidth:"70px",fontSize:"14px",color:T[500]},children:f.map(t=>e.jsx(o.MenuItem,{value:t,children:t},t))})]})})},sx:{"& .MuiOutlinedInput-root":{borderRadius:"max"===p?"100px":`${p}px`,...s&&{"&.Mui-focused":{boxShadow:`0 1px 2px 0 rgba(10, 13, 18, 0.05), 0 0 0 4px ${O[100]}`}}}}}),s&&!a&&c&&e.jsx(o.Typography,{sx:{...re.textFieldHelper,color:O[600],marginTop:"4px"},children:c})]})},exports.Orientation=Le,exports.PICKER_ARG_TYPES={columns:{description:"Dữ liệu cho các cột. Mỗi phần tử là một mảng các lựa chọn (PickerOption).",control:"object",table:{type:{summary:"PickerOption[][]"},category:"Dữ liệu (Data)"}},value:{description:"Mảng giá trị đang được chọn của từng cột. Thứ tự tương ứng với mảng columns.",control:"object",table:{type:{summary:"(string | number)[]"},category:"Dữ liệu (Data)"}},onChange:{description:"Hàm xử lý khi người dùng chọn một giá trị mới.",action:"changed",table:{type:{summary:"(value: PickerValue[]) => void"},category:"Sự kiện (Events)"}},columnWidth:{description:"Độ rộng của mỗi cột (px hoặc string). Mặc định là 100.",control:{type:"text"},table:{type:{summary:"string | number"},defaultValue:{summary:"100"},category:"Giao diện (UI)"}},showScrollbar:{description:"Hiển thị thanh cuộn (scrollbar) cho từng cột.",control:"boolean",table:{type:{summary:"boolean"},defaultValue:{summary:"false"},category:"Giao diện (UI)"}},sx:{description:"Style tùy chỉnh cho container chính của Picker.",control:"object",table:{type:{summary:"SxProps<Theme>"},category:"Giao diện (UI)"}},sxColumn:{description:"Style tùy chỉnh áp dụng cho từng cột bên trong.",control:"object",table:{type:{summary:"SxProps<Theme>"},category:"Giao diện (UI)"}}},exports.PINComponent=({length:r=6,value:i,onChange:n,label:l,error:a=!1,errorMessage:s,type:d="text",disabled:c=!1,autoFocus:p=!1,onComplete:x,align:u="left",spacing:h="md",size:g="md",masked:m=!1,borderFocusColor:_,sx:f})=>{const{palette:b}=o.useTheme(),y=t.useRef([]);t.useEffect(()=>{p&&y.current[0]&&y.current[0].focus()},[p]);const C=(e,o)=>{if(!/^\d*$/.test(o))return;const t=i.split("");t[e]=o;const l=t.join("").slice(0,r);n(l),o&&e<r-1&&y.current[e+1]?.focus(),l.length===r&&x?.(l)},S=(e,o)=>{"Backspace"===o.key&&!i[e]&&e>0&&y.current[e-1]?.focus()},v=t=>{const r=i[t]||"",n=!!r,l=oo[g],s=a?b.error.main:T[200],p=_||(a?b.error.main:T[900]);return"bullet"===d?e.jsxs(o.Box,{sx:{position:"relative",width:l.width,height:l.height},children:[e.jsx(o.TextField,{ref:e=>{const o=e?.querySelector("input");o&&(y.current[t]=o)},type:"text",inputMode:"numeric",value:r,onChange:e=>C(t,e.target.value),onKeyDown:e=>S(t,e),disabled:c,error:a,sx:{width:"100%",height:"100%","& .MuiOutlinedInput-root":{height:"100%",padding:0,"& input":{textAlign:"center",fontSize:l.fontSize,fontWeight:600,padding:0,color:m&&n?"transparent":"inherit",WebkitTextFillColor:m&&n?"transparent":"unset",caretColor:b.primary.main,"&::placeholder":{color:b.action.disabled,opacity:1}},"& fieldset":{borderColor:s,borderRadius:"8px"},"&:hover fieldset":{borderColor:a?b.error.main:p},"&.Mui-focused fieldset":{borderColor:p,borderWidth:1}},"& input":{maxLength:1}},placeholder:"-"}),m&&n&&e.jsx(o.Box,{sx:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",fontSize:l.fontSize,fontWeight:600,color:a?b.error.main:b.text.primary,pointerEvents:"none"},children:"●"})]}):"circle"===d?e.jsxs(o.Box,{sx:{position:"relative",width:l.width,height:l.height},children:[e.jsx(o.TextField,{ref:e=>{const o=e?.querySelector("input");o&&(y.current[t]=o)},type:"text",inputMode:"numeric",value:r,onChange:e=>C(t,e.target.value),onKeyDown:e=>S(t,e),disabled:c,error:a,sx:{width:"100%",height:"100%","& .MuiOutlinedInput-root":{height:"100%",padding:0,borderRadius:"50%","& input":{textAlign:"center",fontSize:l.fontSize,fontWeight:600,padding:0,color:m&&n?"transparent":"inherit",WebkitTextFillColor:m&&n?"transparent":"unset",caretColor:b.primary.main,"&::placeholder":{color:b.action.disabled,opacity:1}},"& fieldset":{borderColor:s,borderRadius:"50%"},"&:hover fieldset":{borderColor:a?b.error.main:p},"&.Mui-focused fieldset":{borderColor:p,borderWidth:1}},"& input":{maxLength:1}},placeholder:"-"}),m&&n&&e.jsx(o.Box,{sx:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",fontSize:l.fontSize,fontWeight:600,color:a?b.error.main:b.text.primary,pointerEvents:"none"},children:"●"})]}):e.jsx(o.TextField,{ref:e=>{const o=e?.querySelector("input");o&&(y.current[t]=o)},type:"text",inputMode:"numeric",value:r,onChange:e=>C(t,e.target.value),onKeyDown:e=>S(t,e),disabled:c,error:a,sx:{width:l.width,"& .MuiOutlinedInput-root":{height:l.height,padding:0,"& input":{textAlign:"center",fontSize:l.fontSize,fontWeight:600,padding:0,"&::placeholder":{color:b.action.disabled,opacity:1}},"& fieldset":{borderColor:s},"&:hover fieldset":{borderColor:a?b.error.main:p},"&.Mui-focused fieldset":{borderColor:p,borderWidth:1}},"& input":{maxLength:1}},placeholder:"-"})};return e.jsxs(o.Box,{sx:{...f},children:[l&&e.jsx(o.Box,{sx:{mb:1,...re.text14Bold,color:b.text.primary},children:l}),e.jsx(o.Box,{sx:{display:"flex",gap:`${to[h]}px`,justifyContent:"center"===u?"center":"right"===u?"flex-end":"flex-start"},children:Array.from({length:r}).map((t,r)=>e.jsx(o.Box,{children:v(r)},r))}),a&&s&&e.jsx(o.Box,{sx:{mt:1,fontSize:12,color:b.error.main,textAlign:u},children:s})]})},exports.PIN_SIZES=oo,exports.PIN_SPACING=to,exports.PhoneNumberFieldComponent=({label:t="Số điện thoại",placeholder:r="0123 456 789",value:i,disabled:n=!1,error:l=!1,success:a=!1,errorMessage:s,successMessage:d,borderRadius:c=6,helperText:p,onChange:x,countryCode:u="US",onCountryCodeChange:h,countries:g=Je,required:m=!1,sx:_,...f})=>e.jsxs(o.Box,{sx:{..._},children:[t&&e.jsxs(o.Box,{sx:{display:"flex",alignItems:"baseline",gap:"2px",marginBottom:"4px"},children:[e.jsx(o.Typography,{sx:{...re.text14Bold,color:T[800]},children:t}),m&&e.jsx(o.Typography,{sx:{color:A[500],...re.text14Bold},children:"*"})]}),e.jsx(eo,{placeholder:r,value:i,disabled:n,error:l,helperText:l?s:p,size:"small",fullWidth:!0,required:m,onChange:x,InputProps:{startAdornment:e.jsx(o.InputAdornment,{position:"start",sx:{mr:0},children:e.jsx(o.Select,{value:u,onChange:e=>{const o=e.target.value;h?.(o)},disabled:n,variant:"standard",sx:{border:"none",outline:"none","& .MuiSelect-standard":{border:"none"},"&.MuiInput-underline:before":{borderBottom:"none"},"&.MuiInput-underline:hover:before":{borderBottom:"none"},"&.MuiInput-underline:after":{borderBottom:"none"},minWidth:"50px",fontSize:"14px",color:T[500],display:"flex",alignItems:"center",gap:.5},children:g.map(t=>e.jsx(o.MenuItem,{value:t.code,children:t.code},t.code))})}),endAdornment:(a||l)&&e.jsx(o.InputAdornment,{position:"end",children:e.jsx(me,{icon:l?"info":"check_circle",sx:{color:l?A[500]:O[500]}})})},sx:{"& .MuiOutlinedInput-root":{borderRadius:"max"===c?"100px":`${c}px`,...a&&{"&.Mui-focused":{boxShadow:`0 1px 2px 0 rgba(10, 13, 18, 0.05), 0 0 0 4px ${O[100]}`}}}}}),a&&!l&&d&&e.jsx(o.Typography,{sx:{...re.textFieldHelper,color:O[600],marginTop:"4px"},children:d})]}),exports.PickerColumnElement=To,exports.PickerComponent=({columns:t,value:r,onChange:i,sx:n,sxColumn:l,columnWidth:a=Eo,showScrollbar:s=!1})=>{const d=Io,c=Math.floor(Fo/2)*d;return e.jsxs(ae,{sx:{position:"relative",alignItems:"center",backgroundColor:"#FFFFFF",overflow:"hidden",minWidth:jo,paddingX:W,gap:N,...n},children:[e.jsx(o.Stack,{sx:{position:"absolute",top:c,left:0,right:0,height:d,borderTop:Bo,borderBottom:Bo}}),t.map((o,t)=>e.jsx(To,{options:o,value:r[t],onChange:e=>((e,o)=>{const t=[...r];t[e]=o,i(t)})(t,e),width:a,showScrollbar:s,sx:l},t))]})},exports.SHADE_VALUES=ye,exports.SIZES=Ce,exports.SIZE_EXTRA_LARGE=36,exports.STYLE=Z,exports.SearchDropdownComponent=({value:r,onChange:i,onClear:n,onInputChange:l,onSearch:a,borderRadius:s=4,disabled:d=!1,multiple:c=!1,limitTags:p=2,label:x="",placeholder:u="Search...",error:h=!1,errorMessage:g,success:_=!1,successMessage:f,helperText:b="",options:y=[],loading:C=!1,iconBefore:S,required:v=!1,sx:k})=>{const[I,F]=t.useState(""),[j,E]=t.useState(y),[B,R]=t.useState(!1),D=t.useRef(null),M=t.useRef(a),z=t.useRef(l),L=t.useRef(y);t.useEffect(()=>{M.current=a,z.current=l,L.current=y},[a,l,y]);const W=t.useMemo(()=>{if(!r)return[];return(Array.isArray(r)?r:[r]).map(e=>"object"==typeof e?e:{label:String(e),value:e})},[r]);t.useEffect(()=>{if(D.current&&clearTimeout(D.current),I.trim())return D.current=setTimeout(async()=>{const e=M.current;if(e){R(!0);try{const o=await e(I);E(o)}catch(o){console.error("Search error:",o),E([])}finally{R(!1)}}else{const e=L.current.filter(e=>e.label.toLowerCase().includes(I.toLowerCase()));E(e)}z.current?.(I)},500),()=>{D.current&&clearTimeout(D.current)};E(L.current)},[I]);return e.jsxs(o.Box,{sx:{width:"100%",...k},children:[x&&e.jsxs(o.Box,{sx:{display:"flex",alignItems:"baseline",gap:"2px",marginBottom:"6px"},children:[e.jsx(o.Typography,{sx:{...re.text14Bold,color:T[900],display:"block"},children:x}),v&&e.jsx(o.Typography,{sx:{color:A[500],...re.text14Bold},children:"*"})]}),e.jsx(ro,{multiple:c,freeSolo:!1,options:j,getOptionLabel:e=>e?"object"==typeof e&&"label"in e?e.label:String(e):"",isOptionEqualToValue:(e,o)=>!(!e||!o)&&("object"==typeof e&&"object"==typeof o&&"value"in e&&"value"in o&&e.value===o.value),value:c?W:W[0]||null,inputValue:I,onInputChange:(e,o)=>{F(o)},onChange:(e,o)=>{if(c){const e=Array.isArray(o)?o:o?[o]:[];i?.(e.length>0?e:null),F("")}else i?.(o||null)},disabled:d||C,loading:B||C,noOptionsText:I?"No results found":"Type to search",slotProps:{paper:{sx:{"& .MuiAutocomplete-listbox":{borderRadius:"max"===s?"0 0 100px 100px":`0 0 ${s}px ${s}px`}}}},renderInput:t=>e.jsx(o.TextField,{...t,placeholder:W&&W?.length>0?"":u,variant:"outlined",size:"small",error:h,sx:{"& .MuiOutlinedInput-root":{borderRadius:"max"===s?"100px !important":`${s}px !important`,"& fieldset":{borderRadius:"max"===s?"100px !important":`${s}px !important`}}},InputProps:{...t.InputProps,startAdornment:e.jsxs(e.Fragment,{children:[e.jsx(o.InputAdornment,{position:"start",sx:{marginLeft:"4px",marginRight:"0px"},children:S||e.jsx(m,{sx:{color:"#999",fontSize:"18px"}})}),t.InputProps.startAdornment]})}}),renderTags:(r,i)=>{const n=Array.isArray(r)?r:[],l=c?n.slice(0,p):n,a=n.length-l.length;return e.jsxs(e.Fragment,{children:[l.map((e,r)=>{const n="object"==typeof e&&e&&"label"in e?e.label:String(e);return t.createElement(o.Chip,{...i({index:r}),key:r,label:n,size:"small"})}),a>0&&e.jsx(o.Chip,{className:"search-dropdown-limit-badge",label:`+${a}`,size:"small"})]})},renderOption:(t,r)=>{const{key:i,...n}=t,l=r?.label||"";return e.jsx(o.Box,{...n,component:"li",children:l},i)},componentsProps:{clearIndicator:{onClick:()=>{F(""),E(L.current),i?.(null),n?.()}}}}),h&&g&&e.jsx(o.Box,{sx:{fontSize:"12px",color:A[500],marginTop:"4px"},children:g}),_&&f&&e.jsx(o.Box,{sx:{fontSize:"12px",color:O[500],marginTop:"4px"},children:f}),b&&!h&&!_&&e.jsx(o.Box,{sx:{fontSize:"12px",color:w[500],marginTop:"4px"},children:b})]})},exports.SearchFieldComponent=({value:r,onChange:i,onClear:n,onInputChange:l,borderRadius:a=6,disabled:s=!1,placeholder:d="Placeholder",sx:c})=>{const[p,x]=t.useState(""),u=t.useRef(null);t.useEffect(()=>(u.current&&clearTimeout(u.current),u.current=setTimeout(()=>{l?.(new Event("debounce"),p,"debounce")},1e3),()=>{u.current&&clearTimeout(u.current)}),[p,l]);const h=t.useCallback((e,o)=>{x(o)},[]),g=t.useCallback(()=>{x(""),n?.(),l?.(new Event("clear"),"","clear")},[n,l]);return e.jsx(io,{freeSolo:!0,options:[],inputValue:p,onInputChange:h,disabled:s,onChange:i,noOptionsText:null,sx:{"& .MuiOutlinedInput-root":{borderRadius:"max"===a?"100px":`${a}px`},...c},renderInput:t=>e.jsx(o.TextField,{...t,placeholder:d,variant:"outlined",size:"small",InputProps:{...t.InputProps,startAdornment:e.jsx(o.InputAdornment,{position:"start",sx:{marginLeft:"8px"},children:e.jsx(m,{sx:{color:"#999",fontSize:"20px"}})})}}),componentsProps:{clearIndicator:{onClick:g}}})},exports.ShapeType=ze,exports.SliderComponent=({value:t,defaultValue:r,min:i=0,max:n=100,step:l=1,disabled:a=!1,onChange:s,onChangeCommitted:d,label:c,valueLabelDisplay:p="auto",marks:x,sx:u})=>e.jsxs(o.Stack,{sx:{width:"100%",...u},children:[c&&e.jsx(o.Typography,{gutterBottom:!0,variant:"body2",color:"text.secondary",sx:{mb:1},children:c}),e.jsx(o.Slider,{value:t,defaultValue:r,min:i,max:n,step:l,disabled:a,onChange:s,onChangeCommitted:d,valueLabelDisplay:p,marks:x,sx:{color:D[600],height:`calc(${H} / 2)`,width:"100%",padding:`calc(${H} + 2px) 0`,"& .MuiSlider-track":{border:"none",height:H,borderRadius:`calc(${H} / 2)`},"& .MuiSlider-rail":{backgroundColor:X,opacity:1,height:`calc(${H} / 2)`,borderRadius:2},"& .MuiSlider-thumb":{height:`calc(${H} * 3)`,width:`calc(${H} * 3)`,backgroundColor:"#fff",boxShadow:"0 1px 4px 0 rgba(0,0,0,0.2)","&:focus, &:hover, &.Mui-active, &.Mui-focusVisible":{boxShadow:"inherit"},"&:hover":{boxShadow:`0 1px 4px 0 rgba(0,0,0,0.2), 0 0 0 ${H} ${D[600]}33`},"&.Mui-focusVisible":{boxShadow:`0 1px 4px 0 rgba(0,0,0,0.2), 0 0 0 ${H} ${D[600]}66`},"&.Mui-active":{boxShadow:`0 1px 4px 0 rgba(0,0,0,0.2), 0 0 0 12px ${D[600]}66`},"&::before":{display:"none"}},"& .MuiSlider-valueLabel":{lineHeight:1.5,fontSize:Q.sm,width:40,height:26,display:"flex",alignItems:"center",justifyContent:"center",borderRadius:`calc(${H} / 2)`,backgroundColor:"#FFFFFF",color:w[800],boxShadow:"0 2px 10px 0 rgba(0,0,0,0.2)",transform:"translateY(-100%) scale(0)",top:-10,"&.MuiSlider-valueLabelOpen":{transform:"translateY(-100%) scale(1)"},"&::before":{display:"block",content:'""',position:"absolute",bottom:`calc(${H} / -2)`,left:"50%",transform:"translateX(-50%) rotate(45deg)",width:H,height:H,backgroundColor:"#FFFFFF",boxShadow:"2px 2px 2px 0 rgba(0,0,0,0.05)"}},"&.Mui-disabled":{color:w[200],"& .MuiSlider-thumb":{backgroundColor:w[200],boxShadow:"none"},"& .MuiSlider-track":{backgroundColor:D[600],opacity:1,border:"none"},"& .MuiSlider-rail":{opacity:1,backgroundColor:w[200]}},...u}})]}),exports.SwitchComponent=so,exports.SwitchContentComponent=({title:t,content:r,checked:i,disabled:n,size:l="medium",onChange:a,sx:s})=>e.jsxs(ne,{sx:{width:"fit-content",gap:"12px",maxWidth:"345px",...s},children:[e.jsx(so,{checked:i,disabled:n,size:l,onChange:a}),e.jsxs(o.Box,{children:[e.jsx(o.Typography,{sx:{fontSize:16,lineHeight:"24px",fontWeight:500,color:"#344054"},children:t}),r&&e.jsx(o.Typography,{sx:{mt:.5,fontSize:16,lineHeight:"24px",fontWeight:400,color:"#667085"},children:r})]})]}),exports.TABS_CONTAINER_HORIZONTAL=uo,exports.TABS_CONTAINER_VERTICAL=go,exports.TAB_ACTIVE_BACKGROUND_HORIZONTAL=ho,exports.TAB_ACTIVE_BACKGROUND_VERTICAL=mo,exports.TAB_BACKGROUND_STYLES={position:"absolute",top:0,left:0,right:0,bottom:0,borderRadius:1},exports.TAB_STYLES=po,exports.TAB_UNDERLINE_STYLES=xo,exports.TYPOGRAPHY=re,exports.TYPOGRAPHY_STYLES=ie,exports.TabColors=_o,exports.TabsComponent=({idSelect:r,tabs:i,size:n,direction:l="row",maxDisplay:a,onChange:s,sx:d,sxTabs:c,sxWrapper:p})=>{const[x,u]=t.useState(r),[h,g]=t.useState(null),m=t.useId();t.useEffect(()=>{u(r)},[r]);const f="column"===l,b=!f&&a&&i.length>a,y=b?i.slice(0,a):i,C=b?i.slice(a):[],S=e=>{u(e.id),s?.(e.id),e.onClick&&e.onClick()};return e.jsx(t.Fragment,{children:f?e.jsx(_.LayoutGroup,{id:m,children:e.jsx(o.Stack,{direction:"column",sx:{width:"fit-content",gap:P,...p},children:i.map(t=>{const r=t.id===x;return e.jsx($e,{href:t.href,onClick:t.onClick,id:t.id,children:e.jsxs(o.Box,{sx:{position:"relative"},children:[e.jsx(o.Stack,{component:_.motion.div,sx:{...go,color:r?_o.ACTIVE_TEXT:_o.INACTIVE_TEXT},onTap:()=>S(t),children:e.jsxs(o.Box,{sx:{...ie.textMd.medium,display:"flex",alignItems:"center",gap:t.icon?.5:0,position:"relative",zIndex:1,...d},children:[t.icon&&e.jsx(me,{size:n,icon:t.icon}),t.name]})}),r&&e.jsx(o.Box,{component:_.motion.div,sx:{...mo},layoutId:`${m}-background`})]})},t.id)})})}):e.jsx(_.LayoutGroup,{id:m,children:e.jsxs(o.Box,{sx:{position:"relative",display:"flex",alignItems:"center"},children:[e.jsxs(o.Box,{sx:{...uo},children:[y.map(t=>{const r=t.id===x;return e.jsx($e,{href:t.href,onClick:t.onClick,id:t.id,children:e.jsxs(o.Stack,{component:_.motion.div,sx:{color:r?_o.ACTIVE_TEXT:_o.INACTIVE_TEXT,position:"relative",padding:"18px 16px",cursor:"pointer",minHeight:40,"&:hover":{bgcolor:_o.HOVER_BACKGROUND},...c},onTap:()=>S(t),children:[e.jsxs(o.Box,{sx:{...ie.textMd.medium,display:"flex",alignItems:"center",gap:t.icon?.5:0,...d},children:[t.icon&&e.jsx(me,{size:n,icon:t.icon}),t.name]}),r&&e.jsx(o.Box,{component:_.motion.div,sx:{...ho},layoutId:`${m}-underline`})]})},t.id)}),b&&e.jsxs(t.Fragment,{children:[e.jsx(o.Box,{sx:{...xo}}),e.jsx(o.Stack,{sx:{...po},onClick:e=>{g(e.currentTarget)},children:e.jsx(me,{icon:"more_horiz",size:n})})]})]}),e.jsx(o.Menu,{disableScrollLock:!0,anchorEl:h,open:Boolean(h),onClose:()=>g(null),anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},children:C.map(t=>{const r=t.id===x;return e.jsx(o.MenuItem,{onClick:()=>(e=>{S(e),g(null)})(t),sx:{color:r?_o.ACTIVE_TEXT:_o.INACTIVE_TEXT,bgcolor:r?_o.MENU_ACTIVE_BACKGROUND:"transparent","&:hover":{bgcolor:r?_o.MENU_ACTIVE_BACKGROUND:_o.HOVER_BACKGROUND}},children:e.jsxs(o.Box,{sx:{display:"flex",alignItems:"center",gap:t.icon?.5:0},children:[t.icon&&e.jsx(me,{size:n,icon:t.icon}),t.name]})},t.id)})})]})})})},exports.TextAreaComponent=({label:t="",placeholder:r="",value:i="",disabled:n=!1,error:l=!1,success:a=!1,errorMessage:s,successMessage:d,borderRadius:c=6,onChange:p,onBlur:x,helperText:u="",rows:h=4,maxLength:g,required:m=!1,sx:_})=>{const f="max"===c?"100px":`${c}px`,b=()=>l&&s?s:a&&d?d:u||"",y=()=>l?A[500]:a?O[500]:w[300];return e.jsxs(o.Box,{sx:{..._},children:[t&&e.jsxs(o.Box,{sx:{display:"flex",alignItems:"baseline",gap:"2px",marginBottom:"4px"},children:[e.jsx(o.Typography,{sx:{...re.text14Bold,color:T[800]},children:t}),m&&e.jsx(o.Typography,{sx:{color:A[500],...re.text14Bold},children:"*"})]}),e.jsxs(o.Box,{sx:{position:"relative"},children:[e.jsx(o.TextField,{fullWidth:!0,multiline:!0,rows:h,placeholder:r,value:i,disabled:n,required:m,onChange:e=>p?.(e.target.value),onBlur:e=>x?.(e.target.value),inputProps:{maxLength:g,style:{...re.text14Regular,paddingBottom:g?"24px":"0px"}},sx:{"& .MuiOutlinedInput-root":{borderRadius:f,backgroundColor:n?w[100]:"white",transition:"all 0.2s ease","& fieldset":{borderColor:y()},"&:hover fieldset":{borderColor:n?y():l?A[500]:w[400]},"&.Mui-focused fieldset":{borderColor:l?A[500]:w[400],borderWidth:"1.5px"}},"& .MuiOutlinedInput-input":{color:i?T[900]:w[400],"&::placeholder":{color:w[400],opacity:1},"&:disabled":{color:w[400],WebkitTextFillColor:w[400]}},"& .MuiOutlinedInput-notchedOutline":{borderColor:y()}}}),g&&e.jsxs(o.Box,{sx:{position:"absolute",bottom:"8px",right:"12px",fontSize:"12px",color:w[400],pointerEvents:"none"},children:["(",i?.length,"/",g,")"]})]}),b()&&e.jsx(o.Box,{sx:{color:l?A[500]:a?O[500]:w[400],marginTop:"4px",...re.textFieldHelper},children:b()})]})},exports.TextFieldComponent=({label:t,placeholder:r="Placeholder",value:i,disabled:n=!1,error:l=!1,success:a=!1,errorMessage:s,successMessage:d,borderRadius:c=6,helperText:p,onChange:x,iconBefore:u,iconAfter:h,sx:g,labelSx:m,inputPadding:_,inputHeight:f,required:b,...y})=>e.jsxs(o.Box,{sx:{...g},children:[t&&e.jsxs(o.Box,{sx:{display:"flex",alignItems:"baseline",gap:"2px",marginBottom:"4px"},children:[e.jsx(o.Typography,{sx:{display:"block",...re.text14Bold,color:T[800],...m},children:t}),b&&e.jsx(o.Typography,{sx:{color:A[500],...re.text14Bold},children:"*"})]}),e.jsx(fo,{placeholder:r,value:i,disabled:n,error:l,helperText:l?s:p,size:"small",fullWidth:!0,onChange:x,required:b,InputProps:{startAdornment:u?e.jsx(o.InputAdornment,{position:"start",children:u}):void 0,endAdornment:h?e.jsx(o.InputAdornment,{position:"end",children:h}):void 0},sx:{"& .MuiOutlinedInput-root":{borderRadius:"max"===c?"100px":`${c}px`,...f&&{height:f},...a&&{"&.Mui-focused":{boxShadow:`0 1px 2px 0 rgba(10, 13, 18, 0.05), 0 0 0 4px ${O[100]}`}}},"& .MuiInputBase-input":{..._&&{padding:_}}},...y}),a&&!l&&d&&e.jsx(o.Typography,{sx:{...re.textFieldHelper,color:O[500],marginTop:"4px"},children:d})]}),exports.TypographyOneLine=fe,exports.UploaderComponent=({onFilesSelected:r,accept:i="*",multiple:n=!0,children:l,sx:a,labelSx:s,uploadLabel:d="Click to upload",appearance:c,files:p,onDeleteFile:x,onRetryFile:u,borderError:h})=>{const g=t.useRef(null),[m,_]=t.useState(!1),f=p||[];return e.jsxs(o.Box,{sx:{border:"2px solid",borderColor:c?.borderColor||"action.selected",borderRadius:"8px",padding:"32px 24px",textAlign:"center",cursor:"pointer",transition:"all 0.3s ease",backgroundColor:m?"action.selected":c?.background||"background.paper","&:hover":{borderColor:c?.borderColorHover||c?.borderColor||"primary.main",filter:"brightness(0.92)"},...a},onClick:()=>{g.current?.click()},onDragOver:e=>{e.preventDefault(),e.stopPropagation(),_(!0)},onDragLeave:e=>{e.preventDefault(),e.stopPropagation(),_(!1)},onDrop:e=>{e.preventDefault(),e.stopPropagation(),_(!1);const o=e.dataTransfer.files;o&&r(Array.from(o))},children:[e.jsx("input",{ref:g,type:"file",accept:i,multiple:n,onChange:e=>{const o=e.target.files;if(o){const e=Array.from(o);r(e)}e.target.value=""},style:{display:"none"}}),0===f.length&&e.jsx(e.Fragment,{children:l?e.jsxs(o.Box,{children:[l,e.jsxs(o.Box,{component:"p",sx:{color:"primary.main",textDecoration:"underline",fontWeight:500,fontSize:"14px",marginTop:"12px",margin:"12px 0 0 0",...s},children:[d," or drag and drop"]})]}):e.jsxs(o.Box,{children:[e.jsx(o.Box,{component:"img",src:"/images/icon/uploader.svg",alt:"Upload icon",sx:{width:"46px",height:"46px",marginBottom:"12px"}}),e.jsxs(o.Box,{component:"p",sx:{color:"primary.main",textDecoration:"underline",fontWeight:500,fontSize:"14px",margin:0,...s},children:[d," or drag and drop"]})]})}),f&&f.length>0&&e.jsx(o.Box,{sx:{marginTop:"24px",display:"flex",flexDirection:"column",gap:"12px",textAlign:"left"},onClick:e=>e.stopPropagation(),children:f.map((o,t)=>e.jsx(ko,{file:o.file,progress:o.progress,status:o.status,isProcess:o.isProcess??!0,onDelete:()=>{return e=o.file,void(x&&x(e));var e},onRetry:()=>u?.(o.id),borderSuccess:c?.borderSuccess,borderError:h},o.id||t))})]})},exports.UploaderItemComponent=ko,exports.ValueLabelDisplay=co,exports.VideoPlayerComponent=({src:r,poster:i,autoPlay:n=!1,loop:l=!1,muted:a=!1,width:s="100%",height:d="auto",iconSize:c,sx:p})=>{const x=t.useRef(null),[u,h]=t.useState(!1),[g,m]=t.useState(0),[_,f]=t.useState(0),[b,y]=t.useState(!1),[C,S]=t.useState(!1),[v,k]=t.useState([]),I=!!(F=r)&&/(?:youtube\.com\/(?:[^\/]+\/.+\/|(?:v|e(?:mbed)?)\/|.*[?&]v=)|youtu\.be\/)([^"&?\/\s]{11})/i.test(F);var F;const{buttonSize:j,iconFontSize:E,containerWidth:B,containerHeight:w}=t.useMemo(()=>{let e=64;return c&&(e=Ao[c]),{buttonSize:e,iconFontSize:.5*e,containerWidth:s,containerHeight:d}},[c,s,d]);t.useEffect(()=>{const e=x.current;if(!e)return;const o=()=>m(e.currentTime),t=()=>{f(e.duration),S(!1)},r=()=>h(!0),i=()=>h(!1),n=()=>h(!1),l=()=>S(!0),a=()=>S(!1),s=()=>{if(!e)return;const o=e.buffered,t=[];for(let e=0;e<o.length;e++)t.push({start:o.start(e),end:o.end(e)});k(t)};return e.addEventListener("timeupdate",o),e.addEventListener("loadedmetadata",t),e.addEventListener("progress",s),e.addEventListener("play",r),e.addEventListener("pause",i),e.addEventListener("ended",n),e.addEventListener("waiting",l),e.addEventListener("playing",a),()=>{e.removeEventListener("timeupdate",o),e.removeEventListener("loadedmetadata",t),e.removeEventListener("play",r),e.removeEventListener("pause",i),e.removeEventListener("ended",n),e.removeEventListener("waiting",l),e.removeEventListener("playing",a),e.removeEventListener("progress",s)}},[I]);const T=()=>{x.current&&(u?x.current.pause():x.current.play())};return e.jsxs(ne,{sx:{position:"relative",width:B,height:w,borderRadius:V,overflow:"hidden","&:hover .controls-overlay":{opacity:1},...p},onMouseEnter:()=>y(!0),onMouseLeave:()=>y(!1),children:[I?e.jsx("iframe",{src:No(r),title:"YouTube video player",style:{width:"100%",height:"100%",border:"none"},allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0}):e.jsx("video",{ref:x,poster:i,autoPlay:n,loop:l,muted:a,style:{width:"100%",height:"100%",objectFit:"cover",display:"block"},onClick:T,children:e.jsx("source",{src:r,type:Ho(r)})}),C&&e.jsx(ne,{sx:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",zIndex:2,pointerEvents:"none"},children:e.jsx(o.CircularProgress,{size:j,sx:{color:Ro}})}),!I&&(!u||b)&&e.jsx(ne,{sx:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",zIndex:2,transition:"opacity 0.3s",opacity:u?0:1,pointerEvents:"none"},children:e.jsx(o.IconButton,{onClick:T,"aria-label":u?"Pause":"Play",sx:{color:Ro,pointerEvents:"auto",backgroundColor:zo,"&:hover":{backgroundColor:Lo},width:j,height:j,padding:0,minWidth:"auto"},children:e.jsx(me,{icon:u?"pause":"play_arrow",sx:{fontSize:E}})})}),!I&&e.jsxs(ne,{className:"controls-overlay",sx:{position:"absolute",bottom:0,left:0,right:0,background:Oo,padding:2,opacity:u?0:1,transition:"opacity 0.3s",zIndex:3},children:[e.jsx(le,{gap:2,sx:{mb:1},children:e.jsx(o.Slider,{value:g,min:0,max:_||100,onChange:(e,o)=>{x.current&&"number"==typeof o&&(x.current.currentTime=o,m(o))},sx:{color:Ro,height:4,padding:"13px 0","& .MuiSlider-thumb":{display:"none"},"& .MuiSlider-rail":{opacity:1,background:(()=>{if(!_||0===v.length)return Do;const e=v.find(e=>g>=e.start&&g<=e.end);if(!e)return Do;const o=Math.min(e.end/_*100,100);return`linear-gradient(to right, ${Mo} 0%, ${Mo} ${o}%, ${Do} ${o}%, ${Do} 100%)`})()},"& .MuiSlider-track":{border:"none",opacity:1,backgroundColor:Ro}}})}),e.jsx(ce,{children:e.jsxs(le,{gap:.5,children:[e.jsx(o.IconButton,{onClick:T,size:"small",sx:{color:Ro},"aria-label":u?"Pause":"Play",children:e.jsx(me,{icon:u?"pause":"play_arrow"})}),e.jsxs(o.Typography,{variant:"body2",sx:{color:Ro,userSelect:"none"},children:[Wo(g)," / ",Wo(_)]})]})})]})]})},exports.createTypography=te,exports.getAvatarSizeValue=k,exports.getBadgePosition=F,exports.getBadgeSizeKey=I,exports.iconsMui=["3d_rotation","ac_unit","access_alarm","access_alarms","access_time","accessibility","accessible","account_balance","account_balance_wallet","account_box","account_circle","adb","add","add_a_photo","add_alarm","add_alert","add_box","add_circle","add_circle_outline","add_location","add_shopping_cart","add_to_photos","add_to_queue","adjust","airline_seat_flat","airline_seat_flat_angled","airline_seat_individual_suite","airline_seat_legroom_extra","airline_seat_legroom_normal","airline_seat_legroom_reduced","airline_seat_recline_extra","airline_seat_recline_normal","airplanemode_active","airplanemode_inactive","airplay","airport_shuttle","alarm","alarm_add","alarm_off","alarm_on","album","all_inclusive","all_out","android","announcement","apps","archive","arrow_back","arrow_downward","arrow_drop_down","arrow_drop_down_circle","arrow_drop_up","arrow_forward","arrow_upward","art_track","aspect_ratio","assessment","assignment","assignment_ind","assignment_late","assignment_return","assignment_returned","assignment_turned_in","assistant","assistant_photo","attach_file","attach_money","attachment","audiotrack","autorenew","av_timer","backspace","backup","battery_alert","battery_charging_full","battery_full","battery_std","battery_unknown","beach_access","beenhere","block","bluetooth","bluetooth_audio","bluetooth_connected","bluetooth_disabled","bluetooth_searching","blur_circular","blur_linear","blur_off","blur_on","book","bookmark","bookmark_border","border_all","border_bottom","border_clear","border_color","border_horizontal","border_inner","border_left","border_outer","border_right","border_style","border_top","border_vertical","branding_watermark","brightness_1","brightness_2","brightness_3","brightness_4","brightness_5","brightness_6","brightness_7","brightness_auto","brightness_high","brightness_low","brightness_medium","broken_image","brush","bubble_chart","bug_report","build","burst_mode","business","business_center","cached","cake","call","call_end","call_made","call_merge","call_missed","call_missed_outgoing","call_received","call_split","call_to_action","camera","camera_alt","camera_enhance","camera_front","camera_rear","camera_roll","cancel","card_giftcard","card_membership","card_travel","casino","cast","cast_connected","center_focus_strong","center_focus_weak","change_history","chat","chat_bubble","chat_bubble_outline","check","check_box","check_box_outline_blank","check_circle","chevron_left","chevron_right","child_care","child_friendly","chrome_reader_mode","class","clear","clear_all","close","closed_caption","cloud","cloud_circle","cloud_done","cloud_download","cloud_off","cloud_queue","cloud_upload","code","collections","collections_bookmark","color_lens","colorize","comment","compare","compare_arrows","computer","confirmation_number","contact_mail","contact_phone","contacts","content_copy","content_cut","content_paste","control_point","control_point_duplicate","copyright","create","create_new_folder","credit_card","crop","crop_16_9","crop_3_2","crop_5_4","crop_7_5","crop_din","crop_free","crop_landscape","crop_original","crop_portrait","crop_rotate","crop_square","dashboard","data_usage","date_range","dehaze","delete","delete_forever","delete_sweep","description","desktop_mac","desktop_windows","details","developer_board","developer_mode","device_hub","devices","devices_other","dialer_sip","dialpad","directions","directions_bike","directions_boat","directions_bus","directions_car","directions_railway","directions_run","directions_subway","directions_transit","directions_walk","disc_full","dns","do_not_disturb","do_not_disturb_alt","do_not_disturb_off","do_not_disturb_on","dock","domain","done","done_all","donut_large","donut_small","drafts","drag_handle","drive_eta","dvr","edit","edit_location","eject","email","enhanced_encryption","equalizer","error","error_outline","euro_symbol","ev_station","event","event_available","event_busy","event_note","event_seat","exit_to_app","expand_less","expand_more","explicit","explore","exposure","exposure_neg_1","exposure_neg_2","exposure_plus_1","exposure_plus_2","exposure_zero","extension","face","fast_forward","fast_rewind","favorite","favorite_border","featured_play_list","featured_video","feedback","fiber_dvr","fiber_manual_record","fiber_new","fiber_pin","fiber_smart_record","file_download","file_upload","filter","filter_1","filter_2","filter_3","filter_4","filter_5","filter_6","filter_7","filter_8","filter_9","filter_9_plus","filter_b_and_w","filter_center_focus","filter_drama","filter_frames","filter_hdr","filter_list","filter_none","filter_tilt_shift","filter_vintage","find_in_page","find_replace","fingerprint","first_page","fitness_center","flag","flare","flash_auto","flash_off","flash_on","flight","flight_land","flight_takeoff","flip","flip_to_back","flip_to_front","folder","folder_open","folder_shared","folder_special","font_download","format_align_center","format_align_justify","format_align_left","format_align_right","format_bold","format_clear","format_color_fill","format_color_reset","format_color_text","format_indent_decrease","format_indent_increase","format_italic","format_line_spacing","format_list_bulleted","format_list_numbered","format_paint","format_quote","format_shapes","format_size","format_strikethrough","format_textdirection_l_to_r","format_textdirection_r_to_l","format_underlined","forum","forward","forward_10","forward_30","forward_5","free_breakfast","fullscreen","fullscreen_exit","functions","g_translate","gamepad","games","gavel","gesture","get_app","gif","golf_course","gps_fixed","gps_not_fixed","gps_off","grade","gradient","grain","graphic_eq","grid_off","grid_on","group","group_add","group_work","hd","hdr_off","hdr_on","hdr_strong","hdr_weak","headset","headset_mic","healing","hearing","help","help_outline","high_quality","highlight","highlight_off","history","home","hot_tub","hotel","hourglass_empty","hourglass_full","http","https","image","image_aspect_ratio","import_contacts","import_export","important_devices","inbox","indeterminate_check_box","info","info_outline","input","insert_chart","insert_comment","insert_drive_file","insert_emoticon","insert_invitation","insert_link","insert_photo","invert_colors","invert_colors_off","iso","keyboard","keyboard_arrow_down","keyboard_arrow_left","keyboard_arrow_right","keyboard_arrow_up","keyboard_backspace","keyboard_capslock","keyboard_hide","keyboard_return","keyboard_tab","keyboard_voice","kitchen","label","label_outline","landscape","language","laptop","laptop_chromebook","laptop_mac","laptop_windows","last_page","launch","layers","layers_clear","leak_add","leak_remove","lens","library_add","library_books","library_music","lightbulb_outline","line_style","line_weight","linear_scale","link","linked_camera","list","live_help","live_tv","local_activity","local_airport","local_atm","local_bar","local_cafe","local_car_wash","local_convenience_store","local_dining","local_drink","local_florist","local_gas_station","local_grocery_store","local_hospital","local_hotel","local_laundry_service","local_library","local_mall","local_movies","local_offer","local_parking","local_pharmacy","local_phone","local_pizza","local_play","local_post_office","local_printshop","local_see","local_shipping","local_taxi","location_city","location_disabled","location_off","location_on","location_searching","lock","lock_open","lock_outline","looks","looks_3","looks_4","looks_5","looks_6","looks_one","looks_two","loop","loupe","low_priority","loyalty","mail","mail_outline","map","markunread","markunread_mailbox","memory","menu","merge_type","message","mic","mic_none","mic_off","mms","mode_comment","mode_edit","monetization_on","money_off","monochrome_photos","mood","mood_bad","more","more_horiz","more_vert","motorcycle","mouse","move_to_inbox","movie","movie_creation","movie_filter","multiline_chart","music_note","music_video","my_location","nature","nature_people","navigate_before","navigate_next","navigation","near_me","network_cell","network_check","network_locked","network_wifi","new_releases","next_week","nfc","no_encryption","no_sim","not_interested","note","note_add","notifications","notifications_active","notifications_none","notifications_off","notifications_paused","offline_pin","ondemand_video","opacity","open_in_browser","open_in_new","open_with","pages","pageview","palette","pan_tool","panorama","panorama_fish_eye","panorama_horizontal","panorama_vertical","panorama_wide_angle","party_mode","pause","pause_circle_filled","pause_circle_outline","payment","people","people_outline","perm_camera_mic","perm_contact_calendar","perm_data_setting","perm_device_information","perm_identity","perm_media","perm_phone_msg","perm_scan_wifi","person","person_add","person_outline","person_pin","person_pin_circle","personal_video","pets","phone","phone_android","phone_bluetooth_speaker","phone_forwarded","phone_in_talk","phone_iphone","phone_locked","phone_missed","phone_paused","phonelink","phonelink_erase","phonelink_lock","phonelink_off","phonelink_ring","phonelink_setup","photo","photo_album","photo_camera","photo_filter","photo_library","photo_size_select_actual","photo_size_select_large","photo_size_select_small","picture_as_pdf","picture_in_picture","picture_in_picture_alt","pie_chart","pie_chart_outlined","pin_drop","place","play_arrow","play_circle_filled","play_circle_outline","play_for_work","playlist_add","playlist_add_check","playlist_play","plus_one","poll","polymer","pool","portable_wifi_off","portrait","power","power_input","power_settings_new","pregnant_woman","present_to_all","print","priority_high","public","publish","query_builder","question_answer","queue","queue_music","queue_play_next","radio","radio_button_checked","radio_button_unchecked","rate_review","receipt","recent_actors","record_voice_over","redeem","redo","refresh","remove","remove_circle","remove_circle_outline","remove_from_queue","remove_red_eye","remove_shopping_cart","reorder","repeat","repeat_one","replay","replay_10","replay_30","replay_5","reply","reply_all","report","report_problem","restaurant","restaurant_menu","restore","restore_page","ring_volume","room","room_service","rotate_90_degrees_ccw","rotate_left","rotate_right","rounded_corner","router","rowing","rss_feed","rv_hookup","satellite","save","scanner","schedule","school","screen_lock_landscape","screen_lock_portrait","screen_lock_rotation","screen_rotation","screen_share","sd_card","sd_storage","search","security","select_all","send","sentiment_dissatisfied","sentiment_neutral","sentiment_satisfied","sentiment_very_dissatisfied","sentiment_very_satisfied","settings","settings_applications","settings_backup_restore","settings_bluetooth","settings_brightness","settings_cell","settings_ethernet","settings_input_antenna","settings_input_component","settings_input_composite","settings_input_hdmi","settings_input_svideo","settings_overscan","settings_phone","settings_power","settings_remote","settings_system_daydream","settings_voice","share","shop","shop_two","shopping_basket","shopping_cart","short_text","show_chart","shuffle","signal_cellular_4_bar","signal_cellular_connected_no_internet_4_bar","signal_cellular_no_sim","signal_cellular_null","signal_cellular_off","signal_wifi_4_bar","signal_wifi_4_bar_lock","signal_wifi_off","sim_card","sim_card_alert","skip_next","skip_previous","slideshow","slow_motion_video","smartphone","smoke_free","smoking_rooms","sms","sms_failed","snooze","sort","sort_by_alpha","spa","space_bar","speaker","speaker_group","speaker_notes","speaker_notes_off","speaker_phone","spellcheck","star","star_border","star_half","stars","stay_current_landscape","stay_current_portrait","stay_primary_landscape","stay_primary_portrait","stop","stop_screen_share","storage","store","store_mall_directory","straighten","streetview","strikethrough_s","style","subdirectory_arrow_left","subdirectory_arrow_right","subject","subscriptions","subtitles","subway","supervisor_account","surround_sound","swap_calls","swap_horiz","swap_vert","swap_vertical_circle","switch_camera","switch_video","sync","sync_disabled","sync_problem","system_update","system_update_alt","tab","tab_unselected","tablet","tablet_android","tablet_mac","tag_faces","tap_and_play","terrain","text_fields","text_format","textsms","texture","theaters","thumb_down","thumb_up","thumbs_up_down","time_to_leave","timelapse","timeline","timer","timer_10","timer_3","timer_off","title","toc","today","toll","tonality","touch_app","toys","track_changes","traffic","train","tram","transfer_within_a_station","transform","translate","trending_down","trending_flat","trending_up","tune","turned_in","turned_in_not","tv","unarchive","undo","unfold_less","unfold_more","update","usb","verified_user","vertical_align_bottom","vertical_align_center","vertical_align_top","vibration","video_call","video_label","video_library","videocam","videocam_off","videogame_asset","view_agenda","view_array","view_carousel","view_column","view_comfy","view_compact","view_day","view_headline","view_list","view_module","view_quilt","view_stream","view_week","vignette","visibility","visibility_off","voice_chat","voicemail","volume_down","volume_mute","volume_off","volume_up","vpn_key","vpn_lock","wallpaper","warning","watch","watch_later","wb_auto","wb_cloudy","wb_incandescent","wb_iridescent","wb_sunny","wc","web","web_asset","weekend","whatshot","widgets","wifi","wifi_lock","wifi_tethering","work","wrap_text","youtube_searched_for","zoom_in","zoom_out","zoom_out_map"],exports.usePickerScroll=wo;
package/dist/index.es.js CHANGED
@@ -22,8 +22,8 @@ return e(D.Fragment,{children:[
22
22
  /* @__PURE__ */o(g,{"aria-label":"breadcrumb",sx:{...l},children:p?/* @__PURE__ */e(qe,{sx:{gap:Be.small},children:[y(r[0]),C(),
23
23
  /* @__PURE__ */o(m,{size:"small",onClick:e=>{c(e.currentTarget)},sx:{p:0,mt:"auto"},children:/* @__PURE__ */o(ao,{icon:"more_horiz"})}),C(),u.slice(1).map((o,r)=>/* @__PURE__ */e(D.Fragment,{children:[r>0&&C(),y(o)]},o.id))]}):r.map(e=>y(e))}),
24
24
  /* @__PURE__ */o(x,{anchorEl:d,open:Boolean(d),onClose:b,disableScrollLock:!0,children:_.map(r=>{const t=r.id===n;/* @__PURE__ */
25
- return e(f,{onClick:()=>{r.onClick&&r.onClick(),b()},sx:{gap:Be.medium,color:t?"#0F766E":"#111827",bgcolor:t?"#E0F2FE":"transparent"},children:[r.icon&&/* @__PURE__ */o(ao,{icon:r.icon}),r.label]},r.id)})})]})},mo={light:100,main:500,dark:700},xo={xs:{padding:"6px 12px",fontSize:"10px",height:"28px"},sm:{padding:"8px 16px",fontSize:"12px",height:"32px"},md:{padding:"16px 28px",fontSize:"14px",height:"60px",width:"192px"},lg:{padding:"12px 24px",fontSize:"16px",height:"44px"},xl:{padding:"14px 32px",fontSize:"18px",height:"48px"}},fo={brand:me,neutral:xe,error:_e,warning:be,success:ye,accent:ve,info:Ce},_o={ACTIVE_DOT_SIZE:8,ACTIVE_DOT_MARGIN_RIGHT:8,SPINNER_SIZE:16,GAP:12,BORDER_RADIUS:8,TRANSITION_DURATION:"0.3s"},bo={HOVER_TRANSLATE_Y:"-2px",ACTIVE_TRANSLATE_Y:"0",BOX_SHADOW:"0 4px 12px rgba(0, 0, 0, 0.15)",FOCUS_OFFSET:"2px"},yo=({variant:t="solid",color:i="brand",shade:n="dark",size:l="md",prefix:a,suffix:s,prefixIcon:d,suffixIcon:c,iconStyle:p,loading:u=!1,children:h,fullWidth:g=!1,disabled:m=!1,active:x=!1,activeDotColor:f="#10b981",sx:y,...C})=>{const v=((e,o,r,t,i)=>{const n=fo[o],l=xo[t]||xo.md;let a;a="number"==typeof r?n[r]||n[700]:n[mo[r]||700];const s=n[100],d={padding:l.padding,height:l.height,fontSize:l.fontSize,width:i?"100%":l.width||"auto",fontFamily:Ue.body.fontFamily,fontWeight:Ue.body.fontWeight,borderRadius:`${_o.BORDER_RADIUS}px`,gap:`${_o.GAP}px`,textTransform:"none",transition:`all ${_o.TRANSITION_DURATION} ease`,"&:hover":{transform:`translateY(${bo.HOVER_TRANSLATE_Y})`,boxShadow:bo.BOX_SHADOW},"&:active":{transform:`translateY(${bo.ACTIVE_TRANSLATE_Y})`},"&:focus-visible":{outline:`2px solid ${a}`,outlineOffset:bo.FOCUS_OFFSET}},c={solid:{backgroundColor:a,color:"#ffffff","&:hover":{...d["&:hover"],backgroundColor:a},"&:focus-visible":{...d["&:focus-visible"],outline:"2px solid #ffffff"}},outline:{backgroundColor:"transparent",color:a,border:`2px solid ${a}`,"&:hover":{...d["&:hover"],backgroundColor:"transparent",border:`2px solid ${a}`}},ghost:{backgroundColor:s,color:a,"&:hover":{...d["&:hover"],backgroundColor:s}},text:{backgroundColor:"transparent",color:a,border:"none","&:hover":{...d["&:hover"],backgroundColor:"transparent"}}};return{...d,...c[e]}})(t,i,n,l,g),S=u?/* @__PURE__ */o(_,{size:_o.SPINNER_SIZE,sx:{color:xe[50]}}):d?/* @__PURE__ */o(ao,{icon:d,sx:p}):a||null,F=c?/* @__PURE__ */o(ao,{icon:c,sx:p}):s||null,k=!h&&!x&&(S||F);/* @__PURE__ */
26
- return o(b,{sx:{...v,...y},disabled:m||u,fullWidth:g,startIcon:k?void 0:S,endIcon:k?void 0:F,...C,children:/* @__PURE__ */e(r,k?{children:[S,F]}:{children:[x?/* @__PURE__ */o("span",{style:{width:`${_o.ACTIVE_DOT_SIZE}px`,height:`${_o.ACTIVE_DOT_SIZE}px`,borderRadius:"50%",backgroundColor:f,display:"inline-block",flexShrink:0,marginRight:`${_o.ACTIVE_DOT_MARGIN_RIGHT}px`}}):null,h]})})},Co=({layout:e,children:r,gap:t=12,style:i})=>{const n={display:"flex",flexDirection:"horizontal"===e?"row":"column",gap:`${t}px`,alignItems:"horizontal"===e?"center":"stretch",...i};/* @__PURE__ */
25
+ return e(f,{onClick:()=>{r.onClick&&r.onClick(),b()},sx:{gap:Be.medium,color:t?"#0F766E":"#111827",bgcolor:t?"#E0F2FE":"transparent"},children:[r.icon&&/* @__PURE__ */o(ao,{icon:r.icon}),r.label]},r.id)})})]})},mo={light:100,main:500,dark:700},xo={xs:{padding:"6px 12px",fontSize:"10px",height:"28px"},sm:{padding:"8px 16px",fontSize:"12px",height:"32px"},md:{padding:"16px 28px",fontSize:"14px",height:"60px",width:"192px"},lg:{padding:"12px 24px",fontSize:"16px",height:"44px"},xl:{padding:"14px 32px",fontSize:"18px",height:"48px"}},fo={brand:me,neutral:xe,error:_e,warning:be,success:ye,accent:ve,info:Ce},_o={ACTIVE_DOT_SIZE:8,ACTIVE_DOT_MARGIN_RIGHT:8,SPINNER_SIZE:16,GAP:8,BORDER_RADIUS:4,TRANSITION_DURATION:"0.3s"},bo={HOVER_TRANSLATE_Y:"-2px",ACTIVE_TRANSLATE_Y:"0",BOX_SHADOW:"0 4px 12px rgba(0, 0, 0, 0.15)",FOCUS_OFFSET:"2px"},yo=({variant:t="solid",color:i="brand",shade:n="dark",size:l="md",prefix:a,suffix:s,prefixIcon:d,suffixIcon:c,iconStyle:p,loading:u=!1,children:h,fullWidth:g=!1,disabled:m=!1,active:x=!1,activeDotColor:f="#10b981",sx:y,sizePadding:C="md",...v})=>{const S=((e,o,r,t,i,n)=>{const l="string"==typeof o&&!(o in fo),a=l?fo.neutral:fo[o],s=l?o:void 0,d=xo[n]||xo.md;let c;c=s||("number"==typeof r?a[r]||a[700]:a[mo[r]||700]);const p=a[100],u={padding:d.padding,fontFamily:Ue.body.fontFamily,fontWeight:Ue.body.fontWeight,borderRadius:`${_o.BORDER_RADIUS}px`,gap:`${_o.GAP}px`,textTransform:"none",transition:`all ${_o.TRANSITION_DURATION} ease`,"&:hover":{transform:`translateY(${bo.HOVER_TRANSLATE_Y})`,boxShadow:bo.BOX_SHADOW},"&:active":{transform:`translateY(${bo.ACTIVE_TRANSLATE_Y})`},"&:focus-visible":{outline:`1px solid ${c}`,outlineOffset:bo.FOCUS_OFFSET}},h={solid:{backgroundColor:c,color:"#ffffff","&:hover":{...u["&:hover"],backgroundColor:c},"&:focus-visible":{...u["&:focus-visible"],outline:"1px solid #ffffff"}},outline:{backgroundColor:"transparent",color:c,border:`1px solid ${c}`,"&:hover":{...u["&:hover"],backgroundColor:"transparent",border:`1px solid ${c}`}},ghost:{backgroundColor:p,color:c,"&:hover":{...u["&:hover"],backgroundColor:p}},text:{backgroundColor:"transparent",color:c,border:"none","&:hover":{...u["&:hover"],backgroundColor:"transparent"}}};return{...u,...h[e]}})(t,i,n,0,0,C),F=u?/* @__PURE__ */o(_,{size:_o.SPINNER_SIZE,sx:{color:xe[50]}}):d?/* @__PURE__ */o(ao,{icon:d,sx:p}):a||null,k=c?/* @__PURE__ */o(ao,{icon:c,sx:p}):s||null,w=!h&&!x&&(F||k);/* @__PURE__ */
26
+ return o(b,{sx:{...S,...y},disabled:m||u,fullWidth:g,startIcon:w?void 0:F,endIcon:w?void 0:k,...v,children:/* @__PURE__ */e(r,w?{children:[F,k]}:{children:[x?/* @__PURE__ */o("span",{style:{width:`${_o.ACTIVE_DOT_SIZE}px`,height:`${_o.ACTIVE_DOT_SIZE}px`,borderRadius:"50%",backgroundColor:f,display:"inline-block",flexShrink:0,marginRight:`${_o.ACTIVE_DOT_MARGIN_RIGHT}px`}}):null,h]})})},Co=({layout:e,children:r,gap:t=12,style:i})=>{const n={display:"flex",flexDirection:"horizontal"===e?"row":"column",gap:`${t}px`,alignItems:"horizontal"===e?"center":"stretch",...i};/* @__PURE__ */
27
27
  return o("div",{style:n,children:r&&r})},vo={default:{border:"#D0D5DD",background:"#FFFFFF",hoverBg:"#F0FDF9"},checked:{border:"#07554B",filledBg:"#07554B",outlinedBg:"#FFFFFF",icon:"#FFFFFF"},disabled:{border:"#E4E7EC",background:"#F2F4F7",icon:"#98A2B3"}},So={default:"#344054",disabled:"#D0D5DD"},Fo={small:{boxSize:16,iconSize:14,titleFontSize:14,titleFontWeight:500},medium:{boxSize:20,iconSize:16,titleFontSize:16,titleFontWeight:600}},ko=({checked:r=!1,disabled:t=!1,shape:i="square",size:n="medium",variant:l="filled",iconType:a="check",title:s,children:d,onChange:c,sxCheckbox:p,sxLabel:h,sx:g})=>{const m=Fo[n],x="filled"===l,f=()=>{t||c?.(!r)},_=t?vo.disabled.background:r?x?p?.backgroundColor||vo.checked.filledBg:vo.checked.outlinedBg:vo.default.background,b=t?vo.disabled.border:r?p?.borderColor||vo.checked.border:vo.default.border,y=t?vo.disabled.icon:p?.color?p.color:x?vo.checked.icon:vo.checked.border,C=/* @__PURE__ */o(Xe,{role:"checkbox",tabIndex:t?-1:0,"aria-checked":r,onClick:f,onKeyDown:e=>{t||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),f())},sx:{width:m.boxSize,height:m.boxSize,cursor:t?"not-allowed":"pointer",userSelect:"none",borderRadius:"circle"===i?"50%":`calc(${Me} / 2)`,border:`1px solid ${b}`,backgroundColor:_,transition:`all ${Fe} ease`,...!t&&(!r||!x)&&{"&:hover":{borderColor:p?.backgroundColor||vo.checked.border,backgroundColor:vo.default.hoverBg}},"&:focus-visible":{outline:"none",boxShadow:"0 0 0 3px rgba(14, 147, 132, 0.25)"},...t&&{opacity:.4},...p},children:(()=>{if(!r)return null;const e={width:m.iconSize,height:m.iconSize,color:y};switch(a){case"check":/* @__PURE__ */
28
28
  return o(U,{sx:e});case"minus":/* @__PURE__ */
29
29
  return o(G,{sx:e});case"dot":/* @__PURE__ */
@@ -43,10 +43,10 @@ return o(q,{dateAdapter:Y,adapterLocale:m,children:/* @__PURE__ */e(c,{sx:{...y}
43
43
  /* @__PURE__ */e(c,{ref:R,onClick:n?void 0:()=>{w(!0),S||F||E("from")},sx:{display:"flex",alignItems:"center",gap:"12px",padding:"12px 8px",borderRadius:"max"===p?"100px":`${p}px`,border:`1px solid ${l?_e[500]:xe[300]}`,backgroundColor:n?xe[100]:"white",cursor:n?"default":"pointer",transition:"all 0.2s ease",...b&&{"&::before":{content:'"*"',color:_e[500],marginRight:"4px"}},...n?{}:{"&:hover":{borderColor:l?_e[500]:xe[400]}}},children:[
44
44
  /* @__PURE__ */e(u,{sx:{flex:1,...Ue.text14Regular,color:S||F?fe[900]:xe[400]},children:[S?S.format(x):x," →"," ",F?F.format(x):x]}),
45
45
  /* @__PURE__ */o(c,{sx:{display:"flex",alignItems:"center",justifyContent:"center",width:"24px",height:"24px",color:xe[400]},children:/* @__PURE__ */o(ao,{icon:"calendar_today"})})]}),
46
- /* @__PURE__ */o(j,{open:k,onOpen:()=>w(!0),onClose:()=>w(!1),value:"from"===I?S:F,onChange:e=>{"from"===I?(g?.([e,F]),e&&E("to")):g?.([S,e])},disabled:n,minDate:"from"===I?f:S||f,maxDate:"to"===I?_:F||_,shouldDisableDate:e=>!!C&&e.isBefore(X(),"day"),inputFormat:x,slotProps:{textField:{hidden:!0,size:"small",sx:{display:"none"}},popper:{anchorEl:R.current,placement:"bottom-start"}}}),h&&!l&&!a&&/* @__PURE__ */o(u,{sx:{...Ue.textFieldHelper,color:xe[400],marginTop:"4px"},children:h}),l&&s&&/* @__PURE__ */o(u,{sx:{...Ue.textFieldHelper,color:_e[500],marginTop:"4px"},children:s}),a&&!l&&d&&/* @__PURE__ */o(u,{sx:{...Ue.textFieldHelper,color:ye[500],marginTop:"4px"},children:d})]})})},Oo=({label:r="",placeholder:t="Select option",value:i=null,disabled:n=!1,error:l=!1,success:a=!1,errorMessage:s,successMessage:d,borderRadius:p=6,onChange:h,helperText:g="",options:m=[],checkIconColor:x=ve[900],required:_=!1,sx:b,labelSx:y})=>{const S="max"===p?"100px":`${p}px`,F=O(()=>m.find(e=>e.value===i),[m,i]),k=L(()=>l&&s?s:a&&d?d:g||"",[l,s,a,d,g]),w=L(()=>l?_e[500]:a?ye[500]:xe[400],[l,a]),I=L(()=>l?_e[500]:a?ye[500]:xe[300],[l,a]),E=O(()=>({"& .MuiOutlinedInput-root":{borderRadius:S,backgroundColor:n?xe[100]:"white",transition:"all 0.2s ease","& fieldset":{borderColor:I()},"&:hover fieldset":{borderColor:n?I():l?_e[500]:xe[400]},"&.Mui-focused fieldset":{borderColor:l?_e[500]:xe[400],borderWidth:"1px"}},"& .MuiOutlinedInput-input":{padding:"8px 10px",color:fe[900],"&::placeholder":{color:xe[400],opacity:1}}}),[S,n,l,I]);/* @__PURE__ */
46
+ /* @__PURE__ */o(j,{open:k,onOpen:()=>w(!0),onClose:()=>w(!1),value:"from"===I?S:F,onChange:e=>{"from"===I?(g?.([e,F]),e&&E("to")):g?.([S,e])},disabled:n,minDate:"from"===I?f:S||f,maxDate:"to"===I?_:F||_,shouldDisableDate:e=>!!C&&e.isBefore(X(),"day"),inputFormat:x,slotProps:{textField:{hidden:!0,size:"small",sx:{display:"none"}},popper:{anchorEl:R.current,placement:"bottom-start"}}}),h&&!l&&!a&&/* @__PURE__ */o(u,{sx:{...Ue.textFieldHelper,color:xe[400],marginTop:"4px"},children:h}),l&&s&&/* @__PURE__ */o(u,{sx:{...Ue.textFieldHelper,color:_e[500],marginTop:"4px"},children:s}),a&&!l&&d&&/* @__PURE__ */o(u,{sx:{...Ue.textFieldHelper,color:ye[500],marginTop:"4px"},children:d})]})})},Oo=({label:r="",placeholder:t="Select option",value:i=null,disabled:n=!1,error:l=!1,success:a=!1,errorMessage:s,successMessage:d,borderRadius:p=6,onChange:h,helperText:g="",options:m=[],checkIconColor:x=ve[900],required:_=!1,sx:b,labelSx:y})=>{const S=O(()=>"max"===p?"100px":`${p}px`,[p]),F=O(()=>m.find(e=>e.value===i),[m,i]),k=L(()=>l&&s?s:a&&d?d:g||"",[l,s,a,d,g]),w=L(()=>l?_e[500]:a?ye[500]:xe[400],[l,a]),I=L(()=>l?_e[500]:a?ye[500]:xe[300],[l,a]),E=O(()=>({"& .MuiOutlinedInput-root":{borderRadius:`${S} !important`,backgroundColor:n?xe[100]:"white",transition:"all 0.2s ease","& fieldset":{borderRadius:`${S} !important`,borderColor:I()},"&:hover fieldset":{borderColor:n?I():l?_e[500]:xe[400]},"&.Mui-focused fieldset":{borderColor:l?_e[500]:xe[400],borderWidth:"1px"}},"& .MuiOutlinedInput-input":{padding:"8px 10px",color:fe[900],"&::placeholder":{color:xe[400],opacity:1}}}),[S,n,l,I]);/* @__PURE__ */
47
47
  return e(c,{sx:{...b},children:[r&&/* @__PURE__ */e(c,{sx:{display:"flex",alignItems:"baseline",gap:"2px",marginBottom:"4px"},children:[
48
48
  /* @__PURE__ */o(u,{sx:{...Ue.text14Bold,color:fe[800],...y},children:r}),_&&/* @__PURE__ */o(u,{sx:{color:_e[500],...Ue.text14Bold},children:"*"})]}),
49
- /* @__PURE__ */o(C,{fullWidth:!0,value:i||"",onChange:e=>{const o=e.target.value,r=m.find(e=>String(e.value)===String(o));r&&h?.(r.value)},disabled:n,displayEmpty:!0,MenuProps:{disableScrollLock:!0},renderValue:()=>i?/* @__PURE__ */e(c,{sx:{display:"flex",alignItems:"center",gap:"8px"},children:[F?.statusIndicator&&/* @__PURE__ */o(c,{sx:{width:"8px",height:"8px",borderRadius:"50%",backgroundColor:"#4CAF50"}}),F?.avatar&&/* @__PURE__ */o(v,{src:F.avatar,sx:{width:"24px",height:"24px",fontSize:"12px"}}),F?.icon&&/* @__PURE__ */o(ao,{icon:F.icon}),
49
+ /* @__PURE__ */o(C,{fullWidth:!0,value:i||"",onChange:e=>{const o=e.target.value,r=m.find(e=>String(e.value)===String(o));r&&h?.(r.value)},disabled:n,displayEmpty:!0,MenuProps:{disableScrollLock:!0},slotProps:{root:{sx:{borderRadius:S}}},renderValue:()=>i?/* @__PURE__ */e(c,{sx:{display:"flex",alignItems:"center",gap:"8px"},children:[F?.statusIndicator&&/* @__PURE__ */o(c,{sx:{width:"8px",height:"8px",borderRadius:"50%",backgroundColor:"#4CAF50"}}),F?.avatar&&/* @__PURE__ */o(v,{src:F.avatar,sx:{width:"24px",height:"24px",fontSize:"12px"}}),F?.icon&&/* @__PURE__ */o(ao,{icon:F.icon}),
50
50
  /* @__PURE__ */o(u,{sx:{color:fe[900],...Ue.text14Regular,lineHeight:"1.4375em"},children:F?.label})]}):/* @__PURE__ */o(u,{sx:{color:xe[400],...Ue.text14Regular,lineHeight:"1.4375em"},children:t}),sx:E,children:m.map(r=>/* @__PURE__ */o(f,{value:r.value,children:/* @__PURE__ */e(c,{sx:{display:"flex",alignItems:"center",gap:"8px",width:"100%"},children:[r.statusIndicator&&/* @__PURE__ */o(c,{sx:{width:"8px",height:"8px",borderRadius:"50%",backgroundColor:"#4CAF50"}}),r.avatar&&/* @__PURE__ */o(v,{src:r.avatar,sx:{width:"24px",height:"24px",fontSize:"12px"}}),r.icon&&/* @__PURE__ */o(ao,{icon:r.icon}),
51
51
  /* @__PURE__ */o(u,{sx:{color:fe[900],...Ue.text14Regular,lineHeight:"1.4375em"},children:r.label}),i===r.value&&/* @__PURE__ */o(c,{sx:{marginLeft:"auto",display:"flex",alignItems:"center"},children:/* @__PURE__ */o(ao,{icon:"check",sx:{color:x}})})]})},r.value))}),k()&&/* @__PURE__ */o(c,{sx:{color:w(),marginTop:"4px",...Ue.textFieldHelper,lineHeight:"1.4375em"},children:k()})]})},Lo="#FFFFFF",Wo=({sx:r={},sxContainer:i={},content:n="Grids",children:l})=>/* @__PURE__ */e(t,{sx:{bgcolor:Lo,p:8,borderRadius:8,gap:4,...r},children:[n&&/* @__PURE__ */o(u,{sx:{color:"#27272A",...Ge.lg.bold},children:n}),
52
52
  /* @__PURE__ */o(S,{maxWidth:!1,sx:{bgcolor:Lo,borderRadius:4,minHeight:400,boxShadow:"0 0 8px -4px rgba(16, 24, 40, 0.3)",...i},children:l&&l})]});var Ho=/* @__PURE__ */(e=>(e.SQUARE="4px",e.CIRCLE="20px",e))(Ho||{}),No=/* @__PURE__ */(e=>(e.SQUARE="square",e.CIRCLE="circle",e))(No||{}),$o=/* @__PURE__ */(e=>(e.HORIZONTAL="horizontal",e.VERTICAL="vertical",e))($o||{}),Po=/* @__PURE__ */(e=>(e[e.SMALL=32]="SMALL",e[e.MEDIUM=40]="MEDIUM",e))(Po||{});const Uo={BORDER_COLOR_BUTTON:"#07554B",BORDER_COLOR_DISABLE:"#0000000D",HOVER_BG_COLOR:"rgba(7, 85, 75, 0.04)",BACKGROUND_COLOR:"#FFFFFF",TEXT_COLOR_READONLY:"#27272A"},Go={large:40},Vo=20,jo={small:12,xl:20},qo=({orientation:r,buttonShape:t})=>/* @__PURE__ */e(c,{display:"inline-flex",flexDirection:r===$o.HORIZONTAL?"row":"column",alignItems:"center",gap:1,children:[
@@ -76,10 +76,10 @@ return e(c,{sx:{...v},children:[r&&/* @__PURE__ */e(c,{sx:{display:"flex",alignI
76
76
  /* @__PURE__ */o(F,{ref:e=>{const o=e?.querySelector("input");o&&(C.current[r]=o)},type:"text",inputMode:"numeric",value:i,onChange:e=>v(r,e.target.value),onKeyDown:e=>S(r,e),disabled:p,error:l,sx:{width:"100%",height:"100%","& .MuiOutlinedInput-root":{height:"100%",padding:0,"& input":{textAlign:"center",fontSize:a.fontSize,fontWeight:600,padding:0,color:f&&n?"transparent":"inherit",WebkitTextFillColor:f&&n?"transparent":"unset",caretColor:y.primary.main,"&::placeholder":{color:y.action.disabled,opacity:1}},"& fieldset":{borderColor:s,borderRadius:"8px"},"&:hover fieldset":{borderColor:l?y.error.main:u},"&.Mui-focused fieldset":{borderColor:u,borderWidth:1}},"& input":{maxLength:1}},placeholder:"-"}),f&&n&&/* @__PURE__ */o(c,{sx:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",fontSize:a.fontSize,fontWeight:600,color:l?y.error.main:y.text.primary,pointerEvents:"none"},children:"●"})]}):"circle"===d?/* @__PURE__ */e(c,{sx:{position:"relative",width:a.width,height:a.height},children:[
77
77
  /* @__PURE__ */o(F,{ref:e=>{const o=e?.querySelector("input");o&&(C.current[r]=o)},type:"text",inputMode:"numeric",value:i,onChange:e=>v(r,e.target.value),onKeyDown:e=>S(r,e),disabled:p,error:l,sx:{width:"100%",height:"100%","& .MuiOutlinedInput-root":{height:"100%",padding:0,borderRadius:"50%","& input":{textAlign:"center",fontSize:a.fontSize,fontWeight:600,padding:0,color:f&&n?"transparent":"inherit",WebkitTextFillColor:f&&n?"transparent":"unset",caretColor:y.primary.main,"&::placeholder":{color:y.action.disabled,opacity:1}},"& fieldset":{borderColor:s,borderRadius:"50%"},"&:hover fieldset":{borderColor:l?y.error.main:u},"&.Mui-focused fieldset":{borderColor:u,borderWidth:1}},"& input":{maxLength:1}},placeholder:"-"}),f&&n&&/* @__PURE__ */o(c,{sx:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",fontSize:a.fontSize,fontWeight:600,color:l?y.error.main:y.text.primary,pointerEvents:"none"},children:"●"})]}):/* @__PURE__ */o(F,{ref:e=>{const o=e?.querySelector("input");o&&(C.current[r]=o)},type:"text",inputMode:"numeric",value:i,onChange:e=>v(r,e.target.value),onKeyDown:e=>S(r,e),disabled:p,error:l,sx:{width:a.width,"& .MuiOutlinedInput-root":{height:a.height,padding:0,"& input":{textAlign:"center",fontSize:a.fontSize,fontWeight:600,padding:0,"&::placeholder":{color:y.action.disabled,opacity:1}},"& fieldset":{borderColor:s},"&:hover fieldset":{borderColor:l?y.error.main:u},"&.Mui-focused fieldset":{borderColor:u,borderWidth:1}},"& input":{maxLength:1}},placeholder:"-"})};/* @__PURE__ */
78
78
  return e(c,{sx:{...b},children:[n&&/* @__PURE__ */o(c,{sx:{mb:1,...Ue.text14Bold,color:y.text.primary},children:n}),
79
- /* @__PURE__ */o(c,{sx:{display:"flex",gap:`${gr[m]}px`,justifyContent:"center"===g?"center":"right"===g?"flex-end":"flex-start"},children:Array.from({length:r}).map((e,r)=>/* @__PURE__ */o(c,{children:k(r)},r))}),l&&a&&/* @__PURE__ */o(c,{sx:{mt:1,fontSize:12,color:y.error.main,textAlign:g},children:a})]})},xr=R(A)(()=>({"& .MuiOutlinedInput-root":{padding:"4px 10px !important",display:"flex",alignItems:"center",gap:"4px","& fieldset":{borderColor:xe[300]},"&:hover fieldset":{borderColor:xe[400]},"&.Mui-focused fieldset":{borderColor:xe[300]+" !important",borderWidth:"1.5px"},"&.Mui-disabled":{backgroundColor:xe[100],"& fieldset":{borderColor:xe[200]}},"&.Mui-error fieldset":{borderColor:_e[500]},"&.Mui-success fieldset":{borderColor:ye[500]}},"& .MuiInputBase-input":{padding:"4px 4px !important",fontSize:"14px",flex:1,minWidth:"60px","&::placeholder":{color:xe[400],opacity:1},"&.Mui-disabled":{color:xe[400],WebkitTextFillColor:xe[400]}},"& .MuiAutocomplete-endAdornment":{paddingRight:"4px"},"& .MuiAutocomplete-tag":{backgroundColor:ve[50],border:`1px solid ${ve[200]}`,color:ve[900],fontSize:"12px",margin:"2px","& .MuiChip-deleteIcon":{color:ve[400],"&:hover":{color:ve[600]}}},"& .search-dropdown-limit-badge":{backgroundColor:ve[50],border:`1px solid ${ve[200]}`,color:ve[700],...Ge.textSmall.semiBold,margin:"2px"}})),fr=({value:t,onChange:i,onClear:n,onInputChange:l,onSearch:a,borderRadius:s=6,disabled:d=!1,multiple:p=!1,limitTags:h=2,label:g="",placeholder:m="Search...",error:x=!1,errorMessage:f,success:_=!1,successMessage:b,helperText:C="",options:v=[],loading:S=!1,iconBefore:w,required:I=!1,sx:E})=>{const[R,A]=B(""),[M,T]=B(v),[D,L]=B(!1),N=z(null),$=z(a),P=z(l),U=z(v);W(()=>{$.current=a,P.current=l,U.current=v},[a,l,v]);const G=O(()=>{if(!t)return[];return(Array.isArray(t)?t:[t]).map(e=>"object"==typeof e?e:{label:String(e),value:e})},[t]);W(()=>{if(N.current&&clearTimeout(N.current),R.trim())return N.current=setTimeout(async()=>{const e=$.current;if(e){L(!0);try{const o=await e(R);T(o)}catch(o){console.error("Search error:",o),T([])}finally{L(!1)}}else{const e=U.current.filter(e=>e.label.toLowerCase().includes(R.toLowerCase()));T(e)}P.current?.(R)},500),()=>{N.current&&clearTimeout(N.current)};T(U.current)},[R]);/* @__PURE__ */
79
+ /* @__PURE__ */o(c,{sx:{display:"flex",gap:`${gr[m]}px`,justifyContent:"center"===g?"center":"right"===g?"flex-end":"flex-start"},children:Array.from({length:r}).map((e,r)=>/* @__PURE__ */o(c,{children:k(r)},r))}),l&&a&&/* @__PURE__ */o(c,{sx:{mt:1,fontSize:12,color:y.error.main,textAlign:g},children:a})]})},xr=R(A)(()=>({"& .MuiOutlinedInput-root":{padding:"4px 10px !important",display:"flex",alignItems:"center",gap:"4px","& fieldset":{borderColor:xe[300]},"&:hover fieldset":{borderColor:xe[400]},"&.Mui-focused fieldset":{borderColor:xe[300]+" !important",borderWidth:"1.5px"},"&.Mui-disabled":{backgroundColor:xe[100],"& fieldset":{borderColor:xe[200]}},"&.Mui-error fieldset":{borderColor:_e[500]},"&.Mui-success fieldset":{borderColor:ye[500]}},"& .MuiInputBase-input":{padding:"4px 4px !important",fontSize:"14px",flex:1,minWidth:"60px","&::placeholder":{color:xe[400],opacity:1},"&.Mui-disabled":{color:xe[400],WebkitTextFillColor:xe[400]}},"& .MuiAutocomplete-endAdornment":{paddingRight:"4px"},"& .MuiAutocomplete-tag":{backgroundColor:ve[50],border:`1px solid ${ve[200]}`,color:ve[900],fontSize:"12px",margin:"2px","& .MuiChip-deleteIcon":{color:ve[400],"&:hover":{color:ve[600]}}},"& .search-dropdown-limit-badge":{backgroundColor:ve[50],border:`1px solid ${ve[200]}`,color:ve[700],...Ge.textSmall.semiBold,margin:"2px"}})),fr=({value:t,onChange:i,onClear:n,onInputChange:l,onSearch:a,borderRadius:s=4,disabled:d=!1,multiple:p=!1,limitTags:h=2,label:g="",placeholder:m="Search...",error:x=!1,errorMessage:f,success:_=!1,successMessage:b,helperText:C="",options:v=[],loading:S=!1,iconBefore:w,required:I=!1,sx:E})=>{const[R,A]=B(""),[M,T]=B(v),[D,L]=B(!1),N=z(null),$=z(a),P=z(l),U=z(v);W(()=>{$.current=a,P.current=l,U.current=v},[a,l,v]);const G=O(()=>{if(!t)return[];return(Array.isArray(t)?t:[t]).map(e=>"object"==typeof e?e:{label:String(e),value:e})},[t]);W(()=>{if(N.current&&clearTimeout(N.current),R.trim())return N.current=setTimeout(async()=>{const e=$.current;if(e){L(!0);try{const o=await e(R);T(o)}catch(o){console.error("Search error:",o),T([])}finally{L(!1)}}else{const e=U.current.filter(e=>e.label.toLowerCase().includes(R.toLowerCase()));T(e)}P.current?.(R)},500),()=>{N.current&&clearTimeout(N.current)};T(U.current)},[R]);/* @__PURE__ */
80
80
  return e(c,{sx:{width:"100%",...E},children:[g&&/* @__PURE__ */e(c,{sx:{display:"flex",alignItems:"baseline",gap:"2px",marginBottom:"6px"},children:[
81
81
  /* @__PURE__ */o(u,{sx:{...Ue.text14Bold,color:fe[900],display:"block"},children:g}),I&&/* @__PURE__ */o(u,{sx:{color:_e[500],...Ue.text14Bold},children:"*"})]}),
82
- /* @__PURE__ */o(xr,{multiple:p,freeSolo:!1,options:M,getOptionLabel:e=>e?"object"==typeof e&&"label"in e?e.label:String(e):"",isOptionEqualToValue:(e,o)=>!(!e||!o)&&("object"==typeof e&&"object"==typeof o&&"value"in e&&"value"in o&&e.value===o.value),value:p?G:G[0]||null,inputValue:R,onInputChange:(e,o)=>{A(o)},onChange:(e,o)=>{if(p){const e=Array.isArray(o)?o:o?[o]:[];i?.(e.length>0?e:null),A("")}else i?.(o||null)},disabled:d||S,loading:D||S,noOptionsText:R?"No results found":"Type to search",sx:{"& .MuiOutlinedInput-root":{borderRadius:"max"===s?"100px":`${s}px`,borderColor:x?_e[500]:_?ye[500]:void 0}},renderInput:t=>/* @__PURE__ */o(F,{...t,placeholder:G&&G?.length>0?"":m,variant:"outlined",size:"small",error:x,InputProps:{...t.InputProps,startAdornment:/* @__PURE__ */e(r,{children:[
82
+ /* @__PURE__ */o(xr,{multiple:p,freeSolo:!1,options:M,getOptionLabel:e=>e?"object"==typeof e&&"label"in e?e.label:String(e):"",isOptionEqualToValue:(e,o)=>!(!e||!o)&&("object"==typeof e&&"object"==typeof o&&"value"in e&&"value"in o&&e.value===o.value),value:p?G:G[0]||null,inputValue:R,onInputChange:(e,o)=>{A(o)},onChange:(e,o)=>{if(p){const e=Array.isArray(o)?o:o?[o]:[];i?.(e.length>0?e:null),A("")}else i?.(o||null)},disabled:d||S,loading:D||S,noOptionsText:R?"No results found":"Type to search",slotProps:{paper:{sx:{"& .MuiAutocomplete-listbox":{borderRadius:"max"===s?"0 0 100px 100px":`0 0 ${s}px ${s}px`}}}},renderInput:t=>/* @__PURE__ */o(F,{...t,placeholder:G&&G?.length>0?"":m,variant:"outlined",size:"small",error:x,sx:{"& .MuiOutlinedInput-root":{borderRadius:"max"===s?"100px !important":`${s}px !important`,"& fieldset":{borderRadius:"max"===s?"100px !important":`${s}px !important`}}},InputProps:{...t.InputProps,startAdornment:/* @__PURE__ */e(r,{children:[
83
83
  /* @__PURE__ */o(k,{position:"start",sx:{marginLeft:"4px",marginRight:"0px"},children:w||/* @__PURE__ */o(ee,{sx:{color:"#999",fontSize:"18px"}})}),t.InputProps.startAdornment]})}}),renderTags:(t,i)=>{const n=Array.isArray(t)?t:[],l=p?n.slice(0,h):n,a=n.length-l.length;/* @__PURE__ */
84
84
  return e(r,{children:[l.map((e,o)=>{const r="object"==typeof e&&e&&"label"in e?e.label:String(e);/* @__PURE__ */
85
85
  return H(y,{...i({index:o}),key:o,label:r,size:"small"})}),a>0&&/* @__PURE__ */o(y,{className:"search-dropdown-limit-badge",label:`+${a}`,size:"small"})]})},renderOption:(e,r)=>{const{key:t,...i}=e;/* @__PURE__ */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sevatech-library",
3
- "version": "1.0.30",
3
+ "version": "1.0.32",
4
4
  "type": "module",
5
5
  "description": "A React component library by SevaTech",
6
6
  "main": "dist/index.cjs.js",