bitboss-ui 3.0.0-beta.63 → 3.0.0-beta.64

package/dist/components/BbBadge/types.d.ts

@@ -1,8 +1,8 @@
 import { IconType } from '../../types/Icon';
-import { PtMap, PtValue } from '../../types/passthrough';
+import { PtMap, PtValue, PtVariantAttrs } from '../../types/passthrough';
 import { Sizes } from '../../types/SizeScale';
-import { BadgeVariantType } from '../../types/BadgeVariant';
-import { BbBaseButtonProps } from '../BbBaseButton/types';
+import { BadgeVariantBuiltIn, BadgeVariantRegistry, BadgeVariantType } from '../../types/BadgeVariant';
+import { BbBaseButtonProps, BbLinkSlotProps } from '../BbBaseButton/types';
 /**
  * Passthrough parts of `BbBadge` (plans/passthrough/BbBadge.md). `spinner` is
  * named for uniformity with `BbButton`. The `__body` wrapper is layout, not a
@@ -18,26 +18,37 @@ import { BbBaseButtonProps } from '../BbBaseButton/types';
  */
 export type BbBadgePtPart = 'root' | 'icon' | 'spinner' | 'text' | 'clear';
 /**
- * Passthrough states of `BbBadge`: true while `--loading`.
+ * Passthrough states of `BbBadge`: `loading` while `--loading`; the link
+ * states while a slotted `BbBadgeButton` link has its `activeClass` /
+ * `exactActiveClass` on — on every part, so the whole chip shows it.
  *
+ * @state activeLink - Component-wide: the badge's `BbBadgeButton` is a link to
+ *   the current page or one of its ancestors. The weakest state.
+ * @state exactActiveLink - Component-wide: the badge's `BbBadgeButton` is a
+ *   link to the current page itself (`activeLink` is on too).
  * @state loading - Component-wide: `loading` is on; the spinner takes an
  *   icon's place.
  */
-export type BbBadgePtState = 'loading';
+export type BbBadgePtState = 'activeLink' | 'exactActiveLink' | 'loading';
 /** The runtime lists the resolver is wired with — kept next to the types so the two cannot drift. */
 export declare const BB_BADGE_PT: {
     readonly parts: readonly ["root", "icon", "spinner", "text", "clear"];
-    readonly states: readonly ["loading"];
+    readonly states: readonly ["activeLink", "exactActiveLink", "loading"];
+    readonly variant: {
+        readonly names: readonly ["primary", "secondary", "destructive", "outline"];
+        readonly option: "badgeVariants";
+    };
 };
 export type BbBadgeProps = {
-    [K in `pt:${BbBadgePtPart}` | `pt:${BbBadgePtPart}:${BbBadgePtState}`]?: PtValue;
-} & {
+    [K in `pt:${BbBadgePtPart}` | `pt:${BbBadgePtPart}:${BbBadgePtState}` | `pt:${BbBadgePtPart}:${BadgeVariantBuiltIn}`]?: PtValue;
+} & /* @vue-ignore */ PtVariantAttrs<BbBadgePtPart, keyof BadgeVariantRegistry> & {
     /**
      * Passthrough, object form: `{ icon: '…', 'icon:loading': '…' }` — the same
      * keys as the `pt:*` attributes without the prefix. Parts: `root`, `icon`,
-     * `spinner`, `text`, `clear`. State: `loading`.
+     * `spinner`, `text`, `clear`. States: `loading` and the registered
+     * variants (an app's own included).
      */
-    pt?: PtMap<BbBadgePtPart, BbBadgePtState>;
+    pt?: PtMap<BbBadgePtPart, BbBadgePtState | BadgeVariantBuiltIn | keyof BadgeVariantRegistry>;
     /**
      * Renders an icon-only badge. When set, `prepend:icon` / `append:icon` are
      * ignored and the default slot becomes the badge's visually hidden accessible
@@ -66,9 +77,10 @@ export type BbBadgeProps = {
      */
     clearable?: boolean;
     /**
-     * Accessible name of the clear button. Rarely needed: unset, it is composed
-     * from the localized `badge.clearLabel` verb and the badge text ("Remove
-     * Italy"), or the verb alone when a `BbBadgeButton` owns the body.
+     * Accessible name of the clear button, whole: set, it is the name on any
+     * body ("Remove the filter Deleted"). Rarely needed: unset, the name is
+     * composed from the localized `badge.clearLabel` verb and the badge text
+     * ("Remove Italy"), or the verb alone when a `BbBadgeButton` owns the body.
      */
     clearableLabel?: string;
     /**
@@ -88,6 +100,14 @@ export type BbBadgeProps = {
 export type BbBadgeEvents = 
 /** Emitted when the clear button is pressed (only rendered when `clearable`). */
 (e: 'click:clear', event: MouseEvent) => void;
+/**
+ * What `#icon` / `#prepend:icon` / `#append:icon` see: the badge's `pt` states.
+ * The link state comes from a slotted `BbBadgeButton` link, after hydration.
+ */
+export type BbBadgeIconSlotProps = BbLinkSlotProps & {
+    /** The `loading` prop. While it is on, the spinner takes the icon's place. */
+    loading: boolean;
+};
 export type BbBadgeSlots = {
     /**
      * The badge's label content. When `icon` is set this becomes the visually
@@ -95,6 +115,15 @@ export type BbBadgeSlots = {
      * body interactive (the wrapper stays a passive `<span>`).
      */
     default?: (props: object) => any;
+    /**
+     * The glyph of an icon-only badge, replacing the `icon` prop. Renders inside
+     * the `icon` part: `pt:icon`, `--icon-size` and the loading spinner apply.
+     */
+    icon?: (props: BbBadgeIconSlotProps) => any;
+    /** The leading icon, replacing `prepend:icon`; inside the `icon` part. */
+    'prepend:icon'?: (props: BbBadgeIconSlotProps) => any;
+    /** The trailing icon, replacing `append:icon`; inside the `icon` part. */
+    'append:icon'?: (props: BbBadgeIconSlotProps) => any;
 };
 /**
  * `BbBadgeButton` has full `BbBaseButton` parity: the badge body can do
@@ -107,7 +136,8 @@ export type BbBadgeSlots = {
 export type BbBadgeButtonProps = Omit<BbBaseButtonProps, 'block' | 'text'>;
 export type BbBadgeButtonSlots = {
     /**
-     * The action's label — what the badge displays as its body.
+     * The action's label — what the badge displays as its body. A link's slot
+     * gets `{ activeLink, exactActiveLink }`, as on `BbBaseButton`.
      */
-    default?: (props: object) => any;
+    default?: (props: BbLinkSlotProps) => any;
 };

package/dist/components/BbBadge/types.js

@@ -1,5 +1,6 @@
+import { BADGE_VARIANTS as e } from "../../types/BadgeVariant.js";
 //#region src/components/BbBadge/types.ts
-var e = {
+var t = {
 	parts: [
 		"root",
 		"icon",
@@ -7,7 +8,15 @@ var e = {
 		"text",
 		"clear"
 	],
-	states: ["loading"]
+	states: [
+		"activeLink",
+		"exactActiveLink",
+		"loading"
+	],
+	variant: {
+		names: e,
+		option: "badgeVariants"
+	}
 };
 //#endregion
-export { e as BB_BADGE_PT };
+export { t as BB_BADGE_PT };

package/dist/components/BbBaseButton/BbBaseButton.vue_vue_type_script_setup_true_lang.js

@@ -1,17 +1,18 @@
 import { usePassthrough as e } from "../../composables/usePassthrough.js";
 import { useConfig as t } from "../../composables/useConfig.js";
-import { useHydrated as n } from "../../composables/useHydrated.js";
-import { useFrameworkDetection as r } from "../../composables/useFrameworkDetection.js";
-import { BB_BASE_BUTTON_PT as i } from "./types.js";
-import a from "./RouterComponent.vue.js";
-import { useInertiaPage as o } from "../../composables/useInertiaPage.js";
-import { computed as s, createBlock as c, createElementBlock as l, createTextVNode as u, defineComponent as d, mergeProps as f, openBlock as p, renderSlot as m, resolveDynamicComponent as h, toDisplayString as g, unref as _, useAttrs as v, withCtx as y } from "vue";
+import { useFrameworkDetection as n } from "../../composables/useFrameworkDetection.js";
+import { BB_BASE_BUTTON_PT as r } from "./types.js";
+import i from "./RouterComponent.vue.js";
+import { currentOrigin as a, isNonRoutable as o, useBaseLinkState as s } from "./useLinkState.js";
+import { computed as c, createBlock as l, createElementBlock as u, createTextVNode as d, defineComponent as f, guardReactiveProps as p, mergeProps as m, normalizeProps as h, openBlock as g, renderSlot as _, resolveDynamicComponent as v, toDisplayString as y, unref as b, useAttrs as x, withCtx as S } from "vue";
 //#region src/components/BbBaseButton/BbBaseButton.vue?vue&type=script&setup=true&lang.ts
-var b = "http://localhost", x = /*@__PURE__*/ d({
+var C = /*@__PURE__*/ f({
 	inheritAttrs: !1,
 	__name: "BbBaseButton",
 	props: {
 		"pt:root": {},
+		"pt:root:activeLink": {},
+		"pt:root:exactActiveLink": {},
 		"pt:root:disabled": {},
 		pt: {},
 		activeClass: {},
@@ -65,143 +66,105 @@ var b = "http://localhost", x = /*@__PURE__*/ d({
 		preserveUrl: { type: Boolean },
 		viewTransition: { type: Boolean }
 	},
-	setup(d) {
-		let x = d, S = e({
+	setup(f) {
+		let C = f, w = s(C), T = e({
 			component: "BbBaseButton",
-			attrs: v(),
-			props: x,
-			parts: i.parts,
-			states: i.states,
-			active: { disabled: () => !!x.disabled }
-		}), C = t(), { isInertia: w, isNuxt: T } = r(), { isHydrated: E } = n(), { getPageUrl: D } = o(), O = typeof window < "u", k = O ? window.location.origin : null, A = (e, t) => {
-			let n = e.trim();
-			if (!n) return !1;
-			if (n.startsWith("#") || n.startsWith("//")) return !0;
-			if (!/^[a-zA-Z][a-zA-Z\d+\-.]*:/.test(n)) return !1;
-			if (!t) return !0;
-			try {
-				return new URL(n).origin !== t;
-			} catch {
-				return !0;
+			attrs: x(),
+			props: C,
+			parts: r.parts,
+			states: r.states,
+			active: {
+				disabled: () => !!C.disabled,
+				activeLink: () => w.value.activeLink,
+				exactActiveLink: () => w.value.exactActiveLink
 			}
-		}, j = (e) => e === "/" ? e : e.replace(/\/+$/, ""), M = s(() => {
-			let e = D();
-			if (e) try {
-				return j(new URL(e, b).pathname);
-			} catch {
-				return;
-			}
-		}), N = s(() => !!(x.href && !A(x.href, k))), P = s(() => {
-			if (!N.value || !x.href) return;
-			let e = M.value ?? "/";
-			try {
-				return j(new URL(x.href, `${b}${e}`).pathname);
-			} catch {
-				return;
-			}
-		}), F = s(() => O && E.value ? j(window.location.pathname) : void 0), I = s(() => {
-			if (!x.href || A(x.href, k)) return;
-			let e = F.value ?? "/";
-			try {
-				return j(new URL(x.href, `${b}${e}`).pathname);
-			} catch {
-				return;
-			}
-		}), L = s(() => w ? M.value : F.value), R = s(() => w ? P.value : I.value), z = s(() => {
-			if (x.to) return !1;
-			let e = L.value, t = R.value;
-			return !e || !t ? !1 : t === e;
-		}), B = s(() => {
-			if (x.to) return !1;
-			let e = L.value, t = R.value;
-			return !e || !t ? !1 : t === "/" ? e.startsWith("/") : e === t || e.startsWith(`${t}/`);
-		}), V = s(() => !!(x.href && w && N.value && !x.disabled && !x.target && !x.download && !x.external || x.to && !x.disabled)), H = s(() => !!(x.href || x.to && x.disabled)), U = s(() => x.activeClass ?? C.linkActiveClass), W = s(() => x.exactActiveClass ?? C.linkExactActiveClass), G = s(() => ({
+		}), E = t(), { isInertia: D, isNuxt: O } = n(), k = c(() => !C.to && w.value.activeLink), A = c(() => !C.to && w.value.exactActiveLink), j = c(() => !!(C.href && !o(C.href, a))), M = c(() => !!(C.href && D && j.value && !C.disabled && !C.target && !C.download && !C.external || C.to && !C.disabled)), N = c(() => !!(C.href || C.to && C.disabled)), P = c(() => C.activeClass ?? E.linkActiveClass), F = c(() => C.exactActiveClass ?? E.linkExactActiveClass), I = c(() => ({
 			"bb-base-button": !0,
-			"bb-base-button--block": x.block,
-			"bb-base-button--disabled": x.disabled,
-			[U.value]: B.value,
-			[W.value]: z.value
-		})), K = s(() => {
-			let e = x.rel?.trim() ?? "";
-			if (!x.target || x.target === "_self") return e || void 0;
+			"bb-base-button--block": C.block,
+			"bb-base-button--disabled": C.disabled,
+			[P.value]: k.value,
+			[F.value]: A.value
+		})), L = c(() => {
+			let e = C.rel?.trim() ?? "";
+			if (!C.target || C.target === "_self") return e || void 0;
 			let t = new Set(e.split(/\s+/).filter(Boolean));
 			return t.add("noopener"), t.add("noreferrer"), Array.from(t).join(" ");
-		}), q = () => ({
-			disabled: x.disabled,
-			type: x.type
-		}), J = () => {
-			if (x.disabled) return {
+		}), R = () => ({
+			disabled: C.disabled,
+			type: C.type
+		}), z = () => {
+			if (C.disabled) return {
 				"aria-disabled": !0,
 				role: "link",
 				href: void 0,
 				tabindex: -1
 			};
 			let e = {
-				href: x.href,
-				rel: K.value,
-				target: x.target,
-				download: x.download === !0 ? "" : (x.download ?? void 0) || void 0
+				href: C.href,
+				rel: L.value,
+				target: C.target,
+				download: C.download === !0 ? "" : (C.download ?? void 0) || void 0
 			};
-			return z.value && (e["aria-current"] = x.ariaCurrentValue ?? "page"), e;
-		}, Y = () => ({
-			data: x.data,
-			async: x.async,
-			cacheFor: x.cacheFor,
-			cacheTags: x.cacheTags,
-			component: x.component,
-			except: x.except,
-			instant: x.instant,
-			onError: x.onError,
-			onPrefetched: x.onPrefetched,
-			onPrefetching: x.onPrefetching,
-			pageProps: x.pageProps,
-			prefetch: x.prefetch,
-			preserveUrl: x.preserveUrl,
-			viewTransition: x.viewTransition,
-			headers: x.headers,
-			method: x.method,
-			onBefore: x.onBefore,
-			onCancel: x.onCancel,
-			onCancelToken: x.onCancelToken,
-			onFinish: x.onFinish,
-			only: x.only,
-			onProgress: x.onProgress,
-			onStart: x.onStart,
-			onSuccess: x.onSuccess,
-			preserveScroll: x.preserveScroll,
-			preserveState: x.preserveState,
-			queryStringArrayFormat: x.queryStringArrayFormat,
-			replace: x.replace
-		}), X = () => ({
-			activeClass: U.value,
-			ariaCurrentValue: x.ariaCurrentValue,
-			exactActiveClass: W.value,
-			...T ? { external: x.external } : {},
-			rel: K.value,
-			replace: x.replace,
-			target: x.target,
-			to: x.to
-		}), Z = s(() => x.tag ?? "button"), Q = s(() => Z.value === "button" ? q() : {}), $ = s(() => J()), ee = s(() => X()), te = s(() => w ? {
-			...$.value,
-			...Y()
-		} : ee.value);
-		return (e, t) => V.value ? (p(), c(a, f({
+			return A.value && (e["aria-current"] = C.ariaCurrentValue ?? "page"), e;
+		}, B = () => ({
+			data: C.data,
+			async: C.async,
+			cacheFor: C.cacheFor,
+			cacheTags: C.cacheTags,
+			component: C.component,
+			except: C.except,
+			instant: C.instant,
+			onError: C.onError,
+			onPrefetched: C.onPrefetched,
+			onPrefetching: C.onPrefetching,
+			pageProps: C.pageProps,
+			prefetch: C.prefetch,
+			preserveUrl: C.preserveUrl,
+			viewTransition: C.viewTransition,
+			headers: C.headers,
+			method: C.method,
+			onBefore: C.onBefore,
+			onCancel: C.onCancel,
+			onCancelToken: C.onCancelToken,
+			onFinish: C.onFinish,
+			only: C.only,
+			onProgress: C.onProgress,
+			onStart: C.onStart,
+			onSuccess: C.onSuccess,
+			preserveScroll: C.preserveScroll,
+			preserveState: C.preserveState,
+			queryStringArrayFormat: C.queryStringArrayFormat,
+			replace: C.replace
+		}), V = () => ({
+			activeClass: P.value,
+			ariaCurrentValue: C.ariaCurrentValue,
+			exactActiveClass: F.value,
+			...O ? { external: C.external } : {},
+			rel: L.value,
+			replace: C.replace,
+			target: C.target,
+			to: C.to
+		}), H = c(() => C.tag ?? "button"), U = c(() => H.value === "button" ? R() : {}), W = c(() => z()), G = c(() => V()), K = c(() => D ? {
+			...W.value,
+			...B()
+		} : G.value);
+		return (e, t) => M.value ? (g(), l(i, m({
 			key: 0,
-			class: G.value
-		}, f(te.value, _(S).forwardAttrs, _(S).root)), {
-			default: y(() => [m(e.$slots, "default", {}, () => [u(g(e.text), 1)])]),
+			class: I.value
+		}, m(K.value, b(T).forwardAttrs, b(T).root)), {
+			default: S(() => [_(e.$slots, "default", h(p(b(w))), () => [d(y(e.text), 1)])]),
 			_: 3
-		}, 16, ["class"])) : H.value ? (p(), l("a", f({
+		}, 16, ["class"])) : N.value ? (g(), u("a", m({
 			key: 1,
-			class: G.value
-		}, f($.value, _(S).forwardAttrs, _(S).root)), [m(e.$slots, "default", {}, () => [u(g(e.text), 1)])], 16)) : (p(), c(h(Z.value), f({
+			class: I.value
+		}, m(W.value, b(T).forwardAttrs, b(T).root)), [_(e.$slots, "default", h(p(b(w))), () => [d(y(e.text), 1)])], 16)) : (g(), l(v(H.value), m({
 			key: 2,
-			class: G.value
-		}, f(Q.value, _(S).forwardAttrs, _(S).root)), {
-			default: y(() => [m(e.$slots, "default", {}, () => [u(g(e.text), 1)])]),
+			class: I.value
+		}, m(U.value, b(T).forwardAttrs, b(T).root)), {
+			default: S(() => [_(e.$slots, "default", h(p(b(w))), () => [d(y(e.text), 1)])]),
 			_: 3
 		}, 16, ["class"]));
 	}
 });
 //#endregion
-export { x as default };
+export { C as default };

package/dist/components/BbBaseButton/types.d.ts

@@ -11,15 +11,23 @@ import { RouteLocationRaw } from 'vue-router';
  */
 export type BbBaseButtonPtPart = 'root';
 /**
- * Passthrough states of `BbBaseButton`, true while the matching `--` modifier is on.
+ * Passthrough states of `BbBaseButton`: `disabled` while `--disabled` is on,
+ * the link states while `activeClass` / `exactActiveClass` are. Order =
+ * precedence, last wins: `disabled` outranks the link states.
  *
+ * @state activeLink - Component-wide: a link to the current page or one of its
+ *   ancestors (`/users` on `/users/5`) — exactly when `activeClass` is on.
+ *   The default slot gets it too, as `activeLink`.
+ * @state exactActiveLink - Component-wide: a link to the current page itself —
+ *   exactly when `exactActiveClass` is on (`activeLink` is on too). The default
+ *   slot gets it as `exactActiveLink`.
  * @state disabled - Component-wide: the button is `disabled`.
  */
-export type BbBaseButtonPtState = 'disabled';
+export type BbBaseButtonPtState = 'activeLink' | 'exactActiveLink' | 'disabled';
 /** The runtime lists the resolver is wired with — kept next to the types so the two cannot drift. */
 export declare const BB_BASE_BUTTON_PT: {
     readonly parts: readonly ["root"];
-    readonly states: readonly ["disabled"];
+    readonly states: readonly ["activeLink", "exactActiveLink", "disabled"];
 };
 export type BbBaseButtonProps = {
     [K in `pt:${BbBaseButtonPtPart}` | `pt:${BbBaseButtonPtPart}:${BbBaseButtonPtState}`]?: PtValue;
@@ -273,11 +281,22 @@ export type BbBaseButtonProps = {
      */
     viewTransition?: boolean;
 };
+/**
+ * The default slot's props: whether the link points at the current page, the
+ * same facts as its `activeClass` / `exactActiveClass` and its
+ * `activeLink` / `exactActiveLink` `pt` states. Always `false` on a button.
+ */
+export type BbLinkSlotProps = {
+    /** A link to the current page or one of its ancestors: `activeClass` is on. */
+    activeLink: boolean;
+    /** A link to the current page itself: `exactActiveClass` is on. */
+    exactActiveLink: boolean;
+};
 export type BbBaseButtonSlots = {
     /**
      * Primary content rendered inside the button element. Falls back to the `text` prop when empty.
      */
-    default?: (props: object) => any;
+    default?: (props: BbLinkSlotProps) => any;
 };
 /** Runtime list of every {@link BbBaseButtonProps} key (kept exhaustive by the map above). */
 export declare const BB_BASE_BUTTON_PROP_KEYS: Array<keyof BbBaseButtonProps>;

package/dist/components/BbBaseButton/types.js

@@ -1,10 +1,16 @@
 //#region src/components/BbBaseButton/types.ts
 var e = {
 	parts: ["root"],
-	states: ["disabled"]
+	states: [
+		"activeLink",
+		"exactActiveLink",
+		"disabled"
+	]
 }, t = Object.keys({
 	pt: !0,
 	"pt:root": !0,
+	"pt:root:activeLink": !0,
+	"pt:root:exactActiveLink": !0,
 	"pt:root:disabled": !0,
 	activeClass: !0,
 	async: !0,

package/dist/components/BbBaseButton/useLinkState.d.ts

@@ -0,0 +1,41 @@
+import { ComputedRef } from 'vue';
+import { BbBaseButtonProps } from './types';
+/** What a link knows about the current page: the `activeClass` / `exactActiveClass` facts. */
+export type LinkState = {
+    /** The link's target is the current page or one of its ancestors. */
+    activeLink: boolean;
+    /** The link's target is the current page. */
+    exactActiveLink: boolean;
+};
+/** The props a link reads to place itself against the current page. */
+export type LinkStateSource = Pick<BbBaseButtonProps, 'to' | 'href' | 'disabled' | 'external' | 'target' | 'replace'>;
+export declare const currentOrigin: string | null;
+export declare const isNonRoutable: (href: string, originToMatch?: string | null) => boolean;
+/**
+ * Whether a link points at the current page — the one fact behind its
+ * `activeClass` / `exactActiveClass`, its `activeLink` / `exactActiveLink`
+ * `pt` states and its default-slot props, so the three always agree.
+ *
+ * - `to` links take the router's own answer (`useLink`, see `findUseLink`).
+ *   An external NuxtLink is never active, as NuxtLink itself reports.
+ * - `href` links match the path against Inertia's `$page.url` when present,
+ *   otherwise the browser URL: a prefix match for `activeLink`, the same path
+ *   for `exactActiveLink`.
+ *
+ * A disabled `to` link renders a plain `<a>` without RouterLink, so it is not
+ * active; a disabled `href` link keeps its classes (and so its state).
+ */
+export declare function useLinkState(props: LinkStateSource): ComputedRef<LinkState>;
+/**
+ * A wrapper that renders a `BbBaseButton` as its root (BbButton, BbBadgeButton,
+ * a dropdown row) computes the link state for its own `pt` and slot, then hands
+ * it down so the base button does not compute it a second time. Only for a
+ * wrapper whose root IS the base button, bound with the same `to` / `href`.
+ */
+export declare const provideLinkState: (state: ComputedRef<LinkState>) => void;
+/**
+ * The base button's side: its wrapper's state when there is one, else its own.
+ * A handed-down state is shielded from the slot content, so a base button
+ * nested inside never takes its parent's.
+ */
+export declare const useBaseLinkState: (props: LinkStateSource) => ComputedRef<LinkState>;

package/dist/components/BbBaseButton/useLinkState.js

@@ -0,0 +1,70 @@
+import { useConfig as e } from "../../composables/useConfig.js";
+import { useHydrated as t } from "../../composables/useHydrated.js";
+import { useFrameworkDetection as n } from "../../composables/useFrameworkDetection.js";
+import { useInertiaPage as r } from "../../composables/useInertiaPage.js";
+import { computed as i, getCurrentInstance as a, inject as o, provide as s, reactive as c } from "vue";
+//#region src/components/BbBaseButton/useLinkState.ts
+var l = "http://localhost", u = typeof window < "u", d = u ? window.location.origin : null, f = (e, t) => {
+	let n = e.trim();
+	if (!n) return !1;
+	if (n.startsWith("#") || n.startsWith("//")) return !0;
+	if (!/^[a-zA-Z][a-zA-Z\d+\-.]*:/.test(n)) return !1;
+	if (!t) return !0;
+	try {
+		return new URL(n).origin !== t;
+	} catch {
+		return !0;
+	}
+}, p = (e) => e === "/" ? e : e.replace(/\/+$/, ""), m = (e, t) => {
+	try {
+		return p(new URL(e, `${l}${t}`).pathname);
+	} catch {
+		return;
+	}
+}, h = (e, t) => {
+	let n = a()?.appContext.components ?? {}, r = (e) => {
+		let t = n[e]?.useLink;
+		return typeof t == "function" ? t : void 0;
+	};
+	return (e ? r(t) : void 0) ?? r("RouterLink");
+};
+function g(o) {
+	let s = e(), { isInertia: g, isNuxt: _ } = n(), { isHydrated: v } = t(), { getPageUrl: y } = r(), b = g ? void 0 : h(_, s.nuxtLinkName), x = b ? a()?.appContext.config.globalProperties.$router : void 0, S = x ? b(c({
+		to: i(() => o.to ?? x.currentRoute.value.fullPath),
+		replace: i(() => o.replace),
+		target: i(() => o.target),
+		external: i(() => o.external)
+	})) : void 0, C = i(() => {
+		let e = y();
+		if (e) try {
+			return p(new URL(e, l).pathname);
+		} catch {
+			return;
+		}
+	}), w = i(() => u && v.value ? p(window.location.pathname) : void 0), T = i(() => g ? C.value : w.value), E = i(() => {
+		if (!(!o.href || f(o.href, d))) return m(o.href, T.value ?? "/");
+	});
+	return i(() => {
+		if (o.to) {
+			let e = !!S && !o.disabled && !S.isExternal?.value;
+			return {
+				activeLink: e && S.isActive.value,
+				exactActiveLink: e && S.isExactActive.value
+			};
+		}
+		let e = T.value, t = E.value;
+		return !e || !t ? {
+			activeLink: !1,
+			exactActiveLink: !1
+		} : {
+			activeLink: t === "/" || e === t || e.startsWith(`${t}/`),
+			exactActiveLink: t === e
+		};
+	});
+}
+var _ = Symbol("bitboss-ui:link-state"), v = (e) => s(_, e), y = (e) => {
+	let t = o(_, null);
+	return t ? (s(_, null), t) : g(e);
+};
+//#endregion
+export { d as currentOrigin, f as isNonRoutable, v as provideLinkState, y as useBaseLinkState, g as useLinkState };