@starci/grammar 0.11.0 → 0.12.1
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/README.md +143 -12
- package/dist/.build-stamp.json +4 -4
- package/dist/common/components-avatar-group.css +65 -0
- package/dist/common/components-forms.css +58 -73
- package/dist/common/components-list-panel.css +13 -0
- package/dist/common/components-navigation.css +39 -38
- package/dist/common/components-overlays.css +16 -1
- package/dist/common/components-surface-controls.css +15 -0
- package/dist/common/registry.d.ts +21 -20
- package/dist/common/registry.d.ts.map +1 -1
- package/dist/common/registry.js +2 -2
- package/dist/common/registry.js.map +1 -1
- package/dist/common/renderers-forms.d.ts +12 -12
- package/dist/common/renderers-navigation.d.ts +7 -7
- package/dist/common/renderers-navigation.d.ts.map +1 -1
- package/dist/common/renderers-navigation.js.map +1 -1
- package/dist/common/renderers.d.ts +2 -1
- package/dist/common/renderers.d.ts.map +1 -1
- package/dist/common/renderers.js +1 -0
- package/dist/common/renderers.js.map +1 -1
- package/dist/common/rule-catalog.generated.d.ts +2 -1
- package/dist/common/rule-catalog.generated.d.ts.map +1 -1
- package/dist/common/rule-catalog.generated.js +12 -2
- package/dist/common/rule-catalog.generated.js.map +1 -1
- package/dist/common/styles.css +163 -50
- package/dist/core/OtpInput.d.ts +3 -0
- package/dist/core/OtpInput.d.ts.map +1 -1
- package/dist/core/OtpInput.js +4 -2
- package/dist/core/OtpInput.js.map +1 -1
- package/dist/core/branch/AlertDialog/index.d.ts.map +1 -1
- package/dist/core/branch/AlertDialog/index.js +25 -20
- package/dist/core/branch/AlertDialog/index.js.map +1 -1
- package/dist/core/branch/ComboBox/index.d.ts +2 -2
- package/dist/core/branch/ComboBox/index.d.ts.map +1 -1
- package/dist/core/branch/ComboBox/index.js +3 -1
- package/dist/core/branch/ComboBox/index.js.map +1 -1
- package/dist/core/branch/DatePicker/index.d.ts +2 -2
- package/dist/core/branch/DatePicker/index.d.ts.map +1 -1
- package/dist/core/branch/DatePicker/index.js +3 -1
- package/dist/core/branch/DatePicker/index.js.map +1 -1
- package/dist/core/branch/DateRangePicker/index.d.ts +2 -2
- package/dist/core/branch/DateRangePicker/index.d.ts.map +1 -1
- package/dist/core/branch/DateRangePicker/index.js +3 -1
- package/dist/core/branch/DateRangePicker/index.js.map +1 -1
- package/dist/core/branch/Dialog/index.d.ts.map +1 -1
- package/dist/core/branch/Dialog/index.js +6 -2
- package/dist/core/branch/Dialog/index.js.map +1 -1
- package/dist/core/branch/Drawer/index.d.ts.map +1 -1
- package/dist/core/branch/Drawer/index.js +6 -2
- package/dist/core/branch/Drawer/index.js.map +1 -1
- package/dist/core/branch/DropdownMenu/index.d.ts +12 -5
- package/dist/core/branch/DropdownMenu/index.d.ts.map +1 -1
- package/dist/core/branch/DropdownMenu/index.js +13 -6
- package/dist/core/branch/DropdownMenu/index.js.map +1 -1
- package/dist/core/branch/ListBox/index.d.ts +20 -5
- package/dist/core/branch/ListBox/index.d.ts.map +1 -1
- package/dist/core/branch/ListBox/index.js +19 -9
- package/dist/core/branch/ListBox/index.js.map +1 -1
- package/dist/core/branch/Popover/index.d.ts.map +1 -1
- package/dist/core/branch/Popover/index.js +2 -1
- package/dist/core/branch/Popover/index.js.map +1 -1
- package/dist/core/branch/Rail/index.d.ts.map +1 -1
- package/dist/core/branch/Rail/index.js +4 -2
- package/dist/core/branch/Rail/index.js.map +1 -1
- package/dist/core/branch/Select/index.d.ts +6 -3
- package/dist/core/branch/Select/index.d.ts.map +1 -1
- package/dist/core/branch/Select/index.js +14 -21
- package/dist/core/branch/Select/index.js.map +1 -1
- package/dist/core/branch/SurfaceAccordionCard/index.d.ts.map +1 -1
- package/dist/core/branch/SurfaceAccordionCard/index.js +3 -1
- package/dist/core/branch/SurfaceAccordionCard/index.js.map +1 -1
- package/dist/core/branch/SurfaceCard/index.d.ts.map +1 -1
- package/dist/core/branch/SurfaceCard/index.js +3 -1
- package/dist/core/branch/SurfaceCard/index.js.map +1 -1
- package/dist/core/branch/SurfaceListCard/index.d.ts.map +1 -1
- package/dist/core/branch/SurfaceListCard/index.js +3 -1
- package/dist/core/branch/SurfaceListCard/index.js.map +1 -1
- package/dist/core/branch/Tooltip/index.d.ts +13 -0
- package/dist/core/branch/Tooltip/index.d.ts.map +1 -1
- package/dist/core/branch/Tooltip/index.js +40 -1
- package/dist/core/branch/Tooltip/index.js.map +1 -1
- package/dist/core/composite/AvatarButton/index.d.ts +3 -1
- package/dist/core/composite/AvatarButton/index.d.ts.map +1 -1
- package/dist/core/composite/AvatarButton/index.js +1 -1
- package/dist/core/composite/AvatarButton/index.js.map +1 -1
- package/dist/core/composite/AvatarGroup/index.d.ts +11 -3
- package/dist/core/composite/AvatarGroup/index.d.ts.map +1 -1
- package/dist/core/composite/AvatarGroup/index.js +9 -5
- package/dist/core/composite/AvatarGroup/index.js.map +1 -1
- package/dist/core/composite/CheckboxGroup/index.d.ts +2 -2
- package/dist/core/composite/CheckboxGroup/index.d.ts.map +1 -1
- package/dist/core/composite/CheckboxGroup/index.js +5 -1
- package/dist/core/composite/CheckboxGroup/index.js.map +1 -1
- package/dist/core/composite/IdentityLockup/index.d.ts +4 -2
- package/dist/core/composite/IdentityLockup/index.d.ts.map +1 -1
- package/dist/core/composite/IdentityLockup/index.js +1 -1
- package/dist/core/composite/IdentityLockup/index.js.map +1 -1
- package/dist/core/composite/RadioGroup/index.d.ts +2 -2
- package/dist/core/composite/RadioGroup/index.d.ts.map +1 -1
- package/dist/core/composite/RadioGroup/index.js +5 -1
- package/dist/core/composite/RadioGroup/index.js.map +1 -1
- package/dist/core/composite/Timeline/index.js +1 -1
- package/dist/core/composite/Timeline/index.js.map +1 -1
- package/dist/core/composition/ChatWorkspace/index.d.ts.map +1 -1
- package/dist/core/composition/ChatWorkspace/index.js +2 -1
- package/dist/core/composition/ChatWorkspace/index.js.map +1 -1
- package/dist/core/composition/Sidebar/index.d.ts +9 -2
- package/dist/core/composition/Sidebar/index.d.ts.map +1 -1
- package/dist/core/composition/Sidebar/index.js +49 -25
- package/dist/core/composition/Sidebar/index.js.map +1 -1
- package/dist/core/composition/WorkspaceShell/classNames.d.ts +1 -0
- package/dist/core/composition/WorkspaceShell/classNames.d.ts.map +1 -1
- package/dist/core/composition/WorkspaceShell/classNames.js +1 -0
- package/dist/core/composition/WorkspaceShell/classNames.js.map +1 -1
- package/dist/core/composition/WorkspaceShell/index.d.ts +30 -0
- package/dist/core/composition/WorkspaceShell/index.d.ts.map +1 -1
- package/dist/core/composition/WorkspaceShell/index.js +10 -4
- package/dist/core/composition/WorkspaceShell/index.js.map +1 -1
- package/dist/core/dna.d.ts +5 -0
- package/dist/core/dna.d.ts.map +1 -1
- package/dist/core/dna.js +5 -0
- package/dist/core/dna.js.map +1 -1
- package/dist/core/overlayScope.d.ts +16 -0
- package/dist/core/overlayScope.d.ts.map +1 -1
- package/dist/core/overlayScope.js +12 -0
- package/dist/core/overlayScope.js.map +1 -1
- package/dist/core/primitive/Avatar/index.d.ts +11 -6
- package/dist/core/primitive/Avatar/index.d.ts.map +1 -1
- package/dist/core/primitive/Avatar/index.js +21 -4
- package/dist/core/primitive/Avatar/index.js.map +1 -1
- package/dist/core/primitive/Button/index.d.ts +1 -1
- package/dist/core/primitive/Button/index.d.ts.map +1 -1
- package/dist/core/primitive/Button/index.js +3 -3
- package/dist/core/primitive/Button/index.js.map +1 -1
- package/dist/core/primitive/Checkbox/index.d.ts +2 -2
- package/dist/core/primitive/Checkbox/index.d.ts.map +1 -1
- package/dist/core/primitive/Checkbox/index.js +5 -1
- package/dist/core/primitive/Checkbox/index.js.map +1 -1
- package/dist/core/primitive/DateField/index.d.ts +2 -2
- package/dist/core/primitive/DateField/index.d.ts.map +1 -1
- package/dist/core/primitive/DateField/index.js +5 -1
- package/dist/core/primitive/DateField/index.js.map +1 -1
- package/dist/core/primitive/Field/index.d.ts +3 -2
- package/dist/core/primitive/Field/index.d.ts.map +1 -1
- package/dist/core/primitive/Field/index.js.map +1 -1
- package/dist/core/primitive/IconButton/index.d.ts +2 -2
- package/dist/core/primitive/IconButton/index.d.ts.map +1 -1
- package/dist/core/primitive/IconButton/index.js +1 -1
- package/dist/core/primitive/IconButton/index.js.map +1 -1
- package/dist/core/primitive/Input/index.d.ts +4 -1
- package/dist/core/primitive/Input/index.d.ts.map +1 -1
- package/dist/core/primitive/Input/index.js +5 -3
- package/dist/core/primitive/Input/index.js.map +1 -1
- package/dist/core/primitive/NumberField/index.d.ts +2 -2
- package/dist/core/primitive/NumberField/index.d.ts.map +1 -1
- package/dist/core/primitive/NumberField/index.js +5 -1
- package/dist/core/primitive/NumberField/index.js.map +1 -1
- package/dist/core/primitive/PlainPressable/index.d.ts +3 -1
- package/dist/core/primitive/PlainPressable/index.d.ts.map +1 -1
- package/dist/core/primitive/PlainPressable/index.js +1 -1
- package/dist/core/primitive/PlainPressable/index.js.map +1 -1
- package/dist/core/primitive/PressableField/index.d.ts +4 -1
- package/dist/core/primitive/PressableField/index.d.ts.map +1 -1
- package/dist/core/primitive/PressableField/index.js +5 -1
- package/dist/core/primitive/PressableField/index.js.map +1 -1
- package/dist/core/primitive/RelativeTime/clock.d.ts +5 -0
- package/dist/core/primitive/RelativeTime/clock.d.ts.map +1 -0
- package/dist/core/primitive/RelativeTime/clock.js +28 -0
- package/dist/core/primitive/RelativeTime/clock.js.map +1 -0
- package/dist/core/primitive/RelativeTime/index.d.ts +18 -0
- package/dist/core/primitive/RelativeTime/index.d.ts.map +1 -0
- package/dist/core/primitive/RelativeTime/index.js +45 -0
- package/dist/core/primitive/RelativeTime/index.js.map +1 -0
- package/dist/core/primitive/SearchField/index.d.ts +4 -2
- package/dist/core/primitive/SearchField/index.d.ts.map +1 -1
- package/dist/core/primitive/SearchField/index.js +5 -1
- package/dist/core/primitive/SearchField/index.js.map +1 -1
- package/dist/core/primitive/Switch/index.d.ts +9 -4
- package/dist/core/primitive/Switch/index.d.ts.map +1 -1
- package/dist/core/primitive/Switch/index.js +1 -1
- package/dist/core/primitive/Switch/index.js.map +1 -1
- package/dist/core/primitive/TextAction/index.d.ts.map +1 -1
- package/dist/core/primitive/TextAction/index.js +3 -1
- package/dist/core/primitive/TextAction/index.js.map +1 -1
- package/dist/core/primitive/Textarea/index.d.ts +2 -2
- package/dist/core/primitive/Textarea/index.d.ts.map +1 -1
- package/dist/core/primitive/Textarea/index.js +3 -1
- package/dist/core/primitive/Textarea/index.js.map +1 -1
- package/dist/core/primitive/TimeField/index.d.ts +2 -2
- package/dist/core/primitive/TimeField/index.d.ts.map +1 -1
- package/dist/core/primitive/TimeField/index.js +5 -1
- package/dist/core/primitive/TimeField/index.js.map +1 -1
- package/dist/core/primitive/actionStyles.d.ts +1 -1
- package/dist/core/primitive/actionStyles.d.ts.map +1 -1
- package/dist/core/surfaceContext.d.ts +11 -0
- package/dist/core/surfaceContext.d.ts.map +1 -0
- package/dist/core/surfaceContext.js +14 -0
- package/dist/core/surfaceContext.js.map +1 -0
- package/dist/offset-pop/components-overlays.css +1 -1
- package/package.json +8 -3
|
@@ -20,10 +20,13 @@ export type SelectProps = FieldControlProps & {
|
|
|
20
20
|
* same height, `aria-hidden` and not focusable; the root is `aria-busy`. Unlike `isPending` it does not announce a value.
|
|
21
21
|
*/
|
|
22
22
|
readonly isSkeleton?: boolean;
|
|
23
|
-
/**
|
|
23
|
+
/** Defaults to `secondary` inside a Grammar surface and `primary` outside (ANATOMY-2 case-1). */
|
|
24
24
|
readonly variant?: "primary" | "secondary";
|
|
25
25
|
};
|
|
26
|
-
/**
|
|
26
|
+
/**
|
|
27
|
+
* Renders the options as HeroUI list-box items: a `Label`, a `Description` under it when the option has one (both in one column,
|
|
28
|
+
* the only Grammar element, which lays out and paints nothing), then the vendor item indicator.
|
|
29
|
+
*/
|
|
27
30
|
export declare const ListOptions: ({ options }: {
|
|
28
31
|
readonly options: ReadonlyArray<ListOption>;
|
|
29
32
|
}) => import("react").JSX.Element;
|
|
@@ -34,5 +37,5 @@ export declare const ListOptions: ({ options }: {
|
|
|
34
37
|
* trigger focusable and announced but holds the value and never opens the list; the vendor select
|
|
35
38
|
* has no read-only mode of its own.
|
|
36
39
|
*/
|
|
37
|
-
export declare const Select: ({ options, placeholder, value, defaultValue, onValueChange, isPending, isSkeleton, variant, ...field }: SelectProps) => import("react").JSX.Element;
|
|
40
|
+
export declare const Select: ({ options, placeholder, value, defaultValue, onValueChange, isPending, isSkeleton, variant: requestedVariant, ...field }: SelectProps) => import("react").JSX.Element;
|
|
38
41
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/branch/Select/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/branch/Select/index.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,EAQH,KAAK,iBAAiB,EACzB,MAAM,gCAAgC,CAAA;AAEvC,yGAAyG;AACzG,MAAM,MAAM,UAAU,GAAG;IACrB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,WAAW,CAAC,EAAE,SAAS,CAAA;IAChC,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;CAChC,CAAA;AAED,MAAM,MAAM,WAAW,GAAG,iBAAiB,GAAG;IAC1C,QAAQ,CAAC,OAAO,EAAE,aAAa,CAAC,UAAU,CAAC,CAAA;IAC3C,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;IAC7B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IACvD,+GAA+G;IAC/G,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B;;;OAGG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,iGAAiG;IACjG,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;CAC7C,CAAA;AAID;;;GAGG;AACH,eAAO,MAAM,WAAW,GAAI,aAAa;IAAE,QAAQ,CAAC,OAAO,EAAE,aAAa,CAAC,UAAU,CAAC,CAAA;CAAE,gCAqBvF,CAAA;AASD;;;;;;GAMG;AACH,eAAO,MAAM,MAAM,GAAI,0HAUpB,WAAW,gCAqDb,CAAA"}
|
|
@@ -1,21 +1,20 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
|
-
import {
|
|
3
|
+
import { useFieldVariant } from "../../surfaceContext.js";
|
|
4
|
+
import { Description as HeroDescription, Label as HeroLabel, ListBox as HeroListBox, Select as HeroSelect, Spinner as HeroSpinner, } from "@heroui/react";
|
|
4
5
|
import { useState } from "react";
|
|
5
6
|
import { FieldDescription, FieldErrorText, FieldLabel, FieldSkeleton, fieldVariantAttributes, useGrammarPortal, vendorFieldProps, } from "../../primitive/Field/index.js";
|
|
6
7
|
const toValue = (key) => (key === null ? null : String(key));
|
|
7
|
-
/**
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
* Consumer hook: `starci-core-select` names this control's root for a consumer or family
|
|
11
|
-
* stylesheet. No shipped sheet paints it: the root is drawn as a whole by `.starci-core-field`, so
|
|
12
|
-
* a rule on the hook adds to the shared anatomy and never has to replace it.
|
|
8
|
+
/**
|
|
9
|
+
* Renders the options as HeroUI list-box items: a `Label`, a `Description` under it when the option has one (both in one column,
|
|
10
|
+
* the only Grammar element, which lays out and paints nothing), then the vendor item indicator.
|
|
13
11
|
*/
|
|
12
|
+
export const ListOptions = ({ options }) => (_jsx(_Fragment, { children: options.map((option) => (_jsxs(HeroListBox.Item, { id: option.id, textValue: option.label, isDisabled: option.isDisabled === true, className: "starci-core-list-option", "data-grammar-option": "true", children: [option.description == null ? _jsx(HeroLabel, { children: option.label }) : (_jsxs("div", { "data-grammar-option-copy": "true", children: [_jsx(HeroLabel, { children: option.label }), _jsx(HeroDescription, { children: option.description })] })), _jsx(HeroListBox.ItemIndicator, {})] }, option.id))) }));
|
|
14
13
|
/*
|
|
15
|
-
*
|
|
16
|
-
*
|
|
17
|
-
*
|
|
18
|
-
*
|
|
14
|
+
* Anatomy and look are HeroUI's own: `Select.Trigger` holding `Select.Value` and `Select.Indicator`, `Select.Popover` holding a
|
|
15
|
+
* `ListBox` of items. The Grammar class names (`starci-core-select`, `-select-trigger`, `-select-indicator`, `-list-popover`,
|
|
16
|
+
* `-list`) are stamps a consumer or family stylesheet selects; the shipped sheet paints none of them, except the touch-target floor of the
|
|
17
|
+
* trigger on a coarse pointer.
|
|
19
18
|
*/
|
|
20
19
|
/**
|
|
21
20
|
* A single choice from a closed list, opened from a field-shaped trigger.
|
|
@@ -24,12 +23,9 @@ export const ListOptions = ({ options }) => (_jsx(_Fragment, { children: options
|
|
|
24
23
|
* trigger focusable and announced but holds the value and never opens the list; the vendor select
|
|
25
24
|
* has no read-only mode of its own.
|
|
26
25
|
*/
|
|
27
|
-
export const Select = ({ options, placeholder, value, defaultValue, onValueChange, isPending = false, isSkeleton = false, variant
|
|
26
|
+
export const Select = ({ options, placeholder, value, defaultValue, onValueChange, isPending = false, isSkeleton = false, variant: requestedVariant, ...field }) => {
|
|
27
|
+
const variant = useFieldVariant(requestedVariant);
|
|
28
28
|
const [heldValue] = useState(value ?? defaultValue ?? null);
|
|
29
|
-
const [chosen, setChosen] = useState(defaultValue ?? null);
|
|
30
|
-
const shownKey = value === undefined ? chosen : value;
|
|
31
|
-
/** The full selected text: the one-line value ellipsizes, so the trigger keeps it as its title. */
|
|
32
|
-
const selectedText = options.find((option) => option.id === shownKey)?.label;
|
|
33
29
|
const { anchor, portalProps } = useGrammarPortal();
|
|
34
30
|
const readOnly = field.isReadOnly === true;
|
|
35
31
|
const selection = readOnly
|
|
@@ -38,14 +34,11 @@ export const Select = ({ options, placeholder, value, defaultValue, onValueChang
|
|
|
38
34
|
if (isSkeleton) {
|
|
39
35
|
return _jsx(FieldSkeleton, { component: "Select", tier: "branch", label: field.label, isLabelHidden: field.isLabelHidden, isRequired: field.isRequired, variant: variant, kind: "select", className: "starci-core-select" });
|
|
40
36
|
}
|
|
41
|
-
return (_jsxs(HeroSelect, { "data-tier": "branch", "data-component": "Select", "data-contract": "A11Y-1 STATE-1 STATE-6", className: "starci-core-
|
|
37
|
+
return (_jsxs(HeroSelect, { "data-tier": "branch", "data-component": "Select", "data-contract": "A11Y-1 STATE-1 STATE-6", className: "starci-core-select", fullWidth: true, variant: variant, ...fieldVariantAttributes(variant), ...vendorFieldProps({ ...field, isPending }), ...(placeholder === undefined ? {} : { placeholder }), ...selection, ...(readOnly ? { isOpen: false } : {}), onChange: (key) => {
|
|
42
38
|
if (!readOnly) {
|
|
43
|
-
setChosen(toValue(key));
|
|
44
39
|
onValueChange?.(toValue(key));
|
|
45
40
|
}
|
|
46
|
-
}, children: [anchor, _jsx(FieldLabel, { isHidden: field.isLabelHidden, isRequired: field.isRequired, children: field.label }), _jsxs(HeroSelect.Trigger, { className: "starci-core-select-trigger", "data-grammar-field-control": "true", isPending: isPending, children: [_jsx(HeroSelect.Value, {
|
|
47
|
-
? defaultChildren
|
|
48
|
-
: _jsx("span", { className: "starci-core-select-value-text", title: selectedText, children: defaultChildren })) }), isPending
|
|
41
|
+
}, children: [anchor, _jsx(FieldLabel, { isHidden: field.isLabelHidden, isRequired: field.isRequired, children: field.label }), _jsxs(HeroSelect.Trigger, { className: "starci-core-select-trigger", "data-grammar-field-control": "true", isPending: isPending, children: [_jsx(HeroSelect.Value, {}), isPending
|
|
49
42
|
? _jsx(HeroSpinner, { size: "sm", color: "current", "aria-hidden": "true", className: "starci-core-field-spinner" })
|
|
50
43
|
: _jsx(HeroSelect.Indicator, { className: "starci-core-select-indicator" })] }), _jsx(FieldDescription, { children: field.description }), _jsx(FieldErrorText, { children: field.errorMessage }), _jsx(HeroSelect.Popover, { className: "starci-core-list-popover", "data-grammar-popover": "Select", "data-contract": "LAYOUT-4", ...portalProps, children: _jsx(HeroListBox, { className: "starci-core-list", children: _jsx(ListOptions, { options: options }) }) })] }));
|
|
51
44
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/branch/Select/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EACH,OAAO,IAAI,WAAW,EACtB,MAAM,IAAI,UAAU,EACpB,OAAO,IAAI,WAAW,GAEzB,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAA;AAChD,OAAO,EACH,gBAAgB,EAChB,cAAc,EACd,UAAU,EACV,aAAa,EACb,sBAAsB,EACtB,gBAAgB,EAChB,gBAAgB,GAEnB,MAAM,gCAAgC,CAAA;AA2BvC,MAAM,OAAO,GAAG,CAAC,GAAe,EAAiB,EAAE,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAA;AAEvF
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/branch/Select/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/branch/SurfaceAccordionCard/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAY,KAAK,SAAS,EAAS,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/branch/SurfaceAccordionCard/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAY,KAAK,SAAS,EAAS,MAAM,OAAO,CAAA;AAGvD,OAAO,EAAwC,KAAK,mBAAmB,EAAE,MAAM,gCAAgC,CAAA;AAI/G,MAAM,MAAM,wBAAwB,CAAC,OAAO,EAAE,IAAI,IAAI;IAClD,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAA;IACxB,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,aAAa,EAAE,OAAO,CAAA;IAC/B,QAAQ,CAAC,UAAU,EAAE,IAAI,CAAA;CAC5B,CAAA;AAED,KAAK,iCAAiC,GAAG;IACrC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAC9B,GAAG;IACA,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAA;IAC1B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAC9B,CAAA;AAED,KAAK,+BAA+B,CAAC,OAAO,EAAE,IAAI,IAAI,iCAAiC,GAAG;IACtF,mGAAmG;IACnG,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;IACjC;;;OAGG;IACH,QAAQ,CAAC,YAAY,CAAC,EAAE,mBAAmB,CAAA;IAC3C,QAAQ,CAAC,aAAa,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,SAAS,CAAA;IACvD,QAAQ,CAAC,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,SAAS,CAAA;IAC9C,kFAAkF;IAClF,QAAQ,CAAC,YAAY,CAAC,EAAE,OAAO,CAAA;CAClC,CAAA;AAED,MAAM,MAAM,yBAAyB,CAAC,OAAO,EAAE,IAAI,IAAI,+BAA+B,CAAC,OAAO,EAAE,IAAI,CAAC,GAAG,CAAC;IACrG,QAAQ,CAAC,KAAK,EAAE,aAAa,CAAC,wBAAwB,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAA;IACtE,QAAQ,CAAC,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;IAChE,QAAQ,CAAC,MAAM,CAAC,EAAE,KAAK,CAAA;IACvB,QAAQ,CAAC,UAAU,CAAC,EAAE,KAAK,CAAA;IAC3B,QAAQ,CAAC,aAAa,CAAC,EAAE,KAAK,CAAA;IAC9B,QAAQ,CAAC,UAAU,CAAC,EAAE,KAAK,CAAA;IAC3B,QAAQ,CAAC,YAAY,CAAC,EAAE,KAAK,CAAA;CAChC,GAAG;IACA,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAA;IACtB,QAAQ,CAAC,gBAAgB,CAAC,EAAE,KAAK,CAAA;IACjC,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAA;IACxB,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,aAAa,EAAE,OAAO,CAAA;IAC/B,QAAQ,CAAC,UAAU,EAAE,IAAI,CAAA;IACzB,QAAQ,CAAC,YAAY,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;CACnD,CAAC,CAAA;AAmHF,qGAAqG;AACrG,eAAO,MAAM,oBAAoB,GAAI,OAAO,EAAE,IAAI,EAAE,OAAO,yBAAyB,CAAC,OAAO,EAAE,IAAI,CAAC,gCAgC9F,CAAA"}
|
|
@@ -3,6 +3,7 @@ import { createElement as _createElement } from "react";
|
|
|
3
3
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
4
4
|
import { Accordion } from "@heroui/react";
|
|
5
5
|
import { useId } from "react";
|
|
6
|
+
import { SurfaceNesting } from "../../surfaceContext.js";
|
|
6
7
|
import { VerticalScrollRegion } from "../../composite/VerticalScrollRegion/index.js";
|
|
7
8
|
import { DEFAULT_SURFACE_HEADING_LEVEL, Label } from "../../primitive/Label/index.js";
|
|
8
9
|
import { surfaceLabelClassName } from "../SurfaceCard/classNames.js";
|
|
@@ -20,7 +21,7 @@ const SurfaceAccordionRows = ({ label, ariaLabel, depth, headingLevel = DEFAULT_
|
|
|
20
21
|
onItemOpenChange(item.id, nextOpen);
|
|
21
22
|
}
|
|
22
23
|
};
|
|
23
|
-
|
|
24
|
+
const content = (_jsxs("section", { className: accordionCardClassName, "data-grammar-surface-accordion-card": "true", "data-grammar-nesting": "surface", "data-component": "SurfaceAccordionCard", "data-tier": "branch", children: [label === undefined ? null : (_jsx("div", { className: surfaceLabelClassName, "data-contract": "GAP-2", "data-grammar-surface-label": "true", children: _jsx(Label, { as: `h${headingLevel}`, depth: depth ?? "top", id: headingId, children: label }) })), _jsx("div", { "aria-label": label === undefined ? accessibleName : undefined, "aria-labelledby": label === undefined ? undefined : headingId, className: getAccordionShellClassName(bounded), "data-contract": [
|
|
24
25
|
bounded ? "SURFACE-2" : "SURFACE-1",
|
|
25
26
|
bounded ? "OVERFLOW-2" : "OVERFLOW-1 OVERFLOW-2",
|
|
26
27
|
depth === "nested" ? "BOUNDARY-5" : depth === "top" ? "BOUNDARY-6" : undefined,
|
|
@@ -29,6 +30,7 @@ const SurfaceAccordionRows = ({ label, ariaLabel, depth, headingLevel = DEFAULT_
|
|
|
29
30
|
_jsx(Accordion.Heading, { className: accordionHeadingClassName ?? "", "data-contract": "MARGIN-0", children: _jsx(Accordion.Trigger, { className: accordionTriggerClassName ?? "", "data-contract": "PADDING-4", children: renderSummary(item.summaryRender) }) }),
|
|
30
31
|
_jsx(Accordion.Panel, { className: accordionPanelClassName ?? "", "data-contract": "PADDING-0", role: "region", children: _jsx(Accordion.Body, { children: _jsx("div", { className: accordionBodyClassName ?? "", "data-contract": "PADDING-0 PADDING-3 PADDING-4 PADDING-5 TONE-1", children: renderBody(item.bodyRender) }) }) })));
|
|
31
32
|
}) }) }) })] }));
|
|
33
|
+
return _jsx(SurfaceNesting, { children: content });
|
|
32
34
|
};
|
|
33
35
|
/** Draw one full-width joined disclosure surface whose reusable anatomy is owned by Core Grammar. */
|
|
34
36
|
export const SurfaceAccordionCard = (props) => props.items === undefined
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/branch/SurfaceAccordionCard/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;;AAEZ,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,EAA4B,KAAK,EAAE,MAAM,OAAO,CAAA;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAA;AACpF,OAAO,EAAE,6BAA6B,EAAE,KAAK,EAA4B,MAAM,gCAAgC,CAAA;AAC/G,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAA;AACpE,OAAO,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,yBAAyB,EAAE,uBAAuB,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,8BAA8B,EAAE,0BAA0B,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAA;AAuD1Q,MAAM,oBAAoB,GAAG,CAAgB,EACzC,KAAK,EACL,SAAS,EACT,KAAK,EACL,YAAY,GAAG,6BAA6B,EAC5C,KAAK,EACL,aAAa,EACb,UAAU,EACV,gBAAgB,EAChB,YAAY,GAAG,KAAK,GACmB,EAAE,EAAE;IAC3C,MAAM,OAAO,GAAG,KAAK,KAAK,SAAS,CAAA;IACnC,MAAM,SAAS,GAAG,KAAK,EAAE,CAAA;IACzB,MAAM,cAAc,GAAG,SAAS,IAAI,KAAK,CAAA;IACzC,MAAM,YAAY,GAAG,IAAI,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAA;IAExF,MAAM,gBAAgB,GAAG,CAAC,QAAkB,EAAE,EAAE;QAC5C,MAAM,OAAO,GAAG,IAAI,GAAG,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAA;QAClD,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;YACvB,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;YACrC,IAAI,QAAQ,KAAK,IAAI,CAAC,MAAM;gBAAE,gBAAgB,CAAC,IAAI,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAA;QACrE,CAAC;IACL,CAAC,CAAA;IAED,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/branch/SurfaceAccordionCard/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/branch/SurfaceCard/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAS,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/branch/SurfaceCard/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAS,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAE7C,OAAO,EAAyC,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAE9F,OAAO,EAAwC,KAAK,mBAAmB,EAAE,MAAM,gCAAgC,CAAA;AAC/G,OAAO,EASH,KAAK,iBAAiB,EACtB,KAAK,kBAAkB,EACvB,KAAK,gBAAgB,EAExB,MAAM,iBAAiB,CAAA;AAExB,MAAM,MAAM,eAAe,GACrB;IACE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;CACzB,GACC;IACE,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAA;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,IAAI,CAAA;IAC1B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;CACzB,CAAA;AAEL,KAAK,mBAAmB,GAAG;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAC9B,CAAA;AAED,KAAK,oBAAoB,GAAG;IACxB,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAA;IAC1B,8FAA8F;IAC9F,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAC9B,CAAA;AAED,6DAA6D;AAC7D,KAAK,gBAAgB,GAAG;IACpB,QAAQ,CAAC,SAAS,CAAC,EAAE,SAAS,CAAA;IAC9B,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,CAAA;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAA;CAC7B,CAAA;AAED;;;;;GAKG;AACH,KAAK,cAAc,GAAG;IAClB,QAAQ,CAAC,SAAS,EAAE,KAAK,CAAA;IACzB;;;;OAIG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,CAAA;IAC5B,4GAA4G;IAC5G,QAAQ,CAAC,KAAK,CAAC,EAAE,gBAAgB,CAAA;CACpC,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG,CAAC,mBAAmB,GAAG,oBAAoB,CAAC,GAAG,CAAC,gBAAgB,GAAG,cAAc,CAAC,GAAG;IAChH,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAA;IAC5B,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;IACtB,+FAA+F;IAC/F,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;IAC7B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;IACjC;;;OAGG;IACH,QAAQ,CAAC,YAAY,CAAC,EAAE,mBAAmB,CAAA;IAC3C,QAAQ,CAAC,KAAK,CAAC,EAAE,iBAAiB,CAAA;IAClC,QAAQ,CAAC,WAAW,CAAC,EAAE,eAAe,CAAA;IACtC,kGAAkG;IAClG,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;IACxC,+DAA+D;IAC/D,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,WAAW,CAAA;IACtC,sFAAsF;IACtF,QAAQ,CAAC,YAAY,CAAC,EAAE,OAAO,CAAA;IAC/B,kFAAkF;IAClF,QAAQ,CAAC,WAAW,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC1C,kFAAkF;IAClF,QAAQ,CAAC,OAAO,CAAC,EAAE,kBAAkB,CAAA;IACrC,kGAAkG;IAClG,QAAQ,CAAC,MAAM,CAAC,EAAE,iBAAiB,CAAA;IACnC,iFAAiF;IACjF,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAA;CACjC,CAAA;AA2BD,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,gCAsJlD,CAAA"}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { Card } from "@heroui/react";
|
|
4
4
|
import { useId } from "react";
|
|
5
|
+
import { SurfaceNesting } from "../../surfaceContext.js";
|
|
5
6
|
import { assertPresentationState, treatmentFor } from "../../state.js";
|
|
6
7
|
import { VerticalScrollRegion } from "../../composite/VerticalScrollRegion/index.js";
|
|
7
8
|
import { DEFAULT_SURFACE_HEADING_LEVEL, Label } from "../../primitive/Label/index.js";
|
|
@@ -54,6 +55,7 @@ export const SurfaceCard = (props) => {
|
|
|
54
55
|
const action = wholeAction?.kind === "link" ? (_jsx("a", { "aria-disabled": disabled || undefined, "aria-label": wholeAction.label, "data-grammar-whole-action": "link", href: disabled ? undefined : wholeAction.href, tabIndex: disabled ? -1 : undefined })) : wholeAction?.kind === "button" ? (_jsx("button", { "aria-label": wholeAction.label, "data-grammar-whole-action": "button", disabled: disabled, onClick: wholeAction.press, type: "button" })) : null;
|
|
55
56
|
const surface = (_jsxs(Card.Content, { "aria-label": label === undefined ? accessibleName : undefined, "aria-labelledby": label === undefined ? undefined : headingId, className: getSurfaceFrameClassName(shell) ?? "", "data-contract": contentContract, "data-grammar-frame": shell, "data-grammar-surface-composition": composition, "data-grammar-surface-height": height, "data-grammar-scroll": contained ? "contained" : "page", "data-grammar-state": state, "data-grammar-surface-depth": depth, "data-grammar-treatment": stateTreatment.tone, "data-grammar-surface-treatment": treatment, "data-grammar-surface-artwork": artwork !== undefined ? "art" : motif !== "none" ? "motif" : "none", children: [treatment === "ink" && (artwork !== undefined || motif !== "none") ? (_jsxs("div", { "aria-hidden": "true", className: surfaceArtworkClassName, "data-grammar-surface-artwork": artwork === undefined ? "none" : "art", "data-grammar-surface-motif": motif, children: [motif === "orbit" ? _jsx(OrbitMotif, {}) : null, artwork] })) : null, _jsx(VerticalScrollRegion, { className: getSurfaceContentClassName(measure, contained), "data-contract": compositionContract, "data-grammar-surface-content": "true", "data-grammar-surface-composition": composition, isScrollable: contained, ...(contained ? (label === undefined ? (accessibleName === undefined ? {} : { "aria-label": accessibleName }) : { "aria-labelledby": headingId }) : {}), children: children }), action] }));
|
|
56
57
|
const highlightedSurface = isHighlight && state !== "pending" ? (_jsxs("div", { className: surfaceHighlightClassName, "data-grammar-highlight": "true", children: [_jsx("div", { "aria-hidden": true, className: surfaceHighlightSweepClassName }), surface] })) : surface;
|
|
57
|
-
|
|
58
|
+
const content = (_jsxs(Card.Root, { className: getSurfaceCardClassName(measure) ?? "", "data-contract": rootContract, "data-grammar-frame": shell, "data-grammar-surface-composition": composition, "data-grammar-surface-height": height, "data-grammar-interaction": wholeAction === undefined ? "static" : "whole-action", "data-grammar-surface-labelled": label === undefined ? "false" : "true", "data-grammar-surface-card": "true", "data-grammar-nesting": "surface", "data-grammar-surface-treatment": treatment, "data-component": "SurfaceCard", "data-tier": "branch", render: (cardProps) => _jsx("section", { ...cardProps }), variant: "transparent", children: [label === undefined ? null : (_jsxs(Card.Header, { className: surfaceLabelClassName ?? "", "data-contract": "GAP-2", "data-grammar-surface-label": "true", children: [_jsx(Label, { as: `h${headingLevel}`, id: headingId, children: label }), labelEnd ?? (fact === undefined ? null : _jsx("span", { children: fact }))] })), highlightedSurface] }));
|
|
59
|
+
return _jsx(SurfaceNesting, { children: content });
|
|
58
60
|
};
|
|
59
61
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/branch/SurfaceCard/index.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/branch/SurfaceCard/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/branch/SurfaceListCard/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/branch/SurfaceListCard/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAGvD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAA;AAEzE,OAAO,EAAwC,KAAK,mBAAmB,EAAE,MAAM,gCAAgC,CAAA;AAG/G,KAAK,mBAAmB,GAAG;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAC9B,CAAA;AAED,KAAK,oBAAoB,GAAG;IACxB,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAA;IAC1B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;CAC7B,CAAA;AAED,KAAK,qBAAqB,GAAG,CAAC,mBAAmB,GAAG,oBAAoB,CAAC,GAAG;IACxE,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;IAC7B,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAA;IAC9B,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,CAAA;IAC3B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;IACjC;;;OAGG;IACH,QAAQ,CAAC,YAAY,CAAC,EAAE,mBAAmB,CAAA;IAC3C;;;OAGG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,wEAAwE;IACxE,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;IAC7B;;;;;;;OAOG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,YAAY,CAAC,EAAE,OAAO,CAAA;CAClC,CAAA;AAED,sEAAsE;AACtE,MAAM,MAAM,qBAAqB,GAAG,UAAU,CAAA;AAE9C,MAAM,MAAM,oBAAoB,GAAG,qBAAqB,GAAG;IACvD;;;;OAIG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;IAC7B;;;OAGG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAA;CAC7B,CAAA;AAKD,eAAO,MAAM,eAAe,GAAI,OAAO,oBAAoB,gCAyF1D,CAAA"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { Children, useId } from "react";
|
|
4
|
+
import { SurfaceNesting } from "../../surfaceContext.js";
|
|
4
5
|
import { ListRow } from "../../composite/ListRow/index.js";
|
|
5
6
|
import { VerticalScrollRegion } from "../../composite/VerticalScrollRegion/index.js";
|
|
6
7
|
import { DEFAULT_SURFACE_HEADING_LEVEL, Label } from "../../primitive/Label/index.js";
|
|
@@ -19,8 +20,9 @@ export const SurfaceListCard = (props) => {
|
|
|
19
20
|
: isScrollable
|
|
20
21
|
? { role: "list", ...(!labelHidden && label !== undefined ? { "aria-labelledby": headingId } : accessibleName === undefined ? {} : { "aria-label": accessibleName }) }
|
|
21
22
|
: { as: "ul", role: "list" };
|
|
22
|
-
|
|
23
|
+
const content = (_jsxs("section", { className: surfaceListClassName, "data-grammar-label-visibility": labelHidden ? "hidden" : "visible", "data-grammar-surface-list": "true", "data-grammar-nesting": "surface", "data-component": "SurfaceListCard", "data-tier": "branch", "data-grammar-surface-depth": depth, children: [label === undefined || labelHidden ? null : (_jsxs("div", { className: surfaceLabelClassName, "data-contract": "GAP-2", "data-grammar-surface-label": "true", "data-grammar-label-end": labelEnd === undefined ? "false" : "true", children: [_jsx(Label, { as: `h${headingLevel}`, id: headingId, depth: depth, children: label }), fact === undefined ? null : (_jsx("span", { className: surfaceFactClassName, "data-grammar-surface-depth": depth, "data-contract": `TONE-2 ${depth === "nested" ? "FONT-1" : "FONT-2"}`, children: fact })), labelEnd === undefined ? null : _jsx("span", { className: "starci-core-surface-label-end", children: labelEnd })] })), _jsx("div", { "aria-label": labelHidden || label === undefined ? accessibleName : undefined, "aria-labelledby": !labelHidden && label !== undefined ? headingId : undefined, className: listShellClassName, "data-contract": "SURFACE-2 PADDING-0 OVERFLOW-2", "data-grammar-surface": "true", "data-grammar-scroll": isScrollable ? "contained" : "page", "data-grammar-surface-depth": depth, "data-surface-context": depth === "nested" ? "nested" : "page", "data-verdict": String(isVerdict), children: _jsx(VerticalScrollRegion, { ...collectionSemantics, className: collectionClassName, "data-grammar-collection": isVerdict ? "verdict" : "list", "data-grammar-list": "true", "data-loading": String(isLoading), ...(isLoading ? { "aria-busy": true } : {}), isScrollable: isScrollable, children: isSkeleton
|
|
23
24
|
? Array.from({ length: clampRows(loadingRows) }, (_, index) => _jsx(ListRow, { isSkeleton: true, title: "", description: "", leading: "", actions: "" }, index))
|
|
24
25
|
: isEmpty ? empty : children }) }), footer === undefined ? null : (_jsx("div", { className: surfaceFooterClassName, "data-grammar-surface-footer": "true", children: footer }))] }));
|
|
26
|
+
return _jsx(SurfaceNesting, { children: content });
|
|
25
27
|
};
|
|
26
28
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/branch/SurfaceListCard/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAkB,MAAM,OAAO,CAAA;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAA;AAE1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAA;AACpF,OAAO,EAAE,6BAA6B,EAAE,KAAK,EAA4B,MAAM,gCAAgC,CAAA;AAC/G,OAAO,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAA;AA2DpK,MAAM,oBAAoB,GAAG,CAAC,CAAA;AAC9B,MAAM,SAAS,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAA;AAE9H,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAE,EAAE;IAC3D,MAAM,EACF,KAAK,EACL,SAAS,EACT,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,WAAW,GAAG,KAAK,EACnB,MAAM,EACN,KAAK,GAAG,KAAK,EACb,YAAY,GAAG,6BAA6B,EAC5C,SAAS,GAAG,KAAK,EACjB,WAAW,GAAG,oBAAoB,EAClC,SAAS,GAAG,KAAK,EACjB,YAAY,GAAG,KAAK,GACvB,GAAG,KAAK,CAAA;IACT,MAAM,SAAS,GAAG,KAAK,EAAE,CAAA;IACzB,MAAM,cAAc,GAAG,SAAS,IAAI,KAAK,CAAA;IACzC,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,GAAG,CAAC,CAAA;IACrD,MAAM,UAAU,GAAG,SAAS,IAAI,CAAC,OAAO,CAAA;IACxC,MAAM,OAAO,GAAG,CAAC,UAAU,IAAI,KAAK,KAAK,SAAS,IAAI,CAAC,OAAO,CAAA;IAC9D,MAAM,mBAAmB,GAAG,OAAO;QAC/B,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC,YAAY;YACV,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC,WAAW,IAAI,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,iBAAiB,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,cAAc,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,cAAc,EAAE,CAAC,EAAE;YACtK,CAAC,CAAC,EAAE,EAAE,EAAE,IAAa,EAAE,IAAI,EAAE,MAAM,EAAE,CAAA;IAE7C,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/branch/SurfaceListCard/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -15,4 +15,17 @@ export type TooltipProps = {
|
|
|
15
15
|
* reveal rhythm shared across StarCi surfaces.
|
|
16
16
|
*/
|
|
17
17
|
export declare const Tooltip: ({ content, children, placement, }: TooltipProps) => import("react").JSX.Element;
|
|
18
|
+
type AnchoredTooltipProps = {
|
|
19
|
+
readonly id: string;
|
|
20
|
+
readonly target: Element | null;
|
|
21
|
+
readonly content: ReactNode;
|
|
22
|
+
readonly isOpen: boolean;
|
|
23
|
+
};
|
|
24
|
+
/**
|
|
25
|
+
* Internal annotation for a collection item whose renderer already owns hover, focus and Escape.
|
|
26
|
+
* The native manual popover escapes scroll clipping while staying in its Grammar DOM scope;
|
|
27
|
+
* the caller attaches this id to the actual item, so no trigger wrapper changes the collection.
|
|
28
|
+
*/
|
|
29
|
+
export declare const AnchoredTooltip: ({ id, target, content, isOpen }: AnchoredTooltipProps) => import("react").JSX.Element;
|
|
30
|
+
export {};
|
|
18
31
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/branch/Tooltip/index.tsx"],"names":[],"mappings":"AAEA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/branch/Tooltip/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAkC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtE,sDAAsD;AACtD,MAAM,MAAM,gBAAgB,GAAG,KAAK,GAAG,QAAQ,CAAA;AAE/C,iCAAiC;AACjC,MAAM,MAAM,YAAY,GAAG;IACvB,0DAA0D;IAC1D,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAA;IAC3B,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAA;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,gBAAgB,CAAA;CACxC,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,OAAO,GAAI,mCAIrB,YAAY,gCAyBd,CAAA;AAED,KAAK,oBAAoB,GAAG;IACxB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI,CAAA;IAC/B,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAA;IAC3B,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAA;CAC3B,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,eAAe,GAAI,iCAAiC,oBAAoB,gCA+CpF,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { useId } from "react";
|
|
3
|
+
import { useId, useLayoutEffect, useRef } from "react";
|
|
4
4
|
import { tooltipContentClassName, tooltipRootClassName } from "./classNames.js";
|
|
5
5
|
/**
|
|
6
6
|
* BRANCH - `Tooltip`: one hover/focus annotation anchored to a trigger.
|
|
@@ -12,4 +12,43 @@ export const Tooltip = ({ content, children, placement = "top", }) => {
|
|
|
12
12
|
const tooltipId = useId();
|
|
13
13
|
return (_jsxs("span", { className: tooltipRootClassName, "data-grammar-tooltip": "true", "data-component": "Tooltip", "data-tier": "branch", "data-grammar-tooltip-placement": placement, children: [_jsx("span", { "aria-describedby": tooltipId, "data-grammar-tooltip-trigger": "true", children: children }), _jsx("span", { id: tooltipId, role: "tooltip", className: tooltipContentClassName, "data-contract": "PADDING-1 PADDING-2 FLOW-2 FONT-1", "data-grammar-tooltip-content": "true", children: content })] }));
|
|
14
14
|
};
|
|
15
|
+
/**
|
|
16
|
+
* Internal annotation for a collection item whose renderer already owns hover, focus and Escape.
|
|
17
|
+
* The native manual popover escapes scroll clipping while staying in its Grammar DOM scope;
|
|
18
|
+
* the caller attaches this id to the actual item, so no trigger wrapper changes the collection.
|
|
19
|
+
*/
|
|
20
|
+
export const AnchoredTooltip = ({ id, target, content, isOpen }) => {
|
|
21
|
+
const annotationRef = useRef(null);
|
|
22
|
+
useLayoutEffect(() => {
|
|
23
|
+
const annotation = annotationRef.current;
|
|
24
|
+
const view = target?.ownerDocument.defaultView;
|
|
25
|
+
if (!isOpen || target === null || annotation === null || view == null || !target.isConnected)
|
|
26
|
+
return;
|
|
27
|
+
const place = () => {
|
|
28
|
+
const targetRect = target.getBoundingClientRect();
|
|
29
|
+
const annotationRect = annotation.getBoundingClientRect();
|
|
30
|
+
const viewport = target.ownerDocument.documentElement;
|
|
31
|
+
const inset = 8;
|
|
32
|
+
const left = Math.min(Math.max(inset, targetRect.right + inset), Math.max(inset, viewport.clientWidth - annotationRect.width - inset));
|
|
33
|
+
const top = Math.min(Math.max(inset, targetRect.top + (targetRect.height - annotationRect.height) / 2), Math.max(inset, viewport.clientHeight - annotationRect.height - inset));
|
|
34
|
+
annotation.style.left = `${left}px`;
|
|
35
|
+
annotation.style.top = `${top}px`;
|
|
36
|
+
};
|
|
37
|
+
annotation.showPopover();
|
|
38
|
+
place();
|
|
39
|
+
view.addEventListener("scroll", place, true);
|
|
40
|
+
view.addEventListener("resize", place);
|
|
41
|
+
const observer = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(place);
|
|
42
|
+
observer?.observe(target);
|
|
43
|
+
observer?.observe(annotation);
|
|
44
|
+
return () => {
|
|
45
|
+
view.removeEventListener("scroll", place, true);
|
|
46
|
+
view.removeEventListener("resize", place);
|
|
47
|
+
observer?.disconnect();
|
|
48
|
+
if (annotation.matches(":popover-open"))
|
|
49
|
+
annotation.hidePopover();
|
|
50
|
+
};
|
|
51
|
+
}, [isOpen, target, content]);
|
|
52
|
+
return (_jsx("span", { ref: annotationRef, id: id, role: "tooltip", popover: "manual", className: tooltipContentClassName, "data-contract": "PADDING-1 PADDING-2 FLOW-2 FONT-1", "data-grammar-tooltip-content": "true", "data-grammar-tooltip-annotation": "true", children: content }));
|
|
53
|
+
};
|
|
15
54
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/branch/Tooltip/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,KAAK,EAAkB,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/branch/Tooltip/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,EAAkB,MAAM,OAAO,CAAA;AACtE,OAAO,EAAE,uBAAuB,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAA;AAa/E;;;;;GAKG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EACpB,OAAO,EACP,QAAQ,EACR,SAAS,GAAG,KAAK,GACN,EAAE,EAAE;IACf,MAAM,SAAS,GAAG,KAAK,EAAE,CAAA;IAEzB,OAAO,CACH,gBACI,SAAS,EAAE,oBAAoB,0BACV,MAAM,oBACZ,SAAS,eACd,QAAQ,oCACc,SAAS,aAEzC,mCAAwB,SAAS,kCAA+B,MAAM,YACjE,QAAQ,GACN,EACP,eACI,EAAE,EAAE,SAAS,EACb,IAAI,EAAC,SAAS,EACd,SAAS,EAAE,uBAAuB,mBACpB,mCAAmC,kCACpB,MAAM,YAElC,OAAO,GACL,IACJ,CACV,CAAA;AACL,CAAC,CAAA;AASD;;;;GAIG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAwB,EAAE,EAAE;IACrF,MAAM,aAAa,GAAG,MAAM,CAAkB,IAAI,CAAC,CAAA;IAEnD,eAAe,CAAC,GAAG,EAAE;QACjB,MAAM,UAAU,GAAG,aAAa,CAAC,OAAO,CAAA;QACxC,MAAM,IAAI,GAAG,MAAM,EAAE,aAAa,CAAC,WAAW,CAAA;QAC9C,IAAI,CAAC,MAAM,IAAI,MAAM,KAAK,IAAI,IAAI,UAAU,KAAK,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,CAAC,MAAM,CAAC,WAAW;YAAE,OAAM;QAEpG,MAAM,KAAK,GAAG,GAAG,EAAE;YACf,MAAM,UAAU,GAAG,MAAM,CAAC,qBAAqB,EAAE,CAAA;YACjD,MAAM,cAAc,GAAG,UAAU,CAAC,qBAAqB,EAAE,CAAA;YACzD,MAAM,QAAQ,GAAG,MAAM,CAAC,aAAa,CAAC,eAAe,CAAA;YACrD,MAAM,KAAK,GAAG,CAAC,CAAA;YACf,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,UAAU,CAAC,KAAK,GAAG,KAAK,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,QAAQ,CAAC,WAAW,GAAG,cAAc,CAAC,KAAK,GAAG,KAAK,CAAC,CAAC,CAAA;YACtI,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,UAAU,CAAC,GAAG,GAAG,CAAC,UAAU,CAAC,MAAM,GAAG,cAAc,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,QAAQ,CAAC,YAAY,GAAG,cAAc,CAAC,MAAM,GAAG,KAAK,CAAC,CAAC,CAAA;YAC/K,UAAU,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,IAAI,IAAI,CAAA;YACnC,UAAU,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,GAAG,IAAI,CAAA;QACrC,CAAC,CAAA;QACD,UAAU,CAAC,WAAW,EAAE,CAAA;QACxB,KAAK,EAAE,CAAA;QACP,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,CAAA;QAC5C,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAA;QACtC,MAAM,QAAQ,GAAG,OAAO,cAAc,KAAK,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,cAAc,CAAC,KAAK,CAAC,CAAA;QACzF,QAAQ,EAAE,OAAO,CAAC,MAAM,CAAC,CAAA;QACzB,QAAQ,EAAE,OAAO,CAAC,UAAU,CAAC,CAAA;QAC7B,OAAO,GAAG,EAAE;YACR,IAAI,CAAC,mBAAmB,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,CAAA;YAC/C,IAAI,CAAC,mBAAmB,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAA;YACzC,QAAQ,EAAE,UAAU,EAAE,CAAA;YACtB,IAAI,UAAU,CAAC,OAAO,CAAC,eAAe,CAAC;gBAAE,UAAU,CAAC,WAAW,EAAE,CAAA;QACrE,CAAC,CAAA;IACL,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,CAAA;IAE7B,OAAO,CACH,eACI,GAAG,EAAE,aAAa,EAClB,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,SAAS,EACd,OAAO,EAAC,QAAQ,EAChB,SAAS,EAAE,uBAAuB,mBACpB,mCAAmC,kCACpB,MAAM,qCACH,MAAM,YAErC,OAAO,GACL,CACV,CAAA;AACL,CAAC,CAAA"}
|
|
@@ -4,6 +4,8 @@ export type AvatarButtonProps = {
|
|
|
4
4
|
/** The person or entity; it names the button. */
|
|
5
5
|
readonly name: string;
|
|
6
6
|
readonly src?: string;
|
|
7
|
+
/** Stable user or identity id for Grammar's generated avatar when `src` is absent. */
|
|
8
|
+
readonly seed?: string;
|
|
7
9
|
/** Shown while the image loads or fails. Defaults to the initials of `name`. */
|
|
8
10
|
readonly fallback?: ReactNode;
|
|
9
11
|
/** `md` is 40px. */
|
|
@@ -16,5 +18,5 @@ export type AvatarButtonProps = {
|
|
|
16
18
|
* press and a round focus ring. Pass it as the `trigger` of a DropdownMenu or Popover (the account menu).
|
|
17
19
|
* Contract: A11Y-2 (the button is named once; the avatar inside is decorative).
|
|
18
20
|
*/
|
|
19
|
-
export declare const AvatarButton: ({ name, src, fallback, size, onPress, isDisabled }: AvatarButtonProps) => import("react").JSX.Element;
|
|
21
|
+
export declare const AvatarButton: ({ name, src, seed, fallback, size, onPress, isDisabled }: AvatarButtonProps) => import("react").JSX.Element;
|
|
20
22
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/composite/AvatarButton/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAU,KAAK,UAAU,EAAE,MAAM,iCAAiC,CAAA;AAGzE,MAAM,MAAM,iBAAiB,GAAG;IAC5B,iDAAiD;IACjD,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAA;IACrB,gFAAgF;IAChF,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;IAC7B,oBAAoB;IACpB,QAAQ,CAAC,IAAI,CAAC,EAAE,UAAU,CAAA;IAC1B,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IAC7B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;CAChC,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,YAAY,GAAI,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/composite/AvatarButton/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAU,KAAK,UAAU,EAAE,MAAM,iCAAiC,CAAA;AAGzE,MAAM,MAAM,iBAAiB,GAAG;IAC5B,iDAAiD;IACjD,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAA;IACrB,sFAAsF;IACtF,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;IACtB,gFAAgF;IAChF,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;IAC7B,oBAAoB;IACpB,QAAQ,CAAC,IAAI,CAAC,EAAE,UAAU,CAAA;IAC1B,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IAC7B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;CAChC,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,YAAY,GAAI,0DAAiE,iBAAiB,gCAU9G,CAAA"}
|
|
@@ -7,5 +7,5 @@ import { PlainPressable } from "../../primitive/PlainPressable/index.js";
|
|
|
7
7
|
* press and a round focus ring. Pass it as the `trigger` of a DropdownMenu or Popover (the account menu).
|
|
8
8
|
* Contract: A11Y-2 (the button is named once; the avatar inside is decorative).
|
|
9
9
|
*/
|
|
10
|
-
export const AvatarButton = ({ name, src, fallback, size = "md", onPress, isDisabled }) => (_jsx(PlainPressable, { "aria-label": name, shape: "circle", ...(onPress === undefined ? {} : { onPress }), ...(isDisabled === undefined ? {} : { isDisabled }), children: _jsx(Avatar, { name: name, isDecorative: true, size: size, ...(src === undefined ? {} : { src }), ...(fallback === undefined ? {} : { fallback }) }) }));
|
|
10
|
+
export const AvatarButton = ({ name, src, seed, fallback, size = "md", onPress, isDisabled }) => (_jsx(PlainPressable, { "aria-label": name, shape: "circle", ...(size === "control" ? { size } : {}), ...(onPress === undefined ? {} : { onPress }), ...(isDisabled === undefined ? {} : { isDisabled }), children: _jsx(Avatar, { name: name, isDecorative: true, size: size, ...(src === undefined ? {} : { src }), ...(seed === undefined ? {} : { seed }), ...(fallback === undefined ? {} : { fallback }) }) }));
|
|
11
11
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/composite/AvatarButton/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAGZ,OAAO,EAAE,MAAM,EAAmB,MAAM,iCAAiC,CAAA;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/composite/AvatarButton/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAGZ,OAAO,EAAE,MAAM,EAAmB,MAAM,iCAAiC,CAAA;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAA;AAgBxE;;;;GAIG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,GAAG,IAAI,EAAE,OAAO,EAAE,UAAU,EAAqB,EAAE,EAAE,CAAC,CAChH,KAAC,cAAc,kBACC,IAAI,EAChB,KAAK,EAAC,QAAQ,KACV,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KACpC,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,KAC1C,CAAC,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,CAAC,YAEpD,KAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,QAAC,IAAI,EAAE,IAAI,KAAM,CAAC,GAAG,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,KAAM,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,KAAM,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,GAAI,GACtK,CACpB,CAAA"}
|
|
@@ -1,14 +1,21 @@
|
|
|
1
|
+
import type { ReactNode } from "react";
|
|
1
2
|
import { type AvatarSize } from "../../primitive/Avatar/index.js";
|
|
2
3
|
export type AvatarGroupItem = {
|
|
3
4
|
readonly id: string;
|
|
4
5
|
readonly name: string;
|
|
5
6
|
readonly src?: string;
|
|
7
|
+
/** Stable user or identity id for Grammar's generated avatar when `src` is absent. */
|
|
8
|
+
readonly seed?: string;
|
|
9
|
+
/** Uses the same image-loading and fallback behavior as Avatar; initials are the default. */
|
|
10
|
+
readonly fallback?: ReactNode;
|
|
6
11
|
};
|
|
7
12
|
export type AvatarGroupProps = {
|
|
8
13
|
/** Names the group, e.g. who is in a space. */
|
|
9
14
|
readonly label: string;
|
|
10
15
|
readonly items: ReadonlyArray<AvatarGroupItem>;
|
|
11
|
-
/**
|
|
16
|
+
/** `row` stacks members; `grid` makes one round group identity, the size of a single Avatar. */
|
|
17
|
+
readonly layout?: "row" | "grid";
|
|
18
|
+
/** Visible avatars in `row` before the rest collapse into an overflow count. The grid always has at most four cells. */
|
|
12
19
|
readonly max?: number;
|
|
13
20
|
readonly size?: AvatarSize;
|
|
14
21
|
/** App-owned accessible text for the overflow count, e.g. "3 more people". */
|
|
@@ -16,8 +23,9 @@ export type AvatarGroupProps = {
|
|
|
16
23
|
readonly className?: string;
|
|
17
24
|
};
|
|
18
25
|
/**
|
|
19
|
-
* A stacked
|
|
26
|
+
* A stacked member row or one round composite group identity with an accessible overflow count.
|
|
27
|
+
* Grid layout splits two members, places one above two for three members, and uses a 2-by-2 grid for four.
|
|
20
28
|
* Contract: each avatar and count A11Y-2 (named once, fallback initials and overflow digits silent).
|
|
21
29
|
*/
|
|
22
|
-
export declare const AvatarGroup: ({ label, items, max, size, overflowLabel, className }: AvatarGroupProps) => import("react").JSX.Element;
|
|
30
|
+
export declare const AvatarGroup: ({ label, items, layout, max, size, overflowLabel, className }: AvatarGroupProps) => import("react").JSX.Element;
|
|
23
31
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/composite/AvatarGroup/index.tsx"],"names":[],"mappings":"AAGA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/composite/AvatarGroup/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAkD,KAAK,UAAU,EAAE,MAAM,iCAAiC,CAAA;AAGjH,MAAM,MAAM,eAAe,GAAG;IAC1B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAA;IACrB,sFAAsF;IACtF,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;IACtB,6FAA6F;IAC7F,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;CAChC,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC3B,+CAA+C;IAC/C,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,KAAK,EAAE,aAAa,CAAC,eAAe,CAAC,CAAA;IAC9C,gGAAgG;IAChG,QAAQ,CAAC,MAAM,CAAC,EAAE,KAAK,GAAG,MAAM,CAAA;IAChC,wHAAwH;IACxH,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,IAAI,CAAC,EAAE,UAAU,CAAA;IAC1B,8EAA8E;IAC9E,QAAQ,CAAC,aAAa,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,MAAM,CAAA;IACvD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAC9B,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,WAAW,GAAI,+DAAkF,gBAAgB,gCAwE7H,CAAA"}
|
|
@@ -1,15 +1,19 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { Avatar as HeroAvatar, AvatarGroup as HeroAvatarGroup } from "@heroui/react";
|
|
4
|
-
import { avatarA11yProps, avatarParts } from "../../primitive/Avatar/index.js";
|
|
4
|
+
import { avatarA11yProps, avatarParts, vendorAvatarSize } from "../../primitive/Avatar/index.js";
|
|
5
5
|
import { navigationClassName } from "../../navigationClassNames.js";
|
|
6
6
|
/**
|
|
7
|
-
* A stacked
|
|
7
|
+
* A stacked member row or one round composite group identity with an accessible overflow count.
|
|
8
|
+
* Grid layout splits two members, places one above two for three members, and uses a 2-by-2 grid for four.
|
|
8
9
|
* Contract: each avatar and count A11Y-2 (named once, fallback initials and overflow digits silent).
|
|
9
10
|
*/
|
|
10
|
-
export const AvatarGroup = ({ label, items, max = 4, size = "md", overflowLabel, className }) => {
|
|
11
|
-
const
|
|
11
|
+
export const AvatarGroup = ({ label, items, layout = "row", max = 4, size = "md", overflowLabel, className }) => {
|
|
12
|
+
const capacity = layout === "grid" ? (items.length > 4 ? 3 : 4) : Math.max(0, max);
|
|
13
|
+
const visible = items.slice(0, capacity);
|
|
12
14
|
const hidden = items.length - visible.length;
|
|
13
|
-
|
|
15
|
+
if (layout === "grid")
|
|
16
|
+
return (_jsx(HeroAvatar, { "aria-label": label, className: navigationClassName("starci-core-avatar starci-core-avatar-group", className), "data-component": "AvatarGroup", "data-contract": "COLLECTION-3 A11Y-2", "data-tier": "composite", "data-grammar-avatar-size": size, "data-grammar-avatar-layout": "grid", "data-grammar-avatar-cells": visible.length + (hidden > 0 ? 1 : 0), "data-grammar-avatar-overflow": hidden > 0 ? "true" : "false", role: "group", size: vendorAvatarSize(size), children: items.length === 0 ? avatarParts(label, undefined, undefined) : (_jsxs("span", { className: "starci-core-avatar-group-grid", children: [visible.map((item) => (_jsx(HeroAvatar, { ...avatarA11yProps(item.name, false), className: "starci-core-avatar-group-member", "data-component": "Avatar", "data-contract": "A11Y-2", size: vendorAvatarSize(size), children: avatarParts(item.name, item.src, item.fallback, item.seed) }, item.id))), hidden > 0 ? (_jsx("span", { "aria-label": overflowLabel(hidden), className: "starci-core-avatar-group-count", "data-contract": "A11Y-2", "data-grammar-avatar-count": "true", role: "img", children: _jsx("span", { "aria-hidden": "true", children: `+${hidden}` }) })) : null] })) }));
|
|
17
|
+
return (_jsxs(HeroAvatarGroup, { "aria-label": label, className: navigationClassName("starci-core-avatar-group", className), "data-component": "AvatarGroup", "data-tier": "composite", "data-grammar-avatar-layout": "row", "data-grammar-avatar-overflow": hidden > 0 ? "true" : "false", overlap: "ring", role: "group", size: vendorAvatarSize(size), children: [visible.map((item) => (_jsx(HeroAvatar, { ...avatarA11yProps(item.name, false), className: "starci-core-avatar", "data-component": "Avatar", "data-contract": "A11Y-2", "data-grammar-avatar-size": size, children: avatarParts(item.name, item.src, item.fallback, item.seed) }, item.id))), hidden > 0 ? (_jsx(HeroAvatarGroup.Count, { "aria-label": overflowLabel(hidden), className: "starci-core-avatar", "data-contract": "A11Y-2", "data-grammar-avatar-size": size, "data-grammar-avatar-count": "true", role: "img", children: _jsx("span", { "aria-hidden": "true", children: `+${hidden}` }) })) : null] }));
|
|
14
18
|
};
|
|
15
19
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/composite/AvatarGroup/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,eAAe,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/composite/AvatarGroup/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -14,7 +14,7 @@ export type CheckboxGroupProps = FieldControlProps & {
|
|
|
14
14
|
readonly defaultValue?: ReadonlyArray<string>;
|
|
15
15
|
readonly onValueChange?: (value: Array<string>) => void;
|
|
16
16
|
readonly orientation?: ChoiceOrientation;
|
|
17
|
-
/**
|
|
17
|
+
/** Defaults to `secondary` inside a Grammar surface and `primary` outside (ANATOMY-2 case-1). */
|
|
18
18
|
readonly variant?: "primary" | "secondary";
|
|
19
19
|
/**
|
|
20
20
|
* Initial unresolved content (knowledge STATE-8): the group label and each option label stay real text, each checkbox becomes a
|
|
@@ -26,5 +26,5 @@ export type CheckboxGroupProps = FieldControlProps & {
|
|
|
26
26
|
* Several independent choices under one group name (`role="group"`, labelled by the group label).
|
|
27
27
|
* Required means "at least one", validated by the vendor; the group owns the one error slot.
|
|
28
28
|
*/
|
|
29
|
-
export declare const CheckboxGroup: ({ options, value, defaultValue, onValueChange, orientation, variant, isSkeleton, ...field }: CheckboxGroupProps) => import("react").JSX.Element;
|
|
29
|
+
export declare const CheckboxGroup: ({ options, value, defaultValue, onValueChange, orientation, variant: requestedVariant, isSkeleton, ...field }: CheckboxGroupProps) => import("react").JSX.Element;
|
|
30
30
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/composite/CheckboxGroup/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/composite/CheckboxGroup/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAOH,KAAK,iBAAiB,EACzB,MAAM,gCAAgC,CAAA;AAGvC,oCAAoC;AACpC,MAAM,MAAM,YAAY,GAAG;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAA;IACzB,QAAQ,CAAC,WAAW,CAAC,EAAE,SAAS,CAAA;IAChC,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;CAChC,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG,UAAU,GAAG,YAAY,CAAA;AAEzD,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,GAAG;IACjD,QAAQ,CAAC,OAAO,EAAE,aAAa,CAAC,YAAY,CAAC,CAAA;IAC7C,QAAQ,CAAC,KAAK,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IACtC,QAAQ,CAAC,YAAY,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IAC7C,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,CAAA;IACvD,QAAQ,CAAC,WAAW,CAAC,EAAE,iBAAiB,CAAA;IACxC,iGAAiG;IACjG,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;IAC1C;;;OAGG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;CAChC,CAAA;AAcD;;;GAGG;AACH,eAAO,MAAM,aAAa,GAAI,+GAS3B,kBAAkB,gCAqCpB,CAAA"}
|