@zairakai/vue-components 1.1.0

package/README.md

@@ -0,0 +1,113 @@
+# @zairakai/vue-components
+
+[![Main][pipeline-main-badge]][pipeline-main-link]
+[![Develop][pipeline-develop-badge]][pipeline-develop-link]
+[![Coverage][coverage-badge]][coverage-link]
+
+[![npm][npm-badge]][npm-link]
+[![GitLab Release][gitlab-release-badge]][gitlab-release]
+[![License][license-badge]][license]
+
+[![Node.js][node-badge]][node]
+[![ESLint][eslint-badge]][eslint]
+[![Prettier][prettier-badge]][prettier]
+
+Collection of reusable Vue 3 components — TypeScript, v-model, WAI-ARIA.
+
+---
+
+## Install
+
+```bash
+npm install @zairakai/vue-components
+```
+
+---
+
+## Usage
+
+### Plugin
+
+```typescript
+import { createApp } from 'vue'
+import VueComponentsPlugin from '@zairakai/vue-components'
+
+const app = createApp(App)
+app.use(VueComponentsPlugin)
+app.mount('#app')
+```
+
+With a custom prefix:
+
+```typescript
+app.use(VueComponentsPlugin, { prefix: 'Zk' })
+// ZkFormInput, ZkLayoutContainer, etc.
+```
+
+### Import by category
+
+```typescript
+import { FormInput, FormButton } from '@zairakai/vue-components/Form'
+import { LayoutContainer, LayoutRow } from '@zairakai/vue-components/Layout'
+import { ContentHeading, ContentParagraph } from '@zairakai/vue-components/Content'
+import { MediaImage, MediaVideo } from '@zairakai/vue-components/Medias'
+```
+
+---
+
+## Categories
+
+| Category  | Components                                               |
+| --------- | -------------------------------------------------------- |
+| `Form`    | Input, Button, Select, Textarea, Checkbox, Radio, etc.   |
+| `Layout`  | Container, Grid, Flex, Header, Footer, Nav, etc.         |
+| `Content` | Heading, Paragraph, Link, List, Blockquote, Msr          |
+| `Medias`  | Image, Figure, Audio, Video, Iframe, Canvas, etc.        |
+
+---
+
+## Development
+
+```bash
+npm install
+make ci              # full CI validation
+make test-coverage   # run vitest with coverage
+```
+
+See [CONTRIBUTING.md](./CONTRIBUTING.md) for the full development workflow.
+
+---
+
+## Getting Help
+
+[![License][license-badge]][license]
+[![Security Policy][security-badge]][security]
+[![Issues][issues-badge]][issues]
+
+**Made with ❤️ by [Zairakai][ecosystem]**
+
+<!-- Reference Links -->
+
+[pipeline-main-badge]: https://gitlab.com/zairakai/npm-packages/vue-components/badges/main/pipeline.svg?ignore_skipped=true&key_text=Main
+[pipeline-main-link]: https://gitlab.com/zairakai/npm-packages/vue-components/-/commits/main
+[pipeline-develop-badge]: https://gitlab.com/zairakai/npm-packages/vue-components/badges/develop/pipeline.svg?ignore_skipped=true&key_text=Develop
+[pipeline-develop-link]: https://gitlab.com/zairakai/npm-packages/vue-components/-/commits/develop
+[coverage-badge]: https://gitlab.com/zairakai/npm-packages/vue-components/badges/main/coverage.svg
+[coverage-link]: https://gitlab.com/zairakai/npm-packages/vue-components/-/pipelines?ref=main
+[npm-badge]: https://img.shields.io/npm/v/@zairakai/vue-components
+[npm-link]: https://www.npmjs.com/package/@zairakai/vue-components
+[gitlab-release-badge]: https://img.shields.io/gitlab/v/release/zairakai/npm-packages/vue-components?logo=gitlab
+[gitlab-release]: https://gitlab.com/zairakai/npm-packages/vue-components/-/releases
+[license-badge]: https://img.shields.io/badge/license-MIT-blue.svg
+[license]: ./LICENSE
+[security-badge]: https://img.shields.io/badge/security-scanned-green.svg
+[security]: ./SECURITY.md
+[issues-badge]: https://img.shields.io/gitlab/issues/open-raw/zairakai%2Fnpm-packages%2Fvue-components?logo=gitlab&label=Issues
+[issues]: https://gitlab.com/zairakai/npm-packages/vue-components/-/issues
+[node-badge]: https://img.shields.io/badge/node.js-%3E%3D22-green.svg?logo=node.js
+[node]: https://nodejs.org
+[eslint-badge]: https://img.shields.io/badge/code%20style-eslint-4B32C3.svg?logo=eslint
+[eslint]: https://eslint.org
+[prettier-badge]: https://img.shields.io/badge/formatter-prettier-F7B93E.svg?logo=prettier
+[prettier]: https://prettier.io
+[ecosystem]: https://gitlab.com/zairakai

package/dist/Content/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Content Components
+ * Components for text content and typography
+ */
+export { default as ContentBlockquote } from './Blockquote.vue';
+export { default as ContentHeading } from './Heading.vue';
+export { default as ContentLink } from './Link.vue';
+export { default as ContentList } from './List.vue';
+export { default as ContentMsr } from './Msr.vue';
+export { default as ContentParagraph } from './Paragraph.vue';
+//# sourceMappingURL=index.d.ts.map

package/dist/Content/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Content/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAC/D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,eAAe,CAAA;AACzD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,YAAY,CAAA;AACnD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,YAAY,CAAA;AACnD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,WAAW,CAAA;AACjD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,iBAAiB,CAAA"}

package/dist/Content/index.js

@@ -0,0 +1,11 @@
+/**
+ * Content Components
+ * Components for text content and typography
+ */
+export { default as ContentBlockquote } from './Blockquote.vue';
+export { default as ContentHeading } from './Heading.vue';
+export { default as ContentLink } from './Link.vue';
+export { default as ContentList } from './List.vue';
+export { default as ContentMsr } from './Msr.vue';
+export { default as ContentParagraph } from './Paragraph.vue';
+//# sourceMappingURL=index.js.map

package/dist/Content/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Content/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAC/D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,eAAe,CAAA;AACzD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,YAAY,CAAA;AACnD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,YAAY,CAAA;AACnD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,WAAW,CAAA;AACjD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,iBAAiB,CAAA"}

package/dist/Form/index.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Form Components
+ * Reusable form elements with v-model support
+ */
+export { default as FormAdditional } from './Additional.vue';
+export { default as FormButton } from './Button.vue';
+export { default as FormCheckbox } from './Checkbox.vue';
+export { default as FormColor } from './Color.vue';
+export { default as FormDatalist } from './Datalist.vue';
+export { default as FormDate } from './Date.vue';
+export { default as FormDatetime } from './Datetime.vue';
+export { default as FormEmail } from './Email.vue';
+export { default as FormField } from './Field.vue';
+export { default as FormFieldset } from './Fieldset.vue';
+export { default as FormFile } from './File.vue';
+export { default as FormForm } from './Form.vue';
+export { default as FormGroup } from './Group.vue';
+export { default as FormHidden } from './Hidden.vue';
+export { default as FormInput } from './Input.vue';
+export { default as FormLabel } from './Label.vue';
+export { default as FormMonth } from './Month.vue';
+export { default as FormNumber } from './Number.vue';
+export { default as FormPassword } from './Password.vue';
+export { default as FormRadio } from './Radio.vue';
+export { default as FormRange } from './Range.vue';
+export { default as FormReset } from './Reset.vue';
+export { default as FormSearch } from './Search.vue';
+export { default as FormSelect } from './Select.vue';
+export { default as FormSubmit } from './Submit.vue';
+export { default as FormSwitch } from './Switch.vue';
+export { default as FormTel } from './Tel.vue';
+export { default as FormTextarea } from './Textarea.vue';
+export { default as FormTime } from './Time.vue';
+export { default as FormToggle } from './Toggle.vue';
+export { default as FormUrl } from './Url.vue';
+export { default as FormWeek } from './Week.vue';
+//# sourceMappingURL=index.d.ts.map

package/dist/Form/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Form/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA"}

package/dist/Form/index.js

@@ -0,0 +1,37 @@
+/**
+ * Form Components
+ * Reusable form elements with v-model support
+ */
+export { default as FormAdditional } from './Additional.vue';
+export { default as FormButton } from './Button.vue';
+export { default as FormCheckbox } from './Checkbox.vue';
+export { default as FormColor } from './Color.vue';
+export { default as FormDatalist } from './Datalist.vue';
+export { default as FormDate } from './Date.vue';
+export { default as FormDatetime } from './Datetime.vue';
+export { default as FormEmail } from './Email.vue';
+export { default as FormField } from './Field.vue';
+export { default as FormFieldset } from './Fieldset.vue';
+export { default as FormFile } from './File.vue';
+export { default as FormForm } from './Form.vue';
+export { default as FormGroup } from './Group.vue';
+export { default as FormHidden } from './Hidden.vue';
+export { default as FormInput } from './Input.vue';
+export { default as FormLabel } from './Label.vue';
+export { default as FormMonth } from './Month.vue';
+export { default as FormNumber } from './Number.vue';
+export { default as FormPassword } from './Password.vue';
+export { default as FormRadio } from './Radio.vue';
+export { default as FormRange } from './Range.vue';
+export { default as FormReset } from './Reset.vue';
+export { default as FormSearch } from './Search.vue';
+export { default as FormSelect } from './Select.vue';
+export { default as FormSubmit } from './Submit.vue';
+export { default as FormSwitch } from './Switch.vue';
+export { default as FormTel } from './Tel.vue';
+export { default as FormTextarea } from './Textarea.vue';
+export { default as FormTime } from './Time.vue';
+export { default as FormToggle } from './Toggle.vue';
+export { default as FormUrl } from './Url.vue';
+export { default as FormWeek } from './Week.vue';
+//# sourceMappingURL=index.js.map

package/dist/Form/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Form/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA"}

package/dist/Layout/index.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Layout Components
+ * Structural components for page layout and organization
+ */
+export { default as LayoutArticle } from './Article.vue';
+export { default as LayoutAside } from './Aside.vue';
+export { default as LayoutColumn } from './Column.vue';
+export { default as LayoutContainer } from './Container.vue';
+export { default as LayoutFlex } from './Flex.vue';
+export { default as LayoutFlexItem } from './FlexItem.vue';
+export { default as LayoutFooter } from './Footer.vue';
+export { default as LayoutGrid } from './Grid.vue';
+export { default as LayoutGridItem } from './GridItem.vue';
+export { default as LayoutHeader } from './Header.vue';
+export { default as LayoutLoader } from './Loader.vue';
+export { default as LayoutMain } from './Main.vue';
+export { default as LayoutNav } from './Nav.vue';
+export { default as LayoutRow } from './Row.vue';
+export { default as LayoutSection } from './Section.vue';
+export { default as LayoutWrapper } from './Wrapper.vue';
+//# sourceMappingURL=index.d.ts.map

package/dist/Layout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Layout/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,eAAe,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,aAAa,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,cAAc,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,YAAY,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,cAAc,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,YAAY,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,cAAc,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,cAAc,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,YAAY,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,WAAW,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,WAAW,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,eAAe,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,eAAe,CAAA"}

package/dist/Layout/index.js

@@ -0,0 +1,21 @@
+/**
+ * Layout Components
+ * Structural components for page layout and organization
+ */
+export { default as LayoutArticle } from './Article.vue';
+export { default as LayoutAside } from './Aside.vue';
+export { default as LayoutColumn } from './Column.vue';
+export { default as LayoutContainer } from './Container.vue';
+export { default as LayoutFlex } from './Flex.vue';
+export { default as LayoutFlexItem } from './FlexItem.vue';
+export { default as LayoutFooter } from './Footer.vue';
+export { default as LayoutGrid } from './Grid.vue';
+export { default as LayoutGridItem } from './GridItem.vue';
+export { default as LayoutHeader } from './Header.vue';
+export { default as LayoutLoader } from './Loader.vue';
+export { default as LayoutMain } from './Main.vue';
+export { default as LayoutNav } from './Nav.vue';
+export { default as LayoutRow } from './Row.vue';
+export { default as LayoutSection } from './Section.vue';
+export { default as LayoutWrapper } from './Wrapper.vue';
+//# sourceMappingURL=index.js.map

package/dist/Layout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Layout/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,eAAe,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,aAAa,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,cAAc,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,YAAY,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,cAAc,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,YAAY,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,cAAc,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,cAAc,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,YAAY,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,WAAW,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,WAAW,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,eAAe,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,eAAe,CAAA"}

package/dist/Medias/index.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Media Components
+ * Components for media content (images, videos, audio, etc.)
+ */
+export { default as MediaAudio } from './Audio.vue';
+export { default as MediaCanvas } from './Canvas.vue';
+export { default as MediaFigcaption } from './Figcaption.vue';
+export { default as MediaFigure } from './Figure.vue';
+export { default as MediaIframe } from './Iframe.vue';
+export { default as MediaImage } from './Image.vue';
+export { default as MediaObject } from './Object.vue';
+export { default as MediaSource } from './Source.vue';
+export { default as MediaTrack } from './Track.vue';
+export { default as MediaVideo } from './Video.vue';
+//# sourceMappingURL=index.d.ts.map

package/dist/Medias/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Medias/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,aAAa,CAAA;AACnD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,cAAc,CAAA;AACrD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,cAAc,CAAA;AACrD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,cAAc,CAAA;AACrD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,aAAa,CAAA;AACnD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,cAAc,CAAA;AACrD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,cAAc,CAAA;AACrD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,aAAa,CAAA;AACnD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,aAAa,CAAA"}

package/dist/Medias/index.js

@@ -0,0 +1,15 @@
+/**
+ * Media Components
+ * Components for media content (images, videos, audio, etc.)
+ */
+export { default as MediaAudio } from './Audio.vue';
+export { default as MediaCanvas } from './Canvas.vue';
+export { default as MediaFigcaption } from './Figcaption.vue';
+export { default as MediaFigure } from './Figure.vue';
+export { default as MediaIframe } from './Iframe.vue';
+export { default as MediaImage } from './Image.vue';
+export { default as MediaObject } from './Object.vue';
+export { default as MediaSource } from './Source.vue';
+export { default as MediaTrack } from './Track.vue';
+export { default as MediaVideo } from './Video.vue';
+//# sourceMappingURL=index.js.map

package/dist/Medias/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Medias/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,aAAa,CAAA;AACnD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,cAAc,CAAA;AACrD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,cAAc,CAAA;AACrD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,cAAc,CAAA;AACrD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,aAAa,CAAA;AACnD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,cAAc,CAAA;AACrD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,cAAc,CAAA;AACrD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,aAAa,CAAA;AACnD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,aAAa,CAAA"}

package/dist/index.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @zairakai/npm-vue-components
+ * Collection of reusable Vue 3 components
+ */
+import type { Plugin } from 'vue';
+export * from './Content/index.js';
+export * from './Form/index.js';
+export * from './Layout/index.js';
+export * from './Medias/index.js';
+export interface VueComponentsOptions {
+    prefix?: string;
+}
+declare const VueComponentsPlugin: Plugin;
+export default VueComponentsPlugin;
+//# 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":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAO,MAAM,EAAE,MAAM,KAAK,CAAA;AAGtC,cAAc,oBAAoB,CAAA;AAClC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,mBAAmB,CAAA;AACjC,cAAc,mBAAmB,CAAA;AAGjC,MAAM,WAAW,oBAAoB;IACnC,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAGD,QAAA,MAAM,mBAAmB,EAAE,MAmB1B,CAAA;AAED,eAAe,mBAAmB,CAAA"}

package/dist/index.js

@@ -0,0 +1,31 @@
+/**
+ * @zairakai/npm-vue-components
+ * Collection of reusable Vue 3 components
+ */
+// Export all components by category
+export * from './Content/index.js';
+export * from './Form/index.js';
+export * from './Layout/index.js';
+export * from './Medias/index.js';
+// Vue plugin for easy installation
+const VueComponentsPlugin = {
+    install(app, options = {}) {
+        // Import all components dynamically
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        const components = import.meta.glob('./**/*.vue', {
+            eager: true,
+        });
+        for (const path in components) {
+            const component = components[path];
+            const name = (component.default.name ?? path.split('/').pop()?.replace('.vue', '') ?? '');
+            if (options.prefix) {
+                app.component(`${options.prefix}${name}`, component.default);
+            }
+            else {
+                app.component(name, component.default);
+            }
+        }
+    },
+};
+export default VueComponentsPlugin;
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,oCAAoC;AACpC,cAAc,oBAAoB,CAAA;AAClC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,mBAAmB,CAAA;AACjC,cAAc,mBAAmB,CAAA;AAOjC,mCAAmC;AACnC,MAAM,mBAAmB,GAAW;IAClC,OAAO,CAAC,GAAQ,EAAE,UAAgC,EAAE;QAClD,oCAAoC;QACpC,8DAA8D;QAC9D,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAmB,YAAY,EAAE;YAClE,KAAK,EAAE,IAAI;SACZ,CAAC,CAAA;QAEF,KAAK,MAAM,IAAI,IAAI,UAAU,EAAE,CAAC;YAC9B,MAAM,SAAS,GAAG,UAAU,CAAC,IAAI,CAAC,CAAA;YAClC,MAAM,IAAI,GAAG,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,IAAI,EAAE,CAAW,CAAA;YAEnG,IAAI,OAAO,CAAC,MAAM,EAAE,CAAC;gBACnB,GAAG,CAAC,SAAS,CAAC,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,EAAE,EAAE,SAAS,CAAC,OAAO,CAAC,CAAA;YAC9D,CAAC;iBAAM,CAAC;gBACN,GAAG,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,OAAO,CAAC,CAAA;YACxC,CAAC;QACH,CAAC;IACH,CAAC;CACF,CAAA;AAED,eAAe,mBAAmB,CAAA"}

package/package.json

@@ -0,0 +1,129 @@
+{
+  "name": "@zairakai/vue-components",
+  "version": "1.1.0",
+  "description": "Collection of reusable Vue 3 components with TypeScript, v-model support, and WAI-ARIA accessibility for forms, layout, content, and media",
+  "keywords": [
+    "vue",
+    "vue3",
+    "components",
+    "form",
+    "layout",
+    "ui",
+    "composition-api",
+    "typescript",
+    "accessible",
+    "wai-aria"
+  ],
+  "homepage": "https://gitlab.com/zairakai/npm-packages/vue-components",
+  "bugs": {
+    "url": "https://gitlab.com/zairakai/npm-packages/vue-components/-/issues",
+    "email": "contact-project+zairakai-npm-packages-vue-components-80190598-issue-@incoming.gitlab.com"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://gitlab.com/zairakai/npm-packages/vue-components.git"
+  },
+  "funding": [
+    {
+      "type": "patreon",
+      "url": "https://www.patreon.com/c/zairakai"
+    },
+    {
+      "type": "twitch",
+      "url": "https://www.twitch.tv/zairakai"
+    }
+  ],
+  "license": "MIT",
+  "author": "Stanislas Poisson <stanislas.p@the-white-rabbits.fr> (https://the-white-rabbits.fr)",
+  "contributors": [
+    {
+      "name": "Stanislas Poisson",
+      "url": "https://gitlab.com/zairakai",
+      "role": "Maintainer"
+    }
+  ],
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./Form": {
+      "types": "./dist/Form.d.ts",
+      "import": "./dist/Form.js",
+      "require": "./dist/Form.cjs"
+    },
+    "./Layout": {
+      "types": "./dist/Layout.d.ts",
+      "import": "./dist/Layout.js",
+      "require": "./dist/Layout.cjs"
+    },
+    "./Content": {
+      "types": "./dist/Content.d.ts",
+      "import": "./dist/Content.js",
+      "require": "./dist/Content.cjs"
+    },
+    "./Medias": {
+      "types": "./dist/Medias.d.ts",
+      "import": "./dist/Medias.js",
+      "require": "./dist/Medias.cjs"
+    }
+  },
+  "main": "./dist/index.cjs",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "src",
+    "dist",
+    "LICENSE",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "vue-tsc && vite build",
+    "eslint": "bash node_modules/@zairakai/js-dev-tools/scripts/eslint.sh",
+    "eslint:fix": "bash node_modules/@zairakai/js-dev-tools/scripts/eslint-fix.sh",
+    "markdownlint": "bash node_modules/@zairakai/js-dev-tools/scripts/markdownlint.sh",
+    "markdownlint:fix": "bash node_modules/@zairakai/js-dev-tools/scripts/markdownlint-fix.sh",
+    "postinstall": "bash node_modules/@zairakai/js-dev-tools/scripts/setup-project.sh --silent || true",
+    "prettier": "bash node_modules/@zairakai/js-dev-tools/scripts/prettier.sh",
+    "prettier:fix": "bash node_modules/@zairakai/js-dev-tools/scripts/prettier-fix.sh",
+    "setup": "bash node_modules/@zairakai/js-dev-tools/scripts/setup-project.sh",
+    "stylelint": "bash node_modules/@zairakai/js-dev-tools/scripts/stylelint.sh",
+    "stylelint:fix": "bash node_modules/@zairakai/js-dev-tools/scripts/stylelint-fix.sh",
+    "normalize": "make package-normalize",
+    "package:validate": "make package-validate",
+    "test": "make test-all",
+    "validate": "make quality"
+  },
+  "peerDependencies": {
+    "vue": "^3.0.0"
+  },
+  "devDependencies": {
+    "@types/node": "^25.0.0",
+    "@vitejs/plugin-vue": "^6.0.0",
+    "@vitest/coverage-v8": "^4.0.0",
+    "@vue/eslint-config-typescript": "^14.6.0",
+    "@vue/test-utils": "^2.4.0",
+    "@vue/tsconfig": "^0.9.0",
+    "@zairakai/js-dev-tools": "^1.0.0",
+    "jsdom": "^29.0.0",
+    "knip": "^5.86.0",
+    "pinia": "^3.0.4",
+    "sort-package-json": "^3.6.1",
+    "typescript": "^5.7.2",
+    "vite": "^8.0.0",
+    "vite-plugin-dts": "^4.5.4",
+    "vitest": "^4.0.0",
+    "vue": "^3.5.17",
+    "vue-eslint-parser": "^10.2.0",
+    "vue-router": "^5.0.3",
+    "vue-tsc": "^3.2.5"
+  },
+  "engines": {
+    "node": ">=22.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "outdatedIgnore": []
+}

package/src/Content/Blockquote.vue

@@ -0,0 +1,23 @@
+<script setup>
+  import { computed } from 'vue'
+
+  defineOptions({
+    name: 'ContentBlockquote',
+  })
+
+  const props = defineProps({
+    cite: String,
+    class: String,
+  })
+
+  const blockquoteProps = computed(() => ({
+    cite: props.cite,
+    class: props.class,
+  }))
+</script>
+
+<template>
+  <blockquote v-bind="blockquoteProps">
+    <slot />
+  </blockquote>
+</template>

package/src/Content/Heading.vue

@@ -0,0 +1,33 @@
+<script setup>
+  import { computed } from 'vue'
+
+  defineOptions({
+    name: 'ContentHeading',
+  })
+
+  const props = defineProps({
+    level: {
+      type: Number,
+      default: 1,
+      validator(value) {
+        return 1 <= value && 6 >= value
+      },
+    },
+    id: String,
+    class: String,
+  })
+
+  const headingProps = computed(() => ({
+    id: props.id,
+    class: props.class,
+  }))
+</script>
+
+<template>
+  <component
+    :is="`h${level}`"
+    v-bind="headingProps"
+  >
+    <slot />
+  </component>
+</template>