@aortl/admin-react 0.7.0 → 0.8.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/dist/Button.d.ts +9 -1
- package/dist/Button.d.ts.map +1 -1
- package/dist/Dialog.d.ts.map +1 -1
- package/dist/Indicator.d.ts +32 -0
- package/dist/Indicator.d.ts.map +1 -0
- package/dist/Kbd.d.ts +25 -0
- package/dist/Kbd.d.ts.map +1 -0
- package/dist/Menu.d.ts +10 -2
- package/dist/Menu.d.ts.map +1 -1
- package/dist/PropertyList.d.ts +3 -4
- package/dist/PropertyList.d.ts.map +1 -1
- package/dist/Select.d.ts.map +1 -1
- package/dist/Tooltip.d.ts.map +1 -1
- package/dist/admin.scoped.css +213 -42
- package/dist/hotkey-parse.d.ts +34 -0
- package/dist/hotkey-parse.d.ts.map +1 -0
- package/dist/hotkey-registry.d.ts +25 -0
- package/dist/hotkey-registry.d.ts.map +1 -0
- package/dist/icon.d.ts +6 -4
- package/dist/icon.d.ts.map +1 -1
- package/dist/index.cjs +357 -34
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +3 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.mjs +355 -35
- package/dist/index.mjs.map +1 -1
- package/dist/portal-context.d.ts +10 -0
- package/dist/portal-context.d.ts.map +1 -0
- package/dist/useHotkey.d.ts +34 -0
- package/dist/useHotkey.d.ts.map +1 -0
- package/package.json +2 -2
package/dist/Button.d.ts
CHANGED
|
@@ -14,6 +14,14 @@ export interface ButtonProps extends ComponentProps<typeof BaseButton> {
|
|
|
14
14
|
icon?: IconProp;
|
|
15
15
|
/** Trailing icon. Pass a component (`iconTrailing={IconArrowRight}`) or an element. */
|
|
16
16
|
iconTrailing?: IconProp;
|
|
17
|
+
/**
|
|
18
|
+
* Keyboard shortcut bound to this button. Pressing the chord invokes the
|
|
19
|
+
* button's `onClick` handler — not a real DOM click, so `type="submit"`
|
|
20
|
+
* form submission and other native side effects only happen if `onClick`
|
|
21
|
+
* triggers them itself. Same syntax as `useHotkey`. Pass an array for
|
|
22
|
+
* alternatives — only the first is rendered as a visual chip.
|
|
23
|
+
*/
|
|
24
|
+
hotkey?: string | readonly string[];
|
|
17
25
|
}
|
|
18
|
-
export declare function Button({ variant, size, fullWidth, loading, icon, iconTrailing, className, type, disabled, children, ...rest }: ButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
26
|
+
export declare function Button({ variant, size, fullWidth, loading, icon, iconTrailing, hotkey, className, type, disabled, children, onClick, ...rest }: ButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
19
27
|
//# sourceMappingURL=Button.d.ts.map
|
package/dist/Button.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../src/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../src/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAInD,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,QAAQ,CAAC;AACzE,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,OAAO,UAAU,CAAC;IACpE,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;uEACmE;IACnE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wEAAwE;IACxE,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,uFAAuF;IACvF,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,MAAM,EAAE,CAAC;CACrC;AAED,wBAAgB,MAAM,CAAC,EACrB,OAAmB,EACnB,IAAW,EACX,SAAS,EACT,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,MAAM,EACN,SAAS,EACT,IAAe,EACf,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,GAAG,IAAI,EACR,EAAE,WAAW,2CAoCb"}
|
package/dist/Dialog.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../src/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../src/Dialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { BadgeSize, BadgeVariant } from './Badge';
|
|
3
|
+
import { IconProp } from './icon';
|
|
4
|
+
export type IndicatorVertical = "top" | "middle" | "bottom";
|
|
5
|
+
export type IndicatorHorizontal = "start" | "center" | "end";
|
|
6
|
+
export type IndicatorPlacement = `${IndicatorVertical}-${IndicatorHorizontal}`;
|
|
7
|
+
export interface IndicatorProps {
|
|
8
|
+
/** Badge content (count, "!", text). Omit for a label-less status dot. */
|
|
9
|
+
label?: ReactNode;
|
|
10
|
+
/** Variant for both the badge and the dot. Defaults to `"neutral"`. */
|
|
11
|
+
variant?: BadgeVariant;
|
|
12
|
+
/** Badge size. Ignored when rendering a dot. Defaults to `"sm"`. */
|
|
13
|
+
size?: BadgeSize;
|
|
14
|
+
/** Leading icon for the badge. Implies the badge form (no dot fallback). */
|
|
15
|
+
icon?: IconProp;
|
|
16
|
+
/** Where the indicator sits relative to children. Default `"top-end"`. */
|
|
17
|
+
placement?: IndicatorPlacement;
|
|
18
|
+
/**
|
|
19
|
+
* Pulls the indicator toward the anchor's center along the placement direction.
|
|
20
|
+
* Useful for rounded anchors so the indicator aligns with the visual corner —
|
|
21
|
+
* e.g. `offset={4}` for a `rounded-md` button. Pixels.
|
|
22
|
+
*/
|
|
23
|
+
offset?: number;
|
|
24
|
+
/** className on the outer `.indicator` wrapper. */
|
|
25
|
+
className?: string;
|
|
26
|
+
/** Accessible label for the indicator — required when rendering a dot. */
|
|
27
|
+
"aria-label"?: string;
|
|
28
|
+
/** The anchor element the indicator floats on. */
|
|
29
|
+
children?: ReactNode;
|
|
30
|
+
}
|
|
31
|
+
export declare function Indicator({ label, variant, size, icon, placement, offset, className, "aria-label": ariaLabel, children, }: IndicatorProps): import("react/jsx-runtime").JSX.Element;
|
|
32
|
+
//# sourceMappingURL=Indicator.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Indicator.d.ts","sourceRoot":"","sources":["../src/Indicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAS,KAAK,SAAS,EAAE,KAAK,YAAY,EAAE,MAAM,SAAS,CAAC;AAEnE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAEvC,MAAM,MAAM,iBAAiB,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAC5D,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAC7D,MAAM,MAAM,kBAAkB,GAAG,GAAG,iBAAiB,IAAI,mBAAmB,EAAE,CAAC;AAE/E,MAAM,WAAW,cAAc;IAC7B,0EAA0E;IAC1E,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,uEAAuE;IACvE,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,oEAAoE;IACpE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,4EAA4E;IAC5E,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,0EAA0E;IAC1E,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0EAA0E;IAC1E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,OAAmB,EACnB,IAAW,EACX,IAAI,EACJ,SAAqB,EACrB,MAAM,EACN,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,QAAQ,GACT,EAAE,cAAc,2CAuChB"}
|
package/dist/Kbd.d.ts
ADDED
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { ComponentProps } from 'react';
|
|
2
|
+
export interface KbdProps extends Omit<ComponentProps<"span">, "children"> {
|
|
3
|
+
/**
|
|
4
|
+
* Hotkey chord(s) to render as styled `<kbd>` chips. Same syntax as the
|
|
5
|
+
* `hotkey` prop / `useHotkey` (e.g. `"mod+s"`, `"shift+?"`, `"escape"`).
|
|
6
|
+
* When multiple alternatives are passed, only the first is rendered —
|
|
7
|
+
* matches platform menu convention of showing the primary binding.
|
|
8
|
+
*/
|
|
9
|
+
keys?: string | readonly string[];
|
|
10
|
+
/** Literal text rendered as a single chip — for inline use in tooltips/prose. */
|
|
11
|
+
children?: string;
|
|
12
|
+
}
|
|
13
|
+
/**
|
|
14
|
+
* Visual representation of a keyboard shortcut. Two shapes:
|
|
15
|
+
*
|
|
16
|
+
* ```tsx
|
|
17
|
+
* <Kbd keys="mod+s" /> // parsed: <Ctrl><S> in a .kbd-group
|
|
18
|
+
* <Kbd>Esc</Kbd> // literal: single <kbd>Esc</kbd>
|
|
19
|
+
* ```
|
|
20
|
+
*
|
|
21
|
+
* Render outside of action surfaces (tooltips, help dialogs) or inside them
|
|
22
|
+
* via the `hotkey` prop on `<Button>` / `<Menu.Item>`.
|
|
23
|
+
*/
|
|
24
|
+
export declare function Kbd({ keys, children, className, ...rest }: KbdProps): import("react/jsx-runtime").JSX.Element | null;
|
|
25
|
+
//# sourceMappingURL=Kbd.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Kbd.d.ts","sourceRoot":"","sources":["../src/Kbd.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,MAAM,WAAW,QAAS,SAAQ,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC;IACxE;;;;;OAKG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,MAAM,EAAE,CAAC;IAClC,iFAAiF;IACjF,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,GAAG,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,QAAQ,kDAsBnE"}
|
package/dist/Menu.d.ts
CHANGED
|
@@ -7,11 +7,19 @@ export type MenuTriggerProps = ComponentProps<"summary">;
|
|
|
7
7
|
declare function MenuTrigger({ className, ...rest }: MenuTriggerProps): import("react/jsx-runtime").JSX.Element;
|
|
8
8
|
export type MenuPopupProps = ComponentProps<"div">;
|
|
9
9
|
declare function MenuPopup({ className, role, ...rest }: MenuPopupProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
-
|
|
10
|
+
interface MenuItemHotkeyProp {
|
|
11
|
+
/**
|
|
12
|
+
* Keyboard shortcut bound to this item. Pressing the chord synthesizes a
|
|
13
|
+
* click on this item. Right-pinned visually inside the menu row. Same
|
|
14
|
+
* syntax as `useHotkey`.
|
|
15
|
+
*/
|
|
16
|
+
hotkey?: string | readonly string[];
|
|
17
|
+
}
|
|
18
|
+
type MenuItemAsButton = ComponentProps<"button"> & MenuItemHotkeyProp & {
|
|
11
19
|
href?: undefined;
|
|
12
20
|
icon?: IconProp;
|
|
13
21
|
};
|
|
14
|
-
type MenuItemAsLink = ComponentProps<"a"> & {
|
|
22
|
+
type MenuItemAsLink = ComponentProps<"a"> & MenuItemHotkeyProp & {
|
|
15
23
|
href: string;
|
|
16
24
|
icon?: IconProp;
|
|
17
25
|
};
|
package/dist/Menu.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../src/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../src/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,cAAc,EAAY,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAInD,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,SAAS,CAAC;CAAG;AAE/D,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,SAAS,2CAElD;AAED,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,SAAS,CAAC,CAAC;AAEzD,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,gBAAgB,2CAE5D;AAED,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAEnD,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,IAAa,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,2CAEvE;AAED,UAAU,kBAAkB;IAC1B;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,MAAM,EAAE,CAAC;CACrC;AAED,KAAK,gBAAgB,GAAG,cAAc,CAAC,QAAQ,CAAC,GAC9C,kBAAkB,GAAG;IAAE,IAAI,CAAC,EAAE,SAAS,CAAC;IAAC,IAAI,CAAC,EAAE,QAAQ,CAAA;CAAE,CAAC;AAC7D,KAAK,cAAc,GAAG,cAAc,CAAC,GAAG,CAAC,GAAG,kBAAkB,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,QAAQ,CAAA;CAAE,CAAC;AAEnG,MAAM,MAAM,aAAa,GAAG,gBAAgB,GAAG,cAAc,CAAC;AAE9D,iBAAS,QAAQ,CAAC,KAAK,EAAE,aAAa,2CA+CrC;AAED,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;AAEtD,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,kBAAkB,2CAEhE;AAED,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAEnD,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,IAAc,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,2CAExE;AAED,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAExD,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,mBAAmB,2CAElE;AAED,eAAO,MAAM,IAAI;;;;;;;CAOf,CAAC"}
|
package/dist/PropertyList.d.ts
CHANGED
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import { ComponentProps, ReactNode } from 'react';
|
|
2
2
|
export interface PropertyListProps extends Omit<ComponentProps<"section">, "title"> {
|
|
3
3
|
striped?: boolean;
|
|
4
|
-
/**
|
|
5
|
-
|
|
6
|
-
copyable?: boolean;
|
|
4
|
+
/** Tightens row height and padding for very dense panels. */
|
|
5
|
+
compact?: boolean;
|
|
7
6
|
/** Collapses the whole section when every item rendered the auto em-dash
|
|
8
7
|
* fallback for an empty value. */
|
|
9
8
|
hideIfAllEmpty?: boolean;
|
|
@@ -11,7 +10,7 @@ export interface PropertyListProps extends Omit<ComponentProps<"section">, "titl
|
|
|
11
10
|
* above the items grid. */
|
|
12
11
|
title?: ReactNode;
|
|
13
12
|
}
|
|
14
|
-
declare function PropertyListRoot({ striped,
|
|
13
|
+
declare function PropertyListRoot({ striped, compact, hideIfAllEmpty, title, className, children, ...rest }: PropertyListProps): import("react/jsx-runtime").JSX.Element;
|
|
15
14
|
export interface PropertyListItemProps extends Omit<ComponentProps<"dd">, "title" | "label"> {
|
|
16
15
|
label?: ReactNode;
|
|
17
16
|
value?: ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PropertyList.d.ts","sourceRoot":"","sources":["../src/PropertyList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AA+C9E,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IACjF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;
|
|
1
|
+
{"version":3,"file":"PropertyList.d.ts","sourceRoot":"","sources":["../src/PropertyList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AA+C9E,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IACjF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6DAA6D;IAC7D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;uCACmC;IACnC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;gCAC4B;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,iBAAS,gBAAgB,CAAC,EACxB,OAAO,EACP,OAAO,EACP,cAAc,EACd,KAAK,EACL,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,iBAAiB,2CAoBnB;AAED,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAC1F,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,0FAA0F;IAC1F,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kFAAkF;IAClF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kEAAkE;IAClE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAWD,iBAAS,gBAAgB,CAAC,EACxB,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,qBAAqB,2CAmBvB;AAED,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;AAC1D,iBAAS,iBAAiB,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,sBAAsB,2CAExE;AAED,MAAM,WAAW,sBAAuB,SAAQ,cAAc,CAAC,IAAI,CAAC;IAClE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;4EACwE;IACxE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,kEAAkE;IAClE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,iBAAiB,CAAC,EACzB,OAAO,EACP,QAAQ,EACR,KAAK,EACL,SAAS,EACT,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,sBAAsB,2CA2CxB;AAED,eAAO,MAAM,YAAY;;;;CAIvB,CAAC"}
|
package/dist/Select.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../src/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../src/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAIxD,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,IAAI,CAAC,CAAC;AAEjE,iBAAS,UAAU,CAAC,KAAK,EAAE,WAAW,2CAErC;AAED,MAAM,MAAM,oBAAoB,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;AACnE,MAAM,MAAM,iBAAiB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEnD,KAAK,sBAAsB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC,CAAC;AAEtF,MAAM,WAAW,kBAAmB,SAAQ,sBAAsB;IAChE,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,WAAW,CAAC,EAAE,iBAAiB,CAAC;CACjC;AAED,iBAAS,aAAa,CAAC,EACrB,OAAoB,EACpB,WAAkB,EAClB,SAAS,EACT,GAAG,IAAI,EACR,EAAE,kBAAkB,2CAUpB;AAED,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,KAAK,CAAC,CAAC;AAEvE,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAE3C;AAED,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,IAAI,CAAC,CAAC;AAErE,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,eAAe,2CAMpE;AAED,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,OAAO,UAAU,CAAC,KAAK,CAAC;IAC/E,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,UAAc,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,gBAAgB,2CAmBtF;AAED,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,IAAI,CAAC,CAAC;AAErE,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,eAAe,2CAE1D;AAED,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,QAAQ,CAAC,CAAC;AAE7E,iBAAS,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CAEjD;AAED,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,aAAa,CAAC,CAAC;AAEvF,iBAAS,mBAAmB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,wBAAwB,2CAMtF;AAED,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,KAAK,CAAC,CAAC;AAEvE,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAE3C;AAED,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,UAAU,CAAC,CAAC;AAEjF,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,qBAAqB,2CAEtE;AAsCD,eAAO,MAAM,MAAM;;;;;;;;;;CAUjB,CAAC"}
|
package/dist/Tooltip.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../src/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../src/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAc,KAAK,cAAc,EAAE,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI3F,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,QAAQ,CAAC,CAAC;AAE/E,iBAAS,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CAEnD;AAED,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,IAAI,CAAC,CAAC;AAEvE,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAE3C;AAED,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,OAAO,CAAC,CAAC;AAE7E,iBAAS,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CAEjD;AAED,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,CAAC;AAEtC,KAAK,sBAAsB,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,UAAU,CAAC,CAAC;AAE5E,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,OAAO,WAAW,CAAC,KAAK,CAAC;IACjF,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,IAAI,CAAC,EAAE,sBAAsB,CAAC,MAAM,CAAC,CAAC;IACtC,KAAK,CAAC,EAAE,sBAAsB,CAAC,OAAO,CAAC,CAAC;IACxC,UAAU,CAAC,EAAE,sBAAsB,CAAC,YAAY,CAAC,CAAC;CACnD;AAED,iBAAS,YAAY,CAAC,EACpB,IAAW,EACX,IAAY,EACZ,KAAgB,EAChB,UAAc,EACd,IAAgB,EAChB,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,iBAAiB,2CAenB;AAED,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC;IACtE,0CAA0C;IAC1C,OAAO,EAAE,SAAS,CAAC;IACnB,IAAI,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;IACjC,KAAK,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC;IACnC,UAAU,CAAC,EAAE,iBAAiB,CAAC,YAAY,CAAC,CAAC;IAC7C,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,2GAA2G;IAC3G,QAAQ,EAAE,YAAY,CAAC;CACxB;AAED,iBAAS,gBAAgB,CAAC,EACxB,OAAO,EACP,IAAI,EACJ,KAAK,EACL,UAAU,EACV,IAAI,EACJ,QAAQ,EACR,GAAG,SAAS,EACb,EAAE,YAAY,2CASd;AAED,eAAO,MAAM,OAAO;;;;;CAKlB,CAAC"}
|
package/dist/admin.scoped.css
CHANGED
|
@@ -290,21 +290,21 @@
|
|
|
290
290
|
--default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
291
291
|
--default-font-family: var(--font-sans);
|
|
292
292
|
--default-mono-font-family: var(--font-mono);
|
|
293
|
-
--color-paper: #
|
|
294
|
-
--color-black: #
|
|
295
|
-
--color-base-50: #
|
|
296
|
-
--color-base-100: #
|
|
297
|
-
--color-base-150: #
|
|
298
|
-
--color-base-200: #
|
|
299
|
-
--color-base-300: #
|
|
300
|
-
--color-base-400: #
|
|
301
|
-
--color-base-500: #
|
|
302
|
-
--color-base-600: #
|
|
303
|
-
--color-base-700: #
|
|
304
|
-
--color-base-800: #
|
|
305
|
-
--color-base-850: #
|
|
306
|
-
--color-base-900: #
|
|
307
|
-
--color-base-950: #
|
|
293
|
+
--color-paper: #ffffff;
|
|
294
|
+
--color-black: #0f0f0f;
|
|
295
|
+
--color-base-50: #fafafa;
|
|
296
|
+
--color-base-100: #f4f4f4;
|
|
297
|
+
--color-base-150: #e7e7e7;
|
|
298
|
+
--color-base-200: #d4d4d4;
|
|
299
|
+
--color-base-300: #b3b3b3;
|
|
300
|
+
--color-base-400: #9b9b9b;
|
|
301
|
+
--color-base-500: #848484;
|
|
302
|
+
--color-base-600: #6c6c6c;
|
|
303
|
+
--color-base-700: #555555;
|
|
304
|
+
--color-base-800: #3e3e3e;
|
|
305
|
+
--color-base-850: #333333;
|
|
306
|
+
--color-base-900: #272727;
|
|
307
|
+
--color-base-950: #1b1b1b;
|
|
308
308
|
--color-red-50: #ffe1d5;
|
|
309
309
|
--color-red-100: #ffcabb;
|
|
310
310
|
--color-red-150: #fdb2a2;
|
|
@@ -921,6 +921,132 @@
|
|
|
921
921
|
-webkit-user-select: none;
|
|
922
922
|
user-select: none;
|
|
923
923
|
}
|
|
924
|
+
:scope._ao-kbd, :scope ._ao-kbd {
|
|
925
|
+
display: inline-flex;
|
|
926
|
+
height: 1.4em;
|
|
927
|
+
min-width: 1.25em;
|
|
928
|
+
align-items: center;
|
|
929
|
+
justify-content: center;
|
|
930
|
+
border-radius: 0.25rem;
|
|
931
|
+
border-style: var(--tw-border-style);
|
|
932
|
+
border-width: 1px;
|
|
933
|
+
border-color: var(--color-border);
|
|
934
|
+
background-color: var(--color-surface-strong);
|
|
935
|
+
padding-inline: 0.35em;
|
|
936
|
+
vertical-align: middle;
|
|
937
|
+
font-family: var(--font-mono);
|
|
938
|
+
font-size: 0.75em;
|
|
939
|
+
--tw-leading: 1;
|
|
940
|
+
line-height: 1;
|
|
941
|
+
white-space: nowrap;
|
|
942
|
+
color: var(--color-text-muted);
|
|
943
|
+
font-variant-numeric: tabular-nums;
|
|
944
|
+
}
|
|
945
|
+
:scope._ao-kbd-group, :scope ._ao-kbd-group {
|
|
946
|
+
display: inline-flex;
|
|
947
|
+
align-items: center;
|
|
948
|
+
gap: calc(var(--spacing) * 1);
|
|
949
|
+
vertical-align: middle;
|
|
950
|
+
}
|
|
951
|
+
:scope._ao-btn ._ao-kbd, :scope ._ao-btn ._ao-kbd, :scope._ao-menu-item ._ao-kbd, :scope ._ao-menu-item ._ao-kbd {
|
|
952
|
+
color: currentColor;
|
|
953
|
+
background-color: currentColor;
|
|
954
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
955
|
+
background-color: color-mix(in srgb, currentColor 12%, transparent);
|
|
956
|
+
}
|
|
957
|
+
border-color: currentColor;
|
|
958
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
959
|
+
border-color: color-mix(in srgb, currentColor 22%, transparent);
|
|
960
|
+
}
|
|
961
|
+
}
|
|
962
|
+
:scope._ao-btn > ._ao-kbd-group, :scope ._ao-btn > ._ao-kbd-group {
|
|
963
|
+
opacity: 0.85;
|
|
964
|
+
}
|
|
965
|
+
:scope._ao-menu-item > ._ao-kbd-group, :scope ._ao-menu-item > ._ao-kbd-group {
|
|
966
|
+
margin-inline-start: auto;
|
|
967
|
+
}
|
|
968
|
+
:scope._ao-btn-group-vertical > ._ao-btn > ._ao-kbd-group, :scope ._ao-btn-group-vertical > ._ao-btn > ._ao-kbd-group {
|
|
969
|
+
margin-inline-start: auto;
|
|
970
|
+
}
|
|
971
|
+
:scope._ao-indicator, :scope ._ao-indicator {
|
|
972
|
+
position: relative;
|
|
973
|
+
display: inline-flex;
|
|
974
|
+
width: max-content;
|
|
975
|
+
}
|
|
976
|
+
:scope._ao-indicator:has(> ._ao-btn), :scope ._ao-indicator:has(> ._ao-btn), :scope._ao-indicator:has(> ._ao-input), :scope ._ao-indicator:has(> ._ao-input) {
|
|
977
|
+
--indicator-offset: 2px;
|
|
978
|
+
}
|
|
979
|
+
:scope._ao-indicator:has(> ._ao-card), :scope ._ao-indicator:has(> ._ao-card) {
|
|
980
|
+
--indicator-offset: 6px;
|
|
981
|
+
}
|
|
982
|
+
:scope._ao-indicator-item, :scope ._ao-indicator-item {
|
|
983
|
+
position: absolute;
|
|
984
|
+
z-index: 1;
|
|
985
|
+
white-space: nowrap;
|
|
986
|
+
top: var(--indicator-top, 0);
|
|
987
|
+
bottom: var(--indicator-bottom, auto);
|
|
988
|
+
inset-inline-start: var(--indicator-start, auto);
|
|
989
|
+
inset-inline-end: var(--indicator-end, 0);
|
|
990
|
+
transform: translate(var(--indicator-tx, 50%), var(--indicator-ty, -50%)) translate( var(--indicator-offset-x, calc(-1 * var(--indicator-offset, 0px))), var(--indicator-offset-y, var(--indicator-offset, 0px)) );
|
|
991
|
+
}
|
|
992
|
+
:scope._ao-indicator-start, :scope ._ao-indicator-start {
|
|
993
|
+
--indicator-start: 0;
|
|
994
|
+
--indicator-end: auto;
|
|
995
|
+
--indicator-tx: -50%;
|
|
996
|
+
--indicator-offset-x: var(--indicator-offset, 0px);
|
|
997
|
+
}
|
|
998
|
+
:scope._ao-indicator-center, :scope ._ao-indicator-center {
|
|
999
|
+
--indicator-start: 50%;
|
|
1000
|
+
--indicator-end: auto;
|
|
1001
|
+
--indicator-tx: -50%;
|
|
1002
|
+
--indicator-offset-x: 0px;
|
|
1003
|
+
}
|
|
1004
|
+
:scope._ao-indicator-end, :scope ._ao-indicator-end {
|
|
1005
|
+
--indicator-start: auto;
|
|
1006
|
+
--indicator-end: 0;
|
|
1007
|
+
--indicator-tx: 50%;
|
|
1008
|
+
--indicator-offset-x: calc(-1 * var(--indicator-offset, 0px));
|
|
1009
|
+
}
|
|
1010
|
+
:scope._ao-indicator-top, :scope ._ao-indicator-top {
|
|
1011
|
+
--indicator-top: 0;
|
|
1012
|
+
--indicator-bottom: auto;
|
|
1013
|
+
--indicator-ty: -50%;
|
|
1014
|
+
--indicator-offset-y: var(--indicator-offset, 0px);
|
|
1015
|
+
}
|
|
1016
|
+
:scope._ao-indicator-middle, :scope ._ao-indicator-middle {
|
|
1017
|
+
--indicator-top: 50%;
|
|
1018
|
+
--indicator-bottom: auto;
|
|
1019
|
+
--indicator-ty: -50%;
|
|
1020
|
+
--indicator-offset-y: 0px;
|
|
1021
|
+
}
|
|
1022
|
+
:scope._ao-indicator-bottom, :scope ._ao-indicator-bottom {
|
|
1023
|
+
--indicator-top: auto;
|
|
1024
|
+
--indicator-bottom: 0;
|
|
1025
|
+
--indicator-ty: 50%;
|
|
1026
|
+
--indicator-offset-y: calc(-1 * var(--indicator-offset, 0px));
|
|
1027
|
+
}
|
|
1028
|
+
:scope._ao-indicator-dot, :scope ._ao-indicator-dot {
|
|
1029
|
+
display: inline-block;
|
|
1030
|
+
height: calc(var(--spacing) * 2);
|
|
1031
|
+
width: calc(var(--spacing) * 2);
|
|
1032
|
+
border-radius: calc(infinity * 1px);
|
|
1033
|
+
background-color: var(--color-text-muted);
|
|
1034
|
+
}
|
|
1035
|
+
:scope._ao-indicator-dot-info, :scope ._ao-indicator-dot-info {
|
|
1036
|
+
background-color: var(--color-info);
|
|
1037
|
+
}
|
|
1038
|
+
:scope._ao-indicator-dot-success, :scope ._ao-indicator-dot-success {
|
|
1039
|
+
background-color: var(--color-success);
|
|
1040
|
+
}
|
|
1041
|
+
:scope._ao-indicator-dot-warning, :scope ._ao-indicator-dot-warning {
|
|
1042
|
+
background-color: var(--color-warning);
|
|
1043
|
+
}
|
|
1044
|
+
:scope._ao-indicator-dot-danger, :scope ._ao-indicator-dot-danger {
|
|
1045
|
+
background-color: var(--color-danger);
|
|
1046
|
+
}
|
|
1047
|
+
:scope._ao-indicator-dot-primary, :scope ._ao-indicator-dot-primary {
|
|
1048
|
+
background-color: var(--color-primary);
|
|
1049
|
+
}
|
|
924
1050
|
:scope._ao-spinner, :scope ._ao-spinner {
|
|
925
1051
|
display: inline-block;
|
|
926
1052
|
width: 1rem;
|
|
@@ -1198,6 +1324,10 @@
|
|
|
1198
1324
|
gap: 0.5rem;
|
|
1199
1325
|
min-width: 0;
|
|
1200
1326
|
}
|
|
1327
|
+
:scope._ao-property-list-compact ._ao-property-list-label, :scope ._ao-property-list-compact ._ao-property-list-label, :scope._ao-property-list-compact ._ao-property-list-value, :scope ._ao-property-list-compact ._ao-property-list-value {
|
|
1328
|
+
padding: 0.125rem 0.5rem;
|
|
1329
|
+
min-height: 1.5rem;
|
|
1330
|
+
}
|
|
1201
1331
|
:scope._ao-property-list-value-numeric, :scope ._ao-property-list-value-numeric {
|
|
1202
1332
|
justify-content: flex-end;
|
|
1203
1333
|
--tw-numeric-spacing: tabular-nums;
|
|
@@ -1240,12 +1370,12 @@
|
|
|
1240
1370
|
padding: 0.125rem;
|
|
1241
1371
|
transition: opacity 100ms ease, color 100ms ease;
|
|
1242
1372
|
}
|
|
1243
|
-
:scope._ao-property-list-
|
|
1373
|
+
:scope._ao-property-list-value-copyable ._ao-property-list-copy, :scope ._ao-property-list-value-copyable ._ao-property-list-copy {
|
|
1244
1374
|
display: inline-flex;
|
|
1245
1375
|
opacity: 0;
|
|
1246
1376
|
pointer-events: none;
|
|
1247
1377
|
}
|
|
1248
|
-
:scope._ao-property-list-
|
|
1378
|
+
:scope._ao-property-list-label:has(+ ._ao-property-list-value-copyable):hover + ._ao-property-list-value ._ao-property-list-copy, :scope ._ao-property-list-label:has(+ ._ao-property-list-value-copyable):hover + ._ao-property-list-value ._ao-property-list-copy, :scope._ao-property-list-value-copyable:hover ._ao-property-list-copy, :scope ._ao-property-list-value-copyable:hover ._ao-property-list-copy, :scope._ao-property-list-copy:focus-visible, :scope ._ao-property-list-copy:focus-visible, :scope._ao-property-list-copy[data-copied], :scope ._ao-property-list-copy[data-copied] {
|
|
1249
1379
|
opacity: 1;
|
|
1250
1380
|
pointer-events: auto;
|
|
1251
1381
|
}
|
|
@@ -1406,17 +1536,6 @@
|
|
|
1406
1536
|
z-index: 10;
|
|
1407
1537
|
}
|
|
1408
1538
|
}
|
|
1409
|
-
:scope._ao-btn-group > ._ao-btn:not(:first-child), :scope ._ao-btn-group > ._ao-btn:not(:first-child) {
|
|
1410
|
-
margin-left: -1px;
|
|
1411
|
-
}
|
|
1412
|
-
:scope._ao-btn-group > ._ao-btn:first-child, :scope ._ao-btn-group > ._ao-btn:first-child {
|
|
1413
|
-
border-top-left-radius: var(--radius-lg);
|
|
1414
|
-
border-bottom-left-radius: var(--radius-lg);
|
|
1415
|
-
}
|
|
1416
|
-
:scope._ao-btn-group > ._ao-btn:last-child, :scope ._ao-btn-group > ._ao-btn:last-child {
|
|
1417
|
-
border-top-right-radius: var(--radius-lg);
|
|
1418
|
-
border-bottom-right-radius: var(--radius-lg);
|
|
1419
|
-
}
|
|
1420
1539
|
:scope._ao-btn-group > ._ao-menu, :scope ._ao-btn-group > ._ao-menu {
|
|
1421
1540
|
position: relative;
|
|
1422
1541
|
&:focus-visible {
|
|
@@ -1424,21 +1543,21 @@
|
|
|
1424
1543
|
}
|
|
1425
1544
|
display: inline-flex;
|
|
1426
1545
|
}
|
|
1427
|
-
:scope._ao-btn-group > ._ao-menu:not(:first-child), :scope ._ao-btn-group > ._ao-menu:not(:first-child) {
|
|
1428
|
-
margin-left: -1px;
|
|
1429
|
-
}
|
|
1430
1546
|
:scope._ao-btn-group > ._ao-menu > ._ao-menu-trigger, :scope ._ao-btn-group > ._ao-menu > ._ao-menu-trigger {
|
|
1431
1547
|
border-radius: 0;
|
|
1432
1548
|
}
|
|
1433
|
-
:scope._ao-btn-group > ._ao-
|
|
1549
|
+
:scope._ao-btn-group:not(._ao-btn-group-vertical) > ._ao-btn:not(:first-child), :scope ._ao-btn-group:not(._ao-btn-group-vertical) > ._ao-btn:not(:first-child), :scope._ao-btn-group:not(._ao-btn-group-vertical) > ._ao-menu:not(:first-child), :scope ._ao-btn-group:not(._ao-btn-group-vertical) > ._ao-menu:not(:first-child) {
|
|
1550
|
+
margin-left: -1px;
|
|
1551
|
+
}
|
|
1552
|
+
:scope._ao-btn-group:not(._ao-btn-group-vertical) > ._ao-btn:first-child, :scope ._ao-btn-group:not(._ao-btn-group-vertical) > ._ao-btn:first-child, :scope._ao-btn-group:not(._ao-btn-group-vertical) > ._ao-menu:first-child > ._ao-menu-trigger, :scope ._ao-btn-group:not(._ao-btn-group-vertical) > ._ao-menu:first-child > ._ao-menu-trigger {
|
|
1434
1553
|
border-top-left-radius: var(--radius-lg);
|
|
1435
1554
|
border-bottom-left-radius: var(--radius-lg);
|
|
1436
1555
|
}
|
|
1437
|
-
:scope._ao-btn-group > ._ao-menu:last-child > ._ao-menu-trigger, :scope ._ao-btn-group > ._ao-menu:last-child > ._ao-menu-trigger {
|
|
1556
|
+
:scope._ao-btn-group:not(._ao-btn-group-vertical) > ._ao-btn:last-child, :scope ._ao-btn-group:not(._ao-btn-group-vertical) > ._ao-btn:last-child, :scope._ao-btn-group:not(._ao-btn-group-vertical) > ._ao-menu:last-child > ._ao-menu-trigger, :scope ._ao-btn-group:not(._ao-btn-group-vertical) > ._ao-menu:last-child > ._ao-menu-trigger {
|
|
1438
1557
|
border-top-right-radius: var(--radius-lg);
|
|
1439
1558
|
border-bottom-right-radius: var(--radius-lg);
|
|
1440
1559
|
}
|
|
1441
|
-
:scope._ao-btn-group > ._ao-btn:not(:first-child), :scope ._ao-btn-group > ._ao-btn:not(:first-child), :scope._ao-btn-group > ._ao-menu:not(:first-child) > ._ao-menu-trigger, :scope ._ao-btn-group > ._ao-menu:not(:first-child) > ._ao-menu-trigger {
|
|
1560
|
+
:scope._ao-btn-group:not(._ao-btn-group-vertical) > ._ao-btn:not(:first-child), :scope ._ao-btn-group:not(._ao-btn-group-vertical) > ._ao-btn:not(:first-child), :scope._ao-btn-group:not(._ao-btn-group-vertical) > ._ao-menu:not(:first-child) > ._ao-menu-trigger, :scope ._ao-btn-group:not(._ao-btn-group-vertical) > ._ao-menu:not(:first-child) > ._ao-menu-trigger {
|
|
1442
1561
|
border-left-color: currentColor;
|
|
1443
1562
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1444
1563
|
border-left-color: color-mix(in srgb, currentColor 25%, transparent);
|
|
@@ -1448,20 +1567,26 @@
|
|
|
1448
1567
|
display: inline-flex;
|
|
1449
1568
|
flex-direction: column;
|
|
1450
1569
|
}
|
|
1451
|
-
:scope._ao-btn-group-vertical > ._ao-btn
|
|
1570
|
+
:scope._ao-btn-group-vertical > ._ao-btn, :scope ._ao-btn-group-vertical > ._ao-btn {
|
|
1571
|
+
justify-content: flex-start;
|
|
1572
|
+
}
|
|
1573
|
+
:scope._ao-btn-group-vertical > ._ao-btn:not(:first-child), :scope ._ao-btn-group-vertical > ._ao-btn:not(:first-child), :scope._ao-btn-group-vertical > ._ao-menu:not(:first-child), :scope ._ao-btn-group-vertical > ._ao-menu:not(:first-child) {
|
|
1452
1574
|
margin-top: -1px;
|
|
1453
|
-
margin-left: calc(var(--spacing) * 0);
|
|
1454
1575
|
}
|
|
1455
|
-
:scope._ao-btn-group-vertical > ._ao-btn:first-child, :scope ._ao-btn-group-vertical > ._ao-btn:first-child {
|
|
1576
|
+
:scope._ao-btn-group-vertical > ._ao-btn:first-child, :scope ._ao-btn-group-vertical > ._ao-btn:first-child, :scope._ao-btn-group-vertical > ._ao-menu:first-child > ._ao-menu-trigger, :scope ._ao-btn-group-vertical > ._ao-menu:first-child > ._ao-menu-trigger {
|
|
1456
1577
|
border-top-left-radius: var(--radius-lg);
|
|
1457
1578
|
border-top-right-radius: var(--radius-lg);
|
|
1458
|
-
border-bottom-left-radius: 0;
|
|
1459
1579
|
}
|
|
1460
|
-
:scope._ao-btn-group-vertical > ._ao-btn:last-child, :scope ._ao-btn-group-vertical > ._ao-btn:last-child {
|
|
1461
|
-
border-top-right-radius: 0;
|
|
1580
|
+
:scope._ao-btn-group-vertical > ._ao-btn:last-child, :scope ._ao-btn-group-vertical > ._ao-btn:last-child, :scope._ao-btn-group-vertical > ._ao-menu:last-child > ._ao-menu-trigger, :scope ._ao-btn-group-vertical > ._ao-menu:last-child > ._ao-menu-trigger {
|
|
1462
1581
|
border-bottom-right-radius: var(--radius-lg);
|
|
1463
1582
|
border-bottom-left-radius: var(--radius-lg);
|
|
1464
1583
|
}
|
|
1584
|
+
:scope._ao-btn-group-vertical > ._ao-btn:not(:first-child), :scope ._ao-btn-group-vertical > ._ao-btn:not(:first-child), :scope._ao-btn-group-vertical > ._ao-menu:not(:first-child) > ._ao-menu-trigger, :scope ._ao-btn-group-vertical > ._ao-menu:not(:first-child) > ._ao-menu-trigger {
|
|
1585
|
+
border-top-color: currentColor;
|
|
1586
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1587
|
+
border-top-color: color-mix(in srgb, currentColor 25%, transparent);
|
|
1588
|
+
}
|
|
1589
|
+
}
|
|
1465
1590
|
:scope._ao-input, :scope ._ao-input {
|
|
1466
1591
|
display: inline-flex;
|
|
1467
1592
|
width: 100%;
|
|
@@ -2171,7 +2296,6 @@
|
|
|
2171
2296
|
:scope._ao-dialog, :scope ._ao-dialog {
|
|
2172
2297
|
margin: auto;
|
|
2173
2298
|
flex-direction: column;
|
|
2174
|
-
overflow: hidden;
|
|
2175
2299
|
border-radius: var(--radius-xl);
|
|
2176
2300
|
border-style: var(--tw-border-style);
|
|
2177
2301
|
border-width: 1px;
|
|
@@ -2259,6 +2383,8 @@
|
|
|
2259
2383
|
background-color: var(--color-surface-muted);
|
|
2260
2384
|
padding-inline: calc(var(--spacing) * 5);
|
|
2261
2385
|
padding-block: calc(var(--spacing) * 3);
|
|
2386
|
+
border-bottom-left-radius: inherit;
|
|
2387
|
+
border-bottom-right-radius: inherit;
|
|
2262
2388
|
}
|
|
2263
2389
|
:scope._ao-dialog-close, :scope ._ao-dialog-close {
|
|
2264
2390
|
display: inline-flex;
|
|
@@ -2622,6 +2748,27 @@
|
|
|
2622
2748
|
--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
|
|
2623
2749
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
2624
2750
|
}
|
|
2751
|
+
@supports (anchor-name: --x) {
|
|
2752
|
+
:scope._ao-menu, :scope ._ao-menu {
|
|
2753
|
+
anchor-scope: --menu-trigger;
|
|
2754
|
+
}
|
|
2755
|
+
:scope._ao-menu-trigger, :scope ._ao-menu-trigger {
|
|
2756
|
+
anchor-name: --menu-trigger;
|
|
2757
|
+
}
|
|
2758
|
+
:scope._ao-menu-popup, :scope ._ao-menu-popup {
|
|
2759
|
+
position: fixed;
|
|
2760
|
+
position-anchor: --menu-trigger;
|
|
2761
|
+
top: anchor(bottom);
|
|
2762
|
+
left: anchor(left);
|
|
2763
|
+
position-try-fallbacks: --menu-popup-flip-up;
|
|
2764
|
+
}
|
|
2765
|
+
}
|
|
2766
|
+
@position-try --menu-popup-flip-up {
|
|
2767
|
+
top: auto;
|
|
2768
|
+
bottom: anchor(top);
|
|
2769
|
+
margin-top: 0;
|
|
2770
|
+
margin-bottom: 0.25rem;
|
|
2771
|
+
}
|
|
2625
2772
|
:scope._ao-menu-item, :scope ._ao-menu-item {
|
|
2626
2773
|
display: flex;
|
|
2627
2774
|
width: 100%;
|
|
@@ -3140,7 +3287,7 @@
|
|
|
3140
3287
|
position: fixed;
|
|
3141
3288
|
inset: calc(var(--spacing) * 0);
|
|
3142
3289
|
z-index: 40;
|
|
3143
|
-
background-color: color-mix(in srgb, #
|
|
3290
|
+
background-color: color-mix(in srgb, #0f0f0f 40%, transparent);
|
|
3144
3291
|
@supports (color: color-mix(in lab, red, red)) {
|
|
3145
3292
|
background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
|
|
3146
3293
|
}
|
|
@@ -3571,6 +3718,15 @@
|
|
|
3571
3718
|
white-space: nowrap;
|
|
3572
3719
|
border-width: 0;
|
|
3573
3720
|
}
|
|
3721
|
+
:scope._ao-absolute, :scope ._ao-absolute {
|
|
3722
|
+
position: absolute;
|
|
3723
|
+
}
|
|
3724
|
+
:scope._ao-fixed, :scope ._ao-fixed {
|
|
3725
|
+
position: fixed;
|
|
3726
|
+
}
|
|
3727
|
+
:scope._ao-relative, :scope ._ao-relative {
|
|
3728
|
+
position: relative;
|
|
3729
|
+
}
|
|
3574
3730
|
:scope._ao-sticky, :scope ._ao-sticky {
|
|
3575
3731
|
position: sticky;
|
|
3576
3732
|
}
|
|
@@ -3595,12 +3751,18 @@
|
|
|
3595
3751
|
:scope._ao-block, :scope ._ao-block {
|
|
3596
3752
|
display: block;
|
|
3597
3753
|
}
|
|
3754
|
+
:scope._ao-flex, :scope ._ao-flex {
|
|
3755
|
+
display: flex;
|
|
3756
|
+
}
|
|
3598
3757
|
:scope._ao-grid, :scope ._ao-grid {
|
|
3599
3758
|
display: grid;
|
|
3600
3759
|
}
|
|
3601
3760
|
:scope._ao-hidden, :scope ._ao-hidden {
|
|
3602
3761
|
display: none;
|
|
3603
3762
|
}
|
|
3763
|
+
:scope._ao-inline, :scope ._ao-inline {
|
|
3764
|
+
display: inline;
|
|
3765
|
+
}
|
|
3604
3766
|
:scope._ao-table, :scope ._ao-table {
|
|
3605
3767
|
display: table;
|
|
3606
3768
|
}
|
|
@@ -3613,6 +3775,15 @@
|
|
|
3613
3775
|
:scope._ao-transform, :scope ._ao-transform {
|
|
3614
3776
|
transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
|
|
3615
3777
|
}
|
|
3778
|
+
:scope._ao-overflow-hidden, :scope ._ao-overflow-hidden {
|
|
3779
|
+
overflow: hidden;
|
|
3780
|
+
}
|
|
3781
|
+
:scope._ao-rounded, :scope ._ao-rounded {
|
|
3782
|
+
border-radius: 0.25rem;
|
|
3783
|
+
}
|
|
3784
|
+
:scope._ao-rounded-md, :scope ._ao-rounded-md {
|
|
3785
|
+
border-radius: var(--radius-md);
|
|
3786
|
+
}
|
|
3616
3787
|
:scope._ao-text-right, :scope ._ao-text-right {
|
|
3617
3788
|
text-align: right;
|
|
3618
3789
|
}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Pure helpers for the hotkey system. Chord syntax: `<mod>+<mod>+…+<key>`
|
|
3
|
+
*
|
|
4
|
+
* Examples: `mod+s`, `shift+?`, `escape`, `mod+shift+k`, `arrowup`.
|
|
5
|
+
*
|
|
6
|
+
* Modifiers are case-insensitive. `mod` is an alias for `ctrl` on every
|
|
7
|
+
* platform — display and binding both render as `Ctrl`. The key is whatever
|
|
8
|
+
* `KeyboardEvent.key` produces, lowercased. So pressing `shift+/` (which
|
|
9
|
+
* yields `event.key === "?"`) is canonically `shift+?` — match it by
|
|
10
|
+
* binding either `"shift+?"`.
|
|
11
|
+
*/
|
|
12
|
+
export type Modifier = "ctrl" | "shift" | "alt" | "meta";
|
|
13
|
+
export interface ParsedChord {
|
|
14
|
+
mods: ReadonlySet<Modifier>;
|
|
15
|
+
key: string;
|
|
16
|
+
}
|
|
17
|
+
export declare function parseChord(input: string): ParsedChord;
|
|
18
|
+
export declare function parseKeys(keys: string | readonly string[]): ParsedChord[];
|
|
19
|
+
/** Canonical wire form used as a map key in the registry. */
|
|
20
|
+
export declare function canonicalize(chord: ParsedChord): string;
|
|
21
|
+
/**
|
|
22
|
+
* Normalize a keyboard event to its canonical chord string. Returns `null`
|
|
23
|
+
* if the event is a bare modifier press (`Shift` by itself, etc.) so callers
|
|
24
|
+
* can short-circuit before a map lookup.
|
|
25
|
+
*/
|
|
26
|
+
export declare function normalizeEvent(e: KeyboardEvent): string | null;
|
|
27
|
+
/** Visual chips for a chord — one entry per modifier and the final key. */
|
|
28
|
+
export declare function formatChord(chord: ParsedChord): string[];
|
|
29
|
+
/**
|
|
30
|
+
* Serialize one or more chords to the `aria-keyshortcuts` format
|
|
31
|
+
* (space-separated alternatives, modifiers as `Control`/`Shift`/etc.).
|
|
32
|
+
*/
|
|
33
|
+
export declare function toAriaKeyShortcuts(chords: readonly ParsedChord[]): string;
|
|
34
|
+
//# sourceMappingURL=hotkey-parse.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"hotkey-parse.d.ts","sourceRoot":"","sources":["../src/hotkey-parse.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,MAAM,CAAC;AAEzD,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC5B,GAAG,EAAE,MAAM,CAAC;CACb;AAqBD,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,WAAW,CA2BrD;AAED,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,MAAM,EAAE,GAAG,WAAW,EAAE,CAGzE;AAED,6DAA6D;AAC7D,wBAAgB,YAAY,CAAC,KAAK,EAAE,WAAW,GAAG,MAAM,CAOvD;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,CAAC,EAAE,aAAa,GAAG,MAAM,GAAG,IAAI,CAW9D;AAyBD,2EAA2E;AAC3E,wBAAgB,WAAW,CAAC,KAAK,EAAE,WAAW,GAAG,MAAM,EAAE,CAcxD;AAkBD;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,SAAS,WAAW,EAAE,GAAG,MAAM,CAEzE"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { RefObject } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Module-level keyboard shortcut registry. One window keydown listener,
|
|
4
|
+
* attached on first registration and detached when the registry empties.
|
|
5
|
+
*
|
|
6
|
+
* On keydown:
|
|
7
|
+
* 1. Normalize the event to a canonical chord string.
|
|
8
|
+
* 2. Look up the bucket. Skip if empty.
|
|
9
|
+
* 3. Apply input suppression — bare-key chords are skipped while focus is
|
|
10
|
+
* in an editable element, except for `escape`.
|
|
11
|
+
* 4. `preventDefault()`, then invoke every surviving handler (bag semantics).
|
|
12
|
+
*/
|
|
13
|
+
export type HotkeyHandler = (e: KeyboardEvent) => void;
|
|
14
|
+
export interface HotkeyEntry {
|
|
15
|
+
handlerRef: RefObject<HotkeyHandler>;
|
|
16
|
+
}
|
|
17
|
+
/**
|
|
18
|
+
* Register a hotkey entry under each of its canonical chord strings.
|
|
19
|
+
* Returns an unregister function that removes the entry from every bucket
|
|
20
|
+
* and detaches the listener if the registry is empty.
|
|
21
|
+
*/
|
|
22
|
+
export declare function register(canonicalChords: readonly string[], entry: HotkeyEntry): () => void;
|
|
23
|
+
/** Test-only: empty the registry and detach the listener. */
|
|
24
|
+
export declare function __resetRegistry(): void;
|
|
25
|
+
//# sourceMappingURL=hotkey-registry.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"hotkey-registry.d.ts","sourceRoot":"","sources":["../src/hotkey-registry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC;;;;;;;;;;GAUG;AAEH,MAAM,MAAM,aAAa,GAAG,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;AAEvD,MAAM,WAAW,WAAW;IAC1B,UAAU,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC;CACtC;AA0CD;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,eAAe,EAAE,SAAS,MAAM,EAAE,EAAE,KAAK,EAAE,WAAW,GAAG,MAAM,IAAI,CAmB3F;AAED,6DAA6D;AAC7D,wBAAgB,eAAe,IAAI,IAAI,CAGtC"}
|