@casinogate/ui 1.11.14 → 2.0.1

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

@@ -0,0 +1,21 @@
+<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 { dropdownSeparatorStyles } from '../styles.js';
+  import type { DropdownSeparatorProps } from '../types.js';
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    orientation = 'horizontal',
+    ...restProps
+  }: DropdownSeparatorProps = $props();
+</script>
+
+<DropdownMenuPrimitive.Separator
+  bind:ref
+  class={cn(dropdownSeparatorStyles({ orientation }), className)}
+  {...restProps}
+  {...{ [SLOT_ATTR_NAME]: 'dropdown-separator' }}
+/>

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

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

package/dist/primitives/dropdown/components/dropdown.sub-content.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 { dropdownSubContentStyles } from '../styles.js';
+  import type { DropdownSubContentProps } from '../types.js';
+
+  let { ref = $bindable(null), class: className, ...restProps }: DropdownSubContentProps = $props();
+</script>
+
+<DropdownMenuPrimitive.SubContent
+  bind:ref
+  class={cn(dropdownSubContentStyles(), className)}
+  {...restProps}
+  {...{ [SLOT_ATTR_NAME]: 'dropdown-sub-content' }}
+/>

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

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

package/dist/primitives/dropdown/components/dropdown.sub-trigger.svelte

@@ -0,0 +1,21 @@
+<script lang="ts">
+  import { Icon } from '../../../atomic/icons/index.js';
+  import { SLOT_ATTR_NAME } from '../../../internal/constants/attrs.js';
+  import { cn } from '../../../internal/utils/tailwindcss.js';
+  import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
+  import { dropdownSubTriggerStyles } from '../styles.js';
+  import type { DropdownSubTriggerProps } from '../types.js';
+
+  let { ref = $bindable(null), class: className, children, ...restProps }: DropdownSubTriggerProps = $props();
+</script>
+
+<DropdownMenuPrimitive.SubTrigger
+  bind:ref
+  class={cn(dropdownSubTriggerStyles(), className)}
+  {...restProps}
+  {...{ [SLOT_ATTR_NAME]: 'dropdown-sub-trigger' }}
+>
+  {@render children?.()}
+
+  <Icon.ChevronSmallDown class="cgui:ms-auto" />
+</DropdownMenuPrimitive.SubTrigger>

package/dist/primitives/dropdown/components/dropdown.sub-trigger.svelte.d.ts

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

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

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

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

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

package/dist/primitives/dropdown/components/dropdown.trigger.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 { dropdownTriggerStyles } from '../styles.js';
+  import type { DropdownTriggerProps } from '../types.js';
+
+  let { ref = $bindable(null), class: className, ...restProps }: DropdownTriggerProps = $props();
+</script>
+
+<DropdownMenuPrimitive.Trigger
+  bind:ref
+  class={cn(dropdownTriggerStyles(), className)}
+  {...restProps}
+  {...{ [SLOT_ATTR_NAME]: 'dropdown-trigger' }}
+/>

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

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

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

@@ -0,0 +1,11 @@
+export { default as Content } from './dropdown.content.svelte';
+export { default as GroupHeading } from './dropdown.group-heading.svelte';
+export { default as Group } from './dropdown.group.svelte';
+export { default as Item } from './dropdown.item.svelte';
+export { default as Portal } from './dropdown.portal.svelte';
+export { default as Root } from './dropdown.root.svelte';
+export { default as Separator } from './dropdown.separator.svelte';
+export { default as SubContent } from './dropdown.sub-content.svelte';
+export { default as SubTrigger } from './dropdown.sub-trigger.svelte';
+export { default as Sub } from './dropdown.sub.svelte';
+export { default as Trigger } from './dropdown.trigger.svelte';

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

@@ -0,0 +1,11 @@
+export { default as Content } from './dropdown.content.svelte';
+export { default as GroupHeading } from './dropdown.group-heading.svelte';
+export { default as Group } from './dropdown.group.svelte';
+export { default as Item } from './dropdown.item.svelte';
+export { default as Portal } from './dropdown.portal.svelte';
+export { default as Root } from './dropdown.root.svelte';
+export { default as Separator } from './dropdown.separator.svelte';
+export { default as SubContent } from './dropdown.sub-content.svelte';
+export { default as SubTrigger } from './dropdown.sub-trigger.svelte';
+export { default as Sub } from './dropdown.sub.svelte';
+export { default as Trigger } from './dropdown.trigger.svelte';

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

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

package/dist/primitives/dropdown/index.js

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

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

@@ -0,0 +1,496 @@
+import type { VariantProps } from 'tailwind-variants';
+export declare const dropdownTriggerStyles: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const dropdownContentStyles: import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: string[];
+        none: never[];
+    };
+    w: {
+        default: string[];
+        auto: string[];
+        initial: never[];
+    };
+    shadow: {
+        true: string[];
+    };
+    rounded: {
+        default: string[];
+        md: string[];
+        lg: string[];
+        xl: string[];
+        full: string[];
+        none: never[];
+    };
+    gap: {
+        default: string[];
+        none: never[];
+    };
+}, undefined, string[], {
+    variant: {
+        default: string[];
+        none: never[];
+    };
+    w: {
+        default: string[];
+        auto: string[];
+        initial: never[];
+    };
+    shadow: {
+        true: string[];
+    };
+    rounded: {
+        default: string[];
+        md: string[];
+        lg: string[];
+        xl: string[];
+        full: string[];
+        none: never[];
+    };
+    gap: {
+        default: string[];
+        none: never[];
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: string[];
+        none: never[];
+    };
+    w: {
+        default: string[];
+        auto: string[];
+        initial: never[];
+    };
+    shadow: {
+        true: string[];
+    };
+    rounded: {
+        default: string[];
+        md: string[];
+        lg: string[];
+        xl: string[];
+        full: string[];
+        none: never[];
+    };
+    gap: {
+        default: string[];
+        none: never[];
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export declare const dropdownItemStyles: import("tailwind-variants").TVReturnType<{
+    gap: {
+        default: string[];
+        none: never[];
+    };
+    rounded: {
+        default: string[];
+        xs: string[];
+        sm: string[];
+        md: string[];
+        lg: string[];
+        xl: string[];
+        full: string[];
+        none: never[];
+    };
+}, undefined, string[], {
+    gap: {
+        default: string[];
+        none: never[];
+    };
+    rounded: {
+        default: string[];
+        xs: string[];
+        sm: string[];
+        md: string[];
+        lg: string[];
+        xl: string[];
+        full: string[];
+        none: never[];
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    gap: {
+        default: string[];
+        none: never[];
+    };
+    rounded: {
+        default: string[];
+        xs: string[];
+        sm: string[];
+        md: string[];
+        lg: string[];
+        xl: string[];
+        full: string[];
+        none: never[];
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export declare const dropdownSeparatorStyles: import("tailwind-variants").TVReturnType<{
+    orientation: {
+        horizontal: string[];
+        vertical: string[];
+    };
+}, undefined, string[], {
+    orientation: {
+        horizontal: string[];
+        vertical: string[];
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    orientation: {
+        horizontal: string[];
+        vertical: string[];
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export declare const dropdownGroupStyles: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, never[], {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, never[], unknown, unknown, undefined>>;
+export declare const dropdownGroupHeadingStyles: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const dropdownSubTriggerStyles: import("tailwind-variants").TVReturnType<{} | {
+    gap: {
+        default: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        none: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+    rounded: {
+        default: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        xs: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        sm: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        md: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        lg: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        xl: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        full: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        none: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+}, undefined, never[], {
+    gap: {
+        default: string[];
+        none: never[];
+    };
+    rounded: {
+        default: string[];
+        xs: string[];
+        sm: string[];
+        md: string[];
+        lg: string[];
+        xl: string[];
+        full: string[];
+        none: never[];
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    gap: {
+        default: string[];
+        none: never[];
+    };
+    rounded: {
+        default: string[];
+        xs: string[];
+        sm: string[];
+        md: string[];
+        lg: string[];
+        xl: string[];
+        full: string[];
+        none: never[];
+    };
+}, undefined, string[], {
+    gap: {
+        default: string[];
+        none: never[];
+    };
+    rounded: {
+        default: string[];
+        xs: string[];
+        sm: string[];
+        md: string[];
+        lg: string[];
+        xl: string[];
+        full: string[];
+        none: never[];
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    gap: {
+        default: string[];
+        none: never[];
+    };
+    rounded: {
+        default: string[];
+        xs: string[];
+        sm: string[];
+        md: string[];
+        lg: string[];
+        xl: string[];
+        full: string[];
+        none: never[];
+    };
+}, undefined, string[], unknown, unknown, undefined>>>;
+export declare const dropdownSubContentStyles: import("tailwind-variants").TVReturnType<{} | {
+    variant: {
+        default: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        none: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+    w: {
+        default: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        auto: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        initial: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+    shadow: {
+        true: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+    rounded: {
+        default: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        md: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        lg: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        xl: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        full: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        none: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+    gap: {
+        default: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        none: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+}, undefined, never[], {
+    variant: {
+        default: string[];
+        none: never[];
+    };
+    w: {
+        default: string[];
+        auto: string[];
+        initial: never[];
+    };
+    shadow: {
+        true: string[];
+    };
+    rounded: {
+        default: string[];
+        md: string[];
+        lg: string[];
+        xl: string[];
+        full: string[];
+        none: never[];
+    };
+    gap: {
+        default: string[];
+        none: never[];
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: string[];
+        none: never[];
+    };
+    w: {
+        default: string[];
+        auto: string[];
+        initial: never[];
+    };
+    shadow: {
+        true: string[];
+    };
+    rounded: {
+        default: string[];
+        md: string[];
+        lg: string[];
+        xl: string[];
+        full: string[];
+        none: never[];
+    };
+    gap: {
+        default: string[];
+        none: never[];
+    };
+}, undefined, string[], {
+    variant: {
+        default: string[];
+        none: never[];
+    };
+    w: {
+        default: string[];
+        auto: string[];
+        initial: never[];
+    };
+    shadow: {
+        true: string[];
+    };
+    rounded: {
+        default: string[];
+        md: string[];
+        lg: string[];
+        xl: string[];
+        full: string[];
+        none: never[];
+    };
+    gap: {
+        default: string[];
+        none: never[];
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: string[];
+        none: never[];
+    };
+    w: {
+        default: string[];
+        auto: string[];
+        initial: never[];
+    };
+    shadow: {
+        true: string[];
+    };
+    rounded: {
+        default: string[];
+        md: string[];
+        lg: string[];
+        xl: string[];
+        full: string[];
+        none: never[];
+    };
+    gap: {
+        default: string[];
+        none: never[];
+    };
+}, undefined, string[], unknown, unknown, undefined>>>;
+export declare const dropdownSubItemStyles: import("tailwind-variants").TVReturnType<{} | {
+    gap: {
+        default: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        none: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+    rounded: {
+        default: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        xs: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        sm: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        md: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        lg: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        xl: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        full: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        none: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+}, undefined, string[], {
+    gap: {
+        default: string[];
+        none: never[];
+    };
+    rounded: {
+        default: string[];
+        xs: string[];
+        sm: string[];
+        md: string[];
+        lg: string[];
+        xl: string[];
+        full: string[];
+        none: never[];
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    gap: {
+        default: string[];
+        none: never[];
+    };
+    rounded: {
+        default: string[];
+        xs: string[];
+        sm: string[];
+        md: string[];
+        lg: string[];
+        xl: string[];
+        full: string[];
+        none: never[];
+    };
+}, undefined, string[], {
+    gap: {
+        default: string[];
+        none: never[];
+    };
+    rounded: {
+        default: string[];
+        xs: string[];
+        sm: string[];
+        md: string[];
+        lg: string[];
+        xl: string[];
+        full: string[];
+        none: never[];
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    gap: {
+        default: string[];
+        none: never[];
+    };
+    rounded: {
+        default: string[];
+        xs: string[];
+        sm: string[];
+        md: string[];
+        lg: string[];
+        xl: string[];
+        full: string[];
+        none: never[];
+    };
+}, undefined, string[], unknown, unknown, undefined>>>;
+export type DropdownTriggerVariantsProps = VariantProps<typeof dropdownTriggerStyles>;
+export type DropdownContentVariantsProps = VariantProps<typeof dropdownContentStyles>;
+export type DropdownItemVariantsProps = VariantProps<typeof dropdownItemStyles>;
+export type DropdownGroupVariantsProps = VariantProps<typeof dropdownGroupStyles>;
+export type DropdownSubTriggerVariantsProps = VariantProps<typeof dropdownSubTriggerStyles>;
+export type DropdownGroupHeadingVariantsProps = VariantProps<typeof dropdownGroupHeadingStyles>;
+export type DropdownSubContentVariantsProps = VariantProps<typeof dropdownSubContentStyles>;
+export type DropdownSeparatorVariantsProps = VariantProps<typeof dropdownSeparatorStyles>;