@tarsis/toolkit 0.7.6 → 0.7.7

package/dist/{SelectBase-CKsJgF0R.cjs → SelectBase-BeOZSKl8.cjs}

@@ -1,5 +1,6 @@
 const require_chunk = require("./chunk-CKQMccvm.cjs");
 const require_useMergeRefs = require("./useMergeRefs-C_l6omwU.cjs");
+const require_Slot = require("./Slot-SOe-b2n6.cjs");
 const require_hooks = require("./hooks.cjs");
 let clsx = require("clsx");
 clsx = require_chunk.__toESM(clsx, 1);
@@ -151,13 +152,13 @@ var DialogBase = ({ open, onClose, children, className, overlayClassName, style,
 	});
 };
 var PopoverBase_module_default = {
-	popover: "_popover_stzls_1",
-	"popover-enter": "_popover-enter_stzls_1"
+	popover: "_popover_1xbzr_1",
+	"popover-enter": "_popover-enter_1xbzr_1"
 };
 //#endregion
 //#region src/components/primitives/PopoverBase/PopoverBase.tsx
-var PopoverBase = ({ open, onOpenChange, trigger, children, placement = "bottom", offsetValue = 8, className, style, triggerRef: externalTriggerRef, ...ariaProps }) => {
-	const { refs, floatingStyles, context } = (0, _floating_ui_react.useFloating)({
+var PopoverBase = ({ open, onOpenChange, trigger, triggerAsChild = false, children, placement = "bottom", offsetValue = 8, className, style, triggerRef: externalTriggerRef, ...ariaProps }) => {
+	const { refs, floatingStyles, context, isPositioned } = (0, _floating_ui_react.useFloating)({
 		open,
 		onOpenChange,
 		placement,
@@ -168,20 +169,22 @@ var PopoverBase = ({ open, onOpenChange, trigger, children, placement = "bottom"
 		],
 		whileElementsMounted: _floating_ui_react.autoUpdate
 	});
-	const { getReferenceProps, getFloatingProps } = (0, _floating_ui_react.useInteractions)([
-		(0, _floating_ui_react.useClick)(context),
-		(0, _floating_ui_react.useDismiss)(context),
-		(0, _floating_ui_react.useRole)(context)
-	]);
+	const { getReferenceProps, getFloatingProps } = (0, _floating_ui_react.useInteractions)([(0, _floating_ui_react.useDismiss)(context), (0, _floating_ui_react.useRole)(context)]);
 	const setTriggerRef = (0, react.useCallback)((node) => {
 		refs.setReference(node);
 	}, [refs]);
 	const setFloatingRef = (0, react.useCallback)((node) => {
 		refs.setFloating(node);
 	}, [refs]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-		ref: require_useMergeRefs.useMergeRefs(setTriggerRef, externalTriggerRef ?? null),
-		...getReferenceProps(),
+	const triggerMergedRef = require_useMergeRefs.useMergeRefs(setTriggerRef, externalTriggerRef ?? null);
+	const referenceProps = getReferenceProps();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [triggerAsChild && (0, react.isValidElement)(trigger) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Slot.Slot, {
+		ref: triggerMergedRef,
+		...referenceProps,
+		children: trigger
+	}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		ref: triggerMergedRef,
+		...referenceProps,
 		style: { display: "inline-flex" },
 		children: trigger
 	}), open && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_floating_ui_react.FloatingPortal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_floating_ui_react.FloatingFocusManager, {
@@ -192,7 +195,8 @@ var PopoverBase = ({ open, onOpenChange, trigger, children, placement = "bottom"
 			className: (0, clsx.default)(PopoverBase_module_default.popover, className),
 			style: {
 				...floatingStyles,
-				...style
+				...style,
+				opacity: isPositioned ? 1 : 0
 			},
 			"aria-label": ariaProps["aria-label"],
 			"aria-labelledby": ariaProps["aria-labelledby"],

package/dist/{SelectBase-CdQKpIjl.js → SelectBase-CBcSt-zA.js}

@@ -1,7 +1,8 @@
 import { n as useMergeRefs$1 } from "./useMergeRefs-BM2-gSLn.js";
+import { t as Slot } from "./Slot-z71j7q57.js";
 import { useControllableState, useFormField } from "./hooks.js";
 import cn from "clsx";
-import { createContext, useCallback, useContext, useEffect, useId, useMemo, useRef, useState } from "react";
+import { createContext, isValidElement, useCallback, useContext, useEffect, useId, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { FloatingFocusManager, FloatingPortal, autoUpdate, flip, offset, safePolygon, shift, size, useClick, useDismiss, useFloating, useFocus, useHover, useInteractions, useListNavigation, useRole } from "@floating-ui/react";
 import { createPortal } from "react-dom";
@@ -149,13 +150,13 @@ var DialogBase = ({ open, onClose, children, className, overlayClassName, style,
 	});
 };
 var PopoverBase_module_default = {
-	popover: "_popover_stzls_1",
-	"popover-enter": "_popover-enter_stzls_1"
+	popover: "_popover_1xbzr_1",
+	"popover-enter": "_popover-enter_1xbzr_1"
 };
 //#endregion
 //#region src/components/primitives/PopoverBase/PopoverBase.tsx
-var PopoverBase = ({ open, onOpenChange, trigger, children, placement = "bottom", offsetValue = 8, className, style, triggerRef: externalTriggerRef, ...ariaProps }) => {
-	const { refs, floatingStyles, context } = useFloating({
+var PopoverBase = ({ open, onOpenChange, trigger, triggerAsChild = false, children, placement = "bottom", offsetValue = 8, className, style, triggerRef: externalTriggerRef, ...ariaProps }) => {
+	const { refs, floatingStyles, context, isPositioned } = useFloating({
 		open,
 		onOpenChange,
 		placement,
@@ -166,20 +167,22 @@ var PopoverBase = ({ open, onOpenChange, trigger, children, placement = "bottom"
 		],
 		whileElementsMounted: autoUpdate
 	});
-	const { getReferenceProps, getFloatingProps } = useInteractions([
-		useClick(context),
-		useDismiss(context),
-		useRole(context)
-	]);
+	const { getReferenceProps, getFloatingProps } = useInteractions([useDismiss(context), useRole(context)]);
 	const setTriggerRef = useCallback((node) => {
 		refs.setReference(node);
 	}, [refs]);
 	const setFloatingRef = useCallback((node) => {
 		refs.setFloating(node);
 	}, [refs]);
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", {
-		ref: useMergeRefs$1(setTriggerRef, externalTriggerRef ?? null),
-		...getReferenceProps(),
+	const triggerMergedRef = useMergeRefs$1(setTriggerRef, externalTriggerRef ?? null);
+	const referenceProps = getReferenceProps();
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [triggerAsChild && isValidElement(trigger) ? /* @__PURE__ */ jsx(Slot, {
+		ref: triggerMergedRef,
+		...referenceProps,
+		children: trigger
+	}) : /* @__PURE__ */ jsx("span", {
+		ref: triggerMergedRef,
+		...referenceProps,
 		style: { display: "inline-flex" },
 		children: trigger
 	}), open && /* @__PURE__ */ jsx(FloatingPortal, { children: /* @__PURE__ */ jsx(FloatingFocusManager, {
@@ -190,7 +193,8 @@ var PopoverBase = ({ open, onOpenChange, trigger, children, placement = "bottom"
 			className: cn(PopoverBase_module_default.popover, className),
 			style: {
 				...floatingStyles,
-				...style
+				...style,
+				opacity: isPositioned ? 1 : 0
 			},
 			"aria-label": ariaProps["aria-label"],
 			"aria-labelledby": ariaProps["aria-labelledby"],

package/dist/components/primitives/PopoverBase/PopoverBase.d.ts

@@ -4,6 +4,7 @@ type PopoverBaseProps = {
     open: boolean;
     onOpenChange: (open: boolean) => void;
     trigger: ReactNode;
+    triggerAsChild?: boolean;
     children: ReactNode;
     placement?: Placement;
     offsetValue?: OffsetOptions;
@@ -13,6 +14,6 @@ type PopoverBaseProps = {
     'aria-label'?: string;
     'aria-labelledby'?: string;
 };
-declare const PopoverBase: ({ open, onOpenChange, trigger, children, placement, offsetValue, className, style, triggerRef: externalTriggerRef, ...ariaProps }: PopoverBaseProps) => import("react/jsx-runtime").JSX.Element;
+declare const PopoverBase: ({ open, onOpenChange, trigger, triggerAsChild, children, placement, offsetValue, className, style, triggerRef: externalTriggerRef, ...ariaProps }: PopoverBaseProps) => import("react/jsx-runtime").JSX.Element;
 export { PopoverBase };
 export type { PopoverBaseProps };

package/dist/index.cjs

@@ -7,7 +7,7 @@ const require_values = require("./values-BqSJ0h9o.cjs");
 const require_utils = require("./utils-BGgmkNY4.cjs");
 const require_animation = require("./animation-BauloIgQ.cjs");
 const require_assets = require("./assets-BMqH4phf.cjs");
-const require_SelectBase = require("./SelectBase-CKsJgF0R.cjs");
+const require_SelectBase = require("./SelectBase-BeOZSKl8.cjs");
 const require_Container = require("./Container-DBXALrl1.cjs");
 const require_tokens = require("./tokens-Nhzxtwvl.cjs");
 let clsx = require("clsx");
@@ -759,31 +759,31 @@ var BubblyParticlesButton = () => {
 	});
 };
 var BurningButton_module_default = {
-	root: "_root_jgcmk_1",
-	button: "_button_jgcmk_11",
-	p: "_p_jgcmk_24",
-	text: "_text_jgcmk_24",
-	rise1: "_rise1_jgcmk_1",
-	rise2: "_rise2_jgcmk_1",
-	rise3: "_rise3_jgcmk_1",
-	rise4: "_rise4_jgcmk_1",
-	rise5: "_rise5_jgcmk_1",
-	rise6: "_rise6_jgcmk_1",
-	rise7: "_rise7_jgcmk_1",
-	rise8: "_rise8_jgcmk_1",
-	rise9: "_rise9_jgcmk_1",
-	rise10: "_rise10_jgcmk_1",
-	rise11: "_rise11_jgcmk_1",
-	rise12: "_rise12_jgcmk_1",
-	rise13: "_rise13_jgcmk_1",
-	rise14: "_rise14_jgcmk_1",
-	rise15: "_rise15_jgcmk_1",
-	rise16: "_rise16_jgcmk_1",
-	rise17: "_rise17_jgcmk_1",
-	rise18: "_rise18_jgcmk_1",
-	rise19: "_rise19_jgcmk_1",
-	rise20: "_rise20_jgcmk_1",
-	effects: "_effects_jgcmk_238"
+	root: "_root_1ure9_1",
+	button: "_button_1ure9_11",
+	p: "_p_1ure9_24",
+	text: "_text_1ure9_24",
+	rise1: "_rise1_1ure9_1",
+	rise2: "_rise2_1ure9_1",
+	rise3: "_rise3_1ure9_1",
+	rise4: "_rise4_1ure9_1",
+	rise5: "_rise5_1ure9_1",
+	rise6: "_rise6_1ure9_1",
+	rise7: "_rise7_1ure9_1",
+	rise8: "_rise8_1ure9_1",
+	rise9: "_rise9_1ure9_1",
+	rise10: "_rise10_1ure9_1",
+	rise11: "_rise11_1ure9_1",
+	rise12: "_rise12_1ure9_1",
+	rise13: "_rise13_1ure9_1",
+	rise14: "_rise14_1ure9_1",
+	rise15: "_rise15_1ure9_1",
+	rise16: "_rise16_1ure9_1",
+	rise17: "_rise17_1ure9_1",
+	rise18: "_rise18_1ure9_1",
+	rise19: "_rise19_1ure9_1",
+	rise20: "_rise20_1ure9_1",
+	effects: "_effects_1ure9_238"
 };
 //#endregion
 //#region src/components/Buttons/BurningButton/BurningButton.tsx
@@ -3829,10 +3829,10 @@ var NeonButton = ({ className, ...rest }) => {
 	});
 };
 var NoisyButton_module_default = {
-	root: "_root_1kf3z_2",
-	i: "_i_1kf3z_22",
-	noise: "_noise_1kf3z_1",
-	text: "_text_1kf3z_482"
+	root: "_root_1gvml_2",
+	i: "_i_1gvml_22",
+	noise: "_noise_1gvml_1",
+	text: "_text_1gvml_482"
 };
 //#endregion
 //#region src/components/Buttons/NoisyButton/NoisyButton.tsx
@@ -19468,12 +19468,12 @@ var ScrambledText = ({ children, reveal = false }) => {
 	});
 };
 var ScramblingLetters_module_default = {
-	root: "_root_e284x_1",
-	line: "_line_e284x_9",
-	word: "_word_e284x_14",
-	link: "_link_e284x_18",
-	letter: "_letter_e284x_22",
-	wobble: "_wobble_e284x_1"
+	root: "_root_1hoqe_1",
+	line: "_line_1hoqe_9",
+	word: "_word_1hoqe_14",
+	link: "_link_1hoqe_18",
+	letter: "_letter_1hoqe_22",
+	wobble: "_wobble_1hoqe_1"
 };
 //#endregion
 //#region src/components/Texts/ScramblingLetters/ScramblingLetters.tsx

package/dist/index.js

@@ -5,7 +5,7 @@ import { C as move, S as times, _ as setLogLevel, a as is, b as storageLogger, c
 import { _ as chain, a as wait, c as scalePresence, d as distance, f as lerp, g as normalizeError, h as formatTime, i as delay, l as slideDownPresence, m as formatDuration, n as supportsViewTransitions, o as createPresenceVariants, p as lineEq, r as getPath, s as fadePresence, t as startViewTransition, u as slideUpPresence, v as createBoundedMap } from "./utils-Dw5El_3G.js";
 import { n as easing, r as staggerDelay, t as animationDuration } from "./animation-BFpILbqb.js";
 import { i as lockAudioAssets, r as iconAssets, t as dockAudioAssets } from "./assets-huTvlamy.js";
-import { a as FormField, c as VisuallyHidden, i as DialogBase, n as TooltipBase, o as useFormFieldContext, r as PopoverBase, s as Portal, t as SelectBase } from "./SelectBase-CdQKpIjl.js";
+import { a as FormField, c as VisuallyHidden, i as DialogBase, n as TooltipBase, o as useFormFieldContext, r as PopoverBase, s as Portal, t as SelectBase } from "./SelectBase-CBcSt-zA.js";
 import { n as Cluster, r as Stack, t as Container } from "./Container-BirkN1fA.js";
 import { a as getVarName, i as Token, n as validateColorScheme, o as resolveToken, r as springPreset, t as REQUIRED_SEMANTIC_VARS } from "./tokens-CDVSR49D.js";
 import cn from "clsx";
@@ -751,31 +751,31 @@ var BubblyParticlesButton = () => {
 	});
 };
 var BurningButton_module_default = {
-	root: "_root_o8hup_1",
-	button: "_button_o8hup_11",
-	p: "_p_o8hup_24",
-	text: "_text_o8hup_24",
-	rise1: "_rise1_o8hup_1",
-	rise2: "_rise2_o8hup_1",
-	rise3: "_rise3_o8hup_1",
-	rise4: "_rise4_o8hup_1",
-	rise5: "_rise5_o8hup_1",
-	rise6: "_rise6_o8hup_1",
-	rise7: "_rise7_o8hup_1",
-	rise8: "_rise8_o8hup_1",
-	rise9: "_rise9_o8hup_1",
-	rise10: "_rise10_o8hup_1",
-	rise11: "_rise11_o8hup_1",
-	rise12: "_rise12_o8hup_1",
-	rise13: "_rise13_o8hup_1",
-	rise14: "_rise14_o8hup_1",
-	rise15: "_rise15_o8hup_1",
-	rise16: "_rise16_o8hup_1",
-	rise17: "_rise17_o8hup_1",
-	rise18: "_rise18_o8hup_1",
-	rise19: "_rise19_o8hup_1",
-	rise20: "_rise20_o8hup_1",
-	effects: "_effects_o8hup_238"
+	root: "_root_1qw66_1",
+	button: "_button_1qw66_11",
+	p: "_p_1qw66_24",
+	text: "_text_1qw66_24",
+	rise1: "_rise1_1qw66_1",
+	rise2: "_rise2_1qw66_1",
+	rise3: "_rise3_1qw66_1",
+	rise4: "_rise4_1qw66_1",
+	rise5: "_rise5_1qw66_1",
+	rise6: "_rise6_1qw66_1",
+	rise7: "_rise7_1qw66_1",
+	rise8: "_rise8_1qw66_1",
+	rise9: "_rise9_1qw66_1",
+	rise10: "_rise10_1qw66_1",
+	rise11: "_rise11_1qw66_1",
+	rise12: "_rise12_1qw66_1",
+	rise13: "_rise13_1qw66_1",
+	rise14: "_rise14_1qw66_1",
+	rise15: "_rise15_1qw66_1",
+	rise16: "_rise16_1qw66_1",
+	rise17: "_rise17_1qw66_1",
+	rise18: "_rise18_1qw66_1",
+	rise19: "_rise19_1qw66_1",
+	rise20: "_rise20_1qw66_1",
+	effects: "_effects_1qw66_238"
 };
 //#endregion
 //#region src/components/Buttons/BurningButton/BurningButton.tsx
@@ -3821,10 +3821,10 @@ var NeonButton = ({ className, ...rest }) => {
 	});
 };
 var NoisyButton_module_default = {
-	root: "_root_1hthy_2",
-	i: "_i_1hthy_22",
-	noise: "_noise_1hthy_1",
-	text: "_text_1hthy_482"
+	root: "_root_1p8x9_2",
+	i: "_i_1p8x9_22",
+	noise: "_noise_1p8x9_1",
+	text: "_text_1p8x9_482"
 };
 //#endregion
 //#region src/components/Buttons/NoisyButton/NoisyButton.tsx
@@ -19460,12 +19460,12 @@ var ScrambledText = ({ children, reveal = false }) => {
 	});
 };
 var ScramblingLetters_module_default = {
-	root: "_root_15xgf_1",
-	line: "_line_15xgf_9",
-	word: "_word_15xgf_14",
-	link: "_link_15xgf_18",
-	letter: "_letter_15xgf_22",
-	wobble: "_wobble_15xgf_1"
+	root: "_root_wteo2_1",
+	line: "_line_wteo2_9",
+	word: "_word_wteo2_14",
+	link: "_link_wteo2_18",
+	letter: "_letter_wteo2_22",
+	wobble: "_wobble_wteo2_1"
 };
 //#endregion
 //#region src/components/Texts/ScramblingLetters/ScramblingLetters.tsx

package/dist/primitives.cjs

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_Slot = require("./Slot-SOe-b2n6.cjs");
-const require_SelectBase = require("./SelectBase-CKsJgF0R.cjs");
+const require_SelectBase = require("./SelectBase-BeOZSKl8.cjs");
 exports.DialogBase = require_SelectBase.DialogBase;
 exports.FormField = require_SelectBase.FormField;
 exports.PopoverBase = require_SelectBase.PopoverBase;

package/dist/primitives.js

@@ -1,3 +1,3 @@
 import { n as Slottable, t as Slot } from "./Slot-z71j7q57.js";
-import { a as FormField, c as VisuallyHidden, i as DialogBase, n as TooltipBase, o as useFormFieldContext, r as PopoverBase, s as Portal, t as SelectBase } from "./SelectBase-CdQKpIjl.js";
+import { a as FormField, c as VisuallyHidden, i as DialogBase, n as TooltipBase, o as useFormFieldContext, r as PopoverBase, s as Portal, t as SelectBase } from "./SelectBase-CBcSt-zA.js";
 export { DialogBase, FormField, PopoverBase, Portal, SelectBase, Slot, Slottable, TooltipBase, VisuallyHidden, useFormFieldContext };