@starci/grammar 0.4.2 → 0.4.3
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 +1 -0
- package/dist/common/registry.d.ts.map +1 -1
- package/dist/common/registry.js +3 -3
- package/dist/common/registry.js.map +1 -1
- package/dist/common/renderers.d.ts +1 -0
- package/dist/common/renderers.d.ts.map +1 -1
- package/dist/common/renderers.js +1 -0
- package/dist/common/renderers.js.map +1 -1
- package/dist/common/styles.css +253 -0
- package/dist/core/composition/Sidebar/classNames.d.ts +11 -0
- package/dist/core/composition/Sidebar/classNames.d.ts.map +1 -0
- package/dist/core/composition/Sidebar/classNames.js +12 -0
- package/dist/core/composition/Sidebar/classNames.js.map +1 -0
- package/dist/core/composition/Sidebar/index.d.ts +7 -1
- package/dist/core/composition/Sidebar/index.d.ts.map +1 -1
- package/dist/core/composition/Sidebar/index.js +10 -9
- package/dist/core/composition/Sidebar/index.js.map +1 -1
- package/dist/core/index.d.ts +1 -0
- package/dist/core/index.d.ts.map +1 -1
- package/dist/core/primitive/PressableField/classNames.d.ts +5 -0
- package/dist/core/primitive/PressableField/classNames.d.ts.map +1 -0
- package/dist/core/primitive/PressableField/classNames.js +6 -0
- package/dist/core/primitive/PressableField/classNames.js.map +1 -0
- package/dist/core/primitive/PressableField/index.d.ts +22 -0
- package/dist/core/primitive/PressableField/index.d.ts.map +1 -0
- package/dist/core/primitive/PressableField/index.js +14 -0
- package/dist/core/primitive/PressableField/index.js.map +1 -0
- package/package.json +2 -2
|
@@ -30,6 +30,7 @@ export declare const COMMON_GRAMMAR_COMPONENTS: Readonly<{
|
|
|
30
30
|
readonly NavigationFeatureNav: ({ identity, navigation, navigationLabel, compactNavigationTrigger, compactNavigationTriggerLabel, actions, actionsLabel, featureNavigation, featureNavigationLabel, measure, position, className, ...headerProps }: import("./renderers.js").NavigationFeatureNavProps) => import("react").JSX.Element;
|
|
31
31
|
readonly OtpInput: (props: import("./renderers.js").OtpInputProps) => import("react").JSX.Element;
|
|
32
32
|
readonly PageContainer: ({ className, measure, ...props }: import("./renderers.js").PageContainerProps) => import("react").JSX.Element;
|
|
33
|
+
readonly PressableField: ({ label, placeholder, source, shortcut, isDisabled, onPress }: import("./renderers.js").PressableFieldProps) => import("react").JSX.Element;
|
|
33
34
|
readonly PrimaryRailLayout: ({ primary, rail, railWidth, align, className, }: import("./renderers.js").PrimaryRailLayoutProps) => import("react").JSX.Element;
|
|
34
35
|
readonly Progress: ({ label, value, isSkeleton }: import("./renderers.js").ProgressProps) => import("react").JSX.Element;
|
|
35
36
|
readonly Rail: (props: import("./renderers.js").RailProps) => import("react").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../../src/common/registry.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAEvE,MAAM,MAAM,wBAAwB,CAAC,KAAK,IAAI,aAAa,CAAC,KAAK,CAAC,CAAA;AAClE,KAAK,uBAAuB,GAAG,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAA;AACpE,KAAK,sBAAsB,CAAC,MAAM,SAAS,uBAAuB,IAAI;IAClE,QAAQ,EAAE,IAAI,IAAI,MAAM,MAAM,CAAC,CAAC,EAAE,wBAAwB,CAAC,cAAc,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;CAC3F,CAAA;AACD,KAAK,gCAAgC,CAAC,MAAM,SAAS,uBAAuB,EAAE,UAAU,SAAS,uBAAuB,IACpH,UAAU,GAAG;IAAE,QAAQ,EAAE,IAAI,IAAI,OAAO,CAAC,MAAM,UAAU,EAAE,MAAM,MAAM,CAAC,GAAG,KAAK;CAAE,CAAA;AAEtF,eAAO,MAAM,yBAAyB
|
|
1
|
+
{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../../src/common/registry.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAEvE,MAAM,MAAM,wBAAwB,CAAC,KAAK,IAAI,aAAa,CAAC,KAAK,CAAC,CAAA;AAClE,KAAK,uBAAuB,GAAG,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAA;AACpE,KAAK,sBAAsB,CAAC,MAAM,SAAS,uBAAuB,IAAI;IAClE,QAAQ,EAAE,IAAI,IAAI,MAAM,MAAM,CAAC,CAAC,EAAE,wBAAwB,CAAC,cAAc,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;CAC3F,CAAA;AACD,KAAK,gCAAgC,CAAC,MAAM,SAAS,uBAAuB,EAAE,UAAU,SAAS,uBAAuB,IACpH,UAAU,GAAG;IAAE,QAAQ,EAAE,IAAI,IAAI,OAAO,CAAC,MAAM,UAAU,EAAE,MAAM,MAAM,CAAC,GAAG,KAAK;CAAE,CAAA;AAEtF,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAQ3B,CAAA;AACX,MAAM,MAAM,0BAA0B,GAAG,MAAM,OAAO,yBAAyB,CAAA;AAE/E,MAAM,MAAM,mBAAmB,CAAC,QAAQ,SAAS,MAAM,IAAI;IACvD,QAAQ,CAAC,UAAU,EAAE,mBAAmB,MAAM,aAAa,CAAA;IAC3D,QAAQ,CAAC,KAAK,EAAE;QAAE,QAAQ,CAAC,SAAS,EAAE,qBAAqB,CAAC;QAAC,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAA;KAAE,CAAA;CAC1F,CAAA;AAED,MAAM,MAAM,qBAAqB,CAAC,QAAQ,SAAS,MAAM,EAAE,UAAU,SAAS,uBAAuB,IAAI;IACrG,QAAQ,CAAC,EAAE,EAAE,QAAQ,CAAA;IACrB,QAAQ,CAAC,MAAM,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAA;IAC9C,QAAQ,CAAC,UAAU,EAAE,QAAQ,CAAC,OAAO,yBAAyB,GAAG,UAAU,CAAC,CAAA;IAC5E,QAAQ,CAAC,UAAU,EAAE,QAAQ,CAAC;QAAE,qBAAqB,EAAE,QAAQ,CAAA;KAAE,CAAC,CAAA;CACrE,CAAA;AAED,yEAAyE;AACzE,eAAO,MAAM,mBAAmB,GAC5B,KAAK,CAAC,QAAQ,SAAS,MAAM,EAC7B,KAAK,CAAC,YAAY,SAAS,sBAAsB,CAAC,OAAO,yBAAyB,CAAC,EACnF,KAAK,CAAC,UAAU,SAAS,uBAAuB,EAClD,YAAY;IACV,QAAQ,CAAC,EAAE,EAAE,QAAQ,CAAA;IACrB,QAAQ,CAAC,MAAM,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAA;IAC9C,QAAQ,CAAC,UAAU,EAAE;QACjB,QAAQ,CAAC,YAAY,EAAE,YAAY,CAAA;QACnC,QAAQ,CAAC,UAAU,EAAE,gCAAgC,CAAC,OAAO,yBAAyB,EAAE,UAAU,CAAC,CAAA;KACtG,CAAA;CACJ,KAAG,qBAAqB,CAAC,QAAQ,EAAE,UAAU,CAuB7C,CAAA"}
|
package/dist/common/registry.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { Badge, Button, ChatWorkspace, Divider, EmptyNotice, FencedCodeBlock, GrammarRoot, Heading, HorizontalScrollRegion, Icon, IconButton, IconTile, IncludedMark, Input, Label, LeadingNumber, MarkdownArticle, MarkdownTableFrame, MediaFrame, NavigationFeatureNav, OtpInput, PageContainer, PrimaryRailLayout, Progress, Rail, RankArtwork, SectionHeader, Sidebar, StateMark, StaticStateRow, Subnav, SurfaceAccordionCard, SurfaceCard, SurfaceCopyGroup, SurfaceListCard, Tabs, Text, TextAction, Tooltip, VerticalScrollRegion, WorkspaceShell, } from "./renderers.js";
|
|
2
|
+
import { Badge, Button, ChatWorkspace, Divider, EmptyNotice, FencedCodeBlock, GrammarRoot, Heading, HorizontalScrollRegion, Icon, IconButton, IconTile, IncludedMark, Input, Label, LeadingNumber, MarkdownArticle, MarkdownTableFrame, MediaFrame, NavigationFeatureNav, OtpInput, PageContainer, PressableField, PrimaryRailLayout, Progress, Rail, RankArtwork, SectionHeader, Sidebar, StateMark, StaticStateRow, Subnav, SurfaceAccordionCard, SurfaceCard, SurfaceCopyGroup, SurfaceListCard, Tabs, Text, TextAction, Tooltip, VerticalScrollRegion, WorkspaceShell, } from "./renderers.js";
|
|
3
3
|
export const COMMON_GRAMMAR_COMPONENTS = Object.freeze({
|
|
4
4
|
Badge, Button, ChatWorkspace, Divider, EmptyNotice, FencedCodeBlock, GrammarRoot,
|
|
5
5
|
Heading, HorizontalScrollRegion, Icon, IconButton, IconTile, IncludedMark, Input,
|
|
6
6
|
Label, LeadingNumber, MarkdownArticle, MarkdownTableFrame, MediaFrame,
|
|
7
|
-
NavigationFeatureNav, OtpInput, PageContainer,
|
|
8
|
-
RankArtwork, SectionHeader, Sidebar, StateMark, StaticStateRow, Subnav,
|
|
7
|
+
NavigationFeatureNav, OtpInput, PageContainer, PressableField, PrimaryRailLayout,
|
|
8
|
+
Progress, Rail, RankArtwork, SectionHeader, Sidebar, StateMark, StaticStateRow, Subnav,
|
|
9
9
|
SurfaceAccordionCard, SurfaceCard, SurfaceCopyGroup, SurfaceListCard, Tabs, Text,
|
|
10
10
|
TextAction, Tooltip, VerticalScrollRegion, WorkspaceShell,
|
|
11
11
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"registry.js","sourceRoot":"","sources":["../../src/common/registry.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EACH,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,WAAW,EAChF,OAAO,EAAE,sBAAsB,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,EAChF,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,kBAAkB,EAAE,UAAU,EACrE,oBAAoB,EAAE,QAAQ,EAAE,aAAa,EAAE,
|
|
1
|
+
{"version":3,"file":"registry.js","sourceRoot":"","sources":["../../src/common/registry.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EACH,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,WAAW,EAChF,OAAO,EAAE,sBAAsB,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,EAChF,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,kBAAkB,EAAE,UAAU,EACrE,oBAAoB,EAAE,QAAQ,EAAE,aAAa,EAAE,cAAc,EAAE,iBAAiB,EAChF,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,aAAa,EAAE,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,EACtF,oBAAoB,EAAE,WAAW,EAAE,gBAAgB,EAAE,eAAe,EAAE,IAAI,EAAE,IAAI,EAChF,UAAU,EAAE,OAAO,EAAE,oBAAoB,EAAE,cAAc,GAC5D,MAAM,gBAAgB,CAAA;AAWvB,MAAM,CAAC,MAAM,yBAAyB,GAAG,MAAM,CAAC,MAAM,CAAC;IACnD,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,WAAW;IAChF,OAAO,EAAE,sBAAsB,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK;IAChF,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,kBAAkB,EAAE,UAAU;IACrE,oBAAoB,EAAE,QAAQ,EAAE,aAAa,EAAE,cAAc,EAAE,iBAAiB;IAChF,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,aAAa,EAAE,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM;IACtF,oBAAoB,EAAE,WAAW,EAAE,gBAAgB,EAAE,eAAe,EAAE,IAAI,EAAE,IAAI;IAChF,UAAU,EAAE,OAAO,EAAE,oBAAoB,EAAE,cAAc;CACnD,CAAC,CAAA;AAeX,yEAAyE;AACzE,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAIjC,UAOD,EAA+C,EAAE;IAC9C,IAAI,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,KAAK,UAAU,CAAC,EAAE,EAAE,CAAC;QAClD,MAAM,IAAI,SAAS,CAAC,mDAAmD,CAAC,CAAA;IAC5E,CAAC;IACD,KAAK,MAAM,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,YAAY,CAAC,EAAE,CAAC;QACjE,IAAI,CAAC,CAAC,IAAI,IAAI,yBAAyB,CAAC;YAAE,MAAM,IAAI,SAAS,CAAC,4CAA4C,IAAI,EAAE,CAAC,CAAA;IACrH,CAAC;IACD,KAAK,MAAM,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE,CAAC;QAC/D,IAAI,IAAI,IAAI,yBAAyB;YAAE,MAAM,IAAI,SAAS,CAAC,qDAAqD,IAAI,EAAE,CAAC,CAAA;IAC3H,CAAC;IACD,MAAM,gBAAgB,GAAgC,EAAE,CAAA;IACxD,MAAM,CAAC,MAAM,CACT,gBAAgB,EAChB,yBAAyB,EACzB,UAAU,CAAC,UAAU,CAAC,YAAY,EAClC,UAAU,CAAC,UAAU,CAAC,UAAU,CACnC,CAAA;IACD,OAAO,MAAM,CAAC,MAAM,CAAC;QACjB,EAAE,EAAE,UAAU,CAAC,EAAE;QACjB,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,UAAU,EAAE,UAAU,CAAC,MAAM,CAAC,UAAU,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,GAAG,UAAU,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC;QACzH,UAAU,EAAE,MAAM,CAAC,MAAM,CAAC,gBAAgB,CAAuE;QACjH,UAAU,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,qBAAqB,EAAE,UAAU,CAAC,EAAE,EAAE,CAAC;KACtE,CAAC,CAAA;AACN,CAAC,CAAA"}
|
|
@@ -9,6 +9,7 @@ export { IconTile, type IconTileProps, type IconTileSize, type IconTileTone } fr
|
|
|
9
9
|
export { IconButton, type IconButtonProps } from "../core/primitive/IconButton/index.js";
|
|
10
10
|
export { Label, type LabelProps } from "../core/primitive/Label/index.js";
|
|
11
11
|
export { Input, type InputKind, type InputProps, type InputVariant } from "../core/primitive/Input/index.js";
|
|
12
|
+
export { PressableField, type PressableFieldProps } from "../core/primitive/PressableField/index.js";
|
|
12
13
|
export { Progress, type ProgressProps } from "../core/primitive/Progress/index.js";
|
|
13
14
|
export { Text, type TextAs, type TextLive, type TextProps, type TextSize, type TextTone, type TextWeight } from "../core/primitive/Text/index.js";
|
|
14
15
|
export { TextAction, type TextActionAppearance, type TextActionProps, type TextActionSize } from "../core/primitive/TextAction/index.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"renderers.d.ts","sourceRoot":"","sources":["../../src/common/renderers.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"renderers.d.ts","sourceRoot":"","sources":["../../src/common/renderers.ts"],"names":[],"mappings":"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"}
|
package/dist/common/renderers.js
CHANGED
|
@@ -12,6 +12,7 @@ export { IconTile } from "../core/primitive/IconTile/index.js";
|
|
|
12
12
|
export { IconButton } from "../core/primitive/IconButton/index.js";
|
|
13
13
|
export { Label } from "../core/primitive/Label/index.js";
|
|
14
14
|
export { Input } from "../core/primitive/Input/index.js";
|
|
15
|
+
export { PressableField } from "../core/primitive/PressableField/index.js";
|
|
15
16
|
export { Progress } from "../core/primitive/Progress/index.js";
|
|
16
17
|
export { Text } from "../core/primitive/Text/index.js";
|
|
17
18
|
export { TextAction } from "../core/primitive/TextAction/index.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"renderers.js","sourceRoot":"","sources":["../../src/common/renderers.ts"],"names":[],"mappings":"AAAA,gFAAgF;AAChF,2EAA2E;AAC3E,oCAAoC;AACpC,OAAO,EAAE,WAAW,EAAyB,MAAM,wCAAwC,CAAA;AAC3F,OAAO,EAAE,aAAa,EAA2B,MAAM,0CAA0C,CAAA;AACjG,OAAO,EAAE,KAAK,EAAmC,MAAM,kCAAkC,CAAA;AACzF,OAAO,EAAE,MAAM,EAA0E,MAAM,mCAAmC,CAAA;AAClI,OAAO,EAAE,OAAO,EAAqB,MAAM,oCAAoC,CAAA;AAC/E,OAAO,EAAE,OAAO,EAA2D,MAAM,oCAAoC,CAAA;AACrH,OAAO,EAAE,IAAI,EAAyE,MAAM,iCAAiC,CAAA;AAC7H,OAAO,EAAE,QAAQ,EAA4D,MAAM,qCAAqC,CAAA;AACxH,OAAO,EAAE,UAAU,EAAwB,MAAM,uCAAuC,CAAA;AACxF,OAAO,EAAE,KAAK,EAAmB,MAAM,kCAAkC,CAAA;AACzE,OAAO,EAAE,KAAK,EAAsD,MAAM,kCAAkC,CAAA;AAC5G,OAAO,EAAE,QAAQ,EAAsB,MAAM,qCAAqC,CAAA;AAClF,OAAO,EAAE,IAAI,EAA6F,MAAM,iCAAiC,CAAA;AACjJ,OAAO,EAAE,UAAU,EAAwE,MAAM,uCAAuC,CAAA;AACxI,OAAO,EAAE,aAAa,EAA2B,MAAM,0CAA0C,CAAA;AACjG,OAAO,EAAE,UAAU,EAAwB,MAAM,uCAAuC,CAAA;AACxF,OAAO,EAAE,YAAY,EAA0B,MAAM,yCAAyC,CAAA;AAC9F,OAAO,EAAE,WAAW,EAA+C,MAAM,wCAAwC,CAAA;AACjH,OAAO,EAAE,gBAAgB,EAA8B,MAAM,6CAA6C,CAAA;AAC1G,OAAO,EAAE,iBAAiB,EAA+B,MAAM,gDAAgD,CAAA;AAC/G,OAAO,EAAE,oBAAoB,EAAkC,MAAM,mDAAmD,CAAA;AACxH,OAAO,EAAE,OAAO,EAA0D,MAAM,sCAAsC,CAAA;AACtH,OAAO,EAAE,cAAc,EAA4B,MAAM,6CAA6C,CAAA;AACtG,OAAO,EAAE,aAAa,EAA2B,MAAM,4CAA4C,CAAA;AACnG,OAAO,EAAE,SAAS,EAAuB,MAAM,sBAAsB,CAAA;AACrE,OAAO,EAAE,aAAa,EAA2B,MAAM,0BAA0B,CAAA;AACjF,OAAO,EAAE,QAAQ,EAAsB,MAAM,qBAAqB,CAAA;AAClE,OAAO,EAAE,cAAc,EAAqD,MAAM,2CAA2C,CAAA;AAC7H,OAAO,EAAE,WAAW,EAAyB,MAAM,wCAAwC,CAAA;AAC3F,OAAO,EAAE,sBAAsB,EAAoC,MAAM,mDAAmD,CAAA;AAC5H,OAAO,EAAE,oBAAoB,EAAkC,MAAM,iDAAiD,CAAA;AACtH,OAAO,EAAE,WAAW,EAA+C,MAAM,qCAAqC,CAAA;AAC9G,OAAO,EAAE,eAAe,EAA6B,MAAM,yCAAyC,CAAA;AACpG,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,kBAAkB,EAAsF,MAAM,yCAAyC,CAAA;AAClM,OAAO,EAAE,oBAAoB,EAAiE,MAAM,8CAA8C,CAAA;AAClJ,OAAO,EAAE,IAAI,EAAkB,MAAM,8BAA8B,CAAA;AACnE,OAAO,EAAE,MAAM,EAAoB,MAAM,gCAAgC,CAAA;AACzE,OAAO,EAAE,IAAI,EAAgC,MAAM,8BAA8B,CAAA;AACjF,OAAO,EAAE,OAAO,EAA4C,MAAM,iCAAiC,CAAA;AACnG,OAAO,EAAE,2BAA2B,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,8BAA8B,EAAE,2BAA2B,EAAE,oBAAoB,EAAE,+BAA+B,EAAE,MAAM,uBAAuB,CAAA"}
|
|
1
|
+
{"version":3,"file":"renderers.js","sourceRoot":"","sources":["../../src/common/renderers.ts"],"names":[],"mappings":"AAAA,gFAAgF;AAChF,2EAA2E;AAC3E,oCAAoC;AACpC,OAAO,EAAE,WAAW,EAAyB,MAAM,wCAAwC,CAAA;AAC3F,OAAO,EAAE,aAAa,EAA2B,MAAM,0CAA0C,CAAA;AACjG,OAAO,EAAE,KAAK,EAAmC,MAAM,kCAAkC,CAAA;AACzF,OAAO,EAAE,MAAM,EAA0E,MAAM,mCAAmC,CAAA;AAClI,OAAO,EAAE,OAAO,EAAqB,MAAM,oCAAoC,CAAA;AAC/E,OAAO,EAAE,OAAO,EAA2D,MAAM,oCAAoC,CAAA;AACrH,OAAO,EAAE,IAAI,EAAyE,MAAM,iCAAiC,CAAA;AAC7H,OAAO,EAAE,QAAQ,EAA4D,MAAM,qCAAqC,CAAA;AACxH,OAAO,EAAE,UAAU,EAAwB,MAAM,uCAAuC,CAAA;AACxF,OAAO,EAAE,KAAK,EAAmB,MAAM,kCAAkC,CAAA;AACzE,OAAO,EAAE,KAAK,EAAsD,MAAM,kCAAkC,CAAA;AAC5G,OAAO,EAAE,cAAc,EAA4B,MAAM,2CAA2C,CAAA;AACpG,OAAO,EAAE,QAAQ,EAAsB,MAAM,qCAAqC,CAAA;AAClF,OAAO,EAAE,IAAI,EAA6F,MAAM,iCAAiC,CAAA;AACjJ,OAAO,EAAE,UAAU,EAAwE,MAAM,uCAAuC,CAAA;AACxI,OAAO,EAAE,aAAa,EAA2B,MAAM,0CAA0C,CAAA;AACjG,OAAO,EAAE,UAAU,EAAwB,MAAM,uCAAuC,CAAA;AACxF,OAAO,EAAE,YAAY,EAA0B,MAAM,yCAAyC,CAAA;AAC9F,OAAO,EAAE,WAAW,EAA+C,MAAM,wCAAwC,CAAA;AACjH,OAAO,EAAE,gBAAgB,EAA8B,MAAM,6CAA6C,CAAA;AAC1G,OAAO,EAAE,iBAAiB,EAA+B,MAAM,gDAAgD,CAAA;AAC/G,OAAO,EAAE,oBAAoB,EAAkC,MAAM,mDAAmD,CAAA;AACxH,OAAO,EAAE,OAAO,EAA0D,MAAM,sCAAsC,CAAA;AACtH,OAAO,EAAE,cAAc,EAA4B,MAAM,6CAA6C,CAAA;AACtG,OAAO,EAAE,aAAa,EAA2B,MAAM,4CAA4C,CAAA;AACnG,OAAO,EAAE,SAAS,EAAuB,MAAM,sBAAsB,CAAA;AACrE,OAAO,EAAE,aAAa,EAA2B,MAAM,0BAA0B,CAAA;AACjF,OAAO,EAAE,QAAQ,EAAsB,MAAM,qBAAqB,CAAA;AAClE,OAAO,EAAE,cAAc,EAAqD,MAAM,2CAA2C,CAAA;AAC7H,OAAO,EAAE,WAAW,EAAyB,MAAM,wCAAwC,CAAA;AAC3F,OAAO,EAAE,sBAAsB,EAAoC,MAAM,mDAAmD,CAAA;AAC5H,OAAO,EAAE,oBAAoB,EAAkC,MAAM,iDAAiD,CAAA;AACtH,OAAO,EAAE,WAAW,EAA+C,MAAM,qCAAqC,CAAA;AAC9G,OAAO,EAAE,eAAe,EAA6B,MAAM,yCAAyC,CAAA;AACpG,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,kBAAkB,EAAsF,MAAM,yCAAyC,CAAA;AAClM,OAAO,EAAE,oBAAoB,EAAiE,MAAM,8CAA8C,CAAA;AAClJ,OAAO,EAAE,IAAI,EAAkB,MAAM,8BAA8B,CAAA;AACnE,OAAO,EAAE,MAAM,EAAoB,MAAM,gCAAgC,CAAA;AACzE,OAAO,EAAE,IAAI,EAAgC,MAAM,8BAA8B,CAAA;AACjF,OAAO,EAAE,OAAO,EAA4C,MAAM,iCAAiC,CAAA;AACnG,OAAO,EAAE,2BAA2B,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,8BAA8B,EAAE,2BAA2B,EAAE,oBAAoB,EAAE,+BAA+B,EAAE,MAAM,uBAAuB,CAAA"}
|
package/dist/common/styles.css
CHANGED
|
@@ -251,6 +251,89 @@
|
|
|
251
251
|
border: 0;
|
|
252
252
|
}
|
|
253
253
|
|
|
254
|
+
/*
|
|
255
|
+
* A field-shaped press target is FIELD anatomy, not a button variant.
|
|
256
|
+
*
|
|
257
|
+
* Two applications had already cloned it - a search trigger that looks exactly like the input
|
|
258
|
+
* it replaces - and both did it by pushing field geometry into a Grammar Button through
|
|
259
|
+
* `className`, which is an app override of a Grammar object. The anatomy lives here instead,
|
|
260
|
+
* reading the same `--field-*` contract the Input primitive reads, so the two clones can be
|
|
261
|
+
* deleted and no application has to restate the field's height, inset, corner or paint.
|
|
262
|
+
*/
|
|
263
|
+
.starci-core-pressable-field {
|
|
264
|
+
display: flex;
|
|
265
|
+
width: 100%;
|
|
266
|
+
min-width: 0;
|
|
267
|
+
height: 2.25rem;
|
|
268
|
+
align-items: center;
|
|
269
|
+
justify-content: space-between;
|
|
270
|
+
gap: 0.5rem;
|
|
271
|
+
border: var(--field-border-width, 1px) solid var(--field-border, var(--border, ButtonBorder));
|
|
272
|
+
border-radius: var(--field-radius, calc(var(--radius, 0.5rem) * 1.5));
|
|
273
|
+
padding-inline: 0.75rem;
|
|
274
|
+
background: var(--field-background, var(--surface, Canvas));
|
|
275
|
+
color: var(--field-foreground, var(--foreground, CanvasText));
|
|
276
|
+
box-shadow: var(--field-shadow, none);
|
|
277
|
+
font: inherit;
|
|
278
|
+
text-align: start;
|
|
279
|
+
cursor: pointer;
|
|
280
|
+
transition:
|
|
281
|
+
background-color var(--starci-core-motion-duration, 180ms) var(--starci-core-motion-easing, cubic-bezier(0.2, 0, 0, 1)),
|
|
282
|
+
border-color var(--starci-core-motion-duration, 180ms) var(--starci-core-motion-easing, cubic-bezier(0.2, 0, 0, 1));
|
|
283
|
+
-webkit-appearance: none;
|
|
284
|
+
appearance: none;
|
|
285
|
+
}
|
|
286
|
+
|
|
287
|
+
.starci-core-pressable-field:hover {
|
|
288
|
+
border-color: var(--field-border-hover, var(--field-border, var(--border, ButtonBorder)));
|
|
289
|
+
background: var(--field-hover, var(--field-background, var(--surface, Canvas)));
|
|
290
|
+
}
|
|
291
|
+
|
|
292
|
+
.starci-core-pressable-field:focus-visible {
|
|
293
|
+
outline: 2px solid var(--focus, var(--starci-core-focus, Highlight));
|
|
294
|
+
outline-offset: 2px;
|
|
295
|
+
}
|
|
296
|
+
|
|
297
|
+
.starci-core-pressable-field:disabled,
|
|
298
|
+
.starci-core-pressable-field[data-disabled="true"] {
|
|
299
|
+
opacity: 0.5;
|
|
300
|
+
cursor: default;
|
|
301
|
+
}
|
|
302
|
+
|
|
303
|
+
.starci-core-pressable-field-content {
|
|
304
|
+
display: inline-flex;
|
|
305
|
+
min-width: 0;
|
|
306
|
+
align-items: center;
|
|
307
|
+
gap: 0.5rem;
|
|
308
|
+
}
|
|
309
|
+
|
|
310
|
+
.starci-core-pressable-field-placeholder {
|
|
311
|
+
min-width: 0;
|
|
312
|
+
overflow: hidden;
|
|
313
|
+
font-size: 0.875rem;
|
|
314
|
+
color: var(--field-placeholder, var(--muted, GrayText));
|
|
315
|
+
text-overflow: ellipsis;
|
|
316
|
+
white-space: nowrap;
|
|
317
|
+
}
|
|
318
|
+
|
|
319
|
+
.starci-core-pressable-field-shortcut {
|
|
320
|
+
flex-shrink: 0;
|
|
321
|
+
border: 1px solid var(--border, var(--starci-core-border, ButtonBorder));
|
|
322
|
+
border-radius: var(--radius-sm, calc(var(--radius, 0.5rem) * 0.75));
|
|
323
|
+
padding: 0.25rem;
|
|
324
|
+
background: var(--surface-secondary, var(--starci-core-surface-secondary, Canvas));
|
|
325
|
+
color: var(--muted, var(--starci-core-muted, GrayText));
|
|
326
|
+
font-family: inherit;
|
|
327
|
+
font-size: 0.75rem;
|
|
328
|
+
line-height: 1;
|
|
329
|
+
}
|
|
330
|
+
|
|
331
|
+
@media (prefers-reduced-motion: reduce) {
|
|
332
|
+
.starci-core-pressable-field {
|
|
333
|
+
transition: none;
|
|
334
|
+
}
|
|
335
|
+
}
|
|
336
|
+
|
|
254
337
|
.starci-core-horizontal-scroll-region {
|
|
255
338
|
width: 100%;
|
|
256
339
|
min-width: 0;
|
|
@@ -1302,6 +1385,176 @@
|
|
|
1302
1385
|
overscroll-behavior: contain;
|
|
1303
1386
|
}
|
|
1304
1387
|
|
|
1388
|
+
/*
|
|
1389
|
+
* Sidebar geometry is SHIPPED, not generated.
|
|
1390
|
+
*
|
|
1391
|
+
* Every rule below used to be a Tailwind utility string in the component's JSX, which means a
|
|
1392
|
+
* consumer only saw a sidebar if its own Tailwind build happened to scan
|
|
1393
|
+
* `node_modules/@starci/grammar`. One that scans only its own source got no separator, no rail
|
|
1394
|
+
* width and square items - and `rounded-large` emitted nothing anywhere, because the theme's
|
|
1395
|
+
* radius ramp is `--radius-*`, not a HeroUI v2 name. A composition object owns its layout in
|
|
1396
|
+
* this stylesheet; the JSX carries class names and state attributes only.
|
|
1397
|
+
*
|
|
1398
|
+
* `!important` appears exactly where HeroUI's own `.list-box`, `.list-box-item`,
|
|
1399
|
+
* `.list-box-section` and `.header` rules set the same property. Those live in the vendor's
|
|
1400
|
+
* `components` layer, which is declared after `starci-grammar-common` and therefore wins every
|
|
1401
|
+
* normal declaration regardless of specificity; an important declaration in the earlier layer
|
|
1402
|
+
* is the only thing that keeps the geometry the utilities used to produce.
|
|
1403
|
+
*/
|
|
1404
|
+
.starci-core-sidebar {
|
|
1405
|
+
display: flex;
|
|
1406
|
+
min-height: 0;
|
|
1407
|
+
min-width: 0;
|
|
1408
|
+
flex-direction: column;
|
|
1409
|
+
overflow: hidden;
|
|
1410
|
+
background: var(--background, var(--starci-core-canvas, Canvas));
|
|
1411
|
+
color: var(--foreground, var(--starci-core-foreground, CanvasText));
|
|
1412
|
+
}
|
|
1413
|
+
|
|
1414
|
+
.starci-core-sidebar[data-presentation="drawer"] {
|
|
1415
|
+
width: 100%;
|
|
1416
|
+
}
|
|
1417
|
+
|
|
1418
|
+
.starci-core-sidebar[data-presentation="rail"] {
|
|
1419
|
+
width: var(--starci-core-sidebar-width, 16rem);
|
|
1420
|
+
height: 100%;
|
|
1421
|
+
border-inline-end: 1px solid var(--separator, var(--starci-core-separator, GrayText));
|
|
1422
|
+
transition: width var(--starci-core-motion-duration, 180ms) var(--starci-core-motion-easing, cubic-bezier(0.2, 0, 0, 1));
|
|
1423
|
+
}
|
|
1424
|
+
|
|
1425
|
+
.starci-core-sidebar[data-presentation="rail"][data-collapsed="true"] {
|
|
1426
|
+
width: var(--starci-core-sidebar-collapsed-width, 4rem);
|
|
1427
|
+
}
|
|
1428
|
+
|
|
1429
|
+
.starci-core-sidebar-toggle {
|
|
1430
|
+
display: flex;
|
|
1431
|
+
justify-content: flex-end;
|
|
1432
|
+
padding: 0.5rem;
|
|
1433
|
+
}
|
|
1434
|
+
|
|
1435
|
+
.starci-core-sidebar[data-collapsed="true"] .starci-core-sidebar-toggle {
|
|
1436
|
+
justify-content: center;
|
|
1437
|
+
}
|
|
1438
|
+
|
|
1439
|
+
.starci-core-sidebar-header {
|
|
1440
|
+
min-width: 0;
|
|
1441
|
+
padding-inline: 0.75rem;
|
|
1442
|
+
padding-block-end: 0.75rem;
|
|
1443
|
+
}
|
|
1444
|
+
|
|
1445
|
+
.starci-core-sidebar-list {
|
|
1446
|
+
display: flex;
|
|
1447
|
+
min-height: 0;
|
|
1448
|
+
min-width: 0;
|
|
1449
|
+
flex: 1 1 0%;
|
|
1450
|
+
flex-direction: column;
|
|
1451
|
+
gap: 0.25rem;
|
|
1452
|
+
overflow-y: auto !important;
|
|
1453
|
+
padding: 0.75rem !important;
|
|
1454
|
+
}
|
|
1455
|
+
|
|
1456
|
+
.starci-core-sidebar[data-collapsed="true"] .starci-core-sidebar-list {
|
|
1457
|
+
align-items: center;
|
|
1458
|
+
padding: 0.5rem !important;
|
|
1459
|
+
}
|
|
1460
|
+
|
|
1461
|
+
.starci-core-sidebar-section {
|
|
1462
|
+
display: flex;
|
|
1463
|
+
min-width: 0;
|
|
1464
|
+
flex-direction: column;
|
|
1465
|
+
gap: 0.25rem !important;
|
|
1466
|
+
}
|
|
1467
|
+
|
|
1468
|
+
.starci-core-sidebar[data-collapsed="true"] .starci-core-sidebar-section {
|
|
1469
|
+
align-items: center !important;
|
|
1470
|
+
}
|
|
1471
|
+
|
|
1472
|
+
.starci-core-sidebar-section-label {
|
|
1473
|
+
padding-inline: 0.5rem;
|
|
1474
|
+
padding-block: 0.75rem 0.25rem !important;
|
|
1475
|
+
font-size: 0.75rem;
|
|
1476
|
+
font-weight: 500;
|
|
1477
|
+
color: var(--muted, var(--starci-core-muted, GrayText));
|
|
1478
|
+
}
|
|
1479
|
+
|
|
1480
|
+
/* A collapsed rail keeps the group name for assistive technology and drops it from the paint. */
|
|
1481
|
+
.starci-core-sidebar[data-collapsed="true"] .starci-core-sidebar-section-label {
|
|
1482
|
+
position: absolute;
|
|
1483
|
+
width: 1px !important;
|
|
1484
|
+
height: 1px;
|
|
1485
|
+
overflow: hidden;
|
|
1486
|
+
margin: -1px;
|
|
1487
|
+
padding: 0 !important;
|
|
1488
|
+
border: 0;
|
|
1489
|
+
clip: rect(0, 0, 0, 0);
|
|
1490
|
+
white-space: nowrap;
|
|
1491
|
+
}
|
|
1492
|
+
|
|
1493
|
+
.starci-core-sidebar-item {
|
|
1494
|
+
display: flex;
|
|
1495
|
+
min-width: 0;
|
|
1496
|
+
align-items: center;
|
|
1497
|
+
gap: 0.75rem;
|
|
1498
|
+
border-radius: var(--radius-xl, calc(var(--radius, 0.5rem) * 1.5)) !important;
|
|
1499
|
+
padding: 0.5rem 0.75rem !important;
|
|
1500
|
+
color: var(--foreground, var(--starci-core-foreground, CanvasText));
|
|
1501
|
+
cursor: pointer;
|
|
1502
|
+
outline: none;
|
|
1503
|
+
}
|
|
1504
|
+
|
|
1505
|
+
.starci-core-sidebar[data-collapsed="true"] .starci-core-sidebar-item {
|
|
1506
|
+
width: 2.75rem !important;
|
|
1507
|
+
height: 2.75rem;
|
|
1508
|
+
justify-content: center !important;
|
|
1509
|
+
gap: 0 !important;
|
|
1510
|
+
border-radius: var(--starci-core-pill-radius, 999px) !important;
|
|
1511
|
+
padding: 0 !important;
|
|
1512
|
+
}
|
|
1513
|
+
|
|
1514
|
+
.starci-core-sidebar-item[data-hovered="true"] {
|
|
1515
|
+
background: var(--default, var(--starci-core-surface-secondary, Canvas));
|
|
1516
|
+
}
|
|
1517
|
+
|
|
1518
|
+
.starci-core-sidebar-item[data-selected="true"] {
|
|
1519
|
+
background: var(--accent-soft, var(--starci-core-accent, Highlight)) !important;
|
|
1520
|
+
color: var(--accent-soft-foreground, var(--starci-core-accent, HighlightText));
|
|
1521
|
+
}
|
|
1522
|
+
|
|
1523
|
+
.starci-core-sidebar-item[data-focus-visible="true"] {
|
|
1524
|
+
box-shadow: 0 0 0 2px var(--accent, var(--starci-core-accent, Highlight));
|
|
1525
|
+
}
|
|
1526
|
+
|
|
1527
|
+
.starci-core-sidebar-item[data-disabled="true"] {
|
|
1528
|
+
opacity: 0.5;
|
|
1529
|
+
cursor: default;
|
|
1530
|
+
}
|
|
1531
|
+
|
|
1532
|
+
.starci-core-sidebar-item-label {
|
|
1533
|
+
min-width: 0;
|
|
1534
|
+
flex: 1 1 0%;
|
|
1535
|
+
overflow: hidden;
|
|
1536
|
+
font-size: 0.875rem;
|
|
1537
|
+
font-weight: 500;
|
|
1538
|
+
text-overflow: ellipsis;
|
|
1539
|
+
white-space: nowrap;
|
|
1540
|
+
}
|
|
1541
|
+
|
|
1542
|
+
.starci-core-sidebar-item-trailing {
|
|
1543
|
+
flex-shrink: 0;
|
|
1544
|
+
}
|
|
1545
|
+
|
|
1546
|
+
.starci-core-sidebar-footer {
|
|
1547
|
+
min-width: 0;
|
|
1548
|
+
padding: 0.75rem;
|
|
1549
|
+
padding-block-start: 0;
|
|
1550
|
+
}
|
|
1551
|
+
|
|
1552
|
+
@media (prefers-reduced-motion: reduce) {
|
|
1553
|
+
.starci-core-sidebar[data-presentation="rail"] {
|
|
1554
|
+
transition: none;
|
|
1555
|
+
}
|
|
1556
|
+
}
|
|
1557
|
+
|
|
1305
1558
|
.starci-core-chat-workspace {
|
|
1306
1559
|
display: flex;
|
|
1307
1560
|
height: 100%;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export declare const sidebarClassName: string;
|
|
2
|
+
export declare const sidebarToggleClassName: string;
|
|
3
|
+
export declare const sidebarHeaderClassName: string;
|
|
4
|
+
export declare const sidebarListClassName: string;
|
|
5
|
+
export declare const sidebarSectionClassName: string;
|
|
6
|
+
export declare const sidebarSectionLabelClassName: string;
|
|
7
|
+
export declare const sidebarItemClassName: string;
|
|
8
|
+
export declare const sidebarItemLabelClassName: string;
|
|
9
|
+
export declare const sidebarItemTrailingClassName: string;
|
|
10
|
+
export declare const sidebarFooterClassName: string;
|
|
11
|
+
//# sourceMappingURL=classNames.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"classNames.d.ts","sourceRoot":"","sources":["../../../../src/core/composition/Sidebar/classNames.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,QAAqD,CAAA;AAClF,eAAO,MAAM,sBAAsB,QAAmE,CAAA;AACtG,eAAO,MAAM,sBAAsB,QAAmE,CAAA;AACtG,eAAO,MAAM,oBAAoB,QAA+D,CAAA;AAChG,eAAO,MAAM,uBAAuB,QAAqE,CAAA;AACzG,eAAO,MAAM,4BAA4B,QAAiF,CAAA;AAC1H,eAAO,MAAM,oBAAoB,QAA+D,CAAA;AAChG,eAAO,MAAM,yBAAyB,QAA2E,CAAA;AACjH,eAAO,MAAM,4BAA4B,QAAiF,CAAA;AAC1H,eAAO,MAAM,sBAAsB,QAAmE,CAAA"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { cn } from "@heroui/react";
|
|
2
|
+
export const sidebarClassName = cn("starci-core-sidebar") ?? "starci-core-sidebar";
|
|
3
|
+
export const sidebarToggleClassName = cn("starci-core-sidebar-toggle") ?? "starci-core-sidebar-toggle";
|
|
4
|
+
export const sidebarHeaderClassName = cn("starci-core-sidebar-header") ?? "starci-core-sidebar-header";
|
|
5
|
+
export const sidebarListClassName = cn("starci-core-sidebar-list") ?? "starci-core-sidebar-list";
|
|
6
|
+
export const sidebarSectionClassName = cn("starci-core-sidebar-section") ?? "starci-core-sidebar-section";
|
|
7
|
+
export const sidebarSectionLabelClassName = cn("starci-core-sidebar-section-label") ?? "starci-core-sidebar-section-label";
|
|
8
|
+
export const sidebarItemClassName = cn("starci-core-sidebar-item") ?? "starci-core-sidebar-item";
|
|
9
|
+
export const sidebarItemLabelClassName = cn("starci-core-sidebar-item-label") ?? "starci-core-sidebar-item-label";
|
|
10
|
+
export const sidebarItemTrailingClassName = cn("starci-core-sidebar-item-trailing") ?? "starci-core-sidebar-item-trailing";
|
|
11
|
+
export const sidebarFooterClassName = cn("starci-core-sidebar-footer") ?? "starci-core-sidebar-footer";
|
|
12
|
+
//# sourceMappingURL=classNames.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"classNames.js","sourceRoot":"","sources":["../../../../src/core/composition/Sidebar/classNames.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,eAAe,CAAA;AAElC,MAAM,CAAC,MAAM,gBAAgB,GAAG,EAAE,CAAC,qBAAqB,CAAC,IAAI,qBAAqB,CAAA;AAClF,MAAM,CAAC,MAAM,sBAAsB,GAAG,EAAE,CAAC,4BAA4B,CAAC,IAAI,4BAA4B,CAAA;AACtG,MAAM,CAAC,MAAM,sBAAsB,GAAG,EAAE,CAAC,4BAA4B,CAAC,IAAI,4BAA4B,CAAA;AACtG,MAAM,CAAC,MAAM,oBAAoB,GAAG,EAAE,CAAC,0BAA0B,CAAC,IAAI,0BAA0B,CAAA;AAChG,MAAM,CAAC,MAAM,uBAAuB,GAAG,EAAE,CAAC,6BAA6B,CAAC,IAAI,6BAA6B,CAAA;AACzG,MAAM,CAAC,MAAM,4BAA4B,GAAG,EAAE,CAAC,mCAAmC,CAAC,IAAI,mCAAmC,CAAA;AAC1H,MAAM,CAAC,MAAM,oBAAoB,GAAG,EAAE,CAAC,0BAA0B,CAAC,IAAI,0BAA0B,CAAA;AAChG,MAAM,CAAC,MAAM,yBAAyB,GAAG,EAAE,CAAC,gCAAgC,CAAC,IAAI,gCAAgC,CAAA;AACjH,MAAM,CAAC,MAAM,4BAA4B,GAAG,EAAE,CAAC,mCAAmC,CAAC,IAAI,mCAAmC,CAAA;AAC1H,MAAM,CAAC,MAAM,sBAAsB,GAAG,EAAE,CAAC,4BAA4B,CAAC,IAAI,4BAA4B,CAAA"}
|
|
@@ -26,6 +26,12 @@ export type SidebarProps = {
|
|
|
26
26
|
readonly onAction?: (id: string) => void;
|
|
27
27
|
readonly onCollapsedChange?: (collapsed: boolean) => void;
|
|
28
28
|
};
|
|
29
|
-
/**
|
|
29
|
+
/**
|
|
30
|
+
* Shared grouped sidebar renderer; apps own route, permission, copy and persistence policy.
|
|
31
|
+
*
|
|
32
|
+
* Geometry is owned by `.starci-core-sidebar*` in the packaged stylesheet, and the collapsed and
|
|
33
|
+
* drawer projections are read from `data-collapsed` and `data-presentation` on this root. Nothing
|
|
34
|
+
* here depends on a consumer's Tailwind build scanning the package.
|
|
35
|
+
*/
|
|
30
36
|
export declare const Sidebar: ({ label, groups, selectedKey, presentation, isCollapsed, collapseLabel, expandLabel, toggleSource, header, footer, onAction, onCollapsedChange, }: SidebarProps) => import("react").JSX.Element;
|
|
31
37
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/composition/Sidebar/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAO,SAAS,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,+BAA+B,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/composition/Sidebar/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAO,SAAS,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,+BAA+B,CAAA;AAerE,MAAM,MAAM,WAAW,GAAG;IACtB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,MAAM,CAAC,EAAE,UAAU,CAAA;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;IAC7B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;CAChC,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IACvB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,KAAK,EAAE,aAAa,CAAC,WAAW,CAAC,CAAA;CAC7C,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,MAAM,EAAE,aAAa,CAAC,YAAY,CAAC,CAAA;IAC5C,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;IAC7B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;IACzC,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAA;IAC9B,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAA;IAC/B,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;IAC7B,QAAQ,CAAC,YAAY,CAAC,EAAE,UAAU,CAAA;IAClC,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,CAAA;IAC3B,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;CAC5D,CAAA;AAoBD;;;;;;GAMG;AACH,eAAO,MAAM,OAAO,GAAI,mJAarB,YAAY,gCAwEd,CAAA"}
|
|
@@ -3,6 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
3
3
|
import { Header, ListBox } from "@heroui/react";
|
|
4
4
|
import { Icon } from "../../primitive/Icon/index.js";
|
|
5
5
|
import { IconButton } from "../../primitive/IconButton/index.js";
|
|
6
|
+
import { sidebarClassName, sidebarFooterClassName, sidebarHeaderClassName, sidebarItemClassName, sidebarItemLabelClassName, sidebarItemTrailingClassName, sidebarListClassName, sidebarSectionClassName, sidebarSectionLabelClassName, sidebarToggleClassName, } from "./classNames.js";
|
|
6
7
|
/**
|
|
7
8
|
* Sections and items share ONE key namespace inside the collection.
|
|
8
9
|
*
|
|
@@ -20,21 +21,21 @@ const firstKey = (keys) => {
|
|
|
20
21
|
const value = keys.values().next().value;
|
|
21
22
|
return value === undefined ? undefined : String(value);
|
|
22
23
|
};
|
|
23
|
-
/**
|
|
24
|
+
/**
|
|
25
|
+
* Shared grouped sidebar renderer; apps own route, permission, copy and persistence policy.
|
|
26
|
+
*
|
|
27
|
+
* Geometry is owned by `.starci-core-sidebar*` in the packaged stylesheet, and the collapsed and
|
|
28
|
+
* drawer projections are read from `data-collapsed` and `data-presentation` on this root. Nothing
|
|
29
|
+
* here depends on a consumer's Tailwind build scanning the package.
|
|
30
|
+
*/
|
|
24
31
|
export const Sidebar = ({ label, groups, selectedKey, presentation = "rail", isCollapsed = false, collapseLabel, expandLabel, toggleSource, header, footer, onAction, onCollapsedChange, }) => {
|
|
25
32
|
const collapsed = presentation === "rail" && isCollapsed;
|
|
26
33
|
const toggleLabel = collapsed ? expandLabel : collapseLabel;
|
|
27
34
|
const canToggle = presentation === "rail" && toggleSource !== undefined && toggleLabel !== undefined && onCollapsedChange !== undefined;
|
|
28
|
-
return (_jsxs("div", { "data-tier": "composition", "data-component": "Sidebar", "data-presentation": presentation, "data-collapsed": collapsed ? "true" : "false", className: [
|
|
29
|
-
"flex min-h-0 flex-col overflow-hidden bg-background text-foreground",
|
|
30
|
-
presentation === "drawer" ? "w-full" : collapsed ? "h-full w-16" : "h-full w-64",
|
|
31
|
-
presentation === "rail" ? "border-r border-separator transition-[width] motion-reduce:transition-none" : "",
|
|
32
|
-
].join(" "), "data-contract": ["OVERFLOW-2", presentation === "drawer" ? "MEASURE-2" : "MEASURE-6"].join(" "), children: [canToggle ? (_jsx("div", { className: collapsed ? "flex justify-center p-2" : "flex justify-end p-2", "data-contract": "PADDING-2", children: _jsx(IconButton, { source: toggleSource, label: toggleLabel, isActive: collapsed, onPress: () => onCollapsedChange(!collapsed) }) })) : null, collapsed || header == null ? null : _jsx("div", { className: "px-3 pb-3", "data-contract": "PADDING-3", children: header }), _jsx(ListBox, { "aria-label": label, selectionMode: "single", selectedKeys: selectedKey === undefined ? [] : [selectedKey], onSelectionChange: (keys) => {
|
|
35
|
+
return (_jsxs("div", { "data-tier": "composition", "data-component": "Sidebar", "data-presentation": presentation, "data-collapsed": collapsed ? "true" : "false", className: sidebarClassName, "data-contract": ["OVERFLOW-2", presentation === "drawer" ? "MEASURE-2" : "MEASURE-6"].join(" "), children: [canToggle ? (_jsx("div", { className: sidebarToggleClassName, "data-contract": "PADDING-2", children: _jsx(IconButton, { source: toggleSource, label: toggleLabel, isActive: collapsed, onPress: () => onCollapsedChange(!collapsed) }) })) : null, collapsed || header == null ? null : _jsx("div", { className: sidebarHeaderClassName, "data-contract": "PADDING-3", children: header }), _jsx(ListBox, { "aria-label": label, selectionMode: "single", selectedKeys: selectedKey === undefined ? [] : [selectedKey], onSelectionChange: (keys) => {
|
|
33
36
|
const key = firstKey(keys);
|
|
34
37
|
if (key !== undefined)
|
|
35
38
|
onAction?.(key);
|
|
36
|
-
}, className:
|
|
37
|
-
? "group flex size-11 cursor-pointer items-center justify-center rounded-full text-foreground outline-none data-[disabled=true]:cursor-default data-[disabled=true]:opacity-50 data-[focus-visible=true]:ring-2 data-[focus-visible=true]:ring-accent data-[hovered=true]:bg-default data-[selected=true]:bg-accent-soft data-[selected=true]:text-accent-soft-foreground"
|
|
38
|
-
: "flex cursor-pointer items-center gap-3 rounded-large px-3 py-2 text-foreground outline-none data-[disabled=true]:cursor-default data-[disabled=true]:opacity-50 data-[focus-visible=true]:ring-2 data-[focus-visible=true]:ring-accent data-[hovered=true]:bg-default data-[selected=true]:bg-accent-soft data-[selected=true]:text-accent-soft-foreground", "data-contract": collapsed ? "TONE-1 SURFACE-4" : "GAP-3 PADDING-3 PADDING-2 TONE-1 SURFACE-4", ...(collapsed ? { "aria-label": item.label } : {}), ...(item.isDisabled === undefined ? {} : { isDisabled: item.isDisabled }), children: [item.source === undefined ? null : _jsx(Icon, { source: item.source, usage: "leading" }), collapsed ? null : _jsx("span", { className: "min-w-0 flex-1 truncate text-sm font-medium", "data-contract": "FLOW-4 FONT-2", children: item.label }), collapsed || item.trailing == null ? null : _jsx("span", { className: "shrink-0", children: item.trailing })] }, item.id)))] }, group.id))) }), collapsed || footer == null ? null : _jsx("div", { className: "p-3 pt-0", "data-contract": "PADDING-3 PADDING-0", children: footer })] }));
|
|
39
|
+
}, className: sidebarListClassName, "data-contract": collapsed ? "GAP-1 PADDING-2" : "GAP-1 PADDING-3", children: groups.map((group) => (_jsxs(ListBox.Section, { id: sectionKey(group.id), className: sidebarSectionClassName, "data-contract": "GAP-1", children: [group.label === undefined ? null : (_jsx(Header, { className: sidebarSectionLabelClassName, ...(collapsed ? {} : { "data-contract": "PADDING-2 PADDING-1 PADDING-3 FONT-1 TONE-2" }), children: group.label })), group.items.map((item) => (_jsxs(ListBox.Item, { id: item.id, textValue: item.label, className: sidebarItemClassName, "data-contract": collapsed ? "TONE-1 SURFACE-4" : "GAP-3 PADDING-3 PADDING-2 TONE-1 SURFACE-4", ...(collapsed ? { "aria-label": item.label } : {}), ...(item.isDisabled === undefined ? {} : { isDisabled: item.isDisabled }), children: [item.source === undefined ? null : _jsx(Icon, { source: item.source, usage: "leading" }), collapsed ? null : _jsx("span", { className: sidebarItemLabelClassName, "data-contract": "FLOW-4 FONT-2", children: item.label }), collapsed || item.trailing == null ? null : _jsx("span", { className: sidebarItemTrailingClassName, children: item.trailing })] }, item.id)))] }, group.id))) }), collapsed || footer == null ? null : _jsx("div", { className: sidebarFooterClassName, "data-contract": "PADDING-3 PADDING-0", children: footer })] }));
|
|
39
40
|
};
|
|
40
41
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/composition/Sidebar/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAE/C,OAAO,EAAE,IAAI,EAAmB,MAAM,+BAA+B,CAAA;AACrE,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAA;AA+
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/composition/Sidebar/index.tsx"],"names":[],"mappings":"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"}
|
package/dist/core/index.d.ts
CHANGED
|
@@ -26,6 +26,7 @@ export declare const CORE_GRAMMAR_COMPONENTS: Readonly<{
|
|
|
26
26
|
readonly NavigationFeatureNav: ({ identity, navigation, navigationLabel, compactNavigationTrigger, compactNavigationTriggerLabel, actions, actionsLabel, featureNavigation, featureNavigationLabel, measure, position, className, ...headerProps }: import("./index.js").NavigationFeatureNavProps) => import("react").JSX.Element;
|
|
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
|
+
readonly PressableField: ({ label, placeholder, source, shortcut, isDisabled, onPress }: import("./index.js").PressableFieldProps) => import("react").JSX.Element;
|
|
29
30
|
readonly PrimaryRailLayout: ({ primary, rail, railWidth, align, className, }: import("./index.js").PrimaryRailLayoutProps) => import("react").JSX.Element;
|
|
30
31
|
readonly Progress: ({ label, value, isSkeleton }: import("./index.js").ProgressProps) => import("react").JSX.Element;
|
|
31
32
|
readonly Rail: (props: import("./index.js").RailProps) => import("react").JSX.Element;
|
package/dist/core/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/core/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAGH,mBAAmB,EAGnB,KAAK,gBAAgB,EACxB,MAAM,oBAAoB,CAAA;AAM3B,cAAc,oBAAoB,CAAA;AAElC,YAAY,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AACnD,OAAO,EACH,+BAA+B,EAC/B,eAAe,EACf,yBAAyB,EACzB,0BAA0B,EAC1B,uBAAuB,EACvB,KAAK,aAAa,EAClB,KAAK,qBAAqB,EAC1B,KAAK,sBAAsB,EAC3B,KAAK,uBAAuB,EAC5B,KAAK,mBAAmB,GAC3B,MAAM,UAAU,CAAA;AAEjB,+EAA+E;AAC/E,eAAO,MAAM,uBAAuB
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/core/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAGH,mBAAmB,EAGnB,KAAK,gBAAgB,EACxB,MAAM,oBAAoB,CAAA;AAM3B,cAAc,oBAAoB,CAAA;AAElC,YAAY,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AACnD,OAAO,EACH,+BAA+B,EAC/B,eAAe,EACf,yBAAyB,EACzB,0BAA0B,EAC1B,uBAAuB,EACvB,KAAK,aAAa,EAClB,KAAK,qBAAqB,EAC1B,KAAK,sBAAsB,EAC3B,KAAK,uBAAuB,EAC5B,KAAK,mBAAmB,GAC3B,MAAM,UAAU,CAAA;AAEjB,+EAA+E;AAC/E,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA4B,CAAA;AAEhE,MAAM,MAAM,wBAAwB,GAAG,MAAM,OAAO,uBAAuB,CAAA;AAQ3E,eAAO,MAAM,WAAW,wDAOtB,CAAA;AAEF,eAAO,MAAM,eAAe,mFAAqC,CAAA;AAEjE,eAAO,MAAM,mBAAmB;;;;;;EAI9B,CAAA;AAGF,OAAO,EAAE,mBAAmB,EAAE,CAAA;AAC9B,YAAY,EACR,wBAAwB,EACxB,qBAAqB,EACrB,mBAAmB,GACtB,MAAM,oBAAoB,CAAA"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export declare const pressableFieldClassName: string;
|
|
2
|
+
export declare const pressableFieldContentClassName: string;
|
|
3
|
+
export declare const pressableFieldPlaceholderClassName: string;
|
|
4
|
+
export declare const pressableFieldShortcutClassName: string;
|
|
5
|
+
//# sourceMappingURL=classNames.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"classNames.d.ts","sourceRoot":"","sources":["../../../../src/core/primitive/PressableField/classNames.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,uBAAuB,QAAqE,CAAA;AACzG,eAAO,MAAM,8BAA8B,QAAqF,CAAA;AAChI,eAAO,MAAM,kCAAkC,QAA6F,CAAA;AAC5I,eAAO,MAAM,+BAA+B,QAAuF,CAAA"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { cn } from "@heroui/react";
|
|
2
|
+
export const pressableFieldClassName = cn("starci-core-pressable-field") ?? "starci-core-pressable-field";
|
|
3
|
+
export const pressableFieldContentClassName = cn("starci-core-pressable-field-content") ?? "starci-core-pressable-field-content";
|
|
4
|
+
export const pressableFieldPlaceholderClassName = cn("starci-core-pressable-field-placeholder") ?? "starci-core-pressable-field-placeholder";
|
|
5
|
+
export const pressableFieldShortcutClassName = cn("starci-core-pressable-field-shortcut") ?? "starci-core-pressable-field-shortcut";
|
|
6
|
+
//# sourceMappingURL=classNames.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"classNames.js","sourceRoot":"","sources":["../../../../src/core/primitive/PressableField/classNames.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,eAAe,CAAA;AAElC,MAAM,CAAC,MAAM,uBAAuB,GAAG,EAAE,CAAC,6BAA6B,CAAC,IAAI,6BAA6B,CAAA;AACzG,MAAM,CAAC,MAAM,8BAA8B,GAAG,EAAE,CAAC,qCAAqC,CAAC,IAAI,qCAAqC,CAAA;AAChI,MAAM,CAAC,MAAM,kCAAkC,GAAG,EAAE,CAAC,yCAAyC,CAAC,IAAI,yCAAyC,CAAA;AAC5I,MAAM,CAAC,MAAM,+BAA+B,GAAG,EAAE,CAAC,sCAAsC,CAAC,IAAI,sCAAsC,CAAA"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { type IconSource } from "../Icon/index.js";
|
|
2
|
+
export type PressableFieldProps = {
|
|
3
|
+
/** Accessible name of the control; the placeholder is decoration, not a name. */
|
|
4
|
+
readonly label: string;
|
|
5
|
+
/** Placeholder-style copy that says what pressing the field will let the reader do. */
|
|
6
|
+
readonly placeholder: string;
|
|
7
|
+
readonly source?: IconSource;
|
|
8
|
+
/** Keyboard hint shown at the end of the field, rendered as a `kbd`. */
|
|
9
|
+
readonly shortcut?: string;
|
|
10
|
+
readonly isDisabled?: boolean;
|
|
11
|
+
readonly onPress?: () => void;
|
|
12
|
+
};
|
|
13
|
+
/**
|
|
14
|
+
* A field you press instead of type into.
|
|
15
|
+
*
|
|
16
|
+
* It is input ANATOMY, not a button variant: the height, inset, corner, border and paint come from
|
|
17
|
+
* the same `--field-*` contract `Input` reads, so a search trigger sitting beside real fields
|
|
18
|
+
* matches them without any application restating field geometry. It never accepts text - the whole
|
|
19
|
+
* field is one press target - so it carries its own accessible name and no form value.
|
|
20
|
+
*/
|
|
21
|
+
export declare const PressableField: ({ label, placeholder, source, shortcut, isDisabled, onPress }: PressableFieldProps) => import("react").JSX.Element;
|
|
22
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/primitive/PressableField/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAQxD,MAAM,MAAM,mBAAmB,GAAG;IAC9B,iFAAiF;IACjF,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,uFAAuF;IACvF,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,MAAM,CAAC,EAAE,UAAU,CAAA;IAC5B,wEAAwE;IACxE,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CAChC,CAAA;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc,GAAI,+DAAuE,mBAAmB,gCAkBxH,CAAA"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { Icon } from "../Icon/index.js";
|
|
4
|
+
import { pressableFieldClassName, pressableFieldContentClassName, pressableFieldPlaceholderClassName, pressableFieldShortcutClassName, } from "./classNames.js";
|
|
5
|
+
/**
|
|
6
|
+
* A field you press instead of type into.
|
|
7
|
+
*
|
|
8
|
+
* It is input ANATOMY, not a button variant: the height, inset, corner, border and paint come from
|
|
9
|
+
* the same `--field-*` contract `Input` reads, so a search trigger sitting beside real fields
|
|
10
|
+
* matches them without any application restating field geometry. It never accepts text - the whole
|
|
11
|
+
* field is one press target - so it carries its own accessible name and no form value.
|
|
12
|
+
*/
|
|
13
|
+
export const PressableField = ({ label, placeholder, source, shortcut, isDisabled = false, onPress }) => (_jsxs("button", { type: "button", "aria-label": label, disabled: isDisabled, "data-tier": "atom", "data-component": "PressableField", "data-disabled": isDisabled ? "true" : "false", "data-contract": "MEASURE-2 PADDING-3 GAP-2 SURFACE-4 TONE-1", className: pressableFieldClassName, onClick: () => onPress?.(), children: [_jsxs("span", { className: pressableFieldContentClassName, "data-contract": "GAP-2", children: [source === undefined ? null : _jsx(Icon, { source: source, usage: "leading" }), _jsx("span", { className: pressableFieldPlaceholderClassName, "data-contract": "FLOW-4 FONT-2 TONE-2", children: placeholder })] }), shortcut === undefined ? null : _jsx("kbd", { className: pressableFieldShortcutClassName, "data-contract": "FONT-1 PADDING-1 TONE-2", children: shortcut })] }));
|
|
14
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/primitive/PressableField/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,IAAI,EAAmB,MAAM,kBAAkB,CAAA;AACxD,OAAO,EACH,uBAAuB,EACvB,8BAA8B,EAC9B,kCAAkC,EAClC,+BAA+B,GAClC,MAAM,iBAAiB,CAAA;AAcxB;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,GAAG,KAAK,EAAE,OAAO,EAAuB,EAAE,EAAE,CAAC,CAC1H,kBACI,IAAI,EAAC,QAAQ,gBACD,KAAK,EACjB,QAAQ,EAAE,UAAU,eACV,MAAM,oBACD,gBAAgB,mBAChB,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,mBAC9B,4CAA4C,EAC1D,SAAS,EAAE,uBAAuB,EAClC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,EAAE,aAE1B,gBAAM,SAAS,EAAE,8BAA8B,mBAAgB,OAAO,aACjE,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAC,SAAS,GAAG,EACvE,eAAM,SAAS,EAAE,kCAAkC,mBAAgB,sBAAsB,YAAE,WAAW,GAAQ,IAC3G,EACN,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,cAAK,SAAS,EAAE,+BAA+B,mBAAgB,yBAAyB,YAAE,QAAQ,GAAO,IACrI,CACZ,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@starci/grammar",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.3",
|
|
4
4
|
"description": "Reusable StarCi React components, compositions, and packaged visual DNA.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"starci",
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
"scripts": {
|
|
56
56
|
"build": "node scripts/clean.mjs && tsc -p tsconfig.build.json && node scripts/copy-css.mjs",
|
|
57
57
|
"typecheck": "tsc -p tsconfig.build.json --noEmit",
|
|
58
|
-
"test": "npm run build && node --test src/common/index.test.mjs src/core/index.test.mjs src/package-boundary.test.mjs && vitest run --config vitest.config.ts src/common/conformance.spec.ts src/common/styles.spec.ts src/core/family.spec.tsx src/core/styles.spec.ts src/core/surface-card-family.spec.tsx src/core/scrollable-surfaces.spec.tsx src/core/primitive/Badge/index.spec.tsx src/core/primitive/Button/index.spec.tsx src/core/primitive/Divider/index.spec.tsx src/core/primitive/Heading/index.spec.tsx src/core/primitive/Icon/index.spec.tsx src/core/primitive/IconButton/index.spec.tsx src/core/primitive/IconTile/index.spec.tsx src/core/primitive/Input/index.spec.tsx src/core/primitive/Progress/index.spec.tsx src/core/primitive/Text/index.spec.tsx src/core/primitive/TextAction/index.spec.tsx src/core/primitive/Label/index.spec.tsx src/core/primitive/RankArtwork/index.spec.tsx src/core/composite/EmptyNotice/index.spec.tsx src/core/branch/Tabs/index.spec.tsx src/core/branch/Subnav/index.spec.tsx src/core/branch/Tooltip/index.spec.tsx src/core/composition/NavigationFeatureNav/index.spec.tsx src/core/composition/NavigationFeatureNav/styles.spec.ts src/core/composition/Sidebar/index.spec.tsx src/core/composition/WorkspaceShell/index.spec.tsx src/core/composition/ChatWorkspace/index.spec.tsx src/heritage/index.spec.tsx src/heritage/styles.spec.ts src/offset-pop/index.spec.tsx src/offset-pop/render.spec.tsx src/offset-pop/styles.spec.ts",
|
|
58
|
+
"test": "npm run build && node --test src/common/index.test.mjs src/core/index.test.mjs src/package-boundary.test.mjs && vitest run --config vitest.config.ts src/shipped-geometry.spec.ts src/common/conformance.spec.ts src/common/styles.spec.ts src/core/family.spec.tsx src/core/styles.spec.ts src/core/surface-card-family.spec.tsx src/core/scrollable-surfaces.spec.tsx src/core/primitive/Badge/index.spec.tsx src/core/primitive/Button/index.spec.tsx src/core/primitive/Divider/index.spec.tsx src/core/primitive/Heading/index.spec.tsx src/core/primitive/Icon/index.spec.tsx src/core/primitive/IconButton/index.spec.tsx src/core/primitive/IconTile/index.spec.tsx src/core/primitive/Input/index.spec.tsx src/core/primitive/PressableField/index.spec.tsx src/core/primitive/Progress/index.spec.tsx src/core/primitive/Text/index.spec.tsx src/core/primitive/TextAction/index.spec.tsx src/core/primitive/Label/index.spec.tsx src/core/primitive/RankArtwork/index.spec.tsx src/core/composite/EmptyNotice/index.spec.tsx src/core/branch/Tabs/index.spec.tsx src/core/branch/Subnav/index.spec.tsx src/core/branch/Tooltip/index.spec.tsx src/core/composition/NavigationFeatureNav/index.spec.tsx src/core/composition/NavigationFeatureNav/styles.spec.ts src/core/composition/Sidebar/index.spec.tsx src/core/composition/Sidebar/styles.spec.ts src/core/composition/WorkspaceShell/index.spec.tsx src/core/composition/ChatWorkspace/index.spec.tsx src/heritage/index.spec.tsx src/heritage/styles.spec.ts src/offset-pop/index.spec.tsx src/offset-pop/render.spec.tsx src/offset-pop/styles.spec.ts",
|
|
59
59
|
"prepack": "npm run typecheck && npm test"
|
|
60
60
|
},
|
|
61
61
|
"engines": {
|