@max-ts/svelte 1.5.1 → 1.6.0

package/dist/assets/src/components/Dialog/styles.css.ts.vanilla-DiDNsPy7.css

@@ -0,0 +1,142 @@
+@keyframes styles_fadeIn__oq9x4f0 {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes styles_fadeOut__oq9x4f1 {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+@keyframes styles_scaleIn__oq9x4f2 {
+  from {
+    opacity: 0;
+    transform: translate(-50%, -48%) scale(0.95);
+  }
+  to {
+    opacity: 1;
+    transform: translate(-50%, -50%) scale(1);
+  }
+}
+@keyframes styles_scaleOut__oq9x4f3 {
+  from {
+    opacity: 1;
+    transform: translate(-50%, -50%) scale(1);
+  }
+  to {
+    opacity: 0;
+    transform: translate(-50%, -48%) scale(0.95);
+  }
+}
+.styles_overlay__oq9x4f4 {
+  position: fixed;
+  inset: 0;
+  background-color: rgb(15 23 42 / 0.5);
+  z-index: 50;
+}
+.styles_overlay__oq9x4f4[data-state=open] {
+  animation: styles_fadeIn__oq9x4f0 150ms ease-out;
+}
+.styles_overlay__oq9x4f4[data-state=closed] {
+  animation: styles_fadeOut__oq9x4f1 150ms ease-in;
+}
+.styles_content__oq9x4f5 {
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  z-index: 51;
+  display: grid;
+  gap: var(--spacing-4);
+  width: calc(100% - 2rem);
+  max-height: min(90vh, 48rem);
+  background-color: var(--colors-background-paper);
+  color: var(--colors-text-primary);
+  border-radius: var(--borderRadius-lg);
+  border: 1px solid var(--colors-border);
+  box-shadow: var(--shadow-4);
+  padding: var(--spacing-6);
+  outline: none;
+}
+.styles_content__oq9x4f5[data-state=open] {
+  animation: styles_scaleIn__oq9x4f2 200ms ease-out;
+}
+.styles_content__oq9x4f5[data-state=closed] {
+  animation: styles_scaleOut__oq9x4f3 150ms ease-in;
+}
+.styles_header__oq9x4f6 {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-2);
+  text-align: center;
+}
+.styles_footer__oq9x4f7 {
+  display: flex;
+  flex-direction: column-reverse;
+  gap: var(--spacing-2);
+}
+.styles_title__oq9x4f8 {
+  font-size: var(--fontSize-lg);
+  font-weight: var(--fontWeight-semibold);
+  line-height: var(--lineHeight-snug);
+}
+.styles_description__oq9x4f9 {
+  color: var(--colors-text-secondary);
+  font-size: var(--fontSize-sm);
+}
+.styles_closeButton__oq9x4fa {
+  position: absolute;
+  top: var(--spacing-4);
+  right: var(--spacing-4);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border: none;
+  border-radius: var(--borderRadius-sm);
+  background-color: transparent;
+  color: var(--colors-text-secondary);
+  opacity: 0.7;
+  cursor: pointer;
+  padding: var(--spacing-1);
+  transition: opacity 0.2s ease;
+}
+.styles_closeButton__oq9x4fa:hover {
+  opacity: 1;
+}
+.styles_closeButton__oq9x4fa:focus-visible {
+  outline: 2px solid var(--colors-primary);
+  outline-offset: 2px;
+}
+.styles_closeButton__oq9x4fa:disabled {
+  opacity: 0.5;
+  pointer-events: none;
+}
+.styles_visuallyHidden__oq9x4fb {
+  border: 0;
+  clip: rect(0, 0, 0, 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 1px;
+  white-space: nowrap;
+}
+@media screen and (min-width: 640px) {
+  .styles_content__oq9x4f5 {
+    width: 32rem;
+  }
+  .styles_header__oq9x4f6 {
+    text-align: left;
+  }
+  .styles_footer__oq9x4f7 {
+    flex-direction: row;
+    justify-content: flex-end;
+  }
+}

package/dist/components/Button/index.d.ts

@@ -1,3 +1,3 @@
 export { default as Button } from './Button.svelte';
 export { buttonVariants } from './styles.css';
-export type { ButtonSize, ButtonVariant } from './types';
+export type { ButtonProps, ButtonSize, ButtonVariant } from './types';

package/dist/components/Dialog/Close/Close.js

@@ -0,0 +1,31 @@
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { Dialog } from "bits-ui";
+
+//#region src/components/Dialog/Close/Close.svelte
+function Close($$anchor, $$props) {
+	$.push($$props, true);
+	let ref = $.prop($$props, "ref", 15, null), restProps = $.rest_props($$props, [
+		"$$slots",
+		"$$events",
+		"$$legacy",
+		"ref"
+	]);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => Dialog.Close, ($$anchor, DialogPrimitive_Close) => {
+		DialogPrimitive_Close($$anchor, $.spread_props({ "data-slot": "dialog-close" }, () => restProps, {
+			get ref() {
+				return ref();
+			},
+			set ref($$value) {
+				ref($$value);
+			}
+		}));
+	});
+	$.append($$anchor, fragment);
+	$.pop();
+}
+
+//#endregion
+export { Close as default };

package/dist/components/Dialog/Close/Close.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Dialog as DialogPrimitive } from 'bits-ui';
+declare const Close: import("svelte").Component<DialogPrimitive.TriggerProps, {}, "ref">;
+type Close = ReturnType<typeof Close>;
+export default Close;

package/dist/components/Dialog/Close/index.d.ts

@@ -0,0 +1 @@
+export { default as Close } from './Close.svelte';

package/dist/components/Dialog/Content/Content.js

@@ -0,0 +1,87 @@
+import { closeButton, content, visuallyHidden } from "../styles.css.js";
+import Overlay from "../Overlay/Overlay.js";
+import Portal from "../Portal/Portal.js";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { Dialog } from "bits-ui";
+import XIcon from "@lucide/svelte/icons/x";
+
+//#region src/components/Dialog/Content/Content.svelte
+var root_4 = $.from_html(`<!> <span>Close dialog</span>`, 1);
+var root_2 = $.from_html(`<!> <!>`, 1);
+var root_1 = $.from_html(`<!> <!>`, 1);
+function Content($$anchor, $$props) {
+	$.push($$props, true);
+	let ref = $.prop($$props, "ref", 15, null), showCloseButton = $.prop($$props, "showCloseButton", 3, true), restProps = $.rest_props($$props, [
+		"$$slots",
+		"$$events",
+		"$$legacy",
+		"ref",
+		"class",
+		"portalProps",
+		"showCloseButton",
+		"children"
+	]);
+	const classNames = $.derived(() => [content, $$props.class]);
+	Portal($$anchor, $.spread_props(() => $$props.portalProps, {
+		children: ($$anchor, $$slotProps) => {
+			var fragment_1 = root_1();
+			var node = $.first_child(fragment_1);
+			Overlay(node, {});
+			var node_1 = $.sibling(node, 2);
+			$.component(node_1, () => Dialog.Content, ($$anchor, DialogPrimitive_Content) => {
+				DialogPrimitive_Content($$anchor, $.spread_props({
+					"data-slot": "dialog-content",
+					get class() {
+						return $.get(classNames);
+					}
+				}, () => restProps, {
+					get ref() {
+						return ref();
+					},
+					set ref($$value) {
+						ref($$value);
+					},
+					children: ($$anchor, $$slotProps) => {
+						var fragment_2 = root_2();
+						var node_2 = $.first_child(fragment_2);
+						$.snippet(node_2, () => $$props.children ?? $.noop);
+						var node_3 = $.sibling(node_2, 2);
+						var consequent = ($$anchor) => {
+							var fragment_3 = $.comment();
+							var node_4 = $.first_child(fragment_3);
+							$.component(node_4, () => Dialog.Close, ($$anchor, DialogPrimitive_Close) => {
+								DialogPrimitive_Close($$anchor, {
+									get class() {
+										return closeButton;
+									},
+									children: ($$anchor, $$slotProps) => {
+										var fragment_4 = root_4();
+										var node_5 = $.first_child(fragment_4);
+										XIcon(node_5, {});
+										var span = $.sibling(node_5, 2);
+										$.template_effect(() => $.set_class(span, 1, $.clsx(visuallyHidden)));
+										$.append($$anchor, fragment_4);
+									},
+									$$slots: { default: true }
+								});
+							});
+							$.append($$anchor, fragment_3);
+						};
+						$.if(node_3, ($$render) => {
+							if (showCloseButton()) $$render(consequent);
+						});
+						$.append($$anchor, fragment_2);
+					},
+					$$slots: { default: true }
+				}));
+			});
+			$.append($$anchor, fragment_1);
+		},
+		$$slots: { default: true }
+	}));
+	$.pop();
+}
+
+//#endregion
+export { Content as default };

package/dist/components/Dialog/Content/Content.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { DialogContentProps } from '../types';
+declare const Content: import("svelte").Component<DialogContentProps, {}, "ref">;
+type Content = ReturnType<typeof Content>;
+export default Content;

package/dist/components/Dialog/Content/index.d.ts

@@ -0,0 +1 @@
+export { default as Content } from './Content.svelte';

package/dist/components/Dialog/Description/Description.js

@@ -0,0 +1,39 @@
+import { description } from "../styles.css.js";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { Dialog } from "bits-ui";
+
+//#region src/components/Dialog/Description/Description.svelte
+function Description($$anchor, $$props) {
+	$.push($$props, true);
+	let ref = $.prop($$props, "ref", 15, null), restProps = $.rest_props($$props, [
+		"$$slots",
+		"$$events",
+		"$$legacy",
+		"ref",
+		"class"
+	]);
+	const classNames = $.derived(() => [description, $$props.class]);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => Dialog.Description, ($$anchor, DialogPrimitive_Description) => {
+		DialogPrimitive_Description($$anchor, $.spread_props({
+			"data-slot": "dialog-description",
+			get class() {
+				return $.get(classNames);
+			}
+		}, () => restProps, {
+			get ref() {
+				return ref();
+			},
+			set ref($$value) {
+				ref($$value);
+			}
+		}));
+	});
+	$.append($$anchor, fragment);
+	$.pop();
+}
+
+//#endregion
+export { Description as default };

package/dist/components/Dialog/Description/Description.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Dialog as DialogPrimitive } from 'bits-ui';
+declare const Description: import("svelte").Component<DialogPrimitive.DescriptionProps, {}, "ref">;
+type Description = ReturnType<typeof Description>;
+export default Description;

package/dist/components/Dialog/Description/index.d.ts

@@ -0,0 +1 @@
+export { default as Description } from './Description.svelte';

package/dist/components/Dialog/Dialog.js

@@ -0,0 +1,39 @@
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { Dialog } from "bits-ui";
+
+//#region src/components/Dialog/Dialog.svelte
+function Dialog$1($$anchor, $$props) {
+	$.push($$props, true);
+	let open = $.prop($$props, "open", 15, false), restProps = $.rest_props($$props, [
+		"$$slots",
+		"$$events",
+		"$$legacy",
+		"open",
+		"children"
+	]);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => Dialog.Root, ($$anchor, DialogPrimitive_Root) => {
+		DialogPrimitive_Root($$anchor, $.spread_props(() => restProps, {
+			get open() {
+				return open();
+			},
+			set open($$value) {
+				open($$value);
+			},
+			children: ($$anchor, $$slotProps) => {
+				var fragment_1 = $.comment();
+				var node_1 = $.first_child(fragment_1);
+				$.snippet(node_1, () => $$props.children ?? $.noop);
+				$.append($$anchor, fragment_1);
+			},
+			$$slots: { default: true }
+		}));
+	});
+	$.append($$anchor, fragment);
+	$.pop();
+}
+
+//#endregion
+export { Dialog$1 as default };

package/dist/components/Dialog/Dialog.svelte.d.ts

@@ -0,0 +1,3 @@
+declare const Dialog: import("svelte").Component<import("bits-ui").AlertDialogRootPropsWithoutHTML, {}, "open">;
+type Dialog = ReturnType<typeof Dialog>;
+export default Dialog;

package/dist/components/Dialog/Footer/Footer.js

@@ -0,0 +1,33 @@
+import { footer } from "../styles.css.js";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+
+//#region src/components/Dialog/Footer/Footer.svelte
+var root = $.from_html(`<div><!></div>`);
+function Footer($$anchor, $$props) {
+	$.push($$props, true);
+	let ref = $.prop($$props, "ref", 15, null), restProps = $.rest_props($$props, [
+		"$$slots",
+		"$$events",
+		"$$legacy",
+		"ref",
+		"class",
+		"children"
+	]);
+	const classNames = $.derived(() => [footer, $$props.class]);
+	var div = root();
+	$.attribute_effect(div, () => ({
+		"data-slot": "dialog-footer",
+		class: $.get(classNames),
+		...restProps
+	}));
+	var node = $.child(div);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(div);
+	$.bind_this(div, ($$value) => ref($$value), () => ref());
+	$.append($$anchor, div);
+	$.pop();
+}
+
+//#endregion
+export { Footer as default };

package/dist/components/Dialog/Footer/Footer.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { DialogFooterProps } from '../types';
+declare const Footer: import("svelte").Component<DialogFooterProps, {}, "ref">;
+type Footer = ReturnType<typeof Footer>;
+export default Footer;

package/dist/components/Dialog/Footer/index.d.ts

@@ -0,0 +1 @@
+export { default as Footer } from './Footer.svelte';

package/dist/components/Dialog/Header/Header.js

@@ -0,0 +1,33 @@
+import { header } from "../styles.css.js";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+
+//#region src/components/Dialog/Header/Header.svelte
+var root = $.from_html(`<div><!></div>`);
+function Header($$anchor, $$props) {
+	$.push($$props, true);
+	let ref = $.prop($$props, "ref", 15, null), restProps = $.rest_props($$props, [
+		"$$slots",
+		"$$events",
+		"$$legacy",
+		"ref",
+		"class",
+		"children"
+	]);
+	const classNames = $.derived(() => [header, $$props.class]);
+	var div = root();
+	$.attribute_effect(div, () => ({
+		"data-slot": "dialog-header",
+		class: $.get(classNames),
+		...restProps
+	}));
+	var node = $.child(div);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(div);
+	$.bind_this(div, ($$value) => ref($$value), () => ref());
+	$.append($$anchor, div);
+	$.pop();
+}
+
+//#endregion
+export { Header as default };

package/dist/components/Dialog/Header/Header.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { DialogHeaderProps } from '../types';
+declare const Header: import("svelte").Component<DialogHeaderProps, {}, "ref">;
+type Header = ReturnType<typeof Header>;
+export default Header;

package/dist/components/Dialog/Header/index.d.ts

@@ -0,0 +1 @@
+export { default as Header } from './Header.svelte';

package/dist/components/Dialog/Overlay/Overlay.js

@@ -0,0 +1,39 @@
+import { overlay } from "../styles.css.js";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { Dialog } from "bits-ui";
+
+//#region src/components/Dialog/Overlay/Overlay.svelte
+function Overlay($$anchor, $$props) {
+	$.push($$props, true);
+	let ref = $.prop($$props, "ref", 15, null), restProps = $.rest_props($$props, [
+		"$$slots",
+		"$$events",
+		"$$legacy",
+		"ref",
+		"class"
+	]);
+	const classNames = $.derived(() => [overlay, $$props.class]);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => Dialog.Overlay, ($$anchor, DialogPrimitive_Overlay) => {
+		DialogPrimitive_Overlay($$anchor, $.spread_props({
+			"data-slot": "dialog-overlay",
+			get class() {
+				return $.get(classNames);
+			}
+		}, () => restProps, {
+			get ref() {
+				return ref();
+			},
+			set ref($$value) {
+				ref($$value);
+			}
+		}));
+	});
+	$.append($$anchor, fragment);
+	$.pop();
+}
+
+//#endregion
+export { Overlay as default };

package/dist/components/Dialog/Overlay/Overlay.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Dialog as DialogPrimitive } from 'bits-ui';
+declare const Overlay: import("svelte").Component<DialogPrimitive.OverlayProps, {}, "ref">;
+type Overlay = ReturnType<typeof Overlay>;
+export default Overlay;

package/dist/components/Dialog/Overlay/index.d.ts

@@ -0,0 +1 @@
+export { default as Overlay } from './Overlay.svelte';

package/dist/components/Dialog/Portal/Portal.js

@@ -0,0 +1,21 @@
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { Dialog } from "bits-ui";
+
+//#region src/components/Dialog/Portal/Portal.svelte
+function Portal($$anchor, $$props) {
+	let restProps = $.rest_props($$props, [
+		"$$slots",
+		"$$events",
+		"$$legacy"
+	]);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => Dialog.Portal, ($$anchor, DialogPrimitive_Portal) => {
+		DialogPrimitive_Portal($$anchor, $.spread_props(() => restProps));
+	});
+	$.append($$anchor, fragment);
+}
+
+//#endregion
+export { Portal as default };

package/dist/components/Dialog/Portal/Portal.svelte.d.ts

@@ -0,0 +1,3 @@
+declare const Portal: import("svelte").Component<import("bits-ui").PortalProps, {}, "">;
+type Portal = ReturnType<typeof Portal>;
+export default Portal;

package/dist/components/Dialog/Portal/index.d.ts

@@ -0,0 +1 @@
+export { default as Portal } from './Portal.svelte';

package/dist/components/Dialog/Title/Title.js

@@ -0,0 +1,39 @@
+import { title } from "../styles.css.js";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { Dialog } from "bits-ui";
+
+//#region src/components/Dialog/Title/Title.svelte
+function Title($$anchor, $$props) {
+	$.push($$props, true);
+	let ref = $.prop($$props, "ref", 15, null), restProps = $.rest_props($$props, [
+		"$$slots",
+		"$$events",
+		"$$legacy",
+		"ref",
+		"class"
+	]);
+	const classNames = $.derived(() => [title, $$props.class]);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => Dialog.Title, ($$anchor, DialogPrimitive_Title) => {
+		DialogPrimitive_Title($$anchor, $.spread_props({
+			"data-slot": "dialog-title",
+			get class() {
+				return $.get(classNames);
+			}
+		}, () => restProps, {
+			get ref() {
+				return ref();
+			},
+			set ref($$value) {
+				ref($$value);
+			}
+		}));
+	});
+	$.append($$anchor, fragment);
+	$.pop();
+}
+
+//#endregion
+export { Title as default };

package/dist/components/Dialog/Title/Title.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Dialog as DialogPrimitive } from 'bits-ui';
+declare const Title: import("svelte").Component<DialogPrimitive.TitleProps, {}, "ref">;
+type Title = ReturnType<typeof Title>;
+export default Title;

package/dist/components/Dialog/Title/index.d.ts

@@ -0,0 +1 @@
+export { default as Title } from './Title.svelte';

package/dist/components/Dialog/Trigger/Trigger.js

@@ -0,0 +1,31 @@
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { Dialog } from "bits-ui";
+
+//#region src/components/Dialog/Trigger/Trigger.svelte
+function Trigger($$anchor, $$props) {
+	$.push($$props, true);
+	let ref = $.prop($$props, "ref", 15, null), restProps = $.rest_props($$props, [
+		"$$slots",
+		"$$events",
+		"$$legacy",
+		"ref"
+	]);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => Dialog.Trigger, ($$anchor, DialogPrimitive_Trigger) => {
+		DialogPrimitive_Trigger($$anchor, $.spread_props({ "data-slot": "dialog-trigger" }, () => restProps, {
+			get ref() {
+				return ref();
+			},
+			set ref($$value) {
+				ref($$value);
+			}
+		}));
+	});
+	$.append($$anchor, fragment);
+	$.pop();
+}
+
+//#endregion
+export { Trigger as default };

package/dist/components/Dialog/Trigger/Trigger.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Dialog as DialogPrimitive } from 'bits-ui';
+declare const Trigger: import("svelte").Component<DialogPrimitive.TriggerProps, {}, "ref">;
+type Trigger = ReturnType<typeof Trigger>;
+export default Trigger;

package/dist/components/Dialog/Trigger/index.d.ts

@@ -0,0 +1 @@
+export { default as Trigger } from './Trigger.svelte';

package/dist/components/Dialog/index.d.ts

@@ -0,0 +1,14 @@
+declare const Dialog: {
+    Root: import("svelte").Component<import("bits-ui").AlertDialogRootPropsWithoutHTML, {}, "open">;
+    Trigger: import("svelte").Component<import("bits-ui").AlertDialogTriggerProps, {}, "ref">;
+    Close: import("svelte").Component<import("bits-ui").AlertDialogTriggerProps, {}, "ref">;
+    Content: import("svelte").Component<import("./types").DialogContentProps, {}, "ref">;
+    Overlay: import("svelte").Component<import("bits-ui").AlertDialogOverlayProps, {}, "ref">;
+    Portal: import("svelte").Component<import("bits-ui").PortalProps, {}, "">;
+    Header: import("svelte").Component<import("./types").DialogHeaderProps, {}, "ref">;
+    Footer: import("svelte").Component<import("./types").DialogFooterProps, {}, "ref">;
+    Title: import("svelte").Component<import("bits-ui").AlertDialogTitleProps, {}, "ref">;
+    Description: import("svelte").Component<import("bits-ui").AlertDialogDescriptionProps, {}, "ref">;
+};
+export { Dialog };
+export type * from './types';

package/dist/components/Dialog/index.js

@@ -0,0 +1,27 @@
+import Close from "./Close/Close.js";
+import Overlay from "./Overlay/Overlay.js";
+import Portal from "./Portal/Portal.js";
+import Content from "./Content/Content.js";
+import Description from "./Description/Description.js";
+import Dialog$1 from "./Dialog.js";
+import Footer from "./Footer/Footer.js";
+import Header from "./Header/Header.js";
+import Title from "./Title/Title.js";
+import Trigger from "./Trigger/Trigger.js";
+
+//#region src/components/Dialog/index.ts
+const Dialog = {
+	Root: Dialog$1,
+	Trigger,
+	Close,
+	Content,
+	Overlay,
+	Portal,
+	Header,
+	Footer,
+	Title,
+	Description
+};
+
+//#endregion
+export { Dialog };

package/dist/components/Dialog/styles.css.d.ts

@@ -0,0 +1,8 @@
+export declare const overlay: string;
+export declare const content: string;
+export declare const header: string;
+export declare const footer: string;
+export declare const title: string;
+export declare const description: string;
+export declare const closeButton: string;
+export declare const visuallyHidden: string;

package/dist/components/Dialog/styles.css.js

@@ -0,0 +1,15 @@
+import "./../../assets/src/theme.css.ts.vanilla-HT3RGHeI.css";
+import "./../../assets/src/components/Dialog/styles.css.ts.vanilla-DiDNsPy7.css";
+
+//#region src/components/Dialog/styles.css.ts
+var closeButton = "styles_closeButton__oq9x4fa";
+var content = "styles_content__oq9x4f5";
+var description = "styles_description__oq9x4f9";
+var footer = "styles_footer__oq9x4f7";
+var header = "styles_header__oq9x4f6";
+var overlay = "styles_overlay__oq9x4f4";
+var title = "styles_title__oq9x4f8";
+var visuallyHidden = "styles_visuallyHidden__oq9x4fb";
+
+//#endregion
+export { closeButton, content, description, footer, header, overlay, title, visuallyHidden };

package/dist/components/Dialog/types.d.ts

@@ -0,0 +1,18 @@
+import type { Dialog as DialogPrimitive } from 'bits-ui';
+import type { Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
+import type { WithElementRef, WithoutChildrenOrChild } from '../../types';
+export type DialogProps = DialogPrimitive.RootProps;
+export type DialogTriggerProps = DialogPrimitive.TriggerProps;
+export type DialogCloseProps = DialogPrimitive.CloseProps;
+export type DialogPortalProps = DialogPrimitive.PortalProps;
+export type DialogOverlayProps = DialogPrimitive.OverlayProps;
+export type DialogTitleProps = DialogPrimitive.TitleProps;
+export type DialogDescriptionProps = DialogPrimitive.DescriptionProps;
+export type DialogContentProps = WithoutChildrenOrChild<DialogPrimitive.ContentProps> & {
+    showCloseButton?: boolean;
+    portalProps?: WithoutChildrenOrChild<DialogPortalProps>;
+    children?: Snippet;
+};
+export type DialogHeaderProps = WithElementRef<HTMLAttributes<HTMLDivElement>>;
+export type DialogFooterProps = WithElementRef<HTMLAttributes<HTMLDivElement>>;

package/dist/components/RangeInput/RangeInput.js

@@ -9,7 +9,7 @@ import * as $ from "svelte/internal/client";
 var root = $.from_html(`<div><!> <!> <input type="text"/> <!> <input type="text"/> <!> <!></div>`);
 function RangeInput($$anchor, $$props) {
 	$.push($$props, true);
-	let minValue = $.prop($$props, "minValue", 15), maxValue = $.prop($$props, "maxValue", 15), width = $.prop($$props, "width", 3, 150), label = $.prop($$props, "label", 3, ""), unit = $.prop($$props, "unit", 3, ""), size = $.prop($$props, "size", 3, "medium"), minInputRef = $.prop($$props, "minInputRef", 15, null), maxInputRef = $.prop($$props, "maxInputRef", 15, null), ref = $.prop($$props, "ref", 15, null), restProps = $.rest_props($$props, [
+	let minValue = $.prop($$props, "minValue", 15), maxValue = $.prop($$props, "maxValue", 15), width = $.prop($$props, "width", 3, 150), size = $.prop($$props, "size", 3, "medium"), minInputRef = $.prop($$props, "minInputRef", 15, null), maxInputRef = $.prop($$props, "maxInputRef", 15, null), ref = $.prop($$props, "ref", 15, null), restProps = $.rest_props($$props, [
 		"$$slots",
 		"$$events",
 		"$$legacy",
@@ -27,6 +27,7 @@ function RangeInput($$anchor, $$props) {
 		"maxInputRef",
 		"ref"
 	]);
+	const calculatedWidth = $.derived(() => calculateSize(width()));
 	$.user_pre_effect(() => {
 		if (minValue() === void 0) minValue($$props.min);
 		if (maxValue() === void 0) maxValue($$props.max);
@@ -56,16 +57,16 @@ function RangeInput($$anchor, $$props) {
 		}
 	}
 	var div = root();
-	$.attribute_effect(div, ($0) => ({
+	$.attribute_effect(div, () => ({
 		class: [
 			__default__.container,
 			__default__.sizes[size()],
-			$$props.isActive ? __default__.activeClass : "",
+			{ [__default__.activeClass]: $$props.isActive },
 			$$props.class
 		],
 		...restProps,
-		[$.STYLE]: $0
-	}), [() => ({ width: calculateSize(width()) })]);
+		[$.STYLE]: { width: $.get(calculatedWidth) }
+	}));
 	var node = $.child(div);
 	Typography(node, {
 		get class() {
@@ -76,7 +77,7 @@ function RangeInput($$anchor, $$props) {
 		children: ($$anchor, $$slotProps) => {
 			$.next();
 			var text = $.text();
-			$.template_effect(() => $.set_text(text, label()));
+			$.template_effect(() => $.set_text(text, $$props.label));
 			$.append($$anchor, text);
 		},
 		$$slots: { default: true }
@@ -129,7 +130,7 @@ function RangeInput($$anchor, $$props) {
 		children: ($$anchor, $$slotProps) => {
 			$.next();
 			var text_3 = $.text();
-			$.template_effect(() => $.set_text(text_3, unit()));
+			$.template_effect(() => $.set_text(text_3, $$props.unit));
 			$.append($$anchor, text_3);
 		},
 		$$slots: { default: true }

package/dist/components/RangeInput/styles.css.d.ts

@@ -1,13 +1,14 @@
+import type { RangeInputSize } from './types';
 export declare const container: string;
 export declare const activeClass: string;
-export declare const sizes: Record<"small" | "medium" | "large", string>;
+export declare const sizes: Record<RangeInputSize, string>;
 export declare const textClass: string;
 export declare const inputClass: string;
 export declare const sliderClass: string;
 declare const _default: {
     container: string;
     activeClass: string;
-    sizes: Record<"small" | "medium" | "large", string>;
+    sizes: Record<RangeInputSize, string>;
     textClass: string;
     inputClass: string;
     sliderClass: string;

package/dist/components/index.d.ts

@@ -1,7 +1,7 @@
 export { Accordion } from './Accordion';
 export { Alert } from './Alert';
 export { Badge, type BadgeVariant, badgeVariants } from './Badge';
-export { Button, type ButtonSize, type ButtonVariant, buttonVariants, } from './Button';
+export { Button, type ButtonProps, type ButtonSize, type ButtonVariant, buttonVariants, } from './Button';
 export { ButtonGroup, type ButtonGroupOrientation, type ButtonGroupProps, } from './ButtonGroup';
 export { Calendar, type CalendarProps } from './Calendar';
 export { Card, type CardVariant } from './Card';
@@ -11,6 +11,7 @@ export { CircularProgress, type CircularProgressProps, } from './CircularProgres
 export { ContentState, type ContentStateErrorProps, type ContentStateProps, } from './ContentState';
 export { DataGrid, type DataGridColumn, type DataGridColumns, type DataGridProps, type DataGridState, } from './DataGrid';
 export { DataGridSortHeader, type DataGridSortHeaderProps, type DataGridSorting, } from './DataGridSortHeader';
+export { Dialog, type DialogCloseProps, type DialogContentProps, type DialogDescriptionProps, type DialogFooterProps, type DialogHeaderProps, type DialogProps, type DialogTitleProps, type DialogTriggerProps, } from './Dialog';
 export type { DropdownMenuProps } from './DropdownMenu';
 export * as DropdownMenu from './DropdownMenu';
 export { Empty, type EmptyMediaVariant } from './Empty';

package/dist/components/index.js

@@ -0,0 +1,35 @@
+import { Accordion } from "./Accordion/index.js";
+import { Alert } from "./Alert/index.js";
+import { badgeVariants } from "./Badge/styles.css.js";
+import Badge from "./Badge/Badge.js";
+import { buttonVariants } from "./Button/styles.css.js";
+import Button from "./Button/Button.js";
+import Separator from "./Separator/Separator.js";
+import { ButtonGroup } from "./ButtonGroup/index.js";
+import Calendar from "./Calendar/Calendar.js";
+import { Card } from "./Card/index.js";
+import { Carousel } from "./Carousel/index.js";
+import Checkbox from "./Checkbox/Checkbox.js";
+import CircularProgress from "./CircularProgress/CircularProgress.js";
+import Typography from "./Typography/Typography.js";
+import Placeholder from "./Placeholder/Placeholder.js";
+import Spinner from "./Spinner/Spinner.js";
+import ContentState from "./ContentState/ContentState.js";
+import DataGrid from "./DataGrid/DataGrid.js";
+import DataGridSortHeader from "./DataGridSortHeader/DataGridSortHeader.js";
+import { Dialog } from "./Dialog/index.js";
+import { DropdownMenu_exports } from "./DropdownMenu/index.js";
+import { Empty } from "./Empty/index.js";
+import Label_1 from "./Label/Label.js";
+import { Field } from "./Field/index.js";
+import Input from "./Input/Input.js";
+import { InputGroup } from "./InputGroup/index.js";
+import { Item } from "./Item/index.js";
+import { Popover } from "./Popover/index.js";
+import Slider from "./Slider/Slider.js";
+import RangeInput from "./RangeInput/RangeInput.js";
+import { Select } from "./Select/index.js";
+import { Tabs } from "./Tabs/index.js";
+import Tooltip from "./Tooltip/Tooltip.js";
+
+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 };

package/dist/stories/Dialog.stories.svelte.d.ts

@@ -0,0 +1,19 @@
+import { Dialog } from '../components';
+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> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Dialog: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Dialog = InstanceType<typeof Dialog>;
+export default Dialog;

package/package.json

@@ -1,15 +1,15 @@
 {
   "name": "@max-ts/svelte",
-  "version": "1.5.1",
+  "version": "1.6.0",
   "type": "module",
   "description": "Svelte component library.",
   "author": "Tsepelev Maksim",
   "license": "MIT",
   "exports": {
     ".": {
-      "types": "./dist/components.d.ts",
-      "svelte": "./dist/components.js",
-      "default": "./dist/components.js"
+      "types": "./dist/components/index.d.ts",
+      "svelte": "./dist/components/index.js",
+      "default": "./dist/components/index.js"
     },
     "./package.json": "./package.json",
     "./theme": {

package/dist/components.d.ts

@@ -1,67 +0,0 @@
-import Badge from "./components/Badge/Badge.js";
-import Button from "./components/Button/Button.js";
-import Separator from "./components/Separator/Separator.js";
-import Calendar from "./components/Calendar/Calendar.js";
-import Checkbox from "./components/Checkbox/Checkbox.js";
-import CircularProgress from "./components/CircularProgress/CircularProgress.js";
-import Typography from "./components/Typography/Typography.js";
-import Placeholder from "./components/Placeholder/Placeholder.js";
-import Spinner from "./components/Spinner/Spinner.js";
-import ContentState from "./components/ContentState/ContentState.js";
-import DataGrid from "./components/DataGrid/DataGrid.js";
-import DataGridSortHeader from "./components/DataGridSortHeader/DataGridSortHeader.js";
-import Label_1 from "./components/Label/Label.js";
-import Input from "./components/Input/Input.js";
-import Slider from "./components/Slider/Slider.js";
-import RangeInput from "./components/RangeInput/RangeInput.js";
-import Tooltip from "./components/Tooltip/Tooltip.js";
-import { Accordion } from "./components/Accordion/index.js";
-import { Alert } from "./components/Alert/index.js";
-import { BadgeVariant } from "./components/Badge/types.js";
-import { badgeVariants } from "./components/Badge/styles.css.js";
-import { ButtonSize, ButtonVariant } from "./components/Button/types.js";
-import { buttonVariants } from "./components/Button/styles.css.js";
-import { ButtonGroupOrientation, ButtonGroupProps } from "./components/ButtonGroup/types.js";
-import { ButtonGroup } from "./components/ButtonGroup/index.js";
-import { CalendarProps } from "./components/Calendar/types.js";
-import "./components/Calendar/index.js";
-import { CardVariant } from "./components/Card/types.js";
-import { Card } from "./components/Card/index.js";
-import { CarouselProps } from "./components/Carousel/types.js";
-import { Carousel } from "./components/Carousel/index.js";
-import { CircularProgressProps } from "./components/CircularProgress/types.js";
-import { PlaceholderProps, PlaceholderSize } from "./components/Placeholder/types.js";
-import "./components/Placeholder/index.js";
-import { ContentStateErrorProps, ContentStateProps } from "./components/ContentState/types.js";
-import "./components/ContentState/index.js";
-import { DataGridColumn, DataGridColumns, DataGridProps, DataGridState } from "./components/DataGrid/types.js";
-import "./components/DataGrid/index.js";
-import { DataGridSortHeaderProps, DataGridSorting } from "./components/DataGridSortHeader/types.js";
-import "./components/DataGridSortHeader/index.js";
-import { DropdownMenuProps } from "./components/DropdownMenu/types.js";
-import { index_d_exports } from "./components/DropdownMenu/index.js";
-import { EmptyMediaVariant } from "./components/Empty/types.js";
-import { Empty } from "./components/Empty/index.js";
-import { FieldOrientation, FieldVariants } from "./components/Field/types.js";
-import { Field } from "./components/Field/index.js";
-import { InputProps, InputType } from "./components/Input/types.js";
-import { InputGroupAddonAlign, InputGroupButtonSize } from "./components/InputGroup/types.js";
-import { InputGroup } from "./components/InputGroup/index.js";
-import { ItemProps, ItemSize, ItemVariant } from "./components/Item/types.js";
-import { Item } from "./components/Item/index.js";
-import { PopoverProps } from "./components/Popover/types.js";
-import { Popover } from "./components/Popover/index.js";
-import { RangeInputProps, RangeInputSize } from "./components/RangeInput/types.js";
-import { Select } from "./components/Select/index.js";
-import { SeparatorProps } from "./components/Separator/types.js";
-import "./components/Separator/index.js";
-import { SliderProps } from "./components/Slider/types.js";
-import "./components/Slider/index.js";
-import { SpinnerSize } from "./components/Spinner/types.js";
-import { TabsProps } from "./components/Tabs/types.js";
-import { Tabs } from "./components/Tabs/index.js";
-import { TooltipProps } from "./components/Tooltip/types.js";
-import "./components/Tooltip/index.js";
-import { TypographyAlign, TypographyColor, TypographyProps, TypographyVariant } from "./components/Typography/types.js";
-import "./components/Typography/index.js";
-export { Accordion, Alert, Badge, type BadgeVariant, Button, ButtonGroup, type ButtonGroupOrientation, type ButtonGroupProps, type ButtonSize, type ButtonVariant, Calendar, type CalendarProps, Card, type CardVariant, Carousel, type CarouselProps, Checkbox, CircularProgress, type CircularProgressProps, ContentState, type ContentStateErrorProps, type ContentStateProps, DataGrid, type DataGridColumn, type DataGridColumns, type DataGridProps, DataGridSortHeader, type DataGridSortHeaderProps, type DataGridSorting, type DataGridState, index_d_exports as DropdownMenu, type DropdownMenuProps, Empty, type EmptyMediaVariant, Field, type FieldOrientation, type FieldVariants, Input, InputGroup, type InputGroupAddonAlign, type InputGroupButtonSize, type InputProps, type InputType, Item, type ItemProps, type ItemSize, type ItemVariant, Label_1 as Label, Placeholder, type PlaceholderProps, type PlaceholderSize, Popover, type PopoverProps, RangeInput, type RangeInputProps, type RangeInputSize, Select, Separator, type SeparatorProps, Slider, type SliderProps, Spinner, type SpinnerSize, Tabs, type TabsProps, Tooltip, type TooltipProps, Typography, type TypographyAlign, type TypographyColor, type TypographyProps, type TypographyVariant, badgeVariants, buttonVariants };

package/dist/components.js

@@ -1,34 +0,0 @@
-import { Accordion } from "./components/Accordion/index.js";
-import { Alert } from "./components/Alert/index.js";
-import { badgeVariants } from "./components/Badge/styles.css.js";
-import Badge from "./components/Badge/Badge.js";
-import { buttonVariants } from "./components/Button/styles.css.js";
-import Button from "./components/Button/Button.js";
-import Separator from "./components/Separator/Separator.js";
-import { ButtonGroup } from "./components/ButtonGroup/index.js";
-import Calendar from "./components/Calendar/Calendar.js";
-import { Card } from "./components/Card/index.js";
-import { Carousel } from "./components/Carousel/index.js";
-import Checkbox from "./components/Checkbox/Checkbox.js";
-import CircularProgress from "./components/CircularProgress/CircularProgress.js";
-import Typography from "./components/Typography/Typography.js";
-import Placeholder from "./components/Placeholder/Placeholder.js";
-import Spinner from "./components/Spinner/Spinner.js";
-import ContentState from "./components/ContentState/ContentState.js";
-import DataGrid from "./components/DataGrid/DataGrid.js";
-import DataGridSortHeader from "./components/DataGridSortHeader/DataGridSortHeader.js";
-import { DropdownMenu_exports } from "./components/DropdownMenu/index.js";
-import { Empty } from "./components/Empty/index.js";
-import Label_1 from "./components/Label/Label.js";
-import { Field } from "./components/Field/index.js";
-import Input from "./components/Input/Input.js";
-import { InputGroup } from "./components/InputGroup/index.js";
-import { Item } from "./components/Item/index.js";
-import { Popover } from "./components/Popover/index.js";
-import Slider from "./components/Slider/Slider.js";
-import RangeInput from "./components/RangeInput/RangeInput.js";
-import { Select } from "./components/Select/index.js";
-import { Tabs } from "./components/Tabs/index.js";
-import Tooltip from "./components/Tooltip/Tooltip.js";
-
-export { Accordion, Alert, Badge, Button, ButtonGroup, Calendar, Card, Carousel, Checkbox, CircularProgress, ContentState, DataGrid, DataGridSortHeader, 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 };