bits-ui 0.9.9 → 0.10.0

package/dist/bits/dropdown-menu/index.d.ts

@@ -1,18 +1,17 @@
-import Root from "./components/DropdownMenu.svelte";
-import Sub from "./components/DropdownMenuSub.svelte";
-import Item from "./components/DropdownMenuItem.svelte";
-import Group from "./components/DropdownMenuGroup.svelte";
-import Label from "./components/DropdownMenuLabel.svelte";
-import Arrow from "./components/DropdownMenuArrow.svelte";
-import Content from "./components/DropdownMenuContent.svelte";
-import Trigger from "./components/DropdownMenuTrigger.svelte";
-import RadioItem from "./components/DropdownMenuRadioItem.svelte";
-import Separator from "./components/DropdownMenuSeparator.svelte";
-import RadioGroup from "./components/DropdownMenuRadioGroup.svelte";
-import SubContent from "./components/DropdownMenuSubContent.svelte";
-import SubTrigger from "./components/DropdownMenuSubTrigger.svelte";
-import CheckboxItem from "./components/DropdownMenuCheckboxItem.svelte";
-import RadioIndicator from "./components/DropdownMenuRadioIndicator.svelte";
-import CheckboxIndicator from "./components/DropdownMenuCheckboxIndicator.svelte";
-export { Sub, Root, Item, Group, Label, Arrow, Content, Trigger, Separator, RadioItem, SubTrigger, RadioGroup, SubContent, CheckboxItem, RadioIndicator, CheckboxIndicator, Root as DropdownMenu, Sub as DropdownMenuSub, Item as DropdownMenuItem, Group as DropdownMenuGroup, Label as DropdownMenuLabel, Arrow as DropdownMenuArrow, Content as DropdownMenuContent, Trigger as DropdownMenuTrigger, RadioItem as DropdownMenuRadioItem, Separator as DropdownMenuSeparator, SubContent as DropdownMenuSubContent, RadioGroup as DropdownMenuRadioGroup, SubTrigger as DropdownMenuSubTrigger, CheckboxItem as DropdownMenuCheckboxItem, RadioIndicator as DropdownMenuRadioIndicator, CheckboxIndicator as DropdownMenuCheckboxIndicator };
+export { default as Root } from "../menu/components/menu.svelte";
+export { default as Sub } from "../menu/components/menu-sub.svelte";
+export { default as Item } from "../menu/components/menu-item.svelte";
+export { default as Group } from "../menu/components/menu-group.svelte";
+export { default as Label } from "../menu/components/menu-label.svelte";
+export { default as Arrow } from "../menu/components/menu-arrow.svelte";
+export { default as Content } from "../menu/components/menu-content.svelte";
+export { default as Trigger } from "../menu/components/menu-trigger.svelte";
+export { default as RadioItem } from "../menu/components/menu-radio-item.svelte";
+export { default as Separator } from "../menu/components/menu-separator.svelte";
+export { default as RadioGroup } from "../menu/components/menu-radio-group.svelte";
+export { default as SubContent } from "../menu/components/menu-sub-content.svelte";
+export { default as SubTrigger } from "../menu/components/menu-sub-trigger.svelte";
+export { default as CheckboxItem } from "../menu/components/menu-checkbox-item.svelte";
+export { default as CheckboxIndicator } from "../menu/components/menu-checkbox-indicator.svelte";
+export { default as RadioIndicator } from "../menu/components/menu-radio-indicator.svelte";
 export * from "./types.js";

package/dist/bits/dropdown-menu/index.js

@@ -1,20 +1,17 @@
-import Root from "./components/DropdownMenu.svelte";
-import Sub from "./components/DropdownMenuSub.svelte";
-import Item from "./components/DropdownMenuItem.svelte";
-import Group from "./components/DropdownMenuGroup.svelte";
-import Label from "./components/DropdownMenuLabel.svelte";
-import Arrow from "./components/DropdownMenuArrow.svelte";
-import Content from "./components/DropdownMenuContent.svelte";
-import Trigger from "./components/DropdownMenuTrigger.svelte";
-import RadioItem from "./components/DropdownMenuRadioItem.svelte";
-import Separator from "./components/DropdownMenuSeparator.svelte";
-import RadioGroup from "./components/DropdownMenuRadioGroup.svelte";
-import SubContent from "./components/DropdownMenuSubContent.svelte";
-import SubTrigger from "./components/DropdownMenuSubTrigger.svelte";
-import CheckboxItem from "./components/DropdownMenuCheckboxItem.svelte";
-import RadioIndicator from "./components/DropdownMenuRadioIndicator.svelte";
-import CheckboxIndicator from "./components/DropdownMenuCheckboxIndicator.svelte";
-export { Sub, Root, Item, Group, Label, Arrow, Content, Trigger, Separator, RadioItem, SubTrigger, RadioGroup, SubContent, CheckboxItem, RadioIndicator, CheckboxIndicator, 
-//
-Root as DropdownMenu, Sub as DropdownMenuSub, Item as DropdownMenuItem, Group as DropdownMenuGroup, Label as DropdownMenuLabel, Arrow as DropdownMenuArrow, Content as DropdownMenuContent, Trigger as DropdownMenuTrigger, RadioItem as DropdownMenuRadioItem, Separator as DropdownMenuSeparator, SubContent as DropdownMenuSubContent, RadioGroup as DropdownMenuRadioGroup, SubTrigger as DropdownMenuSubTrigger, CheckboxItem as DropdownMenuCheckboxItem, RadioIndicator as DropdownMenuRadioIndicator, CheckboxIndicator as DropdownMenuCheckboxIndicator };
+export { default as Root } from "../menu/components/menu.svelte";
+export { default as Sub } from "../menu/components/menu-sub.svelte";
+export { default as Item } from "../menu/components/menu-item.svelte";
+export { default as Group } from "../menu/components/menu-group.svelte";
+export { default as Label } from "../menu/components/menu-label.svelte";
+export { default as Arrow } from "../menu/components/menu-arrow.svelte";
+export { default as Content } from "../menu/components/menu-content.svelte";
+export { default as Trigger } from "../menu/components/menu-trigger.svelte";
+export { default as RadioItem } from "../menu/components/menu-radio-item.svelte";
+export { default as Separator } from "../menu/components/menu-separator.svelte";
+export { default as RadioGroup } from "../menu/components/menu-radio-group.svelte";
+export { default as SubContent } from "../menu/components/menu-sub-content.svelte";
+export { default as SubTrigger } from "../menu/components/menu-sub-trigger.svelte";
+export { default as CheckboxItem } from "../menu/components/menu-checkbox-item.svelte";
+export { default as CheckboxIndicator } from "../menu/components/menu-checkbox-indicator.svelte";
+export { default as RadioIndicator } from "../menu/components/menu-radio-indicator.svelte";
 export * from "./types.js";

package/dist/bits/dropdown-menu/types.d.ts

@@ -1,64 +1,2 @@
-import type { TransitionProps, AsChild, Expand, HTMLDivAttributes, OmitChecked, OmitOpen, OmitValue, OnChangeFn, Transition } from "../../internal/index.js";
-import type { CustomEventHandler } from "../../index.js";
-import type { CreateDropdownMenuProps, CreateDropdownMenuCheckboxItemProps, CreateDropdownMenuRadioGroupProps, DropdownMenuRadioItemProps, CreateDropdownSubmenuProps } from "@melt-ui/svelte";
-import type { HTMLAnchorAttributes, HTMLButtonAttributes } from "svelte/elements";
-type Props = Expand<OmitOpen<CreateDropdownMenuProps> & {
-    open?: boolean;
-    onOpenChange?: OnChangeFn<boolean>;
-}>;
-type CheckboxItemProps = Expand<OmitChecked<CreateDropdownMenuCheckboxItemProps> & {
-    checked?: boolean | "indeterminate";
-    onCheckedChange?: OnChangeFn<boolean | "indeterminate">;
-} & AsChild> & HTMLDivAttributes;
-type RadioGroupProps = Expand<OmitValue<CreateDropdownMenuRadioGroupProps> & {
-    value?: CreateDropdownMenuRadioGroupProps["defaultValue"] & {};
-    onValueChange?: OnChangeFn<CreateDropdownMenuRadioGroupProps["defaultValue"]>;
-} & AsChild> & HTMLDivAttributes;
-type RadioItemProps = Expand<DropdownMenuRadioItemProps & AsChild> & HTMLDivAttributes;
-type ContentProps<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = Expand<{
-    sideOffset?: number;
-} & TransitionProps<T, In, Out> & AsChild> & HTMLDivAttributes;
-type GroupProps = AsChild & HTMLDivAttributes;
-type ItemProps = Expand<{
-    disabled?: boolean;
-    href?: HTMLAnchorAttributes["href"];
-} & AsChild> & HTMLDivAttributes;
-type CheckboxItemIndicatorProps = HTMLDivAttributes;
-type LabelProps = AsChild & HTMLDivAttributes;
-type SeparatorProps = AsChild & HTMLDivAttributes;
-type SubProps = Expand<CreateDropdownSubmenuProps>;
-type SubContentProps<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = Expand<{
-    sideOffset?: number;
-} & TransitionProps<T, In, Out> & AsChild> & HTMLDivAttributes;
-type SubTriggerProps = Expand<{
-    disabled?: boolean;
-} & AsChild> & HTMLDivAttributes;
-type TriggerProps = AsChild & HTMLButtonAttributes;
-type ArrowProps = Expand<{
-    size?: number;
-} & AsChild> & HTMLDivAttributes;
-type ItemEvents<T extends Element = HTMLDivElement> = {
-    click: CustomEventHandler<MouseEvent, T>;
-    keydown: CustomEventHandler<KeyboardEvent, T>;
-    focusin: CustomEventHandler<FocusEvent, T>;
-    focusout: CustomEventHandler<FocusEvent, T>;
-    pointerdown: CustomEventHandler<PointerEvent, T>;
-    pointerleave: CustomEventHandler<PointerEvent, T>;
-    pointermove: CustomEventHandler<PointerEvent, T>;
-};
-type CheckboxItemEvents = ItemEvents;
-type RadioItemEvents = ItemEvents;
-type SubTriggerEvents = Omit<ItemEvents, "pointerdown">;
-type TriggerEvents<T extends Element = HTMLButtonElement> = {
-    click: CustomEventHandler<MouseEvent, T>;
-    keydown: CustomEventHandler<KeyboardEvent, T>;
-};
-type ContentEvents<T extends Element = HTMLDivElement> = {
-    keydown: CustomEventHandler<KeyboardEvent, T>;
-};
-type SubContentEvents<T extends Element = HTMLDivElement> = {
-    keydown: CustomEventHandler<KeyboardEvent, T>;
-    focusout: CustomEventHandler<FocusEvent, T>;
-    pointermove: CustomEventHandler<PointerEvent, T>;
-};
-export type { ArrowProps, CheckboxItemEvents, CheckboxItemIndicatorProps, CheckboxItemProps, ContentEvents, ContentProps, ArrowProps as DropdownMenuArrowProps, CheckboxItemEvents as DropdownMenuCheckboxItemEvents, CheckboxItemIndicatorProps as DropdownMenuCheckboxItemIndicatorProps, CheckboxItemProps as DropdownMenuCheckboxItemProps, ContentEvents as DropdownMenuContentEvents, ContentProps as DropdownMenuContentProps, GroupProps as DropdownMenuGroupProps, ItemEvents as DropdownMenuItemEvents, ItemProps as DropdownMenuItemProps, LabelProps as DropdownMenuLabelProps, Props as DropdownMenuProps, RadioGroupProps as DropdownMenuRadioGroupProps, RadioItemEvents as DropdownMenuRadioItemEvents, RadioItemProps as DropdownMenuRadioItemProps, SeparatorProps as DropdownMenuSeparatorProps, SubContentEvents as DropdownMenuSubContentEvents, SubContentProps as DropdownMenuSubContentProps, SubProps as DropdownMenuSubProps, SubTriggerEvents as DropdownMenuSubTriggerEvents, SubTriggerProps as DropdownMenuSubTriggerProps, TriggerEvents as DropdownMenuTriggerEvents, TriggerProps as DropdownMenuTriggerProps, GroupProps, ItemEvents, ItemProps, LabelProps, Props, RadioGroupProps, RadioItemEvents, RadioItemProps, SeparatorProps, SubContentEvents, SubContentProps, SubProps, SubTriggerEvents, SubTriggerProps, TriggerEvents, TriggerProps };
+import type { Props, SubProps, ItemProps, LabelProps, GroupProps, ArrowProps, ContentProps, SeparatorProps, RadioItemProps, RadioGroupProps, SubContentProps, SubTriggerProps, CheckboxItemProps, RadioIndicatorProps, CheckboxIndicatorProps, DropdownTriggerProps as TriggerProps, ItemEvents, ContentEvents, RadioItemEvents, SubTriggerEvents, SubContentEvents, CheckboxItemEvents, DropdownTriggerEvents as TriggerEvents } from "../menu/index.js";
+export type { Props, SubProps, ItemProps, ArrowProps, GroupProps, LabelProps, ContentProps, TriggerProps, RadioItemProps, SeparatorProps, RadioGroupProps, SubContentProps, SubTriggerProps, CheckboxItemProps, RadioIndicatorProps, CheckboxIndicatorProps, ItemEvents, TriggerEvents, ContentEvents, RadioItemEvents, SubContentEvents, SubTriggerEvents, CheckboxItemEvents };

package/dist/bits/floating/_types.d.ts

@@ -0,0 +1,85 @@
+import type { AsChild, Transition, TransitionProps } from "../../internal/index.js";
+export type ArrowProps = Expand<{
+    size?: number;
+} & AsChild>;
+export type Boundary = "clippingAncestors" | Element | Array<Element> | Rect;
+export type Rect = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
+export type FloatingProps = {
+    /**
+     * The preferred side of the anchor to render against when open.
+     * Will be reversed when collisions occur.
+     *
+     * @see https://floating-ui.com/docs/computePosition#placement
+     */
+    side?: "top" | "right" | "bottom" | "left";
+    /**
+     * The preferred alignment of the anchor to render against when open.
+     * This may change when collisions occur.
+     *
+     * @see https://floating-ui.com/docs/computePosition#placement
+     */
+    align?: "start" | "center" | "end";
+    /**
+     * An offset in pixels from the "start" or "end" alignment options.
+     * @see https://floating-ui.com/docs/offset#options
+     */
+    alignOffset?: number;
+    /**
+     * The distance in pixels from the anchor to the floating element.
+     * @see https://floating-ui.com/docs/offset#options
+     */
+    sideOffset?: number;
+    /**
+     * Whether the content should be the same width as the trigger.
+     *
+     * @see https://floating-ui.com/docs/size
+     */
+    sameWidth?: boolean;
+    /**
+     * When `true`, overrides the `side` and `align` options to prevent collisions
+     * with the boundary edges.
+     *
+     * @default true
+     * @see https://floating-ui.com/docs/flip
+     */
+    avoidCollisions?: boolean;
+    /**
+     * The amount in pixels of virtual padding around the viewport edges to check
+     * for overflow which will cause a collision.
+     *
+     * @default 8
+     * @see https://floating-ui.com/docs/detectOverflow#padding
+     */
+    collisionPadding?: number;
+    /**
+     * A boundary element or array of elements to check for collisions against.
+     *
+     * @see https://floating-ui.com/docs/detectoverflow#boundary
+     */
+    collisionBoundary?: Boundary;
+    /**
+     * Whether the floating element should be constrained to the viewport.
+     *
+     * @default false
+     * @see https://floating-ui.com/docs/size
+     */
+    fitViewport?: boolean;
+    /**
+     * The positioning strategy to use for the floating element.
+     * @see https://floating-ui.com/docs/computeposition#strategy
+     */
+    strategy?: "absolute" | "fixed";
+    /**
+     * Whether the floating element can overlap the reference element.
+     * @default false
+     *
+     * @see https://floating-ui.com/docs/shift#options
+     */
+    overlap?: boolean;
+};
+export type ContentProps<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = Expand<FloatingProps & TransitionProps<T, In, Out> & AsChild>;

package/dist/bits/floating/_types.js

@@ -0,0 +1 @@
+export {};

package/dist/bits/floating/floating-config.d.ts

@@ -0,0 +1,81 @@
+export type FloatingConfig = {
+    /**
+     * The initial placement of the floating element.
+     * @default `"top"`
+     *
+     * @see https://floating-ui.com/docs/computePosition#placement
+     */
+    placement?: "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+    /**
+     * The strategy to use for positioning.
+     * @default `"absolute"`
+     *
+     * @see https://floating-ui.com/docs/computePosition#placement
+     */
+    strategy?: "absolute" | "fixed";
+    /**
+     * The offset of the floating element.
+     *
+     * @see https://floating-ui.com/docs/offset#options
+     */
+    offset?: {
+        mainAxis?: number;
+        crossAxis?: number;
+    };
+    /**
+     * The main axis offset or gap between the reference and floating elements.
+     * @default `5`
+     *
+     * @see https://floating-ui.com/docs/offset#options
+     */
+    gutter?: number;
+    /**
+     * The virtual padding around the viewport edges to check for overflow.
+     * @default `8`
+     *
+     * @see https://floating-ui.com/docs/detectOverflow#padding
+     */
+    overflowPadding?: number;
+    /**
+     * Whether to flip the placement.
+     * @default `true`
+     *
+     * @see https://floating-ui.com/docs/flip
+     */
+    flip?: boolean;
+    /**
+     * Whether the floating element can overlap the reference element.
+     * @default `false`
+     *
+     * @see https://floating-ui.com/docs/shift#options
+     */
+    overlap?: boolean;
+    /**
+     * Whether to make the floating element same width as the reference element.
+     * @default `false`
+     *
+     * @see https://floating-ui.com/docs/size
+     */
+    sameWidth?: boolean;
+    /**
+     * Whether the floating element should fit the viewport.
+     * @default `false`
+     *
+     * @see https://floating-ui.com/docs/size
+     */
+    fitViewport?: boolean;
+    /**
+     * The overflow boundary of the reference element.
+     *
+     * @see https://floating-ui.com/docs/detectoverflow#boundary
+     */
+    boundary?: Boundary;
+};
+type Boundary = "clippingAncestors" | Element | Array<Element> | Rect;
+type Rect = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
+export {};

package/dist/bits/floating/floating-config.js

@@ -0,0 +1 @@
+export {};

package/dist/bits/floating/helpers.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="svelte" />
+import type { Writable } from "svelte/store";
+import type { FloatingConfig } from "./floating-config";
+import type { FloatingProps } from "./_types.js";
+export declare function getPositioningUpdater(store: Writable<FloatingConfig>): (props?: FloatingProps) => void;
+export declare function updatePositioning(store: Writable<FloatingConfig>, props: FloatingProps): void;

package/dist/bits/floating/helpers.js

@@ -0,0 +1,38 @@
+const defaultPositioningProps = {
+    side: "bottom",
+    align: "center",
+    sideOffset: 0,
+    alignOffset: 0,
+    sameWidth: false,
+    avoidCollisions: true,
+    collisionPadding: 8,
+    fitViewport: false
+};
+export function getPositioningUpdater(store) {
+    return (props = {}) => {
+        return updatePositioning(store, props);
+    };
+}
+export function updatePositioning(store, props) {
+    const withDefaults = { ...defaultPositioningProps, ...props };
+    store.update((prev) => {
+        return {
+            ...prev,
+            placement: joinPlacement(withDefaults.side, withDefaults.align),
+            offset: {
+                mainAxis: withDefaults.sideOffset,
+                crossAxis: withDefaults.alignOffset
+            },
+            gutter: undefined,
+            sameWidth: withDefaults.sameWidth,
+            flip: withDefaults.avoidCollisions,
+            overflowPadding: withDefaults.collisionPadding,
+            boundary: withDefaults.collisionBoundary
+        };
+    });
+}
+function joinPlacement(side, align) {
+    if (align === "center")
+        return side;
+    return `${side}-${align}`;
+}

package/dist/bits/floating/types.d.ts

@@ -0,0 +1,3 @@
+import type { HTMLDivAttributes, Transition } from "../../internal";
+import type * as I from "./_types.js";
+export type ContentProps<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = I.ContentProps<T, In, Out> & HTMLDivAttributes;

package/dist/bits/floating/types.js

@@ -0,0 +1 @@
+export {};

package/dist/bits/index.d.ts

@@ -3,9 +3,14 @@ export * as AlertDialog from "./alert-dialog/index.js";
 export * as AspectRatio from "./aspect-ratio/index.js";
 export * as Avatar from "./avatar/index.js";
 export * as Button from "./button/index.js";
+export * as Calendar from "./calendar/index.js";
 export * as Checkbox from "./checkbox/index.js";
 export * as Collapsible from "./collapsible/index.js";
 export * as ContextMenu from "./context-menu/index.js";
+export * as DateField from "./date-field/index.js";
+export * as DateRangeField from "./date-range-field/index.js";
+export * as DatePicker from "./date-picker/index.js";
+export * as DateRangePicker from "./date-range-picker/index.js";
 export * as Dialog from "./dialog/index.js";
 export * as DropdownMenu from "./dropdown-menu/index.js";
 export * as LinkPreview from "./link-preview/index.js";
@@ -14,6 +19,7 @@ export * as Menubar from "./menubar/index.js";
 export * as Popover from "./popover/index.js";
 export * as Progress from "./progress/index.js";
 export * as RadioGroup from "./radio-group/index.js";
+export * as RangeCalendar from "./range-calendar/index.js";
 export * as Select from "./select/index.js";
 export * as Separator from "./separator/index.js";
 export * as Slider from "./slider/index.js";

package/dist/bits/index.js

@@ -3,9 +3,14 @@ export * as AlertDialog from "./alert-dialog/index.js";
 export * as AspectRatio from "./aspect-ratio/index.js";
 export * as Avatar from "./avatar/index.js";
 export * as Button from "./button/index.js";
+export * as Calendar from "./calendar/index.js";
 export * as Checkbox from "./checkbox/index.js";
 export * as Collapsible from "./collapsible/index.js";
 export * as ContextMenu from "./context-menu/index.js";
+export * as DateField from "./date-field/index.js";
+export * as DateRangeField from "./date-range-field/index.js";
+export * as DatePicker from "./date-picker/index.js";
+export * as DateRangePicker from "./date-range-picker/index.js";
 export * as Dialog from "./dialog/index.js";
 export * as DropdownMenu from "./dropdown-menu/index.js";
 export * as LinkPreview from "./link-preview/index.js";
@@ -14,6 +19,7 @@ export * as Menubar from "./menubar/index.js";
 export * as Popover from "./popover/index.js";
 export * as Progress from "./progress/index.js";
 export * as RadioGroup from "./radio-group/index.js";
+export * as RangeCalendar from "./range-calendar/index.js";
 export * as Select from "./select/index.js";
 export * as Separator from "./separator/index.js";
 export * as Slider from "./slider/index.js";

package/dist/bits/label/_export.types.d.ts

@@ -0,0 +1,2 @@
+import type { Props, Events } from "./types.js";
+export type { Props as LabelProps, Events as LabelEvents };

package/dist/bits/label/_export.types.js

@@ -0,0 +1 @@
+export {};

package/dist/bits/label/_types.d.ts

@@ -0,0 +1,3 @@
+import type { AsChild } from "../../internal/types.js";
+type Props = AsChild;
+export type { Props };

package/dist/bits/label/_types.js

@@ -0,0 +1 @@
+export {};

package/dist/bits/label/components/{Label.svelte → label.svelte}

@@ -6,15 +6,17 @@ const {
   elements: { root }
 } = createLabel();
 const dispatch = createDispatcher();
+const attrs = getAttrs("root");
 $:
   builder = $root;
-const attrs = getAttrs("root");
+$:
+  Object.assign(builder, attrs);
 </script>
 
 {#if asChild}
-	<slot {builder} {attrs} />
+	<slot {builder} />
 {:else}
-	<label {...builder} use:builder.action {...$$restProps} {...attrs} on:m-mousedown={dispatch}>
-		<slot {builder} {attrs} />
+	<label {...builder} use:builder.action {...$$restProps} on:m-mousedown={dispatch}>
+		<slot {builder} />
 	</label>
 {/if}

package/dist/bits/label/components/{Label.svelte.d.ts → label.svelte.d.ts}

@@ -9,7 +9,6 @@ declare const __propDef: {
             } & {
                 action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"mousedown">;
             };
-            attrs: Record<string, string>;
         };
     };
     events: Events;

package/dist/bits/label/index.d.ts

@@ -1,3 +1,2 @@
-import Root from "./components/Label.svelte";
-export { Root, Root as Label };
+export { default as Root } from "./components/label.svelte";
 export * from "./types.js";

package/dist/bits/label/index.js

@@ -1,5 +1,2 @@
-import Root from "./components/Label.svelte";
-export { Root, 
-//
-Root as Label };
+export { default as Root } from "./components/label.svelte";
 export * from "./types.js";

package/dist/bits/label/types.d.ts

@@ -1,8 +1,8 @@
 import type { CustomEventHandler } from "../..";
-import type { AsChild } from "../../internal/types.js";
 import type { HTMLLabelAttributes } from "svelte/elements";
-type Props = AsChild & HTMLLabelAttributes;
+import type * as I from "./_types.js";
+type Props = I.Props & HTMLLabelAttributes;
 type Events<T extends Element = HTMLLabelElement> = {
     mousedown: CustomEventHandler<MouseEvent, T>;
 };
-export type { Props, Props as LabelProps, Events, Events as LabelEvents };
+export type { Props, Events };

package/dist/bits/link-preview/_export.types.d.ts

@@ -0,0 +1,2 @@
+import type { Props, ArrowProps, TriggerProps, ContentProps, TriggerEvents, ContentEvents } from "./types.js";
+export type { Props as LinkPreviewProps, ArrowProps as LinkPreviewArrowProps, TriggerProps as LinkPreviewTriggerProps, ContentProps as LinkPreviewContentProps, TriggerEvents as LinkPreviewTriggerEvents, ContentEvents as LinkPreviewContentEvents };

package/dist/bits/link-preview/_export.types.js

@@ -0,0 +1 @@
+export {};

package/dist/bits/link-preview/_types.d.ts

@@ -0,0 +1,23 @@
+/**
+ * We define prop types without the HTMLAttributes here so that we can use them
+ * to type-check our API documentation, which requires we document each prop,
+ * but we don't want to document the HTML attributes.
+ */
+import type { Expand, OnChangeFn, AsChild, OmitFloating } from "../../internal/index.js";
+import type { ArrowProps, ContentProps } from "../floating/_types.js";
+import type { CreateLinkPreviewProps } from "@melt-ui/svelte";
+type Props = Expand<OmitFloating<CreateLinkPreviewProps> & {
+    /**
+     * The open state of the link preview.
+     * You can bind this to a boolean value to programmatically control the open state.
+     *
+     * @defaultValue false
+     */
+    open?: boolean;
+    /**
+     * A callback function called when the open state changes.
+     */
+    onOpenChange?: OnChangeFn<boolean>;
+}>;
+type TriggerProps = AsChild;
+export type { Props, ArrowProps, ContentProps, TriggerProps };

package/dist/bits/link-preview/_types.js

@@ -0,0 +1,6 @@
+/**
+ * We define prop types without the HTMLAttributes here so that we can use them
+ * to type-check our API documentation, which requires we document each prop,
+ * but we don't want to document the HTML attributes.
+ */
+export {};

package/dist/bits/{popover/components/PopoverArrow.svelte → link-preview/components/link-preview-arrow.svelte}

@@ -5,13 +5,15 @@ export let size = 8;
 const {
   elements: { arrow }
 } = setArrow(size);
+const attrs = getAttrs("arrow");
 $:
   builder = $arrow;
-const attrs = getAttrs("arrow");
+$:
+  Object.assign(builder, attrs);
 </script>
 
 {#if asChild}
 	<slot {builder} />
 {:else}
-	<div {...builder} use:builder.action {...$$restProps} {...attrs} />
+	<div {...builder} use:builder.action {...$$restProps} />
 {/if}

package/dist/bits/link-preview/components/{LinkPreviewArrow.svelte.d.ts → link-preview-arrow.svelte.d.ts}

@@ -15,7 +15,6 @@ declare const __propDef: {
             } & {
                 action: import("svelte/action").Action<any, any, Record<never, any>>;
             };
-            attrs: Record<string, string>;
         };
     };
 };