flowbite-svelte 1.29.1 → 1.30.0

package/dist/device-mockups/DefaultMockup.svelte

@@ -6,11 +6,13 @@
 
   let { children, class: className, classes, divClass, div2Class, div3Class, div4Class, div5Class, div6Class, ...restProps }: DefaultMockupProps = $props();
 
+  // svelte-ignore state_referenced_locally
   warnThemeDeprecation(
     "DefaultMockup",
     { divClass, div2Class, div3Class, div4Class, div5Class, div6Class },
     { divClass: "class", div2Class: "top", div3Class: "leftTop", div4Class: "leftBot", div5Class: "right", div6Class: "slot" }
   );
+
   const styling = $derived(
     classes ?? {
       top: div2Class,
@@ -40,7 +42,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[DefaultMockupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L562)
+[DefaultMockupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L620)
 ## Props
 @prop children
 @prop class: className

package/dist/device-mockups/DefaultMockup.svelte.d.ts

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

package/dist/device-mockups/Desktop.svelte

@@ -6,7 +6,9 @@
 
   let { children, class: className, classes, divClass, div2Class, div3Class, div4Class, ...restProps }: DesktopProps = $props();
 
+  // svelte-ignore state_referenced_locally
   warnThemeDeprecation("Desktop", { divClass, div2Class, div3Class, div4Class }, { divClass: "class", div2Class: "inner", div3Class: "bot", div4Class: "botUnder" });
+
   const styling = $derived(
     classes ?? {
       inner: div2Class,
@@ -32,7 +34,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[DesktopProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L535)
+[DesktopProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L593)
 ## Props
 @prop children
 @prop class: className

package/dist/device-mockups/Desktop.svelte.d.ts

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

package/dist/device-mockups/DeviceMockup.svelte

@@ -32,7 +32,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[DeviceMockupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L530)
+[DeviceMockupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L588)
 ## Props
 @prop children
 @prop device = "default"

package/dist/device-mockups/DeviceMockup.svelte.d.ts

@@ -3,7 +3,7 @@ import type { DeviceMockupProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [DeviceMockupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L530)
+ * [DeviceMockupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L588)
  * ## Props
  * @prop children
  * @prop device = "default"

package/dist/device-mockups/Ios.svelte

@@ -6,11 +6,13 @@
 
   let { children, class: className, classes, divClass, div2Class, div3Class, div4Class, div5Class, div6Class, ...restProps }: IosProps = $props();
 
+  // svelte-ignore state_referenced_locally
   warnThemeDeprecation(
     "Ios",
     { divClass, div2Class, div3Class, div4Class, div5Class, div6Class },
     { divClass: "class", div2Class: "top", div3Class: "lefttop", div4Class: "leftBot", div5Class: "right", div6Class: "slot" }
   );
+
   const styling = $derived(
     classes ?? {
       top: div2Class,
@@ -40,7 +42,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[IosProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L572)
+[IosProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L630)
 ## Props
 @prop children
 @prop class: className

package/dist/device-mockups/Ios.svelte.d.ts

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

package/dist/device-mockups/Laptop.svelte

@@ -6,11 +6,13 @@
 
   let { children, class: className, classes, divClass, div2Class, div3Class, div4Class, ...restProps }: LaptopProps = $props();
 
+  // svelte-ignore state_referenced_locally
   warnThemeDeprecation(
     "Laptop",
     { divClass, div2Class, div3Class, div4Class },
     { divClass: "class", div2Class: "top", div3Class: "lefttop", div4Class: "leftBot", div5Class: "right", div6Class: "slot" }
   );
+
   const styling = $derived(
     classes ?? {
       inner: div2Class,
@@ -40,7 +42,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[LaptopProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L543)
+[LaptopProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L601)
 ## Props
 @prop children
 @prop class: className

package/dist/device-mockups/Laptop.svelte.d.ts

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

package/dist/device-mockups/Smartwatch.svelte

@@ -6,11 +6,13 @@
 
   let { children, class: className, classes, divClass, div2Class, div3Class, div4Class, div5Class, div6Class, ...restProps }: SmartwatchProps = $props();
 
+  // svelte-ignore state_referenced_locally
   warnThemeDeprecation(
     "Smartwatch",
     { divClass, div2Class, div3Class, div4Class, div5Class, div6Class },
     { divClass: "class", div2Class: "top", div3Class: "rightTop", div4Class: "rightBot", div5Class: "bot", div6Class: "slot" }
   );
+
   const styling = $derived(
     classes ?? {
       top: div2Class,
@@ -41,7 +43,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[SmartwatchProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L582)
+[SmartwatchProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L640)
 ## Props
 @prop children
 @prop class: className

package/dist/device-mockups/Smartwatch.svelte.d.ts

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

package/dist/device-mockups/Tablet.svelte

@@ -6,11 +6,13 @@
 
   let { children, class: className, classes, divClass, div2Class, div3Class, div4Class, div5Class, div6Class, ...restProps }: TabletProps = $props();
 
+  // svelte-ignore state_referenced_locally
   warnThemeDeprecation(
     "Tablet",
     { divClass, div2Class, div3Class, div4Class, div5Class, div6Class },
     { divClass: "class", div2Class: "leftTop", div3Class: "leftMid", div4Class: "leftBot", div5Class: "right", div6Class: "slot" }
   );
+
   const styling = $derived(
     classes ?? {
       leftTop: div2Class,
@@ -40,7 +42,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[TabletProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L592)
+[TabletProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L650)
 ## Props
 @prop children
 @prop class: className

package/dist/device-mockups/Tablet.svelte.d.ts

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

package/dist/device-mockups/theme.d.ts

@@ -5,8 +5,8 @@ declare const android: import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-merge").ClassNameValue | {
             base?: import("tailwind-merge").ClassNameValue;
-            top?: import("tailwind-merge").ClassNameValue;
             slot?: import("tailwind-merge").ClassNameValue;
+            top?: import("tailwind-merge").ClassNameValue;
             right?: import("tailwind-merge").ClassNameValue;
             leftTop?: import("tailwind-merge").ClassNameValue;
             leftMid?: import("tailwind-merge").ClassNameValue;
@@ -17,8 +17,8 @@ declare const android: import("tailwind-variants").TVReturnType<{
     [x: string]: {
         [x: string]: import("tailwind-merge").ClassNameValue | {
             base?: import("tailwind-merge").ClassNameValue;
-            top?: import("tailwind-merge").ClassNameValue;
             slot?: import("tailwind-merge").ClassNameValue;
+            top?: import("tailwind-merge").ClassNameValue;
             right?: import("tailwind-merge").ClassNameValue;
             leftTop?: import("tailwind-merge").ClassNameValue;
             leftMid?: import("tailwind-merge").ClassNameValue;
@@ -37,8 +37,8 @@ declare const android: import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-merge").ClassNameValue | {
             base?: import("tailwind-merge").ClassNameValue;
-            top?: import("tailwind-merge").ClassNameValue;
             slot?: import("tailwind-merge").ClassNameValue;
+            top?: import("tailwind-merge").ClassNameValue;
             right?: import("tailwind-merge").ClassNameValue;
             leftTop?: import("tailwind-merge").ClassNameValue;
             leftMid?: import("tailwind-merge").ClassNameValue;
@@ -67,8 +67,8 @@ declare const defaultMockup: import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-merge").ClassNameValue | {
             base?: import("tailwind-merge").ClassNameValue;
-            top?: import("tailwind-merge").ClassNameValue;
             slot?: import("tailwind-merge").ClassNameValue;
+            top?: import("tailwind-merge").ClassNameValue;
             right?: import("tailwind-merge").ClassNameValue;
             leftTop?: import("tailwind-merge").ClassNameValue;
             leftBot?: import("tailwind-merge").ClassNameValue;
@@ -78,8 +78,8 @@ declare const defaultMockup: import("tailwind-variants").TVReturnType<{
     [x: string]: {
         [x: string]: import("tailwind-merge").ClassNameValue | {
             base?: import("tailwind-merge").ClassNameValue;
-            top?: import("tailwind-merge").ClassNameValue;
             slot?: import("tailwind-merge").ClassNameValue;
+            top?: import("tailwind-merge").ClassNameValue;
             right?: import("tailwind-merge").ClassNameValue;
             leftTop?: import("tailwind-merge").ClassNameValue;
             leftBot?: import("tailwind-merge").ClassNameValue;
@@ -96,8 +96,8 @@ declare const defaultMockup: import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-merge").ClassNameValue | {
             base?: import("tailwind-merge").ClassNameValue;
-            top?: import("tailwind-merge").ClassNameValue;
             slot?: import("tailwind-merge").ClassNameValue;
+            top?: import("tailwind-merge").ClassNameValue;
             right?: import("tailwind-merge").ClassNameValue;
             leftTop?: import("tailwind-merge").ClassNameValue;
             leftBot?: import("tailwind-merge").ClassNameValue;
@@ -167,8 +167,8 @@ declare const ios: import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-merge").ClassNameValue | {
             base?: import("tailwind-merge").ClassNameValue;
-            top?: import("tailwind-merge").ClassNameValue;
             slot?: import("tailwind-merge").ClassNameValue;
+            top?: import("tailwind-merge").ClassNameValue;
             right?: import("tailwind-merge").ClassNameValue;
             leftTop?: import("tailwind-merge").ClassNameValue;
             leftBot?: import("tailwind-merge").ClassNameValue;
@@ -178,8 +178,8 @@ declare const ios: import("tailwind-variants").TVReturnType<{
     [x: string]: {
         [x: string]: import("tailwind-merge").ClassNameValue | {
             base?: import("tailwind-merge").ClassNameValue;
-            top?: import("tailwind-merge").ClassNameValue;
             slot?: import("tailwind-merge").ClassNameValue;
+            top?: import("tailwind-merge").ClassNameValue;
             right?: import("tailwind-merge").ClassNameValue;
             leftTop?: import("tailwind-merge").ClassNameValue;
             leftBot?: import("tailwind-merge").ClassNameValue;
@@ -196,8 +196,8 @@ declare const ios: import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-merge").ClassNameValue | {
             base?: import("tailwind-merge").ClassNameValue;
-            top?: import("tailwind-merge").ClassNameValue;
             slot?: import("tailwind-merge").ClassNameValue;
+            top?: import("tailwind-merge").ClassNameValue;
             right?: import("tailwind-merge").ClassNameValue;
             leftTop?: import("tailwind-merge").ClassNameValue;
             leftBot?: import("tailwind-merge").ClassNameValue;
@@ -267,8 +267,8 @@ declare const smartwatch: import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-merge").ClassNameValue | {
             base?: import("tailwind-merge").ClassNameValue;
-            top?: import("tailwind-merge").ClassNameValue;
             slot?: import("tailwind-merge").ClassNameValue;
+            top?: import("tailwind-merge").ClassNameValue;
             bot?: import("tailwind-merge").ClassNameValue;
             rightTop?: import("tailwind-merge").ClassNameValue;
             rightBot?: import("tailwind-merge").ClassNameValue;
@@ -278,8 +278,8 @@ declare const smartwatch: import("tailwind-variants").TVReturnType<{
     [x: string]: {
         [x: string]: import("tailwind-merge").ClassNameValue | {
             base?: import("tailwind-merge").ClassNameValue;
-            top?: import("tailwind-merge").ClassNameValue;
             slot?: import("tailwind-merge").ClassNameValue;
+            top?: import("tailwind-merge").ClassNameValue;
             bot?: import("tailwind-merge").ClassNameValue;
             rightTop?: import("tailwind-merge").ClassNameValue;
             rightBot?: import("tailwind-merge").ClassNameValue;
@@ -296,8 +296,8 @@ declare const smartwatch: import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-merge").ClassNameValue | {
             base?: import("tailwind-merge").ClassNameValue;
-            top?: import("tailwind-merge").ClassNameValue;
             slot?: import("tailwind-merge").ClassNameValue;
+            top?: import("tailwind-merge").ClassNameValue;
             bot?: import("tailwind-merge").ClassNameValue;
             rightTop?: import("tailwind-merge").ClassNameValue;
             rightBot?: import("tailwind-merge").ClassNameValue;

package/dist/dialog/Dialog.svelte

@@ -177,7 +177,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[DialogProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L604)
+[DialogProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L662)
 ## Props
 @prop children
 @prop onaction = ()

package/dist/dialog/Dialog.svelte.d.ts

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

package/dist/drawer/Drawer.svelte

@@ -6,7 +6,8 @@
   import { sineIn } from "svelte/easing";
   import { fly } from "svelte/transition";
   import { drawer } from "./theme";
-  import { setContext, tick } from "svelte";
+  import { setDrawerContext } from "../context";
+  import { tick } from "svelte";
 
   let {
     children,
@@ -15,7 +16,7 @@
     modal,
     offset,
     width,
-    dismissable = offset ? false : undefined,
+    dismissable,
     placement = "left",
     class: className,
     transitionParams,
@@ -25,16 +26,24 @@
     ...restProps
   }: DrawerProps = $props();
 
-  setContext("drawer", {
+  // Set dismissable based on offset if not explicitly provided
+  const finalDismissable = $derived(dismissable ?? (offset ? false : undefined));
+
+  // Create reactive context using getter
+  const context = {
     get placement() {
       return placement;
     }
-  });
+  };
+
+  setDrawerContext(context);
 
   // back compatibility
   if (hidden !== undefined) console.warn("'hidden' property is deprecated. Please use the 'open' property to manage 'Drawer'.");
 
-  if (activateClickOutside !== undefined) console.warn("'activateClickOutside' property is deprecated. Please use the 'outsideclose' property to manage 'Drawer' behaviour.");
+  $effect(() => {
+    if (activateClickOutside !== undefined) console.warn("'activateClickOutside' property is deprecated. Please use the 'outsideclose' property to manage 'Drawer' behaviour.");
+  });
 
   $effect(() => {
     if (activateClickOutside !== undefined && outsideclose === undefined) {
@@ -113,7 +122,7 @@
   {@attach init}
   bind:open
   {modal}
-  {dismissable}
+  dismissable={finalDismissable}
   {transition}
   {outsideclose}
   transitionParams={transition_params}
@@ -126,7 +135,7 @@
 </Dialog>
 
 {#if offset && !open}
-  <Dialog {@attach init} open modal={false} {dismissable} {outsideclose} inert {...restProps} class={base({ class: clsx(theme?.base, className) })}>
+  <Dialog {@attach init} open modal={false} dismissable={finalDismissable} {outsideclose} inert {...restProps} class={base({ class: clsx(theme?.base, className) })}>
     {@render children?.()}
   </Dialog>
 {/if}
@@ -135,7 +144,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[DrawerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L618)
+[DrawerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L676)
 ## Props
 @prop children
 @prop open = $bindable(false)
@@ -143,7 +152,7 @@
 @prop modal
 @prop offset
 @prop width
-@prop dismissable = offset ? false : undefined
+@prop dismissable
 @prop placement = "left"
 @prop class: className
 @prop transitionParams

package/dist/drawer/Drawer.svelte.d.ts

@@ -2,7 +2,7 @@ import type { DrawerProps } from "..";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [DrawerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L618)
+ * [DrawerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L676)
  * ## Props
  * @prop children
  * @prop open = $bindable(false)
@@ -10,7 +10,7 @@ import type { DrawerProps } from "..";
  * @prop modal
  * @prop offset
  * @prop width
- * @prop dismissable = offset ? false : undefined
+ * @prop dismissable
  * @prop placement = "left"
  * @prop class: className
  * @prop transitionParams

package/dist/drawer/DrawerHandle.svelte

@@ -3,11 +3,11 @@
   import type { DrawerHandleProps } from "..";
   import clsx from "clsx";
   import { drawerhandle } from "./theme";
-  import { getContext } from "svelte";
+  import { getDrawerContext } from "../context";
 
   let { children, placement, "aria-label": ariaLabel, class: className, classes, ...restProps }: DrawerHandleProps = $props();
 
-  const ctx = getContext<{ placement: DrawerHandleProps["placement"] } | undefined>("drawer");
+  const ctx = getDrawerContext();
 
   const theme = getTheme("drawerhandle");
   let { base, handle } = $derived(drawerhandle({ placement: placement ?? ctx?.placement ?? "left" }));
@@ -22,7 +22,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[DrawerHandleProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L626)
+[DrawerHandleProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L684)
 ## Props
 @prop children
 @prop placement

package/dist/drawer/DrawerHandle.svelte.d.ts

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

package/dist/drawer/Drawerhead.svelte

@@ -6,7 +6,9 @@
 
   let { closeIcon, children, buttonClass, svgClass, class: className, classes, ...restProps }: DrawerheadProps = $props();
 
+  // svelte-ignore state_referenced_locally
   warnThemeDeprecation("Drawerhead", { buttonClass, svgClass }, { buttonClass: "button", svgClass: "svg" });
+
   const styling = $derived(classes ?? { button: buttonClass, svg: svgClass });
 
   const theme = getTheme("drawer");
@@ -34,7 +36,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[DrawerheadProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L628)
+[DrawerheadProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L686)
 ## Props
 @prop closeIcon
 @prop children

package/dist/drawer/Drawerhead.svelte.d.ts

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

package/dist/drawer/theme.d.ts

@@ -63,16 +63,16 @@ export type DrawerheadVariants = VariantProps<typeof drawerhead> & Classes<typeo
 export declare const drawerhead: import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-merge").ClassNameValue | {
-            button?: import("tailwind-merge").ClassNameValue;
             base?: import("tailwind-merge").ClassNameValue;
+            button?: import("tailwind-merge").ClassNameValue;
             svg?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {
     [x: string]: {
         [x: string]: import("tailwind-merge").ClassNameValue | {
-            button?: import("tailwind-merge").ClassNameValue;
             base?: import("tailwind-merge").ClassNameValue;
+            button?: import("tailwind-merge").ClassNameValue;
             svg?: import("tailwind-merge").ClassNameValue;
         };
     };
@@ -83,8 +83,8 @@ export declare const drawerhead: import("tailwind-variants").TVReturnType<{
 }, undefined, {
     [key: string]: {
         [key: string]: import("tailwind-merge").ClassNameValue | {
-            button?: import("tailwind-merge").ClassNameValue;
             base?: import("tailwind-merge").ClassNameValue;
+            button?: import("tailwind-merge").ClassNameValue;
             svg?: import("tailwind-merge").ClassNameValue;
         };
     };

package/dist/drawer/theme.js

@@ -9,8 +9,8 @@ export const drawer = tv({
         placement: {
             left: { base: "me-auto h-full" },
             right: { base: "ms-auto h-full" },
-            top: { base: "mb-auto !w-full" },
-            bottom: { base: "mt-auto !w-full" }
+            top: { base: "mb-auto w-full!" },
+            bottom: { base: "mt-auto w-full!" }
         },
         width: {
             default: { base: "w-80" },

package/dist/dropdown/Dropdown.svelte

@@ -4,7 +4,7 @@
   import DropdownGroup from "./DropdownGroup.svelte";
   import { getTheme } from "../theme/themeUtils";
   import clsx from "clsx";
-  import { setContext } from "svelte";
+  import { setDropdownContext } from "../context";
   import { dropdown } from "./theme";
 
   let { children, simple = false, placement = "bottom", offset = 2, class: className, activeUrl = "", isOpen = $bindable(false), onclose, ...restProps }: DropdownProps = $props();
@@ -12,12 +12,15 @@
   const theme = getTheme("dropdown");
 
   const base = $derived(dropdown({ class: clsx(theme, className) }));
-  const activeUrlStore = $state({ value: "" });
-  setContext("activeUrl", activeUrlStore);
 
-  $effect(() => {
-    activeUrlStore.value = activeUrl ?? "";
-  });
+  // Create reactive context using getter
+  const context = {
+    get activeUrl() {
+      return activeUrl ?? "";
+    }
+  };
+
+  setDropdownContext(context);
 </script>
 
 <!-- Dropdown menu -->
@@ -36,7 +39,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[DropdownProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L635)
+[DropdownProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L693)
 ## Props
 @prop children
 @prop simple = false

package/dist/dropdown/Dropdown.svelte.d.ts

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

package/dist/dropdown/DropdownDivider.svelte

@@ -15,7 +15,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[DropdownDividerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L641)
+[DropdownDividerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L699)
 ## Props
 @prop class: className
 @prop ...restProps

package/dist/dropdown/DropdownDivider.svelte.d.ts

@@ -2,7 +2,7 @@ import type { DropdownDividerProps } from "..";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [DropdownDividerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L641)
+ * [DropdownDividerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L699)
  * ## Props
  * @prop class: className
  * @prop ...restProps

package/dist/dropdown/DropdownGroup.svelte

@@ -17,7 +17,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[DropdownGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L663)
+[DropdownGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L721)
 ## Props
 @prop children
 @prop class: className