@aziontech/webkit 0.0.1

package/src/core/field-text-password/field-text-password.vue.d.ts

@@ -0,0 +1,108 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+type __VLS_WithSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+    class: {
+        type: StringConstructor;
+    };
+    name: {
+        type: StringConstructor;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    description: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    sensitive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    aditionalError: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {
+    inputPasswordRef: import("vue").Ref<null, null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    input: (...args: any[]) => void;
+    blur: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+    class: {
+        type: StringConstructor;
+    };
+    name: {
+        type: StringConstructor;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    description: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    sensitive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    aditionalError: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    onInput?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+}>, {
+    value: string;
+    label: string;
+    placeholder: string;
+    description: string;
+    disabled: boolean;
+    readonly: boolean;
+    aditionalError: string;
+    sensitive: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type __VLS_Slots = {
+    description?: ((props: {}) => any) | undefined;
+};
+//# sourceMappingURL=field-text-password.vue.d.ts.map

package/src/core/field-text-password/field-text-password.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-text-password.vue.d.ts","sourceRoot":"","sources":["field-text-password.vue"],"names":[],"mappings":"wBAgYqB,OAAO,YAAY;;AADxC,4BAA2B,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;qBAEtD,CAAC,EAAE,CAAC;;;AA/CzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6EA4CG"}

package/src/core/field-text-password/package.json

@@ -0,0 +1,11 @@
+{
+  "main": "./field-text-password.vue",
+  "module": "./field-text-password.vue",
+  "types": "./field-text-password.vue.d.ts",
+  "browser": {
+    "./sfc": "./field-text-password.vue"
+  },
+  "sideEffects": [
+    "*.vue"
+  ]
+}

package/src/core/label/label.vue

@@ -0,0 +1,35 @@
+<script setup>
+  defineOptions({ name: 'label-block' })
+
+  // const props = defineProps<{
+  //   label: string
+  //   isRequired?: boolean
+  // }>()
+
+  const props = defineProps({
+    label: {
+      type: String,
+      required: true
+    },
+    isRequired: {
+      type: Boolean,
+      default: false
+    }
+  })
+</script>
+
+<template>
+  <label
+    v-bind="$attrs"
+    class="text-color text-base font-medium leading-5 flex gap-1 align-items-center"
+  >
+    {{ props.label }}
+    <div
+      v-if="props.isRequired"
+      class="text-sm text-orange-500 flex gap-1"
+    >
+      *
+      <span class="text-[0.625rem] text-color-secondary">(Required)</span>
+    </div>
+  </label>
+</template>

package/src/core/label/label.vue.d.ts

@@ -0,0 +1,24 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    isRequired: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    isRequired: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    isRequired: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=label.vue.d.ts.map

package/src/core/label/label.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.vue.d.ts","sourceRoot":"","sources":["label.vue"],"names":[],"mappings":"wBA8GqB,OAAO,YAAY;;AAZxC;;;;;;;;;;;;;;;;;;;;6EAWG"}

package/src/core/label/package.json

@@ -0,0 +1,11 @@
+{
+  "main": "./label.vue",
+  "module": "./label.vue",
+  "types": "./label.vue.d.ts",
+  "browser": {
+    "./sfc": "./label.vue"
+  },
+  "sideEffects": [
+    "*.vue"
+  ]
+}

package/src/core/selector-block/package.json

@@ -0,0 +1,11 @@
+{
+  "main": "./selector-block.vue",
+  "module": "./selector-block.vue",
+  "types": "./selector-block.vue.d.ts",
+  "browser": {
+    "./sfc": "./selector-block.vue"
+  },
+  "sideEffects": [
+    "*.vue"
+  ]
+}

package/src/core/selector-block/selector-block.vue

@@ -0,0 +1,128 @@
+<script setup>
+  import Card from 'primevue/card'
+  import { computed, useSlots } from 'vue'
+
+  defineOptions({ name: 'SelectorBlock' })
+
+  const props = defineProps({
+    title: {
+      type: String
+    },
+    subtitle: {
+      type: String
+    },
+    description: {
+      type: String
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    auto: {
+      type: Boolean,
+      default: false
+    },
+    isCard: {
+      type: Boolean,
+      default: true
+    },
+    hideSelector: {
+      type: Boolean,
+      default: false
+    },
+    selected: {
+      type: Boolean,
+      default: false
+    },
+    nameId: {
+      type: String,
+      required: true
+    },
+    inputClass: {
+      type: String
+    },
+    rootClass: {
+      type: String
+    }
+  })
+  const slots = useSlots()
+
+  const check = computed(() => props.selected)
+
+  const stopPropagation = (event) => {
+    event.preventDefault()
+    event.stopPropagation()
+  }
+
+  const styleClass = computed(() => {
+    const disabled = props.disabled && props.hideSelector ? 'p-disabled' : ''
+
+    return `${disabled} ${props.inputClass}`
+  })
+
+  const classStateRootItem = computed(() => ({
+    'p-4': props.isCard,
+    'p-2': !props.isCard
+  }))
+
+  const classStateRoot = computed(() => ({
+    'shadow-none': !props.isCard,
+    'w-fit': props.auto,
+    'border-transparent': !check.value,
+    'border-orange-500': check.value,
+    'border-orange-500/[.32]': props.disabled && check.value,
+    'border rounded-md': props.isCard
+  }))
+</script>
+
+<template>
+  <Card
+    :pt="{
+      root: { class: ['select-none', classStateRoot, rootClass] }
+    }"
+  >
+    <template #content>
+      <label
+        class="flex gap-3 cursor-pointer"
+        :class="classStateRootItem"
+        :for="props.nameId"
+      >
+        <div v-show="!hideSelector">
+          <slot name="selector" />
+        </div>
+        <div :class="styleClass">
+          <div class="flex gap-3 text-base items-center font-medium">
+            <span
+              v-if="!props.isCard"
+              class="text-color font-medium leading-5"
+            >
+              {{ props.title }}
+            </span>
+            <span v-else>
+              {{ props.title }}
+            </span>
+          </div>
+          <div
+            class="text-sm font-normal text-color-secondary"
+            v-if="props.subtitle"
+          >
+            {{ props.subtitle }}
+          </div>
+          <p
+            class="py-3 text-sm font-normal text-color-secondary"
+            v-if="props.description"
+          >
+            {{ props.description }}
+          </p>
+          <div
+            @click="stopPropagation"
+            v-if="slots.footer"
+            class="w-full"
+          >
+            <slot name="footer" />
+          </div>
+        </div>
+      </label>
+    </template>
+  </Card>
+</template>

package/src/core/selector-block/selector-block.vue.d.ts

@@ -0,0 +1,99 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+type __VLS_WithSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+    };
+    subtitle: {
+        type: StringConstructor;
+    };
+    description: {
+        type: StringConstructor;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    auto: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isCard: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hideSelector: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    selected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    nameId: {
+        type: StringConstructor;
+        required: true;
+    };
+    inputClass: {
+        type: StringConstructor;
+    };
+    rootClass: {
+        type: StringConstructor;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+    };
+    subtitle: {
+        type: StringConstructor;
+    };
+    description: {
+        type: StringConstructor;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    auto: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isCard: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hideSelector: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    selected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    nameId: {
+        type: StringConstructor;
+        required: true;
+    };
+    inputClass: {
+        type: StringConstructor;
+    };
+    rootClass: {
+        type: StringConstructor;
+    };
+}>> & Readonly<{}>, {
+    disabled: boolean;
+    auto: boolean;
+    isCard: boolean;
+    hideSelector: boolean;
+    selected: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type __VLS_Slots = {
+    selector?: ((props: {}) => any) | undefined;
+} & {
+    footer?: ((props: {}) => any) | undefined;
+};
+//# sourceMappingURL=selector-block.vue.d.ts.map

package/src/core/selector-block/selector-block.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selector-block.vue.d.ts","sourceRoot":"","sources":["selector-block.vue"],"names":[],"mappings":"wBAkXqB,OAAO,YAAY;;AADxC,4BAA2B,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;qBAEtD,CAAC,EAAE,CAAC;;;AA7CzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6EA0CG"}