@kopexa/theme 17.22.7 → 17.22.9

package/dist/{chunk-3PCDCW7G.mjs → chunk-BWUVMOSV.mjs}

@@ -3,18 +3,18 @@ import { tv } from "tailwind-variants";
 var dropdownMenu = 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"
   }
 });

package/dist/{chunk-7Q2RNHL5.mjs → chunk-RGZCKQNI.mjs}

@@ -1,6 +1,6 @@
 import {
   avatar
-} from "./chunk-D5FKEY7B.mjs";
+} from "./chunk-VPA2TZYQ.mjs";
 
 // src/components/skeleton-avatar.ts
 import { tv } from "tailwind-variants";

package/dist/chunk-WQLVUMHF.mjs

@@ -0,0 +1,71 @@
+// src/components/extension-table.ts
+import { tv } from "tailwind-variants";
+var extensionTableHandleMenuContent = 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 = 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"
+    ]
+  }
+});
+
+export {
+  extensionTableHandleMenuContent,
+  tableCellHandleMenu
+};

package/dist/components/avatar.mjs

@@ -1,8 +1,8 @@
 import {
   avatar
-} from "../chunk-D5FKEY7B.mjs";
-import "../chunk-7T563RF7.mjs";
+} from "../chunk-VPA2TZYQ.mjs";
 import "../chunk-6IZPAS4O.mjs";
+import "../chunk-7T563RF7.mjs";
 export {
   avatar
 };

package/dist/components/button.mjs

@@ -1,8 +1,8 @@
 import {
   button
-} from "../chunk-OTETLRUE.mjs";
-import "../chunk-7T563RF7.mjs";
+} from "../chunk-GNJCCXFJ.mjs";
 import "../chunk-6IZPAS4O.mjs";
+import "../chunk-7T563RF7.mjs";
 export {
   button
 };

package/dist/components/dropdown-menu.js

@@ -27,18 +27,18 @@ var import_tailwind_variants = require("tailwind-variants");
 var dropdownMenu = (0, import_tailwind_variants.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"
   }
 });

package/dist/components/dropdown-menu.mjs

@@ -1,6 +1,6 @@
 import {
   dropdownMenu
-} from "../chunk-3PCDCW7G.mjs";
+} from "../chunk-BWUVMOSV.mjs";
 export {
   dropdownMenu
 };

package/dist/components/extension-table.d.mts

@@ -0,0 +1,71 @@
+import * as tailwind_variants from 'tailwind-variants';
+import * as tailwind_merge from 'tailwind-merge';
+
+/**
+ * Tiptap
+ * extension table styles.
+ */
+declare const extensionTableHandleMenuContent: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            root?: tailwind_merge.ClassNameValue;
+            icon?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_merge.ClassNameValue | {
+            root?: tailwind_merge.ClassNameValue;
+            icon?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    root: string[];
+    icon: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            root?: tailwind_merge.ClassNameValue;
+            icon?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    root: string[];
+    icon: string;
+}, tailwind_variants.TVReturnType<unknown, {
+    root: string[];
+    icon: string;
+}, undefined, unknown, unknown, undefined>>;
+declare const tableCellHandleMenu: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            trigger?: tailwind_merge.ClassNameValue;
+            icon?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_merge.ClassNameValue | {
+            trigger?: tailwind_merge.ClassNameValue;
+            icon?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    trigger: string[];
+    icon: string[];
+}, undefined, {
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            trigger?: tailwind_merge.ClassNameValue;
+            icon?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    trigger: string[];
+    icon: string[];
+}, tailwind_variants.TVReturnType<unknown, {
+    trigger: string[];
+    icon: string[];
+}, undefined, unknown, unknown, undefined>>;
+
+export { extensionTableHandleMenuContent, tableCellHandleMenu };

package/dist/components/extension-table.d.ts

@@ -0,0 +1,71 @@
+import * as tailwind_variants from 'tailwind-variants';
+import * as tailwind_merge from 'tailwind-merge';
+
+/**
+ * Tiptap
+ * extension table styles.
+ */
+declare const extensionTableHandleMenuContent: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            root?: tailwind_merge.ClassNameValue;
+            icon?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_merge.ClassNameValue | {
+            root?: tailwind_merge.ClassNameValue;
+            icon?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    root: string[];
+    icon: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            root?: tailwind_merge.ClassNameValue;
+            icon?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    root: string[];
+    icon: string;
+}, tailwind_variants.TVReturnType<unknown, {
+    root: string[];
+    icon: string;
+}, undefined, unknown, unknown, undefined>>;
+declare const tableCellHandleMenu: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            trigger?: tailwind_merge.ClassNameValue;
+            icon?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_merge.ClassNameValue | {
+            trigger?: tailwind_merge.ClassNameValue;
+            icon?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    trigger: string[];
+    icon: string[];
+}, undefined, {
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            trigger?: tailwind_merge.ClassNameValue;
+            icon?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    trigger: string[];
+    icon: string[];
+}, tailwind_variants.TVReturnType<unknown, {
+    trigger: string[];
+    icon: string[];
+}, undefined, unknown, unknown, undefined>>;
+
+export { extensionTableHandleMenuContent, tableCellHandleMenu };

package/dist/components/extension-table.js

@@ -0,0 +1,96 @@
+"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/extension-table.ts
+var extension_table_exports = {};
+__export(extension_table_exports, {
+  extensionTableHandleMenuContent: () => extensionTableHandleMenuContent,
+  tableCellHandleMenu: () => tableCellHandleMenu
+});
+module.exports = __toCommonJS(extension_table_exports);
+var import_tailwind_variants = require("tailwind-variants");
+var extensionTableHandleMenuContent = (0, import_tailwind_variants.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_variants.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 = {
+  extensionTableHandleMenuContent,
+  tableCellHandleMenu
+});

package/dist/components/extension-table.mjs

@@ -0,0 +1,8 @@
+import {
+  extensionTableHandleMenuContent,
+  tableCellHandleMenu
+} from "../chunk-WQLVUMHF.mjs";
+export {
+  extensionTableHandleMenuContent,
+  tableCellHandleMenu
+};

package/dist/components/index.d.mts

@@ -75,5 +75,6 @@ export { ToggleRowSlots, ToggleRowVariantProps, toggleRow } from './toggle-row.m
 export { ToolbarVariantProps, toolbar } from './toolbar.mjs';
 export { TooltipVariants, tooltip } from './tooltip.mjs';
 export { VariableNodeVariants, variableNode } from './variable-node.mjs';
+export { extensionTableHandleMenuContent, tableCellHandleMenu } from './extension-table.mjs';
 import 'tailwind-variants';
 import 'tailwind-merge';

package/dist/components/index.d.ts

@@ -75,5 +75,6 @@ export { ToggleRowSlots, ToggleRowVariantProps, toggleRow } from './toggle-row.j
 export { ToolbarVariantProps, toolbar } from './toolbar.js';
 export { TooltipVariants, tooltip } from './tooltip.js';
 export { VariableNodeVariants, variableNode } from './variable-node.js';
+export { extensionTableHandleMenuContent, tableCellHandleMenu } from './extension-table.js';
 import 'tailwind-variants';
 import 'tailwind-merge';

package/dist/components/index.js

@@ -50,6 +50,7 @@ __export(components_exports, {
   editableText: () => editableText,
   editorBasic: () => editorBasic,
   editorSpinner: () => editorSpinner,
+  extensionTableHandleMenuContent: () => extensionTableHandleMenuContent,
   filter: () => filter,
   frameworkRow: () => frameworkRow,
   heading: () => heading,
@@ -93,6 +94,7 @@ __export(components_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,