@poppy-ui/vue 0.6.0-rc.1 → 0.6.0-rc.2

package/dist/components/actions/button/Button.d.ts

@@ -1,7 +1,10 @@
 import { ButtonProps } from './button.props';
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<ButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<ButtonProps, {
+    $el: Readonly<import('vue').ShallowRef<any, any>>;
+    focus: () => any;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     click: (event: MouseEvent) => any;
 }, string, import('vue').PublicProps, Readonly<ButtonProps> & Readonly<{
     onClick?: ((event: MouseEvent) => any) | undefined;

package/dist/components/actions/button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button/Button.vue"],"names":[],"mappings":"AAiHA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;wBAsC5B,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;;;;;cA+HJ,CAAC,KAAK,IAAiB,KAAK,GAAG;;cAC/B,CAAC,KAAK,IAAiB,KAAK,GAAG;EAUzC,CAAC;AACL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Button.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button/Button.vue"],"names":[],"mappings":"AAuHA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;wBAsC5B,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;;;;;;;;cAwIJ,CAAC,KAAK,IAAiB,KAAK,GAAG;;cAC/B,CAAC,KAAK,IAAiB,KAAK,GAAG;EAazC,CAAC;AACL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/actions/button/button.props.d.ts

@@ -1,4 +1,3 @@
-import { Booleanish } from '../../../types/utils.type';
 import { ButtonHTMLAttributes } from 'vue';
 import { RouteLocationRaw } from 'vue-router';
 import { ButtonBehavior, ButtonColor, ButtonShape, ButtonSize, ButtonVariant } from './button.types';
@@ -48,7 +47,7 @@ export interface ButtonProps extends ButtonConfigurableProps, NativeButton {
      * When `true`, displays a loading spinner and disables the button.
      * Supports both `boolean` and string-based `true`/`false`.
      */
-    loading?: Booleanish;
+    loading?: boolean;
     /**
      * If provided, the component renders as a `RouterLink`.
      * Can be a string path or a RouteLocation object.

package/dist/components/actions/button/button.props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.props.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button/button.props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,KAAK,CAAA;AAC/C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAClD,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAEzG,MAAM,WAAW,uBAAuB;IACtC;;OAEG;IACH,KAAK,CAAC,EAAE,WAAW,CAAA;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,aAAa,CAAA;IAEvB;;OAEG;IACH,QAAQ,CAAC,EAAE,cAAc,CAAA;IAEzB;;;;OAIG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IAEjB;;OAEG;IACH,KAAK,CAAC,EAAE,WAAW,CAAA;CACpB;AAED;;GAEG;AACH,UAAU,YAAY;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,oBAAoB,CAAC,MAAM,CAAC,CAAA;IAEnC;;OAEG;IACH,QAAQ,CAAC,EAAE,oBAAoB,CAAC,UAAU,CAAC,CAAA;IAE3C;;OAEG;IACH,IAAI,CAAC,EAAE,oBAAoB,CAAC,MAAM,CAAC,CAAA;CACpC;AAED,MAAM,WAAW,WAAY,SAAQ,uBAAuB,EAAE,YAAY;IACxE;;;OAGG;IACH,OAAO,CAAC,EAAE,UAAU,CAAA;IAEpB;;;OAGG;IACH,EAAE,CAAC,EAAE,gBAAgB,CAAA;CACtB"}
+{"version":3,"file":"button.props.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button/button.props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,KAAK,CAAA;AAC/C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAClD,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AACzG,MAAM,WAAW,uBAAuB;IACtC;;OAEG;IACH,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,cAAc,CAAA;IACzB;;;;OAIG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,WAAW,CAAA;CACpB;AACD;;GAEG;AACH,UAAU,YAAY;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,oBAAoB,CAAC,MAAM,CAAC,CAAA;IACnC;;OAEG;IACH,QAAQ,CAAC,EAAE,oBAAoB,CAAC,UAAU,CAAC,CAAA;IAC3C;;OAEG;IACH,IAAI,CAAC,EAAE,oBAAoB,CAAC,MAAM,CAAC,CAAA;CACpC;AACD,MAAM,WAAW,WAAY,SAAQ,uBAAuB,EAAE,YAAY;IACxE;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;;OAGG;IACH,EAAE,CAAC,EAAE,gBAAgB,CAAA;CACtB"}

package/dist/components/actions/dropdown/Dropdown.d.ts

@@ -2,16 +2,16 @@ import { DropdownProps } from './dropdown.props';
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<DropdownProps, {
-    show: () => void;
-    hide: () => void;
+    open: () => void;
+    close: () => void;
     toggle: () => void;
-    $ref: Readonly<import('vue').ShallowRef<HTMLDivElement | null, HTMLDivElement | null>>;
+    $el: Readonly<import('vue').ShallowRef<HTMLDivElement | null, HTMLDivElement | null>>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    hide: () => any;
-    show: () => any;
+    open: () => any;
+    close: () => any;
 }, string, import('vue').PublicProps, Readonly<DropdownProps> & Readonly<{
-    onHide?: (() => any) | undefined;
-    onShow?: (() => any) | undefined;
+    onOpen?: (() => any) | undefined;
+    onClose?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
     trigger?: (props: {}) => any;
 } & {

package/dist/components/actions/dropdown/Dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/dropdown/Dropdown.vue"],"names":[],"mappings":"AAmOA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;wBAchC,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;;;;;;;;;;;;cAoPJ,CAAC,KAAK,IAAgB,KAAK,GAAG;;cAC9B,CAAC,KAAK,IAAgB,KAAK,GAAG;EAaxC,CAAC;AACL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Dropdown.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/dropdown/Dropdown.vue"],"names":[],"mappings":"AAkOA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;wBAchC,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;;;;;;;;;;;;cAmPJ,CAAC,KAAK,IAAgB,KAAK,GAAG;;cAC9B,CAAC,KAAK,IAAgB,KAAK,GAAG;EAaxC,CAAC;AACL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/actions/dropdown/dropdown.props.d.ts

@@ -1,4 +1,3 @@
-import { Booleanish } from '../../../types/utils.type';
 import { ClassValue } from 'vue';
 import { DropdownAlign, DropdownSide, DropdownTriggerAction } from './dropdown.types';
 export interface DropdownConfigurableProps {
@@ -44,7 +43,7 @@ export interface DropdownProps extends DropdownConfigurableProps {
      *
      * @default false
      */
-    open?: Booleanish;
+    open?: boolean;
     /**
      * CSS class to apply to the trigger element.
      *

package/dist/components/actions/dropdown/dropdown.props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.props.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/dropdown/dropdown.props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AACrC,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAA;AAE1F,MAAM,WAAW,yBAAyB;IACxC;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,aAAa,CAAA;IAErB;;;;;;;;OAQG;IACH,IAAI,CAAC,EAAE,YAAY,CAAA;IAEnB;;;;;;;OAOG;IACH,aAAa,CAAC,EAAE,qBAAqB,CAAA;IAErC;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,WAAW,aAAc,SAAQ,yBAAyB;IAC9D;;;;OAIG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IAEjB;;;;OAIG;IACH,YAAY,CAAC,EAAE,UAAU,CAAA;IAEzB;;;;OAIG;IACH,YAAY,CAAC,EAAE,UAAU,CAAA;CAC1B"}
+{"version":3,"file":"dropdown.props.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/dropdown/dropdown.props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AACrC,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAA;AAC1F,MAAM,WAAW,yBAAyB;IACxC;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB;;;;;;;;OAQG;IACH,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB;;;;;;;OAOG;IACH,aAAa,CAAC,EAAE,qBAAqB,CAAA;IACrC;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AACD,MAAM,WAAW,aAAc,SAAQ,yBAAyB;IAC9D;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IACd;;;;OAIG;IACH,YAAY,CAAC,EAAE,UAAU,CAAA;IACzB;;;;OAIG;IACH,YAAY,CAAC,EAAE,UAAU,CAAA;CAC1B"}

package/dist/components/actions/modal/Modal.d.ts

@@ -10,9 +10,11 @@ declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<ModalP
      */
     modelValue?: boolean;
 }, {
-    present: () => void;
-    dismiss: () => void;
+    $el: Readonly<import('vue').ShallowRef<HTMLDialogElement | null, HTMLDialogElement | null>>;
+    open: () => void;
+    close: () => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    open: () => any;
     close: () => any;
     "update:modelValue": (value: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<ModalProps & {
@@ -24,6 +26,7 @@ declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<ModalP
      */
     modelValue?: boolean;
 }> & Readonly<{
+    onOpen?: (() => any) | undefined;
     onClose?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {

package/dist/components/actions/modal/Modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/modal/Modal.vue"],"names":[],"mappings":"AA+GA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;wBAU1B,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IA2ElB;;;;;OAKG;iBACU,OAAO;;;;;;;;IANpB;;;;;OAKG;iBACU,OAAO;;;;;cA+DN,CAAC,KAAK,IAAgB,KAAK,GAAG;;cAC9B,CAAC,KAAK,IAAgB,KAAK,GAAG;EAaxC,CAAC;AACL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Modal.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/modal/Modal.vue"],"names":[],"mappings":"AAgHA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;wBAU1B,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IA8ElB;;;;;OAKG;iBACU,OAAO;;;;;;;;;;IANpB;;;;;OAKG;iBACU,OAAO;;;;;;cA8DN,CAAC,KAAK,IAAgB,KAAK,GAAG;;cAC9B,CAAC,KAAK,IAAgB,KAAK,GAAG;EAaxC,CAAC;AACL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/actions/modal/modal.props.d.ts

@@ -1,4 +1,3 @@
-import { Booleanish } from '../../../types/utils.type';
 import { ModalPlacement } from './modal.types';
 export interface ModalConfigurableProps {
     /**
@@ -17,7 +16,7 @@ export interface ModalConfigurableProps {
      *
      * @default false
      */
-    closeOnBackdrop?: Booleanish;
+    closeOnBackdrop?: boolean;
     /**
      * When `true`, the modal content is rendered even while the modal is closed.
      * Useful to preserve internal component state between open/close cycles.
@@ -25,7 +24,7 @@ export interface ModalConfigurableProps {
      *
      * @default false
      */
-    loadContentWhenClose?: Booleanish;
+    loadContentWhenClose?: boolean;
 }
 export interface ModalProps extends ModalConfigurableProps {
 }

package/dist/components/actions/modal/modal.props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal.props.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/modal/modal.props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAEnD,MAAM,WAAW,sBAAsB;IACrC;;;;;;;;;OASG;IACH,SAAS,CAAC,EAAE,cAAc,CAAA;IAE1B;;;;OAIG;IACH,eAAe,CAAC,EAAE,UAAU,CAAA;IAE5B;;;;;;OAMG;IACH,oBAAoB,CAAC,EAAE,UAAU,CAAA;CAClC;AAED,MAAM,WAAW,UAAW,SAAQ,sBAAsB;CAAG"}
+{"version":3,"file":"modal.props.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/modal/modal.props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AACnD,MAAM,WAAW,sBAAsB;IACrC;;;;;;;;;OASG;IACH,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;;;;;OAMG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAA;CAC/B;AACD,MAAM,WAAW,UAAW,SAAQ,sBAAsB;CAAG"}

package/dist/components/actions/public.es.js

@@ -1,13 +1,12 @@
 import { t as e } from "../../symbol-CziS7Pho.js";
 import { n as t } from "../../use-component-config-CaJQbJOW.js";
 import { n, t as r } from "../../build-class.util-Cp-ZBFgO.js";
-import { t as i } from "../../is-true-B9ixxcRp.js";
-import { t as a } from "../../_plugin-vue_export-helper-B3ysoDQm.js";
-import { t as o } from "../../ClassWrapper-DdnnHfAj.js";
-import { Fragment as s, Teleport as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createVNode as m, defineComponent as h, guardReactiveProps as g, mergeModels as _, mergeProps as v, normalizeClass as y, normalizeProps as b, openBlock as x, renderSlot as S, resolveDynamicComponent as C, shallowRef as w, unref as T, useAttrs as E, useCssVars as D, useId as O, useModel as k, useTemplateRef as A, watch as j, withCtx as M, withKeys as N, withModifiers as P } from "vue";
-import { RouterLink as F } from "vue-router";
+import { t as i } from "../../_plugin-vue_export-helper-B3ysoDQm.js";
+import { t as a } from "../../ClassWrapper-DdnnHfAj.js";
+import { Fragment as o, Teleport as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createVNode as p, defineComponent as m, guardReactiveProps as h, mergeModels as g, mergeProps as _, normalizeClass as v, normalizeProps as y, openBlock as b, renderSlot as x, resolveDynamicComponent as S, shallowRef as C, unref as w, useAttrs as T, useCssVars as E, useId as D, useModel as O, useTemplateRef as k, watch as A, withCtx as j, withKeys as M, withModifiers as N } from "vue";
+import { RouterLink as P } from "vue-router";
 //#region src/components/actions/button/button.context.ts
-var I = e("button"), L = {
+var F = e("button"), I = {
 	neutral: "btn-neutral",
 	primary: "btn-primary",
 	secondary: "btn-secondary",
@@ -16,31 +15,31 @@ var I = e("button"), L = {
 	success: "btn-success",
 	warning: "btn-warning",
 	error: "btn-error"
-}, R = {
+}, L = {
 	solid: "btn-solid",
 	outline: "btn-outline",
 	dash: "btn-dash",
 	soft: "btn-soft",
 	ghost: "btn-ghost",
 	link: "btn-link"
-}, z = {
+}, R = {
 	xs: "btn-xs",
 	sm: "btn-sm",
 	md: "btn-md",
 	lg: "btn-lg",
 	xl: "btn-xl"
-}, B = {
+}, z = {
 	wide: "btn-wide",
 	block: "btn-block",
 	square: "btn-square",
 	circle: "btn-circle"
-}, V = {
+}, B = {
 	active: "btn-active",
 	disabled: "btn-disabled"
-}, H = /* @__PURE__ */ h({
+}, V = /* @__PURE__ */ m({
 	__name: "Button",
 	props: {
-		loading: { type: [Boolean, String] },
+		loading: { type: Boolean },
 		to: {},
 		color: {},
 		variant: {},
@@ -52,31 +51,35 @@ var I = e("button"), L = {
 		form: {}
 	},
 	emits: ["click"],
-	setup(e) {
-		let a = e, o = t(I, a, { type: "button" }), { class: s, ...c } = E(), f = l(() => a.to ? F : "button"), m = l(() => a.disabled ? V.disabled : ""), h = l(() => a.behavior === "disabled" || i(a.disabled) ? {
+	setup(e, { expose: i }) {
+		let a = e, o = t(F, a, { type: "button" }), { class: s, ...d } = T(), p = c(() => a.to ? P : "button"), m = c(() => a.disabled ? B.disabled : ""), h = c(() => a.behavior === "disabled" || a.disabled ? {
 			disabled: !0,
 			"aria-disabled": !0,
 			tabIndex: -1
-		} : {});
-		return (e, t) => (x(), u(C(f.value), v({
-			type: T(o).type,
-			class: ["btn", T(r)([
-				T(n)(L, T(o).color),
-				T(n)(R, T(o).variant),
-				T(n)(z, T(o).size),
-				T(n)(B, T(o).shape),
-				T(n)(V, T(o).behavior),
+		} : {}), g = k("button-el");
+		return i({
+			$el: g,
+			focus: () => g.value?.focus()
+		}), (e, t) => (b(), l(S(p.value), _({
+			ref: "button-el",
+			type: w(o).type,
+			class: ["btn", w(r)([
+				w(n)(I, w(o).color),
+				w(n)(L, w(o).variant),
+				w(n)(R, w(o).size),
+				w(n)(z, w(o).shape),
+				w(n)(B, w(o).behavior),
 				m.value,
-				T(s)
+				w(s)
 			])]
 		}, {
-			...c,
+			...d,
 			...h.value
 		}, {
-			to: T(o).to,
+			to: w(o).to,
 			onClick: t[0] ||= (t) => e.$emit("click", t)
 		}), {
-			default: M(() => [T(i)(T(o).loading) ? S(e.$slots, "loading", { key: 0 }, () => [t[1] ||= p("span", { class: "loading loading-spinner" }, null, -1)]) : d("", !0), S(e.$slots, "default")]),
+			default: j(() => [w(o).loading ? x(e.$slots, "loading", { key: 0 }, () => [t[1] ||= f("span", { class: "loading loading-spinner" }, null, -1)]) : u("", !0), x(e.$slots, "default")]),
 			_: 3
 		}, 16, [
 			"type",
@@ -84,19 +87,19 @@ var I = e("button"), L = {
 			"to"
 		]));
 	}
-}), U = e("dropdown"), W = {
+}), H = e("dropdown"), U = {
 	center: "dropdown-center",
 	end: "dropdown-end",
 	start: "dropdown-start"
-}, G = {
+}, W = {
 	bottom: "dropdown-bottom",
 	top: "dropdown-top",
 	left: "dropdown-left",
 	right: "dropdown-right"
-}, K = /*#__PURE__*/ a(/* @__PURE__ */ h({
+}, G = /*#__PURE__*/ i(/* @__PURE__ */ m({
 	__name: "Dropdown",
 	props: {
-		open: { type: [Boolean, String] },
+		open: { type: Boolean },
 		triggerClass: { type: [
 			Boolean,
 			null,
@@ -116,128 +119,128 @@ var I = e("button"), L = {
 		triggerAction: {},
 		debounce: {}
 	},
-	emits: ["show", "hide"],
+	emits: ["open", "close"],
 	setup(e, { expose: i, emit: a }) {
-		D((e) => ({ v4930e95e: d }));
-		let o = A("popover-el"), s = O(), l = `dropdown-${s}`, d = `--anchor-${s}`, m = a, h = t(U, e, {
+		E((e) => ({ d3d75078: p }));
+		let o = k("popover-el"), c = D(), u = `dropdown-${c}`, p = `--anchor-${c}`, m = a, g = t(H, e, {
 			align: "start",
 			side: "bottom",
 			triggerAction: "click",
 			open: !1,
 			debounce: 500
-		}), { class: _, ...v } = E();
+		}), { class: _, ...S } = T();
 		function C() {
 			o.value?.showPopover();
 		}
-		function w() {
+		function O() {
 			o.value?.hidePopover();
 		}
-		function k() {
+		function A() {
 			let e = o.value;
-			e && (e.matches(":popover-open") ? w() : C());
+			e && (e.matches(":popover-open") ? O() : C());
 		}
 		let j;
 		function M() {
-			if (!(h.value.triggerAction !== "click" && h.value.triggerAction !== "hover")) {
-				if (j === "click" && h.value.triggerAction === "hover") {
-					w();
+			if (!(g.value.triggerAction !== "click" && g.value.triggerAction !== "hover")) {
+				if (j === "click" && g.value.triggerAction === "hover") {
+					O();
 					return;
 				}
-				if (h.value.triggerAction === "hover") {
+				if (g.value.triggerAction === "hover") {
 					j = "click", C();
 					return;
 				}
-				j = "click", k();
+				j = "click", A();
 			}
 		}
 		let N;
 		function P() {
-			h.value.triggerAction === "hover" && (j = "hover", clearTimeout(N), C());
+			g.value.triggerAction === "hover" && (j = "hover", clearTimeout(N), C());
 		}
 		function F() {
-			h.value.triggerAction === "hover" && (clearTimeout(N), N = setTimeout(() => {
-				j === "hover" && w();
-			}, h.value.debounce));
+			g.value.triggerAction === "hover" && (clearTimeout(N), N = setTimeout(() => {
+				j === "hover" && O();
+			}, g.value.debounce));
 		}
 		function I(e) {
-			h.value.triggerAction === "context-menu" && (e.preventDefault(), j = "context-menu", k());
+			g.value.triggerAction === "context-menu" && (e.preventDefault(), j = "context-menu", A());
 		}
 		function L(e) {
 			[
 				"Enter",
 				" ",
 				"Escape"
-			].includes(e.key) && (e.preventDefault(), e.key === "Escape" ? w() : k());
+			].includes(e.key) && (e.preventDefault(), e.key === "Escape" ? O() : A());
 		}
 		function R(e) {
-			e.newState === "open" ? m("show") : m("hide");
+			e.newState === "open" ? m("open") : m("close");
 		}
 		return i({
-			show: C,
-			hide: w,
-			toggle: k,
-			$ref: o
-		}), (e, t) => (x(), f("div", b(g(v)), [p("button", {
-			class: y(["dropdown-trigger", T(h).triggerClass]),
+			open: C,
+			close: O,
+			toggle: A,
+			$el: o
+		}), (e, t) => (b(), d("div", y(h(S)), [f("button", {
+			class: v(["dropdown-trigger", w(g).triggerClass]),
 			onClick: M,
 			onMouseenter: P,
 			onMouseleave: F,
 			onContextmenu: I,
 			onKeyup: L
-		}, [S(e.$slots, "trigger", {}, void 0, !0)], 34), (x(), u(c, { to: "body" }, [p("div", {
+		}, [x(e.$slots, "trigger", {}, void 0, !0)], 34), (b(), l(s, { to: "body" }, [f("div", {
 			ref: "popover-el",
 			popover: "",
-			id: l,
-			class: y(["dropdown", T(r)([
-				T(n)(G, T(h).side),
-				T(n)(W, T(h).align),
-				T(_),
-				T(h).contentClass
+			id: u,
+			class: v(["dropdown", w(r)([
+				w(n)(W, w(g).side),
+				w(n)(U, w(g).align),
+				w(_),
+				w(g).contentClass
 			])]),
 			onMouseenter: P,
 			onMouseleave: F,
 			onBeforetoggle: R
-		}, [S(e.$slots, "default", {}, void 0, !0)], 34)]))], 16));
+		}, [x(e.$slots, "default", {}, void 0, !0)], 34)]))], 16));
 	}
-}), [["__scopeId", "data-v-64ff22da"]]), q = e("fab"), J = {
+}), [["__scopeId", "data-v-44ca398b"]]), K = e("fab"), q = {
 	key: 0,
 	class: "fab-close"
-}, Y = {
+}, J = {
 	key: 1,
 	class: "fab-main-action"
-}, X = { flower: "fab-flower" }, Z = /* @__PURE__ */ h({
+}, Y = { flower: "fab-flower" }, X = /* @__PURE__ */ m({
 	__name: "Fab",
 	props: { mode: {} },
 	setup(e) {
-		let r = t(q, e);
-		return (e, t) => (x(), f("div", { class: y(["fab", T(n)(X, T(r).mode)]) }, [
-			e.$slots.close ? (x(), f("div", J, [S(e.$slots, "close")])) : d("", !0),
-			e.$slots.mainAction ? (x(), f("div", Y, [S(e.$slots, "main-action")])) : d("", !0),
-			S(e.$slots, "default")
+		let r = t(K, e);
+		return (e, t) => (b(), d("div", { class: v(["fab", w(n)(Y, w(r).mode)]) }, [
+			e.$slots.close ? (b(), d("div", q, [x(e.$slots, "close")])) : u("", !0),
+			e.$slots.mainAction ? (b(), d("div", J, [x(e.$slots, "main-action")])) : u("", !0),
+			x(e.$slots, "default")
 		], 2));
 	}
-}), Q = e("modal"), $ = {
+}), Z = e("modal"), Q = {
 	key: 0,
 	class: "modal-box"
-}, ee = {
+}, $ = {
 	key: 0,
 	class: "modal-action"
-}, te = {
+}, ee = {
 	key: 1,
 	method: "dialog",
 	class: "modal-backdrop"
-}, ne = {
+}, te = {
 	top: "modal-top",
 	middle: "modal-middle",
 	bottom: "modal-bottom",
 	start: "modal-start",
 	end: "modal-end"
-}, re = /* @__PURE__ */ h({
+}, ne = /* @__PURE__ */ m({
 	__name: "Modal",
-	props: /*@__PURE__*/ _({
+	props: /*@__PURE__*/ g({
 		placement: {},
-		closeOnBackdrop: { type: [Boolean, String] },
-		loadContentWhenClose: { type: [Boolean, String] }
+		closeOnBackdrop: { type: Boolean },
+		loadContentWhenClose: { type: Boolean }
 	}, {
 		modelValue: {
 			type: Boolean,
@@ -245,45 +248,46 @@ var I = e("button"), L = {
 		},
 		modelModifiers: {}
 	}),
-	emits: /*@__PURE__*/ _(["close"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ g(["open", "close"], ["update:modelValue"]),
 	setup(e, { expose: n, emit: r }) {
-		let a = A("dialog-el"), o = k(e, "modelValue"), s = t(Q, e, {
+		let i = k("dialog-el"), a = O(e, "modelValue"), o = t(Z, e, {
 			placement: void 0,
 			closeOnBackdrop: !1,
 			loadContentWhenClose: !1
-		}), c = r, u = w(!1);
-		j(o, (e) => {
-			e && (u.value = !0);
+		}), s = r, l = C(!1);
+		A(a, (e) => {
+			e && (l.value = !0);
 		});
-		let m = l(() => i(s.value.loadContentWhenClose) ? !0 : o.value || u.value);
-		j(o, (e) => {
-			a.value && (e ? a.value.showModal() : a.value.close());
+		let p = c(() => o.value.loadContentWhenClose ? !0 : a.value || l.value);
+		A(a, (e) => {
+			i.value && (e ? (i.value.showModal(), s("open")) : i.value.close());
 		}, { immediate: !0 });
+		function m() {
+			a.value = !0;
+		}
 		function h() {
-			o.value = !0;
+			a.value = !1;
 		}
 		function g() {
-			o.value = !1;
-		}
-		function _() {
-			o.value = !1, c("close");
+			a.value = !1, s("close");
 		}
 		return n({
-			present: h,
-			dismiss: g
-		}), (e, t) => (x(), f("dialog", {
+			$el: i,
+			open: m,
+			close: h
+		}), (e, t) => (b(), d("dialog", {
 			ref: "dialog-el",
-			class: y(["modal", [T(s).placement && ne[T(s).placement]]]),
-			onClose: _
-		}, [m.value ? (x(), f("div", $, [S(e.$slots, "default"), e.$slots.actions ? (x(), f("div", ee, [S(e.$slots, "actions")])) : d("", !0)])) : d("", !0), T(i)(T(s).closeOnBackdrop) ? d("", !0) : (x(), f("form", te, [...t[0] ||= [p("button", null, "close", -1)]]))], 34));
+			class: v(["modal", [w(o).placement && te[w(o).placement]]]),
+			onClose: g
+		}, [p.value ? (b(), d("div", Q, [x(e.$slots, "default"), e.$slots.actions ? (b(), d("div", $, [x(e.$slots, "actions")])) : u("", !0)])) : u("", !0), w(o).closeOnBackdrop ? u("", !0) : (b(), d("form", ee, [...t[0] ||= [f("button", null, "close", -1)]]))], 34));
 	}
-}), ie = e("swap"), ae = ["onKeydown"], oe = {
+}), re = e("swap"), ie = ["onKeydown"], ae = {
 	flip: "swap-flip",
 	rotate: "swap-rotate"
-}, se = /* @__PURE__ */ h({
+}, oe = /* @__PURE__ */ m({
 	__name: "Swap",
-	props: /*@__PURE__*/ _({
-		indeterminate: { type: [Boolean, String] },
+	props: /*@__PURE__*/ g({
+		indeterminate: { type: Boolean },
 		variant: {}
 	}, {
 		modelValue: {
@@ -294,26 +298,26 @@ var I = e("button"), L = {
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let r = k(e, "modelValue"), a = e, c = t(ie, a, {});
-		function l() {
-			i(a.indeterminate) || (r.value = !r.value);
+		let r = O(e, "modelValue"), i = e, s = t(re, i, {});
+		function c() {
+			i.indeterminate || (r.value = !r.value);
 		}
-		return (t, a) => (x(), f("div", {
-			class: y(["swap", [T(n)(oe, T(c).variant), T(i)(e.indeterminate) ? "swap-indeterminate" : r.value && "swap-active"]]),
+		return (t, i) => (b(), d("div", {
+			class: v(["swap", [w(n)(ae, w(s).variant), e.indeterminate ? "swap-indeterminate" : r.value && "swap-active"]]),
 			role: "button",
 			tabindex: "0",
-			onClick: l,
-			onKeydown: N(P(l, ["prevent"]), ["enter", "space"])
-		}, [T(i)(e.indeterminate) && t.$slots.indeterminate ? S(t.$slots, "indeterminate", { key: 0 }) : (x(), f(s, { key: 1 }, [m(o, { class: "swap-on" }, {
-			default: M(() => [S(t.$slots, "on")]),
+			onClick: c,
+			onKeydown: M(N(c, ["prevent"]), ["enter", "space"])
+		}, [e.indeterminate && t.$slots.indeterminate ? x(t.$slots, "indeterminate", { key: 0 }) : (b(), d(o, { key: 1 }, [p(a, { class: "swap-on" }, {
+			default: j(() => [x(t.$slots, "on")]),
 			_: 3
-		}), m(o, { class: "swap-off" }, {
-			default: M(() => [S(t.$slots, "off")]),
+		}), p(a, { class: "swap-off" }, {
+			default: j(() => [x(t.$slots, "off")]),
 			_: 3
-		})], 64))], 42, ae));
+		})], 64))], 42, ie));
 	}
 });
 //#endregion
-export { H as Button, K as Dropdown, Z as Fab, re as Modal, se as Swap };
+export { V as Button, G as Dropdown, X as Fab, ne as Modal, oe as Swap };
 
 //# sourceMappingURL=public.es.js.map