@tcn/ui 0.12.2 → 0.12.4

package/src/themes/themes/ergo/ergo_theme.css

@@ -48,6 +48,7 @@
     --font-size: 12px;
 
     /* Spacing */
+    --gap-xs: 2px;
     --gap-small: 4px;
     --gap-medium: 8px;
     --gap-large: 16px;
@@ -89,6 +90,7 @@
     --shape-radius-small: 2px;
     --shape-radius-medium: 4px;
     --shape-radius-large: 8px;
+    --shape-triangle-medium: 12px;
 
     /* Palette */
     --primary-color-faint: #c0c0c0;
@@ -562,17 +564,21 @@
 
   /* Inline  */
   .tcn-tabs-bar[data-variant="inline"] {
+    font-size: 12px;
     min-width: min-content;
     width: auto;
     flex-grow: 0;
     border-radius: var(--shape-radius-medium);
     border: 1px solid var(--on-material);
+    padding-block: 1px;
+    padding-inline: 2px;
 
     .tcn-tabs-list {
-      gap: var(--gap-small);
-      padding: var(--padding-small);
+      height: 20px;
+      gap: var(--gap-xs);
       .tcn-tab-item {
         border-radius: var(--shape-radius-medium);
+        min-height: 20px;
       }
     }
   }
@@ -607,12 +613,88 @@
     border: inherit;
   }
 
+  .tcn-tethered {
+    /* Managing offset of the indicator in relation for the tethered element
+    pad defaults to 0, but should be set depending on the surface */
+
+    --tether-pad-x: 0px;
+    --tether-pad-y: 0px;
+    --indicator-pad-x: 0px;
+    --indicator-pad-y: 0px;
+    --tether-pad-size: 0px;
+    --tether-pad-pos: var(--tether-pad-size);
+    --tether-pad-neg: calc(-1 * var(--tether-pad-size));
+    left: calc(
+      var(--tether-pad-x, 0) -
+      var(--indicator-pad-x, 0) +
+      var(--tethered-left, 0)
+    );
+    top: calc(var(--tether-pad-y, 0) + var(--tethered-top, 0));
+
+    :where(.tcn-tethered-origin-indicator) {
+      left: calc(var(--indicator-pad-x, 0) + var(--tethered-origin-delta-x, 0));
+      top: calc(var(--indicator-pad-y, 0) + var(--tethered-origin-delta-y, 0));
+    }
+
+    &[data-h-anchor="start"] {
+      --tether-pad-x: var(--tether-pad-pos);
+    }
+
+    &[data-h-anchor="end"] {
+      --tether-pad-x: var(--tether-pad-neg);
+    }
+
+    &[data-h-origin="start"] {
+      --indicator-pad-x: var(--tether-pad-pos);
+    }
+
+    &[data-h-origin="end"] {
+      --indicator-pad-x: var(--tether-pad-neg);
+    }
+
+    &[data-v-origin="center"] {
+      --indicator-pad-x: 0px;
+      --tether-pad-x: 0px;
+      &[data-v-anchor="top"] {
+        --tether-pad-y: var(--tether-pad-pos);
+      }
+
+      &[data-v-anchor="bottom"] {
+        --tether-pad-y: var(--tether-pad-neg);
+      }
+    }
+
+    &[data-anchor-direction="bottom"] {
+      padding-bottom: var(--shape-triangle-medium);
+    }
+
+    &[data-anchor-direction="top"] {
+      padding-top: var(--shape-triangle-medium);
+    }
+
+    &[data-anchor-direction="start"] {
+      padding-left: var(--shape-triangle-medium);
+    }
+
+    &[data-anchor-direction="end"] {
+      padding-right: var(--shape-triangle-medium);
+    }
+  }
+
   .tcn-tooltip {
-    background: rgba(57, 85, 120, 0.85);
-    box-shadow: 0px 4px 7px 0px rgba(65, 65, 65, 0.66);
-    color: rgba(255, 255, 255, 1);
-    border-radius: var(--shape-radius-medium);
-    padding: var(--padding-medium);
+    --tether-pad-size: 16px;
+    background: transparent;
+    --material: var(--ergo-secondary-dark);
+    --on-material: var(--ergo-white);
+    --action: var(--ergo-tertiary);
+    --on-action: var(--ergo-secondary-dark);
+    .tcn-tooltip-label {
+      box-shadow: 0px 4px 7px 0px rgba(65, 65, 65, 0.66);
+      color: var(--on-material);
+      background: var(--material);
+      border-radius: var(--shape-radius-medium);
+      padding: var(--padding-medium);
+    }
   }
 
   .tcn-list {
@@ -635,6 +717,9 @@
   }
 
   .tcn-rail {
+    :where(.tcn-rail-stack) {
+      gap: var(--gap-medium);
+    }
     :where(.tcn-body) {
       gap: var(--gap-medium);
     }
@@ -738,6 +823,17 @@
 
   .tcn-pop-confirm {
     --divide-header: 0;
+    --tether-pad-size: 16px;
+    :where(.tcn-tethered-origin-indicator) {
+      --material: var(--ergo-white);
+    }
+
+    /* Set the indicator to match the header color */
+    &[data-v-origin="top"] {
+      :where(.tcn-tethered-origin-indicator) {
+        --material: var(--ergo-secondary-dark);
+      }
+    }
 
     :where(.tcn-scaffold) {
       --pad-inline: var(--padding-medium);
@@ -768,9 +864,25 @@
     background-color: var(--background-color-primary);
   }
 
+  .tcn-bar {
+    gap: var(--gap-medium);
+
+    /* Add a divider between groups unless there is a spacer after a group */
+    :where(.tcn-group:not(:last-child):not(:has(+ .tcn-spacer)))::after {
+      content: "";
+      display: block;
+      min-width: 2px;
+      height: 18px;
+      background: var(--ergo-grey);
+      border-radius: var(--shape-radius-small);
+      align-self: center;
+    }
+  }
+
   /* PANEL */
   .tcn-panel {
-    background-color: var(--background-color-primary);
+    --material: var(--background-color-primary);
+    background-color: var(--material);
     border-radius: var(--shape-radius-medium);
     overflow: hidden;
   }
@@ -860,14 +972,16 @@
   }
 
   .tcn-caret {
-    --caret-size: 12px;
+    --caret-size: var(--shape-triangle-medium);
     --caret-triangle-height: calc(var(--caret-size) / 2);
     --caret-triangle-width: var(--caret-size);
     --caret-triangle-base: var(--caret-triangle-height) solid transparent;
     --caret-triangle-peak: var(--caret-triangle-width) solid var(--material);
 
-    width: 0;
-    height: 0;
+    width: var(--caret-size);
+    height: var(--caret-size);
+    min-width: var(--caret-size);
+    min-height: var(--caret-size);
     flex-grow: 0;
     display: inline-block;
 
@@ -1189,7 +1303,9 @@
   .tcn-switch-wrapper,
   .tcn-date-picker,
   .tcn-date-picker-year-selector,
-  .tcn-radio {
+  .tcn-radio,
+  .tcn-suggestion-list-search-input,
+  .tcn-suggestion-list {
     --accent-color: var(--ergo-primary);
   }
 }

package/dist/actions/button/select_group/select_group.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"select_group.d.ts","sourceRoot":"","sources":["../../../../src/actions/button/select_group/select_group.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAEzE,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,yBAAyB,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;AACnE,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,qBAAqB,CAAC,mBAAmB,EAAE,KAAK,CAAC,EACjD,UAAU,CACX,GAAG;IACF,QAAQ,CAAC,EAAE,yBAAyB,CAAC;IACrC,QAAQ,EACJ,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC,GACrC,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC,EAAE,CAAC;CAC7C,CAAC;AAEF,eAAO,MAAM,WAAW,sGAsDtB,CAAC"}

package/dist/actions/button/select_group/select_group.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"select_group.js","sources":["../../../../src/actions/button/select_group/select_group.tsx"],"sourcesContent":["import { HStack } from '../../../stacks/h_stack.js';\nimport type { WithDetailedHTMLProps } from '../../../stacks/types/as.js';\nimport { clsx } from 'clsx';\nimport React from 'react';\nimport { Button } from '../button/button.js';\nimport styles from './select_group.module.css';\n\nexport type SelectGroupChangeCallback = (values: string[]) => void;\nexport interface SelectGroupOwnProps {\n  value: string[];\n  disabled?: boolean;\n}\n\nexport type SelectGroupProps = Omit<\n  WithDetailedHTMLProps<SelectGroupOwnProps, 'div'>,\n  'onChange'\n> & {\n  onChange?: SelectGroupChangeCallback;\n  children:\n    | React.ReactElement<HTMLOptionElement>\n    | React.ReactElement<HTMLOptionElement>[];\n};\n\nexport const SelectGroup = React.forwardRef(function ButtonGroup(\n  { children, value, className, onChange, disabled = false, ...props }: SelectGroupProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const options: React.ReactElement<any>[] = Array.isArray(children)\n    ? children\n    : [children];\n\n  const handleChange = (option: string, isSelected: boolean) => {\n    if (disabled) return;\n    const next = [...value];\n    if (isSelected) {\n      const index = value.indexOf(option);\n      index > -1 && next.splice(index, 1);\n    } else {\n      next.push(option);\n    }\n    onChange?.(next);\n  };\n\n  return (\n    <HStack\n      ref={ref}\n      as=\"div\"\n      inline\n      width=\"auto\"\n      height=\"auto\"\n      data-is-disabled={disabled}\n      className={clsx(styles['select-group'], 'tcn-select-group', className)}\n      {...props}\n    >\n      {options.map((option, i) => {\n        const isSelected = value.includes(option.props.value);\n        const select = () => {\n          handleChange(option.props.value, isSelected);\n        };\n\n        return (\n          <React.Fragment key={i}>\n            <Button\n              disabled={disabled || option.props.disabled}\n              data-is-disabled={disabled || option.props.disabled}\n              className={clsx(styles['select-group-option'], 'tcn-select-group-option')}\n              hierarchy={isSelected ? 'primary' : 'secondary'}\n              onClick={select}\n              value={option.props.value}\n            >\n              {option.props.children}\n            </Button>\n          </React.Fragment>\n        );\n      })}\n    </HStack>\n  );\n});\n"],"names":["SelectGroup","React","children","value","className","onChange","disabled","props","ref","options","handleChange","option","isSelected","next","index","jsx","HStack","clsx","styles","i","select","Button"],"mappings":";;;;;4LAuBaA,IAAcC,EAAM,WAAW,SAC1C,EAAE,UAAAC,GAAU,OAAAC,GAAO,WAAAC,GAAW,UAAAC,GAAU,UAAAC,IAAW,IAAO,GAAGC,EAAA,GAC7DC,GACA;AACA,QAAMC,IAAqC,MAAM,QAAQP,CAAQ,IAC7DA,IACA,CAACA,CAAQ,GAEPQ,IAAe,CAACC,GAAgBC,MAAwB;AAC5D,QAAIN,EAAU;AACd,UAAMO,IAAO,CAAC,GAAGV,CAAK;AACtB,QAAIS,GAAY;AACd,YAAME,IAAQX,EAAM,QAAQQ,CAAM;AAClC,MAAAG,IAAQ,MAAMD,EAAK,OAAOC,GAAO,CAAC;AAAA,IACpC;AACE,MAAAD,EAAK,KAAKF,CAAM;AAElB,IAAAN,IAAWQ,CAAI;AAAA,EACjB;AAEA,SACE,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAR;AAAA,MACA,IAAG;AAAA,MACH,QAAM;AAAA,MACN,OAAM;AAAA,MACN,QAAO;AAAA,MACP,oBAAkBF;AAAA,MAClB,WAAWW,EAAKC,EAAO,cAAc,GAAG,oBAAoBd,CAAS;AAAA,MACpE,GAAGG;AAAA,MAEH,UAAAE,EAAQ,IAAI,CAACE,GAAQQ,MAAM;AAC1B,cAAMP,IAAaT,EAAM,SAASQ,EAAO,MAAM,KAAK,GAC9CS,IAAS,MAAM;AACnB,UAAAV,EAAaC,EAAO,MAAM,OAAOC,CAAU;AAAA,QAC7C;AAEA,eACE,gBAAAG,EAACd,EAAM,UAAN,EACC,UAAA,gBAAAc;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,UAAUf,KAAYK,EAAO,MAAM;AAAA,YACnC,oBAAkBL,KAAYK,EAAO,MAAM;AAAA,YAC3C,WAAWM,EAAKC,EAAO,qBAAqB,GAAG,yBAAyB;AAAA,YACxE,WAAWN,IAAa,YAAY;AAAA,YACpC,SAASQ;AAAA,YACT,OAAOT,EAAO,MAAM;AAAA,YAEnB,YAAO,MAAM;AAAA,UAAA;AAAA,QAAA,KATGQ,CAWrB;AAAA,MAEJ,CAAC;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/dist/actions/button/select_group/single_select_group.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"single_select_group.d.ts","sourceRoot":"","sources":["../../../../src/actions/button/select_group/single_select_group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAe,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAElE,MAAM,WAAW,yBAAyB;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,MAAM,MAAM,sBAAsB,GAAG,IAAI,CACvC,gBAAgB,EAChB,OAAO,GAAG,UAAU,GAAG,mBAAmB,CAC3C,GACC,yBAAyB,CAAC;AAE5B,eAAO,MAAM,iBAAiB,4GAgC5B,CAAC"}

package/dist/actions/button/select_group/single_select_group.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"single_select_group.js","sources":["../../../../src/actions/button/select_group/single_select_group.tsx"],"sourcesContent":["import React from 'react';\nimport { SelectGroup, SelectGroupProps } from './select_group.js';\n\nexport interface SingleSelectGroupOwnProps {\n  value: string;\n  disabled?: boolean;\n  onChange?: (value: string) => void;\n}\n\nexport type SingleSelectGroupProps = Omit<\n  SelectGroupProps,\n  'value' | 'onChange' | 'enableMultiselect'\n> &\n  SingleSelectGroupOwnProps;\n\nexport const SingleSelectGroup = React.forwardRef(function SingleSelectGroup(\n  {\n    children,\n    value,\n    className,\n    onChange,\n    disabled = false,\n    ...props\n  }: SingleSelectGroupProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const handleChange = (values: string[]) => {\n    if (values.length === 0) {\n      return;\n    }\n    // For single select, we take the last selected value or empty string if none selected\n    const singleValue = values.length > 0 ? values[values.length - 1] : '';\n    onChange?.(singleValue);\n  };\n\n  return (\n    <SelectGroup\n      ref={ref}\n      value={value != null ? [value] : []}\n      onChange={handleChange}\n      disabled={disabled}\n      className={className}\n      {...props}\n    >\n      {children}\n    </SelectGroup>\n  );\n});\n"],"names":["SingleSelectGroup","React","children","value","className","onChange","disabled","props","ref","handleChange","values","singleValue","jsx","SelectGroup"],"mappings":";;;AAeO,MAAMA,IAAoBC,EAAM,WAAW,SAChD;AAAA,EACE,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAe,CAACC,MAAqB;AACzC,QAAIA,EAAO,WAAW;AACpB;AAGF,UAAMC,IAAcD,EAAO,SAAS,IAAIA,EAAOA,EAAO,SAAS,CAAC,IAAI;AACpE,IAAAL,IAAWM,CAAW;AAAA,EACxB;AAEA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAL;AAAA,MACA,OAAOL,KAAS,OAAO,CAACA,CAAK,IAAI,CAAA;AAAA,MACjC,UAAUM;AAAA,MACV,UAAAH;AAAA,MACA,WAAAF;AAAA,MACC,GAAGG;AAAA,MAEH,UAAAL;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/dist/overlay/tethered/hooks/calculate_origin.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"calculate_origin.d.ts","sourceRoot":"","sources":["../../../../src/overlay/tethered/hooks/calculate_origin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,KAAK,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAEpE,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,GAAG,MAAM,CAAC;AAEzE;;;GAGG;AACH,wBAAgB,eAAe,CAC7B,MAAM,EAAE,SAAS,EACjB,OAAO,EAAE,gBAAgB,EACzB,OAAO,EAAE,cAAc,GACtB;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CA+BtC;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAC/B,gBAAgB,EAAE,QAAQ,EAC1B,MAAM,EAAE;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,GAC3C,QAAQ,CAKV;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAChC,OAAO,EAAE,cAAc,EACvB,OAAO,EAAE,gBAAgB,GACxB,cAAc,CAQhB"}

package/dist/overlay/tethered/hooks/calculate_origin.js

@@ -1,41 +0,0 @@
-function r(e, t, s) {
-  let n = 0, i = 0;
-  switch (s) {
-    case "top":
-      n = 0;
-      break;
-    case "center":
-      n = e.dimensions.height / 2;
-      break;
-    case "bottom":
-      n = e.dimensions.height;
-      break;
-  }
-  switch (t) {
-    case "start":
-      i = 0;
-      break;
-    case "center":
-      i = e.dimensions.width / 2;
-      break;
-    case "end":
-      i = e.dimensions.width;
-      break;
-  }
-  return { yOffset: n, xOffset: i };
-}
-function c(e, t) {
-  return {
-    x: e.x + t.xOffset,
-    y: e.y + t.yOffset
-  };
-}
-function f(e, t) {
-  return e !== "center" ? e : t !== "center" ? t : "none";
-}
-export {
-  f as getOriginDirection,
-  r as getOriginOffset,
-  c as getOriginPosition
-};
-//# sourceMappingURL=calculate_origin.js.map

package/dist/overlay/tethered/hooks/calculate_origin.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"calculate_origin.js","sources":["../../../../src/overlay/tethered/hooks/calculate_origin.ts"],"sourcesContent":["import type { Position, Rectangle } from '../../../utils/index.js';\nimport type { HorizontalTether, VerticalTether } from '../types.js';\n\nexport type CaretDirection = 'top' | 'bottom' | 'start' | 'end' | 'none';\n\n/**\n * Calculates the offset from the tethered element's top-left corner to the origin point\n * based on tether dimensions and origin alignment.\n */\nexport function getOriginOffset(\n  tether: Rectangle,\n  hOrigin: HorizontalTether,\n  vOrigin: VerticalTether\n): { yOffset: number; xOffset: number } {\n  let yOffset = 0;\n  let xOffset = 0;\n\n  // Calculate vertical offset\n  switch (vOrigin) {\n    case 'top':\n      yOffset = 0;\n      break;\n    case 'center':\n      yOffset = tether.dimensions.height / 2;\n      break;\n    case 'bottom':\n      yOffset = tether.dimensions.height;\n      break;\n  }\n\n  // Calculate horizontal offset\n  switch (hOrigin) {\n    case 'start':\n      xOffset = 0;\n      break;\n    case 'center':\n      xOffset = tether.dimensions.width / 2;\n      break;\n    case 'end':\n      xOffset = tether.dimensions.width;\n      break;\n  }\n\n  return { yOffset, xOffset };\n}\n\n/**\n * Adds offset to baseline position to get absolute origin position.\n */\nexport function getOriginPosition(\n  baselinePosition: Position,\n  offset: { yOffset: number; xOffset: number }\n): Position {\n  return {\n    x: baselinePosition.x + offset.xOffset,\n    y: baselinePosition.y + offset.yOffset,\n  };\n}\n\n/**\n * Determines caret direction based on origin values.\n */\nexport function getOriginDirection(\n  vOrigin: VerticalTether,\n  hOrigin: HorizontalTether\n): CaretDirection {\n  if (vOrigin !== 'center') {\n    return vOrigin;\n  } else if (hOrigin !== 'center') {\n    return hOrigin;\n  } else {\n    return 'none';\n  }\n}\n"],"names":["getOriginOffset","tether","hOrigin","vOrigin","yOffset","xOffset","getOriginPosition","baselinePosition","offset","getOriginDirection"],"mappings":"AASO,SAASA,EACdC,GACAC,GACAC,GACsC;AACtC,MAAIC,IAAU,GACVC,IAAU;AAGd,UAAQF,GAAA;AAAA,IACN,KAAK;AACH,MAAAC,IAAU;AACV;AAAA,IACF,KAAK;AACH,MAAAA,IAAUH,EAAO,WAAW,SAAS;AACrC;AAAA,IACF,KAAK;AACH,MAAAG,IAAUH,EAAO,WAAW;AAC5B;AAAA,EAAA;AAIJ,UAAQC,GAAA;AAAA,IACN,KAAK;AACH,MAAAG,IAAU;AACV;AAAA,IACF,KAAK;AACH,MAAAA,IAAUJ,EAAO,WAAW,QAAQ;AACpC;AAAA,IACF,KAAK;AACH,MAAAI,IAAUJ,EAAO,WAAW;AAC5B;AAAA,EAAA;AAGJ,SAAO,EAAE,SAAAG,GAAS,SAAAC,EAAA;AACpB;AAKO,SAASC,EACdC,GACAC,GACU;AACV,SAAO;AAAA,IACL,GAAGD,EAAiB,IAAIC,EAAO;AAAA,IAC/B,GAAGD,EAAiB,IAAIC,EAAO;AAAA,EAAA;AAEnC;AAKO,SAASC,EACdN,GACAD,GACgB;AAChB,SAAIC,MAAY,WACPA,IACED,MAAY,WACdA,IAEA;AAEX;"}

package/dist/overlay/tethered/hooks/calculate_position.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"calculate_position.d.ts","sourceRoot":"","sources":["../../../../src/overlay/tethered/hooks/calculate_position.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AACpE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAE1D,MAAM,WAAW,+BAA+B;IAC9C,MAAM,EAAE,SAAS,CAAC;IAClB,MAAM,EAAE,SAAS,CAAC;IAClB,SAAS,EAAE,KAAK,GAAG,KAAK,CAAC;IACzB,cAAc,EAAE,cAAc,CAAC;IAC/B,cAAc,EAAE,cAAc,CAAC;IAC/B,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,UAAU,CAAC;CACtB;AAED,eAAO,MAAM,yBAAyB,GAAI,gJAWvC,+BAA+B;;;CAiFjC,CAAC"}

package/dist/overlay/tethered/hooks/calculate_position.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"calculate_position.js","sources":["../../../../src/overlay/tethered/hooks/calculate_position.ts"],"sourcesContent":["import type { HorizontalTether, VerticalTether } from '../types.js';\nimport type { Rectangle } from '../../../utils/index.js';\nimport type { Dimensions } from '../../../utils/index.js';\n\nexport interface CalculateTetheredPositionParams {\n  anchor: Rectangle;\n  tether: Rectangle;\n  direction: 'ltr' | 'rtl';\n  verticalAnchor: VerticalTether;\n  verticalOrigin: VerticalTether;\n  horizontalAnchor: HorizontalTether;\n  horizontalOrigin: HorizontalTether;\n  verticalOffset: number;\n  horizontalOffset: number;\n  viewport: Dimensions;\n}\n\nexport const calculateTetheredPosition = ({\n  anchor,\n  tether,\n  direction,\n  verticalAnchor,\n  verticalOrigin,\n  horizontalAnchor,\n  horizontalOrigin,\n  verticalOffset,\n  horizontalOffset,\n  viewport,\n}: CalculateTetheredPositionParams) => {\n  const isRtl = direction === 'rtl';\n\n  let top = anchor.position.y;\n  let left = anchor.position.x;\n\n  // Calculate vertical position\n  switch (verticalAnchor) {\n    case 'top':\n      top += verticalOffset;\n      break;\n    case 'center':\n      top += anchor.dimensions.height / 2;\n      break;\n    case 'bottom':\n      top += anchor.dimensions.height - verticalOffset;\n      break;\n  }\n\n  switch (verticalOrigin) {\n    case 'top':\n      break;\n    case 'center':\n      top -= tether.dimensions.height / 2;\n      break;\n    case 'bottom':\n      top -= tether.dimensions.height;\n      break;\n  }\n\n  // Calculate horizontal position with direction sensitivity\n  if (horizontalAnchor === 'start') {\n    left += isRtl ? anchor.dimensions.width + horizontalOffset : horizontalOffset;\n  } else if (horizontalAnchor === 'center') {\n    left += anchor.dimensions.width / 2;\n  } else if (horizontalAnchor === 'end') {\n    left += isRtl ? -horizontalOffset : anchor.dimensions.width + horizontalOffset;\n  }\n\n  // Adjust the origin based on RTL direction\n  let adjustedHorizontalOrigin = horizontalOrigin;\n  if (isRtl) {\n    if (horizontalOrigin === 'start') {\n      adjustedHorizontalOrigin = 'end';\n    } else if (horizontalOrigin === 'end') {\n      adjustedHorizontalOrigin = 'start';\n    }\n  }\n\n  // Apply adjusted origin to the position calculation\n  if (adjustedHorizontalOrigin === 'start') {\n    // No adjustment needed\n  } else if (adjustedHorizontalOrigin === 'center') {\n    left -= tether.dimensions.width / 2;\n  } else if (adjustedHorizontalOrigin === 'end') {\n    left -= tether.dimensions.width;\n  }\n\n  // Ensure the popover stays within the viewport\n  // Prevent overflow to the right\n  if (left + tether.dimensions.width > viewport.width) {\n    left = viewport.width - tether.dimensions.width;\n  }\n\n  // Prevent overflow to the left\n  if (left < 0) {\n    left = 0;\n  }\n\n  // Prevent overflow to the bottom\n  // FIXME: doesn't account for padding.\n  if (top + tether.dimensions.height > viewport.height) {\n    top = viewport.height - tether.dimensions.height;\n  }\n\n  // Prevent overflow to the top\n  if (top < 0) {\n    top = 0;\n  }\n\n  return { top, left };\n};\n"],"names":["calculateTetheredPosition","anchor","tether","direction","verticalAnchor","verticalOrigin","horizontalAnchor","horizontalOrigin","verticalOffset","horizontalOffset","viewport","isRtl","top","left","adjustedHorizontalOrigin"],"mappings":"AAiBO,MAAMA,IAA4B,CAAC;AAAA,EACxC,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,UAAAC;AACF,MAAuC;AACrC,QAAMC,IAAQR,MAAc;AAE5B,MAAIS,IAAMX,EAAO,SAAS,GACtBY,IAAOZ,EAAO,SAAS;AAG3B,UAAQG,GAAA;AAAA,IACN,KAAK;AACH,MAAAQ,KAAOJ;AACP;AAAA,IACF,KAAK;AACH,MAAAI,KAAOX,EAAO,WAAW,SAAS;AAClC;AAAA,IACF,KAAK;AACH,MAAAW,KAAOX,EAAO,WAAW,SAASO;AAClC;AAAA,EAAA;AAGJ,UAAQH,GAAA;AAAA,IACN,KAAK;AACH;AAAA,IACF,KAAK;AACH,MAAAO,KAAOV,EAAO,WAAW,SAAS;AAClC;AAAA,IACF,KAAK;AACH,MAAAU,KAAOV,EAAO,WAAW;AACzB;AAAA,EAAA;AAIJ,EAAII,MAAqB,UACvBO,KAAQF,IAAQV,EAAO,WAAW,QAAQQ,IAAmBA,IACpDH,MAAqB,WAC9BO,KAAQZ,EAAO,WAAW,QAAQ,IACzBK,MAAqB,UAC9BO,KAAQF,IAAQ,CAACF,IAAmBR,EAAO,WAAW,QAAQQ;AAIhE,MAAIK,IAA2BP;AAC/B,SAAII,MACEJ,MAAqB,UACvBO,IAA2B,QAClBP,MAAqB,UAC9BO,IAA2B,WAK3BA,MAA6B,YAEtBA,MAA6B,WACtCD,KAAQX,EAAO,WAAW,QAAQ,IACzBY,MAA6B,UACtCD,KAAQX,EAAO,WAAW,SAKxBW,IAAOX,EAAO,WAAW,QAAQQ,EAAS,UAC5CG,IAAOH,EAAS,QAAQR,EAAO,WAAW,QAIxCW,IAAO,MACTA,IAAO,IAKLD,IAAMV,EAAO,WAAW,SAASQ,EAAS,WAC5CE,IAAMF,EAAS,SAASR,EAAO,WAAW,SAIxCU,IAAM,MACRA,IAAM,IAGD,EAAE,KAAAA,GAAK,MAAAC,EAAA;AAChB;"}

package/dist/overlay/tethered/hooks/useCaretRefDimensions.d.ts

@@ -1,9 +0,0 @@
-import { CaretDirection } from './calculate_origin.js';
-export declare function useCaretRefDimensions(precision: 'high' | 'low', originDirection: CaretDirection): {
-    caretElementRef: (element: HTMLElement | null) => void;
-    caretSize: {
-        width: number;
-        height: number;
-    };
-};
-//# sourceMappingURL=useCaretRefDimensions.d.ts.map

package/dist/overlay/tethered/hooks/useCaretRefDimensions.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useCaretRefDimensions.d.ts","sourceRoot":"","sources":["../../../../src/overlay/tethered/hooks/useCaretRefDimensions.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE5D,wBAAgB,qBAAqB,CACnC,SAAS,EAAE,MAAM,GAAG,KAAK,EACzB,eAAe,EAAE,cAAc,GAC9B;IACD,eAAe,EAAE,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IACvD,SAAS,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;CAC9C,CAYA"}

package/dist/overlay/tethered/hooks/useCaretRefDimensions.js

@@ -1,14 +0,0 @@
-import { useState as i, useLayoutEffect as c } from "react";
-function u(t, n) {
-  const [e, r] = i(null), [s, a] = i({ width: 0, height: 0 });
-  return c(() => {
-    if (t === "high" && n !== "none" && e) {
-      const h = e.getBoundingClientRect();
-      a({ width: h.width, height: h.height });
-    }
-  }, [t, n, e]), { caretElementRef: r, caretSize: s };
-}
-export {
-  u as useCaretRefDimensions
-};
-//# sourceMappingURL=useCaretRefDimensions.js.map

package/dist/overlay/tethered/hooks/useCaretRefDimensions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useCaretRefDimensions.js","sources":["../../../../src/overlay/tethered/hooks/useCaretRefDimensions.ts"],"sourcesContent":["import { useLayoutEffect, useState } from 'react';\nimport type { CaretDirection } from './calculate_origin.js';\n\nexport function useCaretRefDimensions(\n  precision: 'high' | 'low',\n  originDirection: CaretDirection\n): {\n  caretElementRef: (element: HTMLElement | null) => void;\n  caretSize: { width: number; height: number };\n} {\n  const [caretElement, setCaretElement] = useState<HTMLElement | null>(null);\n  const [caretSize, setCaretSize] = useState({ width: 0, height: 0 });\n\n  useLayoutEffect(() => {\n    if (precision === 'high' && originDirection !== 'none' && caretElement) {\n      const rect = caretElement.getBoundingClientRect();\n      setCaretSize({ width: rect.width, height: rect.height });\n    }\n  }, [precision, originDirection, caretElement]);\n\n  return { caretElementRef: setCaretElement, caretSize };\n}\n"],"names":["useCaretRefDimensions","precision","originDirection","caretElement","setCaretElement","useState","caretSize","setCaretSize","useLayoutEffect","rect"],"mappings":";AAGO,SAASA,EACdC,GACAC,GAIA;AACA,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAA6B,IAAI,GACnE,CAACC,GAAWC,CAAY,IAAIF,EAAS,EAAE,OAAO,GAAG,QAAQ,GAAG;AAElE,SAAAG,EAAgB,MAAM;AACpB,QAAIP,MAAc,UAAUC,MAAoB,UAAUC,GAAc;AACtE,YAAMM,IAAON,EAAa,sBAAA;AAC1B,MAAAI,EAAa,EAAE,OAAOE,EAAK,OAAO,QAAQA,EAAK,QAAQ;AAAA,IACzD;AAAA,EACF,GAAG,CAACR,GAAWC,GAAiBC,CAAY,CAAC,GAEtC,EAAE,iBAAiBC,GAAiB,WAAAE,EAAA;AAC7C;"}

package/dist/overlay/tethered/hooks/useTether.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTether.d.ts","sourceRoot":"","sources":["../../../../src/overlay/tethered/hooks/useTether.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,KAAK,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAGpE,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,SAAS,GAAG,IAAI,CAAC;IACzB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,wBAAgB,SAAS,CAAC,EACxB,MAAM,EACN,cAAyB,EACzB,cAAsB,EACtB,gBAA0B,EAC1B,gBAA0B,EAC1B,cAAkB,EAClB,gBAAoB,GACrB,EAAE,eAAe;;;;;;EA8DjB"}

package/dist/overlay/tethered/hooks/useTether.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTether.js","sources":["../../../../src/overlay/tethered/hooks/useTether.ts"],"sourcesContent":["import { useCallback, useLayoutEffect, useRef, useState } from 'react';\nimport { type Rectangle } from '../../../utils/index.js';\nimport type { HorizontalTether, VerticalTether } from '../types.js';\nimport { calculateTetheredPosition } from './calculate_position.js';\n\nexport interface UseTetherParams {\n  anchor: Rectangle | null;\n  verticalAnchor?: VerticalTether;\n  verticalOrigin?: VerticalTether;\n  horizontalOrigin?: HorizontalTether;\n  horizontalAnchor?: HorizontalTether;\n  verticalOffset?: number;\n  horizontalOffset?: number;\n}\n\nexport function useTether({\n  anchor,\n  verticalAnchor = 'bottom',\n  verticalOrigin = 'top',\n  horizontalAnchor = 'start',\n  horizontalOrigin = 'start',\n  verticalOffset = 0,\n  horizontalOffset = 0,\n}: UseTetherParams) {\n  const [position, setPosition] = useState({ top: 0, left: 0 });\n  const tetherRef = useRef<HTMLDivElement>(null);\n\n  const getPosition = useCallback(() => {\n    if (!anchor || !tetherRef.current) return;\n\n    const tether = tetherRef.current.getBoundingClientRect();\n    const computedStyle = getComputedStyle(tetherRef.current);\n\n    return calculateTetheredPosition({\n      anchor: anchor,\n      tether: {\n        dimensions: {\n          width: tether.width,\n          height: tether.height,\n        },\n        position: {\n          x: tether.left,\n          y: tether.top,\n        },\n      },\n      direction: computedStyle.direction as 'ltr' | 'rtl',\n      verticalAnchor: verticalAnchor,\n      verticalOrigin: verticalOrigin,\n      horizontalAnchor: horizontalAnchor,\n      horizontalOrigin: horizontalOrigin,\n      verticalOffset: verticalOffset,\n      horizontalOffset: horizontalOffset,\n      viewport: {\n        width: window.innerWidth,\n        height: window.innerHeight,\n      },\n    });\n  }, [\n    anchor,\n    verticalAnchor,\n    verticalOrigin,\n    horizontalAnchor,\n    horizontalOrigin,\n    verticalOffset,\n    horizontalOffset,\n  ]);\n\n  useLayoutEffect(() => {\n    const update = () => {\n      const newPosition = getPosition();\n      if (!newPosition) return;\n      const hasChanged =\n        position.top !== newPosition.top || position.left !== newPosition.left;\n      if (hasChanged) {\n        setPosition(newPosition);\n      }\n    };\n    update();\n    window.addEventListener('resize', update);\n    return () => {\n      window.removeEventListener('resize', update);\n    };\n  });\n\n  return { position, tetherRef };\n}\n"],"names":["useTether","anchor","verticalAnchor","verticalOrigin","horizontalAnchor","horizontalOrigin","verticalOffset","horizontalOffset","position","setPosition","useState","tetherRef","useRef","getPosition","useCallback","tether","computedStyle","calculateTetheredPosition","useLayoutEffect","update","newPosition"],"mappings":";;AAeO,SAASA,EAAU;AAAA,EACxB,QAAAC;AAAA,EACA,gBAAAC,IAAiB;AAAA,EACjB,gBAAAC,IAAiB;AAAA,EACjB,kBAAAC,IAAmB;AAAA,EACnB,kBAAAC,IAAmB;AAAA,EACnB,gBAAAC,IAAiB;AAAA,EACjB,kBAAAC,IAAmB;AACrB,GAAoB;AAClB,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAE,KAAK,GAAG,MAAM,GAAG,GACtDC,IAAYC,EAAuB,IAAI,GAEvCC,IAAcC,EAAY,MAAM;AACpC,QAAI,CAACb,KAAU,CAACU,EAAU,QAAS;AAEnC,UAAMI,IAASJ,EAAU,QAAQ,sBAAA,GAC3BK,IAAgB,iBAAiBL,EAAU,OAAO;AAExD,WAAOM,EAA0B;AAAA,MAC/B,QAAAhB;AAAA,MACA,QAAQ;AAAA,QACN,YAAY;AAAA,UACV,OAAOc,EAAO;AAAA,UACd,QAAQA,EAAO;AAAA,QAAA;AAAA,QAEjB,UAAU;AAAA,UACR,GAAGA,EAAO;AAAA,UACV,GAAGA,EAAO;AAAA,QAAA;AAAA,MACZ;AAAA,MAEF,WAAWC,EAAc;AAAA,MACzB,gBAAAd;AAAA,MACA,gBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,UAAU;AAAA,QACR,OAAO,OAAO;AAAA,QACd,QAAQ,OAAO;AAAA,MAAA;AAAA,IACjB,CACD;AAAA,EACH,GAAG;AAAA,IACDN;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,EAAA,CACD;AAED,SAAAW,EAAgB,MAAM;AACpB,UAAMC,IAAS,MAAM;AACnB,YAAMC,IAAcP,EAAA;AACpB,UAAI,CAACO,EAAa;AAGlB,OADEZ,EAAS,QAAQY,EAAY,OAAOZ,EAAS,SAASY,EAAY,SAElEX,EAAYW,CAAW;AAAA,IAE3B;AACA,WAAAD,EAAA,GACA,OAAO,iBAAiB,UAAUA,CAAM,GACjC,MAAM;AACX,aAAO,oBAAoB,UAAUA,CAAM;AAAA,IAC7C;AAAA,EACF,CAAC,GAEM,EAAE,UAAAX,GAAU,WAAAG,EAAA;AACrB;"}

package/dist/overlay/tethered/hooks/useTetherContentRect.d.ts

@@ -1,3 +0,0 @@
-import { Rectangle } from '../../../utils/index.js';
-export declare function useTetherContentRect(ref: React.RefObject<HTMLElement>): Rectangle;
-//# sourceMappingURL=useTetherContentRect.d.ts.map

package/dist/overlay/tethered/hooks/useTetherContentRect.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTetherContentRect.d.ts","sourceRoot":"","sources":["../../../../src/overlay/tethered/hooks/useTetherContentRect.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAuBzD,wBAAgB,oBAAoB,CAAC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,SAAS,CAwBjF"}

package/dist/overlay/tethered/hooks/useTetherContentRect.js

@@ -1,36 +0,0 @@
-import { useState as r, useLayoutEffect as s } from "react";
-function i(t) {
-  if (!t)
-    return {
-      dimensions: { width: 0, height: 0 },
-      position: { x: 0, y: 0 }
-    };
-  const e = t.getBoundingClientRect();
-  return {
-    dimensions: {
-      width: e.width,
-      height: e.height
-    },
-    position: {
-      x: e.left,
-      y: e.top
-    }
-  };
-}
-function u(t) {
-  const [e, o] = r(
-    () => i(t.current)
-  );
-  return s(() => {
-    const n = () => {
-      o(i(t.current));
-    };
-    return n(), window.addEventListener("resize", n), window.addEventListener("scroll", n, !0), () => {
-      window.removeEventListener("resize", n), window.removeEventListener("scroll", n, !0);
-    };
-  }, [t]), e;
-}
-export {
-  u as useTetherContentRect
-};
-//# sourceMappingURL=useTetherContentRect.js.map

package/dist/overlay/tethered/hooks/useTetherContentRect.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTetherContentRect.js","sources":["../../../../src/overlay/tethered/hooks/useTetherContentRect.ts"],"sourcesContent":["import { useLayoutEffect, useState } from 'react';\nimport type { Rectangle } from '../../../utils/index.js';\n\nfunction getTetherContentRect(element: HTMLElement | null): Rectangle {\n  if (!element) {\n    return {\n      dimensions: { width: 0, height: 0 },\n      position: { x: 0, y: 0 },\n    };\n  }\n\n  const rect = element.getBoundingClientRect();\n  return {\n    dimensions: {\n      width: rect.width,\n      height: rect.height,\n    },\n    position: {\n      x: rect.left,\n      y: rect.top,\n    },\n  };\n}\n\nexport function useTetherContentRect(ref: React.RefObject<HTMLElement>): Rectangle {\n  const [contentRect, setContentRect] = useState<Rectangle>(() =>\n    getTetherContentRect(ref.current)\n  );\n\n  useLayoutEffect(() => {\n    const update = () => {\n      setContentRect(getTetherContentRect(ref.current));\n    };\n\n    update();\n\n    // Track resize events\n    window.addEventListener('resize', update);\n    // Track scroll events\n    window.addEventListener('scroll', update, true);\n\n    return () => {\n      window.removeEventListener('resize', update);\n      window.removeEventListener('scroll', update, true);\n    };\n  }, [ref]);\n\n  return contentRect;\n}\n"],"names":["getTetherContentRect","element","rect","useTetherContentRect","ref","contentRect","setContentRect","useState","useLayoutEffect","update"],"mappings":";AAGA,SAASA,EAAqBC,GAAwC;AACpE,MAAI,CAACA;AACH,WAAO;AAAA,MACL,YAAY,EAAE,OAAO,GAAG,QAAQ,EAAA;AAAA,MAChC,UAAU,EAAE,GAAG,GAAG,GAAG,EAAA;AAAA,IAAE;AAI3B,QAAMC,IAAOD,EAAQ,sBAAA;AACrB,SAAO;AAAA,IACL,YAAY;AAAA,MACV,OAAOC,EAAK;AAAA,MACZ,QAAQA,EAAK;AAAA,IAAA;AAAA,IAEf,UAAU;AAAA,MACR,GAAGA,EAAK;AAAA,MACR,GAAGA,EAAK;AAAA,IAAA;AAAA,EACV;AAEJ;AAEO,SAASC,EAAqBC,GAA8C;AACjF,QAAM,CAACC,GAAaC,CAAc,IAAIC;AAAA,IAAoB,MACxDP,EAAqBI,EAAI,OAAO;AAAA,EAAA;AAGlC,SAAAI,EAAgB,MAAM;AACpB,UAAMC,IAAS,MAAM;AACnB,MAAAH,EAAeN,EAAqBI,EAAI,OAAO,CAAC;AAAA,IAClD;AAEA,WAAAK,EAAA,GAGA,OAAO,iBAAiB,UAAUA,CAAM,GAExC,OAAO,iBAAiB,UAAUA,GAAQ,EAAI,GAEvC,MAAM;AACX,aAAO,oBAAoB,UAAUA,CAAM,GAC3C,OAAO,oBAAoB,UAAUA,GAAQ,EAAI;AAAA,IACnD;AAAA,EACF,GAAG,CAACL,CAAG,CAAC,GAEDC;AACT;"}

package/dist/overlay/tethered/hooks/useTetherOrigin.d.ts

@@ -1,14 +0,0 @@
-import { Position } from '../../../utils/index.js';
-import { HorizontalTether, VerticalTether } from '../types.js';
-import { CaretDirection } from './calculate_origin.js';
-export interface UseTetherOriginResult {
-    originPosition: Position;
-    originOffset: {
-        yOffset: number;
-        xOffset: number;
-    };
-    containerRef: React.RefObject<HTMLDivElement>;
-    originDirection: CaretDirection;
-}
-export declare function useTetherOrigin(tetherPosition: Position, hOrigin: HorizontalTether, vOrigin: VerticalTether, precision: 'high' | 'low'): UseTetherOriginResult;
-//# sourceMappingURL=useTetherOrigin.d.ts.map

package/dist/overlay/tethered/hooks/useTetherOrigin.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTetherOrigin.d.ts","sourceRoot":"","sources":["../../../../src/overlay/tethered/hooks/useTetherOrigin.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,KAAK,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AACpE,OAAO,EAIL,KAAK,cAAc,EACpB,MAAM,uBAAuB,CAAC;AAG/B,MAAM,WAAW,qBAAqB;IACpC,cAAc,EAAE,QAAQ,CAAC;IACzB,YAAY,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC;IACnD,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC9C,eAAe,EAAE,cAAc,CAAC;CACjC;AAED,wBAAgB,eAAe,CAC7B,cAAc,EAAE,QAAQ,EACxB,OAAO,EAAE,gBAAgB,EACzB,OAAO,EAAE,cAAc,EACvB,SAAS,EAAE,MAAM,GAAG,KAAK,GACxB,qBAAqB,CAyBvB"}

package/dist/overlay/tethered/hooks/useTetherOrigin.js

@@ -1,24 +0,0 @@
-import { useRef as g } from "react";
-import { getOriginOffset as u, getOriginPosition as O, getOriginDirection as m } from "./calculate_origin.js";
-import { useTetherContentRect as p } from "./useTetherContentRect.js";
-function P(r, o, t, f) {
-  const i = g(null), n = p(i);
-  if (f === "low")
-    return {
-      originPosition: r,
-      originOffset: { yOffset: 0, xOffset: 0 },
-      containerRef: i,
-      originDirection: "none"
-    };
-  const e = u(n, o, t), s = O(n.position, e), c = m(t, o);
-  return {
-    originPosition: s,
-    originOffset: e,
-    containerRef: i,
-    originDirection: c
-  };
-}
-export {
-  P as useTetherOrigin
-};
-//# sourceMappingURL=useTetherOrigin.js.map

package/dist/overlay/tethered/hooks/useTetherOrigin.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTetherOrigin.js","sources":["../../../../src/overlay/tethered/hooks/useTetherOrigin.ts"],"sourcesContent":["import { useRef } from 'react';\nimport type { Position } from '../../../utils/index.js';\nimport type { HorizontalTether, VerticalTether } from '../types.js';\nimport {\n  getOriginDirection,\n  getOriginOffset,\n  getOriginPosition,\n  type CaretDirection,\n} from './calculate_origin.js';\nimport { useTetherContentRect } from './useTetherContentRect.js';\n\nexport interface UseTetherOriginResult {\n  originPosition: Position;\n  originOffset: { yOffset: number; xOffset: number };\n  containerRef: React.RefObject<HTMLDivElement>;\n  originDirection: CaretDirection;\n}\n\nexport function useTetherOrigin(\n  tetherPosition: Position,\n  hOrigin: HorizontalTether,\n  vOrigin: VerticalTether,\n  precision: 'high' | 'low'\n): UseTetherOriginResult {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const containerRect = useTetherContentRect(containerRef);\n\n  // If precision is low, return default values\n  if (precision === 'low') {\n    return {\n      originPosition: tetherPosition,\n      originOffset: { yOffset: 0, xOffset: 0 },\n      containerRef,\n      originDirection: 'none',\n    };\n  }\n\n  // Calculate origin values for high precision\n  const originOffset = getOriginOffset(containerRect, hOrigin, vOrigin);\n  const originPosition = getOriginPosition(containerRect.position, originOffset);\n  const originDirection = getOriginDirection(vOrigin, hOrigin);\n\n  return {\n    originPosition,\n    originOffset,\n    containerRef,\n    originDirection,\n  };\n}\n"],"names":["useTetherOrigin","tetherPosition","hOrigin","vOrigin","precision","containerRef","useRef","containerRect","useTetherContentRect","originOffset","getOriginOffset","originPosition","getOriginPosition","originDirection","getOriginDirection"],"mappings":";;;AAkBO,SAASA,EACdC,GACAC,GACAC,GACAC,GACuB;AACvB,QAAMC,IAAeC,EAAuB,IAAI,GAC1CC,IAAgBC,EAAqBH,CAAY;AAGvD,MAAID,MAAc;AAChB,WAAO;AAAA,MACL,gBAAgBH;AAAA,MAChB,cAAc,EAAE,SAAS,GAAG,SAAS,EAAA;AAAA,MACrC,cAAAI;AAAA,MACA,iBAAiB;AAAA,IAAA;AAKrB,QAAMI,IAAeC,EAAgBH,GAAeL,GAASC,CAAO,GAC9DQ,IAAiBC,EAAkBL,EAAc,UAAUE,CAAY,GACvEI,IAAkBC,EAAmBX,GAASD,CAAO;AAE3D,SAAO;AAAA,IACL,gBAAAS;AAAA,IACA,cAAAF;AAAA,IACA,cAAAJ;AAAA,IACA,iBAAAQ;AAAA,EAAA;AAEJ;"}

package/dist/surfaces/popconfirm/pop_confirm.d.ts

@@ -1,5 +0,0 @@
-import { default as React } from 'react';
-import { ElementPopperProps } from '../../overlay/popper/element_popper.js';
-export type PopConfirmProps = ElementPopperProps;
-export declare const PopConfirm: React.ForwardRefExoticComponent<import('../../overlay/index.js').BasePopperProps & import('../../overlay/index.js').ElementTetheredProps & React.RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=pop_confirm.d.ts.map

package/dist/surfaces/popconfirm/pop_confirm.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pop_confirm.d.ts","sourceRoot":"","sources":["../../../src/surfaces/popconfirm/pop_confirm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,wCAAwC,CAAC;AAEhD,MAAM,MAAM,eAAe,GAAG,kBAAkB,CAAC;AAEjD,eAAO,MAAM,UAAU,iLAQtB,CAAC"}

package/dist/surfaces/popconfirm/pop_confirm.js

@@ -1,13 +0,0 @@
-import { jsx as f } from "react/jsx-runtime";
-import p from "react";
-import { clsx as e } from "clsx";
-import { ElementPopper as n } from "../../overlay/popper/element_popper.js";
-const u = p.forwardRef(
-  function({ children: o, className: r, ...m }, t) {
-    return /* @__PURE__ */ f(n, { ref: t, className: e(r, "tcn-popconfirm"), ...m, children: o });
-  }
-);
-export {
-  u as PopConfirm
-};
-//# sourceMappingURL=pop_confirm.js.map

package/dist/surfaces/popconfirm/pop_confirm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pop_confirm.js","sources":["../../../src/surfaces/popconfirm/pop_confirm.tsx"],"sourcesContent":["import React from 'react';\nimport { clsx } from 'clsx';\nimport {\n  ElementPopper,\n  type ElementPopperProps,\n} from '../../overlay/popper/element_popper.js';\n\nexport type PopConfirmProps = ElementPopperProps;\n\nexport const PopConfirm = React.forwardRef<HTMLDivElement, PopConfirmProps>(\n  function PopConfirm({ children, className, ...props }, ref) {\n    return (\n      <ElementPopper ref={ref} className={clsx(className, 'tcn-popconfirm')} {...props}>\n        {children}\n      </ElementPopper>\n    );\n  }\n);\n"],"names":["PopConfirm","React","children","className","props","ref","jsx","ElementPopper","clsx"],"mappings":";;;;AASO,MAAMA,IAAaC,EAAM;AAAA,EAC9B,SAAoB,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GAASC,GAAK;AAC1D,WACE,gBAAAC,EAACC,GAAA,EAAc,KAAAF,GAAU,WAAWG,EAAKL,GAAW,gBAAgB,GAAI,GAAGC,GACxE,UAAAF,EAAA,CACH;AAAA,EAEJ;AACF;"}

package/src/overlay/tethered/hooks/useCaretRefDimensions.ts

@@ -1,22 +0,0 @@
-import { useLayoutEffect, useState } from 'react';
-import type { CaretDirection } from './calculate_origin.js';
-
-export function useCaretRefDimensions(
-  precision: 'high' | 'low',
-  originDirection: CaretDirection
-): {
-  caretElementRef: (element: HTMLElement | null) => void;
-  caretSize: { width: number; height: number };
-} {
-  const [caretElement, setCaretElement] = useState<HTMLElement | null>(null);
-  const [caretSize, setCaretSize] = useState({ width: 0, height: 0 });
-
-  useLayoutEffect(() => {
-    if (precision === 'high' && originDirection !== 'none' && caretElement) {
-      const rect = caretElement.getBoundingClientRect();
-      setCaretSize({ width: rect.width, height: rect.height });
-    }
-  }, [precision, originDirection, caretElement]);
-
-  return { caretElementRef: setCaretElement, caretSize };
-}

package/src/overlay/tethered/hooks/useTetherContentRect.ts

@@ -1,49 +0,0 @@
-import { useLayoutEffect, useState } from 'react';
-import type { Rectangle } from '../../../utils/index.js';
-
-function getTetherContentRect(element: HTMLElement | null): Rectangle {
-  if (!element) {
-    return {
-      dimensions: { width: 0, height: 0 },
-      position: { x: 0, y: 0 },
-    };
-  }
-
-  const rect = element.getBoundingClientRect();
-  return {
-    dimensions: {
-      width: rect.width,
-      height: rect.height,
-    },
-    position: {
-      x: rect.left,
-      y: rect.top,
-    },
-  };
-}
-
-export function useTetherContentRect(ref: React.RefObject<HTMLElement>): Rectangle {
-  const [contentRect, setContentRect] = useState<Rectangle>(() =>
-    getTetherContentRect(ref.current)
-  );
-
-  useLayoutEffect(() => {
-    const update = () => {
-      setContentRect(getTetherContentRect(ref.current));
-    };
-
-    update();
-
-    // Track resize events
-    window.addEventListener('resize', update);
-    // Track scroll events
-    window.addEventListener('scroll', update, true);
-
-    return () => {
-      window.removeEventListener('resize', update);
-      window.removeEventListener('scroll', update, true);
-    };
-  }, [ref]);
-
-  return contentRect;
-}

package/src/overlay/tethered/hooks/useTetherOrigin.ts

@@ -1,49 +0,0 @@
-import { useRef } from 'react';
-import type { Position } from '../../../utils/index.js';
-import type { HorizontalTether, VerticalTether } from '../types.js';
-import {
-  getOriginDirection,
-  getOriginOffset,
-  getOriginPosition,
-  type CaretDirection,
-} from './calculate_origin.js';
-import { useTetherContentRect } from './useTetherContentRect.js';
-
-export interface UseTetherOriginResult {
-  originPosition: Position;
-  originOffset: { yOffset: number; xOffset: number };
-  containerRef: React.RefObject<HTMLDivElement>;
-  originDirection: CaretDirection;
-}
-
-export function useTetherOrigin(
-  tetherPosition: Position,
-  hOrigin: HorizontalTether,
-  vOrigin: VerticalTether,
-  precision: 'high' | 'low'
-): UseTetherOriginResult {
-  const containerRef = useRef<HTMLDivElement>(null);
-  const containerRect = useTetherContentRect(containerRef);
-
-  // If precision is low, return default values
-  if (precision === 'low') {
-    return {
-      originPosition: tetherPosition,
-      originOffset: { yOffset: 0, xOffset: 0 },
-      containerRef,
-      originDirection: 'none',
-    };
-  }
-
-  // Calculate origin values for high precision
-  const originOffset = getOriginOffset(containerRect, hOrigin, vOrigin);
-  const originPosition = getOriginPosition(containerRect.position, originOffset);
-  const originDirection = getOriginDirection(vOrigin, hOrigin);
-
-  return {
-    originPosition,
-    originOffset,
-    containerRef,
-    originDirection,
-  };
-}