@arcfusionz/arc-primitive-ui 0.3.3 → 0.3.5

package/dist/components/Breadcrumb/Breadcrumb.d.ts

@@ -31,7 +31,11 @@ interface BreadcrumbItemProps extends Omit<ComponentPropsWithoutRef<"li">, "clas
   /** Additional classes merged after the item recipe. */
   className?: string;
 }
-/** One entry in the trail: wraps a link, the current page, or a composed control. */
+/**
+ * One entry in the trail: wraps a link, the current page, or a composed
+ * control. Supporting metadata such as a `Badge` belongs beside that primary
+ * crumb content in the same item, keeping it outside the link's click target.
+ */
 declare const BreadcrumbItem: import("react").ForwardRefExoticComponent<BreadcrumbItemProps & import("react").RefAttributes<HTMLLIElement>>;
 interface BreadcrumbLinkVariantsOptions {
   className?: string;

package/dist/components/Breadcrumb/Breadcrumb.js

@@ -81,7 +81,11 @@ const BreadcrumbList = forwardRef(({ render, className, ...rest }, ref) => useRe
 	}
 }));
 BreadcrumbList.displayName = "BreadcrumbList";
-/** One entry in the trail: wraps a link, the current page, or a composed control. */
+/**
+* One entry in the trail: wraps a link, the current page, or a composed
+* control. Supporting metadata such as a `Badge` belongs beside that primary
+* crumb content in the same item, keeping it outside the link's click target.
+*/
 const BreadcrumbItem = forwardRef(({ render, className, ...rest }, ref) => useRender({
 	defaultTagName: "li",
 	render,

package/dist/components/Combobox/Combobox.d.ts

@@ -55,6 +55,13 @@ interface ComboboxInputGroupProps extends Omit<ComponentPropsWithoutRef<typeof C
   clearLabel?: string;
   /** Accessible name for the folded chevron button — override with localized copy. */
   triggerLabel?: string;
+  /**
+   * Leading static badge before the input. Pass the existing `<Badge>`
+   * component to use its variants, appearances, sizes, icons, dots, and
+   * custom classes. Keep it non-interactive so clicking the adornment can
+   * continue to focus the input.
+   */
+  badge?: ReactNode;
   className?: string;
 }
 /**
@@ -107,6 +114,13 @@ interface ComboboxTriggerProps extends Omit<BaseTriggerProps, "className"> {
    * convenience prop.
    */
   anchorWidth?: CSSProperties["width"];
+  /**
+   * Leading static badge before the selected value. Pass the existing
+   * `<Badge>` component to use its variants, appearances, sizes, icons, dots,
+   * and custom classes. Keep it non-interactive: links and delete buttons
+   * cannot be nested inside the trigger button.
+   */
+  badge?: ReactNode;
   /** Replaces the up-down carets. Decorative — hidden from assistive technology. */
   icon?: ReactNode;
   className?: string;

package/dist/components/Combobox/Combobox.js

@@ -112,13 +112,17 @@ function comboboxInputGroupVariants({ size = "md", className } = {}) {
 * this frame. Give the input an accessible name: a native `<label htmlFor>`,
 * a composed `FieldLabel`, or `aria-label` on `ComboboxInput`.
 */
-const ComboboxInputGroup = forwardRef(({ size = "md", showTrigger = true, showClear = false, clearLabel = "Clear selection", triggerLabel = "Show options", className, children, ...rest }, ref) => /* @__PURE__ */ jsx(ComboboxInputGroupContext.Provider, {
+const ComboboxInputGroup = forwardRef(({ size = "md", showTrigger = true, showClear = false, clearLabel = "Clear selection", triggerLabel = "Show options", badge, className, children, ...rest }, ref) => /* @__PURE__ */ jsx(ComboboxInputGroupContext.Provider, {
 	value: size,
 	children: /* @__PURE__ */ jsxs(Combobox.InputGroup, {
 		ref,
 		className: cn(comboboxInputGroupVariants({ size }), className),
 		...rest,
 		children: [
+			badge != null && /* @__PURE__ */ jsx("span", {
+				className: "flex shrink-0",
+				children: badge
+			}),
 			children,
 			showClear && /* @__PURE__ */ jsx(ComboboxClear, {
 				"aria-label": clearLabel,
@@ -186,7 +190,7 @@ function mergeAnchorWidth(anchorWidth, style) {
 * `ComboboxLabel` (or a composed `FieldLabel`); without one, pass
 * `aria-label`.
 */
-const ComboboxTrigger = forwardRef(({ variant = "outline", size = "md", fullWidth = false, anchorWidth, icon, style, className, children, ...rest }, ref) => /* @__PURE__ */ jsxs(Combobox.Trigger, {
+const ComboboxTrigger = forwardRef(({ variant = "outline", size = "md", fullWidth = false, anchorWidth, badge, icon, style, className, children, ...rest }, ref) => /* @__PURE__ */ jsxs(Combobox.Trigger, {
 	ref,
 	className: cn("group/combobox-trigger", selectTriggerVariants({
 		variant,
@@ -195,7 +199,16 @@ const ComboboxTrigger = forwardRef(({ variant = "outline", size = "md", fullWidt
 	}), className),
 	style: mergeAnchorWidth(anchorWidth, style),
 	...rest,
-	children: [/* @__PURE__ */ jsx("span", {
+	children: [badge != null ? /* @__PURE__ */ jsxs("span", {
+		className: "flex min-w-0 flex-1 items-center gap-2",
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "flex shrink-0",
+			children: badge
+		}), /* @__PURE__ */ jsx("span", {
+			className: "min-w-0 truncate text-primary group-data-placeholder/combobox-trigger:text-muted-foreground",
+			children
+		})]
+	}) : /* @__PURE__ */ jsx("span", {
 		className: "min-w-0 truncate text-primary group-data-placeholder/combobox-trigger:text-muted-foreground",
 		children
 	}), /* @__PURE__ */ jsx(Combobox.Icon, {

package/dist/components/Select/Select.d.ts

@@ -51,6 +51,13 @@ interface SelectTriggerProps extends Omit<BaseTriggerProps, "className"> {
    * A consumer `style.width` can override this convenience prop.
    */
   anchorWidth?: CSSProperties["width"];
+  /**
+   * Leading static badge before the selected value. Pass the existing
+   * `<Badge>` component to use its variants, appearances, sizes, icons, dots,
+   * and custom classes. Keep it non-interactive: links and delete buttons
+   * cannot be nested inside the trigger button.
+   */
+  badge?: ReactNode;
   /** Replaces the dropdown chevron. Decorative — hidden from assistive technology. */
   icon?: ReactNode;
   className?: string;

package/dist/components/Select/Select.js

@@ -99,7 +99,7 @@ function mergeAnchorWidth(anchorWidth, style) {
 * `SelectLabel` (or a composed `Field.Label`); without one, pass
 * `aria-label`.
 */
-const SelectTrigger = forwardRef(({ variant = "outline", size = "md", fullWidth = false, anchorWidth, icon, style, className, children, ...rest }, ref) => /* @__PURE__ */ jsxs(Select.Trigger, {
+const SelectTrigger = forwardRef(({ variant = "outline", size = "md", fullWidth = false, anchorWidth, badge, icon, style, className, children, ...rest }, ref) => /* @__PURE__ */ jsxs(Select.Trigger, {
 	ref,
 	className: cn(selectTriggerVariants({
 		variant,
@@ -108,7 +108,13 @@ const SelectTrigger = forwardRef(({ variant = "outline", size = "md", fullWidth
 	}), className),
 	style: mergeAnchorWidth(anchorWidth, style),
 	...rest,
-	children: [children, /* @__PURE__ */ jsx(Select.Icon, {
+	children: [badge != null ? /* @__PURE__ */ jsxs("span", {
+		className: "flex min-w-0 flex-1 items-center gap-2",
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "flex shrink-0",
+			children: badge
+		}), children]
+	}) : children, /* @__PURE__ */ jsx(Select.Icon, {
 		"aria-hidden": "true",
 		className: "flex text-muted-foreground",
 		children: icon ?? /* @__PURE__ */ jsx(ChevronDownIcon, {})

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcfusionz/arc-primitive-ui",
-  "version": "0.3.3",
+  "version": "0.3.5",
   "description": "ArcFusion primitive UI components",
   "license": "MIT",
   "type": "module",