@vamos-ui/react 0.4.0 → 0.4.1

package/dist/lib/locale.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { Direction } from "radix-ui";
+import * as Direction from "radix-ui/direction";
 import { en } from "../locales/en.js";
 import { createFormatter } from "../format/core.js";
 import { formatMessage } from "./message-format.js";
@@ -45,7 +45,7 @@ function createValue(locale, messages, dir, timeZone, currency) {
     };
 }
 const defaultValue = createValue("en-US", en, "ltr", "UTC", "USD");
-const LocaleContext = React.createContext(defaultValue);
+const LocaleContext = /*#__PURE__*/ React.createContext(defaultValue);
 /**
  * Locale for built-in strings, text rules and Intl formatting. No i18n library required.
  * Zero config means English (`en-US`, USD, UTC). Nest providers to override a subtree.

package/dist/lib/menu.js

@@ -12,7 +12,7 @@ import { itemSlots, itemVariants } from "./variants.js";
 import { useCan, useLink } from "./provider.js";
 import { KbdGroup } from "../components/kbd.js";
 /** Floating panel of a menu (root content and sub-content). */
-export const menuContentVariants = cva([
+export const menuContentVariants = /*#__PURE__*/ cva([
     "surface-popover ui-pop z-(--z-popover) rounded-ui-lg p-1 outline-none",
     "overflow-x-hidden overflow-y-auto overscroll-contain",
 ], {
@@ -32,7 +32,7 @@ export const menuLabelClass = itemSlots.groupLabel;
 export const menuSeparatorClass = itemSlots.separator;
 export const menuIndicatorClass = itemSlots.indicator;
 /** Size context so items pick up the content's `size`. */
-export const MenuSizeContext = React.createContext("md");
+export const MenuSizeContext = /*#__PURE__*/ React.createContext("md");
 /** Icon · label (+ description) · badge · shortcut · chevron. */
 export function MenuItemContent({ icon, description, shortcut, badge, chevron, children }) {
     return (_jsxs(_Fragment, { children: [icon ? (_jsx("span", { "aria-hidden": true, className: cn("flex shrink-0 items-center", description ? "self-start pt-px" : undefined), children: icon })) : null, _jsxs("span", { className: itemSlots.label, children: [children, description ? _jsx("span", { className: cn(itemSlots.description, "mt-0.5 whitespace-normal"), children: description }) : null] }), badge != null ? _jsx("span", { className: "ms-auto shrink-0 ps-3 text-xs tabular text-fg-subtle", children: badge }) : null, shortcut ? _jsx(KbdGroup, { keys: shortcut, size: "sm", variant: "ghost", className: cn("shrink-0 ps-4", badge == null && "ms-auto") }) : null, chevron ? _jsx(ChevronRight, { "aria-hidden": true, className: cn("ms-auto size-3.5! shrink-0 text-fg-subtle rtl:-scale-x-100", (shortcut || badge != null) && "ms-2") }) : null] }));

package/dist/lib/provider.js

@@ -3,11 +3,11 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { LocaleProvider } from "./locale.js";
 /** Default link: a plain `<a>` (router hints are dropped). */
-export const DefaultLink = React.forwardRef(function DefaultLink({ replace: _r, prefetch: _p, ...props }, ref) {
+export const DefaultLink = /*#__PURE__*/ React.forwardRef(function DefaultLink({ replace: _r, prefetch: _p, ...props }, ref) {
     return _jsx("a", { ref: ref, ...props });
 });
 /** Default image: a plain `<img>` with lazy loading; `fill` covers the positioned parent. */
-export const DefaultImage = React.forwardRef(function DefaultImage({ fill, priority, quality: _q, style, loading, decoding, ...props }, ref) {
+export const DefaultImage = /*#__PURE__*/ React.forwardRef(function DefaultImage({ fill, priority, quality: _q, style, loading, decoding, ...props }, ref) {
     return (_jsx("img", { ref: ref, loading: loading ?? (priority ? "eager" : "lazy"), decoding: decoding ?? "async", fetchPriority: priority ? "high" : undefined, style: fill ? { position: "absolute", inset: 0, width: "100%", height: "100%", ...style } : style, ...props }));
 });
 const defaultNavigate = (href, o) => {
@@ -18,7 +18,7 @@ const defaultNavigate = (href, o) => {
     else
         window.location.assign(href);
 };
-const VamosContext = React.createContext({
+const VamosContext = /*#__PURE__*/ React.createContext({
     Link: DefaultLink,
     Image: DefaultImage,
     navigate: defaultNavigate,
@@ -93,7 +93,7 @@ export function isExternalHref(href) {
  * Internal links go through the app's router `Link`; external ones render `<a target="_blank" rel="noopener noreferrer">`
  * (`mailto:` / `tel:` stay in the same tab).
  */
-export const SmartLink = React.forwardRef(function SmartLink({ href, external, target, rel, ...props }, ref) {
+export const SmartLink = /*#__PURE__*/ React.forwardRef(function SmartLink({ href, external, target, rel, ...props }, ref) {
     const Link = useLink();
     const isExternal = external ?? isExternalHref(href);
     if (isExternal) {

package/dist/lib/theme-scope.js

@@ -1,7 +1,8 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { Direction, Slot } from "radix-ui";
+import * as Direction from "radix-ui/direction";
+import * as Slot from "radix-ui/slot";
 import { cn } from "./cn.js";
 import { useComposedRefs } from "./compose-refs.js";
 /**
@@ -22,7 +23,7 @@ export function themeAttributes(axes) {
         dir: axes.dir,
     };
 }
-const PortalContainerContext = React.createContext(null);
+const PortalContainerContext = /*#__PURE__*/ React.createContext(null);
 /**
  * The element overlays should portal into, or `undefined` for `document.body`.
  * Pass it to every Radix `Portal`: `<Popover.Portal container={usePortalContainer()}>`.
@@ -47,7 +48,7 @@ export function PortalContainer({ container, children }) {
  * The scope element must not use `transform`, `filter`, `backdrop-filter` or `contain`, because
  * those turn it into the containing block for the fixed-position overlays inside it.
  */
-export const ThemeScope = React.forwardRef(function ThemeScope({ theme, material, accent, density, font, dir, glassQuality, asChild, portal = true, className, children, ...props }, ref) {
+export const ThemeScope = /*#__PURE__*/ React.forwardRef(function ThemeScope({ theme, material, accent, density, font, dir, glassQuality, asChild, portal = true, className, children, ...props }, ref) {
     const [node, setNode] = React.useState(null);
     const composed = useComposedRefs(ref, setNode);
     const { className: themeClass, ...attrs } = themeAttributes({ theme, material, accent, density, font, dir, glassQuality });

package/dist/lib/variants.js

@@ -12,7 +12,7 @@ import { cva } from "class-variance-authority";
  * <button className={controlVariants({ size: "sm" })}>Status</button>
  * ```
  */
-export const controlVariants = cva([
+export const controlVariants = /*#__PURE__*/ cva([
     "relative flex w-full min-w-0 items-center rounded-ui border text-fg",
     "transition-[border-color,box-shadow,background-color] duration-150",
     // focus on self (trigger) or on a child (input group)
@@ -65,7 +65,7 @@ export const controlVariants = cva([
  * </DropdownMenu.Item>
  * ```
  */
-export const itemVariants = cva([
+export const itemVariants = /*#__PURE__*/ cva([
     "relative flex w-full cursor-default select-none items-center gap-2 rounded-ui-sm text-start text-fg outline-none",
     "transition-colors duration-100",
     "data-highlighted:bg-hover data-[selected=true]:bg-hover aria-selected:bg-hover focus-visible:bg-hover",

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();

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.js

@@ -14,7 +14,7 @@ import { useReveal } from "./reveal.js";
  * <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);

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/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]" },
     },