@max-ts/svelte 1.10.10 → 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.
@@ -2644,9 +2644,9 @@ img, picture, video, canvas {
2644
2644
  .styles_labelBase__1h4dxce0 {
2645
2645
  display: flex;
2646
2646
  align-items: center;
2647
- gap: var(--spacing-2);
2647
+ gap: var(--spacing-1);
2648
2648
  font-size: var(--fontSize-sm);
2649
- line-height: none;
2649
+ line-height: normal;
2650
2650
  font-weight: var(--fontWeight-medium);
2651
2651
  user-select: none;
2652
2652
  }
@@ -2658,6 +2658,11 @@ img, picture, video, canvas {
2658
2658
  pointer-events: none;
2659
2659
  opacity: 0.5;
2660
2660
  }
2661
+ .styles_required__1h4dxce1:after {
2662
+ content: "*";
2663
+ margin-top: var(--spacing-1);
2664
+ color: var(--colors-error);
2665
+ }
2661
2666
  .peer:disabled + * {
2662
2667
  cursor: not-allowed;
2663
2668
  opacity: 0.5;
@@ -1,24 +1,18 @@
1
- export declare const Drawer: {
2
- Root: import("svelte").Component<{
3
- open?: boolean;
4
- onOpenChange?: import("node_modules/bits-ui/dist/internal/types").OnChangeFn<boolean>;
5
- onOpenChangeComplete?: import("node_modules/bits-ui/dist/internal/types").OnChangeFn<boolean>;
6
- } & {
7
- children?: import("svelte").Snippet | undefined;
8
- } & {
9
- notCloseable?: boolean;
10
- shouldScaleBackground?: boolean;
11
- } & {
12
- children?: import("svelte").Snippet;
13
- }, {}, "open">;
14
- Trigger: import("svelte").Component<import("bits-ui").AlertDialogTriggerProps, {}, "">;
15
- Close: import("svelte").Component<import("bits-ui").AlertDialogTriggerProps, {}, "">;
16
- Content: import("svelte").Component<import("./types").DrawerContentProps, {}, "">;
17
- Overlay: import("svelte").Component<import("bits-ui").AlertDialogOverlayProps, {}, "">;
18
- Portal: import("svelte").Component<import("bits-ui").PortalProps, {}, "">;
19
- Header: import("svelte").Component<import("./types").DrawerHeaderProps, {}, "ref">;
20
- Footer: import("svelte").Component<import("./types").DrawerFooterProps, {}, "ref">;
21
- Title: import("svelte").Component<import("bits-ui").AlertDialogTitleProps, {}, "">;
22
- Description: import("svelte").Component<import("bits-ui").AlertDialogDescriptionProps, {}, "">;
1
+ import { DrawerCloseProps, DrawerContentProps, DrawerDescriptionProps, DrawerFooterProps, DrawerHeaderProps, DrawerOverlayProps, DrawerPortalProps, DrawerProps, DrawerTitleProps, DrawerTriggerProps } from "./types.js";
2
+ import * as _$svelte_legacy0 from "svelte/legacy";
3
+
4
+ //#region src/components/Drawer/index.d.ts
5
+ declare const Drawer: {
6
+ Root: _$svelte_legacy0.LegacyComponentType;
7
+ Trigger: _$svelte_legacy0.LegacyComponentType;
8
+ Close: _$svelte_legacy0.LegacyComponentType;
9
+ Content: _$svelte_legacy0.LegacyComponentType;
10
+ Overlay: _$svelte_legacy0.LegacyComponentType;
11
+ Portal: _$svelte_legacy0.LegacyComponentType;
12
+ Header: _$svelte_legacy0.LegacyComponentType;
13
+ Footer: _$svelte_legacy0.LegacyComponentType;
14
+ Title: _$svelte_legacy0.LegacyComponentType;
15
+ Description: _$svelte_legacy0.LegacyComponentType;
23
16
  };
24
- export type * from './types';
17
+ //#endregion
18
+ export { Drawer };
@@ -10,12 +10,17 @@ function Label_1($$anchor, $$props) {
10
10
  "$$events",
11
11
  "$$legacy",
12
12
  "ref",
13
- "class"
13
+ "class",
14
+ "required"
14
15
  ]);
15
16
  var fragment = $.comment();
16
17
  var node = $.first_child(fragment);
17
18
  {
18
- let $0 = $.derived(() => [__default__.labelBase, $$props.class]);
19
+ let $0 = $.derived(() => [
20
+ __default__.labelBase,
21
+ { [__default__.required]: $$props.required },
22
+ $$props.class
23
+ ]);
19
24
  $.component(node, () => Label.Root, ($$anchor, Label_Root) => {
20
25
  Label_Root($$anchor, $.spread_props({
21
26
  "data-slot": "label",
@@ -1,4 +1,5 @@
1
1
  import { Label } from 'bits-ui';
2
- declare const Label: import("svelte").Component<Label.RootProps, {}, "ref">;
2
+ import type { LabelProps } from './types';
3
+ declare const Label: import("svelte").Component<LabelProps, {}, "ref">;
3
4
  type Label = ReturnType<typeof Label>;
4
5
  export default Label;
@@ -1,4 +1,5 @@
1
1
  declare const _default: {
2
2
  labelBase: string;
3
+ required: string;
3
4
  };
4
5
  export default _default;
@@ -1,4 +1,7 @@
1
1
  //#region src/components/Label/styles.css.ts
2
- var __default__ = { labelBase: "styles_labelBase__1h4dxce0" };
2
+ var __default__ = {
3
+ labelBase: "styles_labelBase__1h4dxce0",
4
+ required: "styles_required__1h4dxce1"
5
+ };
3
6
  //#endregion
4
7
  export { __default__ as default };
@@ -0,0 +1,4 @@
1
+ import type { Label } from 'bits-ui';
2
+ export type LabelProps = Label.RootProps & {
3
+ required?: boolean;
4
+ };
@@ -74,6 +74,7 @@ var TooltipStore = class TooltipStore {
74
74
  if (!this.triggerEl) return;
75
75
  computePosition(this.triggerEl, node, {
76
76
  placement: this.#options.placement,
77
+ strategy: "fixed",
77
78
  middleware: [
78
79
  offset({ mainAxis: this.#options.offset }),
79
80
  flip(),
@@ -1,6 +1,6 @@
1
1
  import { Properties } from "../../../../../csstype@3.2.3/node_modules/csstype/index.js";
2
2
 
3
- //#region node_modules/.pnpm/@vanilla-extract+css@1.20.0/node_modules/@vanilla-extract/css/dist/vanilla-extract-css.cjs.d.ts
3
+ //#region node_modules/.pnpm/@vanilla-extract+css@1.20.1/node_modules/@vanilla-extract/css/dist/vanilla-extract-css.cjs.d.ts
4
4
  type CSSVarFunction = `var(--${string})`;
5
5
  declare const simplePseudoMap: {
6
6
  readonly ':-moz-any-link': true;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@max-ts/svelte",
3
- "version": "1.10.10",
3
+ "version": "1.11.0",
4
4
  "type": "module",
5
5
  "description": "Svelte component library.",
6
6
  "author": "Tsepelev Maksim",
@@ -36,40 +36,39 @@
36
36
  "svelte": "^5.53.5"
37
37
  },
38
38
  "devDependencies": {
39
- "@biomejs/biome": "^2.4.8",
39
+ "@biomejs/biome": "^2.4.10",
40
40
  "@changesets/cli": "^2.30.0",
41
- "@chromatic-com/storybook": "^5.0.2",
41
+ "@chromatic-com/storybook": "^5.1.1",
42
42
  "@internationalized/date": "^3.12.0",
43
- "@storybook/addon-a11y": "^10.3.1",
44
- "@storybook/addon-docs": "^10.3.1",
45
- "@storybook/addon-svelte-csf": "^5.0.12",
46
- "@storybook/addon-vitest": "^10.3.1",
47
- "@storybook/sveltekit": "^10.3.1",
43
+ "@storybook/addon-a11y": "^10.3.4",
44
+ "@storybook/addon-docs": "^10.3.4",
45
+ "@storybook/addon-svelte-csf": "^5.1.2",
46
+ "@storybook/addon-vitest": "^10.3.4",
47
+ "@storybook/sveltekit": "^10.3.4",
48
48
  "@sveltejs/vite-plugin-svelte": "^7.0.0",
49
49
  "@tsconfig/svelte": "^5.0.8",
50
- "@types/node": "^25.5.0",
51
- "@vanilla-extract/css": "^1.20.0",
50
+ "@types/node": "^25.5.2",
51
+ "@vanilla-extract/css": "^1.20.1",
52
52
  "@vanilla-extract/rollup-plugin": "^1.5.3",
53
- "@vanilla-extract/vite-plugin": "^5.2.1",
54
- "@vitest/browser-playwright": "^4.1.0",
53
+ "@vanilla-extract/vite-plugin": "^5.2.2",
54
+ "@vitest/browser-playwright": "^4.1.2",
55
55
  "bumpp": "^11.0.1",
56
56
  "rollup-plugin-svelte": "^7.2.3",
57
- "storybook": "^10.3.1",
58
- "svelte": "^5.54.0",
59
- "svelte-check": "^4.4.5",
60
- "svelte-preprocess": "^6.0.3",
61
- "svelte2tsx": "^0.7.52",
62
- "tsdown": "0.21.4",
63
- "typescript": "^5.9.3",
64
- "vite": "^8.0.1",
57
+ "storybook": "^10.3.4",
58
+ "svelte": "^5.55.1",
59
+ "svelte-check": "^4.4.6",
60
+ "svelte2tsx": "^0.7.53",
61
+ "tsdown": "0.21.7",
62
+ "typescript": "^6.0.2",
63
+ "vite": "^8.0.3",
65
64
  "vite-tsconfig-paths": "^6.1.1",
66
- "vitest": "^4.1.0",
65
+ "vitest": "^4.1.2",
67
66
  "vitest-browser-svelte": "^2.1.0"
68
67
  },
69
68
  "dependencies": {
70
69
  "@floating-ui/dom": "^1.7.6",
71
- "@lucide/svelte": "^0.577.0",
72
- "bits-ui": "^2.16.3"
70
+ "@lucide/svelte": "^1.7.0",
71
+ "bits-ui": "^2.16.5"
73
72
  },
74
73
  "scripts": {
75
74
  "build": "tsdown",