ropav 0.0.9 → 0.0.11

package/dist/button-group.css

@@ -1,50 +1,52 @@
-.rp-button-group[data-v-d9f79a5b] {
-  display: inline-flex;
-  align-items: stretch;
-  gap: var(--rp-spacing-2);
-  font-family: var(--rp-font-family);
-  vertical-align: middle;
+@layer ropav.components {
+.rp-button-group[data-v-60c77338] {
+    display: inline-flex;
+    align-items: stretch;
+    gap: var(--rp-spacing-2);
+    font-family: var(--rp-font-family);
+    vertical-align: middle;
 }
-.rp-button-group--vertical[data-v-d9f79a5b] {
-  flex-direction: column;
+.rp-button-group--vertical[data-v-60c77338] {
+    flex-direction: column;
 }
-.rp-button-group--wrap[data-v-d9f79a5b] {
-  flex-wrap: wrap;
+.rp-button-group--wrap[data-v-60c77338] {
+    flex-wrap: wrap;
 }
-.rp-button-group--attached[data-v-d9f79a5b] {
-  gap: 0;
+.rp-button-group--attached[data-v-60c77338] {
+    gap: 0;
 }
-.rp-button-group--attached[data-v-d9f79a5b]:focus-within {
-  position: relative;
-  z-index: 1;
+.rp-button-group--attached[data-v-60c77338]:focus-within {
+    position: relative;
+    z-index: 1;
 }
-.rp-button-group--attached[data-v-d9f79a5b] >  .rp-button {
-  position: relative;
-  border-radius: 0;
-  box-shadow: none;
+.rp-button-group--attached[data-v-60c77338] >  .rp-button {
+    position: relative;
+    border-radius: 0;
+    box-shadow: none;
 }
-.rp-button-group--attached[data-v-d9f79a5b] >  .rp-button:is(:hover, :focus-visible) {
-  z-index: 1;
+.rp-button-group--attached[data-v-60c77338] >  .rp-button:is(:hover, :focus-visible) {
+    z-index: 1;
 }
-.rp-button-group--attached[data-v-d9f79a5b]:not(.rp-button-group--vertical) >  .rp-button:not(:first-child) {
-  margin-inline-start: calc(var(--rp-border-width-thin) * -1);
+.rp-button-group--attached[data-v-60c77338]:not(.rp-button-group--vertical) >  .rp-button:not(:first-child) {
+    margin-inline-start: calc(var(--rp-border-width-thin) * -1);
 }
-.rp-button-group--attached[data-v-d9f79a5b]:not(.rp-button-group--vertical) >  .rp-button:first-child {
-  border-start-start-radius: var(--_rp-button-radius);
-  border-end-start-radius: var(--_rp-button-radius);
+.rp-button-group--attached[data-v-60c77338]:not(.rp-button-group--vertical) >  .rp-button:first-child {
+    border-start-start-radius: var(--_rp-button-radius);
+    border-end-start-radius: var(--_rp-button-radius);
 }
-.rp-button-group--attached[data-v-d9f79a5b]:not(.rp-button-group--vertical) >  .rp-button:last-child {
-  border-start-end-radius: var(--_rp-button-radius);
-  border-end-end-radius: var(--_rp-button-radius);
+.rp-button-group--attached[data-v-60c77338]:not(.rp-button-group--vertical) >  .rp-button:last-child {
+    border-start-end-radius: var(--_rp-button-radius);
+    border-end-end-radius: var(--_rp-button-radius);
 }
-.rp-button-group--attached.rp-button-group--vertical[data-v-d9f79a5b] >  .rp-button:not(:first-child) {
-  margin-block-start: calc(var(--rp-border-width-thin) * -1);
+.rp-button-group--attached.rp-button-group--vertical[data-v-60c77338] >  .rp-button:not(:first-child) {
+    margin-block-start: calc(var(--rp-border-width-thin) * -1);
 }
-.rp-button-group--attached.rp-button-group--vertical[data-v-d9f79a5b] >  .rp-button:first-child {
-  border-start-start-radius: var(--_rp-button-radius);
-  border-start-end-radius: var(--_rp-button-radius);
+.rp-button-group--attached.rp-button-group--vertical[data-v-60c77338] >  .rp-button:first-child {
+    border-start-start-radius: var(--_rp-button-radius);
+    border-start-end-radius: var(--_rp-button-radius);
+}
+.rp-button-group--attached.rp-button-group--vertical[data-v-60c77338] >  .rp-button:last-child {
+    border-end-start-radius: var(--_rp-button-radius);
+    border-end-end-radius: var(--_rp-button-radius);
 }
-.rp-button-group--attached.rp-button-group--vertical[data-v-d9f79a5b] >  .rp-button:last-child {
-  border-end-start-radius: var(--_rp-button-radius);
-  border-end-end-radius: var(--_rp-button-radius);
 }

package/dist/button-group.js

@@ -1,13 +1,15 @@
 import './button-group.css';
 import { t as bem } from "./bem.js";
+import { n as useStylesApi } from "./styles-api.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { computed, createSlot, defineVaporComponent, renderEffect, setAttr, setClass, setInsertionState, setProp, template } from "vue";
+import { computed, createSlot, defineVaporComponent, renderEffect, setDynamicProps, setInsertionState, template } from "vue";
 //#region src/components/button-group/button-group.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var t0 = template("<div data-v-d9f79a5b role=group>", 1);
+var t0 = template("<div data-v-60c77338>", 1);
 //#endregion
 //#region src/components/button-group/button-group.vue
 var button_group_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineVaporComponent({
 	name: "RpButtonGroup",
+	inheritAttrs: false,
 	__name: "button-group",
 	props: {
 		id: {},
@@ -22,7 +24,9 @@ var button_group_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 		},
 		ariaLabel: {},
 		describedby: {},
-		labelledby: {}
+		labelledby: {},
+		classNames: {},
+		styles: {}
 	},
 	setup(__props) {
 		const props = __props;
@@ -31,18 +35,25 @@ var button_group_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			attached: props.attached,
 			wrap: props.wrap
 		}));
+		const { getRootAttrs } = useStylesApi(props, "root");
+		const rootAttrs = computed(() => getRootAttrs({
+			id: props.id,
+			class: rootClass.value,
+			role: "group",
+			"data-orientation": props.orientation,
+			"aria-label": props.ariaLabel || void 0,
+			"aria-labelledby": props.labelledby,
+			"aria-describedby": props.describedby
+		}));
 		const n1 = t0();
-		renderEffect(() => {
-			setProp(n1, "id", __props.id);
-			setClass(n1, rootClass.value);
-			setAttr(n1, "aria-label", __props.ariaLabel || void 0);
-			setAttr(n1, "aria-labelledby", __props.labelledby);
-			setAttr(n1, "aria-describedby", __props.describedby);
-		});
+		renderEffect(() => setDynamicProps(n1, [rootAttrs.value]));
 		setInsertionState(n1, null, 0);
 		createSlot("default", null, null, 1);
 		return n1;
 	}
-}), [["__scopeId", "data-v-d9f79a5b"]]);
+}), [["__scopeId", "data-v-60c77338"]]);
+//#endregion
+//#region src/components/button-group/types.ts
+var buttonGroupParts = ["root"];
 //#endregion
-export { button_group_default as t };
+export { button_group_default as n, buttonGroupParts as t };

package/dist/button-link.css

@@ -1,161 +1,163 @@
-.rp-button[data-v-5511459a] {
-  --_rp-button-bg: var(--rp-color-default);
-  --_rp-button-bg-hover: var(--rp-color-default-hover);
-  --_rp-button-bg-active: var(--rp-color-disabled);
-  --_rp-button-border: var(--rp-color-default-border);
-  --_rp-button-border-hover: var(--_rp-button-border);
-  --_rp-button-border-active: var(--_rp-button-border-hover);
-  --_rp-button-fg: var(--rp-color-default-color);
-  --_rp-button-height: var(--rp-size-control-md);
-  --_rp-button-padding-x: 22px;
-  --_rp-button-font-size: var(--rp-font-size-md);
-  --_rp-button-radius: var(--rp-radius-sm);
-  --_rp-button-shadow: var(--rp-shadow-sm);
-  --_rp-button-shadow-hover: var(--rp-shadow-base);
-  --_rp-button-shadow-active: var(--rp-shadow-sm);
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  position: relative;
-  box-sizing: border-box;
-  font-family: var(--rp-font-family);
-  font-weight: var(--rp-font-weight-medium);
-  line-height: 1;
-  appearance: none;
-  background-color: var(--_rp-button-bg);
-  border: var(--rp-border-width-thin) solid var(--_rp-button-border);
-  box-shadow: var(--_rp-button-shadow);
-  color: var(--_rp-button-fg);
-  cursor: pointer;
-  text-decoration: none;
-  transition: background-color var(--rp-transition-fast), color var(--rp-transition-fast), border-color var(--rp-transition-fast), box-shadow var(--rp-transition-fast), transform var(--rp-transition-fast);
-  white-space: nowrap;
-  user-select: none;
-  height: var(--_rp-button-height);
-  padding: 0 var(--_rp-button-padding-x);
-  font-size: var(--_rp-button-font-size);
-  border-radius: var(--_rp-button-radius);
-}
-.rp-button[data-v-5511459a]:hover:not(:disabled):not(.rp-button--disabled) {
-  background-color: var(--_rp-button-bg-hover);
-  border-color: var(--_rp-button-border-hover);
-  box-shadow: var(--_rp-button-shadow-hover);
-}
-.rp-button[data-v-5511459a]:active:not(:disabled):not(.rp-button--disabled) {
-  background-color: var(--_rp-button-bg-active);
-  border-color: var(--_rp-button-border-active);
-  box-shadow: var(--_rp-button-shadow-active);
-  transform: translateY(1px);
-}
-.rp-button--size-xs[data-v-5511459a] {
-  --_rp-button-height: var(--rp-size-control-xs);
-  --_rp-button-padding-x: 14px;
-  --_rp-button-font-size: var(--rp-font-size-xs);
-}
-.rp-button--size-sm[data-v-5511459a] {
-  --_rp-button-height: var(--rp-size-control-sm);
-  --_rp-button-padding-x: 18px;
-  --_rp-button-font-size: var(--rp-font-size-sm);
-}
-.rp-button--size-md[data-v-5511459a] {
-  --_rp-button-height: var(--rp-size-control-md);
-  --_rp-button-padding-x: 22px;
-  --_rp-button-font-size: var(--rp-font-size-md);
-}
-.rp-button--size-lg[data-v-5511459a] {
-  --_rp-button-height: var(--rp-size-control-lg);
-  --_rp-button-padding-x: 26px;
-  --_rp-button-font-size: var(--rp-font-size-lg);
-}
-.rp-button--size-xl[data-v-5511459a] {
-  --_rp-button-height: var(--rp-size-control-xl);
-  --_rp-button-padding-x: 32px;
-  --_rp-button-font-size: var(--rp-font-size-xl);
-}
-.rp-button--radius-xs[data-v-5511459a] {
-  --_rp-button-radius: var(--rp-radius-xs);
-}
-.rp-button--radius-sm[data-v-5511459a] {
-  --_rp-button-radius: var(--rp-radius-sm);
-}
-.rp-button--radius-md[data-v-5511459a] {
-  --_rp-button-radius: var(--rp-radius-md);
-}
-.rp-button--radius-lg[data-v-5511459a] {
-  --_rp-button-radius: var(--rp-radius-lg);
-}
-.rp-button--radius-xl[data-v-5511459a] {
-  --_rp-button-radius: var(--rp-radius-xl);
-}
-.rp-button--subtle[data-v-5511459a] {
-  --_rp-button-shadow: none;
-  --_rp-button-shadow-hover: none;
-  --_rp-button-shadow-active: none;
-}
-.rp-button--surface[data-v-5511459a] {
-  --_rp-button-shadow: none;
-  --_rp-button-shadow-hover: none;
-  --_rp-button-shadow-active: none;
-}
-.rp-button--outline[data-v-5511459a] {
-  --_rp-button-shadow: none;
-  --_rp-button-shadow-hover: none;
-  --_rp-button-shadow-active: none;
-}
-.rp-button--ghost[data-v-5511459a] {
-  --_rp-button-shadow: none;
-  --_rp-button-shadow-hover: none;
-  --_rp-button-shadow-active: none;
-}
-.rp-button--plain[data-v-5511459a] {
-  --_rp-button-shadow: none;
-  --_rp-button-shadow-hover: none;
-  --_rp-button-shadow-active: none;
-}
-.rp-button[data-v-5511459a]:disabled, .rp-button--disabled[data-v-5511459a] {
-  opacity: var(--rp-opacity-disabled);
-  cursor: not-allowed;
-  box-shadow: none;
-  transform: none;
-}
-.rp-button[data-v-5511459a]:focus-visible {
-  outline: none;
-  border-color: var(--rp-color-control-border-focus);
-  box-shadow: 0 0 0 var(--rp-border-width-medium) var(--rp-color-focus-ring);
-}
-.rp-button--loading .rp-button__content[data-v-5511459a] {
-  opacity: 0;
-}
-.rp-button__content[data-v-5511459a] {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: var(--rp-spacing-2);
-}
-.rp-button__left[data-v-5511459a], .rp-button__right[data-v-5511459a] {
-  display: inline-flex;
-  align-items: center;
-  flex-shrink: 0;
-}
-.rp-button__loading[data-v-5511459a] {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  translate: -50% -50%;
-}
-.rp-button__spinner[data-v-5511459a] {
-  display: block;
-  width: 1em;
-  height: 1em;
-  flex-shrink: 0;
-  transform-origin: center;
-  animation: rp-spinner-spin-5511459a 700ms linear infinite;
-}
-@keyframes rp-spinner-spin-5511459a {
+@layer ropav.components {
+.rp-button[data-v-107a8d80] {
+    --_rp-button-bg: var(--rp-color-default);
+    --_rp-button-bg-hover: var(--rp-color-default-hover);
+    --_rp-button-bg-active: var(--rp-color-disabled);
+    --_rp-button-border: var(--rp-color-default-border);
+    --_rp-button-border-hover: var(--_rp-button-border);
+    --_rp-button-border-active: var(--_rp-button-border-hover);
+    --_rp-button-fg: var(--rp-color-default-color);
+    --_rp-button-height: var(--rp-size-control-md);
+    --_rp-button-padding-x: 22px;
+    --_rp-button-font-size: var(--rp-font-size-md);
+    --_rp-button-radius: var(--rp-radius-sm);
+    --_rp-button-shadow: var(--rp-shadow-sm);
+    --_rp-button-shadow-hover: var(--rp-shadow-base);
+    --_rp-button-shadow-active: var(--rp-shadow-sm);
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    position: relative;
+    box-sizing: border-box;
+    font-family: var(--rp-font-family);
+    font-weight: var(--rp-font-weight-medium);
+    line-height: 1;
+    appearance: none;
+    background-color: var(--_rp-button-bg);
+    border: var(--rp-border-width-thin) solid var(--_rp-button-border);
+    box-shadow: var(--_rp-button-shadow);
+    color: var(--_rp-button-fg);
+    cursor: pointer;
+    text-decoration: none;
+    transition: background-color var(--rp-transition-fast), color var(--rp-transition-fast), border-color var(--rp-transition-fast), box-shadow var(--rp-transition-fast), transform var(--rp-transition-fast);
+    white-space: nowrap;
+    user-select: none;
+    height: var(--_rp-button-height);
+    padding: 0 var(--_rp-button-padding-x);
+    font-size: var(--_rp-button-font-size);
+    border-radius: var(--_rp-button-radius);
+}
+.rp-button[data-v-107a8d80]:hover:not(:disabled):not(.rp-button--disabled) {
+    background-color: var(--_rp-button-bg-hover);
+    border-color: var(--_rp-button-border-hover);
+    box-shadow: var(--_rp-button-shadow-hover);
+}
+.rp-button[data-v-107a8d80]:active:not(:disabled):not(.rp-button--disabled) {
+    background-color: var(--_rp-button-bg-active);
+    border-color: var(--_rp-button-border-active);
+    box-shadow: var(--_rp-button-shadow-active);
+    transform: translateY(1px);
+}
+.rp-button--size-xs[data-v-107a8d80] {
+    --_rp-button-height: var(--rp-size-control-xs);
+    --_rp-button-padding-x: 14px;
+    --_rp-button-font-size: var(--rp-font-size-xs);
+}
+.rp-button--size-sm[data-v-107a8d80] {
+    --_rp-button-height: var(--rp-size-control-sm);
+    --_rp-button-padding-x: 18px;
+    --_rp-button-font-size: var(--rp-font-size-sm);
+}
+.rp-button--size-md[data-v-107a8d80] {
+    --_rp-button-height: var(--rp-size-control-md);
+    --_rp-button-padding-x: 22px;
+    --_rp-button-font-size: var(--rp-font-size-md);
+}
+.rp-button--size-lg[data-v-107a8d80] {
+    --_rp-button-height: var(--rp-size-control-lg);
+    --_rp-button-padding-x: 26px;
+    --_rp-button-font-size: var(--rp-font-size-lg);
+}
+.rp-button--size-xl[data-v-107a8d80] {
+    --_rp-button-height: var(--rp-size-control-xl);
+    --_rp-button-padding-x: 32px;
+    --_rp-button-font-size: var(--rp-font-size-xl);
+}
+.rp-button--radius-xs[data-v-107a8d80] {
+    --_rp-button-radius: var(--rp-radius-xs);
+}
+.rp-button--radius-sm[data-v-107a8d80] {
+    --_rp-button-radius: var(--rp-radius-sm);
+}
+.rp-button--radius-md[data-v-107a8d80] {
+    --_rp-button-radius: var(--rp-radius-md);
+}
+.rp-button--radius-lg[data-v-107a8d80] {
+    --_rp-button-radius: var(--rp-radius-lg);
+}
+.rp-button--radius-xl[data-v-107a8d80] {
+    --_rp-button-radius: var(--rp-radius-xl);
+}
+.rp-button--subtle[data-v-107a8d80] {
+    --_rp-button-shadow: none;
+    --_rp-button-shadow-hover: none;
+    --_rp-button-shadow-active: none;
+}
+.rp-button--surface[data-v-107a8d80] {
+    --_rp-button-shadow: none;
+    --_rp-button-shadow-hover: none;
+    --_rp-button-shadow-active: none;
+}
+.rp-button--outline[data-v-107a8d80] {
+    --_rp-button-shadow: none;
+    --_rp-button-shadow-hover: none;
+    --_rp-button-shadow-active: none;
+}
+.rp-button--ghost[data-v-107a8d80] {
+    --_rp-button-shadow: none;
+    --_rp-button-shadow-hover: none;
+    --_rp-button-shadow-active: none;
+}
+.rp-button--plain[data-v-107a8d80] {
+    --_rp-button-shadow: none;
+    --_rp-button-shadow-hover: none;
+    --_rp-button-shadow-active: none;
+}
+.rp-button[data-v-107a8d80]:disabled, .rp-button--disabled[data-v-107a8d80] {
+    opacity: var(--rp-opacity-disabled);
+    cursor: not-allowed;
+    box-shadow: none;
+    transform: none;
+}
+.rp-button[data-v-107a8d80]:focus-visible {
+    outline: none;
+    border-color: var(--rp-color-control-border-focus);
+    box-shadow: 0 0 0 var(--rp-border-width-medium) var(--rp-color-focus-ring);
+}
+.rp-button--loading .rp-button__content[data-v-107a8d80] {
+    opacity: 0;
+}
+.rp-button__content[data-v-107a8d80] {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    gap: var(--rp-spacing-2);
+}
+.rp-button__left[data-v-107a8d80], .rp-button__right[data-v-107a8d80] {
+    display: inline-flex;
+    align-items: center;
+    flex-shrink: 0;
+}
+.rp-button__loading[data-v-107a8d80] {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    translate: -50% -50%;
+}
+.rp-button__spinner[data-v-107a8d80] {
+    display: block;
+    width: 1em;
+    height: 1em;
+    flex-shrink: 0;
+    transform-origin: center;
+    animation: rp-spinner-spin-107a8d80 700ms linear infinite;
+}
+@keyframes rp-spinner-spin-107a8d80 {
 to {
-    transform: rotate(360deg);
+      transform: rotate(360deg);
+}
 }
 }

package/dist/button-link.js

@@ -1,17 +1,17 @@
 import './button-link.css';
 import { t as bem } from "./bem.js";
+import { n as useStylesApi, t as presence } from "./styles-api.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { n as loader_circle_default, t as getButtonColorStyle } from "./useButtonColor.js";
-import { child, computed, createComponent, createIf, createSlot, defineVaporComponent, on, renderEffect, setAttr, setClass, setInsertionState, setProp, setStyle, template, unref } from "vue";
+import { child, computed, createComponent, createIf, createSlot, defineVaporComponent, renderEffect, setDynamicProps, setInsertionState, template, unref } from "vue";
 //#region src/components/button-link/button-link.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var t0 = template("<span data-v-5511459a class=rp-button__loading aria-hidden=true>");
-var t1 = template("<span data-v-5511459a class=rp-button__left>");
-var t2 = template("<span data-v-5511459a class=rp-button__right>");
-var t3 = template("<a data-v-5511459a><span data-v-5511459a class=rp-button__content><span data-v-5511459a class=rp-button__label></span>", 1);
+var t0 = template("<span data-v-107a8d80>");
+var t1 = template("<a data-v-107a8d80><span data-v-107a8d80 class=rp-button__content><span data-v-107a8d80></span>", 1);
 //#endregion
 //#region src/components/button-link/button-link.vue
 var button_link_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineVaporComponent({
 	name: "RpButtonLink",
+	inheritAttrs: false,
 	__name: "button-link",
 	props: {
 		href: {},
@@ -31,7 +31,9 @@ var button_link_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 		loading: {
 			type: Boolean,
 			default: false
-		}
+		},
+		classNames: {},
+		styles: {}
 	},
 	setup(__props, { slots: $slots }) {
 		const props = __props;
@@ -55,29 +57,35 @@ var button_link_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 			return props.download === true ? "" : props.download;
 		});
 		const resolvedHrefLang = computed(() => isUnavailable.value ? void 0 : props.hreflang);
+		const { getPartAttrs, getRootAttrs } = useStylesApi(props, "root");
+		const rootAttrs = computed(() => getRootAttrs({
+			class: rootClass.value,
+			style: rootStyle.value,
+			href: resolvedHref.value,
+			target: resolvedTarget.value,
+			rel: resolvedRel.value,
+			download: resolvedDownload.value,
+			hreflang: resolvedHrefLang.value,
+			"aria-disabled": isUnavailable.value || void 0,
+			"aria-busy": props.loading || void 0,
+			tabindex: isUnavailable.value ? -1 : void 0,
+			"data-disabled": presence(isUnavailable.value),
+			"data-loading": presence(props.loading),
+			onClickCapture: onDisabledClick
+		}));
 		function onDisabledClick(event) {
 			if (!isUnavailable.value) return;
 			event.preventDefault();
 			event.stopImmediatePropagation();
 		}
-		const n17 = t3();
+		const n17 = t1();
 		const n16 = child(n17, 1);
 		const n11 = child(n16, 1);
-		renderEffect(() => {
-			setClass(n17, rootClass.value);
-			setStyle(n17, rootStyle.value);
-			setProp(n17, "href", resolvedHref.value);
-			setProp(n17, "target", resolvedTarget.value);
-			setProp(n17, "rel", resolvedRel.value);
-			setProp(n17, "download", resolvedDownload.value);
-			setProp(n17, "hreflang", resolvedHrefLang.value);
-			setAttr(n17, "aria-disabled", isUnavailable.value || void 0);
-			setAttr(n17, "aria-busy", __props.loading || void 0);
-			setProp(n17, "tabindex", isUnavailable.value ? -1 : void 0);
-		});
+		renderEffect(() => setDynamicProps(n17, [rootAttrs.value]));
 		setInsertionState(n17, 0, 0);
 		createIf(() => __props.loading, () => {
 			const n5 = t0();
+			renderEffect(() => setDynamicProps(n5, [unref(getPartAttrs)("loader", { class: "rp-button__loading" }), { "aria-hidden": "true" }]));
 			setInsertionState(n5, null, 0);
 			createSlot("loading", null, () => {
 				return createComponent(unref(loader_circle_default), { class: "rp-button__spinner" });
@@ -86,23 +94,34 @@ var button_link_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 		});
 		setInsertionState(n16, 0, 0);
 		createIf(() => $slots.left, () => {
-			const n9 = t1();
+			const n9 = t0();
+			renderEffect(() => setDynamicProps(n9, [unref(getPartAttrs)("left", { class: "rp-button__left" })]));
 			setInsertionState(n9, null, 0);
 			createSlot("left", null, null, 1);
 			return n9;
 		});
+		renderEffect(() => setDynamicProps(n11, [unref(getPartAttrs)("label", { class: "rp-button__label" })]));
 		setInsertionState(n11, null, 0);
 		createSlot("default", null, null, 1);
 		setInsertionState(n16, null, 2);
 		createIf(() => $slots.right, () => {
-			const n15 = t2();
+			const n15 = t0();
+			renderEffect(() => setDynamicProps(n15, [unref(getPartAttrs)("right", { class: "rp-button__right" })]));
 			setInsertionState(n15, null, 0);
 			createSlot("right", null, null, 1);
 			return n15;
 		});
-		on(n17, "click", onDisabledClick, { capture: true });
 		return n17;
 	}
-}), [["__scopeId", "data-v-5511459a"]]);
+}), [["__scopeId", "data-v-107a8d80"]]);
+//#endregion
+//#region src/components/button-link/types.ts
+var buttonLinkParts = [
+	"root",
+	"loader",
+	"left",
+	"label",
+	"right"
+];
 //#endregion
-export { button_link_default as t };
+export { button_link_default as n, buttonLinkParts as t };