pukaad-ui-lib 1.0.1

package/dist/runtime/components/input/input-tag.vue

@@ -0,0 +1,43 @@
+<template>
+  <!-- <div class="flex flex-col gap-[4px]">
+    <div class="flex flex-wrap gap-[4px]">
+      <Chip
+        v-for="(item, i_item) in items"
+        :key="i_item"
+        color="primary"
+        size="small"
+        closable
+        auto-height
+        @closable="onClosable(i_item)"
+      >
+        {{ item }}
+      </Chip>
+      <Chip v-if="isInputShow" color="primary" size="small">
+        <input
+          ref="inputRef"
+          class="text-center w-full"
+          @keyup.enter="onAddTag"
+          :style="{ width: inputWidth + 'px' }"
+          @input="onInput"
+          v-model="inputTag"
+        />
+      </Chip>
+      <Button
+        v-else
+        prepend-icon="fa6-solid:plus"
+        full-rounded
+        size="small"
+        @click="showInputTag"
+      >
+        เพิ่มแท็ก
+      </Button>
+    </div>
+    <Card v-if="isInputShow" type="outline" full-width disabled-padding-content>
+      <Tab :items="tabItems" type="text" v-model="tab" />
+    </Card>
+  </div> -->
+</template>
+
+<script setup>
+
+</script>

package/dist/runtime/components/input/input-tag.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/input/input-text-field.d.vue.ts

@@ -0,0 +1,70 @@
+import type { InputProps } from "@/runtime/components/ui/input/Input.vue";
+export type InputTextFieldType = "text" | "password" | "number";
+export interface InputTextFieldProps extends InputProps {
+    id?: string;
+    name?: string;
+    disabled?: boolean;
+    label?: string;
+    rules?: object | string | Function;
+    readonly?: boolean;
+    placeholder?: string;
+    type?: InputTextFieldType;
+    description?: string;
+    disabledErrorMessage?: boolean;
+    disabledBorder?: boolean;
+    required?: boolean;
+    iconPrepend?: string;
+    iconAppend?: string;
+    showCounter?: boolean;
+    limit?: number;
+}
+type __VLS_Props = InputTextFieldProps;
+type __VLS_ModelProps = {
+    modelValue?: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_18: {}, __VLS_54: {}, __VLS_69: {};
+type __VLS_Slots = {} & {
+    label?: (props: typeof __VLS_18) => any;
+} & {
+    prepend?: (props: typeof __VLS_54) => any;
+} & {
+    append?: (props: typeof __VLS_69) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
+    setErrors: (errMsg: string[]) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+} & {
+    click: (event: Event) => any;
+    clickPrepend: (event: Event) => any;
+    clickIconPrepend: (event: Event) => any;
+    clickAppend: (event: Event) => any;
+    clickIconAppend: (event: Event) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClick?: ((event: Event) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onClickPrepend?: ((event: Event) => any) | undefined;
+    onClickIconPrepend?: ((event: Event) => any) | undefined;
+    onClickAppend?: ((event: Event) => any) | undefined;
+    onClickIconAppend?: ((event: Event) => any) | undefined;
+}>, {
+    type: InputTextFieldType;
+    required: boolean;
+    id: string;
+    name: string;
+    disabled: boolean;
+    limit: number;
+    disabledBorder: boolean;
+    disabledErrorMessage: boolean;
+    readonly: boolean;
+    showCounter: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/input/input-text-field.vue

@@ -0,0 +1,135 @@
+<template>
+  <ShadFormField
+    ref="fieldRef"
+    :name="props.name"
+    :rules="props.rules || defaultRules"
+    v-slot="{ componentField, errorMessage }"
+    v-model="modelValue"
+  >
+    <ShadFormItem>
+      <ShadFormLabel class="w-full">
+        <slot name="label">
+          <div
+            :class="[
+  'flex-1',
+  props.disabledBorder && 'font-body-small-prominent'
+]"
+          >
+            {{ props.label }}
+            <span v-if="props.required" class="text-destructive">*</span>
+          </div>
+        </slot>
+        <div
+          v-if="props.showCounter"
+          :class="[props.disabledBorder && 'font-body-small']"
+        >
+          <div
+            v-if="props.limit > 0"
+            :class="[modelValue.length > props.limit && 'text-destructive']"
+          >
+            {{ modelValue.length }}/{{ props.limit }}
+          </div>
+        </div>
+      </ShadFormLabel>
+
+      <ShadInputGroup
+        :class="[
+  props.disabledBorder && 'border-0 ring-0 focus-within:border-0 focus-within:ring-0'
+]"
+      >
+        <ShadFormControl>
+          <ShadInputGroupInput
+            v-bind="componentField"
+            :id="props.id || props.name"
+            :class="props.class"
+            :readonly="props.readonly"
+            :disabled="props.disabled"
+            :placeholder="props.placeholder"
+            :type="props.type"
+            @click="emits('click', $event)"
+          >
+          </ShadInputGroupInput>
+        </ShadFormControl>
+        <ShadInputGroupAddon
+          v-if="$slots.prepend || props.iconPrepend"
+          align="inline-start"
+          @click="emits('clickPrepend', $event)"
+        >
+          <ShadInputGroupButton
+            class="rounded-full"
+            size="icon-xs"
+            @click="emits('clickIconPrepend', $event)"
+          >
+            <slot name="prepend">
+              <Icon :name="props.iconPrepend" size="16" />
+            </slot>
+          </ShadInputGroupButton>
+        </ShadInputGroupAddon>
+        <ShadInputGroupAddon
+          v-if="$slots.append || props.iconAppend"
+          align="inline-end"
+          @click="emits('clickAppend', $event)"
+        >
+          <slot name="append">
+            <ShadInputGroupButton
+              class="rounded-full"
+              @click="emits('clickIconAppend', $event)"
+            >
+              <Icon :name="props.iconAppend" size="16" />
+            </ShadInputGroupButton>
+          </slot>
+        </ShadInputGroupAddon>
+      </ShadInputGroup>
+
+      <ShadFormDescription v-if="props.description">
+        {{ props.description }}
+      </ShadFormDescription>
+      <ShadFormMessage v-if="!props.disabledErrorMessage" />
+    </ShadFormItem>
+  </ShadFormField>
+</template>
+
+<script setup>
+import { ref } from "vue";
+const props = defineProps({
+  id: { type: String, required: false, default: "input-text-field" },
+  name: { type: String, required: false, default: "input-text-field" },
+  disabled: { type: Boolean, required: false, default: false },
+  label: { type: String, required: false },
+  rules: { type: [Object, String, Function], required: false },
+  readonly: { type: Boolean, required: false, default: false },
+  placeholder: { type: String, required: false },
+  type: { type: String, required: false, default: "text" },
+  description: { type: String, required: false },
+  disabledErrorMessage: { type: Boolean, required: false, default: false },
+  disabledBorder: { type: Boolean, required: false, default: false },
+  required: { type: Boolean, required: false, default: false },
+  iconPrepend: { type: String, required: false },
+  iconAppend: { type: String, required: false },
+  showCounter: { type: Boolean, required: false, default: false },
+  limit: { type: Number, required: false, default: 0 },
+  defaultValue: { type: [String, Number], required: false },
+  modelValue: { type: [String, Number], required: false },
+  class: { type: null, required: false }
+});
+const emits = defineEmits(["click", "clickPrepend", "clickIconPrepend", "clickAppend", "clickIconAppend"]);
+const modelValue = defineModel({ type: String, ...{
+  default: ""
+} });
+const fieldRef = ref();
+const defaultRules = (v) => {
+  if (!v && props.required) {
+    return `\u0E01\u0E23\u0E38\u0E13\u0E32\u0E23\u0E30\u0E1A\u0E38 ${props.label}`;
+  }
+  if (props.limit > 0 && modelValue.value.length > props.limit) {
+    return `\u0E08\u0E33\u0E19\u0E27\u0E19\u0E15\u0E31\u0E27\u0E2D\u0E31\u0E01\u0E29\u0E23\u0E15\u0E49\u0E2D\u0E07\u0E44\u0E21\u0E48\u0E40\u0E01\u0E34\u0E19 ${props.limit} \u0E15\u0E31\u0E27\u0E2D\u0E31\u0E01\u0E29\u0E23`;
+  }
+  return true;
+};
+const setErrors = (errMsg) => {
+  fieldRef.value?.setErrors(errMsg);
+};
+defineExpose({
+  setErrors
+});
+</script>

package/dist/runtime/components/input/input-text-field.vue.d.ts

@@ -0,0 +1,70 @@
+import type { InputProps } from "@/runtime/components/ui/input/Input.vue";
+export type InputTextFieldType = "text" | "password" | "number";
+export interface InputTextFieldProps extends InputProps {
+    id?: string;
+    name?: string;
+    disabled?: boolean;
+    label?: string;
+    rules?: object | string | Function;
+    readonly?: boolean;
+    placeholder?: string;
+    type?: InputTextFieldType;
+    description?: string;
+    disabledErrorMessage?: boolean;
+    disabledBorder?: boolean;
+    required?: boolean;
+    iconPrepend?: string;
+    iconAppend?: string;
+    showCounter?: boolean;
+    limit?: number;
+}
+type __VLS_Props = InputTextFieldProps;
+type __VLS_ModelProps = {
+    modelValue?: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_18: {}, __VLS_54: {}, __VLS_69: {};
+type __VLS_Slots = {} & {
+    label?: (props: typeof __VLS_18) => any;
+} & {
+    prepend?: (props: typeof __VLS_54) => any;
+} & {
+    append?: (props: typeof __VLS_69) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
+    setErrors: (errMsg: string[]) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+} & {
+    click: (event: Event) => any;
+    clickPrepend: (event: Event) => any;
+    clickIconPrepend: (event: Event) => any;
+    clickAppend: (event: Event) => any;
+    clickIconAppend: (event: Event) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClick?: ((event: Event) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onClickPrepend?: ((event: Event) => any) | undefined;
+    onClickIconPrepend?: ((event: Event) => any) | undefined;
+    onClickAppend?: ((event: Event) => any) | undefined;
+    onClickIconAppend?: ((event: Event) => any) | undefined;
+}>, {
+    type: InputTextFieldType;
+    required: boolean;
+    id: string;
+    name: string;
+    disabled: boolean;
+    limit: number;
+    disabledBorder: boolean;
+    disabledErrorMessage: boolean;
+    readonly: boolean;
+    showCounter: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/input/input-textarea.d.vue.ts

@@ -0,0 +1,50 @@
+import type { InputTextareaProps } from "@/types/components/input/input-textarea";
+type __VLS_Props = InputTextareaProps;
+type __VLS_ModelProps = {
+    modelValue?: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_7: {
+    label: string | undefined;
+}, __VLS_9: {};
+type __VLS_Slots = {} & {
+    label?: (props: typeof __VLS_7) => any;
+} & {
+    error?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
+    focus: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+}>, {
+    variant: "default" | "primary" | "error";
+    fullWidth: boolean;
+    fullHeight: boolean;
+    required: boolean;
+    name: string;
+    disabled: boolean;
+    disabledPadding: boolean;
+    rows: number | string;
+    resize: "none" | "both" | "horizontal" | "vertical";
+    disabledBorder: boolean;
+    disabledErrorMessage: boolean;
+    readonly: boolean;
+    showCounter: boolean;
+    standalone: boolean;
+    inputClass: string;
+    disabledBorderFocus: boolean;
+    heightScroll: boolean;
+    validateOnBlur: boolean;
+    validateOnInput: boolean;
+    maxLength: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/input/input-textarea.vue

@@ -0,0 +1,149 @@
+<template>
+  <Field
+    :name="props.name"
+    v-slot="{ field, errorMessage }"
+    :validate-on-blur="props.validateOnBlur"
+    :validate-on-input="props.validateOnInput"
+    :standalone="props.standalone"
+    :rules="rules || defaultRule"
+    v-model="modelValue"
+  >
+    <div class="flex flex-col gap-[4px]">
+      <slot
+        v-if="$slots.label || props.label"
+        name="label"
+        :label="props.label"
+      >
+        <div class="text-gray flex items-center">
+          <div class="font-body-large-prominent flex-1">
+            {{ props.label }}
+            <span v-if="props.required" class="text-error">*</span>
+          </div>
+          <div v-if="props.showCounter" :class="['font-body-small']">
+            <div
+              v-if="props.maxLength"
+              :class="[textCounter > props.maxLength && 'text-error']"
+            >
+              {{ textCounter }} / {{ props.maxLength }}
+            </div>
+            <div v-else>{{ textCounter }} ตัวอักษร</div>
+          </div>
+        </div>
+      </slot>
+
+      <textarea
+        v-bind="field"
+        ref="textareaRef"
+        :class="[
+  'w-full bg-white',
+  'font-body-large placeholder:text-cloud rounded-[8px] overflow-auto',
+  props.inputClass,
+  errorMessage && !props.disabled ? ' focus:ring-error' : borderFocus,
+  errorMessage && !props.disabled ? 'ring-[1px] ring-error' : variaint,
+  padding
+]"
+        :placeholder="props.placeholder"
+        :disabled="props.disabled"
+        :style="{
+  resize: props.resize,
+  height: props.fullHeight ? '100%' : `${props.height}px`,
+  width: props.fullWidth ? '100%' : `${props.width}px`
+}"
+        :rows="props.rows"
+        :readonly="props.readonly"
+        @input="autoHeight()"
+      />
+
+      <div
+        v-if="!props.disabledErrorMessage && errorMessage"
+        class="font-body-small text-error"
+      >
+        <slot name="error">
+          {{ errorMessage }}
+        </slot>
+      </div>
+    </div>
+  </Field>
+</template>
+
+<script setup>
+import { ref, computed, onMounted } from "vue";
+const props = defineProps({
+  inputClass: { type: String, required: false, default: "" },
+  label: { type: String, required: false },
+  name: { type: String, required: false, default: "text-area" },
+  placeholder: { type: String, required: false },
+  rules: { type: [Object, String, Function], required: false },
+  disabled: { type: Boolean, required: false, default: false },
+  disabledErrorMessage: { type: Boolean, required: false, default: false },
+  disabledBorder: { type: Boolean, required: false, default: false },
+  disabledBorderFocus: { type: Boolean, required: false, default: false },
+  disabledPadding: { type: Boolean, required: false, default: false },
+  variant: { type: String, required: false, default: "default" },
+  required: { type: Boolean, required: false, default: false },
+  resize: { type: String, required: false, default: "both" },
+  rows: { type: [Number, String], required: false, default: 4 },
+  height: { type: [Number, String], required: false },
+  width: { type: [Number, String], required: false },
+  fullWidth: { type: Boolean, required: false, default: false },
+  fullHeight: { type: Boolean, required: false, default: false },
+  heightScroll: { type: Boolean, required: false, default: true },
+  standalone: { type: Boolean, required: false, default: false },
+  validateOnBlur: { type: Boolean, required: false, default: true },
+  validateOnInput: { type: Boolean, required: false, default: true },
+  showCounter: { type: Boolean, required: false, default: false },
+  maxLength: { type: Number, required: false, default: 0 },
+  readonly: { type: Boolean, required: false, default: false }
+});
+const modelValue = defineModel({ type: String });
+const textareaRef = ref();
+const textCounter = computed(() => modelValue.value?.length || 0);
+const defaultRule = (v) => {
+  if (props.required && v == "") return "\u0E01\u0E23\u0E38\u0E13\u0E32\u0E01\u0E23\u0E2D\u0E01\u0E02\u0E49\u0E2D\u0E21\u0E39\u0E25";
+  if (props.maxLength > 0 && v && v.length > props.maxLength)
+    return "\u0E40\u0E01\u0E34\u0E19\u0E08\u0E33\u0E19\u0E27\u0E19\u0E15\u0E31\u0E27\u0E2D\u0E31\u0E01\u0E29\u0E23\u0E17\u0E35\u0E48\u0E01\u0E33\u0E2B\u0E19\u0E14";
+  return true;
+};
+const padding = computed(() => {
+  if (props.disabledPadding) return;
+  return "px-[12px] py-[7px]";
+});
+const borderFocus = computed(() => {
+  if (props.disabledBorder || props.disabledBorderFocus) return;
+  const borders = {
+    default: "focus:ring-[2px] focus:ring-primary",
+    primary: "focus:ring-[2px] focus:ring-primary",
+    error: "focus:ring-[2px] focus:ring-error"
+  };
+  return borders[props.variant];
+});
+const variaint = computed(() => {
+  if (props.disabledBorder) return;
+  if (props.disabled) return "bg-cloud ring-cloud";
+  const variants = {
+    default: "ring-[1px] ring-cloud",
+    primary: "ring-[1px] ring-primary",
+    error: "ring-[1px] ring-error"
+  };
+  return variants[props.variant];
+});
+const autoHeight = () => {
+  const el = textareaRef.value;
+  if (el) {
+    el.style.height = "auto";
+    if (!props.heightScroll) {
+      el.style.height = `${el.scrollHeight}px`;
+    }
+  }
+};
+const focus = () => {
+  if (!textareaRef.value) return;
+  textareaRef.value.focus();
+};
+defineExpose({
+  focus
+});
+onMounted(() => {
+  autoHeight();
+});
+</script>

package/dist/runtime/components/input/input-textarea.vue.d.ts

@@ -0,0 +1,50 @@
+import type { InputTextareaProps } from "@/types/components/input/input-textarea";
+type __VLS_Props = InputTextareaProps;
+type __VLS_ModelProps = {
+    modelValue?: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_7: {
+    label: string | undefined;
+}, __VLS_9: {};
+type __VLS_Slots = {} & {
+    label?: (props: typeof __VLS_7) => any;
+} & {
+    error?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
+    focus: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+}>, {
+    variant: "default" | "primary" | "error";
+    fullWidth: boolean;
+    fullHeight: boolean;
+    required: boolean;
+    name: string;
+    disabled: boolean;
+    disabledPadding: boolean;
+    rows: number | string;
+    resize: "none" | "both" | "horizontal" | "vertical";
+    disabledBorder: boolean;
+    disabledErrorMessage: boolean;
+    readonly: boolean;
+    showCounter: boolean;
+    standalone: boolean;
+    inputClass: string;
+    disabledBorderFocus: boolean;
+    heightScroll: boolean;
+    validateOnBlur: boolean;
+    validateOnInput: boolean;
+    maxLength: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/label/label-announce-time.d.vue.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/label/label-announce-time.vue

@@ -0,0 +1,15 @@
+<template>
+  <!-- <div
+    v-if="timeStatus.show"
+    :class="[
+      'inline-flex rounded-[4px] p-[4px] font-body-small text-white',
+      timeStatus.backgroundColor,
+    ]"
+  >
+    {{ timeStatus.text }}
+  </div> -->
+</template>
+
+<script setup>
+
+</script>

package/dist/runtime/components/label/label-announce-time.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/label/label-card-atom.d.vue.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/label/label-card-atom.vue

@@ -0,0 +1,17 @@
+<template>
+  <!-- <div :class="['flex py-[2px]', state, color]">
+    <div class="font-body-extra-small text-word-on-surface">
+      {{ props.text }}
+    </div>
+  </div> -->
+</template>
+
+<script setup>
+
+</script>
+
+<style scoped>
+/* .state-last {
+//   clip-path: "polygon(0 0, 100% 0, 90% 100%, 0 100%)";
+// } */
+</style>

package/dist/runtime/components/label/label-card-atom.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;