@riducms/admin 0.2.3 → 0.3.0

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

@@ -1,20 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "@riducms/ui";
-	import type { HTMLAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="dialog-footer"
-	class={cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className)}
-	{...restProps}
->
-	{@render children?.()}
-</div>

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

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

package/src/components/ui/dialog/dialog-overlay.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.OverlayProps = $props();
-</script>
-
-<DialogPrimitive.Overlay
-	bind:ref
-	data-slot="dialog-overlay"
-	class={cn(
-		"bg-[rgba(8,7,6,0.55)] supports-backdrop-filter:backdrop-blur-[4px] data-[state=open]:animate-fade-in data-[state=open]:duration-150 fixed inset-0 isolate z-50",
-		className
-	)}
-	{...restProps}
-/>

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

@@ -1,17 +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.TitleProps = $props();
-</script>
-
-<DialogPrimitive.Title
-	bind:ref
-	data-slot="dialog-title"
-	class={cn("text-base leading-none font-medium", className)}
-	{...restProps}
-/>

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

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

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

@@ -1,7 +0,0 @@
-<script lang="ts">
-	import { Dialog as DialogPrimitive } from "bits-ui";
-
-	let { open = $bindable(false), ...restProps }: DialogPrimitive.RootProps = $props();
-</script>
-
-<DialogPrimitive.Root bind:open {...restProps} />

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

@@ -1,8 +0,0 @@
-export { default as Dialog } from "@admin/components/ui/dialog/dialog.svelte";
-export { default as DialogClose } from "@admin/components/ui/dialog/dialog-close.svelte";
-export { default as DialogContent } from "@admin/components/ui/dialog/dialog-content.svelte";
-export { default as DialogDescription } from "@admin/components/ui/dialog/dialog-description.svelte";
-export { default as DialogFooter } from "@admin/components/ui/dialog/dialog-footer.svelte";
-export { default as DialogHeader } from "@admin/components/ui/dialog/dialog-header.svelte";
-export { default as DialogTitle } from "@admin/components/ui/dialog/dialog-title.svelte";
-export { default as DialogTrigger } from "@admin/components/ui/dialog/dialog-trigger.svelte";

package/src/components/ui/empty-state/empty-state.svelte

@@ -1,34 +0,0 @@
-<script lang="ts">
-	import type { Snippet } from "svelte";
-	import type { HTMLAttributes } from "svelte/elements";
-
-	import { cn, type WithElementRef } from "@riducms/ui";
-
-	let {
-		ref = $bindable(null),
-		title,
-		description,
-		children,
-		class: className,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLDivElement>> & {
-		title: string;
-		description: string;
-		children?: Snippet;
-	} = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="empty-state"
-	class={cn("grid min-h-52 place-items-center px-5 py-10 text-center", className)}
-	{...restProps}
->
-	<div class="max-w-md">
-		<h2 class="font-serif text-[22px] text-foreground-label">{title}</h2>
-		<p class="mt-2 text-[14px] leading-5 text-foreground-sub">{description}</p>
-		{#if children}
-			<div class="mt-5 flex justify-center">{@render children()}</div>
-		{/if}
-	</div>
-</div>

package/src/components/ui/empty-state/index.ts

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

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

@@ -1 +0,0 @@
-export { Input } from "@riducms/ui";

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

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

package/src/components/ui/pagination/pagination.svelte

@@ -1,88 +0,0 @@
-<script lang="ts">
-	import ChevronLeftIcon from "~icons/lucide/chevron-left";
-	import ChevronRightIcon from "~icons/lucide/chevron-right";
-	import { getAdminI18n } from "@riducms/plugin";
-
-	import { Button } from "@admin/components/ui/button";
-
-	let {
-		start,
-		end,
-		total,
-		page,
-		totalPages,
-		hasPrevious,
-		hasNext,
-		busy = false,
-		label,
-		summary,
-		pageSummary,
-		previousLabel,
-		nextLabel,
-		onPrevious,
-		onNext,
-	}: {
-		start: number;
-		end: number;
-		total: number;
-		page: number;
-		totalPages: number;
-		hasPrevious: boolean;
-		hasNext: boolean;
-		busy?: boolean;
-		label?: string;
-		summary?: string;
-		pageSummary?: string;
-		previousLabel?: string;
-		nextLabel?: string;
-		onPrevious: () => void;
-		onNext: () => void;
-	} = $props();
-	const i18n = getAdminI18n();
-	const resolvedLabel = $derived(label ?? i18n.t("general:pagination"));
-	const resolvedSummary = $derived(
-		summary ?? `${i18n.formatNumber(start)}–${i18n.formatNumber(end)} / ${i18n.formatNumber(total)}`
-	);
-	const resolvedPageSummary = $derived(
-		pageSummary ??
-			i18n.t("collections:pageSummary", {
-				page: i18n.formatNumber(page),
-				pages: i18n.formatNumber(Math.max(totalPages, 1)),
-			})
-	);
-	const resolvedPreviousLabel = $derived(previousLabel ?? i18n.t("general:previous"));
-	const resolvedNextLabel = $derived(nextLabel ?? i18n.t("general:next"));
-</script>
-
-<nav
-	data-slot="pagination"
-	class="flex items-center justify-between gap-4 py-3"
-	aria-label={resolvedLabel}
->
-	<p class="font-mono text-[10.5px] text-foreground-faint">{resolvedSummary}</p>
-	{#if totalPages > 1}
-		<div class="flex items-center gap-2">
-			<Button
-				variant="outline"
-				size="icon-sm"
-				disabled={!hasPrevious || busy}
-				onclick={onPrevious}
-				aria-label={resolvedPreviousLabel}
-			>
-				<ChevronLeftIcon class="size-3.5 rtl:rotate-180" />
-			</Button>
-			<span class="font-mono min-w-12 text-center text-[10px] text-foreground-faint">
-				{resolvedPageSummary}
-			</span>
-			<Button
-				variant="outline"
-				size="icon-sm"
-				disabled={!hasNext || busy}
-				onclick={onNext}
-				aria-label={resolvedNextLabel}
-			>
-				<ChevronRightIcon class="size-3.5 rtl:rotate-180" />
-			</Button>
-		</div>
-	{/if}
-</nav>

package/src/components/ui/radio-group/radio-group-item.svelte

@@ -1,17 +0,0 @@
-<script lang="ts">
-	import { RadioGroup as RadioGroupPrimitive } from "bits-ui";
-	import { cn } from "@riducms/ui";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: RadioGroupPrimitive.ItemProps = $props();
-</script>
-
-<RadioGroupPrimitive.Item
-	bind:ref
-	data-slot="radio-group-item"
-	class={cn("outline-none focus-visible:ring-2 focus-visible:ring-primary/60", className)}
-	{...restProps}
-/>

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

@@ -1,3 +0,0 @@
-import Slider from "@admin/components/ui/slider/slider.svelte";
-
-export { Slider };

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

@@ -1,59 +0,0 @@
-<script lang="ts">
-	import { Slider as SliderPrimitive } from "bits-ui";
-
-	import { cn } from "@riducms/ui";
-
-	let {
-		id,
-		value,
-		min = 0,
-		max = 100,
-		step = 1,
-		disabled = false,
-		label,
-		describedBy,
-		class: className,
-		onValueChange,
-	}: {
-		id?: string;
-		value: number;
-		min?: number;
-		max?: number;
-		step?: number;
-		disabled?: boolean;
-		label: string;
-		describedBy?: string;
-		class?: string;
-		onValueChange: (value: number) => void;
-	} = $props();
-</script>
-
-<SliderPrimitive.Root
-	{id}
-	type="single"
-	{value}
-	{min}
-	{max}
-	{step}
-	{disabled}
-	{onValueChange}
-	data-slot="slider"
-	class={cn(
-		"relative flex h-5 w-full touch-none items-center select-none data-[disabled]:cursor-not-allowed data-[disabled]:opacity-45",
-		className
-	)}
->
-	{#snippet children({ thumbItems })}
-		<span class="relative h-1.5 w-full grow overflow-hidden rounded-full bg-control-disabled">
-			<SliderPrimitive.Range class="absolute h-full rounded-full bg-primary" />
-		</span>
-		{#each thumbItems as thumb (thumb.index)}
-			<SliderPrimitive.Thumb
-				index={thumb.index}
-				aria-label={label}
-				aria-describedby={describedBy}
-				class="block size-4 rounded-full border-2 border-primary-foreground bg-primary shadow-sm outline-none transition-[box-shadow,transform] hover:scale-110 focus-visible:scale-110 focus-visible:ring-2 focus-visible:ring-primary/45 focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none"
-			/>
-		{/each}
-	{/snippet}
-</SliderPrimitive.Root>

package/src/components/ui/slider/slider.svelte

@@ -1,35 +0,0 @@
-<script lang="ts">
-	import type { Component } from "svelte";
-
-	type SliderProps = {
-		id?: string;
-		value: number;
-		min?: number;
-		max?: number;
-		step?: number;
-		disabled?: boolean;
-		label: string;
-		describedBy?: string;
-		class?: string;
-		onValueChange: (value: number) => void;
-	};
-
-	let props: SliderProps = $props();
-	let Control = $state<Component<SliderProps> | undefined>(undefined);
-
-	void import("@admin/components/ui/slider/slider-content.svelte").then(
-		({ default: component }) => (Control = component)
-	);
-</script>
-
-{#if Control !== undefined}
-	<Control {...props} />
-{:else}
-	<div
-		class={props.class ??
-			"relative flex h-5 w-full animate-pulse items-center rounded-full bg-control-disabled"}
-		role="status"
-		aria-label={props.label}
-		aria-busy="true"
-	></div>
-{/if}

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

@@ -1,6 +0,0 @@
-export { default as Table } from "@admin/components/ui/table/table.svelte";
-export { default as TableBody } from "@admin/components/ui/table/table-body.svelte";
-export { default as TableCell } from "@admin/components/ui/table/table-cell.svelte";
-export { default as TableHead } from "@admin/components/ui/table/table-head.svelte";
-export { default as TableHeader } from "@admin/components/ui/table/table-header.svelte";
-export { default as TableRow } from "@admin/components/ui/table/table-row.svelte";

package/src/components/ui/table/table-body.svelte

@@ -1,20 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "@riducms/ui";
-	import type { HTMLAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLTableSectionElement>> = $props();
-</script>
-
-<tbody
-	bind:this={ref}
-	data-slot="table-body"
-	class={cn("[&_tr:last-child]:border-0", className)}
-	{...restProps}
->
-	{@render children?.()}
-</tbody>

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

@@ -1,23 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "@riducms/ui";
-	import type { HTMLTdAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLTdAttributes> = $props();
-</script>
-
-<td
-	bind:this={ref}
-	data-slot="table-cell"
-	class={cn(
-		"px-2.5 py-2.5 align-middle whitespace-nowrap [&:has([role=checkbox])]:pe-0",
-		className
-	)}
-	{...restProps}
->
-	{@render children?.()}
-</td>

package/src/components/ui/table/table-head.svelte

@@ -1,23 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "@riducms/ui";
-	import type { HTMLThAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLThAttributes> = $props();
-</script>
-
-<th
-	bind:this={ref}
-	data-slot="table-head"
-	class={cn(
-		"h-[31px] px-2.5 text-start align-middle text-[11.5px] font-medium whitespace-nowrap text-foreground-muted [&:has([role=checkbox])]:pe-0",
-		className
-	)}
-	{...restProps}
->
-	{@render children?.()}
-</th>

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

@@ -1,20 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "@riducms/ui";
-	import type { HTMLAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLTableSectionElement>> = $props();
-</script>
-
-<thead
-	bind:this={ref}
-	data-slot="table-header"
-	class={cn("[&_tr]:border-b [&_tr]:border-control-border", className)}
-	{...restProps}
->
-	{@render children?.()}
-</thead>

package/src/components/ui/table/table-row.svelte

@@ -1,23 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "@riducms/ui";
-	import type { HTMLAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLTableRowElement>> = $props();
-</script>
-
-<tr
-	bind:this={ref}
-	data-slot="table-row"
-	class={cn(
-		"border-b border-control-border transition-colors hover:bg-control data-[state=selected]:bg-primary/5",
-		className
-	)}
-	{...restProps}
->
-	{@render children?.()}
-</tr>

package/src/components/ui/table/table.svelte

@@ -1,22 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "@riducms/ui";
-	import type { HTMLTableAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLTableAttributes> = $props();
-</script>
-
-<div data-slot="table-container" class="relative w-full overflow-x-auto">
-	<table
-		bind:this={ref}
-		data-slot="table"
-		class={cn("w-full caption-bottom text-sm", className)}
-		{...restProps}
-	>
-		{@render children?.()}
-	</table>
-</div>

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

@@ -1 +0,0 @@
-export { Textarea } from "@riducms/ui";

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

@@ -1,4 +0,0 @@
-export { default as Tooltip } from "@admin/components/ui/tooltip/tooltip.svelte";
-export { default as TooltipContent } from "@admin/components/ui/tooltip/tooltip-content.svelte";
-export { default as TooltipProvider } from "@admin/components/ui/tooltip/tooltip-provider.svelte";
-export { default as TooltipTrigger } from "@admin/components/ui/tooltip/tooltip-trigger.svelte";

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

@@ -1,50 +0,0 @@
-<script lang="ts">
-	import { Tooltip as TooltipPrimitive } from "bits-ui";
-	import { cn } from "@riducms/ui";
-	import type { WithoutChildrenOrChild } from "@riducms/ui";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		sideOffset = 0,
-		side = "top",
-		children,
-		arrowClasses,
-		portalProps,
-		...restProps
-	}: TooltipPrimitive.ContentProps & {
-		arrowClasses?: string;
-		portalProps?: WithoutChildrenOrChild<TooltipPrimitive.PortalProps>;
-	} = $props();
-</script>
-
-<TooltipPrimitive.Portal {...portalProps}>
-	<TooltipPrimitive.Content
-		bind:ref
-		data-slot="tooltip-content"
-		{sideOffset}
-		{side}
-		class={cn(
-			"inline-flex items-center gap-1.5 rounded-xl px-3 py-1.5 text-xs has-data-[slot=kbd]:pe-1.5 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-lg data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-[state=instant-open]:animate-in data-[state=instant-open]:fade-in-0 data-[state=instant-open]:zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 z-50 w-fit max-w-xs origin-(--bits-tooltip-content-transform-origin) bg-foreground text-background",
-			className
-		)}
-		{...restProps}
-	>
-		{@render children?.()}
-		<TooltipPrimitive.Arrow>
-			{#snippet child({ props })}
-				<div
-					class={cn(
-						"size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] data-[side=left]:translate-x-[-1.5px] data-[side=right]:translate-x-[1.5px] z-50 bg-foreground fill-foreground",
-						"data-[side=top]:translate-x-1/2 data-[side=top]:translate-y-[calc(-50%+2px)]",
-						"data-[side=bottom]:-translate-x-1/2 data-[side=bottom]:-translate-y-[calc(-50%+1px)]",
-						"data-[side=right]:translate-x-[calc(50%+2px)] data-[side=right]:translate-y-1/2",
-						"data-[side=left]:-translate-y-[calc(50%-3px)]",
-						arrowClasses
-					)}
-					{...props}
-				></div>
-			{/snippet}
-		</TooltipPrimitive.Arrow>
-	</TooltipPrimitive.Content>
-</TooltipPrimitive.Portal>

package/src/components/ui/tooltip/tooltip-provider.svelte

@@ -1,7 +0,0 @@
-<script lang="ts">
-	import { Tooltip as TooltipPrimitive } from "bits-ui";
-
-	let { delayDuration = 0, ...restProps }: TooltipPrimitive.ProviderProps = $props();
-</script>
-
-<TooltipPrimitive.Provider {delayDuration} {...restProps} />

package/src/components/ui/tooltip/tooltip-trigger.svelte

@@ -1,7 +0,0 @@
-<script lang="ts" generics="T = never">
-	import { Tooltip as TooltipPrimitive } from "bits-ui";
-
-	let { ref = $bindable(null), ...restProps }: TooltipPrimitive.TriggerProps<T> = $props();
-</script>
-
-<TooltipPrimitive.Trigger bind:ref data-slot="tooltip-trigger" {...restProps} />

package/src/components/ui/tooltip/tooltip.svelte

@@ -1,7 +0,0 @@
-<script lang="ts" generics="T = never">
-	import { Tooltip as TooltipPrimitive } from "bits-ui";
-
-	let { open = $bindable(false), ...restProps }: TooltipPrimitive.RootProps<T> = $props();
-</script>
-
-<TooltipPrimitive.Root bind:open {...restProps} />