flowbite-svelte 0.47.2 → 1.0.0-next.1

package/dist/footer/theme.js

@@ -0,0 +1,40 @@
+import { tv } from "tailwind-variants";
+const footer = tv({
+    base: "bg-white dark:bg-gray-800",
+    variants: {
+        footerType: {
+            default: "p-4 rounded-lg shadow md:flex md:items-center md:justify-between md:p-6",
+            sitemap: "bg-gray-800",
+            socialmedia: "p-4 sm:p-6",
+            logo: "p-4 rounded-lg shadow md:px-6 md:py-8",
+            sticky: "fixed bottom-0 left-0 z-20 w-full p-4 bg-white border-t border-gray-200 shadow md:flex md:items-center md:justify-between md:p-6 dark:bg-gray-800 dark:border-gray-600"
+        }
+    }
+});
+const footerBrand = tv({
+    slots: {
+        base: "flex items-center",
+        span: "self-center text-2xl font-semibold whitespace-nowrap dark:text-white",
+        img: "me-3 h-8"
+    }
+});
+const footerCopyright = tv({
+    slots: {
+        base: "block text-sm text-gray-500 sm:text-center dark:text-gray-400",
+        link: "hover:underline",
+        bySpan: "ms-1"
+    }
+});
+const footerIcon = tv({
+    base: "text-gray-500 hover:text-gray-900 dark:hover:text-white"
+});
+const footerUl = tv({
+    base: "text-gray-600 dark:text-gray-400"
+});
+const footerLi = tv({
+    slots: {
+        base: "me-4 last:me-0 md:me-6",
+        link: "hover:underline"
+    }
+});
+export { footer, footerBrand, footerCopyright, footerIcon, footerUl, footerLi };

package/dist/footer/type.d.ts

@@ -0,0 +1,43 @@
+import type { Snippet } from "svelte";
+import type { HTMLAttributes, HTMLAnchorAttributes } from "svelte/elements";
+type FooterType = "default" | "sticky" | "sitemap" | "socialmedia" | "logo" | undefined;
+interface FooterProps extends HTMLAttributes<HTMLElement> {
+    children: Snippet;
+    footerType?: FooterType;
+    class?: string;
+}
+interface FooterBrandProps extends HTMLAnchorAttributes {
+    children?: Snippet;
+    aClass?: string;
+    spanClass?: string;
+    imgClass?: string;
+    href?: string;
+    src?: string;
+    alt?: string;
+    name?: string;
+}
+interface FooterCopyrightProps extends HTMLAnchorAttributes {
+    spanClass?: string;
+    aClass?: string;
+    href?: string;
+    by?: string;
+    copyrightMessage?: string;
+    year?: number | undefined;
+}
+interface FooterIconProps extends HTMLAnchorAttributes {
+    children: Snippet;
+    href?: string;
+    ariaLabel?: string;
+    class?: string;
+}
+interface FooterUlProps extends HTMLAttributes<HTMLUListElement> {
+    children: Snippet;
+    class?: string;
+}
+interface FooterLiProps extends HTMLAnchorAttributes {
+    children: Snippet;
+    liClass?: string;
+    aClass?: string;
+    href?: string;
+}
+export { type FooterProps, type FooterBrandProps, type FooterCopyrightProps, type FooterIconProps, type FooterUlProps, type FooterLiProps };

package/dist/footer/type.js

@@ -0,0 +1 @@
+export {};

package/dist/forms/checkbox/Checkbox.svelte

@@ -0,0 +1,46 @@
+<script lang="ts">
+  import Label from "../label/Label.svelte";
+  import { type CheckboxProps as Props, checkbox } from ".";
+
+  let { children, aria_describedby, color = "primary", custom, inline, tinted, rounded, group = $bindable([]), choices = [], checked = $bindable(false), classLabel, indeterminate, class: className, ...restProps }: Props = $props();
+
+  const { base, label } = $derived(checkbox({ color, tinted, custom, rounded, inline }));
+</script>
+
+{#if choices.length > 0}
+  {#each choices as { value, checkboxLabel }, i}
+    <Label class={label({ class: classLabel })} for={`checkbox-${i}`}>
+      {checkboxLabel}
+      <input id={`checkbox-${i}`} type="checkbox" {value} bind:group {...restProps} class={base({ class: className })} />
+      {#if children}
+        {@render children()}
+      {/if}
+    </Label>
+  {/each}
+{:else}
+  <Label class={label({ class: classLabel })}>
+    <input type="checkbox" bind:checked aria-describedby={aria_describedby} {indeterminate} {...restProps} class={base({ class: className })} />
+    {#if children}
+      {@render children()}
+    {/if}
+  </Label>
+{/if}
+
+<!--
+@component
+[Go to docs](https://preview.flowbite-svelte.com/)
+## Props
+@props: children: any;
+@props:aria_describedby: any;
+@props:color: any = "primary";
+@props:custom: any;
+@props:inline: any;
+@props:tinted: any;
+@props:rounded: any;
+@props:group: any = $bindable([]);
+@props:choices: any = [];
+@props:checked: any = $bindable(false);
+@props:classLabel: any;
+@props:indeterminate: any;
+@props:class: string;
+-->

package/dist/forms/checkbox/Checkbox.svelte.d.ts

@@ -0,0 +1,21 @@
+import { type CheckboxProps as Props } from ".";
+/**
+ * [Go to docs](https://preview.flowbite-svelte.com/)
+ * ## Props
+ * @props: children: any;
+ * @props:aria_describedby: any;
+ * @props:color: any = "primary";
+ * @props:custom: any;
+ * @props:inline: any;
+ * @props:tinted: any;
+ * @props:rounded: any;
+ * @props:group: any = $bindable([]);
+ * @props:choices: any = [];
+ * @props:checked: any = $bindable(false);
+ * @props:classLabel: any;
+ * @props:indeterminate: any;
+ * @props:class: string;
+ */
+declare const Checkbox: import("svelte").Component<Props, {}, "group" | "checked">;
+type Checkbox = ReturnType<typeof Checkbox>;
+export default Checkbox;

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

@@ -0,0 +1,4 @@
+import type { CheckboxProps, CheckboxItem, ColorType } from "./type";
+import Checkbox from "./Checkbox.svelte";
+import { checkbox } from "./theme";
+export { Checkbox, checkbox, type CheckboxProps, type CheckboxItem, type ColorType };

package/dist/forms/checkbox/index.js

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