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

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

@@ -1,9 +1,9 @@
-import Root from "./empty.svelte";
+import Content from "./empty-content.svelte";
+import Description from "./empty-description.svelte";
 import Header from "./empty-header.svelte";
 import Media from "./empty-media.svelte";
 import Title from "./empty-title.svelte";
-import Description from "./empty-description.svelte";
-import Content from "./empty-content.svelte";
+import Root from "./empty.svelte";
 export { Root, Header, Media, Title, Description, Content, 
 //
 Root as Empty, Header as EmptyHeader, Media as EmptyMedia, Title as EmptyTitle, Description as EmptyDescription, Content as EmptyContent, };

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

@@ -13,7 +13,7 @@
 <div
 	bind:this={ref}
 	data-slot="field-content"
-	class={cn("group/field-content flex flex-1 flex-col gap-1.5 leading-snug", className)}
+	class={cn("gap-0.5 group/field-content flex flex-1 flex-col leading-snug", className)}
 	{...restProps}
 >
 	{@render children?.()}

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

@@ -14,9 +14,9 @@
 	bind:this={ref}
 	data-slot="field-description"
 	class={cn(
-		"text-muted-foreground text-sm font-normal leading-normal group-has-[[data-orientation=horizontal]]/field:text-balance",
-		"nth-last-2:-mt-1 last:mt-0 [[data-variant=legend]+&]:-mt-1.5",
-		"[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4",
+		"text-muted-foreground text-left text-sm [[data-variant=legend]+&]:-mt-1.5 leading-normal font-normal group-has-data-horizontal/field:text-balance",
+		"last:mt-0 nth-last-2:-mt-1",
+		"[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary",
 		className
 	)}
 	{...restProps}

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

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { cn, type WithElementRef } from "../../utils.js";
-	import type { HTMLAttributes } from "svelte/elements";
 	import type { Snippet } from "svelte";
+	import type { HTMLAttributes } from "svelte/elements";
 
 	let {
 		ref = $bindable(null),
@@ -19,7 +19,7 @@
 		if (children) return true;
 
 		// no errors
-		if (!errors) return false;
+		if (!errors || errors.length === 0) return false;
 
 		// has an error but no message
 		if (errors.length === 1 && !errors[0]?.message) {
@@ -46,7 +46,7 @@
 		{:else if singleErrorMessage}
 			{singleErrorMessage}
 		{:else if isMultipleErrors}
-			<ul class="ms-4 flex list-disc flex-col gap-1">
+			<ul class="ml-4 flex list-disc flex-col gap-1">
 				{#each errors ?? [] as error, index (index)}
 					{#if error?.message}
 						<li>{error.message}</li>

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

@@ -1,6 +1,6 @@
 import { type WithElementRef } from "../../utils.js";
-import type { HTMLAttributes } from "svelte/elements";
 import type { Snippet } from "svelte";
+import type { HTMLAttributes } from "svelte/elements";
 type $$ComponentProps = WithElementRef<HTMLAttributes<HTMLDivElement>> & {
     children?: Snippet;
     errors?: {

package/dist/lib/components/ui/field/field-group.svelte

@@ -14,7 +14,7 @@
 	bind:this={ref}
 	data-slot="field-group"
 	class={cn(
-		"group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4",
+		"gap-5 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4 group/field-group @container/field-group flex w-full flex-col",
 		className
 	)}
 	{...restProps}

package/dist/lib/components/ui/field/field-label.svelte

@@ -15,9 +15,8 @@
 	bind:ref
 	data-slot="field-label"
 	class={cn(
-		"group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50",
-		"has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-4",
-		"has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary dark:has-data-[state=checked]:bg-primary/10",
+		"has-data-checked:bg-primary/5 has-data-checked:border-primary/30 dark:has-data-checked:border-primary/20 dark:has-data-checked:bg-primary/10 gap-2 leading-snug group-data-[disabled=true]/field:opacity-50 has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border has-[>[data-slot=field]]:not-has-[:disabled,[data-disabled]]:hover:bg-muted/50 has-[>[data-slot=field]]:has-[:focus-visible]:border-ring has-[>[data-slot=field]]:has-[:focus-visible]:ring-ring/50 has-[>[data-slot=field]]:has-[:focus-visible]:ring-3 *:data-[slot=field]:p-2.5 group/field-label peer/field-label flex w-fit",
+		"has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col",
 		className
 	)}
 	{...restProps}

package/dist/lib/components/ui/field/field-legend.svelte

@@ -17,12 +17,7 @@
 	bind:this={ref}
 	data-slot="field-legend"
 	data-variant={variant}
-	class={cn(
-		"mb-3 font-medium",
-		"data-[variant=legend]:text-base",
-		"data-[variant=label]:text-sm",
-		className
-	)}
+	class={cn("mb-1.5 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base", className)}
 	{...restProps}
 >
 	{@render children?.()}

package/dist/lib/components/ui/field/field-separator.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
 	import { Separator } from "../separator/index.js";
 	import { cn, type WithElementRef } from "../../utils.js";
-	import type { HTMLAttributes } from "svelte/elements";
 	import type { Snippet } from "svelte";
+	import type { HTMLAttributes } from "svelte/elements";
 
 	let {
 		ref = $bindable(null),
@@ -20,16 +20,13 @@
 	bind:this={ref}
 	data-slot="field-separator"
 	data-content={hasContent}
-	class={cn(
-		"relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2",
-		className
-	)}
+	class={cn("-my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2 relative", className)}
 	{...restProps}
 >
 	<Separator class="absolute inset-0 top-1/2" />
 	{#if children}
 		<span
-			class="bg-background text-muted-foreground relative mx-auto block w-fit px-2"
+			class="text-muted-foreground px-2 relative mx-auto block w-fit bg-background"
 			data-slot="field-separator-content"
 		>
 			{@render children()}

package/dist/lib/components/ui/field/field-separator.svelte.d.ts

@@ -1,6 +1,6 @@
 import { type WithElementRef } from "../../utils.js";
-import type { HTMLAttributes } from "svelte/elements";
 import type { Snippet } from "svelte";
+import type { HTMLAttributes } from "svelte/elements";
 type $$ComponentProps = WithElementRef<HTMLAttributes<HTMLDivElement>> & {
     children?: Snippet;
 };

package/dist/lib/components/ui/field/field-set.svelte

@@ -13,11 +13,7 @@
 <fieldset
 	bind:this={ref}
 	data-slot="field-set"
-	class={cn(
-		"flex flex-col gap-6",
-		"has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3",
-		className
-	)}
+	class={cn("gap-4 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3 flex flex-col", className)}
 	{...restProps}
 >
 	{@render children?.()}

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

@@ -13,10 +13,7 @@
 <div
 	bind:this={ref}
 	data-slot="field-title"
-	class={cn(
-		"flex w-fit items-center gap-2 text-sm font-medium leading-snug group-data-[disabled=true]/field:opacity-50",
-		className
-	)}
+	class={cn("gap-2 leading-snug text-sm font-medium group-data-[disabled=true]/field:opacity-50 flex w-fit items-center", className)}
 	{...restProps}
 >
 	{@render children?.()}

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

@@ -2,20 +2,14 @@
 	import { tv, type VariantProps } from "tailwind-variants";
 
 	export const fieldVariants = tv({
-		base: "group/field data-[invalid=true]:text-destructive flex w-full gap-3",
+		base: "data-[invalid=true]:text-destructive gap-2 group/field flex w-full",
 		variants: {
 			orientation: {
-				vertical: "flex-col [&>*]:w-full [&>.sr-only]:w-auto",
-				horizontal: [
-					"flex-row items-center",
-					"[&>[data-slot=field-label]]:flex-auto",
-					"has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px has-[>[data-slot=field-content]]:items-start",
-				],
-				responsive: [
-					"@md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto flex-col [&>*]:w-full [&>.sr-only]:w-auto",
-					"@md/field-group:[&>[data-slot=field-label]]:flex-auto",
-					"@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
-				],
+				vertical: "flex-col *:w-full [&>.sr-only]:w-auto",
+				horizontal:
+					"flex-row items-center has-[>[data-slot=field-content]]:items-start *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
+				responsive:
+					"flex-col *:w-full @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:*:data-[slot=field-label]:flex-auto [&>.sr-only]:w-auto @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
 			},
 		},
 		defaultVariants: {

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

@@ -1,23 +1,23 @@
 import { type VariantProps } from "tailwind-variants";
 export declare const fieldVariants: import("tailwind-variants").TVReturnType<{
     orientation: {
-        vertical: string;
-        horizontal: string[];
-        responsive: string[];
+        vertical: "flex-col *:w-full [&>.sr-only]:w-auto";
+        horizontal: "flex-row items-center has-[>[data-slot=field-content]]:items-start *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px";
+        responsive: "flex-col *:w-full @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:*:data-[slot=field-label]:flex-auto [&>.sr-only]:w-auto @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px";
     };
-}, undefined, "group/field data-[invalid=true]:text-destructive flex w-full gap-3", {
+}, undefined, "data-[invalid=true]:text-destructive gap-2 group/field flex w-full", {
     orientation: {
-        vertical: string;
-        horizontal: string[];
-        responsive: string[];
+        vertical: "flex-col *:w-full [&>.sr-only]:w-auto";
+        horizontal: "flex-row items-center has-[>[data-slot=field-content]]:items-start *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px";
+        responsive: "flex-col *:w-full @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:*:data-[slot=field-label]:flex-auto [&>.sr-only]:w-auto @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px";
     };
-}, undefined, import("tailwind-variants").TVReturnType<{
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
     orientation: {
-        vertical: string;
-        horizontal: string[];
-        responsive: string[];
+        vertical: "flex-col *:w-full [&>.sr-only]:w-auto";
+        horizontal: "flex-row items-center has-[>[data-slot=field-content]]:items-start *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px";
+        responsive: "flex-col *:w-full @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:*:data-[slot=field-label]:flex-auto [&>.sr-only]:w-auto @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px";
     };
-}, undefined, "group/field data-[invalid=true]:text-destructive flex w-full gap-3", unknown, unknown, undefined>>;
+}, undefined>>;
 export type FieldOrientation = VariantProps<typeof fieldVariants>["orientation"];
 import { type WithElementRef } from "../../utils.js";
 import type { HTMLAttributes } from "svelte/elements";

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

@@ -1,11 +1,11 @@
-import Field from "./field.svelte";
-import Set from "./field-set.svelte";
-import Legend from "./field-legend.svelte";
-import Group from "./field-group.svelte";
 import Content from "./field-content.svelte";
-import Label from "./field-label.svelte";
-import Title from "./field-title.svelte";
 import Description from "./field-description.svelte";
-import Separator from "./field-separator.svelte";
 import Error from "./field-error.svelte";
+import Group from "./field-group.svelte";
+import Label from "./field-label.svelte";
+import Legend from "./field-legend.svelte";
+import Separator from "./field-separator.svelte";
+import Set from "./field-set.svelte";
+import Title from "./field-title.svelte";
+import Field from "./field.svelte";
 export { Field, Set, Legend, Group, Content, Label, Title, Description, Separator, Error, Set as FieldSet, Legend as FieldLegend, Group as FieldGroup, Content as FieldContent, Label as FieldLabel, Title as FieldTitle, Description as FieldDescription, Separator as FieldSeparator, Error as FieldError, };

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

@@ -1,13 +1,13 @@
-import Field from "./field.svelte";
-import Set from "./field-set.svelte";
-import Legend from "./field-legend.svelte";
-import Group from "./field-group.svelte";
 import Content from "./field-content.svelte";
-import Label from "./field-label.svelte";
-import Title from "./field-title.svelte";
 import Description from "./field-description.svelte";
-import Separator from "./field-separator.svelte";
 import Error from "./field-error.svelte";
+import Group from "./field-group.svelte";
+import Label from "./field-label.svelte";
+import Legend from "./field-legend.svelte";
+import Separator from "./field-separator.svelte";
+import Set from "./field-set.svelte";
+import Title from "./field-title.svelte";
+import Field from "./field.svelte";
 export { Field, Set, Legend, Group, Content, Label, Title, Description, Separator, Error, 
 //
 Set as FieldSet, Legend as FieldLegend, Group as FieldGroup, Content as FieldContent, Label as FieldLabel, Title as FieldTitle, Description as FieldDescription, Separator as FieldSeparator, Error as FieldError, };

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

@@ -12,6 +12,6 @@
 <FormPrimitive.Description
 	bind:ref
 	data-slot="form-description"
-	class={cn("text-muted-foreground text-sm", className)}
+	class={cn("text-sm text-muted-foreground", className)}
 	{...restProps}
 />

package/dist/lib/components/ui/form/form-element-field.svelte

@@ -1,8 +1,8 @@
 <script lang="ts" generics="T extends Record<string, unknown>, U extends FormPathLeaves<T>">
 	import * as FormPrimitive from "formsnap";
-	import type { FormPathLeaves } from "sveltekit-superforms";
-	import type { HTMLAttributes } from "svelte/elements";
 	import { cn, type WithElementRef, type WithoutChildren } from "../../utils.js";
+	import type { HTMLAttributes } from "svelte/elements";
+	import type { FormPathLeaves } from "sveltekit-superforms";
 
 	let {
 		ref = $bindable(null),

package/dist/lib/components/ui/form/form-element-field.svelte.d.ts

@@ -1,7 +1,7 @@
 import * as FormPrimitive from "formsnap";
-import type { FormPathLeaves } from "sveltekit-superforms";
-import type { HTMLAttributes } from "svelte/elements";
 import { type WithElementRef } from "../../utils.js";
+import type { HTMLAttributes } from "svelte/elements";
+import type { FormPathLeaves } from "sveltekit-superforms";
 declare function $$render<T extends Record<string, unknown>, U extends FormPathLeaves<T>>(): {
     props: Omit<WithElementRef<HTMLAttributes<HTMLDivElement>>, "children"> & FormPrimitive.ElementFieldProps<T, U, any>;
     exports: {};

package/dist/lib/components/ui/form/form-field-errors.svelte

@@ -15,7 +15,7 @@
 
 <FormPrimitive.FieldErrors
 	bind:ref
-	class={cn("text-destructive text-sm font-medium", className)}
+	class={cn("text-sm font-medium text-destructive", className)}
 	{...restProps}
 >
 	{#snippet children({ errors, errorProps })}

package/dist/lib/components/ui/form/form-field.svelte

@@ -1,8 +1,8 @@
 <script lang="ts" generics="T extends Record<string, unknown>, U extends FormPath<T>">
 	import * as FormPrimitive from "formsnap";
-	import type { FormPath } from "sveltekit-superforms";
 	import { cn, type WithElementRef, type WithoutChildren } from "../../utils.js";
 	import type { HTMLAttributes } from "svelte/elements";
+	import type { FormPath } from "sveltekit-superforms";
 
 	let {
 		ref = $bindable(null),
@@ -17,12 +17,7 @@
 
 <FormPrimitive.Field {form} {name}>
 	{#snippet children({ constraints, errors, tainted, value })}
-		<div
-			bind:this={ref}
-			data-slot="form-item"
-			class={cn("space-y-2", className)}
-			{...restProps}
-		>
+		<div bind:this={ref} data-slot="form-item" class={cn("space-y-2", className)} {...restProps}>
 			{@render childrenProp?.({ constraints, errors, tainted, value: value as T[U] })}
 		</div>
 	{/snippet}

package/dist/lib/components/ui/form/form-field.svelte.d.ts

@@ -1,7 +1,7 @@
 import * as FormPrimitive from "formsnap";
-import type { FormPath } from "sveltekit-superforms";
 import { type WithElementRef } from "../../utils.js";
 import type { HTMLAttributes } from "svelte/elements";
+import type { FormPath } from "sveltekit-superforms";
 declare function $$render<T extends Record<string, unknown>, U extends FormPath<T>>(): {
     props: FormPrimitive.FieldProps<T, U, any> & Omit<WithElementRef<HTMLAttributes<HTMLDivElement>>, "children">;
     exports: {};

package/dist/lib/components/ui/form/form-fieldset.svelte

@@ -1,7 +1,7 @@
 <script lang="ts" generics="T extends Record<string, unknown>, U extends FormPath<T>">
 	import * as FormPrimitive from "formsnap";
-	import type { FormPath } from "sveltekit-superforms";
 	import { cn, type WithoutChild } from "../../utils.js";
+	import type { FormPath } from "sveltekit-superforms";
 
 	let {
 		ref = $bindable(null),

package/dist/lib/components/ui/form/form-fieldset.svelte.d.ts

@@ -1,6 +1,6 @@
 import * as FormPrimitive from "formsnap";
-import type { FormPath } from "sveltekit-superforms";
 import { type WithoutChild } from "../../utils.js";
+import type { FormPath } from "sveltekit-superforms";
 declare function $$render<T extends Record<string, unknown>, U extends FormPath<T>>(): {
     props: WithoutChild<FormPrimitive.FieldsetProps<T, U>>;
     exports: {};

package/dist/lib/components/ui/form/form-legend.svelte

@@ -11,6 +11,6 @@
 
 <FormPrimitive.Legend
 	bind:ref
-	class={cn("data-[fs-error]:text-destructive text-sm font-medium leading-none", className)}
+	class={cn("text-sm leading-none font-medium data-[fs-error]:text-destructive", className)}
 	{...restProps}
 />

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

@@ -1,11 +1,11 @@
 import * as FormPrimitive from "formsnap";
+import Button from "./form-button.svelte";
 import Description from "./form-description.svelte";
-import Label from "./form-label.svelte";
+import ElementField from "./form-element-field.svelte";
 import FieldErrors from "./form-field-errors.svelte";
 import Field from "./form-field.svelte";
 import Fieldset from "./form-fieldset.svelte";
+import Label from "./form-label.svelte";
 import Legend from "./form-legend.svelte";
-import ElementField from "./form-element-field.svelte";
-import Button from "./form-button.svelte";
 declare const Control: import("svelte").Component<FormPrimitive.ControlProps, {}, "">;
 export { Field, Control, Label, Button, FieldErrors, Description, Fieldset, Legend, ElementField, Field as FormField, Control as FormControl, Description as FormDescription, Label as FormLabel, FieldErrors as FormFieldErrors, Fieldset as FormFieldset, Legend as FormLegend, ElementField as FormElementField, Button as FormButton, };

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

@@ -1,12 +1,12 @@
 import * as FormPrimitive from "formsnap";
+import Button from "./form-button.svelte";
 import Description from "./form-description.svelte";
-import Label from "./form-label.svelte";
+import ElementField from "./form-element-field.svelte";
 import FieldErrors from "./form-field-errors.svelte";
 import Field from "./form-field.svelte";
 import Fieldset from "./form-fieldset.svelte";
+import Label from "./form-label.svelte";
 import Legend from "./form-legend.svelte";
-import ElementField from "./form-element-field.svelte";
-import Button from "./form-button.svelte";
 const Control = FormPrimitive.Control;
 export { Field, Control, Label, Button, FieldErrors, Description, Fieldset, Legend, ElementField, 
 //

package/dist/lib/components/ui/hover-card/hover-card-content.svelte

@@ -7,8 +7,9 @@
 	let {
 		ref = $bindable(null),
 		class: className,
-		align = "center",
+		side = "bottom",
 		sideOffset = 4,
+		align = "center",
 		portalProps,
 		...restProps
 	}: HoverCardPrimitive.ContentProps & {
@@ -20,10 +21,11 @@
 	<HoverCardPrimitive.Content
 		bind:ref
 		data-slot="hover-card-content"
-		{align}
+		{side}
 		{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-end-2 data-[side=right]:slide-in-from-start-2 data-[side=top]:slide-in-from-bottom-2 outline-hidden z-50 mt-3 w-64 rounded-md border p-4 shadow-md outline-none",
+			"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 bg-popover text-popover-foreground w-64 rounded-lg p-2.5 text-sm shadow-md ring-1 duration-100 z-50 origin-(--bits-link-preview-content-transform-origin) outline-hidden",
 			className
 		)}
 		{...restProps}

package/dist/lib/components/ui/hover-card/index.d.ts

@@ -1,5 +1,5 @@
-import Root from "./hover-card.svelte";
 import Content from "./hover-card-content.svelte";
-import Trigger from "./hover-card-trigger.svelte";
 import Portal from "./hover-card-portal.svelte";
+import Trigger from "./hover-card-trigger.svelte";
+import Root from "./hover-card.svelte";
 export { Root, Content, Trigger, Portal, Root as HoverCard, Content as HoverCardContent, Trigger as HoverCardTrigger, Portal as HoverCardPortal, };

package/dist/lib/components/ui/hover-card/index.js

@@ -1,5 +1,5 @@
-import Root from "./hover-card.svelte";
 import Content from "./hover-card-content.svelte";
-import Trigger from "./hover-card-trigger.svelte";
 import Portal from "./hover-card-portal.svelte";
+import Trigger from "./hover-card-trigger.svelte";
+import Root from "./hover-card.svelte";
 export { Root, Content, Trigger, Portal, Root as HoverCard, Content as HoverCardContent, Trigger as HoverCardTrigger, Portal as HoverCardPortal, };

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

@@ -1,64 +1,71 @@
-export * as Accordion from './accordion/index.ts';
-export * as Alert from './alert/index.ts';
-export * as AlertDialog from './alert-dialog/index.ts';
-export { AspectRatio } from './aspect-ratio/index.ts';
-export * as Avatar from './avatar/index.ts';
-export { Badge } from './badge/index.ts';
-export * as Breadcrumb from './breadcrumb/index.ts';
-export { Button, buttonVariants, type ButtonSize, type ButtonVariant, type ButtonProps } from './button/index.ts';
-export { Calendar } from './calendar/index.ts';
-export * as Card from './card/index.ts';
-export * as Carousel from './carousel/index.ts';
-export { Checkbox } from './checkbox/index.ts';
-export * as Collapsible from './collapsible/index.ts';
-export * as Command from './command/index.ts';
-export * as ContextMenu from './context-menu/index.ts';
-export * as Dialog from './dialog/index.ts';
-export * as Drawer from './drawer/index.ts';
-export * as DropdownMenu from './dropdown-menu/index.ts';
-export * as HoverCard from './hover-card/index.ts';
-export { InputOTP } from './input-otp/index.ts';
-export * as Menubar from './menubar/index.ts';
-export * as Pagination from './pagination/index.ts';
-export * as Popover from './popover/index.ts';
-export { Progress } from './progress/index.ts';
-export * as RadioGroup from './radio-group/index.ts';
-export { RangeCalendar } from './range-calendar/index.ts';
-export * as Resizable from './resizable/index.ts';
-export { ScrollArea } from './scroll-area/index.ts';
-export * as Select from './select/index.ts';
-export { Separator } from './separator/index.ts';
-export * as Sheet from './sheet/index.ts';
-export * as Sidebar from './sidebar/index.ts';
-export { useSidebar } from './sidebar/index.ts';
-export { Skeleton } from './skeleton/index.ts';
-export { Slider } from './slider/index.ts';
-export { Toaster } from './sonner/index.ts';
-export { Switch } from './switch/index.ts';
-export * as Table from './table/index.ts';
-export * as Tabs from './tabs/index.ts';
-export { Textarea } from './textarea/index.ts';
-export { Toggle } from './toggle/index.ts';
-export * as ToggleGroup from './toggle-group/index.ts';
-export * as Tooltip from './tooltip/index.ts';
-export * as Chart from './chart/index.ts';
-export * as Item from './item/index.ts';
-export * as ButtonGroup from './button-group/index.ts';
-export * as Empty from './empty/index.ts';
-export * as Kbd from './kbd/index.ts';
-export * as NativeSelect from './native-select/index.ts';
-export { Spinner } from './spinner/index.ts';
+export * as Accordion from "./accordion/index.ts";
+export * as Alert from "./alert/index.ts";
+export * as AlertDialog from "./alert-dialog/index.ts";
+export { AspectRatio } from "./aspect-ratio/index.ts";
+export * as Avatar from "./avatar/index.ts";
+export { Badge } from "./badge/index.ts";
+export * as Breadcrumb from "./breadcrumb/index.ts";
+export { Button, buttonVariants, type ButtonSize, type ButtonVariant, type ButtonProps, } from "./button/index.ts";
+export { Calendar } from "./calendar/index.ts";
+export * as Card from "./card/index.ts";
+export * as Carousel from "./carousel/index.ts";
+export { Checkbox } from "./checkbox/index.ts";
+export * as Collapsible from "./collapsible/index.ts";
+export * as Command from "./command/index.ts";
+export * as ContextMenu from "./context-menu/index.ts";
+export * as Dialog from "./dialog/index.ts";
+export * as Drawer from "./drawer/index.ts";
+export * as DropdownMenu from "./dropdown-menu/index.ts";
+export * as HoverCard from "./hover-card/index.ts";
+export { InputOTP } from "./input-otp/index.ts";
+export * as InputGroup from "./input-group/index.ts";
+export * as Menubar from "./menubar/index.ts";
+export * as Pagination from "./pagination/index.ts";
+export * as Popover from "./popover/index.ts";
+export { Progress } from "./progress/index.ts";
+export * as RadioGroup from "./radio-group/index.ts";
+export { RangeCalendar } from "./range-calendar/index.ts";
+export * as Resizable from "./resizable/index.ts";
+export { ScrollArea } from "./scroll-area/index.ts";
+export * as Select from "./select/index.ts";
+export { Separator } from "./separator/index.ts";
+export * as Sheet from "./sheet/index.ts";
+export * as Sidebar from "./sidebar/index.ts";
+export { useSidebar } from "./sidebar/index.ts";
+export { Skeleton } from "./skeleton/index.ts";
+export { Slider } from "./slider/index.ts";
+export { Toaster } from "./sonner/index.ts";
+export { Switch } from "./switch/index.ts";
+export * as Table from "./table/index.ts";
+export * as Tabs from "./tabs/index.ts";
+export { Textarea } from "./textarea/index.ts";
+export { Toggle } from "./toggle/index.ts";
+export * as ToggleGroup from "./toggle-group/index.ts";
+export * as Tooltip from "./tooltip/index.ts";
+export * as Chart from "./chart/index.ts";
+export * as Item from "./item/index.ts";
+export * as Attachment from "./attachment/index.ts";
+export * as ButtonGroup from "./button-group/index.ts";
+export * as Field from "./field/index.ts";
+export * as Empty from "./empty/index.ts";
+export * as Kbd from "./kbd/index.ts";
+export * as NativeSelect from "./native-select/index.ts";
+export { Spinner } from "./spinner/index.ts";
 /**
  * @deprecated Moved to @tanglemedia/svelte-started-form-shadcn
  */
-export * as Form from './form/index.ts';
+export * as Form from "./form/index.ts";
 /**
  * @deprecated Moved to @tanglemedia/svelte-started-form-shadcn
  */
-export { Label } from './label/index.ts';
+export { Label } from "./label/index.ts";
 /**
  * @deprecated Moved to @tanglemedia/svelte-started-form-shadcn
  */
-export { Input } from './input/index.ts';
-export type { SidebarStateProps } from './sidebar/context.svelte.ts';
-export type { SidebarMenuButtonSize, SidebarMenuButtonVariant, } from './sidebar/sidebar-menu-button.svelte';
+export { Input } from "./input/index.ts";
+export type { SidebarStateProps } from "./sidebar/context.svelte.ts";
+export type { SidebarMenuButtonSize, SidebarMenuButtonVariant, } from "./sidebar/sidebar-menu-button.svelte";
+export * as Message from "./message/index.ts";
+export * as Bubble from "./bubble/index.ts";
+export * as MessageScroller from "./message-scroller/index.ts";
+export * as Questionnaire from "./questionnaire/index.ts";