@ayni.org/ayni-ui-core 0.3.0 → 0.3.1

package/dist/homeDesign.d.ts

@@ -53,6 +53,27 @@ export declare const HOME_DESIGN: {
             readonly pinSize: 11;
             readonly pinPaddingX: 3;
         };
+        /**
+         * The two zones a tile is dragged between, the pinned one above the line and the rest below: while a tile is
+         * dragged both show a dashed outline, the one under the pointer a solid one; the empty pinned zone grows to
+         * one slot.
+         */
+        readonly zone: {
+            readonly minHeight: 12;
+            readonly radius: 12;
+            readonly droppableMinHeight: 48;
+            readonly droppableOutlineWidth: 1;
+            /** the share of the accent in the dashed outline */
+            readonly droppableOutlineShare: 0.5;
+            readonly outlineOffset: -2;
+            readonly targetOutlineWidth: 2;
+        };
+        /** the tile being dragged, where it stood; and the line above the pinned tile it would land before */
+        readonly drag: {
+            readonly opacity: 0.4;
+            readonly scale: 0.96;
+            readonly dropLineWidth: 3;
+        };
     };
     readonly column: {
         readonly header: {
@@ -183,6 +204,13 @@ export declare const HOME_COLORS: {
         readonly line: "border";
         readonly pin: "muted";
         readonly pinBackground: "surface";
+        readonly target: "accent";
+    };
+    readonly zone: {
+        readonly outline: "accent";
+    };
+    readonly drag: {
+        readonly dropLine: "accent";
     };
     readonly column: {
         readonly background: "bg";

package/dist/homeDesign.js

@@ -16,6 +16,23 @@ export const HOME_DESIGN = {
         dot: { bottom: 4, right: 4, size: 9, borderWidth: 2 },
         /** the line under the pinned tiles, with its pin */
         separator: { width: 48, height: 14, lineWidth: 1, pinSize: 11, pinPaddingX: 3 },
+        /**
+         * The two zones a tile is dragged between, the pinned one above the line and the rest below: while a tile is
+         * dragged both show a dashed outline, the one under the pointer a solid one; the empty pinned zone grows to
+         * one slot.
+         */
+        zone: {
+            minHeight: 12,
+            radius: 12,
+            droppableMinHeight: 48,
+            droppableOutlineWidth: 1,
+            /** the share of the accent in the dashed outline */
+            droppableOutlineShare: 0.5,
+            outlineOffset: -2,
+            targetOutlineWidth: 2,
+        },
+        /** the tile being dragged, where it stood; and the line above the pinned tile it would land before */
+        drag: { opacity: 0.4, scale: 0.96, dropLineWidth: 3 },
     },
     column: {
         header: { height: 64, paddingLeft: 12, paddingRight: 8, gap: 8, fontSize: 16, iconSize: 18, flagFontSize: 16 },
@@ -62,7 +79,9 @@ export const HOME_COLORS = {
     selectedBar: { background: 'accent' },
     badge: { background: 'danger' },
     dot: { background: 'warning', border: 'surface' },
-    separator: { line: 'border', pin: 'muted', pinBackground: 'surface' },
+    separator: { line: 'border', pin: 'muted', pinBackground: 'surface', target: 'accent' },
+    zone: { outline: 'accent' },
+    drag: { dropLine: 'accent' },
     column: { background: 'bg', border: 'border' },
     header: { icon: 'muted' },
     selectedCard: { background: 'surface' },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ayni.org/ayni-ui-core",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "Framework-independent core of the Ayni UI (UI-SHELL-004): agents and controllers, trust resolution, sessions and binding, the conversation reducer, the local store and sync; shared by the browser UI and the Ayni app",
   "type": "module",
   "main": "./dist/index.js",