@feedmepos/ui-library 0.0.1-alpha.18 → 0.0.2

package/dist/tailwind-plugin.js

@@ -55,6 +55,12 @@ module.exports = plugin(
   },
   {
     theme: {
+      screens: {
+        xs: { min: '320px', max: '647px' },
+        sm: { min: '648px', max: '959px' },
+        md: { min: '960px', max: '1247px' },
+        lg: { min: '1248px' },
+      },
       extend: {
         spacing: [
           0, 4, 8, 12, 16, 24, 32, 40, 48, 56, 64, 72, 80, 88, 96, 104, 112,

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-alpha.18",
+  "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-03ae1e8a.css

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

package/dist/federation/FmCard-384925d5.css

@@ -1 +0,0 @@
-.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.fm-typo-display-sm-700{font-size:2.25rem;font-weight:700;line-height:1.1111;letter-spacing:.025em;text-decoration-line:none}.fm-typo-title-md-700{font-size:1.625rem;font-weight:700;line-height:1.2308;letter-spacing:.015em;text-decoration-line:none}.fm-typo-title-sm-700{font-size:1.375rem;font-weight:700;line-height:1.2727;letter-spacing:.015em;text-decoration-line:none}.fm-typo-body-xl-700{font-size:1.125rem;font-weight:700;line-height:1.3333;letter-spacing:.01em;text-decoration-line:none}.fm-typo-body-lg-700{font-size:1rem;font-weight:700;line-height:1.5;letter-spacing:.005em;text-decoration-line:none}.fm-typo-body-md-700{font-size:.875rem;font-weight:700;line-height:1.5714;letter-spacing:.0125em;text-decoration-line:none}.fm-typo-body-lg-400{font-size:1rem;font-weight:400;line-height:1.5;letter-spacing:-.005em;text-decoration-line:none}.fm-typo-body-md-400{font-size:.875rem;font-weight:400;line-height:1.5714;letter-spacing:.01em;text-decoration-line:none}.fm-typo-body-sm-400{font-size:.75rem;font-weight:400;line-height:1.6667;letter-spacing:.02em;text-decoration-line:none}.fm-shadow-light-400{box-shadow:0 16px 24px #c7c7cc3d}.fm-corner-radius-md{border-radius:8px}.fm-corner-radius-lg{border-radius:16px}.border-1{border-width:1px}.h-fit{height:-moz-fit-content;height:fit-content}.fm-card .fm-card-title{padding:24px;display:flex;justify-content:space-between;align-items:center;gap:8px}.fm-card .fm-card-section--inset{padding:24px}.fm-card .fm-card-actions{padding:24px;display:flex;align-items:center;gap:8px}.fm-card--horizontal{display:flex}

package/dist/federation/FmCard.vue_vue_type_style_index_0_lang-2925f2d7.js

@@ -1 +0,0 @@
-import{importShared as n,__tla as $}from"./__federation_fn_import.js";import w,{__tla as C}from"./__federation_expose_FmCardTitle-2e4be090.js";let y,S=Promise.all([(()=>{try{return $}catch{}})(),(()=>{try{return C}catch{}})()]).then(async()=>{let d,t,l,c,r,o,i,m,u,_,h,f,p;({defineComponent:d}=await n("vue")),{renderSlot:t,unref:l,toDisplayString:c,createElementVNode:r,withCtx:o,openBlock:i,createBlock:m,createCommentVNode:u,normalizeClass:_,createElementBlock:h}=await n("vue"),f={class:"fm-typo-title-md-700 grow"},{useSlots:p}=await n("vue"),y=d({__name:"FmCard",props:{title:{type:String,default:void 0},variant:{type:String,default:"elevated"},horizontal:{type:Boolean,default:!1}},setup(a){const s=a,v=p();return(e,g)=>(i(),h("div",{class:_(["fm-card fm-corner-radius-md",`${a.variant==="elevated"?"fm-shadow-light-400":"border-1"} ${a.horizontal?"fm-card--horizontal":""}`])},[t(e.$slots,"header",{title:s.title},()=>[a.title||l(v)["header-title"]||l(v)["header-actions"]?(i(),m(w,{key:0},{actions:o(()=>[t(e.$slots,"header-actions")]),default:o(()=>[r("div",null,[t(e.$slots,"header-title",{title:s.title},()=>[r("div",f,c(s.title),1)])])]),_:3})):u("",!0)]),t(e.$slots,"default"),t(e.$slots,"actions")],2))}})});export{y as _,S as __tla};

package/dist/federation/FmCardActions.vue_vue_type_script_setup_true_lang-52ee740a.js

@@ -1 +0,0 @@
-import{importShared as t,__tla as d}from"./__federation_fn_import.js";let i,f=Promise.all([(()=>{try{return d}catch{}})()]).then(async()=>{let e,a,r,n,s,l;({defineComponent:e}=await t("vue")),{renderSlot:a,normalizeClass:r,openBlock:n,createElementBlock:s}=await t("vue"),{computed:l}=await t("vue"),i=e({__name:"FmCardActions",props:{alignment:{type:String,default:"right"}},setup(c){const o=c,u=l(()=>{switch(o.alignment){case"left":return"justify-start";case"right":return"justify-end";case"center":return"justify-center";default:return""}});return(m,p)=>(n(),s("div",{class:r(["fm-card-actions",`${u.value}`])},[a(m.$slots,"default")],2))}})});export{i as _,f as __tla};

package/dist/federation/FmCardSection.vue_vue_type_script_setup_true_lang-e6671230.js

@@ -1 +0,0 @@
-import{importShared as o,__tla as s}from"./__federation_fn_import.js";let i,c=Promise.all([(()=>{try{return s}catch{}})()]).then(async()=>{let e,t,a,n,r;({defineComponent:e}=await o("vue")),{renderSlot:t,normalizeClass:a,openBlock:n,createElementBlock:r}=await o("vue"),i=e({__name:"FmCardSection",props:{padding:{type:String,default:void 0}},setup(l){return(d,p)=>(n(),r("div",{class:a(["fm-card-section",`${l.padding?l.padding:"fm-card-section--inset"}`])},[t(d.$slots,"default")],2))}})});export{i as _,c as __tla};

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-fc9b77ba.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{height:20px;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-da340dc4.js

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

@@ -1 +0,0 @@
-import{importShared as _,__tla as I}from"./__federation_fn_import.js";import D,{__tla as J}from"./__federation_expose_FmButton-abda9755.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-abda9755.js

@@ -1,8 +0,0 @@
-import{importShared as r,__tla as B}from"./__federation_fn_import.js";import k,{__tla as z}from"./__federation_expose_FmIcon-e5ab92a8.js";import{_ as C}from"./_plugin-vue_export-helper-c27b6911.js";let c,D=Promise.all([(()=>{try{return B}catch{}})(),(()=>{try{return z}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}},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":"",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=C(h,[["__scopeId","data-v-d31f278f"]])});export{D as __tla,c as default};

package/dist/federation/__federation_expose_FmCardTitle-2e4be090.js

@@ -1 +0,0 @@
-import{importShared as d,__tla as m}from"./__federation_fn_import.js";import{_}from"./_plugin-vue_export-helper-c27b6911.js";let a,f=Promise.all([(()=>{try{return m}catch{}})()]).then(async()=>{const r={},{renderSlot:t,createElementVNode:l,openBlock:o,createElementBlock:s}=await d("vue"),c={class:"flex fm-card-title gap-8"},n={class:"grow"};function i(e,p){return o(),s("div",c,[l("div",n,[t(e.$slots,"default")]),t(e.$slots,"actions")])}a=_(r,[["render",i]])});export{f as __tla,a 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-cff3f271.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-abda9755.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-3171e386.js

@@ -1 +0,0 @@
-import{_ as t,__tla as a}from"./__federation_expose_FmProgressIndicator-cff3f271.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-ed1bc773.js

@@ -1 +0,0 @@
-import{importShared as i,__tla as z}from"./__federation_fn_import.js";import D,{__tla as E}from"./__federation_expose_FmDropdown-fdebd8a7.js";import F,{__tla as J}from"./__federation_expose_FmIcon-e5ab92a8.js";import O,{__tla as R}from"./__federation_expose_FmMenu-05aa2ec1.js";import U,{__tla as $}from"./__federation_expose_FmMenuItem-bcffecb3.js";import{_ as j}from"./_plugin-vue_export-helper-c27b6911.js";let y,q=Promise.all([(()=>{try{return z}catch{}})(),(()=>{try{return E}catch{}})(),(()=>{try{return J}catch{}})(),(()=>{try{return R}catch{}})(),(()=>{try{return $}catch{}})()]).then(async()=>{const{defineComponent:h}=await i("vue"),{renderSlot:w,toDisplayString:c,normalizeClass:s,createElementVNode:d,createVNode:p,renderList:x,Fragment:V,openBlock:m,createElementBlock:C,createBlock:_,withCtx:n,pushScopeId:L,popScopeId:P}=await i("vue"),S={class:"fm-select"},{computed:g,ref:f,toRaw:v}=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(B,{emit:b}){const u=B,r=f(!1),t=f([]),N=(e,a)=>{if(u.multiselect){let l=[];e?(l=[...v(u.modelValue),a.value],t.value=[...t.value,a]):(l=[...u.modelValue],l=l.filter(o=>JSON.stringify(v(o))!==JSON.stringify(a.value)),t.value=t.value.filter(o=>o.label!==a.label)),b("update:modelValue",l)}else r.value=!1,t.value=[a],b("update:modelValue",a.value)},I=g(()=>{const e=t.value.map(a=>a.label).join(", ");return e===""?u.placeholder:e});return(e,a)=>(m(),_(D,{disabled:e.disabled,"is-open":r.value,placement:e.placement,onDropdownChanged:a[0]||(a[0]=l=>r.value=l)},{"dropdown-button":n(()=>[d("div",S,[d("label",{class:s({"cursor-not-allowed":e.disabled})},[w(e.$slots,"label",{},void 0,!0),d("div",{class:s({"fm-typo-body-lg-400":!0,"text-fm-color-typo-primary":!e.disabled,"text-fm-color-typo-disabled":e.disabled})},c(e.label),3),d("div",{class:s({"fm-select__container":!0,"fm-select__container--expanded":r.value,"fm-select__container--disabled":e.disabled})},[d("div",{class:s({"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(I.value),3),p(F,{name:r.value?"expand_less":"expand_more",size:"md",color:e.disabled?"#C7C7CC":"black"},null,8,["name","color"])],2)],2)])]),"dropdown-content":n(()=>[p(O,{class:"w-[280px]"},{default:n(()=>[(m(!0),C(V,null,x(e.items,l=>(m(),_(U,{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=>N(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-fbd57494"]])});export{q as __tla,y as default};

package/dist/federation/__federation_expose_FmStepper-b2279a40.js

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

package/dist/federation/index-860d04d2.js

@@ -1,11 +0,0 @@
-import{importShared as n,__tla as ri}from"./__federation_fn_import.js";import{c as si,a as ui,_ as di,__tla as ci}from"./FmBreadcrumb.vue_vue_type_style_index_0_lang-4abc649e.js";import{_ as U,__tla as mi}from"./FmCard.vue_vue_type_style_index_0_lang-2925f2d7.js";import{_ as D,__tla as pi}from"./FmCardSection.vue_vue_type_script_setup_true_lang-e6671230.js";import vi,{__tla as fi}from"./__federation_expose_FmCardTitle-2e4be090.js";import{_ as bi,__tla as gi}from"./FmLine.vue_vue_type_script_setup_true_lang-2809cd69.js";import m,{__tla as _i}from"./__federation_expose_FmButton-abda9755.js";import{_ as Xe,__tla as hi}from"./FmCardActions.vue_vue_type_script_setup_true_lang-52ee740a.js";import Ye,{__tla as Vi}from"./__federation_expose_FmDatePicker-d996afce.js";import Ze,{__tla as yi}from"./__federation_expose_FmDateRangePicker-1d6f07d7.js";import xi,{__tla as wi}from"./__federation_expose_FmDropdown-fdebd8a7.js";import ki,{__tla as Bi}from"./__federation_expose_FmMenu-05aa2ec1.js";import Ci,{__tla as Fi}from"./__federation_expose_FmMenuItem-bcffecb3.js";import{_ as ue,__tla as Si}from"./FmCheckbox.vue_vue_type_style_index_0_lang-fcb61ef1.js";import Ni,{__tla as Ti}from"./__federation_expose_FmField-41eeed18.js";import P,{__tla as Ei}from"./__federation_expose_FmRadio-b90999bf.js";import et,{__tla as Ui}from"./__federation_expose_FmSelect-ed1bc773.js";import tt,{__tla as Di}from"./__federation_expose_FmStepper-b2279a40.js";import _,{__tla as Li}from"./__federation_expose_FmSwitch-f75dd36e.js";import{_ as X,__tla as zi}from"./FmTextField.vue_vue_type_style_index_0_lang-da340dc4.js";import{_ as de,__tla as Oi}from"./FmTextarea.vue_vue_type_style_index_0_lang-5db78d57.js";import Y,{__tla as Ai}from"./__federation_expose_FmIcon-e5ab92a8.js";import Pi,{__tla as Ri}from"./__federation_expose_FmList-6bab2481.js";import ke,{__tla as Wi}from"./__federation_expose_FmListItem-b4a2ef3a.js";import E,{_ as Be,__tla as Mi}from"./__federation_expose_FmProgressIndicator-cff3f271.js";import B,{__tla as $i}from"./__federation_expose_FmSnackbar-7af29a69.js";import{_ as ji,__tla as Ii}from"./FmTimePicker.vue_vue_type_style_index_0_lang-d63c15e8.js";import{_ as R,__tla as qi}from"./FmTooltip.vue_vue_type_script_setup_true_lang-cbd2513f.js";Promise.all([(()=>{try{return ri}catch{}})(),(()=>{try{return ci}catch{}})(),(()=>{try{return mi}catch{}})(),(()=>{try{return pi}catch{}})(),(()=>{try{return fi}catch{}})(),(()=>{try{return gi}catch{}})(),(()=>{try{return _i}catch{}})(),(()=>{try{return hi}catch{}})(),(()=>{try{return Vi}catch{}})(),(()=>{try{return yi}catch{}})(),(()=>{try{return wi}catch{}})(),(()=>{try{return Bi}catch{}})(),(()=>{try{return Fi}catch{}})(),(()=>{try{return Si}catch{}})(),(()=>{try{return Ti}catch{}})(),(()=>{try{return Ei}catch{}})(),(()=>{try{return Ui}catch{}})(),(()=>{try{return Di}catch{}})(),(()=>{try{return Li}catch{}})(),(()=>{try{return zi}catch{}})(),(()=>{try{return Oi}catch{}})(),(()=>{try{return Ai}catch{}})(),(()=>{try{return Ri}catch{}})(),(()=>{try{return Wi}catch{}})(),(()=>{try{return Mi}catch{}})(),(()=>{try{return $i}catch{}})(),(()=>{try{return Ii}catch{}})(),(()=>{try{return qi}catch{}})()]).then(async()=>{(function(){const a=document.createElement("link").relList;if(a&&a.supports&&a.supports("modulepreload"))return;for(const l of document.querySelectorAll('link[rel="modulepreload"]'))o(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"&&o(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 o(l){if(l.ep)return;l.ep=!0;const t=e(l);fetch(l.href,t)}})();const lt=si({history:ui(),routes:[]}),Ce={directive:"wave",color:"currentColor",initialOpacity:.2,finalOpacity:.1,duration:.4,dissolveDuration:.15,easing:"ease-out",cancellationPeriod:75,trigger:"auto",tagName:"div"},at=a=>"config"in a&&"globalProperties"in a.config,ot=a=>{let e;return a==="vue2"?e=!1:a==="vue3"?e=!0:e=at(a),e?{mounted:"mounted",updated:"updated"}:{mounted:"inserted",updated:"componentUpdated"}},Fe=a=>typeof a=="string"&&a!=="auto",Se=(a,e)=>{a.dataset.vWaveBoundary=Fe(e)?e:"true"},it=({borderTopLeftRadius:a,borderTopRightRadius:e,borderBottomLeftRadius:o,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=`${a} ${e} ${l} ${o}`,i.style.overflow="hidden",i.style.pointerEvents="none",i.style.webkitMaskImage="-webkit-radial-gradient(white, black)",i},nt=(a,e,o,l)=>{const t=document.createElement("div");return t.style.position="absolute",t.style.width=`${o}px`,t.style.height=`${o}px`,t.style.top=`${e}px`,t.style.left=`${a}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 Z(a,e,o,l){const t=a-o,i=e-l;return Math.sqrt(t*t+i*i)}function rt(a,e,{width:o,height:l}){const t=Z(a,e,0,0),i=Z(a,e,o,0),N=Z(a,e,0,l),d=Z(a,e,o,l);return Math.max(t,i,N,d)}const st=({x:a,y:e},{top:o,left:l})=>({x:a-l,y:e-o}),ce="vWaveCountInternal";function ut(a){const e=me(a);Ne(a,e+1)}function dt(a){const e=me(a);Ne(a,e-1)}function Ne(a,e){a.dataset[ce]=e.toString()}function me(a){var e;return parseInt((e=a.dataset[ce])!==null&&e!==void 0?e:"0",10)}function ct(a){delete a.dataset[ce]}const pe=(a,e,o)=>{const l=e.getBoundingClientRect(),t=window.getComputedStyle(e),{x:i,y:N}=st(a,l),d=2.05*rt(i,N,l),g=it(t,o.tagName),V=nt(i,N,d,o);ut(e);let T="";t.position==="static"&&(e.style.position&&(T=e.style.position),e.style.position="relative"),g.appendChild(V),e.appendChild(g);let A=!1;const k=ni=>{typeof ni<"u"&&(document.removeEventListener("pointerup",k),document.removeEventListener("pointercancel",k)),A?oi():A=!0},oi=()=>{V.style.transition=`opacity ${o.dissolveDuration}s linear`,V.style.opacity="0",setTimeout(()=>{g.remove(),dt(e),me(e)===0&&(ct(e),e.style.position=T)},o.dissolveDuration*1e3)};document.addEventListener("pointerup",k),document.addEventListener("pointercancel",k);const ii=setTimeout(()=>{document.removeEventListener("pointercancel",we),requestAnimationFrame(()=>{V.style.transform="translate(-50%,-50%) scale(1)",V.style.opacity=`${o.finalOpacity}`,setTimeout(()=>k(),o.duration*1e3)})},o.cancellationPeriod),we=()=>{clearTimeout(ii),g.remove(),document.removeEventListener("pointerup",k),document.removeEventListener("pointercancel",k),document.removeEventListener("pointercancel",we)};document.addEventListener("pointercancel",we)},j=new WeakMap,Te=(a={},e="vue3")=>{const o=Object.assign(Object.assign({},Ce),a),l=ot(e),t=d=>{const g=d.currentTarget.dataset.vWaveTrigger;document.querySelectorAll(`[data-v-wave-boundary="${g}"]`).forEach(V=>pe(d,V,Object.assign(Object.assign({},o),j.get(V))))},i={[l.mounted](d,{value:g={}}){var V;j.set(d,g),Se(d,(V=g&&g.trigger)!==null&&V!==void 0?V:o.trigger),d.addEventListener("pointerdown",T=>{if(j.get(d)===!1)return;const A=Object.assign(Object.assign({},o),j.get(d));if(A.trigger===!1)return pe(T,d,A);if(Fe(A.trigger))return;const k=d.querySelector('[data-v-wave-trigger="true"]');!k&&A.trigger===!0||k&&!T.composedPath().includes(k)||pe(T,d,A)})},[l.updated](d,{value:g={}}){var V;j.set(d,g),Se(d,(V=g&&g.trigger)!==null&&V!==void 0?V:o.trigger)}},N={[l.mounted](d,{arg:g="true"}){d.dataset.vWaveTrigger=g,g!=="true"&&d.addEventListener("pointerdown",t)},[l.updated](d,{arg:g="true"}){d.dataset.vWaveTrigger=g,g==="true"?d.removeEventListener("pointerdown",t):d.addEventListener("pointerdown",t)}};return{wave:i,vWave:i,waveTrigger:N,vWaveTrigger:N}},mt={install(a,e={}){if(this.installed)return;this.installed=!0;const o=Object.assign(Object.assign({},Ce),e),{vWave:l,vWaveTrigger:t}=Te(o,a);a.directive(o.directive,l),a.directive(`${o.directive}-trigger`,t)},installed:!1,createLocalWaveDirective:Te},{defineComponent:pt}=await n("vue"),{toDisplayString:Ee,createElementVNode:ve,withCtx:I,createVNode:Ue,renderSlot:vt,openBlock:ft,createBlock:bt}=await n("vue"),gt={class:"fm-typo-title-sm-700 mb-4"},_t={class:""},r=pt({__name:"DemoSection",props:{title:{type:String,required:!0},description:{type:String,default:void 0}},setup(a){return(e,o)=>(ft(),bt(U,{variant:"outlined",title:a.title},{header:I(()=>[Ue(vi,null,{actions:I(()=>[]),default:I(()=>[ve("div",null,[ve("div",gt,Ee(a.title),1),ve("div",_t,Ee(a.description??a.title),1)])]),_:1})]),default:I(()=>[Ue(D,null,{default:I(()=>[vt(e.$slots,"default")]),_:3})]),_:3},8,["title"]))}}),{defineComponent:ht}=await n("vue"),{createVNode:De,withCtx:Vt,openBlock:yt,createElementBlock:xt}=await n("vue"),wt=ht({__name:"Breadcrumb",setup(a){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(o,l)=>(yt(),xt("div",null,[De(r,{title:"Breadcrumb",description:"Basic usage"},{default:Vt(()=>[De(di,{items:e})]),_:1})]))}}),{defineComponent:kt}=await n("vue"),{createVNode:Le,withCtx:Bt,openBlock:Ct,createElementBlock:Ft}=await n("vue"),St=kt({__name:"Line",setup(a){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(o,l)=>(Ct(),Ft("div",null,[Le(r,{title:"Line chart",description:"Basic line chart usage"},{default:Bt(()=>[Le(bi,{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:Nt}=await n("vue"),{createVNode:f,createElementVNode:ee,withCtx:te,openBlock:Tt,createElementBlock:Et}=await n("vue"),Ut={class:"flex flex-col gap-24"},Dt={class:"gap-24 grid grid-cols-6"},Lt={class:"gap-24 grid grid-cols-6"},zt={class:"flex gap-24"},Ot={class:"flex gap-24"},ze=Nt({__name:"Button",setup(a){return(e,o)=>(Tt(),Et("div",Ut,[f(r,{title:"Basic button",description:"Different button variant"},{default:te(()=>[ee("div",Dt,[f(m,{variant:"primary",label:"Primary"}),f(m,{variant:"secondary",label:"Secondary"}),f(m,{variant:"tertiary",label:"Tertiary"}),f(m,{variant:"destructive",label:"Destructive"}),f(m,{variant:"fab",label:"FAB"})])]),_:1}),f(r,{title:"Size",description:"Different button size"},{default:te(()=>[ee("div",Lt,[f(m,{variant:"primary",label:"md",size:"md"}),f(m,{variant:"primary",label:"lg"})])]),_:1}),f(r,{title:"With icons",description:""},{default:te(()=>[ee("div",zt,[f(m,{variant:"primary",label:"button",size:"md",icon:"home"}),f(m,{variant:"secondary",label:"button",size:"md",icon:"home"}),f(m,{variant:"tertiary",label:"button",size:"md",icon:"home"}),f(m,{variant:"destructive",label:"button",size:"md",icon:"home"}),f(m,{variant:"fab",label:"button",size:"md",icon:"home"}),f(m,{variant:"fab",size:"md",icon:"home"})])]),_:1}),f(r,{title:"Disabled",description:""},{default:te(()=>[ee("div",Ot,[f(m,{variant:"primary",disabled:"",label:"button",size:"md"}),f(m,{variant:"secondary",disabled:"",label:"button",size:"md"}),f(m,{variant:"tertiary",disabled:"",label:"button",size:"md"}),f(m,{variant:"destructive",disabled:"",label:"button",size:"md"}),f(m,{variant:"fab",disabled:"",label:"button",size:"md"}),f(m,{variant:"fab",disabled:"",size:"md",icon:"home"})])]),_:1})]))}}),At=`
-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.
-`,Pt=`
-Lorem ipsum dolor sit amet, consectetur adipiscing elit,
-sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
-`;function s(a=!1){return a?At:Pt}const{defineComponent:Rt}=await n("vue"),{unref:W,toDisplayString:M,createElementVNode:c,withCtx:v,createVNode:u,openBlock:Wt,createElementBlock:Mt}=await n("vue"),$t={class:"flex flex-col gap-24"},jt={class:"gap-24 grid grid-cols-3"},It={class:"gap-24 grid grid-cols-3"},qt=c("img",{src:"https://cdn.quasar.dev/img/mountains.jpg"},null,-1),Ht=c("div",{class:"mb-8"}," Title ",-1),Jt=c("img",{src:"https://tailwindui.com/img/ecommerce-images/product-page-01-related-product-01.jpg"},null,-1),Gt=c("div",{class:"flex"},[c("div",{class:"grow"},[c("div",{class:"mb-8"}," Basic Tee "),c("div",{class:"text-fm-color-typo-secondary"}," Aspen white ")]),c("div",{class:"fm-typo-body-lg-700"}," $35 ")],-1),Kt={class:"gap-24 grid grid-cols-2"},Qt=c("div",{class:"grow"},[c("img",{src:"https://cdn.quasar.dev/img/mountains.jpg",class:"h-full w-full",style:{"object-fit":"fill"}})],-1),Xt=c("div",{class:"grow"},[c("img",{src:"https://cdn.quasar.dev/img/mountains.jpg",class:"h-full w-full",style:{"object-fit":"fill"}})],-1),Yt=c("div",{class:"basis-1/3"},[c("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),Zt=c("div",{class:"fm-typo-title-sm-700 mb-16"}," Basic Tee 6-pack ",-1),el={class:"text-fm-color-typo-secondary"},tl=c("div",null," Color ",-1),ll=c("div",null," Size ",-1),al=Rt({__name:"Card",setup(a){return(e,o)=>(Wt(),Mt("div",$t,[u(r,{title:"Card",description:"Card basic usage"},{default:v(()=>[c("div",jt,[u(U,{class:"h-fit"},{default:v(()=>[u(D,null,{default:v(()=>[c("div",null,M(W(s)()),1)]),_:1})]),_:1}),u(U,{title:"Title"},{default:v(()=>[u(D,null,{default:v(()=>[c("div",null,M(W(s)()),1)]),_:1})]),_:1}),u(U,{title:"Title"},{actions:v(()=>[u(Xe,null,{default:v(()=>[u(m,{label:"Cancel",size:"md",variant:"secondary"}),u(m,{label:"Confirm",size:"md"})]),_:1})]),default:v(()=>[u(D,null,{default:v(()=>[c("div",null,M(W(s)()),1)]),_:1})]),_:1})])]),_:1}),u(r,{title:"Media card",description:"Cards with media content"},{default:v(()=>[c("div",It,[u(U,{class:"h-fit"},{default:v(()=>[qt,u(D,null,{default:v(()=>[Ht,c("div",null,M(W(s)()),1)]),_:1})]),_:1}),u(U,{class:"h-fit"},{actions:v(()=>[u(Xe,{alignment:"center"},{default:v(()=>[u(m,{label:"Add to cart",size:"md",class:"w-full"})]),_:1})]),default:v(()=>[Jt,u(D,null,{default:v(()=>[Gt]),_:1})]),_:1})])]),_:1}),u(r,{title:"Horizontal card",description:"Cards with horizontal layout"},{default:v(()=>[c("div",Kt,[u(U,{class:"h-fit",horizontal:""},{default:v(()=>[Qt,u(D,null,{default:v(()=>[c("div",null,M(W(s)()),1)]),_:1})]),_:1}),u(U,{class:"h-fit",horizontal:""},{default:v(()=>[Xt,u(D,{class:"flex flex-col gap-16 items-center justify-center",padding:"p-8"},{default:v(()=>[u(m,{icon:"home",variant:"tertiary"}),u(m,{icon:"add",variant:"tertiary"}),u(m,{icon:"warning",variant:"tertiary"})]),_:1})]),_:1})])]),_:1}),u(r,{title:"Advance",description:"Advance usage for card component"},{default:v(()=>[u(U,{horizontal:""},{default:v(()=>[Yt,u(D,{class:"basis-2/3 flex flex-col gap-24"},{default:v(()=>[c("div",null,[Zt,c("div",el,M(W(s)(!0)),1)]),tl,ll,u(m,{label:"Add to cart"})]),_:1})]),_:1})]),_:1})]))}}),{defineComponent:ol}=await n("vue"),{createVNode:fe,createElementVNode:il,withCtx:nl,openBlock:rl,createElementBlock:sl}=await n("vue"),ul={class:"flex flex-col gap-24"},dl={class:"gap-24 grid grid-cols-3"},{ref:cl}=await n("vue"),ml=ol({__name:"DatePicker",setup(a){const e=cl("");return(o,l)=>(rl(),sl("div",ul,[fe(r,{title:"Date picker",description:"Basic usage"},{default:nl(()=>[il("div",dl,[fe(Ye,{modelValue:e.value,"onUpdate:modelValue":l[0]||(l[0]=t=>e.value=t),label:"Single date picker",disabled:!1},null,8,["modelValue"]),fe(Ye,{modelValue:e.value,"onUpdate:modelValue":l[1]||(l[1]=t=>e.value=t),label:"Disabled",disabled:!0},null,8,["modelValue"])])]),_:1})]))}}),{defineComponent:pl}=await n("vue"),{createVNode:be,createElementVNode:vl,withCtx:fl,openBlock:bl,createElementBlock:gl}=await n("vue"),_l={class:"flex flex-col gap-24"},hl={class:"gap-24 grid grid-cols-3"},{ref:Vl}=await n("vue"),yl=pl({__name:"DateRangePicker",setup(a){const e=Vl("");return(o,l)=>(bl(),gl("div",_l,[be(r,{title:"Date picker",description:"Basic usage"},{default:fl(()=>[vl("div",hl,[be(Ze,{modelValue:e.value,"onUpdate:modelValue":l[0]||(l[0]=t=>e.value=t),label:"Date range picker",disabled:!1},null,8,["modelValue"]),be(Ze,{modelValue:e.value,"onUpdate:modelValue":l[1]||(l[1]=t=>e.value=t),label:"Disabled",disabled:!0},null,8,["modelValue"])])]),_:1})]))}}),{defineComponent:xl}=await n("vue"),{createVNode:le,withCtx:ae,openBlock:wl,createBlock:kl}=await n("vue"),{ref:Bl}=await n("vue"),Cl=xl({__name:"Dropdown",setup(a){const e=Bl(!1);return(o,l)=>(wl(),kl(r,{title:"Dropdown",description:"Basic usage"},{default:ae(()=>[le(xi,null,{"dropdown-button":ae(()=>[le(m,{label:"something"})]),"dropdown-content":ae(()=>[le(ki,null,{default:ae(()=>[le(Ci,{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:Fl}=await n("vue"),{unref:oe,createVNode:q,withCtx:Sl,openBlock:Nl,createElementBlock:Tl}=await n("vue"),El={class:"flex flex-col gap-24"},{ref:Ul}=await n("vue"),Dl=Fl({__name:"Checkbox",setup(a){const e=Ul(!1);return(o,l)=>(Nl(),Tl("div",El,[q(r,{title:"Radio",description:"Basic usage"},{default:Sl(()=>[q(ue,{modelValue:e.value,"onUpdate:modelValue":l[0]||(l[0]=t=>e.value=t),name:"v1",label:"Option 1",value:"1",sublabel:oe(s)(),indeterminate:!1},null,8,["modelValue","sublabel"]),q(ue,{modelValue:e.value,"onUpdate:modelValue":l[1]||(l[1]=t=>e.value=t),name:"v2",label:"Option 2",value:"2",sublabel:oe(s)(),indeterminate:!1},null,8,["modelValue","sublabel"]),q(ue,{modelValue:e.value,"onUpdate:modelValue":l[2]||(l[2]=t=>e.value=t),disabled:!0,name:"v3",label:"Option 3",value:"3",sublabel:oe(s)(),indeterminate:!1},null,8,["modelValue","sublabel"]),q(ue,{modelValue:e.value,"onUpdate:modelValue":l[3]||(l[3]=t=>e.value=t),name:"v4",label:"Option 4",value:"4",sublabel:oe(s)(),indeterminate:!0},null,8,["modelValue","sublabel"])]),_:1})]))}}),{defineComponent:Ll}=await n("vue"),{createElementVNode:zl,withCtx:Oe,createVNode:Ae,openBlock:Ol,createElementBlock:Al}=await n("vue"),Pl={class:"flex flex-col gap-24"},Rl=zl("div",null," test ",-1),Wl=Ll({__name:"Field",setup(a){function e(){confirm("form field clicked")}return(o,l)=>(Ol(),Al("div",Pl,[Ae(r,{title:"Form field",description:"Wrapper to make your component part of form"},{default:Oe(()=>[Ae(Ni,{class:"text-fm-color-typo-warning",onClick:e},{default:Oe(()=>[Rl]),_:1})]),_:1})]))}}),{defineComponent:Ml}=await n("vue"),{unref:L,createVNode:C,createElementVNode:$l,withCtx:Pe,openBlock:jl,createElementBlock:Il}=await n("vue"),ql={class:"flex flex-col gap-24"},Hl={class:"flex"},{ref:Jl}=await n("vue"),Gl=Ml({__name:"Radio",setup(a){const e=Jl("");return(o,l)=>(jl(),Il("div",ql,[C(r,{title:"Radio",description:"Basic usage"},{default:Pe(()=>[$l("div",Hl,[C(P,{modelValue:e.value,"onUpdate:modelValue":l[0]||(l[0]=t=>e.value=t),value:"1",label:"Bluetooth",sublabel:L(s)()},null,8,["modelValue","sublabel"]),C(P,{modelValue:e.value,"onUpdate:modelValue":l[1]||(l[1]=t=>e.value=t),value:"2",label:"WiFi",sublabel:L(s)()},null,8,["modelValue","sublabel"]),C(P,{modelValue:e.value,"onUpdate:modelValue":l[2]||(l[2]=t=>e.value=t),value:"3",label:"NFC",sublabel:L(s)()},null,8,["modelValue","sublabel"]),C(P,{modelValue:e.value,"onUpdate:modelValue":l[3]||(l[3]=t=>e.value=t),value:"4",label:"Hotspot",sublabel:L(s)()},null,8,["modelValue","sublabel"])])]),_:1}),C(r,{title:"Radio",description:"Radio group"},{default:Pe(()=>[C(P,{modelValue:e.value,"onUpdate:modelValue":l[4]||(l[4]=t=>e.value=t),value:"1",label:"Bluetooth",sublabel:L(s)()},null,8,["modelValue","sublabel"]),C(P,{modelValue:e.value,"onUpdate:modelValue":l[5]||(l[5]=t=>e.value=t),value:"2",label:"WiFi",sublabel:L(s)()},null,8,["modelValue","sublabel"]),C(P,{modelValue:e.value,"onUpdate:modelValue":l[6]||(l[6]=t=>e.value=t),value:"3",label:"NFC",sublabel:L(s)()},null,8,["modelValue","sublabel"]),C(P,{modelValue:e.value,"onUpdate:modelValue":l[7]||(l[7]=t=>e.value=t),value:"4",label:"Hotspot",sublabel:L(s)()},null,8,["modelValue","sublabel"])]),_:1})]))}}),{defineComponent:Kl}=await n("vue"),{createVNode:ie,toDisplayString:Re,createElementVNode:We,withCtx:Me,openBlock:Ql,createElementBlock:Xl}=await n("vue"),Yl={class:"flex flex-col gap-24"},{ref:$e}=await n("vue"),Zl=Kl({__name:"Select",setup(a){const e=$e(""),o=$e([]);return(l,t)=>(Ql(),Xl("div",Yl,[ie(r,{title:"Select",description:"Single selection"},{default:Me(()=>[ie(et,{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"]),We("div",null,Re(e.value),1)]),_:1}),ie(r,{title:"Select",description:"Multiple selection"},{default:Me(()=>[ie(et,{modelValue:o.value,"onUpdate:modelValue":t[1]||(t[1]=i=>o.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"]),We("div",null,Re(o.value),1)]),_:1})]))}}),{defineComponent:ea}=await n("vue"),{createVNode:ge,createElementVNode:_e,toDisplayString:ta,createTextVNode:la,withCtx:aa,openBlock:oa,createElementBlock:ia}=await n("vue"),na=_e("h1",{class:"mt-8"}," Without steppers ",-1),{ref:ra}=await n("vue"),sa=ea({__name:"Stepper",setup(a){const e=ra(null);return(o,l)=>(oa(),ia("div",null,[ge(r,{title:"Text field",description:""},{default:aa(()=>[_e("div",null,[ge(tt,{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"]},null,8,["modelValue","rules"])]),na,_e("div",null,[ge(tt,{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"])]),la(" "+ta(e.value),1)]),_:1})]))}}),{defineComponent:ua}=await n("vue"),{createVNode:p,createElementVNode:ne,withCtx:H,unref:je,openBlock:da,createElementBlock:ca}=await n("vue"),ma={class:"flex flex-col gap-24"},pa={class:"flex gap-24"},va={class:"flex flex-col"},fa={class:"flex gap-24"},ba={class:"flex gap-24"},{ref:ga}=await n("vue"),_a=ua({__name:"Switch",setup(a){const e=ga({bluetooth:!1,wifi:!1,nfc:!0,hotspot:!0});return(o,l)=>(da(),ca("div",ma,[p(r,{title:"Switch",description:"Basic usage"},{default:H(()=>[ne("div",pa,[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:H(()=>[ne("div",va,[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:H(()=>[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:je(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:je(s)(!0)},null,8,["modelValue","sublabel"])]),_:1}),p(r,{title:"Disabled switch"},{default:H(()=>[ne("div",fa,[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:H(()=>[ne("div",ba,[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:ha}=await n("vue"),{createVNode:J,createElementVNode:Ie,withCtx:qe,openBlock:Va,createElementBlock:ya}=await n("vue"),{ref:He}=await n("vue"),xa=ha({__name:"TextField",setup(a){const e=He(""),o=He("");return(l,t)=>(Va(),ya("div",null,[J(r,{title:"Text field",description:""},{default:qe(()=>[Ie("div",null,[J(X,{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"]),J(X,{modelValue:e.value,"onUpdate:modelValue":t[1]||(t[1]=i=>e.value=i),label:"something",disabled:!1,"input-state":"warning"},null,8,["modelValue"])])]),_:1}),J(r,{title:"Text area",description:""},{default:qe(()=>[Ie("div",null,[J(de,{modelValue:o.value,"onUpdate:modelValue":t[2]||(t[2]=i=>o.value=i),label:"textarea",disabled:!1,"input-state":"error"},null,8,["modelValue"])])]),_:1})]))}}),{defineComponent:wa}=await n("vue"),{createVNode:G,createElementVNode:ka,withCtx:Ba,openBlock:Ca,createElementBlock:Fa}=await n("vue"),Sa={class:"flex flex-col gap-24"},Na={class:"gap-24 grid grid-cols-12"},Ta=wa({__name:"Icon",setup(a){return(e,o)=>(Ca(),Fa("div",Sa,[G(r,{title:"Icon",description:"Basic icon styling"},{default:Ba(()=>[ka("div",Na,[G(Y,{name:"visibility",outline:!0,size:"sm",color:"primary"}),G(Y,{name:"visibility",outline:!1,color:"system-success-300"}),G(Y,{name:"visibility",outline:!0,size:"lg",color:"#F12345"}),G(Y,{name:"visibility",outline:!1,color:"#F12345",size:"xl"})])]),_:1})]))}}),{defineComponent:Ea}=await n("vue"),{createVNode:$,createElementVNode:h,withCtx:K,openBlock:Ua,createElementBlock:Da}=await n("vue"),La={class:"flex flex-col gap-24"},za={class:"flex gap-24"},Oa=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),Aa=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),Pa=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),Ra=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),Wa=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),Ma=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),$a=Ea({__name:"List",setup(a){return(e,o)=>(Ua(),Da("div",La,[$(r,{title:"Switch",description:"Basic usage"},{default:K(()=>[h("div",za,[$(Pi,{class:"w-full",disabled:""},{default:K(()=>[$(ke,{tag:"a"},{default:K(()=>[$(Y,{name:"hexagon"}),Oa,Aa]),_:1}),$(ke,{tag:"label"},{default:K(()=>[Pa,Ra]),_:1}),$(ke,{tag:"label"},{default:K(()=>[Wa,Ma]),_:1})]),_:1})])]),_:1})]))}}),{defineComponent:ja}=await n("vue"),{createElementVNode:Ia,withCtx:qa,createVNode:Ha,openBlock:Ja,createElementBlock:Ga}=await n("vue"),Ka={class:"flex flex-col gap-24"},Qa=Ia("div",{class:"gap-24 grid grid-cols-3"}," WIP ",-1),Xa=ja({__name:"Menu",setup(a){return(e,o)=>(Ja(),Ga("div",Ka,[Ha(r,{title:"Menu",description:"Basic usage"},{default:qa(()=>[Qa]),_:1})]))}}),{defineComponent:Ya}=await n("vue"),{createElementVNode:y,createVNode:b,withCtx:z,openBlock:Za,createElementBlock:eo}=await n("vue"),to={class:"flex flex-col gap-24"},lo={class:"flex gap-10"},ao=y("div",null,"Horizontal",-1),oo={class:"flex gap-10 mt-10"},io=y("div",null,"Vertical",-1),no={class:"p-3"},ro={class:"p-3"},so=y("div",{class:"fm-typo-title-sm-700 gap-1"}," Campaign Detail ",-1),uo=y("div",{class:"fm-typo-title-sm-700 gap-1"}," Campaign Trigger ",-1),co=y("div",{class:"fm-typo-title-sm-700 gap-1"}," Campaign Configuration ",-1),mo=y("div",{class:"fm-typo-title-sm-700 gap-1"}," Create campaign ",-1),po=y("div",{class:"fm-typo-title-sm-700"}," Campaign Summary ",-1),vo=y("div",{class:"flex flex-col gap-5 items-start p-0 self-stretch"},[y("div",{class:"bg-fm-color-neutral-gray-100 self-stretch",style:{height:"1px"}})],-1),fo=y("div",{class:"flex flex-col gap-5 items-start p-0 self-stretch"},[y("div",{class:"flex flex-col gap-1 items-start p-0 self-stretch"},[y("div",{class:"fm-typo-body-md-400"}," Field Name "),y("div",{class:"fm-typo-body-md-700"}," Value ")])],-1),{ref:bo}=await n("vue"),go=Ya({__name:"ProgressIndicator",setup(a){const e=bo(""),o=[{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)=>(Za(),eo("div",to,[b(r,{title:"Progress Indicator",description:"Different orientation"},{default:z(()=>[y("div",lo,[ao,b(E,{orientation:"horizontal","title-text":"Title","supporting-text":"Supporting text",status:"default"}),b(E,{orientation:"horizontal","title-text":"Title","supporting-text":"Supporting text",status:"active"}),b(E,{orientation:"horizontal","title-text":"Title","supporting-text":"Supporting text",status:"completed"}),b(E,{orientation:"horizontal","title-text":"Title","supporting-text":"Supporting text",status:"error"}),b(E,{orientation:"horizontal","title-text":"Title","supporting-text":"Supporting text",status:"disabled"})]),y("div",oo,[io,b(E,{orientation:"vertical","title-text":"Title","supporting-text":"Supporting text",status:"default"}),b(E,{orientation:"vertical","title-text":"Title","supporting-text":"Supporting text",status:"active"}),b(E,{orientation:"vertical","title-text":"Title","supporting-text":"Supporting text",status:"completed"}),b(E,{orientation:"vertical","title-text":"Title","supporting-text":"Supporting text",status:"error"}),b(E,{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:z(()=>[y("div",no,[b(Be,{orientation:"horizontal",steps:o})]),y("div",ro,[b(Be,{orientation:"vertical",steps:o})])]),_:1}),b(r,{title:"Basic Usage",description:""},{default:z(()=>[b(Be,{orientation:"horizontal",steps:o},{step1:z(()=>[so,b(X,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=i=>e.value=i),required:"",label:"Field 1"},null,8,["modelValue"]),b(de,{modelValue:e.value,"onUpdate:modelValue":t[1]||(t[1]=i=>e.value=i),label:"textarea",disabled:!1},null,8,["modelValue"])]),step2:z(()=>[uo,b(X,{modelValue:e.value,"onUpdate:modelValue":t[2]||(t[2]=i=>e.value=i),label:"Field 1"},null,8,["modelValue"])]),step3:z(()=>[co,b(de,{modelValue:e.value,"onUpdate:modelValue":t[3]||(t[3]=i=>e.value=i),label:"textarea",disabled:!1},null,8,["modelValue"])]),step4:z(()=>[mo,b(de,{modelValue:e.value,"onUpdate:modelValue":t[4]||(t[4]=i=>e.value=i),label:"textarea",disabled:!1},null,8,["modelValue"]),b(X,{modelValue:e.value,"onUpdate:modelValue":t[5]||(t[5]=i=>e.value=i),label:"Field 1"},null,8,["modelValue"])]),card:z(()=>[po,vo,fo]),_:1})]),_:1})]))}}),{defineComponent:_o}=await n("vue"),{unref:w,createVNode:x,createElementVNode:he,withCtx:Ve,openBlock:ho,createElementBlock:Vo}=await n("vue"),yo={class:"flex flex-col gap-24"},xo={class:"gap-24 grid grid-cols-3"},wo={class:"gap-24 grid grid-cols-3"},ko={class:"gap-24 grid grid-cols-3"},Bo=_o({__name:"Snackbar",setup(a){function e(l){confirm(`Snackbar action pressed!
-${l}.`)}function o(l){confirm(`Snackbar dismissed!
-${l}.`)}return(l,t)=>(ho(),Vo("div",yo,[x(r,{title:"Snackbar",description:"Basic usage"},{default:Ve(()=>[he("div",xo,[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:Ve(()=>[he("div",wo,[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]=()=>o("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]=()=>o("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]=()=>o("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]=()=>o("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]=()=>o("neutral"))},null,8,["description"])])]),_:1}),x(r,{title:"Custom snackbar",description:"Snackbar with custom color"},{default:Ve(()=>[he("div",ko,[x(B,{title:"Custom snackbar",color:"secondary-blue-pea","bg-color":"secondary-citrus",description:w(s)()},null,8,["description"])])]),_:1})]))}}),{defineComponent:Co}=await n("vue"),{createVNode:Fo,toDisplayString:So,createElementVNode:ye,withCtx:No,openBlock:To,createBlock:Eo}=await n("vue"),Uo={style:{width:"fit-content"}},Do={class:"flex flex-col gap-16 items-center justify-center"},Lo={class:"fm-typo-body-xl-700"},{ref:zo}=await n("vue"),Oo=Co({__name:"TimePicker",setup(a){const e=zo(null);return(o,l)=>(To(),Eo(r,{title:"Time picker"},{default:No(()=>[ye("div",Uo,[ye("div",Do,[Fo(ji,{modelValue:e.value,"onUpdate:modelValue":l[0]||(l[0]=t=>e.value=t)},null,8,["modelValue"]),ye("div",Lo,So(e.value),1)])])]),_:1}))}}),{defineComponent:Ao}=await n("vue"),{createTextVNode:O,withCtx:F,createVNode:S,createElementVNode:Je,openBlock:Po,createElementBlock:Ro}=await n("vue"),Wo={class:"flex flex-col gap-24"},Mo={class:"gap-24 grid grid-cols-4"},$o={class:"gap-24 grid grid-cols-4"},jo=Ao({__name:"Tooltip",setup(a){return(e,o)=>(Po(),Ro("div",Wo,[S(r,{title:"Tooltip",description:"Basic usage"},{default:F(()=>[Je("div",Mo,[S(R,{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"]),S(R,{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"]),S(R,{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"]),S(R,{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}),S(r,{title:"Tooltip",description:"Tooltip with actions"},{default:F(()=>[Je("div",$o,[S(R,{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"]),S(R,{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"]),S(R,{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"]),S(R,{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:Io}=await n("vue"),{renderList:Ge,Fragment:Ke,openBlock:Q,createElementBlock:re,toDisplayString:Qe,createElementVNode:se,normalizeClass:qo,resolveDynamicComponent:Ho,createBlock:Jo}=await n("vue"),Go={class:"divide-x flex h-screen",style:{"background-color":"#f7f7f7"}},Ko={class:"h-full overflow-y-auto px-24",style:{"min-width":"200px"}},Qo={class:"fm-typo-body-lg-700 mb-8 text-fm-color-typo-tertiary"},Xo=["onClick"],Yo={class:"grow h-full overflow-y-auto p-16"},{ref:Zo,computed:ei,onMounted:ti}=await n("vue"),li=Io({__name:"App",setup(a){const e=[{title:"Application",children:{FmButton:{label:"Button",component:ze},FmCard:{label:"Card",component:al},FmIcon:{label:"Icon",component:Ta},FmSnackbar:{label:"Snackbar",component:Bo},FmList:{label:"List & list item",component:$a},FmProgressIndicator:{label:"Progress indicator",component:go},FmBreadcrumb:{label:"Breadcrumb",component:wt}}},{title:"Form",children:{FmForm:{label:"Form",component:ze},FmFormField:{label:"Form field",component:Wl},FmTextField:{label:"Input",component:xa},FmStepper:{label:"Stepper",component:sa},FmSwitch:{label:"Switch",component:_a},FmRadio:{label:"Radio",component:Gl},FmCheckbox:{label:"Checkbox",component:Dl},FmSelect:{label:"Select",component:Zl},FmDatePicker:{label:"Date picker",component:ml},FmDateRangePicker:{label:"Date range picker",component:yl},FmTimePicker:{label:"Time picker",component:Oo}}},{title:"Chart",children:{FmLineChart:{label:"Line chart",component:St}}},{title:"Utility",children:{FmDropdown:{label:"Dropdown",component:Cl},FmMenu:{label:"Menu",component:Xa},FmTooltip:{label:"Tooltip",component:jo}}}],o=Zo("FmButton");function l(i){window.location.hash=i,o.value=i}const t=ei(()=>e.reduce((i,N)=>({...i,...N.children}),{})[o.value].component);return ti(()=>{const[,i]=window.location.hash.split("/");i&&l(i)}),(i,N)=>(Q(),re("div",Go,[se("div",Ko,[(Q(),re(Ke,null,Ge(e,(d,g)=>se("div",{key:g,class:"mt-24"},[se("div",Qo,Qe(d.title),1),(Q(!0),re(Ke,null,Ge(d.children,(V,T)=>(Q(),re("div",{key:T,class:qo([o.value===T?"cursor-not-allowed fm-typo-body-lg-700 text-fm-color-primary":"cursor-pointer","py-4"]),onClick:()=>l(T)},Qe(V.label),11,Xo))),128))])),64))]),se("div",Yo,[(Q(),Jo(Ho(t.value)))])]))}}),{createApp:ai}=await n("vue"),xe=ai(li);xe.use(lt),xe.use(mt,{duration:.3,color:"var(--fm-color-opacity-sm)",initialOpacity:1,finalOpacity:.1,dissolveDuration:.6}),xe.mount("#app")});