@wirecore/wirelayer-react 0.5.0 → 0.6.0

package/dist/pdf.js

@@ -1,10 +1,10 @@
 "use client";
 import { a as e, i as t, n } from "./RecipesProvider-0idafuGm.js";
-import { t as r } from "./Button-DFVVqBuY.js";
-import { t as i } from "./Field-hc416yJx.js";
-import { n as a, t as o } from "./Select-PbxrUYi1.js";
-import { c as s, i as c, l, n as u, s as d, t as ee, u as te } from "./PasswordInput-B9k0GuSx.js";
-import { t as ne } from "./Tree-eqv4DIQn.js";
+import { t as r } from "./Button-Cd7lufvJ.js";
+import { t as i } from "./Field-DkYxlVar.js";
+import { n as a, t as o } from "./Select-Cx3KwSzU.js";
+import { c as s, i as c, l, n as u, s as d, t as ee, u as te } from "./PasswordInput-DivSjtN8.js";
+import { t as ne } from "./Tree-BiPIkmwT.js";
 import { PDF_ZOOM_MAX as re, PDF_ZOOM_MIN as ie, clampPdfPage as ae, clampPdfZoom as f, downloadBytes as p, input as oe, normalizePdfRotation as m, parsePdfPage as se, pdfFileName as ce, pdfKeyAction as le, pdfPrintDocument as ue, pdfSearchText as de, pdfThumbnailSize as fe, pdfTools as h, pdfViewer as pe, pdfZoomFromKey as me, pdfZoomKey as he, pdfZoomStep as g, pdfZoomSteps as _, pdfZoomSteps as v, resolvePdfTools as ge, setupToolbar as _e } from "@wirecore/wirelayer-recipes";
 import { CaseSensitive as ve, ChevronDown as ye, ChevronUp as be, Download as xe, FileWarning as Se, Maximize as Ce, Minimize as we, PanelLeft as Te, Printer as Ee, RotateCw as De, Search as Oe, X as ke, ZoomIn as Ae, ZoomOut as je } from "lucide-react";
 import { useEffect as y, useId as Me, useImperativeHandle as Ne, useRef as b, useState as x } from "react";

package/dist/virtual.js

@@ -1,7 +1,7 @@
 "use client";
 import { a as e, n as t } from "./RecipesProvider-0idafuGm.js";
-import { a as n, c as r, o as i, s as a } from "./Highlight-DdTridk2.js";
-import { i as o, n as ee, o as s, r as c } from "./Tree-eqv4DIQn.js";
+import { a as n, c as r, o as i, s as a } from "./Highlight-CX30-nP7.js";
+import { i as o, n as ee, o as s, r as c } from "./Tree-BiPIkmwT.js";
 import { flattenTree as l, select as u, tree as te, virtualList as d, virtualListBox as ne } from "@wirecore/wirelayer-recipes";
 import { Check as f, ChevronDown as p, LoaderCircle as m, X as h } from "lucide-react";
 import { useEffect as g, useId as _, useImperativeHandle as re, useMemo as v, useRef as y, useState as ie } from "react";

package/llms-full.txt

@@ -343,6 +343,7 @@ Short label or status (solid, soft, outline or a status colour)
 | --- | --- | --- |
 | variant? | `BadgeVariant` |  |
 | icon? | `IconComponent` | Icon component rendered before the text |
+| iconProps? | `Record<string, unknown>` | Props passed on to the icon component, e.g. { fill: 'currentColor' } for a filled icon or { strokeWidth: 1.5 } |
 | circle? | `boolean` | Round shape for a count or a single character (grows into a pill for longer content) |
 | classes? | `RecipeClasses<typeof badgeRecipe>` | Extra classes per part of the component, e.g. { base: "…" } (see the recipe) |
 
@@ -521,6 +522,7 @@ Button in the variants of the design, with leading/trailing icon; loading keeps
 | block? | `boolean` | Full width of the container |
 | leadingIcon? | `IconComponent` | Icon component rendered before the label |
 | trailingIcon? | `IconComponent` | Icon component rendered after the label |
+| iconProps? | `Record<string, unknown>` | Props passed on to the leading and trailing icon, e.g. { fill: 'currentColor' } for a filled icon or { strokeWidth: 1.5 } |
 | loading? | `boolean` | Shows a spinner and ignores clicks; stays focusable (aria-disabled + aria-busy) so focus is not lost |
 | badge? | `number \| boolean` | Counter (number > 0) or dot (true) after the label |
 | badgeLabel? | `(count: string \| null) => string` | Added to the accessible name while a badge is shown, e.g. "Notifications 4 new". Receives the visible counter text ("4", "99+") or null for the dot |
@@ -688,9 +690,10 @@ Canvas with role="img" named by the title; the data table is its text alternativ
 
 | Prop | Type | Description |
 | --- | --- | --- |
-| type | `TType` |  |
-| data | `ChartData<TType>` |  |
-| options? | `ChartOptions<TType>` | Chart.js options – merged over the WireLayer defaults (colours, font, no fixed aspect ratio) |
+| type | `TType` | Chart.js chart type – it alone decides the types of `data`, `options` and `plugins` |
+| data | `ChartData<NoInfer<TType>>` |  |
+| options? | `ChartOptions<NoInfer<TType>>` | Chart.js options – merged over the WireLayer defaults (colours, font, no fixed aspect ratio). Options kept in a variable need their type, e.g. `computed<ChartOptions<'bar'>>(…)`, or `indexAxis: 'y'` becomes a string |
+| plugins? | `Plugin<NoInfer<TType>>[]` | Inline Chart.js plugins of this chart (global ones: `Chart.register`) – changing them re-creates the chart |
 | title | `string` | Title of the chart, also its accessible name |
 | hideTitle? | `boolean` | Keep the title for screen readers only, e.g. inside a card that already has a heading |
 | height? | `string` | Height of the chart area (CSS length) |
@@ -927,7 +930,7 @@ Filter chips: one or several options as toggle buttons
 | defaultValue? | `string[]` |  |
 | onValueChange? | `(value: string[]) => void` |  |
 | multiple? | `boolean` | Allow several selected chips (default) or only one |
-| label? | `string` | Accessible name of the group |
+| label? | `string` | Accessible name of the group – inside a Field with a label, the Field's label names it |
 | disabled? | `boolean` |  |
 | classes? | `RecipeClasses<typeof chipGroupRecipe>` | Extra classes per part of the component, e.g. { base: "…" } (see the recipe) |
 
@@ -1093,7 +1096,7 @@ Text field with suggestions (autocomplete): type to filter, arrow keys to choose
 | onValueChange? | `(value: V \| null) => void` |  |
 | onInputValueChange? | `(inputValue: string) => void` | Every change of the text (typing, choosing, clearing) |
 | onFilterChange? | `(text: string) => void` | Typed text – e.g. to load matching items from a server (manualFilter) |
-| filter? | `boolean` | Filters the items by the typed text (ignores case and accents) |
+| filter? | `boolean` | Filters the items by the typed text (label and itemKeywords; ignores case and accents) |
 | manualFilter? | `boolean` | The items are filtered elsewhere (server): no local filtering, listen to onFilterChange |
 | allowCustomValue? | `boolean` | Typed text that matches no item becomes the value (a string) on Enter or when leaving the field – an editable select |
 | emptyText? | `string` | Shown when nothing matches |
@@ -1104,6 +1107,7 @@ Text field with suggestions (autocomplete): type to filter, arrow keys to choose
 | itemLabel? | `ItemAccessor<T, string>` | Label of an item: property name or function (default: `label`) |
 | itemDisabled? | `ItemAccessor<T, boolean>` | Disabled state of an item: property name or function (default: `disabled`) |
 | itemGroup? | `ItemAccessor<T, string \| null \| undefined>` | Group heading of an item: property name or function (default: `group`); items are listed per group |
+| itemKeywords? | `ItemAccessor<T, string \| readonly string[] \| null \| undefined>` | More text the search finds an item by, besides its label: property name or function, one text or a list (default: `keywords`), e.g. the name of the item's category |
 | valueKey? | `ItemAccessor<V, string \| number>` | Identifies object values (property name or function), e.g. "id" – without it objects are compared by content |
 | clearable? | `boolean` | Button that clears value and text (default true; not a tab stop – the text can be deleted, too) |
 | loading? | `boolean` | Shows a spinner in the field and "Loading" in the list (aria-busy) |
@@ -1410,6 +1414,7 @@ Data table on TanStack Table: sorting (also by several columns), search, filter
 | selectionMode? | `'multiple' \| 'single'` | `multiple` (checkboxes, default) or `single` (radio buttons) |
 | selection? | `string[]` |  |
 | onSelectionChange? | `(selection: string[]) => void` |  |
+| selectedRows? | `readonly TData[]` | The selected rows as objects – controlled with onSelectedRowsChange (instead of or next to `selection`); rows are found by `getRowId` |
 | onSelectedRowsChange? | `(rows: TData[]) => void` | The selected rows as objects (rows of other pages are remembered) |
 | selectOnRowClick? | `boolean` | A click on the row (not on its controls) selects it; Shift+click selects a range |
 | isRowSelectable? | `(row: TData) => boolean` | Rows that cannot be selected get a disabled checkbox |
@@ -1437,6 +1442,7 @@ Data table on TanStack Table: sorting (also by several columns), search, filter
 | search? | `boolean` | Search field above the table: filters over all columns |
 | globalFilter? | `string` |  |
 | onGlobalFilterChange? | `(value: string) => void` |  |
+| rowKeywords? | `(row: TData) => string \| readonly string[] \| null \| undefined` | More text the search finds a row by, besides its columns – e.g. fields without a column of their own (not in server mode: there the server searches) |
 | highlightSearch? | `boolean` | Marks the search hits in the cells |
 | filters? | `Record<string, DataTableFilterValue>` | Column filters by column id; controlled together with onFiltersChange |
 | onFiltersChange? | `(filters: Record<string, DataTableFilterValue>) => void` |  |
@@ -1444,6 +1450,7 @@ Data table on TanStack Table: sorting (also by several columns), search, filter
 | showFilters? | `boolean` | Shows the filter row or menus (`filterToggle`); controlled with onShowFiltersChange – the filters keep working |
 | onShowFiltersChange? | `(show: boolean) => void` |  |
 | filterToggle? | `boolean` | Button in the toolbar that shows and hides the filters |
+| filterReset? | `boolean` | Button in the toolbar that clears the column filters, the search and the advanced filter (`resetFilters()`) |
 | maxConstraints? | `number` | Conditions per column in the filter menu |
 | resizable? | `boolean` | Column widths can be changed by dragging the header edge or with the arrow keys |
 | columnToggle? | `boolean` | Menu above the table to show and hide columns |
@@ -1496,6 +1503,7 @@ Data table on TanStack Table: sorting (also by several columns), search, filter
 | onScrollEnd? | `() => void` |  |
 | stateKey? | `string` | Keeps sorting, filters, page, widths, order and the other settings in the browser under this key |
 | stateStorage? | `'local' \| 'session'` |  |
+| stateExclude? | `readonly DataTableStateKey[]` | Parts of the state that `stateKey` does not keep – default: the selection (`[]` keeps it, too) |
 | toolbar? | `ReactNode` | Own controls in the toolbar, after the search |
 | toolbarStart? | `ReactNode` | Own controls at the start of the toolbar, before the search |
 | toolbarEnd? | `ReactNode` | Own controls at the end of the toolbar, before the built-in buttons |
@@ -1576,6 +1584,7 @@ Date field: type the digits one after another (the separators come from the loca
 | invalid? | `boolean` |  |
 | required? | `boolean` |  |
 | name? | `string` |  |
+| placeholder? | `string` | Text of the empty field, shown until it gets the focus – no replacement for a label |
 | size? | `'sm' \| 'md' \| 'lg'` |  |
 | clearable? | `boolean` | Clear button in the field while it has a value |
 | showButtonBar? | `boolean` | "Today" and "Clear" below the calendar |
@@ -1620,6 +1629,7 @@ Start and end in one field ("10/20/2026 – 10/24/2026"); the calendar picks sta
 | invalid? | `boolean` |  |
 | required? | `boolean` |  |
 | name? | `string` | Sent as name[0] and name[1] |
+| placeholder? | `string` | Text of the empty field, shown until it gets the focus – no replacement for a label |
 | presets? | `(string \| { label: string; value: DateRangeLike })[]` | Buttons below the calendar: presets ("last7Days", "thisMonth", "thisQuarter", "last3Months", "last12Months", "last3Years" …) or own { label, value } ranges |
 | size? | `'sm' \| 'md' \| 'lg'` |  |
 | clearable? | `boolean` | Clear button in the field while it has a value |
@@ -1707,7 +1717,7 @@ The modal window of a Dialog: title, description, focus trap, Escape closes
 | description? | `string` |  |
 | icon? | `IconComponent` | Icon component in the coloured box at the top |
 | status? | `DialogStatus` |  |
-| size? | `OverlaySize` | Maximum width: sm 320px, md 400px (default), lg 560px, xl 800px, full (screen width minus the margin) |
+| size? | `OverlaySize` | Maximum width: sm 320px (20rem), md 400px (25rem, default), lg 560px (35rem), xl 800px (50rem), full (screen width minus the margin). Another width: leave out `size` and set the CSS variable, e.g. style="--wc-dialog-w: 36rem" |
 | position? | `DialogPosition` | Where the dialog sits: centred (default), at the top/bottom or the start/end edge |
 | fullscreen? | `boolean` | Covers the whole screen |
 | maximizable? | `boolean` | Button in the header that switches between the normal size and the whole screen |
@@ -2021,7 +2031,8 @@ Drop files onto the zone or choose them with the button (the keyboard path). Acc
 | accept? | `string \| string[]` | Allowed types, e.g. "application/pdf" or ["image/png", "image/jpeg"] (presets: FileTypes.images …) |
 | maxFiles? | `number` |  |
 | maxFileSize? | `number` | Maximum size per file in bytes |
-| onFilesChange? | `(files: File[]) => void` | The accepted files after every change |
+| files? | `File[]` | The chosen files – controlled with onFilesChange, e.g. to remove or replace files from outside (otherwise the component keeps them itself; `clear()` empties it) |
+| onFilesChange? | `(files: File[]) => void` | The accepted files after every change (rejected files: onFilesReject) |
 | onFilesReject? | `(rejections: { file: File; errors: string[] }[]) => void` | Files that were not taken, with the reasons as codes (FILE_INVALID_TYPE, FILE_TOO_LARGE, TOO_MANY_FILES …) |
 | onUploadComplete? | `(file: File, state: UploadState) => void` | A file finished uploading (or failed) |
 | dropzoneText? | `string` | Text in the drop zone |
@@ -2033,6 +2044,7 @@ Drop files onto the zone or choose them with the button (the keyboard path). Acc
 | preview? | `boolean` | Thumbnails for images (object URLs, released again) |
 | fullscreenDrop? | `boolean` | Files can be dropped anywhere in the window |
 | paste? | `boolean` | Ctrl+V inside the component adds files from the clipboard |
+| showFileList? | `boolean` | The list of the chosen files below the drop zone – false when the app shows the files itself |
 | disabled? | `boolean` |  |
 | invalid? | `boolean` |  |
 | required? | `boolean` |  |
@@ -2471,6 +2483,7 @@ Button with only an icon; the label is its accessible name, optionally with a co
 | Prop | Type | Description |
 | --- | --- | --- |
 | icon | `IconComponent` | Icon component |
+| iconProps? | `Record<string, unknown>` | Props passed on to the icon component, e.g. { fill: 'currentColor' } for a filled icon or { strokeWidth: 1.5 } |
 | label | `string` | Accessible name – icon buttons have no visible text |
 | variant? | `IconButtonVariant` |  |
 | color? | `ButtonColor` | Colour combined with the variant, like Button `color` (e.g. a danger text button) |
@@ -3161,6 +3174,7 @@ Month field ("10.2026"): type the digits in one go, or pick from the month grid;
 | invalid? | `boolean` |  |
 | required? | `boolean` |  |
 | name? | `string` | With range sent as name[0] and name[1] |
+| placeholder? | `string` | Text of the empty field, shown until it gets the focus – no replacement for a label |
 | size? | `'sm' \| 'md' \| 'lg'` |  |
 | clearable? | `boolean` | Clear button in the field while it has a value |
 | aria-label? | `string` | Accessible name without a surrounding Field |
@@ -3193,6 +3207,7 @@ Select with several values: the list stays open while choosing, Space/Enter togg
 | itemLabel? | `ItemAccessor<T, string>` | Label of an item: property name or function (default: `label`) |
 | itemDisabled? | `ItemAccessor<T, boolean>` | Disabled state of an item: property name or function (default: `disabled`) |
 | itemGroup? | `ItemAccessor<T, string \| null \| undefined>` | Group heading of an item: property name or function (default: `group`); items are listed per group |
+| itemKeywords? | `ItemAccessor<T, string \| readonly string[] \| null \| undefined>` | More text the search finds an item by, besides its label: property name or function, one text or a list (default: `keywords`), e.g. the name of the item's category |
 | valueKey? | `ItemAccessor<V, string \| number>` | Identifies object values (property name or function), e.g. "id" – without it objects are compared by content |
 | display? | `'text' \| 'chips'` | Selected items as text (default) or as chips with a remove button each (Backspace removes the last) |
 | checkboxes? | `boolean` | Check boxes before the options (default); false shows a check mark after the label |
@@ -3202,7 +3217,7 @@ Select with several values: the list stays open while choosing, Space/Enter togg
 | loading? | `boolean` | Shows a spinner in the field and "Loading" in the list (aria-busy) |
 | loadingText? | `string` | Text of the loading row in the list |
 | size? | `SelectSize` | Height of the field: 32, 40 (default) or 48 px |
-| filter? | `boolean` | Search field at the top of the list; filters by label, ignoring case and accents |
+| filter? | `boolean` | Search field at the top of the list; filters by label and itemKeywords, ignoring case and accents |
 | manualFilter? | `boolean` | The items are filtered elsewhere (server): no local filtering, listen to onFilterChange |
 | onFilterChange? | `(text: string) => void` | Text of the search field (filter) – e.g. to load matching items from a server (manualFilter) |
 | emptyText? | `string` | Shown when no item is left (default "No results" / "No entries") |
@@ -3908,7 +3923,7 @@ One choice out of several (role="radiogroup", arrow keys), horizontal or vertica
 | value? | `string \| null` |  |
 | defaultValue? | `string \| null` |  |
 | onValueChange? | `(value: string \| null) => void` |  |
-| label? | `string` | Visible group label (otherwise pass aria-label) |
+| label? | `string` | Visible group label (otherwise pass aria-label – or place the group in a Field with a label) |
 | orientation? | `RadioGroupOrientation` |  |
 | columns? | `number` | Cards in a grid with this many columns (one column on small screens) – for RadioCard |
 | disabled? | `boolean` |  |
@@ -4211,7 +4226,7 @@ Few exclusive options as a segmented switch (radio group)
 | value? | `string \| null` |  |
 | defaultValue? | `string` |  |
 | onValueChange? | `(value: string \| null) => void` |  |
-| label | `string` | Accessible name of the group (visually hidden) |
+| label? | `string` | Accessible name of the group (visually hidden) – inside a Field with a label, the Field's label names it |
 | size? | `SegmentedControlSize` |  |
 | disabled? | `boolean` |  |
 | name? | `string` |  |
@@ -4256,12 +4271,13 @@ Dropdown list for one option: arrow keys, typeahead, Escape; native select hidde
 | itemLabel? | `ItemAccessor<T, string>` | Label of an item: property name or function (default: `label`) |
 | itemDisabled? | `ItemAccessor<T, boolean>` | Disabled state of an item: property name or function (default: `disabled`) |
 | itemGroup? | `ItemAccessor<T, string \| null \| undefined>` | Group heading of an item: property name or function (default: `group`); items are listed per group |
+| itemKeywords? | `ItemAccessor<T, string \| readonly string[] \| null \| undefined>` | More text the search finds an item by, besides its label: property name or function, one text or a list (default: `keywords`), e.g. the name of the item's category |
 | valueKey? | `ItemAccessor<V, string \| number>` | Identifies object values (property name or function), e.g. "id" – without it objects are compared by content |
 | clearable? | `boolean` | Button that clears the value (also Backspace/Delete on the closed field) |
 | loading? | `boolean` | Shows a spinner in the field and "Loading" in the list (aria-busy) |
 | loadingText? | `string` | Text of the loading row in the list |
 | size? | `SelectSize` | Height of the field: 32, 40 (default) or 48 px |
-| filter? | `boolean` | Search field at the top of the list; filters by label, ignoring case and accents |
+| filter? | `boolean` | Search field at the top of the list; filters by label and itemKeywords, ignoring case and accents |
 | manualFilter? | `boolean` | The items are filtered elsewhere (server): no local filtering, listen to onFilterChange |
 | onFilterChange? | `(text: string) => void` | Text of the search field (filter) – e.g. to load matching items from a server (manualFilter) |
 | emptyText? | `string` | Shown when no item is left (default "No results" / "No entries") |
@@ -5046,6 +5062,10 @@ Place once in the app; show toasts with toast({ title, description, type, action
 | Prop | Type | Description |
 | --- | --- | --- |
 | toaster? | `typeof appToaster` | A toaster from createToaster() – without it the app-wide one of toast() |
+| placement? | `ToasterOptions['placement']` | Where the toasts appear (default bottom-end) – also for the app-wide toaster of toast() |
+| max? | `number` | Toasts shown at once (default 5); more wait in a queue |
+| overlap? | `boolean` | Toasts lie on top of each other and fan out on hover or focus (instead of a list) |
+| gap? | `number` | Space between the toasts in px (default 12) |
 | label? | `string` | Accessible name of the notification region |
 | closeLabel? | `string` | Accessible name of each toast's close button |
 | showProgress? | `boolean` | Thin bar at the bottom that shows the remaining time (decorative; stops while paused) |
@@ -5068,6 +5088,9 @@ Button that stays pressed (aria-pressed), e.g. "Active only" – the label does
 | onPressedChange? | `(pressed: boolean) => void` |  |
 | size? | `Size` |  |
 | icon? | `IconComponent` |  |
+| pressedIcon? | `IconComponent` | Icon while pressed (default: `icon`) – the label stays the same |
+| iconProps? | `Record<string, unknown>` | Props passed on to the icon component, e.g. { fill: 'currentColor' } for a filled icon or { strokeWidth: 1.5 } |
+| pressedIconProps? | `Record<string, unknown>` | Props of the icon while pressed, added to `iconProps` – e.g. { fill: 'currentColor' }: a filled icon when on |
 | classes? | `RecipeClasses<typeof toggleButtonRecipe>` | Extra classes per part of the component, e.g. { base: "…" } (see the recipe) |
 
 ### Toggletip
@@ -5488,6 +5511,7 @@ Year field ("2026"): type the digits, or pick from the year grid; range: start
 | invalid? | `boolean` |  |
 | required? | `boolean` |  |
 | name? | `string` | With range sent as name[0] and name[1] |
+| placeholder? | `string` | Text of the empty field, shown until it gets the focus – no replacement for a label |
 | size? | `'sm' \| 'md' \| 'lg'` |  |
 | clearable? | `boolean` | Clear button in the field while it has a value |
 | aria-label? | `string` | Accessible name without a surrounding Field |

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wirecore/wirelayer-react",
-  "version": "0.5.0",
+  "version": "0.6.0",
   "description": "WireLayer components for React",
   "license": "MIT",
   "repository": {
@@ -162,7 +162,7 @@
   "dependencies": {
     "@ark-ui/react": "^5.39.3",
     "@internationalized/date": "^3.12.4",
-    "@wirecore/wirelayer-recipes": "^0.4.1",
+    "@wirecore/wirelayer-recipes": "^0.5.0",
     "@wirecore/wirelayer-tokens": "^0.3.0",
     "lucide-react": "^1.59.0"
   },

package/dist/Button-DFVVqBuY.js

@@ -1,58 +0,0 @@
-"use client";
-import { n as e } from "./RecipesProvider-0idafuGm.js";
-import { button as t, buttonColorKey as n, formatCount as r, spinner as i } from "@wirecore/wirelayer-recipes";
-import { LoaderCircle as a } from "lucide-react";
-import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
-import { ark as l } from "@ark-ui/react/factory";
-//#region src/components/Button/Button.tsx
-function u({ classes: u, variant: d, color: f, size: p, shape: m, block: h, leadingIcon: g, trailingIcon: _, loading: v = !1, disabled: y = !1, type: b = "button", badge: x = !1, badgeLabel: S = (e) => e === null ? "new" : `${e} new`, asChild: C = !1, className: w, children: T, onClick: E, ...D }) {
-	let O = e("button", t, u), k = e("spinner", i), A = O({
-		variant: d,
-		color: n(f),
-		size: p,
-		shape: m,
-		block: h
-	}), j = typeof x == "number" && x > 0 ? x : 0;
-	return /* @__PURE__ */ s(l.button, {
-		...D,
-		className: A.base({ class: w }),
-		asChild: C,
-		type: C ? void 0 : b,
-		disabled: C ? void 0 : y,
-		"aria-disabled": v || void 0,
-		"aria-busy": v || void 0,
-		onClick: (e) => {
-			v ? e.preventDefault() : E?.(e);
-		},
-		children: C ? T : /* @__PURE__ */ c(o, { children: [
-			v ? /* @__PURE__ */ s(a, {
-				className: k().icon({ class: A.icon() }),
-				"aria-hidden": "true"
-			}) : g && /* @__PURE__ */ s(g, {
-				className: A.icon(),
-				"aria-hidden": "true"
-			}),
-			T,
-			_ && /* @__PURE__ */ s(_, {
-				className: A.icon(),
-				"aria-hidden": "true"
-			}),
-			j ? /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("span", {
-				className: A.badge(),
-				"aria-hidden": "true",
-				children: r(j)
-			}), /* @__PURE__ */ s("span", {
-				className: A.badgeLabel(),
-				children: ` ${S(r(j))}`
-			})] }) : x === !0 && /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("span", {
-				className: A.dot(),
-				"aria-hidden": "true"
-			}), /* @__PURE__ */ s("span", {
-				className: A.badgeLabel(),
-				children: ` ${S(null)}`
-			})] })
-		] })
-	});
-}
-//#endregion
-export { u as t };