@c15t/dev-tools 0.0.1-rc.3

package/dist/components/ui/scroll-area.js

@@ -0,0 +1,74 @@
+'use client';
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from 'react/jsx-runtime';
+import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_scroll_area_93228e9e__ from '@radix-ui/react-scroll-area';
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from 'react';
+import * as __WEBPACK_EXTERNAL_MODULE__libs_utils_js_eb00b89d__ from '../../libs/utils.js';
+const ScrollArea = /*#__PURE__*/ (0,
+__WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(
+	({ className, children, ...props }, ref) =>
+		/*#__PURE__*/ (0,
+		__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(
+			__WEBPACK_EXTERNAL_MODULE__radix_ui_react_scroll_area_93228e9e__.Root,
+			{
+				ref: ref,
+				className: (0, __WEBPACK_EXTERNAL_MODULE__libs_utils_js_eb00b89d__.cn)(
+					'relative overflow-hidden',
+					className
+				),
+				...props,
+				children: [
+					/*#__PURE__*/ (0,
+					__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(
+						__WEBPACK_EXTERNAL_MODULE__radix_ui_react_scroll_area_93228e9e__.Viewport,
+						{
+							className: 'h-full w-full rounded-[inherit]',
+							children: children,
+						}
+					),
+					/*#__PURE__*/ (0,
+					__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(
+						ScrollBar,
+						{}
+					),
+					/*#__PURE__*/ (0,
+					__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(
+						__WEBPACK_EXTERNAL_MODULE__radix_ui_react_scroll_area_93228e9e__.Corner,
+						{}
+					),
+				],
+			}
+		)
+);
+ScrollArea.displayName =
+	__WEBPACK_EXTERNAL_MODULE__radix_ui_react_scroll_area_93228e9e__.Root.displayName;
+const ScrollBar = /*#__PURE__*/ (0,
+__WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(
+	({ className, orientation = 'vertical', ...props }, ref) =>
+		/*#__PURE__*/ (0,
+		__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(
+			__WEBPACK_EXTERNAL_MODULE__radix_ui_react_scroll_area_93228e9e__.ScrollAreaScrollbar,
+			{
+				ref: ref,
+				orientation: orientation,
+				className: (0, __WEBPACK_EXTERNAL_MODULE__libs_utils_js_eb00b89d__.cn)(
+					'flex touch-none select-none transition-colors',
+					'vertical' === orientation &&
+						'h-full w-2.5 border-l border-l-transparent p-[1px]',
+					'horizontal' === orientation &&
+						'h-2.5 flex-col border-t border-t-transparent p-[1px]',
+					className
+				),
+				...props,
+				children: /*#__PURE__*/ (0,
+				__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(
+					__WEBPACK_EXTERNAL_MODULE__radix_ui_react_scroll_area_93228e9e__.ScrollAreaThumb,
+					{
+						className: 'relative flex-1 rounded-full bg-border',
+					}
+				),
+			}
+		)
+);
+ScrollBar.displayName =
+	__WEBPACK_EXTERNAL_MODULE__radix_ui_react_scroll_area_93228e9e__.ScrollAreaScrollbar.displayName;
+export { ScrollArea, ScrollBar };

package/dist/components/ui/switch.cjs

@@ -0,0 +1,71 @@
+'use client';
+'use strict';
+var __webpack_require__ = {};
+(() => {
+	__webpack_require__.d = function (exports1, definition) {
+		for (var key in definition)
+			if (
+				__webpack_require__.o(definition, key) &&
+				!__webpack_require__.o(exports1, key)
+			)
+				Object.defineProperty(exports1, key, {
+					enumerable: true,
+					get: definition[key],
+				});
+	};
+})();
+(() => {
+	__webpack_require__.o = function (obj, prop) {
+		return Object.prototype.hasOwnProperty.call(obj, prop);
+	};
+})();
+(() => {
+	__webpack_require__.r = function (exports1) {
+		if ('undefined' != typeof Symbol && Symbol.toStringTag)
+			Object.defineProperty(exports1, Symbol.toStringTag, {
+				value: 'Module',
+			});
+		Object.defineProperty(exports1, '__esModule', {
+			value: true,
+		});
+	};
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+	Switch: () => Switch,
+});
+const jsx_runtime_namespaceObject = require('react/jsx-runtime');
+const react_switch_namespaceObject = require('@radix-ui/react-switch');
+const external_react_namespaceObject = require('react');
+const utils_cjs_namespaceObject = require('../../libs/utils.cjs');
+const Switch = /*#__PURE__*/ external_react_namespaceObject.forwardRef(
+	({ className, ...props }, ref) =>
+		/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(
+			react_switch_namespaceObject.Root,
+			{
+				className: (0, utils_cjs_namespaceObject.cn)(
+					'peer inline-flex h-[24px] w-[44px] shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input',
+					className
+				),
+				...props,
+				ref: ref,
+				children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(
+					react_switch_namespaceObject.Thumb,
+					{
+						className: (0, utils_cjs_namespaceObject.cn)(
+							'pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0'
+						),
+					}
+				),
+			}
+		)
+);
+Switch.displayName = react_switch_namespaceObject.Root.displayName;
+var __webpack_export_target__ = exports;
+for (var __webpack_i__ in __webpack_exports__)
+	__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
+if (__webpack_exports__.__esModule)
+	Object.defineProperty(__webpack_export_target__, '__esModule', {
+		value: true,
+	});

package/dist/components/ui/switch.d.ts

@@ -0,0 +1,11 @@
+import * as SwitchPrimitives from '@radix-ui/react-switch';
+import * as React from 'react';
+declare const Switch: React.ForwardRefExoticComponent<
+	Omit<
+		SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>,
+		'ref'
+	> &
+		React.RefAttributes<HTMLButtonElement>
+>;
+export { Switch };
+//# sourceMappingURL=switch.d.ts.map

package/dist/components/ui/switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../src/components/ui/switch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,gBAAgB,MAAM,wBAAwB,CAAC;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,QAAA,MAAM,MAAM,8JAkBV,CAAC;AAGH,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/ui/switch.js

@@ -0,0 +1,33 @@
+'use client';
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from 'react/jsx-runtime';
+import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_switch_5e92b7ed__ from '@radix-ui/react-switch';
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from 'react';
+import * as __WEBPACK_EXTERNAL_MODULE__libs_utils_js_eb00b89d__ from '../../libs/utils.js';
+const Switch = /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.forwardRef(
+	({ className, ...props }, ref) =>
+		/*#__PURE__*/ (0,
+		__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(
+			__WEBPACK_EXTERNAL_MODULE__radix_ui_react_switch_5e92b7ed__.Root,
+			{
+				className: (0, __WEBPACK_EXTERNAL_MODULE__libs_utils_js_eb00b89d__.cn)(
+					'peer inline-flex h-[24px] w-[44px] shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input',
+					className
+				),
+				...props,
+				ref: ref,
+				children: /*#__PURE__*/ (0,
+				__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(
+					__WEBPACK_EXTERNAL_MODULE__radix_ui_react_switch_5e92b7ed__.Thumb,
+					{
+						className: (0,
+						__WEBPACK_EXTERNAL_MODULE__libs_utils_js_eb00b89d__.cn)(
+							'pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0'
+						),
+					}
+				),
+			}
+		)
+);
+Switch.displayName =
+	__WEBPACK_EXTERNAL_MODULE__radix_ui_react_switch_5e92b7ed__.Root.displayName;
+export { Switch };

package/dist/components/ui/tooltip.cjs

@@ -0,0 +1,75 @@
+'use client';
+'use strict';
+var __webpack_require__ = {};
+(() => {
+	__webpack_require__.d = function (exports1, definition) {
+		for (var key in definition)
+			if (
+				__webpack_require__.o(definition, key) &&
+				!__webpack_require__.o(exports1, key)
+			)
+				Object.defineProperty(exports1, key, {
+					enumerable: true,
+					get: definition[key],
+				});
+	};
+})();
+(() => {
+	__webpack_require__.o = function (obj, prop) {
+		return Object.prototype.hasOwnProperty.call(obj, prop);
+	};
+})();
+(() => {
+	__webpack_require__.r = function (exports1) {
+		if ('undefined' != typeof Symbol && Symbol.toStringTag)
+			Object.defineProperty(exports1, Symbol.toStringTag, {
+				value: 'Module',
+			});
+		Object.defineProperty(exports1, '__esModule', {
+			value: true,
+		});
+	};
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+	TooltipContent: () => TooltipContent,
+	Tooltip: () => Tooltip,
+	TooltipTrigger: () => TooltipTrigger,
+	TooltipProvider: () => TooltipProvider,
+});
+const jsx_runtime_namespaceObject = require('react/jsx-runtime');
+const react_tooltip_namespaceObject = require('@radix-ui/react-tooltip');
+const external_react_namespaceObject = require('react');
+const utils_cjs_namespaceObject = require('../../libs/utils.cjs');
+const TooltipProvider = react_tooltip_namespaceObject.Provider;
+const Tooltip = react_tooltip_namespaceObject.Root;
+const TooltipTrigger = react_tooltip_namespaceObject.Trigger;
+const TooltipContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(
+	({ className, sideOffset = 4, ...props }, ref) =>
+		/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(
+			react_tooltip_namespaceObject.Portal,
+			{
+				children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(
+					react_tooltip_namespaceObject.Content,
+					{
+						ref: ref,
+						sideOffset: sideOffset,
+						className: (0, utils_cjs_namespaceObject.cn)(
+							'fade-in-0 zoom-in-95 data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 animate-in overflow-hidden rounded-md bg-primary px-3 py-1.5 text-primary-foreground text-xs data-[state=closed]:animate-out',
+							className
+						),
+						...props,
+					}
+				),
+			}
+		)
+);
+TooltipContent.displayName = react_tooltip_namespaceObject.Content.displayName;
+var __webpack_export_target__ = exports;
+for (var __webpack_i__ in __webpack_exports__)
+	__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
+if (__webpack_exports__.__esModule)
+	Object.defineProperty(__webpack_export_target__, '__esModule', {
+		value: true,
+	});

package/dist/components/ui/tooltip.d.ts

@@ -0,0 +1,16 @@
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import * as React from 'react';
+declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
+declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
+declare const TooltipTrigger: React.ForwardRefExoticComponent<
+	TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>
+>;
+declare const TooltipContent: React.ForwardRefExoticComponent<
+	Omit<
+		TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>,
+		'ref'
+	> &
+		React.RefAttributes<HTMLDivElement>
+>;
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
+//# sourceMappingURL=tooltip.d.ts.map

package/dist/components/ui/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/ui/tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,eAAe,iDAA4B,CAAC;AAElD,QAAA,MAAM,OAAO,yCAAwB,CAAC;AAEtC,QAAA,MAAM,cAAc,gHAA2B,CAAC;AAEhD,QAAA,MAAM,cAAc,gKAelB,CAAC;AAGH,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/ui/tooltip.js

@@ -0,0 +1,38 @@
+'use client';
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from 'react/jsx-runtime';
+import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_tooltip_22b80323__ from '@radix-ui/react-tooltip';
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from 'react';
+import * as __WEBPACK_EXTERNAL_MODULE__libs_utils_js_eb00b89d__ from '../../libs/utils.js';
+const TooltipProvider =
+	__WEBPACK_EXTERNAL_MODULE__radix_ui_react_tooltip_22b80323__.Provider;
+const Tooltip =
+	__WEBPACK_EXTERNAL_MODULE__radix_ui_react_tooltip_22b80323__.Root;
+const TooltipTrigger =
+	__WEBPACK_EXTERNAL_MODULE__radix_ui_react_tooltip_22b80323__.Trigger;
+const TooltipContent =
+	/*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.forwardRef(
+		({ className, sideOffset = 4, ...props }, ref) =>
+			/*#__PURE__*/ (0,
+			__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(
+				__WEBPACK_EXTERNAL_MODULE__radix_ui_react_tooltip_22b80323__.Portal,
+				{
+					children: /*#__PURE__*/ (0,
+					__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(
+						__WEBPACK_EXTERNAL_MODULE__radix_ui_react_tooltip_22b80323__.Content,
+						{
+							ref: ref,
+							sideOffset: sideOffset,
+							className: (0,
+							__WEBPACK_EXTERNAL_MODULE__libs_utils_js_eb00b89d__.cn)(
+								'fade-in-0 zoom-in-95 data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 animate-in overflow-hidden rounded-md bg-primary px-3 py-1.5 text-primary-foreground text-xs data-[state=closed]:animate-out',
+								className
+							),
+							...props,
+						}
+					),
+				}
+			)
+	);
+TooltipContent.displayName =
+	__WEBPACK_EXTERNAL_MODULE__radix_ui_react_tooltip_22b80323__.Content.displayName;
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/components/wrapper.cjs

@@ -0,0 +1,197 @@
+'use client';
+'use strict';
+var __webpack_require__ = {};
+(() => {
+	__webpack_require__.d = function (exports1, definition) {
+		for (var key in definition)
+			if (
+				__webpack_require__.o(definition, key) &&
+				!__webpack_require__.o(exports1, key)
+			)
+				Object.defineProperty(exports1, key, {
+					enumerable: true,
+					get: definition[key],
+				});
+	};
+})();
+(() => {
+	__webpack_require__.o = function (obj, prop) {
+		return Object.prototype.hasOwnProperty.call(obj, prop);
+	};
+})();
+(() => {
+	__webpack_require__.r = function (exports1) {
+		if ('undefined' != typeof Symbol && Symbol.toStringTag)
+			Object.defineProperty(exports1, Symbol.toStringTag, {
+				value: 'Module',
+			});
+		Object.defineProperty(exports1, '__esModule', {
+			value: true,
+		});
+	};
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+	DevToolWrapper: () => DevToolWrapper,
+	default: () => wrapper_rslib_entry_,
+});
+const jsx_runtime_namespaceObject = require('react/jsx-runtime');
+const external_lucide_react_namespaceObject = require('lucide-react');
+const react_namespaceObject = require('motion/react');
+const external_react_namespaceObject = require('react');
+const external_react_dom_namespaceObject = require('react-dom');
+const utils_cjs_namespaceObject = require('../libs/utils.cjs');
+const button_cjs_namespaceObject = require('./ui/button.cjs');
+const card_cjs_namespaceObject = require('./ui/card.cjs');
+function DevToolWrapper({
+	children,
+	isOpen,
+	toggleOpen,
+	position = 'bottom-right',
+}) {
+	const [isMounted, setIsMounted] = (0,
+	external_react_namespaceObject.useState)(false);
+	(0, external_react_namespaceObject.useEffect)(() => {
+		setIsMounted(true);
+		return () => setIsMounted(false);
+	}, []);
+	const DevToolContent = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(
+		react_namespaceObject.AnimatePresence,
+		{
+			children:
+				isOpen &&
+				/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(
+					react_namespaceObject.motion.div,
+					{
+						className:
+							'fixed inset-0 z-50 flex items-end justify-center sm:items-center',
+						initial: {
+							opacity: 0,
+						},
+						animate: {
+							opacity: 1,
+						},
+						exit: {
+							opacity: 0,
+						},
+						children: [
+							/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(
+								react_namespaceObject.motion.div,
+								{
+									className: 'fixed inset-0 bg-background/10 backdrop-blur-sm',
+									initial: {
+										opacity: 0,
+									},
+									animate: {
+										opacity: 1,
+									},
+									exit: {
+										opacity: 0,
+									},
+									onClick: toggleOpen,
+								}
+							),
+							/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(
+								react_namespaceObject.motion.div,
+								{
+									className: (0, utils_cjs_namespaceObject.cn)(
+										'fixed z-[9999]',
+										'bottom-right' === position && 'right-4 bottom-4',
+										'top-right' === position && 'top-4 right-4',
+										'bottom-left' === position && 'bottom-4 left-4',
+										'top-left' === position && 'top-4 left-4'
+									),
+									initial: {
+										opacity: 0,
+										y: 50,
+									},
+									animate: {
+										opacity: 1,
+										y: 0,
+									},
+									exit: {
+										opacity: 0,
+										y: 50,
+									},
+									transition: {
+										type: 'spring',
+										stiffness: 300,
+										damping: 30,
+									},
+									children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(
+										card_cjs_namespaceObject.Card,
+										{
+											className: 'w-[350px] shadow-lg',
+											children: children,
+										}
+									),
+								}
+							),
+						],
+					}
+				),
+		}
+	);
+	return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(
+		jsx_runtime_namespaceObject.Fragment,
+		{
+			children: [
+				/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(
+					react_namespaceObject.AnimatePresence,
+					{
+						children:
+							!isOpen &&
+							/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(
+								react_namespaceObject.motion.div,
+								{
+									initial: {
+										scale: 0.9,
+										opacity: 0,
+									},
+									animate: {
+										scale: 1,
+										opacity: 1,
+									},
+									exit: {
+										scale: 0.9,
+										opacity: 0,
+									},
+									className: 'fixed right-4 bottom-4 z-[9999]',
+									children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(
+										button_cjs_namespaceObject.Button,
+										{
+											variant: 'outline',
+											size: 'icon',
+											className: 'h-10 w-10 rounded-full shadow-lg',
+											onClick: toggleOpen,
+											children: /*#__PURE__*/ (0,
+											jsx_runtime_namespaceObject.jsx)(
+												external_lucide_react_namespaceObject.Shield,
+												{
+													className: 'h-4 w-4',
+												}
+											),
+										}
+									),
+								}
+							),
+					}
+				),
+				isMounted &&
+					/*#__PURE__*/ (0, external_react_dom_namespaceObject.createPortal)(
+						DevToolContent,
+						document.body
+					),
+			],
+		}
+	);
+}
+const wrapper_rslib_entry_ = DevToolWrapper;
+var __webpack_export_target__ = exports;
+for (var __webpack_i__ in __webpack_exports__)
+	__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
+if (__webpack_exports__.__esModule)
+	Object.defineProperty(__webpack_export_target__, '__esModule', {
+		value: true,
+	});

package/dist/components/wrapper.d.ts

@@ -0,0 +1,24 @@
+import { type ReactNode } from 'react';
+/**
+ * Dev Tool Wrapper Component
+ *
+ * This component serves as both an icon and a wrapper for the development tool interface.
+ * It provides a button that, when clicked, toggles the visibility of a pop-up containing
+ * the router pages.
+ *
+ * @component
+ * @returns {JSX.Element} The rendered component
+ */
+export declare function DevToolWrapper({
+	children,
+	isOpen,
+	toggleOpen,
+	position,
+}: {
+	children: ReactNode;
+	isOpen: boolean;
+	toggleOpen: () => void;
+	position?: 'bottom-right' | 'top-right' | 'bottom-left' | 'top-left';
+}): import('react/jsx-runtime').JSX.Element;
+export default DevToolWrapper;
+//# sourceMappingURL=wrapper.d.ts.map

package/dist/components/wrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wrapper.d.ts","sourceRoot":"","sources":["../../src/components/wrapper.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,SAAS,EAAuB,MAAM,OAAO,CAAC;AAM5D;;;;;;;;;GASG;AACH,wBAAgB,cAAc,CAAC,EAC9B,QAAQ,EACR,MAAM,EACN,UAAU,EACV,QAAyB,GACzB,EAAE;IACF,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,cAAc,GAAG,WAAW,GAAG,aAAa,GAAG,UAAU,CAAC;CACrE,2CAqEA;AAED,eAAe,cAAc,CAAC"}