@nasa-jpl/stellar-svelte 2.0.0-alpha.27 → 2.0.0-alpha.29

package/dist/components/ui/calendar/calendar-head-cell.svelte.d.ts

@@ -0,0 +1,19 @@
+import { SvelteComponent } from "svelte";
+import { Calendar as CalendarPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: CalendarPrimitive.HeadCellProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type CalendarHeadCellProps = typeof __propDef.props;
+export type CalendarHeadCellEvents = typeof __propDef.events;
+export type CalendarHeadCellSlots = typeof __propDef.slots;
+export default class CalendarHeadCell extends SvelteComponent<CalendarHeadCellProps, CalendarHeadCellEvents, CalendarHeadCellSlots> {
+}
+export {};

package/dist/components/ui/calendar/calendar-header.svelte

@@ -0,0 +1,12 @@
+<script>import { Calendar as CalendarPrimitive } from "bits-ui";
+import { cn } from "../../../utils.js";
+let className = void 0;
+export { className as class };
+</script>
+
+<CalendarPrimitive.Header
+	class={cn("relative flex w-full items-center justify-between pt-1", className)}
+	{...$$restProps}
+>
+	<slot />
+</CalendarPrimitive.Header>

package/dist/components/ui/calendar/calendar-header.svelte.d.ts

@@ -0,0 +1,19 @@
+import { SvelteComponent } from "svelte";
+import { Calendar as CalendarPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: CalendarPrimitive.HeaderProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type CalendarHeaderProps = typeof __propDef.props;
+export type CalendarHeaderEvents = typeof __propDef.events;
+export type CalendarHeaderSlots = typeof __propDef.slots;
+export default class CalendarHeader extends SvelteComponent<CalendarHeaderProps, CalendarHeaderEvents, CalendarHeaderSlots> {
+}
+export {};

package/dist/components/ui/calendar/calendar-heading.svelte

@@ -0,0 +1,15 @@
+<script>import { Calendar as CalendarPrimitive } from "bits-ui";
+import { cn } from "../../../utils.js";
+let className = void 0;
+export { className as class };
+</script>
+
+<CalendarPrimitive.Heading
+	let:headingValue
+	class={cn("text-sm font-medium", className)}
+	{...$$restProps}
+>
+	<slot {headingValue}>
+		{headingValue}
+	</slot>
+</CalendarPrimitive.Heading>

package/dist/components/ui/calendar/calendar-heading.svelte.d.ts

@@ -0,0 +1,21 @@
+import { SvelteComponent } from "svelte";
+import { Calendar as CalendarPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: CalendarPrimitive.HeadingProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {
+            headingValue: string;
+        };
+    };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type CalendarHeadingProps = typeof __propDef.props;
+export type CalendarHeadingEvents = typeof __propDef.events;
+export type CalendarHeadingSlots = typeof __propDef.slots;
+export default class CalendarHeading extends SvelteComponent<CalendarHeadingProps, CalendarHeadingEvents, CalendarHeadingSlots> {
+}
+export {};

package/dist/components/ui/calendar/calendar-months.svelte

@@ -0,0 +1,11 @@
+<script>import { cn } from "../../../utils.js";
+let className = void 0;
+export { className as class };
+</script>
+
+<div
+	class={cn("mt-4 flex flex-col space-y-4 sm:flex-row sm:space-x-4 sm:space-y-0", className)}
+	{...$$restProps}
+>
+	<slot />
+</div>

package/dist/components/ui/calendar/calendar-months.svelte.d.ts

@@ -0,0 +1,19 @@
+import { SvelteComponent } from "svelte";
+import type { HTMLAttributes } from "svelte/elements";
+declare const __propDef: {
+    props: HTMLAttributes<HTMLDivElement>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type CalendarMonthsProps = typeof __propDef.props;
+export type CalendarMonthsEvents = typeof __propDef.events;
+export type CalendarMonthsSlots = typeof __propDef.slots;
+export default class CalendarMonths extends SvelteComponent<CalendarMonthsProps, CalendarMonthsEvents, CalendarMonthsSlots> {
+}
+export {};

package/dist/components/ui/calendar/calendar-next-button.svelte

@@ -0,0 +1,22 @@
+<script>import { Calendar as CalendarPrimitive } from "bits-ui";
+import ChevronRight from "lucide-svelte/icons/chevron-right";
+import { buttonVariants } from "../button/index.js";
+import { cn } from "../../../utils.js";
+let className = void 0;
+export { className as class };
+</script>
+
+<CalendarPrimitive.NextButton
+	on:click
+	class={cn(
+		buttonVariants({ variant: "outline" }),
+		"h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100",
+		className
+	)}
+	{...$$restProps}
+	let:builder
+>
+	<slot {builder}>
+		<ChevronRight class="h-4 w-4" />
+	</slot>
+</CalendarPrimitive.NextButton>

package/dist/components/ui/calendar/calendar-next-button.svelte.d.ts

@@ -0,0 +1,30 @@
+import { SvelteComponent } from "svelte";
+import { Calendar as CalendarPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: CalendarPrimitive.NextButtonProps;
+    slots: {
+        default: {
+            builder: {
+                role: string;
+                type: "button";
+                'aria-label': string;
+                'aria-disabled': "true" | undefined;
+                'data-disabled': string | undefined;
+                disabled: boolean | undefined;
+            } & {
+                [x: `data-melt-${string}`]: "";
+            } & {
+                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<import("@melt-ui/svelte/dist/builders/calendar/events").CalendarEvents["nextButton"]>;
+            };
+        };
+    };
+    events: {
+        click: import("bits-ui").CustomEventHandler<MouseEvent, HTMLButtonElement>;
+    };
+};
+export type CalendarNextButtonProps = typeof __propDef.props;
+export type CalendarNextButtonEvents = typeof __propDef.events;
+export type CalendarNextButtonSlots = typeof __propDef.slots;
+export default class CalendarNextButton extends SvelteComponent<CalendarNextButtonProps, CalendarNextButtonEvents, CalendarNextButtonSlots> {
+}
+export {};

package/dist/components/ui/calendar/calendar-prev-button.svelte

@@ -0,0 +1,22 @@
+<script>import { Calendar as CalendarPrimitive } from "bits-ui";
+import ChevronLeft from "lucide-svelte/icons/chevron-left";
+import { buttonVariants } from "../button/index.js";
+import { cn } from "../../../utils.js";
+let className = void 0;
+export { className as class };
+</script>
+
+<CalendarPrimitive.PrevButton
+	on:click
+	class={cn(
+		buttonVariants({ variant: "outline" }),
+		"h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100",
+		className
+	)}
+	{...$$restProps}
+	let:builder
+>
+	<slot {builder}>
+		<ChevronLeft class="h-4 w-4" />
+	</slot>
+</CalendarPrimitive.PrevButton>

package/dist/components/ui/calendar/calendar-prev-button.svelte.d.ts

@@ -0,0 +1,30 @@
+import { SvelteComponent } from "svelte";
+import { Calendar as CalendarPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: CalendarPrimitive.PrevButtonProps;
+    slots: {
+        default: {
+            builder: {
+                role: string;
+                type: "button";
+                'aria-label': string;
+                'aria-disabled': "true" | undefined;
+                'data-disabled': string | undefined;
+                disabled: boolean | undefined;
+            } & {
+                [x: `data-melt-${string}`]: "";
+            } & {
+                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<import("@melt-ui/svelte/dist/builders/calendar/events").CalendarEvents["prevButton"]>;
+            };
+        };
+    };
+    events: {
+        click: import("bits-ui").CustomEventHandler<MouseEvent, HTMLButtonElement>;
+    };
+};
+export type CalendarPrevButtonProps = typeof __propDef.props;
+export type CalendarPrevButtonEvents = typeof __propDef.events;
+export type CalendarPrevButtonSlots = typeof __propDef.slots;
+export default class CalendarPrevButton extends SvelteComponent<CalendarPrevButtonProps, CalendarPrevButtonEvents, CalendarPrevButtonSlots> {
+}
+export {};

package/dist/components/ui/calendar/calendar.svelte

@@ -0,0 +1,52 @@
+<script>import { Calendar as CalendarPrimitive } from "bits-ui";
+import * as Calendar from "./index.js";
+import { cn } from "../../../utils.js";
+export let value = void 0;
+export let placeholder = void 0;
+export let weekdayFormat = "short";
+let className = void 0;
+export { className as class };
+</script>
+
+<CalendarPrimitive.Root
+	bind:value
+	bind:placeholder
+	{weekdayFormat}
+	class={cn("p-3", className)}
+	{...$$restProps}
+	on:keydown
+	let:months
+	let:weekdays
+>
+	<Calendar.Header>
+		<Calendar.PrevButton />
+		<Calendar.Heading />
+		<Calendar.NextButton />
+	</Calendar.Header>
+	<Calendar.Months>
+		{#each months as month}
+			<Calendar.Grid>
+				<Calendar.GridHead>
+					<Calendar.GridRow class="flex">
+						{#each weekdays as weekday}
+							<Calendar.HeadCell>
+								{weekday.slice(0, 2)}
+							</Calendar.HeadCell>
+						{/each}
+					</Calendar.GridRow>
+				</Calendar.GridHead>
+				<Calendar.GridBody>
+					{#each month.weeks as weekDates}
+						<Calendar.GridRow class="mt-2 w-full">
+							{#each weekDates as date}
+								<Calendar.Cell {date}>
+									<Calendar.Day {date} month={month.value} />
+								</Calendar.Cell>
+							{/each}
+						</Calendar.GridRow>
+					{/each}
+				</Calendar.GridBody>
+			</Calendar.Grid>
+		{/each}
+	</Calendar.Months>
+</CalendarPrimitive.Root>

package/dist/components/ui/calendar/calendar.svelte.d.ts

@@ -0,0 +1,13 @@
+import { SvelteComponent } from "svelte";
+import { Calendar as CalendarPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: CalendarPrimitive.Props;
+    slots: {};
+    events: CalendarPrimitive.Events;
+};
+export type CalendarProps = typeof __propDef.props;
+export type CalendarEvents = typeof __propDef.events;
+export type CalendarSlots = typeof __propDef.slots;
+export default class Calendar extends SvelteComponent<CalendarProps, CalendarEvents, CalendarSlots> {
+}
+export {};

package/dist/components/ui/calendar/index.d.ts

@@ -0,0 +1,14 @@
+import Root from "./calendar.svelte";
+import Cell from "./calendar-cell.svelte";
+import Day from "./calendar-day.svelte";
+import Grid from "./calendar-grid.svelte";
+import Header from "./calendar-header.svelte";
+import Months from "./calendar-months.svelte";
+import GridRow from "./calendar-grid-row.svelte";
+import Heading from "./calendar-heading.svelte";
+import GridBody from "./calendar-grid-body.svelte";
+import GridHead from "./calendar-grid-head.svelte";
+import HeadCell from "./calendar-head-cell.svelte";
+import NextButton from "./calendar-next-button.svelte";
+import PrevButton from "./calendar-prev-button.svelte";
+export { Day, Cell, Grid, Header, Months, GridRow, Heading, GridBody, GridHead, HeadCell, NextButton, PrevButton, Root as Calendar, };

package/dist/components/ui/calendar/index.js

@@ -0,0 +1,16 @@
+import Root from "./calendar.svelte";
+import Cell from "./calendar-cell.svelte";
+import Day from "./calendar-day.svelte";
+import Grid from "./calendar-grid.svelte";
+import Header from "./calendar-header.svelte";
+import Months from "./calendar-months.svelte";
+import GridRow from "./calendar-grid-row.svelte";
+import Heading from "./calendar-heading.svelte";
+import GridBody from "./calendar-grid-body.svelte";
+import GridHead from "./calendar-grid-head.svelte";
+import HeadCell from "./calendar-head-cell.svelte";
+import NextButton from "./calendar-next-button.svelte";
+import PrevButton from "./calendar-prev-button.svelte";
+export { Day, Cell, Grid, Header, Months, GridRow, Heading, GridBody, GridHead, HeadCell, NextButton, PrevButton, 
+//
+Root as Calendar, };

package/dist/components/ui/card/card-content.svelte

@@ -0,0 +1,8 @@
+<script>import { cn } from "../../../utils.js";
+let className = void 0;
+export { className as class };
+</script>
+
+<div class={cn("p-6", className)} {...$$restProps}>
+	<slot />
+</div>

package/dist/components/ui/card/card-content.svelte.d.ts

@@ -0,0 +1,19 @@
+import { SvelteComponent } from "svelte";
+import type { HTMLAttributes } from "svelte/elements";
+declare const __propDef: {
+    props: HTMLAttributes<HTMLDivElement>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type CardContentProps = typeof __propDef.props;
+export type CardContentEvents = typeof __propDef.events;
+export type CardContentSlots = typeof __propDef.slots;
+export default class CardContent extends SvelteComponent<CardContentProps, CardContentEvents, CardContentSlots> {
+}
+export {};

package/dist/components/ui/card/card-description.svelte

@@ -0,0 +1,8 @@
+<script>import { cn } from "../../../utils.js";
+let className = void 0;
+export { className as class };
+</script>
+
+<p class={cn("text-muted-foreground text-sm", className)} {...$$restProps}>
+	<slot />
+</p>

package/dist/components/ui/card/card-description.svelte.d.ts

@@ -0,0 +1,19 @@
+import { SvelteComponent } from "svelte";
+import type { HTMLAttributes } from "svelte/elements";
+declare const __propDef: {
+    props: HTMLAttributes<HTMLParagraphElement>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type CardDescriptionProps = typeof __propDef.props;
+export type CardDescriptionEvents = typeof __propDef.events;
+export type CardDescriptionSlots = typeof __propDef.slots;
+export default class CardDescription extends SvelteComponent<CardDescriptionProps, CardDescriptionEvents, CardDescriptionSlots> {
+}
+export {};

package/dist/components/ui/card/card-footer.svelte

@@ -0,0 +1,8 @@
+<script>import { cn } from "../../../utils.js";
+let className = void 0;
+export { className as class };
+</script>
+
+<div class={cn("flex items-center p-6 pt-0", className)} {...$$restProps}>
+	<slot />
+</div>

package/dist/components/ui/card/card-footer.svelte.d.ts

@@ -0,0 +1,19 @@
+import { SvelteComponent } from "svelte";
+import type { HTMLAttributes } from "svelte/elements";
+declare const __propDef: {
+    props: HTMLAttributes<HTMLDivElement>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type CardFooterProps = typeof __propDef.props;
+export type CardFooterEvents = typeof __propDef.events;
+export type CardFooterSlots = typeof __propDef.slots;
+export default class CardFooter extends SvelteComponent<CardFooterProps, CardFooterEvents, CardFooterSlots> {
+}
+export {};

package/dist/components/ui/card/card-header.svelte

@@ -0,0 +1,8 @@
+<script>import { cn } from "../../../utils.js";
+let className = void 0;
+export { className as class };
+</script>
+
+<div class={cn("flex flex-col space-y-1.5 p-6 pb-0", className)} {...$$restProps}>
+	<slot />
+</div>

package/dist/components/ui/card/card-header.svelte.d.ts

@@ -0,0 +1,19 @@
+import { SvelteComponent } from "svelte";
+import type { HTMLAttributes } from "svelte/elements";
+declare const __propDef: {
+    props: HTMLAttributes<HTMLDivElement>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type CardHeaderProps = typeof __propDef.props;
+export type CardHeaderEvents = typeof __propDef.events;
+export type CardHeaderSlots = typeof __propDef.slots;
+export default class CardHeader extends SvelteComponent<CardHeaderProps, CardHeaderEvents, CardHeaderSlots> {
+}
+export {};

package/dist/components/ui/card/card-title.svelte

@@ -0,0 +1,13 @@
+<script>import { cn } from "../../../utils.js";
+let className = void 0;
+export let tag = "h3";
+export { className as class };
+</script>
+
+<svelte:element
+	this={tag}
+	class={cn("text-lg font-semibold leading-none tracking-tight", className)}
+	{...$$restProps}
+>
+	<slot />
+</svelte:element>

package/dist/components/ui/card/card-title.svelte.d.ts

@@ -0,0 +1,22 @@
+import { SvelteComponent } from "svelte";
+import type { HTMLAttributes } from "svelte/elements";
+import type { HeadingLevel } from "./index.js";
+declare const __propDef: {
+    props: HTMLAttributes<HTMLHeadingElement> & {
+        tag?: HeadingLevel;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type CardTitleProps = typeof __propDef.props;
+export type CardTitleEvents = typeof __propDef.events;
+export type CardTitleSlots = typeof __propDef.slots;
+export default class CardTitle extends SvelteComponent<CardTitleProps, CardTitleEvents, CardTitleSlots> {
+}
+export {};

package/dist/components/ui/card/card.svelte

@@ -0,0 +1,11 @@
+<script>import { cn } from "../../../utils.js";
+let className = void 0;
+export { className as class };
+</script>
+
+<div
+	class={cn("bg-card text-card-foreground rounded-lg border shadow-sm", className)}
+	{...$$restProps}
+>
+	<slot />
+</div>

package/dist/components/ui/card/card.svelte.d.ts

@@ -0,0 +1,19 @@
+import { SvelteComponent } from "svelte";
+import type { HTMLAttributes } from "svelte/elements";
+declare const __propDef: {
+    props: HTMLAttributes<HTMLDivElement>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type CardProps = typeof __propDef.props;
+export type CardEvents = typeof __propDef.events;
+export type CardSlots = typeof __propDef.slots;
+export default class Card extends SvelteComponent<CardProps, CardEvents, CardSlots> {
+}
+export {};

package/dist/components/ui/card/index.d.ts

@@ -0,0 +1,8 @@
+import Root from "./card.svelte";
+import Content from "./card-content.svelte";
+import Description from "./card-description.svelte";
+import Footer from "./card-footer.svelte";
+import Header from "./card-header.svelte";
+import Title from "./card-title.svelte";
+export { Root, Content, Description, Footer, Header, Title, Root as Card, Content as CardContent, Description as CardDescription, Footer as CardFooter, Header as CardHeader, Title as CardTitle, };
+export type HeadingLevel = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";

package/dist/components/ui/card/index.js

@@ -0,0 +1,9 @@
+import Root from "./card.svelte";
+import Content from "./card-content.svelte";
+import Description from "./card-description.svelte";
+import Footer from "./card-footer.svelte";
+import Header from "./card-header.svelte";
+import Title from "./card-title.svelte";
+export { Root, Content, Description, Footer, Header, Title, 
+//
+Root as Card, Content as CardContent, Description as CardDescription, Footer as CardFooter, Header as CardHeader, Title as CardTitle, };

package/dist/components/ui/carousel/carousel-content.svelte

@@ -0,0 +1,29 @@
+<script>import emblaCarouselSvelte from "embla-carousel-svelte";
+import { getEmblaContext } from "./context.js";
+import { cn } from "../../../utils.js";
+let className = void 0;
+export { className as class };
+const { orientation, options, plugins, onInit } = getEmblaContext("<Carousel.Content/>");
+</script>
+
+<div
+	class="overflow-hidden"
+	use:emblaCarouselSvelte={{
+		options: {
+			container: "[data-embla-container]",
+			slides: "[data-embla-slide]",
+			...$options,
+			axis: $orientation === "horizontal" ? "x" : "y",
+		},
+		plugins: $plugins,
+	}}
+	on:emblaInit={onInit}
+>
+	<div
+		class={cn("flex", $orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col", className)}
+		data-embla-container=""
+		{...$$restProps}
+	>
+		<slot />
+	</div>
+</div>

package/dist/components/ui/carousel/carousel-content.svelte.d.ts

@@ -0,0 +1,19 @@
+import { SvelteComponent } from "svelte";
+import type { HTMLAttributes } from "svelte/elements";
+declare const __propDef: {
+    props: HTMLAttributes<HTMLDivElement>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type CarouselContentProps = typeof __propDef.props;
+export type CarouselContentEvents = typeof __propDef.events;
+export type CarouselContentSlots = typeof __propDef.slots;
+export default class CarouselContent extends SvelteComponent<CarouselContentProps, CarouselContentEvents, CarouselContentSlots> {
+}
+export {};

package/dist/components/ui/carousel/carousel-item.svelte

@@ -0,0 +1,20 @@
+<script>import { getEmblaContext } from "./context.js";
+import { cn } from "../../../utils.js";
+let className = void 0;
+export { className as class };
+const { orientation } = getEmblaContext("<Carousel.Item/>");
+</script>
+
+<div
+	role="group"
+	aria-roledescription="slide"
+	class={cn(
+		"min-w-0 shrink-0 grow-0 basis-full",
+		$orientation === "horizontal" ? "pl-4" : "pt-4",
+		className
+	)}
+	data-embla-slide=""
+	{...$$restProps}
+>
+	<slot />
+</div>

package/dist/components/ui/carousel/carousel-item.svelte.d.ts

@@ -0,0 +1,19 @@
+import { SvelteComponent } from "svelte";
+import type { HTMLAttributes } from "svelte/elements";
+declare const __propDef: {
+    props: HTMLAttributes<HTMLDivElement>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type CarouselItemProps = typeof __propDef.props;
+export type CarouselItemEvents = typeof __propDef.events;
+export type CarouselItemSlots = typeof __propDef.slots;
+export default class CarouselItem extends SvelteComponent<CarouselItemProps, CarouselItemEvents, CarouselItemSlots> {
+}
+export {};