@feedmepos/ui-library 0.0.1 → 0.0.2

package/dist/utils/dom-handler.d.ts

@@ -0,0 +1,9 @@
+export declare function getScrollParent(el?: HTMLElement | null): HTMLElement;
+export declare function hasScrollbar(el?: Element | null): boolean;
+export declare class ScrollBinder {
+    onScroll: (e: Event) => void;
+    scrollParent: HTMLElement;
+    constructor(el: HTMLElement | null, onScroll: (e: Event) => void);
+    bindScroll(): void;
+    unbindScroll(): void;
+}

package/dist/utils/provider-keys.d.ts

@@ -0,0 +1,5 @@
+import type { FormParentProvider } from '@/components/form/form/FmForm.vue';
+import type { RadioGroupProvider } from '@/components/form/radio-group/FmRadioGroup.vue';
+import type { InjectionKey } from 'vue';
+export declare const FormProviderSymbol: InjectionKey<FormParentProvider>;
+export declare const RadioGroupProviderSymbol: InjectionKey<RadioGroupProvider>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@feedmepos/ui-library",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "type": "module",
   "files": [
     "dist"

package/dist/components/menu/dropdown/FmDropdown.vue.d.ts

@@ -1,52 +0,0 @@
-export interface FmDropdownProps {
-    isOpen?: boolean;
-    placement?: 'bottom-left' | 'bottom-center' | 'bottom-right' | 'top-left' | 'top-center' | 'top-right';
-    disabled?: boolean;
-}
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    disabled: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    isOpen: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    placement: {
-        type: import("vue").PropType<"bottom-left" | "bottom-center" | "bottom-right" | "top-left" | "top-center" | "top-right">;
-        default: string;
-    };
-}, {
-    show: () => void;
-    hide: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "dropdown-changed": (opened: boolean) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    disabled: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    isOpen: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    placement: {
-        type: import("vue").PropType<"bottom-left" | "bottom-center" | "bottom-right" | "top-left" | "top-center" | "top-right">;
-        default: string;
-    };
-}>> & {
-    "onDropdown-changed"?: ((opened: boolean) => any) | undefined;
-}, {
-    disabled: boolean;
-    isOpen: boolean;
-    placement: "bottom-left" | "bottom-center" | "bottom-right" | "top-left" | "top-center" | "top-right";
-}, {}>, {
-    "dropdown-button"?(_: {}): any;
-    "dropdown-content"?(_: {}): any;
-}>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/composables/validation.d.ts

@@ -1,6 +0,0 @@
-export type ValidationResult = boolean | string;
-export type ValidationRule = ValidationResult | ((value: any) => ValidationResult);
-export declare function useValidation(): {
-    validate: (value: any, rules: ValidationRule[] | undefined) => string[];
-    getErrorMessages: () => string[];
-};

package/dist/federation/FmButton-0a2f179c.css

@@ -1 +0,0 @@
-.fm-btn[data-v-38f0d54a]{cursor:pointer;display:flex;justify-content:center;align-items:center;gap:8px;position:relative;overflow:hidden}.fm-btn>span[data-v-38f0d54a]{height:24px}.fm-btn--secondary[data-v-38f0d54a]{border:1px solid}.fm-btn--fab[data-v-38f0d54a]{padding:16px!important;min-height:56px;min-width:56px}.fm-btn[data-v-38f0d54a]:hover:before{content:"";background-color:var(--fm-color-opacity-sm);position:absolute;top:0;left:0;width:100%;height:100%}.fm-btn--disabled[data-v-38f0d54a]{cursor:not-allowed;color:var(--fm-color-neutral-gray-200)}.fm-btn--disabled[data-v-38f0d54a]:hover:before{content:"";background:none!important}.fm-btn--primary.fm-btn--disabled[data-v-38f0d54a],.fm-btn--destructive.fm-btn--disabled[data-v-38f0d54a],.fm-btn--fab.fm-btn--disabled[data-v-38f0d54a]{background-color:var(--fm-color-neutral-gray-100)}.fm-btn--md[data-v-38f0d54a]{height:40px;padding:8px 16px}.fm-btn--md--just-icon[data-v-38f0d54a]{padding:8px}.fm-btn--lg[data-v-38f0d54a]{height:48px;padding:12px 16px}.fm-btn--lg--just-icon[data-v-38f0d54a]{padding:12px}

package/dist/federation/FmDropdown-137cddb0.css

@@ -1 +0,0 @@
-.fm-dropdown[data-v-7af605e2]{min-width:40px;min-height:40px;display:block}.fm-dropdown__content[data-v-7af605e2]{min-height:40px;position:absolute;display:none;z-index:20;border-radius:8px;background-color:var(--fm-color-neutral-white);--tw-shadow: 0px 8px 16px 0px rgba(199, 199, 204, .24);--tw-shadow-colored: 0px 8px 16px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.fm-dropdown__content--opened[data-v-7af605e2]{display:block}

package/dist/federation/FmMenu-f935d8e3.css

@@ -1 +0,0 @@
-.fm-menu[data-v-865b55a8]{min-width:112px;max-width:280px;max-height:408px;padding:12px 4px;display:block;display:flex;flex-direction:column;overflow-y:auto;background-color:var(--fm-color-neutral-white);border-radius:8px}

package/dist/federation/FmMenuItem-e8678045.css

@@ -1 +0,0 @@
-.fm-menu-item[data-v-2c63be46]{width:100%;border-radius:4px;padding:12px;display:flex;align-items:center;justify-content:space-between;max-height:78px;min-height:48px;cursor:pointer}.fm-menu-item[data-v-2c63be46]:not(.fm-menu-item--disabled):not(.fm-menu-item--selected):hover{background-color:var(--fm-color-opacity-sm)}.fm-menu-item--disabled[data-v-2c63be46]{cursor:not-allowed}.fm-menu-item--selected[data-v-2c63be46]{background-color:var(--fm-color-system-orange-100)}.fm-menu-item--left[data-v-2c63be46]{display:flex;align-items:center;gap:8px}[data-v-2c63be46] .fm-checkbox__input--container{height:unset;width:unset;padding:unset}[data-v-2c63be46] .fm-checkbox__input--container:hover{background-color:unset}[data-v-2c63be46] .fm-checkbox{min-width:24px;min-height:24px;display:flex;justify-content:center;align-items:center}

package/dist/federation/FmProgressIndicator-c06d2e53.css

@@ -1 +0,0 @@
-.fm-pi-item-line[data-v-a720221d]{border-radius:4px 0 0 4px}.fm-pi-item-line--vertical[data-v-a720221d]{width:2px;height:100%;min-height:70px}.fm-pi-item-line--horizontal[data-v-a720221d]{height:2px;flex-shrink:0}.fm-pi-item-container--vertical[data-v-a720221d]{min-width:200px;padding:var(--fm-spacing-system-spacing-none, 0px);align-items:center}.fm-pi-item-container--horizontal[data-v-a720221d]{flex-direction:column;align-items:flex-start;flex:1 0 0}.fm-pi-item-container[data-v-a720221d]:hover{background:var(--fm-color-opacity-sm, rgba(67, 67, 69, .08))}.container--vertical{display:flex;align-items:flex-start}.fm-pi-container--vertical{padding:var(--fm-spacing-system-spacing-none, 0px) var(--fm-spacing-system-spacing-24, 24px);flex-direction:column;gap:var(--fm-spacing-system-spacing-none, 0px);width:50%}.fm-pi-container--horizontal{padding:var(--fm-spacing-system-spacing-12, 12px) var(--fm-spacing-system-spacing-24, 24px) var(--fm-spacing-system-spacing-24, 24px) var(--fm-spacing-system-spacing-24, 24px);width:100%}.fm-pi-form--horizontal{margin:5%}.fm-pi-form--vertical{margin:0 3%;width:100%}

package/dist/federation/FmRadio-b168530f.css

@@ -1 +0,0 @@
-.fm-radio-btn[data-v-f55cf769]{display:block;width:100%}.fm-radio-btn--wrapper[data-v-f55cf769]{display:flex;gap:8px}.fm-radio-btn--wrapper:hover>.fm-radio-btn__input--container[data-v-f55cf769]{background-color:var(--fm-color-opacity-sm)}.fm-radio-btn__input--container[data-v-f55cf769]{border-radius:50%;height:40px;width:40px;padding:8px;display:flex;align-items:center;justify-content:center}.fm-radio-btn__input--container[data-v-f55cf769]:hover{background-color:var(--fm-color-opacity-sm)}.fm-radio-btn__input--btn[data-v-f55cf769]{flex-shrink:0;height:20px;width:20px;margin:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid var(--fm-color-neutral-gray-400);border-radius:50%;display:flex;justify-content:center;align-items:center}.fm-radio-btn__input--btn[data-v-f55cf769]:before{content:"";display:block;width:10px;height:10px;border-radius:50%}.fm-radio-btn__input--btn[data-v-f55cf769]:checked{border-color:var(--fm-color-primary)}.fm-radio-btn__input--btn[data-v-f55cf769]:checked:before{background-color:var(--fm-color-primary)}.fm-radio-btn__input--btn[data-v-f55cf769]:disabled{cursor:not-allowed;border-color:var(--fm-color-neutral-gray-200)}.fm-radio-btn__input--btn[data-v-f55cf769]:disabled:checked:before{background-color:var(--fm-color-neutral-gray-200)}

package/dist/federation/FmTextField-e64e775c.css

@@ -1 +0,0 @@
-.fm-text-field{display:flex;flex-direction:column;gap:4px}.fm-text-field__container{height:48px;width:100%;display:flex;gap:8px;align-items:center;padding:11px 7px;border:1px solid var(--fm-color-neutral-gray-300);border-radius:8px;background-color:var(--fm-color-neutral-white);cursor:text;position:relative}.fm-text-field__container--focused:not(.fm-text-field__container--disabled){outline:none;border:2px solid var(--fm-color-primary);padding:10px 6px}.fm-text-field__container--invalid:not(.fm-text-field__container--focused):not(.fm-text-field__container--disabled){outline:none;border:2px solid var(--fm-color-system-red-300);padding:10px 6px}.fm-text-field__container--valid:not(.fm-text-field__container--focused):not(.fm-text-field__container--disabled){outline:none;border:2px solid var(--fm-color-system-green-300);padding:10px 6px}.fm-text-field__container--warning:not(.fm-text-field__container--focused):not(.fm-text-field__container--disabled){outline:none;border:2px solid var(--fm-color-system-orange-300);padding:10px 6px}.fm-text-field__container:hover:not(.fm-text-field__container--focused):not(.fm-text-field__container--disabled){padding:11px 7px;border:1px solid var(--fm-color-neutral-gray-400)}.fm-text-field__container--disabled{padding:11px 7px;border:1px solid var(--fm-color-neutral-gray-200);cursor:not-allowed}.fm-text-field--label{display:flex;gap:4px}.fm-text-field--input{height:100%;width:100%;border:none;outline:none;padding:0}.fm-text-field--input:focus{outline:none}.fm-text-field--input:disabled{cursor:not-allowed}.fm-text-field__helper-container{display:flex;justify-content:space-between;align-items:center;gap:16px}.fm-text-field__helper__icon{display:flex;justify-content:space-between;align-items:center;gap:4px}

package/dist/federation/FmTextField.vue_vue_type_style_index_0_lang-94e4f64b.js

@@ -1 +0,0 @@
-import{importShared as y,__tla as D}from"./__federation_fn_import.js";import v,{__tla as O}from"./__federation_expose_FmIcon-e5ab92a8.js";import{u as G,__tla as P}from"./validation-8812750e.js";let h,j=Promise.all([(()=>{try{return D}catch{}})(),(()=>{try{return O}catch{}})(),(()=>{try{return P}catch{}})()]).then(async()=>{const{defineComponent:k}=await y("vue"),{renderSlot:n,toDisplayString:d,normalizeClass:r,createElementVNode:t,openBlock:l,createElementBlock:a,createCommentVNode:i,createBlock:x,createTextVNode:C,renderList:V,Fragment:B,createVNode:T}=await y("vue"),I={class:"fm-text-field"},w={class:"fm-text-field--label"},L={key:0},M=["value","inputMode","type","placeholder","required","minlength","maxlength","disabled","readOnly"],S={key:0},$={class:"fm-text-field__helper-container fm-typo-body-sm-400 text-fm-color-typo-secondary"},q={key:0},F={key:1},{ref:p,watch:N}=await y("vue");var _=(u=>(u.required="*",u.optional="(optional)",u))(_||{});h=k({__name:"FmTextField",props:{label:{default:""},modelValue:{default:""},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},placeholder:{default:""},helperText:{default:""},minLength:{default:0},maxLength:{default:NaN},inputmode:{default:"text"},readonly:{type:Boolean,default:!1},inputState:{default:"default"},labelMark:{default:"none"},leadingIcon:{default:()=>({name:"",color:""})},trailingIcon:{default:()=>({name:"",color:""})},rules:{default:()=>[]},showValidBorder:{type:Boolean,default:!1},prependText:{default:""},appendText:{default:""}},emits:["update:modelValue"],setup(u,{emit:z}){const c=u,s=p(!1),f=p(!1),m=p([]),{validate:g}=G(),E=e=>{let o=g(e.target.value,c.rules);e.target.value||(o=[]),m.value=o,s.value=o.length===0,z("update:modelValue",e.target.value)};return N(()=>c.modelValue,e=>{m.value=g(e,c.rules),s.value=m.value.length===0}),(e,o)=>(l(),a("label",I,[t("div",null,[t("div",w,[n(e.$slots,"label"),t("span",{class:r({"fm-typo-body-lg-400":!0,"text-fm-color-typo-primary":!e.disabled,"text-fm-color-typo-disabled":e.disabled})},d(e.label),3),e.labelMark!=="none"?(l(),a("span",{key:0,class:r({"fm-color-typo-tertiary fm-typo-body-md-400":e.labelMark==="optional","fm-color-typo-error fm-typo-body-lg-700":e.labelMark==="required"})},d(_[e.labelMark]),3)):i("",!0)])]),t("div",{class:r({"fm-text-field__container":!0,"fm-text-field__container--focused":f.value,"fm-text-field__container--invalid":e.inputState==="error"&&!!e.modelValue&&!s.value,"fm-text-field__container--valid":e.showValidBorder&&e.inputState==="success"&&!!e.modelValue&&s.value,"fm-text-field__container--warning":e.inputState==="warning","fm-text-field__container--disabled":e.disabled})},[n(e.$slots,"prepend",{},()=>[e.prependText?(l(),a("div",L,d(e.prependText),1)):i("",!0),e.leadingIcon.name?(l(),x(v,{key:1,name:e.leadingIcon.name,size:"md",color:e.leadingIcon.color??(e.disabled?"#C7C7CC":"#1C1C1E")},null,8,["name","color"])):i("",!0)]),t("input",{class:r({"fm-text-field--input fm-typo-body-lg-400":!0,"fm-color-typo-primary":!e.disabled,"fm-color-typo-disabled":e.disabled}),value:e.modelValue,inputMode:e.inputmode,type:e.inputmode,placeholder:e.placeholder,required:e.required,minlength:e.minLength,maxlength:e.maxLength,disabled:e.disabled,readOnly:e.readonly,onInput:E,onFocus:o[0]||(o[0]=()=>f.value=!0),onBlur:o[1]||(o[1]=()=>f.value=!1)},null,42,M),n(e.$slots,"append",{},()=>[e.appendText?(l(),a("div",S,d(e.appendText),1)):i("",!0),e.trailingIcon.name?(l(),x(v,{key:1,name:e.trailingIcon.name,size:"md",color:e.trailingIcon.color??(e.disabled?"#C7C7CC":"#1C1C1E")},null,8,["name","color"])):i("",!0)])],2),t("div",$,[n(e.$slots,"helper-text"),m.value.length===0?(l(),a("div",q,[n(e.$slots,"helper-text",{},()=>[C(d(e.helperText),1)])])):(l(),a("div",F,[(l(!0),a(B,null,V(m.value,b=>(l(),a("div",{key:b,class:"flex gap-4 items-center text-fm-color-typo-error"},[T(v,{name:"error",color:"#FF3B30",size:"sm"}),t("span",null,d(b),1)]))),128))])),t("div",{class:r({"fm-color-typo-disabled":e.disabled})},d(e.maxLength?`${e.modelValue.length} / ${e.maxLength}`:""),3)])]))}})});export{h as _,j as __tla};

package/dist/federation/FmTextarea-57fcf19a.css

@@ -1 +0,0 @@
-.fm-textarea{display:flex;flex-direction:column;gap:4px}.fm-textarea__container{height:120px;width:100%;display:flex;gap:8px;align-items:center;padding:11px 7px;border:1px solid var(--fm-color-neutral-gray-300);border-radius:8px;background-color:var(--fm-color-neutral-white);cursor:text;position:relative}.fm-textarea__container--focused:not(.fm-textarea__container--disabled){outline:none;border:2px solid var(--fm-color-primary);padding:10px 6px}.fm-textarea__container--invalid:not(.fm-textarea__container--focused):not(.fm-textarea__container--disabled){outline:none;border:2px solid var(--fm-color-system-red-300);padding:10px 6px}.fm-textarea__container--valid:not(.fm-textarea__container--focused):not(.fm-textarea__container--disabled){outline:none;border:2px solid var(--fm-color-system-green-300);padding:10px 6px}.fm-textarea__container--warning:not(.fm-textarea__container--focused):not(.fm-textarea__container--disabled){outline:none;border:2px solid var(--fm-color-system-orange-300);padding:10px 6px}.fm-textarea__container:hover:not(.fm-textarea__container--focused):not(.fm-textarea__container--disabled){padding:11px 7px;border:1px solid var(--fm-color-neutral-gray-400)}.fm-textarea__container--disabled{padding:11px 7px;border:1px solid var(--fm-color-neutral-gray-200);cursor:not-allowed}.fm-textarea--label{display:flex;gap:4px}.fm-textarea--input{height:100%;width:100%;border:none;outline:none;padding:0;resize:none}.fm-textarea--input:disabled{cursor:not-allowed}.fm-textarea__helper-container{height:20px;display:flex;justify-content:space-between;align-items:center;gap:16px}.fm-textarea__helper__icon{display:flex;justify-content:space-between;align-items:center;gap:4px}

package/dist/federation/FmTextarea.vue_vue_type_style_index_0_lang-5db78d57.js

@@ -1 +0,0 @@
-import{importShared as i,__tla as F}from"./__federation_fn_import.js";import q,{__tla as L}from"./__federation_expose_FmIcon-e5ab92a8.js";let y,C=Promise.all([(()=>{try{return F}catch{}})(),(()=>{try{return L}catch{}})()]).then(async()=>{const{defineComponent:_}=await i("vue"),{renderSlot:s,toDisplayString:r,normalizeClass:l,createElementVNode:t,openBlock:n,createElementBlock:m,createCommentVNode:u,createBlock:b}=await i("vue"),h={class:"fm-textarea"},g={htmlFor:"{this.name}"},x={class:"fm-textarea--label"},v=["value","placeholder","required","minlength","maxlength","readOnly","disabled"],S={class:"fm-color-typo-secondary fm-textarea__helper-container fm-typo-body-sm-400"},V={class:"fm-textarea__helper__icon"},{ref:k}=await i("vue");var c=(a=>(a.required="*",a.optional="(optional)",a))(c||{}),p=(a=>(a.success="check_circle",a.warning="warning",a.error="error",a))(p||{}),f=(a=>(a.success="#34C759",a.warning="#FF9500",a.error="#FF3B30",a))(f||{});y=_({__name:"FmTextarea",props:{label:{default:""},modelValue:{default:""},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},placeholder:{default:""},helperText:{default:""},minLength:{default:0},maxLength:{default:NaN},readonly:{type:Boolean,default:!1},inputState:{default:"default"},labelMark:{default:"none"}},emits:["update:modelValue"],setup(a,{emit:w}){const d=k(!1),B=e=>{w("update:modelValue",e.target.value)};return(e,o)=>(n(),m("div",h,[t("label",g,[t("div",x,[s(e.$slots,"label"),t("span",{class:l({"fm-typo-body-lg-400":!0,"fm-color-typo-primary":!e.disabled,"fm-color-typo-disabled":e.disabled})},r(e.label),3),e.labelMark!=="none"?(n(),m("span",{key:0,class:l({"fm-color-typo-tertiary fm-typo-body-md-400":e.labelMark==="optional","fm-color-typo-error fm-typo-body-lg-700":e.labelMark==="required"})},r(c[e.labelMark]),3)):u("",!0)])]),t("div",{class:l({"fm-textarea__container":!0,"fm-textarea__container--focused":d.value,"fm-textarea__container--invalid":e.inputState==="error"&&!!e.modelValue,"fm-textarea__container--valid":e.inputState==="success"&&!!e.modelValue,"fm-textarea__container--warning":e.inputState==="warning","fm-textarea__container--disabled":e.disabled})},[t("textarea",{class:l({"fm-textarea--input fm-typo-body-lg-400":!0,"fm-color-typo-primary":!e.disabled,"fm-color-typo-disabled":e.disabled}),value:e.modelValue,placeholder:e.placeholder,required:e.required,minlength:e.minLength,maxlength:e.maxLength,readOnly:e.readonly,disabled:e.disabled,onInput:B,onFocus:o[0]||(o[0]=()=>d.value=!0),onBlur:o[1]||(o[1]=()=>d.value=!1)},null,42,v)],2),t("div",S,[s(e.$slots,"helper-text"),t("div",V,[e.inputState!=="default"&&e.modelValue?(n(),b(q,{key:0,name:p[e.inputState],size:"sm",color:f[e.inputState]},null,8,["name","color"])):u("",!0),t("span",{class:l({"fm-color-typo-success":e.inputState==="success"&&!!e.modelValue,"fm-color-typo-warning":e.inputState==="warning"&&!!e.modelValue,"fm-color-typo-error":e.inputState==="error"&&!!e.modelValue,"fm-color-typo-disabled":e.disabled})},r(e.helperText),3)]),t("div",{class:l({"fm-color-typo-disabled":e.disabled})},r(e.maxLength?`${e.modelValue.length} / ${e.maxLength}`:""),3)])]))}})});export{y as _,C as __tla};

package/dist/federation/FmTimePicker-efcb243b.css

@@ -1 +0,0 @@
-.fm-time-picker{width:343px}.fm-time-picker .fm-dropdown__content{max-width:unset}

package/dist/federation/FmTimePicker.vue_vue_type_style_index_0_lang-96e819aa.js

@@ -1 +0,0 @@
-import{importShared as _,__tla as I}from"./__federation_fn_import.js";import D,{__tla as J}from"./__federation_expose_FmButton-a90fcc41.js";import K,{__tla as Z}from"./__federation_expose_FmDropdown-fdebd8a7.js";import L,{__tla as O}from"./__federation_expose_FmField-41eeed18.js";import Q,{__tla as W}from"./__federation_expose_FmIcon-e5ab92a8.js";import{f as u,P as d,_ as X,__tla as Y}from"./FmTimeInput.vue_vue_type_style_index_0_lang-afac7a47.js";let H,ee=Promise.all([(()=>{try{return I}catch{}})(),(()=>{try{return J}catch{}})(),(()=>{try{return Z}catch{}})(),(()=>{try{return O}catch{}})(),(()=>{try{return W}catch{}})(),(()=>{try{return Y}catch{}})()]).then(async()=>{let f,r,v,y,o,c,h,w,x,b,V,$,k,C,M,m,N,g,P;({defineComponent:f}=await _("vue")),{createVNode:r,toDisplayString:v,normalizeClass:y,createElementVNode:o,withCtx:c,unref:h,openBlock:w,createElementBlock:x}=await _("vue"),b={class:"fm-time-picker"},V={class:"flex gap-8"},$={class:"flex flex-col",style:{width:"343px"}},k=o("div",{class:"fm-typo-body-xl-700 pt-12 px-12"}," Enter time ",-1),C={class:"flex justify-center w-full"},M={class:"flex justify-end pb-12"},{ref:m,onMounted:N,watch:g,computed:P}=await _("vue"),H=f({__name:"FmTimePicker",props:{modelValue:{type:[null,String],default:null}},emits:["update:model-value"],setup(z,{emit:E}){const i=z,n=m(null),S=P(()=>{if(!i.modelValue)return null;const{hours:e,minutes:t,period:l}=p(i.modelValue);return`${u(e)}:${u(t)} ${l}`});function F(){if(!n.value){E("update:model-value",null);return}const{hours:e,minutes:t,period:l}=n.value,a=R(e,t,l);E("update:model-value",a),A()}function R(e,t,l){let a=e;return l===d.PM?a=e===12?e:e+12:e===12&&(a=0),`${u(a)}:${u(t)}`}N(()=>{i.modelValue&&(n.value=p(i.modelValue))}),g(()=>i.modelValue,e=>{e&&(n.value=p(e))});function p(e){const[t,l,a]=T(e).split(":");return{hours:Number(t),minutes:Number(l),period:a}}function T(e){const[t,l]=e.split(":"),a=Number(t),q=Number(l),G=a>11?d.PM:d.AM;let s=a;return s===0?s=12:s>12&&(s-=12),`${u(s)}:${u(q)}:${G}`}const j=m();function A(){var e;(e=j.value)==null||e.hide()}const B=m(!1);function U(e){B.value=e}return(e,t)=>(w(),x("div",b,[r(K,{ref_key:"dropdownRef",ref:j,onDropdownChanged:U},{"dropdown-button":c(()=>[r(L,null,{default:c(()=>[o("div",V,[r(Q,{name:"schedule",outline:!B.value},null,8,["outline"]),o("div",{class:y(["grow",{"text-fm-color-typo-disabled":!S.value}])},v(S.value??"HH:MM"),3)])]),_:1})]),"dropdown-content":c(()=>[o("div",$,[k,o("div",C,[r(X,{"model-value":n.value??{hours:0,minutes:0,period:h(d).AM},class:"py-16","onUpdate:modelValue":t[0]||(t[0]=l=>n.value=l)},null,8,["model-value"])]),o("div",M,[r(D,{label:"Cancel",variant:"tertiary",onClick:A}),r(D,{label:"Confirm",variant:"tertiary",onClick:F})])])]),_:1},512)]))}})});export{H as _,ee as __tla};

package/dist/federation/__federation_expose_FmButton-a90fcc41.js

@@ -1,8 +0,0 @@
-import{importShared as r,__tla as B}from"./__federation_fn_import.js";import k,{__tla as C}from"./__federation_expose_FmIcon-e5ab92a8.js";import{_ as z}from"./_plugin-vue_export-helper-c27b6911.js";let c,D=Promise.all([(()=>{try{return B}catch{}})(),(()=>{try{return C}catch{}})()]).then(async()=>{const{defineComponent:u}=await r("vue"),{openBlock:o,createBlock:m,createCommentVNode:l,toDisplayString:p,createElementBlock:n,normalizeClass:f,resolveDirective:b,withDirectives:y,pushScopeId:I,popScopeId:M}=await r("vue"),v=["disabled"],_={key:1,class:"fm-typo-body-lg-700"},{computed:g,ref:w}=await r("vue"),h=u({__name:"FmButton",props:{variant:{type:String,default:"primary"},label:{type:String,default:void 0},icon:{type:String,default:void 0},size:{type:String,default:"lg"},disabled:{type:Boolean,default:!1},autofocus:{type:Boolean,default:!1},iconColor:{type:String,default:null}},setup(t){const i=t,s=w(!1),S=g(()=>`${x[i.variant]} ${i.disabled?"cursor-not-allowed":"cursor-pointer"}`),x={primary:"bg-fm-color-primary text-fm-color-typo-white",secondary:"bg-transparent",destructive:"bg-fm-color-system-error-300 text-fm-color-white text-fm-color-typo-white",tertiary:"bg-transparent text-fm-color-primary",fab:"bg-fm-color-primary text-fm-color-white rounded-full text-fm-color-typo-white"};function a(d){s.value=d}return(d,e)=>{const $=b("wave");return y((o(),n("button",{ref:"buttonEl",class:f(`
-      fm-btn rounded-lg
-      ${S.value}
-      fm-btn--${t.size}
-      ${t.label?"":`fm-btn--${t.size}--just-icon`}
-      fm-btn--${t.variant}
-      ${t.disabled?"fm-btn--disabled":""}
-    `),disabled:t.disabled,onMousedown:e[0]||(e[0]=()=>a(!0)),onMouseup:e[1]||(e[1]=()=>a(!1)),onMouseleave:e[2]||(e[2]=()=>a(!1))},[t.icon?(o(),m(k,{key:0,name:t.icon,outline:!s.value,color:t.disabled?"neutral-gray-200":t.iconColor??"",size:"md"},null,8,["name","outline","color"])):l("",!0),t.label?(o(),n("span",_,p(t.label),1)):l("",!0)],42,v)),[[$,!t.disabled]])}}});c=z(h,[["__scopeId","data-v-38f0d54a"]])});export{D as __tla,c as default};

package/dist/federation/__federation_expose_FmDropdown-fdebd8a7.js

@@ -1 +0,0 @@
-import{importShared as r,__tla as $}from"./__federation_fn_import.js";import{_ as I}from"./_plugin-vue_export-helper-c27b6911.js";let m,S=Promise.all([(()=>{try{return $}catch{}})()]).then(async()=>{const{defineComponent:f}=await r("vue"),{renderSlot:s,createElementVNode:i,normalizeClass:w,openBlock:h,createElementBlock:_,pushScopeId:F,popScopeId:O}=await r("vue"),g={class:"relative"},{onMounted:y,onUnmounted:k,ref:u,watch:x}=await r("vue"),b=f({__name:"FmDropdown",props:{isOpen:{type:Boolean,default:!1},placement:{default:"bottom-left"},disabled:{type:Boolean,default:!1}},emits:["dropdown-changed"],setup(E,{expose:B,emit:d}){const n=E,e=u(!1),p=u(null),o=u(null);B({show:()=>{e.value||(e.value=!0,d("dropdown-changed",e.value))},hide:()=>{e.value&&(e.value=!1,d("dropdown-changed",e.value))}});const C=()=>{n.disabled||(e.value=!e.value,requestAnimationFrame(()=>{var a,v;const t=(a=o.value)==null?void 0:a.getBoundingClientRect(),l=(v=p.value)==null?void 0:v.getBoundingClientRect();n.placement.includes("bottom")?o.value.style.top=`${l.height+4}px`:n.placement.includes("top")&&(o.value.style.top=`${-t.height-4}px`),n.placement.includes("left")?o.value.style.left="0px":n.placement.includes("center")?o.value.style.left=`${l.width/2-t.width/2}px`:n.placement.includes("right")&&(o.value.style.right="0px")}),d("dropdown-changed",e.value))},c=t=>{if(!e.value)return;const l=t.path||t.composedPath();for(const a of l)if(a==p.value||a==o.value)return;e.value=!1,d("dropdown-changed",e.value)};return x(()=>n.isOpen,t=>e.value=t),y(()=>{e.value=n.isOpen,window.addEventListener("click",c)}),k(()=>{window.removeEventListener("click",c)}),(t,l)=>(h(),_("div",g,[i("div",{ref_key:"buttonEl",ref:p,class:"fm-dropdown",onClick:C},[s(t.$slots,"dropdown-button",{},void 0,!0)],512),i("div",{ref_key:"dropdownEl",ref:o,class:w({"fm-dropdown__content":!0,"fm-dropdown__content--opened":e.value})},[s(t.$slots,"dropdown-content",{},void 0,!0)],2)]))}});m=I(b,[["__scopeId","data-v-7af605e2"]])});export{S as __tla,m as default};

package/dist/federation/__federation_expose_FmMenu-05aa2ec1.js

@@ -1 +0,0 @@
-import{importShared as n,__tla as d}from"./__federation_fn_import.js";import{_ as p}from"./_plugin-vue_export-helper-c27b6911.js";let t,_=Promise.all([(()=>{try{return d}catch{}})()]).then(async()=>{const e={},{renderSlot:a,openBlock:o,createElementBlock:r,pushScopeId:m,popScopeId:u}=await n("vue"),l={class:"fm-menu"};function s(c,i){return o(),r("div",l,[a(c.$slots,"default",{},void 0,!0)])}t=p(e,[["render",s],["__scopeId","data-v-865b55a8"]])});export{_ as __tla,t as default};

package/dist/federation/__federation_expose_FmProgressIndicator-a17d1f05.js

@@ -1 +0,0 @@
-import{importShared as g,__tla as gt}from"./__federation_fn_import.js";import q,{__tla as yt}from"./__federation_expose_FmButton-a90fcc41.js";import{_ as Ct}from"./_plugin-vue_export-helper-c27b6911.js";let H,N,ht=Promise.all([(()=>{try{return gt}catch{}})(),(()=>{try{return yt}catch{}})()]).then(async()=>{const{defineComponent:G}=await g("vue"),{normalizeClass:w,createElementVNode:l,openBlock:p,createElementBlock:c,createCommentVNode:y,toDisplayString:T,withModifiers:O,resolveDirective:J,withDirectives:K,pushScopeId:Q,popScopeId:R}=await g("vue"),d=e=>(Q("data-v-a720221d"),e=e(),R(),e),U={class:"items-start self-stretch"},W={class:"flex gap-3 hover:cursor-pointer items-start pl-1 pr-5 py-0 self-stretch"},X={key:0,xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},Y=d(()=>l("circle",{cx:"12",cy:"12",r:"11",stroke:"#AEAEB2","stroke-width":"2"},null,-1)),tt=[Y],et={key:1,xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},lt=d(()=>l("circle",{cx:"12",cy:"12",r:"10",fill:"#FF7823",stroke:"#FF7823","stroke-width":"4"},null,-1)),at=[lt],st={key:2,xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},ot=d(()=>l("path",{d:"M9.9998 13.6L15.8998 7.70005C16.0831 7.51672 16.3165 7.42505 16.5998 7.42505C16.8831 7.42505 17.1165 7.51672 17.2998 7.70005C17.4831 7.88338 17.5748 8.11672 17.5748 8.40005C17.5748 8.68338 17.4831 8.91672 17.2998 9.10005L10.6998 15.7C10.4998 15.9 10.2665 16 9.9998 16C9.73314 16 9.4998 15.9 9.2998 15.7L6.6998 13.1C6.51647 12.9167 6.4248 12.6834 6.4248 12.4C6.4248 12.1167 6.51647 11.8834 6.6998 11.7C6.88314 11.5167 7.11647 11.425 7.3998 11.425C7.68314 11.425 7.91647 11.5167 8.0998 11.7L9.9998 13.6Z",fill:"#FF7823"},null,-1)),rt=d(()=>l("path",{d:"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12Z",stroke:"#FF7823","stroke-width":"2"},null,-1)),it=[ot,rt],nt={key:3,xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},ut=d(()=>l("path",{d:"M2.72479 21C2.54146 21 2.37479 20.9542 2.22479 20.8625C2.07479 20.7708 1.95812 20.65 1.87479 20.5C1.79146 20.35 1.74562 20.1875 1.73729 20.0125C1.72896 19.8375 1.77479 19.6667 1.87479 19.5L11.1248 3.5C11.2248 3.33333 11.354 3.20833 11.5123 3.125C11.6706 3.04167 11.8331 3 11.9998 3C12.1665 3 12.329 3.04167 12.4873 3.125C12.6456 3.20833 12.7748 3.33333 12.8748 3.5L22.1248 19.5C22.2248 19.6667 22.2706 19.8375 22.2623 20.0125C22.254 20.1875 22.2081 20.35 22.1248 20.5C22.0415 20.65 21.9248 20.7708 21.7748 20.8625C21.6248 20.9542 21.4581 21 21.2748 21H2.72479ZM4.44979 19H19.5498L11.9998 6L4.44979 19ZM11.9998 18C12.2831 18 12.5206 17.9042 12.7123 17.7125C12.904 17.5208 12.9998 17.2833 12.9998 17C12.9998 16.7167 12.904 16.4792 12.7123 16.2875C12.5206 16.0958 12.2831 16 11.9998 16C11.7165 16 11.479 16.0958 11.2873 16.2875C11.0956 16.4792 10.9998 16.7167 10.9998 17C10.9998 17.2833 11.0956 17.5208 11.2873 17.7125C11.479 17.9042 11.7165 18 11.9998 18ZM11.9998 15C12.2831 15 12.5206 14.9042 12.7123 14.7125C12.904 14.5208 12.9998 14.2833 12.9998 14V11C12.9998 10.7167 12.904 10.4792 12.7123 10.2875C12.5206 10.0958 12.2831 10 11.9998 10C11.7165 10 11.479 10.0958 11.2873 10.2875C11.0956 10.4792 10.9998 10.7167 10.9998 11V14C10.9998 14.2833 11.0956 14.5208 11.2873 14.7125C11.479 14.9042 11.7165 15 11.9998 15Z",fill:"#FF3B30"},null,-1)),pt=[ut],ct={key:4,xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},dt=d(()=>l("circle",{cx:"12",cy:"12",r:"11",stroke:"#C7C7CC","stroke-width":"2"},null,-1)),vt=[dt],mt={class:"flex flex-1 flex-col fm-pi-content-container gap-1 items-start justify-center p-0"},{computed:Z}=await g("vue"),ft=G({__name:"FmProgressIndicator",props:{titleText:{type:String,required:!0},supportingText:{type:String,default:void 0},status:{type:String,default:"default"},orientation:{type:String,default:"horizontal"}},emits:["validate-step"],setup(e,{emit:o}){const m=e,a=Z(()=>M[m.status]),i=Z(()=>V[m.status]),M={active:"text-fm-color-typo-primary",default:"text-fm-color-typo-secondary",error:"text-fm-color-typo-primary",completed:"text-fm-color-typo-primary",disabled:"text-fm-color-typo-disabled"},V={active:"bg-fm-color-primary",default:"bg-fm-color-neutral-gray-300",error:"bg-fm-color-neutral-gray-300",completed:"bg-fm-color-primary",disabled:"bg-fm-color-neutral-gray-300"};return(k,B)=>{const E=J("wave");return K((p(),c("div",{class:w(`flex gap-1 fm-pi-item-container fm-pi-item-container--${e.orientation}`),onClick:B[0]||(B[0]=O(t=>o("validate-step"),["stop"]))},[l("div",U,[l("div",{class:w(`self-stretch fm-pi-item-line fm-pi-item-line--${e.orientation} ${i.value} `)},null,2)]),l("div",W,[l("div",null,[e.status==="default"?(p(),c("svg",X,tt)):y("",!0),e.status==="active"?(p(),c("svg",et,at)):y("",!0),e.status==="completed"?(p(),c("svg",st,it)):y("",!0),e.status==="error"?(p(),c("svg",nt,pt)):y("",!0),e.status==="disabled"?(p(),c("svg",ct,vt)):y("",!0)]),l("div",mt,[l("span",{class:w(["fm-typo-body-lg-400",a.value])},T(e.titleText),3),l("span",{class:w(["fm-typo-body-sm-400 overflow-hidden text-ellipsis",e.status!=="disabled"?"text-fm-color-typo-secondary":"text-fm-color-typo-disabled"])},T(e.supportingText),3)])])],2)),[[E]])}}});let I,S,x,r,n,_,C,h,F,L,b,j,z,A,v,D,$,P;N=Ct(ft,[["__scopeId","data-v-a720221d"]]),{defineComponent:I}=await g("vue"),{renderList:S,Fragment:x,openBlock:r,createElementBlock:n,createBlock:_,normalizeClass:C,createElementVNode:h,renderSlot:F,withModifiers:L,createCommentVNode:b,createVNode:j}=await g("vue"),z={class:"flex gap-2 items-start justify-end p-0 self-stretch"},A={key:0,class:"bg-white flex flex-col gap-5 p-6 w-1/3"},{computed:v,onMounted:D,ref:$,watch:P}=await g("vue"),H=I({__name:"FmProgressIndicatorGroup",props:{orientation:{type:String,default:"horizontal"},steps:{type:Array,required:!0},nextButtonLabel:{type:String,default:"Next"},previousButtonLabel:{type:String,default:"Back"},submitButtonLabel:{type:String,default:"Submit"}},setup(e){const o=$([...e.steps]),m=v(()=>o.value.length),a=$(0),i=v(()=>o.value[a.value]);D(()=>{for(let t=0;t<m.value;t++)o.value[t].status=t===0?"active":"default"}),P(a,async(t,u)=>{if(u!=m.value)if(t<m.value)o.value[t].status="active";else{const s=o.value[u].submitForm;s&&o.value.filter(f=>f.status==="error").length===0&&(a.value=0,s())}});const M=v(()=>i.value.validateStep),V=v(()=>{const t=i.value.validateStep;return t?t():!0}),k=t=>{M.value?V.value?(i.value.status="completed",a.value=t):i.value.status="error":B(t)},B=t=>{i.value.status="completed",a.value=t},E=v(()=>{const t=i.value.validateStep;return t?!t():!1});return(t,u)=>(r(),n("div",{class:C(`container--${e.orientation}`)},[h("div",{class:C(`flex justify-start fm-pi-container--${e.orientation}`)},[(r(!0),n(x,null,S(o.value,(s,f)=>(r(),_(N,{key:f,orientation:e.orientation,"title-text":s.titleText,"supporting-text":s.supportingText,status:s.status,onValidateStep:wt=>k(f)},null,8,["orientation","title-text","supporting-text","status","onValidateStep"]))),128))],2),(r(!0),n(x,null,S(Object.keys(t.$slots),s=>(r(),n(x,{key:s},[`step${a.value+1}`===s?(r(),n("div",{key:0,class:C(`flex fm-pi-form--${e.orientation}`)},[h("div",{class:C(`bg-white flex flex-col gap-10 p-6 ${t.$slots.card?"w-2/3":"w-full"}`)},[h("form",{class:"flex flex-col gap-2 p-0 self-stretch",onSubmit:u[1]||(u[1]=L(f=>k(a.value+1),["prevent"]))},[F(t.$slots,s,{class:"gap-0 items-start p-0 self-stretch"}),h("div",z,[s!="step1"?(r(),_(q,{key:0,type:"button",label:e.previousButtonLabel,variant:"tertiary",onClick:u[0]||(u[0]=L(f=>k(a.value-1),["stop"]))},null,8,["label"])):b("",!0),j(q,{variant:"primary",disabled:E.value,label:a.value!=o.value.length-1?e.nextButtonLabel:e.submitButtonLabel,type:"submit"},null,8,["disabled","label"])])],32)],2),t.$slots.card?(r(),n("div",A,[F(t.$slots,"card")])):b("",!0)],2)):b("",!0)],64))),128))],2))}})});export{H as _,ht as __tla,N as default};

package/dist/federation/__federation_expose_FmProgressIndicatorGroup-d1a47391.js

@@ -1 +0,0 @@
-import{_ as t,__tla as a}from"./__federation_expose_FmProgressIndicator-a17d1f05.js";let _=Promise.all([(()=>{try{return a}catch{}})()]).then(async()=>{});export{_ as __tla,t as default};

package/dist/federation/__federation_expose_FmRadio-b90999bf.js

@@ -1 +0,0 @@
-import{importShared as s,__tla as V}from"./__federation_fn_import.js";import{_ as S}from"./_plugin-vue_export-helper-c27b6911.js";let i,w=Promise.all([(()=>{try{return V}catch{}})()]).then(async()=>{const{defineComponent:r}=await s("vue"),{createElementVNode:a,resolveDirective:c,openBlock:l,createElementBlock:t,withDirectives:n,renderSlot:u,toDisplayString:o,createCommentVNode:p,pushScopeId:B,popScopeId:C}=await s("vue"),m={class:"fm-radio-btn"},b={class:"fm-radio-btn__input--container"},v=["value","disabled","checked"],f={class:"py-8"},_={class:"fm-typo-body-lg-400"},y={key:0,class:"fm-typo-body-md-400 text-fm-color-typo-secondary"},h=r({__name:"FmRadio",props:{modelValue:{},value:{},label:{default:""},sublabel:{default:""},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(I){return(e,d)=>{const k=c("wave");return l(),t("div",m,[a("label",{class:"cursor-pointer fm-radio-btn--wrapper",onClick:d[0]||(d[0]=D=>e.$emit("update:modelValue",e.value))},[n((l(),t("div",b,[a("input",{class:"fm-radio-btn__input--btn",type:"radio",value:e.value,disabled:e.disabled,checked:e.value===e.modelValue},null,8,v)])),[[k,!e.disabled]]),a("div",f,[u(e.$slots,"label",{},void 0,!0),a("div",_,o(e.label),1),e.sublabel?(l(),t("div",y,o(e.sublabel),1)):p("",!0)])])])}}});i=S(h,[["__scopeId","data-v-f55cf769"]])});export{w as __tla,i as default};

package/dist/federation/__federation_expose_FmSelect-bdb1dc70.js

@@ -1 +0,0 @@
-import{importShared as i,__tla as D}from"./__federation_fn_import.js";import E,{__tla as F}from"./__federation_expose_FmDropdown-fdebd8a7.js";import U,{__tla as z}from"./__federation_expose_FmIcon-e5ab92a8.js";import I,{__tla as J}from"./__federation_expose_FmMenu-05aa2ec1.js";import O,{__tla as $}from"./__federation_expose_FmMenuItem-bcffecb3.js";import{_ as j}from"./_plugin-vue_export-helper-c27b6911.js";let y,L=Promise.all([(()=>{try{return D}catch{}})(),(()=>{try{return F}catch{}})(),(()=>{try{return z}catch{}})(),(()=>{try{return J}catch{}})(),(()=>{try{return $}catch{}})()]).then(async()=>{const{defineComponent:h}=await i("vue"),{renderSlot:w,toDisplayString:c,normalizeClass:d,createElementVNode:s,createVNode:p,renderList:x,Fragment:V,openBlock:u,createElementBlock:g,createBlock:_,withCtx:n}=await i("vue"),{computed:C,ref:f,toRaw:b}=await i("vue"),k=h({__name:"FmSelect",props:{modelValue:{},label:{},items:{},disabled:{type:Boolean,default:!1},multiselect:{type:Boolean,default:!1},placement:{default:"bottom-left"},placeholder:{default:""}},emits:["update:modelValue"],setup(S,{emit:v}){const m=S,r=f(!1),t=f([]),B=(e,a)=>{if(m.multiselect){let l=[];e?(l=[...b(m.modelValue),a.value],t.value=[...t.value,a]):(l=[...m.modelValue],l=l.filter(o=>JSON.stringify(b(o))!==JSON.stringify(a.value)),t.value=t.value.filter(o=>o.label!==a.label)),v("update:modelValue",l)}else r.value=!1,t.value=[a],v("update:modelValue",a.value)},N=C(()=>{const e=t.value.map(a=>a.label).join(", ");return e===""?m.placeholder:e});return(e,a)=>(u(),_(E,{disabled:e.disabled,"is-open":r.value,placement:e.placement,onDropdownChanged:a[0]||(a[0]=l=>r.value=l)},{"dropdown-button":n(()=>[s("label",{class:d([`${e.disabled?"cursor-not-allowed":"cursor-pointer"} fm-select`])},[w(e.$slots,"label",{},()=>[s("div",{class:d(["fm-typo-body-lg-400 mb-4",{"fm-typo-body-lg-400":!0,"text-fm-color-typo-primary":!e.disabled,"text-fm-color-typo-disabled":e.disabled}])},c(e.label),3)],!0),s("div",{class:d({"fm-select__container":!0,"fm-select__container--expanded":r.value,"fm-select__container--disabled":e.disabled})},[s("div",{class:d({"fm-typo-body-lg-400 w-full h-full overflow-hidden text-ellipsis whitespace-nowrap":!0,"text-fm-color-typo-tertiary":!e.modelValue,"text-fm-color-typo-primary":!!e.modelValue})},c(N.value),3),p(U,{name:r.value?"expand_less":"expand_more",size:"md",color:e.disabled?"#C7C7CC":"black"},null,8,["name","color"])],2)],2)]),"dropdown-content":n(()=>[p(I,{class:"w-[280px]"},{default:n(()=>[(u(!0),g(V,null,x(e.items,l=>(u(),_(O,{key:l.value,"has-checkbox":e.multiselect,label:l.label,value:l.value,"model-value":t.value.map(o=>o.label).includes(l.label),"onUpdate:modelValue":o=>B(o,l)},null,8,["has-checkbox","label","value","model-value","onUpdate:modelValue"]))),128))]),_:1})]),_:3},8,["disabled","is-open","placement"]))}});y=j(k,[["__scopeId","data-v-464c949d"]])});export{L as __tla,y as default};

package/dist/federation/__federation_expose_FmStepper-f493e106.js

@@ -1 +0,0 @@
-import{importShared as x,__tla as W}from"./__federation_fn_import.js";import f,{__tla as X}from"./__federation_expose_FmIcon-e5ab92a8.js";import{u as Z,__tla as ee}from"./validation-8812750e.js";import{_ as le}from"./_plugin-vue_export-helper-c27b6911.js";let E,te=Promise.all([(()=>{try{return W}catch{}})(),(()=>{try{return X}catch{}})(),(()=>{try{return ee}catch{}})()]).then(async()=>{const{defineComponent:F}=await x("vue"),{renderSlot:v,toDisplayString:s,createTextVNode:w,createElementVNode:n,openBlock:t,createElementBlock:d,createCommentVNode:u,createBlock:k,normalizeClass:B,createVNode:y,renderList:z,Fragment:M,pushScopeId:ae,popScopeId:oe}=await x("vue"),N={class:"fm-stepper-field"},A={class:"fm-typo-body-lg-400 text-fm-color-typo-primary"},q={key:0},D=["inputMode","value","placeholder","required","readOnly"],$={key:0},G={key:0,class:"fm-stepper-field__stepper__container"},L={class:"fm-stepper-field__helper-container fm-typo-body-sm-400 text-fm-color-typo-secondary"},O={key:0},K={key:1},{onMounted:P,ref:i,watch:R}=await x("vue"),U=F({__name:"FmStepperField",props:{label:{default:""},modelValue:{},required:{type:Boolean},disabled:{type:Boolean},placeholder:{default:""},helperText:{default:""},inputmode:{default:"numeric"},readonly:{type:Boolean},step:{default:1},min:{default:0},max:{},leadingIcon:{default:""},trailingIcon:{default:""},useGrouping:{type:Boolean,default:!0},isCurrency:{type:Boolean,default:!1},showSteppers:{type:Boolean,default:!0},rules:{default:()=>[]},showValidBorder:{type:Boolean,default:!1},prependText:{default:""},appendText:{default:""}},emits:["update:modelValue"],setup(Y,{emit:j}){const a=Y,b=i(null),C=i(!1),c=i(!0),{validate:h}=Z(),p=i([]);let V;const o=i(""),m=e=>{if(e!==""){const l=+e.replace(/,/g,"");return isNaN(l)?null:l}return null},_=e=>V.format(e),I=e=>e>a.max?a.max:e<a.min?a.min:e,S=(e,l)=>{e.preventDefault();const r=m(o.value)??0;let g=r+l;g=I(g),p.value=h(r,a.rules),c.value=p.value.length===0,o.value=_(g),T()},T=()=>{const e=m(o.value);j("update:modelValue",e)},H=()=>{const e=m(o.value);e&&(o.value=_(I(e))),p.value=h(e,a.rules),c.value=p.value.length===0,C.value=!1,T()},J=()=>{var l;const e=m((l=b.value)==null?void 0:l.value);o.value=e?_(e):""},Q=e=>{if(![...Array(10).keys()].map(l=>l.toString()).includes(e.key)&&!["Backspace","Tab","Enter",".","-","ArrowLeft","ArrowRight","ArrowUp","ArrowDown"].includes(e.key)){e.preventDefault();return}};return R(()=>a.modelValue,e=>{o.value=e?_(e):"";const l=m(o.value);p.value=h(l,a.rules),c.value=p.value.length===0}),P(()=>{V=new Intl.NumberFormat("en-MY",{useGrouping:a.useGrouping})}),(e,l)=>(t(),d("label",N,[n("div",A,[v(e.$slots,"label",{},()=>[w(s(e.label),1)],!0)]),n("div",{class:B({"fm-stepper-field__container":!0,"fm-stepper-field__container--focused":C.value,"fm-stepper-field__container--invalid":!c.value&&!!e.modelValue,"fm-stepper-field__container--valid":e.showValidBorder&&c.value&&!!e.modelValue})},[v(e.$slots,"prepend",{},()=>[e.prependText?(t(),d("div",q,s(e.prependText),1)):u("",!0),e.leadingIcon?(t(),k(f,{key:1,name:e.leadingIcon,size:"md",color:e.disabled?"#C7C7CC":"#1C1C1E"},null,8,["name","color"])):u("",!0)],!0),n("input",{ref_key:"inputEl",ref:b,class:"fm-stepper-field--input",type:"text",inputMode:e.inputmode,value:o.value,placeholder:e.placeholder,required:e.required,readOnly:e.readonly,onInput:J,onFocus:l[0]||(l[0]=()=>C.value=!0),onBlur:H,onKeydown:Q},null,40,D),v(e.$slots,"append",{},()=>[n("div",{class:B({"mr-32":e.showSteppers})},[e.appendText?(t(),d("div",$,s(e.appendText),1)):u("",!0),e.trailingIcon?(t(),k(f,{key:1,name:e.trailingIcon,size:"md",color:e.disabled?"#C7C7CC":"#1C1C1E"},null,8,["name","color"])):u("",!0)],2)],!0),e.showSteppers?(t(),d("div",G,[n("div",{class:"fm-stepper-field__stepper__item",onMousedown:l[1]||(l[1]=r=>S(r,e.step))},[y(f,{name:"expand_less",size:"md",color:e.disabled?"#C7C7CC":"#1C1C1E"},null,8,["color"])],32),n("div",{class:"fm-stepper-field__stepper__item",onMousedown:l[2]||(l[2]=r=>S(r,-e.step))},[y(f,{name:"expand_more",size:"md",color:e.disabled?"#C7C7CC":"#1C1C1E"},null,8,["color"])],32)])):u("",!0)],2),n("div",L,[p.value.length===0?(t(),d("div",O,[v(e.$slots,"helper-text",{},()=>[w(s(e.helperText),1)],!0)])):(t(),d("div",K,[(t(!0),d(M,null,z(p.value,r=>(t(),d("div",{key:r,class:"flex gap-4 items-center text-fm-color-typo-error"},[y(f,{name:"error",color:"#FF3B30",size:"sm"}),n("span",null,s(r),1)]))),128))]))])]))}});E=le(U,[["__scopeId","data-v-52165eac"]])});export{te as __tla,E as default};

package/dist/federation/index-16758296.js

@@ -1,11 +0,0 @@
-import{importShared as n,__tla as Ti}from"./__federation_fn_import.js";import{c as Ui,a as Di,_ as zi,__tla as Li}from"./FmBreadcrumb.vue_vue_type_style_index_0_lang-4abc649e.js";import{_ as U,__tla as Oi}from"./FmCard.vue_vue_type_style_index_0_lang-fc184594.js";import{_ as D,__tla as Ai}from"./FmCardSection.vue_vue_type_script_setup_true_lang-b8e33ddd.js";import{_ as $i,__tla as Wi}from"./FmCardTitle.vue_vue_type_script_setup_true_lang-4f3b50b7.js";import{_ as Mi,__tla as Pi}from"./FmLine.vue_vue_type_script_setup_true_lang-2809cd69.js";import u,{__tla as ji}from"./__federation_expose_FmButton-a90fcc41.js";import{_ as st,__tla as Ri}from"./FmCardActions.vue_vue_type_script_setup_true_lang-315cfb3c.js";import ut,{__tla as Ii}from"./__federation_expose_FmDatePicker-d996afce.js";import dt,{__tla as qi}from"./__federation_expose_FmDateRangePicker-1d6f07d7.js";import Hi,{__tla as Ji}from"./__federation_expose_FmDropdown-fdebd8a7.js";import Gi,{__tla as Ki}from"./__federation_expose_FmMenu-05aa2ec1.js";import Qi,{__tla as Xi}from"./__federation_expose_FmMenuItem-bcffecb3.js";import{_ as ce,__tla as Yi}from"./FmCheckbox.vue_vue_type_style_index_0_lang-fcb61ef1.js";import Zi,{__tla as en}from"./__federation_expose_FmField-41eeed18.js";import $,{__tla as tn}from"./__federation_expose_FmRadio-b90999bf.js";import Se,{__tla as ln}from"./__federation_expose_FmSelect-bdb1dc70.js";import ct,{__tla as an}from"./__federation_expose_FmStepper-f493e106.js";import _,{__tla as on}from"./__federation_expose_FmSwitch-f75dd36e.js";import{_ as Z,__tla as nn}from"./FmTextField.vue_vue_type_style_index_0_lang-94e4f64b.js";import{_ as me,__tla as rn}from"./FmTextarea.vue_vue_type_style_index_0_lang-5db78d57.js";import I,{__tla as sn}from"./__federation_expose_FmIcon-e5ab92a8.js";import un,{__tla as dn}from"./__federation_expose_FmList-6bab2481.js";import Ee,{__tla as cn}from"./__federation_expose_FmListItem-b4a2ef3a.js";import T,{_ as Te,__tla as mn}from"./__federation_expose_FmProgressIndicator-a17d1f05.js";import B,{__tla as pn}from"./__federation_expose_FmSnackbar-7af29a69.js";import{_ as vn,__tla as fn}from"./FmTimePicker.vue_vue_type_style_index_0_lang-96e819aa.js";import{_ as W,__tla as bn}from"./FmTooltip.vue_vue_type_script_setup_true_lang-87eda686.js";import gn,{__tla as _n}from"./__federation_expose_FmSpacer-a0a89a0a.js";Promise.all([(()=>{try{return Ti}catch{}})(),(()=>{try{return Li}catch{}})(),(()=>{try{return Oi}catch{}})(),(()=>{try{return Ai}catch{}})(),(()=>{try{return Wi}catch{}})(),(()=>{try{return Pi}catch{}})(),(()=>{try{return ji}catch{}})(),(()=>{try{return Ri}catch{}})(),(()=>{try{return Ii}catch{}})(),(()=>{try{return qi}catch{}})(),(()=>{try{return Ji}catch{}})(),(()=>{try{return Ki}catch{}})(),(()=>{try{return Xi}catch{}})(),(()=>{try{return Yi}catch{}})(),(()=>{try{return en}catch{}})(),(()=>{try{return tn}catch{}})(),(()=>{try{return ln}catch{}})(),(()=>{try{return an}catch{}})(),(()=>{try{return on}catch{}})(),(()=>{try{return nn}catch{}})(),(()=>{try{return rn}catch{}})(),(()=>{try{return sn}catch{}})(),(()=>{try{return dn}catch{}})(),(()=>{try{return cn}catch{}})(),(()=>{try{return mn}catch{}})(),(()=>{try{return pn}catch{}})(),(()=>{try{return fn}catch{}})(),(()=>{try{return bn}catch{}})(),(()=>{try{return _n}catch{}})()]).then(async()=>{(function(){const o=document.createElement("link").relList;if(o&&o.supports&&o.supports("modulepreload"))return;for(const l of document.querySelectorAll('link[rel="modulepreload"]'))a(l);new MutationObserver(l=>{for(const t of l)if(t.type==="childList")for(const i of t.addedNodes)i.tagName==="LINK"&&i.rel==="modulepreload"&&a(i)}).observe(document,{childList:!0,subtree:!0});function e(l){const t={};return l.integrity&&(t.integrity=l.integrity),l.referrerPolicy&&(t.referrerPolicy=l.referrerPolicy),l.crossOrigin==="use-credentials"?t.credentials="include":l.crossOrigin==="anonymous"?t.credentials="omit":t.credentials="same-origin",t}function a(l){if(l.ep)return;l.ep=!0;const t=e(l);fetch(l.href,t)}})();const mt=Ui({history:Di(),routes:[]}),Ue={directive:"wave",color:"currentColor",initialOpacity:.2,finalOpacity:.1,duration:.4,dissolveDuration:.15,easing:"ease-out",cancellationPeriod:75,trigger:"auto",tagName:"div"},pt=o=>"config"in o&&"globalProperties"in o.config,vt=o=>{let e;return o==="vue2"?e=!1:o==="vue3"?e=!0:e=pt(o),e?{mounted:"mounted",updated:"updated"}:{mounted:"inserted",updated:"componentUpdated"}},De=o=>typeof o=="string"&&o!=="auto",ze=(o,e)=>{o.dataset.vWaveBoundary=De(e)?e:"true"},ft=({borderTopLeftRadius:o,borderTopRightRadius:e,borderBottomLeftRadius:a,borderBottomRightRadius:l},t)=>{const i=document.createElement(t);return i.style.top="0",i.style.left="0",i.style.width="100%",i.style.height="100%",i.style.display="block",i.style.position="absolute",i.style.borderRadius=`${o} ${e} ${l} ${a}`,i.style.overflow="hidden",i.style.pointerEvents="none",i.style.webkitMaskImage="-webkit-radial-gradient(white, black)",i},bt=(o,e,a,l)=>{const t=document.createElement("div");return t.style.position="absolute",t.style.width=`${a}px`,t.style.height=`${a}px`,t.style.top=`${e}px`,t.style.left=`${o}px`,t.style.background=l.color,t.style.borderRadius="50%",t.style.opacity=`${l.initialOpacity}`,t.style.transform="translate(-50%,-50%) scale(0)",t.style.transition=`transform ${l.duration}s ${l.easing}, opacity ${l.duration}s ${l.easing}`,t};function ee(o,e,a,l){const t=o-a,i=e-l;return Math.sqrt(t*t+i*i)}function gt(o,e,{width:a,height:l}){const t=ee(o,e,0,0),i=ee(o,e,a,0),S=ee(o,e,0,l),c=ee(o,e,a,l);return Math.max(t,i,S,c)}const _t=({x:o,y:e},{top:a,left:l})=>({x:o-l,y:e-a}),pe="vWaveCountInternal";function ht(o){const e=ve(o);Le(o,e+1)}function yt(o){const e=ve(o);Le(o,e-1)}function Le(o,e){o.dataset[pe]=e.toString()}function ve(o){var e;return parseInt((e=o.dataset[pe])!==null&&e!==void 0?e:"0",10)}function Vt(o){delete o.dataset[pe]}const fe=(o,e,a)=>{const l=e.getBoundingClientRect(),t=window.getComputedStyle(e),{x:i,y:S}=_t(o,l),c=2.05*gt(i,S,l),g=ft(t,a.tagName),y=bt(i,S,c,a);ht(e);let E="";t.position==="static"&&(e.style.position&&(E=e.style.position),e.style.position="relative"),g.appendChild(y),e.appendChild(g);let A=!1;const k=Ei=>{typeof Ei<"u"&&(document.removeEventListener("pointerup",k),document.removeEventListener("pointercancel",k)),A?Ni():A=!0},Ni=()=>{y.style.transition=`opacity ${a.dissolveDuration}s linear`,y.style.opacity="0",setTimeout(()=>{g.remove(),yt(e),ve(e)===0&&(Vt(e),e.style.position=E)},a.dissolveDuration*1e3)};document.addEventListener("pointerup",k),document.addEventListener("pointercancel",k);const Si=setTimeout(()=>{document.removeEventListener("pointercancel",Ne),requestAnimationFrame(()=>{y.style.transform="translate(-50%,-50%) scale(1)",y.style.opacity=`${a.finalOpacity}`,setTimeout(()=>k(),a.duration*1e3)})},a.cancellationPeriod),Ne=()=>{clearTimeout(Si),g.remove(),document.removeEventListener("pointerup",k),document.removeEventListener("pointercancel",k),document.removeEventListener("pointercancel",Ne)};document.addEventListener("pointercancel",Ne)},q=new WeakMap,Oe=(o={},e="vue3")=>{const a=Object.assign(Object.assign({},Ue),o),l=vt(e),t=c=>{const g=c.currentTarget.dataset.vWaveTrigger;document.querySelectorAll(`[data-v-wave-boundary="${g}"]`).forEach(y=>fe(c,y,Object.assign(Object.assign({},a),q.get(y))))},i={[l.mounted](c,{value:g={}}){var y;q.set(c,g),ze(c,(y=g&&g.trigger)!==null&&y!==void 0?y:a.trigger),c.addEventListener("pointerdown",E=>{if(q.get(c)===!1)return;const A=Object.assign(Object.assign({},a),q.get(c));if(A.trigger===!1)return fe(E,c,A);if(De(A.trigger))return;const k=c.querySelector('[data-v-wave-trigger="true"]');!k&&A.trigger===!0||k&&!E.composedPath().includes(k)||fe(E,c,A)})},[l.updated](c,{value:g={}}){var y;q.set(c,g),ze(c,(y=g&&g.trigger)!==null&&y!==void 0?y:a.trigger)}},S={[l.mounted](c,{arg:g="true"}){c.dataset.vWaveTrigger=g,g!=="true"&&c.addEventListener("pointerdown",t)},[l.updated](c,{arg:g="true"}){c.dataset.vWaveTrigger=g,g==="true"?c.removeEventListener("pointerdown",t):c.addEventListener("pointerdown",t)}};return{wave:i,vWave:i,waveTrigger:S,vWaveTrigger:S}},xt={install(o,e={}){if(this.installed)return;this.installed=!0;const a=Object.assign(Object.assign({},Ue),e),{vWave:l,vWaveTrigger:t}=Oe(a,o);o.directive(a.directive,l),o.directive(`${a.directive}-trigger`,t)},installed:!1,createLocalWaveDirective:Oe},{defineComponent:wt}=await n("vue"),{toDisplayString:Ae,createElementVNode:be,withCtx:H,createVNode:$e,renderSlot:kt,openBlock:Bt,createBlock:Ct}=await n("vue"),Ft={class:"fm-typo-title-sm-700 mb-4"},Nt={class:""},r=wt({__name:"DemoSection",props:{title:{type:String,required:!0},description:{type:String,default:void 0}},setup(o){return(e,a)=>(Bt(),Ct(U,{variant:"outlined",title:o.title},{header:H(()=>[$e($i,null,{actions:H(()=>[]),default:H(()=>[be("div",null,[be("div",Ft,Ae(o.title),1),be("div",Nt,Ae(o.description??o.title),1)])]),_:1})]),default:H(()=>[$e(D,null,{default:H(()=>[kt(e.$slots,"default")]),_:3})]),_:3},8,["title"]))}}),{defineComponent:St}=await n("vue"),{createVNode:We,withCtx:Et,openBlock:Tt,createElementBlock:Ut}=await n("vue"),Dt=St({__name:"Breadcrumb",setup(o){const e=[{label:"Home",route:"/",disabled:!0},{label:"Marketing",route:"/marketing"},{label:"My campaign",route:"/marketing/campaign"},{label:"Create campaign",route:"/marketing/campaign/create"}];return(a,l)=>(Tt(),Ut("div",null,[We(r,{title:"Breadcrumb",description:"Basic usage"},{default:Et(()=>[We(zi,{items:e})]),_:1})]))}}),{defineComponent:zt}=await n("vue"),{createVNode:Me,withCtx:Lt,openBlock:Ot,createElementBlock:At}=await n("vue"),$t=zt({__name:"Line",setup(o){const e=[{label:"Dataset 1",data:[65,59,80,81,56,55,40,65,59,80,81,56],fill:!0,color:"fm-color-system-green-300"}];return(a,l)=>(Ot(),At("div",null,[Me(r,{title:"Line chart",description:"Basic line chart usage"},{default:Lt(()=>[Me(Mi,{name:"Total product sales",paragraph:"Included sales: Jun 2023 - Aug 2023","x-axis":{categories:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]},datasets:e})]),_:1})]))}}),{defineComponent:Wt}=await n("vue"),{createVNode:f,createElementVNode:te,withCtx:le,openBlock:Mt,createElementBlock:Pt}=await n("vue"),jt={class:"flex flex-col gap-24"},Rt={class:"gap-24 grid grid-cols-6"},It={class:"gap-24 grid grid-cols-6"},qt={class:"flex gap-24"},Ht={class:"flex gap-24"},Pe=Wt({__name:"Button",setup(o){return(e,a)=>(Mt(),Pt("div",jt,[f(r,{title:"Basic button",description:"Different button variant"},{default:le(()=>[te("div",Rt,[f(u,{variant:"primary",label:"Primary"}),f(u,{variant:"secondary",label:"Secondary"}),f(u,{variant:"tertiary",label:"Tertiary"}),f(u,{variant:"destructive",label:"Destructive"}),f(u,{variant:"fab",label:"FAB"})])]),_:1}),f(r,{title:"Size",description:"Different button size"},{default:le(()=>[te("div",It,[f(u,{variant:"primary",label:"md",size:"md"}),f(u,{variant:"primary",label:"lg"})])]),_:1}),f(r,{title:"With icons",description:""},{default:le(()=>[te("div",qt,[f(u,{variant:"primary",label:"button",size:"md",icon:"home"}),f(u,{variant:"secondary",label:"button",size:"md",icon:"home"}),f(u,{variant:"tertiary",label:"button",size:"md",icon:"home"}),f(u,{variant:"destructive",label:"button",size:"md",icon:"home"}),f(u,{variant:"fab",label:"button",size:"md",icon:"home"}),f(u,{variant:"fab",size:"md",icon:"home"})])]),_:1}),f(r,{title:"Disabled",description:""},{default:le(()=>[te("div",Ht,[f(u,{variant:"primary",disabled:"",label:"button",size:"md"}),f(u,{variant:"secondary",disabled:"",label:"button",size:"md"}),f(u,{variant:"tertiary",disabled:"",label:"button",size:"md"}),f(u,{variant:"destructive",disabled:"",label:"button",size:"md"}),f(u,{variant:"fab",disabled:"",label:"button",size:"md"}),f(u,{variant:"fab",disabled:"",size:"md",icon:"home"})])]),_:1})]))}}),Jt=`
-Lorem ipsum dolor sit amet, consectetur adipiscing elit,
-sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
-Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
-nisi ut aliquip ex ea commodo consequat.
-`,Gt=`
-Lorem ipsum dolor sit amet, consectetur adipiscing elit,
-sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
-`;function s(o=!1){return o?Jt:Gt}const{defineComponent:Kt}=await n("vue"),{unref:P,toDisplayString:j,createElementVNode:m,withCtx:v,createVNode:d,openBlock:Qt,createElementBlock:Xt}=await n("vue"),Yt={class:"flex flex-col gap-24"},Zt={class:"gap-24 grid grid-cols-3"},el={class:"gap-24 grid grid-cols-3"},tl=m("img",{src:"https://cdn.quasar.dev/img/mountains.jpg"},null,-1),ll=m("div",{class:"mb-8"}," Title ",-1),al=m("img",{src:"https://tailwindui.com/img/ecommerce-images/product-page-01-related-product-01.jpg"},null,-1),ol=m("div",{class:"flex"},[m("div",{class:"grow"},[m("div",{class:"mb-8"}," Basic Tee "),m("div",{class:"text-fm-color-typo-secondary"}," Aspen white ")]),m("div",{class:"fm-typo-body-lg-700"}," $35 ")],-1),il={class:"gap-24 grid grid-cols-2"},nl=m("div",{class:"grow"},[m("img",{src:"https://cdn.quasar.dev/img/mountains.jpg",class:"h-full w-full",style:{"object-fit":"fill"}})],-1),rl=m("div",{class:"grow"},[m("img",{src:"https://cdn.quasar.dev/img/mountains.jpg",class:"h-full w-full",style:{"object-fit":"fill"}})],-1),sl=m("div",{class:"basis-1/3"},[m("img",{src:"https://tailwindui.com/img/ecommerce-images/product-page-01-related-product-01.jpg",class:"h-full w-full",style:{"object-fit":"fill"}})],-1),ul=m("div",{class:"fm-typo-title-sm-700 mb-16"}," Basic Tee 6-pack ",-1),dl={class:"text-fm-color-typo-secondary"},cl=m("div",null," Color ",-1),ml=m("div",null," Size ",-1),pl=Kt({__name:"Card",setup(o){return(e,a)=>(Qt(),Xt("div",Yt,[d(r,{title:"Card",description:"Card basic usage"},{default:v(()=>[m("div",Zt,[d(U,{class:"h-fit"},{default:v(()=>[d(D,null,{default:v(()=>[m("div",null,j(P(s)()),1)]),_:1})]),_:1}),d(U,{title:"Title"},{default:v(()=>[d(D,null,{default:v(()=>[m("div",null,j(P(s)()),1)]),_:1})]),_:1}),d(U,{title:"Title"},{actions:v(()=>[d(st,null,{default:v(()=>[d(u,{label:"Cancel",size:"md",variant:"secondary"}),d(u,{label:"Confirm",size:"md"})]),_:1})]),default:v(()=>[d(D,null,{default:v(()=>[m("div",null,j(P(s)()),1)]),_:1})]),_:1})])]),_:1}),d(r,{title:"Media card",description:"Cards with media content"},{default:v(()=>[m("div",el,[d(U,{class:"h-fit"},{default:v(()=>[tl,d(D,null,{default:v(()=>[ll,m("div",null,j(P(s)()),1)]),_:1})]),_:1}),d(U,{class:"h-fit"},{actions:v(()=>[d(st,{alignment:"center"},{default:v(()=>[d(u,{label:"Add to cart",size:"md",class:"w-full"})]),_:1})]),default:v(()=>[al,d(D,null,{default:v(()=>[ol]),_:1})]),_:1})])]),_:1}),d(r,{title:"Horizontal card",description:"Cards with horizontal layout"},{default:v(()=>[m("div",il,[d(U,{class:"h-fit",horizontal:""},{default:v(()=>[nl,d(D,null,{default:v(()=>[m("div",null,j(P(s)()),1)]),_:1})]),_:1}),d(U,{class:"h-fit",horizontal:""},{default:v(()=>[rl,d(D,{class:"flex flex-col gap-16 items-center justify-center",padding:"p-8"},{default:v(()=>[d(u,{icon:"home",variant:"tertiary"}),d(u,{icon:"add",variant:"tertiary"}),d(u,{icon:"warning",variant:"tertiary"})]),_:1})]),_:1})])]),_:1}),d(r,{title:"Advance",description:"Advance usage for card component"},{default:v(()=>[d(U,{horizontal:""},{default:v(()=>[sl,d(D,{class:"basis-2/3 flex flex-col gap-24"},{default:v(()=>[m("div",null,[ul,m("div",dl,j(P(s)(!0)),1)]),cl,ml,d(u,{label:"Add to cart"})]),_:1})]),_:1})]),_:1})]))}}),{defineComponent:vl}=await n("vue"),{createVNode:ge,createElementVNode:fl,withCtx:bl,openBlock:gl,createElementBlock:_l}=await n("vue"),hl={class:"flex flex-col gap-24"},yl={class:"gap-24 grid grid-cols-3"},{ref:Vl}=await n("vue"),xl=vl({__name:"DatePicker",setup(o){const e=Vl("");return(a,l)=>(gl(),_l("div",hl,[ge(r,{title:"Date picker",description:"Basic usage"},{default:bl(()=>[fl("div",yl,[ge(ut,{modelValue:e.value,"onUpdate:modelValue":l[0]||(l[0]=t=>e.value=t),label:"Single date picker",disabled:!1},null,8,["modelValue"]),ge(ut,{modelValue:e.value,"onUpdate:modelValue":l[1]||(l[1]=t=>e.value=t),label:"Disabled",disabled:!0},null,8,["modelValue"])])]),_:1})]))}}),{defineComponent:wl}=await n("vue"),{createVNode:_e,createElementVNode:kl,withCtx:Bl,openBlock:Cl,createElementBlock:Fl}=await n("vue"),Nl={class:"flex flex-col gap-24"},Sl={class:"gap-24 grid grid-cols-3"},{ref:El}=await n("vue"),Tl=wl({__name:"DateRangePicker",setup(o){const e=El("");return(a,l)=>(Cl(),Fl("div",Nl,[_e(r,{title:"Date picker",description:"Basic usage"},{default:Bl(()=>[kl("div",Sl,[_e(dt,{modelValue:e.value,"onUpdate:modelValue":l[0]||(l[0]=t=>e.value=t),label:"Date range picker",disabled:!1},null,8,["modelValue"]),_e(dt,{modelValue:e.value,"onUpdate:modelValue":l[1]||(l[1]=t=>e.value=t),label:"Disabled",disabled:!0},null,8,["modelValue"])])]),_:1})]))}}),{defineComponent:Ul}=await n("vue"),{createVNode:ae,withCtx:oe,openBlock:Dl,createBlock:zl}=await n("vue"),{ref:Ll}=await n("vue"),Ol=Ul({__name:"Dropdown",setup(o){const e=Ll(!1);return(a,l)=>(Dl(),zl(r,{title:"Dropdown",description:"Basic usage"},{default:oe(()=>[ae(Hi,null,{"dropdown-button":oe(()=>[ae(u,{label:"something"})]),"dropdown-content":oe(()=>[ae(Gi,null,{default:oe(()=>[ae(Qi,{modelValue:e.value,"onUpdate:modelValue":l[0]||(l[0]=t=>e.value=t),label:"Item",sublabel:"First Item","has-checkbox":!0},null,8,["modelValue"])]),_:1})]),_:1})]),_:1}))}}),{defineComponent:Al}=await n("vue"),{unref:ie,createVNode:J,withCtx:$l,openBlock:Wl,createElementBlock:Ml}=await n("vue"),Pl={class:"flex flex-col gap-24"},{ref:jl}=await n("vue"),Rl=Al({__name:"Checkbox",setup(o){const e=jl(!1);return(a,l)=>(Wl(),Ml("div",Pl,[J(r,{title:"Radio",description:"Basic usage"},{default:$l(()=>[J(ce,{modelValue:e.value,"onUpdate:modelValue":l[0]||(l[0]=t=>e.value=t),name:"v1",label:"Option 1",value:"1",sublabel:ie(s)(),indeterminate:!1},null,8,["modelValue","sublabel"]),J(ce,{modelValue:e.value,"onUpdate:modelValue":l[1]||(l[1]=t=>e.value=t),name:"v2",label:"Option 2",value:"2",sublabel:ie(s)(),indeterminate:!1},null,8,["modelValue","sublabel"]),J(ce,{modelValue:e.value,"onUpdate:modelValue":l[2]||(l[2]=t=>e.value=t),disabled:!0,name:"v3",label:"Option 3",value:"3",sublabel:ie(s)(),indeterminate:!1},null,8,["modelValue","sublabel"]),J(ce,{modelValue:e.value,"onUpdate:modelValue":l[3]||(l[3]=t=>e.value=t),name:"v4",label:"Option 4",value:"4",sublabel:ie(s)(),indeterminate:!0},null,8,["modelValue","sublabel"])]),_:1})]))}}),{defineComponent:Il}=await n("vue"),{createElementVNode:ql,withCtx:je,createVNode:Re,openBlock:Hl,createElementBlock:Jl}=await n("vue"),Gl={class:"flex flex-col gap-24"},Kl=ql("div",null," test ",-1),Ql=Il({__name:"Field",setup(o){function e(){confirm("form field clicked")}return(a,l)=>(Hl(),Jl("div",Gl,[Re(r,{title:"Form field",description:"Wrapper to make your component part of form"},{default:je(()=>[Re(Zi,{class:"text-fm-color-typo-warning",onClick:e},{default:je(()=>[Kl]),_:1})]),_:1})]))}}),{defineComponent:Xl}=await n("vue"),{unref:z,createVNode:C,createElementVNode:Yl,withCtx:Ie,openBlock:Zl,createElementBlock:ea}=await n("vue"),ta={class:"flex flex-col gap-24"},la={class:"flex"},{ref:aa}=await n("vue"),oa=Xl({__name:"Radio",setup(o){const e=aa("");return(a,l)=>(Zl(),ea("div",ta,[C(r,{title:"Radio",description:"Basic usage"},{default:Ie(()=>[Yl("div",la,[C($,{modelValue:e.value,"onUpdate:modelValue":l[0]||(l[0]=t=>e.value=t),value:"1",label:"Bluetooth",sublabel:z(s)()},null,8,["modelValue","sublabel"]),C($,{modelValue:e.value,"onUpdate:modelValue":l[1]||(l[1]=t=>e.value=t),value:"2",label:"WiFi",sublabel:z(s)()},null,8,["modelValue","sublabel"]),C($,{modelValue:e.value,"onUpdate:modelValue":l[2]||(l[2]=t=>e.value=t),value:"3",label:"NFC",sublabel:z(s)()},null,8,["modelValue","sublabel"]),C($,{modelValue:e.value,"onUpdate:modelValue":l[3]||(l[3]=t=>e.value=t),value:"4",label:"Hotspot",sublabel:z(s)()},null,8,["modelValue","sublabel"])])]),_:1}),C(r,{title:"Radio",description:"Radio group"},{default:Ie(()=>[C($,{modelValue:e.value,"onUpdate:modelValue":l[4]||(l[4]=t=>e.value=t),value:"1",label:"Bluetooth",sublabel:z(s)()},null,8,["modelValue","sublabel"]),C($,{modelValue:e.value,"onUpdate:modelValue":l[5]||(l[5]=t=>e.value=t),value:"2",label:"WiFi",sublabel:z(s)()},null,8,["modelValue","sublabel"]),C($,{modelValue:e.value,"onUpdate:modelValue":l[6]||(l[6]=t=>e.value=t),value:"3",label:"NFC",sublabel:z(s)()},null,8,["modelValue","sublabel"]),C($,{modelValue:e.value,"onUpdate:modelValue":l[7]||(l[7]=t=>e.value=t),value:"4",label:"Hotspot",sublabel:z(s)()},null,8,["modelValue","sublabel"])]),_:1})]))}}),{defineComponent:ia}=await n("vue"),{createVNode:ne,toDisplayString:qe,createElementVNode:He,withCtx:Je,openBlock:na,createElementBlock:ra}=await n("vue"),sa={class:"flex flex-col gap-24"},{ref:Ge}=await n("vue"),ua=ia({__name:"Select",setup(o){const e=Ge(""),a=Ge([]);return(l,t)=>(na(),ra("div",sa,[ne(r,{title:"Select",description:"Single selection"},{default:Je(()=>[ne(Se,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=i=>e.value=i),label:"Select",items:[{label:"Object",value:{first:"something"}},{label:"Array",value:["array","1"]},{label:"Number",value:3},{label:"String",value:"4"},{label:"1",value:"4"},{label:"2",value:"5"}]},null,8,["modelValue"]),He("div",null,qe(e.value),1)]),_:1}),ne(r,{title:"Select",description:"Multiple selection"},{default:Je(()=>[ne(Se,{modelValue:a.value,"onUpdate:modelValue":t[1]||(t[1]=i=>a.value=i),label:"Select",items:[{label:"Object",value:{first:"something"}},{label:"Array",value:["array","1"]},{label:"Number",value:3},{label:"String",value:"4"},{label:"1",value:"4"},{label:"2",value:"5"}],multiselect:""},null,8,["modelValue"]),He("div",null,qe(a.value),1)]),_:1})]))}}),{defineComponent:da}=await n("vue"),{createVNode:he,createElementVNode:ye,toDisplayString:ca,createTextVNode:ma,withCtx:pa,openBlock:va,createElementBlock:fa}=await n("vue"),ba=ye("h1",{class:"mt-8"}," Without steppers ",-1),{ref:ga}=await n("vue"),_a=da({__name:"Stepper",setup(o){const e=ga(null);return(a,l)=>(va(),fa("div",null,[he(r,{title:"Text field",description:""},{default:pa(()=>[ye("div",null,[he(ct,{modelValue:e.value,"onUpdate:modelValue":l[0]||(l[0]=t=>e.value=t),label:"Number",placeholder:"Placeholder",step:30,min:0,max:999,"helper-text":"Helper",rules:[t=>t<=100||"More than 100",t=>t<=50||"More than 50"],"prepend-text":"RM","append-text":"%"},null,8,["modelValue","rules"])]),ba,ye("div",null,[he(ct,{modelValue:e.value,"onUpdate:modelValue":l[1]||(l[1]=t=>e.value=t),label:"Number",placeholder:"Placeholder",step:30,min:0,max:999,"helper-text":"Helper",rules:[t=>t<=100||"More than 100",t=>t<=50||"More than 50"],"show-steppers":!1},null,8,["modelValue","rules"])]),ma(" "+ca(e.value),1)]),_:1})]))}}),{defineComponent:ha}=await n("vue"),{createVNode:p,createElementVNode:re,withCtx:G,unref:Ke,openBlock:ya,createElementBlock:Va}=await n("vue"),xa={class:"flex flex-col gap-24"},wa={class:"flex gap-24"},ka={class:"flex flex-col"},Ba={class:"flex gap-24"},Ca={class:"flex gap-24"},{ref:Fa}=await n("vue"),Na=ha({__name:"Switch",setup(o){const e=Fa({bluetooth:!1,wifi:!1,nfc:!0,hotspot:!0});return(a,l)=>(ya(),Va("div",xa,[p(r,{title:"Switch",description:"Basic usage"},{default:G(()=>[re("div",wa,[p(_,{modelValue:e.value.bluetooth,"onUpdate:modelValue":l[0]||(l[0]=t=>e.value.bluetooth=t),value:"bluetooth",label:"Bluetooth",disabled:"","show-icon":""},null,8,["modelValue"]),p(_,{modelValue:e.value.wifi,"onUpdate:modelValue":l[1]||(l[1]=t=>e.value.wifi=t),value:"wifi",label:"WiFi"},null,8,["modelValue"]),p(_,{modelValue:e.value.nfc,"onUpdate:modelValue":l[2]||(l[2]=t=>e.value.nfc=t),value:"nfc",label:"NFC"},null,8,["modelValue"]),p(_,{modelValue:e.value.hotspot,"onUpdate:modelValue":l[3]||(l[3]=t=>e.value.hotspot=t),value:"hotspot",label:"Hotspot"},null,8,["modelValue"])])]),_:1}),p(r,{title:"Switch",description:"Vertical"},{default:G(()=>[re("div",ka,[p(_,{modelValue:e.value.bluetooth,"onUpdate:modelValue":l[4]||(l[4]=t=>e.value.bluetooth=t),value:"bluetooth",label:"Bluetooth"},null,8,["modelValue"]),p(_,{modelValue:e.value.wifi,"onUpdate:modelValue":l[5]||(l[5]=t=>e.value.wifi=t),value:"wifi",label:"WiFi"},null,8,["modelValue"]),p(_,{modelValue:e.value.nfc,"onUpdate:modelValue":l[6]||(l[6]=t=>e.value.nfc=t),value:"nfc",label:"NFC"},null,8,["modelValue"]),p(_,{modelValue:e.value.hotspot,"onUpdate:modelValue":l[7]||(l[7]=t=>e.value.hotspot=t),value:"hotspot",label:"Hotspot"},null,8,["modelValue"])])]),_:1}),p(r,{title:"Label position",description:"Change label position"},{default:G(()=>[p(_,{modelValue:e.value.bluetooth,"onUpdate:modelValue":l[8]||(l[8]=t=>e.value.bluetooth=t),value:"bluetooth",label:"Bluetooth","label-placement":"right"},null,8,["modelValue"]),p(_,{modelValue:e.value.wifi,"onUpdate:modelValue":l[9]||(l[9]=t=>e.value.wifi=t),value:"wifi",label:"WiFi","label-placement":"right",sublabel:Ke(s)(!0)},null,8,["modelValue","sublabel"]),p(_,{modelValue:e.value.nfc,"onUpdate:modelValue":l[10]||(l[10]=t=>e.value.nfc=t),value:"nfc",label:"NFC","label-placement":"right"},null,8,["modelValue"]),p(_,{modelValue:e.value.hotspot,"onUpdate:modelValue":l[11]||(l[11]=t=>e.value.hotspot=t),value:"hotspot",label:"Hotspot","label-placement":"right",sublabel:Ke(s)(!0)},null,8,["modelValue","sublabel"])]),_:1}),p(r,{title:"Disabled switch"},{default:G(()=>[re("div",Ba,[p(_,{modelValue:e.value.bluetooth,"onUpdate:modelValue":l[12]||(l[12]=t=>e.value.bluetooth=t),value:"bluetooth",label:"Bluetooth",disabled:""},null,8,["modelValue"]),p(_,{modelValue:e.value.wifi,"onUpdate:modelValue":l[13]||(l[13]=t=>e.value.wifi=t),value:"wifi",label:"WiFi",disabled:""},null,8,["modelValue"]),p(_,{modelValue:e.value.nfc,"onUpdate:modelValue":l[14]||(l[14]=t=>e.value.nfc=t),value:"nfc",label:"NFC",disabled:""},null,8,["modelValue"]),p(_,{modelValue:e.value.hotspot,"onUpdate:modelValue":l[15]||(l[15]=t=>e.value.hotspot=t),value:"hotspot",label:"Hotspot",disabled:""},null,8,["modelValue"])])]),_:1}),p(r,{title:"Icon switch",description:"Switch with icon"},{default:G(()=>[re("div",Ca,[p(_,{modelValue:e.value.bluetooth,"onUpdate:modelValue":l[16]||(l[16]=t=>e.value.bluetooth=t),value:"bluetooth",label:"Bluetooth",disabled:"","show-icon":""},null,8,["modelValue"]),p(_,{modelValue:e.value.wifi,"onUpdate:modelValue":l[17]||(l[17]=t=>e.value.wifi=t),value:"wifi",label:"WiFi","show-icon":""},null,8,["modelValue"]),p(_,{modelValue:e.value.nfc,"onUpdate:modelValue":l[18]||(l[18]=t=>e.value.nfc=t),value:"nfc",label:"NFC",disabled:"","show-icon":""},null,8,["modelValue"]),p(_,{modelValue:e.value.hotspot,"onUpdate:modelValue":l[19]||(l[19]=t=>e.value.hotspot=t),value:"hotspot",label:"Hotspot","show-icon":""},null,8,["modelValue"])])]),_:1})]))}}),{defineComponent:Sa}=await n("vue"),{createVNode:K,createElementVNode:Qe,withCtx:Xe,openBlock:Ea,createElementBlock:Ta}=await n("vue"),{ref:Ye}=await n("vue"),Ua=Sa({__name:"TextField",setup(o){const e=Ye(""),a=Ye("");return(l,t)=>(Ea(),Ta("div",null,[K(r,{title:"Text field",description:""},{default:Xe(()=>[Qe("div",null,[K(Z,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=i=>e.value=i),label:"something",disabled:!1,"input-state":"success","helper-text":"something",rules:[i=>!!i.includes("t")||"nothing"]},null,8,["modelValue","rules"]),K(Z,{modelValue:e.value,"onUpdate:modelValue":t[1]||(t[1]=i=>e.value=i),label:"something",disabled:!1,"input-state":"warning"},null,8,["modelValue"])])]),_:1}),K(r,{title:"Text area",description:""},{default:Xe(()=>[Qe("div",null,[K(me,{modelValue:a.value,"onUpdate:modelValue":t[2]||(t[2]=i=>a.value=i),label:"textarea",disabled:!1,"input-state":"error"},null,8,["modelValue"])])]),_:1})]))}}),{defineComponent:Da}=await n("vue"),{createVNode:Q,createElementVNode:za,withCtx:La,openBlock:Oa,createElementBlock:Aa}=await n("vue"),$a={class:"flex flex-col gap-24"},Wa={class:"gap-24 grid grid-cols-12"},Ma=Da({__name:"Icon",setup(o){return(e,a)=>(Oa(),Aa("div",$a,[Q(r,{title:"Icon",description:"Basic icon styling"},{default:La(()=>[za("div",Wa,[Q(I,{name:"visibility",outline:!0,size:"sm",color:"primary"}),Q(I,{name:"visibility",outline:!1,color:"system-success-300"}),Q(I,{name:"visibility",outline:!0,size:"lg",color:"#F12345"}),Q(I,{name:"visibility",outline:!1,color:"#F12345",size:"xl"})])]),_:1})]))}}),{defineComponent:Pa}=await n("vue"),{createVNode:R,createElementVNode:h,withCtx:X,openBlock:ja,createElementBlock:Ra}=await n("vue"),Ia={class:"flex flex-col gap-24"},qa={class:"flex gap-24"},Ha=h("div",{class:"grow"},[h("div",null,"Leslie Alexander"),h("div",{class:"fm-typo-body-sm-400 text-fm-color-typo-secondary"}," leslie.alexander@example.com ")],-1),Ja=h("div",{class:"flex flex-col items-end"},[h("div",null," Co-Founder / CEO "),h("div",{class:"fm-typo-body-sm-400 text-fm-color-typo-secondary"}," Last seen 3h ago ")],-1),Ga=h("div",{class:"grow"},[h("div",null,"Michael Foster"),h("div",{class:"fm-typo-body-sm-400 text-fm-color-typo-secondary"}," michael.foster@example.com ")],-1),Ka=h("div",{class:"flex flex-col items-end"},[h("div",null," Co-Founder / CEO "),h("div",{class:"fm-typo-body-sm-400 text-fm-color-typo-secondary"}," Last seen 3h ago ")],-1),Qa=h("div",{class:"grow"},[h("div",null,"Dries Vincent"),h("div",{class:"fm-typo-body-sm-400 text-fm-color-typo-secondary"}," dries.vincent@example.com ")],-1),Xa=h("div",{class:"flex flex-col items-end"},[h("div",null," Co-Founder / CEO "),h("div",{class:"fm-typo-body-sm-400 text-fm-color-typo-secondary"}," Last seen 3h ago ")],-1),Ya=Pa({__name:"List",setup(o){return(e,a)=>(ja(),Ra("div",Ia,[R(r,{title:"Switch",description:"Basic usage"},{default:X(()=>[h("div",qa,[R(un,{class:"w-full",disabled:""},{default:X(()=>[R(Ee,{tag:"a"},{default:X(()=>[R(I,{name:"hexagon"}),Ha,Ja]),_:1}),R(Ee,{tag:"label"},{default:X(()=>[Ga,Ka]),_:1}),R(Ee,{tag:"label"},{default:X(()=>[Qa,Xa]),_:1})]),_:1})])]),_:1})]))}}),{defineComponent:Za}=await n("vue"),{createElementVNode:eo,withCtx:to,createVNode:lo,openBlock:ao,createElementBlock:oo}=await n("vue"),io={class:"flex flex-col gap-24"},no=eo("div",{class:"gap-24 grid grid-cols-3"}," WIP ",-1),ro=Za({__name:"Menu",setup(o){return(e,a)=>(ao(),oo("div",io,[lo(r,{title:"Menu",description:"Basic usage"},{default:to(()=>[no]),_:1})]))}}),{defineComponent:so}=await n("vue"),{createElementVNode:V,createVNode:b,withCtx:L,openBlock:uo,createElementBlock:co}=await n("vue"),mo={class:"flex flex-col gap-24"},po={class:"flex gap-10"},vo=V("div",null,"Horizontal",-1),fo={class:"flex gap-10 mt-10"},bo=V("div",null,"Vertical",-1),go={class:"p-3"},_o={class:"p-3"},ho=V("div",{class:"fm-typo-title-sm-700 gap-1"}," Campaign Detail ",-1),yo=V("div",{class:"fm-typo-title-sm-700 gap-1"}," Campaign Trigger ",-1),Vo=V("div",{class:"fm-typo-title-sm-700 gap-1"}," Campaign Configuration ",-1),xo=V("div",{class:"fm-typo-title-sm-700 gap-1"}," Create campaign ",-1),wo=V("div",{class:"fm-typo-title-sm-700"}," Campaign Summary ",-1),ko=V("div",{class:"flex flex-col gap-5 items-start p-0 self-stretch"},[V("div",{class:"bg-fm-color-neutral-gray-100 self-stretch",style:{height:"1px"}})],-1),Bo=V("div",{class:"flex flex-col gap-5 items-start p-0 self-stretch"},[V("div",{class:"flex flex-col gap-1 items-start p-0 self-stretch"},[V("div",{class:"fm-typo-body-md-400"}," Field Name "),V("div",{class:"fm-typo-body-md-700"}," Value ")])],-1),{ref:Co}=await n("vue"),Fo=so({__name:"ProgressIndicator",setup(o){const e=Co(""),a=[{titleText:"Title",supportingText:"Supporting text",status:"active"},{titleText:"Title",status:"default",validateStep:()=>typeof e.value<"u"&&e.value.length!=0},{titleText:"Title",status:"default"},{titleText:"Title",status:"default",submitForm:()=>{console.log("Form submitted")}}];return(l,t)=>(uo(),co("div",mo,[b(r,{title:"Progress Indicator",description:"Different orientation"},{default:L(()=>[V("div",po,[vo,b(T,{orientation:"horizontal","title-text":"Title","supporting-text":"Supporting text",status:"default"}),b(T,{orientation:"horizontal","title-text":"Title","supporting-text":"Supporting text",status:"active"}),b(T,{orientation:"horizontal","title-text":"Title","supporting-text":"Supporting text",status:"completed"}),b(T,{orientation:"horizontal","title-text":"Title","supporting-text":"Supporting text",status:"error"}),b(T,{orientation:"horizontal","title-text":"Title","supporting-text":"Supporting text",status:"disabled"})]),V("div",fo,[bo,b(T,{orientation:"vertical","title-text":"Title","supporting-text":"Supporting text",status:"default"}),b(T,{orientation:"vertical","title-text":"Title","supporting-text":"Supporting text",status:"active"}),b(T,{orientation:"vertical","title-text":"Title","supporting-text":"Supporting text",status:"completed"}),b(T,{orientation:"vertical","title-text":"Title","supporting-text":"Supporting text",status:"error"}),b(T,{orientation:"vertical","title-text":"Title","supporting-text":"Supporting text",status:"disabled"})])]),_:1}),b(r,{title:"Progress Indicator Group",description:"Stepper arrangement can be in horizontal or vertical depends on varies situation."},{default:L(()=>[V("div",go,[b(Te,{orientation:"horizontal",steps:a})]),V("div",_o,[b(Te,{orientation:"vertical",steps:a})])]),_:1}),b(r,{title:"Basic Usage",description:""},{default:L(()=>[b(Te,{orientation:"horizontal",steps:a},{step1:L(()=>[ho,b(Z,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=i=>e.value=i),required:"",label:"Field 1"},null,8,["modelValue"]),b(me,{modelValue:e.value,"onUpdate:modelValue":t[1]||(t[1]=i=>e.value=i),label:"textarea",disabled:!1},null,8,["modelValue"])]),step2:L(()=>[yo,b(Z,{modelValue:e.value,"onUpdate:modelValue":t[2]||(t[2]=i=>e.value=i),label:"Field 1"},null,8,["modelValue"])]),step3:L(()=>[Vo,b(me,{modelValue:e.value,"onUpdate:modelValue":t[3]||(t[3]=i=>e.value=i),label:"textarea",disabled:!1},null,8,["modelValue"])]),step4:L(()=>[xo,b(me,{modelValue:e.value,"onUpdate:modelValue":t[4]||(t[4]=i=>e.value=i),label:"textarea",disabled:!1},null,8,["modelValue"]),b(Z,{modelValue:e.value,"onUpdate:modelValue":t[5]||(t[5]=i=>e.value=i),label:"Field 1"},null,8,["modelValue"])]),card:L(()=>[wo,ko,Bo]),_:1})]),_:1})]))}}),{defineComponent:No}=await n("vue"),{unref:w,createVNode:x,createElementVNode:Ve,withCtx:xe,openBlock:So,createElementBlock:Eo}=await n("vue"),To={class:"flex flex-col gap-24"},Uo={class:"gap-24 grid grid-cols-3"},Do={class:"gap-24 grid grid-cols-3"},zo={class:"gap-24 grid grid-cols-3"},Lo=No({__name:"Snackbar",setup(o){function e(l){confirm(`Snackbar action pressed!
-${l}.`)}function a(l){confirm(`Snackbar dismissed!
-${l}.`)}return(l,t)=>(So(),Eo("div",To,[x(r,{title:"Snackbar",description:"Basic usage"},{default:xe(()=>[Ve("div",Uo,[x(B,{title:"Info",description:w(s)(),variant:"info"},null,8,["description"]),x(B,{title:"success",description:w(s)(),variant:"success"},null,8,["description"]),x(B,{title:"warning",description:w(s)(),variant:"warning"},null,8,["description"]),x(B,{title:"error",description:w(s)(),variant:"error"},null,8,["description"]),x(B,{title:"neutral  ",description:w(s)(),variant:"neutral"},null,8,["description"])])]),_:1}),x(r,{title:"Advance snackbar",description:"Snackbar with action"},{default:xe(()=>[Ve("div",Do,[x(B,{title:"Info",description:w(s)(),dismissable:"",variant:"info",action:"press me",onOnAction:t[0]||(t[0]=()=>e("info")),onOnDismiss:t[1]||(t[1]=()=>a("info"))},null,8,["description"]),x(B,{title:"success",description:w(s)(),dismissable:"",variant:"success",action:"press me",onOnAction:t[2]||(t[2]=()=>e("success")),onOnDismiss:t[3]||(t[3]=()=>a("success"))},null,8,["description"]),x(B,{title:"warning",description:w(s)(),dismissable:"",variant:"warning",action:"press me",onOnAction:t[4]||(t[4]=()=>e("warning")),onOnDismiss:t[5]||(t[5]=()=>a("warning"))},null,8,["description"]),x(B,{title:"error",description:w(s)(),dismissable:"",variant:"error",action:"press me",onOnAction:t[6]||(t[6]=()=>e("error")),onOnDismiss:t[7]||(t[7]=()=>a("error"))},null,8,["description"]),x(B,{title:"neutral",description:w(s)(),dismissable:"",variant:"neutral",action:"press me",onOnAction:t[8]||(t[8]=()=>e("neutral")),onOnDismiss:t[9]||(t[9]=()=>a("neutral"))},null,8,["description"])])]),_:1}),x(r,{title:"Custom snackbar",description:"Snackbar with custom color"},{default:xe(()=>[Ve("div",zo,[x(B,{title:"Custom snackbar",color:"secondary-blue-pea","bg-color":"secondary-citrus",description:w(s)()},null,8,["description"])])]),_:1})]))}}),{defineComponent:Oo}=await n("vue"),{createVNode:Ao,toDisplayString:$o,createElementVNode:we,withCtx:Wo,openBlock:Mo,createBlock:Po}=await n("vue"),jo={style:{width:"fit-content"}},Ro={class:"flex flex-col gap-16 items-center justify-center"},Io={class:"fm-typo-body-xl-700"},{ref:qo}=await n("vue"),Ho=Oo({__name:"TimePicker",setup(o){const e=qo(null);return(a,l)=>(Mo(),Po(r,{title:"Time picker"},{default:Wo(()=>[we("div",jo,[we("div",Ro,[Ao(vn,{modelValue:e.value,"onUpdate:modelValue":l[0]||(l[0]=t=>e.value=t)},null,8,["modelValue"]),we("div",Io,$o(e.value),1)])])]),_:1}))}}),{defineComponent:Jo}=await n("vue"),{createTextVNode:O,withCtx:F,createVNode:N,createElementVNode:Ze,openBlock:Go,createElementBlock:Ko}=await n("vue"),Qo={class:"flex flex-col gap-24"},Xo={class:"gap-24 grid grid-cols-4"},Yo={class:"gap-24 grid grid-cols-4"},Zo=Jo({__name:"Tooltip",setup(o){return(e,a)=>(Go(),Ko("div",Qo,[N(r,{title:"Tooltip",description:"Basic usage"},{default:F(()=>[Ze("div",Xo,[N(W,{variant:"plain",beak:"top","content-text":"Top tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:F(()=>[O(" Top tooltip ")]),_:1},8,["action-buttons"]),N(W,{variant:"plain",beak:"right","content-text":"Right tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:F(()=>[O(" Right tooltip ")]),_:1},8,["action-buttons"]),N(W,{variant:"plain",beak:"bottom","content-text":"Bottom tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:F(()=>[O(" Bottom tooltip ")]),_:1},8,["action-buttons"]),N(W,{variant:"plain",beak:"left","content-text":"Left tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:F(()=>[O(" Left tooltip ")]),_:1},8,["action-buttons"])])]),_:1}),N(r,{title:"Tooltip",description:"Tooltip with actions"},{default:F(()=>[Ze("div",Yo,[N(W,{variant:"rich",beak:"top","content-text":"Top tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:F(()=>[O(" Top tooltip ")]),_:1},8,["action-buttons"]),N(W,{variant:"rich",beak:"right","content-text":"Right tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:F(()=>[O(" Right tooltip ")]),_:1},8,["action-buttons"]),N(W,{variant:"rich",beak:"bottom","content-text":"Bottom tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:F(()=>[O(" Bottom tooltip ")]),_:1},8,["action-buttons"]),N(W,{variant:"rich",beak:"left","content-text":"Left tooltip","action-buttons":[{label:"Action",handler:()=>console.log("Button clicked!")}]},{default:F(()=>[O(" Left tooltip ")]),_:1},8,["action-buttons"])])]),_:1})]))}}),{defineComponent:ei}=await n("vue"),{renderSlot:ke,openBlock:Be,createBlock:et,createCommentVNode:tt,createElementVNode:Ce,withModifiers:ti,normalizeClass:lt,createElementBlock:li,Transition:ai,withCtx:oi}=await n("vue"),ii={class:"flex fm-typo-title-sm-700 items-center justify-between text-fm-color-typo-primary"},ni={class:"flex gap-8 items-center sm:flex-col-reverse xs:flex-col-reverse"},ri=ei({__name:"FmDialog",props:{modelValue:{type:Boolean,default:!1},overlay:{type:Boolean,default:!0},minWidth:{default:280},closeButton:{type:Boolean,default:!0}},emits:["update:modelValue"],setup(o,{emit:e}){return(a,l)=>(Be(),et(ai,null,{default:oi(()=>[a.modelValue?(Be(),li("div",{key:0,class:lt({"fm-dialog--container":!0,"fm-dialog--overlay":a.overlay}),onClick:l[2]||(l[2]=t=>e("update:modelValue",!1))},[Ce("div",{class:lt(`fm-dialog min-w-[${a.minWidth}px]`),onClick:l[1]||(l[1]=ti(()=>{},["stop"]))},[Ce("div",ii,[ke(a.$slots,"dialog-header"),a.closeButton?(Be(),et(I,{key:0,class:"cursor-pointer",name:"close",size:"md",onClick:l[0]||(l[0]=t=>e("update:modelValue",!1))})):tt("",!0)]),ke(a.$slots,"dialog-content"),Ce("div",ni,[ke(a.$slots,"dialog-footer")])],2)],2)):tt("",!0)]),_:3}))}}),{defineComponent:si}=await n("vue"),{createVNode:M,createElementVNode:at,withCtx:se,openBlock:ui,createBlock:di}=await n("vue"),ci=at("div",null,"Header",-1),mi={class:"bg-fm-color-opacity-md h-[250px] w-[500px]"},{ref:ot}=await n("vue"),pi=si({__name:"Dialog",setup(o){const e=ot(!1),a=ot("");return(l,t)=>(ui(),di(r,{title:"Icon",description:"Basic icon styling"},{default:se(()=>[M(u,{label:"Open",onClick:t[0]||(t[0]=i=>e.value=!0)}),M(ri,{modelValue:e.value,"onUpdate:modelValue":t[3]||(t[3]=i=>e.value=i),overlay:!0},{"dialog-header":se(()=>[ci]),"dialog-content":se(()=>[at("div",mi,[M(Se,{modelValue:a.value,"onUpdate:modelValue":t[1]||(t[1]=i=>a.value=i),label:"Select",items:[{label:"Object",value:{first:"something"}},{label:"Array",value:["array","1"]},{label:"Number",value:3},{label:"String",value:"4"},{label:"1",value:"4"},{label:"2",value:"5"}]},null,8,["modelValue"])])]),"dialog-footer":se(()=>[M(u,{class:"sm:w-full xs:w-full",variant:"tertiary",label:"Label",size:"md"}),M(gn,{class:"sm:hidden xs:hidden"}),M(u,{class:"sm:w-full xs:w-full",variant:"secondary",label:"Label",size:"md"}),M(u,{class:"sm:w-full xs:w-full",variant:"primary",label:"Close",size:"md",onClick:t[2]||(t[2]=i=>e.value=!1)})]),_:1},8,["modelValue"])]),_:1}))}}),{defineComponent:vi}=await n("vue"),{renderList:it,Fragment:nt,openBlock:Y,createElementBlock:ue,toDisplayString:rt,createElementVNode:de,normalizeClass:fi,resolveDynamicComponent:bi,createBlock:gi}=await n("vue"),_i={class:"divide-x flex h-screen",style:{"background-color":"#f7f7f7"}},hi={class:"h-full overflow-y-auto px-24",style:{"min-width":"200px"}},yi={class:"fm-typo-body-lg-700 mb-8 text-fm-color-typo-tertiary"},Vi=["onClick"],xi={class:"grow h-full overflow-y-auto p-16"},{ref:wi,computed:ki,onMounted:Bi}=await n("vue"),Ci=vi({__name:"App",setup(o){const e=[{title:"Application",children:{FmButton:{label:"Button",component:Pe},FmCard:{label:"Card",component:pl},FmIcon:{label:"Icon",component:Ma},FmSnackbar:{label:"Snackbar",component:Lo},FmList:{label:"List & list item",component:Ya},FmProgressIndicator:{label:"Progress indicator",component:Fo},FmBreadcrumb:{label:"Breadcrumb",component:Dt},FmDialog:{label:"Dialog",component:pi}}},{title:"Form",children:{FmForm:{label:"Form",component:Pe},FmFormField:{label:"Form field",component:Ql},FmTextField:{label:"Input",component:Ua},FmStepper:{label:"Stepper",component:_a},FmSwitch:{label:"Switch",component:Na},FmRadio:{label:"Radio",component:oa},FmCheckbox:{label:"Checkbox",component:Rl},FmSelect:{label:"Select",component:ua},FmDatePicker:{label:"Date picker",component:xl},FmDateRangePicker:{label:"Date range picker",component:Tl},FmTimePicker:{label:"Time picker",component:Ho}}},{title:"Chart",children:{FmLineChart:{label:"Line chart",component:$t}}},{title:"Utility",children:{FmDropdown:{label:"Dropdown",component:Ol},FmMenu:{label:"Menu",component:ro},FmTooltip:{label:"Tooltip",component:Zo}}}],a=wi("FmButton");function l(i){window.location.hash=i,a.value=i}const t=ki(()=>e.reduce((i,S)=>({...i,...S.children}),{})[a.value].component);return Bi(()=>{const[,i]=window.location.hash.split("/");i&&l(i)}),(i,S)=>(Y(),ue("div",_i,[de("div",hi,[(Y(),ue(nt,null,it(e,(c,g)=>de("div",{key:g,class:"mt-24"},[de("div",yi,rt(c.title),1),(Y(!0),ue(nt,null,it(c.children,(y,E)=>(Y(),ue("div",{key:E,class:fi([a.value===E?"cursor-not-allowed fm-typo-body-lg-700 text-fm-color-primary":"cursor-pointer","py-4"]),onClick:()=>l(E)},rt(y.label),11,Vi))),128))])),64))]),de("div",xi,[(Y(),gi(bi(t.value)))])]))}}),{createApp:Fi}=await n("vue"),Fe=Fi(Ci);Fe.use(mt),Fe.use(xt,{duration:.3,color:"var(--fm-color-opacity-sm)",initialOpacity:1,finalOpacity:.1,dissolveDuration:.6}),Fe.mount("#app")});