flowbite-svelte 1.2.4 → 1.2.5

package/dist/forms/{checkbox-button → checkbox}/CheckboxButton.svelte

@@ -2,7 +2,7 @@
   import Button from "../../buttons/Button.svelte";
   import clsx from "clsx";
   import type { CheckboxButtonProps } from "../../types";
-  import { checkButton } from "./theme";
+  import { checkboxbutton } from "./theme";
 
   let { children, class: className, group = $bindable([]), value, checked, inline, pill, outline, size, color, shadow, ...restProps }: CheckboxButtonProps = $props();
 
@@ -43,7 +43,7 @@
     }
   }
 
-  let buttonClass: string = $derived(checkButton({ inline, checked, class: clsx(className) }));
+  let buttonClass: string = $derived(checkboxbutton({ inline, checked, class: clsx(className) }));
 </script>
 
 <Button tag="label" {checked} {pill} {outline} {size} {color} {shadow} class={buttonClass}>

package/dist/forms/checkbox/index.d.ts

@@ -1,3 +1,3 @@
-import Checkbox from "./Checkbox.svelte";
-import { checkbox } from "./theme";
-export { Checkbox, checkbox };
+export { default as Checkbox } from "./Checkbox.svelte";
+export { default as ChecboxButton } from "./CheckboxButton.svelte";
+export { checkbox, checkboxbutton } from "./theme";

package/dist/forms/checkbox/index.js

@@ -1,3 +1,3 @@
-import Checkbox from "./Checkbox.svelte";
-import { checkbox } from "./theme";
-export { Checkbox, checkbox };
+export { default as Checkbox } from "./Checkbox.svelte";
+export { default as ChecboxButton } from "./CheckboxButton.svelte";
+export { checkbox, checkboxbutton } from "./theme";

package/dist/forms/checkbox/theme.d.ts

@@ -287,3 +287,28 @@ export declare const checkbox: import("tailwind-variants").TVReturnType<{
     base: string;
     div: string;
 }, undefined, unknown, unknown, undefined>>;
+export declare const checkboxbutton: import("tailwind-variants").TVReturnType<{
+    inline: {
+        true: string;
+        false: string;
+    };
+    checked: {
+        true: string;
+    };
+}, undefined, "", {
+    inline: {
+        true: string;
+        false: string;
+    };
+    checked: {
+        true: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    inline: {
+        true: string;
+        false: string;
+    };
+    checked: {
+        true: string;
+    };
+}, undefined, "", unknown, unknown, undefined>>;

package/dist/forms/checkbox/theme.js

@@ -96,3 +96,18 @@ export const checkbox = tv({
         disabled: false
     }
 });
+export const checkboxbutton = tv({
+    base: "",
+    variants: {
+        inline: {
+            true: "inline-flex",
+            false: "flex"
+        },
+        checked: {
+            true: "outline-4 outline-green-500"
+        }
+    },
+    defaultVariants: {
+        inline: true
+    }
+});

package/dist/forms/{radio-button → radio}/RadioButton.svelte

@@ -1,14 +1,13 @@
 <script lang="ts" generics="T">
   import { Button, type RadioButtonProps } from "../..";
   import { twMerge } from "tailwind-merge";
-  import clsx from "clsx";
-  import { radioButton } from ".";
+  import { radiobutton } from ".";
 
   let { children, group = $bindable<T>(), value = $bindable<T>(), inline, pill, outline, size, color, shadow, checkedClass, class: className, ...restProps }: RadioButtonProps<T> = $props();
 
   let inputEl: HTMLInputElement;
   let isChecked = $derived(value == group);
-  let base = $derived(twMerge(radioButton({ inline }), isChecked && checkedClass, className));
+  let base = $derived(twMerge(radiobutton({ inline }), isChecked && checkedClass, className));
 
   function clickHandler() {
     inputEl?.click(); // manually trigger the click on the hidden input

package/dist/forms/radio/index.d.ts

@@ -1,3 +1,3 @@
-import Radio from "./Radio.svelte";
-import { radio } from "./theme";
-export { Radio, radio };
+export { default as Radio } from "./Radio.svelte";
+export { default as RadioButton } from "./RadioButton.svelte";
+export { radio, radiobutton } from "./theme";

package/dist/forms/radio/index.js

@@ -1,3 +1,3 @@
-import Radio from "./Radio.svelte";
-import { radio } from "./theme";
-export { Radio, radio };
+export { default as Radio } from "./Radio.svelte";
+export { default as RadioButton } from "./RadioButton.svelte";
+export { radio, radiobutton } from "./theme";

package/dist/forms/radio/theme.d.ts

@@ -271,3 +271,19 @@ export declare const radio: import("tailwind-variants").TVReturnType<{
     input: string;
     label: string;
 }, undefined, unknown, unknown, undefined>>;
+export declare const radiobutton: import("tailwind-variants").TVReturnType<{
+    inline: {
+        true: string;
+        false: string;
+    };
+}, undefined, "", {
+    inline: {
+        true: string;
+        false: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    inline: {
+        true: string;
+        false: string;
+    };
+}, undefined, "", unknown, unknown, undefined>>;

package/dist/forms/radio/theme.js

@@ -81,3 +81,15 @@ export const radio = tv({
         color: "primary"
     }
 });
+export const radiobutton = tv({
+    base: "",
+    variants: {
+        inline: {
+            true: "inline-flex",
+            false: "flex"
+        }
+    },
+    defaultVariants: {
+        inline: true
+    }
+});

package/dist/index.d.ts

@@ -6,7 +6,7 @@ export * from "./badge";
 export * from "./banner";
 export * from "./bottom-navigation";
 export * from "./breadcrumb";
-export * from "./buttongroup";
+export * from "./button-group";
 export * from "./buttons";
 export * from "./card";
 export * from "./carousel";
@@ -42,17 +42,15 @@ export * from "./tooltip";
 export * from "./utils";
 export * from "./video";
 export * from "./forms/checkbox";
-export * from "./forms/checkbox-button";
 export * from "./forms/dropzone";
 export * from "./forms/fileupload";
-export * from "./forms/floating-label-input";
+export * from "./forms/floating-label";
 export * from "./forms/helper";
 export * from "./forms/input";
 export * from "./forms/input-addon";
 export * from "./forms/label";
 export * from "./forms/select";
 export * from "./forms/radio";
-export * from "./forms/radio-button";
 export * from "./forms/range";
 export * from "./forms/search";
 export * from "./forms/tags";

package/dist/index.js

@@ -6,7 +6,7 @@ export * from "./badge";
 export * from "./banner";
 export * from "./bottom-navigation";
 export * from "./breadcrumb";
-export * from "./buttongroup";
+export * from "./button-group";
 export * from "./buttons";
 export * from "./card";
 export * from "./carousel";
@@ -43,17 +43,15 @@ export * from "./utils";
 export * from "./video";
 // forms
 export * from "./forms/checkbox";
-export * from "./forms/checkbox-button";
 export * from "./forms/dropzone";
 export * from "./forms/fileupload";
-export * from "./forms/floating-label-input";
+export * from "./forms/floating-label";
 export * from "./forms/helper";
 export * from "./forms/input";
 export * from "./forms/input-addon";
 export * from "./forms/label";
 export * from "./forms/select";
 export * from "./forms/radio";
-export * from "./forms/radio-button";
 export * from "./forms/range";
 export * from "./forms/search";
 export * from "./forms/tags";

package/dist/theme/index.d.ts

@@ -8684,7 +8684,7 @@ export declare const baseThemes: {
         input: string;
         label: string;
     }, undefined, unknown, unknown, undefined>>;
-    radioButton: import("tailwind-variants").TVReturnType<{
+    radiobutton: import("tailwind-variants").TVReturnType<{
         inline: {
             true: string;
             false: string;

package/dist/theme/index.js

@@ -1,4 +1,4 @@
-import { accordion, accordionitem, activity, activityitem, advancedrating, alert, anchor, android, avatar, badge, banner, blockquote, bottomNav, bottomNavItem, bottomnavheader, bottomnavheaderitem, breadcrumb, button, buttonGroup, card, cardPlaceholder, checkbox, darkmode, defaultMockup, descriptionList, desktop, drawer, drawerhead, dropdown, dropdownHeader, dropdownDivider, dropdownItem, dropdownGroup, dropzone, fileupload, floatingLabelInput, footer, footerBrand, footerCopyright, footerIcon, footerLink, footerLinkGroup, gallery, gradientButton, group, groupitem, heading, helper, hr, imagePlaceholder, img, indicator, input, ios, kbd, label, laptop, layout, list, listGroup, listGroupItem, listPlaceholder, mark, megamenu, modal, navbar_li, navbar_ul, navbar, navbar_brand, navbar_hamburger, pagination, paginationItem, paragraph, popover, progressbar, radio, radioButton, range, rating, review, scorerating, search, secondary, select, sidebar, sidebarbutton, sidebarcta, sidebardropdownwrapper, sitebarbrand, skeleton, smartwatch, span, spinner, tabItem, table, tablebodycell, tablebodyrow, tablehead, tableheadcell, tablet, tabs, testimonialPlaceholder, textPlaceholder, textarea, timeline, timelineitem, toast, toggle, toolbar, toolbarButton, toolbarGroup, tooltip, videoPlaceholder, widgetPlaceholder } from "..";
+import { accordion, accordionitem, activity, activityitem, advancedrating, alert, anchor, android, avatar, badge, banner, blockquote, bottomNav, bottomNavItem, bottomnavheader, bottomnavheaderitem, breadcrumb, button, buttonGroup, card, cardPlaceholder, checkbox, darkmode, defaultMockup, descriptionList, desktop, drawer, drawerhead, dropdown, dropdownHeader, dropdownDivider, dropdownItem, dropdownGroup, dropzone, fileupload, floatingLabelInput, footer, footerBrand, footerCopyright, footerIcon, footerLink, footerLinkGroup, gallery, gradientButton, group, groupitem, heading, helper, hr, imagePlaceholder, img, indicator, input, ios, kbd, label, laptop, layout, list, listGroup, listGroupItem, listPlaceholder, mark, megamenu, modal, navbar_li, navbar_ul, navbar, navbar_brand, navbar_hamburger, pagination, paginationItem, paragraph, popover, progressbar, radio, radiobutton, range, rating, review, scorerating, search, secondary, select, sidebar, sidebarbutton, sidebarcta, sidebardropdownwrapper, sitebarbrand, skeleton, smartwatch, span, spinner, tabItem, table, tablebodycell, tablebodyrow, tablehead, tableheadcell, tablet, tabs, testimonialPlaceholder, textPlaceholder, textarea, timeline, timelineitem, toast, toggle, toolbar, toolbarButton, toolbarGroup, tooltip, videoPlaceholder, widgetPlaceholder } from "..";
 export const baseThemes = {
     accordion,
     accordionitem,
@@ -96,7 +96,7 @@ export const baseThemes = {
     input,
     label,
     radio,
-    radioButton,
+    radiobutton,
     range,
     search,
     select,

package/dist/types.d.ts

@@ -14,7 +14,7 @@ import type Slide from "./carousel/Slide.svelte";
 import type { ApexOptions } from "apexcharts";
 import type { DrawerVariants } from "./drawer/theme";
 import type { FileuploadViariants } from "./forms/fileupload/theme";
-import type { FloatingLabelInputVaratiants } from "./forms/floating-label-input/theme";
+import type { FloatingLabelInputVaratiants } from "./forms/floating-label/theme";
 import type { HelperVariants } from "./forms/helper/theme";
 import type { InputVariants } from "./forms/input/theme";
 import type { LabelVariants } from "./forms/label/theme";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flowbite-svelte",
-  "version": "1.2.4",
+  "version": "1.2.5",
   "description": "Flowbite components for Svelte",
   "main": "dist/index.js",
   "author": {
@@ -172,8 +172,8 @@
       "svelte": "./dist/breadcrumb/BreadcrumbItem.svelte"
     },
     "./ButtonGroup.svelte": {
-      "types": "./dist/buttongroup/ButtonGroup.svelte.d.ts",
-      "svelte": "./dist/buttongroup/ButtonGroup.svelte"
+      "types": "./dist/button-group/ButtonGroup.svelte.d.ts",
+      "svelte": "./dist/button-group/ButtonGroup.svelte"
     },
     "./Button.svelte": {
       "types": "./dist/buttons/Button.svelte.d.ts",
@@ -316,8 +316,8 @@
       "svelte": "./dist/forms/checkbox/Checkbox.svelte"
     },
     "./CheckboxButton.svelte": {
-      "types": "./dist/forms/checkbox-button/CheckboxButton.svelte.d.ts",
-      "svelte": "./dist/forms/checkbox-button/CheckboxButton.svelte"
+      "types": "./dist/forms/checkbox/CheckboxButton.svelte.d.ts",
+      "svelte": "./dist/forms/checkbox/CheckboxButton.svelte"
     },
     "./Dropzone.svelte": {
       "types": "./dist/forms/dropzone/Dropzone.svelte.d.ts",
@@ -328,8 +328,8 @@
       "svelte": "./dist/forms/fileupload/Fileupload.svelte"
     },
     "./FloatingLabelInput.svelte": {
-      "types": "./dist/forms/floating-label-input/FloatingLabelInput.svelte.d.ts",
-      "svelte": "./dist/forms/floating-label-input/FloatingLabelInput.svelte"
+      "types": "./dist/forms/floating-label/FloatingLabelInput.svelte.d.ts",
+      "svelte": "./dist/forms/floating-label/FloatingLabelInput.svelte"
     },
     "./Helper.svelte": {
       "types": "./dist/forms/helper/Helper.svelte.d.ts",
@@ -352,8 +352,8 @@
       "svelte": "./dist/forms/radio/Radio.svelte"
     },
     "./RadioButton.svelte": {
-      "types": "./dist/forms/radio-button/RadioButton.svelte.d.ts",
-      "svelte": "./dist/forms/radio-button/RadioButton.svelte"
+      "types": "./dist/forms/radio/RadioButton.svelte.d.ts",
+      "svelte": "./dist/forms/radio/RadioButton.svelte"
     },
     "./Range.svelte": {
       "types": "./dist/forms/range/Range.svelte.d.ts",

package/dist/forms/checkbox-button/index.d.ts

@@ -1,2 +0,0 @@
-import CheckboxButton from "./CheckboxButton.svelte";
-export { CheckboxButton };

package/dist/forms/checkbox-button/index.js

@@ -1,2 +0,0 @@
-import CheckboxButton from "./CheckboxButton.svelte";
-export { CheckboxButton };

package/dist/forms/checkbox-button/theme.d.ts

@@ -1,25 +0,0 @@
-export declare const checkButton: import("tailwind-variants").TVReturnType<{
-    inline: {
-        true: string;
-        false: string;
-    };
-    checked: {
-        true: string;
-    };
-}, undefined, "", {
-    inline: {
-        true: string;
-        false: string;
-    };
-    checked: {
-        true: string;
-    };
-}, undefined, import("tailwind-variants").TVReturnType<{
-    inline: {
-        true: string;
-        false: string;
-    };
-    checked: {
-        true: string;
-    };
-}, undefined, "", unknown, unknown, undefined>>;

package/dist/forms/checkbox-button/theme.js

@@ -1,16 +0,0 @@
-import { tv } from "tailwind-variants";
-export const checkButton = tv({
-    base: "",
-    variants: {
-        inline: {
-            true: "inline-flex",
-            false: "flex"
-        },
-        checked: {
-            true: "outline-4 outline-green-500"
-        }
-    },
-    defaultVariants: {
-        inline: true
-    }
-});

package/dist/forms/radio-button/index.d.ts

@@ -1,3 +0,0 @@
-import RadioButton from "./RadioButton.svelte";
-import { radioButton } from "./theme";
-export { RadioButton, radioButton };

package/dist/forms/radio-button/index.js

@@ -1,3 +0,0 @@
-import RadioButton from "./RadioButton.svelte";
-import { radioButton } from "./theme";
-export { RadioButton, radioButton };

package/dist/forms/radio-button/theme.d.ts

@@ -1,16 +0,0 @@
-export declare const radioButton: import("tailwind-variants").TVReturnType<{
-    inline: {
-        true: string;
-        false: string;
-    };
-}, undefined, "", {
-    inline: {
-        true: string;
-        false: string;
-    };
-}, undefined, import("tailwind-variants").TVReturnType<{
-    inline: {
-        true: string;
-        false: string;
-    };
-}, undefined, "", unknown, unknown, undefined>>;

package/dist/forms/radio-button/theme.js

@@ -1,13 +0,0 @@
-import { tv } from "tailwind-variants";
-export const radioButton = tv({
-    base: "",
-    variants: {
-        inline: {
-            true: "inline-flex",
-            false: "flex"
-        }
-    },
-    defaultVariants: {
-        inline: true
-    }
-});