@faasri/ui 0.0.1 → 0.0.11

package/dist/assets/icons/chevron-down.svg

@@ -0,0 +1,12 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="8 4 10 16"
+  fill="none"
+  stroke="currentColor"
+stroke-width="var(--icon-stroke, 2)"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+  transform="rotate(90 13 12)"
+>
+  <polyline points="10 6 16 12 10 18" />
+</svg>

package/dist/assets/icons/chevron-right.svg

@@ -0,0 +1,11 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="9 5 8 14"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="var(--icon-stroke, 2)"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <polyline points="10 6 16 12 10 18" />
+</svg>

package/dist/assets/icons/search.svg

@@ -0,0 +1,12 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="1.5 1.5 21 21"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="var(--icon-stroke, 2)"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <circle cx="10" cy="10" r="7" />
+  <line x1="15" y1="15" x2="20" y2="20" />
+</svg>

package/dist/assets/icons/spinner.svg

@@ -0,0 +1,25 @@
+<svg
+  class="v-btn__spinner"
+  width="16"
+  height="16"
+  viewBox="0 0 24 24"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+  aria-hidden="true"
+>
+  <circle
+    cx="12"
+    cy="12"
+    r="9"
+    stroke="currentColor"
+    stroke-width="var(--icon-stroke, 2)"
+    stroke-linecap="round"
+    opacity="0.25"
+  />
+  <path
+    d="M21 12a9 9 0 0 1-9 9"
+    stroke="currentColor"
+    stroke-width="2"
+    stroke-linecap="round"
+  />
+</svg>

package/dist/components/button/{VButton.vue.d.ts → FusButton.vue.d.ts}

@@ -36,8 +36,8 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     size: ButtonSize;
-    as: "button" | "a";
     type: "button" | "submit" | "reset";
+    as: "button" | "a";
     variant: ButtonVariant;
     severity: ButtonSeverity;
     raised: boolean;
@@ -53,4 +53,4 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=VButton.vue.d.ts.map
+//# sourceMappingURL=FusButton.vue.d.ts.map

package/dist/components/button/FusButton.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FusButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/button/FusButton.vue"],"names":[],"mappings":"AAkMA,KAAK,cAAc,GAAG,SAAS,GAAG,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AACzF,KAAK,kBAAkB,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,CAAC;AAElE,KAAK,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACrC,KAAK,kBAAkB,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AACpD,KAAK,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AACvD,KAAK,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;AACjD,KAAK,aAAa,GAAG,kBAAkB,GAAG,cAAc,CAAC;AAMzD,KAAK,WAAW,GAAG;IACf,EAAE,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAClC,UAAU,CAAC,EAAE,UAAU,CAAC;IAExB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IAErC,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAC;AAwHJ,iBAAS,cAAc;WAiHT,OAAO,IAA6B;;sBAXvB,GAAG;yBACA,GAAG;;;;EAehC;AAoBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;UAhRV,UAAU;UAUV,QAAQ,GAAG,QAAQ,GAAG,OAAO;QAnB/B,QAAQ,GAAG,GAAG;aAKT,aAAa;cACZ,cAAc;YAChB,OAAO;aACN,OAAO;kBAIF,kBAAkB;cAKtB,OAAO;aACR,OAAO;6EA8QnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/form/FusFloatLabel.vue.d.ts

@@ -0,0 +1,52 @@
+export type FloatLabelVariant = "basic" | "in" | "on";
+export type FloatLabelVars = Partial<{
+    "--fus-floatlabel-color": string;
+    "--fus-floatlabel-focus-color": string;
+    "--fus-floatlabel-active-color": string;
+    "--fus-floatlabel-invalid-color": string;
+    "--fus-floatlabel-transition-duration": string;
+    "--fus-floatlabel-position-x": string;
+    "--fus-floatlabel-position-y": string;
+    "--fus-floatlabel-font-weight": string;
+    "--fus-floatlabel-active-font-size": string;
+    "--fus-floatlabel-active-font-weight": string;
+    "--fus-floatlabel-over-active-top": string;
+    "--fus-floatlabel-in-input-padding-top": string;
+    "--fus-floatlabel-in-input-padding-bottom": string;
+    "--fus-floatlabel-in-active-top": string;
+    "--fus-floatlabel-on-border-radius": string;
+    "--fus-floatlabel-on-active-background": string;
+    "--fus-floatlabel-on-active-padding": string;
+}>;
+type __VLS_Props = {
+    variant?: FloatLabelVariant;
+    invalid?: boolean;
+    disabled?: boolean;
+    vars?: FloatLabelVars;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        containerRef: HTMLDivElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    variant: FloatLabelVariant;
+    disabled: boolean;
+    invalid: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    containerRef: HTMLDivElement;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=FusFloatLabel.vue.d.ts.map

package/dist/components/form/FusFloatLabel.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FusFloatLabel.vue.d.ts","sourceRoot":"","sources":["../../../src/components/form/FusFloatLabel.vue"],"names":[],"mappings":"AAkHA,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,IAAI,GAAG,IAAI,CAAC;AAEtD,MAAM,MAAM,cAAc,GAAG,OAAO,CAAC;IACnC,wBAAwB,EAAE,MAAM,CAAC;IACjC,8BAA8B,EAAE,MAAM,CAAC;IACvC,+BAA+B,EAAE,MAAM,CAAC;IACxC,gCAAgC,EAAE,MAAM,CAAC;IAEzC,sCAAsC,EAAE,MAAM,CAAC;IAE/C,6BAA6B,EAAE,MAAM,CAAC;IACtC,6BAA6B,EAAE,MAAM,CAAC;IAEtC,8BAA8B,EAAE,MAAM,CAAC;IACvC,mCAAmC,EAAE,MAAM,CAAC;IAC5C,qCAAqC,EAAE,MAAM,CAAC;IAE9C,kCAAkC,EAAE,MAAM,CAAC;IAE3C,uCAAuC,EAAE,MAAM,CAAC;IAChD,0CAA0C,EAAE,MAAM,CAAC;IACnD,gCAAgC,EAAE,MAAM,CAAC;IAEzC,mCAAmC,EAAE,MAAM,CAAC;IAC5C,uCAAuC,EAAE,MAAM,CAAC;IAChD,oCAAoC,EAAE,MAAM,CAAC;CAC9C,CAAC,CAAC;AAIH,KAAK,WAAW,GAAG;IACf,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB,CAAC;AAqEJ,iBAAS,cAAc;WA6BT,OAAO,IAA6B;;yBAXrB,GAAG;;;;;;EAgB/B;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;aA1HP,iBAAiB;cAEhB,OAAO;aADR,OAAO;;;OAiInB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/form/{VInputText.vue.d.ts → FusInputText.vue.d.ts}

@@ -1,34 +1,61 @@
-type InputVariant = "primary" | "secondary" | "ghost";
-type InputSize = "sm" | "md" | "lg";
+type InputVariant = "filled" | "flushed";
+type InputSize = "sm" | "lg";
 type InputType = "text" | "email" | "password" | "search" | "tel" | "url" | "number";
 type ValidateOn = "input" | "blur" | "submit" | "never";
+type LabelPosition = "top" | "left";
+type StyleVars = Record<string, string | number>;
 type __VLS_Props = {
     modelValue?: string | number;
+    type?: InputType;
+    id?: string;
+    name?: string;
     placeholder?: string;
     variant?: InputVariant;
     size?: InputSize;
+    fluid?: boolean;
+    label?: string;
+    labelPosition?: LabelPosition;
     disabled?: boolean;
     invalid?: boolean;
     message?: string;
+    helpText?: string;
     validateOn?: ValidateOn;
-    name?: string;
-    id?: string;
-    type?: InputType;
+    form?: boolean;
+    submitText?: string;
+    submitDisabled?: boolean;
+    vars?: StyleVars;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    submit: (payload: {
+        name?: string;
+        value: string | number;
+        isValid: boolean;
+    }) => any;
     "update:modelValue": (value: string | number) => any;
     "invalid-change": (invalid: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSubmit?: ((payload: {
+        name?: string;
+        value: string | number;
+        isValid: boolean;
+    }) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
     "onInvalid-change"?: ((invalid: boolean) => any) | undefined;
 }>, {
-    size: InputSize;
     type: InputType;
-    variant: InputVariant;
+    form: boolean;
+    label: string;
     disabled: boolean;
+    fluid: boolean;
+    labelPosition: LabelPosition;
     invalid: boolean;
     message: string;
+    helpText: string;
     validateOn: ValidateOn;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    submitText: string;
+    submitDisabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    inputRef: HTMLInputElement;
+}, any>;
 export default _default;
-//# sourceMappingURL=VInputText.vue.d.ts.map
+//# sourceMappingURL=FusInputText.vue.d.ts.map

package/dist/components/form/FusInputText.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FusInputText.vue.d.ts","sourceRoot":"","sources":["../../../src/components/form/FusInputText.vue"],"names":[],"mappings":"AAyWA,KAAK,YAAY,GAAG,QAAQ,GAAG,SAAS,CAAC;AACzC,KAAK,SAAS,GAAG,IAAI,GAAG,IAAI,CAAC;AAC7B,KAAK,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAC;AACrF,KAAK,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AACxD,KAAK,aAAa,GAAG,KAAK,GAAG,MAAM,CAAC;AACpC,KAAK,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;AAqBjD,KAAK,WAAW,GAAG;IACf,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE7B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,aAAa,CAAC;IAE9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,UAAU,CAAC,EAAE,UAAU,CAAC;IAExB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAC;;;eA2B8B,MAAM;eAAS,MAAM,GAAG,MAAM;iBAAW,OAAO;;;;;;eAAhD,MAAM;eAAS,MAAM,GAAG,MAAM;iBAAW,OAAO;;;;;UApDvE,SAAS;UAoBT,OAAO;WAXN,MAAM;cAGH,OAAO;WALV,OAAO;mBAGC,aAAa;aAGnB,OAAO;aAEP,MAAM;cACL,MAAM;gBAEJ,UAAU;gBAGV,MAAM;oBACF,OAAO;;;;AAyY5B,wBASG"}

package/dist/components/icon/{VIcon.vue.d.ts → FusIcon.vue.d.ts}

@@ -10,4 +10,4 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     weight: IconWeight;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
 export default _default;
-//# sourceMappingURL=VIcon.vue.d.ts.map
+//# sourceMappingURL=FusIcon.vue.d.ts.map

package/dist/components/icon/FusIcon.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FusIcon.vue.d.ts","sourceRoot":"","sources":["../../../src/components/icon/FusIcon.vue"],"names":[],"mappings":"AA2GA,KAAK,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAC5C,KAAK,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AAEvD,KAAK,WAAW,GAAG;IACf,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB,CAAC;;UAFO,QAAQ;YACN,UAAU;;AAyHvB,wBAQG"}

package/dist/components/icon/index.d.ts

@@ -1,3 +1,3 @@
-import { default as VIcon } from './VIcon.vue';
-export { VIcon };
+import { default as FusIcon } from './FusIcon.vue';
+export { FusIcon };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/icon/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,aAAa,CAAC;AAEhC,OAAO,EAAE,KAAK,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,eAAe,CAAC;AAEpC,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/index.d.ts

@@ -1,4 +1,5 @@
-export { default as VButton } from './button/VButton.vue';
-export { default as VIcon } from './icon/VIcon.vue';
-export { default as VInputText } from './form/VInputText.vue';
+export { default as FusButton } from './button/FusButton.vue';
+export { default as FusIcon } from './icon/FusIcon.vue';
+export { default as FusInputText } from './form/FusInputText.vue';
+export { default as FusFloatLabel } from './form/FusFloatLabel.vue';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,kBAAkB,CAAA;AACnD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,0BAA0B,CAAC"}