@max-ts/svelte 1.1.0 → 1.2.0

package/dist/assets/styles.css.ts.vanilla-CryWmzed.css

@@ -0,0 +1,84 @@
+.styles_root__13225ic0 {
+  display: flex;
+  min-width: 0;
+  flex: 1;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: var(--spacing-6);
+  border-radius: var(--borderRadius-lg);
+  border: 2px dashed var(--colors-border);
+  padding: var(--spacing-6);
+  text-align: center;
+  text-wrap: balance;
+}
+.styles_content__13225ic1 {
+  display: flex;
+  width: 100%;
+  max-width: 24rem;
+  min-width: 0;
+  flex-direction: column;
+  align-items: center;
+  gap: var(--spacing-4);
+  font-size: var(--fontSize-sm);
+  text-wrap: balance;
+}
+.styles_header__13225ic2 {
+  display: flex;
+  max-width: 24rem;
+  flex-direction: column;
+  align-items: center;
+  gap: var(--spacing-2);
+  text-align: center;
+}
+.styles_title__13225ic3 {
+  font-size: var(--fontSize-lg);
+  font-weight: var(--fontWeight-medium);
+  letter-spacing: -0.025em;
+}
+.styles_description__13225ic4 {
+  color: var(--colors-text-secondary);
+  font-size: var(--fontSize-sm);
+  line-height: var(--lineHeight-relaxed);
+}
+.styles_description__13225ic4 > a {
+  text-decoration: underline;
+  text-underline-offset: 4px;
+}
+.styles_description__13225ic4 > a:hover {
+  color: var(--colors-primary);
+}
+.styles_media__13225ic5 {
+  margin-bottom: var(--spacing-2);
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+}
+.styles_media__13225ic5 svg {
+  pointer-events: none;
+  flex-shrink: 0;
+}
+.styles_mediaVariants_default__13225ic6 {
+  background-color: transparent;
+}
+.styles_mediaVariants_icon__13225ic7 {
+  background-color: var(--colors-background-element);
+  color: var(--colors-text-primary);
+  display: flex;
+  width: var(--spacing-10);
+  height: var(--spacing-10);
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  border-radius: var(--borderRadius-lg);
+}
+.styles_mediaVariants_icon__13225ic7 svg:not([class*='size-']) {
+  width: var(--spacing-6);
+  height: var(--spacing-6);
+}
+@media (min-width: 768px) {
+  .styles_root__13225ic0 {
+    padding: var(--spacing-12);
+  }
+}

package/dist/components/Empty/Content/Content.js

@@ -0,0 +1,32 @@
+import styles_css_default from "../styles.css.js";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+
+//#region src/components/Empty/Content/Content.svelte
+var root = $.from_html(`<div><!></div>`);
+function Content($$anchor, $$props) {
+	$.push($$props, true);
+	let ref = $.prop($$props, "ref", 15, null), restProps = $.rest_props($$props, [
+		"$$slots",
+		"$$events",
+		"$$legacy",
+		"ref",
+		"class",
+		"children"
+	]);
+	var div = root();
+	$.attribute_effect(div, () => ({
+		"data-slot": "empty-content",
+		class: [styles_css_default.content, $$props.class],
+		...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 { Content as default };

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

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

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

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

package/dist/components/Empty/Description/Description.js

@@ -0,0 +1,32 @@
+import styles_css_default from "../styles.css.js";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+
+//#region src/components/Empty/Description/Description.svelte
+var root = $.from_html(`<div><!></div>`);
+function Description($$anchor, $$props) {
+	$.push($$props, true);
+	let ref = $.prop($$props, "ref", 15, null), restProps = $.rest_props($$props, [
+		"$$slots",
+		"$$events",
+		"$$legacy",
+		"ref",
+		"class",
+		"children"
+	]);
+	var div = root();
+	$.attribute_effect(div, () => ({
+		"data-slot": "empty-description",
+		class: [styles_css_default.description, $$props.class],
+		...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 { Description as default };

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

@@ -0,0 +1,5 @@
+import type { HTMLAttributes } from 'svelte/elements';
+import type { WithElementRef } from '../../../types.js';
+declare const Description: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLDivElement>>, {}, "ref">;
+type Description = ReturnType<typeof Description>;
+export default Description;

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

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

package/dist/components/Empty/Empty.js

@@ -0,0 +1,32 @@
+import styles_css_default from "./styles.css.js";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+
+//#region src/components/Empty/Empty.svelte
+var root = $.from_html(`<div><!></div>`);
+function Empty($$anchor, $$props) {
+	$.push($$props, true);
+	let ref = $.prop($$props, "ref", 15, null), restProps = $.rest_props($$props, [
+		"$$slots",
+		"$$events",
+		"$$legacy",
+		"ref",
+		"class",
+		"children"
+	]);
+	var div = root();
+	$.attribute_effect(div, () => ({
+		"data-slot": "empty",
+		class: [styles_css_default.root, $$props.class],
+		...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 { Empty as default };

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

@@ -0,0 +1,5 @@
+import type { HTMLAttributes } from 'svelte/elements';
+import type { WithElementRef } from '../../types.js';
+declare const Empty: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLDivElement>>, {}, "ref">;
+type Empty = ReturnType<typeof Empty>;
+export default Empty;

package/dist/components/Empty/Header/Header.js

@@ -0,0 +1,32 @@
+import styles_css_default from "../styles.css.js";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+
+//#region src/components/Empty/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"
+	]);
+	var div = root();
+	$.attribute_effect(div, () => ({
+		"data-slot": "empty-header",
+		class: [styles_css_default.header, $$props.class],
+		...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/Empty/Header/Header.svelte.d.ts

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

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

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

package/dist/components/Empty/Media/Media.js

@@ -0,0 +1,38 @@
+import styles_css_default from "../styles.css.js";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+
+//#region src/components/Empty/Media/Media.svelte
+var root = $.from_html(`<div><!></div>`);
+function Media($$anchor, $$props) {
+	$.push($$props, true);
+	let ref = $.prop($$props, "ref", 15, null), variant = $.prop($$props, "variant", 3, "default"), restProps = $.rest_props($$props, [
+		"$$slots",
+		"$$events",
+		"$$legacy",
+		"ref",
+		"class",
+		"children",
+		"variant"
+	]);
+	var div = root();
+	$.attribute_effect(div, () => ({
+		"data-slot": "empty-icon",
+		"data-variant": variant(),
+		class: [
+			styles_css_default.media,
+			styles_css_default.mediaVariants[variant()],
+			$$props.class
+		],
+		...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 { Media as default };

package/dist/components/Empty/Media/Media.svelte.d.ts

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

package/dist/components/Empty/Media/index.d.ts

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

package/dist/components/Empty/Title/Title.js

@@ -0,0 +1,32 @@
+import styles_css_default from "../styles.css.js";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+
+//#region src/components/Empty/Title/Title.svelte
+var root = $.from_html(`<div><!></div>`);
+function Title($$anchor, $$props) {
+	$.push($$props, true);
+	let ref = $.prop($$props, "ref", 15, null), restProps = $.rest_props($$props, [
+		"$$slots",
+		"$$events",
+		"$$legacy",
+		"ref",
+		"class",
+		"children"
+	]);
+	var div = root();
+	$.attribute_effect(div, () => ({
+		"data-slot": "empty-title",
+		class: [styles_css_default.title, $$props.class],
+		...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 { Title as default };

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

@@ -0,0 +1,5 @@
+import type { HTMLAttributes } from 'svelte/elements';
+import type { WithElementRef } from '../../../types.js';
+declare const Title: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLDivElement>>, {}, "ref">;
+type Title = ReturnType<typeof Title>;
+export default Title;

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

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

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

@@ -0,0 +1,9 @@
+export declare const Empty: {
+    Root: import("svelte").Component<import("../../types.js").WithElementRef<import("svelte/elements").HTMLAttributes<HTMLDivElement>>, {}, "ref">;
+    Header: import("svelte").Component<import("../../types.js").WithElementRef<import("svelte/elements").HTMLAttributes<HTMLDivElement>>, {}, "ref">;
+    Media: import("svelte").Component<import("./types.js").EmptyMediaProps, {}, "ref">;
+    Title: import("svelte").Component<import("../../types.js").WithElementRef<import("svelte/elements").HTMLAttributes<HTMLDivElement>>, {}, "ref">;
+    Description: import("svelte").Component<import("../../types.js").WithElementRef<import("svelte/elements").HTMLAttributes<HTMLDivElement>>, {}, "ref">;
+    Content: import("svelte").Component<import("../../types.js").WithElementRef<import("svelte/elements").HTMLAttributes<HTMLDivElement>>, {}, "ref">;
+};
+export type * from './types.js';

package/dist/components/Empty/index.js

@@ -0,0 +1,19 @@
+import Empty$1 from "./Empty.js";
+import Header from "./Header/Header.js";
+import Media from "./Media/Media.js";
+import Title from "./Title/Title.js";
+import Description from "./Description/Description.js";
+import Content from "./Content/Content.js";
+
+//#region src/components/Empty/index.ts
+const Empty = {
+	Root: Empty$1,
+	Header,
+	Media,
+	Title,
+	Description,
+	Content
+};
+
+//#endregion
+export { Empty };

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

@@ -0,0 +1,18 @@
+import type { EmptyMediaVariant } from './types.js';
+export declare const root: string;
+export declare const content: string;
+export declare const header: string;
+export declare const title: string;
+export declare const description: string;
+export declare const media: string;
+export declare const mediaVariants: Record<EmptyMediaVariant, string>;
+declare const _default: {
+    root: string;
+    content: string;
+    header: string;
+    title: string;
+    description: string;
+    media: string;
+    mediaVariants: Record<EmptyMediaVariant, string>;
+};
+export default _default;

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

@@ -0,0 +1,21 @@
+import "./../../assets/theme.css.ts.vanilla-BRMmE1vI.css";
+import "./../../assets/styles.css.ts.vanilla-CryWmzed.css";
+
+//#region src/components/Empty/styles.css.ts
+var __default__ = {
+	root: "styles_root__13225ic0",
+	content: "styles_content__13225ic1",
+	header: "styles_header__13225ic2",
+	title: "styles_title__13225ic3",
+	description: "styles_description__13225ic4",
+	media: "styles_media__13225ic5",
+	mediaVariants
+};
+var styles_css_default = __default__;
+var mediaVariants = {
+	"default": "styles_mediaVariants_default__13225ic6",
+	icon: "styles_mediaVariants_icon__13225ic7"
+};
+
+//#endregion
+export { styles_css_default as default };

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

@@ -0,0 +1,6 @@
+import type { WithElementRef } from '../../types.js';
+import type { HTMLAttributes } from 'svelte/elements';
+export type EmptyMediaVariant = 'default' | 'icon';
+export interface EmptyMediaProps extends WithElementRef<HTMLAttributes<HTMLDivElement>> {
+    variant?: EmptyMediaVariant;
+}

package/dist/components/index.d.ts

@@ -4,7 +4,7 @@ export { Badge, badgeVariants, type BadgeVariant } from './Badge/index.js';
 export { Button, buttonVariants, type ButtonSize, type ButtonVariant, } from './Button/index.js';
 export { ButtonGroup, type ButtonGroupOrientation, type ButtonGroupProps, } from './ButtonGroup/index.js';
 export { Calendar, type CalendarProps } from './Calendar/index.js';
-export { Card } from './Card/index.js';
+export { Card, type CardVariant } from './Card/index.js';
 export { Carousel, type CarouselProps } from './Carousel/index.js';
 export { Checkbox } from './Checkbox/index.js';
 export { CircularProgress, type CircularProgressProps, } from './CircularProgress/index.js';
@@ -13,6 +13,7 @@ export { DataGrid, type DataGridColumn, type DataGridColumns, type DataGridProps
 export { DataGridSortHeader, type DataGridSortHeaderProps, type DataGridSorting, } from './DataGridSortHeader/index.js';
 export * as DropdownMenu from './DropdownMenu/index.js';
 export type { DropdownMenuProps } from './DropdownMenu/index.js';
+export { Empty, type EmptyMediaVariant } from './Empty/index.js';
 export { Field, type FieldOrientation, type FieldVariants, } from './Field/index.js';
 export { Input, type InputProps, type InputType, } from './Input/index.js';
 export { Item, type ItemProps, type ItemSize, type ItemVariant, } from './Item/index.js';

package/dist/components/index.js

@@ -18,6 +18,7 @@ import ContentState from "./ContentState/ContentState.js";
 import DataGrid from "./DataGrid/DataGrid.js";
 import DataGridSortHeader from "./DataGridSortHeader/DataGridSortHeader.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";
@@ -28,4 +29,4 @@ import RangeInput from "./RangeInput/RangeInput.js";
 import { Select } from "./Select/index.js";
 import Tooltip from "./Tooltip/Tooltip.js";
 
-export { Accordion, Alert, Badge, Button, ButtonGroup, Calendar, Card, Carousel, Checkbox, CircularProgress, ContentState, DataGrid, DataGridSortHeader, DropdownMenu_exports as DropdownMenu, Field, Input, Item, Label_1 as Label, Placeholder, Popover, RangeInput, Select, Separator, Slider, Spinner, Tooltip, Typography, badgeVariants, buttonVariants };
+export { Accordion, Alert, Badge, Button, ButtonGroup, Calendar, Card, Carousel, Checkbox, CircularProgress, ContentState, DataGrid, DataGridSortHeader, DropdownMenu_exports as DropdownMenu, Empty, Field, Input, Item, Label_1 as Label, Placeholder, Popover, RangeInput, Select, Separator, Slider, Spinner, Tooltip, Typography, badgeVariants, buttonVariants };

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

@@ -0,0 +1,19 @@
+import { Empty } from '../components/index.js';
+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 Empty: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Empty = InstanceType<typeof Empty>;
+export default Empty;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@max-ts/svelte",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "type": "module",
   "description": "Svelte component library.",
   "author": "Tsepelev Maksim",
@@ -13,12 +13,11 @@
     },
     "./package.json": "./package.json",
     "./theme": {
-      "types": "./dist/theme.css.d.ts",
-      "default": "./dist/theme.css.js"
+      "types": "./dist/theme.d.ts",
+      "default": "./dist/theme.js"
     },
     "./utils": {
       "types": "./dist/utils.d.ts",
-      "svelte": "./dist/utils.js",
       "default": "./dist/utils.js"
     }
   },