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

package/README.md

@@ -0,0 +1,131 @@
+# reni-2C-ui
+
+モダンなストアフロントアプリケーション構築のための、美しくアクセシブルなコンポーネントを提供する包括的なVue 3コンポーネントライブラリです。
+
+## インストール
+
+```bash
+npm install @reni-corp/reni-2c-ui
+```
+
+または
+
+```bash
+yarn add @reni-corp/reni-2c-ui
+```
+
+#### RnHtmlコンポーネントをSSR環境で利用する場合
+
+SSR（サーバーサイドレンダリング）環境で`RnHtml`コンポーネントを使用する場合は、`happy-dom`のインストールが必要です。
+
+```bash
+npm install happy-dom
+```
+
+または
+
+```bash
+yarn add happy-dom
+```
+
+## クイックスタート
+
+### 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`
+
+## 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/dist/__tests__/helpers/assert-contract.d.ts

@@ -0,0 +1,9 @@
+import { ComponentContract } from './contract-helpers';
+/**
+ * コンポーネントの契約テストを自動生成する。
+ *
+ * contract 定義に基づいて Props / Emits / Slots の各テストを生成。
+ * 「契約外の追加」も検出するため、意図しない API 変更を見逃さない。
+ */
+export declare function assertContract(contract: ComponentContract): void;
+//# sourceMappingURL=assert-contract.d.ts.map

package/dist/__tests__/helpers/assert-contract.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"assert-contract.d.ts","sourceRoot":"","sources":["../../../src/__tests__/helpers/assert-contract.ts"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,iBAAiB,EACvB,MAAM,oBAAoB,CAAA;AAM3B;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,QAAQ,EAAE,iBAAiB,QAgHzD"}

package/dist/__tests__/helpers/contract-helpers.d.ts

@@ -0,0 +1,45 @@
+import { Component } from 'vue';
+/**
+ * コンポーネントの Props 定義をランタイムメタデータから抽出する。
+ * Vue 3 の <script setup> + withDefaults は、コンパイル後に
+ * component.props にオブジェクト形式の定義を生成する。
+ */
+export declare function extractProps(component: Component): Record<string, unknown>;
+/**
+ * コンポーネントの Emits 定義をランタイムメタデータから抽出する。
+ * defineEmits の結果は component.emits に格納される。
+ */
+export declare function extractEmits(component: Component): string[];
+/**
+ * HTMLInputAttribute 交差型（src/types.ts）由来のランタイム props。
+ * フォーム系コンポーネント（TextField, TextArea, PasswordField 等）が
+ * `& HTMLInputAttribute` で HTML ネイティブ属性をパススルーしている。
+ * これらはコンポーネント固有の API ではないため internalProps として扱う。
+ */
+export declare const HTML_INPUT_ATTRIBUTE_PROPS: string[];
+/**
+ * 契約定義のインターフェース
+ */
+export interface ComponentContract {
+    /** コンポーネント名（テスト表示用） */
+    name: string;
+    /** コンポーネント本体 */
+    component: Component;
+    /** Props 契約 */
+    props: {
+        required: string[];
+        optional: string[];
+        defaults?: Record<string, unknown>;
+    };
+    /** Emit イベント契約 */
+    emits?: string[];
+    /** スロット名契約 */
+    slots?: string[];
+    /** Slot テスト時にマウントに必要な追加 props（visible: true 等） */
+    mountProps?: Record<string, unknown>;
+    /** Props 抽出時に無視する内部 prop 名 */
+    internalProps?: string[];
+    /** Emits 抽出時に無視する内部 emit 名 */
+    internalEmits?: string[];
+}
+//# sourceMappingURL=contract-helpers.d.ts.map

package/dist/__tests__/helpers/contract-helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"contract-helpers.d.ts","sourceRoot":"","sources":["../../../src/__tests__/helpers/contract-helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAmB,MAAM,KAAK,CAAA;AAErD;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,SAAS,EAAE,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAO1E;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,SAAS,EAAE,SAAS,GAAG,MAAM,EAAE,CAK3D;AAED;;;;;GAKG;AACH,eAAO,MAAM,0BAA0B,UAgBtC,CAAA;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,uBAAuB;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,gBAAgB;IAChB,SAAS,EAAE,SAAS,CAAA;IACpB,eAAe;IACf,KAAK,EAAE;QACL,QAAQ,EAAE,MAAM,EAAE,CAAA;QAClB,QAAQ,EAAE,MAAM,EAAE,CAAA;QAClB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;KACnC,CAAA;IACD,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,cAAc;IACd,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,kDAAkD;IAClD,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACpC,8BAA8B;IAC9B,aAAa,CAAC,EAAE,MAAM,EAAE,CAAA;IACxB,8BAA8B;IAC9B,aAAa,CAAC,EAAE,MAAM,EAAE,CAAA;CACzB"}

package/dist/__tests__/setup.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=setup.d.ts.map

package/dist/__tests__/setup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"setup.d.ts","sourceRoot":"","sources":["../../src/__tests__/setup.ts"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAA"}

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

@@ -1,5 +1,4 @@
 import { StatusColor } from '../../types';
-
 export type AlertProps = {
     color?: StatusColor;
     title?: string;
@@ -14,46 +13,25 @@ export type AlertSlots = {
 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, {
-    close: () => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<AlertProps>, {
-    color: string;
-    size: string;
-    width: string;
-    hasHtml: boolean;
-}>>> & Readonly<{
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<AlertSlots> & AlertSlots;
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<AlertProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: () => any;
+}, string, import('vue').PublicProps, Readonly<AlertProps> & Readonly<{
     onClose?: (() => any) | undefined;
 }>, {
-    width: "hug" | "fill";
-    color: StatusColor;
     size: "sm" | "md";
+    color: StatusColor;
+    width: "hug" | "fill";
     hasHtml: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

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,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"}
+{"version":3,"file":"Alert.vue.d.ts","sourceRoot":"","sources":["../../../src/components/elements/Alert.vue"],"names":[],"mappings":"AAAA,OAyNO,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;AAKD,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,EAAE,CAAA;CACV,CAAA;AAoDD,iBAAS,cAAc;WAsFT,OAAO,IAA6B;;;;EAKjD;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;UA/KZ,IAAI,GAAG,IAAI;WAHV,WAAW;WAIX,KAAK,GAAG,MAAM;aACZ,OAAO;wFAsLjB,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/elements/Button.vue.d.ts

@@ -1,5 +1,4 @@
 import { Color } from '../../types';
-
 export type ButtonProps = {
     variant?: 'text' | 'fill' | 'outlined';
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
@@ -13,52 +12,25 @@ export type ButtonProps = {
     withArrow?: boolean;
 };
 declare function __VLS_template(): {
-    default?(_: {}): any;
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLButtonElement;
 };
-declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ButtonProps>, {
-    variant: string;
-    size: string;
-    color: string;
-    loading: boolean;
-    disabled: boolean;
-    elevated: boolean;
-    withArrow: boolean;
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ButtonProps>, {
-    variant: string;
-    size: string;
-    color: string;
-    loading: boolean;
-    disabled: boolean;
-    elevated: boolean;
-    withArrow: boolean;
-}>>> & Readonly<{}>, {
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<ButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ButtonProps> & Readonly<{}>, {
+    size: "xs" | "sm" | "md" | "lg" | "xl";
+    color: Color | string;
+    variant: "text" | "fill" | "outlined";
     loading: boolean;
     disabled: boolean;
-    variant: "text" | "fill" | "outlined";
-    color: Color | string;
-    size: "xs" | "sm" | "md" | "lg" | "xl";
     elevated: boolean;
     withArrow: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

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

@@ -1 +1 @@
-{"version":3,"file":"Button.vue.d.ts","sourceRoot":"","sources":["../../../src/components/elements/Button.vue"],"names":[],"mappings":"AAEA,OAAO,0BAA0B,CAAA;AAGjC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAG/B,MAAM,MAAM,WAAW,GAAG;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,CAAA;IACtC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACvC,KAAK,CAAC,EAAE,KAAK,GAAG,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AA2FD,iBAAS,cAAc;qBAoEO,GAAG;EAGhC;AAaD,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;aAtLT,OAAO;cACN,OAAO;aAJR,MAAM,GAAG,MAAM,GAAG,UAAU;WAE9B,KAAK,GAAG,MAAM;UADf,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI;cAI5B,OAAO;eAIN,OAAO;4EAsLnB,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"}
+{"version":3,"file":"Button.vue.d.ts","sourceRoot":"","sources":["../../../src/components/elements/Button.vue"],"names":[],"mappings":"AA+OA,OAAO,0BAA0B,CAAA;AAGjC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAG/B,MAAM,MAAM,WAAW,GAAG;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,CAAA;IACtC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACvC,KAAK,CAAC,EAAE,KAAK,GAAG,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAyFD,iBAAS,cAAc;WA6CT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;UAnKZ,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI;WAC/B,KAAK,GAAG,MAAM;aAFZ,MAAM,GAAG,MAAM,GAAG,UAAU;aAG5B,OAAO;cACN,OAAO;cACP,OAAO;eAIN,OAAO;2FAmKnB,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/elements/CheckBox.vue.d.ts

@@ -1,5 +1,4 @@
 import { Color } from '../../types';
-
 export type CheckBoxProps = {
     label?: string;
     color?: Color;
@@ -9,68 +8,20 @@ export type CheckBoxProps = {
     validateOnMount?: boolean;
     requiredErrorMessage?: string;
 };
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    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<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<{}>, {
+type __VLS_Props = CheckBoxProps;
+type __VLS_PublicProps = {
+    modelValue?: boolean;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    color: Color;
     required: boolean;
     name: string;
-    color: Color;
     validateOnMount: boolean;
     requiredErrorMessage: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 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;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"}
+{"version":3,"file":"CheckBox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/elements/CheckBox.vue"],"names":[],"mappings":"AAuLA,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;AAED,KAAK,WAAW,GAAG,aAAa,CAAC;AAsEjC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;;;;;;WAhFN,KAAK;cAEF,OAAO;UACX,MAAM;qBACK,OAAO;0BACF,MAAM;;AA0K/B,wBASG"}

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

@@ -1,5 +1,6 @@
 export type ComboBoxProps = {
     label?: string;
+    variant?: 'default' | 'floating';
     itemTitle?: string;
     itemValue?: string;
     returnObject?: boolean;
@@ -15,135 +16,52 @@ export type ComboBoxProps = {
     placeholder?: string;
     noResultsText?: string;
 };
+type __VLS_Props = ComboBoxProps;
+type __VLS_PublicProps = {
+    modelValue?: any[];
+} & __VLS_Props;
 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;
+    attrs: Partial<{}>;
+    slots: {
+        'append-inner'?(_: {}): any;
     };
-    itemValue: {
-        type: import('vue').PropType<string>;
-        default: string;
+    refs: {
+        textFieldRef: HTMLDivElement;
+        listRef: HTMLUListElement;
     };
-    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;
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: any[]) => any;
+} & {
+    close: () => any;
+    select: (item: any) => any;
+    open: () => any;
+    "update:modelValue": (value: unknown[]) => any;
+    deselect: (item: any) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onClose?: (() => any) | undefined;
-    "onUpdate:modelValue"?: ((value: unknown[]) => any) | undefined;
+    onSelect?: ((item: any) => any) | undefined;
     onOpen?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: unknown[]) => any) | undefined;
     onDeselect?: ((item: any) => any) | undefined;
 }>, {
+    placeholder: string;
+    variant: "default" | "floating";
     disabled: boolean;
     name: string;
-    placeholder: string;
+    rules: string | Record<string, unknown> | ((value: unknown) => boolean);
+    autocomplete: boolean;
     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>>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    textFieldRef: HTMLDivElement;
+    listRef: HTMLUListElement;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

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

@@ -1 +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"}
+{"version":3,"file":"ComboBox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/elements/ComboBox.vue"],"names":[],"mappings":"AAm1BA,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAA;IAChC,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;AAWD,KAAK,WAAW,GAAG,aAAa,CAAC;AA+XjC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,GAAG,EAAE,CAAC;CAClB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA+PT,OAAO,IAA6B;;gCAZb,GAAG;;;;;;;EAiBvC;AAsCD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;iBA9rBL,MAAM;aAfV,SAAS,GAAG,UAAU;cAUrB,OAAO;UAGX,MAAM;WACL,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,OAAO,KAAK,OAAO,CAAC;kBAHzD,OAAO;eAVV,MAAM;eACN,MAAM;eAUN,OAAO;mBAIH,MAAM;;;;OAusBtB,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"}