@ansh-ui/vue 0.2.0 → 0.3.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/{chunk-B6OXKW5Q.js → chunk-AL4PPK25.js} +5 -2
- package/dist/chunk-AL4PPK25.js.map +1 -0
- package/dist/{chunk-5BQEZYG6.cjs → chunk-FK536ZUI.cjs} +15 -15
- package/dist/{chunk-5BQEZYG6.cjs.map → chunk-FK536ZUI.cjs.map} +1 -1
- package/dist/{chunk-TMG3M6TK.js → chunk-G2OX2NH2.js} +3 -3
- package/dist/chunk-G2OX2NH2.js.map +1 -0
- package/dist/{chunk-2VSROZ2N.js → chunk-HIVA75XC.js} +3 -3
- package/dist/{chunk-2VSROZ2N.js.map → chunk-HIVA75XC.js.map} +1 -1
- package/dist/{chunk-KCA7RNJ4.cjs → chunk-IHH6KMBY.cjs} +239 -5
- package/dist/chunk-IHH6KMBY.cjs.map +1 -0
- package/dist/{chunk-IOXGBPOV.cjs → chunk-IK3E4MPB.cjs} +3 -3
- package/dist/chunk-IK3E4MPB.cjs.map +1 -0
- package/dist/{chunk-SOYRICHU.js → chunk-LRTNIUAG.js} +3 -3
- package/dist/chunk-LRTNIUAG.js.map +1 -0
- package/dist/{chunk-EISHOEB6.cjs → chunk-MWGVDY6K.cjs} +3 -3
- package/dist/chunk-MWGVDY6K.cjs.map +1 -0
- package/dist/{chunk-T425FIC7.js → chunk-NKRPZTQA.js} +238 -5
- package/dist/chunk-NKRPZTQA.js.map +1 -0
- package/dist/{chunk-JQ4YLXXM.cjs → chunk-PNR4RQ4T.cjs} +5 -2
- package/dist/chunk-PNR4RQ4T.cjs.map +1 -0
- package/dist/data.d.cts +15 -14
- package/dist/data.d.ts +15 -14
- package/dist/form.cjs +36 -36
- package/dist/form.d.cts +32 -31
- package/dist/form.d.ts +32 -31
- package/dist/form.js +1 -1
- package/dist/index.cjs +159 -131
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +33 -8
- package/dist/index.d.ts +33 -8
- package/dist/index.js +27 -11
- package/dist/index.js.map +1 -1
- package/dist/layout.cjs +13 -13
- package/dist/layout.d.cts +24 -15
- package/dist/layout.d.ts +24 -15
- package/dist/layout.js +1 -1
- package/dist/motion.d.cts +14 -13
- package/dist/motion.d.ts +14 -13
- package/dist/navigation.cjs +13 -9
- package/dist/navigation.d.cts +124 -3
- package/dist/navigation.d.ts +124 -3
- package/dist/navigation.js +2 -2
- package/dist/overlay.cjs +14 -14
- package/dist/overlay.d.cts +9 -8
- package/dist/overlay.d.ts +9 -8
- package/dist/overlay.js +2 -2
- package/dist/{position-Cn7qP1pn.d.cts → position-CiY171HP.d.cts} +2 -1
- package/dist/{position-Cn7qP1pn.d.ts → position-CiY171HP.d.ts} +2 -1
- package/dist/primitives.cjs +6 -6
- package/dist/primitives.d.cts +6 -5
- package/dist/primitives.d.ts +6 -5
- package/dist/primitives.js +1 -1
- package/dist/{sidebar-CTZ-Ckko.d.ts → sidebar-B9zDHMbn.d.cts} +5 -4
- package/dist/{sidebar-CQqEmpid.d.cts → sidebar-DMrKHqZ5.d.ts} +5 -4
- package/dist/styles.css +464 -0
- package/dist/{utils-IKPG3zcC.d.cts → utils-D4XwXDeX.d.cts} +2 -1
- package/dist/{utils-IKPG3zcC.d.ts → utils-D4XwXDeX.d.ts} +2 -1
- package/package.json +3 -3
- package/dist/chunk-B6OXKW5Q.js.map +0 -1
- package/dist/chunk-EISHOEB6.cjs.map +0 -1
- package/dist/chunk-IOXGBPOV.cjs.map +0 -1
- package/dist/chunk-JQ4YLXXM.cjs.map +0 -1
- package/dist/chunk-KCA7RNJ4.cjs.map +0 -1
- package/dist/chunk-SOYRICHU.js.map +0 -1
- package/dist/chunk-T425FIC7.js.map +0 -1
- package/dist/chunk-TMG3M6TK.js.map +0 -1
package/dist/layout.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as vue from 'vue';
|
|
2
2
|
import { PropType, VNode } from 'vue';
|
|
3
|
-
import {
|
|
4
|
-
export { A as AppShell, N as NavItem, a as NavSection, S as Sidebar } from './sidebar-
|
|
3
|
+
import { SlotContent } from './index.js';
|
|
4
|
+
export { A as AppShell, N as NavItem, a as NavSection, S as Sidebar } from './sidebar-DMrKHqZ5.js';
|
|
5
5
|
|
|
6
6
|
/**
|
|
7
7
|
* Layout primitives — the Vue counterpart of `@ansh-ui/react`'s layout components.
|
|
@@ -33,6 +33,7 @@ type SpaceToken = 0 | 0.5 | 1 | 1.5 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12 | 16 | 20
|
|
|
33
33
|
* string flows straight into the style property — is identical.
|
|
34
34
|
*/
|
|
35
35
|
type FlexAlign = string;
|
|
36
|
+
|
|
36
37
|
interface StackProps {
|
|
37
38
|
as?: string;
|
|
38
39
|
/** Default `'vertical'` — the direction that needs a helper more often. */
|
|
@@ -131,10 +132,10 @@ declare const Stack: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
131
132
|
as: string;
|
|
132
133
|
direction: "horizontal" | "vertical";
|
|
133
134
|
gap: SpaceToken;
|
|
134
|
-
wrap: boolean;
|
|
135
135
|
align: string;
|
|
136
|
-
stretch: boolean;
|
|
137
136
|
justify: string;
|
|
137
|
+
wrap: boolean;
|
|
138
|
+
stretch: boolean;
|
|
138
139
|
divide: boolean;
|
|
139
140
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
140
141
|
/** Horizontal `Stack`, for readability at call sites. */
|
|
@@ -201,10 +202,10 @@ declare const HStack: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
201
202
|
}>> & Readonly<{}>, {
|
|
202
203
|
as: string;
|
|
203
204
|
gap: SpaceToken;
|
|
204
|
-
wrap: boolean;
|
|
205
205
|
align: string;
|
|
206
|
-
stretch: boolean;
|
|
207
206
|
justify: string;
|
|
207
|
+
wrap: boolean;
|
|
208
|
+
stretch: boolean;
|
|
208
209
|
divide: boolean;
|
|
209
210
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
210
211
|
/** Vertical `Stack`, for symmetry with `HStack`. */
|
|
@@ -271,12 +272,13 @@ declare const VStack: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
271
272
|
}>> & Readonly<{}>, {
|
|
272
273
|
as: string;
|
|
273
274
|
gap: SpaceToken;
|
|
274
|
-
wrap: boolean;
|
|
275
275
|
align: string;
|
|
276
|
-
stretch: boolean;
|
|
277
276
|
justify: string;
|
|
277
|
+
wrap: boolean;
|
|
278
|
+
stretch: boolean;
|
|
278
279
|
divide: boolean;
|
|
279
280
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
281
|
+
|
|
280
282
|
interface GridProps {
|
|
281
283
|
as?: string;
|
|
282
284
|
/** Fixed column count, or `'auto'` for a responsive `auto-fill` track. */
|
|
@@ -350,8 +352,8 @@ declare const Grid: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
350
352
|
}>> & Readonly<{}>, {
|
|
351
353
|
as: string;
|
|
352
354
|
gap: SpaceToken;
|
|
353
|
-
align: string;
|
|
354
355
|
columns: number | "auto";
|
|
356
|
+
align: string;
|
|
355
357
|
minColumnWidth: string;
|
|
356
358
|
rowGap: SpaceToken;
|
|
357
359
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
@@ -390,10 +392,11 @@ declare const GridItem: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
390
392
|
default: undefined;
|
|
391
393
|
};
|
|
392
394
|
}>> & Readonly<{}>, {
|
|
393
|
-
as: string;
|
|
394
395
|
span: number | "full";
|
|
396
|
+
as: string;
|
|
395
397
|
rowSpan: number;
|
|
396
398
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
399
|
+
|
|
397
400
|
interface ContainerProps {
|
|
398
401
|
as?: string;
|
|
399
402
|
/** Max content width. Default `'lg'` (72rem). */
|
|
@@ -431,10 +434,11 @@ declare const Container: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
431
434
|
default: number;
|
|
432
435
|
};
|
|
433
436
|
}>> & Readonly<{}>, {
|
|
434
|
-
size: "full" | "sm" | "md" | "lg" | "xl";
|
|
435
437
|
as: string;
|
|
438
|
+
size: "sm" | "md" | "lg" | "xl" | "full";
|
|
436
439
|
padding: SpaceToken;
|
|
437
440
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
441
|
+
|
|
438
442
|
interface DividerProps {
|
|
439
443
|
orientation?: 'horizontal' | 'vertical';
|
|
440
444
|
/** Optional label rendered in the middle of the rule. */
|
|
@@ -477,6 +481,7 @@ declare const Divider: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
477
481
|
label: SlotContent;
|
|
478
482
|
orientation: "horizontal" | "vertical";
|
|
479
483
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
484
|
+
|
|
480
485
|
interface SpacerProps {
|
|
481
486
|
size?: SpaceToken;
|
|
482
487
|
/** Grow to absorb free space in a flex container. */
|
|
@@ -507,6 +512,7 @@ declare const Spacer: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
507
512
|
size: SpaceToken;
|
|
508
513
|
grow: boolean;
|
|
509
514
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
515
|
+
|
|
510
516
|
interface CenterProps {
|
|
511
517
|
as?: string;
|
|
512
518
|
}
|
|
@@ -526,6 +532,7 @@ declare const Center: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
526
532
|
}>> & Readonly<{}>, {
|
|
527
533
|
as: string;
|
|
528
534
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
535
|
+
|
|
529
536
|
interface AspectRatioProps {
|
|
530
537
|
as?: string;
|
|
531
538
|
/** Width ÷ height. `16 / 9` reads better than `1.777`. Default `16 / 9`. */
|
|
@@ -562,6 +569,7 @@ declare const AspectRatio: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
562
569
|
as: string;
|
|
563
570
|
ratio: number;
|
|
564
571
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
572
|
+
|
|
565
573
|
interface ScrollAreaProps {
|
|
566
574
|
as?: string;
|
|
567
575
|
/** Max height before scrolling starts. */
|
|
@@ -619,9 +627,9 @@ declare const ScrollArea: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
619
627
|
};
|
|
620
628
|
}>> & Readonly<{}>, {
|
|
621
629
|
as: string;
|
|
622
|
-
fade: boolean;
|
|
623
|
-
axis: "y" | "x" | "both";
|
|
624
630
|
maxHeight: string;
|
|
631
|
+
axis: "both" | "x" | "y";
|
|
632
|
+
fade: boolean;
|
|
625
633
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
626
634
|
|
|
627
635
|
/**
|
|
@@ -717,13 +725,14 @@ declare const Resizable: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
717
725
|
}>> & Readonly<{
|
|
718
726
|
"onUpdate:size"?: ((...args: any[]) => any) | undefined;
|
|
719
727
|
}>, {
|
|
720
|
-
size: number;
|
|
721
728
|
label: string;
|
|
722
729
|
direction: "horizontal" | "vertical";
|
|
723
730
|
defaultSize: number;
|
|
731
|
+
size: number;
|
|
724
732
|
minSize: number;
|
|
725
733
|
maxSize: number;
|
|
726
734
|
snapPoints: readonly number[];
|
|
727
735
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
728
736
|
|
|
729
|
-
export { AspectRatio,
|
|
737
|
+
export { AspectRatio, Center, Container, Divider, Grid, GridItem, HStack, Resizable, ScrollArea, Spacer, Stack, VStack };
|
|
738
|
+
export type { AspectRatioProps, CenterProps, ContainerProps, DividerProps, GridItemProps, GridProps, ResizableProps, ScrollAreaProps, SpaceToken, SpacerProps, StackProps };
|
package/dist/layout.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { AspectRatio, Center, Container, Divider, Grid, GridItem, HStack, Resizable, ScrollArea, Spacer, Stack, VStack } from './chunk-
|
|
1
|
+
export { AspectRatio, Center, Container, Divider, Grid, GridItem, HStack, Resizable, ScrollArea, Spacer, Stack, VStack } from './chunk-AL4PPK25.js';
|
|
2
2
|
export { AppShell, Sidebar } from './chunk-ZGMXOMCB.js';
|
|
3
3
|
import './chunk-OAQ7MDYX.js';
|
|
4
4
|
import './chunk-NJDDNO4C.js';
|
package/dist/motion.d.cts
CHANGED
|
@@ -136,8 +136,8 @@ declare const Motion: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
136
136
|
default: number;
|
|
137
137
|
};
|
|
138
138
|
}>> & Readonly<{}>, {
|
|
139
|
-
initial: MotionValues;
|
|
140
139
|
as: string;
|
|
140
|
+
initial: MotionValues;
|
|
141
141
|
animate: MotionValues;
|
|
142
142
|
exit: MotionValues;
|
|
143
143
|
transition: MotionTransition;
|
|
@@ -257,7 +257,7 @@ declare const Draggable: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
257
257
|
onDragStart?: ((...args: any[]) => any) | undefined;
|
|
258
258
|
onDragEnd?: ((...args: any[]) => any) | undefined;
|
|
259
259
|
}>, {
|
|
260
|
-
axis: "
|
|
260
|
+
axis: "both" | "x" | "y";
|
|
261
261
|
bounds: {
|
|
262
262
|
left?: number;
|
|
263
263
|
right?: number;
|
|
@@ -339,12 +339,12 @@ declare const GradientText: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
339
339
|
default: string;
|
|
340
340
|
};
|
|
341
341
|
}>> & Readonly<{}>, {
|
|
342
|
-
|
|
342
|
+
text: string;
|
|
343
343
|
colors: string | readonly ColorInput[];
|
|
344
344
|
angle: number;
|
|
345
|
-
stops: number;
|
|
346
345
|
duration: number;
|
|
347
|
-
|
|
346
|
+
stops: number;
|
|
347
|
+
as: string;
|
|
348
348
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
349
349
|
/**
|
|
350
350
|
* Text that reveals unit by unit.
|
|
@@ -496,19 +496,19 @@ declare const AnimatedText: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
496
496
|
}>> & Readonly<{
|
|
497
497
|
onComplete?: ((...args: any[]) => any) | undefined;
|
|
498
498
|
}>, {
|
|
499
|
-
|
|
499
|
+
duration: number;
|
|
500
500
|
as: string;
|
|
501
501
|
blur: number;
|
|
502
|
-
rotate: number;
|
|
503
|
-
duration: number;
|
|
504
|
-
easing: EasingInput;
|
|
505
|
-
distance: number;
|
|
506
|
-
delay: number;
|
|
507
502
|
by: "chars" | "words";
|
|
508
503
|
each: number;
|
|
509
504
|
from: StaggerFrom;
|
|
505
|
+
easing: EasingInput;
|
|
506
|
+
distance: number;
|
|
507
|
+
rotate: number;
|
|
510
508
|
mask: boolean;
|
|
511
509
|
whenInView: boolean;
|
|
510
|
+
repeat: boolean;
|
|
511
|
+
delay: number;
|
|
512
512
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
513
513
|
|
|
514
514
|
/**
|
|
@@ -604,9 +604,9 @@ declare const MotionConfig: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
604
604
|
default: boolean;
|
|
605
605
|
};
|
|
606
606
|
}>> & Readonly<{}>, {
|
|
607
|
-
quality: number | null;
|
|
608
607
|
reducedMotion: ReducedMotionMode;
|
|
609
608
|
timeScale: number;
|
|
609
|
+
quality: number | null;
|
|
610
610
|
pauseWhenHidden: boolean;
|
|
611
611
|
pauseWhenBlurred: boolean;
|
|
612
612
|
respectBattery: boolean;
|
|
@@ -678,4 +678,5 @@ declare function useTheme(): ComputedRef<ThemeContextValue>;
|
|
|
678
678
|
*/
|
|
679
679
|
declare function themeScript(storageKey?: string): string;
|
|
680
680
|
|
|
681
|
-
export { AnimatePresence,
|
|
681
|
+
export { AnimatePresence, AnimatedText, Draggable, GradientText, Motion, MotionConfig, ThemeProvider, themeScript, useMotionConfig, useTheme };
|
|
682
|
+
export type { AnimatePresenceProps, DraggableProps, MotionConfigValue, MotionTransition, MotionValues, ThemeContextValue, ThemeSetting };
|
package/dist/motion.d.ts
CHANGED
|
@@ -136,8 +136,8 @@ declare const Motion: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
136
136
|
default: number;
|
|
137
137
|
};
|
|
138
138
|
}>> & Readonly<{}>, {
|
|
139
|
-
initial: MotionValues;
|
|
140
139
|
as: string;
|
|
140
|
+
initial: MotionValues;
|
|
141
141
|
animate: MotionValues;
|
|
142
142
|
exit: MotionValues;
|
|
143
143
|
transition: MotionTransition;
|
|
@@ -257,7 +257,7 @@ declare const Draggable: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
257
257
|
onDragStart?: ((...args: any[]) => any) | undefined;
|
|
258
258
|
onDragEnd?: ((...args: any[]) => any) | undefined;
|
|
259
259
|
}>, {
|
|
260
|
-
axis: "
|
|
260
|
+
axis: "both" | "x" | "y";
|
|
261
261
|
bounds: {
|
|
262
262
|
left?: number;
|
|
263
263
|
right?: number;
|
|
@@ -339,12 +339,12 @@ declare const GradientText: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
339
339
|
default: string;
|
|
340
340
|
};
|
|
341
341
|
}>> & Readonly<{}>, {
|
|
342
|
-
|
|
342
|
+
text: string;
|
|
343
343
|
colors: string | readonly ColorInput[];
|
|
344
344
|
angle: number;
|
|
345
|
-
stops: number;
|
|
346
345
|
duration: number;
|
|
347
|
-
|
|
346
|
+
stops: number;
|
|
347
|
+
as: string;
|
|
348
348
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
349
349
|
/**
|
|
350
350
|
* Text that reveals unit by unit.
|
|
@@ -496,19 +496,19 @@ declare const AnimatedText: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
496
496
|
}>> & Readonly<{
|
|
497
497
|
onComplete?: ((...args: any[]) => any) | undefined;
|
|
498
498
|
}>, {
|
|
499
|
-
|
|
499
|
+
duration: number;
|
|
500
500
|
as: string;
|
|
501
501
|
blur: number;
|
|
502
|
-
rotate: number;
|
|
503
|
-
duration: number;
|
|
504
|
-
easing: EasingInput;
|
|
505
|
-
distance: number;
|
|
506
|
-
delay: number;
|
|
507
502
|
by: "chars" | "words";
|
|
508
503
|
each: number;
|
|
509
504
|
from: StaggerFrom;
|
|
505
|
+
easing: EasingInput;
|
|
506
|
+
distance: number;
|
|
507
|
+
rotate: number;
|
|
510
508
|
mask: boolean;
|
|
511
509
|
whenInView: boolean;
|
|
510
|
+
repeat: boolean;
|
|
511
|
+
delay: number;
|
|
512
512
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
513
513
|
|
|
514
514
|
/**
|
|
@@ -604,9 +604,9 @@ declare const MotionConfig: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
604
604
|
default: boolean;
|
|
605
605
|
};
|
|
606
606
|
}>> & Readonly<{}>, {
|
|
607
|
-
quality: number | null;
|
|
608
607
|
reducedMotion: ReducedMotionMode;
|
|
609
608
|
timeScale: number;
|
|
609
|
+
quality: number | null;
|
|
610
610
|
pauseWhenHidden: boolean;
|
|
611
611
|
pauseWhenBlurred: boolean;
|
|
612
612
|
respectBattery: boolean;
|
|
@@ -678,4 +678,5 @@ declare function useTheme(): ComputedRef<ThemeContextValue>;
|
|
|
678
678
|
*/
|
|
679
679
|
declare function themeScript(storageKey?: string): string;
|
|
680
680
|
|
|
681
|
-
export { AnimatePresence,
|
|
681
|
+
export { AnimatePresence, AnimatedText, Draggable, GradientText, Motion, MotionConfig, ThemeProvider, themeScript, useMotionConfig, useTheme };
|
|
682
|
+
export type { AnimatePresenceProps, DraggableProps, MotionConfigValue, MotionTransition, MotionValues, ThemeContextValue, ThemeSetting };
|
package/dist/navigation.cjs
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkIHH6KMBY_cjs = require('./chunk-IHH6KMBY.cjs');
|
|
4
4
|
var chunkSHX2JGID_cjs = require('./chunk-SHX2JGID.cjs');
|
|
5
|
-
require('./chunk-
|
|
5
|
+
require('./chunk-MWGVDY6K.cjs');
|
|
6
6
|
require('./chunk-774WBLDR.cjs');
|
|
7
7
|
require('./chunk-6732H4BQ.cjs');
|
|
8
8
|
|
|
@@ -10,31 +10,35 @@ require('./chunk-6732H4BQ.cjs');
|
|
|
10
10
|
|
|
11
11
|
Object.defineProperty(exports, "Accordion", {
|
|
12
12
|
enumerable: true,
|
|
13
|
-
get: function () { return
|
|
13
|
+
get: function () { return chunkIHH6KMBY_cjs.Accordion; }
|
|
14
14
|
});
|
|
15
15
|
Object.defineProperty(exports, "Breadcrumbs", {
|
|
16
16
|
enumerable: true,
|
|
17
|
-
get: function () { return
|
|
17
|
+
get: function () { return chunkIHH6KMBY_cjs.Breadcrumbs; }
|
|
18
|
+
});
|
|
19
|
+
Object.defineProperty(exports, "Carousel", {
|
|
20
|
+
enumerable: true,
|
|
21
|
+
get: function () { return chunkIHH6KMBY_cjs.Carousel; }
|
|
18
22
|
});
|
|
19
23
|
Object.defineProperty(exports, "Collapsible", {
|
|
20
24
|
enumerable: true,
|
|
21
|
-
get: function () { return
|
|
25
|
+
get: function () { return chunkIHH6KMBY_cjs.Collapsible; }
|
|
22
26
|
});
|
|
23
27
|
Object.defineProperty(exports, "DisclosureList", {
|
|
24
28
|
enumerable: true,
|
|
25
|
-
get: function () { return
|
|
29
|
+
get: function () { return chunkIHH6KMBY_cjs.DisclosureList; }
|
|
26
30
|
});
|
|
27
31
|
Object.defineProperty(exports, "NavigationMenu", {
|
|
28
32
|
enumerable: true,
|
|
29
|
-
get: function () { return
|
|
33
|
+
get: function () { return chunkIHH6KMBY_cjs.NavigationMenu; }
|
|
30
34
|
});
|
|
31
35
|
Object.defineProperty(exports, "Stepper", {
|
|
32
36
|
enumerable: true,
|
|
33
|
-
get: function () { return
|
|
37
|
+
get: function () { return chunkIHH6KMBY_cjs.Stepper; }
|
|
34
38
|
});
|
|
35
39
|
Object.defineProperty(exports, "Tabs", {
|
|
36
40
|
enumerable: true,
|
|
37
|
-
get: function () { return
|
|
41
|
+
get: function () { return chunkIHH6KMBY_cjs.Tabs; }
|
|
38
42
|
});
|
|
39
43
|
Object.defineProperty(exports, "AppShell", {
|
|
40
44
|
enumerable: true,
|
package/dist/navigation.d.cts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as vue from 'vue';
|
|
2
2
|
import { PropType } from 'vue';
|
|
3
|
-
import {
|
|
4
|
-
export { A as AppShell, N as NavItem, a as NavSection, S as Sidebar } from './sidebar-
|
|
3
|
+
import { SlotContent } from './index.cjs';
|
|
4
|
+
export { A as AppShell, N as NavItem, a as NavSection, S as Sidebar } from './sidebar-B9zDHMbn.cjs';
|
|
5
5
|
|
|
6
6
|
interface TabItem {
|
|
7
7
|
id: string;
|
|
@@ -138,6 +138,126 @@ declare const Tabs: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
138
138
|
activateOnFocus: boolean;
|
|
139
139
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
140
140
|
|
|
141
|
+
/**
|
|
142
|
+
* Carousel — the Vue counterpart of `@ansh-ui/react`'s `Carousel`.
|
|
143
|
+
*
|
|
144
|
+
* Same markup, same class names, same ARIA. The reasoning behind each decision lives in the React
|
|
145
|
+
* file; the ones that matter for reading this code:
|
|
146
|
+
*
|
|
147
|
+
* - The track is **translated**, not scrolled, so the index stays authoritative and a controlled
|
|
148
|
+
* `v-model` cannot fight a scroll position for control of it.
|
|
149
|
+
* - `aria-live` is `polite` only while idle and `off` while auto-playing, so a screen reader
|
|
150
|
+
* announces changes the user asked for and stays quiet during automatic ones.
|
|
151
|
+
* - Auto-play ships a real pause button, because WCAG 2.2.2 is not satisfied by pause-on-hover.
|
|
152
|
+
* - Off-screen slides are `inert`, or every control inside them sits in the tab order.
|
|
153
|
+
*
|
|
154
|
+
* `v-model` is the active slide index.
|
|
155
|
+
*/
|
|
156
|
+
declare const Carousel: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
157
|
+
items: {
|
|
158
|
+
type: PropType<readonly SlotContent[]>;
|
|
159
|
+
required: true;
|
|
160
|
+
};
|
|
161
|
+
modelValue: {
|
|
162
|
+
type: NumberConstructor;
|
|
163
|
+
default: undefined;
|
|
164
|
+
};
|
|
165
|
+
defaultValue: {
|
|
166
|
+
type: NumberConstructor;
|
|
167
|
+
default: number;
|
|
168
|
+
};
|
|
169
|
+
/** Wrap past the ends. */
|
|
170
|
+
loop: {
|
|
171
|
+
type: BooleanConstructor;
|
|
172
|
+
default: boolean;
|
|
173
|
+
};
|
|
174
|
+
/** Advance on a timer. */
|
|
175
|
+
autoPlay: {
|
|
176
|
+
type: BooleanConstructor;
|
|
177
|
+
default: boolean;
|
|
178
|
+
};
|
|
179
|
+
/** Seconds each slide is held when auto-playing. */
|
|
180
|
+
interval: {
|
|
181
|
+
type: NumberConstructor;
|
|
182
|
+
default: number;
|
|
183
|
+
};
|
|
184
|
+
showDots: {
|
|
185
|
+
type: BooleanConstructor;
|
|
186
|
+
default: boolean;
|
|
187
|
+
};
|
|
188
|
+
showArrows: {
|
|
189
|
+
type: BooleanConstructor;
|
|
190
|
+
default: boolean;
|
|
191
|
+
};
|
|
192
|
+
draggable: {
|
|
193
|
+
type: BooleanConstructor;
|
|
194
|
+
default: boolean;
|
|
195
|
+
};
|
|
196
|
+
/** Accessible name for the carousel region. */
|
|
197
|
+
label: {
|
|
198
|
+
type: StringConstructor;
|
|
199
|
+
required: true;
|
|
200
|
+
};
|
|
201
|
+
}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
|
|
202
|
+
[key: string]: any;
|
|
203
|
+
}> | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
|
|
204
|
+
items: {
|
|
205
|
+
type: PropType<readonly SlotContent[]>;
|
|
206
|
+
required: true;
|
|
207
|
+
};
|
|
208
|
+
modelValue: {
|
|
209
|
+
type: NumberConstructor;
|
|
210
|
+
default: undefined;
|
|
211
|
+
};
|
|
212
|
+
defaultValue: {
|
|
213
|
+
type: NumberConstructor;
|
|
214
|
+
default: number;
|
|
215
|
+
};
|
|
216
|
+
/** Wrap past the ends. */
|
|
217
|
+
loop: {
|
|
218
|
+
type: BooleanConstructor;
|
|
219
|
+
default: boolean;
|
|
220
|
+
};
|
|
221
|
+
/** Advance on a timer. */
|
|
222
|
+
autoPlay: {
|
|
223
|
+
type: BooleanConstructor;
|
|
224
|
+
default: boolean;
|
|
225
|
+
};
|
|
226
|
+
/** Seconds each slide is held when auto-playing. */
|
|
227
|
+
interval: {
|
|
228
|
+
type: NumberConstructor;
|
|
229
|
+
default: number;
|
|
230
|
+
};
|
|
231
|
+
showDots: {
|
|
232
|
+
type: BooleanConstructor;
|
|
233
|
+
default: boolean;
|
|
234
|
+
};
|
|
235
|
+
showArrows: {
|
|
236
|
+
type: BooleanConstructor;
|
|
237
|
+
default: boolean;
|
|
238
|
+
};
|
|
239
|
+
draggable: {
|
|
240
|
+
type: BooleanConstructor;
|
|
241
|
+
default: boolean;
|
|
242
|
+
};
|
|
243
|
+
/** Accessible name for the carousel region. */
|
|
244
|
+
label: {
|
|
245
|
+
type: StringConstructor;
|
|
246
|
+
required: true;
|
|
247
|
+
};
|
|
248
|
+
}>> & Readonly<{
|
|
249
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
250
|
+
}>, {
|
|
251
|
+
loop: boolean;
|
|
252
|
+
modelValue: number;
|
|
253
|
+
defaultValue: number;
|
|
254
|
+
autoPlay: boolean;
|
|
255
|
+
interval: number;
|
|
256
|
+
showDots: boolean;
|
|
257
|
+
showArrows: boolean;
|
|
258
|
+
draggable: boolean;
|
|
259
|
+
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
260
|
+
|
|
141
261
|
interface Crumb {
|
|
142
262
|
label: SlotContent;
|
|
143
263
|
href?: string;
|
|
@@ -512,4 +632,5 @@ declare const DisclosureList: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
512
632
|
lessLabel: string;
|
|
513
633
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
514
634
|
|
|
515
|
-
export { Accordion,
|
|
635
|
+
export { Accordion, Breadcrumbs, Carousel, Collapsible, DisclosureList, NavigationMenu, Stepper, Tabs };
|
|
636
|
+
export type { AccordionItem, AccordionVariant, CollapsibleProps, Crumb, DisclosureListProps, MegaMenuColumn, MegaMenuLink, NavMenuItem, Step, StepperOrientation, TabItem, TabsOrientation, TabsSize, TabsVariant };
|
package/dist/navigation.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as vue from 'vue';
|
|
2
2
|
import { PropType } from 'vue';
|
|
3
|
-
import {
|
|
4
|
-
export { A as AppShell, N as NavItem, a as NavSection, S as Sidebar } from './sidebar-
|
|
3
|
+
import { SlotContent } from './index.js';
|
|
4
|
+
export { A as AppShell, N as NavItem, a as NavSection, S as Sidebar } from './sidebar-DMrKHqZ5.js';
|
|
5
5
|
|
|
6
6
|
interface TabItem {
|
|
7
7
|
id: string;
|
|
@@ -138,6 +138,126 @@ declare const Tabs: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
138
138
|
activateOnFocus: boolean;
|
|
139
139
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
140
140
|
|
|
141
|
+
/**
|
|
142
|
+
* Carousel — the Vue counterpart of `@ansh-ui/react`'s `Carousel`.
|
|
143
|
+
*
|
|
144
|
+
* Same markup, same class names, same ARIA. The reasoning behind each decision lives in the React
|
|
145
|
+
* file; the ones that matter for reading this code:
|
|
146
|
+
*
|
|
147
|
+
* - The track is **translated**, not scrolled, so the index stays authoritative and a controlled
|
|
148
|
+
* `v-model` cannot fight a scroll position for control of it.
|
|
149
|
+
* - `aria-live` is `polite` only while idle and `off` while auto-playing, so a screen reader
|
|
150
|
+
* announces changes the user asked for and stays quiet during automatic ones.
|
|
151
|
+
* - Auto-play ships a real pause button, because WCAG 2.2.2 is not satisfied by pause-on-hover.
|
|
152
|
+
* - Off-screen slides are `inert`, or every control inside them sits in the tab order.
|
|
153
|
+
*
|
|
154
|
+
* `v-model` is the active slide index.
|
|
155
|
+
*/
|
|
156
|
+
declare const Carousel: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
157
|
+
items: {
|
|
158
|
+
type: PropType<readonly SlotContent[]>;
|
|
159
|
+
required: true;
|
|
160
|
+
};
|
|
161
|
+
modelValue: {
|
|
162
|
+
type: NumberConstructor;
|
|
163
|
+
default: undefined;
|
|
164
|
+
};
|
|
165
|
+
defaultValue: {
|
|
166
|
+
type: NumberConstructor;
|
|
167
|
+
default: number;
|
|
168
|
+
};
|
|
169
|
+
/** Wrap past the ends. */
|
|
170
|
+
loop: {
|
|
171
|
+
type: BooleanConstructor;
|
|
172
|
+
default: boolean;
|
|
173
|
+
};
|
|
174
|
+
/** Advance on a timer. */
|
|
175
|
+
autoPlay: {
|
|
176
|
+
type: BooleanConstructor;
|
|
177
|
+
default: boolean;
|
|
178
|
+
};
|
|
179
|
+
/** Seconds each slide is held when auto-playing. */
|
|
180
|
+
interval: {
|
|
181
|
+
type: NumberConstructor;
|
|
182
|
+
default: number;
|
|
183
|
+
};
|
|
184
|
+
showDots: {
|
|
185
|
+
type: BooleanConstructor;
|
|
186
|
+
default: boolean;
|
|
187
|
+
};
|
|
188
|
+
showArrows: {
|
|
189
|
+
type: BooleanConstructor;
|
|
190
|
+
default: boolean;
|
|
191
|
+
};
|
|
192
|
+
draggable: {
|
|
193
|
+
type: BooleanConstructor;
|
|
194
|
+
default: boolean;
|
|
195
|
+
};
|
|
196
|
+
/** Accessible name for the carousel region. */
|
|
197
|
+
label: {
|
|
198
|
+
type: StringConstructor;
|
|
199
|
+
required: true;
|
|
200
|
+
};
|
|
201
|
+
}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
|
|
202
|
+
[key: string]: any;
|
|
203
|
+
}> | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
|
|
204
|
+
items: {
|
|
205
|
+
type: PropType<readonly SlotContent[]>;
|
|
206
|
+
required: true;
|
|
207
|
+
};
|
|
208
|
+
modelValue: {
|
|
209
|
+
type: NumberConstructor;
|
|
210
|
+
default: undefined;
|
|
211
|
+
};
|
|
212
|
+
defaultValue: {
|
|
213
|
+
type: NumberConstructor;
|
|
214
|
+
default: number;
|
|
215
|
+
};
|
|
216
|
+
/** Wrap past the ends. */
|
|
217
|
+
loop: {
|
|
218
|
+
type: BooleanConstructor;
|
|
219
|
+
default: boolean;
|
|
220
|
+
};
|
|
221
|
+
/** Advance on a timer. */
|
|
222
|
+
autoPlay: {
|
|
223
|
+
type: BooleanConstructor;
|
|
224
|
+
default: boolean;
|
|
225
|
+
};
|
|
226
|
+
/** Seconds each slide is held when auto-playing. */
|
|
227
|
+
interval: {
|
|
228
|
+
type: NumberConstructor;
|
|
229
|
+
default: number;
|
|
230
|
+
};
|
|
231
|
+
showDots: {
|
|
232
|
+
type: BooleanConstructor;
|
|
233
|
+
default: boolean;
|
|
234
|
+
};
|
|
235
|
+
showArrows: {
|
|
236
|
+
type: BooleanConstructor;
|
|
237
|
+
default: boolean;
|
|
238
|
+
};
|
|
239
|
+
draggable: {
|
|
240
|
+
type: BooleanConstructor;
|
|
241
|
+
default: boolean;
|
|
242
|
+
};
|
|
243
|
+
/** Accessible name for the carousel region. */
|
|
244
|
+
label: {
|
|
245
|
+
type: StringConstructor;
|
|
246
|
+
required: true;
|
|
247
|
+
};
|
|
248
|
+
}>> & Readonly<{
|
|
249
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
250
|
+
}>, {
|
|
251
|
+
loop: boolean;
|
|
252
|
+
modelValue: number;
|
|
253
|
+
defaultValue: number;
|
|
254
|
+
autoPlay: boolean;
|
|
255
|
+
interval: number;
|
|
256
|
+
showDots: boolean;
|
|
257
|
+
showArrows: boolean;
|
|
258
|
+
draggable: boolean;
|
|
259
|
+
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
260
|
+
|
|
141
261
|
interface Crumb {
|
|
142
262
|
label: SlotContent;
|
|
143
263
|
href?: string;
|
|
@@ -512,4 +632,5 @@ declare const DisclosureList: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
512
632
|
lessLabel: string;
|
|
513
633
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
514
634
|
|
|
515
|
-
export { Accordion,
|
|
635
|
+
export { Accordion, Breadcrumbs, Carousel, Collapsible, DisclosureList, NavigationMenu, Stepper, Tabs };
|
|
636
|
+
export type { AccordionItem, AccordionVariant, CollapsibleProps, Crumb, DisclosureListProps, MegaMenuColumn, MegaMenuLink, NavMenuItem, Step, StepperOrientation, TabItem, TabsOrientation, TabsSize, TabsVariant };
|
package/dist/navigation.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export { Accordion, Breadcrumbs, Collapsible, DisclosureList, NavigationMenu, Stepper, Tabs } from './chunk-
|
|
1
|
+
export { Accordion, Breadcrumbs, Carousel, Collapsible, DisclosureList, NavigationMenu, Stepper, Tabs } from './chunk-NKRPZTQA.js';
|
|
2
2
|
export { AppShell, Sidebar } from './chunk-ZGMXOMCB.js';
|
|
3
|
-
import './chunk-
|
|
3
|
+
import './chunk-G2OX2NH2.js';
|
|
4
4
|
import './chunk-OAQ7MDYX.js';
|
|
5
5
|
import './chunk-NJDDNO4C.js';
|
|
6
6
|
//# sourceMappingURL=navigation.js.map
|