@nasa-jpl/stellar-svelte 2.0.0-alpha.55 → 2.0.0-alpha.58

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

@@ -1,6 +1,6 @@
-<script>import { Button as ButtonPrimitive } from "bits-ui";
+<script>import { cn } from "../../../utils.js";
+import { Button as ButtonPrimitive } from "bits-ui";
 import { buttonVariants } from "./index.js";
-import { cn } from "../../../utils.js";
 let className = void 0;
 export let variant = "default";
 export let size = "default";
@@ -9,12 +9,12 @@ export { className as class };
 </script>
 
 <ButtonPrimitive.Root
-	{builders}
-	class={cn(buttonVariants({ variant, size, className }))}
-	type="button"
-	{...$$restProps}
-	on:click
-	on:keydown
+  {builders}
+  class={cn(buttonVariants({ variant, size, className }))}
+  type="button"
+  {...$$restProps}
+  on:click
+  on:keydown
 >
-	<slot />
+  <slot />
 </ButtonPrimitive.Root>

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

@@ -1,6 +1,6 @@
 import { SvelteComponent } from "svelte";
-import { Button as ButtonPrimitive } from "bits-ui";
-import { type Props } from "./index.js";
+import { Button as ButtonPrimitive } from 'bits-ui';
+import { type Props } from './index.js';
 declare const __propDef: {
     props: Props;
     slots: {

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

@@ -22,7 +22,7 @@ declare const buttonVariants: import("tailwind-variants").TVReturnType<{
         'icon-lg': string;
         'icon-xl': string;
     };
-}, undefined, "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50", import("tailwind-variants/dist/config").TVConfig<{
     variant: {
         default: string;
         destructive: string;
@@ -106,7 +106,7 @@ declare const buttonVariants: import("tailwind-variants").TVReturnType<{
         'icon-lg': string;
         'icon-xl': string;
     };
-}, undefined, "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50", import("tailwind-variants/dist/config").TVConfig<{
     variant: {
         default: string;
         destructive: string;

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

@@ -1,7 +1,7 @@
 import { tv } from 'tailwind-variants';
 import Root from './button.svelte';
 const buttonVariants = tv({
-    base: 'inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',
+    base: 'inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50',
     variants: {
         variant: {
             default: 'bg-primary text-primary-foreground hover:bg-primary/90',

package/dist/components/ui/checkbox/checkbox.svelte

@@ -11,7 +11,7 @@ export { className as class };
 
 <CheckboxPrimitive.Root
   class={cn(
-    'border-primary ring-offset-background focus-visible:ring-ring data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground peer box-content h-4 w-4 shrink-0 rounded-sm border focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50',
+    'border-primary ring-offset-background focus-visible:ring-ring data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground peer box-content h-4 w-4 shrink-0 rounded-sm border focus-visible:outline-none focus-visible:ring-2 disabled:cursor-not-allowed disabled:opacity-50 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50',
     checkboxVariants.size[size],
     className,
   )}

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

@@ -1,13 +1,15 @@
-<script>import * as FormPrimitive from "formsnap";
-import { cn } from "../../../utils.js";
+<script>import { cn } from "../../../utils.js";
+import * as FormPrimitive from "formsnap";
+import { formVariants } from "./index.js";
 let className = void 0;
+export let size = "default";
 export { className as class };
 </script>
 
 <FormPrimitive.Description
-	class={cn("text-muted-foreground text-sm", className)}
-	{...$$restProps}
-	let:descriptionAttrs
+  class={cn('text-muted-foreground', formVariants.size[size].legend, className)}
+  {...$$restProps}
+  let:descriptionAttrs
 >
-	<slot {descriptionAttrs} />
+  <slot {descriptionAttrs} />
 </FormPrimitive.Description>

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

@@ -1,7 +1,10 @@
 import { SvelteComponent } from "svelte";
-import type { HTMLAttributes } from "svelte/elements";
+import type { HTMLAttributes } from 'svelte/elements';
+import type { LabelSize } from '../label/index.js';
 declare const __propDef: {
-    props: HTMLAttributes<HTMLSpanElement>;
+    props: HTMLAttributes<HTMLSpanElement> & {
+        size?: LabelSize;
+    };
     events: {
         [evt: string]: CustomEvent<any>;
     };

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

@@ -1,20 +1,22 @@
-<script>import * as FormPrimitive from "formsnap";
-import { cn } from "../../../utils.js";
+<script>import { cn } from "../../../utils.js";
+import * as FormPrimitive from "formsnap";
+import { formVariants } from "./index.js";
 let className = void 0;
+export let size = "default";
 export { className as class };
 export let errorClasses = void 0;
 </script>
 
 <FormPrimitive.FieldErrors
-	class={cn("text-destructive text-sm font-medium", className)}
-	{...$$restProps}
-	let:errors
-	let:fieldErrorsAttrs
-	let:errorAttrs
+  class={cn('text-destructive', formVariants.size[size].errors, className)}
+  {...$$restProps}
+  let:errors
+  let:fieldErrorsAttrs
+  let:errorAttrs
 >
-	<slot {errors} {fieldErrorsAttrs} {errorAttrs}>
-		{#each errors as error}
-			<div {...errorAttrs} class={cn(errorClasses)}>{error}</div>
-		{/each}
-	</slot>
+  <slot {errors} {fieldErrorsAttrs} {errorAttrs}>
+    {#each errors as error}
+      <div {...errorAttrs} class={cn(errorClasses)}>{error}</div>
+    {/each}
+  </slot>
 </FormPrimitive.FieldErrors>

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

@@ -1,11 +1,13 @@
 import { SvelteComponent } from "svelte";
+import type { LabelSize } from '../label/index.js';
 declare const __propDef: {
     props: {
         id?: string;
         asChild?: boolean;
         el?: HTMLDivElement;
-    } & import("svelte/elements").HTMLAttributes<HTMLDivElement> & {
+    } & import("svelte/elements.js").HTMLAttributes<HTMLDivElement> & {
         errorClasses?: string | undefined | null;
+        size?: LabelSize;
     };
     events: {
         [evt: string]: CustomEvent<any>;

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

@@ -1,11 +1,12 @@
-<script>import { getFormControl } from "formsnap";
+<script>import { Label } from "../label/index.js";
 import { cn } from "../../../utils.js";
-import { Label } from "../label/index.js";
+import { getFormControl } from "formsnap";
 let className = void 0;
+export let size = "default";
 export { className as class };
 const { labelAttrs } = getFormControl();
 </script>
 
-<Label {...$labelAttrs} class={cn("data-[fs-error]:text-destructive", className)} {...$$restProps}>
-	<slot {labelAttrs} />
+<Label {...$labelAttrs} class={cn('data-[fs-error]:text-destructive', className)} {size} {...$$restProps}>
+  <slot {labelAttrs} />
 </Label>

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

@@ -1,7 +1,12 @@
 import { SvelteComponent } from "svelte";
-import type { Label as LabelPrimitive } from "bits-ui";
+import { type LabelSize } from '../label/index.js';
 declare const __propDef: {
-    props: LabelPrimitive.Props;
+    props: {
+        asChild?: boolean | undefined | undefined;
+        el?: HTMLLabelElement | undefined;
+    } & import("svelte/elements").HTMLLabelAttributes & {
+        size?: LabelSize;
+    };
     events: {
         [evt: string]: CustomEvent<any>;
     };

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

@@ -1,13 +1,15 @@
-<script>import * as FormPrimitive from "formsnap";
-import { cn } from "../../../utils.js";
+<script>import { cn } from "../../../utils.js";
+import * as FormPrimitive from "formsnap";
+import { formVariants } from "./index.js";
 let className = void 0;
+export let size = "default";
 export { className as class };
 </script>
 
 <FormPrimitive.Legend
-	{...$$restProps}
-	class={cn("data-[fs-error]:text-destructive text-sm font-medium leading-none", className)}
-	let:legendAttrs
+  {...$$restProps}
+  class={cn('data-[fs-error]:text-destructive leading-none', formVariants.size[size].legend, className)}
+  let:legendAttrs
 >
-	<slot {legendAttrs} />
+  <slot {legendAttrs} />
 </FormPrimitive.Legend>

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

@@ -1,7 +1,12 @@
 import { SvelteComponent } from "svelte";
-import * as FormPrimitive from "formsnap";
+import type { LabelSize } from '../label/index.js';
 declare const __propDef: {
-    props: FormPrimitive.LegendProps;
+    props: {
+        asChild?: boolean;
+        el?: HTMLLegendElement;
+    } & import("svelte/elements.js").HTMLAttributes<HTMLLegendElement> & {
+        size?: LabelSize;
+    };
     events: {
         [evt: string]: CustomEvent<any>;
     };

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

@@ -1,11 +1,25 @@
-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";
+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 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';
 declare const Control: typeof FormPrimitive.Control;
-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, };
+declare const formVariants: {
+    size: {
+        default: {
+            description: string;
+            legend: string;
+            errors: string;
+        };
+        sm: {
+            description: string;
+            legend: string;
+            errors: string;
+        };
+    };
+};
+export { Button, Control, Description, ElementField, Field, FieldErrors, Fieldset, Button as FormButton, Control as FormControl, Description as FormDescription, ElementField as FormElementField, Field as FormField, FieldErrors as FormFieldErrors, Fieldset as FormFieldset, Label as FormLabel, Legend as FormLegend, formVariants, Label, Legend, };

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

@@ -1,13 +1,27 @@
-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";
+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 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';
 const Control = FormPrimitive.Control;
-export { Field, Control, Label, Button, FieldErrors, Description, Fieldset, Legend, ElementField, 
+const formVariants = {
+    size: {
+        default: {
+            description: 'text-sm font-medium',
+            legend: 'text-sm font-medium',
+            errors: 'text-sm font-medium',
+        },
+        sm: {
+            description: 'text-xs font-normal',
+            legend: 'text-xs font-normal',
+            errors: 'text-xs font-normal',
+        },
+    },
+};
+export { Button, Control, Description, ElementField, Field, FieldErrors, Fieldset, Button as FormButton, Control as FormControl, Description as FormDescription, ElementField as FormElementField, 
 //
-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, };
+Field as FormField, FieldErrors as FormFieldErrors, Fieldset as FormFieldset, Label as FormLabel, Legend as FormLegend, formVariants, Label, Legend, };

package/dist/components/ui/input/input.svelte

@@ -10,7 +10,7 @@ export let el = void 0;
 
 <input
   class={cn(
-    'border-input bg-background ring-offset-background placeholder:text-muted-foreground focus-visible:ring-ring flex w-full rounded-md border file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',
+    'border-input bg-background ring-offset-background placeholder:text-muted-foreground focus-visible:ring-ring flex w-full rounded-md border file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:outline-none focus-visible:ring-2 disabled:cursor-not-allowed disabled:opacity-50',
     inputVariants.size[sizeVariant],
     className,
   )}

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

@@ -1,23 +1,23 @@
-<script>import { RadioGroup as RadioGroupPrimitive } from "bits-ui";
+<script>import { cn } from "../../../utils.js";
+import { RadioGroup as RadioGroupPrimitive } from "bits-ui";
 import Circle from "lucide-svelte/icons/circle";
-import { cn } from "../../../utils.js";
 let className = void 0;
 export let value;
 export { className as class };
 </script>
 
 <RadioGroupPrimitive.Item
-	{value}
-	class={cn(
-		"border-primary text-primary ring-offset-background focus-visible:ring-ring aspect-square h-4 w-4 rounded-full border focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
-		className
-	)}
-	{...$$restProps}
-	on:click
+  {value}
+  class={cn(
+    'border-primary text-primary ring-offset-background focus-visible:ring-ring aspect-square h-4 w-4 rounded-full border focus:outline-none focus-visible:ring-2 disabled:cursor-not-allowed disabled:opacity-50',
+    className,
+  )}
+  {...$$restProps}
+  on:click
 >
-	<div class="flex items-center justify-center">
-		<RadioGroupPrimitive.ItemIndicator>
-			<Circle class="h-2.5 w-2.5 fill-current text-current" />
-		</RadioGroupPrimitive.ItemIndicator>
-	</div>
+  <div class="flex items-center justify-center">
+    <RadioGroupPrimitive.ItemIndicator>
+      <Circle class="h-2.5 w-2.5 fill-current text-current" />
+    </RadioGroupPrimitive.ItemIndicator>
+  </div>
 </RadioGroupPrimitive.Item>

package/dist/components/ui/radio-group/radio-group-item.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import { RadioGroup as RadioGroupPrimitive } from "bits-ui";
+import { RadioGroup as RadioGroupPrimitive } from 'bits-ui';
 declare const __propDef: {
     props: RadioGroupPrimitive.ItemProps;
     slots: {};

package/dist/components/ui/select/select-trigger.svelte

@@ -9,7 +9,7 @@ export { className as class };
 
 <SelectPrimitive.Trigger
   class={cn(
-    'border-input bg-background ring-offset-background focus-visible:ring-ring aria-[invalid]:border-destructive data-[placeholder]:[&>span]:text-muted-foreground flex w-full items-center justify-between rounded-md border text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 text-left break-all',
+    'border-input bg-background ring-offset-background focus-visible:ring-ring aria-[invalid]:border-destructive data-[placeholder]:[&>span]:text-muted-foreground flex w-full items-center justify-between rounded-md border text-sm focus-visible:outline-none focus-visible:ring-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 text-left break-all',
     selectVariants.size[size].trigger,
     className,
   )}

package/dist/components/ui/slider/slider.svelte

@@ -1,23 +1,23 @@
-<script>import { Slider as SliderPrimitive } from "bits-ui";
-import { cn } from "../../../utils.js";
+<script>import { cn } from "../../../utils.js";
+import { Slider as SliderPrimitive } from "bits-ui";
 let className = void 0;
 export let value = [0];
 export { className as class };
 </script>
 
 <SliderPrimitive.Root
-	bind:value
-	class={cn("relative flex w-full touch-none select-none items-center", className)}
-	{...$$restProps}
-	let:thumbs
+  bind:value
+  class={cn('relative flex w-full touch-none select-none items-center', className)}
+  {...$$restProps}
+  let:thumbs
 >
-	<span class="bg-secondary relative h-2 w-full grow overflow-hidden rounded-full">
-		<SliderPrimitive.Range class="bg-primary absolute h-full" />
-	</span>
-	{#each thumbs as thumb}
-		<SliderPrimitive.Thumb
-			{thumb}
-			class="border-primary bg-background ring-offset-background focus-visible:ring-ring block h-5 w-5 rounded-full border-2 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50"
-		/>
-	{/each}
+  <span class="bg-secondary relative h-2 w-full grow overflow-hidden rounded-full">
+    <SliderPrimitive.Range class="bg-primary absolute h-full" />
+  </span>
+  {#each thumbs as thumb}
+    <SliderPrimitive.Thumb
+      {thumb}
+      class="border-primary bg-background ring-offset-background focus-visible:ring-ring block h-5 w-5 rounded-full border-2 transition-colors focus-visible:outline-none focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50"
+    />
+  {/each}
 </SliderPrimitive.Root>

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

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import { Slider as SliderPrimitive } from "bits-ui";
+import { Slider as SliderPrimitive } from 'bits-ui';
 declare const __propDef: {
     props: SliderPrimitive.Props;
     events: {

package/dist/components/ui/switch/switch.svelte

@@ -1,23 +1,23 @@
-<script>import { Switch as SwitchPrimitive } from "bits-ui";
-import { cn } from "../../../utils.js";
+<script>import { cn } from "../../../utils.js";
+import { Switch as SwitchPrimitive } from "bits-ui";
 let className = void 0;
 export let checked = void 0;
 export { className as class };
 </script>
 
 <SwitchPrimitive.Root
-	bind:checked
-	class={cn(
-		"focus-visible:ring-ring focus-visible:ring-offset-background data-[state=checked]:bg-primary data-[state=unchecked]:bg-input peer inline-flex h-[24px] w-[44px] shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
-		className
-	)}
-	{...$$restProps}
-	on:click
-	on:keydown
+  bind:checked
+  class={cn(
+    'focus-visible:ring-ring focus-visible:ring-offset-background data-[state=checked]:bg-primary data-[state=unchecked]:bg-input peer inline-flex h-[24px] w-[44px] shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 disabled:cursor-not-allowed disabled:opacity-50',
+    className,
+  )}
+  {...$$restProps}
+  on:click
+  on:keydown
 >
-	<SwitchPrimitive.Thumb
-		class={cn(
-			"bg-background pointer-events-none block h-5 w-5 rounded-full shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
-		)}
-	/>
+  <SwitchPrimitive.Thumb
+    class={cn(
+      'bg-background pointer-events-none block h-5 w-5 rounded-full shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0',
+    )}
+  />
 </SwitchPrimitive.Root>

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

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import { Switch as SwitchPrimitive } from "bits-ui";
+import { Switch as SwitchPrimitive } from 'bits-ui';
 declare const __propDef: {
     props: SwitchPrimitive.Props;
     slots: {};

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

@@ -1,17 +1,17 @@
-<script>import { Tabs as TabsPrimitive } from "bits-ui";
-import { cn } from "../../../utils.js";
+<script>import { cn } from "../../../utils.js";
+import { Tabs as TabsPrimitive } from "bits-ui";
 let className = void 0;
 export let value;
 export { className as class };
 </script>
 
 <TabsPrimitive.Content
-	class={cn(
-		"ring-offset-background focus-visible:ring-ring mt-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
-		className
-	)}
-	{value}
-	{...$$restProps}
+  class={cn(
+    'ring-offset-background focus-visible:ring-ring mt-2 focus-visible:outline-none focus-visible:ring-2',
+    className,
+  )}
+  {value}
+  {...$$restProps}
 >
-	<slot />
+  <slot />
 </TabsPrimitive.Content>

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

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import { Tabs as TabsPrimitive } from "bits-ui";
+import { Tabs as TabsPrimitive } from 'bits-ui';
 declare const __propDef: {
     props: TabsPrimitive.ContentProps;
     events: {

package/dist/components/ui/tabs/tabs-trigger.svelte

@@ -1,18 +1,18 @@
-<script>import { Tabs as TabsPrimitive } from "bits-ui";
-import { cn } from "../../../utils.js";
+<script>import { cn } from "../../../utils.js";
+import { Tabs as TabsPrimitive } from "bits-ui";
 let className = void 0;
 export let value;
 export { className as class };
 </script>
 
 <TabsPrimitive.Trigger
-	class={cn(
-		"ring-offset-background focus-visible:ring-ring data-[state=active]:bg-background data-[state=active]:text-foreground inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm",
-		className
-	)}
-	{value}
-	{...$$restProps}
-	on:click
+  class={cn(
+    'ring-offset-background focus-visible:ring-ring data-[state=active]:bg-background data-[state=active]:text-foreground inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium transition-all focus-visible:outline-none focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm',
+    className,
+  )}
+  {value}
+  {...$$restProps}
+  on:click
 >
-	<slot />
+  <slot />
 </TabsPrimitive.Trigger>

package/dist/components/ui/tabs/tabs-trigger.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import { Tabs as TabsPrimitive } from "bits-ui";
+import { Tabs as TabsPrimitive } from 'bits-ui';
 declare const __propDef: {
     props: TabsPrimitive.TriggerProps;
     slots: {

package/dist/components/ui/textarea/textarea.svelte

@@ -6,23 +6,23 @@ export let readonly = void 0;
 </script>
 
 <textarea
-	class={cn(
-		"border-input bg-background ring-offset-background placeholder:text-muted-foreground focus-visible:ring-ring flex min-h-[80px] w-full rounded-md border px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
-		className
-	)}
-	bind:value
-	{readonly}
-	on:blur
-	on:change
-	on:click
-	on:focus
-	on:keydown
-	on:keypress
-	on:keyup
-	on:mouseover
-	on:mouseenter
-	on:mouseleave
-	on:paste
-	on:input
-	{...$$restProps}
+  class={cn(
+    'border-input bg-background ring-offset-background placeholder:text-muted-foreground focus-visible:ring-ring flex min-h-[80px] w-full rounded-md border px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 disabled:cursor-not-allowed disabled:opacity-50',
+    className,
+  )}
+  bind:value
+  {readonly}
+  on:blur
+  on:change
+  on:click
+  on:focus
+  on:keydown
+  on:keypress
+  on:keyup
+  on:mouseover
+  on:mouseenter
+  on:mouseleave
+  on:paste
+  on:input
+  {...$$restProps}
 ></textarea>

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

@@ -1,6 +1,6 @@
 import { SvelteComponent } from "svelte";
-import type { HTMLTextareaAttributes } from "svelte/elements";
-import type { TextareaEvents } from "./index.js";
+import type { HTMLTextareaAttributes } from 'svelte/elements';
+import type { TextareaEvents } from './index.js';
 declare const __propDef: {
     props: HTMLTextareaAttributes;
     slots: {};

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

@@ -11,7 +11,7 @@ export declare const toggleVariants: import("tailwind-variants").TVReturnType<{
         lg: string;
         xs: string;
     };
-}, undefined, "ring-offset-background hover:bg-muted hover:text-muted-foreground focus-visible:ring-ring data-[state=on]:bg-accent data-[state=on]:text-accent-foreground inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "ring-offset-background hover:bg-muted hover:text-muted-foreground focus-visible:ring-ring data-[state=on]:bg-accent data-[state=on]:text-accent-foreground inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50", import("tailwind-variants/dist/config").TVConfig<{
     variant: {
         default: string;
         outline: string;
@@ -55,7 +55,7 @@ export declare const toggleVariants: import("tailwind-variants").TVReturnType<{
         lg: string;
         xs: string;
     };
-}, undefined, "ring-offset-background hover:bg-muted hover:text-muted-foreground focus-visible:ring-ring data-[state=on]:bg-accent data-[state=on]:text-accent-foreground inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "ring-offset-background hover:bg-muted hover:text-muted-foreground focus-visible:ring-ring data-[state=on]:bg-accent data-[state=on]:text-accent-foreground inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50", import("tailwind-variants/dist/config").TVConfig<{
     variant: {
         default: string;
         outline: string;

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

@@ -1,7 +1,7 @@
 import { tv } from 'tailwind-variants';
 import Root from './toggle.svelte';
 export const toggleVariants = tv({
-    base: 'ring-offset-background hover:bg-muted hover:text-muted-foreground focus-visible:ring-ring data-[state=on]:bg-accent data-[state=on]:text-accent-foreground inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',
+    base: 'ring-offset-background hover:bg-muted hover:text-muted-foreground focus-visible:ring-ring data-[state=on]:bg-accent data-[state=on]:text-accent-foreground inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50',
     variants: {
         variant: {
             default: 'bg-transparent',

package/dist/index.css

@@ -3081,10 +3081,6 @@ body {
   --tw-ring-offset-width: 1px;
 }
 
-.focus-visible\:ring-offset-2:focus-visible {
-  --tw-ring-offset-width: 2px;
-}
-
 .focus-visible\:ring-offset-background:focus-visible {
   --tw-ring-offset-color: hsl(var(--background) / 1);
 }

package/package.json

@@ -83,6 +83,6 @@
   "svelte": "./dist/index.js",
   "type": "module",
   "types": "./dist/index.d.ts",
-  "version": "2.0.0-alpha.55",
-  "gitHead": "5059d7b3a04b1a969f974518947ae823c78d9685"
+  "version": "2.0.0-alpha.58",
+  "gitHead": "b329c68babe1d43f9dae6ce85156b2d9abf5f791"
 }