@starci/grammar 0.12.1 → 0.12.4
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 +119 -35
- package/dist/.build-stamp.json +4 -4
- package/dist/common/components-avatar-group.css +7 -0
- package/dist/common/components-forms.css +12 -74
- package/dist/common/components-list-panel.css +36 -7
- package/dist/common/components-navigation.css +46 -157
- package/dist/common/components-overlays.css +1 -85
- package/dist/common/registry.d.ts +6 -6
- package/dist/common/renderers-navigation.d.ts +6 -5
- 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 +5 -1
- package/dist/common/renderers.d.ts.map +1 -1
- package/dist/common/renderers.js +3 -0
- package/dist/common/renderers.js.map +1 -1
- package/dist/common/styles.css +7 -132
- package/dist/core/branch/AlertDialog/index.d.ts.map +1 -1
- package/dist/core/branch/AlertDialog/index.js +4 -1
- package/dist/core/branch/AlertDialog/index.js.map +1 -1
- package/dist/core/branch/DataTable/index.d.ts +0 -2
- package/dist/core/branch/DataTable/index.d.ts.map +1 -1
- package/dist/core/branch/DataTable/index.js +3 -2
- package/dist/core/branch/DataTable/index.js.map +1 -1
- package/dist/core/branch/Dialog/index.d.ts.map +1 -1
- package/dist/core/branch/Dialog/index.js +2 -1
- package/dist/core/branch/Dialog/index.js.map +1 -1
- package/dist/core/branch/DragItem/index.d.ts +2 -1
- package/dist/core/branch/DragItem/index.d.ts.map +1 -1
- package/dist/core/branch/DragItem/index.js +1 -1
- package/dist/core/branch/DragItem/index.js.map +1 -1
- package/dist/core/branch/Drawer/index.d.ts.map +1 -1
- package/dist/core/branch/Drawer/index.js +2 -1
- package/dist/core/branch/Drawer/index.js.map +1 -1
- package/dist/core/branch/DropdownMenu/index.d.ts +5 -2
- package/dist/core/branch/DropdownMenu/index.d.ts.map +1 -1
- package/dist/core/branch/DropdownMenu/index.js +6 -4
- package/dist/core/branch/DropdownMenu/index.js.map +1 -1
- package/dist/core/branch/FlowGraph/index.d.ts +4 -1
- package/dist/core/branch/FlowGraph/index.d.ts.map +1 -1
- package/dist/core/branch/FlowGraph/index.js +1 -1
- package/dist/core/branch/FlowGraph/index.js.map +1 -1
- package/dist/core/branch/ListBox/index.d.ts +22 -3
- package/dist/core/branch/ListBox/index.d.ts.map +1 -1
- package/dist/core/branch/ListBox/index.js +9 -5
- package/dist/core/branch/ListBox/index.js.map +1 -1
- package/dist/core/branch/Rail/index.d.ts.map +1 -1
- package/dist/core/branch/Rail/index.js +2 -4
- package/dist/core/branch/Rail/index.js.map +1 -1
- package/dist/core/branch/Select/index.d.ts +3 -0
- package/dist/core/branch/Select/index.d.ts.map +1 -1
- package/dist/core/branch/Select/index.js +7 -3
- package/dist/core/branch/Select/index.js.map +1 -1
- package/dist/core/branch/SurfaceAccordionCard/classNames.d.ts +1 -1
- package/dist/core/branch/SurfaceAccordionCard/classNames.d.ts.map +1 -1
- package/dist/core/branch/SurfaceAccordionCard/classNames.js +3 -3
- package/dist/core/branch/SurfaceAccordionCard/classNames.js.map +1 -1
- package/dist/core/branch/SurfaceAccordionCard/index.d.ts +2 -2
- package/dist/core/branch/SurfaceAccordionCard/index.d.ts.map +1 -1
- package/dist/core/branch/SurfaceAccordionCard/index.js +10 -9
- package/dist/core/branch/SurfaceAccordionCard/index.js.map +1 -1
- package/dist/core/branch/SurfaceCard/classNames.d.ts +0 -4
- package/dist/core/branch/SurfaceCard/classNames.d.ts.map +1 -1
- package/dist/core/branch/SurfaceCard/classNames.js +0 -4
- package/dist/core/branch/SurfaceCard/classNames.js.map +1 -1
- package/dist/core/branch/SurfaceCard/index.d.ts +0 -3
- package/dist/core/branch/SurfaceCard/index.d.ts.map +1 -1
- package/dist/core/branch/SurfaceCard/index.js +11 -29
- 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 +2 -1
- package/dist/core/branch/SurfaceListCard/index.js.map +1 -1
- package/dist/core/branch/Tabs/classNames.d.ts +1 -3
- package/dist/core/branch/Tabs/classNames.d.ts.map +1 -1
- package/dist/core/branch/Tabs/classNames.js +1 -4
- package/dist/core/branch/Tabs/classNames.js.map +1 -1
- package/dist/core/branch/Tabs/index.d.ts +5 -8
- package/dist/core/branch/Tabs/index.d.ts.map +1 -1
- package/dist/core/branch/Tabs/index.js +8 -4
- package/dist/core/branch/Tabs/index.js.map +1 -1
- package/dist/core/branch/Toast/index.js +2 -2
- package/dist/core/branch/Toast/index.js.map +1 -1
- package/dist/core/branch/Tooltip/classNames.d.ts +1 -2
- package/dist/core/branch/Tooltip/classNames.d.ts.map +1 -1
- package/dist/core/branch/Tooltip/classNames.js +1 -2
- package/dist/core/branch/Tooltip/classNames.js.map +1 -1
- package/dist/core/branch/Tooltip/index.d.ts +10 -14
- package/dist/core/branch/Tooltip/index.d.ts.map +1 -1
- package/dist/core/branch/Tooltip/index.js +10 -48
- package/dist/core/branch/Tooltip/index.js.map +1 -1
- package/dist/core/buttonIntent.d.ts +27 -0
- package/dist/core/buttonIntent.d.ts.map +1 -0
- package/dist/core/buttonIntent.js +29 -0
- package/dist/core/buttonIntent.js.map +1 -0
- package/dist/core/collectionItem.d.ts +16 -0
- package/dist/core/collectionItem.d.ts.map +1 -0
- package/dist/core/collectionItem.js +12 -0
- package/dist/core/collectionItem.js.map +1 -0
- package/dist/core/composite/AvatarButton/index.d.ts +5 -4
- package/dist/core/composite/AvatarButton/index.d.ts.map +1 -1
- package/dist/core/composite/AvatarButton/index.js +2 -2
- package/dist/core/composite/AvatarButton/index.js.map +1 -1
- package/dist/core/composite/AvatarGroup/index.d.ts +6 -4
- package/dist/core/composite/AvatarGroup/index.d.ts.map +1 -1
- package/dist/core/composite/AvatarGroup/index.js +4 -3
- package/dist/core/composite/AvatarGroup/index.js.map +1 -1
- package/dist/core/composite/CollectionItem/index.d.ts +8 -0
- package/dist/core/composite/CollectionItem/index.d.ts.map +1 -0
- package/dist/core/composite/CollectionItem/index.js +5 -0
- package/dist/core/composite/CollectionItem/index.js.map +1 -0
- package/dist/core/composite/Fieldset/index.js +2 -2
- package/dist/core/composite/Fieldset/index.js.map +1 -1
- package/dist/core/composite/IdentityLockup/index.d.ts +2 -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/ItemActions/index.d.ts +8 -0
- package/dist/core/composite/ItemActions/index.d.ts.map +1 -0
- package/dist/core/composite/ItemActions/index.js +5 -0
- package/dist/core/composite/ItemActions/index.js.map +1 -0
- package/dist/core/composite/ListRow/index.d.ts.map +1 -1
- package/dist/core/composite/ListRow/index.js +2 -1
- package/dist/core/composite/ListRow/index.js.map +1 -1
- package/dist/core/composite/SegmentedControl/index.d.ts.map +1 -1
- package/dist/core/composite/SegmentedControl/index.js +2 -2
- package/dist/core/composite/SegmentedControl/index.js.map +1 -1
- package/dist/core/composite/TagGroup/index.d.ts +3 -3
- package/dist/core/composite/TagGroup/index.d.ts.map +1 -1
- package/dist/core/composite/TagGroup/index.js +1 -1
- package/dist/core/composite/TagGroup/index.js.map +1 -1
- package/dist/core/composite/ToolbarActions/index.d.ts +8 -0
- package/dist/core/composite/ToolbarActions/index.d.ts.map +1 -0
- package/dist/core/composite/ToolbarActions/index.js +5 -0
- package/dist/core/composite/ToolbarActions/index.js.map +1 -0
- 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/NavigationFeatureNav/index.d.ts.map +1 -1
- package/dist/core/composition/NavigationFeatureNav/index.js +3 -1
- package/dist/core/composition/NavigationFeatureNav/index.js.map +1 -1
- package/dist/core/composition/Sidebar/index.d.ts +4 -0
- package/dist/core/composition/Sidebar/index.d.ts.map +1 -1
- package/dist/core/composition/Sidebar/index.js +10 -4
- package/dist/core/composition/Sidebar/index.js.map +1 -1
- package/dist/core/composition/TopBar/index.d.ts.map +1 -1
- package/dist/core/composition/TopBar/index.js +3 -1
- package/dist/core/composition/TopBar/index.js.map +1 -1
- package/dist/core/composition/WorkspaceShell/index.d.ts.map +1 -1
- package/dist/core/composition/WorkspaceShell/index.js +4 -2
- package/dist/core/composition/WorkspaceShell/index.js.map +1 -1
- package/dist/core/dna.d.ts +63 -2
- package/dist/core/dna.d.ts.map +1 -1
- package/dist/core/dna.js +38 -2
- package/dist/core/dna.js.map +1 -1
- package/dist/core/primitive/Avatar/index.d.ts +32 -24
- package/dist/core/primitive/Avatar/index.d.ts.map +1 -1
- package/dist/core/primitive/Avatar/index.js +57 -30
- package/dist/core/primitive/Avatar/index.js.map +1 -1
- package/dist/core/primitive/Button/index.d.ts +5 -2
- package/dist/core/primitive/Button/index.d.ts.map +1 -1
- package/dist/core/primitive/Button/index.js +6 -3
- package/dist/core/primitive/Button/index.js.map +1 -1
- package/dist/core/primitive/Divider/index.d.ts.map +1 -1
- package/dist/core/primitive/Divider/index.js +3 -4
- package/dist/core/primitive/Divider/index.js.map +1 -1
- package/dist/core/primitive/Field/index.d.ts +10 -1
- package/dist/core/primitive/Field/index.d.ts.map +1 -1
- package/dist/core/primitive/Field/index.js +16 -1
- package/dist/core/primitive/Field/index.js.map +1 -1
- package/dist/core/primitive/FileDropzone/index.d.ts.map +1 -1
- package/dist/core/primitive/FileDropzone/index.js +2 -2
- package/dist/core/primitive/FileDropzone/index.js.map +1 -1
- package/dist/core/primitive/GrammarRoot/index.d.ts.map +1 -1
- package/dist/core/primitive/GrammarRoot/index.js +3 -1
- package/dist/core/primitive/GrammarRoot/index.js.map +1 -1
- package/dist/core/primitive/IconButton/index.d.ts +17 -10
- package/dist/core/primitive/IconButton/index.d.ts.map +1 -1
- package/dist/core/primitive/IconButton/index.js +4 -1
- package/dist/core/primitive/IconButton/index.js.map +1 -1
- package/dist/core/primitive/Input/index.d.ts.map +1 -1
- package/dist/core/primitive/Input/index.js +3 -18
- package/dist/core/primitive/Input/index.js.map +1 -1
- package/dist/core/primitive/ListItem/index.d.ts.map +1 -1
- package/dist/core/primitive/ListItem/index.js +2 -1
- package/dist/core/primitive/ListItem/index.js.map +1 -1
- package/dist/core/primitive/Progress/index.d.ts.map +1 -1
- package/dist/core/primitive/Progress/index.js +1 -1
- package/dist/core/primitive/Progress/index.js.map +1 -1
- package/dist/core/primitive/RelativeTime/index.d.ts +19 -6
- package/dist/core/primitive/RelativeTime/index.d.ts.map +1 -1
- package/dist/core/primitive/RelativeTime/index.js +44 -23
- package/dist/core/primitive/RelativeTime/index.js.map +1 -1
- package/dist/core/primitive/Skeleton/index.js +1 -1
- package/dist/core/primitive/Skeleton/index.js.map +1 -1
- package/dist/core/primitive/Slider/index.d.ts.map +1 -1
- package/dist/core/primitive/Slider/index.js +2 -2
- package/dist/core/primitive/Slider/index.js.map +1 -1
- package/dist/core/primitive/Switch/index.d.ts +3 -6
- 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/Text/index.d.ts +1 -0
- package/dist/core/primitive/Text/index.d.ts.map +1 -1
- package/dist/core/primitive/Text/index.js +1 -2
- package/dist/core/primitive/Text/index.js.map +1 -1
- package/dist/core/primitive/TextAction/index.d.ts +3 -3
- package/dist/core/primitive/TextAction/index.d.ts.map +1 -1
- package/dist/core/primitive/TextAction/index.js +2 -2
- package/dist/core/primitive/TextAction/index.js.map +1 -1
- package/dist/core/styles.css +0 -2
- package/dist/heritage/dna.d.ts +62 -0
- package/dist/heritage/dna.d.ts.map +1 -0
- package/dist/heritage/dna.js +37 -0
- package/dist/heritage/dna.js.map +1 -0
- package/dist/offset-pop/conformance.d.ts +1 -1
- package/dist/offset-pop/conformance.js +1 -1
- package/dist/offset-pop/conformance.js.map +1 -1
- package/dist/offset-pop/dna.d.ts +56 -0
- package/dist/offset-pop/dna.d.ts.map +1 -1
- package/dist/offset-pop/dna.js +31 -0
- package/dist/offset-pop/dna.js.map +1 -1
- package/package.json +7 -4
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
3
|
import { useFieldVariant } from "../../surfaceContext.js";
|
|
4
|
+
import { useCollectionItemPresentation } from "../../collectionItem.js";
|
|
4
5
|
import { Description as HeroDescription, Label as HeroLabel, ListBox as HeroListBox, Select as HeroSelect, Spinner as HeroSpinner, } from "@heroui/react";
|
|
5
6
|
import { useState } from "react";
|
|
6
7
|
import { FieldDescription, FieldErrorText, FieldLabel, FieldSkeleton, fieldVariantAttributes, useGrammarPortal, vendorFieldProps, } from "../../primitive/Field/index.js";
|
|
@@ -9,12 +10,15 @@ const toValue = (key) => (key === null ? null : String(key));
|
|
|
9
10
|
* Renders the options as HeroUI list-box items: a `Label`, a `Description` under it when the option has one (both in one column,
|
|
10
11
|
* the only Grammar element, which lays out and paints nothing), then the vendor item indicator.
|
|
11
12
|
*/
|
|
12
|
-
export const ListOptions = ({ options }) =>
|
|
13
|
+
export const ListOptions = ({ options }) => {
|
|
14
|
+
const presentation = useCollectionItemPresentation();
|
|
15
|
+
return (_jsx(_Fragment, { children: options.map((option) => (_jsxs(HeroListBox.Item, { id: option.id, "aria-label": option.label, 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, { "data-grammar-item-description": "true", "data-grammar-description-lines": option.descriptionLines ?? presentation.descriptionLines, children: option.description })] })), _jsx(HeroListBox.ItemIndicator, {})] }, option.id))) }));
|
|
16
|
+
};
|
|
13
17
|
/*
|
|
14
18
|
* Anatomy and look are HeroUI's own: `Select.Trigger` holding `Select.Value` and `Select.Indicator`, `Select.Popover` holding a
|
|
15
19
|
* `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
|
|
17
|
-
*
|
|
20
|
+
* `-list`) are stamps a consumer or family stylesheet selects. Grammar sets the trigger's shared 2.5rem field-height floor to match Input
|
|
21
|
+
* (owner 2026-10-25), and the larger touch-target floor on a coarse pointer.
|
|
18
22
|
*/
|
|
19
23
|
/**
|
|
20
24
|
* A single choice from a closed list, opened from a field-shaped trigger.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/branch/Select/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AACzD,OAAO,EACH,WAAW,IAAI,eAAe,EAC9B,KAAK,IAAI,SAAS,EAClB,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;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/branch/Select/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
*/
|
|
9
9
|
/** Identifies the joined disclosure-card outer shell. */
|
|
10
10
|
export declare const accordionCardClassName: string;
|
|
11
|
-
/** Selects bounded or
|
|
11
|
+
/** Selects bounded or unpainted disclosure surfaces. */
|
|
12
12
|
export declare const getAccordionShellClassName: (bounded: boolean) => import("tailwind-variants").CnReturn;
|
|
13
13
|
/** Keeps the HeroUI primitive full-width inside the Grammar-owned surface shell. */
|
|
14
14
|
export declare const accordionRootClassName: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"classNames.d.ts","sourceRoot":"","sources":["../../../../src/core/branch/SurfaceAccordionCard/classNames.ts"],"names":[],"mappings":"AAGA;;;;;;;GAOG;AAEH,yDAAyD;AACzD,eAAO,MAAM,sBAAsB,QAAmF,CAAA;AACtH,wDAAwD;AACxD,eAAO,MAAM,0BAA0B,GAAI,SAAS,OAAO,
|
|
1
|
+
{"version":3,"file":"classNames.d.ts","sourceRoot":"","sources":["../../../../src/core/branch/SurfaceAccordionCard/classNames.ts"],"names":[],"mappings":"AAGA;;;;;;;GAOG;AAEH,yDAAyD;AACzD,eAAO,MAAM,sBAAsB,QAAmF,CAAA;AACtH,wDAAwD;AACxD,eAAO,MAAM,0BAA0B,GAAI,SAAS,OAAO,yCAI1D,CAAA;AACD,oFAAoF;AACpF,eAAO,MAAM,sBAAsB,QAAmE,CAAA;AACtG,yFAAyF;AACzF,eAAO,MAAM,qBAAqB,QAAiE,CAAA;AACnG,kDAAkD;AAClD,eAAO,MAAM,yBAAyB,QAAyE,CAAA;AAC/G,iDAAiD;AACjD,eAAO,MAAM,yBAAyB,QAAyE,CAAA;AAC/G,4FAA4F;AAC5F,eAAO,MAAM,uBAAuB,QAAqE,CAAA;AACzG,uGAAuG;AACvG,eAAO,MAAM,sBAAsB,QAAmE,CAAA;AACtG,sDAAsD;AACtD,eAAO,MAAM,8BAA8B,QAAqF,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { cn } from "@heroui/react";
|
|
2
|
-
import {
|
|
2
|
+
import { surfaceClassName } from "../SurfaceCard/classNames.js";
|
|
3
3
|
/**
|
|
4
4
|
* Disclosure-card geometry is SHIPPED.
|
|
5
5
|
*
|
|
@@ -10,8 +10,8 @@ import { getSurfaceFrameClassName } from "../SurfaceCard/classNames.js";
|
|
|
10
10
|
*/
|
|
11
11
|
/** Identifies the joined disclosure-card outer shell. */
|
|
12
12
|
export const accordionCardClassName = cn("starci-core-surface-accordion-card") ?? "starci-core-surface-accordion-card";
|
|
13
|
-
/** Selects bounded or
|
|
14
|
-
export const getAccordionShellClassName = (bounded) => cn("starci-core-accordion-shell",
|
|
13
|
+
/** Selects bounded or unpainted disclosure surfaces. */
|
|
14
|
+
export const getAccordionShellClassName = (bounded) => cn("starci-core-accordion-shell", surfaceClassName, bounded ? undefined : "starci-core-frameless-surface");
|
|
15
15
|
/** Keeps the HeroUI primitive full-width inside the Grammar-owned surface shell. */
|
|
16
16
|
export const accordionRootClassName = cn("starci-core-accordion-root") ?? "starci-core-accordion-root";
|
|
17
17
|
/** Identifies one HeroUI-owned disclosure row; the primitive owns sibling separators. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"classNames.js","sourceRoot":"","sources":["../../../../src/core/branch/SurfaceAccordionCard/classNames.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,eAAe,CAAA;AAClC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"classNames.js","sourceRoot":"","sources":["../../../../src/core/branch/SurfaceAccordionCard/classNames.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,eAAe,CAAA;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAA;AAE/D;;;;;;;GAOG;AAEH,yDAAyD;AACzD,MAAM,CAAC,MAAM,sBAAsB,GAAG,EAAE,CAAC,oCAAoC,CAAC,IAAI,oCAAoC,CAAA;AACtH,wDAAwD;AACxD,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,OAAgB,EAAE,EAAE,CAAC,EAAE,CAC9D,6BAA6B,EAC7B,gBAAgB,EAChB,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,+BAA+B,CACxD,CAAA;AACD,oFAAoF;AACpF,MAAM,CAAC,MAAM,sBAAsB,GAAG,EAAE,CAAC,4BAA4B,CAAC,IAAI,4BAA4B,CAAA;AACtG,yFAAyF;AACzF,MAAM,CAAC,MAAM,qBAAqB,GAAG,EAAE,CAAC,2BAA2B,CAAC,IAAI,2BAA2B,CAAA;AACnG,kDAAkD;AAClD,MAAM,CAAC,MAAM,yBAAyB,GAAG,EAAE,CAAC,+BAA+B,CAAC,IAAI,+BAA+B,CAAA;AAC/G,iDAAiD;AACjD,MAAM,CAAC,MAAM,yBAAyB,GAAG,EAAE,CAAC,+BAA+B,CAAC,IAAI,+BAA+B,CAAA;AAC/G,4FAA4F;AAC5F,MAAM,CAAC,MAAM,uBAAuB,GAAG,EAAE,CAAC,6BAA6B,CAAC,IAAI,6BAA6B,CAAA;AACzG,uGAAuG;AACvG,MAAM,CAAC,MAAM,sBAAsB,GAAG,EAAE,CAAC,4BAA4B,CAAC,IAAI,4BAA4B,CAAA;AACtG,sDAAsD;AACtD,MAAM,CAAC,MAAM,8BAA8B,GAAG,EAAE,CAAC,qCAAqC,CAAC,IAAI,qCAAqC,CAAA"}
|
|
@@ -15,8 +15,8 @@ type SurfaceAccordionCardIdentityProps = {
|
|
|
15
15
|
readonly ariaLabel?: string;
|
|
16
16
|
};
|
|
17
17
|
type SurfaceAccordionCardCommonProps<Summary, Body> = SurfaceAccordionCardIdentityProps & {
|
|
18
|
-
/**
|
|
19
|
-
readonly
|
|
18
|
+
/** Bounded surfaces derive their depth from context; unpainted disclosures inherit the enclosing surface. */
|
|
19
|
+
readonly frame?: "bounded" | "unpainted";
|
|
20
20
|
/**
|
|
21
21
|
* Outline rank of the visible `label` (default 3). Pick the rank below the nearest heading
|
|
22
22
|
* above this surface so the page never skips a level.
|
|
@@ -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;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,
|
|
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,6GAA6G;IAC7G,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;IACxC;;;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;AAoHF,qGAAqG;AACrG,eAAO,MAAM,oBAAoB,GAAI,OAAO,EAAE,IAAI,EAAE,OAAO,yBAAyB,CAAC,OAAO,EAAE,IAAI,CAAC,gCAgC9F,CAAA"}
|
|
@@ -3,13 +3,14 @@ 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
|
+
import { SurfaceNesting, useSurfaceNesting } from "../../surfaceContext.js";
|
|
7
7
|
import { VerticalScrollRegion } from "../../composite/VerticalScrollRegion/index.js";
|
|
8
8
|
import { DEFAULT_SURFACE_HEADING_LEVEL, Label } from "../../primitive/Label/index.js";
|
|
9
9
|
import { surfaceLabelClassName } from "../SurfaceCard/classNames.js";
|
|
10
10
|
import { accordionBodyClassName, accordionCardClassName, accordionHeadingClassName, accordionPanelClassName, accordionRootClassName, accordionRowClassName, accordionScrollRegionClassName, getAccordionShellClassName, accordionTriggerClassName } from "./classNames.js";
|
|
11
|
-
const SurfaceAccordionRows = ({ label, ariaLabel,
|
|
12
|
-
const bounded =
|
|
11
|
+
const SurfaceAccordionRows = ({ label, ariaLabel, frame = "bounded", headingLevel = DEFAULT_SURFACE_HEADING_LEVEL, items, renderSummary, renderBody, onItemOpenChange, isScrollable = false, }) => {
|
|
12
|
+
const bounded = frame === "bounded";
|
|
13
|
+
const depth = useSurfaceNesting() ? "nested" : "top";
|
|
13
14
|
const headingId = useId();
|
|
14
15
|
const accessibleName = ariaLabel ?? label;
|
|
15
16
|
const expandedKeys = new Set(items.filter((item) => item.isOpen).map((item) => item.id));
|
|
@@ -21,25 +22,25 @@ const SurfaceAccordionRows = ({ label, ariaLabel, depth, headingLevel = DEFAULT_
|
|
|
21
22
|
onItemOpenChange(item.id, nextOpen);
|
|
22
23
|
}
|
|
23
24
|
};
|
|
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
|
|
25
|
+
const content = (_jsxs("section", { className: accordionCardClassName, "data-grammar-surface-accordion-card": bounded ? "true" : undefined, "data-grammar-nesting": bounded ? "surface" : undefined, "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, id: headingId, children: label }) })), _jsx("div", { "aria-label": label === undefined ? accessibleName : undefined, "aria-labelledby": label === undefined ? undefined : headingId, className: getAccordionShellClassName(bounded), "data-contract": [
|
|
25
26
|
bounded ? "SURFACE-2" : "SURFACE-1",
|
|
26
27
|
bounded ? "OVERFLOW-2" : "OVERFLOW-1 OVERFLOW-2",
|
|
27
|
-
depth === "nested" ? "BOUNDARY-5" :
|
|
28
|
-
].filter(Boolean).join(" "), "data-grammar-accordion-shell": "true", "data-grammar-frame":
|
|
28
|
+
bounded ? depth === "nested" ? "BOUNDARY-5" : "BOUNDARY-6" : undefined,
|
|
29
|
+
].filter(Boolean).join(" "), "data-grammar-accordion-shell": "true", "data-grammar-frame": frame, "data-grammar-scroll": isScrollable ? "contained" : "page", "data-grammar-surface": bounded ? "true" : undefined, "data-grammar-surface-depth": bounded ? depth : undefined, "data-surface-context": bounded ? depth === "nested" ? "nested" : "page" : undefined, children: _jsx(VerticalScrollRegion, { className: accordionScrollRegionClassName, isScrollable: isScrollable, ...(isScrollable ? (label === undefined ? (accessibleName === undefined ? {} : { "aria-label": accessibleName }) : { "aria-labelledby": headingId }) : {}), children: _jsx(Accordion.Root, { allowsMultipleExpanded: true, className: accordionRootClassName ?? "", expandedKeys: expandedKeys, onExpandedChange: onExpandedChange, children: items.map((item) => {
|
|
29
30
|
return (_createElement(Accordion.Item, { className: accordionRowClassName ?? "", "data-contract": "BOUNDARY-3", "data-grammar-accordion-row": "true", "data-grammar-disclosure-state": item.isOpen ? "open" : "closed", id: item.id, ...(item.isDisabled === undefined ? {} : { isDisabled: item.isDisabled }), key: item.id },
|
|
30
31
|
_jsx(Accordion.Heading, { className: accordionHeadingClassName ?? "", "data-contract": "MARGIN-0", children: _jsx(Accordion.Trigger, { className: accordionTriggerClassName ?? "", "data-contract": "PADDING-4", children: renderSummary(item.summaryRender) }) }),
|
|
31
32
|
_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) }) }) })));
|
|
32
33
|
}) }) }) })] }));
|
|
33
|
-
return _jsx(SurfaceNesting, { children: content });
|
|
34
|
+
return bounded ? _jsx(SurfaceNesting, { children: content }) : content;
|
|
34
35
|
};
|
|
35
36
|
/** Draw one full-width joined disclosure surface whose reusable anatomy is owned by Core Grammar. */
|
|
36
37
|
export const SurfaceAccordionCard = (props) => props.items === undefined
|
|
37
|
-
? (_jsx(SurfaceAccordionRows, { ...(props.label === undefined ? {} : { label: props.label }), ...(props.ariaLabel === undefined ? {} : { ariaLabel: props.ariaLabel }), ...(props.
|
|
38
|
+
? (_jsx(SurfaceAccordionRows, { ...(props.label === undefined ? {} : { label: props.label }), ...(props.ariaLabel === undefined ? {} : { ariaLabel: props.ariaLabel }), ...(props.frame === undefined ? {} : { frame: props.frame }), ...(props.headingLevel === undefined ? {} : { headingLevel: props.headingLevel }), items: [{
|
|
38
39
|
id: "surface-accordion-item",
|
|
39
40
|
isOpen: props.isOpen,
|
|
40
41
|
...(props.isDisabled === undefined ? {} : { isDisabled: props.isDisabled }),
|
|
41
42
|
summaryRender: props.summaryRender,
|
|
42
43
|
bodyRender: props.bodyRender,
|
|
43
44
|
}], renderSummary: props.renderSummary, renderBody: props.renderBody, onItemOpenChange: (_id, isOpen) => props.onOpenChange(isOpen), ...(props.isScrollable === undefined ? {} : { isScrollable: props.isScrollable }) }))
|
|
44
|
-
: (_jsx(SurfaceAccordionRows, { ...(props.label === undefined ? {} : { label: props.label }), ...(props.ariaLabel === undefined ? {} : { ariaLabel: props.ariaLabel }), ...(props.
|
|
45
|
+
: (_jsx(SurfaceAccordionRows, { ...(props.label === undefined ? {} : { label: props.label }), ...(props.ariaLabel === undefined ? {} : { ariaLabel: props.ariaLabel }), ...(props.frame === undefined ? {} : { frame: props.frame }), ...(props.headingLevel === undefined ? {} : { headingLevel: props.headingLevel }), items: props.items, renderSummary: props.renderSummary, renderBody: props.renderBody, onItemOpenChange: props.onItemOpenChange, ...(props.isScrollable === undefined ? {} : { isScrollable: props.isScrollable }) }));
|
|
45
46
|
//# sourceMappingURL=index.js.map
|
|
@@ -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,cAAc,EAAE,MAAM,yBAAyB,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/branch/SurfaceAccordionCard/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -21,8 +21,6 @@ export declare const getSurfaceCardClassName: (measure: SurfaceCardMeasure) => i
|
|
|
21
21
|
export declare const surfaceLabelClassName: string;
|
|
22
22
|
/** Identifies the bounded surface content shell. */
|
|
23
23
|
export declare const surfaceClassName: string;
|
|
24
|
-
/** Frameless surfaces let nested bounded cards own clipping; Core CSS sets overflow: visible. */
|
|
25
|
-
export declare const framelessSurfaceClassName: string;
|
|
26
24
|
/** Identifies the content region inside a surface. */
|
|
27
25
|
export declare const surfaceContentClassName: string;
|
|
28
26
|
/** Binds the form-scroll measure to the Grammar-owned scroll viewport only when it exists. */
|
|
@@ -31,8 +29,6 @@ export declare const getSurfaceContentClassName: (measure: SurfaceCardMeasure, c
|
|
|
31
29
|
export declare const surfaceHighlightClassName: string;
|
|
32
30
|
/** Decorative sweep layer painted behind the highlighted surface. */
|
|
33
31
|
export declare const surfaceHighlightSweepClassName: string;
|
|
34
|
-
/** Selects the bounded or frameless surface treatment without changing anatomy. */
|
|
35
|
-
export declare const getSurfaceFrameClassName: (frame: "bounded" | "frameless") => import("tailwind-variants").CnReturn;
|
|
36
32
|
/** `surface` is the ordinary light face; `ink` is the one signature band painted on the family's brand ink. */
|
|
37
33
|
export type SurfaceCardTreatment = "surface" | "ink";
|
|
38
34
|
/** Decorative motif of the ink band's artwork zone. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"classNames.d.ts","sourceRoot":"","sources":["../../../../src/core/branch/SurfaceCard/classNames.ts"],"names":[],"mappings":"AAOA,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,MAAM,GAAG,aAAa,CAAA;AACnE,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,MAAM,CAAA;AAE/C;;;;;;;GAOG;AAEH,0DAA0D;AAC1D,eAAO,MAAM,oBAAoB,QAA+D,CAAA;AAChG;;;;;GAKG;AACH,eAAO,MAAM,uBAAuB,GAAI,SAAS,kBAAkB,yCAIlE,CAAA;AACD,2DAA2D;AAC3D,eAAO,MAAM,qBAAqB,QAAiE,CAAA;AACnG,oDAAoD;AACpD,eAAO,MAAM,gBAAgB,QAAqD,CAAA;AAClF,
|
|
1
|
+
{"version":3,"file":"classNames.d.ts","sourceRoot":"","sources":["../../../../src/core/branch/SurfaceCard/classNames.ts"],"names":[],"mappings":"AAOA,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,MAAM,GAAG,aAAa,CAAA;AACnE,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,MAAM,CAAA;AAE/C;;;;;;;GAOG;AAEH,0DAA0D;AAC1D,eAAO,MAAM,oBAAoB,QAA+D,CAAA;AAChG;;;;;GAKG;AACH,eAAO,MAAM,uBAAuB,GAAI,SAAS,kBAAkB,yCAIlE,CAAA;AACD,2DAA2D;AAC3D,eAAO,MAAM,qBAAqB,QAAiE,CAAA;AACnG,oDAAoD;AACpD,eAAO,MAAM,gBAAgB,QAAqD,CAAA;AAClF,sDAAsD;AACtD,eAAO,MAAM,uBAAuB,QAAqE,CAAA;AACzG,8FAA8F;AAC9F,eAAO,MAAM,0BAA0B,GAAI,SAAS,kBAAkB,EAAE,WAAW,OAAO,yCAGzF,CAAA;AACD,0EAA0E;AAC1E,eAAO,MAAM,yBAAyB,QAAyE,CAAA;AAC/G,qEAAqE;AACrE,eAAO,MAAM,8BAA8B,QAAqF,CAAA;AAEhI,+GAA+G;AAC/G,MAAM,MAAM,oBAAoB,GAAG,SAAS,GAAG,KAAK,CAAA;AACpD,uDAAuD;AACvD,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,OAAO,CAAA;AAE/C,mHAAmH;AACnH,eAAO,MAAM,uBAAuB,QAAqE,CAAA;AACzG,0DAA0D;AAC1D,eAAO,MAAM,qBAAqB,QAAiE,CAAA"}
|
|
@@ -21,8 +21,6 @@ export const getSurfaceCardClassName = (measure) => cn(surfaceCardClassName, mea
|
|
|
21
21
|
export const surfaceLabelClassName = cn("starci-core-surface-label") ?? "starci-core-surface-label";
|
|
22
22
|
/** Identifies the bounded surface content shell. */
|
|
23
23
|
export const surfaceClassName = cn("starci-core-surface") ?? "starci-core-surface";
|
|
24
|
-
/** Frameless surfaces let nested bounded cards own clipping; Core CSS sets overflow: visible. */
|
|
25
|
-
export const framelessSurfaceClassName = cn("starci-core-surface", "starci-core-frameless-surface") ?? "starci-core-surface starci-core-frameless-surface";
|
|
26
24
|
/** Identifies the content region inside a surface. */
|
|
27
25
|
export const surfaceContentClassName = cn("starci-core-surface-content") ?? "starci-core-surface-content";
|
|
28
26
|
/** Binds the form-scroll measure to the Grammar-owned scroll viewport only when it exists. */
|
|
@@ -31,8 +29,6 @@ export const getSurfaceContentClassName = (measure, contained) => cn(surfaceCont
|
|
|
31
29
|
export const surfaceHighlightClassName = cn("starci-core-surface-highlight") ?? "starci-core-surface-highlight";
|
|
32
30
|
/** Decorative sweep layer painted behind the highlighted surface. */
|
|
33
31
|
export const surfaceHighlightSweepClassName = cn("starci-core-surface-highlight-sweep") ?? "starci-core-surface-highlight-sweep";
|
|
34
|
-
/** Selects the bounded or frameless surface treatment without changing anatomy. */
|
|
35
|
-
export const getSurfaceFrameClassName = (frame) => cn(frame === "frameless" ? framelessSurfaceClassName : surfaceClassName);
|
|
36
32
|
/** Decorative, `aria-hidden` artwork zone of the ink band (art slot and motif); it may bleed off the band edge. */
|
|
37
33
|
export const surfaceArtworkClassName = cn("starci-core-surface-artwork") ?? "starci-core-surface-artwork";
|
|
38
34
|
/** The static orbit motif SVG inside the artwork zone. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"classNames.js","sourceRoot":"","sources":["../../../../src/core/branch/SurfaceCard/classNames.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,eAAe,CAAA;AAClC,OAAO,EACH,2BAA2B,EAC3B,2BAA2B,EAC3B,oBAAoB,GACvB,MAAM,qBAAqB,CAAA;AAK5B;;;;;;;GAOG;AAEH,0DAA0D;AAC1D,MAAM,CAAC,MAAM,oBAAoB,GAAG,EAAE,CAAC,0BAA0B,CAAC,IAAI,0BAA0B,CAAA;AAChG;;;;;GAKG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,OAA2B,EAAE,EAAE,CAAC,EAAE,CACtE,oBAAoB,EACpB,OAAO,KAAK,MAAM,IAAI,OAAO,KAAK,aAAa,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,SAAS,EAClF,OAAO,KAAK,aAAa,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,SAAS,CACtE,CAAA;AACD,2DAA2D;AAC3D,MAAM,CAAC,MAAM,qBAAqB,GAAG,EAAE,CAAC,2BAA2B,CAAC,IAAI,2BAA2B,CAAA;AACnG,oDAAoD;AACpD,MAAM,CAAC,MAAM,gBAAgB,GAAG,EAAE,CAAC,qBAAqB,CAAC,IAAI,qBAAqB,CAAA;AAClF,
|
|
1
|
+
{"version":3,"file":"classNames.js","sourceRoot":"","sources":["../../../../src/core/branch/SurfaceCard/classNames.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,eAAe,CAAA;AAClC,OAAO,EACH,2BAA2B,EAC3B,2BAA2B,EAC3B,oBAAoB,GACvB,MAAM,qBAAqB,CAAA;AAK5B;;;;;;;GAOG;AAEH,0DAA0D;AAC1D,MAAM,CAAC,MAAM,oBAAoB,GAAG,EAAE,CAAC,0BAA0B,CAAC,IAAI,0BAA0B,CAAA;AAChG;;;;;GAKG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,OAA2B,EAAE,EAAE,CAAC,EAAE,CACtE,oBAAoB,EACpB,OAAO,KAAK,MAAM,IAAI,OAAO,KAAK,aAAa,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,SAAS,EAClF,OAAO,KAAK,aAAa,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,SAAS,CACtE,CAAA;AACD,2DAA2D;AAC3D,MAAM,CAAC,MAAM,qBAAqB,GAAG,EAAE,CAAC,2BAA2B,CAAC,IAAI,2BAA2B,CAAA;AACnG,oDAAoD;AACpD,MAAM,CAAC,MAAM,gBAAgB,GAAG,EAAE,CAAC,qBAAqB,CAAC,IAAI,qBAAqB,CAAA;AAClF,sDAAsD;AACtD,MAAM,CAAC,MAAM,uBAAuB,GAAG,EAAE,CAAC,6BAA6B,CAAC,IAAI,6BAA6B,CAAA;AACzG,8FAA8F;AAC9F,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,OAA2B,EAAE,SAAkB,EAAE,EAAE,CAAC,EAAE,CAC7F,uBAAuB,EACvB,SAAS,IAAI,CAAC,OAAO,KAAK,MAAM,IAAI,OAAO,KAAK,aAAa,CAAC,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,SAAS,CAC3G,CAAA;AACD,0EAA0E;AAC1E,MAAM,CAAC,MAAM,yBAAyB,GAAG,EAAE,CAAC,+BAA+B,CAAC,IAAI,+BAA+B,CAAA;AAC/G,qEAAqE;AACrE,MAAM,CAAC,MAAM,8BAA8B,GAAG,EAAE,CAAC,qCAAqC,CAAC,IAAI,qCAAqC,CAAA;AAOhI,mHAAmH;AACnH,MAAM,CAAC,MAAM,uBAAuB,GAAG,EAAE,CAAC,6BAA6B,CAAC,IAAI,6BAA6B,CAAA;AACzG,0DAA0D;AAC1D,MAAM,CAAC,MAAM,qBAAqB,GAAG,EAAE,CAAC,2BAA2B,CAAC,IAAI,2BAA2B,CAAA"}
|
|
@@ -48,7 +48,6 @@ export type SurfaceCardProps = (LabelledSurfaceCard | SelfNamedSurfaceCard) & (P
|
|
|
48
48
|
readonly fact?: string;
|
|
49
49
|
/** Optional content at the end of the external label row. It takes the fact's single place. */
|
|
50
50
|
readonly labelEnd?: ReactNode;
|
|
51
|
-
readonly depth?: "top" | "nested";
|
|
52
51
|
/**
|
|
53
52
|
* Outline rank of the visible `label` (default 3). Pick the rank below the nearest heading
|
|
54
53
|
* above this surface so the page never skips a level.
|
|
@@ -56,8 +55,6 @@ export type SurfaceCardProps = (LabelledSurfaceCard | SelfNamedSurfaceCard) & (P
|
|
|
56
55
|
readonly headingLevel?: SurfaceHeadingLevel;
|
|
57
56
|
readonly state?: PresentationState;
|
|
58
57
|
readonly wholeAction?: WholeCardAction;
|
|
59
|
-
/** Frameless content already owns its visible boundaries, so Core must not draw another shell. */
|
|
60
|
-
readonly frame?: "bounded" | "frameless";
|
|
61
58
|
/** Contained content has exactly one internal scroll owner. */
|
|
62
59
|
readonly scroll?: "page" | "contained";
|
|
63
60
|
/** Convenience capability: make the content region a HeroUI Vertical ScrollShadow. */
|
|
@@ -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;AAG7C,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;;;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,+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,gCAiIlD,CAAA"}
|
|
@@ -2,11 +2,12 @@
|
|
|
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
|
+
import { SurfaceNesting, useSurfaceNesting } from "../../surfaceContext.js";
|
|
6
|
+
import { ButtonPlacementProvider } from "../../buttonIntent.js";
|
|
6
7
|
import { assertPresentationState, treatmentFor } from "../../state.js";
|
|
7
8
|
import { VerticalScrollRegion } from "../../composite/VerticalScrollRegion/index.js";
|
|
8
9
|
import { DEFAULT_SURFACE_HEADING_LEVEL, Label } from "../../primitive/Label/index.js";
|
|
9
|
-
import { getSurfaceCardClassName, getSurfaceContentClassName,
|
|
10
|
+
import { getSurfaceCardClassName, getSurfaceContentClassName, surfaceClassName, surfaceHighlightClassName, surfaceHighlightSweepClassName, surfaceLabelClassName, surfaceArtworkClassName, surfaceOrbitClassName, } from "./classNames.js";
|
|
10
11
|
/**
|
|
11
12
|
* The orbit motif: three thin concentric rings with five small nodes, one static SVG. It is drawn in the
|
|
12
13
|
* artwork zone only (never behind body copy), in the ink band's orbit colour (the ink foreground at 20%),
|
|
@@ -14,7 +15,8 @@ import { getSurfaceCardClassName, getSurfaceContentClassName, getSurfaceFrameCla
|
|
|
14
15
|
*/
|
|
15
16
|
const OrbitMotif = () => (_jsxs("svg", { "aria-hidden": "true", className: surfaceOrbitClassName, "data-grammar-surface-orbit": "true", focusable: "false", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 480 320", children: [_jsx("ellipse", { cx: "264", cy: "168", rx: "216", ry: "118" }), _jsx("ellipse", { cx: "264", cy: "168", rx: "150", ry: "80" }), _jsx("ellipse", { cx: "264", cy: "168", rx: "84", ry: "44" }), _jsx("circle", { cx: "48", cy: "168", r: "4" }), _jsx("circle", { cx: "420", cy: "86", r: "3.5" }), _jsx("circle", { cx: "160", cy: "236", r: "3.5" }), _jsx("circle", { cx: "370", cy: "226", r: "3" }), _jsx("circle", { cx: "196", cy: "140", r: "2.5" })] }));
|
|
16
17
|
export const SurfaceCard = (props) => {
|
|
17
|
-
const { label, ariaLabel, children, fact, labelEnd,
|
|
18
|
+
const { label, ariaLabel, children, fact, labelEnd, headingLevel = DEFAULT_SURFACE_HEADING_LEVEL, state = "neutral", wholeAction, scroll = "page", isScrollable = false, composition = "single", measure = "content", height = "auto", isHighlight = false, } = props;
|
|
19
|
+
const depth = useSurfaceNesting() ? "nested" : "top";
|
|
18
20
|
const treatment = props.treatment ?? "surface";
|
|
19
21
|
const motif = props.treatment === "ink" ? props.motif ?? "none" : "none";
|
|
20
22
|
const artwork = props.treatment === "ink" ? props.artwork : undefined;
|
|
@@ -23,39 +25,19 @@ export const SurfaceCard = (props) => {
|
|
|
23
25
|
const stateTreatment = treatmentFor(state);
|
|
24
26
|
const disabled = state === "unavailable" || state === "pending";
|
|
25
27
|
const accessibleName = ariaLabel ?? label;
|
|
26
|
-
/* The ink band IS a painted ground, so it is always a bounded shell. */
|
|
27
|
-
const shell = treatment === "ink" ? "bounded" : frame;
|
|
28
28
|
const contained = isScrollable || scroll === "contained";
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
* element whose shipped rule backs it. The shell keeps what it actually paints: its ground, its
|
|
32
|
-
* clipping and its boundary.
|
|
33
|
-
*
|
|
34
|
-
* A frameless surface takes NO inset, and says so. `frame="frameless"` means the content already
|
|
35
|
-
* owns its visible boundaries, so Core must not draw another shell - and the shipped sheet drops
|
|
36
|
-
* the inset with the frame (`.starci-core-frameless-surface > .starci-core-surface-content {
|
|
37
|
-
* padding: 0 }`). PADDING-0 is how the family answers "no inset" everywhere else: on this same
|
|
38
|
-
* body under `composition="joined"`, on SurfaceListCard's root and on SurfaceAccordionCard's
|
|
39
|
-
* panel. The render is unchanged; only the promise now matches it.
|
|
40
|
-
*/
|
|
41
|
-
const compositionContract = composition === "joined"
|
|
42
|
-
? "GAP-0 PADDING-0"
|
|
43
|
-
: shell === "frameless" ? "PADDING-0" : "PADDING-4";
|
|
44
|
-
/*
|
|
45
|
-
* One node, one overflow answer. The frameless shell paints `overflow: visible` and the bounded
|
|
46
|
-
* shell paints `overflow: hidden`; a node that claimed both said the surface clips and does not
|
|
47
|
-
* clip at once, and an audit measuring it could only ever find one of the two true.
|
|
48
|
-
*/
|
|
29
|
+
// The painted frame owns elevation; its content owns the inset and joined composition.
|
|
30
|
+
const compositionContract = composition === "joined" ? "GAP-0 PADDING-0" : "PADDING-4";
|
|
49
31
|
const contentContract = [
|
|
50
|
-
|
|
51
|
-
|
|
32
|
+
"SURFACE-2",
|
|
33
|
+
"OVERFLOW-2",
|
|
52
34
|
depth === "nested" ? "BOUNDARY-5" : "BOUNDARY-6",
|
|
53
35
|
].join(" ");
|
|
54
36
|
const rootContract = wholeAction === undefined ? undefined : "SURFACE-4";
|
|
55
37
|
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;
|
|
56
|
-
const surface = (_jsxs(Card.Content, { "aria-label": label === undefined ? accessibleName : undefined, "aria-labelledby": label === undefined ? undefined : headingId, className:
|
|
38
|
+
const surface = (_jsxs(Card.Content, { "aria-label": label === undefined ? accessibleName : undefined, "aria-labelledby": label === undefined ? undefined : headingId, className: surfaceClassName, "data-contract": contentContract, "data-grammar-frame": "bounded", "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] }));
|
|
57
39
|
const highlightedSurface = isHighlight && state !== "pending" ? (_jsxs("div", { className: surfaceHighlightClassName, "data-grammar-highlight": "true", children: [_jsx("div", { "aria-hidden": true, className: surfaceHighlightSweepClassName }), surface] })) : surface;
|
|
58
|
-
const content = (_jsxs(Card.Root, { className: getSurfaceCardClassName(measure) ?? "", "data-contract": rootContract, "data-grammar-frame":
|
|
40
|
+
const content = (_jsxs(Card.Root, { className: getSurfaceCardClassName(measure) ?? "", "data-contract": rootContract, "data-grammar-frame": "bounded", "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 }), _jsx(ButtonPlacementProvider, { placement: "chrome", children: labelEnd ?? (fact === undefined ? null : _jsx("span", { children: fact })) })] })), highlightedSurface] }));
|
|
59
41
|
return _jsx(SurfaceNesting, { children: content });
|
|
60
42
|
};
|
|
61
43
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/branch/SurfaceCard/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACpC,OAAO,EAAE,KAAK,EAAkB,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;
|
|
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;AAIvD,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"}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { Children, useId } from "react";
|
|
4
4
|
import { SurfaceNesting } from "../../surfaceContext.js";
|
|
5
|
+
import { ButtonPlacementProvider } from "../../buttonIntent.js";
|
|
5
6
|
import { ListRow } from "../../composite/ListRow/index.js";
|
|
6
7
|
import { VerticalScrollRegion } from "../../composite/VerticalScrollRegion/index.js";
|
|
7
8
|
import { DEFAULT_SURFACE_HEADING_LEVEL, Label } from "../../primitive/Label/index.js";
|
|
@@ -20,7 +21,7 @@ export const SurfaceListCard = (props) => {
|
|
|
20
21
|
: isScrollable
|
|
21
22
|
? { role: "list", ...(!labelHidden && label !== undefined ? { "aria-labelledby": headingId } : accessibleName === undefined ? {} : { "aria-label": accessibleName }) }
|
|
22
23
|
: { as: "ul", role: "list" };
|
|
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
|
|
24
|
+
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: _jsx(ButtonPlacementProvider, { placement: "chrome", 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
|
|
24
25
|
? Array.from({ length: clampRows(loadingRows) }, (_, index) => _jsx(ListRow, { isSkeleton: true, title: "", description: "", leading: "", actions: "" }, index))
|
|
25
26
|
: isEmpty ? empty : children }) }), footer === undefined ? null : (_jsx("div", { className: surfaceFooterClassName, "data-grammar-surface-footer": "true", children: footer }))] }));
|
|
26
27
|
return _jsx(SurfaceNesting, { children: content });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/branch/SurfaceListCard/index.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/branch/SurfaceListCard/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
/** Owns the full-width peer-tab region without allowing intrinsic content to widen the page. */
|
|
2
2
|
export declare const tabsFrameClassName: import("tailwind-variants").CnReturn;
|
|
3
|
-
/**
|
|
4
|
-
export declare const tabsScrollClassName: import("tailwind-variants").CnReturn;
|
|
5
|
-
/** Preserves the tab row's intrinsic width inside its scroll owner. */
|
|
3
|
+
/** Constrains HeroUI's list container so its scroller can measure overflow. */
|
|
6
4
|
export declare const tabsClassName: import("tailwind-variants").CnReturn;
|
|
7
5
|
/** Keeps icon and stable label aligned as one tab identity. */
|
|
8
6
|
export declare const tabContentClassName: import("tailwind-variants").CnReturn;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"classNames.d.ts","sourceRoot":"","sources":["../../../../src/core/branch/Tabs/classNames.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"classNames.d.ts","sourceRoot":"","sources":["../../../../src/core/branch/Tabs/classNames.ts"],"names":[],"mappings":"AAEA,gGAAgG;AAChG,eAAO,MAAM,kBAAkB,sCAA+B,CAAA;AAC9D,+EAA+E;AAC/E,eAAO,MAAM,aAAa,sCAAyB,CAAA;AACnD,+DAA+D;AAC/D,eAAO,MAAM,mBAAmB,sCAAgC,CAAA;AAChE,kFAAkF;AAClF,eAAO,MAAM,iBAAiB,sCAA8B,CAAA"}
|
|
@@ -1,10 +1,7 @@
|
|
|
1
1
|
import { cn } from "@heroui/react";
|
|
2
|
-
import { horizontalScrollRegionClassName } from "../../classNames.js";
|
|
3
2
|
/** Owns the full-width peer-tab region without allowing intrinsic content to widen the page. */
|
|
4
3
|
export const tabsFrameClassName = cn("starci-core-tabs-frame");
|
|
5
|
-
/**
|
|
6
|
-
export const tabsScrollClassName = cn(horizontalScrollRegionClassName, "starci-core-tabs-scroll");
|
|
7
|
-
/** Preserves the tab row's intrinsic width inside its scroll owner. */
|
|
4
|
+
/** Constrains HeroUI's list container so its scroller can measure overflow. */
|
|
8
5
|
export const tabsClassName = cn("starci-core-tabs");
|
|
9
6
|
/** Keeps icon and stable label aligned as one tab identity. */
|
|
10
7
|
export const tabContentClassName = cn("starci-core-tab-content");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"classNames.js","sourceRoot":"","sources":["../../../../src/core/branch/Tabs/classNames.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,eAAe,CAAA;
|
|
1
|
+
{"version":3,"file":"classNames.js","sourceRoot":"","sources":["../../../../src/core/branch/Tabs/classNames.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,eAAe,CAAA;AAElC,gGAAgG;AAChG,MAAM,CAAC,MAAM,kBAAkB,GAAG,EAAE,CAAC,wBAAwB,CAAC,CAAA;AAC9D,+EAA+E;AAC/E,MAAM,CAAC,MAAM,aAAa,GAAG,EAAE,CAAC,kBAAkB,CAAC,CAAA;AACnD,+DAA+D;AAC/D,MAAM,CAAC,MAAM,mBAAmB,GAAG,EAAE,CAAC,yBAAyB,CAAC,CAAA;AAChE,kFAAkF;AAClF,MAAM,CAAC,MAAM,iBAAiB,GAAG,EAAE,CAAC,uBAAuB,CAAC,CAAA"}
|
|
@@ -6,12 +6,8 @@ export type TabItem = {
|
|
|
6
6
|
readonly leading?: ReactNode;
|
|
7
7
|
};
|
|
8
8
|
/**
|
|
9
|
-
* Business-neutral controlled peer tabs with
|
|
10
|
-
*
|
|
11
|
-
* The strip's scroll owner is `HorizontalScrollRegion`, and that region stamps its own
|
|
12
|
-
* `data-contract`: a `data-contract` passed into it was silently replaced and never reached the DOM.
|
|
13
|
-
* The strip asks for its answer with the region's `overflow` prop instead, so the id the node carries
|
|
14
|
-
* is the id the node renders - one axis, scrolling only where the destinations overflow.
|
|
9
|
+
* Business-neutral controlled peer tabs with HeroUI's ListContainer owning overflow,
|
|
10
|
+
* scroll shadows and the directional controls.
|
|
15
11
|
*/
|
|
16
12
|
export type TabsProps = {
|
|
17
13
|
readonly label: string;
|
|
@@ -24,10 +20,11 @@ export type TabsProps = {
|
|
|
24
20
|
/** Page chrome owns whether the peer strip starts at the shared page inset. */
|
|
25
21
|
readonly inset?: "page" | "none";
|
|
26
22
|
/**
|
|
27
|
-
* `primary`
|
|
23
|
+
* `primary` is the underline tab bar: the page's main area switcher, at most one per page.
|
|
28
24
|
* `secondary` is HeroUI's own pill tabs, unpainted by the grammar (a soft track, the selected tab a white segment
|
|
29
25
|
* pill with the surface shadow): for tabs inside a sub-region (drawer, card, dialog, rail). Same roles, keyboard, panel
|
|
30
|
-
* wiring and focus ring either way.
|
|
26
|
+
* wiring and focus ring either way. Omit it to follow the surrounding surface (`secondary` inside,
|
|
27
|
+
* `primary` on the page background).
|
|
31
28
|
*/
|
|
32
29
|
readonly variant?: "primary" | "secondary";
|
|
33
30
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/branch/Tabs/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAgD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/branch/Tabs/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAgD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AASpF,mEAAmE;AACnE,MAAM,MAAM,OAAO,GAAG;IAClB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,CAAA;CAC/B,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,SAAS,GAAG;IACpB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,CAAA;IACtC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IACzC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAA;IAC1C,uLAAuL;IACvL,QAAQ,CAAC,eAAe,CAAC,EAAE,YAAY,GAAG,QAAQ,CAAA;IAClD,+EAA+E;IAC/E,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAChC;;;;;;OAMG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;CAC7C,CAAA;AAED,qFAAqF;AACrF,eAAO,MAAM,IAAI,GAAI,OAAO,SAAS,gCA2EpC,CAAA"}
|