@max-ts/svelte 1.6.1 → 1.7.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.
Files changed (59) hide show
  1. package/dist/assets/src/components/Drawer/styles.css.ts.vanilla-BblmUQZx.css +130 -0
  2. package/dist/assets/src/components/RangeInput/{styles.css.ts.vanilla-B_0PcDN7.css → styles.css.ts.vanilla-B14tcXWf.css} +15 -12
  3. package/dist/components/Carousel/Arrows/styles.css.d.ts +0 -4
  4. package/dist/components/Carousel/Arrows/styles.css.js +8 -10
  5. package/dist/components/Carousel/Content/styles.css.d.ts +0 -3
  6. package/dist/components/Carousel/Content/styles.css.js +4 -5
  7. package/dist/components/Carousel/Item/styles.css.d.ts +0 -2
  8. package/dist/components/Carousel/Item/styles.css.js +4 -5
  9. package/dist/components/Carousel/styles.css.d.ts +0 -1
  10. package/dist/components/Drawer/Close/Close.js +21 -0
  11. package/dist/components/Drawer/Close/Close.svelte.d.ts +4 -0
  12. package/dist/components/Drawer/Close/index.d.ts +1 -0
  13. package/dist/components/Drawer/Content/Content.js +129 -0
  14. package/dist/components/Drawer/Content/Content.svelte.d.ts +4 -0
  15. package/dist/components/Drawer/Content/index.d.ts +1 -0
  16. package/dist/components/Drawer/Description/Description.js +33 -0
  17. package/dist/components/Drawer/Description/Description.svelte.d.ts +4 -0
  18. package/dist/components/Drawer/Description/index.d.ts +1 -0
  19. package/dist/components/Drawer/Drawer.js +69 -0
  20. package/dist/components/Drawer/Drawer.svelte.d.ts +8 -0
  21. package/dist/components/Drawer/Footer/Footer.js +32 -0
  22. package/dist/components/Drawer/Footer/Footer.svelte.d.ts +4 -0
  23. package/dist/components/Drawer/Footer/index.d.ts +1 -0
  24. package/dist/components/Drawer/Header/Header.js +32 -0
  25. package/dist/components/Drawer/Header/Header.svelte.d.ts +4 -0
  26. package/dist/components/Drawer/Header/index.d.ts +1 -0
  27. package/dist/components/Drawer/Overlay/Overlay.js +43 -0
  28. package/dist/components/Drawer/Overlay/Overlay.svelte.d.ts +4 -0
  29. package/dist/components/Drawer/Overlay/index.d.ts +1 -0
  30. package/dist/components/Drawer/Portal/Portal.js +30 -0
  31. package/dist/components/Drawer/Portal/Portal.svelte.d.ts +3 -0
  32. package/dist/components/Drawer/Portal/index.d.ts +1 -0
  33. package/dist/components/Drawer/Title/Title.js +33 -0
  34. package/dist/components/Drawer/Title/Title.svelte.d.ts +4 -0
  35. package/dist/components/Drawer/Title/index.d.ts +1 -0
  36. package/dist/components/Drawer/Trigger/Trigger.js +21 -0
  37. package/dist/components/Drawer/Trigger/Trigger.svelte.d.ts +4 -0
  38. package/dist/components/Drawer/Trigger/index.d.ts +1 -0
  39. package/dist/components/Drawer/context.d.ts +7 -0
  40. package/dist/components/Drawer/context.js +9 -0
  41. package/dist/components/Drawer/index.d.ts +24 -0
  42. package/dist/components/Drawer/index.js +27 -0
  43. package/dist/components/Drawer/styles.css.d.ts +13 -0
  44. package/dist/components/Drawer/styles.css.js +19 -0
  45. package/dist/components/Drawer/types.d.ts +22 -0
  46. package/dist/components/RangeInput/RangeInput.js +84 -81
  47. package/dist/components/RangeInput/RangeInput.svelte.d.ts +1 -1
  48. package/dist/components/RangeInput/styles.css.d.ts +5 -10
  49. package/dist/components/RangeInput/styles.css.js +11 -11
  50. package/dist/components/RangeInput/types.d.ts +3 -3
  51. package/dist/components/RangeInput/utils.d.ts +2 -0
  52. package/dist/components/RangeInput/utils.js +10 -0
  53. package/dist/components/Slider/Slider.js +14 -13
  54. package/dist/components/Slider/styles.css.d.ts +0 -6
  55. package/dist/components/Slider/styles.css.js +10 -12
  56. package/dist/components/index.d.ts +1 -0
  57. package/dist/components/index.js +2 -1
  58. package/dist/stories/Drawer.stories.svelte.d.ts +19 -0
  59. package/package.json +10 -10
@@ -17,8 +17,6 @@ function Slider$1($$anchor, $$props) {
17
17
  "class",
18
18
  "size"
19
19
  ]);
20
- const thumbClass = $.derived(() => [__default__.thumb, __default__.thumbSizes[size()]]);
21
- const trackClass = $.derived(() => [__default__.track, __default__.trackSizes[size()]]);
22
20
  var fragment = $.comment();
23
21
  var node = $.first_child(fragment);
24
22
  {
@@ -40,22 +38,25 @@ function Slider$1($$anchor, $$props) {
40
38
  $.each(node_2, 16, thumbItems, (thumb) => thumb, ($$anchor, thumb) => {
41
39
  var fragment_2 = $.comment();
42
40
  var node_3 = $.first_child(fragment_2);
43
- $.component(node_3, () => Slider.Thumb, ($$anchor, SliderPrimitive_Thumb) => {
44
- SliderPrimitive_Thumb($$anchor, {
45
- "data-slot": "slider-thumb",
46
- get index() {
47
- return thumb.index;
48
- },
49
- get class() {
50
- return $.get(thumbClass);
51
- }
41
+ {
42
+ let $0 = $.derived(() => [__default__.thumb, __default__.thumbSizes[size()]]);
43
+ $.component(node_3, () => Slider.Thumb, ($$anchor, SliderPrimitive_Thumb) => {
44
+ SliderPrimitive_Thumb($$anchor, {
45
+ "data-slot": "slider-thumb",
46
+ get index() {
47
+ return thumb.index;
48
+ },
49
+ get class() {
50
+ return $.get($0);
51
+ }
52
+ });
52
53
  });
53
- });
54
+ }
54
55
  $.append($$anchor, fragment_2);
55
56
  });
56
57
  $.template_effect(() => {
57
58
  $.set_attribute(span, "data-orientation", orientation());
58
- $.set_class(span, 1, $.clsx($.get(trackClass)));
59
+ $.set_class(span, 1, $.clsx([__default__.track, __default__.trackSizes[size()]]));
59
60
  });
60
61
  $.append($$anchor, fragment_1);
61
62
  };
@@ -1,10 +1,4 @@
1
1
  import type { SliderSize } from './types';
2
- export declare const root: string;
3
- export declare const track: string;
4
- export declare const trackSizes: Record<SliderSize, string>;
5
- export declare const range: string;
6
- export declare const thumb: string;
7
- export declare const thumbSizes: Record<SliderSize, string>;
8
2
  declare const _default: {
9
3
  root: string;
10
4
  track: string;
@@ -7,18 +7,16 @@ var __default__ = {
7
7
  track: "styles_track__1af48w01",
8
8
  range: "styles_range__1af48w05",
9
9
  thumb: "styles_thumb__1af48w06",
10
- trackSizes,
11
- thumbSizes
12
- };
13
- var thumbSizes = {
14
- small: "styles_thumbSizes_small__1af48w07",
15
- medium: "styles_thumbSizes_medium__1af48w08",
16
- large: "styles_thumbSizes_large__1af48w09"
17
- };
18
- var trackSizes = {
19
- small: "styles_trackSizes_small__1af48w02",
20
- medium: "styles_trackSizes_medium__1af48w03",
21
- large: "styles_trackSizes_large__1af48w04"
10
+ trackSizes: {
11
+ small: "styles_trackSizes_small__1af48w02",
12
+ medium: "styles_trackSizes_medium__1af48w03",
13
+ large: "styles_trackSizes_large__1af48w04"
14
+ },
15
+ thumbSizes: {
16
+ small: "styles_thumbSizes_small__1af48w07",
17
+ medium: "styles_thumbSizes_medium__1af48w08",
18
+ large: "styles_thumbSizes_large__1af48w09"
19
+ }
22
20
  };
23
21
 
24
22
  //#endregion
@@ -12,6 +12,7 @@ export { ContentState, type ContentStateErrorProps, type ContentStateProps, } fr
12
12
  export { DataGrid, type DataGridColumn, type DataGridColumns, type DataGridProps, type DataGridState, } from './DataGrid';
13
13
  export { DataGridSortHeader, type DataGridSortHeaderProps, type DataGridSorting, } from './DataGridSortHeader';
14
14
  export { Dialog, type DialogCloseProps, type DialogContentProps, type DialogDescriptionProps, type DialogFooterProps, type DialogHeaderProps, type DialogProps, type DialogTitleProps, type DialogTriggerProps, } from './Dialog';
15
+ export { Drawer, type DrawerCloseProps, type DrawerContentProps, type DrawerDescriptionProps, type DrawerFooterProps, type DrawerHeaderProps, type DrawerOverlayProps, type DrawerPortalProps, type DrawerProps, type DrawerTitleProps, type DrawerTriggerProps, } from './Drawer';
15
16
  export type { DropdownMenuProps } from './DropdownMenu';
16
17
  export * as DropdownMenu from './DropdownMenu';
17
18
  export { Empty, type EmptyMediaVariant } from './Empty';
@@ -18,6 +18,7 @@ import ContentState from "./ContentState/ContentState.js";
18
18
  import DataGrid from "./DataGrid/DataGrid.js";
19
19
  import DataGridSortHeader from "./DataGridSortHeader/DataGridSortHeader.js";
20
20
  import { Dialog } from "./Dialog/index.js";
21
+ import { Drawer } from "./Drawer/index.js";
21
22
  import { DropdownMenu_exports } from "./DropdownMenu/index.js";
22
23
  import { Empty } from "./Empty/index.js";
23
24
  import Label_1 from "./Label/Label.js";
@@ -32,4 +33,4 @@ import { Select } from "./Select/index.js";
32
33
  import { Tabs } from "./Tabs/index.js";
33
34
  import Tooltip from "./Tooltip/Tooltip.js";
34
35
 
35
- export { Accordion, Alert, Badge, Button, ButtonGroup, Calendar, Card, Carousel, Checkbox, CircularProgress, ContentState, DataGrid, DataGridSortHeader, Dialog, DropdownMenu_exports as DropdownMenu, Empty, Field, Input, InputGroup, Item, Label_1 as Label, Placeholder, Popover, RangeInput, Select, Separator, Slider, Spinner, Tabs, Tooltip, Typography, badgeVariants, buttonVariants };
36
+ export { Accordion, Alert, Badge, Button, ButtonGroup, Calendar, Card, Carousel, Checkbox, CircularProgress, ContentState, DataGrid, DataGridSortHeader, Dialog, Drawer, DropdownMenu_exports as DropdownMenu, Empty, Field, Input, InputGroup, Item, Label_1 as Label, Placeholder, Popover, RangeInput, Select, Separator, Slider, Spinner, Tabs, Tooltip, Typography, badgeVariants, buttonVariants };
@@ -0,0 +1,19 @@
1
+ import { Drawer } from '../components';
2
+ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
3
+ new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
4
+ $$bindings?: Bindings;
5
+ } & Exports;
6
+ (internal: unknown, props: {
7
+ $$events?: Events;
8
+ $$slots?: Slots;
9
+ }): Exports & {
10
+ $set?: any;
11
+ $on?: any;
12
+ };
13
+ z_$$bindings?: Bindings;
14
+ }
15
+ declare const Drawer: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
16
+ [evt: string]: CustomEvent<any>;
17
+ }, {}, {}, string>;
18
+ type Drawer = InstanceType<typeof Drawer>;
19
+ export default Drawer;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@max-ts/svelte",
3
- "version": "1.6.1",
3
+ "version": "1.7.1",
4
4
  "type": "module",
5
5
  "description": "Svelte component library.",
6
6
  "author": "Tsepelev Maksim",
@@ -41,16 +41,16 @@
41
41
  "devDependencies": {
42
42
  "@biomejs/biome": "^2.3.14",
43
43
  "@changesets/cli": "^2.29.8",
44
- "@chromatic-com/storybook": "^5.0.0",
44
+ "@chromatic-com/storybook": "^5.0.1",
45
45
  "@internationalized/date": "^3.11.0",
46
- "@storybook/addon-a11y": "^10.2.6",
47
- "@storybook/addon-docs": "^10.2.6",
46
+ "@storybook/addon-a11y": "^10.2.8",
47
+ "@storybook/addon-docs": "^10.2.8",
48
48
  "@storybook/addon-svelte-csf": "^5.0.10",
49
- "@storybook/addon-vitest": "^10.2.6",
50
- "@storybook/sveltekit": "^10.2.6",
49
+ "@storybook/addon-vitest": "^10.2.8",
50
+ "@storybook/sveltekit": "^10.2.8",
51
51
  "@sveltejs/vite-plugin-svelte": "^6.2.4",
52
52
  "@tsconfig/svelte": "^5.0.7",
53
- "@types/node": "^25.2.0",
53
+ "@types/node": "^25.2.2",
54
54
  "@vanilla-extract/css": "^1.18.0",
55
55
  "@vanilla-extract/rollup-plugin": "^1.5.1",
56
56
  "@vanilla-extract/vite-plugin": "^5.1.4",
@@ -59,15 +59,15 @@
59
59
  "embla-carousel-autoplay": "^8.6.0",
60
60
  "embla-carousel-svelte": "^8.6.0",
61
61
  "rollup-plugin-svelte": "^7.2.3",
62
- "storybook": "^10.2.6",
63
- "svelte": "^5.49.2",
62
+ "storybook": "^10.2.8",
63
+ "svelte": "^5.50.1",
64
64
  "svelte-check": "^4.3.6",
65
65
  "svelte-preprocess": "^6.0.3",
66
66
  "svelte2tsx": "^0.7.47",
67
67
  "tsdown": "0.20.3",
68
68
  "typescript": "^5.9.3",
69
69
  "vite": "^7.3.1",
70
- "vite-tsconfig-paths": "^6.0.5",
70
+ "vite-tsconfig-paths": "^6.1.0",
71
71
  "vitest": "^4.0.18",
72
72
  "vitest-browser-svelte": "^2.0.2"
73
73
  },