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

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-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

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

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

@@ -14,14 +14,14 @@
 <ProgressPrimitive.Root
 	bind:ref
 	data-slot="progress"
-	class={cn("bg-primary/20 relative h-2 w-full overflow-hidden rounded-full", className)}
+	class={cn("bg-muted h-1 rounded-full relative flex w-full items-center overflow-x-hidden", className)}
 	{value}
 	{max}
 	{...restProps}
 >
 	<div
 		data-slot="progress-indicator"
-		class="bg-primary h-full w-full flex-1 transition-all"
+		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;

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

@@ -0,0 +1,49 @@
+<script lang="ts">
+	import { Questionnaire as QuestionnairePrimitive } from "@shadcn-svelte/primitives/questionnaire";
+	import CheckIcon from '@lucide/svelte/icons/check';
+	import { cn } from "../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		children,
+		class: className,
+		...restProps
+	}: QuestionnairePrimitive.ChoiceProps = $props();
+</script>
+
+<QuestionnairePrimitive.Choice
+	bind:ref
+	data-slot="questionnaire-choice"
+	class={cn(
+		"border-input dark:bg-input/20 hover:bg-muted/50 data-checked:border-primary/40 data-checked:bg-muted dark:data-checked:bg-muted data-invalid:border-destructive has-[>input:focus-visible]:border-ring has-[>input:focus-visible]:ring-ring/50 gap-2.5 rounded-lg border bg-transparent px-3 py-2.5 text-sm has-[>input:focus-visible]:ring-3 group/questionnaire-choice relative flex min-h-11 cursor-pointer items-start text-start transition-colors outline-none select-none",
+		"data-disabled:pointer-events-none data-disabled:cursor-not-allowed data-disabled:opacity-50",
+		className
+	)}
+	{...restProps}
+>
+	<QuestionnairePrimitive.ChoiceInput
+		data-slot="questionnaire-choice-input"
+		class="absolute inset-0 z-10 size-full cursor-pointer opacity-0"
+	/>
+	<span
+		aria-hidden="true"
+		data-slot="questionnaire-choice-indicator"
+		class="border-input dark:bg-input/30 group-data-checked/questionnaire-choice:bg-primary dark:group-data-checked/questionnaire-choice:bg-primary group-data-checked/questionnaire-choice:text-primary-foreground group-data-checked/questionnaire-choice:border-primary size-4 translate-y-[--spacing(0.45)] group-has-data-[slot=questionnaire-choice-description]/questionnaire-choice:translate-y-0.5 rounded-[4px] pointer-events-none relative flex shrink-0 items-center justify-center border group-data-[type=radio]/questionnaire-choice:rounded-full"
+	>
+		<span
+			data-slot="questionnaire-choice-indicator-dot"
+			class="bg-primary-foreground size-2 hidden rounded-full group-data-[type=checkbox]/questionnaire-choice:hidden group-data-checked/questionnaire-choice:block"
+		></span>
+		<CheckIcon data-slot="questionnaire-choice-indicator-check" class="size-3.5 hidden group-data-[type=radio]/questionnaire-choice:hidden group-data-checked/questionnaire-choice:block" />
+	</span>
+	<QuestionnairePrimitive.ChoiceLabel
+		data-slot="questionnaire-choice-label"
+		class="gap-0.5 flex min-w-0 flex-1 flex-col leading-snug"
+	>
+		{@render children?.()}
+	</QuestionnairePrimitive.ChoiceLabel>
+	<QuestionnairePrimitive.ChoiceShortcut
+		data-slot="questionnaire-choice-shortcut"
+		class="border-input bg-background text-muted-foreground size-5 translate-y-[--spacing(0.45)] group-has-data-[slot=questionnaire-choice-description]/questionnaire-choice:translate-y-0.5 items-center justify-center rounded-md border font-mono text-[0.625rem] font-medium leading-none pointer-events-none ms-auto hidden shrink-0 group-data-[shortcut]/questionnaire-choice:inline-flex"
+	/>
+</QuestionnairePrimitive.Choice>

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

@@ -0,0 +1,4 @@
+import { Questionnaire as QuestionnairePrimitive } from "@shadcn-svelte/primitives/questionnaire";
+declare const QuestionnaireChoice: import("svelte").Component<QuestionnairePrimitive.ChoiceProps, {}, "ref">;
+type QuestionnaireChoice = ReturnType<typeof QuestionnaireChoice>;
+export default QuestionnaireChoice;

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

@@ -0,0 +1,17 @@
+<script lang="ts">
+	import { Questionnaire as QuestionnairePrimitive } from "@shadcn-svelte/primitives/questionnaire";
+	import { cn } from "../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: QuestionnairePrimitive.ChoicesProps = $props();
+</script>
+
+<QuestionnairePrimitive.Choices
+	bind:ref
+	data-slot="questionnaire-choices"
+	class={cn("gap-2 group/questionnaire-choices grid min-w-0", className)}
+	{...restProps}
+/>

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

@@ -0,0 +1,4 @@
+import { Questionnaire as QuestionnairePrimitive } from "@shadcn-svelte/primitives/questionnaire";
+declare const QuestionnaireChoices: import("svelte").Component<QuestionnairePrimitive.ChoicesProps, {}, "ref">;
+type QuestionnaireChoices = ReturnType<typeof QuestionnaireChoices>;
+export default QuestionnaireChoices;

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

@@ -0,0 +1,17 @@
+<script lang="ts">
+	import { Questionnaire as QuestionnairePrimitive } from "@shadcn-svelte/primitives/questionnaire";
+	import { cn } from "../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: QuestionnairePrimitive.DescriptionProps = $props();
+</script>
+
+<QuestionnairePrimitive.Description
+	bind:ref
+	data-slot="questionnaire-description"
+	class={cn("text-muted-foreground text-sm text-pretty text-muted-foreground", className)}
+	{...restProps}
+/>

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

@@ -0,0 +1,4 @@
+import { Questionnaire as QuestionnairePrimitive } from "@shadcn-svelte/primitives/questionnaire";
+declare const QuestionnaireDescription: import("svelte").Component<QuestionnairePrimitive.DescriptionProps, {}, "ref">;
+type QuestionnaireDescription = ReturnType<typeof QuestionnaireDescription>;
+export default QuestionnaireDescription;

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

@@ -0,0 +1,17 @@
+<script lang="ts">
+	import { Questionnaire as QuestionnairePrimitive } from "@shadcn-svelte/primitives/questionnaire";
+	import { cn } from "../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: QuestionnairePrimitive.ErrorProps = $props();
+</script>
+
+<QuestionnairePrimitive.Error
+	bind:ref
+	data-slot="questionnaire-error"
+	class={cn("mt-2 text-sm text-destructive", className)}
+	{...restProps}
+/>

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

@@ -0,0 +1,4 @@
+import { Questionnaire as QuestionnairePrimitive } from "@shadcn-svelte/primitives/questionnaire";
+declare const QuestionnaireError: import("svelte").Component<QuestionnairePrimitive.ErrorProps, {}, "ref">;
+type QuestionnaireError = ReturnType<typeof QuestionnaireError>;
+export default QuestionnaireError;

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

@@ -0,0 +1,26 @@
+<script lang="ts">
+	import { Questionnaire as QuestionnairePrimitive } from "@shadcn-svelte/primitives/questionnaire";
+	import { cn } from "../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: QuestionnairePrimitive.InputProps = $props();
+</script>
+
+<div
+	data-slot="questionnaire-input-wrapper"
+	class="w-full group/questionnaire-input relative min-w-0"
+>
+	<QuestionnairePrimitive.Input
+		bind:ref
+		data-slot="questionnaire-input"
+		class={cn(
+			"dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 disabled:bg-input/50 dark:disabled:bg-input/80 h-8 rounded-lg border bg-transparent px-2.5 py-1 text-base focus-visible:ring-3 aria-invalid:ring-3 md:text-sm min-h-11 w-full min-w-0 transition-[color,box-shadow,background-color] outline-none disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 sm:min-h-0",
+			"selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground",
+			className
+		)}
+		{...restProps}
+	/>
+</div>

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

@@ -0,0 +1,4 @@
+import { Questionnaire as QuestionnairePrimitive } from "@shadcn-svelte/primitives/questionnaire";
+declare const QuestionnaireInput: import("svelte").Component<QuestionnairePrimitive.InputProps, {}, "ref">;
+type QuestionnaireInput = ReturnType<typeof QuestionnaireInput>;
+export default QuestionnaireInput;

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

@@ -0,0 +1,17 @@
+<script lang="ts">
+	import { Questionnaire as QuestionnairePrimitive } from "@shadcn-svelte/primitives/questionnaire";
+	import { cn } from "../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: QuestionnairePrimitive.ItemProps = $props();
+</script>
+
+<QuestionnairePrimitive.Item
+	bind:ref
+	data-slot="questionnaire-item"
+	class={cn("flex flex-col gap-4 min-w-0 border-0 p-0 outline-none", className)}
+	{...restProps}
+/>

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

@@ -0,0 +1,4 @@
+import { Questionnaire as QuestionnairePrimitive } from "@shadcn-svelte/primitives/questionnaire";
+declare const QuestionnaireItem: import("svelte").Component<QuestionnairePrimitive.ItemProps, {}, "ref">;
+type QuestionnaireItem = ReturnType<typeof QuestionnaireItem>;
+export default QuestionnaireItem;

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

@@ -0,0 +1,33 @@
+<script lang="ts">
+	import { Questionnaire as QuestionnairePrimitive } from "@shadcn-svelte/primitives/questionnaire";
+	import {
+		buttonVariants,
+		type ButtonSize,
+		type ButtonVariant,
+	} from "../button/index.js";
+	import { cn } from "../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		size = "default",
+		variant = "default",
+		...restProps
+	}: QuestionnairePrimitive.NextProps & {
+		size?: ButtonSize;
+		variant?: ButtonVariant;
+	} = $props();
+</script>
+
+<QuestionnairePrimitive.Next
+	bind:ref
+	data-slot="questionnaire-next"
+	data-size={size}
+	data-variant={variant}
+	class={cn(
+		buttonVariants({ size, variant }),
+		"col-start-3 row-start-1 min-h-11 justify-self-end sm:min-h-0",
+		className
+	)}
+	{...restProps}
+/>

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

@@ -0,0 +1,9 @@
+import { Questionnaire as QuestionnairePrimitive } from "@shadcn-svelte/primitives/questionnaire";
+import { type ButtonSize, type ButtonVariant } from "../button/index.js";
+type $$ComponentProps = QuestionnairePrimitive.NextProps & {
+    size?: ButtonSize;
+    variant?: ButtonVariant;
+};
+declare const QuestionnaireNext: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type QuestionnaireNext = ReturnType<typeof QuestionnaireNext>;
+export default QuestionnaireNext;

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

@@ -0,0 +1,33 @@
+<script lang="ts">
+	import { Questionnaire as QuestionnairePrimitive } from "@shadcn-svelte/primitives/questionnaire";
+	import {
+		buttonVariants,
+		type ButtonSize,
+		type ButtonVariant,
+	} from "../button/index.js";
+	import { cn } from "../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		size = "default",
+		variant = "outline",
+		...restProps
+	}: QuestionnairePrimitive.PreviousProps & {
+		size?: ButtonSize;
+		variant?: ButtonVariant;
+	} = $props();
+</script>
+
+<QuestionnairePrimitive.Previous
+	bind:ref
+	data-slot="questionnaire-previous"
+	data-size={size}
+	data-variant={variant}
+	class={cn(
+		buttonVariants({ size, variant }),
+		"col-start-1 row-start-1 min-h-11 justify-self-start sm:min-h-0",
+		className
+	)}
+	{...restProps}
+/>

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

@@ -0,0 +1,9 @@
+import { Questionnaire as QuestionnairePrimitive } from "@shadcn-svelte/primitives/questionnaire";
+import { type ButtonSize, type ButtonVariant } from "../button/index.js";
+type $$ComponentProps = QuestionnairePrimitive.PreviousProps & {
+    size?: ButtonSize;
+    variant?: ButtonVariant;
+};
+declare const QuestionnairePrevious: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type QuestionnairePrevious = ReturnType<typeof QuestionnairePrevious>;
+export default QuestionnairePrevious;

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

@@ -0,0 +1,20 @@
+<script lang="ts">
+	import { Questionnaire as QuestionnairePrimitive } from "@shadcn-svelte/primitives/questionnaire";
+	import { cn } from "../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: QuestionnairePrimitive.ProgressProps = $props();
+</script>
+
+<QuestionnairePrimitive.Progress
+	bind:ref
+	data-slot="questionnaire-progress"
+	class={cn(
+		"text-xs min-h-[1lh] w-fit min-w-[14ch] font-medium text-muted-foreground tabular-nums",
+		className
+	)}
+	{...restProps}
+/>

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

@@ -0,0 +1,4 @@
+import { Questionnaire as QuestionnairePrimitive } from "@shadcn-svelte/primitives/questionnaire";
+declare const QuestionnaireProgress: import("svelte").Component<QuestionnairePrimitive.ProgressProps, {}, "ref">;
+type QuestionnaireProgress = ReturnType<typeof QuestionnaireProgress>;
+export default QuestionnaireProgress;

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

@@ -0,0 +1,33 @@
+<script lang="ts">
+	import { Questionnaire as QuestionnairePrimitive } from "@shadcn-svelte/primitives/questionnaire";
+	import {
+		buttonVariants,
+		type ButtonSize,
+		type ButtonVariant,
+	} from "../button/index.js";
+	import { cn } from "../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		size = "default",
+		variant = "outline",
+		...restProps
+	}: QuestionnairePrimitive.SkipProps & {
+		size?: ButtonSize;
+		variant?: ButtonVariant;
+	} = $props();
+</script>
+
+<QuestionnairePrimitive.Skip
+	bind:ref
+	data-slot="questionnaire-skip"
+	data-size={size}
+	data-variant={variant}
+	class={cn(
+		buttonVariants({ size, variant }),
+		"col-start-2 row-start-1 min-h-11 justify-self-end sm:min-h-0",
+		className
+	)}
+	{...restProps}
+/>

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

@@ -0,0 +1,9 @@
+import { Questionnaire as QuestionnairePrimitive } from "@shadcn-svelte/primitives/questionnaire";
+import { type ButtonSize, type ButtonVariant } from "../button/index.js";
+type $$ComponentProps = QuestionnairePrimitive.SkipProps & {
+    size?: ButtonSize;
+    variant?: ButtonVariant;
+};
+declare const QuestionnaireSkip: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type QuestionnaireSkip = ReturnType<typeof QuestionnaireSkip>;
+export default QuestionnaireSkip;

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

@@ -0,0 +1,33 @@
+<script lang="ts">
+	import { Questionnaire as QuestionnairePrimitive } from "@shadcn-svelte/primitives/questionnaire";
+	import {
+		buttonVariants,
+		type ButtonSize,
+		type ButtonVariant,
+	} from "../button/index.js";
+	import { cn } from "../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		size = "default",
+		variant = "default",
+		...restProps
+	}: QuestionnairePrimitive.SubmitProps & {
+		size?: ButtonSize;
+		variant?: ButtonVariant;
+	} = $props();
+</script>
+
+<QuestionnairePrimitive.Submit
+	bind:ref
+	data-slot="questionnaire-submit"
+	data-size={size}
+	data-variant={variant}
+	class={cn(
+		buttonVariants({ size, variant }),
+		"col-start-3 row-start-1 min-h-11 justify-self-end sm:min-h-0",
+		className
+	)}
+	{...restProps}
+/>

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

@@ -0,0 +1,9 @@
+import { Questionnaire as QuestionnairePrimitive } from "@shadcn-svelte/primitives/questionnaire";
+import { type ButtonSize, type ButtonVariant } from "../button/index.js";
+type $$ComponentProps = QuestionnairePrimitive.SubmitProps & {
+    size?: ButtonSize;
+    variant?: ButtonVariant;
+};
+declare const QuestionnaireSubmit: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type QuestionnaireSubmit = ReturnType<typeof QuestionnaireSubmit>;
+export default QuestionnaireSubmit;

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

@@ -0,0 +1,17 @@
+<script lang="ts">
+	import { Questionnaire as QuestionnairePrimitive } from "@shadcn-svelte/primitives/questionnaire";
+	import { cn } from "../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: QuestionnairePrimitive.TitleProps = $props();
+</script>
+
+<QuestionnairePrimitive.Title
+	bind:ref
+	data-slot="questionnaire-title"
+	class={cn("text-base leading-snug font-medium [&:not(:has(~[data-slot=questionnaire-description]))]:mb-4 text-pretty", className)}
+	{...restProps}
+/>

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

@@ -0,0 +1,4 @@
+import { Questionnaire as QuestionnairePrimitive } from "@shadcn-svelte/primitives/questionnaire";
+declare const QuestionnaireTitle: import("svelte").Component<QuestionnairePrimitive.TitleProps, {}, "ref">;
+type QuestionnaireTitle = ReturnType<typeof QuestionnaireTitle>;
+export default QuestionnaireTitle;