@fuma-content/studio 0.1.0

package/dist/src/components/ui/dropdown-menu.mjs

@@ -0,0 +1,122 @@
+"use client";
+
+import { cn } from "../../lib/utils.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CheckIcon, ChevronRightIcon } from "lucide-react";
+import { DropdownMenu } from "radix-ui";
+
+//#region src/components/ui/dropdown-menu.tsx
+function DropdownMenu$1({ ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenu.Root, {
+		"data-slot": "dropdown-menu",
+		...props
+	});
+}
+function DropdownMenuPortal({ ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenu.Portal, {
+		"data-slot": "dropdown-menu-portal",
+		...props
+	});
+}
+function DropdownMenuTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenu.Trigger, {
+		"data-slot": "dropdown-menu-trigger",
+		...props
+	});
+}
+function DropdownMenuContent({ className, align = "start", sideOffset = 4, ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenu.Portal, { children: /* @__PURE__ */ jsx(DropdownMenu.Content, {
+		"data-slot": "dropdown-menu-content",
+		sideOffset,
+		align,
+		className: cn("data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-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 max-h-(--radix-dropdown-menu-content-available-height) w-(--radix-dropdown-menu-trigger-width) min-w-48 origin-(--radix-dropdown-menu-content-transform-origin) overflow-y-auto overflow-x-hidden rounded-2xl bg-popover p-1 text-popover-foreground shadow-2xl ring-1 ring-foreground/5 duration-100 data-closed:animate-out data-open:animate-in data-[state=closed]:overflow-hidden", className),
+		...props
+	}) });
+}
+function DropdownMenuGroup({ ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenu.Group, {
+		"data-slot": "dropdown-menu-group",
+		...props
+	});
+}
+function DropdownMenuItem({ className, inset, variant = "default", ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenu.Item, {
+		"data-slot": "dropdown-menu-item",
+		"data-inset": inset,
+		"data-variant": variant,
+		className: cn("group/dropdown-menu-item relative flex cursor-default select-none items-center gap-2.5 rounded-xl px-3 py-2 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-disabled:pointer-events-none data-inset:pl-8 data-[variant=destructive]:text-destructive data-disabled:opacity-50 data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg]:size-4 [&_svg]:shrink-0 data-[variant=destructive]:*:[svg]:text-destructive", className),
+		...props
+	});
+}
+function DropdownMenuCheckboxItem({ className, children, checked, ...props }) {
+	return /* @__PURE__ */ jsxs(DropdownMenu.CheckboxItem, {
+		"data-slot": "dropdown-menu-checkbox-item",
+		className: cn("relative flex cursor-default select-none items-center gap-2.5 rounded-xl py-2 pr-8 pl-3 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:size-4 [&_svg]:shrink-0", className),
+		checked,
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "pointer-events-none absolute right-2 flex items-center justify-center",
+			"data-slot": "dropdown-menu-checkbox-item-indicator",
+			children: /* @__PURE__ */ jsx(DropdownMenu.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) })
+		}), children]
+	});
+}
+function DropdownMenuRadioGroup({ ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenu.RadioGroup, {
+		"data-slot": "dropdown-menu-radio-group",
+		...props
+	});
+}
+function DropdownMenuRadioItem({ className, children, ...props }) {
+	return /* @__PURE__ */ jsxs(DropdownMenu.RadioItem, {
+		"data-slot": "dropdown-menu-radio-item",
+		className: cn("relative flex cursor-default select-none items-center gap-2.5 rounded-xl py-2 pr-8 pl-3 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:shrink-0", className),
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "pointer-events-none absolute right-2 flex items-center justify-center",
+			"data-slot": "dropdown-menu-radio-item-indicator",
+			children: /* @__PURE__ */ jsx(DropdownMenu.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) })
+		}), children]
+	});
+}
+function DropdownMenuLabel({ className, inset, ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenu.Label, {
+		"data-slot": "dropdown-menu-label",
+		"data-inset": inset,
+		className: cn("px-3 py-2.5 text-muted-foreground text-xs data-inset:pl-8", className),
+		...props
+	});
+}
+function DropdownMenuSeparator({ className, ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenu.Separator, {
+		"data-slot": "dropdown-menu-separator",
+		className: cn("-mx-1 my-1 h-px bg-border/50", className),
+		...props
+	});
+}
+function DropdownMenuSub({ ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenu.Sub, {
+		"data-slot": "dropdown-menu-sub",
+		...props
+	});
+}
+function DropdownMenuSubTrigger({ className, inset, children, ...props }) {
+	return /* @__PURE__ */ jsxs(DropdownMenu.SubTrigger, {
+		"data-slot": "dropdown-menu-sub-trigger",
+		"data-inset": inset,
+		className: cn("flex cursor-default select-none items-center gap-2 rounded-xl px-3 py-2 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-open:bg-accent data-inset:pl-8 data-open:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0", className),
+		...props,
+		children: [children, /* @__PURE__ */ jsx(ChevronRightIcon, { className: "ml-auto" })]
+	});
+}
+function DropdownMenuSubContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenu.SubContent, {
+		"data-slot": "dropdown-menu-sub-content",
+		className: cn("data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-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 min-w-36 origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-2xl bg-popover p-1 text-popover-foreground shadow-2xl ring-1 ring-foreground/5 duration-100 data-closed:animate-out data-open:animate-in", className),
+		...props
+	});
+}
+const { DropdownMenuItemIndicator } = DropdownMenu;
+
+//#endregion
+export { DropdownMenu$1 as DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuItemIndicator, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };

package/dist/src/components/ui/input-group.mjs

@@ -0,0 +1,31 @@
+"use client";
+
+import "../../lib/utils.mjs";
+import "./button.mjs";
+import "./input.mjs";
+import "./textarea.mjs";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+
+//#region src/components/ui/input-group.tsx
+const inputGroupAddonVariants = cva("text-muted-foreground **:data-[slot=kbd]:bg-muted-foreground/10 h-auto gap-2 py-2 text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 **:data-[slot=kbd]:rounded-4xl **:data-[slot=kbd]:px-1.5 [&>svg:not([class*='size-'])]:size-4 flex cursor-text items-center justify-center select-none", {
+	variants: { align: {
+		"inline-start": "pl-3 has-[>button]:ml-[-0.25rem] has-[>kbd]:ml-[-0.15rem] order-first",
+		"inline-end": "pr-3 has-[>button]:mr-[-0.25rem] has-[>kbd]:mr-[-0.15rem] order-last",
+		"block-start": "px-3 pt-3 group-has-[>input]/input-group:pt-3 [.border-b]:pb-3 order-first w-full justify-start",
+		"block-end": "px-3 pb-3 group-has-[>input]/input-group:pb-3 [.border-t]:pt-3 order-last w-full justify-start"
+	} },
+	defaultVariants: { align: "inline-start" }
+});
+const inputGroupButtonVariants = cva("gap-2 rounded-4xl text-sm shadow-none flex items-center", {
+	variants: { size: {
+		xs: "h-6 gap-1 px-1.5 [&>svg:not([class*='size-'])]:size-3.5",
+		sm: "",
+		"icon-xs": "size-6 p-0 has-[>svg]:p-0",
+		"icon-sm": "size-8 p-0 has-[>svg]:p-0"
+	} },
+	defaultVariants: { size: "xs" }
+});
+
+//#endregion
+export {  };

package/dist/src/components/ui/input.mjs

@@ -0,0 +1,15 @@
+import { cn } from "../../lib/utils.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/ui/input.tsx
+function Input({ className, type, ...props }) {
+	return /* @__PURE__ */ jsx("input", {
+		type,
+		"data-slot": "input",
+		className: cn("h-9 w-full min-w-0 rounded-4xl border border-input bg-input/30 px-3 py-1 text-base outline-none transition-colors file:inline-flex file:h-7 file:border-0 file:bg-transparent file:font-medium file:text-foreground file:text-sm placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20 md:text-sm dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", className),
+		...props
+	});
+}
+
+//#endregion
+export { Input };

package/dist/src/components/ui/label.mjs

@@ -0,0 +1,19 @@
+"use client";
+
+import { cn } from "../../lib/utils.mjs";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { Label } from "radix-ui";
+
+//#region src/components/ui/label.tsx
+const labelVariants = cva("flex select-none items-center gap-2 font-medium text-sm leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-50 group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50");
+function Label$1({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Label.Root, {
+		"data-slot": "label",
+		className: cn(labelVariants(), className),
+		...props
+	});
+}
+
+//#endregion
+export { Label$1 as Label, labelVariants };

package/dist/src/components/ui/popover.mjs

@@ -0,0 +1,37 @@
+"use client";
+
+import { cn } from "../../lib/utils.mjs";
+import { jsx } from "react/jsx-runtime";
+import { Popover } from "radix-ui";
+
+//#region src/components/ui/popover.tsx
+function Popover$1({ ...props }) {
+	return /* @__PURE__ */ jsx(Popover.Root, {
+		"data-slot": "popover",
+		...props
+	});
+}
+function PopoverTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(Popover.Trigger, {
+		"data-slot": "popover-trigger",
+		...props
+	});
+}
+function PopoverContent({ className, align = "center", sideOffset = 4, ...props }) {
+	return /* @__PURE__ */ jsx(Popover.Portal, { children: /* @__PURE__ */ jsx(Popover.Content, {
+		"data-slot": "popover-content",
+		align,
+		sideOffset,
+		className: cn("bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-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 ring-foreground/5 flex flex-col gap-4 rounded-2xl p-4 text-sm shadow-2xl ring-1 duration-100 z-50 w-72 origin-(--radix-popover-content-transform-origin) outline-hidden", className),
+		...props
+	}) });
+}
+function PopoverAnchor({ ...props }) {
+	return /* @__PURE__ */ jsx(Popover.Anchor, {
+		"data-slot": "popover-anchor",
+		...props
+	});
+}
+
+//#endregion
+export { Popover$1 as Popover, PopoverAnchor, PopoverContent, PopoverTrigger };

package/dist/src/components/ui/select.mjs

@@ -0,0 +1,80 @@
+"use client";
+
+import { cn } from "../../lib/utils.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
+import { Select } from "radix-ui";
+
+//#region src/components/ui/select.tsx
+function Select$1({ ...props }) {
+	return /* @__PURE__ */ jsx(Select.Root, {
+		"data-slot": "select",
+		...props
+	});
+}
+function SelectValue({ ...props }) {
+	return /* @__PURE__ */ jsx(Select.Value, {
+		"data-slot": "select-value",
+		...props
+	});
+}
+function SelectTrigger({ className, size = "default", children, ...props }) {
+	return /* @__PURE__ */ jsxs(Select.Trigger, {
+		"data-slot": "select-trigger",
+		"data-size": size,
+		className: cn("flex w-fit items-center justify-between gap-1.5 whitespace-nowrap rounded-4xl border border-input bg-input/30 px-3 py-2 text-sm outline-none transition-colors focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20 data-[size=default]:h-9 data-[size=sm]:h-8 data-placeholder:text-muted-foreground *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 dark:hover:bg-input/50 [&_svg]:shrink-0", className),
+		...props,
+		children: [children, /* @__PURE__ */ jsx(Select.Icon, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "pointer-events-none size-4 text-muted-foreground" })
+		})]
+	});
+}
+function SelectContent({ className, children, position = "item-aligned", align = "center", ...props }) {
+	return /* @__PURE__ */ jsx(Select.Portal, { children: /* @__PURE__ */ jsxs(Select.Content, {
+		"data-slot": "select-content",
+		className: cn("data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-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 relative z-50 max-h-(--radix-select-content-available-height) min-w-36 origin-(--radix-select-content-transform-origin) overflow-y-auto overflow-x-hidden rounded-2xl bg-popover text-popover-foreground shadow-2xl ring-1 ring-foreground/5 duration-100 data-closed:animate-out data-open:animate-in", position === "popper" && "data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=bottom]:translate-y-1 data-[side=top]:-translate-y-1", className),
+		position,
+		align,
+		...props,
+		children: [
+			/* @__PURE__ */ jsx(SelectScrollUpButton, {}),
+			/* @__PURE__ */ jsx(Select.Viewport, {
+				"data-position": position,
+				className: cn("data-[position=popper]:h-(--radix-select-trigger-height) data-[position=popper]:w-full data-[position=popper]:min-w-(--radix-select-trigger-width)", position === "popper" && ""),
+				children
+			}),
+			/* @__PURE__ */ jsx(SelectScrollDownButton, {})
+		]
+	}) });
+}
+function SelectItem({ className, children, ...props }) {
+	return /* @__PURE__ */ jsxs(Select.Item, {
+		"data-slot": "select-item",
+		className: cn("flex w-full select-none items-center gap-2.5 ps-3 p-2 text-sm outline-hidden focus:bg-accent data-[state=checked]:bg-accent data-[state=checked]:text-accent-foreground data-disabled:opacity-50 [&_svg]:shrink-0 *:[span]:flex *:[span]:items-center *:[span]:gap-2 *:[span]:flex-1", className),
+		...props,
+		children: [/* @__PURE__ */ jsx(Select.ItemText, { children }), /* @__PURE__ */ jsx(Select.ItemIndicator, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" })
+		})]
+	});
+}
+function SelectScrollUpButton({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Select.ScrollUpButton, {
+		"data-slot": "select-scroll-up-button",
+		className: cn("z-10 flex cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4", className),
+		...props,
+		children: /* @__PURE__ */ jsx(ChevronUpIcon, {})
+	});
+}
+function SelectScrollDownButton({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Select.ScrollDownButton, {
+		"data-slot": "select-scroll-down-button",
+		className: cn("z-10 flex cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4", className),
+		...props,
+		children: /* @__PURE__ */ jsx(ChevronDownIcon, {})
+	});
+}
+
+//#endregion
+export { Select$1 as Select, SelectContent, SelectItem, SelectTrigger, SelectValue };

package/dist/src/components/ui/separator.mjs

@@ -0,0 +1,19 @@
+"use client";
+
+import { cn } from "../../lib/utils.mjs";
+import { jsx } from "react/jsx-runtime";
+import { Separator } from "radix-ui";
+
+//#region src/components/ui/separator.tsx
+function Separator$1({ className, orientation = "horizontal", decorative = true, ...props }) {
+	return /* @__PURE__ */ jsx(Separator.Root, {
+		"data-slot": "separator",
+		decorative,
+		orientation,
+		className: cn("shrink-0 bg-border data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px", className),
+		...props
+	});
+}
+
+//#endregion
+export { Separator$1 as Separator };

package/dist/src/components/ui/spinner.mjs

@@ -0,0 +1,16 @@
+import { cn } from "../../lib/utils.mjs";
+import { jsx } from "react/jsx-runtime";
+import { Loader2Icon } from "lucide-react";
+
+//#region src/components/ui/spinner.tsx
+function Spinner({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Loader2Icon, {
+		role: "status",
+		"aria-label": "Loading",
+		className: cn("size-4 animate-spin", className),
+		...props
+	});
+}
+
+//#endregion
+export { Spinner };

package/dist/src/components/ui/tabs.mjs

@@ -0,0 +1,39 @@
+"use client";
+
+import { cn } from "../../lib/utils.mjs";
+import { jsx } from "react/jsx-runtime";
+import { Tabs } from "radix-ui";
+
+//#region src/components/ui/tabs.tsx
+function Tabs$1({ className, orientation = "horizontal", ...props }) {
+	return /* @__PURE__ */ jsx(Tabs.Root, {
+		"data-slot": "tabs",
+		"data-orientation": orientation,
+		className: cn("group/tabs flex gap-2 data-horizontal:flex-col", className),
+		...props
+	});
+}
+function TabsList({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Tabs.List, {
+		"data-slot": "tabs-list",
+		className: cn("rounded-4xl bg-muted p-1 group-data-horizontal/tabs:h-9 group-data-vertical/tabs:rounded-2xl group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col", className),
+		...props
+	});
+}
+function TabsTrigger({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Tabs.Trigger, {
+		"data-slot": "tabs-trigger",
+		className: cn("relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 whitespace-nowrap rounded-xl border border-transparent px-2 py-1 font-medium text-foreground/60 text-sm transition-colors hover:text-foreground focus-visible:border-ring focus-visible:outline-1 focus-visible:outline-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start group-data-vertical/tabs:px-2.5 group-data-vertical/tabs:py-1.5 dark:text-muted-foreground dark:hover:text-foreground [&_svg]:size-4 [&_svg]:shrink-0", "data-active:bg-background data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 dark:data-active:text-foreground", className),
+		...props
+	});
+}
+function TabsContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Tabs.Content, {
+		"data-slot": "tabs-content",
+		className: cn("flex-1 text-sm outline-none", className),
+		...props
+	});
+}
+
+//#endregion
+export { Tabs$1 as Tabs, TabsContent, TabsList, TabsTrigger };

package/dist/src/components/ui/textarea.mjs

@@ -0,0 +1,14 @@
+import { cn } from "../../lib/utils.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/ui/textarea.tsx
+function Textarea({ className, ...props }) {
+	return /* @__PURE__ */ jsx("textarea", {
+		"data-slot": "textarea",
+		className: cn("field-sizing-content flex min-h-16 w-full resize-none rounded-xl border border-input bg-input/30 px-3 py-3 text-base outline-none transition-colors placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20 md:text-sm dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", className),
+		...props
+	});
+}
+
+//#endregion
+export { Textarea };

package/dist/src/components/ui/toolbar.mjs

@@ -0,0 +1,183 @@
+"use client";
+
+import { cn } from "../../lib/utils.mjs";
+import { DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuSeparator } from "./dropdown-menu.mjs";
+import { Separator as Separator$1 } from "./separator.mjs";
+import { Tooltip as Tooltip$1, TooltipTrigger } from "./tooltip.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React$1 from "react";
+import { ChevronDown } from "lucide-react";
+import { cva } from "class-variance-authority";
+import { Toolbar, Tooltip } from "radix-ui";
+
+//#region src/components/ui/toolbar.tsx
+function Toolbar$1({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Toolbar.Root, {
+		className: cn("relative flex select-none items-center", className),
+		...props
+	});
+}
+function ToolbarToggleGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Toolbar.ToolbarToggleGroup, {
+		className: cn("flex items-center", className),
+		...props
+	});
+}
+const toolbarButtonVariants = cva("inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium text-sm outline-none transition-[color,box-shadow] hover:bg-muted hover:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-checked:bg-accent aria-checked:text-accent-foreground aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg]:size-4 [&_svg]:shrink-0", {
+	defaultVariants: {
+		size: "default",
+		variant: "default"
+	},
+	variants: {
+		size: {
+			default: "h-9 min-w-9 px-2",
+			lg: "h-10 min-w-10 px-2.5",
+			sm: "h-8 min-w-8 px-1.5"
+		},
+		variant: {
+			default: "bg-transparent",
+			outline: "border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground"
+		}
+	}
+});
+const dropdownArrowVariants = cva(cn("inline-flex items-center justify-center rounded-r-md font-medium text-foreground text-sm transition-colors disabled:pointer-events-none disabled:opacity-50"), {
+	defaultVariants: {
+		size: "sm",
+		variant: "default"
+	},
+	variants: {
+		size: {
+			default: "h-9 w-6",
+			lg: "h-10 w-8",
+			sm: "h-8 w-4"
+		},
+		variant: {
+			default: "bg-transparent hover:bg-muted hover:text-muted-foreground aria-checked:bg-accent aria-checked:text-accent-foreground",
+			outline: "border border-input border-l-0 bg-transparent hover:bg-accent hover:text-accent-foreground"
+		}
+	}
+});
+const ToolbarButton = withTooltip(function ToolbarButton$1({ children, className, isDropdown, pressed, size = "sm", variant, ...props }) {
+	return typeof pressed === "boolean" ? /* @__PURE__ */ jsx(ToolbarToggleGroup, {
+		disabled: props.disabled,
+		value: "single",
+		type: "single",
+		children: /* @__PURE__ */ jsx(ToolbarToggleItem, {
+			className: cn(toolbarButtonVariants({
+				size,
+				variant
+			}), isDropdown && "justify-between gap-1 pr-1", className),
+			value: pressed ? "single" : "",
+			...props,
+			children: isDropdown ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
+				className: "flex flex-1 items-center gap-2 whitespace-nowrap",
+				children
+			}), /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(ChevronDown, {
+				className: "size-3.5 text-muted-foreground",
+				"data-icon": true
+			}) })] }) : children
+		})
+	}) : /* @__PURE__ */ jsx(Toolbar.Button, {
+		className: cn(toolbarButtonVariants({
+			size,
+			variant
+		}), isDropdown && "pr-1", className),
+		...props,
+		children
+	});
+});
+function ToolbarSplitButton({ className, ...props }) {
+	return /* @__PURE__ */ jsx(ToolbarButton, {
+		className: cn("group flex gap-0 px-0 hover:bg-transparent", className),
+		...props
+	});
+}
+function ToolbarSplitButtonPrimary({ children, className, size = "sm", variant, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		className: cn(toolbarButtonVariants({
+			size,
+			variant
+		}), "rounded-r-none", "group-data-[pressed=true]:bg-accent group-data-[pressed=true]:text-accent-foreground", className),
+		...props,
+		children
+	});
+}
+function ToolbarSplitButtonSecondary({ className, size, variant, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		className: cn(dropdownArrowVariants({
+			size,
+			variant
+		}), "group-data-[pressed=true]:bg-accent group-data-[pressed=true]:text-accent-foreground", className),
+		onClick: (e) => e.stopPropagation(),
+		role: "button",
+		...props,
+		children: /* @__PURE__ */ jsx(ChevronDown, {
+			className: "size-3.5 text-muted-foreground",
+			"data-icon": true
+		})
+	});
+}
+function ToolbarToggleItem({ className, size = "sm", variant, ...props }) {
+	return /* @__PURE__ */ jsx(Toolbar.ToggleItem, {
+		className: cn(toolbarButtonVariants({
+			size,
+			variant
+		}), className),
+		...props
+	});
+}
+function ToolbarGroup({ children, className }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("group/toolbar-group", "relative hidden has-[button]:flex", className),
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "flex items-center",
+			children
+		}), /* @__PURE__ */ jsx("div", {
+			className: "group-last/toolbar-group:hidden! mx-1.5 py-0.5",
+			children: /* @__PURE__ */ jsx(Separator$1, { orientation: "vertical" })
+		})]
+	});
+}
+function withTooltip(Component) {
+	return function ExtendComponent({ tooltip, tooltipContentProps, tooltipProps, tooltipTriggerProps, ...props }) {
+		const [mounted, setMounted] = React$1.useState(false);
+		React$1.useEffect(() => {
+			setMounted(true);
+		}, []);
+		const component = /* @__PURE__ */ jsx(Component, { ...props });
+		if (tooltip && mounted) return /* @__PURE__ */ jsxs(Tooltip$1, {
+			...tooltipProps,
+			children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+				asChild: true,
+				...tooltipTriggerProps,
+				children: component
+			}), /* @__PURE__ */ jsx(TooltipContent, {
+				...tooltipContentProps,
+				children: tooltip
+			})]
+		});
+		return component;
+	};
+}
+function TooltipContent({ children, className, sideOffset = 4, ...props }) {
+	return /* @__PURE__ */ jsx(Tooltip.Portal, { children: /* @__PURE__ */ jsx(Tooltip.Content, {
+		className: cn("z-50 w-fit origin-(--radix-tooltip-content-transform-origin) text-balance rounded-md bg-primary px-3 py-1.5 text-primary-foreground text-xs", className),
+		"data-slot": "tooltip-content",
+		sideOffset,
+		...props,
+		children
+	}) });
+}
+function ToolbarMenuGroup({ children, className, label, ...props }) {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(DropdownMenuSeparator, { className: cn("hidden", "mb-0 shrink-0 peer-has-[[role=menuitem]]/menu-group:block peer-has-[[role=menuitemradio]]/menu-group:block peer-has-[[role=option]]/menu-group:block") }), /* @__PURE__ */ jsxs(DropdownMenuRadioGroup, {
+		...props,
+		className: cn("hidden", "peer/menu-group group/menu-group my-1.5 has-[[role=menuitem]]:block has-[[role=menuitemradio]]:block has-[[role=option]]:block", className),
+		children: [label && /* @__PURE__ */ jsx(DropdownMenuLabel, {
+			className: "select-none font-semibold text-muted-foreground text-xs",
+			children: label
+		}), children]
+	})] });
+}
+
+//#endregion
+export { Toolbar$1 as Toolbar, ToolbarButton, ToolbarGroup, ToolbarMenuGroup, ToolbarSplitButton, ToolbarSplitButtonPrimary, ToolbarSplitButtonSecondary };

package/dist/src/components/ui/tooltip.mjs

@@ -0,0 +1,38 @@
+"use client";
+
+import { cn } from "../../lib/utils.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Tooltip } from "radix-ui";
+
+//#region src/components/ui/tooltip.tsx
+function TooltipProvider({ delayDuration = 0, ...props }) {
+	return /* @__PURE__ */ jsx(Tooltip.Provider, {
+		"data-slot": "tooltip-provider",
+		delayDuration,
+		...props
+	});
+}
+function Tooltip$1({ ...props }) {
+	return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx(Tooltip.Root, {
+		"data-slot": "tooltip",
+		...props
+	}) });
+}
+function TooltipTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(Tooltip.Trigger, {
+		"data-slot": "tooltip-trigger",
+		...props
+	});
+}
+function TooltipContent({ className, sideOffset = 0, children, ...props }) {
+	return /* @__PURE__ */ jsx(Tooltip.Portal, { children: /* @__PURE__ */ jsxs(Tooltip.Content, {
+		"data-slot": "tooltip-content",
+		sideOffset,
+		className: cn("data-open:fade-in-0 data-open:zoom-in-95 data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-closed:fade-out-0 data-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 w-fit max-w-xs origin-(--radix-tooltip-content-transform-origin) rounded-2xl bg-foreground px-3 py-1.5 text-background text-xs data-[state=delayed-open]:animate-in data-closed:animate-out data-open:animate-in **:data-[slot=kbd]:rounded-4xl", className),
+		...props,
+		children: [children, /* @__PURE__ */ jsx(Tooltip.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground" })]
+	}) });
+}
+
+//#endregion
+export { Tooltip$1 as Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/src/hooks/editor/use-is-creator.mjs

@@ -0,0 +1,19 @@
+import { useEditor } from "../../components/editor/editor-kit.mjs";
+import { useMemo } from "react";
+
+//#region src/hooks/editor/use-is-creator.ts
+/**
+*  Check if current user is the creator of this element (for Yjs collaboration)
+*/
+function useIsCreator(element) {
+	const editor = useEditor();
+	return useMemo(() => {
+		const elementUserId = "userId" in element && typeof element.userId === "string" ? element.userId : void 0;
+		const currentUserId = editor.meta.userId;
+		if (!elementUserId) return true;
+		return elementUserId === currentUserId;
+	}, [editor.meta.userId, element]);
+}
+
+//#endregion
+export { useIsCreator };