@kopexa/theme 1.6.10 → 1.7.0

package/dist/chunk-DICHD74Q.mjs

@@ -0,0 +1,55 @@
+// src/components/blankstate.ts
+import { tv } from "tailwind-variants";
+var blankstate = tv({
+  slots: {
+    root: "@container/blankstate",
+    container: "grid  justify-items-center",
+    icon: "inline-flex mb-2 text-muted-foreground [&_svg]:w-full",
+    title: "mb-1",
+    description: "text-muted-foreground",
+    actions: "my-4 flex items-center gap-2"
+  },
+  variants: {
+    size: {
+      sm: {
+        container: "py-8 px-5",
+        title: "text-h4-core",
+        icon: "[&_svg]:size-6",
+        description: "text-sm"
+      },
+      md: {
+        container: "py-8 px-8",
+        title: "text-h2-core",
+        description: "text-base",
+        icon: "[&_svg]:size-8"
+      },
+      lg: {
+        container: "py-8 px-8",
+        title: "text-h1-core",
+        description: "text-base",
+        icon: "[&_svg]:size-10"
+      }
+    },
+    bordered: {
+      true: {
+        container: "border rounded-lg"
+      },
+      false: {}
+    },
+    narrow: {
+      true: {
+        container: "max-w-md mx-auto"
+      },
+      false: {}
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    bordered: false,
+    narrow: false
+  }
+});
+
+export {
+  blankstate
+};

package/dist/chunk-LURDY4A5.mjs

@@ -0,0 +1,25 @@
+import {
+  avatar
+} from "./chunk-WPVIIT3Z.mjs";
+
+// src/components/skeleton-avatar.ts
+import { tv } from "tailwind-variants";
+var skeletonAvatar = tv({
+  base: "rounded-full",
+  variants: {
+    size: {
+      "2xs": avatar.variants.size["2xs"].root,
+      xs: avatar.variants.size.xs.root,
+      sm: avatar.variants.size.sm.root,
+      md: avatar.variants.size.md.root,
+      lg: avatar.variants.size.lg.root
+    }
+  },
+  defaultVariants: {
+    size: avatar.defaultVariants.size
+  }
+});
+
+export {
+  skeletonAvatar
+};

package/dist/{chunk-2BPKTGNE.mjs → chunk-WPVIIT3Z.mjs}

@@ -58,6 +58,12 @@ var avatar = tv({
   },
   variants: {
     size: {
+      "2xs": {
+        root: "w-4 h-4 text-[8px]"
+      },
+      xs: {
+        root: "w-6 h-6 text-[10px]"
+      },
       sm: {
         root: "w-8 h-8 text-[11px]"
       },

package/dist/components/avatar.d.mts

@@ -3,6 +3,12 @@ import { VariantProps } from 'tailwind-variants';
 
 declare const avatar: tailwind_variants.TVReturnType<{
     size: {
+        "2xs": {
+            root: string;
+        };
+        xs: {
+            root: string;
+        };
         sm: {
             root: string;
         };
@@ -78,6 +84,12 @@ declare const avatar: tailwind_variants.TVReturnType<{
     icon: string[];
 }, undefined, {
     size: {
+        "2xs": {
+            root: string;
+        };
+        xs: {
+            root: string;
+        };
         sm: {
             root: string;
         };
@@ -153,6 +165,12 @@ declare const avatar: tailwind_variants.TVReturnType<{
     icon: string[];
 }, tailwind_variants.TVReturnType<{
     size: {
+        "2xs": {
+            root: string;
+        };
+        xs: {
+            root: string;
+        };
         sm: {
             root: string;
         };

package/dist/components/avatar.d.ts

@@ -3,6 +3,12 @@ import { VariantProps } from 'tailwind-variants';
 
 declare const avatar: tailwind_variants.TVReturnType<{
     size: {
+        "2xs": {
+            root: string;
+        };
+        xs: {
+            root: string;
+        };
         sm: {
             root: string;
         };
@@ -78,6 +84,12 @@ declare const avatar: tailwind_variants.TVReturnType<{
     icon: string[];
 }, undefined, {
     size: {
+        "2xs": {
+            root: string;
+        };
+        xs: {
+            root: string;
+        };
         sm: {
             root: string;
         };
@@ -153,6 +165,12 @@ declare const avatar: tailwind_variants.TVReturnType<{
     icon: string[];
 }, tailwind_variants.TVReturnType<{
     size: {
+        "2xs": {
+            root: string;
+        };
+        xs: {
+            root: string;
+        };
         sm: {
             root: string;
         };

package/dist/components/avatar.js

@@ -139,6 +139,12 @@ var avatar = (0, import_tailwind_variants.tv)({
   },
   variants: {
     size: {
+      "2xs": {
+        root: "w-4 h-4 text-[8px]"
+      },
+      xs: {
+        root: "w-6 h-6 text-[10px]"
+      },
       sm: {
         root: "w-8 h-8 text-[11px]"
       },

package/dist/components/avatar.mjs

@@ -1,6 +1,6 @@
 import {
   avatar
-} from "../chunk-2BPKTGNE.mjs";
+} from "../chunk-WPVIIT3Z.mjs";
 import "../chunk-UEMJVVVF.mjs";
 import "../chunk-LG2J56LI.mjs";
 export {

package/dist/components/blankstate.d.mts

@@ -0,0 +1,128 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const blankstate: tailwind_variants.TVReturnType<{
+    size: {
+        sm: {
+            container: string;
+            title: string;
+            icon: string;
+            description: string;
+        };
+        md: {
+            container: string;
+            title: string;
+            description: string;
+            icon: string;
+        };
+        lg: {
+            container: string;
+            title: string;
+            description: string;
+            icon: string;
+        };
+    };
+    bordered: {
+        true: {
+            container: string;
+        };
+        false: {};
+    };
+    narrow: {
+        true: {
+            container: string;
+        };
+        false: {};
+    };
+}, {
+    root: string;
+    container: string;
+    icon: string;
+    title: string;
+    description: string;
+    actions: string;
+}, undefined, {
+    size: {
+        sm: {
+            container: string;
+            title: string;
+            icon: string;
+            description: string;
+        };
+        md: {
+            container: string;
+            title: string;
+            description: string;
+            icon: string;
+        };
+        lg: {
+            container: string;
+            title: string;
+            description: string;
+            icon: string;
+        };
+    };
+    bordered: {
+        true: {
+            container: string;
+        };
+        false: {};
+    };
+    narrow: {
+        true: {
+            container: string;
+        };
+        false: {};
+    };
+}, {
+    root: string;
+    container: string;
+    icon: string;
+    title: string;
+    description: string;
+    actions: string;
+}, tailwind_variants.TVReturnType<{
+    size: {
+        sm: {
+            container: string;
+            title: string;
+            icon: string;
+            description: string;
+        };
+        md: {
+            container: string;
+            title: string;
+            description: string;
+            icon: string;
+        };
+        lg: {
+            container: string;
+            title: string;
+            description: string;
+            icon: string;
+        };
+    };
+    bordered: {
+        true: {
+            container: string;
+        };
+        false: {};
+    };
+    narrow: {
+        true: {
+            container: string;
+        };
+        false: {};
+    };
+}, {
+    root: string;
+    container: string;
+    icon: string;
+    title: string;
+    description: string;
+    actions: string;
+}, undefined, unknown, unknown, undefined>>;
+type BlankStateVariantProps = VariantProps<typeof blankstate>;
+type BlankStateSlots = keyof ReturnType<typeof blankstate>;
+
+export { type BlankStateSlots, type BlankStateVariantProps, blankstate };

package/dist/components/blankstate.d.ts

@@ -0,0 +1,128 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const blankstate: tailwind_variants.TVReturnType<{
+    size: {
+        sm: {
+            container: string;
+            title: string;
+            icon: string;
+            description: string;
+        };
+        md: {
+            container: string;
+            title: string;
+            description: string;
+            icon: string;
+        };
+        lg: {
+            container: string;
+            title: string;
+            description: string;
+            icon: string;
+        };
+    };
+    bordered: {
+        true: {
+            container: string;
+        };
+        false: {};
+    };
+    narrow: {
+        true: {
+            container: string;
+        };
+        false: {};
+    };
+}, {
+    root: string;
+    container: string;
+    icon: string;
+    title: string;
+    description: string;
+    actions: string;
+}, undefined, {
+    size: {
+        sm: {
+            container: string;
+            title: string;
+            icon: string;
+            description: string;
+        };
+        md: {
+            container: string;
+            title: string;
+            description: string;
+            icon: string;
+        };
+        lg: {
+            container: string;
+            title: string;
+            description: string;
+            icon: string;
+        };
+    };
+    bordered: {
+        true: {
+            container: string;
+        };
+        false: {};
+    };
+    narrow: {
+        true: {
+            container: string;
+        };
+        false: {};
+    };
+}, {
+    root: string;
+    container: string;
+    icon: string;
+    title: string;
+    description: string;
+    actions: string;
+}, tailwind_variants.TVReturnType<{
+    size: {
+        sm: {
+            container: string;
+            title: string;
+            icon: string;
+            description: string;
+        };
+        md: {
+            container: string;
+            title: string;
+            description: string;
+            icon: string;
+        };
+        lg: {
+            container: string;
+            title: string;
+            description: string;
+            icon: string;
+        };
+    };
+    bordered: {
+        true: {
+            container: string;
+        };
+        false: {};
+    };
+    narrow: {
+        true: {
+            container: string;
+        };
+        false: {};
+    };
+}, {
+    root: string;
+    container: string;
+    icon: string;
+    title: string;
+    description: string;
+    actions: string;
+}, undefined, unknown, unknown, undefined>>;
+type BlankStateVariantProps = VariantProps<typeof blankstate>;
+type BlankStateSlots = keyof ReturnType<typeof blankstate>;
+
+export { type BlankStateSlots, type BlankStateVariantProps, blankstate };

package/dist/components/blankstate.js

@@ -0,0 +1,79 @@
+"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/blankstate.ts
+var blankstate_exports = {};
+__export(blankstate_exports, {
+  blankstate: () => blankstate
+});
+module.exports = __toCommonJS(blankstate_exports);
+var import_tailwind_variants = require("tailwind-variants");
+var blankstate = (0, import_tailwind_variants.tv)({
+  slots: {
+    root: "@container/blankstate",
+    container: "grid  justify-items-center",
+    icon: "inline-flex mb-2 text-muted-foreground [&_svg]:w-full",
+    title: "mb-1",
+    description: "text-muted-foreground",
+    actions: "my-4 flex items-center gap-2"
+  },
+  variants: {
+    size: {
+      sm: {
+        container: "py-8 px-5",
+        title: "text-h4-core",
+        icon: "[&_svg]:size-6",
+        description: "text-sm"
+      },
+      md: {
+        container: "py-8 px-8",
+        title: "text-h2-core",
+        description: "text-base",
+        icon: "[&_svg]:size-8"
+      },
+      lg: {
+        container: "py-8 px-8",
+        title: "text-h1-core",
+        description: "text-base",
+        icon: "[&_svg]:size-10"
+      }
+    },
+    bordered: {
+      true: {
+        container: "border rounded-lg"
+      },
+      false: {}
+    },
+    narrow: {
+      true: {
+        container: "max-w-md mx-auto"
+      },
+      false: {}
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    bordered: false,
+    narrow: false
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  blankstate
+});

package/dist/components/blankstate.mjs

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

package/dist/components/index.d.mts

@@ -2,6 +2,7 @@ export { AccordionSlots, AccordionVariantProps, accordion } from './accordion.mj
 export { AlertDialogSlots, AlertDialogVariants, alertDialog } from './alert-dialog.mjs';
 export { AvatarSlots, AvatarVariantProps, avatar } from './avatar.mjs';
 export { AvatarGroupSlots, AvatarGroupVariantProps, avatarGroup } from './avatar-group.mjs';
+export { BlankStateSlots, BlankStateVariantProps, blankstate } from './blankstate.mjs';
 export { ButtonVariantProps, button } from './button.mjs';
 export { CalendarVariantProps, calendar } from './calendar.mjs';
 export { CalloutVariantProps, callout } from './callout.mjs';
@@ -28,6 +29,7 @@ export { SectionRowSlots, SectionRowVariantProps, sectionRow } from './section-r
 export { SeparatorVariantProps, separator } from './separator.mjs';
 export { SidebarMenuActionVariantProps, SidebarMenuButtonVariantProps, SidebarVariantProps, sidebar, sidebarMenuAction, sidebarMenuButton } from './sidebar.mjs';
 export { skeleton } from './skeleton.mjs';
+export { SkeletonAvatarVariantProps, skeletonAvatar } from './skeleton-avatar.mjs';
 export { SpinnerVariants, spinner } from './spinner.mjs';
 export { SplitPageLayoutVariantProps, splitPageLayout } from './split-page-layout.mjs';
 export { TabNavSlots, TabNavVariantProps, tabNav } from './tab-nav.mjs';

package/dist/components/index.d.ts

@@ -2,6 +2,7 @@ export { AccordionSlots, AccordionVariantProps, accordion } from './accordion.js
 export { AlertDialogSlots, AlertDialogVariants, alertDialog } from './alert-dialog.js';
 export { AvatarSlots, AvatarVariantProps, avatar } from './avatar.js';
 export { AvatarGroupSlots, AvatarGroupVariantProps, avatarGroup } from './avatar-group.js';
+export { BlankStateSlots, BlankStateVariantProps, blankstate } from './blankstate.js';
 export { ButtonVariantProps, button } from './button.js';
 export { CalendarVariantProps, calendar } from './calendar.js';
 export { CalloutVariantProps, callout } from './callout.js';
@@ -28,6 +29,7 @@ export { SectionRowSlots, SectionRowVariantProps, sectionRow } from './section-r
 export { SeparatorVariantProps, separator } from './separator.js';
 export { SidebarMenuActionVariantProps, SidebarMenuButtonVariantProps, SidebarVariantProps, sidebar, sidebarMenuAction, sidebarMenuButton } from './sidebar.js';
 export { skeleton } from './skeleton.js';
+export { SkeletonAvatarVariantProps, skeletonAvatar } from './skeleton-avatar.js';
 export { SpinnerVariants, spinner } from './spinner.js';
 export { SplitPageLayoutVariantProps, splitPageLayout } from './split-page-layout.js';
 export { TabNavSlots, TabNavVariantProps, tabNav } from './tab-nav.js';