@kopexa/theme 1.7.6 → 2.0.0

package/dist/index.mjs

@@ -1,5 +1,23 @@
 import "./chunk-XSN6P5JL.mjs";
-import "./chunk-MA4DKK64.mjs";
+import "./chunk-UWWO4AVU.mjs";
+import {
+  toolbar
+} from "./chunk-BWB7MWRC.mjs";
+import {
+  tooltip
+} from "./chunk-OLYO7UPH.mjs";
+import {
+  slashDropdownMenu
+} from "./chunk-URGRCBNW.mjs";
+import {
+  spinner
+} from "./chunk-4UDOCFU5.mjs";
+import {
+  splitPageLayout
+} from "./chunk-W7RJG22S.mjs";
+import {
+  standardChip
+} from "./chunk-7VZZASRG.mjs";
 import {
   tabNav
 } from "./chunk-ZLM6Z3W2.mjs";
@@ -10,14 +28,23 @@ import {
   tabs
 } from "./chunk-I6M4S2KZ.mjs";
 import {
-  tooltip
-} from "./chunk-OLYO7UPH.mjs";
+  textarea
+} from "./chunk-M3GQ563Q.mjs";
+import {
+  riskIndicator
+} from "./chunk-CZMZHA7U.mjs";
+import {
+  scrollArea
+} from "./chunk-SPQE7K66.mjs";
 import {
   sectionRow
 } from "./chunk-I4ZIT7EK.mjs";
+import {
+  select
+} from "./chunk-NFOF75HQ.mjs";
 import {
   separator
-} from "./chunk-VCLXE57S.mjs";
+} from "./chunk-LM7MKBHT.mjs";
 import {
   sidebar,
   sidebarMenuAction,
@@ -25,19 +52,13 @@ import {
 } from "./chunk-GA6UOB2D.mjs";
 import {
   skeletonAvatar
-} from "./chunk-ZL6FAOXE.mjs";
+} from "./chunk-HHOMDBMZ.mjs";
 import {
   skeleton
 } from "./chunk-VNQEJU4P.mjs";
 import {
-  spinner
-} from "./chunk-4UDOCFU5.mjs";
-import {
-  splitPageLayout
-} from "./chunk-W7RJG22S.mjs";
-import {
-  standardChip
-} from "./chunk-SHHD2WUZ.mjs";
+  label
+} from "./chunk-LMCM4CW2.mjs";
 import {
   pageHeader
 } from "./chunk-HAVJ6EQ6.mjs";
@@ -46,7 +67,7 @@ import {
 } from "./chunk-OULAICSC.mjs";
 import {
   popover
-} from "./chunk-IKJHZT2S.mjs";
+} from "./chunk-DI54XTS5.mjs";
 import {
   previewCard
 } from "./chunk-WPOYEHD2.mjs";
@@ -59,31 +80,51 @@ import {
 import {
   riskBadge
 } from "./chunk-V2J5XG34.mjs";
-import {
-  riskIndicator
-} from "./chunk-CZMZHA7U.mjs";
-import {
-  drawer
-} from "./chunk-TJDRYBGW.mjs";
-import {
-  dropdownMenu
-} from "./chunk-EXBKQDH5.mjs";
-import {
-  frameworkRow
-} from "./chunk-TPFAZH22.mjs";
 import {
   heading
 } from "./chunk-NWKBPO37.mjs";
 import {
   hoverCard
-} from "./chunk-755GJHKQ.mjs";
+} from "./chunk-XRKUQMGU.mjs";
 import {
-  input,
-  passwordInput
-} from "./chunk-UMSU2ZEG.mjs";
+  inputGroup
+} from "./chunk-HWEYNK3O.mjs";
+import {
+  inputWrapper
+} from "./chunk-VSVGOX3P.mjs";
 import {
   integrationCard
 } from "./chunk-QOW6FLZ6.mjs";
+import {
+  kbd
+} from "./chunk-BETLBSSF.mjs";
+import {
+  datagrid
+} from "./chunk-45KIKY4A.mjs";
+import {
+  dataTable
+} from "./chunk-GNYTZGE5.mjs";
+import {
+  drawer
+} from "./chunk-JXQPOORM.mjs";
+import {
+  dialog
+} from "./chunk-LAJQAXSV.mjs";
+import {
+  dropdownMenu
+} from "./chunk-3PCDCW7G.mjs";
+import {
+  editorBasic
+} from "./chunk-GRPMKEI2.mjs";
+import {
+  editorSpinner
+} from "./chunk-TVC4THD6.mjs";
+import {
+  frameworkRow
+} from "./chunk-TPFAZH22.mjs";
+import {
+  calendar
+} from "./chunk-JWF5ABNP.mjs";
 import {
   callout
 } from "./chunk-XAHAVJUM.mjs";
@@ -95,45 +136,47 @@ import {
 } from "./chunk-A4KO7QKC.mjs";
 import {
   chip
-} from "./chunk-JHKTRIIA.mjs";
+} from "./chunk-RQYYDG26.mjs";
 import {
   code
 } from "./chunk-ROZ24JVQ.mjs";
+import {
+  colorHighlightButton
+} from "./chunk-CPERWXKN.mjs";
 import {
   command
 } from "./chunk-YPHFKGNI.mjs";
-import {
-  dataTable
-} from "./chunk-GNYTZGE5.mjs";
-import {
-  dialog
-} from "./chunk-MWG2OZMD.mjs";
 import {
   accordion
 } from "./chunk-TLCFFCOP.mjs";
 import {
   alertDialog
-} from "./chunk-CPEP2RO4.mjs";
+} from "./chunk-XGUDXC5P.mjs";
+import {
+  autocomplete
+} from "./chunk-Z7D56R5U.mjs";
+import {
+  input,
+  passwordInput
+} from "./chunk-IHW4FWFB.mjs";
 import {
   avatarGroup
 } from "./chunk-XCLEKBCJ.mjs";
 import {
   avatar
-} from "./chunk-JQ74U2S3.mjs";
+} from "./chunk-YH6TDPK7.mjs";
 import {
   blankstate
 } from "./chunk-DICHD74Q.mjs";
 import {
   button
-} from "./chunk-U32YEQZ5.mjs";
-import "./chunk-UEMJVVVF.mjs";
+} from "./chunk-IHITEH7V.mjs";
 import "./chunk-WSEO3MLK.mjs";
-import {
-  calendar
-} from "./chunk-JWF5ABNP.mjs";
+import "./chunk-5DOB3IBE.mjs";
 export {
   accordion,
   alertDialog,
+  autocomplete,
   avatar,
   avatarGroup,
   blankstate,
@@ -144,16 +187,24 @@ export {
   checkbox,
   chip,
   code,
+  colorHighlightButton,
   command,
   dataTable,
+  datagrid,
   dialog,
   drawer,
   dropdownMenu,
+  editorBasic,
+  editorSpinner,
   frameworkRow,
   heading,
   hoverCard,
   input,
+  inputGroup,
+  inputWrapper,
   integrationCard,
+  kbd,
+  label,
   pageHeader,
   pageLayout,
   passwordInput,
@@ -163,18 +214,23 @@ export {
   resizable,
   riskBadge,
   riskIndicator,
+  scrollArea,
   sectionRow,
+  select,
   separator,
   sidebar,
   sidebarMenuAction,
   sidebarMenuButton,
   skeleton,
   skeletonAvatar,
+  slashDropdownMenu,
   spinner,
   splitPageLayout,
   standardChip,
   tabNav,
   table,
   tabs,
+  textarea,
+  toolbar,
   tooltip
 };

package/dist/utils/classes.d.mts

@@ -9,5 +9,17 @@ declare const dataFocusVisibleClasses: string[];
  */
 declare const translateCenterClasses: string[];
 declare const popoverContentClasses: string[];
+declare const inputClasses: {
+    radius: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    height: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+};
 
-export { dataFocusVisibleClasses, focusVisibleClasses, focusWithinClasses, popoverContentClasses, translateCenterClasses };
+export { dataFocusVisibleClasses, focusVisibleClasses, focusWithinClasses, inputClasses, popoverContentClasses, translateCenterClasses };

package/dist/utils/classes.d.ts

@@ -9,5 +9,17 @@ declare const dataFocusVisibleClasses: string[];
  */
 declare const translateCenterClasses: string[];
 declare const popoverContentClasses: string[];
+declare const inputClasses: {
+    radius: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    height: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+};
 
-export { dataFocusVisibleClasses, focusVisibleClasses, focusWithinClasses, popoverContentClasses, translateCenterClasses };
+export { dataFocusVisibleClasses, focusVisibleClasses, focusWithinClasses, inputClasses, popoverContentClasses, translateCenterClasses };

package/dist/utils/classes.js

@@ -23,6 +23,7 @@ __export(classes_exports, {
   dataFocusVisibleClasses: () => dataFocusVisibleClasses,
   focusVisibleClasses: () => focusVisibleClasses,
   focusWithinClasses: () => focusWithinClasses,
+  inputClasses: () => inputClasses,
   popoverContentClasses: () => popoverContentClasses,
   translateCenterClasses: () => translateCenterClasses
 });
@@ -46,11 +47,24 @@ var popoverContentClasses = [
   "bg-popover text-popover-foreground z-50",
   "rounded-md border p-4 shadow-md outline-hidden"
 ];
+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"
+  }
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   dataFocusVisibleClasses,
   focusVisibleClasses,
   focusWithinClasses,
+  inputClasses,
   popoverContentClasses,
   translateCenterClasses
 });

package/dist/utils/classes.mjs

@@ -2,13 +2,15 @@ import {
   dataFocusVisibleClasses,
   focusVisibleClasses,
   focusWithinClasses,
+  inputClasses,
   popoverContentClasses,
   translateCenterClasses
-} from "../chunk-UEMJVVVF.mjs";
+} from "../chunk-5DOB3IBE.mjs";
 export {
   dataFocusVisibleClasses,
   focusVisibleClasses,
   focusWithinClasses,
+  inputClasses,
   popoverContentClasses,
   translateCenterClasses
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kopexa/theme",
-  "version": "1.7.6",
+  "version": "2.0.0",
   "description": "The default theme for Kopexa components",
   "keywords": [
     "theme",
@@ -15,6 +15,24 @@
   "homepage": "https://kopexa.com",
   "license": "Apache-2.0",
   "main": "dist/index.js",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./index.css": {
+      "default": "./dist/index.css",
+      "import": "./dist/index.css",
+      "require": "./dist/index.css"
+    },
+    "./editor.css": {
+      "default": "./dist/editor.css",
+      "import": "./dist/editor.css",
+      "require": "./dist/editor.css"
+    },
+    "./package.json": "./package.json"
+  },
   "sideEffects": false,
   "files": [
     "dist",
@@ -37,15 +55,16 @@
     "url": "https://github.com/kopexa-grc/sight/issues"
   },
   "dependencies": {
+    "@tiptap/extension-drag-handle-react": "^3.4.6",
     "clsx": "^2.1.1",
     "color": "^5.0.0",
     "color2k": "^2.0.3",
     "deepmerge": "4.3.1",
     "flat": "^6.0.1",
     "tailwind-merge": "3.3.1",
-    "tailwind-variants": "2.1.0",
-    "tw-animate-css": "^1.3.6",
-    "@kopexa/shared-utils": "1.1.7"
+    "tailwind-variants": "^3.1.1",
+    "tw-animate-css": "^1.3.8",
+    "@kopexa/shared-utils": "2.0.0"
   },
   "peerDependencies": {
     "tailwindcss": ">=4.0.0"
@@ -54,7 +73,7 @@
     "@types/color": "^4.2.0",
     "@types/flat": "^5.0.2",
     "clean-package": "2.2.0",
-    "tailwindcss": "4.1.12"
+    "tailwindcss": "^4.1.13"
   },
   "tsup": {
     "clean": true,
@@ -67,19 +86,6 @@
   },
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
-    },
-    "./index.css": {
-      "default": "./dist/index.css",
-      "import": "./dist/index.css",
-      "require": "./dist/index.css"
-    },
-    "./package.json": "./package.json"
-  },
   "scripts": {
     "build": "tsup src --dts",
     "build:fast": "tsup src",

package/dist/chunk-CPEP2RO4.mjs

@@ -1,17 +0,0 @@
-// src/components/alert-dialog.ts
-import { tv } from "tailwind-variants";
-var alertDialog = tv({
-  slots: {
-    overlay: "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
-    content: "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
-    header: "flex flex-col gap-2 text-center sm:text-left",
-    footer: "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
-    title: "text-lg font-semibold",
-    description: "text-muted-foreground text-sm",
-    action: ""
-  }
-});
-
-export {
-  alertDialog
-};

package/dist/chunk-IKJHZT2S.mjs

@@ -1,19 +0,0 @@
-import {
-  popoverContentClasses
-} from "./chunk-UEMJVVVF.mjs";
-
-// src/components/popover.ts
-import { tv } from "tailwind-variants";
-var popover = tv({
-  slots: {
-    content: [
-      ...popoverContentClasses,
-      "w-72",
-      "origin-(--radix-popover-content-transform-origin)"
-    ]
-  }
-});
-
-export {
-  popover
-};

package/dist/chunk-UMSU2ZEG.mjs

@@ -1,96 +0,0 @@
-import {
-  focusWithinClasses
-} from "./chunk-UEMJVVVF.mjs";
-
-// src/components/input.ts
-import { tv } from "tailwind-variants";
-var passwordInput = tv({
-  slots: {
-    button: "focus:outline-hidden",
-    icon: "pointer-events-none text-muted-foreground"
-  }
-});
-var input = tv({
-  base: [],
-  slots: {
-    inputWrapper: [
-      "relative w-full inline-flex flex-row items-center shadow-xs px-3 gap-3 [&_svg]:shrink-0",
-      "border-input border dark:bg-input/30 data-[hidden=true]:hidden transition-[color,box-shadow]",
-      "data-disabled:pointer-events-none data-disabled:cursor-not-allowed data-disabled:opacity-50",
-      ...focusWithinClasses
-    ],
-    innerWrapper: "inline-flex w-full items-center h-full box-border",
-    input: [
-      "w-full font-normal outline-hidden focus-visible:outline-hidden",
-      "data-[has-start-content=true]:ps-1.5",
-      "data-[has-end-content=true]:pe-1.5",
-      "file:cursor-pointer file:bg-transparent file:border-0",
-      "autofill:bg-transparent bg-clip-text",
-      // legacy
-      "selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground",
-      "flex",
-      // file
-      "file:text-foreground file:inline-flex file:text-sm file:font-medium",
-      "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive"
-    ],
-    clearButton: [
-      "p-2 -m-2 z-10 absolute end-3 start-auto pointer-events-none",
-      "appearance-none outline-hidden select-none opacity-0 cursor-pointer",
-      "active:!opacity-70 rounded-full"
-    ]
-  },
-  variants: {
-    size: {
-      sm: {
-        inputWrapper: ["h-8 min-h-8 px-2 rounded-sm [&_svg]:size-4"],
-        input: "text-sm file:h-6"
-      },
-      md: {
-        inputWrapper: "h-10 min-10 rounded-md [&_svg]:size-4",
-        input: "text-base md:text-sm file:h-8",
-        clearButton: "hover:opacity-100"
-      },
-      lg: {
-        inputWrapper: "h-12 min-h-12 rounded-lg [&_svg]:size-4",
-        input: "text-base file:h-10",
-        clearButton: "hover:opacity-100"
-      }
-    },
-    radius: {
-      none: {
-        inputWrapper: "rounded-none"
-      },
-      sm: {
-        inputWrapper: "rounded-sm"
-      },
-      md: {
-        inputWrapper: "rounded-md"
-      },
-      lg: {
-        inputWrapper: "rounded-lg"
-      },
-      full: {
-        inputWrapper: "rounded-full"
-      }
-    },
-    isClearable: {
-      true: {
-        input: "peer pe-6",
-        clearButton: [
-          "peer-data-[filled=true]:pointer-events-auto",
-          "peer-data-[filled=true]:opacity-70 peer-data-[filled=true]:block",
-          "peer-data-[filled=true]:scale-100"
-        ]
-      },
-      false: {}
-    }
-  },
-  defaultVariants: {
-    size: "sm"
-  }
-});
-
-export {
-  passwordInput,
-  input
-};