@casinogate/ui 1.11.14 → 2.0.0

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

@@ -0,0 +1,99 @@
+import type { VariantProps } from 'tailwind-variants';
+export declare const badgeVariants: import("tailwind-variants").TVReturnType<{
+    variant: {
+        fill: never[];
+        outline: string[];
+        soft: string[];
+    };
+    color: {
+        neutral: never[];
+        destructive: never[];
+        warning: never[];
+        success: never[];
+        info: never[];
+    };
+    rounded: {
+        none: never[];
+        xs: string[];
+        sm: string[];
+        md: string[];
+        lg: string[];
+        xl: string[];
+        full: string[];
+    };
+    size: {
+        xs: string[];
+        sm: string[];
+        md: string[];
+        lg: string[];
+        xl: string[];
+    };
+    disabled: {
+        true: string[];
+    };
+}, undefined, string[], {
+    variant: {
+        fill: never[];
+        outline: string[];
+        soft: string[];
+    };
+    color: {
+        neutral: never[];
+        destructive: never[];
+        warning: never[];
+        success: never[];
+        info: never[];
+    };
+    rounded: {
+        none: never[];
+        xs: string[];
+        sm: string[];
+        md: string[];
+        lg: string[];
+        xl: string[];
+        full: string[];
+    };
+    size: {
+        xs: string[];
+        sm: string[];
+        md: string[];
+        lg: string[];
+        xl: string[];
+    };
+    disabled: {
+        true: string[];
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    variant: {
+        fill: never[];
+        outline: string[];
+        soft: string[];
+    };
+    color: {
+        neutral: never[];
+        destructive: never[];
+        warning: never[];
+        success: never[];
+        info: never[];
+    };
+    rounded: {
+        none: never[];
+        xs: string[];
+        sm: string[];
+        md: string[];
+        lg: string[];
+        xl: string[];
+        full: string[];
+    };
+    size: {
+        xs: string[];
+        sm: string[];
+        md: string[];
+        lg: string[];
+        xl: string[];
+    };
+    disabled: {
+        true: string[];
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export type BadgeVariants = VariantProps<typeof badgeVariants>;

package/dist/primitives/badge/styles.js

@@ -0,0 +1,126 @@
+import { tv } from '../../internal/utils/tailwindcss.js';
+export const badgeVariants = tv({
+    base: [
+        'cgui:inline-flex cgui:items-center cgui:justify-center cgui:gap-1 cgui:text-center cgui:overflow-hidden cgui:shrink-0 cgui:w-fit cgui:whitespace-nowrap',
+        'cgui:transition-all cgui:duration-250 cgui:ease-in-out',
+        'cgui:select-none cgui:font-normal cgui:text-caption-2',
+        'cgui:[&>svg]:pointer-events-none',
+    ],
+    variants: {
+        variant: {
+            fill: [],
+            outline: ['cgui:border'],
+            soft: ['cgui:border'],
+        },
+        color: {
+            neutral: [],
+            destructive: [],
+            warning: [],
+            success: [],
+            info: [],
+        },
+        rounded: {
+            none: [],
+            xs: ['cgui:rounded-xs'],
+            sm: ['cgui:rounded-sm'],
+            md: ['cgui:rounded-md'],
+            lg: ['cgui:rounded-lg'],
+            xl: ['cgui:rounded-xl'],
+            full: ['cgui:rounded-full'],
+        },
+        size: {
+            xs: ['cgui:text-caption-2', 'cgui:px-1.5 cgui:py-0.5', 'cgui:[&>svg]:size-5'],
+            sm: ['cgui:text-caption', 'cgui:px-2 cgui:py-0.5', 'cgui:[&>svg]:size-5.5'],
+            md: ['cgui:text-body-2', 'cgui:px-2.5 cgui:py-0.5', 'cgui:[&>svg]:size-6'],
+            lg: ['cgui:text-body', 'cgui:px-3 cgui:py-1', 'cgui:[&>svg]:size-6.5'],
+            xl: ['cgui:text-heading-2', 'cgui:px-3.5 cgui:py-1', 'cgui:[&>svg]:size-7'],
+        },
+        disabled: {
+            true: ['cgui:opacity-50 cgui:cursor-not-allowed'],
+        },
+    },
+    compoundVariants: [
+        {
+            variant: 'fill',
+            color: 'neutral',
+            class: ['cgui:bg-surface-regular cgui:text-fg-semilight'],
+        },
+        {
+            variant: 'soft',
+            color: 'neutral',
+            class: ['cgui:bg-surface-light/50 cgui:border-stroke-default cgui:text-fg-darkest'],
+        },
+        {
+            variant: 'outline',
+            color: 'neutral',
+            class: ['cgui:bg-transparent cgui:border-stroke-default cgui:text-fg-darkest'],
+        },
+        {
+            variant: 'fill',
+            color: 'destructive',
+            class: ['cgui:bg-state-error  cgui:text-fg-white'],
+        },
+        {
+            variant: 'soft',
+            color: 'destructive',
+            class: ['cgui:bg-state-error-light cgui:border-stroke-error cgui:text-fg-error'],
+        },
+        {
+            variant: 'outline',
+            color: 'destructive',
+            class: ['cgui:bg-transparent cgui:border-stroke-error cgui:text-fg-error'],
+        },
+        {
+            variant: 'fill',
+            color: 'warning',
+            class: ['cgui:bg-state-warning cgui:text-fg-white'],
+        },
+        {
+            variant: 'soft',
+            color: 'warning',
+            class: ['cgui:bg-state-warning-light cgui:border-stroke-warning cgui:text-fg-warning'],
+        },
+        {
+            variant: 'outline',
+            color: 'warning',
+            class: ['cgui:bg-transparent cgui:border-stroke-warning cgui:text-fg-warning'],
+        },
+        {
+            variant: 'fill',
+            color: 'success',
+            class: ['cgui:bg-state-success cgui:text-fg-white'],
+        },
+        {
+            variant: 'soft',
+            color: 'success',
+            class: ['cgui:bg-state-success-light cgui:border-stroke-success cgui:text-fg-success'],
+        },
+        {
+            variant: 'outline',
+            color: 'success',
+            class: ['cgui:bg-transparent cgui:border-stroke-success cgui:text-fg-success'],
+        },
+        {
+            variant: 'fill',
+            color: 'info',
+            class: ['cgui:bg-state-info cgui:text-fg-white'],
+        },
+        {
+            variant: 'soft',
+            color: 'info',
+            class: ['cgui:bg-state-info-light cgui:border-stroke-info cgui:text-state-info'],
+        },
+        {
+            variant: 'outline',
+            color: 'info',
+            class: ['cgui:bg-transparent cgui:border-state-info cgui:text-fg-darkest'],
+        },
+    ],
+    defaultVariants: {
+        variant: 'fill',
+        color: 'neutral',
+        rounded: 'full',
+        size: 'xs',
+        disabled: false,
+    },
+});

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

@@ -0,0 +1,7 @@
+import type { Polymorphic, WithVariants } from '../../internal/types/composition.js';
+import type { PrimitiveAnchorAttributes } from '../../internal/types/html-attributes.js';
+import type { WithChildren, WithElementRef, Without } from 'svelte-toolbelt';
+import type { BadgeVariants } from './styles.js';
+type BadgePropsWithoutHTML = WithElementRef<WithChildren<Polymorphic<WithVariants<{}, BadgeVariants>>>>;
+export type BadgeProps = BadgePropsWithoutHTML & Without<PrimitiveAnchorAttributes, BadgePropsWithoutHTML>;
+export {};

package/dist/primitives/badge/types.js

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

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

@@ -0,0 +1,11 @@
+<script lang="ts">
+  import { cn } from '../../../internal/utils/tailwindcss.js';
+  import { breadcrumbItemVariants } from '../styles.js';
+  import type { BreadcrumbItemProps } from '../types.js';
+
+  let { ref = $bindable(null), class: className, children, ...restProps }: BreadcrumbItemProps = $props();
+</script>
+
+<li bind:this={ref} data-slot="breadcrumb-item" class={cn(breadcrumbItemVariants(), className)} {...restProps}>
+  {@render children?.()}
+</li>

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

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

package/dist/primitives/breadcrumb/components/breadcrumb.link.svelte

@@ -0,0 +1,29 @@
+<script lang="ts">
+  import { cn } from '../../../internal/utils/tailwindcss.js';
+  import { breadcrumbLinkVariants } from '../styles.js';
+  import type { BreadcrumbLinkProps } from '../types.js';
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    href = undefined,
+    child,
+    children,
+    ...restProps
+  }: BreadcrumbLinkProps = $props();
+
+  const attrs = $derived({
+    'data-slot': 'breadcrumb-link',
+    class: cn(breadcrumbLinkVariants(), className),
+    href,
+    ...restProps,
+  });
+</script>
+
+{#if child}
+  {@render child({ props: attrs })}
+{:else}
+  <a bind:this={ref} {...attrs}>
+    {@render children?.()}
+  </a>
+{/if}

package/dist/primitives/breadcrumb/components/breadcrumb.link.svelte.d.ts

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

package/dist/primitives/breadcrumb/components/breadcrumb.list.svelte

@@ -0,0 +1,11 @@
+<script lang="ts">
+  import { cn } from '../../../internal/utils/tailwindcss.js';
+  import { breadcrumbListVariants } from '../styles.js';
+  import type { BreadcrumbListProps } from '../types.js';
+
+  let { ref = $bindable(null), class: className, children, ...restProps }: BreadcrumbListProps = $props();
+</script>
+
+<ol bind:this={ref} data-slot="breadcrumb-list" class={cn(breadcrumbListVariants(), className)} {...restProps}>
+  {@render children?.()}
+</ol>

package/dist/primitives/breadcrumb/components/breadcrumb.list.svelte.d.ts

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

package/dist/primitives/breadcrumb/components/breadcrumb.page.svelte

@@ -0,0 +1,19 @@
+<script lang="ts">
+  import { cn } from '../../../internal/utils/tailwindcss.js';
+  import { breadcrumbPageVariants } from '../styles.js';
+  import type { BreadcrumbPageProps } from '../types.js';
+
+  let { ref = $bindable(null), class: className, children, ...restProps }: BreadcrumbPageProps = $props();
+</script>
+
+<span
+  bind:this={ref}
+  data-slot="breadcrumb-page"
+  role="link"
+  aria-disabled="true"
+  aria-current="page"
+  class={cn(breadcrumbPageVariants(), className)}
+  {...restProps}
+>
+  {@render children?.()}
+</span>

package/dist/primitives/breadcrumb/components/breadcrumb.page.svelte.d.ts

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

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

@@ -0,0 +1,17 @@
+<script lang="ts">
+  import { cn } from '../../../internal/utils/tailwindcss.js';
+  import { breadcrumbRootVariants } from '../styles.js';
+  import type { BreadcrumbRootProps } from '../types.js';
+
+  let { ref = $bindable(null), class: className, children, ...restProps }: BreadcrumbRootProps = $props();
+</script>
+
+<nav
+  bind:this={ref}
+  data-slot="breadcrumb"
+  class={cn(breadcrumbRootVariants(), className)}
+  aria-label="breadcrumb"
+  {...restProps}
+>
+  {@render children?.()}
+</nav>

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

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

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

@@ -0,0 +1,24 @@
+<script lang="ts">
+  // import ChevronRightIcon from "@lucide/svelte/icons/chevron-right";
+  import { Icon } from '../../../atomic/icons/index.js';
+  import { cn } from '../../../internal/utils/tailwindcss.js';
+  import { breadcrumbSeparatorVariants } from '../styles.js';
+  import type { BreadcrumbSeparatorProps } from '../types.js';
+
+  let { ref = $bindable(null), class: className, children, ...restProps }: BreadcrumbSeparatorProps = $props();
+</script>
+
+<li
+  bind:this={ref}
+  data-slot="breadcrumb-separator"
+  role="presentation"
+  aria-hidden="true"
+  class={cn(breadcrumbSeparatorVariants(), className)}
+  {...restProps}
+>
+  {#if children}
+    {@render children?.()}
+  {:else}
+    <Icon.Slash width={14} height={14} />
+  {/if}
+</li>

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

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

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

@@ -0,0 +1,6 @@
+export { default as Item } from './breadcrumb.item.svelte';
+export { default as Link } from './breadcrumb.link.svelte';
+export { default as List } from './breadcrumb.list.svelte';
+export { default as Page } from './breadcrumb.page.svelte';
+export { default as Root } from './breadcrumb.root.svelte';
+export { default as Separator } from './breadcrumb.separator.svelte';

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

@@ -0,0 +1,6 @@
+export { default as Item } from './breadcrumb.item.svelte';
+export { default as Link } from './breadcrumb.link.svelte';
+export { default as List } from './breadcrumb.list.svelte';
+export { default as Page } from './breadcrumb.page.svelte';
+export { default as Root } from './breadcrumb.root.svelte';
+export { default as Separator } from './breadcrumb.separator.svelte';

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

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

package/dist/primitives/breadcrumb/index.js

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

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

@@ -0,0 +1,8 @@
+import type { VariantProps } from 'tailwind-variants';
+export declare const breadcrumbRootVariants: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const breadcrumbListVariants: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const breadcrumbItemVariants: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const breadcrumbSeparatorVariants: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const breadcrumbLinkVariants: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const breadcrumbPageVariants: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export type BreadcrumbVariantsProps = VariantProps<typeof breadcrumbRootVariants>;

package/dist/primitives/breadcrumb/styles.js

@@ -0,0 +1,23 @@
+import { tv } from '../../internal/utils/tailwindcss.js';
+export const breadcrumbRootVariants = tv({
+    base: ['cgui:flex cgui:items-center'],
+});
+export const breadcrumbListVariants = tv({
+    base: ['cgui:flex cgui:items-center'],
+});
+export const breadcrumbItemVariants = tv({
+    base: ['cgui:text-caption-2'],
+});
+export const breadcrumbSeparatorVariants = tv({
+    base: ['cgui:text-fg-regular cgui:[&>svg]:size-3.5'],
+});
+export const breadcrumbLinkVariants = tv({
+    base: [
+        'cgui:text-fg-regular cgui:hover:text-fg-darkest',
+        'cgui:transition-all cgui:duration-250 cgui:ease-in-out',
+        'cgui:truncate',
+    ],
+});
+export const breadcrumbPageVariants = tv({
+    base: ['cgui:text-fg-darkest', 'cgui:truncate'],
+});

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

@@ -0,0 +1,16 @@
+import type { PrimitiveAnchorAttributes, PrimitiveElementAttributes, PrimitiveLiAttributes, PrimitiveOListAttributes, PrimitiveSpanAttributes } from '../../internal/types/html-attributes.js';
+import type { WithChild, WithChildren, WithElementRef, Without } from 'svelte-toolbelt';
+import type { BreadcrumbVariantsProps } from './styles.js';
+type BreadcrumbRootPropsWithoutHTML = WithElementRef<WithChildren<{}>> & BreadcrumbVariantsProps;
+export type BreadcrumbRootProps = BreadcrumbRootPropsWithoutHTML & Without<PrimitiveElementAttributes, BreadcrumbRootPropsWithoutHTML>;
+type BreadcrumbListPropsWithoutHTML = WithElementRef<WithChildren<{}>>;
+export type BreadcrumbListProps = BreadcrumbListPropsWithoutHTML & Without<PrimitiveOListAttributes, BreadcrumbListPropsWithoutHTML>;
+type BreadcrumbItemPropsWithoutHTML = WithElementRef<WithChildren<{}>>;
+export type BreadcrumbItemProps = BreadcrumbItemPropsWithoutHTML & Without<PrimitiveLiAttributes, BreadcrumbItemPropsWithoutHTML>;
+type BreadcrumbSeparatorPropsWithoutHTML = WithElementRef<WithChildren<{}>>;
+export type BreadcrumbSeparatorProps = BreadcrumbSeparatorPropsWithoutHTML & Without<PrimitiveLiAttributes, BreadcrumbSeparatorPropsWithoutHTML>;
+type BreadcrumbLinkPropsWithoutHTML = WithElementRef<WithChild<{}>>;
+export type BreadcrumbLinkProps = BreadcrumbLinkPropsWithoutHTML & Without<PrimitiveAnchorAttributes, BreadcrumbLinkPropsWithoutHTML>;
+type BreadcrumbPagePropsWithoutHTML = WithElementRef<WithChildren<{}>>;
+export type BreadcrumbPageProps = BreadcrumbPagePropsWithoutHTML & Without<PrimitiveSpanAttributes, BreadcrumbPagePropsWithoutHTML>;
+export {};

package/dist/primitives/breadcrumb/types.js

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

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

@@ -0,0 +1,58 @@
+<script lang="ts">
+  import { Spinner } from '../../spinner/index.js';
+  import { useId } from '../../../internal/utils/common.js';
+  import { cn } from '../../../internal/utils/tailwindcss.js';
+  import { buttonVariants } from '../styles.js';
+  import type { ButtonProps } from '../types.js';
+
+  import { boolAttr } from '../../../internal/utils/attrs.js';
+  import { fly } from 'svelte/transition';
+
+  const uid = $props.id();
+
+  let {
+    children,
+    child,
+    ref = $bindable(null),
+    variant = 'primary',
+    size = 'md',
+    rounded = 'md',
+    disabled = false,
+    shadow = true,
+    w = 'full',
+    loading = false,
+    id = useId(uid),
+    class: className,
+    ...restProps
+  }: ButtonProps = $props();
+
+  const isDisabled = $derived(disabled || loading);
+
+  const sharedProps = $derived({
+    id,
+    loading,
+    disabled: isDisabled,
+    class: cn(buttonVariants({ variant, size, rounded, shadow, w, loading }), className),
+    'data-disabled': boolAttr(isDisabled),
+    'data-slot': 'button',
+    ...restProps,
+  });
+</script>
+
+{#if child}
+  {@render child({ props: sharedProps })}
+{:else}
+  <button bind:this={ref} {...sharedProps}>
+    {@render children?.()}
+
+    {#if loading}
+      <span
+        in:fly={{ duration: 200, x: 20 }}
+        data-slot="loading"
+        class="cgui:inline-flex cgui:items-center cgui:justify-center cgui:shrink-0"
+      >
+        <Spinner size={18} />
+      </span>
+    {/if}
+  </button>
+{/if}

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

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

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

@@ -0,0 +1 @@
+export { default as Button } from './button.root.svelte';

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

@@ -0,0 +1 @@
+export { default as Button } from './button.root.svelte';

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

@@ -0,0 +1,3 @@
+export * from './components/index.js';
+export type * from './types.js';
+export { buttonVariants } from './styles.js';

package/dist/primitives/button/index.js

@@ -0,0 +1,2 @@
+export * from './components/index.js';
+export { buttonVariants } from './styles.js';

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

@@ -0,0 +1,117 @@
+import type { VariantProps } from 'tailwind-variants';
+export declare const buttonVariants: 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 ButtonVariantsProps = VariantProps<typeof buttonVariants>;