@vamos-ui/react 0.3.0 → 0.4.1

package/dist/locales/tr.d.ts

@@ -717,6 +717,7 @@ export declare const tr: {
         thumbs: string;
         empty: string;
         loading: string;
+        marqueePause: string;
     };
     savedViews: {
         label: string;

package/dist/locales/tr.js

@@ -717,6 +717,7 @@ export const tr = {
         thumbs: "Slayt küçük resimleri",
         empty: "Henüz gösterilecek bir şey yok",
         loading: "Slaytlar yükleniyor",
+        marqueePause: "Kaydırmayı duraklat",
     },
     savedViews: {
         label: "Görünümler",

package/dist/media/focal-point.js

@@ -26,7 +26,7 @@ const round = (n) => Math.round(n * 1000) / 1000;
  * <FocalPointPicker src={asset} defaultValue={asset.focalPoint} onValueCommit={(focalPoint) => adapter.update(asset.id, { focalPoint })} />
  * ```
  */
-export const FocalPointPicker = React.forwardRef(function FocalPointPicker({ src, value, defaultValue, onValueChange, onValueCommit, previews = ["1/1", "16/9", "4/5"], maxHeight = "20rem", disabled, labels, className, ...props }, ref) {
+export const FocalPointPicker = /*#__PURE__*/ React.forwardRef(function FocalPointPicker({ src, value, defaultValue, onValueChange, onValueCommit, previews = ["1/1", "16/9", "4/5"], maxHeight = "20rem", disabled, labels, className, ...props }, ref) {
     const t = useLabels("focalPoint", focalLabels, labels);
     const { locale } = useLocale();
     const [point, setPoint] = useControllableState({ value, defaultValue: defaultValue ?? (isMediaAsset(src) ? src.focalPoint : undefined) ?? { x: 0.5, y: 0.5 }, onChange: onValueChange, name: "FocalPointPicker" });

package/dist/media/gallery.js

@@ -25,7 +25,7 @@ const galleryLabels = {
     loading: "Loading images",
     video: "Video",
 };
-export const galleryVariants = cva("vui-gallery @container/gallery min-w-0", {
+export const galleryVariants = /*#__PURE__*/ cva("vui-gallery @container/gallery min-w-0", {
     variants: {
         gap: { sm: "[--gallery-gap:0.375rem]", md: "[--gallery-gap:0.75rem]", lg: "[--gallery-gap:1.25rem]" },
     },

package/dist/media/image-cropper.js

@@ -61,7 +61,7 @@ export function formatAspectRatio(value, locale = "en-US") {
  * <ImageCropper src={asset} defaultAspect={1.91} onChange={(rect) => adapter.update(asset.id, { crops: { ...asset.crops, og: rect } })} />
  * ```
  */
-export const ImageCropper = React.forwardRef(function ImageCropper({ src, value, defaultValue, onChange, aspect: aspectProp, defaultAspect, onAspectChange, presets: presetsProp, shape = "rect", grid = true, minZoom = 1, maxZoom = 4, toolbar = true, transform = true, height = "22rem", labels, className, ...props }, ref) {
+export const ImageCropper = /*#__PURE__*/ React.forwardRef(function ImageCropper({ src, value, defaultValue, onChange, aspect: aspectProp, defaultAspect, onAspectChange, presets: presetsProp, shape = "rect", grid = true, minZoom = 1, maxZoom = 4, toolbar = true, transform = true, height = "22rem", labels, className, ...props }, ref) {
     const t = useLabels("imageCropper", cropperLabels, labels);
     const { locale } = useLocale();
     const url = isMediaAsset(src) ? src.url : src;

package/dist/media/image-field.js

@@ -54,7 +54,7 @@ const fieldLabels = {
     pickerTitle: "Select image",
     pickerConfirm: "Use image",
 };
-export const imageFieldVariants = cva("vui-image-field group/imgfield relative grid min-w-0 gap-2", {
+export const imageFieldVariants = /*#__PURE__*/ cva("vui-image-field group/imgfield relative grid min-w-0 gap-2", {
     variants: {
         size: { sm: "w-24", md: "w-full max-w-[22rem]", full: "w-full" },
         layout: { stacked: "", inline: "grid-cols-[auto_minmax(0,1fr)] items-start gap-x-4" },
@@ -75,7 +75,7 @@ const ratioOf = (aspect, a) => aspectRatioOf(aspect ?? "auto", a?.width, a?.heig
  * </Field>
  * ```
  */
-export const ImageField = React.forwardRef(function ImageField(props, ref) {
+export const ImageField = /*#__PURE__*/ React.forwardRef(function ImageField(props, ref) {
     const { value: valueProp, defaultValue, onChange, adapter: adapterProp, aspect: aspectProp, cropPresets, recommended, shape = "rect", size = "md", layout = "stacked", focal: focalEnabled = shape !== "round", crop: cropMode = true, requireAlt = false, accept = "image/*", name, className, labels, } = props;
     const control = useFieldControl({ id: props.id, "aria-describedby": props["aria-describedby"], disabled: props.disabled, readOnly: props.readOnly, required: props.required, "aria-invalid": props.invalid || undefined });
     const disabled = Boolean(control.disabled);

package/dist/media/lightbox.js

@@ -1,7 +1,8 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from "react";
-import { Dialog as DialogPrimitive, Slot } from "radix-ui";
+import * as DialogPrimitive from "radix-ui/dialog";
+import * as Slot from "radix-ui/slot";
 import { Download, ImageOff, Info, X, ZoomIn, ZoomOut } from "lucide-react";
 import { cn } from "../lib/cn.js";
 import { useLabels } from "../lib/labels.js";
@@ -38,7 +39,7 @@ const lightboxLabels = {
     noAlt: "Missing alt text",
     decorative: "Decorative (no alt text)",
 };
-const LightboxContext = React.createContext(null);
+const LightboxContext = /*#__PURE__*/ React.createContext(null);
 /** Open / close the surrounding `Lightbox` from custom triggers. */
 export function useLightbox() {
     const ctx = React.useContext(LightboxContext);
@@ -75,7 +76,7 @@ export function Lightbox({ items, open: openProp, defaultOpen = false, onOpenCha
     return (_jsxs(LightboxContext.Provider, { value: ctx, children: [children, _jsx(DialogPrimitive.Root, { open: open, onOpenChange: setOpen, children: _jsx(LightboxViewer, { items: items, index: Math.min(Math.max(0, index), Math.max(0, items.length - 1)), setIndex: setIndex, zoom: zoom, thumbnails: thumbnails ?? items.length > 1, download: download, info: info, loop: loop, backdrop: backdrop, chrome: chrome, labels: labels, returnFocus: returnFocus }) })] }));
 }
 /** Opens the surrounding Lightbox at `index`. Renders a button (or the child with `asChild`). */
-export const LightboxTrigger = React.forwardRef(function LightboxTrigger({ index, asChild, onClick, className, type, ...props }, ref) {
+export const LightboxTrigger = /*#__PURE__*/ React.forwardRef(function LightboxTrigger({ index, asChild, onClick, className, type, ...props }, ref) {
     const lb = useLightbox();
     const Comp = asChild ? Slot.Root : "button";
     return (_jsx(Comp, { ref: ref, type: asChild ? undefined : type ?? "button", "data-slot": "lightbox-trigger", "aria-haspopup": "dialog", className: cn(!asChild && "focus-ring block cursor-zoom-in rounded-[inherit]", className), onClick: (e) => {

package/dist/media/link-preview.js

@@ -85,7 +85,7 @@ function highlight(text, term, locale) {
  * How a page appears in a search result on desktop or mobile, with pixel-accurate truncation
  * (`measureSerp`) and keyword bolding.
  */
-export const SearchPreview = React.forwardRef(function SearchPreview({ data, device = "desktop", highlight: term, appearance = "auto", size = "md", labels, className, ...props }, ref) {
+export const SearchPreview = /*#__PURE__*/ React.forwardRef(function SearchPreview({ data, device = "desktop", highlight: term, appearance = "auto", size = "md", labels, className, ...props }, ref) {
     const t = useLabels("linkPreview", previewLabels, labels);
     const { locale } = useLocale();
     const { host, path } = parseUrl(data.url);
@@ -103,7 +103,7 @@ export const SearchPreview = React.forwardRef(function SearchPreview({ data, dev
 const TARGET_RATIO = { facebook: 1.91, linkedin: 1.91, x: 1.91, whatsapp: 1.91, slack: 1.91 };
 const MIN_SIZE = { width: 1200, height: 630 };
 /** How a shared link unfurls on Facebook, LinkedIn, X, WhatsApp or Slack, with image warnings. */
-export const SocialCardPreview = React.forwardRef(function SocialCardPreview({ data, platform, appearance = "auto", size = "md", hideWarnings, labels, className, ...props }, ref) {
+export const SocialCardPreview = /*#__PURE__*/ React.forwardRef(function SocialCardPreview({ data, platform, appearance = "auto", size = "md", hideWarnings, labels, className, ...props }, ref) {
     const t = useLabels("linkPreview", previewLabels, labels);
     const { locale } = useLocale();
     const { host } = parseUrl(data.url);
@@ -149,7 +149,7 @@ export const SocialCardPreview = React.forwardRef(function SocialCardPreview({ d
  * Characters (graphemes) and, for SEO fields, rendered pixels against the limit, said in words
  * too ("58 of 60 characters, 540 of 600 px: good"), never by colour alone.
  */
-export const LengthMeter = React.forwardRef(function LengthMeter({ value, max: maxProp, min: minProp, field, device = "desktop", label, labels, className, ...props }, ref) {
+export const LengthMeter = /*#__PURE__*/ React.forwardRef(function LengthMeter({ value, max: maxProp, min: minProp, field, device = "desktop", label, labels, className, ...props }, ref) {
     const t = useLabels("linkPreview", previewLabels, labels);
     const { locale } = useLocale();
     const nf = new Intl.NumberFormat(locale);

package/dist/media/media-library.js

@@ -167,7 +167,7 @@ export function MediaThumb({ asset, className, rounded = "ui" }) {
 }
 const dimensions = (a, nf) => (a.width && a.height ? `${nf.format(a.width)} × ${nf.format(a.height)}` : "—");
 /** Per-file progress with cancel, retry and the reason a file failed; a polite live summary. */
-export const MediaUploadQueue = React.forwardRef(function MediaUploadQueue({ queue, variant = "inline", labels, className, ...props }, ref) {
+export const MediaUploadQueue = /*#__PURE__*/ React.forwardRef(function MediaUploadQueue({ queue, variant = "inline", labels, className, ...props }, ref) {
     const t = useLabels("mediaUploadQueue", queueLabels, labels);
     const f = useFormat();
     if (!queue.items.length)
@@ -186,7 +186,7 @@ function MediaUploadRow({ item, queue, t }) {
  * Preview, editable metadata with autosave (alt text, decorative, title, caption, description),
  * focal point, file info, usage and actions. The body of the library's details panel.
  */
-export const MediaDetails = React.forwardRef(function MediaDetails({ asset, adapter: adapterProp, onChange, onDelete, onClose, readOnly: readOnlyProp, autosaveDelay = 700, labels, className, ...props }, ref) {
+export const MediaDetails = /*#__PURE__*/ React.forwardRef(function MediaDetails({ asset, adapter: adapterProp, onChange, onDelete, onClose, readOnly: readOnlyProp, autosaveDelay = 700, labels, className, ...props }, ref) {
     const t = useLabels("mediaDetails", detailsLabels, labels);
     const f = useFormat();
     const { locale } = useLocale();
@@ -310,7 +310,7 @@ const GRID_GAP = 12;
  * Keyboard (grid): arrows move, Space selects, Shift + arrows extends, Ctrl/⌘ + A selects all,
  * Enter opens details, Delete asks to delete, Esc clears the selection.
  */
-export const MediaLibrary = React.forwardRef(function MediaLibrary({ adapter: adapterProp, view: viewProp, defaultView = "grid", onViewChange, query: queryProp, defaultQuery, onQueryChange, selection = "multiple", selected: selectedProp, defaultSelected, onSelectedChange, accept, max, detailsPanel = "side", folders: foldersMode, pageSize = 60, tileSize = "md", height = "34rem", virtualizeAfter = 120, readOnly: readOnlyProp, selectUploaded = false, maxDimension, emptyState, searchRef, toolbar = true, onDeleted, handleRef, labels, queueLabels: queueLabelsProp, detailsLabels: detailsLabelsProp, className, ...props }, ref) {
+export const MediaLibrary = /*#__PURE__*/ React.forwardRef(function MediaLibrary({ adapter: adapterProp, view: viewProp, defaultView = "grid", onViewChange, query: queryProp, defaultQuery, onQueryChange, selection = "multiple", selected: selectedProp, defaultSelected, onSelectedChange, accept, max, detailsPanel = "side", folders: foldersMode, pageSize = 60, tileSize = "md", height = "34rem", virtualizeAfter = 120, readOnly: readOnlyProp, selectUploaded = false, maxDimension, emptyState, searchRef, toolbar = true, onDeleted, handleRef, labels, queueLabels: queueLabelsProp, detailsLabels: detailsLabelsProp, className, ...props }, ref) {
     const t = useLabels("mediaLibrary", libraryLabels, labels);
     const tq = useLabels("mediaUploadQueue", queueLabels, queueLabelsProp);
     const f = useFormat();
@@ -717,7 +717,7 @@ export const MediaLibrary = React.forwardRef(function MediaLibrary({ adapter: ad
         const isSel = selected.includes(a.id);
         const disabled = isDisabled(a);
         const missing = isAltMissing(a);
-        return (_jsxs("div", { role: "gridcell", "data-tile": index, "data-slot": "media-tile", "data-selected": isSel ? "" : undefined, "data-active": activeId === a.id ? "" : undefined, "aria-selected": selection === "none" ? undefined : isSel, "aria-disabled": disabled || undefined, "aria-label": [a.filename, missing ? t("missingAlt") : null, a.status === "processing" ? t("processing") : a.status === "failed" ? t("failed") : null].filter(Boolean).join(", "), tabIndex: index === focusIndex ? 0 : -1, onClick: (e) => onTileClick(e, index), onDoubleClick: () => detailsPanel && openDetails(a), onFocus: () => setFocusIndex(index), className: cn("vui-media-tile group/tile focus-ring relative grid min-w-0 cursor-pointer gap-1.5 rounded-ui outline-none", disabled && "cursor-not-allowed opacity-45"), children: [_jsxs("div", { className: "vui-media-tile-frame relative overflow-hidden rounded-ui bg-surface-2", children: [_jsx(MediaThumb, { asset: a, rounded: "none" }), a.kind === "video" && a.duration ? _jsx("span", { className: "tabular absolute end-1.5 bottom-1.5 rounded-sm bg-[color-mix(in_srgb,var(--scene)_82%,transparent)] px-1.5 py-0.5 text-[10.5px] font-medium text-fg", children: f.duration(a.duration) }) : null, a.status === "failed" ? _jsx(Badge, { tone: "danger", className: "absolute start-1.5 top-1.5", children: t("failed") }) : null, missing ? _jsx("span", { "aria-hidden": true, title: t("missingAlt"), className: "vui-media-alt-dot absolute end-2 top-2 size-2 rounded-full bg-warning" }) : null, selection !== "none" ? (_jsx("span", { "aria-hidden": true, "data-slot": "media-tile-check", className: cn("vui-media-check absolute start-1.5 top-1.5 flex size-5 items-center justify-center rounded-full", isSel ? "bg-accent text-accent-fg" : "border border-[color-mix(in_srgb,var(--fg)_30%,transparent)] bg-[color-mix(in_srgb,var(--scene)_70%,transparent)] text-transparent"), children: _jsx(Check, { className: "size-3", strokeWidth: 3 }) })) : null] }), _jsx("span", { className: cn("truncate px-0.5 text-[12px] leading-tight", isSel ? "text-fg" : "text-fg-muted"), children: a.filename })] }, a.id));
+        return (_jsxs("div", { role: "gridcell", "data-tile": index, "data-slot": "media-tile", "data-selected": isSel ? "" : undefined, "data-active": activeId === a.id ? "" : undefined, "aria-selected": selection === "none" ? undefined : isSel, "aria-disabled": disabled || undefined, "aria-label": [a.filename, a.kind === "video" && a.duration ? f.duration(a.duration) : null, missing ? t("missingAlt") : null, a.status === "processing" ? t("processing") : a.status === "failed" ? t("failed") : null].filter(Boolean).join(", "), tabIndex: index === focusIndex ? 0 : -1, onClick: (e) => onTileClick(e, index), onDoubleClick: () => detailsPanel && openDetails(a), onFocus: () => setFocusIndex(index), className: cn("vui-media-tile group/tile focus-ring relative grid min-w-0 cursor-pointer gap-1.5 rounded-ui outline-none", disabled && "cursor-not-allowed opacity-45"), children: [_jsxs("div", { className: "vui-media-tile-frame relative overflow-hidden rounded-ui bg-surface-2", children: [_jsx(MediaThumb, { asset: a, rounded: "none" }), a.kind === "video" && a.duration ? _jsx("span", { "aria-hidden": true, className: "tabular absolute end-1.5 bottom-1.5 rounded-sm bg-[color-mix(in_srgb,var(--scene)_82%,transparent)] px-1.5 py-0.5 text-[10.5px] font-medium text-fg", children: f.duration(a.duration) }) : null, a.status === "failed" ? _jsx(Badge, { "aria-hidden": true, tone: "danger", className: "absolute start-1.5 top-1.5", children: t("failed") }) : null, missing ? _jsx("span", { "aria-hidden": true, title: t("missingAlt"), className: "vui-media-alt-dot absolute end-2 top-2 size-2 rounded-full bg-warning" }) : null, selection !== "none" ? (_jsx("span", { "aria-hidden": true, "data-slot": "media-tile-check", className: cn("vui-media-check absolute start-1.5 top-1.5 flex size-5 items-center justify-center rounded-full", isSel ? "bg-accent text-accent-fg" : "border border-[color-mix(in_srgb,var(--fg)_30%,transparent)] bg-[color-mix(in_srgb,var(--scene)_70%,transparent)] text-transparent"), children: _jsx(Check, { className: "size-3", strokeWidth: 3 }) })) : null] }), _jsx("span", { className: cn("truncate px-0.5 text-[12px] leading-tight", isSel ? "text-fg" : "text-fg-muted"), children: a.filename })] }, a.id));
     };
     const gridStyle = { gridTemplateColumns: `repeat(${cols}, minmax(0, 1fr))`, gap: GRID_GAP };
     const gridEl = (_jsx("div", { ref: gridRef, role: "grid", "aria-label": t("files"), "aria-multiselectable": selection === "multiple" || undefined, "aria-rowcount": virtual ? rows.length : undefined, "aria-describedby": liveId, "data-slot": "media-grid", onKeyDown: onGridKeyDown, className: "relative", style: virtual ? { height: virtualizer.getTotalSize() } : undefined, children: virtual

package/dist/media/media-picker.js

@@ -176,7 +176,7 @@ function PickerUrlForm({ adapter, onImported, t }) {
     };
     return (_jsxs("form", { onSubmit: submit, className: "mx-auto grid max-w-xl gap-2 py-6", children: [_jsx("label", { htmlFor: id, className: "text-[13px] font-medium text-fg", children: t("urlLabel") }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Input, { id: id, type: "url", inputMode: "url", leading: _jsx(Link2, { "aria-hidden": true }), placeholder: t("urlPlaceholder"), value: url, "aria-describedby": hintId, invalid: state === "error", onChange: (e) => setUrl(e.target.value), className: "flex-1" }), _jsx(Button, { type: "submit", variant: "secondary", disabled: !valid, loading: state === "loading", loadingText: t("urlImporting"), children: t("urlImport") })] }), _jsx("p", { id: hintId, className: cn("text-[12.5px]", state === "error" ? "text-danger" : "text-fg-muted"), children: state === "error" ? (_jsxs("span", { className: "inline-flex items-center gap-1.5", children: [_jsx(TriangleAlert, { "aria-hidden": true, className: "size-3.5" }), t("urlError")] })) : (t("urlHint")) })] }));
 }
-const PickerContext = React.createContext(null);
+const PickerContext = /*#__PURE__*/ React.createContext(null);
 /**
  * Hosts one Media picker for `useMediaPicker()`. Put it once near the app root, inside `MediaProvider`.
  */

package/dist/media/media-provider.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { useMediaAdapter } from "../lib/provider.js";
-const MediaContext = React.createContext(undefined);
+const MediaContext = /*#__PURE__*/ React.createContext(undefined);
 /**
  * Provides the media adapter to Media library, Media picker, Image field, Gallery and the editor.
  * `VamosProvider media={adapter}` works too; this provider wins when both are set.

package/dist/media/video-player.js

@@ -49,7 +49,7 @@ export function formatMediaTime(seconds, locale = "en-US") {
     return h > 0 ? `${one.format(h)}:${two.format(m)}:${two.format(s)}` : `${one.format(m)}:${two.format(s)}`;
 }
 const SPEEDS = [0.5, 0.75, 1, 1.25, 1.5, 2];
-export const videoPlayerVariants = cva("vui-video group/video relative isolate overflow-hidden bg-scene", {
+export const videoPlayerVariants = /*#__PURE__*/ cva("vui-video group/video relative isolate overflow-hidden bg-scene", {
     variants: {
         rounded: { none: "", ui: "rounded-ui", "ui-lg": "rounded-ui-lg" },
         chrome: { overlay: "", bar: "" },
@@ -75,7 +75,7 @@ const MIME = { mp4: "video/mp4", webm: "video/webm", hls: "application/vnd.apple
  *   tracks={[{ src: "/media/onboarding.en.vtt", lang: "en", label: "English", default: true }]} />
  * ```
  */
-export const VideoPlayer = React.forwardRef(function VideoPlayer({ src, poster: posterProp, aspect, tracks, autoPlay, muted: mutedProp = false, loop, playsInline = true, controls = "custom", chrome = "overlay", rounded, title, preload = "metadata", hls, onEnded, onTimeUpdate, videoRef, crossOrigin, labels, className, style, onKeyDown, ...props }, ref) {
+export const VideoPlayer = /*#__PURE__*/ React.forwardRef(function VideoPlayer({ src, poster: posterProp, aspect, tracks, autoPlay, muted: mutedProp = false, loop, playsInline = true, controls = "custom", chrome = "overlay", rounded, title, preload = "metadata", hls, onEnded, onTimeUpdate, videoRef, crossOrigin, labels, className, style, onKeyDown, ...props }, ref) {
     const t = useLabels("videoPlayer", videoLabels, labels);
     const { locale } = useLocale();
     const reduced = useReducedMotion();
@@ -283,7 +283,7 @@ export const VideoPlayer = React.forwardRef(function VideoPlayer({ src, poster:
  * `youtube-nocookie.com` (or `player.vimeo.com` with `dnt=1`) iframe. No third-party request,
  * cookie or script before the visitor chooses to play.
  */
-export const VideoEmbed = React.forwardRef(function VideoEmbed({ provider, id, title, poster, aspect = "16/9", start, rounded = "ui", labels, className, style, ...props }, ref) {
+export const VideoEmbed = /*#__PURE__*/ React.forwardRef(function VideoEmbed({ provider, id, title, poster, aspect = "16/9", start, rounded = "ui", labels, className, style, ...props }, ref) {
     const t = useLabels("videoPlayer", videoLabels, labels);
     const [active, setActive] = React.useState(false);
     const ratio = aspectRatioOf(aspect) ?? 16 / 9;
@@ -297,7 +297,7 @@ export const VideoEmbed = React.forwardRef(function VideoEmbed({ provider, id, t
  * Muted, looping, decorative video (hero backgrounds). `aria-hidden`, with a visible pause
  * button (WCAG 2.2.2). Reduced motion shows the poster only.
  */
-export const BackgroundVideo = React.forwardRef(function BackgroundVideo({ src, poster, labels, className, children, ...props }, ref) {
+export const BackgroundVideo = /*#__PURE__*/ React.forwardRef(function BackgroundVideo({ src, poster, labels, className, children, ...props }, ref) {
     const t = useLabels("videoPlayer", videoLabels, labels);
     const reduced = useReducedMotion();
     const video = React.useRef(null);

package/dist/motion/count-up.js

@@ -18,7 +18,7 @@ function decimalsOf(v) {
  * <CountUp value={1240} /> reviews · <CountUp value={4.8} locale="tr-TR" />
  * ```
  */
-export const CountUp = React.forwardRef(function CountUp({ value, from = 0, duration, delay = 0, locale: localeProp, format, className, ...props }, ref) {
+export const CountUp = /*#__PURE__*/ React.forwardRef(function CountUp({ value, from = 0, duration, delay = 0, locale: localeProp, format, className, ...props }, ref) {
     const ctx = useLocale();
     const locale = localeProp ?? ctx?.locale ?? "en-US";
     const fmt = React.useMemo(() => {

package/dist/motion/motion-scope.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { Slot } from "radix-ui";
+import * as Slot from "radix-ui/slot";
 /**
  * Sets the motion level for everything inside (`data-motion`). SiteShell does this for a site
  * via its `motion` prop; use MotionScope for any other subtree. `data-motion="off"` on `<html>`
@@ -10,7 +10,7 @@ import { Slot } from "radix-ui";
  * <MotionScope level="full"><Stagger>…</Stagger></MotionScope>
  * ```
  */
-export const MotionScope = React.forwardRef(function MotionScope({ level, asChild, ...props }, ref) {
+export const MotionScope = /*#__PURE__*/ React.forwardRef(function MotionScope({ level, asChild, ...props }, ref) {
     const Comp = asChild ? Slot.Root : "div";
     return _jsx(Comp, { ref: ref, "data-motion": level, ...props });
 });

package/dist/motion/page-transition.js

@@ -47,7 +47,7 @@ export function startPageTransition(update, { scope } = {}) {
  * <PageTransition pageKey={tab}>{panels[tab]}</PageTransition>
  * ```
  */
-export const PageTransition = React.forwardRef(function PageTransition({ pageKey, className, children, ...props }, ref) {
+export const PageTransition = /*#__PURE__*/ React.forwardRef(function PageTransition({ pageKey, className, children, ...props }, ref) {
     const first = React.useRef(pageKey);
     // Inside a View Transition the browser already cross-fades: no second fade on top.
     const inViewTransition = typeof document !== "undefined" && document.documentElement.hasAttribute("data-vm-transition");

package/dist/motion/parallax.js

@@ -44,7 +44,7 @@ function useScrollFallback(enabled, ref, measure) {
  * <Parallax shift={48} className="aspect-[16/9] rounded-ui-lg"><img className="size-full object-cover" … /></Parallax>
  * ```
  */
-export const Parallax = React.forwardRef(function Parallax({ shift = 40, clip = true, className, style, children, ...props }, ref) {
+export const Parallax = /*#__PURE__*/ React.forwardRef(function Parallax({ shift = 40, clip = true, className, style, children, ...props }, ref) {
     const inner = React.useRef(null);
     const [fallback, setFallback] = React.useState(false);
     React.useEffect(() => {
@@ -72,7 +72,7 @@ export const Parallax = React.forwardRef(function Parallax({ shift = 40, clip =
  * <ScrollProgress />
  * ```
  */
-export const ScrollProgress = React.forwardRef(function ScrollProgress({ fixed = true, className, ...props }, ref) {
+export const ScrollProgress = /*#__PURE__*/ React.forwardRef(function ScrollProgress({ fixed = true, className, ...props }, ref) {
     const inner = React.useRef(null);
     const [fallback, setFallback] = React.useState(false);
     React.useEffect(() => setFallback(!supports("animation-timeline: scroll()")), []);

package/dist/motion/pointer.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { Slot } from "radix-ui";
+import * as Slot from "radix-ui/slot";
 import { cn } from "../lib/cn.js";
 import { motionLevel } from "./core.js";
 const finePointer = () => typeof window !== "undefined" && typeof window.matchMedia === "function" && window.matchMedia("(hover: hover) and (pointer: fine)").matches;
@@ -79,7 +79,7 @@ function setRefs(node, ...refs) {
  * <Tilt max={6} glare><article className="surface rounded-ui-lg p-6">…</article></Tilt>
  * ```
  */
-export const Tilt = React.forwardRef(function Tilt({ max = 5, glare = false, level = "subtle", asChild, className, style, children, ...props }, ref) {
+export const Tilt = /*#__PURE__*/ React.forwardRef(function Tilt({ max = 5, glare = false, level = "subtle", asChild, className, style, children, ...props }, ref) {
     const inner = React.useRef(null);
     usePointerVars(inner, level, (el, x, y) => {
         el.style.setProperty("--vm-tilt-x", `${(-y * max).toFixed(2)}deg`);
@@ -101,7 +101,7 @@ export const Tilt = React.forwardRef(function Tilt({ max = 5, glare = false, lev
  * <Magnetic><Button variant="primary" size="xl">Book a table</Button></Magnetic>
  * ```
  */
-export const Magnetic = React.forwardRef(function Magnetic({ strength = 0.3, limit = 10, level = "full", asChild, className, children, ...props }, ref) {
+export const Magnetic = /*#__PURE__*/ React.forwardRef(function Magnetic({ strength = 0.3, limit = 10, level = "full", asChild, className, children, ...props }, ref) {
     const inner = React.useRef(null);
     usePointerVars(inner, level, (el, x, y) => {
         const r = el.getBoundingClientRect();

package/dist/motion/reveal.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { Slot } from "radix-ui";
+import * as Slot from "radix-ui/slot";
 import { cn } from "../lib/cn.js";
 import { inViewport, ioSupported, motionAllowed, observe, transitionEnd } from "./core.js";
 const noopSubscribe = () => () => { };
@@ -109,7 +109,7 @@ const timing = (delay, duration, extra) => ({
  * <Reveal effect="rise" delay={80}><Card>…</Card></Reveal>
  * ```
  */
-export const Reveal = React.forwardRef(function Reveal({ effect = "rise", delay, duration, once, rootMargin, threshold, disabled, onReveal, asChild, className, style, ...props }, ref) {
+export const Reveal = /*#__PURE__*/ React.forwardRef(function Reveal({ effect = "rise", delay, duration, once, rootMargin, threshold, disabled, onReveal, asChild, className, style, ...props }, ref) {
     const inner = React.useRef(null);
     const setRef = useComposedRef(ref, inner);
     const initial = useReveal(inner, { once, rootMargin, threshold, disabled, onReveal });
@@ -124,7 +124,7 @@ export const Reveal = React.forwardRef(function Reveal({ effect = "rise", delay,
  * <Stagger asChild step={70}><ul className="grid grid-cols-3">{plans.map(…)}</ul></Stagger>
  * ```
  */
-export const Stagger = React.forwardRef(function Stagger({ effect = "rise", step, delay, duration, once, rootMargin, threshold, disabled, onReveal, asChild, className, style, ...props }, ref) {
+export const Stagger = /*#__PURE__*/ React.forwardRef(function Stagger({ effect = "rise", step, delay, duration, once, rootMargin, threshold, disabled, onReveal, asChild, className, style, ...props }, ref) {
     const inner = React.useRef(null);
     const setRef = useComposedRef(ref, inner);
     const initial = useReveal(inner, { once, rootMargin, threshold, disabled, onReveal, stagger: true });

package/dist/motion/skeleton-swap.js

@@ -13,7 +13,7 @@ import { useIsoLayoutEffect } from "./reveal.js";
  * <SkeletonSwap loading={isLoading} skeleton={<InvoiceSkeleton />}><InvoiceTable rows={rows} /></SkeletonSwap>
  * ```
  */
-export const SkeletonSwap = React.forwardRef(function SkeletonSwap({ loading, skeleton, className, children, ...props }, ref) {
+export const SkeletonSwap = /*#__PURE__*/ React.forwardRef(function SkeletonSwap({ loading, skeleton, className, children, ...props }, ref) {
     const inner = React.useRef(null);
     const [prevLoading, setPrevLoading] = React.useState(loading);
     const [leaving, setLeaving] = React.useState(false);

package/dist/motion/text-reveal.d.ts

@@ -20,7 +20,9 @@ export interface TextRevealProps extends Omit<React.HTMLAttributes<HTMLElement>,
 /**
  * A heading that reveals word by word (or line by line) as it scrolls into view. Assistive
  * tech gets one plain string: the split copy is `aria-hidden`, the real text is a visually
- * hidden twin. Transform and opacity only; reduced motion shows it at once.
+ * hidden twin. Every unit — word or line — is separated by a real space, so `textContent`
+ * (search engines, copy-paste, reader mode) reads "közde, muhabbet", never "közde,muhabbet".
+ * Transform and opacity only; reduced motion shows it at once.
  *
  * ```tsx
  * <TextReveal as="h2">Small rooms, slow mornings, nothing to scroll.</TextReveal>

package/dist/motion/text-reveal.js

@@ -6,17 +6,19 @@ import { useReveal } from "./reveal.js";
 /**
  * A heading that reveals word by word (or line by line) as it scrolls into view. Assistive
  * tech gets one plain string: the split copy is `aria-hidden`, the real text is a visually
- * hidden twin. Transform and opacity only; reduced motion shows it at once.
+ * hidden twin. Every unit — word or line — is separated by a real space, so `textContent`
+ * (search engines, copy-paste, reader mode) reads "közde, muhabbet", never "közde,muhabbet".
+ * Transform and opacity only; reduced motion shows it at once.
  *
  * ```tsx
  * <TextReveal as="h2">Small rooms, slow mornings, nothing to scroll.</TextReveal>
  * ```
  */
-export const TextReveal = React.forwardRef(function TextReveal({ children, as: Tag = "h2", by = "word", effect = "mask", step, delay, once, rootMargin, threshold, disabled, onReveal, className, style, ...props }, ref) {
+export const TextReveal = /*#__PURE__*/ React.forwardRef(function TextReveal({ children, as: Tag = "h2", by = "word", effect = "mask", step, delay, once, rootMargin, threshold, disabled, onReveal, className, style, ...props }, ref) {
     const inner = React.useRef(null);
     const initial = useReveal(inner, { once, rootMargin, threshold, disabled, onReveal });
     const text = String(children);
-    const units = by === "line" ? text.split("\n") : text.split(/\s+/).filter(Boolean);
+    const units = by === "line" ? text.split("\n").map((l) => l.trim()).filter(Boolean) : text.split(/\s+/).filter(Boolean);
     const gap = step ?? (by === "line" ? 110 : 45);
     const Comp = Tag;
     return (_jsxs(Comp, { ref: (node) => {
@@ -25,5 +27,5 @@ export const TextReveal = React.forwardRef(function TextReveal({ children, as: T
                 ref(node);
             else if (ref)
                 ref.current = node;
-        }, "data-reveal": effect === "mask" ? "text" : effect, "data-text-reveal": by, ...initial, className: cn("vm-text-reveal", className), style: { "--vm-step": `${gap}ms`, ...(delay ? { "--vm-delay": `${delay}ms` } : null), ...style }, ...props, children: [_jsx("span", { className: "sr-only", children: by === "line" ? units.join(" ") : text }), _jsx("span", { "aria-hidden": "true", className: "vm-text-reveal-visual", children: units.map((u, i) => (_jsxs(React.Fragment, { children: [_jsx("span", { className: "vm-tr-mask", children: _jsx("span", { className: "vm-tr-unit", style: { "--vm-i": i }, children: u }) }), by === "word" && i < units.length - 1 ? " " : null] }, i))) })] }));
+        }, "data-reveal": effect === "mask" ? "text" : effect, "data-text-reveal": by, ...initial, className: cn("vm-text-reveal", className), style: { "--vm-step": `${gap}ms`, ...(delay ? { "--vm-delay": `${delay}ms` } : null), ...style }, ...props, children: [_jsx("span", { className: "sr-only", children: units.join(" ") }), " ", _jsx("span", { "aria-hidden": "true", className: "vm-text-reveal-visual", children: units.map((u, i) => (_jsxs(React.Fragment, { children: [_jsx("span", { className: "vm-tr-mask", children: _jsx("span", { className: "vm-tr-unit", style: { "--vm-i": i }, children: u }) }), i < units.length - 1 ? " " : null] }, i))) })] }));
 });

package/dist/motion/ticker.js

@@ -11,6 +11,6 @@ import { cn } from "../lib/cn.js";
  * <Ticker as="ul" duration={30}>{logos.map((l) => <li key={l.name}>…</li>)}</Ticker>
  * ```
  */
-export const Ticker = React.forwardRef(function Ticker({ duration = 40, direction = "start", as: Group = "div", gap, fade = true, controls = true, pauseLabel = "Pause animation", groupClassName, className, style, children, "aria-label": ariaLabel, ...props }, ref) {
+export const Ticker = /*#__PURE__*/ React.forwardRef(function Ticker({ duration = 40, direction = "start", as: Group = "div", gap, fade = true, controls = true, pauseLabel = "Pause animation", groupClassName, className, style, children, "aria-label": ariaLabel, ...props }, ref) {
     return (_jsxs("div", { ref: ref, "data-direction": direction, "data-fade": fade ? "" : undefined, className: cn("vm-marquee", className), style: { "--vm-marquee-duration": `${duration}s`, ...(gap ? { "--vm-marquee-gap": gap } : null), ...style }, ...props, children: [_jsx("div", { className: "vm-marquee-viewport", children: _jsxs("div", { className: "vm-marquee-track", children: [_jsx(Group, { className: cn("vm-marquee-group", groupClassName), "aria-label": ariaLabel, children: children }), _jsx(Group, { className: cn("vm-marquee-group", groupClassName), "aria-hidden": "true", inert: true, "data-marquee-copy": "", children: children })] }) }), controls ? (_jsxs("label", { className: "vm-marquee-toggle", children: [_jsx("input", { type: "checkbox", className: "vm-marquee-pause sr-only", "aria-label": pauseLabel }), _jsxs("svg", { "aria-hidden": "true", viewBox: "0 0 16 16", className: "vm-marquee-icon-pause", children: [_jsx("rect", { x: "4", y: "3", width: "2.5", height: "10", rx: "0.5" }), _jsx("rect", { x: "9.5", y: "3", width: "2.5", height: "10", rx: "0.5" })] }), _jsx("svg", { "aria-hidden": "true", viewBox: "0 0 16 16", className: "vm-marquee-icon-play", children: _jsx("path", { d: "M5 3.2v9.6a.5.5 0 0 0 .77.42l7.2-4.8a.5.5 0 0 0 0-.84l-7.2-4.8A.5.5 0 0 0 5 3.2Z" }) })] })) : null] }));
 });

package/dist/node_modules/.vite/vitest/da39a3ee5e6b4b0d3255bfef95601890afd80709/results.json

@@ -0,0 +1 @@
+{"version":1,"projects":{"":{"files":{"scheduler/core/duration.test.ts":{"failed":false,"duration":82.473375,"lastRun":1794296632342},"scheduler/core/gantt.test.ts":{"failed":false,"duration":4.834499999999991,"lastRun":1794296632342},"scheduler/core/layout.test.ts":{"failed":false,"duration":36.943083,"lastRun":1794296632342},"scheduler/core/time-scale.test.ts":{"failed":false,"duration":10.341207999999938,"lastRun":1794296632342}}}}}

package/dist/render/block-renderer.js

@@ -10,7 +10,7 @@ import { prepareDoc, resolveDoc } from "./prepare.js";
 const isProd = () => typeof process !== "undefined" && process.env?.NODE_ENV === "production";
 /** Edit/dev placeholder for a block that can't render normally. Server component. */
 export function BlockNotice({ tone = "danger", title, hint, type, blockId, }) {
-    return (_jsx("div", { className: "vb-container py-4", "data-block-id": blockId, "data-block-type": type, "data-block-notice": tone, children: _jsxs("div", { role: "note", "data-tone": tone, className: "vb-notice flex flex-col gap-1 rounded-ui px-4 py-3.5 @2xl:flex-row @2xl:items-baseline @2xl:gap-4", children: [_jsx("span", { className: "shrink-0 font-mono text-eyebrow uppercase tracking-[0.08em] text-(--tone)", children: type }), _jsxs("span", { className: "text-small", children: [_jsx("strong", { className: "font-semibold text-fg", children: title }), hint ? _jsxs("span", { className: "text-fg-muted", children: [" \u2014 ", hint] }) : null] })] }) }));
+    return (_jsx("div", { className: "vb-container py-4", "data-block-id": blockId, "data-block-type": type, "data-block-notice": tone, children: _jsxs("div", { role: "note", "data-tone": tone, className: "vb-notice flex flex-col gap-1 rounded-ui px-4 py-3.5 @2xl:flex-row @2xl:items-baseline @2xl:gap-4", children: [_jsx("span", { className: "shrink-0 font-mono text-eyebrow uppercase tracking-[0.08em] text-(--tone-ink)", children: type }), _jsxs("span", { className: "text-small", children: [_jsx("strong", { className: "font-semibold text-fg", children: title }), hint ? _jsxs("span", { className: "text-fg-muted", children: [" \u2014 ", hint] }) : null] })] }) }));
 }
 function editAttrs(ctx, n) {
     return ctx.opts.editMode ? { "data-block-id": n.node.id, "data-block-type": n.node.type, "data-hidden": n.node.hidden ? "" : undefined } : {};

package/dist/scheduler/gantt.js

@@ -68,7 +68,7 @@ export const ganttLabels = {
     quarterShort: "Q{quarter}",
     noOwner: "Unassigned",
 };
-export const ganttVariants = cva("ui-gantt relative flex min-w-0 flex-col", {
+export const ganttVariants = /*#__PURE__*/ cva("ui-gantt relative flex min-w-0 flex-col", {
     variants: { framed: { true: "surface rounded-ui-lg", false: "" } },
     defaultVariants: { framed: true },
 });
@@ -88,7 +88,7 @@ const COL_W = { assignees: 76, start: 84, end: 84, duration: 128, progress: 76,
  * />
  * ```
  */
-export const Gantt = React.forwardRef(function Gantt({ tasks, links = [], scale: scaleProp, defaultScale = "week", onScaleChange, scales = ["day", "week", "month", "quarter"], workCalendar, durationUnit = "workdays", onTaskChange, onLinkCreate, onLinkDelete, autoSchedule = true, readOnly = false, columns = ["title", "start", "end", "duration", "progress"], gridWidth: gridWidthProp, defaultGridWidth, onGridWidthChange, collapsed: collapsedProp, defaultCollapsed = [], onCollapsedChange, height = "32rem", rowHeight: rowHeightProp, virtualizeAt = 150, toolbar, today: todayProp, labels, className, ...props }, ref) {
+export const Gantt = /*#__PURE__*/ React.forwardRef(function Gantt({ tasks, links = [], scale: scaleProp, defaultScale = "week", onScaleChange, scales = ["day", "week", "month", "quarter"], workCalendar, durationUnit = "workdays", onTaskChange, onLinkCreate, onLinkDelete, autoSchedule = true, readOnly = false, columns = ["title", "start", "end", "duration", "progress"], gridWidth: gridWidthProp, defaultGridWidth, onGridWidthChange, collapsed: collapsedProp, defaultCollapsed = [], onCollapsedChange, height = "32rem", rowHeight: rowHeightProp, virtualizeAt = 150, toolbar, today: todayProp, labels, className, ...props }, ref) {
     const { locale, timeZone, dir } = useLocale();
     const rtl = dir === "rtl";
     const t = useLabels("gantt", ganttLabels, labels);

package/dist/scheduler/resource-calendar.js

@@ -64,7 +64,7 @@ export const resourceCalendarLabels = {
     saveFailed: "Couldn't save the schedule. Your change was undone.",
     loading: "Loading schedule…",
 };
-export const resourceCalendarVariants = cva("ui-rc relative flex min-w-0 flex-col", {
+export const resourceCalendarVariants = /*#__PURE__*/ cva("ui-rc relative flex min-w-0 flex-col", {
     variants: { variant: { blocks: "", codes: "" }, framed: { true: "surface rounded-ui-lg", false: "" } },
     defaultVariants: { variant: "blocks", framed: true },
 });
@@ -92,7 +92,7 @@ const blockEndDay = (b, tz) => (isDateOnly(b.start) ? (isDateOnly(b.end) ? b.end
  * />
  * ```
  */
-export const ResourceCalendar = React.forwardRef(function ResourceCalendar({ resources, blocks, range, onRangeChange, unit = "day", hours = { start: "08:00", end: "20:00" }, variant = "blocks", templates = [], workCalendar, rules = [], onBlocksChange, cellActions = [], onCellAction, onBlockOpen, renderBlock, summary, rowSummary, groupBy = null, showRejected = false, readOnly = false, loading = false, timeZone, height = "32rem", virtualizeAt = 60, toolbar, now: nowProp, labels, className, ...props }, ref) {
+export const ResourceCalendar = /*#__PURE__*/ React.forwardRef(function ResourceCalendar({ resources, blocks, range, onRangeChange, unit = "day", hours = { start: "08:00", end: "20:00" }, variant = "blocks", templates = [], workCalendar, rules = [], onBlocksChange, cellActions = [], onCellAction, onBlockOpen, renderBlock, summary, rowSummary, groupBy = null, showRejected = false, readOnly = false, loading = false, timeZone, height = "32rem", virtualizeAt = 60, toolbar, now: nowProp, labels, className, ...props }, ref) {
     const { locale, timeZone: ctxZone, dir } = useLocale();
     const tz = timeZone ?? ctxZone;
     const rtl = dir === "rtl";

package/dist/scheduler/scheduler.js

@@ -75,7 +75,7 @@ export const schedulerLabels = {
     dayGrid: "{month}",
     weekNumber: "Week {week}",
 };
-export const schedulerVariants = cva("ui-sch relative flex min-w-0 flex-col", {
+export const schedulerVariants = /*#__PURE__*/ cva("ui-sch relative flex min-w-0 flex-col", {
     variants: {
         variant: {
             full: "surface rounded-ui-lg",
@@ -84,7 +84,7 @@ export const schedulerVariants = cva("ui-sch relative flex min-w-0 flex-col", {
     },
     defaultVariants: { variant: "full" },
 });
-const SchedulerContext = React.createContext(null);
+const SchedulerContext = /*#__PURE__*/ React.createContext(null);
 const useSch = () => {
     const c = React.useContext(SchedulerContext);
     if (!c)
@@ -136,7 +136,7 @@ function stepDate(view, anchor, dir, listDays) {
  * />
  * ```
  */
-export const Scheduler = React.forwardRef(function Scheduler({ events, view: viewProp, defaultView = "week", onViewChange, views = ["day", "week", "month", "list"], date: dateProp, defaultDate, onDateChange, onRangeChange, slotMinutes = 30, snapMinutes = 15, dayRange, scrollToTime, height = "36rem", workCalendar, restrictToBusinessHours = false, timeZone, onCreate, onEventChange, onEventOpen, renderEvent, maxEventsPerDay = 3, variant = "full", loading = false, readOnly = false, toolbar, listDays = 7, now: nowProp, labels, className, ...props }, ref) {
+export const Scheduler = /*#__PURE__*/ React.forwardRef(function Scheduler({ events, view: viewProp, defaultView = "week", onViewChange, views = ["day", "week", "month", "list"], date: dateProp, defaultDate, onDateChange, onRangeChange, slotMinutes = 30, snapMinutes = 15, dayRange, scrollToTime, height = "36rem", workCalendar, restrictToBusinessHours = false, timeZone, onCreate, onEventChange, onEventOpen, renderEvent, maxEventsPerDay = 3, variant = "full", loading = false, readOnly = false, toolbar, listDays = 7, now: nowProp, labels, className, ...props }, ref) {
     const { locale, timeZone: ctxZone, dir } = useLocale();
     const tz = timeZone ?? ctxZone;
     const t = useLabels("scheduler", schedulerLabels, labels);

package/dist/scheduler/time-tracker.js

@@ -161,7 +161,7 @@ const clock = (sec) => {
  * <TimerButton adapter={adapter} projects={projects} defaultProjectId="mobile-app" />
  * ```
  */
-export const TimerButton = React.forwardRef(function TimerButton({ adapter, projects = [], projectId: projectIdProp, defaultProjectId, onProjectChange, variant = "compact", staleAfterMin = 600, onStart, onStop, onAdjust, titleTicker = false, labels, className, ...props }, ref) {
+export const TimerButton = /*#__PURE__*/ React.forwardRef(function TimerButton({ adapter, projects = [], projectId: projectIdProp, defaultProjectId, onProjectChange, variant = "compact", staleAfterMin = 600, onStart, onStop, onAdjust, titleTicker = false, labels, className, ...props }, ref) {
     const t = useLabels("timeTracker", timeTrackerLabels, labels);
     const { locale } = useLocale();
     const [projectId, setProjectId] = useControllableState({ value: projectIdProp, defaultValue: defaultProjectId ?? projects[0]?.id ?? "", onChange: onProjectChange });
@@ -232,7 +232,7 @@ export const TimerButton = React.forwardRef(function TimerButton({ adapter, proj
     const button = (_jsxs("button", { type: "button", "aria-pressed": running, "aria-busy": busy || undefined, "data-slot": "timer-button", "data-running": running ? "" : undefined, disabled: busy, onClick: toggle, className: cn("ui-tt-btn focus-ring", variant === "full" && "ui-tt-btn-lg"), children: [_jsx("span", { className: "sr-only", children: name }), running ? _jsx("span", { "aria-hidden": true, className: "ui-tt-pulse" }) : _jsx(Play, { "aria-hidden": true, className: "ui-tt-ico" }), _jsx("span", { "aria-hidden": true, className: "tabular", children: clock(elapsedSec) }), variant === "compact" ? _jsx("span", { "aria-hidden": true, className: "ui-tt-proj", children: projectName }) : null, running && variant === "full" ? _jsx(Square, { "aria-hidden": true, className: "ui-tt-ico" }) : null] }));
     return (_jsxs("div", { ref: ref, "data-slot": "timer", "data-variant": variant, className: cn(variant === "full" ? "ui-tt-full grid gap-3" : "inline-flex items-center gap-2", className), ...props, children: [variant === "full" ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex flex-wrap items-end gap-2", children: [_jsxs("label", { className: "grid min-w-[12rem] flex-1 gap-1", children: [_jsx("span", { className: "text-[12px] font-medium text-fg-muted", children: t("project") }), _jsx(NativeSelect, { value: active?.projectId ?? projectId, disabled: running, onChange: (e) => setProjectId(e.target.value), items: projects.map((p) => ({ value: p.id, label: p.meta ? `${p.label} · ${p.meta}` : p.label })) })] }), _jsxs("label", { className: "grid min-w-[14rem] flex-[2] gap-1", children: [_jsx("span", { className: "text-[12px] font-medium text-fg-muted", children: t("note") }), _jsx(Input, { value: active?.note ?? note, disabled: running, onChange: (e) => setNote(e.target.value), placeholder: t("notePlaceholder") })] }), button] }), elsewhere || stale ? (_jsxs("p", { className: "flex items-center gap-2 text-[12.5px]", "data-slot": "timer-note", children: [stale ? _jsx(TriangleAlert, { "aria-hidden": true, className: "size-3.5 text-warning" }) : null, _jsx("span", { className: stale ? "text-warning" : "text-fg-muted", children: stale ? t("stale", { duration: formatDuration(elapsedSec / 60, locale) }) : t("elsewhere") }), stale && onAdjust && active ? _jsx(Button, { size: "xs", variant: "ghost", onClick: () => onAdjust(active), children: t("adjust") }) : null] })) : null] })) : (_jsxs(_Fragment, { children: [button, stale ? _jsx("span", { className: "sr-only", children: t("stale", { duration: formatDuration(elapsedSec / 60, locale) }) }) : null, stale ? _jsx(TriangleAlert, { "aria-hidden": true, className: "size-3.5 text-warning" }) : null] })), _jsx("span", { className: "sr-only", "aria-live": "polite", children: message })] }));
 });
-export const timesheetVariants = cva("ui-ts relative min-w-0", {
+export const timesheetVariants = /*#__PURE__*/ cva("ui-ts relative min-w-0", {
     variants: { framed: { true: "surface rounded-ui-lg", false: "" } },
     defaultVariants: { framed: true },
 });
@@ -241,7 +241,7 @@ export const timesheetVariants = cva("ui-ts relative min-w-0", {
  * <Timesheet weekStart="2026-11-09" rows={projects} value={hours} onCellChange={save} dailyTarget={8 * 60} />
  * ```
  */
-export const Timesheet = React.forwardRef(function Timesheet({ weekStart, days: dayCount = 7, rows, value: valueProp, defaultValue, onCellChange, dailyTarget, locked = false, workCalendar, display = "clock", labels, className, ...props }, ref) {
+export const Timesheet = /*#__PURE__*/ React.forwardRef(function Timesheet({ weekStart, days: dayCount = 7, rows, value: valueProp, defaultValue, onCellChange, dailyTarget, locked = false, workCalendar, display = "clock", labels, className, ...props }, ref) {
     const t = useLabels("timeTracker", timeTrackerLabels, labels);
     const { locale, timeZone } = useLocale();
     const cal = React.useMemo(() => resolveWorkCalendar(workCalendar, locale), [workCalendar, locale]);
@@ -372,7 +372,7 @@ export const Timesheet = React.forwardRef(function Timesheet({ weekStart, days:
 });
 const compareDay = (a, b) => (a < b ? -1 : a > b ? 1 : 0);
 /** Entries grouped by day (newest first) with day totals. */
-export const TimeEntryList = React.forwardRef(function TimeEntryList({ entries, onEntryOpen, showAmounts = false, labels, className, ...props }, ref) {
+export const TimeEntryList = /*#__PURE__*/ React.forwardRef(function TimeEntryList({ entries, onEntryOpen, showAmounts = false, labels, className, ...props }, ref) {
     const t = useLabels("timeTracker", timeTrackerLabels, labels);
     const { locale, timeZone, format } = useLocale();
     const now = useNow(entries.some((e) => !e.end && e.durationMin === undefined), 30_000);

package/dist/sortable/kanban.js

@@ -60,7 +60,7 @@ export const kanbanLabels = {
     retry: "Retry",
     saving: "Saving",
 };
-const KanbanContext = React.createContext(null);
+const KanbanContext = /*#__PURE__*/ React.createContext(null);
 function useKanban() {
     const ctx = React.useContext(KanbanContext);
     if (!ctx)
@@ -73,7 +73,7 @@ const defaultGetLabel = (item) => {
     const v = o?.title ?? o?.name ?? o?.label;
     return typeof v === "string" ? v : undefined;
 };
-export const kanbanColumnVariants = cva("vui-kanban-column relative flex min-h-0 shrink-0 flex-col rounded-ui-lg", {
+export const kanbanColumnVariants = /*#__PURE__*/ cva("vui-kanban-column relative flex min-h-0 shrink-0 flex-col rounded-ui-lg", {
     variants: {
         width: { sm: "w-[15.5rem]", md: "w-[18.5rem]", lg: "w-[22rem]" },
     },

package/dist/sortable/sortable-list.js

@@ -7,7 +7,7 @@ import { Sortable, SortableMoveMenu, SortableOverlay, useSortableItem, } from ".
 // ---------------------------------------------------------------------------------------------
 // SortableList
 // ---------------------------------------------------------------------------------------------
-export const sortableListVariants = cva("vui-sortable-list flex min-w-0", {
+export const sortableListVariants = /*#__PURE__*/ cva("vui-sortable-list flex min-w-0", {
     variants: {
         orientation: { vertical: "flex-col", horizontal: "flex-row flex-wrap items-stretch" },
         variant: {
@@ -22,7 +22,7 @@ export const sortableListVariants = cva("vui-sortable-list flex min-w-0", {
     compoundVariants: [{ orientation: "horizontal", variant: "inset", className: "flex-nowrap" }],
     defaultVariants: { orientation: "vertical", variant: "card" },
 });
-export const sortableRowVariants = cva("vui-sortable-row group/row relative flex min-w-0 items-center gap-1.5 text-sm text-fg outline-none", {
+export const sortableRowVariants = /*#__PURE__*/ cva("vui-sortable-row group/row relative flex min-w-0 items-center gap-1.5 text-sm text-fg outline-none", {
     variants: {
         variant: {
             card: "rounded-ui border border-line bg-surface ps-1 pe-1 shadow-[0_1px_1px_rgb(0_0_0/0.03)]",