@zyncat/ui 0.11.0 → 0.13.0

package/dist/tiktok.js

@@ -0,0 +1,494 @@
+'use client';import { set, animate, startDrag } from './chunk-IJS7TPGV.js';
+import { useControllable } from './chunk-MMRIQNEN.js';
+import { UIMotion } from './chunk-7IZJERGA.js';
+import { cx } from './chunk-QGNC7LH5.js';
+import './tiktok.css';
+import { useState, useRef, useEffect, useCallback } from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var VIEW_BOX = "0 0 24 24";
+var SPEAKER_BODY = "M3.4 9.1h3.4l4.6-3.8a.7.7 0 0 1 1.2.6v12.2a.7.7 0 0 1-1.2.6L6.8 15H3.4a.9.9 0 0 1-.9-.9v-4.1a.9.9 0 0 1 .9-.9z";
+function MutedGlyph({ className }) {
+  return /* @__PURE__ */ jsxs("svg", { className, viewBox: VIEW_BOX, "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx("path", { d: SPEAKER_BODY, fill: "currentColor" }),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M16.2 9.6 21 14.4M21 9.6l-4.8 4.8",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "1.9",
+        strokeLinecap: "round"
+      }
+    )
+  ] });
+}
+function AudibleGlyph({ className }) {
+  return /* @__PURE__ */ jsxs("svg", { className, viewBox: VIEW_BOX, "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx("path", { d: SPEAKER_BODY, fill: "currentColor" }),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M16.2 9.2a4.2 4.2 0 0 1 0 5.6M18.9 6.6a7.8 7.8 0 0 1 0 10.8",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "1.9",
+        strokeLinecap: "round"
+      }
+    )
+  ] });
+}
+function PreviousGlyph({ className }) {
+  return /* @__PURE__ */ jsx("svg", { className, viewBox: VIEW_BOX, "aria-hidden": "true", children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M14.4 5.6 8 12l6.4 6.4",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2.2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+function NextGlyph({ className }) {
+  return /* @__PURE__ */ jsx("svg", { className, viewBox: VIEW_BOX, "aria-hidden": "true", children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M9.6 5.6 16 12l-6.4 6.4",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2.2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+function PinGlyph({ className }) {
+  return /* @__PURE__ */ jsx("svg", { className, viewBox: VIEW_BOX, "aria-hidden": "true", children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M12 2.6a6.4 6.4 0 0 0-6.4 6.4c0 4.6 6.4 12.4 6.4 12.4s6.4-7.8 6.4-12.4A6.4 6.4 0 0 0 12 2.6zm0 8.9a2.6 2.6 0 1 1 0-5.2 2.6 2.6 0 0 1 0 5.2z",
+      fill: "currentColor"
+    }
+  ) });
+}
+function HeartGlyph({ className }) {
+  return /* @__PURE__ */ jsx("svg", { className, viewBox: VIEW_BOX, "aria-hidden": "true", children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M12 21.4 10.4 20C4.9 15.1 1.3 12 1.3 8.2 1.3 5.1 3.8 2.6 6.9 2.6c1.8 0 3.6.9 4.7 2.3C12.7 3.5 14.5 2.6 16.3 2.6c3.1 0 5.6 2.5 5.6 5.6 0 3.8-3.6 6.9-9.1 11.8z",
+      fill: "currentColor"
+    }
+  ) });
+}
+function CommentGlyph({ className, holeClassName }) {
+  return /* @__PURE__ */ jsxs("svg", { className, viewBox: VIEW_BOX, "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M4.8 3.4h14.4a2.4 2.4 0 0 1 2.4 2.4v9.3a2.4 2.4 0 0 1-2.4 2.4H9.6l-4.3 3.2a.7.7 0 0 1-1.1-.6v-2.6h-.2a2.4 2.4 0 0 1-2.4-2.4V5.8a2.4 2.4 0 0 1 2.4-2.4z",
+        fill: "currentColor"
+      }
+    ),
+    /* @__PURE__ */ jsx("circle", { className: holeClassName, cx: "8.2", cy: "10.4", r: "1.5" }),
+    /* @__PURE__ */ jsx("circle", { className: holeClassName, cx: "12", cy: "10.4", r: "1.5" }),
+    /* @__PURE__ */ jsx("circle", { className: holeClassName, cx: "15.8", cy: "10.4", r: "1.5" })
+  ] });
+}
+function BookmarkGlyph({ className }) {
+  return /* @__PURE__ */ jsx("svg", { className, viewBox: VIEW_BOX, "aria-hidden": "true", children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M6.6 2.8h10.8a1.8 1.8 0 0 1 1.8 1.8v16.1a.8.8 0 0 1-1.2.7L12 17.6l-6 3.8a.8.8 0 0 1-1.2-.7V4.6a1.8 1.8 0 0 1 1.8-1.8z",
+      fill: "currentColor"
+    }
+  ) });
+}
+function ShareGlyph({ className }) {
+  return /* @__PURE__ */ jsx("svg", { className, viewBox: VIEW_BOX, "aria-hidden": "true", children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M4.4 17.2v-6.4c0-.7.6-1.3 1.3-1.3h5.1V5.7c0-1 1.2-1.6 2-.9l7.4 6.5c.5.5.5 1.3 0 1.8l-7.4 6.5c-.8.7-2 .1-2-.9v-3.8H5.7c-.7 0-1.3-.6-1.3-1.3z",
+      fill: "currentColor"
+    }
+  ) });
+}
+function PlusGlyph({ className }) {
+  return /* @__PURE__ */ jsx("svg", { className, viewBox: VIEW_BOX, "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M12 4v16M4 12h16", fill: "none", stroke: "currentColor", strokeWidth: "2.8", strokeLinecap: "round" }) });
+}
+function MenuGlyph({ className }) {
+  return /* @__PURE__ */ jsx("svg", { className, viewBox: VIEW_BOX, "aria-hidden": "true", children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M3.2 6.4h17.6M3.2 12h17.6M3.2 17.6h17.6",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2.2",
+      strokeLinecap: "round"
+    }
+  ) });
+}
+function SearchGlyph({ className }) {
+  return /* @__PURE__ */ jsx("svg", { className, viewBox: VIEW_BOX, "aria-hidden": "true", children: /* @__PURE__ */ jsxs("g", { fill: "none", stroke: "currentColor", strokeWidth: "2.1", strokeLinecap: "round", children: [
+    /* @__PURE__ */ jsx("circle", { cx: "10.4", cy: "10.4", r: "7.6" }),
+    /* @__PURE__ */ jsx("path", { d: "M16 16 21.2 21.2" })
+  ] }) });
+}
+function NoteGlyph({ className }) {
+  return /* @__PURE__ */ jsx("svg", { className, viewBox: VIEW_BOX, "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M9.2 17.6a2.7 2.7 0 1 1-1.9-2.6V5.6l9.4-2v8.5a2.7 2.7 0 1 1-1.9-2.6V6.2L9.2 7.5z", fill: "currentColor" }) });
+}
+var FIRST_SLIDE = 1;
+var MAX_SLIDES = 10;
+var SINGLE_SLIDE = 1;
+var THOUSAND = 1e3;
+var ABBREVIATE_FROM = 1e4;
+var MILLION = 1e6;
+var ABBREVIATED_DECIMALS = 1;
+var DRAG_RESISTANCE = 0.32;
+var PAGE_FRACTION = 0.28;
+var FLING_SPEED = 420;
+var PREVIOUS_STEP = -1;
+var NEXT_STEP = 1;
+var LIKES_LABEL = "Like";
+var COMMENTS_LABEL = "Comment";
+var SAVES_LABEL = "Save";
+var SHARES_LABEL = "Share";
+var FOLLOW_LABEL = "Follow";
+var MENU_LABEL = "Open menu";
+var SEARCH_LABEL = "Search";
+var PREVIOUS_LABEL = "Previous photo";
+var NEXT_LABEL = "Next photo";
+var MUTE_LABEL = "Mute";
+var CAROUSEL_ROLE_DESCRIPTION = "carousel";
+var SLIDE_ROLE_DESCRIPTION = "slide";
+var TRANSLATION_LABEL = "See translation";
+var MORE_LABEL = "more";
+var DESKTOP_RATIO = "3:2";
+var MOBILE_RATIO = "4:3";
+var clamp = (value, min, max) => value < min ? min : value > max ? max : value;
+var pageTiming = () => ({ duration: UIMotion.dur.slow, ease: UIMotion.ease.glide });
+function abbreviate(value) {
+  const total = Math.max(0, Math.round(value));
+  const short = (divisor) => (total / divisor).toFixed(ABBREVIATED_DECIMALS).replace(/\.0$/, "");
+  if (total >= MILLION) return `${short(MILLION)}M`;
+  if (total >= ABBREVIATE_FROM) return `${short(THOUSAND)}K`;
+  return String(total);
+}
+function slideCount(media, slides) {
+  const supplied = Array.isArray(media) ? media.length : 0;
+  const asked = slides ? Math.round(slides) : SINGLE_SLIDE;
+  return clamp(Math.max(supplied, asked), SINGLE_SLIDE, MAX_SLIDES);
+}
+function slideMedia(media, at) {
+  if (!Array.isArray(media)) return at === 0 ? media : void 0;
+  return media[at];
+}
+function renderMedia(media) {
+  if (media === void 0 || media === null || media === false) return /* @__PURE__ */ jsx("span", { className: "tiktok__blank" });
+  if (typeof media === "string") return /* @__PURE__ */ jsx("img", { src: media, alt: "" });
+  return media;
+}
+function limitOffset(offset, from, count, width) {
+  const min = -(count - 1 - from) * width;
+  const max = from * width;
+  if (offset < min) return min + (offset - min) * DRAG_RESISTANCE;
+  if (offset > max) return max + (offset - max) * DRAG_RESISTANCE;
+  return offset;
+}
+function landingIndex(from, info, width, count) {
+  const travelled = info.offset.x / width;
+  const flung = Math.abs(info.velocity.x) > FLING_SPEED;
+  if (!flung && Math.abs(travelled) < PAGE_FRACTION) return from;
+  const step = info.offset.x < 0 ? NEXT_STEP : PREVIOUS_STEP;
+  return clamp(from + step, 0, count - 1);
+}
+function TikTok({
+  surface = "desktop",
+  ratio,
+  name = "",
+  caption = "",
+  location = "",
+  music = "",
+  sound = "",
+  likes = 0,
+  comments = 0,
+  saves = 0,
+  shares = 0,
+  media,
+  avatar,
+  sticker,
+  slides,
+  slide,
+  defaultSlide = FIRST_SLIDE,
+  onSlideChange,
+  muted,
+  defaultMuted = true,
+  onMutedChange,
+  translation = true,
+  liked,
+  defaultLiked = false,
+  onLikedChange,
+  saved,
+  defaultSaved = false,
+  onSavedChange,
+  followed,
+  defaultFollowed = false,
+  onFollowedChange,
+  onAction,
+  className,
+  style,
+  htmlProps
+}) {
+  const desktop = surface === "desktop";
+  const count = desktop ? slideCount(media, slides) : SINGLE_SLIDE;
+  const frameRatio = ratio ?? (desktop ? DESKTOP_RATIO : MOBILE_RATIO);
+  const [position, setPosition] = useControllable(slide, defaultSlide, onSlideChange);
+  const [quiet, setQuiet] = useControllable(muted, defaultMuted, onMutedChange);
+  const [hearted, setHearted] = useControllable(liked, defaultLiked, onLikedChange);
+  const [bookmarked, setBookmarked] = useControllable(saved, defaultSaved, onSavedChange);
+  const [following, setFollowing] = useControllable(followed, defaultFollowed, onFollowedChange);
+  const [open, setOpen] = useState(false);
+  const index = clamp(Math.round(position), FIRST_SLIDE, count) - FIRST_SLIDE;
+  const viewportRef = useRef(null);
+  const trackRef = useRef(null);
+  const settled = useRef(null);
+  useEffect(() => {
+    const track = trackRef.current;
+    const viewport = viewportRef.current;
+    if (!track || !viewport || settled.current === index) return;
+    const first = settled.current === null;
+    settled.current = index;
+    const target = -index * viewport.clientWidth;
+    if (first) {
+      set(track, { x: [target] });
+      return;
+    }
+    const playback = animate(track, { x: [target], timing: pageTiming() });
+    return () => playback.stop();
+  }, [index]);
+  const goTo = useCallback(
+    (next) => {
+      const bounded = clamp(next, 0, count - 1);
+      if (bounded !== index) setPosition(bounded + FIRST_SLIDE);
+    },
+    [count, index, setPosition]
+  );
+  const onPointerDown = useCallback(
+    (event) => {
+      const track = trackRef.current;
+      const viewport = viewportRef.current;
+      if (count < 2 || event.button !== 0 || !track || !viewport) return;
+      const width = viewport.clientWidth;
+      if (!width) return;
+      const from = index;
+      startDrag(event.nativeEvent, {
+        onMove: (info) => {
+          set(track, { x: [-from * width + limitOffset(info.offset.x, from, count, width)] });
+        },
+        onEnd: (info) => {
+          const landed = landingIndex(from, info, width, count);
+          settled.current = landed;
+          animate(track, { x: [-landed * width], timing: pageTiming() });
+          if (landed !== from) setPosition(landed + FIRST_SLIDE);
+        }
+      });
+    },
+    [count, index, setPosition]
+  );
+  const onKeyDown = useCallback(
+    (event) => {
+      if (event.key !== "ArrowLeft" && event.key !== "ArrowRight") return;
+      event.preventDefault();
+      goTo(index + (event.key === "ArrowLeft" ? PREVIOUS_STEP : NEXT_STEP));
+    },
+    [goTo, index]
+  );
+  const positions = Array.from({ length: count }, (_, at) => at);
+  const rail = /* @__PURE__ */ jsxs("ul", { className: "tiktok__rail", children: [
+    /* @__PURE__ */ jsxs("li", { className: "tiktok__creator", children: [
+      /* @__PURE__ */ jsx("span", { className: "tiktok__avatar", "aria-hidden": "true", children: renderMedia(avatar) }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: "tiktok__button tiktok__follow",
+          "aria-label": FOLLOW_LABEL,
+          "aria-pressed": following,
+          onClick: () => setFollowing(!following),
+          children: /* @__PURE__ */ jsx(PlusGlyph, { className: "tiktok__plus" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(
+      RailAction,
+      {
+        surface,
+        label: LIKES_LABEL,
+        count: likes + (hearted ? 1 : 0),
+        pressed: hearted,
+        onClick: () => setHearted(!hearted),
+        children: /* @__PURE__ */ jsx(HeartGlyph, { className: "tiktok__glyph" })
+      }
+    ),
+    /* @__PURE__ */ jsx(RailAction, { surface, label: COMMENTS_LABEL, count: comments, onClick: () => onAction?.("comment"), children: /* @__PURE__ */ jsx(CommentGlyph, { className: "tiktok__glyph", holeClassName: "tiktok__hole" }) }),
+    desktop ? /* @__PURE__ */ jsx(
+      RailAction,
+      {
+        surface,
+        label: SAVES_LABEL,
+        count: saves,
+        pressed: bookmarked,
+        onClick: () => setBookmarked(!bookmarked),
+        children: /* @__PURE__ */ jsx(BookmarkGlyph, { className: "tiktok__glyph" })
+      }
+    ) : null,
+    /* @__PURE__ */ jsx(RailAction, { surface, label: SHARES_LABEL, count: shares, onClick: () => onAction?.("share"), children: /* @__PURE__ */ jsx(ShareGlyph, { className: "tiktok__glyph" }) }),
+    /* @__PURE__ */ jsx("li", { className: "tiktok__disc", "aria-hidden": "true", children: renderMedia(sticker) })
+  ] });
+  const captionRow = caption ? /* @__PURE__ */ jsxs("p", { className: "tiktok__captionrow", children: [
+    /* @__PURE__ */ jsx("span", { className: cx("tiktok__caption", open && "tiktok__caption--open"), children: caption }),
+    open ? null : /* @__PURE__ */ jsx("button", { type: "button", className: "tiktok__more", onClick: () => setOpen(true), children: MORE_LABEL })
+  ] }) : null;
+  const frame = /* @__PURE__ */ jsxs("div", { className: "tiktok__frame", children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "tiktok__viewport",
+        ref: viewportRef,
+        role: count > 1 ? "group" : void 0,
+        "aria-roledescription": count > 1 ? CAROUSEL_ROLE_DESCRIPTION : void 0,
+        "aria-label": count > 1 ? name || CAROUSEL_ROLE_DESCRIPTION : void 0,
+        tabIndex: count > 1 ? 0 : void 0,
+        onKeyDown: count > 1 ? onKeyDown : void 0,
+        onPointerDown: count > 1 ? onPointerDown : void 0,
+        children: /* @__PURE__ */ jsx("div", { className: "tiktok__track", ref: trackRef, children: positions.map((at) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "tiktok__slide",
+            role: count > 1 ? "group" : void 0,
+            "aria-roledescription": count > 1 ? SLIDE_ROLE_DESCRIPTION : void 0,
+            "aria-label": count > 1 ? `${at + FIRST_SLIDE} of ${count}` : void 0,
+            "aria-hidden": count > 1 && at !== index ? true : void 0,
+            children: [
+              /* @__PURE__ */ jsx("div", { className: "tiktok__fill", "aria-hidden": "true", children: renderMedia(slideMedia(media, at)) }),
+              /* @__PURE__ */ jsx("div", { className: "tiktok__stack", children: /* @__PURE__ */ jsx("div", { className: "tiktok__fit", "data-ratio": frameRatio, children: renderMedia(slideMedia(media, at)) }) })
+            ]
+          },
+          at
+        )) })
+      }
+    ),
+    desktop && count > 1 ? /* @__PURE__ */ jsxs("div", { className: "tiktok__pager", children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: "tiktok__arrow",
+          "aria-label": PREVIOUS_LABEL,
+          disabled: index === 0,
+          onClick: () => goTo(index + PREVIOUS_STEP),
+          children: /* @__PURE__ */ jsx(PreviousGlyph, { className: "tiktok__chevron" })
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: "tiktok__dots", "aria-hidden": "true", children: positions.map((at) => /* @__PURE__ */ jsx("span", { className: cx("tiktok__dot", at === index && "tiktok__dot--on") }, at)) }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: "tiktok__arrow",
+          "aria-label": NEXT_LABEL,
+          disabled: index === count - 1,
+          onClick: () => goTo(index + NEXT_STEP),
+          children: /* @__PURE__ */ jsx(NextGlyph, { className: "tiktok__chevron" })
+        }
+      )
+    ] }) : null,
+    desktop ? /* @__PURE__ */ jsxs("div", { className: "tiktok__meta", children: [
+      location ? /* @__PURE__ */ jsxs("p", { className: "tiktok__place", children: [
+        /* @__PURE__ */ jsx("span", { className: "tiktok__pin", children: /* @__PURE__ */ jsx(PinGlyph, { className: "tiktok__pinmark" }) }),
+        location
+      ] }) : null,
+      name ? /* @__PURE__ */ jsx("p", { className: "tiktok__name", children: name }) : null,
+      captionRow
+    ] }) : null
+  ] });
+  const mobileMeta = /* @__PURE__ */ jsxs("div", { className: "tiktok__meta", children: [
+    name ? /* @__PURE__ */ jsx("p", { className: "tiktok__name", children: name }) : null,
+    captionRow,
+    music || sound ? /* @__PURE__ */ jsxs("p", { className: "tiktok__music", children: [
+      /* @__PURE__ */ jsx(NoteGlyph, { className: "tiktok__note" }),
+      music ? /* @__PURE__ */ jsx("span", { children: music }) : null,
+      sound ? /* @__PURE__ */ jsx("span", { className: "tiktok__sound", children: sound }) : null
+    ] }) : null
+  ] });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cx("tiktok", desktop ? "tiktok--desktop" : "tiktok--mobile", className),
+      style,
+      ...htmlProps,
+      children: /* @__PURE__ */ jsxs("div", { className: "tiktok__stage", children: [
+        desktop ? /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "tiktok__mute",
+            "aria-label": MUTE_LABEL,
+            "aria-pressed": quiet,
+            onClick: () => setQuiet(!quiet),
+            children: quiet ? /* @__PURE__ */ jsx(MutedGlyph, { className: "tiktok__speaker" }) : /* @__PURE__ */ jsx(AudibleGlyph, { className: "tiktok__speaker" })
+          }
+        ) : null,
+        frame,
+        desktop ? null : /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("span", { className: "tiktok__scrim-top", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx("span", { className: "tiktok__scrim-bottom", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsxs("div", { className: "tiktok__header", children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: "tiktok__button",
+                "aria-label": MENU_LABEL,
+                onClick: () => onAction?.("menu"),
+                children: /* @__PURE__ */ jsx(MenuGlyph, { className: "tiktok__nav" })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: "tiktok__button",
+                "aria-label": SEARCH_LABEL,
+                onClick: () => onAction?.("search"),
+                children: /* @__PURE__ */ jsx(SearchGlyph, { className: "tiktok__nav" })
+              }
+            )
+          ] })
+        ] }),
+        rail,
+        desktop ? null : mobileMeta,
+        desktop && translation ? /* @__PURE__ */ jsx("p", { className: "tiktok__translate", "aria-hidden": "true", children: TRANSLATION_LABEL }) : null
+      ] })
+    }
+  );
+}
+function RailAction({
+  surface,
+  label,
+  count,
+  pressed,
+  onClick,
+  children
+}) {
+  return /* @__PURE__ */ jsxs("li", { className: "tiktok__action", children: [
+    /* @__PURE__ */ jsx("button", { type: "button", className: "tiktok__button", "aria-label": label, "aria-pressed": pressed, onClick, children: surface === "desktop" ? /* @__PURE__ */ jsx("span", { className: "tiktok__puck", children }) : children }),
+    /* @__PURE__ */ jsx("span", { className: "tiktok__count", children: abbreviate(count) })
+  ] });
+}
+var TikTok_default = TikTok;
+
+export { TikTok, TikTok_default as default };
+//# sourceMappingURL=tiktok.js.map
+//# sourceMappingURL=tiktok.js.map

package/dist/tiktok.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/expressive/tiktok/glyphs.tsx","../src/components/expressive/tiktok/TikTok.tsx"],"names":["jsx","jsxs"],"mappings":"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","file":"tiktok.js","sourcesContent":["const VIEW_BOX = '0 0 24 24';\n\nconst SPEAKER_BODY =\n  'M3.4 9.1h3.4l4.6-3.8a.7.7 0 0 1 1.2.6v12.2a.7.7 0 0 1-1.2.6L6.8 15H3.4a.9.9 0 0 1-.9-.9v-4.1a.9.9 0 0 1 .9-.9z';\n\nexport function MutedGlyph({ className }: { className?: string }) {\n  return (\n    <svg className={className} viewBox={VIEW_BOX} aria-hidden=\"true\">\n      <path d={SPEAKER_BODY} fill=\"currentColor\" />\n      <path\n        d=\"M16.2 9.6 21 14.4M21 9.6l-4.8 4.8\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth=\"1.9\"\n        strokeLinecap=\"round\"\n      />\n    </svg>\n  );\n}\n\nexport function AudibleGlyph({ className }: { className?: string }) {\n  return (\n    <svg className={className} viewBox={VIEW_BOX} aria-hidden=\"true\">\n      <path d={SPEAKER_BODY} fill=\"currentColor\" />\n      <path\n        d=\"M16.2 9.2a4.2 4.2 0 0 1 0 5.6M18.9 6.6a7.8 7.8 0 0 1 0 10.8\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth=\"1.9\"\n        strokeLinecap=\"round\"\n      />\n    </svg>\n  );\n}\n\nexport function PreviousGlyph({ className }: { className?: string }) {\n  return (\n    <svg className={className} viewBox={VIEW_BOX} aria-hidden=\"true\">\n      <path\n        d=\"M14.4 5.6 8 12l6.4 6.4\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2.2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n}\n\nexport function NextGlyph({ className }: { className?: string }) {\n  return (\n    <svg className={className} viewBox={VIEW_BOX} aria-hidden=\"true\">\n      <path\n        d=\"M9.6 5.6 16 12l-6.4 6.4\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2.2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n}\n\nexport function PinGlyph({ className }: { className?: string }) {\n  return (\n    <svg className={className} viewBox={VIEW_BOX} aria-hidden=\"true\">\n      <path\n        d=\"M12 2.6a6.4 6.4 0 0 0-6.4 6.4c0 4.6 6.4 12.4 6.4 12.4s6.4-7.8 6.4-12.4A6.4 6.4 0 0 0 12 2.6zm0 8.9a2.6 2.6 0 1 1 0-5.2 2.6 2.6 0 0 1 0 5.2z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n}\n\nexport function HeartGlyph({ className }: { className?: string }) {\n  return (\n    <svg className={className} viewBox={VIEW_BOX} aria-hidden=\"true\">\n      <path\n        d=\"M12 21.4 10.4 20C4.9 15.1 1.3 12 1.3 8.2 1.3 5.1 3.8 2.6 6.9 2.6c1.8 0 3.6.9 4.7 2.3C12.7 3.5 14.5 2.6 16.3 2.6c3.1 0 5.6 2.5 5.6 5.6 0 3.8-3.6 6.9-9.1 11.8z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n}\n\nexport function CommentGlyph({ className, holeClassName }: { className?: string; holeClassName: string }) {\n  return (\n    <svg className={className} viewBox={VIEW_BOX} aria-hidden=\"true\">\n      <path\n        d=\"M4.8 3.4h14.4a2.4 2.4 0 0 1 2.4 2.4v9.3a2.4 2.4 0 0 1-2.4 2.4H9.6l-4.3 3.2a.7.7 0 0 1-1.1-.6v-2.6h-.2a2.4 2.4 0 0 1-2.4-2.4V5.8a2.4 2.4 0 0 1 2.4-2.4z\"\n        fill=\"currentColor\"\n      />\n      <circle className={holeClassName} cx=\"8.2\" cy=\"10.4\" r=\"1.5\" />\n      <circle className={holeClassName} cx=\"12\" cy=\"10.4\" r=\"1.5\" />\n      <circle className={holeClassName} cx=\"15.8\" cy=\"10.4\" r=\"1.5\" />\n    </svg>\n  );\n}\n\nexport function BookmarkGlyph({ className }: { className?: string }) {\n  return (\n    <svg className={className} viewBox={VIEW_BOX} aria-hidden=\"true\">\n      <path\n        d=\"M6.6 2.8h10.8a1.8 1.8 0 0 1 1.8 1.8v16.1a.8.8 0 0 1-1.2.7L12 17.6l-6 3.8a.8.8 0 0 1-1.2-.7V4.6a1.8 1.8 0 0 1 1.8-1.8z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n}\n\nexport function ShareGlyph({ className }: { className?: string }) {\n  return (\n    <svg className={className} viewBox={VIEW_BOX} aria-hidden=\"true\">\n      <path\n        d=\"M4.4 17.2v-6.4c0-.7.6-1.3 1.3-1.3h5.1V5.7c0-1 1.2-1.6 2-.9l7.4 6.5c.5.5.5 1.3 0 1.8l-7.4 6.5c-.8.7-2 .1-2-.9v-3.8H5.7c-.7 0-1.3-.6-1.3-1.3z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n}\n\nexport function PlusGlyph({ className }: { className?: string }) {\n  return (\n    <svg className={className} viewBox={VIEW_BOX} aria-hidden=\"true\">\n      <path d=\"M12 4v16M4 12h16\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.8\" strokeLinecap=\"round\" />\n    </svg>\n  );\n}\n\nexport function MenuGlyph({ className }: { className?: string }) {\n  return (\n    <svg className={className} viewBox={VIEW_BOX} aria-hidden=\"true\">\n      <path\n        d=\"M3.2 6.4h17.6M3.2 12h17.6M3.2 17.6h17.6\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2.2\"\n        strokeLinecap=\"round\"\n      />\n    </svg>\n  );\n}\n\nexport function SearchGlyph({ className }: { className?: string }) {\n  return (\n    <svg className={className} viewBox={VIEW_BOX} aria-hidden=\"true\">\n      <g fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.1\" strokeLinecap=\"round\">\n        <circle cx=\"10.4\" cy=\"10.4\" r=\"7.6\" />\n        <path d=\"M16 16 21.2 21.2\" />\n      </g>\n    </svg>\n  );\n}\n\nexport function NoteGlyph({ className }: { className?: string }) {\n  return (\n    <svg className={className} viewBox={VIEW_BOX} aria-hidden=\"true\">\n      <path d=\"M9.2 17.6a2.7 2.7 0 1 1-1.9-2.6V5.6l9.4-2v8.5a2.7 2.7 0 1 1-1.9-2.6V6.2L9.2 7.5z\" fill=\"currentColor\" />\n    </svg>\n  );\n}\n","'use client';\n\nimport './tiktok.css';\n\nimport {\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  type CSSProperties,\n  type HTMLAttributes,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type ReactNode,\n  type PointerEvent as ReactPointerEvent,\n} from 'react';\n\nimport type { DataAttributes } from '../../../dom-props';\nimport { animate, set, startDrag, type PanInfo } from '../../../engine';\nimport { UIMotion } from '../../../tokens/motion-tokens';\nimport { useControllable } from '../../internal/hooks/use-controllable';\nimport { cx } from '../../internal/utils/cx';\nimport {\n  AudibleGlyph,\n  BookmarkGlyph,\n  CommentGlyph,\n  HeartGlyph,\n  MenuGlyph,\n  MutedGlyph,\n  NextGlyph,\n  NoteGlyph,\n  PinGlyph,\n  PlusGlyph,\n  PreviousGlyph,\n  SearchGlyph,\n  ShareGlyph,\n} from './glyphs';\n\nconst FIRST_SLIDE = 1;\nconst MAX_SLIDES = 10;\nconst SINGLE_SLIDE = 1;\nconst THOUSAND = 1000;\nconst ABBREVIATE_FROM = 10000;\nconst MILLION = 1000000;\nconst ABBREVIATED_DECIMALS = 1;\nconst DRAG_RESISTANCE = 0.32;\nconst PAGE_FRACTION = 0.28;\nconst FLING_SPEED = 420;\nconst PREVIOUS_STEP = -1;\nconst NEXT_STEP = 1;\n\nconst LIKES_LABEL = 'Like';\nconst COMMENTS_LABEL = 'Comment';\nconst SAVES_LABEL = 'Save';\nconst SHARES_LABEL = 'Share';\nconst FOLLOW_LABEL = 'Follow';\nconst MENU_LABEL = 'Open menu';\nconst SEARCH_LABEL = 'Search';\nconst PREVIOUS_LABEL = 'Previous photo';\nconst NEXT_LABEL = 'Next photo';\nconst MUTE_LABEL = 'Mute';\nconst CAROUSEL_ROLE_DESCRIPTION = 'carousel';\nconst SLIDE_ROLE_DESCRIPTION = 'slide';\nconst TRANSLATION_LABEL = 'See translation';\nconst MORE_LABEL = 'more';\n\nconst DESKTOP_RATIO: TikTokRatio = '3:2';\nconst MOBILE_RATIO: TikTokRatio = '4:3';\n\nconst clamp = (value: number, min: number, max: number) => (value < min ? min : value > max ? max : value);\n\nconst pageTiming = () => ({ duration: UIMotion.dur.slow, ease: UIMotion.ease.glide });\n\nfunction abbreviate(value: number): string {\n  const total = Math.max(0, Math.round(value));\n  const short = (divisor: number) => (total / divisor).toFixed(ABBREVIATED_DECIMALS).replace(/\\.0$/, '');\n  if (total >= MILLION) return `${short(MILLION)}M`;\n  if (total >= ABBREVIATE_FROM) return `${short(THOUSAND)}K`;\n  return String(total);\n}\n\nfunction slideCount(media: ReactNode, slides: number | undefined): number {\n  const supplied = Array.isArray(media) ? media.length : 0;\n  const asked = slides ? Math.round(slides) : SINGLE_SLIDE;\n  return clamp(Math.max(supplied, asked), SINGLE_SLIDE, MAX_SLIDES);\n}\n\nfunction slideMedia(media: ReactNode, at: number): ReactNode {\n  if (!Array.isArray(media)) return at === 0 ? media : undefined;\n  return media[at];\n}\n\nfunction renderMedia(media: ReactNode): ReactNode {\n  if (media === undefined || media === null || media === false) return <span className=\"tiktok__blank\" />;\n  if (typeof media === 'string') return <img src={media} alt=\"\" />;\n  return media;\n}\n\nfunction limitOffset(offset: number, from: number, count: number, width: number): number {\n  const min = -(count - 1 - from) * width;\n  const max = from * width;\n  if (offset < min) return min + (offset - min) * DRAG_RESISTANCE;\n  if (offset > max) return max + (offset - max) * DRAG_RESISTANCE;\n  return offset;\n}\n\nfunction landingIndex(from: number, info: PanInfo, width: number, count: number): number {\n  const travelled = info.offset.x / width;\n  const flung = Math.abs(info.velocity.x) > FLING_SPEED;\n  if (!flung && Math.abs(travelled) < PAGE_FRACTION) return from;\n  const step = info.offset.x < 0 ? NEXT_STEP : PREVIOUS_STEP;\n  return clamp(from + step, 0, count - 1);\n}\n\n/** The surface of the platform being reproduced. */\nexport type TikTokSurface = 'desktop' | 'mobile';\n\n/** Aspect ratio of the post media inside the stage. */\nexport type TikTokRatio = '3:2' | '4:3' | '1:1' | '16:9' | '9:16' | '3:4';\n\n/** The rail and chrome actions that carry no state of their own. */\nexport type TikTokAction = 'comment' | 'share' | 'menu' | 'search';\n\nexport interface TikTokOwnProps {\n  /** Which platform surface to reproduce. Desktop is the 1584x912 web player with the photo carousel; mobile is the 452x822 mobile-web viewport. */\n  surface?: TikTokSurface;\n  /** Aspect ratio of the media inside the frame. Defaults to 3:2 on desktop and 4:3 on mobile. */\n  ratio?: TikTokRatio;\n  /** Creator name shown over the media. */\n  name?: string;\n  /** Post caption. Ellipsised to one line on desktop and two on mobile until \"more\" is pressed. */\n  caption?: string;\n  /** Desktop only. Place name in the pin chip above the creator name. */\n  location?: string;\n  /** Mobile only. Music attribution shown first on the sound line. */\n  music?: string;\n  /** Mobile only. Sound title shown after the music attribution. */\n  sound?: string;\n  /** Like count. Printed exactly below 10,000, then abbreviated as the platform does. */\n  likes?: number;\n  /** Comment count. */\n  comments?: number;\n  /** Desktop only. Save count - the mobile rail has no save action. */\n  saves?: number;\n  /** Share count. */\n  shares?: number;\n  /** Post media: a URL string rendered as a decorative image, or a node you render yourself. On desktop an array supplies one entry per carousel slide. */\n  media?: ReactNode;\n  /** Creator avatar: a URL string, or a node you render yourself. */\n  avatar?: ReactNode;\n  /** Sound artwork on the disc at the foot of the rail: a URL string, or a node you render yourself. */\n  sticker?: ReactNode;\n  /** Desktop only. Number of carousel slides. Raised to the length of `media` when that is an array. */\n  slides?: number;\n  /** Desktop only. Controlled 1-based carousel position. */\n  slide?: number;\n  /** Desktop only. Uncontrolled starting carousel position. */\n  defaultSlide?: number;\n  /** Desktop only. Fires with the new 1-based position when the carousel pages. */\n  onSlideChange?: (slide: number) => void;\n  /** Desktop only. Controlled state of the mute control. The component never plays or pauses media - wire this to your own player. */\n  muted?: boolean;\n  /** Desktop only. Uncontrolled starting state of the mute control. */\n  defaultMuted?: boolean;\n  /** Desktop only. Fires when the mute control is pressed. */\n  onMutedChange?: (muted: boolean) => void;\n  /** Desktop only. Renders the platform's \"See translation\" line under the frame. */\n  translation?: boolean;\n  /** Controlled like state. The displayed like count adds one while this is on. */\n  liked?: boolean;\n  /** Uncontrolled initial like state. @default false */\n  defaultLiked?: boolean;\n  /** Fires when the heart toggles the like. */\n  onLikedChange?: (liked: boolean) => void;\n  /** Desktop only. Controlled save state for the bookmark on the rail. */\n  saved?: boolean;\n  /** Uncontrolled initial save state. @default false */\n  defaultSaved?: boolean;\n  /** Fires when the bookmark toggles. */\n  onSavedChange?: (saved: boolean) => void;\n  /** Controlled follow state for the plus badge on the creator avatar. */\n  followed?: boolean;\n  /** Uncontrolled initial follow state. @default false */\n  defaultFollowed?: boolean;\n  /** Fires when the follow badge toggles. */\n  onFollowedChange?: (followed: boolean) => void;\n  /** Fires for the actions that carry no state: comment, share, menu, search. */\n  onAction?: (action: TikTokAction) => void;\n  /** Extra class(es) merged onto the root. */\n  className?: string;\n  /** Inline styles merged onto the root. */\n  style?: CSSProperties;\n}\n\nexport interface TikTokProps extends TikTokOwnProps {\n  /** Standard element attributes (aria-*, data-*, id, ...) forwarded to the root. */\n  htmlProps?: Omit<HTMLAttributes<HTMLDivElement>, keyof TikTokOwnProps> & DataAttributes;\n}\n\nexport function TikTok({\n  surface = 'desktop',\n  ratio,\n  name = '',\n  caption = '',\n  location = '',\n  music = '',\n  sound = '',\n  likes = 0,\n  comments = 0,\n  saves = 0,\n  shares = 0,\n  media,\n  avatar,\n  sticker,\n  slides,\n  slide,\n  defaultSlide = FIRST_SLIDE,\n  onSlideChange,\n  muted,\n  defaultMuted = true,\n  onMutedChange,\n  translation = true,\n  liked,\n  defaultLiked = false,\n  onLikedChange,\n  saved,\n  defaultSaved = false,\n  onSavedChange,\n  followed,\n  defaultFollowed = false,\n  onFollowedChange,\n  onAction,\n  className,\n  style,\n  htmlProps,\n}: TikTokProps) {\n  const desktop = surface === 'desktop';\n  const count = desktop ? slideCount(media, slides) : SINGLE_SLIDE;\n  const frameRatio = ratio ?? (desktop ? DESKTOP_RATIO : MOBILE_RATIO);\n\n  const [position, setPosition] = useControllable(slide, defaultSlide, onSlideChange);\n  const [quiet, setQuiet] = useControllable(muted, defaultMuted, onMutedChange);\n  const [hearted, setHearted] = useControllable(liked, defaultLiked, onLikedChange);\n  const [bookmarked, setBookmarked] = useControllable(saved, defaultSaved, onSavedChange);\n  const [following, setFollowing] = useControllable(followed, defaultFollowed, onFollowedChange);\n  const [open, setOpen] = useState(false);\n\n  const index = clamp(Math.round(position), FIRST_SLIDE, count) - FIRST_SLIDE;\n  const viewportRef = useRef<HTMLDivElement>(null);\n  const trackRef = useRef<HTMLDivElement>(null);\n  const settled = useRef<number | null>(null);\n\n  useEffect(() => {\n    const track = trackRef.current;\n    const viewport = viewportRef.current;\n    if (!track || !viewport || settled.current === index) return;\n    const first = settled.current === null;\n    settled.current = index;\n    const target = -index * viewport.clientWidth;\n    if (first) {\n      set(track, { x: [target] });\n      return;\n    }\n    const playback = animate(track, { x: [target], timing: pageTiming() });\n    return () => playback.stop();\n  }, [index]);\n\n  const goTo = useCallback(\n    (next: number) => {\n      const bounded = clamp(next, 0, count - 1);\n      if (bounded !== index) setPosition(bounded + FIRST_SLIDE);\n    },\n    [count, index, setPosition],\n  );\n\n  const onPointerDown = useCallback(\n    (event: ReactPointerEvent<HTMLDivElement>) => {\n      const track = trackRef.current;\n      const viewport = viewportRef.current;\n      if (count < 2 || event.button !== 0 || !track || !viewport) return;\n      const width = viewport.clientWidth;\n      if (!width) return;\n      const from = index;\n      startDrag(event.nativeEvent, {\n        onMove: (info) => {\n          set(track, { x: [-from * width + limitOffset(info.offset.x, from, count, width)] });\n        },\n        onEnd: (info) => {\n          const landed = landingIndex(from, info, width, count);\n          settled.current = landed;\n          animate(track, { x: [-landed * width], timing: pageTiming() });\n          if (landed !== from) setPosition(landed + FIRST_SLIDE);\n        },\n      });\n    },\n    [count, index, setPosition],\n  );\n\n  const onKeyDown = useCallback(\n    (event: ReactKeyboardEvent<HTMLDivElement>) => {\n      if (event.key !== 'ArrowLeft' && event.key !== 'ArrowRight') return;\n      event.preventDefault();\n      goTo(index + (event.key === 'ArrowLeft' ? PREVIOUS_STEP : NEXT_STEP));\n    },\n    [goTo, index],\n  );\n\n  const positions = Array.from({ length: count }, (_, at) => at);\n\n  const rail = (\n    <ul className=\"tiktok__rail\">\n      <li className=\"tiktok__creator\">\n        <span className=\"tiktok__avatar\" aria-hidden=\"true\">\n          {renderMedia(avatar)}\n        </span>\n        <button\n          type=\"button\"\n          className=\"tiktok__button tiktok__follow\"\n          aria-label={FOLLOW_LABEL}\n          aria-pressed={following}\n          onClick={() => setFollowing(!following)}\n        >\n          <PlusGlyph className=\"tiktok__plus\" />\n        </button>\n      </li>\n      <RailAction\n        surface={surface}\n        label={LIKES_LABEL}\n        count={likes + (hearted ? 1 : 0)}\n        pressed={hearted}\n        onClick={() => setHearted(!hearted)}\n      >\n        <HeartGlyph className=\"tiktok__glyph\" />\n      </RailAction>\n      <RailAction surface={surface} label={COMMENTS_LABEL} count={comments} onClick={() => onAction?.('comment')}>\n        <CommentGlyph className=\"tiktok__glyph\" holeClassName=\"tiktok__hole\" />\n      </RailAction>\n      {desktop ? (\n        <RailAction\n          surface={surface}\n          label={SAVES_LABEL}\n          count={saves}\n          pressed={bookmarked}\n          onClick={() => setBookmarked(!bookmarked)}\n        >\n          <BookmarkGlyph className=\"tiktok__glyph\" />\n        </RailAction>\n      ) : null}\n      <RailAction surface={surface} label={SHARES_LABEL} count={shares} onClick={() => onAction?.('share')}>\n        <ShareGlyph className=\"tiktok__glyph\" />\n      </RailAction>\n      <li className=\"tiktok__disc\" aria-hidden=\"true\">\n        {renderMedia(sticker)}\n      </li>\n    </ul>\n  );\n\n  const captionRow = caption ? (\n    <p className=\"tiktok__captionrow\">\n      <span className={cx('tiktok__caption', open && 'tiktok__caption--open')}>{caption}</span>\n      {open ? null : (\n        <button type=\"button\" className=\"tiktok__more\" onClick={() => setOpen(true)}>\n          {MORE_LABEL}\n        </button>\n      )}\n    </p>\n  ) : null;\n\n  const frame = (\n    <div className=\"tiktok__frame\">\n      <div\n        className=\"tiktok__viewport\"\n        ref={viewportRef}\n        role={count > 1 ? 'group' : undefined}\n        aria-roledescription={count > 1 ? CAROUSEL_ROLE_DESCRIPTION : undefined}\n        aria-label={count > 1 ? name || CAROUSEL_ROLE_DESCRIPTION : undefined}\n        tabIndex={count > 1 ? 0 : undefined}\n        onKeyDown={count > 1 ? onKeyDown : undefined}\n        onPointerDown={count > 1 ? onPointerDown : undefined}\n      >\n        <div className=\"tiktok__track\" ref={trackRef}>\n          {positions.map((at) => (\n            <div\n              key={at}\n              className=\"tiktok__slide\"\n              role={count > 1 ? 'group' : undefined}\n              aria-roledescription={count > 1 ? SLIDE_ROLE_DESCRIPTION : undefined}\n              aria-label={count > 1 ? `${at + FIRST_SLIDE} of ${count}` : undefined}\n              aria-hidden={count > 1 && at !== index ? true : undefined}\n            >\n              <div className=\"tiktok__fill\" aria-hidden=\"true\">\n                {renderMedia(slideMedia(media, at))}\n              </div>\n              <div className=\"tiktok__stack\">\n                <div className=\"tiktok__fit\" data-ratio={frameRatio}>\n                  {renderMedia(slideMedia(media, at))}\n                </div>\n              </div>\n            </div>\n          ))}\n        </div>\n      </div>\n\n      {desktop && count > 1 ? (\n        <div className=\"tiktok__pager\">\n          <button\n            type=\"button\"\n            className=\"tiktok__arrow\"\n            aria-label={PREVIOUS_LABEL}\n            disabled={index === 0}\n            onClick={() => goTo(index + PREVIOUS_STEP)}\n          >\n            <PreviousGlyph className=\"tiktok__chevron\" />\n          </button>\n          <span className=\"tiktok__dots\" aria-hidden=\"true\">\n            {positions.map((at) => (\n              <span key={at} className={cx('tiktok__dot', at === index && 'tiktok__dot--on')} />\n            ))}\n          </span>\n          <button\n            type=\"button\"\n            className=\"tiktok__arrow\"\n            aria-label={NEXT_LABEL}\n            disabled={index === count - 1}\n            onClick={() => goTo(index + NEXT_STEP)}\n          >\n            <NextGlyph className=\"tiktok__chevron\" />\n          </button>\n        </div>\n      ) : null}\n\n      {desktop ? (\n        <div className=\"tiktok__meta\">\n          {location ? (\n            <p className=\"tiktok__place\">\n              <span className=\"tiktok__pin\">\n                <PinGlyph className=\"tiktok__pinmark\" />\n              </span>\n              {location}\n            </p>\n          ) : null}\n          {name ? <p className=\"tiktok__name\">{name}</p> : null}\n          {captionRow}\n        </div>\n      ) : null}\n    </div>\n  );\n\n  const mobileMeta = (\n    <div className=\"tiktok__meta\">\n      {name ? <p className=\"tiktok__name\">{name}</p> : null}\n      {captionRow}\n      {music || sound ? (\n        <p className=\"tiktok__music\">\n          <NoteGlyph className=\"tiktok__note\" />\n          {music ? <span>{music}</span> : null}\n          {sound ? <span className=\"tiktok__sound\">{sound}</span> : null}\n        </p>\n      ) : null}\n    </div>\n  );\n\n  return (\n    <div\n      className={cx('tiktok', desktop ? 'tiktok--desktop' : 'tiktok--mobile', className)}\n      style={style}\n      {...htmlProps}\n    >\n      <div className=\"tiktok__stage\">\n        {desktop ? (\n          <button\n            type=\"button\"\n            className=\"tiktok__mute\"\n            aria-label={MUTE_LABEL}\n            aria-pressed={quiet}\n            onClick={() => setQuiet(!quiet)}\n          >\n            {quiet ? <MutedGlyph className=\"tiktok__speaker\" /> : <AudibleGlyph className=\"tiktok__speaker\" />}\n          </button>\n        ) : null}\n        {frame}\n        {desktop ? null : (\n          <>\n            <span className=\"tiktok__scrim-top\" aria-hidden=\"true\" />\n            <span className=\"tiktok__scrim-bottom\" aria-hidden=\"true\" />\n            <div className=\"tiktok__header\">\n              <button\n                type=\"button\"\n                className=\"tiktok__button\"\n                aria-label={MENU_LABEL}\n                onClick={() => onAction?.('menu')}\n              >\n                <MenuGlyph className=\"tiktok__nav\" />\n              </button>\n              <button\n                type=\"button\"\n                className=\"tiktok__button\"\n                aria-label={SEARCH_LABEL}\n                onClick={() => onAction?.('search')}\n              >\n                <SearchGlyph className=\"tiktok__nav\" />\n              </button>\n            </div>\n          </>\n        )}\n        {rail}\n        {desktop ? null : mobileMeta}\n        {desktop && translation ? (\n          <p className=\"tiktok__translate\" aria-hidden=\"true\">\n            {TRANSLATION_LABEL}\n          </p>\n        ) : null}\n      </div>\n    </div>\n  );\n}\n\nfunction RailAction({\n  surface,\n  label,\n  count,\n  pressed,\n  onClick,\n  children,\n}: {\n  surface: TikTokSurface;\n  label: string;\n  count: number;\n  pressed?: boolean;\n  onClick: () => void;\n  children: ReactNode;\n}) {\n  return (\n    <li className=\"tiktok__action\">\n      <button type=\"button\" className=\"tiktok__button\" aria-label={label} aria-pressed={pressed} onClick={onClick}>\n        {surface === 'desktop' ? <span className=\"tiktok__puck\">{children}</span> : children}\n      </button>\n      <span className=\"tiktok__count\">{abbreviate(count)}</span>\n    </li>\n  );\n}\n\nexport default TikTok;\n"]}

package/dist/time-field.js

@@ -1,10 +1,10 @@
-'use client';import { TimeSegments } from './chunk-64UU4LGU.js';
-import { FieldShell } from './chunk-YGGCQNNU.js';
-import './chunk-I4XQ4PV2.js';
-import './chunk-3SBCBYB7.js';
+'use client';import { TimeSegments } from './chunk-AADAJL7D.js';
+import { FieldShell } from './chunk-4C5RZXBT.js';
+import './chunk-4BSHB7R3.js';
+import './chunk-EAI4POPB.js';
 import { useControllable } from './chunk-MMRIQNEN.js';
-import './chunk-7SZCJ7WI.js';
-import './chunk-VTJTGVZZ.js';
+import './chunk-45R4Z5XN.js';
+import './chunk-DMX2F6B4.js';
 import './chunk-QGNC7LH5.js';
 import './date-picker.css';
 import { jsx } from 'react/jsx-runtime';

package/dist/time-field.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/composites/date-picker/TimeField.tsx"],"names":[],"mappings":";;;;;;;;;;;AA2BO,SAAS,SAAA,CAAU;AAAA,EACxB,KAAA;AAAA;AAAA,EACA,YAAA,GAAe,IAAA;AAAA,EACf,QAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA,GAAS,KAAA;AAAA,EACT,UAAA,GAAa,CAAA;AAAA,EACb,GAAA;AAAA,EACA,GAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,OAAA,GAAU,KAAA;AAAA,EACV,OAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,SAAA,GAAY,EAAA;AAAA,EACZ;AACF,CAAA,EAAmB;AACjB,EAAA,MAAM,CAAC,GAAA,EAAK,MAAM,IAAI,eAAA,CAAgB,KAAA,EAAO,cAAc,QAAQ,CAAA;AAEnE,EAAA,SAAS,iBAAiB,CAAA,EAAiC;AACzD,IAAA,IAAI,QAAA,IAAa,CAAA,CAAE,MAAA,CAAuB,OAAA,CAAQ,WAAW,CAAA,EAAG;AAChE,IAAA,CAAA,CAAE,cAAA,EAAe;AACjB,IAAA,MAAM,GAAA,GAAM,CAAA,CAAE,aAAA,CAAc,aAAA,CAAc,WAAW,CAAA;AACrD,IAAA,IAAI,GAAA,MAAS,KAAA,EAAM;AAAA,EACrB;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,OAAA,EAAQ,KAAA;AAAA,MACR,KAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAA;AAAA,MACA,OAAA;AAAA,MACA,IAAA,EAAK,OAAA;AAAA,MACL,SAAA;AAAA,MACA,SAAA;AAAA,MAEA,QAAA,kBAAA,GAAA,CAAC,SAAI,SAAA,EAAW,qBAAA,IAAyB,WAAW,cAAA,GAAiB,EAAA,CAAA,EAAK,eAAe,gBAAA,EACvF,QAAA,kBAAA,GAAA;AAAA,QAAC,YAAA;AAAA,QAAA;AAAA,UACC,KAAA,EAAO,GAAA;AAAA,UACP,QAAA,EAAU,MAAA;AAAA,UACV,MAAA;AAAA,UACA,UAAA;AAAA,UACA,GAAA;AAAA,UACA,GAAA;AAAA,UACA,QAAA;AAAA,UACA,WAAW,KAAA,IAAS;AAAA;AAAA,OACtB,EACF;AAAA;AAAA,GACF;AAEJ","file":"time-field.js","sourcesContent":["'use client';\n\nimport './date-picker.css';\nimport type { PointerEvent } from 'react';\nimport { FieldShell, type DateFieldBaseProps } from './field-shell';\nimport { useControllable } from '../../internal/hooks/use-controllable';\nimport { TimeSegments } from './time-core';\n\nexport interface TimeFieldProps extends DateFieldBaseProps {\n  /** Controlled value, canonical 'HH:mm' (24h). */\n  value?: string | null;\n  /** Uncontrolled initial value, 'HH:mm' (24h). Use instead of `value`. @default null */\n  defaultValue?: string | null;\n  /** Fires live - the instant both segments exist. */\n  onChange?: (value: string) => void;\n  /** Field label rendered above the box; also the segments' `aria-label` fallback. */\n  label?: string;\n  /** Display only; storage stays 24h. Default '24h'. */\n  format?: '24h' | '12h';\n  /** ↑/↓ step granularity in minutes (typing is exact). Default 5. */\n  minuteStep?: number;\n  /** Lower bound 'HH:mm' - saturates, never errors. */\n  min?: string;\n  /** Upper bound 'HH:mm' - saturates, never errors. */\n  max?: string;\n}\n\nexport function TimeField({\n  value, // controlled: 'HH:mm' | null\n  defaultValue = null,\n  onChange,\n  label,\n  format = '24h',\n  minuteStep = 5,\n  min,\n  max,\n  required = false,\n  invalid = false,\n  message,\n  disabled = false,\n  className = '',\n  htmlProps,\n}: TimeFieldProps) {\n  const [val, commit] = useControllable(value, defaultValue, onChange);\n\n  function onBoxPointerDown(e: PointerEvent<HTMLDivElement>) {\n    if (disabled || (e.target as HTMLElement).closest('.tsg__seg')) return;\n    e.preventDefault();\n    const seg = e.currentTarget.querySelector('.tsg__seg') as HTMLElement | null;\n    if (seg) seg.focus();\n  }\n\n  return (\n    <FieldShell\n      variant=\"tfd\"\n      label={label}\n      required={required}\n      invalid={invalid}\n      message={message}\n      icon=\"clock\"\n      className={className}\n      htmlProps={htmlProps}\n    >\n      <div className={'fld__input tfd__box' + (disabled ? ' is-disabled' : '')} onPointerDown={onBoxPointerDown}>\n        <TimeSegments\n          value={val}\n          onCommit={commit}\n          format={format}\n          minuteStep={minuteStep}\n          min={min}\n          max={max}\n          disabled={disabled}\n          ariaLabel={label || 'Time'}\n        />\n      </div>\n    </FieldShell>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/composites/date-picker/TimeField.tsx"],"names":[],"mappings":";;;;;;;;;;;AA6BO,SAAS,SAAA,CAAU;AAAA,EACxB,KAAA;AAAA;AAAA,EACA,YAAA,GAAe,IAAA;AAAA,EACf,QAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA,GAAS,KAAA;AAAA,EACT,UAAA,GAAa,CAAA;AAAA,EACb,GAAA;AAAA,EACA,GAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,OAAA,GAAU,KAAA;AAAA,EACV,OAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,SAAA,GAAY,EAAA;AAAA,EACZ;AACF,CAAA,EAAmB;AACjB,EAAA,MAAM,CAAC,GAAA,EAAK,MAAM,IAAI,eAAA,CAAgB,KAAA,EAAO,cAAc,QAAQ,CAAA;AAEnE,EAAA,SAAS,iBAAiB,CAAA,EAAiC;AACzD,IAAA,IAAI,QAAA,IAAa,CAAA,CAAE,MAAA,CAAuB,OAAA,CAAQ,WAAW,CAAA,EAAG;AAChE,IAAA,CAAA,CAAE,cAAA,EAAe;AACjB,IAAA,MAAM,GAAA,GAAM,CAAA,CAAE,aAAA,CAAc,aAAA,CAAc,WAAW,CAAA;AACrD,IAAA,IAAI,GAAA,MAAS,KAAA,EAAM;AAAA,EACrB;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,OAAA,EAAQ,KAAA;AAAA,MACR,KAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAA;AAAA,MACA,OAAA;AAAA,MACA,IAAA,EAAK,OAAA;AAAA,MACL,SAAA;AAAA,MACA,SAAA;AAAA,MAEA,QAAA,kBAAA,GAAA,CAAC,SAAI,SAAA,EAAW,qBAAA,IAAyB,WAAW,cAAA,GAAiB,EAAA,CAAA,EAAK,eAAe,gBAAA,EACvF,QAAA,kBAAA,GAAA;AAAA,QAAC,YAAA;AAAA,QAAA;AAAA,UACC,KAAA,EAAO,GAAA;AAAA,UACP,QAAA,EAAU,MAAA;AAAA,UACV,MAAA;AAAA,UACA,UAAA;AAAA,UACA,GAAA;AAAA,UACA,GAAA;AAAA,UACA,QAAA;AAAA,UACA,WAAW,KAAA,IAAS;AAAA;AAAA,OACtB,EACF;AAAA;AAAA,GACF;AAEJ","file":"time-field.js","sourcesContent":["'use client';\n\nimport './date-picker.css';\n\nimport type { PointerEvent } from 'react';\n\nimport { useControllable } from '../../internal/hooks/use-controllable';\nimport { FieldShell, type DateFieldBaseProps } from './field-shell';\nimport { TimeSegments } from './time-core';\n\nexport interface TimeFieldProps extends DateFieldBaseProps {\n  /** Controlled value, canonical 'HH:mm' (24h). */\n  value?: string | null;\n  /** Uncontrolled initial value, 'HH:mm' (24h). Use instead of `value`. @default null */\n  defaultValue?: string | null;\n  /** Fires live - the instant both segments exist. */\n  onChange?: (value: string) => void;\n  /** Field label rendered above the box; also the segments' `aria-label` fallback. */\n  label?: string;\n  /** Display only; storage stays 24h. Default '24h'. */\n  format?: '24h' | '12h';\n  /** ↑/↓ step granularity in minutes (typing is exact). Default 5. */\n  minuteStep?: number;\n  /** Lower bound 'HH:mm' - saturates, never errors. */\n  min?: string;\n  /** Upper bound 'HH:mm' - saturates, never errors. */\n  max?: string;\n}\n\nexport function TimeField({\n  value, // controlled: 'HH:mm' | null\n  defaultValue = null,\n  onChange,\n  label,\n  format = '24h',\n  minuteStep = 5,\n  min,\n  max,\n  required = false,\n  invalid = false,\n  message,\n  disabled = false,\n  className = '',\n  htmlProps,\n}: TimeFieldProps) {\n  const [val, commit] = useControllable(value, defaultValue, onChange);\n\n  function onBoxPointerDown(e: PointerEvent<HTMLDivElement>) {\n    if (disabled || (e.target as HTMLElement).closest('.tsg__seg')) return;\n    e.preventDefault();\n    const seg = e.currentTarget.querySelector('.tsg__seg') as HTMLElement | null;\n    if (seg) seg.focus();\n  }\n\n  return (\n    <FieldShell\n      variant=\"tfd\"\n      label={label}\n      required={required}\n      invalid={invalid}\n      message={message}\n      icon=\"clock\"\n      className={className}\n      htmlProps={htmlProps}\n    >\n      <div className={'fld__input tfd__box' + (disabled ? ' is-disabled' : '')} onPointerDown={onBoxPointerDown}>\n        <TimeSegments\n          value={val}\n          onCommit={commit}\n          format={format}\n          minuteStep={minuteStep}\n          min={min}\n          max={max}\n          disabled={disabled}\n          ariaLabel={label || 'Time'}\n        />\n      </div>\n    </FieldShell>\n  );\n}\n"]}