@burdenoff/website-sdk 2026.1031.3 → 2026.1101.2

package/dist/components/website-switcher.mjs

@@ -1,159 +1,6 @@
-import * as React from 'react';
-import { useState, useMemo } from 'react';
-import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
-import { Globe, ChevronDown, Search } from 'lucide-react';
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-var Input = React.forwardRef(
-  ({ className, type, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      "input",
-      {
-        type,
-        className: cn(
-          "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-          className
-        ),
-        ref,
-        ...props
-      }
-    );
-  }
-);
-Input.displayName = "Input";
-function normalizeSearch(value) {
-  return value.toLowerCase().trim();
-}
-function resolveWebsiteProductLogo(product) {
-  if (product.logoUrl) return product.logoUrl;
-  return `${product.websiteUrl.replace(/\/+$/, "")}/logo-icon.png`;
-}
-function filterProducts(products, query) {
-  const normalized = normalizeSearch(query);
-  if (!normalized) return products;
-  return products.filter((p) => normalizeSearch(p.name).includes(normalized));
-}
-function WebsiteSwitcher({
-  products,
-  triggerLabel = "Explore products",
-  searchPlaceholder = "Find a product\u2026",
-  emptyText = "No products match your search.",
-  className
-}) {
-  const [open, setOpen] = useState(false);
-  const [query, setQuery] = useState("");
-  const [failedLogos, setFailedLogos] = useState(
-    () => /* @__PURE__ */ new Set()
-  );
-  const filtered = useMemo(
-    () => filterProducts(products, query),
-    [products, query]
-  );
-  return /* @__PURE__ */ jsxs(DropdownMenu.Root, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsxs(
-      DropdownMenu.Trigger,
-      {
-        className: cn(
-          "inline-flex items-center gap-1.5 text-sm font-medium transition-colors",
-          "text-muted-foreground hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring rounded-md",
-          className
-        ),
-        "aria-label": triggerLabel,
-        children: [
-          /* @__PURE__ */ jsx(Globe, { className: "h-4 w-4", "aria-hidden": "true" }),
-          /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: triggerLabel }),
-          /* @__PURE__ */ jsx(
-            ChevronDown,
-            {
-              className: cn(
-                "h-3.5 w-3.5 transition-transform duration-200",
-                open && "rotate-180"
-              ),
-              "aria-hidden": "true"
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx(DropdownMenu.Portal, { children: /* @__PURE__ */ jsxs(
-      DropdownMenu.Content,
-      {
-        className: "z-50 min-w-[16rem] max-w-[20rem] rounded-lg border border-border/60 bg-popover p-2 shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2",
-        sideOffset: 8,
-        align: "end",
-        avoidCollisions: true,
-        children: [
-          /* @__PURE__ */ jsxs("div", { className: "px-2 pb-2 pt-1", children: [
-            /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-muted-foreground mb-2", children: "Burdenoff ecosystem" }),
-            /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-              /* @__PURE__ */ jsx(
-                Search,
-                {
-                  className: "absolute left-2.5 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground",
-                  "aria-hidden": "true"
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Input,
-                {
-                  type: "search",
-                  value: query,
-                  onChange: (e) => setQuery(e.target.value),
-                  placeholder: searchPlaceholder,
-                  className: "h-8 pl-8 text-sm",
-                  "aria-label": searchPlaceholder,
-                  onKeyDown: (e) => {
-                    if (e.key === "Escape") {
-                      setQuery("");
-                    }
-                  }
-                }
-              )
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx(DropdownMenu.Separator, { className: "my-1 h-px bg-border/60" }),
-          /* @__PURE__ */ jsx("div", { className: "max-h-[min(60vh,24rem)] overflow-y-auto py-1", children: filtered.length === 0 ? /* @__PURE__ */ jsx("div", { className: "px-3 py-4 text-center text-sm text-muted-foreground", children: emptyText }) : filtered.map((product) => /* @__PURE__ */ jsx(DropdownMenu.Item, { asChild: true, children: /* @__PURE__ */ jsxs(
-            "a",
-            {
-              href: product.websiteUrl,
-              target: "_blank",
-              rel: "noopener noreferrer",
-              className: cn(
-                "flex items-center gap-3 rounded-md px-2 py-2 text-sm outline-none",
-                "text-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground"
-              ),
-              children: [
-                failedLogos.has(product.slug) ? /* @__PURE__ */ jsx("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center rounded bg-primary/10 text-[10px] font-bold text-primary", children: product.name.charAt(0) }) : /* @__PURE__ */ jsx(
-                  "img",
-                  {
-                    src: resolveWebsiteProductLogo(product),
-                    alt: "",
-                    "aria-hidden": "true",
-                    loading: "lazy",
-                    className: "h-5 w-5 shrink-0 rounded object-contain",
-                    onError: () => setFailedLogos((prev) => {
-                      const next = new Set(prev);
-                      next.add(product.slug);
-                      return next;
-                    })
-                  }
-                ),
-                /* @__PURE__ */ jsx("span", { className: "truncate", children: product.name })
-              ]
-            }
-          ) }, product.slug)) }),
-          /* @__PURE__ */ jsx(DropdownMenu.Arrow, { className: "fill-popover" })
-        ]
-      }
-    ) })
-  ] });
-}
-
-export { WebsiteSwitcher, resolveWebsiteProductLogo };
+export { WebsiteSwitcher, resolveWebsiteProductLogo } from '../chunk-ZOON3S3Y.mjs';
+import '../chunk-34RX5P75.mjs';
+import '../chunk-R7G6TWIS.mjs';
+import '../chunk-VNS5WDWO.mjs';
 //# sourceMappingURL=website-switcher.mjs.map
 //# sourceMappingURL=website-switcher.mjs.map

package/dist/components/website-switcher.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/cn.ts","../../src/ui/input.tsx","../../src/components/website-switcher.tsx"],"names":["jsx"],"mappings":"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","file":"website-switcher.mjs","sourcesContent":["/**\n * Utility function to merge Tailwind CSS classes\n * Combines clsx and tailwind-merge for optimal class handling\n */\n\nimport { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\n/**\n * Merge multiple class names intelligently\n * - Handles conditional classes via clsx\n * - Deduplicates and resolves Tailwind conflicts via tailwind-merge\n *\n * @example\n * ```ts\n * cn('px-4 py-2', 'bg-blue-500', { 'text-white': isActive })\n * // => 'px-4 py-2 bg-blue-500 text-white' (if isActive is true)\n * ```\n */\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n","import * as React from \"react\";\n\nimport { cn } from \"../utils/cn\";\n\nconst Input = React.forwardRef<HTMLInputElement, React.ComponentProps<\"input\">>(\n  ({ className, type, ...props }, ref) => {\n    return (\n      <input\n        type={type}\n        className={cn(\n          \"flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\n          className,\n        )}\n        ref={ref}\n        {...props}\n      />\n    );\n  },\n);\nInput.displayName = \"Input\";\n\nexport { Input };\n","\"use client\";\n\n/**\n * WebsiteSwitcher Component\n *\n * A dropdown menu for navigating between Burdenoff ecosystem product websites.\n * Includes a search filter and renders each product with its logo and name.\n *\n * @example\n * ```tsx\n * import { WebsiteSwitcher } from '@burdenoff/website-sdk'\n *\n * <WebsiteSwitcher\n *   products={[\n *     { slug: 'vibecontrols', name: 'VibeControls', logoUrl: '/vibe.svg', websiteUrl: 'https://vibecontrols.com' },\n *     { slug: 'fluidgrids', name: 'FluidGrids', logoUrl: '/fg.svg', websiteUrl: 'https://fluidgrids.com' },\n *   ]}\n * />\n * ```\n */\n\nimport { useMemo, useState } from \"react\";\n\nimport * as DropdownMenu from \"@radix-ui/react-dropdown-menu\";\nimport { ChevronDown, Globe, Search } from \"lucide-react\";\n\nimport { Input } from \"../ui/input\";\nimport { cn } from \"../utils/cn\";\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface WebsiteSwitcherProduct {\n  /** Stable identifier for the product. */\n  slug: string;\n  /** Human-readable product name. */\n  name: string;\n  /** URL to the product logo (absolute or relative). */\n  logoUrl?: string | null;\n  /** Product marketing site URL. */\n  websiteUrl: string;\n}\n\nexport interface WebsiteSwitcherProps {\n  /** All Burdenoff ecosystem products to display. */\n  products: WebsiteSwitcherProduct[];\n  /** Accessible label for the trigger. */\n  triggerLabel?: string;\n  /** Placeholder text for the search input. */\n  searchPlaceholder?: string;\n  /** Empty-state text when filtering returns no results. */\n  emptyText?: string;\n  /** Optional additional CSS class for the trigger. */\n  className?: string;\n}\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nfunction normalizeSearch(value: string): string {\n  return value.toLowerCase().trim();\n}\n\n/**\n * Resolve the logo URL for an ecosystem product.\n *\n * Prefers an explicit `logoUrl`; otherwise derives the canonical marketing-site\n * brand mark (`/logo-icon.png`), which every product website publishes. Callers\n * should fall back to the initial chip if the image fails to load.\n */\nexport function resolveWebsiteProductLogo(\n  product: WebsiteSwitcherProduct,\n): string {\n  if (product.logoUrl) return product.logoUrl;\n  return `${product.websiteUrl.replace(/\\/+$/, \"\")}/logo-icon.png`;\n}\n\nfunction filterProducts(\n  products: WebsiteSwitcherProduct[],\n  query: string,\n): WebsiteSwitcherProduct[] {\n  const normalized = normalizeSearch(query);\n  if (!normalized) return products;\n  return products.filter((p) => normalizeSearch(p.name).includes(normalized));\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport function WebsiteSwitcher({\n  products,\n  triggerLabel = \"Explore products\",\n  searchPlaceholder = \"Find a product…\",\n  emptyText = \"No products match your search.\",\n  className,\n}: WebsiteSwitcherProps) {\n  const [open, setOpen] = useState(false);\n  const [query, setQuery] = useState(\"\");\n  // Slugs whose logo image failed to load — fall back to the initial chip.\n  const [failedLogos, setFailedLogos] = useState<ReadonlySet<string>>(\n    () => new Set<string>(),\n  );\n\n  const filtered = useMemo(\n    () => filterProducts(products, query),\n    [products, query],\n  );\n\n  return (\n    <DropdownMenu.Root open={open} onOpenChange={setOpen}>\n      <DropdownMenu.Trigger\n        className={cn(\n          \"inline-flex items-center gap-1.5 text-sm font-medium transition-colors\",\n          \"text-muted-foreground hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring rounded-md\",\n          className,\n        )}\n        aria-label={triggerLabel}\n      >\n        <Globe className=\"h-4 w-4\" aria-hidden=\"true\" />\n        <span className=\"hidden sm:inline\">{triggerLabel}</span>\n        <ChevronDown\n          className={cn(\n            \"h-3.5 w-3.5 transition-transform duration-200\",\n            open && \"rotate-180\",\n          )}\n          aria-hidden=\"true\"\n        />\n      </DropdownMenu.Trigger>\n\n      <DropdownMenu.Portal>\n        <DropdownMenu.Content\n          className=\"z-50 min-w-[16rem] max-w-[20rem] rounded-lg border border-border/60 bg-popover p-2 shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2\"\n          sideOffset={8}\n          align=\"end\"\n          avoidCollisions\n        >\n          <div className=\"px-2 pb-2 pt-1\">\n            <p className=\"text-xs font-medium text-muted-foreground mb-2\">\n              Burdenoff ecosystem\n            </p>\n            <div className=\"relative\">\n              <Search\n                className=\"absolute left-2.5 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground\"\n                aria-hidden=\"true\"\n              />\n              <Input\n                type=\"search\"\n                value={query}\n                onChange={(e) => setQuery(e.target.value)}\n                placeholder={searchPlaceholder}\n                className=\"h-8 pl-8 text-sm\"\n                aria-label={searchPlaceholder}\n                onKeyDown={(e) => {\n                  if (e.key === \"Escape\") {\n                    setQuery(\"\");\n                  }\n                }}\n              />\n            </div>\n          </div>\n\n          <DropdownMenu.Separator className=\"my-1 h-px bg-border/60\" />\n\n          <div className=\"max-h-[min(60vh,24rem)] overflow-y-auto py-1\">\n            {filtered.length === 0 ? (\n              <div className=\"px-3 py-4 text-center text-sm text-muted-foreground\">\n                {emptyText}\n              </div>\n            ) : (\n              filtered.map((product) => (\n                <DropdownMenu.Item key={product.slug} asChild>\n                  <a\n                    href={product.websiteUrl}\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                    className={cn(\n                      \"flex items-center gap-3 rounded-md px-2 py-2 text-sm outline-none\",\n                      \"text-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground\",\n                    )}\n                  >\n                    {failedLogos.has(product.slug) ? (\n                      <span className=\"flex h-5 w-5 shrink-0 items-center justify-center rounded bg-primary/10 text-[10px] font-bold text-primary\">\n                        {product.name.charAt(0)}\n                      </span>\n                    ) : (\n                      <img\n                        src={resolveWebsiteProductLogo(product)}\n                        alt=\"\"\n                        aria-hidden=\"true\"\n                        loading=\"lazy\"\n                        className=\"h-5 w-5 shrink-0 rounded object-contain\"\n                        onError={() =>\n                          setFailedLogos((prev) => {\n                            const next = new Set(prev);\n                            next.add(product.slug);\n                            return next;\n                          })\n                        }\n                      />\n                    )}\n                    <span className=\"truncate\">{product.name}</span>\n                  </a>\n                </DropdownMenu.Item>\n              ))\n            )}\n          </div>\n\n          <DropdownMenu.Arrow className=\"fill-popover\" />\n        </DropdownMenu.Content>\n      </DropdownMenu.Portal>\n    </DropdownMenu.Root>\n  );\n}\n"]}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"website-switcher.mjs"}