origam 2.14.1 → 2.15.0

package/dist/src/composables/Commons/border.composable.d.ts

@@ -12,16 +12,20 @@ import { TDirectionBoth } from "../../types";
  *
  *   1. global `border` shorthand (1/2/4-value, logical properties)
  *   2. global standalone `borderColor` / `borderStyle`
- *   3. per-side `borderTop` / `borderRight` / `borderBottom` / `borderLeft`
- *      (physical properties — width, and style/color when a full string
- *      like `"2px dashed red"` is given)
- *   4. per-side `borderTopColor` / `borderRightColor` /
+ *   3. logical-axis `borderBlock` / `borderInline` (width, and
+ *      style/color when a full string like `"2px dashed red"` is given)
+ *   4. per-side `borderTop` / `borderRight` / `borderBottom` / `borderLeft`
+ *      (physical properties — more specific than the axis rung above:
+ *      `borderTop` overrides whatever `borderBlock` set for the top edge)
+ *   5. per-side `borderTopColor` / `borderRightColor` /
  *      `borderBottomColor` / `borderLeftColor`
  *
- * So `borderTop` beats `border` for the top side, and `borderTopColor`
- * beats both the color embedded in `borderTop` and the global
- * `borderColor` — each rung only overrides the physical side(s) it
- * actually targets, everything else keeps cascading from the rung below.
+ * So `borderBlock` beats `border` for the top+bottom edges, `borderTop`
+ * beats both `border` and `borderBlock` for the top side specifically,
+ * and `borderTopColor` beats the color embedded in `borderTop`, the
+ * axis-level color, and the global `borderColor` — each rung only
+ * overrides the side(s)/axis it actually targets, everything else keeps
+ * cascading from the rung below.
  ********************************************************/
 export declare function useBorder(props: IBorderProps | Ref<boolean | number | string | TDirectionBoth | Array<TDirectionBoth> | null | undefined>, name?: string): {
     borderClasses: import("vue").ComputedRef<string[]>;

package/dist/src/composables/Commons/border.composable.js

@@ -1,5 +1,5 @@
 import { computed, isRef } from "vue";
-import { BORDER_POSITION_MAP, BORDER_REGEX, DIRECTION_ARRAY } from "../../consts/index.js";
+import { BORDER_LOGICAL_AXIS_MAP, BORDER_POSITION_MAP, BORDER_REGEX, DIRECTION_ARRAY } from "../../consts/index.js";
 import {
   convertToUnit,
   formatBorderPositionStylesVar,
@@ -56,6 +56,21 @@ export function useBorder(props, name = getCurrentInstanceName()) {
       const { borderColor, borderStyle } = props;
       if (!isEmpty(borderColor)) styles.push(`border-color: ${borderColor}`);
       if (!isEmpty(borderStyle)) styles.push(`border-style: ${borderStyle}`);
+      BORDER_LOGICAL_AXIS_MAP.forEach(({ axis, widthProp }) => {
+        const axisValue = props[widthProp];
+        if (typeof axisValue === "number") {
+          styles.push(`border-${axis}-width: ${convertToUnit(axisValue)}`);
+          styles.push(`border-${axis}-style: solid`);
+          styles.push(`border-${axis}-color: currentColor`);
+        } else if (axisValue === true) {
+          styles.push(`border-${axis}-width: var(--origam-border__width---thin)`);
+          styles.push(`border-${axis}-style: solid`);
+          styles.push(`border-${axis}-color: currentColor`);
+        } else if (typeof axisValue === "string" && axisValue !== "") {
+          const parsed = parseBorderPositionValue(axisValue);
+          if (parsed) styles.push(...formatBorderPositionStylesVar(axis, parsed));
+        }
+      });
       BORDER_POSITION_MAP.forEach(({ side, widthProp, colorProp }) => {
         const sideValue = props[widthProp];
         const sideColor = props[colorProp];

package/dist/src/composables/Commons/nested.composable.cjs

@@ -67,7 +67,7 @@ const useNested = props => {
         const arr = [];
         if (selected.value) {
           for (const [key, value] of selected.value.entries()) {
-            if (value === "on") arr.push(key);
+            if (value === _enums.SELECTED.ON) arr.push(key);
           }
         }
         return arr;
@@ -181,8 +181,8 @@ function useNestedItem(id, isGroup) {
         parent.root.select(computedId.value, selected, e);
       }
     },
-    isSelected: (0, _vue.computed)(() => Boolean(parent?.root?.selected.value.get((0, _vue.toRaw)(computedId.value)) === "on")),
-    isIndeterminate: (0, _vue.computed)(() => Boolean(parent?.root?.selected.value.get(computedId.value) === "indeterminate")),
+    isSelected: (0, _vue.computed)(() => Boolean(parent?.root?.selected.value.get((0, _vue.toRaw)(computedId.value)) === _enums.SELECTED.ON)),
+    isIndeterminate: (0, _vue.computed)(() => Boolean(parent?.root?.selected.value.get(computedId.value) === _enums.SELECTED.INDETERMINATE)),
     isLeaf: (0, _vue.computed)(() => Boolean(!parent?.root?.children.value.get(computedId.value))),
     isGroupActivator: parent?.isGroupActivator
   };

package/dist/src/composables/Commons/nested.composable.d.ts

@@ -1,10 +1,11 @@
+import { SELECTED } from '../../enums';
 import type { INestedProps } from '../../interfaces';
 import { Ref } from 'vue';
 export declare const useNested: (props: INestedProps) => {
     children: Ref<Map<unknown, Array<unknown>>>;
     parents: Ref<Map<unknown, unknown>>;
     opened: Ref<Set<unknown>>;
-    selected: Ref<Map<unknown, `${import("../../enums").SELECTED}`>>;
+    selected: Ref<Map<unknown, `${SELECTED}`>>;
     selectedValues: Ref<Array<unknown>>;
     register: (id: unknown, parentId: unknown, isGroup?: boolean) => void;
     unregister: (id: unknown) => void;
@@ -30,7 +31,7 @@ export declare function useNestedItem(id: Ref<unknown>, isGroup: boolean): {
         children: Ref<Map<unknown, Array<unknown>>>;
         parents: Ref<Map<unknown, unknown>>;
         opened: Ref<Set<unknown>>;
-        selected: Ref<Map<unknown, `${import("../../enums").SELECTED}`>>;
+        selected: Ref<Map<unknown, `${SELECTED}`>>;
         selectedValues: Ref<Array<unknown>>;
         register: (id: unknown, parentId: unknown, isGroup?: boolean) => void;
         unregister: (id: unknown) => void;

package/dist/src/composables/Commons/nested.composable.js

@@ -6,7 +6,7 @@ import {
   ORIGAM_NESTED_KEY,
   SINGLE_OPEN_STRATEGY
 } from "../../consts/index.js";
-import { OPEN_STRATEGY, SELECT_STRATEGY } from "../../enums/index.js";
+import { OPEN_STRATEGY, SELECTED, SELECT_STRATEGY } from "../../enums/index.js";
 import {
   classicSelectStrategy,
   getCurrentInstance,
@@ -79,7 +79,7 @@ export const useNested = (props) => {
         const arr = [];
         if (selected.value) {
           for (const [key, value] of selected.value.entries()) {
-            if (value === "on") arr.push(key);
+            if (value === SELECTED.ON) arr.push(key);
           }
         }
         return arr;
@@ -182,8 +182,8 @@ export function useNestedItem(id, isGroup) {
         parent.root.select(computedId.value, selected, e);
       }
     },
-    isSelected: computed(() => Boolean(parent?.root?.selected.value.get(toRaw(computedId.value)) === "on")),
-    isIndeterminate: computed(() => Boolean(parent?.root?.selected.value.get(computedId.value) === "indeterminate")),
+    isSelected: computed(() => Boolean(parent?.root?.selected.value.get(toRaw(computedId.value)) === SELECTED.ON)),
+    isIndeterminate: computed(() => Boolean(parent?.root?.selected.value.get(computedId.value) === SELECTED.INDETERMINATE)),
     isLeaf: computed(() => Boolean(!parent?.root?.children.value.get(computedId.value))),
     isGroupActivator: parent?.isGroupActivator
   };

package/dist/src/composables/Commons/stateEffect.composable.cjs

@@ -110,6 +110,12 @@ function useStateEffect(props, isHover = noopRef, isActive = noopRef, hoverState
     get borderStyle() {
       return props.borderStyle;
     },
+    get borderBlock() {
+      return props.borderBlock;
+    },
+    get borderInline() {
+      return props.borderInline;
+    },
     get borderTop() {
       return props.borderTop;
     },

package/dist/src/composables/Commons/stateEffect.composable.js

@@ -121,6 +121,12 @@ export function useStateEffect(props, isHover = noopRef, isActive = noopRef, hov
       get borderStyle() {
         return props.borderStyle;
       },
+      get borderBlock() {
+        return props.borderBlock;
+      },
+      get borderInline() {
+        return props.borderInline;
+      },
       get borderTop() {
         return props.borderTop;
       },

package/dist/src/composables/Sheet/sheetSwipe.composable.cjs

@@ -6,13 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "DEFAULT_SHEET_SNAP_POINTS", {
   enumerable: true,
   get: function () {
-    return _sheetSnapPoints.DEFAULT_SHEET_SNAP_POINTS;
+    return _sheet.DEFAULT_SHEET_SNAP_POINTS;
   }
 });
 exports.useSheetSwipe = useSheetSwipe;
 var _vue = require("vue");
-var _sheetSnapPoints = require("../../consts/Sheet/sheet-snap-points.const.cjs");
-var _sheetSwipe = require("../../consts/Sheet/sheet-swipe.const.cjs");
+var _sheet = require("../../consts/Sheet/sheet.const.cjs");
 function resolveHeightPx(height) {
   if (typeof height === "number") return height;
   if (typeof window === "undefined") return 0;
@@ -54,7 +53,7 @@ function useSheetSwipe(options) {
     persistent
   } = options;
   const sortedSnaps = (0, _vue.computed)(() => {
-    const src = snapPoints?.value ?? _sheetSnapPoints.DEFAULT_SHEET_SNAP_POINTS;
+    const src = snapPoints?.value ?? _sheet.DEFAULT_SHEET_SNAP_POINTS;
     return [...src].sort((a, b) => resolveHeightPx(a.height) - resolveHeightPx(b.height));
   });
   const currentSnap = (0, _vue.ref)(defaultSnap?.value ?? "half");
@@ -78,7 +77,7 @@ function useSheetSwipe(options) {
     const goingUp = velocity > 0;
     const goingDown = velocity < 0;
     const speed = Math.abs(velocity);
-    if (speed >= _sheetSwipe.SHEET_FAST_FLICK_THRESHOLD) {
+    if (speed >= _sheet.SHEET_FAST_FLICK_THRESHOLD) {
       const nextIdx = goingUp ? Math.min(snaps.length - 1, currentIdx + 1) : goingDown ? Math.max(0, currentIdx - 1) : currentIdx;
       const candidate = snaps[nextIdx];
       return enforcePersistent(candidate.id, snaps);

package/dist/src/composables/Sheet/sheetSwipe.composable.d.ts

@@ -1,5 +1,5 @@
 import type { ISheetSwipeOptions, ISheetSwipeReturn } from '../../interfaces';
-export { DEFAULT_SHEET_SNAP_POINTS } from '../../consts/Sheet/sheet-snap-points.const';
+export { DEFAULT_SHEET_SNAP_POINTS } from '../../consts/Sheet/sheet.const';
 /**
  * Bottom-sheet swipe gesture composable.
  *

package/dist/src/composables/Sheet/sheetSwipe.composable.js

@@ -6,9 +6,8 @@ import {
   shallowRef,
   watch
 } from "vue";
-import { DEFAULT_SHEET_SNAP_POINTS } from "../../consts/Sheet/sheet-snap-points.const.js";
-import { SHEET_FAST_FLICK_THRESHOLD as FAST_FLICK_THRESHOLD } from "../../consts/Sheet/sheet-swipe.const.js";
-export { DEFAULT_SHEET_SNAP_POINTS } from "../../consts/Sheet/sheet-snap-points.const.js";
+import { DEFAULT_SHEET_SNAP_POINTS, SHEET_FAST_FLICK_THRESHOLD as FAST_FLICK_THRESHOLD } from "../../consts/Sheet/sheet.const.js";
+export { DEFAULT_SHEET_SNAP_POINTS } from "../../consts/Sheet/sheet.const.js";
 function resolveHeightPx(height) {
   if (typeof height === "number") return height;
   if (typeof window === "undefined") return 0;

package/dist/src/consts/Chart/{world-geographic.const.cjs → chart-map.const.cjs}

@@ -3,7 +3,44 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.WORLD_GEOGRAPHIC_DATA = void 0;
+exports.WORLD_MAP_PATHS = exports.WORLD_GEOGRAPHIC_DATA = exports.COUNTRY_CENTROIDS = void 0;
+const COUNTRY_CENTROIDS = exports.COUNTRY_CENTROIDS = {
+  US: [122, 130],
+  CA: [120, 66],
+  MX: [124, 178],
+  BR: [258, 252],
+  AR: [245, 345],
+  CL: [222, 348],
+  PE: [218, 260],
+  CO: [212, 220],
+  GB: [452, 96],
+  FR: [470, 124],
+  DE: [504, 112],
+  IT: [500, 152],
+  ES: [468, 152],
+  PT: [440, 152],
+  NL: [498, 100],
+  BE: [484, 108],
+  PL: [538, 110],
+  SE: [522, 74],
+  NO: [508, 60],
+  FI: [544, 62],
+  GR: [530, 158],
+  TR: [575, 154],
+  RU: [730, 68],
+  CN: [775, 135],
+  JP: [852, 130],
+  KR: [835, 150],
+  IN: [708, 204],
+  TH: [764, 208],
+  SG: [778, 230],
+  ID: [812, 250],
+  ZA: [548, 352],
+  EG: [572, 194],
+  NG: [504, 262],
+  AU: [845, 330],
+  NZ: [932, 362]
+};
 const WORLD_GEOGRAPHIC_DATA = exports.WORLD_GEOGRAPHIC_DATA = {
   // ─── North America ────────────────────────────────────────────────────────
   US: [[
@@ -149,4 +186,41 @@ const WORLD_GEOGRAPHIC_DATA = exports.WORLD_GEOGRAPHIC_DATA = {
   [173, -34.5], [178.5, -37.7], [178.5, -39.5], [175, -41.3], [173, -41], [172.5, -40], [173, -34.5]], [
   // South Island
   [172.5, -40.5], [174.5, -41.3], [173, -43.5], [171, -44.5], [169.5, -46.5], [168.5, -46], [167.5, -46.5], [168, -46], [169, -45], [170.5, -43.5], [171.5, -42.5], [172.5, -40.5]]]
+};
+const WORLD_MAP_PATHS = exports.WORLD_MAP_PATHS = {
+  US: "M 55,118 L 58,110 L 70,108 L 82,104 L 95,102 L 115,100 L 140,98 L 165,100 L 180,105 L 185,112 L 190,120 L 188,135 L 178,148 L 168,155 L 155,158 L 140,158 L 120,160 L 100,158 L 80,155 L 65,148 L 58,138 L 55,128 Z",
+  CA: "M 55,70 L 58,60 L 75,50 L 100,42 L 140,38 L 175,40 L 195,48 L 200,58 L 195,70 L 185,78 L 170,82 L 140,84 L 110,85 L 80,82 L 65,78 Z M 45,80 L 50,88 L 55,95 L 55,118 L 48,112 L 40,100 L 38,88 Z",
+  MX: "M 90,162 L 115,160 L 140,158 L 155,162 L 158,170 L 152,182 L 140,190 L 128,195 L 115,195 L 102,188 L 92,178 Z",
+  BR: "M 235,210 L 255,200 L 275,198 L 290,205 L 295,220 L 292,240 L 285,260 L 275,280 L 260,295 L 245,300 L 232,295 L 225,278 L 220,258 L 222,238 L 228,222 Z",
+  AR: "M 235,302 L 248,298 L 260,300 L 268,312 L 265,332 L 255,355 L 242,375 L 232,388 L 225,375 L 222,352 L 225,330 L 230,315 Z",
+  CL: "M 225,305 L 232,308 L 230,328 L 226,350 L 222,374 L 218,390 L 212,390 L 210,370 L 213,345 L 218,320 Z",
+  PE: "M 205,245 L 218,238 L 232,242 L 238,255 L 235,272 L 225,280 L 212,278 L 204,265 Z",
+  CO: "M 198,208 L 215,202 L 228,208 L 232,220 L 225,232 L 210,238 L 198,232 L 192,220 Z",
+  GB: "M 448,90 L 455,85 L 462,88 L 465,97 L 460,107 L 452,112 L 445,108 L 442,100 Z M 456,72 L 462,68 L 468,72 L 466,82 L 460,86 L 454,83 Z",
+  FR: "M 458,112 L 472,108 L 485,110 L 490,120 L 486,132 L 472,140 L 458,138 L 450,128 L 452,118 Z",
+  DE: "M 490,100 L 505,96 L 518,98 L 522,108 L 518,120 L 506,126 L 490,122 L 484,112 Z",
+  IT: "M 492,132 L 504,128 L 512,132 L 516,145 L 510,162 L 498,175 L 490,172 L 488,158 L 490,145 Z",
+  ES: "M 448,140 L 470,136 L 490,140 L 495,152 L 488,164 L 468,168 L 448,162 L 440,150 Z",
+  PT: "M 436,140 L 448,140 L 448,162 L 440,165 L 432,160 L 430,150 Z",
+  NL: "M 490,96 L 498,92 L 506,95 L 508,102 L 500,106 L 490,104 Z",
+  BE: "M 478,104 L 490,100 L 492,110 L 484,114 L 474,112 Z",
+  PL: "M 520,98 L 545,92 L 558,96 L 560,110 L 550,120 L 530,124 L 518,118 L 516,108 Z",
+  SE: "M 512,60 L 524,52 L 534,58 L 535,75 L 528,90 L 518,96 L 510,88 L 508,72 Z",
+  NO: "M 490,52 L 510,44 L 525,48 L 526,60 L 515,68 L 498,72 L 488,64 Z",
+  FI: "M 530,52 L 548,44 L 560,50 L 562,65 L 552,76 L 536,78 L 524,70 L 524,58 Z",
+  GR: "M 520,150 L 534,146 L 542,152 L 540,164 L 528,170 L 518,165 L 516,155 Z",
+  TR: "M 545,145 L 575,138 L 600,140 L 610,150 L 604,162 L 578,168 L 548,165 L 540,155 Z",
+  RU: "M 555,50 L 650,38 L 760,35 L 850,40 L 900,55 L 905,75 L 880,90 L 820,95 L 750,98 L 680,95 L 610,88 L 560,80 L 545,65 Z",
+  CN: "M 720,110 L 775,100 L 820,105 L 840,120 L 835,140 L 815,160 L 782,170 L 748,165 L 720,150 L 705,135 L 710,120 Z",
+  JP: "M 845,120 L 858,112 L 868,118 L 865,135 L 850,145 L 838,140 L 836,128 Z",
+  KR: "M 825,142 L 840,138 L 848,144 L 845,155 L 832,160 L 822,155 Z",
+  IN: "M 680,170 L 718,162 L 742,170 L 748,192 L 738,220 L 718,238 L 700,240 L 682,228 L 670,205 L 670,185 Z",
+  TH: "M 755,195 L 772,190 L 782,198 L 778,215 L 762,225 L 750,220 L 748,208 Z",
+  SG: "M 775,228 L 782,225 L 785,230 L 780,235 L 773,233 Z",
+  ID: "M 782,240 L 820,235 L 850,240 L 855,252 L 832,262 L 800,260 L 775,255 L 770,248 Z",
+  ZA: "M 525,340 L 550,330 L 572,335 L 578,350 L 565,368 L 542,375 L 522,368 L 515,352 Z",
+  EG: "M 558,178 L 582,172 L 598,178 L 600,195 L 585,208 L 560,210 L 545,200 L 548,185 Z",
+  NG: "M 488,248 L 510,242 L 528,248 L 530,265 L 515,278 L 490,278 L 478,265 L 480,252 Z",
+  AU: "M 790,295 L 840,282 L 885,288 L 910,308 L 915,338 L 898,362 L 865,375 L 830,372 L 795,355 L 775,330 L 778,308 Z",
+  NZ: "M 925,358 L 935,348 L 944,355 L 942,370 L 930,378 L 920,372 Z"
 };

package/dist/src/consts/Chart/{world-geographic.const.d.ts → chart-map.const.d.ts}

@@ -1,3 +1,13 @@
+/**
+ * COUNTRY_CENTROIDS
+ *
+ * Visual centroid [x, y] for each country in `WORLD_MAP_PATHS`,
+ * on the same 1000 × 500 Mercator canvas.
+ *
+ * Used as endpoints for flight-routes Bezier curves.
+ * Values approximate the geographic centre of each country shape.
+ */
+export declare const COUNTRY_CENTROIDS: Record<string, [number, number]>;
 /**
  * WORLD_GEOGRAPHIC_DATA
  *
@@ -20,3 +30,17 @@
  * Reference: standard geographic atlases and WGS-84 boundaries.
  */
 export declare const WORLD_GEOGRAPHIC_DATA: Record<string, Array<Array<[number, number]>>>;
+/**
+ * WORLD_MAP_PATHS
+ *
+ * Simplified Mercator-projected SVG path strings on a 1000 × 500 canvas.
+ * ISO-3166-1 alpha-2 keys, values are SVG `d` attribute strings.
+ *
+ * Shapes are recognisable approximations — not GIS-accurate.
+ * Coverage: 31 countries across 6 regions.
+ *
+ * Omitted from this set (hard to approximate clearly at this scale):
+ *   - Central African countries (too small / overlapping)
+ *   - Small island nations (SG, NZ rendered as simplified polygons)
+ */
+export declare const WORLD_MAP_PATHS: Record<string, string>;

package/dist/src/consts/Chart/{world-geographic.const.js → chart-map.const.js}

@@ -1,3 +1,40 @@
+export const COUNTRY_CENTROIDS = {
+  US: [122, 130],
+  CA: [120, 66],
+  MX: [124, 178],
+  BR: [258, 252],
+  AR: [245, 345],
+  CL: [222, 348],
+  PE: [218, 260],
+  CO: [212, 220],
+  GB: [452, 96],
+  FR: [470, 124],
+  DE: [504, 112],
+  IT: [500, 152],
+  ES: [468, 152],
+  PT: [440, 152],
+  NL: [498, 100],
+  BE: [484, 108],
+  PL: [538, 110],
+  SE: [522, 74],
+  NO: [508, 60],
+  FI: [544, 62],
+  GR: [530, 158],
+  TR: [575, 154],
+  RU: [730, 68],
+  CN: [775, 135],
+  JP: [852, 130],
+  KR: [835, 150],
+  IN: [708, 204],
+  TH: [764, 208],
+  SG: [778, 230],
+  ID: [812, 250],
+  ZA: [548, 352],
+  EG: [572, 194],
+  NG: [504, 262],
+  AU: [845, 330],
+  NZ: [932, 362]
+};
 export const WORLD_GEOGRAPHIC_DATA = {
   // ─── North America ────────────────────────────────────────────────────────
   US: [
@@ -1720,3 +1757,40 @@ export const WORLD_GEOGRAPHIC_DATA = {
     ]
   ]
 };
+export const WORLD_MAP_PATHS = {
+  US: "M 55,118 L 58,110 L 70,108 L 82,104 L 95,102 L 115,100 L 140,98 L 165,100 L 180,105 L 185,112 L 190,120 L 188,135 L 178,148 L 168,155 L 155,158 L 140,158 L 120,160 L 100,158 L 80,155 L 65,148 L 58,138 L 55,128 Z",
+  CA: "M 55,70 L 58,60 L 75,50 L 100,42 L 140,38 L 175,40 L 195,48 L 200,58 L 195,70 L 185,78 L 170,82 L 140,84 L 110,85 L 80,82 L 65,78 Z M 45,80 L 50,88 L 55,95 L 55,118 L 48,112 L 40,100 L 38,88 Z",
+  MX: "M 90,162 L 115,160 L 140,158 L 155,162 L 158,170 L 152,182 L 140,190 L 128,195 L 115,195 L 102,188 L 92,178 Z",
+  BR: "M 235,210 L 255,200 L 275,198 L 290,205 L 295,220 L 292,240 L 285,260 L 275,280 L 260,295 L 245,300 L 232,295 L 225,278 L 220,258 L 222,238 L 228,222 Z",
+  AR: "M 235,302 L 248,298 L 260,300 L 268,312 L 265,332 L 255,355 L 242,375 L 232,388 L 225,375 L 222,352 L 225,330 L 230,315 Z",
+  CL: "M 225,305 L 232,308 L 230,328 L 226,350 L 222,374 L 218,390 L 212,390 L 210,370 L 213,345 L 218,320 Z",
+  PE: "M 205,245 L 218,238 L 232,242 L 238,255 L 235,272 L 225,280 L 212,278 L 204,265 Z",
+  CO: "M 198,208 L 215,202 L 228,208 L 232,220 L 225,232 L 210,238 L 198,232 L 192,220 Z",
+  GB: "M 448,90 L 455,85 L 462,88 L 465,97 L 460,107 L 452,112 L 445,108 L 442,100 Z M 456,72 L 462,68 L 468,72 L 466,82 L 460,86 L 454,83 Z",
+  FR: "M 458,112 L 472,108 L 485,110 L 490,120 L 486,132 L 472,140 L 458,138 L 450,128 L 452,118 Z",
+  DE: "M 490,100 L 505,96 L 518,98 L 522,108 L 518,120 L 506,126 L 490,122 L 484,112 Z",
+  IT: "M 492,132 L 504,128 L 512,132 L 516,145 L 510,162 L 498,175 L 490,172 L 488,158 L 490,145 Z",
+  ES: "M 448,140 L 470,136 L 490,140 L 495,152 L 488,164 L 468,168 L 448,162 L 440,150 Z",
+  PT: "M 436,140 L 448,140 L 448,162 L 440,165 L 432,160 L 430,150 Z",
+  NL: "M 490,96 L 498,92 L 506,95 L 508,102 L 500,106 L 490,104 Z",
+  BE: "M 478,104 L 490,100 L 492,110 L 484,114 L 474,112 Z",
+  PL: "M 520,98 L 545,92 L 558,96 L 560,110 L 550,120 L 530,124 L 518,118 L 516,108 Z",
+  SE: "M 512,60 L 524,52 L 534,58 L 535,75 L 528,90 L 518,96 L 510,88 L 508,72 Z",
+  NO: "M 490,52 L 510,44 L 525,48 L 526,60 L 515,68 L 498,72 L 488,64 Z",
+  FI: "M 530,52 L 548,44 L 560,50 L 562,65 L 552,76 L 536,78 L 524,70 L 524,58 Z",
+  GR: "M 520,150 L 534,146 L 542,152 L 540,164 L 528,170 L 518,165 L 516,155 Z",
+  TR: "M 545,145 L 575,138 L 600,140 L 610,150 L 604,162 L 578,168 L 548,165 L 540,155 Z",
+  RU: "M 555,50 L 650,38 L 760,35 L 850,40 L 900,55 L 905,75 L 880,90 L 820,95 L 750,98 L 680,95 L 610,88 L 560,80 L 545,65 Z",
+  CN: "M 720,110 L 775,100 L 820,105 L 840,120 L 835,140 L 815,160 L 782,170 L 748,165 L 720,150 L 705,135 L 710,120 Z",
+  JP: "M 845,120 L 858,112 L 868,118 L 865,135 L 850,145 L 838,140 L 836,128 Z",
+  KR: "M 825,142 L 840,138 L 848,144 L 845,155 L 832,160 L 822,155 Z",
+  IN: "M 680,170 L 718,162 L 742,170 L 748,192 L 738,220 L 718,238 L 700,240 L 682,228 L 670,205 L 670,185 Z",
+  TH: "M 755,195 L 772,190 L 782,198 L 778,215 L 762,225 L 750,220 L 748,208 Z",
+  SG: "M 775,228 L 782,225 L 785,230 L 780,235 L 773,233 Z",
+  ID: "M 782,240 L 820,235 L 850,240 L 855,252 L 832,262 L 800,260 L 775,255 L 770,248 Z",
+  ZA: "M 525,340 L 550,330 L 572,335 L 578,350 L 565,368 L 542,375 L 522,368 L 515,352 Z",
+  EG: "M 558,178 L 582,172 L 598,178 L 600,195 L 585,208 L 560,210 L 545,200 L 548,185 Z",
+  NG: "M 488,248 L 510,242 L 528,248 L 530,265 L 515,278 L 490,278 L 478,265 L 480,252 Z",
+  AU: "M 790,295 L 840,282 L 885,288 L 910,308 L 915,338 L 898,362 L 865,375 L 830,372 L 795,355 L 775,330 L 778,308 Z",
+  NZ: "M 925,358 L 935,348 L 944,355 L 942,370 L 930,378 L 920,372 Z"
+};

package/dist/src/consts/Commons/border.const.cjs

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.BORDER_REGEX = exports.BORDER_POSITION_MAP = void 0;
+exports.BORDER_REGEX = exports.BORDER_POSITION_MAP = exports.BORDER_LOGICAL_AXIS_MAP = void 0;
 var _enums = require("../../enums/index.cjs");
 const BORDER_REGEX = exports.BORDER_REGEX = /^(?<width>(?: ?(?:[0-9]+)(?:px|pt|PC|in|cm|mm|em|rem|%|ex|ch|fr)?){0,4}) {0,1}(?<style>(?:(?: ?(?:none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset))+){0,4}) ?(?<color>(?: ?(?:(?:(?:#)(?:[a-f0-9]{3}|[a-f0-9]{6}))|(?:var\(--[^)]+\))|(?:(?:rgb|hsl|rgba)a?\(.*\))|(?:[A-Za-z]+))){0,4})$/;
 const BORDER_POSITION_MAP = exports.BORDER_POSITION_MAP = [{
@@ -22,4 +22,11 @@ const BORDER_POSITION_MAP = exports.BORDER_POSITION_MAP = [{
   side: _enums.INLINE.LEFT,
   widthProp: "borderLeft",
   colorProp: "borderLeftColor"
+}];
+const BORDER_LOGICAL_AXIS_MAP = exports.BORDER_LOGICAL_AXIS_MAP = [{
+  axis: "block",
+  widthProp: "borderBlock"
+}, {
+  axis: "inline",
+  widthProp: "borderInline"
 }];

package/dist/src/consts/Commons/border.const.d.ts

@@ -1,4 +1,5 @@
 import { BLOCK, INLINE } from '../../enums';
+import type { TBorderLogicalAxis } from '../../types';
 /**
  * Parse a free-form `border` value into width / style / color groups.
  *
@@ -46,3 +47,19 @@ export declare const BORDER_POSITION_MAP: readonly [{
     readonly widthProp: "borderLeft";
     readonly colorProp: "borderLeftColor";
 }];
+/**
+ * Logical-axis lookup driving `borderBlock` / `borderInline` wiring.
+ *
+ * Unlike `BORDER_POSITION_MAP` (physical sides, issue #215), these two
+ * props are already named LOGICALLY on `IBorderProps` and map straight
+ * onto the native CSS logical properties `border-block-{width,style,color}`
+ * / `border-inline-{width,style,color}` — no physical translation table
+ * needed, the browser resolves start/end per the active writing mode.
+ * No matching `borderBlockColor` / `borderInlineColor` prop exists (the
+ * per-side color override only applies to the 4 physical corners), so
+ * unlike `BORDER_POSITION_MAP` there is no `colorProp` here.
+ */
+export declare const BORDER_LOGICAL_AXIS_MAP: ReadonlyArray<{
+    axis: TBorderLogicalAxis;
+    widthProp: 'borderBlock' | 'borderInline';
+}>;

package/dist/src/consts/Commons/border.const.js

@@ -6,3 +6,7 @@ export const BORDER_POSITION_MAP = [
   { side: BLOCK.BOTTOM, widthProp: "borderBottom", colorProp: "borderBottomColor" },
   { side: INLINE.LEFT, widthProp: "borderLeft", colorProp: "borderLeftColor" }
 ];
+export const BORDER_LOGICAL_AXIS_MAP = [
+  { axis: "block", widthProp: "borderBlock" },
+  { axis: "inline", widthProp: "borderInline" }
+];

package/dist/src/consts/Commons/color.const.cjs

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SRGB_REVERSE_TRANSFORM = exports.SRGB_REVERSE_MATRIX = exports.SRGB_FORWARD_TRANSFORM = exports.SRGB_FORWARD_MATRIX = exports.SCALE_W_O_B = exports.SCALE_B_O_W = exports.REV_TXT = exports.REV_BG = exports.RCO = exports.NORM_TXT = exports.NORM_BG = exports.MAIN_TRC = exports.LO_CON_THRESH = exports.LO_CON_OFFSET = exports.LO_CON_FACTOR = exports.LO_CLIP = exports.GCO = exports.CSS_NAMED_COLORS = exports.CSS_COLOR_REGEX = exports.COLOR_UTILITY_INTENTS = exports.COLOR_MAPPERS = exports.COLOR_INTENTS = exports.COLOR_HOVER_MIX_PCT = exports.COLOR_DELTA_Y_MIN = exports.COLOR_DELTA = exports.COLOR_ACTIVE_MIX_PCT = exports.CIELAB_REVERSE_TRANSFORM = exports.CIELAB_FORWARD_TRANSFORM = exports.BLK_THRS = exports.BLK_CLMP = exports.BCO = void 0;
+var _enums = require("../../enums/index.cjs");
 var _utils = require("../../utils/index.cjs");
 const CSS_COLOR_REGEX = exports.CSS_COLOR_REGEX = /^(?<fn>(?:rgb|hsl)a?)\((?<values>.+)\)/;
 const CSS_NAMED_COLORS = exports.CSS_NAMED_COLORS = /* @__PURE__ */new Set(["aliceblue", "antiquewhite", "aqua", "aquamarine", "azure", "beige", "bisque", "black", "blanchedalmond", "blue", "blueviolet", "brown", "burlywood", "cadetblue", "chartreuse", "chocolate", "coral", "cornflowerblue", "cornsilk", "crimson", "cyan", "darkblue", "darkcyan", "darkgoldenrod", "darkgray", "darkgreen", "darkgrey", "darkkhaki", "darkmagenta", "darkolivegreen", "darkorange", "darkorchid", "darkred", "darksalmon", "darkseagreen", "darkslateblue", "darkslategray", "darkslategrey", "darkturquoise", "darkviolet", "deeppink", "deepskyblue", "dimgray", "dimgrey", "dodgerblue", "firebrick", "floralwhite", "forestgreen", "fuchsia", "gainsboro", "ghostwhite", "gold", "goldenrod", "gray", "green", "greenyellow", "grey", "honeydew", "hotpink", "indianred", "indigo", "ivory", "khaki", "lavender", "lavenderblush", "lawngreen", "lemonchiffon", "lightblue", "lightcoral", "lightcyan", "lightgoldenrodyellow", "lightgray", "lightgreen", "lightgrey", "lightpink", "lightsalmon", "lightseagreen", "lightskyblue", "lightslategray", "lightslategrey", "lightsteelblue", "lightyellow", "lime", "limegreen", "linen", "magenta", "maroon", "mediumaquamarine", "mediumblue", "mediumorchid", "mediumpurple", "mediumseagreen", "mediumslateblue", "mediumspringgreen", "mediumturquoise", "mediumvioletred", "midnightblue", "mintcream", "mistyrose", "moccasin", "navajowhite", "navy", "oldlace", "olive", "olivedrab", "orange", "orangered", "orchid", "palegoldenrod", "palegreen", "paleturquoise", "palevioletred", "papayawhip", "peachpuff", "peru", "pink", "plum", "powderblue", "purple", "rebeccapurple", "red", "rosybrown", "royalblue", "saddlebrown", "salmon", "sandybrown", "seagreen", "seashell", "sienna", "silver", "skyblue", "slateblue", "slategray", "slategrey", "snow", "springgreen", "steelblue", "tan", "teal", "thistle", "tomato", "turquoise", "violet", "wheat", "white", "whitesmoke", "yellow", "yellowgreen",
@@ -59,8 +60,8 @@ exports.CIELAB_FORWARD_TRANSFORM = CIELAB_FORWARD_TRANSFORM;
 const CIELAB_REVERSE_TRANSFORM = t => t > COLOR_DELTA ? t ** 3 : 3 * COLOR_DELTA ** 2 * (t - 4 / 29);
 exports.CIELAB_REVERSE_TRANSFORM = CIELAB_REVERSE_TRANSFORM;
 const MAIN_TRC = exports.MAIN_TRC = 2.4;
-const COLOR_INTENTS = exports.COLOR_INTENTS = /* @__PURE__ */new Set(["neutral", "primary", "secondary", "ghost", "success", "warning", "danger", "info"]);
-const COLOR_UTILITY_INTENTS = exports.COLOR_UTILITY_INTENTS = /* @__PURE__ */new Set(["neutral", "primary", "secondary", "success", "warning", "danger", "info"]);
+const COLOR_INTENTS = exports.COLOR_INTENTS = new Set(Object.values(_enums.INTENT));
+const COLOR_UTILITY_INTENTS = exports.COLOR_UTILITY_INTENTS = new Set(Object.values(_enums.INTENT).filter(intent => intent !== _enums.INTENT.GHOST));
 const COLOR_HOVER_MIX_PCT = exports.COLOR_HOVER_MIX_PCT = 20;
 const COLOR_ACTIVE_MIX_PCT = exports.COLOR_ACTIVE_MIX_PCT = 30;
 const RCO = exports.RCO = 0.2126729;

package/dist/src/consts/Commons/color.const.js

@@ -1,3 +1,4 @@
+import { INTENT } from "../../enums/index.js";
 import { HSLtoRGB, HSVtoRGB } from "../../utils/index.js";
 export const CSS_COLOR_REGEX = /^(?<fn>(?:rgb|hsl)a?)\((?<values>.+)\)/;
 export const CSS_NAMED_COLORS = /* @__PURE__ */ new Set([
@@ -181,25 +182,10 @@ export const COLOR_DELTA = 0.20689655172413793;
 export const CIELAB_FORWARD_TRANSFORM = (t) => t > COLOR_DELTA ** 3 ? Math.cbrt(t) : t / (3 * COLOR_DELTA ** 2) + 4 / 29;
 export const CIELAB_REVERSE_TRANSFORM = (t) => t > COLOR_DELTA ? t ** 3 : 3 * COLOR_DELTA ** 2 * (t - 4 / 29);
 export const MAIN_TRC = 2.4;
-export const COLOR_INTENTS = /* @__PURE__ */ new Set([
-  "neutral",
-  "primary",
-  "secondary",
-  "ghost",
-  "success",
-  "warning",
-  "danger",
-  "info"
-]);
-export const COLOR_UTILITY_INTENTS = /* @__PURE__ */ new Set([
-  "neutral",
-  "primary",
-  "secondary",
-  "success",
-  "warning",
-  "danger",
-  "info"
-]);
+export const COLOR_INTENTS = new Set(Object.values(INTENT));
+export const COLOR_UTILITY_INTENTS = new Set(
+  Object.values(INTENT).filter((intent) => intent !== INTENT.GHOST)
+);
 export const COLOR_HOVER_MIX_PCT = 20;
 export const COLOR_ACTIVE_MIX_PCT = 30;
 export const RCO = 0.2126729;

package/dist/src/consts/DataTable/{select.const.cjs → data-table.const.cjs}

@@ -3,7 +3,19 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.singleSelectStrategy = exports.pageSelectStrategy = exports.allSelectStrategy = exports.ORIGAM_DATA_TABLE_SHOW_SELECT_KEY = exports.ORIGAM_DATA_TABLE_SELECT_KEY = void 0;
+exports.singleSelectStrategy = exports.pageSelectStrategy = exports.allSelectStrategy = exports.ORIGAM_DATA_TABLE_SORT_KEY = exports.ORIGAM_DATA_TABLE_SHOW_SELECT_KEY = exports.ORIGAM_DATA_TABLE_SELECT_KEY = exports.ORIGAM_DATA_TABLE_PAGINATION_KEY = exports.ORIGAM_DATA_TABLE_HEADERS_KEY = exports.ORIGAM_DATA_TABLE_GROUP_KEY = exports.ORIGAM_DATA_TABLE_EXPAND_KEY = exports.DEFAULT_HEADER = exports.DEFAULT_ACTION_HEADER = void 0;
+const ORIGAM_DATA_TABLE_EXPAND_KEY = exports.ORIGAM_DATA_TABLE_EXPAND_KEY = /* @__PURE__ */Symbol.for("origam:data-table-expand");
+const ORIGAM_DATA_TABLE_GROUP_KEY = exports.ORIGAM_DATA_TABLE_GROUP_KEY = /* @__PURE__ */Symbol.for("origam:data-table-group");
+const ORIGAM_DATA_TABLE_HEADERS_KEY = exports.ORIGAM_DATA_TABLE_HEADERS_KEY = /* @__PURE__ */Symbol.for("origam:data-table-headers");
+const DEFAULT_HEADER = exports.DEFAULT_HEADER = {
+  title: "",
+  sortable: false
+};
+const DEFAULT_ACTION_HEADER = exports.DEFAULT_ACTION_HEADER = {
+  ...DEFAULT_HEADER,
+  width: 48
+};
+const ORIGAM_DATA_TABLE_PAGINATION_KEY = exports.ORIGAM_DATA_TABLE_PAGINATION_KEY = /* @__PURE__ */Symbol.for("origam:data-table-pagination");
 const ORIGAM_DATA_TABLE_SELECT_KEY = exports.ORIGAM_DATA_TABLE_SELECT_KEY = /* @__PURE__ */Symbol.for("origam:data-table-selection");
 const ORIGAM_DATA_TABLE_SHOW_SELECT_KEY = exports.ORIGAM_DATA_TABLE_SHOW_SELECT_KEY = /* @__PURE__ */Symbol.for("origam:data-table-show-select");
 const singleSelectStrategy = exports.singleSelectStrategy = {
@@ -68,4 +80,5 @@ const allSelectStrategy = exports.allSelectStrategy = {
     value,
     selected
   })
-};
+};
+const ORIGAM_DATA_TABLE_SORT_KEY = exports.ORIGAM_DATA_TABLE_SORT_KEY = /* @__PURE__ */Symbol.for("origam:data-table-sort");

package/dist/src/consts/DataTable/data-table.const.d.ts

@@ -0,0 +1,53 @@
+import type { InjectionKey, Ref } from 'vue';
+import type { IDataTableItem, IDataTableGroup, IDataTableSortItem, IInternalDataTableHeader, IDataTableSelectStrategy } from '../../interfaces';
+import { provideSelection } from '../../composables';
+export declare const ORIGAM_DATA_TABLE_EXPAND_KEY: InjectionKey<{
+    expand: (item: IDataTableItem, value: boolean) => void;
+    expanded: Ref<Set<string>>;
+    expandOnClick: Ref<boolean | undefined>;
+    isExpanded: (item: IDataTableItem) => boolean;
+    toggleExpand: (item: IDataTableItem) => void;
+}>;
+export declare const ORIGAM_DATA_TABLE_GROUP_KEY: InjectionKey<{
+    opened: Ref<Set<string>>;
+    toggleGroup: (group: IDataTableGroup) => void;
+    isGroupOpen: (group: IDataTableGroup) => boolean;
+    sortByWithGroups: Ref<Array<IDataTableSortItem>>;
+    groupBy: Ref<Array<IDataTableSortItem>>;
+    extractRows: (items: Array<IDataTableItem | IDataTableGroup<IDataTableItem>>) => Array<IDataTableItem>;
+}>;
+export declare const ORIGAM_DATA_TABLE_HEADERS_KEY: InjectionKey<{
+    headers: Ref<Array<Array<IInternalDataTableHeader>>>;
+    columns: Ref<Array<IInternalDataTableHeader>>;
+}>;
+export declare const DEFAULT_HEADER: {
+    title: string;
+    sortable: boolean;
+};
+export declare const DEFAULT_ACTION_HEADER: {
+    width: number;
+    title: string;
+    sortable: boolean;
+};
+export declare const ORIGAM_DATA_TABLE_PAGINATION_KEY: InjectionKey<{
+    page: Ref<number>;
+    itemsPerPage: Ref<number>;
+    startIndex: Ref<number>;
+    stopIndex: Ref<number>;
+    pageCount: Ref<number>;
+    itemsLength: Ref<number>;
+    prevPage: () => void;
+    nextPage: () => void;
+    setPage: (value: number) => void;
+    setItemsPerPage: (value: number) => void;
+}>;
+export declare const ORIGAM_DATA_TABLE_SELECT_KEY: InjectionKey<ReturnType<typeof provideSelection>>;
+export declare const ORIGAM_DATA_TABLE_SHOW_SELECT_KEY: InjectionKey<Ref<boolean>>;
+export declare const singleSelectStrategy: IDataTableSelectStrategy;
+export declare const pageSelectStrategy: IDataTableSelectStrategy;
+export declare const allSelectStrategy: IDataTableSelectStrategy;
+export declare const ORIGAM_DATA_TABLE_SORT_KEY: InjectionKey<{
+    sortBy: Ref<Array<IDataTableSortItem>>;
+    toggleSort: (column: IInternalDataTableHeader) => void;
+    isSorted: (column: IInternalDataTableHeader) => boolean;
+}>;

package/dist/src/consts/DataTable/{select.const.js → data-table.const.js}

@@ -1,3 +1,9 @@
+export const ORIGAM_DATA_TABLE_EXPAND_KEY = /* @__PURE__ */ Symbol.for("origam:data-table-expand");
+export const ORIGAM_DATA_TABLE_GROUP_KEY = /* @__PURE__ */ Symbol.for("origam:data-table-group");
+export const ORIGAM_DATA_TABLE_HEADERS_KEY = /* @__PURE__ */ Symbol.for("origam:data-table-headers");
+export const DEFAULT_HEADER = { title: "", sortable: false };
+export const DEFAULT_ACTION_HEADER = { ...DEFAULT_HEADER, width: 48 };
+export const ORIGAM_DATA_TABLE_PAGINATION_KEY = /* @__PURE__ */ Symbol.for("origam:data-table-pagination");
 export const ORIGAM_DATA_TABLE_SELECT_KEY = /* @__PURE__ */ Symbol.for("origam:data-table-selection");
 export const ORIGAM_DATA_TABLE_SHOW_SELECT_KEY = /* @__PURE__ */ Symbol.for("origam:data-table-show-select");
 export const singleSelectStrategy = {
@@ -32,3 +38,4 @@ export const allSelectStrategy = {
   },
   selectAll: ({ value, allItems, selected }) => allSelectStrategy.select({ items: allItems, value, selected })
 };
+export const ORIGAM_DATA_TABLE_SORT_KEY = /* @__PURE__ */ Symbol.for("origam:data-table-sort");