@max-ts/svelte 0.3.0 → 0.4.0

package/dist/styles/theme.css.js

@@ -1,169 +1 @@
-import { createGlobalTheme, createGlobalThemeContract, } from '@vanilla-extract/css';
-export const theme = createGlobalThemeContract({
-    colors: {
-        primary: 'colors-primary',
-        secondary: 'colors-secondary',
-        warning: 'colors-warning',
-        error: 'colors-error',
-        success: 'colors-success',
-        border: 'colors-border',
-        info: 'colors-info',
-        background: {
-            tooltip: 'colors-background-tooltip',
-            paper: 'colors-background-paper',
-            element: 'colors-background-element',
-            elementHover: 'colors-background-elementHover',
-            sidebar: 'colors-background-sidebar',
-        },
-        foreground: {
-            primary: 'colors-foreground-primary',
-            secondary: 'colors-foreground-secondary',
-        },
-        text: {
-            primary: 'colors-text-primary',
-            secondary: 'colors-text-secondary',
-            disabled: 'colors-text-disabled',
-            hint: 'colors-text-hint',
-        },
-    },
-    spacing: {
-        1: 'spacing-1',
-        2: 'spacing-2',
-        3: 'spacing-3',
-        4: 'spacing-4',
-        5: 'spacing-5',
-        6: 'spacing-6',
-        8: 'spacing-8',
-        10: 'spacing-10',
-        12: 'spacing-12',
-        16: 'spacing-16',
-        20: 'spacing-20',
-    },
-    shadow: {
-        1: 'shadow-1',
-        2: 'shadow-2',
-        3: 'shadow-3',
-        4: 'shadow-4',
-        5: 'shadow-5',
-    },
-    elevation: {
-        1: 'elevation-1',
-        2: 'elevation-2',
-        3: 'elevation-3',
-        4: 'elevation-4',
-        6: 'elevation-5',
-    },
-    fontSize: {
-        xs: 'fontSize-xs',
-        sm: 'fontSize-sm',
-        base: 'fontSize-base',
-        lg: 'fontSize-lg',
-        xl: 'fontSize-xl',
-        '2xl': 'fontSize-2xl',
-        '3xl': 'fontSize-3xl',
-        '4xl': 'fontSize-4xl',
-    },
-    fontWeight: {
-        normal: 'fontWeight-normal',
-        medium: 'fontWeight-medium',
-        semibold: 'fontWeight-semibold',
-        bold: 'fontWeight-bold',
-    },
-    lineHeight: {
-        none: 'lineHeight-none',
-        tight: 'lineHeight-tight',
-        snug: 'lineHeight-snug',
-        normal: 'lineHeight-normal',
-        relaxed: 'lineHeight-relaxed',
-        loose: 'lineHeight-loose',
-    },
-    borderRadius: {
-        sm: 'borderRadius-sm',
-        md: 'borderRadius-md',
-        lg: 'borderRadius-lg',
-    },
-});
-createGlobalTheme(':root', theme, {
-    colors: {
-        primary: 'oklch(0.27 0.00 0)',
-        secondary: 'oklch(0.45 0.03 257)',
-        border: 'oklch(0.92 0.00 0)',
-        error: 'oklch(0.64 0.21 25)',
-        success: 'oklch(0.63 0.17 149)',
-        warning: 'oklch(0.80 0.16 86)',
-        info: 'oklch(0.6 0.19 250)',
-        background: {
-            tooltip: 'oklch(0.37 0.00 0)',
-            paper: '#FFFFFF',
-            element: 'oklch(0.97 0.00 265)',
-            elementHover: 'oklch(0.96 0 0)',
-            sidebar: 'oklch(0.9851 0 0)',
-        },
-        foreground: {
-            primary: 'oklch(0.98 0.003 264)',
-            secondary: 'oklch(0.18 0.02 264)',
-        },
-        text: {
-            primary: 'oklch(0.21 0.03 265)',
-            secondary: 'oklch(0.37 0.03 260)',
-            disabled: 'oklch(0.55 0.02 264)',
-            hint: 'oklch(0.71 0.02 261)',
-        },
-    },
-    spacing: {
-        1: '0.25rem',
-        2: '0.5rem',
-        3: '0.75rem',
-        4: '1rem',
-        5: '1.25rem',
-        6: '1.5rem',
-        8: '2rem',
-        10: '2.5rem',
-        12: '3rem',
-        16: '4rem',
-        20: '5rem',
-    },
-    shadow: {
-        1: '0 1px 2px rgba(0, 0, 0, 0.05)',
-        2: '0 1px 3px rgba(0, 0, 0, 0.1)',
-        3: '0 4px 6px rgba(0, 0, 0, 0.1)',
-        4: '0 10px 15px rgba(0, 0, 0, 0.15)',
-        5: '0 20px 25px rgba(0, 0, 0, 0.2)',
-    },
-    elevation: {
-        1: '0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba #00000024 (0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12)',
-        2: '0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);',
-        3: '0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12)',
-        4: '0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12)',
-        6: '0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);',
-    },
-    fontSize: {
-        xs: '0.75rem',
-        sm: '0.875rem',
-        base: '1rem',
-        lg: '1.125rem',
-        xl: '1.25rem',
-        '2xl': '1.5rem',
-        '3xl': '1.875rem',
-        '4xl': '2.25rem',
-    },
-    fontWeight: {
-        normal: '400',
-        medium: '500',
-        semibold: '600',
-        bold: '700',
-    },
-    lineHeight: {
-        none: '1',
-        tight: '1.25',
-        snug: '1.375',
-        normal: '1.5',
-        relaxed: '1.625',
-        loose: '2',
-    },
-    borderRadius: {
-        sm: '0.25rem',
-        md: '0.375rem',
-        lg: '0.5rem',
-    },
-});
+import"./../assets/theme.css.ts.vanilla-BiAk0Crc.css";var e={colors:{primary:`var(--colors-primary)`,secondary:`var(--colors-secondary)`,warning:`var(--colors-warning)`,error:`var(--colors-error)`,success:`var(--colors-success)`,border:`var(--colors-border)`,info:`var(--colors-info)`,background:{tooltip:`var(--colors-background-tooltip)`,paper:`var(--colors-background-paper)`,element:`var(--colors-background-element)`,elementHover:`var(--colors-background-elementHover)`,sidebar:`var(--colors-background-sidebar)`},foreground:{primary:`var(--colors-foreground-primary)`,secondary:`var(--colors-foreground-secondary)`},text:{primary:`var(--colors-text-primary)`,secondary:`var(--colors-text-secondary)`,disabled:`var(--colors-text-disabled)`,hint:`var(--colors-text-hint)`}},spacing:{1:`var(--spacing-1)`,2:`var(--spacing-2)`,3:`var(--spacing-3)`,4:`var(--spacing-4)`,5:`var(--spacing-5)`,6:`var(--spacing-6)`,8:`var(--spacing-8)`,10:`var(--spacing-10)`,12:`var(--spacing-12)`,16:`var(--spacing-16)`,20:`var(--spacing-20)`},shadow:{1:`var(--shadow-1)`,2:`var(--shadow-2)`,3:`var(--shadow-3)`,4:`var(--shadow-4)`,5:`var(--shadow-5)`},elevation:{1:`var(--elevation-1)`,2:`var(--elevation-2)`,3:`var(--elevation-3)`,4:`var(--elevation-4)`,6:`var(--elevation-5)`},fontSize:{xs:`var(--fontSize-xs)`,sm:`var(--fontSize-sm)`,base:`var(--fontSize-base)`,lg:`var(--fontSize-lg)`,xl:`var(--fontSize-xl)`,"2xl":`var(--fontSize-2xl)`,"3xl":`var(--fontSize-3xl)`,"4xl":`var(--fontSize-4xl)`},fontWeight:{normal:`var(--fontWeight-normal)`,medium:`var(--fontWeight-medium)`,semibold:`var(--fontWeight-semibold)`,bold:`var(--fontWeight-bold)`},lineHeight:{none:`var(--lineHeight-none)`,tight:`var(--lineHeight-tight)`,snug:`var(--lineHeight-snug)`,normal:`var(--lineHeight-normal)`,relaxed:`var(--lineHeight-relaxed)`,loose:`var(--lineHeight-loose)`},borderRadius:{sm:`var(--borderRadius-sm)`,md:`var(--borderRadius-md)`,lg:`var(--borderRadius-lg)`}};export{e as theme};

package/dist/styles/utils.js

@@ -1,6 +1 @@
-import { theme } from './theme.css.js';
-export const negativeSpacing = (...keys) => keys.map((key) => `calc(-1 * ${theme.spacing[key]})`).join(' ');
-export const spacing = (...keys) => {
-    return keys.map((key) => theme.spacing[key]).join(' ');
-};
-export const calculateSize = (value) => typeof value === 'number' ? `${value}px` : value;
+import{theme as e}from"./theme.css.js";const t=(...t)=>t.map(t=>`calc(-1 * ${e.spacing[t]})`).join(` `),n=(...t)=>t.map(t=>e.spacing[t]).join(` `),r=e=>typeof e==`number`?`${e}px`:e;export{r as calculateSize,t as negativeSpacing,n as spacing};

package/package.json

@@ -1,72 +1,75 @@
 {
   "name": "@max-ts/svelte",
-  "version": "0.3.0",
-  "files": [
-    "dist",
-    "!dist/**/*.test.*",
-    "!dist/**/*.spec.*"
-  ],
-  "sideEffects": [
-    "**/*.css"
-  ],
-  "svelte": "./dist/index.js",
-  "types": "./dist/index.d.ts",
+  "version": "0.4.0",
   "type": "module",
+  "description": "Svelte component library.",
+  "author": "Tsepelev Maksim",
+  "license": "MIT",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
       "svelte": "./dist/index.js"
     }
   },
+  "main": "./dist/index.js",
+  "svelte": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
   "peerDependencies": {
     "@internationalized/date": "^3.10.1",
-    "@vanilla-extract/css": "^1.18.0",
-    "svelte": "^5.0.0"
+    "svelte": "^5.46.3"
   },
   "devDependencies": {
-    "@biomejs/biome": "2.3.11",
+    "@biomejs/biome": "^2.3.11",
     "@changesets/cli": "^2.29.8",
-    "@chromatic-com/storybook": "^4.1.3",
+    "@chromatic-com/storybook": "^5.0.0",
     "@internationalized/date": "^3.10.1",
     "@storybook/addon-a11y": "^10.1.11",
     "@storybook/addon-docs": "^10.1.11",
     "@storybook/addon-svelte-csf": "^5.0.10",
     "@storybook/addon-vitest": "^10.1.11",
     "@storybook/sveltekit": "^10.1.11",
-    "@sveltejs/adapter-auto": "^7.0.0",
-    "@sveltejs/kit": "^2.49.4",
-    "@sveltejs/package": "^2.5.7",
     "@sveltejs/vite-plugin-svelte": "^6.2.4",
-    "@types/node": "^25",
+    "@tsconfig/svelte": "^5.0.6",
+    "@types/node": "^25.0.8",
     "@vanilla-extract/css": "^1.18.0",
+    "@vanilla-extract/rollup-plugin": "^1.5.1",
     "@vanilla-extract/vite-plugin": "^5.1.4",
-    "@vitest/browser-playwright": "^4.0.16",
-    "@vitest/coverage-v8": "^4.0.16",
-    "playwright": "^1.57.0",
-    "publint": "^0.3.16",
+    "@vitest/browser-playwright": "^4.0.17",
+    "bumpp": "^10.4.0",
+    "rollup-plugin-svelte": "^7.2.3",
     "storybook": "^10.1.11",
-    "svelte": "^5.46.1",
+    "svelte": "^5.46.3",
     "svelte-check": "^4.3.5",
+    "svelte-preprocess": "^6.0.3",
+    "svelte2tsx": "^0.7.46",
+    "tsc-alias": "^1.8.16",
+    "tsdown": "0.19.0",
     "typescript": "^5.9.3",
     "vite": "^7.3.1",
     "vite-tsconfig-paths": "^6.0.4",
-    "vitest": "^4.0.16"
+    "vitest": "^4.0.17",
+    "vitest-browser-svelte": "^2.0.1"
   },
-  "keywords": [
-    "svelte"
-  ],
   "dependencies": {
     "@lucide/svelte": "^0.562.0",
     "bits-ui": "^2.15.4"
   },
   "scripts": {
-    "dev": "vite dev",
-    "build": "vite build && npm run prepack",
-    "preview": "vite preview",
-    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "lint": "biome check --write"
+    "build": "tsdown",
+    "dev": "tsdown --watch",
+    "play": "vite",
+    "test": "vitest",
+    "typecheck": "svelte-check --tsconfig ./tsconfig.json",
+    "release": "bumpp && pnpm publish",
+    "storybook": "storybook dev -p 6006"
   }
 }

package/dist/components/Accordion/Accordion.svelte

@@ -1,16 +0,0 @@
-<script lang="ts">
-import { Accordion as AccordionPrimitive } from 'bits-ui';
-
-let {
-	ref = $bindable(null),
-	value = $bindable(),
-	...restProps
-}: AccordionPrimitive.RootProps = $props();
-</script>
-
-<AccordionPrimitive.Root
-	bind:ref
-	bind:value={value as never}
-	data-slot="accordion"
-	{...restProps}
-/>

package/dist/components/Accordion/Content/Content.svelte

@@ -1,23 +0,0 @@
-<script lang="ts">
-import { Accordion as AccordionPrimitive } from 'bits-ui';
-import type { WithoutChild } from '../../../styles/index.js';
-import styles from './styles.css.js';
-
-let {
-	ref = $bindable(null),
-	class: className,
-	children,
-	...restProps
-}: WithoutChild<AccordionPrimitive.ContentProps> = $props();
-</script>
-
-<AccordionPrimitive.Content
-	bind:ref
-	data-slot="accordion-content"
-	class={styles.content}
-	{...restProps}
->
-	<div class={[styles.inner, className]}>
-		{@render children?.()}
-	</div>
-</AccordionPrimitive.Content>

package/dist/components/Accordion/Content/index.js

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

package/dist/components/Accordion/Item/Item.svelte

@@ -1,17 +0,0 @@
-<script lang="ts">
-import { Accordion as AccordionPrimitive } from 'bits-ui';
-import styles from './styles.css.js';
-
-let {
-	ref = $bindable(null),
-	class: className,
-	...restProps
-}: AccordionPrimitive.ItemProps = $props();
-</script>
-
-<AccordionPrimitive.Item
-	bind:ref
-	data-slot="accordion-item"
-	class={[styles.item, className]}
-	{...restProps}
-/>

package/dist/components/Accordion/Item/index.js

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

package/dist/components/Accordion/Trigger/Trigger.svelte

@@ -1,30 +0,0 @@
-<script lang="ts">
-import { ChevronDownIcon } from '@lucide/svelte';
-import { Accordion as AccordionPrimitive } from 'bits-ui';
-import type { WithoutChild } from '../../../styles/index.js';
-import styles from './styles.css.js';
-
-let {
-	ref = $bindable(null),
-	class: className,
-	level = 3,
-	children,
-	...restProps
-}: WithoutChild<AccordionPrimitive.TriggerProps> & {
-	level?: AccordionPrimitive.HeaderProps['level'];
-} = $props();
-</script>
-
-<AccordionPrimitive.Header {level} class={styles.header}>
-	<AccordionPrimitive.Trigger
-		data-slot="accordion-trigger"
-		bind:ref
-		class={[styles.trigger, className]}
-		{...restProps}
-	>
-		{@render children?.()}
-		<ChevronDownIcon
-			class={styles.icon}
-		/>
-	</AccordionPrimitive.Trigger>
-</AccordionPrimitive.Header>

package/dist/components/Accordion/Trigger/index.js

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

package/dist/components/Button/Button.svelte

@@ -1,53 +0,0 @@
-<script lang="ts">
-import styles from './styles.css.js';
-import type { ButtonProps } from './types.js';
-
-let {
-	ref = $bindable(null),
-	variant = 'default',
-	size = 'medium',
-	type = 'button',
-	href = undefined,
-	children,
-	loading = false,
-	fullWidth = false,
-	class: className,
-	disabled,
-	...restProps
-}: ButtonProps = $props();
-
-const classNames = $derived([
-	styles.buttonVariants[variant],
-	styles.buttonSizes[size],
-	{
-		[styles.loading]: loading,
-		[styles.fullWidth]: fullWidth,
-	},
-	className,
-]);
-</script>
-
-{#if href}
-	<a
-		bind:this={ref}
-		data-slot="button"
-		class={classNames}
-		href={disabled ? undefined : href}
-		aria-disabled={disabled}
-		role={disabled ? "link" : undefined}
-		tabindex={disabled ? -1 : undefined}
-	>
-		{@render children?.()}
-	</a>
-{:else}
-	<button
-		bind:this={ref}
-		data-slot="button"
-		class={classNames}
-		{type}
-		{disabled}
-		{...restProps}
-	>
-		{@render children?.()}
-	</button>
-{/if}

package/dist/components/Button/index.js

@@ -1,2 +0,0 @@
-export { default as Button } from './Button.svelte';
-export { buttonVariants } from './styles.css.js';

package/dist/components/Button/types.js

@@ -1 +0,0 @@
-export {};

package/dist/components/Calendar/Calendar.svelte

@@ -1,127 +0,0 @@
-<script lang="ts">
-import { type DateValue, isEqualMonth } from '@internationalized/date';
-import { Calendar as CalendarPrimitive } from 'bits-ui';
-import type { Snippet } from 'svelte';
-import type { ButtonVariant } from '../../index.js';
-import type { WithoutChildrenOrChild } from '../../styles/index.js';
-
-import { Caption } from './Caption/index.js';
-import { Cell } from './Cell/index.js';
-import { Day } from './Day/index.js';
-import { Grid } from './Grid/index.js';
-import { GridBody } from './GridBody/index.js';
-import { GridHead } from './GridHead/index.js';
-import { GridRow } from './GridRow/index.js';
-import { HeadCell } from './HeadCell/index.js';
-import { Header } from './Header/index.js';
-import { Month } from './Month/index.js';
-import { Months } from './Months/index.js';
-import { Nav } from './Nav/index.js';
-import { NextButton } from './NextButton/index.js';
-import { PrevButton } from './PrevButton/index.js';
-import styles from './styles.css.js';
-
-let {
-	ref = $bindable(null),
-	value = $bindable(),
-	placeholder = $bindable(),
-	class: className,
-	weekdayFormat = 'short',
-	buttonVariant = 'ghost',
-	captionLayout = 'label',
-	locale = 'ru-RU',
-	months: monthsProp,
-	years,
-	monthFormat: monthFormatProp,
-	yearFormat = 'numeric',
-	day,
-	disableDaysOutsideMonth = false,
-	...restProps
-}: WithoutChildrenOrChild<CalendarPrimitive.RootProps> & {
-	buttonVariant?: ButtonVariant;
-	captionLayout?: 'dropdown' | 'dropdown-months' | 'dropdown-years' | 'label';
-	months?: CalendarPrimitive.MonthSelectProps['months'];
-	years?: CalendarPrimitive.YearSelectProps['years'];
-	monthFormat?: CalendarPrimitive.MonthSelectProps['monthFormat'];
-	yearFormat?: CalendarPrimitive.YearSelectProps['yearFormat'];
-	day?: Snippet<[{ day: DateValue; outsideMonth: boolean }]>;
-} = $props();
-
-const monthFormat = $derived.by(() => {
-	if (monthFormatProp) return monthFormatProp;
-	if (captionLayout.startsWith('dropdown')) return 'short';
-	return 'long';
-});
-</script>
-
-<!--
-Discriminated Unions + Destructing (required for bindable) do not
-get along, so we shut typescript up by casting `value` to `never`.
--->
-<CalendarPrimitive.Root
-	bind:value={value as never}
-	bind:ref
-	bind:placeholder
-	{weekdayFormat}
-	{disableDaysOutsideMonth}
-	class={[styles.calendar, className]}
-	{locale}
-	{monthFormat}
-	{yearFormat}
-	{...restProps}
->
-	{#snippet children({ months, weekdays })}
-		<Months>
-			<Nav>
-				<PrevButton variant={buttonVariant} />
-				<NextButton variant={buttonVariant} />
-			</Nav>
-			{#each months as month, monthIndex (month)}
-				<Month>
-					<Header>
-						<Caption
-							{captionLayout}
-							months={monthsProp}
-							{monthFormat}
-							{years}
-							{yearFormat}
-							month={month.value}
-							bind:placeholder
-							{locale}
-							{monthIndex}
-						/>
-					</Header>
-					<Grid>
-						<GridHead>
-							<GridRow class={styles.gridRowHead}>
-								{#each weekdays as weekday (weekday)}
-									<HeadCell>
-										{weekday.slice(0, 2)}
-									</HeadCell>
-								{/each}
-							</GridRow>
-						</GridHead>
-						<GridBody>
-							{#each month.weeks as weekDates (weekDates)}
-								<GridRow class={styles.gridRow}>
-									{#each weekDates as date (date)}
-										<Cell {date} month={month.value}>
-											{#if day}
-												{@render day({
-													day: date,
-													outsideMonth: !isEqualMonth(date, month.value),
-												})}
-											{:else}
-												<Day />
-											{/if}
-										</Cell>
-									{/each}
-								</GridRow>
-							{/each}
-						</GridBody>
-					</Grid>
-				</Month>
-			{/each}
-		</Months>
-	{/snippet}
-</CalendarPrimitive.Root>

package/dist/components/Calendar/Caption/Caption.svelte

@@ -1,82 +0,0 @@
-<script lang="ts">
-import {
-	DateFormatter,
-	type DateValue,
-	getLocalTimeZone,
-} from '@internationalized/date';
-import type { ComponentProps } from 'svelte';
-import Calendar from '../Calendar.svelte';
-import { MonthSelect } from '../MonthSelect/index.js';
-import { YearSelect } from '../YearSelect/index.js';
-
-let {
-	captionLayout,
-	months,
-	monthFormat,
-	years,
-	yearFormat,
-	month,
-	locale,
-	placeholder = $bindable(),
-	monthIndex = 0,
-}: {
-	captionLayout: ComponentProps<typeof Calendar>['captionLayout'];
-	months: ComponentProps<typeof MonthSelect>['months'];
-	monthFormat: ComponentProps<typeof MonthSelect>['monthFormat'];
-	years: ComponentProps<typeof YearSelect>['years'];
-	yearFormat: ComponentProps<typeof YearSelect>['yearFormat'];
-	month: DateValue;
-	placeholder: DateValue | undefined;
-	locale: string;
-	monthIndex: number;
-} = $props();
-
-function formatYear(date: DateValue) {
-	const dateObj = date.toDate(getLocalTimeZone());
-	if (typeof yearFormat === 'function')
-		return yearFormat(dateObj.getFullYear());
-	return new DateFormatter(locale, { year: yearFormat }).format(dateObj);
-}
-
-function formatMonth(date: DateValue) {
-	const dateObj = date.toDate(getLocalTimeZone());
-	if (typeof monthFormat === 'function')
-		return monthFormat(dateObj.getMonth() + 1);
-	return new DateFormatter(locale, { month: monthFormat }).format(dateObj);
-}
-</script>
-
-{#snippet monthSelect()}
-	<MonthSelect
-		{months}
-		{monthFormat}
-		value={month.month}
-		onchange={(e) => {
-			if (!placeholder) return;
-			const v = Number.parseInt(e.currentTarget.value);
-			const newPlaceholder = placeholder.set({ month: v });
-			placeholder = newPlaceholder.subtract({ months: monthIndex });
-		}}
-	/>
-{/snippet}
-
-{#snippet yearSelect()}
-	<YearSelect {years} {yearFormat} value={month.year} />
-{/snippet}
-
-{#if captionLayout === "dropdown"}
-	{@render monthSelect()}
-	{@render yearSelect()}
-{:else if captionLayout === "dropdown-months"}
-	{@render monthSelect()}
-	{#if placeholder}
-		{formatYear(placeholder)}
-	{/if}
-{:else if captionLayout === "dropdown-years"}
-	{#if placeholder}
-		{formatMonth(placeholder)}
-	{/if}
-	{@render yearSelect()}
-{:else}
-	{formatMonth(month)} {formatYear(month)}
-{/if}

package/dist/components/Calendar/Caption/index.js

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