flowbite-svelte 1.10.19 → 1.10.21

package/dist/timeline/theme.d.ts

@@ -1,61 +1,65 @@
 import { type VariantProps } from "tailwind-variants";
-import type { ClassValue } from "svelte/elements";
+import type { Classes } from "../theme/themeUtils";
+export type TimelineVariants = VariantProps<typeof timeline>;
+export type ActivityItemVariants = VariantProps<typeof activityItem> & Classes<typeof activityItem>;
+export type GroupVariants = VariantProps<typeof group> & Classes<typeof group>;
+export type GroupItemVariants = VariantProps<typeof groupItem> & Classes<typeof groupItem>;
+export type TimelineItemVariants = VariantProps<typeof timelineItem> & Classes<typeof timelineItem>;
 export declare const activity: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "relative border-s border-gray-200 dark:border-gray-700", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "relative border-s border-gray-200 dark:border-gray-700", unknown, unknown, undefined>>;
-export type ActivityTheme = ClassValue;
 export declare const activityItem: import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
-            title?: import("tailwind-variants").ClassValue;
             img?: import("tailwind-variants").ClassValue;
             span?: import("tailwind-variants").ClassValue;
+            title?: import("tailwind-variants").ClassValue;
+            inner?: import("tailwind-variants").ClassValue;
             text?: import("tailwind-variants").ClassValue;
             time?: import("tailwind-variants").ClassValue;
-            innerDiv?: import("tailwind-variants").ClassValue;
             li?: import("tailwind-variants").ClassValue;
-            outerDiv?: import("tailwind-variants").ClassValue;
+            outer?: import("tailwind-variants").ClassValue;
         };
     };
 } | {
     [x: string]: {
         [x: string]: import("tailwind-variants").ClassValue | {
-            title?: import("tailwind-variants").ClassValue;
             img?: import("tailwind-variants").ClassValue;
             span?: import("tailwind-variants").ClassValue;
+            title?: import("tailwind-variants").ClassValue;
+            inner?: import("tailwind-variants").ClassValue;
             text?: import("tailwind-variants").ClassValue;
             time?: import("tailwind-variants").ClassValue;
-            innerDiv?: import("tailwind-variants").ClassValue;
             li?: import("tailwind-variants").ClassValue;
-            outerDiv?: import("tailwind-variants").ClassValue;
+            outer?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}, {
     li: string;
     span: string;
     img: string;
-    outerDiv: string;
-    innerDiv: string;
+    outer: string;
+    inner: string;
     time: string;
     title: string;
     text: string;
 }, undefined, {
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
-            title?: import("tailwind-variants").ClassValue;
             img?: import("tailwind-variants").ClassValue;
             span?: import("tailwind-variants").ClassValue;
+            title?: import("tailwind-variants").ClassValue;
+            inner?: import("tailwind-variants").ClassValue;
             text?: import("tailwind-variants").ClassValue;
             time?: import("tailwind-variants").ClassValue;
-            innerDiv?: import("tailwind-variants").ClassValue;
             li?: import("tailwind-variants").ClassValue;
-            outerDiv?: import("tailwind-variants").ClassValue;
+            outer?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}, {
     li: string;
     span: string;
     img: string;
-    outerDiv: string;
-    innerDiv: string;
+    outer: string;
+    inner: string;
     time: string;
     title: string;
     text: string;
@@ -63,14 +67,12 @@ export declare const activityItem: import("tailwind-variants").TVReturnType<{
     li: string;
     span: string;
     img: string;
-    outerDiv: string;
-    innerDiv: string;
+    outer: string;
+    inner: string;
     time: string;
     title: string;
     text: string;
 }, undefined, unknown, unknown, undefined>>;
-export type ActivityItemSlots = keyof typeof activityItem.slots;
-export type ActivityItemTheme = Partial<Record<ActivityItemSlots, ClassValue>>;
 export declare const group: import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
@@ -108,60 +110,67 @@ export declare const group: import("tailwind-variants").TVReturnType<{
     time: string;
     ol: string;
 }, undefined, unknown, unknown, undefined>>;
-export type GroupSlots = keyof typeof group.slots;
-export type GroupTheme = Partial<Record<GroupSlots, ClassValue>>;
 export declare const groupItem: import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
+            img?: import("tailwind-variants").ClassValue;
+            span?: import("tailwind-variants").ClassValue;
+            base?: import("tailwind-variants").ClassValue;
             title?: import("tailwind-variants").ClassValue;
             div?: import("tailwind-variants").ClassValue;
-            img?: import("tailwind-variants").ClassValue;
+            svg?: import("tailwind-variants").ClassValue;
             a?: import("tailwind-variants").ClassValue;
-            span?: import("tailwind-variants").ClassValue;
         };
     };
 } | {
     [x: string]: {
         [x: string]: import("tailwind-variants").ClassValue | {
+            img?: import("tailwind-variants").ClassValue;
+            span?: import("tailwind-variants").ClassValue;
+            base?: import("tailwind-variants").ClassValue;
             title?: import("tailwind-variants").ClassValue;
             div?: import("tailwind-variants").ClassValue;
-            img?: import("tailwind-variants").ClassValue;
+            svg?: import("tailwind-variants").ClassValue;
             a?: import("tailwind-variants").ClassValue;
-            span?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}, {
+    base: string;
     a: string;
     img: string;
     div: string;
     title: string;
     span: string;
+    svg: string;
 }, undefined, {
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
+            img?: import("tailwind-variants").ClassValue;
+            span?: import("tailwind-variants").ClassValue;
+            base?: import("tailwind-variants").ClassValue;
             title?: import("tailwind-variants").ClassValue;
             div?: import("tailwind-variants").ClassValue;
-            img?: import("tailwind-variants").ClassValue;
+            svg?: import("tailwind-variants").ClassValue;
             a?: import("tailwind-variants").ClassValue;
-            span?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}, {
+    base: string;
     a: string;
     img: string;
     div: string;
     title: string;
     span: string;
+    svg: string;
 }, import("tailwind-variants").TVReturnType<unknown, {
+    base: string;
     a: string;
     img: string;
     div: string;
     title: string;
     span: string;
+    svg: string;
 }, undefined, unknown, unknown, undefined>>;
-export type GroupItemSlots = keyof typeof groupItem.slots;
-export type GroupItemTheme = Partial<Record<GroupItemSlots, ClassValue>>;
-export type TimelineVariants = VariantProps<typeof timeline>;
 export declare const timeline: import("tailwind-variants").TVReturnType<{
     order: {
         group: string;
@@ -187,42 +196,41 @@ export declare const timeline: import("tailwind-variants").TVReturnType<{
         default: string;
     };
 }, undefined, undefined, unknown, unknown, undefined>>;
-export type TimelineTheme = ClassValue;
 export declare const timelineItem: import("tailwind-variants").TVReturnType<{
     order: {
         default: {
-            li: string;
+            base: string;
             div: string;
             time: string;
             h3: string;
         };
         vertical: {
-            li: string;
+            base: string;
             div: string;
             time: string;
             h3: string;
         };
         horizontal: {
-            li: string;
+            base: string;
             div: string;
             time: string;
             h3: string;
         };
         activity: {
-            li: string;
+            base: string;
             div: string;
             time: string;
             h3: string;
         };
         group: {
-            li: string;
+            base: string;
             div: string;
             time: string;
             h3: string;
         };
     };
 }, {
-    li: string;
+    base: string;
     div: string;
     time: string;
     h3: string;
@@ -230,38 +238,38 @@ export declare const timelineItem: import("tailwind-variants").TVReturnType<{
 }, undefined, {
     order: {
         default: {
-            li: string;
+            base: string;
             div: string;
             time: string;
             h3: string;
         };
         vertical: {
-            li: string;
+            base: string;
             div: string;
             time: string;
             h3: string;
         };
         horizontal: {
-            li: string;
+            base: string;
             div: string;
             time: string;
             h3: string;
         };
         activity: {
-            li: string;
+            base: string;
             div: string;
             time: string;
             h3: string;
         };
         group: {
-            li: string;
+            base: string;
             div: string;
             time: string;
             h3: string;
         };
     };
 }, {
-    li: string;
+    base: string;
     div: string;
     time: string;
     h3: string;
@@ -269,42 +277,40 @@ export declare const timelineItem: import("tailwind-variants").TVReturnType<{
 }, import("tailwind-variants").TVReturnType<{
     order: {
         default: {
-            li: string;
+            base: string;
             div: string;
             time: string;
             h3: string;
         };
         vertical: {
-            li: string;
+            base: string;
             div: string;
             time: string;
             h3: string;
         };
         horizontal: {
-            li: string;
+            base: string;
             div: string;
             time: string;
             h3: string;
         };
         activity: {
-            li: string;
+            base: string;
             div: string;
             time: string;
             h3: string;
         };
         group: {
-            li: string;
+            base: string;
             div: string;
             time: string;
             h3: string;
         };
     };
 }, {
-    li: string;
+    base: string;
     div: string;
     time: string;
     h3: string;
     svg: string;
 }, undefined, unknown, unknown, undefined>>;
-export type TimelineItemSlots = keyof typeof timelineItem.slots;
-export type TimelineItemTheme = Partial<Record<TimelineItemSlots, ClassValue>>;

package/dist/timeline/theme.js

@@ -7,8 +7,8 @@ export const activityItem = tv({
         li: "mb-10 ms-6",
         span: "flex absolute -start-3 justify-center items-center w-6 h-6 bg-blue-200 rounded-full ring-8 ring-white dark:ring-gray-900 dark:bg-blue-900",
         img: "rounded-full shadow-lg",
-        outerDiv: "p-4 bg-white rounded-lg border border-gray-200 shadow-xs dark:bg-gray-700 dark:border-gray-600",
-        innerDiv: "justify-between items-center mb-3 sm:flex",
+        outer: "p-4 bg-white rounded-lg border border-gray-200 shadow-xs dark:bg-gray-700 dark:border-gray-600",
+        inner: "justify-between items-center mb-3 sm:flex",
         time: "mb-1 text-xs font-normal text-gray-400 sm:order-last sm:mb-0",
         title: "text-sm font-normal text-gray-500 lex dark:text-gray-300",
         text: "p-3 text-xs italic font-normal text-gray-500 bg-gray-50 rounded-lg border border-gray-200 dark:bg-gray-600 dark:border-gray-500 dark:text-gray-300"
@@ -23,11 +23,13 @@ export const group = tv({
 });
 export const groupItem = tv({
     slots: {
+        base: "",
         a: "block items-center p-3 sm:flex hover:bg-gray-100 dark:hover:bg-gray-700",
         img: "me-3 mb-3 w-12 h-12 rounded-full sm:mb-0",
         div: "text-gray-600 dark:text-gray-400",
         title: "text-base font-normal",
-        span: "inline-flex items-center text-xs font-normal text-gray-500 dark:text-gray-400"
+        span: "inline-flex items-center text-xs font-normal text-gray-500 dark:text-gray-400",
+        svg: "me-1 h-3 w-3"
     }
 });
 export const timeline = tv({
@@ -44,10 +46,9 @@ export const timeline = tv({
         order: "default"
     }
 });
-// export type TimelineItemVariants = VariantProps<typeof timelineitem>;
 export const timelineItem = tv({
     slots: {
-        li: "",
+        base: "",
         div: "",
         time: "",
         h3: "",
@@ -56,31 +57,31 @@ export const timelineItem = tv({
     variants: {
         order: {
             default: {
-                li: "mb-10 ms-4",
+                base: "mb-10 ms-4",
                 div: "absolute w-3 h-3 bg-gray-200 rounded-full mt-1.5 -start-1.5 border border-white dark:border-gray-900 dark:bg-gray-700",
                 time: "mb-1 text-sm font-normal leading-none text-gray-400 dark:text-gray-500",
                 h3: "text-lg font-semibold text-gray-900 dark:text-white"
             },
             vertical: {
-                li: "mb-10 ms-6",
+                base: "mb-10 ms-6",
                 div: "flex absolute -start-3 justify-center items-center w-6 h-6 bg-primary-200 rounded-full ring-8 ring-white dark:ring-gray-900 dark:bg-primary-900",
                 time: "mb-1 text-sm font-normal leading-none text-gray-400 dark:text-gray-500",
                 h3: "flex items-center mb-1 text-lg font-semibold text-gray-900 dark:text-white"
             },
             horizontal: {
-                li: "relative mb-6 sm:mb-0",
+                base: "relative mb-6 sm:mb-0",
                 div: "flex items-center",
                 time: "mb-1 text-sm font-normal leading-none text-gray-400 dark:text-gray-500",
                 h3: "text-lg font-semibold text-gray-900 dark:text-white"
             },
             activity: {
-                li: "mb-10 ms-6",
+                base: "mb-10 ms-6",
                 div: "flex absolute -start-3 justify-center items-center w-6 h-6 bg-primary-200 rounded-full ring-8 ring-white dark:ring-gray-900 dark:bg-primary-900",
                 time: "mb-1 text-sm font-normal leading-none text-gray-400 dark:text-gray-500",
                 h3: "text-lg font-semibold text-gray-900 dark:text-white"
             },
             group: {
-                li: "",
+                base: "",
                 div: "p-5 mb-4 bg-gray-50 rounded-lg border border-gray-100 dark:bg-gray-800 dark:border-gray-700",
                 time: "text-lg font-semibold text-gray-900 dark:text-white",
                 h3: "text-lg font-semibold text-gray-900 dark:text-white"

package/dist/toast/Toast.svelte

@@ -1,13 +1,26 @@
 <script lang="ts">
   import { CloseButton } from "..";
   import type { ParamsType } from "../types";
-  import { toast, type ToastTheme } from ".";
+  import { toast } from ".";
   import type { ToastProps } from "../types";
   import { fly } from "svelte/transition";
   import clsx from "clsx";
-  import { getTheme } from "../theme/themeUtils";
+  import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";
 
-  let { children, icon, toastStatus = $bindable(true), dismissable = true, color = "primary", position, iconClass, contentClass, align = true, params, transition = fly, class: className, onclose, ...restProps }: ToastProps = $props();
+  let { children, icon, toastStatus = $bindable(true), dismissable = true, color = "primary", position, iconClass, contentClass, align = true, params, transition = fly, class: className, classes, onclose, ...restProps }: ToastProps = $props();
+
+  warnThemeDeprecation(
+    "Toast",
+    { iconClass, contentClass },
+    {
+      iconClass: "icon",
+      contentClass: "content"
+    }
+  );
+  const styling = $derived({
+    icon: iconClass,
+    content: contentClass
+  });
 
   const theme = getTheme("toast");
 
@@ -20,19 +33,19 @@
 </script>
 
 {#if toastStatus}
-  <div role="alert" transition:transition={params as ParamsType} {...restProps} class={base({ class: clsx((theme as ToastTheme)?.base, className) })}>
+  <div role="alert" transition:transition={params as ParamsType} {...restProps} class={base({ class: clsx(theme?.base, className) })}>
     {#if icon}
-      <div class={iconVariants({ class: clsx((theme as ToastTheme)?.icon, iconClass) })}>
+      <div class={iconVariants({ class: clsx(theme?.icon, styling.icon) })}>
         {@render icon()}
       </div>
     {/if}
 
-    <div class={content({ class: clsx((theme as ToastTheme)?.content, contentClass) })}>
+    <div class={content({ class: clsx(theme?.content, styling.content) })}>
       {@render children()}
     </div>
 
     {#if dismissable}
-      <CloseButton class={close({ class: clsx((theme as ToastTheme)?.close) })} ariaLabel="Remove toast" {color} onclick={handleClose} />
+      <CloseButton class={close({ class: clsx(theme?.close, classes?.close) })} ariaLabel="Remove toast" {color} onclick={handleClose} />
     {/if}
   </div>
 {/if}
@@ -41,7 +54,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[ToastProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1810)
+[ToastProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1821)
 ## Props
 @prop children
 @prop icon
@@ -55,6 +68,7 @@
 @prop params
 @prop transition = fly
 @prop class: className
+@prop classes
 @prop onclose
 @prop ...restProps
 -->

package/dist/toast/Toast.svelte.d.ts

@@ -2,7 +2,7 @@ import type { ToastProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [ToastProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1810)
+ * [ToastProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1821)
  * ## Props
  * @prop children
  * @prop icon
@@ -16,6 +16,7 @@ import type { ToastProps } from "../types";
  * @prop params
  * @prop transition = fly
  * @prop class: className
+ * @prop classes
  * @prop onclose
  * @prop ...restProps
  */

package/dist/toast/index.d.ts

@@ -1,2 +1,2 @@
 export { default as Toast } from "./Toast.svelte";
-export { toast, type ToastTheme } from "./theme";
+export { toast } from "./theme";

package/dist/toast/theme.d.ts

@@ -1,6 +1,6 @@
 import { type VariantProps } from "tailwind-variants";
-import type { ClassValue } from "svelte/elements";
-export type ToastVaraints = VariantProps<typeof toast>;
+import type { Classes } from "../theme/themeUtils";
+export type ToastVaraints = VariantProps<typeof toast> & Classes<typeof toast>;
 export declare const toast: import("tailwind-variants").TVReturnType<{
     position: {
         "top-left": {
@@ -320,5 +320,3 @@ export declare const toast: import("tailwind-variants").TVReturnType<{
     content: string;
     close: string;
 }, undefined, unknown, unknown, undefined>>;
-export type ToastSlots = keyof typeof toast.slots;
-export type ToastTheme = Partial<Record<ToastSlots, ClassValue>>;

package/dist/toolbar/Toolbar.svelte

@@ -1,12 +1,12 @@
 <script lang="ts">
   import { setContext } from "svelte";
   import { writable } from "svelte/store";
-  import { toolbar, type ToolbarTheme } from "./";
+  import { toolbar } from "./";
   import type { ToolbarProps } from "../types";
   import clsx from "clsx";
   import { getTheme } from "../theme/themeUtils";
 
-  let { children, end, color, embedded, class: className, ...restProps }: ToolbarProps = $props();
+  let { children, end, color, embedded, class: className, classes, ...restProps }: ToolbarProps = $props();
 
   const theme = getTheme("toolbar");
 
@@ -28,8 +28,8 @@
   // let divClass: string = twMerge('flex justify-between items-center', !embedded && 'py-2 px-3', className);
 </script>
 
-<div {...restProps} class={base({ class: clsx((theme as ToolbarTheme)?.base, className) })}>
-  <div class={content({ class: clsx((theme as ToolbarTheme)?.content) })}>
+<div {...restProps} class={base({ class: clsx(theme?.base, className) })}>
+  <div class={content({ class: clsx(theme?.content, classes?.content) })}>
     {@render children?.()}
   </div>
   {#if end}
@@ -41,12 +41,13 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[ToolbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1120)
+[ToolbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1129)
 ## Props
 @prop children
 @prop end
 @prop color
 @prop embedded
 @prop class: className
+@prop classes
 @prop ...restProps
 -->

package/dist/toolbar/Toolbar.svelte.d.ts

@@ -2,13 +2,14 @@ import type { ToolbarProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [ToolbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1120)
+ * [ToolbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1129)
  * ## Props
  * @prop children
  * @prop end
  * @prop color
  * @prop embedded
  * @prop class: className
+ * @prop classes
  * @prop ...restProps
  */
 declare const Toolbar: import("svelte").Component<ToolbarProps, {}, "">;

package/dist/toolbar/ToolbarButton.svelte

@@ -36,7 +36,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[ToolbarButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1126)
+[ToolbarButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1135)
 ## Props
 @prop children
 @prop color

package/dist/toolbar/ToolbarButton.svelte.d.ts

@@ -2,7 +2,7 @@ import type { ToolbarButtonProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [ToolbarButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1126)
+ * [ToolbarButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1135)
  * ## Props
  * @prop children
  * @prop color

package/dist/toolbar/ToolbarGroup.svelte

@@ -24,7 +24,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[ToolbarGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1124)
+[ToolbarGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1133)
 ## Props
 @prop children
 @prop spacing

package/dist/toolbar/ToolbarGroup.svelte.d.ts

@@ -2,7 +2,7 @@ import type { ToolbarGroupProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [ToolbarGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1124)
+ * [ToolbarGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1133)
  * ## Props
  * @prop children
  * @prop spacing

package/dist/toolbar/index.d.ts

@@ -1,4 +1,4 @@
 export { default as Toolbar } from "./Toolbar.svelte";
 export { default as ToolbarButton } from "./ToolbarButton.svelte";
 export { default as ToolbarGroup } from "./ToolbarGroup.svelte";
-export { toolbar, toolbarGroup, toolbarButton, type ToolbarTheme, type ToolbarGroupTheme, type ToolbarButtonTheme } from "./theme";
+export { toolbar, toolbarGroup, toolbarButton } from "./theme";

package/dist/toolbar/theme.d.ts

@@ -1,6 +1,7 @@
 import { type VariantProps } from "tailwind-variants";
-import type { ClassValue } from "svelte/elements";
-export type ToolbarVariants = VariantProps<typeof toolbar>;
+import type { Classes } from "../theme/themeUtils";
+export type ToolbarVariants = VariantProps<typeof toolbar> & Classes<typeof toolbar>;
+export type ToolbarGroupVariants = VariantProps<typeof toolbarGroup>;
 export declare const toolbar: import("tailwind-variants").TVReturnType<{
     embedded: {
         true: {};
@@ -197,9 +198,6 @@ export declare const toolbar: import("tailwind-variants").TVReturnType<{
     base: string;
     content: string;
 }, undefined, unknown, unknown, undefined>>;
-export type ToolbarSlots = keyof typeof toolbar.slots;
-export type ToolbarTheme = Partial<Record<ToolbarSlots, ClassValue>>;
-export type ToolbarGroupVariants = VariantProps<typeof toolbarGroup>;
 export declare const toolbarGroup: import("tailwind-variants").TVReturnType<{
     spacing: {
         default: string;
@@ -246,7 +244,6 @@ export declare const toolbarGroup: import("tailwind-variants").TVReturnType<{
         last: string;
     };
 }, undefined, "flex items-center", unknown, unknown, undefined>>;
-export type ToolbarGroupTheme = ClassValue;
 export type ToolbarButtonVariants = VariantProps<typeof toolbarButton>;
 export declare const toolbarButton: import("tailwind-variants").TVReturnType<{
     color: {
@@ -321,4 +318,3 @@ export declare const toolbarButton: import("tailwind-variants").TVReturnType<{
         false: string;
     };
 }, undefined, "focus:outline-hidden whitespace-normal", unknown, unknown, undefined>>;
-export type ToolbarButtonTheme = ClassValue;