@godxjp/ui 13.9.3 → 13.11.0

package/dist/components/ui/index.js

@@ -1,47 +1,50 @@
-export { Avatar, AvatarFallback, AvatarImage } from '../../chunk-QTUJSRDH.js';
-export { Card, CardAction, CardContent, CardCover, CardDescription, CardFooter, CardHeader, CardTitle, StatCard } from '../../chunk-QVBOICFU.js';
-export { Carousel, CarouselContent, CarouselDots, CarouselItem, CarouselNext, CarouselPrevious, useCarousel } from '../../chunk-NZBAFFWP.js';
-export { PasswordStrength, Toggle, ToggleGroup, ToggleGroupItem, toggleVariants, usePasswordStrength } from '../../chunk-VSUYVT2Q.js';
-export { Radio, RadioGroupOptions as RadioGroup, RadioGroupRoot, RadioItem } from '../../chunk-S2IJKT3D.js';
-export { Switch } from '../../chunk-I7NQ2LIL.js';
-export { Textarea } from '../../chunk-Q3KUZG4P.js';
-export { TimeInput } from '../../chunk-R2TXLS7S.js';
-export { TimePicker } from '../../chunk-65RWSIZF.js';
-export { ColorPicker } from '../../chunk-ION2KFXK.js';
-export { DatePicker } from '../../chunk-3VFNWVR7.js';
-export { DateRangePicker } from '../../chunk-YXVJFYQE.js';
-export { Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger } from '../../chunk-5LTW2LWF.js';
-export { Calendar } from '../../chunk-NU2SOVTU.js';
-export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarItem, MenubarLabel, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger } from '../../chunk-B73NA66T.js';
-export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport } from '../../chunk-WGWI7EGL.js';
-export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from '../../chunk-3JORZPS7.js';
-export { Tabs, TabsContent, TabsList, TabsTrigger } from '../../chunk-V3N266PT.js';
-export { AspectRatio, Separator } from '../../chunk-XK3M3VRR.js';
-export { ResizableHandle, ResizablePanel, ResizablePanelGroup } from '../../chunk-W4REF4TD.js';
-export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger } from '../../chunk-HL3G4SVG.js';
-export { Upload, collectUploadCommitActions, createUploadItem, useUploadDraft } from '../../chunk-OO5DZH45.js';
-export { Slider } from '../../chunk-TBJBVEIP.js';
-export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from '../../chunk-LMKUKCTN.js';
-export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from '../../chunk-6S2ZU26B.js';
-export { Skeleton } from '../../chunk-2BR7KFCP.js';
-export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../../chunk-32WO3YLB.js';
-export { Alert, AlertActions, AlertBase, AlertContent, AlertDescription, AlertQueryError, AlertTitle } from '../../chunk-D4JX6O2W.js';
-import '../../chunk-X6AJ5HEI.js';
-export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Dialog, DialogAction, DialogBody, DialogCancel, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogRoot, DialogTitle, DialogTrigger } from '../../chunk-RZ32HY5E.js';
-export { Input } from '../../chunk-K24AQV4R.js';
-import '../../chunk-VU4GFGDG.js';
-export { Toaster } from '../../chunk-TO7URV7U.js';
-export { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from '../../chunk-2RGPEFAW.js';
-export { Checkbox } from '../../chunk-BE6GJGKJ.js';
-import '../../chunk-44YRPSZ7.js';
-import '../../chunk-INIIF7F7.js';
-export { Button, buttonVariants } from '../../chunk-XBFUROAY.js';
-export { Badge } from '../../chunk-HIEGUYPP.js';
-export { Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger } from '../../chunk-DY5C44UP.js';
-export { ScrollArea, ScrollBar } from '../../chunk-J2DEWIYY.js';
-export { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '../../chunk-IJ5ALJGA.js';
-import '../../chunk-B4K4BXEF.js';
-export { Label } from '../../chunk-7PWBC4BY.js';
-import '../../chunk-B6S6LTWT.js';
-import '../../chunk-5732TWQF.js';
-import '../../chunk-U7N2A7A3.js';
+export * from "./alert";
+export * from "./alert-dialog";
+export * from "./aspect-ratio";
+export * from "./avatar";
+export * from "./badge";
+export * from "./button";
+export * from "./calendar";
+export * from "./carousel";
+export * from "./card";
+export * from "./checkbox";
+export * from "./color-picker";
+export * from "./command";
+export * from "./context-menu";
+export * from "./menubar";
+export * from "./navigation-menu";
+export * from "./resizable";
+export * from "./date-picker";
+export * from "./date-range-picker";
+export * from "./dialog";
+import { Separator } from "./separator";
+import { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from "../feedback/tooltip";
+export * from "./dropdown-menu";
+export * from "./input";
+export * from "./time-input";
+export * from "./label";
+export * from "./pagination";
+export * from "./password-strength";
+export * from "./popover";
+export * from "./radio";
+export * from "./scroll-area";
+export * from "./select";
+export * from "./sheet";
+export * from "./slider";
+export * from "./skeleton";
+export * from "./sonner";
+export * from "./switch";
+export * from "./table";
+export * from "./tabs";
+export * from "./textarea";
+export * from "./time-picker";
+export * from "./toggle";
+export * from "./toggle-group";
+export * from "./upload";
+export {
+  Separator,
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger
+};

package/dist/components/ui/input-otp.d.ts

@@ -0,0 +1,33 @@
+import * as React from "react";
+export declare const InputOTP: React.ForwardRefExoticComponent<(Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
+    value?: string;
+    onChange?: (newValue: string) => unknown;
+    maxLength: number;
+    textAlign?: "left" | "center" | "right";
+    onComplete?: (...args: any[]) => unknown;
+    pushPasswordManagerStrategy?: "increase-width" | "none";
+    pasteTransformer?: (pasted: string) => string;
+    containerClassName?: string;
+    noScriptCSSFallback?: string | null;
+} & {
+    render: (props: import("input-otp").RenderProps) => React.ReactNode;
+    children?: never;
+} & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
+    value?: string;
+    onChange?: (newValue: string) => unknown;
+    maxLength: number;
+    textAlign?: "left" | "center" | "right";
+    onComplete?: (...args: any[]) => unknown;
+    pushPasswordManagerStrategy?: "increase-width" | "none";
+    pasteTransformer?: (pasted: string) => string;
+    containerClassName?: string;
+    noScriptCSSFallback?: string | null;
+} & {
+    render?: never;
+    children: React.ReactNode;
+} & React.RefAttributes<HTMLInputElement>, "ref">) & React.RefAttributes<HTMLInputElement>>;
+export declare const InputOTPGroup: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export declare const InputOTPSlot: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    index: number;
+} & React.RefAttributes<HTMLDivElement>>;
+export declare const InputOTPSeparator: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/ui/input-otp.js

@@ -0,0 +1,55 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { OTPInput, OTPInputContext } from "input-otp";
+import { Minus } from "lucide-react";
+import { cn } from "../../lib/utils";
+const InputOTP = React.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsx(
+  OTPInput,
+  {
+    ref,
+    "data-slot": "input-otp",
+    containerClassName: cn("ui-otp-container", containerClassName),
+    className: cn("ui-otp-input", className),
+    ...props
+  }
+));
+InputOTP.displayName = "InputOTP";
+const InputOTPGroup = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "input-otp-group",
+      className: cn("ui-otp-group", className),
+      ...props
+    }
+  )
+);
+InputOTPGroup.displayName = "InputOTPGroup";
+const InputOTPSlot = React.forwardRef(({ index, className, ...props }, ref) => {
+  const context = React.useContext(OTPInputContext);
+  const slot = context.slots[index] ?? { char: null, hasFakeCaret: false, isActive: false };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      "data-slot": "input-otp-slot",
+      "data-active": slot.isActive || void 0,
+      className: cn("ui-otp-slot", className),
+      ...props,
+      children: [
+        slot.char,
+        slot.hasFakeCaret ? /* @__PURE__ */ jsx("div", { className: "ui-otp-caret-wrapper", "aria-hidden": "true", children: /* @__PURE__ */ jsx("div", { className: "ui-otp-caret" }) }) : null
+      ]
+    }
+  );
+});
+InputOTPSlot.displayName = "InputOTPSlot";
+const InputOTPSeparator = React.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ jsx(Minus, { className: "ui-otp-separator-icon", "aria-hidden": "true" }) }));
+InputOTPSeparator.displayName = "InputOTPSeparator";
+export {
+  InputOTP,
+  InputOTPGroup,
+  InputOTPSeparator,
+  InputOTPSlot
+};

package/dist/components/ui/input.d.ts

@@ -0,0 +1 @@
+export * from "../data-entry/input";

package/dist/components/ui/input.js

@@ -0,0 +1 @@
+export * from "../data-entry/input";

package/dist/components/ui/label.d.ts

@@ -0,0 +1 @@
+export * from "../data-entry/label";

package/dist/components/ui/label.js

@@ -0,0 +1 @@
+export * from "../data-entry/label";

package/dist/components/ui/menubar.d.ts

@@ -0,0 +1 @@
+export * from "../navigation/menubar";

package/dist/components/ui/menubar.js

@@ -0,0 +1 @@
+export * from "../navigation/menubar";

package/dist/components/ui/navigation-menu.d.ts

@@ -0,0 +1 @@
+export * from "../navigation/navigation-menu";

package/dist/components/ui/navigation-menu.js

@@ -0,0 +1 @@
+export * from "../navigation/navigation-menu";

package/dist/components/ui/pagination.d.ts

@@ -0,0 +1 @@
+export * from "../navigation/pagination";

package/dist/components/ui/pagination.js

@@ -0,0 +1 @@
+export * from "../navigation/pagination";

package/dist/components/ui/password-input.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import { Input } from "../data-entry/input";
+export type PasswordInputProps = Omit<React.ComponentPropsWithoutRef<typeof Input>, "type">;
+export declare const PasswordInput: React.ForwardRefExoticComponent<PasswordInputProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/ui/password-input.js

@@ -0,0 +1,38 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Eye, EyeOff } from "lucide-react";
+import { useTranslation } from "../../i18n/use-translation";
+import { cn } from "../../lib/utils";
+import { Input } from "../data-entry/input";
+const PasswordInput = React.forwardRef(
+  ({ className, ...props }, ref) => {
+    const { t } = useTranslation();
+    const [visible, setVisible] = React.useState(false);
+    return /* @__PURE__ */ jsxs("div", { className: "ui-password-input", "data-slot": "password-input", children: [
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          ref,
+          type: visible ? "text" : "password",
+          className: cn("ui-password-input-field", className),
+          ...props
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: "ui-password-input-toggle",
+          onClick: () => setVisible((v) => !v),
+          "aria-label": visible ? t("ui.passwordInput.hide") : t("ui.passwordInput.show"),
+          "aria-pressed": visible,
+          children: visible ? /* @__PURE__ */ jsx(EyeOff, { "aria-hidden": "true" }) : /* @__PURE__ */ jsx(Eye, { "aria-hidden": "true" })
+        }
+      )
+    ] });
+  }
+);
+PasswordInput.displayName = "PasswordInput";
+export {
+  PasswordInput
+};

package/dist/components/ui/password-strength.d.ts

@@ -0,0 +1 @@
+export * from "../data-entry/password-strength";

package/dist/components/ui/password-strength.js

@@ -0,0 +1 @@
+export * from "../data-entry/password-strength";

package/dist/components/ui/popover.d.ts

@@ -0,0 +1 @@
+export * from "../data-display/popover";

package/dist/components/ui/popover.js

@@ -0,0 +1 @@
+export * from "../data-display/popover";

package/dist/components/ui/radio.d.ts

@@ -0,0 +1 @@
+export * from "../data-entry/radio";

package/dist/components/ui/radio.js

@@ -0,0 +1 @@
+export * from "../data-entry/radio";

package/dist/components/ui/rating.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+export type RatingProps = {
+    value?: number;
+    defaultValue?: number;
+    onValueChange?: (value: number) => void;
+    max?: number;
+    readOnly?: boolean;
+    disabled?: boolean;
+    name?: string;
+    className?: string;
+    "aria-label"?: string;
+};
+export declare const Rating: React.ForwardRefExoticComponent<RatingProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/ui/rating.js

@@ -0,0 +1,90 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Star } from "lucide-react";
+import { useTranslation } from "../../i18n/use-translation";
+import { cn } from "../../lib/utils";
+const Rating = React.forwardRef(
+  ({
+    value,
+    defaultValue = 0,
+    onValueChange,
+    max = 5,
+    readOnly,
+    disabled,
+    name,
+    className,
+    ...rest
+  }, ref) => {
+    const { t } = useTranslation();
+    const [internal, setInternal] = React.useState(defaultValue);
+    const current = value ?? internal;
+    const [hover, setHover] = React.useState(null);
+    const display = hover ?? current;
+    const interactive = !readOnly && !disabled;
+    const select = (next) => {
+      if (!interactive) return;
+      if (value === void 0) setInternal(next);
+      onValueChange?.(next);
+    };
+    const focusableStar = current > 0 ? current : 1;
+    const onKeyDown = (e, star) => {
+      if (!interactive) return;
+      let next = null;
+      switch (e.key) {
+        case "ArrowRight":
+        case "ArrowUp":
+          next = Math.min(max, star + 1);
+          break;
+        case "ArrowLeft":
+        case "ArrowDown":
+          next = Math.max(1, star - 1);
+          break;
+        case "Home":
+          next = 1;
+          break;
+        case "End":
+          next = max;
+          break;
+        default:
+          return;
+      }
+      e.preventDefault();
+      select(next);
+    };
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        role: "radiogroup",
+        "data-slot": "rating",
+        className: cn("ui-rating", className),
+        "aria-label": rest["aria-label"] ?? t("ui.rating.ariaLabel"),
+        children: [
+          Array.from({ length: max }, (_, i) => i + 1).map((star) => /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              role: "radio",
+              "aria-checked": current === star,
+              "aria-label": t("ui.rating.starLabel", { star, max }),
+              disabled: disabled || readOnly,
+              tabIndex: interactive && star === focusableStar ? 0 : -1,
+              className: cn("ui-rating-star", star <= display && "ui-rating-star-filled"),
+              onMouseEnter: () => interactive && setHover(star),
+              onMouseLeave: () => setHover(null),
+              onClick: () => select(star),
+              onKeyDown: (e) => onKeyDown(e, star),
+              children: /* @__PURE__ */ jsx(Star, { "aria-hidden": "true" })
+            },
+            star
+          )),
+          name ? /* @__PURE__ */ jsx("input", { type: "hidden", name, value: current }) : null
+        ]
+      }
+    );
+  }
+);
+Rating.displayName = "Rating";
+export {
+  Rating
+};

package/dist/components/ui/resizable.d.ts

@@ -0,0 +1 @@
+export * from "../layout/resizable";

package/dist/components/ui/resizable.js

@@ -0,0 +1 @@
+export * from "../layout/resizable";

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

@@ -0,0 +1 @@
+export * from "../data-display/scroll-area";

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

@@ -0,0 +1 @@
+export * from "../data-display/scroll-area";

package/dist/components/ui/select.d.ts

@@ -0,0 +1 @@
+export * from "../data-entry/select";

package/dist/components/ui/select.js

@@ -0,0 +1 @@
+export * from "../data-entry/select";

package/dist/components/ui/separator.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+export declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/ui/separator.js

@@ -0,0 +1,20 @@
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+import { cn } from "../../lib/utils";
+const Separator = React.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(
+  SeparatorPrimitive.Root,
+  {
+    ref,
+    "data-slot": "separator",
+    "data-orientation": orientation,
+    orientation,
+    decorative,
+    className: cn("ui-separator", className),
+    ...props
+  }
+));
+Separator.displayName = SeparatorPrimitive.Root.displayName;
+export {
+  Separator
+};

package/dist/components/ui/sheet.d.ts

@@ -0,0 +1 @@
+export * from "../feedback/sheet";

package/dist/components/ui/sheet.js

@@ -0,0 +1 @@
+export * from "../feedback/sheet";

package/dist/components/ui/skeleton.d.ts

@@ -0,0 +1 @@
+export { Skeleton } from "../feedback/skeleton";

package/dist/components/ui/skeleton.js

@@ -0,0 +1,4 @@
+import { Skeleton } from "../feedback/skeleton";
+export {
+  Skeleton
+};

package/dist/components/ui/slider.d.ts

@@ -0,0 +1 @@
+export * from "../data-entry/slider";

package/dist/components/ui/slider.js

@@ -0,0 +1 @@
+export * from "../data-entry/slider";

package/dist/components/ui/sonner.d.ts

@@ -0,0 +1 @@
+export * from "../feedback/sonner";

package/dist/components/ui/sonner.js

@@ -0,0 +1 @@
+export * from "../feedback/sonner";

package/dist/components/ui/switch.d.ts

@@ -0,0 +1 @@
+export * from "../data-entry/switch";

package/dist/components/ui/switch.js

@@ -0,0 +1 @@
+export * from "../data-entry/switch";

package/dist/components/ui/table.d.ts

@@ -0,0 +1 @@
+export * from "../data-display/table";

package/dist/components/ui/table.js

@@ -0,0 +1 @@
+export * from "../data-display/table";

package/dist/components/ui/tabs.d.ts

@@ -0,0 +1 @@
+export * from "../navigation/tabs";

package/dist/components/ui/tabs.js

@@ -0,0 +1 @@
+export * from "../navigation/tabs";

package/dist/components/ui/tag-input.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+export type TagInputProps = {
+    value?: string[];
+    defaultValue?: string[];
+    onValueChange?: (tags: string[]) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    name?: string;
+    className?: string;
+    id?: string;
+    "aria-label"?: string;
+};
+export declare const TagInput: React.ForwardRefExoticComponent<TagInputProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/ui/tag-input.js

@@ -0,0 +1,100 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { X } from "lucide-react";
+import { useTranslation } from "../../i18n/use-translation";
+import { cn } from "../../lib/utils";
+const TagInput = React.forwardRef(
+  ({
+    value,
+    defaultValue = [],
+    onValueChange,
+    placeholder,
+    disabled,
+    name,
+    className,
+    id,
+    "aria-label": ariaLabel
+  }, ref) => {
+    const { t } = useTranslation();
+    const [internal, setInternal] = React.useState(defaultValue);
+    const tags = value ?? internal;
+    const [draft, setDraft] = React.useState("");
+    const commit = (next) => {
+      if (value === void 0) setInternal(next);
+      onValueChange?.(next);
+    };
+    const add = (raw) => {
+      const tag = raw.trim();
+      if (!tag || tags.includes(tag)) return;
+      commit([...tags, tag]);
+    };
+    const removeAt = (i) => commit(tags.filter((_, idx) => idx !== i));
+    const onKeyDown = (e) => {
+      if (e.key === "Enter" || e.key === ",") {
+        e.preventDefault();
+        add(draft);
+        setDraft("");
+      } else if (e.key === "Backspace" && draft === "" && tags.length > 0) {
+        removeAt(tags.length - 1);
+      }
+    };
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "data-slot": "tag-input",
+        className: cn("ui-tag-input", disabled && "ui-tag-input-disabled", className),
+        children: [
+          tags.length > 0 ? /* @__PURE__ */ jsx("ul", { role: "list", className: "ui-tag-input-list", "data-slot": "tag-input-list", children: tags.map((tag, i) => /* @__PURE__ */ jsxs(
+            "li",
+            {
+              role: "listitem",
+              className: "ui-tag-input-chip",
+              "data-slot": "tag-input-chip",
+              children: [
+                tag,
+                !disabled ? /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: "ui-tag-input-remove",
+                    "aria-label": t("ui.tagInput.removeTag", { tag }),
+                    onClick: () => removeAt(i),
+                    children: /* @__PURE__ */ jsx(X, { "aria-hidden": "true" })
+                  }
+                ) : null
+              ]
+            },
+            tag
+          )) }) : null,
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              ref,
+              id,
+              type: "text",
+              className: "ui-tag-input-field",
+              value: draft,
+              placeholder: tags.length === 0 ? placeholder : void 0,
+              disabled,
+              "aria-label": ariaLabel ?? t("ui.tagInput.inputLabel"),
+              onChange: (e) => setDraft(e.target.value),
+              onKeyDown,
+              onBlur: () => {
+                if (draft.trim()) {
+                  add(draft);
+                  setDraft("");
+                }
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { "aria-live": "polite", className: "sr-only", "data-slot": "tag-input-status", children: t("ui.tagInput.tagCount", { count: tags.length }) }),
+          name ? /* @__PURE__ */ jsx("input", { type: "hidden", name, value: tags.join(",") }) : null
+        ]
+      }
+    );
+  }
+);
+TagInput.displayName = "TagInput";
+export {
+  TagInput
+};

package/dist/components/ui/textarea.d.ts

@@ -0,0 +1 @@
+export * from "../data-entry/textarea";

package/dist/components/ui/textarea.js

@@ -0,0 +1 @@
+export * from "../data-entry/textarea";

package/dist/components/ui/time-input.d.ts

@@ -0,0 +1 @@
+export * from "../data-entry/time-input";

package/dist/components/ui/time-input.js

@@ -0,0 +1 @@
+export * from "../data-entry/time-input";

package/dist/components/ui/time-picker.d.ts

@@ -0,0 +1 @@
+export * from "../data-entry/time-picker";

package/dist/components/ui/time-picker.js

@@ -0,0 +1 @@
+export * from "../data-entry/time-picker";