react-marketing-ui 0.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +34 -0
- package/dist/accordion.d.cts +21 -0
- package/dist/accordion.d.ts +21 -0
- package/dist/accordion.d.ts.map +1 -0
- package/dist/accordion.js +230 -0
- package/dist/accordion.js.map +1 -0
- package/dist/accordion.mjs +4 -0
- package/dist/accordion.mjs.map +1 -0
- package/dist/action-swap.d.cts +23 -0
- package/dist/action-swap.d.ts +23 -0
- package/dist/action-swap.d.ts.map +1 -0
- package/dist/action-swap.js +81 -0
- package/dist/action-swap.js.map +1 -0
- package/dist/action-swap.mjs +5 -0
- package/dist/action-swap.mjs.map +1 -0
- package/dist/animated-beam.d.cts +24 -0
- package/dist/animated-beam.d.ts +24 -0
- package/dist/animated-beam.d.ts.map +1 -0
- package/dist/animated-beam.js +130 -0
- package/dist/animated-beam.js.map +1 -0
- package/dist/animated-beam.mjs +4 -0
- package/dist/animated-beam.mjs.map +1 -0
- package/dist/button.d.cts +55 -0
- package/dist/button.d.ts +55 -0
- package/dist/button.d.ts.map +1 -0
- package/dist/button.js +119 -0
- package/dist/button.js.map +1 -0
- package/dist/button.mjs +4 -0
- package/dist/button.mjs.map +1 -0
- package/dist/card.d.cts +20 -0
- package/dist/card.d.ts +20 -0
- package/dist/card.d.ts.map +1 -0
- package/dist/card.js +146 -0
- package/dist/card.js.map +1 -0
- package/dist/card.mjs +5 -0
- package/dist/card.mjs.map +1 -0
- package/dist/chunk-3SB6HUBA.mjs +31 -0
- package/dist/chunk-3SB6HUBA.mjs.map +1 -0
- package/dist/chunk-4PBVBXGY.mjs +84 -0
- package/dist/chunk-4PBVBXGY.mjs.map +1 -0
- package/dist/chunk-4VCFWVSJ.mjs +42 -0
- package/dist/chunk-4VCFWVSJ.mjs.map +1 -0
- package/dist/chunk-5QQAPGR2.mjs +109 -0
- package/dist/chunk-5QQAPGR2.mjs.map +1 -0
- package/dist/chunk-6MB4UKRX.mjs +19 -0
- package/dist/chunk-6MB4UKRX.mjs.map +1 -0
- package/dist/chunk-6T5LR34O.mjs +45 -0
- package/dist/chunk-6T5LR34O.mjs.map +1 -0
- package/dist/chunk-AYLCYDUM.mjs +275 -0
- package/dist/chunk-AYLCYDUM.mjs.map +1 -0
- package/dist/chunk-AYY7D2RJ.mjs +112 -0
- package/dist/chunk-AYY7D2RJ.mjs.map +1 -0
- package/dist/chunk-CTZEI2YS.mjs +324 -0
- package/dist/chunk-CTZEI2YS.mjs.map +1 -0
- package/dist/chunk-DA3I3Y5O.mjs +71 -0
- package/dist/chunk-DA3I3Y5O.mjs.map +1 -0
- package/dist/chunk-EYHT2EWJ.mjs +18 -0
- package/dist/chunk-EYHT2EWJ.mjs.map +1 -0
- package/dist/chunk-IHLGCS63.mjs +36 -0
- package/dist/chunk-IHLGCS63.mjs.map +1 -0
- package/dist/chunk-JVXJ6SFX.mjs +38 -0
- package/dist/chunk-JVXJ6SFX.mjs.map +1 -0
- package/dist/chunk-KBHYXLRG.mjs +13 -0
- package/dist/chunk-KBHYXLRG.mjs.map +1 -0
- package/dist/chunk-KMXUQYR3.mjs +74 -0
- package/dist/chunk-KMXUQYR3.mjs.map +1 -0
- package/dist/chunk-KNPOZ34H.mjs +88 -0
- package/dist/chunk-KNPOZ34H.mjs.map +1 -0
- package/dist/chunk-KRNWCJ4D.mjs +219 -0
- package/dist/chunk-KRNWCJ4D.mjs.map +1 -0
- package/dist/chunk-M5MESV26.mjs +124 -0
- package/dist/chunk-M5MESV26.mjs.map +1 -0
- package/dist/chunk-MJYBPJBA.mjs +115 -0
- package/dist/chunk-MJYBPJBA.mjs.map +1 -0
- package/dist/chunk-NNHPQ67J.mjs +10 -0
- package/dist/chunk-NNHPQ67J.mjs.map +1 -0
- package/dist/chunk-OCZFHVVD.mjs +71 -0
- package/dist/chunk-OCZFHVVD.mjs.map +1 -0
- package/dist/chunk-QAWSH567.mjs +19 -0
- package/dist/chunk-QAWSH567.mjs.map +1 -0
- package/dist/chunk-R2E2J42H.mjs +38 -0
- package/dist/chunk-R2E2J42H.mjs.map +1 -0
- package/dist/chunk-TPGLLSYV.mjs +65 -0
- package/dist/chunk-TPGLLSYV.mjs.map +1 -0
- package/dist/chunk-VJENJHXJ.mjs +72 -0
- package/dist/chunk-VJENJHXJ.mjs.map +1 -0
- package/dist/chunk-W22G7XHR.mjs +104 -0
- package/dist/chunk-W22G7XHR.mjs.map +1 -0
- package/dist/chunk-WDR5VPZJ.mjs +79 -0
- package/dist/chunk-WDR5VPZJ.mjs.map +1 -0
- package/dist/chunk-WLUGKBH7.mjs +37 -0
- package/dist/chunk-WLUGKBH7.mjs.map +1 -0
- package/dist/chunk-WYJYLDUA.mjs +84 -0
- package/dist/chunk-WYJYLDUA.mjs.map +1 -0
- package/dist/chunk-XZEDZVXT.mjs +38 -0
- package/dist/chunk-XZEDZVXT.mjs.map +1 -0
- package/dist/chunk-YKGP5JIL.mjs +328 -0
- package/dist/chunk-YKGP5JIL.mjs.map +1 -0
- package/dist/chunk-YM3U2OBE.mjs +99 -0
- package/dist/chunk-YM3U2OBE.mjs.map +1 -0
- package/dist/dia-text-reveal.css +18 -0
- package/dist/dia-text-reveal.css.map +1 -0
- package/dist/dia-text-reveal.d.cts +37 -0
- package/dist/dia-text-reveal.d.ts +37 -0
- package/dist/dia-text-reveal.d.ts.map +1 -0
- package/dist/dia-text-reveal.js +334 -0
- package/dist/dia-text-reveal.js.map +1 -0
- package/dist/dia-text-reveal.lines.d.cts +23 -0
- package/dist/dia-text-reveal.lines.d.ts +23 -0
- package/dist/dia-text-reveal.lines.d.ts.map +1 -0
- package/dist/dia-text-reveal.mjs +4 -0
- package/dist/dia-text-reveal.mjs.map +1 -0
- package/dist/dia-text-reveal.sweep.d.cts +49 -0
- package/dist/dia-text-reveal.sweep.d.ts +49 -0
- package/dist/dia-text-reveal.sweep.d.ts.map +1 -0
- package/dist/dia-text-reveal.utils.d.cts +3 -0
- package/dist/dia-text-reveal.utils.d.ts +3 -0
- package/dist/dia-text-reveal.utils.d.ts.map +1 -0
- package/dist/elevated-input.d.cts +11 -0
- package/dist/elevated-input.d.ts +11 -0
- package/dist/elevated-input.d.ts.map +1 -0
- package/dist/elevated-input.js +52 -0
- package/dist/elevated-input.js.map +1 -0
- package/dist/elevated-input.mjs +4 -0
- package/dist/elevated-input.mjs.map +1 -0
- package/dist/fade-in.d.cts +43 -0
- package/dist/fade-in.d.ts +43 -0
- package/dist/fade-in.d.ts.map +1 -0
- package/dist/fade-in.js +89 -0
- package/dist/fade-in.js.map +1 -0
- package/dist/fade-in.mjs +4 -0
- package/dist/fade-in.mjs.map +1 -0
- package/dist/feature-card.d.cts +23 -0
- package/dist/feature-card.d.ts +23 -0
- package/dist/feature-card.d.ts.map +1 -0
- package/dist/feature-card.js +38 -0
- package/dist/feature-card.js.map +1 -0
- package/dist/feature-card.mjs +4 -0
- package/dist/feature-card.mjs.map +1 -0
- package/dist/flowchart-parts.d.cts +61 -0
- package/dist/flowchart-parts.d.ts +61 -0
- package/dist/flowchart-parts.d.ts.map +1 -0
- package/dist/flowchart-parts.js +102 -0
- package/dist/flowchart-parts.js.map +1 -0
- package/dist/flowchart-parts.mjs +4 -0
- package/dist/flowchart-parts.mjs.map +1 -0
- package/dist/glossy-button.d.cts +21 -0
- package/dist/glossy-button.d.ts +21 -0
- package/dist/glossy-button.d.ts.map +1 -0
- package/dist/glossy-button.js +87 -0
- package/dist/glossy-button.js.map +1 -0
- package/dist/glossy-button.mjs +4 -0
- package/dist/glossy-button.mjs.map +1 -0
- package/dist/grainient.css +9 -0
- package/dist/grainient.css.map +1 -0
- package/dist/grainient.d.cts +5 -0
- package/dist/grainient.d.ts +5 -0
- package/dist/grainient.d.ts.map +1 -0
- package/dist/grainient.js +330 -0
- package/dist/grainient.js.map +1 -0
- package/dist/grainient.mjs +4 -0
- package/dist/grainient.mjs.map +1 -0
- package/dist/grainient.shader.d.cts +9 -0
- package/dist/grainient.shader.d.ts +9 -0
- package/dist/grainient.shader.d.ts.map +1 -0
- package/dist/grainient.types.d.cts +30 -0
- package/dist/grainient.types.d.ts +30 -0
- package/dist/grainient.types.d.ts.map +1 -0
- package/dist/highlighter.d.cts +47 -0
- package/dist/highlighter.d.ts +47 -0
- package/dist/highlighter.d.ts.map +1 -0
- package/dist/highlighter.js +125 -0
- package/dist/highlighter.js.map +1 -0
- package/dist/highlighter.mjs +5 -0
- package/dist/highlighter.mjs.map +1 -0
- package/dist/index.css +27 -0
- package/dist/index.css.map +1 -0
- package/dist/index.d.cts +56 -0
- package/dist/index.d.ts +56 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +2723 -0
- package/dist/index.js.map +1 -0
- package/dist/index.mjs +34 -0
- package/dist/index.mjs.map +1 -0
- package/dist/input.d.cts +15 -0
- package/dist/input.d.ts +15 -0
- package/dist/input.d.ts.map +1 -0
- package/dist/input.js +110 -0
- package/dist/input.js.map +1 -0
- package/dist/input.mjs +4 -0
- package/dist/input.mjs.map +1 -0
- package/dist/lib/breakpoints.d.cts +36 -0
- package/dist/lib/breakpoints.d.ts +36 -0
- package/dist/lib/breakpoints.d.ts.map +1 -0
- package/dist/lib/breakpoints.js +41 -0
- package/dist/lib/breakpoints.js.map +1 -0
- package/dist/lib/breakpoints.mjs +3 -0
- package/dist/lib/breakpoints.mjs.map +1 -0
- package/dist/lib/cn.js +24 -0
- package/dist/lib/cn.js.map +1 -0
- package/dist/lib/cn.mjs +3 -0
- package/dist/lib/cn.mjs.map +1 -0
- package/dist/lib/ease.d.cts +19 -0
- package/dist/lib/ease.d.ts +19 -0
- package/dist/lib/ease.d.ts.map +1 -0
- package/dist/lib/ease.js +16 -0
- package/dist/lib/ease.js.map +1 -0
- package/dist/lib/ease.mjs +3 -0
- package/dist/lib/ease.mjs.map +1 -0
- package/dist/lib/surface.d.cts +14 -0
- package/dist/lib/surface.d.ts +14 -0
- package/dist/lib/surface.d.ts.map +1 -0
- package/dist/lib/surface.js +40 -0
- package/dist/lib/surface.js.map +1 -0
- package/dist/lib/surface.mjs +3 -0
- package/dist/lib/surface.mjs.map +1 -0
- package/dist/lib/use-media-query.d.cts +9 -0
- package/dist/lib/use-media-query.d.ts +9 -0
- package/dist/lib/use-media-query.d.ts.map +1 -0
- package/dist/lib/use-media-query.js +19 -0
- package/dist/lib/use-media-query.js.map +1 -0
- package/dist/lib/use-media-query.mjs +3 -0
- package/dist/lib/use-media-query.mjs.map +1 -0
- package/dist/lib/utils.d.cts +25 -0
- package/dist/lib/utils.d.ts +25 -0
- package/dist/lib/utils.d.ts.map +1 -0
- package/dist/liquid-metal.d.cts +24 -0
- package/dist/liquid-metal.d.ts +24 -0
- package/dist/liquid-metal.d.ts.map +1 -0
- package/dist/liquid-metal.js +43 -0
- package/dist/liquid-metal.js.map +1 -0
- package/dist/liquid-metal.mjs +4 -0
- package/dist/liquid-metal.mjs.map +1 -0
- package/dist/navigation-menu-icons.d.cts +5 -0
- package/dist/navigation-menu-icons.d.ts +5 -0
- package/dist/navigation-menu-icons.d.ts.map +1 -0
- package/dist/navigation-menu-icons.js +42 -0
- package/dist/navigation-menu-icons.js.map +1 -0
- package/dist/navigation-menu-icons.mjs +3 -0
- package/dist/navigation-menu-icons.mjs.map +1 -0
- package/dist/navigation-menu-styles.d.cts +45 -0
- package/dist/navigation-menu-styles.d.ts +45 -0
- package/dist/navigation-menu-styles.d.ts.map +1 -0
- package/dist/navigation-menu-styles.js +16 -0
- package/dist/navigation-menu-styles.js.map +1 -0
- package/dist/navigation-menu-styles.mjs +3 -0
- package/dist/navigation-menu-styles.mjs.map +1 -0
- package/dist/navigation-menu.d.cts +18 -0
- package/dist/navigation-menu.d.ts +18 -0
- package/dist/navigation-menu.d.ts.map +1 -0
- package/dist/navigation-menu.js +367 -0
- package/dist/navigation-menu.js.map +1 -0
- package/dist/navigation-menu.mjs +7 -0
- package/dist/navigation-menu.mjs.map +1 -0
- package/dist/password-input.d.cts +6 -0
- package/dist/password-input.d.ts +6 -0
- package/dist/password-input.d.ts.map +1 -0
- package/dist/password-input.js +174 -0
- package/dist/password-input.js.map +1 -0
- package/dist/password-input.mjs +5 -0
- package/dist/password-input.mjs.map +1 -0
- package/dist/rainbow-button.d.cts +16 -0
- package/dist/rainbow-button.d.ts +16 -0
- package/dist/rainbow-button.d.ts.map +1 -0
- package/dist/rainbow-button.js +49 -0
- package/dist/rainbow-button.js.map +1 -0
- package/dist/rainbow-button.mjs +4 -0
- package/dist/rainbow-button.mjs.map +1 -0
- package/dist/range-slider.d.cts +20 -0
- package/dist/range-slider.d.ts +20 -0
- package/dist/range-slider.d.ts.map +1 -0
- package/dist/range-slider.js +85 -0
- package/dist/range-slider.js.map +1 -0
- package/dist/range-slider.mjs +3 -0
- package/dist/range-slider.mjs.map +1 -0
- package/dist/rolling-badge.d.cts +11 -0
- package/dist/rolling-badge.d.ts +11 -0
- package/dist/rolling-badge.d.ts.map +1 -0
- package/dist/rolling-badge.js +71 -0
- package/dist/rolling-badge.js.map +1 -0
- package/dist/rolling-badge.mjs +4 -0
- package/dist/rolling-badge.mjs.map +1 -0
- package/dist/savings-badge.d.cts +10 -0
- package/dist/savings-badge.d.ts +10 -0
- package/dist/savings-badge.d.ts.map +1 -0
- package/dist/savings-badge.js +26 -0
- package/dist/savings-badge.js.map +1 -0
- package/dist/savings-badge.mjs +4 -0
- package/dist/savings-badge.mjs.map +1 -0
- package/dist/shine-border.d.cts +15 -0
- package/dist/shine-border.d.ts +15 -0
- package/dist/shine-border.d.ts.map +1 -0
- package/dist/shine-border.js +47 -0
- package/dist/shine-border.js.map +1 -0
- package/dist/shine-border.mjs +4 -0
- package/dist/shine-border.mjs.map +1 -0
- package/dist/sparkles-text.d.cts +22 -0
- package/dist/sparkles-text.d.ts +22 -0
- package/dist/sparkles-text.d.ts.map +1 -0
- package/dist/sparkles-text.js +87 -0
- package/dist/sparkles-text.js.map +1 -0
- package/dist/sparkles-text.mjs +5 -0
- package/dist/sparkles-text.mjs.map +1 -0
- package/dist/tabs.d.cts +16 -0
- package/dist/tabs.d.ts +16 -0
- package/dist/tabs.d.ts.map +1 -0
- package/dist/tabs.js +121 -0
- package/dist/tabs.js.map +1 -0
- package/dist/tabs.mjs +4 -0
- package/dist/tabs.mjs.map +1 -0
- package/dist/theme-toggle.d.cts +10 -0
- package/dist/theme-toggle.d.ts +10 -0
- package/dist/theme-toggle.d.ts.map +1 -0
- package/dist/theme-toggle.js +251 -0
- package/dist/theme-toggle.js.map +1 -0
- package/dist/theme-toggle.mjs +7 -0
- package/dist/theme-toggle.mjs.map +1 -0
- package/package.json +428 -0
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { type ClassValue } from 'clsx';
|
|
2
|
+
import type { CSSProperties } from 'react';
|
|
3
|
+
export declare function cn(...inputs: ClassValue[]): string;
|
|
4
|
+
/**
|
|
5
|
+
* A style object that may carry CSS custom properties (CSS variables)
|
|
6
|
+
* such as `--duration`. React's `CSSProperties` intentionally drops
|
|
7
|
+
* its index signature, so custom properties are not accepted without help.
|
|
8
|
+
*/
|
|
9
|
+
export type CSSPropertiesWithVars = CSSProperties & Record<`--${string}`, string | number>;
|
|
10
|
+
/**
|
|
11
|
+
* Builds a {@link CSSProperties} value that also allows CSS custom properties,
|
|
12
|
+
* so `style` props can be written without an `as React.CSSProperties` cast while
|
|
13
|
+
* still type-checking both the known style keys and the custom-property values.
|
|
14
|
+
*
|
|
15
|
+
* @example
|
|
16
|
+
* <div style={validCssVars({ '--duration': '0.35s', color: 'red' })} />
|
|
17
|
+
*/
|
|
18
|
+
export declare function validCssVars(style: CSSPropertiesWithVars): CSSProperties;
|
|
19
|
+
/**
|
|
20
|
+
* Narrows a union to the member(s) that declare `key` — a type-guard
|
|
21
|
+
* replacement for the `in` operator's discriminated-union narrowing.
|
|
22
|
+
*/
|
|
23
|
+
export declare function hasKey<K extends PropertyKey>(key: K, obj: unknown): obj is Record<K, unknown>;
|
|
24
|
+
export declare function noop(): void;
|
|
25
|
+
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { type ClassValue } from 'clsx';
|
|
2
|
+
import type { CSSProperties } from 'react';
|
|
3
|
+
export declare function cn(...inputs: ClassValue[]): string;
|
|
4
|
+
/**
|
|
5
|
+
* A style object that may carry CSS custom properties (CSS variables)
|
|
6
|
+
* such as `--duration`. React's `CSSProperties` intentionally drops
|
|
7
|
+
* its index signature, so custom properties are not accepted without help.
|
|
8
|
+
*/
|
|
9
|
+
export type CSSPropertiesWithVars = CSSProperties & Record<`--${string}`, string | number>;
|
|
10
|
+
/**
|
|
11
|
+
* Builds a {@link CSSProperties} value that also allows CSS custom properties,
|
|
12
|
+
* so `style` props can be written without an `as React.CSSProperties` cast while
|
|
13
|
+
* still type-checking both the known style keys and the custom-property values.
|
|
14
|
+
*
|
|
15
|
+
* @example
|
|
16
|
+
* <div style={validCssVars({ '--duration': '0.35s', color: 'red' })} />
|
|
17
|
+
*/
|
|
18
|
+
export declare function validCssVars(style: CSSPropertiesWithVars): CSSProperties;
|
|
19
|
+
/**
|
|
20
|
+
* Narrows a union to the member(s) that declare `key` — a type-guard
|
|
21
|
+
* replacement for the `in` operator's discriminated-union narrowing.
|
|
22
|
+
*/
|
|
23
|
+
export declare function hasKey<K extends PropertyKey>(key: K, obj: unknown): obj is Record<K, unknown>;
|
|
24
|
+
export declare function noop(): void;
|
|
25
|
+
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAQ,MAAM,MAAM,CAAC;AAC7C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAG3C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC;AAED;;;;GAIG;AACH,MAAM,MAAM,qBAAqB,GAAG,aAAa,GAAG,MAAM,CAAC,KAAK,MAAM,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;AAE3F;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,qBAAqB,GAAG,aAAa,CAExE;AAED;;;GAGG;AACH,wBAAgB,MAAM,CAAC,CAAC,SAAS,WAAW,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,OAAO,GAAG,GAAG,IAAI,MAAM,CAAC,CAAC,EAAE,OAAO,CAAC,CAE7F;AAED,wBAAgB,IAAI,IAAI,IAAI,CAE3B"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import type { CSSProperties } from 'react';
|
|
2
|
+
export type LiquidMetalProps = {
|
|
3
|
+
/** Base background color of the liquid metal. */
|
|
4
|
+
colorBack?: string;
|
|
5
|
+
/** Tint / highlight color for the chrome effect. */
|
|
6
|
+
colorTint?: string;
|
|
7
|
+
/** Animation speed (0.1–2.0 recommended). */
|
|
8
|
+
speed?: number;
|
|
9
|
+
/** Pattern stripe density (1–10). */
|
|
10
|
+
repetition?: number;
|
|
11
|
+
/** Wave distortion amount (0–1). */
|
|
12
|
+
distortion?: number;
|
|
13
|
+
/** Texture zoom (0.01–4). */
|
|
14
|
+
scale?: number;
|
|
15
|
+
className?: string;
|
|
16
|
+
style?: CSSProperties;
|
|
17
|
+
};
|
|
18
|
+
/**
|
|
19
|
+
* Full-bleed animated liquid-metal shader. Absolutely positioned to fill its
|
|
20
|
+
* nearest positioned ancestor; the WebGL canvas is decorative, so it is hidden
|
|
21
|
+
* from assistive tech and never intercepts pointer events.
|
|
22
|
+
*/
|
|
23
|
+
export declare function LiquidMetal({ colorBack, colorTint, speed, repetition, distortion, scale, className, style, }: LiquidMetalProps): import("react").JSX.Element;
|
|
24
|
+
//# sourceMappingURL=liquid-metal.d.ts.map
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import type { CSSProperties } from 'react';
|
|
2
|
+
export type LiquidMetalProps = {
|
|
3
|
+
/** Base background color of the liquid metal. */
|
|
4
|
+
colorBack?: string;
|
|
5
|
+
/** Tint / highlight color for the chrome effect. */
|
|
6
|
+
colorTint?: string;
|
|
7
|
+
/** Animation speed (0.1–2.0 recommended). */
|
|
8
|
+
speed?: number;
|
|
9
|
+
/** Pattern stripe density (1–10). */
|
|
10
|
+
repetition?: number;
|
|
11
|
+
/** Wave distortion amount (0–1). */
|
|
12
|
+
distortion?: number;
|
|
13
|
+
/** Texture zoom (0.01–4). */
|
|
14
|
+
scale?: number;
|
|
15
|
+
className?: string;
|
|
16
|
+
style?: CSSProperties;
|
|
17
|
+
};
|
|
18
|
+
/**
|
|
19
|
+
* Full-bleed animated liquid-metal shader. Absolutely positioned to fill its
|
|
20
|
+
* nearest positioned ancestor; the WebGL canvas is decorative, so it is hidden
|
|
21
|
+
* from assistive tech and never intercepts pointer events.
|
|
22
|
+
*/
|
|
23
|
+
export declare function LiquidMetal({ colorBack, colorTint, speed, repetition, distortion, scale, className, style, }: LiquidMetalProps): import("react").JSX.Element;
|
|
24
|
+
//# sourceMappingURL=liquid-metal.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"liquid-metal.d.ts","sourceRoot":"","sources":["../../src/components/liquid-metal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAa,MAAM,OAAO,CAAC;AAKtD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qCAAqC;IACrC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oCAAoC;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAC1B,SAAqB,EACrB,SAAqB,EACrB,KAAW,EACX,UAAc,EACd,UAAgB,EAChB,KAAS,EACT,SAAS,EACT,KAAK,GACN,EAAE,gBAAgB,+BAoBlB"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var shadersReact = require('@paper-design/shaders-react');
|
|
4
|
+
var clsx = require('clsx');
|
|
5
|
+
var tailwindMerge = require('tailwind-merge');
|
|
6
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
7
|
+
|
|
8
|
+
function cn(...inputs) {
|
|
9
|
+
return tailwindMerge.twMerge(clsx.clsx(inputs));
|
|
10
|
+
}
|
|
11
|
+
function LiquidMetal({
|
|
12
|
+
colorBack = "#aaaaac",
|
|
13
|
+
colorTint = "#ffffff",
|
|
14
|
+
speed = 0.5,
|
|
15
|
+
repetition = 4,
|
|
16
|
+
distortion = 0.1,
|
|
17
|
+
scale = 1,
|
|
18
|
+
className,
|
|
19
|
+
style
|
|
20
|
+
}) {
|
|
21
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-hidden": true, className: cn("pointer-events-none absolute inset-0 z-0 overflow-hidden", className), style, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
22
|
+
shadersReact.LiquidMetal,
|
|
23
|
+
{
|
|
24
|
+
colorBack,
|
|
25
|
+
colorTint,
|
|
26
|
+
speed,
|
|
27
|
+
repetition,
|
|
28
|
+
distortion,
|
|
29
|
+
softness: 0,
|
|
30
|
+
shiftRed: 0.3,
|
|
31
|
+
shiftBlue: -0.3,
|
|
32
|
+
angle: 45,
|
|
33
|
+
shape: "none",
|
|
34
|
+
scale,
|
|
35
|
+
fit: "cover",
|
|
36
|
+
style: { width: "100%", height: "100%" }
|
|
37
|
+
}
|
|
38
|
+
) });
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
exports.LiquidMetal = LiquidMetal;
|
|
42
|
+
//# sourceMappingURL=liquid-metal.js.map
|
|
43
|
+
//# sourceMappingURL=liquid-metal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/lib/utils.ts","../src/components/liquid-metal.tsx"],"names":["twMerge","clsx","jsx","LiquidMetalShader"],"mappings":";;;;;;;AAIO,SAAS,MAAM,MAAA,EAAsB;AAC1C,EAAA,OAAOA,qBAAA,CAAQC,SAAA,CAAK,MAAM,CAAC,CAAA;AAC7B;ACwBO,SAAS,WAAA,CAAY;AAAA,EAC1B,SAAA,GAAY,SAAA;AAAA,EACZ,SAAA,GAAY,SAAA;AAAA,EACZ,KAAA,GAAQ,GAAA;AAAA,EACR,UAAA,GAAa,CAAA;AAAA,EACb,UAAA,GAAa,GAAA;AAAA,EACb,KAAA,GAAQ,CAAA;AAAA,EACR,SAAA;AAAA,EACA;AACF,CAAA,EAAqB;AACnB,EAAA,uBACEC,cAAA,CAAC,SAAI,aAAA,EAAa,IAAA,EAAM,WAAW,EAAA,CAAG,0DAAA,EAA4D,SAAS,CAAA,EAAG,KAAA,EAC5G,QAAA,kBAAAA,cAAA;AAAA,IAACC,wBAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,SAAA;AAAA,MACA,KAAA;AAAA,MACA,UAAA;AAAA,MACA,UAAA;AAAA,MACA,QAAA,EAAU,CAAA;AAAA,MACV,QAAA,EAAU,GAAA;AAAA,MACV,SAAA,EAAW,IAAA;AAAA,MACX,KAAA,EAAO,EAAA;AAAA,MACP,KAAA,EAAM,MAAA;AAAA,MACN,KAAA;AAAA,MACA,GAAA,EAAI,OAAA;AAAA,MACJ,KAAA,EAAO,EAAE,KAAA,EAAO,MAAA,EAAQ,QAAQ,MAAA;AAAO;AAAA,GACzC,EACF,CAAA;AAEJ","file":"liquid-metal.js","sourcesContent":["import { type ClassValue, clsx } from 'clsx';\nimport type { CSSProperties } from 'react';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n\n/**\n * A style object that may carry CSS custom properties (CSS variables)\n * such as `--duration`. React's `CSSProperties` intentionally drops\n * its index signature, so custom properties are not accepted without help.\n */\nexport type CSSPropertiesWithVars = CSSProperties & Record<`--${string}`, string | number>;\n\n/**\n * Builds a {@link CSSProperties} value that also allows CSS custom properties,\n * so `style` props can be written without an `as React.CSSProperties` cast while\n * still type-checking both the known style keys and the custom-property values.\n *\n * @example\n * <div style={validCssVars({ '--duration': '0.35s', color: 'red' })} />\n */\nexport function validCssVars(style: CSSPropertiesWithVars): CSSProperties {\n return style;\n}\n\n/**\n * Narrows a union to the member(s) that declare `key` — a type-guard\n * replacement for the `in` operator's discriminated-union narrowing.\n */\nexport function hasKey<K extends PropertyKey>(key: K, obj: unknown): obj is Record<K, unknown> {\n return obj !== null && typeof obj === 'object' && Object.hasOwn(obj, key);\n}\n\nexport function noop(): void {\n // intentional no-op\n}\n","'use client';\n\nimport { LiquidMetal as LiquidMetalShader } from '@paper-design/shaders-react';\nimport type { CSSProperties, ReactNode } from 'react';\nimport { cn } from '../lib/utils.js';\n\n/* ── Shader wrapper ────────────────────────────────────── */\n\nexport type LiquidMetalProps = {\n /** Base background color of the liquid metal. */\n colorBack?: string;\n /** Tint / highlight color for the chrome effect. */\n colorTint?: string;\n /** Animation speed (0.1–2.0 recommended). */\n speed?: number;\n /** Pattern stripe density (1–10). */\n repetition?: number;\n /** Wave distortion amount (0–1). */\n distortion?: number;\n /** Texture zoom (0.01–4). */\n scale?: number;\n className?: string;\n style?: CSSProperties;\n};\n\n/**\n * Full-bleed animated liquid-metal shader. Absolutely positioned to fill its\n * nearest positioned ancestor; the WebGL canvas is decorative, so it is hidden\n * from assistive tech and never intercepts pointer events.\n */\nexport function LiquidMetal({\n colorBack = '#aaaaac',\n colorTint = '#ffffff',\n speed = 0.5,\n repetition = 4,\n distortion = 0.1,\n scale = 1,\n className,\n style,\n}: LiquidMetalProps) {\n return (\n <div aria-hidden={true} className={cn('pointer-events-none absolute inset-0 z-0 overflow-hidden', className)} style={style}>\n <LiquidMetalShader\n colorBack={colorBack}\n colorTint={colorTint}\n speed={speed}\n repetition={repetition}\n distortion={distortion}\n softness={0}\n shiftRed={0.3}\n shiftBlue={-0.3}\n angle={45}\n shape=\"none\"\n scale={scale}\n fit=\"cover\"\n style={{ width: '100%', height: '100%' }}\n />\n </div>\n );\n}\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"liquid-metal.mjs"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type * as React from 'react';
|
|
2
|
+
export declare function ChevronDownIcon(props: React.ComponentProps<'svg'>): React.JSX.Element;
|
|
3
|
+
export declare function ChevronRightIcon(props: React.ComponentProps<'svg'>): React.JSX.Element;
|
|
4
|
+
export declare function ArrowSvg(props: React.ComponentProps<'svg'>): React.JSX.Element;
|
|
5
|
+
//# sourceMappingURL=navigation-menu-icons.d.ts.map
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type * as React from 'react';
|
|
2
|
+
export declare function ChevronDownIcon(props: React.ComponentProps<'svg'>): React.JSX.Element;
|
|
3
|
+
export declare function ChevronRightIcon(props: React.ComponentProps<'svg'>): React.JSX.Element;
|
|
4
|
+
export declare function ArrowSvg(props: React.ComponentProps<'svg'>): React.JSX.Element;
|
|
5
|
+
//# sourceMappingURL=navigation-menu-icons.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"navigation-menu-icons.d.ts","sourceRoot":"","sources":["../../src/components/navigation-menu-icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,wBAAgB,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAMjE;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAMlE;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAiB1D"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
+
|
|
5
|
+
// src/components/navigation-menu-icons.tsx
|
|
6
|
+
function ChevronDownIcon(props) {
|
|
7
|
+
return /* @__PURE__ */ jsxRuntime.jsx("svg", { "aria-hidden": "true", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M1 3.5L5 7.5L9 3.5", stroke: "currentColor", strokeWidth: "1.5" }) });
|
|
8
|
+
}
|
|
9
|
+
function ChevronRightIcon(props) {
|
|
10
|
+
return /* @__PURE__ */ jsxRuntime.jsx("svg", { "aria-hidden": "true", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3.5 1L7.5 5L3.5 9", stroke: "currentColor", strokeWidth: "1.5" }) });
|
|
11
|
+
}
|
|
12
|
+
function ArrowSvg(props) {
|
|
13
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("svg", { "aria-hidden": "true", width: "20", height: "10", viewBox: "0 0 20 10", fill: "none", ...props, children: [
|
|
14
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
15
|
+
"path",
|
|
16
|
+
{
|
|
17
|
+
d: "M9.66437 2.60207L4.80758 6.97318C4.07308 7.63423 3.11989 8 2.13172 8H0V10H20V8H18.5349C17.5468 8 16.5936 7.63423 15.8591 6.97318L11.0023 2.60207C10.622 2.2598 10.0447 2.25979 9.66437 2.60207Z",
|
|
18
|
+
className: "fill-(--popup-surface,var(--surface-3))"
|
|
19
|
+
}
|
|
20
|
+
),
|
|
21
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
22
|
+
"path",
|
|
23
|
+
{
|
|
24
|
+
d: "M8.99542 1.85876C9.75604 1.17425 10.9106 1.17422 11.6713 1.85878L16.5281 6.22989C17.0789 6.72568 17.7938 7.00001 18.5349 7.00001L15.89 7L11.0023 2.60207C10.622 2.2598 10.0447 2.2598 9.66436 2.60207L4.77734 7L2.13171 7.00001C2.87284 7.00001 3.58774 6.72568 4.13861 6.22989L8.99542 1.85876Z",
|
|
25
|
+
className: "fill-border"
|
|
26
|
+
}
|
|
27
|
+
),
|
|
28
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
29
|
+
"path",
|
|
30
|
+
{
|
|
31
|
+
d: "M10.3333 3.34539L5.47654 7.71648C4.55842 8.54279 3.36693 9 2.13172 9H0V8H2.13172C3.11989 8 4.07308 7.63423 4.80758 6.97318L9.66437 2.60207C10.0447 2.25979 10.622 2.2598 11.0023 2.60207L15.8591 6.97318C16.5936 7.63423 17.5468 8 18.5349 8H20V9H18.5349C17.2998 9 16.1083 8.54278 15.1901 7.71648L10.3333 3.34539Z",
|
|
32
|
+
className: "fill-border"
|
|
33
|
+
}
|
|
34
|
+
)
|
|
35
|
+
] });
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
exports.ArrowSvg = ArrowSvg;
|
|
39
|
+
exports.ChevronDownIcon = ChevronDownIcon;
|
|
40
|
+
exports.ChevronRightIcon = ChevronRightIcon;
|
|
41
|
+
//# sourceMappingURL=navigation-menu-icons.js.map
|
|
42
|
+
//# sourceMappingURL=navigation-menu-icons.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/navigation-menu-icons.tsx"],"names":["jsx","jsxs"],"mappings":";;;;;AAEO,SAAS,gBAAgB,KAAA,EAAoC;AAClE,EAAA,uBACEA,cAAA,CAAC,SAAI,aAAA,EAAY,MAAA,EAAO,OAAM,IAAA,EAAK,MAAA,EAAO,IAAA,EAAK,OAAA,EAAQ,WAAA,EAAY,IAAA,EAAK,QAAQ,GAAG,KAAA,EACjF,yCAAC,MAAA,EAAA,EAAK,CAAA,EAAE,sBAAqB,MAAA,EAAO,cAAA,EAAe,WAAA,EAAY,KAAA,EAAM,CAAA,EACvE,CAAA;AAEJ;AAEO,SAAS,iBAAiB,KAAA,EAAoC;AACnE,EAAA,uBACEA,cAAA,CAAC,SAAI,aAAA,EAAY,MAAA,EAAO,OAAM,IAAA,EAAK,MAAA,EAAO,IAAA,EAAK,OAAA,EAAQ,WAAA,EAAY,IAAA,EAAK,QAAQ,GAAG,KAAA,EACjF,yCAAC,MAAA,EAAA,EAAK,CAAA,EAAE,sBAAqB,MAAA,EAAO,cAAA,EAAe,WAAA,EAAY,KAAA,EAAM,CAAA,EACvE,CAAA;AAEJ;AAEO,SAAS,SAAS,KAAA,EAAoC;AAC3D,EAAA,uBACEC,eAAA,CAAC,KAAA,EAAA,EAAI,aAAA,EAAY,MAAA,EAAO,KAAA,EAAM,IAAA,EAAK,MAAA,EAAO,IAAA,EAAK,OAAA,EAAQ,WAAA,EAAY,IAAA,EAAK,MAAA,EAAQ,GAAG,KAAA,EACjF,QAAA,EAAA;AAAA,oBAAAD,cAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAA,EAAE,iMAAA;AAAA,QACF,SAAA,EAAU;AAAA;AAAA,KACZ;AAAA,oBACAA,cAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAA,EAAE,kSAAA;AAAA,QACF,SAAA,EAAU;AAAA;AAAA,KACZ;AAAA,oBACAA,cAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAA,EAAE,sTAAA;AAAA,QACF,SAAA,EAAU;AAAA;AAAA;AACZ,GAAA,EACF,CAAA;AAEJ","file":"navigation-menu-icons.js","sourcesContent":["import type * as React from 'react';\n\nexport function ChevronDownIcon(props: React.ComponentProps<'svg'>) {\n return (\n <svg aria-hidden=\"true\" width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" {...props}>\n <path d=\"M1 3.5L5 7.5L9 3.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n </svg>\n );\n}\n\nexport function ChevronRightIcon(props: React.ComponentProps<'svg'>) {\n return (\n <svg aria-hidden=\"true\" width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" {...props}>\n <path d=\"M3.5 1L7.5 5L3.5 9\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n </svg>\n );\n}\n\nexport function ArrowSvg(props: React.ComponentProps<'svg'>) {\n return (\n <svg aria-hidden=\"true\" width=\"20\" height=\"10\" viewBox=\"0 0 20 10\" fill=\"none\" {...props}>\n <path\n d=\"M9.66437 2.60207L4.80758 6.97318C4.07308 7.63423 3.11989 8 2.13172 8H0V10H20V8H18.5349C17.5468 8 16.5936 7.63423 15.8591 6.97318L11.0023 2.60207C10.622 2.2598 10.0447 2.25979 9.66437 2.60207Z\"\n className=\"fill-(--popup-surface,var(--surface-3))\"\n />\n <path\n d=\"M8.99542 1.85876C9.75604 1.17425 10.9106 1.17422 11.6713 1.85878L16.5281 6.22989C17.0789 6.72568 17.7938 7.00001 18.5349 7.00001L15.89 7L11.0023 2.60207C10.622 2.2598 10.0447 2.2598 9.66436 2.60207L4.77734 7L2.13171 7.00001C2.87284 7.00001 3.58774 6.72568 4.13861 6.22989L8.99542 1.85876Z\"\n className=\"fill-border\"\n />\n <path\n d=\"M10.3333 3.34539L5.47654 7.71648C4.55842 8.54279 3.36693 9 2.13172 9H0V8H2.13172C3.11989 8 4.07308 7.63423 4.80758 6.97318L9.66437 2.60207C10.0447 2.25979 10.622 2.2598 11.0023 2.60207L15.8591 6.97318C16.5936 7.63423 17.5468 8 18.5349 8H20V9H18.5349C17.2998 9 16.1083 8.54278 15.1901 7.71648L10.3333 3.34539Z\"\n className=\"fill-border\"\n />\n </svg>\n );\n}\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"navigation-menu-icons.mjs"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import type { NavigationMenu as NavigationMenuPrimitive } from '@base-ui/react/navigation-menu';
|
|
2
|
+
import type * as React from 'react';
|
|
3
|
+
import type { SurfaceLevel } from '../lib/surface.js';
|
|
4
|
+
type PositionerProps = React.ComponentProps<typeof NavigationMenuPrimitive.Positioner>;
|
|
5
|
+
export declare const navigationMenuTriggerStyle: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
6
|
+
export declare const navigationMenuSubTriggerStyle: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
7
|
+
export interface NavigationMenuProps extends React.ComponentProps<typeof NavigationMenuPrimitive.Root> {
|
|
8
|
+
side?: PositionerProps['side'];
|
|
9
|
+
sideOffset?: PositionerProps['sideOffset'];
|
|
10
|
+
align?: PositionerProps['align'];
|
|
11
|
+
alignOffset?: PositionerProps['alignOffset'];
|
|
12
|
+
collisionPadding?: PositionerProps['collisionPadding'];
|
|
13
|
+
collisionBoundary?: PositionerProps['collisionBoundary'];
|
|
14
|
+
positionMethod?: PositionerProps['positionMethod'];
|
|
15
|
+
arrow?: boolean;
|
|
16
|
+
/** Surface elevation level (1-8) for the bar. Defaults to 2 — subtle toolbar above the page. */
|
|
17
|
+
level?: SurfaceLevel;
|
|
18
|
+
/** Shadow weight (1-8) for the bar. Defaults to 2. */
|
|
19
|
+
shadowLevel?: SurfaceLevel;
|
|
20
|
+
}
|
|
21
|
+
export interface NavigationMenuLinkProps extends React.ComponentProps<typeof NavigationMenuPrimitive.Link> {
|
|
22
|
+
/**
|
|
23
|
+
* When true, applies trigger button styling for top-level navigation links
|
|
24
|
+
*/
|
|
25
|
+
standalone?: boolean;
|
|
26
|
+
}
|
|
27
|
+
export interface NavigationMenuViewportProps extends React.ComponentProps<typeof NavigationMenuPrimitive.Viewport> {
|
|
28
|
+
side?: PositionerProps['side'];
|
|
29
|
+
sideOffset?: PositionerProps['sideOffset'];
|
|
30
|
+
align?: PositionerProps['align'];
|
|
31
|
+
alignOffset?: PositionerProps['alignOffset'];
|
|
32
|
+
collisionPadding?: PositionerProps['collisionPadding'];
|
|
33
|
+
collisionBoundary?: PositionerProps['collisionBoundary'];
|
|
34
|
+
positionMethod?: PositionerProps['positionMethod'];
|
|
35
|
+
arrow?: boolean;
|
|
36
|
+
}
|
|
37
|
+
export interface NavigationMenuSubProps extends React.ComponentProps<typeof NavigationMenuPrimitive.Root> {
|
|
38
|
+
side?: PositionerProps['side'];
|
|
39
|
+
sideOffset?: PositionerProps['sideOffset'];
|
|
40
|
+
align?: PositionerProps['align'];
|
|
41
|
+
alignOffset?: PositionerProps['alignOffset'];
|
|
42
|
+
arrow?: boolean;
|
|
43
|
+
}
|
|
44
|
+
export {};
|
|
45
|
+
//# sourceMappingURL=navigation-menu-styles.d.ts.map
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import type { NavigationMenu as NavigationMenuPrimitive } from '@base-ui/react/navigation-menu';
|
|
2
|
+
import type * as React from 'react';
|
|
3
|
+
import type { SurfaceLevel } from '../lib/surface.js';
|
|
4
|
+
type PositionerProps = React.ComponentProps<typeof NavigationMenuPrimitive.Positioner>;
|
|
5
|
+
export declare const navigationMenuTriggerStyle: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
6
|
+
export declare const navigationMenuSubTriggerStyle: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
7
|
+
export interface NavigationMenuProps extends React.ComponentProps<typeof NavigationMenuPrimitive.Root> {
|
|
8
|
+
side?: PositionerProps['side'];
|
|
9
|
+
sideOffset?: PositionerProps['sideOffset'];
|
|
10
|
+
align?: PositionerProps['align'];
|
|
11
|
+
alignOffset?: PositionerProps['alignOffset'];
|
|
12
|
+
collisionPadding?: PositionerProps['collisionPadding'];
|
|
13
|
+
collisionBoundary?: PositionerProps['collisionBoundary'];
|
|
14
|
+
positionMethod?: PositionerProps['positionMethod'];
|
|
15
|
+
arrow?: boolean;
|
|
16
|
+
/** Surface elevation level (1-8) for the bar. Defaults to 2 — subtle toolbar above the page. */
|
|
17
|
+
level?: SurfaceLevel;
|
|
18
|
+
/** Shadow weight (1-8) for the bar. Defaults to 2. */
|
|
19
|
+
shadowLevel?: SurfaceLevel;
|
|
20
|
+
}
|
|
21
|
+
export interface NavigationMenuLinkProps extends React.ComponentProps<typeof NavigationMenuPrimitive.Link> {
|
|
22
|
+
/**
|
|
23
|
+
* When true, applies trigger button styling for top-level navigation links
|
|
24
|
+
*/
|
|
25
|
+
standalone?: boolean;
|
|
26
|
+
}
|
|
27
|
+
export interface NavigationMenuViewportProps extends React.ComponentProps<typeof NavigationMenuPrimitive.Viewport> {
|
|
28
|
+
side?: PositionerProps['side'];
|
|
29
|
+
sideOffset?: PositionerProps['sideOffset'];
|
|
30
|
+
align?: PositionerProps['align'];
|
|
31
|
+
alignOffset?: PositionerProps['alignOffset'];
|
|
32
|
+
collisionPadding?: PositionerProps['collisionPadding'];
|
|
33
|
+
collisionBoundary?: PositionerProps['collisionBoundary'];
|
|
34
|
+
positionMethod?: PositionerProps['positionMethod'];
|
|
35
|
+
arrow?: boolean;
|
|
36
|
+
}
|
|
37
|
+
export interface NavigationMenuSubProps extends React.ComponentProps<typeof NavigationMenuPrimitive.Root> {
|
|
38
|
+
side?: PositionerProps['side'];
|
|
39
|
+
sideOffset?: PositionerProps['sideOffset'];
|
|
40
|
+
align?: PositionerProps['align'];
|
|
41
|
+
alignOffset?: PositionerProps['alignOffset'];
|
|
42
|
+
arrow?: boolean;
|
|
43
|
+
}
|
|
44
|
+
export {};
|
|
45
|
+
//# sourceMappingURL=navigation-menu-styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"navigation-menu-styles.d.ts","sourceRoot":"","sources":["../../src/components/navigation-menu-styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,IAAI,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AAEhG,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,UAAU,CAAC,CAAC;AAEvF,eAAO,MAAM,0BAA0B,oFAEtC,CAAC;AAEF,eAAO,MAAM,6BAA6B,oFAEzC,CAAC;AAEF,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC;IACpG,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAC/B,UAAU,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IAC3C,KAAK,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;IACjC,WAAW,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,CAAC;IAC7C,gBAAgB,CAAC,EAAE,eAAe,CAAC,kBAAkB,CAAC,CAAC;IACvD,iBAAiB,CAAC,EAAE,eAAe,CAAC,mBAAmB,CAAC,CAAC;IACzD,cAAc,CAAC,EAAE,eAAe,CAAC,gBAAgB,CAAC,CAAC;IACnD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,gGAAgG;IAChG,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,sDAAsD;IACtD,WAAW,CAAC,EAAE,YAAY,CAAC;CAC5B;AAED,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC;IACxG;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,2BAA4B,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,QAAQ,CAAC;IAChH,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAC/B,UAAU,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IAC3C,KAAK,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;IACjC,WAAW,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,CAAC;IAC7C,gBAAgB,CAAC,EAAE,eAAe,CAAC,kBAAkB,CAAC,CAAC;IACvD,iBAAiB,CAAC,EAAE,eAAe,CAAC,mBAAmB,CAAC,CAAC;IACzD,cAAc,CAAC,EAAE,eAAe,CAAC,gBAAgB,CAAC,CAAC;IACnD,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC;IACvG,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAC/B,UAAU,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IAC3C,KAAK,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;IACjC,WAAW,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,CAAC;IAC7C,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var classVarianceAuthority = require('class-variance-authority');
|
|
4
|
+
|
|
5
|
+
// src/components/navigation-menu-styles.ts
|
|
6
|
+
var navigationMenuTriggerStyle = classVarianceAuthority.cva(
|
|
7
|
+
"box-border flex items-center justify-center gap-1.5 h-10 px-2.5 xs:px-3 m-0 rounded-md text-foreground font-medium !text-[15px] leading-6 select-none no-underline hover:text-foreground data-[popup-open]:bg-black/[0.07] dark:data-[popup-open]:bg-white/[0.07] data-[popup-open]:text-foreground focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-1 focus-visible:outline-ring focus-visible:relative"
|
|
8
|
+
);
|
|
9
|
+
var navigationMenuSubTriggerStyle = classVarianceAuthority.cva(
|
|
10
|
+
"w-full text-left relative block rounded-md p-2.5 xs:p-3 no-underline text-inherit hover:bg-black/[0.07] dark:hover:bg-white/[0.07] hover:text-foreground active:bg-black/[0.11] dark:active:bg-white/[0.11] focus-visible:relative focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-1 focus-visible:outline-ring data-[popup-open]:bg-black/[0.07] dark:data-[popup-open]:bg-white/[0.07] data-[popup-open]:text-foreground"
|
|
11
|
+
);
|
|
12
|
+
|
|
13
|
+
exports.navigationMenuSubTriggerStyle = navigationMenuSubTriggerStyle;
|
|
14
|
+
exports.navigationMenuTriggerStyle = navigationMenuTriggerStyle;
|
|
15
|
+
//# sourceMappingURL=navigation-menu-styles.js.map
|
|
16
|
+
//# sourceMappingURL=navigation-menu-styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/navigation-menu-styles.ts"],"names":["cva"],"mappings":";;;;;AAOO,IAAM,0BAAA,GAA6BA,0BAAA;AAAA,EACxC;AACF;AAEO,IAAM,6BAAA,GAAgCA,0BAAA;AAAA,EAC3C;AACF","file":"navigation-menu-styles.js","sourcesContent":["import type { NavigationMenu as NavigationMenuPrimitive } from '@base-ui/react/navigation-menu';\nimport { cva } from 'class-variance-authority';\nimport type * as React from 'react';\nimport type { SurfaceLevel } from '../lib/surface.js';\n\ntype PositionerProps = React.ComponentProps<typeof NavigationMenuPrimitive.Positioner>;\n\nexport const navigationMenuTriggerStyle = cva(\n 'box-border flex items-center justify-center gap-1.5 h-10 px-2.5 xs:px-3 m-0 rounded-md text-foreground font-medium !text-[15px] leading-6 select-none no-underline hover:text-foreground data-[popup-open]:bg-black/[0.07] dark:data-[popup-open]:bg-white/[0.07] data-[popup-open]:text-foreground focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-1 focus-visible:outline-ring focus-visible:relative',\n);\n\nexport const navigationMenuSubTriggerStyle = cva(\n 'w-full text-left relative block rounded-md p-2.5 xs:p-3 no-underline text-inherit hover:bg-black/[0.07] dark:hover:bg-white/[0.07] hover:text-foreground active:bg-black/[0.11] dark:active:bg-white/[0.11] focus-visible:relative focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-1 focus-visible:outline-ring data-[popup-open]:bg-black/[0.07] dark:data-[popup-open]:bg-white/[0.07] data-[popup-open]:text-foreground',\n);\n\nexport interface NavigationMenuProps extends React.ComponentProps<typeof NavigationMenuPrimitive.Root> {\n side?: PositionerProps['side'];\n sideOffset?: PositionerProps['sideOffset'];\n align?: PositionerProps['align'];\n alignOffset?: PositionerProps['alignOffset'];\n collisionPadding?: PositionerProps['collisionPadding'];\n collisionBoundary?: PositionerProps['collisionBoundary'];\n positionMethod?: PositionerProps['positionMethod'];\n arrow?: boolean;\n /** Surface elevation level (1-8) for the bar. Defaults to 2 — subtle toolbar above the page. */\n level?: SurfaceLevel;\n /** Shadow weight (1-8) for the bar. Defaults to 2. */\n shadowLevel?: SurfaceLevel;\n}\n\nexport interface NavigationMenuLinkProps extends React.ComponentProps<typeof NavigationMenuPrimitive.Link> {\n /**\n * When true, applies trigger button styling for top-level navigation links\n */\n standalone?: boolean;\n}\n\nexport interface NavigationMenuViewportProps extends React.ComponentProps<typeof NavigationMenuPrimitive.Viewport> {\n side?: PositionerProps['side'];\n sideOffset?: PositionerProps['sideOffset'];\n align?: PositionerProps['align'];\n alignOffset?: PositionerProps['alignOffset'];\n collisionPadding?: PositionerProps['collisionPadding'];\n collisionBoundary?: PositionerProps['collisionBoundary'];\n positionMethod?: PositionerProps['positionMethod'];\n arrow?: boolean;\n}\n\nexport interface NavigationMenuSubProps extends React.ComponentProps<typeof NavigationMenuPrimitive.Root> {\n side?: PositionerProps['side'];\n sideOffset?: PositionerProps['sideOffset'];\n align?: PositionerProps['align'];\n alignOffset?: PositionerProps['alignOffset'];\n arrow?: boolean;\n}\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"navigation-menu-styles.mjs"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { NavigationMenu as NavigationMenuPrimitive } from '@base-ui/react/navigation-menu';
|
|
2
|
+
import type * as React from 'react';
|
|
3
|
+
import { type NavigationMenuLinkProps, type NavigationMenuProps, type NavigationMenuSubProps, type NavigationMenuViewportProps } from './navigation-menu-styles.js';
|
|
4
|
+
declare function NavigationMenu({ className, children, side, sideOffset, align, alignOffset, collisionPadding, collisionBoundary, arrow, positionMethod, level, shadowLevel, ...props }: NavigationMenuProps): React.JSX.Element;
|
|
5
|
+
declare function NavigationMenuList({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.List>): React.JSX.Element;
|
|
6
|
+
declare function NavigationMenuItem({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Item>): React.JSX.Element;
|
|
7
|
+
declare function NavigationMenuTrigger({ className, children, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>): React.JSX.Element;
|
|
8
|
+
declare function NavigationMenuIcon({ className, render, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Icon>): React.JSX.Element;
|
|
9
|
+
declare function NavigationMenuSubTrigger({ className, children, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>): React.JSX.Element;
|
|
10
|
+
declare function NavigationMenuContent({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Content>): React.JSX.Element;
|
|
11
|
+
declare function NavigationMenuLink({ className, standalone, ...props }: NavigationMenuLinkProps): React.JSX.Element;
|
|
12
|
+
declare function NavigationMenuBackdrop({ ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Backdrop>): React.JSX.Element;
|
|
13
|
+
declare function NavigationMenuPortal({ ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Portal>): React.JSX.Element;
|
|
14
|
+
declare function NavigationMenuArrow({ ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Arrow>): React.JSX.Element;
|
|
15
|
+
declare function NavigationMenuViewport({ className, children, side, sideOffset, align, alignOffset, collisionPadding, collisionBoundary, arrow, positionMethod, ...props }: NavigationMenuViewportProps): React.JSX.Element;
|
|
16
|
+
declare function NavigationMenuSub({ className, children, orientation, side, sideOffset, align, alignOffset, arrow, ...props }: NavigationMenuSubProps): React.JSX.Element;
|
|
17
|
+
export { NavigationMenu, NavigationMenuArrow, NavigationMenuBackdrop, NavigationMenuContent, NavigationMenuIcon, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPortal, NavigationMenuSub, NavigationMenuSubTrigger, NavigationMenuTrigger, NavigationMenuViewport, };
|
|
18
|
+
//# sourceMappingURL=navigation-menu.d.ts.map
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { NavigationMenu as NavigationMenuPrimitive } from '@base-ui/react/navigation-menu';
|
|
2
|
+
import type * as React from 'react';
|
|
3
|
+
import { type NavigationMenuLinkProps, type NavigationMenuProps, type NavigationMenuSubProps, type NavigationMenuViewportProps } from './navigation-menu-styles.js';
|
|
4
|
+
declare function NavigationMenu({ className, children, side, sideOffset, align, alignOffset, collisionPadding, collisionBoundary, arrow, positionMethod, level, shadowLevel, ...props }: NavigationMenuProps): React.JSX.Element;
|
|
5
|
+
declare function NavigationMenuList({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.List>): React.JSX.Element;
|
|
6
|
+
declare function NavigationMenuItem({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Item>): React.JSX.Element;
|
|
7
|
+
declare function NavigationMenuTrigger({ className, children, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>): React.JSX.Element;
|
|
8
|
+
declare function NavigationMenuIcon({ className, render, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Icon>): React.JSX.Element;
|
|
9
|
+
declare function NavigationMenuSubTrigger({ className, children, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>): React.JSX.Element;
|
|
10
|
+
declare function NavigationMenuContent({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Content>): React.JSX.Element;
|
|
11
|
+
declare function NavigationMenuLink({ className, standalone, ...props }: NavigationMenuLinkProps): React.JSX.Element;
|
|
12
|
+
declare function NavigationMenuBackdrop({ ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Backdrop>): React.JSX.Element;
|
|
13
|
+
declare function NavigationMenuPortal({ ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Portal>): React.JSX.Element;
|
|
14
|
+
declare function NavigationMenuArrow({ ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Arrow>): React.JSX.Element;
|
|
15
|
+
declare function NavigationMenuViewport({ className, children, side, sideOffset, align, alignOffset, collisionPadding, collisionBoundary, arrow, positionMethod, ...props }: NavigationMenuViewportProps): React.JSX.Element;
|
|
16
|
+
declare function NavigationMenuSub({ className, children, orientation, side, sideOffset, align, alignOffset, arrow, ...props }: NavigationMenuSubProps): React.JSX.Element;
|
|
17
|
+
export { NavigationMenu, NavigationMenuArrow, NavigationMenuBackdrop, NavigationMenuContent, NavigationMenuIcon, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPortal, NavigationMenuSub, NavigationMenuSubTrigger, NavigationMenuTrigger, NavigationMenuViewport, };
|
|
18
|
+
//# sourceMappingURL=navigation-menu.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"navigation-menu.d.ts","sourceRoot":"","sources":["../../src/components/navigation-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,IAAI,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AAC3F,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,OAAO,EACL,KAAK,uBAAuB,EAC5B,KAAK,mBAAmB,EACxB,KAAK,sBAAsB,EAC3B,KAAK,2BAA2B,EAGjC,MAAM,6BAA6B,CAAC;AAErC,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,UAAe,EACf,KAAK,EACL,WAAW,EACX,gBAA6D,EAC7D,iBAAiB,EACjB,KAAa,EACb,cAAwB,EACxB,KAAS,EACT,WAAe,EACf,GAAG,KAAK,EACT,EAAE,mBAAmB,qBAqBrB;AAED,iBAAS,kBAAkB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC,qBAE7G;AAED,iBAAS,kBAAkB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC,qBAE7G;AAED,iBAAS,qBAAqB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,OAAO,CAAC,qBAW7H;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,MAA4B,EAC5B,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC,qBAQ3D;AAED,iBAAS,wBAAwB,CAAC,EAChC,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,OAAO,CAAC,qBAc9D;AAED,iBAAS,qBAAqB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,OAAO,CAAC,qBA2BnH;AAED,iBAAS,kBAAkB,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,uBAAuB,qBAavF;AAED,iBAAS,sBAAsB,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,QAAQ,CAAC,qBAE1G;AAED,iBAAS,oBAAoB,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,MAAM,CAAC,qBAEtG;AAED,iBAAS,mBAAmB,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,KAAK,CAAC,qBASpG;AAED,iBAAS,sBAAsB,CAAC,EAC9B,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,UAAU,EACV,KAAK,EACL,WAAW,EACX,gBAAgB,EAChB,iBAAiB,EACjB,KAAa,EACb,cAAwB,EACxB,GAAG,KAAK,EACT,EAAE,2BAA2B,qBAkC7B;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,QAAQ,EACR,WAAwB,EACxB,IAAc,EACd,UAAe,EACf,KAAa,EACb,WAAiB,EACjB,KAAa,EACb,GAAG,KAAK,EACT,EAAE,sBAAsB,qBAoCxB;AAED,OAAO,EACL,cAAc,EACd,mBAAmB,EACnB,sBAAsB,EACtB,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,oBAAoB,EACpB,iBAAiB,EACjB,wBAAwB,EACxB,qBAAqB,EACrB,sBAAsB,GACvB,CAAC"}
|