ropav 0.2.0 → 0.3.0

package/dist/_plugin-vue_export-helper.js

@@ -1,8 +0,0 @@
-//#region \0plugin-vue:export-helper
-var _plugin_vue_export_helper_default = (sfc, props) => {
-	const target = sfc.__vccOpts || sfc;
-	for (const [key, val] of props) target[key] = val;
-	return target;
-};
-//#endregion
-export { _plugin_vue_export_helper_default as t };

package/dist/accordion.css

@@ -1,105 +0,0 @@
-@layer ropav.components {
-.rp-accordion[data-v-c48cb87a] {
-    --_rp-accordion-radius: var(--rp-radius-sm);
-    --_rp-accordion-duration: var(--rp-transition-fast);
-    box-sizing: border-box;
-    display: grid;
-    min-width: 0;
-    overflow: hidden;
-    font-family: var(--rp-font-family);
-    color: var(--rp-color-text);
-    background-color: var(--rp-color-default);
-    border: var(--rp-border-width-thin) solid var(--rp-color-default-border);
-    border-radius: var(--_rp-accordion-radius);
-}
-.rp-accordion--disabled[data-v-c48cb87a] {
-    opacity: var(--rp-opacity-disabled);
-    cursor: not-allowed;
-}
-}@layer ropav.components {
-.rp-accordion-item[data-v-ab630265] {
-    --_rp-accordion-duration: var(--rp-transition-fast);
-    box-sizing: border-box;
-    min-width: 0;
-    border-top: var(--rp-border-width-thin) solid var(--rp-color-default-border);
-}
-.rp-accordion-item[data-v-ab630265]:first-child {
-    border-top: 0;
-}
-.rp-accordion-item--disabled[data-v-ab630265] {
-    opacity: var(--rp-opacity-disabled);
-    cursor: not-allowed;
-}
-.rp-accordion-item__heading[data-v-ab630265] {
-    margin: 0;
-    font: inherit;
-}
-.rp-accordion-item__trigger[data-v-ab630265] {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    box-sizing: border-box;
-    width: 100%;
-    min-height: var(--rp-size-control-lg);
-    gap: var(--rp-spacing-3);
-    padding: var(--rp-spacing-3) var(--rp-spacing-4);
-    color: var(--rp-color-text);
-    font-family: var(--rp-font-family);
-    font-size: var(--rp-font-size-md);
-    font-weight: var(--rp-font-weight-medium);
-    line-height: var(--rp-line-height-xs);
-    text-align: left;
-    appearance: none;
-    cursor: pointer;
-    background: transparent;
-    border: 0;
-    transition: background-color var(--_rp-accordion-duration), color var(--_rp-accordion-duration);
-}
-.rp-accordion-item__trigger[data-v-ab630265]:hover:not(:disabled) {
-    background-color: var(--rp-color-default-hover);
-}
-.rp-accordion-item__trigger[data-v-ab630265]: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-accordion-item__trigger[data-v-ab630265]:disabled {
-    cursor: default;
-}
-.rp-accordion-item__title[data-v-ab630265] {
-    min-width: 0;
-}
-.rp-accordion-item__icon[data-v-ab630265] {
-    display: inline-flex;
-    flex: 0 0 auto;
-    color: var(--rp-color-control-icon);
-    transition: transform var(--_rp-accordion-duration);
-}
-.rp-accordion-item--open .rp-accordion-item__icon[data-v-ab630265] {
-    transform: rotate(180deg);
-}
-.rp-accordion-item__content[data-v-ab630265] {
-    box-sizing: border-box;
-    display: grid;
-    min-width: 0;
-    overflow: hidden;
-    padding: var(--rp-spacing-3) var(--rp-spacing-4) var(--rp-spacing-4);
-    color: var(--rp-color-text);
-    font-size: var(--rp-font-size-md);
-    line-height: var(--rp-line-height-md);
-    grid-template-rows: 1fr;
-    transition: grid-template-rows var(--_rp-accordion-duration), opacity var(--_rp-accordion-duration), padding-top var(--_rp-accordion-duration), padding-bottom var(--_rp-accordion-duration);
-}
-.rp-accordion-item__inner[data-v-ab630265] {
-    min-height: 0;
-    min-width: 0;
-    overflow: hidden;
-}
-.rp-accordion-content-enter-from[data-v-ab630265],
-  .rp-accordion-content-leave-to[data-v-ab630265] {
-    opacity: 0;
-    grid-template-rows: 0fr;
-    padding-top: 0;
-    padding-bottom: 0;
-}
-}

package/dist/accordion.js

@@ -1,356 +0,0 @@
-import './accordion.css';
-import { t as useControllableValue } from "./useControllableValue.js";
-import { t as useStylesApi } from "./styles-api.js";
-import { n as toPresenceAttribute, t as toOptionalAttribute } from "./attributes.js";
-import { t as bem } from "./bem.js";
-import { t as getFocusNavigationTarget } from "./focusNavigation.js";
-import { t as useRequiredInject } from "./useRequiredInject.js";
-import { t as useCollapse } from "./useCollapse.js";
-import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { VaporTransition, applyVShow, child, computed, createComponent, createIf, createSlot, defineVaporComponent, extend, markRaw, next, provide, renderEffect, setDynamicProps, setInsertionState, setText, template, toDisplayString, unref, useId } from "vue";
-//#region src/components/accordion/accordionContext.ts
-var accordionKey = Symbol("accordion");
-//#endregion
-//#region src/components/accordion/accordionModel.ts
-function readAccordionOpenValues(value, multiple) {
-	if (value == null) return [];
-	const values = Array.isArray(value) ? value : [value];
-	return multiple ? values : values.slice(0, 1);
-}
-function hasValue(values, value) {
-	return values.some((itemValue) => itemValue === value);
-}
-function transitionAccordionValue(currentValue, itemValue, open, options) {
-	const openValues = readAccordionOpenValues(currentValue, options.multiple);
-	if (hasValue(openValues, itemValue) === open || !open && !options.collapsible) return { changed: false };
-	if (!options.multiple) return {
-		changed: true,
-		modelValue: open ? itemValue : null
-	};
-	return {
-		changed: true,
-		modelValue: open ? [...openValues, itemValue] : openValues.filter((value) => value !== itemValue)
-	};
-}
-//#endregion
-//#region src/components/accordion/useAccordionItem.ts
-function useAccordionItem(props) {
-	const group = useRequiredInject(accordionKey, "RpAccordionItem");
-	const generatedId = useId();
-	const id = computed(() => props.id ?? `${generatedId}-accordion-item`);
-	const triggerId = computed(() => `${id.value}-trigger`);
-	const contentId = computed(() => `${id.value}-content`);
-	const isOpen = computed(() => group.isItemOpen(props.value));
-	const isDisabled = computed(() => Boolean(group.disabled || props.disabled));
-	const shouldUnmountOnExit = computed(() => props.unmountOnExit ?? group.unmountOnExit);
-	const triggerAriaDisabled = computed(() => isDisabled.value || !group.collapsible && isOpen.value);
-	const collapse = useCollapse({
-		id: contentId,
-		open: isOpen,
-		disabled: isDisabled,
-		unmountOnExit: shouldUnmountOnExit,
-		role: () => props.role ?? "region",
-		ariaLabel: () => props.ariaLabel,
-		ariaDescribedby: () => props.ariaDescribedby,
-		ariaLabelledby: () => props.ariaLabelledby ?? triggerId.value
-	}, (nextOpen) => {
-		group.setItemOpen(props.value, nextOpen);
-	});
-	const rootClass = computed(() => bem("rp-accordion-item", {
-		open: isOpen.value,
-		closed: !isOpen.value,
-		disabled: isDisabled.value
-	}));
-	const rootProps = computed(() => ({
-		id: id.value,
-		class: rootClass.value,
-		"data-state": collapse.state.value,
-		"data-disabled": toOptionalAttribute(isDisabled.value)
-	}));
-	const triggerProps = computed(() => ({
-		...collapse.triggerProps.value,
-		id: triggerId.value,
-		class: "rp-accordion-item__trigger",
-		"aria-controls": contentId.value,
-		"aria-expanded": isOpen.value,
-		"aria-disabled": toOptionalAttribute(triggerAriaDisabled.value),
-		disabled: toOptionalAttribute(isDisabled.value)
-	}));
-	const contentProps = computed(() => ({
-		...collapse.contentProps.value,
-		class: "rp-accordion-item__content",
-		id: contentId.value,
-		"aria-labelledby": props.ariaLabelledby ?? triggerId.value
-	}));
-	const contentSlotProps = computed(() => ({
-		value: props.value,
-		isOpen: isOpen.value,
-		disabled: isDisabled.value,
-		open: collapse.open,
-		close: collapse.close,
-		toggle: collapse.toggle
-	}));
-	const triggerSlotProps = computed(() => ({
-		triggerProps: triggerProps.value,
-		...contentSlotProps.value
-	}));
-	return {
-		group,
-		id,
-		triggerId,
-		contentId,
-		state: collapse.state,
-		isOpen,
-		isDisabled,
-		shouldRenderContent: collapse.shouldRenderContent,
-		rootClass,
-		rootProps,
-		triggerProps,
-		contentProps,
-		triggerSlotProps,
-		contentSlotProps,
-		open: collapse.open,
-		close: collapse.close,
-		toggle: collapse.toggle
-	};
-}
-//#endregion
-//#region src/components/accordion/useAccordion.ts
-var ACCORDION_SELECTOR = ".rp-accordion";
-var TRIGGER_SELECTOR = ".rp-accordion-item__trigger";
-function useAccordion(props, emitUpdate) {
-	const isMultiple = computed(() => Boolean(props.multiple));
-	const isCollapsible = computed(() => props.collapsible !== false);
-	const isDisabled = computed(() => Boolean(props.disabled));
-	const controllable = useControllableValue({
-		modelValue: () => props.modelValue,
-		defaultValue: () => props.defaultValue ?? null,
-		onChange: emitUpdate
-	});
-	const openValues = computed(() => readAccordionOpenValues(controllable.value.value, isMultiple.value));
-	const rootClass = computed(() => bem("rp-accordion", {
-		disabled: isDisabled.value,
-		multiple: isMultiple.value
-	}));
-	const rootProps = computed(() => ({
-		id: props.id,
-		class: rootClass.value,
-		"data-disabled": toOptionalAttribute(isDisabled.value),
-		"aria-label": toOptionalAttribute(props.ariaLabel),
-		"aria-labelledby": toOptionalAttribute(props.labelledby),
-		"aria-describedby": toOptionalAttribute(props.describedby),
-		onKeydown: onRootKeydown
-	}));
-	function setItemOpen(value, open) {
-		if (isDisabled.value) return;
-		const transition = transitionAccordionValue(controllable.value.value, value, open, {
-			multiple: isMultiple.value,
-			collapsible: isCollapsible.value
-		});
-		if (!transition.changed) return;
-		controllable.setValue(transition.modelValue);
-	}
-	function onRootKeydown(event) {
-		const root = event.currentTarget;
-		if (!root) return;
-		const nextTrigger = getFocusNavigationTarget(event, root, {
-			itemSelector: TRIGGER_SELECTOR,
-			collectionSelector: ACCORDION_SELECTOR,
-			orientation: "vertical"
-		});
-		if (!nextTrigger) return;
-		event.preventDefault();
-		nextTrigger.focus();
-	}
-	provide(accordionKey, {
-		get multiple() {
-			return isMultiple.value;
-		},
-		get collapsible() {
-			return isCollapsible.value;
-		},
-		get disabled() {
-			return isDisabled.value;
-		},
-		get unmountOnExit() {
-			return Boolean(props.unmountOnExit);
-		},
-		isItemOpen(value) {
-			return openValues.value.some((itemValue) => itemValue === value);
-		},
-		setItemOpen
-	});
-	return {
-		rootClass,
-		rootProps,
-		openValues,
-		setItemOpen
-	};
-}
-//#endregion
-//#region src/components/accordion/accordion.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var t0$2 = template("<div data-v-c48cb87a>", 1);
-//#endregion
-//#region src/components/accordion/accordion.vue
-var accordion_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineVaporComponent({
-	name: "RpAccordion",
-	inheritAttrs: false,
-	__name: "accordion",
-	props: {
-		id: {},
-		modelValue: { default: void 0 },
-		defaultValue: { default: void 0 },
-		multiple: {
-			type: Boolean,
-			default: false
-		},
-		collapsible: {
-			type: Boolean,
-			default: true
-		},
-		disabled: {
-			type: Boolean,
-			default: false
-		},
-		unmountOnExit: {
-			type: Boolean,
-			default: false
-		},
-		ariaLabel: {},
-		describedby: {},
-		labelledby: {},
-		classNames: {},
-		styles: {}
-	},
-	emits: ["update:modelValue"],
-	setup(__props, { emit: __emit }) {
-		const props = __props;
-		const emit = __emit;
-		const { rootProps: internalRootProps } = useAccordion(props, (value) => {
-			emit("update:modelValue", value);
-		});
-		const { getRootAttrs } = useStylesApi(props, "root");
-		const rootAttrs = computed(() => getRootAttrs({
-			...internalRootProps.value,
-			"data-disabled": toPresenceAttribute(props.disabled)
-		}));
-		const n1 = t0$2();
-		renderEffect(() => setDynamicProps(n1, [rootAttrs.value]));
-		setInsertionState(n1, null, 0);
-		createSlot("default", null, null, 1);
-		return n1;
-	}
-}), [["__scopeId", "data-v-c48cb87a"]]);
-//#endregion
-//#region ~icons/lucide/chevron-down
-var t0$1 = template("<svg viewBox=\"0 0 24 24\"width=1.2em height=1.2em><path fill=none stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 d=\"m6 9l6 6l6-6\">", 3, 1);
-function render(_ctx) {
-	return t0$1();
-}
-var chevron_down_default = markRaw(defineVaporComponent({
-	name: "lucide-chevron-down",
-	render
-}));
-//#endregion
-//#region src/components/accordion/accordion-item.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var t0 = template(" ");
-var t1 = template("<button data-v-ab630265><span data-v-ab630265></span><span data-v-ab630265>");
-var t2 = template("<section data-v-ab630265><div data-v-ab630265 class=rp-accordion-item__inner>");
-var t3 = template("<div data-v-ab630265><h3 data-v-ab630265 class=rp-accordion-item__heading>", 1);
-//#endregion
-//#region src/components/accordion/accordion-item.vue
-var accordion_item_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineVaporComponent({
-	name: "RpAccordionItem",
-	inheritAttrs: false,
-	__name: "accordion-item",
-	props: {
-		id: {},
-		value: {},
-		title: { default: "" },
-		disabled: {
-			type: Boolean,
-			default: false
-		},
-		unmountOnExit: {
-			type: Boolean,
-			default: void 0
-		},
-		role: { default: "region" },
-		ariaLabel: {},
-		ariaDescribedby: {},
-		ariaLabelledby: {},
-		classNames: {},
-		styles: {}
-	},
-	setup(__props) {
-		const props = __props;
-		const { rootProps: internalRootProps, triggerProps: internalTriggerProps, contentProps, triggerSlotProps, contentSlotProps, isOpen, shouldRenderContent } = useAccordionItem(props);
-		const { getPartAttrs, getRootAttrs } = useStylesApi(props, "root");
-		const rootAttrs = computed(() => getRootAttrs({
-			...internalRootProps.value,
-			"data-disabled": toPresenceAttribute(internalRootProps.value["data-disabled"])
-		}));
-		const publicTriggerProps = computed(() => ({
-			...internalTriggerProps.value,
-			...getPartAttrs("trigger", { class: internalTriggerProps.value.class }),
-			"data-state": internalRootProps.value["data-state"],
-			"data-disabled": toPresenceAttribute(internalRootProps.value["data-disabled"])
-		}));
-		const publicTriggerSlotProps = computed(() => ({
-			...triggerSlotProps.value,
-			triggerProps: publicTriggerProps.value
-		}));
-		const publicContentProps = computed(() => ({
-			...contentProps.value,
-			...getPartAttrs("content", { class: contentProps.value.class })
-		}));
-		const n16 = t3();
-		const n9 = child(n16);
-		renderEffect(() => setDynamicProps(n16, [rootAttrs.value]));
-		setInsertionState(n9, null, 0);
-		createSlot("trigger", { $: [() => publicTriggerSlotProps.value] }, () => {
-			const n8 = t1();
-			const n5 = child(n8);
-			const n7 = next(n5, 1);
-			renderEffect(() => {
-				setDynamicProps(n8, [publicTriggerProps.value]);
-				setDynamicProps(n5, [unref(getPartAttrs)("title", { class: "rp-accordion-item__title" })]);
-			});
-			setInsertionState(n5, null, 0);
-			createSlot("title", null, () => {
-				const n4 = t0();
-				renderEffect(() => setText(n4, toDisplayString(__props.title)));
-				return n4;
-			}, 1);
-			renderEffect(() => setDynamicProps(n7, [unref(getPartAttrs)("icon", { class: "rp-accordion-item__icon" }), { "aria-hidden": "true" }]));
-			setInsertionState(n7, null, 0);
-			createComponent(unref(chevron_down_default));
-			return n8;
-		}, 1);
-		setInsertionState(n16, null, 1);
-		createComponent(VaporTransition, { name: "rp-accordion-content" }, extend(() => {
-			return createIf(() => unref(shouldRenderContent), () => {
-				const n14 = t2();
-				const n13 = child(n14);
-				renderEffect(() => setDynamicProps(n14, [publicContentProps.value]));
-				setInsertionState(n13, null, 0);
-				createSlot("default", { $: [() => unref(contentSlotProps)] }, null, 1);
-				applyVShow(n14, () => unref(isOpen));
-				return n14;
-			}, null, 129);
-		}, { _: 8 }));
-		return n16;
-	}
-}), [["__scopeId", "data-v-ab630265"]]);
-//#endregion
-//#region src/components/accordion/types.ts
-var accordionParts = ["root"];
-var accordionItemParts = [
-	"root",
-	"trigger",
-	"title",
-	"icon",
-	"content"
-];
-//#endregion
-export { useAccordion as a, accordion_default as i, accordionParts as n, useAccordionItem as o, accordion_item_default as r, accordionItemParts as t };

package/dist/alert.css

@@ -1,111 +0,0 @@
-@layer ropav.components {
-.rp-alert[data-v-09abef83] {
-    --_rp-alert-bg: var(--rp-color-cyan-light);
-    --_rp-alert-fg: var(--rp-color-text);
-    --_rp-alert-title-fg: var(--rp-color-cyan-light-color);
-    --_rp-alert-icon-fg: var(--rp-color-cyan-light-color);
-    --_rp-alert-border: transparent;
-    --_rp-alert-radius: var(--rp-radius-sm);
-    box-sizing: border-box;
-    display: flex;
-    align-items: flex-start;
-    width: 100%;
-    min-width: 0;
-    padding: var(--rp-spacing-4);
-    gap: var(--rp-spacing-3);
-    color: var(--_rp-alert-fg);
-    font-family: var(--rp-font-family);
-    font-size: var(--rp-font-size-sm);
-    line-height: var(--rp-line-height-md);
-    background-color: var(--_rp-alert-bg);
-    border: var(--rp-border-width-thin) solid var(--_rp-alert-border);
-    border-radius: var(--_rp-alert-radius);
-    transition: background-color var(--rp-transition-fast), color var(--rp-transition-fast), border-color var(--rp-transition-fast);
-}
-.rp-alert--radius-none[data-v-09abef83] {
-    --_rp-alert-radius: var(--rp-radius-none);
-}
-.rp-alert--radius-xs[data-v-09abef83] {
-    --_rp-alert-radius: var(--rp-radius-xs);
-}
-.rp-alert--radius-sm[data-v-09abef83] {
-    --_rp-alert-radius: var(--rp-radius-sm);
-}
-.rp-alert--radius-md[data-v-09abef83] {
-    --_rp-alert-radius: var(--rp-radius-md);
-}
-.rp-alert--radius-lg[data-v-09abef83] {
-    --_rp-alert-radius: var(--rp-radius-lg);
-}
-.rp-alert--radius-xl[data-v-09abef83] {
-    --_rp-alert-radius: var(--rp-radius-xl);
-}
-.rp-alert__icon[data-v-09abef83] {
-    display: inline-flex;
-    flex: 0 0 auto;
-    align-items: center;
-    justify-content: center;
-    margin-top: 0.125rem;
-    color: var(--_rp-alert-icon-fg);
-    line-height: 0;
-}
-.rp-alert__icon[data-v-09abef83] >  svg {
-    display: block;
-    width: 1rem;
-    height: 1rem;
-}
-.rp-alert__content[data-v-09abef83] {
-    display: grid;
-    flex: 1 1 auto;
-    min-width: 0;
-    gap: var(--rp-spacing-1);
-}
-.rp-alert__title[data-v-09abef83] {
-    color: var(--_rp-alert-title-fg);
-    font-size: var(--rp-font-size-md);
-    font-weight: var(--rp-font-weight-semibold);
-    line-height: var(--rp-line-height-xs);
-}
-.rp-alert__description[data-v-09abef83] {
-    margin: 0;
-}
-.rp-alert__body[data-v-09abef83], .rp-alert__description[data-v-09abef83] {
-    min-width: 0;
-    color: var(--_rp-alert-fg);
-}
-.rp-alert__action[data-v-09abef83] {
-    display: inline-flex;
-    flex: 0 0 auto;
-    align-items: center;
-    margin-left: auto;
-}
-.rp-alert__close[data-v-09abef83] {
-    box-sizing: border-box;
-    display: inline-flex;
-    flex: 0 0 auto;
-    align-items: center;
-    justify-content: center;
-    width: 1.75rem;
-    height: 1.75rem;
-    margin: calc(var(--rp-spacing-1) * -1) calc(var(--rp-spacing-1) * -1) calc(var(--rp-spacing-1) * -1) 0;
-    padding: 0;
-    color: var(--_rp-alert-icon-fg);
-    background: transparent;
-    border: 0;
-    border-radius: var(--rp-radius-sm);
-    cursor: pointer;
-    transition: background-color var(--rp-transition-fast), color var(--rp-transition-fast);
-}
-.rp-alert__close[data-v-09abef83]:hover {
-    background-color: color-mix(in srgb, var(--_rp-alert-icon-fg) 12%, transparent);
-}
-.rp-alert__close[data-v-09abef83]:focus-visible {
-    outline: var(--rp-border-width-medium) solid var(--rp-color-focus-ring);
-    outline-offset: 2px;
-}
-.rp-alert__close[data-v-09abef83] >  svg {
-    display: block;
-    width: 1rem;
-    height: 1rem;
-}
-}