@aortl/admin-react 0.7.1 → 0.9.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 +1 -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 +209 -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 +356 -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 +354 -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
|
@@ -3,9 +3,6 @@ export interface PropertyListProps extends Omit<ComponentProps<"section">, "titl
|
|
|
3
3
|
striped?: boolean;
|
|
4
4
|
/** Tightens row height and padding for very dense panels. */
|
|
5
5
|
compact?: boolean;
|
|
6
|
-
/** Reveals a copy button on every item's value cell. Per-item `copyable`
|
|
7
|
-
* on `<PropertyList.Item>` opts in for individual rows. */
|
|
8
|
-
copyable?: boolean;
|
|
9
6
|
/** Collapses the whole section when every item rendered the auto em-dash
|
|
10
7
|
* fallback for an empty value. */
|
|
11
8
|
hideIfAllEmpty?: boolean;
|
|
@@ -13,7 +10,7 @@ export interface PropertyListProps extends Omit<ComponentProps<"section">, "titl
|
|
|
13
10
|
* above the items grid. */
|
|
14
11
|
title?: ReactNode;
|
|
15
12
|
}
|
|
16
|
-
declare function PropertyListRoot({ striped, compact,
|
|
13
|
+
declare function PropertyListRoot({ striped, compact, hideIfAllEmpty, title, className, children, ...rest }: PropertyListProps): import("react/jsx-runtime").JSX.Element;
|
|
17
14
|
export interface PropertyListItemProps extends Omit<ComponentProps<"dd">, "title" | "label"> {
|
|
18
15
|
label?: ReactNode;
|
|
19
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,6DAA6D;IAC7D,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;
|
|
@@ -1244,12 +1370,12 @@
|
|
|
1244
1370
|
padding: 0.125rem;
|
|
1245
1371
|
transition: opacity 100ms ease, color 100ms ease;
|
|
1246
1372
|
}
|
|
1247
|
-
: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 {
|
|
1248
1374
|
display: inline-flex;
|
|
1249
1375
|
opacity: 0;
|
|
1250
1376
|
pointer-events: none;
|
|
1251
1377
|
}
|
|
1252
|
-
: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] {
|
|
1253
1379
|
opacity: 1;
|
|
1254
1380
|
pointer-events: auto;
|
|
1255
1381
|
}
|
|
@@ -1410,17 +1536,6 @@
|
|
|
1410
1536
|
z-index: 10;
|
|
1411
1537
|
}
|
|
1412
1538
|
}
|
|
1413
|
-
:scope._ao-btn-group > ._ao-btn:not(:first-child), :scope ._ao-btn-group > ._ao-btn:not(:first-child) {
|
|
1414
|
-
margin-left: -1px;
|
|
1415
|
-
}
|
|
1416
|
-
:scope._ao-btn-group > ._ao-btn:first-child, :scope ._ao-btn-group > ._ao-btn:first-child {
|
|
1417
|
-
border-top-left-radius: var(--radius-lg);
|
|
1418
|
-
border-bottom-left-radius: var(--radius-lg);
|
|
1419
|
-
}
|
|
1420
|
-
:scope._ao-btn-group > ._ao-btn:last-child, :scope ._ao-btn-group > ._ao-btn:last-child {
|
|
1421
|
-
border-top-right-radius: var(--radius-lg);
|
|
1422
|
-
border-bottom-right-radius: var(--radius-lg);
|
|
1423
|
-
}
|
|
1424
1539
|
:scope._ao-btn-group > ._ao-menu, :scope ._ao-btn-group > ._ao-menu {
|
|
1425
1540
|
position: relative;
|
|
1426
1541
|
&:focus-visible {
|
|
@@ -1428,21 +1543,21 @@
|
|
|
1428
1543
|
}
|
|
1429
1544
|
display: inline-flex;
|
|
1430
1545
|
}
|
|
1431
|
-
:scope._ao-btn-group > ._ao-menu:not(:first-child), :scope ._ao-btn-group > ._ao-menu:not(:first-child) {
|
|
1432
|
-
margin-left: -1px;
|
|
1433
|
-
}
|
|
1434
1546
|
:scope._ao-btn-group > ._ao-menu > ._ao-menu-trigger, :scope ._ao-btn-group > ._ao-menu > ._ao-menu-trigger {
|
|
1435
1547
|
border-radius: 0;
|
|
1436
1548
|
}
|
|
1437
|
-
: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 {
|
|
1438
1553
|
border-top-left-radius: var(--radius-lg);
|
|
1439
1554
|
border-bottom-left-radius: var(--radius-lg);
|
|
1440
1555
|
}
|
|
1441
|
-
: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 {
|
|
1442
1557
|
border-top-right-radius: var(--radius-lg);
|
|
1443
1558
|
border-bottom-right-radius: var(--radius-lg);
|
|
1444
1559
|
}
|
|
1445
|
-
: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 {
|
|
1446
1561
|
border-left-color: currentColor;
|
|
1447
1562
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1448
1563
|
border-left-color: color-mix(in srgb, currentColor 25%, transparent);
|
|
@@ -1452,20 +1567,26 @@
|
|
|
1452
1567
|
display: inline-flex;
|
|
1453
1568
|
flex-direction: column;
|
|
1454
1569
|
}
|
|
1455
|
-
: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) {
|
|
1456
1574
|
margin-top: -1px;
|
|
1457
|
-
margin-left: calc(var(--spacing) * 0);
|
|
1458
1575
|
}
|
|
1459
|
-
: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 {
|
|
1460
1577
|
border-top-left-radius: var(--radius-lg);
|
|
1461
1578
|
border-top-right-radius: var(--radius-lg);
|
|
1462
|
-
border-bottom-left-radius: 0;
|
|
1463
1579
|
}
|
|
1464
|
-
:scope._ao-btn-group-vertical > ._ao-btn:last-child, :scope ._ao-btn-group-vertical > ._ao-btn:last-child {
|
|
1465
|
-
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 {
|
|
1466
1581
|
border-bottom-right-radius: var(--radius-lg);
|
|
1467
1582
|
border-bottom-left-radius: var(--radius-lg);
|
|
1468
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
|
+
}
|
|
1469
1590
|
:scope._ao-input, :scope ._ao-input {
|
|
1470
1591
|
display: inline-flex;
|
|
1471
1592
|
width: 100%;
|
|
@@ -2175,7 +2296,6 @@
|
|
|
2175
2296
|
:scope._ao-dialog, :scope ._ao-dialog {
|
|
2176
2297
|
margin: auto;
|
|
2177
2298
|
flex-direction: column;
|
|
2178
|
-
overflow: hidden;
|
|
2179
2299
|
border-radius: var(--radius-xl);
|
|
2180
2300
|
border-style: var(--tw-border-style);
|
|
2181
2301
|
border-width: 1px;
|
|
@@ -2263,6 +2383,8 @@
|
|
|
2263
2383
|
background-color: var(--color-surface-muted);
|
|
2264
2384
|
padding-inline: calc(var(--spacing) * 5);
|
|
2265
2385
|
padding-block: calc(var(--spacing) * 3);
|
|
2386
|
+
border-bottom-left-radius: inherit;
|
|
2387
|
+
border-bottom-right-radius: inherit;
|
|
2266
2388
|
}
|
|
2267
2389
|
:scope._ao-dialog-close, :scope ._ao-dialog-close {
|
|
2268
2390
|
display: inline-flex;
|
|
@@ -2626,6 +2748,27 @@
|
|
|
2626
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));
|
|
2627
2749
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
2628
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
|
+
}
|
|
2629
2772
|
:scope._ao-menu-item, :scope ._ao-menu-item {
|
|
2630
2773
|
display: flex;
|
|
2631
2774
|
width: 100%;
|
|
@@ -3144,7 +3287,7 @@
|
|
|
3144
3287
|
position: fixed;
|
|
3145
3288
|
inset: calc(var(--spacing) * 0);
|
|
3146
3289
|
z-index: 40;
|
|
3147
|
-
background-color: color-mix(in srgb, #
|
|
3290
|
+
background-color: color-mix(in srgb, #0f0f0f 40%, transparent);
|
|
3148
3291
|
@supports (color: color-mix(in lab, red, red)) {
|
|
3149
3292
|
background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
|
|
3150
3293
|
}
|
|
@@ -3575,6 +3718,15 @@
|
|
|
3575
3718
|
white-space: nowrap;
|
|
3576
3719
|
border-width: 0;
|
|
3577
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
|
+
}
|
|
3578
3730
|
:scope._ao-sticky, :scope ._ao-sticky {
|
|
3579
3731
|
position: sticky;
|
|
3580
3732
|
}
|
|
@@ -3599,12 +3751,18 @@
|
|
|
3599
3751
|
:scope._ao-block, :scope ._ao-block {
|
|
3600
3752
|
display: block;
|
|
3601
3753
|
}
|
|
3754
|
+
:scope._ao-flex, :scope ._ao-flex {
|
|
3755
|
+
display: flex;
|
|
3756
|
+
}
|
|
3602
3757
|
:scope._ao-grid, :scope ._ao-grid {
|
|
3603
3758
|
display: grid;
|
|
3604
3759
|
}
|
|
3605
3760
|
:scope._ao-hidden, :scope ._ao-hidden {
|
|
3606
3761
|
display: none;
|
|
3607
3762
|
}
|
|
3763
|
+
:scope._ao-inline, :scope ._ao-inline {
|
|
3764
|
+
display: inline;
|
|
3765
|
+
}
|
|
3608
3766
|
:scope._ao-table, :scope ._ao-table {
|
|
3609
3767
|
display: table;
|
|
3610
3768
|
}
|
|
@@ -3617,6 +3775,15 @@
|
|
|
3617
3775
|
:scope._ao-transform, :scope ._ao-transform {
|
|
3618
3776
|
transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
|
|
3619
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
|
+
}
|
|
3620
3787
|
:scope._ao-text-right, :scope ._ao-text-right {
|
|
3621
3788
|
text-align: right;
|
|
3622
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"}
|