4e:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 4f:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 50:T11d9,"use client"; import { memo, useCallback, useEffect, useId, useRef, useState } from "react"; import { cn } from "@/lib/utils"; import { ShareButton, type CopyState } from "./parts/share-button"; import { SHARE_TEMPLATES } from "./parts/templates"; import { SHARE_BAR_DEFAULT_LABELS, type ShareBarProps, type ShareTarget, } from "./types"; async function copyToClipboard(text: string): Promise { if (typeof navigator !== "undefined" && navigator.clipboard?.writeText) { return navigator.clipboard.writeText(text); } if (typeof document === "undefined") { throw new Error("Clipboard not available (no document)"); } const textarea = document.createElement("textarea"); textarea.value = text; textarea.style.position = "fixed"; textarea.style.opacity = "0"; document.body.appendChild(textarea); textarea.select(); try { if (!document.execCommand("copy")) { throw new Error("execCommand copy returned false"); } } finally { document.body.removeChild(textarea); } } function ShareBarInner(props: ShareBarProps) { const { targets, url, title, text, via, hashtags, onShare, onCopySuccess, onCopyError, successResetMs = 2000, divider = false, headingAs, labels, className, headerClassName, buttonClassName, } = props; const HeadingTag = headingAs; const resolvedLabels = { ...SHARE_BAR_DEFAULT_LABELS, ...labels }; const headingId = useId(); const [copyState, setCopyState] = useState("idle"); const resetTimer = useRef | null>(null); useEffect( () => () => { if (resetTimer.current !== null) { clearTimeout(resetTimer.current); } }, [] ); const scheduleReset = useCallback((ms: number) => { if (resetTimer.current !== null) { clearTimeout(resetTimer.current); } resetTimer.current = setTimeout(() => setCopyState("idle"), ms); }, []); const resolveUrl = useCallback(() => { if (url) return url; return typeof window !== "undefined" ? window.location.href : ""; }, [url]); const handleClick = useCallback( (target: ShareTarget) => async () => { if (target.kind === "copy") { try { await copyToClipboard(resolveUrl()); setCopyState("success"); onCopySuccess?.(); onShare?.("copy"); scheduleReset(successResetMs); } catch (err) { setCopyState("error"); onCopyError?.(err); scheduleReset(successResetMs); } return; } if (target.kind === "custom") { target.onClick(); onShare?.(target.id); return; } const shareUrl = SHARE_TEMPLATES[target.kind]({ url: resolveUrl(), title, text, via, hashtags, }); if (typeof window !== "undefined") { window.open(shareUrl, "_blank", "noopener,noreferrer"); } onShare?.(target.kind); }, [ resolveUrl, title, text, via, hashtags, onShare, onCopySuccess, onCopyError, successResetMs, scheduleReset, ] ); return (

{HeadingTag ? ( {resolvedLabels.heading} ) : null}

); })}

{copyState === "success" ? resolvedLabels.copySuccess : ""} {copyState === "error" ? resolvedLabels.copyError : ""}

); } export const ShareBar = memo(ShareBarInner); ShareBar.displayName = "ShareBar"; 51:T5d1,import type { ComponentType } from "react"; export type ShareKind = | "twitter" | "facebook" | "linkedin" | "reddit" | "whatsapp" | "telegram" | "email" | "threads" | "bluesky"; export interface ShareTargetBuiltin { kind: ShareKind; icon?: ComponentType<{ className?: string }>; ariaLabel?: string; } export interface ShareTargetCopy { kind: "copy"; icon?: ComponentType<{ className?: string }>; ariaLabel?: string; } export interface ShareTargetCustom { kind: "custom"; id: string; icon: ComponentType<{ className?: string }>; ariaLabel: string; onClick: () => void; } export type ShareTarget = ShareTargetBuiltin | ShareTargetCopy | ShareTargetCustom; export interface ShareBarLabels { heading?: string; copyAria?: string; copySuccess?: string; copyError?: string; } export interface ShareBarProps { targets: ReadonlyArray; url?: string; title?: string; text?: string; via?: string; hashtags?: ReadonlyArray; onShare?: (targetKind: string) => void; onCopySuccess?: () => void; onCopyError?: (err: unknown) => void; successResetMs?: number; divider?: boolean; headingAs?: "h2" | "h3" | "h4" | null; labels?: ShareBarLabels; className?: string; headerClassName?: string; buttonClassName?: string; } export const SHARE_BAR_DEFAULT_LABELS: Required = { heading: "Share", copyAria: "Copy link", copySuccess: "Link copied", copyError: "Couldn't copy link", }; 52:T5de,import { Check, X } from "lucide-react"; import { Button } from "@/components/ui/button"; import { cn } from "@/lib/utils"; import { DEFAULT_ARIA, DEFAULT_ICONS } from "./icons"; import type { ShareTarget } from "../types"; export type CopyState = "idle" | "success" | "error"; interface ShareButtonProps { target: ShareTarget; state: CopyState; onClick: () => void; buttonClassName?: string; copyAriaLabel?: string; } export function ShareButton({ target, state, onClick, buttonClassName, copyAriaLabel, }: ShareButtonProps) { const isCopy = target.kind === "copy"; const isCustom = target.kind === "custom"; const Icon = isCopy && state === "success" ? Check : isCopy && state === "error" ? X : target.icon ?? (isCustom ? null : DEFAULT_ICONS[target.kind]); const ariaLabel = isCustom ? target.ariaLabel : isCopy ? target.ariaLabel ?? copyAriaLabel ?? DEFAULT_ARIA.copy : target.ariaLabel ?? DEFAULT_ARIA[target.kind]; return (

); } 53:T876,import type { ShareKind } from "../types"; export interface ShareUrlContext { url: string; title?: string; text?: string; via?: string; hashtags?: ReadonlyArray; } type Builder = (ctx: ShareUrlContext) => string; const enc = encodeURIComponent; export const SHARE_TEMPLATES: Record = { twitter: ({ url, title, via, hashtags }) => { const params = new URLSearchParams({ url }); if (title) params.set("text", title); if (via) params.set("via", via); if (hashtags && hashtags.length > 0) { params.set("hashtags", hashtags.join(",")); } return `https://twitter.com/intent/tweet?${params.toString()}`; }, facebook: ({ url }) => `https://www.facebook.com/sharer/sharer.php?u=${enc(url)}`, linkedin: ({ url }) => `https://www.linkedin.com/sharing/share-offsite/?url=${enc(url)}`, reddit: ({ url, title }) => { const params = new URLSearchParams({ url }); if (title) params.set("title", title); return `https://reddit.com/submit?${params.toString()}`; }, whatsapp: ({ url, title }) => { const text = [title, url].filter(Boolean).join(" "); return `https://wa.me/?text=${enc(text)}`; }, telegram: ({ url, title }) => { const params = new URLSearchParams({ url }); if (title) params.set("text", title); return `https://t.me/share/url?${params.toString()}`; }, email: ({ url, title, text }) => { // v0.1.1 — mailto: is NOT an HTTP form target. URLSearchParams encodes // spaces as `+`, which mail clients render literally ("Check+this+out"). // RFC 6068 wants percent-encoding → encodeURIComponent. const query: string[] = []; if (title) query.push(`subject=${enc(title)}`); query.push(`body=${enc([text, url].filter(Boolean).join("\n\n"))}`); return `mailto:?${query.join("&")}`; }, threads: ({ url, title }) => { const text = [title, url].filter(Boolean).join(" "); return `https://www.threads.net/intent/post?text=${enc(text)}`; }, bluesky: ({ url, title }) => { const text = [title, url].filter(Boolean).join(" "); return `https://bsky.app/intent/compose?text=${enc(text)}`; }, }; 54:T1255,import type { ComponentType, SVGProps } from "react"; interface BrandIconProps { className?: string; } function makeBrand(path: string): ComponentType { function Icon({ className }: BrandIconProps) { const svgProps: SVGProps = { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": true, className, }; return ( ); } Icon.displayName = "BrandIcon"; return Icon; } // Brand SVG paths (simple-icons.org public domain set, light fidelity). // Inlined here to avoid pulling react-icons (~250KB) for 6 brand glyphs. export const TwitterX = makeBrand( "M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" ); export const Facebook = makeBrand( "M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 .955.042 1.468.103a8.68 8.68 0 0 1 1.141.195v3.325a8.623 8.623 0 0 0-.653-.036 26.805 26.805 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.686 1.686 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647Z" ); export const LinkedIn = makeBrand( "M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065 2.063 2.063 0 1 1 2.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" ); export const Reddit = makeBrand( "M12 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0zm5.01 4.744c.688 0 1.25.561 1.25 1.249a1.25 1.25 0 0 1-2.498.056l-2.597-.547-.8 3.747c1.824.07 3.48.632 4.674 1.488.308-.309.73-.491 1.207-.491.968 0 1.754.786 1.754 1.754 0 .716-.435 1.333-1.04 1.605a3.32 3.32 0 0 1 .053.582c0 2.971-3.36 5.382-7.494 5.382s-7.494-2.411-7.494-5.382c0-.198.019-.394.055-.583-.602-.273-1.034-.890-1.034-1.604 0-.968.786-1.754 1.754-1.754.477 0 .898.182 1.207.49 1.207-.864 2.878-1.422 4.744-1.486l.896-4.21a.32.32 0 0 1 .397-.247l2.93.62a1.249 1.249 0 0 1 1.235-1.099zm-7.81 6.762a1.252 1.252 0 0 0-1.246 1.252 1.252 1.252 0 0 0 2.504.005c0-.692-.56-1.252-1.249-1.257zm5.5 0a1.252 1.252 0 0 0-1.249 1.252 1.252 1.252 0 0 0 2.5.005c0-.692-.561-1.252-1.252-1.257zm-5.466 3.358a.328.328 0 0 0-.235.567c.91.910 2.65.978 3.158.978.51 0 2.25-.067 3.16-.978a.328.328 0 0 0 0-.466.328.328 0 0 0-.466 0c-.575.575-1.806.78-2.69.78-.883 0-2.115-.205-2.69-.78a.328.328 0 0 0-.236-.10z" ); export const Threads = makeBrand( "M12.186 24h-.007c-3.581-.024-6.334-1.205-8.184-3.509C2.35 18.44 1.5 15.586 1.472 12.01v-.017c.03-3.579.879-6.43 2.525-8.482C5.845 1.205 8.6.024 12.18 0h.014c2.746.02 5.043.725 6.826 2.098 1.677 1.29 2.858 3.13 3.509 5.467l-2.04.569c-1.104-3.96-3.898-5.984-8.304-6.015-2.91.022-5.11.936-6.54 2.717C4.307 6.504 3.616 8.914 3.589 12c.027 3.086.718 5.496 2.057 7.164 1.43 1.781 3.631 2.695 6.54 2.717 2.623-.02 4.358-.631 5.8-2.045 1.647-1.613 1.618-3.593 1.09-4.798-.31-.71-.873-1.3-1.634-1.75-.192 1.352-.622 2.446-1.284 3.272-.886 1.102-2.14 1.704-3.73 1.79-1.202.066-2.361-.218-3.259-.801-1.063-.689-1.685-1.74-1.752-2.964-.065-1.19.408-2.285 1.33-3.082.88-.76 2.119-1.207 3.583-1.291a13.853 13.853 0 0 1 3.02.142c-.126-.742-.375-1.332-.75-1.757-.513-.586-1.308-.883-2.359-.89h-.029c-.844 0-1.992.232-2.721 1.32L7.734 8.85c.98-1.454 2.568-2.256 4.478-2.256h.044c3.194.02 5.097 1.975 5.287 5.388.108.046.216.094.32.143 1.49.7 2.58 1.761 3.154 3.07.797 1.82.871 4.79-1.548 7.158-1.85 1.81-4.094 2.628-7.277 2.65zm1.003-11.06c-.232 0-.467.007-.707.022-1.836.103-2.98.946-2.916 2.143.067 1.256 1.452 1.839 2.784 1.767 1.224-.065 2.818-.543 3.086-3.71a10.5 10.5 0 0 0-2.247-.222z" ); export const Bluesky = makeBrand( "M12 10.8c-1.087-2.114-4.046-6.053-6.798-7.995C2.566.944 1.561 1.266.902 1.565.139 1.908 0 3.08 0 3.768c0 .69.378 5.65.624 6.479.815 2.736 3.713 3.66 6.383 3.364.136-.02.275-.039.415-.056-.138.022-.276.04-.415.056-3.912.58-7.387 2.005-2.83 7.078 5.013 5.19 6.87-1.113 7.823-4.308.953 3.195 2.05 9.271 7.733 4.308 4.267-4.308 1.172-6.498-2.74-7.078a8.741 8.741 0 0 1-.415-.056c.14.017.279.036.415.056 2.67.297 5.568-.628 6.383-3.364.246-.828.624-5.79.624-6.478 0-.69-.139-1.861-.902-2.206-.659-.298-1.664-.62-4.3 1.24C16.046 4.748 13.087 8.687 12 10.8z" ); 4d:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","lucide-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"lucide-react"}]]}]}]]}],["$","$L4e",null,{"namespace":"@ilinxa","registryDependencies":["button"]}]]}],null]}],["$","$L4f",null,{"files":[{"path":"src/registry/components/marketing/share-bar/share-bar.tsx","content":"$50","type":"registry:component","target":"components/share-bar/share-bar.tsx"},{"path":"src/registry/components/marketing/share-bar/index.ts","content":"export { ShareBar } from \"./share-bar\";\nexport {\n SHARE_BAR_DEFAULT_LABELS,\n type ShareBarLabels,\n type ShareBarProps,\n type ShareKind,\n type ShareTarget,\n type ShareTargetBuiltin,\n type ShareTargetCopy,\n type ShareTargetCustom,\n} from \"./types\";\nexport { SHARE_TEMPLATES } from \"./parts/templates\";\n","type":"registry:component","target":"components/share-bar/index.ts"},{"path":"src/registry/components/marketing/share-bar/types.ts","content":"$51","type":"registry:component","target":"components/share-bar/types.ts"},{"path":"src/registry/components/marketing/share-bar/parts/share-button.tsx","content":"$52","type":"registry:component","target":"components/share-bar/parts/share-button.tsx"},{"path":"src/registry/components/marketing/share-bar/parts/templates.ts","content":"$53","type":"registry:component","target":"components/share-bar/parts/templates.ts"},{"path":"src/registry/components/marketing/share-bar/parts/icons.ts","content":"import { Copy, Mail, MessageCircle, Send } from \"lucide-react\";\nimport type { ComponentType } from \"react\";\nimport {\n Bluesky,\n Facebook,\n LinkedIn,\n Reddit,\n Threads,\n TwitterX,\n} from \"./brand-icons\";\nimport type { ShareKind } from \"../types\";\n\nexport const DEFAULT_ICONS: Record<\n ShareKind | \"copy\",\n ComponentType<{ className?: string }>\n> = {\n twitter: TwitterX,\n facebook: Facebook,\n linkedin: LinkedIn,\n reddit: Reddit,\n whatsapp: MessageCircle,\n telegram: Send,\n email: Mail,\n threads: Threads,\n bluesky: Bluesky,\n copy: Copy,\n};\n\nexport const DEFAULT_ARIA: Record = {\n twitter: \"Share on X\",\n facebook: \"Share on Facebook\",\n linkedin: \"Share on LinkedIn\",\n reddit: \"Share on Reddit\",\n whatsapp: \"Share on WhatsApp\",\n telegram: \"Share on Telegram\",\n email: \"Share via email\",\n threads: \"Share on Threads\",\n bluesky: \"Share on Bluesky\",\n copy: \"Copy link\",\n};\n","type":"registry:component","target":"components/share-bar/parts/icons.ts"},{"path":"src/registry/components/marketing/share-bar/parts/brand-icons.tsx","content":"$54","type":"registry:component","target":"components/share-bar/parts/brand-icons.tsx"}],"className":"h-[70svh] min-h-80"}]]}]