@womp/kookie-ui 0.14.1 → 0.14.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components.css +18 -15
- package/dist/cjs/components/button.d.ts +16 -3
- package/dist/cjs/components/button.d.ts.map +1 -1
- package/dist/cjs/components/button.js +2 -2
- package/dist/cjs/components/button.js.map +3 -3
- package/dist/cjs/components/chatbar.js +2 -2
- package/dist/cjs/components/chatbar.js.map +3 -3
- package/dist/cjs/components/icon-button.js +2 -2
- package/dist/cjs/components/icon-button.js.map +3 -3
- package/dist/cjs/components/index.js +5 -5
- package/dist/cjs/components/index.js.map +3 -3
- package/dist/cjs/components/message-scroller.js +2 -2
- package/dist/cjs/components/message-scroller.js.map +3 -3
- package/dist/cjs/components/notice.js +2 -2
- package/dist/cjs/components/notice.js.map +3 -3
- package/dist/cjs/components/theme-panel.js +3 -3
- package/dist/cjs/components/theme-panel.js.map +3 -3
- package/dist/cjs/components/toggle-button.d.ts +37 -3
- package/dist/cjs/components/toggle-button.d.ts.map +1 -1
- package/dist/cjs/components/toggle-button.js +3 -3
- package/dist/cjs/components/toggle-button.js.map +3 -3
- package/dist/cjs/components/toggle-icon-button.js +3 -3
- package/dist/cjs/components/toggle-icon-button.js.map +3 -3
- package/dist/cjs/components/toolbar.d.ts.map +1 -1
- package/dist/cjs/components/toolbar.js +2 -2
- package/dist/cjs/components/toolbar.js.map +3 -3
- package/dist/cjs/index.js +6 -6
- package/dist/cjs/index.js.map +3 -3
- package/dist/esm/chunk-522UYMDA.js +2 -0
- package/dist/esm/{chunk-VV67KTKA.js.map → chunk-522UYMDA.js.map} +3 -3
- package/dist/esm/{chunk-IQU6EELI.js → chunk-66GLO2EG.js} +2 -2
- package/dist/esm/{chunk-RAVFUI7W.js → chunk-BJ2Q2WVV.js} +2 -2
- package/dist/esm/{chunk-WXBTPEFO.js → chunk-DAGHSWME.js} +2 -2
- package/dist/esm/{chunk-7B6CIVAF.js → chunk-IICXZUIB.js} +2 -2
- package/dist/esm/{chunk-YDPCJO5G.js → chunk-KDYHYQ4D.js} +2 -2
- package/dist/esm/chunk-KDYHYQ4D.js.map +7 -0
- package/dist/esm/{chunk-TZ5MZQUB.js → chunk-RJTWRLK4.js} +2 -2
- package/dist/esm/chunk-UCIIRQUE.js +5 -0
- package/dist/esm/chunk-UCIIRQUE.js.map +7 -0
- package/dist/esm/{chunk-BOFVKXUV.js → chunk-YEYM7QQZ.js} +2 -2
- package/dist/esm/components/button.d.ts +16 -3
- package/dist/esm/components/button.d.ts.map +1 -1
- package/dist/esm/components/button.js +1 -1
- package/dist/esm/components/chatbar.js +1 -1
- package/dist/esm/components/icon-button.js +1 -1
- package/dist/esm/components/index.js +1 -1
- package/dist/esm/components/message-scroller.js +1 -1
- package/dist/esm/components/notice.js +1 -1
- package/dist/esm/components/theme-panel.js +1 -1
- package/dist/esm/components/toggle-button.d.ts +37 -3
- package/dist/esm/components/toggle-button.d.ts.map +1 -1
- package/dist/esm/components/toggle-button.js +1 -1
- package/dist/esm/components/toggle-icon-button.js +1 -1
- package/dist/esm/components/toolbar.d.ts.map +1 -1
- package/dist/esm/components/toolbar.js +1 -1
- package/dist/esm/index.js +1 -1
- package/package.json +1 -1
- package/src/components/button.tsx +44 -4
- package/src/components/notice.css +21 -13
- package/src/components/toggle-button.tsx +2 -2
- package/src/components/toolbar.tsx +8 -7
- package/styles.css +18 -15
- package/dist/esm/chunk-3DEZMXFF.js +0 -5
- package/dist/esm/chunk-3DEZMXFF.js.map +0 -7
- package/dist/esm/chunk-VV67KTKA.js +0 -2
- package/dist/esm/chunk-YDPCJO5G.js.map +0 -7
- /package/dist/esm/{chunk-IQU6EELI.js.map → chunk-66GLO2EG.js.map} +0 -0
- /package/dist/esm/{chunk-RAVFUI7W.js.map → chunk-BJ2Q2WVV.js.map} +0 -0
- /package/dist/esm/{chunk-WXBTPEFO.js.map → chunk-DAGHSWME.js.map} +0 -0
- /package/dist/esm/{chunk-7B6CIVAF.js.map → chunk-IICXZUIB.js.map} +0 -0
- /package/dist/esm/{chunk-TZ5MZQUB.js.map → chunk-RJTWRLK4.js.map} +0 -0
- /package/dist/esm/{chunk-BOFVKXUV.js.map → chunk-YEYM7QQZ.js.map} +0 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";import{a,b,c}from"../chunk-
|
|
1
|
+
"use client";import{a,b,c}from"../chunk-BJ2Q2WVV.js";import"../chunk-YEYM7QQZ.js";import"../chunk-UCIIRQUE.js";import"../chunk-2N2AQNJH.js";import"../chunk-HIBX2EXV.js";import"../chunk-BPVVFHYD.js";import"../chunk-KJTEZVOF.js";import"../chunk-3HGHPAH4.js";import"../chunk-G2CKYO2I.js";import"../chunk-AXUDFYLY.js";import"../chunk-KNQBAOMV.js";import"../chunk-FD2TR343.js";import"../chunk-ZWZGUBL4.js";import"../chunk-WYADYDPN.js";import"../chunk-ZE2KAVXW.js";import"../chunk-FISGGGPC.js";import"../chunk-WAURCNAS.js";import"../chunk-F22ZRNWL.js";import"../chunk-7YIQV7VO.js";import"../chunk-BKES3M4Y.js";import"../chunk-PAEHH3WS.js";import"../chunk-3KB2XWBE.js";import"../chunk-AGAQC4HH.js";import"../chunk-5T6K7VPP.js";import"../chunk-PXUQEA77.js";import"../chunk-SMGDH54W.js";import"../chunk-SNR5VFWG.js";import"../chunk-FWB47YCH.js";import"../chunk-K53W3ELO.js";import"../chunk-TTFUM47A.js";import"../chunk-VX44UTQ5.js";import"../chunk-ERGJN7FJ.js";import"../chunk-5TXQLK4G.js";import"../chunk-E7LJHM3S.js";import"../chunk-KRJTW535.js";import"../chunk-6FLLFCBU.js";import"../chunk-AX5S56DS.js";import"../chunk-GSTOGDAJ.js";import"../chunk-E23RKOQJ.js";import"../chunk-JUY7CBSL.js";import"../chunk-WRWNN2NW.js";import"../chunk-QM3RCK5P.js";import"../chunk-RZCX6IBE.js";import"../chunk-NZJGC6ZW.js";import"../chunk-AVFGMLL4.js";import"../chunk-YIK4ACXS.js";import"../chunk-Z4DTHR2S.js";import"../chunk-OS3FCYZY.js";export{c as Confirmation,b as Notice,a as NoticeSizeContext};
|
|
2
2
|
//# sourceMappingURL=notice.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";import{a,b}from"../chunk-
|
|
1
|
+
"use client";import{a,b}from"../chunk-66GLO2EG.js";import"../chunk-IBF5U4QW.js";import"../chunk-3TIO3EMN.js";import"../chunk-WHAKQCNV.js";import"../chunk-YEYM7QQZ.js";import"../chunk-C7UXUTUF.js";import"../chunk-HAGKI7NA.js";import"../chunk-EUSMN3K7.js";import"../chunk-FGORMEAO.js";import"../chunk-UCIIRQUE.js";import"../chunk-2N2AQNJH.js";import"../chunk-HIBX2EXV.js";import"../chunk-BPVVFHYD.js";import"../chunk-ERNM3KVF.js";import"../chunk-MJJ7XDIP.js";import"../chunk-HFVD7W6R.js";import"../chunk-IV4YJRVR.js";import"../chunk-KJTEZVOF.js";import"../chunk-3HGHPAH4.js";import"../chunk-G2CKYO2I.js";import"../chunk-AXUDFYLY.js";import"../chunk-KNQBAOMV.js";import"../chunk-FD2TR343.js";import"../chunk-ZWZGUBL4.js";import"../chunk-WYADYDPN.js";import"../chunk-ZE2KAVXW.js";import"../chunk-FISGGGPC.js";import"../chunk-WAURCNAS.js";import"../chunk-F22ZRNWL.js";import"../chunk-7YIQV7VO.js";import"../chunk-GONBMSRL.js";import"../chunk-5GXFBLBJ.js";import"../chunk-UBOOUDS4.js";import"../chunk-XPRPYCII.js";import"../chunk-5BWLY27A.js";import"../chunk-PS6NEG5A.js";import"../chunk-BKES3M4Y.js";import"../chunk-PAEHH3WS.js";import"../chunk-3KB2XWBE.js";import"../chunk-AGAQC4HH.js";import"../chunk-5T6K7VPP.js";import"../chunk-PXUQEA77.js";import"../chunk-SMGDH54W.js";import"../chunk-SNR5VFWG.js";import"../chunk-FWB47YCH.js";import"../chunk-K53W3ELO.js";import"../chunk-TTFUM47A.js";import"../chunk-VX44UTQ5.js";import"../chunk-ERGJN7FJ.js";import"../chunk-5TXQLK4G.js";import"../chunk-E7LJHM3S.js";import"../chunk-KRJTW535.js";import"../chunk-IPHKKZYE.js";import"../chunk-XILM2OMC.js";import"../chunk-6FLLFCBU.js";import"../chunk-AX5S56DS.js";import"../chunk-GSTOGDAJ.js";import"../chunk-E23RKOQJ.js";import"../chunk-JUY7CBSL.js";import"../chunk-WRWNN2NW.js";import"../chunk-QM3RCK5P.js";import"../chunk-RZCX6IBE.js";import"../chunk-NZJGC6ZW.js";import"../chunk-AVFGMLL4.js";import"../chunk-YIK4ACXS.js";import"../chunk-Z4DTHR2S.js";import"../chunk-OS3FCYZY.js";export{a as ThemePanel,b as ThemePanelContent};
|
|
2
2
|
//# sourceMappingURL=theme-panel.js.map
|
|
@@ -6,14 +6,14 @@ import { Button } from './button.js';
|
|
|
6
6
|
* The ToggleButton component provides a button that can be pressed/unpressed
|
|
7
7
|
* with proper accessibility announcements and state management.
|
|
8
8
|
*/
|
|
9
|
-
|
|
9
|
+
type ToggleButtonProps = React.ComponentPropsWithoutRef<typeof Button> & {
|
|
10
10
|
/** Controlled pressed state */
|
|
11
11
|
pressed?: boolean;
|
|
12
12
|
/** Callback when pressed state changes */
|
|
13
13
|
onPressedChange?: (pressed: boolean) => void;
|
|
14
14
|
/** Default pressed state for uncontrolled usage */
|
|
15
15
|
defaultPressed?: boolean;
|
|
16
|
-
}
|
|
16
|
+
};
|
|
17
17
|
/**
|
|
18
18
|
* ToggleButton component for buttons that can be pressed/unpressed
|
|
19
19
|
*
|
|
@@ -57,7 +57,41 @@ interface ToggleButtonProps extends React.ComponentPropsWithoutRef<typeof Button
|
|
|
57
57
|
* </ToggleButton>
|
|
58
58
|
* ```
|
|
59
59
|
*/
|
|
60
|
-
declare const ToggleButton: React.ForwardRefExoticComponent<Omit<
|
|
60
|
+
declare const ToggleButton: React.ForwardRefExoticComponent<(Omit<Omit<Omit<import("./_internal/base-button.js").BaseButtonProps, "as" | "variant"> & {
|
|
61
|
+
variant?: import("./_internal/base-button.js").BaseButtonProps["variant"];
|
|
62
|
+
emphasis?: never;
|
|
63
|
+
} & import("./button.js").ButtonTooltipProps & {
|
|
64
|
+
overrideStyles?: import("./button.js").ButtonOverrideStyles;
|
|
65
|
+
iconOnly?: boolean;
|
|
66
|
+
} & {
|
|
67
|
+
as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
|
|
68
|
+
} & Omit<Omit<any, "ref">, "className" | "type" | "value" | "style" | "form" | "slot" | "title" | "asChild" | "color" | "key" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "disabled" | "size" | "variant" | "radius" | "material" | "panelBackground" | "flush" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "m" | "ml" | "mr" | "mt" | "mb" | "mx" | "my" | "emphasis" | "loading" | "fullWidth" | keyof import("./button.js").ButtonTooltipProps | "overrideStyles" | "iconOnly"> & {
|
|
69
|
+
ref?: React.ForwardedRef<HTMLButtonElement>;
|
|
70
|
+
}, "ref"> & {
|
|
71
|
+
/** Controlled pressed state */
|
|
72
|
+
pressed?: boolean;
|
|
73
|
+
/** Callback when pressed state changes */
|
|
74
|
+
onPressedChange?: (pressed: boolean) => void;
|
|
75
|
+
/** Default pressed state for uncontrolled usage */
|
|
76
|
+
defaultPressed?: boolean;
|
|
77
|
+
}, "ref"> | Omit<Omit<Omit<import("./_internal/base-button.js").BaseButtonProps, "as" | "variant"> & {
|
|
78
|
+
emphasis?: import("./button.js").ButtonEmphasis;
|
|
79
|
+
variant?: never;
|
|
80
|
+
} & import("./button.js").ButtonTooltipProps & {
|
|
81
|
+
overrideStyles?: import("./button.js").ButtonOverrideStyles;
|
|
82
|
+
iconOnly?: boolean;
|
|
83
|
+
} & {
|
|
84
|
+
as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
|
|
85
|
+
} & Omit<Omit<any, "ref">, "className" | "type" | "value" | "style" | "form" | "slot" | "title" | "asChild" | "color" | "key" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "disabled" | "size" | "variant" | "radius" | "material" | "panelBackground" | "flush" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "m" | "ml" | "mr" | "mt" | "mb" | "mx" | "my" | "emphasis" | "loading" | "fullWidth" | keyof import("./button.js").ButtonTooltipProps | "overrideStyles" | "iconOnly"> & {
|
|
86
|
+
ref?: React.ForwardedRef<HTMLButtonElement>;
|
|
87
|
+
}, "ref"> & {
|
|
88
|
+
/** Controlled pressed state */
|
|
89
|
+
pressed?: boolean;
|
|
90
|
+
/** Callback when pressed state changes */
|
|
91
|
+
onPressedChange?: (pressed: boolean) => void;
|
|
92
|
+
/** Default pressed state for uncontrolled usage */
|
|
93
|
+
defaultPressed?: boolean;
|
|
94
|
+
}, "ref">) & React.RefAttributes<HTMLButtonElement>>;
|
|
61
95
|
export { ToggleButton };
|
|
62
96
|
export type { ToggleButtonProps };
|
|
63
97
|
//# sourceMappingURL=toggle-button.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggle-button.d.ts","sourceRoot":"","sources":["../../../src/components/toggle-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAGrC;;;;;GAKG;AACH,
|
|
1
|
+
{"version":3,"file":"toggle-button.d.ts","sourceRoot":"","sources":["../../../src/components/toggle-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAGrC;;;;;GAKG;AACH,KAAK,iBAAiB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,MAAM,CAAC,GAAG;IACvE,+BAA+B;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0CAA0C;IAC1C,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,mDAAmD;IACnD,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAIF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,QAAA,MAAM,YAAY;;;;;;;;;;;IArDhB,+BAA+B;cACrB,OAAO;IACjB,0CAA0C;sBACxB,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI;IAC5C,mDAAmD;qBAClC,OAAO;;;;;;;;;;;;IALxB,+BAA+B;cACrB,OAAO;IACjB,0CAA0C;sBACxB,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI;IAC5C,mDAAmD;qBAClC,OAAO;oDA6FxB,CAAC;AAGH,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,YAAY,EAAE,iBAAiB,EAAE,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a}from"../chunk-
|
|
1
|
+
import{a}from"../chunk-KDYHYQ4D.js";import"../chunk-VK7RNXUO.js";import"../chunk-EE54S7YV.js";import"../chunk-UCIIRQUE.js";import"../chunk-2N2AQNJH.js";import"../chunk-HIBX2EXV.js";import"../chunk-BPVVFHYD.js";import"../chunk-KJTEZVOF.js";import"../chunk-3HGHPAH4.js";import"../chunk-G2CKYO2I.js";import"../chunk-AXUDFYLY.js";import"../chunk-KNQBAOMV.js";import"../chunk-FD2TR343.js";import"../chunk-ZWZGUBL4.js";import"../chunk-WYADYDPN.js";import"../chunk-ZE2KAVXW.js";import"../chunk-FISGGGPC.js";import"../chunk-WAURCNAS.js";import"../chunk-F22ZRNWL.js";import"../chunk-7YIQV7VO.js";import"../chunk-BKES3M4Y.js";import"../chunk-PAEHH3WS.js";import"../chunk-3KB2XWBE.js";import"../chunk-AGAQC4HH.js";import"../chunk-5T6K7VPP.js";import"../chunk-PXUQEA77.js";import"../chunk-SMGDH54W.js";import"../chunk-SNR5VFWG.js";import"../chunk-FWB47YCH.js";import"../chunk-K53W3ELO.js";import"../chunk-TTFUM47A.js";import"../chunk-VX44UTQ5.js";import"../chunk-ERGJN7FJ.js";import"../chunk-5TXQLK4G.js";import"../chunk-E7LJHM3S.js";import"../chunk-KRJTW535.js";import"../chunk-6FLLFCBU.js";import"../chunk-AX5S56DS.js";import"../chunk-GSTOGDAJ.js";import"../chunk-E23RKOQJ.js";import"../chunk-JUY7CBSL.js";import"../chunk-WRWNN2NW.js";import"../chunk-QM3RCK5P.js";import"../chunk-RZCX6IBE.js";import"../chunk-NZJGC6ZW.js";import"../chunk-AVFGMLL4.js";import"../chunk-YIK4ACXS.js";import"../chunk-Z4DTHR2S.js";import"../chunk-OS3FCYZY.js";export{a as ToggleButton};
|
|
2
2
|
//# sourceMappingURL=toggle-button.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a}from"../chunk-
|
|
1
|
+
import{a}from"../chunk-DAGHSWME.js";import"../chunk-KDYHYQ4D.js";import"../chunk-VK7RNXUO.js";import"../chunk-EE54S7YV.js";import"../chunk-UCIIRQUE.js";import"../chunk-2N2AQNJH.js";import"../chunk-HIBX2EXV.js";import"../chunk-BPVVFHYD.js";import"../chunk-KJTEZVOF.js";import"../chunk-3HGHPAH4.js";import"../chunk-G2CKYO2I.js";import"../chunk-AXUDFYLY.js";import"../chunk-KNQBAOMV.js";import"../chunk-FD2TR343.js";import"../chunk-ZWZGUBL4.js";import"../chunk-WYADYDPN.js";import"../chunk-ZE2KAVXW.js";import"../chunk-FISGGGPC.js";import"../chunk-WAURCNAS.js";import"../chunk-F22ZRNWL.js";import"../chunk-7YIQV7VO.js";import"../chunk-BKES3M4Y.js";import"../chunk-PAEHH3WS.js";import"../chunk-3KB2XWBE.js";import"../chunk-AGAQC4HH.js";import"../chunk-5T6K7VPP.js";import"../chunk-PXUQEA77.js";import"../chunk-SMGDH54W.js";import"../chunk-SNR5VFWG.js";import"../chunk-FWB47YCH.js";import"../chunk-K53W3ELO.js";import"../chunk-TTFUM47A.js";import"../chunk-VX44UTQ5.js";import"../chunk-ERGJN7FJ.js";import"../chunk-5TXQLK4G.js";import"../chunk-E7LJHM3S.js";import"../chunk-KRJTW535.js";import"../chunk-6FLLFCBU.js";import"../chunk-AX5S56DS.js";import"../chunk-GSTOGDAJ.js";import"../chunk-E23RKOQJ.js";import"../chunk-JUY7CBSL.js";import"../chunk-WRWNN2NW.js";import"../chunk-QM3RCK5P.js";import"../chunk-RZCX6IBE.js";import"../chunk-NZJGC6ZW.js";import"../chunk-AVFGMLL4.js";import"../chunk-YIK4ACXS.js";import"../chunk-Z4DTHR2S.js";import"../chunk-OS3FCYZY.js";export{a as ToggleIconButton};
|
|
2
2
|
//# sourceMappingURL=toggle-icon-button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/toolbar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAOzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACzF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAyC5D,KAAK,eAAe,GAAG,eAAe,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAEnE,UAAU,YACR,SAAQ,qBAAqB,CAAC,OAAO,gBAAgB,CAAC,IAAI,EAAE,YAAY,GAAG,aAAa,CAAC,EACvF,eAAe,EACf,WAAW;CAAG;AAElB;;;;;;;;;;;;;;;;;GAiBG;AACH,QAAA,MAAM,WAAW,qFAqBf,CAAC;AAOH,UAAU,iBAAkB,SAAQ,qBAAqB,CAAC,KAAK,EAAE,YAAY,CAAC;IAC5E,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;GAIG;AACH,QAAA,MAAM,YAAY,0FAiBjB,CAAC;AAOF,KAAK,sBAAsB,GAAG,IAAI,CAAC,WAAW,EAAE,IAAI,GAAG,SAAS,CAAC,CAAC;AAElE,oDAAoD;AACpD,KAAK,sBAAsB,GAAG,sBAAsB,GAAG;IACrD,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB,CAAC;AAEF,2FAA2F;AAC3F,KAAK,sBAAsB,GAAG,IAAI,CAAC,sBAAsB,EAAE,YAAY,GAAG,iBAAiB,GAAG,gBAAgB,CAAC,GAAG;IAChH,QAAQ,EAAE,IAAI,CAAC;IACf,2FAA2F;IAC3F,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,KAAK,kBAAkB,GAAG,sBAAsB,GAAG,sBAAsB,CAAC;AAM1E;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,
|
|
1
|
+
{"version":3,"file":"toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/toolbar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAOzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACzF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAyC5D,KAAK,eAAe,GAAG,eAAe,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAEnE,UAAU,YACR,SAAQ,qBAAqB,CAAC,OAAO,gBAAgB,CAAC,IAAI,EAAE,YAAY,GAAG,aAAa,CAAC,EACvF,eAAe,EACf,WAAW;CAAG;AAElB;;;;;;;;;;;;;;;;;GAiBG;AACH,QAAA,MAAM,WAAW,qFAqBf,CAAC;AAOH,UAAU,iBAAkB,SAAQ,qBAAqB,CAAC,KAAK,EAAE,YAAY,CAAC;IAC5E,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;GAIG;AACH,QAAA,MAAM,YAAY,0FAiBjB,CAAC;AAOF,KAAK,sBAAsB,GAAG,IAAI,CAAC,WAAW,EAAE,IAAI,GAAG,SAAS,CAAC,CAAC;AAElE,oDAAoD;AACpD,KAAK,sBAAsB,GAAG,sBAAsB,GAAG;IACrD,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB,CAAC;AAEF,2FAA2F;AAC3F,KAAK,sBAAsB,GAAG,IAAI,CAAC,sBAAsB,EAAE,YAAY,GAAG,iBAAiB,GAAG,gBAAgB,CAAC,GAAG;IAChH,QAAQ,EAAE,IAAI,CAAC;IACf,2FAA2F;IAC3F,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,KAAK,kBAAkB,GAAG,sBAAsB,GAAG,sBAAsB,CAAC;AAM1E;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,8FA4BjB,CAAC;AAOH,KAAK,qBAAqB,GAAG,qBAAqB,CAAC,OAAO,gBAAgB,CAAC,SAAS,EAAE,YAAY,GAAG,aAAa,CAAC,CAAC;AAEpH;;;GAGG;AACH,QAAA,MAAM,gBAAgB,8FAWrB,CAAC;AAUF,UAAU,iBAAiB;IACzB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,oFAAoF;IACpF,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED;;;;GAIG;AACH,QAAA,MAAM,YAAY,2FAmBjB,CAAC;AAOF,QAAA,MAAM,OAAO;;;;;;CAMX,CAAC;AAEH,OAAO,EACL,OAAO,EACP,YAAY,EACZ,aAAa,EACb,gBAAgB,EAChB,YAAY,EACZ,WAAW,IAAI,IAAI,EACnB,YAAY,IAAI,KAAK,EACrB,aAAa,IAAI,MAAM,EACvB,gBAAgB,IAAI,SAAS,EAC7B,YAAY,IAAI,KAAK,GACtB,CAAC;AACF,YAAY,EACV,YAAY,EACZ,iBAAiB,EACjB,kBAAkB,EAClB,qBAAqB,EACrB,iBAAiB,EACjB,YAAY,IAAI,SAAS,EACzB,iBAAiB,IAAI,UAAU,EAC/B,kBAAkB,IAAI,WAAW,EACjC,qBAAqB,IAAI,cAAc,EACvC,iBAAiB,IAAI,UAAU,GAChC,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";import{a,b,c,d,e,f}from"../chunk-
|
|
1
|
+
"use client";import{a,b,c,d,e,f}from"../chunk-522UYMDA.js";import"../chunk-ZUOK3KFY.js";import"../chunk-YEYM7QQZ.js";import"../chunk-UCIIRQUE.js";import"../chunk-2N2AQNJH.js";import"../chunk-HIBX2EXV.js";import"../chunk-BPVVFHYD.js";import"../chunk-KJTEZVOF.js";import"../chunk-3HGHPAH4.js";import"../chunk-G2CKYO2I.js";import"../chunk-AXUDFYLY.js";import"../chunk-KNQBAOMV.js";import"../chunk-FD2TR343.js";import"../chunk-ZWZGUBL4.js";import"../chunk-WYADYDPN.js";import"../chunk-ZE2KAVXW.js";import"../chunk-FISGGGPC.js";import"../chunk-WAURCNAS.js";import"../chunk-F22ZRNWL.js";import"../chunk-7YIQV7VO.js";import"../chunk-BKES3M4Y.js";import"../chunk-PAEHH3WS.js";import"../chunk-3KB2XWBE.js";import"../chunk-AGAQC4HH.js";import"../chunk-5T6K7VPP.js";import"../chunk-PXUQEA77.js";import"../chunk-SMGDH54W.js";import"../chunk-SNR5VFWG.js";import"../chunk-FWB47YCH.js";import"../chunk-K53W3ELO.js";import"../chunk-TTFUM47A.js";import"../chunk-VX44UTQ5.js";import"../chunk-ERGJN7FJ.js";import"../chunk-5TXQLK4G.js";import"../chunk-E7LJHM3S.js";import"../chunk-KRJTW535.js";import"../chunk-6FLLFCBU.js";import"../chunk-AX5S56DS.js";import"../chunk-GSTOGDAJ.js";import"../chunk-E23RKOQJ.js";import"../chunk-JUY7CBSL.js";import"../chunk-WRWNN2NW.js";import"../chunk-QM3RCK5P.js";import"../chunk-RZCX6IBE.js";import"../chunk-NZJGC6ZW.js";import"../chunk-AVFGMLL4.js";import"../chunk-YIK4ACXS.js";import"../chunk-Z4DTHR2S.js";import"../chunk-OS3FCYZY.js";export{c as Button,b as Group,a as Root,d as Separator,e as Title,f as Toolbar,c as ToolbarButton,b as ToolbarGroup,d as ToolbarSeparator,e as ToolbarTitle};
|
|
2
2
|
//# sourceMappingURL=toolbar.js.map
|
package/dist/esm/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import"./chunk-2KZ4NI3X.js";import{a as No,b as Oo}from"./chunk-HT7RFHLW.js";import{a as Lo,b as Mo}from"./chunk-IUER6BNH.js";import"./chunk-C7EVYSWK.js";import{a as Ao}from"./chunk-
|
|
1
|
+
import"./chunk-2KZ4NI3X.js";import{a as No,b as Oo}from"./chunk-HT7RFHLW.js";import{a as Lo,b as Mo}from"./chunk-IUER6BNH.js";import"./chunk-C7EVYSWK.js";import{a as Ao}from"./chunk-DAGHSWME.js";import{a as zo}from"./chunk-KDYHYQ4D.js";import{a as yo}from"./chunk-VK7RNXUO.js";import{a as wo}from"./chunk-EE54S7YV.js";import{b as Bo,c as Co,d as Do,e as Eo,f as Fo}from"./chunk-522UYMDA.js";import"./chunk-ZUOK3KFY.js";import{a as Go}from"./chunk-3M73GWN5.js";import"./chunk-ZVIWTYHE.js";import{a as qo}from"./chunk-ROGC7K5N.js";import{c as so}from"./chunk-CL6P54QT.js";import"./chunk-GRRV4I2I.js";import{a as uo,b as vo}from"./chunk-66GLO2EG.js";import{a as jo}from"./chunk-VBAXORVV.js";import{c as ko}from"./chunk-UE2OBZIS.js";import"./chunk-AUV6B4AH.js";import{h as lo}from"./chunk-RUPET4E7.js";import"./chunk-BALS3AVM.js";import{e as no}from"./chunk-SIBSXKFF.js";import"./chunk-TZTUPQYK.js";import"./chunk-OVGPUFRI.js";import{a as ho}from"./chunk-HJLBVNQE.js";import"./chunk-5G4WWJ4Z.js";import{a as io}from"./chunk-43A5GUSI.js";import"./chunk-XI5YXUCK.js";import"./chunk-3WCSLQNH.js";import{h as Io}from"./chunk-UTHTSYSL.js";import"./chunk-ADXZNG4F.js";import"./chunk-2EQWBT2S.js";import{p as Ho}from"./chunk-OUSDYZDE.js";import"./chunk-KJC32RWT.js";import{a as bo}from"./chunk-KXSMY4ZF.js";import{c as ao}from"./chunk-IHRLGR6J.js";import"./chunk-VJUFYYKP.js";import{h as co}from"./chunk-SURYYF7I.js";import"./chunk-PLTTQFRQ.js";import{a as go}from"./chunk-K7BWSYVP.js";import"./chunk-UBWRIE4C.js";import{g as Jo}from"./chunk-45AMHIBO.js";import"./chunk-NIX6Z3JG.js";import{c as mo}from"./chunk-IY3GKGDZ.js";import{c as po}from"./chunk-CIKDGYX3.js";import"./chunk-2DKLJMUU.js";import{a as to}from"./chunk-4JNHUPIM.js";import"./chunk-STPMPY3X.js";import{a as xo}from"./chunk-FHEHX7CE.js";import{a as ro}from"./chunk-XEZXKPLE.js";import{a as eo}from"./chunk-RUOOCYK4.js";import"./chunk-CMEKH4I5.js";import{a as fo}from"./chunk-GLERJXVS.js";import"./chunk-MCQCG6AS.js";import"./chunk-FNB47XDO.js";import{a as $}from"./chunk-O2WPAUQN.js";import"./chunk-ZK55O7TN.js";import{i as Ko}from"./chunk-RJTWRLK4.js";import{e as oo}from"./chunk-R2MQMCND.js";import"./chunk-7ZOGH5NT.js";import{a as Z}from"./chunk-VUKTURU4.js";import{a as Y}from"./chunk-IVBKTHDM.js";import"./chunk-IBF5U4QW.js";import"./chunk-L6UXAITB.js";import"./chunk-GFOSP3PZ.js";import{a as _}from"./chunk-N6Q3L64W.js";import"./chunk-JAMLW534.js";import{d as X}from"./chunk-34UMKY2L.js";import"./chunk-VJSZG35J.js";import{e as S}from"./chunk-JXVUTFQN.js";import"./chunk-OW4KAIWF.js";import{g as U}from"./chunk-DJA5MCJA.js";import{a as T}from"./chunk-MHANZINI.js";import{o as V}from"./chunk-4WLDX7WZ.js";import"./chunk-WOR3JCLX.js";import{a as W}from"./chunk-7FC7HF76.js";import"./chunk-4JQZUQY7.js";import{a as M}from"./chunk-SGUTNJUO.js";import"./chunk-YBS2IB7Z.js";import{l as O}from"./chunk-V3QVAXH3.js";import{g as N}from"./chunk-3TIO3EMN.js";import"./chunk-WHAKQCNV.js";import"./chunk-27SCVCQY.js";import{a as P}from"./chunk-3UZHKW6I.js";import"./chunk-PPNWGWN3.js";import{n as R}from"./chunk-H7LHGT44.js";import{a as Q}from"./chunk-YLLCCUC7.js";import"./chunk-OA7C34MJ.js";import{m as H}from"./chunk-IICXZUIB.js";import{b as F,c as G}from"./chunk-BJ2Q2WVV.js";import{a as A}from"./chunk-YEYM7QQZ.js";import{c as J}from"./chunk-4BPRLR6C.js";import{a as I}from"./chunk-C7UXUTUF.js";import"./chunk-2C5WLKEZ.js";import"./chunk-HAGKI7NA.js";import{c as K}from"./chunk-ZE2GWHPY.js";import"./chunk-V32EP3S7.js";import"./chunk-YL62I5SI.js";import{a as L}from"./chunk-GLKN32J3.js";import{a as B,b as C,c as D,d as E}from"./chunk-IX5HIHVI.js";import"./chunk-UICSVJ3B.js";import{a as v}from"./chunk-EUSMN3K7.js";import"./chunk-FGORMEAO.js";import{a as y}from"./chunk-UCIIRQUE.js";import{a as w}from"./chunk-2N2AQNJH.js";import{d as z}from"./chunk-5JS7ADWX.js";import"./chunk-O2RISF37.js";import{f as k}from"./chunk-4D5LR4H6.js";import{a as j}from"./chunk-HNO4X33C.js";import"./chunk-CSUEZWN5.js";import{a as l}from"./chunk-Y7LT3F6R.js";import{a as n}from"./chunk-OB3MHLQL.js";import"./chunk-47CEZJM2.js";import{a as s}from"./chunk-S3GZZXQ7.js";import{a as q}from"./chunk-HIBX2EXV.js";import"./chunk-BPVVFHYD.js";import"./chunk-JTN3KTAS.js";import{a as u}from"./chunk-LJXP6K5Y.js";import"./chunk-OJSDBLP7.js";import{a as c}from"./chunk-ERNM3KVF.js";import{f as d}from"./chunk-6JP5PIOO.js";import"./chunk-2T74JEVN.js";import{h as i}from"./chunk-3Q3EOUGJ.js";import"./chunk-MJJ7XDIP.js";import{a as g}from"./chunk-HFVD7W6R.js";import"./chunk-IV4YJRVR.js";import{a as h}from"./chunk-KJTEZVOF.js";import"./chunk-3HGHPAH4.js";import"./chunk-G2CKYO2I.js";import"./chunk-AXUDFYLY.js";import"./chunk-KNQBAOMV.js";import"./chunk-FD2TR343.js";import"./chunk-ZWZGUBL4.js";import"./chunk-WYADYDPN.js";import"./chunk-ZE2KAVXW.js";import"./chunk-XKBLNVOD.js";import"./chunk-GCUGJXI2.js";import"./chunk-SQ4BU4GH.js";import{a as t,b as x,c as a}from"./chunk-FISGGGPC.js";import"./chunk-WAURCNAS.js";import"./chunk-F22ZRNWL.js";import"./chunk-7YIQV7VO.js";import"./chunk-SQZ5O7QS.js";import{a as b}from"./chunk-GONBMSRL.js";import"./chunk-5GXFBLBJ.js";import"./chunk-UBOOUDS4.js";import"./chunk-XPRPYCII.js";import"./chunk-5BWLY27A.js";import"./chunk-PS6NEG5A.js";import"./chunk-ZQVYY7UT.js";import"./chunk-62CJL5G7.js";import"./chunk-3J6AUDID.js";import"./chunk-HCNO7PX6.js";import"./chunk-GMHA5CFH.js";import"./chunk-A2XVR7GL.js";import"./chunk-BZZXXZ3O.js";import"./chunk-2LYX5S7H.js";import"./chunk-HWQ3NTJP.js";import"./chunk-BKES3M4Y.js";import{a as f}from"./chunk-PAEHH3WS.js";import"./chunk-3KB2XWBE.js";import{a as m}from"./chunk-AGAQC4HH.js";import"./chunk-5T6K7VPP.js";import{a as e}from"./chunk-PXUQEA77.js";import"./chunk-SMGDH54W.js";import"./chunk-SNR5VFWG.js";import{b as o,c as r}from"./chunk-FWB47YCH.js";import"./chunk-K53W3ELO.js";import"./chunk-TTFUM47A.js";import"./chunk-VX44UTQ5.js";import"./chunk-ERGJN7FJ.js";import"./chunk-5TXQLK4G.js";import"./chunk-E7LJHM3S.js";import"./chunk-KRJTW535.js";import"./chunk-RON6FXLO.js";import"./chunk-DVSXWSAT.js";import"./chunk-UK3BFTI2.js";import{a as p}from"./chunk-IPHKKZYE.js";import"./chunk-XILM2OMC.js";import"./chunk-3XSB7YIM.js";import"./chunk-YA5DF67M.js";import"./chunk-6FLLFCBU.js";import"./chunk-AX5S56DS.js";import"./chunk-GSTOGDAJ.js";import"./chunk-E23RKOQJ.js";import"./chunk-JUY7CBSL.js";import"./chunk-WRWNN2NW.js";import"./chunk-QM3RCK5P.js";import"./chunk-RZCX6IBE.js";import"./chunk-NZJGC6ZW.js";import"./chunk-WDNTAQ6G.js";import"./chunk-AVFGMLL4.js";import"./chunk-YIK4ACXS.js";import"./chunk-WTXQB2EV.js";import"./chunk-Z4DTHR2S.js";import"./chunk-JSW6J6RS.js";import"./chunk-OS3FCYZY.js";export{Lo as APPEARANCE_STORAGE_KEY,c as AccessibleIcon,d as Accordion,i as AlertDialog,k as AppBar,l as AspectRatio,n as Avatar,s as Badge,u as Blockquote,v as Box,y as Button,z as Callout,j as Card,H as Chatbar,L as Checkbox,J as CheckboxCards,K as CheckboxGroup,D as ChevronDownIcon,M as Code,O as Combobox,G as Confirmation,P as Container,R as ContextMenu,S as DataList,U as Dialog,V as DropdownMenu,W as Em,e as Flex,I as Grid,g as Heading,X as HoverCard,A as IconButton,Z as Image,_ as Inset,p as Kbd,$ as Link,Ko as MessageScroller,oo as Navbar,F as Notice,N as Popover,ro as Portal,eo as Progress,fo as Quote,to as Radio,mo as RadioCards,po as RadioGroup,xo as Reset,b as ScrollArea,bo as Section,ao as SegmentedControl,co as Select,go as Separator,Jo as Sheet,Io as Shell,Ho as Sidebar,Y as Skeleton,ho as Slider,o as Slot,r as Slottable,f as Spinner,io as Strong,jo as Switch,ko as TabNav,lo as Table,no as Tabs,h as Text,qo as TextArea,so as TextField,a as Theme,t as ThemeContext,uo as ThemePanel,vo as ThemePanelContent,C as ThickCheckIcon,E as ThickChevronRightIcon,B as ThickDividerHorizontalIcon,zo as ToggleButton,Ao as ToggleIconButton,Fo as Toolbar,Co as ToolbarButton,Bo as ToolbarGroup,Do as ToolbarSeparator,Eo as ToolbarTitle,q as Tooltip,Go as UserCard,Q as VirtualMenu,m as VisuallyHidden,Mo as appearanceScript,No as setAppearance,Oo as useAppearance,T as useBodyPointerEventsCleanup,wo as useLiveAnnouncer,x as useThemeContext,yo as useToggleState,w as useTooltipWrapper};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/package.json
CHANGED
|
@@ -47,7 +47,7 @@ type ButtonElement = React.ElementRef<typeof BaseButton>;
|
|
|
47
47
|
* Tooltip configuration props that can be passed to Button
|
|
48
48
|
* These props are forwarded to the underlying Tooltip component
|
|
49
49
|
*/
|
|
50
|
-
interface ButtonTooltipProps {
|
|
50
|
+
export interface ButtonTooltipProps {
|
|
51
51
|
/** Content to display in the tooltip on hover/focus */
|
|
52
52
|
tooltip?: React.ReactNode;
|
|
53
53
|
/** Side of the button where the tooltip should appear */
|
|
@@ -64,7 +64,28 @@ interface ButtonTooltipProps {
|
|
|
64
64
|
* Core Button props excluding the 'as' prop for polymorphic behavior
|
|
65
65
|
* Combines BaseButton props with tooltip functionality
|
|
66
66
|
*/
|
|
67
|
-
type
|
|
67
|
+
type ButtonEmphasis = 'loud' | 'medium' | 'quiet';
|
|
68
|
+
|
|
69
|
+
/** `emphasis` is a button's rank: loud is `solid`, medium is `raised`, quiet is `ghost`. */
|
|
70
|
+
const EMPHASIS_VARIANT = { loud: 'solid', medium: 'raised', quiet: 'ghost' } as const;
|
|
71
|
+
|
|
72
|
+
/**
|
|
73
|
+
* A button states its rank with `emphasis` or its look with `variant`, never both.
|
|
74
|
+
*/
|
|
75
|
+
type ButtonRankProps =
|
|
76
|
+
| {
|
|
77
|
+
/** The button's look. `outline` and `surface` have no emphasis of their own. */
|
|
78
|
+
variant?: BaseButtonProps['variant'];
|
|
79
|
+
emphasis?: never;
|
|
80
|
+
}
|
|
81
|
+
| {
|
|
82
|
+
/** The button's rank: `loud` (solid), `medium` (raised, the default) or `quiet` (ghost). */
|
|
83
|
+
emphasis?: ButtonEmphasis;
|
|
84
|
+
variant?: never;
|
|
85
|
+
};
|
|
86
|
+
|
|
87
|
+
type ButtonOwnProps = Omit<BaseButtonProps, 'as' | 'variant'> &
|
|
88
|
+
ButtonRankProps &
|
|
68
89
|
ButtonTooltipProps & {
|
|
69
90
|
/**
|
|
70
91
|
* When using variant="override", provide token-based styles per state.
|
|
@@ -132,7 +153,20 @@ function validateIconButtonName(props: Record<string, unknown>) {
|
|
|
132
153
|
*/
|
|
133
154
|
const Button = React.forwardRef(
|
|
134
155
|
(
|
|
135
|
-
{
|
|
156
|
+
{
|
|
157
|
+
className,
|
|
158
|
+
style,
|
|
159
|
+
tooltip,
|
|
160
|
+
tooltipSide = 'top',
|
|
161
|
+
tooltipAlign = 'center',
|
|
162
|
+
tooltipDelayDuration,
|
|
163
|
+
tooltipDisableHoverableContent,
|
|
164
|
+
overrideStyles,
|
|
165
|
+
iconOnly = false,
|
|
166
|
+
emphasis,
|
|
167
|
+
variant,
|
|
168
|
+
...props
|
|
169
|
+
}: ButtonProps,
|
|
136
170
|
forwardedRef: React.ForwardedRef<ButtonElement>,
|
|
137
171
|
) => {
|
|
138
172
|
// Use shared tooltip wrapper hook for accessibility props
|
|
@@ -183,9 +217,15 @@ const Button = React.forwardRef(
|
|
|
183
217
|
}
|
|
184
218
|
}
|
|
185
219
|
|
|
220
|
+
if (emphasis !== undefined && variant !== undefined) {
|
|
221
|
+
throw new Error('Button: pass `emphasis` or `variant`, not both. They set the same thing.');
|
|
222
|
+
}
|
|
223
|
+
const resolvedVariant = emphasis !== undefined ? EMPHASIS_VARIANT[emphasis] : variant;
|
|
224
|
+
|
|
186
225
|
const button = (
|
|
187
226
|
<BaseButton
|
|
188
227
|
{...props}
|
|
228
|
+
variant={resolvedVariant}
|
|
189
229
|
{...tooltipAccessibilityProps}
|
|
190
230
|
ref={forwardedRef}
|
|
191
231
|
className={classNames(iconOnly ? 'rt-IconButton' : 'rt-Button', className)}
|
|
@@ -211,4 +251,4 @@ const Button = React.forwardRef(
|
|
|
211
251
|
Button.displayName = 'Button';
|
|
212
252
|
|
|
213
253
|
export { Button };
|
|
214
|
-
export type { ButtonProps, ButtonOverrideStyles, ButtonOverrideStateStyles };
|
|
254
|
+
export type { ButtonProps, ButtonEmphasis, ButtonOverrideStyles, ButtonOverrideStateStyles };
|
|
@@ -6,18 +6,18 @@
|
|
|
6
6
|
.rt-NoticeRoot {
|
|
7
7
|
box-sizing: border-box;
|
|
8
8
|
display: flex;
|
|
9
|
-
|
|
9
|
+
/* The icon and the actions sit on the first line, so a long message wraps under itself. */
|
|
10
|
+
align-items: flex-start;
|
|
10
11
|
min-width: 0;
|
|
11
12
|
color: var(--accent-ink);
|
|
12
13
|
border-radius: var(--notice-radius);
|
|
13
14
|
|
|
15
|
+
/* An alpha fill, so the strip is a tint of whatever it sits on, as Callout was. */
|
|
14
16
|
--material-blend: 100%;
|
|
15
|
-
--material-
|
|
16
|
-
background-color: color-mix(in srgb, var(--accent-a3) calc(var(--material-alpha) * 100%), var(--accent-3) var(--material-blend));
|
|
17
|
+
background-color: color-mix(in srgb, var(--accent-a3), transparent calc(100% - var(--material-blend)));
|
|
17
18
|
|
|
18
19
|
&:where([data-material='translucent']) {
|
|
19
20
|
--material-blend: 60%;
|
|
20
|
-
--material-alpha: 1;
|
|
21
21
|
backdrop-filter: var(--backdrop-filter-components-enabled);
|
|
22
22
|
}
|
|
23
23
|
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
|
|
29
29
|
/* Gray is the resting category: its fill is one step quieter and its words are the ordinary ink. */
|
|
30
30
|
.rt-NoticeRoot:where([data-accent-color='gray']) {
|
|
31
|
-
background-color: color-mix(in srgb, var(--gray-a3) calc(
|
|
31
|
+
background-color: color-mix(in srgb, var(--gray-a3), transparent calc(100% - var(--material-blend)));
|
|
32
32
|
color: var(--gray-12);
|
|
33
33
|
}
|
|
34
34
|
|
|
@@ -36,6 +36,8 @@
|
|
|
36
36
|
display: flex;
|
|
37
37
|
flex: none;
|
|
38
38
|
align-items: center;
|
|
39
|
+
/* One line tall, so the icon centres on the first line of the message. */
|
|
40
|
+
height: var(--notice-line);
|
|
39
41
|
|
|
40
42
|
/* stylelint-disable-next-line selector-max-type */
|
|
41
43
|
& :where(svg) {
|
|
@@ -55,6 +57,8 @@
|
|
|
55
57
|
flex: none;
|
|
56
58
|
align-items: center;
|
|
57
59
|
gap: var(--space-1);
|
|
60
|
+
/* A button is taller than a line: it centres on the first line and does not grow the strip. */
|
|
61
|
+
margin-block: calc((var(--notice-line) - var(--notice-control)) / 2);
|
|
58
62
|
}
|
|
59
63
|
|
|
60
64
|
/* A question wraps its answers under the words when the strip is narrow. */
|
|
@@ -67,24 +71,28 @@
|
|
|
67
71
|
}
|
|
68
72
|
|
|
69
73
|
.rt-NoticeRoot {
|
|
74
|
+
/* Callout's spacing: an even inset on every side, wider steps between icon, words and actions. */
|
|
70
75
|
&:where(.rt-r-size-1) {
|
|
71
76
|
gap: var(--space-2);
|
|
72
|
-
padding: var(--space-
|
|
73
|
-
|
|
77
|
+
padding: var(--space-3);
|
|
78
|
+
--notice-line: var(--line-height-1);
|
|
79
|
+
--notice-control: var(--control-height-1);
|
|
74
80
|
--notice-radius: var(--radius-surface-1);
|
|
75
81
|
--notice-icon-size: var(--content-icon-size-1);
|
|
76
82
|
}
|
|
77
83
|
&:where(.rt-r-size-2) {
|
|
78
|
-
gap: var(--space-
|
|
79
|
-
padding: var(--space-
|
|
80
|
-
|
|
84
|
+
gap: var(--space-3);
|
|
85
|
+
padding: var(--space-4);
|
|
86
|
+
--notice-line: var(--line-height-2);
|
|
87
|
+
--notice-control: var(--control-height-2);
|
|
81
88
|
--notice-radius: var(--radius-surface-2);
|
|
82
89
|
--notice-icon-size: var(--content-icon-size-2);
|
|
83
90
|
}
|
|
84
91
|
&:where(.rt-r-size-3) {
|
|
85
|
-
gap: var(--space-
|
|
86
|
-
padding: var(--space-
|
|
87
|
-
|
|
92
|
+
gap: var(--space-4);
|
|
93
|
+
padding: var(--space-5);
|
|
94
|
+
--notice-line: var(--line-height-3);
|
|
95
|
+
--notice-control: var(--control-height-3);
|
|
88
96
|
--notice-radius: var(--radius-surface-3);
|
|
89
97
|
--notice-icon-size: var(--content-icon-size-3);
|
|
90
98
|
}
|
|
@@ -9,14 +9,14 @@ import { useToggleState } from '../hooks/use-toggle-state.js';
|
|
|
9
9
|
* The ToggleButton component provides a button that can be pressed/unpressed
|
|
10
10
|
* with proper accessibility announcements and state management.
|
|
11
11
|
*/
|
|
12
|
-
|
|
12
|
+
type ToggleButtonProps = React.ComponentPropsWithoutRef<typeof Button> & {
|
|
13
13
|
/** Controlled pressed state */
|
|
14
14
|
pressed?: boolean;
|
|
15
15
|
/** Callback when pressed state changes */
|
|
16
16
|
onPressedChange?: (pressed: boolean) => void;
|
|
17
17
|
/** Default pressed state for uncontrolled usage */
|
|
18
18
|
defaultPressed?: boolean;
|
|
19
|
-
}
|
|
19
|
+
};
|
|
20
20
|
|
|
21
21
|
type ToggleButtonElement = React.ElementRef<typeof Button>;
|
|
22
22
|
|
|
@@ -176,7 +176,7 @@ function isPressed(value: React.AriaAttributes['aria-pressed']) {
|
|
|
176
176
|
const ToolbarButton = React.forwardRef<HTMLButtonElement, ToolbarButtonProps>((props, forwardedRef) => {
|
|
177
177
|
const toolbar = useToolbarContext('ToolbarButton');
|
|
178
178
|
const group = React.useContext(ToolbarGroupContext);
|
|
179
|
-
const { iconOnly, size, variant, color, disabled, ...rest } = props;
|
|
179
|
+
const { iconOnly, size, variant, emphasis, color, disabled, ...rest } = props;
|
|
180
180
|
|
|
181
181
|
const pressed = isPressed(props['aria-pressed']);
|
|
182
182
|
const stateProps =
|
|
@@ -184,19 +184,20 @@ const ToolbarButton = React.forwardRef<HTMLButtonElement, ToolbarButtonProps>((p
|
|
|
184
184
|
|
|
185
185
|
const shared = {
|
|
186
186
|
size: size ?? toolbar.size,
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
//
|
|
190
|
-
|
|
187
|
+
// A caller states the look by `variant` or the rank by `emphasis`, never both.
|
|
188
|
+
...(emphasis !== undefined ? { emphasis } : { variant: variant ?? (group ? 'ghost' : 'soft') }),
|
|
189
|
+
// The gray rest is a pair with the default variant: a caller who states a variant or an
|
|
190
|
+
// emphasis gets Button's own colour for it unless they state a colour too.
|
|
191
|
+
color: color ?? (variant || emphasis ? undefined : 'gray'),
|
|
191
192
|
...stateProps,
|
|
192
193
|
} as const;
|
|
193
194
|
|
|
194
195
|
return (
|
|
195
196
|
<ToolbarPrimitive.Button asChild ref={forwardedRef} disabled={disabled || group?.disabled || undefined}>
|
|
196
197
|
{iconOnly ? (
|
|
197
|
-
<IconButton {...(rest as Omit<ToolbarIconButtonProps, 'iconOnly'>)} {...shared} />
|
|
198
|
+
<IconButton {...(rest as Omit<ToolbarIconButtonProps, 'iconOnly' | 'variant' | 'emphasis'>)} {...shared} />
|
|
198
199
|
) : (
|
|
199
|
-
<Button {...(rest as Omit<ToolbarTextButtonProps, 'iconOnly'>)} {...shared} />
|
|
200
|
+
<Button {...(rest as Omit<ToolbarTextButtonProps, 'iconOnly' | 'variant' | 'emphasis'>)} {...shared} />
|
|
200
201
|
)}
|
|
201
202
|
</ToolbarPrimitive.Button>
|
|
202
203
|
);
|
package/styles.css
CHANGED
|
@@ -28365,19 +28365,17 @@
|
|
|
28365
28365
|
display: -webkit-box;
|
|
28366
28366
|
display: -ms-flexbox;
|
|
28367
28367
|
display: flex;
|
|
28368
|
-
-webkit-box-align:
|
|
28369
|
-
-ms-flex-align:
|
|
28370
|
-
align-items:
|
|
28368
|
+
-webkit-box-align: start;
|
|
28369
|
+
-ms-flex-align: start;
|
|
28370
|
+
align-items: flex-start;
|
|
28371
28371
|
min-width: 0;
|
|
28372
28372
|
color: var(--accent-ink);
|
|
28373
28373
|
border-radius: var(--notice-radius);
|
|
28374
28374
|
--material-blend: 100%;
|
|
28375
|
-
--material-
|
|
28376
|
-
background-color: color-mix(in srgb, var(--accent-a3) calc(var(--material-alpha) * 100%), var(--accent-3) var(--material-blend));
|
|
28375
|
+
background-color: color-mix(in srgb, var(--accent-a3), transparent calc(100% - var(--material-blend)));
|
|
28377
28376
|
}
|
|
28378
28377
|
.rt-NoticeRoot:where([data-material='translucent']) {
|
|
28379
28378
|
--material-blend: 60%;
|
|
28380
|
-
--material-alpha: 1;
|
|
28381
28379
|
backdrop-filter: var(--backdrop-filter-components-enabled);
|
|
28382
28380
|
}
|
|
28383
28381
|
@media (forced-colors: active) {
|
|
@@ -28386,7 +28384,7 @@
|
|
|
28386
28384
|
}
|
|
28387
28385
|
}
|
|
28388
28386
|
.rt-NoticeRoot:where([data-accent-color='gray']) {
|
|
28389
|
-
background-color: color-mix(in srgb, var(--gray-a3) calc(
|
|
28387
|
+
background-color: color-mix(in srgb, var(--gray-a3), transparent calc(100% - var(--material-blend)));
|
|
28390
28388
|
color: var(--gray-12);
|
|
28391
28389
|
}
|
|
28392
28390
|
.rt-NoticeIcon {
|
|
@@ -28399,6 +28397,7 @@
|
|
|
28399
28397
|
-webkit-box-align: center;
|
|
28400
28398
|
-ms-flex-align: center;
|
|
28401
28399
|
align-items: center;
|
|
28400
|
+
height: var(--notice-line);
|
|
28402
28401
|
}
|
|
28403
28402
|
.rt-NoticeIcon :where(svg) {
|
|
28404
28403
|
width: var(--notice-icon-size);
|
|
@@ -28422,6 +28421,7 @@
|
|
|
28422
28421
|
-ms-flex-align: center;
|
|
28423
28422
|
align-items: center;
|
|
28424
28423
|
gap: var(--space-1);
|
|
28424
|
+
margin-block: calc((var(--notice-line) - var(--notice-control)) / 2);
|
|
28425
28425
|
}
|
|
28426
28426
|
.rt-NoticeRoot:where([data-kind='confirmation']) {
|
|
28427
28427
|
-ms-flex-wrap: wrap;
|
|
@@ -28432,22 +28432,25 @@
|
|
|
28432
28432
|
}
|
|
28433
28433
|
.rt-NoticeRoot:where(.rt-r-size-1) {
|
|
28434
28434
|
gap: var(--space-2);
|
|
28435
|
-
padding: var(--space-
|
|
28436
|
-
|
|
28435
|
+
padding: var(--space-3);
|
|
28436
|
+
--notice-line: var(--line-height-1);
|
|
28437
|
+
--notice-control: var(--control-height-1);
|
|
28437
28438
|
--notice-radius: var(--radius-surface-1);
|
|
28438
28439
|
--notice-icon-size: var(--content-icon-size-1);
|
|
28439
28440
|
}
|
|
28440
28441
|
.rt-NoticeRoot:where(.rt-r-size-2) {
|
|
28441
|
-
gap: var(--space-
|
|
28442
|
-
padding: var(--space-
|
|
28443
|
-
|
|
28442
|
+
gap: var(--space-3);
|
|
28443
|
+
padding: var(--space-4);
|
|
28444
|
+
--notice-line: var(--line-height-2);
|
|
28445
|
+
--notice-control: var(--control-height-2);
|
|
28444
28446
|
--notice-radius: var(--radius-surface-2);
|
|
28445
28447
|
--notice-icon-size: var(--content-icon-size-2);
|
|
28446
28448
|
}
|
|
28447
28449
|
.rt-NoticeRoot:where(.rt-r-size-3) {
|
|
28448
|
-
gap: var(--space-
|
|
28449
|
-
padding: var(--space-
|
|
28450
|
-
|
|
28450
|
+
gap: var(--space-4);
|
|
28451
|
+
padding: var(--space-5);
|
|
28452
|
+
--notice-line: var(--line-height-3);
|
|
28453
|
+
--notice-control: var(--control-height-3);
|
|
28451
28454
|
--notice-radius: var(--radius-surface-3);
|
|
28452
28455
|
--notice-icon-size: var(--content-icon-size-3);
|
|
28453
28456
|
}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import{a as B}from"./chunk-2N2AQNJH.js";import{a as m}from"./chunk-HIBX2EXV.js";import{a as f}from"./chunk-BKES3M4Y.js";import*as r from"react";import C from"classnames";function E(a){if(a["aria-label"]||a["aria-labelledby"]||a.children)return;console.error(`IconButton: Icon buttons must have an accessible name. Please provide either:
|
|
2
|
-
- aria-label prop with descriptive text
|
|
3
|
-
- aria-labelledby prop referencing a label element
|
|
4
|
-
- or visible text children`)}var k=r.forwardRef(({className:a,style:s,tooltip:c,tooltipSide:v="top",tooltipAlign:g="center",tooltipDelayDuration:y,tooltipDisableHoverableContent:O,overrideStyles:e,iconOnly:d=!1,...u},R)=>{let{tooltipId:S,hasTooltip:h,accessibilityProps:P}=B(c),l=r.useMemo(()=>{if(!e)return;let b={},o=(n,t)=>{t!==void 0&&(b[n]=t)},i=(n,t)=>{t&&(o(`--button-override-${n}color`,t.color),o(`--button-override-${n}background`,t.background),o(`--button-override-${n}background-color`,t.backgroundColor),o(`--button-override-${n}box-shadow`,t.boxShadow),o(`--button-override-${n}filter`,t.filter),o(`--button-override-${n}outline`,t.outline),o(`--button-override-${n}outline-offset`,t.outlineOffset),o(`--button-override-${n}opacity`,t.opacity))};return i("",e.normal),i("hover-",e.hover),i("active-",e.active),i("pressed-",e.pressed),i("open-",e.open),i("disabled-",e.disabled),e.focus&&(o("--button-override-focus-outline",e.focus.outline),o("--button-override-focus-outline-offset",e.focus.outlineOffset)),b},[e]),w=r.useMemo(()=>l?{...l,...s}:s,[l,s]);d&&(E(u),u.fullWidth&&void 0);let p=r.createElement(f,{...u,...P,ref:R,className:C(d?"rt-IconButton":"rt-Button",a),style:w});return h?r.createElement(m,{content:c,side:v,align:g,delayDuration:y,disableHoverableContent:O,id:S},p):p});k.displayName="Button";export{k as a};
|
|
5
|
-
//# sourceMappingURL=chunk-3DEZMXFF.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/components/button.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\n\nimport { BaseButton } from './_internal/base-button.js';\nimport { Tooltip } from './tooltip.js';\nimport { useTooltipWrapper } from '../hooks/use-tooltip-wrapper.js';\nimport { warnDeprecated } from '../helpers/warn-deprecated.js';\nimport type { BaseButtonProps } from './_internal/base-button.js';\n\n/**\n * Styles that can be overridden for a particular interaction state\n */\ninterface ButtonOverrideStateStyles {\n color?: string;\n background?: string;\n backgroundColor?: string;\n boxShadow?: string;\n filter?: string;\n outline?: string;\n outlineOffset?: string;\n opacity?: string | number;\n}\n\n/**\n * Full set of override styles keyed by interaction state\n */\ninterface ButtonOverrideStyles {\n /** Default/idle state styles */\n normal?: ButtonOverrideStateStyles;\n /** Hover state styles */\n hover?: ButtonOverrideStateStyles;\n /** Active (mouse down) state styles */\n active?: ButtonOverrideStateStyles;\n /** Toggle pressed state styles (data-state=\"on\") */\n pressed?: ButtonOverrideStateStyles;\n /** Open state styles (e.g., when used as a trigger) */\n open?: ButtonOverrideStateStyles;\n /** Disabled state styles */\n disabled?: ButtonOverrideStateStyles;\n /** Focus-visible outline styles */\n focus?: Pick<ButtonOverrideStateStyles, 'outline' | 'outlineOffset'>;\n}\n\ntype ButtonElement = React.ElementRef<typeof BaseButton>;\n\n/**\n * Tooltip configuration props that can be passed to Button\n * These props are forwarded to the underlying Tooltip component\n */\ninterface ButtonTooltipProps {\n /** Content to display in the tooltip on hover/focus */\n tooltip?: React.ReactNode;\n /** Side of the button where the tooltip should appear */\n tooltipSide?: 'top' | 'right' | 'bottom' | 'left';\n /** Alignment of the tooltip relative to the button */\n tooltipAlign?: 'start' | 'center' | 'end';\n /** Delay before showing the tooltip (in milliseconds) */\n tooltipDelayDuration?: number;\n /** Whether to disable hoverable content behavior */\n tooltipDisableHoverableContent?: boolean;\n}\n\n/**\n * Core Button props excluding the 'as' prop for polymorphic behavior\n * Combines BaseButton props with tooltip functionality\n */\ntype ButtonOwnProps = Omit<BaseButtonProps, 'as'> &\n ButtonTooltipProps & {\n /**\n * When using variant=\"override\", provide token-based styles per state.\n * We propagate these into CSS variables consumed by the override variant.\n */\n overrideStyles?: ButtonOverrideStyles;\n /**\n * A square button holding only an icon. It needs an accessible name: `aria-label`,\n * `aria-labelledby`, or visible text. `IconButton` is this button with `iconOnly` set.\n */\n iconOnly?: boolean;\n };\n\n/**\n * Polymorphic Button props that support rendering as different HTML elements\n * @template C - The element type to render as (defaults to 'button')\n */\ntype ButtonProps<C extends React.ElementType = 'button'> = ButtonOwnProps & {\n /** Element type to render as (e.g., 'a', 'span', etc.) */\n as?: C;\n} & Omit<React.ComponentPropsWithoutRef<C>, keyof ButtonOwnProps>;\n\n/**\n * Button component type that supports polymorphic rendering\n * @template C - The element type to render as\n */\ntype ButtonComponent = <C extends React.ElementType = 'button'>(props: ButtonProps<C> & { ref?: React.ForwardedRef<ButtonElement> }) => React.ReactElement | null;\n\n/**\n * An icon-only button must have an accessible name. Throws in development, logs otherwise.\n */\nfunction validateIconButtonName(props: Record<string, unknown>) {\n if (props['aria-label'] || props['aria-labelledby'] || props.children) return;\n const errorMessage =\n 'IconButton: Icon buttons must have an accessible name. Please provide either:' +\n '\\n- aria-label prop with descriptive text' +\n '\\n- aria-labelledby prop referencing a label element' +\n '\\n- or visible text children';\n if (process.env.NODE_ENV === 'development') throw new Error(errorMessage);\n console.error(errorMessage);\n}\n\n/**\n * Button component for triggering actions throughout your interface\n *\n * The Button component is the primary interactive element in the Kookie User Interface.\n * It provides six visual variants, four sizes, comprehensive color options, and built-in\n * tooltip support. The component automatically handles icon sizing, supports responsive\n * layouts, and provides accessibility compliance out of the box.\n *\n * @example\n * ```tsx\n * // Basic button\n * <Button>Click me</Button>\n *\n * // Button with variant and size\n * <Button variant=\"solid\" size=\"3\">Primary Action</Button>\n *\n * // Button with tooltip\n * <Button tooltip=\"Save your progress\">Save</Button>\n *\n * // Polymorphic button as link\n * <Button as=\"a\" href=\"/dashboard\">Go to Dashboard</Button>\n * ```\n */\nconst Button = React.forwardRef(\n (\n { className, style, tooltip, tooltipSide = 'top', tooltipAlign = 'center', tooltipDelayDuration, tooltipDisableHoverableContent, overrideStyles, iconOnly = false, ...props }: ButtonProps,\n forwardedRef: React.ForwardedRef<ButtonElement>,\n ) => {\n // Use shared tooltip wrapper hook for accessibility props\n const { tooltipId, hasTooltip, accessibilityProps: tooltipAccessibilityProps } = useTooltipWrapper(tooltip);\n\n // Create the base button element with tooltip accessibility props\n // Map overrideStyles to CSS variables consumed by the override variant rules\n const overrideVars = React.useMemo(() => {\n if (!overrideStyles) return undefined;\n const vars: Record<string, string | number> = {};\n const setVar = (key: string, value: string | number | undefined) => {\n if (value !== undefined) vars[key] = value;\n };\n const apply = (prefix: string, s?: ButtonOverrideStateStyles) => {\n if (!s) return;\n setVar(`--button-override-${prefix}color`, s.color);\n setVar(`--button-override-${prefix}background`, s.background);\n setVar(`--button-override-${prefix}background-color`, s.backgroundColor);\n setVar(`--button-override-${prefix}box-shadow`, s.boxShadow);\n setVar(`--button-override-${prefix}filter`, s.filter);\n setVar(`--button-override-${prefix}outline`, s.outline);\n setVar(`--button-override-${prefix}outline-offset`, s.outlineOffset);\n setVar(`--button-override-${prefix}opacity`, s.opacity);\n };\n\n apply('', overrideStyles.normal);\n apply('hover-', overrideStyles.hover);\n apply('active-', overrideStyles.active);\n apply('pressed-', overrideStyles.pressed);\n apply('open-', overrideStyles.open);\n apply('disabled-', overrideStyles.disabled);\n\n if (overrideStyles.focus) {\n setVar('--button-override-focus-outline', overrideStyles.focus.outline);\n setVar('--button-override-focus-outline-offset', overrideStyles.focus.outlineOffset);\n }\n\n return vars as React.CSSProperties;\n }, [overrideStyles]);\n\n // Combine override styles with user-provided styles\n const combinedStyle = React.useMemo(() => (overrideVars ? { ...overrideVars, ...style } : style), [overrideVars, style]);\n\n if (iconOnly) {\n validateIconButtonName(props);\n if (props.fullWidth) {\n warnDeprecated('`fullWidth` on an icon-only button is deprecated and will be removed in 0.15.0. An icon button is square.');\n }\n }\n\n const button = (\n <BaseButton\n {...props}\n {...tooltipAccessibilityProps}\n ref={forwardedRef}\n className={classNames(iconOnly ? 'rt-IconButton' : 'rt-Button', className)}\n style={combinedStyle}\n />\n );\n\n // If no tooltip is provided, return the button as-is for better performance\n if (!hasTooltip) {\n return button;\n }\n\n // Wrap with Tooltip when tooltip content is provided\n // This creates a compound component that handles both button and tooltip functionality\n return (\n <Tooltip content={tooltip} side={tooltipSide} align={tooltipAlign} delayDuration={tooltipDelayDuration} disableHoverableContent={tooltipDisableHoverableContent} id={tooltipId}>\n {button}\n </Tooltip>\n );\n },\n) as ButtonComponent & { displayName?: string };\n\nButton.displayName = 'Button';\n\nexport { Button };\nexport type { ButtonProps, ButtonOverrideStyles, ButtonOverrideStateStyles };\n"],
|
|
5
|
-
"mappings": "wHAAA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aAiGvB,SAASC,EAAuBC,EAAgC,CAC9D,GAAIA,EAAM,YAAY,GAAKA,EAAM,iBAAiB,GAAKA,EAAM,SAAU,OAOvE,QAAQ,MALN;AAAA;AAAA;AAAA,2BAKwB,CAC5B,CAyBA,IAAMC,EAAe,aACnB,CACE,CAAE,UAAAC,EAAW,MAAAC,EAAO,QAAAC,EAAS,YAAAC,EAAc,MAAO,aAAAC,EAAe,SAAU,qBAAAC,EAAsB,+BAAAC,EAAgC,eAAAC,EAAgB,SAAAC,EAAW,GAAO,GAAGV,CAAM,EAC5KW,IACG,CAEH,GAAM,CAAE,UAAAC,EAAW,WAAAC,EAAY,mBAAoBC,CAA0B,EAAIC,EAAkBX,CAAO,EAIpGY,EAAqB,UAAQ,IAAM,CACvC,GAAI,CAACP,EAAgB,OACrB,IAAMQ,EAAwC,CAAC,EACzCC,EAAS,CAACC,EAAaC,IAAuC,CAC9DA,IAAU,SAAWH,EAAKE,CAAG,EAAIC,EACvC,EACMC,EAAQ,CAACC,EAAgBC,IAAkC,CAC1DA,IACLL,EAAO,qBAAqBI,CAAM,QAASC,EAAE,KAAK,EAClDL,EAAO,qBAAqBI,CAAM,aAAcC,EAAE,UAAU,EAC5DL,EAAO,qBAAqBI,CAAM,mBAAoBC,EAAE,eAAe,EACvEL,EAAO,qBAAqBI,CAAM,aAAcC,EAAE,SAAS,EAC3DL,EAAO,qBAAqBI,CAAM,SAAUC,EAAE,MAAM,EACpDL,EAAO,qBAAqBI,CAAM,UAAWC,EAAE,OAAO,EACtDL,EAAO,qBAAqBI,CAAM,iBAAkBC,EAAE,aAAa,EACnEL,EAAO,qBAAqBI,CAAM,UAAWC,EAAE,OAAO,EACxD,EAEA,OAAAF,EAAM,GAAIZ,EAAe,MAAM,EAC/BY,EAAM,SAAUZ,EAAe,KAAK,EACpCY,EAAM,UAAWZ,EAAe,MAAM,EACtCY,EAAM,WAAYZ,EAAe,OAAO,EACxCY,EAAM,QAASZ,EAAe,IAAI,EAClCY,EAAM,YAAaZ,EAAe,QAAQ,EAEtCA,EAAe,QACjBS,EAAO,kCAAmCT,EAAe,MAAM,OAAO,EACtES,EAAO,yCAA0CT,EAAe,MAAM,aAAa,GAG9EQ,CACT,EAAG,CAACR,CAAc,CAAC,EAGbe,EAAsB,UAAQ,IAAOR,EAAe,CAAE,GAAGA,EAAc,GAAGb,CAAM,EAAIA,EAAQ,CAACa,EAAcb,CAAK,CAAC,EAEnHO,IACFX,EAAuBC,CAAK,EACxBA,EAAM,WACR,QAIJ,IAAMyB,EACJ,gBAACC,EAAA,CACE,GAAG1B,EACH,GAAGc,EACJ,IAAKH,EACL,UAAWgB,EAAWjB,EAAW,gBAAkB,YAAaR,CAAS,EACzE,MAAOsB,EACT,EAIF,OAAKX,EAOH,gBAACe,EAAA,CAAQ,QAASxB,EAAS,KAAMC,EAAa,MAAOC,EAAc,cAAeC,EAAsB,wBAAyBC,EAAgC,GAAII,GAClKa,CACH,EAROA,CAUX,CACF,EAEAxB,EAAO,YAAc",
|
|
6
|
-
"names": ["React", "classNames", "validateIconButtonName", "props", "Button", "className", "style", "tooltip", "tooltipSide", "tooltipAlign", "tooltipDelayDuration", "tooltipDisableHoverableContent", "overrideStyles", "iconOnly", "forwardedRef", "tooltipId", "hasTooltip", "tooltipAccessibilityProps", "useTooltipWrapper", "overrideVars", "vars", "setVar", "key", "value", "apply", "prefix", "s", "combinedStyle", "button", "BaseButton", "classNames", "Tooltip"]
|
|
7
|
-
}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{a as l}from"./chunk-ZUOK3KFY.js";import{a as x}from"./chunk-BOFVKXUV.js";import{a as B}from"./chunk-3DEZMXFF.js";import{a as R}from"./chunk-KJTEZVOF.js";import{a as d}from"./chunk-6FLLFCBU.js";import{a as y}from"./chunk-GSTOGDAJ.js";import*as o from"react";import p from"classnames";import{Toolbar as P}from"radix-ui";var v=o.createContext(null),S=o.createContext(null);function T(t){let r=o.useContext(v);if(!r)throw new Error(`${t} must be rendered inside a Toolbar.`);return r}var c=o.forwardRef((t,r)=>{let e=t.size??l.size.default,a=t.orientation??l.orientation.default,{className:s,orientation:n,children:i,...b}=d(t,l,y),u=o.useMemo(()=>({size:e,orientation:a}),[e,a]);return o.createElement(P.Root,{...b,ref:r,orientation:a,className:p("rt-Toolbar",s)},o.createElement(v.Provider,{value:u},i))});c.displayName="Toolbar";var C=o.forwardRef(({className:t,disabled:r=!1,children:e,...a},s)=>{let{orientation:n}=T("ToolbarGroup"),i=o.useMemo(()=>({disabled:r}),[r]);return o.createElement("div",{role:"group","data-orientation":n,"data-disabled":r||void 0,...a,ref:s,className:p("rt-ToolbarGroup",t)},o.createElement(S.Provider,{value:i},e))});C.displayName="Toolbar.Group";function D(t){return t===!0||t==="true"}var G=o.forwardRef((t,r)=>{let e=T("ToolbarButton"),a=o.useContext(S),{iconOnly:s,size:n,variant:i,color:b,disabled:u,...m}=t,z=D(t["aria-pressed"]),O="data-state"in t||t["aria-pressed"]===void 0?{}:{"data-state":z?"on":"off"},f={size:n??e.size,variant:i??(a?"ghost":"soft"),color:b??(i?void 0:"gray"),...O};return o.createElement(P.Button,{asChild:!0,ref:r,disabled:u||a?.disabled||void 0},s?o.createElement(x,{...m,...f}):o.createElement(B,{...m,...f}))});G.displayName="Toolbar.Button";var N=o.forwardRef(({className:t,...r},e)=>(T("ToolbarSeparator"),o.createElement(P.Separator,{...r,ref:e,className:p("rt-ToolbarSeparator",t)})));N.displayName="Toolbar.Separator";var h={1:"2",2:"3",3:"4",4:"5"},g=o.forwardRef(({className:t,children:r,style:e,id:a},s)=>{let{size:n}=T("ToolbarTitle");return r==null||r===!1?null:o.createElement(R,{ref:s,as:"span",size:h[n],weight:"medium",truncate:!0,id:a,style:e,className:p("rt-ToolbarTitle",t)},r)});g.displayName="Toolbar.Title";var V=Object.assign(c,{Root:c,Group:C,Button:G,Separator:N,Title:g});export{c as a,C as b,G as c,N as d,g as e,V as f};
|
|
2
|
-
//# sourceMappingURL=chunk-VV67KTKA.js.map
|