bitboss-ui 3.0.0-beta.4 → 3.0.0-beta.41

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

@@ -1,25 +1,25 @@
 import { useLogger as e } from "../../composables/useLogger.js";
-import { useFrameworkDetection as t } from "../../composables/useFrameworkDetection.js";
-import { config as n } from "virtual:bitboss-ui/config";
+import { useConfig as t } from "../../composables/useConfig.js";
+import { useFrameworkDetection as n } from "../../composables/useFrameworkDetection.js";
 import { createBlock as r, defineComponent as i, getCurrentInstance as a, openBlock as o, renderSlot as s, resolveComponent as c, resolveDynamicComponent as l, unref as u, withCtx as d } from "vue";
 import { InertiaLink as f } from "virtual:bitboss-ui/link";
 //#region src/components/BbBaseButton/RouterComponent.vue?vue&type=script&setup=true&lang.ts
 var p = /*@__PURE__*/ i({
 	__name: "RouterComponent",
 	setup(i) {
-		let { isInertia: p, isNuxt: m } = t(), h;
-		if (p) {
-			if (h = a()?.appContext.components?.[n.inertiaLinkName] ?? f, !h) {
+		let p = t(), { isInertia: m, isNuxt: h } = n(), g;
+		if (m) {
+			if (g = a()?.appContext.components?.[p.inertiaLinkName] ?? f, !g) {
 				let { warn: t } = e();
-				t(`Inertia link component "${n.inertiaLinkName}" could not be resolved, and "@inertiajs/vue3" is not installed in this app. Install it, register a link component globally under the name "${n.inertiaLinkName}", or set the bitboss-ui config key "inertiaLinkName" to the name you do register.`), h = n.inertiaLinkName;
+				t(`Inertia link component "${p.inertiaLinkName}" could not be resolved, and "@inertiajs/vue3" is not installed in this app. Install it, register a link component globally under the name "${p.inertiaLinkName}", or set the bitboss-ui config key "inertiaLinkName" to the name you do register.`), g = p.inertiaLinkName;
 			}
-		} else if (m) {
-			if (h = c(n.nuxtLinkName), typeof h == "string") {
+		} else if (h) {
+			if (g = c(p.nuxtLinkName), typeof g == "string") {
 				let { warn: t } = e();
-				t(`Nuxt link component "${n.nuxtLinkName}" could not be resolved. Ensure you app registers a link component with the name "${n.nuxtLinkName}" or set bitboss-ui config key "nuxtLinkName" to the correct value globally.`);
+				t(`Nuxt link component "${p.nuxtLinkName}" could not be resolved. Ensure you app registers a link component with the name "${p.nuxtLinkName}" or set bitboss-ui config key "nuxtLinkName" to the correct value globally.`);
 			}
-		} else h = "router-link";
-		return (e, t) => (o(), r(l(u(h)), null, {
+		} else g = "router-link";
+		return (e, t) => (o(), r(l(u(g)), null, {
 			default: d(() => [s(e.$slots, "default")]),
 			_: 3
 		}));

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

@@ -1,6 +1,34 @@
 import { ButtonTag } from '../../types/CommonProps';
+import { PtMap, PtValue } from '../../types/passthrough';
 import { RouteLocationRaw } from 'vue-router';
+/**
+ * Passthrough parts of `BbBaseButton` (plans/passthrough/BbBaseButton.md).
+ * `BbButton` wraps this component and exposes its own vocabulary.
+ *
+ * @part root - Whichever element renders — the `<button>`, the `<a>` or the
+ *   router link. A `class` on the component lands here too. The label is your
+ *   slot markup.
+ */
+export type BbBaseButtonPtPart = 'root';
+/**
+ * Passthrough states of `BbBaseButton`, true while the matching `--` modifier is on.
+ *
+ * @state disabled - Component-wide: the button is `disabled`.
+ */
+export type BbBaseButtonPtState = '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"];
+};
 export type BbBaseButtonProps = {
+    [K in `pt:${BbBaseButtonPtPart}` | `pt:${BbBaseButtonPtPart}:${BbBaseButtonPtState}`]?: PtValue;
+} & {
+    /**
+     * Passthrough, object form: the same keys as the `pt:*` attributes
+     * without the prefix. See the `pt:<part>` row.
+     */
+    pt?: PtMap<BbBaseButtonPtPart, BbBaseButtonPtState>;
     /**
      * CSS class applied when the component renders as a link and the target of the link is the current route or the url matches partially.
      * Ported for Inertia compatibility.
@@ -30,8 +58,8 @@ export type BbBaseButtonProps = {
      *
      * - When rendering as a native button, sets the `disabled` attribute.
      * - When rendering as a link (anchor/Inertia), removes `href`, adds
-     *   `aria-disabled="true"`, and prevents navigation while keeping focusable
-     *   semantics consistent.
+     *   `aria-disabled="true"` and `tabindex="-1"`, and prevents navigation: the
+     *   link stays announced as a link but leaves the tab order.
      */
     disabled?: boolean;
     /**
@@ -69,7 +97,9 @@ export type BbBaseButtonProps = {
     external?: boolean;
     /**
      * HTTP method used for Inertia navigation when `href` is provided in an
-     * Inertia-enabled app. Ignored otherwise.
+     * Inertia-enabled app. Ignored otherwise: an Inertia POST visit is
+     * `href="/orders/5/archive" method="post"`, never `to` (a `to` link is a
+     * Vue Router link and sends no method).
      */
     method?: 'get' | 'post' | 'put' | 'patch' | 'delete';
     /**

package/dist/components/BbBaseButton/types.js

@@ -1,4 +1,11 @@
-var e = Object.keys({
+//#region src/components/BbBaseButton/types.ts
+var e = {
+	parts: ["root"],
+	states: ["disabled"]
+}, t = Object.keys({
+	pt: !0,
+	"pt:root": !0,
+	"pt:root:disabled": !0,
 	activeClass: !0,
 	async: !0,
 	cacheFor: !0,
@@ -43,4 +50,4 @@ var e = Object.keys({
 	type: !0
 });
 //#endregion
-export { e as BB_BASE_BUTTON_PROP_KEYS };
+export { t as BB_BASE_BUTTON_PROP_KEYS, e as BB_BASE_BUTTON_PT };

package/dist/components/BbBaseCheckboxIcon/BbBaseCheckboxIcon.vue_vue_type_script_setup_true_lang.js

@@ -1,43 +1,75 @@
-import { createElementBlock as e, createElementVNode as t, defineComponent as n, normalizeClass as r, openBlock as i } from "vue";
+import { usePassthrough as e } from "../../composables/usePassthrough.js";
+import { BB_BASE_CHECKBOX_ICON_PT as t } from "./types.js";
+import { createElementBlock as n, createElementVNode as r, defineComponent as i, mergeProps as a, openBlock as o, unref as s, useAttrs as c } from "vue";
 //#region src/components/BbBaseCheckboxIcon/BbBaseCheckboxIcon.vue?vue&type=script&setup=true&lang.ts
-var a = /*@__PURE__*/ n({
+var l = /*@__PURE__*/ i({
+	inheritAttrs: !1,
 	__name: "BbBaseCheckboxIcon",
 	props: {
+		"pt:root": {},
+		"pt:root:errors": {},
+		"pt:root:warnings": {},
+		"pt:root:disabled": {},
+		"pt:root:readonly": {},
+		"pt:root:checked": {},
+		"pt:root:indeterminate": {},
+		"pt:root:focused": {},
+		"pt:root:focusVisible": {},
+		pt: {},
 		checked: { type: Boolean },
 		disabled: { type: Boolean },
+		focused: { type: Boolean },
 		focusVisible: { type: Boolean },
 		hasErrors: { type: Boolean },
-		hasWarning: { type: Boolean },
+		hasWarnings: { type: Boolean },
 		indeterminate: { type: Boolean },
 		readonly: { type: Boolean }
 	},
-	setup(n) {
-		return (n, a) => (i(), e("svg", {
+	setup(i) {
+		let l = i, u = e({
+			component: "BbBaseCheckboxIcon",
+			attrs: c(),
+			props: l,
+			parts: t.parts,
+			states: t.states,
+			active: {
+				checked: () => !!l.checked,
+				indeterminate: () => !!l.indeterminate,
+				readonly: () => !!l.readonly,
+				disabled: () => !!l.disabled,
+				warnings: () => !!l.hasWarnings && !l.hasErrors,
+				errors: () => !!l.hasErrors,
+				focused: () => !!l.focused,
+				focusVisible: () => !!l.focusVisible
+			}
+		});
+		return (e, t) => (o(), n("svg", a({
 			"aria-hidden": "true",
-			class: r(["bb-base-checkbox-icon", {
-				"bb-base-checkbox-icon--checked": n.checked,
-				"bb-base-checkbox-icon--disabled": n.disabled,
-				"bb-base-checkbox-icon--errors": n.hasErrors,
-				"bb-base-checkbox-icon--warnings": n.hasWarning && !n.hasErrors,
-				"bb-base-checkbox-icon--focus-visible": n.focusVisible,
-				"bb-base-checkbox-icon--indeterminate": n.indeterminate,
-				"bb-base-checkbox-icon--readonly": n.readonly
-			}]),
+			class: ["bb-base-checkbox-icon", {
+				"bb-base-checkbox-icon--checked": e.checked,
+				"bb-base-checkbox-icon--disabled": e.disabled,
+				"bb-base-checkbox-icon--errors": e.hasErrors,
+				"bb-base-checkbox-icon--warnings": e.hasWarnings && !e.hasErrors,
+				"bb-base-checkbox-icon--focused": e.focused,
+				"bb-base-checkbox-icon--focus-visible": e.focusVisible,
+				"bb-base-checkbox-icon--indeterminate": e.indeterminate,
+				"bb-base-checkbox-icon--readonly": e.readonly
+			}],
 			viewBox: "276.411 158.834 114.971 114.97"
-		}, a[0] ||= [t("path", {
+		}, s(u).rootAttrs), t[0] ||= [r("path", {
 			class: "bb-base-checkbox-icon__check",
 			d: "M 297.574 224.786 L 318.309 243.134 L 371.568 189.232",
 			fill: "none",
 			"stroke-linecap": "round",
 			"stroke-width": "14px"
-		}, null, -1), t("path", {
+		}, null, -1), r("path", {
 			class: "bb-base-checkbox-icon__indeterminate",
 			d: "M 314 216 L 354 216",
 			fill: "none",
 			"stroke-linecap": "round",
 			"stroke-width": "22px"
-		}, null, -1)], 2));
+		}, null, -1)], 16));
 	}
 });
 //#endregion
-export { a as default };
+export { l as default };

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

@@ -1,12 +1,34 @@
+import { CheckablePtState, PtMap, PtValue } from '../../types/passthrough';
 /**
  * Props for the standalone checkbox glyph.
  *
  * `BbBaseCheckboxIcon` is purely presentational: it renders the box + checkmark SVG
  * and drives its own visual state from these props. It carries no native input
  * and emits no events — pair it with your own `<input>`/`<label>` when you need
- * a completely custom checkbox design, or let `BbBaseCheckbox` render it for you.
+ * a completely custom checkbox design, or let `BbCheckbox` render it for you.
  */
+/**
+ * Passthrough parts of `BbBaseCheckboxIcon`
+ * (plans/passthrough/BbBaseCheckboxIcon.md).
+ *
+ * @part root - The drawn glyph — the box and its checkmark. Its states are
+ *   the conditions it paints as it resolves them (`warnings` is off while
+ *   `errors` is on), not the raw props.
+ */
+export type BbBaseCheckboxIconPtPart = 'root';
+/** The runtime lists the resolver is wired with. */
+export declare const BB_BASE_CHECKBOX_ICON_PT: {
+    readonly parts: readonly ["root"];
+    readonly states: readonly ["checked", "indeterminate", "readonly", "disabled", "warnings", "errors", "focused", "focusVisible"];
+};
 export type BbBaseCheckboxIconProps = {
+    [K in `pt:${BbBaseCheckboxIconPtPart}` | `pt:${BbBaseCheckboxIconPtPart}:${CheckablePtState}`]?: PtValue;
+} & {
+    /**
+     * Passthrough, object form: the same keys as the `pt:*` attributes
+     * without the prefix. See the `pt:<part>` row.
+     */
+    pt?: PtMap<BbBaseCheckboxIconPtPart, CheckablePtState>;
     /**
      * Renders the checked state (fills the box and draws the checkmark).
      * @defaultValue `false`
@@ -17,6 +39,13 @@ export type BbBaseCheckboxIconProps = {
      * @defaultValue `false`
      */
     disabled?: boolean;
+    /**
+     * Whether the paired native input has focus — any focus, mouse included.
+     * Paints `--focused`, the hook the `focused` passthrough state aliases (T19);
+     * draws nothing by itself — the ring stays on `focusVisible`.
+     * @defaultValue `false`
+     */
+    focused?: boolean;
     /**
      * Whether keyboard focus is visible (`:focus-visible`). Draws the focus ring.
      * @defaultValue `false`
@@ -32,7 +61,7 @@ export type BbBaseCheckboxIconProps = {
      * Errors take priority when both are set.
      * @defaultValue `false`
      */
-    hasWarning?: boolean;
+    hasWarnings?: boolean;
     /**
      * Renders the indeterminate state (filled box with a dash instead of the
      * checkmark). Takes visual precedence over `checked`.

package/dist/components/BbBaseCheckboxIcon/types.js

@@ -0,0 +1,8 @@
+import { CHECKABLE_PT_STATES as e } from "../../types/passthrough.js";
+//#region src/components/BbBaseCheckboxIcon/types.ts
+var t = {
+	parts: ["root"],
+	states: e
+};
+//#endregion
+export { t as BB_BASE_CHECKBOX_ICON_PT };

package/dist/components/BbBaseRadioIcon/BbBaseRadioIcon.vue_vue_type_script_setup_true_lang.js

@@ -1,28 +1,58 @@
-import { createElementBlock as e, defineComponent as t, normalizeClass as n, openBlock as r } from "vue";
+import { usePassthrough as e } from "../../composables/usePassthrough.js";
+import { BB_BASE_RADIO_ICON_PT as t } from "./types.js";
+import { createElementBlock as n, defineComponent as r, mergeProps as i, openBlock as a, unref as o, useAttrs as s } from "vue";
 //#region src/components/BbBaseRadioIcon/BbBaseRadioIcon.vue?vue&type=script&setup=true&lang.ts
-var i = /*@__PURE__*/ t({
+var c = /*@__PURE__*/ r({
+	inheritAttrs: !1,
 	__name: "BbBaseRadioIcon",
 	props: {
+		"pt:root": {},
+		"pt:root:errors": {},
+		"pt:root:warnings": {},
+		"pt:root:disabled": {},
+		"pt:root:readonly": {},
+		"pt:root:checked": {},
+		"pt:root:focused": {},
+		"pt:root:focusVisible": {},
+		pt: {},
 		checked: { type: Boolean },
 		disabled: { type: Boolean },
+		focused: { type: Boolean },
 		focusVisible: { type: Boolean },
 		hasErrors: { type: Boolean },
-		hasWarning: { type: Boolean },
+		hasWarnings: { type: Boolean },
 		readonly: { type: Boolean }
 	},
-	setup(t) {
-		return (t, i) => (r(), e("span", {
+	setup(r) {
+		let c = r, l = e({
+			component: "BbBaseRadioIcon",
+			attrs: s(),
+			props: c,
+			parts: t.parts,
+			states: t.states,
+			active: {
+				checked: () => !!c.checked,
+				readonly: () => !!c.readonly,
+				disabled: () => !!c.disabled,
+				warnings: () => !!c.hasWarnings && !c.hasErrors,
+				errors: () => !!c.hasErrors,
+				focused: () => !!c.focused,
+				focusVisible: () => !!c.focusVisible
+			}
+		});
+		return (e, t) => (a(), n("span", i({
 			"aria-hidden": "true",
-			class: n(["bb-base-radio-icon", {
-				"bb-base-radio-icon--checked": t.checked,
-				"bb-base-radio-icon--disabled": t.disabled,
-				"bb-base-radio-icon--errors": t.hasErrors,
-				"bb-base-radio-icon--warnings": t.hasWarning && !t.hasErrors,
-				"bb-base-radio-icon--focus-visible": t.focusVisible,
-				"bb-base-radio-icon--readonly": t.readonly
-			}])
-		}, null, 2));
+			class: ["bb-base-radio-icon", {
+				"bb-base-radio-icon--checked": e.checked,
+				"bb-base-radio-icon--disabled": e.disabled,
+				"bb-base-radio-icon--errors": e.hasErrors,
+				"bb-base-radio-icon--warnings": e.hasWarnings && !e.hasErrors,
+				"bb-base-radio-icon--focused": e.focused,
+				"bb-base-radio-icon--focus-visible": e.focusVisible,
+				"bb-base-radio-icon--readonly": e.readonly
+			}]
+		}, o(l).rootAttrs), null, 16));
 	}
 });
 //#endregion
-export { i as default };
+export { c as default };

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

@@ -1,12 +1,34 @@
+import { TogglePtState, PtMap, PtValue } from '../../types/passthrough';
 /**
  * Props for the standalone radio glyph.
  *
  * `BbBaseRadioIcon` is purely presentational: it renders the ring + dot and drives
  * its own visual state from these props. It carries no native input and emits no
  * events — pair it with your own `<input>`/`<label>` when you need a completely
- * custom radio design, or let `BbBaseRadio` render it for you.
+ * custom radio design, or let `BbRadio` render it for you.
  */
+/**
+ * Passthrough parts of `BbBaseRadioIcon`
+ * (plans/passthrough/BbBaseRadioIcon.md).
+ *
+ * @part root - The drawn glyph — the ring and its dot. Its states are the
+ *   conditions it paints as it resolves them (`warnings` is off while
+ *   `errors` is on), not the raw props.
+ */
+export type BbBaseRadioIconPtPart = 'root';
+/** The runtime lists the resolver is wired with. */
+export declare const BB_BASE_RADIO_ICON_PT: {
+    readonly parts: readonly ["root"];
+    readonly states: readonly ["checked", "readonly", "disabled", "warnings", "errors", "focused", "focusVisible"];
+};
 export type BbBaseRadioIconProps = {
+    [K in `pt:${BbBaseRadioIconPtPart}` | `pt:${BbBaseRadioIconPtPart}:${TogglePtState}`]?: PtValue;
+} & {
+    /**
+     * Passthrough, object form: the same keys as the `pt:*` attributes
+     * without the prefix. See the `pt:<part>` row.
+     */
+    pt?: PtMap<BbBaseRadioIconPtPart, TogglePtState>;
     /**
      * Renders the checked state (grows the inner dot).
      * @defaultValue `false`
@@ -17,6 +39,13 @@ export type BbBaseRadioIconProps = {
      * @defaultValue `false`
      */
     disabled?: boolean;
+    /**
+     * Whether the paired native input has focus — any focus, mouse included.
+     * Paints `--focused`, the hook the `focused` passthrough state aliases (T19);
+     * draws nothing by itself — the ring stays on `focusVisible`.
+     * @defaultValue `false`
+     */
+    focused?: boolean;
     /**
      * Whether keyboard focus is visible (`:focus-visible`). Draws the focus ring.
      * @defaultValue `false`
@@ -32,7 +61,7 @@ export type BbBaseRadioIconProps = {
      * Errors take priority when both are set.
      * @defaultValue `false`
      */
-    hasWarning?: boolean;
+    hasWarnings?: boolean;
     /**
      * Renders the read-only affordance (default cursor instead of pointer).
      * @defaultValue `false`

package/dist/components/BbBaseRadioIcon/types.js

@@ -0,0 +1,8 @@
+import { TOGGLE_PT_STATES as e } from "../../types/passthrough.js";
+//#region src/components/BbBaseRadioIcon/types.ts
+var t = {
+	parts: ["root"],
+	states: e
+};
+//#endregion
+export { t as BB_BASE_RADIO_ICON_PT };

package/dist/components/BbBaseSwitchIcon/BbBaseSwitchIcon.vue_vue_type_script_setup_true_lang.js

@@ -1,30 +1,62 @@
-import { createElementBlock as e, createElementVNode as t, defineComponent as n, normalizeClass as r, openBlock as i } from "vue";
+import { usePassthrough as e } from "../../composables/usePassthrough.js";
+import { BB_BASE_SWITCH_ICON_PT as t } from "./types.js";
+import { createElementBlock as n, createElementVNode as r, defineComponent as i, mergeProps as a, openBlock as o, unref as s, useAttrs as c } from "vue";
 //#region src/components/BbBaseSwitchIcon/BbBaseSwitchIcon.vue?vue&type=script&setup=true&lang.ts
-var a = /*@__PURE__*/ n({
+var l = /*@__PURE__*/ i({
+	inheritAttrs: !1,
 	__name: "BbBaseSwitchIcon",
 	props: {
+		"pt:root": {},
+		"pt:root:errors": {},
+		"pt:root:warnings": {},
+		"pt:root:disabled": {},
+		"pt:root:readonly": {},
+		"pt:root:checked": {},
+		"pt:root:indeterminate": {},
+		"pt:root:focused": {},
+		"pt:root:focusVisible": {},
+		pt: {},
 		checked: { type: Boolean },
 		disabled: { type: Boolean },
+		focused: { type: Boolean },
 		focusVisible: { type: Boolean },
 		hasErrors: { type: Boolean },
-		hasWarning: { type: Boolean },
+		hasWarnings: { type: Boolean },
 		indeterminate: { type: Boolean },
 		readonly: { type: Boolean }
 	},
-	setup(n) {
-		return (n, a) => (i(), e("span", {
+	setup(i) {
+		let l = i, u = e({
+			component: "BbBaseSwitchIcon",
+			attrs: c(),
+			props: l,
+			parts: t.parts,
+			states: t.states,
+			active: {
+				checked: () => !!l.checked,
+				indeterminate: () => !!l.indeterminate,
+				readonly: () => !!l.readonly,
+				disabled: () => !!l.disabled,
+				warnings: () => !!l.hasWarnings && !l.hasErrors,
+				errors: () => !!l.hasErrors,
+				focused: () => !!l.focused,
+				focusVisible: () => !!l.focusVisible
+			}
+		});
+		return (e, t) => (o(), n("span", a({
 			"aria-hidden": "true",
-			class: r(["bb-base-switch-icon", {
-				"bb-base-switch-icon--checked": n.checked,
-				"bb-base-switch-icon--disabled": n.disabled,
-				"bb-base-switch-icon--errors": n.hasErrors,
-				"bb-base-switch-icon--warnings": n.hasWarning && !n.hasErrors,
-				"bb-base-switch-icon--focus-visible": n.focusVisible,
-				"bb-base-switch-icon--indeterminate": n.indeterminate,
-				"bb-base-switch-icon--readonly": n.readonly
-			}])
-		}, a[0] ||= [t("span", { class: "bb-base-switch-icon__thumb" }, null, -1)], 2));
+			class: ["bb-base-switch-icon", {
+				"bb-base-switch-icon--checked": e.checked,
+				"bb-base-switch-icon--disabled": e.disabled,
+				"bb-base-switch-icon--errors": e.hasErrors,
+				"bb-base-switch-icon--warnings": e.hasWarnings && !e.hasErrors,
+				"bb-base-switch-icon--focused": e.focused,
+				"bb-base-switch-icon--focus-visible": e.focusVisible,
+				"bb-base-switch-icon--indeterminate": e.indeterminate,
+				"bb-base-switch-icon--readonly": e.readonly
+			}]
+		}, s(u).rootAttrs), t[0] ||= [r("span", { class: "bb-base-switch-icon__thumb" }, null, -1)], 16));
 	}
 });
 //#endregion
-export { a as default };
+export { l as default };

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

@@ -1,12 +1,34 @@
+import { CheckablePtState, PtMap, PtValue } from '../../types/passthrough';
 /**
  * Props for the standalone switch glyph.
  *
  * `BbBaseSwitchIcon` is purely presentational: it renders the track + thumb and
  * drives its own visual state from these props. It carries no native input and
  * emits no events — pair it with your own `<input>`/`<label>` when you need a
- * completely custom switch design, or let `BbBaseSwitch` render it for you.
+ * completely custom switch design, or let `BbSwitch` render it for you.
  */
+/**
+ * Passthrough parts of `BbBaseSwitchIcon`
+ * (plans/passthrough/BbBaseSwitchIcon.md).
+ *
+ * @part root - The drawn glyph — the track and its thumb. Its states are the
+ *   conditions it paints as it resolves them (`warnings` is off while
+ *   `errors` is on), not the raw props.
+ */
+export type BbBaseSwitchIconPtPart = 'root';
+/** The runtime lists the resolver is wired with. */
+export declare const BB_BASE_SWITCH_ICON_PT: {
+    readonly parts: readonly ["root"];
+    readonly states: readonly ["checked", "indeterminate", "readonly", "disabled", "warnings", "errors", "focused", "focusVisible"];
+};
 export type BbBaseSwitchIconProps = {
+    [K in `pt:${BbBaseSwitchIconPtPart}` | `pt:${BbBaseSwitchIconPtPart}:${CheckablePtState}`]?: PtValue;
+} & {
+    /**
+     * Passthrough, object form: the same keys as the `pt:*` attributes
+     * without the prefix. See the `pt:<part>` row.
+     */
+    pt?: PtMap<BbBaseSwitchIconPtPart, CheckablePtState>;
     /**
      * Renders the checked state (fills the track and slides the thumb to the end).
      * @defaultValue `false`
@@ -17,6 +39,13 @@ export type BbBaseSwitchIconProps = {
      * @defaultValue `false`
      */
     disabled?: boolean;
+    /**
+     * Whether the paired native input has focus — any focus, mouse included.
+     * Paints `--focused`, the hook the `focused` passthrough state aliases (T19);
+     * draws nothing by itself — the ring stays on `focusVisible`.
+     * @defaultValue `false`
+     */
+    focused?: boolean;
     /**
      * Whether keyboard focus is visible (`:focus-visible`). Draws the focus ring.
      * @defaultValue `false`
@@ -32,7 +61,7 @@ export type BbBaseSwitchIconProps = {
      * Errors take priority when both are set.
      * @defaultValue `false`
      */
-    hasWarning?: boolean;
+    hasWarnings?: boolean;
     /**
      * Renders the indeterminate state (filled track with the thumb parked at the
      * midpoint of its travel). Takes visual precedence over `checked`.

package/dist/components/BbBaseSwitchIcon/types.js

@@ -0,0 +1,8 @@
+import { CHECKABLE_PT_STATES as e } from "../../types/passthrough.js";
+//#region src/components/BbBaseSwitchIcon/types.ts
+var t = {
+	parts: ["root"],
+	states: e
+};
+//#endregion
+export { t as BB_BASE_SWITCH_ICON_PT };