@contena/meteor-component-library 5.6.1 → 5.7.0

package/dist/esm/MtUnitSelectResult.js

@@ -33,8 +33,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const mtUnitSelectResult_vue_vue_type_style_index_0_scoped_b8b26529_lang = "";
-const MtUnitSelectResult = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b8b26529"]]);
+const mtUnitSelectResult_vue_vue_type_style_index_0_scoped_80754366_lang = "";
+const MtUnitSelectResult = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-80754366"]]);
 export {
   MtUnitSelectResult as default
 };

package/dist/esm/MtUrlField.d.ts

@@ -14,6 +14,7 @@ type __VLS_Props = {
     disabled?: boolean;
     placeholder?: string;
     name?: string;
+    autocomplete?: string;
     size?: "small" | "default";
     /**
      * Optional caption below the field. The `#hint` slot takes precedence when provided.
@@ -48,6 +49,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     onChange?: ((value: string) => any) | undefined;
 }>, {
     size: "small" | "default";
+    autocomplete: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/esm/MtUrlField.js

@@ -17,7 +17,7 @@ import "../useIsInsideTooltip-0c3bd290.mjs";
 import "../index-431c2592.mjs";
 import "./MtText.js";
 const _hoisted_1 = ["disabled", "data-size"];
-const _hoisted_2 = ["id", "value", "placeholder", "name", "required", "disabled"];
+const _hoisted_2 = ["id", "value", "placeholder", "name", "autocomplete", "required", "disabled"];
 const _hoisted_3 = ["aria-label"];
 const _hoisted_4 = {
   key: 1,
@@ -42,6 +42,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     disabled: { type: Boolean },
     placeholder: {},
     name: {},
+    autocomplete: { default: void 0 },
     size: { default: "default" },
     hint: {}
   }, {
@@ -194,6 +195,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             type: "url",
             placeholder: _ctx.placeholder,
             name: _ctx.name,
+            autocomplete: _ctx.autocomplete,
             required: _ctx.required,
             disabled: _ctx.disabled || _ctx.isInherited,
             class: "mt-url-field__input",
@@ -251,8 +253,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const mtUrlField_vue_vue_type_style_index_0_scoped_c88509b8_lang = "";
-const mtUrlField = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c88509b8"]]);
+const mtUrlField_vue_vue_type_style_index_0_scoped_351782b6_lang = "";
+const mtUrlField = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-351782b6"]]);
 export {
   mtUrlField as default
 };

package/dist/esm/components/mt-snackbar/composables/use-snackbar.d.ts

@@ -22,9 +22,9 @@ export declare function useSnackbar(): {
             url: string;
         } | undefined;
         duration: number;
+        icon?: string | undefined;
         errorMessage?: string | undefined;
         variant?: "success" | "error" | "warning" | "progress" | undefined;
-        icon?: string | undefined;
         message: string;
         progressPercentage?: number | undefined;
         uploadState?: "success" | "error" | undefined;

package/dist/esm/composables/useServicePermission.d.ts

@@ -0,0 +1,15 @@
+import { ComputedRef, Ref } from 'vue';
+export interface UseServicePermissionReturn {
+    /** Whether a service permission request is currently running. */
+    isGranting: Ref<boolean>;
+    /** Whether the current extension is running as a Contena Service. */
+    isService: Ref<boolean | null>;
+    /** Whether the required permission is granted, or `null` when it cannot be resolved. */
+    permissionGranted: Ref<boolean | null>;
+    /** Whether permission-related UI should be displayed. */
+    isShowPermissionUI: ComputedRef<boolean>;
+    /** Grants the permissions required by the current Contena Service. */
+    grant: () => Promise<void>;
+}
+/** Resolves and grants permissions required by a Contena Service. */
+export declare function useServicePermission(): UseServicePermissionReturn;

package/dist/esm/index.d.ts

@@ -50,6 +50,7 @@ import { default as MtInset } from './components/mt-inset/mt-inset';
 import { default as MtThemeProvider } from './components/mt-theme-provider/mt-theme-provider';
 import { default as MtThemeSelect } from './components/mt-theme-select/mt-theme-select';
 import { useTheme, Theme, ResolvedTheme, UseThemeOptions, UseThemeReturn } from './composables/useTheme';
+import { useServicePermission, UseServicePermissionReturn } from './composables/useServicePermission';
 import { default as TooltipDirective } from './directives/tooltip.directive';
 import { default as DeviceHelperPlugin } from './plugin/device-helper.plugin';
 import { default as MtTooltip } from './components/mt-tooltip/mt-tooltip';
@@ -68,7 +69,7 @@ import { default as MtCollapsibleTrigger } from './components/mt-collapsible/mt-
 import { default as MtCollapsibleContent } from './components/mt-collapsible/mt-collapsible-content';
 import { DropdownMenuRoot, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuSub } from 'reka-ui';
 import { Filter, Option } from './components/mt-data-table/mt-data-table.interfaces';
-export { MtBanner, MtBadge, MtLoader, MtProgressBar, MtButton, MtCheckbox, MtRadioGroupRoot, MtRadioGroupIndicator, MtRadioGroupList, MtRadioGroupItem, MtRadioGroupCustomItem, MtColorpicker, MtDatepicker, MtEmailField, MtChart, MtLink, MtNumberField, MtPasswordField, MtSelect, MtSlider, MtSwitch, MtTextField, MtTextarea, MtTextEditor, MtTextEditorToolbarButton, MtIcon, MtCard, MtEmptyState, MtGrantPermissionServiceBanner, MtHelpText, MtTabs, MtDataTable, MtPagination, MtSkeletonBar, MtToast, MtSnackbar, MtPromoBadge, MtStatusDot, MtPopover, MtPopoverItem, MtPopoverItemResult, MtTooltip, MtFloatingUi, MtModal, MtModalRoot, MtModalTrigger, MtModalClose, MtModalAction, MtText, MtInset, MtSearch, MtUrlField, MtThemeProvider, MtThemeSelect, MtUnitField, MtEntityDataTable, MtEntitySelect, TooltipDirective, MtAvatar, MtActionMenu, MtActionMenuItem, MtActionMenuGroup, MtCollapsible, MtCollapsibleTrigger, MtCollapsibleContent, DropdownMenuRoot as MtDropdownMenuRoot, DropdownMenuPortal as MtDropdownMenuPortal, DropdownMenuTrigger as MtDropdownMenuTrigger, DropdownMenuSub as MtDropdownMenuSub, DeviceHelperPlugin, useSnackbar, useTheme, MtBanner as SwBanner, MtLoader as SwLoader, MtProgressBar as SwProgressBar, MtButton as SwButton, MtCheckbox as SwCheckbox, MtColorpicker as SwColorpicker, MtDatepicker as SwDatepicker, MtEmailField as SwEmailField, MtNumberField as SwNumberField, MtPasswordField as SwPasswordField, MtSelect as SwSelect, MtSwitch as SwSwitch, MtTextField as SwTextField, MtTextarea as SwTextarea, MtIcon as SwIcon, MtCard as SwCard, MtTabs as SwTabs, MtDataTable as SwDataTable, MtPagination as SwPagination, MtSkeletonBar as SwSkeletonBar, };
+export { MtBanner, MtBadge, MtLoader, MtProgressBar, MtButton, MtCheckbox, MtRadioGroupRoot, MtRadioGroupIndicator, MtRadioGroupList, MtRadioGroupItem, MtRadioGroupCustomItem, MtColorpicker, MtDatepicker, MtEmailField, MtChart, MtLink, MtNumberField, MtPasswordField, MtSelect, MtSlider, MtSwitch, MtTextField, MtTextarea, MtTextEditor, MtTextEditorToolbarButton, MtIcon, MtCard, MtEmptyState, MtGrantPermissionServiceBanner, MtHelpText, MtTabs, MtDataTable, MtPagination, MtSkeletonBar, MtToast, MtSnackbar, MtPromoBadge, MtStatusDot, MtPopover, MtPopoverItem, MtPopoverItemResult, MtTooltip, MtFloatingUi, MtModal, MtModalRoot, MtModalTrigger, MtModalClose, MtModalAction, MtText, MtInset, MtSearch, MtUrlField, MtThemeProvider, MtThemeSelect, MtUnitField, MtEntityDataTable, MtEntitySelect, TooltipDirective, MtAvatar, MtActionMenu, MtActionMenuItem, MtActionMenuGroup, MtCollapsible, MtCollapsibleTrigger, MtCollapsibleContent, DropdownMenuRoot as MtDropdownMenuRoot, DropdownMenuPortal as MtDropdownMenuPortal, DropdownMenuTrigger as MtDropdownMenuTrigger, DropdownMenuSub as MtDropdownMenuSub, DeviceHelperPlugin, useSnackbar, useTheme, useServicePermission, type UseServicePermissionReturn, MtBanner as SwBanner, MtLoader as SwLoader, MtProgressBar as SwProgressBar, MtButton as SwButton, MtCheckbox as SwCheckbox, MtColorpicker as SwColorpicker, MtDatepicker as SwDatepicker, MtEmailField as SwEmailField, MtNumberField as SwNumberField, MtPasswordField as SwPasswordField, MtSelect as SwSelect, MtSwitch as SwSwitch, MtTextField as SwTextField, MtTextarea as SwTextarea, MtIcon as SwIcon, MtCard as SwCard, MtTabs as SwTabs, MtDataTable as SwDataTable, MtPagination as SwPagination, MtSkeletonBar as SwSkeletonBar, };
 export type { Filter, Option, Toast, Snackbar, ChartOptions };
 export type { Theme, ResolvedTheme, UseThemeOptions, UseThemeReturn };
 export type { Editor } from '@tiptap/vue-3';

package/dist/esm/index.js

@@ -5,7 +5,7 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-import { _, _ as _2 } from "../mt-datepicker.vue_vue_type_style_index_0_lang-2db831f0.mjs";
+import { _, _ as _2 } from "../mt-datepicker.vue_vue_type_style_index_0_lang-5edbea9c.mjs";
 import { default as default2, default as default3 } from "./MtBanner.js";
 import { default as default4 } from "./MtBadge.js";
 import { default as default5, default as default6 } from "./MtLoader.js";
@@ -32,45 +32,45 @@ import { default as default33, default as default34 } from "./MtTextarea.js";
 import { _ as _6, _ as _7 } from "../mt-icon.vue_vue_type_style_index_0_lang-c90dc25b.mjs";
 import { default as default35, default as default36 } from "./MtCard.js";
 import { default as default37 } from "./MtEmptyState.js";
-import { default as default38 } from "./MtGrantPermissionServiceBanner.js";
-import { default as default39, default as default40 } from "./MtTabs.js";
-import { default as default41, default as default42 } from "./MtDataTable.js";
-import { default as default43, default as default44 } from "./MtPagination.js";
-import { default as default45, default as default46 } from "./MtSkeletonBar.js";
-import { default as default47 } from "./MtToast.js";
-import { m, u } from "../mt-snackbar-c97f5abb.mjs";
-import { default as default48 } from "./MtAvatar.js";
-import { default as default49 } from "./MtPromoBadge.js";
-import { default as default50 } from "./MtStatusDot.js";
-import { default as default51 } from "./MtPopover.js";
-import { default as default52 } from "./MtPopoverItem.js";
+import { m, u } from "../mt-grant-permission-service-banner-62995d3a.mjs";
+import { default as default38, default as default39 } from "./MtTabs.js";
+import { default as default40, default as default41 } from "./MtDataTable.js";
+import { default as default42, default as default43 } from "./MtPagination.js";
+import { default as default44, default as default45 } from "./MtSkeletonBar.js";
+import { default as default46 } from "./MtToast.js";
+import { m as m2, u as u2 } from "../mt-snackbar-c97f5abb.mjs";
+import { default as default47 } from "./MtAvatar.js";
+import { default as default48 } from "./MtPromoBadge.js";
+import { default as default49 } from "./MtStatusDot.js";
+import { default as default50 } from "./MtPopover.js";
+import { default as default51 } from "./MtPopoverItem.js";
 import { M } from "../mt-popover-item-result-c0214b39.mjs";
-import { _ as _8 } from "../mt-floating-ui.vue_vue_type_style_index_0_lang-90b9d50a.mjs";
-import { default as default53 } from "./MtModal.js";
-import { default as default54 } from "./MtModalRoot.js";
+import { _ as _8 } from "../mt-floating-ui.vue_vue_type_style_index_0_lang-1e4e0347.mjs";
+import { default as default52 } from "./MtModal.js";
+import { default as default53 } from "./MtModalRoot.js";
 import { _ as _9 } from "../mt-modal-close.vue_vue_type_script_setup_true_lang-15d65d8b.mjs";
 import { _ as _10 } from "../mt-modal-trigger.vue_vue_type_script_setup_true_lang-60b19ac9.mjs";
 import { _ as _11 } from "../mt-modal-action.vue_vue_type_script_setup_true_lang-cb0038ce.mjs";
-import { default as default55 } from "./MtText.js";
-import { default as default56 } from "./MtInset.js";
+import { default as default54 } from "./MtText.js";
+import { default as default55 } from "./MtInset.js";
 import { _ as _12 } from "../mt-theme-provider.vue_vue_type_script_setup_true_lang-486bb7c0.mjs";
-import { _ as _13 } from "../mt-theme-select.vue_vue_type_script_setup_true_lang-6ecf0bcb.mjs";
+import { _ as _13 } from "../mt-theme-select.vue_vue_type_script_setup_true_lang-f57bd5cc.mjs";
 import { effectScope, ref, computed, watch, getCurrentScope, onScopeDispose, defineComponent, unref, openBlock, createBlock, Teleport, renderSlot, createCommentVNode, normalizeProps, guardReactiveProps, withCtx, isRef, onMounted, createVNode, nextTick, withKeys } from "vue";
 import { a as usePreferredDark, b as useLocalStorage } from "../index-03602e2a.mjs";
 import { v } from "../tooltip.directive-a5042569.mjs";
 import { d as debounce } from "../debounce-b18437e2.mjs";
-import { default as default57 } from "./MtTooltip.js";
-import { default as default58 } from "./MtTextEditor.js";
-import { default as default59 } from "./MtTextEditorToolbarButton.js";
-import { default as default60 } from "./MtSearch.js";
-import { default as default61 } from "./MtUrlField.js";
-import { default as default62 } from "./MtUnitField.js";
-import { _ as _14 } from "../mt-entity-data-table.vue_vue_type_style_index_0_lang-20da6e77.mjs";
-import { _ as _15 } from "../mt-entity-select.vue_vue_type_script_setup_true_lang-f3c35d00.mjs";
+import { default as default56 } from "./MtTooltip.js";
+import { default as default57 } from "./MtTextEditor.js";
+import { default as default58 } from "./MtTextEditorToolbarButton.js";
+import { default as default59 } from "./MtSearch.js";
+import { default as default60 } from "./MtUrlField.js";
+import { default as default61 } from "./MtUnitField.js";
+import { _ as _14 } from "../mt-entity-data-table.vue_vue_type_style_index_0_lang-24a26788.mjs";
+import { _ as _15 } from "../mt-entity-select.vue_vue_type_script_setup_true_lang-f94e984f.mjs";
 import { i as injectDropdownMenuRootContext } from "../mt-action-menu.vue_vue_type_style_index_0_lang-22bc864a.mjs";
 import { _ as _16, D } from "../mt-action-menu.vue_vue_type_style_index_0_lang-22bc864a.mjs";
 import { M as MenuAnchor_default } from "../mt-action-menu-item-c949c32a.mjs";
-import { m as m2 } from "../mt-action-menu-item-c949c32a.mjs";
+import { m as m3 } from "../mt-action-menu-item-c949c32a.mjs";
 import { _ as _17 } from "../mt-action-menu-group.vue_vue_type_style_index_0_lang-2e7985aa.mjs";
 import { _ as _18 } from "../mt-collapsible.vue_vue_type_script_setup_true_lang-bddd6604.mjs";
 import { _ as _19 } from "../mt-collapsible-trigger.vue_vue_type_script_setup_true_lang-f86e253d.mjs";
@@ -86,13 +86,13 @@ import "../floating-ui.vue-61aa2b7b.mjs";
 import "../floating-ui.dom-3a2ca2f5.mjs";
 import "../useIsInsideTooltip-0c3bd290.mjs";
 import "../index-431c2592.mjs";
+import "./MtFieldHint.js";
 import "./MtFieldError.js";
 import "../useFutureFlags-af867fe7.mjs";
 import "../object-e11d5dd3.mjs";
 import "../mt-base-field-ddfd1f81.mjs";
 import "./MtFieldCopyable.js";
 import "../id-1e5b8276.mjs";
-import "./MtFieldHint.js";
 import "../focus-trap.esm-3b050c4a.mjs";
 import "./MtFieldAffix.js";
 import "./MtSelectBase.js";
@@ -106,9 +106,9 @@ import "../mt-highlight-text.vue_vue_type_style_index_0_lang-550f3bfe.mjs";
 import "../mt-context-button.vue_vue_type_style_index_0_lang-c4b5d005.mjs";
 import "./MtSmoothReflow.js";
 import "../_commonjsHelpers-7a77ea84.mjs";
-import "../index-26e65048.mjs";
-import "../channel-c0a7f238.mjs";
+import "../channel-24cdec8b.mjs";
 import "../Criteria-dda62b10.mjs";
+import "../index-1e353711.mjs";
 import "./MtContextMenuItem.js";
 import "./MtPriorityPlusNavigation.js";
 import "./MtDataTableSettings.js";
@@ -129,7 +129,7 @@ import "./MtTextEditorToolbarButtonTable.js";
 import "./MtTextEditorDiffModal.js";
 import "./MtUnitSelect.js";
 import "./MtUnitSelectResult.js";
-import "../useRepository-28dfccf5.mjs";
+import "../useRepository-f3e9ffc6.mjs";
 import "../useForwardProps-2f1c8010.mjs";
 import "../Presence-62d83691.mjs";
 import "../createContext-c42b3206.mjs";
@@ -514,8 +514,8 @@ export {
   DeviceHelperPlugin$1 as DeviceHelperPlugin,
   _16 as MtActionMenu,
   _17 as MtActionMenuGroup,
-  m2 as MtActionMenuItem,
-  default48 as MtAvatar,
+  m3 as MtActionMenuItem,
+  default47 as MtAvatar,
   default4 as MtBadge,
   default2 as MtBanner,
   default9 as MtButton,
@@ -526,7 +526,7 @@ export {
   _20 as MtCollapsibleContent,
   _19 as MtCollapsibleTrigger,
   default18 as MtColorpicker,
-  default41 as MtDataTable,
+  default40 as MtDataTable,
   _ as MtDatepicker,
   DropdownMenuPortal_default as MtDropdownMenuPortal,
   D as MtDropdownMenuRoot,
@@ -537,70 +537,71 @@ export {
   _14 as MtEntityDataTable,
   _15 as MtEntitySelect,
   _8 as MtFloatingUi,
-  default38 as MtGrantPermissionServiceBanner,
+  m as MtGrantPermissionServiceBanner,
   default22 as MtHelpText,
   _6 as MtIcon,
-  default56 as MtInset,
+  default55 as MtInset,
   default23 as MtLink,
   default5 as MtLoader,
-  default53 as MtModal,
+  default52 as MtModal,
   _11 as MtModalAction,
   _9 as MtModalClose,
-  default54 as MtModalRoot,
+  default53 as MtModalRoot,
   _10 as MtModalTrigger,
   default24 as MtNumberField,
-  default43 as MtPagination,
+  default42 as MtPagination,
   default26 as MtPasswordField,
-  default51 as MtPopover,
-  default52 as MtPopoverItem,
+  default50 as MtPopover,
+  default51 as MtPopoverItem,
   M as MtPopoverItemResult,
   default7 as MtProgressBar,
-  default49 as MtPromoBadge,
+  default48 as MtPromoBadge,
   _3 as MtRadioGroupCustomItem,
   default15 as MtRadioGroupIndicator,
   default17 as MtRadioGroupItem,
   default16 as MtRadioGroupList,
   default14 as MtRadioGroupRoot,
-  default60 as MtSearch,
+  default59 as MtSearch,
   default28 as MtSelect,
-  default45 as MtSkeletonBar,
+  default44 as MtSkeletonBar,
   default30 as MtSlider,
-  m as MtSnackbar,
-  default50 as MtStatusDot,
+  m2 as MtSnackbar,
+  default49 as MtStatusDot,
   _4 as MtSwitch,
-  default39 as MtTabs,
-  default55 as MtText,
-  default58 as MtTextEditor,
-  default59 as MtTextEditorToolbarButton,
+  default38 as MtTabs,
+  default54 as MtText,
+  default57 as MtTextEditor,
+  default58 as MtTextEditorToolbarButton,
   default31 as MtTextField,
   default33 as MtTextarea,
   _12 as MtThemeProvider,
   _13 as MtThemeSelect,
-  default47 as MtToast,
-  default57 as MtTooltip,
-  default62 as MtUnitField,
-  default61 as MtUrlField,
+  default46 as MtToast,
+  default56 as MtTooltip,
+  default61 as MtUnitField,
+  default60 as MtUrlField,
   default3 as SwBanner,
   default10 as SwButton,
   default36 as SwCard,
   default13 as SwCheckbox,
   default19 as SwColorpicker,
-  default42 as SwDataTable,
+  default41 as SwDataTable,
   _2 as SwDatepicker,
   default21 as SwEmailField,
   _7 as SwIcon,
   default6 as SwLoader,
   default25 as SwNumberField,
-  default44 as SwPagination,
+  default43 as SwPagination,
   default27 as SwPasswordField,
   default8 as SwProgressBar,
   default29 as SwSelect,
-  default46 as SwSkeletonBar,
+  default45 as SwSkeletonBar,
   _5 as SwSwitch,
-  default40 as SwTabs,
+  default39 as SwTabs,
   default32 as SwTextField,
   default34 as SwTextarea,
   v as TooltipDirective,
-  u as useSnackbar,
+  u as useServicePermission,
+  u2 as useSnackbar,
   useTheme
 };

package/dist/esm/mixins/validation.mixin.d.ts

@@ -1,6 +1,6 @@
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     validation: {
-        type: (BooleanConstructor | ObjectConstructor | ArrayConstructor | StringConstructor)[];
+        type: (BooleanConstructor | ObjectConstructor | StringConstructor | ArrayConstructor)[];
         required: false;
         default: null;
     };
@@ -11,7 +11,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     validateRule(value: unknown, rule: string): boolean;
 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     validation: {
-        type: (BooleanConstructor | ObjectConstructor | ArrayConstructor | StringConstructor)[];
+        type: (BooleanConstructor | ObjectConstructor | StringConstructor | ArrayConstructor)[];
         required: false;
         default: null;
     };

package/dist/example-radio-option.css

@@ -1,107 +1 @@
-
-.example-radio-option[data-v-c41003da] {
-  margin: var(--scale-size-8);
-  display: flex;
-  flex-direction: column;
-  gap: var(--scale-size-24, 24px);
-  padding: var(--scale-size-24, 24px) var(--scale-size-28, 28px);
-  border-radius: var(--border-radius-3xl, 24px);
-  border: 1px solid var(--color-border-secondary-default, #e2e3e9);
-  background: var(--color-background-primary-default, #ffffff);
-  box-shadow: 0px 6px 34px 0px var(--color-elevation-shadow-default, rgba(16, 16, 19, 0.1));
-  cursor: pointer;
-  overflow: clip;
-}
-.example-radio-option[data-v-c41003da]:hover:not(.example-radio-option--disabled) {
-  box-shadow: 0px 6px 34px 0px var(--color-elevation-shadow-hover, rgba(16, 16, 19, 0.15));
-}
-.example-radio-option--checked[data-v-c41003da] {
-  outline: 2px solid var(--color-border-brand-default, #0870ff);
-  outline-offset: 2px;
-}
-.example-radio-option--disabled[data-v-c41003da] {
-  cursor: not-allowed;
-  background: var(--color-background-primary-disabled);
-  opacity: 0.6;
-}
-.example-radio-option__header[data-v-c41003da] {
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  align-items: flex-start;
-  width: 100%;
-}
-.example-radio-option__header-content[data-v-c41003da] {
-  display: flex;
-  flex-direction: column;
-  gap: var(--scale-size-16, 16px);
-  flex: 1;
-}
-.example-radio-option__title[data-v-c41003da] {
-  font-family: var(--font-family-body, "Inter");
-  font-size: var(--font-size-l, 20px);
-  font-weight: var(--font-weight-semibold, 600);
-  line-height: var(--font-line-height-l, 30px);
-  color: var(--color-text-primary-default, #1e1e24);
-  margin: 0;
-}
-.example-radio-option__price-section[data-v-c41003da] {
-  display: flex;
-  flex-direction: row;
-  gap: var(--scale-size-12, 12px);
-  align-items: center;
-}
-.example-radio-option__price[data-v-c41003da] {
-  font-family: var(--font-family-headings, "Inter");
-  font-size: var(--font-size-3xl, 32px);
-  font-weight: var(--font-weight-bold, 700);
-  line-height: var(--font-line-height-3xl, 40px);
-  color: var(--color-text-primary-default, #1e1e24);
-}
-.example-radio-option__billing[data-v-c41003da] {
-  display: flex;
-  flex-direction: column;
-  font-family: var(--font-family-body, "Inter");
-  font-size: var(--font-size-xs, 14px);
-  font-weight: var(--font-weight-regular, 400);
-  line-height: var(--font-line-height-xs, 22px);
-  color: var(--color-text-secondary-default, #696a6e);
-}
-.example-radio-option__indicator[data-v-c41003da] {
-  flex-shrink: 0;
-}
-.example-radio-option__divider[data-v-c41003da] {
-  height: 1px;
-  width: 100%;
-  background: var(--color-border-secondary-default, #e2e3e9);
-}
-.example-radio-option__content[data-v-c41003da] {
-  display: flex;
-  flex-direction: column;
-  gap: var(--scale-size-10, 10px);
-  width: 100%;
-}
-.example-radio-option__feature[data-v-c41003da] {
-  display: flex;
-  flex-direction: row;
-  gap: var(--scale-size-12, 12px);
-  align-items: center;
-  min-height: 16px;
-}
-.example-radio-option__feature-icon[data-v-c41003da] {
-  width: 16px;
-  height: 16px;
-  flex-shrink: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: var(--color-icon-primary-default, #1e1e24);
-}
-.example-radio-option__feature span[data-v-c41003da] {
-  font-family: var(--font-family-body, "Inter");
-  font-size: var(--font-size-xs, 14px);
-  font-weight: var(--font-weight-regular, 400);
-  line-height: var(--font-line-height-xs, 22px);
-  color: var(--color-text-primary-default, #1e1e24);
-  display: flex;
-}
+.example-radio-option[data-v-c41003da]{margin:var(--scale-size-8);display:flex;flex-direction:column;gap:var(--scale-size-24, 24px);padding:var(--scale-size-24, 24px) var(--scale-size-28, 28px);border-radius:var(--border-radius-3xl, 24px);border:1px solid var(--color-border-secondary-default, #e2e3e9);background:var(--color-background-primary-default, #ffffff);box-shadow:0 6px 34px 0 var(--color-elevation-shadow-default, rgba(16, 16, 19, .1));cursor:pointer;overflow:clip}.example-radio-option[data-v-c41003da]:hover:not(.example-radio-option--disabled){box-shadow:0 6px 34px 0 var(--color-elevation-shadow-hover, rgba(16, 16, 19, .15))}.example-radio-option--checked[data-v-c41003da]{outline:2px solid var(--color-border-brand-default, #0870ff);outline-offset:2px}.example-radio-option--disabled[data-v-c41003da]{cursor:not-allowed;background:var(--color-background-primary-disabled);opacity:.6}.example-radio-option__header[data-v-c41003da]{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;width:100%}.example-radio-option__header-content[data-v-c41003da]{display:flex;flex-direction:column;gap:var(--scale-size-16, 16px);flex:1}.example-radio-option__title[data-v-c41003da]{font-family:var(--font-family-body, "Inter");font-size:var(--font-size-l, 20px);font-weight:var(--font-weight-semibold, 600);line-height:var(--font-line-height-l, 30px);color:var(--color-text-primary-default, #1e1e24);margin:0}.example-radio-option__price-section[data-v-c41003da]{display:flex;flex-direction:row;gap:var(--scale-size-12, 12px);align-items:center}.example-radio-option__price[data-v-c41003da]{font-family:var(--font-family-headings, "Inter");font-size:var(--font-size-3xl, 32px);font-weight:var(--font-weight-bold, 700);line-height:var(--font-line-height-3xl, 40px);color:var(--color-text-primary-default, #1e1e24)}.example-radio-option__billing[data-v-c41003da]{display:flex;flex-direction:column;font-family:var(--font-family-body, "Inter");font-size:var(--font-size-xs, 14px);font-weight:var(--font-weight-regular, 400);line-height:var(--font-line-height-xs, 22px);color:var(--color-text-secondary-default, #696a6e)}.example-radio-option__indicator[data-v-c41003da]{flex-shrink:0}.example-radio-option__divider[data-v-c41003da]{height:1px;width:100%;background:var(--color-border-secondary-default, #e2e3e9)}.example-radio-option__content[data-v-c41003da]{display:flex;flex-direction:column;gap:var(--scale-size-10, 10px);width:100%}.example-radio-option__feature[data-v-c41003da]{display:flex;flex-direction:row;gap:var(--scale-size-12, 12px);align-items:center;min-height:16px}.example-radio-option__feature-icon[data-v-c41003da]{width:16px;height:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--color-icon-primary-default, #1e1e24)}.example-radio-option__feature span[data-v-c41003da]{font-family:var(--font-family-body, "Inter");font-size:var(--font-size-xs, 14px);font-weight:var(--font-weight-regular, 400);line-height:var(--font-line-height-xs, 22px);color:var(--color-text-primary-default, #1e1e24);display:flex}

package/dist/{index-26e65048.mjs → index-1e353711.mjs}

@@ -1,4 +1,4 @@
-import { c as createSender } from "./channel-c0a7f238.mjs";
+import { c as createSender } from "./channel-24cdec8b.mjs";
 const debug = typeof process === "object" && process.env && process.env.NODE_DEBUG && /\bsemver\b/i.test(process.env.NODE_DEBUG) ? (...args) => console.error("SEMVER", ...args) : () => {
 };
 var debug_1 = debug;

package/dist/{index-2cb63874.js → index-269e5194.js}

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const channel = require("./channel-c7fd2abb.js");
-require("./index-f8d7f486.js");
+const channel = require("./channel-41ddc4ca.js");
+require("./index-fab01d0b.js");
 const _commonjsHelpers = require("./_commonjsHelpers-2cbbddc8.js");
 require("vue");
-require("./useRepository-6804d3b6.js");
+require("./useRepository-86f5a789.js");
 require("./Criteria-86968a69.js");
 var _a;
 const add$3 = channel.createSender("uiComponentSectionRenderer", {

package/dist/{index-ddce4e37.mjs → index-b57e37f8.mjs}

@@ -1,8 +1,8 @@
-import { c as createSender, g as getWindowSrc, m as mainSerializerFactory, h as handle, s as send } from "./channel-c0a7f238.mjs";
-import "./index-26e65048.mjs";
+import { c as createSender, g as getWindowSrc, m as mainSerializerFactory, h as handle, s as send } from "./channel-24cdec8b.mjs";
+import "./index-1e353711.mjs";
 import { c as commonjsGlobal } from "./_commonjsHelpers-7a77ea84.mjs";
 import "vue";
-import "./useRepository-28dfccf5.mjs";
+import "./useRepository-f3e9ffc6.mjs";
 import "./Criteria-dda62b10.mjs";
 var _a;
 const add$3 = createSender("uiComponentSectionRenderer", {

package/dist/{index-f8d7f486.js → index-fab01d0b.js}

@@ -1,5 +1,5 @@
 "use strict";
-const channel = require("./channel-c7fd2abb.js");
+const channel = require("./channel-41ddc4ca.js");
 const debug = typeof process === "object" && process.env && process.env.NODE_DEBUG && /\bsemver\b/i.test(process.env.NODE_DEBUG) ? (...args) => console.error("SEMVER", ...args) : () => {
 };
 var debug_1 = debug;