@riducms/admin 0.2.3 → 0.3.0

package/src/components/ui/calendar/calendar-caption.svelte

@@ -1,72 +0,0 @@
-<script lang="ts">
-	import { DateFormatter, getLocalTimeZone, type DateValue } from "@internationalized/date";
-	import type { ComponentProps } from "svelte";
-
-	import CalendarMonthSelect from "@admin/components/ui/calendar/calendar-month-select.svelte";
-	import CalendarYearSelect from "@admin/components/ui/calendar/calendar-year-select.svelte";
-	import type Calendar from "@admin/components/ui/calendar/calendar.svelte";
-
-	let {
-		captionLayout,
-		months,
-		monthFormat,
-		years,
-		yearFormat,
-		month,
-		locale,
-		placeholder = $bindable(),
-		monthIndex = 0,
-	}: {
-		captionLayout: ComponentProps<typeof Calendar>["captionLayout"];
-		months: ComponentProps<typeof CalendarMonthSelect>["months"];
-		monthFormat: ComponentProps<typeof CalendarMonthSelect>["monthFormat"];
-		years: ComponentProps<typeof CalendarYearSelect>["years"];
-		yearFormat: ComponentProps<typeof CalendarYearSelect>["yearFormat"];
-		month: DateValue;
-		placeholder: DateValue | undefined;
-		locale: string;
-		monthIndex?: number;
-	} = $props();
-
-	function formatYear(date: DateValue) {
-		const dateObject = date.toDate(getLocalTimeZone());
-		if (typeof yearFormat === "function") return yearFormat(dateObject.getFullYear());
-		return new DateFormatter(locale, { year: yearFormat }).format(dateObject);
-	}
-
-	function formatMonth(date: DateValue) {
-		const dateObject = date.toDate(getLocalTimeZone());
-		if (typeof monthFormat === "function") return monthFormat(dateObject.getMonth() + 1);
-		return new DateFormatter(locale, { month: monthFormat }).format(dateObject);
-	}
-</script>
-
-{#snippet monthSelect()}
-	<CalendarMonthSelect
-		{months}
-		{monthFormat}
-		value={month.month}
-		onchange={(event) => {
-			if (placeholder === undefined) return;
-			const selectedMonth = Number.parseInt(event.currentTarget.value);
-			placeholder = placeholder.set({ month: selectedMonth }).subtract({ months: monthIndex });
-		}}
-	/>
-{/snippet}
-
-{#snippet yearSelect()}
-	<CalendarYearSelect {years} {yearFormat} value={month.year} />
-{/snippet}
-
-{#if captionLayout === "dropdown"}
-	{@render monthSelect()}
-	{@render yearSelect()}
-{:else if captionLayout === "dropdown-months"}
-	{@render monthSelect()}
-	{#if placeholder !== undefined}{formatYear(placeholder)}{/if}
-{:else if captionLayout === "dropdown-years"}
-	{#if placeholder !== undefined}{formatMonth(placeholder)}{/if}
-	{@render yearSelect()}
-{:else}
-	{formatMonth(month)} {formatYear(month)}
-{/if}

package/src/components/ui/calendar/calendar-cell.svelte

@@ -1,20 +0,0 @@
-<script lang="ts">
-	import { Calendar as CalendarPrimitive } from "bits-ui";
-
-	import { cn } from "@riducms/ui";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: CalendarPrimitive.CellProps = $props();
-</script>
-
-<CalendarPrimitive.Cell
-	bind:ref
-	class={cn(
-		"relative size-(--calendar-cell-size) p-0 text-center text-[12px] focus-within:z-20",
-		className
-	)}
-	{...restProps}
-/>

package/src/components/ui/calendar/calendar-day.svelte

@@ -1,27 +0,0 @@
-<script lang="ts">
-	import { Calendar as CalendarPrimitive } from "bits-ui";
-
-	import { buttonVariants } from "@admin/components/ui/button";
-	import { cn } from "@riducms/ui";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: CalendarPrimitive.DayProps = $props();
-</script>
-
-<CalendarPrimitive.Day
-	bind:ref
-	class={cn(
-		buttonVariants({ variant: "ghost", size: "icon-sm" }),
-		"size-(--calendar-cell-size) rounded-md p-0 text-[12px] font-normal text-foreground-muted",
-		"hover:bg-control-hover hover:text-foreground focus-visible:outline-2 focus-visible:outline-primary/60 focus-visible:outline-offset-0",
-		"data-[selected]:bg-primary data-[selected]:font-medium data-[selected]:text-primary-foreground data-[selected]:hover:bg-primary-hover data-[selected]:hover:text-primary-foreground",
-		"data-[today]:not-data-[selected]:bg-primary/12 data-[today]:not-data-[selected]:font-semibold data-[today]:not-data-[selected]:text-foreground",
-		"data-[outside-month]:not-data-[selected]:text-foreground-faint",
-		"data-[disabled]:pointer-events-none data-[disabled]:opacity-35 data-[unavailable]:line-through",
-		className
-	)}
-	{...restProps}
-/>

package/src/components/ui/calendar/calendar-grid-row.svelte

@@ -1,13 +0,0 @@
-<script lang="ts">
-	import { Calendar as CalendarPrimitive } from "bits-ui";
-
-	import { cn } from "@riducms/ui";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: CalendarPrimitive.GridRowProps = $props();
-</script>
-
-<CalendarPrimitive.GridRow bind:ref class={cn("flex w-full", className)} {...restProps} />

package/src/components/ui/calendar/calendar-grid.svelte

@@ -1,17 +0,0 @@
-<script lang="ts">
-	import { Calendar as CalendarPrimitive } from "bits-ui";
-
-	import { cn } from "@riducms/ui";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: CalendarPrimitive.GridProps = $props();
-</script>
-
-<CalendarPrimitive.Grid
-	bind:ref
-	class={cn("mt-3 flex w-full flex-col gap-1 border-collapse", className)}
-	{...restProps}
-/>

package/src/components/ui/calendar/calendar-head-cell.svelte

@@ -1,20 +0,0 @@
-<script lang="ts">
-	import { Calendar as CalendarPrimitive } from "bits-ui";
-
-	import { cn } from "@riducms/ui";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: CalendarPrimitive.HeadCellProps = $props();
-</script>
-
-<CalendarPrimitive.HeadCell
-	bind:ref
-	class={cn(
-		"font-mono w-(--calendar-cell-size) text-center text-[9px] font-medium tracking-[0.08em] text-foreground-faint uppercase",
-		className
-	)}
-	{...restProps}
-/>

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

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

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

@@ -1,17 +0,0 @@
-<script lang="ts">
-	import { Calendar as CalendarPrimitive } from "bits-ui";
-
-	import { cn } from "@riducms/ui";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: CalendarPrimitive.HeadingProps = $props();
-</script>
-
-<CalendarPrimitive.Heading
-	bind:ref
-	class={cn("px-(--calendar-cell-size) text-[12px] font-medium", className)}
-	{...restProps}
-/>

package/src/components/ui/calendar/calendar-month-select.svelte

@@ -1,45 +0,0 @@
-<script lang="ts">
-	import { Calendar as CalendarPrimitive } from "bits-ui";
-	import ChevronDownIcon from "~icons/lucide/chevron-down";
-
-	import { cn, type WithoutChildrenOrChild } from "@riducms/ui";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		value,
-		onchange,
-		...restProps
-	}: WithoutChildrenOrChild<CalendarPrimitive.MonthSelectProps> = $props();
-</script>
-
-<span
-	class={cn(
-		"relative flex rounded-md border border-control-border bg-control transition-colors focus-within:border-primary/60 focus-within:ring-2 focus-within:ring-primary/15",
-		className
-	)}
->
-	<CalendarPrimitive.MonthSelect bind:ref class="absolute inset-0 opacity-0" {...restProps}>
-		{#snippet child({ props, monthItems, selectedMonthItem })}
-			<select {...props} {value} {onchange} data-ridu-native-exception>
-				{#each monthItems as monthItem (monthItem.value)}
-					<option
-						value={monthItem.value}
-						selected={value === undefined
-							? monthItem.value === selectedMonthItem.value
-							: monthItem.value === value}
-					>
-						{monthItem.label}
-					</option>
-				{/each}
-			</select>
-			<span
-				class="flex h-8 items-center gap-1 ps-2 pe-1 text-[12px] font-medium text-foreground select-none"
-				aria-hidden="true"
-			>
-				{monthItems.find((item) => item.value === value)?.label ?? selectedMonthItem.label}
-				<ChevronDownIcon class="size-3 text-foreground-faint" />
-			</span>
-		{/snippet}
-	</CalendarPrimitive.MonthSelect>
-</span>

package/src/components/ui/calendar/calendar-month.svelte

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

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

@@ -1,20 +0,0 @@
-<script lang="ts">
-	import type { HTMLAttributes } from "svelte/elements";
-
-	import { cn, type WithElementRef } from "@riducms/ui";
-
-	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/src/components/ui/calendar/calendar-nav.svelte

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

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

@@ -1,30 +0,0 @@
-<script lang="ts">
-	import { Calendar as CalendarPrimitive } from "bits-ui";
-	import ChevronRightIcon from "~icons/lucide/chevron-right";
-
-	import { buttonVariants, type ButtonVariant } from "@admin/components/ui/button";
-	import { cn } from "@riducms/ui";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		variant = "ghost",
-		...restProps
-	}: CalendarPrimitive.NextButtonProps & { variant?: ButtonVariant } = $props();
-</script>
-
-{#snippet fallback()}
-	<ChevronRightIcon class="size-3.5" aria-hidden="true" />
-{/snippet}
-
-<CalendarPrimitive.NextButton
-	bind:ref
-	class={cn(
-		buttonVariants({ variant, size: "icon-sm" }),
-		"size-(--calendar-cell-size) bg-transparent p-0 disabled:opacity-35 rtl:rotate-180",
-		className
-	)}
-	children={children ?? fallback}
-	{...restProps}
-/>

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

@@ -1,30 +0,0 @@
-<script lang="ts">
-	import { Calendar as CalendarPrimitive } from "bits-ui";
-	import ChevronLeftIcon from "~icons/lucide/chevron-left";
-
-	import { buttonVariants, type ButtonVariant } from "@admin/components/ui/button";
-	import { cn } from "@riducms/ui";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		variant = "ghost",
-		...restProps
-	}: CalendarPrimitive.PrevButtonProps & { variant?: ButtonVariant } = $props();
-</script>
-
-{#snippet fallback()}
-	<ChevronLeftIcon class="size-3.5" aria-hidden="true" />
-{/snippet}
-
-<CalendarPrimitive.PrevButton
-	bind:ref
-	class={cn(
-		buttonVariants({ variant, size: "icon-sm" }),
-		"size-(--calendar-cell-size) bg-transparent p-0 disabled:opacity-35 rtl:rotate-180",
-		className
-	)}
-	children={children ?? fallback}
-	{...restProps}
-/>

package/src/components/ui/calendar/calendar-year-select.svelte

@@ -1,44 +0,0 @@
-<script lang="ts">
-	import { Calendar as CalendarPrimitive } from "bits-ui";
-	import ChevronDownIcon from "~icons/lucide/chevron-down";
-
-	import { cn, type WithoutChildrenOrChild } from "@riducms/ui";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		value,
-		...restProps
-	}: WithoutChildrenOrChild<CalendarPrimitive.YearSelectProps> = $props();
-</script>
-
-<span
-	class={cn(
-		"relative flex rounded-md border border-control-border bg-control transition-colors focus-within:border-primary/60 focus-within:ring-2 focus-within:ring-primary/15",
-		className
-	)}
->
-	<CalendarPrimitive.YearSelect bind:ref class="absolute inset-0 opacity-0" {...restProps}>
-		{#snippet child({ props, yearItems, selectedYearItem })}
-			<select {...props} {value} data-ridu-native-exception>
-				{#each yearItems as yearItem (yearItem.value)}
-					<option
-						value={yearItem.value}
-						selected={value === undefined
-							? yearItem.value === selectedYearItem.value
-							: yearItem.value === value}
-					>
-						{yearItem.label}
-					</option>
-				{/each}
-			</select>
-			<span
-				class="flex h-8 items-center gap-1 ps-2 pe-1 text-[12px] font-medium text-foreground select-none"
-				aria-hidden="true"
-			>
-				{yearItems.find((item) => item.value === value)?.label ?? selectedYearItem.label}
-				<ChevronDownIcon class="size-3 text-foreground-faint" />
-			</span>
-		{/snippet}
-	</CalendarPrimitive.YearSelect>
-</span>

package/src/components/ui/calendar/calendar.svelte

@@ -1,118 +0,0 @@
-<script lang="ts">
-	import { isEqualMonth, type DateValue } from "@internationalized/date";
-	import { Calendar as CalendarPrimitive } from "bits-ui";
-	import type { Snippet } from "svelte";
-
-	import CalendarCaption from "@admin/components/ui/calendar/calendar-caption.svelte";
-	import CalendarCell from "@admin/components/ui/calendar/calendar-cell.svelte";
-	import CalendarDay from "@admin/components/ui/calendar/calendar-day.svelte";
-	import CalendarGridRow from "@admin/components/ui/calendar/calendar-grid-row.svelte";
-	import CalendarGrid from "@admin/components/ui/calendar/calendar-grid.svelte";
-	import CalendarHeadCell from "@admin/components/ui/calendar/calendar-head-cell.svelte";
-	import CalendarHeader from "@admin/components/ui/calendar/calendar-header.svelte";
-	import CalendarMonth from "@admin/components/ui/calendar/calendar-month.svelte";
-	import CalendarMonths from "@admin/components/ui/calendar/calendar-months.svelte";
-	import CalendarNav from "@admin/components/ui/calendar/calendar-nav.svelte";
-	import CalendarNextButton from "@admin/components/ui/calendar/calendar-next-button.svelte";
-	import CalendarPrevButton from "@admin/components/ui/calendar/calendar-prev-button.svelte";
-	import { cn, type ButtonVariant, type WithoutChildrenOrChild } from "@riducms/ui";
-
-	let {
-		ref = $bindable(null),
-		value = $bindable(),
-		placeholder = $bindable(),
-		class: className,
-		weekdayFormat = "short",
-		buttonVariant = "ghost",
-		captionLayout = "label",
-		locale = "en-US",
-		months: availableMonths,
-		years,
-		monthFormat: requestedMonthFormat,
-		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(
-		requestedMonthFormat ?? (captionLayout.startsWith("dropdown") ? "short" : "long")
-	);
-</script>
-
-<CalendarPrimitive.Root
-	bind:value={value as never}
-	bind:ref
-	bind:placeholder
-	{weekdayFormat}
-	{disableDaysOutsideMonth}
-	class={cn(
-		"group/calendar bg-popover p-3 text-popover-foreground [--calendar-cell-size:2rem]",
-		className
-	)}
-	{locale}
-	{monthFormat}
-	{yearFormat}
-	{...restProps}
->
-	{#snippet children({ months, weekdays })}
-		<CalendarMonths>
-			<CalendarNav>
-				<CalendarPrevButton variant={buttonVariant} />
-				<CalendarNextButton variant={buttonVariant} />
-			</CalendarNav>
-			{#each months as month, monthIndex (month.value)}
-				<CalendarMonth>
-					<CalendarHeader>
-						<CalendarCaption
-							{captionLayout}
-							months={availableMonths}
-							{monthFormat}
-							{years}
-							{yearFormat}
-							month={month.value}
-							bind:placeholder
-							{locale}
-							{monthIndex}
-						/>
-					</CalendarHeader>
-					<CalendarGrid>
-						<CalendarPrimitive.GridHead>
-							<CalendarGridRow>
-								{#each weekdays as weekday (weekday)}
-									<CalendarHeadCell>{weekday.slice(0, 2)}</CalendarHeadCell>
-								{/each}
-							</CalendarGridRow>
-						</CalendarPrimitive.GridHead>
-						<CalendarPrimitive.GridBody>
-							{#each month.weeks as weekDates (weekDates)}
-								<CalendarGridRow>
-									{#each weekDates as date (date)}
-										<CalendarCell {date} month={month.value}>
-											{#if day}
-												{@render day({
-													day: date,
-													outsideMonth: !isEqualMonth(date, month.value),
-												})}
-											{:else}
-												<CalendarDay />
-											{/if}
-										</CalendarCell>
-									{/each}
-								</CalendarGridRow>
-							{/each}
-						</CalendarPrimitive.GridBody>
-					</CalendarGrid>
-				</CalendarMonth>
-			{/each}
-		</CalendarMonths>
-	{/snippet}
-</CalendarPrimitive.Root>

package/src/components/ui/calendar/index.ts

@@ -1 +0,0 @@
-export { default as Calendar } from "@admin/components/ui/calendar/calendar.svelte";

package/src/components/ui/checkbox/checkbox.svelte

@@ -1,35 +0,0 @@
-<script lang="ts">
-	import { Checkbox as CheckboxPrimitive } from "bits-ui";
-	import CheckIcon from "~icons/lucide/check";
-	import MinusIcon from "~icons/lucide/minus";
-
-	import { cn, type WithoutChildrenOrChild } from "@riducms/ui";
-
-	let {
-		ref = $bindable(null),
-		checked = $bindable(false),
-		indeterminate = $bindable(false),
-		class: className,
-		...restProps
-	}: WithoutChildrenOrChild<CheckboxPrimitive.RootProps> = $props();
-</script>
-
-<CheckboxPrimitive.Root
-	bind:ref
-	bind:checked
-	bind:indeterminate
-	data-slot="checkbox"
-	class={cn(
-		"grid size-4 shrink-0 place-items-center rounded-[4px] border border-control-border bg-control text-primary-foreground transition-[background-color,border-color,opacity] duration-150 outline-none focus-visible:outline-2 focus-visible:outline-primary/60 focus-visible:outline-offset-2 data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=indeterminate]:border-primary data-[state=indeterminate]:bg-primary data-[disabled]:cursor-not-allowed data-[disabled]:border-control-border-disabled data-[disabled]:bg-control-disabled data-[disabled]:opacity-50",
-		className
-	)}
-	{...restProps}
->
-	{#snippet children({ checked, indeterminate })}
-		{#if indeterminate}
-			<MinusIcon class="size-3 stroke-[2.5]" aria-hidden="true" />
-		{:else if checked}
-			<CheckIcon class="size-3 stroke-[2.5]" aria-hidden="true" />
-		{/if}
-	{/snippet}
-</CheckboxPrimitive.Root>

package/src/components/ui/checkbox/index.ts

@@ -1 +0,0 @@
-export { default as Checkbox } from "@admin/components/ui/checkbox/checkbox.svelte";

package/src/components/ui/dialog/dialog-close.svelte

@@ -1,11 +0,0 @@
-<script lang="ts">
-	import { Dialog as DialogPrimitive } from "bits-ui";
-
-	let {
-		ref = $bindable(null),
-		type = "button",
-		...restProps
-	}: DialogPrimitive.CloseProps = $props();
-</script>
-
-<DialogPrimitive.Close bind:ref data-slot="dialog-close" {type} {...restProps} />

package/src/components/ui/dialog/dialog-content.svelte

@@ -1,52 +0,0 @@
-<script lang="ts">
-	import { Dialog as DialogPrimitive } from "bits-ui";
-	import XIcon from "~icons/lucide/x";
-	import { getAdminI18n } from "@riducms/plugin";
-	import { buttonVariants } from "@admin/components/ui/button/index.js";
-	import { cn, type WithoutChildrenOrChild } from "@riducms/ui";
-	import DialogOverlay from "@admin/components/ui/dialog/dialog-overlay.svelte";
-	import type { Snippet } from "svelte";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		portalProps,
-		children,
-		showCloseButton = true,
-		...restProps
-	}: WithoutChildrenOrChild<DialogPrimitive.ContentProps> & {
-		portalProps?: WithoutChildrenOrChild<DialogPrimitive.PortalProps>;
-		children: Snippet;
-		showCloseButton?: boolean;
-	} = $props();
-	const i18n = getAdminI18n();
-</script>
-
-<DialogPrimitive.Portal {...portalProps}>
-	<DialogOverlay />
-	<DialogPrimitive.Content
-		bind:ref
-		data-slot="dialog-content"
-		class={cn(
-			"ridu-dialog-enter grid max-w-[calc(100%-2rem)] gap-6 rounded-[4px] border border-control-border bg-popover p-6.5 text-[14.5px] text-popover-foreground shadow-[var(--shadow-dialog)] sm:max-w-[460px] fixed top-1/2 left-1/2 z-50 w-full -translate-x-1/2 -translate-y-1/2 outline-none",
-			className
-		)}
-		{...restProps}
-	>
-		{@render children?.()}
-		{#if showCloseButton}
-			<DialogPrimitive.Close
-				type="button"
-				data-slot="dialog-close"
-				class={buttonVariants({
-					variant: "ghost",
-					size: "icon-sm",
-					class: "absolute top-4 end-4",
-				})}
-			>
-				<XIcon />
-				<span class="sr-only">{i18n.t("general:close")}</span>
-			</DialogPrimitive.Close>
-		{/if}
-	</DialogPrimitive.Content>
-</DialogPrimitive.Portal>

package/src/components/ui/dialog/dialog-description.svelte

@@ -1,20 +0,0 @@
-<script lang="ts">
-	import { Dialog as DialogPrimitive } from "bits-ui";
-	import { cn } from "@riducms/ui";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: DialogPrimitive.DescriptionProps = $props();
-</script>
-
-<DialogPrimitive.Description
-	bind:ref
-	data-slot="dialog-description"
-	class={cn(
-		"text-sm text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground",
-		className
-	)}
-	{...restProps}
-/>