flowbite-svelte 1.0.0-next.16 → 1.0.0-next.17

package/dist/darkmode/theme.d.ts

@@ -1 +1 @@
-export declare const darkmode: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-hidden rounded-lg text-sm p-2.5 focus:ring-2", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-hidden rounded-lg text-sm p-2.5 focus:ring-2", unknown, unknown, undefined>>;
+export declare const darkmode: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-hidden rounded-lg text-sm p-2.5", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-hidden rounded-lg text-sm p-2.5", unknown, unknown, undefined>>;

package/dist/darkmode/theme.js

@@ -1,4 +1,4 @@
 import { tv } from "tailwind-variants";
 export const darkmode = tv({
-    base: "text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-hidden rounded-lg text-sm p-2.5 focus:ring-2"
+    base: "text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-hidden rounded-lg text-sm p-2.5"
 });

package/dist/datepicker/Datepicker.svelte

@@ -6,28 +6,7 @@
   import { datepicker } from "./theme";
   import ToolbarButton from "../toolbar/ToolbarButton.svelte";
 
-  let {
-    value = $bindable(),
-    defaultDate = null,
-    range = false,
-    rangeFrom = $bindable(),
-    rangeTo = $bindable(),
-    locale = "default",
-    firstDayOfWeek = 0, // 0 = Monday, 6 = Sunday
-    dateFormat = { year: "numeric", month: "long", day: "numeric" },
-    placeholder = "Select date",
-    disabled = false,
-    required = false,
-    inputClass = "",
-    color = "primary",
-    inline = false,
-    autohide = true,
-    showActionButtons = false,
-    title = "",
-    onselect,
-    onclear,
-    onapply
-  }: DatepickerProps = $props();
+  let { value = $bindable(), defaultDate = null, range = false, rangeFrom = $bindable(), rangeTo = $bindable(), locale = "default", firstDayOfWeek = 0, dateFormat = { year: "numeric", month: "long", day: "numeric" }, placeholder = "Select date", disabled = false, required = false, inputClass = "", color = "primary", inline = false, autohide = true, showActionButtons = false, title = "", onselect, onclear, onapply }: DatepickerProps = $props();
 
   // Internal state
   let isOpen: boolean = $state(inline);
@@ -246,10 +225,3 @@
     </div>
   {/if}
 </div>
-
-<!--
-@component
-[Go to docs](https://flowbite-svelte-next.com/)
-## Props
-@props: 
--->

package/dist/datepicker/Datepicker.svelte.d.ts

@@ -1,9 +1,4 @@
 import type { DatepickerProps } from "../types";
-/**
- * [Go to docs](https://flowbite-svelte-next.com/)
- * ## Props
- * @props:
- */
 declare const Datepicker: import("svelte").Component<DatepickerProps, {}, "value" | "rangeFrom" | "rangeTo">;
 type Datepicker = ReturnType<typeof Datepicker>;
 export default Datepicker;

package/dist/theme/index.d.ts

@@ -2231,7 +2231,7 @@ export declare const baseThemes: {
         base: string;
         image: string;
     }, undefined, unknown, unknown, undefined>>;
-    darkmode: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-hidden rounded-lg text-sm p-2.5 focus:ring-2", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-hidden rounded-lg text-sm p-2.5 focus:ring-2", unknown, unknown, undefined>>;
+    darkmode: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-hidden rounded-lg text-sm p-2.5", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-hidden rounded-lg text-sm p-2.5", unknown, unknown, undefined>>;
     android: import("tailwind-variants").TVReturnType<{
         [key: string]: {
             [key: string]: import("tailwind-variants").ClassValue | {

package/dist/types.d.ts

@@ -347,21 +347,21 @@ export type DateOrRange = Date | {
 export interface DatepickerProps extends Omit<HTMLAttributes<HTMLDivElement>, "onselect"> {
     value?: Date;
     defaultDate?: Date | null;
-    range: boolean;
+    range?: boolean;
     rangeFrom?: Date;
     rangeTo?: Date;
-    locale: string;
-    firstDayOfWeek: number;
-    dateFormat: Intl.DateTimeFormatOptions;
-    placeholder: string;
-    disabled: boolean;
-    required: boolean;
-    inputClass: string;
-    color: ButtonProps["color"];
-    inline: boolean;
-    autohide: boolean;
-    showActionButtons: boolean;
-    title: string;
+    locale?: string;
+    firstDayOfWeek?: number;
+    dateFormat?: Intl.DateTimeFormatOptions;
+    placeholder?: string;
+    disabled?: boolean;
+    required?: boolean;
+    inputClass?: string;
+    color?: ButtonProps["color"];
+    inline?: boolean;
+    autohide?: boolean;
+    showActionButtons?: boolean;
+    title?: string;
     onselect?: (x: DateOrRange) => void;
     onclear?: () => void;
     onapply?: (x: DateOrRange) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flowbite-svelte",
-  "version": "1.0.0-next.16",
+  "version": "1.0.0-next.17",
   "description": "Flowbite components for Svelte",
   "main": "dist/index.js",
   "author": {