@kopexa/theme 1.4.2 → 1.4.4

package/dist/index.mjs

@@ -1,18 +1,32 @@
-import "./chunk-KIDK6JOG.mjs";
+import "./chunk-N2UQGV46.mjs";
+import {
+  input,
+  passwordInput
+} from "./chunk-PQSL3W26.mjs";
+import {
+  pageLayout
+} from "./chunk-GQV7INYX.mjs";
 import {
   popover
 } from "./chunk-J35D7RWA.mjs";
 import {
   spinner
-} from "./chunk-IL3JFLE2.mjs";
+} from "./chunk-4UDOCFU5.mjs";
 import {
   tooltip
 } from "./chunk-SVCFD7RR.mjs";
+import "./chunk-XSN6P5JL.mjs";
 import {
   button
-} from "./chunk-5FI7W32M.mjs";
-import "./chunk-HQ27V5V4.mjs";
-import "./chunk-U6ONJKJY.mjs";
+} from "./chunk-KE2E5LGH.mjs";
+import "./chunk-2C5EQ4P3.mjs";
+import {
+  calendar
+} from "./chunk-JWF5ABNP.mjs";
+import {
+  chip
+} from "./chunk-32L6KXLV.mjs";
+import "./chunk-67PPUTSS.mjs";
 import {
   command
 } from "./chunk-YPHFKGNI.mjs";
@@ -25,16 +39,17 @@ import {
 import {
   dropdownMenu
 } from "./chunk-EXBKQDH5.mjs";
-import {
-  pageLayout
-} from "./chunk-GQV7INYX.mjs";
 export {
   button,
+  calendar,
+  chip,
   command,
   dialog,
   drawer,
   dropdownMenu,
+  input,
   pageLayout,
+  passwordInput,
   popover,
   spinner,
   tooltip

package/dist/utils/classes.d.mts

@@ -2,6 +2,7 @@
  * focus classNames when the element is focused by keyboard.
  */
 declare const focusVisibleClasses: string[];
+declare const focusWithinClasses: string[];
 declare const dataFocusVisibleClasses: string[];
 
-export { dataFocusVisibleClasses, focusVisibleClasses };
+export { dataFocusVisibleClasses, focusVisibleClasses, focusWithinClasses };

package/dist/utils/classes.d.ts

@@ -2,6 +2,7 @@
  * focus classNames when the element is focused by keyboard.
  */
 declare const focusVisibleClasses: string[];
+declare const focusWithinClasses: string[];
 declare const dataFocusVisibleClasses: string[];
 
-export { dataFocusVisibleClasses, focusVisibleClasses };
+export { dataFocusVisibleClasses, focusVisibleClasses, focusWithinClasses };

package/dist/utils/classes.js

@@ -21,16 +21,21 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var classes_exports = {};
 __export(classes_exports, {
   dataFocusVisibleClasses: () => dataFocusVisibleClasses,
-  focusVisibleClasses: () => focusVisibleClasses
+  focusVisibleClasses: () => focusVisibleClasses,
+  focusWithinClasses: () => focusWithinClasses
 });
 module.exports = __toCommonJS(classes_exports);
 var focusVisibleClasses = [
   "focus-visible:outline-2 focus-visible:outline-ring focus-visible:outline-offset-2"
   //"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
 ];
+var focusWithinClasses = [
+  "focus-within:outline-2 focus-within:outline-ring focus-within:outline-offset-2"
+];
 var dataFocusVisibleClasses = ["outline-hidden"];
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   dataFocusVisibleClasses,
-  focusVisibleClasses
+  focusVisibleClasses,
+  focusWithinClasses
 });

package/dist/utils/classes.mjs

@@ -1,8 +1,10 @@
 import {
   dataFocusVisibleClasses,
-  focusVisibleClasses
-} from "../chunk-HQ27V5V4.mjs";
+  focusVisibleClasses,
+  focusWithinClasses
+} from "../chunk-2C5EQ4P3.mjs";
 export {
   dataFocusVisibleClasses,
-  focusVisibleClasses
+  focusVisibleClasses,
+  focusWithinClasses
 };

package/dist/utils/index.d.mts

@@ -0,0 +1,2 @@
+export { SlotsToClasses } from './types.mjs';
+import 'tailwind-variants';

package/dist/utils/index.d.ts

@@ -0,0 +1,2 @@
+export { SlotsToClasses } from './types.js';
+import 'tailwind-variants';

package/dist/utils/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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/utils/index.ts
+var utils_exports = {};
+module.exports = __toCommonJS(utils_exports);

package/dist/utils/index.mjs

@@ -0,0 +1 @@
+import "../chunk-XSN6P5JL.mjs";

package/dist/utils/types.d.mts

@@ -0,0 +1,10 @@
+import { ClassValue } from 'tailwind-variants';
+
+/**
+ * This Typescript utility transform a list of slots into a list of {slot: classes}
+ */
+type SlotsToClasses<S extends string> = {
+    [key in S]?: Exclude<ClassValue, 0n>;
+};
+
+export type { SlotsToClasses };

package/dist/utils/types.d.ts

@@ -0,0 +1,10 @@
+import { ClassValue } from 'tailwind-variants';
+
+/**
+ * This Typescript utility transform a list of slots into a list of {slot: classes}
+ */
+type SlotsToClasses<S extends string> = {
+    [key in S]?: Exclude<ClassValue, 0n>;
+};
+
+export type { SlotsToClasses };

package/dist/utils/types.js

@@ -0,0 +1,18 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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/utils/types.ts
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);

package/dist/utils/variants.d.mts

@@ -1,5 +1,6 @@
 declare const colorVariants: {
     solid: {
+        default: string;
         primary: string;
         secondary: string;
         destructive: string;
@@ -14,12 +15,31 @@ declare const colorVariants: {
         success: string;
     };
     outline: {
+        default: string;
         primary: string;
         secondary: string;
         destructive: string;
         warning: string;
         success: string;
     };
+    flat: {
+        default: string;
+        primary: string;
+        secondary: string;
+        success: string;
+        warning: string;
+        destructive: string;
+        foreground: string;
+    };
+    faded: {
+        default: string;
+        primary: string;
+        secondary: string;
+        success: string;
+        warning: string;
+        destructive: string;
+        foreground: string;
+    };
 };
 
 export { colorVariants };

package/dist/utils/variants.d.ts

@@ -1,5 +1,6 @@
 declare const colorVariants: {
     solid: {
+        default: string;
         primary: string;
         secondary: string;
         destructive: string;
@@ -14,12 +15,31 @@ declare const colorVariants: {
         success: string;
     };
     outline: {
+        default: string;
         primary: string;
         secondary: string;
         destructive: string;
         warning: string;
         success: string;
     };
+    flat: {
+        default: string;
+        primary: string;
+        secondary: string;
+        success: string;
+        warning: string;
+        destructive: string;
+        foreground: string;
+    };
+    faded: {
+        default: string;
+        primary: string;
+        secondary: string;
+        success: string;
+        warning: string;
+        destructive: string;
+        foreground: string;
+    };
 };
 
 export { colorVariants };

package/dist/utils/variants.js

@@ -24,6 +24,7 @@ __export(variants_exports, {
 });
 module.exports = __toCommonJS(variants_exports);
 var solid = {
+  default: "bg-accent text-accent-foreground",
   primary: "bg-primary text-primary-foreground",
   secondary: "bg-secondary text-secondary-foreground",
   destructive: "bg-destructive text-destructive-foreground",
@@ -31,12 +32,31 @@ var solid = {
   success: "bg-success text-success-foreground"
 };
 var outline = {
+  default: "bg-transparent border border-accent text-accent-foreground",
   primary: "bg-transparent border-primary text-primary",
-  secondary: "bg-transparent border-secondary text-secondary",
+  secondary: "bg-transparent border-secondary text-secondary-foreground",
   destructive: "bg-transparent border-destructive text-destructive",
   warning: "bg-transparent border-warning text-warning",
   success: "bg-transparent border-success text-success"
 };
+var flat = {
+  default: "bg-accent/40 text-accent-700",
+  primary: "bg-primary/20 text-primary-600",
+  secondary: "bg-secondary/20 text-secondary-600",
+  success: "bg-success/20 text-success-700 dark:text-success",
+  warning: "bg-warning/20 text-warning-700 dark:text-warning",
+  destructive: "bg-danger/20 text-danger-600 dark:text-danger-500",
+  foreground: "bg-foreground/10 text-foreground"
+};
+var faded = {
+  default: "border-default bg-accent/30 text-default-foreground",
+  primary: "border-default bg-accent/30 text-primary",
+  secondary: "border-default bg-accent/30 text-secondary-foreground",
+  success: "border-default bg-accent/30 text-success",
+  warning: "border-default bg-accent/30 text-warning",
+  destructive: "border-default bg-accent/30 text-danger",
+  foreground: "border-default bg-accent/30 text-foreground"
+};
 var ghost = {
   primary: "bg-transparent text-primary",
   secondary: "bg-transparent text-secondary",
@@ -47,7 +67,9 @@ var ghost = {
 var colorVariants = {
   solid,
   ghost,
-  outline
+  outline,
+  flat,
+  faded
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/utils/variants.mjs

@@ -1,6 +1,6 @@
 import {
   colorVariants
-} from "../chunk-U6ONJKJY.mjs";
+} from "../chunk-67PPUTSS.mjs";
 export {
   colorVariants
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kopexa/theme",
-  "version": "1.4.2",
+  "version": "1.4.4",
   "description": "The default theme for Kopexa components",
   "keywords": [
     "theme",
@@ -45,7 +45,7 @@
     "tailwind-merge": "3.3.1",
     "tailwind-variants": "1.0.0",
     "tw-animate-css": "^1.3.5",
-    "@kopexa/shared-utils": "1.1.1"
+    "@kopexa/shared-utils": "1.1.2"
   },
   "peerDependencies": {
     "tailwindcss": ">=4.0.0"

package/dist/chunk-U6ONJKJY.mjs

@@ -1,31 +0,0 @@
-// src/utils/variants.ts
-var solid = {
-  primary: "bg-primary text-primary-foreground",
-  secondary: "bg-secondary text-secondary-foreground",
-  destructive: "bg-destructive text-destructive-foreground",
-  warning: "bg-warning text-warning-foreground",
-  success: "bg-success text-success-foreground"
-};
-var outline = {
-  primary: "bg-transparent border-primary text-primary",
-  secondary: "bg-transparent border-secondary text-secondary",
-  destructive: "bg-transparent border-destructive text-destructive",
-  warning: "bg-transparent border-warning text-warning",
-  success: "bg-transparent border-success text-success"
-};
-var ghost = {
-  primary: "bg-transparent text-primary",
-  secondary: "bg-transparent text-secondary",
-  destructive: "bg-transparent text-destructive",
-  warning: "bg-transparent text-warning",
-  success: "bg-transparent text-success"
-};
-var colorVariants = {
-  solid,
-  ghost,
-  outline
-};
-
-export {
-  colorVariants
-};