@vireo-ai/trellis-ui 0.1.55 → 0.1.57

package/README.md

@@ -1,23 +1 @@
-# Trellis UI
-
-## Sortable programmatic API
-
-Sortable state belongs to the Alpine runtime that registered the capability. In Alpine expressions, use
-`$ui.sortable`. Application modules can use the same registered service through `ui.sortable` after the Sortable
-capability has loaded:
-
-```ts
-import {ui} from "@vireo-ai/trellis-ui";
-
-ui.sortable.moveBefore({
-    scope: "board",
-    sourceId: "a",
-    anchorId: "c",
-    destinationGroupId: "doing",
-});
-```
-
-The former named `sortable` export has been removed. Replace calls on that shared singleton with `$ui.sortable` or
-`ui.sortable`. If you manually register the directive, capture the registry returned by
-`registerSortableDirective(Alpine)`. `createSortableRegistry()` creates a standalone registry; it does not control
-groups registered by the directive.
+# Trellis UI

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vireo-ai/trellis-ui",
-  "version": "0.1.55",
+  "version": "0.1.57",
   "type": "module",
   "description": "Django-native UI toolkit for building realtime and interactive web apps.",
   "license": "MIT",
@@ -81,7 +81,8 @@
     "@types/alpinejs": "^3.13.11",
     "cally": "^0.9.2",
     "clsx": "^2.1.1",
-    "motion": "^12.43.0"
+    "motion": "^12.43.0",
+    "tabbable": "^6.5.0"
   },
   "peerDependencies": {
     "alpinejs": "^3.14.8"

package/packages/client/src/components/data-grid/styles.css

@@ -30,22 +30,6 @@
     translate: -6px 0;
   }
 
-  [data-ui-data-grid-resize-handle]::after {
-    position: absolute;
-    inset-block: 0;
-    right: 0;
-    width: 1px;
-    background: var(--ui-data-grid-feedback-color, var(--ui-interaction-selected-edge-strong));
-    content: "";
-    opacity: 0;
-  }
-
-  [data-ui-data-grid-resize-handle]:hover::after,
-  [data-ui-data-grid-resize-handle]:focus-visible::after,
-  [data-ui-data-grid-resize-handle][data-resizing]::after {
-    opacity: 1;
-  }
-
   [data-ui-data-grid-cell][data-align="start"] {
     justify-content: flex-start;
     text-align: left;

package/packages/client/src/components/panels/styles.css

@@ -101,35 +101,27 @@
   }
 
   [data-ui-panels]:is([data-orientation="horizontal"]:not([data-layout-orientation]), [data-layout-orientation="horizontal"]) > [data-ui-panel][data-divider]:not(:last-child) {
-    border-inline-end: var(--border-width-edge-divider) solid var(--color-separator);
+    border-inline-end-width: var(--border-width-edge-divider);
   }
 
   [data-ui-panels]:is([data-orientation="vertical"]:not([data-layout-orientation]), [data-layout-orientation="vertical"]) > [data-ui-panel][data-divider]:not(:last-child) {
-    border-block-end: var(--border-width-edge-divider) solid var(--color-separator);
+    border-block-end-width: var(--border-width-edge-divider);
   }
 
   [data-ui-panel-resize-handle][data-orientation="horizontal"][data-resize-edge="start"] {
     inset-inline-start: 0;
-    transform: translateX(-50%);
-    border-inline-start-width: var(--border-width-edge-divider);
   }
 
   [data-ui-panel-resize-handle][data-orientation="horizontal"][data-resize-edge="end"] {
     inset-inline-end: 0;
-    transform: translateX(50%);
-    border-inline-end-width: var(--border-width-edge-divider);
   }
 
   [data-ui-panel-resize-handle][data-orientation="vertical"][data-resize-edge="start"] {
     inset-block-start: 0;
-    transform: translateY(-50%);
-    border-block-start-width: var(--border-width-edge-divider);
   }
 
   [data-ui-panel-resize-handle][data-orientation="vertical"][data-resize-edge="end"] {
     inset-block-end: 0;
-    transform: translateY(50%);
-    border-block-end-width: var(--border-width-edge-divider);
   }
 
   @media (pointer: coarse) {

package/packages/client/src/styles/components.css

@@ -6,7 +6,7 @@
   ::part(...), :has(...), native quirks, or child-order selectors.
 */
 
-@import "./layout-participation.css";
+@import "../runtime/drag-and-drop/resize-handle.css";
 @import "../components/brand/styles.css";
 @import "../components/app/styles.css";
 @import "../components/scroll-area/styles.css";

package/packages/client/src/styles/generated/theme-fonts.css

@@ -1,5 +1,5 @@
 /* Generated by packages/theme-engine/scripts/generate-default-css.mjs. */
-/* Theme fc84066faf886ebd; CSS 9bd56c40eb5861dd. */
+/* Theme 46d048b6ba6226ca; CSS 9bd56c40eb5861dd. */
 @import url("https://fonts.bunny.net/css?family=inter:400,500,600,700&display=swap");
 
 @import url("https://fonts.bunny.net/css?family=fira-code:400,500,600,700&display=swap");