@aortl/admin-react 0.18.5 → 0.19.1

package/CHANGELOG.md

@@ -4,6 +4,22 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 
 ## [Unreleased]
 
+## [0.19.1] - 2026-07-02
+
+### Changed
+
+- Copyable `PropertyList` value cells copy on click anywhere in the cell, not only on the copy button (which stays as the keyboard and screen-reader path). Selecting text or clicking an interactive child doesn't trigger a copy; the cell shows a pointer cursor. (both)
+
+## [0.19.0] - 2026-07-02
+
+### Added
+
+- `ToggleButton` — a two-state button styled like `Button` (same variants, sizes, icons, `hotkey`), wrapping Base UI Toggle. CSS-side there is no new class: any `.btn` with an `aria-pressed` attribute renders a leading mini-switch indicator, and `aria-pressed="true"` slides it on and adds a selected wash — so vanilla toggles and `.btn-group` composition work out of the box. (both)
+
+### Fixed
+
+- Dialog body no longer clips its content in Safari. `.dialog-body` (and the form-dialog wrapper) used `flex: 1 1 0%`; Safari collapses a `flex-basis: 0` item that is itself an `overflow` scroll container to ~0 content height, so even short bodies were cut off behind a scrollbar. Switched to `flex: 1 1 auto` — content still shrinks and scrolls when tall. (css)
+
 ## [0.18.5] - 2026-06-30
 
 ### Fixed
@@ -111,12 +127,14 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 - Make `primary` a high-contrast neutral and move blue to `info`. (both)
 - Use solid color fills for `Alert` and `Badge` status variants. (both)
 
-[Unreleased]: https://github.com/Digital-Udvikling/admin-design-system/compare/v0.18.5...HEAD
+[Unreleased]: https://github.com/Digital-Udvikling/admin-design-system/compare/v0.19.1...HEAD
 [0.16.1]: https://github.com/Digital-Udvikling/admin-design-system/compare/v0.16.0...v0.16.1
 [0.16.0]: https://github.com/Digital-Udvikling/admin-design-system/compare/v0.15.1...v0.16.0
 [0.15.1]: https://github.com/Digital-Udvikling/admin-design-system/compare/v0.15.0...v0.15.1
 [0.15.0]: https://github.com/Digital-Udvikling/admin-design-system/releases/tag/v0.15.0
 
+[0.19.1]: https://github.com/Digital-Udvikling/admin-design-system/compare/v0.19.0...v0.19.1
+[0.19.0]: https://github.com/Digital-Udvikling/admin-design-system/compare/v0.18.5...v0.19.0
 [0.18.5]: https://github.com/Digital-Udvikling/admin-design-system/compare/v0.18.4...v0.18.5
 [0.18.4]: https://github.com/Digital-Udvikling/admin-design-system/compare/v0.18.3...v0.18.4
 [0.18.3]: https://github.com/Digital-Udvikling/admin-design-system/compare/v0.18.2...v0.18.3

package/dist/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../src/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAuB,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAEjE,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAInD,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;AACjF,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,OAAO,UAAU,CAAC;IACpE,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;uEACmE;IACnE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wEAAwE;IACxE,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,uFAAuF;IACvF,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,MAAM,EAAE,CAAC;CACrC;AAED,wBAAgB,MAAM,CAAC,EACrB,OAAmB,EACnB,IAAW,EACX,SAAS,EACT,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,MAAM,EACN,SAAS,EACT,IAAe,EACf,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,GAAG,EACH,GAAG,IAAI,EACR,EAAE,WAAW,2CA8Cb"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../src/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAInD,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;AACjF,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,OAAO,UAAU,CAAC;IACpE,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;uEACmE;IACnE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wEAAwE;IACxE,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,uFAAuF;IACvF,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,MAAM,EAAE,CAAC;CACrC;AAED,wBAAgB,MAAM,CAAC,EACrB,OAAmB,EACnB,IAAW,EACX,SAAS,EACT,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,MAAM,EACN,SAAS,EACT,IAAe,EACf,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,GAAG,EACH,GAAG,IAAI,EACR,EAAE,WAAW,2CAkCb"}

package/dist/PropertyList.d.ts

@@ -36,7 +36,7 @@ export interface PropertyListValueProps extends ComponentProps<"dd"> {
     /** Per-slot class overrides. `className` targets the root; these target inner slots. */
     classNames?: SlotClasses<"copy">;
 }
-declare function PropertyListValue({ numeric, copyable, empty, copyValue, className, classNames, children, ...rest }: PropertyListValueProps): import("react/jsx-runtime").JSX.Element;
+declare function PropertyListValue({ numeric, copyable, empty, copyValue, className, classNames, children, onClick, ...rest }: PropertyListValueProps): import("react/jsx-runtime").JSX.Element;
 export declare const PropertyList: typeof PropertyListRoot & {
     Item: typeof PropertyListItem;
     Label: typeof PropertyListLabel;

package/dist/PropertyList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PropertyList.d.ts","sourceRoot":"","sources":["../src/PropertyList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9E,OAAO,EAAM,KAAK,WAAW,EAAE,MAAM,MAAM,CAAC;AA4C5C,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IACjF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6DAA6D;IAC7D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iFAAiF;IACjF,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,sEAAsE;IACtE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,wFAAwF;IACxF,UAAU,CAAC,EAAE,WAAW,CAAC,OAAO,GAAG,OAAO,CAAC,CAAC;CAC7C;AAED,iBAAS,gBAAgB,CAAC,EACxB,OAAO,EACP,OAAO,EACP,cAAc,EACd,KAAK,EACL,SAAS,EACT,UAAU,EACV,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,iBAAiB,2CAoBnB;AAED,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAC1F,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,0FAA0F;IAC1F,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kEAAkE;IAClE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wFAAwF;IACxF,UAAU,CAAC,EAAE,WAAW,CAAC,OAAO,GAAG,MAAM,CAAC,CAAC;CAC5C;AASD,iBAAS,gBAAgB,CAAC,EACxB,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,SAAS,EACT,UAAU,EACV,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,qBAAqB,2CAoBvB;AAED,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;AAC1D,iBAAS,iBAAiB,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,sBAAsB,2CAExE;AAED,MAAM,WAAW,sBAAuB,SAAQ,cAAc,CAAC,IAAI,CAAC;IAClE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mFAAmF;IACnF,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,kEAAkE;IAClE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wFAAwF;IACxF,UAAU,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CAClC;AAED,iBAAS,iBAAiB,CAAC,EACzB,OAAO,EACP,QAAQ,EACR,KAAK,EACL,SAAS,EACT,SAAS,EACT,UAAU,EACV,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,sBAAsB,2CA2CxB;AAED,eAAO,MAAM,YAAY;;;;CAIvB,CAAC"}
+{"version":3,"file":"PropertyList.d.ts","sourceRoot":"","sources":["../src/PropertyList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,cAAc,EAAmB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC/F,OAAO,EAAM,KAAK,WAAW,EAAE,MAAM,MAAM,CAAC;AA4C5C,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IACjF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6DAA6D;IAC7D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iFAAiF;IACjF,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,sEAAsE;IACtE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,wFAAwF;IACxF,UAAU,CAAC,EAAE,WAAW,CAAC,OAAO,GAAG,OAAO,CAAC,CAAC;CAC7C;AAED,iBAAS,gBAAgB,CAAC,EACxB,OAAO,EACP,OAAO,EACP,cAAc,EACd,KAAK,EACL,SAAS,EACT,UAAU,EACV,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,iBAAiB,2CAoBnB;AAED,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAC1F,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,0FAA0F;IAC1F,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kEAAkE;IAClE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wFAAwF;IACxF,UAAU,CAAC,EAAE,WAAW,CAAC,OAAO,GAAG,MAAM,CAAC,CAAC;CAC5C;AASD,iBAAS,gBAAgB,CAAC,EACxB,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,SAAS,EACT,UAAU,EACV,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,qBAAqB,2CAoBvB;AAED,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;AAC1D,iBAAS,iBAAiB,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,sBAAsB,2CAExE;AAED,MAAM,WAAW,sBAAuB,SAAQ,cAAc,CAAC,IAAI,CAAC;IAClE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mFAAmF;IACnF,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,kEAAkE;IAClE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wFAAwF;IACxF,UAAU,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CAClC;AAED,iBAAS,iBAAiB,CAAC,EACzB,OAAO,EACP,QAAQ,EACR,KAAK,EACL,SAAS,EACT,SAAS,EACT,UAAU,EACV,QAAQ,EACR,OAAO,EACP,GAAG,IAAI,EACR,EAAE,sBAAsB,2CA0DxB;AAED,eAAO,MAAM,YAAY;;;;CAIvB,CAAC"}

package/dist/ToggleButton.d.ts

@@ -0,0 +1,25 @@
+import { Toggle as BaseToggle } from '@base-ui/react/toggle';
+import { ComponentProps } from 'react';
+import { ButtonSize, ButtonVariant } from './Button';
+import { IconProp } from './icon';
+export interface ToggleButtonProps extends ComponentProps<typeof BaseToggle> {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    fullWidth?: boolean;
+    /** Leading icon. Pass a component (`icon={IconStar}`) or an element. */
+    icon?: IconProp;
+    /** Trailing icon. Pass a component (`iconTrailing={IconChevronDown}`) or an element. */
+    iconTrailing?: IconProp;
+    /**
+     * Keyboard shortcut that dispatches a native click on the button, flipping
+     * the pressed state. Same syntax as `useHotkey`. Pass an array for
+     * alternatives — only the first is rendered as a visual chip.
+     */
+    hotkey?: string | readonly string[];
+}
+/**
+ * A two-state button styled like `Button`; `aria-pressed` carries the state,
+ * which CSS renders as a leading mini switch. Composes with `ButtonGroup`.
+ */
+export declare function ToggleButton({ variant, size, fullWidth, icon, iconTrailing, hotkey, className, disabled, children, ref, ...rest }: ToggleButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ToggleButton.d.ts.map

package/dist/ToggleButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButton.d.ts","sourceRoot":"","sources":["../src/ToggleButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE1D,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAInD,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,OAAO,UAAU,CAAC;IAC1E,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wEAAwE;IACxE,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,wFAAwF;IACxF,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,MAAM,EAAE,CAAC;CACrC;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAC3B,OAAmB,EACnB,IAAW,EACX,SAAS,EACT,IAAI,EACJ,YAAY,EACZ,MAAM,EACN,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,GAAG,EACH,GAAG,IAAI,EACR,EAAE,iBAAiB,2CA2BnB"}

package/dist/admin.scoped.css

@@ -1744,6 +1744,9 @@
     padding: 0.125rem;
     transition: opacity 100ms ease, color 100ms ease;
   }
+:scope._ao-property-list-value-copyable, :scope ._ao-property-list-value-copyable {
+    cursor: pointer;
+  }
 :scope._ao-property-list-value-copyable ._ao-property-list-copy, :scope ._ao-property-list-value-copyable ._ao-property-list-copy {
     display: inline-flex;
     opacity: 0;
@@ -1874,6 +1877,29 @@
         opacity: 90%;
     }
       }
+:scope._ao-btn:is([aria-pressed="true"], [data-pressed]), :scope ._ao-btn:is([aria-pressed="true"], [data-pressed]) {
+    background-color: var(--color-primary-muted);
+    color: var(--color-primary);
+  }
+:scope._ao-btn:is([aria-pressed], [data-pressed])::before, :scope ._ao-btn:is([aria-pressed], [data-pressed])::before {
+    --btn-toggle-thumb: var(--color-paper);
+    content: "";
+    flex-shrink: 0;
+    inline-size: 1.75em;
+    block-size: 1em;
+    border-radius: 9999px;
+    background-color: var(--color-border-strong);
+    background-image: radial-gradient( circle closest-side, var(--btn-toggle-thumb) calc(100% - 0.5px), transparent );
+    background-size: calc(1em - 4px) calc(1em - 4px);
+    background-position: 2px 50%;
+    background-repeat: no-repeat;
+    transition: background-color 150ms, background-position 150ms;
+  }
+:scope._ao-btn:is([aria-pressed="true"], [data-pressed])::before, :scope ._ao-btn:is([aria-pressed="true"], [data-pressed])::before {
+    --btn-toggle-thumb: var(--color-primary-content);
+    background-color: var(--color-primary);
+    background-position: calc(100% - 2px) 50%;
+  }
 :scope._ao-btn-sm, :scope ._ao-btn-sm {
     gap: calc(var(--spacing) * 1.5);
     padding-inline: calc(var(--spacing) * 3);
@@ -1930,6 +1956,9 @@
     :scope._ao-btn-loading::before, :scope ._ao-btn-loading::before {
       animation-duration: 2s;
     }
+    :scope._ao-btn:is([aria-pressed], [data-pressed])::before, :scope ._ao-btn:is([aria-pressed], [data-pressed])::before {
+      transition: none;
+    }
   }
 :scope._ao-btn-group, :scope ._ao-btn-group {
     display: inline-flex;
@@ -3635,7 +3664,7 @@
 :scope._ao-dialog-body, :scope ._ao-dialog-body {
     display: flex;
     min-height: calc(var(--spacing) * 0);
-    flex: 1;
+    flex: auto;
     flex-direction: column;
     gap: calc(var(--spacing) * 3);
     overflow-y: auto;
@@ -3645,7 +3674,7 @@
 :scope._ao-dialog > form, :scope ._ao-dialog > form {
     display: flex;
     min-height: calc(var(--spacing) * 0);
-    flex: 1;
+    flex: auto;
     flex-direction: column;
   }
 :scope._ao-dialog-footer, :scope ._ao-dialog-footer {

package/dist/index.cjs

@@ -4,6 +4,7 @@ let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
 let _base_ui_react_avatar = require("@base-ui/react/avatar");
 let _base_ui_react_button = require("@base-ui/react/button");
+let _base_ui_react_toggle = require("@base-ui/react/toggle");
 let _base_ui_react_input = require("@base-ui/react/input");
 let _base_ui_react_number_field = require("@base-ui/react/number-field");
 let _base_ui_react_field = require("@base-ui/react/field");
@@ -568,16 +569,28 @@ function useHotkey(keys, handler, options) {
 	}, [derived, enabled]);
 	return derived;
 }
-//#endregion
-//#region src/Button.tsx
-function Button({ variant = "default", size = "md", fullWidth, loading, icon, iconTrailing, hotkey, className, type = "button", disabled, children, onClick, ref, ...rest }) {
+/**
+* `useHotkey` bound to a rendered element: the chord dispatches a native
+* `.click()`, so `onClick` fires, `type="submit"` submits, an anchor
+* navigates. Returns `setRef` to pass as the element's ref; it latches the
+* element and forwards `ref`.
+*/
+function useHotkeyClick(keys, ref, options) {
 	const elementRef = (0, react.useRef)(null);
 	const setRef = (0, react.useCallback)((node) => {
 		elementRef.current = node;
 		if (typeof ref === "function") ref(node);
 		else if (ref) ref.current = node;
 	}, [ref]);
-	const { ariaKeyShortcuts, primaryChord } = useHotkey(hotkey, () => elementRef.current?.click(), { enabled: !disabled && !loading });
+	return {
+		...useHotkey(keys, () => elementRef.current?.click(), options),
+		setRef
+	};
+}
+//#endregion
+//#region src/Button.tsx
+function Button({ variant = "default", size = "md", fullWidth, loading, icon, iconTrailing, hotkey, className, type = "button", disabled, children, onClick, ref, ...rest }) {
+	const { ariaKeyShortcuts, primaryChord, setRef } = useHotkeyClick(hotkey, ref, { enabled: !disabled && !loading });
 	const iconOnly = children == null && (icon != null || iconTrailing != null);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_base_ui_react_button.Button, {
 		ref: setRef,
@@ -617,6 +630,33 @@ function ButtonGroup({ orientation = "horizontal", fullWidth = false, role = "gr
 	});
 }
 //#endregion
+//#region src/ToggleButton.tsx
+/**
+* A two-state button styled like `Button`; `aria-pressed` carries the state,
+* which CSS renders as a leading mini switch. Composes with `ButtonGroup`.
+*/
+function ToggleButton({ variant = "default", size = "md", fullWidth, icon, iconTrailing, hotkey, className, disabled, children, ref, ...rest }) {
+	const { ariaKeyShortcuts, primaryChord, setRef } = useHotkeyClick(hotkey, ref, { enabled: !disabled });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_base_ui_react_toggle.Toggle, {
+		ref: setRef,
+		disabled,
+		"aria-keyshortcuts": ariaKeyShortcuts,
+		className: cn([
+			"btn",
+			variant !== "default" && `btn-${variant}`,
+			size !== "md" && `btn-${size}`,
+			fullWidth && "btn-full-width"
+		], className),
+		...rest,
+		children: [
+			renderIcon(icon),
+			children,
+			renderIcon(iconTrailing),
+			primaryChord !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Kbd, { keys: primaryChord }) : null
+		]
+	});
+}
+//#endregion
 //#region src/Breadcrumbs.tsx
 function BreadcrumbsRoot({ separator, className, children, "aria-label": ariaLabel = "Breadcrumb", ...rest }) {
 	const items = react.Children.toArray(children).filter(react.isValidElement);
@@ -2542,8 +2582,9 @@ function PropertyListLabel({ className, ...rest }) {
 		...rest
 	});
 }
-function PropertyListValue({ numeric, copyable, empty, copyValue, className, classNames, children, ...rest }) {
+function PropertyListValue({ numeric, copyable, empty, copyValue, className, classNames, children, onClick, ...rest }) {
 	const ddRef = (0, react.useRef)(null);
+	const copyButtonRef = (0, react.useRef)(null);
 	const [copied, setCopied] = (0, react.useState)(false);
 	async function handleCopy() {
 		const text = copyValue ?? ddRef.current?.textContent?.trim() ?? "";
@@ -2554,6 +2595,14 @@ function PropertyListValue({ numeric, copyable, empty, copyValue, className, cla
 			setTimeout(() => setCopied(false), 1200);
 		} catch {}
 	}
+	function handleCellClick(event) {
+		onClick?.(event);
+		if (event.defaultPrevented) return;
+		if (window.getSelection()?.toString()) return;
+		const interactive = event.target.closest("a, button, input, select, textarea");
+		if (interactive && interactive !== copyButtonRef.current) return;
+		handleCopy();
+	}
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("dd", {
 		ref: ddRef,
 		className: cn([
@@ -2562,12 +2611,13 @@ function PropertyListValue({ numeric, copyable, empty, copyValue, className, cla
 			copyable && "property-list-value-copyable",
 			empty && "property-list-value-empty"
 		], className),
+		onClick: copyable ? handleCellClick : onClick,
 		...rest,
 		children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+			ref: copyButtonRef,
 			type: "button",
 			"aria-label": "Copy",
 			className: cn("property-list-copy", classNames?.copy),
-			onClick: handleCopy,
 			"data-copied": copied ? "true" : void 0,
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopyGlyph, { className: cn("property-list-copy-icon", void 0) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CheckGlyph, { className: cn("property-list-copy-icon-copied", void 0) })]
 		})]
@@ -2895,6 +2945,7 @@ exports.Table = Table;
 exports.Tabs = Tabs;
 exports.Textarea = Textarea;
 exports.Timeline = Timeline;
+exports.ToggleButton = ToggleButton;
 exports.Tooltip = Tooltip;
 exports.getPaginationItems = getPaginationItems;
 exports.useAppShell = useAppShell;