@zyncat/ui 0.11.0 → 0.13.0

package/dist/facebook-feed.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/expressive/facebook-feed/chrome.tsx","../src/components/expressive/facebook-feed/icons.tsx","../src/components/expressive/facebook-feed/post.tsx","../src/components/expressive/facebook-feed/reel.tsx","../src/components/expressive/facebook-feed/story.tsx","../src/components/expressive/facebook-feed/FacebookFeed.tsx"],"names":["jsxs","jsx","Fragment","KEBAB_PIPS","MIDDOT","FOLLOW_LABEL","MORE_LABEL","LIKE_LABEL","COMMENT_LABEL","SHARE_LABEL","MENU_LABEL","NOTE","MUTE_LABEL"],"mappings":"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","file":"facebook-feed.js","sourcesContent":["import type { CSSProperties, ReactNode } from 'react';\n\nexport type FacebookRatio = '4:5' | '1.1:1' | '1:1' | '3:4' | '16:9';\nexport type FacebookMediaType = 'image' | 'video';\n\n/** The actions a surface reports that carry no state of their own. */\nexport type FacebookFeedAction = 'comment' | 'share' | 'follow' | 'menu' | 'dismiss' | 'more' | 'search' | 'play';\n\nconst THOUSAND = 1e3;\nconst TEN_THOUSAND = 1e4;\nconst MILLION = 1e6;\nconst COMPACT_DECIMALS = 1;\nconst TRAILING_ZERO = /\\.0$/;\nconst THOUSAND_SUFFIX = 'K';\nconst MILLION_SUFFIX = 'M';\n\nconst CAPTION_LIMIT = 250;\nconst WORD_BREAK_FLOOR = 0.65;\nconst TRAILING_PUNCTUATION = /[\\s,.;:—-]+$/;\nconst TAG_SPLIT = /([#@][^\\s#@]+)/g;\nconst TAG_LEADERS = '#@';\nconst QUOTE = /\"/g;\nconst ENCODED_QUOTE = '%22';\n\nexport function countValue(value: number): number {\n  return Math.max(0, Math.round(Number(value) || 0));\n}\n\nexport function compactCount(value: number): string {\n  const n = countValue(value);\n  if (n >= MILLION) return (n / MILLION).toFixed(COMPACT_DECIMALS).replace(TRAILING_ZERO, '') + MILLION_SUFFIX;\n  if (n >= TEN_THOUSAND) return Math.round(n / THOUSAND) + THOUSAND_SUFFIX;\n  if (n >= THOUSAND) return (n / THOUSAND).toFixed(COMPACT_DECIMALS).replace(TRAILING_ZERO, '') + THOUSAND_SUFFIX;\n  return String(n);\n}\n\nexport interface CaptionCut {\n  head: string;\n  cut: boolean;\n}\n\nexport function cutCaption(text: string): CaptionCut {\n  if (text.length <= CAPTION_LIMIT) return { head: text, cut: false };\n  let index = text.lastIndexOf(' ', CAPTION_LIMIT);\n  if (index < CAPTION_LIMIT * WORD_BREAK_FLOOR) index = CAPTION_LIMIT;\n  return { head: text.slice(0, index).replace(TRAILING_PUNCTUATION, ''), cut: true };\n}\n\nexport interface CaptionRun {\n  text: string;\n  link: boolean;\n}\n\nexport function splitCaption(text: string): CaptionRun[] {\n  const runs: CaptionRun[] = [];\n  for (const segment of text.split(TAG_SPLIT)) {\n    if (!segment) continue;\n    runs.push({ text: segment, link: TAG_LEADERS.includes(segment.charAt(0)) });\n  }\n  return runs.length ? runs : [{ text, link: false }];\n}\n\nfunction sourceUrl(media: ReactNode): string {\n  return typeof media === 'string' ? media.trim() : '';\n}\n\nfunction sourceNode(media: ReactNode): ReactNode {\n  return typeof media === 'string' ? null : media;\n}\n\nfunction backgroundOf(url: string): CSSProperties | undefined {\n  return url ? { backgroundImage: `url(\"${url.replace(QUOTE, ENCODED_QUOTE)}\")` } : undefined;\n}\n\nfunction isFilled(media: ReactNode): boolean {\n  if (typeof media === 'string') return media.trim().length > 0;\n  return media !== null && media !== undefined && media !== false && media !== true;\n}\n\nexport interface MediaSurfaceProps {\n  media?: ReactNode;\n  type: FacebookMediaType;\n  frontClassName: string;\n  backClassName?: string;\n  frontRatio?: FacebookRatio;\n}\n\nexport function MediaSurface({ media, type, frontClassName, backClassName, frontRatio }: MediaSurfaceProps) {\n  const style = backgroundOf(sourceUrl(media));\n  const node = sourceNode(media);\n  const filled = isFilled(media);\n  const echo = type === 'image' ? node : null;\n  return (\n    <>\n      {backClassName ? (\n        <div className={backClassName} style={style} aria-hidden=\"true\">\n          {echo}\n          {filled ? null : <span className=\"facebook-feed-media__fill\" />}\n        </div>\n      ) : null}\n      <div className={frontClassName} style={style} data-ratio={frontRatio}>\n        {node}\n        {filled ? null : <span className=\"facebook-feed-media__fill\" />}\n      </div>\n    </>\n  );\n}\n\nexport interface PortraitProps {\n  avatar?: ReactNode;\n  className: string;\n}\n\nexport function Portrait({ avatar, className }: PortraitProps) {\n  return (\n    <div className={className} style={backgroundOf(sourceUrl(avatar))}>\n      {sourceNode(avatar)}\n    </div>\n  );\n}\n","const VIEW_BOX = '0 0 24 24';\n\nexport interface GlyphProps {\n  className: string;\n}\n\nexport function PrivacyGlobe({ className }: GlyphProps) {\n  return (\n    <svg className={className} viewBox={VIEW_BOX} aria-hidden=\"true\">\n      <circle cx=\"12\" cy=\"12\" r=\"10.6\" />\n      <path d=\"M4.1 6.7c1.5.4 2.4 1.3 2.6 2.7.2 1.4 1.2 2.2 3 2.4 1.6.2 2.3 1.1 2.1 2.7-.2 1.7.3 3.2 1.4 4.5-1 .5-2.1.8-3.2.8-3.9 0-7.1-3.1-7.1-7 0-2.3.4-4.2 1.2-6.1z\" />\n      <path d=\"M14.6 3.9c2.9 1 5 3.7 5 6.9 0 1.1-.2 2.1-.7 3-1.4-1.7-2.9-2.6-4.4-2.6-1.6 0-2.4-.7-2.4-2.1 0-1.3.5-2.2 1.5-2.7 1-.5 1.3-1.3 1-2.5z\" />\n    </svg>\n  );\n}\n\nexport function Dismiss({ className }: GlyphProps) {\n  return (\n    <svg className={className} viewBox={VIEW_BOX} aria-hidden=\"true\">\n      <path d=\"M4.6 4.6 19.4 19.4M19.4 4.6 4.6 19.4\" />\n    </svg>\n  );\n}\n\nexport function ThumbOutline({ className }: GlyphProps) {\n  return (\n    <svg className={className} viewBox={VIEW_BOX} aria-hidden=\"true\">\n      <path d=\"M2.6 19.7V11.5a1 1 0 0 1 1-1h3.9L9.3 3.7a1.7 1.7 0 0 1 3.4.4v5.6h6.5a1.1 1.1 0 0 1 1 1.1l-.8 5.6-1.1 3.3z\" />\n      <path d=\"M7.5 10.5v9.2\" />\n    </svg>\n  );\n}\n\nexport function CommentOutline({ className }: GlyphProps) {\n  return (\n    <svg className={className} viewBox={VIEW_BOX} aria-hidden=\"true\">\n      <path d=\"M17.8 17.8a8.9 8.9 0 1 0-3.4 2.1l5.5.1z\" />\n    </svg>\n  );\n}\n\nexport function ShareOutline({ className }: GlyphProps) {\n  return (\n    <svg className={className} viewBox={VIEW_BOX} aria-hidden=\"true\">\n      <path d=\"M10.6 3.4 20.8 11.6 10.6 19.9v-4.7H6.4c-1.8.7-3.1 2.2-3.8 4.4-.4-5-.4-8.4 1.9-9.6L10.6 8.2z\" />\n    </svg>\n  );\n}\n\nexport function ThumbSolid() {\n  return (\n    <svg viewBox={VIEW_BOX} aria-hidden=\"true\">\n      <path d=\"M2.6 11.2h4.1V21H2.6zM8.3 11 12 4.1a1.5 1.5 0 0 1 2.8 1l-.7 3.7h4.4a1.7 1.7 0 0 1 1.7 2.1l-1.3 6.4a1.8 1.8 0 0 1-1.8 1.5H8.3z\" />\n    </svg>\n  );\n}\n\nexport function HeartSolid() {\n  return (\n    <svg viewBox={VIEW_BOX} aria-hidden=\"true\">\n      <path d=\"M12 20.8C8.6 18.4 3 14.4 3 9.9A4.7 4.7 0 0 1 12 7.3a4.7 4.7 0 0 1 9 2.6c0 4.5-5.6 8.5-9 10.9z\" />\n    </svg>\n  );\n}\n\nexport function VerifiedBadge({ className }: GlyphProps) {\n  return (\n    <svg className={className} viewBox={VIEW_BOX} aria-hidden=\"true\">\n      <circle cx=\"12\" cy=\"12\" r=\"11\" />\n      <path d=\"M6.8 12.4 10.3 15.8 17.2 8.7\" />\n    </svg>\n  );\n}\n\nexport function Magnifier({ className }: GlyphProps) {\n  return (\n    <svg className={className} viewBox={VIEW_BOX} aria-hidden=\"true\">\n      <circle cx=\"10.4\" cy=\"10.4\" r=\"7.6\" />\n      <path d=\"M16.1 16.1 21 21\" />\n    </svg>\n  );\n}\n\nexport function SpeakerOutlineOff({ className }: GlyphProps) {\n  return (\n    <svg className={className} viewBox={VIEW_BOX} aria-hidden=\"true\">\n      <path d=\"M3.2 9.2h3.4L11 5.2v13.6l-4.4-4H3.2z\" />\n      <path d=\"M15.6 9.6l4.8 4.8M20.4 9.6l-4.8 4.8\" />\n    </svg>\n  );\n}\n\nexport function SpeakerOutlineOn({ className }: GlyphProps) {\n  return (\n    <svg className={className} viewBox={VIEW_BOX} aria-hidden=\"true\">\n      <path d=\"M3.2 9.2h3.4L11 5.2v13.6l-4.4-4H3.2z\" />\n      <path d=\"M14.9 9.3a3.8 3.8 0 0 1 0 5.4M17.7 6.6a7.7 7.7 0 0 1 0 10.8\" />\n    </svg>\n  );\n}\n\nexport function SpeakerSolidOn({ className }: GlyphProps) {\n  return (\n    <svg className={className} viewBox={VIEW_BOX} aria-hidden=\"true\">\n      <path d=\"M3 9.4h3.4L11 5.2v13.6L6.4 14.6H3z\" />\n      <path d=\"M14.4 8.6a5.6 5.6 0 0 1 0 6.8l1.7 1.3a7.7 7.7 0 0 0 0-9.4zm3.4-2.6a10 10 0 0 1 0 12l1.7 1.3a12.1 12.1 0 0 0 0-14.6z\" />\n    </svg>\n  );\n}\n\nexport function SpeakerSolidOff({ className, crossClassName }: GlyphProps & { crossClassName: string }) {\n  return (\n    <svg className={className} viewBox={VIEW_BOX} aria-hidden=\"true\">\n      <path d=\"M3 9.4h3.4L11 5.2v13.6L6.4 14.6H3z\" />\n      <path className={crossClassName} d=\"M15.6 9.6l4.8 4.8M20.4 9.6l-4.8 4.8\" />\n    </svg>\n  );\n}\n\nexport function PlaySolid({ className }: GlyphProps) {\n  return (\n    <svg className={className} viewBox={VIEW_BOX} aria-hidden=\"true\">\n      <path d=\"M5.5 2.8 20 12 5.5 21.2z\" />\n    </svg>\n  );\n}\n\nexport function AudienceFriends({ className }: GlyphProps) {\n  return (\n    <svg className={className} viewBox={VIEW_BOX} aria-hidden=\"true\">\n      <circle cx=\"8.6\" cy=\"8\" r=\"3.7\" />\n      <path d=\"M1.9 20.4c0-3.7 3-5.6 6.7-5.6s6.7 1.9 6.7 5.6z\" />\n      <circle cx=\"17.2\" cy=\"9.2\" r=\"2.9\" />\n      <path d=\"M13.4 14.9c1-.4 2.3-.6 3.8-.6 3.1 0 5.1 1.6 5.1 4.8h-5.4c0-1.7-1.2-3.2-3.5-4.2z\" />\n    </svg>\n  );\n}\n\nexport function ChevronRight({ className }: GlyphProps) {\n  return (\n    <svg className={className} viewBox={VIEW_BOX} aria-hidden=\"true\">\n      <path d=\"M8.5 3.5 17 12l-8.5 8.5\" />\n    </svg>\n  );\n}\n","'use client';\n\nimport type { CSSProperties, HTMLAttributes, ReactNode } from 'react';\n\nimport { cx } from '../../internal/utils/cx';\nimport {\n  compactCount,\n  cutCaption,\n  MediaSurface,\n  Portrait,\n  splitCaption,\n  type FacebookFeedAction,\n  type FacebookMediaType,\n  type FacebookRatio,\n} from './chrome';\nimport { CommentOutline, Dismiss, HeartSolid, PrivacyGlobe, ShareOutline, ThumbOutline, ThumbSolid } from './icons';\n\nexport type FacebookPostWidth = 'mobile' | 'web';\n\nconst KEBAB_PIPS = [0, 1, 2];\nconst ELLIPSIS = '… ';\nconst MIDDOT = '·';\nconst FOLLOW_LABEL = 'Follow';\nconst MORE_LABEL = 'See more';\nconst REACTIONS_LABEL = 'Like and love reactions';\nconst LIKE_LABEL = 'Like';\nconst COMMENT_LABEL = 'Comment';\nconst SHARE_LABEL = 'Share';\nconst MENU_LABEL = 'More options';\nconst DISMISS_LABEL = 'Hide post';\n\nexport interface FacebookPostProps {\n  name: string;\n  caption: string;\n  stamp: string;\n  follow: boolean;\n  ring: boolean;\n  ratio: FacebookRatio;\n  media?: ReactNode;\n  avatar?: ReactNode;\n  type: FacebookMediaType;\n  likes: number;\n  comments: number;\n  shares: number;\n  width: FacebookPostWidth;\n  liked: boolean;\n  onLikedChange: (liked: boolean) => void;\n  onAction?: (action: FacebookFeedAction) => void;\n  className: string;\n  style?: CSSProperties;\n  htmlProps?: HTMLAttributes<HTMLElement>;\n}\n\nexport function FacebookPost({\n  name,\n  caption,\n  stamp,\n  follow,\n  ring,\n  ratio,\n  media,\n  avatar,\n  type,\n  likes,\n  comments,\n  shares,\n  width,\n  liked,\n  onLikedChange,\n  onAction,\n  className,\n  style,\n  htmlProps,\n}: FacebookPostProps) {\n  const trimmed = cutCaption(caption);\n  const runs = splitCaption(trimmed.head);\n\n  return (\n    <article\n      className={cx(\n        'facebook-feed-post',\n        width === 'web' ? 'facebook-feed-post--web' : 'facebook-feed-post--mobile',\n        className,\n      )}\n      style={style}\n      {...htmlProps}\n    >\n      <div className=\"facebook-feed-post__header\">\n        <div className={cx('facebook-feed-post__avatar', ring ? undefined : 'facebook-feed-post__avatar--plain')}>\n          <Portrait avatar={avatar} className=\"facebook-feed-post__portrait\" />\n        </div>\n        <div className=\"facebook-feed-post__identity\">\n          <div className=\"facebook-feed-post__name-row\">\n            <span className=\"facebook-feed-post__name\">{name}</span>\n            {follow ? (\n              <span className=\"facebook-feed-post__follow\">\n                <span className=\"facebook-feed-post__separator\">{MIDDOT}</span>\n                <button\n                  type=\"button\"\n                  className=\"facebook-feed-button facebook-feed-post__follow-link\"\n                  onClick={() => onAction?.('follow')}\n                >\n                  {FOLLOW_LABEL}\n                </button>\n              </span>\n            ) : null}\n          </div>\n          <div className=\"facebook-feed-post__meta\">\n            <span>{stamp}</span>\n            <span aria-hidden=\"true\">{MIDDOT}</span>\n            <PrivacyGlobe className=\"facebook-feed-post__globe\" />\n          </div>\n        </div>\n        <div className=\"facebook-feed-post__controls\">\n          <button\n            type=\"button\"\n            className=\"facebook-feed-button facebook-feed-post__kebab\"\n            aria-label={MENU_LABEL}\n            onClick={() => onAction?.('menu')}\n          >\n            {KEBAB_PIPS.map((pip) => (\n              <span key={pip} className=\"facebook-feed-post__pip\" />\n            ))}\n          </button>\n          <button\n            type=\"button\"\n            className=\"facebook-feed-button\"\n            aria-label={DISMISS_LABEL}\n            onClick={() => onAction?.('dismiss')}\n          >\n            <Dismiss className=\"facebook-feed-post__close\" />\n          </button>\n        </div>\n      </div>\n\n      <div className=\"facebook-feed-post__caption\">\n        {runs.map((run, index) => (\n          <span key={index} className={run.link ? 'facebook-feed-post__link' : ''}>\n            {run.text}\n          </span>\n        ))}\n        {trimmed.cut ? (\n          <>\n            <span className=\"facebook-feed-post__ellipsis\">{ELLIPSIS}</span>\n            <button\n              type=\"button\"\n              className=\"facebook-feed-button facebook-feed-post__more\"\n              onClick={() => onAction?.('more')}\n            >\n              {MORE_LABEL}\n            </button>\n          </>\n        ) : null}\n      </div>\n\n      <div className=\"facebook-feed-media facebook-feed-ratio\" data-ratio={ratio}>\n        <MediaSurface\n          media={media}\n          type={type}\n          backClassName=\"facebook-feed-media__back\"\n          frontClassName=\"facebook-feed-media__front\"\n        />\n      </div>\n\n      <div className=\"facebook-feed-post__actions\">\n        <div className=\"facebook-feed-post__stats\">\n          <span className=\"facebook-feed-post__stat\">\n            <button\n              type=\"button\"\n              className=\"facebook-feed-button\"\n              aria-label={LIKE_LABEL}\n              aria-pressed={liked}\n              onClick={() => onLikedChange(!liked)}\n            >\n              <ThumbOutline className=\"facebook-feed-post__glyph\" />\n            </button>\n            {compactCount(likes + (liked ? 1 : 0))}\n          </span>\n          <span className=\"facebook-feed-post__stat\">\n            <button\n              type=\"button\"\n              className=\"facebook-feed-button\"\n              aria-label={COMMENT_LABEL}\n              onClick={() => onAction?.('comment')}\n            >\n              <CommentOutline className=\"facebook-feed-post__glyph\" />\n            </button>\n            {compactCount(comments)}\n          </span>\n          <span className=\"facebook-feed-post__stat\">\n            <button\n              type=\"button\"\n              className=\"facebook-feed-button\"\n              aria-label={SHARE_LABEL}\n              onClick={() => onAction?.('share')}\n            >\n              <ShareOutline className=\"facebook-feed-post__glyph\" />\n            </button>\n            {compactCount(shares)}\n          </span>\n        </div>\n        <div className=\"facebook-feed-post__reactions\" role=\"img\" aria-label={REACTIONS_LABEL}>\n          <span className=\"facebook-feed-post__reaction facebook-feed-post__reaction--like\">\n            <ThumbSolid />\n          </span>\n          <span className=\"facebook-feed-post__reaction facebook-feed-post__reaction--love\">\n            <HeartSolid />\n          </span>\n        </div>\n      </div>\n    </article>\n  );\n}\n","'use client';\n\nimport type { CSSProperties, HTMLAttributes, ReactNode } from 'react';\n\nimport { cx } from '../../internal/utils/cx';\nimport { compactCount, MediaSurface, Portrait, type FacebookFeedAction, type FacebookMediaType } from './chrome';\nimport {\n  CommentOutline,\n  Magnifier,\n  ShareOutline,\n  SpeakerOutlineOff,\n  SpeakerOutlineOn,\n  ThumbOutline,\n  VerifiedBadge,\n} from './icons';\n\nexport type FacebookReelStage = 'narrow' | 'wide';\n\nconst KEBAB_PIPS = [0, 1, 2];\nconst MIDDOT = '·';\nconst NOTE = '♪';\nconst FOLLOW_LABEL = 'Follow';\nconst MORE_LABEL = 'See more';\nconst MUTE_LABEL = 'Mute';\nconst LIKE_LABEL = 'Like';\nconst COMMENT_LABEL = 'Comment';\nconst SHARE_LABEL = 'Share';\nconst MENU_LABEL = 'More options';\nconst SEARCH_LABEL = 'Search';\n\nexport interface FacebookReelProps {\n  name: string;\n  caption: string;\n  stage: FacebookReelStage;\n  follow: boolean;\n  verified: boolean;\n  audio: string;\n  media?: ReactNode;\n  avatar?: ReactNode;\n  type: FacebookMediaType;\n  likes: number;\n  comments: number;\n  shares: number;\n  muted: boolean;\n  onMutedChange: (muted: boolean) => void;\n  liked: boolean;\n  onLikedChange: (liked: boolean) => void;\n  onAction?: (action: FacebookFeedAction) => void;\n  className: string;\n  style?: CSSProperties;\n  htmlProps?: HTMLAttributes<HTMLElement>;\n}\n\nexport function FacebookReel({\n  name,\n  caption,\n  stage,\n  follow,\n  verified,\n  audio,\n  media,\n  avatar,\n  type,\n  likes,\n  comments,\n  shares,\n  muted,\n  onMutedChange,\n  liked,\n  onLikedChange,\n  onAction,\n  className,\n  style,\n  htmlProps,\n}: FacebookReelProps) {\n  const wide = stage === 'wide';\n\n  return (\n    <article\n      className={cx('facebook-feed-reel', wide ? 'facebook-feed-reel--wide' : 'facebook-feed-reel--narrow', className)}\n      style={style}\n      {...htmlProps}\n    >\n      <div className=\"facebook-feed-media facebook-feed-reel__video\">\n        <MediaSurface media={media} type={type} frontClassName=\"facebook-feed-media__front\" />\n      </div>\n\n      <button\n        type=\"button\"\n        className=\"facebook-feed-reel__mute\"\n        aria-label={MUTE_LABEL}\n        aria-pressed={muted}\n        onClick={() => onMutedChange(!muted)}\n      >\n        {muted ? (\n          <SpeakerOutlineOff className=\"facebook-feed-reel__mute-glyph\" />\n        ) : (\n          <SpeakerOutlineOn className=\"facebook-feed-reel__mute-glyph\" />\n        )}\n      </button>\n\n      {wide ? (\n        <button\n          type=\"button\"\n          className=\"facebook-feed-button facebook-feed-reel__search\"\n          aria-label={SEARCH_LABEL}\n          onClick={() => onAction?.('search')}\n        >\n          <Magnifier className=\"facebook-feed-reel__search-glyph\" />\n        </button>\n      ) : null}\n\n      <div className=\"facebook-feed-reel__rail\">\n        <span className=\"facebook-feed-reel__stat\">\n          <button\n            type=\"button\"\n            className=\"facebook-feed-button\"\n            aria-label={LIKE_LABEL}\n            aria-pressed={liked}\n            onClick={() => onLikedChange(!liked)}\n          >\n            <ThumbOutline className=\"facebook-feed-reel__stat-glyph\" />\n          </button>\n          <span className=\"facebook-feed-reel__count\">{compactCount(likes + (liked ? 1 : 0))}</span>\n        </span>\n        <span className=\"facebook-feed-reel__stat\">\n          <button\n            type=\"button\"\n            className=\"facebook-feed-button\"\n            aria-label={COMMENT_LABEL}\n            onClick={() => onAction?.('comment')}\n          >\n            <CommentOutline className=\"facebook-feed-reel__stat-glyph\" />\n          </button>\n          <span className=\"facebook-feed-reel__count\">{compactCount(comments)}</span>\n        </span>\n        <span className=\"facebook-feed-reel__stat\">\n          <button\n            type=\"button\"\n            className=\"facebook-feed-button\"\n            aria-label={SHARE_LABEL}\n            onClick={() => onAction?.('share')}\n          >\n            <ShareOutline className=\"facebook-feed-reel__stat-glyph\" />\n          </button>\n          <span className=\"facebook-feed-reel__count\">{compactCount(shares)}</span>\n        </span>\n        <button\n          type=\"button\"\n          className=\"facebook-feed-button facebook-feed-reel__kebab\"\n          aria-label={MENU_LABEL}\n          onClick={() => onAction?.('menu')}\n        >\n          {KEBAB_PIPS.map((pip) => (\n            <span key={pip} className=\"facebook-feed-reel__pip\" />\n          ))}\n        </button>\n      </div>\n\n      <div className=\"facebook-feed-reel__overlay\">\n        <div className=\"facebook-feed-reel__byline\">\n          <Portrait avatar={avatar} className=\"facebook-feed-reel__avatar\" />\n          <span className=\"facebook-feed-reel__name\">{name}</span>\n          {verified ? <VerifiedBadge className=\"facebook-feed-reel__badge\" /> : null}\n          {follow ? (\n            <span className=\"facebook-feed-reel__follow\">\n              <span className=\"facebook-feed-reel__follow-dot\">{MIDDOT}</span>\n              <button\n                type=\"button\"\n                className=\"facebook-feed-button facebook-feed-reel__follow-label\"\n                onClick={() => onAction?.('follow')}\n              >\n                {FOLLOW_LABEL}\n              </button>\n            </span>\n          ) : null}\n        </div>\n        {wide ? null : (\n          <div className=\"facebook-feed-reel__audio\">\n            <span className=\"facebook-feed-reel__note\" aria-hidden=\"true\">\n              {NOTE}\n            </span>\n            <span className=\"facebook-feed-reel__audio-text\">{`${name} ${MIDDOT} ${audio}`}</span>\n          </div>\n        )}\n        <div className=\"facebook-feed-reel__caption\">\n          <span className=\"facebook-feed-reel__caption-text\">{caption}</span>\n          <button\n            type=\"button\"\n            className=\"facebook-feed-button facebook-feed-reel__more\"\n            onClick={() => onAction?.('more')}\n          >\n            {MORE_LABEL}\n          </button>\n        </div>\n      </div>\n    </article>\n  );\n}\n","'use client';\n\nimport type { CSSProperties, HTMLAttributes, ReactNode } from 'react';\n\nimport { cx } from '../../internal/utils/cx';\nimport { MediaSurface, Portrait, type FacebookFeedAction, type FacebookMediaType, type FacebookRatio } from './chrome';\nimport { AudienceFriends, ChevronRight, PlaySolid, SpeakerSolidOff, SpeakerSolidOn } from './icons';\n\nconst KEBAB_PIPS = [0, 1, 2];\nconst MIDDOT = '·';\nconst NOTE = '♪';\nconst MUTE_LABEL = 'Mute';\nconst PLAY_LABEL = 'Play';\nconst MENU_LABEL = 'More options';\n\nexport interface FacebookStoryProps {\n  name: string;\n  stamp: string;\n  audio: string;\n  ratio: FacebookRatio;\n  media?: ReactNode;\n  avatar?: ReactNode;\n  type: FacebookMediaType;\n  segments: number;\n  segment: number;\n  muted: boolean;\n  onMutedChange: (muted: boolean) => void;\n  onAction?: (action: FacebookFeedAction) => void;\n  className: string;\n  style?: CSSProperties;\n  htmlProps?: HTMLAttributes<HTMLElement>;\n}\n\nexport function FacebookStory({\n  name,\n  stamp,\n  audio,\n  ratio,\n  media,\n  avatar,\n  type,\n  segments,\n  segment,\n  muted,\n  onMutedChange,\n  onAction,\n  className,\n  style,\n  htmlProps,\n}: FacebookStoryProps) {\n  const track = Array.from({ length: Math.max(1, Math.round(segments)) }, (_, index) => index);\n\n  return (\n    <article className={cx('facebook-feed-story', className)} style={style} {...htmlProps}>\n      <div className=\"facebook-feed-story__stage\">\n        <MediaSurface\n          media={media}\n          type={type}\n          backClassName=\"facebook-feed-media__back facebook-feed-story__back\"\n          frontClassName=\"facebook-feed-media__front facebook-feed-media__front--cover facebook-feed-story__card facebook-feed-ratio\"\n          frontRatio={ratio}\n        />\n      </div>\n\n      <div className=\"facebook-feed-story__segments\" aria-hidden=\"true\">\n        {track.map((index) => (\n          <span\n            key={index}\n            className={cx(\n              'facebook-feed-story__segment',\n              index <= segment ? 'facebook-feed-story__segment--filled' : undefined,\n            )}\n          />\n        ))}\n      </div>\n\n      <div className=\"facebook-feed-story__header\">\n        <Portrait avatar={avatar} className=\"facebook-feed-story__avatar\" />\n        <div className=\"facebook-feed-story__identity\">\n          <div className=\"facebook-feed-story__name-row\">\n            <span className=\"facebook-feed-story__name\">{name}</span>\n            <span className=\"facebook-feed-story__stamp\">{stamp}</span>\n            <AudienceFriends className=\"facebook-feed-story__audience\" />\n          </div>\n          <div className=\"facebook-feed-story__audio\">\n            <span className=\"facebook-feed-story__note\" aria-hidden=\"true\">\n              {NOTE}\n            </span>\n            <span className=\"facebook-feed-story__audio-text\">{`${name} ${MIDDOT} ${audio}`}</span>\n            <ChevronRight className=\"facebook-feed-story__chevron\" />\n          </div>\n        </div>\n        <div className=\"facebook-feed-story__controls\">\n          <button\n            type=\"button\"\n            className=\"facebook-feed-story__mute\"\n            aria-label={MUTE_LABEL}\n            aria-pressed={muted}\n            onClick={() => onMutedChange(!muted)}\n          >\n            {muted ? (\n              <SpeakerSolidOff\n                className=\"facebook-feed-story__mute-glyph\"\n                crossClassName=\"facebook-feed-story__mute-cross\"\n              />\n            ) : (\n              <SpeakerSolidOn className=\"facebook-feed-story__mute-glyph\" />\n            )}\n          </button>\n          <button\n            type=\"button\"\n            className=\"facebook-feed-button\"\n            aria-label={PLAY_LABEL}\n            onClick={() => onAction?.('play')}\n          >\n            <PlaySolid className=\"facebook-feed-story__play\" />\n          </button>\n          <button\n            type=\"button\"\n            className=\"facebook-feed-button facebook-feed-story__kebab\"\n            aria-label={MENU_LABEL}\n            onClick={() => onAction?.('menu')}\n          >\n            {KEBAB_PIPS.map((pip) => (\n              <span key={pip} className=\"facebook-feed-story__pip\" />\n            ))}\n          </button>\n        </div>\n      </div>\n    </article>\n  );\n}\n","'use client';\n\nimport './facebook-feed.css';\n\nimport type { CSSProperties, HTMLAttributes, ReactNode } from 'react';\n\nimport type { DataAttributes } from '../../../dom-props';\nimport { useControllable } from '../../internal/hooks/use-controllable';\nimport type { FacebookFeedAction, FacebookMediaType, FacebookRatio } from './chrome';\nimport { FacebookPost, type FacebookPostWidth } from './post';\nimport { FacebookReel, type FacebookReelStage } from './reel';\nimport { FacebookStory } from './story';\n\nexport type { FacebookFeedAction, FacebookMediaType, FacebookRatio } from './chrome';\nexport type { FacebookPostWidth } from './post';\nexport type { FacebookReelStage } from './reel';\n\nexport type FacebookSurface = 'post' | 'reel' | 'story';\n\nconst DEFAULT_NAME = 'Swiss Nature';\nconst DEFAULT_CAPTION = 'This is Switzerland';\nconst DEFAULT_STAMP = '31m';\nconst DEFAULT_AUDIO = 'Original audio';\nconst DEFAULT_RATIO: FacebookRatio = '4:5';\nconst DEFAULT_LIKES = 267;\nconst DEFAULT_COMMENTS = 12;\nconst DEFAULT_SHARES = 4;\nconst DEFAULT_SEGMENTS = 2;\nconst DEFAULT_SEGMENT = 0;\nconst MUTED_BY_SURFACE: Record<FacebookSurface, boolean> = { post: true, reel: true, story: false };\n\nexport interface FacebookFeedOwnProps {\n  /** Which Facebook surface to reproduce: the feed card, the reels stage, or the story stage. @default 'post' */\n  surface?: FacebookSurface;\n  /** Feed card width. `mobile` is the 390px square-cornered card, `web` the 680px rounded one. @default 'web' */\n  width?: FacebookPostWidth;\n  /** Reels stage. `narrow` is 557x878 around a 9:16 video, `wide` is 1601x886 around a 16:9 one. @default 'narrow' */\n  stage?: FacebookReelStage;\n  /** Whether `media` is a still or a clip. A still is echoed into the feed's blurred letterbox backdrop; a clip is not, so it is never fetched twice. @default 'image' */\n  type?: FacebookMediaType;\n  /** Poster or page name in the header. @default 'Swiss Nature' */\n  name?: string;\n  /** Post body. The feed cuts it at 250 characters with `See more`; reels take one ellipsised line. Hashtags and @mentions render in link blue. */\n  caption?: string;\n  /** Frame aspect for the feed card and the story card. Reels stages are fixed. @default '4:5' */\n  ratio?: FacebookRatio;\n  /** A URL string, or your own node (`<img>`, `<video>`, `next/image`). Omit for a CSS-only placeholder. Nothing is ever autoplayed and no request is ever made for you. */\n  media?: ReactNode;\n  /** A URL string, or your own node, for the header portrait. Omit for the platform's grey. */\n  avatar?: ReactNode;\n  /** Show the `· Follow` affordance. Blue in the feed, white on reels. @default true */\n  follow?: boolean;\n  /** Blue active-story ring around the feed avatar. @default true */\n  ring?: boolean;\n  /** Relative timestamp in the meta line. @default '31m' */\n  stamp?: string;\n  /** Blue verified badge after the reels name. @default true */\n  verified?: boolean;\n  /** Track name on the reels and story audio line. @default 'Original audio' */\n  audio?: string;\n  /** Reaction count. Exact below 1,000, then `1.2K` / `48K` / `1.4M`. @default 267 */\n  likes?: number;\n  /** Comment count, formatted like `likes`. @default 12 */\n  comments?: number;\n  /** Share count, formatted like `likes`. @default 4 */\n  shares?: number;\n  /** How many story progress segments to draw. @default 2 */\n  segments?: number;\n  /** Index of the newest filled story segment; every earlier one fills too. @default 0 */\n  segment?: number;\n  /** Controlled mute state for the reels and story sound button. */\n  muted?: boolean;\n  /** Uncontrolled initial mute state. @default true on reels, false on the story */\n  defaultMuted?: boolean;\n  /** Fires when the sound button is pressed. You own the actual `<video>`, so wire it to your own element. */\n  onMutedChange?: (muted: boolean) => void;\n  /** Controlled like state for the thumb on the feed card and the reels rail. The displayed reaction count adds one while this is on. */\n  liked?: boolean;\n  /** Uncontrolled initial like state. @default false */\n  defaultLiked?: boolean;\n  /** Fires when the thumb toggles the like. */\n  onLikedChange?: (liked: boolean) => void;\n  /** Fires for the actions that carry no state: comment, share, follow, menu, dismiss, more, search, play. */\n  onAction?: (action: FacebookFeedAction) => void;\n  /** Extra class(es) merged onto the surface root. */\n  className?: string;\n  /** Inline styles merged onto the surface root. */\n  style?: CSSProperties;\n}\n\nexport interface FacebookFeedProps extends FacebookFeedOwnProps {\n  /** Standard element attributes (aria-*, data-*, title, ...) forwarded to the surface root. */\n  htmlProps?: Omit<HTMLAttributes<HTMLElement>, keyof FacebookFeedOwnProps> & DataAttributes;\n}\n\nexport function FacebookFeed({\n  surface = 'post',\n  width = 'web',\n  stage = 'narrow',\n  type = 'image',\n  name = DEFAULT_NAME,\n  caption = DEFAULT_CAPTION,\n  ratio = DEFAULT_RATIO,\n  media,\n  avatar,\n  follow = true,\n  ring = true,\n  stamp = DEFAULT_STAMP,\n  verified = true,\n  audio = DEFAULT_AUDIO,\n  likes = DEFAULT_LIKES,\n  comments = DEFAULT_COMMENTS,\n  shares = DEFAULT_SHARES,\n  segments = DEFAULT_SEGMENTS,\n  segment = DEFAULT_SEGMENT,\n  muted,\n  defaultMuted,\n  onMutedChange,\n  liked,\n  defaultLiked = false,\n  onLikedChange,\n  onAction,\n  className = '',\n  style,\n  htmlProps,\n}: FacebookFeedProps) {\n  const [sound, setSound] = useControllable(muted, defaultMuted ?? MUTED_BY_SURFACE[surface], onMutedChange);\n  const [reacted, setReacted] = useControllable(liked, defaultLiked, onLikedChange);\n\n  if (surface === 'reel')\n    return (\n      <FacebookReel\n        name={name}\n        caption={caption}\n        stage={stage}\n        follow={follow}\n        verified={verified}\n        audio={audio}\n        media={media}\n        avatar={avatar}\n        type={type}\n        likes={likes}\n        comments={comments}\n        shares={shares}\n        muted={sound}\n        onMutedChange={setSound}\n        liked={reacted}\n        onLikedChange={setReacted}\n        onAction={onAction}\n        className={className}\n        style={style}\n        htmlProps={htmlProps}\n      />\n    );\n\n  if (surface === 'story')\n    return (\n      <FacebookStory\n        name={name}\n        stamp={stamp}\n        audio={audio}\n        ratio={ratio}\n        media={media}\n        avatar={avatar}\n        type={type}\n        segments={segments}\n        segment={segment}\n        muted={sound}\n        onMutedChange={setSound}\n        onAction={onAction}\n        className={className}\n        style={style}\n        htmlProps={htmlProps}\n      />\n    );\n\n  return (\n    <FacebookPost\n      name={name}\n      caption={caption}\n      stamp={stamp}\n      follow={follow}\n      ring={ring}\n      ratio={ratio}\n      media={media}\n      avatar={avatar}\n      type={type}\n      likes={likes}\n      comments={comments}\n      shares={shares}\n      width={width}\n      liked={reacted}\n      onLikedChange={setReacted}\n      onAction={onAction}\n      className={className}\n      style={style}\n      htmlProps={htmlProps}\n    />\n  );\n}\n"]}

package/dist/flow-field.css

@@ -0,0 +1,49 @@
+@layer zyncat.tokens, zyncat.components;
+
+@layer zyncat.components {
+  .flow-field {
+    --flow-field-ink: var(--text-subtle);
+    --flow-field-accent: var(--accent);
+    --flow-field-min-height: var(--space-10);
+
+    --flow-field-ramp-0: var(--flow-field-ink);
+    --flow-field-ramp-1: color-mix(in oklab, var(--flow-field-accent) 9%, var(--flow-field-ink));
+    --flow-field-ramp-2: color-mix(in oklab, var(--flow-field-accent) 18%, var(--flow-field-ink));
+    --flow-field-ramp-3: color-mix(in oklab, var(--flow-field-accent) 27%, var(--flow-field-ink));
+    --flow-field-ramp-4: color-mix(in oklab, var(--flow-field-accent) 36%, var(--flow-field-ink));
+    --flow-field-ramp-5: color-mix(in oklab, var(--flow-field-accent) 45%, var(--flow-field-ink));
+    --flow-field-ramp-6: color-mix(in oklab, var(--flow-field-accent) 55%, var(--flow-field-ink));
+    --flow-field-ramp-7: color-mix(in oklab, var(--flow-field-accent) 64%, var(--flow-field-ink));
+    --flow-field-ramp-8: color-mix(in oklab, var(--flow-field-accent) 73%, var(--flow-field-ink));
+    --flow-field-ramp-9: color-mix(in oklab, var(--flow-field-accent) 82%, var(--flow-field-ink));
+    --flow-field-ramp-10: color-mix(in oklab, var(--flow-field-accent) 91%, var(--flow-field-ink));
+    --flow-field-ramp-11: var(--flow-field-accent);
+
+    position: relative;
+    display: block;
+    min-height: var(--flow-field-min-height);
+  }
+
+  .flow-field__canvas {
+    position: absolute;
+    inset: 0;
+    display: block;
+    width: 100%;
+    height: 100%;
+    border-radius: inherit;
+    pointer-events: none;
+  }
+
+  .flow-field__probe {
+    position: absolute;
+    width: 0;
+    height: 0;
+    overflow: hidden;
+    opacity: 0;
+    pointer-events: none;
+  }
+
+  .flow-field__content {
+    position: relative;
+  }
+}

package/dist/flow-field.js

@@ -0,0 +1,269 @@
+'use client';import { loop } from './chunk-IJS7TPGV.js';
+import { UIMotion } from './chunk-7IZJERGA.js';
+import { cx } from './chunk-QGNC7LH5.js';
+import './flow-field.css';
+import { useRef, useEffect } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var RAMP_STEPS = 12;
+var MAX_NEEDLES = 1600;
+var MAX_DEVICE_PIXEL_RATIO = 2;
+var MAX_STEP = 3;
+var SPACING_MIN = 12;
+var SPACING_MAX = 72;
+var RADIUS_MIN = 40;
+var RADIUS_MAX = 640;
+var TAU = Math.PI * 2;
+var FIELD_PHASE_RATE = 42e-5;
+var FIELD_PHASE_PERIOD = Math.PI * 20;
+var FIELD_SCALE_X = 0.011;
+var FIELD_SCALE_Y = 0.014;
+var FIELD_DRIFT_X = 1.7;
+var FIELD_DRIFT_Y = 1.2;
+var FIELD_AMPLITUDE = 1.15;
+var STEER_FALLOFF = 0.7;
+var GRIP_ATTACK = 0.5;
+var GRIP_RELEASE = 0.12;
+var TURN_RATE_MIN = 0.055;
+var TURN_RATE_SPREAD = 0.06;
+var LENGTH_REST = 7;
+var LENGTH_GAIN = 11;
+var LENGTH_EASE = 0.09;
+var WIDTH_REST = 1.1;
+var WIDTH_GAIN = 1.2;
+var ALPHA_REST = 0.42;
+var ALPHA_GAIN = 0.58;
+var THEME_ATTRIBUTES = { attributeFilter: ["class", "style", "data-theme"] };
+var JITTER_X = 12.9898;
+var JITTER_Y = 78.233;
+var JITTER_MAGNITUDE = 43758.5453;
+var RAMP_PROPERTIES = Array.from({ length: RAMP_STEPS }, (_, step) => `var(--flow-field-ramp-${step})`);
+var BUCKET_ALPHA = Array.from(
+  { length: RAMP_STEPS },
+  (_, step) => ALPHA_REST + ALPHA_GAIN * step / (RAMP_STEPS - 1)
+);
+var BUCKET_WIDTH = Array.from(
+  { length: RAMP_STEPS },
+  (_, step) => WIDTH_REST + WIDTH_GAIN * step / (RAMP_STEPS - 1)
+);
+var clamp = (v, min, max) => v < min ? min : v > max ? max : v;
+var wrapAngle = (a) => a - TAU * Math.round(a / TAU);
+var cellJitter = (column, row) => {
+  const seed = Math.sin(column * JITTER_X + row * JITTER_Y) * JITTER_MAGNITUDE;
+  return seed - Math.floor(seed);
+};
+var targetAngle = (x, y, phase) => (Math.sin(x * FIELD_SCALE_X + phase * FIELD_DRIFT_X) + Math.cos(y * FIELD_SCALE_Y - phase * FIELD_DRIFT_Y)) * FIELD_AMPLITUDE;
+function buildNeedles(field) {
+  const gap = Math.max(field.spacing, Math.sqrt(field.width * field.height / MAX_NEEDLES));
+  const columns = Math.min(MAX_NEEDLES, Math.max(1, Math.floor(field.width / gap)));
+  const rows = Math.min(Math.floor(MAX_NEEDLES / columns), Math.max(1, Math.floor(field.height / gap)));
+  const originX = (field.width - (columns - 1) * gap) / 2;
+  const originY = (field.height - (rows - 1) * gap) / 2;
+  field.needles.length = 0;
+  for (let row = 0; row < rows; row++)
+    for (let column = 0; column < columns; column++) {
+      const x = originX + column * gap;
+      const y = originY + row * gap;
+      field.needles.push({
+        x,
+        y,
+        angle: wrapAngle(targetAngle(x, y, field.phase)),
+        length: LENGTH_REST,
+        turn: TURN_RATE_MIN + cellJitter(column, row) * TURN_RATE_SPREAD,
+        bucket: 0
+      });
+    }
+  field.counts.fill(0);
+  field.counts[0] = field.needles.length;
+}
+function advance(field, radius, step, dt) {
+  field.phase = (field.phase + dt * FIELD_PHASE_RATE) % FIELD_PHASE_PERIOD;
+  field.grip = clamp(
+    field.grip + ((field.steering ? 1 : 0) - field.grip) * (field.steering ? GRIP_ATTACK : GRIP_RELEASE) * step,
+    0,
+    1
+  );
+  field.counts.fill(0);
+  const steering = field.grip > 0;
+  for (let i = 0; i < field.needles.length; i++) {
+    const needle = field.needles[i];
+    let target = targetAngle(needle.x, needle.y, field.phase);
+    let pull = 0;
+    if (steering) {
+      const dx = needle.x - field.pointerX;
+      const dy = needle.y - field.pointerY;
+      const distance = Math.sqrt(dx * dx + dy * dy);
+      pull = distance < radius ? (1 - distance / radius) * field.grip : 0;
+      if (pull > 0) target += wrapAngle(Math.atan2(dy, dx) - target) * Math.pow(pull, STEER_FALLOFF);
+    }
+    needle.angle = wrapAngle(needle.angle + wrapAngle(target - needle.angle) * needle.turn * step);
+    needle.length += (LENGTH_REST + LENGTH_GAIN * pull - needle.length) * LENGTH_EASE * step;
+    const bucket = Math.round(pull * (RAMP_STEPS - 1));
+    needle.bucket = bucket;
+    field.counts[bucket]++;
+  }
+}
+function settle(field) {
+  field.grip = 0;
+  field.steering = false;
+  for (let i = 0; i < field.needles.length; i++) {
+    const needle = field.needles[i];
+    needle.angle = wrapAngle(targetAngle(needle.x, needle.y, field.phase));
+    needle.length = LENGTH_REST;
+    needle.bucket = 0;
+  }
+  field.counts.fill(0);
+  field.counts[0] = field.needles.length;
+}
+function paint(ctx, field, ramp) {
+  ctx.save();
+  ctx.setTransform(1, 0, 0, 1, 0, 0);
+  ctx.clearRect(0, 0, ctx.canvas.width, ctx.canvas.height);
+  ctx.restore();
+  ctx.lineCap = "round";
+  for (let bucket = 0; bucket < RAMP_STEPS; bucket++) {
+    if (!field.counts[bucket]) continue;
+    ctx.beginPath();
+    for (let i = 0; i < field.needles.length; i++) {
+      const needle = field.needles[i];
+      if (needle.bucket !== bucket) continue;
+      const half = needle.length * 0.5;
+      const reach = Math.cos(needle.angle) * half;
+      const rise = Math.sin(needle.angle) * half;
+      ctx.moveTo(needle.x - reach, needle.y - rise);
+      ctx.lineTo(needle.x + reach, needle.y + rise);
+    }
+    ctx.strokeStyle = ramp[bucket];
+    ctx.globalAlpha = BUCKET_ALPHA[bucket];
+    ctx.lineWidth = BUCKET_WIDTH[bucket];
+    ctx.stroke();
+  }
+  ctx.globalAlpha = 1;
+}
+function resolveRamp(probe, ramp) {
+  for (let step = 0; step < RAMP_STEPS; step++) {
+    probe.style.color = RAMP_PROPERTIES[step];
+    ramp[step] = getComputedStyle(probe).color;
+  }
+  probe.style.removeProperty("color");
+}
+function FlowField({
+  children,
+  speed = 1,
+  spacing = 26,
+  radius = 210,
+  className = "",
+  style,
+  htmlProps
+}) {
+  const rootRef = useRef(null);
+  const canvasRef = useRef(null);
+  const probeRef = useRef(null);
+  const phaseRef = useRef(0);
+  const settings = useRef({ speed, radius });
+  useEffect(() => {
+    settings.current = { speed, radius };
+  }, [speed, radius]);
+  useEffect(() => {
+    const root = rootRef.current;
+    const canvas = canvasRef.current;
+    const probe = probeRef.current;
+    const ctx = canvas?.getContext("2d");
+    if (!root || !canvas || !probe || !ctx) return;
+    const field = {
+      needles: [],
+      counts: new Uint16Array(RAMP_STEPS),
+      width: 0,
+      height: 0,
+      spacing: clamp(spacing, SPACING_MIN, SPACING_MAX),
+      pointerX: 0,
+      pointerY: 0,
+      steering: false,
+      grip: 0,
+      phase: phaseRef.current,
+      stale: false
+    };
+    const reduced = UIMotion.reduced;
+    const ramp = [];
+    resolveRamp(probe, ramp);
+    const render = () => paint(ctx, field, ramp);
+    const fit = () => {
+      const box = canvas.getBoundingClientRect();
+      if (!box.width || !box.height) return;
+      const ratio = Math.min(MAX_DEVICE_PIXEL_RATIO, window.devicePixelRatio || 1);
+      field.width = box.width;
+      field.height = box.height;
+      canvas.width = Math.round(box.width * ratio);
+      canvas.height = Math.round(box.height * ratio);
+      ctx.setTransform(ratio, 0, 0, ratio, 0, 0);
+      buildNeedles(field);
+    };
+    const settleNow = () => {
+      settle(field);
+      render();
+    };
+    fit();
+    render();
+    const resizes = new ResizeObserver(() => {
+      fit();
+      if (reduced) settleNow();
+    });
+    resizes.observe(root);
+    const themes = new MutationObserver(() => {
+      if (!reduced) {
+        field.stale = true;
+        return;
+      }
+      resolveRamp(probe, ramp);
+      render();
+    });
+    themes.observe(document.documentElement, THEME_ATTRIBUTES);
+    themes.observe(root, THEME_ATTRIBUTES);
+    const controller = new AbortController();
+    if (!reduced) {
+      const signal = controller.signal;
+      root.addEventListener(
+        "pointermove",
+        (event) => {
+          const box = canvas.getBoundingClientRect();
+          field.pointerX = event.clientX - box.left;
+          field.pointerY = event.clientY - box.top;
+          field.steering = true;
+        },
+        { signal }
+      );
+      const release = () => {
+        field.steering = false;
+      };
+      root.addEventListener("pointerleave", release, { signal });
+      root.addEventListener("pointercancel", release, { signal });
+    }
+    const playback = loop(
+      (k, dt) => {
+        if (field.stale) {
+          field.stale = false;
+          resolveRamp(probe, ramp);
+        }
+        advance(field, clamp(settings.current.radius, RADIUS_MIN, RADIUS_MAX), Math.min(MAX_STEP, k), dt);
+        render();
+      },
+      { el: root, speed: () => settings.current.speed, snap: settleNow }
+    );
+    return () => {
+      phaseRef.current = field.phase;
+      playback.stop();
+      resizes.disconnect();
+      themes.disconnect();
+      controller.abort();
+    };
+  }, [spacing]);
+  return /* @__PURE__ */ jsxs("div", { ref: rootRef, className: cx("flow-field", className), style, ...htmlProps, children: [
+    /* @__PURE__ */ jsx("canvas", { ref: canvasRef, className: "flow-field__canvas", "aria-hidden": "true" }),
+    /* @__PURE__ */ jsx("span", { ref: probeRef, className: "flow-field__probe", "aria-hidden": "true" }),
+    children ? /* @__PURE__ */ jsx("div", { className: "flow-field__content", children }) : null
+  ] });
+}
+
+export { FlowField };
+//# sourceMappingURL=flow-field.js.map
+//# sourceMappingURL=flow-field.js.map

package/dist/flow-field.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/expressive/flow-field/FlowField.tsx"],"names":[],"mappings":"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","file":"flow-field.js","sourcesContent":["'use client';\n\nimport './flow-field.css';\n\nimport { useEffect, useRef, type HTMLAttributes, type ReactNode } from 'react';\n\nimport type { DataAttributes } from '../../../dom-props';\nimport { loop } from '../../../engine';\nimport type { FlowFieldStyle } from '../../../tokens/component-styles.generated';\nimport { UIMotion } from '../../../tokens/motion-tokens';\nimport { cx } from '../../internal/utils/cx';\n\nconst RAMP_STEPS = 12;\nconst MAX_NEEDLES = 1600;\nconst MAX_DEVICE_PIXEL_RATIO = 2;\nconst MAX_STEP = 3;\nconst SPACING_MIN = 12;\nconst SPACING_MAX = 72;\nconst RADIUS_MIN = 40;\nconst RADIUS_MAX = 640;\n\nconst TAU = Math.PI * 2;\nconst FIELD_PHASE_RATE = 0.00042;\nconst FIELD_PHASE_PERIOD = Math.PI * 20;\nconst FIELD_SCALE_X = 0.011;\nconst FIELD_SCALE_Y = 0.014;\nconst FIELD_DRIFT_X = 1.7;\nconst FIELD_DRIFT_Y = 1.2;\nconst FIELD_AMPLITUDE = 1.15;\n\nconst STEER_FALLOFF = 0.7;\nconst GRIP_ATTACK = 0.5;\nconst GRIP_RELEASE = 0.12;\nconst TURN_RATE_MIN = 0.055;\nconst TURN_RATE_SPREAD = 0.06;\nconst LENGTH_REST = 7;\nconst LENGTH_GAIN = 11;\nconst LENGTH_EASE = 0.09;\nconst WIDTH_REST = 1.1;\nconst WIDTH_GAIN = 1.2;\nconst ALPHA_REST = 0.42;\nconst ALPHA_GAIN = 0.58;\n\nconst THEME_ATTRIBUTES: MutationObserverInit = { attributeFilter: ['class', 'style', 'data-theme'] };\n\nconst JITTER_X = 12.9898;\nconst JITTER_Y = 78.233;\nconst JITTER_MAGNITUDE = 43758.5453;\n\nconst RAMP_PROPERTIES = Array.from({ length: RAMP_STEPS }, (_, step) => `var(--flow-field-ramp-${step})`);\nconst BUCKET_ALPHA = Array.from(\n  { length: RAMP_STEPS },\n  (_, step) => ALPHA_REST + (ALPHA_GAIN * step) / (RAMP_STEPS - 1),\n);\nconst BUCKET_WIDTH = Array.from(\n  { length: RAMP_STEPS },\n  (_, step) => WIDTH_REST + (WIDTH_GAIN * step) / (RAMP_STEPS - 1),\n);\n\nconst clamp = (v: number, min: number, max: number) => (v < min ? min : v > max ? max : v);\nconst wrapAngle = (a: number) => a - TAU * Math.round(a / TAU);\n\nconst cellJitter = (column: number, row: number) => {\n  const seed = Math.sin(column * JITTER_X + row * JITTER_Y) * JITTER_MAGNITUDE;\n  return seed - Math.floor(seed);\n};\n\nconst targetAngle = (x: number, y: number, phase: number) =>\n  (Math.sin(x * FIELD_SCALE_X + phase * FIELD_DRIFT_X) + Math.cos(y * FIELD_SCALE_Y - phase * FIELD_DRIFT_Y)) *\n  FIELD_AMPLITUDE;\n\ninterface Needle {\n  x: number;\n  y: number;\n  angle: number;\n  length: number;\n  turn: number;\n  bucket: number;\n}\n\ninterface Field {\n  needles: Needle[];\n  counts: Uint16Array;\n  width: number;\n  height: number;\n  spacing: number;\n  pointerX: number;\n  pointerY: number;\n  steering: boolean;\n  grip: number;\n  phase: number;\n  stale: boolean;\n}\n\nfunction buildNeedles(field: Field) {\n  const gap = Math.max(field.spacing, Math.sqrt((field.width * field.height) / MAX_NEEDLES));\n  const columns = Math.min(MAX_NEEDLES, Math.max(1, Math.floor(field.width / gap)));\n  const rows = Math.min(Math.floor(MAX_NEEDLES / columns), Math.max(1, Math.floor(field.height / gap)));\n  const originX = (field.width - (columns - 1) * gap) / 2;\n  const originY = (field.height - (rows - 1) * gap) / 2;\n\n  field.needles.length = 0;\n  for (let row = 0; row < rows; row++)\n    for (let column = 0; column < columns; column++) {\n      const x = originX + column * gap;\n      const y = originY + row * gap;\n      field.needles.push({\n        x,\n        y,\n        angle: wrapAngle(targetAngle(x, y, field.phase)),\n        length: LENGTH_REST,\n        turn: TURN_RATE_MIN + cellJitter(column, row) * TURN_RATE_SPREAD,\n        bucket: 0,\n      });\n    }\n  field.counts.fill(0);\n  field.counts[0] = field.needles.length;\n}\n\nfunction advance(field: Field, radius: number, step: number, dt: number) {\n  field.phase = (field.phase + dt * FIELD_PHASE_RATE) % FIELD_PHASE_PERIOD;\n  field.grip = clamp(\n    field.grip + ((field.steering ? 1 : 0) - field.grip) * (field.steering ? GRIP_ATTACK : GRIP_RELEASE) * step,\n    0,\n    1,\n  );\n  field.counts.fill(0);\n\n  const steering = field.grip > 0;\n  for (let i = 0; i < field.needles.length; i++) {\n    const needle = field.needles[i];\n    let target = targetAngle(needle.x, needle.y, field.phase);\n    let pull = 0;\n    if (steering) {\n      const dx = needle.x - field.pointerX;\n      const dy = needle.y - field.pointerY;\n      const distance = Math.sqrt(dx * dx + dy * dy);\n      pull = distance < radius ? (1 - distance / radius) * field.grip : 0;\n      if (pull > 0) target += wrapAngle(Math.atan2(dy, dx) - target) * Math.pow(pull, STEER_FALLOFF);\n    }\n    needle.angle = wrapAngle(needle.angle + wrapAngle(target - needle.angle) * needle.turn * step);\n    needle.length += (LENGTH_REST + LENGTH_GAIN * pull - needle.length) * LENGTH_EASE * step;\n    const bucket = Math.round(pull * (RAMP_STEPS - 1));\n    needle.bucket = bucket;\n    field.counts[bucket]++;\n  }\n}\n\nfunction settle(field: Field) {\n  field.grip = 0;\n  field.steering = false;\n  for (let i = 0; i < field.needles.length; i++) {\n    const needle = field.needles[i];\n    needle.angle = wrapAngle(targetAngle(needle.x, needle.y, field.phase));\n    needle.length = LENGTH_REST;\n    needle.bucket = 0;\n  }\n  field.counts.fill(0);\n  field.counts[0] = field.needles.length;\n}\n\nfunction paint(ctx: CanvasRenderingContext2D, field: Field, ramp: string[]) {\n  ctx.save();\n  ctx.setTransform(1, 0, 0, 1, 0, 0);\n  ctx.clearRect(0, 0, ctx.canvas.width, ctx.canvas.height);\n  ctx.restore();\n  ctx.lineCap = 'round';\n\n  for (let bucket = 0; bucket < RAMP_STEPS; bucket++) {\n    if (!field.counts[bucket]) continue;\n    ctx.beginPath();\n    for (let i = 0; i < field.needles.length; i++) {\n      const needle = field.needles[i];\n      if (needle.bucket !== bucket) continue;\n      const half = needle.length * 0.5;\n      const reach = Math.cos(needle.angle) * half;\n      const rise = Math.sin(needle.angle) * half;\n      ctx.moveTo(needle.x - reach, needle.y - rise);\n      ctx.lineTo(needle.x + reach, needle.y + rise);\n    }\n    ctx.strokeStyle = ramp[bucket];\n    ctx.globalAlpha = BUCKET_ALPHA[bucket];\n    ctx.lineWidth = BUCKET_WIDTH[bucket];\n    ctx.stroke();\n  }\n  ctx.globalAlpha = 1;\n}\n\nfunction resolveRamp(probe: HTMLElement, ramp: string[]) {\n  for (let step = 0; step < RAMP_STEPS; step++) {\n    probe.style.color = RAMP_PROPERTIES[step];\n    ramp[step] = getComputedStyle(probe).color;\n  }\n  probe.style.removeProperty('color');\n}\n\nexport interface FlowFieldOwnProps {\n  /** Content layered over the field. It stays in the accessibility tree; only the canvas is aria-hidden. */\n  children?: ReactNode;\n  /** Multiplies the simulation rate; sampled live on every frame. @default 1 */\n  speed?: number;\n  /** Distance in pixels between neighbouring needles, clamped to 12-72. Widened automatically on large surfaces so the field never exceeds 1600 needles. @default 26 */\n  spacing?: number;\n  /** Radius in pixels of the pointer's steering influence, clamped to 40-640. @default 210 */\n  radius?: number;\n  /** Extra class(es) merged onto the root. */\n  className?: string;\n  /** Inline styles merged onto the root. */\n  style?: FlowFieldStyle;\n}\n\nexport interface FlowFieldProps extends FlowFieldOwnProps {\n  /** Standard <div> attributes (aria-*, data-*, title, ...) forwarded to the root. */\n  htmlProps?: Omit<HTMLAttributes<HTMLDivElement>, keyof FlowFieldOwnProps> & DataAttributes;\n}\n\nexport function FlowField({\n  children,\n  speed = 1,\n  spacing = 26,\n  radius = 210,\n  className = '',\n  style,\n  htmlProps,\n}: FlowFieldProps) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const canvasRef = useRef<HTMLCanvasElement>(null);\n  const probeRef = useRef<HTMLSpanElement>(null);\n  const phaseRef = useRef(0);\n  const settings = useRef({ speed, radius });\n\n  useEffect(() => {\n    settings.current = { speed, radius };\n  }, [speed, radius]);\n\n  useEffect(() => {\n    const root = rootRef.current;\n    const canvas = canvasRef.current;\n    const probe = probeRef.current;\n    const ctx = canvas?.getContext('2d');\n    if (!root || !canvas || !probe || !ctx) return;\n\n    const field: Field = {\n      needles: [],\n      counts: new Uint16Array(RAMP_STEPS),\n      width: 0,\n      height: 0,\n      spacing: clamp(spacing, SPACING_MIN, SPACING_MAX),\n      pointerX: 0,\n      pointerY: 0,\n      steering: false,\n      grip: 0,\n      phase: phaseRef.current,\n      stale: false,\n    };\n\n    const reduced = UIMotion.reduced;\n    const ramp: string[] = [];\n    resolveRamp(probe, ramp);\n\n    const render = () => paint(ctx, field, ramp);\n\n    const fit = () => {\n      const box = canvas.getBoundingClientRect();\n      if (!box.width || !box.height) return;\n      const ratio = Math.min(MAX_DEVICE_PIXEL_RATIO, window.devicePixelRatio || 1);\n      field.width = box.width;\n      field.height = box.height;\n      canvas.width = Math.round(box.width * ratio);\n      canvas.height = Math.round(box.height * ratio);\n      ctx.setTransform(ratio, 0, 0, ratio, 0, 0);\n      buildNeedles(field);\n    };\n\n    const settleNow = () => {\n      settle(field);\n      render();\n    };\n\n    fit();\n    render();\n\n    const resizes = new ResizeObserver(() => {\n      fit();\n      if (reduced) settleNow();\n    });\n    resizes.observe(root);\n\n    const themes = new MutationObserver(() => {\n      if (!reduced) {\n        field.stale = true;\n        return;\n      }\n      resolveRamp(probe, ramp);\n      render();\n    });\n    themes.observe(document.documentElement, THEME_ATTRIBUTES);\n    themes.observe(root, THEME_ATTRIBUTES);\n\n    const controller = new AbortController();\n    if (!reduced) {\n      const signal = controller.signal;\n      root.addEventListener(\n        'pointermove',\n        (event: PointerEvent) => {\n          const box = canvas.getBoundingClientRect();\n          field.pointerX = event.clientX - box.left;\n          field.pointerY = event.clientY - box.top;\n          field.steering = true;\n        },\n        { signal },\n      );\n      const release = () => {\n        field.steering = false;\n      };\n      root.addEventListener('pointerleave', release, { signal });\n      root.addEventListener('pointercancel', release, { signal });\n    }\n\n    const playback = loop(\n      (k, dt) => {\n        if (field.stale) {\n          field.stale = false;\n          resolveRamp(probe, ramp);\n        }\n        advance(field, clamp(settings.current.radius, RADIUS_MIN, RADIUS_MAX), Math.min(MAX_STEP, k), dt);\n        render();\n      },\n      { el: root, speed: () => settings.current.speed, snap: settleNow },\n    );\n\n    return () => {\n      phaseRef.current = field.phase;\n      playback.stop();\n      resizes.disconnect();\n      themes.disconnect();\n      controller.abort();\n    };\n  }, [spacing]);\n\n  return (\n    <div ref={rootRef} className={cx('flow-field', className)} style={style} {...htmlProps}>\n      <canvas ref={canvasRef} className=\"flow-field__canvas\" aria-hidden=\"true\" />\n      <span ref={probeRef} className=\"flow-field__probe\" aria-hidden=\"true\" />\n      {children ? <div className=\"flow-field__content\">{children}</div> : null}\n    </div>\n  );\n}\n"]}

package/dist/glide.js

@@ -1,5 +1,5 @@
-'use client';export { GlidePill, useGlide } from './chunk-WM5J5TDI.js';
-import './chunk-YGCVWGUG.js';
-import './chunk-S5ZTZANS.js';
+'use client';export { GlidePill, useGlide } from './chunk-CNWTIMIP.js';
+import './chunk-IJS7TPGV.js';
+import './chunk-7IZJERGA.js';
 //# sourceMappingURL=glide.js.map
 //# sourceMappingURL=glide.js.map

package/dist/icon.css

@@ -1,33 +1,37 @@
-/* Icon - base layout (inline/flex seating); size and color come from props/tokens. */
+@layer zyncat.tokens, zyncat.components;
 
-.icon {
-  flex: none;
-  vertical-align: middle;
-}
+@layer zyncat.components {
+  /* Icon - base layout (inline/flex seating); size and color come from props/tokens. */
 
-/* icon-slot - locks a consumer icon node to the token size and currentColor. */
-.icon-slot {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  flex: none;
-  color: currentColor;
-}
-.icon-slot--sm {
-  width: var(--icon-sm);
-  height: var(--icon-sm);
-}
-.icon-slot--md {
-  width: var(--icon-md);
-  height: var(--icon-md);
-}
-.icon-slot--lg {
-  width: var(--icon-lg);
-  height: var(--icon-lg);
-}
-.icon-slot > svg,
-.icon-slot > img {
-  width: 100%;
-  height: 100%;
-  display: block;
+  .icon {
+    flex: none;
+    vertical-align: middle;
+  }
+
+  /* icon-slot - locks a consumer icon node to the token size and currentColor. */
+  .icon-slot {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    flex: none;
+    color: currentColor;
+  }
+  .icon-slot--sm {
+    width: var(--icon-sm);
+    height: var(--icon-sm);
+  }
+  .icon-slot--md {
+    width: var(--icon-md);
+    height: var(--icon-md);
+  }
+  .icon-slot--lg {
+    width: var(--icon-lg);
+    height: var(--icon-lg);
+  }
+  .icon-slot > svg,
+  .icon-slot > img {
+    width: 100%;
+    height: 100%;
+    display: block;
+  }
 }