@hanzo/ui 8.4.12 → 8.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/backends/gui/band.cjs +46 -0
- package/dist/backends/gui/band.d.ts +43 -0
- package/dist/backends/gui/band.d.ts.map +1 -0
- package/dist/backends/gui/band.js +44 -0
- package/dist/backends/gui/band.js.map +1 -0
- package/dist/backends/gui/index.cjs +15 -6
- package/dist/backends/gui/index.d.ts +5 -3
- package/dist/backends/gui/index.d.ts.map +1 -1
- package/dist/backends/gui/index.js +5 -3
- package/dist/backends/gui/index.js.map +1 -1
- package/dist/backends/gui/layout.cjs +12 -2
- package/dist/backends/gui/layout.d.ts +1 -1
- package/dist/backends/gui/layout.d.ts.map +1 -1
- package/dist/backends/gui/layout.js +11 -2
- package/dist/backends/gui/layout.js.map +1 -1
- package/dist/backends/gui/link.cjs +126 -0
- package/dist/backends/gui/link.d.ts +65 -0
- package/dist/backends/gui/link.d.ts.map +1 -0
- package/dist/backends/gui/link.js +88 -0
- package/dist/backends/gui/link.js.map +1 -0
- package/dist/backends/gui/prose.cjs +33 -0
- package/dist/backends/gui/prose.d.ts +39 -0
- package/dist/backends/gui/prose.d.ts.map +1 -0
- package/dist/backends/gui/prose.js +30 -0
- package/dist/backends/gui/prose.js.map +1 -0
- package/dist/backends/gui/video.cjs +89 -0
- package/dist/backends/gui/video.d.ts +33 -0
- package/dist/backends/gui/video.d.ts.map +1 -0
- package/dist/backends/gui/video.js +53 -0
- package/dist/backends/gui/video.js.map +1 -0
- package/dist/blocks/accordian.cjs +19 -0
- package/dist/blocks/accordian.d.ts +4 -0
- package/dist/blocks/accordian.d.ts.map +1 -0
- package/dist/blocks/accordian.js +16 -0
- package/dist/blocks/accordian.js.map +1 -0
- package/dist/blocks/bullet-cards.cjs +40 -0
- package/dist/blocks/bullet-cards.d.ts +10 -0
- package/dist/blocks/bullet-cards.d.ts.map +1 -0
- package/dist/blocks/bullet-cards.js +37 -0
- package/dist/blocks/bullet-cards.js.map +1 -0
- package/dist/blocks/card.cjs +58 -0
- package/dist/blocks/card.d.ts +14 -0
- package/dist/blocks/card.d.ts.map +1 -0
- package/dist/blocks/card.js +55 -0
- package/dist/blocks/card.js.map +1 -0
- package/dist/blocks/carte-blanche.cjs +38 -0
- package/dist/blocks/carte-blanche.d.ts +13 -0
- package/dist/blocks/carte-blanche.d.ts.map +1 -0
- package/dist/blocks/carte-blanche.js +35 -0
- package/dist/blocks/carte-blanche.js.map +1 -0
- package/dist/blocks/content.cjs +65 -0
- package/dist/blocks/content.d.ts +11 -0
- package/dist/blocks/content.d.ts.map +1 -0
- package/dist/blocks/content.js +61 -0
- package/dist/blocks/content.js.map +1 -0
- package/dist/blocks/cta.cjs +103 -0
- package/dist/blocks/cta.d.ts +13 -0
- package/dist/blocks/cta.d.ts.map +1 -0
- package/dist/blocks/cta.js +67 -0
- package/dist/blocks/cta.js.map +1 -0
- package/dist/blocks/def.cjs +24 -0
- package/dist/blocks/def.d.ts +191 -0
- package/dist/blocks/def.d.ts.map +1 -0
- package/dist/blocks/def.js +22 -0
- package/dist/blocks/def.js.map +1 -0
- package/dist/blocks/enh-heading.cjs +86 -0
- package/dist/blocks/enh-heading.d.ts +7 -0
- package/dist/blocks/enh-heading.d.ts.map +1 -0
- package/dist/blocks/enh-heading.js +83 -0
- package/dist/blocks/enh-heading.js.map +1 -0
- package/dist/blocks/grid.cjs +98 -0
- package/dist/blocks/grid.d.ts +18 -0
- package/dist/blocks/grid.d.ts.map +1 -0
- package/dist/blocks/grid.js +62 -0
- package/dist/blocks/grid.js.map +1 -0
- package/dist/blocks/group.cjs +43 -0
- package/dist/blocks/group.d.ts +4 -0
- package/dist/blocks/group.d.ts.map +1 -0
- package/dist/blocks/group.js +40 -0
- package/dist/blocks/group.js.map +1 -0
- package/dist/blocks/heading.cjs +22 -0
- package/dist/blocks/heading.d.ts +4 -0
- package/dist/blocks/heading.d.ts.map +1 -0
- package/dist/blocks/heading.js +19 -0
- package/dist/blocks/heading.js.map +1 -0
- package/dist/blocks/image.cjs +54 -0
- package/dist/blocks/image.d.ts +19 -0
- package/dist/blocks/image.d.ts.map +1 -0
- package/dist/blocks/image.js +51 -0
- package/dist/blocks/image.js.map +1 -0
- package/dist/blocks/index.cjs +65 -0
- package/dist/blocks/index.d.ts +18 -0
- package/dist/blocks/index.d.ts.map +1 -0
- package/dist/blocks/index.js +30 -0
- package/dist/blocks/index.js.map +1 -0
- package/dist/blocks/screenful.cjs +139 -0
- package/dist/blocks/screenful.d.ts +18 -0
- package/dist/blocks/screenful.d.ts.map +1 -0
- package/dist/blocks/screenful.js +103 -0
- package/dist/blocks/screenful.js.map +1 -0
- package/dist/blocks/space.cjs +38 -0
- package/dist/blocks/space.d.ts +4 -0
- package/dist/blocks/space.d.ts.map +1 -0
- package/dist/blocks/space.js +35 -0
- package/dist/blocks/space.js.map +1 -0
- package/dist/blocks/spec.cjs +58 -0
- package/dist/blocks/spec.d.ts +60 -0
- package/dist/blocks/spec.d.ts.map +1 -0
- package/dist/blocks/spec.js +52 -0
- package/dist/blocks/spec.js.map +1 -0
- package/dist/blocks/video.cjs +103 -0
- package/dist/blocks/video.d.ts +22 -0
- package/dist/blocks/video.d.ts.map +1 -0
- package/dist/blocks/video.js +67 -0
- package/dist/blocks/video.js.map +1 -0
- package/dist/gallery.cjs +1 -1
- package/dist/gallery.html +104 -7
- package/dist/gallery.js +2 -2
- package/dist/gallery.js.map +1 -1
- package/dist/index.cjs +12 -5
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/dist/index.node.js +2 -2
- package/dist/primitives/ApplyTypography.cjs +8 -0
- package/dist/primitives/ApplyTypography.d.ts +2 -0
- package/dist/primitives/ApplyTypography.d.ts.map +1 -0
- package/dist/primitives/ApplyTypography.js +5 -0
- package/dist/primitives/ApplyTypography.js.map +1 -0
- package/dist/primitives/{Section.cjs → Band.cjs} +3 -3
- package/dist/primitives/Band.d.ts +2 -0
- package/dist/primitives/Band.d.ts.map +1 -0
- package/dist/primitives/{Section.js → Band.js} +2 -2
- package/dist/primitives/Band.js.map +1 -0
- package/dist/primitives/Fill.cjs +8 -0
- package/dist/primitives/Fill.d.ts +2 -0
- package/dist/primitives/Fill.d.ts.map +1 -0
- package/dist/primitives/Fill.js +5 -0
- package/dist/primitives/Fill.js.map +1 -0
- package/dist/primitives/Link.cjs +8 -0
- package/dist/primitives/Link.d.ts +2 -0
- package/dist/primitives/Link.d.ts.map +1 -0
- package/dist/primitives/Link.js +5 -0
- package/dist/primitives/Link.js.map +1 -0
- package/dist/primitives/LinkElement.cjs +8 -0
- package/dist/primitives/LinkElement.d.ts +2 -0
- package/dist/primitives/LinkElement.d.ts.map +1 -0
- package/dist/primitives/LinkElement.js +5 -0
- package/dist/primitives/LinkElement.js.map +1 -0
- package/dist/primitives/MDXLink.cjs +8 -0
- package/dist/primitives/MDXLink.d.ts +2 -0
- package/dist/primitives/MDXLink.d.ts.map +1 -0
- package/dist/primitives/MDXLink.js +5 -0
- package/dist/primitives/MDXLink.js.map +1 -0
- package/dist/primitives/Screen.cjs +8 -0
- package/dist/primitives/Screen.d.ts +2 -0
- package/dist/primitives/Screen.d.ts.map +1 -0
- package/dist/primitives/Screen.js +5 -0
- package/dist/primitives/Screen.js.map +1 -0
- package/dist/primitives/Separator.cjs +2 -2
- package/dist/primitives/Separator.d.ts +1 -1
- package/dist/primitives/Separator.d.ts.map +1 -1
- package/dist/primitives/Separator.js +1 -1
- package/dist/primitives/Separator.js.map +1 -1
- package/dist/primitives/VideoPlayer.cjs +8 -0
- package/dist/primitives/VideoPlayer.d.ts +2 -0
- package/dist/primitives/VideoPlayer.d.ts.map +1 -0
- package/dist/primitives/VideoPlayer.js +5 -0
- package/dist/primitives/VideoPlayer.js.map +1 -0
- package/dist/primitives/YouTubeEmbed.cjs +8 -0
- package/dist/primitives/YouTubeEmbed.d.ts +2 -0
- package/dist/primitives/YouTubeEmbed.d.ts.map +1 -0
- package/dist/primitives/YouTubeEmbed.js +5 -0
- package/dist/primitives/YouTubeEmbed.js.map +1 -0
- package/dist/primitives/useLink.cjs +8 -0
- package/dist/primitives/useLink.d.ts +2 -0
- package/dist/primitives/useLink.d.ts.map +1 -0
- package/dist/primitives/useLink.js +5 -0
- package/dist/primitives/useLink.js.map +1 -0
- package/dist/product/menu/items.d.ts +1 -1
- package/dist/product/menu/items.d.ts.map +1 -1
- package/dist/styles.css +101 -4
- package/dist/theme.css +101 -0
- package/dist/tw.cjs +52 -1
- package/dist/tw.d.ts.map +1 -1
- package/dist/tw.js +52 -1
- package/dist/tw.js.map +1 -1
- package/dist/types.cjs +32 -0
- package/dist/types.d.ts +136 -0
- package/dist/types.d.ts.map +1 -0
- package/dist/types.js +30 -0
- package/dist/types.js.map +1 -0
- package/package.json +29 -17
- package/dist/backends/gui/section.cjs +0 -39
- package/dist/backends/gui/section.d.ts +0 -29
- package/dist/backends/gui/section.d.ts.map +0 -1
- package/dist/backends/gui/section.js +0 -37
- package/dist/backends/gui/section.js.map +0 -1
- package/dist/backends/gui/separator.cjs +0 -10
- package/dist/backends/gui/separator.d.ts +0 -11
- package/dist/backends/gui/separator.d.ts.map +0 -1
- package/dist/backends/gui/separator.js +0 -8
- package/dist/backends/gui/separator.js.map +0 -1
- package/dist/primitives/Section.d.ts +0 -2
- package/dist/primitives/Section.d.ts.map +0 -1
- package/dist/primitives/Section.js.map +0 -1
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
'use client';"use strict";
|
|
2
|
+
'use client';
|
|
3
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
+
exports.Band = void 0;
|
|
5
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
+
/**
|
|
7
|
+
* Band — the page's vertical rhythm, in one place.
|
|
8
|
+
*
|
|
9
|
+
* Components kept inventing their own vertical story: a margin here, a padding
|
|
10
|
+
* there, a `<div style={{marginTop: 64}}>` somewhere else. The result is a page
|
|
11
|
+
* whose spacing is the sum of everyone's guesses, and which is never the same
|
|
12
|
+
* twice on a phone. So the page-level spacing decision is made once, from the
|
|
13
|
+
* space scale, and it is mobile-first: phone values by default, stepping up past
|
|
14
|
+
* `$gtSm`. A caller that writes nothing gets the right answer at every width,
|
|
15
|
+
* which is the point — the failure mode being designed out is "had to remember
|
|
16
|
+
* something".
|
|
17
|
+
*
|
|
18
|
+
* It is called Band and not Section because `Section` is already taken, by the
|
|
19
|
+
* thing it is built ON: `@hanzo/gui` exports a `Section` that is the semantic
|
|
20
|
+
* `<section>` element, beside Article, Main, Header, Aside, Footer and Nav. Two
|
|
21
|
+
* packages exporting one name for two components is a defect you cannot see —
|
|
22
|
+
* the import resolves, the build is green, and the page is spaced by whichever
|
|
23
|
+
* one the author happened to reach for. A band is what this is: a full-bleed
|
|
24
|
+
* horizontal band of the page.
|
|
25
|
+
*
|
|
26
|
+
* Two boxes, because they do two different jobs and merging them is what breaks:
|
|
27
|
+
* the OUTER runs full-bleed and owns the vertical rhythm and the side gutter, so
|
|
28
|
+
* a background set on it reaches both edges; the INNER is the centred measure and
|
|
29
|
+
* owns `maxWidth`. Put `maxWidth` on the outer box instead and a band can never
|
|
30
|
+
* have a full-width background.
|
|
31
|
+
*/
|
|
32
|
+
const gui_1 = require("@hanzo/gui");
|
|
33
|
+
const gui_2 = require("@hanzo/gui");
|
|
34
|
+
const slot_1 = require("./slot.cjs");
|
|
35
|
+
const Band = ({ measure = 1200, children, inner, ...props }) => ((0, jsx_runtime_1.jsx)(gui_1.Section, { ...(0, slot_1.slot)('band'), width: "100%",
|
|
36
|
+
// Values come from the space scale, never literals — a band spaced in raw
|
|
37
|
+
// px drifts from everything else on the page. `$md` is a MAX-width query in
|
|
38
|
+
// this config, so the base is the roomy value and the phone steps it down;
|
|
39
|
+
// that is the direction every other responsive prop in this package is
|
|
40
|
+
// written in ($md/$sm in Field, PageHeader, SiteNav), and mixing both
|
|
41
|
+
// directions in one codebase is how a breakpoint ends up applying twice.
|
|
42
|
+
py: "$11", px: "$6", $md: { py: '$8', px: '$4' }, ...props, children: (0, jsx_runtime_1.jsx)(gui_2.YStack, { ...(0, slot_1.slot)('band-inner'), width: "100%", ...(measure === false ? {} : { maxWidth: measure }),
|
|
43
|
+
// The centring. `self: center` is the cross-axis rule a YStack understands
|
|
44
|
+
// on web AND native, where `margin: auto` is web-only.
|
|
45
|
+
self: "center", ...inner, children: children }) }));
|
|
46
|
+
exports.Band = Band;
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Band — the page's vertical rhythm, in one place.
|
|
3
|
+
*
|
|
4
|
+
* Components kept inventing their own vertical story: a margin here, a padding
|
|
5
|
+
* there, a `<div style={{marginTop: 64}}>` somewhere else. The result is a page
|
|
6
|
+
* whose spacing is the sum of everyone's guesses, and which is never the same
|
|
7
|
+
* twice on a phone. So the page-level spacing decision is made once, from the
|
|
8
|
+
* space scale, and it is mobile-first: phone values by default, stepping up past
|
|
9
|
+
* `$gtSm`. A caller that writes nothing gets the right answer at every width,
|
|
10
|
+
* which is the point — the failure mode being designed out is "had to remember
|
|
11
|
+
* something".
|
|
12
|
+
*
|
|
13
|
+
* It is called Band and not Section because `Section` is already taken, by the
|
|
14
|
+
* thing it is built ON: `@hanzo/gui` exports a `Section` that is the semantic
|
|
15
|
+
* `<section>` element, beside Article, Main, Header, Aside, Footer and Nav. Two
|
|
16
|
+
* packages exporting one name for two components is a defect you cannot see —
|
|
17
|
+
* the import resolves, the build is green, and the page is spaced by whichever
|
|
18
|
+
* one the author happened to reach for. A band is what this is: a full-bleed
|
|
19
|
+
* horizontal band of the page.
|
|
20
|
+
*
|
|
21
|
+
* Two boxes, because they do two different jobs and merging them is what breaks:
|
|
22
|
+
* the OUTER runs full-bleed and owns the vertical rhythm and the side gutter, so
|
|
23
|
+
* a background set on it reaches both edges; the INNER is the centred measure and
|
|
24
|
+
* owns `maxWidth`. Put `maxWidth` on the outer box instead and a band can never
|
|
25
|
+
* have a full-width background.
|
|
26
|
+
*/
|
|
27
|
+
import { type YStackProps } from '@hanzo/gui';
|
|
28
|
+
export interface BandProps extends YStackProps {
|
|
29
|
+
/**
|
|
30
|
+
* The centred column's width. `false` lets the content run full width.
|
|
31
|
+
*
|
|
32
|
+
* It is not called `maxWidth`: `maxWidth` is a real style prop on the band
|
|
33
|
+
* itself, and a component that redefines one to mean "the width of a
|
|
34
|
+
* different box" is a trap with no error in it. The typographic name is the
|
|
35
|
+
* true one anyway — this is the measure, not the band's own limit.
|
|
36
|
+
*/
|
|
37
|
+
measure?: number | false;
|
|
38
|
+
/** Props for the centred column. */
|
|
39
|
+
inner?: YStackProps;
|
|
40
|
+
}
|
|
41
|
+
declare const Band: ({ measure, children, inner, ...props }: BandProps) => import("react/jsx-runtime").JSX.Element;
|
|
42
|
+
export { Band };
|
|
43
|
+
//# sourceMappingURL=band.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"band.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/band.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,OAAO,EAAW,KAAK,WAAW,EAAE,MAAM,YAAY,CAAA;AAItD,MAAM,WAAW,SAAU,SAAQ,WAAW;IAC5C;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,CAAA;IACxB,oCAAoC;IACpC,KAAK,CAAC,EAAE,WAAW,CAAA;CACpB;AAED,QAAA,MAAM,IAAI,2CAAmD,SAAS,4CA2BrE,CAAA;AAED,OAAO,EAAE,IAAI,EAAE,CAAA"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
/**
|
|
4
|
+
* Band — the page's vertical rhythm, in one place.
|
|
5
|
+
*
|
|
6
|
+
* Components kept inventing their own vertical story: a margin here, a padding
|
|
7
|
+
* there, a `<div style={{marginTop: 64}}>` somewhere else. The result is a page
|
|
8
|
+
* whose spacing is the sum of everyone's guesses, and which is never the same
|
|
9
|
+
* twice on a phone. So the page-level spacing decision is made once, from the
|
|
10
|
+
* space scale, and it is mobile-first: phone values by default, stepping up past
|
|
11
|
+
* `$gtSm`. A caller that writes nothing gets the right answer at every width,
|
|
12
|
+
* which is the point — the failure mode being designed out is "had to remember
|
|
13
|
+
* something".
|
|
14
|
+
*
|
|
15
|
+
* It is called Band and not Section because `Section` is already taken, by the
|
|
16
|
+
* thing it is built ON: `@hanzo/gui` exports a `Section` that is the semantic
|
|
17
|
+
* `<section>` element, beside Article, Main, Header, Aside, Footer and Nav. Two
|
|
18
|
+
* packages exporting one name for two components is a defect you cannot see —
|
|
19
|
+
* the import resolves, the build is green, and the page is spaced by whichever
|
|
20
|
+
* one the author happened to reach for. A band is what this is: a full-bleed
|
|
21
|
+
* horizontal band of the page.
|
|
22
|
+
*
|
|
23
|
+
* Two boxes, because they do two different jobs and merging them is what breaks:
|
|
24
|
+
* the OUTER runs full-bleed and owns the vertical rhythm and the side gutter, so
|
|
25
|
+
* a background set on it reaches both edges; the INNER is the centred measure and
|
|
26
|
+
* owns `maxWidth`. Put `maxWidth` on the outer box instead and a band can never
|
|
27
|
+
* have a full-width background.
|
|
28
|
+
*/
|
|
29
|
+
import { Section } from '@hanzo/gui';
|
|
30
|
+
import { YStack } from '@hanzo/gui';
|
|
31
|
+
import { slot } from './slot.js';
|
|
32
|
+
const Band = ({ measure = 1200, children, inner, ...props }) => (_jsx(Section, { ...slot('band'), width: "100%",
|
|
33
|
+
// Values come from the space scale, never literals — a band spaced in raw
|
|
34
|
+
// px drifts from everything else on the page. `$md` is a MAX-width query in
|
|
35
|
+
// this config, so the base is the roomy value and the phone steps it down;
|
|
36
|
+
// that is the direction every other responsive prop in this package is
|
|
37
|
+
// written in ($md/$sm in Field, PageHeader, SiteNav), and mixing both
|
|
38
|
+
// directions in one codebase is how a breakpoint ends up applying twice.
|
|
39
|
+
py: "$11", px: "$6", $md: { py: '$8', px: '$4' }, ...props, children: _jsx(YStack, { ...slot('band-inner'), width: "100%", ...(measure === false ? {} : { maxWidth: measure }),
|
|
40
|
+
// The centring. `self: center` is the cross-axis rule a YStack understands
|
|
41
|
+
// on web AND native, where `margin: auto` is web-only.
|
|
42
|
+
self: "center", ...inner, children: children }) }));
|
|
43
|
+
export { Band };
|
|
44
|
+
//# sourceMappingURL=band.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"band.js","sourceRoot":"","sources":["../../../src/backends/gui/band.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,OAAO,EAAE,OAAO,EAAoB,MAAM,YAAY,CAAA;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAgB7B,MAAM,IAAI,GAAG,CAAC,EAAE,OAAO,GAAG,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAa,EAAE,EAAE,CAAC,CACzE,KAAC,OAAO,OACF,IAAI,CAAC,MAAM,CAAC,EAChB,KAAK,EAAC,MAAM;IACZ,0EAA0E;IAC1E,4EAA4E;IAC5E,2EAA2E;IAC3E,uEAAuE;IACvE,sEAAsE;IACtE,yEAAyE;IACzE,EAAE,EAAC,KAAK,EACR,EAAE,EAAC,IAAI,EACP,GAAG,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,KACvB,KAAK,YAET,KAAC,MAAM,OACD,IAAI,CAAC,YAAY,CAAC,EACtB,KAAK,EAAC,MAAM,KACR,CAAC,OAAO,KAAK,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC;QACpD,2EAA2E;QAC3E,uDAAuD;QACvD,IAAI,EAAC,QAAQ,KACT,KAAK,YAER,QAAQ,GACF,GACD,CACX,CAAA;AAED,OAAO,EAAE,IAAI,EAAE,CAAA"}
|
|
@@ -18,8 +18,8 @@
|
|
|
18
18
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
19
19
|
exports.ContextMenuRadioItem = exports.ContextMenuCheckboxItem = exports.ContextMenuItem = exports.ContextMenuContent = exports.ContextMenuTrigger = exports.ContextMenu = exports.CommandSeparator = exports.CommandShortcut = exports.CommandItem = exports.CommandGroup = exports.CommandEmpty = exports.CommandList = exports.CommandInput = exports.CommandDialog = exports.Command = exports.CollapsibleContent = exports.CollapsibleTrigger = exports.Collapsible = exports.Checkbox = exports.CardMedia = exports.CardContent = exports.CardDescription = exports.CardAction = exports.CardTitle = exports.CardFooter = exports.CardHeader = exports.Card = exports.buttonVariants = exports.Button = exports.badgeVariants = exports.Badge = exports.AvatarFallback = exports.AvatarImage = exports.Avatar = exports.AspectRatio = exports.AlertDialogCancel = exports.AlertDialogAction = exports.AlertDialogDescription = exports.AlertDialogTitle = exports.AlertDialogFooter = exports.AlertDialogHeader = exports.AlertDialogContent = exports.AlertDialogOverlay = exports.AlertDialogPortal = exports.AlertDialogTrigger = exports.AlertDialog = exports.AccordionContent = exports.AccordionTrigger = exports.AccordionItem = exports.Accordion = void 0;
|
|
20
20
|
exports.ResizablePanel = exports.ResizablePanelGroup = exports.RadioGroupItem = exports.RadioGroup = exports.Progress = exports.PopoverClose = exports.PopoverAnchor = exports.PopoverContent = exports.PopoverTrigger = exports.Popover = exports.Label = exports.Input = exports.HoverCardContent = exports.HoverCardTrigger = exports.HoverCard = exports.Glass = exports.DropdownMenuRadioGroup = exports.DropdownMenuSubTrigger = exports.DropdownMenuSubContent = exports.DropdownMenuSub = exports.DropdownMenuPortal = exports.DropdownMenuGroup = exports.DropdownMenuShortcut = exports.DropdownMenuSeparator = exports.DropdownMenuLabel = exports.DropdownMenuRadioItem = exports.DropdownMenuCheckboxItem = exports.DropdownMenuItem = exports.DropdownMenuContent = exports.DropdownMenuTrigger = exports.DropdownMenu = exports.DialogTrigger = exports.DialogTitle = exports.DialogPortal = exports.DialogOverlay = exports.DialogHeader = exports.DialogFooter = exports.DialogDescription = exports.DialogContent = exports.DialogClose = exports.Dialog = exports.ContextMenuRadioGroup = exports.ContextMenuSubTrigger = exports.ContextMenuSubContent = exports.ContextMenuSub = exports.ContextMenuPortal = exports.ContextMenuGroup = exports.ContextMenuShortcut = exports.ContextMenuSeparator = exports.ContextMenuLabel = void 0;
|
|
21
|
-
exports.ToggleGroupItem = exports.ToggleGroup = exports.toast = exports.Toaster = exports.Textarea = exports.TabsContent = exports.TabsTrigger = exports.TabsList = exports.Tabs = exports.Switch = exports.Spinner = exports.Slider = exports.
|
|
22
|
-
exports.TooltipProvider = exports.TooltipContent = exports.TooltipTrigger = exports.Tooltip = void 0;
|
|
21
|
+
exports.ToggleGroupItem = exports.ToggleGroup = exports.toast = exports.Toaster = exports.Textarea = exports.TabsContent = exports.TabsTrigger = exports.TabsList = exports.Tabs = exports.Switch = exports.Spinner = exports.Slider = exports.Fill = exports.Screen = exports.Band = exports.SelectScrollDownButton = exports.SelectScrollUpButton = exports.SelectSeparator = exports.SelectItem = exports.SelectLabel = exports.SelectContent = exports.SelectTrigger = exports.SelectValue = exports.SelectGroup = exports.Select = exports.ScrollBar = exports.ScrollArea = exports.Text = exports.View = exports.ScrollView = exports.Spacer = exports.Separator = exports.Image = exports.Anchor = exports.Em = exports.Strong = exports.Span = exports.H6 = exports.H5 = exports.H4 = exports.H3 = exports.H2 = exports.H1 = exports.Heading = exports.Paragraph = exports.SizableText = exports.ZStack = exports.YStack = exports.XStack = exports.ResizableHandle = void 0;
|
|
22
|
+
exports.YouTubeEmbed = exports.VideoPlayer = exports.LinkElement = exports.MDXLink = exports.useLink = exports.Link = exports.ApplyTypography = exports.TooltipProvider = exports.TooltipContent = exports.TooltipTrigger = exports.Tooltip = void 0;
|
|
23
23
|
var accordion_1 = require("./accordion.cjs");
|
|
24
24
|
Object.defineProperty(exports, "Accordion", { enumerable: true, get: function () { return accordion_1.Accordion; } });
|
|
25
25
|
Object.defineProperty(exports, "AccordionItem", { enumerable: true, get: function () { return accordion_1.AccordionItem; } });
|
|
@@ -170,6 +170,7 @@ Object.defineProperty(exports, "Strong", { enumerable: true, get: function () {
|
|
|
170
170
|
Object.defineProperty(exports, "Em", { enumerable: true, get: function () { return layout_1.Em; } });
|
|
171
171
|
Object.defineProperty(exports, "Anchor", { enumerable: true, get: function () { return layout_1.Anchor; } });
|
|
172
172
|
Object.defineProperty(exports, "Image", { enumerable: true, get: function () { return layout_1.Image; } });
|
|
173
|
+
Object.defineProperty(exports, "Separator", { enumerable: true, get: function () { return layout_1.Separator; } });
|
|
173
174
|
Object.defineProperty(exports, "Spacer", { enumerable: true, get: function () { return layout_1.Spacer; } });
|
|
174
175
|
Object.defineProperty(exports, "ScrollView", { enumerable: true, get: function () { return layout_1.ScrollView; } });
|
|
175
176
|
Object.defineProperty(exports, "View", { enumerable: true, get: function () { return layout_1.View; } });
|
|
@@ -188,13 +189,11 @@ Object.defineProperty(exports, "SelectItem", { enumerable: true, get: function (
|
|
|
188
189
|
Object.defineProperty(exports, "SelectSeparator", { enumerable: true, get: function () { return select_1.SelectSeparator; } });
|
|
189
190
|
Object.defineProperty(exports, "SelectScrollUpButton", { enumerable: true, get: function () { return select_1.SelectScrollUpButton; } });
|
|
190
191
|
Object.defineProperty(exports, "SelectScrollDownButton", { enumerable: true, get: function () { return select_1.SelectScrollDownButton; } });
|
|
191
|
-
var
|
|
192
|
-
Object.defineProperty(exports, "
|
|
192
|
+
var band_1 = require("./band.cjs");
|
|
193
|
+
Object.defineProperty(exports, "Band", { enumerable: true, get: function () { return band_1.Band; } });
|
|
193
194
|
var screen_1 = require("./screen.cjs");
|
|
194
195
|
Object.defineProperty(exports, "Screen", { enumerable: true, get: function () { return screen_1.Screen; } });
|
|
195
196
|
Object.defineProperty(exports, "Fill", { enumerable: true, get: function () { return screen_1.Fill; } });
|
|
196
|
-
var separator_1 = require("./separator.cjs");
|
|
197
|
-
Object.defineProperty(exports, "Separator", { enumerable: true, get: function () { return separator_1.Separator; } });
|
|
198
197
|
var slider_1 = require("./slider.cjs");
|
|
199
198
|
Object.defineProperty(exports, "Slider", { enumerable: true, get: function () { return slider_1.Slider; } });
|
|
200
199
|
var spinner_1 = require("./spinner.cjs");
|
|
@@ -219,3 +218,13 @@ Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () {
|
|
|
219
218
|
Object.defineProperty(exports, "TooltipTrigger", { enumerable: true, get: function () { return tooltip_1.TooltipTrigger; } });
|
|
220
219
|
Object.defineProperty(exports, "TooltipContent", { enumerable: true, get: function () { return tooltip_1.TooltipContent; } });
|
|
221
220
|
Object.defineProperty(exports, "TooltipProvider", { enumerable: true, get: function () { return tooltip_1.TooltipProvider; } });
|
|
221
|
+
var prose_1 = require("./prose.cjs");
|
|
222
|
+
Object.defineProperty(exports, "ApplyTypography", { enumerable: true, get: function () { return prose_1.ApplyTypography; } });
|
|
223
|
+
var link_1 = require("./link.cjs");
|
|
224
|
+
Object.defineProperty(exports, "Link", { enumerable: true, get: function () { return link_1.Link; } });
|
|
225
|
+
Object.defineProperty(exports, "useLink", { enumerable: true, get: function () { return link_1.useLink; } });
|
|
226
|
+
Object.defineProperty(exports, "MDXLink", { enumerable: true, get: function () { return link_1.MDXLink; } });
|
|
227
|
+
Object.defineProperty(exports, "LinkElement", { enumerable: true, get: function () { return link_1.LinkElement; } });
|
|
228
|
+
var video_1 = require("./video.cjs");
|
|
229
|
+
Object.defineProperty(exports, "VideoPlayer", { enumerable: true, get: function () { return video_1.VideoPlayer; } });
|
|
230
|
+
Object.defineProperty(exports, "YouTubeEmbed", { enumerable: true, get: function () { return video_1.YouTubeEmbed; } });
|
|
@@ -19,12 +19,11 @@ export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor, PopoverClose }
|
|
|
19
19
|
export { Progress } from './progress.js';
|
|
20
20
|
export { RadioGroup, RadioGroupItem, type RadioGroupProps, type RadioGroupItemProps, } from './radio-group.js';
|
|
21
21
|
export { ResizablePanelGroup, ResizablePanel, ResizableHandle, type ResizablePanelGroupProps, type ResizablePanelProps, type ResizableHandleProps, } from './resizable.js';
|
|
22
|
-
export { XStack, YStack, ZStack, SizableText, Paragraph, Heading, H1, H2, H3, H4, H5, H6, Span, Strong, Em, Anchor, Image, Spacer, ScrollView, View, Text, type GuiElement, } from './layout.js';
|
|
22
|
+
export { XStack, YStack, ZStack, SizableText, Paragraph, Heading, H1, H2, H3, H4, H5, H6, Span, Strong, Em, Anchor, Image, Separator, Spacer, ScrollView, View, Text, type GuiElement, } from './layout.js';
|
|
23
23
|
export { ScrollArea, ScrollBar } from './scroll-area.js';
|
|
24
24
|
export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, } from './select.js';
|
|
25
|
-
export {
|
|
25
|
+
export { Band, type BandProps } from './band.js';
|
|
26
26
|
export { Screen, Fill, type ScreenProps, type FillProps } from './screen.js';
|
|
27
|
-
export { Separator } from './separator.js';
|
|
28
27
|
export { Slider } from './slider.js';
|
|
29
28
|
export { Spinner, type SpinnerProps } from './spinner.js';
|
|
30
29
|
export { Switch } from './switch.js';
|
|
@@ -33,4 +32,7 @@ export { Textarea } from './textarea.js';
|
|
|
33
32
|
export { Toaster, toast } from './toaster.js';
|
|
34
33
|
export { ToggleGroup, ToggleGroupItem, type ToggleGroupProps, type ToggleGroupItemProps, type ToggleGroupVariant, type ToggleGroupSize, } from './toggle-group.js';
|
|
35
34
|
export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from './tooltip.js';
|
|
35
|
+
export { ApplyTypography, type ApplyTypographyProps, type ProseTag, type TypographySize, } from './prose.js';
|
|
36
|
+
export { Link, useLink, MDXLink, LinkElement, type LinkComponent, type LinkElementProps, } from './link.js';
|
|
37
|
+
export { VideoPlayer, YouTubeEmbed, type VideoPlayerProps, type YouTubeEmbedProps, } from './video.js';
|
|
36
38
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/index.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -45,12 +45,11 @@ export { ResizablePanelGroup, ResizablePanel, ResizableHandle, } from './resizab
|
|
|
45
45
|
// The layout primitives. Without these an app cannot obey "import from
|
|
46
46
|
// @hanzo/ui" — it has to reach past this package to @hanzo/gui, which is how
|
|
47
47
|
// 216 files in hanzo.app ended up doing exactly that. See ./layout.
|
|
48
|
-
export { XStack, YStack, ZStack, SizableText, Paragraph, Heading, H1, H2, H3, H4, H5, H6, Span, Strong, Em, Anchor, Image, Spacer, ScrollView, View, Text, } from './layout.js';
|
|
48
|
+
export { XStack, YStack, ZStack, SizableText, Paragraph, Heading, H1, H2, H3, H4, H5, H6, Span, Strong, Em, Anchor, Image, Separator, Spacer, ScrollView, View, Text, } from './layout.js';
|
|
49
49
|
export { ScrollArea, ScrollBar } from './scroll-area.js';
|
|
50
50
|
export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, } from './select.js';
|
|
51
|
-
export {
|
|
51
|
+
export { Band } from './band.js';
|
|
52
52
|
export { Screen, Fill } from './screen.js';
|
|
53
|
-
export { Separator } from './separator.js';
|
|
54
53
|
export { Slider } from './slider.js';
|
|
55
54
|
export { Spinner } from './spinner.js';
|
|
56
55
|
export { Switch } from './switch.js';
|
|
@@ -59,4 +58,7 @@ export { Textarea } from './textarea.js';
|
|
|
59
58
|
export { Toaster, toast } from './toaster.js';
|
|
60
59
|
export { ToggleGroup, ToggleGroupItem, } from './toggle-group.js';
|
|
61
60
|
export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from './tooltip.js';
|
|
61
|
+
export { ApplyTypography, } from './prose.js';
|
|
62
|
+
export { Link, useLink, MDXLink, LinkElement, } from './link.js';
|
|
63
|
+
export { VideoPlayer, YouTubeEmbed, } from './video.js';
|
|
62
64
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/backends/gui/index.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/backends/gui/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use client';"use strict";
|
|
2
2
|
'use client';
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
-
exports.Text = exports.View = exports.ScrollView = exports.Spacer = exports.Image = exports.Anchor = exports.Em = exports.Strong = exports.Span = exports.H6 = exports.H5 = exports.H4 = exports.H3 = exports.H2 = exports.H1 = exports.Heading = exports.Paragraph = exports.SizableText = exports.ZStack = exports.YStack = exports.XStack = void 0;
|
|
4
|
+
exports.Text = exports.View = exports.ScrollView = exports.Spacer = exports.Separator = exports.Image = exports.Anchor = exports.Em = exports.Strong = exports.Span = exports.H6 = exports.H5 = exports.H4 = exports.H3 = exports.H2 = exports.H1 = exports.Heading = exports.Paragraph = exports.SizableText = exports.ZStack = exports.YStack = exports.XStack = void 0;
|
|
5
5
|
/**
|
|
6
6
|
* LAYOUT — the primitives an app lays a screen out with.
|
|
7
7
|
*
|
|
@@ -46,9 +46,19 @@ Object.defineProperty(exports, "H6", { enumerable: true, get: function () { retu
|
|
|
46
46
|
Object.defineProperty(exports, "Span", { enumerable: true, get: function () { return gui_1.Span; } });
|
|
47
47
|
Object.defineProperty(exports, "Strong", { enumerable: true, get: function () { return gui_1.Strong; } });
|
|
48
48
|
Object.defineProperty(exports, "Em", { enumerable: true, get: function () { return gui_1.Em; } });
|
|
49
|
-
// Leaves — a link, an image, a gap, a scroller.
|
|
49
|
+
// Leaves — a link, an image, a gap, a rule, a scroller.
|
|
50
|
+
//
|
|
51
|
+
// `Separator` is here rather than in a wrapper of its own. This package used
|
|
52
|
+
// to ship one, and all it did was rename gui's `vertical` boolean to a
|
|
53
|
+
// Radix-shaped `orientation` string, accept a `decorative` prop it threw
|
|
54
|
+
// away, and re-declare `borderColor` because gui's separator took
|
|
55
|
+
// `$backgroundFocus` — the colour a surface goes when FOCUSED — and drew an
|
|
56
|
+
// invisible line on a white page. gui takes `$borderColor` now, so the
|
|
57
|
+
// override is gone and with it the reason for the wrapper: two exported
|
|
58
|
+
// `Separator`s with two prop names for one axis.
|
|
50
59
|
Object.defineProperty(exports, "Anchor", { enumerable: true, get: function () { return gui_1.Anchor; } });
|
|
51
60
|
Object.defineProperty(exports, "Image", { enumerable: true, get: function () { return gui_1.Image; } });
|
|
61
|
+
Object.defineProperty(exports, "Separator", { enumerable: true, get: function () { return gui_1.Separator; } });
|
|
52
62
|
Object.defineProperty(exports, "Spacer", { enumerable: true, get: function () { return gui_1.Spacer; } });
|
|
53
63
|
Object.defineProperty(exports, "ScrollView", { enumerable: true, get: function () { return gui_1.ScrollView; } });
|
|
54
64
|
// The untyped hosts, for the rare case a component needs a bare box.
|
|
@@ -23,6 +23,6 @@
|
|
|
23
23
|
* boundary"), and a star also defeats tree-shaking, so importing XStack would
|
|
24
24
|
* drag the whole gui surface in. Same rule the root barrel already follows.
|
|
25
25
|
*/
|
|
26
|
-
export { XStack, YStack, ZStack, SizableText, Paragraph, Heading, H1, H2, H3, H4, H5, H6, Span, Strong, Em, Anchor, Image, Spacer, ScrollView, View, Text, } from '@hanzo/gui';
|
|
26
|
+
export { XStack, YStack, ZStack, SizableText, Paragraph, Heading, H1, H2, H3, H4, H5, H6, Span, Strong, Em, Anchor, Image, Separator, Spacer, ScrollView, View, Text, } from '@hanzo/gui';
|
|
27
27
|
export type { GuiElement } from '@hanzo/gui';
|
|
28
28
|
//# sourceMappingURL=layout.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/layout.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH,OAAO,EAEL,MAAM,EACN,MAAM,EACN,MAAM,EAIN,WAAW,EACX,SAAS,EACT,OAAO,EACP,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,IAAI,EACJ,MAAM,EACN,EAAE,
|
|
1
|
+
{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/layout.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH,OAAO,EAEL,MAAM,EACN,MAAM,EACN,MAAM,EAIN,WAAW,EACX,SAAS,EACT,OAAO,EACP,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,IAAI,EACJ,MAAM,EACN,EAAE,EAYF,MAAM,EACN,KAAK,EACL,SAAS,EACT,MAAM,EACN,UAAU,EAGV,IAAI,EACJ,IAAI,GACL,MAAM,YAAY,CAAA;AAEnB,YAAY,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA"}
|
|
@@ -30,8 +30,17 @@ XStack, YStack, ZStack,
|
|
|
30
30
|
// Type scale — @hanzogui/text. `SizableText` is the workhorse; the headings
|
|
31
31
|
// carry the scale so a screen never hand-picks a font size.
|
|
32
32
|
SizableText, Paragraph, Heading, H1, H2, H3, H4, H5, H6, Span, Strong, Em,
|
|
33
|
-
// Leaves — a link, an image, a gap, a scroller.
|
|
34
|
-
|
|
33
|
+
// Leaves — a link, an image, a gap, a rule, a scroller.
|
|
34
|
+
//
|
|
35
|
+
// `Separator` is here rather than in a wrapper of its own. This package used
|
|
36
|
+
// to ship one, and all it did was rename gui's `vertical` boolean to a
|
|
37
|
+
// Radix-shaped `orientation` string, accept a `decorative` prop it threw
|
|
38
|
+
// away, and re-declare `borderColor` because gui's separator took
|
|
39
|
+
// `$backgroundFocus` — the colour a surface goes when FOCUSED — and drew an
|
|
40
|
+
// invisible line on a white page. gui takes `$borderColor` now, so the
|
|
41
|
+
// override is gone and with it the reason for the wrapper: two exported
|
|
42
|
+
// `Separator`s with two prop names for one axis.
|
|
43
|
+
Anchor, Image, Separator, Spacer, ScrollView,
|
|
35
44
|
// The untyped hosts, for the rare case a component needs a bare box.
|
|
36
45
|
View, Text, } from '@hanzo/gui';
|
|
37
46
|
//# sourceMappingURL=layout.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"layout.js","sourceRoot":"","sources":["../../../src/backends/gui/layout.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH,OAAO;AACL,4BAA4B;AAC5B,MAAM,EACN,MAAM,EACN,MAAM;AAEN,4EAA4E;AAC5E,4DAA4D;AAC5D,WAAW,EACX,SAAS,EACT,OAAO,EACP,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,IAAI,EACJ,MAAM,EACN,EAAE;AAEF,
|
|
1
|
+
{"version":3,"file":"layout.js","sourceRoot":"","sources":["../../../src/backends/gui/layout.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH,OAAO;AACL,4BAA4B;AAC5B,MAAM,EACN,MAAM,EACN,MAAM;AAEN,4EAA4E;AAC5E,4DAA4D;AAC5D,WAAW,EACX,SAAS,EACT,OAAO,EACP,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,IAAI,EACJ,MAAM,EACN,EAAE;AAEF,wDAAwD;AACxD,EAAE;AACF,6EAA6E;AAC7E,uEAAuE;AACvE,yEAAyE;AACzE,kEAAkE;AAClE,4EAA4E;AAC5E,uEAAuE;AACvE,wEAAwE;AACxE,iDAAiD;AACjD,MAAM,EACN,KAAK,EACL,SAAS,EACT,MAAM,EACN,UAAU;AAEV,qEAAqE;AACrE,IAAI,EACJ,IAAI,GACL,MAAM,YAAY,CAAA"}
|
|
@@ -0,0 +1,126 @@
|
|
|
1
|
+
'use client';"use strict";
|
|
2
|
+
'use client';
|
|
3
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
4
|
+
if (k2 === undefined) k2 = k;
|
|
5
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
6
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
7
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
8
|
+
}
|
|
9
|
+
Object.defineProperty(o, k2, desc);
|
|
10
|
+
}) : (function(o, m, k, k2) {
|
|
11
|
+
if (k2 === undefined) k2 = k;
|
|
12
|
+
o[k2] = m[k];
|
|
13
|
+
}));
|
|
14
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
15
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
16
|
+
}) : function(o, v) {
|
|
17
|
+
o["default"] = v;
|
|
18
|
+
});
|
|
19
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
20
|
+
var ownKeys = function(o) {
|
|
21
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
22
|
+
var ar = [];
|
|
23
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
24
|
+
return ar;
|
|
25
|
+
};
|
|
26
|
+
return ownKeys(o);
|
|
27
|
+
};
|
|
28
|
+
return function (mod) {
|
|
29
|
+
if (mod && mod.__esModule) return mod;
|
|
30
|
+
var result = {};
|
|
31
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
32
|
+
__setModuleDefault(result, mod);
|
|
33
|
+
return result;
|
|
34
|
+
};
|
|
35
|
+
})();
|
|
36
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
37
|
+
exports.LinkElement = exports.MDXLink = exports.useLink = exports.Link = void 0;
|
|
38
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
39
|
+
/**
|
|
40
|
+
* Links.
|
|
41
|
+
*
|
|
42
|
+
* This package imports no framework — `next` is an optional peer and nothing in
|
|
43
|
+
* `src` reaches for it. But an internal link in a routed app has to go through
|
|
44
|
+
* that router, or every in-app navigation becomes a full page load. Both facts
|
|
45
|
+
* hold at once by letting the HOST name the component once:
|
|
46
|
+
*
|
|
47
|
+
* import Next from 'next/link'
|
|
48
|
+
* <Link value={Next}>{app}</Link>
|
|
49
|
+
*
|
|
50
|
+
* Everything below reads that value, so one line at the root fixes routing for
|
|
51
|
+
* every link the library renders. Unset, it is `'a'` — correct output, just
|
|
52
|
+
* without client-side navigation, which is also the right answer for a Vite or
|
|
53
|
+
* Tauri host that has no router to offer.
|
|
54
|
+
*
|
|
55
|
+
* The 5.x originals imported `next/link` directly, which is why they could only
|
|
56
|
+
* ever live in a `primitives/next/` folder that a non-Next host could not touch.
|
|
57
|
+
*/
|
|
58
|
+
const React = __importStar(require("react"));
|
|
59
|
+
const cn_1 = require("../../core/cn.cjs");
|
|
60
|
+
const button_1 = require("./button.cjs");
|
|
61
|
+
/**
|
|
62
|
+
* The component every link renders through. `<Link value={NextLink}>` at the
|
|
63
|
+
* root of a routed app; left alone it is a plain anchor.
|
|
64
|
+
*/
|
|
65
|
+
exports.Link = React.createContext('a');
|
|
66
|
+
const useLink = () => React.useContext(exports.Link);
|
|
67
|
+
exports.useLink = useLink;
|
|
68
|
+
/** True when the href leaves the app, and so must not go through a router. */
|
|
69
|
+
const external = (href) => /^(https?:|mailto:|tel:)/.test(href);
|
|
70
|
+
/**
|
|
71
|
+
* A link in authored content — the `a` an .mdx file produces.
|
|
72
|
+
*
|
|
73
|
+
* Internal hrefs go through the host's link so navigation stays client-side;
|
|
74
|
+
* anything external opens in a new tab, with `rel` set because `target=_blank`
|
|
75
|
+
* without it hands the opened page a live reference back to this one.
|
|
76
|
+
*/
|
|
77
|
+
const MDXLink = ({ href, children, ...rest }) => {
|
|
78
|
+
const Comp = (0, exports.useLink)();
|
|
79
|
+
if (href && href.startsWith('/')) {
|
|
80
|
+
return ((0, jsx_runtime_1.jsx)(Comp, { href: href, ...rest, children: children }));
|
|
81
|
+
}
|
|
82
|
+
return ((0, jsx_runtime_1.jsx)("a", { href: href, target: "_blank", rel: "noreferrer noopener", ...rest, children: children }));
|
|
83
|
+
};
|
|
84
|
+
exports.MDXLink = MDXLink;
|
|
85
|
+
/**
|
|
86
|
+
* A link wearing a button's clothes, described by a {@link LinkDef}.
|
|
87
|
+
*
|
|
88
|
+
* Given children, they replace the whole label — `title`, `icon` and
|
|
89
|
+
* `iconAfter` are then ignored, since the caller has said what to render.
|
|
90
|
+
*/
|
|
91
|
+
const LinkElement = ({ def,
|
|
92
|
+
// No defaults on anything that also appears in `def` — a default here would
|
|
93
|
+
// outrank the def it is supposed to fall back to.
|
|
94
|
+
onClick, size, variant, icon, iconAfter, className, style, children, }) => {
|
|
95
|
+
const Comp = (0, exports.useLink)();
|
|
96
|
+
const { href, newTab, title } = def;
|
|
97
|
+
const nav = {};
|
|
98
|
+
if (external(href)) {
|
|
99
|
+
nav.rel = 'noreferrer noopener';
|
|
100
|
+
// An external link opens in a new tab unless the def says otherwise.
|
|
101
|
+
if (newTab ?? true)
|
|
102
|
+
nav.target = '_blank';
|
|
103
|
+
}
|
|
104
|
+
else if (newTab) {
|
|
105
|
+
nav.target = '_blank';
|
|
106
|
+
}
|
|
107
|
+
const label = () => {
|
|
108
|
+
if (React.Children.count(children) > 0)
|
|
109
|
+
return children;
|
|
110
|
+
// Props beat def fields beat defaults.
|
|
111
|
+
const mark = icon ?? def.icon;
|
|
112
|
+
const after = iconAfter ?? def.iconAfter ?? false;
|
|
113
|
+
// `title` is optional: an icon-only link is a legal one.
|
|
114
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [mark && !after && (0, jsx_runtime_1.jsx)("span", { style: { paddingRight: 4 }, children: mark }), title && (0, jsx_runtime_1.jsx)("span", { children: title }), mark && after && (0, jsx_runtime_1.jsx)("span", { style: { paddingLeft: 4 }, children: mark })] }));
|
|
115
|
+
};
|
|
116
|
+
return ((0, jsx_runtime_1.jsx)(Comp, { href: href, className: (0, cn_1.cn)((0, button_1.buttonVariants)({
|
|
117
|
+
variant: variant ?? def.variant ?? 'link',
|
|
118
|
+
size: size ?? def.size ?? 'default',
|
|
119
|
+
}), className),
|
|
120
|
+
// A def with no href and no handler is a LABEL, not a link. Written as a
|
|
121
|
+
// style rather than a utility class because this renders a bare `<a>` and
|
|
122
|
+
// nothing in the shipped stylesheet defines `pointer-events-none` — the
|
|
123
|
+
// class would have been three dead tokens and a clickable label.
|
|
124
|
+
style: href.length > 0 || onClick ? style : { ...style, pointerEvents: 'none' }, ...(onClick ? { onClick } : {}), ...nav, children: label() }));
|
|
125
|
+
};
|
|
126
|
+
exports.LinkElement = LinkElement;
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Links.
|
|
3
|
+
*
|
|
4
|
+
* This package imports no framework — `next` is an optional peer and nothing in
|
|
5
|
+
* `src` reaches for it. But an internal link in a routed app has to go through
|
|
6
|
+
* that router, or every in-app navigation becomes a full page load. Both facts
|
|
7
|
+
* hold at once by letting the HOST name the component once:
|
|
8
|
+
*
|
|
9
|
+
* import Next from 'next/link'
|
|
10
|
+
* <Link value={Next}>{app}</Link>
|
|
11
|
+
*
|
|
12
|
+
* Everything below reads that value, so one line at the root fixes routing for
|
|
13
|
+
* every link the library renders. Unset, it is `'a'` — correct output, just
|
|
14
|
+
* without client-side navigation, which is also the right answer for a Vite or
|
|
15
|
+
* Tauri host that has no router to offer.
|
|
16
|
+
*
|
|
17
|
+
* The 5.x originals imported `next/link` directly, which is why they could only
|
|
18
|
+
* ever live in a `primitives/next/` folder that a non-Next host could not touch.
|
|
19
|
+
*/
|
|
20
|
+
import * as React from 'react';
|
|
21
|
+
import type { LinkDef } from '../../types.js';
|
|
22
|
+
import { type ButtonSize, type ButtonVariant } from './button.js';
|
|
23
|
+
/** Anything that takes an `href` and renders children. */
|
|
24
|
+
export type LinkComponent = React.ElementType;
|
|
25
|
+
/**
|
|
26
|
+
* The component every link renders through. `<Link value={NextLink}>` at the
|
|
27
|
+
* root of a routed app; left alone it is a plain anchor.
|
|
28
|
+
*/
|
|
29
|
+
export declare const Link: React.Context<LinkComponent>;
|
|
30
|
+
export declare const useLink: () => LinkComponent;
|
|
31
|
+
/**
|
|
32
|
+
* A link in authored content — the `a` an .mdx file produces.
|
|
33
|
+
*
|
|
34
|
+
* Internal hrefs go through the host's link so navigation stays client-side;
|
|
35
|
+
* anything external opens in a new tab, with `rel` set because `target=_blank`
|
|
36
|
+
* without it hands the opened page a live reference back to this one.
|
|
37
|
+
*/
|
|
38
|
+
export declare const MDXLink: ({ href, children, ...rest }: React.AnchorHTMLAttributes<HTMLAnchorElement>) => import("react/jsx-runtime").JSX.Element;
|
|
39
|
+
export type LinkElementProps = React.PropsWithChildren<{
|
|
40
|
+
def: LinkDef;
|
|
41
|
+
/** Fires alongside the navigation — e.g. to close the drawer it sits in. */
|
|
42
|
+
onClick?: () => void;
|
|
43
|
+
/** Overrides `def`. */
|
|
44
|
+
variant?: ButtonVariant | null;
|
|
45
|
+
/** Overrides `def`. */
|
|
46
|
+
size?: ButtonSize | null;
|
|
47
|
+
/** Overrides `def`. */
|
|
48
|
+
icon?: React.ReactNode;
|
|
49
|
+
/** Overrides `def`. */
|
|
50
|
+
iconAfter?: boolean;
|
|
51
|
+
/**
|
|
52
|
+
* Only classes that carry a rule — this renders a host anchor, so whatever
|
|
53
|
+
* arrives here reaches the document verbatim. Layout goes in `style`.
|
|
54
|
+
*/
|
|
55
|
+
className?: string;
|
|
56
|
+
style?: React.CSSProperties;
|
|
57
|
+
}>;
|
|
58
|
+
/**
|
|
59
|
+
* A link wearing a button's clothes, described by a {@link LinkDef}.
|
|
60
|
+
*
|
|
61
|
+
* Given children, they replace the whole label — `title`, `icon` and
|
|
62
|
+
* `iconAfter` are then ignored, since the caller has said what to render.
|
|
63
|
+
*/
|
|
64
|
+
export declare const LinkElement: ({ def, onClick, size, variant, icon, iconAfter, className, style, children, }: LinkElementProps) => import("react/jsx-runtime").JSX.Element;
|
|
65
|
+
//# sourceMappingURL=link.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/link.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AAC1C,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,aAAa,EAAkB,MAAM,UAAU,CAAA;AAE9E,0DAA0D;AAC1D,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CAAA;AAE7C;;;GAGG;AACH,eAAO,MAAM,IAAI,8BAA0D,CAAA;AAE3E,eAAO,MAAM,OAAO,QAAO,aAAuC,CAAA;AAKlE;;;;;;GAMG;AACH,eAAO,MAAM,OAAO,gCAIjB,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,4CAc/C,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,iBAAiB,CAAC;IACrD,GAAG,EAAE,OAAO,CAAA;IACZ,4EAA4E;IAC5E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,uBAAuB;IACvB,OAAO,CAAC,EAAE,aAAa,GAAG,IAAI,CAAA;IAC9B,uBAAuB;IACvB,IAAI,CAAC,EAAE,UAAU,GAAG,IAAI,CAAA;IACxB,uBAAuB;IACvB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,uBAAuB;IACvB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B,CAAC,CAAA;AAEF;;;;;GAKG;AACH,eAAO,MAAM,WAAW,kFAYrB,gBAAgB,4CAiDlB,CAAA"}
|