@profidev/pleiades 1.7.0

package/dist/components/ui/range-calendar/range-calendar.svelte

@@ -0,0 +1,112 @@
+<script lang="ts">
+  import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
+  import * as RangeCalendar from './index.js';
+  import { cn, type WithoutChildrenOrChild } from '../../../utils.js';
+  import type { ButtonVariant } from '../button/index.js';
+  import type { Snippet } from 'svelte';
+  import { isEqualMonth, type DateValue } from '@internationalized/date';
+
+  let {
+    ref = $bindable(null),
+    value = $bindable(),
+    placeholder = $bindable(),
+    weekdayFormat = 'short',
+    class: className,
+    buttonVariant = 'ghost',
+    captionLayout = 'label',
+    locale = 'en-US',
+    months: monthsProp,
+    years,
+    monthFormat: monthFormatProp,
+    yearFormat = 'numeric',
+    day,
+    disableDaysOutsideMonth = false,
+    ...restProps
+  }: WithoutChildrenOrChild<RangeCalendarPrimitive.RootProps> & {
+    buttonVariant?: ButtonVariant;
+    captionLayout?: 'dropdown' | 'dropdown-months' | 'dropdown-years' | 'label';
+    months?: RangeCalendarPrimitive.MonthSelectProps['months'];
+    years?: RangeCalendarPrimitive.YearSelectProps['years'];
+    monthFormat?: RangeCalendarPrimitive.MonthSelectProps['monthFormat'];
+    yearFormat?: RangeCalendarPrimitive.YearSelectProps['yearFormat'];
+    day?: Snippet<[{ day: DateValue; outsideMonth: boolean }]>;
+  } = $props();
+
+  const monthFormat = $derived.by(() => {
+    if (monthFormatProp) return monthFormatProp;
+    if (captionLayout.startsWith('dropdown')) return 'short';
+    return 'long';
+  });
+</script>
+
+<RangeCalendarPrimitive.Root
+  bind:ref
+  bind:value
+  bind:placeholder
+  {weekdayFormat}
+  {disableDaysOutsideMonth}
+  class={cn(
+    'bg-background group/calendar p-2 p-3 [--cell-radius:var(--radius-md)] [--cell-size:--spacing(7)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent',
+    className
+  )}
+  {locale}
+  {monthFormat}
+  {yearFormat}
+  {...restProps}
+>
+  {#snippet children({ months, weekdays })}
+    <RangeCalendar.Months>
+      <RangeCalendar.Nav>
+        <RangeCalendar.PrevButton variant={buttonVariant} />
+        <RangeCalendar.NextButton variant={buttonVariant} />
+      </RangeCalendar.Nav>
+      {#each months as month, monthIndex (month)}
+        <RangeCalendar.Month>
+          <RangeCalendar.Header>
+            <RangeCalendar.Caption
+              {captionLayout}
+              months={monthsProp}
+              {monthFormat}
+              {years}
+              {yearFormat}
+              month={month.value}
+              bind:placeholder
+              {locale}
+              {monthIndex}
+            />
+          </RangeCalendar.Header>
+
+          <RangeCalendar.Grid>
+            <RangeCalendar.GridHead>
+              <RangeCalendar.GridRow class="select-none">
+                {#each weekdays as weekday, i (i)}
+                  <RangeCalendar.HeadCell>
+                    {weekday.slice(0, 2)}
+                  </RangeCalendar.HeadCell>
+                {/each}
+              </RangeCalendar.GridRow>
+            </RangeCalendar.GridHead>
+            <RangeCalendar.GridBody>
+              {#each month.weeks as weekDates (weekDates)}
+                <RangeCalendar.GridRow class="mt-2 w-full">
+                  {#each weekDates as date (date)}
+                    <RangeCalendar.Cell {date} month={month.value}>
+                      {#if day}
+                        {@render day({
+                          day: date,
+                          outsideMonth: !isEqualMonth(date, month.value)
+                        })}
+                      {:else}
+                        <RangeCalendar.Day />
+                      {/if}
+                    </RangeCalendar.Cell>
+                  {/each}
+                </RangeCalendar.GridRow>
+              {/each}
+            </RangeCalendar.GridBody>
+          </RangeCalendar.Grid>
+        </RangeCalendar.Month>
+      {/each}
+    </RangeCalendar.Months>
+  {/snippet}
+</RangeCalendarPrimitive.Root>

package/dist/components/ui/range-calendar/range-calendar.svelte.d.ts

@@ -0,0 +1,21 @@
+import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
+import * as RangeCalendar from './index.js';
+import { type WithoutChildrenOrChild } from '../../../utils.js';
+import type { ButtonVariant } from '../button/index.js';
+import type { Snippet } from 'svelte';
+import { type DateValue } from '@internationalized/date';
+type $$ComponentProps = WithoutChildrenOrChild<RangeCalendarPrimitive.RootProps> & {
+    buttonVariant?: ButtonVariant;
+    captionLayout?: 'dropdown' | 'dropdown-months' | 'dropdown-years' | 'label';
+    months?: RangeCalendarPrimitive.MonthSelectProps['months'];
+    years?: RangeCalendarPrimitive.YearSelectProps['years'];
+    monthFormat?: RangeCalendarPrimitive.MonthSelectProps['monthFormat'];
+    yearFormat?: RangeCalendarPrimitive.YearSelectProps['yearFormat'];
+    day?: Snippet<[{
+        day: DateValue;
+        outsideMonth: boolean;
+    }]>;
+};
+declare const RangeCalendar: import("svelte").Component<$$ComponentProps, {}, "value" | "ref" | "placeholder">;
+type RangeCalendar = ReturnType<typeof RangeCalendar>;
+export default RangeCalendar;

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

@@ -0,0 +1,4 @@
+import { Pane } from 'paneforge';
+import Handle from './resizable-handle.svelte';
+import PaneGroup from './resizable-pane-group.svelte';
+export { PaneGroup, Pane, Handle, PaneGroup as ResizablePaneGroup, Pane as ResizablePane, Handle as ResizableHandle };

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

@@ -0,0 +1,6 @@
+import { Pane } from 'paneforge';
+import Handle from './resizable-handle.svelte';
+import PaneGroup from './resizable-pane-group.svelte';
+export { PaneGroup, Pane, Handle, 
+//
+PaneGroup as ResizablePaneGroup, Pane as ResizablePane, Handle as ResizableHandle };

package/dist/components/ui/resizable/resizable-handle.svelte

@@ -0,0 +1,27 @@
+<script lang="ts">
+  import * as ResizablePrimitive from 'paneforge';
+  import { cn, type WithoutChildrenOrChild } from '../../../utils.js';
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    withHandle = false,
+    ...restProps
+  }: WithoutChildrenOrChild<ResizablePrimitive.PaneResizerProps> & {
+    withHandle?: boolean;
+  } = $props();
+</script>
+
+<ResizablePrimitive.PaneResizer
+  bind:ref
+  data-slot="resizable-handle"
+  class={cn(
+    'cn-resizable-handle bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden data-[direction=vertical]:h-px data-[direction=vertical]:w-full data-[direction=vertical]:after:left-0 data-[direction=vertical]:after:h-1 data-[direction=vertical]:after:w-full data-[direction=vertical]:after:translate-x-0 data-[direction=vertical]:after:-translate-y-1/2 [&[data-direction=vertical]>div]:rotate-90',
+    className
+  )}
+  {...restProps}
+>
+  {#if withHandle}
+    <div class="bg-border z-10 flex h-6 w-1 shrink-0 rounded-lg"></div>
+  {/if}
+</ResizablePrimitive.PaneResizer>

package/dist/components/ui/resizable/resizable-handle.svelte.d.ts

@@ -0,0 +1,8 @@
+import * as ResizablePrimitive from 'paneforge';
+import { type WithoutChildrenOrChild } from '../../../utils.js';
+type $$ComponentProps = WithoutChildrenOrChild<ResizablePrimitive.PaneResizerProps> & {
+    withHandle?: boolean;
+};
+declare const ResizableHandle: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type ResizableHandle = ReturnType<typeof ResizableHandle>;
+export default ResizableHandle;

package/dist/components/ui/resizable/resizable-pane-group.svelte

@@ -0,0 +1,24 @@
+<script lang="ts">
+  import * as ResizablePrimitive from 'paneforge';
+  import { cn } from '../../../utils.js';
+
+  let {
+    ref = $bindable(null),
+    this: paneGroup = $bindable(),
+    class: className,
+    ...restProps
+  }: ResizablePrimitive.PaneGroupProps & {
+    this?: ResizablePrimitive.PaneGroup;
+  } = $props();
+</script>
+
+<ResizablePrimitive.PaneGroup
+  bind:ref
+  bind:this={paneGroup}
+  data-slot="resizable-pane-group"
+  class={cn(
+    'cn-resizable-panel-group flex h-full w-full data-[direction=vertical]:flex-col',
+    className
+  )}
+  {...restProps}
+/>

package/dist/components/ui/resizable/resizable-pane-group.svelte.d.ts

@@ -0,0 +1,7 @@
+import * as ResizablePrimitive from 'paneforge';
+type $$ComponentProps = ResizablePrimitive.PaneGroupProps & {
+    this?: ResizablePrimitive.PaneGroup;
+};
+declare const ResizablePaneGroup: import("svelte").Component<$$ComponentProps, {}, "ref" | "this">;
+type ResizablePaneGroup = ReturnType<typeof ResizablePaneGroup>;
+export default ResizablePaneGroup;

package/dist/components/ui/scroll-area/index.d.ts

@@ -0,0 +1,3 @@
+import Scrollbar from './scroll-area-scrollbar.svelte';
+import Root from './scroll-area.svelte';
+export { Root, Scrollbar, Root as ScrollArea, Scrollbar as ScrollAreaScrollbar };

package/dist/components/ui/scroll-area/index.js

@@ -0,0 +1,5 @@
+import Scrollbar from './scroll-area-scrollbar.svelte';
+import Root from './scroll-area.svelte';
+export { Root, Scrollbar, 
+//,
+Root as ScrollArea, Scrollbar as ScrollAreaScrollbar };

package/dist/components/ui/scroll-area/scroll-area-scrollbar.svelte

@@ -0,0 +1,30 @@
+<script lang="ts">
+  import { ScrollArea as ScrollAreaPrimitive } from 'bits-ui';
+  import { cn, type WithoutChild } from '../../../utils.js';
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    orientation = 'vertical',
+    children,
+    ...restProps
+  }: WithoutChild<ScrollAreaPrimitive.ScrollbarProps> = $props();
+</script>
+
+<ScrollAreaPrimitive.Scrollbar
+  bind:ref
+  data-slot="scroll-area-scrollbar"
+  data-orientation={orientation}
+  {orientation}
+  class={cn(
+    'flex touch-none p-px transition-colors select-none data-horizontal:h-2.5 data-horizontal:flex-col data-horizontal:border-t data-horizontal:border-t-transparent data-vertical:h-full data-vertical:w-2.5 data-vertical:border-l data-vertical:border-l-transparent',
+    className
+  )}
+  {...restProps}
+>
+  {@render children?.()}
+  <ScrollAreaPrimitive.Thumb
+    data-slot="scroll-area-thumb"
+    class="bg-border relative flex-1 rounded-full"
+  />
+</ScrollAreaPrimitive.Scrollbar>

package/dist/components/ui/scroll-area/scroll-area-scrollbar.svelte.d.ts

@@ -0,0 +1,4 @@
+import { ScrollArea as ScrollAreaPrimitive } from 'bits-ui';
+declare const ScrollAreaScrollbar: import("svelte").Component<Omit<ScrollAreaPrimitive.ScrollbarProps, "child">, {}, "ref">;
+type ScrollAreaScrollbar = ReturnType<typeof ScrollAreaScrollbar>;
+export default ScrollAreaScrollbar;

package/dist/components/ui/scroll-area/scroll-area.svelte

@@ -0,0 +1,43 @@
+<script lang="ts">
+  import { ScrollArea as ScrollAreaPrimitive } from 'bits-ui';
+  import { Scrollbar } from './index.js';
+  import { cn, type WithoutChild } from '../../../utils.js';
+
+  let {
+    ref = $bindable(null),
+    viewportRef = $bindable(null),
+    class: className,
+    orientation = 'vertical',
+    scrollbarXClasses = '',
+    scrollbarYClasses = '',
+    children,
+    ...restProps
+  }: WithoutChild<ScrollAreaPrimitive.RootProps> & {
+    orientation?: 'vertical' | 'horizontal' | 'both' | undefined;
+    scrollbarXClasses?: string | undefined;
+    scrollbarYClasses?: string | undefined;
+    viewportRef?: HTMLElement | null;
+  } = $props();
+</script>
+
+<ScrollAreaPrimitive.Root
+  bind:ref
+  data-slot="scroll-area"
+  class={cn('relative', className)}
+  {...restProps}
+>
+  <ScrollAreaPrimitive.Viewport
+    bind:ref={viewportRef}
+    data-slot="scroll-area-viewport"
+    class="cn-scroll-area-viewport focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1"
+  >
+    {@render children?.()}
+  </ScrollAreaPrimitive.Viewport>
+  {#if orientation === 'vertical' || orientation === 'both'}
+    <Scrollbar orientation="vertical" class={scrollbarYClasses} />
+  {/if}
+  {#if orientation === 'horizontal' || orientation === 'both'}
+    <Scrollbar orientation="horizontal" class={scrollbarXClasses} />
+  {/if}
+  <ScrollAreaPrimitive.Corner />
+</ScrollAreaPrimitive.Root>

package/dist/components/ui/scroll-area/scroll-area.svelte.d.ts

@@ -0,0 +1,11 @@
+import { ScrollArea as ScrollAreaPrimitive } from 'bits-ui';
+import { type WithoutChild } from '../../../utils.js';
+type $$ComponentProps = WithoutChild<ScrollAreaPrimitive.RootProps> & {
+    orientation?: 'vertical' | 'horizontal' | 'both' | undefined;
+    scrollbarXClasses?: string | undefined;
+    scrollbarYClasses?: string | undefined;
+    viewportRef?: HTMLElement | null;
+};
+declare const ScrollArea: import("svelte").Component<$$ComponentProps, {}, "ref" | "viewportRef">;
+type ScrollArea = ReturnType<typeof ScrollArea>;
+export default ScrollArea;

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

@@ -0,0 +1,12 @@
+import Root from './select.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 ScrollDownButton from './select-scroll-down-button.svelte';
+import ScrollUpButton from './select-scroll-up-button.svelte';
+import GroupHeading from './select-group-heading.svelte';
+import Portal from './select-portal.svelte';
+export { Root, Group, Label, Item, Content, Trigger, Separator, ScrollDownButton, ScrollUpButton, GroupHeading, Portal, 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, Portal as SelectPortal };

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

@@ -0,0 +1,14 @@
+import Root from './select.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 ScrollDownButton from './select-scroll-down-button.svelte';
+import ScrollUpButton from './select-scroll-up-button.svelte';
+import GroupHeading from './select-group-heading.svelte';
+import Portal from './select-portal.svelte';
+export { Root, Group, Label, Item, Content, Trigger, Separator, ScrollDownButton, ScrollUpButton, GroupHeading, Portal, 
+//
+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, Portal as SelectPortal };

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

@@ -0,0 +1,45 @@
+<script lang="ts">
+  import { Select as SelectPrimitive } from 'bits-ui';
+  import SelectPortal from './select-portal.svelte';
+  import SelectScrollUpButton from './select-scroll-up-button.svelte';
+  import SelectScrollDownButton from './select-scroll-down-button.svelte';
+  import { cn, type WithoutChild } from '../../../utils.js';
+  import type { ComponentProps } from 'svelte';
+  import type { WithoutChildrenOrChild } from '../../../utils.js';
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    sideOffset = 4,
+    portalProps,
+    children,
+    preventScroll = true,
+    ...restProps
+  }: WithoutChild<SelectPrimitive.ContentProps> & {
+    portalProps?: WithoutChildrenOrChild<ComponentProps<typeof SelectPortal>>;
+  } = $props();
+</script>
+
+<SelectPortal {...portalProps}>
+  <SelectPrimitive.Content
+    bind:ref
+    {sideOffset}
+    {preventScroll}
+    data-slot="select-content"
+    class={cn(
+      'bg-popover text-popover-foreground 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 data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2 relative isolate z-50 min-w-36 overflow-x-hidden overflow-y-auto rounded-lg shadow-md ring-1 duration-100',
+      className
+    )}
+    {...restProps}
+  >
+    <SelectScrollUpButton />
+    <SelectPrimitive.Viewport
+      class={cn(
+        'h-(--bits-select-anchor-height) w-full min-w-(--bits-select-anchor-width) scroll-my-1'
+      )}
+    >
+      {@render children?.()}
+    </SelectPrimitive.Viewport>
+    <SelectScrollDownButton />
+  </SelectPrimitive.Content>
+</SelectPortal>

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

@@ -0,0 +1,11 @@
+import { Select as SelectPrimitive } from 'bits-ui';
+import SelectPortal from './select-portal.svelte';
+import { type WithoutChild } from '../../../utils.js';
+import type { ComponentProps } from 'svelte';
+import type { WithoutChildrenOrChild } from '../../../utils.js';
+type $$ComponentProps = WithoutChild<SelectPrimitive.ContentProps> & {
+    portalProps?: WithoutChildrenOrChild<ComponentProps<typeof SelectPortal>>;
+};
+declare const SelectContent: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type SelectContent = ReturnType<typeof SelectContent>;
+export default SelectContent;

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

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

package/dist/components/ui/select/select-group-heading.svelte.d.ts

@@ -0,0 +1,10 @@
+declare const SelectGroupHeading: import("svelte").Component<Omit<{}, "child" | "children"> & {
+    child?: import("svelte").Snippet<[{
+        props: Record<string, unknown>;
+    }]> | undefined;
+    children?: import("svelte").Snippet<[]> | undefined;
+    style?: import("bits-ui").StyleProperties | string | null | undefined;
+    ref?: HTMLElement | null | undefined;
+} & import("bits-ui").Without<import("bits-ui").BitsPrimitiveDivAttributes, import("bits-ui").ComboboxGroupHeadingPropsWithoutHTML>, {}, "ref">;
+type SelectGroupHeading = ReturnType<typeof SelectGroupHeading>;
+export default SelectGroupHeading;

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

@@ -0,0 +1,17 @@
+<script lang="ts">
+  import { Select as SelectPrimitive } from 'bits-ui';
+  import { cn } from '../../../utils.js';
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    ...restProps
+  }: SelectPrimitive.GroupProps = $props();
+</script>
+
+<SelectPrimitive.Group
+  bind:ref
+  data-slot="select-group"
+  class={cn('scroll-my-1 p-1', className)}
+  {...restProps}
+/>

package/dist/components/ui/select/select-group.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Select as SelectPrimitive } from 'bits-ui';
+declare const SelectGroup: import("svelte").Component<SelectPrimitive.GroupProps, {}, "ref">;
+type SelectGroup = ReturnType<typeof SelectGroup>;
+export default SelectGroup;

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

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

package/dist/components/ui/select/select-item.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Select as SelectPrimitive } from 'bits-ui';
+declare const SelectItem: import("svelte").Component<Omit<SelectPrimitive.ItemProps, "child">, {}, "ref">;
+type SelectItem = ReturnType<typeof SelectItem>;
+export default SelectItem;

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

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

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

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

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

@@ -0,0 +1,7 @@
+<script lang="ts">
+  import { Select as SelectPrimitive } from 'bits-ui';
+
+  let { ...restProps }: SelectPrimitive.PortalProps = $props();
+</script>
+
+<SelectPrimitive.Portal {...restProps} />

package/dist/components/ui/select/select-portal.svelte.d.ts

@@ -0,0 +1,3 @@
+declare const SelectPortal: import("svelte").Component<import("bits-ui").PortalProps, {}, "">;
+type SelectPortal = ReturnType<typeof SelectPortal>;
+export default SelectPortal;

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

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

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

@@ -0,0 +1,4 @@
+import { Select as SelectPrimitive } from 'bits-ui';
+declare const SelectScrollDownButton: import("svelte").Component<Omit<Omit<SelectPrimitive.ScrollDownButtonProps, "child">, "children">, {}, "ref">;
+type SelectScrollDownButton = ReturnType<typeof SelectScrollDownButton>;
+export default SelectScrollDownButton;

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

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

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

@@ -0,0 +1,4 @@
+import { Select as SelectPrimitive } from 'bits-ui';
+declare const SelectScrollUpButton: import("svelte").Component<Omit<Omit<SelectPrimitive.ScrollUpButtonProps, "child">, "children">, {}, "ref">;
+type SelectScrollUpButton = ReturnType<typeof SelectScrollUpButton>;
+export default SelectScrollUpButton;

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

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

package/dist/components/ui/select/select-separator.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { Separator as SeparatorPrimitive } from 'bits-ui';
+declare const SelectSeparator: import("svelte").Component<SeparatorPrimitive.RootProps, {}, "ref">;
+type SelectSeparator = ReturnType<typeof SelectSeparator>;
+export default SelectSeparator;