@godxjp/ui 0.1.1 → 0.2.0

package/dist/index.d.ts

@@ -113,7 +113,7 @@ declare function AccordionContent({ className, children, ...props }: React$1.Com
 type UIColor = 'primary' | 'destructive' | 'success' | 'warning' | 'info';
 
 declare const alertVariants: (props?: ({
-    variant?: "destructive" | "default" | "soft" | null | undefined;
+    variant?: "default" | "destructive" | "soft" | null | undefined;
     color?: "primary" | "destructive" | "success" | "warning" | "info" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface AlertProps extends React$1.ComponentProps<"div">, Omit<VariantProps<typeof alertVariants>, "color"> {
@@ -292,7 +292,7 @@ type AvatarFallbackProps = React$1.ComponentProps<typeof AvatarPrimitive.Fallbac
 declare function AvatarFallback({ className, ...props }: AvatarFallbackProps): react_jsx_runtime.JSX.Element;
 
 declare const badgeVariants: (props?: ({
-    variant?: "destructive" | "default" | "secondary" | "outline" | "soft" | null | undefined;
+    variant?: "default" | "destructive" | "secondary" | "outline" | "soft" | null | undefined;
     color?: "primary" | "destructive" | "success" | "warning" | "info" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BadgeProps extends React$1.ComponentProps<"span">, Omit<VariantProps<typeof badgeVariants>, "color"> {
@@ -394,7 +394,7 @@ declare function BreadcrumbSeparator({ children, className, ...props }: React$1.
 declare function BreadcrumbEllipsis({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
 
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "destructive" | "default" | "secondary" | "outline" | "soft" | "ghost" | null | undefined;
+    variant?: "link" | "default" | "destructive" | "secondary" | "outline" | "soft" | "ghost" | null | undefined;
     color?: "primary" | "destructive" | "success" | "warning" | "info" | null | undefined;
     size?: "default" | "xs" | "sm" | "lg" | "xl" | "icon" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -1916,6 +1916,14 @@ declare function ResizableHandle({ withHandle, className, ...props }: React$1.Co
     withHandle?: boolean;
 }): react_jsx_runtime.JSX.Element;
 
+interface RichTextEditorProps {
+    value?: string;
+    onChange?: (html: string) => void;
+    editable?: boolean;
+    className?: string;
+}
+declare function RichTextEditor({ value, onChange, editable, className, }: RichTextEditorProps): react_jsx_runtime.JSX.Element;
+
 /**
  * Custom scrollable container with styled scrollbar built on Radix ScrollArea.
  *
@@ -2191,6 +2199,38 @@ type SliderProps = React$1.ComponentProps<typeof SliderPrimitive.Root>;
  */
 declare function Slider({ className, defaultValue, value, min, max, ...props }: SliderProps): react_jsx_runtime.JSX.Element;
 
+interface SlugInputLabels {
+    /** Label text above the slug input field. */
+    slug: string;
+    /** Helper text below the slug input. */
+    autoGenerated: string;
+    /** Placeholder shown inside the slug input. */
+    placeholder: string;
+}
+interface SlugInputProps {
+    /** Source title string from which the slug is auto-generated. */
+    title: string;
+    /** Current slug value. */
+    slug: string;
+    /** Callback fired when the slug changes (auto-generated or manually edited). */
+    onSlugChange: (slug: string) => void;
+    /** Whether auto-generation from title is disabled and slug is manually editable only. */
+    disabled?: boolean;
+    /** Override default label strings for localization. */
+    labels?: Partial<SlugInputLabels>;
+    /**
+     * Single-string validation error. When set, the inner input gets
+     * `aria-invalid` and a red error message is rendered below.
+     */
+    error?: string;
+}
+/**
+ * Generates a URL-friendly slug from a text string.
+ * Handles Vietnamese diacritics, Japanese punctuation, and other special characters.
+ */
+declare function generateSlug(text: string): string;
+declare function SlugInput({ title, slug, onSlugChange, disabled, labels: labelOverrides, error, }: SlugInputProps): react_jsx_runtime.JSX.Element;
+
 /**
  * Toast notification container powered by the Sonner library.
  * Renders toast messages at a configurable position on screen.
@@ -2211,6 +2251,12 @@ declare const Toaster: ({ ...props }: ToasterProps) => react_jsx_runtime.JSX.Ele
 
 declare function Spinner({ className, ...props }: React.ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
 
+interface StatusBadgeProps {
+    status: string;
+    className?: string;
+}
+declare function StatusBadge({ status, className }: StatusBadgeProps): react_jsx_runtime.JSX.Element;
+
 type SwitchProps = React$1.ComponentProps<typeof SwitchPrimitives.Root>;
 /**
  * Toggle switch for boolean on/off states, styled as a sliding pill.
@@ -2326,6 +2372,31 @@ declare function TabsTrigger({ className, ...props }: React$1.ComponentProps<typ
 /** Content panel shown when its `value` matches the active tab. */
 declare function TabsContent({ className, ...props }: React$1.ComponentProps<typeof TabsPrimitive.Content>): react_jsx_runtime.JSX.Element;
 
+interface TagInputProps {
+    /** Array of current tag strings. */
+    value?: string[];
+    /** Callback fired when the tags array changes. */
+    onChange?: (tags: string[]) => void;
+    /** Placeholder text shown when there are no tags. */
+    placeholder?: string;
+    /** Additional CSS class for the outer container. */
+    className?: string;
+    /** Whether the tag input is disabled. */
+    disabled?: boolean;
+    /** Maximum number of tags allowed. */
+    maxTags?: number;
+    /** Whether duplicate tag values are allowed. Defaults to `false`. */
+    allowDuplicates?: boolean;
+    /** Character or pattern used to split pasted text into tags. Defaults to `","`. */
+    delimiter?: string | RegExp;
+    /**
+     * Single-string validation error. When set, the wrapper gets a destructive
+     * border, the inner input gets `aria-invalid`, and the message renders below.
+     */
+    error?: string;
+}
+declare function TagInput({ value, onChange, placeholder, className, disabled, maxTags, allowDuplicates, delimiter, error, }: TagInputProps): react_jsx_runtime.JSX.Element;
+
 type NativeTextareaProps = Omit<React$1.ComponentProps<'textarea'>, 'value' | 'onChange'>;
 interface StandardTextareaProps extends NativeTextareaProps {
     /** Translatable mode disabled (default). */
@@ -2548,6 +2619,15 @@ interface TranslatableFieldProps {
  */
 declare function TranslatableField({ config, value, onChange, children, className, errors, }: TranslatableFieldProps): react_jsx_runtime.JSX.Element;
 
+interface TranslatableRichTextProps {
+    value: TranslatableValue;
+    onChange: (value: TranslatableValue) => void;
+    /** Per-locale error map. Truthy string for a locale code marks it invalid. */
+    errors?: Partial<Record<string, string>>;
+    className?: string;
+}
+declare function TranslatableRichText({ value, onChange, errors, className, }: TranslatableRichTextProps): react_jsx_runtime.JSX.Element;
+
 interface UIProviderProps {
     children: ReactNode;
     /**
@@ -2647,4 +2727,4 @@ declare function useTimezone(): {
  */
 declare function resolveTranslatableConfig(translatable: TranslatableConfig, providerLocales: UILocaleConfig | undefined): UILocaleConfig | undefined;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, type AvatarProps, Badge, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Calendar, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardMedia, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, type CheckboxProps, Collapsible, CollapsibleContent, CollapsibleTrigger, ColorPicker, Combobox, type ComboboxOption, type ComboboxProps, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DatePicker, DateRangePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FileUpload, type FileUploadProps, type FileUploadVariant, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, FullWidthPageContainer, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputProps, Label, type LabelProps, type LocaleCode, type LocaleMap, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MultiCombobox, type MultiComboboxProps, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, PageContainer, type PageContainerProps, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PasswordInput, type PasswordInputProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, type ProgressProps, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, Rating, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, type SeparatorProps, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, type SkeletonProps, Slider, type SliderProps, Spinner, SplitPageContainer, StandardPageContainer, Switch, type SwitchProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, type TextareaProps, type Theme, TimeInput, TimePicker, Toaster, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type TranslatableConfig, TranslatableField, type TranslatableRenderProps, type TranslatableValue, type UILocaleConfig, UIProvider, badgeVariants, buttonVariants, inputVariants, navigationMenuTriggerStyle, resolveTranslatableConfig, toggleVariants, useFormField, useLocale, useSidebar, useTheme, useTimezone, useUILocales };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, type AvatarProps, Badge, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Calendar, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardMedia, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, type CheckboxProps, Collapsible, CollapsibleContent, CollapsibleTrigger, ColorPicker, Combobox, type ComboboxOption, type ComboboxProps, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DatePicker, DateRangePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FileUpload, type FileUploadProps, type FileUploadVariant, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, FullWidthPageContainer, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputProps, Label, type LabelProps, type LocaleCode, type LocaleMap, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MultiCombobox, type MultiComboboxProps, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, PageContainer, type PageContainerProps, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PasswordInput, type PasswordInputProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, type ProgressProps, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, Rating, ResizableHandle, ResizablePanel, ResizablePanelGroup, RichTextEditor, type RichTextEditorProps, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, type SeparatorProps, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, type SkeletonProps, Slider, type SliderProps, SlugInput, type SlugInputLabels, type SlugInputProps, Spinner, SplitPageContainer, StandardPageContainer, StatusBadge, type StatusBadgeProps, Switch, type SwitchProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagInput, type TagInputProps, Textarea, type TextareaProps, type Theme, TimeInput, TimePicker, Toaster, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type TranslatableConfig, TranslatableField, type TranslatableRenderProps, TranslatableRichText, type TranslatableRichTextProps, type TranslatableValue, type UILocaleConfig, UIProvider, badgeVariants, buttonVariants, generateSlug, inputVariants, navigationMenuTriggerStyle, resolveTranslatableConfig, toggleVariants, useFormField, useLocale, useSidebar, useTheme, useTimezone, useUILocales };

package/dist/index.js

@@ -1,6 +1,6 @@
 "use client";
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
-import { CheckIcon, XIcon, EyeOff, Eye, ChevronDownIcon, ChevronDown, CornerDownLeft, ChevronRight, MoreHorizontal, ChevronLeftIcon, ChevronRightIcon, ArrowLeft, ArrowRight, Check, SearchIcon, X, ChevronsUpDown, CircleIcon, Calendar as Calendar$1, ImagePlus, Upload, Paperclip, Plus, MinusIcon, MoreHorizontalIcon, Star, GripVerticalIcon, ChevronUpIcon, PanelLeftIcon, Loader2Icon, Clock, FileImage, FileVideo, FileText, File } from 'lucide-react';
+import { CheckIcon, XIcon, EyeOff, Eye, ChevronDownIcon, ChevronDown, CornerDownLeft, ChevronRight, MoreHorizontal, ChevronLeftIcon, ChevronRightIcon, ArrowLeft, ArrowRight, Check, SearchIcon, X, ChevronsUpDown, CircleIcon, Calendar as Calendar$1, ImagePlus, Upload, Paperclip, Plus, MinusIcon, MoreHorizontalIcon, Star, GripVerticalIcon, Bold, Italic, Strikethrough, Code, Heading1, Heading2, Heading3, List, ListOrdered, Quote, Undo2, Redo2, ChevronUpIcon, PanelLeftIcon, Loader2Icon, Clock, FileImage, FileVideo, FileText, File } from 'lucide-react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -32,6 +32,8 @@ import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import * as ProgressPrimitive from '@radix-ui/react-progress';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 import * as ResizablePrimitive from 'react-resizable-panels';
+import { useEditor, EditorContent } from '@tiptap/react';
+import StarterKit from '@tiptap/starter-kit';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 import * as SelectPrimitive from '@radix-ui/react-select';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
@@ -3776,6 +3778,196 @@ function ResizableHandle({
     }
   );
 }
+function RichTextEditor({
+  value,
+  onChange,
+  editable = true,
+  className
+}) {
+  const editor = useEditor({
+    extensions: [StarterKit],
+    content: value ?? "",
+    editable,
+    immediatelyRender: false,
+    editorProps: {
+      attributes: {
+        class: cn(
+          "prose prose-sm dark:prose-invert max-w-none min-h-32 px-3 py-2",
+          "focus:outline-none",
+          "[&_p]:my-1 [&_h1]:mt-3 [&_h2]:mt-3 [&_h3]:mt-2"
+        )
+      }
+    },
+    onUpdate: ({ editor: editor2 }) => {
+      onChange?.(editor2.getHTML());
+    }
+  });
+  if (!editor) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        "data-slot": "rich-text-editor",
+        className: cn(
+          "rounded-md border border-input bg-background",
+          "h-40 animate-pulse",
+          className
+        )
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "rich-text-editor",
+      className: cn(
+        "rounded-md border border-input bg-background",
+        "focus-within:border-ring focus-within:ring-3 focus-within:ring-ring/50",
+        className
+      ),
+      children: [
+        editable ? /* @__PURE__ */ jsx(EditorToolbar, { editor }) : null,
+        /* @__PURE__ */ jsx(EditorContent, { editor })
+      ]
+    }
+  );
+}
+function EditorToolbar({ editor }) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-0.5 border-b border-border px-1.5 py-1", children: [
+    /* @__PURE__ */ jsx(
+      ToolbarButton,
+      {
+        onClick: () => editor.chain().focus().toggleBold().run(),
+        active: editor.isActive("bold"),
+        label: "Bold",
+        children: /* @__PURE__ */ jsx(Bold, { className: "size-3.5" })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ToolbarButton,
+      {
+        onClick: () => editor.chain().focus().toggleItalic().run(),
+        active: editor.isActive("italic"),
+        label: "Italic",
+        children: /* @__PURE__ */ jsx(Italic, { className: "size-3.5" })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ToolbarButton,
+      {
+        onClick: () => editor.chain().focus().toggleStrike().run(),
+        active: editor.isActive("strike"),
+        label: "Strikethrough",
+        children: /* @__PURE__ */ jsx(Strikethrough, { className: "size-3.5" })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ToolbarButton,
+      {
+        onClick: () => editor.chain().focus().toggleCode().run(),
+        active: editor.isActive("code"),
+        label: "Inline code",
+        children: /* @__PURE__ */ jsx(Code, { className: "size-3.5" })
+      }
+    ),
+    /* @__PURE__ */ jsx(Separator4, { orientation: "vertical", className: "mx-1 h-5" }),
+    /* @__PURE__ */ jsx(
+      ToolbarButton,
+      {
+        onClick: () => editor.chain().focus().toggleHeading({ level: 1 }).run(),
+        active: editor.isActive("heading", { level: 1 }),
+        label: "Heading 1",
+        children: /* @__PURE__ */ jsx(Heading1, { className: "size-3.5" })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ToolbarButton,
+      {
+        onClick: () => editor.chain().focus().toggleHeading({ level: 2 }).run(),
+        active: editor.isActive("heading", { level: 2 }),
+        label: "Heading 2",
+        children: /* @__PURE__ */ jsx(Heading2, { className: "size-3.5" })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ToolbarButton,
+      {
+        onClick: () => editor.chain().focus().toggleHeading({ level: 3 }).run(),
+        active: editor.isActive("heading", { level: 3 }),
+        label: "Heading 3",
+        children: /* @__PURE__ */ jsx(Heading3, { className: "size-3.5" })
+      }
+    ),
+    /* @__PURE__ */ jsx(Separator4, { orientation: "vertical", className: "mx-1 h-5" }),
+    /* @__PURE__ */ jsx(
+      ToolbarButton,
+      {
+        onClick: () => editor.chain().focus().toggleBulletList().run(),
+        active: editor.isActive("bulletList"),
+        label: "Bullet list",
+        children: /* @__PURE__ */ jsx(List, { className: "size-3.5" })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ToolbarButton,
+      {
+        onClick: () => editor.chain().focus().toggleOrderedList().run(),
+        active: editor.isActive("orderedList"),
+        label: "Ordered list",
+        children: /* @__PURE__ */ jsx(ListOrdered, { className: "size-3.5" })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ToolbarButton,
+      {
+        onClick: () => editor.chain().focus().toggleBlockquote().run(),
+        active: editor.isActive("blockquote"),
+        label: "Quote",
+        children: /* @__PURE__ */ jsx(Quote, { className: "size-3.5" })
+      }
+    ),
+    /* @__PURE__ */ jsx(Separator4, { orientation: "vertical", className: "mx-1 h-5" }),
+    /* @__PURE__ */ jsx(
+      ToolbarButton,
+      {
+        onClick: () => editor.chain().focus().undo().run(),
+        disabled: !editor.can().undo(),
+        label: "Undo",
+        children: /* @__PURE__ */ jsx(Undo2, { className: "size-3.5" })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ToolbarButton,
+      {
+        onClick: () => editor.chain().focus().redo().run(),
+        disabled: !editor.can().redo(),
+        label: "Redo",
+        children: /* @__PURE__ */ jsx(Redo2, { className: "size-3.5" })
+      }
+    )
+  ] });
+}
+function ToolbarButton({
+  onClick,
+  active,
+  disabled,
+  label,
+  children
+}) {
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      type: "button",
+      variant: "ghost",
+      size: "xs",
+      "aria-label": label,
+      "aria-pressed": active,
+      disabled,
+      onClick,
+      className: cn("size-6 p-0", active && "bg-muted text-foreground"),
+      children
+    }
+  );
+}
 function ScrollArea({
   className,
   children,
@@ -4819,6 +5011,43 @@ function Slider({
     }
   );
 }
+var defaultLabels = {
+  slug: "Slug",
+  autoGenerated: "Auto-generated from title",
+  placeholder: "enter-slug-here"
+};
+function generateSlug(text) {
+  return text.toLowerCase().replace(/[àáạảãâầấậẩẫăằắặẳẵ]/g, "a").replace(/[èéẹẻẽêềếệểễ]/g, "e").replace(/[ìíịỉĩ]/g, "i").replace(/[òóọỏõôồốộổỗơờớợởỡ]/g, "o").replace(/[ùúụủũưừứựửữ]/g, "u").replace(/[ỳýỵỷỹ]/g, "y").replace(/đ/g, "d").replace(/[^a-z0-9\s-]/g, "").replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "");
+}
+function SlugInput({
+  title,
+  slug,
+  onSlugChange,
+  disabled = false,
+  labels: labelOverrides,
+  error
+}) {
+  const labels = { ...defaultLabels, ...labelOverrides };
+  useEffect(() => {
+    if (!disabled && title) {
+      onSlugChange(generateSlug(title));
+    }
+  }, [title, disabled, onSlugChange]);
+  return /* @__PURE__ */ jsxs("div", { "data-slot": "slug-input", children: [
+    /* @__PURE__ */ jsx(Label3, { children: labels.slug }),
+    /* @__PURE__ */ jsx(
+      Input,
+      {
+        value: slug,
+        onChange: (e) => onSlugChange(e.target.value),
+        placeholder: labels.placeholder,
+        "aria-invalid": error ? true : void 0,
+        className: "h-element-sm mt-1 font-mono text-sm"
+      }
+    ),
+    error ? /* @__PURE__ */ jsx("p", { className: "text-[11px] text-red-500 mt-1", children: error }) : /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-1", children: labels.autoGenerated })
+  ] });
+}
 var Toaster = ({ ...props }) => {
   return /* @__PURE__ */ jsx(
     Toaster$1,
@@ -4837,6 +5066,35 @@ var Toaster = ({ ...props }) => {
 function Spinner({ className, ...props }) {
   return /* @__PURE__ */ jsx(Loader2Icon, { role: "status", "aria-label": "Loading", className: cn("size-4 animate-spin", className), ...props });
 }
+var statusStyles = {
+  draft: "border-transparent bg-muted text-muted-foreground",
+  pending: "border-transparent bg-amber-50 text-amber-700",
+  approved: "border-transparent bg-blue-50 text-blue-700",
+  active: "border-transparent bg-green-50 text-green-700",
+  inactive: "border-transparent bg-muted text-muted-foreground",
+  rejected: "border-transparent bg-red-50 text-red-700",
+  deleted: "border-transparent bg-red-50 text-red-400 line-through",
+  completed: "border-transparent bg-green-50 text-green-700",
+  cancelled: "border-transparent bg-muted text-muted-foreground line-through",
+  hidden: "border-transparent bg-amber-50 text-amber-700",
+  visible: "border-transparent bg-green-50 text-green-700",
+  in_progress: "border-transparent bg-blue-50 text-blue-700",
+  in_transit: "border-transparent bg-blue-50 text-blue-700",
+  pending_approval: "border-transparent bg-amber-50 text-amber-700"
+};
+function StatusBadge({ status, className }) {
+  const style = statusStyles[status] ?? statusStyles.draft;
+  const label = status.replace(/_/g, " ").replace(/\b\w/g, (c) => c.toUpperCase());
+  return /* @__PURE__ */ jsx(
+    Badge,
+    {
+      "data-slot": "status-badge",
+      variant: "outline",
+      className: `h-5 px-1.5 text-xs font-medium ${style} ${className ?? ""}`,
+      children: label
+    }
+  );
+}
 function Switch({
   className,
   ...props
@@ -5022,6 +5280,107 @@ function TabsContent({
     }
   );
 }
+function TagInput({
+  value = [],
+  onChange,
+  placeholder = "Type and press Enter...",
+  className,
+  disabled,
+  maxTags,
+  allowDuplicates = false,
+  delimiter = ",",
+  error
+}) {
+  const [inputValue, setInputValue] = React2.useState("");
+  const inputRef = React2.useRef(null);
+  const handleInputChange = (e) => {
+    setInputValue(e.target.value);
+  };
+  const addTag = (tag) => {
+    const trimmedTag = tag.trim();
+    if (!trimmedTag) return;
+    if (maxTags && value.length >= maxTags) return;
+    if (!allowDuplicates && value.includes(trimmedTag)) return;
+    onChange?.([...value, trimmedTag]);
+    setInputValue("");
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter" || e.key === delimiter) {
+      e.preventDefault();
+      addTag(inputValue);
+    } else if (e.key === "Backspace" && !inputValue && value.length > 0) {
+      onChange?.(value.slice(0, -1));
+    }
+  };
+  const handlePaste = (e) => {
+    e.preventDefault();
+    const pastedText = e.clipboardData.getData("text");
+    const tags = pastedText.split(delimiter).map((tag) => tag.trim()).filter(Boolean);
+    const newTags = allowDuplicates ? tags : tags.filter((tag) => !value.includes(tag));
+    const tagsToAdd = maxTags ? newTags.slice(0, maxTags - value.length) : newTags;
+    onChange?.([...value, ...tagsToAdd]);
+    setInputValue("");
+  };
+  const removeTag = (index) => {
+    onChange?.(value.filter((_, i) => i !== index));
+  };
+  return /* @__PURE__ */ jsxs("div", { "data-slot": "tag-input-wrapper", children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "data-slot": "tag-input",
+        className: cn(
+          "flex flex-wrap gap-2 p-2 border rounded-lg bg-background min-h-[42px] cursor-text",
+          disabled && "opacity-50 cursor-not-allowed bg-muted",
+          error && "border-destructive ring-2 ring-destructive/20",
+          className
+        ),
+        onClick: () => !disabled && inputRef.current?.focus(),
+        children: [
+          value.map((tag, index) => /* @__PURE__ */ jsxs(
+            Badge,
+            {
+              variant: "secondary",
+              className: "gap-1 pl-2 pr-1 py-1 h-auto",
+              children: [
+                /* @__PURE__ */ jsx("span", { children: tag }),
+                !disabled && /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: (e) => {
+                      e.stopPropagation();
+                      removeTag(index);
+                    },
+                    className: "rounded-full hover:bg-muted-foreground/30 p-0.5 transition-colors",
+                    children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3" })
+                  }
+                )
+              ]
+            },
+            index
+          )),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              ref: inputRef,
+              type: "text",
+              value: inputValue,
+              onChange: handleInputChange,
+              onKeyDown: handleKeyDown,
+              onPaste: handlePaste,
+              disabled: disabled || (maxTags ? value.length >= maxTags : false),
+              placeholder: value.length === 0 ? placeholder : "",
+              "aria-invalid": error ? true : void 0,
+              className: "flex-1 outline-none bg-transparent min-w-[120px] text-sm disabled:cursor-not-allowed"
+            }
+          )
+        ]
+      }
+    ),
+    error ? /* @__PURE__ */ jsx("p", { className: "text-[11px] text-red-500 mt-1", children: error }) : null
+  ] });
+}
 var textareaClass = "resize-none border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-input-background px-3 py-2 text-base transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm";
 var Textarea = React2.forwardRef(
   (props, ref) => {
@@ -5288,6 +5647,36 @@ function ToggleGroupItem({
     }
   );
 }
+function TranslatableRichText({
+  value,
+  onChange,
+  errors,
+  className
+}) {
+  const config = useUILocales();
+  if (!config) {
+    const firstKey = Object.keys(value)[0] ?? "";
+    return /* @__PURE__ */ jsx(
+      RichTextEditor,
+      {
+        value: value[firstKey] ?? "",
+        onChange: (html) => onChange({ ...value, [firstKey]: html }),
+        className
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    TranslatableField,
+    {
+      config,
+      value,
+      onChange,
+      errors,
+      className,
+      children: ({ value: localeValue, onChange: localeChange }) => /* @__PURE__ */ jsx(RichTextEditor, { value: localeValue, onChange: localeChange })
+    }
+  );
+}
 function loadSavedTheme() {
   if (typeof window === "undefined") return "system";
   const saved = localStorage.getItem("omnify_theme");
@@ -5366,6 +5755,6 @@ function UIProvider({
   return /* @__PURE__ */ jsx(UIContext.Provider, { value: { theme, setTheme, locale, currentLocale, setLocale, dateFnsLocale, timezone, setTimezone }, children });
 }
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Calendar, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardMedia, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, ColorPicker, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DatePicker, DateRangePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FileUpload, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, FullWidthPageContainer, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Label3 as Label, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MultiCombobox, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, PageContainer, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PasswordInput, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup4 as RadioGroup, RadioGroupItem, Rating, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator4 as Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Spinner, SplitPageContainer, StandardPageContainer, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, TimeInput, TimePicker, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TranslatableField, UIProvider, badgeVariants, buttonVariants, inputVariants, navigationMenuTriggerStyle, resolveTranslatableConfig, toggleVariants, useFormField, useLocale, useSidebar, useTheme, useTimezone, useUILocales };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Calendar, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardMedia, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, ColorPicker, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DatePicker, DateRangePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FileUpload, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, FullWidthPageContainer, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Label3 as Label, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MultiCombobox, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, PageContainer, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PasswordInput, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup4 as RadioGroup, RadioGroupItem, Rating, ResizableHandle, ResizablePanel, ResizablePanelGroup, RichTextEditor, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator4 as Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, SlugInput, Spinner, SplitPageContainer, StandardPageContainer, StatusBadge, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagInput, Textarea, TimeInput, TimePicker, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TranslatableField, TranslatableRichText, UIProvider, badgeVariants, buttonVariants, generateSlug, inputVariants, navigationMenuTriggerStyle, resolveTranslatableConfig, toggleVariants, useFormField, useLocale, useSidebar, useTheme, useTimezone, useUILocales };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map