@casinogate/ui 1.10.18 → 1.11.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/assets/css/root.css +175 -0
- package/dist/assets/css/tailwind/theme.css +1 -0
- package/dist/assets/css/theme.css +4 -0
- package/dist/assets/css/tokens/primitives.css +1 -0
- package/dist/components/field/components/field.description.svelte +2 -4
- package/dist/components/field/components/field.error.svelte +9 -12
- package/dist/components/field/components/field.label.svelte +2 -4
- package/dist/components/field/components/field.root.svelte +2 -6
- package/dist/components/field/components/field.svelte.d.ts +1 -0
- package/dist/components/field/components/field.svelte.js +2 -1
- package/dist/components/field/components/index.d.ts +5 -0
- package/dist/components/field/components/index.js +5 -0
- package/dist/components/field/composed/basic/basic.svelte +40 -0
- package/dist/components/field/composed/basic/basic.svelte.d.ts +4 -0
- package/dist/components/field/composed/basic/index.d.ts +1 -0
- package/dist/components/field/composed/basic/index.js +1 -0
- package/dist/components/field/composed/index.d.ts +1 -0
- package/dist/components/field/composed/index.js +1 -0
- package/dist/components/field/field.svelte +6 -6
- package/dist/components/field/index.d.ts +2 -2
- package/dist/components/field/index.js +2 -2
- package/dist/components/field/styles.d.ts +8 -49
- package/dist/components/field/styles.js +21 -15
- package/dist/components/field/types.d.ts +7 -5
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.js +1 -0
- package/dist/components/navigation/components/index.d.ts +7 -0
- package/dist/components/navigation/components/index.js +7 -0
- package/dist/components/navigation/components/navigation.sub-trigger.svelte +2 -0
- package/dist/components/navigation/components/navigation.svelte.d.ts +4 -0
- package/dist/components/navigation/components/navigation.svelte.js +2 -0
- package/dist/components/navigation/components/navigation.trigger.svelte +2 -0
- package/dist/components/navigation/{navigation.svelte → composed/basic/basic.svelte} +11 -25
- package/dist/components/navigation/composed/basic/basic.svelte.d.ts +4 -0
- package/dist/components/navigation/composed/basic/index.d.ts +1 -0
- package/dist/components/navigation/composed/basic/index.js +1 -0
- package/dist/components/navigation/composed/index.d.ts +1 -0
- package/dist/components/navigation/composed/index.js +1 -0
- package/dist/components/navigation/index.d.ts +4 -4
- package/dist/components/navigation/index.js +3 -3
- package/dist/components/navigation/model/create-nav-collection.d.ts +3 -0
- package/dist/components/navigation/model/create-nav-collection.js +14 -0
- package/dist/components/navigation/model/index.d.ts +1 -0
- package/dist/components/navigation/model/index.js +1 -0
- package/dist/components/navigation/styles.js +8 -2
- package/dist/components/navigation/types.d.ts +4 -0
- package/dist/components/slider/components/index.d.ts +5 -0
- package/dist/components/slider/components/index.js +5 -0
- package/dist/components/slider/components/slider.range.svelte +12 -0
- package/dist/components/slider/components/slider.range.svelte.d.ts +4 -0
- package/dist/components/slider/components/slider.root.svelte +35 -0
- package/dist/components/slider/components/slider.root.svelte.d.ts +4 -0
- package/dist/components/slider/components/slider.thumb.svelte +25 -0
- package/dist/components/slider/components/slider.thumb.svelte.d.ts +4 -0
- package/dist/components/slider/components/slider.tick.svelte +24 -0
- package/dist/components/slider/components/slider.tick.svelte.d.ts +4 -0
- package/dist/components/slider/components/slider.track.svelte +32 -0
- package/dist/components/slider/components/slider.track.svelte.d.ts +4 -0
- package/dist/components/slider/components/state.svelte.d.ts +15 -0
- package/dist/components/slider/components/state.svelte.js +11 -0
- package/dist/components/slider/composed/index.d.ts +1 -0
- package/dist/components/slider/composed/index.js +1 -0
- package/dist/components/slider/composed/root/index.d.ts +1 -0
- package/dist/components/slider/composed/root/index.js +1 -0
- package/dist/components/slider/composed/root/slider.root.svelte +41 -0
- package/dist/components/slider/composed/root/slider.root.svelte.d.ts +4 -0
- package/dist/components/slider/index.d.ts +3 -0
- package/dist/components/slider/index.js +3 -0
- package/dist/components/slider/styles.d.ts +107 -0
- package/dist/components/slider/styles.js +103 -0
- package/dist/components/slider/types.d.ts +16 -0
- package/dist/components/slider/types.js +1 -0
- package/dist/internal/constants/stories-namespace.d.ts +3 -0
- package/dist/internal/constants/stories-namespace.js +3 -0
- package/dist/internal/types/composition.d.ts +2 -2
- package/package.json +164 -9
- package/dist/components/field/exports-primitive.d.ts +0 -5
- package/dist/components/field/exports-primitive.js +0 -5
- package/dist/components/field/exports.d.ts +0 -1
- package/dist/components/field/exports.js +0 -1
- package/dist/components/navigation/exports-primitive.d.ts +0 -7
- package/dist/components/navigation/exports-primitive.js +0 -7
- package/dist/components/navigation/exports.d.ts +0 -1
- package/dist/components/navigation/exports.js +0 -1
- package/dist/components/navigation/navigation.svelte.d.ts +0 -7
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { Context } from 'runed';
|
|
2
|
+
import type { ReadableBoxedValues } from 'svelte-toolbelt';
|
|
3
|
+
import type { SliderPrimitiveRootProps } from '../types.js';
|
|
4
|
+
export declare const SliderPrimitiveRootContext: Context<SliderPrimitiveRootState>;
|
|
5
|
+
type SliderPrimitiveRootStateOps = ReadableBoxedValues<{
|
|
6
|
+
size: SliderPrimitiveRootProps['size'];
|
|
7
|
+
orientation: SliderPrimitiveRootProps['orientation'];
|
|
8
|
+
disabled: boolean;
|
|
9
|
+
}>;
|
|
10
|
+
export declare class SliderPrimitiveRootState {
|
|
11
|
+
static create(opts: SliderPrimitiveRootStateOps): SliderPrimitiveRootState;
|
|
12
|
+
readonly opts: SliderPrimitiveRootStateOps;
|
|
13
|
+
constructor(opts: SliderPrimitiveRootStateOps);
|
|
14
|
+
}
|
|
15
|
+
export {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Context } from 'runed';
|
|
2
|
+
export const SliderPrimitiveRootContext = new Context('slider-primitive-root-context');
|
|
3
|
+
export class SliderPrimitiveRootState {
|
|
4
|
+
static create(opts) {
|
|
5
|
+
return SliderPrimitiveRootContext.set(new SliderPrimitiveRootState(opts));
|
|
6
|
+
}
|
|
7
|
+
opts;
|
|
8
|
+
constructor(opts) {
|
|
9
|
+
this.opts = opts;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Root } from './root/index.js';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Root } from './root/index.js';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Root } from './slider.root.svelte';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Root } from './slider.root.svelte';
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
import * as SliderPrimitive from '../../components/index.js';
|
|
3
|
+
import type { SliderRootProps } from '../../types.js';
|
|
4
|
+
|
|
5
|
+
let {
|
|
6
|
+
ref = $bindable(null),
|
|
7
|
+
value = $bindable(),
|
|
8
|
+
orientation = 'horizontal',
|
|
9
|
+
size = 'default',
|
|
10
|
+
disabled = false,
|
|
11
|
+
showTicks = false,
|
|
12
|
+
class: className,
|
|
13
|
+
...restProps
|
|
14
|
+
}: SliderRootProps = $props();
|
|
15
|
+
</script>
|
|
16
|
+
|
|
17
|
+
<SliderPrimitive.Root
|
|
18
|
+
bind:ref
|
|
19
|
+
bind:value={value as never}
|
|
20
|
+
{orientation}
|
|
21
|
+
{size}
|
|
22
|
+
{disabled}
|
|
23
|
+
class={className}
|
|
24
|
+
{...restProps}
|
|
25
|
+
>
|
|
26
|
+
{#snippet children({ thumbItems, tickItems })}
|
|
27
|
+
<SliderPrimitive.Track>
|
|
28
|
+
<SliderPrimitive.Range />
|
|
29
|
+
</SliderPrimitive.Track>
|
|
30
|
+
|
|
31
|
+
{#each thumbItems as { index } (index)}
|
|
32
|
+
<SliderPrimitive.Thumb {index} />
|
|
33
|
+
{/each}
|
|
34
|
+
|
|
35
|
+
{#if showTicks}
|
|
36
|
+
{#each tickItems as { index } (index)}
|
|
37
|
+
<SliderPrimitive.Tick {index} />
|
|
38
|
+
{/each}
|
|
39
|
+
{/if}
|
|
40
|
+
{/snippet}
|
|
41
|
+
</SliderPrimitive.Root>
|
|
@@ -0,0 +1,107 @@
|
|
|
1
|
+
import type { VariantProps } from 'tailwind-variants';
|
|
2
|
+
export declare const sliderPrimitiveRootStyles: import("tailwind-variants").TVReturnType<{
|
|
3
|
+
orientation: {
|
|
4
|
+
horizontal: string;
|
|
5
|
+
vertical: string;
|
|
6
|
+
};
|
|
7
|
+
size: {
|
|
8
|
+
sm: string[];
|
|
9
|
+
default: string[];
|
|
10
|
+
lg: string[];
|
|
11
|
+
};
|
|
12
|
+
}, undefined, string[], {
|
|
13
|
+
orientation: {
|
|
14
|
+
horizontal: string;
|
|
15
|
+
vertical: string;
|
|
16
|
+
};
|
|
17
|
+
size: {
|
|
18
|
+
sm: string[];
|
|
19
|
+
default: string[];
|
|
20
|
+
lg: string[];
|
|
21
|
+
};
|
|
22
|
+
}, undefined, import("tailwind-variants").TVReturnType<{
|
|
23
|
+
orientation: {
|
|
24
|
+
horizontal: string;
|
|
25
|
+
vertical: string;
|
|
26
|
+
};
|
|
27
|
+
size: {
|
|
28
|
+
sm: string[];
|
|
29
|
+
default: string[];
|
|
30
|
+
lg: string[];
|
|
31
|
+
};
|
|
32
|
+
}, undefined, string[], unknown, unknown, undefined>>;
|
|
33
|
+
export declare const sliderPrimitiveTrackStyles: import("tailwind-variants").TVReturnType<{
|
|
34
|
+
size: {
|
|
35
|
+
sm: string[];
|
|
36
|
+
default: string[];
|
|
37
|
+
lg: string[];
|
|
38
|
+
};
|
|
39
|
+
orientation: {
|
|
40
|
+
horizontal: string[];
|
|
41
|
+
vertical: string[];
|
|
42
|
+
};
|
|
43
|
+
}, undefined, string[], {
|
|
44
|
+
size: {
|
|
45
|
+
sm: string[];
|
|
46
|
+
default: string[];
|
|
47
|
+
lg: string[];
|
|
48
|
+
};
|
|
49
|
+
orientation: {
|
|
50
|
+
horizontal: string[];
|
|
51
|
+
vertical: string[];
|
|
52
|
+
};
|
|
53
|
+
}, undefined, import("tailwind-variants").TVReturnType<{
|
|
54
|
+
size: {
|
|
55
|
+
sm: string[];
|
|
56
|
+
default: string[];
|
|
57
|
+
lg: string[];
|
|
58
|
+
};
|
|
59
|
+
orientation: {
|
|
60
|
+
horizontal: string[];
|
|
61
|
+
vertical: string[];
|
|
62
|
+
};
|
|
63
|
+
}, undefined, string[], unknown, unknown, undefined>>;
|
|
64
|
+
export declare const sliderPrimitiveRangeStyles: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
|
|
65
|
+
export declare const sliderPrimitiveThumbStyles: import("tailwind-variants").TVReturnType<{
|
|
66
|
+
size: {
|
|
67
|
+
sm: string[];
|
|
68
|
+
default: string[];
|
|
69
|
+
lg: string[];
|
|
70
|
+
};
|
|
71
|
+
}, undefined, string[], {
|
|
72
|
+
size: {
|
|
73
|
+
sm: string[];
|
|
74
|
+
default: string[];
|
|
75
|
+
lg: string[];
|
|
76
|
+
};
|
|
77
|
+
}, undefined, import("tailwind-variants").TVReturnType<{
|
|
78
|
+
size: {
|
|
79
|
+
sm: string[];
|
|
80
|
+
default: string[];
|
|
81
|
+
lg: string[];
|
|
82
|
+
};
|
|
83
|
+
}, undefined, string[], unknown, unknown, undefined>>;
|
|
84
|
+
export declare const sliderPrimitiveTickStyles: import("tailwind-variants").TVReturnType<{
|
|
85
|
+
size: {
|
|
86
|
+
sm: string[];
|
|
87
|
+
default: string[];
|
|
88
|
+
lg: string[];
|
|
89
|
+
};
|
|
90
|
+
}, undefined, string[], {
|
|
91
|
+
size: {
|
|
92
|
+
sm: string[];
|
|
93
|
+
default: string[];
|
|
94
|
+
lg: string[];
|
|
95
|
+
};
|
|
96
|
+
}, undefined, import("tailwind-variants").TVReturnType<{
|
|
97
|
+
size: {
|
|
98
|
+
sm: string[];
|
|
99
|
+
default: string[];
|
|
100
|
+
lg: string[];
|
|
101
|
+
};
|
|
102
|
+
}, undefined, string[], unknown, unknown, undefined>>;
|
|
103
|
+
export type SliderPrimitiveRootVariants = VariantProps<typeof sliderPrimitiveRootStyles>;
|
|
104
|
+
export type SliderPrimitiveRangeVariants = VariantProps<typeof sliderPrimitiveRangeStyles>;
|
|
105
|
+
export type SliderPrimitiveThumbVariants = VariantProps<typeof sliderPrimitiveThumbStyles>;
|
|
106
|
+
export type SliderPrimitiveTickVariants = VariantProps<typeof sliderPrimitiveTickStyles>;
|
|
107
|
+
export type SliderPrimitiveTrackVariants = VariantProps<typeof sliderPrimitiveTrackStyles>;
|
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
import { tv } from '../../internal/utils/tailwindcss.js';
|
|
2
|
+
const SliderSizes = ['sm', 'default', 'lg'];
|
|
3
|
+
const SliderOrientations = ['horizontal', 'vertical'];
|
|
4
|
+
export const sliderPrimitiveRootStyles = tv({
|
|
5
|
+
base: ['cgui:group', 'cgui:relative cgui:flex cgui:touch-none cgui:select-none cgui:items-center'],
|
|
6
|
+
variants: {
|
|
7
|
+
orientation: {
|
|
8
|
+
horizontal: 'cgui:flex-row cgui:w-full',
|
|
9
|
+
vertical: 'cgui:flex-col cgui:h-full',
|
|
10
|
+
},
|
|
11
|
+
size: {
|
|
12
|
+
sm: [''],
|
|
13
|
+
default: [''],
|
|
14
|
+
lg: [''],
|
|
15
|
+
},
|
|
16
|
+
},
|
|
17
|
+
});
|
|
18
|
+
export const sliderPrimitiveTrackStyles = tv({
|
|
19
|
+
base: [
|
|
20
|
+
'cgui:relative cgui:rounded-full cgui:grow cgui:overflow-hidden',
|
|
21
|
+
'cgui:cursor-pointer cgui:data-disabled:cursor-not-allowd cgui:bg-surface-primary-light',
|
|
22
|
+
],
|
|
23
|
+
variants: {
|
|
24
|
+
size: {
|
|
25
|
+
sm: [''],
|
|
26
|
+
default: [''],
|
|
27
|
+
lg: [''],
|
|
28
|
+
},
|
|
29
|
+
orientation: {
|
|
30
|
+
horizontal: [''],
|
|
31
|
+
vertical: [''],
|
|
32
|
+
},
|
|
33
|
+
},
|
|
34
|
+
compoundVariants: [
|
|
35
|
+
{
|
|
36
|
+
size: 'sm',
|
|
37
|
+
orientation: 'horizontal',
|
|
38
|
+
className: ['cgui:h-2 cgui:w-full'],
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
size: 'sm',
|
|
42
|
+
orientation: 'vertical',
|
|
43
|
+
className: ['cgui:w-2 cgui:h-full'],
|
|
44
|
+
},
|
|
45
|
+
{
|
|
46
|
+
size: 'default',
|
|
47
|
+
orientation: 'horizontal',
|
|
48
|
+
className: ['cgui:h-2.5 cgui:w-full'],
|
|
49
|
+
},
|
|
50
|
+
{
|
|
51
|
+
size: 'default',
|
|
52
|
+
orientation: 'vertical',
|
|
53
|
+
className: ['cgui:w-2.5 cgui:h-full'],
|
|
54
|
+
},
|
|
55
|
+
{
|
|
56
|
+
size: 'lg',
|
|
57
|
+
orientation: 'horizontal',
|
|
58
|
+
className: ['cgui:h-3.5 cgui:w-full'],
|
|
59
|
+
},
|
|
60
|
+
{
|
|
61
|
+
size: 'lg',
|
|
62
|
+
orientation: 'vertical',
|
|
63
|
+
className: ['cgui:w-3.5 cgui:h-full'],
|
|
64
|
+
},
|
|
65
|
+
],
|
|
66
|
+
});
|
|
67
|
+
export const sliderPrimitiveRangeStyles = tv({
|
|
68
|
+
base: [
|
|
69
|
+
'cgui:absolute cgui:bg-surface-primary-active',
|
|
70
|
+
'cgui:data-[orientation=horizontal]:h-full cgui:data-[orientation=vertical]:w-full',
|
|
71
|
+
],
|
|
72
|
+
});
|
|
73
|
+
export const sliderPrimitiveThumbStyles = tv({
|
|
74
|
+
base: [
|
|
75
|
+
'cgui:block',
|
|
76
|
+
'cgui:cursor-pointer cgui:disabled:pointer-events-none cgui:disabled:opacity-50 cgui:z-5',
|
|
77
|
+
'cgui:transition-colors',
|
|
78
|
+
'cgui:border cgui:border-stroke-focus cgui:bg-surface-lightest cgui:rounded-full',
|
|
79
|
+
'cgui:focus-visible:ring-stroke-focus cgui:focus-visible:outline-hidden',
|
|
80
|
+
'cgui:data-active:scale-[0.98] cgui:shadow-thumb',
|
|
81
|
+
],
|
|
82
|
+
variants: {
|
|
83
|
+
size: {
|
|
84
|
+
sm: ['cgui:size-4 cgui:border-2 cgui:aspect-square'],
|
|
85
|
+
default: ['cgui:size-6 cgui:border-4 cgui:aspect-square'],
|
|
86
|
+
lg: ['cgui:size-8 cgui:border-5 cgui:aspect-square'],
|
|
87
|
+
},
|
|
88
|
+
},
|
|
89
|
+
});
|
|
90
|
+
export const sliderPrimitiveTickStyles = tv({
|
|
91
|
+
base: [
|
|
92
|
+
'cgui:z-1 cgui:bg-surface-darkest/50',
|
|
93
|
+
'cgui:data-[orientation=horizontal]:w-[1px]',
|
|
94
|
+
'cgui:data-[orientation=vertical]:h-[1px]',
|
|
95
|
+
],
|
|
96
|
+
variants: {
|
|
97
|
+
size: {
|
|
98
|
+
sm: ['cgui:data-[orientation=horizontal]:h-2 cgui:data-[orientation=vertical]:w-2'],
|
|
99
|
+
default: ['cgui:data-[orientation=horizontal]:h-2.5 cgui:data-[orientation=vertical]:w-2.5'],
|
|
100
|
+
lg: ['cgui:data-[orientation=horizontal]:h-3.5 cgui:data-[orientation=vertical]:w-3.5'],
|
|
101
|
+
},
|
|
102
|
+
},
|
|
103
|
+
});
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { SliderRangeProps as UISliderRangeProps, SliderRootProps as UISliderRootProps, SliderThumbProps as UISliderThumbProps, SliderTickProps as UISliderTickProps } from 'bits-ui';
|
|
2
|
+
import type { Without } from '../../internal/types/common.js';
|
|
3
|
+
import type { WithVariants } from '../../internal/types/composition.js';
|
|
4
|
+
import type { PrimitiveSpanAttributes } from '../../internal/types/html-attributes.js';
|
|
5
|
+
import type { WithChild, WithElementRef, WithoutChildrenOrChild } from 'svelte-toolbelt';
|
|
6
|
+
import type { SliderPrimitiveRangeVariants, SliderPrimitiveRootVariants, SliderPrimitiveThumbVariants, SliderPrimitiveTickVariants, SliderPrimitiveTrackVariants } from './styles.js';
|
|
7
|
+
export type SliderPrimitiveRootProps = WithVariants<UISliderRootProps, SliderPrimitiveRootVariants>;
|
|
8
|
+
export type SliderPrimitiveRangeProps = WithVariants<UISliderRangeProps, SliderPrimitiveRangeVariants>;
|
|
9
|
+
export type SliderPrimitiveThumbProps = WithVariants<UISliderThumbProps, Omit<SliderPrimitiveThumbVariants, 'size'>>;
|
|
10
|
+
export type SliderPrimitiveTickProps = WithVariants<UISliderTickProps, Omit<SliderPrimitiveTickVariants, 'size'>>;
|
|
11
|
+
type SliderPrimitiveTrackWithoutHTML = WithVariants<WithElementRef<WithChild<{}>>, Omit<SliderPrimitiveTrackVariants, 'size'>>;
|
|
12
|
+
export type SliderPrimitiveTrackProps = SliderPrimitiveTrackWithoutHTML & Without<PrimitiveSpanAttributes, SliderPrimitiveTrackWithoutHTML>;
|
|
13
|
+
export type SliderRootProps = WithoutChildrenOrChild<SliderPrimitiveRootProps> & {
|
|
14
|
+
showTicks?: boolean;
|
|
15
|
+
};
|
|
16
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { Snippet } from 'svelte';
|
|
2
|
-
import type { ReadableBoxedValues, WritableBoxedValues } from 'svelte-toolbelt';
|
|
2
|
+
import type { ReadableBoxedValues, Without, WritableBoxedValues } from 'svelte-toolbelt';
|
|
3
3
|
import type { VariantProps } from 'tailwind-variants';
|
|
4
4
|
export type WithChild<Props extends Record<PropertyKey, unknown> = {}, SnippetProps extends Record<PropertyKey, unknown> = {
|
|
5
5
|
_default: never;
|
|
@@ -42,4 +42,4 @@ export type WithoutChildren<T> = T extends {
|
|
|
42
42
|
export type WithElementRef<T, U extends HTMLElement = HTMLElement> = T & {
|
|
43
43
|
ref?: U | null;
|
|
44
44
|
};
|
|
45
|
-
export type WithVariants<TSource
|
|
45
|
+
export type WithVariants<TSource extends Record<string, unknown>, TStyles extends VariantProps<any>> = TSource & Without<TStyles, TSource>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@casinogate/ui",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.11.0",
|
|
4
4
|
"svelte": "./dist/index.js",
|
|
5
5
|
"types": "./dist/index.d.ts",
|
|
6
6
|
"type": "module",
|
|
@@ -10,7 +10,162 @@
|
|
|
10
10
|
"svelte": "./dist/index.js",
|
|
11
11
|
"default": "./dist/index.js"
|
|
12
12
|
},
|
|
13
|
-
"./styles.css": "./dist/assets/css/root.css"
|
|
13
|
+
"./styles.css": "./dist/assets/css/root.css",
|
|
14
|
+
"./app-shell": {
|
|
15
|
+
"types": "./dist/components/app-shell/index.d.ts",
|
|
16
|
+
"svelte": "./dist/components/app-shell/index.js",
|
|
17
|
+
"default": "./dist/components/app-shell/index.js"
|
|
18
|
+
},
|
|
19
|
+
"./badge": {
|
|
20
|
+
"types": "./dist/components/badge/index.d.ts",
|
|
21
|
+
"svelte": "./dist/components/badge/index.js",
|
|
22
|
+
"default": "./dist/components/badge/index.js"
|
|
23
|
+
},
|
|
24
|
+
"./breadcrumb": {
|
|
25
|
+
"types": "./dist/components/breadcrumb/index.d.ts",
|
|
26
|
+
"svelte": "./dist/components/breadcrumb/index.js",
|
|
27
|
+
"default": "./dist/components/breadcrumb/index.js"
|
|
28
|
+
},
|
|
29
|
+
"./button": {
|
|
30
|
+
"types": "./dist/components/button/index.d.ts",
|
|
31
|
+
"svelte": "./dist/components/button/index.js",
|
|
32
|
+
"default": "./dist/components/button/index.js"
|
|
33
|
+
},
|
|
34
|
+
"./button-group": {
|
|
35
|
+
"types": "./dist/components/button-group/index.d.ts",
|
|
36
|
+
"svelte": "./dist/components/button-group/index.js",
|
|
37
|
+
"default": "./dist/components/button-group/index.js"
|
|
38
|
+
},
|
|
39
|
+
"./checkbox": {
|
|
40
|
+
"types": "./dist/components/checkbox/index.d.ts",
|
|
41
|
+
"svelte": "./dist/components/checkbox/index.js",
|
|
42
|
+
"default": "./dist/components/checkbox/index.js"
|
|
43
|
+
},
|
|
44
|
+
"./collapsible": {
|
|
45
|
+
"types": "./dist/components/collapsible/index.d.ts",
|
|
46
|
+
"svelte": "./dist/components/collapsible/index.js",
|
|
47
|
+
"default": "./dist/components/collapsible/index.js"
|
|
48
|
+
},
|
|
49
|
+
"./combobox": {
|
|
50
|
+
"types": "./dist/components/combobox/index.d.ts",
|
|
51
|
+
"svelte": "./dist/components/combobox/index.js",
|
|
52
|
+
"default": "./dist/components/combobox/index.js"
|
|
53
|
+
},
|
|
54
|
+
"./command": {
|
|
55
|
+
"types": "./dist/components/command/index.d.ts",
|
|
56
|
+
"svelte": "./dist/components/command/index.js",
|
|
57
|
+
"default": "./dist/components/command/index.js"
|
|
58
|
+
},
|
|
59
|
+
"./data-table": {
|
|
60
|
+
"types": "./dist/components/data-table/index.d.ts",
|
|
61
|
+
"svelte": "./dist/components/data-table/index.js",
|
|
62
|
+
"default": "./dist/components/data-table/index.js"
|
|
63
|
+
},
|
|
64
|
+
"./dialog": {
|
|
65
|
+
"types": "./dist/components/dialog/index.d.ts",
|
|
66
|
+
"svelte": "./dist/components/dialog/index.js",
|
|
67
|
+
"default": "./dist/components/dialog/index.js"
|
|
68
|
+
},
|
|
69
|
+
"./drawer": {
|
|
70
|
+
"types": "./dist/components/drawer/index.d.ts",
|
|
71
|
+
"svelte": "./dist/components/drawer/index.js",
|
|
72
|
+
"default": "./dist/components/drawer/index.js"
|
|
73
|
+
},
|
|
74
|
+
"./dropdown": {
|
|
75
|
+
"types": "./dist/components/dropdown/index.d.ts",
|
|
76
|
+
"svelte": "./dist/components/dropdown/index.js",
|
|
77
|
+
"default": "./dist/components/dropdown/index.js"
|
|
78
|
+
},
|
|
79
|
+
"./field": {
|
|
80
|
+
"types": "./dist/components/field/index.d.ts",
|
|
81
|
+
"svelte": "./dist/components/field/index.js",
|
|
82
|
+
"default": "./dist/components/field/index.js"
|
|
83
|
+
},
|
|
84
|
+
"./icons": {
|
|
85
|
+
"types": "./dist/components/icons/index.d.ts",
|
|
86
|
+
"svelte": "./dist/components/icons/index.js",
|
|
87
|
+
"default": "./dist/components/icons/index.js"
|
|
88
|
+
},
|
|
89
|
+
"./input": {
|
|
90
|
+
"types": "./dist/components/input/index.d.ts",
|
|
91
|
+
"svelte": "./dist/components/input/index.js",
|
|
92
|
+
"default": "./dist/components/input/index.js"
|
|
93
|
+
},
|
|
94
|
+
"./input-group": {
|
|
95
|
+
"types": "./dist/components/input-group/index.d.ts",
|
|
96
|
+
"svelte": "./dist/components/input-group/index.js",
|
|
97
|
+
"default": "./dist/components/input-group/index.js"
|
|
98
|
+
},
|
|
99
|
+
"./kbd": {
|
|
100
|
+
"types": "./dist/components/kbd/index.d.ts",
|
|
101
|
+
"svelte": "./dist/components/kbd/index.js",
|
|
102
|
+
"default": "./dist/components/kbd/index.js"
|
|
103
|
+
},
|
|
104
|
+
"./navigation": {
|
|
105
|
+
"types": "./dist/components/navigation/index.d.ts",
|
|
106
|
+
"svelte": "./dist/components/navigation/index.js",
|
|
107
|
+
"default": "./dist/components/navigation/index.js"
|
|
108
|
+
},
|
|
109
|
+
"./number-input": {
|
|
110
|
+
"types": "./dist/components/number-input/index.d.ts",
|
|
111
|
+
"svelte": "./dist/components/number-input/index.js",
|
|
112
|
+
"default": "./dist/components/number-input/index.js"
|
|
113
|
+
},
|
|
114
|
+
"./pagination": {
|
|
115
|
+
"types": "./dist/components/pagination/index.d.ts",
|
|
116
|
+
"svelte": "./dist/components/pagination/index.js",
|
|
117
|
+
"default": "./dist/components/pagination/index.js"
|
|
118
|
+
},
|
|
119
|
+
"./popover": {
|
|
120
|
+
"types": "./dist/components/popover/index.d.ts",
|
|
121
|
+
"svelte": "./dist/components/popover/index.js",
|
|
122
|
+
"default": "./dist/components/popover/index.js"
|
|
123
|
+
},
|
|
124
|
+
"./segment": {
|
|
125
|
+
"types": "./dist/components/segment/index.d.ts",
|
|
126
|
+
"svelte": "./dist/components/segment/index.js",
|
|
127
|
+
"default": "./dist/components/segment/index.js"
|
|
128
|
+
},
|
|
129
|
+
"./select": {
|
|
130
|
+
"types": "./dist/components/select/index.d.ts",
|
|
131
|
+
"svelte": "./dist/components/select/index.js",
|
|
132
|
+
"default": "./dist/components/select/index.js"
|
|
133
|
+
},
|
|
134
|
+
"./separator": {
|
|
135
|
+
"types": "./dist/components/separator/index.d.ts",
|
|
136
|
+
"svelte": "./dist/components/separator/index.js",
|
|
137
|
+
"default": "./dist/components/separator/index.js"
|
|
138
|
+
},
|
|
139
|
+
"./skeleton": {
|
|
140
|
+
"types": "./dist/components/skeleton/index.d.ts",
|
|
141
|
+
"svelte": "./dist/components/skeleton/index.js",
|
|
142
|
+
"default": "./dist/components/skeleton/index.js"
|
|
143
|
+
},
|
|
144
|
+
"./slider": {
|
|
145
|
+
"types": "./dist/components/slider/index.d.ts",
|
|
146
|
+
"svelte": "./dist/components/slider/index.js",
|
|
147
|
+
"default": "./dist/components/slider/index.js"
|
|
148
|
+
},
|
|
149
|
+
"./spinner": {
|
|
150
|
+
"types": "./dist/components/spinner/index.d.ts",
|
|
151
|
+
"svelte": "./dist/components/spinner/index.js",
|
|
152
|
+
"default": "./dist/components/spinner/index.js"
|
|
153
|
+
},
|
|
154
|
+
"./switch": {
|
|
155
|
+
"types": "./dist/components/switch/index.d.ts",
|
|
156
|
+
"svelte": "./dist/components/switch/index.js",
|
|
157
|
+
"default": "./dist/components/switch/index.js"
|
|
158
|
+
},
|
|
159
|
+
"./textarea": {
|
|
160
|
+
"types": "./dist/components/textarea/index.d.ts",
|
|
161
|
+
"svelte": "./dist/components/textarea/index.js",
|
|
162
|
+
"default": "./dist/components/textarea/index.js"
|
|
163
|
+
},
|
|
164
|
+
"./toast": {
|
|
165
|
+
"types": "./dist/components/toast/index.d.ts",
|
|
166
|
+
"svelte": "./dist/components/toast/index.js",
|
|
167
|
+
"default": "./dist/components/toast/index.js"
|
|
168
|
+
}
|
|
14
169
|
},
|
|
15
170
|
"files": [
|
|
16
171
|
"dist",
|
|
@@ -27,11 +182,11 @@
|
|
|
27
182
|
"devDependencies": {
|
|
28
183
|
"@chromatic-com/storybook": "^4.1.2",
|
|
29
184
|
"@poppanator/sveltekit-svg": "^6.0.0",
|
|
30
|
-
"@storybook/addon-a11y": "^10.
|
|
31
|
-
"@storybook/addon-docs": "^10.
|
|
32
|
-
"@storybook/addon-svelte-csf": "^5.0.
|
|
33
|
-
"@storybook/addon-vitest": "^10.
|
|
34
|
-
"@storybook/sveltekit": "^10.
|
|
185
|
+
"@storybook/addon-a11y": "^10.2.17",
|
|
186
|
+
"@storybook/addon-docs": "^10.2.17",
|
|
187
|
+
"@storybook/addon-svelte-csf": "^5.0.11",
|
|
188
|
+
"@storybook/addon-vitest": "^10.2.17",
|
|
189
|
+
"@storybook/sveltekit": "^10.2.17",
|
|
35
190
|
"@sveltejs/adapter-static": "^3.0.8",
|
|
36
191
|
"@sveltejs/kit": "^2.48.4",
|
|
37
192
|
"@sveltejs/package": "^2.5.4",
|
|
@@ -45,7 +200,7 @@
|
|
|
45
200
|
"prettier": "^3.6.2",
|
|
46
201
|
"prettier-plugin-svelte": "^3.4.0",
|
|
47
202
|
"publint": "^0.3.15",
|
|
48
|
-
"storybook": "^10.
|
|
203
|
+
"storybook": "^10.2.17",
|
|
49
204
|
"svelte": "^5.36.1",
|
|
50
205
|
"svelte-check": "^4.3.0",
|
|
51
206
|
"tailwind-scrollbar": "^4.0.2",
|
|
@@ -64,7 +219,7 @@
|
|
|
64
219
|
"dependencies": {
|
|
65
220
|
"@tanstack/table-core": "^8.21.3",
|
|
66
221
|
"@zag-js/collection": "^1.30.0",
|
|
67
|
-
"bits-ui": "
|
|
222
|
+
"bits-ui": "2.16.3",
|
|
68
223
|
"runed": "^0.35.1",
|
|
69
224
|
"svelte-toolbelt": "^0.10.6",
|
|
70
225
|
"tailwind-merge": "^3.3.1",
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
export { default as Control } from './components/field.control.svelte';
|
|
2
|
-
export { default as Description } from './components/field.description.svelte';
|
|
3
|
-
export { default as Error } from './components/field.error.svelte';
|
|
4
|
-
export { default as Label } from './components/field.label.svelte';
|
|
5
|
-
export { default as Root } from './components/field.root.svelte';
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
export { default as Control } from './components/field.control.svelte';
|
|
2
|
-
export { default as Description } from './components/field.description.svelte';
|
|
3
|
-
export { default as Error } from './components/field.error.svelte';
|
|
4
|
-
export { default as Label } from './components/field.label.svelte';
|
|
5
|
-
export { default as Root } from './components/field.root.svelte';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default as Field } from './field.svelte';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default as Field } from './field.svelte';
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
export { default as Content } from './components/navigation.content.svelte';
|
|
2
|
-
export { default as Item } from './components/navigation.item.svelte';
|
|
3
|
-
export { default as Root } from './components/navigation.root.svelte';
|
|
4
|
-
export { default as SubContent } from './components/navigation.sub-content.svelte';
|
|
5
|
-
export { default as SubTrigger } from './components/navigation.sub-trigger.svelte';
|
|
6
|
-
export { default as Sub } from './components/navigation.sub.svelte';
|
|
7
|
-
export { default as Trigger } from './components/navigation.trigger.svelte';
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
export { default as Content } from './components/navigation.content.svelte';
|
|
2
|
-
export { default as Item } from './components/navigation.item.svelte';
|
|
3
|
-
export { default as Root } from './components/navigation.root.svelte';
|
|
4
|
-
export { default as SubContent } from './components/navigation.sub-content.svelte';
|
|
5
|
-
export { default as SubTrigger } from './components/navigation.sub-trigger.svelte';
|
|
6
|
-
export { default as Sub } from './components/navigation.sub.svelte';
|
|
7
|
-
export { default as Trigger } from './components/navigation.trigger.svelte';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { createNavigationCollection, default as Root } from './navigation.svelte';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { createNavigationCollection, default as Root } from './navigation.svelte';
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import type { ListCollection } from '../../internal/lib/collection/index.js';
|
|
2
|
-
import type { NavigationCollectionOptions, NavigationItem } from './types.js';
|
|
3
|
-
export declare function createNavigationCollection(options: NavigationCollectionOptions): ListCollection<NavigationItem>;
|
|
4
|
-
import type { NavigationProps } from './types.js';
|
|
5
|
-
declare const Navigation: import("svelte").Component<NavigationProps, {}, "ref" | "compact">;
|
|
6
|
-
type Navigation = ReturnType<typeof Navigation>;
|
|
7
|
-
export default Navigation;
|