@rkosafo/cai.components 0.0.66 → 0.0.68

package/dist/ui/tooltip/Tooltip.svelte.d.ts

@@ -0,0 +1,17 @@
+import { type TooltipProps } from '../../index.js';
+/**
+ * ## Props
+ * @prop type = "dark"
+ * @prop color = undefined
+ * @prop trigger = "hover"
+ * @prop arrow = true
+ * @prop children
+ * @prop placement = "top"
+ * @prop onbeforetoggle: _onbeforetoggle
+ * @prop class: className
+ * @prop isOpen = $bindable(false)
+ * @prop ...restProps
+ */
+declare const Tooltip: import("svelte").Component<TooltipProps, {}, "isOpen">;
+type Tooltip = ReturnType<typeof Tooltip>;
+export default Tooltip;

package/dist/ui/tooltip/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Tooltip } from './Tooltip.svelte';
+export { tooltip } from './theme.js';

package/dist/ui/tooltip/index.js

@@ -0,0 +1,2 @@
+export { default as Tooltip } from './Tooltip.svelte';
+export { tooltip } from './theme.js';

package/dist/ui/tooltip/theme.d.ts

@@ -0,0 +1,90 @@
+import { type VariantProps } from "tailwind-variants";
+export type TooltipVariants = VariantProps<typeof tooltip>;
+export declare const tooltip: import("tailwind-variants").TVReturnType<{
+    type: {
+        light: string;
+        auto: string;
+        dark: string;
+        custom: string;
+    };
+    color: {
+        primary: string;
+        secondary: string;
+        gray: string;
+        red: string;
+        orange: string;
+        amber: string;
+        yellow: string;
+        lime: string;
+        green: string;
+        emerald: string;
+        teal: string;
+        cyan: string;
+        sky: string;
+        blue: string;
+        indigo: string;
+        violet: string;
+        purple: string;
+        fuchsia: string;
+        pink: string;
+        rose: string;
+    };
+}, undefined, "absolute px-3 py-2 rounded-lg text-sm z-50 pointer-events-none", {
+    type: {
+        light: string;
+        auto: string;
+        dark: string;
+        custom: string;
+    };
+    color: {
+        primary: string;
+        secondary: string;
+        gray: string;
+        red: string;
+        orange: string;
+        amber: string;
+        yellow: string;
+        lime: string;
+        green: string;
+        emerald: string;
+        teal: string;
+        cyan: string;
+        sky: string;
+        blue: string;
+        indigo: string;
+        violet: string;
+        purple: string;
+        fuchsia: string;
+        pink: string;
+        rose: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    type: {
+        light: string;
+        auto: string;
+        dark: string;
+        custom: string;
+    };
+    color: {
+        primary: string;
+        secondary: string;
+        gray: string;
+        red: string;
+        orange: string;
+        amber: string;
+        yellow: string;
+        lime: string;
+        green: string;
+        emerald: string;
+        teal: string;
+        cyan: string;
+        sky: string;
+        blue: string;
+        indigo: string;
+        violet: string;
+        purple: string;
+        fuchsia: string;
+        pink: string;
+        rose: string;
+    };
+}, undefined, "absolute px-3 py-2 rounded-lg text-sm z-50 pointer-events-none", unknown, unknown, undefined>>;

package/dist/ui/tooltip/theme.js

@@ -0,0 +1,45 @@
+import { tv } from "tailwind-variants";
+export const tooltip = tv({
+    base: "absolute px-3 py-2 rounded-lg text-sm z-50 pointer-events-none",
+    variants: {
+        type: {
+            light: "bg-white text-gray-800 dark:bg-white dark:text-gray-800 border border-gray-200 dark:border-gray-200",
+            auto: "bg-white text-gray-800 dark:bg-gray-800 dark:text-white border border-gray-200 dark:border-gray-700",
+            dark: "bg-gray-800 text-white dark:bg-gray-800 dark:text-white dark:border dark:border-gray-700",
+            custom: ""
+        },
+        color: {
+            // default: "bg-gray-800 dark:bg-gray-300 dark:text-gray-800",
+            primary: "bg-primary-600 dark:bg-primary-600",
+            secondary: "bg-secondary-600 dark:bg-secondary-600",
+            gray: "bg-gray-600 dark:bg-gray-600",
+            red: "bg-red-600 dark:bg-red-600",
+            orange: "bg-orange-600 dark:bg-orange-600",
+            amber: "bg-amber-600 dark:bg-amber-600",
+            yellow: "bg-yellow-400 dark:bg-yellow-400",
+            lime: "bg-lime-600 dark:bg-lime-600",
+            green: "bg-green-600 dark:bg-green-600",
+            emerald: "bg-emerald-600 dark:bg-emerald-600",
+            teal: "bg-teal-600 dark:bg-teal-600",
+            cyan: "bg-cyan-600 dark:bg-cyan-600",
+            sky: "bg-sky-600 dark:bg-sky-600",
+            blue: "bg-blue-600 dark:bg-blue-600",
+            indigo: "bg-indigo-600 dark:bg-indigo-600",
+            violet: "bg-violet-600 dark:bg-violet-600",
+            purple: "bg-purple-600 dark:bg-purple-600",
+            fuchsia: "bg-fuchsia-600 dark:bg-fuchsia-600",
+            pink: "bg-pink-600 dark:bg-pink-600",
+            rose: "bg-rose-800 dark:bg-rose-800"
+        }
+    },
+    compoundVariants: [
+        {
+            color: ["primary", "secondary", "gray", "red", "orange", "amber", "yellow", "lime", "green", "emerald", "teal", "cyan", "sky", "blue", "indigo", "violet", "purple", "fuchsia", "pink", "rose"],
+            class: "border-0 dark:border-0"
+        }
+    ],
+    defaultVariants: {
+        type: "dark",
+        color: undefined
+    }
+});

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

@@ -12,6 +12,7 @@ export declare class PageInfo {
     setPageSize(newPageSize: number): void;
     setHasNextPage(newValue: boolean): void;
     setHasPrevPage(newValue: boolean): void;
+    setTotalPages(val: number): void;
     setNextPageUrl(newValue: string): void;
     setPrevPageUrl(newValue: string): void;
     gotoStart(): void;

package/dist/utils/paginate.svelte.js

@@ -132,6 +132,10 @@ export class PageInfo {
     setHasPrevPage(newValue) {
         this.#hasPrevPage = newValue;
     }
+    setTotalPages(val) {
+        this.#totalPages = val;
+        this.computePages();
+    }
     setNextPageUrl(newValue) {
         this.#nextPageUrl = newValue;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rkosafo/cai.components",
-  "version": "0.0.66",
+  "version": "0.0.68",
   "files": [
     "dist",
     "!dist/**/*.test.*",