ropav 0.0.9 → 0.0.11

package/dist/icon-button.css

@@ -1,193 +1,197 @@
-.rp-button[data-v-9f46a6a3] {
-  --_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-9f46a6a3]: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-9f46a6a3]: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-9f46a6a3] {
-  --_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-9f46a6a3] {
-  --_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-9f46a6a3] {
-  --_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-9f46a6a3] {
-  --_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-9f46a6a3] {
-  --_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-9f46a6a3] {
-  --_rp-button-radius: var(--rp-radius-xs);
-}
-.rp-button--radius-sm[data-v-9f46a6a3] {
-  --_rp-button-radius: var(--rp-radius-sm);
-}
-.rp-button--radius-md[data-v-9f46a6a3] {
-  --_rp-button-radius: var(--rp-radius-md);
-}
-.rp-button--radius-lg[data-v-9f46a6a3] {
-  --_rp-button-radius: var(--rp-radius-lg);
-}
-.rp-button--radius-xl[data-v-9f46a6a3] {
-  --_rp-button-radius: var(--rp-radius-xl);
-}
-.rp-button--subtle[data-v-9f46a6a3] {
-  --_rp-button-shadow: none;
-  --_rp-button-shadow-hover: none;
-  --_rp-button-shadow-active: none;
-}
-.rp-button--surface[data-v-9f46a6a3] {
-  --_rp-button-shadow: none;
-  --_rp-button-shadow-hover: none;
-  --_rp-button-shadow-active: none;
-}
-.rp-button--outline[data-v-9f46a6a3] {
-  --_rp-button-shadow: none;
-  --_rp-button-shadow-hover: none;
-  --_rp-button-shadow-active: none;
-}
-.rp-button--ghost[data-v-9f46a6a3] {
-  --_rp-button-shadow: none;
-  --_rp-button-shadow-hover: none;
-  --_rp-button-shadow-active: none;
-}
-.rp-button--plain[data-v-9f46a6a3] {
-  --_rp-button-shadow: none;
-  --_rp-button-shadow-hover: none;
-  --_rp-button-shadow-active: none;
-}
-.rp-button[data-v-9f46a6a3]:disabled, .rp-button--disabled[data-v-9f46a6a3] {
-  opacity: var(--rp-opacity-disabled);
-  cursor: not-allowed;
-  box-shadow: none;
-  transform: none;
-}
-.rp-button[data-v-9f46a6a3]: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-9f46a6a3] {
-  opacity: 0;
-}
-.rp-button__content[data-v-9f46a6a3] {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: var(--rp-spacing-2);
-}
-.rp-button__left[data-v-9f46a6a3], .rp-button__right[data-v-9f46a6a3] {
-  display: inline-flex;
-  align-items: center;
-  flex-shrink: 0;
-}
-.rp-button__loading[data-v-9f46a6a3] {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  translate: -50% -50%;
-}
-.rp-button__spinner[data-v-9f46a6a3] {
-  display: block;
-  width: 1em;
-  height: 1em;
-  flex-shrink: 0;
-  transform-origin: center;
-  animation: rp-spinner-spin-9f46a6a3 700ms linear infinite;
-}
-@keyframes rp-spinner-spin-9f46a6a3 {
+@layer ropav.components {
+.rp-button[data-v-cda9a84b] {
+    --_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-cda9a84b]: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-cda9a84b]: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-cda9a84b] {
+    --_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-cda9a84b] {
+    --_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-cda9a84b] {
+    --_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-cda9a84b] {
+    --_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-cda9a84b] {
+    --_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-cda9a84b] {
+    --_rp-button-radius: var(--rp-radius-xs);
+}
+.rp-button--radius-sm[data-v-cda9a84b] {
+    --_rp-button-radius: var(--rp-radius-sm);
+}
+.rp-button--radius-md[data-v-cda9a84b] {
+    --_rp-button-radius: var(--rp-radius-md);
+}
+.rp-button--radius-lg[data-v-cda9a84b] {
+    --_rp-button-radius: var(--rp-radius-lg);
+}
+.rp-button--radius-xl[data-v-cda9a84b] {
+    --_rp-button-radius: var(--rp-radius-xl);
+}
+.rp-button--subtle[data-v-cda9a84b] {
+    --_rp-button-shadow: none;
+    --_rp-button-shadow-hover: none;
+    --_rp-button-shadow-active: none;
+}
+.rp-button--surface[data-v-cda9a84b] {
+    --_rp-button-shadow: none;
+    --_rp-button-shadow-hover: none;
+    --_rp-button-shadow-active: none;
+}
+.rp-button--outline[data-v-cda9a84b] {
+    --_rp-button-shadow: none;
+    --_rp-button-shadow-hover: none;
+    --_rp-button-shadow-active: none;
+}
+.rp-button--ghost[data-v-cda9a84b] {
+    --_rp-button-shadow: none;
+    --_rp-button-shadow-hover: none;
+    --_rp-button-shadow-active: none;
+}
+.rp-button--plain[data-v-cda9a84b] {
+    --_rp-button-shadow: none;
+    --_rp-button-shadow-hover: none;
+    --_rp-button-shadow-active: none;
+}
+.rp-button[data-v-cda9a84b]:disabled, .rp-button--disabled[data-v-cda9a84b] {
+    opacity: var(--rp-opacity-disabled);
+    cursor: not-allowed;
+    box-shadow: none;
+    transform: none;
+}
+.rp-button[data-v-cda9a84b]: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-cda9a84b] {
+    opacity: 0;
+}
+.rp-button__content[data-v-cda9a84b] {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    gap: var(--rp-spacing-2);
+}
+.rp-button__left[data-v-cda9a84b], .rp-button__right[data-v-cda9a84b] {
+    display: inline-flex;
+    align-items: center;
+    flex-shrink: 0;
+}
+.rp-button__loading[data-v-cda9a84b] {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    translate: -50% -50%;
+}
+.rp-button__spinner[data-v-cda9a84b] {
+    display: block;
+    width: 1em;
+    height: 1em;
+    flex-shrink: 0;
+    transform-origin: center;
+    animation: rp-spinner-spin-cda9a84b 700ms linear infinite;
+}
+@keyframes rp-spinner-spin-cda9a84b {
 to {
-    transform: rotate(360deg);
-}
-}.rp-icon-button[data-v-9f46a6a3] {
-  width: var(--_rp-button-height);
-  padding: 0;
-}
-.rp-icon-button__icon[data-v-9f46a6a3] {
-  width: 1em;
-  height: 1em;
-  flex-shrink: 0;
-}
-.rp-icon-button__icon[data-v-9f46a6a3] {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  line-height: 0;
-}
-.rp-icon-button__icon[data-v-9f46a6a3] >  svg {
-  display: block;
-  width: 1em;
-  height: 1em;
-}
-.rp-icon-button__spinner[data-v-9f46a6a3] {
-  display: block;
-  width: 1em;
-  height: 1em;
-  flex-shrink: 0;
-  transform-origin: center;
-  animation: rp-spinner-spin-9f46a6a3 700ms linear infinite;
-}
-@keyframes rp-spinner-spin-9f46a6a3 {
+      transform: rotate(360deg);
+}
+}
+}@layer ropav.components {
+.rp-icon-button[data-v-cda9a84b] {
+    width: var(--_rp-button-height);
+    padding: 0;
+}
+.rp-icon-button__icon[data-v-cda9a84b] {
+    width: 1em;
+    height: 1em;
+    flex-shrink: 0;
+}
+.rp-icon-button__icon[data-v-cda9a84b] {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    line-height: 0;
+}
+.rp-icon-button__icon[data-v-cda9a84b] >  svg {
+    display: block;
+    width: 1em;
+    height: 1em;
+}
+.rp-icon-button__spinner[data-v-cda9a84b] {
+    display: block;
+    width: 1em;
+    height: 1em;
+    flex-shrink: 0;
+    transform-origin: center;
+    animation: rp-spinner-spin-cda9a84b 700ms linear infinite;
+}
+@keyframes rp-spinner-spin-cda9a84b {
 to {
-    transform: rotate(360deg);
+      transform: rotate(360deg);
+}
 }
 }

package/dist/icon-button.js

@@ -1,15 +1,17 @@
 import './icon-button.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 { computed, createComponent, createIf, createSlot, defineVaporComponent, renderEffect, setAttr, setClass, setInsertionState, setProp, setStyle, template, unref } from "vue";
+import { computed, createComponent, createIf, createSlot, defineVaporComponent, renderEffect, setDynamicProps, setInsertionState, template, unref } from "vue";
 //#region src/components/icon-button/icon-button.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var t0 = template("<span data-v-9f46a6a3 class=rp-icon-button__icon aria-hidden=true>");
-var t1 = template("<button data-v-9f46a6a3>", 1);
+var t0 = template("<span data-v-cda9a84b>");
+var t1 = template("<button data-v-cda9a84b>", 1);
 //#endregion
 //#region src/components/icon-button/icon-button.vue
 var icon_button_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineVaporComponent({
 	name: "RpIconButton",
+	inheritAttrs: false,
 	__name: "icon-button",
 	props: {
 		ariaLabel: {},
@@ -26,7 +28,9 @@ var icon_button_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 		loading: {
 			type: Boolean,
 			default: false
-		}
+		},
+		classNames: {},
+		styles: {}
 	},
 	setup(__props) {
 		const props = __props;
@@ -36,30 +40,31 @@ var icon_button_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 			[`radius-${props.radius}`]: Boolean(props.radius)
 		}), "rp-icon-button"]);
 		const rootStyle = computed(() => getButtonColorStyle(props.color, props.variant, props.autoContrast));
+		const { getPartAttrs, getRootAttrs } = useStylesApi(props, "root");
+		const rootAttrs = computed(() => getRootAttrs({
+			class: rootClass.value,
+			style: rootStyle.value,
+			disabled: props.disabled || props.loading || void 0,
+			type: props.type,
+			"aria-label": props.ariaLabel || void 0,
+			"aria-busy": props.loading || void 0,
+			"data-disabled": presence(props.disabled || props.loading),
+			"data-loading": presence(props.loading)
+		}));
 		const n6 = t1();
-		renderEffect(() => {
-			const _loading = __props.loading;
-			setClass(n6, rootClass.value);
-			setStyle(n6, rootStyle.value);
-			setProp(n6, "disabled", __props.disabled || _loading || void 0);
-			setProp(n6, "type", __props.type);
-			setAttr(n6, "aria-label", __props.ariaLabel || void 0);
-			setAttr(n6, "aria-busy", _loading || void 0);
-		});
+		renderEffect(() => setDynamicProps(n6, [rootAttrs.value]));
 		setInsertionState(n6, null, 0);
 		createIf(() => __props.loading, () => {
-			return createComponent(unref(loader_circle_default), {
-				class: "rp-icon-button__spinner",
-				"aria-hidden": "true"
-			});
+			return createComponent(unref(loader_circle_default), { $: [() => unref(getPartAttrs)("loader", { class: "rp-icon-button__spinner" }), { "aria-hidden": "true" }] });
 		}, () => {
 			const n5 = t0();
+			renderEffect(() => setDynamicProps(n5, [unref(getPartAttrs)("icon", { class: "rp-icon-button__icon" }), { "aria-hidden": "true" }]));
 			setInsertionState(n5, null, 0);
 			createSlot("default", null, null, 1);
 			return n5;
 		}, 261);
 		return n6;
 	}
-}), [["__scopeId", "data-v-9f46a6a3"]]);
+}), [["__scopeId", "data-v-cda9a84b"]]);
 //#endregion
 export { icon_button_default as t };

package/dist/icon-button2.js

@@ -0,0 +1,8 @@
+//#region src/components/icon-button/types.ts
+var iconButtonParts = [
+	"root",
+	"loader",
+	"icon"
+];
+//#endregion
+export { iconButtonParts as t };

package/dist/index.d.ts

@@ -1,30 +1,35 @@
-export * from './components/alert';
-export * from './components/accordion';
-export * from './components/aspect-ratio';
-export * from './components/avatar';
-export * from './components/badge';
-export * from './components/button';
-export * from './components/button-link';
-export * from './components/button-group';
-export * from './components/card';
-export * from './components/checkbox';
-export * from './components/collapse';
-export * from './components/color-input';
-export * from './components/color-picker';
-export * from './components/color-swatch';
-export * from './components/dropdown-menu';
-export * from './components/field';
-export * from './components/icon-button';
-export * from './components/input';
-export * from './components/modal';
-export * from './components/number-input';
-export * from './components/overlay';
-export * from './components/popover';
-export * from './components/progress';
-export * from './components/radio';
-export * from './components/select';
-export * from './components/slider';
-export * from './components/switch';
-export * from './components/tabs';
-export * from './components/textarea';
-export * from './components/tooltip';
+export type { StylesApiClassNames, StylesApiProps, StylesApiStyles } from './styles-api.js';
+export * from './components/alert/index.js';
+export * from './components/accordion/index.js';
+export * from './components/aspect-ratio/index.js';
+export * from './components/avatar/index.js';
+export * from './components/badge/index.js';
+export * from './components/button/index.js';
+export * from './components/button-link/index.js';
+export * from './components/button-group/index.js';
+export * from './components/card/index.js';
+export * from './components/checkbox/index.js';
+export * from './components/collapse/index.js';
+export * from './components/color-input/index.js';
+export * from './components/color-picker/index.js';
+export * from './components/color-swatch/index.js';
+export * from './components/dropdown-menu/index.js';
+export * from './components/field/index.js';
+export * from './components/focus-trap/index.js';
+export * from './components/floating/index.js';
+export * from './components/icon-button/index.js';
+export * from './components/input/index.js';
+export * from './components/modal/index.js';
+export * from './components/number-input/index.js';
+export * from './components/overlay/index.js';
+export * from './components/popover/index.js';
+export * from './components/progress/index.js';
+export * from './components/radio/index.js';
+export * from './components/select/index.js';
+export * from './components/slider/index.js';
+export * from './components/switch/index.js';
+export * from './components/tabs/index.js';
+export * from './components/teleport-provider/index.js';
+export * from './components/textarea/index.js';
+export * from './components/toast/index.js';
+export * from './components/tooltip/index.js';

package/dist/index.js

@@ -1,39 +1,44 @@
-import { i as alert_default, n as alertRadiuses, r as alertVariants, t as alertColors } from "./alert.js";
+import { a as alert_default, i as alertVariants, n as alertParts, r as alertRadiuses, t as alertColors } from "./alert.js";
 import { t as useCollapse } from "./useCollapse.js";
-import { i as useAccordionItem, n as accordion_default, r as useAccordion, t as accordion_item_default } from "./accordion.js";
-import { t as aspect_ratio_default } from "./aspect-ratio.js";
-import { a as avatar_default, i as avatarVariants, n as avatarRadiuses, r as avatarSizes, t as avatarColors } from "./avatar.js";
-import { a as badge_default, i as badgeVariants, n as badgeRadiuses, r as badgeSizes, t as badgeColors } from "./badge.js";
-import { t as button_default } from "./button.js";
-import { t as button_link_default } from "./button-link.js";
-import { t as button_group_default } from "./button-group.js";
-import { t as card_default } from "./card.js";
-import { t as checkbox_default } from "./checkbox.js";
-import { t as collapse_default } from "./collapse.js";
-import { t as color_input_default } from "./color-input.js";
+import { a as accordionItemParts, i as useAccordionItem, n as accordion_default, o as accordionParts, r as useAccordion, t as accordion_item_default } from "./accordion.js";
+import { n as aspect_ratio_default, t as aspectRatioParts } from "./aspect-ratio.js";
+import { a as avatarVariants, i as avatarSizes, n as avatarParts, o as avatar_default, r as avatarRadiuses, t as avatarColors } from "./avatar.js";
+import { a as badgeVariants, i as badgeSizes, n as badgeParts, o as badge_default, r as badgeRadiuses, t as badgeColors } from "./badge.js";
+import { n as button_default, t as buttonParts } from "./button.js";
+import { n as button_link_default, t as buttonLinkParts } from "./button-link.js";
+import { n as button_group_default, t as buttonGroupParts } from "./button-group.js";
+import { n as card_default, t as cardParts } from "./card.js";
+import { n as checkbox_default, t as checkboxParts } from "./checkbox.js";
+import { n as collapse_default, t as collapseParts } from "./collapse.js";
+import { n as color_input_default, t as colorInputParts } from "./color-input.js";
 import { t as color_swatch_default } from "./color-swatch.js";
 import { t as color_picker_default } from "./color-picker.js";
 import { t as input_default } from "./input.js";
+import { t as useFocusTrap } from "./useFocusTrap.js";
 import { t as popover_default } from "./popover.js";
-import { n as colorPickerSizes, t as colorPickerFormats } from "./color-picker2.js";
-import "./components/color-swatch/index.js";
-import { n as useDropdownMenu, t as dropdown_menu_default } from "./dropdown-menu.js";
-import { t as field_default } from "./field.js";
+import { n as colorPickerParts, r as colorPickerSizes, t as colorPickerFormats } from "./color-picker2.js";
+import { t as colorSwatchParts } from "./color-swatch2.js";
+import { _ as DropdownMenuSubTrigger, a as DropdownMenuCheckboxItem, c as DropdownMenuItemIndicator, d as DropdownMenuRadioGroup, f as DropdownMenuRadioItem, g as DropdownMenuSubContent, h as DropdownMenuSub, i as useDropdownMenu, l as DropdownMenuLabel, m as DropdownMenuSeparator, n as dropdownMenuParts, o as DropdownMenuContent, p as DropdownMenuRoot, r as dropdown_menu_default, s as DropdownMenuContextTrigger, t as DropdownMenuItem, u as DropdownMenuPortal, v as DropdownMenuTrigger } from "./dropdown-menu.js";
+import { n as field_default, t as fieldParts } from "./field.js";
+import { n as focus_trap_default, t as focusTrapParts } from "./focus-trap.js";
+import "./components/floating/index.js";
 import { t as icon_button_default } from "./icon-button.js";
-import "./components/icon-button/index.js";
-import "./components/input/index.js";
+import { t as iconButtonParts } from "./icon-button2.js";
+import { t as inputParts } from "./input2.js";
 import { t as overlay_default } from "./overlay.js";
-import { t as modal_default } from "./modal.js";
-import { t as number_input_default } from "./number-input.js";
-import "./components/overlay/index.js";
-import { t as popoverPlacements } from "./popover2.js";
-import { i as progress_default, n as progressRadiuses, r as progressSizes, t as progressColors } from "./progress.js";
-import { n as radio_default, t as radio_group_default } from "./radio.js";
-import { t as select_default } from "./select.js";
+import { n as modal_default, t as modalParts } from "./modal.js";
+import { n as number_input_default, t as numberInputParts } from "./number-input.js";
+import { t as overlayParts } from "./overlay2.js";
+import { n as popoverPlacements, t as popoverParts } from "./popover2.js";
+import { a as progress_default, i as progressSizes, n as progressParts, r as progressRadiuses, t as progressColors } from "./progress.js";
+import { i as radioParts, n as radio_default, r as radioGroupParts, t as radio_group_default } from "./radio.js";
+import { n as select_default, t as selectParts } from "./select.js";
 import { t as tooltip_default } from "./tooltip.js";
-import { a as slider_default, i as range_slider_default, n as sliderOrientations, r as sliderSizes, t as sliderColors } from "./slider.js";
-import { t as switch_default } from "./switch.js";
-import { a as useTabs, c as useTabsTrigger, i as tabs_default, n as tabs_list_default, o as useTabsContent, r as tabs_content_default, s as useTabsList, t as tabs_trigger_default } from "./tabs.js";
-import { t as textarea_default } from "./textarea.js";
-import "./components/tooltip/index.js";
-export { accordion_default as Accordion, accordion_item_default as AccordionItem, alert_default as Alert, aspect_ratio_default as AspectRatio, avatar_default as Avatar, badge_default as Badge, button_default as Button, button_group_default as ButtonGroup, button_link_default as ButtonLink, card_default as Card, checkbox_default as Checkbox, collapse_default as Collapse, color_input_default as ColorInput, color_picker_default as ColorPicker, color_swatch_default as ColorSwatch, dropdown_menu_default as DropdownMenu, field_default as Field, icon_button_default as IconButton, input_default as Input, modal_default as Modal, number_input_default as NumberInput, overlay_default as Overlay, popover_default as Popover, progress_default as Progress, radio_default as Radio, radio_group_default as RadioGroup, range_slider_default as RangeSlider, select_default as Select, slider_default as Slider, switch_default as Switch, tabs_default as Tabs, tabs_content_default as TabsContent, tabs_list_default as TabsList, tabs_trigger_default as TabsTrigger, textarea_default as Textarea, tooltip_default as Tooltip, alertColors, alertRadiuses, alertVariants, avatarColors, avatarRadiuses, avatarSizes, avatarVariants, badgeColors, badgeRadiuses, badgeSizes, badgeVariants, colorPickerFormats, colorPickerSizes, popoverPlacements, progressColors, progressRadiuses, progressSizes, sliderColors, sliderOrientations, sliderSizes, useAccordion, useAccordionItem, useCollapse, useDropdownMenu, useTabs, useTabsContent, useTabsList, useTabsTrigger };
+import { a as sliderSizes, i as sliderParts, n as sliderColors, o as range_slider_default, r as sliderOrientations, s as slider_default, t as rangeSliderParts } from "./slider.js";
+import { n as switch_default, t as switchParts } from "./switch.js";
+import { a as tabs_trigger_default, c as tabs_default, d as useTabsList, f as useTabsTrigger, i as tabsTriggerParts, l as useTabs, n as tabsListParts, o as tabs_list_default, r as tabsParts, s as tabs_content_default, t as tabsContentParts, u as useTabsContent } from "./tabs.js";
+import { t as teleport_provider_default } from "./teleport-provider.js";
+import { n as textarea_default, t as textareaParts } from "./textarea.js";
+import { a as toastColors, c as toastRadiuses, d as toastViewportParts, f as toast_default, i as useToast, l as toastTypes, n as toast_viewport_default, o as toastParts, r as toast_provider_default, s as toastPositions, t as useToastState, u as toastVariants } from "./toast.js";
+import { t as tooltipParts } from "./tooltip2.js";
+export { accordion_default as Accordion, accordion_item_default as AccordionItem, alert_default as Alert, aspect_ratio_default as AspectRatio, avatar_default as Avatar, badge_default as Badge, button_default as Button, button_group_default as ButtonGroup, button_link_default as ButtonLink, card_default as Card, checkbox_default as Checkbox, collapse_default as Collapse, color_input_default as ColorInput, color_picker_default as ColorPicker, color_swatch_default as ColorSwatch, dropdown_menu_default as DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuContextTrigger, DropdownMenuItem, DropdownMenuItemIndicator, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, field_default as Field, focus_trap_default as FocusTrap, icon_button_default as IconButton, input_default as Input, modal_default as Modal, number_input_default as NumberInput, overlay_default as Overlay, popover_default as Popover, progress_default as Progress, radio_default as Radio, radio_group_default as RadioGroup, range_slider_default as RangeSlider, select_default as Select, slider_default as Slider, switch_default as Switch, tabs_default as Tabs, tabs_content_default as TabsContent, tabs_list_default as TabsList, tabs_trigger_default as TabsTrigger, teleport_provider_default as TeleportProvider, textarea_default as Textarea, toast_default as Toast, toast_provider_default as ToastProvider, toast_viewport_default as ToastViewport, tooltip_default as Tooltip, accordionItemParts, accordionParts, alertColors, alertParts, alertRadiuses, alertVariants, aspectRatioParts, avatarColors, avatarParts, avatarRadiuses, avatarSizes, avatarVariants, badgeColors, badgeParts, badgeRadiuses, badgeSizes, badgeVariants, buttonGroupParts, buttonLinkParts, buttonParts, cardParts, checkboxParts, collapseParts, colorInputParts, colorPickerFormats, colorPickerParts, colorPickerSizes, colorSwatchParts, dropdownMenuParts, fieldParts, focusTrapParts, iconButtonParts, inputParts, modalParts, numberInputParts, overlayParts, popoverParts, popoverPlacements, progressColors, progressParts, progressRadiuses, progressSizes, radioGroupParts, radioParts, rangeSliderParts, selectParts, sliderColors, sliderOrientations, sliderParts, sliderSizes, switchParts, tabsContentParts, tabsListParts, tabsParts, tabsTriggerParts, textareaParts, toastColors, toastParts, toastPositions, toastRadiuses, toastTypes, toastVariants, toastViewportParts, tooltipParts, useAccordion, useAccordionItem, useCollapse, useDropdownMenu, useFocusTrap, useTabs, useTabsContent, useTabsList, useTabsTrigger, useToast, useToastState };