@womp/kookie-ui 0.10.0 → 0.12.0
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 +314 -218
- package/dist/cjs/components/app-bar.d.ts +49 -0
- package/dist/cjs/components/app-bar.d.ts.map +1 -0
- package/dist/cjs/components/app-bar.js +2 -0
- package/dist/cjs/components/app-bar.js.map +7 -0
- package/dist/cjs/components/chatbar.d.ts +26 -2
- package/dist/cjs/components/chatbar.d.ts.map +1 -1
- package/dist/cjs/components/chatbar.js +2 -2
- package/dist/cjs/components/chatbar.js.map +3 -3
- package/dist/cjs/components/index.d.ts +2 -1
- package/dist/cjs/components/index.d.ts.map +1 -1
- package/dist/cjs/components/index.js +5 -5
- package/dist/cjs/components/index.js.map +4 -4
- package/dist/cjs/components/toolbar.d.ts +88 -36
- package/dist/cjs/components/toolbar.d.ts.map +1 -1
- package/dist/cjs/components/toolbar.js +4 -1
- package/dist/cjs/components/toolbar.js.map +4 -4
- package/dist/cjs/components/toolbar.props.d.ts +28 -0
- package/dist/cjs/components/toolbar.props.d.ts.map +1 -0
- package/dist/cjs/components/toolbar.props.js +2 -0
- package/dist/cjs/components/toolbar.props.js.map +7 -0
- package/dist/cjs/index.js +5 -5
- package/dist/cjs/index.js.map +4 -4
- package/dist/esm/{chunk-73QGEY2I.js → chunk-3R4YLW4A.js} +2 -2
- package/dist/esm/{chunk-ZZLZGHZQ.js → chunk-4LDVSTXI.js} +2 -2
- package/dist/esm/chunk-54JFIP5S.js +2 -0
- package/dist/esm/chunk-54JFIP5S.js.map +7 -0
- package/dist/esm/{chunk-X3JM2565.js → chunk-6G3MPL4A.js} +2 -2
- package/dist/esm/{chunk-DSJY5RI3.js → chunk-7JJT42J2.js} +2 -2
- package/dist/esm/chunk-C7EVYSWK.js +1 -0
- package/dist/esm/{chunk-ERY5TH2M.js → chunk-CYU6BLZ5.js} +2 -2
- package/dist/esm/{chunk-25LBWKEV.js → chunk-D6PHTHF2.js} +2 -2
- package/dist/esm/chunk-EGMUQQRW.js +2 -0
- package/dist/esm/chunk-EGMUQQRW.js.map +7 -0
- package/dist/esm/{chunk-4XGGX2V2.js → chunk-ISOLUTZF.js} +2 -2
- package/dist/esm/{chunk-LXWPEDPZ.js → chunk-IYCPYN4Z.js} +2 -2
- package/dist/esm/{chunk-RJP5QUXO.js → chunk-L5PID6BU.js} +2 -2
- package/dist/esm/{chunk-BW5CO4PZ.js → chunk-METRW4HG.js} +2 -2
- package/dist/esm/{chunk-PYHEBG5I.js → chunk-MJOXEUBT.js} +2 -2
- package/dist/esm/{chunk-4D2OAD6I.js → chunk-OIUCV5HK.js} +2 -2
- package/dist/esm/{chunk-65GAANJD.js → chunk-UYCPDGWA.js} +2 -2
- package/dist/esm/chunk-XLMTTSRO.js +2 -0
- package/dist/esm/chunk-XLMTTSRO.js.map +7 -0
- package/dist/esm/{chunk-QWVU2TW4.js → chunk-ZK7A2MZZ.js} +2 -2
- package/dist/esm/chunk-ZUOK3KFY.js +2 -0
- package/dist/esm/chunk-ZUOK3KFY.js.map +7 -0
- package/dist/esm/components/_internal/base-button.js +1 -1
- package/dist/esm/components/alert-dialog.js +1 -1
- package/dist/esm/components/app-bar.d.ts +49 -0
- package/dist/esm/components/app-bar.d.ts.map +1 -0
- package/dist/esm/components/app-bar.js +2 -0
- package/dist/esm/components/app-bar.js.map +7 -0
- package/dist/esm/components/button.js +1 -1
- package/dist/esm/components/chatbar.d.ts +26 -2
- package/dist/esm/components/chatbar.d.ts.map +1 -1
- package/dist/esm/components/chatbar.js +1 -1
- package/dist/esm/components/checkbox-cards.js +1 -1
- package/dist/esm/components/dialog.js +1 -1
- package/dist/esm/components/icon-button.js +1 -1
- package/dist/esm/components/index.d.ts +2 -1
- package/dist/esm/components/index.d.ts.map +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/sheet.js +1 -1
- package/dist/esm/components/shell.js +1 -1
- package/dist/esm/components/theme-panel.js +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 +88 -36
- package/dist/esm/components/toolbar.d.ts.map +1 -1
- package/dist/esm/components/toolbar.js +1 -1
- package/dist/esm/components/toolbar.props.d.ts +28 -0
- package/dist/esm/components/toolbar.props.d.ts.map +1 -0
- package/dist/esm/components/toolbar.props.js +2 -0
- package/dist/esm/components/toolbar.props.js.map +7 -0
- package/dist/esm/components/user-card.js +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/props/index.js +1 -1
- package/package.json +1 -1
- package/src/components/app-bar.css +204 -0
- package/src/components/app-bar.tsx +256 -0
- package/src/components/chatbar.css +75 -40
- package/src/components/chatbar.tsx +126 -49
- package/src/components/index.css +2 -0
- package/src/components/index.tsx +13 -1
- package/src/components/toolbar.css +87 -160
- package/src/components/toolbar.props.tsx +27 -0
- package/src/components/toolbar.tsx +259 -193
- package/src/styles/tokens/color.css +19 -0
- package/styles.css +328 -218
- package/tokens/base.css +14 -0
- package/tokens.css +14 -0
- package/dist/esm/chunk-47LMOIW3.js +0 -2
- package/dist/esm/chunk-47LMOIW3.js.map +0 -7
- package/dist/esm/chunk-JKS2YXMS.js +0 -1
- package/dist/esm/chunk-QK5RBHKV.js +0 -2
- package/dist/esm/chunk-QK5RBHKV.js.map +0 -7
- /package/dist/esm/{chunk-73QGEY2I.js.map → chunk-3R4YLW4A.js.map} +0 -0
- /package/dist/esm/{chunk-ZZLZGHZQ.js.map → chunk-4LDVSTXI.js.map} +0 -0
- /package/dist/esm/{chunk-X3JM2565.js.map → chunk-6G3MPL4A.js.map} +0 -0
- /package/dist/esm/{chunk-DSJY5RI3.js.map → chunk-7JJT42J2.js.map} +0 -0
- /package/dist/esm/{chunk-JKS2YXMS.js.map → chunk-C7EVYSWK.js.map} +0 -0
- /package/dist/esm/{chunk-ERY5TH2M.js.map → chunk-CYU6BLZ5.js.map} +0 -0
- /package/dist/esm/{chunk-25LBWKEV.js.map → chunk-D6PHTHF2.js.map} +0 -0
- /package/dist/esm/{chunk-4XGGX2V2.js.map → chunk-ISOLUTZF.js.map} +0 -0
- /package/dist/esm/{chunk-LXWPEDPZ.js.map → chunk-IYCPYN4Z.js.map} +0 -0
- /package/dist/esm/{chunk-RJP5QUXO.js.map → chunk-L5PID6BU.js.map} +0 -0
- /package/dist/esm/{chunk-BW5CO4PZ.js.map → chunk-METRW4HG.js.map} +0 -0
- /package/dist/esm/{chunk-PYHEBG5I.js.map → chunk-MJOXEUBT.js.map} +0 -0
- /package/dist/esm/{chunk-4D2OAD6I.js.map → chunk-OIUCV5HK.js.map} +0 -0
- /package/dist/esm/{chunk-65GAANJD.js.map → chunk-UYCPDGWA.js.map} +0 -0
- /package/dist/esm/{chunk-QWVU2TW4.js.map → chunk-ZK7A2MZZ.js.map} +0 -0
|
@@ -1,40 +1,92 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
4
|
-
import type {
|
|
5
|
-
type
|
|
6
|
-
type
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
* @default "top"
|
|
11
|
-
*/
|
|
12
|
-
anchor?: Anchor;
|
|
13
|
-
/**
|
|
14
|
-
* Floating mode adds margin from edges for a detached look with absolute positioning.
|
|
15
|
-
* When false (default), uses inset mode with negative margins to go edge-to-edge inside Cards.
|
|
16
|
-
* @default false
|
|
17
|
-
*/
|
|
18
|
-
floating?: boolean;
|
|
19
|
-
/**
|
|
20
|
-
* Margin offset from edges when floating. Uses space scale values.
|
|
21
|
-
* @default "2"
|
|
22
|
-
*/
|
|
23
|
-
offset?: SpaceScale;
|
|
2
|
+
import { Toolbar as ToolbarPrimitive } from 'radix-ui';
|
|
3
|
+
import { toolbarRootPropDefs } from './toolbar.props.js';
|
|
4
|
+
import type { ButtonProps } from './button.js';
|
|
5
|
+
import type { MarginProps } from '../props/margin.props.js';
|
|
6
|
+
import type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';
|
|
7
|
+
import type { GetPropDefTypes } from '../props/prop-def.js';
|
|
8
|
+
type ToolbarOwnProps = GetPropDefTypes<typeof toolbarRootPropDefs>;
|
|
9
|
+
interface ToolbarProps extends ComponentPropsWithout<typeof ToolbarPrimitive.Root, RemovedProps | 'orientation'>, ToolbarOwnProps, MarginProps {
|
|
24
10
|
}
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
11
|
+
/**
|
|
12
|
+
* A row of controls with one keyboard tab stop. The arrow keys move focus between the controls.
|
|
13
|
+
*
|
|
14
|
+
* Give it an `aria-label` (or `aria-labelledby`) that says what the controls act on.
|
|
15
|
+
*
|
|
16
|
+
* @example
|
|
17
|
+
* ```tsx
|
|
18
|
+
* <Toolbar aria-label="Formatting">
|
|
19
|
+
* <ToolbarGroup>
|
|
20
|
+
* <ToolbarButton iconOnly aria-label="Bold" aria-pressed={bold} onClick={toggleBold}>
|
|
21
|
+
* <HugeiconsIcon icon={TextBoldIcon} strokeWidth={1.75} />
|
|
22
|
+
* </ToolbarButton>
|
|
23
|
+
* </ToolbarGroup>
|
|
24
|
+
* <ToolbarSeparator />
|
|
25
|
+
* <ToolbarButton>Share</ToolbarButton>
|
|
26
|
+
* </Toolbar>
|
|
27
|
+
* ```
|
|
28
|
+
*/
|
|
29
|
+
declare const ToolbarRoot: React.ForwardRefExoticComponent<ToolbarProps & React.RefAttributes<HTMLDivElement>>;
|
|
30
|
+
interface ToolbarGroupProps extends ComponentPropsWithout<'div', RemovedProps> {
|
|
31
|
+
/** Turns every control in the group off at once. */
|
|
32
|
+
disabled?: boolean;
|
|
33
|
+
}
|
|
34
|
+
/**
|
|
35
|
+
* Controls that belong together, drawn as one quiet well that stands level with a button
|
|
36
|
+
* beside it. Buttons inside it rest as `ghost` unless they state a `variant`.
|
|
37
|
+
* To cluster controls without a well, use a `Flex`.
|
|
38
|
+
*/
|
|
39
|
+
declare const ToolbarGroup: React.ForwardRefExoticComponent<ToolbarGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
40
|
+
type ToolbarButtonBaseProps = Omit<ButtonProps, 'as' | 'asChild'>;
|
|
41
|
+
/** A labelled button: takes every `Button` prop. */
|
|
42
|
+
type ToolbarTextButtonProps = ToolbarButtonBaseProps & {
|
|
43
|
+
iconOnly?: false;
|
|
44
|
+
};
|
|
45
|
+
/** An icon-only button: renders an `IconButton`, and the type requires an `aria-label`. */
|
|
46
|
+
type ToolbarIconButtonProps = Omit<ToolbarButtonBaseProps, 'aria-label' | 'aria-labelledby' | 'overrideStyles'> & {
|
|
47
|
+
iconOnly: true;
|
|
48
|
+
/** The control's accessible name. An icon has no words of its own, so this is required. */
|
|
49
|
+
'aria-label': string;
|
|
50
|
+
};
|
|
51
|
+
type ToolbarButtonProps = ToolbarTextButtonProps | ToolbarIconButtonProps;
|
|
52
|
+
/**
|
|
53
|
+
* A `Button` that joins the toolbar's keyboard navigation, so a row of them is one tab stop.
|
|
54
|
+
*
|
|
55
|
+
* Set `iconOnly` (with an `aria-label`) for a symbol-only control. Set `aria-pressed` for a
|
|
56
|
+
* control that toggles; a pressed button wears Button's pressed look.
|
|
57
|
+
*
|
|
58
|
+
* It takes the toolbar's `size`, and rests as a gray `soft` button (gray `ghost` inside a
|
|
59
|
+
* `ToolbarGroup`). A stated `size`, `variant` or `color` wins; a stated `variant` without a
|
|
60
|
+
* `color` takes Button's own default colour. It throws outside a `Toolbar`.
|
|
61
|
+
*/
|
|
62
|
+
declare const ToolbarButton: React.ForwardRefExoticComponent<ToolbarButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
63
|
+
type ToolbarSeparatorProps = ComponentPropsWithout<typeof ToolbarPrimitive.Separator, RemovedProps | 'orientation'>;
|
|
64
|
+
/**
|
|
65
|
+
* A gray hairline between two clusters, announced as a separator. Its direction is always
|
|
66
|
+
* opposite to the toolbar's.
|
|
67
|
+
*/
|
|
68
|
+
declare const ToolbarSeparator: React.ForwardRefExoticComponent<ToolbarSeparatorProps & React.RefAttributes<HTMLDivElement>>;
|
|
69
|
+
interface ToolbarTitleProps {
|
|
70
|
+
/** The title text. With none, the title renders nothing. */
|
|
71
|
+
children?: React.ReactNode;
|
|
72
|
+
className?: string;
|
|
73
|
+
style?: React.CSSProperties;
|
|
74
|
+
/** The id of the title, so that the toolbar's `aria-labelledby` can point at it. */
|
|
75
|
+
id?: string;
|
|
76
|
+
}
|
|
77
|
+
/**
|
|
78
|
+
* What the row is about, at its leading edge. One line: it truncates rather than wrapping.
|
|
79
|
+
* Its text step follows the toolbar's `size`, and it takes more air from the controls beside it
|
|
80
|
+
* than they take from each other.
|
|
81
|
+
*/
|
|
82
|
+
declare const ToolbarTitle: React.ForwardRefExoticComponent<ToolbarTitleProps & React.RefAttributes<HTMLSpanElement>>;
|
|
83
|
+
declare const Toolbar: React.ForwardRefExoticComponent<ToolbarProps & React.RefAttributes<HTMLDivElement>> & {
|
|
84
|
+
Root: React.ForwardRefExoticComponent<ToolbarProps & React.RefAttributes<HTMLDivElement>>;
|
|
85
|
+
Group: React.ForwardRefExoticComponent<ToolbarGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
86
|
+
Button: React.ForwardRefExoticComponent<ToolbarButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
87
|
+
Separator: React.ForwardRefExoticComponent<ToolbarSeparatorProps & React.RefAttributes<HTMLDivElement>>;
|
|
88
|
+
Title: React.ForwardRefExoticComponent<ToolbarTitleProps & React.RefAttributes<HTMLSpanElement>>;
|
|
37
89
|
};
|
|
38
|
-
export { Toolbar, ToolbarRoot as Root,
|
|
39
|
-
export type {
|
|
90
|
+
export { Toolbar, ToolbarGroup, ToolbarButton, ToolbarSeparator, ToolbarTitle, ToolbarRoot as Root, ToolbarGroup as Group, ToolbarButton as Button, ToolbarSeparator as Separator, ToolbarTitle as Title, };
|
|
91
|
+
export type { ToolbarProps, ToolbarGroupProps, ToolbarButtonProps, ToolbarSeparatorProps, ToolbarTitleProps, ToolbarProps as RootProps, ToolbarGroupProps as GroupProps, ToolbarButtonProps as ButtonProps, ToolbarSeparatorProps as SeparatorProps, ToolbarTitleProps as TitleProps, };
|
|
40
92
|
//# sourceMappingURL=toolbar.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/toolbar.tsx"],"names":[],"mappings":"
|
|
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,8FA2BjB,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,5 @@
|
|
|
1
|
-
"use strict";var Se=Object.create;var C=Object.defineProperty;var Ce=Object.getOwnPropertyDescriptor;var we=Object.getOwnPropertyNames;var Ve=Object.getPrototypeOf,je=Object.prototype.hasOwnProperty;var He=(t,e)=>{for(var r in e)C(t,r,{get:e[r],enumerable:!0})},_=(t,e,r,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let p of we(e))!je.call(t,p)&&p!==r&&C(t,p,{get:()=>e[p],enumerable:!(o=Ce(e,p))||o.enumerable});return t};var d=(t,e,r)=>(r=t!=null?Se(Ve(t)):{},_(e||!t||!t.__esModule?C(r,"default",{value:t,enumerable:!0}):r,t)),Ee=t=>_(C({},"__esModule",{value:!0}),t);var ct={};He(ct,{Center:()=>K,Left:()=>A,Right:()=>U,Root:()=>B,Title:()=>q,Toolbar:()=>S});module.exports=Ee(ct);var m=d(require("react")),x=d(require("classnames"));var V=d(require("react")),re=d(require("classnames")),oe=require("radix-ui");var b={asChild:{type:"boolean"}};var ke=["1","2","3","4","5"],Oe=["surface","outline","classic","ghost","soft"],Ge=["solid","translucent"],We=["solid","translucent"],J={...b,size:{type:"enum",className:"rt-r-size",values:ke,default:"1",responsive:!0},variant:{type:"enum",className:"rt-variant",values:Oe,default:"outline"},panelBackground:{type:"enum",values:Ge,default:void 0},material:{type:"enum",values:We,default:void 0},flush:{type:"boolean",default:!1},inset:{type:"boolean",default:!1}};var te=d(require("classnames"));var Fe=[],Me=new Set;function $e(t){let e=Object.assign({},...t),r=[],o=[],p=new Set;for(let i in e){let n=e[i],l=n.values??Fe,a={key:i,type:n.type,default:n.default,hasDefault:n.default!==void 0,responsive:"responsive"in n,className:n.className,customProperties:n.customProperties,parseValue:n.parseValue,values:l,valueSet:l.length>0?new Set(l):Me,enumValueSet:n.type==="enum"?new Set([n.default,...l]):void 0};n.className?(r.push(a),p.add(i)):(a.hasDefault||n.type==="enum")&&o.push(a)}return{styling:r,passthrough:o,stylingKeys:p}}var ze={children:new WeakMap};function Q(t){let e=ze;for(let r=0;r<t.length;r++){let o=t[r],p=e.children.get(o);p===void 0&&(p={children:new WeakMap},e.children.set(o,p)),e=p}return e.compiled??(e.compiled=$e(t))}var Le=["initial","xs","sm","md","lg","xl"],O=new Set(Le);function G(t,e){return Object.prototype.hasOwnProperty.call(t,e)}var Be=new Set(["initial","xs","sm","md","lg","xl"]);function y(t){if(typeof t!="object"||t===null)return!1;for(let e in t)if(Be.has(e))return!0;return!1}function w(t,e,r){return e!==void 0?e.has(r):t.includes(r)}function ee({className:t,customProperties:e,...r}){let o=W({allowArbitraryValues:!0,className:t,...r}),p=Ae({customProperties:e,...r});return[o,p]}function W({allowArbitraryValues:t,value:e,className:r,propValues:o,propValueSet:p,parseValue:i=n=>n}){if(e){if(typeof e=="string")return w(o,p,e)?Z(r,e,i):t?r:void 0;if(y(e)){let n=e,l=[];for(let a in n){if(!G(n,a)||!O.has(a))continue;let s=n[a];if(s!==void 0){if(w(o,p,s)){let f=Z(r,s,i),u=a==="initial"?f:`${a}:${f}`;l.push(u)}else if(t){let f=a==="initial"?r:`${a}:${r}`;l.push(f)}}}return l.length>0?l.join(" "):""}if(t)return r}}function Z(t,e,r){let o=t?"-":"",p=r(e),i=p?.startsWith("-"),n=i?"-":"",l=i?p?.substring(1):p;return`${n}${t}${o}${l}`}function Ae({customProperties:t,value:e,propValues:r,propValueSet:o,parseValue:p=i=>i}){if(!e||typeof e=="string"&&w(r,o,e))return;let i;if(typeof e=="string"){let n=p(e);i={};for(let l of t)i[l]=n;return i}if(y(e)){let n=e;for(let l in n){if(!G(n,l)||!O.has(l))continue;let a=n[l];if(a===void 0||w(r,o,a))continue;let s=p(a);i??(i={});for(let f of t){let u=l==="initial"?f:`${f}-${l}`;i[u]=s}}}return i??{}}function F(...t){let e;for(let r of t)r&&(e===void 0&&(e={}),Object.assign(e,r));return e}function Ke(t,e){let r=t.initial,o=!1;return e.hasDefault&&r===void 0&&(r=e.default,o=!0),e.enumValueSet!==void 0&&!e.enumValueSet.has(r)&&(r=e.default,o=!0),o?{...t,initial:r}:t}function h(t,...e){let{styling:r,passthrough:o,stylingKeys:p}=Q(e),i={};for(let a in t)p.has(a)||(i[a]=t[a]);for(let a=0;a<o.length;a++){let s=o[a],f=i[s.key];if(f===void 0){s.hasDefault&&(i[s.key]=s.default);continue}s.enumValueSet!==void 0&&!s.enumValueSet.has(f)&&!y(f)&&(i[s.key]=s.default)}let n,l=[];for(let a=0;a<r.length;a++){let s=r[a],f=t[s.key];if(f===void 0&&s.hasDefault&&(f=s.default),s.enumValueSet!==void 0&&!s.enumValueSet.has(f)&&!y(f)&&(f=s.default),!!f){if(y(f)){if(!s.responsive)continue;f=Ke(f,s)}if(s.type==="enum"){let u=W({allowArbitraryValues:!1,value:f,className:s.className,propValues:s.values,propValueSet:s.valueSet,parseValue:s.parseValue});u&&l.push(u);continue}if(s.type==="string"||s.type==="enum | string"){let[u,v]=ee({className:s.className,customProperties:s.customProperties,propValues:s.type==="string"?[]:s.values,propValueSet:s.type==="string"?void 0:s.valueSet,parseValue:s.parseValue,value:f});v&&(n=F(n,v)),u&&l.push(u);continue}if(s.type==="boolean"){l.push(s.className);continue}}}return i.className=(0,te.default)(l.length>0?l.join(" "):void 0,t.className),i.style=F(n,t.style),i}var g=["0","1","2","3","4","5","6","7","8","9","10","11","12","-1","-2","-3","-4","-5","-6","-7","-8","-9","-10","-11","-12"],R={m:{type:"enum | string",values:g,responsive:!0,className:"rt-r-m",customProperties:["--m"]},mx:{type:"enum | string",values:g,responsive:!0,className:"rt-r-mx",customProperties:["--ml","--mr"]},my:{type:"enum | string",values:g,responsive:!0,className:"rt-r-my",customProperties:["--mt","--mb"]},mt:{type:"enum | string",values:g,responsive:!0,className:"rt-r-mt",customProperties:["--mt"]},mr:{type:"enum | string",values:g,responsive:!0,className:"rt-r-mr",customProperties:["--mr"]},mb:{type:"enum | string",values:g,responsive:!0,className:"rt-r-mb",customProperties:["--mb"]},ml:{type:"enum | string",values:g,responsive:!0,className:"rt-r-ml",customProperties:["--ml"]}};var M=V.forwardRef((t,e)=>{let{asChild:r,className:o,panelBackground:p,material:i,flush:n,inset:l,...a}=h(t,J,R),s=i||p,f=r?oe.Slot.Root:"div";return V.createElement(f,{ref:e,...a,"data-panel-background":s,"data-material":s,"data-flush":n?"true":void 0,"data-inset":l?"true":void 0,className:(0,re.default)("rt-reset","rt-BaseCard","rt-Card",o)})});M.displayName="Card";var H=d(require("react")),me=d(require("classnames"));var P=["0","1","2","3","4","5","6","7","8","9","10","11","12"],se={p:{type:"enum | string",className:"rt-r-p",customProperties:["--p"],values:P,responsive:!0},px:{type:"enum | string",className:"rt-r-px",customProperties:["--pl","--pr"],values:P,responsive:!0},py:{type:"enum | string",className:"rt-r-py",customProperties:["--pt","--pb"],values:P,responsive:!0},pt:{type:"enum | string",className:"rt-r-pt",customProperties:["--pt"],values:P,responsive:!0},pr:{type:"enum | string",className:"rt-r-pr",customProperties:["--pr"],values:P,responsive:!0},pb:{type:"enum | string",className:"rt-r-pb",customProperties:["--pb"],values:P,responsive:!0},pl:{type:"enum | string",className:"rt-r-pl",customProperties:["--pl"],values:P,responsive:!0}};var ne={height:{type:"string",className:"rt-r-h",customProperties:["--height"],responsive:!0},minHeight:{type:"string",className:"rt-r-min-h",customProperties:["--min-height"],responsive:!0},maxHeight:{type:"string",className:"rt-r-max-h",customProperties:["--max-height"],responsive:!0}};var pe={width:{type:"string",className:"rt-r-w",customProperties:["--width"],responsive:!0},minWidth:{type:"string",className:"rt-r-min-w",customProperties:["--min-width"],responsive:!0},maxWidth:{type:"string",className:"rt-r-max-w",customProperties:["--max-width"],responsive:!0}};var $=["visible","hidden","clip","scroll","auto"],Ue=["static","relative","absolute","fixed","sticky"],T=["0","1","2","3","4","5","6","7","8","9","-1","-2","-3","-4","-5","-6","-7","-8","-9"],qe=["0","1"],Ye=["0","1"],Ie=["start","center","end","baseline","stretch"],Xe=["start","center","end","baseline","stretch"],ie={...se,...pe,...ne,position:{type:"enum",className:"rt-r-position",values:Ue,responsive:!0},inset:{type:"enum | string",className:"rt-r-inset",customProperties:["--inset"],values:T,responsive:!0},top:{type:"enum | string",className:"rt-r-top",customProperties:["--top"],values:T,responsive:!0},right:{type:"enum | string",className:"rt-r-right",customProperties:["--right"],values:T,responsive:!0},bottom:{type:"enum | string",className:"rt-r-bottom",customProperties:["--bottom"],values:T,responsive:!0},left:{type:"enum | string",className:"rt-r-left",customProperties:["--left"],values:T,responsive:!0},overflow:{type:"enum",className:"rt-r-overflow",values:$,responsive:!0},overflowX:{type:"enum",className:"rt-r-ox",values:$,responsive:!0},overflowY:{type:"enum",className:"rt-r-oy",values:$,responsive:!0},flexBasis:{type:"string",className:"rt-r-fb",customProperties:["--flex-basis"],responsive:!0},flexShrink:{type:"enum | string",className:"rt-r-fs",customProperties:["--flex-shrink"],values:qe,responsive:!0},flexGrow:{type:"enum | string",className:"rt-r-fg",customProperties:["--flex-grow"],values:Ye,responsive:!0},gridArea:{type:"string",className:"rt-r-ga",customProperties:["--grid-area"],responsive:!0},gridColumn:{type:"string",className:"rt-r-gc",customProperties:["--grid-column"],responsive:!0},gridColumnStart:{type:"string",className:"rt-r-gcs",customProperties:["--grid-column-start"],responsive:!0},gridColumnEnd:{type:"string",className:"rt-r-gce",customProperties:["--grid-column-end"],responsive:!0},gridRow:{type:"string",className:"rt-r-gr",customProperties:["--grid-row"],responsive:!0},gridRowStart:{type:"string",className:"rt-r-grs",customProperties:["--grid-row-start"],responsive:!0},gridRowEnd:{type:"string",className:"rt-r-gre",customProperties:["--grid-row-end"],responsive:!0},alignSelf:{type:"enum",className:"rt-r-as",values:Ie,responsive:!0},justifySelf:{type:"enum",className:"rt-r-js",values:Xe,responsive:!0}};var j=require("radix-ui"),Kt=j.Slot.Root,ae=j.Slot.Root,Ut=j.Slot.Slottable;var z=["0","1","2","3","4","5","6","7","8","9","10","11","12"],le={gap:{type:"enum | string",className:"rt-r-gap",customProperties:["--gap"],values:z,responsive:!0},gapX:{type:"enum | string",className:"rt-r-cg",customProperties:["--column-gap"],values:z,responsive:!0},gapY:{type:"enum | string",className:"rt-r-rg",customProperties:["--row-gap"],values:z,responsive:!0}};var _e=["div","span"],Je=["none","inline-flex","flex"],Qe=["row","column","row-reverse","column-reverse"],Ze=["start","center","end","baseline","stretch"],et=["start","center","end","between"],tt=["nowrap","wrap","wrap-reverse"],fe={as:{type:"enum",values:_e,default:"div"},...b,display:{type:"enum",className:"rt-r-display",values:Je,responsive:!0},direction:{type:"enum",className:"rt-r-fd",values:Qe,responsive:!0},align:{type:"enum",className:"rt-r-ai",values:Ze,responsive:!0},justify:{type:"enum",className:"rt-r-jc",values:et,parseValue:rt,responsive:!0},wrap:{type:"enum",className:"rt-r-fw",values:tt,responsive:!0},...le};function rt(t){return t==="between"?"space-between":t}var N=H.forwardRef((t,e)=>{let{className:r,asChild:o,as:p="div",...i}=h(t,fe,ie,R);return H.createElement(o?ae:p,{...i,ref:e,className:(0,me.default)("rt-Flex",r)})});N.displayName="Flex";var D=d(require("react")),he=require("radix-ui");var ot=["gray","gold","bronze","brown","yellow","amber","orange","tomato","red","ruby","crimson","pink","plum","purple","violet","iris","indigo","blue","cyan","teal","jade","green","grass","lime","mint","sky"];var ue={color:{type:"enum",values:ot,default:void 0}};var st=["loud","medium","quiet"],ce={emphasis:{type:"enum",className:"rt-emphasis",values:st,default:void 0}};var nt=["normal","start","end","both"],de={trim:{type:"enum",className:"rt-r-lt",values:nt,responsive:!0}};var pt=["left","center","right"],ye={align:{type:"enum",className:"rt-r-ta",values:pt,responsive:!0}};var it=["wrap","nowrap","pretty","balance"],ge={wrap:{type:"enum",className:"rt-r-tw",values:it,responsive:!0}};var Pe={truncate:{type:"boolean",className:"rt-truncate"}};var at=["sans","mono","serif"],De={font:{type:"enum",className:"rt-r-ff",values:at}};var lt=["thin","extralight","light","regular","medium","semibold","bold","extrabold"],ve={weight:{type:"enum",className:"rt-r-weight",values:lt,responsive:!0}};var ft=["h1","h2","h3","h4","h5","h6"],mt=["0","1","2","3","4","5","6","7","8","9","10","11","12"],be={as:{type:"enum",values:ft,default:"h1"},...b,size:{type:"enum",className:"rt-r-size",values:mt,default:"6",responsive:!0},...De,...ve,...ye,...de,...Pe,...ge,...ue,...ce};var ut={...be,...R},L=D.memo(D.forwardRef((t,e)=>{let{children:r,className:o,asChild:p,as:i="h1",color:n,...l}=h(t,ut),a=o?`rt-Heading ${o}`:"rt-Heading";return p?D.createElement(he.Slot.Root,{"data-accent-color":n,...l,ref:e,className:a},r):D.createElement(i,{"data-accent-color":n,...l,ref:e,className:a},r)}));L.displayName="Heading";var B=m.forwardRef((t,e)=>{let{anchor:r="top",floating:o=!1,offset:p="2",size:i="1",variant:n="ghost",material:l,className:a,style:s,children:f,...u}=t,v=r==="top"||r==="bottom",Y=m.useRef(null),Re=m.useCallback(c=>{Y.current=c,typeof e=="function"?e(c):e&&(e.current=c)},[e]);m.useEffect(()=>{let c=Y.current;if(!c)return;let E=c.parentElement;if(!E)return;let I=()=>{let k=v?c.offsetHeight:c.offsetWidth;if(o){let Te=getComputedStyle(c),Ne=parseFloat(Te.marginTop)||0;k+=Ne*2}v?E.style.setProperty("--rt-toolbar-height",`${k}px`):E.style.setProperty("--rt-toolbar-width",`${k}px`)};I();let X=new ResizeObserver(I);return X.observe(c),()=>X.disconnect()},[v,o]);let xe=o?{margin:`var(--space-${p})`,...s}:s;return m.createElement(M,{ref:Re,size:i,variant:n,material:l,"data-anchor":r,"data-floating":o||void 0,className:(0,x.default)("rt-Toolbar",a),style:xe,...u},m.createElement("div",{className:"rt-ToolbarInner"},f))});B.displayName="Toolbar.Root";var A=m.forwardRef(({gap:t="2",align:e="center",className:r,children:o,...p},i)=>m.createElement(N,{ref:i,align:e,gap:t,className:(0,x.default)("rt-ToolbarSection","rt-ToolbarLeft",r),...p},o));A.displayName="Toolbar.Left";var K=m.forwardRef(({gap:t="2",align:e="center",justify:r="center",className:o,children:p,...i},n)=>m.createElement(N,{ref:n,align:e,justify:r,gap:t,className:(0,x.default)("rt-ToolbarSection","rt-ToolbarCenter",o),...i},p));K.displayName="Toolbar.Center";var U=m.forwardRef(({gap:t="2",align:e="center",justify:r="end",className:o,children:p,...i},n)=>m.createElement(N,{ref:n,align:e,justify:r,gap:t,className:(0,x.default)("rt-ToolbarSection","rt-ToolbarRight",o),...i},p));U.displayName="Toolbar.Right";var q=m.forwardRef(({className:t,size:e="2",weight:r="medium",truncate:o=!0,children:p,...i},n)=>m.createElement(L,{ref:n,size:e,weight:r,truncate:o,className:(0,x.default)("rt-ToolbarTitle",t),...i},p));q.displayName="Toolbar.Title";var S=B;S.Left=A;S.Center=K;S.Right=U;S.Title=q;
|
|
1
|
+
"use strict";"use client";var Vt=Object.create;var te=Object.defineProperty;var Ft=Object.getOwnPropertyDescriptor;var kt=Object.getOwnPropertyNames;var Ot=Object.getPrototypeOf,jt=Object.prototype.hasOwnProperty;var Et=(e,t)=>{for(var o in t)te(e,o,{get:t[o],enumerable:!0})},Me=(e,t,o,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of kt(t))!jt.call(e,s)&&s!==o&&te(e,s,{get:()=>t[s],enumerable:!(n=Ft(t,s))||n.enumerable});return e};var y=(e,t,o)=>(o=e!=null?Vt(Ot(e)):{},Me(t||!e||!e.__esModule?te(o,"default",{value:e,enumerable:!0}):o,e)),Gt=e=>Me(te({},"__esModule",{value:!0}),e);var Vo={};Et(Vo,{Button:()=>Ge,Group:()=>Ee,Root:()=>me,Separator:()=>We,Title:()=>ze,Toolbar:()=>wo,ToolbarButton:()=>Ge,ToolbarGroup:()=>Ee,ToolbarSeparator:()=>We,ToolbarTitle:()=>ze});module.exports=Gt(Vo);var c=y(require("react")),J=y(require("classnames")),fe=require("radix-ui");var Wt=["1","2","3","4"],zt=["horizontal","vertical"],oe={size:{type:"enum",className:"rt-r-size",values:Wt,default:"2"},orientation:{type:"enum",values:zt,default:"horizontal"}};var j=y(require("react")),St=y(require("classnames"));var b=y(require("react")),lt=y(require("classnames")),ut=require("radix-ui");var O={asChild:{type:"boolean"}};var re=["gray","gold","bronze","brown","yellow","amber","orange","tomato","red","ruby","crimson","pink","plum","purple","violet","iris","indigo","blue","cyan","teal","jade","green","grass","lime","mint","sky"],Ae=["auto","gray","mauve","slate","sage","olive","sand"],He={color:{type:"enum",values:re,default:void 0}},Le={color:{type:"enum",values:re,default:""}};var he=["none","small","medium","large","full"],$e={radius:{type:"enum",values:he,default:void 0}};var It=["1","2","3","4"],Mt=["classic","solid","soft","surface","outline","ghost","override"],At=["solid","translucent"],Ht=["solid","translucent"],ve={...O,size:{type:"enum",className:"rt-r-size",values:It,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:Mt,default:"solid"},...Le,...$e,loading:{type:"boolean",className:"rt-loading",default:!1},fullWidth:{type:"boolean",className:"rt-full-width",default:!1},material:{type:"enum",values:Ht,default:void 0},panelBackground:{type:"enum",values:At,default:void 0},flush:{type:"boolean",default:!1}};var ae=y(require("react")),tt=y(require("classnames"));var qe=y(require("classnames"));var Lt=[],$t=new Set;function Kt(e){let t=Object.assign({},...e),o=[],n=[],s=new Set;for(let i in t){let r=t[i],a=r.values??Lt,l={key:i,type:r.type,default:r.default,hasDefault:r.default!==void 0,responsive:"responsive"in r,className:r.className,customProperties:r.customProperties,parseValue:r.parseValue,values:a,valueSet:a.length>0?new Set(a):$t,enumValueSet:r.type==="enum"?new Set([r.default,...a]):void 0};r.className?(o.push(l),s.add(i)):(l.hasDefault||r.type==="enum")&&n.push(l)}return{styling:o,passthrough:n,stylingKeys:s}}var _t={children:new WeakMap};function Ke(e){let t=_t;for(let o=0;o<e.length;o++){let n=e[o],s=t.children.get(n);s===void 0&&(s={children:new WeakMap},t.children.set(n,s)),t=s}return t.compiled??(t.compiled=Kt(e))}var Ut=["initial","xs","sm","md","lg","xl"],De=new Set(Ut);function Te(e,t){return Object.prototype.hasOwnProperty.call(e,t)}var qt=new Set(["initial","xs","sm","md","lg","xl"]);function E(e){if(typeof e!="object"||e===null)return!1;for(let t in e)if(qt.has(t))return!0;return!1}function se(e,t,o){return t!==void 0?t.has(o):e.includes(o)}function Ue({className:e,customProperties:t,...o}){let n=Re({allowArbitraryValues:!0,className:e,...o}),s=Yt({customProperties:t,...o});return[n,s]}function Re({allowArbitraryValues:e,value:t,className:o,propValues:n,propValueSet:s,parseValue:i=r=>r}){if(t){if(typeof t=="string")return se(n,s,t)?_e(o,t,i):e?o:void 0;if(E(t)){let r=t,a=[];for(let l in r){if(!Te(r,l)||!De.has(l))continue;let p=r[l];if(p!==void 0){if(se(n,s,p)){let u=_e(o,p,i),f=l==="initial"?u:`${l}:${u}`;a.push(f)}else if(e){let u=l==="initial"?o:`${l}:${o}`;a.push(u)}}}return a.length>0?a.join(" "):""}if(e)return o}}function _e(e,t,o){let n=e?"-":"",s=o(t),i=s?.startsWith("-"),r=i?"-":"",a=i?s?.substring(1):s;return`${r}${e}${n}${a}`}function Yt({customProperties:e,value:t,propValues:o,propValueSet:n,parseValue:s=i=>i}){if(!t||typeof t=="string"&&se(o,n,t))return;let i;if(typeof t=="string"){let r=s(t);i={};for(let a of e)i[a]=r;return i}if(E(t)){let r=t;for(let a in r){if(!Te(r,a)||!De.has(a))continue;let l=r[a];if(l===void 0||se(o,n,l))continue;let p=s(l);i??(i={});for(let u of e){let f=a==="initial"?u:`${u}-${a}`;i[f]=p}}}return i??{}}function Ce(...e){let t;for(let o of e)o&&(t===void 0&&(t={}),Object.assign(t,o));return t}function Xt(e,t){let o=e.initial,n=!1;return t.hasDefault&&o===void 0&&(o=t.default,n=!0),t.enumValueSet!==void 0&&!t.enumValueSet.has(o)&&(o=t.default,n=!0),n?{...e,initial:o}:e}function S(e,...t){let{styling:o,passthrough:n,stylingKeys:s}=Ke(t),i={};for(let l in e)s.has(l)||(i[l]=e[l]);for(let l=0;l<n.length;l++){let p=n[l],u=i[p.key];if(u===void 0){p.hasDefault&&(i[p.key]=p.default);continue}p.enumValueSet!==void 0&&!p.enumValueSet.has(u)&&!E(u)&&(i[p.key]=p.default)}let r,a=[];for(let l=0;l<o.length;l++){let p=o[l],u=e[p.key];if(u===void 0&&p.hasDefault&&(u=p.default),p.enumValueSet!==void 0&&!p.enumValueSet.has(u)&&!E(u)&&(u=p.default),!!u){if(E(u)){if(!p.responsive)continue;u=Xt(u,p)}if(p.type==="enum"){let f=Re({allowArbitraryValues:!1,value:u,className:p.className,propValues:p.values,propValueSet:p.valueSet,parseValue:p.parseValue});f&&a.push(f);continue}if(p.type==="string"||p.type==="enum | string"){let[f,g]=Ue({className:p.className,customProperties:p.customProperties,propValues:p.type==="string"?[]:p.values,propValueSet:p.type==="string"?void 0:p.valueSet,parseValue:p.parseValue,value:u});g&&(r=Ce(r,g)),f&&a.push(f);continue}if(p.type==="boolean"){a.push(p.className);continue}}}return i.className=(0,qe.default)(a.length>0?a.join(" "):void 0,e.className),i.style=Ce(r,e.style),i}var G=["0","1","2","3","4","5","6","7","8","9","10","11","12"],Ye={p:{type:"enum | string",className:"rt-r-p",customProperties:["--p"],values:G,responsive:!0},px:{type:"enum | string",className:"rt-r-px",customProperties:["--pl","--pr"],values:G,responsive:!0},py:{type:"enum | string",className:"rt-r-py",customProperties:["--pt","--pb"],values:G,responsive:!0},pt:{type:"enum | string",className:"rt-r-pt",customProperties:["--pt"],values:G,responsive:!0},pr:{type:"enum | string",className:"rt-r-pr",customProperties:["--pr"],values:G,responsive:!0},pb:{type:"enum | string",className:"rt-r-pb",customProperties:["--pb"],values:G,responsive:!0},pl:{type:"enum | string",className:"rt-r-pl",customProperties:["--pl"],values:G,responsive:!0}};var Xe={height:{type:"string",className:"rt-r-h",customProperties:["--height"],responsive:!0},minHeight:{type:"string",className:"rt-r-min-h",customProperties:["--min-height"],responsive:!0},maxHeight:{type:"string",className:"rt-r-max-h",customProperties:["--max-height"],responsive:!0}};var M={width:{type:"string",className:"rt-r-w",customProperties:["--width"],responsive:!0},minWidth:{type:"string",className:"rt-r-min-w",customProperties:["--min-width"],responsive:!0},maxWidth:{type:"string",className:"rt-r-max-w",customProperties:["--max-width"],responsive:!0}};var xe=["visible","hidden","clip","scroll","auto"],Jt=["static","relative","absolute","fixed","sticky"],_=["0","1","2","3","4","5","6","7","8","9","-1","-2","-3","-4","-5","-6","-7","-8","-9"],Zt=["0","1"],Qt=["0","1"],eo=["start","center","end","baseline","stretch"],to=["start","center","end","baseline","stretch"],Je={...Ye,...M,...Xe,position:{type:"enum",className:"rt-r-position",values:Jt,responsive:!0},inset:{type:"enum | string",className:"rt-r-inset",customProperties:["--inset"],values:_,responsive:!0},top:{type:"enum | string",className:"rt-r-top",customProperties:["--top"],values:_,responsive:!0},right:{type:"enum | string",className:"rt-r-right",customProperties:["--right"],values:_,responsive:!0},bottom:{type:"enum | string",className:"rt-r-bottom",customProperties:["--bottom"],values:_,responsive:!0},left:{type:"enum | string",className:"rt-r-left",customProperties:["--left"],values:_,responsive:!0},overflow:{type:"enum",className:"rt-r-overflow",values:xe,responsive:!0},overflowX:{type:"enum",className:"rt-r-ox",values:xe,responsive:!0},overflowY:{type:"enum",className:"rt-r-oy",values:xe,responsive:!0},flexBasis:{type:"string",className:"rt-r-fb",customProperties:["--flex-basis"],responsive:!0},flexShrink:{type:"enum | string",className:"rt-r-fs",customProperties:["--flex-shrink"],values:Zt,responsive:!0},flexGrow:{type:"enum | string",className:"rt-r-fg",customProperties:["--flex-grow"],values:Qt,responsive:!0},gridArea:{type:"string",className:"rt-r-ga",customProperties:["--grid-area"],responsive:!0},gridColumn:{type:"string",className:"rt-r-gc",customProperties:["--grid-column"],responsive:!0},gridColumnStart:{type:"string",className:"rt-r-gcs",customProperties:["--grid-column-start"],responsive:!0},gridColumnEnd:{type:"string",className:"rt-r-gce",customProperties:["--grid-column-end"],responsive:!0},gridRow:{type:"string",className:"rt-r-gr",customProperties:["--grid-row"],responsive:!0},gridRowStart:{type:"string",className:"rt-r-grs",customProperties:["--grid-row-start"],responsive:!0},gridRowEnd:{type:"string",className:"rt-r-gre",customProperties:["--grid-row-end"],responsive:!0},alignSelf:{type:"enum",className:"rt-r-as",values:eo,responsive:!0},justifySelf:{type:"enum",className:"rt-r-js",values:to,responsive:!0}};var W=["0","1","2","3","4","5","6","7","8","9","10","11","12","-1","-2","-3","-4","-5","-6","-7","-8","-9","-10","-11","-12"],N={m:{type:"enum | string",values:W,responsive:!0,className:"rt-r-m",customProperties:["--m"]},mx:{type:"enum | string",values:W,responsive:!0,className:"rt-r-mx",customProperties:["--ml","--mr"]},my:{type:"enum | string",values:W,responsive:!0,className:"rt-r-my",customProperties:["--mt","--mb"]},mt:{type:"enum | string",values:W,responsive:!0,className:"rt-r-mt",customProperties:["--mt"]},mr:{type:"enum | string",values:W,responsive:!0,className:"rt-r-mr",customProperties:["--mr"]},mb:{type:"enum | string",values:W,responsive:!0,className:"rt-r-mb",customProperties:["--mb"]},ml:{type:"enum | string",values:W,responsive:!0,className:"rt-r-ml",customProperties:["--ml"]}};var ne=require("radix-ui"),pr=ne.Slot.Root,Ze=ne.Slot.Root,lr=ne.Slot.Slottable;var Se=["0","1","2","3","4","5","6","7","8","9","10","11","12"],Qe={gap:{type:"enum | string",className:"rt-r-gap",customProperties:["--gap"],values:Se,responsive:!0},gapX:{type:"enum | string",className:"rt-r-cg",customProperties:["--column-gap"],values:Se,responsive:!0},gapY:{type:"enum | string",className:"rt-r-rg",customProperties:["--row-gap"],values:Se,responsive:!0}};var oo=["div","span"],ro=["none","inline-flex","flex"],so=["row","column","row-reverse","column-reverse"],no=["start","center","end","baseline","stretch"],ao=["start","center","end","between"],io=["nowrap","wrap","wrap-reverse"],et={as:{type:"enum",values:oo,default:"div"},...O,display:{type:"enum",className:"rt-r-display",values:ro,responsive:!0},direction:{type:"enum",className:"rt-r-fd",values:so,responsive:!0},align:{type:"enum",className:"rt-r-ai",values:no,responsive:!0},justify:{type:"enum",className:"rt-r-jc",values:ao,parseValue:po,responsive:!0},wrap:{type:"enum",className:"rt-r-fw",values:io,responsive:!0},...Qe};function po(e){return e==="between"?"space-between":e}var A=ae.forwardRef((e,t)=>{let{className:o,asChild:n,as:s="div",...i}=S(e,et,Je,N);return ae.createElement(n?Ze:s,{...i,ref:t,className:(0,tt.default)("rt-Flex",o)})});A.displayName="Flex";var T=y(require("react")),rt=y(require("classnames"));var lo=["1","2","3"],ot={size:{type:"enum",className:"rt-r-size",values:lo,default:"2",responsive:!0},loading:{type:"boolean",default:!0}};var Be=T.forwardRef((e,t)=>{let{className:o,children:n,loading:s,...i}=S(e,ot,N);if(!s)return n;let r=T.createElement("span",{...i,ref:t,className:(0,rt.default)("rt-Spinner",o)},T.createElement("span",{className:"rt-SpinnerLeaf"}),T.createElement("span",{className:"rt-SpinnerLeaf"}),T.createElement("span",{className:"rt-SpinnerLeaf"}),T.createElement("span",{className:"rt-SpinnerLeaf"}),T.createElement("span",{className:"rt-SpinnerLeaf"}),T.createElement("span",{className:"rt-SpinnerLeaf"}),T.createElement("span",{className:"rt-SpinnerLeaf"}),T.createElement("span",{className:"rt-SpinnerLeaf"}));return n===void 0?r:T.createElement(A,{asChild:!0,position:"relative",align:"center",justify:"center"},T.createElement("span",null,T.createElement("span",{"aria-hidden":!0,style:{display:"contents",visibility:"hidden"},inert:void 0},n),T.createElement(A,{asChild:!0,align:"center",justify:"center",position:"absolute",inset:"0"},T.createElement("span",null,r))))});Be.displayName="Spinner";var Ne=require("radix-ui"),st=Ne.VisuallyHidden.Root,Br=Ne.VisuallyHidden.Root;var at=y(require("react")),uo="Warning: The `panelBackground` prop is deprecated and will be removed in a future version. Use `material` prop instead.",nt=new Set;function mo(e){nt.has(e)||(nt.add(e),console.warn(e))}function ie(e){at.useEffect(()=>{},[e])}function it(e,t){if(e!==void 0)return typeof e=="string"?t(e):Object.fromEntries(Object.entries(e).map(([o,n])=>[o,t(n)]))}function pt(e){switch(e){case"1":return"1";case"2":case"3":return"2";case"4":return"3"}}var U=b.forwardRef((e,t)=>{let{size:o=ve.size.default}=e,{className:n,children:s,asChild:i,as:r,color:a,radius:l,material:p,panelBackground:u,flush:f,disabled:g=e.loading,...R}=S(e,ve,N);ie(e.panelBackground);let C=p??u,B=i?ut.Slot.Root:r||"button",F=i||!r||["button","input","textarea","select"].includes(r),v=!i&&(!r||r==="button"),x="type"in R,D=b.useId(),d=e.loading?`${D}-loading`:void 0,k=b.useMemo(()=>typeof s=="string"?s:b.isValidElement(s)&&typeof s.props?.children=="string"?s.props.children:"button",[s]),I=b.useMemo(()=>e.loading?{"aria-busy":!0,"aria-disabled":!0,"aria-describedby":d,"aria-label":`${k} (loading)`}:{},[e.loading,d,k]);return b.createElement(B,{"data-disabled":g||void 0,"data-accent-color":a,"data-radius":l,"data-material":C,"data-panel-background":C,"data-flush":f?"true":void 0,...R,...I,ref:t,className:(0,lt.default)("rt-reset","rt-BaseButton",n),...F&&{disabled:g},...v&&!x?{type:"button"}:{}},e.loading?b.createElement(b.Fragment,null,b.createElement("span",{style:{display:"contents",visibility:"hidden"},"aria-hidden":!0},s),b.createElement(st,null,b.createElement("span",{id:d},k," is loading, please wait..."),s),b.createElement(A,{asChild:!0,align:"center",justify:"center",position:"absolute",inset:"0"},b.createElement("span",null,b.createElement(Be,{size:it(o,pt),"aria-hidden":"true"})))):s)});U.displayName="BaseButton";var V=y(require("react")),xt=y(require("classnames")),L=require("radix-ui");var z=y(require("react")),ht=require("radix-ui");var fo=["loud","medium","quiet"],mt={emphasis:{type:"enum",className:"rt-emphasis",values:fo,default:void 0}};var co=["normal","start","end","both"],ft={trim:{type:"enum",className:"rt-r-lt",values:co,responsive:!0}};var yo=["left","center","right"],ct={align:{type:"enum",className:"rt-r-ta",values:yo,responsive:!0}};var Po=["wrap","nowrap","pretty","balance"],dt={wrap:{type:"enum",className:"rt-r-tw",values:Po,responsive:!0}};var yt={truncate:{type:"boolean",className:"rt-truncate"}};var go=["sans","mono","serif"],Pt={font:{type:"enum",className:"rt-r-ff",values:go}};var bo=["thin","extralight","light","regular","medium","semibold","bold","extrabold"],gt={weight:{type:"enum",className:"rt-r-weight",values:bo,responsive:!0}};var ho=["span","div","label","p"],vo=["0","1","2","3","4","5","6","7","8","9","10","11","12"],bt={as:{type:"enum",values:ho,default:"span"},...O,size:{type:"enum",className:"rt-r-size",values:vo,responsive:!0},...Pt,...gt,...ct,...ft,...yt,...dt,...He,...mt};var Do={...bt,...N},q=z.memo(z.forwardRef((e,t)=>{let{children:o,className:n,asChild:s,as:i="span",color:r,...a}=S(e,Do),l=n?`rt-Text ${n}`:"rt-Text";return s?z.createElement(ht.Slot.Root,{"data-accent-color":r,...a,ref:t,className:l},o):z.createElement(i,{"data-accent-color":r,...a,ref:t,className:l},o)}));q.displayName="Text";var P=y(require("react")),Tt=y(require("classnames")),H=require("radix-ui"),pe=require("radix-ui/internal");function vt(e){switch(e){case"tomato":case"red":case"ruby":case"crimson":case"pink":case"plum":case"purple":case"violet":return"mauve";case"iris":case"indigo":case"blue":case"sky":case"cyan":return"slate";case"teal":case"jade":case"mint":case"green":return"sage";case"grass":case"lime":return"olive";case"yellow":case"amber":case"orange":case"brown":case"gold":case"bronze":return"sand";case"gray":return"gray"}}var we=y(require("react"));function w(e){let[t,o]=we.useState(e),[n,s]=we.useState(e);return Object.is(e,n)||(s(e),o(e)),[t,o]}var To=["inherit","light","dark"],Ro=["solid","translucent"],Co=["solid","translucent"],xo=["90%","95%","100%","105%","110%"],Dt=["sans","mono","serif"],m={...O,hasBackground:{type:"boolean",default:!0},appearance:{type:"enum",values:To,default:"inherit"},accentColor:{type:"enum",values:re,default:"blue"},grayColor:{type:"enum",values:Ae,default:"slate"},material:{type:"enum",values:Co,default:"translucent"},panelBackground:{type:"enum",values:Ro,default:"translucent"},radius:{type:"enum",values:he,default:"full"},scaling:{type:"enum",values:xo,default:"100%"},fontFamily:{type:"enum",values:Dt,default:"sans"},headingFontFamily:{type:"enum",values:Dt}};var h=()=>{},gs={appearance:m.appearance.default,accentColor:m.accentColor.default,grayColor:m.grayColor.default,resolvedGrayColor:m.grayColor.default,material:m.material.default,panelBackground:m.panelBackground.default,radius:m.radius.default,scaling:m.scaling.default,fontFamily:m.fontFamily.default,headingFontFamily:void 0,onAppearanceChange:h,onAccentColorChange:h,onGrayColorChange:h,onMaterialChange:h,onPanelBackgroundChange:h,onRadiusChange:h,onScalingChange:h,onFontFamilyChange:h,onHeadingFontFamilyChange:h},Ve=P.createContext(void 0);var Fe=P.forwardRef((e,t)=>P.useContext(Ve)===void 0?P.createElement(H.Tooltip.Provider,{delayDuration:200},P.createElement(H.Direction.Provider,{dir:"ltr"},P.createElement(Rt,{...e,ref:t}))):P.createElement(ke,{...e,ref:t}));Fe.displayName="Theme";var Rt=P.forwardRef((e,t)=>{let{appearance:o=m.appearance.default,accentColor:n=m.accentColor.default,grayColor:s=m.grayColor.default,material:i=m.material.default,panelBackground:r=m.panelBackground.default,radius:a=m.radius.default,scaling:l=m.scaling.default,fontFamily:p=m.fontFamily.default,headingFontFamily:u,hasBackground:f=m.hasBackground.default,...g}=e;ie(e.panelBackground);let[R,C]=w(o),[B,F]=w(n),[v,x]=w(s),D=i!==m.material.default?i:r,[d,k]=w(D),[I,Z]=w(d),[$,de]=w(a),[K,ye]=w(l),[Pe,Q]=w(p),[ge,ee]=w(u);return P.createElement(ke,{...g,ref:t,isRoot:!0,hasBackground:f,appearance:R,accentColor:B,grayColor:v,material:d,panelBackground:I,radius:$,scaling:K,fontFamily:Pe,headingFontFamily:ge,onAppearanceChange:C,onAccentColorChange:F,onGrayColorChange:x,onMaterialChange:k,onPanelBackgroundChange:Z,onRadiusChange:de,onScalingChange:ye,onFontFamilyChange:Q,onHeadingFontFamilyChange:ee})});Rt.displayName="ThemeRoot";function So(){if(typeof navigator>"u")return;let e=navigator.userAgent;if(e.includes("Win"))return"windows";if(e.includes("Mac"))return"macos";if(e.includes("Linux"))return"linux"}var ke=P.forwardRef((e,t)=>{let o=P.useContext(Ve),{asChild:n,isRoot:s,hasBackground:i,appearance:r=e.appearance??o?.appearance??m.appearance.default,accentColor:a=e.accentColor??o?.accentColor??m.accentColor.default,grayColor:l=e.grayColor??o?.resolvedGrayColor??m.grayColor.default,material:p=e.material??o?.material??m.material.default,panelBackground:u=e.panelBackground??o?.panelBackground??m.panelBackground.default,radius:f=e.radius??o?.radius??m.radius.default,scaling:g=e.scaling??o?.scaling??m.scaling.default,fontFamily:R=e.fontFamily??o?.fontFamily??m.fontFamily.default,headingFontFamily:C=e.headingFontFamily??o?.headingFontFamily,onAppearanceChange:B=h,onAccentColorChange:F=h,onGrayColorChange:v=h,onMaterialChange:x=h,onPanelBackgroundChange:D=h,onRadiusChange:d=h,onScalingChange:k=h,onFontFamilyChange:I=h,onHeadingFontFamilyChange:Z=h,...$}=e,de=n?H.Slot.Root:"div",K=l==="auto"?vt(a):l,ye=e.appearance==="light"||e.appearance==="dark",Pe=i===void 0?s||ye:i,Q=P.useRef(null),ge=(0,pe.useComposedRefs)(t,Q),ee="data-os"in $;return(0,pe.useLayoutEffect)(()=>{if(!s||ee)return;let be=Q.current;if(!be)return;let Ie=So();if(Ie)return be.setAttribute("data-os",Ie),()=>be.removeAttribute("data-os")},[s,ee]),P.createElement(Ve.Provider,{value:P.useMemo(()=>({appearance:r,accentColor:a,grayColor:l,resolvedGrayColor:K,material:p,panelBackground:u,radius:f,scaling:g,fontFamily:R,headingFontFamily:C,onAppearanceChange:B,onAccentColorChange:F,onGrayColorChange:v,onMaterialChange:x,onPanelBackgroundChange:D,onRadiusChange:d,onScalingChange:k,onFontFamilyChange:I,onHeadingFontFamilyChange:Z}),[r,a,l,K,p,u,f,g,R,C,B,F,v,x,D,d,k,I,Z])},P.createElement(de,{"data-is-root-theme":s?"true":"false","data-accent-color":a,"data-gray-color":K,"data-has-background":Pe?"true":"false","data-material":p,"data-panel-background":u,"data-radius":f,"data-scaling":g,"data-font-family":R,"data-heading-font-family":C,ref:ge,...$,className:(0,Tt.default)("radix-themes",{light:r==="light",dark:r==="dark"},$.className)}))});ke.displayName="ThemeImpl";var Ct={content:{type:"ReactNode",required:!0},width:M.width,minWidth:M.minWidth,maxWidth:{...M.maxWidth,default:"360px"}};var Y=V.forwardRef((e,t)=>{let{children:o,className:n,open:s,defaultOpen:i,onOpenChange:r,delayDuration:a,disableHoverableContent:l,content:p,container:u,forceMount:f,...g}=S(e,Ct),R={open:s,defaultOpen:i,onOpenChange:r,delayDuration:a,disableHoverableContent:l};return V.createElement(L.Tooltip.Root,{...R},V.createElement(L.Tooltip.Trigger,{asChild:!0},o),V.createElement(L.Tooltip.Portal,{container:u,forceMount:f},V.createElement(Fe,{asChild:!0},V.createElement(L.Tooltip.Content,{sideOffset:4,collisionPadding:10,...g,asChild:!1,ref:t,className:(0,xt.default)("rt-TooltipContent",n)},V.createElement(q,{as:"p",className:"rt-TooltipText",size:"1"},p),V.createElement(L.Tooltip.Arrow,{className:"rt-TooltipArrow"})))))});Y.displayName="Tooltip";var le=y(require("react"));function ue(e){let t=le.useId(),o=!!e,n=le.useMemo(()=>o?{"aria-describedby":t}:{},[o,t]);return{tooltipId:t,hasTooltip:o,accessibilityProps:n}}var Oe=j.forwardRef(({className:e,style:t,tooltip:o,tooltipSide:n="top",tooltipAlign:s="center",tooltipDelayDuration:i,tooltipDisableHoverableContent:r,overrideStyles:a,...l},p)=>{let{tooltipId:u,hasTooltip:f,accessibilityProps:g}=ue(o),R=j.useMemo(()=>{if(!a)return;let F={},v=(D,d)=>{d!==void 0&&(F[D]=d)},x=(D,d)=>{d&&(v(`--button-override-${D}color`,d.color),v(`--button-override-${D}background`,d.background),v(`--button-override-${D}background-color`,d.backgroundColor),v(`--button-override-${D}box-shadow`,d.boxShadow),v(`--button-override-${D}filter`,d.filter),v(`--button-override-${D}outline`,d.outline),v(`--button-override-${D}outline-offset`,d.outlineOffset),v(`--button-override-${D}opacity`,d.opacity))};return x("",a.normal),x("hover-",a.hover),x("active-",a.active),x("pressed-",a.pressed),x("open-",a.open),x("disabled-",a.disabled),a.focus&&(v("--button-override-focus-outline",a.focus.outline),v("--button-override-focus-outline-offset",a.focus.outlineOffset)),F},[a]),C=j.useMemo(()=>R?{...R,...t}:t,[R,t]),B=j.createElement(U,{...l,...g,ref:p,className:(0,St.default)("rt-Button",e),style:C});return f?j.createElement(Y,{content:o,side:n,align:s,delayDuration:i,disableHoverableContent:r,id:u},B):B});Oe.displayName="Button";var X=y(require("react")),Bt=y(require("classnames"));var je=X.forwardRef(({className:e,tooltip:t,tooltipSide:o="top",tooltipAlign:n="center",tooltipDelayDuration:s,tooltipDisableHoverableContent:i,...r},a)=>{let{tooltipId:l,hasTooltip:p,accessibilityProps:u}=ue(t),f="aria-label"in r&&r["aria-label"],g="aria-labelledby"in r&&r["aria-labelledby"],R="children"in r&&r.children;!f&&!g&&!R&&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`);let C=X.createElement(U,{...r,...u,ref:a,className:(0,Bt.default)("rt-IconButton",e)});return p?X.createElement(Y,{content:t,side:o,align:n,delayDuration:s,disableHoverableContent:i,id:l},C):C});je.displayName="IconButton";var Nt=c.createContext(null),wt=c.createContext(null);function ce(e){let t=c.useContext(Nt);if(!t)throw new Error(`${e} must be rendered inside a Toolbar.`);return t}var me=c.forwardRef((e,t)=>{let o=e.size??oe.size.default,n=e.orientation??oe.orientation.default,{className:s,orientation:i,children:r,...a}=S(e,oe,N),l=c.useMemo(()=>({size:o,orientation:n}),[o,n]);return c.createElement(fe.Toolbar.Root,{...a,ref:t,orientation:n,className:(0,J.default)("rt-Toolbar",s)},c.createElement(Nt.Provider,{value:l},r))});me.displayName="Toolbar";var Ee=c.forwardRef(({className:e,disabled:t=!1,children:o,...n},s)=>{let{orientation:i}=ce("ToolbarGroup"),r=c.useMemo(()=>({disabled:t}),[t]);return c.createElement("div",{role:"group","data-orientation":i,"data-disabled":t||void 0,...n,ref:s,className:(0,J.default)("rt-ToolbarGroup",e)},c.createElement(wt.Provider,{value:r},o))});Ee.displayName="Toolbar.Group";function Bo(e){return e===!0||e==="true"}var Ge=c.forwardRef((e,t)=>{let o=ce("ToolbarButton"),n=c.useContext(wt),{iconOnly:s,size:i,variant:r,color:a,disabled:l,...p}=e,u=Bo(e["aria-pressed"]),f="data-state"in e||e["aria-pressed"]===void 0?{}:{"data-state":u?"on":"off"},g={size:i??o.size,variant:r??(n?"ghost":"soft"),color:a??(r?void 0:"gray"),...f};return c.createElement(fe.Toolbar.Button,{asChild:!0,ref:t,disabled:l||n?.disabled||void 0},s?c.createElement(je,{...p,...g}):c.createElement(Oe,{...p,...g}))});Ge.displayName="Toolbar.Button";var We=c.forwardRef(({className:e,...t},o)=>(ce("ToolbarSeparator"),c.createElement(fe.Toolbar.Separator,{...t,ref:o,className:(0,J.default)("rt-ToolbarSeparator",e)})));We.displayName="Toolbar.Separator";var No={1:"2",2:"3",3:"4",4:"5"},ze=c.forwardRef(({className:e,children:t,style:o,id:n},s)=>{let{size:i}=ce("ToolbarTitle");return t==null||t===!1?null:c.createElement(q,{ref:s,as:"span",size:No[i],weight:"medium",truncate:!0,id:n,style:o,className:(0,J.default)("rt-ToolbarTitle",e)},t)});ze.displayName="Toolbar.Title";var wo=Object.assign(me,{Root:me,Group:Ee,Button:Ge,Separator:We,Title:ze});
|
|
2
5
|
//# sourceMappingURL=toolbar.js.map
|