@tanglemedia/svelte-starter-ui-shadcn 0.0.6 → 0.2.0

package/dist/lib/components/ui/pagination/pagination-link.svelte

@@ -1,25 +1,19 @@
 <script lang="ts">
-	import { Pagination as PaginationPrimitive, type WithoutChild } from "bits-ui";
-	import {
-		type Props as ButtonProps,
-		buttonVariants,
-	} from "../button/index.js";
-	import { cn } from "../../../utils";
-
-	type Props = WithoutChild<PaginationPrimitive.PageProps> &
-		ButtonProps & {
-			isActive?: boolean;
-		};
-
+	import { Pagination as PaginationPrimitive } from "bits-ui";
+	import { buttonVariants, type ButtonSize } from "../button/index.js";
+	import { cn } from "../../utils.js";
 	let {
 		ref = $bindable(null),
 		class: className,
 		size = "icon",
-		isActive = false,
+		isActive,
 		page,
 		children,
 		...restProps
-	}: Props = $props();
+	}: PaginationPrimitive.PageProps & {
+		size?: ButtonSize;
+		isActive: boolean;
+	} = $props();
 </script>
 
 {#snippet Fallback()}
@@ -27,15 +21,22 @@
 {/snippet}
 
 <PaginationPrimitive.Page
-	{page}
 	bind:ref
+	{page}
+	aria-current={isActive ? "page" : undefined}
+	data-slot="pagination-link"
+	data-active={isActive}
+	data-size={size}
 	class={cn(
-		buttonVariants({
-			variant: isActive ? "outline" : "ghost",
-			size,
-		}),
+		buttonVariants({ size, variant: isActive ? "outline" : "ghost" }),
+		"",
 		className
 	)}
 	{...restProps}
-	children={children || Fallback}
-/>
+>
+	{#if children}
+		{@render children?.()}
+	{:else}
+		{@render Fallback()}
+	{/if}
+</PaginationPrimitive.Page>

package/dist/lib/components/ui/pagination/pagination-link.svelte.d.ts

@@ -1,8 +1,9 @@
-import { Pagination as PaginationPrimitive, type WithoutChild } from "bits-ui";
-import { type Props as ButtonProps } from "../button/index.js";
-type Props = WithoutChild<PaginationPrimitive.PageProps> & ButtonProps & {
-    isActive?: boolean;
+import { Pagination as PaginationPrimitive } from "bits-ui";
+import { type ButtonSize } from "../button/index.js";
+type $$ComponentProps = PaginationPrimitive.PageProps & {
+    size?: ButtonSize;
+    isActive: boolean;
 };
-declare const PaginationLink: import("svelte").Component<Props, {}, "ref">;
+declare const PaginationLink: import("svelte").Component<$$ComponentProps, {}, "ref">;
 type PaginationLink = ReturnType<typeof PaginationLink>;
 export default PaginationLink;

package/dist/lib/components/ui/pagination/pagination-next-button.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
 	import { Pagination as PaginationPrimitive } from "bits-ui";
-	import ChevronRight from "@lucide/svelte/icons/chevron-right";
-	import { cn } from "../../../utils";
-	import { buttonVariants } from '../button/index';
+	import ChevronRightIcon from '@lucide/svelte/icons/chevron-right';
+	import { cn } from "../../utils.js";
+	import { buttonVariants } from "../button/index.js";
 
 	let {
 		ref = $bindable(null),
@@ -14,12 +14,18 @@
 
 {#snippet Fallback()}
 	<span>Next</span>
-	<ChevronRight />
+	<ChevronRightIcon class={cn("cn-rtl-flip size-4", className)} />
 {/snippet}
 
 <PaginationPrimitive.NextButton
 	bind:ref
+	aria-label="Go to next page"
+	class={cn(buttonVariants({ variant: "ghost" }), "pr-1.5!", className)}
 	{...restProps}
-	class={cn(buttonVariants({ variant: "ghost", className: "gap-1 pr-2.5" }), className)}
-	children={children || Fallback}
-/>
+>
+	{#if children}
+		{@render children?.()}
+	{:else}
+		{@render Fallback()}
+	{/if}
+</PaginationPrimitive.NextButton>

package/dist/lib/components/ui/pagination/pagination-next.svelte

@@ -0,0 +1,22 @@
+<script lang="ts">
+	import { Pagination as PaginationPrimitive } from "bits-ui";
+	import ChevronRightIcon from '@lucide/svelte/icons/chevron-right';
+	import { buttonVariants } from "../button/index.js";
+	import { cn } from "../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: PaginationPrimitive.NextButtonProps = $props();
+</script>
+
+<PaginationPrimitive.NextButton
+	bind:ref
+	aria-label="Go to next page"
+	class={cn(buttonVariants({ variant: "ghost", size: "default" }), "pr-1.5!", className)}
+	{...restProps}
+>
+	<span class="hidden sm:block">Next</span>
+	<ChevronRightIcon data-icon="inline-end" class="cn-rtl-flip" />
+</PaginationPrimitive.NextButton>

package/dist/lib/components/ui/pagination/pagination-next.svelte.d.ts

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

package/dist/lib/components/ui/pagination/pagination-prev-button.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
 	import { Pagination as PaginationPrimitive } from "bits-ui";
-	import ChevronLeft from "@lucide/svelte/icons/chevron-left";
-	import { cn } from "../../../utils";
-	import { buttonVariants } from '../button/index';
+	import ChevronLeftIcon from '@lucide/svelte/icons/chevron-left';
+	import { cn } from "../../utils.js";
+	import { buttonVariants } from "../button/index.js";
 
 	let {
 		ref = $bindable(null),
@@ -13,13 +13,19 @@
 </script>
 
 {#snippet Fallback()}
+	<ChevronLeftIcon class={cn("cn-rtl-flip size-4", className)} />
 	<span>Previous</span>
-	<ChevronLeft />
 {/snippet}
 
 <PaginationPrimitive.PrevButton
 	bind:ref
+	aria-label="Go to previous page"
+	class={cn(buttonVariants({ variant: "ghost" }), "pl-1.5!", className)}
 	{...restProps}
-	class={cn(buttonVariants({ variant: "ghost", className: "gap-1 pl-2.5" }), className)}
-	children={children || Fallback}
-/>
+>
+	{#if children}
+		{@render children?.()}
+	{:else}
+		{@render Fallback()}
+	{/if}
+</PaginationPrimitive.PrevButton>

package/dist/lib/components/ui/pagination/pagination-previous.svelte

@@ -0,0 +1,26 @@
+<script lang="ts">
+	import { Pagination as PaginationPrimitive } from "bits-ui";
+	import ChevronLeftIcon from '@lucide/svelte/icons/chevron-left';
+	import { buttonVariants } from "../button/index.js";
+	import { cn } from "../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: PaginationPrimitive.PrevButtonProps = $props();
+</script>
+
+<PaginationPrimitive.PrevButton
+	bind:ref
+	aria-label="Go to previous page"
+	class={cn(
+		buttonVariants({ variant: "ghost", size: "default" }),
+		"pl-1.5!",
+		className
+	)}
+	{...restProps}
+>
+	<ChevronLeftIcon data-icon="inline-start" class="cn-rtl-flip" />
+	<span class="hidden sm:block">Previous</span>
+</PaginationPrimitive.PrevButton>

package/dist/lib/components/ui/pagination/pagination-previous.svelte.d.ts

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

package/dist/lib/components/ui/pagination/pagination.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Pagination as PaginationPrimitive } from "bits-ui";
-	import { cn } from "../../../utils";
+	import { cn } from "../../utils.js";
 
 	let {
 		ref = $bindable(null),
@@ -15,10 +15,13 @@
 
 <PaginationPrimitive.Root
 	bind:ref
-	class={cn("mx-auto flex w-full flex-col items-center", className)}
+	bind:page
+	role="navigation"
+	aria-label="pagination"
+	data-slot="pagination"
 	{count}
 	{perPage}
 	{siblingCount}
-	bind:page
+	class={cn("mx-auto flex w-full justify-center", className)}
 	{...restProps}
 />

package/dist/lib/components/ui/popover/index.d.ts

@@ -1,6 +1,9 @@
-import { Popover as PopoverPrimitive } from "bits-ui";
+import Close from "./popover-close.svelte";
 import Content from "./popover-content.svelte";
-declare const Root: import("svelte").Component<import("bits-ui").PopoverRootPropsWithoutHTML, {}, "open">;
-declare const Trigger: import("svelte").Component<PopoverPrimitive.TriggerProps, {}, "ref">;
-declare const Close: import("svelte").Component<PopoverPrimitive.CloseProps, {}, "ref">;
-export { Root, Content, Trigger, Close, Root as Popover, Content as PopoverContent, Trigger as PopoverTrigger, Close as PopoverClose, };
+import Description from "./popover-description.svelte";
+import Header from "./popover-header.svelte";
+import Portal from "./popover-portal.svelte";
+import Title from "./popover-title.svelte";
+import Trigger from "./popover-trigger.svelte";
+import Root from "./popover.svelte";
+export { Root, Content, Description, Header, Title, Trigger, Close, Portal, Root as Popover, Content as PopoverContent, Description as PopoverDescription, Header as PopoverHeader, Title as PopoverTitle, Trigger as PopoverTrigger, Close as PopoverClose, Portal as PopoverPortal, };

package/dist/lib/components/ui/popover/index.js

@@ -1,8 +1,11 @@
-import { Popover as PopoverPrimitive } from "bits-ui";
+import Close from "./popover-close.svelte";
 import Content from "./popover-content.svelte";
-const Root = PopoverPrimitive.Root;
-const Trigger = PopoverPrimitive.Trigger;
-const Close = PopoverPrimitive.Close;
-export { Root, Content, Trigger, Close, 
+import Description from "./popover-description.svelte";
+import Header from "./popover-header.svelte";
+import Portal from "./popover-portal.svelte";
+import Title from "./popover-title.svelte";
+import Trigger from "./popover-trigger.svelte";
+import Root from "./popover.svelte";
+export { Root, Content, Description, Header, Title, Trigger, Close, Portal, 
 //
-Root as Popover, Content as PopoverContent, Trigger as PopoverTrigger, Close as PopoverClose, };
+Root as Popover, Content as PopoverContent, Description as PopoverDescription, Header as PopoverHeader, Title as PopoverTitle, Trigger as PopoverTrigger, Close as PopoverClose, Portal as PopoverPortal, };

package/dist/lib/components/ui/popover/popover-close.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">
+	import { Popover as PopoverPrimitive } from "bits-ui";
+
+	let { ref = $bindable(null), ...restProps }: PopoverPrimitive.CloseProps = $props();
+</script>
+
+<PopoverPrimitive.Close bind:ref data-slot="popover-close" {...restProps} />

package/dist/lib/components/ui/popover/popover-close.svelte.d.ts

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

package/dist/lib/components/ui/popover/popover-content.svelte

@@ -1,28 +1,31 @@
 <script lang="ts">
-	import { cn } from "../../../utils";
 	import { Popover as PopoverPrimitive } from "bits-ui";
+	import { cn, type WithoutChildrenOrChild } from "../../utils.js";
+	import PopoverPortal from "./popover-portal.svelte";
+	import type { ComponentProps } from "svelte";
 
 	let {
 		ref = $bindable(null),
 		class: className,
-		align = "center",
 		sideOffset = 4,
+		align = "center",
 		portalProps,
 		...restProps
 	}: PopoverPrimitive.ContentProps & {
-		portalProps?: PopoverPrimitive.PortalProps;
+		portalProps?: WithoutChildrenOrChild<ComponentProps<typeof PopoverPortal>>;
 	} = $props();
 </script>
 
-<PopoverPrimitive.Portal {...portalProps}>
+<PopoverPortal {...portalProps}>
 	<PopoverPrimitive.Content
 		bind:ref
-		{align}
+		data-slot="popover-content"
 		{sideOffset}
+		{align}
 		class={cn(
-			"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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 z-50 w-72 rounded-md border p-4 shadow-md outline-none",
+			"bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 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 ring-foreground/10 flex flex-col gap-2.5 rounded-lg p-2.5 text-sm shadow-md ring-1 duration-100 z-50 w-72 origin-(--bits-popover-content-transform-origin) outline-hidden",
 			className
 		)}
 		{...restProps}
 	/>
-</PopoverPrimitive.Portal>
+</PopoverPortal>

package/dist/lib/components/ui/popover/popover-content.svelte.d.ts

@@ -1,6 +1,9 @@
 import { Popover as PopoverPrimitive } from "bits-ui";
+import { type WithoutChildrenOrChild } from "../../utils.js";
+import PopoverPortal from "./popover-portal.svelte";
+import type { ComponentProps } from "svelte";
 type $$ComponentProps = PopoverPrimitive.ContentProps & {
-    portalProps?: PopoverPrimitive.PortalProps;
+    portalProps?: WithoutChildrenOrChild<ComponentProps<typeof PopoverPortal>>;
 };
 declare const PopoverContent: import("svelte").Component<$$ComponentProps, {}, "ref">;
 type PopoverContent = ReturnType<typeof PopoverContent>;

package/dist/lib/components/ui/popover/popover-description.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+	import { cn, type WithElementRef } from "../../utils.js";
+	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="popover-description"
+	class={cn("text-muted-foreground", className)}
+	{...restProps}
+>
+	{@render children?.()}
+</div>

package/dist/lib/components/ui/popover/popover-description.svelte.d.ts

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

package/dist/lib/components/ui/popover/popover-header.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+	import { cn, type WithElementRef } from "../../utils.js";
+	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="popover-header"
+	class={cn("flex flex-col gap-0.5 text-sm", className)}
+	{...restProps}
+>
+	{@render children?.()}
+</div>

package/dist/lib/components/ui/popover/popover-header.svelte.d.ts

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

package/dist/lib/components/ui/popover/popover-portal.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">
+	import { Popover as PopoverPrimitive } from "bits-ui";
+
+	let { ...restProps }: PopoverPrimitive.PortalProps = $props();
+</script>
+
+<PopoverPrimitive.Portal {...restProps} />

package/dist/lib/components/ui/popover/popover-portal.svelte.d.ts

@@ -0,0 +1,3 @@
+declare const PopoverPortal: import("svelte").Component<import("bits-ui").PortalProps, {}, "">;
+type PopoverPortal = ReturnType<typeof PopoverPortal>;
+export default PopoverPortal;

package/dist/lib/components/ui/popover/popover-title.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+	import { cn, type WithElementRef } from "../../utils.js";
+	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="popover-title"
+	class={cn("font-medium", className)}
+	{...restProps}
+>
+	{@render children?.()}
+</div>

package/dist/lib/components/ui/popover/popover-title.svelte.d.ts

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

package/dist/lib/components/ui/popover/popover-trigger.svelte

@@ -0,0 +1,17 @@
+<script lang="ts">
+	import { Popover as PopoverPrimitive } from "bits-ui";
+	import { cn } from "../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: PopoverPrimitive.TriggerProps = $props();
+</script>
+
+<PopoverPrimitive.Trigger
+	bind:ref
+	data-slot="popover-trigger"
+	class={cn(className)}
+	{...restProps}
+/>

package/dist/lib/components/ui/popover/popover-trigger.svelte.d.ts

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

package/dist/lib/components/ui/popover/popover.svelte

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

package/dist/lib/components/ui/popover/popover.svelte.d.ts

@@ -0,0 +1,3 @@
+declare const Popover: import("svelte").Component<import("bits-ui").PopoverRootPropsWithoutHTML, {}, "open">;
+type Popover = ReturnType<typeof Popover>;
+export default Popover;

package/dist/lib/components/ui/progress/progress.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { Progress as ProgressPrimitive, type WithoutChildrenOrChild } from "bits-ui";
-	import { cn } from "../../../utils";
+	import { Progress as ProgressPrimitive } from "bits-ui";
+	import { cn, type WithoutChildrenOrChild } from "../../utils.js";
 
 	let {
 		ref = $bindable(null),
@@ -13,12 +13,15 @@
 
 <ProgressPrimitive.Root
 	bind:ref
+	data-slot="progress"
+	class={cn("bg-muted h-1 rounded-full relative flex w-full items-center overflow-x-hidden", className)}
 	{value}
-	class={cn("bg-primary/20 relative h-2 w-full overflow-hidden rounded-full", className)}
+	{max}
 	{...restProps}
 >
 	<div
-		class="bg-primary h-full w-full flex-1 transition-all"
-		style={`transform: translateX(-${100 - (100 * (value ?? 0)) / (max ?? 1)}%)`}
+		data-slot="progress-indicator"
+		class="bg-primary size-full flex-1 transition-all"
+		style="transform: translateX(-{100 - (100 * (value ?? 0)) / (max ?? 1)}%)"
 	></div>
 </ProgressPrimitive.Root>

package/dist/lib/components/ui/questionnaire/index.d.ts

@@ -0,0 +1,16 @@
+import Actions from "./questionnaire-actions.svelte";
+import ChoiceDescription from "./questionnaire-choice-description.svelte";
+import Choice from "./questionnaire-choice.svelte";
+import Choices from "./questionnaire-choices.svelte";
+import Description from "./questionnaire-description.svelte";
+import Error from "./questionnaire-error.svelte";
+import Input from "./questionnaire-input.svelte";
+import Item from "./questionnaire-item.svelte";
+import Next from "./questionnaire-next.svelte";
+import Previous from "./questionnaire-previous.svelte";
+import Progress from "./questionnaire-progress.svelte";
+import Skip from "./questionnaire-skip.svelte";
+import Submit from "./questionnaire-submit.svelte";
+import Title from "./questionnaire-title.svelte";
+import Root from "./questionnaire.svelte";
+export { Root, Progress, Item, Title, Description, Choices, Choice, ChoiceDescription, Input, Error, Actions, Previous, Skip, Next, Submit, Root as Questionnaire, Progress as QuestionnaireProgress, Item as QuestionnaireItem, Title as QuestionnaireTitle, Description as QuestionnaireDescription, Choices as QuestionnaireChoices, Choice as QuestionnaireChoice, ChoiceDescription as QuestionnaireChoiceDescription, Input as QuestionnaireInput, Error as QuestionnaireError, Actions as QuestionnaireActions, Previous as QuestionnairePrevious, Skip as QuestionnaireSkip, Next as QuestionnaireNext, Submit as QuestionnaireSubmit, };

package/dist/lib/components/ui/questionnaire/index.js

@@ -0,0 +1,18 @@
+import Actions from "./questionnaire-actions.svelte";
+import ChoiceDescription from "./questionnaire-choice-description.svelte";
+import Choice from "./questionnaire-choice.svelte";
+import Choices from "./questionnaire-choices.svelte";
+import Description from "./questionnaire-description.svelte";
+import Error from "./questionnaire-error.svelte";
+import Input from "./questionnaire-input.svelte";
+import Item from "./questionnaire-item.svelte";
+import Next from "./questionnaire-next.svelte";
+import Previous from "./questionnaire-previous.svelte";
+import Progress from "./questionnaire-progress.svelte";
+import Skip from "./questionnaire-skip.svelte";
+import Submit from "./questionnaire-submit.svelte";
+import Title from "./questionnaire-title.svelte";
+import Root from "./questionnaire.svelte";
+export { Root, Progress, Item, Title, Description, Choices, Choice, ChoiceDescription, Input, Error, Actions, Previous, Skip, Next, Submit, 
+//
+Root as Questionnaire, Progress as QuestionnaireProgress, Item as QuestionnaireItem, Title as QuestionnaireTitle, Description as QuestionnaireDescription, Choices as QuestionnaireChoices, Choice as QuestionnaireChoice, ChoiceDescription as QuestionnaireChoiceDescription, Input as QuestionnaireInput, Error as QuestionnaireError, Actions as QuestionnaireActions, Previous as QuestionnairePrevious, Skip as QuestionnaireSkip, Next as QuestionnaireNext, Submit as QuestionnaireSubmit, };

package/dist/lib/components/ui/questionnaire/questionnaire-actions.svelte

@@ -0,0 +1,23 @@
+<script lang="ts">
+	import { cn, type WithElementRef } from "../../utils.js";
+	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="questionnaire-actions"
+	class={cn(
+		"gap-2 sm:min-h-8 grid min-h-11 w-full grid-cols-[minmax(0,1fr)_auto_auto] items-center",
+		className
+	)}
+	{...restProps}
+>
+	{@render children?.()}
+</div>

package/dist/lib/components/ui/questionnaire/questionnaire-actions.svelte.d.ts

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

package/dist/lib/components/ui/questionnaire/questionnaire-choice-description.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+	import { cn, type WithElementRef } from "../../utils.js";
+	import type { HTMLAttributes } from "svelte/elements";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLSpanElement>> = $props();
+</script>
+
+<span
+	bind:this={ref}
+	data-slot="questionnaire-choice-description"
+	class={cn("text-muted-foreground", className)}
+	{...restProps}
+>
+	{@render children?.()}
+</span>

package/dist/lib/components/ui/questionnaire/questionnaire-choice-description.svelte.d.ts

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