@c15t/dev-tools 0.0.1-rc.3 → 0.0.1-rc.5

package/dist/components/ui/overlay.cjs

@@ -1,69 +0,0 @@
-'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

@@ -1,7 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,28 +0,0 @@
-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/rslib.config.ts

@@ -1,28 +0,0 @@
-import { pluginReact } from '@rsbuild/plugin-react';
-import { defineConfig } from '@rslib/core';
-
-export default defineConfig({
-	source: {
-		entry: {
-			index: ['./src/**'],
-		},
-	},
-	lib: [
-		{
-			bundle: false,
-			dts: true,
-			format: 'esm',
-		},
-		{
-			bundle: false,
-			dts: true,
-			format: 'cjs',
-		},
-	],
-	output: {
-		target: 'web',
-
-		cleanDistPath: true,
-	},
-	plugins: [pluginReact()],
-});

package/src/components/error-state.tsx

@@ -1,44 +0,0 @@
-import { AlertCircle } from 'lucide-react';
-import { motion } from 'motion/react';
-import { Alert, AlertDescription, AlertTitle } from './ui/alert';
-
-export function ErrorState({
-	namespace,
-}: {
-	namespace: string;
-}) {
-	return (
-		<motion.div
-			className="space-y-4 rounded-lg text-center text-base shadow-lg "
-			initial={{ opacity: 0 }}
-			animate={{ opacity: 1 }}
-			exit={{ opacity: 0 }}
-		>
-			<Alert variant="destructive" className="max-w-2xl rounded-t-none">
-				<AlertCircle className="h-4 w-4" />
-				<AlertTitle className="font-semibold text-lg">
-					SDK Initialization Failed
-				</AlertTitle>
-
-				<AlertDescription className="-ml-7 mt-2">
-					<p className="mb-2">
-						The c15t SDK could not be found in the global scope. This usually
-						means either:
-					</p>
-					<ul className="list-disc space-y-1 pl-6">
-						<li>The namespace has been changed from its default value</li>
-						<li>The SDK initialization failed</li>
-					</ul>
-					{namespace && (
-						<p className="mt-3 text-sm">
-							Current namespace:{' '}
-							<code className="rounded bg-red-100/10 px-1 py-0.5">
-								{namespace}
-							</code>
-						</p>
-					)}
-				</AlertDescription>
-			</Alert>
-		</motion.div>
-	);
-}

package/src/components/header.tsx

@@ -1,28 +0,0 @@
-import { Shield, X } from 'lucide-react';
-
-import { Button } from '../components/ui/button';
-
-interface HeaderProps {
-	onClose: () => void;
-}
-
-export function Header({ onClose }: HeaderProps) {
-	return (
-		<>
-			<div className="flex items-center justify-between border-b p-4">
-				<div className="flex items-center gap-2">
-					<Shield className="h-4 w-4" />
-					<span className="font-medium text-sm">c15t.com Dev Tool</span>
-				</div>
-				<Button
-					variant="ghost"
-					size="icon"
-					className="h-8 w-8"
-					onClick={onClose}
-				>
-					<X className="h-4 w-4" />
-				</Button>
-			</div>
-		</>
-	);
-}

package/src/components/ui/accordion.tsx

@@ -1,64 +0,0 @@
-'use client';
-
-import * as AccordionPrimitive from '@radix-ui/react-accordion';
-import { ChevronDown } from 'lucide-react';
-
-import {
-	type ComponentPropsWithoutRef,
-	type ComponentRef,
-	forwardRef,
-} from 'react';
-import { cn } from '../../libs/utils';
-
-const Accordion = AccordionPrimitive.Root;
-
-const AccordionItem = forwardRef<
-	ComponentRef<typeof AccordionPrimitive.Item>,
-	ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>
->(({ className, ...props }, ref) => (
-	<AccordionPrimitive.Item
-		ref={ref}
-		className={cn('border-b', className)}
-		{...props}
-	/>
-));
-AccordionItem.displayName = 'AccordionItem';
-
-const AccordionTrigger = forwardRef<
-	ComponentRef<typeof AccordionPrimitive.Trigger>,
-	ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>
->(({ className, children, ...props }, ref) => (
-	<AccordionPrimitive.Header className="flex">
-		<AccordionPrimitive.Trigger
-			ref={ref}
-			className={cn(
-				'flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180',
-				className
-			)}
-			{...props}
-		>
-			{children}
-			<ChevronDown className="h-4 w-4 shrink-0 transition-transform duration-200" />
-		</AccordionPrimitive.Trigger>
-	</AccordionPrimitive.Header>
-));
-AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
-
-const AccordionContent = forwardRef<
-	ComponentRef<typeof AccordionPrimitive.Content>,
-	ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>
->(({ className, children, ...props }, ref) => (
-	<AccordionPrimitive.Content
-		ref={ref}
-		className={cn(
-			'overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down',
-			className
-		)}
-		{...props}
-	>
-		<div className="pt-0 pb-4">{children}</div>
-	</AccordionPrimitive.Content>
-));
-AccordionContent.displayName = AccordionPrimitive.Content.displayName;
-
-export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };

package/src/components/ui/alert.tsx

@@ -1,59 +0,0 @@
-import { type VariantProps, cva } from 'class-variance-authority';
-
-import { type HTMLAttributes, forwardRef } from 'react';
-import { cn } from '../../libs/utils';
-
-const alertVariants = cva(
-	'relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:top-4 [&>svg]:left-4 [&>svg]:text-foreground [&>svg~*]:pl-7',
-	{
-		variants: {
-			variant: {
-				default: 'bg-background text-foreground',
-				destructive:
-					'border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive',
-			},
-		},
-		defaultVariants: {
-			variant: 'default',
-		},
-	}
-);
-
-const Alert = forwardRef<
-	HTMLDivElement,
-	HTMLAttributes<HTMLDivElement> & VariantProps<typeof alertVariants>
->(({ className, variant, ...props }, ref) => (
-	<div
-		ref={ref}
-		role="alert"
-		className={cn(alertVariants({ variant }), className)}
-		{...props}
-	/>
-));
-Alert.displayName = 'Alert';
-
-const AlertTitle = forwardRef<
-	HTMLParagraphElement,
-	HTMLAttributes<HTMLHeadingElement>
->(({ className, ...props }, ref) => (
-	<h5
-		ref={ref}
-		className={cn('mb-1 font-medium leading-none tracking-tight', className)}
-		{...props}
-	/>
-));
-AlertTitle.displayName = 'AlertTitle';
-
-const AlertDescription = forwardRef<
-	HTMLParagraphElement,
-	HTMLAttributes<HTMLParagraphElement>
->(({ className, ...props }, ref) => (
-	<div
-		ref={ref}
-		className={cn('text-sm [&_p]:leading-relaxed', className)}
-		{...props}
-	/>
-));
-AlertDescription.displayName = 'AlertDescription';
-
-export { Alert, AlertTitle, AlertDescription };

package/src/components/ui/button.tsx

@@ -1,56 +0,0 @@
-import { Slot } from '@radix-ui/react-slot';
-import { type VariantProps, cva } from 'class-variance-authority';
-
-import { type ButtonHTMLAttributes, forwardRef } from 'react';
-import { cn } from '../../libs/utils';
-
-const buttonVariants = cva(
-	'inline-flex items-center justify-center rounded-md font-medium text-sm ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',
-	{
-		variants: {
-			variant: {
-				default: 'bg-primary text-primary-foreground hover:bg-primary/90',
-				destructive:
-					'bg-destructive text-destructive-foreground hover:bg-destructive/90',
-				outline:
-					'border border-input bg-background hover:bg-accent hover:text-accent-foreground',
-				secondary:
-					'bg-secondary text-secondary-foreground hover:bg-secondary/80',
-				ghost: 'hover:bg-accent hover:text-accent-foreground',
-				link: 'text-primary underline-offset-4 hover:underline',
-			},
-			size: {
-				default: 'h-10 px-4 py-2',
-				sm: 'h-9 rounded-md px-3',
-				lg: 'h-11 rounded-md px-8',
-				icon: 'h-10 w-10',
-			},
-		},
-		defaultVariants: {
-			variant: 'default',
-			size: 'default',
-		},
-	}
-);
-
-export interface ButtonProps
-	extends ButtonHTMLAttributes<HTMLButtonElement>,
-		VariantProps<typeof buttonVariants> {
-	asChild?: boolean;
-}
-
-const Button = forwardRef<HTMLButtonElement, ButtonProps>(
-	({ className, variant, size, asChild = false, ...props }, ref) => {
-		const Comp = asChild ? Slot : 'button';
-		return (
-			<Comp
-				className={cn(buttonVariants({ variant, size, className }))}
-				ref={ref}
-				{...props}
-			/>
-		);
-	}
-);
-Button.displayName = 'Button';
-
-export { Button, buttonVariants };

package/src/components/ui/card.tsx

@@ -1,81 +0,0 @@
-import { type HTMLAttributes, forwardRef } from 'react';
-import { cn } from '../../libs/utils';
-
-const Card = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(
-	({ className, ...props }, ref) => (
-		<div
-			ref={ref}
-			className={cn(
-				'rounded-lg border bg-card text-card-foreground shadow-sm',
-				className
-			)}
-			{...props}
-		/>
-	)
-);
-Card.displayName = 'Card';
-
-const CardHeader = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(
-	({ className, ...props }, ref) => (
-		<div
-			ref={ref}
-			className={cn('flex flex-col space-y-1.5 p-6', className)}
-			{...props}
-		/>
-	)
-);
-CardHeader.displayName = 'CardHeader';
-
-const CardTitle = forwardRef<
-	HTMLParagraphElement,
-	HTMLAttributes<HTMLHeadingElement>
->(({ className, ...props }, ref) => (
-	<h3
-		ref={ref}
-		className={cn(
-			'font-semibold text-2xl leading-none tracking-tight',
-			className
-		)}
-		{...props}
-	/>
-));
-CardTitle.displayName = 'CardTitle';
-
-const CardDescription = forwardRef<
-	HTMLParagraphElement,
-	HTMLAttributes<HTMLParagraphElement>
->(({ className, ...props }, ref) => (
-	<p
-		ref={ref}
-		className={cn('text-muted-foreground text-sm', className)}
-		{...props}
-	/>
-));
-CardDescription.displayName = 'CardDescription';
-
-const CardContent = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(
-	({ className, ...props }, ref) => (
-		<div ref={ref} className={cn('p-6 pt-0', className)} {...props} />
-	)
-);
-CardContent.displayName = 'CardContent';
-
-const CardFooter = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(
-	({ className, ...props }, ref) => (
-		<div
-			ref={ref}
-			className={cn('flex items-center p-6 pt-0', className)}
-			{...props}
-		/>
-	)
-);
-CardFooter.displayName = 'CardFooter';
-
-export {
-	Card,
-	CardHeader,
-	CardFooter,
-	CardTitle,
-	CardDescription,
-	CardContent,
-};

package/src/components/ui/expandable-tabs.tsx

@@ -1,174 +0,0 @@
-'use client';
-
-import type { LucideIcon } from 'lucide-react';
-import { AnimatePresence, motion } from 'motion/react';
-
-import { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { useOnClickOutside } from 'usehooks-ts';
-import { cn } from '../../libs/utils';
-
-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;
-}
-
-const buttonVariants = {
-	initial: {
-		gap: 0,
-		paddingLeft: '.5rem',
-		paddingRight: '.5rem',
-	},
-	animate: (isSelected: boolean) => ({
-		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 = memo(() => (
-	<div className="mx-1 h-[24px] w-[1.2px] bg-border" aria-hidden="true" />
-));
-Separator.displayName = 'Separator';
-
-const TabButton = memo(
-	({
-		tab,
-		index,
-		isSelected,
-		activeColor,
-		onClick,
-	}: {
-		tab: Tab;
-		index: number;
-		isSelected: boolean;
-		activeColor: string;
-		onClick: (index: number) => void;
-	}) => {
-		const Icon = tab.icon;
-
-		return (
-			<motion.button
-				variants={buttonVariants}
-				initial={false}
-				animate="animate"
-				custom={isSelected}
-				onClick={() => onClick(index)}
-				transition={transition}
-				className={cn(
-					'relative flex flex-grow items-center justify-center rounded-xl px-4 py-2 font-medium text-sm transition-colors duration-300',
-					isSelected
-						? cn('bg-muted', activeColor)
-						: 'text-muted-foreground hover:bg-muted hover:text-foreground'
-				)}
-			>
-				<Icon size={20} />
-				<AnimatePresence initial={false}>
-					{isSelected && (
-						<motion.span
-							variants={spanVariants}
-							initial="initial"
-							animate="animate"
-							exit="exit"
-							transition={transition}
-							className="overflow-hidden whitespace-nowrap"
-						>
-							{tab.title}
-						</motion.span>
-					)}
-				</AnimatePresence>
-			</motion.button>
-		);
-	}
-);
-TabButton.displayName = 'TabButton';
-
-export function ExpandableTabs({
-	tabs,
-	className,
-	activeColor = 'text-primary',
-	onChange,
-}: ExpandableTabsProps) {
-	const [selected, setSelected] = useState<number | null>(0);
-	const outsideClickRef = useRef<HTMLDivElement>(null);
-
-	const handleInitialChange = useCallback(() => {
-		onChange?.(0);
-	}, [onChange]);
-
-	useEffect(() => {
-		handleInitialChange();
-	}, [handleInitialChange]);
-
-	const handleOutsideClick = useCallback(() => {
-		setSelected(null);
-		onChange?.(null);
-	}, [onChange]);
-
-	//@ts-expect-error
-	useOnClickOutside(outsideClickRef, handleOutsideClick);
-
-	const handleSelect = useCallback(
-		(index: number) => {
-			setSelected(index);
-			onChange?.(index);
-		},
-		[onChange]
-	);
-
-	const containerClassName = useMemo(
-		() =>
-			cn(
-				'flex flex-wrap items-center gap-2 rounded-2xl border bg-background p-1 shadow-sm',
-				className
-			),
-		[className]
-	);
-
-	return (
-		<div ref={outsideClickRef} className={containerClassName}>
-			{tabs.map((tab, index) =>
-				tab.type === 'separator' ? (
-					<Separator
-						key={`separator-${
-							// biome-ignore lint/suspicious/noArrayIndexKey: <explanation>
-							index
-						}`}
-					/>
-				) : (
-					<TabButton
-						key={`${tab.title}-${index}`}
-						tab={tab}
-						index={index}
-						isSelected={selected === index}
-						activeColor={activeColor}
-						onClick={handleSelect}
-					/>
-				)
-			)}
-		</div>
-	);
-}

package/src/components/ui/overlay.tsx

@@ -1,21 +0,0 @@
-import { AnimatePresence, motion } from 'motion/react';
-import type { FC } from 'react';
-
-interface OverlayProps {
-	show: boolean;
-}
-
-export const Overlay: FC<OverlayProps> = ({ show }) => {
-	return (
-		<AnimatePresence>
-			{show && (
-				<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 }}
-				/>
-			)}
-		</AnimatePresence>
-	);
-};