@kopexa/theme 17.9.0 → 17.11.0

package/dist/components/image-placeholder.d.mts

@@ -0,0 +1,139 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const imagePlaceholder: tailwind_variants.TVReturnType<{
+    size: {
+        sm: {
+            root: string;
+            icon: string;
+            text: string;
+            hint: string;
+        };
+        md: {
+            root: string;
+            icon: string;
+            text: string;
+            hint: string;
+        };
+        lg: {
+            root: string;
+            icon: string;
+            text: string;
+            hint: string;
+        };
+    };
+    variant: {
+        default: {
+            root: string;
+        };
+        error: {
+            root: string;
+            icon: string;
+            text: string;
+        };
+        disabled: {
+            root: string;
+        };
+        uploading: {
+            root: string;
+        };
+    };
+}, {
+    root: string[];
+    content: string;
+    icon: string;
+    text: string;
+    hint: string;
+    removeButton: string;
+}, undefined, {
+    size: {
+        sm: {
+            root: string;
+            icon: string;
+            text: string;
+            hint: string;
+        };
+        md: {
+            root: string;
+            icon: string;
+            text: string;
+            hint: string;
+        };
+        lg: {
+            root: string;
+            icon: string;
+            text: string;
+            hint: string;
+        };
+    };
+    variant: {
+        default: {
+            root: string;
+        };
+        error: {
+            root: string;
+            icon: string;
+            text: string;
+        };
+        disabled: {
+            root: string;
+        };
+        uploading: {
+            root: string;
+        };
+    };
+}, {
+    root: string[];
+    content: string;
+    icon: string;
+    text: string;
+    hint: string;
+    removeButton: string;
+}, tailwind_variants.TVReturnType<{
+    size: {
+        sm: {
+            root: string;
+            icon: string;
+            text: string;
+            hint: string;
+        };
+        md: {
+            root: string;
+            icon: string;
+            text: string;
+            hint: string;
+        };
+        lg: {
+            root: string;
+            icon: string;
+            text: string;
+            hint: string;
+        };
+    };
+    variant: {
+        default: {
+            root: string;
+        };
+        error: {
+            root: string;
+            icon: string;
+            text: string;
+        };
+        disabled: {
+            root: string;
+        };
+        uploading: {
+            root: string;
+        };
+    };
+}, {
+    root: string[];
+    content: string;
+    icon: string;
+    text: string;
+    hint: string;
+    removeButton: string;
+}, undefined, unknown, unknown, undefined>>;
+type ImagePlaceholderVariantProps = VariantProps<typeof imagePlaceholder>;
+
+export { type ImagePlaceholderVariantProps, imagePlaceholder };

package/dist/components/image-placeholder.d.ts

@@ -0,0 +1,139 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const imagePlaceholder: tailwind_variants.TVReturnType<{
+    size: {
+        sm: {
+            root: string;
+            icon: string;
+            text: string;
+            hint: string;
+        };
+        md: {
+            root: string;
+            icon: string;
+            text: string;
+            hint: string;
+        };
+        lg: {
+            root: string;
+            icon: string;
+            text: string;
+            hint: string;
+        };
+    };
+    variant: {
+        default: {
+            root: string;
+        };
+        error: {
+            root: string;
+            icon: string;
+            text: string;
+        };
+        disabled: {
+            root: string;
+        };
+        uploading: {
+            root: string;
+        };
+    };
+}, {
+    root: string[];
+    content: string;
+    icon: string;
+    text: string;
+    hint: string;
+    removeButton: string;
+}, undefined, {
+    size: {
+        sm: {
+            root: string;
+            icon: string;
+            text: string;
+            hint: string;
+        };
+        md: {
+            root: string;
+            icon: string;
+            text: string;
+            hint: string;
+        };
+        lg: {
+            root: string;
+            icon: string;
+            text: string;
+            hint: string;
+        };
+    };
+    variant: {
+        default: {
+            root: string;
+        };
+        error: {
+            root: string;
+            icon: string;
+            text: string;
+        };
+        disabled: {
+            root: string;
+        };
+        uploading: {
+            root: string;
+        };
+    };
+}, {
+    root: string[];
+    content: string;
+    icon: string;
+    text: string;
+    hint: string;
+    removeButton: string;
+}, tailwind_variants.TVReturnType<{
+    size: {
+        sm: {
+            root: string;
+            icon: string;
+            text: string;
+            hint: string;
+        };
+        md: {
+            root: string;
+            icon: string;
+            text: string;
+            hint: string;
+        };
+        lg: {
+            root: string;
+            icon: string;
+            text: string;
+            hint: string;
+        };
+    };
+    variant: {
+        default: {
+            root: string;
+        };
+        error: {
+            root: string;
+            icon: string;
+            text: string;
+        };
+        disabled: {
+            root: string;
+        };
+        uploading: {
+            root: string;
+        };
+    };
+}, {
+    root: string[];
+    content: string;
+    icon: string;
+    text: string;
+    hint: string;
+    removeButton: string;
+}, undefined, unknown, unknown, undefined>>;
+type ImagePlaceholderVariantProps = VariantProps<typeof imagePlaceholder>;
+
+export { type ImagePlaceholderVariantProps, imagePlaceholder };

package/dist/components/image-placeholder.js

@@ -0,0 +1,86 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/image-placeholder.ts
+var image_placeholder_exports = {};
+__export(image_placeholder_exports, {
+  imagePlaceholder: () => imagePlaceholder
+});
+module.exports = __toCommonJS(image_placeholder_exports);
+var import_tailwind_variants = require("tailwind-variants");
+var imagePlaceholder = (0, import_tailwind_variants.tv)({
+  slots: {
+    root: [
+      "relative flex items-center justify-center",
+      "rounded-lg border-2 border-dashed",
+      "transition-colors cursor-pointer"
+    ],
+    content: "flex flex-col items-center gap-2 pointer-events-none",
+    icon: "text-muted-foreground",
+    text: "text-muted-foreground",
+    hint: "text-muted-foreground",
+    removeButton: "absolute top-2 right-2"
+  },
+  variants: {
+    size: {
+      sm: {
+        root: "min-h-24 py-4 px-6",
+        icon: "size-6",
+        text: "text-xs",
+        hint: "text-[10px]"
+      },
+      md: {
+        root: "min-h-32 py-6 px-8",
+        icon: "size-8",
+        text: "text-sm",
+        hint: "text-xs"
+      },
+      lg: {
+        root: "min-h-40 py-8 px-10",
+        icon: "size-10",
+        text: "text-base",
+        hint: "text-sm"
+      }
+    },
+    variant: {
+      default: {
+        root: "border-border bg-muted/20 hover:border-primary/50 hover:bg-muted/40"
+      },
+      error: {
+        root: "border-destructive/50 bg-destructive/10 cursor-default",
+        icon: "text-destructive",
+        text: "text-destructive"
+      },
+      disabled: {
+        root: "border-border bg-muted/10 cursor-not-allowed opacity-60"
+      },
+      uploading: {
+        root: "border-border bg-muted/30 cursor-wait"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    variant: "default"
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  imagePlaceholder
+});

package/dist/components/image-placeholder.mjs

@@ -0,0 +1,6 @@
+import {
+  imagePlaceholder
+} from "../chunk-VO435JJ5.mjs";
+export {
+  imagePlaceholder
+};

package/dist/components/index.d.mts

@@ -30,6 +30,7 @@ export { frameworkRow } from './framework-row.mjs';
 export { HeadingVariantProps, heading } from './heading.mjs';
 export { HoverCardSlots, HoverCardVariantProps, hoverCard } from './hover-card.mjs';
 export { imageCrop } from './image-crop.mjs';
+export { ImagePlaceholderVariantProps, imagePlaceholder } from './image-placeholder.mjs';
 export { ImpactCardSlots, ImpactCardVariantProps, impactCard } from './impact-card.mjs';
 export { InputVariantProps, input, passwordInput } from './input.mjs';
 export { inputGroup } from './input-group.mjs';
@@ -64,6 +65,7 @@ export { TabNavSlots, TabNavVariantProps, tabNav } from './tab-nav.mjs';
 export { TableSlots, TableVariantProps, table } from './table.mjs';
 export { TabsVariantProps, tabs } from './tabs.mjs';
 export { TextareaVariantProps, textarea } from './textarea.mjs';
+export { TocSlots, TocVariantProps, toc } from './toc.mjs';
 export { ToolbarVariantProps, toolbar } from './toolbar.mjs';
 export { TooltipVariants, tooltip } from './tooltip.mjs';
 import 'tailwind-variants';

package/dist/components/index.d.ts

@@ -30,6 +30,7 @@ export { frameworkRow } from './framework-row.js';
 export { HeadingVariantProps, heading } from './heading.js';
 export { HoverCardSlots, HoverCardVariantProps, hoverCard } from './hover-card.js';
 export { imageCrop } from './image-crop.js';
+export { ImagePlaceholderVariantProps, imagePlaceholder } from './image-placeholder.js';
 export { ImpactCardSlots, ImpactCardVariantProps, impactCard } from './impact-card.js';
 export { InputVariantProps, input, passwordInput } from './input.js';
 export { inputGroup } from './input-group.js';
@@ -64,6 +65,7 @@ export { TabNavSlots, TabNavVariantProps, tabNav } from './tab-nav.js';
 export { TableSlots, TableVariantProps, table } from './table.js';
 export { TabsVariantProps, tabs } from './tabs.js';
 export { TextareaVariantProps, textarea } from './textarea.js';
+export { TocSlots, TocVariantProps, toc } from './toc.js';
 export { ToolbarVariantProps, toolbar } from './toolbar.js';
 export { TooltipVariants, tooltip } from './tooltip.js';
 import 'tailwind-variants';