flowbite-svelte 0.36.4 → 0.37.1

package/dist/utils/Popper.svelte.d.ts

@@ -263,6 +263,18 @@ declare const __propDef: {
 export type PopperProps = typeof __propDef.props;
 export type PopperEvents = typeof __propDef.events;
 export type PopperSlots = typeof __propDef.slots;
+/**
+ * ## Props
+ * @prop activeContent: boolean = false;
+ * @prop arrow: boolean = true;
+ * @prop offset: number = 8;
+ * @prop placement: Placement = 'top';
+ * @prop trigger: 'hover' | 'click' = 'hover';
+ * @prop triggeredBy: string | undefined = undefined;
+ * @prop strategy: 'absolute' | 'fixed' = 'absolute';
+ * @prop open: boolean = false;
+ * @prop yOnly: boolean = false;
+ */
 export default class Popper extends SvelteComponentTyped<PopperProps, PopperEvents, PopperSlots> {
 }
 export {};

package/dist/utils/Popper.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popper.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/Popper.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAID,OAAO,KAAK,EAAE,SAAS,EAAY,MAAM,gBAAgB,CAAC;AA8K1D,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAC;AACxD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACjD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACnD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEjD,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,oBAAoB,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;CAC/F"}
+{"version":3,"file":"Popper.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/Popper.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAID,OAAO,KAAK,EAAE,SAAS,EAAY,MAAM,gBAAgB,CAAC;AAgL1D,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAC;AACxD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACjD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACnD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEjD;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,oBAAoB,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;CAC/F"}

package/dist/utils/UserCircle.svelte

@@ -22,16 +22,26 @@ $: switch (variation) {
 </script>
 
 <svg
-	xmlns="http://www.w3.org/2000/svg"
-	width={size}
-	height={size}
-	class={$$props.class}
-	{...$$restProps}
-	aria-label={ariaLabel}
-	fill="none"
-	{viewBox}
-	stroke-width="2"
-	on:click
->
-	{@html svgpath}
+  xmlns="http://www.w3.org/2000/svg"
+  width={size}
+  height={size}
+  class={$$props.class}
+  {...$$restProps}
+  aria-label={ariaLabel}
+  fill="none"
+  {viewBox}
+  stroke-width="2"
+  on:click>
+  {@html svgpath}
 </svg>
+
+<!--
+  @component
+  ## Props
+  @prop size = '24';
+  @prop color = 'currentColor';
+  @prop variation: 'solid' | 'outline' = 'outline';
+  @prop ariaLabel = 'user circle';
+  ## Event
+  - on:click
+-->

package/dist/utils/UserCircle.svelte.d.ts

@@ -17,6 +17,15 @@ declare const __propDef: {
 export type UserCircleProps = typeof __propDef.props;
 export type UserCircleEvents = typeof __propDef.events;
 export type UserCircleSlots = typeof __propDef.slots;
+/**
+ * ## Props
+ * @prop size = '24';
+ * @prop color = 'currentColor';
+ * @prop variation: 'solid' | 'outline' = 'outline';
+ * @prop ariaLabel = 'user circle';
+ * ## Event
+ * - on:click
+ */
 export default class UserCircle extends SvelteComponentTyped<UserCircleProps, UserCircleEvents, UserCircleSlots> {
 }
 export {};

package/dist/utils/UserCircle.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UserCircle.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/UserCircle.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAgCD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACrD,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACvD,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAErD,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,oBAAoB,CAAC,eAAe,EAAE,gBAAgB,EAAE,eAAe,CAAC;CAC/G"}
+{"version":3,"file":"UserCircle.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/UserCircle.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAkCD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACrD,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACvD,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAErD;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,oBAAoB,CAAC,eAAe,EAAE,gBAAgB,EAAE,eAAe,CAAC;CAC/G"}

package/dist/utils/Wrapper.svelte

@@ -8,3 +8,11 @@ export let use = () => { };
 {:else}
   <slot />
 {/if}
+
+<!--
+  @component
+  ## Props
+  @prop tag: string = 'div';
+  @prop show: boolean;
+  @prop use: Action = () => {};
+-->

package/dist/utils/Wrapper.svelte.d.ts

@@ -17,6 +17,12 @@ declare const __propDef: {
 export type WrapperProps = typeof __propDef.props;
 export type WrapperEvents = typeof __propDef.events;
 export type WrapperSlots = typeof __propDef.slots;
+/**
+ * ## Props
+ * @prop tag: string = 'div';
+ * @prop show: boolean;
+ * @prop use: Action = () => {};
+ */
 export default class Wrapper extends SvelteComponentTyped<WrapperProps, WrapperEvents, WrapperSlots> {
 }
 export {};

package/dist/utils/Wrapper.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Wrapper.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/Wrapper.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAkB5C,QAAA,MAAM,SAAS;;;;cAD4D,OAAO;;;;;;;;;CACJ,CAAC;AAC/E,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAClD,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACpD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAElD,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,oBAAoB,CAAC,YAAY,EAAE,aAAa,EAAE,YAAY,CAAC;CACnG"}
+{"version":3,"file":"Wrapper.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/Wrapper.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAoB5C,QAAA,MAAM,SAAS;;;;cAD4D,OAAO;;;;;;;;;CACJ,CAAC;AAC/E,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAClD,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACpD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAElD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,oBAAoB,CAAC,YAAY,EAAE,aAAa,EAAE,YAAY,CAAC;CACnG"}

package/dist/utils/clickOutside.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"clickOutside.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/clickOutside.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,SAAQ,WAAW,YAAY,MAAM,IAAI;;CAejE,CAAA"}
+{"version":3,"file":"clickOutside.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/clickOutside.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,SAAU,WAAW,YAAY,MAAM,IAAI;;CAenE,CAAC"}

package/dist/utils/clickOutside.js

@@ -10,6 +10,6 @@ export const clickOutside = (node, callback) => {
     return {
         destroy() {
             document.removeEventListener('click', handleClick, true);
-        },
+        }
     };
 };

package/dist/utils/generateId.js

@@ -1,5 +1,5 @@
 let n = Date.now();
 
-export default function() {
-	return (++n).toString(36);
+export default function () {
+  return (++n).toString(36);
 }

package/dist/video/Video.svelte

@@ -1,17 +1,10 @@
 <script>import classNames from 'classnames';
-// export let width;
-// export let controls: boolean = true;
-// export let autoplay: boolean = false;
 export let src;
 export let type = 'video/mp4';
 export let trackSrc = '';
 export let srclang = 'en';
 export let label = 'english_captions';
-// export let attribute = '';
 let videoClass = classNames($$props.class);
-// const setAttribute = (node, params) => {
-//   node.setAttribute(params, '');
-// };
 </script>
 
 <video {...$$restProps} class={videoClass}>
@@ -20,3 +13,20 @@ let videoClass = classNames($$props.class);
   <track src={trackSrc} kind="captions" {srclang} {label} />
   Your browser does not support the video tag.
 </video>
+
+<!--
+  @component
+  ## Features
+  [Go to Video](https://flowbite-svelte.com/docs/components/video)
+  - Setup
+  - Video player
+  - Autoplay
+  - Muted
+  - Sizes
+  ## Props
+  @prop src: string;
+  @prop type: string = 'video/mp4';
+  @prop trackSrc: string = '';
+  @prop srclang: string = 'en';
+  @prop label: string = 'english_captions';
+-->

package/dist/video/Video.svelte.d.ts

@@ -18,6 +18,21 @@ declare const __propDef: {
 export type VideoProps = typeof __propDef.props;
 export type VideoEvents = typeof __propDef.events;
 export type VideoSlots = typeof __propDef.slots;
+/**
+ * ## Features
+ * [Go to Video](https://flowbite-svelte.com/docs/components/video)
+ * - Setup
+ * - Video player
+ * - Autoplay
+ * - Muted
+ * - Sizes
+ * ## Props
+ * @prop src: string;
+ * @prop type: string = 'video/mp4';
+ * @prop trackSrc: string = '';
+ * @prop srclang: string = 'en';
+ * @prop label: string = 'english_captions';
+ */
 export default class Video extends SvelteComponentTyped<VideoProps, VideoEvents, VideoSlots> {
 }
 export {};

package/dist/video/Video.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Video.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/video/Video.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA8BD,QAAA,MAAM,SAAS;;;aADyF,MAAM;;;;;;;;;;;;CAChC,CAAC;AAC/E,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAChD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAClD,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEhD,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,oBAAoB,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CAC3F"}
+{"version":3,"file":"Video.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/video/Video.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA0BD,QAAA,MAAM,SAAS;;;aADyF,MAAM;;;;;;;;;;;;CAChC,CAAC;AAC/E,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAChD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAClD,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEhD;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,oBAAoB,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CAC3F"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flowbite-svelte",
-  "version": "0.36.4",
+  "version": "0.37.1",
   "description": "Flowbite components for Svelte",
   "main": "dist/index.js",
   "author": {
@@ -17,7 +17,7 @@
     "preview": "vite preview",
     "test": "playwright test",
     "package": "svelte-kit sync && svelte-package && publint",
-    "prepublishOnly": "npm run package && publint",
+    "prepublishOnly": "npm run add-exports && npm run write-package-json && npm run package && publint",
     "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
     "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
     "test:unit": "vitest",
@@ -26,7 +26,7 @@
     "write-package-json": "node ./scripts/package-json-writer.js",
     "add-exports": "node ./scripts/add-exports-to-package-json.js",
     "package:publish": "standard-version && git push --follow-tags origin main && npm run package && npm run add-exports && npm run write-package-json && npm publish",
-    "gen:props": "createprops"
+    "gen:props": "createprops && npm run format"
   },
   "peerDependencies": {
     "@popperjs/core": "^2.11.6",
@@ -35,6 +35,7 @@
     "svelte": "^3.55.1"
   },
   "devDependencies": {
+    "@docsearch/js": "^3.3.5",
     "@playwright/test": "^1.34.0",
     "@sveltejs/adapter-vercel": "^3.0.0",
     "@sveltejs/kit": "^1.18.0",
@@ -42,7 +43,7 @@
     "@typescript-eslint/eslint-plugin": "^5.59.6",
     "@typescript-eslint/parser": "^5.59.6",
     "autoprefixer": "^10.4.14",
-    "createprops": "^0.6.1",
+    "createprops": "^0.5.5",
     "esbuild": "0.17.19",
     "eslint": "^8.41.0",
     "eslint-config-prettier": "^8.8.0",
@@ -110,7 +111,6 @@
     "url": "https://github.com/themesberg/flowbite-svelte"
   },
   "dependencies": {
-    "@docsearch/js": "^3.3.5",
     "@popperjs/core": "^2.11.7",
     "classnames": "^2.3.2",
     "flowbite": "^1.6.5"
@@ -228,9 +228,9 @@
       "types": "./dist/device-mockup/Android.svelte.d.ts",
       "svelte": "./dist/device-mockup/Android.svelte"
     },
-    "./Default.svelte": {
-      "types": "./dist/device-mockup/Default.svelte.d.ts",
-      "svelte": "./dist/device-mockup/Default.svelte"
+    "./DefaultMockup.svelte": {
+      "types": "./dist/device-mockup/DefaultMockup.svelte.d.ts",
+      "svelte": "./dist/device-mockup/DefaultMockup.svelte"
     },
     "./DeviceMockup.svelte": {
       "types": "./dist/device-mockup/DeviceMockup.svelte.d.ts",
@@ -240,9 +240,9 @@
       "types": "./dist/device-mockup/Ios.svelte.d.ts",
       "svelte": "./dist/device-mockup/Ios.svelte"
     },
-    "./SmartWatch.svelte": {
-      "types": "./dist/device-mockup/SmartWatch.svelte.d.ts",
-      "svelte": "./dist/device-mockup/SmartWatch.svelte"
+    "./Smartwatch.svelte": {
+      "types": "./dist/device-mockup/Smartwatch.svelte.d.ts",
+      "svelte": "./dist/device-mockup/Smartwatch.svelte"
     },
     "./Tablet.svelte": {
       "types": "./dist/device-mockup/Tablet.svelte.d.ts",

package/dist/device-mockup/Default.svelte

@@ -1,4 +0,0 @@
-<div class="h-[32px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -left-[17px] top-[72px] rounded-l-lg"></div>
-<div class="h-[46px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -left-[17px] top-[124px] rounded-l-lg"></div>
-<div class="h-[46px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -left-[17px] top-[178px] rounded-l-lg"></div>
-<div class="h-[64px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -right-[17px] top-[142px] rounded-r-lg"></div>

package/dist/device-mockup/Default.svelte.d.ts

@@ -1,24 +0,0 @@
-/** @typedef {typeof __propDef.props}  DefaultProps */
-/** @typedef {typeof __propDef.events}  DefaultEvents */
-/** @typedef {typeof __propDef.slots}  DefaultSlots */
-export default class Default extends SvelteComponentTyped<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type DefaultProps = typeof __propDef.props;
-export type DefaultEvents = typeof __propDef.events;
-export type DefaultSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: never;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export {};
-//# sourceMappingURL=Default.svelte.d.ts.map

package/dist/device-mockup/Default.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Default.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/device-mockup/Default.svelte.js"],"names":[],"mappings":"AASA,sDAAsD;AACtD,wDAAwD;AACxD,sDAAsD;AAEtD;;;;;CACC;2BALa,OAAO,UAAU,KAAK;4BACtB,OAAO,UAAU,MAAM;2BACvB,OAAO,UAAU,KAAK;qCAXC,QAAQ;AAQ7C;;;;;;;;EAA8E"}

package/dist/device-mockup/SmartWatch.svelte

@@ -1,2 +0,0 @@
-<div class="h-[41px] w-[6px] bg-gray-800 dark:bg-gray-800 absolute -right-[16px] top-[40px] rounded-r-lg"></div>
-<div class="h-[32px] w-[6px] bg-gray-800 dark:bg-gray-800 absolute -right-[16px] top-[88px] rounded-r-lg"></div>

package/dist/device-mockup/SmartWatch.svelte.d.ts

@@ -1,24 +0,0 @@
-/** @typedef {typeof __propDef.props}  SmartWatchProps */
-/** @typedef {typeof __propDef.events}  SmartWatchEvents */
-/** @typedef {typeof __propDef.slots}  SmartWatchSlots */
-export default class SmartWatch extends SvelteComponentTyped<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type SmartWatchProps = typeof __propDef.props;
-export type SmartWatchEvents = typeof __propDef.events;
-export type SmartWatchSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: never;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export {};
-//# sourceMappingURL=SmartWatch.svelte.d.ts.map

package/dist/device-mockup/SmartWatch.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SmartWatch.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/device-mockup/SmartWatch.svelte.js"],"names":[],"mappings":"AAOA,yDAAyD;AACzD,2DAA2D;AAC3D,yDAAyD;AAEzD;;;;;CACC;8BALa,OAAO,UAAU,KAAK;+BACtB,OAAO,UAAU,MAAM;8BACvB,OAAO,UAAU,KAAK;qCATC,QAAQ;AAM7C;;;;;;;;EAA8E"}