@168group/brand-family 0.1.0

package/LICENSE

@@ -0,0 +1,6 @@
+Copyright (c) 2026 168 Group Inc. All rights reserved.
+
+This package and its included brand assets are provided for authorized 168 Group
+websites. No license is granted to reproduce, redistribute, modify, or use the
+included trademarks or brand assets outside authorized 168 Group properties without
+prior written permission from 168 Group Inc.

package/README.md

@@ -0,0 +1,126 @@
+# @168group/brand-family
+
+The shared 168 Group portfolio rail for React and Next.js websites. It renders
+server-visible brand links, an accessible pauseable desktop marquee, and a manually
+swipeable touch experience with no Tailwind or animation-library dependency.
+
+## Install
+
+```bash
+npm install @168group/brand-family
+```
+
+Import the stylesheet once in the host application's global entry:
+
+```tsx
+import "@168group/brand-family/styles.css";
+```
+
+Then place the component on the site's homepage, preferably immediately after the primary
+hero or introductory section. This keeps the family visible without placing a large
+marketing rail above the main purpose of every inner page:
+
+```tsx
+import { BrandFamilyRail } from "@168group/brand-family";
+
+export function HomePage() {
+  return (
+    <>
+      <Hero />
+      <BrandFamilyRail
+        currentBrandSlug="laopot"
+        openLinksInNewTab
+      />
+      <HomePageContent />
+    </>
+  );
+}
+```
+
+Use the slug exported in `brandFamily` for `currentBrandSlug`. The current site stays
+visible in the family but is rendered without a self-link.
+
+`openLinksInNewTab` is optional and defaults to `false`. When enabled, linked cards use
+`target="_blank"`, `rel="noopener"`, an external-link arrow, and an accessible new-tab
+announcement. Opening a new tab can help visitors keep their place on the current brand
+site, but does not provide additional search-ranking value.
+
+## Customization
+
+Override the package CSS variables on a wrapper or the component itself:
+
+```tsx
+<BrandFamilyRail
+  currentBrandSlug="168-asian-mart"
+  style={{
+    "--bfr-crimson": "#b7182e",
+    "--bfr-gold": "#d4af37",
+  } as React.CSSProperties}
+/>
+```
+
+The `onBrandNavigate` callback can forward click events to the host site's analytics.
+Navigation remains native and continues even if that callback fails.
+
+## Preparing and replacing logos
+
+When retained, original supplied artwork lives in `assets/logos/logos/` and is
+intentionally excluded from the published package. The preparation script safely skips
+an original that is no longer present. The web-ready assets in `assets/logos/` use a consistent
+transparent `600 × 300` canvas—enough for crisp high-density card rendering without
+shipping oversized artwork. To regenerate the supplied marks with Pillow and NumPy:
+
+```bash
+python3 scripts/prepare-logos.py
+```
+
+The script preserves every original. It removes the edge-connected white matte from
+168 Asian Mart, removes and decontaminates the black JPEG matte from Asian Street Food,
+and—when the full ASF original is present—favors its primary bowl mark over the too-small
+card tagline. It trims transparent PNGs and presents the flattened Ebisu campaign graphic
+as a rounded tile. Ebisu needs a
+layered/vector original before its pink rays can be removed without damaging the mascot
+and lettering. The uploaded `icon.png` is retained as the source for the normalized
+`168-nail-supply.png` asset. `fuji.png` is the source for `fuji-buffet.png`, and the
+white matte is removed from `rdf_logo.webp` when producing
+`ricky-dong-foundation.png`. A final lower-wordmark pass removes enclosed white matte
+remnants from the Asian Mart and foundation lettering without touching the white artwork
+inside their upper badges.
+
+The published web-ready logo files live in `assets/logos/`. Replace a file without
+changing its name, preserve a wide `2:1` canvas when practical, and run:
+
+```bash
+npm run check --workspace=@168group/brand-family
+```
+
+Prefer clean vector originals. If a brand has only a raster logo, convert it to an
+optimized transparent WebP or PNG and update the matching import in `src/brands.ts`.
+Keep every individual asset small enough for the complete logo set to remain lightweight.
+
+## Release
+
+1. Update the package version according to semantic versioning.
+2. Run the package check and the umbrella site's lint/build.
+3. Inspect the packed contents with `npm pack --dry-run --workspace=@168group/brand-family`.
+4. Publish to public npm. The package pins both `publishConfig.access = "public"` and the
+   official npm registry so a developer's user-level scope configuration cannot redirect it.
+5. Let Dependabot/Renovate open tested dependency updates in each brand-site repository.
+
+Do not make consumer sites depend on a mutable Git branch or an unversioned remote
+JavaScript URL.
+
+For Dependabot, add this to each consumer repository's `.github/dependabot.yml`:
+
+```yaml
+version: 2
+updates:
+  - package-ecosystem: npm
+    directory: /
+    schedule:
+      interval: weekly
+```
+
+The included `publish-brand-family.yml` workflow publishes manually after all package
+and application checks pass. It expects an npm automation token in the repository secret
+`NPM_TOKEN` from an account with permission to publish under the public `@168group` scope.

package/dist/brand-family-rail.d.ts

@@ -0,0 +1,3 @@
+import type { BrandFamilyRailProps } from "./types.js";
+export declare function BrandFamilyRail({ brands, currentBrandSlug, heading, description, eyebrow, includeComingSoon, durationSeconds, openLinksInNewTab, className, style, onBrandNavigate, }: BrandFamilyRailProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=brand-family-rail.d.ts.map

package/dist/brand-family-rail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"brand-family-rail.d.ts","sourceRoot":"","sources":["../src/brand-family-rail.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAEV,oBAAoB,EAErB,MAAM,YAAY,CAAC;AA8IpB,wBAAgB,eAAe,CAAC,EAC9B,MAAoB,EACpB,gBAAgB,EAChB,OAA4C,EAC5C,WAAsH,EACtH,OAAgC,EAChC,iBAAyB,EACzB,eAAoB,EACpB,iBAAyB,EACzB,SAAS,EACT,KAAK,EACL,eAAe,GAChB,EAAE,oBAAoB,kDAgKtB"}

package/dist/brand-family-rail.js

@@ -0,0 +1,77 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useId, useMemo, useRef, useState, } from "react";
+import { brandFamily } from "./brands.js";
+const cx = (...classes) => classes.filter(Boolean).join(" ");
+const assetSrc = (asset) => typeof asset === "string" ? asset : asset.src;
+const clampDuration = (value) => Math.min(90, Math.max(20, value));
+function BrandCard({ brand, current, clone, instanceId, newTab, onBrandNavigate, }) {
+    const [imageFailed, setImageFailed] = useState(false);
+    const logoSrc = brand.logo.asset ? assetSrc(brand.logo.asset) : null;
+    const detailsId = `${instanceId}-${clone ? "clone" : "primary"}-${brand.slug}`;
+    const initials = brand.name
+        .split(/\s+/)
+        .filter(Boolean)
+        .slice(0, 3)
+        .map((word) => word[0])
+        .join("")
+        .toUpperCase();
+    const content = (_jsxs(_Fragment, { children: [_jsxs("span", { className: "bfr-logo-stage", children: [imageFailed || !logoSrc ? (_jsx("span", { className: "bfr-logo-fallback", "aria-hidden": "true", children: initials })) : (_jsx("img", { className: "bfr-logo", src: logoSrc, width: brand.logo.width, height: brand.logo.height, alt: brand.logo.alt, loading: "lazy", decoding: "async", onError: () => setImageFailed(true) })), _jsx("span", { className: "bfr-card-index", "aria-hidden": "true", children: String(brand.order + 1).padStart(2, "0") })] }), _jsxs("span", { className: "bfr-card-caption", "aria-hidden": "true", children: [_jsx("span", { className: "bfr-card-caption-name", children: brand.name }), _jsx("svg", { viewBox: "0 0 16 16", width: "15", height: "15", focusable: "false", children: _jsx("path", { d: newTab ? "M5 11 11.5 4.5M7 4.5h4.5V9" : "M3.5 8h8M8.5 4l4 4-4 4", fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }) })] }), _jsxs("span", { className: "bfr-card-details", id: detailsId, role: "tooltip", children: [_jsxs("span", { className: "bfr-card-heading", children: [_jsx("span", { className: "bfr-card-name", children: brand.name }), _jsx("span", { className: "bfr-card-category", children: brand.category })] }), _jsx("span", { className: "bfr-card-description", children: brand.shortDescription }), _jsxs("span", { className: "bfr-card-action", "aria-hidden": "true", children: [current ? "You are here" : "Visit website", !current && (_jsx("svg", { viewBox: "0 0 16 16", width: "14", height: "14", focusable: "false", children: _jsx("path", { d: newTab ? "M5 11 11.5 4.5M7 4.5h4.5V9" : "M3.5 8h8M8.5 4l4 4-4 4", fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }) }))] })] }), current && _jsx("span", { className: "bfr-current-pill", children: "Current site" })] }));
+    const cardClassName = cx("bfr-card", current && "bfr-card--current", (imageFailed || !logoSrc) && "bfr-card--image-failed");
+    if (current || !brand.canonicalUrl) {
+        return (_jsx("div", { className: cardClassName, "aria-current": current ? "page" : undefined, "aria-describedby": detailsId, children: content }));
+    }
+    const handleClick = (_event) => {
+        try {
+            onBrandNavigate === null || onBrandNavigate === void 0 ? void 0 : onBrandNavigate(brand);
+        }
+        catch (error) {
+            console.error("[BrandFamilyRail] onBrandNavigate failed", error);
+        }
+    };
+    return (_jsx("a", { className: cardClassName, href: brand.canonicalUrl, target: newTab ? "_blank" : undefined, rel: newTab ? "noopener" : undefined, "aria-label": newTab ? `${brand.name} — opens in a new tab` : undefined, "aria-describedby": detailsId, "data-brand-family-slug": brand.slug, "data-brand-family-name": brand.name, tabIndex: clone ? -1 : undefined, onClick: handleClick, children: content }));
+}
+export function BrandFamilyRail({ brands = brandFamily, currentBrandSlug, heading = "One family. Endless discoveries.", description = "From the table to the marketplace—and everywhere people gather—meet the brands that make up 168 Group.", eyebrow = "The 168 Group family", includeComingSoon = false, durationSeconds = 48, openLinksInNewTab = false, className, style, onBrandNavigate, }) {
+    const instanceId = useId().replace(/:/g, "");
+    const viewportRef = useRef(null);
+    const primaryListRef = useRef(null);
+    const [canAnimate, setCanAnimate] = useState(false);
+    const [manuallyPaused, setManuallyPaused] = useState(false);
+    const visibleBrands = useMemo(() => [...brands]
+        .filter((brand) => brand.status === "active" ||
+        (includeComingSoon && brand.status === "coming-soon"))
+        .sort((a, b) => a.order - b.order), [brands, includeComingSoon]);
+    useEffect(() => {
+        const viewport = viewportRef.current;
+        const primaryList = primaryListRef.current;
+        if (!viewport || !primaryList || visibleBrands.length < 2) {
+            setCanAnimate(false);
+            return;
+        }
+        const reducedMotion = window.matchMedia("(prefers-reduced-motion: reduce)");
+        const precisePointer = window.matchMedia("(min-width: 721px) and (hover: hover) and (pointer: fine)");
+        const update = () => {
+            const overflows = primaryList.scrollWidth > viewport.clientWidth + 8;
+            setCanAnimate(overflows && precisePointer.matches && !reducedMotion.matches);
+        };
+        const resizeObserver = new ResizeObserver(update);
+        resizeObserver.observe(viewport);
+        resizeObserver.observe(primaryList);
+        reducedMotion.addEventListener("change", update);
+        precisePointer.addEventListener("change", update);
+        update();
+        return () => {
+            resizeObserver.disconnect();
+            reducedMotion.removeEventListener("change", update);
+            precisePointer.removeEventListener("change", update);
+        };
+    }, [visibleBrands.length]);
+    if (visibleBrands.length === 0)
+        return null;
+    const railStyle = {
+        ...style,
+        "--bfr-duration": `${clampDuration(durationSeconds)}s`,
+    };
+    return (_jsxs("section", { className: cx("bfr", canAnimate && "bfr--animated", manuallyPaused && "bfr--manual-paused", className), style: railStyle, "aria-labelledby": `${instanceId}-heading`, children: [_jsx("div", { className: "bfr-atmosphere", "aria-hidden": "true" }), _jsxs("div", { className: "bfr-header", children: [_jsx("span", { className: "bfr-seal", "aria-hidden": "true", children: _jsx("span", { children: "168" }) }), _jsxs("div", { className: "bfr-heading-copy", children: [_jsx("p", { className: "bfr-eyebrow", children: eyebrow }), _jsx("h2", { className: "bfr-title", id: `${instanceId}-heading`, children: heading }), _jsx("p", { className: "bfr-description", children: description })] }), _jsx("div", { className: "bfr-motion-slot", children: canAnimate && (_jsxs("button", { className: "bfr-motion-toggle", type: "button", "aria-pressed": manuallyPaused, onClick: () => setManuallyPaused((paused) => !paused), children: [_jsx("span", { className: "bfr-motion-icon", "aria-hidden": "true", children: manuallyPaused ? (_jsx("svg", { viewBox: "0 0 18 18", width: "16", height: "16", children: _jsx("path", { d: "m6.2 4.7 7 4.3-7 4.3V4.7Z", fill: "currentColor" }) })) : (_jsx("svg", { viewBox: "0 0 18 18", width: "16", height: "16", children: _jsx("path", { d: "M5.5 4.5h2.3v9H5.5v-9Zm4.7 0h2.3v9h-2.3v-9Z", fill: "currentColor" }) })) }), manuallyPaused ? "Resume motion" : "Pause motion"] })) })] }), _jsx("div", { className: "bfr-rail-shell", children: _jsx("div", { className: "bfr-viewport", ref: viewportRef, tabIndex: canAnimate ? undefined : 0, "aria-label": "168 Group brands", children: _jsxs("div", { className: "bfr-track", children: [_jsx("ul", { className: "bfr-list", ref: primaryListRef, children: visibleBrands.map((brand) => (_jsx("li", { className: "bfr-list-item", children: _jsx(BrandCard, { brand: brand, current: brand.slug === currentBrandSlug, clone: false, instanceId: instanceId, newTab: openLinksInNewTab, onBrandNavigate: onBrandNavigate }) }, brand.slug))) }), canAnimate && (_jsx("ul", { className: "bfr-list bfr-list--clone", "aria-hidden": "true", children: visibleBrands.map((brand) => (_jsx("li", { className: "bfr-list-item", children: _jsx(BrandCard, { brand: brand, current: brand.slug === currentBrandSlug, clone: true, instanceId: instanceId, newTab: openLinksInNewTab, onBrandNavigate: onBrandNavigate }) }, `clone-${brand.slug}`))) }))] }) }) }), _jsxs("div", { className: "bfr-footer-note", "aria-hidden": "true", children: [_jsx("span", { children: "Food" }), _jsx("i", {}), _jsx("span", { children: "Retail" }), _jsx("i", {}), _jsx("span", { children: "Entertainment" }), _jsx("i", {}), _jsx("span", { children: "Community" })] })] }));
+}
+//# sourceMappingURL=brand-family-rail.js.map

package/dist/brand-family-rail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"brand-family-rail.js","sourceRoot":"","sources":["../src/brand-family-rail.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EACL,SAAS,EACT,KAAK,EACL,OAAO,EACP,MAAM,EACN,QAAQ,GAGT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAO1C,MAAM,EAAE,GAAG,CAAC,GAAG,OAAiD,EAAE,EAAE,CAClE,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEpC,MAAM,QAAQ,GAAG,CAAC,KAAqB,EAAU,EAAE,CACjD,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC;AAEhD,MAAM,aAAa,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC;AAW3E,SAAS,SAAS,CAAC,EACjB,KAAK,EACL,OAAO,EACP,KAAK,EACL,UAAU,EACV,MAAM,EACN,eAAe,GACA;IACf,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACrE,MAAM,SAAS,GAAG,GAAG,UAAU,IAAI,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC;IAC/E,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI;SACxB,KAAK,CAAC,KAAK,CAAC;SACZ,MAAM,CAAC,OAAO,CAAC;SACf,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;SACX,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;SACtB,IAAI,CAAC,EAAE,CAAC;SACR,WAAW,EAAE,CAAC;IAEjB,MAAM,OAAO,GAAG,CACd,8BACE,gBAAM,SAAS,EAAC,gBAAgB,aAC7B,WAAW,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CACzB,eAAM,SAAS,EAAC,mBAAmB,iBAAa,MAAM,YACnD,QAAQ,GACJ,CACR,CAAC,CAAC,CAAC,CACF,cACE,SAAS,EAAC,UAAU,EACpB,GAAG,EAAE,OAAO,EACZ,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,EACvB,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM,EACzB,GAAG,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,EACnB,OAAO,EAAC,MAAM,EACd,QAAQ,EAAC,OAAO,EAChB,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,GACnC,CACH,EACD,eAAM,SAAS,EAAC,gBAAgB,iBAAa,MAAM,YAChD,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,GACpC,IACF,EACP,gBAAM,SAAS,EAAC,kBAAkB,iBAAa,MAAM,aACnD,eAAM,SAAS,EAAC,uBAAuB,YAAE,KAAK,CAAC,IAAI,GAAQ,EAC3D,cAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,SAAS,EAAC,OAAO,YAC/D,eACE,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,wBAAwB,EACnE,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,GACE,IACD,EACP,gBAAM,SAAS,EAAC,kBAAkB,EAAC,EAAE,EAAE,SAAS,EAAE,IAAI,EAAC,SAAS,aAC9D,gBAAM,SAAS,EAAC,kBAAkB,aAChC,eAAM,SAAS,EAAC,eAAe,YAAE,KAAK,CAAC,IAAI,GAAQ,EACnD,eAAM,SAAS,EAAC,mBAAmB,YAAE,KAAK,CAAC,QAAQ,GAAQ,IACtD,EACP,eAAM,SAAS,EAAC,sBAAsB,YAAE,KAAK,CAAC,gBAAgB,GAAQ,EACtE,gBAAM,SAAS,EAAC,iBAAiB,iBAAa,MAAM,aACjD,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,eAAe,EAC1C,CAAC,OAAO,IAAI,CACX,cAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,SAAS,EAAC,OAAO,YAC/D,eACE,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,wBAAwB,EACnE,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,GACE,CACP,IACI,IACF,EACN,OAAO,IAAI,eAAM,SAAS,EAAC,kBAAkB,6BAAoB,IACjE,CACJ,CAAC;IAEF,MAAM,aAAa,GAAG,EAAE,CACtB,UAAU,EACV,OAAO,IAAI,mBAAmB,EAC9B,CAAC,WAAW,IAAI,CAAC,OAAO,CAAC,IAAI,wBAAwB,CACtD,CAAC;IAEF,IAAI,OAAO,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE;QAClC,OAAO,CACL,cACE,SAAS,EAAE,aAAa,kBACV,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,sBACxB,SAAS,YAE1B,OAAO,GACJ,CACP,CAAC;KACH;IAED,MAAM,WAAW,GAAG,CAAC,MAAqC,EAAE,EAAE;QAC5D,IAAI;YACF,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAG,KAAK,CAAC,CAAC;SAC1B;QAAC,OAAO,KAAK,EAAE;YACd,OAAO,CAAC,KAAK,CAAC,0CAA0C,EAAE,KAAK,CAAC,CAAC;SAClE;IACH,CAAC,CAAC;IAEF,OAAO,CACL,YACE,SAAS,EAAE,aAAa,EACxB,IAAI,EAAE,KAAK,CAAC,YAAY,EACxB,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACrC,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,gBACxB,MAAM,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,IAAI,uBAAuB,CAAC,CAAC,CAAC,SAAS,sBACnD,SAAS,4BACH,KAAK,CAAC,IAAI,4BACV,KAAK,CAAC,IAAI,EAClC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAChC,OAAO,EAAE,WAAW,YAEnB,OAAO,GACN,CACL,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,EAC9B,MAAM,GAAG,WAAW,EACpB,gBAAgB,EAChB,OAAO,GAAG,kCAAkC,EAC5C,WAAW,GAAG,wGAAwG,EACtH,OAAO,GAAG,sBAAsB,EAChC,iBAAiB,GAAG,KAAK,EACzB,eAAe,GAAG,EAAE,EACpB,iBAAiB,GAAG,KAAK,EACzB,SAAS,EACT,KAAK,EACL,eAAe,GACM;IACrB,MAAM,UAAU,GAAG,KAAK,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;IAC7C,MAAM,WAAW,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACjD,MAAM,cAAc,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IACtD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5D,MAAM,aAAa,GAAG,OAAO,CAC3B,GAAG,EAAE,CACH,CAAC,GAAG,MAAM,CAAC;SACR,MAAM,CACL,CAAC,KAAK,EAAE,EAAE,CACR,KAAK,CAAC,MAAM,KAAK,QAAQ;QACzB,CAAC,iBAAiB,IAAI,KAAK,CAAC,MAAM,KAAK,aAAa,CAAC,CACxD;SACA,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC,EACtC,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAC5B,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAC;QACrC,MAAM,WAAW,GAAG,cAAc,CAAC,OAAO,CAAC;QAC3C,IAAI,CAAC,QAAQ,IAAI,CAAC,WAAW,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,EAAE;YACzD,aAAa,CAAC,KAAK,CAAC,CAAC;YACrB,OAAO;SACR;QAED,MAAM,aAAa,GAAG,MAAM,CAAC,UAAU,CAAC,kCAAkC,CAAC,CAAC;QAC5E,MAAM,cAAc,GAAG,MAAM,CAAC,UAAU,CACtC,2DAA2D,CAC5D,CAAC;QACF,MAAM,MAAM,GAAG,GAAG,EAAE;YAClB,MAAM,SAAS,GAAG,WAAW,CAAC,WAAW,GAAG,QAAQ,CAAC,WAAW,GAAG,CAAC,CAAC;YACrE,aAAa,CACX,SAAS,IAAI,cAAc,CAAC,OAAO,IAAI,CAAC,aAAa,CAAC,OAAO,CAC9D,CAAC;QACJ,CAAC,CAAC;QAEF,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,MAAM,CAAC,CAAC;QAClD,cAAc,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;QACjC,cAAc,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;QACpC,aAAa,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;QACjD,cAAc,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;QAClD,MAAM,EAAE,CAAC;QAET,OAAO,GAAG,EAAE;YACV,cAAc,CAAC,UAAU,EAAE,CAAC;YAC5B,aAAa,CAAC,mBAAmB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;YACpD,cAAc,CAAC,mBAAmB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;QACvD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC;IAE3B,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAE5C,MAAM,SAAS,GAAG;QAChB,GAAG,KAAK;QACR,gBAAgB,EAAE,GAAG,aAAa,CAAC,eAAe,CAAC,GAAG;KACtC,CAAC;IAEnB,OAAO,CACL,mBACE,SAAS,EAAE,EAAE,CACX,KAAK,EACL,UAAU,IAAI,eAAe,EAC7B,cAAc,IAAI,oBAAoB,EACtC,SAAS,CACV,EACD,KAAK,EAAE,SAAS,qBACC,GAAG,UAAU,UAAU,aAExC,cAAK,SAAS,EAAC,gBAAgB,iBAAa,MAAM,GAAG,EACrD,eAAK,SAAS,EAAC,YAAY,aACzB,eAAM,SAAS,EAAC,UAAU,iBAAa,MAAM,YAC3C,iCAAgB,GACX,EACP,eAAK,SAAS,EAAC,kBAAkB,aAC/B,YAAG,SAAS,EAAC,aAAa,YAAE,OAAO,GAAK,EACxC,aAAI,SAAS,EAAC,WAAW,EAAC,EAAE,EAAE,GAAG,UAAU,UAAU,YAClD,OAAO,GACL,EACL,YAAG,SAAS,EAAC,iBAAiB,YAAE,WAAW,GAAK,IAC5C,EACN,cAAK,SAAS,EAAC,iBAAiB,YAC7B,UAAU,IAAI,CACb,kBACE,SAAS,EAAC,mBAAmB,EAC7B,IAAI,EAAC,QAAQ,kBACC,cAAc,EAC5B,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,aAErD,eAAM,SAAS,EAAC,iBAAiB,iBAAa,MAAM,YACjD,cAAc,CAAC,CAAC,CAAC,CAChB,cAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,YAC7C,eAAM,CAAC,EAAC,2BAA2B,EAAC,IAAI,EAAC,cAAc,GAAG,GACtD,CACP,CAAC,CAAC,CAAC,CACF,cAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,YAC7C,eAAM,CAAC,EAAC,6CAA6C,EAAC,IAAI,EAAC,cAAc,GAAG,GACxE,CACP,GACI,EACN,cAAc,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,cAAc,IAC3C,CACV,GACG,IACF,EAEN,cAAK,SAAS,EAAC,gBAAgB,YAC7B,cACE,SAAS,EAAC,cAAc,EACxB,GAAG,EAAE,WAAW,EAChB,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,gBACzB,kBAAkB,YAE7B,eAAK,SAAS,EAAC,WAAW,aACxB,aAAI,SAAS,EAAC,UAAU,EAAC,GAAG,EAAE,cAAc,YACzC,aAAa,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC5B,aAAI,SAAS,EAAC,eAAe,YAC3B,KAAC,SAAS,IACR,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,KAAK,CAAC,IAAI,KAAK,gBAAgB,EACxC,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,iBAAiB,EACzB,eAAe,EAAE,eAAe,GAChC,IAR+B,KAAK,CAAC,IAAI,CASxC,CACN,CAAC,GACC,EACJ,UAAU,IAAI,CACb,aAAI,SAAS,EAAC,0BAA0B,iBAAa,MAAM,YACxD,aAAa,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC5B,aAAI,SAAS,EAAC,eAAe,YAC3B,KAAC,SAAS,IACR,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,KAAK,CAAC,IAAI,KAAK,gBAAgB,EACxC,KAAK,QACL,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,iBAAiB,EACzB,eAAe,EAAE,eAAe,GAChC,IAR+B,SAAS,KAAK,CAAC,IAAI,EAAE,CASnD,CACN,CAAC,GACC,CACN,IACG,GACF,GACF,EAEN,eAAK,SAAS,EAAC,iBAAiB,iBAAa,MAAM,aACjD,kCAAiB,EACjB,aAAK,EACL,oCAAmB,EACnB,aAAK,EACL,2CAA0B,EAC1B,aAAK,EACL,uCAAsB,IAClB,IACE,CACX,CAAC;AACJ,CAAC"}

package/dist/brands.d.ts

@@ -0,0 +1,3 @@
+import type { BrandFamilyEntry } from "./types.js";
+export declare const brandFamily: readonly BrandFamilyEntry[];
+//# sourceMappingURL=brands.d.ts.map

package/dist/brands.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"brands.d.ts","sourceRoot":"","sources":["../src/brands.ts"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAUnD,eAAO,MAAM,WAAW,6BAyHO,CAAC"}

package/dist/brands.js

@@ -0,0 +1,142 @@
+import asianMartLogo from "../assets/logos/168-asian-mart.png";
+import crabLogo from "../assets/logos/168-crab-karaoke.png";
+import ebisuLogo from "../assets/logos/168-ebisu.png";
+import groupLogo from "../assets/logos/168-group.png";
+import nailSupplyLogo from "../assets/logos/168-nail-supply.png";
+import asianStreetFoodLogo from "../assets/logos/asian-street-food.png";
+import beyondHomeLogo from "../assets/logos/beyond-home.png";
+import fujiBuffetLogo from "../assets/logos/fuji-buffet.png";
+import gottaGachaLogo from "../assets/logos/gotta-gacha.png";
+import laopotLogo from "../assets/logos/laopot.png";
+import foundationLogo from "../assets/logos/ricky-dong-foundation.png";
+import tabeLogo from "../assets/logos/tabe.png";
+import { validateBrands } from "./validate-brands.js";
+const logo = (asset, alt) => ({
+    asset,
+    alt,
+    width: 360,
+    height: 180,
+});
+export const brandFamily = validateBrands([
+    {
+        slug: "168-group",
+        name: "168 Group",
+        category: "Group",
+        shortDescription: "The East in Your Reach—bringing Asian food, retail, entertainment, and community together in Michigan.",
+        canonicalUrl: "https://www.168groupusa.com/",
+        logo: logo(groupLogo, "168 Group"),
+        order: 0,
+        status: "active",
+    },
+    {
+        slug: "168-asian-mart",
+        name: "168 Asian Mart",
+        category: "Retail",
+        shortDescription: "Michigan's destination for Asian groceries, fresh seafood, produce, pantry staples, and food-hall favorites.",
+        canonicalUrl: "https://168asianmart.com/",
+        logo: logo(asianMartLogo, "168 Asian Mart"),
+        order: 1,
+        status: "active",
+    },
+    {
+        slug: "laopot",
+        name: "Laopot",
+        category: "Restaurant",
+        shortDescription: "A lively all-you-can-eat hot pot and Korean barbecue experience made for gathering around the table.",
+        canonicalUrl: "https://www.laopot.com/",
+        logo: logo(laopotLogo, "Laopot"),
+        order: 2,
+        status: "active",
+    },
+    {
+        slug: "fuji-buffet",
+        name: "Fuji Buffet",
+        category: "Restaurant",
+        shortDescription: "A local Japanese buffet favorite serving fresh sushi and a generous selection of hot dishes.",
+        canonicalUrl: "https://www.fujibuffet.com/",
+        logo: logo(fujiBuffetLogo, "Fuji Buffet"),
+        order: 3,
+        status: "active",
+    },
+    {
+        slug: "beyond-home",
+        name: "Beyond Home",
+        category: "Retail",
+        shortDescription: "Unexpected Asian home goods, snacks, toys, décor, and everyday discoveries gathered under one roof.",
+        canonicalUrl: "https://www.beyondhomemi.com/",
+        logo: logo(beyondHomeLogo, "Beyond Home"),
+        order: 4,
+        status: "active",
+    },
+    {
+        slug: "gotta-gacha",
+        name: "Gotta Gacha",
+        category: "Entertainment",
+        shortDescription: "Arcade games, esports, tabletop play, karaoke, events, and collectibles in one social playground.",
+        canonicalUrl: "https://www.gottagacha.com/",
+        logo: logo(gottaGachaLogo, "Gotta Gacha"),
+        order: 5,
+        status: "active",
+    },
+    {
+        slug: "168-ebisu",
+        name: "168 Ebisu",
+        category: "Retail",
+        shortDescription: "A playful shop for Asian snacks, beauty finds, blind boxes, collectibles, and gift-worthy discoveries.",
+        canonicalUrl: "https://www.168ebisu.com/",
+        logo: logo(ebisuLogo, "168 Ebisu"),
+        order: 6,
+        status: "active",
+    },
+    {
+        slug: "168-crab-karaoke",
+        name: "168 Crab & Karaoke",
+        category: "Restaurant",
+        shortDescription: "A seafood-boil dining experience paired with private karaoke rooms for celebrations and late-night fun.",
+        canonicalUrl: "https://www.168crab.com/",
+        logo: logo(crabLogo, "168 Crab & Karaoke"),
+        order: 7,
+        status: "active",
+    },
+    {
+        slug: "tabe",
+        name: "Tabe",
+        category: "Restaurant",
+        shortDescription: "An elevated Ann Arbor dining experience with omakase, Asian-fusion plates, cocktails, and thoughtful hospitality.",
+        canonicalUrl: "https://tabefusion.com/",
+        logo: logo(tabeLogo, "Tabe"),
+        order: 8,
+        status: "active",
+    },
+    {
+        slug: "asian-street-food",
+        name: "Asian Street Food",
+        category: "Restaurant",
+        shortDescription: "A modern celebration of Asian street-food culture, from ramen and skewers to bold shareable plates.",
+        canonicalUrl: "https://www.eatasf.com/",
+        logo: logo(asianStreetFoodLogo, "Asian Street Food"),
+        order: 9,
+        status: "active",
+    },
+    {
+        slug: "168-nail-supply",
+        name: "168 Nail Supply",
+        category: "Retail",
+        shortDescription: "A wholesale-minded destination for nail color, tools, salon essentials, and professional supplies.",
+        canonicalUrl: "https://www.168nailsupply.com/",
+        logo: logo(nailSupplyLogo, "168 Nail Supply"),
+        order: 10,
+        status: "active",
+    },
+    {
+        slug: "ricky-dong-foundation",
+        name: "Ricky Dong Foundation",
+        category: "Community",
+        shortDescription: "The charitable heart of the 168 family, supporting Michigan neighbors through food, schools, and community programs.",
+        canonicalUrl: "https://rickydongfoundation.org/",
+        logo: logo(foundationLogo, "Ricky Dong Foundation"),
+        order: 11,
+        status: "active",
+    },
+]);
+//# sourceMappingURL=brands.js.map

package/dist/brands.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"brands.js","sourceRoot":"","sources":["../src/brands.ts"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+export { BrandFamilyRail } from "./brand-family-rail.js";
+export { brandFamily } from "./brands.js";
+export { validateBrands } from "./validate-brands.js";
+export type { BrandFamilyCategory, BrandFamilyEntry, BrandFamilyRailProps, BrandFamilyStatus, BrandLogoAsset, } from "./types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,YAAY,EACV,mBAAmB,EACnB,gBAAgB,EAChB,oBAAoB,EACpB,iBAAiB,EACjB,cAAc,GACf,MAAM,YAAY,CAAC"}

package/dist/index.js

@@ -0,0 +1,4 @@
+export { BrandFamilyRail } from "./brand-family-rail.js";
+export { brandFamily } from "./brands.js";
+export { validateBrands } from "./validate-brands.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/styles.css

@@ -0,0 +1,577 @@
+.bfr {
+  --bfr-ink: #15110f;
+  --bfr-ink-soft: #201815;
+  --bfr-crimson: #c41e3a;
+  --bfr-crimson-dark: #6e1322;
+  --bfr-gold: #d4af37;
+  --bfr-cream: #fffaf0;
+  --bfr-muted: #d8cec2;
+  --bfr-line: rgba(238, 207, 120, 0.25);
+  --bfr-card-width: 18rem;
+  --bfr-card-height: 12rem;
+  --bfr-gap: 1.15rem;
+  --bfr-duration: 48s;
+  position: relative;
+  isolation: isolate;
+  overflow: hidden;
+  color: var(--bfr-cream);
+  background:
+    radial-gradient(circle at 8% 10%, rgba(196, 30, 58, 0.2), transparent 30rem),
+    radial-gradient(circle at 92% 90%, rgba(212, 175, 55, 0.1), transparent 26rem),
+    linear-gradient(140deg, #1a1210 0%, #120f0e 52%, #1b1110 100%);
+  border-top: 1px solid rgba(212, 175, 55, 0.35);
+  padding: clamp(4.5rem, 8vw, 7.5rem) 0 clamp(3.25rem, 6vw, 5rem);
+  font-family: "Plus Jakarta Sans", "Avenir Next", Avenir, sans-serif;
+}
+
+.bfr *,
+.bfr *::before,
+.bfr *::after {
+  box-sizing: border-box;
+}
+
+.bfr-atmosphere {
+  position: absolute;
+  z-index: -1;
+  inset: 0;
+  opacity: 0.28;
+  background-image:
+    linear-gradient(30deg, transparent 49.5%, rgba(212, 175, 55, 0.08) 50%, transparent 50.5%),
+    linear-gradient(150deg, transparent 49.5%, rgba(212, 175, 55, 0.06) 50%, transparent 50.5%);
+  background-size: 42px 74px;
+  mask-image: linear-gradient(to bottom, black, transparent 82%);
+}
+
+.bfr-header {
+  position: relative;
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr) auto;
+  align-items: center;
+  gap: clamp(1.25rem, 3vw, 2.5rem);
+  width: min(82rem, calc(100% - 3rem));
+  margin: 0 auto clamp(2.2rem, 4vw, 3.5rem);
+}
+
+.bfr-seal {
+  display: grid;
+  place-items: center;
+  width: clamp(4.25rem, 7vw, 5.75rem);
+  aspect-ratio: 1;
+  border: 1px solid rgba(244, 218, 143, 0.7);
+  border-radius: 999px;
+  color: var(--bfr-cream);
+  background: linear-gradient(145deg, #d12442, #8f1429);
+  box-shadow:
+    0 0 0 6px rgba(196, 30, 58, 0.11),
+    0 18px 55px rgba(0, 0, 0, 0.3),
+    inset 0 1px rgba(255, 255, 255, 0.24);
+  transform: rotate(-5deg);
+}
+
+.bfr-seal::before,
+.bfr-seal::after {
+  content: "";
+  position: absolute;
+  width: 0.28rem;
+  height: 0.28rem;
+  border-radius: 50%;
+  background: var(--bfr-gold);
+  box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.12);
+}
+
+.bfr-seal::before { transform: translateY(-2rem); }
+.bfr-seal::after { transform: translateY(2rem); }
+
+.bfr-seal span {
+  font-family: "Playfair Display", Georgia, serif;
+  font-size: clamp(1.25rem, 2.6vw, 1.8rem);
+  font-weight: 700;
+  letter-spacing: -0.08em;
+  transform: translateX(-0.05em);
+}
+
+.bfr-eyebrow,
+.bfr-title,
+.bfr-description {
+  margin: 0;
+  color: inherit;
+}
+
+.bfr-eyebrow {
+  display: flex;
+  align-items: center;
+  gap: 0.65rem;
+  color: #ebcb73;
+  font-size: 0.68rem;
+  font-weight: 700;
+  letter-spacing: 0.22em;
+  line-height: 1.2;
+  text-transform: uppercase;
+}
+
+.bfr-eyebrow::before {
+  content: "";
+  width: 1.7rem;
+  height: 1px;
+  background: currentColor;
+}
+
+.bfr-title {
+  max-width: 46rem;
+  margin-top: 0.45rem;
+  font-family: "Playfair Display", Georgia, serif;
+  font-size: clamp(2rem, 4.2vw, 3.75rem);
+  font-weight: 500;
+  letter-spacing: -0.035em;
+  line-height: 1.04;
+  text-wrap: balance;
+}
+
+.bfr-description {
+  max-width: 47rem;
+  margin-top: 0.8rem;
+  color: rgba(255, 250, 240, 0.68);
+  font-size: clamp(0.82rem, 1.3vw, 0.95rem);
+  font-weight: 500;
+  line-height: 1.65;
+}
+
+.bfr-motion-slot {
+  min-width: 9rem;
+  justify-self: end;
+}
+
+.bfr-motion-toggle {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.5rem;
+  min-height: 2.6rem;
+  padding: 0.45rem 0.9rem 0.45rem 0.55rem;
+  border: 1px solid rgba(255, 250, 240, 0.18);
+  border-radius: 999px;
+  color: rgba(255, 250, 240, 0.78);
+  background: rgba(255, 255, 255, 0.045);
+  font: inherit;
+  font-size: 0.7rem;
+  font-weight: 700;
+  letter-spacing: 0.04em;
+  cursor: pointer;
+  backdrop-filter: blur(12px);
+  transition: border-color 180ms ease, color 180ms ease, background 180ms ease;
+}
+
+.bfr-motion-toggle:hover {
+  color: var(--bfr-cream);
+  border-color: rgba(212, 175, 55, 0.55);
+  background: rgba(212, 175, 55, 0.08);
+}
+
+.bfr-motion-toggle:focus-visible,
+.bfr-card:focus-visible,
+.bfr-viewport:focus-visible {
+  outline: 3px solid #f1ce68;
+  outline-offset: 4px;
+}
+
+.bfr-motion-icon {
+  display: grid;
+  place-items: center;
+  width: 1.65rem;
+  height: 1.65rem;
+  border-radius: 50%;
+  color: #15110f;
+  background: var(--bfr-gold);
+}
+
+.bfr-rail-shell {
+  position: relative;
+}
+
+.bfr-rail-shell::before,
+.bfr-rail-shell::after {
+  content: "";
+  position: absolute;
+  z-index: 3;
+  top: -1rem;
+  bottom: -1rem;
+  width: clamp(1.5rem, 8vw, 8rem);
+  pointer-events: none;
+}
+
+.bfr-rail-shell::before {
+  left: 0;
+  background: linear-gradient(to right, #17100f 5%, transparent);
+}
+
+.bfr-rail-shell::after {
+  right: 0;
+  background: linear-gradient(to left, #17100f 5%, transparent);
+}
+
+.bfr-viewport {
+  width: 100%;
+  overflow-x: auto;
+  overflow-y: hidden;
+  padding: 0.65rem 1.5rem 1rem;
+  scroll-padding-inline: 1.5rem;
+  scroll-snap-type: x proximity;
+  scrollbar-width: thin;
+  scrollbar-color: rgba(212, 175, 55, 0.5) rgba(255, 255, 255, 0.05);
+}
+
+.bfr--animated .bfr-viewport {
+  overflow-x: hidden;
+}
+
+.bfr-track {
+  display: flex;
+  width: max-content;
+  will-change: transform;
+}
+
+.bfr--animated .bfr-track {
+  animation: bfr-scroll var(--bfr-duration) linear infinite;
+}
+
+.bfr--manual-paused .bfr-track,
+.bfr--animated .bfr-viewport:hover .bfr-track,
+.bfr--animated .bfr-viewport:focus-within .bfr-track {
+  animation-play-state: paused;
+}
+
+.bfr-list {
+  display: flex;
+  align-items: stretch;
+  gap: var(--bfr-gap);
+  min-width: max-content;
+  margin: 0;
+  padding: 0 var(--bfr-gap) 0 0;
+  list-style: none;
+}
+
+.bfr-list-item {
+  flex: 0 0 var(--bfr-card-width);
+  width: var(--bfr-card-width);
+  scroll-snap-align: center;
+}
+
+.bfr-card {
+  position: relative;
+  display: block;
+  width: 100%;
+  height: var(--bfr-card-height);
+  overflow: hidden;
+  border: 1px solid rgba(255, 250, 240, 0.14);
+  border-radius: 1.1rem;
+  color: var(--bfr-cream);
+  background: #f8f2e7;
+  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.24);
+  text-decoration: none;
+  transform: translateY(0);
+  transition: border-color 220ms ease, box-shadow 220ms ease, transform 220ms ease;
+}
+
+.bfr-card:hover,
+.bfr-card:focus-visible,
+.bfr-card:focus-within {
+  border-color: rgba(236, 204, 111, 0.78);
+  box-shadow: 0 20px 55px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(212, 175, 55, 0.12);
+  transform: translateY(-0.24rem);
+}
+
+.bfr-logo-stage {
+  position: absolute;
+  inset: 0;
+  display: grid;
+  place-items: center;
+  padding: 1.25rem 1.5rem 4.35rem;
+  background:
+    radial-gradient(circle at 20% 15%, rgba(255, 255, 255, 0.9), transparent 42%),
+    linear-gradient(145deg, #fffdf8, #eee5d8);
+}
+
+.bfr-logo-stage::after {
+  content: "";
+  position: absolute;
+  inset: 0.48rem;
+  border: 1px solid rgba(123, 84, 40, 0.13);
+  border-radius: 0.82rem;
+  pointer-events: none;
+}
+
+.bfr-logo {
+  display: block;
+  width: 100%;
+  max-width: 13.5rem;
+  height: 6.25rem;
+  object-fit: contain;
+  filter: drop-shadow(0 5px 12px rgba(69, 41, 19, 0.1));
+  transition: transform 260ms ease;
+}
+
+.bfr-card:hover .bfr-logo,
+.bfr-card:focus-visible .bfr-logo {
+  transform: scale(0.96) translateY(-0.35rem);
+}
+
+.bfr-logo-fallback {
+  display: grid;
+  place-items: center;
+  min-width: 4.6rem;
+  height: 4.6rem;
+  padding: 0 0.65rem;
+  border: 1px solid rgba(116, 27, 41, 0.3);
+  border-radius: 50%;
+  color: #81172a;
+  font-family: "Playfair Display", Georgia, serif;
+  font-size: 1.25rem;
+  font-weight: 700;
+  letter-spacing: 0.03em;
+  background: rgba(196, 30, 58, 0.06);
+}
+
+.bfr-card-index {
+  position: absolute;
+  top: 0.92rem;
+  right: 1rem;
+  color: rgba(81, 52, 34, 0.46);
+  font-family: "Playfair Display", Georgia, serif;
+  font-size: 0.62rem;
+  font-style: italic;
+  letter-spacing: 0.08em;
+}
+
+.bfr-card-caption {
+  position: absolute;
+  z-index: 2;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  display: flex;
+  min-height: 4.15rem;
+  align-items: center;
+  justify-content: space-between;
+  gap: 1rem;
+  padding: 0.7rem 1.15rem 0.78rem;
+  color: var(--bfr-cream);
+  background:
+    linear-gradient(to right, rgba(54, 25, 29, 0.98), rgba(31, 19, 17, 0.98));
+  border-top: 1px solid rgba(212, 175, 55, 0.2);
+  transition: opacity 180ms ease, transform 220ms ease;
+}
+
+.bfr-card-caption-name {
+  display: -webkit-box;
+  overflow: hidden;
+  font-family: "Playfair Display", Georgia, serif;
+  font-size: 1rem;
+  font-weight: 600;
+  letter-spacing: -0.01em;
+  line-height: 1.15;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+}
+
+.bfr-card-caption svg {
+  flex: 0 0 auto;
+  color: #e6c768;
+  transition: transform 180ms ease;
+}
+
+.bfr-card:hover .bfr-card-caption,
+.bfr-card:focus-visible .bfr-card-caption,
+.bfr-card:focus-within .bfr-card-caption {
+  opacity: 0;
+  transform: translateY(0.65rem);
+}
+
+.bfr-card:hover .bfr-card-caption svg,
+.bfr-card:focus-visible .bfr-card-caption svg {
+  transform: translateX(0.2rem);
+}
+
+.bfr-card-details {
+  position: absolute;
+  z-index: 2;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  display: flex;
+  min-height: 100%;
+  flex-direction: column;
+  justify-content: flex-end;
+  padding: 1.15rem 1.2rem 1rem;
+  color: var(--bfr-cream);
+  background: linear-gradient(to top, rgba(25, 16, 14, 0.98) 0%, rgba(43, 22, 22, 0.95) 54%, rgba(66, 25, 33, 0.78) 74%, transparent 100%);
+  transform: translateY(100%);
+  transition: transform 260ms cubic-bezier(0.22, 1, 0.36, 1);
+}
+
+.bfr-card:hover .bfr-card-details,
+.bfr-card:focus-visible .bfr-card-details,
+.bfr-card:focus-within .bfr-card-details {
+  transform: translateY(0);
+}
+
+.bfr-card-heading {
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+  gap: 0.75rem;
+}
+
+.bfr-card-name {
+  overflow: hidden;
+  font-family: "Playfair Display", Georgia, serif;
+  font-size: 1rem;
+  font-weight: 600;
+  line-height: 1.25;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.bfr-card-category {
+  flex: 0 0 auto;
+  color: #e6c768;
+  font-size: 0.55rem;
+  font-weight: 800;
+  letter-spacing: 0.13em;
+  text-transform: uppercase;
+}
+
+.bfr-card-description {
+  display: -webkit-box;
+  overflow: hidden;
+  margin-top: 0.72rem;
+  color: rgba(255, 250, 240, 0.76);
+  font-size: 0.69rem;
+  font-weight: 500;
+  line-height: 1.48;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 3;
+}
+
+.bfr-card-action {
+  display: flex;
+  align-items: center;
+  gap: 0.35rem;
+  margin-top: 0.72rem;
+  color: #edce75;
+  font-size: 0.61rem;
+  font-weight: 800;
+  letter-spacing: 0.09em;
+  text-transform: uppercase;
+}
+
+.bfr-current-pill {
+  position: absolute;
+  z-index: 4;
+  top: 0.85rem;
+  left: 0.85rem;
+  padding: 0.32rem 0.58rem;
+  border: 1px solid rgba(126, 25, 42, 0.22);
+  border-radius: 999px;
+  color: #7e192a;
+  background: rgba(255, 250, 240, 0.92);
+  font-size: 0.55rem;
+  font-weight: 800;
+  letter-spacing: 0.1em;
+  text-transform: uppercase;
+  box-shadow: 0 6px 18px rgba(59, 25, 18, 0.1);
+}
+
+.bfr-card--current {
+  cursor: default;
+}
+
+.bfr-footer-note {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-wrap: wrap;
+  gap: 0.7rem;
+  width: min(82rem, calc(100% - 3rem));
+  margin: clamp(1.5rem, 3vw, 2.5rem) auto 0;
+  color: rgba(255, 250, 240, 0.38);
+  font-size: 0.58rem;
+  font-weight: 700;
+  letter-spacing: 0.18em;
+  text-transform: uppercase;
+}
+
+.bfr-footer-note i {
+  width: 0.22rem;
+  height: 0.22rem;
+  border-radius: 50%;
+  background: var(--bfr-gold);
+  box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.08);
+}
+
+@keyframes bfr-scroll {
+  from { transform: translate3d(0, 0, 0); }
+  to { transform: translate3d(-50%, 0, 0); }
+}
+
+@media (max-width: 720px), (hover: none), (pointer: coarse) {
+  .bfr {
+    --bfr-card-width: min(78vw, 17rem);
+    --bfr-card-height: 12.2rem;
+    padding-top: 4.3rem;
+  }
+
+  .bfr-header {
+    grid-template-columns: auto minmax(0, 1fr);
+    width: min(100% - 2rem, 42rem);
+    align-items: start;
+  }
+
+  .bfr-title { font-size: clamp(1.9rem, 9vw, 2.8rem); }
+  .bfr-description { font-size: 0.79rem; }
+  .bfr-motion-slot { display: none; }
+  .bfr--animated .bfr-viewport { overflow-x: auto; }
+  .bfr--animated .bfr-track { animation: none; transform: none; }
+  .bfr-rail-shell::before,
+  .bfr-rail-shell::after { width: 1.2rem; }
+  .bfr-viewport { padding-inline: 1.25rem; }
+  .bfr-card-details {
+    min-height: 6rem;
+    padding: 1rem;
+    background: linear-gradient(to top, rgba(25, 16, 14, 0.99), rgba(43, 22, 22, 0.95) 72%, transparent);
+    transform: none;
+  }
+  .bfr-card-caption { display: none; }
+  .bfr-logo-stage { padding-bottom: 5.8rem; }
+  .bfr-logo { height: 4.8rem; }
+  .bfr-card-description { -webkit-line-clamp: 2; }
+  .bfr-card-action { display: none; }
+}
+
+@media (max-width: 430px) {
+  .bfr-header {
+    grid-template-columns: 1fr;
+    text-align: center;
+  }
+
+  .bfr-seal { margin: 0 auto; }
+  .bfr-eyebrow { justify-content: center; }
+  .bfr-eyebrow::after {
+    content: "";
+    width: 1.7rem;
+    height: 1px;
+    background: currentColor;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .bfr *,
+  .bfr *::before,
+  .bfr *::after {
+    scroll-behavior: auto !important;
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 0.01ms !important;
+  }
+
+  .bfr-track { transform: none !important; }
+}

package/dist/types.d.ts

@@ -0,0 +1,37 @@
+import type { CSSProperties } from "react";
+export type BrandFamilyCategory = "Group" | "Restaurant" | "Retail" | "Entertainment" | "Community";
+export type BrandFamilyStatus = "active" | "coming-soon" | "retired";
+export type BrandLogoAsset = string | {
+    src: string;
+    width?: number;
+    height?: number;
+};
+export interface BrandFamilyEntry {
+    slug: string;
+    name: string;
+    category: BrandFamilyCategory;
+    shortDescription: string;
+    canonicalUrl?: `https://${string}`;
+    logo: {
+        asset?: BrandLogoAsset;
+        alt: string;
+        width: number;
+        height: number;
+    };
+    order: number;
+    status: BrandFamilyStatus;
+}
+export interface BrandFamilyRailProps {
+    brands?: readonly BrandFamilyEntry[];
+    currentBrandSlug?: string;
+    heading?: string;
+    description?: string;
+    eyebrow?: string;
+    includeComingSoon?: boolean;
+    durationSeconds?: number;
+    openLinksInNewTab?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    onBrandNavigate?: (brand: BrandFamilyEntry) => void;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,MAAM,MAAM,mBAAmB,GAC3B,OAAO,GACP,YAAY,GACZ,QAAQ,GACR,eAAe,GACf,WAAW,CAAC;AAEhB,MAAM,MAAM,iBAAiB,GAAG,QAAQ,GAAG,aAAa,GAAG,SAAS,CAAC;AAErE,MAAM,MAAM,cAAc,GACtB,MAAM,GACN;IACE,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEN,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,mBAAmB,CAAC;IAC9B,gBAAgB,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,WAAW,MAAM,EAAE,CAAC;IACnC,IAAI,EAAE;QACJ,KAAK,CAAC,EAAE,cAAc,CAAC;QACvB,GAAG,EAAE,MAAM,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,iBAAiB,CAAC;CAC3B;AAED,MAAM,WAAW,oBAAoB;IACnC,MAAM,CAAC,EAAE,SAAS,gBAAgB,EAAE,CAAC;IACrC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;CACrD"}

package/dist/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}

package/dist/validate-brands.d.ts

@@ -0,0 +1,3 @@
+import type { BrandFamilyEntry } from "./types.js";
+export declare const validateBrands: (brands: readonly BrandFamilyEntry[]) => readonly BrandFamilyEntry[];
+//# sourceMappingURL=validate-brands.d.ts.map

package/dist/validate-brands.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"validate-brands.d.ts","sourceRoot":"","sources":["../src/validate-brands.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAcnD,eAAO,MAAM,cAAc,WACjB,SAAS,gBAAgB,EAAE,KAClC,SAAS,gBAAgB,EAgE3B,CAAC"}

package/dist/validate-brands.js

@@ -0,0 +1,67 @@
+const MAX_NAME_LENGTH = 40;
+const MAX_DESCRIPTION_LENGTH = 140;
+const normalizeUrl = (value) => {
+    const url = new URL(value);
+    url.hash = "";
+    url.search = "";
+    url.hostname = url.hostname.toLowerCase();
+    url.pathname = url.pathname.replace(/\/+$/, "") || "/";
+    return url.toString();
+};
+export const validateBrands = (brands) => {
+    const slugs = new Set();
+    const urls = new Set();
+    const orders = new Set();
+    for (const brand of brands) {
+        const prefix = `Brand "${brand.slug || brand.name || "unknown"}"`;
+        if (!/^[a-z0-9]+(?:-[a-z0-9]+)*$/.test(brand.slug)) {
+            throw new Error(`${prefix} has an invalid kebab-case slug.`);
+        }
+        if (slugs.has(brand.slug)) {
+            throw new Error(`${prefix} duplicates an existing slug.`);
+        }
+        slugs.add(brand.slug);
+        if (!brand.name.trim() || brand.name.length > MAX_NAME_LENGTH) {
+            throw new Error(`${prefix} must have a name of 1–${MAX_NAME_LENGTH} characters.`);
+        }
+        if (!brand.shortDescription.trim() ||
+            brand.shortDescription.length > MAX_DESCRIPTION_LENGTH) {
+            throw new Error(`${prefix} must have a description of 1–${MAX_DESCRIPTION_LENGTH} characters.`);
+        }
+        if (!Number.isInteger(brand.order) || brand.order < 0) {
+            throw new Error(`${prefix} must have a non-negative integer order.`);
+        }
+        if (orders.has(brand.order)) {
+            throw new Error(`${prefix} duplicates an existing sort order.`);
+        }
+        orders.add(brand.order);
+        if (!brand.logo.alt.trim()) {
+            throw new Error(`${prefix} requires logo alt text.`);
+        }
+        if (brand.logo.width <= 0 || brand.logo.height <= 0) {
+            throw new Error(`${prefix} requires positive logo dimensions.`);
+        }
+        if (brand.status === "active" && !brand.canonicalUrl) {
+            throw new Error(`${prefix} is active and requires a canonical URL.`);
+        }
+        if (brand.canonicalUrl) {
+            let normalized;
+            try {
+                const parsed = new URL(brand.canonicalUrl);
+                if (parsed.protocol !== "https:") {
+                    throw new Error("not HTTPS");
+                }
+                normalized = normalizeUrl(brand.canonicalUrl);
+            }
+            catch {
+                throw new Error(`${prefix} requires a valid HTTPS canonical URL.`);
+            }
+            if (urls.has(normalized)) {
+                throw new Error(`${prefix} duplicates an existing canonical URL.`);
+            }
+            urls.add(normalized);
+        }
+    }
+    return brands;
+};
+//# sourceMappingURL=validate-brands.js.map

package/dist/validate-brands.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validate-brands.js","sourceRoot":"","sources":["../src/validate-brands.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,64 @@
+{
+  "name": "@168group/brand-family",
+  "version": "0.1.0",
+  "description": "The accessible, shared 168 Group brand-family rail for React websites.",
+  "type": "module",
+  "license": "SEE LICENSE IN LICENSE",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./styles.css": "./dist/styles.css"
+  },
+  "files": [
+    "dist",
+    "assets/logos/168-asian-mart.png",
+    "assets/logos/168-crab-karaoke.png",
+    "assets/logos/168-ebisu.png",
+    "assets/logos/168-group.png",
+    "assets/logos/168-nail-supply.png",
+    "assets/logos/asian-street-food.png",
+    "assets/logos/beyond-home.png",
+    "assets/logos/fuji-buffet.png",
+    "assets/logos/gotta-gacha.png",
+    "assets/logos/laopot.png",
+    "assets/logos/ricky-dong-foundation.png",
+    "assets/logos/tabe.png",
+    "LICENSE",
+    "README.md"
+  ],
+  "sideEffects": [
+    "./dist/styles.css"
+  ],
+  "scripts": {
+    "clean": "node ./scripts/clean.mjs",
+    "build": "npm run clean && tsc -p tsconfig.build.json && node ./scripts/copy-assets.mjs",
+    "test": "vitest run --config vitest.config.ts",
+    "test:watch": "vitest --config vitest.config.ts",
+    "check": "npm run test && npm run build",
+    "prepack": "npm run check"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "engines": {
+    "node": ">=18"
+  },
+  "keywords": [
+    "168-group",
+    "brand-family",
+    "marquee",
+    "react",
+    "nextjs"
+  ]
+}