flowbite-svelte 0.48.4 → 1.0.0-next.2

package/dist/sidebar/SidebarCta.svelte

@@ -1,26 +1,27 @@
-<script>import { twMerge } from "tailwind-merge";
-export let divWrapperClass = "p-4 mt-6 bg-primary-50 rounded-lg dark:bg-primary-900";
-export let divClass = "flex items-center mb-3";
-export let spanClass = "bg-primary-100 text-primary-800 text-sm font-semibold me-2 px-2.5 py-0.5 rounded-sm dark:bg-primary-200 dark:text-primary-900";
-export let label = "";
+<script lang="ts">
+  import { type SidebarCtaProps as Props, sidebarcta } from ".";
+  let { children, icon, divClass, spanClass, label, class: className, ...restProps }: Props = $props();
+  const { base, div, span } = $derived(sidebarcta());
 </script>
 
-<div {...$$restProps} id="dropdown-cta" class={twMerge(divWrapperClass, $$props.class)} role="alert">
-  <div class={divClass}>
-    <span class={spanClass}>{label}</span>
-    {#if $$slots.icon}
-      <slot name="icon" />
+<div {...restProps} id="dropdown-cta" class={base({ className })} role="alert">
+  <div class={div({ class: divClass })}>
+    <span class={span({ class: spanClass })}>{label}</span>
+    {#if icon}
+      {@render icon()}
     {/if}
   </div>
-  <slot />
+  {@render children()}
 </div>
 
 <!--
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let divWrapperClass: $$Props['divWrapperClass'] = 'p-4 mt-6 bg-primary-50 rounded-lg dark:bg-primary-900';
-@prop export let divClass: $$Props['divClass'] = 'flex items-center mb-3';
-@prop export let spanClass: $$Props['spanClass'] = 'bg-primary-100 text-primary-800 text-sm font-semibold me-2 px-2.5 py-0.5 rounded-sm dark:bg-primary-200 dark:text-primary-900';
-@prop export let label: $$Props['label'] = '';
+@props: children: any;
+@props:icon: any;
+@props:divClass: any;
+@props:spanClass: any;
+@props:label: any;
+@props:class: string;
 -->

package/dist/sidebar/SidebarCta.svelte.d.ts

@@ -1,31 +1,24 @@
 import { SvelteComponentTyped } from "svelte";
-import type { HTMLAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: HTMLAttributes<HTMLDivElement> & {
-        divWrapperClass?: string;
-        divClass?: string;
-        spanClass?: string;
-        label?: string;
-    };
+    props: Record<string, never>;
     events: {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {
-        icon: {};
-        default: {};
-    };
+    slots: {};
 };
-export type SidebarCtaProps = typeof __propDef.props;
+type SidebarCtaProps_ = typeof __propDef.props;
+export { SidebarCtaProps_ as SidebarCtaProps };
 export type SidebarCtaEvents = typeof __propDef.events;
 export type SidebarCtaSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let divWrapperClass: $$Props['divWrapperClass'] = 'p-4 mt-6 bg-primary-50 rounded-lg dark:bg-primary-900';
- * @prop export let divClass: $$Props['divClass'] = 'flex items-center mb-3';
- * @prop export let spanClass: $$Props['spanClass'] = 'bg-primary-100 text-primary-800 text-sm font-semibold me-2 px-2.5 py-0.5 rounded-sm dark:bg-primary-200 dark:text-primary-900';
- * @prop export let label: $$Props['label'] = '';
+ * @props: children: any;
+ * @props:icon: any;
+ * @props:divClass: any;
+ * @props:spanClass: any;
+ * @props:label: any;
+ * @props:class: string;
  */
-export default class SidebarCta extends SvelteComponentTyped<SidebarCtaProps, SidebarCtaEvents, SidebarCtaSlots> {
+export default class SidebarCta extends SvelteComponentTyped<SidebarCtaProps_, SidebarCtaEvents, SidebarCtaSlots> {
 }
-export {};

package/dist/sidebar/SidebarDropdownWrapper.svelte

@@ -1,52 +1,78 @@
-<script>import { twMerge } from "tailwind-merge";
-import { fade, blur, fly, slide } from "svelte/transition";
-export let btnClass = "flex items-center p-2 w-full text-base font-normal text-gray-900 rounded-lg transition duration-75 group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700";
-export let label = "";
-export let spanClass = "flex-1 ms-3 text-left whitespace-nowrap";
-export let ulClass = "py-2 space-y-2";
-export let transitionType = "slide";
-export let transitionParams = {};
-export let isOpen = false;
-const multiple = (node, params) => {
-  switch (transitionType) {
-    case "blur-sm":
-      return blur(node, params);
-    case "fly":
-      return fly(node, params);
-    case "fade":
-      return fade(node, params);
-    default:
-      return slide(node, params);
+<script lang="ts">
+  import { getContext } from "svelte";
+  import { writable, type Writable } from "svelte/store";
+  import type { ParamsType } from "../types";
+  import { slide } from "svelte/transition";
+  import { uiHelpers } from "..";
+  import { type SidebarDropdownWrapperProps as Props, sidebardropdownwrapper } from ".";
+  import clsx from "clsx";
+
+  type SidebarContext = {
+    selected?: Writable<object | null>;
+    isSingle: boolean;
+  };
+
+  let { children, arrowup, arrowdown, icon, isOpen = false, btnClass, label, spanClass, ulClass, transition = slide, params, svgClass, class: className, onclick, ...restProps }: Props = $props();
+
+  const { base, btn, span, svg, ul } = $derived(sidebardropdownwrapper());
+
+  let sidebarDropdown = uiHelpers();
+  sidebarDropdown.isOpen = isOpen;
+  let ctx = getContext<SidebarContext>("sidebarContext") || { isSingle: false };
+  let self = {};
+
+  // Create a new Writable store for tracking the selected dropdown if it doesn't exist in the context
+  if (ctx.isSingle && !ctx.selected) {
+    ctx.selected = writable<object | null>(null);
+  }
+
+  // Use the shared selected store if in single mode, otherwise use the local isOpen state
+  let selected: Writable<object | null> = ctx.isSingle ? ctx.selected! : writable(self);
+
+  $effect(() => {
+    if (ctx.isSingle) {
+      isOpen = $selected === self;
+    } else {
+      isOpen = sidebarDropdown.isOpen;
+    }
+  });
+
+  function handleDropdown() {
+    if (ctx.isSingle) {
+      selected.update((current) => (current === self ? null : self));
+    } else {
+      sidebarDropdown.toggle();
+    }
+
+    if (onclick) onclick();
   }
-};
-const handleDropdown = () => {
-  isOpen = !isOpen;
-};
 </script>
 
-<li>
-  <button {...$$restProps} on:click={() => handleDropdown()} on:click type="button" class={twMerge(btnClass, $$props.class)} aria-controls="sidebar-dropdown">
-    <slot name="icon" />
-    <span class={spanClass}>{label}</span>
+<li class={base({ class: clsx(className) })}>
+  <button {...restProps} onclick={handleDropdown} type="button" class={btn({ class: btnClass })} aria-controls="sidebar-dropdown">
+    {#if icon}
+      {@render icon()}
+    {/if}
+    <span class={span({ class: spanClass })}>{label}</span>
     {#if isOpen}
-      {#if $$slots.arrowup}
-        <slot name="arrowup" />
+      {#if arrowup}
+        {@render arrowup()}
       {:else}
-        <svg class="w-3 h-3 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6">
+        <svg class={svg({ class: svgClass })} aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6">
           <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5 5 1 1 5" />
         </svg>
       {/if}
-    {:else if $$slots.arrowdown}
-      <slot name="arrowdown" />
+    {:else if arrowdown}
+      {@render arrowdown()}
     {:else}
-      <svg class="w-3 h-3 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6">
+      <svg class={svg({ class: svgClass })} aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6">
         <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4" />
       </svg>
     {/if}
   </button>
   {#if isOpen}
-    <ul class={ulClass} transition:multiple={transitionParams}>
-      <slot />
+    <ul class={ul({ class: ulClass })} transition:transition={params as ParamsType}>
+      {@render children()}
     </ul>
   {/if}
 </li>
@@ -55,11 +81,18 @@ const handleDropdown = () => {
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let btnClass: $$Props['btnClass'] = 'flex items-center p-2 w-full text-base font-normal text-gray-900 rounded-lg transition duration-75 group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700';
-@prop export let label: $$Props['label'] = '';
-@prop export let spanClass: $$Props['spanClass'] = 'flex-1 ms-3 text-left whitespace-nowrap';
-@prop export let ulClass: $$Props['ulClass'] = 'py-2 space-y-2';
-@prop export let transitionType: $$Props['transitionType'] = 'slide';
-@prop export let transitionParams: $$Props['transitionParams'] = {};
-@prop export let isOpen: $$Props['isOpen'] = false;
+@props: children: any;
+@props:arrowup: any;
+@props:arrowdown: any;
+@props:icon: any;
+@props:isOpen: any = false;
+@props:btnClass: any;
+@props:label: any;
+@props:spanClass: any;
+@props:ulClass: any;
+@props:transition: any = slide;
+@props:params: any;
+@props:svgClass: any;
+@props:class: string;
+@props:onclick: any;
 -->

package/dist/sidebar/SidebarDropdownWrapper.svelte.d.ts

@@ -1,42 +1,32 @@
 import { SvelteComponentTyped } from "svelte";
-import type { HTMLButtonAttributes } from 'svelte/elements';
-import type { TransitionTypes, TransitionParamTypes } from '../types';
 declare const __propDef: {
-    props: HTMLButtonAttributes & {
-        btnClass?: string;
-        label?: string;
-        spanClass?: string;
-        ulClass?: string;
-        transitionType?: TransitionTypes;
-        transitionParams?: TransitionParamTypes;
-        isOpen?: boolean;
-    };
+    props: Record<string, never>;
     events: {
-        click: MouseEvent;
-    } & {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {
-        icon: {};
-        arrowup: {};
-        arrowdown: {};
-        default: {};
-    };
+    slots: {};
 };
-export type SidebarDropdownWrapperProps = typeof __propDef.props;
+type SidebarDropdownWrapperProps_ = typeof __propDef.props;
+export { SidebarDropdownWrapperProps_ as SidebarDropdownWrapperProps };
 export type SidebarDropdownWrapperEvents = typeof __propDef.events;
 export type SidebarDropdownWrapperSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let btnClass: $$Props['btnClass'] = 'flex items-center p-2 w-full text-base font-normal text-gray-900 rounded-lg transition duration-75 group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700';
- * @prop export let label: $$Props['label'] = '';
- * @prop export let spanClass: $$Props['spanClass'] = 'flex-1 ms-3 text-left whitespace-nowrap';
- * @prop export let ulClass: $$Props['ulClass'] = 'py-2 space-y-2';
- * @prop export let transitionType: $$Props['transitionType'] = 'slide';
- * @prop export let transitionParams: $$Props['transitionParams'] = {};
- * @prop export let isOpen: $$Props['isOpen'] = false;
+ * @props: children: any;
+ * @props:arrowup: any;
+ * @props:arrowdown: any;
+ * @props:icon: any;
+ * @props:isOpen: any = false;
+ * @props:btnClass: any;
+ * @props:label: any;
+ * @props:spanClass: any;
+ * @props:ulClass: any;
+ * @props:transition: any = slide;
+ * @props:params: any;
+ * @props:svgClass: any;
+ * @props:class: string;
+ * @props:onclick: any;
  */
-export default class SidebarDropdownWrapper extends SvelteComponentTyped<SidebarDropdownWrapperProps, SidebarDropdownWrapperEvents, SidebarDropdownWrapperSlots> {
+export default class SidebarDropdownWrapper extends SvelteComponentTyped<SidebarDropdownWrapperProps_, SidebarDropdownWrapperEvents, SidebarDropdownWrapperSlots> {
 }
-export {};

package/dist/sidebar/SidebarGroup.svelte

@@ -1,21 +1,19 @@
-<script>import { twMerge } from "tailwind-merge";
-export let ulClass = "space-y-2";
-export let borderClass = "pt-4 mt-4 border-t border-gray-200 dark:border-gray-700";
-export let border = false;
-if (border) {
-  ulClass += " " + borderClass;
-}
+<script lang="ts">
+  import { type SidebarGroupProps as Props } from ".";
+
+  let { children, class: className = "space-y-2", borderClass = "pt-4 mt-4 border-t border-gray-200 dark:border-gray-700", border = false, ...restProps }: Props = $props();
 </script>
 
-<ul {...$$restProps} class={twMerge(ulClass, $$props.class)}>
-  <slot />
+<ul {...restProps} class={border ? borderClass : className}>
+  {@render children()}
 </ul>
 
 <!--
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let ulClass: $$Props['ulClass'] = 'space-y-2';
-@prop export let borderClass: $$Props['borderClass'] = 'pt-4 mt-4 border-t border-gray-200 dark:border-gray-700';
-@prop export let border: $$Props['border'] = false;
+@props: children: any;
+@props:class: string = "space-y-2";
+@props:borderClass: any = "pt-4 mt-4 border-t border-gray-200 dark:border-gray-700";
+@props:border: any = false;
 -->

package/dist/sidebar/SidebarGroup.svelte.d.ts

@@ -1,28 +1,22 @@
 import { SvelteComponentTyped } from "svelte";
-import type { HTMLAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: HTMLAttributes<HTMLUListElement> & {
-        ulClass?: string;
-        borderClass?: string;
-        border?: boolean;
-    };
+    props: Record<string, never>;
     events: {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {
-        default: {};
-    };
+    slots: {};
 };
-export type SidebarGroupProps = typeof __propDef.props;
+type SidebarGroupProps_ = typeof __propDef.props;
+export { SidebarGroupProps_ as SidebarGroupProps };
 export type SidebarGroupEvents = typeof __propDef.events;
 export type SidebarGroupSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let ulClass: $$Props['ulClass'] = 'space-y-2';
- * @prop export let borderClass: $$Props['borderClass'] = 'pt-4 mt-4 border-t border-gray-200 dark:border-gray-700';
- * @prop export let border: $$Props['border'] = false;
+ * @props: children: any;
+ * @props:class: string = "space-y-2";
+ * @props:borderClass: any = "pt-4 mt-4 border-t border-gray-200 dark:border-gray-700";
+ * @props:border: any = false;
  */
-export default class SidebarGroup extends SvelteComponentTyped<SidebarGroupProps, SidebarGroupEvents, SidebarGroupSlots> {
+export default class SidebarGroup extends SvelteComponentTyped<SidebarGroupProps_, SidebarGroupEvents, SidebarGroupSlots> {
 }
-export {};

package/dist/sidebar/SidebarItem.svelte

@@ -1,29 +1,40 @@
-<script>import { getContext } from "svelte";
-import { twMerge } from "tailwind-merge";
-export let action = () => {
-};
-export let params = {};
-export let href = "";
-export let label = "";
-export let spanClass = "ms-3";
-export let activeClass = void 0;
-export let nonActiveClass = void 0;
-const context = getContext("sidebarContext") ?? {};
-const activeUrlStore = getContext("activeUrl");
-let sidebarUrl = "";
-activeUrlStore.subscribe((value) => {
-  sidebarUrl = value;
-});
-$: active = sidebarUrl ? href === sidebarUrl : false;
-$: aClass = twMerge(active ? activeClass ?? context.activeClass : nonActiveClass ?? context.nonActiveClass, $$props.class);
+<script lang="ts">
+  import { getContext } from "svelte";
+  import { twMerge } from "tailwind-merge";
+  import { type SidebarCtxType, type SidebarItemProps as Props } from "./";
+
+  let { icon, subtext, href, label, spanClass = "ms-3", activeClass, nonActiveClass, aClass, active, class: className, ...restProps }: Props = $props();
+
+  const context = getContext<SidebarCtxType>("sidebarContext") ?? {};
+
+  const activeUrlStore = getContext("activeUrl") as { subscribe: (callback: (value: string) => void) => void };
+
+  let sidebarUrl = $state("");
+  activeUrlStore.subscribe((value) => {
+    sidebarUrl = value;
+  });
+  let activeItem = $state();
+
+  // $effect(() => {
+  //   activeItem = sidebarUrl ? href === sidebarUrl : false;
+  // });
+  $effect(() => {
+    // Prioritize the explicit 'active' prop if provided
+    activeItem = active !== undefined ? active : sidebarUrl ? href === sidebarUrl : false;
+  });
+
+  // let aCls = $derived((activeItem ?? sidebarUrl === href) ? (activeClass ?? context.activeClass) : (nonActiveClass ?? context.nonActiveClass));
+  let aCls = $derived((activeItem ?? sidebarUrl === href) ? (activeClass ?? context.activeClass) : (nonActiveClass ?? context.nonActiveClass));
 </script>
 
-<li>
-  <a {...$$restProps} {href} use:action={params} on:blur on:click on:focus on:keydown on:keypress on:keyup on:mouseenter on:mouseleave on:mouseover class={aClass}>
-    <slot name="icon" />
+<li class={className}>
+  <a onclick={context.closeSidebar} {...restProps} {href} aria-current={(activeItem ?? sidebarUrl === href) ? "page" : undefined} class={twMerge(aCls, aClass)}>
+    {#if icon}
+      {@render icon()}
+    {/if}
     <span class={spanClass}>{label}</span>
-    {#if $$slots.subtext}
-      <slot name="subtext" />
+    {#if subtext}
+      {@render subtext()}
     {/if}
   </a>
 </li>
@@ -32,11 +43,14 @@ $: aClass = twMerge(active ? activeClass ?? context.activeClass : nonActiveClass
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let action: NonNullable<$$Props['action']> = () => {};
-@prop export let params: $$Props['params'] = {};
-@prop export let href: $$Props['href'] = '';
-@prop export let label: $$Props['label'] = '';
-@prop export let spanClass: $$Props['spanClass'] = 'ms-3';
-@prop export let activeClass: $$Props['activeClass'] = undefined;
-@prop export let nonActiveClass: $$Props['nonActiveClass'] = undefined;
+@props: icon: any;
+@props:subtext: any;
+@props:href: any;
+@props:label: any;
+@props:spanClass: any = "ms-3";
+@props:activeClass: any;
+@props:nonActiveClass: any;
+@props:aClass: any;
+@props:active: any;
+@props:class: string;
 -->

package/dist/sidebar/SidebarItem.svelte.d.ts

@@ -1,48 +1,28 @@
 import { SvelteComponentTyped } from "svelte";
-import type { HTMLAnchorAttributes } from 'svelte/elements';
-import type { Action } from 'svelte/action';
 declare const __propDef: {
-    props: HTMLAnchorAttributes & {
-        action?: Action<HTMLElement, any>;
-        params?: any;
-        href?: string;
-        label?: string;
-        spanClass?: string;
-        activeClass?: string;
-        nonActiveClass?: string;
-    };
+    props: Record<string, never>;
     events: {
-        blur: FocusEvent;
-        click: MouseEvent;
-        focus: FocusEvent;
-        keydown: KeyboardEvent;
-        keypress: KeyboardEvent;
-        keyup: KeyboardEvent;
-        mouseenter: MouseEvent;
-        mouseleave: MouseEvent;
-        mouseover: MouseEvent;
-    } & {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {
-        icon: {};
-        subtext: {};
-    };
+    slots: {};
 };
-export type SidebarItemProps = typeof __propDef.props;
+type SidebarItemProps_ = typeof __propDef.props;
+export { SidebarItemProps_ as SidebarItemProps };
 export type SidebarItemEvents = typeof __propDef.events;
 export type SidebarItemSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let action: NonNullable<$$Props['action']> = () => {};
- * @prop export let params: $$Props['params'] = {};
- * @prop export let href: $$Props['href'] = '';
- * @prop export let label: $$Props['label'] = '';
- * @prop export let spanClass: $$Props['spanClass'] = 'ms-3';
- * @prop export let activeClass: $$Props['activeClass'] = undefined;
- * @prop export let nonActiveClass: $$Props['nonActiveClass'] = undefined;
+ * @props: icon: any;
+ * @props:subtext: any;
+ * @props:href: any;
+ * @props:label: any;
+ * @props:spanClass: any = "ms-3";
+ * @props:activeClass: any;
+ * @props:nonActiveClass: any;
+ * @props:aClass: any;
+ * @props:active: any;
+ * @props:class: string;
  */
-export default class SidebarItem extends SvelteComponentTyped<SidebarItemProps, SidebarItemEvents, SidebarItemSlots> {
+export default class SidebarItem extends SvelteComponentTyped<SidebarItemProps_, SidebarItemEvents, SidebarItemSlots> {
 }
-export {};

package/dist/sidebar/SidebarWrapper.svelte

@@ -1,14 +1,14 @@
-<script>import { twMerge } from "tailwind-merge";
-export let divClass = "overflow-y-auto py-4 px-3 bg-gray-50 rounded-sm dark:bg-gray-800";
+<script lang="ts">
+  let { children, ...restProps } = $props();
 </script>
 
-<div {...$$restProps} class={twMerge(divClass, $$props.class)}>
-  <slot />
+<div {...restProps}>
+  {@render children?.()}
 </div>
 
 <!--
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let divClass: $$Props['divClass'] = 'overflow-y-auto py-4 px-3 bg-gray-50 rounded-sm dark:bg-gray-800';
+@props: 
 -->

package/dist/sidebar/SidebarWrapper.svelte.d.ts

@@ -1,15 +1,10 @@
 import { SvelteComponentTyped } from "svelte";
-import type { HTMLAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: HTMLAttributes<HTMLDivElement> & {
-        divClass?: string;
-    };
+    props: Record<string, never>;
     events: {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {
-        default: {};
-    };
+    slots: {};
 };
 export type SidebarWrapperProps = typeof __propDef.props;
 export type SidebarWrapperEvents = typeof __propDef.events;
@@ -17,7 +12,7 @@ export type SidebarWrapperSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let divClass: $$Props['divClass'] = 'overflow-y-auto py-4 px-3 bg-gray-50 rounded-sm dark:bg-gray-800';
+ * @props:
  */
 export default class SidebarWrapper extends SvelteComponentTyped<SidebarWrapperProps, SidebarWrapperEvents, SidebarWrapperSlots> {
 }

package/dist/sidebar/index.d.ts

@@ -0,0 +1,12 @@
+import type { SidebarProps, SidebarDropdownWrapperProps, SidebarGroupProps, SidebarItemProps, SidebarButtonProps, SidebarCtaProps, SidebarBrandProps, SidebarCtxType, PosisionType, BreakpointType } from "./type";
+import Sidebar from "./Sidebar.svelte";
+import SidebarWrapper from "./SidebarWrapper.svelte";
+import SidebarDropdownWrapper from "./SidebarDropdownWrapper.svelte";
+import SidebarGroup from "./SidebarGroup.svelte";
+import SidebarItem from "./SidebarItem.svelte";
+import SidebarDropdownItem from "./SidebarItem.svelte";
+import SidebarButton from "./SidebarButton.svelte";
+import SidebarCta from "./SidebarCta.svelte";
+import SidebarBrand from "./SidebarBrand.svelte";
+import { sidebar, sidebarbutton, sidebarcta, sitebarbrand, sidebardropdownwrapper } from "./theme";
+export { Sidebar, sidebar, type SidebarProps, SidebarDropdownItem, SidebarDropdownWrapper, SidebarWrapper, sidebardropdownwrapper, type SidebarDropdownWrapperProps, SidebarGroup, type SidebarGroupProps, SidebarItem, type SidebarItemProps, type SidebarCtxType, SidebarButton, sidebarbutton, type SidebarButtonProps, SidebarCta, sidebarcta, type SidebarCtaProps, SidebarBrand, sitebarbrand, type SidebarBrandProps, type BreakpointType, type PosisionType };

package/dist/sidebar/index.js

@@ -0,0 +1,11 @@
+import Sidebar from "./Sidebar.svelte";
+import SidebarWrapper from "./SidebarWrapper.svelte";
+import SidebarDropdownWrapper from "./SidebarDropdownWrapper.svelte";
+import SidebarGroup from "./SidebarGroup.svelte";
+import SidebarItem from "./SidebarItem.svelte";
+import SidebarDropdownItem from "./SidebarItem.svelte";
+import SidebarButton from "./SidebarButton.svelte";
+import SidebarCta from "./SidebarCta.svelte";
+import SidebarBrand from "./SidebarBrand.svelte";
+import { sidebar, sidebarbutton, sidebarcta, sitebarbrand, sidebardropdownwrapper } from "./theme";
+export { Sidebar, sidebar, SidebarDropdownItem, SidebarDropdownWrapper, SidebarWrapper, sidebardropdownwrapper, SidebarGroup, SidebarItem, SidebarButton, sidebarbutton, SidebarCta, sidebarcta, SidebarBrand, sitebarbrand };