@orochibraru/ui 0.0.0-stage → 0.0.0

package/dist/components/ui/range-calendar/range-calendar-grid.svelte.d.ts

@@ -0,0 +1,4 @@
+import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
+declare const RangeCalendarGrid: import("svelte").Component<RangeCalendarPrimitive.GridProps, {}, "ref">;
+type RangeCalendarGrid = ReturnType<typeof RangeCalendarGrid>;
+export default RangeCalendarGrid;

package/dist/components/ui/range-calendar/range-calendar-head-cell.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+	import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
+
+	import { cn } from "../../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: RangeCalendarPrimitive.HeadCellProps = $props();
+</script>
+
+<RangeCalendarPrimitive.HeadCell
+	bind:ref
+	class={cn(
+		"w-(--cell-size) rounded-md text-[0.8rem] font-normal text-muted-foreground",
+		className,
+	)}
+	{...restProps}
+/>

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

@@ -0,0 +1,4 @@
+import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
+declare const RangeCalendarHeadCell: import("svelte").Component<RangeCalendarPrimitive.HeadCellProps, {}, "ref">;
+type RangeCalendarHeadCell = ReturnType<typeof RangeCalendarHeadCell>;
+export default RangeCalendarHeadCell;

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

@@ -0,0 +1,20 @@
+<script lang="ts">
+	import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
+
+	import { cn } from "../../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: RangeCalendarPrimitive.HeaderProps = $props();
+</script>
+
+<RangeCalendarPrimitive.Header
+	bind:ref
+	class={cn(
+		"flex h-(--cell-size) w-full items-center justify-center gap-1.5 text-sm font-medium",
+		className,
+	)}
+	{...restProps}
+/>

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

@@ -0,0 +1,4 @@
+import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
+declare const RangeCalendarHeader: import("svelte").Component<RangeCalendarPrimitive.HeaderProps, {}, "ref">;
+type RangeCalendarHeader = ReturnType<typeof RangeCalendarHeader>;
+export default RangeCalendarHeader;

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

@@ -0,0 +1,17 @@
+<script lang="ts">
+	import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
+
+	import { cn } from "../../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: RangeCalendarPrimitive.HeadingProps = $props();
+</script>
+
+<RangeCalendarPrimitive.Heading
+	bind:ref
+	class={cn("px-(--cell-size) text-sm font-medium", className)}
+	{...restProps}
+/>

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

@@ -0,0 +1,4 @@
+import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
+declare const RangeCalendarHeading: import("svelte").Component<RangeCalendarPrimitive.HeadingProps, {}, "ref">;
+type RangeCalendarHeading = ReturnType<typeof RangeCalendarHeading>;
+export default RangeCalendarHeading;

package/dist/components/ui/range-calendar/range-calendar-month-select.svelte

@@ -0,0 +1,50 @@
+<script lang="ts">
+	import ChevronDownIcon from "@lucide/svelte/icons/chevron-down";
+	import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
+
+	import { cn, type WithoutChildrenOrChild } from "../../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		value,
+		onchange,
+		...restProps
+	}: WithoutChildrenOrChild<RangeCalendarPrimitive.MonthSelectProps> = $props();
+</script>
+
+<span
+	class={cn(
+		"relative flex rounded-md border border-input shadow-xs has-focus:border-ring has-focus:ring-[3px] has-focus:ring-ring/50",
+		className,
+	)}
+>
+	<RangeCalendarPrimitive.MonthSelect
+		bind:ref
+		class="absolute inset-0 opacity-0"
+		{...restProps}
+	>
+		{#snippet child({ props, monthItems, selectedMonthItem })}
+			<select {...props} {value} {onchange}>
+				{#each monthItems as monthItem (monthItem.value)}
+					<option
+						value={monthItem.value}
+						selected={value !== undefined
+							? monthItem.value === value
+							: monthItem.value === selectedMonthItem?.value}
+					>
+						{monthItem.label}
+					</option>
+				{/each}
+			</select>
+			<span
+				class="flex h-(--cell-size) items-center gap-1 rounded-md ps-2 pe-1 text-sm font-medium select-none [&>svg]:size-3.5 [&>svg]:text-muted-foreground"
+				aria-hidden="true"
+			>
+				{monthItems.find((item) => item.value === value)?.label ||
+					selectedMonthItem?.label}
+				<ChevronDownIcon class={cn("size-4", className)} />
+			</span>
+		{/snippet}
+	</RangeCalendarPrimitive.MonthSelect>
+</span>

package/dist/components/ui/range-calendar/range-calendar-month-select.svelte.d.ts

@@ -0,0 +1,4 @@
+import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
+declare const RangeCalendarMonthSelect: import("svelte").Component<Omit<Omit<RangeCalendarPrimitive.MonthSelectProps, "child">, "children">, {}, "ref">;
+type RangeCalendarMonthSelect = ReturnType<typeof RangeCalendarMonthSelect>;
+export default RangeCalendarMonthSelect;

package/dist/components/ui/range-calendar/range-calendar-month.svelte

@@ -0,0 +1,16 @@
+<script lang="ts">
+	import type { HTMLAttributes } from "svelte/elements";
+
+	import { cn, type WithElementRef } from "../../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLElement>> = $props();
+</script>
+
+<div {...restProps} bind:this={ref} class={cn("flex flex-col", className)}>
+	{@render children?.()}
+</div>

package/dist/components/ui/range-calendar/range-calendar-month.svelte.d.ts

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

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

@@ -0,0 +1,20 @@
+<script lang="ts">
+	import type { HTMLAttributes } from "svelte/elements";
+
+	import { cn, type WithElementRef } from "../../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
+</script>
+
+<div
+	bind:this={ref}
+	class={cn("relative flex flex-col gap-4 md:flex-row", className)}
+	{...restProps}
+>
+	{@render children?.()}
+</div>

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

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

package/dist/components/ui/range-calendar/range-calendar-nav.svelte

@@ -0,0 +1,23 @@
+<script lang="ts">
+	import type { HTMLAttributes } from "svelte/elements";
+
+	import { cn, type WithElementRef } from "../../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLElement>> = $props();
+</script>
+
+<nav
+	{...restProps}
+	bind:this={ref}
+	class={cn(
+		"absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1",
+		className,
+	)}
+>
+	{@render children?.()}
+</nav>

package/dist/components/ui/range-calendar/range-calendar-nav.svelte.d.ts

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

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

@@ -0,0 +1,41 @@
+<script lang="ts">
+	import ChevronRightIcon from "@lucide/svelte/icons/chevron-right";
+	import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
+
+	import {
+		type ButtonVariant,
+		buttonVariants,
+	} from "../button/index.js";
+	import { cn } from "../../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		variant = "ghost",
+		...restProps
+	}: RangeCalendarPrimitive.NextButtonProps & {
+		variant?: ButtonVariant;
+	} = $props();
+</script>
+
+{#snippet Fallback()}
+	<ChevronRightIcon class={cn("cn-rtl-flip size-4", className)} />
+{/snippet}
+
+<RangeCalendarPrimitive.NextButton
+	bind:ref
+	class={cn(
+		buttonVariants({ variant }),
+		"size-(--cell-size) bg-transparent p-0 select-none disabled:opacity-50",
+		"rtl:rotate-180",
+		className,
+	)}
+	{...restProps}
+>
+	{#if children}
+		{@render children?.()}
+	{:else}
+		{@render Fallback()}
+	{/if}
+</RangeCalendarPrimitive.NextButton>

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

@@ -0,0 +1,8 @@
+import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
+import { type ButtonVariant } from "../button/index.js";
+type $$ComponentProps = RangeCalendarPrimitive.NextButtonProps & {
+    variant?: ButtonVariant;
+};
+declare const RangeCalendarNextButton: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type RangeCalendarNextButton = ReturnType<typeof RangeCalendarNextButton>;
+export default RangeCalendarNextButton;

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

@@ -0,0 +1,41 @@
+<script lang="ts">
+	import ChevronLeftIcon from "@lucide/svelte/icons/chevron-left";
+	import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
+
+	import {
+		type ButtonVariant,
+		buttonVariants,
+	} from "../button/index.js";
+	import { cn } from "../../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		variant = "ghost",
+		...restProps
+	}: RangeCalendarPrimitive.PrevButtonProps & {
+		variant?: ButtonVariant;
+	} = $props();
+</script>
+
+{#snippet Fallback()}
+	<ChevronLeftIcon class={cn("cn-rtl-flip size-4", className)} />
+{/snippet}
+
+<RangeCalendarPrimitive.PrevButton
+	bind:ref
+	class={cn(
+		buttonVariants({ variant }),
+		"size-(--cell-size) bg-transparent p-0 select-none disabled:opacity-50",
+		"rtl:rotate-180",
+		className,
+	)}
+	{...restProps}
+>
+	{#if children}
+		{@render children?.()}
+	{:else}
+		{@render Fallback()}
+	{/if}
+</RangeCalendarPrimitive.PrevButton>

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

@@ -0,0 +1,8 @@
+import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
+import { type ButtonVariant } from "../button/index.js";
+type $$ComponentProps = RangeCalendarPrimitive.PrevButtonProps & {
+    variant?: ButtonVariant;
+};
+declare const RangeCalendarPrevButton: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type RangeCalendarPrevButton = ReturnType<typeof RangeCalendarPrevButton>;
+export default RangeCalendarPrevButton;

package/dist/components/ui/range-calendar/range-calendar-year-select.svelte

@@ -0,0 +1,50 @@
+<script lang="ts">
+	import ChevronDownIcon from "@lucide/svelte/icons/chevron-down";
+	import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
+
+	import { cn, type WithoutChildrenOrChild } from "../../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		value,
+		...restProps
+	}: WithoutChildrenOrChild<RangeCalendarPrimitive.YearSelectProps> = $props();
+</script>
+
+<span
+	class={cn(
+		"relative flex rounded-md border border-input shadow-xs has-focus:border-ring has-focus:ring-[3px] has-focus:ring-ring/50",
+		className,
+	)}
+>
+	<RangeCalendarPrimitive.YearSelect
+		bind:ref
+		class="absolute inset-0 opacity-0"
+		{...restProps}
+	>
+		{#snippet child({ props, yearItems, selectedYearItem })}
+			<select {...props} {value}>
+				{#each yearItems as yearItem (yearItem.value)}
+					<option
+						value={yearItem.value}
+						selected={value !== undefined
+							? yearItem.value === value
+							: yearItem.value === selectedYearItem?.value}
+					>
+						{yearItem.label}
+					</option>
+				{/each}
+			</select>
+			<span
+				class="flex h-(--cell-size) items-center gap-1 rounded-md ps-2 pe-1 text-sm font-medium select-none [&>svg]:size-3.5 [&>svg]:text-muted-foreground"
+				aria-hidden="true"
+			>
+				{yearItems.find((item) => item.value === value)?.label ||
+					selectedYearItem?.label ||
+					value}
+				<ChevronDownIcon class={cn("size-4", className)} />
+			</span>
+		{/snippet}
+	</RangeCalendarPrimitive.YearSelect>
+</span>

package/dist/components/ui/range-calendar/range-calendar-year-select.svelte.d.ts

@@ -0,0 +1,4 @@
+import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
+declare const RangeCalendarYearSelect: import("svelte").Component<Omit<Omit<RangeCalendarPrimitive.YearSelectProps, "child">, "children">, {}, "ref">;
+type RangeCalendarYearSelect = ReturnType<typeof RangeCalendarYearSelect>;
+export default RangeCalendarYearSelect;

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

@@ -0,0 +1,127 @@
+<script lang="ts">
+	import { type DateValue, isEqualMonth } from "@internationalized/date";
+	import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
+	import type { Snippet } from "svelte";
+
+	import type { ButtonVariant } from "../button/index.js";
+	import { cn, type WithoutChildrenOrChild } from "../../../utils.js";
+
+	import RangeCalendarCaption from "./range-calendar-caption.svelte";
+	import RangeCalendarCell from "./range-calendar-cell.svelte";
+	import RangeCalendarDay from "./range-calendar-day.svelte";
+	import RangeCalendarGridBody from "./range-calendar-grid-body.svelte";
+	import RangeCalendarGridHead from "./range-calendar-grid-head.svelte";
+	import RangeCalendarGridRow from "./range-calendar-grid-row.svelte";
+	import RangeCalendarGrid from "./range-calendar-grid.svelte";
+	import RangeCalendarHeadCell from "./range-calendar-head-cell.svelte";
+	import RangeCalendarHeader from "./range-calendar-header.svelte";
+	import RangeCalendarMonth from "./range-calendar-month.svelte";
+	import RangeCalendarMonths from "./range-calendar-months.svelte";
+	import RangeCalendarNav from "./range-calendar-nav.svelte";
+	import RangeCalendarNextButton from "./range-calendar-next-button.svelte";
+	import RangeCalendarPrevButton from "./range-calendar-prev-button.svelte";
+
+	let {
+		ref = $bindable(null),
+		value = $bindable(),
+		placeholder = $bindable(),
+		weekdayFormat = "short",
+		class: className,
+		buttonVariant = "ghost",
+		captionLayout = "label",
+		locale = "en-US",
+		months: monthsProp,
+		years,
+		monthFormat: monthFormatProp,
+		yearFormat = "numeric",
+		day,
+		disableDaysOutsideMonth = false,
+		...restProps
+	}: WithoutChildrenOrChild<RangeCalendarPrimitive.RootProps> & {
+		buttonVariant?: ButtonVariant;
+		captionLayout?: "dropdown" | "dropdown-months" | "dropdown-years" | "label";
+		months?: RangeCalendarPrimitive.MonthSelectProps["months"];
+		years?: RangeCalendarPrimitive.YearSelectProps["years"];
+		monthFormat?: RangeCalendarPrimitive.MonthSelectProps["monthFormat"];
+		yearFormat?: RangeCalendarPrimitive.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>
+
+<RangeCalendarPrimitive.Root
+	bind:ref
+	bind:value
+	bind:placeholder
+	{weekdayFormat}
+	{disableDaysOutsideMonth}
+	class={cn(
+		"[--cell-radius:var(--radius-md)] [--cell-size:--spacing(8)] group/calendar bg-background p-3 in-data-[slot=card-content]:bg-transparent in-data-[slot=popover-content]:bg-transparent",
+		className,
+	)}
+	{locale}
+	{monthFormat}
+	{yearFormat}
+	{...restProps}
+>
+	{#snippet children({ months, weekdays })}
+		<RangeCalendarMonths>
+			<RangeCalendarNav>
+				<RangeCalendarPrevButton variant={buttonVariant} />
+				<RangeCalendarNextButton variant={buttonVariant} />
+			</RangeCalendarNav>
+			{#each months as month, monthIndex (month)}
+				<RangeCalendarMonth>
+					<RangeCalendarHeader>
+						<RangeCalendarCaption
+							{captionLayout}
+							months={monthsProp}
+							{monthFormat}
+							{years}
+							{yearFormat}
+							month={month.value}
+							bind:placeholder
+							{locale}
+							{monthIndex}
+						/>
+					</RangeCalendarHeader>
+
+					<RangeCalendarGrid>
+						<RangeCalendarGridHead>
+							<RangeCalendarGridRow class="select-none">
+								{#each weekdays as weekday, i (i)}
+									<RangeCalendarHeadCell>
+										{weekday.slice(0, 2)}
+									</RangeCalendarHeadCell>
+								{/each}
+							</RangeCalendarGridRow>
+						</RangeCalendarGridHead>
+						<RangeCalendarGridBody>
+							{#each month.weeks as weekDates (weekDates)}
+								<RangeCalendarGridRow class="mt-2 w-full">
+									{#each weekDates as date (date)}
+										<RangeCalendarCell {date} month={month.value}>
+											{#if day}
+												{@render day({
+													day: date,
+													outsideMonth: !isEqualMonth(date, month.value),
+												})}
+											{:else}
+												<RangeCalendarDay />
+											{/if}
+										</RangeCalendarCell>
+									{/each}
+								</RangeCalendarGridRow>
+							{/each}
+						</RangeCalendarGridBody>
+					</RangeCalendarGrid>
+				</RangeCalendarMonth>
+			{/each}
+		</RangeCalendarMonths>
+	{/snippet}
+</RangeCalendarPrimitive.Root>

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

@@ -0,0 +1,20 @@
+import { type DateValue } from "@internationalized/date";
+import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
+import type { Snippet } from "svelte";
+import type { ButtonVariant } from "../button/index.js";
+import { type WithoutChildrenOrChild } from "../../../utils.js";
+type $$ComponentProps = WithoutChildrenOrChild<RangeCalendarPrimitive.RootProps> & {
+    buttonVariant?: ButtonVariant;
+    captionLayout?: "dropdown" | "dropdown-months" | "dropdown-years" | "label";
+    months?: RangeCalendarPrimitive.MonthSelectProps["months"];
+    years?: RangeCalendarPrimitive.YearSelectProps["years"];
+    monthFormat?: RangeCalendarPrimitive.MonthSelectProps["monthFormat"];
+    yearFormat?: RangeCalendarPrimitive.YearSelectProps["yearFormat"];
+    day?: Snippet<[{
+        day: DateValue;
+        outsideMonth: boolean;
+    }]>;
+};
+declare const RangeCalendar: import("svelte").Component<$$ComponentProps, {}, "ref" | "placeholder" | "value">;
+type RangeCalendar = ReturnType<typeof RangeCalendar>;
+export default RangeCalendar;

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

@@ -0,0 +1,4 @@
+import { Pane } from "paneforge";
+import Handle from "./resizable-handle.svelte";
+import PaneGroup from "./resizable-pane-group.svelte";
+export { PaneGroup, Pane, Handle, PaneGroup as ResizablePaneGroup, Pane as ResizablePane, Handle as ResizableHandle, };

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

@@ -0,0 +1,6 @@
+import { Pane } from "paneforge";
+import Handle from "./resizable-handle.svelte";
+import PaneGroup from "./resizable-pane-group.svelte";
+export { PaneGroup, Pane, Handle, 
+//
+PaneGroup as ResizablePaneGroup, Pane as ResizablePane, Handle as ResizableHandle, };

package/dist/components/ui/resizable/resizable-handle.svelte

@@ -0,0 +1,28 @@
+<script lang="ts">
+	import * as ResizablePrimitive from "paneforge";
+
+	import { cn, type WithoutChildrenOrChild } from "../../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		withHandle = false,
+		...restProps
+	}: WithoutChildrenOrChild<ResizablePrimitive.PaneResizerProps> & {
+		withHandle?: boolean;
+	} = $props();
+</script>
+
+<ResizablePrimitive.PaneResizer
+	bind:ref
+	data-slot="resizable-handle"
+	class={cn(
+		"relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:outline-hidden data-[direction=vertical]:h-px data-[direction=vertical]:w-full data-[direction=vertical]:after:left-0 data-[direction=vertical]:after:h-1 data-[direction=vertical]:after:w-full data-[direction=vertical]:after:translate-x-0 data-[direction=vertical]:after:-translate-y-1/2 [&[data-direction=vertical]>div]:rotate-90",
+		className,
+	)}
+	{...restProps}
+>
+	{#if withHandle}
+		<div class="bg-border h-6 w-1 rounded-lg z-10 flex shrink-0"></div>
+	{/if}
+</ResizablePrimitive.PaneResizer>

package/dist/components/ui/resizable/resizable-handle.svelte.d.ts

@@ -0,0 +1,8 @@
+import * as ResizablePrimitive from "paneforge";
+import { type WithoutChildrenOrChild } from "../../../utils.js";
+type $$ComponentProps = WithoutChildrenOrChild<ResizablePrimitive.PaneResizerProps> & {
+    withHandle?: boolean;
+};
+declare const ResizableHandle: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type ResizableHandle = ReturnType<typeof ResizableHandle>;
+export default ResizableHandle;

package/dist/components/ui/resizable/resizable-pane-group.svelte

@@ -0,0 +1,22 @@
+<script lang="ts">
+	import * as ResizablePrimitive from "paneforge";
+
+	import { cn } from "../../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		this: paneGroup = $bindable(),
+		class: className,
+		...restProps
+	}: ResizablePrimitive.PaneGroupProps & {
+		this?: ResizablePrimitive.PaneGroup;
+	} = $props();
+</script>
+
+<ResizablePrimitive.PaneGroup
+	bind:ref
+	bind:this={paneGroup}
+	data-slot="resizable-pane-group"
+	class={cn("flex h-full w-full data-[direction=vertical]:flex-col", className)}
+	{...restProps}
+/>

package/dist/components/ui/resizable/resizable-pane-group.svelte.d.ts

@@ -0,0 +1,7 @@
+import * as ResizablePrimitive from "paneforge";
+type $$ComponentProps = ResizablePrimitive.PaneGroupProps & {
+    this?: ResizablePrimitive.PaneGroup;
+};
+declare const ResizablePaneGroup: import("svelte").Component<$$ComponentProps, {}, "ref" | "this">;
+type ResizablePaneGroup = ReturnType<typeof ResizablePaneGroup>;
+export default ResizablePaneGroup;

package/dist/components/ui/scroll-area/index.d.ts

@@ -0,0 +1,3 @@
+import Scrollbar from "./scroll-area-scrollbar.svelte";
+import Root from "./scroll-area.svelte";
+export { Root, Scrollbar, Root as ScrollArea, Scrollbar as ScrollAreaScrollbar, };

package/dist/components/ui/scroll-area/index.js

@@ -0,0 +1,5 @@
+import Scrollbar from "./scroll-area-scrollbar.svelte";
+import Root from "./scroll-area.svelte";
+export { Root, Scrollbar, 
+//,
+Root as ScrollArea, Scrollbar as ScrollAreaScrollbar, };