@nexdom/uimed-vue 1.3.0-beta.3 → 2.0.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/AGENTS.md CHANGED
@@ -128,6 +128,7 @@ CI (`.github/workflows/ci.yml`) runs, in order: commitlint on PR commits, `vp pa
128
128
 
129
129
  - Component layout: `src/components/<name>/<name>.vue`, `types.ts` for prop/option types, `__tests__/<name>.test.ts` for unit tests. Composables follow the same shape under `src/composables/<name>/`.
130
130
  - Public components/composables/types are re-exported from `src/components/index.ts` and `src/composables/index.ts`.
131
+ - Every publicly exported component must use the `U` prefix on its export identifier (e.g., `UButton`, `UMain`), while internal file names and component names remain unprefixed.
131
132
  - Use [JSDoc](https://jsdoc.app/about-getting-started) on every method/prop/type intended to be part of the public API — it's the primary documentation surface and supports markdown/code examples.
132
133
  - Known workarounds (see CONTRIBUTING.md before touching related config): `stryker-vue-ignorer` patches a Stryker/Vue macro-hoisting issue; `vue-tsc` is used for type-check instead of Vite+'s built-in one due to an oxlint/Vue support gap. Both are meant to be removed once their upstream issues are fixed — don't build further on top of them without checking if they're still needed.
133
134
 
@@ -133,11 +133,11 @@ interface NavigationMenuItem {
133
133
  action?: () => void;
134
134
  }
135
135
  //#endregion
136
- //#region src/components/root/types.d.ts
136
+ //#region src/components/main/types.d.ts
137
137
  /**
138
- * Props exposed by the {@link Root} component.
138
+ * Props exposed by the {@link Main} component.
139
139
  */
140
- type RootProps = {
140
+ type MainProps = {
141
141
  /**
142
142
  * Component id to use on automated tests.
143
143
  */
@@ -156,25 +156,27 @@ type RootProps = {
156
156
  navigationMenu?: NavigationMenuProps;
157
157
  };
158
158
  //#endregion
159
- //#region src/components/root/root.vue.d.ts
159
+ //#region src/components/main/main.vue.d.ts
160
160
  /**
161
- * Root component to be placed at the top of the component tree.
161
+ * Main component to be placed at the top of the component tree.
162
162
  *
163
163
  * @example
164
164
  * ```vue
165
- * <root>
166
- * <!-- uimed-components -->
167
- * </root>
165
+ * <template>
166
+ * <u-main>
167
+ * <!-- uimed-components -->
168
+ * </u-main>
169
+ * </template>
168
170
  * ```
169
171
  *
170
- * @see {@link https://nexdom-healthtech.github.io/uimed-vue/guide/components/root | Root Guide}
172
+ * @see {@link https://nexdom-healthtech.github.io/uimed-vue/guide/components/main | Main Guide}
171
173
  */
172
- declare const _default$6: typeof __VLS_export$8;
173
- declare const __VLS_export$8: __VLS_WithSlots$7<import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<RootProps & {
174
+ declare const _default$4: typeof __VLS_export$8;
175
+ declare const __VLS_export$8: __VLS_WithSlots$7<import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<MainProps & {
174
176
  notificationsOpen?: boolean;
175
177
  }, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {
176
178
  "update:notificationsOpen": (value: boolean) => any;
177
- }, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<RootProps & {
179
+ }, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<MainProps & {
178
180
  notificationsOpen?: boolean;
179
181
  }> & Readonly<{
180
182
  "onUpdate:notificationsOpen"?: ((value: boolean) => any) | undefined;
@@ -187,18 +189,18 @@ type __VLS_WithSlots$7<T, S> = T & {
187
189
  };
188
190
  };
189
191
  //#endregion
190
- //#region src/components/btn/types.d.ts
191
- type BtnVariant = "primary" | "secondary" | "ghost";
192
+ //#region src/components/button/types.d.ts
193
+ type ButtonVariant = "primary" | "secondary" | "ghost";
192
194
  /**
193
- * Props exposed by the {@link Btn} component.
195
+ * Props exposed by the {@link Button} component.
194
196
  */
195
- type BtnProps = {
197
+ type ButtonProps = {
196
198
  /**
197
199
  * Applies a distinct style variation to the button.
198
200
  * One of `primary`, `secondary`, or `ghost`.
199
201
  * @default "primary"
200
202
  */
201
- variant?: BtnVariant;
203
+ variant?: ButtonVariant;
202
204
  /**
203
205
  * Applies a distinct behavior to the button.
204
206
  * One of `button` or `submit`.
@@ -231,23 +233,25 @@ type BtnProps = {
231
233
  dataTestid?: string;
232
234
  };
233
235
  //#endregion
234
- //#region src/components/btn/btn.vue.d.ts
236
+ //#region src/components/button/button.vue.d.ts
235
237
  /**
236
238
  * Button component to be used throughout the application.
237
239
  *
238
240
  * @example
239
241
  * ```vue
240
- * <btn color="danger" @click="onClick">
241
- * Confirmar
242
- * </btn>
242
+ * <template>
243
+ * <u-button color="danger" @click="onClick">
244
+ * Confirmar
245
+ * </u-button>
246
+ * </template>
243
247
  * ```
244
248
  *
245
- * @see {@link https://nexdom-healthtech.github.io/uimed-vue/guide/components/btn | Btn Guide}
249
+ * @see {@link https://nexdom-healthtech.github.io/uimed-vue/guide/components/button | Button Guide}
246
250
  */
247
251
  declare const _default: typeof __VLS_export$7;
248
- declare const __VLS_export$7: __VLS_WithSlots$6<import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<BtnProps, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {} & {
252
+ declare const __VLS_export$7: __VLS_WithSlots$6<import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<ButtonProps, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {} & {
249
253
  click: (event: MouseEvent) => any;
250
- }, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<BtnProps> & Readonly<{
254
+ }, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<ButtonProps> & Readonly<{
251
255
  onClick?: ((event: MouseEvent) => any) | undefined;
252
256
  }>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {}, any>, {
253
257
  default?: (props: {}) => any;
@@ -328,7 +332,9 @@ type TextFieldProps = {
328
332
  *
329
333
  * @example
330
334
  * ```vue
331
- * <text-field label="E-mail" type="email" />
335
+ * <template>
336
+ * <u-text-field label="E-mail" type="email" />
337
+ * <template>
332
338
  * ```
333
339
  *
334
340
  * @see {@link https://nexdom-healthtech.github.io/uimed-vue/guide/components/text-field | TextField Guide}
@@ -365,9 +371,11 @@ type ContainerProps = {
365
371
  *
366
372
  * @example
367
373
  * ```vue
368
- * <container>
369
- * <!-- uimed-components -->
370
- * </container>
374
+ * <template>
375
+ * <u-container>
376
+ * <!-- uimed-components -->
377
+ * </u-container>
378
+ * <template>
371
379
  * ```
372
380
  *
373
381
  * @see {@link https://nexdom-healthtech.github.io/uimed-vue/guide/components/layout | Container Guide}
@@ -399,16 +407,18 @@ type RowProps = {
399
407
  *
400
408
  * @example
401
409
  * ```vue
402
- * <container>
403
- * <row>
404
- * <!-- uimed-column -->
405
- * </row>
406
- * </container>
410
+ * <template>
411
+ * <u-container>
412
+ * <u-row>
413
+ * <!-- uimed-column -->
414
+ * </u-row>
415
+ * </u-container>
416
+ * </template>
407
417
  * ```
408
418
  *
409
419
  * @see {@link https://nexdom-healthtech.github.io/uimed-vue/guide/components/layout | Row Guide}
410
420
  */
411
- declare const _default$7: typeof __VLS_export$4;
421
+ declare const _default$5: typeof __VLS_export$4;
412
422
  declare const __VLS_export$4: __VLS_WithSlots$4<import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<RowProps, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<RowProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {}, any>, {
413
423
  default?: (props: {}) => any;
414
424
  }>;
@@ -444,13 +454,15 @@ type Cols = "auto" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10"
444
454
  *
445
455
  * @example
446
456
  * ```vue
447
- * <container>
448
- * <row>
449
- * <col>
450
- * <!-- uimed-components -->
451
- * </col>
452
- * </row>
453
- * </container>
457
+ * <template>
458
+ * <u-container>
459
+ * <u-row>
460
+ * <u-column>
461
+ * <!-- uimed-components -->
462
+ * </u-column>
463
+ * </u-row>
464
+ * </u-container>
465
+ * </template>
454
466
  * ```
455
467
  *
456
468
  * @see {@link https://nexdom-healthtech.github.io/uimed-vue/guide/components/layout | Column Guide}
@@ -467,11 +479,11 @@ type __VLS_WithSlots$3<T, S> = T & {
467
479
  };
468
480
  };
469
481
  //#endregion
470
- //#region src/components/frm/types.d.ts
482
+ //#region src/components/form/types.d.ts
471
483
  /**
472
- * Props exposed by the {@link Frm} component.
484
+ * Props exposed by the {@link Form} component.
473
485
  */
474
- type FrmProps = {
486
+ type FormProps = {
475
487
  /**
476
488
  * Id to set on `form` native element.
477
489
  */
@@ -482,24 +494,26 @@ type FrmProps = {
482
494
  dataTestid?: string;
483
495
  };
484
496
  //#endregion
485
- //#region src/components/frm/frm.vue.d.ts
497
+ //#region src/components/form/form.vue.d.ts
486
498
  /**
487
499
  * Form component to be used throughout the application.
488
500
  *
489
501
  * @example
490
502
  * ```vue
491
- * <frm @submit="onSubmit">
492
- * <!-- uimed-field-components -->
493
- * <!-- uimed-submit-btn-component -->
494
- * </frm>
503
+ * <template>
504
+ * <u-form @submit="onSubmit">
505
+ * <!-- uimed-field-components -->
506
+ * <!-- uimed-submit-btn-component -->
507
+ * </u-form>
508
+ * </template>
495
509
  * ```
496
510
  *
497
- * @see {@link https://nexdom-healthtech.github.io/uimed-vue/guide/components/frm | Form Guide}
511
+ * @see {@link https://nexdom-healthtech.github.io/uimed-vue/guide/components/form | Form Guide}
498
512
  */
499
- declare const _default$5: typeof __VLS_export$2;
500
- declare const __VLS_export$2: __VLS_WithSlots$2<import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<FrmProps, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {} & {
513
+ declare const _default$3: typeof __VLS_export$2;
514
+ declare const __VLS_export$2: __VLS_WithSlots$2<import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<FormProps, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {} & {
501
515
  submit: (event: SubmitEvent) => any;
502
- }, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<FrmProps> & Readonly<{
516
+ }, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<FormProps> & Readonly<{
503
517
  onSubmit?: ((event: SubmitEvent) => any) | undefined;
504
518
  }>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {}, any>, {
505
519
  default?: (props: {}) => any;
@@ -510,21 +524,23 @@ type __VLS_WithSlots$2<T, S> = T & {
510
524
  };
511
525
  };
512
526
  //#endregion
513
- //#region src/components/content/content.vue.d.ts
527
+ //#region src/components/sections/section-content/section-content.vue.d.ts
514
528
  /**
515
529
  * Proxy component for Vuetify's `v-card-text`, used to structure content
516
- * displayed inside a {@link ContentSet}.
530
+ * displayed inside a {@link Section}.
517
531
  *
518
532
  * @example
519
533
  * ```vue
520
- * <content-set title="Title">
521
- * <content>Content</content>
522
- * </content-set>
534
+ * <template>
535
+ * <u-section title="Title">
536
+ * <u-section-content>Content</u-section-content>
537
+ * </u-section>
538
+ * </template>
523
539
  * ```
524
540
  *
525
- * @see {@link https://nexdom-healthtech.github.io/uimed-vue/guide/components/content-set | ContentSet Guide}
541
+ * @see {@link https://nexdom-healthtech.github.io/uimed-vue/guide/components/section | Section Guide}
526
542
  */
527
- declare const _default$3: typeof __VLS_export$1;
543
+ declare const _default$7: typeof __VLS_export$1;
528
544
  declare const __VLS_export$1: __VLS_WithSlots$1<import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<{}, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, true, {}, any>, {
529
545
  default?: (props: {}) => any;
530
546
  }>;
@@ -534,20 +550,20 @@ type __VLS_WithSlots$1<T, S> = T & {
534
550
  };
535
551
  };
536
552
  //#endregion
537
- //#region src/components/content/types.d.ts
538
- type ContentSetVariant = "primary" | "secondary";
553
+ //#region src/components/sections/section/types.d.ts
554
+ type SectionVariant = "primary" | "secondary";
539
555
  /**
540
- * Props exposed by the {@link ContentSet} component.
556
+ * Props exposed by the {@link Section} component.
541
557
  */
542
- type ContentSetProps = {
558
+ type SectionProps = {
543
559
  /**
544
- * Applies a distinct style variation to the content set.
560
+ * Applies a distinct style variation to the section.
545
561
  * One of `primary` or `secondary`.
546
562
  * @default "primary"
547
563
  */
548
- variant?: ContentSetVariant;
564
+ variant?: SectionVariant;
549
565
  /**
550
- * Title displayed at the top of the content set.
566
+ * Title displayed at the top of the section.
551
567
  */
552
568
  title?: string;
553
569
  /**
@@ -555,17 +571,17 @@ type ContentSetProps = {
555
571
  */
556
572
  subtitle?: string;
557
573
  /**
558
- * List of actions displayed at the bottom of the content set, inside
574
+ * List of actions displayed at the bottom of the section, inside
559
575
  * `v-card-actions`. When undefined or empty, no actions area is rendered.
560
576
  */
561
- actions?: ContentSetAction[];
577
+ actions?: SectionAction[];
562
578
  /**
563
- * Makes the content set occupy 100% of its parent's width.
579
+ * Makes the section occupy 100% of its parent's width.
564
580
  * @default false
565
581
  */
566
582
  fullWidth?: boolean;
567
583
  /**
568
- * Makes the content set occupy 100% of its parent's height.
584
+ * Makes the section occupy 100% of its parent's height.
569
585
  * @default false
570
586
  */
571
587
  fullHeight?: boolean;
@@ -581,9 +597,9 @@ type ContentSetProps = {
581
597
  dataTestid?: string;
582
598
  };
583
599
  /**
584
- * A single action rendered inside {@link ContentSet}'s actions area.
600
+ * A single action rendered inside {@link Section}'s actions area.
585
601
  */
586
- interface ContentSetAction extends BtnProps {
602
+ interface SectionAction extends ButtonProps {
587
603
  /**
588
604
  * Text displayed on the action button.
589
605
  */
@@ -594,22 +610,24 @@ interface ContentSetAction extends BtnProps {
594
610
  onClick?: (event: MouseEvent) => void;
595
611
  }
596
612
  //#endregion
597
- //#region src/components/content/content-set.vue.d.ts
613
+ //#region src/components/sections/section/section.vue.d.ts
598
614
  /**
599
- * Content set component to group related content and actions, to be used
615
+ * Section component to group related content and actions, to be used
600
616
  * throughout the application.
601
617
  *
602
618
  * @example
603
619
  * ```vue
604
- * <content-set title="Title" subtitle="Subtitle">
605
- * Content
606
- * </content-set>
620
+ * <template>
621
+ * <u-section title="Title" subtitle="Subtitle">
622
+ * Content
623
+ * </u-section>
624
+ * <template>
607
625
  * ```
608
626
  *
609
- * @see {@link https://nexdom-healthtech.github.io/uimed-vue/guide/components/content-set | ContentSet Guide}
627
+ * @see {@link https://nexdom-healthtech.github.io/uimed-vue/guide/components/section | Section Guide}
610
628
  */
611
- declare const _default$4: typeof __VLS_export;
612
- declare const __VLS_export: __VLS_WithSlots<import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<ContentSetProps, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<ContentSetProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {}, any>, {
629
+ declare const _default$6: typeof __VLS_export;
630
+ declare const __VLS_export: __VLS_WithSlots<import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<SectionProps, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<SectionProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {}, any>, {
613
631
  default?: (props: {}) => any;
614
632
  }>;
615
633
  type __VLS_WithSlots<T, S> = T & {
@@ -618,4 +636,4 @@ type __VLS_WithSlots<T, S> = T & {
618
636
  };
619
637
  };
620
638
  //#endregion
621
- export { type AppBarProps as AppBarConfig, type AppBarUserProps as AppBarUserConfig, _default as Btn, _default$1 as Column, _default$2 as Container, _default$3 as Content, _default$4 as ContentSet, type ContentSetAction, _default$5 as Frm, type NavigationMenuProps as NavigationMenuConfig, _default$6 as Root, _default$7 as Row, _default$8 as TextField };
639
+ export { type AppBarProps as AppBarConfig, type AppBarUserProps as AppBarUserConfig, type NavigationMenuProps as NavigationMenuConfig, type SectionAction, _default as UButton, _default$1 as UColumn, _default$2 as UContainer, _default$3 as UForm, _default$4 as UMain, _default$5 as URow, _default$6 as USection, _default$7 as USectionContent, _default$8 as UTextField };
@@ -543,10 +543,10 @@ var toast_default = /* @__PURE__ */ defineComponent({
543
543
  }
544
544
  });
545
545
  //#endregion
546
- //#region src/components/root/root.vue
547
- var root_default = /* @__PURE__ */ defineComponent({
546
+ //#region src/components/main/main.vue
547
+ var main_default = /* @__PURE__ */ defineComponent({
548
548
  inheritAttrs: false,
549
- __name: "root",
549
+ __name: "main",
550
550
  props: /*@__PURE__*/ mergeModels({
551
551
  dataTestid: {
552
552
  type: String,
@@ -608,31 +608,31 @@ var root_default = /* @__PURE__ */ defineComponent({
608
608
  }
609
609
  });
610
610
  //#endregion
611
- //#region src/composables/btn.ts
612
- const btnVariantToVuetifyVariant = {
611
+ //#region src/composables/button/button.ts
612
+ const buttonVariantToVuetifyVariant = {
613
613
  primary: "elevated",
614
614
  secondary: "flat",
615
615
  ghost: "outlined"
616
616
  };
617
- function useBtnVariant(variant) {
617
+ function useButtonVariant(variant) {
618
618
  return computed(() => {
619
619
  const variantValue = toValue(variant);
620
- return variantValue ? btnVariantToVuetifyVariant[variantValue] : btnVariantToVuetifyVariant.primary;
620
+ return variantValue ? buttonVariantToVuetifyVariant[variantValue] : buttonVariantToVuetifyVariant.primary;
621
621
  });
622
622
  }
623
- function useBtnType(type) {
623
+ function useButtonType(type) {
624
624
  return computed(() => {
625
625
  return toValue(type) ?? "button";
626
626
  });
627
627
  }
628
- function useBtnForm(form) {
628
+ function useButtonForm(form) {
629
629
  return computed(() => toValue(form));
630
630
  }
631
631
  //#endregion
632
- //#region src/components/btn/btn.vue
633
- var btn_default = /* @__PURE__ */ defineComponent({
632
+ //#region src/components/button/button.vue
633
+ var button_default = /* @__PURE__ */ defineComponent({
634
634
  inheritAttrs: false,
635
- __name: "btn",
635
+ __name: "button",
636
636
  props: {
637
637
  variant: {
638
638
  type: String,
@@ -667,10 +667,10 @@ var btn_default = /* @__PURE__ */ defineComponent({
667
667
  setup(__props, { emit: __emit }) {
668
668
  const props = __props;
669
669
  const emit = __emit;
670
- const variant = useBtnVariant(() => props.variant);
670
+ const variant = useButtonVariant(() => props.variant);
671
671
  const color = useVuetifyColor(() => props.color);
672
- const type = useBtnType(() => props.type);
673
- const form = useBtnForm(() => props.form);
672
+ const type = useButtonType(() => props.type);
673
+ const form = useButtonForm(() => props.form);
674
674
  function onClick(event) {
675
675
  emit("click", event);
676
676
  }
@@ -749,10 +749,10 @@ var column_default = /* @__PURE__ */ defineComponent({
749
749
  }
750
750
  });
751
751
  //#endregion
752
- //#region src/components/frm/frm.vue
753
- var frm_default = /* @__PURE__ */ defineComponent({
752
+ //#region src/components/form/form.vue
753
+ var form_default = /* @__PURE__ */ defineComponent({
754
754
  inheritAttrs: false,
755
- __name: "frm",
755
+ __name: "form",
756
756
  props: {
757
757
  id: {
758
758
  type: String,
@@ -784,10 +784,10 @@ var frm_default = /* @__PURE__ */ defineComponent({
784
784
  }
785
785
  });
786
786
  //#endregion
787
- //#region src/components/content/content.vue
788
- var content_default = /* @__PURE__ */ defineComponent({
787
+ //#region src/components/sections/section-content/section-content.vue
788
+ var section_content_default = /* @__PURE__ */ defineComponent({
789
789
  inheritAttrs: false,
790
- __name: "content",
790
+ __name: "section-content",
791
791
  setup(__props) {
792
792
  return (_ctx, _cache) => {
793
793
  return openBlock(), createBlock(unref(VCardText), null, {
@@ -798,22 +798,22 @@ var content_default = /* @__PURE__ */ defineComponent({
798
798
  }
799
799
  });
800
800
  //#endregion
801
- //#region src/composables/content-set.ts
802
- const contentSetVariantToVuetifyVariant = {
801
+ //#region src/composables/section/section.ts
802
+ const sectionVariantToVuetifyVariant = {
803
803
  primary: "elevated",
804
804
  secondary: "outlined"
805
805
  };
806
- function useContentSetVariant(variant) {
806
+ function useSectionVariant(variant) {
807
807
  return computed(() => {
808
808
  const variantValue = toValue(variant);
809
- return variantValue ? contentSetVariantToVuetifyVariant[variantValue] : contentSetVariantToVuetifyVariant.primary;
809
+ return variantValue ? sectionVariantToVuetifyVariant[variantValue] : sectionVariantToVuetifyVariant.primary;
810
810
  });
811
811
  }
812
812
  //#endregion
813
- //#region src/components/content/content-set.vue
814
- var content_set_default = /* @__PURE__ */ defineComponent({
813
+ //#region src/components/sections/section/section.vue
814
+ var section_default = /* @__PURE__ */ defineComponent({
815
815
  inheritAttrs: false,
816
- __name: "content-set",
816
+ __name: "section",
817
817
  props: {
818
818
  variant: {
819
819
  type: String,
@@ -850,7 +850,7 @@ var content_set_default = /* @__PURE__ */ defineComponent({
850
850
  },
851
851
  setup(__props) {
852
852
  const props = __props;
853
- const variant = useContentSetVariant(() => props.variant);
853
+ const variant = useSectionVariant(() => props.variant);
854
854
  const title = computed(() => props.title || void 0);
855
855
  const subtitle = computed(() => props.subtitle || void 0);
856
856
  const width = computed(() => props.fullWidth ? "100%" : void 0);
@@ -878,7 +878,7 @@ var content_set_default = /* @__PURE__ */ defineComponent({
878
878
  class: "mt-auto"
879
879
  }, {
880
880
  default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(props.actions, ({ label, onClick, ...action }, index) => {
881
- return openBlock(), createBlock(btn_default, mergeProps({ key: index }, { ref_for: true }, action, { onClick }), {
881
+ return openBlock(), createBlock(button_default, mergeProps({ key: index }, { ref_for: true }, action, { onClick }), {
882
882
  default: withCtx(() => [createTextVNode(toDisplayString(label), 1)]),
883
883
  _: 2
884
884
  }, 1040, ["onClick"]);
@@ -905,4 +905,4 @@ var content_set_default = /* @__PURE__ */ defineComponent({
905
905
  }
906
906
  });
907
907
  //#endregion
908
- export { btn_default as Btn, column_default as Column, container_default as Container, content_default as Content, content_set_default as ContentSet, frm_default as Frm, root_default as Root, row_default as Row, text_field_default as TextField };
908
+ export { button_default as UButton, column_default as UColumn, container_default as UContainer, form_default as UForm, main_default as UMain, row_default as URow, section_default as USection, section_content_default as USectionContent, text_field_default as UTextField };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nexdom/uimed-vue",
3
- "version": "1.3.0-beta.3",
3
+ "version": "2.0.0-beta.1",
4
4
  "description": "A ui framework for NEXDOM applications.",
5
5
  "keywords": [
6
6
  "lib",