@profidev/pleiades 1.7.1 → 1.8.1

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

@@ -0,0 +1,21 @@
+<script lang="ts">
+  import { Select as SelectPrimitive } from 'bits-ui';
+  import { cn } from '../../../blocks/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-extra/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-extra/select/select-group.svelte

@@ -0,0 +1,17 @@
+<script lang="ts">
+  import { Select as SelectPrimitive } from 'bits-ui';
+  import { cn } from '../../../blocks/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-extra/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-extra/select/select-item.svelte

@@ -0,0 +1,38 @@
+<script lang="ts">
+  import { Select as SelectPrimitive } from 'bits-ui';
+  import { cn, type WithoutChild } from '../../../blocks/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-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 [&_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-extra/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-extra/select/select-label.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+  import { cn, type WithElementRef } from '../../../blocks/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-2 py-1.5 text-xs', className)}
+  {...restProps}
+>
+  {@render children?.()}
+</div>

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

@@ -0,0 +1,6 @@
+import { type WithElementRef } from '../../../blocks/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-extra/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-extra/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-extra/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 '../../../blocks/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-extra/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-extra/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 '../../../blocks/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-extra/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-extra/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 '../../../blocks/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-extra/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;

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

@@ -0,0 +1,29 @@
+<script lang="ts">
+  import { Select as SelectPrimitive } from 'bits-ui';
+  import { cn, type WithoutChild } from '../../../blocks/utils.js';
+  import ChevronDownIcon from '@lucide/svelte/icons/chevron-down';
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    children,
+    size = 'default',
+    ...restProps
+  }: WithoutChild<SelectPrimitive.TriggerProps> & {
+    size?: 'sm' | 'default';
+  } = $props();
+</script>
+
+<SelectPrimitive.Trigger
+  bind:ref
+  data-slot="select-trigger"
+  data-size={size}
+  class={cn(
+    "border-input data-placeholder:text-muted-foreground dark:bg-input/30 dark:hover:bg-input/50 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 flex w-fit items-center justify-between gap-1.5 rounded-md border bg-transparent py-2 pr-2 pl-2.5 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-3 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-3 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+    className
+  )}
+  {...restProps}
+>
+  {@render children?.()}
+  <ChevronDownIcon class="text-muted-foreground pointer-events-none size-4" />
+</SelectPrimitive.Trigger>

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

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

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

@@ -0,0 +1,11 @@
+<script lang="ts">
+  import { Select as SelectPrimitive } from 'bits-ui';
+
+  let {
+    open = $bindable(false),
+    value = $bindable(),
+    ...restProps
+  }: SelectPrimitive.RootProps = $props();
+</script>
+
+<SelectPrimitive.Root bind:open bind:value={value as never} {...restProps} />

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

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

package/dist/components/ui-extra/separator/index.d.ts

@@ -0,0 +1,2 @@
+import Root from './separator.svelte';
+export { Root, Root as Separator };

package/dist/components/ui-extra/separator/index.js

@@ -0,0 +1,4 @@
+import Root from './separator.svelte';
+export { Root, 
+//
+Root as Separator };

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

@@ -0,0 +1,23 @@
+<script lang="ts">
+  import { Separator as SeparatorPrimitive } from 'bits-ui';
+  import { cn } from '../../../blocks/utils.js';
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    'data-slot': dataSlot = 'separator',
+    ...restProps
+  }: SeparatorPrimitive.RootProps = $props();
+</script>
+
+<SeparatorPrimitive.Root
+  bind:ref
+  data-slot={dataSlot}
+  class={cn(
+    'bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px',
+    // this is different in shadcn/ui but self-stretch breaks things for us
+    'data-[orientation=vertical]:h-full',
+    className
+  )}
+  {...restProps}
+/>

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

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

package/dist/components/ui-extra/split-button/index.d.ts

@@ -0,0 +1,14 @@
+import Root from './split-button.svelte';
+import Action from './split-button-action.svelte';
+import Select from './split-button-select.svelte';
+import SelectTrigger from './split-button-select-trigger.svelte';
+import SelectAction from './split-button-select-action.svelte';
+import SelectContent from './split-button-content.svelte';
+import { SelectGroup, SelectGroupHeading, SelectLabel, SelectSeparator } from '../select';
+export type { SplitButtonProps, SplitButtonPropsWithoutHTML } from './split-button.svelte';
+export type { SplitButtonActionProps } from './split-button-action.svelte';
+export type { SplitButtonSelectProps } from './split-button-select.svelte';
+export type { SplitButtonSelectTriggerProps } from './split-button-select-trigger.svelte';
+export type { SplitButtonSelectActionProps } from './split-button-select-action.svelte';
+export type { SplitButtonClickEvent } from './split-button.svelte.js';
+export { Root, Action, Select, SelectTrigger, SelectContent, SelectAction, SelectGroup, SelectGroupHeading, SelectLabel, SelectSeparator };

package/dist/components/ui-extra/split-button/index.js

@@ -0,0 +1,9 @@
+import Root from './split-button.svelte';
+import Action from './split-button-action.svelte';
+import Select from './split-button-select.svelte';
+import SelectTrigger from './split-button-select-trigger.svelte';
+import SelectAction from './split-button-select-action.svelte';
+import SelectContent from './split-button-content.svelte';
+// re-export select components
+import { SelectGroup, SelectGroupHeading, SelectLabel, SelectSeparator } from '../select';
+export { Root, Action, Select, SelectTrigger, SelectContent, SelectAction, SelectGroup, SelectGroupHeading, SelectLabel, SelectSeparator };

package/dist/components/ui-extra/split-button/split-button-action.svelte

@@ -0,0 +1,41 @@
+<script lang="ts" module>
+  import type { WithoutChildren } from 'bits-ui';
+
+  export type SplitButtonActionProps = WithoutChildren<ButtonProps> & {
+    value: string;
+    children?: import('svelte').Snippet;
+  };
+</script>
+
+<script lang="ts">
+  import Button, { type ButtonProps } from '../../../blocks/button.svelte';
+  import { useSplitButtonAction } from './split-button.svelte.js';
+  import { box } from 'svelte-toolbelt';
+
+  let {
+    ref = $bindable(null),
+    value,
+    onclick,
+    disabled,
+    loading,
+    children,
+    ...rest
+  }: SplitButtonActionProps = $props();
+
+  const state = useSplitButtonAction({
+    value: box.with(() => value),
+    onclick: box.with(() => onclick)
+  });
+</script>
+
+{#if state.isActive}
+  <Button
+    bind:ref
+    disabled={disabled || state.rootState.disabled}
+    loading={loading || state.rootState.loading}
+    onclick={(e) => state.onclick(e)}
+    {...rest}
+  >
+    {@render children?.()}
+  </Button>
+{/if}

package/dist/components/ui-extra/split-button/split-button-action.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { WithoutChildren } from 'bits-ui';
+export type SplitButtonActionProps = WithoutChildren<ButtonProps> & {
+    value: string;
+    children?: import('svelte').Snippet;
+};
+import { type ButtonProps } from '../../../blocks/button.svelte';
+declare const SplitButtonAction: import("svelte").Component<SplitButtonActionProps, {}, "ref">;
+type SplitButtonAction = ReturnType<typeof SplitButtonAction>;
+export default SplitButtonAction;

package/dist/components/ui-extra/split-button/split-button-content.svelte

@@ -0,0 +1,19 @@
+<script lang="ts">
+  import { SelectContent } from '../select';
+  import type { ComponentProps } from 'svelte';
+
+  let {
+    align = 'end',
+    children,
+    ...restProps
+  }: ComponentProps<typeof SelectContent> = $props();
+</script>
+
+<SelectContent
+  data-slot="split-button-content"
+  {align}
+  class="p-2"
+  {...restProps}
+>
+  {@render children?.()}
+</SelectContent>

package/dist/components/ui-extra/split-button/split-button-content.svelte.d.ts

@@ -0,0 +1,6 @@
+import type { ComponentProps } from 'svelte';
+declare const SplitButtonContent: import("svelte").Component<Omit<import("bits-ui").ComboboxContentProps, "child"> & {
+    portalProps?: import("../../../blocks/utils").WithoutChildrenOrChild<ComponentProps<typeof import("../select").Portal>>;
+}, {}, "">;
+type SplitButtonContent = ReturnType<typeof SplitButtonContent>;
+export default SplitButtonContent;

package/dist/components/ui-extra/split-button/split-button-select-action.svelte

@@ -0,0 +1,54 @@
+<script lang="ts" module>
+  import type { Select as SelectPrimitiveNs } from 'bits-ui';
+  import type { WithoutChild } from '../../../blocks/utils.js';
+
+  export type SplitButtonSelectActionProps =
+    WithoutChild<SelectPrimitiveNs.ItemProps>;
+</script>
+
+<script lang="ts">
+  import { Select as SelectPrimitive } from 'bits-ui';
+  import { cn } from '../../../blocks/utils.js';
+  import { useSplitButtonSelectAction } from './split-button.svelte.js';
+  import { box } from 'svelte-toolbelt';
+  import CheckIcon from '@lucide/svelte/icons/check';
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    value,
+    label,
+    children: childrenProp,
+    ...restProps
+  }: SplitButtonSelectActionProps = $props();
+
+  useSplitButtonSelectAction({
+    value: box.with(() => value)
+  });
+</script>
+
+<SelectPrimitive.Item
+  bind:ref
+  {value}
+  data-slot="split-button-select-action"
+  class={cn(
+    "focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-highlighted:bg-accent data-highlighted:text-accent-foreground relative flex w-full cursor-default items-start 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 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+    className
+  )}
+  {...restProps}
+>
+  {#snippet children({ selected, highlighted })}
+    <span
+      class="absolute end-2 top-2 flex size-3.5 items-center justify-center"
+    >
+      {#if selected}
+        <CheckIcon />
+      {/if}
+    </span>
+    {#if childrenProp}
+      {@render childrenProp({ selected, highlighted })}
+    {:else}
+      {label || value}
+    {/if}
+  {/snippet}
+</SelectPrimitive.Item>

package/dist/components/ui-extra/split-button/split-button-select-action.svelte.d.ts

@@ -0,0 +1,6 @@
+import type { Select as SelectPrimitiveNs } from 'bits-ui';
+import type { WithoutChild } from '../../../blocks/utils.js';
+export type SplitButtonSelectActionProps = WithoutChild<SelectPrimitiveNs.ItemProps>;
+declare const SplitButtonSelectAction: import("svelte").Component<Omit<SelectPrimitiveNs.ItemProps, "child">, {}, "ref">;
+type SplitButtonSelectAction = ReturnType<typeof SplitButtonSelectAction>;
+export default SplitButtonSelectAction;

package/dist/components/ui-extra/split-button/split-button-select-trigger.svelte

@@ -0,0 +1,47 @@
+<script lang="ts" module>
+  import type { WithoutChild } from '../../../blocks/utils.js';
+  import type {
+    ButtonSize,
+    ButtonVariant
+  } from '../button';
+
+  export type SplitButtonSelectTriggerProps =
+    WithoutChild<SelectPrimitive.TriggerProps> & {
+      variant?: ButtonVariant;
+      size?: ButtonSize;
+    };
+</script>
+
+<script lang="ts">
+  import { Select as SelectPrimitive } from 'bits-ui';
+  import { cn } from '../../../blocks/utils.js';
+  import { buttonVariants } from '../button';
+  import { useSplitButtonRootCtx } from './split-button.svelte.js';
+  import ChevronDownIcon from '@lucide/svelte/icons/chevron-down';
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    variant = 'default',
+    size = 'icon',
+    disabled,
+    children,
+    ...restProps
+  }: SplitButtonSelectTriggerProps = $props();
+
+  const root = useSplitButtonRootCtx();
+</script>
+
+<SelectPrimitive.Trigger
+  bind:ref
+  data-slot="split-button-select-trigger"
+  disabled={disabled || root.disabled}
+  class={cn(buttonVariants({ variant, size }), className)}
+  {...restProps}
+>
+  {#if children}
+    {@render children()}
+  {:else}
+    <ChevronDownIcon />
+  {/if}
+</SelectPrimitive.Trigger>

package/dist/components/ui-extra/split-button/split-button-select-trigger.svelte.d.ts

@@ -0,0 +1,10 @@
+import type { WithoutChild } from '../../../blocks/utils.js';
+import type { ButtonSize, ButtonVariant } from '../button';
+export type SplitButtonSelectTriggerProps = WithoutChild<SelectPrimitive.TriggerProps> & {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+};
+import { Select as SelectPrimitive } from 'bits-ui';
+declare const SplitButtonSelectTrigger: import("svelte").Component<SplitButtonSelectTriggerProps, {}, "ref">;
+type SplitButtonSelectTrigger = ReturnType<typeof SplitButtonSelectTrigger>;
+export default SplitButtonSelectTrigger;

package/dist/components/ui-extra/split-button/split-button-select.svelte

@@ -0,0 +1,31 @@
+<script lang="ts" module>
+  import type { WithoutChild } from '../../../blocks/utils.js';
+
+  export type SplitButtonSelectProps = Omit<
+    WithoutChild<SelectPrimitive.RootProps>,
+    'type' | 'value' | 'onValueChange'
+  >;
+</script>
+
+<script lang="ts">
+  import { Select as SelectPrimitive } from 'bits-ui';
+  import { useSplitButtonRootCtx } from './split-button.svelte.js';
+
+  let {
+    open = $bindable(false),
+    children,
+    ...restProps
+  }: SplitButtonSelectProps = $props();
+
+  const root = useSplitButtonRootCtx();
+</script>
+
+<SelectPrimitive.Root
+  type="single"
+  bind:open
+  bind:value={root.action}
+  onValueChange={(v) => root.onSelect(v)}
+  {...restProps}
+>
+  {@render children?.()}
+</SelectPrimitive.Root>

package/dist/components/ui-extra/split-button/split-button-select.svelte.d.ts

@@ -0,0 +1,6 @@
+import type { WithoutChild } from '../../../blocks/utils.js';
+export type SplitButtonSelectProps = Omit<WithoutChild<SelectPrimitive.RootProps>, 'type' | 'value' | 'onValueChange'>;
+import { Select as SelectPrimitive } from 'bits-ui';
+declare const SplitButtonSelect: import("svelte").Component<SplitButtonSelectProps, {}, "open">;
+type SplitButtonSelect = ReturnType<typeof SplitButtonSelect>;
+export default SplitButtonSelect;