@casinogate/ui 1.11.14 → 2.0.0

package/dist/primitives/drawer/components/drawer.content.svelte

@@ -0,0 +1,12 @@
+<script lang="ts">
+  import { cn } from '../../../internal/utils/tailwindcss.js';
+  import { Drawer } from 'vaul-svelte';
+  import { drawerContentStyles } from '../styles.js';
+  import type { DrawerContentProps } from '../types.js';
+
+  let { children, class: className, variant = 'default', ...restProps }: DrawerContentProps = $props();
+</script>
+
+<Drawer.Content class={cn(drawerContentStyles({ variant }), className)} {...restProps}>
+  {@render children?.()}
+</Drawer.Content>

package/dist/primitives/drawer/components/drawer.content.svelte.d.ts

@@ -0,0 +1,5 @@
+import { Drawer } from 'vaul-svelte';
+import type { DrawerContentProps } from '../types.js';
+declare const Drawer: import("svelte").Component<DrawerContentProps, {}, "">;
+type Drawer = ReturnType<typeof Drawer>;
+export default Drawer;

package/dist/primitives/drawer/components/drawer.description.svelte

@@ -0,0 +1,11 @@
+<script lang="ts">
+  import { cn } from '../../../internal/utils/tailwindcss.js';
+  import { Drawer } from 'vaul-svelte';
+  import type { DrawerDescriptionProps } from '../types.js';
+
+  let { class: className, children, ...restProps }: DrawerDescriptionProps = $props();
+</script>
+
+<Drawer.Description class={cn('cgui:text-body cgui:text-fg-dark', className)} {...restProps}>
+  {@render children?.()}
+</Drawer.Description>

package/dist/primitives/drawer/components/drawer.description.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Drawer } from 'vaul-svelte';
+declare const Drawer: import("svelte").Component<Drawer.DescriptionProps, {}, "">;
+type Drawer = ReturnType<typeof Drawer>;
+export default Drawer;

package/dist/primitives/drawer/components/drawer.handle.svelte

@@ -0,0 +1,10 @@
+<script lang="ts">
+  import { cn } from '../../../internal/utils/tailwindcss.js';
+  import { Drawer } from 'vaul-svelte';
+  import { drawerHandleStyles } from '../styles.js';
+  import type { DrawerHandleProps } from '../types.js';
+
+  let { class: className, ...restProps }: DrawerHandleProps = $props();
+</script>
+
+<Drawer.Handle class={cn(drawerHandleStyles(), className)} {...restProps} />

package/dist/primitives/drawer/components/drawer.handle.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Drawer } from 'vaul-svelte';
+declare const Drawer: import("svelte").Component<Drawer.HandleProps, {}, "">;
+type Drawer = ReturnType<typeof Drawer>;
+export default Drawer;

package/dist/primitives/drawer/components/drawer.overlay.svelte

@@ -0,0 +1,10 @@
+<script lang="ts">
+  import { cn } from '../../../internal/utils/tailwindcss.js';
+  import { Drawer } from 'vaul-svelte';
+  import { drawerOverlayStyles } from '../styles.js';
+  import type { DrawerOverlayProps } from '../types.js';
+
+  let { class: className, ...restProps }: DrawerOverlayProps = $props();
+</script>
+
+<Drawer.Overlay class={cn(drawerOverlayStyles(), className)} {...restProps} />

package/dist/primitives/drawer/components/drawer.overlay.svelte.d.ts

@@ -0,0 +1,5 @@
+import { Drawer } from 'vaul-svelte';
+import type { DrawerOverlayProps } from '../types.js';
+declare const Drawer: import("svelte").Component<DrawerOverlayProps, {}, "">;
+type Drawer = ReturnType<typeof Drawer>;
+export default Drawer;

package/dist/primitives/drawer/components/drawer.portal.svelte

@@ -0,0 +1,10 @@
+<script lang="ts">
+  import { Drawer } from 'vaul-svelte';
+  import type { DrawerPortalProps } from '../types.js';
+
+  let { children, ...restProps }: DrawerPortalProps = $props();
+</script>
+
+<Drawer.Portal {...restProps}>
+  {@render children?.()}
+</Drawer.Portal>

package/dist/primitives/drawer/components/drawer.portal.svelte.d.ts

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

package/dist/primitives/drawer/components/drawer.root.svelte

@@ -0,0 +1,15 @@
+<script lang="ts">
+  import { Drawer } from 'vaul-svelte';
+  import type { DrawerRootProps } from '../types.js';
+
+  let {
+    open = $bindable(false),
+    activeSnapPoint = $bindable(null),
+    children,
+    ...restProps
+  }: DrawerRootProps = $props();
+</script>
+
+<Drawer.Root bind:open bind:activeSnapPoint {...restProps}>
+  {@render children?.()}
+</Drawer.Root>

package/dist/primitives/drawer/components/drawer.root.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Drawer } from 'vaul-svelte';
+declare const Drawer: import("svelte").Component<import("vaul-svelte").DrawerRootPropsWithoutHTML, {}, "open" | "activeSnapPoint">;
+type Drawer = ReturnType<typeof Drawer>;
+export default Drawer;

package/dist/primitives/drawer/components/drawer.title.svelte

@@ -0,0 +1,11 @@
+<script lang="ts">
+  import { cn } from '../../../internal/utils/tailwindcss.js';
+  import { Drawer } from 'vaul-svelte';
+  import type { DrawerTitleProps } from '../types.js';
+
+  let { class: className, children, ...restProps }: DrawerTitleProps = $props();
+</script>
+
+<Drawer.Title class={cn('cgui:text-heading cgui:font-semibold cgui:text-fg-darkest', className)} {...restProps}>
+  {@render children?.()}
+</Drawer.Title>

package/dist/primitives/drawer/components/drawer.title.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Drawer } from 'vaul-svelte';
+declare const Drawer: import("svelte").Component<Drawer.TitleProps, {}, "">;
+type Drawer = ReturnType<typeof Drawer>;
+export default Drawer;

package/dist/primitives/drawer/components/drawer.trigger.svelte

@@ -0,0 +1,27 @@
+<script lang="ts">
+  import { cn } from '../../../internal/utils/tailwindcss.js';
+  import { Drawer } from 'vaul-svelte';
+  import { drawerTriggerProps } from '../styles.js';
+  import type { DrawerTriggerProps } from '../types.js';
+
+  let {
+    children,
+    ref = $bindable(null),
+    class: className,
+    variant = 'primary',
+    size = 'md',
+    rounded = 'md',
+    shadow = true,
+    w = 'full',
+    loading = false,
+    ...restProps
+  }: DrawerTriggerProps = $props();
+</script>
+
+<Drawer.Trigger
+  {...restProps}
+  bind:ref
+  class={cn(drawerTriggerProps({ variant, size, rounded, shadow, w, loading }), className)}
+>
+  {@render children?.()}
+</Drawer.Trigger>

package/dist/primitives/drawer/components/drawer.trigger.svelte.d.ts

@@ -0,0 +1,5 @@
+import { Drawer } from 'vaul-svelte';
+import type { DrawerTriggerProps } from '../types.js';
+declare const Drawer: import("svelte").Component<DrawerTriggerProps, {}, "ref">;
+type Drawer = ReturnType<typeof Drawer>;
+export default Drawer;

package/dist/primitives/drawer/components/index.d.ts

@@ -0,0 +1,9 @@
+export { default as Close } from './drawer.close.svelte';
+export { default as Content } from './drawer.content.svelte';
+export { default as Description } from './drawer.description.svelte';
+export { default as Handle } from './drawer.handle.svelte';
+export { default as Overlay } from './drawer.overlay.svelte';
+export { default as Portal } from './drawer.portal.svelte';
+export { default as Root } from './drawer.root.svelte';
+export { default as Title } from './drawer.title.svelte';
+export { default as Trigger } from './drawer.trigger.svelte';

package/dist/primitives/drawer/components/index.js

@@ -0,0 +1,9 @@
+export { default as Close } from './drawer.close.svelte';
+export { default as Content } from './drawer.content.svelte';
+export { default as Description } from './drawer.description.svelte';
+export { default as Handle } from './drawer.handle.svelte';
+export { default as Overlay } from './drawer.overlay.svelte';
+export { default as Portal } from './drawer.portal.svelte';
+export { default as Root } from './drawer.root.svelte';
+export { default as Title } from './drawer.title.svelte';
+export { default as Trigger } from './drawer.trigger.svelte';

package/dist/primitives/drawer/components/state.svelte.d.ts

@@ -0,0 +1,4 @@
+export declare class DrawerRootState {
+    static create(): unknown;
+    constructor();
+}

package/dist/primitives/drawer/components/state.svelte.js

@@ -0,0 +1,8 @@
+import { Context } from 'runed';
+const DrawerRootContext = new Context('drawer-root');
+export class DrawerRootState {
+    static create() {
+        return DrawerRootContext.set(new DrawerRootState());
+    }
+    constructor() { }
+}

package/dist/primitives/drawer/index.d.ts

@@ -0,0 +1,2 @@
+export * as Drawer from './components/index.js';
+export type * from './types.js';

package/dist/primitives/drawer/index.js

@@ -0,0 +1 @@
+export * as Drawer from './components/index.js';

package/dist/primitives/drawer/styles.d.ts

@@ -0,0 +1,214 @@
+import type { VariantProps } from 'tailwind-variants';
+export declare const drawerOverlayStyles: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const drawerContentStyles: import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: string[];
+        none: never[];
+    };
+}, undefined, string[], {
+    variant: {
+        default: string[];
+        none: never[];
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: string[];
+        none: never[];
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export declare const drawerHandleStyles: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const drawerTriggerProps: import("tailwind-variants").TVReturnType<{} | {
+    variant: {
+        primary: import("tailwind-merge").ClassNameValue | {};
+        outline: import("tailwind-merge").ClassNameValue | {};
+        ghost: import("tailwind-merge").ClassNameValue | {};
+        link: import("tailwind-merge").ClassNameValue | {};
+        none: import("tailwind-merge").ClassNameValue | {};
+    };
+    loading: {
+        true: import("tailwind-merge").ClassNameValue | {};
+    };
+    shadow: {
+        true: import("tailwind-merge").ClassNameValue | {};
+    };
+    size: {
+        xs: import("tailwind-merge").ClassNameValue | {};
+        sm: import("tailwind-merge").ClassNameValue | {};
+        md: import("tailwind-merge").ClassNameValue | {};
+        lg: import("tailwind-merge").ClassNameValue | {};
+        none: import("tailwind-merge").ClassNameValue | {};
+    };
+    w: {
+        full: import("tailwind-merge").ClassNameValue | {};
+        auto: import("tailwind-merge").ClassNameValue | {};
+        fit: import("tailwind-merge").ClassNameValue | {};
+        none: import("tailwind-merge").ClassNameValue | {};
+    };
+    fullWidth: {
+        true: import("tailwind-merge").ClassNameValue | {};
+    };
+    rounded: {
+        sm: import("tailwind-merge").ClassNameValue | {};
+        md: import("tailwind-merge").ClassNameValue | {};
+        lg: import("tailwind-merge").ClassNameValue | {};
+        xl: import("tailwind-merge").ClassNameValue | {};
+        full: import("tailwind-merge").ClassNameValue | {};
+        none: import("tailwind-merge").ClassNameValue | {};
+    };
+}, undefined, undefined, {
+    variant: {
+        primary: string[];
+        outline: string[];
+        ghost: string[];
+        link: string[];
+        none: never[];
+    };
+    loading: {
+        true: string;
+    };
+    shadow: {
+        true: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        none: string;
+    };
+    w: {
+        full: string;
+        auto: string;
+        fit: string;
+        none: string;
+    };
+    fullWidth: {
+        true: string;
+    };
+    rounded: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        full: string;
+        none: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    variant: {
+        primary: string[];
+        outline: string[];
+        ghost: string[];
+        link: string[];
+        none: never[];
+    };
+    loading: {
+        true: string;
+    };
+    shadow: {
+        true: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        none: string;
+    };
+    w: {
+        full: string;
+        auto: string;
+        fit: string;
+        none: string;
+    };
+    fullWidth: {
+        true: string;
+    };
+    rounded: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        full: string;
+        none: string;
+    };
+}, undefined, string[], {
+    variant: {
+        primary: string[];
+        outline: string[];
+        ghost: string[];
+        link: string[];
+        none: never[];
+    };
+    loading: {
+        true: string;
+    };
+    shadow: {
+        true: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        none: string;
+    };
+    w: {
+        full: string;
+        auto: string;
+        fit: string;
+        none: string;
+    };
+    fullWidth: {
+        true: string;
+    };
+    rounded: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        full: string;
+        none: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    variant: {
+        primary: string[];
+        outline: string[];
+        ghost: string[];
+        link: string[];
+        none: never[];
+    };
+    loading: {
+        true: string;
+    };
+    shadow: {
+        true: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        none: string;
+    };
+    w: {
+        full: string;
+        auto: string;
+        fit: string;
+        none: string;
+    };
+    fullWidth: {
+        true: string;
+    };
+    rounded: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        full: string;
+        none: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>>;
+export type DrawerOverlayVariants = VariantProps<typeof drawerOverlayStyles>;
+export type DrawerContentVariants = VariantProps<typeof drawerContentStyles>;
+export type DrawerHandleVariants = VariantProps<typeof drawerHandleStyles>;
+export type DrawerTriggerVariants = VariantProps<typeof drawerTriggerProps>;

package/dist/primitives/drawer/styles.js

@@ -0,0 +1,38 @@
+import { buttonVariants } from '../button/styles.js';
+import { tv } from '../../internal/utils/tailwindcss.js';
+export const drawerOverlayStyles = tv({
+    base: [
+        'cgui:fixed cgui:inset-0 cgui:z-(--cg-ui-z-index-dialog)',
+        'cgui:bg-neutral-100/50',
+        'cgui:transition-all cgui:duration-250 cgui:ease-in-out',
+        'cgui:data-[state=open]:animate-in cgui:data-[state=closed]:animate-out',
+        'cgui:data-[state=open]:fade-in-0 cgui:data-[state=closed]:fade-out-0',
+    ],
+});
+export const drawerContentStyles = tv({
+    base: [
+        'cgui:fixed cgui:z-(--cg-ui-z-index-dialog) cgui:outline-none',
+        'cgui:flex cgui:flex-col',
+        'cgui:data-[vaul-drawer-direction=bottom]:bottom-0 cgui:data-[vaul-drawer-direction=bottom]:left-0 cgui:data-[vaul-drawer-direction=bottom]:right-0 cgui:data-[vaul-drawer-direction=bottom]:rounded-t-md cgui:data-[vaul-drawer-direction=bottom]:max-h-[96%]',
+        'cgui:data-[vaul-drawer-direction=top]:top-0 cgui:data-[vaul-drawer-direction=top]:left-0 cgui:data-[vaul-drawer-direction=top]:right-0 cgui:data-[vaul-drawer-direction=top]:rounded-b-md cgui:data-[vaul-drawer-direction=top]:max-h-[96%] ',
+        'cgui:data-[vaul-drawer-direction=left]:top-0 cgui:data-[vaul-drawer-direction=left]:left-0 cgui:data-[vaul-drawer-direction=left]:bottom-0 cgui:data-[vaul-drawer-direction=left]:rounded-r-md cgui:data-[vaul-drawer-direction=left]:max-w-[96%]',
+        'cgui:data-[vaul-drawer-direction=right]:top-0 cgui:data-[vaul-drawer-direction=right]:right-0 cgui:data-[vaul-drawer-direction=right]:bottom-0 cgui:data-[vaul-drawer-direction=right]:rounded-l-md cgui:data-[vaul-drawer-direction=right]:max-w-[96%]',
+        'cgui:data-[vaul-drawer-direction=right]:[&_[data-vaul-handle]]:rotate-90 cgui:data-[vaul-drawer-direction=right]:[&_[data-vaul-handle]]:my-auto',
+        'cgui:data-[vaul-drawer-direction=left]:[&_[data-vaul-handle]]:rotate-90 cgui:data-[vaul-drawer-direction=left]:[&_[data-vaul-handle]]:my-auto',
+    ],
+    variants: {
+        variant: {
+            default: ['cgui:bg-surface-white'],
+            none: [],
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+    },
+});
+export const drawerHandleStyles = tv({
+    base: ['cgui:my-2 cgui:h-1.5 cgui:w-12', 'cgui:rounded-full'],
+});
+export const drawerTriggerProps = tv({
+    extend: buttonVariants,
+});

package/dist/primitives/drawer/types.d.ts

@@ -0,0 +1,11 @@
+import type { DrawerCloseProps as VaulDrawerCloseProps, DrawerContentProps as VaulDrawerContentProps, DrawerDescriptionProps as VaulDrawerDescriptionProps, DrawerHandleProps as VaulDrawerHandleProps, DrawerOverlayProps as VaulDrawerOverlayProps, DrawerPortalProps as VaulDrawerPortalProps, DrawerRootProps as VaulDrawerRootProps, DrawerTitleProps as VaulDrawerTitleProps, DrawerTriggerProps as VaulDrawerTriggerProps } from 'vaul-svelte';
+import type { DrawerContentVariants, DrawerOverlayVariants, DrawerTriggerVariants } from './styles.js';
+export type DrawerRootProps = VaulDrawerRootProps;
+export type DrawerPortalProps = VaulDrawerPortalProps;
+export type DrawerContentProps = VaulDrawerContentProps & DrawerContentVariants;
+export type DrawerOverlayProps = VaulDrawerOverlayProps & DrawerOverlayVariants;
+export type DrawerCloseProps = VaulDrawerCloseProps;
+export type DrawerTriggerProps = VaulDrawerTriggerProps & DrawerTriggerVariants;
+export type DrawerTitleProps = VaulDrawerTitleProps;
+export type DrawerDescriptionProps = VaulDrawerDescriptionProps;
+export type DrawerHandleProps = VaulDrawerHandleProps;

package/dist/primitives/drawer/types.js

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

package/dist/primitives/dropdown/components/dropdown.content.svelte

@@ -0,0 +1,39 @@
+<script lang="ts">
+  import { SLOT_ATTR_NAME } from '../../../internal/constants/attrs.js';
+  import { cn } from '../../../internal/utils/tailwindcss.js';
+  import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
+  import { dropdownContentStyles } from '../styles.js';
+  import type { DropdownContentProps } from '../types.js';
+
+  let {
+    children,
+    ref = $bindable(null),
+    class: className,
+    sideOffset = 4,
+    variant = 'default',
+    rounded = 'default',
+    shadow = true,
+    w = 'default',
+    gap = 'default',
+    ...restProps
+  }: DropdownContentProps = $props();
+</script>
+
+<DropdownMenuPrimitive.Content
+  bind:ref
+  class={cn(
+    dropdownContentStyles({
+      variant,
+      rounded,
+      shadow,
+      w,
+      gap,
+    }),
+    className
+  )}
+  {sideOffset}
+  {...restProps}
+  {...{ [SLOT_ATTR_NAME]: 'dropdown-content' }}
+>
+  {@render children?.()}
+</DropdownMenuPrimitive.Content>

package/dist/primitives/dropdown/components/dropdown.content.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { DropdownContentProps } from '../types.js';
+declare const Dropdown: import("svelte").Component<DropdownContentProps, {}, "ref">;
+type Dropdown = ReturnType<typeof Dropdown>;
+export default Dropdown;

package/dist/primitives/dropdown/components/dropdown.group-heading.svelte

@@ -0,0 +1,16 @@
+<script lang="ts">
+  import { SLOT_ATTR_NAME } from '../../../internal/constants/attrs.js';
+  import { cn } from '../../../internal/utils/tailwindcss.js';
+  import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
+  import { dropdownGroupHeadingStyles } from '../styles.js';
+  import type { DropdownGroupHeadingProps } from '../types.js';
+
+  let { ref = $bindable(null), class: className, ...restProps }: DropdownGroupHeadingProps = $props();
+</script>
+
+<DropdownMenuPrimitive.GroupHeading
+  bind:ref
+  class={cn(dropdownGroupHeadingStyles(), className)}
+  {...restProps}
+  {...{ [SLOT_ATTR_NAME]: 'dropdown-group-heading' }}
+/>

package/dist/primitives/dropdown/components/dropdown.group-heading.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { DropdownGroupHeadingProps } from '../types.js';
+declare const Dropdown: import("svelte").Component<DropdownGroupHeadingProps, {}, "ref">;
+type Dropdown = ReturnType<typeof Dropdown>;
+export default Dropdown;

package/dist/primitives/dropdown/components/dropdown.group.svelte

@@ -0,0 +1,16 @@
+<script lang="ts">
+  import { SLOT_ATTR_NAME } from '../../../internal/constants/attrs.js';
+  import { cn } from '../../../internal/utils/tailwindcss.js';
+  import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
+  import { dropdownGroupStyles } from '../styles.js';
+  import type { DropdownGroupProps } from '../types.js';
+
+  let { ref = $bindable(null), class: className, ...restProps }: DropdownGroupProps = $props();
+</script>
+
+<DropdownMenuPrimitive.Group
+  bind:ref
+  class={cn(dropdownGroupStyles(), className)}
+  {...restProps}
+  {...{ [SLOT_ATTR_NAME]: 'dropdown-group' }}
+/>

package/dist/primitives/dropdown/components/dropdown.group.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { DropdownGroupProps } from '../types.js';
+declare const Dropdown: import("svelte").Component<DropdownGroupProps, {}, "ref">;
+type Dropdown = ReturnType<typeof Dropdown>;
+export default Dropdown;

package/dist/primitives/dropdown/components/dropdown.item.svelte

@@ -0,0 +1,22 @@
+<script lang="ts">
+  import { SLOT_ATTR_NAME } from '../../../internal/constants/attrs.js';
+  import { cn } from '../../../internal/utils/tailwindcss.js';
+  import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
+  import { dropdownItemStyles } from '../styles.js';
+  import type { DropdownItemProps } from '../types.js';
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    gap = 'default',
+    rounded = 'default',
+    ...restProps
+  }: DropdownItemProps = $props();
+</script>
+
+<DropdownMenuPrimitive.Item
+  bind:ref
+  class={cn(dropdownItemStyles({ gap, rounded }), className)}
+  {...restProps}
+  {...{ [SLOT_ATTR_NAME]: 'dropdown-item' }}
+/>

package/dist/primitives/dropdown/components/dropdown.item.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { DropdownItemProps } from '../types.js';
+declare const Dropdown: import("svelte").Component<DropdownItemProps, {}, "ref">;
+type Dropdown = ReturnType<typeof Dropdown>;
+export default Dropdown;

package/dist/primitives/dropdown/components/dropdown.portal.svelte

@@ -0,0 +1,10 @@
+<script lang="ts">
+  import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
+  import type { DropdownPortalProps } from '../types.js';
+
+  let { children, ...restProps }: DropdownPortalProps = $props();
+</script>
+
+<DropdownMenuPrimitive.Portal {...restProps}>
+  {@render children?.()}
+</DropdownMenuPrimitive.Portal>

package/dist/primitives/dropdown/components/dropdown.portal.svelte.d.ts

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

package/dist/primitives/dropdown/components/dropdown.root.svelte

@@ -0,0 +1,10 @@
+<script lang="ts">
+  import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
+  import type { DropdownRootProps } from '../types.js';
+
+  let { children, open = $bindable(false), ...restProps }: DropdownRootProps = $props();
+</script>
+
+<DropdownMenuPrimitive.Root bind:open {...restProps}>
+  {@render children?.()}
+</DropdownMenuPrimitive.Root>

package/dist/primitives/dropdown/components/dropdown.root.svelte.d.ts

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