@brainfish-ai/components 0.35.19 → 0.36.0

package/dist/esm/colors/primary.js

@@ -0,0 +1,17 @@
+const primary = {
+  100: "var(--bfc-v2-color-lime-100, #e9fec8)",
+  200: "var(--bfc-v2-color-lime-200, #d6f589)",
+  300: "var(--bfc-v2-color-lime-300, #b3ee2b)",
+  400: "var(--bfc-v2-color-lime-400, #a3e635)",
+  500: "var(--bfc-v2-color-lime-500, #91cf02)",
+  600: "var(--bfc-v2-color-lime-600, #83b300)",
+  700: "var(--bfc-v2-color-lime-700, #647f01)",
+  800: "var(--bfc-v2-color-lime-800, #546c00)",
+  900: "var(--bfc-v2-color-lime-900, #3f5304)",
+  1e3: "var(--bfc-v2-color-lime-1000, #2b331b)",
+  DEFAULT: "var(--bfc-primary, #A3E635)",
+  // lime-400
+  foreground: "var(--bfc-primary-foreground, #262626)"
+};
+
+export { primary };

package/dist/esm/colors/purple.js

@@ -0,0 +1,16 @@
+const purple = {
+  100: "var(--bfc-v2-color-purple-100, #f8eefe)",
+  200: "var(--bfc-v2-color-purple-200, #dfd8fd)",
+  300: "var(--bfc-v2-color-purple-300, #b8acf6)",
+  400: "var(--bfc-v2-color-purple-400, #9f8fef)",
+  500: "var(--bfc-v2-color-purple-500, #8f7ee7)",
+  600: "var(--bfc-v2-color-purple-600, #8270db)",
+  700: "var(--bfc-v2-color-purple-700, #6e5dc6)",
+  800: "var(--bfc-v2-color-purple-800, #5e4db2)",
+  900: "var(--bfc-v2-color-purple-900, #352c63)",
+  1e3: "var(--bfc-v2-color-purple-1000, #2b273f)",
+  DEFAULT: "var(--bfc-v2-color-purple-700, #6e5dc6)"
+  // 700
+};
+
+export { purple };

package/dist/esm/colors/red.js

@@ -0,0 +1,16 @@
+const red = {
+  100: "var(--bfc-v2-color-red-100, #ffeceb)",
+  200: "var(--bfc-v2-color-red-200, #ffd5d2)",
+  300: "var(--bfc-v2-color-red-300, #fd9891)",
+  400: "var(--bfc-v2-color-red-400, #f87168)",
+  500: "var(--bfc-v2-color-red-500, #f15b50)",
+  600: "var(--bfc-v2-color-red-600, #e2483d)",
+  700: "var(--bfc-v2-color-red-700, #c9372c)",
+  800: "var(--bfc-v2-color-red-800, #ae2e24)",
+  900: "var(--bfc-v2-color-red-900, #5d1f1a)",
+  1e3: "var(--bfc-v2-color-red-1000, #42221f)",
+  DEFAULT: "var(--bfc-v2-color-red-700, #c9372c)"
+  // 700
+};
+
+export { red };

package/dist/esm/colors/teal.js

@@ -0,0 +1,16 @@
+const teal = {
+  100: "var(--bfc-v2-color-teal-100, #e7f9ff)",
+  200: "var(--bfc-v2-color-teal-200, #c6edfb)",
+  300: "var(--bfc-v2-color-teal-300, #9dd9ee)",
+  400: "var(--bfc-v2-color-teal-400, #6cc3e0)",
+  500: "var(--bfc-v2-color-teal-500, #42b2d7)",
+  600: "var(--bfc-v2-color-teal-600, #2898bd)",
+  700: "var(--bfc-v2-color-teal-700, #227d9b)",
+  800: "var(--bfc-v2-color-teal-800, #206a83)",
+  900: "var(--bfc-v2-color-teal-900, #164555)",
+  1e3: "var(--bfc-v2-color-teal-1000, #1e3137)",
+  DEFAULT: "var(--bfc-v2-color-teal-700, #227d9b)"
+  // 700
+};
+
+export { teal };

package/dist/esm/colors/yellow.js

@@ -0,0 +1,16 @@
+const yellow = {
+  100: "var(--bfc-v2-color-yellow-100, #fef7c8)",
+  200: "var(--bfc-v2-color-yellow-200, #ffdf84)",
+  300: "var(--bfc-v2-color-yellow-300, #fed153)",
+  400: "var(--bfc-v2-color-yellow-400, #fbbf25)",
+  500: "var(--bfc-v2-color-yellow-500, #e5ad1d)",
+  600: "var(--bfc-v2-color-yellow-600, #c59109)",
+  700: "var(--bfc-v2-color-yellow-700, #977007)",
+  800: "var(--bfc-v2-color-yellow-800, #7f5f01)",
+  900: "var(--bfc-v2-color-yellow-900, #533f04)",
+  1e3: "var(--bfc-v2-color-yellow-1000, #332e1b)",
+  DEFAULT: "var(--bfc-v2-color-yellow-700, #946f00)"
+  // 700
+};
+
+export { yellow };

package/dist/esm/colors.js

@@ -1,2 +1,29 @@
-import{p as r}from"./chunks/primary.CMQbo1GJ.js";import{d as c}from"./chunks/dark.DuW7JuAk.js";const o={primary:r,dark:c,orange:{100:"var(--bfc-v2-color-orange-100, #fff3eb)",200:"var(--bfc-v2-color-orange-200, #fedec8)",300:"var(--bfc-v2-color-orange-300, #fec195)",400:"var(--bfc-v2-color-orange-400, #fea362)",500:"var(--bfc-v2-color-orange-500, #f38a3f)",600:"var(--bfc-v2-color-orange-600, #e56910)",700:"var(--bfc-v2-color-orange-700, #c25100)",800:"var(--bfc-v2-color-orange-800, #a54800)",900:"var(--bfc-v2-color-orange-900, #702e00)",1e3:"var(--bfc-v2-color-orange-1000, #38291e)",DEFAULT:"var(--bfc-v2-color-orange-700, #c25100)"},yellow:{100:"var(--bfc-v2-color-yellow-100, #fef7c8)",200:"var(--bfc-v2-color-yellow-200, #ffdf84)",300:"var(--bfc-v2-color-yellow-300, #fed153)",400:"var(--bfc-v2-color-yellow-400, #fbbf25)",500:"var(--bfc-v2-color-yellow-500, #e5ad1d)",600:"var(--bfc-v2-color-yellow-600, #c59109)",700:"var(--bfc-v2-color-yellow-700, #977007)",800:"var(--bfc-v2-color-yellow-800, #7f5f01)",900:"var(--bfc-v2-color-yellow-900, #533f04)",1e3:"var(--bfc-v2-color-yellow-1000, #332e1b)",DEFAULT:"var(--bfc-v2-color-yellow-700, #946f00)"},lime:{100:"var(--bfc-v2-color-lime-100, #e9fec8)",200:"var(--bfc-v2-color-lime-200, #d6f589)",300:"var(--bfc-v2-color-lime-300, #b3ee2b)",400:"var(--bfc-v2-color-lime-400, #a3e635)",500:"var(--bfc-v2-color-lime-500, #91cf02)",600:"var(--bfc-v2-color-lime-600, #83b300)",700:"var(--bfc-v2-color-lime-700, #647f01)",800:"var(--bfc-v2-color-lime-800, #546c00)",900:"var(--bfc-v2-color-lime-900, #3f5304)",1e3:"var(--bfc-v2-color-lime-1000, #2b331b)",DEFAULT:"var(--bfc-v2-color-lime-700, #647f01)"},green:{100:"var(--bfc-v2-color-green-100, #dcfff1)",200:"var(--bfc-v2-color-green-200, #baf3db)",300:"var(--bfc-v2-color-green-300, #7ee2b8)",400:"var(--bfc-v2-color-green-400, #4bce97)",500:"var(--bfc-v2-color-green-500, #2abb7f)",600:"var(--bfc-v2-color-green-600, #22a06b)",700:"var(--bfc-v2-color-green-700, #1f845a)",800:"var(--bfc-v2-color-green-800, #216e4e)",900:"var(--bfc-v2-color-green-900, #164b35)",1e3:"var(--bfc-v2-color-green-1000, #1c3329)",DEFAULT:"var(--bfc-v2-color-green-700, #1f845a)"},blue:{100:"var(--bfc-v2-color-blue-100, #e9f2fe)",200:"var(--bfc-v2-color-blue-200, #cfe1fd)",300:"var(--bfc-v2-color-blue-300, #8fb8f6)",400:"var(--bfc-v2-color-blue-400, #669df1)",500:"var(--bfc-v2-color-blue-500, #4688ec)",600:"var(--bfc-v2-color-blue-600, #357de8)",700:"var(--bfc-v2-color-blue-700, #1868db)",800:"var(--bfc-v2-color-blue-800, #1558bc)",900:"var(--bfc-v2-color-blue-900, #123263)",1e3:"var(--bfc-v2-color-blue-1000, #1c2b42)",DEFAULT:"var(--bfc-v2-color-blue-700, #1868db)"},teal:{100:"var(--bfc-v2-color-teal-100, #e7f9ff)",200:"var(--bfc-v2-color-teal-200, #c6edfb)",300:"var(--bfc-v2-color-teal-300, #9dd9ee)",400:"var(--bfc-v2-color-teal-400, #6cc3e0)",500:"var(--bfc-v2-color-teal-500, #42b2d7)",600:"var(--bfc-v2-color-teal-600, #2898bd)",700:"var(--bfc-v2-color-teal-700, #227d9b)",800:"var(--bfc-v2-color-teal-800, #206a83)",900:"var(--bfc-v2-color-teal-900, #164555)",1e3:"var(--bfc-v2-color-teal-1000, #1e3137)",DEFAULT:"var(--bfc-v2-color-teal-700, #227d9b)"},purple:{100:"var(--bfc-v2-color-purple-100, #f8eefe)",200:"var(--bfc-v2-color-purple-200, #dfd8fd)",300:"var(--bfc-v2-color-purple-300, #b8acf6)",400:"var(--bfc-v2-color-purple-400, #9f8fef)",500:"var(--bfc-v2-color-purple-500, #8f7ee7)",600:"var(--bfc-v2-color-purple-600, #8270db)",700:"var(--bfc-v2-color-purple-700, #6e5dc6)",800:"var(--bfc-v2-color-purple-800, #5e4db2)",900:"var(--bfc-v2-color-purple-900, #352c63)",1e3:"var(--bfc-v2-color-purple-1000, #2b273f)",DEFAULT:"var(--bfc-v2-color-purple-700, #6e5dc6)"},magenta:{100:"var(--bfc-v2-color-magenta-100, #ffecf8)",200:"var(--bfc-v2-color-magenta-200, #fdd0ec)",300:"var(--bfc-v2-color-magenta-300, #f797d2)",400:"var(--bfc-v2-color-magenta-400, #e774bb)",500:"var(--bfc-v2-color-magenta-500, #da62ac)",600:"var(--bfc-v2-color-magenta-600, #cd519d)",700:"var(--bfc-v2-color-magenta-700, #ae4787)",800:"var(--bfc-v2-color-magenta-800, #943d73)",900:"var(--bfc-v2-color-magenta-900, #50253f)",1e3:"var(--bfc-v2-color-magenta-1000, #3d2232)",DEFAULT:"var(--bfc-v2-color-magenta-700, #ae4787)"},pink:{50:"var(--bfc-v2-color-pink-50, #F5F4FF)",100:"var(--bfc-v2-color-pink-100, #FAE9FF)",200:"var(--bfc-v2-color-pink-200, #F5D1FE)",300:"var(--bfc-v2-color-pink-300, #F0ACFC)",400:"var(--bfc-v2-color-pink-400, #E87AF9)",500:"var(--bfc-v2-color-pink-500, #D947EF)",600:"var(--bfc-v2-color-pink-600, #C027D3)",700:"var(--bfc-v2-color-pink-700, #A21DAF)",800:"var(--bfc-v2-color-pink-800, #861A8F)",900:"var(--bfc-v2-color-pink-900, #701B75)",DEFAULT:"var(--bfc-v2-color-pink-400, #E87AF9)"},red:{100:"var(--bfc-v2-color-red-100, #ffeceb)",200:"var(--bfc-v2-color-red-200, #ffd5d2)",300:"var(--bfc-v2-color-red-300, #fd9891)",400:"var(--bfc-v2-color-red-400, #f87168)",500:"var(--bfc-v2-color-red-500, #f15b50)",600:"var(--bfc-v2-color-red-600, #e2483d)",700:"var(--bfc-v2-color-red-700, #c9372c)",800:"var(--bfc-v2-color-red-800, #ae2e24)",900:"var(--bfc-v2-color-red-900, #5d1f1a)",1e3:"var(--bfc-v2-color-red-1000, #42221f)",DEFAULT:"var(--bfc-v2-color-red-700, #c9372c)"}};export{o as BrainfishColors};
-//# sourceMappingURL=colors.js.map
+import { primary } from './colors/primary.js';
+import { dark } from './colors/dark.js';
+import { orange } from './colors/orange.js';
+import { yellow } from './colors/yellow.js';
+import { lime } from './colors/lime.js';
+import { green } from './colors/green.js';
+import { blue } from './colors/blue.js';
+import { teal } from './colors/teal.js';
+import { purple } from './colors/purple.js';
+import { magenta } from './colors/magenta.js';
+import { pink } from './colors/pink.js';
+import { red } from './colors/red.js';
+
+const BrainfishColors = {
+  primary,
+  dark,
+  orange,
+  yellow,
+  lime,
+  green,
+  blue,
+  teal,
+  purple,
+  magenta,
+  pink,
+  red
+};
+
+export { BrainfishColors };

package/dist/esm/components/ai-button/ai-badge.js

@@ -0,0 +1,44 @@
+import * as React from 'react';
+import { cn } from '../../lib/utils.js';
+import { AILogo } from '../logo/ai-logo.js';
+
+const SQUIRCLE_PATH = "M1.1687 5.09221C1.44983 3.03551 3.03409 1.43747 5.09056 1.15464C7.11115 0.876739 9.82098 0.6 12.6 0.6C15.3637 0.6 18.059 0.873703 20.076 1.15005C22.1498 1.43417 23.7418 3.05368 24.0222 5.12794C24.3077 7.23947 24.6 10.0294 24.6 12.6C24.6 15.1875 24.3038 17.9971 24.0166 20.1135C23.7379 22.1667 22.1732 23.7746 20.1207 24.0584C18.1434 24.3319 15.4723 24.6 12.6 24.6C9.71155 24.6 7.02648 24.3288 5.04597 24.0538C3.01073 23.7712 1.45383 22.185 1.17438 20.1493C0.890004 18.0777 0.6 15.3026 0.6 12.6C0.6 9.9154 0.886154 7.15926 1.1687 5.09221Z";
+const AIBadge = React.forwardRef(
+  ({ children, size = 48, className, ...props }, ref) => {
+    const fillId = React.useId();
+    const strokeId = React.useId();
+    return /* @__PURE__ */ React.createElement("div", { ref, className: cn("relative shrink-0", className), style: { width: size, height: size }, ...props }, /* @__PURE__ */ React.createElement(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        style: { position: "absolute", inset: 0, width: "100%", height: "100%" },
+        viewBox: "0 0 25.2 25.2",
+        fill: "none",
+        "aria-hidden": "true"
+      },
+      /* @__PURE__ */ React.createElement(
+        "path",
+        {
+          d: SQUIRCLE_PATH,
+          fill: `url(#${fillId})`,
+          stroke: `url(#${strokeId})`,
+          strokeOpacity: "0.7",
+          strokeWidth: "1.2"
+        }
+      ),
+      /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: fillId, x1: "2.3931", y1: "0.6", x2: "17.282", y2: "22.5523", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.0544031", stopColor: "#1868DB" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.5", stopColor: "#357DE8" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.802885", stopColor: "#7EE2B8" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "#B4EE2B" })), /* @__PURE__ */ React.createElement("linearGradient", { id: strokeId, x1: "2.3931", y1: "0.6", x2: "17.282", y2: "22.5523", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "#B4EE2B" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.266033", stopColor: "#7EE2B8" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.740217", stopColor: "#357DE8" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.945597", stopColor: "#1868DB" })))
+    ), /* @__PURE__ */ React.createElement(
+      "span",
+      {
+        className: "absolute inset-[20%] [&>*]:h-full [&>*]:w-full",
+        style: {
+          filter: `drop-shadow(0px ${(size * 0.04).toFixed(2)}px ${(size * 0.05).toFixed(2)}px rgba(22,27,53,0.55))`
+        }
+      },
+      children ?? /* @__PURE__ */ React.createElement(AILogo, { variant: "light" })
+    ));
+  }
+);
+AIBadge.displayName = "AIBadge";
+
+export { AIBadge };

package/dist/esm/components/article-suggestions-banner/article-suggestions-banner.js

@@ -0,0 +1,49 @@
+import { Sparkle, CaretDown, CaretUp } from '@phosphor-icons/react';
+import * as React from 'react';
+import { Button } from '../ui/button.js';
+import { Tooltip, TooltipTrigger, TooltipContent } from '../ui/tooltip.js';
+import { ButtonGroup } from '../ui/button-group.js';
+import { cn } from '../../lib/utils.js';
+import { pluralise } from '../../lib/pluralise.js';
+
+const ArticleSuggestionsBanner = React.forwardRef(
+  function ArticleSuggestionsBanner2({
+    suggestionsCount,
+    currentArticleIndex,
+    totalArticles,
+    onNextArticle,
+    onPreviousArticle,
+    onStartReviewSuggestions,
+    onRejectAllSuggestions,
+    onApproveAllSuggestions,
+    className,
+    ...props
+  }, ref) {
+    const hasNextArticle = currentArticleIndex < totalArticles - 1;
+    const hasPreviousArticle = currentArticleIndex > 0;
+    const currentArticle = currentArticleIndex + 1;
+    return /* @__PURE__ */ React.createElement("div", { ref, className: cn("flex bg-blue-200 rounded-md border border-blue-600", className), ...props }, /* @__PURE__ */ React.createElement("div", { className: "flex-1 py-3 px-4 flex justify-between items-center" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React.createElement(Sparkle, { size: 32, weight: "fill", className: "text-blue-700" }), /* @__PURE__ */ React.createElement("p", { className: "text-sm text-foreground" }, pluralise(suggestionsCount, "way"), " to level up this article.")), /* @__PURE__ */ React.createElement(ButtonGroup, { orientation: "horizontal", rounded: false, "aria-label": "Suggestion actions" }, /* @__PURE__ */ React.createElement(Button, { variant: "link", onClick: onStartReviewSuggestions }, "Start review"), /* @__PURE__ */ React.createElement(Button, { variant: "link", onClick: onRejectAllSuggestions }, "Reject all"), /* @__PURE__ */ React.createElement(Button, { variant: "surface", elevation: "shadow", onClick: onApproveAllSuggestions }, "Approve all"))), /* @__PURE__ */ React.createElement("div", { className: "py-3 px-6 flex items-center bg-blue-300 border-l border-blue-700 gap-2 rounded-r-md" }, /* @__PURE__ */ React.createElement("p", { className: "text-sm text-foreground" }, /* @__PURE__ */ React.createElement("span", { "aria-hidden": "true" }, currentArticle, "/", totalArticles), /* @__PURE__ */ React.createElement("span", { className: "sr-only", "aria-live": "polite" }, "Article ", currentArticle, " of ", totalArticles)), /* @__PURE__ */ React.createElement(Tooltip, null, /* @__PURE__ */ React.createElement(TooltipTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(
+      Button,
+      {
+        variant: "link",
+        size: "icon",
+        disabled: !hasNextArticle,
+        onClick: onNextArticle,
+        "aria-label": "Go to next article"
+      },
+      /* @__PURE__ */ React.createElement(CaretDown, { "aria-hidden": "true", weight: "bold" })
+    )), /* @__PURE__ */ React.createElement(TooltipContent, { side: "bottom", bgColor: "--bfc-foreground", className: "text-background" }, "Next Article")), /* @__PURE__ */ React.createElement(Tooltip, null, /* @__PURE__ */ React.createElement(TooltipTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(
+      Button,
+      {
+        variant: "link",
+        size: "icon",
+        disabled: !hasPreviousArticle,
+        onClick: onPreviousArticle,
+        "aria-label": "Go to previous article"
+      },
+      /* @__PURE__ */ React.createElement(CaretUp, { "aria-hidden": "true", weight: "bold" })
+    )), /* @__PURE__ */ React.createElement(TooltipContent, { side: "top", bgColor: "--bfc-foreground", className: "text-background" }, "Previous Article"))));
+  }
+);
+
+export { ArticleSuggestionsBanner };

package/dist/esm/components/article-suggestions-banner.js

@@ -1,5 +1 @@
-import{Sparkle as e,CaretDown as t,CaretUp as r}from"@phosphor-icons/react";import*as a from"react";import{B as l}from"../chunks/button.C7qRaFMP.js";import{Tooltip as n,TooltipTrigger as o,TooltipContent as i}from"./ui/tooltip.js";import{ButtonGroup as c}from"./ui/button-group.js";import{c as s}from"../chunks/utils.DtKoarLP.js";const m=a.forwardRef(function({suggestionsCount:m,currentArticleIndex:u,totalArticles:d,onNextArticle:p,onPreviousArticle:b,onStartReviewSuggestions:f,onRejectAllSuggestions:g,onApproveAllSuggestions:E,className:v,...x},h){const k=u<d-1,N=u>0,A=u+1;/* @__PURE__ */
-return a.createElement("div",{ref:h,className:s("flex bg-blue-200 rounded-md border border-blue-600",v),...x},/* @__PURE__ */a.createElement("div",{className:"flex-1 py-3 px-4 flex justify-between items-center"},/* @__PURE__ */a.createElement("div",{className:"flex items-center gap-2"},/* @__PURE__ */a.createElement(e,{size:32,weight:"fill",className:"text-blue-700"}),/* @__PURE__ */a.createElement("p",{className:"text-sm text-foreground"},function(e,t,r=`${t}s`){return`${e} ${1===e?t:r}`}(m,"way")," to level up this article.")),/* @__PURE__ */a.createElement(c,{orientation:"horizontal",rounded:!1,"aria-label":"Suggestion actions"},/* @__PURE__ */a.createElement(l,{variant:"link",onClick:f},"Start review"),/* @__PURE__ */a.createElement(l,{variant:"link",onClick:g},"Reject all"),/* @__PURE__ */a.createElement(l,{variant:"surface",elevation:"shadow",onClick:E},"Approve all"))),/* @__PURE__ */a.createElement("div",{className:"py-3 px-6 flex items-center bg-blue-300 border-l border-blue-700 gap-2 rounded-r-md"},/* @__PURE__ */a.createElement("p",{className:"text-sm text-foreground"},/* @__PURE__ */a.createElement("span",{"aria-hidden":"true"},A,"/",d),/* @__PURE__ */a.createElement("span",{className:"sr-only","aria-live":"polite"},"Article ",A," of ",d)),/* @__PURE__ */a.createElement(n,null,/* @__PURE__ */a.createElement(o,{asChild:!0},/* @__PURE__ */a.createElement(l,{variant:"link",size:"icon",disabled:!k,onClick:p,"aria-label":"Go to next article"},
-/* @__PURE__ */a.createElement(t,{"aria-hidden":"true",weight:"bold"}))),/* @__PURE__ */a.createElement(i,{side:"bottom",bgColor:"--bfc-foreground",className:"text-background"},"Next Article")),/* @__PURE__ */a.createElement(n,null,/* @__PURE__ */a.createElement(o,{asChild:!0},/* @__PURE__ */a.createElement(l,{variant:"link",size:"icon",disabled:!N,onClick:b,"aria-label":"Go to previous article"},
-/* @__PURE__ */a.createElement(r,{"aria-hidden":"true",weight:"bold"}))),/* @__PURE__ */a.createElement(i,{side:"top",bgColor:"--bfc-foreground",className:"text-background"},"Previous Article"))))});export{m as ArticleSuggestionsBanner};
-//# sourceMappingURL=article-suggestions-banner.js.map
+export { ArticleSuggestionsBanner } from './article-suggestions-banner/article-suggestions-banner.js';

package/dist/esm/components/articles-coverage/articles-coverage.js

@@ -0,0 +1,116 @@
+import React__default from 'react';
+import { LineChart, CartesianGrid, XAxis, Line, PieChart, Pie, Label } from 'recharts';
+import { TrendValue } from '../trend-value/trend-value.js';
+import { Card, CardHeader, CardContent } from '../ui/card.js';
+import { ChartContainer, ChartTooltip, ChartTooltipContent } from '../ui/chart.js';
+import { formatNumber } from '../../lib/formatNumber.js';
+import { useChartDateFormatters } from '../../lib/useChartDateFormatters.js';
+import { cn } from '../../lib/utils.js';
+
+const formatWhole = (value) => formatNumber(value, {});
+const COVERAGE_CHART_CONFIG = {
+  covered: {
+    label: "Covered",
+    color: "var(--bfc-v2-color-blue-600, #357DE8)"
+  },
+  uncovered: {
+    label: "Uncovered",
+    color: "var(--bfc-v2-color-mono-300, #E5E5E5)"
+  }
+};
+function ArticlesCoverage({
+  total,
+  trend,
+  trendValue,
+  coveragePercentage,
+  data,
+  chartConfig,
+  locale,
+  className
+}) {
+  const { tickFormatter, formatXLabel } = useChartDateFormatters(locale);
+  const lineKeys = Object.keys(chartConfig);
+  const clampedCoverage = Math.round(Math.min(100, Math.max(0, coveragePercentage)));
+  return /* @__PURE__ */ React__default.createElement(Card, { className: cn("shadow-none border border-dark-300 rounded-lg", className) }, /* @__PURE__ */ React__default.createElement(CardHeader, { className: "p-0 space-y-0 border-b border-dark-300" }, /* @__PURE__ */ React__default.createElement("div", { className: "flex flex-col gap-1 justify-center py-4 px-4" }, /* @__PURE__ */ React__default.createElement("p", { className: "uppercase heading-xxxs font-semibold text-dark tracking-normal" }, "Articles Generated by Brainfish (coverage)"), /* @__PURE__ */ React__default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React__default.createElement("span", { className: "font-mono text-3xl leading-10 text-dark" }, formatWhole(total)), /* @__PURE__ */ React__default.createElement(TrendValue, { trend, trendValue })))), /* @__PURE__ */ React__default.createElement(CardContent, { className: "flex gap-2 p-0" }, /* @__PURE__ */ React__default.createElement("div", { className: "flex-1 min-w-0 px-4 pt-4 pb-0" }, /* @__PURE__ */ React__default.createElement(ChartContainer, { config: chartConfig, className: "h-48 w-full" }, /* @__PURE__ */ React__default.createElement(LineChart, { data, margin: { top: 8, left: 20, right: 20, bottom: 0 } }, /* @__PURE__ */ React__default.createElement(CartesianGrid, { horizontal: true, vertical: false, className: "stroke-dark-300" }), /* @__PURE__ */ React__default.createElement(
+    XAxis,
+    {
+      dataKey: "date",
+      tickLine: false,
+      axisLine: false,
+      tickMargin: 8,
+      padding: { left: 15, right: 15 },
+      minTickGap: 32,
+      interval: "preserveStartEnd",
+      tickFormatter,
+      tick: ({ x, y, payload, index }) => {
+        const isFirst = index === 0;
+        const isLast = index === data.length - 1;
+        const anchor = isFirst ? "start" : isLast ? "end" : "middle";
+        const tickX = isFirst ? x - 15 : isLast ? x + 15 : x;
+        return /* @__PURE__ */ React__default.createElement("text", { x: tickX, y, dy: 12, textAnchor: anchor, className: "text-xs fill-dark-600" }, tickFormatter(payload.value));
+      }
+    }
+  ), /* @__PURE__ */ React__default.createElement(
+    ChartTooltip,
+    {
+      cursor: false,
+      content: ({ active, payload, label }) => /* @__PURE__ */ React__default.createElement(
+        ChartTooltipContent,
+        {
+          active,
+          payload,
+          label: label != null ? formatXLabel(label) : ""
+        }
+      )
+    }
+  ), lineKeys.map((key) => /* @__PURE__ */ React__default.createElement(
+    Line,
+    {
+      key,
+      dataKey: key,
+      type: "monotone",
+      stroke: `var(--color-${key})`,
+      strokeWidth: 2,
+      dot: { r: 4, fill: "white", strokeWidth: 2, stroke: `var(--color-${key})` },
+      activeDot: { r: 5, fill: "white", strokeWidth: 2, stroke: `var(--color-${key})` }
+    }
+  ))))), /* @__PURE__ */ React__default.createElement("div", { className: "w-80 shrink-0 flex items-center justify-center" }, /* @__PURE__ */ React__default.createElement(ChartContainer, { config: COVERAGE_CHART_CONFIG, className: "aspect-square w-full max-w-44" }, /* @__PURE__ */ React__default.createElement(PieChart, null, /* @__PURE__ */ React__default.createElement(
+    Pie,
+    {
+      data: [{ value: 100, fill: "var(--color-uncovered)" }],
+      dataKey: "value",
+      innerRadius: "76%",
+      outerRadius: "82%",
+      stroke: "none",
+      isAnimationActive: false
+    }
+  ), /* @__PURE__ */ React__default.createElement(
+    Pie,
+    {
+      data: [
+        { name: "covered", value: clampedCoverage, fill: "var(--color-covered)" },
+        { name: "uncovered", value: 100 - clampedCoverage, fill: "transparent" }
+      ],
+      dataKey: "value",
+      nameKey: "name",
+      innerRadius: "68%",
+      outerRadius: "90%",
+      startAngle: 90,
+      endAngle: -270,
+      stroke: "none"
+    },
+    /* @__PURE__ */ React__default.createElement(
+      Label,
+      {
+        content: ({ viewBox }) => {
+          if (viewBox && "cx" in viewBox && "cy" in viewBox) {
+            return /* @__PURE__ */ React__default.createElement("text", { x: viewBox.cx, y: viewBox.cy, textAnchor: "middle", dominantBaseline: "central" }, /* @__PURE__ */ React__default.createElement("tspan", { className: "font-mono text-3xl fill-dark-600" }, clampedCoverage, "%"));
+          }
+          return null;
+        }
+      }
+    )
+  ))))));
+}
+
+export { ArticlesCoverage };

package/dist/esm/components/articles-coverage.js

@@ -1,5 +1 @@
-import e from"react";import{LineChart as t,CartesianGrid as a,XAxis as r,Line as l,PieChart as n,Pie as o,Label as c}from"recharts";import{a as s}from"../chunks/trend-value.lSWHqdkm.js";import{Card as m,CardHeader as i,CardContent as d}from"./ui/card.js";import{C as u,a as f,b as v}from"../chunks/chart.D9xvsrKX.js";import{f as p}from"../chunks/formatNumber.DhVn228t.js";import{u as x}from"../chunks/useChartDateFormatters.Dx2h5AAm.js";import{c as k}from"../chunks/utils.DtKoarLP.js";const E={covered:{label:"Covered",color:"var(--bfc-v2-color-blue-600, #357DE8)"},uncovered:{label:"Uncovered",color:"var(--bfc-v2-color-mono-300, #E5E5E5)"}};function h({total:h,trend:y,trendValue:g,coveragePercentage:b,data:N,chartConfig:j,locale:w,className:A}){const{tickFormatter:C,formatXLabel:K}=x(w),B=Object.keys(j),M=Math.round(Math.min(100,Math.max(0,b)));/* @__PURE__ */
-return e.createElement(m,{className:k("shadow-none border border-dark-300 rounded-lg",A)},/* @__PURE__ */e.createElement(i,{className:"p-0 space-y-0 border-b border-dark-300"},/* @__PURE__ */e.createElement("div",{className:"flex flex-col gap-1 justify-center py-4 px-4"},/* @__PURE__ */e.createElement("p",{className:"uppercase heading-xxxs font-semibold text-dark tracking-normal"},"Articles Generated by Brainfish (coverage)"),/* @__PURE__ */e.createElement("div",{className:"flex items-center gap-2"},/* @__PURE__ */e.createElement("span",{className:"font-mono text-3xl leading-10 text-dark"},p(h,{})),/* @__PURE__ */e.createElement(s,{trend:y,trendValue:g})))),/* @__PURE__ */e.createElement(d,{className:"flex gap-2 p-0"},/* @__PURE__ */e.createElement("div",{className:"flex-1 min-w-0 px-4 pt-4 pb-0"},/* @__PURE__ */e.createElement(u,{config:j,className:"h-48 w-full"},/* @__PURE__ */e.createElement(t,{data:N,margin:{top:8,left:20,right:20,bottom:0}},/* @__PURE__ */e.createElement(a,{horizontal:!0,vertical:!1,className:"stroke-dark-300"}),/* @__PURE__ */e.createElement(r,{dataKey:"date",tickLine:!1,axisLine:!1,tickMargin:8,padding:{left:15,right:15},minTickGap:32,interval:"preserveStartEnd",tickFormatter:C,tick:({x:t,y:a,payload:r,index:l})=>{const n=0===l,o=l===N.length-1,c=n?"start":o?"end":"middle",s=n?t-15:o?t+15:t;/* @__PURE__ */
-return e.createElement("text",{x:s,y:a,dy:12,textAnchor:c,className:"text-xs fill-dark-600"},C(r.value))}}),/* @__PURE__ */e.createElement(f,{cursor:!1,content:({active:t,payload:a,label:r})=>/* @__PURE__ */e.createElement(v,{active:t,payload:a,label:null!=r?K(r):""})}),B.map(t=>/* @__PURE__ */e.createElement(l,{key:t,dataKey:t,type:"monotone",stroke:`var(--color-${t})`,strokeWidth:2,dot:{r:4,fill:"white",strokeWidth:2,stroke:`var(--color-${t})`},activeDot:{r:5,fill:"white",strokeWidth:2,stroke:`var(--color-${t})`}}))))),/* @__PURE__ */e.createElement("div",{className:"w-80 shrink-0 flex items-center justify-center"},/* @__PURE__ */e.createElement(u,{config:E,className:"aspect-square w-full max-w-44"},/* @__PURE__ */e.createElement(n,null,/* @__PURE__ */e.createElement(o,{data:[{value:100,fill:"var(--color-uncovered)"}],dataKey:"value",innerRadius:"76%",outerRadius:"82%",stroke:"none",isAnimationActive:!1}),/* @__PURE__ */e.createElement(o,{data:[{name:"covered",value:M,fill:"var(--color-covered)"},{name:"uncovered",value:100-M,fill:"transparent"}],dataKey:"value",nameKey:"name",innerRadius:"68%",outerRadius:"90%",startAngle:90,endAngle:-270,stroke:"none"},
-/* @__PURE__ */e.createElement(c,{content:({viewBox:t})=>t&&"cx"in t&&"cy"in t?/* @__PURE__ */e.createElement("text",{x:t.cx,y:t.cy,textAnchor:"middle",dominantBaseline:"central"},/* @__PURE__ */e.createElement("tspan",{className:"font-mono text-3xl fill-dark-600"},M,"%")):null})))))))}export{h as ArticlesCoverage};
-//# sourceMappingURL=articles-coverage.js.map
+export { ArticlesCoverage } from './articles-coverage/articles-coverage.js';

package/dist/esm/components/articles-updated/articles-updated.js

@@ -0,0 +1,74 @@
+import React__default from 'react';
+import { LineChart, CartesianGrid, XAxis, Line } from 'recharts';
+import { TrendValue } from '../trend-value/trend-value.js';
+import { Card, CardHeader, CardContent } from '../ui/card.js';
+import { ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent } from '../ui/chart.js';
+import { formatNumber } from '../../lib/formatNumber.js';
+import { useChartDateFormatters } from '../../lib/useChartDateFormatters.js';
+import { cn } from '../../lib/utils.js';
+
+const formatWhole = (value) => formatNumber(value, {});
+function ArticlesUpdated({
+  total,
+  trend,
+  trendValue,
+  data,
+  chartConfig,
+  dashedKeys = [],
+  locale,
+  className
+}) {
+  const { tickFormatter, formatXLabel } = useChartDateFormatters(locale);
+  const lineKeys = Object.keys(chartConfig);
+  return /* @__PURE__ */ React__default.createElement(Card, { className: cn("shadow-none border border-dark-300 rounded-lg", className) }, /* @__PURE__ */ React__default.createElement(CardHeader, { className: "p-0 space-y-0 border-b border-dark-300" }, /* @__PURE__ */ React__default.createElement("div", { className: "flex flex-col gap-1 justify-center py-4 px-4" }, /* @__PURE__ */ React__default.createElement("p", { className: "uppercase heading-xxxs font-semibold text-dark tracking-normal" }, "Articles updated"), /* @__PURE__ */ React__default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React__default.createElement("span", { className: "font-mono text-3xl leading-10 text-dark" }, formatWhole(total)), /* @__PURE__ */ React__default.createElement(TrendValue, { trend, trendValue })))), /* @__PURE__ */ React__default.createElement(CardContent, { className: "p-4" }, /* @__PURE__ */ React__default.createElement(ChartContainer, { config: chartConfig, className: "h-48 w-full" }, /* @__PURE__ */ React__default.createElement(LineChart, { data, margin: { top: 8, left: 20, right: 20, bottom: 0 } }, /* @__PURE__ */ React__default.createElement(CartesianGrid, { horizontal: true, vertical: false, className: "stroke-dark-300" }), /* @__PURE__ */ React__default.createElement(
+    XAxis,
+    {
+      dataKey: "date",
+      tickLine: false,
+      axisLine: false,
+      tickMargin: 8,
+      padding: { left: 15, right: 15 },
+      minTickGap: 32,
+      interval: "preserveStartEnd",
+      tickFormatter,
+      tick: ({ x, y, payload, index }) => {
+        const isFirst = index === 0;
+        const isLast = index === data.length - 1;
+        const anchor = isFirst ? "start" : isLast ? "end" : "middle";
+        const tickX = isFirst ? x - 15 : isLast ? x + 15 : x;
+        return /* @__PURE__ */ React__default.createElement("text", { x: tickX, y, dy: 12, textAnchor: anchor, className: "text-xs fill-dark-600" }, tickFormatter(payload.value));
+      }
+    }
+  ), /* @__PURE__ */ React__default.createElement(
+    ChartTooltip,
+    {
+      cursor: false,
+      content: ({ active, payload, label }) => /* @__PURE__ */ React__default.createElement(
+        ChartTooltipContent,
+        {
+          active,
+          payload,
+          label: formatXLabel(label),
+          className: "min-w-52"
+        }
+      )
+    }
+  ), lineKeys.map((key) => {
+    const isDashed = dashedKeys.includes(key);
+    return /* @__PURE__ */ React__default.createElement(
+      Line,
+      {
+        key,
+        dataKey: key,
+        type: "monotone",
+        stroke: `var(--color-${key})`,
+        strokeWidth: 2,
+        strokeDasharray: isDashed ? "5 5" : void 0,
+        dot: ({ cx, cy, stroke }) => /* @__PURE__ */ React__default.createElement("circle", { cx, cy, r: 4, fill: "white", stroke, strokeWidth: 2 }),
+        activeDot: { r: 5, strokeWidth: 0 }
+      }
+    );
+  }), /* @__PURE__ */ React__default.createElement(ChartLegend, { content: /* @__PURE__ */ React__default.createElement(ChartLegendContent, null) })))));
+}
+
+export { ArticlesUpdated };

package/dist/esm/components/articles-updated.js

@@ -1,5 +1 @@
-import e from"react";import{LineChart as t,CartesianGrid as a,XAxis as r,Line as c}from"recharts";import{a as s}from"../chunks/trend-value.lSWHqdkm.js";import{Card as l,CardHeader as n,CardContent as o}from"./ui/card.js";import{C as m,a as i,b as d,c as p,d as k}from"../chunks/chart.D9xvsrKX.js";import{f as u}from"../chunks/formatNumber.DhVn228t.js";import{u as f}from"../chunks/useChartDateFormatters.Dx2h5AAm.js";import{c as h}from"../chunks/utils.DtKoarLP.js";function x({total:x,trend:E,trendValue:y,data:g,chartConfig:b,dashedKeys:N=[],locale:v,className:j}){const{tickFormatter:w,formatXLabel:C}=f(v),A=Object.keys(b);/* @__PURE__ */
-return e.createElement(l,{className:h("shadow-none border border-dark-300 rounded-lg",j)},/* @__PURE__ */e.createElement(n,{className:"p-0 space-y-0 border-b border-dark-300"},/* @__PURE__ */e.createElement("div",{className:"flex flex-col gap-1 justify-center py-4 px-4"},/* @__PURE__ */e.createElement("p",{className:"uppercase heading-xxxs font-semibold text-dark tracking-normal"},"Articles updated"),/* @__PURE__ */e.createElement("div",{className:"flex items-center gap-2"},/* @__PURE__ */e.createElement("span",{className:"font-mono text-3xl leading-10 text-dark"},u(x,{})),/* @__PURE__ */e.createElement(s,{trend:E,trendValue:y})))),/* @__PURE__ */e.createElement(o,{className:"p-4"},/* @__PURE__ */e.createElement(m,{config:b,className:"h-48 w-full"},/* @__PURE__ */e.createElement(t,{data:g,margin:{top:8,left:20,right:20,bottom:0}},/* @__PURE__ */e.createElement(a,{horizontal:!0,vertical:!1,className:"stroke-dark-300"}),/* @__PURE__ */e.createElement(r,{dataKey:"date",tickLine:!1,axisLine:!1,tickMargin:8,padding:{left:15,right:15},minTickGap:32,interval:"preserveStartEnd",tickFormatter:w,tick:({x:t,y:a,payload:r,index:c})=>{const s=0===c,l=c===g.length-1,n=s?"start":l?"end":"middle",o=s?t-15:l?t+15:t;/* @__PURE__ */
-return e.createElement("text",{x:o,y:a,dy:12,textAnchor:n,className:"text-xs fill-dark-600"},w(r.value))}}),/* @__PURE__ */e.createElement(i,{cursor:!1,content:({active:t,payload:a,label:r})=>/* @__PURE__ */e.createElement(d,{active:t,payload:a,label:C(r),className:"min-w-52"})}),A.map(t=>{const a=N.includes(t);/* @__PURE__ */
-return e.createElement(c,{key:t,dataKey:t,type:"monotone",stroke:`var(--color-${t})`,strokeWidth:2,strokeDasharray:a?"5 5":void 0,dot:({cx:t,cy:a,stroke:r})=>/* @__PURE__ */e.createElement("circle",{cx:t,cy:a,r:4,fill:"white",stroke:r,strokeWidth:2}),activeDot:{r:5,strokeWidth:0}})}),/* @__PURE__ */e.createElement(p,{content:/* @__PURE__ */e.createElement(k,null)})))))}export{x as ArticlesUpdated};
-//# sourceMappingURL=articles-updated.js.map
+export { ArticlesUpdated } from './articles-updated/articles-updated.js';

package/dist/esm/components/breadcrumbs/breadcrumbs.js

@@ -0,0 +1,13 @@
+import React__default from 'react';
+import { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbEllipsis, BreadcrumbSeparator } from '../ui/breadcrumb.js';
+import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem } from '../ui/dropdown-menu.js';
+
+function AutoBreadcrumb({ path, maxChars = 20, LinkComponent, lastItemAsLink = true }) {
+  return /* @__PURE__ */ React__default.createElement(Breadcrumb, null, /* @__PURE__ */ React__default.createElement(BreadcrumbList, null, path.map((node, index) => {
+    const isLast = index === path.length - 1;
+    const isLengthy = node.label.length > maxChars;
+    return /* @__PURE__ */ React__default.createElement(React__default.Fragment, { key: `${index}-${node.href}` }, /* @__PURE__ */ React__default.createElement(BreadcrumbItem, null, isLast ? lastItemAsLink ? LinkComponent ? /* @__PURE__ */ React__default.createElement(BreadcrumbLink, { asChild: true }, /* @__PURE__ */ React__default.createElement(LinkComponent, { to: node.href, ...node.onClick && { onClick: node.onClick } }, node.label)) : /* @__PURE__ */ React__default.createElement(BreadcrumbLink, { href: node.href, ...node.onClick && { onClick: node.onClick } }, node.label) : /* @__PURE__ */ React__default.createElement(BreadcrumbPage, { className: "max-w-[200px] sm:max-w-[400px] truncate", title: node.label }, node.label) : isLengthy ? /* @__PURE__ */ React__default.createElement(DropdownMenu, null, /* @__PURE__ */ React__default.createElement(DropdownMenuTrigger, { className: "flex items-center gap-1" }, /* @__PURE__ */ React__default.createElement(BreadcrumbEllipsis, { className: "h-4 w-4" }), /* @__PURE__ */ React__default.createElement("span", { className: "sr-only" }, "Toggle ", node.label)), /* @__PURE__ */ React__default.createElement(DropdownMenuContent, { align: "start" }, LinkComponent ? /* @__PURE__ */ React__default.createElement(DropdownMenuItem, { asChild: true }, /* @__PURE__ */ React__default.createElement(LinkComponent, { to: node.href, ...node.onClick && { onClick: node.onClick } }, node.label)) : /* @__PURE__ */ React__default.createElement(DropdownMenuItem, null, /* @__PURE__ */ React__default.createElement("a", { href: node.href, ...node.onClick && { onClick: node.onClick } }, node.label)))) : LinkComponent ? /* @__PURE__ */ React__default.createElement(BreadcrumbLink, { asChild: true }, /* @__PURE__ */ React__default.createElement(LinkComponent, { to: node.href, ...node.onClick && { onClick: node.onClick } }, node.label)) : /* @__PURE__ */ React__default.createElement(BreadcrumbLink, { href: node.href, ...node.onClick && { onClick: node.onClick } }, node.label)), !isLast && /* @__PURE__ */ React__default.createElement(BreadcrumbSeparator, null));
+  })));
+}
+
+export { AutoBreadcrumb };

package/dist/esm/components/breadcrumbs.js

@@ -1,4 +1 @@
-import e from"react";import{Breadcrumb as l,BreadcrumbList as t,BreadcrumbItem as n,BreadcrumbLink as a,BreadcrumbPage as r,BreadcrumbEllipsis as c,BreadcrumbSeparator as m}from"./ui/breadcrumb.js";import{DropdownMenu as o,DropdownMenuTrigger as i,DropdownMenuContent as C,DropdownMenuItem as s}from"./ui/dropdown-menu.js";function k({path:k,maxChars:E=20,LinkComponent:h,lastItemAsLink:f=!0}){/* @__PURE__ */
-return e.createElement(l,null,/* @__PURE__ */e.createElement(t,null,k.map((l,t)=>{const u=t===k.length-1,b=l.label.length>E;/* @__PURE__ */
-return e.createElement(e.Fragment,{key:`${t}-${l.href}`},/* @__PURE__ */e.createElement(n,null,u?f?h?/* @__PURE__ */e.createElement(a,{asChild:!0},/* @__PURE__ */e.createElement(h,{to:l.href,...l.onClick&&{onClick:l.onClick}},l.label)):/* @__PURE__ */e.createElement(a,{href:l.href,...l.onClick&&{onClick:l.onClick}},l.label):/* @__PURE__ */e.createElement(r,{className:"max-w-[200px] sm:max-w-[400px] truncate",title:l.label},l.label):b?/* @__PURE__ */e.createElement(o,null,/* @__PURE__ */e.createElement(i,{className:"flex items-center gap-1"},/* @__PURE__ */e.createElement(c,{className:"h-4 w-4"}),/* @__PURE__ */e.createElement("span",{className:"sr-only"},"Toggle ",l.label)),/* @__PURE__ */e.createElement(C,{align:"start"},h?/* @__PURE__ */e.createElement(s,{asChild:!0},/* @__PURE__ */e.createElement(h,{to:l.href,...l.onClick&&{onClick:l.onClick}},l.label)):/* @__PURE__ */e.createElement(s,null,/* @__PURE__ */e.createElement("a",{href:l.href,...l.onClick&&{onClick:l.onClick}},l.label)))):h?/* @__PURE__ */e.createElement(a,{asChild:!0},/* @__PURE__ */e.createElement(h,{to:l.href,...l.onClick&&{onClick:l.onClick}},l.label)):/* @__PURE__ */e.createElement(a,{href:l.href,...l.onClick&&{onClick:l.onClick}},l.label)),!u&&/* @__PURE__ */e.createElement(m,null))})))}export{k as AutoBreadcrumb};
-//# sourceMappingURL=breadcrumbs.js.map
+export { AutoBreadcrumb } from './breadcrumbs/breadcrumbs.js';

package/dist/esm/components/chart-area-linear/chart-area-linear.js

@@ -0,0 +1,66 @@
+import React__default from 'react';
+import { AreaChart, XAxis, Area } from 'recharts';
+import { Card, CardHeader, CardTitle, CardDescription, CardContent } from '../ui/card.js';
+import { ChartContainer, ChartTooltip, ChartTooltipContent } from '../ui/chart.js';
+import { useChartDateFormatters } from '../../lib/useChartDateFormatters.js';
+
+const description = "A linear area chart";
+function ChartAreaLinear({ title, metric, data, chartConfig, locale }) {
+  const { tickFormatter, formatXLabel } = useChartDateFormatters(locale);
+  return /* @__PURE__ */ React__default.createElement(Card, { className: "min-w-80 h-44 p-4 flex flex-col text-dark shadow-none" }, /* @__PURE__ */ React__default.createElement(CardHeader, { className: "p-0 space-y-0", "data-name": "header" }, /* @__PURE__ */ React__default.createElement(CardTitle, { className: "uppercase font-geist heading-xxxs tracking-normal" }, title), /* @__PURE__ */ React__default.createElement(CardDescription, { "data-name": "metric", className: "mt-0 text-[2rem] leading-10 text-dark font-geist" }, metric)), /* @__PURE__ */ React__default.createElement(CardContent, { "data-name": "content", className: "p-0 flex-1 min-h-0" }, /* @__PURE__ */ React__default.createElement(ChartContainer, { config: chartConfig, className: "h-full w-full" }, /* @__PURE__ */ React__default.createElement(
+    AreaChart,
+    {
+      accessibilityLayer: true,
+      data,
+      margin: {
+        top: 2,
+        left: 14,
+        right: 23
+      }
+    },
+    /* @__PURE__ */ React__default.createElement("defs", null, /* @__PURE__ */ React__default.createElement("linearGradient", { id: "key1Gradient", x1: "0", y1: "0", x2: "0", y2: "1" }, /* @__PURE__ */ React__default.createElement("stop", { stopColor: "var(--color-key1)" }), /* @__PURE__ */ React__default.createElement("stop", { offset: "1", stopColor: "var(--color-key1)", stopOpacity: 0 }))),
+    /* @__PURE__ */ React__default.createElement(
+      XAxis,
+      {
+        dataKey: "date",
+        tickLine: false,
+        axisLine: false,
+        tickMargin: 8,
+        minTickGap: 20,
+        interval: "preserveStartEnd",
+        tickFormatter,
+        tick: ({ x, y, payload }) => /* @__PURE__ */ React__default.createElement(
+          "text",
+          {
+            x,
+            y,
+            dy: 12,
+            textAnchor: "middle",
+            className: "uppercase font-bold font-geist tracking-tight !fill-dark-900"
+          },
+          tickFormatter(payload.value)
+        )
+      }
+    ),
+    /* @__PURE__ */ React__default.createElement(
+      ChartTooltip,
+      {
+        cursor: false,
+        content: ({ active, payload, label }) => /* @__PURE__ */ React__default.createElement(ChartTooltipContent, { active, payload, hideIndicator: true, label: formatXLabel(label) })
+      }
+    ),
+    /* @__PURE__ */ React__default.createElement(
+      Area,
+      {
+        dataKey: "key1",
+        type: "linear",
+        fill: "url(#key1Gradient)",
+        stroke: "var(--color-key1)",
+        strokeLinecap: "round",
+        strokeWidth: 3
+      }
+    )
+  ))));
+}
+
+export { ChartAreaLinear, description };

package/dist/esm/components/chart-area-linear.js

@@ -1,7 +1 @@
-import e from"react";import{AreaChart as t,XAxis as a,Area as r}from"recharts";import{Card as n,CardHeader as l,CardTitle as c,CardDescription as o,CardContent as i}from"./ui/card.js";import{C as m,a as s,b as d}from"../chunks/chart.D9xvsrKX.js";import{u as p}from"../chunks/useChartDateFormatters.Dx2h5AAm.js";const f="A linear area chart";function k({title:f,metric:k,data:y,chartConfig:h,locale:x}){const{tickFormatter:E,formatXLabel:u}=p(x);/* @__PURE__ */
-return e.createElement(n,{className:"min-w-80 h-44 p-4 flex flex-col text-dark shadow-none"},/* @__PURE__ */e.createElement(l,{className:"p-0 space-y-0","data-name":"header"},/* @__PURE__ */e.createElement(c,{className:"uppercase font-inter heading-xxxs tracking-normal"},f),/* @__PURE__ */e.createElement(o,{"data-name":"metric",className:"mt-0 text-[2rem] leading-10 text-dark font-inter"},k)),/* @__PURE__ */e.createElement(i,{"data-name":"content",className:"p-0 flex-1 min-h-0"},/* @__PURE__ */e.createElement(m,{config:h,className:"h-full w-full"},/* @__PURE__ */e.createElement(t,{accessibilityLayer:!0,data:y,margin:{top:2,left:14,right:23}},
-/* @__PURE__ */e.createElement("defs",null,/* @__PURE__ */e.createElement("linearGradient",{id:"key1Gradient",x1:"0",y1:"0",x2:"0",y2:"1"},/* @__PURE__ */e.createElement("stop",{stopColor:"var(--color-key1)"}),/* @__PURE__ */e.createElement("stop",{offset:"1",stopColor:"var(--color-key1)",stopOpacity:0}))),
-/* @__PURE__ */e.createElement(a,{dataKey:"date",tickLine:!1,axisLine:!1,tickMargin:8,minTickGap:20,interval:"preserveStartEnd",tickFormatter:E,tick:({x:t,y:a,payload:r})=>/* @__PURE__ */e.createElement("text",{x:t,y:a,dy:12,textAnchor:"middle",className:"uppercase font-bold font-inter tracking-tight !fill-dark-900"},E(r.value))}),
-/* @__PURE__ */e.createElement(s,{cursor:!1,content:({active:t,payload:a,label:r})=>/* @__PURE__ */e.createElement(d,{active:t,payload:a,hideIndicator:!0,label:u(r)})}),
-/* @__PURE__ */e.createElement(r,{dataKey:"key1",type:"linear",fill:"url(#key1Gradient)",stroke:"var(--color-key1)",strokeLinecap:"round",strokeWidth:3})))))}export{k as ChartAreaLinear,f as description};
-//# sourceMappingURL=chart-area-linear.js.map
+export { ChartAreaLinear, description } from './chart-area-linear/chart-area-linear.js';

package/dist/esm/components/chart-radial-stacked/chart-radial-stacked.js

@@ -0,0 +1,48 @@
+import React__default from 'react';
+import { RadialBarChart, PolarRadiusAxis, Label, RadialBar } from 'recharts';
+import { TrendValue } from '../trend-value/trend-value.js';
+import { formatNumber } from '../../lib/formatNumber.js';
+import { Card, CardHeader, CardTitle, CardContent } from '../ui/card.js';
+import { ChartContainer, ChartTooltip, ChartTooltipContent } from '../ui/chart.js';
+import { cn } from '../../lib/utils.js';
+
+function ChartRadialStacked({
+  title,
+  data,
+  chartConfig,
+  trend,
+  trendValue,
+  className
+}) {
+  if (!data || data.length === 0) {
+    return null;
+  }
+  const OUTER_RADIUS = 120;
+  const INNER_RADIUS = 80;
+  const metricLabel = Object.values(data[0]).reduce((a, b) => typeof b === "number" ? a + b : a, 0);
+  const formattedMetricLabel = formatNumber(metricLabel);
+  const sortedData = Object.entries(data[0]).sort((a, b) => b[1] - a[1]);
+  return /* @__PURE__ */ React__default.createElement(Card, { className: cn("flex flex-col w-full min-w-60 p-4 shadow-none", className) }, /* @__PURE__ */ React__default.createElement(CardHeader, { className: "p-0 space-y-0", "data-name": "header" }, /* @__PURE__ */ React__default.createElement(CardTitle, { className: "uppercase font-geist heading-xxxs tracking-normal" }, title)), /* @__PURE__ */ React__default.createElement(CardContent, { "data-name": "content", className: "p-0 flex-1 min-h-0" }, /* @__PURE__ */ React__default.createElement(ChartContainer, { config: chartConfig, className: "mx-auto aspect-[2/1] w-full max-w-52" }, /* @__PURE__ */ React__default.createElement(RadialBarChart, { data, endAngle: 180, innerRadius: INNER_RADIUS, outerRadius: OUTER_RADIUS, cy: "100%" }, /* @__PURE__ */ React__default.createElement(ChartTooltip, { cursor: false, content: /* @__PURE__ */ React__default.createElement(ChartTooltipContent, { hideLabel: true }) }), /* @__PURE__ */ React__default.createElement(PolarRadiusAxis, { tick: false, tickLine: false, axisLine: false }, /* @__PURE__ */ React__default.createElement(
+    Label,
+    {
+      content: ({ viewBox }) => {
+        if (viewBox && "cx" in viewBox && "cy" in viewBox) {
+          return /* @__PURE__ */ React__default.createElement("text", { x: viewBox.cx, y: viewBox.cy, textAnchor: "middle" }, /* @__PURE__ */ React__default.createElement("tspan", { x: viewBox.cx, y: (viewBox.cy || 0) - 16, className: "fill-foreground text-xl font-geist" }, formattedMetricLabel));
+        }
+        return null;
+      }
+    }
+  )), sortedData.map(([key]) => /* @__PURE__ */ React__default.createElement(
+    RadialBar,
+    {
+      key,
+      dataKey: key,
+      stackId: "a",
+      cornerRadius: 4,
+      fill: chartConfig[key]?.color || `var(--color-${key})`,
+      className: "stroke-card stroke-2"
+    }
+  )))), trend && trendValue && /* @__PURE__ */ React__default.createElement(TrendValue, { variant: "long", trend, trendValue, className: "mt-4 justify-center" })));
+}
+
+export { ChartRadialStacked };