@pajohns/flowbite-svelte 0.1.0

package/dist/device-mockups/DeviceMockup.svelte

@@ -0,0 +1,39 @@
+<script lang="ts">
+  import type { Component } from "svelte";
+  import Android from "./Android.svelte";
+  import DefaultMockup from "./DefaultMockup.svelte";
+  import Desktop from "./Desktop.svelte";
+  import Ios from "./Ios.svelte";
+  import Laptop from "./Laptop.svelte";
+  import Smartwatch from "./Smartwatch.svelte";
+  import Tablet from "./Tablet.svelte";
+  import type { DeviceMockupProps } from "../types";
+
+  let { children, device = "default" }: DeviceMockupProps = $props();
+
+  const componets = {
+    android: Android,
+    ios: Ios,
+    tablet: Tablet,
+    default: DefaultMockup,
+    smartwatch: Smartwatch,
+    laptop: Laptop,
+    desktop: Desktop
+  };
+
+  let DeviceComponent: Component = $derived(componets[device]);
+</script>
+
+<DeviceComponent>
+  {@render children()}
+</DeviceComponent>
+
+<!--
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Type
+[DeviceMockupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L588)
+## Props
+@prop children
+@prop device = "default"
+-->

package/dist/device-mockups/DeviceMockup.svelte.d.ts

@@ -0,0 +1,13 @@
+import type { Component } from "svelte";
+import type { DeviceMockupProps } from "../types";
+/**
+ * [Go to docs](https://flowbite-svelte.com/)
+ * ## Type
+ * [DeviceMockupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L588)
+ * ## Props
+ * @prop children
+ * @prop device = "default"
+ */
+declare const DeviceMockup: Component<DeviceMockupProps, {}, "">;
+type DeviceMockup = ReturnType<typeof DeviceMockup>;
+export default DeviceMockup;

package/dist/device-mockups/Ios.svelte

@@ -0,0 +1,57 @@
+<script lang="ts">
+  import { ios } from "./theme";
+  import type { IosProps } from "..";
+  import { warnThemeDeprecation } from "../theme/themeUtils";
+  import clsx from "clsx";
+  import { untrack } from "svelte";
+
+  let { children, class: className, classes, divClass, div2Class, div3Class, div4Class, div5Class, div6Class, ...restProps }: IosProps = $props();
+
+  warnThemeDeprecation(
+    "Ios",
+    untrack(() => ({ divClass, div2Class, div3Class, div4Class, div5Class, div6Class })),
+    { divClass: "class", div2Class: "top", div3Class: "lefttop", div4Class: "leftBot", div5Class: "right", div6Class: "slot" }
+  );
+
+  const styling = $derived(
+    classes ?? {
+      top: div2Class,
+      leftTop: div3Class,
+      leftBot: div4Class,
+      right: div5Class,
+      slot: div6Class
+    }
+  );
+
+  const { base, slot, top, leftTop, leftBot, right } = ios();
+</script>
+
+<div {...restProps} class={base({ class: clsx(className ?? divClass) })}>
+  <div class={top({ class: clsx(styling.top) })}></div>
+  <div class={leftTop({ class: clsx(styling.leftTop) })}></div>
+  <div class={leftBot({ class: clsx(styling.leftBot) })}></div>
+  <div class={right({ class: clsx(styling.right) })}></div>
+  <div class={slot({ class: clsx(styling.slot) })}>
+    {#if children}
+      {@render children()}
+    {/if}
+  </div>
+</div>
+
+<!--
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Type
+[IosProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L630)
+## Props
+@prop children
+@prop class: className
+@prop classes
+@prop divClass
+@prop div2Class
+@prop div3Class
+@prop div4Class
+@prop div5Class
+@prop div6Class
+@prop ...restProps
+-->

package/dist/device-mockups/Ios.svelte.d.ts

@@ -0,0 +1,20 @@
+import type { IosProps } from "..";
+/**
+ * [Go to docs](https://flowbite-svelte.com/)
+ * ## Type
+ * [IosProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L630)
+ * ## Props
+ * @prop children
+ * @prop class: className
+ * @prop classes
+ * @prop divClass
+ * @prop div2Class
+ * @prop div3Class
+ * @prop div4Class
+ * @prop div5Class
+ * @prop div6Class
+ * @prop ...restProps
+ */
+declare const Ios: import("svelte").Component<IosProps, {}, "">;
+type Ios = ReturnType<typeof Ios>;
+export default Ios;

package/dist/device-mockups/Laptop.svelte

@@ -0,0 +1,55 @@
+<script lang="ts">
+  import type { LaptopProps } from "..";
+  import { warnThemeDeprecation } from "../theme/themeUtils";
+  import clsx from "clsx";
+  import { laptop } from "./theme";
+  import { untrack } from "svelte";
+
+  let { children, class: className, classes, divClass, div2Class, div3Class, div4Class, ...restProps }: LaptopProps = $props();
+
+  warnThemeDeprecation(
+    "Laptop",
+    untrack(() => ({ divClass, div2Class, div3Class, div4Class })),
+    { divClass: "class", div2Class: "top", div3Class: "lefttop", div4Class: "leftBot", div5Class: "right", div6Class: "slot" }
+  );
+
+  const styling = $derived(
+    classes ?? {
+      inner: div2Class,
+      bot: div3Class,
+      botCen: div4Class
+    }
+  );
+
+  const { base, inner, bot, botCen } = laptop();
+</script>
+
+<div {...restProps}>
+  <div class={base({ class: clsx(className ?? divClass) })}>
+    <div class={inner({ class: clsx(styling.inner) })}>
+      {#if children}
+        {@render children()}
+      {/if}
+    </div>
+  </div>
+
+  <div class={bot({ class: clsx(styling.bot) })}>
+    <div class={botCen({ class: clsx(styling.botCen) })}></div>
+  </div>
+</div>
+
+<!--
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Type
+[LaptopProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L601)
+## Props
+@prop children
+@prop class: className
+@prop classes
+@prop divClass
+@prop div2Class
+@prop div3Class
+@prop div4Class
+@prop ...restProps
+-->

package/dist/device-mockups/Laptop.svelte.d.ts

@@ -0,0 +1,18 @@
+import type { LaptopProps } from "..";
+/**
+ * [Go to docs](https://flowbite-svelte.com/)
+ * ## Type
+ * [LaptopProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L601)
+ * ## Props
+ * @prop children
+ * @prop class: className
+ * @prop classes
+ * @prop divClass
+ * @prop div2Class
+ * @prop div3Class
+ * @prop div4Class
+ * @prop ...restProps
+ */
+declare const Laptop: import("svelte").Component<LaptopProps, {}, "">;
+type Laptop = ReturnType<typeof Laptop>;
+export default Laptop;

package/dist/device-mockups/Smartwatch.svelte

@@ -0,0 +1,58 @@
+<script lang="ts">
+  import type { SmartwatchProps } from "..";
+  import { warnThemeDeprecation } from "../theme/themeUtils";
+  import clsx from "clsx";
+  import { smartwatch } from "./theme";
+  import { untrack } from "svelte";
+
+  let { children, class: className, classes, divClass, div2Class, div3Class, div4Class, div5Class, div6Class, ...restProps }: SmartwatchProps = $props();
+
+  warnThemeDeprecation(
+    "Smartwatch",
+    untrack(() => ({ divClass, div2Class, div3Class, div4Class, div5Class, div6Class })),
+    { divClass: "class", div2Class: "top", div3Class: "rightTop", div4Class: "rightBot", div5Class: "bot", div6Class: "slot" }
+  );
+
+  const styling = $derived(
+    classes ?? {
+      top: div2Class,
+      rightTop: div3Class,
+      rightBot: div4Class,
+      bot: div5Class,
+      slot: div6Class
+    }
+  );
+  const { base, top, rightTop, rightBot, bot, slot } = smartwatch();
+</script>
+
+<div {...restProps}>
+  <div class={base({ class: clsx(className ?? divClass) })}></div>
+  <div class={top({ class: clsx(styling.top) })}>
+    <div class={rightTop({ class: clsx(styling.rightTop) })}></div>
+    <div class={rightBot({ class: clsx(styling.rightBot) })}></div>
+    <div class={slot({ class: clsx(styling.slot) })}>
+      {#if children}
+        {@render children()}
+      {/if}
+    </div>
+  </div>
+  <div class={bot({ class: clsx(styling.bot) })}></div>
+</div>
+
+<!--
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Type
+[SmartwatchProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L640)
+## Props
+@prop children
+@prop class: className
+@prop classes
+@prop divClass
+@prop div2Class
+@prop div3Class
+@prop div4Class
+@prop div5Class
+@prop div6Class
+@prop ...restProps
+-->

package/dist/device-mockups/Smartwatch.svelte.d.ts

@@ -0,0 +1,20 @@
+import type { SmartwatchProps } from "..";
+/**
+ * [Go to docs](https://flowbite-svelte.com/)
+ * ## Type
+ * [SmartwatchProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L640)
+ * ## Props
+ * @prop children
+ * @prop class: className
+ * @prop classes
+ * @prop divClass
+ * @prop div2Class
+ * @prop div3Class
+ * @prop div4Class
+ * @prop div5Class
+ * @prop div6Class
+ * @prop ...restProps
+ */
+declare const Smartwatch: import("svelte").Component<SmartwatchProps, {}, "">;
+type Smartwatch = ReturnType<typeof Smartwatch>;
+export default Smartwatch;

package/dist/device-mockups/Tablet.svelte

@@ -0,0 +1,57 @@
+<script lang="ts">
+  import { tablet } from "./theme";
+  import type { TabletProps } from "..";
+  import { warnThemeDeprecation } from "../theme/themeUtils";
+  import clsx from "clsx";
+  import { untrack } from "svelte";
+
+  let { children, class: className, classes, divClass, div2Class, div3Class, div4Class, div5Class, div6Class, ...restProps }: TabletProps = $props();
+
+  warnThemeDeprecation(
+    "Tablet",
+    untrack(() => ({ divClass, div2Class, div3Class, div4Class, div5Class, div6Class })),
+    { divClass: "class", div2Class: "leftTop", div3Class: "leftMid", div4Class: "leftBot", div5Class: "right", div6Class: "slot" }
+  );
+
+  const styling = $derived(
+    classes ?? {
+      leftTop: div2Class,
+      leftMid: div3Class,
+      leftBot: div4Class,
+      right: div5Class,
+      slot: div6Class
+    }
+  );
+
+  const { base, leftTop, leftMid, leftBot, right, slot } = tablet();
+</script>
+
+<div {...restProps} class={base({ class: clsx(className ?? divClass) })}>
+  <div class={leftTop({ class: clsx(styling.leftTop) })}></div>
+  <div class={leftMid({ class: clsx(styling.leftMid) })}></div>
+  <div class={leftBot({ class: clsx(styling.leftBot) })}></div>
+  <div class={right({ class: clsx(styling.right) })}></div>
+  <div class={slot({ class: clsx(styling.slot) })}>
+    {#if children}
+      {@render children()}
+    {/if}
+  </div>
+</div>
+
+<!--
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Type
+[TabletProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L650)
+## Props
+@prop children
+@prop class: className
+@prop classes
+@prop divClass
+@prop div2Class
+@prop div3Class
+@prop div4Class
+@prop div5Class
+@prop div6Class
+@prop ...restProps
+-->

package/dist/device-mockups/Tablet.svelte.d.ts

@@ -0,0 +1,20 @@
+import type { TabletProps } from "..";
+/**
+ * [Go to docs](https://flowbite-svelte.com/)
+ * ## Type
+ * [TabletProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L650)
+ * ## Props
+ * @prop children
+ * @prop class: className
+ * @prop classes
+ * @prop divClass
+ * @prop div2Class
+ * @prop div3Class
+ * @prop div4Class
+ * @prop div5Class
+ * @prop div6Class
+ * @prop ...restProps
+ */
+declare const Tablet: import("svelte").Component<TabletProps, {}, "">;
+type Tablet = ReturnType<typeof Tablet>;
+export default Tablet;

package/dist/device-mockups/index.d.ts

@@ -0,0 +1,9 @@
+export { default as Android } from "./Android.svelte";
+export { default as DefaultMockup } from "./DefaultMockup.svelte";
+export { default as Desktop } from "./Desktop.svelte";
+export { default as DeviceMockup } from "./DeviceMockup.svelte";
+export { default as Ios } from "./Ios.svelte";
+export { default as Laptop } from "./Laptop.svelte";
+export { default as Smartwatch } from "./Smartwatch.svelte";
+export { default as Tablet } from "./Tablet.svelte";
+export { android, defaultMockup, desktop, ios, laptop, smartwatch, tablet } from "./theme";

package/dist/device-mockups/index.js

@@ -0,0 +1,9 @@
+export { default as Android } from "./Android.svelte";
+export { default as DefaultMockup } from "./DefaultMockup.svelte";
+export { default as Desktop } from "./Desktop.svelte";
+export { default as DeviceMockup } from "./DeviceMockup.svelte";
+export { default as Ios } from "./Ios.svelte";
+export { default as Laptop } from "./Laptop.svelte";
+export { default as Smartwatch } from "./Smartwatch.svelte";
+export { default as Tablet } from "./Tablet.svelte";
+export { android, defaultMockup, desktop, ios, laptop, smartwatch, tablet } from "./theme";