@webamoki/web-svelte 0.7.4 → 1.0.0

package/dist/shadcn/components/ui/input/index.d.ts

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

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

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

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

@@ -1,41 +1,44 @@
 <script lang="ts">
-	import type { HTMLInputAttributes, HTMLInputTypeAttribute } from 'svelte/elements';
-	import { cn, type WithElementRef } from '../../../utils.js';
-	type InputType = Exclude<HTMLInputTypeAttribute, 'file'>;
+  import type { HTMLInputAttributes, HTMLInputTypeAttribute } from 'svelte/elements';
 
-	type Props = WithElementRef<
-		Omit<HTMLInputAttributes, 'type'> &
-			({ type: 'file'; files?: FileList } | { type?: InputType; files?: undefined })
-	>;
+  import { cn, type WithElementRef } from '../../../utils.js';
+  type InputType = Exclude<HTMLInputTypeAttribute, 'file'>;
 
-	let {
-		ref = $bindable(null),
-		value = $bindable(),
-		type,
-		files = $bindable(),
-		class: className,
-		...restProps
-	}: Props = $props();
+  type Props = WithElementRef<
+    Omit<HTMLInputAttributes, 'type'> &
+      ({ files?: FileList; type: 'file' } | { files?: undefined; type?: InputType })
+  >;
 
-	const inputClasses = cn(
-		'w-full rounded-lg border border-gray-300 px-4 py-3 transition-all outline-none',
-		'focus:border-transparent focus:ring-2 focus:ring-primary',
-		'disabled:cursor-not-allowed disabled:opacity-50',
-		'aria-invalid:border-red-500 aria-invalid:focus:ring-red-300',
-		className
-	);
+  let {
+    class: className,
+    files = $bindable(),
+    ref = $bindable(null),
+    type,
+    value = $bindable(),
+    ...restProps
+  }: Props = $props();
+
+  let inputClasses = $derived(
+    cn(
+      'w-full rounded-lg border border-gray-300 px-4 py-3 transition-all outline-none',
+      'focus:border-transparent focus:ring-2 focus:ring-primary',
+      'disabled:cursor-not-allowed disabled:opacity-50',
+      'aria-invalid:border-red-500 aria-invalid:focus:ring-red-300',
+      className
+    )
+  );
 </script>
 
 {#if type === 'file'}
-	<input
-		bind:this={ref}
-		data-slot="input"
-		class={inputClasses}
-		type="file"
-		bind:files
-		bind:value
-		{...restProps}
-	/>
+  <input
+    bind:this={ref}
+    class={inputClasses}
+    data-slot="input"
+    type="file"
+    bind:files
+    bind:value
+    {...restProps}
+  />
 {:else}
-	<input bind:this={ref} data-slot="input" class={inputClasses} {type} bind:value {...restProps} />
+  <input bind:this={ref} class={inputClasses} data-slot="input" {type} bind:value {...restProps} />
 {/if}

package/dist/shadcn/components/ui/input/input.svelte.d.ts

@@ -2,11 +2,11 @@ import type { HTMLInputAttributes, HTMLInputTypeAttribute } from 'svelte/element
 import { type WithElementRef } from '../../../utils.js';
 type InputType = Exclude<HTMLInputTypeAttribute, 'file'>;
 type Props = WithElementRef<Omit<HTMLInputAttributes, 'type'> & ({
-    type: 'file';
     files?: FileList;
+    type: 'file';
 } | {
-    type?: InputType;
     files?: undefined;
+    type?: InputType;
 })>;
 declare const Input: import("svelte").Component<Props, {}, "ref" | "value" | "files">;
 type Input = ReturnType<typeof Input>;

package/dist/shadcn/components/ui/select/index.d.ts

@@ -1,11 +1,11 @@
+import Content from './select-content.svelte';
+import GroupHeading from './select-group-heading.svelte';
 import Group from './select-group.svelte';
-import Label from './select-label.svelte';
 import Item from './select-item.svelte';
-import Content from './select-content.svelte';
-import Trigger from './select-trigger.svelte';
-import Separator from './select-separator.svelte';
+import Label from './select-label.svelte';
 import ScrollDownButton from './select-scroll-down-button.svelte';
 import ScrollUpButton from './select-scroll-up-button.svelte';
-import GroupHeading from './select-group-heading.svelte';
+import Separator from './select-separator.svelte';
+import Trigger from './select-trigger.svelte';
 declare const Root: import("svelte").Component<import("bits-ui").SelectRootPropsWithoutHTML, {}, "value" | "open">;
-export { Root, Group, Label, Item, Content, Trigger, Separator, ScrollDownButton, ScrollUpButton, GroupHeading, Root as Select, Group as SelectGroup, Label as SelectLabel, Item as SelectItem, Content as SelectContent, Trigger as SelectTrigger, Separator as SelectSeparator, ScrollDownButton as SelectScrollDownButton, ScrollUpButton as SelectScrollUpButton, GroupHeading as SelectGroupHeading };
+export { Content, Group, GroupHeading, Item, Label, Root, ScrollDownButton, ScrollUpButton, Root as Select, Content as SelectContent, Group as SelectGroup, GroupHeading as SelectGroupHeading, Item as SelectItem, Label as SelectLabel, ScrollDownButton as SelectScrollDownButton, ScrollUpButton as SelectScrollUpButton, Separator as SelectSeparator, Trigger as SelectTrigger, Separator, Trigger };

package/dist/shadcn/components/ui/select/index.js

@@ -1,14 +1,14 @@
 import { Select as SelectPrimitive } from 'bits-ui';
+import Content from './select-content.svelte';
+import GroupHeading from './select-group-heading.svelte';
 import Group from './select-group.svelte';
-import Label from './select-label.svelte';
 import Item from './select-item.svelte';
-import Content from './select-content.svelte';
-import Trigger from './select-trigger.svelte';
-import Separator from './select-separator.svelte';
+import Label from './select-label.svelte';
 import ScrollDownButton from './select-scroll-down-button.svelte';
 import ScrollUpButton from './select-scroll-up-button.svelte';
-import GroupHeading from './select-group-heading.svelte';
+import Separator from './select-separator.svelte';
+import Trigger from './select-trigger.svelte';
 const Root = SelectPrimitive.Root;
-export { Root, Group, Label, Item, Content, Trigger, Separator, ScrollDownButton, ScrollUpButton, GroupHeading, 
+export { Content, Group, GroupHeading, Item, Label, Root, ScrollDownButton, ScrollUpButton, 
 //
-Root as Select, Group as SelectGroup, Label as SelectLabel, Item as SelectItem, Content as SelectContent, Trigger as SelectTrigger, Separator as SelectSeparator, ScrollDownButton as SelectScrollDownButton, ScrollUpButton as SelectScrollUpButton, GroupHeading as SelectGroupHeading };
+Root as Select, Content as SelectContent, Group as SelectGroup, GroupHeading as SelectGroupHeading, Item as SelectItem, Label as SelectLabel, ScrollDownButton as SelectScrollDownButton, ScrollUpButton as SelectScrollUpButton, Separator as SelectSeparator, Trigger as SelectTrigger, Separator, Trigger };

package/dist/shadcn/components/ui/select/select-content.svelte

@@ -1,40 +1,41 @@
 <script lang="ts">
-	import { Select as SelectPrimitive } from 'bits-ui';
-	import SelectScrollUpButton from './select-scroll-up-button.svelte';
-	import SelectScrollDownButton from './select-scroll-down-button.svelte';
-	import { cn, type WithoutChild } from '../../../utils.js';
+  import { cn, type WithoutChild } from '../../../utils.js';
+  import { Select as SelectPrimitive } from 'bits-ui';
 
-	let {
-		ref = $bindable(null),
-		class: className,
-		sideOffset = 4,
-		portalProps,
-		children,
-		...restProps
-	}: WithoutChild<SelectPrimitive.ContentProps> & {
-		portalProps?: SelectPrimitive.PortalProps;
-	} = $props();
+  import SelectScrollDownButton from './select-scroll-down-button.svelte';
+  import SelectScrollUpButton from './select-scroll-up-button.svelte';
+
+  let {
+    children,
+    class: className,
+    portalProps,
+    ref = $bindable(null),
+    sideOffset = 4,
+    ...restProps
+  }: WithoutChild<SelectPrimitive.ContentProps> & {
+    portalProps?: SelectPrimitive.PortalProps;
+  } = $props();
 </script>
 
 <SelectPrimitive.Portal {...portalProps}>
-	<SelectPrimitive.Content
-		bind:ref
-		{sideOffset}
-		data-slot="select-content"
-		class={cn(
-			'relative z-50 max-h-(--bits-select-content-available-height) min-w-[8rem] origin-(--bits-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border bg-popover text-popover-foreground shadow-md data-[side=bottom]:translate-y-1 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:-translate-x-1 data-[side=left]:slide-in-from-right-2 data-[side=right]:translate-x-1 data-[side=right]:slide-in-from-left-2 data-[side=top]:-translate-y-1 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95',
-			className
-		)}
-		{...restProps}
-	>
-		<SelectScrollUpButton />
-		<SelectPrimitive.Viewport
-			class={cn(
-				'h-(--bits-select-anchor-height) w-full min-w-(--bits-select-anchor-width) scroll-my-1 p-1'
-			)}
-		>
-			{@render children?.()}
-		</SelectPrimitive.Viewport>
-		<SelectScrollDownButton />
-	</SelectPrimitive.Content>
+  <SelectPrimitive.Content
+    class={cn(
+      'relative z-50 max-h-(--bits-select-content-available-height) min-w-[8rem] origin-(--bits-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border bg-popover text-popover-foreground shadow-md data-[side=bottom]:translate-y-1 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:-translate-x-1 data-[side=left]:slide-in-from-right-2 data-[side=right]:translate-x-1 data-[side=right]:slide-in-from-left-2 data-[side=top]:-translate-y-1 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95',
+      className
+    )}
+    data-slot="select-content"
+    {sideOffset}
+    bind:ref
+    {...restProps}
+  >
+    <SelectScrollUpButton />
+    <SelectPrimitive.Viewport
+      class={cn(
+        'h-(--bits-select-anchor-height) w-full min-w-(--bits-select-anchor-width) scroll-my-1 p-1'
+      )}
+    >
+      {@render children?.()}
+    </SelectPrimitive.Viewport>
+    <SelectScrollDownButton />
+  </SelectPrimitive.Content>
 </SelectPrimitive.Portal>

package/dist/shadcn/components/ui/select/select-content.svelte.d.ts

@@ -1,5 +1,5 @@
-import { Select as SelectPrimitive } from 'bits-ui';
 import { type WithoutChild } from '../../../utils.js';
+import { Select as SelectPrimitive } from 'bits-ui';
 type $$ComponentProps = WithoutChild<SelectPrimitive.ContentProps> & {
     portalProps?: SelectPrimitive.PortalProps;
 };

package/dist/shadcn/components/ui/select/select-group-heading.svelte

@@ -1,21 +1,22 @@
 <script lang="ts">
-	import { Select as SelectPrimitive } from 'bits-ui';
-	import { cn } from '../../../utils.js';
-	import type { ComponentProps } from 'svelte';
+  import type { ComponentProps } from 'svelte';
 
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: ComponentProps<typeof SelectPrimitive.GroupHeading> = $props();
+  import { cn } from '../../../utils.js';
+  import { Select as SelectPrimitive } from 'bits-ui';
+
+  let {
+    children,
+    class: className,
+    ref = $bindable(null),
+    ...restProps
+  }: ComponentProps<typeof SelectPrimitive.GroupHeading> = $props();
 </script>
 
 <SelectPrimitive.GroupHeading
-	bind:ref
-	data-slot="select-group-heading"
-	class={cn('px-2 py-1.5 text-xs text-muted-foreground', className)}
-	{...restProps}
+  class={cn('px-2 py-1.5 text-xs text-muted-foreground', className)}
+  data-slot="select-group-heading"
+  bind:ref
+  {...restProps}
 >
-	{@render children?.()}
+  {@render children?.()}
 </SelectPrimitive.GroupHeading>

package/dist/shadcn/components/ui/select/select-group.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-	import { Select as SelectPrimitive } from 'bits-ui';
+  import { Select as SelectPrimitive } from 'bits-ui';
 
-	let { ref = $bindable(null), ...restProps }: SelectPrimitive.GroupProps = $props();
+  let { ref = $bindable(null), ...restProps }: SelectPrimitive.GroupProps = $props();
 </script>
 
 <SelectPrimitive.Group data-slot="select-group" {...restProps} />

package/dist/shadcn/components/ui/select/select-item.svelte

@@ -1,38 +1,38 @@
 <script lang="ts">
-	import CheckIcon from '@lucide/svelte/icons/check';
-	import { Select as SelectPrimitive } from 'bits-ui';
-	import { cn, type WithoutChild } from '../../../utils.js';
+  import { cn, type WithoutChild } from '../../../utils.js';
+  import CheckIcon from '@lucide/svelte/icons/check';
+  import { Select as SelectPrimitive } from 'bits-ui';
 
-	let {
-		ref = $bindable(null),
-		class: className,
-		value,
-		label,
-		children: childrenProp,
-		...restProps
-	}: WithoutChild<SelectPrimitive.ItemProps> = $props();
+  let {
+    children: childrenProp,
+    class: className,
+    label,
+    ref = $bindable(null),
+    value,
+    ...restProps
+  }: WithoutChild<SelectPrimitive.ItemProps> = $props();
 </script>
 
 <SelectPrimitive.Item
-	bind:ref
-	{value}
-	data-slot="select-item"
-	class={cn(
-		"relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
-		className
-	)}
-	{...restProps}
+  class={cn(
+    "relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+    className
+  )}
+  data-slot="select-item"
+  {value}
+  bind:ref
+  {...restProps}
 >
-	{#snippet children({ selected, highlighted })}
-		<span class="absolute right-2 flex size-3.5 items-center justify-center">
-			{#if selected}
-				<CheckIcon class="size-4" />
-			{/if}
-		</span>
-		{#if childrenProp}
-			{@render childrenProp({ selected, highlighted })}
-		{:else}
-			{label || value}
-		{/if}
-	{/snippet}
+  {#snippet children({ highlighted, selected })}
+    <span class="absolute right-2 flex size-3.5 items-center justify-center">
+      {#if selected}
+        <CheckIcon class="size-4" />
+      {/if}
+    </span>
+    {#if childrenProp}
+      {@render childrenProp({ highlighted, selected })}
+    {:else}
+      {label || value}
+    {/if}
+  {/snippet}
 </SelectPrimitive.Item>

package/dist/shadcn/components/ui/select/select-label.svelte

@@ -1,20 +1,21 @@
 <script lang="ts">
-	import { cn, type WithElementRef } from '../../../utils.js';
-	import type { HTMLAttributes } from 'svelte/elements';
+  import type { HTMLAttributes } from 'svelte/elements';
 
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLDivElement>> & {} = $props();
+  import { cn, type WithElementRef } from '../../../utils.js';
+
+  let {
+    children,
+    class: className,
+    ref = $bindable(null),
+    ...restProps
+  }: WithElementRef<HTMLAttributes<HTMLDivElement>> & {} = $props();
 </script>
 
 <div
-	bind:this={ref}
-	data-slot="select-label"
-	class={cn('px-2 py-1.5 text-xs text-muted-foreground', className)}
-	{...restProps}
+  bind:this={ref}
+  class={cn('px-2 py-1.5 text-xs text-muted-foreground', className)}
+  data-slot="select-label"
+  {...restProps}
 >
-	{@render children?.()}
+  {@render children?.()}
 </div>

package/dist/shadcn/components/ui/select/select-label.svelte.d.ts

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

package/dist/shadcn/components/ui/select/select-scroll-down-button.svelte

@@ -1,20 +1,20 @@
 <script lang="ts">
-	import ChevronDownIcon from '@lucide/svelte/icons/chevron-down';
-	import { Select as SelectPrimitive } from 'bits-ui';
-	import { cn, type WithoutChildrenOrChild } from '../../../utils.js';
+  import { cn, type WithoutChildrenOrChild } from '../../../utils.js';
+  import ChevronDownIcon from '@lucide/svelte/icons/chevron-down';
+  import { Select as SelectPrimitive } from 'bits-ui';
 
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: WithoutChildrenOrChild<SelectPrimitive.ScrollDownButtonProps> = $props();
+  let {
+    class: className,
+    ref = $bindable(null),
+    ...restProps
+  }: WithoutChildrenOrChild<SelectPrimitive.ScrollDownButtonProps> = $props();
 </script>
 
 <SelectPrimitive.ScrollDownButton
-	bind:ref
-	data-slot="select-scroll-down-button"
-	class={cn('flex cursor-default items-center justify-center py-1', className)}
-	{...restProps}
+  class={cn('flex cursor-default items-center justify-center py-1', className)}
+  data-slot="select-scroll-down-button"
+  bind:ref
+  {...restProps}
 >
-	<ChevronDownIcon class="size-4" />
+  <ChevronDownIcon class="size-4" />
 </SelectPrimitive.ScrollDownButton>

package/dist/shadcn/components/ui/select/select-scroll-up-button.svelte

@@ -1,20 +1,20 @@
 <script lang="ts">
-	import ChevronUpIcon from '@lucide/svelte/icons/chevron-up';
-	import { Select as SelectPrimitive } from 'bits-ui';
-	import { cn, type WithoutChildrenOrChild } from '../../../utils.js';
+  import { cn, type WithoutChildrenOrChild } from '../../../utils.js';
+  import ChevronUpIcon from '@lucide/svelte/icons/chevron-up';
+  import { Select as SelectPrimitive } from 'bits-ui';
 
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: WithoutChildrenOrChild<SelectPrimitive.ScrollUpButtonProps> = $props();
+  let {
+    class: className,
+    ref = $bindable(null),
+    ...restProps
+  }: WithoutChildrenOrChild<SelectPrimitive.ScrollUpButtonProps> = $props();
 </script>
 
 <SelectPrimitive.ScrollUpButton
-	bind:ref
-	data-slot="select-scroll-up-button"
-	class={cn('flex cursor-default items-center justify-center py-1', className)}
-	{...restProps}
+  class={cn('flex cursor-default items-center justify-center py-1', className)}
+  data-slot="select-scroll-up-button"
+  bind:ref
+  {...restProps}
 >
-	<ChevronUpIcon class="size-4" />
+  <ChevronUpIcon class="size-4" />
 </SelectPrimitive.ScrollUpButton>

package/dist/shadcn/components/ui/select/select-separator.svelte

@@ -1,18 +1,19 @@
 <script lang="ts">
-	import type { Separator as SeparatorPrimitive } from 'bits-ui';
-	import { Separator } from '../separator/index.js';
-	import { cn } from '../../../utils.js';
+  import type { Separator as SeparatorPrimitive } from 'bits-ui';
 
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: SeparatorPrimitive.RootProps = $props();
+  import { Separator } from '../separator/index.js';
+  import { cn } from '../../../utils.js';
+
+  let {
+    class: className,
+    ref = $bindable(null),
+    ...restProps
+  }: SeparatorPrimitive.RootProps = $props();
 </script>
 
 <Separator
-	bind:ref
-	data-slot="select-separator"
-	class={cn('pointer-events-none -mx-1 my-1 h-px bg-border', className)}
-	{...restProps}
+  class={cn('pointer-events-none -mx-1 my-1 h-px bg-border', className)}
+  data-slot="select-separator"
+  bind:ref
+  {...restProps}
 />

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

@@ -1,33 +1,33 @@
 <script lang="ts">
-	import { Select as SelectPrimitive } from 'bits-ui';
-	import ChevronDownIcon from '@lucide/svelte/icons/chevron-down';
-	import { cn, type WithoutChild } from '../../../utils.js';
+  import { cn, type WithoutChild } from '../../../utils.js';
+  import ChevronDownIcon from '@lucide/svelte/icons/chevron-down';
+  import { Select as SelectPrimitive } from 'bits-ui';
 
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		size = 'default',
-		...restProps
-	}: WithoutChild<SelectPrimitive.TriggerProps> & {
-		size?: 'sm' | 'default';
-	} = $props();
+  let {
+    children,
+    class: className,
+    ref = $bindable(null),
+    size = 'default',
+    ...restProps
+  }: WithoutChild<SelectPrimitive.TriggerProps> & {
+    size?: 'default' | 'sm';
+  } = $props();
 </script>
 
 <SelectPrimitive.Trigger
-	bind:ref
-	data-slot="select-trigger"
-	data-size={size}
-	class={cn(
-		'flex w-full items-center justify-between gap-2 rounded-lg border border-gray-300 px-4 py-3 transition-all outline-none select-none',
-		'focus:border-transparent focus:ring-2 focus:ring-primary',
-		'disabled:opacity-50',
-		'aria-invalid:border-red-500 aria-invalid:focus:ring-red-300',
-		"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-		className
-	)}
-	{...restProps}
+  class={cn(
+    'flex w-full items-center justify-between gap-2 rounded-lg border border-gray-300 px-4 py-3 transition-all outline-none select-none',
+    'focus:border-transparent focus:ring-2 focus:ring-primary',
+    'disabled:opacity-50',
+    'aria-invalid:border-red-500 aria-invalid:focus:ring-red-300',
+    "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+    className
+  )}
+  data-size={size}
+  data-slot="select-trigger"
+  bind:ref
+  {...restProps}
 >
-	{@render children?.()}
-	<ChevronDownIcon class="size-4 opacity-50" />
+  {@render children?.()}
+  <ChevronDownIcon class="size-4 opacity-50" />
 </SelectPrimitive.Trigger>

package/dist/shadcn/components/ui/select/select-trigger.svelte.d.ts

@@ -1,7 +1,7 @@
-import { Select as SelectPrimitive } from 'bits-ui';
 import { type WithoutChild } from '../../../utils.js';
+import { Select as SelectPrimitive } from 'bits-ui';
 type $$ComponentProps = WithoutChild<SelectPrimitive.TriggerProps> & {
-    size?: 'sm' | 'default';
+    size?: 'default' | 'sm';
 };
 declare const SelectTrigger: import("svelte").Component<$$ComponentProps, {}, "ref">;
 type SelectTrigger = ReturnType<typeof SelectTrigger>;

package/dist/shadcn/components/ui/separator/separator.svelte

@@ -1,20 +1,20 @@
 <script lang="ts">
-	import { Separator as SeparatorPrimitive } from 'bits-ui';
-	import { cn } from '../../../utils.js';
+  import { cn } from '../../../utils.js';
+  import { Separator as SeparatorPrimitive } from 'bits-ui';
 
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: SeparatorPrimitive.RootProps = $props();
+  let {
+    class: className,
+    ref = $bindable(null),
+    ...restProps
+  }: SeparatorPrimitive.RootProps = $props();
 </script>
 
 <SeparatorPrimitive.Root
-	bind:ref
-	data-slot="separator"
-	class={cn(
-		'shrink-0 bg-border data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px',
-		className
-	)}
-	{...restProps}
+  class={cn(
+    'shrink-0 bg-border data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px',
+    className
+  )}
+  data-slot="separator"
+  bind:ref
+  {...restProps}
 />