@diwacopilot/components-vue 1.0.0

package/README.md

@@ -0,0 +1,15 @@
+# @diwacopilot/components-vue
+
+Vue wrappers for `@diwacopilot/components`.
+
+## Install
+
+```bash
+npm install @diwacopilot/components @diwacopilot/components-vue
+```
+
+## Usage
+
+```ts
+import { DButton } from "@diwacopilot/components-vue";
+```

package/dist/components.d.ts

@@ -0,0 +1,58 @@
+export declare const DiwaAccordion: import("vue").DefineSetupFnComponent<any, {}, {}, any, import("vue").PublicProps>;
+export declare const DiwaBadge: import("vue").DefineSetupFnComponent<any, {}, {}, any, import("vue").PublicProps>;
+export declare const DiwaButton: import("vue").DefineSetupFnComponent<any, {}, {}, any, import("vue").PublicProps>;
+export declare const DiwaButtonPure: import("vue").DefineSetupFnComponent<any, {}, {}, any, import("vue").PublicProps>;
+export declare const DiwaCheckbox: import("vue").DefineSetupFnComponent<any, {}, {}, any, import("vue").PublicProps>;
+export declare const DiwaDivider: import("vue").DefineSetupFnComponent<any, {}, {}, any, import("vue").PublicProps>;
+export declare const DiwaFlyout: import("vue").DefineSetupFnComponent<any, {}, {}, any, import("vue").PublicProps>;
+export declare const DiwaIcon: import("vue").DefineSetupFnComponent<any, {}, {}, any, import("vue").PublicProps>;
+export declare const DiwaInlineNotification: import("vue").DefineSetupFnComponent<any, {}, {}, any, import("vue").PublicProps>;
+export declare const DiwaInput: import("vue").DefineSetupFnComponent<any, {}, {}, any, import("vue").PublicProps>;
+export declare const DiwaInputDate: import("vue").DefineSetupFnComponent<any, {}, {}, any, import("vue").PublicProps>;
+export declare const DiwaInputEmail: import("vue").DefineSetupFnComponent<any, {}, {}, any, import("vue").PublicProps>;
+export declare const DiwaInputMonth: import("vue").DefineSetupFnComponent<any, {}, {}, any, import("vue").PublicProps>;
+export declare const DiwaInputNumber: import("vue").DefineSetupFnComponent<any, {}, {}, any, import("vue").PublicProps>;
+export declare const DiwaInputPassword: import("vue").DefineSetupFnComponent<any, {}, {}, any, import("vue").PublicProps>;
+export declare const DiwaInputSearch: import("vue").DefineSetupFnComponent<any, {}, {}, any, import("vue").PublicProps>;
+export declare const DiwaInputTel: import("vue").DefineSetupFnComponent<any, {}, {}, any, import("vue").PublicProps>;
+export declare const DiwaInputText: import("vue").DefineSetupFnComponent<any, {}, {}, any, import("vue").PublicProps>;
+export declare const DiwaInputTime: import("vue").DefineSetupFnComponent<any, {}, {}, any, import("vue").PublicProps>;
+export declare const DiwaInputUrl: import("vue").DefineSetupFnComponent<any, {}, {}, any, import("vue").PublicProps>;
+export declare const DiwaInputWeek: import("vue").DefineSetupFnComponent<any, {}, {}, any, import("vue").PublicProps>;
+export declare const DiwaLink: import("vue").DefineSetupFnComponent<any, {}, {}, any, import("vue").PublicProps>;
+export declare const DiwaLinkPure: import("vue").DefineSetupFnComponent<any, {}, {}, any, import("vue").PublicProps>;
+export declare const DiwaModal: import("vue").DefineSetupFnComponent<any, {}, {}, any, import("vue").PublicProps>;
+export declare const DiwaMultiSelect: import("vue").DefineSetupFnComponent<any, {}, {}, any, import("vue").PublicProps>;
+export declare const DiwaMultiSelectOption: import("vue").DefineSetupFnComponent<any, {}, {}, any, import("vue").PublicProps>;
+export declare const DiwaPagination: import("vue").DefineSetupFnComponent<any, {}, {}, any, import("vue").PublicProps>;
+export declare const DiwaPinCode: import("vue").DefineSetupFnComponent<any, {}, {}, any, import("vue").PublicProps>;
+export declare const DiwaPopover: import("vue").DefineSetupFnComponent<any, {}, {}, any, import("vue").PublicProps>;
+export declare const DiwaRadioGroup: import("vue").DefineSetupFnComponent<any, {}, {}, any, import("vue").PublicProps>;
+export declare const DiwaRadioGroupItem: import("vue").DefineSetupFnComponent<any, {}, {}, any, import("vue").PublicProps>;
+export declare const DiwaScroller: import("vue").DefineSetupFnComponent<any, {}, {}, any, import("vue").PublicProps>;
+export declare const DiwaSegmentedControl: import("vue").DefineSetupFnComponent<any, {}, {}, any, import("vue").PublicProps>;
+export declare const DiwaSegmentedControlItem: import("vue").DefineSetupFnComponent<any, {}, {}, any, import("vue").PublicProps>;
+export declare const DiwaSelect: import("vue").DefineSetupFnComponent<any, {}, {}, any, import("vue").PublicProps>;
+export declare const DiwaSelectOption: import("vue").DefineSetupFnComponent<any, {}, {}, any, import("vue").PublicProps>;
+export declare const DiwaSpinner: import("vue").DefineSetupFnComponent<any, {}, {}, any, import("vue").PublicProps>;
+export declare const DiwaStepperHorizontal: import("vue").DefineSetupFnComponent<any, {}, {}, any, import("vue").PublicProps>;
+export declare const DiwaStepperHorizontalItem: import("vue").DefineSetupFnComponent<any, {}, {}, any, import("vue").PublicProps>;
+export declare const DiwaSwitch: import("vue").DefineSetupFnComponent<any, {}, {}, any, import("vue").PublicProps>;
+export declare const DiwaTable: import("vue").DefineSetupFnComponent<any, {}, {}, any, import("vue").PublicProps>;
+export declare const DiwaTableBody: import("vue").DefineSetupFnComponent<any, {}, {}, any, import("vue").PublicProps>;
+export declare const DiwaTableCell: import("vue").DefineSetupFnComponent<any, {}, {}, any, import("vue").PublicProps>;
+export declare const DiwaTableHead: import("vue").DefineSetupFnComponent<any, {}, {}, any, import("vue").PublicProps>;
+export declare const DiwaTableHeadCell: import("vue").DefineSetupFnComponent<any, {}, {}, any, import("vue").PublicProps>;
+export declare const DiwaTableRow: import("vue").DefineSetupFnComponent<any, {}, {}, any, import("vue").PublicProps>;
+export declare const DiwaTabs: import("vue").DefineSetupFnComponent<any, {}, {}, any, import("vue").PublicProps>;
+export declare const DiwaTabsBar: import("vue").DefineSetupFnComponent<any, {}, {}, any, import("vue").PublicProps>;
+export declare const DiwaTabsItem: import("vue").DefineSetupFnComponent<any, {}, {}, any, import("vue").PublicProps>;
+export declare const DiwaTag: import("vue").DefineSetupFnComponent<any, {}, {}, any, import("vue").PublicProps>;
+export declare const DiwaTagDismissible: import("vue").DefineSetupFnComponent<any, {}, {}, any, import("vue").PublicProps>;
+export declare const DiwaText: import("vue").DefineSetupFnComponent<any, {}, {}, any, import("vue").PublicProps>;
+export declare const DiwaTextList: import("vue").DefineSetupFnComponent<any, {}, {}, any, import("vue").PublicProps>;
+export declare const DiwaTextListItem: import("vue").DefineSetupFnComponent<any, {}, {}, any, import("vue").PublicProps>;
+export declare const DiwaTextarea: import("vue").DefineSetupFnComponent<any, {}, {}, any, import("vue").PublicProps>;
+export declare const DiwaToast: import("vue").DefineSetupFnComponent<any, {}, {}, any, import("vue").PublicProps>;
+export declare const DiwaToastItem: import("vue").DefineSetupFnComponent<any, {}, {}, any, import("vue").PublicProps>;
+//# sourceMappingURL=components.d.ts.map

package/dist/components.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../src/components.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,aAAa,mFAOxB,CAAC;AAGH,eAAO,MAAM,SAAS,mFAKpB,CAAC;AAGH,eAAO,MAAM,UAAU,mFAcrB,CAAC;AAGH,eAAO,MAAM,cAAc,mFAiBzB,CAAC;AAGH,eAAO,MAAM,YAAY,mFAcvB,CAAC;AAGH,eAAO,MAAM,WAAW,mFAGtB,CAAC;AAGH,eAAO,MAAM,UAAU,mFAOrB,CAAC;AAGH,eAAO,MAAM,QAAQ,mFAMnB,CAAC;AAGH,eAAO,MAAM,sBAAsB,mFAUjC,CAAC;AAGH,eAAO,MAAM,SAAS,mFAkBpB,CAAC;AAGH,eAAO,MAAM,aAAa,mFAqBxB,CAAC;AAGH,eAAO,MAAM,cAAc,mFAmBzB,CAAC;AAGH,eAAO,MAAM,cAAc,mFAqBzB,CAAC;AAGH,eAAO,MAAM,eAAe,mFAsB1B,CAAC;AAGH,eAAO,MAAM,iBAAiB,mFAoB5B,CAAC;AAGH,eAAO,MAAM,eAAe,mFAoB1B,CAAC;AAGH,eAAO,MAAM,YAAY,mFAmBvB,CAAC;AAGH,eAAO,MAAM,aAAa,mFAsBxB,CAAC;AAGH,eAAO,MAAM,aAAa,mFAsBxB,CAAC;AAGH,eAAO,MAAM,YAAY,mFAmBvB,CAAC;AAGH,eAAO,MAAM,aAAa,mFAqBxB,CAAC;AAGH,eAAO,MAAM,QAAQ,mFAYnB,CAAC;AAGH,eAAO,MAAM,YAAY,mFAcvB,CAAC;AAGH,eAAO,MAAM,SAAS,mFAQpB,CAAC;AAGH,eAAO,MAAM,eAAe,mFAgB1B,CAAC;AAGH,eAAO,MAAM,qBAAqB,mFAQhC,CAAC;AAGH,eAAO,MAAM,cAAc,mFAQzB,CAAC;AAGH,eAAO,MAAM,WAAW,mFActB,CAAC;AAGH,eAAO,MAAM,WAAW,mFAItB,CAAC;AAGH,eAAO,MAAM,cAAc,mFAczB,CAAC;AAGH,eAAO,MAAM,kBAAkB,mFAQ7B,CAAC;AAGH,eAAO,MAAM,YAAY,mFAIvB,CAAC;AAGH,eAAO,MAAM,oBAAoB,mFAM/B,CAAC;AAGH,eAAO,MAAM,wBAAwB,mFAOnC,CAAC;AAGH,eAAO,MAAM,UAAU,mFAgBrB,CAAC;AAGH,eAAO,MAAM,gBAAgB,mFAO3B,CAAC;AAGH,eAAO,MAAM,WAAW,mFAItB,CAAC;AAGH,eAAO,MAAM,qBAAqB,mFAIhC,CAAC;AAGH,eAAO,MAAM,yBAAyB,mFAOpC,CAAC;AAGH,eAAO,MAAM,UAAU,mFAQrB,CAAC;AAGH,eAAO,MAAM,SAAS,mFAQpB,CAAC;AAGH,eAAO,MAAM,aAAa,mFAExB,CAAC;AAGH,eAAO,MAAM,aAAa,mFAGxB,CAAC;AAGH,eAAO,MAAM,aAAa,mFAExB,CAAC;AAGH,eAAO,MAAM,iBAAiB,mFAK5B,CAAC;AAGH,eAAO,MAAM,YAAY,mFAEvB,CAAC;AAGH,eAAO,MAAM,QAAQ,mFAInB,CAAC;AAGH,eAAO,MAAM,WAAW,mFAItB,CAAC;AAGH,eAAO,MAAM,YAAY,mFAIvB,CAAC;AAGH,eAAO,MAAM,OAAO,mFAKlB,CAAC;AAGH,eAAO,MAAM,kBAAkB,mFAM7B,CAAC;AAGH,eAAO,MAAM,QAAQ,mFAQnB,CAAC;AAGH,eAAO,MAAM,YAAY,mFAGvB,CAAC;AAGH,eAAO,MAAM,gBAAgB,mFAE3B,CAAC;AAGH,eAAO,MAAM,YAAY,mFAqBvB,CAAC;AAGH,eAAO,MAAM,SAAS,mFAEpB,CAAC;AAGH,eAAO,MAAM,aAAa,mFAKxB,CAAC"}

package/dist/components.js

@@ -0,0 +1,643 @@
+/* eslint-disable */
+/* tslint:disable */
+/* auto-generated vue proxies */
+import { defineContainer } from './vue-component-lib/utils';
+export const DiwaAccordion = /*@__PURE__*/ defineContainer('diwa-accordion', undefined, [
+    'theme',
+    'heading',
+    'headingTag',
+    'open',
+    'compact',
+    'update'
+]);
+export const DiwaBadge = /*@__PURE__*/ defineContainer('diwa-badge', undefined, [
+    'variant',
+    'size',
+    'label',
+    'theme'
+]);
+export const DiwaButton = /*@__PURE__*/ defineContainer('diwa-button', undefined, [
+    'theme',
+    'variant',
+    'size',
+    'type',
+    'disabled',
+    'loading',
+    'href',
+    'target',
+    'name',
+    'value',
+    'label',
+    'hideLabel',
+    'icon'
+]);
+export const DiwaButtonPure = /*@__PURE__*/ defineContainer('diwa-button-pure', undefined, [
+    'theme',
+    'size',
+    'icon',
+    'disabled',
+    'loading',
+    'hideLabel',
+    'active',
+    'underline',
+    'alignLabel',
+    'stretch',
+    'type',
+    'name',
+    'value',
+    'href',
+    'target',
+    'label'
+]);
+export const DiwaCheckbox = /*@__PURE__*/ defineContainer('diwa-checkbox', undefined, [
+    'theme',
+    'label',
+    'name',
+    'value',
+    'checked',
+    'indeterminate',
+    'disabled',
+    'required',
+    'state',
+    'message',
+    'compact',
+    'hideLabel',
+    'update'
+]);
+export const DiwaDivider = /*@__PURE__*/ defineContainer('diwa-divider', undefined, [
+    'theme',
+    'orientation'
+]);
+export const DiwaFlyout = /*@__PURE__*/ defineContainer('diwa-flyout', undefined, [
+    'theme',
+    'open',
+    'position',
+    'backdrop',
+    'heading',
+    'dismiss'
+]);
+export const DiwaIcon = /*@__PURE__*/ defineContainer('diwa-icon', undefined, [
+    'name',
+    'size',
+    'color',
+    'label',
+    'theme'
+]);
+export const DiwaInlineNotification = /*@__PURE__*/ defineContainer('diwa-inline-notification', undefined, [
+    'theme',
+    'state',
+    'heading',
+    'description',
+    'dismissButton',
+    'actionLabel',
+    'actionLoading',
+    'dismiss',
+    'action'
+]);
+export const DiwaInput = /*@__PURE__*/ defineContainer('diwa-input', undefined, [
+    'type',
+    'label',
+    'placeholder',
+    'value',
+    'required',
+    'disabled',
+    'readonly',
+    'state',
+    'hint',
+    'autocomplete',
+    'name',
+    'inputId',
+    'theme',
+    'diwaInput',
+    'diwaChange',
+    'diwaFocus',
+    'diwaBlur'
+]);
+export const DiwaInputDate = /*@__PURE__*/ defineContainer('diwa-input-date', undefined, [
+    'label',
+    'description',
+    'message',
+    'state',
+    'name',
+    'value',
+    'placeholder',
+    'disabled',
+    'required',
+    'readonly',
+    'hideLabel',
+    'compact',
+    'autoComplete',
+    'theme',
+    'min',
+    'max',
+    'change',
+    'input',
+    'blur',
+    'focus'
+]);
+export const DiwaInputEmail = /*@__PURE__*/ defineContainer('diwa-input-email', undefined, [
+    'label',
+    'description',
+    'message',
+    'state',
+    'name',
+    'value',
+    'placeholder',
+    'disabled',
+    'required',
+    'readonly',
+    'hideLabel',
+    'compact',
+    'autoComplete',
+    'theme',
+    'change',
+    'input',
+    'blur',
+    'focus'
+]);
+export const DiwaInputMonth = /*@__PURE__*/ defineContainer('diwa-input-month', undefined, [
+    'label',
+    'description',
+    'message',
+    'state',
+    'name',
+    'value',
+    'placeholder',
+    'disabled',
+    'required',
+    'readonly',
+    'hideLabel',
+    'compact',
+    'autoComplete',
+    'theme',
+    'min',
+    'max',
+    'change',
+    'input',
+    'blur',
+    'focus'
+]);
+export const DiwaInputNumber = /*@__PURE__*/ defineContainer('diwa-input-number', undefined, [
+    'label',
+    'description',
+    'message',
+    'state',
+    'name',
+    'value',
+    'placeholder',
+    'disabled',
+    'required',
+    'readonly',
+    'hideLabel',
+    'compact',
+    'autoComplete',
+    'theme',
+    'min',
+    'max',
+    'step',
+    'change',
+    'input',
+    'blur',
+    'focus'
+]);
+export const DiwaInputPassword = /*@__PURE__*/ defineContainer('diwa-input-password', undefined, [
+    'label',
+    'description',
+    'message',
+    'state',
+    'name',
+    'value',
+    'placeholder',
+    'disabled',
+    'required',
+    'readonly',
+    'hideLabel',
+    'compact',
+    'autoComplete',
+    'theme',
+    'showToggle',
+    'change',
+    'input',
+    'blur',
+    'focus'
+]);
+export const DiwaInputSearch = /*@__PURE__*/ defineContainer('diwa-input-search', undefined, [
+    'label',
+    'description',
+    'message',
+    'state',
+    'name',
+    'value',
+    'placeholder',
+    'disabled',
+    'required',
+    'readonly',
+    'hideLabel',
+    'compact',
+    'autoComplete',
+    'theme',
+    'showClearButton',
+    'change',
+    'input',
+    'blur',
+    'focus'
+]);
+export const DiwaInputTel = /*@__PURE__*/ defineContainer('diwa-input-tel', undefined, [
+    'label',
+    'description',
+    'message',
+    'state',
+    'name',
+    'value',
+    'placeholder',
+    'disabled',
+    'required',
+    'readonly',
+    'hideLabel',
+    'compact',
+    'autoComplete',
+    'theme',
+    'change',
+    'input',
+    'blur',
+    'focus'
+]);
+export const DiwaInputText = /*@__PURE__*/ defineContainer('diwa-input-text', undefined, [
+    'label',
+    'description',
+    'message',
+    'state',
+    'name',
+    'value',
+    'placeholder',
+    'disabled',
+    'required',
+    'readonly',
+    'hideLabel',
+    'compact',
+    'autoComplete',
+    'theme',
+    'maxLength',
+    'minLength',
+    'spellCheck',
+    'change',
+    'input',
+    'blur',
+    'focus'
+]);
+export const DiwaInputTime = /*@__PURE__*/ defineContainer('diwa-input-time', undefined, [
+    'label',
+    'description',
+    'message',
+    'state',
+    'name',
+    'value',
+    'placeholder',
+    'disabled',
+    'required',
+    'readonly',
+    'hideLabel',
+    'compact',
+    'autoComplete',
+    'theme',
+    'min',
+    'max',
+    'step',
+    'change',
+    'input',
+    'blur',
+    'focus'
+]);
+export const DiwaInputUrl = /*@__PURE__*/ defineContainer('diwa-input-url', undefined, [
+    'label',
+    'description',
+    'message',
+    'state',
+    'name',
+    'value',
+    'placeholder',
+    'disabled',
+    'required',
+    'readonly',
+    'hideLabel',
+    'compact',
+    'autoComplete',
+    'theme',
+    'change',
+    'input',
+    'blur',
+    'focus'
+]);
+export const DiwaInputWeek = /*@__PURE__*/ defineContainer('diwa-input-week', undefined, [
+    'label',
+    'description',
+    'message',
+    'state',
+    'name',
+    'value',
+    'placeholder',
+    'disabled',
+    'required',
+    'readonly',
+    'hideLabel',
+    'compact',
+    'autoComplete',
+    'theme',
+    'min',
+    'max',
+    'change',
+    'input',
+    'blur',
+    'focus'
+]);
+export const DiwaLink = /*@__PURE__*/ defineContainer('diwa-link', undefined, [
+    'theme',
+    'variant',
+    'href',
+    'target',
+    'download',
+    'rel',
+    'icon',
+    'hideLabel',
+    'compact',
+    'label',
+    'disabled'
+]);
+export const DiwaLinkPure = /*@__PURE__*/ defineContainer('diwa-link-pure', undefined, [
+    'theme',
+    'href',
+    'target',
+    'download',
+    'rel',
+    'icon',
+    'hideLabel',
+    'active',
+    'underline',
+    'size',
+    'alignLabel',
+    'stretch',
+    'label'
+]);
+export const DiwaModal = /*@__PURE__*/ defineContainer('diwa-modal', undefined, [
+    'theme',
+    'open',
+    'heading',
+    'dismissButton',
+    'disableBackdropClick',
+    'backdrop',
+    'dismiss'
+]);
+export const DiwaMultiSelect = /*@__PURE__*/ defineContainer('diwa-multi-select', undefined, [
+    'theme',
+    'label',
+    'description',
+    'name',
+    'value',
+    'state',
+    'message',
+    'hideLabel',
+    'disabled',
+    'required',
+    'compact',
+    'dropdownDirection',
+    'change',
+    'toggle',
+    'blur'
+]);
+export const DiwaMultiSelectOption = /*@__PURE__*/ defineContainer('diwa-multi-select-option', undefined, [
+    'value',
+    'disabled',
+    'selected',
+    'highlighted',
+    'compact',
+    'theme',
+    'diwaMultiSelectOptionUpdate'
+]);
+export const DiwaPagination = /*@__PURE__*/ defineContainer('diwa-pagination', undefined, [
+    'theme',
+    'totalItemsCount',
+    'itemsPerPage',
+    'activePage',
+    'showLastPage',
+    'intl',
+    'update'
+]);
+export const DiwaPinCode = /*@__PURE__*/ defineContainer('diwa-pin-code', undefined, [
+    'label',
+    'description',
+    'state',
+    'message',
+    'length',
+    'value',
+    'type',
+    'required',
+    'disabled',
+    'compact',
+    'hideLabel',
+    'theme',
+    'update'
+]);
+export const DiwaPopover = /*@__PURE__*/ defineContainer('diwa-popover', undefined, [
+    'direction',
+    'description',
+    'theme'
+]);
+export const DiwaRadioGroup = /*@__PURE__*/ defineContainer('diwa-radio-group', undefined, [
+    'theme',
+    'label',
+    'description',
+    'value',
+    'direction',
+    'required',
+    'disabled',
+    'state',
+    'message',
+    'compact',
+    'hideLabel',
+    'name',
+    'update'
+]);
+export const DiwaRadioGroupItem = /*@__PURE__*/ defineContainer('diwa-radio-group-item', undefined, [
+    'theme',
+    'value',
+    'checked',
+    'name',
+    'disabled',
+    'compact',
+    'diwa-radio-select'
+]);
+export const DiwaScroller = /*@__PURE__*/ defineContainer('diwa-scroller', undefined, [
+    'alignScrollIndicator',
+    'scrollbar',
+    'theme'
+]);
+export const DiwaSegmentedControl = /*@__PURE__*/ defineContainer('diwa-segmented-control', undefined, [
+    'theme',
+    'value',
+    'disabled',
+    'compact',
+    'update'
+]);
+export const DiwaSegmentedControlItem = /*@__PURE__*/ defineContainer('diwa-segmented-control-item', undefined, [
+    'theme',
+    'value',
+    'selected',
+    'disabled',
+    'compact',
+    'diwa-segment-select'
+]);
+export const DiwaSelect = /*@__PURE__*/ defineContainer('diwa-select', undefined, [
+    'theme',
+    'label',
+    'description',
+    'name',
+    'value',
+    'state',
+    'message',
+    'hideLabel',
+    'disabled',
+    'required',
+    'compact',
+    'dropdownDirection',
+    'change',
+    'toggle',
+    'blur'
+]);
+export const DiwaSelectOption = /*@__PURE__*/ defineContainer('diwa-select-option', undefined, [
+    'value',
+    'disabled',
+    'selected',
+    'highlighted',
+    'theme',
+    'diwaSelectOptionUpdate'
+]);
+export const DiwaSpinner = /*@__PURE__*/ defineContainer('diwa-spinner', undefined, [
+    'size',
+    'theme',
+    'label'
+]);
+export const DiwaStepperHorizontal = /*@__PURE__*/ defineContainer('diwa-stepper-horizontal', undefined, [
+    'theme',
+    'activeStepIndex',
+    'update'
+]);
+export const DiwaStepperHorizontalItem = /*@__PURE__*/ defineContainer('diwa-stepper-horizontal-item', undefined, [
+    'theme',
+    'label',
+    'sublabel',
+    'state',
+    'stepNumber',
+    'isLast'
+]);
+export const DiwaSwitch = /*@__PURE__*/ defineContainer('diwa-switch', undefined, [
+    'checked',
+    'disabled',
+    'loading',
+    'alignLabel',
+    'compact',
+    'theme',
+    'update'
+]);
+export const DiwaTable = /*@__PURE__*/ defineContainer('diwa-table', undefined, [
+    'theme',
+    'caption',
+    'compact',
+    'layout',
+    'bordered',
+    'striped',
+    'update'
+]);
+export const DiwaTableBody = /*@__PURE__*/ defineContainer('diwa-table-body', undefined, [
+    'theme'
+]);
+export const DiwaTableCell = /*@__PURE__*/ defineContainer('diwa-table-cell', undefined, [
+    'theme',
+    'multiline'
+]);
+export const DiwaTableHead = /*@__PURE__*/ defineContainer('diwa-table-head', undefined, [
+    'theme'
+]);
+export const DiwaTableHeadCell = /*@__PURE__*/ defineContainer('diwa-table-head-cell', undefined, [
+    'theme',
+    'sort',
+    'hideLabel',
+    'multiline'
+]);
+export const DiwaTableRow = /*@__PURE__*/ defineContainer('diwa-table-row', undefined, [
+    'theme'
+]);
+export const DiwaTabs = /*@__PURE__*/ defineContainer('diwa-tabs', undefined, [
+    'theme',
+    'activeTabIndex',
+    'update'
+]);
+export const DiwaTabsBar = /*@__PURE__*/ defineContainer('diwa-tabs-bar', undefined, [
+    'theme',
+    'activeTabIndex',
+    'update'
+]);
+export const DiwaTabsItem = /*@__PURE__*/ defineContainer('diwa-tabs-item', undefined, [
+    'theme',
+    'label',
+    'active'
+]);
+export const DiwaTag = /*@__PURE__*/ defineContainer('diwa-tag', undefined, [
+    'variant',
+    'compact',
+    'icon',
+    'theme'
+]);
+export const DiwaTagDismissible = /*@__PURE__*/ defineContainer('diwa-tag-dismissible', undefined, [
+    'variant',
+    'compact',
+    'label',
+    'theme',
+    'dismiss'
+]);
+export const DiwaText = /*@__PURE__*/ defineContainer('diwa-text', undefined, [
+    'theme',
+    'tag',
+    'size',
+    'weight',
+    'align',
+    'color',
+    'ellipsis'
+]);
+export const DiwaTextList = /*@__PURE__*/ defineContainer('diwa-text-list', undefined, [
+    'theme',
+    'type'
+]);
+export const DiwaTextListItem = /*@__PURE__*/ defineContainer('diwa-text-list-item', undefined, [
+    'theme'
+]);
+export const DiwaTextarea = /*@__PURE__*/ defineContainer('diwa-textarea', undefined, [
+    'label',
+    'description',
+    'state',
+    'message',
+    'name',
+    'value',
+    'placeholder',
+    'required',
+    'disabled',
+    'readOnly',
+    'maxLength',
+    'minLength',
+    'rows',
+    'resize',
+    'compact',
+    'hideLabel',
+    'theme',
+    'input',
+    'change',
+    'blur'
+]);
+export const DiwaToast = /*@__PURE__*/ defineContainer('diwa-toast', undefined, [
+    'theme'
+]);
+export const DiwaToastItem = /*@__PURE__*/ defineContainer('diwa-toast-item', undefined, [
+    'theme',
+    'text',
+    'state',
+    'dismiss'
+]);

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+export * from './components';
+export { DiwaBadge as DBadge } from './components';
+export { DiwaButton as DButton } from './components';
+export { DiwaInput as DInput } from './components';
+export { DiwaSpinner as DSpinner } from './components';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,cAAc,CAAC;AAI7B,OAAO,EAAE,SAAS,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,UAAU,IAAI,OAAO,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,SAAS,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,WAAW,IAAI,QAAQ,EAAE,MAAM,cAAc,CAAC"}

package/dist/index.js

@@ -0,0 +1,8 @@
+// Re-export everything from the Stencil-generated proxies.
+export * from './components';
+// D* aliases — the public API name consumers should use.
+// The Diwa* variants remain available for backwards compatibility.
+export { DiwaBadge as DBadge } from './components';
+export { DiwaButton as DButton } from './components';
+export { DiwaInput as DInput } from './components';
+export { DiwaSpinner as DSpinner } from './components';

package/dist/vue-component-lib/utils.d.ts

@@ -0,0 +1,17 @@
+export interface InputProps<T> {
+    modelValue?: T;
+}
+/**
+ * Create a callback to define a Vue component wrapper around a Web Component.
+ *
+ * @prop name - The component tag name (i.e. `ion-button`)
+ * @prop componentProps - An array of properties on the
+ * component. These usually match up with the @Prop definitions
+ * in each component's TSX file.
+ * @prop customElement - An option custom element instance to pass
+ * to customElements.define. Only set if `includeImportCustomElements: true` in your config.
+ * @prop modelProp - The prop that v-model binds to (i.e. value)
+ * @prop modelUpdateEvent - The event that is fired from your Web Component when the value changes (i.e. ionChange)
+ */
+export declare const defineContainer: <Props, VModelType = string | number | boolean>(name: string, defineCustomElement: any, componentProps?: string[], modelProp?: string, modelUpdateEvent?: string) => import("vue").DefineSetupFnComponent<Props & InputProps<VModelType>, {}, {}, Props & InputProps<VModelType> & {}, import("vue").PublicProps>;
+//# sourceMappingURL=utils.d.ts.map

package/dist/vue-component-lib/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/vue-component-lib/utils.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,UAAU,CAAC,CAAC;IAC3B,UAAU,CAAC,EAAE,CAAC,CAAC;CAChB;AAsCD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,eAAe,GAAI,KAAK,EAAE,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,EAC3E,MAAM,MAAM,EACZ,qBAAqB,GAAG,EACxB,iBAAgB,MAAM,EAAO,EAC7B,YAAY,MAAM,EAClB,mBAAmB,MAAM,iJA8K1B,CAAC"}

package/dist/vue-component-lib/utils.js

@@ -0,0 +1,195 @@
+// @ts-nocheck
+// It's easier and safer for Volar to disable typechecking and let the return type inference do its job.
+import { defineComponent, getCurrentInstance, h, inject, ref, withDirectives } from 'vue';
+const UPDATE_VALUE_EVENT = 'update:modelValue';
+const MODEL_VALUE = 'modelValue';
+const ROUTER_LINK_VALUE = 'routerLink';
+const NAV_MANAGER = 'navManager';
+const ROUTER_PROP_PREFIX = 'router';
+const ARIA_PROP_PREFIX = 'aria';
+/**
+ * Starting in Vue 3.1.0, all properties are
+ * added as keys to the props object, even if
+ * they are not being used. In order to correctly
+ * account for both value props and v-model props,
+ * we need to check if the key exists for Vue <3.1.0
+ * and then check if it is not undefined for Vue >= 3.1.0.
+ * See https://github.com/vuejs/vue-next/issues/3889
+ */
+const EMPTY_PROP = Symbol();
+const DEFAULT_EMPTY_PROP = { default: EMPTY_PROP };
+const getComponentClasses = (classes) => {
+    return classes?.split(' ') || [];
+};
+const getElementClasses = (ref, componentClasses, defaultClasses = []) => {
+    return [...Array.from(ref.value?.classList || []), ...defaultClasses].filter((c, i, self) => !componentClasses.has(c) && self.indexOf(c) === i);
+};
+/**
+ * Create a callback to define a Vue component wrapper around a Web Component.
+ *
+ * @prop name - The component tag name (i.e. `ion-button`)
+ * @prop componentProps - An array of properties on the
+ * component. These usually match up with the @Prop definitions
+ * in each component's TSX file.
+ * @prop customElement - An option custom element instance to pass
+ * to customElements.define. Only set if `includeImportCustomElements: true` in your config.
+ * @prop modelProp - The prop that v-model binds to (i.e. value)
+ * @prop modelUpdateEvent - The event that is fired from your Web Component when the value changes (i.e. ionChange)
+ */
+export const defineContainer = (name, defineCustomElement, componentProps = [], modelProp, modelUpdateEvent) => {
+    /**
+     * Create a Vue component wrapper around a Web Component.
+     * Note: The `props` here are not all properties on a component.
+     * They refer to whatever properties are set on an instance of a component.
+     */
+    if (defineCustomElement !== undefined) {
+        defineCustomElement();
+    }
+    const Container = defineComponent((props, { attrs, slots, emit }) => {
+        let modelPropValue = props[modelProp];
+        const containerRef = ref();
+        const classes = new Set(getComponentClasses(attrs.class));
+        /**
+         * This directive is responsible for updating any reactive
+         * reference associated with v-model on the component.
+         * This code must be run inside of the "created" callback.
+         * Since the following listener callbacks as well as any potential
+         * event callback defined in the developer's app are set on
+         * the same element, we need to make sure the following callbacks
+         * are set first so they fire first. If the developer's callback fires first
+         * then the reactive reference will not have been updated yet.
+         */
+        const vModelDirective = {
+            created: (el) => {
+                const eventsNames = Array.isArray(modelUpdateEvent) ? modelUpdateEvent : [modelUpdateEvent];
+                eventsNames.forEach((eventName) => {
+                    el.addEventListener(eventName.toLowerCase(), (e) => {
+                        /**
+                         * Only update the v-model binding if the event's target is the element we are
+                         * listening on. For example, Component A could emit ionChange, but it could also
+                         * have a descendant Component B that also emits ionChange. We only want to update
+                         * the v-model for Component A when ionChange originates from that element and not
+                         * when ionChange bubbles up from Component B.
+                         */
+                        if (e.target.tagName === el.tagName) {
+                            modelPropValue = (e?.target)[modelProp];
+                            emit(UPDATE_VALUE_EVENT, modelPropValue);
+                        }
+                    });
+                });
+            },
+        };
+        const currentInstance = getCurrentInstance();
+        const hasRouter = currentInstance?.appContext?.provides[NAV_MANAGER];
+        const navManager = hasRouter ? inject(NAV_MANAGER) : undefined;
+        const handleRouterLink = (ev) => {
+            const { routerLink } = props;
+            if (routerLink === EMPTY_PROP)
+                return;
+            if (navManager !== undefined) {
+                /**
+                 * This prevents the browser from
+                 * performing a page reload when pressing
+                 * an Ionic component with routerLink.
+                 * The page reload interferes with routing
+                 * and causes ion-back-button to disappear
+                 * since the local history is wiped on reload.
+                 */
+                ev.preventDefault();
+                let navigationPayload = { event: ev };
+                for (const key in props) {
+                    const value = props[key];
+                    if (props.hasOwnProperty(key) && key.startsWith(ROUTER_PROP_PREFIX) && value !== EMPTY_PROP) {
+                        navigationPayload[key] = value;
+                    }
+                }
+                navManager.navigate(navigationPayload);
+            }
+            else {
+                console.warn('Tried to navigate, but no router was found. Make sure you have mounted Vue Router.');
+            }
+        };
+        return () => {
+            modelPropValue = props[modelProp];
+            getComponentClasses(attrs.class).forEach((value) => {
+                classes.add(value);
+            });
+            const oldClick = props.onClick;
+            const handleClick = (ev) => {
+                if (oldClick !== undefined) {
+                    oldClick(ev);
+                }
+                if (!ev.defaultPrevented) {
+                    handleRouterLink(ev);
+                }
+            };
+            let propsToAdd = {
+                ref: containerRef,
+                class: getElementClasses(containerRef, classes),
+                onClick: handleClick,
+            };
+            /**
+             * We can use Object.entries here
+             * to avoid the hasOwnProperty check,
+             * but that would require 2 iterations
+             * where as this only requires 1.
+             */
+            for (const key in props) {
+                const value = props[key];
+                if ((props.hasOwnProperty(key) && value !== EMPTY_PROP) || key.startsWith(ARIA_PROP_PREFIX)) {
+                    propsToAdd[key] = value;
+                }
+            }
+            if (modelProp) {
+                /**
+                 * If form value property was set using v-model
+                 * then we should use that value.
+                 * Otherwise, check to see if form value property
+                 * was set as a static value (i.e. no v-model).
+                 */
+                if (props[MODEL_VALUE] !== EMPTY_PROP) {
+                    propsToAdd = {
+                        ...propsToAdd,
+                        [modelProp]: props[MODEL_VALUE],
+                    };
+                }
+                else if (modelPropValue !== EMPTY_PROP) {
+                    propsToAdd = {
+                        ...propsToAdd,
+                        [modelProp]: modelPropValue,
+                    };
+                }
+            }
+            // If router link is defined, add href to props
+            // in order to properly render an anchor tag inside
+            // of components that should become activatable and
+            // focusable with router link.
+            if (props[ROUTER_LINK_VALUE] !== EMPTY_PROP) {
+                propsToAdd = {
+                    ...propsToAdd,
+                    href: props[ROUTER_LINK_VALUE],
+                };
+            }
+            /**
+             * vModelDirective is only needed on components that support v-model.
+             * As a result, we conditionally call withDirectives with v-model components.
+             */
+            const node = h(name, propsToAdd, slots.default && slots.default());
+            return modelProp === undefined ? node : withDirectives(node, [[vModelDirective]]);
+        };
+    });
+    if (typeof Container !== 'function') {
+        Container.name = name;
+        Container.props = {
+            [ROUTER_LINK_VALUE]: DEFAULT_EMPTY_PROP,
+        };
+        componentProps.forEach((componentProp) => {
+            Container.props[componentProp] = DEFAULT_EMPTY_PROP;
+        });
+        if (modelProp) {
+            Container.props[MODEL_VALUE] = DEFAULT_EMPTY_PROP;
+            Container.emits = [UPDATE_VALUE_EVENT];
+        }
+    }
+    return Container;
+};

package/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "@diwacopilot/components-vue",
+  "version": "1.0.0",
+  "description": "Vue wrapper package for Diwa Web Components.",
+  "license": "MIT",
+  "type": "module",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "prepack": "npm run build"
+  },
+  "peerDependencies": {
+    "@diwacopilot/components": "^1.0.0",
+    "vue": "^3.4.0"
+  },
+  "devDependencies": {
+    "@diwacopilot/components": "file:../diwa-components",
+    "typescript": "^5.7.2",
+    "vue": "^3.5.13"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/jortega0033/diwa-design-system.git",
+    "directory": "diwa-components-vue"
+  },
+  "bugs": {
+    "url": "https://github.com/jortega0033/diwa-design-system/issues"
+  },
+  "homepage": "https://github.com/jortega0033/diwa-design-system#readme"
+}