flowbite-svelte 0.46.18 → 0.46.19

package/dist/forms/Toggle.svelte.d.ts

@@ -1,12 +1,26 @@
 import { SvelteComponentTyped } from "svelte";
+import type { FormColorType } from '../types';
 declare const __propDef: {
     props: {
-        [x: string]: any;
-        size?: ("small" | "default" | "large" | "custom") | undefined;
-        group?: (string | number)[] | undefined;
-        value?: (string | number) | undefined;
-        checked?: boolean | undefined;
-        customSize?: string | undefined;
+        name?: string;
+        color?: FormColorType;
+        custom?: boolean;
+        inline?: boolean;
+        group?: string[];
+        choices?: import("../types").CheckboxItem[];
+        value?: string | number;
+        checked?: boolean;
+        spacing?: string;
+        groupLabelClass?: string;
+        groupInputClass?: string;
+        class?: string;
+        required?: boolean;
+    } & {
+        size?: "small" | "default" | "large" | "custom";
+        group?: string[];
+        value?: string | number;
+        checked?: boolean;
+        customSize?: string;
     };
     events: {
         click: MouseEvent;
@@ -25,11 +39,11 @@ export type ToggleSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let size: 'small' | 'default' | 'large' | 'custom' = 'default';
- * @prop export let group: (string | number)[] = [];
- * @prop export let value: string | number = '';
- * @prop export let checked: boolean | undefined = undefined;
- * @prop export let customSize: string = '';
+ * @prop export let size: NonNullable<$$Props['size']> = 'default';
+ * @prop export let group: $$Props['group'] = [];
+ * @prop export let value: $$Props['value'] = '';
+ * @prop export let checked: $$Props['checked'] = undefined;
+ * @prop export let customSize: $$Props['customSize'] = '';
  */
 export default class Toggle extends SvelteComponentTyped<ToggleProps, ToggleEvents, ToggleSlots> {
 }

package/dist/rating/Rating.svelte

@@ -8,8 +8,8 @@ export let rating = 4;
 export let partialId = "partialStar" + generateId();
 export let icon = Star;
 export let count = false;
-export let iconFillColor;
-export let iconStrokeColor;
+export let iconFillColor = "";
+export let iconStrokeColor = "";
 const fullStarId = generateId();
 const grayStarId = generateId();
 $: fullStars = Math.floor(rating);
@@ -50,6 +50,6 @@ $: grayStars = total - (fullStars + Math.ceil(rateDiffence));
 @prop export let partialId: $$Props['partialId'] = 'partialStar' + generateId();
 @prop export let icon: $$Props['icon'] = Star;
 @prop export let count: $$Props['count'] = false;
-@prop export let iconFillColor: $$Props['iconFillColor'];
-@prop export let iconStrokeColor: $$Props['iconStrokeColor'];
+@prop export let iconFillColor: $$Props['iconFillColor'] = '';
+@prop export let iconStrokeColor: $$Props['iconStrokeColor'] = '';
 -->

package/dist/rating/Rating.svelte.d.ts

@@ -10,8 +10,8 @@ declare const __propDef: {
         partialId?: string;
         icon?: ComponentType;
         count?: boolean;
-        iconFillColor?: string;
-        iconStrokeColor?: string;
+        iconFillColor?: string | undefined;
+        iconStrokeColor?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -34,8 +34,8 @@ export type RatingSlots = typeof __propDef.slots;
  * @prop export let partialId: $$Props['partialId'] = 'partialStar' + generateId();
  * @prop export let icon: $$Props['icon'] = Star;
  * @prop export let count: $$Props['count'] = false;
- * @prop export let iconFillColor: $$Props['iconFillColor'];
- * @prop export let iconStrokeColor: $$Props['iconStrokeColor'];
+ * @prop export let iconFillColor: $$Props['iconFillColor'] = '';
+ * @prop export let iconStrokeColor: $$Props['iconStrokeColor'] = '';
  */
 export default class Rating extends SvelteComponentTyped<RatingProps, RatingEvents, RatingSlots> {
 }

package/dist/typography/List.svelte

@@ -11,7 +11,7 @@ let positions = {
   inside: "list-inside",
   outside: "list-outside"
 };
-let classList = twMerge(lists[list ?? (tag === "ul" ? "disc" : "ol" ? "decimal" : "none")], positions[position], $$props.class);
+let classList = twMerge(lists[list ?? (tag === "ul" ? "disc" : tag === "ol" ? "decimal" : "none")], positions[position], $$props.class);
 </script>
 
 <svelte:element this={tag} {...$$restProps} class={classList}>

package/dist/utils/focusTrap.d.ts

@@ -1 +1,3 @@
-export default function focusTrap<Node extends HTMLElement>(node: Node, parameter?: any): void | import("svelte/action").ActionReturn<any, any>;
+import type { Action } from 'svelte/action';
+declare const focusTrap: Action<HTMLElement>;
+export default focusTrap;

package/dist/utils/focusTrap.js

@@ -1,44 +1,32 @@
 //
 // Taken from github.com/carbon-design-system/carbon/packages/react/src/internal/keyboard/navigation.js
 //
-
-// add all the elements inside modal which you want to make focusable
 const selectorTabbable = `
   a[href], area[href], input:not([disabled]):not([tabindex='-1']),
   button:not([disabled]):not([tabindex='-1']),select:not([disabled]):not([tabindex='-1']),
   textarea:not([disabled]):not([tabindex='-1']),
   iframe, object, embed, *[tabindex]:not([tabindex='-1']):not([disabled]), *[contenteditable=true]
 `;
-
-/** @type {import('svelte/action').Action<HTMLElement, any>} */
-export default function focusTrap(node) {
-  /** @type {(e:KeyboardEvent)=>void} */
-  function handleFocusTrap(e) {
-    let isTabPressed = e.key === 'Tab' || e.keyCode === 9;
-
-    if (!isTabPressed) {
-      return;
-    }
-
-    const tabbable = Array.from(node.querySelectorAll(selectorTabbable)).filter((el) => el.hidden !== true);
-
-    const activeElement = document.activeElement && document.activeElement.shadowRoot ? document.activeElement.shadowRoot.activeElement : document.activeElement;
-
-    let index = tabbable.indexOf(activeElement ?? node);
-    if (index === -1 && e.shiftKey) index = 0;
-    index += tabbable.length + (e.shiftKey ? -1 : 1);
-    index %= tabbable.length;
-    /** @ts-ignore */
-    tabbable[index].focus();
-
-    e.preventDefault();
-  }
-
-  document.addEventListener('keydown', handleFocusTrap, true);
-
-  return {
-    destroy() {
-      document.removeEventListener('keydown', handleFocusTrap, true);
-    }
-  };
-}
+const focusTrap = (node) => {
+    const handleFocusTrap = (e) => {
+        const isTabPressed = e.key === 'Tab' || e.keyCode === 9;
+        if (!isTabPressed) {
+            return;
+        }
+        const tabbable = Array.from(node.querySelectorAll(selectorTabbable)).filter((el) => el instanceof HTMLElement && el.hidden !== true);
+        let index = tabbable.indexOf(document.activeElement);
+        if (index === -1 && e.shiftKey)
+            index = 0;
+        index += tabbable.length + (e.shiftKey ? -1 : 1);
+        index %= tabbable.length;
+        tabbable[index].focus();
+        e.preventDefault();
+    };
+    document.addEventListener('keydown', handleFocusTrap, true);
+    return {
+        destroy() {
+            document.removeEventListener('keydown', handleFocusTrap, true);
+        }
+    };
+};
+export default focusTrap;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flowbite-svelte",
-  "version": "0.46.18",
+  "version": "0.46.19",
   "description": "Flowbite components for Svelte",
   "main": "dist/index.js",
   "author": {
@@ -28,7 +28,7 @@
     "eslint": "^9.11.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-svelte": "^2.44.0",
-    "flowbite-svelte": "^0.46.18",
+    "flowbite-svelte": "^0.46.19",
     "flowbite-svelte-blocks": "^1.1.3",
     "flowbite-svelte-icons": "^1.6.1",
     "mdsvex": "^0.12.3",
@@ -755,7 +755,7 @@
     "gen:docs": "svelte-lib-helpers docs",
     "gen:compo-data": "svelte-lib-helpers compo-data",
     "copy:package": "svelte-lib-helpers package",
-    "lib-helpers": "npm run gen:docs && npm run gen:compo-data && npm run package && npm run gen:exports && npm run copy:package",
+    "lib-helpers": "npm run gen:docs && npm run gen:compo-data && npm run package && npm run gen:exports && npm run copy:package && npm run format",
     "package:publish": "standard-version && git push --follow-tags origin main && npm publish"
   }
 }