kuzenbo 0.0.1

package/dist/use-timeline-BRlmxoQ7.d.ts

@@ -0,0 +1,81 @@
+import "tailwind-variants";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { useRender } from "@base-ui/react/use-render";
+import * as react from "react";
+import { ComponentProps, ReactNode } from "react";
+
+//#region src/components/timeline/timeline-connector.d.ts
+interface TimelineConnectorProps extends useRender.ComponentProps<"div"> {
+  forceMount?: boolean;
+}
+declare const TimelineConnector: ({
+  className,
+  render,
+  forceMount,
+  ...props
+}: TimelineConnectorProps) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+//#endregion
+//#region src/components/timeline/timeline-content.d.ts
+type TimelineContentProps = useRender.ComponentProps<"div">;
+declare const TimelineContent: ({
+  className,
+  render,
+  ...props
+}: TimelineContentProps) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+//#endregion
+//#region src/components/timeline/timeline-description.d.ts
+type TimelineDescriptionProps = useRender.ComponentProps<"div">;
+declare const TimelineDescription: ({
+  className,
+  render,
+  ...props
+}: TimelineDescriptionProps) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+//#endregion
+//#region src/components/timeline/timeline-dot.d.ts
+type TimelineDotProps = useRender.ComponentProps<"div">;
+declare const TimelineDot: ({
+  className,
+  render,
+  ...props
+}: TimelineDotProps) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+//#endregion
+//#region src/components/timeline/timeline-header.d.ts
+type TimelineHeaderProps = useRender.ComponentProps<"div">;
+declare const TimelineHeader: ({
+  className,
+  render,
+  ...props
+}: TimelineHeaderProps) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+//#endregion
+//#region src/components/timeline/timeline-item.d.ts
+interface TimelineItemProps extends ComponentProps<"li"> {
+  index: number;
+  children?: ReactNode;
+}
+declare const TimelineItem: ({
+  index,
+  className,
+  children,
+  ...props
+}: TimelineItemProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/timeline/timeline-time.d.ts
+type TimelineTimeProps = useRender.ComponentProps<"time"> & Pick<ComponentProps<"time">, "dateTime">;
+declare const TimelineTime: ({
+  className,
+  render,
+  ...props
+}: TimelineTimeProps) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+//#endregion
+//#region src/components/timeline/timeline-title.d.ts
+type TimelineTitleProps = useRender.ComponentProps<"div">;
+declare const TimelineTitle: ({
+  className,
+  render,
+  ...props
+}: TimelineTitleProps) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+//#endregion
+//#region src/components/timeline/use-timeline.d.ts
+type Direction = "ltr" | "rtl";
+//#endregion
+export { TimelineConnectorProps as _, TimelineTimeProps as a, TimelineHeader as c, TimelineDotProps as d, TimelineDescription as f, TimelineConnector as g, TimelineContentProps as h, TimelineTime as i, TimelineHeaderProps as l, TimelineContent as m, TimelineTitle as n, TimelineItem as o, TimelineDescriptionProps as p, TimelineTitleProps as r, TimelineItemProps as s, Direction as t, TimelineDot as u };

package/dist/use-toast-BGG4leSx.d.ts

@@ -0,0 +1,118 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { ComponentProps, ReactNode } from "react";
+import { Toast } from "@base-ui/react/toast";
+
+//#region src/components/toast/toast-action.d.ts
+type ToastActionProps = ComponentProps<typeof Toast.Action>;
+declare const ToastAction: ({
+  className,
+  ...props
+}: ToastActionProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/toast/toast-close.d.ts
+type ToastCloseProps = ComponentProps<typeof Toast.Close>;
+declare const ToastClose: ({
+  className,
+  children,
+  ...props
+}: ToastCloseProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/toast/toast-content.d.ts
+type ToastContentProps = ComponentProps<typeof Toast.Content>;
+declare const ToastContent: ({
+  className,
+  ...props
+}: ToastContentProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/toast/toast-description.d.ts
+type ToastDescriptionProps = ComponentProps<typeof Toast.Description>;
+declare const ToastDescription: ({
+  className,
+  ...props
+}: ToastDescriptionProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/toast/toast-portal.d.ts
+type ToastPortalProps = ComponentProps<typeof Toast.Portal>;
+declare const ToastPortal: (props: ToastPortalProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/toast/toast-root.d.ts
+type ToastRootProps = ComponentProps<typeof Toast.Root>;
+declare const ToastRoot: ({
+  className,
+  ...props
+}: ToastRootProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/toast/toast-title.d.ts
+type ToastTitleProps = ComponentProps<typeof Toast.Title>;
+declare const ToastTitle: ({
+  className,
+  ...props
+}: ToastTitleProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/toast/toast-viewport.d.ts
+type ToastViewportProps = ComponentProps<typeof Toast.Viewport>;
+declare const ToastViewport: ({
+  className,
+  ...props
+}: ToastViewportProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/toast/toast-provider.d.ts
+declare const ToastProvider: ({
+  children
+}: {
+  children: ReactNode;
+}) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/toast/use-toast.d.ts
+type ToastManager = ReturnType<typeof Toast.useToastManager>;
+type AddOptions = Parameters<ToastManager["add"]>[0];
+type UpdateOptions = Parameters<ToastManager["update"]>[1];
+type PromiseOptions = Parameters<ToastManager["promise"]>[1];
+type ToastOptions = Omit<AddOptions, "type"> & {
+  type?: AddOptions["type"] | "success" | "error" | "info" | "warning";
+};
+interface UseToastReturn {
+  /**
+   * Add a toast with custom options
+   */
+  add: (options: ToastOptions) => string;
+  /**
+   * Show a success toast
+   */
+  success: (options: Omit<ToastOptions, "type">) => string;
+  /**
+   * Show an error toast
+   */
+  error: (options: Omit<ToastOptions, "type">) => string;
+  /**
+   * Show an info toast
+   */
+  info: (options: Omit<ToastOptions, "type">) => string;
+  /**
+   * Show a warning toast
+   */
+  warning: (options: Omit<ToastOptions, "type">) => string;
+  /**
+   * Show a loading toast
+   */
+  loading: (options: Omit<ToastOptions, "type">) => string;
+  /**
+   * Create a promise toast with loading, success, and error states
+   */
+  promise: <Value>(promise: Promise<Value>, options: PromiseOptions) => Promise<Value>;
+  /**
+   * Update an existing toast
+   */
+  update: (toastId: string, options: UpdateOptions) => void;
+  /**
+   * Close a toast
+   */
+  close: (toastId: string) => void;
+  /**
+   * Get all active toasts
+   */
+  readonly toasts: ToastManager["toasts"];
+}
+declare const useToast: () => UseToastReturn;
+//#endregion
+export { ToastAction as _, ToastTitle as a, ToastRootProps as c, ToastDescription as d, ToastDescriptionProps as f, ToastCloseProps as g, ToastClose as h, ToastViewportProps as i, ToastPortal as l, ToastContentProps as m, ToastProvider as n, ToastTitleProps as o, ToastContent as p, ToastViewport as r, ToastRoot as s, useToast as t, ToastPortalProps as u, ToastActionProps as v };

package/dist/use-toast-DjRKuQG6.js

@@ -0,0 +1,129 @@
+import { cn } from "tailwind-variants";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Cancel01Icon } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon } from "@hugeicons/react";
+import { Toast } from "@base-ui/react/toast";
+
+//#region src/components/toast/toast-action.tsx
+const ToastAction = ({ className, ...props }) => /* @__PURE__ */ jsx(Toast.Action, {
+	className: cn(className),
+	"data-slot": "toast-action",
+	...props
+});
+
+//#endregion
+//#region src/components/toast/toast-close.tsx
+const ToastClose = ({ className, children, ...props }) => /* @__PURE__ */ jsx(Toast.Close, {
+	className: cn("absolute top-2 right-2 flex h-5 w-5 items-center justify-center rounded border-none bg-transparent text-muted-foreground hover:bg-accent hover:text-accent-foreground", className),
+	"data-slot": "toast-close",
+	...props,
+	children: children ?? /* @__PURE__ */ jsx(HugeiconsIcon, {
+		color: "currentColor",
+		icon: Cancel01Icon,
+		size: 16,
+		strokeWidth: 1.5
+	})
+});
+
+//#endregion
+//#region src/components/toast/toast-content.tsx
+const ToastContent = ({ className, ...props }) => /* @__PURE__ */ jsx(Toast.Content, {
+	className: cn("overflow-hidden transition-opacity duration-250 data-behind:pointer-events-none data-expanded:pointer-events-auto data-behind:opacity-0 data-expanded:opacity-100", className),
+	"data-slot": "toast-content",
+	...props
+});
+
+//#endregion
+//#region src/components/toast/toast-description.tsx
+const ToastDescription = ({ className, ...props }) => /* @__PURE__ */ jsx(Toast.Description, {
+	className: cn("text-muted-foreground text-sm leading-5", className),
+	"data-slot": "toast-description",
+	...props
+});
+
+//#endregion
+//#region src/components/toast/toast-portal.tsx
+const ToastPortal = (props) => /* @__PURE__ */ jsx(Toast.Portal, {
+	"data-slot": "toast-portal",
+	...props
+});
+
+//#endregion
+//#region src/components/toast/toast-root.tsx
+const ToastRoot = ({ className, ...props }) => /* @__PURE__ */ jsx(Toast.Root, {
+	className: cn("absolute right-0 bottom-0 left-auto z-[calc(1000-var(--toast-index))] mr-0 h-[var(--height)] w-full origin-bottom select-none rounded-lg border border-border bg-popover bg-clip-padding p-4 text-popover-foreground shadow-lg [--gap:0.75rem] [--height:var(--toast-frontmost-height,var(--toast-height))] [--offset-y:calc(var(--toast-offset-y)*-1+calc(var(--toast-index)*var(--gap)*-1)+var(--toast-swipe-movement-y))] [--peek:0.75rem] [--scale:calc(max(0,1-(var(--toast-index)*0.1)))] [--shrink:calc(1-var(--scale))] [transform:translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)-(var(--toast-index)*var(--peek))-(var(--shrink)*var(--height))))_scale(var(--scale))] [transition:transform_0.5s_cubic-bezier(0.22,1,0.36,1),opacity_0.5s,height_0.15s] after:absolute after:top-full after:left-0 after:h-[calc(var(--gap)+1px)] after:w-full after:content-[''] data-[expanded]:h-[var(--toast-height)] data-[ending-style]:opacity-0 data-[limited]:opacity-0 data-[ending-style]:data-[swipe-direction=down]:[transform:translateY(calc(var(--toast-swipe-movement-y)+150%))] data-[ending-style]:data-[swipe-direction=left]:[transform:translateX(calc(var(--toast-swipe-movement-x)-150%))_translateY(var(--offset-y))] data-[ending-style]:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))] data-[ending-style]:data-[swipe-direction=up]:[transform:translateY(calc(var(--toast-swipe-movement-y)-150%))] data-[expanded]:[transform:translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--offset-y)))] data-[expanded]:data-[ending-style]:data-[swipe-direction=down]:[transform:translateY(calc(var(--toast-swipe-movement-y)+150%))] data-[expanded]:data-[ending-style]:data-[swipe-direction=left]:[transform:translateX(calc(var(--toast-swipe-movement-x)-150%))_translateY(var(--offset-y))] data-[expanded]:data-[ending-style]:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))] data-[expanded]:data-[ending-style]:data-[swipe-direction=up]:[transform:translateY(calc(var(--toast-swipe-movement-y)-150%))] data-[starting-style]:[transform:translateY(150%)] [&[data-ending-style]:not([data-limited]):not([data-swipe-direction])]:[transform:translateY(150%)]", className),
+	"data-slot": "toast-root",
+	...props
+});
+
+//#endregion
+//#region src/components/toast/toast-title.tsx
+const ToastTitle = ({ className, ...props }) => /* @__PURE__ */ jsx(Toast.Title, {
+	className: cn("font-medium text-sm leading-5", className),
+	"data-slot": "toast-title",
+	...props
+});
+
+//#endregion
+//#region src/components/toast/toast-viewport.tsx
+const ToastViewport = ({ className, ...props }) => /* @__PURE__ */ jsx(Toast.Viewport, {
+	className: cn("fixed top-auto right-4 bottom-4 z-[100] mx-auto flex w-[250px] sm:right-8 sm:bottom-8 sm:w-[300px]", className),
+	"data-slot": "toast-viewport",
+	...props
+});
+
+//#endregion
+//#region src/components/toast/toast-provider.tsx
+const ToastProvider = ({ children }) => /* @__PURE__ */ jsxs(Toast.Provider, {
+	"data-slot": "toast",
+	children: [children, /* @__PURE__ */ jsx(ToastPortal, { children: /* @__PURE__ */ jsx(ToastViewport, { children: /* @__PURE__ */ jsx(ToastList, {}) }) })]
+});
+const ToastList = () => {
+	const { toasts } = Toast.useToastManager();
+	return toasts.map((toast) => /* @__PURE__ */ jsx(ToastRoot, {
+		toast,
+		children: /* @__PURE__ */ jsxs(ToastContent, { children: [
+			/* @__PURE__ */ jsx(ToastTitle, {}),
+			/* @__PURE__ */ jsx(ToastDescription, {}),
+			/* @__PURE__ */ jsx(ToastClose, {})
+		] })
+	}, toast.id));
+};
+
+//#endregion
+//#region src/components/toast/use-toast.ts
+const useToast = () => {
+	const toastManager = Toast.useToastManager();
+	return {
+		add: (options) => toastManager.add(options),
+		success: (options) => toastManager.add({
+			...options,
+			type: "success"
+		}),
+		error: (options) => toastManager.add({
+			...options,
+			type: "error"
+		}),
+		info: (options) => toastManager.add({
+			...options,
+			type: "info"
+		}),
+		warning: (options) => toastManager.add({
+			...options,
+			type: "warning"
+		}),
+		loading: (options) => toastManager.add({
+			...options,
+			type: "loading"
+		}),
+		promise: (promise, options) => toastManager.promise(promise, options),
+		update: (toastId, options) => toastManager.update(toastId, options),
+		close: (toastId) => toastManager.close(toastId),
+		get toasts() {
+			return toastManager.toasts;
+		}
+	};
+};
+
+//#endregion
+export { ToastRoot as a, ToastContent as c, ToastTitle as i, ToastClose as l, ToastProvider as n, ToastPortal as o, ToastViewport as r, ToastDescription as s, useToast as t, ToastAction as u };

package/dist/video-player-volume-range-D971L6mz.d.ts

@@ -0,0 +1,65 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { ComponentProps } from "react";
+import { MediaControlBar, MediaMuteButton, MediaPlayButton, MediaSeekBackwardButton, MediaSeekForwardButton, MediaTimeDisplay, MediaTimeRange, MediaVolumeRange } from "media-chrome/react";
+
+//#region src/components/video-player/video-player-content.d.ts
+type VideoPlayerContentProps = ComponentProps<"video">;
+declare const VideoPlayerContent: ({
+  className,
+  ...props
+}: VideoPlayerContentProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/video-player/video-player-control-bar.d.ts
+type VideoPlayerControlBarProps = ComponentProps<typeof MediaControlBar>;
+declare const VideoPlayerControlBar: (props: VideoPlayerControlBarProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/video-player/video-player-mute-button.d.ts
+type VideoPlayerMuteButtonProps = ComponentProps<typeof MediaMuteButton>;
+declare const VideoPlayerMuteButton: ({
+  className,
+  ...props
+}: VideoPlayerMuteButtonProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/video-player/video-player-play-button.d.ts
+type VideoPlayerPlayButtonProps = ComponentProps<typeof MediaPlayButton>;
+declare const VideoPlayerPlayButton: ({
+  className,
+  ...props
+}: VideoPlayerPlayButtonProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/video-player/video-player-seek-backward-button.d.ts
+type VideoPlayerSeekBackwardButtonProps = ComponentProps<typeof MediaSeekBackwardButton>;
+declare const VideoPlayerSeekBackwardButton: ({
+  className,
+  ...props
+}: VideoPlayerSeekBackwardButtonProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/video-player/video-player-seek-forward-button.d.ts
+type VideoPlayerSeekForwardButtonProps = ComponentProps<typeof MediaSeekForwardButton>;
+declare const VideoPlayerSeekForwardButton: ({
+  className,
+  ...props
+}: VideoPlayerSeekForwardButtonProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/video-player/video-player-time-display.d.ts
+type VideoPlayerTimeDisplayProps = ComponentProps<typeof MediaTimeDisplay>;
+declare const VideoPlayerTimeDisplay: ({
+  className,
+  ...props
+}: VideoPlayerTimeDisplayProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/video-player/video-player-time-range.d.ts
+type VideoPlayerTimeRangeProps = ComponentProps<typeof MediaTimeRange>;
+declare const VideoPlayerTimeRange: ({
+  className,
+  ...props
+}: VideoPlayerTimeRangeProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/video-player/video-player-volume-range.d.ts
+type VideoPlayerVolumeRangeProps = ComponentProps<typeof MediaVolumeRange>;
+declare const VideoPlayerVolumeRange: ({
+  className,
+  ...props
+}: VideoPlayerVolumeRangeProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { VideoPlayerContent as _, VideoPlayerTimeDisplay as a, VideoPlayerSeekForwardButtonProps as c, VideoPlayerPlayButton as d, VideoPlayerPlayButtonProps as f, VideoPlayerControlBarProps as g, VideoPlayerControlBar as h, VideoPlayerTimeRangeProps as i, VideoPlayerSeekBackwardButton as l, VideoPlayerMuteButtonProps as m, VideoPlayerVolumeRangeProps as n, VideoPlayerTimeDisplayProps as o, VideoPlayerMuteButton as p, VideoPlayerTimeRange as r, VideoPlayerSeekForwardButton as s, VideoPlayerVolumeRange as t, VideoPlayerSeekBackwardButtonProps as u, VideoPlayerContentProps as v };

package/dist/video-player-volume-range-V7x0b1-r.js

@@ -0,0 +1,66 @@
+import { cn } from "tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+import { MediaControlBar, MediaMuteButton, MediaPlayButton, MediaSeekBackwardButton, MediaSeekForwardButton, MediaTimeDisplay, MediaTimeRange, MediaVolumeRange } from "media-chrome/react";
+
+//#region src/components/video-player/video-player-content.tsx
+const VideoPlayerContent = ({ className, ...props }) => /* @__PURE__ */ jsx("video", {
+	className: cn("mt-0 mb-0", className),
+	...props,
+	children: /* @__PURE__ */ jsx("track", { kind: "captions" })
+});
+
+//#endregion
+//#region src/components/video-player/video-player-control-bar.tsx
+const VideoPlayerControlBar = (props) => /* @__PURE__ */ jsx(MediaControlBar, { ...props });
+
+//#endregion
+//#region src/components/video-player/video-player-mute-button.tsx
+const VideoPlayerMuteButton = ({ className, ...props }) => /* @__PURE__ */ jsx(MediaMuteButton, {
+	className: cn("cursor-pointer p-2.5", className),
+	...props
+});
+
+//#endregion
+//#region src/components/video-player/video-player-play-button.tsx
+const VideoPlayerPlayButton = ({ className, ...props }) => /* @__PURE__ */ jsx(MediaPlayButton, {
+	className: cn("cursor-pointer p-2.5", className),
+	...props
+});
+
+//#endregion
+//#region src/components/video-player/video-player-seek-backward-button.tsx
+const VideoPlayerSeekBackwardButton = ({ className, ...props }) => /* @__PURE__ */ jsx(MediaSeekBackwardButton, {
+	className: cn("cursor-pointer p-2.5", className),
+	...props
+});
+
+//#endregion
+//#region src/components/video-player/video-player-seek-forward-button.tsx
+const VideoPlayerSeekForwardButton = ({ className, ...props }) => /* @__PURE__ */ jsx(MediaSeekForwardButton, {
+	className: cn("cursor-pointer p-2.5", className),
+	...props
+});
+
+//#endregion
+//#region src/components/video-player/video-player-time-display.tsx
+const VideoPlayerTimeDisplay = ({ className, ...props }) => /* @__PURE__ */ jsx(MediaTimeDisplay, {
+	className: cn("p-2.5", className),
+	...props
+});
+
+//#endregion
+//#region src/components/video-player/video-player-time-range.tsx
+const VideoPlayerTimeRange = ({ className, ...props }) => /* @__PURE__ */ jsx(MediaTimeRange, {
+	className: cn("p-2.5", className),
+	...props
+});
+
+//#endregion
+//#region src/components/video-player/video-player-volume-range.tsx
+const VideoPlayerVolumeRange = ({ className, ...props }) => /* @__PURE__ */ jsx(MediaVolumeRange, {
+	className: cn("p-2.5", className),
+	...props
+});
+
+//#endregion
+export { VideoPlayerSeekBackwardButton as a, VideoPlayerControlBar as c, VideoPlayerSeekForwardButton as i, VideoPlayerContent as l, VideoPlayerTimeRange as n, VideoPlayerPlayButton as o, VideoPlayerTimeDisplay as r, VideoPlayerMuteButton as s, VideoPlayerVolumeRange as t };

package/package.json

@@ -0,0 +1,128 @@
+{
+  "name": "kuzenbo",
+  "version": "0.0.1",
+  "description": "React UI components, hooks, and utilities library.",
+  "keywords": [
+    "react",
+    "react-components",
+    "react-hooks",
+    "react-library",
+    "typescript",
+    "ui-components",
+    "utilities"
+  ],
+  "homepage": "https://github.com/DobroslavRadosavljevic/kuzenbo#readme",
+  "bugs": {
+    "url": "https://github.com/DobroslavRadosavljevic/kuzenbo/issues"
+  },
+  "license": "MIT",
+  "author": "Dobroslav Radosavljevic <dobroslav.radosavljevic@gmail.com>",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/DobroslavRadosavljevic/kuzenbo"
+  },
+  "files": [
+    "dist"
+  ],
+  "type": "module",
+  "sideEffects": [
+    "*.css"
+  ],
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./*": {
+      "types": "./dist/*.d.ts",
+      "default": "./dist/*.js"
+    },
+    "./styles.css": "./dist/styles.css",
+    "./package.json": "./package.json"
+  },
+  "scripts": {
+    "build": "tsdown && cp src/styles.css dist/styles.css",
+    "dev": "tsdown --watch",
+    "test": "bun test",
+    "lint": "bun ultracite check",
+    "format": "bun ultracite fix",
+    "typecheck": "tsc --noEmit",
+    "prepare": "husky",
+    "prepublishOnly": "bun run build",
+    "bump": "bumpp --changelog",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "dependencies": {
+    "@base-ui/react": "^1.1.0",
+    "@hugeicons/core-free-icons": "^3.1.1",
+    "@hugeicons/react": "^1.1.5",
+    "tailwind-variants": "^3.2.2"
+  },
+  "devDependencies": {
+    "@commitlint/cli": "^20.4.1",
+    "@commitlint/config-conventional": "^20.4.1",
+    "@happy-dom/global-registrator": "^20.5.0",
+    "@storybook/addon-a11y": "^10.2.7",
+    "@storybook/addon-themes": "^10.2.7",
+    "@storybook/react-vite": "^10.2.7",
+    "@tailwindcss/postcss": "^4.1.18",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@testing-library/user-event": "^14.6.1",
+    "@total-typescript/ts-reset": "^0.6.1",
+    "@types/bun": "^1.3.8",
+    "@types/culori": "^4.0.1",
+    "@types/qrcode": "^1.5.6",
+    "@types/react": "^19.2.13",
+    "@types/react-dom": "^19.2.3",
+    "bumpp": "^10.4.1",
+    "husky": "^9.1.7",
+    "lint-staged": "^16.2.7",
+    "motion": "^12.33.0",
+    "oxfmt": "^0.28.0",
+    "oxlint": "^1.43.0",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "storybook": "^10.2.7",
+    "tailwind-merge": "^3.4.0",
+    "tailwindcss": "^4.1.18",
+    "tsdown": "^0.20.3",
+    "typescript": "^5.9.3",
+    "ultracite": "7.1.5"
+  },
+  "peerDependencies": {
+    "cmdk": "^1.1.1",
+    "country-flag-icons": "^1.6.12",
+    "culori": "^4.0.2",
+    "embla-carousel": "^8.6.0",
+    "embla-carousel-react": "^8.6.0",
+    "frimousse": "^0.3.0",
+    "input-otp": "^1.4.2",
+    "media-chrome": "^4.17.2",
+    "qrcode": "^1.5.4",
+    "react": "^18.0.0 || ^19.0.0",
+    "react-day-picker": "^9.13.0",
+    "react-dom": "^18.0.0 || ^19.0.0",
+    "react-dropzone": "^14.4.0",
+    "react-fast-marquee": "^1.6.5",
+    "react-resizable-panels": "^4.6.1",
+    "react-textarea-autosize": "^8.5.9",
+    "recharts": "^2.11.0",
+    "vaul": "^1.1.2"
+  },
+  "lint-staged": {
+    "*.{ts,tsx,js,jsx,mjs,cjs}": [
+      "bun run format"
+    ],
+    "*.{json,md,yml,yaml}": [
+      "bun run format"
+    ]
+  },
+  "engines": {
+    "bun": ">=1.3.6",
+    "node": ">=22"
+  }
+}