@c15t/dev-tools 0.0.1-rc.3

package/dist/components/ui/expandable-tabs.cjs

@@ -0,0 +1,201 @@
+'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__, {
+	ExpandableTabs: () => ExpandableTabs,
+});
+const jsx_runtime_namespaceObject = require('react/jsx-runtime');
+const react_namespaceObject = require('motion/react');
+const external_react_namespaceObject = require('react');
+const external_usehooks_ts_namespaceObject = require('usehooks-ts');
+const utils_cjs_namespaceObject = require('../../libs/utils.cjs');
+const buttonVariants = {
+	initial: {
+		gap: 0,
+		paddingLeft: '.5rem',
+		paddingRight: '.5rem',
+	},
+	animate: (isSelected) => ({
+		gap: isSelected ? '.5rem' : 0,
+		paddingLeft: isSelected ? '1rem' : '.5rem',
+		paddingRight: isSelected ? '1rem' : '.5rem',
+	}),
+};
+const spanVariants = {
+	initial: {
+		width: 0,
+		opacity: 0,
+	},
+	animate: {
+		width: 'auto',
+		opacity: 1,
+	},
+	exit: {
+		width: 0,
+		opacity: 0,
+	},
+};
+const transition = {
+	delay: 0.1,
+	type: 'spring',
+	bounce: 0,
+	duration: 0.6,
+};
+const Separator = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(() =>
+	/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)('div', {
+		className: 'mx-1 h-[24px] w-[1.2px] bg-border',
+		'aria-hidden': 'true',
+	})
+);
+Separator.displayName = 'Separator';
+const TabButton = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(
+	({ tab, index, isSelected, activeColor, onClick }) => {
+		const Icon = tab.icon;
+		return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(
+			react_namespaceObject.motion.button,
+			{
+				variants: buttonVariants,
+				initial: false,
+				animate: 'animate',
+				custom: isSelected,
+				onClick: () => onClick(index),
+				transition: transition,
+				className: (0, utils_cjs_namespaceObject.cn)(
+					'relative flex flex-grow items-center justify-center rounded-xl px-4 py-2 font-medium text-sm transition-colors duration-300',
+					isSelected
+						? (0, utils_cjs_namespaceObject.cn)('bg-muted', activeColor)
+						: 'text-muted-foreground hover:bg-muted hover:text-foreground'
+				),
+				children: [
+					/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Icon, {
+						size: 20,
+					}),
+					/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(
+						react_namespaceObject.AnimatePresence,
+						{
+							initial: false,
+							children:
+								isSelected &&
+								/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(
+									react_namespaceObject.motion.span,
+									{
+										variants: spanVariants,
+										initial: 'initial',
+										animate: 'animate',
+										exit: 'exit',
+										transition: transition,
+										className: 'overflow-hidden whitespace-nowrap',
+										children: tab.title,
+									}
+								),
+						}
+					),
+				],
+			}
+		);
+	}
+);
+TabButton.displayName = 'TabButton';
+function ExpandableTabs({
+	tabs,
+	className,
+	activeColor = 'text-primary',
+	onChange,
+}) {
+	const [selected, setSelected] = (0, external_react_namespaceObject.useState)(
+		0
+	);
+	const outsideClickRef = (0, external_react_namespaceObject.useRef)(null);
+	const handleInitialChange = (0,
+	external_react_namespaceObject.useCallback)(() => {
+		onChange?.(0);
+	}, [onChange]);
+	(0, external_react_namespaceObject.useEffect)(() => {
+		handleInitialChange();
+	}, [handleInitialChange]);
+	const handleOutsideClick = (0,
+	external_react_namespaceObject.useCallback)(() => {
+		setSelected(null);
+		onChange?.(null);
+	}, [onChange]);
+	(0, external_usehooks_ts_namespaceObject.useOnClickOutside)(
+		outsideClickRef,
+		handleOutsideClick
+	);
+	const handleSelect = (0, external_react_namespaceObject.useCallback)(
+		(index) => {
+			setSelected(index);
+			onChange?.(index);
+		},
+		[onChange]
+	);
+	const containerClassName = (0, external_react_namespaceObject.useMemo)(
+		() =>
+			(0, utils_cjs_namespaceObject.cn)(
+				'flex flex-wrap items-center gap-2 rounded-2xl border bg-background p-1 shadow-sm',
+				className
+			),
+		[className]
+	);
+	return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)('div', {
+		ref: outsideClickRef,
+		className: containerClassName,
+		children: tabs.map((tab, index) =>
+			'separator' === tab.type
+				? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(
+						Separator,
+						{},
+						`separator-${index}`
+					)
+				: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(
+						TabButton,
+						{
+							tab: tab,
+							index: index,
+							isSelected: selected === index,
+							activeColor: activeColor,
+							onClick: handleSelect,
+						},
+						`${tab.title}-${index}`
+					)
+		),
+	});
+}
+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/expandable-tabs.d.ts

@@ -0,0 +1,29 @@
+import type { LucideIcon } from 'lucide-react';
+interface Tab {
+	title: string;
+	icon: LucideIcon;
+	type?: never;
+}
+interface Separator {
+	type: 'separator';
+	title?: never;
+	icon?: never;
+}
+type TabItem = Tab | Separator;
+interface ExpandableTabsProps {
+	tabs: TabItem[];
+	className?: string;
+	activeColor?: string;
+	onChange?: (index: number | null) => void;
+}
+declare const Separator: import('react').MemoExoticComponent<
+	() => import('react/jsx-runtime').JSX.Element
+>;
+export declare function ExpandableTabs({
+	tabs,
+	className,
+	activeColor,
+	onChange,
+}: ExpandableTabsProps): import('react/jsx-runtime').JSX.Element;
+export {};
+//# sourceMappingURL=expandable-tabs.d.ts.map

package/dist/components/ui/expandable-tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"expandable-tabs.d.ts","sourceRoot":"","sources":["../../../src/components/ui/expandable-tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAO/C,UAAU,GAAG;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,UAAU,CAAC;IACjB,IAAI,CAAC,EAAE,KAAK,CAAC;CACb;AAED,UAAU,SAAS;IAClB,IAAI,EAAE,WAAW,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC;CACb;AAED,KAAK,OAAO,GAAG,GAAG,GAAG,SAAS,CAAC;AAE/B,UAAU,mBAAmB;IAC5B,IAAI,EAAE,OAAO,EAAE,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAC1C;AAuBD,QAAA,MAAM,SAAS,oFAEb,CAAC;AAuDH,wBAAgB,cAAc,CAAC,EAC9B,IAAI,EACJ,SAAS,EACT,WAA4B,EAC5B,QAAQ,GACR,EAAE,mBAAmB,2CA4DrB"}

package/dist/components/ui/expandable-tabs.js

@@ -0,0 +1,170 @@
+'use client';
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from 'react/jsx-runtime';
+import * as __WEBPACK_EXTERNAL_MODULE_motion_react_9decfa63__ from 'motion/react';
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from 'react';
+import * as __WEBPACK_EXTERNAL_MODULE_usehooks_ts_2ed1521c__ from 'usehooks-ts';
+import * as __WEBPACK_EXTERNAL_MODULE__libs_utils_js_eb00b89d__ from '../../libs/utils.js';
+const buttonVariants = {
+	initial: {
+		gap: 0,
+		paddingLeft: '.5rem',
+		paddingRight: '.5rem',
+	},
+	animate: (isSelected) => ({
+		gap: isSelected ? '.5rem' : 0,
+		paddingLeft: isSelected ? '1rem' : '.5rem',
+		paddingRight: isSelected ? '1rem' : '.5rem',
+	}),
+};
+const spanVariants = {
+	initial: {
+		width: 0,
+		opacity: 0,
+	},
+	animate: {
+		width: 'auto',
+		opacity: 1,
+	},
+	exit: {
+		width: 0,
+		opacity: 0,
+	},
+};
+const transition = {
+	delay: 0.1,
+	type: 'spring',
+	bounce: 0,
+	duration: 0.6,
+};
+const Separator = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.memo)(
+	() =>
+		/*#__PURE__*/ (0,
+		__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)('div', {
+			className: 'mx-1 h-[24px] w-[1.2px] bg-border',
+			'aria-hidden': 'true',
+		})
+);
+Separator.displayName = 'Separator';
+const TabButton = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.memo)(
+	({ tab, index, isSelected, activeColor, onClick }) => {
+		const Icon = tab.icon;
+		return /*#__PURE__*/ (0,
+		__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(
+			__WEBPACK_EXTERNAL_MODULE_motion_react_9decfa63__.motion.button,
+			{
+				variants: buttonVariants,
+				initial: false,
+				animate: 'animate',
+				custom: isSelected,
+				onClick: () => onClick(index),
+				transition: transition,
+				className: (0, __WEBPACK_EXTERNAL_MODULE__libs_utils_js_eb00b89d__.cn)(
+					'relative flex flex-grow items-center justify-center rounded-xl px-4 py-2 font-medium text-sm transition-colors duration-300',
+					isSelected
+						? (0, __WEBPACK_EXTERNAL_MODULE__libs_utils_js_eb00b89d__.cn)(
+								'bg-muted',
+								activeColor
+							)
+						: 'text-muted-foreground hover:bg-muted hover:text-foreground'
+				),
+				children: [
+					/*#__PURE__*/ (0,
+					__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Icon, {
+						size: 20,
+					}),
+					/*#__PURE__*/ (0,
+					__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(
+						__WEBPACK_EXTERNAL_MODULE_motion_react_9decfa63__.AnimatePresence,
+						{
+							initial: false,
+							children:
+								isSelected &&
+								/*#__PURE__*/ (0,
+								__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(
+									__WEBPACK_EXTERNAL_MODULE_motion_react_9decfa63__.motion.span,
+									{
+										variants: spanVariants,
+										initial: 'initial',
+										animate: 'animate',
+										exit: 'exit',
+										transition: transition,
+										className: 'overflow-hidden whitespace-nowrap',
+										children: tab.title,
+									}
+								),
+						}
+					),
+				],
+			}
+		);
+	}
+);
+TabButton.displayName = 'TabButton';
+function ExpandableTabs({
+	tabs,
+	className,
+	activeColor = 'text-primary',
+	onChange,
+}) {
+	const [selected, setSelected] = (0,
+	__WEBPACK_EXTERNAL_MODULE_react__.useState)(0);
+	const outsideClickRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
+	const handleInitialChange = (0,
+	__WEBPACK_EXTERNAL_MODULE_react__.useCallback)(() => {
+		onChange?.(0);
+	}, [onChange]);
+	(0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(() => {
+		handleInitialChange();
+	}, [handleInitialChange]);
+	const handleOutsideClick = (0,
+	__WEBPACK_EXTERNAL_MODULE_react__.useCallback)(() => {
+		setSelected(null);
+		onChange?.(null);
+	}, [onChange]);
+	(0, __WEBPACK_EXTERNAL_MODULE_usehooks_ts_2ed1521c__.useOnClickOutside)(
+		outsideClickRef,
+		handleOutsideClick
+	);
+	const handleSelect = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)(
+		(index) => {
+			setSelected(index);
+			onChange?.(index);
+		},
+		[onChange]
+	);
+	const containerClassName = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(
+		() =>
+			(0, __WEBPACK_EXTERNAL_MODULE__libs_utils_js_eb00b89d__.cn)(
+				'flex flex-wrap items-center gap-2 rounded-2xl border bg-background p-1 shadow-sm',
+				className
+			),
+		[className]
+	);
+	return /*#__PURE__*/ (0,
+	__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)('div', {
+		ref: outsideClickRef,
+		className: containerClassName,
+		children: tabs.map((tab, index) =>
+			'separator' === tab.type
+				? /*#__PURE__*/ (0,
+					__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(
+						Separator,
+						{},
+						`separator-${index}`
+					)
+				: /*#__PURE__*/ (0,
+					__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(
+						TabButton,
+						{
+							tab: tab,
+							index: index,
+							isSelected: selected === index,
+							activeColor: activeColor,
+							onClick: handleSelect,
+						},
+						`${tab.title}-${index}`
+					)
+		),
+	});
+}
+export { ExpandableTabs };

package/dist/components/ui/overlay.cjs

@@ -0,0 +1,69 @@
+'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__, {
+	Overlay: () => Overlay,
+});
+const jsx_runtime_namespaceObject = require('react/jsx-runtime');
+const react_namespaceObject = require('motion/react');
+const Overlay = ({ show }) =>
+	/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(
+		react_namespaceObject.AnimatePresence,
+		{
+			children:
+				show &&
+				/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(
+					react_namespaceObject.motion.div,
+					{
+						className:
+							'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 flex flex-col items-center justify-center overflow-y-auto bg-overlay p-4 backdrop-blur-[10px] data-[state=closed]:animate-out data-[state=open]:animate-in',
+						initial: {
+							opacity: 0,
+						},
+						animate: {
+							opacity: 1,
+						},
+						exit: {
+							opacity: 0,
+						},
+					}
+				),
+		}
+	);
+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/overlay.d.ts

@@ -0,0 +1,7 @@
+import type { FC } from 'react';
+interface OverlayProps {
+	show: boolean;
+}
+export declare const Overlay: FC<OverlayProps>;
+export {};
+//# sourceMappingURL=overlay.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../../src/components/ui/overlay.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,UAAU,YAAY;IACrB,IAAI,EAAE,OAAO,CAAC;CACd;AAED,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAapC,CAAC"}

package/dist/components/ui/overlay.js

@@ -0,0 +1,28 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from 'react/jsx-runtime';
+import * as __WEBPACK_EXTERNAL_MODULE_motion_react_9decfa63__ from 'motion/react';
+const Overlay = ({ show }) =>
+	/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(
+		__WEBPACK_EXTERNAL_MODULE_motion_react_9decfa63__.AnimatePresence,
+		{
+			children:
+				show &&
+				/*#__PURE__*/ (0,
+				__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(
+					__WEBPACK_EXTERNAL_MODULE_motion_react_9decfa63__.motion.div,
+					{
+						className:
+							'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 flex flex-col items-center justify-center overflow-y-auto bg-overlay p-4 backdrop-blur-[10px] data-[state=closed]:animate-out data-[state=open]:animate-in',
+						initial: {
+							opacity: 0,
+						},
+						animate: {
+							opacity: 1,
+						},
+						exit: {
+							opacity: 0,
+						},
+					}
+				),
+		}
+	);
+export { Overlay };

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

@@ -0,0 +1,105 @@
+'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__, {
+	ScrollArea: () => ScrollArea,
+	ScrollBar: () => ScrollBar,
+});
+const jsx_runtime_namespaceObject = require('react/jsx-runtime');
+const react_scroll_area_namespaceObject = require('@radix-ui/react-scroll-area');
+const external_react_namespaceObject = require('react');
+const utils_cjs_namespaceObject = require('../../libs/utils.cjs');
+const ScrollArea = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(
+	({ className, children, ...props }, ref) =>
+		/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(
+			react_scroll_area_namespaceObject.Root,
+			{
+				ref: ref,
+				className: (0, utils_cjs_namespaceObject.cn)(
+					'relative overflow-hidden',
+					className
+				),
+				...props,
+				children: [
+					/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(
+						react_scroll_area_namespaceObject.Viewport,
+						{
+							className: 'h-full w-full rounded-[inherit]',
+							children: children,
+						}
+					),
+					/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ScrollBar, {}),
+					/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(
+						react_scroll_area_namespaceObject.Corner,
+						{}
+					),
+				],
+			}
+		)
+);
+ScrollArea.displayName = react_scroll_area_namespaceObject.Root.displayName;
+const ScrollBar = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(
+	({ className, orientation = 'vertical', ...props }, ref) =>
+		/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(
+			react_scroll_area_namespaceObject.ScrollAreaScrollbar,
+			{
+				ref: ref,
+				orientation: orientation,
+				className: (0, utils_cjs_namespaceObject.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, jsx_runtime_namespaceObject.jsx)(
+					react_scroll_area_namespaceObject.ScrollAreaThumb,
+					{
+						className: 'relative flex-1 rounded-full bg-border',
+					}
+				),
+			}
+		)
+);
+ScrollBar.displayName =
+	react_scroll_area_namespaceObject.ScrollAreaScrollbar.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/scroll-area.d.ts

@@ -0,0 +1,19 @@
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+declare const ScrollArea: import('react').ForwardRefExoticComponent<
+	Omit<
+		ScrollAreaPrimitive.ScrollAreaProps &
+			import('react').RefAttributes<HTMLDivElement>,
+		'ref'
+	> &
+		import('react').RefAttributes<HTMLDivElement>
+>;
+declare const ScrollBar: import('react').ForwardRefExoticComponent<
+	Omit<
+		ScrollAreaPrimitive.ScrollAreaScrollbarProps &
+			import('react').RefAttributes<HTMLDivElement>,
+		'ref'
+	> &
+		import('react').RefAttributes<HTMLDivElement>
+>;
+export { ScrollArea, ScrollBar };
+//# sourceMappingURL=scroll-area.d.ts.map

package/dist/components/ui/scroll-area.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../src/components/ui/scroll-area.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AASnE,QAAA,MAAM,UAAU,6LAed,CAAC;AAGH,QAAA,MAAM,SAAS,sMAmBb,CAAC;AAGH,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC"}