@starci/grammar 0.4.3 → 0.4.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/dist/common/registry.d.ts +2 -2
- package/dist/common/styles.css +542 -9
- package/dist/core/branch/MarkdownArticle/classNames.d.ts +9 -4
- package/dist/core/branch/MarkdownArticle/classNames.d.ts.map +1 -1
- package/dist/core/branch/MarkdownArticle/classNames.js +9 -4
- package/dist/core/branch/MarkdownArticle/classNames.js.map +1 -1
- package/dist/core/branch/Rail/classNames.d.ts +8 -4
- package/dist/core/branch/Rail/classNames.d.ts.map +1 -1
- package/dist/core/branch/Rail/classNames.js +8 -4
- package/dist/core/branch/Rail/classNames.js.map +1 -1
- package/dist/core/branch/Rail/index.d.ts.map +1 -1
- package/dist/core/branch/Rail/index.js +1 -2
- package/dist/core/branch/Rail/index.js.map +1 -1
- package/dist/core/branch/Subnav/classNames.d.ts +14 -7
- package/dist/core/branch/Subnav/classNames.d.ts.map +1 -1
- package/dist/core/branch/Subnav/classNames.js +14 -7
- package/dist/core/branch/Subnav/classNames.js.map +1 -1
- package/dist/core/branch/Subnav/index.d.ts.map +1 -1
- package/dist/core/branch/Subnav/index.js +2 -2
- package/dist/core/branch/Subnav/index.js.map +1 -1
- package/dist/core/branch/SurfaceAccordionCard/classNames.d.ts +16 -8
- package/dist/core/branch/SurfaceAccordionCard/classNames.d.ts.map +1 -1
- package/dist/core/branch/SurfaceAccordionCard/classNames.js +17 -9
- package/dist/core/branch/SurfaceAccordionCard/classNames.js.map +1 -1
- package/dist/core/branch/SurfaceAccordionCard/index.d.ts.map +1 -1
- package/dist/core/branch/SurfaceAccordionCard/index.js +1 -1
- package/dist/core/branch/SurfaceAccordionCard/index.js.map +1 -1
- package/dist/core/branch/SurfaceCard/classNames.d.ts +16 -7
- package/dist/core/branch/SurfaceCard/classNames.d.ts.map +1 -1
- package/dist/core/branch/SurfaceCard/classNames.js +17 -8
- package/dist/core/branch/SurfaceCard/classNames.js.map +1 -1
- package/dist/core/branch/SurfaceCard/index.d.ts.map +1 -1
- package/dist/core/branch/SurfaceCard/index.js +6 -2
- package/dist/core/branch/SurfaceCard/index.js.map +1 -1
- package/dist/core/branch/SurfaceListCard/classNames.d.ts +14 -7
- package/dist/core/branch/SurfaceListCard/classNames.d.ts.map +1 -1
- package/dist/core/branch/SurfaceListCard/classNames.js +14 -7
- package/dist/core/branch/SurfaceListCard/classNames.js.map +1 -1
- package/dist/core/branch/SurfaceListCard/index.d.ts.map +1 -1
- package/dist/core/branch/SurfaceListCard/index.js +2 -2
- package/dist/core/branch/SurfaceListCard/index.js.map +1 -1
- package/dist/core/classNames.d.ts +3 -5
- package/dist/core/classNames.d.ts.map +1 -1
- package/dist/core/classNames.js +3 -5
- package/dist/core/classNames.js.map +1 -1
- package/dist/core/composite/EmptyNotice/index.js +1 -1
- package/dist/core/composite/EmptyNotice/index.js.map +1 -1
- package/dist/core/composition/ChatWorkspace/classNames.d.ts +16 -9
- package/dist/core/composition/ChatWorkspace/classNames.d.ts.map +1 -1
- package/dist/core/composition/ChatWorkspace/classNames.js +21 -14
- package/dist/core/composition/ChatWorkspace/classNames.js.map +1 -1
- package/dist/core/composition/NavigationFeatureNav/classNames.d.ts +13 -8
- package/dist/core/composition/NavigationFeatureNav/classNames.d.ts.map +1 -1
- package/dist/core/composition/NavigationFeatureNav/classNames.js +13 -8
- package/dist/core/composition/NavigationFeatureNav/classNames.js.map +1 -1
- package/dist/core/composition/NavigationFeatureNav/index.d.ts +16 -2
- package/dist/core/composition/NavigationFeatureNav/index.d.ts.map +1 -1
- package/dist/core/composition/NavigationFeatureNav/index.js +2 -2
- package/dist/core/composition/NavigationFeatureNav/index.js.map +1 -1
- package/dist/core/composition/PrimaryRailLayout/index.d.ts +7 -1
- package/dist/core/composition/PrimaryRailLayout/index.d.ts.map +1 -1
- package/dist/core/composition/PrimaryRailLayout/index.js +1 -1
- package/dist/core/composition/PrimaryRailLayout/index.js.map +1 -1
- package/dist/core/index.d.ts +2 -2
- package/dist/core/primitive/Button/index.d.ts +10 -0
- 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/Divider/index.js +1 -1
- package/dist/core/primitive/Divider/index.js.map +1 -1
- package/dist/core/primitive/Icon/index.d.ts.map +1 -1
- package/dist/core/primitive/Icon/index.js +8 -7
- package/dist/core/primitive/Icon/index.js.map +1 -1
- package/dist/core/primitive/IconButton/index.d.ts.map +1 -1
- package/dist/core/primitive/IconButton/index.js +7 -5
- package/dist/core/primitive/IconButton/index.js.map +1 -1
- package/dist/core/primitive/IconTile/index.d.ts.map +1 -1
- package/dist/core/primitive/IconTile/index.js +7 -12
- package/dist/core/primitive/IconTile/index.js.map +1 -1
- package/dist/core/primitive/Input/index.d.ts.map +1 -1
- package/dist/core/primitive/Input/index.js +4 -4
- package/dist/core/primitive/Input/index.js.map +1 -1
- package/dist/core/primitive/Label/classNames.d.ts +10 -6
- package/dist/core/primitive/Label/classNames.d.ts.map +1 -1
- package/dist/core/primitive/Label/classNames.js +10 -6
- package/dist/core/primitive/Label/classNames.js.map +1 -1
- package/dist/core/primitive/Label/index.js +1 -1
- package/dist/core/primitive/Label/index.js.map +1 -1
- package/dist/core/primitive/Progress/index.d.ts.map +1 -1
- package/dist/core/primitive/Progress/index.js +6 -2
- package/dist/core/primitive/Progress/index.js.map +1 -1
- package/dist/core/primitive/Text/index.d.ts +8 -1
- package/dist/core/primitive/Text/index.d.ts.map +1 -1
- package/dist/core/primitive/Text/index.js +16 -20
- package/dist/core/primitive/Text/index.js.map +1 -1
- package/dist/core/primitive/TextAction/index.d.ts.map +1 -1
- package/dist/core/primitive/TextAction/index.js +24 -23
- package/dist/core/primitive/TextAction/index.js.map +1 -1
- package/dist/core/primitive/actionStyles.d.ts +10 -2
- package/dist/core/primitive/actionStyles.d.ts.map +1 -1
- package/dist/core/primitive/actionStyles.js +10 -18
- package/dist/core/primitive/actionStyles.js.map +1 -1
- package/package.json +2 -2
|
@@ -1,13 +1,20 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Surface-list geometry is SHIPPED: `.starci-core-surface-list*`, `.starci-core-list-shell`,
|
|
3
|
+
* `.starci-core-surface-fact` and `.starci-core-owned-collection` in `src/common/styles.css` own
|
|
4
|
+
* the box, the fact's scale and the collection's corner. The fact's depth and the verdict corner
|
|
5
|
+
* are selected there by `data-grammar-surface-depth` and `data-grammar-collection`, which the
|
|
6
|
+
* component emits.
|
|
7
|
+
*/
|
|
1
8
|
/** Identifies the outer surface-list anatomy. */
|
|
2
|
-
export declare const surfaceListClassName:
|
|
9
|
+
export declare const surfaceListClassName: string;
|
|
3
10
|
/** Identifies the external label row shared by surface branches. */
|
|
4
|
-
export declare const surfaceLabelClassName:
|
|
11
|
+
export declare const surfaceLabelClassName: string;
|
|
5
12
|
/** Keeps the peer fact at the same visual level as its owning label. */
|
|
6
|
-
export declare const
|
|
13
|
+
export declare const surfaceFactClassName: string;
|
|
7
14
|
/** Identifies the list's bounded surface shell. */
|
|
8
|
-
export declare const listShellClassName:
|
|
15
|
+
export declare const listShellClassName: string;
|
|
9
16
|
/** Identifies the optional footer region. */
|
|
10
|
-
export declare const surfaceFooterClassName:
|
|
11
|
-
/**
|
|
12
|
-
export declare const
|
|
17
|
+
export declare const surfaceFooterClassName: string;
|
|
18
|
+
/** Identifies the collection region shared by verdict and ordinary lists. */
|
|
19
|
+
export declare const collectionClassName: string;
|
|
13
20
|
//# sourceMappingURL=classNames.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"classNames.d.ts","sourceRoot":"","sources":["../../../../src/core/branch/SurfaceListCard/classNames.ts"],"names":[],"mappings":"AAEA,iDAAiD;AACjD,eAAO,MAAM,oBAAoB,
|
|
1
|
+
{"version":3,"file":"classNames.d.ts","sourceRoot":"","sources":["../../../../src/core/branch/SurfaceListCard/classNames.ts"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,iDAAiD;AACjD,eAAO,MAAM,oBAAoB,QAA+D,CAAA;AAChG,oEAAoE;AACpE,eAAO,MAAM,qBAAqB,QAAiE,CAAA;AACnG,wEAAwE;AACxE,eAAO,MAAM,oBAAoB,QAA+D,CAAA;AAChG,mDAAmD;AACnD,eAAO,MAAM,kBAAkB,QAAsG,CAAA;AACrI,6CAA6C;AAC7C,eAAO,MAAM,sBAAsB,QAAmE,CAAA;AACtG,6EAA6E;AAC7E,eAAO,MAAM,mBAAmB,QAAuE,CAAA"}
|
|
@@ -1,14 +1,21 @@
|
|
|
1
1
|
import { cn } from "@heroui/react";
|
|
2
|
+
/**
|
|
3
|
+
* Surface-list geometry is SHIPPED: `.starci-core-surface-list*`, `.starci-core-list-shell`,
|
|
4
|
+
* `.starci-core-surface-fact` and `.starci-core-owned-collection` in `src/common/styles.css` own
|
|
5
|
+
* the box, the fact's scale and the collection's corner. The fact's depth and the verdict corner
|
|
6
|
+
* are selected there by `data-grammar-surface-depth` and `data-grammar-collection`, which the
|
|
7
|
+
* component emits.
|
|
8
|
+
*/
|
|
2
9
|
/** Identifies the outer surface-list anatomy. */
|
|
3
|
-
export const surfaceListClassName = cn("starci-core-surface-list"
|
|
10
|
+
export const surfaceListClassName = cn("starci-core-surface-list") ?? "starci-core-surface-list";
|
|
4
11
|
/** Identifies the external label row shared by surface branches. */
|
|
5
|
-
export const surfaceLabelClassName = cn("starci-core-surface-label");
|
|
12
|
+
export const surfaceLabelClassName = cn("starci-core-surface-label") ?? "starci-core-surface-label";
|
|
6
13
|
/** Keeps the peer fact at the same visual level as its owning label. */
|
|
7
|
-
export const
|
|
14
|
+
export const surfaceFactClassName = cn("starci-core-surface-fact") ?? "starci-core-surface-fact";
|
|
8
15
|
/** Identifies the list's bounded surface shell. */
|
|
9
|
-
export const listShellClassName = cn("starci-core-surface", "starci-core-list-shell"
|
|
16
|
+
export const listShellClassName = cn("starci-core-surface", "starci-core-list-shell") ?? "starci-core-surface starci-core-list-shell";
|
|
10
17
|
/** Identifies the optional footer region. */
|
|
11
|
-
export const surfaceFooterClassName = cn("starci-core-surface-footer"
|
|
12
|
-
/**
|
|
13
|
-
export const
|
|
18
|
+
export const surfaceFooterClassName = cn("starci-core-surface-footer") ?? "starci-core-surface-footer";
|
|
19
|
+
/** Identifies the collection region shared by verdict and ordinary lists. */
|
|
20
|
+
export const collectionClassName = cn("starci-core-owned-collection") ?? "starci-core-owned-collection";
|
|
14
21
|
//# sourceMappingURL=classNames.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"classNames.js","sourceRoot":"","sources":["../../../../src/core/branch/SurfaceListCard/classNames.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,eAAe,CAAA;AAElC,iDAAiD;AACjD,MAAM,CAAC,MAAM,oBAAoB,GAAG,EAAE,CAAC,0BAA0B,
|
|
1
|
+
{"version":3,"file":"classNames.js","sourceRoot":"","sources":["../../../../src/core/branch/SurfaceListCard/classNames.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,eAAe,CAAA;AAElC;;;;;;GAMG;AAEH,iDAAiD;AACjD,MAAM,CAAC,MAAM,oBAAoB,GAAG,EAAE,CAAC,0BAA0B,CAAC,IAAI,0BAA0B,CAAA;AAChG,oEAAoE;AACpE,MAAM,CAAC,MAAM,qBAAqB,GAAG,EAAE,CAAC,2BAA2B,CAAC,IAAI,2BAA2B,CAAA;AACnG,wEAAwE;AACxE,MAAM,CAAC,MAAM,oBAAoB,GAAG,EAAE,CAAC,0BAA0B,CAAC,IAAI,0BAA0B,CAAA;AAChG,mDAAmD;AACnD,MAAM,CAAC,MAAM,kBAAkB,GAAG,EAAE,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,IAAI,4CAA4C,CAAA;AACrI,6CAA6C;AAC7C,MAAM,CAAC,MAAM,sBAAsB,GAAG,EAAE,CAAC,4BAA4B,CAAC,IAAI,4BAA4B,CAAA;AACtG,6EAA6E;AAC7E,MAAM,CAAC,MAAM,mBAAmB,GAAG,EAAE,CAAC,8BAA8B,CAAC,IAAI,8BAA8B,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/branch/SurfaceListCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAK7C,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,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,YAAY,CAAC,EAAE,OAAO,CAAA;CAClC,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG,qBAAqB,GAAG;IACvD,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAA;CAC/B,CAAA;AAED,eAAO,MAAM,eAAe,GAAI,OAAO,oBAAoB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/branch/SurfaceListCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAK7C,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,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,YAAY,CAAC,EAAE,OAAO,CAAA;CAClC,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG,qBAAqB,GAAG;IACvD,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAA;CAC/B,CAAA;AAED,eAAO,MAAM,eAAe,GAAI,OAAO,oBAAoB,gCAgE1D,CAAA"}
|
|
@@ -2,11 +2,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { useId } from "react";
|
|
3
3
|
import { VerticalScrollRegion } from "../../composite/VerticalScrollRegion/index.js";
|
|
4
4
|
import { Label } from "../../primitive/Label/index.js";
|
|
5
|
-
import {
|
|
5
|
+
import { collectionClassName, listShellClassName, surfaceFactClassName, surfaceFooterClassName, surfaceLabelClassName, surfaceListClassName } from "./classNames.js";
|
|
6
6
|
export const SurfaceListCard = (props) => {
|
|
7
7
|
const { label, ariaLabel, children, fact, labelEnd, labelHidden = false, footer, depth = "top", isLoading = false, isVerdict = false, isScrollable = false, } = props;
|
|
8
8
|
const headingId = useId();
|
|
9
9
|
const accessibleName = ariaLabel ?? label;
|
|
10
|
-
return (_jsxs("section", { className: surfaceListClassName, "data-grammar-label-visibility": labelHidden ? "hidden" : "visible", "data-grammar-surface-list": "true", "data-grammar-surface-depth": depth, children: [label === undefined || labelHidden ? null : (_jsxs("div", { className: surfaceLabelClassName, "data-contract": "GAP-2", "data-grammar-surface-label": "true", children: [_jsx(Label, { as: "h3", id: headingId, depth: depth, children: label }), labelEnd ?? (fact === undefined ? null : (_jsx("span", { className:
|
|
10
|
+
return (_jsxs("section", { className: surfaceListClassName, "data-grammar-label-visibility": labelHidden ? "hidden" : "visible", "data-grammar-surface-list": "true", "data-grammar-surface-depth": depth, children: [label === undefined || labelHidden ? null : (_jsxs("div", { className: surfaceLabelClassName, "data-contract": "GAP-2", "data-grammar-surface-label": "true", children: [_jsx(Label, { as: "h3", id: headingId, depth: depth, children: label }), labelEnd ?? (fact === undefined ? null : (_jsx("span", { className: surfaceFactClassName, "data-grammar-surface-depth": depth, "data-contract": `TONE-2 ${depth === "nested" ? "FONT-1" : "FONT-2"}`, children: fact })))] })), _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, { className: collectionClassName, "data-grammar-collection": isVerdict ? "verdict" : "list", "data-grammar-list": "true", "data-loading": String(isLoading), isScrollable: isScrollable, children: children }) }), footer === undefined ? null : (_jsx("div", { className: surfaceFooterClassName, "data-grammar-surface-footer": "true", children: footer }))] }));
|
|
11
11
|
};
|
|
12
12
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/branch/SurfaceListCard/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAkB,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAA;AACpF,OAAO,EAAE,KAAK,EAAE,MAAM,gCAAgC,CAAA;AACtD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/branch/SurfaceListCard/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAkB,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAA;AACpF,OAAO,EAAE,KAAK,EAAE,MAAM,gCAAgC,CAAA;AACtD,OAAO,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAA;AA2BpK,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAE,EAAE;IAC3D,MAAM,EACF,KAAK,EACL,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,WAAW,GAAG,KAAK,EACnB,MAAM,EACN,KAAK,GAAG,KAAK,EACb,SAAS,GAAG,KAAK,EACjB,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;IAEzC,OAAO,CACH,mBACI,SAAS,EAAE,oBAAoB,mCACA,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,+BACvC,MAAM,gCACJ,KAAK,aAEhC,KAAK,KAAK,SAAS,IAAI,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACzC,eAAK,SAAS,EAAE,qBAAqB,mBAAgB,OAAO,gCAA4B,MAAM,aAC1F,KAAC,KAAK,IAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,YAAG,KAAK,GAAS,EAC1D,QAAQ,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACtC,eACI,SAAS,EAAE,oBAAoB,gCACH,KAAK,mBAClB,UAAU,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,EAAE,YAElE,IAAI,GACF,CACV,CAAC,IACA,CACT,EACD,4BACgB,WAAW,IAAI,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,qBAC1D,CAAC,WAAW,IAAI,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAC5E,SAAS,EAAE,kBAAkB,mBACf,gCAAgC,0BACzB,MAAM,yBACN,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,gCAC5B,KAAK,0BACX,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,kBAC9C,MAAM,CAAC,SAAS,CAAC,YAE/B,KAAC,oBAAoB,IACjB,SAAS,EAAE,mBAAmB,6BACL,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,uBACrC,MAAM,kBACV,MAAM,CAAC,SAAS,CAAC,EAC/B,YAAY,EAAE,YAAY,YAEzB,QAAQ,GACU,GACrB,EACL,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC3B,cAAK,SAAS,EAAE,sBAAsB,iCAA8B,MAAM,YAAE,MAAM,GAAO,CAC5F,IACK,CACb,CAAA;AACL,CAAC,CAAA"}
|
|
@@ -1,11 +1,9 @@
|
|
|
1
|
-
/** Identifies the compact state mark in the offset-pop visual layer. */
|
|
2
|
-
export declare const stateMarkClassName: import("tailwind-variants").CnReturn;
|
|
3
1
|
/** Identifies the quiet ordinal prefix used by ordered content. */
|
|
4
|
-
export declare const leadingNumberClassName:
|
|
2
|
+
export declare const leadingNumberClassName: string;
|
|
5
3
|
/** Identifies one static state row shell. */
|
|
6
|
-
export declare const staticRowClassName:
|
|
4
|
+
export declare const staticRowClassName: string;
|
|
7
5
|
/** Identifies the text grouping inside a static state row. */
|
|
8
|
-
export declare const staticRowCopyClassName:
|
|
6
|
+
export declare const staticRowCopyClassName: string;
|
|
9
7
|
/** Identifies the full page that centres one compact form surface. */
|
|
10
8
|
export declare const formPageClassName: import("tailwind-variants").CnReturn;
|
|
11
9
|
/** Identifies the bounded viewport that owns form-surface scrolling under zoom. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"classNames.d.ts","sourceRoot":"","sources":["../../src/core/classNames.ts"],"names":[],"mappings":"AAEA,
|
|
1
|
+
{"version":3,"file":"classNames.d.ts","sourceRoot":"","sources":["../../src/core/classNames.ts"],"names":[],"mappings":"AAEA,mEAAmE;AACnE,eAAO,MAAM,sBAAsB,QAAmE,CAAA;AACtG,6CAA6C;AAC7C,eAAO,MAAM,kBAAkB,QAA2D,CAAA;AAC1F,8DAA8D;AAC9D,eAAO,MAAM,sBAAsB,QAAqE,CAAA;AAExG,sEAAsE;AACtE,eAAO,MAAM,iBAAiB,sCAA8B,CAAA;AAC5D,mFAAmF;AACnF,eAAO,MAAM,2BAA2B,sCAAyC,CAAA;AACjF,wEAAwE;AACxE,eAAO,MAAM,oBAAoB,sCAAiC,CAAA;AAClE,8FAA8F;AAC9F,eAAO,MAAM,2BAA2B,sCAA0C,CAAA;AAClF,4EAA4E;AAC5E,eAAO,MAAM,kBAAkB,sCAA+B,CAAA;AAC9D,4FAA4F;AAC5F,eAAO,MAAM,8BAA8B,sCAA8C,CAAA;AACzF,iGAAiG;AACjG,eAAO,MAAM,+BAA+B,sCAA6C,CAAA"}
|
package/dist/core/classNames.js
CHANGED
|
@@ -1,12 +1,10 @@
|
|
|
1
1
|
import { cn } from "@heroui/react";
|
|
2
|
-
/** Identifies the compact state mark in the offset-pop visual layer. */
|
|
3
|
-
export const stateMarkClassName = cn("size-5", "shrink-0");
|
|
4
2
|
/** Identifies the quiet ordinal prefix used by ordered content. */
|
|
5
|
-
export const leadingNumberClassName = cn("starci-core-leading-number"
|
|
3
|
+
export const leadingNumberClassName = cn("starci-core-leading-number") ?? "starci-core-leading-number";
|
|
6
4
|
/** Identifies one static state row shell. */
|
|
7
|
-
export const staticRowClassName = cn("starci-core-static-row"
|
|
5
|
+
export const staticRowClassName = cn("starci-core-static-row") ?? "starci-core-static-row";
|
|
8
6
|
/** Identifies the text grouping inside a static state row. */
|
|
9
|
-
export const staticRowCopyClassName = cn("starci-core-static-row-copy"
|
|
7
|
+
export const staticRowCopyClassName = cn("starci-core-static-row-copy") ?? "starci-core-static-row-copy";
|
|
10
8
|
/** Identifies the full page that centres one compact form surface. */
|
|
11
9
|
export const formPageClassName = cn("starci-core-form-page");
|
|
12
10
|
/** Identifies the bounded viewport that owns form-surface scrolling under zoom. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"classNames.js","sourceRoot":"","sources":["../../src/core/classNames.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,eAAe,CAAA;AAElC,
|
|
1
|
+
{"version":3,"file":"classNames.js","sourceRoot":"","sources":["../../src/core/classNames.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,eAAe,CAAA;AAElC,mEAAmE;AACnE,MAAM,CAAC,MAAM,sBAAsB,GAAG,EAAE,CAAC,4BAA4B,CAAC,IAAI,4BAA4B,CAAA;AACtG,6CAA6C;AAC7C,MAAM,CAAC,MAAM,kBAAkB,GAAG,EAAE,CAAC,wBAAwB,CAAC,IAAI,wBAAwB,CAAA;AAC1F,8DAA8D;AAC9D,MAAM,CAAC,MAAM,sBAAsB,GAAG,EAAE,CAAC,6BAA6B,CAAC,IAAI,6BAA6B,CAAA;AAExG,sEAAsE;AACtE,MAAM,CAAC,MAAM,iBAAiB,GAAG,EAAE,CAAC,uBAAuB,CAAC,CAAA;AAC5D,mFAAmF;AACnF,MAAM,CAAC,MAAM,2BAA2B,GAAG,EAAE,CAAC,kCAAkC,CAAC,CAAA;AACjF,wEAAwE;AACxE,MAAM,CAAC,MAAM,oBAAoB,GAAG,EAAE,CAAC,0BAA0B,CAAC,CAAA;AAClE,8FAA8F;AAC9F,MAAM,CAAC,MAAM,2BAA2B,GAAG,EAAE,CAAC,mCAAmC,CAAC,CAAA;AAClF,4EAA4E;AAC5E,MAAM,CAAC,MAAM,kBAAkB,GAAG,EAAE,CAAC,wBAAwB,CAAC,CAAA;AAC9D,4FAA4F;AAC5F,MAAM,CAAC,MAAM,8BAA8B,GAAG,EAAE,CAAC,uCAAuC,CAAC,CAAA;AACzF,iGAAiG;AACjG,MAAM,CAAC,MAAM,+BAA+B,GAAG,EAAE,CAAC,sCAAsC,CAAC,CAAA"}
|
|
@@ -3,5 +3,5 @@ import { Button } from "../../primitive/Button/index.js";
|
|
|
3
3
|
import { IconTile } from "../../primitive/IconTile/index.js";
|
|
4
4
|
import { Text } from "../../primitive/Text/index.js";
|
|
5
5
|
/** Settled empty-region answer with an optional recovery action. */
|
|
6
|
-
export const EmptyNotice = ({ message, description, iconSource, actionLabel, actionStartContent, actionVariant = "primary", isActionPending = false, onAction, }) => (_jsxs("div", { "data-tier": "composite", "data-component": "EmptyNotice", "data-contract": "GAP-3 PADDING-4", className: "
|
|
6
|
+
export const EmptyNotice = ({ message, description, iconSource, actionLabel, actionStartContent, actionVariant = "primary", isActionPending = false, onAction, }) => (_jsxs("div", { "data-tier": "composite", "data-component": "EmptyNotice", "data-contract": "GAP-3 PADDING-4", className: "starci-core-empty-notice", children: [iconSource === undefined ? null : _jsx(IconTile, { source: iconSource, tone: "neutral", size: "md" }), _jsx(Text, { size: "sm", tone: "muted", children: message }), description === undefined ? null : _jsx(Text, { size: "xs", tone: "muted", children: description }), actionLabel === undefined ? null : (_jsx(Button, { variant: actionVariant, size: "sm", startContent: actionStartContent, isPending: isActionPending, ...(onAction === undefined ? {} : { onPress: onAction }), children: actionLabel }))] }));
|
|
7
7
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/composite/EmptyNotice/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAsB,MAAM,iCAAiC,CAAA;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAA;AAE5D,OAAO,EAAE,IAAI,EAAE,MAAM,+BAA+B,CAAA;AAcpD,oEAAoE;AACpE,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EACxB,OAAO,EACP,WAAW,EACX,UAAU,EACV,WAAW,EACX,kBAAkB,EAClB,aAAa,GAAG,SAAS,EACzB,eAAe,GAAG,KAAK,EACvB,QAAQ,GACO,EAAE,EAAE,CAAC,CACpB,4BACc,WAAW,oBACN,aAAa,mBACd,iBAAiB,EAC/B,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/composite/EmptyNotice/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAsB,MAAM,iCAAiC,CAAA;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAA;AAE5D,OAAO,EAAE,IAAI,EAAE,MAAM,+BAA+B,CAAA;AAcpD,oEAAoE;AACpE,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EACxB,OAAO,EACP,WAAW,EACX,UAAU,EACV,WAAW,EACX,kBAAkB,EAClB,aAAa,GAAG,SAAS,EACzB,eAAe,GAAG,KAAK,EACvB,QAAQ,GACO,EAAE,EAAE,CAAC,CACpB,4BACc,WAAW,oBACN,aAAa,mBACd,iBAAiB,EAC/B,SAAS,EAAC,0BAA0B,aAEnC,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAC,QAAQ,IAAC,MAAM,EAAE,UAAU,EAAE,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,GAAG,EAC5F,KAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,YAAE,OAAO,GAAQ,EAC5C,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,YAAE,WAAW,GAAQ,EACpF,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAChC,KAAC,MAAM,IACH,OAAO,EAAE,aAAa,EACtB,IAAI,EAAC,IAAI,EACT,YAAY,EAAE,kBAAkB,EAChC,SAAS,EAAE,eAAe,KACtB,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,YAExD,WAAW,GACP,CACZ,IACC,CACT,CAAA"}
|
|
@@ -1,30 +1,37 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Chat-workspace geometry is SHIPPED.
|
|
3
|
+
*
|
|
4
|
+
* The bounded height chain, the rail track, the composer boundary and the compact drawer are all
|
|
5
|
+
* drawn by `.starci-core-chat-workspace*` in `src/common/styles.css`. The names below are hooks;
|
|
6
|
+
* the rail-less layout keeps its own class because it is a structural variant, not a utility.
|
|
7
|
+
*/
|
|
1
8
|
/** Bounded height chain for a workbench supplied with height by its host. */
|
|
2
|
-
export declare const chatWorkspaceClassName:
|
|
9
|
+
export declare const chatWorkspaceClassName: string;
|
|
3
10
|
/** Header remains outside every workspace-owned scroll region. */
|
|
4
|
-
export declare const chatWorkspaceHeaderClassName:
|
|
11
|
+
export declare const chatWorkspaceHeaderClassName: string;
|
|
5
12
|
/** Compact rail disclosure has its own non-scrolling action boundary. */
|
|
6
|
-
export declare const chatWorkspaceRailTriggerBoundaryClassName:
|
|
13
|
+
export declare const chatWorkspaceRailTriggerBoundaryClassName: string;
|
|
7
14
|
/** Visible, keyboard-sized trigger for the compact supporting overlay. */
|
|
8
15
|
export declare const chatWorkspaceRailTriggerClassName: string;
|
|
9
16
|
/** Primary work region and the persistent rail share the remaining bounded height. */
|
|
10
|
-
export declare const chatWorkspaceLayoutClassName:
|
|
17
|
+
export declare const chatWorkspaceLayoutClassName: string;
|
|
11
18
|
/** Bind the layout column to the same authored widths as Core Rail. */
|
|
12
19
|
export declare const getChatWorkspaceLayoutClassName: (_railWidth: "compact" | "standard" | "wide", hasRail: boolean) => import("tailwind-variants").CnReturn;
|
|
13
20
|
/** Main task owner: only its conversation child scrolls. */
|
|
14
|
-
export declare const chatWorkspacePrimaryClassName:
|
|
21
|
+
export declare const chatWorkspacePrimaryClassName: string;
|
|
15
22
|
/** The conversation is the single primary bounded scroll owner. */
|
|
16
|
-
export declare const chatWorkspaceConversationClassName:
|
|
23
|
+
export declare const chatWorkspaceConversationClassName: string;
|
|
17
24
|
/** Composer remains reachable at the terminal edge without duplicating scroll padding. */
|
|
18
|
-
export declare const chatWorkspaceComposerClassName:
|
|
25
|
+
export declare const chatWorkspaceComposerClassName: string;
|
|
19
26
|
/** Persistent supporting rail fills the same bounded layout track as the task owner. */
|
|
20
|
-
export declare const chatWorkspaceInlineRailClassName:
|
|
27
|
+
export declare const chatWorkspaceInlineRailClassName: string;
|
|
21
28
|
/** Keep the compact vendor drawer on one safe viewport width. */
|
|
22
29
|
export declare const chatWorkspaceDrawerContentClassName: string;
|
|
23
30
|
/** The dialog and its body extend the bounded height chain into the overlay. */
|
|
24
31
|
export declare const chatWorkspaceDrawerDialogClassName: string;
|
|
25
32
|
export declare const chatWorkspaceDrawerBodyClassName: string;
|
|
26
33
|
/** Scroll owner inside the compact supporting overlay. */
|
|
27
|
-
export declare const chatWorkspaceOverlayRailClassName:
|
|
34
|
+
export declare const chatWorkspaceOverlayRailClassName: string;
|
|
28
35
|
/** Make the vendor-provided overlay exit easy to target in every input mode. */
|
|
29
36
|
export declare const chatWorkspaceDrawerCloseClassName: string;
|
|
30
37
|
//# sourceMappingURL=classNames.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"classNames.d.ts","sourceRoot":"","sources":["../../../../src/core/composition/ChatWorkspace/classNames.ts"],"names":[],"mappings":"AAEA,6EAA6E;AAC7E,eAAO,MAAM,sBAAsB,
|
|
1
|
+
{"version":3,"file":"classNames.d.ts","sourceRoot":"","sources":["../../../../src/core/composition/ChatWorkspace/classNames.ts"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,6EAA6E;AAC7E,eAAO,MAAM,sBAAsB,QAAmE,CAAA;AAEtG,kEAAkE;AAClE,eAAO,MAAM,4BAA4B,QAAiF,CAAA;AAE1H,yEAAyE;AACzE,eAAO,MAAM,yCAAyC,QAA+G,CAAA;AAErK,0EAA0E;AAC1E,eAAO,MAAM,iCAAiC,QAA6F,CAAA;AAE3I,sFAAsF;AACtF,eAAO,MAAM,4BAA4B,QAAiF,CAAA;AAE1H,uEAAuE;AACvE,eAAO,MAAM,+BAA+B,GACxC,YAAY,SAAS,GAAG,UAAU,GAAG,MAAM,EAC3C,SAAS,OAAO,yCAC+E,CAAA;AAEnG,4DAA4D;AAC5D,eAAO,MAAM,6BAA6B,QAAmF,CAAA;AAE7H,mEAAmE;AACnE,eAAO,MAAM,kCAAkC,QAA6F,CAAA;AAE5I,0FAA0F;AAC1F,eAAO,MAAM,8BAA8B,QAAqF,CAAA;AAEhI,wFAAwF;AACxF,eAAO,MAAM,gCAAgC,QAA2F,CAAA;AAExI,iEAAiE;AACjE,eAAO,MAAM,mCAAmC,QAAiG,CAAA;AAEjJ,gFAAgF;AAChF,eAAO,MAAM,kCAAkC,QAA+F,CAAA;AAC9I,eAAO,MAAM,gCAAgC,QAA2F,CAAA;AAExI,0DAA0D;AAC1D,eAAO,MAAM,iCAAiC,QAA6F,CAAA;AAE3I,gFAAgF;AAChF,eAAO,MAAM,iCAAiC,QAA6F,CAAA"}
|
|
@@ -1,31 +1,38 @@
|
|
|
1
1
|
import { cn } from "@heroui/react";
|
|
2
|
+
/**
|
|
3
|
+
* Chat-workspace geometry is SHIPPED.
|
|
4
|
+
*
|
|
5
|
+
* The bounded height chain, the rail track, the composer boundary and the compact drawer are all
|
|
6
|
+
* drawn by `.starci-core-chat-workspace*` in `src/common/styles.css`. The names below are hooks;
|
|
7
|
+
* the rail-less layout keeps its own class because it is a structural variant, not a utility.
|
|
8
|
+
*/
|
|
2
9
|
/** Bounded height chain for a workbench supplied with height by its host. */
|
|
3
|
-
export const chatWorkspaceClassName = cn("starci-core-chat-workspace"
|
|
10
|
+
export const chatWorkspaceClassName = cn("starci-core-chat-workspace") ?? "starci-core-chat-workspace";
|
|
4
11
|
/** Header remains outside every workspace-owned scroll region. */
|
|
5
|
-
export const chatWorkspaceHeaderClassName = cn("starci-core-chat-workspace-header"
|
|
12
|
+
export const chatWorkspaceHeaderClassName = cn("starci-core-chat-workspace-header") ?? "starci-core-chat-workspace-header";
|
|
6
13
|
/** Compact rail disclosure has its own non-scrolling action boundary. */
|
|
7
|
-
export const chatWorkspaceRailTriggerBoundaryClassName = cn("starci-core-chat-workspace-rail-trigger-boundary"
|
|
14
|
+
export const chatWorkspaceRailTriggerBoundaryClassName = cn("starci-core-chat-workspace-rail-trigger-boundary") ?? "starci-core-chat-workspace-rail-trigger-boundary";
|
|
8
15
|
/** Visible, keyboard-sized trigger for the compact supporting overlay. */
|
|
9
|
-
export const chatWorkspaceRailTriggerClassName = cn("starci-core-chat-workspace-rail-trigger"
|
|
16
|
+
export const chatWorkspaceRailTriggerClassName = cn("starci-core-chat-workspace-rail-trigger") ?? "starci-core-chat-workspace-rail-trigger";
|
|
10
17
|
/** Primary work region and the persistent rail share the remaining bounded height. */
|
|
11
|
-
export const chatWorkspaceLayoutClassName = cn("starci-core-chat-workspace-layout"
|
|
18
|
+
export const chatWorkspaceLayoutClassName = cn("starci-core-chat-workspace-layout") ?? "starci-core-chat-workspace-layout";
|
|
12
19
|
/** Bind the layout column to the same authored widths as Core Rail. */
|
|
13
20
|
export const getChatWorkspaceLayoutClassName = (_railWidth, hasRail) => cn(chatWorkspaceLayoutClassName, !hasRail && "starci-core-chat-workspace-layout-without-rail");
|
|
14
21
|
/** Main task owner: only its conversation child scrolls. */
|
|
15
|
-
export const chatWorkspacePrimaryClassName = cn("starci-core-chat-workspace-primary"
|
|
22
|
+
export const chatWorkspacePrimaryClassName = cn("starci-core-chat-workspace-primary") ?? "starci-core-chat-workspace-primary";
|
|
16
23
|
/** The conversation is the single primary bounded scroll owner. */
|
|
17
|
-
export const chatWorkspaceConversationClassName = cn("starci-core-chat-workspace-conversation"
|
|
24
|
+
export const chatWorkspaceConversationClassName = cn("starci-core-chat-workspace-conversation") ?? "starci-core-chat-workspace-conversation";
|
|
18
25
|
/** Composer remains reachable at the terminal edge without duplicating scroll padding. */
|
|
19
|
-
export const chatWorkspaceComposerClassName = cn("starci-core-chat-workspace-composer"
|
|
26
|
+
export const chatWorkspaceComposerClassName = cn("starci-core-chat-workspace-composer") ?? "starci-core-chat-workspace-composer";
|
|
20
27
|
/** Persistent supporting rail fills the same bounded layout track as the task owner. */
|
|
21
|
-
export const chatWorkspaceInlineRailClassName = cn("starci-core-chat-workspace-inline-rail"
|
|
28
|
+
export const chatWorkspaceInlineRailClassName = cn("starci-core-chat-workspace-inline-rail") ?? "starci-core-chat-workspace-inline-rail";
|
|
22
29
|
/** Keep the compact vendor drawer on one safe viewport width. */
|
|
23
|
-
export const chatWorkspaceDrawerContentClassName = cn("starci-core-chat-workspace-drawer-content"
|
|
30
|
+
export const chatWorkspaceDrawerContentClassName = cn("starci-core-chat-workspace-drawer-content") ?? "starci-core-chat-workspace-drawer-content";
|
|
24
31
|
/** The dialog and its body extend the bounded height chain into the overlay. */
|
|
25
|
-
export const chatWorkspaceDrawerDialogClassName = cn("starci-core-chat-workspace-drawer-dialog"
|
|
26
|
-
export const chatWorkspaceDrawerBodyClassName = cn("starci-core-chat-workspace-drawer-body"
|
|
32
|
+
export const chatWorkspaceDrawerDialogClassName = cn("starci-core-chat-workspace-drawer-dialog") ?? "starci-core-chat-workspace-drawer-dialog";
|
|
33
|
+
export const chatWorkspaceDrawerBodyClassName = cn("starci-core-chat-workspace-drawer-body") ?? "starci-core-chat-workspace-drawer-body";
|
|
27
34
|
/** Scroll owner inside the compact supporting overlay. */
|
|
28
|
-
export const chatWorkspaceOverlayRailClassName = cn("starci-core-chat-workspace-overlay-rail"
|
|
35
|
+
export const chatWorkspaceOverlayRailClassName = cn("starci-core-chat-workspace-overlay-rail") ?? "starci-core-chat-workspace-overlay-rail";
|
|
29
36
|
/** Make the vendor-provided overlay exit easy to target in every input mode. */
|
|
30
|
-
export const chatWorkspaceDrawerCloseClassName = cn("starci-core-chat-workspace-drawer-close"
|
|
37
|
+
export const chatWorkspaceDrawerCloseClassName = cn("starci-core-chat-workspace-drawer-close") ?? "starci-core-chat-workspace-drawer-close";
|
|
31
38
|
//# sourceMappingURL=classNames.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"classNames.js","sourceRoot":"","sources":["../../../../src/core/composition/ChatWorkspace/classNames.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,eAAe,CAAA;AAElC,6EAA6E;AAC7E,MAAM,CAAC,MAAM,sBAAsB,GAAG,EAAE,
|
|
1
|
+
{"version":3,"file":"classNames.js","sourceRoot":"","sources":["../../../../src/core/composition/ChatWorkspace/classNames.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,eAAe,CAAA;AAElC;;;;;;GAMG;AAEH,6EAA6E;AAC7E,MAAM,CAAC,MAAM,sBAAsB,GAAG,EAAE,CAAC,4BAA4B,CAAC,IAAI,4BAA4B,CAAA;AAEtG,kEAAkE;AAClE,MAAM,CAAC,MAAM,4BAA4B,GAAG,EAAE,CAAC,mCAAmC,CAAC,IAAI,mCAAmC,CAAA;AAE1H,yEAAyE;AACzE,MAAM,CAAC,MAAM,yCAAyC,GAAG,EAAE,CAAC,kDAAkD,CAAC,IAAI,kDAAkD,CAAA;AAErK,0EAA0E;AAC1E,MAAM,CAAC,MAAM,iCAAiC,GAAG,EAAE,CAAC,yCAAyC,CAAC,IAAI,yCAAyC,CAAA;AAE3I,sFAAsF;AACtF,MAAM,CAAC,MAAM,4BAA4B,GAAG,EAAE,CAAC,mCAAmC,CAAC,IAAI,mCAAmC,CAAA;AAE1H,uEAAuE;AACvE,MAAM,CAAC,MAAM,+BAA+B,GAAG,CAC3C,UAA2C,EAC3C,OAAgB,EAClB,EAAE,CAAC,EAAE,CAAC,4BAA4B,EAAE,CAAC,OAAO,IAAI,gDAAgD,CAAC,CAAA;AAEnG,4DAA4D;AAC5D,MAAM,CAAC,MAAM,6BAA6B,GAAG,EAAE,CAAC,oCAAoC,CAAC,IAAI,oCAAoC,CAAA;AAE7H,mEAAmE;AACnE,MAAM,CAAC,MAAM,kCAAkC,GAAG,EAAE,CAAC,yCAAyC,CAAC,IAAI,yCAAyC,CAAA;AAE5I,0FAA0F;AAC1F,MAAM,CAAC,MAAM,8BAA8B,GAAG,EAAE,CAAC,qCAAqC,CAAC,IAAI,qCAAqC,CAAA;AAEhI,wFAAwF;AACxF,MAAM,CAAC,MAAM,gCAAgC,GAAG,EAAE,CAAC,wCAAwC,CAAC,IAAI,wCAAwC,CAAA;AAExI,iEAAiE;AACjE,MAAM,CAAC,MAAM,mCAAmC,GAAG,EAAE,CAAC,2CAA2C,CAAC,IAAI,2CAA2C,CAAA;AAEjJ,gFAAgF;AAChF,MAAM,CAAC,MAAM,kCAAkC,GAAG,EAAE,CAAC,0CAA0C,CAAC,IAAI,0CAA0C,CAAA;AAC9I,MAAM,CAAC,MAAM,gCAAgC,GAAG,EAAE,CAAC,wCAAwC,CAAC,IAAI,wCAAwC,CAAA;AAExI,0DAA0D;AAC1D,MAAM,CAAC,MAAM,iCAAiC,GAAG,EAAE,CAAC,yCAAyC,CAAC,IAAI,yCAAyC,CAAA;AAE3I,gFAAgF;AAChF,MAAM,CAAC,MAAM,iCAAiC,GAAG,EAAE,CAAC,yCAAyC,CAAC,IAAI,yCAAyC,CAAA"}
|
|
@@ -1,9 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
export declare const
|
|
8
|
-
export declare const
|
|
1
|
+
/**
|
|
2
|
+
* Navigation geometry is SHIPPED: `.starci-core-navigation-feature-nav*` in
|
|
3
|
+
* `src/common/styles.css` owns the bar, its grid, the identity/navigation/actions tracks and the
|
|
4
|
+
* feature row. The sticky projection is selected there by
|
|
5
|
+
* `data-grammar-navigation-feature-nav-position`, which the component already emits.
|
|
6
|
+
*/
|
|
7
|
+
export declare const navigationFeatureNavClassName: string;
|
|
8
|
+
export declare const navigationFeatureNavPrimaryClassName: string;
|
|
9
|
+
export declare const navigationFeatureNavIdentityClassName: string;
|
|
10
|
+
export declare const navigationFeatureNavNavigationClassName: string;
|
|
11
|
+
export declare const navigationFeatureNavCompactNavigationClassName: string;
|
|
12
|
+
export declare const navigationFeatureNavActionsClassName: string;
|
|
13
|
+
export declare const navigationFeatureNavFeatureClassName: string;
|
|
9
14
|
//# sourceMappingURL=classNames.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"classNames.d.ts","sourceRoot":"","sources":["../../../../src/core/composition/NavigationFeatureNav/classNames.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,6BAA6B,
|
|
1
|
+
{"version":3,"file":"classNames.d.ts","sourceRoot":"","sources":["../../../../src/core/composition/NavigationFeatureNav/classNames.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AAEH,eAAO,MAAM,6BAA6B,QAAmF,CAAA;AAE7H,eAAO,MAAM,oCAAoC,QAAmG,CAAA;AAEpJ,eAAO,MAAM,qCAAqC,QAAqG,CAAA;AACvJ,eAAO,MAAM,uCAAuC,QAAyG,CAAA;AAC7J,eAAO,MAAM,8CAA8C,QAAyH,CAAA;AACpL,eAAO,MAAM,oCAAoC,QAAmG,CAAA;AACpJ,eAAO,MAAM,oCAAoC,QAAmG,CAAA"}
|
|
@@ -1,10 +1,15 @@
|
|
|
1
1
|
import { cn } from "@heroui/react";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
export const
|
|
9
|
-
export const
|
|
2
|
+
/**
|
|
3
|
+
* Navigation geometry is SHIPPED: `.starci-core-navigation-feature-nav*` in
|
|
4
|
+
* `src/common/styles.css` owns the bar, its grid, the identity/navigation/actions tracks and the
|
|
5
|
+
* feature row. The sticky projection is selected there by
|
|
6
|
+
* `data-grammar-navigation-feature-nav-position`, which the component already emits.
|
|
7
|
+
*/
|
|
8
|
+
export const navigationFeatureNavClassName = cn("starci-core-navigation-feature-nav") ?? "starci-core-navigation-feature-nav";
|
|
9
|
+
export const navigationFeatureNavPrimaryClassName = cn("starci-core-navigation-feature-nav-primary") ?? "starci-core-navigation-feature-nav-primary";
|
|
10
|
+
export const navigationFeatureNavIdentityClassName = cn("starci-core-navigation-feature-nav-identity") ?? "starci-core-navigation-feature-nav-identity";
|
|
11
|
+
export const navigationFeatureNavNavigationClassName = cn("starci-core-navigation-feature-nav-navigation") ?? "starci-core-navigation-feature-nav-navigation";
|
|
12
|
+
export const navigationFeatureNavCompactNavigationClassName = cn("starci-core-navigation-feature-nav-compact-navigation") ?? "starci-core-navigation-feature-nav-compact-navigation";
|
|
13
|
+
export const navigationFeatureNavActionsClassName = cn("starci-core-navigation-feature-nav-actions") ?? "starci-core-navigation-feature-nav-actions";
|
|
14
|
+
export const navigationFeatureNavFeatureClassName = cn("starci-core-navigation-feature-nav-feature") ?? "starci-core-navigation-feature-nav-feature";
|
|
10
15
|
//# sourceMappingURL=classNames.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"classNames.js","sourceRoot":"","sources":["../../../../src/core/composition/NavigationFeatureNav/classNames.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,eAAe,CAAA;AAElC,MAAM,CAAC,MAAM,6BAA6B,GAAG,EAAE,
|
|
1
|
+
{"version":3,"file":"classNames.js","sourceRoot":"","sources":["../../../../src/core/composition/NavigationFeatureNav/classNames.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,eAAe,CAAA;AAElC;;;;;GAKG;AAEH,MAAM,CAAC,MAAM,6BAA6B,GAAG,EAAE,CAAC,oCAAoC,CAAC,IAAI,oCAAoC,CAAA;AAE7H,MAAM,CAAC,MAAM,oCAAoC,GAAG,EAAE,CAAC,4CAA4C,CAAC,IAAI,4CAA4C,CAAA;AAEpJ,MAAM,CAAC,MAAM,qCAAqC,GAAG,EAAE,CAAC,6CAA6C,CAAC,IAAI,6CAA6C,CAAA;AACvJ,MAAM,CAAC,MAAM,uCAAuC,GAAG,EAAE,CAAC,+CAA+C,CAAC,IAAI,+CAA+C,CAAA;AAC7J,MAAM,CAAC,MAAM,8CAA8C,GAAG,EAAE,CAAC,uDAAuD,CAAC,IAAI,uDAAuD,CAAA;AACpL,MAAM,CAAC,MAAM,oCAAoC,GAAG,EAAE,CAAC,4CAA4C,CAAC,IAAI,4CAA4C,CAAA;AACpJ,MAAM,CAAC,MAAM,oCAAoC,GAAG,EAAE,CAAC,4CAA4C,CAAC,IAAI,4CAA4C,CAAA"}
|
|
@@ -1,9 +1,22 @@
|
|
|
1
1
|
import type { ComponentPropsWithoutRef, ReactNode } from "react";
|
|
2
2
|
import { type PageContainerProps } from "../../primitive/PageContainer/index.js";
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
/**
|
|
4
|
+
* The primary destination row, and its label, travel together.
|
|
5
|
+
*
|
|
6
|
+
* A bar without destinations renders NO `nav` element: an empty navigation landmark is announced,
|
|
7
|
+
* reached and counted by assistive technology, and it names nothing. This is the same union shape
|
|
8
|
+
* `WorkspaceShell` uses for the same reason.
|
|
9
|
+
*/
|
|
10
|
+
type WithNavigation = {
|
|
5
11
|
readonly navigation: ReactNode;
|
|
6
12
|
readonly navigationLabel: string;
|
|
13
|
+
};
|
|
14
|
+
type WithoutNavigation = {
|
|
15
|
+
readonly navigation?: undefined;
|
|
16
|
+
readonly navigationLabel?: never;
|
|
17
|
+
};
|
|
18
|
+
export type NavigationFeatureNavProps = Omit<ComponentPropsWithoutRef<"header">, "children"> & (WithNavigation | WithoutNavigation) & {
|
|
19
|
+
readonly identity: ReactNode;
|
|
7
20
|
/** Compact trigger for an application-owned drawer containing the same primary destinations. */
|
|
8
21
|
readonly compactNavigationTrigger: ReactNode;
|
|
9
22
|
readonly compactNavigationTriggerLabel: string;
|
|
@@ -23,4 +36,5 @@ export type NavigationFeatureNavProps = Omit<ComponentPropsWithoutRef<"header">,
|
|
|
23
36
|
* to the independent Subnav branch instead of becoming a third navbar layer.
|
|
24
37
|
*/
|
|
25
38
|
export declare const NavigationFeatureNav: ({ identity, navigation, navigationLabel, compactNavigationTrigger, compactNavigationTriggerLabel, actions, actionsLabel, featureNavigation, featureNavigationLabel, measure, position, className, ...headerProps }: NavigationFeatureNavProps) => import("react").JSX.Element;
|
|
39
|
+
export {};
|
|
26
40
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/composition/NavigationFeatureNav/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAChE,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,wCAAwC,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/composition/NavigationFeatureNav/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAChE,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,wCAAwC,CAAA;AAW/F;;;;;;GAMG;AACH,KAAK,cAAc,GAAG;IAAE,QAAQ,CAAC,UAAU,EAAE,SAAS,CAAC;IAAC,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAA;CAAE,CAAA;AAC1F,KAAK,iBAAiB,GAAG;IAAE,QAAQ,CAAC,UAAU,CAAC,EAAE,SAAS,CAAC;IAAC,QAAQ,CAAC,eAAe,CAAC,EAAE,KAAK,CAAA;CAAE,CAAA;AAE9F,MAAM,MAAM,yBAAyB,GAAG,IAAI,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,GAAG,CAAC,cAAc,GAAG,iBAAiB,CAAC,GAAG;IAClI,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAA;IAC5B,gGAAgG;IAChG,QAAQ,CAAC,wBAAwB,EAAE,SAAS,CAAA;IAC5C,QAAQ,CAAC,6BAA6B,EAAE,MAAM,CAAA;IAC9C,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,CAAA;IAC5B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAA;IAC9B,qGAAqG;IACrG,QAAQ,CAAC,iBAAiB,CAAC,EAAE,SAAS,CAAA;IACtC,QAAQ,CAAC,sBAAsB,CAAC,EAAE,MAAM,CAAA;IACxC,QAAQ,CAAC,OAAO,CAAC,EAAE,kBAAkB,CAAC,SAAS,CAAC,CAAA;IAChD,QAAQ,CAAC,QAAQ,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;CAC1C,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,GAAI,oNAclC,yBAAyB,gCA8C3B,CAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { cn } from "@heroui/react";
|
|
3
3
|
import { PageContainer } from "../../primitive/PageContainer/index.js";
|
|
4
|
-
import { navigationFeatureNavActionsClassName, navigationFeatureNavClassName, navigationFeatureNavCompactNavigationClassName, navigationFeatureNavFeatureClassName, navigationFeatureNavIdentityClassName, navigationFeatureNavNavigationClassName, navigationFeatureNavPrimaryClassName,
|
|
4
|
+
import { navigationFeatureNavActionsClassName, navigationFeatureNavClassName, navigationFeatureNavCompactNavigationClassName, navigationFeatureNavFeatureClassName, navigationFeatureNavIdentityClassName, navigationFeatureNavNavigationClassName, navigationFeatureNavPrimaryClassName, } from "./classNames.js";
|
|
5
5
|
/**
|
|
6
6
|
* Global navigation with at most one feature layer.
|
|
7
7
|
*
|
|
@@ -9,5 +9,5 @@ import { navigationFeatureNavActionsClassName, navigationFeatureNavClassName, na
|
|
|
9
9
|
* layers are intentionally continuous. Deeper responsive navigation belongs
|
|
10
10
|
* to the independent Subnav branch instead of becoming a third navbar layer.
|
|
11
11
|
*/
|
|
12
|
-
export const NavigationFeatureNav = ({ identity, navigation, navigationLabel, compactNavigationTrigger, compactNavigationTriggerLabel, actions, actionsLabel, featureNavigation, featureNavigationLabel, measure = "full", position = "sticky", className, ...headerProps }) => (_jsxs("header", { ...headerProps, className: cn(navigationFeatureNavClassName,
|
|
12
|
+
export const NavigationFeatureNav = ({ identity, navigation, navigationLabel, compactNavigationTrigger, compactNavigationTriggerLabel, actions, actionsLabel, featureNavigation, featureNavigationLabel, measure = "full", position = "sticky", className, ...headerProps }) => (_jsxs("header", { ...headerProps, className: cn(navigationFeatureNavClassName, className), "data-contract": "MEASURE-2 BOUNDARY-1", "data-grammar-navigation-feature-nav": "true", "data-grammar-navigation-feature-nav-destinations": navigation === undefined ? "absent" : "present", "data-grammar-navigation-feature-nav-layers": featureNavigation === undefined ? "one" : "two", "data-grammar-navigation-feature-nav-position": position, children: [_jsxs(PageContainer, { className: navigationFeatureNavPrimaryClassName, "data-contract": "GAP-3 PADDING-3", "data-grammar-navigation-feature-nav-primary": "true", measure: measure, children: [_jsx("div", { className: navigationFeatureNavIdentityClassName, "data-grammar-navigation-feature-nav-identity": "true", children: identity }), navigation === undefined ? null : (_jsx("nav", { "aria-label": navigationLabel, className: navigationFeatureNavNavigationClassName, "data-grammar-navigation-feature-nav-navigation": "true", children: navigation })), _jsx("div", { "aria-label": compactNavigationTriggerLabel, className: navigationFeatureNavCompactNavigationClassName, "data-grammar-navigation-feature-nav-compact-navigation": "true", role: "group", children: compactNavigationTrigger }), actions === undefined ? null : (_jsx("div", { "aria-label": actionsLabel, className: navigationFeatureNavActionsClassName, "data-contract": "GAP-2", "data-grammar-navigation-feature-nav-actions": "true", role: actionsLabel === undefined ? undefined : "group", children: actions }))] }), featureNavigation === undefined ? null : (_jsx("div", { "aria-label": featureNavigationLabel, className: navigationFeatureNavFeatureClassName, "data-grammar-navigation-feature-nav-feature": "true", role: featureNavigationLabel === undefined ? undefined : "region", children: featureNavigation }))] }));
|
|
13
13
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/composition/NavigationFeatureNav/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,eAAe,CAAA;AAElC,OAAO,EAAE,aAAa,EAA2B,MAAM,wCAAwC,CAAA;AAC/F,OAAO,EACH,oCAAoC,EACpC,6BAA6B,EAC7B,8CAA8C,EAC9C,oCAAoC,EACpC,qCAAqC,EACrC,uCAAuC,EACvC,oCAAoC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/composition/NavigationFeatureNav/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,eAAe,CAAA;AAElC,OAAO,EAAE,aAAa,EAA2B,MAAM,wCAAwC,CAAA;AAC/F,OAAO,EACH,oCAAoC,EACpC,6BAA6B,EAC7B,8CAA8C,EAC9C,oCAAoC,EACpC,qCAAqC,EACrC,uCAAuC,EACvC,oCAAoC,GACvC,MAAM,iBAAiB,CAAA;AA0BxB;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACjC,QAAQ,EACR,UAAU,EACV,eAAe,EACf,wBAAwB,EACxB,6BAA6B,EAC7B,OAAO,EACP,YAAY,EACZ,iBAAiB,EACjB,sBAAsB,EACtB,OAAO,GAAG,MAAM,EAChB,QAAQ,GAAG,QAAQ,EACnB,SAAS,EACT,GAAG,WAAW,EACU,EAAE,EAAE,CAAC,CAC7B,qBACQ,WAAW,EACf,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,SAAS,CAAC,mBACzC,sBAAsB,yCACA,MAAM,sDACQ,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,gDACrD,iBAAiB,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,kDAC7C,QAAQ,aAEtD,MAAC,aAAa,IAAC,SAAS,EAAE,oCAAoC,mBAAgB,iBAAiB,iDAA6C,MAAM,EAAC,OAAO,EAAE,OAAO,aAC/J,cAAK,SAAS,EAAE,qCAAqC,kDAA+C,MAAM,YAAE,QAAQ,GAAO,EAC1H,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC/B,4BAAiB,eAAe,EAAE,SAAS,EAAE,uCAAuC,oDAAiD,MAAM,YAAE,UAAU,GAAO,CACjK,EACD,4BACgB,6BAA6B,EACzC,SAAS,EAAE,8CAA8C,4DACF,MAAM,EAC7D,IAAI,EAAC,OAAO,YAEX,wBAAwB,GACvB,EACL,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC5B,4BACgB,YAAY,EACxB,SAAS,EAAE,oCAAoC,mBACjC,OAAO,iDACuB,MAAM,EAClD,IAAI,EAAE,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,YAErD,OAAO,GACN,CACT,IACW,EACf,iBAAiB,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACtC,4BACgB,sBAAsB,EAClC,SAAS,EAAE,oCAAoC,iDACH,MAAM,EAClD,IAAI,EAAE,sBAAsB,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,YAEhE,iBAAiB,GAChB,CACT,IACI,CACZ,CAAA"}
|
|
@@ -4,11 +4,17 @@ export type PrimaryRailLayoutProps = {
|
|
|
4
4
|
readonly rail?: ReactNode;
|
|
5
5
|
readonly railWidth?: "compact" | "standard" | "wide";
|
|
6
6
|
readonly align?: "start" | "stretch";
|
|
7
|
+
/**
|
|
8
|
+
* Reading order once the container collapses to one column. `primary-first` keeps the dominant
|
|
9
|
+
* content on top; `rail-first` lifts the rail above it, for a filter or summary a reader needs
|
|
10
|
+
* before the content itself. Shipped in the container query, so no consumer reorders by hand.
|
|
11
|
+
*/
|
|
12
|
+
readonly collapsedOrder?: "primary-first" | "rail-first";
|
|
7
13
|
readonly className?: string;
|
|
8
14
|
};
|
|
9
15
|
/**
|
|
10
16
|
* Dominant product content plus one subordinate rail. The composition changes
|
|
11
17
|
* to a single reading flow when the owning container becomes constrained.
|
|
12
18
|
*/
|
|
13
|
-
export declare const PrimaryRailLayout: ({ primary, rail, railWidth, align, className, }: PrimaryRailLayoutProps) => import("react").JSX.Element;
|
|
19
|
+
export declare const PrimaryRailLayout: ({ primary, rail, railWidth, align, collapsedOrder, className, }: PrimaryRailLayoutProps) => import("react").JSX.Element;
|
|
14
20
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/composition/PrimaryRailLayout/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,MAAM,MAAM,sBAAsB,GAAG;IACjC,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAA;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,SAAS,CAAA;IACzB,QAAQ,CAAC,SAAS,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,MAAM,CAAA;IACpD,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IACpC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAC9B,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,iBAAiB,GAAI,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/composition/PrimaryRailLayout/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,MAAM,MAAM,sBAAsB,GAAG;IACjC,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAA;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,SAAS,CAAA;IACzB,QAAQ,CAAC,SAAS,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,MAAM,CAAA;IACpD,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IACpC;;;;OAIG;IACH,QAAQ,CAAC,cAAc,CAAC,EAAE,eAAe,GAAG,YAAY,CAAA;IACxD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAC9B,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,iBAAiB,GAAI,iEAO/B,sBAAsB,gCAcxB,CAAA"}
|
|
@@ -4,5 +4,5 @@ import { cn } from "@heroui/react";
|
|
|
4
4
|
* Dominant product content plus one subordinate rail. The composition changes
|
|
5
5
|
* to a single reading flow when the owning container becomes constrained.
|
|
6
6
|
*/
|
|
7
|
-
export const PrimaryRailLayout = ({ primary, rail, railWidth = "standard", align = "start", className, }) => (_jsx("div", { className: cn("starci-core-primary-rail-container", className), children: _jsxs("div", { className: "starci-core-primary-rail-layout", "data-contract": "GAP-5", "data-grammar-layout-align": align, "data-grammar-layout-rail": rail === undefined ? "absent" : "present", "data-grammar-layout-rail-width": railWidth, children: [_jsx("div", { className: "starci-core-primary-region", "data-grammar-primary-region": "true", children: primary }), rail === undefined ? null : _jsx("div", { className: "starci-core-rail-region", "data-grammar-rail-region": "true", children: rail })] }) }));
|
|
7
|
+
export const PrimaryRailLayout = ({ primary, rail, railWidth = "standard", align = "start", collapsedOrder = "primary-first", className, }) => (_jsx("div", { className: cn("starci-core-primary-rail-container", className), children: _jsxs("div", { className: "starci-core-primary-rail-layout", "data-contract": "GAP-5", "data-grammar-layout-align": align, "data-grammar-layout-collapsed-order": collapsedOrder, "data-grammar-layout-rail": rail === undefined ? "absent" : "present", "data-grammar-layout-rail-width": railWidth, children: [_jsx("div", { className: "starci-core-primary-region", "data-grammar-primary-region": "true", children: primary }), rail === undefined ? null : _jsx("div", { className: "starci-core-rail-region", "data-grammar-rail-region": "true", children: rail })] }) }));
|
|
8
8
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/composition/PrimaryRailLayout/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,eAAe,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/composition/PrimaryRailLayout/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,eAAe,CAAA;AAiBlC;;;GAGG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAC9B,OAAO,EACP,IAAI,EACJ,SAAS,GAAG,UAAU,EACtB,KAAK,GAAG,OAAO,EACf,cAAc,GAAG,eAAe,EAChC,SAAS,GACY,EAAE,EAAE,CAAC,CAC1B,cAAK,SAAS,EAAE,EAAE,CAAC,oCAAoC,EAAE,SAAS,CAAC,YAC/D,eACI,SAAS,EAAC,iCAAiC,mBAC7B,OAAO,+BACM,KAAK,yCACK,cAAc,8BACzB,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,oCACnC,SAAS,aAEzC,cAAK,SAAS,EAAC,4BAA4B,iCAA6B,MAAM,YAAE,OAAO,GAAO,EAC7F,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,yBAAyB,8BAA0B,MAAM,YAAE,IAAI,GAAO,IAChH,GACJ,CACT,CAAA"}
|
package/dist/core/index.d.ts
CHANGED
|
@@ -27,7 +27,7 @@ export declare const CORE_GRAMMAR_COMPONENTS: Readonly<{
|
|
|
27
27
|
readonly OtpInput: (props: import("./OtpInput.js").OtpInputProps) => import("react").JSX.Element;
|
|
28
28
|
readonly PageContainer: ({ className, measure, ...props }: import("./index.js").PageContainerProps) => import("react").JSX.Element;
|
|
29
29
|
readonly PressableField: ({ label, placeholder, source, shortcut, isDisabled, onPress }: import("./index.js").PressableFieldProps) => import("react").JSX.Element;
|
|
30
|
-
readonly PrimaryRailLayout: ({ primary, rail, railWidth, align, className, }: import("./index.js").PrimaryRailLayoutProps) => import("react").JSX.Element;
|
|
30
|
+
readonly PrimaryRailLayout: ({ primary, rail, railWidth, align, collapsedOrder, className, }: import("./index.js").PrimaryRailLayoutProps) => import("react").JSX.Element;
|
|
31
31
|
readonly Progress: ({ label, value, isSkeleton }: import("./index.js").ProgressProps) => import("react").JSX.Element;
|
|
32
32
|
readonly Rail: (props: import("./index.js").RailProps) => import("react").JSX.Element;
|
|
33
33
|
readonly RankArtwork: ({ className, kind, label, ...props }: import("./index.js").RankArtworkProps) => import("react").JSX.Element;
|
|
@@ -41,7 +41,7 @@ export declare const CORE_GRAMMAR_COMPONENTS: Readonly<{
|
|
|
41
41
|
readonly SurfaceCopyGroup: ({ className, density, ...props }: import("./index.js").SurfaceCopyGroupProps) => import("react").JSX.Element;
|
|
42
42
|
readonly SurfaceListCard: (props: import("./index.js").SurfaceListCardProps) => import("react").JSX.Element;
|
|
43
43
|
readonly Tabs: (props: import("./index.js").TabsProps) => import("react").JSX.Element;
|
|
44
|
-
readonly Text: ({ as: Element, id, children, startContent, size, tone, weight, live, isSkeleton, isSuperseded, parentEmphasis, }: import("./index.js").TextProps) => import("react").JSX.Element;
|
|
44
|
+
readonly Text: ({ as: Element, id, children, startContent, size, tone, weight, live, overflow, isSkeleton, isSuperseded, parentEmphasis, }: import("./index.js").TextProps) => import("react").JSX.Element;
|
|
45
45
|
readonly TextAction: (props: import("./index.js").TextActionProps) => import("react").JSX.Element;
|
|
46
46
|
readonly Tooltip: ({ content, children, placement, }: import("./index.js").TooltipProps) => import("react").JSX.Element;
|
|
47
47
|
readonly VerticalScrollRegion: (props: import("./index.js").VerticalScrollRegionProps) => import("react").JSX.Element;
|
|
@@ -2,6 +2,7 @@ import type { ReactNode } from "react";
|
|
|
2
2
|
export type ButtonVariant = "primary" | "secondary" | "tertiary" | "outline" | "ghost";
|
|
3
3
|
export type ButtonSize = "sm" | "md" | "lg";
|
|
4
4
|
export type ButtonType = "button" | "submit" | "reset";
|
|
5
|
+
export type ButtonWidth = "content" | "fill";
|
|
5
6
|
type ButtonBase = {
|
|
6
7
|
/** The visible action label. It remains present while the action is pending. */
|
|
7
8
|
readonly children: ReactNode;
|
|
@@ -16,6 +17,15 @@ type ButtonBase = {
|
|
|
16
17
|
readonly isSkeleton?: boolean;
|
|
17
18
|
/** Pending belongs to the action that started the work and blocks duplicate presses. */
|
|
18
19
|
readonly isPending?: boolean;
|
|
20
|
+
/**
|
|
21
|
+
* How the action takes its inline space: to its own content, or filling its parent.
|
|
22
|
+
*
|
|
23
|
+
* `fill` forwards the vendor's own full-width variant and adds the part the vendor does not
|
|
24
|
+
* own - a label that WRAPS onto a second line instead of overflowing, with the control height
|
|
25
|
+
* released to follow it - from `.starci-core-button[data-width="fill"]` in the packaged
|
|
26
|
+
* stylesheet. An app never has to reach through the boundary with a descendant width utility.
|
|
27
|
+
*/
|
|
28
|
+
readonly width?: ButtonWidth;
|
|
19
29
|
};
|
|
20
30
|
/**
|
|
21
31
|
* A real browser destination wearing the button appearance. It renders an anchor, so the platform
|