@kopexa/theme 17.22.7 → 17.22.9

package/dist/index.js

@@ -50,6 +50,7 @@ __export(index_exports, {
   editableText: () => editableText,
   editorBasic: () => editorBasic,
   editorSpinner: () => editorSpinner,
+  extensionTableHandleMenuContent: () => extensionTableHandleMenuContent,
   filter: () => filter,
   frameworkRow: () => frameworkRow,
   heading: () => heading,
@@ -93,6 +94,7 @@ __export(index_exports, {
   switchVariants: () => switchVariants,
   tabNav: () => tabNav,
   table: () => table,
+  tableCellHandleMenu: () => tableCellHandleMenu,
   tabs: () => tabs,
   textarea: () => textarea,
   toc: () => toc,
@@ -2363,18 +2365,18 @@ var import_tailwind_variants27 = require("tailwind-variants");
 var dropdownMenu = (0, import_tailwind_variants27.tv)({
   slots: {
     root: "",
-    content: "min-w-[8rem] bg-popover text-popover-foreground 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 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
+    content: "min-w-32 bg-popover text-popover-foreground 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 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
     item: "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
     checkboxItem: "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
     iconWrapper: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
     icon: "size-4",
     radioItem: "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
     radioItemIcon: "size-4 fill-current",
-    label: "px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
+    label: "px-2 py-1.5 text-sm font-medium data-inset:pl-8",
     separator: "bg-border -mx-1 my-1 h-px",
     shortcut: "text-muted-foreground ml-auto text-xs tracking-widest",
-    subTrigger: "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8",
-    subTriggerIcon: "size-4 ml-auto",
+    subTrigger: "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+    subTriggerIcon: "!text-muted-foreground !size-4 ml-auto",
     subContent: "bg-popover text-popover-foreground 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 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg"
   }
 });
@@ -5070,6 +5072,73 @@ var variableNode = (0, import_tailwind_variants77.tv)({
     resolved: false
   }
 });
+
+// src/components/extension-table.ts
+var import_tailwind_variants78 = require("tailwind-variants");
+var extensionTableHandleMenuContent = (0, import_tailwind_variants78.tv)({
+  slots: {
+    root: [
+      "flex items-center justify-center bg-muted cursor-grab rounded-md",
+      // orientation=column
+      "data-[orientation=column]:w-(--table-handle-ref-width) data-[orientation=column]:h-3",
+      // orientation=row
+      "data-[orientation=row]:h-(--table-handle-ref-height) data-[orientation=row]:w-3",
+      // dragging state
+      "data-[dragging=true]:cursor-grabbing data-[dragging=true]:bg-primary data-[dragging=true]:text-primary-foreground",
+      // menu open
+      "data-[open=true]:bg-primary data-[open=true]:text-primary-foreground"
+    ],
+    icon: "size-4 shrink-0 data-[orientation=column]:rotate-90"
+  }
+});
+var tableCellHandleMenu = (0, import_tailwind_variants78.tv)({
+  slots: {
+    trigger: [
+      "group",
+      // positioning
+      "absolute top-1/2 -right-2 -translate-y-1/2",
+      // sizing & appearance
+      "size-4 bg-transparent rounded-full cursor-pointer",
+      "flex items-center justify-center",
+      "pointer-events-auto",
+      // ::before pseudo-element (the expanding dot)
+      "before:content-[''] before:absolute before:top-1/2 before:-translate-y-1/2",
+      "before:right-0.75 before:size-2",
+      "before:bg-primary before:rounded-full",
+      "before:transition-[width,height,right,background-color] before:duration-[50ms]",
+      // hover (hover-capable devices): dot expands
+      "[@media(hover:hover)]:hover:before:size-4 [@media(hover:hover)]:hover:before:right-0",
+      // focus-visible: dot expands + outline
+      "focus-visible:before:size-4 focus-visible:before:right-0",
+      "focus-visible:outline-2 focus-visible:outline-primary focus-visible:outline-offset-2",
+      // open state: dot expands
+      "data-[open=true]:before:size-4 data-[open=true]:before:right-0",
+      // touch devices: always expanded
+      "[@media(hover:none)]:before:size-4 [@media(hover:none)]:before:right-0",
+      // disabled
+      "disabled:cursor-not-allowed disabled:opacity-50",
+      "disabled:before:bg-default-300",
+      // reduced motion
+      "motion-reduce:before:transition-none"
+    ],
+    icon: [
+      "relative z-1 size-4 text-white",
+      "opacity-0 scale-[0.9]",
+      "pointer-events-none shrink-0",
+      "transition-[opacity,transform] duration-50",
+      // hover (hover-capable devices)
+      "[@media(hover:hover)]:group-hover:opacity-100 [@media(hover:hover)]:group-hover:scale-100",
+      // focus-visible
+      "group-focus-visible:opacity-100 group-focus-visible:scale-100",
+      // open state
+      "group-data-[open=true]:opacity-100 group-data-[open=true]:scale-100",
+      // touch devices: always visible
+      "[@media(hover:none)]:opacity-100 [@media(hover:none)]:scale-100",
+      // reduced motion
+      "motion-reduce:transition-none"
+    ]
+  }
+});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   accordion,
@@ -5102,6 +5171,7 @@ var variableNode = (0, import_tailwind_variants77.tv)({
   editableText,
   editorBasic,
   editorSpinner,
+  extensionTableHandleMenuContent,
   filter,
   frameworkRow,
   heading,
@@ -5145,6 +5215,7 @@ var variableNode = (0, import_tailwind_variants77.tv)({
   switchVariants,
   tabNav,
   table,
+  tableCellHandleMenu,
   tabs,
   textarea,
   toc,

package/dist/index.mjs

@@ -1,14 +1,4 @@
-import "./chunk-XSN6P5JL.mjs";
-import "./chunk-T3C4PJPS.mjs";
-import {
-  tabs
-} from "./chunk-I6M4S2KZ.mjs";
-import {
-  textarea
-} from "./chunk-ARLLAC5V.mjs";
-import {
-  toc
-} from "./chunk-ODC3GJTR.mjs";
+import "./chunk-EWID76V7.mjs";
 import {
   toggleRow
 } from "./chunk-F7MJHRZX.mjs";
@@ -21,15 +11,6 @@ import {
 import {
   variableNode
 } from "./chunk-EKOZ2ZVU.mjs";
-import {
-  slashDropdownMenu
-} from "./chunk-U4BRPFG2.mjs";
-import {
-  spinner
-} from "./chunk-4UDOCFU5.mjs";
-import {
-  splitPageLayout
-} from "./chunk-B5JVXVSG.mjs";
 import {
   standardChip
 } from "./chunk-XQZL7LCP.mjs";
@@ -46,14 +27,14 @@ import {
   table
 } from "./chunk-YC2FQDBV.mjs";
 import {
-  riskRating
-} from "./chunk-CNYKIUVC.mjs";
+  tabs
+} from "./chunk-I6M4S2KZ.mjs";
 import {
-  scrollArea
-} from "./chunk-SPQE7K66.mjs";
+  textarea
+} from "./chunk-ARLLAC5V.mjs";
 import {
-  sectionRow
-} from "./chunk-CC225WUG.mjs";
+  toc
+} from "./chunk-ODC3GJTR.mjs";
 import {
   select
 } from "./chunk-KPVLNOO5.mjs";
@@ -67,19 +48,19 @@ import {
 } from "./chunk-2Z4QAY6O.mjs";
 import {
   skeletonAvatar
-} from "./chunk-7Q2RNHL5.mjs";
+} from "./chunk-RGZCKQNI.mjs";
 import {
   skeleton
 } from "./chunk-VNQEJU4P.mjs";
 import {
-  pageLayout
-} from "./chunk-OULAICSC.mjs";
+  slashDropdownMenu
+} from "./chunk-U4BRPFG2.mjs";
 import {
-  popover
-} from "./chunk-TQVRNEIH.mjs";
+  spinner
+} from "./chunk-4UDOCFU5.mjs";
 import {
-  previewCard
-} from "./chunk-GWRIERN6.mjs";
+  splitPageLayout
+} from "./chunk-B5JVXVSG.mjs";
 import {
   promptInput
 } from "./chunk-UCVBVFHQ.mjs";
@@ -96,11 +77,14 @@ import {
   riskIndicator
 } from "./chunk-CZMZHA7U.mjs";
 import {
-  inputWrapper
-} from "./chunk-VSVGOX3P.mjs";
+  riskRating
+} from "./chunk-CNYKIUVC.mjs";
 import {
-  integrationCard
-} from "./chunk-QOW6FLZ6.mjs";
+  scrollArea
+} from "./chunk-SPQE7K66.mjs";
+import {
+  sectionRow
+} from "./chunk-CC225WUG.mjs";
 import {
   kbd
 } from "./chunk-BETLBSSF.mjs";
@@ -117,14 +101,14 @@ import {
   pageHeader
 } from "./chunk-HAVJ6EQ6.mjs";
 import {
-  frameworkRow
-} from "./chunk-TPFAZH22.mjs";
+  pageLayout
+} from "./chunk-OULAICSC.mjs";
 import {
-  heading
-} from "./chunk-NWKBPO37.mjs";
+  popover
+} from "./chunk-TQVRNEIH.mjs";
 import {
-  hoverCard
-} from "./chunk-UTCVHVWF.mjs";
+  previewCard
+} from "./chunk-GWRIERN6.mjs";
 import {
   imageCrop
 } from "./chunk-GMFZLUU4.mjs";
@@ -138,23 +122,21 @@ import {
   inputGroup
 } from "./chunk-HWEYNK3O.mjs";
 import {
-  drawer
-} from "./chunk-7V3NMVQH.mjs";
-import {
-  dialog
-} from "./chunk-OJDCD74N.mjs";
-import {
-  dropdownMenu
-} from "./chunk-3PCDCW7G.mjs";
+  inputWrapper
+} from "./chunk-VSVGOX3P.mjs";
 import {
-  editableText
-} from "./chunk-GZJAA5RZ.mjs";
+  integrationCard
+} from "./chunk-QOW6FLZ6.mjs";
 import {
   editorBasic
 } from "./chunk-LPNA4ATD.mjs";
 import {
   editorSpinner
 } from "./chunk-TVC4THD6.mjs";
+import {
+  extensionTableHandleMenuContent,
+  tableCellHandleMenu
+} from "./chunk-WQLVUMHF.mjs";
 import {
   avatarUpload
 } from "./chunk-QGL2OK4B.mjs";
@@ -162,17 +144,14 @@ import {
   filter
 } from "./chunk-GT463S76.mjs";
 import {
-  colorHighlightButton
-} from "./chunk-CPERWXKN.mjs";
-import {
-  combobox
-} from "./chunk-3T7EOMXR.mjs";
+  frameworkRow
+} from "./chunk-TPFAZH22.mjs";
 import {
-  command
-} from "./chunk-YPHFKGNI.mjs";
+  heading
+} from "./chunk-NWKBPO37.mjs";
 import {
-  complianceBadge
-} from "./chunk-RZ45NVOH.mjs";
+  hoverCard
+} from "./chunk-UTCVHVWF.mjs";
 import {
   controlExtension
 } from "./chunk-M4TXKRUU.mjs";
@@ -186,17 +165,17 @@ import {
   dataTable
 } from "./chunk-GNYTZGE5.mjs";
 import {
-  breadcrumb
-} from "./chunk-W6TZSSAU.mjs";
+  drawer
+} from "./chunk-7V3NMVQH.mjs";
 import {
-  button
-} from "./chunk-OTETLRUE.mjs";
+  dialog
+} from "./chunk-OJDCD74N.mjs";
 import {
-  calendar
-} from "./chunk-JWF5ABNP.mjs";
+  dropdownMenu
+} from "./chunk-BWUVMOSV.mjs";
 import {
-  callout
-} from "./chunk-A3F4CV54.mjs";
+  editableText
+} from "./chunk-GZJAA5RZ.mjs";
 import {
   card
 } from "./chunk-5YHTCPJL.mjs";
@@ -210,14 +189,17 @@ import {
   code
 } from "./chunk-VQ2OAHGP.mjs";
 import {
-  accordion
-} from "./chunk-AEWKHJEI.mjs";
+  colorHighlightButton
+} from "./chunk-CPERWXKN.mjs";
 import {
-  alertDialog
-} from "./chunk-XGUDXC5P.mjs";
+  combobox
+} from "./chunk-3T7EOMXR.mjs";
 import {
-  auditInfo
-} from "./chunk-CPAF7VNM.mjs";
+  command
+} from "./chunk-YPHFKGNI.mjs";
+import {
+  complianceBadge
+} from "./chunk-RZ45NVOH.mjs";
 import {
   autocomplete
 } from "./chunk-OHZBQRA4.mjs";
@@ -230,12 +212,34 @@ import {
 } from "./chunk-XCLEKBCJ.mjs";
 import {
   avatar
-} from "./chunk-D5FKEY7B.mjs";
-import "./chunk-7T563RF7.mjs";
-import "./chunk-6IZPAS4O.mjs";
+} from "./chunk-VPA2TZYQ.mjs";
 import {
   blankstate
 } from "./chunk-DICHD74Q.mjs";
+import {
+  breadcrumb
+} from "./chunk-W6TZSSAU.mjs";
+import {
+  button
+} from "./chunk-GNJCCXFJ.mjs";
+import {
+  calendar
+} from "./chunk-JWF5ABNP.mjs";
+import {
+  callout
+} from "./chunk-A3F4CV54.mjs";
+import "./chunk-6IZPAS4O.mjs";
+import "./chunk-XSN6P5JL.mjs";
+import "./chunk-7T563RF7.mjs";
+import {
+  accordion
+} from "./chunk-AEWKHJEI.mjs";
+import {
+  alertDialog
+} from "./chunk-XGUDXC5P.mjs";
+import {
+  auditInfo
+} from "./chunk-CPAF7VNM.mjs";
 export {
   accordion,
   alertDialog,
@@ -267,6 +271,7 @@ export {
   editableText,
   editorBasic,
   editorSpinner,
+  extensionTableHandleMenuContent,
   filter,
   frameworkRow,
   heading,
@@ -310,6 +315,7 @@ export {
   switchVariants,
   tabNav,
   table,
+  tableCellHandleMenu,
   tabs,
   textarea,
   toc,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kopexa/theme",
-  "version": "17.22.7",
+  "version": "17.22.9",
   "description": "The default theme for Kopexa components",
   "keywords": [
     "theme",
@@ -66,7 +66,7 @@
     "tailwind-merge": "3.4.0",
     "tailwind-variants": "^3.2.2",
     "tw-animate-css": "^1.4.0",
-    "@kopexa/shared-utils": "17.0.46"
+    "@kopexa/shared-utils": "17.0.48"
   },
   "peerDependencies": {
     "tailwindcss": ">=4.0.0"

package/dist/{chunk-OTETLRUE.mjs → chunk-GNJCCXFJ.mjs}

@@ -1,9 +1,9 @@
-import {
-  colorVariants
-} from "./chunk-7T563RF7.mjs";
 import {
   focusVisibleClasses
 } from "./chunk-6IZPAS4O.mjs";
+import {
+  colorVariants
+} from "./chunk-7T563RF7.mjs";
 
 // src/components/button.ts
 import { tv } from "tailwind-variants";

package/dist/{chunk-D5FKEY7B.mjs → chunk-VPA2TZYQ.mjs}

@@ -1,10 +1,10 @@
-import {
-  colorVariants
-} from "./chunk-7T563RF7.mjs";
 import {
   focusVisibleClasses,
   translateCenterClasses
 } from "./chunk-6IZPAS4O.mjs";
+import {
+  colorVariants
+} from "./chunk-7T563RF7.mjs";
 
 // src/components/avatar.ts
 import { tv } from "tailwind-variants";