@smwb/ui-react 2.6.0 → 2.6.2

package/dist/assets/styles/less/components/table/table.entry.css

@@ -1 +1 @@
-.smwb-table{width:100%;white-space:nowrap;border-collapse:collapse;overflow:scroll}.smwb-table.smwb-hovered tbody tr:hover{background:var(--smui-onSurfaceHover);cursor:pointer}.smwb-table__error{margin-bottom:10px}.smwb-table__container{display:flex;overflow-x:auto;border:1px solid var(--smui-tableBorderColor);border-radius:4px;flex-direction:column}.smwb-table__container.smwb-withPagination{border-radius:4px 4px 0 0}.smwb-table__wrapper{display:flex;flex-direction:column;background-color:var(--smui-surfaceBackground)}.smwb-table__wrapper_loading{pointer-events:none}.smwb-table__cell{position:relative;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:nowrap;padding:0 16px;height:52px;vertical-align:middle;overflow:hidden;word-wrap:break-word}.smwb-table__cell.smwb-head-cell{height:56px;text-align:left;font-weight:500}.smwb-table__cell.smwb-head-cell.smwb-sortable{cursor:pointer}.smwb-table__cell.smwb-head-cell .smwb-head-cell__content{align-items:center;display:inline-flex;vertical-align:middle;gap:5px;user-select:none}.smwb-table__cell.smwb-head-cell .smwb-head-cell__content input{font-weight:500}.smwb-table__cell.smwb-head-cell.smwb-align_left{text-align:left}.smwb-table__cell.smwb-head-cell.smwb-align_center{text-align:center}.smwb-table__cell.smwb-head-cell.smwb-align_right{text-align:right}.smwb-table__cell.smwb-head-cell .smwb-head-cell__icon{flex-shrink:0;display:none;transition:all .15s ease-in-out;fill:var(--smui-primaryTextColor)}.smwb-table__cell.smwb-head-cell.smwb-sorted_asc .smwb-head-cell__icon{display:inline-flex;transform:rotate(0)}.smwb-table__cell.smwb-head-cell.smwb-sorted_desc .smwb-head-cell__icon{display:inline-flex;transform:rotate(180deg)}.smwb-table__head .smwb-table__row{border-top:none}.smwb-table__row{border-top:1px solid var(--smui-tableBorderColor)}.smwb-table.smwb-dense .smwb-table__cell{padding:0 16px;height:36px;vertical-align:middle}.smwb-table.smwb-dense .smwb-table__cell.smwb-head-cell{height:40px}.smwb-table.smwb-dense .smwb-table__row{border-top:1px solid var(--smui-tableBorderColor)}.smwb-table__loader{width:100%;display:flex;align-items:center;justify-content:center;position:absolute;height:100%;top:50%;left:50%;transform:translate(-50%,-50%)}.smwb-table__loader__row{height:100px;position:relative}.smwb-scrollbar::-webkit-scrollbar-thumb{background-color:var(--smui-scrollThumbColor);border-radius:999px}.smwb-scrollbar::-webkit-scrollbar{width:6px;height:6px}.smwb-scrollbar::-webkit-scrollbar-track{background-color:transparent}.smwb-head-cell_sortable .smwb-head-cell__content{cursor:pointer;user-select:none;outline:none}.smwb-head-cell_sortable .smwb-head-cell__content:focus-visible{outline:2px solid var(--smui-primaryColor);outline-offset:2px}.smwb-table__row_selected{background-color:var(--smui-onSurfaceHover)}.smwb-table__caption{caption-side:top;text-align:left;padding:8px 12px;color:var(--smui-onSurfaceVariant)}.smwb-table_sticky-header{overflow:visible}.smwb-table__container:has(.smwb-table_sticky-header){overflow:visible}.smwb-table_sticky-header .smwb-table__head .smwb-table__cell{position:sticky;top:0;z-index:2;background-color:var(--smui-surfaceBackground)}
+.smwb-table{width:100%;white-space:nowrap;border-collapse:collapse;overflow:scroll}.smwb-table.smwb-hovered tbody tr:hover{background:var(--smui-onSurfaceHover);cursor:pointer}.smwb-table__error{margin-bottom:10px}.smwb-table__container{display:flex;overflow-x:auto;border:1px solid var(--smui-tableBorderColor);border-radius:4px;flex-direction:column}.smwb-table__container.smwb-withPagination{border-radius:4px 4px 0 0}.smwb-table__wrapper{display:flex;flex-direction:column;background-color:var(--smui-surfaceBackground)}.smwb-table__wrapper_loading{pointer-events:none}.smwb-table__cell{position:relative;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:nowrap;padding:0 16px;height:52px;vertical-align:middle;overflow:hidden;word-wrap:break-word}.smwb-table__cell.smwb-head-cell{height:56px;text-align:left;font-weight:500}.smwb-table__cell.smwb-head-cell.smwb-sortable,.smwb-table__cell.smwb-head-cell.smwb-head-cell_sortable{cursor:pointer}.smwb-table__cell.smwb-head-cell .smwb-head-cell__content{align-items:center;display:inline-flex;vertical-align:middle;gap:5px;user-select:none}.smwb-table__cell.smwb-head-cell .smwb-head-cell__content input{font-weight:500}.smwb-table__cell.smwb-head-cell.smwb-align_left{text-align:left}.smwb-table__cell.smwb-head-cell.smwb-align_center{text-align:center}.smwb-table__cell.smwb-head-cell.smwb-align_right{text-align:right}.smwb-table__cell.smwb-head-cell .smwb-head-cell__icon{flex-shrink:0;transition:opacity .15s ease-in-out;opacity:.4}.smwb-table__cell.smwb-head-cell.smwb-head-cell_sorted .smwb-head-cell__icon,.smwb-table__cell.smwb-head-cell.smwb-head-cell_sortable:hover .smwb-head-cell__icon,.smwb-table__cell.smwb-head-cell .smwb-head-cell__content:focus-visible .smwb-head-cell__icon{opacity:1}.smwb-table__cell.smwb-head-cell.smwb-sorted_asc .smwb-head-cell__icon{opacity:1;transform:rotate(0)}.smwb-table__cell.smwb-head-cell.smwb-sorted_desc .smwb-head-cell__icon{opacity:1;transform:rotate(180deg)}.smwb-table__head .smwb-table__row{border-top:none}.smwb-table__row{border-top:1px solid var(--smui-tableBorderColor)}.smwb-table.smwb-dense .smwb-table__cell{padding:0 16px;height:36px;vertical-align:middle}.smwb-table.smwb-dense .smwb-table__cell.smwb-head-cell{height:40px}.smwb-table.smwb-dense .smwb-table__row{border-top:1px solid var(--smui-tableBorderColor)}.smwb-table__loader{width:100%;display:flex;align-items:center;justify-content:center;position:absolute;height:100%;top:50%;left:50%;transform:translate(-50%,-50%)}.smwb-table__loader__row{height:100px;position:relative}.smwb-scrollbar::-webkit-scrollbar-thumb{background-color:var(--smui-scrollThumbColor);border-radius:999px}.smwb-scrollbar::-webkit-scrollbar{width:6px;height:6px}.smwb-scrollbar::-webkit-scrollbar-track{background-color:transparent}.smwb-head-cell_sortable .smwb-head-cell__content{cursor:pointer;user-select:none;outline:none}.smwb-head-cell_sortable .smwb-head-cell__content:focus-visible{outline:2px solid var(--smui-primaryColor);outline-offset:2px}.smwb-table__row_selected{background-color:var(--smui-onSurfaceHover)}.smwb-table__caption{caption-side:top;text-align:left;padding:8px 12px;color:var(--smui-onSurfaceVariant)}.smwb-table_sticky-header{overflow:visible}.smwb-table__container:has(.smwb-table_sticky-header){overflow:visible}.smwb-table_sticky-header .smwb-table__head .smwb-table__cell{position:sticky;top:0;z-index:2;background-color:var(--smui-surfaceBackground)}

package/dist/assets/styles/less/components/treeView/treeView.entry.css

@@ -1 +1 @@
-.smwb-tree__wrapper .smwb-tree__node:first-child{border-left:0}.smwb-tree__wrapper .smwb-tree__node:first-child:before{opacity:0}.smwb-tree__node{padding-left:30px;margin-left:9px;position:relative;border-left:1px solid var(--smui-primaryColor)}.smwb-tree__node:last-child{border-left-color:transparent}.smwb-tree__node:before{position:absolute;top:0;left:-1px;height:20px;width:25px;border-bottom:1px solid var(--smui-primaryColor);border-left:1px solid var(--smui-primaryColor);content:"";font-weight:600;font-size:14px}.smwb-tree__node__label{position:relative;display:inline-flex;align-items:center;gap:10px}.smwb-tree__node__content{display:flex;align-items:center;gap:10px;height:40px;cursor:pointer;user-select:none}.smwb-tree__node_selected>.smwb-tree__node__content{background-color:var(--smui-onSurfaceHover);border-radius:4px}.smwb-tree__node__checkbox{flex-shrink:0;width:18px;height:18px;min-width:18px;min-height:18px;margin:0;cursor:pointer;accent-color:var(--smui-checkboxCheckedBg)}.smwb-tree__node__loading{padding:4px 8px 4px 28px;font-size:13px;color:var(--smui-onSurfaceVariant)}
+.smwb-tree__wrapper .smwb-tree__node:first-child{border-left:0}.smwb-tree__wrapper .smwb-tree__node:first-child:before{opacity:0}.smwb-tree__node{padding-left:30px;margin-left:9px;position:relative;border-left:1px solid var(--smui-primaryColor)}.smwb-tree__node:last-child{border-left-color:transparent}.smwb-tree__node:before{position:absolute;top:0;left:-1px;height:20px;width:25px;border-bottom:1px solid var(--smui-primaryColor);border-left:1px solid var(--smui-primaryColor);content:"";font-weight:600;font-size:14px}.smwb-tree__node__label{position:relative;display:inline-flex;align-items:center;gap:10px;min-width:0;overflow-wrap:break-word}.smwb-tree__node__label>.smwb-icon__wrapper{flex:none}.smwb-tree__node__content{display:flex;align-items:center;gap:10px;min-height:40px;cursor:pointer;user-select:none}.smwb-tree__node_selected>.smwb-tree__node__content{background-color:var(--smui-onSurfaceHover);border-radius:4px}.smwb-tree__node__checkbox{flex-shrink:0;width:18px;height:18px;min-width:18px;min-height:18px;margin:0;cursor:pointer;accent-color:var(--smui-checkboxCheckedBg)}.smwb-tree__node__loading{padding:4px 8px 4px 28px;font-size:13px;color:var(--smui-onSurfaceVariant)}

package/dist/components/dataDisplay/table/tableHeadCell.js

@@ -1,5 +1,5 @@
-import { jsx as o, jsxs as _ } from "react/jsx-runtime";
-import h from "clsx";
+import { jsx as o, jsxs as h } from "react/jsx-runtime";
+import p from "clsx";
 import { Icon as x } from "../../base/icon/icon.js";
 const y = ({
   children: i,
@@ -10,21 +10,22 @@ const y = ({
   sortable: e,
   sortDirection: d,
   onSort: s,
-  ...r
+  ..._
 }) => {
-  const n = d !== void 0 ? d : m ? "asc" : t ? "desc" : !1, f = e ? n === "asc" ? "ascending" : n === "desc" ? "descending" : "none" : void 0, p = n === "asc" ? "expand_more" : n === "desc" ? "expand_less" : "", w = (c) => {
+  const n = d !== void 0 ? d : m ? "asc" : t ? "desc" : !1, r = e ? n === "asc" ? "ascending" : n === "desc" ? "descending" : "none" : void 0, f = n === "asc" ? "expand_more" : n === "desc" ? "expand_less" : "unfold_more", w = (c) => {
     e && s && (c.key === "Enter" || c.key === " ") && (c.preventDefault(), s());
   };
   return /* @__PURE__ */ o(
     "th",
     {
-      ...r,
-      "aria-sort": f,
-      className: h("smwb-table__cell", "smwb-head-cell", l, {
+      ..._,
+      "aria-sort": r,
+      className: p("smwb-table__cell", "smwb-head-cell", l, {
         [`smwb-align_${a}`]: !!a,
-        "smwb-head-cell_sortable": e
+        "smwb-head-cell_sortable": e,
+        "smwb-head-cell_sorted": !!e && n !== !1
       }),
-      children: /* @__PURE__ */ _(
+      children: /* @__PURE__ */ h(
         "span",
         {
           className: "smwb-head-cell__content",
@@ -34,7 +35,7 @@ const y = ({
           tabIndex: e ? 0 : void 0,
           children: [
             i,
-            /* @__PURE__ */ o(x, { name: p, size: 18, weight: 800 })
+            e && /* @__PURE__ */ o(x, { className: "smwb-head-cell__icon", name: f, size: 18, weight: 800 })
           ]
         }
       )

package/dist/components/dataDisplay/table/tableHeadCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"tableHeadCell.js","sources":["../../../../src/components/dataDisplay/table/tableHeadCell.tsx"],"sourcesContent":["import React, { PropsWithChildren, ThHTMLAttributes } from \"react\";\nimport cn from \"clsx\";\nimport Icon from \"../../base/icon/icon\";\n\nexport type SortDirection = \"asc\" | \"desc\" | false;\n\nexport interface TableHeadCellProps extends ThHTMLAttributes<HTMLTableCellElement> {\n  className?: string;\n  cellAlign?: \"left\" | \"right\" | \"center\";\n  /** @deprecated use `sortDirection=\"desc\"`. */\n  isSortedByDesc?: boolean;\n  /** @deprecated use `sortDirection=\"asc\"`. */\n  isSortedByAsc?: boolean;\n  /** Enables the interactive sort affordance with keyboard/aria support. */\n  sortable?: boolean;\n  /** Current sort direction for this column. */\n  sortDirection?: SortDirection;\n  /** Invoked when the user activates the sort control. */\n  onSort?: () => void;\n}\n\nconst TableHeadCell = ({\n  children,\n  className,\n  cellAlign = \"left\",\n  isSortedByAsc,\n  isSortedByDesc,\n  sortable,\n  sortDirection,\n  onSort,\n  ...props\n}: PropsWithChildren<TableHeadCellProps>) => {\n  const direction: SortDirection =\n    sortDirection !== undefined ? sortDirection : isSortedByAsc ? \"asc\" : isSortedByDesc ? \"desc\" : false;\n\n  const ariaSort = sortable\n    ? direction === \"asc\"\n      ? \"ascending\"\n      : direction === \"desc\"\n        ? \"descending\"\n        : \"none\"\n    : undefined;\n\n  const iconName = direction === \"asc\" ? \"expand_more\" : direction === \"desc\" ? \"expand_less\" : \"\";\n\n  const onKeyDown = (event: React.KeyboardEvent<HTMLSpanElement>) => {\n    if (sortable && onSort && (event.key === \"Enter\" || event.key === \" \")) {\n      event.preventDefault();\n      onSort();\n    }\n  };\n\n  return (\n    <th\n      {...props}\n      aria-sort={ariaSort}\n      className={cn(\"smwb-table__cell\", \"smwb-head-cell\", className, {\n        [`smwb-align_${cellAlign}`]: !!cellAlign,\n        \"smwb-head-cell_sortable\": sortable,\n      })}\n    >\n      <span\n        className=\"smwb-head-cell__content\"\n        onClick={sortable ? onSort : undefined}\n        onKeyDown={sortable ? onKeyDown : undefined}\n        role={sortable ? \"button\" : undefined}\n        tabIndex={sortable ? 0 : undefined}\n      >\n        {children}\n        <Icon name={iconName} size={18} weight={800} />\n      </span>\n    </th>\n  );\n};\n\nexport default TableHeadCell;\n"],"names":["TableHeadCell","children","className","cellAlign","isSortedByAsc","isSortedByDesc","sortable","sortDirection","onSort","props","direction","ariaSort","iconName","onKeyDown","event","jsx","cn","jsxs","Icon"],"mappings":";;;AAqBA,MAAMA,IAAgB,CAAC;AAAA,EACrB,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,eAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,QAAAC;AAAA,EACA,GAAGC;AACL,MAA6C;AAC3C,QAAMC,IACJH,MAAkB,SAAYA,IAAgBH,IAAgB,QAAQC,IAAiB,SAAS,IAE5FM,IAAWL,IACbI,MAAc,QACZ,cACAA,MAAc,SACZ,eACA,SACJ,QAEEE,IAAWF,MAAc,QAAQ,gBAAgBA,MAAc,SAAS,gBAAgB,IAExFG,IAAY,CAACC,MAAgD;AACjE,IAAIR,KAAYE,MAAWM,EAAM,QAAQ,WAAWA,EAAM,QAAQ,SAChEA,EAAM,eAAA,GACNN,EAAA;AAAA,EAEJ;AAEA,SACE,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGN;AAAA,MACJ,aAAWE;AAAA,MACX,WAAWK,EAAG,oBAAoB,kBAAkBd,GAAW;AAAA,QAC7D,CAAC,cAAcC,CAAS,EAAE,GAAG,CAAC,CAACA;AAAA,QAC/B,2BAA2BG;AAAA,MAAA,CAC5B;AAAA,MAED,UAAA,gBAAAW;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,SAASX,IAAWE,IAAS;AAAA,UAC7B,WAAWF,IAAWO,IAAY;AAAA,UAClC,MAAMP,IAAW,WAAW;AAAA,UAC5B,UAAUA,IAAW,IAAI;AAAA,UAExB,UAAA;AAAA,YAAAL;AAAA,8BACAiB,GAAA,EAAK,MAAMN,GAAU,MAAM,IAAI,QAAQ,IAAA,CAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAC/C;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"tableHeadCell.js","sources":["../../../../src/components/dataDisplay/table/tableHeadCell.tsx"],"sourcesContent":["import React, { PropsWithChildren, ThHTMLAttributes } from \"react\";\nimport cn from \"clsx\";\nimport Icon from \"../../base/icon/icon\";\n\nexport type SortDirection = \"asc\" | \"desc\" | false;\n\nexport interface TableHeadCellProps extends ThHTMLAttributes<HTMLTableCellElement> {\n  className?: string;\n  cellAlign?: \"left\" | \"right\" | \"center\";\n  /** @deprecated use `sortDirection=\"desc\"`. */\n  isSortedByDesc?: boolean;\n  /** @deprecated use `sortDirection=\"asc\"`. */\n  isSortedByAsc?: boolean;\n  /** Enables the interactive sort affordance with keyboard/aria support. */\n  sortable?: boolean;\n  /** Current sort direction for this column. */\n  sortDirection?: SortDirection;\n  /** Invoked when the user activates the sort control. */\n  onSort?: () => void;\n}\n\nconst TableHeadCell = ({\n  children,\n  className,\n  cellAlign = \"left\",\n  isSortedByAsc,\n  isSortedByDesc,\n  sortable,\n  sortDirection,\n  onSort,\n  ...props\n}: PropsWithChildren<TableHeadCellProps>) => {\n  const direction: SortDirection =\n    sortDirection !== undefined ? sortDirection : isSortedByAsc ? \"asc\" : isSortedByDesc ? \"desc\" : false;\n\n  const ariaSort = sortable\n    ? direction === \"asc\"\n      ? \"ascending\"\n      : direction === \"desc\"\n        ? \"descending\"\n        : \"none\"\n    : undefined;\n\n  /**\n   * A sortable column always shows a marker: the current direction once sorted,\n   * and `unfold_more` before that — otherwise nothing tells the reader the column\n   * can be sorted at all. A cell that is not sortable shows nothing; it used to\n   * render an `<Icon name=\"\">`, which reserved a gap and warned about a missing\n   * icon under `source: \"smwb\"`.\n   */\n  const iconName = direction === \"asc\" ? \"expand_more\" : direction === \"desc\" ? \"expand_less\" : \"unfold_more\";\n\n  const onKeyDown = (event: React.KeyboardEvent<HTMLSpanElement>) => {\n    if (sortable && onSort && (event.key === \"Enter\" || event.key === \" \")) {\n      event.preventDefault();\n      onSort();\n    }\n  };\n\n  return (\n    <th\n      {...props}\n      aria-sort={ariaSort}\n      className={cn(\"smwb-table__cell\", \"smwb-head-cell\", className, {\n        [`smwb-align_${cellAlign}`]: !!cellAlign,\n        \"smwb-head-cell_sortable\": sortable,\n        \"smwb-head-cell_sorted\": !!sortable && direction !== false,\n      })}\n    >\n      <span\n        className=\"smwb-head-cell__content\"\n        onClick={sortable ? onSort : undefined}\n        onKeyDown={sortable ? onKeyDown : undefined}\n        role={sortable ? \"button\" : undefined}\n        tabIndex={sortable ? 0 : undefined}\n      >\n        {children}\n        {sortable && <Icon className=\"smwb-head-cell__icon\" name={iconName} size={18} weight={800} />}\n      </span>\n    </th>\n  );\n};\n\nexport default TableHeadCell;\n"],"names":["TableHeadCell","children","className","cellAlign","isSortedByAsc","isSortedByDesc","sortable","sortDirection","onSort","props","direction","ariaSort","iconName","onKeyDown","event","jsx","cn","jsxs","Icon"],"mappings":";;;AAqBA,MAAMA,IAAgB,CAAC;AAAA,EACrB,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,eAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,QAAAC;AAAA,EACA,GAAGC;AACL,MAA6C;AAC3C,QAAMC,IACJH,MAAkB,SAAYA,IAAgBH,IAAgB,QAAQC,IAAiB,SAAS,IAE5FM,IAAWL,IACbI,MAAc,QACZ,cACAA,MAAc,SACZ,eACA,SACJ,QASEE,IAAWF,MAAc,QAAQ,gBAAgBA,MAAc,SAAS,gBAAgB,eAExFG,IAAY,CAACC,MAAgD;AACjE,IAAIR,KAAYE,MAAWM,EAAM,QAAQ,WAAWA,EAAM,QAAQ,SAChEA,EAAM,eAAA,GACNN,EAAA;AAAA,EAEJ;AAEA,SACE,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGN;AAAA,MACJ,aAAWE;AAAA,MACX,WAAWK,EAAG,oBAAoB,kBAAkBd,GAAW;AAAA,QAC7D,CAAC,cAAcC,CAAS,EAAE,GAAG,CAAC,CAACA;AAAA,QAC/B,2BAA2BG;AAAA,QAC3B,yBAAyB,CAAC,CAACA,KAAYI,MAAc;AAAA,MAAA,CACtD;AAAA,MAED,UAAA,gBAAAO;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,SAASX,IAAWE,IAAS;AAAA,UAC7B,WAAWF,IAAWO,IAAY;AAAA,UAClC,MAAMP,IAAW,WAAW;AAAA,UAC5B,UAAUA,IAAW,IAAI;AAAA,UAExB,UAAA;AAAA,YAAAL;AAAA,YACAK,KAAY,gBAAAS,EAACG,GAAA,EAAK,WAAU,wBAAuB,MAAMN,GAAU,MAAM,IAAI,QAAQ,IAAA,CAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAC7F;AAAA,EAAA;AAGN;"}

package/dist/components/layout/floatingWindow/floatingWindow.js

@@ -1,14 +1,14 @@
-import { jsx as s, Fragment as Tt, jsxs as N } from "react/jsx-runtime";
+import { jsx as s, Fragment as Ht, jsxs as T } from "react/jsx-runtime";
 import '../../../assets/styles/less/components/floatingWindow/floatingWindow.entry.css';/* empty css                                                                       */
-import { forwardRef as vt, useState as Kt, useRef as _, useId as Ot, useCallback as T, useEffect as Q } from "react";
-import { createPortal as Ft } from "react-dom";
-import { CSSTransition as Ht } from "react-transition-group";
-import W from "clsx";
+import { forwardRef as Ut, useState as et, useRef as R, useId as $t, useCallback as A, useEffect as K } from "react";
+import { createPortal as Vt } from "react-dom";
+import { CSSTransition as Xt } from "react-transition-group";
+import nt from "clsx";
 import { Icon as v } from "../../base/icon/icon.js";
-import { useControllableState as K } from "../../../hooks/useControllableState.js";
-import { useForkRef as Ut } from "../../../hooks/useForkRef.js";
-import { useSafeLayoutEffect as $t } from "../../../hooks/useSafeLayoutEffect.js";
-const Vt = {
+import { useControllableState as O } from "../../../hooks/useControllableState.js";
+import { useForkRef as Yt } from "../../../hooks/useForkRef.js";
+import { useSafeLayoutEffect as Zt } from "../../../hooks/useSafeLayoutEffect.js";
+const jt = {
   n: { dx: 0, dy: 1, dw: 0, dh: -1 },
   s: { dx: 0, dy: 0, dw: 0, dh: 1 },
   e: { dx: 0, dy: 0, dw: 1, dh: 0 },
@@ -17,97 +17,112 @@ const Vt = {
   nw: { dx: 1, dy: 1, dw: -1, dh: -1 },
   se: { dx: 0, dy: 0, dw: 1, dh: 1 },
   sw: { dx: 1, dy: 0, dw: -1, dh: 1 }
-}, Xt = ["n", "s", "e", "w", "ne", "nw", "se", "sw"], y = () => typeof window == "undefined" ? { width: 0, height: 0 } : { width: window.innerWidth, height: window.innerHeight }, Yt = { x: 24, y: 24 }, Zt = { width: 360, height: 420 }, ie = vt(
-  function(tt, et) {
+}, Gt = ["n", "s", "e", "w", "ne", "nw", "se", "sw"], u = () => typeof window == "undefined" ? { width: 0, height: 0 } : { width: window.innerWidth, height: window.innerHeight }, qt = { x: 24, y: 24 }, Bt = { width: 360, height: 420 }, de = Ut(
+  function(ot, it) {
     const {
-      open: x,
-      title: A,
-      headerActions: nt,
-      position: ot,
-      defaultPosition: it = Yt,
-      onPositionChange: rt,
-      onMoveEnd: h,
-      size: at,
-      defaultSize: st = Zt,
-      onResize: dt,
-      onResizeEnd: u,
-      minWidth: b = 200,
+      open: c,
+      title: I,
+      headerActions: rt,
+      position: at,
+      defaultPosition: st = qt,
+      onPositionChange: dt,
+      onMoveEnd: f,
+      size: lt,
+      defaultSize: ct = Bt,
+      onResize: wt,
+      onResizeEnd: p,
+      minWidth: P = 200,
       minHeight: D = 120,
       maxWidth: a,
       maxHeight: d,
-      keepVisible: O = 56,
-      moveStep: lt = 24,
-      resizeStep: I = 24,
-      zIndex: F,
-      onActivate: R,
-      collapsed: ct,
-      defaultCollapsed: wt = !1,
-      onCollapsedChange: ht,
-      collapsible: ut = !0,
-      movable: ft = !0,
-      resizable: pt = !0,
-      closeOnEsc: H = !1,
-      onClose: P,
-      moveHandleAriaLabel: mt = "Move window",
-      resizeHandleAriaLabel: gt = "Resize window",
-      closeAriaLabel: yt = "Close window",
-      collapseAriaLabel: xt = "Collapse window",
-      expandAriaLabel: bt = "Expand window",
-      className: Pt,
-      style: E,
-      children: _t,
-      ...Dt
-    } = tt, [U, Rt] = Kt(), C = _(null), Ct = Ut(et, C), $ = Ot();
-    $t(() => {
-      Rt(document.body);
+      keepVisible: F = 56,
+      moveStep: ht = 24,
+      resizeStep: E = 24,
+      zIndex: H,
+      onActivate: M,
+      collapsed: ut,
+      defaultCollapsed: ft = !1,
+      onCollapsedChange: pt,
+      collapsible: mt = !0,
+      movable: gt = !0,
+      resizable: yt = !0,
+      closeOnEsc: U = !1,
+      onClose: _,
+      moveHandleAriaLabel: xt = "Move window",
+      resizeHandleAriaLabel: bt = "Resize window",
+      closeAriaLabel: Pt = "Close window",
+      collapseAriaLabel: _t = "Collapse window",
+      expandAriaLabel: Rt = "Expand window",
+      className: Dt,
+      style: S,
+      children: Mt,
+      ...Ct
+    } = ot, [$, kt] = et(), C = R(null), zt = Yt(it, C), V = $t();
+    Zt(() => {
+      kt(document.body);
     }, []);
-    const [f, V] = K({
-      value: ot,
-      defaultValue: it,
-      onChange: rt
-    }), [p, X] = K({
+    const [m, X] = O({
       value: at,
       defaultValue: st,
       onChange: dt
-    }), [c, Mt] = K({
-      value: ct,
-      defaultValue: wt,
-      onChange: ht
-    }), M = T(
+    }), [g, Y] = O({
+      value: lt,
+      defaultValue: ct,
+      onChange: wt
+    }), [w, At] = O({
+      value: ut,
+      defaultValue: ft,
+      onChange: pt
+    }), y = A(
       (t, e) => {
-        const n = a != null ? a : e.width, i = d != null ? d : e.height, o = Math.max(b, Math.min(n, t.width)), r = Math.max(D, Math.min(i, t.height)), g = Math.min(O, o), S = Math.max(g - o, Math.min(e.width - g, t.x)), L = Math.max(0, Math.min(Math.max(0, e.height - g), t.y));
-        return { x: S, y: L, width: o, height: r };
+        const n = a != null ? a : e.width, i = d != null ? d : e.height, o = Math.max(P, Math.min(n, t.width)), r = Math.max(D, Math.min(i, t.height)), b = Math.min(F, o), L = Math.max(b - o, Math.min(e.width - b, t.x)), N = Math.max(0, Math.min(Math.max(0, e.height - b), t.y));
+        return { x: L, y: N, width: o, height: r };
       },
-      [O, d, a, D, b]
-    ), w = M({ x: f.x, y: f.y, width: p.width, height: p.height }, y()), l = _(w);
-    l.current = w;
-    const m = T(
-      (t) => {
-        const e = M(t, y());
-        (e.x !== f.x || e.y !== f.y) && V({ x: e.x, y: e.y }), (e.width !== p.width || e.height !== p.height) && X({ width: e.width, height: e.height });
+      [F, d, a, D, P]
+    ), It = A(
+      (t, e) => {
+        const n = y(t, e);
+        return {
+          ...n,
+          x: Math.max(0, Math.min(n.x, e.width - n.width)),
+          y: Math.max(0, Math.min(n.y, e.height - n.height))
+        };
+      },
+      [y]
+    ), [Et, Z] = et(!1);
+    K(() => {
+      c || Z(!1);
+    }, [c]);
+    const j = { x: m.x, y: m.y, width: g.width, height: g.height }, h = Et ? y(j, u()) : It(j, u()), l = R(h);
+    l.current = h;
+    const x = A(
+      (t, e = !0) => {
+        e && Z(!0);
+        const n = y(t, u());
+        (n.x !== m.x || n.y !== m.y) && X({ x: n.x, y: n.y }), (n.width !== g.width || n.height !== g.height) && Y({ width: n.width, height: n.height });
       },
-      [M, f.x, f.y, V, X, p.height, p.width]
-    ), Y = _(m);
-    Y.current = m, Q(() => {
-      if (!x) return;
-      const t = () => Y.current(l.current);
+      [y, m.x, m.y, X, Y, g.height, g.width]
+    ), G = R(x);
+    G.current = x, K(() => {
+      if (!c) return;
+      const t = () => G.current(l.current, !1);
       return window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
-    }, [x]), Q(() => {
-      if (!x || !H || !P) return;
+    }, [c]), K(() => {
+      if (!c || !U || !_) return;
       const t = (e) => {
         if (e.key !== "Escape") return;
         const n = C.current;
-        !n || !n.contains(document.activeElement) || P();
+        !n || !n.contains(document.activeElement) || _();
       };
       return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
-    }, [H, P, x]);
-    const Z = T(() => {
-      R == null || R();
+    }, [U, _, c]);
+    const q = A(() => {
+      M == null || M();
       const t = C.current;
       t && !t.contains(document.activeElement) && t.focus({ preventScroll: !0 });
-    }, [R]), k = _(null), kt = (t) => {
+    }, [M]), k = R(null), St = (t) => {
       var n, i, o;
-      if (!ft || (n = t.target) != null && n.closest("button,[data-no-drag]")) return;
+      if (!gt || (n = t.target) != null && n.closest("button,[data-no-drag]")) return;
       t.preventDefault();
       const e = l.current;
       k.current = { px: t.clientX, py: t.clientY, x: e.x, y: e.y };
@@ -115,51 +130,51 @@ const Vt = {
         (o = (i = t.currentTarget).setPointerCapture) == null || o.call(i, t.pointerId);
       } catch {
       }
-    }, zt = (t) => {
+    }, Lt = (t) => {
       const e = k.current;
-      e && m({
+      e && x({
         ...l.current,
         x: e.x + t.clientX - e.px,
         y: e.y + t.clientY - e.py
       });
-    }, j = (t) => {
+    }, B = (t) => {
       var e, n, i, o;
       if (k.current) {
         k.current = null;
         const r = l.current;
-        h == null || h({ x: r.x, y: r.y });
+        f == null || f({ x: r.x, y: r.y });
       }
       (n = (e = t.currentTarget).hasPointerCapture) != null && n.call(e, t.pointerId) && ((o = (i = t.currentTarget).releasePointerCapture) == null || o.call(i, t.pointerId));
-    }, z = _(null), At = (t, e) => {
+    }, z = R(null), Nt = (t, e) => {
       var n, i;
-      e.preventDefault(), e.stopPropagation(), z.current = { dir: t, px: e.clientX, py: e.clientY, rect: l.current }, Z();
+      e.preventDefault(), e.stopPropagation(), z.current = { dir: t, px: e.clientX, py: e.clientY, rect: l.current }, q();
       try {
         (i = (n = e.currentTarget).setPointerCapture) == null || i.call(n, e.pointerId);
       } catch {
       }
-    }, It = (t) => {
+    }, Tt = (t) => {
       const e = z.current;
       if (!e) return;
-      const n = Vt[e.dir], i = t.clientX - e.px, o = t.clientY - e.py, r = e.rect, g = y(), S = a != null ? a : g.width, L = d != null ? d : g.height, B = Math.min(S, Math.max(b, r.width + n.dw * i)), J = Math.min(L, Math.max(D, r.height + n.dh * o));
-      m({
-        x: n.dx ? r.x + r.width - B : r.x,
-        y: n.dy ? r.y + r.height - J : r.y,
-        width: B,
-        height: J
+      const n = jt[e.dir], i = t.clientX - e.px, o = t.clientY - e.py, r = e.rect, b = u(), L = a != null ? a : b.width, N = d != null ? d : b.height, W = Math.min(L, Math.max(P, r.width + n.dw * i)), tt = Math.min(N, Math.max(D, r.height + n.dh * o));
+      x({
+        x: n.dx ? r.x + r.width - W : r.x,
+        y: n.dy ? r.y + r.height - tt : r.y,
+        width: W,
+        height: tt
       });
-    }, G = (t) => {
+    }, J = (t) => {
       var e, n, i, o;
       if (z.current) {
         z.current = null;
         const r = l.current;
-        u == null || u({ width: r.width, height: r.height });
+        p == null || p({ width: r.width, height: r.height });
       }
       (n = (e = t.currentTarget).hasPointerCapture) != null && n.call(e, t.pointerId) && ((o = (i = t.currentTarget).releasePointerCapture) == null || o.call(i, t.pointerId));
-    }, q = (t, e) => {
-      const n = M(e, y());
-      t ? u == null || u({ width: n.width, height: n.height }) : h == null || h({ x: n.x, y: n.y });
-    }, Et = (t) => {
-      const e = l.current, n = t.shiftKey ? I : lt, o = {
+    }, Q = (t, e) => {
+      const n = y(e, u());
+      t ? p == null || p({ width: n.width, height: n.height }) : f == null || f({ x: n.x, y: n.y });
+    }, Kt = (t) => {
+      const e = l.current, n = t.shiftKey ? E : ht, o = {
         ArrowLeft: [-n, 0],
         ArrowRight: [n, 0],
         ArrowUp: [0, -n],
@@ -168,69 +183,69 @@ const Vt = {
       if (!o) return;
       t.preventDefault();
       const r = t.shiftKey ? { ...e, width: e.width + o[0], height: e.height + o[1] } : { ...e, x: e.x + o[0], y: e.y + o[1] };
-      m(r), q(t.shiftKey, r);
-    }, St = (t) => {
-      const e = l.current, n = y();
+      x(r), Q(t.shiftKey, r);
+    }, vt = (t) => {
+      const e = l.current, n = u();
       let i;
       if (t.key === "ArrowLeft" || t.key === "ArrowRight") {
         t.preventDefault();
         const o = t.key === "ArrowRight" ? 1 : -1;
-        i = { ...e, width: e.width + o * I };
+        i = { ...e, width: e.width + o * E };
       } else if (t.key === "ArrowUp" || t.key === "ArrowDown") {
         t.preventDefault();
         const o = t.key === "ArrowDown" ? 1 : -1;
-        i = { ...e, height: e.height + o * I };
+        i = { ...e, height: e.height + o * E };
       } else if (t.key === "Home")
-        t.preventDefault(), i = { ...e, width: b, height: D };
+        t.preventDefault(), i = { ...e, width: P, height: D };
       else if (t.key === "End")
         t.preventDefault(), i = { ...e, width: a != null ? a : n.width, height: d != null ? d : n.height };
       else
         return;
-      m(i), q(!0, i);
-    }, Lt = () => Mt((t) => !t);
-    if (!U)
-      return /* @__PURE__ */ s(Tt, {});
-    const Nt = {
-      left: `${w.x}px`,
-      top: `${w.y}px`,
-      width: `${w.width}px`,
-      ...c ? {} : { height: `${w.height}px` },
-      ...F === void 0 ? {} : { zIndex: F },
-      ...E != null ? E : {}
+      x(i), Q(!0, i);
+    }, Ot = () => At((t) => !t);
+    if (!$)
+      return /* @__PURE__ */ s(Ht, {});
+    const Ft = {
+      left: `${h.x}px`,
+      top: `${h.y}px`,
+      width: `${h.width}px`,
+      ...w ? {} : { height: `${h.height}px` },
+      ...H === void 0 ? {} : { zIndex: H },
+      ...S != null ? S : {}
     };
-    return Ft(
+    return Vt(
       /* @__PURE__ */ s(
-        Ht,
+        Xt,
         {
-          in: x,
+          in: c,
           timeout: 120,
           mountOnEnter: !0,
           unmountOnExit: !0,
           appear: !0,
           classNames: { enterDone: "smwb-floating-window_entered" },
           nodeRef: C,
-          children: /* @__PURE__ */ N(
+          children: /* @__PURE__ */ T(
             "div",
             {
-              ...Dt,
-              ref: Ct,
+              ...Ct,
+              ref: zt,
               "data-testid": "floating-window",
               role: "dialog",
               tabIndex: -1,
-              "aria-labelledby": A ? $ : void 0,
-              className: W("smwb-floating-window", Pt, { "smwb-collapsed": c }),
-              style: Nt,
-              onPointerDown: Z,
+              "aria-labelledby": I ? V : void 0,
+              className: nt("smwb-floating-window", Dt, { "smwb-collapsed": w }),
+              style: Ft,
+              onPointerDown: q,
               children: [
-                /* @__PURE__ */ N(
+                /* @__PURE__ */ T(
                   "div",
                   {
                     className: "smwb-floating-window__header",
                     "data-testid": "floating-window-header",
-                    onPointerDown: kt,
-                    onPointerMove: zt,
-                    onPointerUp: j,
-                    onPointerCancel: j,
+                    onPointerDown: St,
+                    onPointerMove: Lt,
+                    onPointerUp: B,
+                    onPointerCancel: B,
                     children: [
                       /* @__PURE__ */ s(
                         "span",
@@ -239,34 +254,34 @@ const Vt = {
                           "data-testid": "floating-window-move",
                           role: "button",
                           tabIndex: 0,
-                          "aria-label": mt,
-                          onKeyDown: Et,
+                          "aria-label": xt,
+                          onKeyDown: Kt,
                           children: /* @__PURE__ */ s(v, { name: "drag_indicator" })
                         }
                       ),
-                      A ? /* @__PURE__ */ s("span", { className: "smwb-floating-window__title", id: $, children: A }) : null,
-                      /* @__PURE__ */ N("div", { className: "smwb-floating-window__actions", "data-no-drag": !0, children: [
-                        nt,
-                        ut ? /* @__PURE__ */ s(
+                      I ? /* @__PURE__ */ s("span", { className: "smwb-floating-window__title", id: V, children: I }) : null,
+                      /* @__PURE__ */ T("div", { className: "smwb-floating-window__actions", "data-no-drag": !0, children: [
+                        rt,
+                        mt ? /* @__PURE__ */ s(
                           "button",
                           {
                             type: "button",
                             className: "smwb-floating-window__action",
                             "data-testid": "floating-window-collapse",
-                            "aria-label": c ? bt : xt,
-                            "aria-expanded": !c,
-                            onClick: Lt,
-                            children: /* @__PURE__ */ s(v, { name: c ? "open_in_full" : "close_fullscreen" })
+                            "aria-label": w ? Rt : _t,
+                            "aria-expanded": !w,
+                            onClick: Ot,
+                            children: /* @__PURE__ */ s(v, { name: w ? "open_in_full" : "close_fullscreen" })
                           }
                         ) : null,
-                        P ? /* @__PURE__ */ s(
+                        _ ? /* @__PURE__ */ s(
                           "button",
                           {
                             type: "button",
                             className: "smwb-floating-window__action",
                             "data-testid": "floating-window-close",
-                            "aria-label": yt,
-                            onClick: P,
+                            "aria-label": Pt,
+                            onClick: _,
                             children: /* @__PURE__ */ s(v, { name: "close" })
                           }
                         ) : null
@@ -274,25 +289,25 @@ const Vt = {
                     ]
                   }
                 ),
-                c ? null : /* @__PURE__ */ s("div", { className: "smwb-floating-window__body", "data-testid": "floating-window-body", children: _t }),
-                pt && !c ? Xt.map((t) => /* @__PURE__ */ s(
+                w ? null : /* @__PURE__ */ s("div", { className: "smwb-floating-window__body", "data-testid": "floating-window-body", children: Mt }),
+                yt && !w ? Gt.map((t) => /* @__PURE__ */ s(
                   "div",
                   {
-                    className: W("smwb-floating-window__resize", `smwb-floating-window__resize_${t}`),
+                    className: nt("smwb-floating-window__resize", `smwb-floating-window__resize_${t}`),
                     "data-testid": `floating-window-resize-${t}`,
                     ...t === "se" ? {
                       role: "separator",
                       tabIndex: 0,
-                      "aria-label": gt,
-                      "aria-valuemin": b,
-                      "aria-valuemax": Math.round(a != null ? a : y().width),
-                      "aria-valuenow": Math.round(w.width),
-                      onKeyDown: St
+                      "aria-label": bt,
+                      "aria-valuemin": P,
+                      "aria-valuemax": Math.round(a != null ? a : u().width),
+                      "aria-valuenow": Math.round(h.width),
+                      onKeyDown: vt
                     } : { "aria-hidden": !0, tabIndex: -1 },
-                    onPointerDown: (e) => At(t, e),
-                    onPointerMove: It,
-                    onPointerUp: G,
-                    onPointerCancel: G
+                    onPointerDown: (e) => Nt(t, e),
+                    onPointerMove: Tt,
+                    onPointerUp: J,
+                    onPointerCancel: J
                   },
                   t
                 )) : null
@@ -301,11 +316,11 @@ const Vt = {
           )
         }
       ),
-      U
+      $
     );
   }
 );
 export {
-  ie as FloatingWindow
+  de as FloatingWindow
 };
 //# sourceMappingURL=floatingWindow.js.map