@pichetch08/trip-ui 0.1.0

package/dist/tag.js

@@ -0,0 +1,158 @@
+"use client";
+import "./chunk-ORMEWXMH.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useRef } from "react";
+const TAG_BG = {
+  primary: "bg-primary-container text-(--on-primary-container)",
+  emerald: "bg-emerald-100 text-emerald-700",
+  amber: "bg-amber-100 text-amber-700",
+  rose: "bg-rose-100 text-rose-700",
+  red: "bg-red-100 text-red-700",
+  violet: "bg-violet-100 text-violet-700",
+  blue: "bg-blue-100 text-blue-700",
+  slate: "bg-surface-container text-on-surface-variant",
+  cyan: "bg-cyan-100 text-cyan-700"
+};
+function Tag({
+  label,
+  onRemove,
+  color = "primary",
+  size = "md",
+  icon,
+  selected = false,
+  onClick
+}) {
+  const sizeClass = size === "sm" ? "px-2 py-0.5 text-xs rounded-md" : "px-3 py-1 text-sm rounded-lg";
+  const colorClass = TAG_BG[color];
+  const selectedClass = selected ? "ring-2 ring-current" : "";
+  const clickableClass = onClick ? "cursor-pointer" : "";
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      onClick,
+      role: onClick ? "button" : void 0,
+      tabIndex: onClick ? 0 : void 0,
+      onKeyDown: onClick ? (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          onClick();
+        }
+      } : void 0,
+      className: `inline-flex items-center gap-1.5 font-medium ${sizeClass} ${colorClass} ${selectedClass} ${clickableClass}`,
+      children: [
+        icon && /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: `material-symbols-outlined ${size === "sm" ? "text-xs" : "text-sm"}`,
+            "aria-hidden": "true",
+            children: icon
+          }
+        ),
+        label,
+        onRemove && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: (e) => {
+              e.stopPropagation();
+              onRemove();
+            },
+            "aria-label": `Remove ${label}`,
+            className: "ml-0.5 rounded hover:bg-black/10 transition-colors p-0.5",
+            children: /* @__PURE__ */ jsx("span", { className: `material-symbols-outlined ${size === "sm" ? "text-xs" : "text-sm"} leading-none`, children: "close" })
+          }
+        )
+      ]
+    }
+  );
+}
+function TagGroup({
+  value,
+  onChange,
+  placeholder = "Add a tag...",
+  label,
+  maxTags
+}) {
+  const [inputValue, setInputValue] = useState("");
+  const inputRef = useRef(null);
+  const inputId = label ? `tag-group-${label.replace(/\s+/g, "-").toLowerCase()}` : void 0;
+  function addTag(raw) {
+    const trimmed = raw.trim();
+    if (!trimmed) return;
+    if (maxTags !== void 0 && value.length >= maxTags) return;
+    if (value.includes(trimmed)) return;
+    onChange([...value, trimmed]);
+    setInputValue("");
+  }
+  function removeTag(index) {
+    onChange(value.filter((_, i) => i !== index));
+  }
+  function handleKeyDown(e) {
+    if (e.key === "Enter" || e.key === ",") {
+      e.preventDefault();
+      addTag(inputValue);
+    } else if (e.key === "Backspace" && inputValue === "" && value.length > 0) {
+      removeTag(value.length - 1);
+    }
+  }
+  function handleBlur() {
+    if (inputValue.trim()) {
+      addTag(inputValue);
+    }
+  }
+  const atMax = maxTags !== void 0 && value.length >= maxTags;
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+    label && /* @__PURE__ */ jsx(
+      "label",
+      {
+        htmlFor: inputId,
+        className: "text-xs font-bold text-on-surface-variant uppercase tracking-widest px-1",
+        children: label
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "flex flex-wrap gap-1.5 p-2 bg-surface-container-low border border-transparent rounded-xl focus-within:ring-2 focus-within:ring-primary/20 focus-within:border-primary transition-all min-h-12 cursor-text",
+        onClick: () => {
+          var _a;
+          return (_a = inputRef.current) == null ? void 0 : _a.focus();
+        },
+        children: [
+          value.map((tag, index) => /* @__PURE__ */ jsx(
+            Tag,
+            {
+              label: tag,
+              size: "sm",
+              onRemove: () => removeTag(index)
+            },
+            tag
+          )),
+          !atMax && /* @__PURE__ */ jsx(
+            "input",
+            {
+              ref: inputRef,
+              id: inputId,
+              type: "text",
+              value: inputValue,
+              onChange: (e) => setInputValue(e.target.value),
+              onKeyDown: handleKeyDown,
+              onBlur: handleBlur,
+              placeholder: value.length === 0 ? placeholder : "",
+              className: "flex-1 min-w-24 bg-transparent outline-none text-sm py-1 px-1 placeholder:text-outline/40"
+            }
+          ),
+          atMax && value.length > 0 && /* @__PURE__ */ jsxs("span", { className: "flex-1 min-w-24 text-xs text-on-surface-variant py-1.5 px-1 opacity-60", children: [
+            "Max ",
+            maxTags,
+            " tags"
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+export {
+  Tag,
+  TagGroup
+};

package/dist/time-picker.d.ts

@@ -0,0 +1,19 @@
+interface TimePickerProps {
+    label?: string;
+    value: string;
+    onChange: (value: string) => void;
+    onBlur?: () => void;
+    placeholder?: string;
+    hourLabel?: string;
+    minuteLabel?: string;
+    quickSelectLabel?: string;
+    clearLabel?: string;
+    confirmLabel?: string;
+    required?: boolean;
+    error?: string;
+    icon?: string;
+    name?: string;
+}
+declare function TimePicker({ label, value, onChange, onBlur, placeholder, hourLabel, minuteLabel, quickSelectLabel, clearLabel, confirmLabel, required, error, icon, name, }: TimePickerProps): React.ReactNode;
+
+export { TimePicker };

package/dist/time-picker.js

@@ -0,0 +1,222 @@
+"use client";
+import "./chunk-ORMEWXMH.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useRef, useEffect, useCallback } from "react";
+const QUICK_TIMES = [
+  "06:00",
+  "07:00",
+  "08:00",
+  "09:00",
+  "10:00",
+  "11:00",
+  "12:00",
+  "13:00",
+  "14:00",
+  "15:00",
+  "16:00",
+  "17:00",
+  "18:00",
+  "19:00",
+  "20:00",
+  "21:00"
+];
+function TimePicker({
+  label,
+  value,
+  onChange,
+  onBlur,
+  placeholder = "\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E40\u0E27\u0E25\u0E32",
+  hourLabel = "\u0E0A\u0E31\u0E48\u0E27\u0E42\u0E21\u0E07",
+  minuteLabel = "\u0E19\u0E32\u0E17\u0E35",
+  quickSelectLabel = "\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E40\u0E23\u0E47\u0E27",
+  clearLabel = "\u0E25\u0E49\u0E32\u0E07",
+  confirmLabel = "\u0E15\u0E01\u0E25\u0E07",
+  required,
+  error,
+  icon = "schedule",
+  name
+}) {
+  const [open, setOpen] = useState(false);
+  const containerRef = useRef(null);
+  const hourRef = useRef(null);
+  const minRef = useRef(null);
+  const [hour, setHour] = useState(() => value ? parseInt(value.split(":")[0]) : -1);
+  const [minute, setMinute] = useState(() => value ? parseInt(value.split(":")[1]) : -1);
+  useEffect(() => {
+    if (value && value.includes(":")) {
+      setHour(parseInt(value.split(":")[0]));
+      setMinute(parseInt(value.split(":")[1]));
+    }
+  }, [value]);
+  useEffect(() => {
+    if (!open) return;
+    function handleClick(e) {
+      if (containerRef.current && !containerRef.current.contains(e.target)) {
+        setOpen(false);
+        onBlur == null ? void 0 : onBlur();
+      }
+    }
+    function handleKeyDown(e) {
+      if (e.key === "Escape") {
+        setOpen(false);
+        onBlur == null ? void 0 : onBlur();
+      }
+    }
+    document.addEventListener("mousedown", handleClick);
+    document.addEventListener("keydown", handleKeyDown);
+    return () => {
+      document.removeEventListener("mousedown", handleClick);
+      document.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [open, onBlur]);
+  useEffect(() => {
+    if (!open) return;
+    requestAnimationFrame(() => {
+      if (hourRef.current && hour >= 0) {
+        const el = hourRef.current.querySelector(`[data-hour="${hour}"]`);
+        el == null ? void 0 : el.scrollIntoView({ block: "center" });
+      }
+      if (minRef.current && minute >= 0) {
+        const el = minRef.current.querySelector(`[data-min="${minute}"]`);
+        el == null ? void 0 : el.scrollIntoView({ block: "center" });
+      }
+    });
+  }, [open, hour, minute]);
+  const commit = useCallback((h, m) => {
+    if (h >= 0 && m >= 0) {
+      onChange(`${String(h).padStart(2, "0")}:${String(m).padStart(2, "0")}`);
+    }
+  }, [onChange]);
+  const selectHour = useCallback((h) => {
+    setHour(h);
+    const m = minute >= 0 ? minute : 0;
+    setMinute(m);
+    commit(h, m);
+  }, [minute, commit]);
+  const selectMinute = useCallback((m) => {
+    setMinute(m);
+    const h = hour >= 0 ? hour : 8;
+    setHour(h);
+    commit(h, m);
+  }, [hour, commit]);
+  const selectQuick = useCallback((t) => {
+    const [h, m] = t.split(":").map(Number);
+    setHour(h);
+    setMinute(m);
+    onChange(t);
+    setOpen(false);
+    onBlur == null ? void 0 : onBlur();
+  }, [onChange, onBlur]);
+  const displayValue = hour >= 0 && minute >= 0 ? `${String(hour).padStart(2, "0")}:${String(minute).padStart(2, "0")}` : "";
+  const triggerId = label ? `timepicker-${label.replace(/\s+/g, "-").toLowerCase()}` : void 0;
+  return /* @__PURE__ */ jsxs("div", { className: "relative flex flex-col gap-2", ref: containerRef, children: [
+    name && /* @__PURE__ */ jsx("input", { type: "hidden", name, value }),
+    label && /* @__PURE__ */ jsxs("label", { htmlFor: triggerId, className: "text-xs font-bold text-on-surface-variant uppercase tracking-widest px-1", children: [
+      label,
+      required && /* @__PURE__ */ jsx("span", { className: "text-red-500 ml-0.5", children: "*" })
+    ] }),
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        id: triggerId,
+        type: "button",
+        "aria-expanded": open,
+        "aria-haspopup": "dialog",
+        "aria-required": required,
+        onClick: () => setOpen(!open),
+        className: `relative w-full bg-surface-container-low border rounded-xl py-4 px-6 text-left transition-all font-medium outline-none active:scale-[0.99] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30 ${icon ? "pl-12" : ""} ${open ? "bg-surface ring-2 ring-primary/20 border-primary" : error ? "border-red-400 bg-red-50/30" : "border-transparent hover:border-outline-variant"}`,
+        children: [
+          icon && /* @__PURE__ */ jsx("span", { className: "material-symbols-outlined absolute left-4 top-1/2 -translate-y-1/2 text-on-surface-variant", children: icon }),
+          displayValue ? /* @__PURE__ */ jsx("span", { className: "text-on-surface", children: displayValue }) : /* @__PURE__ */ jsx("span", { className: "text-outline/40", children: placeholder })
+        ]
+      }
+    ),
+    error && /* @__PURE__ */ jsxs("p", { className: "text-xs text-red-500 px-1 flex items-center gap-1", children: [
+      /* @__PURE__ */ jsx("span", { className: "material-symbols-outlined text-sm", children: "error" }),
+      error
+    ] }),
+    open && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "absolute top-full mt-1 z-50 bg-surface rounded-2xl shadow-2xl border border-outline-variant/30 w-75 animate-in fade-in slide-in-from-top-2 duration-150 overflow-hidden",
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex border-b border-outline-variant/20", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex-1 border-r border-outline-variant/20", children: [
+              /* @__PURE__ */ jsx("div", { className: "text-[10px] font-bold text-on-surface-variant uppercase tracking-widest text-center py-2 bg-surface-variant/30", children: hourLabel }),
+              /* @__PURE__ */ jsx("div", { ref: hourRef, className: "h-48 overflow-y-auto scrollbar-hide", children: Array.from({ length: 24 }, (_, i) => /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  "data-hour": i,
+                  onClick: () => selectHour(i),
+                  className: `w-full py-2.5 text-center text-sm font-semibold transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30 ${hour === i ? "bg-primary text-on-primary" : "text-on-surface hover:bg-surface-variant"}`,
+                  children: String(i).padStart(2, "0")
+                },
+                i
+              )) })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+              /* @__PURE__ */ jsx("div", { className: "text-[10px] font-bold text-on-surface-variant uppercase tracking-widest text-center py-2 bg-surface-variant/30", children: minuteLabel }),
+              /* @__PURE__ */ jsx("div", { ref: minRef, className: "h-48 overflow-y-auto scrollbar-hide", children: Array.from({ length: 12 }, (_, i) => i * 5).map((m) => /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  "data-min": m,
+                  onClick: () => selectMinute(m),
+                  className: `w-full py-2.5 text-center text-sm font-semibold transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30 ${minute === m ? "bg-primary text-on-primary" : "text-on-surface hover:bg-surface-variant"}`,
+                  children: String(m).padStart(2, "0")
+                },
+                m
+              )) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "p-3", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-[10px] font-bold text-on-surface-variant uppercase tracking-widest mb-2", children: quickSelectLabel }),
+            /* @__PURE__ */ jsx("div", { className: "grid grid-cols-4 gap-1", children: QUICK_TIMES.map((t) => /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => selectQuick(t),
+                className: `py-1.5 rounded-lg text-xs font-semibold transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30 ${displayValue === t ? "bg-primary text-on-primary" : "bg-surface-variant/40 text-on-surface hover:bg-surface-variant"}`,
+                children: t
+              },
+              t
+            )) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-4 py-3 border-t border-outline-variant/20", children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => {
+                  onChange("");
+                  setHour(-1);
+                  setMinute(-1);
+                  setOpen(false);
+                  onBlur == null ? void 0 : onBlur();
+                },
+                className: "text-xs font-bold text-on-surface-variant hover:text-red-500 transition-colors px-2 py-1 rounded-lg hover:bg-red-50 active:scale-[0.98] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30",
+                children: clearLabel
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => {
+                  setOpen(false);
+                  onBlur == null ? void 0 : onBlur();
+                },
+                className: "text-xs font-bold text-primary hover:bg-primary-container transition-colors px-3 py-1.5 rounded-lg active:scale-[0.98] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30",
+                children: confirmLabel
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+export {
+  TimePicker
+};

package/dist/timeline.d.ts

@@ -0,0 +1,15 @@
+interface TimelineItem {
+    id: string;
+    title: string;
+    description?: string;
+    timestamp?: string;
+    icon?: string;
+    color?: "primary" | "emerald" | "amber" | "red" | "slate";
+}
+interface TimelineProps {
+    items: TimelineItem[];
+    className?: string;
+}
+declare function Timeline({ items, className }: TimelineProps): React.ReactNode;
+
+export { Timeline, type TimelineItem };

package/dist/timeline.js

@@ -0,0 +1,49 @@
+import "./chunk-ORMEWXMH.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+const colorClasses = {
+  primary: "bg-primary/10 text-primary",
+  emerald: "bg-emerald-100 text-emerald-600",
+  amber: "bg-amber-100 text-amber-600",
+  red: "bg-red-100 text-red-600",
+  slate: "bg-surface-container text-on-surface-variant"
+};
+function Timeline({ items, className = "" }) {
+  return /* @__PURE__ */ jsxs("div", { className: `relative ${className}`, children: [
+    items.length > 1 && /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "absolute w-0.5 bg-outline-variant/30",
+        style: { left: "15px", top: "16px", bottom: "16px" }
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: "space-y-6", children: items.map((item) => {
+      var _a, _b;
+      const icon = (_a = item.icon) != null ? _a : "radio_button_checked";
+      const color = (_b = item.color) != null ? _b : "primary";
+      return /* @__PURE__ */ jsxs("div", { className: "flex gap-4 relative", children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: `w-8 h-8 rounded-full flex items-center justify-center shrink-0 z-10 ${colorClasses[color]}`,
+            children: /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: "material-symbols-outlined",
+                style: { fontSize: "16px" },
+                children: icon
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0 pt-0.5", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold text-on-surface", children: item.title }),
+          item.description && /* @__PURE__ */ jsx("p", { className: "text-sm text-on-surface-variant mt-0.5", children: item.description }),
+          item.timestamp && /* @__PURE__ */ jsx("p", { className: "text-xs text-on-surface-variant mt-1", children: item.timestamp })
+        ] })
+      ] }, item.id);
+    }) })
+  ] });
+}
+export {
+  Timeline
+};

package/dist/toast.d.ts

@@ -0,0 +1,18 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface ToastContextValue {
+    toast: {
+        success: (message: string, duration?: number) => void;
+        error: (message: string, duration?: number) => void;
+        warning: (message: string, duration?: number) => void;
+        info: (message: string, duration?: number) => void;
+    };
+}
+declare function ToastProvider({ children, dismissLabel, regionLabel, }: {
+    children: React.ReactNode;
+    dismissLabel?: string;
+    regionLabel?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function useToast(): ToastContextValue;
+
+export { ToastProvider, useToast };

package/dist/toast.js

@@ -0,0 +1,108 @@
+"use client";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-ORMEWXMH.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useMemo, useState, useRef } from "react";
+const ToastContext = createContext(null);
+const ICON_MAP = {
+  success: "check_circle",
+  error: "error",
+  warning: "warning",
+  info: "info"
+};
+const COLOR_MAP = {
+  success: "bg-emerald-50 border-emerald-200 text-emerald-800",
+  error: "bg-red-50 border-red-200 text-red-800",
+  warning: "bg-amber-50 border-amber-200 text-amber-800",
+  info: "bg-blue-50 border-blue-200 text-blue-800"
+};
+const ICON_COLOR_MAP = {
+  success: "text-emerald-500",
+  error: "text-red-500",
+  warning: "text-amber-500",
+  info: "text-blue-500"
+};
+function ToastItemUI({ item, onDismiss, dismissLabel }) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `flex items-center gap-3 px-4 py-3 rounded-xl border shadow-lg backdrop-blur-sm max-w-sm w-full transition-[opacity,transform] duration-300 ${COLOR_MAP[item.type]} ${item.leaving ? "opacity-0 translate-x-8" : "opacity-100 translate-x-0"}`,
+      style: { animation: item.leaving ? void 0 : "slideInRight 0.3s ease-out" },
+      children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: `material-symbols-outlined text-xl shrink-0 ${ICON_COLOR_MAP[item.type]}`,
+            style: { fontVariationSettings: "'FILL' 1" },
+            children: ICON_MAP[item.type]
+          }
+        ),
+        /* @__PURE__ */ jsx("p", { className: "text-sm font-medium flex-1 leading-relaxed", children: item.message }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => onDismiss(item.id),
+            "aria-label": dismissLabel,
+            className: "shrink-0 p-0.5 rounded hover:bg-black/5 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary",
+            children: /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "material-symbols-outlined text-base opacity-50", children: "close" })
+          }
+        )
+      ]
+    }
+  );
+}
+function ToastProvider({
+  children,
+  dismissLabel = "\u0E1B\u0E34\u0E14",
+  regionLabel = "\u0E01\u0E32\u0E23\u0E41\u0E08\u0E49\u0E07\u0E40\u0E15\u0E37\u0E2D\u0E19"
+}) {
+  const [toasts, setToasts] = useState([]);
+  const counterRef = useRef(0);
+  const dismiss = useCallback((id) => {
+    setToasts((prev) => prev.map((t) => t.id === id ? __spreadProps(__spreadValues({}, t), { leaving: true }) : t));
+    setTimeout(() => {
+      setToasts((prev) => prev.filter((t) => t.id !== id));
+    }, 300);
+  }, []);
+  const addToast = useCallback(
+    (type, message, duration = 4e3) => {
+      const id = `toast-${++counterRef.current}`;
+      setToasts((prev) => [...prev.slice(-4), { id, type, message, duration }]);
+      setTimeout(() => dismiss(id), duration);
+    },
+    [dismiss]
+  );
+  const toast = useMemo(() => ({
+    success: (msg, dur) => addToast("success", msg, dur),
+    error: (msg, dur) => addToast("error", msg, dur),
+    warning: (msg, dur) => addToast("warning", msg, dur),
+    info: (msg, dur) => addToast("info", msg, dur)
+  }), [addToast]);
+  return /* @__PURE__ */ jsxs(ToastContext.Provider, { value: { toast }, children: [
+    children,
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        role: "region",
+        "aria-live": "polite",
+        "aria-atomic": "false",
+        "aria-label": regionLabel,
+        className: "fixed top-4 right-4 z-[100] flex flex-col gap-2 pointer-events-none",
+        children: toasts.map((item) => /* @__PURE__ */ jsx("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx(ToastItemUI, { item, onDismiss: dismiss, dismissLabel }) }, item.id))
+      }
+    )
+  ] });
+}
+function useToast() {
+  const ctx = useContext(ToastContext);
+  if (!ctx) throw new Error("useToast must be used inside ToastProvider");
+  return ctx;
+}
+export {
+  ToastProvider,
+  useToast
+};

package/dist/toggle-switch.d.ts

@@ -0,0 +1,12 @@
+interface ToggleSwitchProps {
+    checked: boolean;
+    onChange: (next: boolean) => void;
+    disabled?: boolean;
+    size?: "sm" | "md";
+    ariaLabel?: string;
+    name?: string;
+    required?: boolean;
+}
+declare function ToggleSwitch({ checked, onChange, disabled, size, ariaLabel, name, required, }: ToggleSwitchProps): React.ReactNode;
+
+export { ToggleSwitch };

package/dist/toggle-switch.js

@@ -0,0 +1,34 @@
+"use client";
+import "./chunk-ORMEWXMH.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function ToggleSwitch({
+  checked,
+  onChange,
+  disabled = false,
+  size = "md",
+  ariaLabel,
+  name,
+  required = false
+}) {
+  const dims = size === "sm" ? { track: "h-5 w-9", thumb: "h-4 w-4", on: "translate-x-4", off: "translate-x-0.5" } : { track: "h-6 w-11", thumb: "h-5 w-5", on: "translate-x-5", off: "translate-x-0.5" };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    name && /* @__PURE__ */ jsx("input", { type: "hidden", name, value: checked ? "1" : "0", required }),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        role: "switch",
+        "aria-checked": checked,
+        "aria-label": ariaLabel,
+        "aria-required": required,
+        disabled,
+        onClick: () => onChange(!checked),
+        className: `relative inline-flex ${dims.track} items-center rounded-full transition-colors shrink-0 disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30 focus-visible:ring-offset-2 ${checked ? "bg-primary" : "bg-outline"}`,
+        children: /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: `inline-block ${dims.thumb} transform rounded-full bg-white shadow-sm transition-transform ${checked ? dims.on : dims.off}` })
+      }
+    )
+  ] });
+}
+export {
+  ToggleSwitch
+};

package/dist/tooltip.d.ts

@@ -0,0 +1,9 @@
+interface TooltipProps {
+    content: React.ReactNode;
+    children: React.ReactElement;
+    placement?: "top" | "bottom" | "left" | "right";
+    delay?: number;
+}
+declare function Tooltip({ content, children, placement, delay, }: TooltipProps): React.ReactNode;
+
+export { Tooltip };