@shellicar/ui-shadcn 1.0.3 → 1.0.5

package/dist/components/ui/button/button.svelte

@@ -1,42 +1,44 @@
 <script lang="ts" module>
-import type { HTMLAnchorAttributes, HTMLButtonAttributes } from 'svelte/elements';
-import { tv, type VariantProps } from 'tailwind-variants';
-import { cn, type WithElementRef } from '../../../utils.js';
+	import { cn, type WithElementRef } from "../../../utils.js";
+	import type { HTMLAnchorAttributes, HTMLButtonAttributes } from "svelte/elements";
+	import { type VariantProps, tv } from "tailwind-variants";
 
-export const buttonVariants = tv({
-  base: "focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex shrink-0 items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-  variants: {
-    variant: {
-      default: 'bg-primary text-primary-foreground hover:bg-primary/90 shadow-xs',
-      destructive: 'bg-destructive hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60 text-white shadow-xs',
-      outline: 'bg-background hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 border shadow-xs',
-      secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/80 shadow-xs',
-      ghost: 'hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50',
-      link: 'text-primary underline-offset-4 hover:underline',
-    },
-    size: {
-      default: 'h-9 px-4 py-2 has-[>svg]:px-3',
-      sm: 'h-8 gap-1.5 rounded-md px-3 has-[>svg]:px-2.5',
-      lg: 'h-10 rounded-md px-6 has-[>svg]:px-4',
-      icon: 'size-9',
-      'icon-sm': 'size-8',
-      'icon-lg': 'size-10',
-    },
-  },
-  defaultVariants: {
-    variant: 'default',
-    size: 'default',
-  },
-});
+	export const buttonVariants = tv({
+		base: "focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex shrink-0 items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+		variants: {
+			variant: {
+				default: "bg-primary text-primary-foreground hover:bg-primary/90 shadow-xs",
+				destructive:
+					"bg-destructive hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60 text-white shadow-xs",
+				outline:
+					"bg-background hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 border shadow-xs",
+				secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 shadow-xs",
+				ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+				link: "text-primary underline-offset-4 hover:underline",
+			},
+			size: {
+				default: "h-9 px-4 py-2 has-[>svg]:px-3",
+				sm: "h-8 gap-1.5 rounded-md px-3 has-[>svg]:px-2.5",
+				lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+				icon: "size-9",
+				"icon-sm": "size-8",
+				"icon-lg": "size-10",
+			},
+		},
+		defaultVariants: {
+			variant: "default",
+			size: "default",
+		},
+	});
 
-export type ButtonVariant = VariantProps<typeof buttonVariants>['variant'];
-export type ButtonSize = VariantProps<typeof buttonVariants>['size'];
+	export type ButtonVariant = VariantProps<typeof buttonVariants>["variant"];
+	export type ButtonSize = VariantProps<typeof buttonVariants>["size"];
 
-export type ButtonProps = WithElementRef<HTMLButtonAttributes> &
-  WithElementRef<HTMLAnchorAttributes> & {
-    variant?: ButtonVariant;
-    size?: ButtonSize;
-  };
+	export type ButtonProps = WithElementRef<HTMLButtonAttributes> &
+		WithElementRef<HTMLAnchorAttributes> & {
+			variant?: ButtonVariant;
+			size?: ButtonSize;
+		};
 </script>
 
 <script lang="ts">

package/dist/components/ui/button/button.svelte.d.ts

@@ -1,6 +1,6 @@
-import type { HTMLAnchorAttributes, HTMLButtonAttributes } from 'svelte/elements';
-import { type VariantProps } from 'tailwind-variants';
-import { type WithElementRef } from '../../../utils.js';
+import { type WithElementRef } from "../../../utils.js";
+import type { HTMLAnchorAttributes, HTMLButtonAttributes } from "svelte/elements";
+import { type VariantProps } from "tailwind-variants";
 export declare const buttonVariants: import("tailwind-variants").TVReturnType<{
     variant: {
         default: string;
@@ -15,8 +15,8 @@ export declare const buttonVariants: import("tailwind-variants").TVReturnType<{
         sm: string;
         lg: string;
         icon: string;
-        'icon-sm': string;
-        'icon-lg': string;
+        "icon-sm": string;
+        "icon-lg": string;
     };
 }, undefined, "focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex shrink-0 items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
     variant: {
@@ -32,8 +32,8 @@ export declare const buttonVariants: import("tailwind-variants").TVReturnType<{
         sm: string;
         lg: string;
         icon: string;
-        'icon-sm': string;
-        'icon-lg': string;
+        "icon-sm": string;
+        "icon-lg": string;
     };
 }, undefined, import("tailwind-variants").TVReturnType<{
     variant: {
@@ -49,12 +49,12 @@ export declare const buttonVariants: import("tailwind-variants").TVReturnType<{
         sm: string;
         lg: string;
         icon: string;
-        'icon-sm': string;
-        'icon-lg': string;
+        "icon-sm": string;
+        "icon-lg": string;
     };
 }, undefined, "focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex shrink-0 items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", unknown, unknown, undefined>>;
-export type ButtonVariant = VariantProps<typeof buttonVariants>['variant'];
-export type ButtonSize = VariantProps<typeof buttonVariants>['size'];
+export type ButtonVariant = VariantProps<typeof buttonVariants>["variant"];
+export type ButtonSize = VariantProps<typeof buttonVariants>["size"];
 export type ButtonProps = WithElementRef<HTMLButtonAttributes> & WithElementRef<HTMLAnchorAttributes> & {
     variant?: ButtonVariant;
     size?: ButtonSize;

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

@@ -1,2 +1,2 @@
-import Root, { type ButtonProps, type ButtonSize, type ButtonVariant, buttonVariants } from './button.svelte';
+import Root, { type ButtonProps, type ButtonSize, type ButtonVariant, buttonVariants } from "./button.svelte";
 export { Root, type ButtonProps as Props, Root as Button, buttonVariants, type ButtonProps, type ButtonSize, type ButtonVariant, };

package/dist/components/ui/button/index.js

@@ -1,4 +1,4 @@
-import Root, { buttonVariants } from './button.svelte';
+import Root, { buttonVariants, } from "./button.svelte";
 export { Root, 
 //
 Root as Button, buttonVariants, };

package/dist/components/ui/card/card-action.svelte

@@ -1,8 +1,13 @@
 <script lang="ts">
-import type { HTMLAttributes } from 'svelte/elements';
-import { cn, type WithElementRef } from '../../../utils.js';
+	import { cn, type WithElementRef } from "../../../utils.js";
+	import type { HTMLAttributes } from "svelte/elements";
 
-const { ref = $bindable(null), class: className, children, ...restProps }: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
 </script>
 
 <div

package/dist/components/ui/card/card-action.svelte.d.ts

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

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

@@ -1,8 +1,13 @@
 <script lang="ts">
-import type { HTMLAttributes } from 'svelte/elements';
-import { cn, type WithElementRef } from '../../../utils.js';
+	import type { HTMLAttributes } from "svelte/elements";
+	import { cn, type WithElementRef } from "../../../utils.js";
 
-const { ref = $bindable(null), class: className, children, ...restProps }: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
 </script>
 
 <div bind:this={ref} data-slot="card-content" class={cn("px-6", className)} {...restProps}>

package/dist/components/ui/card/card-content.svelte.d.ts

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

package/dist/components/ui/card/card-description.svelte

@@ -1,8 +1,13 @@
 <script lang="ts">
-import type { HTMLAttributes } from 'svelte/elements';
-import { cn, type WithElementRef } from '../../../utils.js';
+	import type { HTMLAttributes } from "svelte/elements";
+	import { cn, type WithElementRef } from "../../../utils.js";
 
-const { ref = $bindable(null), class: className, children, ...restProps }: WithElementRef<HTMLAttributes<HTMLParagraphElement>> = $props();
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLParagraphElement>> = $props();
 </script>
 
 <p

package/dist/components/ui/card/card-description.svelte.d.ts

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

package/dist/components/ui/card/card-footer.svelte

@@ -1,8 +1,13 @@
 <script lang="ts">
-import type { HTMLAttributes } from 'svelte/elements';
-import { cn, type WithElementRef } from '../../../utils.js';
+	import { cn, type WithElementRef } from "../../../utils.js";
+	import type { HTMLAttributes } from "svelte/elements";
 
-const { ref = $bindable(null), class: className, children, ...restProps }: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
 </script>
 
 <div

package/dist/components/ui/card/card-footer.svelte.d.ts

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

package/dist/components/ui/card/card-header.svelte

@@ -1,8 +1,13 @@
 <script lang="ts">
-import type { HTMLAttributes } from 'svelte/elements';
-import { cn, type WithElementRef } from '../../../utils.js';
+	import { cn, type WithElementRef } from "../../../utils.js";
+	import type { HTMLAttributes } from "svelte/elements";
 
-const { ref = $bindable(null), class: className, children, ...restProps }: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
 </script>
 
 <div

package/dist/components/ui/card/card-header.svelte.d.ts

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

package/dist/components/ui/card/card-title.svelte

@@ -1,8 +1,13 @@
 <script lang="ts">
-import type { HTMLAttributes } from 'svelte/elements';
-import { cn, type WithElementRef } from '../../../utils.js';
+	import type { HTMLAttributes } from "svelte/elements";
+	import { cn, type WithElementRef } from "../../../utils.js";
 
-const { ref = $bindable(null), class: className, children, ...restProps }: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
 </script>
 
 <div

package/dist/components/ui/card/card-title.svelte.d.ts

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

package/dist/components/ui/card/card.svelte

@@ -1,8 +1,13 @@
 <script lang="ts">
-import type { HTMLAttributes } from 'svelte/elements';
-import { cn, type WithElementRef } from '../../../utils.js';
+	import type { HTMLAttributes } from "svelte/elements";
+	import { cn, type WithElementRef } from "../../../utils.js";
 
-const { ref = $bindable(null), class: className, children, ...restProps }: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
 </script>
 
 <div

package/dist/components/ui/card/card.svelte.d.ts

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

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

@@ -1,8 +1,8 @@
-import Root from './card.svelte';
-import Action from './card-action.svelte';
-import Content from './card-content.svelte';
-import Description from './card-description.svelte';
-import Footer from './card-footer.svelte';
-import Header from './card-header.svelte';
-import Title from './card-title.svelte';
+import Root from "./card.svelte";
+import Content from "./card-content.svelte";
+import Description from "./card-description.svelte";
+import Footer from "./card-footer.svelte";
+import Header from "./card-header.svelte";
+import Title from "./card-title.svelte";
+import Action from "./card-action.svelte";
 export { Root, Content, Description, Footer, Header, Title, Action, Root as Card, Content as CardContent, Description as CardDescription, Footer as CardFooter, Header as CardHeader, Title as CardTitle, Action as CardAction, };

package/dist/components/ui/card/index.js

@@ -1,10 +1,10 @@
-import Root from './card.svelte';
-import Action from './card-action.svelte';
-import Content from './card-content.svelte';
-import Description from './card-description.svelte';
-import Footer from './card-footer.svelte';
-import Header from './card-header.svelte';
-import Title from './card-title.svelte';
+import Root from "./card.svelte";
+import Content from "./card-content.svelte";
+import Description from "./card-description.svelte";
+import Footer from "./card-footer.svelte";
+import Header from "./card-header.svelte";
+import Title from "./card-title.svelte";
+import Action from "./card-action.svelte";
 export { Root, Content, Description, Footer, Header, Title, Action, 
 //
 Root as Card, Content as CardContent, Description as CardDescription, Footer as CardFooter, Header as CardHeader, Title as CardTitle, Action as CardAction, };

package/dist/components/ui/form/form-button.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-import { Button, type ButtonProps } from '../button/index.js';
+	import { Button, type ButtonProps } from "../button/index.js";
 
-const { ref = $bindable(null), ...restProps }: ButtonProps = $props();
+	let { ref = $bindable(null), ...restProps }: ButtonProps = $props();
 </script>
 
 <Button bind:ref type="submit" {...restProps} />

package/dist/components/ui/form/form-button.svelte.d.ts

@@ -1,4 +1,4 @@
-import { type ButtonProps } from '../button/index.js';
+import { type ButtonProps } from "../button/index.js";
 declare const FormButton: import("svelte").Component<ButtonProps, {}, "ref">;
 type FormButton = ReturnType<typeof FormButton>;
 export default FormButton;

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

@@ -1,8 +1,12 @@
 <script lang="ts">
-import type * as FormPrimitive from 'formsnap';
-import { cn, type WithoutChild } from '../../../utils.js';
+	import * as FormPrimitive from "formsnap";
+	import { cn, type WithoutChild } from "../../../utils.js";
 
-const { ref = $bindable(null), class: className, ...restProps }: WithoutChild<FormPrimitive.DescriptionProps> = $props();
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: WithoutChild<FormPrimitive.DescriptionProps> = $props();
 </script>
 
 <FormPrimitive.Description

package/dist/components/ui/form/form-description.svelte.d.ts

@@ -1,4 +1,4 @@
-import type * as FormPrimitive from 'formsnap';
+import * as FormPrimitive from "formsnap";
 declare const FormDescription: import("svelte").Component<Omit<FormPrimitive.DescriptionProps, "child">, {}, "ref">;
 type FormDescription = ReturnType<typeof FormDescription>;
 export default FormDescription;

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

@@ -1,10 +1,7 @@
 <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";
 
 	let {

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

@@ -1,16 +1,16 @@
 <script lang="ts">
-import type * as FormPrimitive from 'formsnap';
-import { cn, type WithoutChild } from '../../../utils.js';
+	import * as FormPrimitive from "formsnap";
+	import { cn, type WithoutChild } from "../../../utils.js";
 
-const {
-  ref = $bindable(null),
-  class: className,
-  errorClasses,
-  children: childrenProp,
-  ...restProps
-}: WithoutChild<FormPrimitive.FieldErrorsProps> & {
-  errorClasses?: string | undefined | null;
-} = $props();
+	let {
+		ref = $bindable(null),
+		class: className,
+		errorClasses,
+		children: childrenProp,
+		...restProps
+	}: WithoutChild<FormPrimitive.FieldErrorsProps> & {
+		errorClasses?: string | undefined | null;
+	} = $props();
 </script>
 
 <FormPrimitive.FieldErrors

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

@@ -1,5 +1,5 @@
-import type * as FormPrimitive from 'formsnap';
-import { type WithoutChild } from '../../../utils.js';
+import * as FormPrimitive from "formsnap";
+import { type WithoutChild } from "../../../utils.js";
 type $$ComponentProps = WithoutChild<FormPrimitive.FieldErrorsProps> & {
     errorClasses?: string | undefined | null;
 };

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

@@ -1,11 +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 WithElementRef, type WithoutChildren } from "../../../utils.js";
-
 	import type { HTMLAttributes } from "svelte/elements";
 
 	let {

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

@@ -1,9 +1,6 @@
 <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";
 
 	let {

package/dist/components/ui/form/form-label.svelte

@@ -1,9 +1,14 @@
 <script lang="ts">
-import type * as FormPrimitive from 'formsnap';
-import { Label } from '../label/index.js';
-import { cn, type WithoutChild } from '../../../utils.js';
+	import * as FormPrimitive from "formsnap";
+	import { Label } from "../label/index.js";
+	import { cn, type WithoutChild } from "../../../utils.js";
 
-const { ref = $bindable(null), children, class: className, ...restProps }: WithoutChild<FormPrimitive.LabelProps> = $props();
+	let {
+		ref = $bindable(null),
+		children,
+		class: className,
+		...restProps
+	}: WithoutChild<FormPrimitive.LabelProps> = $props();
 </script>
 
 <FormPrimitive.Label {...restProps} bind:ref>

package/dist/components/ui/form/form-label.svelte.d.ts

@@ -1,4 +1,4 @@
-import type * as FormPrimitive from 'formsnap';
+import * as FormPrimitive from "formsnap";
 declare const FormLabel: import("svelte").Component<Omit<FormPrimitive.LabelProps, "child">, {}, "ref">;
 type FormLabel = ReturnType<typeof FormLabel>;
 export default FormLabel;

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

@@ -1,8 +1,12 @@
 <script lang="ts">
-import type * as FormPrimitive from 'formsnap';
-import { cn, type WithoutChild } from '../../../utils.js';
+	import * as FormPrimitive from "formsnap";
+	import { cn, type WithoutChild } from "../../../utils.js";
 
-const { ref = $bindable(null), class: className, ...restProps }: WithoutChild<FormPrimitive.LegendProps> = $props();
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: WithoutChild<FormPrimitive.LegendProps> = $props();
 </script>
 
 <FormPrimitive.Legend

package/dist/components/ui/form/form-legend.svelte.d.ts

@@ -1,4 +1,4 @@
-import type * as FormPrimitive from 'formsnap';
+import * as FormPrimitive from "formsnap";
 declare const FormLegend: import("svelte").Component<Omit<FormPrimitive.LegendProps, "child">, {}, "ref">;
 type FormLegend = ReturnType<typeof FormLegend>;
 export default FormLegend;

package/dist/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 ElementField from './form-element-field.svelte';
-import Field from './form-field.svelte';
-import FieldErrors from './form-field-errors.svelte';
-import Fieldset from './form-fieldset.svelte';
-import Label from './form-label.svelte';
-import Legend from './form-legend.svelte';
+import * as FormPrimitive from "formsnap";
+import Description from "./form-description.svelte";
+import Label from "./form-label.svelte";
+import FieldErrors from "./form-field-errors.svelte";
+import Field from "./form-field.svelte";
+import Fieldset from "./form-fieldset.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/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 ElementField from './form-element-field.svelte';
-import Field from './form-field.svelte';
-import FieldErrors from './form-field-errors.svelte';
-import Fieldset from './form-fieldset.svelte';
-import Label from './form-label.svelte';
-import Legend from './form-legend.svelte';
+import * as FormPrimitive from "formsnap";
+import Description from "./form-description.svelte";
+import Label from "./form-label.svelte";
+import FieldErrors from "./form-field-errors.svelte";
+import Field from "./form-field.svelte";
+import Fieldset from "./form-fieldset.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/components/ui/input/index.d.ts

@@ -1,2 +1,2 @@
-import Root from './input.svelte';
+import Root from "./input.svelte";
 export { Root, Root as Input, };

package/dist/components/ui/input/index.js

@@ -1,4 +1,4 @@
-import Root from './input.svelte';
+import Root from "./input.svelte";
 export { Root, 
 //
 Root as Input, };