@reni-corp/reni-2c-ui 0.3.28 → 0.3.291

package/README.md

@@ -1,196 +0,0 @@
-# reni-2C-ui
-
-モダンなストアフロントアプリケーション構築のための、美しくアクセシブルなコンポーネントを提供する包括的なVue 3コンポーネントライブラリです。
-
-## インストール
-
-```bash
-npm install @reni-corp/reni-2c-ui
-```
-
-または
-
-```bash
-yarn add @reni-corp/reni-2c-ui
-```
-
-## クイックスタート
-
-### 1. プラグインのインポートとインストール
-
-```typescript
-import { createApp } from 'vue'
-import { createReniOneUI } from '@reni-corp/reni-2c-ui'
-import '@reni-corp/reni-2c-ui/dist/style.css'
-
-const app = createApp(App)
-app.use(createReniOneUI())
-```
-
-### 2. コンポーネントの使用
-
-```vue
-<template>
-  <rn-button variant="primary" @click="handleClick"> Click me </rn-button>
-  <rn-card>
-    <rn-text>Hello World</rn-text>
-  </rn-card>
-</template>
-```
-
-### 3. 個別コンポーネントのインポート
-
-```typescript
-import { Button, Card, Text } from '@reni-corp/reni-2c-ui'
-
-export default {
-  components: {
-    RnButton: Button,
-    RnCard: Card,
-    RnText: Text,
-  },
-}
-```
-
-## コンポーネントカテゴリ
-
-### Elements（要素）
-
-基本的なUIビルディングブロック: `Button`, `Icon`, `Text`, `TextField`, `SelectBox`, `Checkbox`, `RadioButton`, `Alert`, `Spinner` など
-
-### Layouts（レイアウト）
-
-レイアウトと構造のコンポーネント: `Stack`, `Card`, `Grid`, `List`, `Section`, `Page`
-
-### Interactive（インタラクティブ）
-
-インタラクティブなコンポーネント: `Modal`, `Dialog`, `Gallery`, `Carousel`, `Tabs`, `Notification`, `DropDown`
-
-### Navigation（ナビゲーション）
-
-ナビゲーションコンポーネント: `AppBar`, `Drawer`, `BottomBar`
-
-### Features（機能）
-
-ビジネス特化型コンポーネント: `ProductList`, `Schedule`, `Hero`, `AnnounceBar`, `CategoryBanner`, `VariationSelector`
-
-## TypeScript サポート
-
-このライブラリはTypeScriptで構築されており、完全な型定義を提供します。グローバル登録を使用する際、すべてのコンポーネントが自動的に型付けされます。
-
-```typescript
-// グローバルコンポーネント型は自動的に利用可能
-// TypeScriptサポートのための追加インポートは不要
-```
-
-## バリューオブジェクト
-
-ライブラリには、一般的なデータ型のためのユーティリティバリューオブジェクトが含まれています：
-
-```typescript
-import { CurrencyValue, NumberValue } from '@reni-corp/reni-2c-ui/valueObjects'
-
-const price = new CurrencyValue(1000, 'JPY')
-const quantity = new NumberValue(5)
-```
-
-## Composables
-
-一般的なUIパターンのための便利なComposablesにアクセスできます：
-
-```typescript
-import {
-  useAppNotifications,
-  useSyncedTabPanel,
-  useToolChip,
-  useAppDialogGuidance,
-} from '@reni-corp/reni-2c-ui'
-```
-
-## リンク
-
-- [デザインシステム](https://reni-design.web.app/)
-- [Storybook ドキュメント](# Add your storybook URL here)
-
-## 結合テスト
-
-ローカルで開発中のライブラリバージョンとアプリケーションを統合してテストする場合、アプリ側の`package.json`に`resolutions`フィールドを追加することで、ローカルビルドされたパッケージを強制的に使用できます。
-
-### セットアップ手順
-
-1. このライブラリをビルド：
-
-```bash
-yarn build
-```
-
-2. アプリ側の`package.json`に以下を追加：
-
-```json
-{
-  "resolutions": {
-    "@reni-corp/reni-2c-ui": "file:/path/to/reni-2C-ui"
-  }
-}
-```
-
-3. アプリ側で依存関係を再インストール：
-
-```bash
-yarn install
-```
-
-## 開発
-
-### 必要なソフトウェア
-
-- Node.js (バージョン: 20.9.0)
-- YARN (バージョン: 4.10.0)
-
-### セットアップ
-
-1. corepackを有効化：
-
-```shell
-corepack enable
-```
-
-2. Yarn 4.10.0 をプロジェクトに設定：
-
-```shell
-yarn set version 4.10.0
-```
-
-3. `.yarnrc.yml`作成しNodeプロジェクトルートへ配置
-
-```
-nodeLinker: node-modules
-
-npmScopes:
-  reni-corp:
-    npmRegistryServer: "https://registry.npmjs.org/"
-    npmPublishRegistry: "https://registry.npmjs.org/"
-    npmAlwaysAuth: false
-  "fortawesome":
-    npmAlwaysAuth: true
-    npmRegistryServer: "https://npm.fontawesome.com/"
-    npmAuthToken: ${GITHUB_PACKAGES_ACCESS_TOKEN}
-  "awesome.me":
-    npmAlwaysAuth: true
-    npmRegistryServer: "https://npm.fontawesome.com/"
-    npmAuthToken: ${GITHUB_PACKAGES_ACCESS_TOKEN}
-```
-
-4. 依存関係をインストール：
-
-```shell
-yarn install
-```
-
-### 利用可能なスクリプト
-
-- `yarn dev` - 開発サーバーを起動
-- `yarn build` - ライブラリをビルド
-- `yarn storybook` - Storybook開発サーバーを起動
-- `yarn lint` - ESLintを実行
-- `yarn test` - テストを実行

package/dist/components/elements/Alert.vue.d.ts

@@ -2,27 +2,40 @@ import { StatusColor } from '../../types';
 
 export type AlertProps = {
     color?: StatusColor;
+    title?: string;
     message: string;
     size?: 'sm' | 'md';
     width?: 'hug' | 'fill';
     hasHtml?: boolean;
 };
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<AlertProps>, {
+export type AlertSlots = {
+    action?: () => unknown;
+};
+export type AlertEmits = {
+    close: [];
+};
+declare function __VLS_template(): Readonly<AlertSlots> & AlertSlots;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<AlertProps>, {
     color: string;
     size: string;
     width: string;
     hasHtml: boolean;
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<AlertProps>, {
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: () => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<AlertProps>, {
     color: string;
     size: string;
     width: string;
     hasHtml: boolean;
-}>>> & Readonly<{}>, {
+}>>> & Readonly<{
+    onClose?: (() => any) | undefined;
+}>, {
     width: "hug" | "fill";
     color: StatusColor;
     size: "sm" | "md";
     hasHtml: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {
@@ -41,4 +54,9 @@ type __VLS_WithDefaults<P, D> = {
 type __VLS_Prettify<T> = {
     [K in keyof T]: T[K];
 } & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
 //# sourceMappingURL=Alert.vue.d.ts.map

package/dist/components/elements/Alert.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.vue.d.ts","sourceRoot":"","sources":["../../../src/components/elements/Alert.vue"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAKrC,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,GAAG,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;;;;;;;;;;;;WAFS,KAAK,GAAG,MAAM;WAHd,WAAW;UAEZ,IAAI,GAAG,IAAI;aAER,OAAO;;AA2KnB,wBAMG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"Alert.vue.d.ts","sourceRoot":"","sources":["../../../src/components/elements/Alert.vue"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAKrC,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,GAAG,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAGD,MAAM,MAAM,UAAU,GAAG;IACvB,MAAM,CAAC,EAAE,MAAM,OAAO,CAAA;CACvB,CAAA;AAOD,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,EAAE,CAAA;CACV,CAAA;AAmDD,iBAAS,cAAc,sCA0JtB;AAeD,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;WA5OX,KAAK,GAAG,MAAM;WAJd,WAAW;UAGZ,IAAI,GAAG,IAAI;aAER,OAAO;4EAkPjB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/dist/components/elements/CheckBox.vue.d.ts

@@ -4,33 +4,73 @@ export type CheckBoxProps = {
     label?: string;
     color?: Color;
     disabled?: boolean;
+    required?: boolean;
+    name?: string;
+    validateOnMount?: boolean;
+    requiredErrorMessage?: string;
 };
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    modelValue: import('vue').PropType<any>;
+    modelValue: import('vue').PropType<boolean>;
+    required: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
     label: {
         type: import('vue').PropType<string>;
     };
     disabled: {
         type: import('vue').PropType<boolean>;
     };
+    name: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
     color: {
         type: import('vue').PropType<"default" | "primary" | "secondary" | "warning" | "danger" | "success" | "info" | "subtle" | "muted" | "light">;
         default: string;
     };
+    validateOnMount: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    requiredErrorMessage: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    modelValue: import('vue').PropType<any>;
+    modelValue: import('vue').PropType<boolean>;
+    required: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
     label: {
         type: import('vue').PropType<string>;
     };
     disabled: {
         type: import('vue').PropType<boolean>;
     };
+    name: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
     color: {
         type: import('vue').PropType<"default" | "primary" | "secondary" | "warning" | "danger" | "success" | "info" | "subtle" | "muted" | "light">;
         default: string;
     };
+    validateOnMount: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    requiredErrorMessage: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
 }>> & Readonly<{}>, {
+    required: boolean;
+    name: string;
     color: Color;
+    validateOnMount: boolean;
+    requiredErrorMessage: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
 //# sourceMappingURL=CheckBox.vue.d.ts.map

package/dist/components/elements/CheckBox.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckBox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/elements/CheckBox.vue"],"names":[],"mappings":"AAEA,OAAO,0BAA0B,CAAA;AAEjC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAG/B,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;;gBA2BW,OAAO,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC;;;;;;;;;;;;gBAA3B,OAAO,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC;;;;;;;;;;;;WA7B7B,KAAK;;AAgIf,wBASG"}
+{"version":3,"file":"CheckBox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/elements/CheckBox.vue"],"names":[],"mappings":"AAEA,OAAO,0BAA0B,CAAA;AAGjC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAG/B,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,oBAAoB,CAAC,EAAE,MAAM,CAAA;CAC9B,CAAA;;gBAqEW,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAA/B,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAzE9B,OAAO;UACX,MAAM;WAHL,KAAK;qBAIK,OAAO;0BACF,MAAM;;AA6N/B,wBASG"}

package/dist/components/elements/ComboBox.vue.d.ts

@@ -0,0 +1,153 @@
+export type ComboBoxProps = {
+    label?: string;
+    itemTitle?: string;
+    itemValue?: string;
+    returnObject?: boolean;
+    items: {
+        id: string;
+        label: string;
+    }[] | any[];
+    disabled?: boolean;
+    autocomplete?: boolean;
+    clearable?: boolean;
+    name?: string;
+    rules?: string | Record<string, unknown> | ((value: unknown) => boolean);
+    placeholder?: string;
+    noResultsText?: string;
+};
+declare function __VLS_template(): {
+    "append-inner"?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<any[]>;
+    label: {
+        type: import('vue').PropType<string>;
+    };
+    disabled: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    name: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    placeholder: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    itemTitle: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    itemValue: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    returnObject: {
+        type: import('vue').PropType<boolean>;
+    };
+    items: {
+        type: import('vue').PropType<any[] | {
+            id: string;
+            label: string;
+        }[]>;
+        required: true;
+    };
+    autocomplete: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    clearable: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    rules: {
+        type: import('vue').PropType<string | Record<string, unknown> | ((value: unknown) => boolean)>;
+        default: string;
+    };
+    noResultsText: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: unknown[]) => void;
+    open: () => void;
+    close: () => void;
+    select: (item: any) => void;
+    deselect: (item: any) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<any[]>;
+    label: {
+        type: import('vue').PropType<string>;
+    };
+    disabled: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    name: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    placeholder: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    itemTitle: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    itemValue: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    returnObject: {
+        type: import('vue').PropType<boolean>;
+    };
+    items: {
+        type: import('vue').PropType<any[] | {
+            id: string;
+            label: string;
+        }[]>;
+        required: true;
+    };
+    autocomplete: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    clearable: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    rules: {
+        type: import('vue').PropType<string | Record<string, unknown> | ((value: unknown) => boolean)>;
+        default: string;
+    };
+    noResultsText: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+}>> & Readonly<{
+    onSelect?: ((item: any) => any) | undefined;
+    onClose?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: unknown[]) => any) | undefined;
+    onOpen?: (() => any) | undefined;
+    onDeselect?: ((item: any) => any) | undefined;
+}>, {
+    disabled: boolean;
+    name: string;
+    placeholder: string;
+    itemTitle: string;
+    itemValue: string;
+    autocomplete: boolean;
+    clearable: boolean;
+    rules: string | Record<string, unknown> | ((value: unknown) => boolean);
+    noResultsText: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=ComboBox.vue.d.ts.map

package/dist/components/elements/ComboBox.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboBox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/elements/ComboBox.vue"],"names":[],"mappings":"AAOA,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,KAAK,EACD;QACE,EAAE,EAAE,MAAM,CAAA;QACV,KAAK,EAAE,MAAM,CAAA;KACd,EAAE,GACH,GAAG,EAAE,CAAA;IACT,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,OAAO,KAAK,OAAO,CAAC,CAAA;IACxE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAuXD,iBAAS,cAAc;4BA8Wc,GAAG;EAGvC;AAsCD,QAAA,MAAM,eAAe;gBA7ZT,OAAO,KAAK,EAAE,QAAQ,CAAC,GAAG,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBA5X7B,MAAM;mBACH,MAAM;;kBAqyBgL,IAAI;;;;;;;;;;;iFA9xBnJ,OAAO,KAAK,OAAO;;;;;;;;;;;;;;gBAoX7D,OAAO,KAAK,EAAE,QAAQ,CAAC,GAAG,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBA5X7B,MAAM;mBACH,MAAM;;kBAqyBgL,IAAI;;;;;;;;;;;iFA9xBnJ,OAAO,KAAK,OAAO;;;;;;;;;;;;;;cAJ5D,OAAO;UAGX,MAAM;iBAEC,MAAM;eAdR,MAAM;eACN,MAAM;kBASH,OAAO;eACV,OAAO;WAEX,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,OAAO,KAAK,OAAO,CAAC;mBAExD,MAAM;4EAyxBtB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAUxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/dist/components/elements/Icon.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.vue.d.ts","sourceRoot":"","sources":["../../../src/components/elements/Icon.vue"],"names":[],"mappings":"AAEA,OAAO,0BAA0B,CAAA;AAmIjC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAG/B,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACvB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,CAAA;IAC5D,KAAK,CAAC,EAAE,KAAK,CAAA;CACd,CAAA;;;;;;;;WADS,KAAK;UADN,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS;;AA2F9D,wBAMG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"Icon.vue.d.ts","sourceRoot":"","sources":["../../../src/components/elements/Icon.vue"],"names":[],"mappings":"AAEA,OAAO,0BAA0B,CAAA;AA+JjC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAG/B,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACvB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,CAAA;IAC5D,KAAK,CAAC,EAAE,KAAK,CAAA;CACd,CAAA;;;;;;;;WADS,KAAK;UADN,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS;;AA2F9D,wBAMG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/elements/PasswordField.vue.d.ts

@@ -3,14 +3,19 @@ import { HTMLInputAttribute } from '../../types';
 export type PasswordFieldProps = {
     label?: string;
     disabled?: boolean;
+    required?: boolean;
     showStrengthIndicator?: boolean;
     requireStrongPassword?: boolean;
     customErrorMessage?: string;
+    requiredErrorMessage?: string;
+    name?: string;
+    validateOnMount?: boolean;
 } & HTMLInputAttribute;
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     modelValue: import('vue').PropType<any>;
     required: {
         type: import('vue').PropType<boolean>;
+        default: boolean;
     };
     form: {
         type: import('vue').PropType<string>;
@@ -30,6 +35,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
     name: {
         type: import('vue').PropType<string>;
+        default: string;
     };
     size: {
         type: import('vue').PropType<number>;
@@ -37,9 +43,29 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     placeholder: {
         type: import('vue').PropType<string>;
     };
+    validateOnMount: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    requiredErrorMessage: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
     autocomplete: {
         type: import('vue').PropType<string>;
     };
+    showStrengthIndicator: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    requireStrongPassword: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    customErrorMessage: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
     autofocus: {
         type: import('vue').PropType<boolean>;
     };
@@ -58,28 +84,39 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     tabindex: {
         type: import('vue').PropType<number>;
     };
-    showStrengthIndicator: {
-        type: import('vue').PropType<boolean>;
-        default: boolean;
-    };
-    requireStrongPassword: {
-        type: import('vue').PropType<boolean>;
-        default: boolean;
-    };
-    customErrorMessage: {
-        type: import('vue').PropType<string>;
-        default: string;
-    };
 }>, {
     passwordStrength: import('vue').ComputedRef<number>;
     strengthLevel: import('vue').ComputedRef<1 | 2 | 3>;
     strengthMessage: import('vue').ComputedRef<"弱い" | "普通" | "強い">;
-    isValid: import('vue').Ref<boolean, boolean>;
+    isValid: import('vue').ComputedRef<boolean>;
     isStrongPassword: import('vue').ComputedRef<boolean>;
+    validationResult: import('vue').ComputedRef<{
+        isValid: boolean;
+        message: string;
+        type: string;
+    } | {
+        isValid: boolean;
+        message: string;
+        type: null;
+    }>;
+    validate: () => {
+        isValid: boolean;
+        message: string;
+        type: string;
+    } | {
+        isValid: boolean;
+        message: string;
+        type: null;
+    };
+    meta: import('vee-validate').FieldMeta<string>;
+    handleBlur: (e?: Event, shouldValidate?: boolean) => void;
+    fieldValue: import('vue').Ref<string, string>;
+    errorMessage: import('vue').Ref<string | undefined, string | undefined>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     modelValue: import('vue').PropType<any>;
     required: {
         type: import('vue').PropType<boolean>;
+        default: boolean;
     };
     form: {
         type: import('vue').PropType<string>;
@@ -99,6 +136,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
     name: {
         type: import('vue').PropType<string>;
+        default: string;
     };
     size: {
         type: import('vue').PropType<number>;
@@ -106,9 +144,29 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     placeholder: {
         type: import('vue').PropType<string>;
     };
+    validateOnMount: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    requiredErrorMessage: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
     autocomplete: {
         type: import('vue').PropType<string>;
     };
+    showStrengthIndicator: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    requireStrongPassword: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    customErrorMessage: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
     autofocus: {
         type: import('vue').PropType<boolean>;
     };
@@ -127,20 +185,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     tabindex: {
         type: import('vue').PropType<number>;
     };
-    showStrengthIndicator: {
-        type: import('vue').PropType<boolean>;
-        default: boolean;
-    };
-    requireStrongPassword: {
-        type: import('vue').PropType<boolean>;
-        default: boolean;
-    };
-    customErrorMessage: {
-        type: import('vue').PropType<string>;
-        default: string;
-    };
 }>> & Readonly<{}>, {
+    required: boolean;
     label: string;
+    name: string;
+    validateOnMount: boolean;
+    requiredErrorMessage: string;
     showStrengthIndicator: boolean;
     requireStrongPassword: boolean;
     customErrorMessage: string;

package/dist/components/elements/PasswordField.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PasswordField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/elements/PasswordField.vue"],"names":[],"mappings":"AAEA,OAAO,0BAA0B,CAAA;AAEjC,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAG5C,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC5B,GAAG,kBAAkB,CAAA;;gBA+JV,OAAO,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAA3B,OAAO,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WApK7B,MAAM;2BAEU,OAAO;2BACP,OAAO;wBACV,MAAM;;AAyW7B,wBAUG"}
+{"version":3,"file":"PasswordField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/elements/PasswordField.vue"],"names":[],"mappings":"AAEA,OAAO,0BAA0B,CAAA;AAGjC,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAG5C,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,GAAG,kBAAkB,CAAA;;gBAiPV,OAAO,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAA3B,OAAO,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAxP1B,OAAO;WAFV,MAAM;UAOP,MAAM;qBACK,OAAO;0BAFF,MAAM;2BAHL,OAAO;2BACP,OAAO;wBACV,MAAM;;AAue7B,wBAUG"}