@kopexa/theme 1.7.7 → 2.1.0

package/dist/components/switch.js

@@ -0,0 +1,63 @@
+"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/switch.ts
+var switch_exports = {};
+__export(switch_exports, {
+  switchVariants: () => switchVariants
+});
+module.exports = __toCommonJS(switch_exports);
+var import_tailwind_variants = require("tailwind-variants");
+var switchVariants = (0, import_tailwind_variants.tv)({
+  slots: {
+    root: [
+      "peer data-[checked]:bg-primary data-[unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[unchecked]:bg-input/80",
+      "aria-invalid:border-destructive/60 aria-invalid:ring-destructive/10 dark:aria-invalid:border-destructive dark:aria-invalid:ring-destructive/20",
+      "inline-flex shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px]",
+      "disabled:cursor-not-allowed disabled:opacity-50"
+    ],
+    thumb: [
+      "bg-background dark:data-[unchecked]:bg-foreground dark:data-[checked]:bg-primary-foreground",
+      "pointer-events-none rounded-full ring-0 transition-transform flex items-center justify-center"
+    ]
+  },
+  variants: {
+    size: {
+      sm: {
+        root: "h-4 w-6",
+        thumb: "size-3 data-[checked]:translate-x-[calc(100%-2px)] data-[unchecked]:translate-x-0"
+      },
+      md: {
+        root: "h-5 w-8",
+        thumb: "size-4 data-[checked]:translate-x-[calc(100%-2px)] data-[unchecked]:translate-x-0"
+      },
+      lg: {
+        root: "h-6 w-10",
+        thumb: "size-5 data-[checked]:translate-x-[calc(100%-2px)] data-[unchecked]:translate-x-0"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  switchVariants
+});

package/dist/components/switch.mjs

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

package/dist/components/textarea.d.mts

@@ -0,0 +1,25 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const textarea: tailwind_variants.TVReturnType<{
+    size: {
+        sm: string[];
+        md: string[];
+        lg: string[];
+    };
+}, undefined, string[], {
+    size: {
+        sm: string[];
+        md: string[];
+        lg: string[];
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    size: {
+        sm: string[];
+        md: string[];
+        lg: string[];
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+type TextareaVariantProps = VariantProps<typeof textarea>;
+
+export { type TextareaVariantProps, textarea };

package/dist/components/textarea.d.ts

@@ -0,0 +1,25 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const textarea: tailwind_variants.TVReturnType<{
+    size: {
+        sm: string[];
+        md: string[];
+        lg: string[];
+    };
+}, undefined, string[], {
+    size: {
+        sm: string[];
+        md: string[];
+        lg: string[];
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    size: {
+        sm: string[];
+        md: string[];
+        lg: string[];
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+type TextareaVariantProps = VariantProps<typeof textarea>;
+
+export { type TextareaVariantProps, textarea };

package/dist/components/textarea.js

@@ -0,0 +1,72 @@
+"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/textarea.ts
+var textarea_exports = {};
+__export(textarea_exports, {
+  textarea: () => textarea
+});
+module.exports = __toCommonJS(textarea_exports);
+var import_tailwind_variants = require("tailwind-variants");
+
+// src/utils/classes.ts
+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 inputClasses = {
+  radius: {
+    sm: "rounded-sm",
+    md: "rounded-md",
+    lg: "rounded-lg"
+  },
+  height: {
+    sm: "h-7 min-h-7",
+    md: "h-8.5 min-h-8.5",
+    lg: "h-10 min-h-10"
+  }
+};
+
+// src/components/textarea.ts
+var textarea = (0, import_tailwind_variants.tv)({
+  base: [
+    "w-full border border-input bg-background text-foreground shadow-xs shadow-black/5 transition-[color,box-shadow]",
+    "text-foreground placeholder:text-muted-foreground/80",
+    "disabled:cursor-not-allowed disabled:opacity-50 [&[readonly]]:opacity-70 aria-invalid:border-destructive",
+    ...focusVisibleClasses,
+    "aria-invalid:border-destructive/60 aria-invalid:ring-destructive/10 dark:aria-invalid:border-destructive dark:aria-invalid:ring-destructive/20"
+  ],
+  variants: {
+    size: {
+      sm: [inputClasses.radius.sm, "px-2.5 py-2.5 text-xs"],
+      md: [
+        inputClasses.radius.md,
+        "px-3 py-3 text-[0.8125rem] leading-(--text-sm--line-height)"
+      ],
+      lg: [inputClasses.radius.lg, "px-4 py-4 text-sm"]
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  textarea
+});

package/dist/components/textarea.mjs

@@ -0,0 +1,7 @@
+import {
+  textarea
+} from "../chunk-M3GQ563Q.mjs";
+import "../chunk-5DOB3IBE.mjs";
+export {
+  textarea
+};

package/dist/components/toolbar.d.mts

@@ -0,0 +1,91 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const toolbar: tailwind_variants.TVReturnType<{
+    color: {
+        default: {
+            root: string;
+        };
+    };
+    sticky: {
+        true: {
+            root: string;
+        };
+    };
+    border: {
+        default: string;
+        none: string;
+    };
+    radius: {
+        none: {
+            root: string;
+        };
+        md: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    button: string;
+    separator: string;
+    group: string;
+}, undefined, {
+    color: {
+        default: {
+            root: string;
+        };
+    };
+    sticky: {
+        true: {
+            root: string;
+        };
+    };
+    border: {
+        default: string;
+        none: string;
+    };
+    radius: {
+        none: {
+            root: string;
+        };
+        md: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    button: string;
+    separator: string;
+    group: string;
+}, tailwind_variants.TVReturnType<{
+    color: {
+        default: {
+            root: string;
+        };
+    };
+    sticky: {
+        true: {
+            root: string;
+        };
+    };
+    border: {
+        default: string;
+        none: string;
+    };
+    radius: {
+        none: {
+            root: string;
+        };
+        md: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    button: string;
+    separator: string;
+    group: string;
+}, undefined, unknown, unknown, undefined>>;
+type ToolbarVariantProps = VariantProps<typeof toolbar>;
+
+export { type ToolbarVariantProps, toolbar };

package/dist/components/toolbar.d.ts

@@ -0,0 +1,91 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const toolbar: tailwind_variants.TVReturnType<{
+    color: {
+        default: {
+            root: string;
+        };
+    };
+    sticky: {
+        true: {
+            root: string;
+        };
+    };
+    border: {
+        default: string;
+        none: string;
+    };
+    radius: {
+        none: {
+            root: string;
+        };
+        md: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    button: string;
+    separator: string;
+    group: string;
+}, undefined, {
+    color: {
+        default: {
+            root: string;
+        };
+    };
+    sticky: {
+        true: {
+            root: string;
+        };
+    };
+    border: {
+        default: string;
+        none: string;
+    };
+    radius: {
+        none: {
+            root: string;
+        };
+        md: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    button: string;
+    separator: string;
+    group: string;
+}, tailwind_variants.TVReturnType<{
+    color: {
+        default: {
+            root: string;
+        };
+    };
+    sticky: {
+        true: {
+            root: string;
+        };
+    };
+    border: {
+        default: string;
+        none: string;
+    };
+    radius: {
+        none: {
+            root: string;
+        };
+        md: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    button: string;
+    separator: string;
+    group: string;
+}, undefined, unknown, unknown, undefined>>;
+type ToolbarVariantProps = VariantProps<typeof toolbar>;
+
+export { type ToolbarVariantProps, toolbar };

package/dist/components/toolbar.js

@@ -0,0 +1,67 @@
+"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/toolbar.ts
+var toolbar_exports = {};
+__export(toolbar_exports, {
+  toolbar: () => toolbar
+});
+module.exports = __toCommonJS(toolbar_exports);
+var import_tailwind_variants = require("tailwind-variants");
+var toolbar = (0, import_tailwind_variants.tv)({
+  slots: {
+    root: "flex items-center gap-2.5 p-1",
+    button: "shrink-0",
+    separator: "bg-border h-6 w-px shrink-0",
+    group: "flex items-center gap-1"
+  },
+  variants: {
+    color: {
+      default: {
+        root: "bg-popover"
+      }
+    },
+    sticky: {
+      true: {
+        root: "sticky top-0 z-10"
+      }
+    },
+    border: {
+      default: "outline-border shadow-xs outline",
+      none: ""
+    },
+    radius: {
+      none: {
+        root: "rounded-none"
+      },
+      md: {
+        root: "rounded-md"
+      }
+    }
+  },
+  defaultVariants: {
+    border: "default",
+    color: "default",
+    radius: "md"
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  toolbar
+});

package/dist/components/toolbar.mjs

@@ -0,0 +1,6 @@
+import {
+  toolbar
+} from "../chunk-2NA54PNL.mjs";
+export {
+  toolbar
+};